Skip to content

P
pica.cloud.web-education-admin
提交 b865ac9d 编写于 作者: 张磊's avatar 张磊
浏览文件
操作

save

上级 ceb9f30d e799d721
隐藏空白字符变更
内嵌 并排
正在显示 包含 138 行增加 和 87 行删除
src/views/shop/create-shop.vue
浏览文件 @ b865ac9d
...@@ -34,6 +34,7 @@ ...@@ -34,6 +34,7 @@
class="basic-form" class="basic-form"
style="margin-top: 15px" style="margin-top: 15px"
:disabled="disabledFORM" :disabled="disabledFORM"
inline-message
> >
<div> <div>
<el-tabs v-model="activeTabName" @tab-click="handleTabName"> <el-tabs v-model="activeTabName" @tab-click="handleTabName">
...@@ -387,6 +388,7 @@ ...@@ -387,6 +388,7 @@
v-if="formData.storeType == 1" v-if="formData.storeType == 1"
label="经营范围" label="经营范围"
class="required-label" class="required-label"
prop="certifyReq.bizScope"
> >
<el-cascader <el-cascader
ref="cascaderBizScope" ref="cascaderBizScope"
...@@ -408,6 +410,7 @@ ...@@ -408,6 +410,7 @@
</p> </p>
<div> <div>
<div> <div>
<el-form-item prop="imgUrlC1">
<el-upload <el-upload
v-model="formData.imgUrlC1" v-model="formData.imgUrlC1"
:disabled="Boolean(formData.imgUrlC1)" :disabled="Boolean(formData.imgUrlC1)"
...@@ -438,10 +441,12 @@ ...@@ -438,10 +441,12 @@
<i class="el-icon-delete"></i> <i class="el-icon-delete"></i>
</div> </div>
</el-upload> </el-upload>
</el-form-item>
<div v-if="formData.storeType == 1" class="img-data"> <div v-if="formData.storeType == 1" class="img-data">
<el-form-item <el-form-item
label="企业名称" label="企业名称"
label-width="100px" label-width="100px"
prop="certifyReq.orgName"
> >
<el-input <el-input
size="small" size="small"
...@@ -451,6 +456,7 @@ ...@@ -451,6 +456,7 @@
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="信用代码" label="信用代码"
prop="certifyReq.creditCode"
> >
<el-input <el-input
size="small" size="small"
...@@ -460,9 +466,10 @@ ...@@ -460,9 +466,10 @@
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="有效日期" label="有效日期"
prop="imgUrlC1Date"
> >
<el-date-picker <el-date-picker
v-model="imgUrlC1Date" v-model="formData.imgUrlC1Date"
@change="(v) => {this.orgDate(v, 'imgUrlC1')}" @change="(v) => {this.orgDate(v, 'imgUrlC1')}"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
...@@ -546,6 +553,7 @@ ...@@ -546,6 +553,7 @@
<el-form-item <el-form-item
label="委托人姓名" label="委托人姓名"
label-width="100px" label-width="100px"
prop="certifyReq.assignorName"
> >
<el-input <el-input
v-model="formData.certifyReq.assignorName" v-model="formData.certifyReq.assignorName"
...@@ -555,6 +563,7 @@ ...@@ -555,6 +563,7 @@
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="证件号码" label="证件号码"
prop="certifyReq.assignorCertNo"
> >
<el-input <el-input
size="small" size="small"
...@@ -564,9 +573,10 @@ ...@@ -564,9 +573,10 @@
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="有效日期" label="有效日期"
prop="imgUrlC5Date"
> >
<el-date-picker <el-date-picker
v-model="imgUrlC5Date" v-model="formData.imgUrlC5Date"
@change="(v) => {this.orgDate(v, 'imgUrlC5')}" @change="(v) => {this.orgDate(v, 'imgUrlC5')}"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
...@@ -615,6 +625,7 @@ ...@@ -615,6 +625,7 @@
<p v-if="certifyValidDtoList(6)" class="red">{{certifyValidDtoList(6)}}</p> <p v-if="certifyValidDtoList(6)" class="red">{{certifyValidDtoList(6)}}</p>
<div>法人身份证</div> <div>法人身份证</div>
<div class="flex-wrap"> <div class="flex-wrap">
<el-form-item prop="imgUrlC2">
<el-upload <el-upload
:disabled="Boolean(formData.imgUrlC2)" :disabled="Boolean(formData.imgUrlC2)"
v-model="formData.imgUrlC2" v-model="formData.imgUrlC2"
...@@ -645,6 +656,8 @@ ...@@ -645,6 +656,8 @@
</div> </div>
<div>身份证正面</div> <div>身份证正面</div>
</el-upload> </el-upload>
</el-form-item>
<el-form-item prop="imgUrlC3">
<el-upload <el-upload
:disabled="Boolean(formData.imgUrlC3)" :disabled="Boolean(formData.imgUrlC3)"
v-model="formData.imgUrlC3" v-model="formData.imgUrlC3"
...@@ -675,12 +688,14 @@ ...@@ -675,12 +688,14 @@
</div> </div>
<div>身份证反面</div> <div>身份证反面</div>
</el-upload> </el-upload>
</el-form-item>
</div> </div>
<div class="img-data"> <div class="img-data">
<el-form-item <el-form-item
label="法人姓名" label="法人姓名"
label-width="100px" label-width="100px"
prop="certifyReq.legalName"
> >
<el-input <el-input
size="small" size="small"
...@@ -690,6 +705,7 @@ ...@@ -690,6 +705,7 @@
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="证件号码" label="证件号码"
prop="certifyReq.legalCertNo"
> >
<el-input <el-input
size="small" size="small"
...@@ -699,9 +715,10 @@ ...@@ -699,9 +715,10 @@
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="有效日期" label="有效日期"
prop="imgUrlC3Date"
> >
<el-date-picker <el-date-picker
v-model="imgUrlC3Date" v-model="formData.imgUrlC3Date"
@change="(v) => {this.orgDate(v, 'imgUrlC3')}" @change="(v) => {this.orgDate(v, 'imgUrlC3')}"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
...@@ -718,42 +735,45 @@ ...@@ -718,42 +735,45 @@
<div v-if="controlLicense.includes('1') || formData.storeType == 2"> <div v-if="controlLicense.includes('1') || formData.storeType == 2">
<p v-if="certifyValidDtoList(7)" class="red">{{certifyValidDtoList(7)}}</p> <p v-if="certifyValidDtoList(7)" class="red">{{certifyValidDtoList(7)}}</p>
<p class="tips">药品经营许可证</p> <p class="tips">药品经营许可证</p>
<el-upload <el-form-item prop="imgUrlP1">
:disabled="Boolean(formData.imgUrlP1)" <el-upload
v-model="formData.imgUrlP1" :disabled="Boolean(formData.imgUrlP1)"
class="bg-uploader" v-model="formData.imgUrlP1"
action="#" class="bg-uploader"
:show-file-list="false" action="#"
:before-upload="(file) => {this.beforeUploadProve(file, 'imgUrlP1')}" :show-file-list="false"
> :before-upload="(file) => {this.beforeUploadProve(file, 'imgUrlP1')}"
<el-image
class="bg-img"
v-if="formData.imgUrlP1"
:src="formData.imgUrlP1"
@mouseover.stop="imgMouseOverP1 = true"
:preview-src-list="[formData.imgUrlP1]">
</el-image>
<img
v-if="!formData.imgUrlP1"
class="bg-img"
src="../../assets/image/small.png"
/>
<div
class="img-delete"
v-show="imgMouseOverP1"
@click.stop="deleteImg('imgUrlP1')"
@mouseout.stop="imgMouseOverP1 = false"
> >
<i class="el-icon-delete"></i> <el-image
</div> class="bg-img"
</el-upload> v-if="formData.imgUrlP1"
:src="formData.imgUrlP1"
@mouseover.stop="imgMouseOverP1 = true"
:preview-src-list="[formData.imgUrlP1]">
</el-image>
<img
v-if="!formData.imgUrlP1"
class="bg-img"
src="../../assets/image/small.png"
/>
<div
class="img-delete"
v-show="imgMouseOverP1"
@click.stop="deleteImg('imgUrlP1')"
@mouseout.stop="imgMouseOverP1 = false"
>
<i class="el-icon-delete"></i>
</div>
</el-upload>
</el-form-item>
<el-form-item <el-form-item
v-if="formData.storeType == 1" v-if="formData.storeType == 1"
label="有效日期" label="有效日期"
label-width="100px" label-width="100px"
prop="imgUrlP1Date"
> >
<el-date-picker <el-date-picker
v-model="imgUrlP1Date" v-model="formData.imgUrlP1Date"
@change="(v) => {this.orgDate(v, 'imgUrlP1')}" @change="(v) => {this.orgDate(v, 'imgUrlP1')}"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
...@@ -765,41 +785,44 @@ ...@@ -765,41 +785,44 @@
<div v-if="controlLicense.includes('1')"> <div v-if="controlLicense.includes('1')">
<p v-if="certifyValidDtoList(8)" class="red">{{certifyValidDtoList(8)}}</p> <p v-if="certifyValidDtoList(8)" class="red">{{certifyValidDtoList(8)}}</p>
<p class="tips">药品经营质量管理规范认证证书</p> <p class="tips">药品经营质量管理规范认证证书</p>
<el-upload <el-form-item prop="imgUrlP2">
:disabled="Boolean(formData.imgUrlP2)" <el-upload
v-model="formData.imgUrlP2" :disabled="Boolean(formData.imgUrlP2)"
class="bg-uploader" v-model="formData.imgUrlP2"
action="#" class="bg-uploader"
:show-file-list="false" action="#"
:before-upload="(file) => {this.beforeUploadProve(file, 'imgUrlP2')}" :show-file-list="false"
> :before-upload="(file) => {this.beforeUploadProve(file, 'imgUrlP2')}"
<el-image
class="bg-img"
v-if="formData.imgUrlP2"
:src="formData.imgUrlP2"
@mouseover.stop="imgMouseOverP2 = true"
:preview-src-list="[formData.imgUrlP2]">
</el-image>
<img
v-if="!formData.imgUrlP2"
class="bg-img"
src="../../assets/image/small.png"
/>
<div
class="img-delete"
v-show="imgMouseOverP2"
@click.stop="deleteImg('imgUrlP2')"
@mouseout.stop="imgMouseOverP2 = false"
> >
<i class="el-icon-delete"></i> <el-image
</div> class="bg-img"
</el-upload> v-if="formData.imgUrlP2"
:src="formData.imgUrlP2"
@mouseover.stop="imgMouseOverP2 = true"
:preview-src-list="[formData.imgUrlP2]">
</el-image>
<img
v-if="!formData.imgUrlP2"
class="bg-img"
src="../../assets/image/small.png"
/>
<div
class="img-delete"
v-show="imgMouseOverP2"
@click.stop="deleteImg('imgUrlP2')"
@mouseout.stop="imgMouseOverP2 = false"
>
<i class="el-icon-delete"></i>
</div>
</el-upload>
</el-form-item>
<el-form-item <el-form-item
label="有效日期" label="有效日期"
label-width="100px" label-width="100px"
prop="imgUrlP2Date"
> >
<el-date-picker <el-date-picker
v-model="imgUrlP2Date" v-model="formData.imgUrlP2Date"
@change="(v) => {this.orgDate(v, 'imgUrlP2')}" @change="(v) => {this.orgDate(v, 'imgUrlP2')}"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
...@@ -811,6 +834,7 @@ ...@@ -811,6 +834,7 @@
<div v-if="controlLicense.includes('3')"> <div v-if="controlLicense.includes('3')">
<p v-if="certifyValidDtoList(9)" class="red">{{certifyValidDtoList(9)}}</p> <p v-if="certifyValidDtoList(9)" class="red">{{certifyValidDtoList(9)}}</p>
<p class="tips">食品经营(流通)许可证</p> <p class="tips">食品经营(流通)许可证</p>
<el-form-item prop="imgUrlP3">
<el-upload <el-upload
:disabled="Boolean(formData.imgUrlP3)" :disabled="Boolean(formData.imgUrlP3)"
v-model="formData.imgUrlP3" v-model="formData.imgUrlP3"
...@@ -840,12 +864,14 @@ ...@@ -840,12 +864,14 @@
<i class="el-icon-delete"></i> <i class="el-icon-delete"></i>
</div> </div>
</el-upload> </el-upload>
</el-form-item>
<el-form-item <el-form-item
label="有效日期" label="有效日期"
label-width="100px" label-width="100px"
prop="imgUrlP3Date"
> >
<el-date-picker <el-date-picker
v-model="imgUrlP3Date" v-model="formData.imgUrlP3Date"
@change="(v) => {this.orgDate(v, 'imgUrlP3')}" @change="(v) => {this.orgDate(v, 'imgUrlP3')}"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
...@@ -857,6 +883,7 @@ ...@@ -857,6 +883,7 @@
<div v-if="controlLicense.includes('2')"> <div v-if="controlLicense.includes('2')">
<p v-if="certifyValidDtoList(10)" class="red">{{certifyValidDtoList(10)}}</p> <p v-if="certifyValidDtoList(10)" class="red">{{certifyValidDtoList(10)}}</p>
<p class="tips">医疗器械经营许可证</p> <p class="tips">医疗器械经营许可证</p>
<el-form-item prop="imgUrlP4">
<el-upload <el-upload
:disabled="Boolean(formData.imgUrlP4)" :disabled="Boolean(formData.imgUrlP4)"
v-model="formData.imgUrlP4" v-model="formData.imgUrlP4"
...@@ -886,12 +913,14 @@ ...@@ -886,12 +913,14 @@
<i class="el-icon-delete"></i> <i class="el-icon-delete"></i>
</div> </div>
</el-upload> </el-upload>
</el-form-item>
<el-form-item <el-form-item
label="有效日期" label="有效日期"
label-width="100px" label-width="100px"
prop="imgUrlP4Date"
> >
<el-date-picker <el-date-picker
v-model="imgUrlP4Date" v-model="formData.imgUrlP4Date"
@change="(v) => {this.orgDate(v, 'imgUrlP4')}" @change="(v) => {this.orgDate(v, 'imgUrlP4')}"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
...@@ -902,6 +931,7 @@ ...@@ -902,6 +931,7 @@
</div> </div>
<div v-if="controlLicense.includes('2')"> <div v-if="controlLicense.includes('2')">
<p class="tips">医疗器械网络销售备案</p> <p class="tips">医疗器械网络销售备案</p>
<el-form-item prop="imgUrlP5">
<el-upload <el-upload
:disabled="Boolean(formData.imgUrlP5)" :disabled="Boolean(formData.imgUrlP5)"
v-model="formData.imgUrlP5" v-model="formData.imgUrlP5"
...@@ -931,12 +961,14 @@ ...@@ -931,12 +961,14 @@
<i class="el-icon-delete"></i> <i class="el-icon-delete"></i>
</div> </div>
</el-upload> </el-upload>
</el-form-item>
<el-form-item <el-form-item
label="有效日期" label="有效日期"
label-width="100px" label-width="100px"
prop="imgUrlP5Date"
> >
<el-date-picker <el-date-picker
v-model="imgUrlP5Date" v-model="formData.imgUrlP5Date"
@change="(v) => {this.orgDate(v, 'imgUrlP5')}" @change="(v) => {this.orgDate(v, 'imgUrlP5')}"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
...@@ -948,6 +980,7 @@ ...@@ -948,6 +980,7 @@
<div v-if="controlLicense.includes('2')"> <div v-if="controlLicense.includes('2')">
<p v-if="certifyValidDtoList(11)" class="red">{{certifyValidDtoList(11)}}</p> <p v-if="certifyValidDtoList(11)" class="red">{{certifyValidDtoList(11)}}</p>
<p class="tips">二类医疗器械经营备案凭证</p> <p class="tips">二类医疗器械经营备案凭证</p>
<el-form-item prop="imgUrlP6">
<el-upload <el-upload
:disabled="Boolean(formData.imgUrlP6)" :disabled="Boolean(formData.imgUrlP6)"
v-model="formData.imgUrlP6" v-model="formData.imgUrlP6"
...@@ -977,12 +1010,14 @@ ...@@ -977,12 +1010,14 @@
<i class="el-icon-delete"></i> <i class="el-icon-delete"></i>
</div> </div>
</el-upload> </el-upload>
</el-form-item>
<el-form-item <el-form-item
label="有效日期" label="有效日期"
label-width="100px" label-width="100px"
prop="imgUrlP6Date"
> >
<el-date-picker <el-date-picker
v-model="imgUrlP6Date" v-model="formData.imgUrlP6Date"
@change="(v) => {this.orgDate(v, 'imgUrlP6')}" @change="(v) => {this.orgDate(v, 'imgUrlP6')}"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
...@@ -1261,19 +1296,16 @@ export default { ...@@ -1261,19 +1296,16 @@ export default {
imgUrlC3: "", //证明图3 imgUrlC3: "", //证明图3
imgUrlC4: "", imgUrlC4: "",
imgUrlC5: "", imgUrlC5: "",
imgUrlP6Date: '',
imgUrlP5Date: '',
imgUrlP4Date: '',
imgUrlP3Date: '',
imgUrlP2Date: '',
imgUrlP1Date: '',
imgUrlC3Date:'',
imgUrlC5Date:'',
imgUrlC1Date:'',
repotList:[//仓库地址 repotList:[//仓库地址
// {
// addr: "asdasd",
// cityId: 130300000000,
// cityName: "秦皇岛市",
// countyId: 130306000000,
// countyName: "抚宁县",
// key: 0,
// provinceId: 130,
// provinceName: "河北省",
// receiver: "河北省河北省河北省河北省河北省河北省河北省河北省河北省河北省河北省河北省",
// receiverMobile: "13889873718"
// }
], ],
selectedKey: '', //默认收货地址 selectedKey: '', //默认收货地址
expressLimitFlag: 0, //是否限制物流公司 expressLimitFlag: 0, //是否限制物流公司
...@@ -1437,7 +1469,34 @@ export default { ...@@ -1437,7 +1469,34 @@ export default {
repotExpressList: [ repotExpressList: [
{ required: true, message: "请选择物流公司名称", trigger: "change" }, { required: true, message: "请选择物流公司名称", trigger: "change" },
], ],
'certifyReq.orgType':[{type: "string", required: true, message: '请填写名字', trigger: 'blur'}], //有多条校验条件的时候可以放个ob 'certifyReq.orgType':[{type: "string", required: true, message: '请填企业类型', trigger: 'blur'}], //有多条校验条件的时候可以放个ob
'certifyReq.orgAddress':[{type: "string", required: true, message: '请填写详细地址', trigger: 'blur'}],
'certifyReq.bizScope':[{type: "array", required: true, message: '请选择经营范围', trigger: 'change'}],
'certifyReq.orgName':[{type: "string", required: true, message: '请输入企业名称', trigger: 'blur'}],
'certifyReq.creditCode':[{type: "string", required: true, message: '请输入信用代码', trigger: 'blur'}],
// imgUrlC1Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'blur'}],
'certifyReq.assignorName':[{type: "string", required: true, message: '请输入委托人姓名', trigger: 'blur'}],
'certifyReq.assignorCertNo':[{type: "string", required: true, message: '请输入证件号码', trigger: 'blur'}],
// imgUrlC5Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
'certifyReq.legalName':[{type: "string", required: true, message: '请输入法人姓名', trigger: 'blur'}],
'certifyReq.legalCertNo':[{type: "string", required: true, message: '请输入证件号码', trigger: 'blur'}],
// imgUrlC3Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
imgUrlP1:[{type: "string", required: true, message: '请上传图片', trigger: 'blur'}],
// imgUrlP1Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
imgUrlP2:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
imgUrlP3:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
imgUrlP4:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
imgUrlP5:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
imgUrlP6:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
imgUrlC1:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
imgUrlC2:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
imgUrlC3:[{type: "string", required: true, message: '请上传图片', trigger: 'change'}],
imgUrlP2Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
imgUrlP3Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
imgUrlP4Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
imgUrlP5Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
imgUrlP6Date:[{type: "array", required: true, message: '请选择有效日期', trigger: 'change'}],
}, },
imgMouseOver1: false, imgMouseOver1: false,
uploadImgMessage1: false, //未上传图片，校验提示语 uploadImgMessage1: false, //未上传图片，校验提示语
...@@ -1453,15 +1512,6 @@ export default { ...@@ -1453,15 +1512,6 @@ export default {
imgMouseOverC3: false, imgMouseOverC3: false,
imgMouseOverC4: false, imgMouseOverC4: false,
imgMouseOverC5: false, imgMouseOverC5: false,
imgUrlP6Date: '',
imgUrlP5Date: '',
imgUrlP4Date: '',
imgUrlP3Date: '',
imgUrlP2Date: '',
imgUrlP1Date: '',
imgUrlC3Date:'',
imgUrlC5Date:'',
imgUrlC1Date:'',
optionsRegion: [], optionsRegion: [],
propsRegion: { propsRegion: {
lazy: true, lazy: true,
...@@ -1828,6 +1878,7 @@ export default { ...@@ -1828,6 +1878,7 @@ export default {
submitFlag = true; submitFlag = true;
} else { } else {
submitFlag = false; submitFlag = false;
this.$message.warning("请完善必填信息！");
} }
}); });
return submitFlag; return submitFlag;
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或