<script lang="ts" setup>
|
|
</script>
|
<template>
|
<div class="center-box">
|
<el-card class="form-card">
|
<el-form size="medium" >
|
|
|
|
<el-row gutter="5">
|
<el-col :span="4.5">
|
<el-input v-model="name" placeholder="请输入供应商名称" style="width: 150px; height: 30px;" />
|
</el-col>
|
|
<el-col :span="4">
|
<el-dropdown>
|
<el-button type="primary">
|
结算方式<el-icon class="el-icon--right" style="width: 66px;"><arrow-down /></el-icon>
|
</el-button>
|
<template #dropdown>
|
<el-dropdown-menu>
|
<el-dropdown-item>货到付款</el-dropdown-item>
|
<el-dropdown-item>款到发货</el-dropdown-item>
|
<el-dropdown-item>月结付款</el-dropdown-item>
|
</el-dropdown-menu>
|
</template>
|
</el-dropdown>
|
</el-col>
|
</el-row>
|
|
<el-divider ></el-divider> <!-- 添加分隔线 -->
|
|
|
<el-row gutter="5">
|
<el-col :span="4.5">
|
<el-input v-model="name" placeholder="请输入联系人" style="width: 150px; height: 30px;" />
|
</el-col>
|
|
<el-col :span="4.5">
|
<el-input v-model="name" placeholder="请输入税率" style="width: 150px; height: 30px;" />
|
</el-col>
|
</el-row>
|
|
<el-divider ></el-divider> <!-- 添加分隔线 -->
|
|
|
|
<el-row gutter="5">
|
<el-col :span="4.5">
|
<el-input v-model="name" placeholder="请输入换算单位" style="width: 150px; height: 30px;" />
|
</el-col>
|
|
<el-col :span="4.5">
|
<el-input v-model="name" placeholder="请输入等级" style="width: 150px; height: 30px;" />
|
</el-col>
|
</el-row>
|
<el-divider ></el-divider> <!-- 添加分隔线 -->
|
|
|
|
|
<el-row gutter="5">
|
<el-col :span="4.5">
|
<el-input v-model="name" placeholder="请输入备注" style="width: 150px; height: 30px;" />
|
</el-col>
|
|
<el-col :span="4.5">
|
<el-input v-model="name" placeholder="请输入所属集团" style="width: 150px; height: 30px;" />
|
</el-col>
|
|
</el-row>
|
|
<el-divider ></el-divider> <!-- 添加分隔线 -->
|
|
|
<el-row gutter="10" justify="center" >
|
<el-col span="4.5">
|
<el-button id="searchButton" type="primary" :icon="Search">查询</el-button>
|
</el-col>
|
<el-col span="4.5">
|
<el-button id="searchButton" type="primary" :icon="save">确定</el-button>
|
</el-col>
|
</el-row>
|
</el-form>
|
</el-card>
|
</div>
|
</template>
|
<style>
|
.centered-box {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
height: 100vh;
|
}
|
|
.form-card {
|
width: 600px;
|
padding: 30px 30px;
|
}
|
.button-row {
|
display: flex;
|
justify-content: center;
|
margin-top: 20px;
|
}
|
</style>
|
