From 2e332c8986d2dcf443adcae1b948e4419fdbe71d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BE=99=E8=BF=90=E6=A8=A1?= <1724894114@qq.com>
Date: Mon, 11 Nov 2024 23:06:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=B3=BB=E7=BB=9F=E5=90=8E?=
 =?UTF-8?q?=E5=8F=B0=E5=AE=A2=E6=9C=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/index.js             |   4 +
 src/assets/icons/serve/Attachment.vue |  13 ++
 src/assets/icons/serve/Expression.vue |  13 ++
 src/assets/icons/serve/Record.vue     |  13 ++
 src/assets/icons/serve/SendCustom.vue |  13 ++
 src/views/service/faq.vue             | 325 ++++++++++++++++++++++++++
 src/views/service/infoQuery.vue       |  24 ++
 src/views/service/selfService.vue     |  24 ++
 8 files changed, 429 insertions(+)
 create mode 100644 src/assets/icons/serve/Attachment.vue
 create mode 100644 src/assets/icons/serve/Expression.vue
 create mode 100644 src/assets/icons/serve/Record.vue
 create mode 100644 src/assets/icons/serve/SendCustom.vue
 create mode 100644 src/views/service/faq.vue
 create mode 100644 src/views/service/infoQuery.vue
 create mode 100644 src/views/service/selfService.vue

diff --git a/src/assets/icons/index.js b/src/assets/icons/index.js
index e6da644..9a2790f 100644
--- a/src/assets/icons/index.js
+++ b/src/assets/icons/index.js
@@ -159,4 +159,8 @@ export { default as Problem } from './serve/Problem.vue'
 export { default as SeekAdviceFrom } from './serve/SeekAdviceFrom.vue'
 export { default as OtherServe } from './serve/Other.vue'
 export { default as ArrowRightServe } from './serve/ArrowRight.vue'
+export { default as SendCustom } from './serve/SendCustom.vue'
+export { default as Attachment } from './serve/Attachment.vue'
+export { default as Record } from './serve/Record.vue'
+export { default as Expression } from './serve/Expression.vue'
 
