|
@@ -16,7 +16,8 @@
|
|
|
</view>
|
|
</view>
|
|
|
<view class="storeInfo-item x-start">
|
|
<view class="storeInfo-item x-start">
|
|
|
<view class="label" style="width: 4rem;">经营范围</view>
|
|
<view class="label" style="width: 4rem;">经营范围</view>
|
|
|
- <view id="descbox-desc" :class="showDes|| !showExpandText? 'opacity descbox-desc':'descbox-desc' " :style="{height: isExpand ? 'auto': '84rpx'}">
|
|
|
|
|
|
|
+ <view id="descbox-desc" :class="showDes|| !showExpandText? 'opacity descbox-desc':'descbox-desc' "
|
|
|
|
|
+ :style="{height: isExpand ? 'auto': '84rpx'}">
|
|
|
{{storeInfo.businessScope|| ''}}
|
|
{{storeInfo.businessScope|| ''}}
|
|
|
<!-- <view class="expand x-ac">
|
|
<!-- <view class="expand x-ac">
|
|
|
{{!isExpand&&showExpandText ? '展开':'收起'}}
|
|
{{!isExpand&&showExpandText ? '展开':'收起'}}
|
|
@@ -30,113 +31,117 @@
|
|
|
<view class="storeInfo title">资质信息</view>
|
|
<view class="storeInfo title">资质信息</view>
|
|
|
<view class="storeInfo-item mb20">
|
|
<view class="storeInfo-item mb20">
|
|
|
<view class="label mb20">营业执照</view>
|
|
<view class="label mb20">营业执照</view>
|
|
|
|
|
+ <view class="label mb20" v-if="storeInfo.businessCode">营业执照上传编码 {{storeInfo.businessCode}}</view>
|
|
|
<view class="val x-f">
|
|
<view class="val x-f">
|
|
|
- <u-image
|
|
|
|
|
- v-if="storeInfo.businessLicense"
|
|
|
|
|
- shape="square"
|
|
|
|
|
- lazyLoad
|
|
|
|
|
- :src="storeInfo.businessLicense"
|
|
|
|
|
- width="600rpx"
|
|
|
|
|
- height="auto"
|
|
|
|
|
- mode="widthFix"
|
|
|
|
|
- radius="6"
|
|
|
|
|
- @click="previewImage('businessLicense')"
|
|
|
|
|
- ></u-image>
|
|
|
|
|
|
|
+ <u-image v-if="storeInfo.businessLicense" shape="square" lazyLoad :src="storeInfo.businessLicense"
|
|
|
|
|
+ width="600rpx" height="auto" mode="widthFix" radius="6"
|
|
|
|
|
+ @click="previewImage('businessLicense')"></u-image>
|
|
|
<view v-else>暂未上传</view>
|
|
<view v-else>暂未上传</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="storeInfo-item mb20" v-if="storeInfo.medicalDevice2">
|
|
<view class="storeInfo-item mb20" v-if="storeInfo.medicalDevice2">
|
|
|
<view class="label" mb20>2类器械生产备案</view>
|
|
<view class="label" mb20>2类器械生产备案</view>
|
|
|
|
|
+ <view class="label mb20" v-if="storeInfo.medicalDevice2Code">二类器械生产备案文件编码 {{storeInfo.medicalDevice2Code}}</view>
|
|
|
<view class="val x-f">
|
|
<view class="val x-f">
|
|
|
- <u-image
|
|
|
|
|
- v-if="storeInfo.medicalDevice2"
|
|
|
|
|
- shape="square"
|
|
|
|
|
- lazyLoad
|
|
|
|
|
- :src="storeInfo.medicalDevice2"
|
|
|
|
|
- width="600rpx"
|
|
|
|
|
- height="auto"
|
|
|
|
|
- mode="widthFix"
|
|
|
|
|
- radius="6"
|
|
|
|
|
- @click="previewImage('medicalDevice2')"
|
|
|
|
|
- ></u-image>
|
|
|
|
|
|
|
+ <u-image v-if="storeInfo.medicalDevice2" shape="square" lazyLoad :src="storeInfo.medicalDevice2"
|
|
|
|
|
+ width="600rpx" height="auto" mode="widthFix" radius="6"
|
|
|
|
|
+ @click="previewImage('medicalDevice2')"></u-image>
|
|
|
<view v-else>暂未上传</view>
|
|
<view v-else>暂未上传</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="storeInfo-item mb20" v-if="storeInfo.medicalDevice1">
|
|
<view class="storeInfo-item mb20" v-if="storeInfo.medicalDevice1">
|
|
|
<view class="label mb20">1类医疗器械备案</view>
|
|
<view class="label mb20">1类医疗器械备案</view>
|
|
|
|
|
+ <view class="label mb20" v-if="storeInfo.medicalDevice1Code">一类器械生产备案文件编码 {{storeInfo.medicalDevice1Code}}</view>
|
|
|
<view class="val x-start">
|
|
<view class="val x-start">
|
|
|
- <u-image
|
|
|
|
|
- v-if="storeInfo.medicalDevice1"
|
|
|
|
|
- shape="square"
|
|
|
|
|
- lazyLoad
|
|
|
|
|
- :src="storeInfo.medicalDevice1"
|
|
|
|
|
- width="600rpx"
|
|
|
|
|
- height="auto"
|
|
|
|
|
- mode="widthFix"
|
|
|
|
|
- radius="6"
|
|
|
|
|
- @click="previewImage('medicalDevice1')"
|
|
|
|
|
- ></u-image>
|
|
|
|
|
|
|
+ <u-image v-if="storeInfo.medicalDevice1" shape="square" lazyLoad :src="storeInfo.medicalDevice1"
|
|
|
|
|
+ width="600rpx" height="auto" mode="widthFix" radius="6"
|
|
|
|
|
+ @click="previewImage('medicalDevice1')"></u-image>
|
|
|
<view v-else>暂未上传</view>
|
|
<view v-else>暂未上传</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="storeInfo-item mb20" v-if="storeInfo.medicalDevice3">
|
|
<view class="storeInfo-item mb20" v-if="storeInfo.medicalDevice3">
|
|
|
<view class="label mb20">3类器械经营许可证</view>
|
|
<view class="label mb20">3类器械经营许可证</view>
|
|
|
|
|
+ <view class="label mb20" v-if="storeInfo.medicalDevice3Code">三类器械生产备案文件编码 {{storeInfo.medicalDevice3Code}}</view>
|
|
|
<view class="val x-f">
|
|
<view class="val x-f">
|
|
|
- <u-image
|
|
|
|
|
- v-if="storeInfo.medicalDevice3"
|
|
|
|
|
- shape="square"
|
|
|
|
|
- lazyLoad
|
|
|
|
|
- :src="storeInfo.medicalDevice3"
|
|
|
|
|
- width="600rpx"
|
|
|
|
|
- height="auto"
|
|
|
|
|
- mode="widthFix"
|
|
|
|
|
- radius="6"
|
|
|
|
|
- @click="previewImage('medicalDevice3')"
|
|
|
|
|
- ></u-image>
|
|
|
|
|
|
|
+ <u-image v-if="storeInfo.medicalDevice3" shape="square" lazyLoad :src="storeInfo.medicalDevice3"
|
|
|
|
|
+ width="600rpx" height="auto" mode="widthFix" radius="6"
|
|
|
|
|
+ @click="previewImage('medicalDevice3')"></u-image>
|
|
|
<view v-else>暂未上传</view>
|
|
<view v-else>暂未上传</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+
|
|
|
<view class="storeInfo-item mb20" v-if="storeInfo.foodLicense">
|
|
<view class="storeInfo-item mb20" v-if="storeInfo.foodLicense">
|
|
|
<view class="label mb20">食品经营许可证</view>
|
|
<view class="label mb20">食品经营许可证</view>
|
|
|
|
|
+ <view class="label mb20" v-if="storeInfo.foodCode">食品经营许可证上传编码 {{storeInfo.foodCode}}</view>
|
|
|
<view class="val x-f">
|
|
<view class="val x-f">
|
|
|
- <u-image
|
|
|
|
|
- v-if="storeInfo.foodLicense"
|
|
|
|
|
- shape="square"
|
|
|
|
|
- lazyLoad
|
|
|
|
|
- :src="storeInfo.foodLicense"
|
|
|
|
|
- width="600rpx"
|
|
|
|
|
- height="auto"
|
|
|
|
|
- mode="widthFix"
|
|
|
|
|
- radius="6"
|
|
|
|
|
- @click="previewImage('foodLicense')"
|
|
|
|
|
- ></u-image>
|
|
|
|
|
|
|
+ <u-image v-if="storeInfo.foodLicense" shape="square" lazyLoad :src="storeInfo.foodLicense"
|
|
|
|
|
+ width="600rpx" height="auto" mode="widthFix" radius="6"
|
|
|
|
|
+ @click="previewImage('foodLicense')"></u-image>
|
|
|
<view v-else>暂未上传</view>
|
|
<view v-else>暂未上传</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+
|
|
|
<view class="storeInfo-item mb20" v-if="storeInfo.medicalLicense">
|
|
<view class="storeInfo-item mb20" v-if="storeInfo.medicalLicense">
|
|
|
<view class="label mb20">医疗机构执业许可证</view>
|
|
<view class="label mb20">医疗机构执业许可证</view>
|
|
|
|
|
+ <view class="label mb20" v-if="storeInfo.medicalCode">医疗机构执业许可证上传编码 {{storeInfo.medicalCode}}</view>
|
|
|
<view class="val x-f">
|
|
<view class="val x-f">
|
|
|
- <u-image
|
|
|
|
|
- v-if="storeInfo.medicalLicense"
|
|
|
|
|
- shape="square"
|
|
|
|
|
- lazyLoad
|
|
|
|
|
- :src="storeInfo.medicalLicense"
|
|
|
|
|
- width="600rpx"
|
|
|
|
|
- height="auto"
|
|
|
|
|
- mode="widthFix"
|
|
|
|
|
- radius="6"
|
|
|
|
|
- @click="previewImage('medicalLicense')"
|
|
|
|
|
- ></u-image>
|
|
|
|
|
|
|
+ <u-image v-if="storeInfo.medicalLicense" shape="square" lazyLoad :src="storeInfo.medicalLicense"
|
|
|
|
|
+ width="600rpx" height="auto" mode="widthFix" radius="6"
|
|
|
|
|
+ @click="previewImage('medicalLicense')"></u-image>
|
|
|
<view v-else>暂未上传</view>
|
|
<view v-else>暂未上传</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <view class="storeInfo-item mb20" v-if="storeInfo.drugLicense">
|
|
|
|
|
+ <view class="label mb20">药品经营许可证</view>
|
|
|
|
|
+ <view class="label mb20" v-if="storeInfo.drugCode">药品经营许可证编码 {{storeInfo.drugCode}}</view>
|
|
|
|
|
+ <view class="val x-f">
|
|
|
|
|
+ <u-image v-if="storeInfo.drugLicense" shape="square" lazyLoad :src="storeInfo.drugLicense"
|
|
|
|
|
+ width="600rpx" height="auto" mode="widthFix" radius="6"
|
|
|
|
|
+ @click="previewImage('drugLicense')"></u-image>
|
|
|
|
|
+ <view v-else>暂未上传</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="storeInfo-item mb20" v-if="storeInfo&&storeInfo.doctorList&&storeInfo.doctorList.length>0">
|
|
|
|
|
+ <view v-for="(item,index) in storeInfo.doctorList" :key="index">
|
|
|
|
|
+ <view class="label mb20">药师职业证书:{{item.doctorName}}</view>
|
|
|
|
|
+ <view class="label mb20" v-if="item.practiseCode">药师职业许可证编码 {{item.practiseCode}}</view>
|
|
|
|
|
+ <view class="val ">
|
|
|
|
|
+ <!-- <view v-for="(img,indexs) in item.imagesArray" :key="indexs">
|
|
|
|
|
+ <u-image shape="square" lazyLoad :src="img"
|
|
|
|
|
+ width="600rpx" height="auto" mode="widthFix" radius="6"
|
|
|
|
|
+ @click="previewImages(item.imagesArray,indexs)"></u-image>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ -->
|
|
|
|
|
+ <view v-if="item.imagesArray&&item.imagesArray.length>0">
|
|
|
|
|
+ <u-image shape="square" lazyLoad :src="item.imagesArray[0]"
|
|
|
|
|
+ width="600rpx" height="auto" mode="widthFix" radius="6"
|
|
|
|
|
+ @click="previewImages(item.imagesArray,indexs)"></u-image>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <!-- <u-image v-if="item.practiseImages" shape="square" lazyLoad :src="item.practiseImages"
|
|
|
|
|
+ width="600rpx" height="auto" mode="widthFix" radius="6"
|
|
|
|
|
+ @click="previewImage('drugLicense')"></u-image> -->
|
|
|
|
|
+ <view v-else>暂未上传</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <view class="storeInfo-item mb20" v-if="storeInfo.otherSpecialQualificationCode">
|
|
|
|
|
+ <view class="label mb20">其它特殊资质编码 {{storeInfo.otherSpecialQualificationCode}}
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="storeInfo-item mb20" v-if="storeInfo.qualityAssuranceAgreementCode">
|
|
|
|
|
+ <view class="label mb20">质量保证协议编码 {{storeInfo.qualityAssuranceAgreementCode}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="storeInfo-item mb20" v-if="storeInfo.settlementAgreementCode">
|
|
|
|
|
+ <view class="label mb20">其它资质入驻协议编码 {{storeInfo.settlementAgreementCode}}</view>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
export default {
|
|
export default {
|
|
|
- props:['storeInfo','source'],
|
|
|
|
|
|
|
+ props: ['storeInfo', 'source'],
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
showDes: false,
|
|
showDes: false,
|
|
@@ -146,12 +151,30 @@
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ sliceimg(){
|
|
|
|
|
+ console.log(this.storeInfo)
|
|
|
|
|
+ if (this.storeInfo.doctorList && this.storeInfo.doctorList.length > 0) {
|
|
|
|
|
+ this.storeInfo.doctorList = this.storeInfo.doctorList.map(doctor => {
|
|
|
|
|
+ if (doctor.practiseImages) {
|
|
|
|
|
+ doctor.practiseImages = doctor.practiseImages.split(',').map(img => img.trim());
|
|
|
|
|
+ }
|
|
|
|
|
+ return doctor;
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ console.log(this.storeInfo.doctorList)
|
|
|
|
|
+ },
|
|
|
previewImage(type) {
|
|
previewImage(type) {
|
|
|
uni.previewImage({
|
|
uni.previewImage({
|
|
|
current: 0,
|
|
current: 0,
|
|
|
urls: [this.storeInfo[type]]
|
|
urls: [this.storeInfo[type]]
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
|
|
+ previewImages(type,indexs) {
|
|
|
|
|
+ uni.previewImage({
|
|
|
|
|
+ current: type[indexs],
|
|
|
|
|
+ urls: [type[0]]
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
getDescHeight() {
|
|
getDescHeight() {
|
|
|
return
|
|
return
|
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
@@ -176,15 +199,18 @@
|
|
|
.mb20 {
|
|
.mb20 {
|
|
|
margin-bottom: 20rpx;
|
|
margin-bottom: 20rpx;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.box {
|
|
.box {
|
|
|
padding: 0 32rpx 26rpx 32rpx;
|
|
padding: 0 32rpx 26rpx 32rpx;
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.opacity {
|
|
.opacity {
|
|
|
position: relative !important;
|
|
position: relative !important;
|
|
|
opacity: 1 !important;
|
|
opacity: 1 !important;
|
|
|
z-index: 1 !important;
|
|
z-index: 1 !important;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.descbox-desc {
|
|
.descbox-desc {
|
|
|
color: #222;
|
|
color: #222;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
@@ -197,28 +223,34 @@
|
|
|
opacity: 0;
|
|
opacity: 0;
|
|
|
z-index: -1;
|
|
z-index: -1;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.container-body {
|
|
.container-body {
|
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-family: PingFang SC, PingFang SC;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
color: #939599;
|
|
color: #939599;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.businessLicense {
|
|
.businessLicense {
|
|
|
height: 80rpx;
|
|
height: 80rpx;
|
|
|
width: 80rpx;
|
|
width: 80rpx;
|
|
|
border-radius: 8rpx;
|
|
border-radius: 8rpx;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.storeInfo {
|
|
.storeInfo {
|
|
|
&-item {
|
|
&-item {
|
|
|
padding: 6rpx 0;
|
|
padding: 6rpx 0;
|
|
|
|
|
+
|
|
|
.label {
|
|
.label {
|
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.val {
|
|
.val {
|
|
|
color: #222;
|
|
color: #222;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.title {
|
|
.title {
|
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-family: PingFang SC, PingFang SC;
|
|
|
font-weight: 600;
|
|
font-weight: 600;
|