客户页面优化

src/views/mes/md/client/components/AddrInfo.vue

@@ -2,54 +2,57 @@
   <div class="base-info">
     <el-form :label-position="labelPosition">
       <el-row>
+
         <el-col :span="12">
           <el-form-item
-            label="客户工作时间"
-            prop="clientWorkTime"
+            label="开票地址"
+            prop="invoiceAddr"
             :label-width="labelWidth"
           >
-            <el-input
-              v-model="form.clientWorkTime"
-              placeholder="请输入客户工作时间"
-            />
+            <el-input type="textarea" maxlength="140"
+                      show-word-limit v-model="form.invoiceAddr" placeholder="请输入开票地址"/>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item
-            label="开票地址"
-            prop="invoiceAddr"
+            label="客户送货地址"
+            prop="address"
             :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-col>
         <el-col :span="12">
           <el-form-item
-            label="客户送货地址"
-            prop="address"
+            label="客户工作时间"
+            prop="clientWorkTime"
             :label-width="labelWidth"
           >
-            <el-input v-model="form.address" placeholder="请输入客户送货地址" />
+            <el-input
+              v-model="form.clientWorkTime"
+              placeholder="请输入客户工作时间"
+            />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
@@ -58,22 +61,22 @@
             prop="postcode"
             :label-width="labelWidth"
           >