diff --git a/src/assets/icons/serve/Attachment.vue b/src/assets/icons/serve/Attachment.vue
new file mode 100644
index 0000000..171efa3
--- /dev/null
+++ b/src/assets/icons/serve/Attachment.vue
@@ -0,0 +1,13 @@
+<template>
+	<svg t="1731332583899" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6466" width="200" height="200"><path d="M955.531636 140.381091a234.030545 234.030545 0 0 0-330.845091 0l-40.215272 40.215273-330.938182 330.798545-35.793455 35.84a151.645091 151.645091 0 0 0 0 214.574546 151.645091 151.645091 0 0 0 214.621091 0l357.608728-357.608728a12.567273 12.567273 0 0 0 0-17.873454l-44.730182-44.730182a12.567273 12.567273 0 0 0-17.826909 0l-357.655273 357.608727a63.301818 63.301818 0 0 1-89.367273-89.367273l35.746909-35.84L646.981818 243.2l40.215273-40.215273a145.408 145.408 0 1 1 205.591273 205.637818l-13.405091 13.405091-357.469091 357.608728-44.776727 44.776727a227.653818 227.653818 0 0 1-321.95491-322.001455l393.541819-393.402181a12.567273 12.567273 0 0 0 0-17.82691l-44.776728-44.776727a12.567273 12.567273 0 0 0-17.826909 0L92.578909 439.854545a316.276364 316.276364 0 0 0 0 447.162182 316.276364 316.276364 0 0 0 447.162182 0l44.730182-44.776727 357.655272-357.608727 13.405091-13.451637a234.030545 234.030545 0 0 0 0-330.798545z" p-id="6467"></path></svg>
+</template>
+
+<script>
+export default {
+	name: "Attachment"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/assets/icons/serve/Expression.vue b/src/assets/icons/serve/Expression.vue
new file mode 100644
index 0000000..5c8b580
--- /dev/null
+++ b/src/assets/icons/serve/Expression.vue
@@ -0,0 +1,13 @@
+<template>
+	<svg t="1731332575193" class="icon" viewBox="0 0 1070 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6309" width="200" height="200"><path d="M532.48 1024c-137.309091 0-265.309091-53.527273-363.054545-148.945455C74.007273 777.309091 20.48 649.309091 20.48 512s53.527273-265.309091 148.945455-363.054545C267.170909 53.527273 395.170909 0 532.48 0s265.309091 53.527273 363.054545 148.945455c200.145455 200.145455 200.145455 523.636364 0 723.781818-97.745455 97.745455-225.745455 151.272727-363.054545 151.272727z m0-956.509091c-118.690909 0-230.4 46.545455-314.181818 130.327273-83.781818 83.781818-130.327273 195.490909-130.327273 314.181818s46.545455 230.4 130.327273 314.181818c83.781818 83.781818 195.490909 130.327273 314.181818 130.327273s230.4-46.545455 314.181818-130.327273a445.253818 445.253818 0 0 0 0-630.690909 449.629091 449.629091 0 0 0-314.181818-128zM350.952727 651.636364s60.509091 95.418182 181.527273 95.418181c121.018182 0 202.472727-95.418182 202.472727-95.418181s44.218182 0 44.218182 48.872727c0 0-79.127273 111.709091-246.690909 111.709091-167.563636 0-223.418182-111.709091-223.418182-111.709091S306.734545 651.636364 350.952727 651.636364z m32.581818-304.872728c-34.909091 0-62.836364 27.927273-62.836363 62.836364 0 34.909091 27.927273 62.836364 62.836363 62.836364 34.909091 0 62.836364-27.927273 62.836364-62.836364 0-34.909091-27.927273-62.836364-62.836364-62.836364z m321.163637 0c-34.909091 0-62.836364 27.927273-62.836364 62.836364 0 34.909091 27.927273 62.836364 62.836364 62.836364 34.909091 0 62.836364-27.927273 62.836363-62.836364 0-34.909091-27.927273-62.836364-62.836363-62.836364z" p-id="6310"></path></svg>
+</template>
+
+<script>
+export default {
+	name: "Expression"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/assets/icons/serve/Record.vue b/src/assets/icons/serve/Record.vue
new file mode 100644
index 0000000..b69dc6a
--- /dev/null
+++ b/src/assets/icons/serve/Record.vue
@@ -0,0 +1,13 @@
+<template>
+	<svg t="1731332602415" class="icon" viewBox="0 0 1117 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6623" width="200" height="200"><path d="M543.96832 1023.984175a573.338048 573.338048 0 0 1-247.478357-56.458764l-206.193177 45.241483a41.517904 41.517904 0 0 1-43.426238-11.868908 44.357133 44.357133 0 0 1-4.002847-39.097577l49.337419-165.23381A487.323378 487.323378 0 0 1 0 512.085177a493.746551 493.746551 0 0 1 159.788076-361.978406A561.329507 561.329507 0 0 1 545.457752 0.372358c300.539355 0 545.178484 229.465545 545.178484 511.712819a492.955291 492.955291 0 0 1-159.788076 362.02495 559.560807 559.560807 0 0 1-385.390408 149.827503h-1.489432zM323.951357 900.640626a502.962409 502.962409 0 0 0 220.715135 50.733762c260.510883 0 472.615241-197.163498 472.615241-439.661569s-212.057814-439.708114-472.615241-439.708114c-260.603972 0-472.661786 197.210043-472.661787 439.708114a417.785543 417.785543 0 0 0 85.363045 252.22592c19.222976 25.366881-16.849194 131.954324-28.950826 165.23381a836.78125 836.78125 0 0 1 169.515926-32.720949c8.8435-0.465447 17.780089 0.930895 26.065052 4.235571z m403.449765-394.233907a66.652061 66.652061 0 0 1 65.8608-67.489866 66.884785 66.884785 0 0 1 65.907345 67.489866 66.884785 66.884785 0 0 1-65.907345 67.862224 66.931329 66.931329 0 0 1-65.8608-67.72259v-0.093089z m-167.561047 67.862224a67.489866 67.489866 0 0 1-46.963638-20.15387 65.767711 65.767711 0 0 1-18.710983-47.615264 65.162629 65.162629 0 0 1 18.710983-47.196362 66.465882 66.465882 0 0 1 46.917093-20.293504 66.884785 66.884785 0 0 1 65.907346 67.489866 66.74515 66.74515 0 0 1-65.628077 67.862224l-0.279269-0.09309z m-279.268411-20.15387a65.8608 65.8608 0 0 1-18.943707-47.615264 65.348808 65.348808 0 0 1 18.943707-47.196362 66.093524 66.093524 0 0 1 46.917093-20.293504 66.884785 66.884785 0 0 1 65.907345 67.489866 66.884785 66.884785 0 0 1-65.907345 67.862224 67.024419 67.024419 0 0 1-46.917093-20.200415v-0.046545z" p-id="6624"></path></svg>
+</template>
+
+<script>
+export default {
+	name: "Record"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/assets/icons/serve/SendCustom.vue b/src/assets/icons/serve/SendCustom.vue
new file mode 100644
index 0000000..fb6de50
--- /dev/null
+++ b/src/assets/icons/serve/SendCustom.vue
@@ -0,0 +1,13 @@
+<template>
+	<svg t="1731323850288" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5816" width="200" height="200"><path d="M512 32C246.903125 32 32 246.903125 32 512c0 265.095 214.903125 480 480 480s480-214.905 480-480C992 246.903125 777.096875 32 512 32z m271.6884375 510.6121875c-17.146875 17.146875-44.9465625 17.146875-62.0925 0L556.548125 377.564375v374.5978125c0 24.1003125-19.535625 43.6359375-43.6359375 43.6359375-24.099375 0-43.6359375-19.535625-43.6359375-43.6359375V375.15125L301.619375 542.770625c-16.93875 16.935-44.401875 16.935-61.340625 0l-0.12375-0.12375c-16.93875-16.935-16.93875-44.3925 0-61.3275l240.4725-240.4190625c8.6821875-8.68125 20.128125-12.8409375 31.5065625-12.6215625 0.26625-0.005625 0.5109375-0.07875 0.7790625-0.07875 0.045 0 0.08625 0.013125 0.1321875 0.013125 11.28375-0.035625 22.5759375 4.2375 31.185 12.8465625L783.6884375 480.51875c17.146875 17.146875 17.146875 44.9475 0 62.0934375z" p-id="5817"></path></svg>
+</template>
+
+<script>
+export default {
+	name: "SendCustom"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/service/faq.vue b/src/views/service/faq.vue
new file mode 100644
index 0000000..91f378f
--- /dev/null
+++ b/src/views/service/faq.vue
@@ -0,0 +1,325 @@
+<template>
+	<el-container class="mainNoBack userBox">
+		<el-aside class="userAside" width="220px">
+			<el-container>
+				<el-main class="nopadding">
+					<div class="contacts">
+						<div class="contactsTitle">联系人</div>
+						<div class="bodyView">
+							<div class="itemCol" v-for="(item,index) in contactsList" :key="index">
+								<div class="avatar">
+									<el-avatar :size="36" src="https://fsd/ad/png" fit="contain">
+										<img src="https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"/>
+									</el-avatar>
+								</div>
+								<div class="viewRight">
+									<div class="title">{{item.name==""?'匿名':item.name}}</div>
+									<div class="msg">{{item.msg}}</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</el-main>
+			</el-container>
+		</el-aside>
+		<el-main class="userMain userMainPadding_0" style="border-top-right-radius: 0;border-bottom-right-radius: 0;padding: 0;">
+			<div class="mainBody">
+				<div class="mainTitle">龙隆</div>
+				<div class="mainView">
+					<el-scrollbar>
+						<div class="msgList">
+							<div class="msgItem" :class="user_id === item.to_user_id?'msgRightItem':''" v-for="(item,index) in msgList" :key="index">
+								<div class="avatar" v-if="user_id != item.to_user_id">
+									<el-avatar :size="36" :src="item.avatar" fit="contain">
+										<img src="https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"/>
+									</el-avatar>
+								</div>
+								<div class="msgText">
+									<div class="msgTitle">{{item.from_user && item.from_user.name?item.from_user.name:'匿名'}}</div>
+									<div class="textCom">{{item.to_message}}</div>
+								</div>
+								<div class="avatar" v-if="user_id === item.to_user_id">
+									<el-avatar :size="36" :src="item.from_user.avatar" fit="contain">
+										<img src="https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"/>
+									</el-avatar>
+								</div>
+							</div>
+						</div>
+					</el-scrollbar>
+				</div>
+				<div class="mainFooter">
+					<div class="tagList">
+						<div class="tagItem"><el-icon size="18"><sc-icon-Attachment/></el-icon></div>
+						<div class="tagItem"><el-icon size="18"><sc-icon-Record/></el-icon></div>
+						<div class="tagItem"><el-icon size="18"><sc-icon-Expression/></el-icon></div>
+					</div>
+					<div class="sendView">
+						<el-input v-model="params.to_message" class="customTextarea" type="textarea" placeholder="请输入.." :rows="3" resize="none"></el-input>
+						<div class="saveBtn" @click="sendCustomer" :class="params.to_message!=''?'saveActive':''">
+							<el-icon size="22"><sc-icon-SendCustom /></el-icon>
+						</div>
+					</div>
+				</div>
+			</div>
+		</el-main>
+		<el-aside class="userAside" width="260px">
+			<el-container>
+				<el-main class="nopadding" style="border-left: 1px solid #f4f4f4;border-top-left-radius: 0;border-bottom-left-radius: 0;">
+					<div class="contactsUserInfo">
+						<div class="contactsTitle">
+							<el-avatar :size="56" src="https://fsd/ad/png" fit="contain">
+								<img src="https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"/>
+							</el-avatar>
+						</div>
+						<div class="bodyView">
+							<div class="itemCol">
+								<div class="name">昵称</div>
+								<div class="text">龙隆</div>
+							</div>
+							<div class="itemCol">
+								<div class="name">手机号</div>
+								<div class="text">18998321489</div>
+							</div>
+							<div class="itemCol">
+								<div class="name">邮箱</div>
+								<div class="text">263489003@qq.com</div>
+							</div>
+						</div>
+					</div>
+				</el-main>
+			</el-container>
+		</el-aside>
+	</el-container>
+</template>
+
+<script>
+import {eventBus} from "@/utils/eventBus";
+
+export default {
+	name: "faq",
+	data(){
+		return{
+			contactsList:[
+				{name:"龙隆",msg:"嘻嘻"},
+				{name:"骁骁",msg:"测试信息"},
+				{name:"",msg:"怎么能快速挣够一百万"},
+				{name:"",msg:"真机运行不需要检查更新，真机运行时appid固定为'HBuilder'"},
+				{name:"",msg:"真机运行不需要检查更新，真机运行时appid固定为'HBuilder'"},
+			],
+			msgList:[],
+			user_id:0,
+
+			params:{
+				to_user_id:"",
+				to_message:"",
+			}
+		}
+	},
+	mounted() {
+		const userInfo = this.$TOOL.data.get("USER_INFO");
+		this.user_id = userInfo.id;
+		this.params.to_user_id = userInfo.id;
+
+		// 获取新消息
+		eventBus.$on('sockBack', this.getWsResult);
+	},
+	methods:{
+		getWsResult(res){
+			if(res.data && (res.data.type == 36 || res.data.type == 37)){
+				switch(res.data.type) {
+					case 36:
+						this.msgList = res.data.rows;
+						break;
+					case 37:
+						this.params.to_user_id = res.data.user.uid;
+						break;
+					default:
+						break;
+				}
+			}
+		},
+
+		async sendCustomer() {
+			if(this.params.to_message =="") return
+			const res = await this.$API.customer.send.post(this.params);
+			if(res.code == 200){
+				this.params.to_message = "";
+			}
+		},
+	}
+}
+</script>
+
+<style scoped lang="scss">
+	::v-deep .noBorderRadius{border-radius: 0;}
+	.contacts{
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		.contactsTitle{
+			padding: 5px 10px;
+			font-size: 14px;
+		}
+		.bodyView{
+			flex: 1;
+			display: flex;
+			flex-direction: column;
+			padding: 0 5px;
+			.itemCol{
+				padding: 10px 8px;
+				display: flex;
+				align-items: flex-start;
+				.viewRight{
+					margin-left: 10px;
+					flex: 1;
+					overflow: hidden;
+					.title{
+						font-size: 14px;
+						font-weight: 500;
+						margin-bottom: 4px;
+					}
+					.msg{
+						width: 100%;
+						color: #888888;
+						overflow: hidden;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+					}
+				}
+			}
+			.itemCol:hover{
+				background: #F6FBFF;
+				border-radius: 4px;
+				cursor: pointer;
+			}
+		}
+	}
+	.contactsUserInfo{
+		display: flex;
+		flex-direction: column;
+		padding: 0 10px;
+		.contactsTitle{
+			padding: 20px 10px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			border-bottom: 1px solid #F6F6F6;
+		}
+		.bodyView{
+			flex:1;
+			display: flex;
+			flex-direction: column;
+			padding: 10px 5px;
+			.itemCol{
+				display: flex;
+				justify-content: space-between;
+				margin-bottom: 15px;
+				.name{
+					color: #888;
+				}
+			}
+		}
+	}
+
+	.mainBody{
+		height: 100%;
+		padding: 15px 0;
+		display: flex;
+		flex-direction: column;
+		.mainTitle{
+			border-bottom: 1px solid #F6F6F6;
+			padding-bottom: 10px;
+			margin: 0 10px;
+			font-weight: 500;
+			font-size: 14px;
+		}
+		.mainView{
+			flex: 1;
+			overflow: hidden;
+			padding-bottom: 10px;
+			.msgList{
+				padding: 10px;
+				.msgItem{
+					display: flex;
+					margin-bottom: 8px;
+					.avatar{
+						padding-right: 10px;
+					}
+					.msgText{
+						.msgTitle{
+							padding: 6px 0;
+							color: #555;
+						}
+						.textCom{
+							background: #f5f5f5;
+							border-radius: 4px;
+							padding: 10px;
+						}
+					}
+				}
+				.msgRightItem{
+					justify-content: flex-end;
+					.avatar{
+						padding-left: 10px;
+						padding-right: 0;
+					}
+					.msgText{
+						.msgTitle{
+							text-align: right;
+						}
+						.textCom{
+							background: var(--el-color-primary);
+							color: var(--el-color-white);
+						}
+					}
+				}
+			}
+		}
+		.mainFooter{
+			margin: 0 10px 5px 10px;
+			padding: 10px 0;
+			border: 1px solid #F6F6F6;
+			border-radius: 4px;
+			position: relative;
+			.tagList{
+				display: flex;
+				align-items: center;
+				border-bottom: 1px solid #F6F6F6;
+				padding-bottom: 10px;
+				.tagItem{
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					margin-left: 15px;
+				}
+			}
+			.customTextarea{
+				font-size:13px;
+				::v-deep .el-textarea__inner{
+					box-shadow: none;
+					border: 0;
+					padding:10px 35px 10px 10px;
+				}
+				::v-deep .el-textarea__inner::-webkit-scrollbar{
+					width: 0;
+				}
+			}
+			.saveBtn{
+				position: absolute;
+				bottom:20px;
+				right: 10px;
+				z-index: 10;
+				color: #A8ABB2;
+				border-radius: 3px;
+				cursor: not-allowed;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+			.saveActive{
+				cursor: pointer;
+				color: var(--el-color-primary);
+			}
+		}
+	}
+</style>
diff --git a/src/views/service/infoQuery.vue b/src/views/service/infoQuery.vue
new file mode 100644
index 0000000..0079551
--- /dev/null
+++ b/src/views/service/infoQuery.vue
@@ -0,0 +1,24 @@
+<template>
+	<div>900</div>
+</template>
+
+<script>
+export default {
+	name: "infoQuery",
+	data(){
+		return{
+
+		}
+	},
+	mounted() {
+
+	},
+	methods:{
+
+	}
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/service/selfService.vue b/src/views/service/selfService.vue
new file mode 100644
index 0000000..e764f7a
--- /dev/null
+++ b/src/views/service/selfService.vue
@@ -0,0 +1,24 @@
+<template>
+	<div>436</div>
+</template>
+
+<script>
+export default {
+	name: "selfService",
+	data(){
+		return{
+
+		}
+	},
+	mounted() {
+
+	},
+	methods:{
+
+	}
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>