From 514813401d88b517d34713f17ee895dfb4486ab6 Mon Sep 17 00:00:00 2001
From: zoujiandong <10130823232@qq.com>
Date: Wed, 18 Oct 2023 10:51:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=BB=E6=8E=89=E6=96=B0=E5=A2=9E=E5=A4=84?=
 =?UTF-8?q?=E6=96=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   2 +
 src/api/inquiry/config.js                     |  15 +
 src/components/addInquiryConfigModal.vue      | 378 +++++++++++-------
 src/main.js                                   |   1 +
 src/views/inquiry/inquiry-list/index.vue      |   2 +-
 .../prescription/prescription-list/index.vue  |   6 +-
 vite.config.js                                |   8 +-
 7 files changed, 252 insertions(+), 160 deletions(-)

diff --git a/package.json b/package.json
index 6d2b8f3..0103cb6 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "codemirror": "^6.0.1",
     "cropperjs": "^1.5.13",
     "dayjs": "^1.11.9",
+    "element-plus": "^2.4.0",
     "file-saver": "^2.0.5",
     "i": "^0.3.7",
     "js-cookie": "^3.0.5",
@@ -40,6 +41,7 @@
     "eslint-plugin-vue": "^9.12.0",
     "mockjs": "^1.1.0",
     "sass": "^1.62.1",
+    "unplugin-auto-import": "^0.16.6",
     "unplugin-vue-components": "^0.24.1",
     "vite": "^4.3.5",
     "vite-plugin-mock": "^3.0.0",
diff --git a/src/api/inquiry/config.js b/src/api/inquiry/config.js
index 81a82bf..05d4fa3 100644
--- a/src/api/inquiry/config.js
+++ b/src/api/inquiry/config.js
@@ -10,6 +10,21 @@ export function getInquiryconfigList(params){
     params
   })
 }
