hjq/PixelAI-admin
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

作品墙管理补充复制栏目链接

Browse Source
This commit is contained in:
Double-_-Z 2025-01-18 12:34:56 +08:00
parent 199f536666
commit 368a828d5d
1 changed files with 30 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/views/service/wall/index.vue
View File

@ -3,7 +3,7 @@
<el-card shadow="hover" class="layout-padding-auto"> <el-card shadow="hover" class="layout-padding-auto">
<div class="system-dept-search mb15"> <div class="system-dept-search mb15">
<span>标签:</span> <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-option v-for="(item,index) in labelList" :key="index" :label="item.name" :value="item.name" />
</el-select> </el-select>
<span>应用服务:</span> <span>应用服务:</span>
@ -29,15 +29,18 @@
添加图片 添加图片
</el-button> </el-button>
</div> </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 :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 type="selection" width="55" />
<el-table-column prop="name" label="图片名称" :formatter="commonFormatter" show-overflow-tooltip width="150px"></el-table-column> <el-table-column prop="name" label="图片名称" :formatter="commonFormatter" show-overflow-tooltip></el-table-column>
<el-table-column label="水印图" width="150px" align="center"> <el-table-column label="水印图" align="center">
<template #default="scope"> <template #default="scope">
<el-image lazy :src="jpgFormatter(scope.row.watermarkPath)" preview-teleported="true" :preview-src-list="[jpgFormatter(scope.row.watermarkPath)]"/> <el-image lazy :src="jpgFormatter(scope.row.watermarkPath)" preview-teleported="true" :preview-src-list="[jpgFormatter(scope.row.watermarkPath)]"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="原图" width="150px" align="center"> <el-table-column label="原图" align="center">
<template #default="scope"> <template #default="scope">
<el-image lazy :src="jpgFormatter(scope.row.originalPath)" preview-teleported="true" :preview-src-list="[jpgFormatter(scope.row.originalPath)]"/> <el-image lazy :src="jpgFormatter(scope.row.originalPath)" preview-teleported="true" :preview-src-list="[jpgFormatter(scope.row.originalPath)]"/>
</template> </template>
@ -47,7 +50,7 @@
<el-table-column prop="price" label="价格" show-overflow-tooltip align="center"></el-table-column> <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="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 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"> <template #default="scope">
<el-button text type="primary" @click="switchDrawer(1,scope.row.id)"> <el-button text type="primary" @click="switchDrawer(1,scope.row.id)">
<el-icon> <el-icon>
@ -247,8 +250,13 @@ const state = reactive({
number: [{ required: true, message: '请输入排序号', trigger: 'blur' }], number: [{ required: true, message: '请输入排序号', trigger: 'blur' }],
price: [{ 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 请求接口 // 引入 api 请求接口
const photoApi = photosApi(); const photoApi = photosApi();
const wallApi = recommendWallApi(); const wallApi = recommendWallApi();
@ -258,6 +266,23 @@ const attApi = attachmentApi();
// 标签列表 // 标签列表
const labelList = ref([]); 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() => { const getSpecialList = async() => {
try { try {