Explorar el Código

店铺端店铺页面优化加入长期选项,回显证书编号

yjwang hace 1 semana
padre
commit
188b908f38
Se han modificado 1 ficheros con 293 adiciones y 102 borrados
  1. 293 102
      src/views/store/storeConfig/userInfo.vue

+ 293 - 102
src/views/store/storeConfig/userInfo.vue

@@ -107,6 +107,11 @@
               <i v-else class="el-icon-plus avatar-uploader-icon"></i>
             </el-upload>
           </el-form-item>
+          <el-col :span="12">
+            <el-form-item label="营业执照编号" prop="businessCode" style="margin-left: 5px;margin-bottom: 20px">
+              <el-input v-model="form.businessCode" placeholder="请输入营业制造编号" />
+            </el-form-item>
+          </el-col>
         </el-col>
         <el-col :span="12">
           <el-form-item label="营业执照是否长期有效" prop="isBusinessLicensePermanent">
@@ -135,27 +140,38 @@
           <el-col :span="12">
             <el-form-item label="药品经营许可证上传" prop="drugLicense">
               <el-upload
+                class="avatar-uploader"
                 :action="uploadUrl"
-                :before-upload="beforeAvatarUpload"
-                :on-success="(response, file) => handleFileSuccess(response, file, 'drugLicense')"
                 :show-file-list="false"
-                class="avatar-uploader"
-              >
+                :on-success="(response, file) => handleFileSuccess(response, file, 'drugLicense')"
+                :before-upload="beforeAvatarUpload">
                 <img v-if="form.drugLicense" :src="form.drugLicense" class="avatar" width="100px">
                 <i v-else class="el-icon-plus avatar-uploader-icon"></i>
               </el-upload>
             </el-form-item>
+            <el-col :span="14">
+              <el-form-item label="药品经营许可证编号" prop="drugCode" style="margin-left: 5px">
+                <el-input v-model="form.drugCode" placeholder="请输入药品经营许可证编号" />
+              </el-form-item>
+            </el-col>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="药品经营许可证有效期" prop="drugLicenseExpiry">
+            <el-form-item label="药品经营许可证是否长期有效" prop="isDrugLicensePermanent">
+              <el-switch
+                @change="switchChange()"
+                v-model="drugLicenseValue"
+                active-color="#13ce66"
+                inactive-color="#ff4949">
+              </el-switch>
+            </el-form-item>
+            <el-form-item label="药品经营许可证有效期" prop="drugLicenseExpiry" v-if="!drugLicenseValue">
               <el-date-picker
                 v-model="form.drugLicenseExpiry"
-                end-placeholder="结束日期"
-                range-separator="至"
-                start-placeholder="开始日期"
                 type="daterange"
                 value-format="yyyy-MM-dd"
-              >
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -164,27 +180,38 @@
           <el-col :span="12">
             <el-form-item label="1类器械生产备案上传" prop="medicalDevice1">
               <el-upload
+                class="avatar-uploader"
                 :action="uploadUrl"
-                :before-upload="beforeAvatarUpload"
-                :on-success="(response, file) => handleFileSuccess(response, file, 'medicalDevice1')"
                 :show-file-list="false"
-                class="avatar-uploader"
-              >
+                :on-success="(response, file) => handleFileSuccess(response, file, 'medicalDevice1')"
+                :before-upload="beforeAvatarUpload">
                 <img v-if="form.medicalDevice1" :src="form.medicalDevice1" class="avatar" width="100px">
                 <i v-else class="el-icon-plus avatar-uploader-icon"></i>
               </el-upload>
             </el-form-item>
+            <el-col :span="14">
+              <el-form-item label="1类器械生产备案编号" prop="medicalDevice1Code" style="margin-left: 5px">
+                <el-input v-model="form.medicalDevice1Code" placeholder="请输入1类器械生产备案编号" />
+              </el-form-item>
+            </el-col>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="1类生产备案有效期" prop="medicalDevice1Expiry">
+            <el-form-item label="1类医疗器械是否长期有效" prop="isMedicalDevice1ExpiryPermanent">
+              <el-switch
+                @change="switchChange()"
+                v-model="switchMedicalValue"
+                active-color="#13ce66"
+                inactive-color="#ff4949">
+              </el-switch>
+            </el-form-item>
+            <el-form-item label="1类生产备案有效期" prop="medicalDevice1Expiry" v-if="!switchMedicalValue">
               <el-date-picker
                 v-model="form.medicalDevice1Expiry"