+
+export function addInquiryconfig(data){//添加配置
+  return request({
+    url:'/admin/inquiry/config/doctor',
+    method: 'put',
+    data
+  })
+}
+export function editInquiryconfig(data,id){//添加配置
+  return request({
+    url:'/admin/inquiry/config/doctor/'+id,
+    method: 'put',
+    data
+  })
+}
 export function getInquiryconfigDetail(id){
     return request({
       url:'/admin/inquiry/config/doctor/'+id,
diff --git a/src/components/addInquiryConfigModal.vue b/src/components/addInquiryConfigModal.vue
index ab18f75..4b11411 100644
--- a/src/components/addInquiryConfigModal.vue
+++ b/src/components/addInquiryConfigModal.vue
@@ -1,93 +1,165 @@
 <template>
- <!-- Modal -->
- <a-modal v-model:visible="modalVisible" fullscreen title="添加问诊配置" title-align="start" :footer="false"
-       @cancel="handleClose">
+  <!-- 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" :hide-label="true">
+            <a-input
+              :style="{width:'320px'}"
+              v-model="modalForm.card_num"
+              placeholder="请输入医生名字并选择想要添加的医生"
+            />
+          </a-form-item>
+        </a-col>
+      </a-row>
+
+      <a-divider />
       <div class="titlebox">
         <div class="bar"></div>
-        <div class="name">基本信息</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 />
+      <a-row :gutter="24" style="margin-top: 35px">
+        <a-col :span="12">
+          <a-form-item field="avatar" :hide-label="true">
+            <a-select
+              v-model="modalForm.inquiry_type"
+              placeholder="请选择服务类型"
+              :style="{ width: '320px' }"
+            >
+              <!-- 1:专家问诊 2:快速问诊 3:公益问诊 4:问诊购药 -->
+              <a-option :value="1">专家问诊</a-option>
+              <a-option :value="2">快速问诊</a-option>
+              <a-option :value="3">公益问诊</a-option>
+              <a-option :value="4">问诊购药</a-option>
+            </a-select>
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <a-divider />
+      <div class="typebox">
         <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 class="name">问诊价格</div>
         </div>
         <a-row :gutter="24" style="margin-top: 35px;">
           <a-col :span="12">
-            
+            <a-input
+            :style="{width:'320px'}"
+              v-model="modalForm.card_num"
+              placeholder="请选择问诊价格"
+            />
           </a-col>
         </a-row>
-        <a-divider /> -->
+        <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="24">
+          <a-form-item field="" label="" no-style>
+            <a-space  direction="vertical" size="large">
+              <a-input-number v-model="value" :style="{width:'320px'}" placeholder="Please Enter" class="input-demo" :min="10" :max="100"/>
+            </a-space>
+          </a-form-item>
+        </a-col>
+      </a-row> 
+      </div>
+      <div class="typebox">
+        <div class="titlebox">
+          <div class="bar"></div>
+          <div class="name">问诊日期</div>
+        </div>
+        <a-form>
+         <div class="timecon">
+          <div class="left">
+          <a-row :gutter="24" style="margin-top: 35px;">
+          <a-col :span="24">
+            <el-config-provider :locale="locale">
+              <a-form-item field="" label="问诊日期：" >
+            <el-date-picker
+        v-model="modalForm.value1"
+        type="dates"
+        placeholder="选择问诊日期（可多选）"
+      />
+    </a-form-item>
+    </el-config-provider>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24" >
+          <a-col :span="24">
+            <el-config-provider :locale="locale">
+              <a-form-item field="" label="问诊时间：" >
+            <el-date-picker
+        v-model="modalForm.value1"
+        type="dates"
+        placeholder="选择问诊日期（可多选）"
+      />
+    </a-form-item>
+    
+    </el-config-provider>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24" >
+          <a-col :span="24">
+            
+              <a-form-item field="" label="" >
+                <a-space>
+                  <a-button type="primary"
+            ><icon-check-circle /> 确定</a-button
+          >
+          <a-button @click="reset"><icon-loop /> 重置</a-button>
+                </a-space>
+              
+    </a-form-item>
 
-      </a-form>
-      <!-- <div class="titlebox" >
+          </a-col>
+          
+        </a-row>
+         </div>
+         <div class="line"></div>
+         <div class="right">
+          <a-form-item field="" label="" >
+               <div class="surebox">
+                <div class="title">已选问诊时间</div>
+              <div class="timebox">
+                <a-tag color="green" closable>111</a-tag>
+              </div>
+               </div>
+            </a-form-item>
+         </div>
+         </div>
+        </a-form>
+        <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="24">
+          <a-form-item field="" label="" no-style>
+            <a-space  direction="vertical" size="large">
+              <a-switch />
+            </a-space>
+          </a-form-item>
+        </a-col>
+      </a-row> 
+      <a-divider /> 
+      </div>
+    </a-form>
+    <div class="titlebox" >
         <div class="bar"></div>
         <div class="name">操作</div>
       </div>
@@ -95,99 +167,97 @@
         <a-col :span="24">
           <a-form-item field="" label="" no-style>
             <a-space >
-              <a-button type="primary" status="danger" @click="">禁用</a-button>
+              <a-button type="primary"  @click="">开启</a-button>
+              <a-button type="primary" status="danger" @click="">关闭</a-button>
             </a-space>
           </a-form-item>
         </a-col>
-      </a-row> -->
-    </a-modal>
+      </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"
+import { ref, toRefs } from 'vue';
+import { addInquiryconfig } from '@/api/inquiry/config';
+import { formatRelation } from '@/utils/format';
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+import { reactive } from 'vue';
 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;
-      }
-    }
   }
+});
+const  modalForm=reactive({
+  
+})
+const {modalVisible}=toRefs(props);
+const emits = defineEmits(['familyVisibleChange']);
+
+//添加配置
+const handleAddInquiryconfig = async () => {
+  const { data, code, message } = await AddInquiryconfig(modalForm);
+}
 // Akiraka 20230210 关闭弹窗
 const handleClose = () => {
   emits('familyVisibleChange', false);
 };
+const reset=()=>{
+  alert("重置")
+}
 </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;