-            <el-input v-model="form.postcode" placeholder="请输入邮政编码" />
+            <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-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-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-input v-model="form.email" placeholder="请输入e_Mail"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -84,7 +87,7 @@
 <script>
 export default {
   props: {
-    form: { type: Object, required: true },
+    form: {type: Object, required: true},
   },
   data() {
     return {
@@ -93,9 +96,11 @@ export default {
     };
   },
   methods: {
-    init() {},
+    init() {
+    },
+  },
+  created() {
   },
-  created() {},
 };
 </script>
 

src/views/mes/md/client/components/BaseInfo.vue

@@ -32,7 +32,7 @@
             prop="legalPerson"
             :label-width="labelWidth"
           >
-            <el-input v-model="form.legalPerson" placeholder="请输入公司法人" />
+            <el-input v-model="form.legalPerson" placeholder="请输入公司法人"/>
           </el-form-item>
         </el-col>
         <el-col :span="12">
@@ -41,7 +41,7 @@
             prop="licenseNo"
             :label-width="labelWidth"
           >
-            <el-input v-model="form.licenseNo" placeholder="请输入工商注册号" />
+            <el-input v-model="form.licenseNo" placeholder="请输入工商注册号"/>
           </el-form-item>
         </el-col>
         <el-col :span="12">
@@ -50,7 +50,7 @@
             prop="taxNo"
             :label-width="labelWidth"
           >
-            <el-input v-model="form.taxNo" placeholder="请输入国税注册号" />
+            <el-input v-model="form.taxNo" placeholder="请输入国税注册号"/>
           </el-form-item>
         </el-col>
       </el-row>
@@ -61,7 +61,7 @@
 <script>
 export default {
   props: {
-    form: { type: Object, required: true },
+    form: {type: Object, required: true},
   },
   data() {
     return {
@@ -70,9 +70,11 @@ export default {
     };
   },
   methods: {
-    init() {},
+    init() {
+    },
+  },
+  created() {
   },
-  created() {},
 };
 </script>
 

src/views/mes/md/client/components/ClientContact.vue

@@ -93,47 +93,47 @@
 
     <!-- 添加或修改客户联系人对话框 -->
     <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-item label="品牌ID" prop="brandId" label-width="120px">
-            <el-input v-model="form.brandId" placeholder="请输入品牌ID" />
-          </el-form-item>
-          <el-form-item label="职位" prop="position" label-width="120px">
-            <el-input v-model="form.position" placeholder="请输入职位" />
-          </el-form-item>
-          <el-form-item label="联系人" prop="contact" label-width="120px">
-            <el-input v-model="form.contact" placeholder="请输入联系人" />
-          </el-form-item>
-          <el-form-item label="电话号码" prop="tel" label-width="120px">
-            <el-input v-model="form.tel" placeholder="请输入电话号码" />
-          </el-form-item>
-          <el-form-item label="email" prop="email" label-width="120px">
-            <el-input v-model="form.email" placeholder="请输入email" />
-          </el-form-item>
-          <el-form-item label="经营类型" prop="businessType" label-width="120px">
-            <el-input v-model="form.businessType" placeholder="请输入经营类型" />
-          </el-form-item>
-          <el-form-item label="工厂代号" prop="spefactoryCodec" label-width="120px">
-            <el-input v-model="form.factoryCode" placeholder="请输入产工厂代码" />
-          </el-form-item>
-          <el-form-item label="跟单员" prop="merchandiser" label-width="120px">
-            <el-input v-model="form.merchandiser" placeholder="请输入跟单员" />
-          </el-form-item>
-        </el-form>
-        <div slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="submitForm">确 定</el-button>
-          <el-button @click="cancel">取 消</el-button>
-        </div>
-      </el-dialog>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+
+        <el-form-item label="品牌ID" prop="brandId" label-width="120px">
+          <el-input v-model="form.brandId" placeholder="请输入品牌ID"/>
+        </el-form-item>
+        <el-form-item label="职位" prop="position" label-width="120px">
+          <el-input v-model="form.position" placeholder="请输入职位"/>
+        </el-form-item>
+        <el-form-item label="联系人" prop="contact" label-width="120px">
+          <el-input v-model="form.contact" placeholder="请输入联系人"/>
+        </el-form-item>
+        <el-form-item label="电话号码" prop="tel" label-width="120px">
+          <el-input v-model="form.tel" placeholder="请输入电话号码"/>
+        </el-form-item>
+        <el-form-item label="email" prop="email" label-width="120px">
+          <el-input v-model="form.email" placeholder="请输入email"/>
+        </el-form-item>
+        <el-form-item label="经营类型" prop="businessType" label-width="120px">
+          <el-input v-model="form.businessType" placeholder="请输入经营类型"/>
+        </el-form-item>
+        <el-form-item label="工厂代号" prop="spefactoryCodec" label-width="120px">
+          <el-input v-model="form.factoryCode" placeholder="请输入产工厂代码"/>
+        </el-form-item>
+        <el-form-item label="跟单员" prop="merchandiser" label-width="120px">
+          <el-input v-model="form.merchandiser" placeholder="请输入跟单员"/>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <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 {
   props: {
-    clientId: { type: Number | undefined, default:undefined  },
+    clientId: {type: Number | undefined, default: undefined},
   },
   data() {
     return {
@@ -166,22 +166,22 @@ export default {
       // 表单校验
       rules: {
         brandId: [
-          { required: true, trigger: 'blur' }
+          {required: true, trigger: 'blur'}
         ],
         position: [
-          { required: true, trigger: 'blur' }
+          {required: true, trigger: 'blur'}
         ],
         contact: [
-          { required: true, trigger: 'blur' }
+          {required: true, trigger: 'blur'}
         ],
         tel: [
-          { required: true, trigger: 'blur' }
+          {required: true, trigger: 'blur'}
         ],
         businessType: [
-        { required: true, trigger: 'blur' }
+          {required: true, trigger: 'blur'}
         ],
         merchandiser: [
-        { required: true, trigger: 'blur' }
+          {required: true, trigger: 'blur'}
         ]
 
       }
@@ -191,7 +191,7 @@ export default {
     /** 查询客户联系人列表 */
     getList() {
       this.loading = true
-      this.queryParams.clientId=this.clientId
+      this.queryParams.clientId = this.clientId
       listContact(this.queryParams).then(response => {
         this.contactList = response.rows
         this.total = response.total
@@ -259,7 +259,7 @@ export default {
       this.$refs['form'].validate(valid => {
         if (valid) {
           if (this.form.id != null) {
-            
+
             updateContact(this.form).then(response => {
               this.$modal.msgSuccess('修改成功')
               this.open = false
@@ -279,7 +279,7 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids
-      this.$modal.confirm('是否确认删除？').then(function() {
+      this.$modal.confirm('是否确认删除？').then(function () {
         return delContact(ids)
       }).then(() => {
         this.getList()

src/views/mes/md/client/components/DeliveryInfo.vue

@@ -4,72 +4,74 @@
       <el-row>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
         <el-col :span="12">
           <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-col>
 
@@ -83,7 +85,7 @@
 
 export default {
   props: {
-    form: { type: Object, required: true }
+    form: {type: Object, required: true}
   },
   data() {
     return {

src/views/mes/md/client/components/FinanceInfo.vue

 <template>
   <div class="base-info">
     <el-form :label-position="labelPosition">
-    <el-row>
-      <el-col :span="12">
-        <el-form-item label="盖章方式" prop="stampMode" :label-width="labelWidth">
-          <el-input v-model="form.stampMode" placeholder="请输入盖章方式"/>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="请款联" prop="requisition" :label-width="labelWidth">
-          <el-input v-model="form.requisition" placeholder="请输入请款联"/>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="客户联" prop="clientForm" :label-width="labelWidth">
-          <el-input v-model="form.clientForm" placeholder="请输入客户联"/>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="不开发票" prop="noInvoice" :label-width="labelWidth">
-          <el-input v-model="form.noInvoice" 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" 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-item label="盖章方式" prop="stampMode" :label-width="labelWidth">
+            <el-input v-model="form.stampMode" placeholder="请输入盖章方式"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="请款联" prop="requisition" :label-width="labelWidth">
+            <el-input v-model="form.requisition" placeholder="请输入请款联"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="客户联" prop="clientForm" :label-width="labelWidth">
+            <el-input v-model="form.clientForm" placeholder="请输入客户联"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="不开发票" prop="noInvoice" :label-width="labelWidth">
+            <el-input v-model="form.noInvoice" placeholder="请输入不开发票"/>
+          </el-form-item>
+        </el-col>
 
-    </el-row>
-  </el-form>
+        <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-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>
 </template>
 
@@ -87,12 +89,12 @@
 
 export default {
   props: {
-    form: { type: Object, required: true }
+    form: {type: Object, required: true}
   },
   data() {
     return {
-      labelWidth:'12em',
-      labelPosition:'regit'
+      labelWidth: '12em',
+      labelPosition: 'regit'
     }
   },
   methods: {

src/views/mes/md/client/components/PaymentRelation.vue

@@ -9,7 +9,8 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['md:relation:add']"
-        >新增</el-button>
+        >新增
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -20,7 +21,8 @@
           :disabled="single"
           @click="handleUpdate"
           v-hasPermi="['md:relation:edit']"
-        >修改</el-button>
+        >修改
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -31,7 +33,8 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['md:relation:remove']"
-        >删除</el-button>
+        >删除
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -41,18 +44,19 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['md:relation:export']"
-        >导出</el-button>
+        >导出
+        </el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange">
-      <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="relatedClientId" />
-      <el-table-column label="创建人" align="center" prop="createBy" />
-      <el-table-column label="创建时间" align="center" prop="createTime" />
-      <el-table-column label="修改时间" align="center" prop="updateTime" />
+      <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="relatedClientId"/>
+      <el-table-column label="创建人" align="center" prop="createBy"/>
+      <el-table-column label="创建时间" align="center" prop="createTime"/>
+      <el-table-column label="修改时间" align="center" prop="updateTime"/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -61,14 +65,16 @@
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['md:relation:edit']"
-          >修改</el-button>
+          >修改
+          </el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['md:relation:remove']"
-          >删除</el-button>
+          >删除
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -85,7 +91,7 @@
     <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-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>
       <div slot="footer" class="dialog-footer">
@@ -97,12 +103,12 @@
 </template>
 
 <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 {
   name: "Relation",
   props: {
-    clientId: { type: Number | undefined, default:undefined  },
+    clientId: {type: Number | undefined, default: undefined},
   },
   data() {
     return {
@@ -148,7 +154,7 @@ export default {
     /** 查询客户付款信息关联列表 */
     getList() {
       this.loading = true;
-      this.queryParams.clientId=this.clientId
+      this.queryParams.clientId = this.clientId
       listRelation(this.queryParams).then(response => {
         this.relationList = response.rows;
         this.total = response.total;
@@ -163,7 +169,14 @@ export default {
     // 表单重置
     reset() {
       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");
     },
     /** 搜索按钮操作 */
@@ -179,7 +192,7 @@ export default {
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
+      this.single = selection.length !== 1
       this.multiple = !selection.length
     },
     /** 新增按钮操作 */
@@ -209,7 +222,7 @@ export default {
               this.getList();
             });
           } else {
-            this.form.clientId= this.clientId
+            this.form.clientId = this.clientId
             addRelation(this.form).then(response => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
@@ -222,12 +235,13 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除客户付款信息关联编号为"' + ids + '"的数据项？').then(function() {
+      this.$modal.confirm('是否确认删除客户付款信息关联编号为"' + ids + '"的数据项？').then(function () {
         return delRelation(ids);
       }).then(() => {
         this.getList();
         this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+      }).catch(() => {
+      });
     },
     /** 导出按钮操作 */
     handleExport() {

src/views/mes/md/client/components/UrgeEmail.vue

@@ -56,7 +56,7 @@
       <el-table-column label="客户id" align="center" prop="clientId"/>
       <el-table-column label="邮箱" align="center" prop="email"/>
       <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">
           <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.enableFlag"/>
         </template>
@@ -119,13 +119,13 @@
 </template>
 
 <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 {
   name: 'Email',
-  dicts:['sys_yes_no'],
+  dicts: ['sys_yes_no'],
   props: {
-    clientId: { type: Number | undefined, default:undefined  },
+    clientId: {type: Number | undefined, default: undefined},
   },
   data() {
     return {
@@ -151,7 +151,7 @@ export default {
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        clientId: null, 
+        clientId: null,
         email: null, contact: null, enableFlag: null
       },
       // 表单参数
@@ -159,16 +159,13 @@ export default {
       // 表单校验
       rules: {
         email: [
-          { required: true, trigger: 'blur' }
+          {required: true, trigger: 'blur'}
         ],
         contact: [
-          { required: true, trigger: 'blur' }
-        ],
-        contact: [
-          { required: true, trigger: 'blur' }
+          {required: true, trigger: 'blur'}
         ],
         enableFlag: [
-          { required: true, trigger: 'blur' }
+          {required: true, trigger: 'blur'}
         ]
       }
     }
@@ -177,7 +174,7 @@ export default {
     /** 查询催货款通知邮箱列表 */
     getList() {
       this.loading = true
-      this.queryParams.clientId=this.clientId
+      this.queryParams.clientId = this.clientId
       listEmail(this.queryParams).then(response => {
         this.emailList = response.rows
         this.total = response.total
@@ -260,7 +257,7 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids
-      this.$modal.confirm('是否确认删除催货款通知邮箱编号为"' + ids + '"的数据项？').then(function() {
+      this.$modal.confirm('是否确认删除催货款通知邮箱编号为"' + ids + '"的数据项？').then(function () {
         return delEmail(ids)
       }).then(() => {
         this.getList()