Merge branch 'chronic-master' of…

Merge branch 'chronic-master' of http://gitlab.yiboshi.com/nightkis1995/frontend-h5 into chronic-master

src/api/residentWX/nim.js

+import { fetchBase } from '../fetch.js'
+
+// 根据居民ID查询服务医生
+export function getServiceDoc(params) {
+    return fetchBase({ url: `/chronic-resident/v1/chronic-visit-record/service-doctor`, body: params, loading: true })
+}
+
+// 获取IM账号信息
+export function getAccount(idCard) {
+    return fetchBase({ url: `/chronic-resident/v1/chronic-resident-im/refresh-token/${idCard}`, loading: true })
+}

src/assets/icons/residentWX/file-filled.svg

+<svg viewBox="64 64 896 896" focusable="false"><path d="M854.6 288.7c6 6 9.4 14.1 9.4 22.6V928c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32h424.7c8.5 0 16.7 3.4 22.7 9.4l215.2 215.3zM790.2 326L602 137.8V326h188.2z" /></svg>
\ No newline at end of file

src/assets/icons/residentWX/plus-circle.svg

+<svg viewBox="64 64 896 896" focusable="false"><path d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z" /><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" /></svg>
\ No newline at end of file

src/register.js

@@ -2,6 +2,7 @@
 import 'vant/es/toast/style/index'
 import 'vant/es/notify/style/index'
 import 'vant/es/dialog/style/index'
+import 'vant/es/image-preview/style/index'
 
 // 自定义svg 图标组件
 import DocIcon from '@/components/docIcon/index'

src/residentWX/nim/FileView.vue

