|
|
@@ -426,56 +426,7 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="1类器械生产备案上传" prop="medicalDevice1">
|
|
|
- <el-upload
|
|
|
- class="avatar-uploader"
|
|
|
- :action="uploadUrl"
|
|
|
- :show-file-list="false"
|
|
|
- :on-success="(response, file) => handleFileSuccess(response, file, 'medicalDevice1')"
|
|
|
- :before-upload="beforeAvatarUpload"
|
|
|
- :disabled="isDeleting"
|
|
|
- >
|
|
|
- <!-- 图片容器（包含图片和删除按钮，仅在有图片时显示） -->
|
|
|
- <div class="avatar-wrapper" v-if="form.medicalDevice1">
|
|
|
- <img :src="form.medicalDevice1" class="avatar" width="200px">
|
|
|
- <!-- 悬停显示的删除按钮 -->
|
|
|
- <div class="delete-mask" @click.stop="handleDelete1">
|
|
|
- <i class="el-icon-delete"></i>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <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-col>
|
|
|
- <el-col :span="12">
|
|
|
- <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"
|
|
|
- type="daterange"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="2类医疗器械备案证书上传" prop="medicalDevice2">
|
|
|
@@ -623,308 +574,229 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="医疗机构执业许可证上传" prop="medicalLicense">
|
|
|
- <el-upload
|
|
|
- class="avatar-uploader"
|
|
|
- :action="uploadUrl"
|
|
|
- :show-file-list="false"
|
|
|
- :on-success="(response, file) => handleFileSuccess(response, file, 'medicalLicense')"
|
|
|
- :before-upload="beforeAvatarUpload"
|
|
|
- :disabled="isDeleting"
|
|
|
- >
|
|
|
- <!-- 图片容器（包含图片和删除按钮，仅在有图片时显示） -->
|
|
|
- <div class="avatar-wrapper" v-if="form.medicalLicense">
|
|
|
- <img :src="form.medicalLicense" class="avatar" width="200px">
|
|
|
- <!-- 悬停显示的删除按钮 -->
|
|
|
- <div class="delete-mask" @click.stop="handleDelete4">
|
|
|
- <i class="el-icon-delete"></i>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <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-col>
|
|
|
- <el-col :span="12">
|
|
|
- <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"
|
|
|
- type="daterange"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
</div>
|
|
|
<div v-hasPermi="['his:store:AgreementSigned']">
|
|
|
<el-divider content-position="left">签署协议与特殊资质信息</el-divider>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-input v-model="form.titleNameOne" placeholder="请输入标题" />
|
|
|
-<!-- <el-form-item label="其它资质-入驻协议">回退代码-->
|
|
|
- <el-upload
|
|
|
- class="file-uploader"
|
|
|
- :action="uploadUrl"
|
|
|
- :show-file-list="false"
|
|
|
- :on-success="(response, file) => handleFileSuccess1(response, file, 'settlementAgreement')"
|
|
|
- :on-error="handleFileError"
|
|
|
- :before-upload="beforeFileUpload"
|
|
|
- :disabled="!!form.settlementAgreement"
|
|
|
- accept=".jpg,.jpeg,.png,.gif,.doc,.docx,.pdf"
|
|
|
- >
|
|
|
- <!-- 已上传文件展示（区分图片和文档） -->
|
|
|
- <div v-if="form.settlementAgreement" class="uploaded-file">
|
|
|
- <!-- 图片文件显示预览图 -->
|
|
|
- <img v-if="isImageFile(form.settlementAgreement, 'settlementAgreement')" :src="form.settlementAgreement" class="uploaded-img" width="100px" />
|
|
|
- <div v-else class="document-icon">
|
|
|
- <i :class="getDocumentIconClass(form.settlementAgreement, 'settlementAgreement')" class="icon"></i>
|
|
|
- <span class="file-name">{{ form.settlementAgreementFileName || getFileName(form.settlementAgreement) }}</span>
|
|
|
- </div>
|
|
|
- <!-- 删除按钮 -->
|
|
|
- <i class="el-icon-delete delete-icon" @click.stop="handleFileRemove('settlementAgreement')"></i>
|
|
|
- </div>
|
|
|
- <!-- 未上传时的上传按钮 -->
|
|
|
- <div v-else class="upload-btn">
|
|
|
- <div class="upload-btn-inner">
|
|
|
- <i class="el-icon-plus"></i>
|
|
|
- <span class="upload-tip">点击上传</span>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="8">
|
|
|
+ <div class="agreement-section">
|
|
|
+ <el-form-item label="其它资质-入驻协议">
|
|
|
+ <el-input
|
|
|
+ v-model="form.titleNameOne"
|
|
|
+ placeholder="请输入标题"
|
|
|
+ class="agreement-title"
|
|
|
+ />
|
|
|
+ <el-upload
|
|
|
+ class="file-uploader"
|
|
|
+ :action="uploadUrl"
|
|
|
+ :show-file-list="false"
|
|
|
+ :on-success="(response, file) => handleFileSuccess1(response, file, 'settlementAgreement')"
|
|
|
+ :on-error="handleFileError"
|
|
|
+ :before-upload="beforeFileUpload"
|
|
|
+ :disabled="!!form.settlementAgreement"
|
|
|
+ accept=".jpg,.jpeg,.png,.gif,.doc,.docx,.pdf"
|
|
|
+ >
|
|
|
+ <div v-if="form.settlementAgreement" class="uploaded-file">
|
|
|
+ <img
|
|
|
+ v-if="isImageFile(form.settlementAgreement, 'settlementAgreement')"
|
|
|
+ :src="form.settlementAgreement"
|
|
|
+ class="uploaded-img"
|
|
|
+ width="100px"
|
|
|
+ />
|
|
|
+ <div v-else class="document-icon">
|
|
|
+ <i :class="getDocumentIconClass(form.settlementAgreement, 'settlementAgreement')" class="icon"></i>
|
|
|
+ <span class="file-name">{{ form.settlementAgreementFileName || getFileName(form.settlementAgreement) }}</span>
|
|
|
+ </div>
|
|
|
+ <i class="el-icon-delete delete-icon" @click.stop="handleFileRemove('settlementAgreement')"></i>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </el-upload>
|
|
|
-
|
|
|
- <el-form-item label="备注内容" prop="settlementAgreementCode" style="margin-left: 5px">
|
|
|
- <el-input v-model="form.settlementAgreementCode" placeholder="请输入备注内容" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <!-- 其它资质-入驻协议是否长期有效-->
|
|
|
- <el-form-item label="协议是否长期有效" prop="isEffectivePermanent1">
|
|
|
- <el-switch
|
|
|
- @change="switchChange()"
|
|
|
- v-model="medicalLicenseExpiryValue1"
|
|
|
- active-color="#13ce66"
|
|
|
- inactive-color="#ff4949">
|
|
|
- </el-switch>
|
|
|
- </el-form-item>
|
|
|
- <!--其它资质-入驻协议有效期-->
|
|
|
- <el-form-item label="协议有效期" prop="medicalLicenseExpiry" v-if="!medicalLicenseExpiryValue1">
|
|
|
- <el-date-picker
|
|
|
- v-model="form.settlementAgreementExpiry"
|
|
|
- type="daterange"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
+ <div v-else class="upload-btn">
|
|
|
+ <div class="upload-btn-inner">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ <span class="upload-tip">点击上传</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+
|
|
|
+ <el-form-item prop="settlementAgreementCode">
|
|
|
+ <el-input
|
|
|
+ v-model="form.settlementAgreementCode"
|
|
|
+ placeholder="请输入备注内容"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="协议是否长期有效" prop="isEffectivePermanent1">
|
|
|
+ <el-switch
|
|
|
+ @change="switchChange()"
|
|
|
+ v-model="medicalLicenseExpiryValue1"
|
|
|
+ active-color="#13ce66"
|
|
|
+ inactive-color="#ff4949">
|
|
|
+ </el-switch>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item
|
|
|
+ label="协议有效期"
|
|
|
+ prop="medicalLicenseExpiry"
|
|
|
+ v-if="!medicalLicenseExpiryValue1"
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
+ v-model="form.settlementAgreementExpiry"
|
|
|
+ type="daterange"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期" style="width: 100%">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
|
|
|
- <el-col :span="12">
|
|
|
- <el-input v-model="form.titleNameTwo" placeholder="请输入标题" />
|
|
|
- <!-- <el-form-item label="质量保证协议">-->
|
|
|
- <el-upload
|
|
|
- class="file-uploader"
|
|
|
- :action="uploadUrl"
|
|
|
- :show-file-list="false"
|
|
|
- :on-success="(response, file) => handleFileSuccess1(response, file, 'qualityAssuranceAgreement')"
|
|
|
- :on-error="handleFileError"
|
|
|
- :before-upload="beforeFileUpload"
|
|
|
- :disabled="!!form.qualityAssuranceAgreement"
|
|
|
- accept=".jpg,.jpeg,.png,.gif,.doc,.docx,.pdf"
|
|
|
- >
|
|
|
- <!-- 已上传文件展示（区分图片和文档） -->
|
|
|
- <div v-if="form.qualityAssuranceAgreement" class="uploaded-file">
|
|
|
- <!-- 图片文件显示预览图 -->
|
|
|
- <img v-if="isImageFile(form.qualityAssuranceAgreement, 'qualityAssuranceAgreement')" :src="form.qualityAssuranceAgreement" class="uploaded-img" width="100px" />
|
|
|
- <div v-else class="document-icon">
|
|
|
- <i :class="getDocumentIconClass(form.qualityAssuranceAgreement, 'qualityAssuranceAgreement')" class="icon"></i>
|
|
|
- <span class="file-name">{{ form.qualityAssuranceAgreementFileName || getFileName(form.qualityAssuranceAgreement) }}</span>
|
|
|
- </div>
|
|
|
- <!-- 删除按钮 -->
|
|
|
- <i class="el-icon-delete delete-icon" @click.stop="handleFileRemove('qualityAssuranceAgreement')"></i>
|
|
|
- </div>
|
|
|
- <!-- 未上传时的上传按钮 -->
|
|
|
- <div v-else class="upload-btn">
|
|
|
- <div class="upload-btn-inner">
|
|
|
- <i class="el-icon-plus"></i>
|
|
|
- <span class="upload-tip">点击上传</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-upload>
|
|
|
-
|
|
|
- <el-form-item label="备注内容" prop="qualityAssuranceAgreementCode" style="margin-left: 5px">
|
|
|
- <el-input v-model="form.qualityAssuranceAgreementCode" placeholder="请输入备注内容" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <!-- 质量保证协议是否长期有效-->
|
|
|
- <el-form-item label="协议是否长期有效" prop="isEffectivePermanent2">
|
|
|
- <el-switch
|
|
|
- @change="switchChange()"
|
|
|
- v-model="medicalLicenseExpiryValue2"
|
|
|
- active-color="#13ce66"
|
|
|
- inactive-color="#ff4949">
|
|
|
- </el-switch>
|
|
|
- </el-form-item>
|
|
|
- <!--质量保证协议有效期-->
|
|
|
- <el-form-item label="协议有效期" prop="medicalLicenseExpiry" v-if="!medicalLicenseExpiryValue2">
|
|
|
- <el-date-picker
|
|
|
- v-model="form.qualityAssuranceAgreementExpiry"
|
|
|
- type="daterange"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
+ <el-col :span="8">
|
|
|
+ <div class="agreement-section">
|
|
|
+ <el-form-item label="质量保证协议">
|
|
|
+ <el-input
|
|
|
+ v-model="form.titleNameTwo"
|
|
|
+ placeholder="请输入标题"
|
|
|
+ class="agreement-title"
|
|
|
+ />
|
|
|
+ <el-upload
|
|
|
+ class="file-uploader"
|
|
|
+ :action="uploadUrl"
|
|
|
+ :show-file-list="false"
|
|
|
+ :on-success="(response, file) => handleFileSuccess1(response, file, 'qualityAssuranceAgreement')"
|
|
|
+ :on-error="handleFileError"
|
|
|
+ :before-upload="beforeFileUpload"
|
|
|
+ :disabled="!!form.qualityAssuranceAgreement"
|
|
|
+ accept=".jpg,.jpeg,.png,.gif,.doc,.docx,.pdf"
|
|
|
+ >
|
|
|
+ <div v-if="form.qualityAssuranceAgreement" class="uploaded-file">
|
|
|
+ <img
|
|
|
+ v-if="isImageFile(form.qualityAssuranceAgreement, 'qualityAssuranceAgreement')"
|
|
|
+ :src="form.qualityAssuranceAgreement"
|
|
|
+ class="uploaded-img"
|
|
|
+ width="100px"
|
|
|
+ />
|
|
|
+ <div v-else class="document-icon">
|
|
|
+ <i :class="getDocumentIconClass(form.qualityAssuranceAgreement, 'qualityAssuranceAgreement')" class="icon"></i>
|
|
|
+ <span class="file-name">{{ form.qualityAssuranceAgreementFileName || getFileName(form.qualityAssuranceAgreement) }}</span>
|
|
|
+ </div>
|
|
|
+ <i class="el-icon-delete delete-icon" @click.stop="handleFileRemove('qualityAssuranceAgreement')"></i>
|
|
|
+ </div>
|
|
|
+ <div v-else class="upload-btn">
|
|
|
+ <div class="upload-btn-inner">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ <span class="upload-tip">点击上传</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+
|
|
|
+ <el-form-item prop="qualityAssuranceAgreementCode">
|
|
|
+ <el-input
|
|
|
+ v-model="form.qualityAssuranceAgreementCode"
|
|
|
+ placeholder="请输入备注内容"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="协议是否长期有效" prop="isEffectivePermanent2">
|
|
|
+ <el-switch
|
|
|
+ @change="switchChange()"
|
|
|
+ v-model="medicalLicenseExpiryValue2"
|
|
|
+ active-color="#13ce66"
|
|
|
+ inactive-color="#ff4949">
|
|
|
+ </el-switch>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item
|
|
|
+ label="协议有效期"
|
|
|
+ prop="medicalLicenseExpiry"
|
|
|
+ v-if="!medicalLicenseExpiryValue2"
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
+ v-model="form.qualityAssuranceAgreementExpiry"
|
|
|
+ type="daterange"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期" style="width: 100%">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
</el-col>
|
|
|
|
|
|
- </el-row>
|
|
|
-<!-- <el-row>-->
|
|
|
-<!-- <el-col :span="12">-->
|
|
|
-<!-- <el-form-item label="质量保证协议">-->
|
|
|
-<!-- <el-upload-->
|
|
|
-<!-- class="avatar-uploader"-->
|
|
|
-<!-- :action="uploadUrl"-->
|
|
|
-<!-- :show-file-list="false"-->
|
|
|
-<!-- :on-success="(response, file) => handleFileSuccess(response, file, 'qualityAssuranceAgreement')"-->
|
|
|
-<!-- :before-upload="beforeAvatarUpload">-->
|
|
|
-<!-- <img v-if="form.qualityAssuranceAgreement" :src="form.qualityAssuranceAgreement" 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="qualityAssuranceAgreementCode" style="margin-left: 5px">-->
|
|
|
-<!-- <el-input v-model="form.qualityAssuranceAgreementCode" placeholder="请输入质量保证协议编号" />-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- </el-col>-->
|
|
|
-<!-- <el-col :span="12">-->
|
|
|
-<!-- <el-form-item label="质量保证协议有效期">-->
|
|
|
-<!-- <el-date-picker-->
|
|
|
-<!-- v-model="form.qualityAssuranceAgreementExpiry"-->
|
|
|
-<!-- type="daterange"-->
|
|
|
-<!-- value-format="yyyy-MM-dd"-->
|
|
|
-<!-- range-separator="至"-->
|
|
|
-<!-- start-placeholder="开始日期"-->
|
|
|
-<!-- end-placeholder="结束日期">-->
|
|
|
-<!-- </el-date-picker>-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- </el-col>-->
|
|
|
-<!-- </el-row>-->
|
|
|
- <el-row>
|
|
|
-
|
|
|
-
|
|
|
- <el-col :span="12">
|
|
|
- <el-input v-model="form.titleNameThree" placeholder="请输入标题" />
|
|
|
- <!-- <el-form-item label="其它资质-入驻协议">-->
|
|
|
- <el-upload
|
|
|
- class="file-uploader"
|
|
|
- :action="uploadUrl"
|
|
|
- :show-file-list="false"
|
|
|
- :on-success="(response, file) => handleFileSuccess1(response, file, 'otherSpecialQualification')"
|
|
|
- :on-error="handleFileError"
|
|
|
- :before-upload="beforeFileUpload"
|
|
|
- :disabled="!!form.otherSpecialQualification"
|
|
|
- accept=".jpg,.jpeg,.png,.gif,.doc,.docx,.pdf"
|
|
|
- >
|
|
|
- <!-- 已上传文件展示（区分图片和文档） -->
|
|
|
- <div v-if="form.otherSpecialQualification" class="uploaded-file">
|
|
|
- <!-- 图片文件显示预览图 -->
|
|
|
- <img v-if="isImageFile(form.otherSpecialQualification, 'otherSpecialQualification')" :src="form.otherSpecialQualification" class="uploaded-img" width="100px" />
|
|
|
- <div v-else class="document-icon">
|
|
|
- <i :class="getDocumentIconClass(form.otherSpecialQualification, 'otherSpecialQualification')" class="icon"></i>
|
|
|
- <span class="file-name">{{ form.otherSpecialQualificationFileName || getFileName(form.otherSpecialQualification) }}</span>
|
|
|
- </div>
|
|
|
- <!-- 删除按钮 -->
|
|
|
-
|
|
|
- <i class="el-icon-delete delete-icon" @click.stop="handleFileRemove('otherSpecialQualification')"></i>
|
|
|
- </div>
|
|
|
- <!-- 未上传时的上传按钮 -->
|
|
|
- <div v-else class="upload-btn">
|
|
|
- <div class="upload-btn-inner">
|
|
|
- <i class="el-icon-plus"></i>
|
|
|
- <span class="upload-tip">点击上传</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-upload>
|
|
|
-
|
|
|
- <el-form-item label="备注内容" prop="otherSpecialQualificationCode" style="margin-left: 5px">
|
|
|
- <el-input v-model="form.otherSpecialQualificationCode" placeholder="请输入备注内容" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <!-- 其它资质-入驻协议是否长期有效-->
|
|
|
- <el-form-item label="协议是否长期有效" prop="isEffectivePermanent3">
|
|
|
- <el-switch
|
|
|
- @change="switchChange()"
|
|
|
- v-model="medicalLicenseExpiryValue3"
|
|
|
- active-color="#13ce66"
|
|
|
- inactive-color="#ff4949">
|
|
|
- </el-switch>
|
|
|
- </el-form-item>
|
|
|
- <!--质量保证协议有效期-->
|
|
|
- <el-form-item label="协议有效期" prop="medicalLicenseExpiry" v-if="!medicalLicenseExpiryValue3">
|
|
|
- <el-date-picker
|
|
|
- v-model="form.otherSpecialQualificationExpiry"
|
|
|
- type="daterange"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
+ <el-col :span="8">
|
|
|
+ <div class="agreement-section">
|
|
|
+ <el-form-item label="其它特殊资质">
|
|
|
+ <el-input
|
|
|
+ v-model="form.titleNameThree"
|
|
|
+ placeholder="请输入标题"
|
|
|
+ class="agreement-title"
|
|
|
+ />
|
|
|
+ <el-upload
|
|
|
+ class="file-uploader"
|
|
|
+ :action="uploadUrl"
|
|
|
+ :show-file-list="false"
|
|
|
+ :on-success="(response, file) => handleFileSuccess1(response, file, 'otherSpecialQualification')"
|
|
|
+ :on-error="handleFileError"
|
|
|
+ :before-upload="beforeFileUpload"
|
|
|
+ :disabled="!!form.otherSpecialQualification"
|
|
|
+ accept=".jpg,.jpeg,.png,.gif,.doc,.docx,.pdf"
|
|
|
+ >
|
|
|
+ <div v-if="form.otherSpecialQualification" class="uploaded-file">
|
|
|
+ <img
|
|
|
+ v-if="isImageFile(form.otherSpecialQualification, 'otherSpecialQualification')"
|
|
|
+ :src="form.otherSpecialQualification"
|
|
|
+ class="uploaded-img"
|
|
|
+ width="100px"
|
|
|
+ />
|
|
|
+ <div v-else class="document-icon">
|
|
|
+ <i :class="getDocumentIconClass(form.otherSpecialQualification, 'otherSpecialQualification')" class="icon"></i>
|
|
|
+ <span class="file-name">{{ form.otherSpecialQualificationFileName || getFileName(form.otherSpecialQualification) }}</span>
|
|
|
+ </div>
|
|
|
+ <i class="el-icon-delete delete-icon" @click.stop="handleFileRemove('otherSpecialQualification')"></i>
|
|
|
+ </div>
|
|
|
+ <div v-else class="upload-btn">
|
|
|
+ <div class="upload-btn-inner">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ <span class="upload-tip">点击上传</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+
|
|
|
+ <el-form-item prop="otherSpecialQualificationCode">
|
|
|
+ <el-input
|
|
|
+ v-model="form.otherSpecialQualificationCode"
|
|
|
+ placeholder="请输入备注内容"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="协议是否长期有效" prop="isEffectivePermanent3">
|
|
|
+ <el-switch
|
|
|
+ @change="switchChange()"
|
|
|
+ v-model="medicalLicenseExpiryValue3"
|
|
|
+ active-color="#13ce66"
|
|
|
+ inactive-color="#ff4949">
|
|
|
+ </el-switch>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item
|
|
|
+ label="协议有效期"
|
|
|
+ prop="medicalLicenseExpiry"
|
|
|
+ v-if="!medicalLicenseExpiryValue3"
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
+ v-model="form.otherSpecialQualificationExpiry"
|
|
|
+ type="daterange"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期" style="width: 100%">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
</el-col>
|
|
|
-
|
|
|
-
|
|
|
</el-row>
|
|
|
-<!-- <el-row>-->
|
|
|
-<!-- <el-col :span="12">-->
|
|
|
-<!-- <el-form-item label="其它特殊资质">-->
|
|
|
-<!-- <el-upload-->
|
|
|
-<!-- class="avatar-uploader"-->
|
|
|
-<!-- :action="uploadUrl"-->
|
|
|
-<!-- :show-file-list="false"-->
|
|
|
-<!-- :on-success="(response, file) => handleFileSuccess(response, file, 'otherSpecialQualification')"-->
|
|
|
-<!-- :before-upload="beforeAvatarUpload">-->
|
|
|
-<!-- <img v-if="form.otherSpecialQualification" :src="form.otherSpecialQualification" 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="otherSpecialQualificationCode" style="margin-left: 5px">-->
|
|
|
-<!-- <el-input v-model="form.otherSpecialQualificationCode" placeholder="请输入其它特殊资质编号" />-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- </el-col>-->
|
|
|
-<!-- <el-col :span="12">-->
|
|
|
-<!-- <el-form-item label="其它特殊资质有效期">-->
|
|
|
-<!-- <el-date-picker-->
|
|
|
-<!-- v-model="form.otherSpecialQualificationExpiry"-->
|
|
|
-<!-- type="daterange"-->
|
|
|
-<!-- value-format="yyyy-MM-dd"-->
|
|
|
-<!-- range-separator="至"-->
|
|
|
-<!-- start-placeholder="开始日期"-->
|
|
|
-<!-- end-placeholder="结束日期">-->
|
|
|
-<!-- </el-date-picker>-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- </el-col>-->
|
|
|
-<!-- </el-row>-->
|
|
|
</div>
|
|
|
<el-divider content-position="left">店铺配置信息</el-divider>
|
|
|
<el-form-item label="退货地址" prop="refundAddress">
|
|
|
@@ -2176,4 +2048,34 @@ export default {
|
|
|
.avatar-uploader {
|
|
|
display: inline-block;
|
|
|
}
|
|
|
+
|
|
|
+.agreement-section {
|
|
|
+ border: 1px solid #ebeef5;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 15px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ background-color: #fafafa;
|
|
|
+}
|
|
|
+
|
|
|
+.agreement-section .agreement-title {
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.agreement-section .el-form-item {
|
|
|
+ margin-bottom: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.agreement-section .el-form-item__label {
|
|
|
+ font-weight: normal;
|
|
|
+}
|
|
|
+
|
|
|
+.agreement-section .el-date-editor.el-input__inner {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.agreement-section .el-date-editor--daterange.el-input__inner {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
</style>
|
