|
@@ -253,6 +253,10 @@
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="药品经营许可证">
|
|
<el-form-item label="药品经营许可证">
|
|
|
<el-image v-if="dialogForm.drugLicense" style="width: 200px" :src="dialogForm.drugLicense" :preview-src-list="[dialogForm.drugLicense]"></el-image>
|
|
<el-image v-if="dialogForm.drugLicense" style="width: 200px" :src="dialogForm.drugLicense" :preview-src-list="[dialogForm.drugLicense]"></el-image>
|
|
|
|
|
+ <!-- 未上传图片时显示的默认图标 -->
|
|
|
|
|
+ <div v-else class="no-image-placeholder">
|
|
|
|
|
+ <span>用户未上传</span>
|
|
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="药品经营许可证编号" style="margin-left: 5px">
|
|
<el-form-item label="药品经营许可证编号" style="margin-left: 5px">
|
|
@@ -278,65 +282,116 @@
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="2类医疗器械备案证书">
|
|
<el-form-item label="2类医疗器械备案证书">
|
|
|
<el-image v-if="dialogForm.medicalDevice2" style="width: 200px" :src="dialogForm.medicalDevice2" :preview-src-list="[dialogForm.medicalDevice2]"></el-image>
|
|
<el-image v-if="dialogForm.medicalDevice2" style="width: 200px" :src="dialogForm.medicalDevice2" :preview-src-list="[dialogForm.medicalDevice2]"></el-image>
|
|
|
|
|
+ <!-- 未上传图片时显示的默认图标 -->
|
|
|
|
|
+ <div v-else class="no-image-placeholder">
|
|
|
|
|
+ <span>用户未上传</span>
|
|
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="2类器械生产备案编号" style="margin-left: 5px">
|
|
<el-form-item label="2类器械生产备案编号" style="margin-left: 5px">
|
|
|
<el-input v-model="dialogForm.medicalDevice2Code" />
|
|
<el-input v-model="dialogForm.medicalDevice2Code" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</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-col :sapn="24">
|
|
|
<el-form-item label="2类器械经营范围" prop="medicalDevice2BusinessScope" style="margin-left: 5px">
|
|
<el-form-item label="2类器械经营范围" prop="medicalDevice2BusinessScope" style="margin-left: 5px">
|
|
|
<el-input v-model="form.medicalDevice2BusinessScope" placeholder="请输入2类器械经营范围" type="textarea"/>
|
|
<el-input v-model="form.medicalDevice2BusinessScope" placeholder="请输入2类器械经营范围" type="textarea"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</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>
|
|
|
|
|
|
|
|
<el-row>
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="3类器械经营许可证">
|
|
<el-form-item label="3类器械经营许可证">
|
|
|
<el-image v-if="dialogForm.medicalDevice3" style="width: 200px" :src="dialogForm.medicalDevice3" :preview-src-list="[dialogForm.medicalDevice3]"></el-image>
|
|
<el-image v-if="dialogForm.medicalDevice3" style="width: 200px" :src="dialogForm.medicalDevice3" :preview-src-list="[dialogForm.medicalDevice3]"></el-image>
|
|
|
|
|
+ <!-- 未上传图片时显示的默认图标 -->
|
|
|
|
|
+ <div v-else class="no-image-placeholder">
|
|
|
|
|
+ <span>用户未上传</span>
|
|
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="3类器械生产备案编号" style="margin-left: 5px">
|
|
<el-form-item label="3类器械生产备案编号" style="margin-left: 5px">
|
|
|
<el-input v-model="dialogForm.medicalDevice3Code" />
|
|
<el-input v-model="dialogForm.medicalDevice3Code" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</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-col :sapn="24">
|
|
|
<el-form-item label="3类器械经营范围" prop="medicalDevice3BusinessScope" style="margin-left: 5px">
|
|
<el-form-item label="3类器械经营范围" prop="medicalDevice3BusinessScope" style="margin-left: 5px">
|
|
|
<el-input v-model="form.medicalDevice3BusinessScope" placeholder="请输入3类器械经营范围" type="textarea"/>
|
|
<el-input v-model="form.medicalDevice3BusinessScope" placeholder="请输入3类器械经营范围" type="textarea"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</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-row>
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
- <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 label="食品经营许可证/备案凭证上传">
|
|
|
|
|
+ <el-image v-if="dialogForm.foodLicense && dialogForm.foodLicense.trim()" style="width: 200px" :src="dialogForm.foodLicense" :preview-src-list="[dialogForm.foodLicense]"></el-image>
|
|
|
|
|
+ <!-- 未上传图片时显示的默认图标 -->
|
|
|
|
|
+ <div v-else class="no-image-placeholder">
|
|
|
|
|
+ <span>用户未上传</span>
|
|
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
</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-input v-model="dialogForm.foodCode" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
<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-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
+
|
|
|
|
|
+ <el-col :sapn="24">
|
|
|
|
|
+ <el-form-item label="食品经营许可证/备案凭证经营范围" prop="foodLicenseBusinessScope">
|
|
|
|
|
+ <el-input v-model="form.foodLicenseBusinessScope" placeholder="请输入食品经营许可证/备案凭证经营范围" type="textarea"/>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+
|
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
@@ -751,6 +806,7 @@ export default {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.avatar-uploader .el-upload:hover {
|
|
.avatar-uploader .el-upload:hover {
|
|
|
border-color: #409EFF;
|
|
border-color: #409EFF;
|
|
|
}
|
|
}
|
|
@@ -763,4 +819,17 @@ export default {
|
|
|
line-height: 150px;
|
|
line-height: 150px;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+/* 无图片占位符样式 */
|
|
|
|
|
+.no-image-placeholder {
|
|
|
|
|
+ width: 200px;
|
|
|
|
|
+ height: 200px;
|
|
|
|
|
+ border: 1px dashed #d9d9d9;
|
|
|
|
|
+ border-radius: 6px;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ color: #999;
|
|
|
|
|
+ background-color: #fafafa;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|