From b64e9830ea4213f5e8878093edfbb5ec3fe7f98c Mon Sep 17 00:00:00 2001
From: sonjinyon <2476687577@qq.com>
Date: Thu, 14 Nov 2024 14:14:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=99=BA=E8=83=BD=E8=A1=A8?=
 =?UTF-8?q?=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 yudao-admin-vue3/src/api/crm/intelligent.ts   |  29 ++-
 .../api/mall/promotion/intelligent/index.ts   |   4 +-
 .../api/mall/promotion/supportstaff/index.ts  |   9 +-
 .../src/layout/components/useRenderLayout.tsx |   2 +-
 .../mall/promotion/configuration/index.vue    |   2 +-
 .../mall/promotion/intelligent/index.vue      | 202 ++++++++++++++----
 .../kefu/components/KeFuConversationList.vue  |  14 +-
 .../kefu/components/KeFuMessageList.vue       |  16 +-
 .../components/tools/EmojiSelectPopover.vue   |   2 +-
 .../src/views/mall/promotion/kefu/index.vue   |  35 ++-
 .../mall/promotion/supportstaff/index.vue     |   3 +-
 .../promotion/enums/ErrorCodeConstants.java   |   2 +
 .../admin/dynamic/DynamicDataController.java  |  15 ++
 .../supportstaff/SupportStaffController.java  |   5 +
 .../vo/SupportStaffPageReqVO.java             |   3 +
 .../supportstaff/vo/SupportStaffRespVO.java   |   2 +
 .../vo/SupportStaffSaveReqVO.java             |   2 +
 .../supportstaff/SupportStaffDO.java          |   5 +
 .../service/dynamic/DynamicDataService.java   |  36 ++++
 .../supportstaff/SupportStaffService.java     |   5 +
 .../supportstaff/SupportStaffServiceImpl.java |   8 +
 21 files changed, 331 insertions(+), 70 deletions(-)

diff --git a/yudao-admin-vue3/src/api/crm/intelligent.ts b/yudao-admin-vue3/src/api/crm/intelligent.ts
index e1e0883..46db6ec 100644
--- a/yudao-admin-vue3/src/api/crm/intelligent.ts
+++ b/yudao-admin-vue3/src/api/crm/intelligent.ts
@@ -12,12 +12,27 @@ export const FollowUpRecordApi = {
     return await request.post({ url: `/intelligentForm/saveDynamicData`, data })
   },
 
-  //查询对应表单的采集数据列表
-  collectDataList: async(query) => {
-    return await request.get({
-      url: '/intelligentForm/collectDataList',
-      method: 'get',
-      params: {id:query}
-    })
+  //修改智能表单
+  updateDynamicData: async (data) => {
+    return await request.post({ url: `/intelligentForm/updateDynamicData`, data })
+  },
+
+  //删除智能表单
+  deleteDynamicDataById: async (id) => {
+    return await request.get({ url: `/intelligentForm/deleteDynamicDataById?id=` + id, })
+  },
+
+// 查询文章管理列表
+  collectDataList: async (id) => {
+    return await request.get({ url: `/intelligentForm/collectDataList?id=` + id, })
   }
+
+  // //查询对应表单的采集数据列表
+  // collectDataList: async(query) => {
+  //   return await request.get({
+  //     url: '/intelligentForm/collectDataList',
+  //     method: 'get',
+  //     params: {id:query}
+  //   })
+  // }
 }
diff --git a/yudao-admin-vue3/src/api/mall/promotion/intelligent/index.ts b/yudao-admin-vue3/src/api/mall/promotion/intelligent/index.ts
index 4287328..987b57b 100644
--- a/yudao-admin-vue3/src/api/mall/promotion/intelligent/index.ts
+++ b/yudao-admin-vue3/src/api/mall/promotion/intelligent/index.ts
@@ -25,8 +25,8 @@ export const saveDynamicData = async (data: ArticleVO) => {
 }
 
 // 查询文章管理列表
-export const collectDataList = async (query: any) => {
-  return await request.get({ url: `/intelligentForm/collectDataList`, query })
+export const collectDataList = async (id: any) => {
+  return await request.get({ url: `/intelligentForm/collectDataList?id=` + id, })
 }
 
 // // 修改文章管理
diff --git a/yudao-admin-vue3/src/api/mall/promotion/supportstaff/index.ts b/yudao-admin-vue3/src/api/mall/promotion/supportstaff/index.ts
index 99dce9c..4164d05 100644
--- a/yudao-admin-vue3/src/api/mall/promotion/supportstaff/index.ts
+++ b/yudao-admin-vue3/src/api/mall/promotion/supportstaff/index.ts
@@ -44,5 +44,12 @@ export const SupportStaffApi = {
   // 导出客服人员 Excel
   exportSupportStaff: async (params) => {
     return await request.download({ url: `/promotion/support-staff/export-excel`, params })
-  }
+  },
+  
+  
+  // 修改客服人员
+  updateLineStatus: async (id: string,lineStatus: number) => {
+    return await request.get({ url: `/promotion/support-staff/updateLineStatus?id=` + id + `&lineStatus=` + lineStatus })
+  },
+  
 }
