Commit a9be2126 authored by 全洪江's avatar 全洪江

客户主数据页面优化

parent 0144e0f6
<template> <template>
<div class="base-info"> <div class="base-info">
<el-row> <el-form :label-position="labelPosition">
<el-col :span="12"> <el-row>
<el-form-item label="客户工作时间" prop="clientWorkTime"> <el-col :span="12">
<el-input v-model="form.clientWorkTime" placeholder="请输入 客户工作时间"/> <el-form-item
</el-form-item> label="客户工作时间"
</el-col> prop="clientWorkTime"
<el-col :span="12"> :label-width="labelWidth"
<el-form-item label="开票地址" prop="invoiceAddr"> >
<el-input v-model="form.invoiceAddr" placeholder="请输入 开票地址"/> <el-input
</el-form-item> v-model="form.clientWorkTime"
</el-col> placeholder="请输入客户工作时间"
<el-col :span="12"> />
<el-form-item label="客户送货地址" prop="address"> </el-form-item>
<el-input v-model="form.address" placeholder="请输入 客户送货地址"/> </el-col>
</el-form-item> <el-col :span="12">
</el-col> <el-form-item
<el-col :span="12"> label="开票地址"
<el-form-item label="城市" prop="city"> prop="invoiceAddr"
<el-input v-model="form.city" placeholder="请输入 城市"/> :label-width="labelWidth"
</el-form-item> >
</el-col> <el-input v-model="form.invoiceAddr" placeholder="请输入开票地址" />
<el-col :span="12"> </el-form-item>
<el-form-item label="国家" prop="country"> </el-col>
<el-input v-model="form.country" placeholder="请输入 国家"/> <el-col :span="12">
</el-form-item> <el-form-item
</el-col> label="客户送货地址"
<el-col :span="12"> prop="address"
<el-form-item label="地区" prop="area"> :label-width="labelWidth"
<el-input v-model="form.area" placeholder="请输入 地区"/> >
</el-form-item> <el-input v-model="form.address" placeholder="请输入客户送货地址" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="语言" prop="lang"> <el-col :span="12">
<el-input v-model="form.lang" placeholder="请输入 语言"/> <el-form-item label="城市" prop="city" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.city" placeholder="请输入城市" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="邮政编码" prop="postcode"> <el-col :span="12">
<el-input v-model="form.postcode" placeholder="请输入 邮政编码"/> <el-form-item label="国家" prop="country" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.country" placeholder="请输入国家" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="电话号码" prop="tel"> <el-col :span="12">
<el-input v-model="form.tel" placeholder="请输入 电话号码"/> <el-form-item label="地区" prop="area" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.area" placeholder="请输入地区" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="移动电话" prop="phone"> <el-col :span="12">
<el-input v-model="form.phone" placeholder="请输入 移动电话"/> <el-form-item label="语言" prop="lang" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.lang" placeholder="请输入语言" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="Email" prop="email"> <el-col :span="12">
<el-input v-model="form.email" placeholder="请输入 e_Mail"/> <el-form-item
</el-form-item> label="邮政编码"
</el-col> prop="postcode"
</el-row> :label-width="labelWidth"
>
<el-input v-model="form.postcode" placeholder="请输入邮政编码" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电话号码" prop="tel" :label-width="labelWidth">
<el-input v-model="form.tel" placeholder="请输入电话号码" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="移动电话" prop="phone" :label-width="labelWidth">
<el-input v-model="form.phone" placeholder="请输入移动电话" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Email" prop="email" :label-width="labelWidth">
<el-input v-model="form.email" placeholder="请输入e_Mail" />
</el-form-item>
</el-col>
</el-row>
</el-form>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props: { props: {
form: { type: Object, required: true } form: { type: Object, required: true },
}, },
data() { data() {
return {} return {
labelPosition: "right",
labelWidth: "12em",
};
}, },
methods: { methods: {
init() { init() {},
}
}, },
created() { created() {},
};
}
}
</script> </script>
<style scoped> <style scoped></style>
</style>
<template> <template>
<div class="base-info"> <div class="base-info">
<el-row> <el-form :label-position="labelPosition">
<el-col :span="12"> <el-row>
<el-form-item label="客户工作时间" prop="clientWorkTime"> <el-col :span="12">
<el-input v-model="form.clientWorkTime" placeholder="请输入客户工作时间" /> <el-form-item
</el-form-item> label="客户工作时间"
</el-col> prop="clientWorkTime"
<el-col :span="12"> :label-width="labelWidth"
<el-form-item label="所属集团" prop="membershipGroup"> >
<el-input v-model="form.membershipGroup" placeholder="请输入所属集团" /> <el-input
</el-form-item> v-model="form.clientWorkTime"
</el-col> placeholder="请输入客户工作时间"
<el-col :span="12"> />
<el-form-item label="公司法人" prop="legalPerson"> </el-form-item>
<el-input v-model="form.legalPerson" placeholder="请输入公司法人" /> </el-col>
</el-form-item> <el-col :span="12">
</el-col> <el-form-item
<el-col :span="12"> label="所属集团"
<el-form-item label="工商注册号" prop="licenseNo"> prop="membershipGroup"
<el-input v-model="form.licenseNo" placeholder="请输入工商注册号" /> :label-width="labelWidth"
</el-form-item> >
</el-col> <el-input
<el-col :span="12"> v-model="form.membershipGroup"
<el-form-item label="国税注册号" prop="taxNo"> placeholder="请输入所属集团"
<el-input v-model="form.taxNo" placeholder="请输入国税注册号" /> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> <el-col :span="12">
<el-form-item
label="公司法人"
prop="legalPerson"
:label-width="labelWidth"
>
<el-input v-model="form.legalPerson" placeholder="请输入公司法人" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="工商注册号"
prop="licenseNo"
:label-width="labelWidth"
>
<el-input v-model="form.licenseNo" placeholder="请输入工商注册号" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="国税注册号"
prop="taxNo"
:label-width="labelWidth"
>
<el-input v-model="form.taxNo" placeholder="请输入国税注册号" />
</el-form-item>
</el-col>
</el-row>
</el-form>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props: { props: {
form: {type: Object, required: true} form: { type: Object, required: true },
}, },
data() { data() {
return {} return {
labelPosition: "right",
labelWidth: "12em",
};
}, },
methods: { methods: {
init() { init() {},
}
}, },
created() { created() {},
};
}
}
</script> </script>
<style scoped> <style scoped></style>
</style>
<template> <template>
<div class="base-info"> <div class="base-info">
<el-row> <el-form :label-position="labelPosition">
<el-col :span="12"> <el-row>
<el-form-item label="验收单要求" prop="receiptRequest"> <el-col :span="12">
<el-input v-model="form.receiptRequest" placeholder="请输入验收单要求" /> <el-form-item label="验收单要求" prop="receiptRequest" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.receiptRequest" placeholder="请输入验收单要求" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="客户系统验收要求" prop="clientCheckRequest"> <el-col :span="12">
<el-input v-model="form.clientCheckRequest" placeholder="请输入客户系统验收要求" /> <el-form-item label="客户系统验收要求" prop="clientCheckRequest" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.clientCheckRequest" placeholder="请输入客户系统验收要求" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="要求签回货单" prop="requestSignReceipt"> <el-col :span="12">
<el-input v-model="form.requestSignReceipt" placeholder="请输入要求签回货单" /> <el-form-item label="要求签回货单" prop="requestSignReceipt" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.requestSignReceipt" placeholder="请输入要求签回货单" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="货单是否打印送货日期" prop="isPrintDate"> <el-col :span="12">
<el-input v-model="form.isPrintDate" placeholder="请输入 货单是否打印送货日期" /> <el-form-item label="货单是否打印送货日期" prop="isPrintDate" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.isPrintDate" placeholder="请输入 货单是否打印送货日期" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="收货方签字要求" prop="signRequest"> <el-col :span="12">
<el-input v-model="form.signRequest" placeholder="请输入 收货方签字要求" /> <el-form-item label="收货方签字要求" prop="signRequest" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.signRequest" placeholder="请输入 收货方签字要求" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="货单打印要求" prop="billPrintRequest"> <el-col :span="12">
<el-input v-model="form.billPrintRequest" placeholder="请输入 货单打印要求" /> <el-form-item label="货单打印要求" prop="billPrintRequest" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.billPrintRequest" placeholder="请输入 货单打印要求" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="产品检验报告类型" prop="qcReportType"> <el-col :span="12">
<el-input v-model="form.qcReportType" placeholder="请输入 产品检验报告类型" /> <el-form-item label="产品检验报告类型" prop="qcReportType" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.qcReportType" placeholder="请输入 产品检验报告类型" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="货单签回方式" prop="receiptSigningMethod"> <el-col :span="12">
<el-input v-model="form.receiptSigningMethod" placeholder="请输入 货单签回方式" /> <el-form-item label="货单签回方式" prop="receiptSigningMethod" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.receiptSigningMethod" placeholder="请输入 货单签回方式" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="出货方式" prop="shippingMethod"> <el-col :span="12">
<el-input v-model="form.shippingMethod" placeholder="请输入 出货方式" /> <el-form-item label="出货方式" prop="shippingMethod" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.shippingMethod" placeholder="请输入 出货方式" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="线路" prop="path"> <el-col :span="12">
<el-input v-model="form.path" placeholder="请输入 线路" /> <el-form-item label="线路" prop="path" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.path" placeholder="请输入 线路" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="线路" prop="path"> <el-col :span="12">
<el-input v-model="form.path" placeholder="请输入 线路" /> <el-form-item label="线路" prop="path" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.path" placeholder="请输入 线路" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="送货单打印默认设置" prop="billPrintSetting"> <el-col :span="12">
<el-input v-model="form.billPrintSetting" placeholder="请输入 送货单打印默认设置" /> <el-form-item label="送货单打印默认设置" prop="billPrintSetting" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.billPrintSetting" placeholder="请输入 送货单打印默认设置" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="送货单统计异常期限" prop="billExceptionDeadline"> <el-col :span="12">
<el-input v-model="form.billExceptionDeadline" placeholder="请输入 送货单统计异常期限" /> <el-form-item label="送货单统计异常期限" prop="billExceptionDeadline" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.billExceptionDeadline" placeholder="请输入 送货单统计异常期限" />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="生产发货方式" prop="sendMode"> <el-col :span="12">
<el-input v-model="form.sendMode" placeholder="请输入 生产发货方式" /> <el-form-item label="生产发货方式" prop="sendMode" :label-width="labelWidth">
</el-form-item> <el-input v-model="form.sendMode" placeholder="请输入 生产发货方式" />
</el-col> </el-form-item>
</el-col>
</el-row>
</el-form>
</el-row>
</div> </div>
</template> </template>
...@@ -80,10 +83,13 @@ ...@@ -80,10 +83,13 @@
export default { export default {
props: { props: {
form: {type: Object, required: true} form: { type: Object, required: true }
}, },
data() { data() {
return {} return {
labelPosition: 'right',
labelWidth: '12em'
}
}, },
methods: { methods: {
init() { init() {
...@@ -96,6 +102,4 @@ export default { ...@@ -96,6 +102,4 @@ export default {
} }
</script> </script>
<style scoped> <style scoped></style>
</style>
<template> <template>
<div class="base-info"> <div class="base-info">
<el-form :label-position="labelPosition">
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="盖章方式" prop="stampMode"> <el-form-item label="盖章方式" prop="stampMode" :label-width="labelWidth">
<el-input v-model="form.stampMode" placeholder="请输入 盖章方式"/> <el-input v-model="form.stampMode" placeholder="请输入盖章方式"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="请款联" prop="requisition"> <el-form-item label="请款联" prop="requisition" :label-width="labelWidth">
<el-input v-model="form.requisition" placeholder="请输入 请款联"/> <el-input v-model="form.requisition" placeholder="请输入请款联"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="客户联" prop="clientForm"> <el-form-item label="客户联" prop="clientForm" :label-width="labelWidth">
<el-input v-model="form.clientForm" placeholder="请输入 客户联"/> <el-input v-model="form.clientForm" placeholder="请输入客户联"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="不开发票" prop="noInvoice"> <el-form-item label="不开发票" prop="noInvoice" :label-width="labelWidth">
<el-input v-model="form.noInvoice" placeholder="请输入 不开发票"/> <el-input v-model="form.noInvoice" placeholder="请输入不开发票"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="请款要求" prop="paymentRequest"> <el-form-item label="请款要求" prop="paymentRequest" :label-width="labelWidth">
<el-input v-model="form.paymentRequest" placeholder="请输入 请款要求"/> <el-input v-model="form.paymentRequest" placeholder="请输入请款要求"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="月结方式" prop="settleMode"> <el-form-item label="月结方式" prop="settleMode" :label-width="labelWidth">
<el-input v-model="form.settleMode" placeholder="请输入 月结方式"/> <el-input v-model="form.settleMode" placeholder="请输入月结方式"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="请款期限" prop="paymentDeadline"> <el-form-item label="请款期限" prop="paymentDeadline" :label-width="labelWidth">
<el-input v-model="form.paymentDeadline" placeholder="请输入 请款期限"/> <el-input v-model="form.paymentDeadline" placeholder="请输入请款期限"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="做账截止日" prop="accountingDeadline"> <el-form-item label="做账截止日" prop="accountingDeadline" :label-width="labelWidth">
<el-input v-model="form.accountingDeadline" placeholder="请输入 做账截止日"/> <el-input v-model="form.accountingDeadline" placeholder="请输入做账截止日"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="客户收账截止日" prop="collectionDeadline"> <el-form-item label="客户收账截止日" prop="collectionDeadline" :label-width="labelWidth">
<el-input v-model="form.collectionDeadline" placeholder="请输入 客户收账截止日"/> <el-input v-model="form.collectionDeadline" placeholder="请输入客户收账截止日"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="扣款百分比" prop="deductionPercent"> <el-form-item label="扣款百分比" prop="deductionPercent" :label-width="labelWidth">
<el-input v-model="form.deductionPercent" placeholder="请输入 扣款百分比"/> <el-input v-model="form.deductionPercent" placeholder="请输入扣款百分比"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="金额小数位数" prop="amountDecimal"> <el-form-item label="金额小数位数" prop="amountDecimal" :label-width="labelWidth">
<el-input v-model="form.amountDecimal" placeholder="请输入 金额小数位数"/> <el-input v-model="form.amountDecimal" placeholder="请输入金额小数位数"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="要求用客户系统货单" prop="isClientWaybill"> <el-form-item label="要求用客户系统货单" prop="isClientWaybill" :label-width="labelWidth">
<el-input v-model="form.isClientWaybill" placeholder="请输入 要求用客户系统货单"/> <el-input v-model="form.isClientWaybill" placeholder="请输入要求用客户系统货单"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="订单要求" prop="orderRequest"> <el-form-item label="订单要求" prop="orderRequest" :label-width="labelWidth">
<el-input v-model="form.orderRequest" placeholder="请输入 订单要求"/> <el-input v-model="form.orderRequest" placeholder="请输入订单要求"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="订单统计异常期限" prop="orderExceptionDeadline"> <el-form-item label="订单统计异常期限" prop="orderExceptionDeadline" :label-width="labelWidth">
<el-input v-model="form.orderExceptionDeadline" placeholder="请输入 订单统计异常期限"/> <el-input v-model="form.orderExceptionDeadline" placeholder="请输入订单统计异常期限"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="订单性质" prop="orderKind"> <el-form-item label="订单性质" prop="orderKind" :label-width="labelWidth">
<el-input v-model="form.orderKind" placeholder="请输入 订单性质"/> <el-input v-model="form.orderKind" placeholder="请输入订单性质"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form>
</div> </div>
</template> </template>
...@@ -88,7 +90,10 @@ export default { ...@@ -88,7 +90,10 @@ export default {
form: { type: Object, required: true } form: { type: Object, required: true }
}, },
data() { data() {
return {} return {
labelWidth:'12em',
labelPosition:'regit'
}
}, },
methods: { methods: {
init() { init() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment