修复页面布局错误

src/views/hisStore/store/audit.vue

@@ -284,18 +284,29 @@
                 </el-form-item>
               </el-col>
 
+              <el-col :span="12">
+                <el-form-item label="2类器械经营许可证是否长期有效" prop="isMedicalDevice2ExpiryPermanent">
+                  <el-switch
+                    @change="switchChange()"
+                    v-model="dialogForm.isMedicalDevice2ExpiryPermanent"
+                    :active-value="1"
+                    :inactive-value="0"
+                    active-color="#13ce66"
+                    inactive-color="#ff4949">
+                  </el-switch>
+                </el-form-item>
+
+                <el-form-item label="2类器械经营许可证有效期" prop="foodLicenseExpiry" v-if="dialogForm.isMedicalDevice2ExpiryPermanent != 1">
+                  <span>{{dialogForm.medicalDevice2ExpiryStart}} - {{dialogForm.medicalDevice2ExpiryEnd}}</span>
+                </el-form-item>
+              </el-col>
+
               <el-col :sapn="24">
                 <el-form-item label="2类器械经营范围" prop="medicalDevice2BusinessScope" style="margin-left: 5px">
                   <el-input v-model="form.medicalDevice2BusinessScope" placeholder="请输入2类器械经营范围" type="textarea"/>
                 </el-form-item>
               </el-col>
 
-              <el-col :span="12">
-                <el-form-item label="2类医疗器械备案有效期">
-                  <span v-if="dialogForm.isMedicalDevice2ExpiryPermanent == 1">长期有效</span>
-                  <span v-else>{{dialogForm.medicalDevice2ExpiryStart}} - {{dialogForm.medicalDevice2ExpiryEnd}}</span>
-                </el-form-item>
-              </el-col>
             </el-row>
 
             <el-row>
@@ -308,33 +319,54 @@
                 </el-form-item>
               </el-col>
 
+              <el-col :span="12">
+                <el-form-item label="3类器械经营许可证是否长期有效" prop="isMedicalDevice3ExpiryPermanent">
+                  <el-switch
+                    @change="switchChange()"
+                    v-model="dialogForm.isMedicalDevice3ExpiryPermanent"
+                    :active-value="1"
+                    :inactive-value="0"
+                    active-color="#13ce66"
+                    inactive-color="#ff4949">
+                  </el-switch>
+                </el-form-item>
+
+                <el-form-item label="3类器械经营许可证有效期" prop="foodLicenseExpiry" v-if="dialogForm.isMedicalDevice3ExpiryPermanent != 1">
+                  <span>{{dialogForm.medicalDevice3ExpiryStart}} - {{dialogForm.medicalDevice3ExpiryEnd}}</span>
+                </el-form-item>
+              </el-col>
+
               <el-col :sapn="24">
                 <el-form-item label="3类器械经营范围" prop="medicalDevice3BusinessScope" style="margin-left: 5px">
                   <el-input v-model="form.medicalDevice3BusinessScope" placeholder="请输入3类器械经营范围" type="textarea"/>
                 </el-form-item>
               </el-col>
 
-              <el-col :span="12">
-                <el-form-item label="3类器械经营许可证有效期">
-                  <span v-if="dialogForm.isMedicalDevice3ExpiryPermanent == 1">长期有效</span>
-                  <span v-else>{{dialogForm.medicalDevice3ExpiryStart}} - {{dialogForm.medicalDevice3ExpiryEnd}}</span>
-                </el-form-item>
-              </el-col>
             </el-row>
 
             <el-row>
               <el-col :span="12">
-                <el-form-item label="食品经营许可证">
+                <el-form-item label="食品经营许可证/备案凭证上传">
                   <el-image v-if="dialogForm.foodLicense" style="width: 200px" :src="dialogForm.foodLicense" :preview-src-list="[dialogForm.foodLicense]"></el-image>
                 </el-form-item>
-                <el-form-item label="食品经营许可证编号" style="margin-left: 5px">
+                <el-form-item label="食品经营许可证/备案凭证编号" style="margin-left: 5px">
                   <el-input v-model="dialogForm.foodCode" />
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item label="食品经营许可证有效期">
-                  <span v-if="dialogForm.isFoodLicenseExpiryPermanent == 1">长期有效</span>
-                  <span v-else>{{dialogForm.foodLicenseExpiryStart}} - {{dialogForm.foodLicenseExpiryEnd}}</span>
+                <el-form-item label="食品经营许可证/备案凭证是否长期有效" prop="isFoodLicenseExpiryPermanent">
+                  <el-switch
+                    @change="switchChange()"
+                    v-model="dialogForm.isFoodLicenseExpiryPermanent"
+                    :active-value="1"
+                    :inactive-value="0"
+                    active-color="#13ce66"
+                    inactive-color="#ff4949">
+                  </el-switch>
+                </el-form-item>
+
+                <el-form-item label="食品经营许可证/备案凭证有效期" prop="foodLicenseExpiry" v-if="dialogForm.isFoodLicenseExpiryPermanent != 1">
+                  <span>{{dialogForm.foodLicenseExpiryStart}} - {{dialogForm.foodLicenseExpiryEnd}}</span>
                 </el-form-item>
               </el-col>
             </el-row>