From 368a828d5d751b896f0a5eae1dbf7ca3dc16c1a8 Mon Sep 17 00:00:00 2001
From: Double-_-Z <2492419643@qq.com>
Date: Sat, 18 Jan 2025 12:34:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=9C=E5=93=81=E5=A2=99=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E8=A1=A5=E5=85=85=E5=A4=8D=E5=88=B6=E6=A0=8F=E7=9B=AE=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/service/wall/index.vue | 35 +++++++++++++++++++++++++++-----
 1 file changed, 30 insertions(+), 5 deletions(-)

diff --git a/src/views/service/wall/index.vue b/src/views/service/wall/index.vue
index b407da7..a43d9fb 100644
--- a/src/views/service/wall/index.vue
+++ b/src/views/service/wall/index.vue
@@ -3,7 +3,7 @@
 		<el-card shadow="hover" class="layout-padding-auto">
 			<div class="system-dept-search mb15">
 				<span>标签:</span>
-                <el-select size="default" v-model="state.tableData.param.labelName" placeholder="请选择" filterable clearable class="ml10" style="max-width: 180px;margin:0 10px;">
+                <el-select @change="handleChangeLabel" size="default" v-model="state.tableData.param.labelName" placeholder="请选择" filterable clearable class="ml10" style="max-width: 180px;margin:0 10px;">
 					<el-option v-for="(item,index) in labelList" :key="index" :label="item.name" :value="item.name" />
                 </el-select>
 				<span>应用服务:</span>
@@ -29,15 +29,18 @@
 					添加图片
 				</el-button>
 			</div>
+			<div class="system-dept-search mb15" style="cursor: pointer;" @click="copyAddress" title="点击复制">
+				栏目地址：{{ viteUrl + state.lamAddress + (state.lamAddressId ? ('?id=' + state.lamAddressId) : '') }}
+			</div>
 			<el-table :data="state.tableData.data" v-loading="state.tableData.loading" style="width: 100%" class="custom-table">
 				<el-table-column type="selection" width="55" />
-				<el-table-column prop="name" label="图片名称" :formatter="commonFormatter" show-overflow-tooltip width="150px"></el-table-column>
-				<el-table-column  label="水印图" width="150px"  align="center">
+				<el-table-column prop="name" label="图片名称" :formatter="commonFormatter" show-overflow-tooltip></el-table-column>
+				<el-table-column  label="水印图" align="center">
 					<template #default="scope">
 						<el-image lazy :src="jpgFormatter(scope.row.watermarkPath)" preview-teleported="true" :preview-src-list="[jpgFormatter(scope.row.watermarkPath)]"/>
 					</template>
 				</el-table-column>
-                <el-table-column  label="原图" width="150px"  align="center">
+                <el-table-column  label="原图" align="center">
 					<template #default="scope">
 						<el-image lazy :src="jpgFormatter(scope.row.originalPath)" preview-teleported="true" :preview-src-list="[jpgFormatter(scope.row.originalPath)]"/>
 					</template>
@@ -47,7 +50,7 @@
 				<el-table-column prop="price" label="价格" show-overflow-tooltip  align="center"></el-table-column>		
                 <el-table-column prop="uploadName" label="上传者" :formatter="commonFormatter" show-overflow-tooltip  align="center"></el-table-column>		
 				<el-table-column prop="createtime" label="创建时间" :formatter="dateFormatter" show-overflow-tooltip  align="center"></el-table-column>
-				<el-table-column label="操作" width="250" align="center">
+				<el-table-column label="操作" align="center">
 					<template #default="scope">
 						<el-button  text type="primary" @click="switchDrawer(1,scope.row.id)">
 							<el-icon>
@@ -247,8 +250,13 @@ const state = reactive({
 		number: [{ required: true, message: '请输入排序号', trigger: 'blur' }],
 		price: [{ required: true, message: '请输入价格', trigger: 'blur' }],
 	},
+	lamAddress: '#/pages/mobile_web/wall/detail',
+	lamAddressId: '',
 });
 
+// 图片基本路径
+const viteUrl = import.meta.env.DEV ? 'http://8.138.171.103/pixel/' : import.meta.env.VITE_API_URL;
+
 // 引入 api 请求接口
 const photoApi = photosApi();
 const wallApi = recommendWallApi();
@@ -258,6 +266,23 @@ const attApi = attachmentApi();
 // 标签列表
 const labelList = ref([]);
 
+// 复制地址
+const copyAddress = () =>{
+      var aux = document.createElement("input"); 
+      aux.setAttribute("value", viteUrl + state.lamAddress + (state.lamAddressId ? ('?id=' + state.lamAddressId) : '')); 
+      document.body.appendChild(aux); 
+      aux.select();
+      document.execCommand("copy"); 
+      document.body.removeChild(aux);
+	  ElMessage.success('复制成功');
+	  aux.remove();
+}
+
+// 切换搜索label
+const handleChangeLabel = (name:any) => {
+	state.lamAddressId = labelList.value.find((item:any)=>item.name === name)?.id;
+};
+
 // 获取专题列表
 const getSpecialList = async() => {
 	try {