From 28abaed5c17c7e31f262f7c930b3d48fcaf59eb2 Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Wed, 2 Apr 2025 10:56:16 +0800
Subject: [PATCH] =?UTF-8?q?feat(common):=20=E6=96=B0=E5=A2=9E=E6=88=91?=
 =?UTF-8?q?=E7=9A=84=E6=B6=88=E6=81=AF=E5=92=8C=E7=B3=BB=E7=BB=9F=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加我的消息页面组件，用于展示用户消息列表
- 实现系统消息页面组件，展示系统通知列表
- 在线索页面添加跳转到我的消息的功能
- 新增拨打电话功能
- 更新页面配置，添加新的消息相关页面
---
 pages.json                       |  18 +++
 pages/common/my_message.vue      | 209 +++++++++++++++++++++++++++++++
 pages/common/sys_msg_list.vue    | 206 ++++++++++++++++++++++++++++++
 pages/market/clue/index.vue      |  20 ++-
 static/images/common/yong_hu.png | Bin 0 -> 625 bytes
 5 files changed, 451 insertions(+), 2 deletions(-)
 create mode 100644 pages/common/my_message.vue
 create mode 100644 pages/common/sys_msg_list.vue
 create mode 100644 static/images/common/yong_hu.png

diff --git a/pages.json b/pages.json
index b229dba..1563cc0 100644
--- a/pages.json
+++ b/pages.json
@@ -99,6 +99,24 @@
 		  "navigationBarTextStyle": "black"
 		}
 	},