diff --git a/yudao-admin-vue3/src/layout/components/useRenderLayout.tsx b/yudao-admin-vue3/src/layout/components/useRenderLayout.tsx
index 11184f2..d06cebb 100644
--- a/yudao-admin-vue3/src/layout/components/useRenderLayout.tsx
+++ b/yudao-admin-vue3/src/layout/components/useRenderLayout.tsx
@@ -47,7 +47,7 @@ export const useRenderLayout = () => {
   		     
   		      <div
   		       
-  		        style="transition: all var(--transition-time-02);width:85%;margin:0 auto;"
+  		        style="transition: all var(--transition-time-02);width:83%;margin:0 auto;"
   		      >
   		        <ElScrollbar
   		          v-loading={pageLoading.value}
diff --git a/yudao-admin-vue3/src/views/mall/promotion/configuration/index.vue b/yudao-admin-vue3/src/views/mall/promotion/configuration/index.vue
index 34270b6..04fca4c 100644
--- a/yudao-admin-vue3/src/views/mall/promotion/configuration/index.vue
+++ b/yudao-admin-vue3/src/views/mall/promotion/configuration/index.vue
@@ -8,7 +8,7 @@
 			     <el-radio-group v-model="radios" @change="handleRadioChange">
 			       <el-radio value="1" size="large">系统客服</el-radio>
 			       <el-radio value="2" size="large">拨打电话</el-radio>
-				   <el-radio value="3" size="large">跳转链接</el-radio>
+				   <!-- <el-radio value="3" size="large">跳转链接</el-radio> -->
 			     </el-radio-group>
 			 </span> 
 			 <p style="margin-left: 80px;color:#bcbaba;font-size:13px">系统客服：点击联系客服使用系统的自带客服；拨打电话：点击联系客服拨打客服电话；跳转链接：跳转外部链接联系客服</p>
diff --git a/yudao-admin-vue3/src/views/mall/promotion/intelligent/index.vue b/yudao-admin-vue3/src/views/mall/promotion/intelligent/index.vue
index 2d35176..d150bc1 100644
--- a/yudao-admin-vue3/src/views/mall/promotion/intelligent/index.vue
+++ b/yudao-admin-vue3/src/views/mall/promotion/intelligent/index.vue
@@ -11,14 +11,17 @@
 
 			</div>
 		</el-card>
-		
+
 		<el-card class="box-card" v-for="o in cardList" :key="o">
 			<div class="clearfix">
 				<span style="font-size: 23px;
 				color: #000000;
 				background-color:#ffffff;
 				border-color: #fdfdff;">{{o.title}}</span>
-				<el-button style="float: right; padding: 3px 0" type="text" @click="handelExtend(o.id)">推广</el-button>
+				<el-button style="float: right;" type="text" @click="deleteForm(o.id)">&nbsp;&nbsp;&nbsp;删除</el-button>
+				<el-button style="float: right;" type="text" @click="handelExtend(o.id)">推广</el-button>
+				<el-button style="float: right;" type="text" @click="preview(o.id)">预览</el-button>
+				<el-button style="float: right;" type="text" @click="redacts(o)">编辑</el-button>
 			</div>
 			<div style="display: flex;justify-content: space-between">
 				<div style="width: 30%">
@@ -31,8 +34,8 @@
 					<el-link style="font-size: 18px;
 		        color: #999595;
 		        background-color:#ffffff;
-		        border-color: #fdfdff;" @click="extendList(o.id)">采集数量</el-link>
-					<p style="font-size: 25px" @click="extendList(o.id)">{{o.collectionQuantity}}</p>
+		        border-color: #fdfdff;" @click="extendList(o.id,o.title)">采集数量</el-link>
+					<p style="font-size: 25px" @click="extendList(o.id,o.title)">{{o.collectionQuantity}}</p>
 				</div>
 			</div>
 			<div style="display: flex;justify-content: space-between">
@@ -48,71 +51,111 @@
 		        border-color: #fdfdff;">创建时间：{{o.createTime}}</div>
 			</div>
 		</el-card>
-		
+
 		<!-- 添加表单对话框 -->
 		<el-dialog :title="title" v-model="open" width="500">
-		
+
 			<div style="text-align: center">
 				<!--        <el-form-item label="表单标题">-->
-				<div><span>标题</span> <el-input style="border-bottom: 1px solid skyblue;margin-bottom: 10px"
+				<div>
+					<span>标题</span>
+					<el-input
+						style="border-left: none; border-right: none; border-top: none; border-bottom: 1px solid skyblue; margin-bottom: 10px"
 						v-model="addParams.title" placeholder="请输入表单标题" />
 				</div>
 				<!--        </el-form-item>-->
 				<!--        <el-form-item label="字段名称">-->
 				<div v-for="(item,index) in inputarr" :key="index" style="margin-bottom: 10px;">
-					<span>字段</span> 
-					<el-input style="border: 1px solid #DCDFE6;border-radius: 3px; "
-						v-model="inputarr[index]" placeholder="请输入字段" />
+					<span>字段</span>
+					<el-input style="border: 1px solid #DCDFE6;border-radius: 3px; " v-model="inputarr[index]"
+						placeholder="请输入字段" />
 				</div>
 				<div>
 					<el-button @click="adinput"
 						style="text-align: center;width: 90%;background-color: rgb(232,244,255);color:#1890ff">添加字段</el-button>
 				</div>
-		
+
 				<!--        </el-form-item>-->
 			</div>
-			
+
 			<div class="el-input-foot">
 				<el-button type="primary" @click="submitForm">确 定</el-button>
 				<el-button @click="cancel">取 消</el-button>
 			</div>
 		</el-dialog>
-		
+
 		<!--    推广链接对话框-->
 		<el-dialog :title="extendTitle" v-model="extendOpen" width="500px" append-to-body>
 			<el-input v-model="extendLink" placeholder="请输入内容" :disabled="true" />
 			<el-button @click="copyAddress">复制</el-button>
 		</el-dialog>
-		
+
 		<!--   采集数据列表 -->
-		<el-dialog :title="collectTitle" v-model="collectOpen" append-to-body>
-			<el-table border v-loading="loading" :data="collectLink" @selection-change="handleSelectionChange">
-				<el-table-column type="selection" width="55" align="center" />
-				<div>
+		<el-dialog :title="collectTitle" v-model="collectOpen"  append-to-body>
 		
-				</div>
-				<!--        <el-table-column label="编号" align="center" prop="id" />-->
-				<!--        <el-table-column label="id" align="center" prop="dynamicDataId" />-->
-				<!--        <el-table-column v-for="item in collectLink" :label="item.map" align="center" :prop="item" />-->
-				<template v-for="(item, index) in Object.keys(collectLink[0])" :key="index">
-					<el-table-column :label="item">
-						<template #default="scope">
-							<span>{{scope.row[item]}}</span>
-						</template>
-					</el-table-column>
+			<el-table border v-loading="loading" :data="collectLink" @selection-change="handleSelectionChange">
+			<!-- <el-table-column type="selection" width="55" align="center" /> -->
+		
+			 <template v-for="(item, index) in getColumnNames" :key="index">
+			      <el-table-column 
+			        :label="capitalize(item)" 
+			        :prop="item"
+			      />
 				</template>
 			</el-table>
 		</el-dialog>
+
+
+
+		<!--编辑弹出框-->
+		<el-dialog :title="redactTitle" v-model="redactOpen" width="500">
+
+			<div style="text-align: center">
+				<!-- 标题 -->
+				<div>
+					<span>标题</span>
+					<el-input
+						style="border-left: none; border-right: none; border-top: none; border-bottom: 1px solid skyblue; margin-bottom: 10px"
+						v-model="redactName" placeholder="请输入表单标题" />
+				</div>
+				<!-- 字段 -->
+				<div v-for="(item,index) in inputarr" :key="index" style="margin-bottom: 10px;">
+					<span>字段</span>
+					<el-input style="border: 1px solid #DCDFE6;border-radius: 3px; " v-model="inputarr[index]"
+						placeholder="请输入字段" />
+				</div>
+				<!-- 添加字段按钮 -->
+				<div>
+					<el-button @click="adinput"
+						style="text-align: center;width: 90%;background-color: rgb(232,244,255);color:#1890ff">添加字段</el-button>
+				</div>
+			</div>
+
+			<div class="el-input-foot">
+				<el-button type="primary" @click="submitForms">确 定</el-button>
+				<el-button @click="cancel">取 消</el-button>
+			</div>
+		</el-dialog>
+
 	</div>
 </template>
 
 <script>
-	import {FollowUpRecordApi} from "@/api/crm/intelligent.ts";
+	import { FollowUpRecordApi} from "@/api/crm/intelligent.ts";
+	// import {Message} from 'element-ui';
 	export default {
 		name: "Business",
 		dicts: ['stage_type', 'sales_stage'],
 		data() {
 			return {
+				// 编辑弹出层标题
+				redactTitle: "编辑",
+				// 是否显示编辑弹出层
+				redactOpen: false,
+				//编辑id
+				redactId: '',
+				//编辑标题
+				redactName: '',
 				id: '',
 				inputarr: [''],
 				// 遮罩层
@@ -142,12 +185,13 @@
 				//推广链接数据
 				extendLink: '',
 				//采集数据列表数据
-				collectLink: [{}],
+				collectLink: [],
 				//下拉框客户列表
 				customerList: [],
 				//卡片列表
 				cardList: [],
 				addParams: {
+					id: '',
 					title: '',
 					pageView: '',
 					collectionQuantity: '',
@@ -158,23 +202,38 @@
 		created() {
 			this.getIntelligentList();
 		},
+		computed: {
+		  // 获取数据对象的所有键名（字段名），用于动态渲染列
+		  getColumnNames() {
+		    // 确保 collectLink 不是 null 或 undefined，并且不是空数组
+		       if (!this.collectLink || this.collectLink.length === 0) {
+		         return [];
+		       }
+		       return Object.keys(this.collectLink[0]);
+		  }
+		},
 		methods: {
+			capitalize(str) {
+			    return str.charAt(0).toUpperCase() + str.slice(1);
+			  },
 			//添加表单
 			adinput() {
 				this.inputarr.push('')
 				console.log(this.inputarr)
 			},
+			//卡片数据
 			getIntelligentList() {
 				this.loading = true;
 				FollowUpRecordApi.selectDynamicData().then(response => {
 					this.cardList = response;
-					console.log(response,'response.data')
+					console.log(response, 'response.data')
 					// this.total = response.total;
 					this.loading = false;
 				});
 			},
 			// 取消按钮
 			cancel() {
+				this.redactOpen = false;
 				this.open = false;
 			},
 			//提交按钮
@@ -191,6 +250,25 @@
 					this.getIntelligentList();
 				});
 			},
+			//修改提交按钮
+			submitForms() {
+			
+				this.addParams.id = this.redactId
+				this.addParams.inputarr = this.inputarr
+				this.addParams.title = this.redactName
+
+				FollowUpRecordApi.updateDynamicData(this.addParams).then(response => {
+					// this.cardList = response.data;
+					// this.total = response.total;
+					this.loading = false;
+					this.redactOpen = false;
+					this.getIntelligentList();
+					// this.$message({
+					// 	message: '修改成功',
+					// 	type: 'success'
+					// });
+				});
+			},
 			/** 新增按钮操作 */
 			handleAdd() {
 				this.inputarr = []
@@ -206,6 +284,53 @@
 				this.extendLink = 'http://zysc.fjptzykj.com/form/extendLink/form?id=' + id
 				this.extendOpen = true;
 				this.extendTitle = "推广链接";
+			},
+			//删除按钮操作
+			deleteForm(id) {
+				// this.$confirm('此操作将永久删除该表单, 是否继续?', '提示', {
+				// 	confirmButtonText: '确定',
+				// 	cancelButtonText: '取消',
+				// 	type: 'warning'
+				// }).then(() => {
+				// 	this.$message({
+				// 		type: 'success',
+				// 		message: '删除成功!'
+				// 	});
+				// }).catch(() => {
+				// 	this.$message({
+				// 		type: 'info',
+				// 		message: '已取消删除'
+				// 	});
+				// });
+        FollowUpRecordApi.deleteDynamicDataById(id).then(response => {
+          // this.cardList = response.data;
+          // this.total = response.total;
+          this.getIntelligentList();
+        });
+			},
+			// 预览
+			preview(id) {
+				this.extendLink = 'http://zysc.fjptzykj.com/form/extendLink/form?id=' + id
+				// 打开新页面
+				const newWindow = window.open(this.extendLink, '_blank');
+				// 设置手机端视口（Viewport）meta标签，用来模拟手机尺寸
+				newWindow.onload = () => {
+					const metaTag = newWindow.document.createElement('meta');
+					metaTag.name = 'viewport';
+					metaTag.content = 'width=device-width, initial-scale=1.0, user-scalable=no'; // 设置视口宽度为设备宽度，并禁用缩放
+					newWindow.document.head.appendChild(metaTag);
+				};
+			},
+			// 编辑点击事件
+			redacts(cardData) {
+				this.inputarr = [''];
+				// 1. 获取 cardData.data 中的所有键名
+				this.inputarr = Object.keys(cardData.data);
+				this.redactOpen = true;
+				this.redactId = cardData.id
+				this.redactName = cardData.title;
+
+				
 			},
 			//复制按钮操作
 			copyAddress() {
@@ -218,14 +343,17 @@
 				alert('已复制到剪贴板');
 			},
 			//采集数据展示
-			extendList(id) {
+			extendList(id,title) {
+                    FollowUpRecordApi.collectDataList(id).then(response => {
+					this.collectLink = response
+					console.log('111111: ' + JSON.stringify(response));
+				});
+				
 				this.collectLink = null;
 				this.id = id
 				this.collectOpen = true;
-				this.collectTitle = "采集数据";
-				collectDataList(this.id).then(response => {
-					this.collectLink = response.data
-				});
+				this.collectTitle = title+"采集数据";
+				
 			},
 			// 多选框选中数据
 			handleSelectionChange(selection) {
@@ -276,6 +404,6 @@
 
 	::v-deep.el-input--medium .el-input__inner {
 		border: none;
-		/* border-bottom:1px solid blue; */
+		border-bottom: 1px solid blue;
 	}
 </style>
diff --git a/yudao-admin-vue3/src/views/mall/promotion/kefu/components/KeFuConversationList.vue b/yudao-admin-vue3/src/views/mall/promotion/kefu/components/KeFuConversationList.vue
index 8b7b44f..9344666 100644
--- a/yudao-admin-vue3/src/views/mall/promotion/kefu/components/KeFuConversationList.vue
+++ b/yudao-admin-vue3/src/views/mall/promotion/kefu/components/KeFuConversationList.vue
@@ -36,9 +36,11 @@
           >
           </div>
         </div>
+		
       </div>
     </div>
 
+
     <!-- 右键，进行操作（类似微信） -->
     <ul v-show="showRightMenu" :style="rightMenuStyle" class="right-menu-ul">
       <li
@@ -182,16 +184,18 @@ watch(showRightMenu, (val) => {
 
 <style lang="scss" scoped>
 .kefu {
+	background-color: white;
+	
   &-conversation {
-    height: 55px;	
-    padding: 8px;
+    height: 50px;	
+    padding: 5px;
     //background-color: #fff;
     transition: border-left 0.05s ease-in-out; /* 设置过渡效果 */
 
     .username {
-		font-size: 20%;
+		font-size: 15%;
       min-width: 0;
-      max-width: 60%;
+      max-width: 50%;
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
@@ -201,7 +205,7 @@ watch(showRightMenu, (val) => {
 
     .last-message {
       font-size: 15px;
-      width: 200px;
+      width: 170px;
       overflow: hidden; // 隐藏超出的文本
       white-space: nowrap; // 禁止换行
       text-overflow: ellipsis; // 添加省略号
diff --git a/yudao-admin-vue3/src/views/mall/promotion/kefu/components/KeFuMessageList.vue b/yudao-admin-vue3/src/views/mall/promotion/kefu/components/KeFuMessageList.vue
index dcd3837..c3f6877 100644
--- a/yudao-admin-vue3/src/views/mall/promotion/kefu/components/KeFuMessageList.vue
+++ b/yudao-admin-vue3/src/views/mall/promotion/kefu/components/KeFuMessageList.vue
@@ -1,10 +1,11 @@
 <template>
-	<el-container v-if="showKeFuMessageList" class="kefu">
+	<el-container v-if="showKeFuMessageList"  style="background-color: white;height:98%" class="kefu">
 	<!-- 	<el-header>
 			<div class="kefu-title">{{ conversation.userNickname }}</div>
 		</el-header> -->
-		<el-main class="kefu-content overflow-visible">
-			<el-scrollbar ref="scrollbarRef" always height="calc(100vh - 390px)" @scroll="handleScroll">
+		<!-- <ContentWrap></ContentWrap> -->
+		<el-main  class="kefu-content overflow-visible">
+			<el-scrollbar ref="scrollbarRef" always height="calc(100vh - 350px)" @scroll="handleScroll" style="overflow: hidden;">
 				<div v-if="refreshContent" ref="innerRef" class="w-[100%] pb-3px">
 					
 					
@@ -31,7 +32,7 @@
                     ? `ss-row-right`
                     : ''
               ]" class="flex mb-20px w-[100%]">
-							<el-avatar v-if="item.senderType === UserTypeEnum.MEMBER" :src="conversation.userAvatar"
+							<el-avatar  v-if="item.senderType === UserTypeEnum.MEMBER" :src="conversation.userAvatar"
 								alt="avatar" class="w-60px h-60px" />
 							<div :class="{ 'kefu-message': KeFuMessageContentTypeEnum.TEXT === item.contentType }"
 								class="p-10px">
@@ -63,7 +64,7 @@
 										:message="item" class="max-w-100%" />
 								</MessageItem>
 							</div>
-							<el-avatar v-if="item.senderType === UserTypeEnum.ADMIN" :src="item.senderAvatar"
+							<el-avatar style="margin-right: 12px;" v-if="item.senderType === UserTypeEnum.ADMIN" :src="item.senderAvatar"
 								alt="avatar" />
 						</div>
 					</div>
@@ -79,7 +80,7 @@
 		
 		<el-divider  style="margin: 4px 0;" />
 		
-		<el-footer height="185px">
+		<el-footer height="186px">
 			<div class="h-[100%]">
 				<div class="flex items-center">
 					<EmojiSelectPopover @select-emoji="handleEmojiSelect" />
@@ -107,7 +108,7 @@
 				<br/>
 				<textarea  style="border: none; outline: none;" v-model="message" placeholder="请输入文字内容"  rows="5" cols="75"></textarea>
 				<div class="h-45px flex justify-end">
-					<el-button class="mt-10px" type="primary" @click="handleSendMessage">发送</el-button>
+					<el-button class="mt-5px" type="primary" @click="handleSendMessage">发送</el-button>
 				</div>
 			</div>
 		</el-footer>
@@ -539,6 +540,7 @@
 
 			// 消息气泡
 			.kefu-message {
+				font-size: 14px;
 				color: #101010;
 				border-radius: 5px;
 				box-shadow: 3px 3px 5px rgba(220, 220, 220, 0.1);
diff --git a/yudao-admin-vue3/src/views/mall/promotion/kefu/components/tools/EmojiSelectPopover.vue b/yudao-admin-vue3/src/views/mall/promotion/kefu/components/tools/EmojiSelectPopover.vue
index 0b0ebfa..55b8646 100644
--- a/yudao-admin-vue3/src/views/mall/promotion/kefu/components/tools/EmojiSelectPopover.vue
+++ b/yudao-admin-vue3/src/views/mall/promotion/kefu/components/tools/EmojiSelectPopover.vue
@@ -3,7 +3,7 @@
   <el-popover :width="500" placement="top" trigger="click">
     <template #reference>
       <!-- <Icon :size="30" class="ml-10px cursor-pointer" icon="twemoji:grinning-face" /> -->
-	  <img :src="biaoqing"  class="w-23px h-25px" />
+	  <img :src="biaoqing" style="margin-left:20px"  class="w-23px h-25px" />
     </template>
     <ElScrollbar height="300px">
       <ul class="ml-2 flex flex-wrap px-2">
diff --git a/yudao-admin-vue3/src/views/mall/promotion/kefu/index.vue b/yudao-admin-vue3/src/views/mall/promotion/kefu/index.vue
index 6a5dfba..afcc0ee 100644
--- a/yudao-admin-vue3/src/views/mall/promotion/kefu/index.vue
+++ b/yudao-admin-vue3/src/views/mall/promotion/kefu/index.vue
@@ -4,7 +4,7 @@
    <el-row style="display: flex; justify-content: center;">
 		
       <el-col :span="24">
-        <div style="width:100%;height:70px;background-color:#3c80ff;">
+        <div style="width:100%;height:68px;background-color:#3c80ff;">
           <el-row>
             <el-col :span="6">
               <el-input
@@ -19,15 +19,17 @@
 				      :src="pic"
 				    />
 				    <span style="margin-left:5px;margin-top: 9px;">{{name}}</span>
-				    <!-- <el-switch
+				    <el-switch
 					  style="margin-top: 4px;--el-switch-on-color: #13ce66; --el-switch-off-color: #b6bac1;"
-					  v-model="value6"
+					  v-model="lineStatus"
 				      class="ml-2"
 				      width="60"
 				      inline-prompt
 				      active-text="在线"
 				      inactive-text="下线"
-				    /> -->
+					  @change="handleSwitchChange"
+					  
+				    />
 				  </span>
             </el-col>
             <el-col :span="6">
@@ -64,9 +66,9 @@
 
       <!-- 会话详情（选中会话的消息列表） -->
       <el-col :span="12">
-        <ContentWrap>
+      
           <KeFuMessageList ref="keFuChatBoxRef" @change="getConversationList"/>
-        </ContentWrap>
+      
       </el-col>
 
       <!-- 会员足迹（选中会话的会员足迹） -->
@@ -134,18 +136,20 @@
   import {useWebSocket} from '@vueuse/core'
   import {Search} from '@element-plus/icons-vue'
   import * as UserApi from '@/api/member/user'
+  import { SupportStaffApi, SupportStaffVO } from '@/api/mall/promotion/supportstaff'
 
 
 
   defineOptions({name: 'KeFu'})
   
-  const value6 = ref(true)
+  const lineStatus = ref(true)
 
   const message = useMessage() // 消息弹窗
   
   const params = new URLSearchParams(window.location.search);
   const name = params.get('name');
   const pic = params.get('pic');
+  const kefuId = params.get('id')
   const conversations = ref<KeFuConversationRespVO[]>([])
   // const userInfoRef =  ref<InstanceType<typeof UserInfo>>()
   const user = ref<UserApi.UserVO>({} as UserApi.UserVO)
@@ -160,6 +164,23 @@
 		 // 使用 getRefreshToken() 方法，而不使用 getAccessToken() 方法的原因：WebSocket 无法方便的刷新访问令牌
 	) // WebSocket 服务地址
 
+    const handleSwitchChange = async (value) =>{
+      console.log('11111:',value)
+	  let a = 0;
+	  
+	  if(value == true){
+		  a = 1;
+		  await SupportStaffApi.updateLineStatus(kefuId,a)
+		  message.success('已上线')
+	  }else{
+		  a = 2;
+		   await SupportStaffApi.updateLineStatus(kefuId,a)
+	  message.success('已下线')
+	  }
+	  
+	 
+		
+    }
   
  let a = 0;
 
diff --git a/yudao-admin-vue3/src/views/mall/promotion/supportstaff/index.vue b/yudao-admin-vue3/src/views/mall/promotion/supportstaff/index.vue
index db5aba7..18a885a 100644
--- a/yudao-admin-vue3/src/views/mall/promotion/supportstaff/index.vue
+++ b/yudao-admin-vue3/src/views/mall/promotion/supportstaff/index.vue
@@ -246,8 +246,9 @@ const handleDelete = async (id: number) => {
 }
 /** 客服进入工作台 */
 const handleEnterConsole = async (id: number,name: string,pic: string) => {
+	await SupportStaffApi.updateLineStatus(JSON.stringify(id),1)
   setStaffToken(id);
-  const url = `${window.location.origin}/kefu/kefu?name=${encodeURIComponent(name)}&pic=${encodeURIComponent(pic)}`;
+  const url = `${window.location.origin}/kefu/kefu?id=${encodeURIComponent(id)}&name=${encodeURIComponent(name)}&pic=${encodeURIComponent(pic)}`;
   window.open(url, '_blank');
 }
 /** 导出按钮操作 */
diff --git a/yudao-module-mall/yudao-module-promotion-api/src/main/java/cn/iocoder/yudao/module/promotion/enums/ErrorCodeConstants.java b/yudao-module-mall/yudao-module-promotion-api/src/main/java/cn/iocoder/yudao/module/promotion/enums/ErrorCodeConstants.java
index 9639b12..f2ad17a 100644
--- a/yudao-module-mall/yudao-module-promotion-api/src/main/java/cn/iocoder/yudao/module/promotion/enums/ErrorCodeConstants.java
+++ b/yudao-module-mall/yudao-module-promotion-api/src/main/java/cn/iocoder/yudao/module/promotion/enums/ErrorCodeConstants.java
@@ -19,6 +19,8 @@ public interface ErrorCodeConstants {
     // ========== 兑换记录 TODO 补充编号 ==========
     ErrorCode POINT_ORDER_NOT_EXISTS = new ErrorCode(11111, "兑换记录不存在");
 
+    ErrorCode ADVERTISING_NOT_EXISTS = new ErrorCode(333333, "开屏广告不存在");
+
 
     ErrorCode KE_FU_CONFIGURATION_NOT_EXISTS = new ErrorCode(22222222, "客服配置不存在");
     // ========== Banner 相关 1-013-002-000 ============
diff --git a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/dynamic/DynamicDataController.java b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/dynamic/DynamicDataController.java
index 4862da9..80007fb 100644
--- a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/dynamic/DynamicDataController.java
+++ b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/dynamic/DynamicDataController.java
@@ -38,6 +38,14 @@ public class DynamicDataController {
         return success("保存成功");
     }
 
+
+    //修改数据
+    @PostMapping("/updateDynamicData")
+    public CommonResult<String> updateDynamicData(@RequestBody Map<String, Object> requestData) {
+        dynamicDataService.updateDynamicData(requestData);
+        return success("保存成功");
+    }
+
     //查询全部数据
     @GetMapping("/selectDynamicData")
     public CommonResult<List<DynamicData>> selectDynamicData(@RequestHeader("Tenant-Id") String userAgent) {
@@ -52,6 +60,13 @@ public class DynamicDataController {
         return success(dynamicDataService.doSelectDynamicDataById(id));
     }
 
+    //根据id查询数据
+    @GetMapping("/deleteDynamicDataById")
+    @PermitAll
+    public CommonResult<Boolean> deleteDynamicDataById(String id){
+        return success(dynamicDataService.deleteDynamicDataById(id));
+    }
+
     //采集数据
     @PostMapping("/collectData")
     @PermitAll
diff --git a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/SupportStaffController.java b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/SupportStaffController.java
index 352c6c3..43c8f88 100644
--- a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/SupportStaffController.java
+++ b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/SupportStaffController.java
@@ -91,4 +91,9 @@ public class SupportStaffController {
                         BeanUtils.toBean(list, SupportStaffRespVO.class));
     }
 
+    @GetMapping("/updateLineStatus")
+    public CommonResult<Boolean> updateLineStatus (String id , Integer lineStatus){
+        supportStaffService.updateLineStatus(id, lineStatus);
+        return success(true);
+    }
 }
\ No newline at end of file
diff --git a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/vo/SupportStaffPageReqVO.java b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/vo/SupportStaffPageReqVO.java
index f8904ea..628caa2 100644
--- a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/vo/SupportStaffPageReqVO.java
+++ b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/vo/SupportStaffPageReqVO.java
@@ -38,6 +38,9 @@ public class SupportStaffPageReqVO extends PageParam {
     @Schema(description = "订单通知")
     private Integer orderInform;
 
+    @Schema(description = "线上状态")
+    private Integer lineStatus;
+
     @Schema(description = "创建时间")
     @DateTimeFormat(pattern = FORMAT_YEAR_MONTH_DAY_HOUR_MINUTE_SECOND)
     private LocalDateTime[] createTime;
diff --git a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/vo/SupportStaffRespVO.java b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/vo/SupportStaffRespVO.java
index a39c1e2..cbba878 100644
--- a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/vo/SupportStaffRespVO.java
+++ b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/vo/SupportStaffRespVO.java
@@ -55,4 +55,6 @@ public class SupportStaffRespVO {
     @ExcelProperty("创建时间")
     private LocalDateTime createTime;
 
+    private Integer lineStatus;
+
 }
\ No newline at end of file
diff --git a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/vo/SupportStaffSaveReqVO.java b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/vo/SupportStaffSaveReqVO.java
index 68b448e..a5e5659 100644
--- a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/vo/SupportStaffSaveReqVO.java
+++ b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/controller/admin/supportstaff/vo/SupportStaffSaveReqVO.java
@@ -39,4 +39,6 @@ public class SupportStaffSaveReqVO {
     @Schema(description = "订单通知")
     private Integer orderInform;
 
+    private Integer lineStatus;
+
 }
\ No newline at end of file
diff --git a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/dal/dataobject/supportstaff/SupportStaffDO.java b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/dal/dataobject/supportstaff/SupportStaffDO.java
index 20c6cf5..529dd93 100644
--- a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/dal/dataobject/supportstaff/SupportStaffDO.java
+++ b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/dal/dataobject/supportstaff/SupportStaffDO.java
@@ -63,4 +63,9 @@ public class SupportStaffDO extends BaseDO {
      */
     private Integer orderInform;
 
+    /**
+     * 线上状态
+     */
+    private Integer lineStatus;
+
 }
\ No newline at end of file
diff --git a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/service/dynamic/DynamicDataService.java b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/service/dynamic/DynamicDataService.java
index 1a54664..bda101f 100644
--- a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/service/dynamic/DynamicDataService.java
+++ b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/service/dynamic/DynamicDataService.java
@@ -13,6 +13,8 @@ import java.time.format.DateTimeFormatter;
 import java.util.ArrayList;
 import java.util.List;
 import java.util.Map;
+import java.util.Optional;
+
 import static cn.iocoder.yudao.framework.web.core.util.WebFrameworkUtils.getLoginUserId;
 
 
@@ -31,6 +33,7 @@ public class DynamicDataService {
         String pageView = (String)requestData.get("pageView");
         String collectionQuantity = (String)requestData.get("collectionQuantity");
         dynamicData.setTitle(title);
+        requestData.remove("id");
         requestData.remove("title");
         dynamicData.setPageView(pageView);
         requestData.remove("pageView");
@@ -51,6 +54,31 @@ public class DynamicDataService {
         return dynamicDataRepository.save(dynamicData);//插入dynamicData数据
     }
 
+
+    //修改数据
+    public DynamicData updateDynamicData(Map<String, Object> requestData){
+
+        //构造数据结构、
+        Optional<DynamicData> id = dynamicDataRepository.findById((String) requestData.get("id"));
+        DynamicData dynamicData = id.get();
+
+        String title = (String)requestData.get("title");
+        dynamicData.setTitle(title);
+        requestData.remove("title");
+        requestData.remove("id");
+        requestData.remove("pageView");
+        requestData.remove("collectionQuantity");
+
+        ArrayList<String> inputarr = (ArrayList)requestData.get("inputarr");
+        for (String s : inputarr) {
+            requestData.put(s,null);
+        }
+        requestData.remove("inputarr");
+        dynamicData.setData(requestData);
+
+        return dynamicDataRepository.save(dynamicData);//插入dynamicData数据
+    }
+
     //查询全部数据
     public List<DynamicData> doSelectDynamicData(String httpServletRequest){
         //查询对应租户下的卡片列表数据
@@ -71,4 +99,12 @@ public class DynamicDataService {
         return dynamicDataRepository.save(dynamicData);
     }
 
+    //根据id查询数据
+    public boolean deleteDynamicDataById(String id){
+        dynamicDataRepository.deleteById(id);
+        return true;
+    }
+
+
+
 }
diff --git a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/service/supportstaff/SupportStaffService.java b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/service/supportstaff/SupportStaffService.java
index 8a67fb0..482e8d2 100644
--- a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/service/supportstaff/SupportStaffService.java
+++ b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/service/supportstaff/SupportStaffService.java
@@ -50,4 +50,9 @@ public interface SupportStaffService {
      */
     PageResult<SupportStaffDO> getSupportStaffPage(SupportStaffPageReqVO pageReqVO);
 
+    /**
+     * 修改客服是否在线状态
+     */
+    void updateLineStatus(String id , Integer lineStatus );
+
 }
\ No newline at end of file
diff --git a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/service/supportstaff/SupportStaffServiceImpl.java b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/service/supportstaff/SupportStaffServiceImpl.java
index 523514f..583c702 100644
--- a/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/service/supportstaff/SupportStaffServiceImpl.java
+++ b/yudao-module-mall/yudao-module-promotion-biz/src/main/java/cn/iocoder/yudao/module/promotion/service/supportstaff/SupportStaffServiceImpl.java
@@ -27,6 +27,7 @@ public class SupportStaffServiceImpl implements SupportStaffService {
     public Integer createSupportStaff(SupportStaffSaveReqVO createReqVO) {
         // 插入
         SupportStaffDO supportStaff = BeanUtils.toBean(createReqVO, SupportStaffDO.class);
+        supportStaff.setLineStatus(2);
         supportStaffMapper.insert(supportStaff);
         // 返回
         return supportStaff.getId();
@@ -65,4 +66,11 @@ public class SupportStaffServiceImpl implements SupportStaffService {
         return supportStaffMapper.selectPage(pageReqVO);
     }
 
+    @Override
+    public void updateLineStatus(String id,Integer lineStatus) {
+        SupportStaffDO supportStaffDO = supportStaffMapper.selectOne("id", id);
+        supportStaffDO.setLineStatus(lineStatus);
+        supportStaffMapper.updateById(supportStaffDO);
+    }
+
 }
\ No newline at end of file
-- 
2.45.2