日期框优化

src/views/lotCheck/TaskUploadData.vue

@@ -105,44 +105,74 @@
 <!--            </a-form-model-item>-->
 <!--          </a-col>-->
 
-          <a-col :span="7"
-                 v-if='infoModel.contractDateIs==="" || infoModel.contractDateIs===null || infoModel.contractDateIs==="1" '>
-            <a-form-model-item label="合同到期时间是否长期" prop="contractDateIs" v-bind="labelCol7">
-              <a-radio-group v-model="infoModel.contractDateIs" 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-col :span="7"-->
+<!--                 v-if='infoModel.contractDateIs==="" || infoModel.contractDateIs===null || infoModel.contractDateIs==="1" '>-->
+<!--            <a-form-model-item label="合同到期时间是否长期" prop="contractDateIs" v-bind="labelCol7">-->
+<!--              <a-radio-group v-model="infoModel.contractDateIs" 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-group>-->
+<!--            </a-form-model-item>-->
+<!--          </a-col>-->
+
+<!--          <a-col :span="7" v-if='infoModel.contractDateIs==="0" '>-->
+<!--            <a-form-model-item label="合同到期时间" prop="contractDate" v-bind="labelCol4">-->
+<!--              <a-date-picker style="min-width:50px; width: 64% " v-model="infoModel.contractDate"-->
+<!--                             format="YYYY-MM-DD"-->
+<!--                             showTime valueFormat="YYYY-MM-DD"/>-->
+<!--              <a-button @click="backDate('contractDate')">长期</a-button>-->
+<!--            </a-form-model-item>-->
+<!--          </a-col>-->
+
+
+          <a-col :span="10" >
+            <a-form-model-item label="合同到期时间" prop="contractDateIs" v-bind="labelColContractDate">
+              <a-radio-group v-model:value="infoModel.contractDateIs" size="large">
+                <a-radio :value="'0'">
+                  <a-date-picker style="min-width:50px"
+                                 :disabled="infoModel.contractDateIs== '1'?true:false"
+                                 v-model="infoModel.contractDate"
+                                 format="YYYY-MM-DD"
+                                 showTime valueFormat="YYYY-MM-DD"/>
+                </a-radio>
+                <a-radio :value="'1'" @click="contractDateClick('contractDate')">长期</a-radio>
               </a-radio-group>
             </a-form-model-item>
           </a-col>
+<!--          <a-col :span="7"-->
+<!--                 v-if='infoModel.businessLicenseDateIs==="" || infoModel.businessLicenseDateIs===null || infoModel.businessLicenseDateIs==="1" '>-->
+<!--            <a-form-model-item label="营业执照有效期是否长期" prop="businessLicenseDateIs" v-bind="labelCol7">-->
+<!--              <a-radio-group :disabled="infoModel.infoResult==='1'?true:false" v-model="infoModel.businessLicenseDateIs"-->
+<!--                             button-style="solid">-->
+<!--                <a-radio-button value="0">否</a-radio-button>-->
+<!--                <a-radio-button value="1">是</a-radio-button>-->
+<!--              </a-radio-group>-->
+<!--            </a-form-model-item>-->
+<!--          </a-col>-->
+<!--          <a-col :span="7" v-if='infoModel.businessLicenseDateIs==="0"'>-->
+<!--            <a-form-model-item label="营业执照到期时间" prop="businessLicenseDate" v-bind="labelCol4">-->
+<!--              <a-date-picker style="min-width:50px; width: 64% " v-model="infoModel.businessLicenseDate"-->
+<!--                             format="YYYY-MM-DD"-->
+<!--                             showTime valueFormat="YYYY-MM-DD"/>-->
+<!--              <a-button @click="backDate('businessLicenseDate')">长期</a-button>-->
+<!--            </a-form-model-item>-->
 
-          <a-col :span="7" v-if='infoModel.contractDateIs==="0" '>
-            <a-form-model-item label="合同到期时间" prop="contractDate" v-bind="labelCol4">
-              <a-date-picker style="min-width:50px; width: 64% " v-model="infoModel.contractDate"
-                             format="YYYY-MM-DD"
-                             showTime valueFormat="YYYY-MM-DD"/>
-              <a-button @click="backDate('contractDate')">长期</a-button>
-            </a-form-model-item>
-          </a-col>
-          <a-col :span="7"
-                 v-if='infoModel.businessLicenseDateIs==="" || infoModel.businessLicenseDateIs===null || infoModel.businessLicenseDateIs==="1" '>
-            <a-form-model-item label="营业执照有效期是否长期" prop="businessLicenseDateIs" v-bind="labelCol7">
-              <a-radio-group :disabled="infoModel.infoResult==='1'?true:false" v-model="infoModel.businessLicenseDateIs"
-                             button-style="solid">
-                <a-radio-button value="0">否</a-radio-button>
-                <a-radio-button value="1">是</a-radio-button>
+<!--          </a-col>-->
+          <a-col :span="10" >
+            <a-form-model-item label="营业执照有效期" prop="businessLicenseDateIs" v-bind="labelColContractDate">
+              <a-radio-group v-model:value="infoModel.businessLicenseDateIs" size="large">
+                <a-radio :value="'0'">
+                  <a-date-picker style="min-width:50px"
+                                 :disabled="infoModel.businessLicenseDateIs== '1'?true:false"
+                                 v-model="infoModel.businessLicenseDate"
+                                 format="YYYY-MM-DD"
+                                 showTime valueFormat="YYYY-MM-DD"/>
+                </a-radio>
+                <a-radio :value="'1'" @click="contractDateClick('businessLicenseDate')">长期</a-radio>
               </a-radio-group>
             </a-form-model-item>
           </a-col>
-          <a-col :span="7" v-if='infoModel.businessLicenseDateIs==="0"'>
-            <a-form-model-item label="营业执照到期时间" prop="businessLicenseDate" v-bind="labelCol4">
-              <a-date-picker style="min-width:50px; width: 64% " v-model="infoModel.businessLicenseDate"
-                             format="YYYY-MM-DD"
-                             showTime valueFormat="YYYY-MM-DD"/>
-              <a-button @click="backDate('businessLicenseDate')">长期</a-button>
-            </a-form-model-item>
-
-          </a-col>
         </a-row>
         <a-row>
           <a-col :span="24">
@@ -1521,6 +1551,16 @@ export default {
           sm: {span: 12},
         }
       },