-                end-placeholder="结束日期"
-                range-separator="至"
-                start-placeholder="开始日期"
                 type="daterange"
                 value-format="yyyy-MM-dd"
-              >
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -193,27 +220,39 @@
           <el-col :span="12">
             <el-form-item label="2类医疗器械备案证书上传" prop="medicalDevice2">
               <el-upload
+                class="avatar-uploader"
                 :action="uploadUrl"
-                :before-upload="beforeAvatarUpload"
-                :on-success="(response, file) => handleFileSuccess(response, file, 'medicalDevice2')"
                 :show-file-list="false"
-                class="avatar-uploader"
-              >
+                :on-success="(response, file) => handleFileSuccess(response, file, 'medicalDevice2')"
+                :before-upload="beforeAvatarUpload">
                 <img v-if="form.medicalDevice2" :src="form.medicalDevice2" class="avatar" width="100px">
                 <i v-else class="el-icon-plus avatar-uploader-icon"></i>
               </el-upload>
             </el-form-item>
+            <el-col :span="14">
+              <el-form-item label="2类器械生产备案编号" prop="medicalDevice2Code" style="margin-left: 5px">
+                <el-input v-model="form.medicalDevice2Code" placeholder="请输入2类器械生产备案编号" />
+              </el-form-item>
+            </el-col>
+
           </el-col>
           <el-col :span="12">
-            <el-form-item label="2类医疗器械备案有效期" prop="medicalDevice2Expiry">
+            <el-form-item label="2类医疗器械备案是否长期有效" prop="isMedicalDevice2ExpiryPermanent">
+              <el-switch
+                @change="switchChange()"
+                v-model="medicalDevice2ExpiryValue"
+                active-color="#13ce66"
+                inactive-color="#ff4949">
+              </el-switch>
+            </el-form-item>
+            <el-form-item label="2类医疗器械备案有效期" prop="medicalDevice2Expiry" v-if="!medicalDevice2ExpiryValue">
               <el-date-picker
                 v-model="form.medicalDevice2Expiry"
-                end-placeholder="结束日期"
-                range-separator="至"
-                start-placeholder="开始日期"
                 type="daterange"
                 value-format="yyyy-MM-dd"
-              >
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -222,27 +261,36 @@
           <el-col :span="12">
             <el-form-item label="3类器械经营许可证上传" prop="medicalDevice3">
               <el-upload
+                class="avatar-uploader"
                 :action="uploadUrl"
-                :before-upload="beforeAvatarUpload"
-                :on-success="(response, file) => handleFileSuccess(response, file, 'medicalDevice3')"
                 :show-file-list="false"
-                class="avatar-uploader"
-              >
+                :on-success="(response, file) => handleFileSuccess(response, file, 'medicalDevice3')"
+                :before-upload="beforeAvatarUpload">
                 <img v-if="form.medicalDevice3" :src="form.medicalDevice3" class="avatar" width="100px">
                 <i v-else class="el-icon-plus avatar-uploader-icon"></i>
               </el-upload>
             </el-form-item>
+            <el-form-item label="3类器械生产备案编号" prop="medicalDevice3Code" style="margin-left: 5px">
+              <el-input v-model="form.medicalDevice3Code" placeholder="请输入3类器械生产备案编号" />
+            </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="3类器械经营许可证有效期" prop="medicalDevice3Expiry">
+            <el-form-item label="3类器械经营许可证是否长期有效" prop="isMedicalDevice3ExpiryPermanent">
+              <el-switch
+                @change="switchChange()"
+                v-model="medicalDevice3ExpiryValue"
+                active-color="#13ce66"
+                inactive-color="#ff4949">
+              </el-switch>
+            </el-form-item>
+            <el-form-item label="3类器械经营许可证有效期" prop="medicalDevice3Expiry" v-if="!medicalDevice3ExpiryValue">
               <el-date-picker
                 v-model="form.medicalDevice3Expiry"
