1 year ago · 5955211aef
--- a/.env.development
+++ b/.env.development
@@ -2,6 +2,10 @@ VITE_ENV = 'development'
 
															 VITE_BASE_URL = 'https://core-b.caimei365.com'
														
 
															+VITE_BASE_HTTP = 'https://material-b.caimei365.com'
														
 
															+
														
 
															 VITE_BASE_OSS = 'https://caimei-oss.oss-cn-shenzhen.aliyuncs.com/beta/archiveFile/'
														
 
															-VITE_IMAGE_URL = 'https://static.caimei365.com/'
														
 
															+VITE_IMAGE_URL = 'https://static.caimei365.com/'
														
 
															+
														
 
															+VITE_HTTP_URL = 'http://120.79.25.27:8009'
														
--- a/.env.production
+++ b/.env.production
@@ -2,4 +2,8 @@ VITE_ENV = 'production'
 
															 VITE_BASE_URL = 'https://core.caimei365.com'
														
 
															-VITE_BASE_OSS = 'https://caimei-oss.oss-cn-shenzhen.aliyuncs.com/beta/archiveFile/'
														
 
															+VITE_BASE_HTTP = 'https://material.caimei365.com'
														
 
															+
														
 
															+VITE_BASE_OSS = 'https://caimei-oss.oss-cn-shenzhen.aliyuncs.com/beta/archiveFile/'
														
 
															+
														
 
															+VITE_HTTP_URL = 'https://www.caimei365.com'
														
--- a/components.d.ts
+++ b/components.d.ts
@@ -8,6 +8,9 @@ export {}
 
															 declare module 'vue' {
														
 
															   export interface GlobalComponents {
														
 
															     DataButton: typeof import('./src/components/data-button/data-button.vue')['default']
														
 
															+    ElForm: typeof import('element-plus/es')['ElForm']
														
 
															+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
														
 
															+    ElInput: typeof import('element-plus/es')['ElInput']
														
 
															     ImagePreview: typeof import('./src/components/image-preview/image-preview.vue')['default']
														
 
															     PdfPreview: typeof import('./src/components/pdf-preview/pdf-preview.vue')['default']
														
 
															     RouterLink: typeof import('vue-router')['RouterLink']
														
@@ -24,6 +27,8 @@ declare module 'vue' {
 
															     VanHighlight: typeof import('vant/es')['Highlight']
														
 
															     VanImage: typeof import('vant/es')['Image']
														
 
															     VanSearch: typeof import('vant/es')['Search']
														
 
															+    VanSwipe: typeof import('vant/es')['Swipe']
														
 
															+    VanSwipeItem: typeof import('vant/es')['SwipeItem']
														
 
															     VanTab: typeof import('vant/es')['Tab']
														
 
															     VanTabs: typeof import('vant/es')['Tabs']
														
 
															     VideoPreview: typeof import('./src/components/video-preview/video-preview.vue')['default']
														
--- a/index.html
+++ b/index.html
@@ -6,6 +6,11 @@
 
															     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
														
 
															     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
														
 
															     <title>Vite + Vue + TS</title>
														
 
															+    <style>
														
 
															+      #app {
														
 
															+        width: 100vw;
														
 
															+      }
														
 
															+    </style>
														
 
															   </head>
														
 
															   <body>
														
 
															     <div id="app"></div>
														
--- a/package-lock.json
+++ b/package-lock.json
@@ -25,11 +25,13 @@
 
															         "vue3-pdfjs": "^0.1.6"
														
 
															       },
														
 
															       "devDependencies": {
														
 
															+        "@types/crypto-js": "^4.2.1",
														
 
															         "@types/node": "^20.10.0",
														
 
															         "@types/video.js": "^7.3.56",
														
 
															         "@vitejs/plugin-vue": "^4.5.0",
														
 
															         "@vitejs/plugin-vue-jsx": "^3.1.0",
														
 
															         "@vueuse/core": "^10.7.1",
														
 
															+        "crypto-js": "^4.2.0",
														
 
															         "postcss-px-to-viewport": "^1.1.1",
														
 
															         "sass": "^1.69.5",
														
 
															         "typescript": "^5.2.2",
														
@@ -37,7 +39,8 @@
 
															         "unplugin-vue-components": "^0.25.2",
														
 
															         "video.js": "^8.6.1",
														
 
															         "vite": "^5.0.0",
														
 
															-        "vue-tsc": "^1.8.22"
														
 
															+        "vue-tsc": "^1.8.22",
														
 
															+        "weixin-js-sdk": "^1.6.5"
														
 
															       }
														
 
															     },
														
 
															     "node_modules/@ampproject/remapping": {
														
@@ -1305,6 +1308,12 @@
 
															         "win32"
														
 
															       ]
														
 
															     },
														
 
															+    "node_modules/@types/crypto-js": {
														
 
															+      "version": "4.2.1",
														
 
															+      "resolved": "https://registry.npmmirror.com/@types/crypto-js/-/crypto-js-4.2.1.tgz",
														
 
															+      "integrity": "sha512-FSPGd9+OcSok3RsM0UZ/9fcvMOXJ1ENE/ZbLfOPlBWj7BgXtEAM8VYfTtT760GiLbQIMoVozwVuisjvsVwqYWw==",
														
 
															+      "dev": true
														
 
															+    },
														
 
															     "node_modules/@types/estree": {
														
 
															       "version": "1.0.5",
														
 
															       "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.5.tgz",
														
@@ -2115,6 +2124,12 @@
 
															         "node": ">=10"
														
 
															       }
														
 
															     },
														
 
															+    "node_modules/crypto-js": {
														
 
															+      "version": "4.2.0",
														
 
															+      "resolved": "https://registry.npmmirror.com/crypto-js/-/crypto-js-4.2.0.tgz",
														
 
															+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
														
 
															+      "dev": true
														
 
															+    },
														
 
															     "node_modules/css-in-js-utils": {
														
 
															       "version": "3.1.0",
														
 
															       "resolved": "https://registry.npmmirror.com/css-in-js-utils/-/css-in-js-utils-3.1.0.tgz",
														
@@ -4165,6 +4180,12 @@
 
															       "integrity": "sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==",
														
 
															       "dev": true
														
 
															     },
														
 
															+    "node_modules/weixin-js-sdk": {
														
 
															+      "version": "1.6.5",
														
 
															+      "resolved": "https://registry.npmmirror.com/weixin-js-sdk/-/weixin-js-sdk-1.6.5.tgz",
														
 
															+      "integrity": "sha512-Gph1WAWB2YN/lMOFB/ymb+hbU/wYazzJgu6PMMktCy9cSCeW5wA6Zwt0dpahJbJ+RJEwtTv2x9iIu0U4enuVSQ==",
														
 
															+      "dev": true
														
 
															+    },
														
 
															     "node_modules/whatwg-fetch": {
														
 
															       "version": "3.6.19",
														
 
															       "resolved": "https://registry.npmmirror.com/whatwg-fetch/-/whatwg-fetch-3.6.19.tgz",
														
@@ -5014,6 +5035,12 @@
 
															       "integrity": "sha512-QqmCsydHS172Y0Kc13bkMXvipbJSvzeglBncJG3LsYJSiPlxYACz7MmJBs4A8l1oU+jfhYEIC/+AUSlvjmiX/g==",
														
 
															       "optional": true
														
 
															     },
														
 
															+    "@types/crypto-js": {
														
 
															+      "version": "4.2.1",
														
 
															+      "resolved": "https://registry.npmmirror.com/@types/crypto-js/-/crypto-js-4.2.1.tgz",
														
 
															+      "integrity": "sha512-FSPGd9+OcSok3RsM0UZ/9fcvMOXJ1ENE/ZbLfOPlBWj7BgXtEAM8VYfTtT760GiLbQIMoVozwVuisjvsVwqYWw==",
														
 
															+      "dev": true
														
 
															+    },
														
 
															     "@types/estree": {
														
 
															       "version": "1.0.5",
														
 
															       "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.5.tgz",
														
@@ -5682,6 +5709,12 @@
 
															         "yaml": "^1.10.0"
														
 
															       }
														
 
															     },
														
 
															+    "crypto-js": {
														
 
															+      "version": "4.2.0",
														
 
															+      "resolved": "https://registry.npmmirror.com/crypto-js/-/crypto-js-4.2.0.tgz",
														
 
															+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
														
 
															+      "dev": true
														
 
															+    },
														
 
															     "css-in-js-utils": {
														
 
															       "version": "3.1.0",
														
 
															       "resolved": "https://registry.npmmirror.com/css-in-js-utils/-/css-in-js-utils-3.1.0.tgz",
														
@@ -7270,6 +7303,12 @@
 
															       "integrity": "sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==",
														
 
															       "dev": true
														
 
															     },
														
 
															+    "weixin-js-sdk": {
														
 
															+      "version": "1.6.5",
														
 
															+      "resolved": "https://registry.npmmirror.com/weixin-js-sdk/-/weixin-js-sdk-1.6.5.tgz",
														
 
															+      "integrity": "sha512-Gph1WAWB2YN/lMOFB/ymb+hbU/wYazzJgu6PMMktCy9cSCeW5wA6Zwt0dpahJbJ+RJEwtTv2x9iIu0U4enuVSQ==",
														
 
															+      "dev": true
														
 
															+    },
														
 
															     "whatwg-fetch": {
														
 
															       "version": "3.6.19",
														
 
															       "resolved": "https://registry.npmmirror.com/whatwg-fetch/-/whatwg-fetch-3.6.19.tgz",
														
--- a/package.json
+++ b/package.json
@@ -27,11 +27,13 @@
 
															     "vue3-pdfjs": "^0.1.6"
														
 
															   },
														
 
															   "devDependencies": {
														
 
															+    "@types/crypto-js": "^4.2.1",
														
 
															     "@types/node": "^20.10.0",
														
 
															     "@types/video.js": "^7.3.56",
														
 
															     "@vitejs/plugin-vue": "^4.5.0",
														
 
															     "@vitejs/plugin-vue-jsx": "^3.1.0",
														
 
															     "@vueuse/core": "^10.7.1",
														
 
															+    "crypto-js": "^4.2.0",
														
 
															     "postcss-px-to-viewport": "^1.1.1",
														
 
															     "sass": "^1.69.5",
														
 
															     "typescript": "^5.2.2",
														
@@ -39,6 +41,7 @@
 
															     "unplugin-vue-components": "^0.25.2",
														
 
															     "video.js": "^8.6.1",
														
 
															     "vite": "^5.0.0",
														
 
															-    "vue-tsc": "^1.8.22"
														
 
															+    "vue-tsc": "^1.8.22",
														
 
															+    "weixin-js-sdk": "^1.6.5"
														
 
															   }
														
 
															 }
														
--- a/src/Hooks/useFileImage.ts
+++ b/src/Hooks/useFileImage.ts
@@ -0,0 +1,12 @@
 
															+const getFileImg = (str: string): { img: string } => {
														
 
															+	const img = str?.indexOf(".pdf")
														
 
															+	? "https://static.caimei365.com/app/mini-database/H5-pdf.png"
														
 
															+	: str?.indexOf(".docx")
														
 
															+	? "https://static.caimei365.com/app/mini-database/H5-doc.png"
														
 
															+	: "https://static.caimei365.com/app/mini-database/H5-ppt.png"
														
 
															+	return {
														
 
															+		img
														
 
															+	}
														
 
															+}
														
 
															+
														
 
															+export default getFileImg
														
