问诊记录按钮

src/components/addInquiryConfigModal.vue

@@ -0,0 +1,193 @@
+<template>
+ <!-- Modal -->
+ <a-modal v-model:visible="modalVisible" fullscreen title="添加问诊配置" title-align="start" :footer="false"
+       @cancel="handleClose">
+      <div class="titlebox">
+        <div class="bar"></div>
+        <div class="name">基本信息</div>
+      </div>
+      <a-form :model="modalForm"    ref="modalFormRef" :auto-label-width="true">
+        <a-row :gutter="24" style="margin-top: 35px;">
+          <a-col :span="12">
+            <a-form-item field="avatar" label="真实姓名：">
+              <span>{{modalForm.card_name}} （{{modalForm.sex==1?'男，':'女，'}}{{modalForm.age
+}}岁）</span>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item field="idCard" label="身份证号：" >
+              <div class="box" v-show="!showEye ">
+                <div class="cardNum">{{modalForm.id_number_mask}}</div>
+                <icon-eye-invisible class="eye" @click="handelDecryptCard(modalForm.user.user_id,modalForm.family_id)" />
+              </div>
+              <div class="box" v-show="showEye">
+                <div class="cardNum">{{id_card_num}}</div>
+                <icon-eye class="eye" @click="()=>{showEye=false}" />
+              </div>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24" v-if="modalForm.mobile_mask">
+          <a-col :span="12">
+            <a-form-item field="idCard" label="手机号码：" >
+              <div class="box" v-show="!family_Eye">
+                <div class="cardNum">{{modalForm.mobile_mask}}</div>
+                <icon-eye-invisible class="eye" @click="handleDecryptMobile(modalForm.user.user_id,modalForm.family_id)" />
+              </div>
+              <div class="box" v-show="family_Eye">
+                <div class="cardNum">{{family_mobile}}</div>
+                <icon-eye class="eye" @click="()=>{family_Eye=false}" />
+              </div>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-divider />
+        <div class="titlebox">
+        <div class="bar"></div>
+        <div class="name">所属账号</div>
+      </div>
+        <a-row :gutter="24" style="margin-top: 35px;">
+          <a-col :span="12">
+            <a-form-item field="avatar" label="账号用户名：">
+              <span>{{modalForm.user.user_name}}</span>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+      
+            <a-form-item field="idCard" label="账号电话：" >
+              <div class="box" v-show="!count_Eye">
+                <div class="cardNum">{{modalForm.user.mobile}}</div>
+                <icon-eye-invisible class="eye" @click="handleDecryptMobile(modalForm.user.user_id)" />
+              </div>
+              <div class="box" v-show="count_Eye">
+                <div class="cardNum">{{count_mobile}}</div>
+                <icon-eye class="eye" @click="()=>{count_Eye=false}" />
+              </div>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <a-form-item field="idCard" label="与就诊人关系：" >
+              <span v-if="modalForm.relation">{{formatRelation(modalForm.relation)}}</span>
+              <span v-else>-</span>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-divider />
+        <!-- <div class="titlebox">
+          <div class="bar"></div>
+          <div class="name">病例信息</div>
+        </div>
+        <a-row :gutter="24" style="margin-top: 35px;">
+          <a-col :span="12">
+            
+          </a-col>
+        </a-row>
+        <a-divider /> -->
+
+      </a-form>
+      <!-- <div class="titlebox" >
+        <div class="bar"></div>
+        <div class="name">操作</div>
+      </div>
+      <a-row :gutter="24" style="margin-top: 35px;" >
+        <a-col :span="24">
+          <a-form-item field="" label="" no-style>
+            <a-space >
+              <a-button type="primary" status="danger" @click="">禁用</a-button>
+            </a-space>
+          </a-form-item>
+        </a-col>
+      </a-row> -->
+    </a-modal>
+</template>
+<script setup>
+import {ref,toRefs} from 'vue';
+import {decryptCard} from '@/api/doctor/list';
+import {decryptMobile} from '@/api/patient/family';
+import {formatRelation} from "@/utils/format"
+const props = defineProps({
+  // 是否显示
+  modalVisible: {
+    type: Boolean,
+    default: false,
+  },
+  modalForm: {
+    type: Object,
+  },
+});
+const emits = defineEmits(['familyVisibleChange']);
+const {modalVisible,modalForm} = toRefs(props);
+//切换小眼睛
+const showEye = ref(false);
+  const id_card_num = ref('');
+  //解密身份证号码
+  const handelDecryptCard = async (user_id,family_id) => {
+    showEye.value = true;
+    const { data, code, message } = await decryptCard({
+      user_id,
+      family_id
+    });
+    if (code == 200) {
+      id_card_num.value = data;
+    }
+  };
+  //切换手机号
+  const count_Eye= ref(false);
+  const family_Eye= ref(false);
+  const count_mobile=ref('');
+  const family_mobile=ref('')
+  const handleDecryptMobile=async(user_id,family_id='')=>{
+    let dataObj=null;
+    if(family_id){
+      dataObj={ user_id,family_id}
+      family_Eye.value=true
+    }else{
+      dataObj={ user_id,family_id};
+      count_Eye.value=true
+    }
+    const { data, code, message } = await decryptMobile(dataObj);
+    if(code==200){
+      if(family_id){
+        family_mobile.value=data
+      }else{
+        count_mobile.value=data;
+      }
+    }
+  }
+// Akiraka 20230210 关闭弹窗
+const handleClose = () => {
+  emits('familyVisibleChange', false);
+};
+</script>
+<style scoped>
+  .cardNum {
+    width: 150px;
+  }
+ .arco-form-item-layout-horizontal:first-child,
+  .arco-form-item-layout-horizontal:nth-child(2) {
+    align-items: center;
+  }
+  .cellbox{
+    margin-top: 35px;
+  }
+  .cellbox .cell{
+    width:50%;
+    border-bottom:1px dashed #efefef;
+    margin-bottom: 20px;
+  }
+  .cellbox .cell:first-child{
+    border: none;
+  }
+ 
+  .box {
+    display: flex;
+    align-items: center;
+  }
+
+  .cert .arco-form-item-label-col {
+    flex: 0 0 8px !important;
+  }
+
+</style>