+<template>
+    <div class="file-view">
+        <!-- 文件预览 -->
+        <div v-if="!isImage" class="flex items-center">
+            <doc-icon type="file-filled" style="color: #999; font-size: 20px"/>
+            <a class="ml-2" @click.prevent="onDown">下载</a>
+        </div>
+        <van-image :src="file.url" v-else @click="viewImage">
+            <template v-slot:loading>
+                <van-loading type="spinner" size="20" />
+            </template>
+        </van-image>
+    </div>
+</template>
+
+<script>
+
+export default {
+    props: {
+        file: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+    emits: ['view-image'],
+    computed: {
+        isImage() {
+            const array = ['JPG', 'PNG', 'JEPG', 'GIF']
+            return array.includes(this.file.type) || array.includes(this.file.ext.toLocaleUpperCase())
+        }
+    },
+    methods: {
+        onDown() {
+            window.open(this.file.url, '_blank')
+        },
+        viewImage() {
+            this.$emit('view-image', this.file)
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.file-view {
+    width: 100px;
+}
+</style>

src/residentWX/nim/Index.vue

+<template>
+    <div class="flex flex-col nim-index" style="height: 100vh">
+        <div class="py-2 px-3 text-black text-center shrink-0 doc-nav-bar">
+            <span>专家在线咨询</span>
+        </div>
+        <img src="@/assets/image/residentWX/banner.png" alt="" class="shrink-0 w-full">
+        <div style="color: #8C8C8C;" class="py-2 px-3">以下为您提供慢病筛查的专家，可向其进行慢病咨询</div>
+        <div class="grow flex">
+            <div class="h-full list-l">
+                <div class="p-3 active">
+                    咨询过的专家
+                </div>
+                <div v-for="item in orgList" :key="item.unitId"
+                    :class="['p-3', { 'active': item.unitId === activeOrg.unitId }]"
+                    @click="onOrgChange(item)">
+                    <span>{{ item.unitName || '-' }}</span>
+                </div>
+            </div>
+            <div class="h-full p-3 list-r">
+                <div class="mb-3 p-4 card" v-for="item in innerDoctorList" :key="item.identityCard">
+                    <div class="mb-3">
+                        <span class="text-16 mr-2 font-semibold">{{item.staffName}}</span>
+                        <span>{{item.officeName || '-'}}</span>
+                    </div>
+                    <div class="mb-3">{{item.unitName || '-'}}</div>
+                    <div>
+                        <van-button plain round type="primary"
+                            @click="toSession(item)">咨询医生</van-button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import { useStore } from '@/residentWX/store'
+import { getServiceDoc } from '@/api/residentWX/nim.js'
+import { showFailToast  } from 'vant'
+
+export default {
+    data() {
+        return {
+            store: useStore(),
+            orgList: [],
+            doctorList: [],
+            activeOrg: {}
+        }
+    },
+    computed: {
+        userInfo() {
+            return this.store.userInfo
+        },
+        innerDoctorList() {
+            return this.doctorList.filter(e => e.unitId === this.activeOrg.unitId)
+        }
+    },
+    created() {
+        this.init()  
+    },
+    methods: {
+        init() {
+            console.log(this.userInfo)
+            this.load()
+        },
+        load() {
+            getServiceDoc({ residentInfoId: this.userInfo.residentInfoId }).then(res => {
+                const list = res.data || []
+                const orgList = []
+                this.doctorList = list
+                list.forEach(e => {
+                    if (orgList.some(e => e.unitId === e.unitId)) return
+                    orgList.push({
+                        unitId: e.unitId,
+                        unitName: e.unitName
+                    })
+                })
+                this.orgList = orgList
+                if (orgList.length) {
+                    this.activeOrg = orgList[0]
+                }
+            })
+        },
+        onOrgChange(item) {
+            this.activeOrg = item || {}
+        },
+        // 聊天页面
+        toSession(item = {}) {
+            if (!item.identityCard) {
+                showFailToast('缺失医生信息')
+                return
+            }
+            const path = `/residentWX/nim/${item.identityCard}`
+            this.$router.push({
+                path,
+                query: {
+                    name: item.staffName
+                }
+            })
+        }
+    },
+}
+</script>
+
+<style lang="less" scoped>
+@import url('../utils/common.less');
+
+.nim-index {
+    background: #f8fafc;
+}
+.list-l {
+    width: 35%;
+    background: transparent;
+    >div {
+        line-height: 1.5;
+    }
+    .active {
+        background-color: #fff;
+    }
+}
+.list-r {
+    width: 65%;
+    background: #fff;
+    .card {
+        background-color: #E4E8EE;
+        background: linear-gradient(to bottom, #E5F3FF 0%, #E9FAFC 100%);
+        border-radius: 8px;
+        border: 1px solid #E4E8EE;
+        .van-button {
+            height: 26px;
+            line-height: 26px;
+            font-size: 14px;
+        }
+    }
+}
+</style>

src/router/index.js

@@ -130,17 +130,17 @@ const routes = [
                 name: 'residentWX-guide-list',
                 component: () => import(/* webpackChunkName: "residentWX-guide" */ '@/residentWX/guide/List.vue')
             },
-        ]
-    },
             {
-        path: '/nim',
-        name: 'nim',
-        component: () => import(/* webpackChunkName: "nim" */ '@/nim/Session.vue'),
+                path: 'nim',
+                name: 'residentWX-nim',
+                component: () => import(/* webpackChunkName: "nim" */ '@/residentWX/nim/Index.vue'),
             },
             {
-        path: '/nimTest',
-        name: 'nimTest',
-        component: () => import(/* webpackChunkName: "nim" */ '@/nim/Test.vue'),
+                path: 'nim/:id',
+                name: 'residentWX-nim-session',
+                component: () => import(/* webpackChunkName: "nim" */ '@/residentWX/nim/Session.vue'),
+            }
+        ]
     }
 ]
 

vue.config.js

@@ -39,7 +39,7 @@ module.exports = defineConfig({
                 }
             },
             '/chronic-resident': {
-                target: 'http://192.168.1.174:8903',
+                target: 'http://192.168.1.145:8903',
                 // target: 'https://beta-tumour.zmnyjk.com',
                 changOrigin: true,
                 pathRewrite: {