From db5233f3fff395f4cd57d60edf17014ca6d275c9 Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Fri, 5 Jul 2024 14:54:01 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=8F=E5=8A=A9=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/project/baiduAI/AppRecord2/AppRecord.vue  | 185 +++++++++++++
 src/project/baiduAI/AppRecord2/Detail.vue     | 256 ++++++++++++++++++
 .../baiduAI/AppRecord2/img/del-img.png        | Bin 0 -> 679 bytes
 src/project/baiduAI/AppRecord2/record.png     | Bin 0 -> 795 bytes
 .../baiduAI/AppRecord2/record_selected.png    | Bin 0 -> 806 bytes
 .../fengdu/AppStore/components/Evaluate.vue   |   2 +-
 6 files changed, 442 insertions(+), 1 deletion(-)
 create mode 100644 src/project/baiduAI/AppRecord2/AppRecord.vue
 create mode 100644 src/project/baiduAI/AppRecord2/Detail.vue
 create mode 100644 src/project/baiduAI/AppRecord2/img/del-img.png
 create mode 100644 src/project/baiduAI/AppRecord2/record.png
 create mode 100644 src/project/baiduAI/AppRecord2/record_selected.png

diff --git a/src/project/baiduAI/AppRecord2/AppRecord.vue b/src/project/baiduAI/AppRecord2/AppRecord.vue
new file mode 100644
index 0000000..28f8ae3
--- /dev/null
+++ b/src/project/baiduAI/AppRecord2/AppRecord.vue
@@ -0,0 +1,185 @@
+<template>
+  <div class="AppRecord">
+    <u-navbar title="Copilot小助理" title-color="#000" title-width="300" title-size="32" :title-bold="true" :background="backgroundNavbar" :is-back="false" :height="44"></u-navbar>
+    <div class="list-bg">
+      <div class="search-content">
+        <u-search v-model="searchVal" :clearabled="true" placeholder="请输入搜索关键词…" :show-action="false"
+          bg-color="#fff" search-icon-color="#E2E8F1" color="#666" height="72" @search="getSearchList" @clear="handerClear">
+        </u-search>
+      </div>
+    </div>
+    <div class="list-content">
+      <div class="item">
+        <p class="item-text">111111111111</p>
+        <div class="time-flex">
+          <p class="time-text">2024-06-02 10:21:23</p>
+          <div class="item-view">
+            <p>查看对话</p>
+            <div class="del-btn">
+              <img src="./img/del-img.png" alt="">
+            </div>
+          </div>
+        </div>
+      </div>
+      <AiEmpty v-if="!messageList.length"/>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import {mapActions, mapState} from "vuex";
+export default {
+  customNavigation: true,
+  enablePullDownRefresh: true,
+  name: 'AppRecord',
+  appName: 'Copilot小助理(记录)',
+  data() {
+    return {
+      backgroundNavbar: {
+        background: 'url(https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/header-bg.jpeg) no-repeat',
+        backgroundSize: 'cover',
+      },
+      searchVal: '',
+      messageList: [
+        // {
+        //   userType: 0,
+        //   sdkFileUrl: 'http://test87ftp.cunwuyun.cn/20240104/output.mp3',
+        //   isPlay: false
+        // }
+      ],
+      current: 1,
+      pages: 2,
+    }
+  },
+  computed: {
+    ...mapState(['user', 'token']),
+  },
+  onShow() {
+    //this.getHistoryList()
+  },
+  onPullDownRefresh() {
+    if(this.current > this.pages) {
+      return this.$u.toast('没有更多记录')
+    }
+    this.current = this.current + 1
+    this.getHistoryList()
+  },
+  methods: {
+    ...mapActions(['autoLogin']),
+    getHistoryList() {
+      if(!this.token) {
+        return this.$u.toast("请先进行登录")
+      }
+      this.$loading()
+      this.$instance.post(`/app/appaicopilotinfo/list?current=${this.current}&size=10&content=${this.searchVal}`).then(res => {
+        if(res.code == 0 && res.data.records.length) {
+          res.data.records.map((item) => {
+            if(item.sdkFileUrl) {
+              item.isPlay = false
+            }
+          })
+          this.messageList = this.current == 1 ? res.data.records : [...res.data.records, ...this.messageList]
+          var idPage = res.data.records.length-1
+          this.$nextTick(() => {  
+            uni.pageScrollTo({
+              duration: 300,
+              selector: this.current == 1 ? `.item${this.messageList.length-1}` :  `.item${idPage}`
+            });
+          })
+          this.pages = res.data.pages
+          this.$hideLoading()
+        }else {
+          if(this.current == 1) {
+            this.messageList = []
+          }
+          
+        }
+      })
+    },
+    getSearchList() {
+      this.current = 1
+      this.getHistoryList()
+    },
+    handerClear() {
+      this.searchVal = ''
+      this.getSearchList()
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import "~dvcp-wui/common";
+page {
+  height: 100%;
+}
+.AppRecord {
+  height: 100vh;
+  background-color: #fff;
+  position: relative;
+  .list-bg {
+    width: 100%;
+    height: 420px;
+    background-image: url("https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/content-top-bg.png");
+    position: fixed;
+    left: 0;
+    z-index: 1;
+    background-size: 100vw;
+    background-repeat: no-repeat;
+    .search-content {
+      padding: 32px;
+      width: 100%;
+      box-sizing: border-box;
+      position: fixed;
+      left: 0;
+      z-index: 99;
+      background: linear-gradient(to bottom, #D7EDFE, #EAF5FE);
+    }
+  }
+  .list-content {
+    width: 100%;
+    box-sizing: border-box;
+    background-color: #fff;
+    padding: 144px 32px 364px;
+    .item {
+      .item-text {
+        line-height: 40px;
+        font-family: PingFangSC-Regular;
+        font-size: 28px;
+        color: #333;
+        padding: 18px;
+        background-color: #CCE2FF;
+        border-radius: 8px;
+      }
+      .time-flex {
+        display: flex;
+        justify-content: space-between;
+        line-height: 40px;
+        font-family: PingFangSC-Regular;
+        font-size: 24px;
+        .time-text {
+          color: #999;
+          padding-top: 34px;
+        }
+        .item-view {
+          p {
+            display: inline-block;
+            font-size: 28px;
+            color: #216AFD;
+          }
+          div {
+            display: inline-block;
+            padding: 34px 0 34px 38px;
+            img {
+              width: 40px;
+              height: 40px;
+              vertical-align: bottom;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/project/baiduAI/AppRecord2/Detail.vue b/src/project/baiduAI/AppRecord2/Detail.vue
new file mode 100644
index 0000000..ba9d9ea
--- /dev/null
+++ b/src/project/baiduAI/AppRecord2/Detail.vue
@@ -0,0 +1,256 @@
+<template>
+  <div class="Detail">
+    <u-navbar title="Copilot小助理" title-color="#000" title-width="300" title-size="32" :title-bold="true" :background="backgroundNavbar" :is-back="false" :height="44"></u-navbar>
+    <div class="list-bg">
+      <div class="search-content">
+        <u-search v-model="searchVal" :clearabled="true" placeholder="请输入搜索关键词…" :show-action="false"
+          bg-color="#fff" search-icon-color="#E2E8F1" color="#666" height="72" @search="getSearchList" @clear="handerClear">
+        </u-search>
+      </div>
+    </div>
+    <div class="list-content">
+      <div v-for="(item, index) in messageList" :key="index">
+        <div class="send-time">{{item.createTime.substring(5, 16)}}</div>
+        <div :class="item.userType == 1 ? 'item-left' : 'item-right'">
+          <img src="https://cdn.cunwuyun.cn/wechat/baiduAI/user-img.png" alt="" class="user-img" v-if="item.userType == 1">
+          <div class="item" :class="'item'+index">
+            <u-icon name="play-right-fill" color="#CCE2FF" size="20" v-if="item.userType != 1" class="u-icon-right"></u-icon>
+            <u-icon name="play-left-fill" color="#F3F5F7" size="20" v-if="item.userType == 1" class="u-icon-left"></u-icon>
+            <div class="voice-div" v-if="item.sdkFileUrl" @click="play(item.sdkFileUrl, index)">
+              <span>8”</span>
+              <img src="https://cdn.cunwuyun.cn/wechat/baiduAI/play-d.gif" alt="" v-if="item.isPlay">
+              <img src="https://cdn.cunwuyun.cn/wechat/baiduAI/play-j.png" alt="" v-else>
+            </div>
+            <p v-if="!item.sdkFileUrl">{{item.content || ''}}</p>
+          </div>
+          <img src="https://cdn.cunwuyun.cn/wechat/baiduAI/user-img.png" alt="" class="user-img" v-if="item.userType != 1">
+        </div>
+      </div>
+      <AiEmpty v-if="!messageList.length"/>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import {mapActions, mapState} from "vuex";
+export default {
+  customNavigation: true,
+  enablePullDownRefresh: true,
+  name: 'Detail',
+  data() {
+    return {
+      backgroundNavbar: {
+        background: 'url(https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/header-bg.jpeg) no-repeat',
+        backgroundSize: 'cover',
+      },
+      searchVal: '',
+      messageList: [
+        // {
+        //   userType: 0,
+        //   sdkFileUrl: 'http://test87ftp.cunwuyun.cn/20240104/output.mp3',
+        //   isPlay: false
+        // }
+      ],
+      current: 1,
+      pages: 2,
+    }
+  },
+  computed: {
+    ...mapState(['user', 'token']),
+  },
+  onShow() {
+    this.getHistoryList()
+  },
+  onPullDownRefresh() {
+    if(this.current > this.pages) {
+      return this.$u.toast('没有更多记录')
+    }
+    this.current = this.current + 1
+    this.getHistoryList()
+  },
+  methods: {
+    ...mapActions(['autoLogin']),
+    getHistoryList() {
+      if(!this.token) {
+        return this.$u.toast("请先进行登录")
+      }
+      this.$loading()
+      this.$instance.post(`/app/appaicopilotinfo/list?current=${this.current}&size=10&content=${this.searchVal}`).then(res => {
+        if(res.code == 0 && res.data.records.length) {
+          res.data.records.map((item) => {
+            if(item.sdkFileUrl) {
+              item.isPlay = false
+            }
+          })
+          this.messageList = this.current == 1 ? res.data.records : [...res.data.records, ...this.messageList]
+          var idPage = res.data.records.length-1
+          this.$nextTick(() => {  
+            uni.pageScrollTo({
+              duration: 300,
+              selector: this.current == 1 ? `.item${this.messageList.length-1}` :  `.item${idPage}`
+            });
+          })
+          this.pages = res.data.pages
+          this.$hideLoading()
+        }else {
+          if(this.current == 1) {
+            this.messageList = []
+          }
+          
+        }
+      })
+    },
+    getSearchList() {
+      this.current = 1
+      this.getHistoryList()
+    },
+    handerClear() {
+      this.searchVal = ''
+      this.getSearchList()
+    },
+    play(src, index) {
+      innerAudioContext.stop();
+      if(this.messageList[index].isPlay) {
+        innerAudioContext.onStop(() => {
+          this.messageList[index].isPlay = false
+        })
+        return
+      }
+      
+      this.messageList.map((item) => {
+        if(item.sdkFileUrl) {
+          item.isPlay = false
+        }
+      })
+      this.messageList[index].isPlay = true
+      innerAudioContext.src = src;
+
+      this.$nextTick(() => {
+        innerAudioContext.play();
+      })
+      innerAudioContext.onEnded(() => {
+        this.messageList[index].isPlay = false
+      })
+    },
+    playStop(index) {
+      innerAudioContext.stop();
+      innerAudioContext.onStop(() => {
+        this.messageList[index].isPlay = false
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import "~dvcp-wui/common";
+page {
+  height: 100%;
+}
+.Detail {
+  height: 100vh;
+  background-color: #fff;
+  position: relative;
+  .list-bg {
+    width: 100%;
+    height: 420px;
+    background-image: url("https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/content-top-bg.png");
+    position: fixed;
+    left: 0;
+    z-index: 1;
+    background-size: 100vw;
+    background-repeat: no-repeat;
+    .search-content {
+      padding: 32px;
+      width: 100%;
+      box-sizing: border-box;
+      position: fixed;
+      left: 0;
+      z-index: 99;
+      background: linear-gradient(to bottom, #D7EDFE, #EAF5FE);
+    }
+  }
+  .list-content {
+    width: 100%;
+    box-sizing: border-box;
+    background-color: #fff;
+    padding: 144px 32px 364px;
+    .send-time {
+      display: block;
+      width: 100%;
+      line-height: 28px;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 20px;
+      color: #999;
+      text-align: center;
+      margin-bottom: 28px;
+    }
+    .user-img {
+      display: inline-block;
+      width: 72px;
+      height: 72px;
+      vertical-align: top;
+    }
+    .item {
+      display: inline-block;
+      max-width: 440px;
+      border-radius: 8px;
+      padding: 18px;
+      box-sizing: border-box;
+      margin-bottom: 28px;
+      position: relative;
+      .voice-div {
+        img {
+          width: 26px;
+          height: 28px;
+        }
+        span {
+          display: inline-block;
+          color: #333;
+          font-size: 28px;
+          font-family: PingFangSC;
+          line-height: 28px;
+          margin-right: 68px;
+        }
+      }
+      p {
+        word-break: break-all;
+        line-height: 40px;
+        font-family: SourceHanSansCN-Regular;
+        font-size: 32px;
+        color: #333;
+      }
+    }
+    .item-right {
+      display: flex;
+      justify-content: flex-end;
+      .item {
+        background-color: #CCE2FF;
+      }
+      .user-img {
+        margin-left: 24px;
+      }
+      .u-icon-right {
+        position: absolute;
+        top: 12px;
+        right: -12px;
+      }
+    }
+    .item-left {
+      .item {
+        background-color: #F3F5F7;
+      }
+      .user-img {
+        margin-right: 24px;
+      }
+      .u-icon-left {
+        position: absolute;
+        top: 12px;
+        left: -12px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/project/baiduAI/AppRecord2/img/del-img.png b/src/project/baiduAI/AppRecord2/img/del-img.png
new file mode 100644
index 0000000000000000000000000000000000000000..eaa9bcac6963c4cff724cda82045acffc0c8b741
GIT binary patch
literal 679
zcmV;Y0$BZtP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px%VM#<mR9Hvtm_2AyQ5c5b_vFVvkb)Ekf1rc2h@0YIL68cj2}PkU#U@u=#3WT*
zgz6w@nyM9163rkkULgq<1ZTn3B^HM&rNN~R2A9T~dp}7jQj^}><X&1koU@+yJKuBO
z^M8mfUbw~i;2SXW;@vJ)Up%b9K2cWiZ-)i7hRw?LOVKZWOz;J0nr5I{3*7<a0)Txj
zAa#%xP#NiX<fB)}Ho&RE+unv%KSpq;TcbAYy#R+GIKEEu9~5~lO1)Qr<)jr+B9QsC
zG5BG%rVTKgD~$m11i*H$z4ji**|ZTo<O+B{S01xrXS^rz5lQ|^C!+rt)8?QCbT_!3
zHex$mhj{XNX;du90Z={$%Tp+UZz&_T-xaXAuZ5QCM=iV2L#p#4GVCc^r$K@$!FxiP
zqY8XZ#Urz>fU7IB`O-~@+;+${L#W3BdkDZu2h9S=af<W{(A2F}W{BXqlyUacT9vLF
zwHqM8t0^P;a3WtkMS%&Rr!|36xSNc}Ze$DP18CUun+%A{DI@kYlP~rYFe%v620-3Q
zC!*t11+({eBe<XeTPCk|uxW^oMWW~6@{H0B>TSm9s3Y_u(TfDoXR*tDP%n~|n~6S2
z{@Y2Spspp2!HLOd#nWQr6@cBXH)fLAR3bX|DF3E!Ng7`__eQNa2jHbxI0MQNhvYv6
z>H%S&aCum5%%iE(S7iq}4cLK6t`a{EmIokq2|(B{g;Ttc)8W9j(JL1RzIXj_H%&8K
zt%ZiE<e&&U`l}J)icr?qlZyyqIyn-lkd&?gH_Ekc+V%BE-Ay8|+CLA=Tt{JwEy4f*
N002ovPDHLkV1o9;H244j

literal 0
HcmV?d00001

diff --git a/src/project/baiduAI/AppRecord2/record.png b/src/project/baiduAI/AppRecord2/record.png
new file mode 100644
index 0000000000000000000000000000000000000000..fff75289e1833a3ff262b1a23c65f66cfd574dec
GIT binary patch
literal 795
zcmV+$1LXXPP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px%)k#D_RA@u(m`zU;Q51&XGgE3@fZtGJ#56_=S~LNJZ54JdOw@%7S1u*dy3#d@
zAAiBb=+d1lBR_#q4aB&qO0`5<)L2Tug(fO=?lC0{^kb%z>D(!uq+NFIymOxOo^$5T
zC3yTt9*-X_fbDj$<v`OpkeEqc(^we;M5uwm{RQZSpS7__<kUAi&#fw<$>|TN1_!Ul
zyGo$Z;WOdq4gr#EM?mUYrty(T_@Nz50|#0Fb`n^=w&ehT$?5VE3ibrhePAzCRjEI-
zC3k9?z>lRB%rE4s^)?*%@^$g#s^EC(0!5=awT)gKIn<dh{ok?&q62;K`BW*v>mr4M
zhBxnKO##x`+$A9}QL#WH(8RG|*A-g;JqJ6nZ%;cElH-72f#sjSu<$)^7ofO)Effs+
zZ2>3>VTZpBL~?c=%#44lYY@U<T5pt)i396#hk}8!KrBm0YVBBwwEzsJP`xEovsBES
zaKnLmo497PHWI+e7&RT2jRdIoMOO2L)kpxV!6Eg!8$BR3Kr68pfWa8GN}AN`UUxtt
zx_53U{K&go2||2isQ-!E080S=NG%<p04NEyjqaWuIG%M8fHEMuP8xno1t6`U3Uxjf
zJF!yKbp?QcDOL5wql3L40e8<-KWFk60e)$eq&m0Ll<}$R<>+AV`?*a1h5(<J>Oi$v
zH-Lx~06p`u(|yUJ;HOOP85pB31DML&bYLs<M6~`1<sAS*!l(Fd>Y3M5;t_!A%<BN@
z%;ICge5-j&XeK#jl=)47Z2l?>e#+q8+W}$O1FzrC_7|s(Uh|bfrcz7o>Q25OSPX+v
zcEsTrh-g2U%g%i&H7x-g2jNg4on0Ikg6{z6sB4Tme7@t`)9K|7_zSm%;QO8g*y=T7
zCz`&5HUUhW@C<;N6W#-;aKdu{l}?0$fnBA|E$7JD@$9h{(5KVU!(9(N31Eik83)V&
Z{sZyP@j$NSHV6O!002ovPDHLkV1oFqZ|(p9

literal 0
HcmV?d00001

diff --git a/src/project/baiduAI/AppRecord2/record_selected.png b/src/project/baiduAI/AppRecord2/record_selected.png
new file mode 100644
index 0000000000000000000000000000000000000000..7a02768ef8ddedd93520f699e96f1afeb5311c33
GIT binary patch
literal 806
zcmV+>1KIqEP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px%;7LS5RA@u(n9pkyQ4q(!^LCR|)3jCWLGbR$o(0jHLXGyI;K`!}n|e{fQ`<ES
z9u&kwf1%#QiwBVwn*0OJKcJ-u3RdW?P^7k`$?m?9{@9YFyWQRFZtOz#n9R(Z&wS_2
zdpttSKZ<$&=m7k01v?6yI0clEt@}(o2Jpo;CbvU`Pf4MURi;j_`C0c!3yIv{?`=+g
zKVL$PSPYx9-5&x1Y_gvKq1rNOaxOFJC#H=89RNQCY_#nt06^p#Tj=%O6o#)PkWPhj
zWNcR%@5?%#ey$!>>Og@PrRsnoIahB$r2Hh+oFBi@^`qhU<|xeo>#w?THXTm#)><3e
zjQ(d^jsW?haT{zdG#QvgVqxND;*Ku>Et|y9fQqCN4n)mlEPOSPU#$5B*tOTSY%1vs
z;8X&*&?k^kTi=`Yp1J|7{gJ5XHt`Nx$U%WU2QAy!%O`S-b^z+dZMB7tZ55|(jG~2F
z-NeUk)^-8}8KaKlvYh~}9%RQJSnUJ|XLx#y62%_yxO6yX9RQolTsWom7$x=!fF|T@
zrV!tgm?$S_GILP_tb?fHu_?TnF&ki%r7*`abLMxH0IPz;1A=LDnfI2ft(8;_z03H8
zH@zFX|3?Bqz>*?F?&G!e%1VE<Z>mbgyd~NEVh7vmb$V45VyHHqUM>{%hZ1}}K)u~v
z8Rr394h6ufd~Le>+it)@ap#?68g|bj8VkP)99ABny$7$@01%<9kQlKlZ`Cs{0Q;4n
zN-u-<D{p=IQf(TNN26&F_o%Kdq>OGZ*;U>OJ-KMyW5~Av_qi_@zJ)75^3m2MyUJUs
zyqxDuRW%1e@~VVvc;X0}u3+UHLpHqoG{<xW2%1Dt|3XREq?Atp^t3cagC-EvUn_Et
zO2%U;<?~nq98Nn2B~E+`SpZH-#0J1giP!-&D-k<@W+k+2s<(b~hx2A0bo6-ex0Dzk
kOypw;;KUdk1)Ko>0Y_u>KudiBn*aa+07*qoM6N<$f~zTWDgXcg

literal 0
HcmV?d00001

diff --git a/src/project/fengdu/AppStore/components/Evaluate.vue b/src/project/fengdu/AppStore/components/Evaluate.vue
index 7189f0c..a5f7408 100644
--- a/src/project/fengdu/AppStore/components/Evaluate.vue
+++ b/src/project/fengdu/AppStore/components/Evaluate.vue
@@ -27,7 +27,7 @@
           <image :src="item.fileUrl ? item.fileUrl : 'https://cdn.cunwuyun.cn/wechat/fd-store/shop-img.png' " alt="" mode="aspectFill">
         </div>
         <div class="right">
-          <div class="right-btn" @click="toEvaluateForm(item.id)">
+          <div class="right-btn" @click.stop="toEvaluateForm(item.id)">
             <div>
               <img src="https://cdn.cunwuyun.cn/wechat/fd-store/store-detail-edit-icon.png" alt="">评价
             </div>