--- a/src/Hooks/usePermission/permiMode.tsx
+++ b/src/Hooks/usePermission/permiMode.tsx
@@ -3,6 +3,7 @@ import type { IPermiObj } from './type'
 
															 import { css } from '@emotion/css'
														
 
															 import 'vant/lib/index.css';
														
 
															 import { Button } from 'vant';
														
 
															+import { useRoute } from 'vue-router';
														
 
															 const MyComponent = (prop: IPermiObj | Boolean): ComponentOptions =>
														
 
															 	defineComponent({
														
@@ -45,9 +46,11 @@ const MyComponent = (prop: IPermiObj | Boolean): ComponentOptions =>
 
															 				background-color: #FF5B00;
														
 
															 				color: #FFF;
														
 
															 			`
														
 
															+			const route = useRoute()
														
 
															 			const handleClick = () => {
														
 
															 				//window.localStorage.setItem('permission', '0')
														
 
															-				window.open('https://www.caimei365.com/')
														
 
															+				//window.open(import.meta.env.VITE_HTTP_URL + obj.redirect + '?t=' + route.query.t + '&isDataBase=' + 1 + '&spId=')
														
 
															+				window.location.href = 'http://localhost:8009/login.html' + '?t=' + route.query.t + '&isDataBase=' + 1 + '&spId='
														
 
															 			}
														
 
															 			const pageLocation = ref<number>(0)
														
 
															 			const stop = () => {
														
--- a/src/Hooks/usePermission/usePermission.ts
+++ b/src/Hooks/usePermission/usePermission.ts
@@ -4,15 +4,15 @@ import MyComponent from './permiMode.tsx'
 
															 //用户权限  0可查看，1未登录，2需升级会员机构，3需升级医美会员机构，4需要抵扣采美豆，5无权限查看
														
 
															 const permissionText: IPermi = [
														
 
															 	false,
														
 
															-	{ text: '登录后查看完整内容', btnText: '去登录', redirect: '/pages/login/login' },
														
 
															-	{ text: '医美资质机构可查看完整内容', btnText: '去升级', redirect: '/pages/login/apply' },
														
 
															-	{ text: '医美资质机构可查看完整内容', btnText: '去升级', redirect: '/pages/login/apply' },
														
 
															-	{ text: '医美资质机构可查看完整内容', btnText: '去查看', redirect: '' },
														
 
															-	{ text: '无权限查看！', btnText: '确认' },
														
 
															+	{text: '登录后查看完整内容', btnText: '登录', redirect: '/login.html' },
														
 
															+	{text: '请升级成为会员机构后方可查看！', btnText: '升级会员', redirect: '/user/setting/upgrade.html' },
														
 
															+	{text: '医美资质机构可查看完整内容', btnText: '升级医美资质', redirect: '/user/setting/upgrade.html' },
														
 
															+	{text: '需抵扣100采美豆方可查看！', btnText: '去查看', redirect: '' },
														
 
															+	{text: '登录后查看完整内容', btnText: '登录', redirect: '/login.html' }
														
 
															 ]
														
 
															-export const usePermission = (): UsePermission => {
														
 
															-	const permi = (): number => window.sessionStorage.getItem('permission') !== null ? Number(window.sessionStorage.getItem('permission')) : 1
														
 
															+export const usePermission = (ps?: number): UsePermission => {
														
 
															+	const permi = (): number => ps ? Number(ps) : 5
														
 
															 	const isPermi = (): Boolean | IPermiObj => permissionText[permi()]
														
 
															 	const cE = MyComponent(isPermi())
														
 
															 	return {
														
--- a/src/Hooks/useStatisticalTime.ts
+++ b/src/Hooks/useStatisticalTime.ts
@@ -2,7 +2,7 @@
 
															  * 移动端时间统计 hook
														
 
															  */
														
 
															-import { onMounted, onUnmounted } from "vue"
														
 
															+import { onMounted } from "vue"
														
 
															 const useStatisticalTime = (callback: (timing: number) => void) => {
														
@@ -15,35 +15,32 @@ const useStatisticalTime = (callback: (timing: number) => void) => {
 
															 		localStorage.setItem('timing', startTime)
														
 
															 	}
														
 
															-	const endTiming = async () => {
														
 
															+	const endTiming = () => {
														
 
															 		const startTime = Number(localStorage.getItem('timing'))
														
 
															 		const endTime = new Date().valueOf()
														
 
															 		if (startTime) {
														
 
															 			console.log('统计时间结束', startTime, endTime)
														
 
															 			const timing = endTime - startTime
														
 
															-			await callback(timing)
														
 
															+			callback(timing)
														
 
															 			localStorage.removeItem('startTime')
														
 
															 		}
														
 
															 	}
														
 
															 	onMounted(() => {
														
 
															 		startTiming()
														
 
															-		window.addEventListener('pagehide', async () => {
														
 
															+		window.addEventListener('pagehide', () => {
														
 
															 			console.log('页面关闭')
														
 
															-			await endTiming()
														
 
															-		})
														
 
															+			endTiming()
														
 
															+		}, false)
														
 
															 	})
														
 
															-	onUnmounted(() => {
														
 
															-		window.addEventListener('pagehide', async () => {
														
 
															+
														
 
															+	return () => {
														
 
															+		window.removeEventListener('pagehide', () => {
														
 
															 			console.log('页面关闭')
														
 
															-			await endTiming()
														
 
															+			endTiming()
														
 
															 		})
														
 
															 		localStorage.removeItem('timing')
														
 
															-	})
														
 
															-
														
 
															-	return () => {
														
 
															-		window.removeEventListener('pagehide', () => {})
														
 
															 	}
														
 
															 }
														
--- a/src/Hooks/useWeChatShare.ts
+++ b/src/Hooks/useWeChatShare.ts
@@ -1,4 +1,8 @@
 
															+import { getShareConfig } from '@/api/context/context';
														
 
															 import { DFindParams, DScrollTab, ChangeTabEmit } from '@/types/views/database.type';
														
 
															+import wx from 'weixin-js-sdk'
														
 
															+import { IShareConfig } from '../types/api/context.type';
														
 
															+import { showToast } from 'vant';
														
 
															 type shareOptions = {
														
 
															 	type: ChangeTabEmit,
														
@@ -6,11 +10,19 @@ type shareOptions = {
 
															 	text: `您的好友给你分享了${DFindParams<DScrollTab, 'text'>}链接`
														
 
															 }
														
 
															+const config: {
														
 
															+	appId: DFindParams<IShareConfig, 'appId'>
														
 
															+	jsApiList: wx.ApiMethod[]
														
 
															+} = {
														
 
															+	appId: 'wx91c4152b60ca91a3', // 微信公众号appId
														
 
															+	jsApiList: ['updateAppMessageShareData', 'onMenuShareAppMessage', 'updateTimelineShareData', 'onMenuShareTimeline'], // 微信配置可用权限
														
 
															+}
														
 
															+export type shareParams = { type: ChangeTabEmit | string, id: string, spId?: number, userId?: number, suid?: number, link?: string }
														
 
															 const shareOptions: shareOptions[] = [
														
 
															 	{
														
 
															 		type: '1',
														
 
															 		imageUrl: '',
														
 
															-		text: '您的好友给你分享了文件链接'
														
 
															+		text: '您的好友给你分享了图片链接'
														
 
															 	},
														
 
															 	{
														
 
															 		type: '2',
														
@@ -20,29 +32,70 @@ const shareOptions: shareOptions[] = [
 
															 	{
														
 
															 		type: '3',
														
 
															 		imageUrl: '',
														
 
															-		text: '您的好友给你分享了图片链接'
														
 
															+		text: '您的好友给你分享了文件链接'
														
 
															 	},
														
 
															 	{
														
 
															-		type: '4',
														
 
															+		type: '5',
														
 
															 		imageUrl: '',
														
 
															-		text: '您的好友给你分享了文章链接'
														
 
															+		text: '您的好友给你分享了文本链接'
														
 
															 	},
														
 
															 	{
														
 
															-		type: '5',
														
 
															+		type: '6',
														
 
															 		imageUrl: '',
														
 
															-		text: '您的好友给你分享了百科链接'
														
 
															+		text: '您的好友给你分享了文章链接'
														
 
															 	},
														
 
															 	{
														
 
															-		type: '6',
														
 
															+		type: '7',
														
 
															 		imageUrl: '',
														
 
															-		text: '您的好友给你分享了文本链接'
														
 
															+		text: '您的好友给你分享了百科链接'
														
 
															 	}
														
 
															 ]
														
 
															-const useWeChatShare = () => {
														
 
															-	
														
 
															-
														
 
															-	return {}
														
 
															+const useWeChatShare = async (params: shareParams) => {
														
 
															+	const isWeChat = () => /MicroMessenger/i.test(navigator.userAgent)
														
 
															+	const linkParams =
														
 
															+		import.meta.env.VITE_HTTP_URL + (Number(params.type) === 7
														
 
															+			? "/encyclopedia/detail-"
														
 
															+			: "/info/detail-") + params.id + ".html";
														
 
															+	if (!isWeChat()) return showToast('请在微信浏览器中分享')
														
 
															+	const { data } = await getShareConfig({
														
 
															+		appId: 'wx91c4152b60ca91a3',
														
 
															+		url: location.href
														
 
															+	})
														
 
															+	console.log(data)
														
 
															+	wx.config({
														
 
															+		debug: false,
														
 
															+		appId: config.appId,
														
 
															+		nonceStr: data?.noncestr!,
														
 
															+		timestamp: data?.timestamp!,
														
 
															+		signature: data?.signature!,
														
 
															+		jsApiList: config.jsApiList
														
 
															+	})
														
 
															+	const obj = shareOptions.filter(e => e.type === params.type)[0] || {}
														
 
															+	const link = Number(params.type) < 5 ? import.meta.env.VITE_BASE_HTTP + `/preview?t=${params.type}&id=${params.id}&uid=${params.userId || ''}&suid=${params.suid || ''}&spId=${params.spId || ''}` : linkParams
														
 
															+	const shareConfig: wx.IonMenuShareAppMessage = {
														
 
															+		title: obj.text,
														
 
															+		desc: obj.text,
														
 
															+		link,
														
 
															+		imgUrl: obj.imageUrl || '',
														
 
															+		success: () => {
														
 
															+			console.log(obj, '成功')
														
 
															+		},
														
 
															+		fail: () => {
														
 
															+			console.log('失败', obj, location.href)
														
 
															+		},
														
 
															+		cancel: () => {
														
 
															+			console.log('取消了')
														
 
															+		}
														
 
															+	}
														
 
															+	showToast('请点击右上角...进行分享')
														
 
															+	wx.ready(() => {
														
 
															+		wx.onMenuShareAppMessage(shareConfig)
														
 
															+		wx.onMenuShareTimeline(shareConfig)
														
 
															+	})
														
 
															+	wx.error(function (err) {
														
 
															+		console.warn(err)
														
 
															+	})
														
 
															 }
														
 
															 export default useWeChatShare
														
--- a/src/api/context/context.ts
+++ b/src/api/context/context.ts
@@ -7,8 +7,14 @@ import type {
 
															 	DStoreResultData,
														
 
															 	IStoreRequest,
														
 
															 	IArchiveForm,
														
 
															+	IPreviewRequest,
														
 
															+	IShareConfig,
														
 
															+	DShareConfigResultData,
														
 
															+	IStatistics,
														
 
															+	DPreviewResultData
														
 
															 } from '@/types/api/context.type'
														
 
															-import { requestGET } from '@/types/api/index'
														
 
															+import { requestGET, requestPOST } from '@/types/api/index'
														
 
															+import { DForm } from '@/types/views/add.type'
														
 
															 export const getLabelKeyList = (data: ILabelKeyRequest) =>
														
 
															 	requestGET<ContextRequest, DLabelKeyResultData>('/commodity/product/archive/findKeyWordList', data)
														
@@ -21,3 +27,21 @@ export const getStoreList = (data: IStoreRequest) =>
 
															 export const getArchiveFormDetails = (data: IArchiveForm) =>
														
 
															 	requestGET<ContextRequest, DArchiveResultData>('/commodity/product/archive/from', data)
														
 
															+
														
 
															+export const getShareConfig = (data: IShareConfig) =>
														
 
															+	requestGET<ContextRequest, DShareConfigResultData>('https://zplma.caimei365.com/wx/sdk/config/data', data)
														
 
															+
														
 
															+export const setStatistics = (data: IStatistics) => 
														
 
															+	requestGET<ContextRequest, { data: string }>('/user/record/Statistics', data)
														
 
															+
														
 
															+export const addAllStatusForm = (data: DForm) =>
														
 
															+	requestPOST<ContextRequest, { data: string }>('/commodity/product/archive/add', data)
														
 
															+
														
 
															+export const previewData = (params: IPreviewRequest) => {
														
 
															+	return new Promise<DPreviewResultData>((resolve, reject) => {
														
 
															+		const { userId, type, id } = params
														
 
															+		fetch(`${import.meta.env.VITE_BASE_URL}/commodity/product/archive/${userId}/${type}/${id}/details`).then(res => res.json()).then(data => {
														
 
															+			resolve(data)
														
 
															+		}).catch(err => reject(err))
														
 
															+	})
														
 
															+}
														
--- a/src/components/image-preview/image-preview.vue
+++ b/src/components/image-preview/image-preview.vue
@@ -1,13 +1,32 @@
 
															 <template>
														
 
															-	<div>
														
 
															-		图片预览
														
 
															+	<div class="imagePreview">
														
 
															+		<van-swipe :autoplay="3000" lazy-render>
														
 
															+			<van-swipe-item v-for="image,index in urls" :key="index">
														
 
															+				<img :src="image" style="width: 100%;" />
														
 
															+			</van-swipe-item>
														
 
															+		</van-swipe>
														
 
															 	</div>
														
 
															 </template>
														
 
															 <script setup lang="ts">
														
 
															-</script>
														
 
															+import { IImagePreviewList } from './index.type';
														
 
															+
														
 
															+defineProps<IImagePreviewList>()
														
 
															-<style scoped>
														
 
															+</script>
														
 
															+
														
 
															+<style scoped lang="scss">
														
 
															+.imagePreview {
														
 
															+	padding: 80px 20px;
														
 
															+	width: 100%;
														
 
															+	box-sizing: border-box;
														
 
															+	height: 100vh;
														
 
															+}
														
 
															+:deep() {
														
 
															+	.van-swipe,.van-swipe-item,.van-swipe__track {
														
 
															+		width: 100%;
														
 
															+	}
														
 
															+}
														
 
															 </style>
														
--- a/src/components/image-preview/index.type.ts
+++ b/src/components/image-preview/index.type.ts
@@ -0,0 +1,4 @@
 
															+export type IImagePreviewList = {
														
 
															+	urls: string[];
														
 
															+	isPermi: boolean;
														
 
															+}
														
--- a/src/components/pdf-preview/pdf-preview.vue
+++ b/src/components/pdf-preview/pdf-preview.vue
@@ -1,29 +1,42 @@
 
															 <template>
														
 
															-	<pdf-view :source="state.source!" :page="i" v-for="i, index in state.numPages" :key="index"/>
														
 
															+  <pdf-view
														
 
															+    :source="state.source!"
														
 
															+    :page="i"
														
 
															+    v-for="i,index in state.numPages"
														
 
															+    :key="index"
														
 
															+  />
														
 
															 </template>
														
 
															 <script setup lang="ts">
														
 
															-import PdfView from 'vue-pdf-embed'
														
 
															-import { createLoadingTask } from 'vue3-pdfjs'
														
 
															-import { onMounted, reactive } from "vue";
														
 
															+import PdfView from "vue-pdf-embed";
														
 
															+import { createLoadingTask } from "vue3-pdfjs";
														
 
															+import { reactive, onMounted } from 'vue';
														
 
															 import type { IProps, IPDFPreview } from "./index.type";
														
 
															 const props = defineProps<IProps>();
														
 
															+console.log(props);
														
 
															+
														
 
															 const state = reactive<IPDFPreview>({
														
 
															-	source: props.url,
														
 
															-	scale: 1,
														
 
															-	pageNum: 1,
														
 
															-	numPages: 0 // 总页数
														
 
															-})
														
 
															+  source: props.url,
														
 
															+  scale: 1,
														
 
															+  pageNum: 1,
														
 
															+  numPages: 0, // 总页数
														
 
															+});
														
 
															+
														
 
															+const initPDF = () => {
														
 
															+  console.log("PDF链接", state.source);
														
 
															+  const loadingTask = createLoadingTask(state.source!);
														
 
															+  loadingTask.promise
														
 
															+      .then((pdf: Pick<IPDFPreview, "numPages">) => {
														
 
															+        console.log("pdf", pdf);
														
 
															+        state.numPages = pdf.numPages;
														
 
															+      })
														
 
															+};
														
 
															 onMounted(() => {
														
 
															-	const loadingTask = createLoadingTask(state.source!)
														
 
															-	loadingTask.promise.then((pdf: Pick<IPDFPreview, "numPages">) => {
														
 
															-		state.numPages = props.isPermi ? pdf.numPages : 5
														
 
															-	})
														
 
															+	initPDF()
														
 
															 })
														
 
															-
														
 
															 </script>
														
 
															 <style scoped></style>
														
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,8 +1,9 @@
 
															 import { createWebHistory, createRouter } from 'vue-router'
														
 
															 import { staticRouter, notFoundPower } from './route'
														
 
															-import { getStorage } from '@/util/authStorage'
														
 
															+
														
 
															 import NProgress from 'nprogress'
														
 
															 import 'nprogress/nprogress.css'
														
 
															+import { useUserInfoState } from '@/store/user/user';
														
 
															 const router = createRouter({
														
 
															 	history: createWebHistory(),
														
@@ -13,15 +14,20 @@ NProgress.configure({
 
															   showSpinner: false
														
 
															 })
														
 
															-const whiteList: any = ['/database/index', '/login', '/database/other', '/database/detail']
														
 
															+const whiteList: string[] = ['/login', '/preview']
														
 
															 router.beforeEach((to, _, next) => {
														
 
															+	const { token } = useUserInfoState()
														
 
															 	console.log(to)
														
 
															 	NProgress.start()
														
 
															 	if (to.meta.title) {
														
 
															 		document.title = to.meta.title as string
														
 
															 	}
														
 
															-	if (getStorage() && to.path === '/login') {
														
 
															+	if (token) {
														
 
															+		if (to.path === '/login') {
														
 
															+			next('/database/index?t=0')
														
 
															+			return
														
 
															+		}
														
 
															 		next()
														
 
															 	} else {
														
 
															     // 没有token
														
--- a/src/router/route.ts
+++ b/src/router/route.ts
@@ -68,7 +68,6 @@ export const staticRouter: Array<RouteRecordRaw> = [
 
															 	{
														
 
															 		path: '/database',
														
 
															 		name: 'database',
														
 
															-		redirect: '/database/index',
														
 
															 		component: () => import('@/views/Database/index.vue'),
														
 
															 		children: [
														
 
															 			{
														
@@ -97,5 +96,13 @@ export const staticRouter: Array<RouteRecordRaw> = [
 
															 		meta: {
														
 
															 			title: '文件详情',
														
 
															 		}
														
 
															+	},
														
 
															+	{
														
 
															+		path: '/database/add',
														
 
															+		name: 'Add',
														
 
															+		component: () => import('@/views/Database/add.vue'),
														
 
															+		meta: {
														
 
															+			title: '新增个人话术'
														
 
															+		}
														
 
															 	}
														
 
															 ]
														
--- a/src/store/tab/tab.ts
+++ b/src/store/tab/tab.ts
@@ -7,7 +7,8 @@ export const useTabStore = defineStore('myTabStore', {
 
															 		stageStatus: '',
														
 
															 		productId: 0,
														
 
															 		labelIds: '',
														
 
															-		searchValue: ''
														
 
															+		searchValue: '',
														
 
															+		allStatus: '1'
														
 
															 	}),
														
 
															 	actions: {
														
 
															 		updatedTabStore(step: Partial<DTabStore>) {
														
@@ -16,6 +17,7 @@ export const useTabStore = defineStore('myTabStore', {
 
															 			this.productId = step?.productId
														
 
															 			this.labelIds = step?.labelIds
														
 
															 			this.searchValue = step?.searchValue!
														
 
															+			this.allStatus = step?.allStatus!
														
 
															 		}
														
 
															 	},
														
 
															 	persist: true
														
--- a/src/store/tab/tab.type.ts
+++ b/src/store/tab/tab.type.ts
@@ -1,5 +1,5 @@
 
															 import { IArchiveRequest } from "@/types/api/context.type"
														
 
															-import { DFindParams, DScrollTab } from "@/types/views/database.type"
														
 
															+import { DFindParams, DScrollTab, IAllStatus } from "@/types/views/database.type"
														
 
															 export type DTabStore = {
														
 
															 	type: DFindParams<DScrollTab, 'type'>
														
@@ -7,4 +7,5 @@ export type DTabStore = {
 
															 	stageStatus: DFindParams<IArchiveRequest, 'stageStatus'>
														
 
															 	productId: DFindParams<IArchiveRequest, 'productId'>
														
 
															 	searchValue: string
														
 
															+	allStatus: DFindParams<IAllStatus, 'allStatus'>
														
 
															 }
														
--- a/src/store/user/user.ts
+++ b/src/store/user/user.ts
@@ -1,27 +1,26 @@
 
															 import { defineStore } from "pinia";
														
 
															-import { getStorage } from "@/util/authStorage"
														
 
															-import type { UserInfo, UserInfoState } from './user.type';
														
 
															 import { login } from '@/api/user/login';
														
 
															 import { ILogin, ILoginRequestData } from '@/types/api/user.type';
														
 
															 import { IResultData } from '@/types/api/index';
														
 
															 export const useUserInfoState = defineStore('userInfo', {
														
 
															-	state: (): UserInfoState<UserInfo> => ({
														
 
															-		userInfo: {},
														
 
															-		permission: 1
														
 
															+	state: (): ILoginRequestData => ({
														
 
															+		token: '',
														
 
															+		userId: '',
														
 
															+		serviceProviderId: '',
														
 
															+		mobile: '',
														
 
															+		name: ''
														
 
															 	}),
														
 
															 	actions: {
														
 
															-		async setUserInfo() {
														
 
															-			if (getStorage()) {
														
 
															-				this.userInfo = getStorage() as UserInfo
														
 
															-			}
														
 
															-		},
														
 
															+
														
 
															 		login(data: ILogin): Promise<IResultData<ILoginRequestData>> {
														
 
															 			return new Promise(async (resolve, reject) => {
														
 
															 				try {
														
 
															 					const res = await login(data)
														
 
															-					//this.permission = res.data!.permission || 1
														
 
															+					this.token = res.data?.token!
														
 
															+					this.serviceProviderId = res.data?.serviceProviderId!
														
 
															+					this.userId = res.data?.userId!
														
 
															 					resolve(res)
														
 
															 				} catch (error) {
														
 
															 					reject(error);
														
--- a/src/store/user/user.type.ts
+++ b/src/store/user/user.type.ts
@@ -1,6 +1,5 @@
 
															 export interface UserInfoState<T> {
														
 
															 	userInfo: T
														
 
															-	permission: number | string
														
 
															 }
														
 
															 export interface UserInfo {
														
--- a/src/types/api/context.type.ts
+++ b/src/types/api/context.type.ts
@@ -1,12 +1,23 @@
 
															+import { DForm } from "../views/add.type";
														
 
															 import { ChangeTabEmit } from "../views/database.type";
														
 
															-import { DResultListData, IGlobalListRequest } from "./index";
														
 
															+import { DResultListData, IGlobalListRequest, IResultData } from "./index";
														
 
															+export type IPreviewResult = {
														
 
															+	fileName: string
														
 
															+	fileUrl: string
														
 
															+}
														
 
															 export type ILabelKeyResultData = { // 标签返回
														
 
															 	v: string;
														
 
															 	k: string;
														
 
															 }
														
 
															+export type DWaters = {
														
 
															+	ossUrl: string;
														
 
															+	ossName: string;
														
 
															+	fileName: string;
														
 
															+}
														
 
															+
														
 
															 export interface DArchiveResultData extends IArchiveRequest { // 列表返回
														
 
															 	addTime?: string
														
 
															 	content?: string
														
@@ -14,11 +25,12 @@ export interface DArchiveResultData extends IArchiveRequest { // 列表返回
 
															 	image?: string
														
 
															 	productType?: string
														
 
															 	shopName?: string
														
 
															-	waters?: Array<string>
														
 
															+	waters?: Array<string> | string
														
 
															 	productArchiveId?: number
														
 
															 	productClassify?: number
														
 
															 	keywords?: string
														
 
															 	pv?: string
														
 
															+	link?: string
														
 
															 }
														
 
															 export type IStoreResultData = { // 商品返回类型
														
@@ -29,10 +41,25 @@ export type IStoreResultData = { // 商品返回类型
 
															 	shopName: string
														
 
															 } 
														
 
															+export type DShareConfigResultData = {
														
 
															+	appId?: string
														
 
															+	timestamp: number
														
 
															+	noncestr: string
														
 
															+	signature: string
														
 
															+}
														
 
															+
														
 
															 export type DLabelKeyResultData = DResultListData<ILabelKeyResultData> 
														
 
															 export type DStoreResultData = DResultListData<IStoreResultData>
														
 
															+export type IPreviewForm = {
														
 
															+	permission: number
														
 
															+	fileArchiveList: IPreviewResult[]
														
 
															+	waters: Array<string> | string
														
 
															+	productId: string
														
 
															+	id?: string
														
 
															+}
														
 
															+export type DPreviewResultData = IResultData<IPreviewForm>
														
 
															 export interface ILabelKeyRequest extends IGlobalListRequest { // 参数
														
 
															 	v: string;
														
 
															 }
														
@@ -40,13 +67,14 @@ export interface ILabelKeyRequest extends IGlobalListRequest { // 参数
 
															 export interface IArchiveRequest { // 参数
														
 
															 	title?: string
														
 
															 	userId?: string
														
 
															-	type?: ChangeTabEmit | null
														
 
															-	productId?: number | null
														
 
															+	type?: ChangeTabEmit | string
														
 
															+	productId?: number | string
														
 
															 	stageStatus?: string | null
														
 
															-	allStatus?: string | null
														
 
															+	allStatus?: string | number | null
														
 
															 	labelId?: string
														
 
															 	labelIds?: string
														
 
															 	spId?: string
														
 
															+	pageNum?: number
														
 
															 }
														
 
															 export type IArchiveListRequest = IArchiveRequest & Partial<IGlobalListRequest>
														
@@ -59,7 +87,33 @@ export interface IStoreRequest extends IGlobalListRequest {
 
															 export type IArchiveForm = {
														
 
															 	id: string
														
 
															+	userId?: string
														
 
															+	spId?: string
														
 
															+}
														
 
															+
														
 
															+export type IPreviewRequest = {
														
 
															+	userId: string
														
 
															+	id: string
														
 
															+	type: ChangeTabEmit
														
 
															+}
														
 
															+
														
 
															+export type IShareConfig = {
														
 
															+	appId: 'wx91c4152b60ca91a3', // 微信公众号appId
														
 
															+	url: string
														
 
															+}
														
 
															+
														
 
															+export type IStatistics = {
														
 
															+	accessDuration: number
														
 
															+	pageType?: '67' | string
														
 
															+	pageLabel?: '内容库文件预览' | string
														
 
															+	pagePath: string
														
 
															+	headUserId?: string
														
 
															+	productArchiveId?: string
														
 
															+	accessClient: '0' | '1'
														
 
															 	userId: string
														
 
															+	productId: string
														
 
															+	shopId: string
														
 
															+	behaviorType: '1'
														
 
															 }
														
 
															 export interface ContextRequest {
														
@@ -67,4 +121,7 @@ export interface ContextRequest {
 
															 	'/commodity/product/archive/list': IArchiveListRequest
														
 
															 	'/commodity/product/archive/findProductList': IStoreRequest
														
 
															 	'/commodity/product/archive/from': IArchiveForm
														
 
															+	'https://zplma.caimei365.com/wx/sdk/config/data': IShareConfig
														
 
															+	'/user/record/Statistics': IStatistics
														
 
															+	'/commodity/product/archive/add': DForm
														
 
															 }
														
--- a/src/types/api/user.type.ts
+++ b/src/types/api/user.type.ts
@@ -1,7 +1,8 @@
 
															 export type ILogin = {
														
 
															 	mobileOrEmail: string;
														
 
															 	password: string;
														
 
															-	isUnion: 1
														
 
															+	isUnion: 1,
														
 
															+	unionId: string
														
 
															 }
														
 
															 export type IUserInfo = {
														
@@ -9,8 +10,11 @@ export type IUserInfo = {
 
															 }
														
 
															 export type ILoginRequestData = {
														
 
															-	token?: string
														
 
															-	permission?: string | number;
														
 
															+	token: string
														
 
															+	mobile: string
														
 
															+	name: string
														
 
															+	userId: number | string
														
 
															+	serviceProviderId: number | string
														
 
															 }
														
 
															 export interface LoginRequest {
														
--- a/src/types/views/add.type.ts
+++ b/src/types/views/add.type.ts
@@ -0,0 +1,10 @@
 
															+import { ChangeTabEmit } from './database.type';
														
 
															+
														
 
															+export type DForm = {
														
 
															+	title: string
														
 
															+	content: string
														
 
															+	id?: string
														
 
															+	spId?: number
														
 
															+	userId?: string
														
 
															+	type: ChangeTabEmit
														
 
															+}
														
--- a/src/types/views/database.type.ts
+++ b/src/types/views/database.type.ts
@@ -27,6 +27,7 @@ export type DetailParams = {
 
															   type: ChangeTabEmit
														
 
															   pageNum?: number
														
 
															   content?: string
														
 
															+  allStatus?: DFindParams<IAllStatus, "allStatus">
														
 
															 }
														
 
															 export type DScrollTab = {
														
@@ -69,11 +70,21 @@ export const tabList: Array<DScrollTab> = [
 
															   },
														
 
															 ]
														
 
															+export type IAllStatus = {
														
 
															+  allStatus: '1' | '2'
														
 
															+  value: '企业话术' | '个人话术'
														
 
															+}
														
 
															+
														
 
															+export const allStatusList: IAllStatus[] = [
														
 
															+  { allStatus: '1', value: "企业话术" },
														
 
															+  { allStatus: '2', value: "个人话术" },
														
 
															+]
														
 
															 export interface DEmit {
														
 
															 	(e: 'handle-change-emit', n: ChangeEmitParams): void
														
 
															 	(e: 'handle-search-emit', n: NonNullable<DFindParams<IArchiveRequest, 'title'>>): void
														
 
															 	(e: 'handle-tab-emit', n: DScrollTab): void
														
 
															   (e: 'handle-see-more', n: DetailParams): void
														
 
															+  (e: 'handle-all-status', n: DetailParams ): void
														
 
															 }
														
 
															 export interface DDataBaseListAll {
														
--- a/src/util/authStorage.ts
+++ b/src/util/authStorage.ts
@@ -1,7 +1,40 @@
 
															-export const getStorage = () => JSON.parse(window.localStorage.getItem('X-token')!)
														
 
															+import CryptoJS from 'crypto-js'
														
 
															+
														
 
															+export const getStorage = () => JSON.parse(window.localStorage.getItem('userInfo')!).token
														
 
															 export const setStorage = (token: string) => window.localStorage.setItem('X-token', token)
														
 
															 export const removeStorage = () => window.localStorage.removeItem('X-token')
														
 
															-export const clearStorage = () => window.localStorage.clear()
														
 
															+export const clearStorage = () => window.localStorage.clear()
														
 
															+
														
 
															+const key = CryptoJS.enc.Utf8.parse("caimei--20240103");
														
 
															+const iv = CryptoJS.enc.Utf8.parse('caimei--20240103');
														
 
															+/* 加密方法 */
														
 
															+export function myEncrypt(word: string) {
														
 
															+	const srcs = CryptoJS.enc.Utf8.parse(word);
														
 
															+	const encrypted = CryptoJS.AES.encrypt(srcs, key, {
														
 
															+		iv,
														
 
															+		mode: CryptoJS.mode.CBC,
														
 
															+		padding: CryptoJS.pad.NoPadding
														
 
															+	});
														
 
															+	console.log(CryptoJS.enc.Base64.stringify(encrypted.ciphertext));
														
 
															+}
														
 
															+/* 解密方法 */
														
 
															+export function myDecrypt(word: string[]) {
														
 
															+	if (word) {
														
 
															+		return word.map(e => {
														
 
															+			if (e) {
														
 
															+				const encryptedHexStr = CryptoJS.enc.Base64.parse(e);
														
 
															+				const srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
														
 
															+				const decrypt = CryptoJS.AES.decrypt(srcs, key, {
														
 
															+					iv,
														
 
															+					mode: CryptoJS.mode.CBC,
														
 
															+					padding: CryptoJS.pad.NoPadding
														
 
															+				});
														
 
															+				const decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
														
 
															+				return decryptedStr.toString()
														
 
															+			} else return ''
														
 
															+		})
														
 
															+	} else return []
														
 
															+}
														
--- a/src/util/http.ts
+++ b/src/util/http.ts
@@ -7,7 +7,7 @@ import axios, {
 
															 } from "axios";
														
 
															 import { showLoadingToast, showFailToast } from 'vant'
														
 
															 import type { IResultData } from '@/types/api/index'
														
 
															-import { getStorage } from './authStorage';
														
 
															+import { getStorage } from './authStorage'
														
 
															 enum RequestEnums {
														
 
															 	TIME_OUT = 10000,
														
@@ -51,12 +51,17 @@ class RequestHttp implements IRequestClass {
 
															 		})
														
 
															 		this.service.interceptors.response.use((response: AxiosResponse) => {
														
 
															-			const { msg, code } = response.data
														
 
															+			const { msg, code, error } = response.data
														
 
															 			console.log(response.data)
														
 
															 			if (response.status === 302) {
														
 
															+				window.localStorage.clear()
														
 
															 				window.location.href = `/login?redirect=${window.location.pathname}`
														
 
															 				return Promise.reject(msg)
														
 
															 			}
														
 
															+			if (response.status === 404) {
														
 
															+				showFailToast(error)
														
 
															+				return Promise.reject(msg)
														
 
															+			}
														
 
															 			if (code !== RequestEnums.CODE) {
														
 
															 				showFailToast(msg)
														
 
															 				return Promise.reject(msg)
														
--- a/src/views/Database/add.vue
+++ b/src/views/Database/add.vue
@@ -0,0 +1,107 @@
 
															+<template>
														
 
															+  <div class="add">
														
 
															+    <el-form
														
 
															+      ref="formRef"
														
 
															+      label-position="top"
														
 
															+      label-width="100px"
														
 
															+      :model="formLabelAlign"
														
 
															+      style="max-width: 460px"
														
 
															+      :rules="formRules"
														
 
															+    >
														
 
															+      <el-form-item label="标题:" prop="title">
														
 
															+        <el-input v-model="formLabelAlign.title" placeholder="请输入标题" />
														
 
															+      </el-form-item>
														
 
															+      <el-form-item label="话术内容:" prop="content">
														
 
															+        <el-input
														
 
															+          type="textarea"
														
 
															+          v-model="formLabelAlign.content"
														
 
															+          placeholder="请输入话术内容"
														
 
															+        />
														
 
															+      </el-form-item>
														
 
															+    </el-form>
														
 
															+    <div class="btn">
														
 
															+      <data-button
														
 
															+        @handle-emit="onSubmit(formRef)"
														
 
															+        backgroundColor="#FF5B00"
														
 
															+        color="#FFFFFF"
														
 
															+        label="保存"
														
 
															+      />
														
 
															+      <data-button
														
 
															+        style="margin-top: 12px;"
														
 
															+        @handle-emit="router.back()"
														
 
															+        backgroundColor="#FFFFFF"
														
 
															+        color="#666666"
														
 
															+        label="取消"
														
 
															+      />
														
 
															+    </div>
														
 
															+  </div>
														
 
															+</template>
														
 
															+
														
 
															+<script setup lang="ts">
														
 
															+import { DForm } from "@/types/views/add.type";
														
 
															+import { reactive, ref } from "vue";
														
 
															+import type { FormInstance, FormRules } from "element-plus";
														
 
															+import { useRouter } from "vue-router";
														
 
															+import { useUserInfoState } from "@/store/user/user";
														
 
															+import { addAllStatusForm } from "@/api/context/context";
														
 
															+const router = useRouter();
														
 
															+const { serviceProviderId } = useUserInfoState()
														
 
															+const formRef = ref<FormInstance>();
														
 
															+const formLabelAlign = reactive<DForm>({
														
 
															+  title: "",
														
 
															+  content: "",
														
 
															+  type: "5",
														
 
															+  spId: serviceProviderId as number
														
 
															+});
														
 
															+
														
 
															+const formRules = reactive<FormRules<DForm>>({
														
 
															+  title: [
														
 
															+    {
														
 
															+      required: true,
														
 
															+      message: "请输入标题",
														
 
															+    },
														
 
															+  ],
														
 
															+  content: [
														
 
															+    {
														
 
															+      required: true,
														
 
															+      message: "请输入话术",
														
 
															+    },
														
 
															+  ],
														
 
															+});
														
 
															+
														
 
															+const onSubmit = (formEl: FormInstance | undefined) => {
														
 
															+  if (!formEl) return;
														
 
															+  formEl.validate(async (valid, fields) => {
														
 
															+    if (valid) {
														
 
															+      const data = await addAllStatusForm(formLabelAlign)
														
 
															+      if (data.code === 0) {
														
 
															+        router.back()
														
 
															+      }
														
 
															+    } else {
														
 
															+      console.log("error submit!", fields);
														
 
															+    }
														
 
															+  });
														
 
															+};
														
 
															+</script>
														
 
															+
														
 
															+<style scoped lang="scss">
														
 
															+.add {
														
 
															+  padding: 30px 15px;
														
 
															+}
														
 
															+:deep() {
														
 
															+  .el-input {
														
 
															+    height: 45px;
														
 
															+    font-size: $basicFS;
														
 
															+  }
														
 
															+  .el-textarea__inner {
														
 
															+    height: 128px;
														
 
															+  }
														
 
															+  .el-form-item__label {
														
 
															+    font-size: $basicFS;
														
 
															+    color: #22272E;
														
 
															+  }
														
 
															+}
														
 
															+.btn {
														
 
															+  padding: 45px 15px;
														
 
															+}
														
 
															+</style>
														
--- a/src/views/Database/components/context-contain.vue
+++ b/src/views/Database/components/context-contain.vue
@@ -1,14 +1,22 @@
 
															-
														
 
															 <template>
														
 
															   <div class="box">
														
 
															     <slot name="head" :data="props" />
														
 
															-    <div v-for="(d,i) in dataList" :key="i"> 
														
 
															+    <div v-for="(d, i) in dataList" :key="i">
														
 
															       <div class="shareFile">
														
 
															         <div class="time">{{ d.addTime }}</div>
														
 
															         <slot name="share" :data="d" />
														
 
															       </div>
														
 
															-      <file-content :title="d.title" :type="d.type" :shop-name="d.shopName" />
														
 
															+      <file-content
														
 
															+        :title="d.title"
														
 
															+        :type="d.type"
														
 
															+        :shop-name="d.shopName"
														
 
															+        :id="d.id"
														
 
															+        :waters="d.waters"
														
 
															+        :content="d.content"
														
 
															+        :image="d.image"
														
 
															+      />
														
 
															     </div>
														
 
															+    <div v-if="props.dataList.length === 0" class="empty">暂无任何文件~</div>
														
 
															     <div class="foot-btn" v-if="dataList.length >= 5">
														
 
															       <data-button
														
 
															         backgroundColor="#fff"
														
@@ -22,31 +30,44 @@
 
															 </template>
														
 
															 <script setup lang="ts">
														
 
															-import { DDataBaseListAll, DEmit } from '@/types/views/database.type';
														
 
															+import { DDataBaseListAll, DEmit } from "@/types/views/database.type";
														
 
															 import FileContent from "./file-content.vue";
														
 
															-import { ref } from "vue";
														
 
															+import { ref, computed } from 'vue';
														
 
															-const pageNum = ref<number>(1)
														
 
															-const emit = defineEmits<DEmit>()
														
 
															+const pageNum = ref<number>(1);
														
 
															+const emit = defineEmits<DEmit>();
														
 
															 const props = defineProps<DDataBaseListAll & { showMore: boolean }>()
														
 
															-const btnLabel = ref<string>("查看更多");
														
 
															+const btnLabel = computed<string>(() => isSeeMore.value ? "折叠" : '查看更多');
														
 
															+const isSeeMore = computed<boolean>(() => pageNum.value > 1 && props.dataList.length === 0)
														
 
															-console.log(props.dataList.length)
														
 
															+console.log("传递的props", props.dataList);
														
 
															 const handleSeeMore = () => {
														
 
															-  pageNum.value++
														
 
															+  if (isSeeMore.value) {
														
 
															+    pageNum.value = 1
														
 
															+  } else {
														
 
															+    pageNum.value++
														
 
															+  }
														
 
															   console.log(props.type, pageNum.value);
														
 
															-  emit('handle-see-more', {
														
 
															+  emit("handle-see-more", {
														
 
															     type: props.type,
														
 
															-    pageNum: pageNum.value
														
 
															-  })
														
 
															-  console.log('点击了查看更多')
														
 
															-}
														
 
															+    pageNum: pageNum.value,
														
 
															+  });
														
 
															+  console.log(`点击了${btnLabel.value}`);
														
 
															+};
														
 
															 </script>
														
 
															 <style scoped lang="scss">
														
 
															+.empty {
														
 
															+  width: 100%;
														
 
															+  height: 135px;
														
 
															+  background: #fff;
														
 
															+  @include display-flex-center;
														
 
															+  font-size: $basicFS-foot;
														
 
															+  color: #909090;
														
 
															+}
														
 
															 .box {
														
 
															   background: #fff;
														
 
															   width: 100%;
														
@@ -80,14 +101,14 @@ const handleSeeMore = () => {
 
															   }
														
 
															 }
														
 
															 :deep() {
														
 
															-	.van-popup--center {
														
 
															-		.van-swipe__track,
														
 
															-		.van-swipe-item {
														
 
															-			width: 100% !important;
														
 
															-		}
														
 
															-		.van-image-preview__index {
														
 
															-			display: none;
														
 
															-		}
														
 
															-	}
														
 
															+  .van-popup--center {
														
 
															+    .van-swipe__track,
														
 
															+    .van-swipe-item {
														
 
															+      width: 100% !important;
														
 
															+    }
														
 
															+    .van-image-preview__index {
														
 
															+      display: none;
														
 
															+    }
														
 
															+  }
														
 
															 }
														
 
															 </style>
														
--- a/src/views/Database/components/context-head.vue
+++ b/src/views/Database/components/context-head.vue
@@ -1,12 +1,13 @@
 
															 <template>
														
 
															   <div>
														
 
															-    <div class="title" v-if="storeType === '0'">{{ controlText }}</div>
														
 
															+    <div class="title" v-if="route.query.t === '0'">{{ controlText }}</div>
														
 
															     <div v-if="type === '5'" class="enterprise">
														
 
															-      <van-tabs v-model:active="active" shrink>
														
 
															+      <van-tabs v-model:active="form.allStatus" shrink>
														
 
															         <van-tab
														
 
															-          v-for="item in enterpriseOrIndividual"
														
 
															+          v-for="item in allStatusList"
														
 
															           :title="item.value"
														
 
															-          :key="item.id"
														
 
															+          :key="item.allStatus"
														
 
															+          :name="item.allStatus"
														
 
															         />
														
 
															       </van-tabs>
														
 
															     </div>
														
@@ -16,27 +17,45 @@
 
															 <script setup lang="ts">
														
 
															 import {
														
 
															   ChangeTabEmit,
														
 
															+  DEmit,
														
 
															   DFindParams,
														
 
															   DScrollTab,
														
 
															   tabList,
														
 
															+  allStatusList,
														
 
															 } from "@/types/views/database.type";
														
 
															-import { ref, computed, toRefs } from "vue";
														
 
															-import { useTabStore } from '../../../store/tab/tab';
														
 
															-
														
 
															-const { type: storeType } = toRefs(useTabStore())
														
 
															-
														
 
															+import { ref, computed, toRefs, watch } from "vue";
														
 
															+import { useTabStore } from "@/store/tab/tab";
														
 
															+import { DTabStore } from "@/store/tab/tab.type";
														
 
															+import { useRoute } from "vue-router";
														
 
															+const { productId, labelIds, stageStatus, searchValue } = toRefs(useTabStore());
														
 
															+const route = useRoute();
														
 
															 const props = defineProps<{
														
 
															   type: ChangeTabEmit;
														
 
															 }>();
														
 
															-
														
 
															-console.log("插槽传递的值为：", props);
														
 
															-
														
 
															-const enterpriseOrIndividual = [
														
 
															-  { id: 0, value: "企业话术" },
														
 
															-  { id: 1, value: "个人话术" },
														
 
															-];
														
 
															-
														
 
															-const active = ref<number>(0);
														
 
															+const form = ref<DTabStore>({
														
 
															+  labelIds: labelIds.value,
														
 
															+  productId: productId.value,
														
 
															+  stageStatus: stageStatus.value,
														
 
															+  type: route.query.t as ChangeTabEmit,
														
 
															+  searchValue: searchValue.value,
														
 
															+  allStatus: "1",
														
 
															+});
														
 
															+const emit = defineEmits<DEmit>();
														
 
															+watch(
														
 
															+  () => route.query,
														
 
															+  () => {
														
 
															+    form.value.allStatus = '1'
														
 
															+  },
														
 
															+  {
														
 
															+    immediate: true,
														
 
															+  }
														
 
															+);
														
 
															+watch(
														
 
															+  () => form.value.allStatus,
														
 
															+  () => {
														
 
															+    emit("handle-all-status", { type: props.type, allStatus: form.value.allStatus });
														
 
															+  }
														
 
															+);
														
 
															 const controlText = computed<DFindParams<DScrollTab, "text">>(
														
 
															   () => tabList.filter((e) => e.type === props.type)[0].text
														
--- a/src/views/Database/components/context-share.vue
+++ b/src/views/Database/components/context-share.vue
@@ -1,53 +1,62 @@
 
															 <template>
														
 
															-	<div class="share" v-if="type === '5'">
														
 
															-		<div class="show" @click.stop="useCopyText(props.content!)">复制话术内容</div>
														
 
															-		<div class="showNum" @click.stop="handleShare(props)">已使用：5次</div>
														
 
															-	</div>
														
 
															-	<div class="share" v-else>
														
 
															-		<div class="show" @click.stop="handleDetail(props)">查看{{ controlText }}</div>
														
 
															-		<div class="show" @click.stop="handleShare(props)">分享</div>
														
 
															-	</div>
														
 
															+  <div class="share" v-if="type === '5'">
														
 
															+    <div class="show" @click.stop="useCopyText(props.content!)">复制话术内容</div>
														
 
															+    <div class="showNum" v-if="allStatus === 1">已使用：{{ props.pv || 0 }}次</div>
														
 
															+  </div>
														
 
															+  <div class="share" v-else>
														
 
															+    <div class="show" @click.stop="handleDetail(props)">查看{{ controlText }}</div>
														
 
															+    <div
														
 
															+      class="show"
														
 
															+      @click.stop="useWeChatShare({ type: props.type!, id: props.id!, spId: serviceProviderId as number })"
														
 
															+    >
														
 
															+      分享
														
 
															+    </div>
														
 
															+  </div>
														
 
															 </template>
														
 
															 <script setup lang="ts">
														
 
															-import { DArchiveResultData } from '@/types/api/context.type';
														
 
															-import { DFindParams, DScrollTab, tabList, DetailParams } from '@/types/views/database.type';
														
 
															-import { computed } from 'vue';
														
 
															-import { useRouter } from 'vue-router';
														
 
															-import useCopyText from '@/Hooks/useCopyText';
														
 
															+import { DArchiveResultData } from "@/types/api/context.type";
														
 
															+import { DFindParams, DScrollTab, tabList } from "@/types/views/database.type";
														
 
															+import { computed } from "vue";
														
 
															+import { useRouter } from "vue-router";
														
 
															+import useCopyText from "@/Hooks/useCopyText";
														
 
															+import useWeChatShare from "@/Hooks/useWeChatShare";
														
 
															+import { useUserInfoState } from "@/store/user/user";
														
 
															-const props = defineProps<DArchiveResultData>()
														
 
															-
														
 
															-const router = useRouter()
														
 
															+const props = defineProps<DArchiveResultData>();
														
 
															+const { serviceProviderId } = useUserInfoState();
														
 
															+const router = useRouter();
														
 
															 const controlText = computed<DFindParams<DScrollTab, "text">>(
														
 
															   () => tabList.filter((e) => e.type === props.type)[0].text
														
 
															 );
														
 
															-
														
 
															 const handleDetail = ($event: DArchiveResultData) => {
														
 
															+  const link =
														
 
															+    import.meta.env.VITE_HTTP_URL + (Number($event.type) === 7
														
 
															+      ? "/encyclopedia/detail-"
														
 
															+      : "/info/detail-") + $event.id + ".html";
														
 
															+  if (Number($event.type) > 5) return window.open(link);
														
 
															   router.push("/database/detail?id=" + $event.id + "&t=" + $event.type);
														
 
															   console.log($event.type);
														
 
															 };
														
 
															-const handleShare = ($event: DArchiveResultData) => {}
														
 
															-
														
 
															 </script>
														
 
															 <style scoped lang="scss">
														
 
															 .share {
														
 
															-	display: flex;
														
 
															-	align-items: center;
														
 
															-	.show {
														
 
															-		margin-left: 24px;
														
 
															-		color: $basicColor;
														
 
															-		font-size: $basicFS;
														
 
															-	}
														
 
															-	.showNum {
														
 
															-		margin-left: 24px;
														
 
															-		background: #F5F5F5;
														
 
															-		padding: 3px 9px;
														
 
															-		border-radius: 2px;
														
 
															-		font-size: $basicFS-foot;
														
 
															-		color: #666;
														
 
															-	}
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  .show {
														
 
															+    margin-left: 24px;
														
 
															+    color: $basicColor;
														
 
															+    font-size: $basicFS;
														
 
															+  }
														
 
															+  .showNum {
														
 
															+    margin-left: 24px;
														
 
															+    background: #f5f5f5;
														
 
															+    padding: 3px 9px;
														
 
															+    border-radius: 2px;
														
 
															+    font-size: $basicFS-foot;
														
 
															+    color: #666;
														
 
															+  }
														
 
															 }
														
 
															-</style>
														
 
															+</style>
														
--- a/src/views/Database/components/file-content.vue
+++ b/src/views/Database/components/file-content.vue
@@ -1,43 +1,59 @@
 
															 <template>
														
 
															   <div class="all-file">
														
 
															     <div class="container">
														
 
															-			<video-img-content v-if="showVideoImgContent()" :title="title!" :waters="waters" :type="type" :content="content" />
														
 
															-			<text-file-content v-else :title="title" :type="type" :content="content" :waters="waters" />
														
 
															-		</div>
														
 
															-		<div class="foot">
														
 
															-			<div class="mark">随便看看</div>
														
 
															-			<div class="mark">{{ shopName }}</div>
														
 
															-			<div class="mark">{{ keywords }}</div>
														
 
															-		</div>
														
 
															+      <video-img-content
														
 
															+        v-if="showVideoImgContent()"
														
 
															+        :title="title!"
														
 
															+        :waters="waters"
														
 
															+        :type="type"
														
 
															+        :content="content"
														
 
															+        :id="id"
														
 
															+        :image="image"
														
 
															+      />
														
 
															+      <text-file-content
														
 
															+        v-else
														
 
															+        :title="title"
														
 
															+        :type="type"
														
 
															+        :content="content"
														
 
															+        :waters="waters"
														
 
															+        :id="id"
														
 
															+				:image="image"
														
 
															+      />
														
 
															+    </div>
														
 
															+    <div class="foot">
														
 
															+      <div class="mark">随便看看</div>
														
 
															+      <div class="mark">{{ shopName }}</div>
														
 
															+      <div class="mark">{{ keywords }}</div>
														
 
															+    </div>
														
 
															   </div>
														
 
															 </template>
														
 
															 <script setup lang="ts">
														
 
															-import VideoImgContent from './video-img-content.vue'
														
 
															-import TextFileContent from './text-file-content.vue';
														
 
															-import { DArchiveResultData } from '@/types/api/context.type';
														
 
															+import VideoImgContent from "./video-img-content.vue";
														
 
															+import TextFileContent from "./text-file-content.vue";
														
 
															+import { DArchiveResultData } from "@/types/api/context.type";
														
 
															-const props = defineProps<DArchiveResultData>()
														
 
															-
														
 
															-const showVideoImgContent = (): boolean => ["1", "2", "4"].indexOf(props.type as string) !== -1
														
 
															+const props = defineProps<DArchiveResultData>();
														
 
															+const showVideoImgContent = (): boolean =>
														
 
															+  ["1", "2", "4"].indexOf(props.type as string) !== -1;
														
 
															 </script>
														
 
															 <style lang="scss" scoped>
														
 
															 .all-file {
														
 
															-	width: 100%;
														
 
															-	padding: 12px 0 9px 0;
														
 
															-	margin-bottom: 14px;
														
 
															-	border-bottom: 1px solid #E1E1E1;
														
 
															+  width: 100%;
														
 
															+  padding: 12px 0 9px 0;
														
 
															+  margin-bottom: 14px;
														
 
															+  border-bottom: 1px solid #e1e1e1;
														
 
															 }
														
 
															 .container {
														
 
															-	margin-bottom: 19px;
														
 
															+  margin-bottom: 19px;
														
 
															 }
														
 
															 .foot {
														
 
															-	@include display-flex-between;
														
 
															-	font-size: $basicFS-foot;
														
 
															-	.mark {
														
 
															-		color: $basicColor-foot;
														
 
															-	}
														
 
															+  @include display-flex-between;
														
 
															+  font-size: $basicFS-foot;
														
 
															+  .mark {
														
 
															+    color: $basicColor-foot;
														
 
															+  }
														
 
															 }
														
 
															 </style>
														
--- a/src/views/Database/components/high-light-text.vue
+++ b/src/views/Database/components/high-light-text.vue
@@ -1,16 +1,24 @@
 
															 <template>
														
 
															-	<van-highlight :keywords="props.keywords" :source-string="props.text" v-if="keywords" />
														
 
															-	<div v-else>{{ props.text }}</div>
														
 
															+  <van-highlight
														
 
															+    :keywords="keywords"
														
 
															+    :source-string="text"
														
 
															+    v-if="keywords"
														
 
															+    highlight-class="custom-class"
														
 
															+  />
														
 
															+  <div v-else>{{ text }}</div>
														
 
															 </template>
														
 
															 <script setup lang="ts">
														
 
															-const props = defineProps<{
														
 
															-	keywords: string
														
 
															-	text: string 
														
 
															-}>()
														
 
															-
														
 
															+defineProps<{
														
 
															+  keywords: string;
														
 
															+  text: string;
														
 
															+}>();
														
 
															 </script>
														
 
															-<style scoped>
														
 
															-
														
 
															-</style>
														
 
															+<style scoped lang="scss">
														
 
															+:deep() {
														
 
															+	.custom-class {
														
 
															+		color: $basicColor;
														
 
															+	}
														
 
															+}
														
 
															+</style>
														
--- a/src/views/Database/components/scroll-tap-btn.vue
+++ b/src/views/Database/components/scroll-tap-btn.vue
@@ -6,7 +6,7 @@
 
															         :key="i.type"
														
 
															         :label="i.text"
														
 
															         @handle-emit="handleChangeTab(i)"
														
 
															-        :class="sType === i.type ? 'active' : ''"
														
 
															+        :class="route.query.t === i.type ? 'active' : ''"
														
 
															         backgroundColor="#fff"
														
 
															         color="#666666"
														
 
															       />
														
@@ -15,14 +15,14 @@
 
															 </template>
														
 
															 <script setup lang="ts">
														
 
															-import { toRefs } from 'vue';
														
 
															 import { DScrollTab, DEmit, tabList } from '@/types/views/database.type';
														
 
															-import { useTabStore } from '@/store/tab/tab';
														
 
															+import { useRoute } from 'vue-router';
														
 
															-const { type: sType } = toRefs(useTabStore())
														
 
															+const route = useRoute()
														
 
															 const emit = defineEmits<DEmit>()
														
 
															 const handleChangeTab = (event: DScrollTab): void => {
														
 
															+  console.log('点击tab菜单', event)
														
 
															 	emit('handle-tab-emit', event)
														
 
															 };
														
--- a/src/views/Database/components/search-head.vue
+++ b/src/views/Database/components/search-head.vue
@@ -1,20 +1,35 @@
 
															 <template>
														
 
															   <div class="search-head">
														
 
															-    <van-search v-model="value" placeholder="请输入搜索关键词" @search="emit('handle-search-emit', value)" />
														
 
															+    <van-search
														
 
															+      v-model="value"
														
 
															+      placeholder="请输入搜索关键词"
														
 
															+      @search="emit('handle-search-emit', value)"
														
 
															+    />
														
 
															     <van-dropdown-menu active-color="#FF5B00">
														
 
															       <van-dropdown-item
														
 
															-			  active-color="#FF5B00"
														
 
															+        active-color="#FF5B00"
														
 
															         :title="i.title"
														
 
															         ref="itemRef"
														
 
															         v-for="(i, o) in menuTypeOptions"
														
 
															         :key="o"
														
 
															         v-model="i.changeValue"
														
 
															         :options="i.type !== 'Double' ? i.options : []"
														
 
															-				:class="[activeMenu === o ? 'activeMenu' : '']"
														
 
															-				@close="handleDropdownClose"
														
 
															+        @close="handleDropdownClose"
														
 
															+        @open="handleOpen(o)"
														
 
															       >
														
 
															-        <template v-if="o !== 3">
														
 
															-          <van-search :disabled="o === 2" v-model="searchValue" placeholder="请输入搜索关键词" />
														
 
															+        <template v-if="o === 0">
														
 
															+          <van-search
														
 
															+            v-model="labelKeyParams.v"
														
 
															+            placeholder="请输入搜索关键词"
														
 
															+            @search="reqLabelKeyList"
														
 
															+          />
														
 
															+        </template>
														
 
															+        <template v-if="o === 1">
														
 
															+          <van-search
														
 
															+            v-model="storeParams.productName"
														
 
															+            placeholder="请输入搜索关键词"
														
 
															+            @search="reqStoreList"
														
 
															+          />
														
 
															         </template>
														
 
															         <template v-if="i.type === 'Double'">
														
 
															           <van-checkbox-group v-model="checked">
														
@@ -25,7 +40,7 @@
 
															                 :key="index"
														
 
															                 :title="item.text"
														
 
															                 @click="toggle(item.value)"
														
 
															-								:class="checked.indexOf(item.value) > -1 ? 'd-checked' : ''"
														
 
															+                :class="checked.indexOf(item.value) > -1 ? 'd-checked' : ''"
														
 
															               >
														
 
															                 <template #right-icon>
														
 
															                   <van-checkbox
														
@@ -43,16 +58,28 @@
 
															 </template>
														
 
															 <script setup lang="ts">
														
 
															-import { ref, reactive, onBeforeUpdate, onMounted, VNodeRef } from 'vue';
														
 
															-import type { DMenu, DMenuList, DEmit } from '@/types/views/database.type';
														
 
															+import { ref, reactive, onBeforeUpdate, onMounted, VNodeRef } from "vue";
														
 
															+import type { DMenu, DMenuList, DEmit } from "@/types/views/database.type";
														
 
															 import { getLabelKeyList, getStoreList } from "@/api/context/context";
														
 
															-import { CheckboxInstance } from 'vant';
														
 
															+import { CheckboxInstance } from "vant";
														
 
															+import { ILabelKeyRequest, IStoreRequest } from "@/types/api/context.type";
														
 
															 type menuOptions = Array<DMenuList<DMenu>>; // 菜单类型
														
 
															-
														
 
															-const activeMenu = ref<number>(0) // 切换tab
														
 
															-const searchValue = ref<string>('') // 搜索条件
														
 
															-const value = ref<string>(''); // 标题搜索
														
 
															+const activePadding = ref<string>("20vw 1vw 1vw 1vw"); // vue 样式
														
 
															+const handleOpen = (val: number) => {
														
 
															+  activePadding.value = val < 2 ? "20vw 1vw 1vw 1vw" : "5vw 1vw 1vw 1vw";
														
 
															+};
														
 
															+const storeParams = ref<IStoreRequest>({
														
 
															+  pageNum: 1,
														
 
															+  pageSize: 10,
														
 
															+  productName: "",
														
 
															+}); // 搜索条件
														
 
															+const labelKeyParams = ref<ILabelKeyRequest>({
														
 
															+  pageNum: 1,
														
 
															+  pageSize: 10,
														
 
															+  v: "",
														
 
															+}); // 搜索条件
														
 
															+const value = ref<string>(""); // 标题搜索
														
 
															 const checked = ref<Array<number | null>>([]); // 默认选中
														
 
															 const checkboxRefs = ref<Array<CheckboxInstance | VNodeRef>>([]); // 多选默认
														
@@ -98,44 +125,36 @@ const menuTypeOptions = reactive<menuOptions>([
 
															 ]);
														
 
															 const toggle = (index: number) => {
														
 
															-	(checkboxRefs.value[index] as CheckboxInstance).toggle();
														
 
															+  (checkboxRefs.value[index] as CheckboxInstance).toggle();
														
 
															 };
														
 
															-const emit = defineEmits<DEmit>()
														
 
															+const emit = defineEmits<DEmit>();
														
 
															 const handleDropdownClose = (): void => {
														
 
															-	emit('handle-change-emit', {
														
 
															+  emit("handle-change-emit", {
														
 
															     labelIds: checked.value.join(),
														
 
															     productId: menuTypeOptions[1].changeValue!,
														
 
															-    stageStatus: menuTypeOptions[2].changeValue!.toString()
														
 
															-  })
														
 
															-}
														
 
															+    stageStatus: menuTypeOptions[2].changeValue!.toString(),
														
 
															+  });
														
 
															+};
														
 
															 const reqLabelKeyList = async () => {
														
 
															-  const { data } = await getLabelKeyList({
														
 
															-    pageNum: 1,
														
 
															-    pageSize: 10,
														
 
															-    v: ''
														
 
															-  })
														
 
															-  menuTypeOptions[0].options = data!.list!.map(e => ({
														
 
															+  const { data } = await getLabelKeyList(labelKeyParams.value);
														
 
															+  menuTypeOptions[0].options = data!.list!.map((e) => ({
														
 
															     text: e.v,
														
 
															-    value: Number(e.k)
														
 
															-  }))
														
 
															-}
														
 
															+    value: Number(e.k),
														
 
															+  }));
														
 
															+};
														
 
															 const reqStoreList = async () => {
														
 
															-  const { data } = await getStoreList({
														
 
															-    pageNum: 1,
														
 
															-    pageSize: 10,
														
 
															-    productName: ''
														
 
															-  })
														
 
															-  menuTypeOptions[1].options = data!.list!.map(e => ({
														
 
															+  const { data } = await getStoreList(storeParams.value);
														
 
															+  menuTypeOptions[1].options = [{ text: '商品（全部）',value: 0 }, ...data!.list!.map((e) => ({
														
 
															     text: e.productName,
														
 
															-    value: e.productId
														
 
															-  }))
														
 
															-}
														
 
															+    value: e.productId,
														
 
															+  }))]
														
 
															+};
														
 
															-onMounted(async () => {
														
 
															-  await reqLabelKeyList()
														
 
															-  await reqStoreList()
														
 
															-})
														
 
															+onMounted(() => {
														
 
															+  reqLabelKeyList();
														
 
															+  reqStoreList();
														
 
															+});
														
 
															 // 组件更新
														
 
															 onBeforeUpdate(() => {
														
 
															   checkboxRefs.value = [];
														
@@ -154,9 +173,9 @@ onBeforeUpdate(() => {
 
															     font-size: 13px;
														
 
															     padding: 0;
														
 
															     border: 1px solid #e1e1e1;
														
 
															-		.van-search__field {
														
 
															-			padding: 0;
														
 
															-		}
														
 
															+    .van-search__field {
														
 
															+      padding: 0;
														
 
															+    }
														
 
															     .van-search__content {
														
 
															       background: #fff;
														
 
															     }
														
@@ -182,31 +201,31 @@ onBeforeUpdate(() => {
 
															     color: #333;
														
 
															     position: relative;
														
 
															   }
														
 
															-	.van-cell {
														
 
															-		padding: 7.5px;
														
 
															-		.van-cell__title {
														
 
															-			color: rgb(37, 1, 1);
														
 
															-			font-size: 13px;
														
 
															-		}
														
 
															-	}
														
 
															-	.van-checkbox__icon--checked .van-icon,
														
 
															-	.van-checkbox__icon .van-icon {
														
 
															-		background: none;
														
 
															-		border: none;
														
 
															-	}
														
 
															+  .van-cell {
														
 
															+    padding: 7.5px;
														
 
															+    .van-cell__title {
														
 
															+      color: rgb(37, 1, 1);
														
 
															+      font-size: 13px;
														
 
															+    }
														
 
															+  }
														
 
															+  .van-checkbox__icon--checked .van-icon,
														
 
															+  .van-checkbox__icon .van-icon {
														
 
															+    background: none;
														
 
															+    border: none;
														
 
															+  }
														
 
															   .van-dropdown-menu__title::after {
														
 
															     opacity: 1;
														
 
															   }
														
 
															-	.van-dropdown-item__option--active,
														
 
															-	.van-dropdown-menu__title--active {
														
 
															-		.van-cell__title,
														
 
															-		.van-dropdown-menu__title::after {
														
 
															-			color: $basicColor !important;
														
 
															-		}
														
 
															-	}
														
 
															+  .van-dropdown-item__option--active,
														
 
															+  .van-dropdown-menu__title--active {
														
 
															+    .van-cell__title,
														
 
															+    .van-dropdown-menu__title::after {
														
 
															+      color: $basicColor !important;
														
 
															+    }
														
 
															+  }
														
 
															   .van-dropdown-menu__title--active::before {
														
 
															-    content: '';
														
 
															+    content: "";
														
 
															     position: absolute;
														
 
															     width: 30px;
														
 
															     height: 2px;
														
@@ -218,16 +237,17 @@ onBeforeUpdate(() => {
 
															   .van-popup--top {
														
 
															     max-height: 50vh;
														
 
															     position: relative;
														
 
															-    padding: 45px 5px 5px 5px;
														
 
															+    padding: v-bind(activePadding);
														
 
															     .van-search {
														
 
															       position: absolute;
														
 
															-      top: 24px;
														
 
															+      top: 40px;
														
 
															       left: 50%;
														
 
															       width: 96%;
														
 
															       height: 40px;
														
 
															       transform: translate(-50%, -50%);
														
 
															     }
														
 
															-    .van-cell__title, .van-cell__value {
														
 
															+    .van-cell__title,
														
 
															+    .van-cell__value {
														
 
															       flex: auto;
														
 
															       width: 20px;
														
 
															     }
														
@@ -237,14 +257,14 @@ onBeforeUpdate(() => {
 
															   }
														
 
															 }
														
 
															 .d-checked {
														
 
															-	:deep() {
														
 
															-		.van-checkbox__icon--checked .van-icon,
														
 
															-		.van-cell__title {
														
 
															-			color: $basicColor;
														
 
															-		}
														
 
															-	}
														
 
															+  :deep() {
														
 
															+    .van-checkbox__icon--checked .van-icon,
														
 
															+    .van-cell__title {
														
 
															+      color: $basicColor;
														
 
															+    }
														
 
															+  }
														
 
															 }
														
 
															 .activeMenu {
														
 
															-	color: $basicColor;
														
 
															+  color: $basicColor;
														
 
															 }
														
 
															 </style>
														
--- a/src/views/Database/components/text-file-content.vue
+++ b/src/views/Database/components/text-file-content.vue
@@ -1,53 +1,57 @@
 
															 <template>
														
 
															-	<div class="file">
														
 
															-		<div class="image" v-if="type !== '5'">
														
 
															-			<van-image
														
 
															-				fit="contain"
														
 
															-				src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
														
 
															-			/>
														
 
															-		</div>
														
 
															-		<div class="title">
														
 
															-			<div class="t1"><high-light-text :keywords="'标题'" :text="title!" /></div>
														
 
															-			<div class="t2" v-if="!showFileContent()"><high-light-text :keywords="'以色列'" :text="title!" /></div>
														
 
															-		</div>
														
 
															-	</div>
														
 
															+  <div class="file">
														
 
															+    <div class="image" v-if="type !== '5'">
														
 
															+      <van-image fit="contain" :src="image" v-if="type === '6' || type === '7'" />
														
 
															+      <van-image fit="contain" :src="getFileImg(props?.waters as string).img" v-else />
														
 
															+    </div>
														
 
															+    <div class="title">
														
 
															+      <div class="t1"><high-light-text :keywords="searchValue" :text="title!" /></div>
														
 
															+      <div class="t2" v-if="!showFileContent()">
														
 
															+        <high-light-text :keywords="searchValue" :text="title!" />
														
 
															+      </div>
														
 
															+    </div>
														
 
															+  </div>
														
 
															 </template>
														
 
															 <script lang="ts" setup>
														
 
															-import highLightText from './high-light-text.vue';
														
 
															-import { DArchiveResultData } from '@/types/api/context.type';
														
 
															+import highLightText from "./high-light-text.vue";
														
 
															+import { DArchiveResultData } from "@/types/api/context.type";
														
 
															+import { useTabStore } from "@/store/tab/tab";
														
 
															+import { toRefs } from "vue";
														
 
															+import getFileImg from "@/Hooks/useFileImage";
														
 
															-const props = defineProps<DArchiveResultData>()
														
 
															+const { searchValue } = toRefs(useTabStore());
														
 
															+const props = defineProps<DArchiveResultData>();
														
 
															-const showFileContent = (): boolean => ["3", "6"].indexOf(props.type as string) !== -1
														
 
															+const showFileContent = (): boolean => ["3", "6"].indexOf(props.type as string) !== -1;
														
 
															 </script>
														
 
															 <style lang="scss" scoped>
														
 
															 .file {
														
 
															-	display: flex;
														
 
															-	align-items: center;
														
 
															-	.image {
														
 
															-		width: 63px;
														
 
															-		height: 63px;
														
 
															-		@include display-flex-center;
														
 
															-		margin-right: 12px;
														
 
															-	}
														
 
															-	.title {
														
 
															-		font-size: $basicFS;
														
 
															-		min-width: calc(100% - 75px);
														
 
															-		display: flex;
														
 
															-		justify-content: space-around;
														
 
															-		flex-direction: column;
														
 
															-		height:63px;
														
 
															-		.t1 {
														
 
															-			color: $basicColor-content;
														
 
															-			@include webkit-line-clamp (1);
														
 
															-		}
														
 
															-		.t2 {
														
 
															-			line-height: 21px;
														
 
															-			color: $basicColor-foot;
														
 
															-			@include webkit-line-clamp (2);
														
 
															-		}
														
 
															-	}
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  .image {
														
 
															+    width: 63px;
														
 
															+    height: 63px;
														
 
															+    @include display-flex-center;
														
 
															+    margin-right: 12px;
														
 
															+  }
														
 
															+  .title {
														
 
															+    font-size: $basicFS;
														
 
															+    width: calc(100% - 75px);
														
 
															+    display: flex;
														
 
															+    justify-content: space-around;
														
 
															+    flex-direction: column;
														
 
															+    height: 63px;
														
 
															+    .t1 {
														
 
															+      color: $basicColor-content;
														
 
															+      @include webkit-line-clamp(1);
														
 
															+    }
														
 
															+    .t2 {
														
 
															+      line-height: 21px;
														
 
															+      color: $basicColor-foot;
														
 
															+      @include webkit-line-clamp(2);
														
 
															+    }
														
 
															+  }
														
 
															 }
														
 
															-</style>
														
 
															+</style>
														
--- a/src/views/Database/components/video-img-content.vue
+++ b/src/views/Database/components/video-img-content.vue
@@ -1,13 +1,11 @@
 
															 <template>
														
 
															   <div>
														
 
															     <div class="text-title">
														
 
															-      <high-light-text :keywords="''" :text="props.title!" />
														
 
															+      <high-light-text :keywords="searchValue" :text="props.title!" />
														
 
															     </div>
														
 
															     <div class="img-content" v-if="type === '1'">
														
 
															-      <div class="item">
														
 
															+      <div class="item" v-for="(img, i) in waters" :key="i">
														
 
															         <van-image
														
 
															-          v-for="(img, i) in waters"
														
 
															-          :key="i"
														
 
															           fit="contain"
														
 
															           :src="img"
														
 
															           @click.native="shopImagePreviews(i)"
														
@@ -25,7 +23,7 @@
 
															         x5-video-player-type="h5"
														
 
															         controlslist="nodownload"
														
 
															       >
														
 
															-        <source src="https://caimei-oss.oss-cn-shenzhen.aliyuncs.com/beta/archiveFile/07be2bc1cf6d4b649d694c0c81edd50d.mp4?Expires=1703755722&OSSAccessKeyId=LTAI4GBL3o4YkWnbKYgf2Xia&Signature=FkraWtEi6HmZNYoKvMgoNVsNbmU%3D" type="video/mp4" />
														
 
															+        <source :src="waters![0]" />
														
 
															       </video>
														
 
															     </div>
														
 
															     <div class="text-content" v-if="type === '4'">
														
@@ -35,18 +33,21 @@
 
															 </template>
														
 
															 <script setup lang="ts">
														
 
															+import { useTabStore } from "@/store/tab/tab";
														
 
															 import highLightText from "./high-light-text.vue";
														
 
															 import { DArchiveResultData } from "@/types/api/context.type";
														
 
															 import { showImagePreview } from "vant";
														
 
															+import { toRefs } from 'vue';
														
 
															+const { searchValue } = toRefs(useTabStore())
														
 
															-const props = withDefaults(defineProps<DArchiveResultData>(), {
														
 
															-  waters: () => ["https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"],
														
 
															-});
														
 
															+const props = defineProps<DArchiveResultData>()
														
 
															+
														
 
															+console.log('图片文件', props.waters)
														
 
															 const shopImagePreviews = (index: number) => {
														
 
															   console.log(index);
														
 
															   showImagePreview({
														
 
															-    images: props.waters!,
														
 
															+    images: props.waters as string[],
														
 
															     startPosition: index,
														
 
															   });
														
 
															 };
														
@@ -62,7 +63,7 @@ const shopImagePreviews = (index: number) => {
 
															 }
														
 
															 .img-content {
														
 
															   display: grid;
														
 
															-  grid-template-columns: repeat(3fr);
														
 
															+  grid-template-columns: repeat(3, 1fr);
														
 
															   grid-gap: 12px;
														
 
															   .item {
														
 
															     border: 1px solid #e1e1e1;
														
--- a/src/views/Database/data-all/index.vue
+++ b/src/views/Database/data-all/index.vue
@@ -4,83 +4,141 @@
 
															       :type="data.type"
														
 
															       :data-list="data.dataList"
														
 
															       :show-more="showSeeMore"
														
 
															-      v-if="data.dataList.length > 0 && data.type !== '0'"
														
 
															+      v-if="data.dataList.length > 0 && data.type !== '0' && data.type !== '5'"
														
 
															       @handle-see-more="handleSeeMore"
														
 
															     >
														
 
															       <template #head="{ data }">
														
 
															-        <context-head :type="data.type" />
														
 
															+        <context-head :type="data.type"/>
														
 
															       </template>
														
 
															       <template #share="{ data }">
														
 
															         <context-share :type="data.type!" :id="data.id" :content="data.content" />
														
 
															       </template>
														
 
															     </context-contain>
														
 
															-    <div v-if="isEmpty && i === 0" class="empty">
														
 
															-      暂无任何文件~
														
 
															-    </div>
														
 
															+    <context-contain
														
 
															+      :type="data.type"
														
 
															+      :data-list="data.dataList"
														
 
															+      :show-more="showSeeMore"
														
 
															+      v-if="isShowType && data.type === '5'"
														
 
															+      @handle-see-more="handleSeeMore"
														
 
															+    >
														
 
															+      <template #head="{ data }">
														
 
															+        <context-head :type="data.type" @handle-all-status="handleAllStatus" />
														
 
															+      </template>
														
 
															+      <template #share="{ data }">
														
 
															+        <context-share :type="data.type!" :id="data.id" :content="data.content" :all-status="data.allStatus" />
														
 
															+      </template>
														
 
															+    </context-contain>
														
 
															+  </div>
														
 
															+  <div v-if="isEmpty && route.query.t !== '5'" class="empty">暂无任何文件~</div>
														
 
															+  <div class="bottom-btn" v-if="reqParams.type === '5' && isAddStatus">
														
 
															+    <data-button
														
 
															+      @handle-emit="router.push('/database/add')"
														
 
															+      backgroundColor="#FF5B00"
														
 
															+      color="#FFFFFF"
														
 
															+      label="添加话术"
														
 
															+    />
														
 
															   </div>
														
 
															 </template>
														
 
															 <script setup lang="ts">
														
 
															-import { ref, computed, watchEffect, onMounted } from "vue";
														
 
															+import { computed, ref, watch } from 'vue';
														
 
															 import contextContain from "../components/context-contain.vue";
														
 
															 import { DDataBaseListAll, DetailParams, tabList } from "@/types/views/database.type";
														
 
															 import contextHead from "../components/context-head.vue";
														
 
															 import contextShare from "../components/context-share.vue";
														
 
															-import { useRoute } from "vue-router";
														
 
															+import { useRouter, useRoute, LocationQueryValue } from "vue-router";
														
 
															 import { getArchiveList } from "@/api/context/context";
														
 
															-import { IArchiveRequest } from "@/types/api/context.type"
														
 
															-
														
 
															+import { IArchiveRequest } from "@/types/api/context.type";
														
 
															+import { useUserInfoState } from "@/store/user/user";
														
 
															+import { myDecrypt } from '@/util/authStorage';
														
 
															+const { userId } = useUserInfoState();
														
 
															+const router = useRouter();
														
 
															 const route = useRoute();
														
 
															 const dataList = ref<DDataBaseListAll[] | null>(null);
														
 
															-const setNull = (t: any) => (t === "0" ? "" : t);
														
 
															-const reqParams = computed<IArchiveRequest>(
														
 
															-  () =>
														
 
															-    ({
														
 
															-      type: setNull(route.query.t),
														
 
															-      title: route.query.sv,
														
 
															-      productId: setNull(route.query.pId),
														
 
															-      labelIds: route.query.lId,
														
 
															-      stageStatus: setNull(route.query.ss),
														
 
															-      allStatus: route.query.as,
														
 
															-      pageNum: 1,
														
 
															-    } as IArchiveRequest)
														
 
															-);
														
 
															-
														
 
															-const isEmpty = ref<boolean>(false)
														
 
															-const showSeeMore = ref<boolean>(true)
														
 
															+const routeQuery = (str: LocationQueryValue | LocationQueryValue[]) => str === '0' ? '' : str
														
 
															+const reqParams = computed<IArchiveRequest>(() => ({
														
 
															+  type: routeQuery(route.query.t),
														
 
															+  title: route.query.sv,
														
 
															+  productId: routeQuery(route.query.pId),
														
 
															+  labelIds: route.query.lId,
														
 
															+  stageStatus: routeQuery(route.query.ss),
														
 
															+  spId: '',
														
 
															+  userId: userId,
														
 
															+}) as IArchiveRequest);
														
 
															+const isAddStatus = ref<boolean>(false);
														
 
															+const isEmpty = ref<boolean>(false);
														
 
															+const isShowType = ref<boolean>(false);
														
 
															+const showSeeMore = ref<boolean>(true);
														
 
															+const formParams = ref({ allStatus: '1' })
														
 
															 const reqArchiveList = async (res?: DetailParams) => {
														
 
															   if (!res) {
														
 
															-    const { data } = await getArchiveList({ ...reqParams.value });
														
 
															+    const { data } = await getArchiveList({ ...reqParams.value, ...formParams.value });
														
 
															+    const DcreptoList = data?.map(e => ({
														
 
															+      ...e,
														
 
															+      waters: myDecrypt(e.waters! as string[])
														
 
															+    }))
														
 
															     dataList.value = tabList.map((e) => ({
														
 
															       type: e.type,
														
 
															-      dataList: data!.filter((i) => i.type === e.type),
														
 
															+      dataList: DcreptoList!.filter((i) => i.type === e.type),
														
 
															     }));
														
 
															+    isEmpty.value = data?.length === 0;
														
 
															   } else {
														
 
															     const { data } = await getArchiveList({ ...reqParams.value, ...res! });
														
 
															-    dataList.value![res.type]!.dataList = [...dataList.value![res.type]!.dataList, ...data!]
														
 
															-    isEmpty.value = dataList.value![res.type]!.dataList.length === 0
														
 
															-    showSeeMore.value = data?.length! < 5
														
 
															+    const DcreptoList = data?.map(e => ({
														
 
															+      ...e,
														
 
															+      waters: myDecrypt(e.waters! as string[])
														
 
															+    }))
														
 
															+    if (res.allStatus || res.pageNum === 1) {
														
 
															+      dataList.value![res.type]!.dataList = [];
														
 
															+    }
														
 
															+    dataList.value![res.type]!.dataList = [
														
 
															+      ...dataList.value![res.type]!.dataList,
														
 
															+      ...DcreptoList!,
														
 
															+    ];
														
 
															+    isEmpty.value = dataList.value![res.type]!.dataList.length === 0 && reqParams.value.type !== '';
														
 
															+    showSeeMore.value = data?.length! < 5;
														
 
															   }
														
 
															 };
														
 
															-
														
 
															-const handleSeeMore = ($event: DetailParams) => {
														
 
															-  reqArchiveList($event)
														
 
															-}
														
 
															-watchEffect(() => {
														
 
															-  reqArchiveList();
														
 
															-  console.log(reqParams.value);
														
 
															+watch(() => route.query, (val) => {
														
 
															+  console.log('路由变化', val)
														
 
															+  isShowType.value = route.query.t === '0' || route.query.t === '5'
														
 
															+  formParams.value.allStatus = '1'
														
 
															+  reqArchiveList()
														
 
															+},
														
 
															+{
														
 
															+  immediate: true,
														
 
															 });
														
 
															-onMounted(() => {});
														
 
															+const handleSeeMore = ($event: DetailParams) => {
														
 
															+  console.log('查看更多')
														
 
															+  reqArchiveList($event);
														
 
															+};
														
 
															+const handleAllStatus = ($event: DetailParams) => {
														
 
															+  console.log('改变成企业', $event)
														
 
															+  formParams.value.allStatus = $event.allStatus!
														
 
															+  reqArchiveList($event);
														
 
															+  isAddStatus.value = $event.allStatus === "2";
														
 
															+};
														
 
															 </script>
														
 
															 <style lang="scss" scoped>
														
 
															+.bottom-btn {
														
 
															+  position: absolute;
														
 
															+  bottom: 0;
														
 
															+  left: 0;
														
 
															+  padding: 24px 28px;
														
 
															+  background: #fff;
														
 
															+  z-index: 99;
														
 
															+  box-sizing: border-box;
														
 
															+  width: 100%;
														
 
															+}
														
 
															 .empty {
														
 
															   width: 100%;
														
 
															   height: 135px;
														
 
															   background: #fff;
														
 
															-  @include display-column-end;
														
 
															+  @include display-flex-center;
														
 
															   font-size: $basicFS-foot;
														
 
															   color: #909090;
														
 
															+  padding-top: 67px;
														
 
															 }
														
 
															 </style>
														
--- a/src/views/Database/detail.vue
+++ b/src/views/Database/detail.vue
@@ -1,104 +1,114 @@
 
															 <template>
														
 
															   <div class="detail">
														
 
															-    <div class="other" v-if="type === '5'">个人话术<span>已使用:{{ form?.pv || 0 }}次</span></div>
														
 
															+    <div class="other" v-if="type === '5'">
														
 
															+      {{ '个人话术' }}<span>已使用:{{ form?.pv || 0 }}次</span>
														
 
															+    </div>
														
 
															     <div class="time">{{ form?.addTime }}</div>
														
 
															     <div class="title">{{ form?.title }}</div>
														
 
															     <div class="text" v-if="type === '5'">
														
 
															       {{ form?.content }}
														
 
															     </div>
														
 
															     <div class="content" v-if="type !== '5'">
														
 
															-			<div v-html="form?.content" v-if="type === '4'" />
														
 
															-			<div class="img-content" v-if="type === '1'">
														
 
															-				<div class="item">
														
 
															-					<van-image
														
 
															-						v-for="(img, i) in form?.waters"
														
 
															-						:key="i"
														
 
															-						fit="contain"
														
 
															-						:src="img"
														
 
															-						@click.native="shopImagePreviews(i)"
														
 
															-					/>
														
 
															-				</div>
														
 
															-			</div>
														
 
															-			<div class="video-tontent" v-if="type === '2'">
														
 
															-				<video
														
 
															-					id="myVideoRef"
														
 
															-					ref="myVideoRef"
														
 
															-					class="video-js vjs-default-skin"
														
 
															-					controls
														
 
															-					autoplay
														
 
															-					x5-video-player-fullscreen="true"
														
 
															-					x5-video-player-type="h5"
														
 
															-					controlslist="nodownload"
														
 
															-				>
														
 
															-					<source src="https://caimei-oss.oss-cn-shenzhen.aliyuncs.com/beta/archiveFile/07be2bc1cf6d4b649d694c0c81edd50d.mp4?Expires=1703755722&OSSAccessKeyId=LTAI4GBL3o4YkWnbKYgf2Xia&Signature=FkraWtEi6HmZNYoKvMgoNVsNbmU%3D" type="video/mp4" />
														
 
															-				</video>
														
 
															-			</div>
														
 
															-		</div>
														
 
															+      <div v-html="form?.content" v-if="type === '4'" />
														
 
															+      <div class="file-content" v-if="type === '3'">
														
 
															+        <van-image :src="getFileImg(form?.waters as string).img" />
														
 
															+      </div>
														
 
															+      <div class="img-content" v-if="type === '1'">
														
 
															+        <div class="item" v-for="(img, i) in form?.waters" :key="i">
														
 
															+          <van-image
														
 
															+            fit="contain"
														
 
															+            width="100%"
														
 
															+            height="100%"
														
 
															+            :src="img"
														
 
															+            @click.native="shopImagePreviews(i)"
														
 
															+          />
														
 
															+        </div>
														
 
															+      </div>
														
 
															+      <div class="video-tontent" v-if="type === '2'">
														
 
															+        <video
														
 
															+          id="myVideoRef"
														
 
															+          ref="myVideoRef"
														
 
															+          class="video-js vjs-default-skin"
														
 
															+          controls
														
 
															+          autoplay
														
 
															+          x5-video-player-fullscreen="true"
														
 
															+          x5-video-player-type="h5"
														
 
															+          controlslist="nodownload"
														
 
															+        >
														
 
															+          <source :src="(form?.waters as string)" />
														
 
															+        </video>
														
 
															+      </div>
														
 
															+    </div>
														
 
															     <p class="foot-mark">随便看看</p>
														
 
															     <p class="foot-mark">{{ form?.shopName }}</p>
														
 
															     <p class="foot-mark">{{ form?.keywords }}</p>
														
 
															     <div class="data-btn">
														
 
															       <data-button
														
 
															-        @handle-emit="handleClick(1)"
														
 
															+        @handle-emit="handleClick"
														
 
															         backgroundColor="#FFF"
														
 
															         color="#FF5B00"
														
 
															         label="查看文件"
														
 
															-				v-if="type === '3'"
														
 
															+        v-if="type === '3'"
														
 
															       />
														
 
															       <data-button
														
 
															-        @handle-emit="handleClick(1)"
														
 
															+        @handle-emit="useCopyText(form?.content!)"
														
 
															         backgroundColor="#FFF"
														
 
															         color="#FF5B00"
														
 
															         label="复制文本"
														
 
															-				v-if="type === '5'"
														
 
															+        v-if="type === '5'"
														
 
															       />
														
 
															       <data-button
														
 
															-        @handle-emit="handleClick(1)"
														
 
															+        @handle-emit="useWeChatShare({ type: form?.type!, id: form?.id! })"
														
 
															         backgroundColor="#FFF"
														
 
															         color="#FF5B00"
														
 
															         label="分享"
														
 
															-				v-if="type !== '5'"
														
 
															+        v-if="type !== '5'"
														
 
															       />
														
 
															     </div>
														
 
															   </div>
														
 
															 </template>
														
 
															 <script setup lang="ts">
														
 
															+import useCopyText from "@/Hooks/useCopyText";
														
 
															+import useWeChatShare from "@/Hooks/useWeChatShare";
														
 
															 import { getArchiveFormDetails } from "@/api/context/context";
														
 
															 import { DArchiveResultData } from "@/types/api/context.type";
														
 
															 import { ChangeTabEmit } from "@/types/views/database.type";
														
 
															 import { showImagePreview } from "vant";
														
 
															 import { computed, onMounted, ref } from "vue";
														
 
															-import { useRoute } from "vue-router";
														
 
															+import { useRoute, useRouter } from "vue-router";
														
 
															+import getFileImg from "@/Hooks/useFileImage";
														
 
															+import { useUserInfoState } from "@/store/user/user";
														
 
															+import { myDecrypt } from "@/util/authStorage";
														
 
															 const route = useRoute();
														
 
															-
														
 
															-const form = ref<DArchiveResultData>()
														
 
															-
														
 
															-const handleClick = ($event: number) => {
														
 
															-  console.log($event);
														
 
															-};
														
 
															-
														
 
															+const router = useRouter();
														
 
															+const { userId } = useUserInfoState();
														
 
															+const form = ref<DArchiveResultData>();
														
 
															 const id = computed<string>(() => String(route.query.id));
														
 
															 const type = computed<ChangeTabEmit>(() => route.query.t as ChangeTabEmit);
														
 
															+const handleClick = () => {
														
 
															+  router.push("/preview?t=" + type.value + "&id=" + id.value + "&isSp=" + 1);
														
 
															+};
														
 
															 const getArchiveForm = async () => {
														
 
															   const { data } = await getArchiveFormDetails({
														
 
															     id: id.value,
														
 
															-    userId: "",
														
 
															+    userId: userId as string,
														
 
															   });
														
 
															-	form.value = data
														
 
															-	console.log(data);
														
 
															+  const DcreptoList = { ...data, ...{ waters: myDecrypt(data!.waters! as string[]) } };
														
 
															+  form.value = DcreptoList;
														
 
															+  console.log(data);
														
 
															 };
														
 
															 const shopImagePreviews = (index: number) => {
														
 
															   console.log(index);
														
 
															   showImagePreview({
														
 
															-    images: form.value?.waters!,
														
 
															+    images: form.value?.waters! as string[],
														
 
															     startPosition: index,
														
 
															   });
														
 
															 };
														
 
															 onMounted(() => {
														
 
															-	getArchiveForm()
														
 
															+  getArchiveForm();
														
 
															 });
														
 
															 </script>
														
@@ -138,27 +148,38 @@ onMounted(() => {
 
															     line-height: 21px;
														
 
															     margin-bottom: 24px;
														
 
															   }
														
 
															-	.content {
														
 
															-		margin-bottom: 18px;
														
 
															-		.img-content {
														
 
															-			display: grid;
														
 
															-			grid-template-columns: repeat(3fr);
														
 
															-			grid-gap: 12px;
														
 
															-			.item {
														
 
															-				border: 1px solid #e1e1e1;
														
 
															-				width: 106px;
														
 
															-				height: 106px;
														
 
															-			}
														
 
															-		}
														
 
															-		.video-tontent {
														
 
															-			width: 100%;
														
 
															-			height: 210px;
														
 
															-			video {
														
 
															-				height: 100%;
														
 
															-				width: 100%;
														
 
															-			}
														
 
															-		}
														
 
															-	}
														
 
															+  .content {
														
 
															+    margin-bottom: 18px;
														
 
															+    .img-content {
														
 
															+      display: grid;
														
 
															+      grid-template-columns: repeat(3, 1fr);
														
 
															+      grid-gap: 12px;
														
 
															+      .item {
														
 
															+        border: 1px solid #e1e1e1;
														
 
															+        width: 106px;
														
 
															+        height: 106px;
														
 
															+      }
														
 
															+    }
														
 
															+    .video-tontent {
														
 
															+      width: 100%;
														
 
															+      height: 210px;
														
 
															+      video {
														
 
															+        height: 100%;
														
 
															+        width: 100%;
														
 
															+      }
														
 
															+    }
														
 
															+    .file-content {
														
 
															+      height: 128px;
														
 
															+      width: 100%;
														
 
															+      @include display-flex-center;
														
 
															+      :deep() {
														
 
															+        .van-image {
														
 
															+          width: 86px;
														
 
															+          height: 86px;
														
 
															+        }
														
 
															+      }
														
 
															+    }
														
 
															+  }
														
 
															   .foot-mark {
														
 
															     color: $basicColor-foot;
														
 
															     font-size: $basicFS-foot;
														
@@ -173,7 +194,7 @@ onMounted(() => {
 
															   .van-button {
														
 
															     border: 1px solid $basicColor;
														
 
															     border-radius: 1px;
														
 
															-		margin-bottom: 12px;
														
 
															+    margin-bottom: 12px;
														
 
															   }
														
 
															 }
														
 
															 </style>
														
--- a/src/views/Database/index.vue
+++ b/src/views/Database/index.vue
@@ -17,47 +17,45 @@ import type {
 
															   ChangeEmitParams,
														
 
															   DScrollTab,
														
 
															 } from "@/types/views/database.type";
														
 
															-import useStatisticalTime from "@/Hooks/useStatisticalTime";
														
 
															-import { onUnmounted, ref } from "vue";
														
 
															+import { ref, toRefs } from "vue";
														
 
															 import { useRouter } from "vue-router";
														
 
															 import { DTabStore } from "@/store/tab/tab.type";
														
 
															-const tabStore = useTabStore();
														
 
															+const { type } = toRefs(useTabStore());
														
 
															+const { updatedTabStore } = useTabStore();
														
 
															 const router = useRouter();
														
 
															-const params = ref<DTabStore>({
														
 
															-  type: "0",
														
 
															-  labelIds: "",
														
 
															-  stageStatus: "",
														
 
															-  productId: 0,
														
 
															-  searchValue: "",
														
 
															+
														
 
															+const form = ref<DTabStore>({
														
 
															+  labelIds: '',
														
 
															+  productId: '',
														
 
															+  stageStatus: '',
														
 
															+  type: type.value,
														
 
															+  searchValue: '',
														
 
															+  allStatus: "1",
														
 
															 });
														
 
															+
														
 
															 const routerLink = () => {
														
 
															-  tabStore.updatedTabStore(params.value);
														
 
															   router.push(
														
 
															-    `/database/index?t=${tabStore.type}&lId=${tabStore.labelIds}&sv=${tabStore.searchValue}&pId=${tabStore.productId}&ss=${tabStore.stageStatus}`
														
 
															+    `/database/index?t=${form.value.type || "0"}&lId=${form.value.labelIds || ""}&sv=${
														
 
															+      form.value.searchValue || ""
														
 
															+    }&pId=${form.value.productId || ""}&ss=${form.value.stageStatus || ""}`
														
 
															   );
														
 
															 };
														
 
															 const handleSearch = (event: SearchEmitParams) => {
														
 
															-  params.value.searchValue = event;
														
 
															+  form.value = { ...form.value, ...{ searchValue: event } }
														
 
															+  updatedTabStore(form.value);
														
 
															   routerLink();
														
 
															 };
														
 
															 const handleChange = (event: ChangeEmitParams) => {
														
 
															-  params.value = { ...params.value, ...event };
														
 
															+  form.value = { ...form.value, ...event }
														
 
															+  updatedTabStore(form.value);
														
 
															   routerLink();
														
 
															 };
														
 
															 const handleTabEmit = (event: DScrollTab): void => {
														
 
															-  params.value.type = event.type;
														
 
															+  console.log('tab', event)
														
 
															+  form.value = { ...form.value, ...event }
														
 
															+  updatedTabStore(form.value);
														
 
															   routerLink();
														
 
															 };
														
 
															-
														
 
															-const statistical = useStatisticalTime((time) => {
														
 
															-  const t = Math.floor(time / 1000);
														
 
															-  console.log("时长为：", t);
														
 
															-  localStorage.setItem("spentTime", t.toString());
														
 
															-});
														
 
															-
														
 
															-onUnmounted(() => {
														
 
															-  statistical();
														
 
															-});
														
 
															 </script>
														
 
															 <style scoped lang="scss">
														
--- a/src/views/Login/index.vue
+++ b/src/views/Login/index.vue
@@ -38,7 +38,8 @@ const { login } = useUserInfoState();
 
															 const form = ref<ILogin>({
														
 
															   mobileOrEmail: "",
														
 
															   password: "",
														
 
															-  isUnion: 1
														
 
															+  isUnion: 1,
														
 
															+  unionId: 'ox_1SwSaz62JsEppFjhlecqhENdQ'
														
 
															 });
														
 
															 const disabled = computed<boolean>(() => (!form.value.mobileOrEmail || !form.value.password))
														
@@ -48,9 +49,9 @@ const onSubmit = async () => {
 
															     const { data, code } = await login(form.value);
														
 
															     console.log(data);
														
 
															     if (code === 0) {
														
 
															-      router.push('/database/index?t=0')
														
 
															+      router.replace('/database/index?t=0')
														
 
															     } else {
														
 
															-      console.log(2);
														
 
															+      console.log('登录错误')
														
 
															     }
														
 
															   }
														
 
															 };
														
--- a/src/views/Preview/index.vue
+++ b/src/views/Preview/index.vue
@@ -1,17 +1,86 @@
 
															 <template>
														
 
															-	<video-preview></video-preview>
														
 
															-	<pdf-preview></pdf-preview>
														
 
															-	<image-preview></image-preview>
														
 
															+  <video-preview v-if="params.type === '2' && fileUrl" :url="fileUrl" :is-permi="isPermi"/>
														
 
															+  <pdf-preview v-if="params.type === '3' && fileUrl" :url="fileUrl" :is-permi="isPermi"/>
														
 
															+  <image-preview v-if="params.type === '1' && form?.waters" :urls="form?.waters" :is-permi="isPermi"/>
														
 
															+  <permi-mode v-if="!query.isSp" />
														
 
															 </template>
														
 
															 <script lang="ts" setup>
														
 
															-//import { usePermission } from '@/Hooks/usePermission/usePermission'
														
 
															-//import { useRoute } from 'vue-router';
														
 
															-//const { isPermi, PermiMode } = usePermission() // 权限hook
														
 
															+import { usePermission } from "@/Hooks/usePermission/usePermission";
														
 
															+import { previewData } from "@/api/context/context";
														
 
															+import useStatisticalTime from "@/Hooks/useStatisticalTime";
														
 
															+import { onMounted, computed, onUnmounted, ref } from "vue";
														
 
															+import { useRoute } from "vue-router";
														
 
															+import { ChangeTabEmit } from "@/types/views/database.type";
														
 
															+import useWeChatShare, { shareParams } from "@/Hooks/useWeChatShare";
														
 
															+import { IPreviewForm } from "@/types/api/context.type";
														
 
															+import { myDecrypt } from "@/util/authStorage";
														
 
															+const { query } = useRoute()
														
 
															+const form = ref<IPreviewForm>();
														
 
															-</script>
														
 
															+const fileUrl = ref<string>()
														
 
															+
														
 
															+const getPreviewData = async () => {
														
 
															+  const { data } = await previewData({
														
 
															+    userId: (query.uid as string) || "0",
														
 
															+    id: query.id as string,
														
 
															+    type: query.t as ChangeTabEmit,
														
 
															+  });
														
 
															+  const DcreptoList = { ...data, ...{ waters: myDecrypt(data?.waters as string[]) } } as IPreviewForm
														
 
															+  form.value = DcreptoList
														
 
															+  fileUrl.value = form.value.waters[0].split('?')[0]
														
 
															+  console.log(form.value.waters);
														
 
															+};
														
 
															+const { isPermi, PermiMode } = usePermission(form.value?.permission! as number); // 权限hook
														
 
															+const params = computed(() => ({
														
 
															+  type: query.t as ChangeTabEmit,
														
 
															+  userId: query.uid as string,
														
 
															+  id: query.id as string,
														
 
															+  spId: query.spId as string,
														
 
															+}));
														
 
															-<style scoped>
														
 
															+onMounted(() => {
														
 
															+  getPreviewData();
														
 
															+  useWeChatShare(params.value! as unknown as shareParams);
														
 
															+});
														
 
															+
														
 
															+const statistical = useStatisticalTime((time) => {
														
 
															+  const t = Math.floor(time / 1000);
														
 
															+  console.log("时长为：", t, Math.floor(time / 1000));
														
 
															+  localStorage.setItem("spentTime", t.toString());
														
 
															+  const f = {
														
 
															+    productArchiveId: params.value.id,
														
 
															+    headUserId: params.value.spId,
														
 
															+    accessClient: "0",
														
 
															+    pagePath: location.href,
														
 
															+    accessDuration: t * 1000,
														
 
															+    pageType: "67",
														
 
															+    pageLabel: "内容库预览",
														
 
															+    userId: params.value.userId || "0",
														
 
															+    productId: form.value?.productId || "0",
														
 
															+    shopId: "" || "0",
														
 
															+    behaviorType: "1",
														
 
															+  };
														
 
															+  fetch(
														
 
															+    `https://core-b.caimei365.com/user/record/Statistics?accessClient=${f.accessClient}&userId=${f.userId}&pagePath=${f.pagePath}&productId=${f.productId}&accessDuration=${f.accessDuration}&pageLabel=${f.pageLabel}&behaviorType=${f.behaviorType}&shopId=${f.shopId}`,
														
 
															+    {
														
 
															+      method: "GET",
														
 
															+      headers: {
														
 
															+        "Content-Type": "application/x-www-form-urlencoded"
														
 
															+      },
														
 
															+      keepalive: true,
														
 
															+    }
														
 
															+  )
														
 
															+    .then((res) => res.json())
														
 
															+    .then((data) => {
														
 
															+      console.log('时间推送记录成功')
														
 
															+      console.log(data);
														
 
															+    })
														
 
															+});
														
 
															+onUnmounted(() => {
														
 
															+  statistical()
														
 
															+})
														
 
															+</script>
														
 
															-</style>
														
 
															+<style scoped></style>
														
--- a/src/views/error/404.vue
+++ b/src/views/error/404.vue
@@ -1,6 +1,6 @@
 
															 <template>
														
 
															-	<div>
														
 
															-		404not fount
														
 
															+	<div class="noFound">
														
 
															+		请在手机端使用微信浏览器打开
														
 
															 	</div>
														
 
															 </template>
														
@@ -9,5 +9,12 @@
 
															 </script>
														
 
															 <style scoped>
														
 
															-
														
 
															+.noFound {
														
 
															+	width: 100vw;
														
 
															+	height: 100vh;
														
 
															+	box-sizing: border-box;
														
 
															+	padding-top: 20vh;
														
 
															+	display: flex;
														
 
															+	justify-content: center;
														
 
															+}
														
 
															 </style>