admin/zhyc-sheep-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf(views/frozen-sale) 表单布局

Browse Source 
提交表单布局由垂直修改为两列展示
This commit is contained in:
HashMap 2025-12-15 23:24:54 +08:00
parent ec571eecec
commit 0f06fab9b6
1 changed files with 76 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
src/views/frozen/sale/index.vue
View File

@ -86,45 +86,85 @@
<!-- 添加或修改销售主单对话框 -->
<el-dialog :title="title" v-model="open" width="1200px" append-to-body>
<el-form ref="saleRef" :model="form" :rules="rules" label-width="80px">
<el-form-item label="销售日期" prop="saleDate">
<el-date-picker clearable v-model="form.saleDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择销售日期">
</el-date-picker>
</el-form-item>
<el-form-item label="客户名称" prop="custName">
<el-input v-model="form.custName" placeholder="请输入客户名称" />
</el-form-item>
<el-form-item label="客户电话" prop="custPhone">
<el-input v-model="form.custPhone" placeholder="请输入客户电话" />
</el-form-item>
<el-form-item label="客户地址" prop="custAddr">
<el-input v-model="form.custAddr" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="销售人员" prop="salesper">
<el-input v-model="form.salesper" placeholder="请输入销售人员" />
</el-form-item>
<el-form-item label="检疫证号" prop="quaranNo">
<el-input v-model="form.quaranNo" placeholder="请输入检疫证号" />
</el-form-item>
<el-form-item label="审批编号" prop="apprNo">
<el-input v-model="form.apprNo" placeholder="请输入审批编号" />
</el-form-item>
<el-form-item label="总价" prop="price">
<el-input v-model="form.price" placeholder="请输入总价" />
</el-form-item>
<el-form-item label="技术员" prop="tech">
<el-input v-model="form.tech" placeholder="请输入技术员" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form ref="saleRef" :model="form" :rules="rules" label-width="100px">
<!-- ================= 主单信息（两列布局） ================= -->
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="销售日期" prop="saleDate">
<el-date-picker clearable v-model="form.saleDate" type="date" value-format="YYYY-MM-DD"
placeholder="请选择销售日期" style="width: 100%" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="客户名称" prop="custName">
<el-input v-model="form.custName" placeholder="请输入客户名称" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="客户电话" prop="custPhone">
<el-input v-model="form.custPhone" placeholder="请输入客户电话" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="销售人员" prop="salesper">
<el-input v-model="form.salesper" placeholder="请输入销售人员" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="检疫证号" prop="quaranNo">
<el-input v-model="form.quaranNo" placeholder="请输入检疫证号" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="审批编号" prop="apprNo">
<el-input v-model="form.apprNo" placeholder="请输入审批编号" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="总价" prop="price">
<el-input v-model="form.price" placeholder="请输入总价" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="技术员" prop="tech">
<el-input v-model="form.tech" placeholder="请输入技术员" />
</el-form-item>
</el-col>
<!-- 占满一整行 -->
<el-col :span="24">
<el-form-item label="客户地址" prop="custAddr">
<el-input v-model="form.custAddr" type="textarea" placeholder="请输入客户地址" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
</el-form-item>
</el-col>
</el-row>
<!-- ================= 销售明细 ================= -->
<el-divider content-position="center">销售明细信息</el-divider>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" icon="Plus" @click="handleAddDdSaleItem">添加</el-button>
<el-button type="primary" icon="Plus" @click="handleAddDdSaleItem">
添加
</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="danger" icon="Delete" @click="handleDeleteDdSaleItem">删除</el-button>
<el-button type="danger" icon="Delete" @click="handleDeleteDdSaleItem">
删除
</el-button>
</el-col>
</el-row>
<el-table :data="ddSaleItemList" :row-class-name="rowDdSaleItemIndex"
@ -133,9 +173,9 @@
<el-table-column label="序号" align="center" prop="index" width="50" />
<el-table-column label="明细类型" prop="itemType" width="150">
<template #default="scope">
<el-select v-model="scope.row.itemType" placeholder="请选择明细类型">
<el-select v-model="scope.row.itemType" placeholder="请选择明细类型" style="width:100%">
<el-option v-for="dict in frozen_sale_item_type" :key="dict.value" :label="dict.label"
:value="dict.value"></el-option>
:value="dict.value" />
</el-select>
</template>
</el-table-column>