src/components/chatRecord.vue

@@ -0,0 +1,354 @@
+<template>
+    <div class="phone">
+        <div class="phonecont" v-if="chatlist.length>0">
+          <a-button class="more" v-if="showMore" @click="loadMore">点击加载更多</a-button>
+          <div class="nomore" v-else>---没有更多了---</div>
+
+          <div
+            class="msgbox"
+            :class="
+              user_doctor.user_id == item.from_user_id
+                ? 'patientmsg'
+                : ''
+            "
+            v-for="item in chatlist"
+            :key="item.message_id"
+          >
+           <a-avatar  v-if="user_doctor.user_id == item.from_user_id && (item.message_type!='TIMCustomElem' || (item.message_type=='TIMCustomElem' &&  JSON.parse(JSON.parse(item.message_content).Data)
+                      .message_type == 7))">
+            <img
+             
+              class="chatAvater"
+              :src="user_doctor.avatar"
+              alt=""
+            />
+           
+           </a-avatar>
+           
+           <a-avatar  v-if="user_doctor.user_id != item.from_user_id && item.message_type!='TIMCustomElem'">
+            <img
+             
+              class="chatAvater"
+              src="https://img.applets.igandanyiyuan.com/basic/file/patient_avatar.png"
+             
+              alt=""
+            />
+           </a-avatar>
+            <div class="msgcon" :class="item.message_type=='TIMCustomElem'?'tipcon':''"
+            :style="(item.message_type=='TIMCustomElem'&& JSON.parse(JSON.parse(item.message_content).Data)
+                      .message_type == 7)?'margin:6px;':''">
+              <div class="msgtext" v-if="item.message_type == 'TIMTextElem'">
+                {{ JSON.parse(item.message_content).Text }}
+              </div>
+              <div class="msgtext" v-if="item.message_type == 'TIMImageElem'">
+
+                 <a-image  width="200" :src="(JSON.parse(item.message_content).ImageInfoArray)[0].URL"  :preview-props="{
+      actionsLayout: ['rotateRight', 'zoomIn', 'zoomOut'],
+    }" />
+              </div>
+              <div
+                class="msgtext"
+                v-else-if="item.message_type == 'TIMCustomElem'"
+                :class="JSON.parse(JSON.parse(item.message_content).Data)
+                      .message_type == 7?'otherColor':''"
+              >
+              <div
+                  v-if="
+                    JSON.parse(JSON.parse(item.message_content).Data)
+                      .message_type == 1
+                  "
+                  class="text"
+                >
+                  {{ JSON.parse(JSON.parse(item.message_content).Data)
+                      .title}}
+                </div>
+                <div
+                  v-else-if="
+                    JSON.parse(JSON.parse(item.message_content).Data)
+                      .message_type == 2
+                  "
+                  class="text"
+                >
+                  系统推送评价消息
+                </div>
+                <div
+                  v-else-if="
+                    JSON.parse(JSON.parse(item.message_content).Data)
+                      .message_type == 3
+                  "
+                  class="text"
+                >
+                  系统推送医生端系统通知
+                </div>
+                <div
+                  v-else-if="
+                    JSON.parse(JSON.parse(item.message_content).Data)
+                      .message_type == 4
+                  "
+                  class="text"
+                >
+                  系统推送医生端服务通知
+                </div>
+                <div
+                  v-else-if="
+                    JSON.parse(JSON.parse(item.message_content).Data)
+                      .message_type == 5
+                  "
+                  class="text"
+                >
+                  系统推送患者端系统消息
+                </div>
+                <div
+                  v-else-if="
+                    JSON.parse(JSON.parse(item.message_content).Data)
+                      .message_type == 6
+                  "
+                  class="text"
+                >
+                药师审核中
+                </div>
+                <div
+                  v-else-if="
+                    JSON.parse(JSON.parse(item.message_content).Data)
+                      .message_type == 7
+                  "
+                  class="text"
+                >
+                 <div class="chufangbox">
+                   <div class="title">处方已开具</div>
+                   <div class="productbox">
+                     <div class="row">
+                      <div class="name">RP：</div>
+                     <div class="desc">{{ JSON.parse(JSON.parse(item.message_content).Data)
+                      .data.product_name }}</div> 
+                     </div>
+                     <div class="row">
+                      <div class="name">开方日期：</div>
+                      <div class="desc">{{JSON.parse(JSON.parse(item.message_content).Data)
+                      .data.pharmacist_verify_time}}</div>
+                     </div> 
+                    
+                   </div>
+                 </div>
+                </div>
+                <div
+                  v-else-if="
+                    JSON.parse(JSON.parse(item.message_content).Data)
+                      .message_type == 10
+                  "
+                  class="text"
+                >
+                系统推送糖组检测报告
+                </div>
+                <div
+                  v-else-if="
+                    JSON.parse(JSON.parse(item.message_content).Data)
+                      .message_type == 11
+                  "
+                  class="text"
+                >
+                系统推送患者病例
+                </div>
+                <div
+                  v-else-if="
+                    JSON.parse(JSON.parse(item.message_content).Data)
+                      .message_type == 11
+                  "
+                  class="text"
+                >
+                  系统推送患者信息
+                </div>
+              </div>
+              <div class="date"  v-if="item.message_type != 'TIMCustomElem'">{{ parseTime(item.message_send_time) }}</div>
+            </div>
+          </div>
+        </div>
+        <div class="phonecont" v-else>
+            <a-empty />
+        </div>
+      </div>
+</template>
+<script setup>
+import { ref, toRefs, reactive, watch,nextTick } from 'vue';
+import {getIm } from '@/api/order/list';
+const props = defineProps({
+  id:{
+    type: String,
+    default:'',
+  },
+  user_doctor:{
+    type:Object
+  }
+
+});
+const {user_doctor}=toRefs(props);
+const firstIn=ref(false);
+const pager = reactive({
+  page: 1,
+  page_size: 10,
+});
+const chatlist = ref([]);
+const showMore = ref(true);
+const HandleGetIm = async (id, params = {}) => {
+  const { code, data } = await getIm(id, params);
+  if (code == 200) {
+   
+    if ( data.data.length < 10) {
+      showMore.value = false;
+    }else{
+      showMore.value = true;
+    }
+    chatlist.value = data.data.reverse().concat(chatlist.value);
+    if(!firstIn.value){
+      nextTick(() => {
+      // 要放在对响应式数据修改之后
+      let ele = document.querySelector('.phonecont');
+      ele.scrollTop = ele.scrollHeight;
+    });
+    }
+
+    firstIn.value=true
+  }
+};
+watch(()=>props.id,(newVal,oldVal)=>{
+    if(newVal){
+      firstIn.value=false;
+      chatlist.value=[];
+      pager.page=1;
+      HandleGetIm(newVal, { ...pager });  
+    }
+},{immediate:true,deep:true})
+
+
+const loadMore=()=>{
+  pager.page= pager.page+1;
+  let id=props.id;
+  HandleGetIm(id, { ...pager });
+ 
+}
+</script>
+<style scoped>
+.more {
+  display: flex;
+  margin: 20px auto 10px;
+}
+.nomore {
+  font-size: 12px;
+  color: #666;
+  text-align: center;
+  margin: 20px auto 10px;
+}
+.phone {
+  margin-top: 35px;
+  position: relative;
+  background: #111;
+  border-radius: 55px;
+  box-shadow: 0px 0px 0px 2px #aaa;
+  width: 360px;
+  height: 480px;
+  padding: 105px 25px 60px;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.phone:before {
+  content: '';
+  width: 60px;
+  height: 10px;
+  border-radius: 10px;
+  position: absolute;
+  left: 50%;
+  margin-left: -30px;
+  background: #333;
+  top: 50px;
+}
+.phonecont {
+  width: 100%;
+  height: 100%;
+  overflow: scroll;
+  background: #fff;
+}
+.chatAvater {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+}
+.msgbox {
+  display: flex;
+  margin: 4px 12px 12px;
+
+  flex-direction: row-reverse;
+}
+.patientmsg {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+}
+
+.phonecont .msgtext {
+  max-width: 80vw;
+  border-radius: 5px;
+  padding: 5px 8px;
+  word-break: break-all;
+  color: var(--color-text-1);
+  background: #efefef;
+
+}
+.patientmsg .msgtext{
+  background: #3CC7C0;
+  color:#fff;
+  
+  
+}
+
+.msgbox .msgcon {
+  margin-right: 6px;
+}
+.patientmsg .msgcon {
+  margin-left: 6px;
+}
+.date {
+  font-size: 12px;
+  color: #666;
+}
+.patientmsg .tipcon{
+  width:88%;
+  margin:0 auto;
+  text-align: center;
+  
+}
+.tipcon .msgtext{
+  color: var(--color-text-1);
+  background: #efefef;
+}
+.phonecont .otherColor{
+  background: #3CC7C0;
+  color:#fff;
+}
+
+.tipcon .msgtext{
+  padding:0px;
+  font-size: 15px;
+}
+.chufangbox{
+  margin:0 20px;
+}
+.productbox .row{
+  display: flex;
+  align-items: center;
+}
+.chufangbox .title{
+  padding: 8px 0;
+  border-bottom:1px solid #E7E7E7;;
+}
+.productbox{
+  padding: 8px 0;
+}
+.productbox .row .name{
+  color:#fff;
+}
+.desc{
+  line-height: 28px;
+  color:#fff;
+  font-size: 15px;
+}
+</style>

src/components/inquiryDetailModal.vue

@@ -168,171 +168,7 @@
       <div class="name">聊天记录</div>
     </div>
     <a-form-item field="license_cert" :hide-label="true">
-      <div class="phone">
+      <chatRecord :id="modalForm.order_inquiry_id" :user_doctor="modalForm.user_doctor"></chatRecord>
-        <div class="phonecont">
-          <a-button class="more" v-if="showMore" @click="loadMore">点击加载更多</a-button>
-          <div class="nomore" v-else>---没有更多了---</div>
-
-          <div
-            class="msgbox"
-            :class="
-              modalForm.user_doctor.user_id == item.from_user_id
-                ? 'patientmsg'
-                : ''
-            "
-            v-for="item in chatlist"
-            :key="item.message_id"
-          >
-           <a-avatar  v-if="modalForm.user_doctor.user_id == item.from_user_id && (item.message_type!='TIMCustomElem' || (item.message_type=='TIMCustomElem' &&  JSON.parse(JSON.parse(item.message_content).Data)
-                      .message_type == 7))">
-            <img
-             
-              class="chatAvater"
-              :src="modalForm.user_doctor.avatar"
-              alt=""
-            />
-           
-           </a-avatar>
-           
-           <a-avatar  v-if="modalForm.user_doctor.user_id != item.from_user_id && item.message_type!='TIMCustomElem'">
-            <img
-             
-              class="chatAvater"
-              src="https://img.applets.igandanyiyuan.com/basic/file/patient_avatar.png"
-             
-              alt=""
-            />
-           </a-avatar>
-            <div class="msgcon" :class="item.message_type=='TIMCustomElem'?'tipcon':''"
-            :style="(item.message_type=='TIMCustomElem'&& JSON.parse(JSON.parse(item.message_content).Data)
-                      .message_type == 7)?'margin:6px;':''">
-              <div class="msgtext" v-if="item.message_type == 'TIMTextElem'">
-                {{ JSON.parse(item.message_content).Text }}
-              </div>
-              <div class="msgtext" v-if="item.message_type == 'TIMImageElem'">
-
-                 <a-image  width="200" :src="(JSON.parse(item.message_content).ImageInfoArray)[0].URL"  :preview-props="{
-      actionsLayout: ['rotateRight', 'zoomIn', 'zoomOut'],
-    }" />
-              </div>
-              <div
-                class="msgtext"
-                v-else-if="item.message_type == 'TIMCustomElem'"
-                :class="JSON.parse(JSON.parse(item.message_content).Data)
-                      .message_type == 7?'otherColor':''"
-              >
-              <div
-                  v-if="
-                    JSON.parse(JSON.parse(item.message_content).Data)
-                      .message_type == 1
-                  "
-                  class="text"
-                >
-                  {{ JSON.parse(JSON.parse(item.message_content).Data)
-                      .title}}
-                </div>
-                <div
-                  v-else-if="
-                    JSON.parse(JSON.parse(item.message_content).Data)
-                      .message_type == 2
-                  "
-                  class="text"
-                >
-                  系统推送评价消息
-                </div>
-                <div
-                  v-else-if="
-                    JSON.parse(JSON.parse(item.message_content).Data)
-                      .message_type == 3
-                  "
-                  class="text"
-                >
-                  系统推送医生端系统通知
-                </div>
-                <div
-                  v-else-if="
-                    JSON.parse(JSON.parse(item.message_content).Data)
-                      .message_type == 4
-                  "
-                  class="text"
-                >
-                  系统推送医生端服务通知
-                </div>
-                <div
-                  v-else-if="
-                    JSON.parse(JSON.parse(item.message_content).Data)
-                      .message_type == 5
-                  "
-                  class="text"
-                >
-                  系统推送患者端系统消息
-                </div>
-                <div
-                  v-else-if="
-                    JSON.parse(JSON.parse(item.message_content).Data)
-                      .message_type == 6
-                  "
-                  class="text"
-                >
-                药师审核中
-                </div>
-                <div
-                  v-else-if="
-                    JSON.parse(JSON.parse(item.message_content).Data)
-                      .message_type == 7
-                  "
-                  class="text"
-                >
-                 <div class="chufangbox">
-                   <div class="title">处方已开具</div>
-                   <div class="productbox">
-                     <div class="row">
-                      <div class="name">RP：</div>
-                     <div class="desc">{{ JSON.parse(JSON.parse(item.message_content).Data)
-                      .data.product_name }}</div> 
-                     </div>
-                     <div class="row">
-                      <div class="name">开方日期：</div>
-                      <div class="desc">{{JSON.parse(JSON.parse(item.message_content).Data)
-                      .data.pharmacist_verify_time}}</div>
-                     </div> 
-                    
-                   </div>
-                 </div>
-                </div>
-                <div
-                  v-else-if="
-                    JSON.parse(JSON.parse(item.message_content).Data)
-                      .message_type == 10
-                  "
-                  class="text"
-                >
-                系统推送糖组检测报告
-                </div>
-                <div
-                  v-else-if="
-                    JSON.parse(JSON.parse(item.message_content).Data)
-                      .message_type == 11
-                  "
-                  class="text"
-                >
-                系统推送患者病例
-                </div>
-                <div
-                  v-else-if="
-                    JSON.parse(JSON.parse(item.message_content).Data)
-                      .message_type == 11
-                  "
-                  class="text"
-                >
-                  系统推送患者信息
-                </div>
-              </div>
-              <div class="date"  v-if="item.message_type != 'TIMCustomElem'">{{ parseTime(item.message_send_time) }}</div>
-            </div>
-          </div>
-        </div>
-      </div>
     </a-form-item>
     <a-divider />
     <div class="titlebox">
