添加资质信息

src/bundle/store-license/license.vue

@@ -0,0 +1,64 @@
+<route lang="jsonc" type="page">
+{
+	"needLogin": true,
+	"layout": "default",
+	"style": {
+		"navigationBarBackgroundColor": "#FFF",
+		"navigationBarTitleText": "资质信息"
+	}
+}
+</route>
+
+<template>
+	<view class="flex flex-col min-h-screen">
+		<view 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 class="bg-[#F8F9FA] flex-1 px-42rpx">
+			<wd-divider color="#9CA3AF">免责声明</wd-divider>
+			<view class="text-22rpx text-[#9CA3AF] leading-40rpx">以上资质信息来源于商家自我声明和/或申报内容。商家需保证信息真实有效，平台也将定期核查。如与实际不符或有疑问，请联系平台客服。</view>
+		</view>
+	</view>
+</template>
+
+
+<script lang="ts" setup>
+	import { getStoreQual } from '@/api/store'
+	import { useStoreStore } from '@/store'
+	import type { IAddStoreQualiParams } from '@/api/store'
+	import { previewImage } from '@/utils/tools'
+	
+	const useStore = useStoreStore()
+
+	const licenses = ref<IAddStoreQualiParams>()
+
+	onLoad(() => {
+		getStoreQual(useStore.defaultStore.id).then(res => {
+			licenses.value = res.details
+		})
+		// TODO: 拉取经营资质数据，赋值 licenses.value
+	});
+</script>
+