-                end-placeholder="结束日期"
-                range-separator="至"
-                start-placeholder="开始日期"
                 type="daterange"
                 value-format="yyyy-MM-dd"
-              >
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -251,27 +299,36 @@
           <el-col :span="12">
             <el-form-item label="食品经营许可证上传" prop="foodLicense">
               <el-upload
+                class="avatar-uploader"
                 :action="uploadUrl"
-                :before-upload="beforeAvatarUpload"
-                :on-success="(response, file) => handleFileSuccess(response, file, 'foodLicense')"
                 :show-file-list="false"
-                class="avatar-uploader"
-              >
+                :on-success="(response, file) => handleFileSuccess(response, file, 'foodLicense')"
+                :before-upload="beforeAvatarUpload">
                 <img v-if="form.foodLicense" :src="form.foodLicense" class="avatar" width="100px">
                 <i v-else class="el-icon-plus avatar-uploader-icon"></i>
               </el-upload>
             </el-form-item>
+            <el-form-item label="食品经营许可证编号" prop="foodCode" style="margin-left: 5px">
+              <el-input v-model="form.foodCode" placeholder="请输入食品经营许可证编号" />
+            </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="食品经营许可证有效期" prop="foodLicenseExpiry">
+            <el-form-item label="食品经营许可证是否长期有效" prop="isFoodLicenseExpiryPermanent">
+              <el-switch
+                @change="switchChange()"
+                v-model="foodLicenseExpiryValue"
+                active-color="#13ce66"
+                inactive-color="#ff4949">
+              </el-switch>
+            </el-form-item>
+            <el-form-item label="食品经营许可证有效期" prop="foodLicenseExpiry" v-if="!foodLicenseExpiryValue">
               <el-date-picker
                 v-model="form.foodLicenseExpiry"
-                end-placeholder="结束日期"
-                range-separator="至"
-                start-placeholder="开始日期"
                 type="daterange"
                 value-format="yyyy-MM-dd"
-              >
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -280,27 +337,37 @@
           <el-col :span="12">
             <el-form-item label="医疗机构执业许可证上传" prop="medicalLicense">
               <el-upload
+                class="avatar-uploader"
                 :action="uploadUrl"
-                :before-upload="beforeAvatarUpload"
-                :on-success="(response, file) => handleFileSuccess(response, file, 'medicalLicense')"
                 :show-file-list="false"
-                class="avatar-uploader"
-              >
+                :on-success="(response, file) => handleFileSuccess(response, file, 'medicalLicense')"
+                :before-upload="beforeAvatarUpload">
                 <img v-if="form.medicalLicense" :src="form.medicalLicense" class="avatar" width="100px">
                 <i v-else class="el-icon-plus avatar-uploader-icon"></i>
               </el-upload>
             </el-form-item>
+            <el-form-item label="医疗机构执业许可证编号" prop="medicalCode" style="margin-left: 5px">
+              <el-input v-model="form.medicalCode" placeholder="请输入医疗机构执业许可证编号" />
+            </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="医疗机构执业许可证有效期" prop="medicalLicenseExpiry">
+            <el-form-item label="医疗机构执业许可证是否长期有效" prop="isMedicalLicenseExpiryPermanent">
+              <el-switch
+                @change="switchChange()"
+                v-model="medicalLicenseExpiryValue"
+                active-color="#13ce66"
+                inactive-color="#ff4949">
+              </el-switch>
+            </el-form-item>
+
+            <el-form-item label="医疗机构执业许可证有效期" prop="medicalLicenseExpiry" v-if="!medicalLicenseExpiryValue">
               <el-date-picker
                 v-model="form.medicalLicenseExpiry"
-                end-placeholder="结束日期"
-                range-separator="至"
-                start-placeholder="开始日期"
                 type="daterange"
                 value-format="yyyy-MM-dd"