+    {
+      "path" : "pages/common/my_message",
+      "style": {
+        "navigationBarTitleText": "我的消息",
+        "navigationStyle": "default",
+        "navigationBarBackgroundColor": "#292929",
+        "navigationBarTextStyle": "white"
+      }
+    },
+    {
+      "path" : "pages/common/sys_msg_list",
+      "style": {
+        "navigationBarTitleText": "系统消息",
+        "navigationStyle": "default",
+        "navigationBarBackgroundColor": "#292929",
+        "navigationBarTextStyle": "white"
+      }
+    },
 	{
 		"path" : "pages/student/my/update_pass", 
 		"style": {
diff --git a/pages/common/my_message.vue b/pages/common/my_message.vue
new file mode 100644
index 0000000..189da0b
--- /dev/null
+++ b/pages/common/my_message.vue
@@ -0,0 +1,209 @@
+<!--我的消息-列表-->
+<template>
+  <view class="main_box">
+
+    <view class="main_section">
+      <view class="section_1">
+        <view class="item" @click="openViewSysMsgList()">
+          <view class="left">
+            <image class="pic" src="@/static/images/common/xi_tong_xiao_xi.png"></image>
+            <view>系统消息</view>
+          </view>
+          <view class="right">
+            <view>99</view>
+            <fui-icon name="arrowright" :size="60"></fui-icon>
+          </view>
+        </view>
+
+        <view class="item">
+          <view class="left">
+            <image class="pic" src="@/static/images/common/yong_hu.png"></image>
+            <view>张老师</view>
+          </view>
+          <view class="right">
+            <view>99</view>
+            <fui-icon name="arrowright" :size="60"></fui-icon>
+          </view>
+        </view>
+
+        <view class="item">
+          <view class="left">
+            <image class="pic" src="@/static/images/common/yong_hu.png"></image>
+            <view>李老师</view>
+          </view>
+          <view class="right">
+            <view>99</view>
+            <fui-icon name="arrowright" :size="60"></fui-icon>
+          </view>
+        </view>
+
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import memberApi from '@/api/member.js';
+import AQUplodeImgMulti from '@/components/AQ/AQUplodeImgMulti';
+import AQTabber from "@/components/AQ/AQTabber"
+
+
+export default {
+  components: {
+    AQTabber,
+    AQUplodeImgMulti,
+  },
+  data() {
+    return {
+      formData: {
+        images_arr: [],
+        images: '',
+        content: '',
+        mailbox: '',
+      },
+    }
+  },
+  onLoad() {
+  },
+  methods: {
+    //######AQ上传文件组件相关######
+    // 上传文件回调
+    AQUploadSuccess(res) {
+      console.log('接收AQ上传回调xxx1', res)
+      // 使用 split 方法分割字符串
+      let _inputValue = []
+      if (res.filePathArr.length) {
+        _inputValue = res.filePathArr
+      }
+      this.formData[res.inputName] = _inputValue
+      // console.log('接收AQ上传回调xxx1',res)
+      // console.log('接收AQ上传回调xxx2',this.formData.member_store_certification_arr)
+    },
+
+    async submitForm() {
+      let data = {...this.formData}
+      data.images = data.images_arr.join(',')
+      if (!data.content) {
+        //反馈内容为必填项
+        uni.showToast({
+          title: '反馈内容为必填项',
+          icon: 'none'
+        })
+        return
+      }
+      let res = await memberApi.setFeedback(data)
+      if (res.code != 1) {
+        uni.showToast({
+          title: res.msg,
+          icon: 'none'
+        })
+      } else {
+        uni.showToast({
+          title: '提交成功',
+          icon: 'none'
+        })
+        //延迟1s执行
+        setTimeout(() => {
+          this.$util.openHomeView();
+        }, 1000);
+      }
+    },
+
+    //跳转页面-系统消息列表
+    openViewSysMsgList(){
+      uni.navigateTo({
+        url: `/pages/common/sys_msg_list`
+      })
+    },
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+	.main_box {
+		background: #292929;
+	}
+
+	//自定义导航栏
+	.navbar_section {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		background: #29d3b4;
+
+		.title {
+			padding: 20rpx 0;
+			font-size: 30rpx;
+			color: #315d55;
+		}
+	}
+
+	.main_section {
+		min-height: 100vh;
+		background: #292929 100%;
+		padding: 0 0rpx;
+		padding-top: 32rpx;
+		padding-bottom: 150rpx;
+		font-size: 28rpx;
+		display: flex;
+		flex-direction: column;
+		gap: 20rpx;
+
+		.section {
+			background-color: #434544;
+			padding: 40rpx 40rpx;
+		}
+
+    .section_1{
+      padding: 0 24rpx;
+      display: flex;
+      flex-direction: column;
+      gap: 38rpx;
+      .item{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        padding: 40rpx 18rpx 36rpx;
+
+        border-radius: 14rpx;
+        background-color: rgba(255,255,255,1);
+        border: 2rpx solid rgba(187,187,187,1);
+
+        .left{
+          display: flex;
+          align-items: center;
+          gap: 16rpx;
+          .pic{
+            width: 68rpx;
+            height: 68rpx;
+          }
+          view{
+            color: #D9001B;
+            font-size: 32rpx;
+          }
+        }
+        .right{
+          display: flex;
+          align-items: center;
+          view{
+            padding: 5rpx;
+            border: 1px solid #BBBBBB;
+            border-radius: 50%;
+            color: #D9001B;
+          }
+        }
+      }
+    }
+
+
+
+
+	}
+
+	.describe {
+		color: #999999;
+		padding-left: 30rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/common/sys_msg_list.vue b/pages/common/sys_msg_list.vue
new file mode 100644
index 0000000..48f8097
--- /dev/null
+++ b/pages/common/sys_msg_list.vue
@@ -0,0 +1,206 @@
+<!--系统消息-列表-->
+<template>
+  <view class="main_box">
+
+    <view class="main_section">
+      <view class="section_1">
+        <view class="item">
+          <view class="title">吾悦校区停电通知</view>
+          <image
+              class="img_box"
+              :src="$util.img('/upload/attachment/image/202504/02/1743562333d1bb6666f969da1b7170381d0845153e_local.png')"
+              model="aspectFit"
+          ></image>
+
+          <view class="content">
+            李老师将张包子的跟进人设置为您，需要您
+            继续跟进，点击此消息查看张包子的信息，完
+            成后续跟进
+          </view>
+
+          <view class="time">2024-03-07 10:30:00</view>
+        </view>
+
+        <view class="item">
+          <view class="title">吾悦校区停电通知</view>
+          <image
+              class="img_box"
+              :src="$util.img('/upload/attachment/image/202504/02/1743562333d1bb6666f969da1b7170381d0845153e_local.png')"
+              model="aspectFit"
+          ></image>
+
+
+          <view class="time">2024-03-07 10:30:00</view>
+        </view>
+
+        <view class="item">
+          <view class="title">吾悦校区停电通知</view>
+          <image
+              class="img_box"
+              :src="$util.img('/upload/attachment/image/202504/02/1743562333d1bb6666f969da1b7170381d0845153e_local.png')"
+              model="aspectFit"
+          ></image>
+
+          <view class="content">
+            李老师将张包子的跟进人设置为您，需要您
+            继续跟进，点击此消息查看张包子的信息，完
+            成后续跟进
+          </view>
+
+          <view class="time">2024-03-07 10:30:00</view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import memberApi from '@/api/member.js';
+import AQUplodeImgMulti from '@/components/AQ/AQUplodeImgMulti';
+import AQTabber from "@/components/AQ/AQTabber"
+
+
+export default {
+  components: {
+    AQTabber,
+    AQUplodeImgMulti,
+  },
+  data() {
+    return {
+      formData: {
+        images_arr: [],
+        images: '',
+        content: '',
+        mailbox: '',
+      },
+    }
+  },
+  onLoad() {
+  },
+  methods: {
+    //######AQ上传文件组件相关######
+    // 上传文件回调
+    AQUploadSuccess(res) {
+      console.log('接收AQ上传回调xxx1', res)
+      // 使用 split 方法分割字符串
+      let _inputValue = []
+      if (res.filePathArr.length) {
+        _inputValue = res.filePathArr
+      }
+      this.formData[res.inputName] = _inputValue
+      // console.log('接收AQ上传回调xxx1',res)
+      // console.log('接收AQ上传回调xxx2',this.formData.member_store_certification_arr)
+    },
+
+    async submitForm() {
+      let data = {...this.formData}
+      data.images = data.images_arr.join(',')
+      if (!data.content) {
+        //反馈内容为必填项
+        uni.showToast({
+          title: '反馈内容为必填项',
+          icon: 'none'
+        })
+        return
+      }
+      let res = await memberApi.setFeedback(data)
+      if (res.code != 1) {
+        uni.showToast({
+          title: res.msg,
+          icon: 'none'
+        })
+      } else {
+        uni.showToast({
+          title: '提交成功',
+          icon: 'none'
+        })
+        //延迟1s执行
+        setTimeout(() => {
+          this.$util.openHomeView();
+        }, 1000);
+      }
+    },
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+	.main_box {
+		background: #292929;
+	}
+
+	//自定义导航栏
+	.navbar_section {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		background: #29d3b4;
+
+		.title {
+			padding: 20rpx 0;
+			font-size: 30rpx;
+			color: #315d55;
+		}
+	}
+
+	.main_section {
+		min-height: 100vh;
+		background: #292929 100%;
+		padding: 0 0rpx;
+		padding-top: 32rpx;
+		padding-bottom: 150rpx;
+		font-size: 28rpx;
+		display: flex;
+		flex-direction: column;
+		gap: 20rpx;
+
+		.section {
+			background-color: #434544;
+			padding: 40rpx 40rpx;
+		}
+
+    .section_1{
+      padding: 0 24rpx;
+      display: flex;
+      flex-direction: column;
+      gap: 38rpx;
+      .item{
+        display: flex;
+        flex-direction: column;
+
+        padding: 32rpx 24rpx;
+        border-radius: 14rpx;
+        background-color: rgba(255,255,255,1);
+        border: 2rpx solid rgba(187,187,187,1);
+
+        color: #4F4F4F;
+        font-size: 32rpx;
+
+        .title{
+        }
+        .img_box{
+          margin-top: 30rpx;
+          width: 100%;
+        }
+        .content{
+          margin-top: 30rpx;
+        }
+        .time{
+          display: flex;
+          justify-content: flex-end;
+          margin-top: 36rpx;
+        }
+      }
+    }
+
+
+
+
+	}
+
+	.describe {
+		color: #999999;
+		padding-left: 30rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/market/clue/index.vue b/pages/market/clue/index.vue
index ac96fa8..dfbd933 100644
--- a/pages/market/clue/index.vue
+++ b/pages/market/clue/index.vue
@@ -61,10 +61,10 @@
           </view>
         </view>
         <view style="width: 15%;">
-          <image src="@/static/images/index/message.png" class="image"></image>
+          <image src="@/static/images/index/message.png" class="image" @click="openViewMyMessage(v)"></image>
         </view>
         <view style="width: 15%;">
-          <image v-if="v.student_phone" src="@/static/images/index/phone.png" class="image"></image>
+          <image v-if="v.student_phone" src="@/static/images/index/phone.png" class="image" @click="dialTel(v)"></image>
         </view>
       </view>
     </scroll-view>
@@ -308,6 +308,22 @@ export default {
       await this.getList()
     },
 
+    //跳转页面-我的消息
+    openViewMyMessage(item) {
+      let user_id = item.user_id
+      uni.navigateTo({
+        url: `/pages/common/my_message?user_id=${user_id}`
+      })
+    },
+
+    //拨打电话
+    dialTel(item) {
+      let tel = item.phone
+      uni.makePhoneCall({
+        phoneNumber: tel
+      })
+    },
+
     clue_info() {
       uni.navigateTo({
         url: '/pages/market/clue/clue_info'
diff --git a/static/images/common/yong_hu.png b/static/images/common/yong_hu.png
new file mode 100644
index 0000000000000000000000000000000000000000..82a925a7c1298f1c78c9fac6dd3e539cdb3a5f8c
GIT binary patch
literal 625
zcmV-%0*?KOP)<h;3K|Lk000e1NJLTq001HY001Hg1^@s6I!6n_00001b5ch_0Itp)
z=>Px%D@jB_R9HvFn1NBlFbqYN4YUDd66hq*Nq|X!NoXgbY~T%m@3V4_YgtlC58w4@
zOYA&LU-C~U+Ax^;woJp{J0kijpHC^J!-gek@=hu@e;}g!@)}J&5z!kFy{DA$-W(=K
z1@LUHc7A~yXb8g0k3{sk0id0dfl^8@+FB|IGXnr1e>t8tm@Wu2e>ilo6%c}++sS7j
zSBgY?U!-YYf4Kq)Y69XtqFk$TMpb!5y-HIH^6iK>gtyoFMS((UrPpXnVx66o_W}|~
z2__Gl7Bi#Q0LB_iifRx~G|qCX-N`BVCAt|Tpbex19n&1l{N&V2){205%XRj)>_B=B
zDW#o&c+!F>nEH@V1)@y95t*g{Iqso$#x_@h)Z`5UByyf~yJAl;%>3ynVVN2R!9=ri
zoE1~^@1qfs$><}fpq1As%?yVn`bcDC5O4Eo7Y0QA@)#x!?jn%Lj;(8FL<DC7g!P|e
zjy5zoS&yY6V4N|q8R!Nk8tD>K?J-ta`~qUN<E}WZ5IX&CJ~jkolpeEOM?emkd~8@Y
zAfE%)&aM9s%DQU<dQow=bO%h&j4y|%$0}Y7qnNIhrRbUGo^V&T&f0x-0wc=3PCGWw
zSfJz+Fm36{Q(HF77YMYgJMFm!I~h50Kmi8*1OuO?r(gq`aaJqPdgQeFi#JQSZfG;F
z{SXcSm)K2^MtC@3<)?{JG~B-e$Rci#`mROL(1B>-M)YC{S)=~}=Zgqp8F`=&00000
LNkvXXu0mjf^~(zC

literal 0
HcmV?d00001