|
|
@@ -24,7 +24,7 @@
|
|
|
<u-form-item required labelWidth="auto" borderBottom label="企业全称" prop="fullName">
|
|
|
<u-input border="none" placeholder="请输入企业全称" v-model="form.fullName" maxlength="60" />
|
|
|
</u-form-item>
|
|
|
- <u-form-item required labelWidth="auto" borderBottom label="电话号码;" prop="phone">
|
|
|
+ <u-form-item required labelWidth="auto" borderBottom label="电话号码" prop="phone">
|
|
|
<u-input border="none" placeholder="请输入电话号码;" v-model="form.phone" maxlength="20" />
|
|
|
</u-form-item>
|
|
|
<u-form-item required labelWidth="auto" borderBottom label="所在城市" prop="cityIds" @click="cityShow=true">
|
|
|
@@ -60,12 +60,36 @@
|
|
|
:maxCount="1"
|
|
|
></u-upload>
|
|
|
</u-form-item>
|
|
|
- <u-form-item required labelWidth="auto" borderBottom label="营业执照有效期" prop="businessLicenseExpireStart" @click="openCalendar(1)">
|
|
|
- <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择营业执照有效期" v-model="businessLicenseExpire" />
|
|
|
- <template #right> <u-icon name="arrow-right"></u-icon> </template>
|
|
|
- </u-form-item>
|
|
|
+ <!-- <u-form-item required labelWidth="auto" borderBottom label="营业执照是否长期有效" prop="longTime">
|
|
|
+ <u-radio-group placement="row" v-model="form.longTime" >
|
|
|
+ <u-radio activeColor="#2583EB" :customStyle="{marginRight: '8px'}" key="1" label="是" :name="1" > </u-radio>
|
|
|
+ <u-radio activeColor="#2583EB" :customStyle="{marginRight: '8px'}" key="2" label="否" :name="2" > </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </u-form-item> -->
|
|
|
+ <template v-if="form.longTime==2">
|
|
|
+ <!-- <u-form-item required labelWidth="auto" borderBottom label="营业执照有效期" prop="businessLicenseExpireStart" @click="openCalendar(1)">
|
|
|
+ <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择营业执照有效期" v-model="businessLicenseExpire" />
|
|
|
+ <template #right> <u-icon name="arrow-right"></u-icon> </template>
|
|
|
+ </u-form-item> -->
|
|
|
+ <u-form-item :required="form.longTime==2" labelWidth="auto" borderBottom label="营业执照有效期开始时间" prop="businessLicenseExpireStart">
|
|
|
+ <picker :value="form.businessLicenseExpireStart" mode="date" fields="day" @change="pickerChange($event,'businessLicenseExpireStart')">
|
|
|
+ <view class="x-f" style="justify-content: space-between;">
|
|
|
+ <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择开始时间" v-model="form.businessLicenseExpireStart" />
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item :required="form.longTime==2" labelWidth="auto" borderBottom label="营业执照有效期结束时间" prop="businessLicenseExpireEnd">
|
|
|
+ <picker :value="form.businessLicenseExpireEnd" mode="date" fields="day" @change="pickerChange($event,'businessLicenseExpireEnd')">
|
|
|
+ <view class="x-f" style="justify-content: space-between;">
|
|
|
+ <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择结束时间" v-model="form.businessLicenseExpireEnd" />
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
+ </u-form-item>
|
|
|
+ </template>
|
|
|
<u-form-item required labelWidth="auto" borderBottom label="经营范围" prop="businessScope">
|
|
|
- <u-input border="none" placeholder="请输入经营范围" v-model="form.businessScope" maxlength="400" />
|
|
|
+ <u-input border="none" placeholder="请输入经营范围" v-model="form.businessScope" maxlength="1000" />
|
|
|
</u-form-item>
|
|
|
<u-form-item required labelWidth="auto" borderBottom label="药品经营许可证" prop="drugLicense">
|
|
|
<u-upload
|
|
|
@@ -76,9 +100,23 @@
|
|
|
:maxCount="1"
|
|
|
></u-upload>
|
|
|
</u-form-item>
|
|
|
- <u-form-item required labelWidth="auto" borderBottom label="药品经营许可证编号有效期" prop="drugLicenseExpiryStart" @click="openCalendar(2)">
|
|
|
- <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择药品经营许可证编号有效期" v-model="drugLicenseExpiry" />
|
|
|
- <template #right> <u-icon name="arrow-right"></u-icon> </template>
|
|
|
+ <u-form-item required labelWidth="auto" borderBottom label="药品经营许可证编号有效期开始时间" prop="drugLicenseExpiryStart">
|
|
|
+ <!-- <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择药品经营许可证编号有效期" v-model="drugLicenseExpiry" />
|
|
|
+ <template #right> <u-icon name="arrow-right"></u-icon> </template> -->
|
|
|
+ <picker :value="form.drugLicenseExpiryStart" mode="date" fields="day" @change="pickerChange($event,'drugLicenseExpiryStart')">
|
|
|
+ <view class="x-f" style="justify-content: space-between;">
|
|
|
+ <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择开始时间" v-model="form.drugLicenseExpiryStart" />
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item required labelWidth="auto" borderBottom label="药品经营许可证编号有效期结束时间" prop="drugLicenseExpiryEnd">
|
|
|
+ <picker :value="form.drugLicenseExpiryStart" mode="date" fields="day" @change="pickerChange($event,'drugLicenseExpiryEnd')">
|
|
|
+ <view class="x-f" style="justify-content: space-between;">
|
|
|
+ <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择结束时间" v-model="form.drugLicenseExpiryEnd" />
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
</u-form-item>
|
|
|
<u-form-item required labelWidth="auto" borderBottom label="2类器械经营备案" prop="medicalDevice2">
|
|
|
<u-upload
|
|
|
@@ -89,9 +127,21 @@
|
|
|
:maxCount="1"
|
|
|
></u-upload>
|
|
|
</u-form-item>
|
|
|
- <u-form-item required labelWidth="auto" borderBottom label="2类器械经营备案有效期" prop="medicalDevice2ExpiryStart" @click="openCalendar(3)">
|
|
|
- <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择2类器械经营备案有效期" v-model="medicalDevice2Expiry" />
|
|
|
- <template #right> <u-icon name="arrow-right"></u-icon> </template>
|
|
|
+ <u-form-item required labelWidth="auto" borderBottom label="2类器械经营备案有效期开始时间" prop="medicalDevice2ExpiryStart">
|
|
|
+ <picker :value="form.medicalDevice2ExpiryStart" mode="date" fields="day" @change="pickerChange($event,'medicalDevice2ExpiryStart')">
|
|
|
+ <view class="x-f" style="justify-content: space-between;">
|
|
|
+ <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择开始时间" v-model="form.medicalDevice2ExpiryStart" />
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item required labelWidth="auto" borderBottom label="2类器械经营备案有效期结束时间" prop="medicalDevice2ExpiryEnd">
|
|
|
+ <picker :value="form.medicalDevice2ExpiryEnd" mode="date" fields="day" @change="pickerChange($event,'medicalDevice2ExpiryEnd')">
|
|
|
+ <view class="x-f" style="justify-content: space-between;">
|
|
|
+ <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择结束时间" v-model="form.medicalDevice2ExpiryEnd" />
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
</u-form-item>
|
|
|
<u-form-item labelWidth="auto" borderBottom label="1类器械生产备案" prop="medicalDevice1">
|
|
|
<u-upload
|
|
|
@@ -102,9 +152,21 @@
|
|
|
:maxCount="1"
|
|
|
></u-upload>
|
|
|
</u-form-item>
|
|
|
- <u-form-item labelWidth="auto" borderBottom label="1类器械生产备案有效期" prop="medicalDevice1ExpiryStart" @click="openCalendar(4)">
|
|
|
- <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择1类器械生产备案有效期" v-model="medicalDevice1Expiry" />
|
|
|
- <template #right> <u-icon name="arrow-right"></u-icon> </template>
|
|
|
+ <u-form-item labelWidth="auto" borderBottom label="1类器械生产备案有效期开始时间" prop="medicalDevice1ExpiryStart">
|
|
|
+ <picker :value="form.medicalDevice1ExpiryStart" mode="date" fields="day" @change="pickerChange($event,'medicalDevice1ExpiryStart')">
|
|
|
+ <view class="x-f" style="justify-content: space-between;">
|
|
|
+ <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择开始时间" v-model="form.medicalDevice1ExpiryStart" />
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item labelWidth="auto" borderBottom label="1类器械生产备案有效期结束时间" prop="medicalDevice1ExpiryEnd">
|
|
|
+ <picker :value="form.medicalDevice1ExpiryEnd" mode="date" fields="day" @change="pickerChange($event,'medicalDevice1ExpiryEnd')">
|
|
|
+ <view class="x-f" style="justify-content: space-between;">
|
|
|
+ <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择结束时间" v-model="form.medicalDevice1ExpiryEnd" />
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
</u-form-item>
|
|
|
<u-form-item labelWidth="auto" borderBottom label="3类器械经营许可证" prop="medicalDevice3">
|
|
|
<u-upload
|
|
|
@@ -115,9 +177,21 @@
|
|
|
:maxCount="1"
|
|
|
></u-upload>
|
|
|
</u-form-item>
|
|
|
- <u-form-item labelWidth="auto" borderBottom label="3类器械经营许可证有效期" prop="medicalDevice3ExpiryStart" @click="openCalendar(5)">
|
|
|
- <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择3类器械经营许可证有效期" v-model="medicalDevice3Expiry" />
|
|
|
- <template #right> <u-icon name="arrow-right"></u-icon> </template>
|
|
|
+ <u-form-item labelWidth="auto" borderBottom label="3类器械经营许可证有效期开始时间" prop="medicalDevice3ExpiryStart">
|
|
|
+ <picker :value="form.medicalDevice3ExpiryStart" mode="date" fields="day" @change="pickerChange($event,'medicalDevice3ExpiryStart')">
|
|
|
+ <view class="x-f" style="justify-content: space-between;">
|
|
|
+ <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择开始时间" v-model="form.medicalDevice3ExpiryStart" />
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item labelWidth="auto" borderBottom label="3类器械经营许可证有效期结束时间" prop="medicalDevice3ExpiryEnd">
|
|
|
+ <picker :value="form.medicalDevice3ExpiryEnd" mode="date" fields="day" @change="pickerChange($event,'medicalDevice3ExpiryEnd')">
|
|
|
+ <view class="x-f" style="justify-content: space-between;">
|
|
|
+ <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择结束时间" v-model="form.medicalDevice3ExpiryEnd" />
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
</u-form-item>
|
|
|
<u-form-item labelWidth="auto" borderBottom label="食品经营许可证" prop="foodLicense">
|
|
|
<u-upload
|
|
|
@@ -128,9 +202,21 @@
|
|
|
:maxCount="1"
|
|
|
></u-upload>
|
|
|
</u-form-item>
|
|
|
- <u-form-item labelWidth="auto" borderBottom label="食品经营许可证有效期" prop="foodLicenseExpiryStart" @click="openCalendar(6)">
|
|
|
- <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择食品经营许可证有效期" v-model="foodLicenseExpiry" />
|
|
|
- <template #right> <u-icon name="arrow-right"></u-icon> </template>
|
|
|
+ <u-form-item labelWidth="auto" borderBottom label="食品经营许可证有效期开始时间" prop="foodLicenseExpiryStart">
|
|
|
+ <picker :value="form.foodLicenseExpiryStart" mode="date" fields="day" @change="pickerChange($event,'foodLicenseExpiryStart')">
|
|
|
+ <view class="x-f" style="justify-content: space-between;">
|
|
|
+ <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择开始时间" v-model="form.foodLicenseExpiryStart" />
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item labelWidth="auto" borderBottom label="食品经营许可证有效期结束时间" prop="foodLicenseExpiryEnd">
|
|
|
+ <picker :value="form.foodLicenseExpiryEnd" mode="date" fields="day" @change="pickerChange($event,'foodLicenseExpiryEnd')">
|
|
|
+ <view class="x-f" style="justify-content: space-between;">
|
|
|
+ <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择结束时间" v-model="form.foodLicenseExpiryEnd" />
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
</u-form-item>
|
|
|
<u-form-item required labelWidth="auto" borderBottom label="医疗机构执业许可证" prop="medicalLicense">
|
|
|
<u-upload
|
|
|
@@ -141,14 +227,26 @@
|
|
|
:maxCount="1"
|
|
|
></u-upload>
|
|
|
</u-form-item>
|
|
|
- <u-form-item required labelWidth="auto" borderBottom label="医疗机构执业许可证有效期" prop="medicalLicenseExpiryStart" @click="openCalendar(7)">
|
|
|
- <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择医疗机构执业许可证有效期" v-model="medicalLicenseExpiry" />
|
|
|
- <template #right> <u-icon name="arrow-right"></u-icon> </template>
|
|
|
+ <u-form-item required labelWidth="auto" borderBottom label="医疗机构执业许可证有效期开始时间" prop="medicalLicenseExpiryStart">
|
|
|
+ <picker :value="form.medicalLicenseExpiryStart" mode="date" fields="day" @change="pickerChange($event,'medicalLicenseExpiryStart')">
|
|
|
+ <view class="x-f" style="justify-content: space-between;">
|
|
|
+ <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选开始时间" v-model="form.medicalLicenseExpiryStart" />
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item required labelWidth="auto" borderBottom label="医疗机构执业许可证有效期择结束时间" prop="medicalLicenseExpiryEnd">
|
|
|
+ <picker :value="form.medicalLicenseExpiryEnd" mode="date" fields="day" @change="pickerChange($event,'medicalLicenseExpiryEnd')">
|
|
|
+ <view class="x-f" style="justify-content: space-between;">
|
|
|
+ <u-input disabled disabledColor="#ffffff" border="none" placeholder="请选择结束时间" v-model="form.medicalLicenseExpiryEnd" />
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
</u-form-item>
|
|
|
<u-form-item required labelWidth="auto" borderBottom label="发货联系电话" prop="sendPhone">
|
|
|
<u-input border="none" placeholder="请输入发货联系电话" v-model="form.sendPhone" maxlength="20" />
|
|
|
</u-form-item>
|
|
|
- <u-form-item required labelWidth="auto" borderBottom label="佣金类型" prop="shippingType">
|
|
|
+ <u-form-item required labelWidth="auto" borderBottom label="配送方式" prop="shippingType">
|
|
|
<u-radio-group placement="row" v-model="form.shippingType" >
|
|
|
<u-radio activeColor="#2583EB" :customStyle="{marginRight: '8px'}" key="1" label="配送" name="1" > </u-radio>
|
|
|
<u-radio activeColor="#2583EB" :customStyle="{marginRight: '8px'}" key="2" label="到店自提" name="2" > </u-radio>
|
|
|
@@ -217,6 +315,7 @@ export default {
|
|
|
fileList8:[],
|
|
|
checked:0,
|
|
|
form:{
|
|
|
+ longTime: 2,
|
|
|
storeName:'',
|
|
|
fullName:'',
|
|
|
phone:'',
|
|
|
@@ -260,26 +359,28 @@ export default {
|
|
|
logoUrl: [{required: true, message: '请上传企业LOGO'}],
|
|
|
storeName: [{required: true, message: '请输入企业简称'}],
|
|
|
fullName: [{required: true, message: '请输入企业全称'}],
|
|
|
- phone: [{required: true, message: '请输入电话号码;'}],
|
|
|
- cityIds: [{required: true, message: '请选择所在城市;'}],
|
|
|
+ phone: [{required: true, message: '请输入电话号码'}],
|
|
|
+ cityIds: [{required: true, message: '请选择所在城市'}],
|
|
|
enterpriseAddress: [{required: true, message: '请输入企业地址'}],
|
|
|
legalPersonName: [{required: true, message: '请输入法人姓名'}],
|
|
|
unifiedSocialCreditCode: [{required: true, message: '请输入统一社会信用代码'}],
|
|
|
businessLicense: [{required: true, message: '请上传营业执照'}],
|
|
|
- businessLicenseExpireStart: [{required: true, message: '请选择营业执照有效期'}],
|
|
|
+ businessLicenseExpireStart: [],
|
|
|
+ businessLicenseExpireEnd: [],
|
|
|
drugLicense: [{required: true, message: '请上传药品经营许可证'}],
|
|
|
drugLicenseExpiryStart: [{required: true, message: '请选择药品经营许可证编号有效期'}],
|
|
|
medicalDevice2: [{required: true, message: '请上传2类医疗器械备案'}],
|
|
|
medicalDevice2ExpiryStart: [{required: true, message: '请选择2类医疗器械备案有效期'}],
|
|
|
medicalLicense: [{required: true, message: '请上传医疗机构执业许可证'}],
|
|
|
medicalLicenseExpiryStart: [{required: true, message: '请选择医疗机构执业许可证有效期'}],
|
|
|
- refundPhone: [{required: true, message: '请输入经营范围'}],
|
|
|
- businessScope: [{required: true, message: '请输入退货联系电话'}],
|
|
|
+ refundPhone: [{required: true, message: '请输入退货联系电话'}],
|
|
|
+ businessScope: [{required: true, message: '请输入经营范围'}],
|
|
|
refundAddress: [{required: true, message: '请输入退货地址'}],
|
|
|
refundConsignee: [{required: true, message: '请输入退货联系人'}],
|
|
|
brokerageType: [{required: true, message: '请选择佣金类型'}],
|
|
|
account: [{required: true, message: '请输入登录帐号'}],
|
|
|
shippingType: [{required: true, message: '请选择配送方式'}],
|
|
|
+ longTime: [{required: true, message: '请选择营业执照是否长期有效'}],
|
|
|
},
|
|
|
calendarType: 0,
|
|
|
businessLicenseExpire:'',
|
|
|
@@ -307,6 +408,9 @@ export default {
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
|
+ pickerChange(e,type) {
|
|
|
+ this.form[type] = e.detail.value
|
|
|
+ },
|
|
|
openCalendar(calendarType){
|
|
|
this.calendarType=calendarType
|
|
|
this.$refs.calendar.open();
|
|
|
@@ -564,11 +668,39 @@ export default {
|
|
|
this.form.medicalLicense=this.fileList8[0].url
|
|
|
}
|
|
|
console.log(this.form)
|
|
|
+ const requiredFlag = this.form.longTime == 2
|
|
|
+ if(requiredFlag==2&&!this.form.businessLicenseExpireStart) {
|
|
|
+ uni.showToast({
|
|
|
+ title: '请选择营业执照有效期开始时间',
|
|
|
+ icon: 'none'
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if(requiredFlag==2&&!this.form.businessLicenseExpireEnd) {
|
|
|
+ uni.showToast({
|
|
|
+ title: '请选择营业执照有效期开始时间',
|
|
|
+ icon: 'none'
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ /* 关键:改的是原来就存在的数组,保证响应式 */
|
|
|
+ // this.rules.businessLicenseExpireStart = requiredFlag
|
|
|
+ // ? [{ required: true, message: '请选择营业执照有效期开始时间' }]
|
|
|
+ // : []
|
|
|
+
|
|
|
+ // this.rules.businessLicenseExpireEnd = requiredFlag
|
|
|
+ // ? [{ required: true, message: '请选择营业执照有效期结束时间' }]
|
|
|
+ // : []
|
|
|
+
|
|
|
+ // this.$refs.uForm.setRules(this.rules);
|
|
|
+ console.log("下发")
|
|
|
+ // this.$nextTick(() => {
|
|
|
this.$refs.uForm.validate().then(res => {
|
|
|
if(res) {
|
|
|
this.register()
|
|
|
}
|
|
|
})
|
|
|
+ // })
|
|
|
},
|
|
|
}
|
|
|
}
|
|
|
@@ -578,7 +710,9 @@ export default {
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
-
|
|
|
+ .es-ml-14 {
|
|
|
+ margin-right: 14rpx;
|
|
|
+ }
|
|
|
.content{
|
|
|
display: flex;
|
|
|
flex-direction: column;
|