-              >
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -394,8 +461,13 @@ export default {
   data() {
 
     return {
-
+      dialogVisible: false,
       switchValue:false,
+      drugLicenseValue:false,
+      medicalDevice2ExpiryValue:false,
+      medicalDevice3ExpiryValue:false,
+      foodLicenseExpiryValue:false,
+      medicalLicenseExpiryValue:false,
       title:'',
       statusOptions: [],
       citys: [],
@@ -570,8 +642,8 @@ export default {
     },
     // 表单重置
     reset() {
-
       this.switchValue = false;
+      this.switchMedicalValue=false;
       this.form = {
         storeId: null,
         cityIds: null,
@@ -593,8 +665,8 @@ export default {
         isAudit: 0,
         account: null,
         password: null,
-        shippingType: ['1'],
-        brokerageType: '1',
+        shippingType: ["1"],
+        brokerageType: "1",
         brokerageRate: 0,
         fullName: null,
         // 重置新增字段
@@ -621,82 +693,154 @@ export default {
         foodLicense: null,               // 食品经营许可证文件
         foodLicenseExpiry: null,             // 食品经营许可证有效期
         medicalLicense: null,  // 医疗机构执业许可证文件
-        medicalLicenseExpiry: null // 医疗机构执业许可证有效期
-      }
+        medicalLicenseExpiry: null, // 医疗机构执业许可证有效期
+        settlementAgreement: null,  //其它资质-入驻协议
+        settlementAgreementExpiry: null,//其它资质-有效期
+        qualityAssuranceAgreement: null,//质量保证协议
+        qualityAssuranceAgreementExpiry: null,//质量保证协议有效期
+        otherSpecialQualification: null,//其它特殊资质
+        otherSpecialQualificationExpiry: null,//其它特殊资质有效期
+        businessCode: null,
+        drugCode:null,
+        medicalDevice1Code:null,
+        medicalDevice2Code:null,
+        medicalDevice3Code:null,
+        foodCode:null,
+        medicalCode:null,
+        otherSpecialQualificationCode:null,
+        qualityAssuranceAgreementCode:null,
+        settlementAgreementCode: null,
+      };
       this.resetForm('form')
     },
     /** 提交按钮 */
     submitForm() {
-      this.$refs['form'].validate(valid => {
+      this.$refs["form"].validate(valid => {
         if (valid) {
           // 处理表单数据
-          const formData = Object.assign({}, this.form)
+          const formData = Object.assign({}, this.form);
 
           // 处理城市ID
           if (formData.cityIds) {
-            formData.cityIds = formData.cityIds.toString()
+            formData.cityIds = formData.cityIds.toString();
           }
 
           // 处理配送方式
           if (formData.shippingType) {
-            formData.shippingType = formData.shippingType.toString()
+            formData.shippingType = formData.shippingType.toString();
           }
 
           // 处理日期范围字段
           if (formData.drugLicenseExpiry && formData.drugLicenseExpiry.length === 2) {
-            formData.drugLicenseExpiryStart = formData.drugLicenseExpiry[0]
-            formData.drugLicenseExpiryEnd = formData.drugLicenseExpiry[1]
+            formData.drugLicenseExpiryStart = formData.drugLicenseExpiry[0];
+            formData.drugLicenseExpiryEnd = formData.drugLicenseExpiry[1];
           }
 
           if (formData.medicalDevice2Expiry && formData.medicalDevice2Expiry.length === 2) {
-            formData.medicalDevice2ExpiryStart = formData.medicalDevice2Expiry[0]
-            formData.medicalDevice2ExpiryEnd = formData.medicalDevice2Expiry[1]
+            formData.medicalDevice2ExpiryStart = formData.medicalDevice2Expiry[0];
+            formData.medicalDevice2ExpiryEnd = formData.medicalDevice2Expiry[1];
           }
 
           if (formData.medicalDevice1Expiry && formData.medicalDevice1Expiry.length === 2) {
-            formData.medicalDevice1ExpiryStart = formData.medicalDevice1Expiry[0]
-            formData.medicalDevice1ExpiryEnd = formData.medicalDevice1Expiry[1]
+            formData.medicalDevice1ExpiryStart = formData.medicalDevice1Expiry[0];
+            formData.medicalDevice1ExpiryEnd = formData.medicalDevice1Expiry[1];
           }
 
           if (formData.medicalDevice3Expiry && formData.medicalDevice3Expiry.length === 2) {
-            formData.medicalDevice3ExpiryStart = formData.medicalDevice3Expiry[0]
-            formData.medicalDevice3ExpiryEnd = formData.medicalDevice3Expiry[1]
+            formData.medicalDevice3ExpiryStart = formData.medicalDevice3Expiry[0];
+            formData.medicalDevice3ExpiryEnd = formData.medicalDevice3Expiry[1];
           }
 
           if (formData.foodLicenseExpiry && formData.foodLicenseExpiry.length === 2) {
-            formData.foodLicenseExpiryStart = formData.foodLicenseExpiry[0]
-            formData.foodLicenseExpiryEnd = formData.foodLicenseExpiry[1]
+            formData.foodLicenseExpiryStart = formData.foodLicenseExpiry[0];
+            formData.foodLicenseExpiryEnd = formData.foodLicenseExpiry[1];
           }
 
           if (formData.medicalLicenseExpiry && formData.medicalLicenseExpiry.length === 2) {
-            formData.medicalLicenseExpiryStart = formData.medicalLicenseExpiry[0]
-            formData.medicalLicenseExpiryEnd = formData.medicalLicenseExpiry[1]
+            formData.medicalLicenseExpiryStart = formData.medicalLicenseExpiry[0];
+            formData.medicalLicenseExpiryEnd = formData.medicalLicenseExpiry[1];
           }
           if (formData.businessLicenseExpire && formData.businessLicenseExpire.length === 2) {
-            formData.businessLicenseExpireStart = formData.businessLicenseExpire[0]
-            formData.businessLicenseExpireEnd = formData.businessLicenseExpire[1]
+            formData.businessLicenseExpireStart = formData.businessLicenseExpire[0];
+            formData.businessLicenseExpireEnd = formData.businessLicenseExpire[1];
           }
-                   if(!!this.switchValue){
-              formData.isBusinessLicensePermanent = 1;
-          }else{
-              formData.isBusinessLicensePermanent = 0;
+
+          if (formData.settlementAgreementExpiry && formData.settlementAgreementExpiry.length === 2) {
+            formData.settlementAgreementStart = formData.settlementAgreementExpiry[0];
+            formData.settlementAgreementEnd = formData.settlementAgreementExpiry[1];
+          }else {
+            if(formData.settlementAgreement != null){
+              return this.$message.warning("其它资质-入驻协议,有效期开始日期或结束日期不能为空!");
+            }
+          }
+
+          if (formData.qualityAssuranceAgreementExpiry && formData.qualityAssuranceAgreementExpiry.length === 2) {
+            formData.qualityAssuranceAgreementStart = formData.qualityAssuranceAgreementExpiry[0];
+            formData.qualityAssuranceAgreementEnd = formData.qualityAssuranceAgreementExpiry[1];
+          }else {
+            if(formData.qualityAssuranceAgreement != null){
+              return this.$message.warning("质量保证协议,有效期开始日期或结束日期不能为空!");
+            }
           }
 
+          if (formData.otherSpecialQualificationExpiry && formData.otherSpecialQualificationExpiry.length === 2) {
+            formData.otherSpecialQualificationStart = formData.otherSpecialQualificationExpiry[0];
+            formData.otherSpecialQualificationEnd = formData.otherSpecialQualificationExpiry[1];
+          }else {
+            if(formData.otherSpecialQualification != null){
+              return this.$message.warning("其它特殊资质,有效期开始日期或结束日期不能为空!");
+            }
+          }
+          if(!!this.switchValue){
+            formData.isBusinessLicensePermanent = 1;
+          }else{
+            formData.isBusinessLicensePermanent = 0;
+          }
+          if(!!this.switchMedicalValue){
+            formData.isMedicalDevice1ExpiryPermanent=1;
+          }else {
+            formData.isMedicalDevice1ExpiryPermanent=0;
+          }
+          if(!!this.drugLicenseValue){
+            formData.isDrugLicensePermanent=1;
+          }else {
+            formData.isDrugLicensePermanent=0;
+          }
+          if(!!this.medicalDevice2ExpiryValue){
+            formData.isMedicalDevice2ExpiryPermanent=1;
+          }else {
+            formData.isMedicalDevice2ExpiryPermanent=0;
+          }
+          if(!!this.medicalDevice3ExpiryValue){
+            formData.isMedicalDevice3ExpiryPermanent=1;
+          }else {
+            formData.isMedicalDevice3ExpiryPermanent=0;
+          }
+          if(!!this.foodLicenseExpiryValue){
+            formData.isFoodLicenseExpiryPermanent=1;
+          }else {
+            formData.isFoodLicenseExpiryPermanent=0;
+          }
+          if(!!this.medicalLicenseExpiryValue){
+            formData.isMedicalLicenseExpiryPermanent=1;
+          }else {
+            formData.isMedicalLicenseExpiryPermanent=0;
+          }
           if (formData.storeId != null) {
             updateStore(formData).then(response => {
-              this.msgSuccess('修改成功')
-              this.open = false
-              this.getList()
-            })
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
           } else {
             addStore(formData).then(response => {
-              this.msgSuccess('新增成功')
-              this.open = false
-              this.getList()
-            })
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
           }
         }
-      })
+      });
     },
     handleCityChange(value) {
       var nodes = this.$refs.citySelect.getCheckedNodes()
@@ -713,15 +857,34 @@ export default {
     handleUpdate() {
       this.reset()
       getStoreInfo().then(response => {
-        this.form = response.data
-        this.open = true
-        this.title = '修改店铺'
+        this.form = response.data;
         if(this.form.isBusinessLicensePermanent == 1){
           this.switchValue = true;
         }
+        if(this.form.isMedicalDevice1ExpiryPermanent == 1){
+          this.switchMedicalValue = true;
+        }
+        if(this.form.isDrugLicensePermanent == 1){
+          this.drugLicenseValue = true;
+        }
+        if(this.form.isMedicalDevice2ExpiryPermanent == 1){
+          this.medicalDevice2ExpiryValue = true;
+        }
+        if(this.form.isMedicalDevice3ExpiryPermanent == 1){
+          this.medicalDevice3ExpiryValue = true;
+        }
+        if(this.form.isFoodLicenseExpiryPermanent == 1){
+          this.foodLicenseExpiryValue = true;
+        }
+        if(this.form.isMedicalLicenseExpiryPermanent == 1){
+          this.medicalLicenseExpiryValue = true;
+        }
+        this.open = true;
+        this.title = "修改店铺";
+
         let str = this.form.shippingType
-        this.form.shippingType = str.split(',')
-        this.form.cityIds = ((this.form.cityIds).split(',')).map(Number)
+        this.form.shippingType = str.split(",")
+        this.form.cityIds = ((this.form.cityIds).split(",")).map(Number)
 
         const dateFields = [
           'drugLicenseExpiry',
@@ -731,16 +894,44 @@ export default {
           'foodLicenseExpiry',
           'medicalLicenseExpiry',
           'businessLicenseExpire'
-        ]
+        ];
         dateFields.forEach(field => {
-          const startField = field + 'Start'
-          const endField = field + 'End'
+          const startField = field + 'Start';
+          const endField = field + 'End';
           if (this.form[startField] && this.form[endField]) {
-            this.$set(this.form, field, [this.form[startField], this.form[endField]])
+            this.$set(this.form, field, [this.form[startField], this.form[endField]]);
           }
-        })
+        });
+
+
+        // 入驻协议有效期
+        if (this.form.settlementAgreementStart && this.form.settlementAgreementEnd) {
+          this.$set(this.form, 'settlementAgreementExpiry', [
+            this.form.settlementAgreementStart,
+            this.form.settlementAgreementEnd
+          ]);
+        }
+
+        // 质量保证协议有效期
+        if (this.form.qualityAssuranceAgreementStart && this.form.qualityAssuranceAgreementEnd) {
+          this.$set(this.form, 'qualityAssuranceAgreementExpiry', [
+            this.form.qualityAssuranceAgreementStart,
+            this.form.qualityAssuranceAgreementEnd
+          ]);
+        }
+        // 其它特殊资质有效期
+        if (this.form.otherSpecialQualificationStart && this.form.otherSpecialQualificationEnd) {
+          this.$set(this.form, 'otherSpecialQualificationExpiry', [
+            this.form.otherSpecialQualificationStart,
+            this.form.otherSpecialQualificationEnd
+          ]);
+        }
       })
-    }
+    },
+    //长期有效营业执照选择
+    switchChange(){
+      console.log(this.form.isBusinessLicensePermanent);
+    },
   }
 }
 </script>