@@ -417,10 +253,9 @@
 import { ref, toRefs, reactive, watch,nextTick } from 'vue';
 import { formatDoctorTitle } from '@/utils/format';
 import { parseTime } from '@/utils/parseTime';
-import { inquiryCase, getIm } from '@/api/order/list';
+import { inquiryCase} from '@/api/order/list';
 import { formatInquiryType, formatInquiryStatus } from '@/utils/format';
 const emits = defineEmits(['inquiryVisibleChange']);
-const showMore = ref(true);
 const props = defineProps({
   // 是否显示
   modalVisible: {
@@ -429,9 +264,13 @@ const props = defineProps({
   },
   modalForm: {
     type: Object,
+    default:{
+      order_inquiry_case:{
+        inquiry_case_id:''
+      }
+    }
   },
 });
-const firstIn=ref(false);
 const doctorVisible = ref(false);
 const doctor_id = ref('');
 const patientVisible = ref(false);
@@ -441,36 +280,8 @@ const { modalVisible, modalForm } = toRefs(props);
 const openPatient = () => {
   patientVisible.value = true;
 };
-const pager = reactive({
+const order_inquiry_id=ref('');
-  page: 1,
+watch(() => props.modalForm,() => {
-  page_size: 10,
-});
-const chatlist = ref([]);
-const HandleGetIm = async (id, params = {}) => {
-  const { code, data } = await getIm(id, params);
-  if (code == 200) {
-   
-    if ( data.data.length < 10) {
-      showMore.value = false;
-    }else{
-      showMore.value = true;
-    }
-    chatlist.value = data.data.reverse().concat(chatlist.value);
-    if(!firstIn.value){
-      nextTick(() => {
-      // 要放在对响应式数据修改之后
-      let ele = document.querySelector('.phonecont');
-      ele.scrollTop = ele.scrollHeight;
-    });
-    }
-
-    firstIn.value=true
-  }
-};
-
-watch(
-  () => props.modalForm,
-  () => {
     if (
       props.modalForm.order_inquiry_case &&
       props.modalForm.order_inquiry_case.inquiry_case_id
@@ -480,15 +291,10 @@ watch(
         Object.assign(patientData, data.data);
       });
     }
-    if (props.modalForm.order_inquiry_id) {
+    // if(props.modalForm.order_inquiry_id){
-      let id = props.modalForm.order_inquiry_id;
+    //     order_inquiry_id.value=props.modalForm.order_inquiry_id;
-      chatlist.value=[];
+    //   }
-      pager.page=1;
+  },{ immediate: true, deep: true })
-      HandleGetIm(id, { ...pager });
-    }
-  },
-  { immediate: true, deep: true }
-);
 const openDcotor = () => {
   doctor_id.value = props.modalForm.doctor_id;
   doctorVisible.value = true;
@@ -496,24 +302,10 @@ const openDcotor = () => {
 const handleClose = () => {
   emits('inquiryVisibleChange', (modalVisible.value = false));
 };
-const loadMore=()=>{
+
-  pager.page= pager.page+1;
-  let id=props.modalForm.order_inquiry_case.inquiry_case_id
-  HandleGetIm(id, { ...pager });
- 
-}
 </script>
 <style scoped>
-.more {
+
-  display: flex;
-  margin: 20px auto 10px;
-}
-.nomore {
-  font-size: 12px;
-  color: #666;
-  text-align: center;
-  margin: 20px auto 10px;
-}
 .headImg {
   margin-right: 20px;
   border-radius: 50%;
@@ -529,117 +321,5 @@ const loadMore=()=>{
   flex-direction: column;
   justify-content: space-between;
 }
-.phone {
-  margin-top: 35px;
-  position: relative;
-  background: #111;
-  border-radius: 55px;
-  box-shadow: 0px 0px 0px 2px #aaa;
-  width: 360px;
-  height: 480px;
-  padding: 105px 25px 60px;
-  -webkit-box-sizing: content-box;
-  box-sizing: content-box;
-}
-.phone:before {
-  content: '';
-  width: 60px;
-  height: 10px;
-  border-radius: 10px;
-  position: absolute;
-  left: 50%;
-  margin-left: -30px;
-  background: #333;
-  top: 50px;
-}
-.phonecont {
-  width: 100%;
-  height: 100%;
-  overflow: scroll;
-  background: #fff;
-}
-.chatAvater {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-}
-.msgbox {
-  display: flex;
-  margin: 4px 12px 12px;
 
-  flex-direction: row-reverse;
-}
-.patientmsg {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-}
-
-.phonecont .msgtext {
-  max-width: 80vw;
-  border-radius: 5px;
-  padding: 5px 8px;
-  word-break: break-all;
-  color: var(--color-text-1);
-  background: #efefef;
-
-}
-.patientmsg .msgtext{
-  background: #3CC7C0;
-  color:#fff;
-  
-  
-}
-
-.msgbox .msgcon {
-  margin-right: 6px;
-}
-.patientmsg .msgcon {
-  margin-left: 6px;
-}
-.date {
-  font-size: 12px;
-  color: #666;
-}
-.patientmsg .tipcon{
-  width:88%;
-  margin:0 auto;
-  text-align: center;
-  
-}
-.tipcon .msgtext{
-  color: var(--color-text-1);
-  background: #efefef;
-}
-.phonecont .otherColor{
-  background: #3CC7C0;
-  color:#fff;
-}
-
-.tipcon .msgtext{
-  padding:0px;
-  font-size: 15px;
-}
-.chufangbox{
-  margin:0 20px;
-}
-.productbox .row{
-  display: flex;
-  align-items: center;
-}
-.chufangbox .title{
-  padding: 8px 0;
-  border-bottom:1px solid #E7E7E7;;
-}
-.productbox{
-  padding: 8px 0;
-}
-.productbox .row .name{
-  color:#fff;
-}
-.desc{
-  line-height: 28px;
-  color:#fff;
-  font-size: 15px;
-}
 </style>

src/components/prescriptionModal.vue

@@ -176,7 +176,7 @@
                  <a-button type="primary"  @click="lookMedince" v-has="'admin:sysPrescriptionList:vieworder'">查看订单</a-button>
                </a-space>
                <a-space >
-                 <a-button type="primary" status="danger" @click="downloadFile(downloadUrl)" v-has="'admin:sysPrescriptionList:download'" >下载</a-button>
+                 <a-button type="primary"  @click="downloadFile(downloadUrl)" v-has="'admin:sysPrescriptionList:download'" >下载</a-button>
                </a-space>
              </a-form-item>
            </a-col>

src/views/inquiry/inquiry-list/index.vue

@@ -37,12 +37,12 @@
       <a-divider />
   
       <!-- action -->
-      <!-- <div class="action">
+      <div class="action">
         <a-space>
           <a-button v-has="'admin:sysFamilyList:add'" type="primary" @click="handleAdd"><icon-plus /> 新增 </a-button>
-          <a-button v-has="'admin:sysFamilyList:remove'" type="primary" status="danger"><icon-delete /> 批量删除 </a-button> 
+          <!-- <a-button v-has="'admin:sysFamilyList:remove'" type="primary" status="danger"><icon-delete /> 批量删除 </a-button>  -->
         </a-space>
-      </div> -->
+      </div> 
   
       <!-- table -->
       <a-table :columns="columns" :data="tableData" 
@@ -84,7 +84,7 @@
         </template>
       </a-table>
   
-      <familyModal :modalVisible="modalVisible" :modalForm="modalForm" @familyVisibleChange="()=>{modalVisible=false}"></familyModal>
+      <addInquiryConfigModal :modalVisible="modalVisible" :modalForm="modalForm" @familyVisibleChange="()=>{modalVisible=false}"></addInquiryConfigModal>
       <!-- Akiraka 20230223 删除与批量删除 开始 -->
       <!-- <DeleteModal :data="deleteData" :visible="deleteVisible" :apiDelete="removeFamily"
         @deleteVisibleChange="() => deleteVisible = false" /> -->

src/views/order/inquiry-record/index.vue

@@ -82,7 +82,7 @@
         </template>
         <template #action="{ record }">
           <a-space>
-            <a-button v-has="'admin:sysFamilyList:detail'" type="text"
+            <a-button v-has="'admin:sysInquiryRecord:detail'" type="text"
               @click="handleDetail(record)"><icon-book />详情</a-button>
             <!-- <a-button v-has="'admin:sysFamilyList:edit'" type="text" @click="handleUpdate(record)"><icon-edit />
               修改</a-button> -->

src/views/order/order-list/index.vue

@@ -378,9 +378,9 @@
       <a-row :gutter="24" style="margin-top: 35px;" >
         <a-col :span="24">
           <a-form-item field="" label="" no-style>
-            <!-- <a-space  style="margin-right: 8px;">
+            <a-space  style="margin-right: 8px;" v-if="modalForm.inquiry_status==4 || modalForm.inquiry_status==5 || modalForm.inquiry_status==6">
-              <a-button type="primary" @click="openInquiryRecord">问诊记录</a-button>
+              <a-button type="primary" @click="openInquiryRecord"  v-has="'admin:sysOrderList:record'">问诊记录</a-button>
-            </a-space> -->
+            </a-space>
             <a-space  style="margin-right: 8px;" v-if="modalForm.inquiry_status==4 || modalForm.inquiry_status==5">
               <a-button type="primary" status="danger"   v-has="'admin:sysOrderList:cancel'" @click="()=>{okVisible=true;cur_inruiry_id=modalForm.order_inquiry_id;}">取消问诊</a-button>
             </a-space>
@@ -396,6 +396,24 @@
       <patientModal :patientVisible="patientVisible" :data="patientData" @patientVisibleChange="() => {patientVisible = false;}"></patientModal>
 
       <confirmModal :okVisible="okVisible"  :api="cancelInquiry" :title="'确定取消此订单吗？'" :dealType="'order_inquiry_id'" :id="cur_inruiry_id" @closeChange="handelCloseChange"></confirmModal>
+
+      <!-- 聊天记录 -->
+      <!-- Modal -->
+      <!-- <a-modal v-model:visible="chatVisible" fullscreen title="聊天记录" title-align="start" :footer="false"
+      @close="() => {}">
+      <a-form :model="modalForm" :disabled="true" :rules="rules" ref="modalFormRef" :auto-label-width="true">
+        <a-row :gutter="24" >
+          <a-col :span="24">
+            <a-form-item field="license_cert" :hide-label="true">
+      <chatRecord :id="modalForm.order_inquiry_id" :user_doctor="modalForm.user_doctor"></chatRecord>
+    </a-form-item>
+          </a-col>
+         
+        </a-row>
+      </a-form>
+      </a-modal> -->
+      <!-- 问诊记录详情 -->
+      <inquiryDetailModal :modalVisible="recordVisible" :modalForm="modalForm" @inquiryVisibleChange="()=>{recordVisible=false}"></inquiryDetailModal>
   </div>
 
 
@@ -421,7 +439,8 @@ const patientData=reactive({
 });
 const comment=reactive({
 
-})
+});
+const recordVisible=ref(false);
 // Akiraka 20230210 监听删除事件
 watch(() => deleteVisible.value ,(value) => {
 
@@ -617,7 +636,6 @@ const handleQuery = async () => {
   getOrderInfo(params);
 };
 
-
 //获取订单详情
  const handleDetail = async (record) => {
     modalVisible.value = true;
@@ -629,6 +647,7 @@ const handleQuery = async () => {
       Object.assign(modalForm, data);
       let result=data.order_evaluation;
       if(data.order_inquiry_case && data.order_inquiry_case.inquiry_case_id){
+      
         const caseInfo= await inquiryCase(data.order_inquiry_case.inquiry_case_id);
         Object.assign(patientData,caseInfo.data);
 
@@ -684,7 +703,7 @@ const openPatient=()=>{
   patientVisible.value=true;
 }
 const openInquiryRecord=()=>{
-  alert("开发中");
+ recordVisible.value=true;
 }
 //关闭确认框
 const handelCloseChange=(data)=>{