物联网页面调整

src/views/truckCheck/TaskUploadData.vue

@@ -115,16 +115,10 @@
             </a-col>
 
 
-            <a-col :span="11">
-              <a-form-model-item label="经营型呼叫中心增值许可证到期日 " prop="zZBusinessLicenseDate" v-bind="labelCol4">
-                <a-date-picker     style="width: 210px" v-model="infoModel.zZBusinessLicenseDate"
-                                   format="YYYY-MM-DD"
-                                   showTime valueFormat="YYYY-MM-DD"/>
-              </a-form-model-item>
-            </a-col>
+
             <!--风险评估等级（非办公自用需提供）-->
 
-            <a-col :span="7" v-if='infoModel.contractDateIs==="" || infoModel.contractDateIs===null || infoModel.contractDateIs==="1" '>
+            <a-col :span="9" v-if='infoModel.contractDateIs==="" || infoModel.contractDateIs===null || infoModel.contractDateIs==="1" '>
               <a-form-model-item label="合同到期时间是否长期" prop="contractDateIs" v-bind="labelCol5">
                 <a-radio-group  v-model="infoModel.contractDateIs" button-style="solid" >
                   <a-radio-button value="0">否</a-radio-button>
@@ -132,16 +126,16 @@
                 </a-radio-group>
               </a-form-model-item>
             </a-col>
-            <a-col :span="7"  v-if='infoModel.contractDateIs==="0" ' >
+            <a-col :span="9"  v-if='infoModel.contractDateIs==="0" ' >
               <a-form-model-item label="合同到期时间" prop="contractDate" v-bind="labelCol6">
-                <a-date-picker   :style="{width:'100%'}" v-model="infoModel.contractDate"
+                <a-date-picker    style="min-width:50px; width: 67% " v-model="infoModel.contractDate"
                                  format="YYYY-MM-DD"
                                  showTime valueFormat="YYYY-MM-DD"/>
                 <a-button  @click="back('contractDate')" >长期</a-button>
               </a-form-model-item>
             </a-col>
 
-            <a-col :span="7" v-if='infoModel.businessLicenseDateIs==="" || infoModel.businessLicenseDateIs===null || infoModel.businessLicenseDateIs==="1" '>
+            <a-col :span="9" v-if='infoModel.businessLicenseDateIs==="" || infoModel.businessLicenseDateIs===null || infoModel.businessLicenseDateIs==="1" '>
               <a-form-model-item label="营业执照有效期是否长期" prop="businessLicenseDateIs" v-bind="labelCol5">
                 <a-radio-group    v-model="infoModel.businessLicenseDateIs" button-style="solid"  >
                   <a-radio-button value="0">否</a-radio-button>
@@ -149,9 +143,9 @@
                 </a-radio-group>
               </a-form-model-item>
             </a-col>
-            <a-col :span="7" v-if='infoModel.businessLicenseDateIs==="0"'>
+            <a-col :span="9" v-if='infoModel.businessLicenseDateIs==="0"'>
               <a-form-model-item label="营业执照到期时间" prop="businessLicenseDate" v-bind="labelCol4">
-                <a-date-picker     style="width: 210px" v-model="infoModel.businessLicenseDate"
+                <a-date-picker      style="min-width:50px; width: 67% " v-model="infoModel.businessLicenseDate"
                                    format="YYYY-MM-DD"
                                    showTime valueFormat="YYYY-MM-DD"/>
                 <a-button  @click="back('businessLicenseDate')" >长期</a-button>
@@ -160,12 +154,19 @@
             </a-col>
             <!--        （第一类客户办公自用除外，不需提供）-->
             <a-col :span="10">
-              <a-form-model-item label="房屋租赁合同到期时间" :prop='infoModel.customType===0 && infoModel.scene===0 ?"houseDate":""'   v-bind="labelCol4">
+              <a-form-model-item label="房屋租赁合同到期时间" :prop='infoModel.customType===0 && infoModel.scene==="0" ?"houseDate":""'   v-bind="labelCol4">
                 <a-date-picker     style="width: 210px" v-model="infoModel.houseDate"
                                    format="YYYY-MM-DD"
                                    showTime valueFormat="YYYY-MM-DD"/>
               </a-form-model-item>
             </a-col>
+            <a-col :span="11">
+              <a-form-model-item label="经营型呼叫中心增值许可证到期日 " prop="zZBusinessLicenseDate" v-bind="labelCol4">
+                <a-date-picker     style="width: 210px" v-model="infoModel.zZBusinessLicenseDate"
+                                   format="YYYY-MM-DD"
+                                   showTime valueFormat="YYYY-MM-DD"/>
+              </a-form-model-item>
+            </a-col>
             <a-col :span="13">
               <a-form-model-item label="风险评估等级（非办公自用需提供)" prop="riskGrade"   v-bind="labelCol4">
                 <a-radio-group  v-model="infoModel.riskGrade" button-style="solid"  >
