From e417c17e9141a5121b76ed769852b14ff67d7028 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期五, 10 十月 2025 09:10:18 +0800
Subject: [PATCH] 店铺标签
---
manager/src/views/store-tag/store-tag.vue | 272 ++++++++++++++++++++++++++++++++++
seller/src/views/store-coupon/coupon_store.vue | 11 -
manager/src/api/store-tag.js | 66 ++++++++
manager/src/views/seller/shop/shopDetail.vue | 115 ++++++++++++++
4 files changed, 450 insertions(+), 14 deletions(-)
diff --git a/manager/src/api/store-tag.js b/manager/src/api/store-tag.js
new file mode 100644
index 0000000..c709585
--- /dev/null
+++ b/manager/src/api/store-tag.js
@@ -0,0 +1,66 @@
+import service from "@/libs/axios";
+
+
+export const getPageList = (data) =>{
+ return service({
+ url: "/lmk/store-tag/page",
+ method: "GET",
+ params: data
+ })
+}
+export const getTag = (data) =>{
+ return service({
+ url: "/lmk/store-tag/list",
+ method: "GET",
+ params: data
+ })
+}
+export const addStoreTag =(data) =>{
+ return service({
+ url: "/lmk/store-tag",
+ method: "POST",
+ data: data
+ })
+}
+export const bind =(data) =>{
+ return service({
+ url: "/lmk/store-tag/bind",
+ method: "POST",
+ data: data
+ })
+}
+export const editTag = (data)=>{
+ return service({
+ url: "/lmk/store-tag",
+ method: "PUT",
+ data: data
+ })
+}
+
+export const delTag = (data)=>{
+ return service({
+ url: "/lmk/store-tag/" + data,
+ method: "DELETE",
+ })
+}
+export const removeBatch = (data) =>{
+ return service({
+ url: "/lmk/store-tag/batch",
+ method: "DELETE",
+ data:data
+ })
+}
+
+export const getStoreTagsById =(data) =>{
+ return service({
+ url: "/lmk/store-tag/storeTags/" + data,
+ method: "GET",
+ })
+}
+
+export const delTagByStoreTagRefId = (data)=>{
+ return service({
+ url: "/lmk/store-tag/delTagByStoreTagRefId/" + data,
+ method: "DELETE",
+ })
+}
diff --git a/manager/src/views/seller/shop/shopDetail.vue b/manager/src/views/seller/shop/shopDetail.vue
index c6bccdb..952b59f 100644
--- a/manager/src/views/seller/shop/shopDetail.vue
+++ b/manager/src/views/seller/shop/shopDetail.vue
@@ -121,6 +121,29 @@
</span>
</p>
<p class="item">
+ <span class="label">搴楅摵鏍囩锛�</span>
+ <span class="info">
+ <template v-if="tagList?.length > 0">
+ <!-- 閬嶅巻鏍囩鍒楄〃 -->
+ <span v-for="(tag, index) in tagList" :key="tag.id">
+ {{ tag.tagName }}
+ <button
+ style="width: 20px; height: 20px; line-height: 1; border: none; background: #f0f0f0; border-radius: 50%; cursor: pointer; margin-left: 4px; font-size: 12px; display: inline-flex; align-items: center; justify-content: center;"
+ @click.stop="handleDeleteTag(tag.id, index)"
+ title="鍒犻櫎鏍囩"
+ >
+ 脳
+ </button>
+ <template v-if="index !== tagList.length - 1">銆�</template>
+ </span>
+ </template>
+ <template v-else>鏆傛棤鏍囩</template>
+ </span>
+ </p>
+ <div style="display: flex;align-items: center;justify-content: center;">
+ <Button type="primary" @click="addStoreTag(storeInfo)">鏂板鏍囩</Button>
+ </div>
+ <p class="item">
<span class="label">搴楅摵绠�浠嬶細</span>
<span class="info">
{{storeInfo.storeDesc?storeInfo.storeDesc:'鏆傛湭瀹屽杽'}}
@@ -559,6 +582,22 @@
</Row>
</div>
</TabPane>
+
+ <Modal
+ v-model="showModal"
+ title="鏂板鏍囩"
+ width="800"
+ :mask-closable="false"
+ >
+ <Select v-model="tagForm.storeTagId" placeholder="璇烽�夋嫨" @on-query-change="searchChange" filterable
+ clearable style="width: 150px">
+ <Option v-for="item in tagOptions" :value="item.id" :key="item.id">{{ item.tagName }}</Option>
+ </Select>
+ <div slot="footer">
+ <Button @click="showModal = false">鍙栨秷</Button>
+ <Button type="primary" @click="handleSubmit" :loading="submitLoading">纭畾</Button>
+ </div>
+ </Modal>
</Tabs>
</Card>
@@ -566,7 +605,7 @@
</template>
<script>
-
+ import { getTag,bind,getStoreTagsById,delTagByStoreTagRefId } from "@/api/store-tag"
import ossManage from "@/views/sys/oss-manage/ossManage";
import * as RegExp from '@/libs/RegExp.js';
import {getCategoryTree} from "@/api/goods";
@@ -577,15 +616,23 @@
export default {
name: "member",
components: {
-
ossManage,
},
data() {
return {
+ tagOptions:[],
+ submitLoading:false,
+ tagForm:{
+ storeId:null,
+ storeTagId:"",
+ },
+ showModal:false,
id: "",//搴楅摵id
categories: [], //搴楅摵闈欓煶鑼冨洿
loading: true, // 琛ㄥ崟鍔犺浇鐘舵��
- storeInfo: {},//搴楅摵淇℃伅
+ storeInfo: {
+ },//搴楅摵淇℃伅
+ tagList:[],
checkAllGroup: [], //閫変腑鐨勭粡钀ュ垎绫�
selectDate: null, // 鐢宠鏃堕棿
@@ -846,7 +893,69 @@
};
},
methods: {
+ handleDeleteTag(storeTagRefId){
+ console.log(storeTagRefId)
+ delTagByStoreTagRefId(storeTagRefId).then(res=>{
+ if (res.code === 200){
+ this.$Message.success("鍒犻櫎鎴愬姛")
+ }
+ this.getStoreTags();
+ })
+
+ },
+
+ getStoreTags(){
+ getStoreTagsById(this.id).then(res =>{
+ if (res.code === 200){
+ this.$set(this, "tagList", res.data);
+ }
+ })
+
+ },
+
+ searchChange(val){
+ this.getStoreTag(val)
+ },
+ getStoreTag(val){
+ const params = {
+ tagName: ''
+ }
+ if (val) {
+ params.tagName = val;
+ } else {
+ params.tagName = ''
+ }
+ getTag(params).then(res =>{
+ if (res.code ===200){
+ this.tagOptions = res.data
+ }
+ })
+ },
+ handleSubmit(){
+ if (this.tagForm.storeTagId === null || this.tagForm.storeTagId ===""){
+ this.$Message.error("璇烽�夋嫨鏍囩")
+ return
+ }
+ this.showModal = false;
+ bind(this.tagForm).then(res =>{
+ if (res.code === 200){
+
+ }
+ this.getStoreTags();
+ this.getStoreTag();
+ })
+
+ },
+ addStoreTag(info){
+ console.log(info)
+ this.tagForm.storeId = info.storeId;
+ this.tagForm.storeTagId = "";
+ this.showModal = true;
+ },
init() {
+ this.getStoreTags();
+
+ this.getStoreTag();
//鏌ュ簵閾哄熀鏈俊鎭�
this.getStoreInfo();
//鏌ヨ搴楅摵鍒嗙被
diff --git a/manager/src/views/store-tag/store-tag.vue b/manager/src/views/store-tag/store-tag.vue
new file mode 100644
index 0000000..14ae529
--- /dev/null
+++ b/manager/src/views/store-tag/store-tag.vue
@@ -0,0 +1,272 @@
+<template>
+ <div>
+ <card>
+ <Form
+ ref="searchForm"
+ @keydown.enter.native="handleSearch"
+ :model="searchForm"
+ inline
+ :label-width="70"
+ class="search-form"
+ >
+ <Form-item label="鏍囩鍚嶇О" prop="tagName">
+ <Input
+ type="text"
+ v-model="searchForm.tagName"
+ clearable
+ @on-clear="handleSearch"
+ @on-change="handleSearch"
+ style="width: 160px"
+ />
+ </Form-item>
+ <Button
+ @click="handleSearch"
+ type="primary"
+ icon="ios-search"
+ class="search-btn"
+ >鎼滅储</Button
+ >
+ </Form>
+ <Row class="operation padding-row">
+ <Button @click="openAdd" type="info">娣诲姞</Button>
+ <Button @click="delBatch" type="error">鎵归噺鍒犻櫎</Button>
+ </Row>
+ <Table
+ :loading="loading"
+ border
+ :columns="columns"
+ :data="tagList"
+ ref="table"
+ sortable="custom"
+ @on-sort-change="changeSort"
+ @on-selection-change="showSelect"
+ >
+ <template slot-scope="{ row, index }" slot="action">
+ <Button type="info" size="small" style="margin-right: 5px" @click="openEdit(row)">缂栬緫鏍囩</Button>
+ <Button type="error" size="small" style="margin-right: 5px" @click="del(row)">鍒犻櫎鏍囩</Button>
+ </template>
+ </Table>
+
+ <Row type="flex" justify="end" class="mt_10">
+ <Page
+ :current="searchForm.pageNumber"
+ :total="total"
+ :page-size="searchForm.pageSize"
+ @on-change="changePage"
+ @on-page-size-change="changePageSize"
+ :page-size-opts="[10, 20, 50]"
+ size="small"
+ show-total
+ show-elevator
+ show-sizer
+ ></Page>
+ </Row>
+
+ <Modal
+ v-model="modelShow"
+ :title="modelTitle"
+ >
+ <Form ref="form" :model="form" :label-width="70" :rules="rules">
+ <FormItem label="鏍囩鍚嶇О" prop="tagName">
+ <Input v-model="form.tagName" autocomplete="off"/>
+ </FormItem>
+ </Form>
+ <div slot="footer">
+ <Button type="text" @click="modelClose">鍙栨秷</Button>
+ <Button type="primary" :loading="submitLoading" @click="saveOrUpdate">鎻愪氦</Button>
+ </div>
+ </Modal>
+ </card>
+ </div>
+</template>
+<script>
+import { getPageList,addStoreTag,editTag,delTag,removeBatch } from "@/api/store-tag"
+ export default {
+ name: "store-tag",
+ data(){
+ return{
+ loading:false,
+ columns:[
+ {
+ type: 'selection',
+ width: 60,
+ align: 'center'
+ },
+ {
+ title:'鏍囩鍚嶇О',
+ key: 'tagName',
+ minWidth: 60,
+ tooltip: true,
+ },
+ {
+ title: '鎿嶄綔',
+ key: 'action',
+ slot: 'action',
+ minWidth: 150,
+ align: 'center'
+ }
+ ],
+ total:0,
+ tagList:[],
+ searchForm: {
+ // 鎼滅储妗嗗垵濮嬪寲瀵硅薄
+ pageNumber: 1, // 褰撳墠椤垫暟
+ pageSize: 10, // 椤甸潰澶у皬
+ tagName: '', // 鏍囩鍚嶇О
+ },
+ // 瀵硅瘽妗嗘爣棰�
+ modelTitle:'',
+ modelShow:false,
+ submitLoading:false,
+ // 琛ㄥ崟
+ form: {
+ id: '',
+ tagName: '',
+ },
+ rules: {
+ tagName: [
+ {required: true, message: "鏍囩鍚嶇О涓嶈兘涓虹┖", trigger: "blur"}
+ ],
+ },
+ //澶氶��
+ selectCount: 0, // 宸查�夋暟閲�
+ selectList: [], // 宸查�夋暟鎹垪琛�
+ }
+
+ },
+ mounted(){
+ this.init();
+ },
+ methods:{
+ init(){
+ this.getTagList()
+ },
+ openAdd(){
+ this.modelTitle = "鏂板鏍囩";
+ this.modelShow = true;
+ this.form={
+ id: '',
+ tagName: '',
+ }
+ },
+ openEdit(row){
+ this.form.id = row.id;
+ this.form.tagName = row.tagName;
+ this.modelTitle= "淇敼鏍囩";
+ this.modelShow = true;
+ },
+ saveOrUpdate() {
+ this.$refs.form.validate(valid => {
+ if (valid) {
+ this.submitLoading = true
+ if (this.form.id) {
+ // 淇敼
+ editTag(this.form).then(res => {
+ if (res.code === 200) {
+ this.$Message.success("淇敼鎴愬姛");
+ this.modelClose()
+ this.getTagList()
+ }
+ })
+ } else {
+ // 鏂板
+ addStoreTag(this.form).then(res => {
+ if (res.code === 200) {
+ this.$Message.success("娣诲姞鎴愬姛");
+ this.modelClose()
+ this.getTagList()
+ }
+ })
+ }
+ }
+ });
+ },
+ del(row){
+ delTag(row.id).then(res =>{
+ if (res.code === 200){
+ this.$Message.success("鍒犻櫎鎴愬姛")
+ }
+ this.getTagList();
+ })
+ },
+ delBatch() {
+ if (this.selectCount <= 0) {
+ this.$Message.warning("鎮ㄨ繕鏈�夋嫨瑕佸垹闄ょ殑鏁版嵁");
+ return;
+ }
+
+ // 鏄剧ず纭瀵硅瘽妗�
+ this.$Modal.confirm({
+ title: '纭鍒犻櫎',
+ content: `鎮ㄧ‘瀹氳鍒犻櫎閫変腑鐨� ${this.selectCount} 鏉℃暟鎹悧锛焋,
+ onOk: () => {
+ // 鐢ㄦ埛鐐瑰嚮纭鍚庢墽琛屽垹闄�
+ this.removeBatch();
+ },
+ onCancel: () => {
+ this.$Message.info('宸插彇娑堝垹闄�');
+ }
+ });
+ },
+
+ async removeBatch() {
+ try {
+ const res = await removeBatch(this.selectList);
+ if (res.code === 200) {
+ this.getTagList();
+ this.selectedRows = [];
+ this.selectCount = 0;
+ this.$Message.success('鍒犻櫎鎴愬姛');
+ } else {
+ this.$Message.error(res.message || '鍒犻櫎澶辫触');
+ }
+ } catch (err) {
+ console.log(err);
+ this.$Message.error('璇锋眰澶辫触锛岃閲嶈瘯');
+ }
+ },
+ // 鍏抽棴寮圭獥
+ modelClose() {
+ this.submitLoading = false
+ this.modelShow = false
+ },
+ getTagList(){
+ this.loading = true;
+ getPageList(this.searchForm).then((res) => {
+ this.loading = false;
+ if (res.code === 200) {
+ this.tagList = res.data;
+ this.total = res.total;
+ }
+ });
+ this.loading = false;
+ },
+ handleSearch(){
+ this.searchForm.pageNumber = 1;
+ this.searchForm.pageSize = 10;
+ this.getTagList();
+ },
+ // 鍒嗛〉 鏀瑰彉椤电爜
+ changePage(v) {
+ this.searchForm.pageNumber = v;
+ this.getTagList();
+ },
+ // 鍒嗛〉 鏀瑰彉椤垫暟
+ changePageSize(v) {
+ this.searchForm.pageNumber = 1;
+ this.searchForm.pageSize = v;
+ this.getTagList();
+ },
+ changeSort(){
+
+ },
+ showSelect(e){
+ this.selectList = e.map(d => d.id);
+ this.selectCount = e.length;
+ },
+ },
+ }
+</script>
+<style scoped lang="scss">
+
+</style>
diff --git a/seller/src/views/store-coupon/coupon_store.vue b/seller/src/views/store-coupon/coupon_store.vue
index 64862b6..3c7a21c 100644
--- a/seller/src/views/store-coupon/coupon_store.vue
+++ b/seller/src/views/store-coupon/coupon_store.vue
@@ -28,17 +28,6 @@
<Option value="GENERATE">鐢熸垚</Option>
</Select>
</FormItem>
- <FormItem label="鍚敤鐘舵��:">
- <Select
- v-model="listQuery.status"
- placeholder="鍏ㄩ儴鐘舵��"
- clearable
- style="width: 180px"
- >
- <Option value="ENABLE">鍚敤</Option>
- <Option value="DISABLE">绂佺敤</Option>
- </Select>
- </FormItem>
</Form>
</div>
</Card>
--
Gitblit v1.8.0