+      labelColContractDate: {
+        labelCol: {
+          xs: {span: 24},
+          sm: {span: 9},
+        },
+        wrapperCol: {
+          xs: {span: 24},
+          sm: {span: 15},
+        }
+      },
       labelCol4: {
         labelCol: {
           xs: {span: 24},
@@ -2003,6 +2043,17 @@ export default {
         callback("您的手机号码格式不正确!");
       }
 
+    },
+    contractDateClick(name) {
+      if (name =='contractDate'){
+        this.infoModel.contractDateIs = "1"
+        this.infoModel.contractDate = ""
+      }
+      if (name =='businessLicenseDate'){
+        this.infoModel.businessLicenseDateIs = "1"
+        this.infoModel.businessLicenseDate = ""
+      }
+
     },
     /*提交*/
     submitAuditLot() {

src/views/lotCheck/modules/TaskCheckAudit.vue

@@ -118,46 +118,75 @@
 <!--                </a-radio-group>-->
 <!--              </a-form-model-item>-->
 <!--            </a-col>-->
-
-            <a-col :span="7" v-if='infoModel.contractDateIs===""  || infoModel.contractDateIs==="1" '>
-              <a-form-model-item label="合同到期时间是否长期" prop="contractDateIs" v-bind="labelCol7">
-                <a-radio-group v-model="infoModel.contractDateIs" 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-col :span="10" >
+              <a-form-model-item label="合同到期时间" prop="contractDateIs" v-bind="labelColContractDate">
+                <a-radio-group v-model:value="infoModel.contractDateIs" size="large">
+                  <a-radio :value="'0'">
+                    <a-date-picker style="min-width:50px"
+                                   :disabled="infoModel.contractDateIs== '1'?true:false"
+                                   v-model="infoModel.contractDate"
+                                   format="YYYY-MM-DD"
+                                   showTime valueFormat="YYYY-MM-DD"/>
+                  </a-radio>
+                  <a-radio :value="'1'" @click="contractDateClick('contractDate')">长期</a-radio>
                 </a-radio-group>
               </a-form-model-item>
             </a-col>
+<!--            <a-col :span="7" v-if='infoModel.contractDateIs===""  || infoModel.contractDateIs==="1" '>-->
+<!--              <a-form-model-item label="合同到期时间是否长期" prop="contractDateIs" v-bind="labelCol7">-->
+<!--                <a-radio-group v-model="infoModel.contractDateIs" 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-group>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
 
-            <a-col :span="7"
-                   v-if='infoModel.contractDateIs==="0" ||infoModel.contractDateIs==="" || infoModel.contractDateIs===null '>
-              <a-form-model-item label="合同到期时间" prop="contractDate" v-bind="labelCol5">
-                <a-date-picker style="min-width:50px; width: 62% " :disabled="infoModel.infoResult==='1'?true:false"
-                               v-model="infoModel.contractDate"
-                               format="YYYY-MM-DD"
-                               showTime valueFormat="YYYY-MM-DD"/>
-                <a-button @click="backDate('contractDate')">长期</a-button>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="7" v-if='infoModel.businessLicenseDateIs===""  || infoModel.businessLicenseDateIs==="1" '>
-              <a-form-model-item label="营业执照有效期是否长期" prop="businessLicenseDateIs" v-bind="labelCol7">
-                <a-radio-group :disabled="infoModel.infoResult==='1'?true:false"
-                               v-model="infoModel.businessLicenseDateIs" button-style="solid">
-                  <a-radio-button value="0">否</a-radio-button>
-                  <a-radio-button value="1">是</a-radio-button>
+<!--            <a-col :span="7"-->
+<!--                   v-if='infoModel.contractDateIs==="0" ||infoModel.contractDateIs==="" || infoModel.contractDateIs===null '>-->
+<!--              <a-form-model-item label="合同到期时间" prop="contractDate" v-bind="labelCol5">-->
+<!--                <a-date-picker style="min-width:50px; width: 62% " :disabled="infoModel.infoResult==='1'?true:false"-->
+<!--                               v-model="infoModel.contractDate"-->
+<!--                               format="YYYY-MM-DD"-->
+<!--                               showTime valueFormat="YYYY-MM-DD"/>-->
+<!--                <a-button @click="backDate('contractDate')">长期</a-button>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+
+            <a-col :span="10" >
+              <a-form-model-item label="营业执照有效期" prop="businessLicenseDateIs" v-bind="labelColContractDate">
+                <a-radio-group v-model:value="infoModel.businessLicenseDateIs" size="large">
+                  <a-radio :value="'0'">
+                    <a-date-picker style="min-width:50px"
+                                   :disabled="infoModel.businessLicenseDateIs== '1'?true:false"
+                                   v-model="infoModel.businessLicenseDate"
+                                   format="YYYY-MM-DD"
+                                   showTime valueFormat="YYYY-MM-DD"/>
+                  </a-radio>
+                  <a-radio :value="'1'" @click="contractDateClick('businessLicenseDate')">长期</a-radio>
                 </a-radio-group>
               </a-form-model-item>
             </a-col>
-            <a-col :span="7"
-                   v-if='infoModel.businessLicenseDateIs==="0" || infoModel.businessLicenseDateIs===""|| infoModel.businessLicenseDateIs===null '>
-              <a-form-model-item label="营业执照到期时间" prop="businessLicenseDate" v-bind="labelCol5">
-                <a-date-picker style="min-width:50px; width: 62% " :disabled="infoModel.infoResult==='1'?true:false"
-                               v-model="infoModel.businessLicenseDate"
-                               format="YYYY-MM-DD"
-                               showTime valueFormat="YYYY-MM-DD"/>
-                <a-button @click="backDate('businessLicenseDate')">长期</a-button>
-              </a-form-model-item>
-            </a-col>
+
+<!--            <a-col :span="7" v-if='infoModel.businessLicenseDateIs===""  || infoModel.businessLicenseDateIs==="1" '>-->
+<!--              <a-form-model-item label="营业执照有效期是否长期" prop="businessLicenseDateIs" v-bind="labelCol7">-->
+<!--                <a-radio-group :disabled="infoModel.infoResult==='1'?true:false"-->
+<!--                               v-model="infoModel.businessLicenseDateIs" button-style="solid">-->
+<!--                  <a-radio-button value="0">否</a-radio-button>-->
+<!--                  <a-radio-button value="1">是</a-radio-button>-->
+<!--                </a-radio-group>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+<!--            <a-col :span="7"-->
+<!--                   v-if='infoModel.businessLicenseDateIs==="0" || infoModel.businessLicenseDateIs===""|| infoModel.businessLicenseDateIs===null '>-->
+<!--              <a-form-model-item label="营业执照到期时间" prop="businessLicenseDate" v-bind="labelCol5">-->
+<!--                <a-date-picker style="min-width:50px; width: 62% " :disabled="infoModel.infoResult==='1'?true:false"-->
+<!--                               v-model="infoModel.businessLicenseDate"-->
+<!--                               format="YYYY-MM-DD"-->
+<!--                               showTime valueFormat="YYYY-MM-DD"/>-->
+<!--                <a-button @click="backDate('businessLicenseDate')">长期</a-button>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
           </a-row>
           <a-row>
             <a-col :span="24">
@@ -1960,6 +1989,16 @@ export default {
           sm: {span: 12},
         }
       },
+      labelColContractDate: {
+        labelCol: {
+          xs: {span: 24},
+          sm: {span: 9},
+        },
+        wrapperCol: {
+          xs: {span: 24},
+          sm: {span: 15},
+        }
+      },
       labelCol4: {
         labelCol: {
           xs: {span: 24},
@@ -2380,6 +2419,17 @@ export default {
     }
   },
   methods: {
+    contractDateClick(name) {
+      if (name =='contractDate'){
+        this.infoModel.contractDateIs = "1"
+        this.infoModel.contractDate = ""
+      }
+      if (name =='businessLicenseDate'){
+        this.infoModel.businessLicenseDateIs = "1"
+        this.infoModel.businessLicenseDate = ""
+      }
+
+    },
     backDate(name) {
       if (name === 'contractDate') {
         this.infoModel.contractDateIs = "1"

src/views/smscheck/modules/TaskUploadData.vue

@@ -110,90 +110,169 @@
               </a-form-model-item>
             </a-col>
 
-            <a-col :span="8" v-if='infoModel.contractDateDateIs==="" || infoModel.contractDateDateIs===null || infoModel.contractDateDateIs==="1" '>
-              <a-form-model-item label="合同到期时间是否长期" prop="contractDateDateIs" v-bind="labelCol8">
-                <a-radio-group v-model="infoModel.contractDateDateIs" button-style="solid" >
-                  <a-radio-button value="0">否</a-radio-button>
-                  <a-radio-button value="1">是</a-radio-button>
+            <a-col :span="10" >
+              <a-form-model-item label="合同到期时间" prop="contractDateDateIs" v-bind="labelColContractDate">
+                <a-radio-group v-model:value="infoModel.contractDateDateIs" size="large">
+                  <a-radio :value="'0'">
+                    <a-date-picker style="min-width:50px"
+                                   :disabled="infoModel.contractDateDateIs== '1'?true:false"
+                                   v-model="infoModel.contractDateDate"
+                                   format="YYYY-MM-DD"
+                                   showTime valueFormat="YYYY-MM-DD"/>
+                  </a-radio>
+                  <a-radio :value="'1'" @click="contractDateClick('contractDateDate')">长期</a-radio>
                 </a-radio-group>
               </a-form-model-item>
             </a-col>
-            <a-col :span="8"  v-if='infoModel.contractDateDateIs==="0" '  >
-                <a-form-model-item label="合同到期时间" prop="contractDateDate" v-bind="labelCol8">
-                  <a-date-picker style="min-width:50px; width: 68% " v-model="infoModel.contractDateDate"
-                                 format="YYYY-MM-DD"
-                                 showTime valueFormat="YYYY-MM-DD"/>
-                  <a-button  @click="backDate('contractDate')" >长期</a-button>
-                </a-form-model-item>
-            </a-col>
-             <a-col :span="8" v-if='infoModel.businessLicenseDateDateIs==="" || infoModel.businessLicenseDateDateIs===null || infoModel.businessLicenseDateDateIs==="1" '>
-              <a-form-model-item label="营业执照有效期是否长期" prop="businessLicenseDateDateIs" v-bind="labelCol8">
-                <a-radio-group v-model="infoModel.businessLicenseDateDateIs" button-style="solid"  >
-                  <a-radio-button value="0">否</a-radio-button>
-                  <a-radio-button value="1">是</a-radio-button>
+
+
+<!--            <a-col :span="8" v-if='infoModel.contractDateDateIs==="" || infoModel.contractDateDateIs===null || infoModel.contractDateDateIs==="1" '>-->
+<!--              <a-form-model-item label="合同到期时间是否长期" prop="contractDateDateIs" v-bind="labelCol8">-->
+<!--                <a-radio-group v-model="infoModel.contractDateDateIs" button-style="solid" >-->
+<!--                  <a-radio-button value="0">否</a-radio-button>-->
+<!--                  <a-radio-button value="1">是</a-radio-button>-->
+<!--                </a-radio-group>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+<!--            <a-col :span="8"  v-if='infoModel.contractDateDateIs==="0" '  >-->
+<!--                <a-form-model-item label="合同到期时间" prop="contractDateDate" v-bind="labelCol8">-->
+<!--                  <a-date-picker style="min-width:50px; width: 68% " v-model="infoModel.contractDateDate"-->
+<!--                                 format="YYYY-MM-DD"-->
+<!--                                 showTime valueFormat="YYYY-MM-DD"/>-->
+<!--                  <a-button  @click="backDate('contractDate')" >长期</a-button>-->
+<!--                </a-form-model-item>-->
+<!--            </a-col>-->
+
+
+            <a-col :span="10" >
+              <a-form-model-item label="营业执照到期时间" prop="businessLicenseDateDateIs" v-bind="labelColContractDate">
+                <a-radio-group v-model:value="infoModel.businessLicenseDateDateIs" size="large">
+                  <a-radio :value="'0'">
+                    <a-date-picker style="min-width:50px"
+                                   :disabled="infoModel.businessLicenseDateDateIs== '1'?true:false"
+                                   v-model="infoModel.businessLicenseDateDate"
+                                   format="YYYY-MM-DD"
+                                   showTime valueFormat="YYYY-MM-DD"/>
+                  </a-radio>
+                  <a-radio :value="'1'" @click="contractDateClick('businessLicenseDateDate')">长期</a-radio>
                 </a-radio-group>
               </a-form-model-item>
             </a-col>
-            <a-col :span="8" v-if='infoModel.businessLicenseDateDateIs==="0"'  >
-              <a-form-model-item label="营业执照到期时间" prop="businessLicenseDateDate" v-bind="labelCol8">
-                <a-date-picker  style="min-width:50px; width: 68% " v-model="infoModel.businessLicenseDateDate"
-                               format="YYYY-MM-DD"
-                               showTime valueFormat="YYYY-MM-DD"/>
-                <a-button  @click="backDate('businessLicenseDate')" >长期</a-button>
-              </a-form-model-item>
-            </a-col>
 
-            <a-col :span="8" v-if='infoModel.codeNumberDateDateIs==="" || infoModel.codeNumberDateDateIs===null || infoModel.codeNumberDateDateIs==="1" '>
-              <a-form-model-item label="码号证书有效期是否长期" prop="codeNumberDateDateIs" v-bind="labelCol8">
-                <a-radio-group v-model="infoModel.codeNumberDateDateIs" button-style="solid"  >
-                  <a-radio-button value="0">否</a-radio-button>
-                  <a-radio-button value="1">是</a-radio-button>
+<!--            <a-col :span="8" v-if='infoModel.businessLicenseDateDateIs==="" || infoModel.businessLicenseDateDateIs===null || infoModel.businessLicenseDateDateIs==="1" '>-->
+<!--              <a-form-model-item label="营业执照有效期是否长期" prop="businessLicenseDateDateIs" v-bind="labelCol8">-->
+<!--                <a-radio-group v-model="infoModel.businessLicenseDateDateIs" button-style="solid"  >-->
+<!--                  <a-radio-button value="0">否</a-radio-button>-->
+<!--                  <a-radio-button value="1">是</a-radio-button>-->
+<!--                </a-radio-group>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+<!--            <a-col :span="8" v-if='infoModel.businessLicenseDateDateIs==="0"'  >-->
+<!--              <a-form-model-item label="营业执照到期时间" prop="businessLicenseDateDate" v-bind="labelCol8">-->
+<!--                <a-date-picker  style="min-width:50px; width: 68% " v-model="infoModel.businessLicenseDateDate"-->
+<!--                               format="YYYY-MM-DD"-->
+<!--                               showTime valueFormat="YYYY-MM-DD"/>-->
+<!--                <a-button  @click="backDate('businessLicenseDate')" >长期</a-button>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+
+
+
+            <a-col :span="10" >
+              <a-form-model-item label="码号证书到期时间" prop="codeNumberDateDateIs" v-bind="labelColContractDate">
+                <a-radio-group v-model:value="infoModel.codeNumberDateDateIs" size="large">
+                  <a-radio :value="'0'">
+                    <a-date-picker style="min-width:50px"
+                                   :disabled="infoModel.codeNumberDateDateIs== '1'?true:false"
+                                   v-model="infoModel.codeNumberDateDate"
+                                   format="YYYY-MM-DD"
+                                   showTime valueFormat="YYYY-MM-DD"/>
+                  </a-radio>
+                  <a-radio :value="'1'" @click="contractDateClick('codeNumberDateDate')">长期</a-radio>
                 </a-radio-group>
               </a-form-model-item>
             </a-col>
-            <a-col :span="8" v-if='infoModel.codeNumberDateDateIs==="0" ' >
-              <a-form-model-item label="码号证书到期时间" prop="codeNumberDateDate" v-bind="labelCol8">
-                <a-date-picker  style="min-width:50px; width: 68% "  v-model="infoModel.codeNumberDateDate"
-                                format="YYYY-MM-DD"
-                                showTime valueFormat="YYYY-MM-DD"/>
-                <a-button  @click="backDate('codeNumberDate')" >长期</a-button>
-              </a-form-model-item>
-            </a-col>
-             <a-col :span="8" v-if='infoModel.filingsDateDateIs==="" || infoModel.filingsDateDateIs===null || infoModel.filingsDateDateIs==="1" '>
-              <a-form-model-item label="备案到期时间是否长期" prop="filingsDateDateIs" v-bind="labelCol8">
-                <a-radio-group v-model="infoModel.filingsDateDateIs" button-style="solid"  >
-                  <a-radio-button value="0">否</a-radio-button>
-                  <a-radio-button value="1">是</a-radio-button>
+<!--            <a-col :span="8" v-if='infoModel.codeNumberDateDateIs==="" || infoModel.codeNumberDateDateIs===null || infoModel.codeNumberDateDateIs==="1" '>-->
+<!--              <a-form-model-item label="码号证书有效期是否长期" prop="codeNumberDateDateIs" v-bind="labelCol8">-->
+<!--                <a-radio-group v-model="infoModel.codeNumberDateDateIs" button-style="solid"  >-->
+<!--                  <a-radio-button value="0">否</a-radio-button>-->
+<!--                  <a-radio-button value="1">是</a-radio-button>-->
+<!--                </a-radio-group>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+<!--            <a-col :span="8" v-if='infoModel.codeNumberDateDateIs==="0" ' >-->
+<!--              <a-form-model-item label="码号证书到期时间" prop="codeNumberDateDate" v-bind="labelCol8">-->
+<!--                <a-date-picker  style="min-width:50px; width: 68% "  v-model="infoModel.codeNumberDateDate"-->
+<!--                                format="YYYY-MM-DD"-->
+<!--                                showTime valueFormat="YYYY-MM-DD"/>-->
+<!--                <a-button  @click="backDate('codeNumberDate')" >长期</a-button>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+
+            <a-col :span="10" >
+              <a-form-model-item label="备案通知到期时间" prop="filingsDateDateIs" v-bind="labelColContractDate">
+                <a-radio-group v-model:value="infoModel.filingsDateDateIs" size="large">
+                  <a-radio :value="'0'">
+                    <a-date-picker style="min-width:50px"
+                                   :disabled="infoModel.filingsDateDateIs== '1'?true:false"
+                                   v-model="infoModel.filingsDateDate"
+                                   format="YYYY-MM-DD"
+                                   showTime valueFormat="YYYY-MM-DD"/>
+                  </a-radio>
+                  <a-radio :value="'1'" @click="contractDateClick('filingsDateDate')">长期</a-radio>
                 </a-radio-group>
               </a-form-model-item>
             </a-col>
-            <a-col :span="8"  v-if='infoModel.filingsDateDateIs==="0" ' >
-              <a-form-model-item label="备案通知到期时间" prop="filingsDateDate" v-bind="labelCol8">
-                <a-date-picker  style="min-width:50px; width: 68% "  v-model="infoModel.filingsDateDate"
-                                format="YYYY-MM-DD"
-                                showTime valueFormat="YYYY-MM-DD"/>
-                <a-button  @click="backDate('filingsDate')" >长期</a-button>
-              </a-form-model-item>
 
-            </a-col>
+<!--             <a-col :span="8" v-if='infoModel.filingsDateDateIs==="" || infoModel.filingsDateDateIs===null || infoModel.filingsDateDateIs==="1" '>-->
+<!--              <a-form-model-item label="备案到期时间是否长期" prop="filingsDateDateIs" v-bind="labelCol8">-->
+<!--                <a-radio-group v-model="infoModel.filingsDateDateIs" button-style="solid"  >-->
+<!--                  <a-radio-button value="0">否</a-radio-button>-->
+<!--                  <a-radio-button value="1">是</a-radio-button>-->
+<!--                </a-radio-group>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+<!--            <a-col :span="8"  v-if='infoModel.filingsDateDateIs==="0" ' >-->
+<!--              <a-form-model-item label="备案通知到期时间" prop="filingsDateDate" v-bind="labelCol8">-->
+<!--                <a-date-picker  style="min-width:50px; width: 68% "  v-model="infoModel.filingsDateDate"-->
+<!--                                format="YYYY-MM-DD"-->
+<!--                                showTime valueFormat="YYYY-MM-DD"/>-->
+<!--                <a-button  @click="backDate('filingsDate')" >长期</a-button>-->
+<!--              </a-form-model-item>-->
 
+<!--            </a-col>-->
 
-            <a-col :span="8" v-if='infoModel.permitDateDateIs==="" || infoModel.permitDateDateIs===null || infoModel.permitDateDateIs==="1" '>
-              <a-form-model-item label="增值业务许可证是否长期"   :prop='infoModel.isCsp==="1"?"permitDateDateIs":""'  v-bind="labelCol8">
-                <a-radio-group v-model="infoModel.permitDateDateIs" button-style="solid"  >
-                  <a-radio-button value="0">否</a-radio-button>
-                  <a-radio-button value="1">是</a-radio-button>
+            <a-col :span="10" >
+              <a-form-model-item label="增值业务许可证到期时间" :prop='infoModel.isCsp==="1"?"permitDateDateIs":""' v-bind="labelColContractDate">
+                <a-radio-group v-model:value=" infoModel.permitDateDateIs" size="large">
+                  <a-radio :value="'0'">
+                    <a-date-picker style="min-width:50px"
+                                   :disabled=" infoModel.permitDateDateIs== '1'?true:false"
+                                   v-model=" infoModel.permitDateDate"
+                                   format="YYYY-MM-DD"
+                                   showTime valueFormat="YYYY-MM-DD"/>
+                  </a-radio>
+                  <a-radio :value="'1'" @click="contractDateClick('permitDateDate')">长期</a-radio>
                 </a-radio-group>
               </a-form-model-item>
             </a-col>
-            <a-col :span="8"  v-if='infoModel.permitDateDateIs==="0" ' >
-              <a-form-model-item label="增值业务许可证到期时间" :prop='infoModel.isCsp==="1"?"permitDateDate":""'  v-bind="labelCol8">
-                <a-date-picker  style="min-width:50px; width: 68% "  v-model="infoModel.permitDateDate"
-                                format="YYYY-MM-DD"
-                                showTime valueFormat="YYYY-MM-DD"/>
-                <a-button  @click="backDate('permitDate')" >长期</a-button>
-              </a-form-model-item>
-            </a-col>
+
+<!--            <a-col :span="8" v-if='infoModel.permitDateDateIs==="" || infoModel.permitDateDateIs===null || infoModel.permitDateDateIs==="1" '>-->
+<!--              <a-form-model-item label="增值业务许可证是否长期"   :prop='infoModel.isCsp==="1"?"permitDateDateIs":""'  v-bind="labelCol8">-->
+<!--                <a-radio-group v-model="infoModel.permitDateDateIs" button-style="solid"  >-->
+<!--                  <a-radio-button value="0">否</a-radio-button>-->
+<!--                  <a-radio-button value="1">是</a-radio-button>-->
+<!--                </a-radio-group>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+<!--            <a-col :span="8"  v-if='infoModel.permitDateDateIs==="0" ' >-->
+<!--              <a-form-model-item label="增值业务许可证到期时间" :prop='infoModel.isCsp==="1"?"permitDateDate":""'  v-bind="labelCol8">-->
+<!--                <a-date-picker  style="min-width:50px; width: 68% "  v-model="infoModel.permitDateDate"-->
+<!--                                format="YYYY-MM-DD"-->
+<!--                                showTime valueFormat="YYYY-MM-DD"/>-->
+<!--                <a-button  @click="backDate('permitDate')" >长期</a-button>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
 <!--            <a-col :span="8">-->
 <!--              <a-form-model-item label="资料是否完整" prop="isAll" v-bind="labelCol4">-->
 <!--                <a-radio-group v-model="infoModel.isAll" button-style="solid" >-->
@@ -2632,6 +2711,16 @@ export default {
           sm: {span: 12},
         }
       },
+      labelColContractDate: {
+        labelCol: {
+          xs: {span: 24},
+          sm: {span: 9},
+        },
+        wrapperCol: {
+          xs: {span: 24},
+          sm: {span: 15},
+        }
+      },
       labelCol8: {
         labelCol: {
           xs: {span: 24},
@@ -2984,6 +3073,29 @@ export default {
       /**材料标签点击事件*/
       this.shutdownLabelClick()
     },
+    contractDateClick(name) {
+      if (name =='contractDateDate'){
+        this.infoModel.contractDateDateIs = "1"
+        this.infoModel.contractDateDate = ""
+      }
+      if (name =='businessLicenseDateDate'){
+        this.infoModel.businessLicenseDateDateIs = "1"
+        this.infoModel.businessLicenseDateDate = ""
+      }
+      if (name =='codeNumberDateDate'){
+        this.infoModel.codeNumberDateDateIs = "1"
+        this.infoModel.codeNumberDateDate = ""
+      }
+      if (name =='filingsDateDate'){
+        this.infoModel.filingsDateDateIs = "1"
+        this.infoModel.filingsDateDate = ""
+      }
+      if (name =='permitDateDate'){
+        this.infoModel.permitDateDateIs = "1"
+        this.infoModel.permitDateDate = ""
+      }
+
+    },
     //材料不全有特审步骤条
     stepsMaterialLabel() {
       if (this.infoModel.materialLabel == "0" || this.infoModel.shutdownLabel == "999") {

src/views/smscheck/modules/TaskUploadDataZG.vue

@@ -110,92 +110,163 @@
               </a-form-model-item>
             </a-col>
 
-            <a-col :span="8" v-if='infoModel.contractDateDateIs==="" || infoModel.contractDateDateIs===null || infoModel.contractDateDateIs==="1" '>
-              <a-form-model-item label="合同到期时间是否长期" prop="contractDateDateIs" v-bind="labelCol4">
-                <a-radio-group  :disabled='isShow' v-model="infoModel.contractDateDateIs" button-style="solid" @change="stepLoading">
-                  <a-radio-button value="0">否</a-radio-button>
-                  <a-radio-button value="1">是</a-radio-button>
-                </a-radio-group>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="8"  v-if='infoModel.contractDateDateIs==="0" ' >
-              <a-form-model-item label="合同到期时间" prop="contractDateDate" v-bind="labelCol4">
-                <a-date-picker  style="min-width:50px; width: 68% "   :disabled='isShow'   v-model="infoModel.contractDateDate"
-                               format="YYYY-MM-DD"
-                               showTime valueFormat="YYYY-MM-DD"/>
-                <a-button  @click="backDate('contractDate')" >长期</a-button>
-              </a-form-model-item>
 
-            </a-col>
-            <a-col :span="8" v-if='infoModel.businessLicenseDateDateIs==="" || infoModel.businessLicenseDateDateIs===null || infoModel.businessLicenseDateDateIs==="1" '>
-              <a-form-model-item label="营业执照有效期是否长期" prop="businessLicenseDateDateIs" v-bind="labelCol4">
-                <a-radio-group  :disabled='isShow' v-model="infoModel.businessLicenseDateDateIs" button-style="solid"  >
-                  <a-radio-button value="0">否</a-radio-button>
-                  <a-radio-button value="1">是</a-radio-button>
+            <a-col :span="10" >
+              <a-form-model-item label="合同到期时间" prop="contractDateDateIs" v-bind="labelColContractDate">
+                <a-radio-group v-model:value="infoModel.contractDateDateIs" size="large">
+                  <a-radio :value="'0'">
+                    <a-date-picker style="min-width:50px"
+                                   :disabled="infoModel.contractDateDateIs== '1'?true:false"
+                                   v-model="infoModel.contractDateDate"
+                                   format="YYYY-MM-DD"
+                                   showTime valueFormat="YYYY-MM-DD"/>
+                  </a-radio>
+                  <a-radio :value="'1'" @click="contractDateClick('contractDateDate')">长期</a-radio>
                 </a-radio-group>
               </a-form-model-item>
             </a-col>
-            <a-col :span="8" v-if='infoModel.businessLicenseDateDateIs==="0"'>
-              <a-form-model-item label="营业执照到期时间" prop="businessLicenseDateDate" v-bind="labelCol4">
-                <a-date-picker  style="min-width:50px; width: 68% "   :disabled='isShow'    v-model="infoModel.businessLicenseDateDate"
-                                format="YYYY-MM-DD"
-                                showTime valueFormat="YYYY-MM-DD"/>
-                <a-button  @click="backDate('businessLicenseDate')" >长期</a-button>
-              </a-form-model-item>
-
-            </a-col>
-            <a-col :span="8" v-if='infoModel.codeNumberDateDateIs==="" || infoModel.codeNumberDateDateIs===null || infoModel.codeNumberDateDateIs==="1" '>
-              <a-form-model-item label="码号证书有效期是否长期" prop="codeNumberDateDateIs" v-bind="labelCol4">
-                <a-radio-group  :disabled='isShow' v-model="infoModel.codeNumberDateDateIs" button-style="solid"  >
-                  <a-radio-button value="0">否</a-radio-button>
-                  <a-radio-button value="1">是</a-radio-button>
+            <a-col :span="10" >
+              <a-form-model-item label="营业执照到期时间" prop="businessLicenseDateDateIs" v-bind="labelColContractDate">
+                <a-radio-group v-model:value="infoModel.businessLicenseDateDateIs" size="large">
+                  <a-radio :value="'0'">
+                    <a-date-picker style="min-width:50px"
+                                   :disabled="infoModel.businessLicenseDateDateIs== '1'?true:false"
+                                   v-model="infoModel.businessLicenseDateDate"
+                                   format="YYYY-MM-DD"
+                                   showTime valueFormat="YYYY-MM-DD"/>
+                  </a-radio>
+                  <a-radio :value="'1'" @click="contractDateClick('businessLicenseDateDate')">长期</a-radio>
                 </a-radio-group>
               </a-form-model-item>
             </a-col>
-            <a-col :span="8" v-if='infoModel.codeNumberDateDateIs==="0" '>
-              <a-form-model-item label="码号证书到期时间" prop="codeNumberDateDate" v-bind="labelCol4">
-                <a-date-picker  style="min-width:50px; width: 68% "   :disabled='isShow'    v-model="infoModel.codeNumberDateDate"
-                                format="YYYY-MM-DD"
-                                showTime valueFormat="YYYY-MM-DD"/>
-                <a-button  @click="backDate('codeNumberDate')" >长期</a-button>
+            <a-col :span="10" >
+              <a-form-model-item label="码号证书到期时间" prop="codeNumberDateDateIs" v-bind="labelColContractDate">
+                <a-radio-group v-model:value="infoModel.codeNumberDateDateIs" size="large">
+                  <a-radio :value="'0'">
+                    <a-date-picker style="min-width:50px"
+                                   :disabled="infoModel.codeNumberDateDateIs== '1'?true:false"
+                                   v-model="infoModel.codeNumberDateDate"
+                                   format="YYYY-MM-DD"
+                                   showTime valueFormat="YYYY-MM-DD"/>
+                  </a-radio>
+                  <a-radio :value="'1'" @click="contractDateClick('codeNumberDateDate')">长期</a-radio>
+                </a-radio-group>
               </a-form-model-item>
-
             </a-col>
-            <a-col :span="8" v-if='infoModel.filingsDateDateIs==="" || infoModel.filingsDateDateIs===null || infoModel.filingsDateDateIs==="1" '>
-              <a-form-model-item label="备案到期时间是否长期" prop="filingsDateDateIs" v-bind="labelCol4">
-                <a-radio-group  :disabled='isShow' v-model="infoModel.filingsDateDateIs" button-style="solid"  >
-                  <a-radio-button value="0">否</a-radio-button>
-                  <a-radio-button value="1">是</a-radio-button>
+            <a-col :span="10" >
+              <a-form-model-item label="备案通知到期时间" prop="filingsDateDateIs" v-bind="labelColContractDate">
+                <a-radio-group v-model:value="infoModel.filingsDateDateIs" size="large">
+                  <a-radio :value="'0'">
+                    <a-date-picker style="min-width:50px"
+                                   :disabled="infoModel.filingsDateDateIs== '1'?true:false"
+                                   v-model="infoModel.filingsDateDate"
+                                   format="YYYY-MM-DD"
+                                   showTime valueFormat="YYYY-MM-DD"/>
+                  </a-radio>
+                  <a-radio :value="'1'" @click="contractDateClick('filingsDateDate')">长期</a-radio>
                 </a-radio-group>
               </a-form-model-item>
             </a-col>
-            <a-col :span="8"  v-if='infoModel.filingsDateDateIs==="0" '>
-              <a-form-model-item label="备案通知到期时间" prop="filingsDateDate" v-bind="labelCol4">
-                <a-date-picker  style="min-width:50px; width: 68% "   :disabled='isShow'     v-model="infoModel.filingsDateDate"
-                                format="YYYY-MM-DD"
-                                showTime valueFormat="YYYY-MM-DD"/>
-                <a-button  @click="backDate('filingsDate')" >长期</a-button>
+            <a-col :span="10" >
+              <a-form-model-item label="增值业务许可证到期时间" :prop='infoModel.isCsp==="1"?"permitDateDateIs":""' v-bind="labelColContractDate">
+                <a-radio-group v-model:value=" infoModel.permitDateDateIs" size="large">
+                  <a-radio :value="'0'">
+                    <a-date-picker style="min-width:50px"
+                                   :disabled=" infoModel.permitDateDateIs== '1'?true:false"
+                                   v-model=" infoModel.permitDateDate"
+                                   format="YYYY-MM-DD"
+                                   showTime valueFormat="YYYY-MM-DD"/>
+                  </a-radio>
+                  <a-radio :value="'1'" @click="contractDateClick('permitDateDate')">长期</a-radio>
+                </a-radio-group>
               </a-form-model-item>
             </a-col>
+<!--            <a-col :span="8" v-if='infoModel.contractDateDateIs==="" || infoModel.contractDateDateIs===null || infoModel.contractDateDateIs==="1" '>-->
+<!--              <a-form-model-item label="合同到期时间是否长期" prop="contractDateDateIs" v-bind="labelCol4">-->
+<!--                <a-radio-group  :disabled='isShow' v-model="infoModel.contractDateDateIs" button-style="solid" @change="stepLoading">-->
+<!--                  <a-radio-button value="0">否</a-radio-button>-->
+<!--                  <a-radio-button value="1">是</a-radio-button>-->
+<!--                </a-radio-group>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+<!--            <a-col :span="8"  v-if='infoModel.contractDateDateIs==="0" ' >-->
+<!--              <a-form-model-item label="合同到期时间" prop="contractDateDate" v-bind="labelCol4">-->
+<!--                <a-date-picker  style="min-width:50px; width: 68% "   :disabled='isShow'   v-model="infoModel.contractDateDate"-->
+<!--                               format="YYYY-MM-DD"-->
+<!--                               showTime valueFormat="YYYY-MM-DD"/>-->
+<!--                <a-button  @click="backDate('contractDate')" >长期</a-button>-->
+<!--              </a-form-model-item>-->
 
+<!--            </a-col>-->
+<!--            <a-col :span="8" v-if='infoModel.businessLicenseDateDateIs==="" || infoModel.businessLicenseDateDateIs===null || infoModel.businessLicenseDateDateIs==="1" '>-->
+<!--              <a-form-model-item label="营业执照有效期是否长期" prop="businessLicenseDateDateIs" v-bind="labelCol4">-->
+<!--                <a-radio-group  :disabled='isShow' v-model="infoModel.businessLicenseDateDateIs" button-style="solid"  >-->
+<!--                  <a-radio-button value="0">否</a-radio-button>-->
+<!--                  <a-radio-button value="1">是</a-radio-button>-->
+<!--                </a-radio-group>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+<!--            <a-col :span="8" v-if='infoModel.businessLicenseDateDateIs==="0"'>-->
+<!--              <a-form-model-item label="营业执照到期时间" prop="businessLicenseDateDate" v-bind="labelCol4">-->
+<!--                <a-date-picker  style="min-width:50px; width: 68% "   :disabled='isShow'    v-model="infoModel.businessLicenseDateDate"-->
+<!--                                format="YYYY-MM-DD"-->
+<!--                                showTime valueFormat="YYYY-MM-DD"/>-->
+<!--                <a-button  @click="backDate('businessLicenseDate')" >长期</a-button>-->
+<!--              </a-form-model-item>-->
 
-            <a-col :span="8" v-if='infoModel.permitDateDateIs==="" || infoModel.permitDateDateIs===null || infoModel.permitDateDateIs==="1" '>
-              <a-form-model-item label="增值业务许可证是否长期"   :prop='infoModel.isCsp==="1"?"permitDateDateIs":""'  v-bind="labelCol4">
-                <a-radio-group  :disabled='isShow' v-model="infoModel.permitDateDateIs" button-style="solid"  >
-                  <a-radio-button value="0">否</a-radio-button>
-                  <a-radio-button value="1">是</a-radio-button>
-                </a-radio-group>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="8"  v-if='infoModel.permitDateDateIs==="0" '>
-              <a-form-model-item label="增值业务许可证到期时间" :prop='infoModel.isCsp==="1"?"permitDateDate":""'  v-bind="labelCol4">
-                <a-date-picker  style="min-width:50px; width: 68% "   :disabled='isShow'   v-model="infoModel.permitDateDate"
-                                format="YYYY-MM-DD"
-                                showTime valueFormat="YYYY-MM-DD"/>
-                <a-button  @click="backDate('permitDate')" >长期</a-button>
-              </a-form-model-item>
+<!--            </a-col>-->
+<!--            <a-col :span="8" v-if='infoModel.codeNumberDateDateIs==="" || infoModel.codeNumberDateDateIs===null || infoModel.codeNumberDateDateIs==="1" '>-->
+<!--              <a-form-model-item label="码号证书有效期是否长期" prop="codeNumberDateDateIs" v-bind="labelCol4">-->
+<!--                <a-radio-group  :disabled='isShow' v-model="infoModel.codeNumberDateDateIs" button-style="solid"  >-->
+<!--                  <a-radio-button value="0">否</a-radio-button>-->
+<!--                  <a-radio-button value="1">是</a-radio-button>-->
+<!--                </a-radio-group>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+<!--            <a-col :span="8" v-if='infoModel.codeNumberDateDateIs==="0" '>-->
+<!--              <a-form-model-item label="码号证书到期时间" prop="codeNumberDateDate" v-bind="labelCol4">-->
+<!--                <a-date-picker  style="min-width:50px; width: 68% "   :disabled='isShow'    v-model="infoModel.codeNumberDateDate"-->
+<!--                                format="YYYY-MM-DD"-->
+<!--                                showTime valueFormat="YYYY-MM-DD"/>-->
+<!--                <a-button  @click="backDate('codeNumberDate')" >长期</a-button>-->
+<!--              </a-form-model-item>-->
 
-            </a-col>
+<!--            </a-col>-->
+<!--            <a-col :span="8" v-if='infoModel.filingsDateDateIs==="" || infoModel.filingsDateDateIs===null || infoModel.filingsDateDateIs==="1" '>-->
+<!--              <a-form-model-item label="备案到期时间是否长期" prop="filingsDateDateIs" v-bind="labelCol4">-->
+<!--                <a-radio-group  :disabled='isShow' v-model="infoModel.filingsDateDateIs" button-style="solid"  >-->
+<!--                  <a-radio-button value="0">否</a-radio-button>-->
+<!--                  <a-radio-button value="1">是</a-radio-button>-->
+<!--                </a-radio-group>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+<!--            <a-col :span="8"  v-if='infoModel.filingsDateDateIs==="0" '>-->
+<!--              <a-form-model-item label="备案通知到期时间" prop="filingsDateDate" v-bind="labelCol4">-->
+<!--                <a-date-picker  style="min-width:50px; width: 68% "   :disabled='isShow'     v-model="infoModel.filingsDateDate"-->
+<!--                                format="YYYY-MM-DD"-->
+<!--                                showTime valueFormat="YYYY-MM-DD"/>-->
+<!--                <a-button  @click="backDate('filingsDate')" >长期</a-button>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+
+
+<!--            <a-col :span="8" v-if='infoModel.permitDateDateIs==="" || infoModel.permitDateDateIs===null || infoModel.permitDateDateIs==="1" '>-->
+<!--              <a-form-model-item label="增值业务许可证是否长期"   :prop='infoModel.isCsp==="1"?"permitDateDateIs":""'  v-bind="labelCol4">-->
+<!--                <a-radio-group  :disabled='isShow' v-model="infoModel.permitDateDateIs" button-style="solid"  >-->
+<!--                  <a-radio-button value="0">否</a-radio-button>-->
+<!--                  <a-radio-button value="1">是</a-radio-button>-->
+<!--                </a-radio-group>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+<!--            <a-col :span="8"  v-if='infoModel.permitDateDateIs==="0" '>-->
+<!--              <a-form-model-item label="增值业务许可证到期时间" :prop='infoModel.isCsp==="1"?"permitDateDate":""'  v-bind="labelCol4">-->
+<!--                <a-date-picker  style="min-width:50px; width: 68% "   :disabled='isShow'   v-model="infoModel.permitDateDate"-->
+<!--                                format="YYYY-MM-DD"-->
+<!--                                showTime valueFormat="YYYY-MM-DD"/>-->
+<!--                <a-button  @click="backDate('permitDate')" >长期</a-button>-->
+<!--              </a-form-model-item>-->
+
+<!--            </a-col>-->
 <!--            <a-col :span="8">-->
 <!--              <a-form-model-item label="资料是否完整" prop="isAll" v-bind="labelCol4">-->
 <!--                <a-radio-group  :disabled='isShow' v-model="infoModel.isAll" button-style="solid" @change="stepLoading">-->
@@ -2893,6 +2964,16 @@ export default {
           sm: {span: 14},
         }
       },
+      labelColContractDate: {
+        labelCol: {
+          xs: {span: 24},
+          sm: {span: 9},
+        },
+        wrapperCol: {
+          xs: {span: 24},
+          sm: {span: 15},
+        }
+      },
       labelCol1Note2: {
         labelCol: {
           xs: {span: 24},
@@ -3151,6 +3232,29 @@ export default {
       a.setAttribute("target", "_blank");
       a.click();
     },
+    contractDateClick(name) {
+      if (name =='contractDateDate'){
+        this.infoModel.contractDateDateIs = "1"
+        this.infoModel.contractDateDate = ""
+      }
+      if (name =='businessLicenseDateDate'){
+        this.infoModel.businessLicenseDateDateIs = "1"
+        this.infoModel.businessLicenseDateDate = ""
+      }
+      if (name =='codeNumberDateDate'){
+        this.infoModel.codeNumberDateDateIs = "1"
+        this.infoModel.codeNumberDateDate = ""
+      }
+      if (name =='filingsDateDate'){
+        this.infoModel.filingsDateDateIs = "1"
+        this.infoModel.filingsDateDate = ""
+      }
+      if (name =='permitDateDate'){
+        this.infoModel.permitDateDateIs = "1"
+        this.infoModel.permitDateDate = ""
+      }
+
+    },
     /**备注坚听*/
     textareaChange(name, nameRemark) {
       if (this.infoModel[nameRemark].length > 0) {

src/views/truckCheck/TaskUploadData.vue

@@ -138,41 +138,67 @@
 
 
             <!--风险评估等级（非办公自用需提供）-->
-
-            <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>
-                  <a-radio-button value="1">是</a-radio-button>
-                </a-radio-group>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="9"  v-if='infoModel.contractDateIs==="0" ' >
-              <a-form-model-item label="合同到期时间" prop="contractDate" v-bind="labelCol6">
-                <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="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>
-                  <a-radio-button value="1">是</a-radio-button>
+            <a-col :span="10" >
+              <a-form-model-item label="合同到期时间" prop="contractDateIs" v-bind="labelColContractDate">
+                <a-radio-group v-model:value="infoModel.contractDateIs" size="large">
+                  <a-radio :value="'0'">
+                    <a-date-picker style="min-width:50px"
+                                   :disabled="infoModel.contractDateIs== '1'?true:false"
+                                   v-model="infoModel.contractDate"
+                                   format="YYYY-MM-DD"
+                                   showTime valueFormat="YYYY-MM-DD"/>
+                  </a-radio>
+                  <a-radio :value="'1'" @click="contractDateClick('contractDate')">长期</a-radio>
                 </a-radio-group>
               </a-form-model-item>
             </a-col>
-            <a-col :span="9" v-if='infoModel.businessLicenseDateIs==="0"'>
-              <a-form-model-item label="营业执照到期时间" prop="businessLicenseDate" v-bind="labelCol4">
-                <a-date-picker      style="min-width:50px; width: 67% " v-model="infoModel.businessLicenseDate"
+<!--            <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>-->
+<!--                  <a-radio-button value="1">是</a-radio-button>-->
+<!--                </a-radio-group>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+<!--            <a-col :span="9"  v-if='infoModel.contractDateIs==="0" ' >-->
+<!--              <a-form-model-item label="合同到期时间" prop="contractDate" v-bind="labelCol6">-->
+<!--                <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="10" >
+              <a-form-model-item label="营业执照到期时间" prop="businessLicenseDateIs" v-bind="labelColContractDate">
+                <a-radio-group v-model:value="infoModel.businessLicenseDateIs" size="large">
+                  <a-radio :value="'0'">
+                    <a-date-picker style="min-width:50px"
+                                   :disabled="infoModel.businessLicenseDateIs== '1'?true:false"
+                                   v-model="infoModel.businessLicenseDate"
                                    format="YYYY-MM-DD"
                                    showTime valueFormat="YYYY-MM-DD"/>
-                <a-button  @click="back('businessLicenseDate')" >长期</a-button>
+                  </a-radio>
+                  <a-radio :value="'1'" @click="contractDateClick('businessLicenseDate')">长期</a-radio>
+                </a-radio-group>
               </a-form-model-item>
-
             </a-col>
+<!--            <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>-->
+<!--                  <a-radio-button value="1">是</a-radio-button>-->
+<!--                </a-radio-group>-->
+<!--              </a-form-model-item>-->
+<!--            </a-col>-->
+<!--            <a-col :span="9" v-if='infoModel.businessLicenseDateIs==="0"'>-->
+<!--              <a-form-model-item label="营业执照到期时间" prop="businessLicenseDate" v-bind="labelCol4">-->
+<!--                <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>-->
+<!--              </a-form-model-item>-->
+
+<!--            </a-col>-->
             <!--        （第一类客户办公自用除外，不需提供）-->
             <a-col :span="10" v-if='infoModel.customType=="1"'>
               <a-form-model-item label="房屋租赁合同到期时间"  prop="houseDate"   v-bind="labelCol4">
@@ -3616,6 +3642,16 @@ export default {
           sm: {span: 12},
         }
       },
+      labelColContractDate: {
+        labelCol: {
+          xs: {span: 24},
+          sm: {span: 9},
+        },
+        wrapperCol: {
+          xs: {span: 24},
+          sm: {span: 15},
+        }
+      },
       labelCol5: {
         labelCol: {
           xs: {span: 24},
@@ -3881,6 +3917,17 @@ export default {
         this.infoModel.businessLicenseDate=""
       }
     },
+    contractDateClick(name) {
+      if (name =='contractDate'){
+        this.infoModel.contractDateIs = "1"
+        this.infoModel.contractDate = ""
+      }
+      if (name =='businessLicenseDate'){
+        this.infoModel.businessLicenseDateIs = "1"
+        this.infoModel.businessLicenseDate = ""
+      }
+
+    },
     /**暂存*/
     addIsStaging() {
       this.uploading = true;

src/views/truckCheck/modules/TaskCheckAudit.vue

@@ -286,41 +286,68 @@
           </a-col>
 
 
-
-          <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>
-                <a-radio-button value="1">是</a-radio-button>
+          <a-col :span="10" >
+            <a-form-model-item label="合同到期时间" prop="contractDateIs" v-bind="labelColContractDate">
+              <a-radio-group v-model:value="infoModel.contractDateIs" size="large">
+                <a-radio :value="'0'">
+                  <a-date-picker style="min-width:50px"
+                                 :disabled="infoModel.contractDateIs== '1'?true:false"
+                                 v-model="infoModel.contractDate"
+                                 format="YYYY-MM-DD"
+                                 showTime valueFormat="YYYY-MM-DD"/>
+                </a-radio>
+                <a-radio :value="'1'" @click="contractDateClick('contractDate')">长期</a-radio>
               </a-radio-group>
             </a-form-model-item>
           </a-col>
-          <a-col :span="8"  v-if='infoModel.contractDateIs==="0" ' >
-            <a-form-model-item label="合同到期时间" prop="contractDate" v-bind="labelCol6">
-              <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>
-            </a-form-model-item>
-          </a-col>
+<!--          <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>-->
+<!--                <a-radio-button value="1">是</a-radio-button>-->
+<!--              </a-radio-group>-->
+<!--            </a-form-model-item>-->
+<!--          </a-col>-->
+<!--          <a-col :span="8"  v-if='infoModel.contractDateIs==="0" ' >-->
+<!--            <a-form-model-item label="合同到期时间" prop="contractDate" v-bind="labelCol6">-->
+<!--              <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>-->
+<!--            </a-form-model-item>-->
+<!--          </a-col>-->
 
-          <a-col :span="7" v-if='infoModel.businessLicenseDateIs==="" || infoModel.businessLicenseDateIs===null || infoModel.businessLicenseDateIs==="1" '>
-            <a-form-model-item label="营业执照有效期是否长期" prop="businessLicenseDateIs" v-bind="labelCol5">
-              <a-radio-group :disabled="infoModel.infoResult==='1'?true:false"   v-model="infoModel.businessLicenseDateIs" button-style="solid"  >
-                <a-radio-button value="0">否</a-radio-button>
-                <a-radio-button value="1">是</a-radio-button>
+<!--          <a-col :span="7" v-if='infoModel.businessLicenseDateIs==="" || infoModel.businessLicenseDateIs===null || infoModel.businessLicenseDateIs==="1" '>-->
+<!--            <a-form-model-item label="营业执照有效期是否长期" prop="businessLicenseDateIs" v-bind="labelCol5">-->
+<!--              <a-radio-group :disabled="infoModel.infoResult==='1'?true:false"   v-model="infoModel.businessLicenseDateIs" button-style="solid"  >-->
+<!--                <a-radio-button value="0">否</a-radio-button>-->
+<!--                <a-radio-button value="1">是</a-radio-button>-->
+<!--              </a-radio-group>-->
+<!--            </a-form-model-item>-->
+<!--          </a-col>-->
+<!--          <a-col :span="7" v-if='infoModel.businessLicenseDateIs==="0"'>-->
+<!--            <a-form-model-item label="营业执照到期时间" prop="businessLicenseDate" v-bind="labelCol4">-->
+<!--              <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>-->
+<!--            </a-form-model-item>-->
+
+<!--          </a-col>-->
+          <a-col :span="10" >
+            <a-form-model-item label="营业执照到期时间" prop="businessLicenseDateIs" v-bind="labelColContractDate">
+              <a-radio-group v-model:value="infoModel.businessLicenseDateIs" size="large">
+                <a-radio :value="'0'">
+                  <a-date-picker style="min-width:50px"
+                                 :disabled="infoModel.businessLicenseDateIs== '1'?true:false"
+                                 v-model="infoModel.businessLicenseDate"
+                                 format="YYYY-MM-DD"
+                                 showTime valueFormat="YYYY-MM-DD"/>
+                </a-radio>
+                <a-radio :value="'1'" @click="contractDateClick('businessLicenseDate')">长期</a-radio>
               </a-radio-group>
             </a-form-model-item>
           </a-col>
-          <a-col :span="7" v-if='infoModel.businessLicenseDateIs==="0"'>
-            <a-form-model-item label="营业执照到期时间" prop="businessLicenseDate" v-bind="labelCol4">
-              <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>
-            </a-form-model-item>
-
-          </a-col>
           <!--        （第一类客户办公自用除外，不需提供）-->
           <a-col :span="9"  v-if='infoModel.customType=="1"'>
             <a-form-model-item label="房屋租赁合同到期时间"  prop='houseDate'   v-bind="labelCol4">
@@ -3597,6 +3624,16 @@ export default {
           sm: {span: 12},
         }
       },
+      labelColContractDate: {
+        labelCol: {
+          xs: {span: 24},
+          sm: {span: 9},
+        },
+        wrapperCol: {
+          xs: {span: 24},
+          sm: {span: 15},
+        }
+      },
       labelCol10: {
         labelCol: {
           xs: {span: 24},
@@ -4665,6 +4702,17 @@ export default {
       a.setAttribute("target", "_blank");
       a.click();
     },
+    contractDateClick(name) {
+      if (name =='contractDate'){
+        this.infoModel.contractDateIs = "1"
+        this.infoModel.contractDate = ""
+      }
+      if (name =='businessLicenseDate'){
+        this.infoModel.businessLicenseDateIs = "1"
+        this.infoModel.businessLicenseDate = ""
+      }
+
+    },
     /**移除文件*/
     removeFile(fileData, fileAttribute) {
       let that = this.infoModel;