@@ -1833,7 +1834,7 @@
             <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
           </a-form-model-item>
         </div>
-        <div style="height: 70%">
+        <div style="height: 100%">
           <div class="thumb-example">
               <a-upload
                 name="file"
@@ -3766,6 +3767,7 @@ h3 {
   /*height: 600px;*/
   width: 100%;
   left: 15%;
+  height: 300px;
   margin-bottom: 50px
 }
 
@@ -3774,7 +3776,7 @@ h3 {
   box-sizing: border-box;
   padding: 10px 0px;
   /*  width: 864px;*/
-  margin-left: 2px;
+  margin-left: 17%;
 
   .swiper-button-next {
     right: 0px;

src/views/truckCheck/modules/TaskCheckAudit.vue

@@ -39,7 +39,11 @@
         <a-descriptions-item v-if='infoModel.riskGrade==="3"' label="风险评估等级">高风险</a-descriptions-item>
       </a-descriptions>
 
-
+      <a-form-model
+        ref="form"
+        :model="infoModel"
+        :rules="rules"
+      >
       <a-card  v-if='checkState===4' style="margin-bottom:10px;color: #000000d9;font-size: 15px;line-height: 2.5;">
         <div>
           <span>1.请选择客户类型</span>
@@ -143,25 +147,8 @@
           </a-col>
 
 
-          <a-col :span="11">
-            <a-form-model-item label="经营型呼叫中心增值许可证到期日 " prop="zZBusinessLicenseDate" v-bind="labelCol4">
-              <a-date-picker  :disabled="infoModel.infoResult==='1'?true:false"   style="width: 210px" v-model="infoModel.zZBusinessLicenseDate"
-                                 format="YYYY-MM-DD"
-                                 showTime valueFormat="YYYY-MM-DD"/>
-            </a-form-model-item>
-          </a-col>
-          <!--风险评估等级（非办公自用需提供）-->
-          <a-col :span="13">
-            <a-form-model-item label="风险评估等级（非办公自用需提供)" prop="riskGrade"   v-bind="labelCol4">
-              <a-radio-group  v-model="infoModel.riskGrade" button-style="solid" :disabled="infoModel.infoResult==='1'?true:false" >
-                <a-radio-button value="0">较低风险</a-radio-button>
-                <a-radio-button value="1">低风险</a-radio-button>
-                <a-radio-button value="2">中风险</a-radio-button>
-                <a-radio-button value="3">高风险</a-radio-button>
-              </a-radio-group>
-            </a-form-model-item>
-          </a-col>
-          <a-col :span="7" v-if='infoModel.contractDateIs==="" || infoModel.contractDateIs===null || infoModel.contractDateIs==="1" '>
+
+          <a-col :span="8" v-if='infoModel.contractDateIs==="" || infoModel.contractDateIs===null || infoModel.contractDateIs==="1" '>
             <a-form-model-item label="合同到期时间是否长期" prop="contractDateIs" v-bind="labelCol5">
               <a-radio-group  v-model="infoModel.contractDateIs" button-style="solid" :disabled="infoModel.infoResult==='1'?true:false">
                 <a-radio-button value="0">否</a-radio-button>
@@ -169,9 +156,9 @@
               </a-radio-group>
             </a-form-model-item>
           </a-col>
-          <a-col :span="7"  v-if='infoModel.contractDateIs==="0" ' >
+          <a-col :span="8"  v-if='infoModel.contractDateIs==="0" ' >
             <a-form-model-item label="合同到期时间" prop="contractDate" v-bind="labelCol6">
-              <a-date-picker   :style="{width:'100%'}" v-model="infoModel.contractDate" :disabled="infoModel.infoResult==='1'?true:false"
+              <a-date-picker    style="min-width:50px; width: 67% " v-model="infoModel.contractDate" :disabled="infoModel.infoResult==='1'?true:false"
                                format="YYYY-MM-DD"
                                showTime valueFormat="YYYY-MM-DD"/>
               <a-button  @click="backDate('contractDate')" >长期</a-button>
@@ -188,7 +175,7 @@
           </a-col>
           <a-col :span="7" v-if='infoModel.businessLicenseDateIs==="0"'>
             <a-form-model-item label="营业执照到期时间" prop="businessLicenseDate" v-bind="labelCol4">
-              <a-date-picker  :disabled="infoModel.infoResult==='1'?true:false"   style="width: 210px" v-model="infoModel.businessLicenseDate"
+              <a-date-picker   style="min-width:50px; width: 67% "     v-model="infoModel.businessLicenseDate"
                               format="YYYY-MM-DD"
                               showTime valueFormat="YYYY-MM-DD"/>
               <a-button  @click="backDate('businessLicenseDate')" >长期</a-button>
@@ -196,18 +183,37 @@
 
           </a-col>
           <!--        （第一类客户办公自用除外，不需提供）-->
-          <a-col :span="10">
-            <a-form-model-item label="房屋租赁合同到期时间" :prop='infoModel.customType===0 && infoModel.scene===0 ?"houseDate":""'   v-bind="labelCol4">
+          <a-col :span="9">
+            <a-form-model-item label="房屋租赁合同到期时间" :prop='infoModel.customType===0 && infoModel.scene==="0" ?"houseDate":""'   v-bind="labelCol4">
               <a-date-picker :disabled="infoModel.infoResult==='1'?true:false"    style="width: 210px" v-model="infoModel.houseDate"
                              format="YYYY-MM-DD"
                              showTime valueFormat="YYYY-MM-DD"/>
             </a-form-model-item>
           </a-col>
+          <a-col :span="12">
+            <a-form-model-item label="经营型呼叫中心增值许可证到期日 " prop="zZBusinessLicenseDate" v-bind="labelCol4">
+              <a-date-picker  :disabled="infoModel.infoResult==='1'?true:false"   style="width: 210px"   v-model="infoModel.zZBusinessLicenseDate"
+                              format="YYYY-MM-DD"
+                              showTime valueFormat="YYYY-MM-DD"/>
+            </a-form-model-item>
+          </a-col>
+
+          <!--风险评估等级（非办公自用需提供）-->
+          <a-col :span="13">
+            <a-form-model-item label="风险评估等级（非办公自用需提供)" prop="riskGrade"   v-bind="labelCol4">
+              <a-radio-group  v-model="infoModel.riskGrade" button-style="solid" :disabled="infoModel.infoResult==='1'?true:false" >
+                <a-radio-button value="0">较低风险</a-radio-button>
+                <a-radio-button value="1">低风险</a-radio-button>
+                <a-radio-button value="2">中风险</a-radio-button>
+                <a-radio-button value="3">高风险</a-radio-button>
+              </a-radio-group>
+            </a-form-model-item>
+          </a-col>
         </a-row>
 
       </a-card>
 
-
+      </a-form-model>
       <a-button v-if='checkState!==4' style="display: block;position: relative;left:auto;margin-top: 10px;border-color: #1890FF;color: #1890FF" @click="historys">整改历史
       </a-button>
       <div>
@@ -3095,6 +3101,77 @@ export default {
       history:"",
       dataList:[],
       uploading:false,
+      rules:{
+        scene: [
+          {required: true, message: '必须输入'},
+        ],
+        customType: [
+          {required: true, message: '必须输入'},
+        ],
+        customerName: [
+          {required: true, message: '必须输入'},
+        ],
+        houseDate:[
+          {required: true, message: '必须输入'},
+        ],
+        zZBusinessLicenseDate:[
+          {required: true, message: '必须输入'},
+        ],
+        businessLicenseDateIs:[
+          {required: true, message: '必须输入'},
+        ],
+        businessLicenseDate:[
+          {required: true, message: '必须输入'},
+        ],
+        contractDate:[
+          {required: true, message: '必须输入'},
+        ],
+        riskGrade:[
+          {required: true, message: '必须输入'},
+        ],
+        installationAddress:[
+          {required: true, message: '必须输入'},
+        ],
+        floorName:[
+          {required: true, message: '必须输入'},
+        ],
+        firstActivationDate:[
+          {required: true, message: '必须输入'},
+        ],
+        customerNo:[
+          {required: true, message: '必须输入'},
+        ],
+        userNo:[
+          {required: true, message: '必须输入'},
+        ],
+        networkAccessTime:[
+          {required: true, message: '必须输入'},
+        ],
+        userState:[
+          {required: true, message: '必须输入'},
+        ],
+        contractDateIs:[
+          {required: true, message: '必须输入'},
+        ],
+        staffNo:[
+          {required: true, message: '必须输入'},
+        ],
+        codeNumber:[
+          {required: true, message: '必须输入'},
+        ],
+        accountCode:[
+          {required: true, message: '必须输入'},
+        ],
+        floorCode:[
+          {required: true, message: '必须输入'},
+        ],
+        userCode:[
+          {required: true, message: '必须输入'},
+        ],
+        managePhone: [
+          {required: true, message: '请输入客户经理手机号!', trigger: 'blur'}, {validator: this.isPhone}
+        ],
+      },
       infoModel:{
         staffName:"",
         applySignResult:"",