Commit 3bb434fa authored by 全洪江's avatar 全洪江

客户页面优化

parent 80cbeec2
...@@ -2,54 +2,57 @@ ...@@ -2,54 +2,57 @@
<div class="base-info"> <div class="base-info">
<el-form :label-position="labelPosition"> <el-form :label-position="labelPosition">
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item <el-form-item
label="客户工作时间" label="开票地址"
prop="clientWorkTime" prop="invoiceAddr"
:label-width="labelWidth" :label-width="labelWidth"
> >
<el-input <el-input type="textarea" maxlength="140"
v-model="form.clientWorkTime" show-word-limit v-model="form.invoiceAddr" placeholder="请输入开票地址"/>
placeholder="请输入客户工作时间"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item <el-form-item
label="开票地址" label="客户送货地址"
prop="invoiceAddr" prop="address"
:label-width="labelWidth" :label-width="labelWidth"
> >
<el-input v-model="form.invoiceAddr" placeholder="请输入开票地址" /> <el-input type="textarea" maxlength="80"
show-word-limit v-model="form.address" placeholder="请输入客户送货地址"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item <el-form-item
label="客户送货地址" label="客户工作时间"
prop="address" prop="clientWorkTime"
:label-width="labelWidth" :label-width="labelWidth"
> >
<el-input v-model="form.address" placeholder="请输入客户送货地址" /> <el-input
v-model="form.clientWorkTime"
placeholder="请输入客户工作时间"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="城市" prop="city" :label-width="labelWidth"> <el-form-item label="城市" prop="city" :label-width="labelWidth">
<el-input v-model="form.city" placeholder="请输入城市" /> <el-input v-model="form.city" placeholder="请输入城市"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="国家" prop="country" :label-width="labelWidth"> <el-form-item label="国家" prop="country" :label-width="labelWidth">
<el-input v-model="form.country" placeholder="请输入国家" /> <el-input v-model="form.country" placeholder="请输入国家"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="地区" prop="area" :label-width="labelWidth"> <el-form-item label="地区" prop="area" :label-width="labelWidth">
<el-input v-model="form.area" placeholder="请输入地区" /> <el-input v-model="form.area" placeholder="请输入地区"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="语言" prop="lang" :label-width="labelWidth"> <el-form-item label="语言" prop="lang" :label-width="labelWidth">
<el-input v-model="form.lang" placeholder="请输入语言" /> <el-input v-model="form.lang" placeholder="请输入语言"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
...@@ -58,22 +61,22 @@ ...@@ -58,22 +61,22 @@
prop="postcode" prop="postcode"
:label-width="labelWidth" :label-width="labelWidth"
> >
<el-input v-model="form.postcode" placeholder="请输入邮政编码" /> <el-input v-model="form.postcode" placeholder="请输入邮政编码"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="电话号码" prop="tel" :label-width="labelWidth"> <el-form-item label="电话号码" prop="tel" :label-width="labelWidth">
<el-input v-model="form.tel" placeholder="请输入电话号码" /> <el-input v-model="form.tel" placeholder="请输入电话号码"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="移动电话" prop="phone" :label-width="labelWidth"> <el-form-item label="移动电话" prop="phone" :label-width="labelWidth">
<el-input v-model="form.phone" placeholder="请输入移动电话" /> <el-input v-model="form.phone" placeholder="请输入移动电话"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="Email" prop="email" :label-width="labelWidth"> <el-form-item label="Email" prop="email" :label-width="labelWidth">
<el-input v-model="form.email" placeholder="请输入e_Mail" /> <el-input v-model="form.email" placeholder="请输入e_Mail"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -84,7 +87,7 @@ ...@@ -84,7 +87,7 @@
<script> <script>
export default { export default {
props: { props: {
form: { type: Object, required: true }, form: {type: Object, required: true},
}, },
data() { data() {
return { return {
...@@ -93,9 +96,11 @@ export default { ...@@ -93,9 +96,11 @@ export default {
}; };
}, },
methods: { methods: {
init() {}, init() {
},
},
created() {
}, },
created() {},
}; };
</script> </script>
......
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
prop="legalPerson" prop="legalPerson"
:label-width="labelWidth" :label-width="labelWidth"
> >
<el-input v-model="form.legalPerson" placeholder="请输入公司法人" /> <el-input v-model="form.legalPerson" placeholder="请输入公司法人"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
prop="licenseNo" prop="licenseNo"
:label-width="labelWidth" :label-width="labelWidth"
> >
<el-input v-model="form.licenseNo" placeholder="请输入工商注册号" /> <el-input v-model="form.licenseNo" placeholder="请输入工商注册号"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
prop="taxNo" prop="taxNo"
:label-width="labelWidth" :label-width="labelWidth"
> >
<el-input v-model="form.taxNo" placeholder="请输入国税注册号" /> <el-input v-model="form.taxNo" placeholder="请输入国税注册号"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
<script> <script>
export default { export default {
props: { props: {
form: { type: Object, required: true }, form: {type: Object, required: true},
}, },
data() { data() {
return { return {
...@@ -70,9 +70,11 @@ export default { ...@@ -70,9 +70,11 @@ export default {
}; };
}, },
methods: { methods: {
init() {}, init() {
},
},
created() {
}, },
created() {},
}; };
</script> </script>
......
...@@ -93,47 +93,47 @@ ...@@ -93,47 +93,47 @@
<!-- 添加或修改客户联系人对话框 --> <!-- 添加或修改客户联系人对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="品牌ID" prop="brandId" label-width="120px"> <el-form-item label="品牌ID" prop="brandId" label-width="120px">
<el-input v-model="form.brandId" placeholder="请输入品牌ID" /> <el-input v-model="form.brandId" placeholder="请输入品牌ID"/>
</el-form-item> </el-form-item>
<el-form-item label="职位" prop="position" label-width="120px"> <el-form-item label="职位" prop="position" label-width="120px">
<el-input v-model="form.position" placeholder="请输入职位" /> <el-input v-model="form.position" placeholder="请输入职位"/>
</el-form-item> </el-form-item>
<el-form-item label="联系人" prop="contact" label-width="120px"> <el-form-item label="联系人" prop="contact" label-width="120px">
<el-input v-model="form.contact" placeholder="请输入联系人" /> <el-input v-model="form.contact" placeholder="请输入联系人"/>
</el-form-item> </el-form-item>
<el-form-item label="电话号码" prop="tel" label-width="120px"> <el-form-item label="电话号码" prop="tel" label-width="120px">
<el-input v-model="form.tel" placeholder="请输入电话号码" /> <el-input v-model="form.tel" placeholder="请输入电话号码"/>
</el-form-item> </el-form-item>
<el-form-item label="email" prop="email" label-width="120px"> <el-form-item label="email" prop="email" label-width="120px">
<el-input v-model="form.email" placeholder="请输入email" /> <el-input v-model="form.email" placeholder="请输入email"/>
</el-form-item> </el-form-item>
<el-form-item label="经营类型" prop="businessType" label-width="120px"> <el-form-item label="经营类型" prop="businessType" label-width="120px">
<el-input v-model="form.businessType" placeholder="请输入经营类型" /> <el-input v-model="form.businessType" placeholder="请输入经营类型"/>
</el-form-item> </el-form-item>
<el-form-item label="工厂代号" prop="spefactoryCodec" label-width="120px"> <el-form-item label="工厂代号" prop="spefactoryCodec" label-width="120px">
<el-input v-model="form.factoryCode" placeholder="请输入产工厂代码" /> <el-input v-model="form.factoryCode" placeholder="请输入产工厂代码"/>
</el-form-item> </el-form-item>
<el-form-item label="跟单员" prop="merchandiser" label-width="120px"> <el-form-item label="跟单员" prop="merchandiser" label-width="120px">
<el-input v-model="form.merchandiser" placeholder="请输入跟单员" /> <el-input v-model="form.merchandiser" placeholder="请输入跟单员"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listContact,addContact,updateContact,getContact,delContact } from '@/api/mes/md/clientContact' import {listContact, addContact, updateContact, getContact, delContact} from '@/api/mes/md/clientContact'
export default { export default {
props: { props: {
clientId: { type: Number | undefined, default:undefined }, clientId: {type: Number | undefined, default: undefined},
}, },
data() { data() {
return { return {
...@@ -166,22 +166,22 @@ export default { ...@@ -166,22 +166,22 @@ export default {
// 表单校验 // 表单校验
rules: { rules: {
brandId: [ brandId: [
{ required: true, trigger: 'blur' } {required: true, trigger: 'blur'}
], ],
position: [ position: [
{ required: true, trigger: 'blur' } {required: true, trigger: 'blur'}
], ],
contact: [ contact: [
{ required: true, trigger: 'blur' } {required: true, trigger: 'blur'}
], ],
tel: [ tel: [
{ required: true, trigger: 'blur' } {required: true, trigger: 'blur'}
], ],
businessType: [ businessType: [
{ required: true, trigger: 'blur' } {required: true, trigger: 'blur'}
], ],
merchandiser: [ merchandiser: [
{ required: true, trigger: 'blur' } {required: true, trigger: 'blur'}
] ]
} }
...@@ -191,7 +191,7 @@ export default { ...@@ -191,7 +191,7 @@ export default {
/** 查询客户联系人列表 */ /** 查询客户联系人列表 */
getList() { getList() {
this.loading = true this.loading = true
this.queryParams.clientId=this.clientId this.queryParams.clientId = this.clientId
listContact(this.queryParams).then(response => { listContact(this.queryParams).then(response => {
this.contactList = response.rows this.contactList = response.rows
this.total = response.total this.total = response.total
...@@ -259,7 +259,7 @@ export default { ...@@ -259,7 +259,7 @@ export default {
this.$refs['form'].validate(valid => { this.$refs['form'].validate(valid => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {
updateContact(this.form).then(response => { updateContact(this.form).then(response => {
this.$modal.msgSuccess('修改成功') this.$modal.msgSuccess('修改成功')
this.open = false this.open = false
...@@ -279,7 +279,7 @@ export default { ...@@ -279,7 +279,7 @@ export default {
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const ids = row.id || this.ids const ids = row.id || this.ids
this.$modal.confirm('是否确认删除?').then(function() { this.$modal.confirm('是否确认删除?').then(function () {
return delContact(ids) return delContact(ids)
}).then(() => { }).then(() => {
this.getList() this.getList()
......
...@@ -4,72 +4,74 @@ ...@@ -4,72 +4,74 @@
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="验收单要求" prop="receiptRequest" :label-width="labelWidth"> <el-form-item label="验收单要求" prop="receiptRequest" :label-width="labelWidth">
<el-input v-model="form.receiptRequest" placeholder="请输入验收单要求" /> <el-input v-model="form.receiptRequest" placeholder="请输入验收单要求"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="客户系统验收要求" prop="clientCheckRequest" :label-width="labelWidth"> <el-form-item label="客户系统验收要求" prop="clientCheckRequest" :label-width="labelWidth">
<el-input v-model="form.clientCheckRequest" placeholder="请输入客户系统验收要求" /> <el-input v-model="form.clientCheckRequest" placeholder="请输入客户系统验收要求"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="要求签回货单" prop="requestSignReceipt" :label-width="labelWidth"> <el-form-item label="要求签回货单" prop="requestSignReceipt" :label-width="labelWidth">
<el-input v-model="form.requestSignReceipt" placeholder="请输入要求签回货单" /> <el-input v-model="form.requestSignReceipt" placeholder="请输入要求签回货单"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="货单是否打印送货日期" prop="isPrintDate" :label-width="labelWidth"> <el-form-item label="货单是否打印送货日期" prop="isPrintDate" :label-width="labelWidth">
<el-input v-model="form.isPrintDate" placeholder="请输入 货单是否打印送货日期" /> <el-input v-model="form.isPrintDate" placeholder="请输入货单是否打印送货日期"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="收货方签字要求" prop="signRequest" :label-width="labelWidth"> <el-form-item label="收货方签字要求" prop="signRequest" :label-width="labelWidth">
<el-input v-model="form.signRequest" placeholder="请输入 收货方签字要求" /> <el-input type="textarea" maxlength="200"
show-word-limit v-model="form.signRequest" placeholder="请输入收货方签字要求"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="货单打印要求" prop="billPrintRequest" :label-width="labelWidth"> <el-form-item label="货单打印要求" prop="billPrintRequest" :label-width="labelWidth">
<el-input v-model="form.billPrintRequest" placeholder="请输入 货单打印要求" /> <el-input type="textarea" maxlength="200"
show-word-limit v-model="form.billPrintRequest" placeholder="请输入货单打印要求"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="产品检验报告类型" prop="qcReportType" :label-width="labelWidth"> <el-form-item label="产品检验报告类型" prop="qcReportType" :label-width="labelWidth">
<el-input v-model="form.qcReportType" placeholder="请输入 产品检验报告类型" /> <el-input v-model="form.qcReportType" placeholder="请输入产品检验报告类型"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="货单签回方式" prop="receiptSigningMethod" :label-width="labelWidth"> <el-form-item label="货单签回方式" prop="receiptSigningMethod" :label-width="labelWidth">
<el-input v-model="form.receiptSigningMethod" placeholder="请输入 货单签回方式" /> <el-input v-model="form.receiptSigningMethod" placeholder="请输入货单签回方式"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="出货方式" prop="shippingMethod" :label-width="labelWidth"> <el-form-item label="出货方式" prop="shippingMethod" :label-width="labelWidth">
<el-input v-model="form.shippingMethod" placeholder="请输入 出货方式" /> <el-input v-model="form.shippingMethod" placeholder="请输入出货方式"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="线路" prop="path" :label-width="labelWidth"> <el-form-item label="线路" prop="path" :label-width="labelWidth">
<el-input v-model="form.path" placeholder="请输入 线路" /> <el-input v-model="form.path" placeholder="请输入线路"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="线路" prop="path" :label-width="labelWidth"> <el-form-item label="线路" prop="path" :label-width="labelWidth">
<el-input v-model="form.path" placeholder="请输入 线路" /> <el-input v-model="form.path" placeholder="请输入线路"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="送货单打印默认设置" prop="billPrintSetting" :label-width="labelWidth"> <el-form-item label="送货单打印默认设置" prop="billPrintSetting" :label-width="labelWidth">
<el-input v-model="form.billPrintSetting" placeholder="请输入 送货单打印默认设置" /> <el-input v-model="form.billPrintSetting" placeholder="请输入送货单打印默认设置"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="送货单统计异常期限" prop="billExceptionDeadline" :label-width="labelWidth"> <el-form-item label="送货单统计异常期限" prop="billExceptionDeadline" :label-width="labelWidth">
<el-input v-model="form.billExceptionDeadline" placeholder="请输入 送货单统计异常期限" /> <el-input v-model="form.billExceptionDeadline" placeholder="请输入送货单统计异常期限"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="生产发货方式" prop="sendMode" :label-width="labelWidth"> <el-form-item label="生产发货方式" prop="sendMode" :label-width="labelWidth">
<el-input v-model="form.sendMode" placeholder="请输入 生产发货方式" /> <el-input v-model="form.sendMode" placeholder="请输入生产发货方式"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -83,7 +85,7 @@ ...@@ -83,7 +85,7 @@
export default { export default {
props: { props: {
form: { type: Object, required: true } form: {type: Object, required: true}
}, },
data() { data() {
return { return {
......
<template> <template>
<div class="base-info"> <div class="base-info">
<el-form :label-position="labelPosition"> <el-form :label-position="labelPosition">
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="盖章方式" prop="stampMode" :label-width="labelWidth"> <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" :label-width="labelWidth"> <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" :label-width="labelWidth"> <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" :label-width="labelWidth"> <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-form-item label="请款要求" prop="paymentRequest" :label-width="labelWidth">
<el-input v-model="form.paymentRequest" placeholder="请输入请款要求"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="月结方式" prop="settleMode" :label-width="labelWidth">
<el-input v-model="form.settleMode" placeholder="请输入月结方式"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="请款期限" prop="paymentDeadline" :label-width="labelWidth">
<el-input v-model="form.paymentDeadline" placeholder="请输入请款期限"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="做账截止日" prop="accountingDeadline" :label-width="labelWidth">
<el-input v-model="form.accountingDeadline" placeholder="请输入做账截止日"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="客户收账截止日" prop="collectionDeadline" :label-width="labelWidth">
<el-input v-model="form.collectionDeadline" placeholder="请输入客户收账截止日"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="扣款百分比" prop="deductionPercent" :label-width="labelWidth">
<el-input v-model="form.deductionPercent" placeholder="请输入扣款百分比"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="金额小数位数" prop="amountDecimal" :label-width="labelWidth">
<el-input v-model="form.amountDecimal" placeholder="请输入金额小数位数"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="要求用客户系统货单" prop="isClientWaybill" :label-width="labelWidth">
<el-input v-model="form.isClientWaybill" placeholder="请输入要求用客户系统货单"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="订单要求" prop="orderRequest" :label-width="labelWidth">
<el-input v-model="form.orderRequest" placeholder="请输入订单要求"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="订单统计异常期限" prop="orderExceptionDeadline" :label-width="labelWidth">
<el-input v-model="form.orderExceptionDeadline" placeholder="请输入订单统计异常期限"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="订单性质" prop="orderKind" :label-width="labelWidth">
<el-input v-model="form.orderKind" placeholder="请输入订单性质"/>
</el-form-item>
</el-col>
</el-row> <el-col :span="12">
</el-form> <el-form-item label="月结方式" prop="settleMode" :label-width="labelWidth">
<el-input v-model="form.settleMode" placeholder="请输入月结方式"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="请款期限" prop="paymentDeadline" :label-width="labelWidth">
<el-input v-model="form.paymentDeadline" placeholder="请输入请款期限"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="做账截止日" prop="accountingDeadline" :label-width="labelWidth">
<el-input v-model="form.accountingDeadline" placeholder="请输入做账截止日"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="客户收账截止日" prop="collectionDeadline" :label-width="labelWidth">
<el-input v-model="form.collectionDeadline" placeholder="请输入客户收账截止日"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="扣款百分比" prop="deductionPercent" :label-width="labelWidth">
<el-input v-model="form.deductionPercent" placeholder="请输入扣款百分比"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="金额小数位数" prop="amountDecimal" :label-width="labelWidth">
<el-input v-model="form.amountDecimal" placeholder="请输入金额小数位数"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="要求用客户系统货单" prop="isClientWaybill" :label-width="labelWidth">
<el-input v-model="form.isClientWaybill" placeholder="请输入要求用客户系统货单"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="订单要求" prop="orderRequest" :label-width="labelWidth">
<el-input v-model="form.orderRequest" placeholder="请输入订单要求"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="订单统计异常期限" prop="orderExceptionDeadline" :label-width="labelWidth">
<el-input v-model="form.orderExceptionDeadline" placeholder="请输入订单统计异常期限"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="订单性质" prop="orderKind" :label-width="labelWidth">
<el-input v-model="form.orderKind" placeholder="请输入订单性质"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="请款要求" prop="paymentRequest" :label-width="labelWidth">
<el-input v-model="form.paymentRequest" type="textarea" maxlength="200"
show-word-limit placeholder="请输入请款要求"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div> </div>
</template> </template>
...@@ -87,12 +89,12 @@ ...@@ -87,12 +89,12 @@
export default { export default {
props: { props: {
form: { type: Object, required: true } form: {type: Object, required: true}
}, },
data() { data() {
return { return {
labelWidth:'12em', labelWidth: '12em',
labelPosition:'regit' labelPosition: 'regit'
} }
}, },
methods: { methods: {
......
...@@ -9,7 +9,8 @@ ...@@ -9,7 +9,8 @@
size="mini" size="mini"
@click="handleAdd" @click="handleAdd"
v-hasPermi="['md:relation:add']" v-hasPermi="['md:relation:add']"
>新增</el-button> >新增
</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
...@@ -20,7 +21,8 @@ ...@@ -20,7 +21,8 @@
:disabled="single" :disabled="single"
@click="handleUpdate" @click="handleUpdate"
v-hasPermi="['md:relation:edit']" v-hasPermi="['md:relation:edit']"
>修改</el-button> >修改
</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
...@@ -31,7 +33,8 @@ ...@@ -31,7 +33,8 @@
:disabled="multiple" :disabled="multiple"
@click="handleDelete" @click="handleDelete"
v-hasPermi="['md:relation:remove']" v-hasPermi="['md:relation:remove']"
>删除</el-button> >删除
</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
...@@ -41,18 +44,19 @@ ...@@ -41,18 +44,19 @@
size="mini" size="mini"
@click="handleExport" @click="handleExport"
v-hasPermi="['md:relation:export']" v-hasPermi="['md:relation:export']"
>导出</el-button> >导出
</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center"/>
<el-table-column label="客户id" align="center" prop="clientId" /> <el-table-column label="客户id" align="center" prop="clientId"/>
<el-table-column label="支付方客户ID" align="center" prop="relatedClientId" /> <el-table-column label="支付方客户ID" align="center" prop="relatedClientId"/>
<el-table-column label="创建人" align="center" prop="createBy" /> <el-table-column label="创建人" align="center" prop="createBy"/>
<el-table-column label="创建时间" align="center" prop="createTime" /> <el-table-column label="创建时间" align="center" prop="createTime"/>
<el-table-column label="修改时间" align="center" prop="updateTime" /> <el-table-column label="修改时间" align="center" prop="updateTime"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
...@@ -61,14 +65,16 @@ ...@@ -61,14 +65,16 @@
icon="el-icon-edit" icon="el-icon-edit"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['md:relation:edit']" v-hasPermi="['md:relation:edit']"
>修改</el-button> >修改
</el-button>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['md:relation:remove']" v-hasPermi="['md:relation:remove']"
>删除</el-button> >删除
</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -85,7 +91,7 @@ ...@@ -85,7 +91,7 @@
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="支付方客户ID" prop="relatedClientId" label-width="8em"> <el-form-item label="支付方客户ID" prop="relatedClientId" label-width="8em">
<el-input v-model="form.relatedClientId" placeholder="请输入支付方客户ID" /> <el-input v-model="form.relatedClientId" placeholder="请输入支付方客户ID"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
...@@ -97,12 +103,12 @@ ...@@ -97,12 +103,12 @@
</template> </template>
<script> <script>
import { listRelation, getRelation, delRelation, addRelation, updateRelation } from "@/api/mes/md/clientPaymentRelation"; import {listRelation, getRelation, delRelation, addRelation, updateRelation} from "@/api/mes/md/clientPaymentRelation";
export default { export default {
name: "Relation", name: "Relation",
props: { props: {
clientId: { type: Number | undefined, default:undefined }, clientId: {type: Number | undefined, default: undefined},
}, },
data() { data() {
return { return {
...@@ -148,7 +154,7 @@ export default { ...@@ -148,7 +154,7 @@ export default {
/** 查询客户付款信息关联列表 */ /** 查询客户付款信息关联列表 */
getList() { getList() {
this.loading = true; this.loading = true;
this.queryParams.clientId=this.clientId this.queryParams.clientId = this.clientId
listRelation(this.queryParams).then(response => { listRelation(this.queryParams).then(response => {
this.relationList = response.rows; this.relationList = response.rows;
this.total = response.total; this.total = response.total;
...@@ -163,7 +169,14 @@ export default { ...@@ -163,7 +169,14 @@ export default {
// 表单重置 // 表单重置
reset() { reset() {
this.form = { this.form = {
id: null, clientId: this.clientId, relatedClientId: null, createBy: null, createTime: null, updateBy: null, updateTime: null }; id: null,
clientId: this.clientId,
relatedClientId: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null
};
this.resetForm("form"); this.resetForm("form");
}, },
/** 搜索按钮操作 */ /** 搜索按钮操作 */
...@@ -179,7 +192,7 @@ export default { ...@@ -179,7 +192,7 @@ export default {
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
...@@ -209,7 +222,7 @@ export default { ...@@ -209,7 +222,7 @@ export default {
this.getList(); this.getList();
}); });
} else { } else {
this.form.clientId= this.clientId this.form.clientId = this.clientId
addRelation(this.form).then(response => { addRelation(this.form).then(response => {
this.$modal.msgSuccess("新增成功"); this.$modal.msgSuccess("新增成功");
this.open = false; this.open = false;
...@@ -222,12 +235,13 @@ export default { ...@@ -222,12 +235,13 @@ export default {
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const ids = row.id || this.ids; const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除客户付款信息关联编号为"' + ids + '"的数据项?').then(function() { this.$modal.confirm('是否确认删除客户付款信息关联编号为"' + ids + '"的数据项?').then(function () {
return delRelation(ids); return delRelation(ids);
}).then(() => { }).then(() => {
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => {}); }).catch(() => {
});
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
......
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
<el-table-column label="客户id" align="center" prop="clientId"/> <el-table-column label="客户id" align="center" prop="clientId"/>
<el-table-column label="邮箱" align="center" prop="email"/> <el-table-column label="邮箱" align="center" prop="email"/>
<el-table-column label="联系人" align="center" prop="contact"/> <el-table-column label="联系人" align="center" prop="contact"/>
<el-table-column label="是否启用" align="center" prop="enableFlag" > <el-table-column label="是否启用" align="center" prop="enableFlag">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.sys_yes_no" :value="scope.row.enableFlag"/> <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.enableFlag"/>
</template> </template>
...@@ -119,13 +119,13 @@ ...@@ -119,13 +119,13 @@
</template> </template>
<script> <script>
import { addEmail, delEmail, getEmail, listEmail, updateEmail } from '@/api/mes/md/clientUrgeEmail' import {addEmail, delEmail, getEmail, listEmail, updateEmail} from '@/api/mes/md/clientUrgeEmail'
export default { export default {
name: 'Email', name: 'Email',
dicts:['sys_yes_no'], dicts: ['sys_yes_no'],
props: { props: {
clientId: { type: Number | undefined, default:undefined }, clientId: {type: Number | undefined, default: undefined},
}, },
data() { data() {
return { return {
...@@ -151,7 +151,7 @@ export default { ...@@ -151,7 +151,7 @@ export default {
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
clientId: null, clientId: null,
email: null, contact: null, enableFlag: null email: null, contact: null, enableFlag: null
}, },
// 表单参数 // 表单参数
...@@ -159,16 +159,13 @@ export default { ...@@ -159,16 +159,13 @@ export default {
// 表单校验 // 表单校验
rules: { rules: {
email: [ email: [
{ required: true, trigger: 'blur' } {required: true, trigger: 'blur'}
], ],
contact: [ contact: [
{ required: true, trigger: 'blur' } {required: true, trigger: 'blur'}
],
contact: [
{ required: true, trigger: 'blur' }
], ],
enableFlag: [ enableFlag: [
{ required: true, trigger: 'blur' } {required: true, trigger: 'blur'}
] ]
} }
} }
...@@ -177,7 +174,7 @@ export default { ...@@ -177,7 +174,7 @@ export default {
/** 查询催货款通知邮箱列表 */ /** 查询催货款通知邮箱列表 */
getList() { getList() {
this.loading = true this.loading = true
this.queryParams.clientId=this.clientId this.queryParams.clientId = this.clientId
listEmail(this.queryParams).then(response => { listEmail(this.queryParams).then(response => {
this.emailList = response.rows this.emailList = response.rows
this.total = response.total this.total = response.total
...@@ -260,7 +257,7 @@ export default { ...@@ -260,7 +257,7 @@ export default {
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const ids = row.id || this.ids const ids = row.id || this.ids
this.$modal.confirm('是否确认删除催货款通知邮箱编号为"' + ids + '"的数据项?').then(function() { this.$modal.confirm('是否确认删除催货款通知邮箱编号为"' + ids + '"的数据项?').then(function () {
return delEmail(ids) return delEmail(ids)
}).then(() => { }).then(() => {
this.getList() this.getList()
......
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