-  }
+.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;
+}
 
-  .cert .arco-form-item-label-col {
-    flex: 0 0 8px !important;
-  }
+.box {
+  display: flex;
+  align-items: center;
+}
 
+.cert .arco-form-item-label-col {
+  flex: 0 0 8px !important;
+}
+.timebox{
+  min-height:200px;
+  width:300px;
+  margin-top: 20px;
+  padding: 20px;
+  border:1px solid  var(--color-neutral-3);
+  border-radius: 8px;
+}
+.timecon{
+  display: flex;
+  width: 1000px;
+  align-items: center;
+}
+.left{
+  width:400px
+}
+
+.right{
+  width:600px;
+  flex:1;
+}
+.line{
+  height: 240px;
+  width:2px;
+  background: var(--color-neutral-3);
+}
 </style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 9868b05..91c3e3a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,6 +6,7 @@ import { Message, Modal, Notification } from '@arco-design/web-vue';
 import '@arco-design/web-vue/dist/arco.css';
 import router from './router/';
 import { parseTime } from '@/utils/parseTime';
+
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 // Directive
 import permission from '@/directive/permission/permission';
diff --git a/src/views/inquiry/inquiry-list/index.vue b/src/views/inquiry/inquiry-list/index.vue
index 8e45571..65d4c49 100644
--- a/src/views/inquiry/inquiry-list/index.vue
+++ b/src/views/inquiry/inquiry-list/index.vue
@@ -75,7 +75,7 @@
         <template #action="{ record }">
           <a-space>
             <a-button v-has="'admin:sysFamilyList:detail'" type="text"
-              @click="handleDetail(record)"><icon-book />详情</a-button>
+              @click="handleDetail(record)"><icon-edit />修改</a-button>
             <!-- <a-button v-has="'admin:sysFamilyList:edit'" type="text" @click="handleUpdate(record)"><icon-edit />
               修改</a-button> -->
             <!-- <a-button v-has="'admin:sysFamilyList:remove'" type="text"
diff --git a/src/views/prescription/prescription-list/index.vue b/src/views/prescription/prescription-list/index.vue
index 773d79a..6046cfd 100644
--- a/src/views/prescription/prescription-list/index.vue
+++ b/src/views/prescription/prescription-list/index.vue
@@ -77,12 +77,12 @@
     <a-divider />
 
     <!-- action -->
-    <div class="action">
+   <!-- <div class="action">
       <a-space>
         <a-button v-has="'admin:sysPrescriptionList:add'" type="primary" @click="handleAdd"><icon-plus /> 新增 </a-button>
-        <!-- <a-button v-has="'admin:sysPrescriptionList:remove'" type="primary" status="danger"><icon-delete /> 批量删除 </a-button> -->
+         <a-button v-has="'admin:sysPrescriptionList:remove'" type="primary" status="danger"><icon-delete /> 批量删除 </a-button> 
       </a-space>
-    </div>
+    </div>-->
 
     <!-- table -->
     <a-table :columns="columns" :data="tableData" 
diff --git a/vite.config.js b/vite.config.js
index 1a69d47..b2574ac 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -3,7 +3,8 @@ import { defineConfig } from 'vite';
 import { viteMockServe } from 'vite-plugin-mock';
 import vue from '@vitejs/plugin-vue';
 import svgLoader from 'vite-svg-loader';
-import { VuetifyResolver } from 'unplugin-vue-components/resolvers';
+import { VuetifyResolver,ElementPlusResolver } from 'unplugin-vue-components/resolvers';
+import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite';
 import viteCompression from 'vite-plugin-compression'
 
@@ -21,8 +22,11 @@ export default defineConfig({
     viteCompression({
       threshold: 1024000 // 对大于 1mb 的文件进行压缩
     }),
+    AutoImport({
+      resolvers: [ElementPlusResolver()]
+    }),
     Components({
-      resolvers: [VuetifyResolver()],
+      resolvers: [VuetifyResolver(),ElementPlusResolver()],
       include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
     }),
   ],