添加门店资质信息

src/bundle/tea-room/license.vue

@@ -0,0 +1,78 @@
+<route lang="jsonc" type="page">
+{
+	"needLogin": true,
+	"layout": "default",
+	"style": {
+		"navigationBarBackgroundColor": "#FFF",
+		"navigationBarTitleText": "资质信息"
+	}
+}
+</route>
+
+<template>
+	<view class="flex flex-col min-h-screen">
+		<view v-if="hasLicense" class="bg-[#fff] mt-28rpx px-30rpx">
+			<view class="font-800 text-36rpx text-[#303133] leading-50rpx">经营资质</view>
+			<view class="flex items-center mt-28rpx text-28rpx leading-40rpx">
+				<view class="mr-20rpx text-[#606266]">证件号码：</view>
+				<view class="text-[#303133]">{{ licenses.card }}</view>
+			</view>
+
+			<view class="flex items-center mt-28rpx text-28rpx leading-40rpx">
+				<view class="mr-20rpx text-[#606266]">企业名称：</view>
+				<view class="text-[#303133]">{{ licenses.name }}</view>
+			</view>
+
+			<view class="flex items-center mt-28rpx text-28rpx leading-40rpx">
+				<view class="mr-20rpx text-[#606266]">法定代表：</view>
+				<view class="text-[#303133]">{{ licenses.legal_person }}</view>
+			</view>
+
+			<view class="flex items-center mt-28rpx text-28rpx leading-40rpx">
+				<view class="mr-20rpx text-[#606266]">有效期至：{{ licenses.effective == 1 ? '有效期至：永久有效' : licenses.end_time }}</view>
+			</view>
+
+			<view class="mt-24rpx mb-34rpx">
+				<wd-img width="624rpx" height="420rpx" :src="licenses.license_img" mode="aspectFit" @click="previewImage(licenses.license_img, [licenses.license_img])"/>
+			</view>
+		</view>
+		<view v-if="hasLicense" class="bg-[#F8F9FA] flex-1 px-42rpx">
+			<wd-divider color="#9CA3AF">免责声明</wd-divider>
+			<view class="text-22rpx text-[#9CA3AF] leading-40rpx">以上资质信息来源于商家自我声明和/或申报内容。商家需保证信息真实有效，平台也将定期核查。如与实际不符或有疑问，请联系平台客服。</view>
+		</view>
+		<view v-else class="bg-[#fff] px-4 py-6 flex-1">
+			<view class="pt-230rpx flex flex-col justify-center items-center">
+				<wd-img width="278rpx" height="278rpx" :src="`${OSS}icon/icon_reserver_empty.png`" />
+				<view class="mt-32rpx font-400 text-30rpx text-[#9CA3AF]">暂无资质消息</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+
+<script lang="ts" setup>
+	import { getStoreQual } from '@/api/tea-room'
+	import { previewImage } from '@/utils/tools'
+
+	const OSS = inject('OSS')
+	const hasLicense = ref<boolean>(false)
+	const licenses = ref<any>({
+		card: '',
+		name: '',
+		legal_person: '',
+		effective: 1,
+		end_time: '',
+		license_img: ''
+	})
+
+	onLoad((args) => {
+		// TODO: 拉取经营资质数据，赋值 licenses.value
+		getStoreQual(args.id).then(res => {
+			licenses.value = res.details
+			if (licenses.value.name) {
+				hasLicense.value = true
+			}
+		})
+	});
+</script>
+