结算导入-新增弹窗提示

src/views/FinancialManagement/ReconciliationSystem/ReceivablePayableCollection/SettlementSource.vue

@@ -98,82 +98,82 @@
     </el-main>
 
     <el-dialog title="新增" :visible.sync="dialogFormAddVisible" v-dialogDrag :close-on-click-modal="false" width="60%" @close="AddVisibleClose">
-      <el-form :model="addform" :inline="true" label-width="130px" size="small">
-        <el-form-item label="运营小组：">
+      <el-form :model="addform" :inline="true" ref="addform" label-width="130px" size="small" :rules="rules">
+        <el-form-item label="运营小组：" prop="operationsTeam">
           <el-input v-model="addform.operationsTeam" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="渠道分级：">
+        <el-form-item label="渠道分级：" prop="channelClassification">
           <el-input v-model="addform.channelClassification" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="渠道：">
+        <el-form-item label="渠道：" prop="channel">
           <el-input v-model="addform.channel" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="工号：">
+        <el-form-item label="工号：" prop="employeeId">
           <el-input v-model="addform.employeeId" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="签单日期：">
+        <el-form-item label="签单日期：" prop="signDate">
           <el-date-picker v-model="addform.signDate" type="date" value-format="yyyy-MM-dd"
             style="width: 220px" clearable placeholder="选择签单日期">
           </el-date-picker>
         </el-form-item>
-        <el-form-item label="车牌号：">
+        <el-form-item label="车牌号：" prop="licenseno">
           <el-input v-model="addform.licenseno" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="被保险人：">
+        <el-form-item label="被保险人：" prop="insuredName">
           <el-input v-model="addform.insuredName" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="保险公司：">
+        <el-form-item label="保险公司：" prop="insuranceId">
           <el-select v-model="addform.insuranceId" filterable placeholder="请选择保险公司" class="widths"
             @change="conmpanydropdownEvent" clearable>
             <el-option v-for="val in companyList" :key="val.id" :label="val.name" :value="val.id"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="险种：">
+        <el-form-item label="险种：" prop="insuranceType"> 
           <el-input v-model="addform.insuranceType" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="业务归属：">
+        <el-form-item label="业务归属：" prop="businessOwner">
           <el-input v-model="addform.businessOwner" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="交强保单号：">
+        <el-form-item label="交强保单号：" prop="jqPolicyId">
           <el-input v-model="addform.jqPolicyId" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="商业保单号：">
+        <el-form-item label="商业保单号：" prop="syPolicyId">
           <el-input v-model="addform.syPolicyId" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="非车保单号：">
+        <el-form-item label="非车保单号：" prop="nonCarPolicyId">
           <el-input v-model="addform.nonCarPolicyId" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="交强保费：">
+        <el-form-item label="交强保费：" prop="jqPremiumTax">
           <el-input v-model="addform.jqPremiumTax" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="车船税：">
+        <el-form-item label="车船税：" prop="vehicleTax">
           <el-input v-model="addform.vehicleTax" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="商业保费：">
+        <el-form-item label="商业保费：" prop="syPremiumTax">
           <el-input v-model="addform.syPremiumTax" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="非车保费：">
+        <el-form-item label="非车保费：" prop="nonCarPremiumTax">
           <el-input v-model="addform.nonCarPremiumTax" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="交强出口比例：">
+        <el-form-item label="交强出口比例：" prop="compulsoryExportRatio">
           <el-input v-model="addform.compulsoryExportRatio" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="商业出口比例：">
+        <el-form-item label="商业出口比例：" prop="commercialExportRatio">
           <el-input v-model="addform.commercialExportRatio" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="非车出口比例：">
+        <el-form-item label="非车出口比例：" prop="nonVehicleExportRatio">
           <el-input v-model="addform.nonVehicleExportRatio" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="补贴比例：">
+        <el-form-item label="补贴比例：" prop="subsidyRatio">
           <el-input v-model="addform.subsidyRatio" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="补贴金额：">
+        <el-form-item label="补贴金额：" prop="subsidyAmount">
           <el-input v-model="addform.subsidyAmount" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="结算金额：">
+        <el-form-item label="结算金额：" prop="settlementAmount">
           <el-input v-model="addform.settlementAmount" autocomplete="off" class="widths"></el-input>
         </el-form-item>
-        <el-form-item label="代理结算时间">
+        <el-form-item label="代理结算时间" prop="agencySettlementTime">
           <el-date-picker v-model="addform.agencySettlementTime" type="date" value-format="yyyy-MM-dd"
             style="width: 220px" clearable placeholder="选择代理结算日期">
           </el-date-picker>
@@ -181,7 +181,7 @@
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button size="small" @click="dialogFormAddVisible = false">取 消</el-button>
-        <el-button size="small" type="primary" @click="addSubmit">确 定</el-button>
+        <el-button size="small" type="primary" @click="addSubmit('addform')">确 定</el-button>
       </div>
     </el-dialog>
 
@@ -271,6 +271,14 @@ export default {
   },
   data() {
     return {
+      rules: {
+        licenseno: [
+            { required: true, message: '请输入车牌号', trigger: 'blur' },
+          ],
+          subsidyRatio: [
+            { required: true, message: '请输入补贴比例', trigger: 'blur' },
+          ],
+      },
       signDateTime: [],
       agencySettlementTime: [],
       pageRequest: {
@@ -557,13 +565,31 @@ export default {
       this.findPage();
     },
     //新增
-    addSubmit(){
+    addSubmit(formName){
+      this.$refs[formName].validate((valid) => {
+          if (valid) {
+         
       this.$api.task.SettlementAdd(this.addform).then((res) => {
         if (res.code == "200") {
-          this.$message({
-            type: "success",
-            message: res.msg,
-          });
+          if(res.data){
+            this.$confirm(res.data, '提示', {
+            confirmButtonText: '确定',
+            showCancelButton:false,
+            closeOnClickModal:false,
+            type: 'warning'
+          }).then(() => {
+            this.$message({
+              type: 'success',
+              message:  res.msg
+            });
+          })
+          }
+          else{
+            this.$message({
+              type: "success",
+              message: res.msg,
+            });
+          }
           this.dialogFormAddVisible = false;
           this.findPage();
         } else {
@@ -573,6 +599,10 @@ export default {
           });
         }
       });
+    } else {
+            return false;
+          }
+        });
     },
     //修改
     updateSubmit() {