问诊设置

src/api/inquiry/config.js

@@ -14,7 +14,7 @@ export function getInquiryconfigList(params){
 export function addInquiryconfig(data){//添加配置
   return request({
     url:'/admin/inquiry/config/doctor',
-    method: 'put',
+    method: 'post',
     data
   })
 }
@@ -30,4 +30,20 @@ export function getInquiryconfigDetail(id){
       url:'/admin/inquiry/config/doctor/'+id,
       method: 'get'
     })
-  }
+  }
+  export function getDoctorList(params){//获取医生列表
+    return request({
+      url:'/admin/doctor/list',
+      method: 'get',
+      params
+    })
+  }
+
+  export function inquiryPriceAndTime(params){//获取问诊价格和问诊时间
+    return request({
+      url:'/admin/inquiry/config/system/detail',
+      method: 'get',
+      params
+    })
+  }
+  

src/api/inquiry/sysconfig.js

@@ -0,0 +1,41 @@
+import request from '../../utils/request'
+
+const url = '/admin/inquiry/config/system';
+
+
+export function getSysconfigList(params){
+  return request({
+    url:'/admin/inquiry/config/system',
+    method: 'get',
+    params
+  })
+}
+
+export function addSysconfig(data){//添加配置
+  return request({
+    url:'/admin/inquiry/config/system',
+    method: 'post',
+    data
+  })
+}
+export function editSysconfig(data,id){//添加配置
+  return request({
+    url:'/admin/inquiry/config/system/'+id,
+    method: 'put',
+    data
+  })
+}
+export function getSysconfigDetail(id){
+    return request({
+      url:'/admin/inquiry/config/system/'+id,
+      method: 'get'
+    })
+  }
+  export function getDoctorList(params){//获取医生列表
+    return request({
+      url:'/admin/doctor/list',
+      method: 'get',
+      params
+    })
+  }
+

src/components/addInquiryConfigModal.vue

@@ -3,7 +3,7 @@
   <a-modal
     v-model:visible="modalVisible"
     fullscreen
-    title="添加问诊配置"
+    :title="title"
     title-align="start"
     :footer="false"
     @cancel="handleClose"
@@ -12,15 +12,20 @@
       <div class="bar"></div>
       <div class="name">添加医生</div>
     </div>
-    <a-form :model="modalForm" ref="modalFormRef" :auto-label-width="true">
+    <a-form :model="modalForm" ref="modalFormRefConfig" :auto-label-width="true" :rules="rules">
       <a-row :gutter="24" style="margin-top: 35px">
         <a-col :span="12">
-          <a-form-item field="avatar" :hide-label="true">
+          <a-form-item field="doctor_id" :hide-label="true">
-            <a-input
+            <a-space direction="vertical" size="large">
-              :style="{width:'320px'}"
+            <a-select :style="{width:'400px'}" allow-search placeholder="请选择医生" :disabled="inquiry_config_id?true:false" v-model="modalForm.doctor_id" allow-clear
-              v-model="modalForm.card_num"
+              :loading="loading" @change="changeDoctor" @search="handleDoctorList">
-              placeholder="请输入医生名字并选择想要添加的医生"
+              <a-option size="large" style="max-width:500px" v-for="item in doctorData" :key="item.hospital_id"
-            />
+                :value="item.doctor_id" :label="item.user_name">
+                <span v-if="item.doctor_title || item.hospital_name || item.department_custom_name"> {{item.user_name+'('+formatDoctorTitle(item.doctor_title)+item.hospital_name+item.department_custom_name+')'}}</span>
+                <span v-else> {{item.user_name}}</span>
+              </a-option>
+            </a-select> 
+        </a-space>
           </a-form-item>
         </a-col>
       </a-row>
@@ -32,10 +37,12 @@
       </div>
       <a-row :gutter="24" style="margin-top: 35px">
         <a-col :span="12">
-          <a-form-item field="avatar" :hide-label="true">
+          <a-form-item field="inquiry_type" :hide-label="true">
             <a-select
+            :disabled="inquiry_config_id?true:false" 
               v-model="modalForm.inquiry_type"
-              placeholder="请选择服务类型"
+              placeholder="请选择问诊类型"
+              @change="changeType"
               :style="{ width: '320px' }"
             >
               <!-- 1:专家问诊 2:快速问诊 3:公益问诊 4:问诊购药 -->
@@ -48,49 +55,27 @@
         </a-col>
       </a-row>
       <a-divider />
-      <div class="typebox">
+      <!-- <div class="typebox" v-if="toggleType">
-        <div class="titlebox">
+    
-          <div class="bar"></div>
+       
-          <div class="name">问诊价格</div>
+      </div> -->
-        </div>
+     
-        <a-row :gutter="24" style="margin-top: 35px;">
+      <div class="typebox" v-if="!toggleType ">
-          <a-col :span="12">
+        <div class="titlebox" v-if="is_platform_deep_cooperation==1">
-            <a-input
-            :style="{width:'320px'}"
-              v-model="modalForm.card_num"
-              placeholder="请选择问诊价格"
-            />
-          </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="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="timecon" v-if="is_platform_deep_cooperation==1">
           <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"
+            value-format="YYYY-MM-DD"
+            :style="{ width: '320px' }"
+        v-model="inquiry_date"
         type="dates"
         placeholder="选择问诊日期（可多选）"
       />
@@ -100,29 +85,30 @@
         </a-row>
         <a-row :gutter="24" >
           <a-col :span="24">
-            <el-config-provider :locale="locale">
+           
               <a-form-item field="" label="问诊时间：" >
-            <el-date-picker
+                <a-select
-        v-model="modalForm.value1"
+                v-model="inquiry_time"
-        type="dates"
+               placeholder="请选择问诊时间"
-        placeholder="选择问诊日期（可多选）"
+               multiple
-      />
+              :style="{ width: '320px' }"
+              @change="changeTime"
+            >
+              <a-option :value="item.inquiry_time_id" v-for="item in system_inquiry_time">{{ item.start_time }}—{{item.end_time}}</a-option>
+            </a-select>
     </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
+             @click="addTime"><icon-check-circle /> 添加</a-button
           >
           <a-button @click="reset"><icon-loop /> 重置</a-button>
                 </a-space>
-              
+
     </a-form-item>
 
           </a-col>
@@ -131,17 +117,19 @@
          </div>
          <div class="line"></div>
          <div class="right">
-          <a-form-item field="" label="" >
+          <a-form-item field="doctor_inquiry_time" :hide-label="true" :rules="[{ required: true, message: '请选择问诊价格' }]">
                <div class="surebox">
                 <div class="title">已选问诊时间</div>
               <div class="timebox">
-                <a-tag color="green" closable>111</a-tag>
+                 <a-space wrap>
+                  <a-tag color="green" class="tag" closable v-for="(item,index) in slect_all_date" :key="item" @close="closeTag(index)">{{item}}</a-tag>
+                 </a-space>
               </div>
                </div>
             </a-form-item>
          </div>
          </div>
-        </a-form>
+        
         <a-divider /> 
         <div class="titlebox" >
         <div class="bar"></div>
@@ -151,13 +139,71 @@
         <a-col :span="24">
           <a-form-item field="" label="" no-style>
             <a-space  direction="vertical" size="large">
-              <a-switch />
+              <a-switch v-model="is_platform_deep_cooperation"   :checked-value="1" :unchecked-value="0"  disabled :style="{cursor:'not-allowed!important'}" />
             </a-space>
           </a-form-item>
         </a-col>
       </a-row> 
       <a-divider /> 
       </div>
+      <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="inquiry_price" :hide-label="true"  v-if="modalForm.inquiry_type!=3" :rules="[{ required: true, message: '请输入问诊价格' }]">
+            <a-input-number
+             :min="min"
+             :max="max"
+            :style="{width:'180px'}"
+              v-model="modalForm.inquiry_price"
+              placeholder="输入问诊价格"
+              :disabled="modalForm.inquiry_type==2 || modalForm.inquiry_type==4"
+             
+              mode="button"
+            />
+          </a-form-item>
+            <a-form-item field="inquiry_price" :hide-label="true"  :rules="[{ required:true, message: '请添加问诊时间' }]" v-if="modalForm.inquiry_type==3">
+            <a-select
+              v-model="modalForm.inquiry_price"
+              placeholder="请选择问诊价格"
+              :style="{ width: '320px' }"
+            >
+              <a-option :value="item" v-for="item in inquiry_price_list" :key="item">{{ item }}</a-option>
+            </a-select>
+           </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="24">
+          <a-form-item field="work_num_day" :hide-label="true">
+            <a-space  direction="vertical" size="large">
+              <a-input-number mode="button" v-model="modalForm.work_num_day" :style="{width:'180px'}" placeholder="请输入接诊数量" class="input-demo" :min="0" :max="max_patient"/> 
+            </a-space>
+          </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="24">
+          <a-form-item field="" :hide-label="true" :rules="[{required:true,message:'请设置问诊状态'}]">
+            <a-space  direction="vertical" size="large">
+              <a-switch v-model="modalForm.is_enable"   :checked-value="1" :unchecked-value="0" />
+            </a-space>
+          </a-form-item>
+        </a-col>
+      </a-row> 
+      <a-divider /> 
     </a-form>
     <div class="titlebox" >
         <div class="bar"></div>
@@ -167,8 +213,7 @@
         <a-col :span="24">
           <a-form-item field="" label="" no-style>
             <a-space >
-              <a-button type="primary"  @click="">开启</a-button>
+              <a-button type="primary"  @click="handleSubmit">保存</a-button>
-              <a-button type="primary" status="danger" @click="">关闭</a-button>
             </a-space>
           </a-form-item>
         </a-col>
@@ -176,37 +221,259 @@
   </a-modal>
 </template>
 <script setup>
-import { ref, toRefs } from 'vue';
+import { ref,toRef, toRefs,onMounted,watch,getCurrentInstance,reactive } from 'vue';
-import { addInquiryconfig } from '@/api/inquiry/config';
+import { addInquiryconfig,getDoctorList,inquiryPriceAndTime,getInquiryconfigDetail,editInquiryconfig} from '@/api/inquiry/config';
-import { formatRelation } from '@/utils/format';
+import { formatDoctorTitle } from '@/utils/format';
+import { parseTime } from '@/utils/parseTime';
 import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
-import { reactive } from 'vue';
+const { proxy } = getCurrentInstance();
 const props = defineProps({
   // 是否显示
   modalVisible: {
     type: Boolean,
     default: false,
+  },
+  inquiry_config_id:{
+   type:String,
+   default:''
   }
 });
-const  modalForm=reactive({
+const is_platform_deep_cooperation=ref(null);
-  
-})
-const {modalVisible}=toRefs(props);
-const emits = defineEmits(['familyVisibleChange']);
 
+const loading = ref(false);
+const title=ref('添加问诊配置');
+const  modalForm=reactive({
+  inquiry_mode:1,
+  inquiry_price:null,
+  doctor_inquiry_time:[],
+  is_enable:1
+})
+const locale=ref('');
+const toggleType=ref(true);
+const slect_all_date=ref([]);
+const {modalVisible,inquiry_config_id}=toRefs(props);
+const emits = defineEmits(['familyVisibleChange','freshList']);
+ // Rules
+const doctorData=ref([]);
+const handleDetail=(id)=>{
+  getInquiryconfigDetail(id).then(data=>{
+    if(data.code==200){
+      let result=data.data;
+      Object.assign(modalForm,result);
+      if (result.inquiry_type == 1 || result.inquiry_type  == 3) {
+        toggleType.value = true;
+      } else {
+        toggleType.value = false;
+      }
+      if(result.doctor_inquiry_time){
+       slect_all_date.value=result.doctor_inquiry_time.map(item=>{
+          return parseTime(item.inquiry_date,'{y}-{m}-{d}')+" "+item.start_time+"—"+item.end_time
+
+        })
+      };
+      handleInquiryPriceAndTime();
+      is_platform_deep_cooperation.value=result.user_doctor.is_platform_deep_cooperation;
+      handleDoctorList(result.user_doctor.user_name);
+
+    }
+  })
+}
+const handleDoctorList=(value)=>{
+  loading.value=true;
+  getDoctorList({
+    user_name:value
+  }).then(data=>{
+    if(data.code=200){
+      doctorData.value=data.data;
+      if(!value){
+        modalForm.doctor_id='';
+      }
+    }
+    loading.value=false;
+  })
+};
+watch(()=>props.inquiry_config_id,(newVal,oldValval)=>{
+  if(newVal){
+    title.value='修改问诊配置'
+    handleDetail(newVal)
+  }else{
+    //handleDoctorList();
+    title.value='添加问诊配置';
+    toggleType.value=true;
+  }
+},{immediate:true})
+
+ let rules = reactive({
+         doctor_id: [{ required: true, message: '请选择医生' }],
+         inquiry_type: [{ required: true, message: '请选择问诊类型' }],
+         work_num_day: [{ required: true, message: '请输入每日接诊数量' }],
+         inquiry_price: [{ required: true, message: '请输入问诊价格' }]
+ })
+
+
+const changeDoctor=(value)=>{
+   let cur=doctorData.value.filter((item)=> item.doctor_id==value);
+  
+   if(cur && cur.length==1){
+    alert(cur[0].is_platform_deep_cooperation)
+    is_platform_deep_cooperation.value=cur[0].is_platform_deep_cooperation
+   }else{
+    is_platform_deep_cooperation.value=0
+   }
+};
+
+
+const reset=()=>{
+ inquiry_date.value=[];
+ inquiry_time.value=[];
+}
+const addTime=()=>{
+  let temp=[];
+  if(inquiry_date.value.length==0){
+    proxy.$message.warning('请选择问诊日期!');
+    return false;
+  }
+  if(inquiry_time.value.length==0){
+    proxy.$message.warning('请选择问诊时间!');
+    return false;
+  }
+  let arr1=inquiry_date.value
+  let arr2=select_time.value;
+  for (let i = 0; i < arr1.length; i++) {
+        for (let j = 0; j < arr2.length; j++) {
+          temp.push(arr1[i]+" "+arr2[j]);
+        }
+  }
+  slect_all_date.value.push(...new Set(temp));
+  reset();
+}
+watch(slect_all_date,(newVal,oldVal)=>{
+  if(newVal.length>0){
+    console.log(newVal.length)
+    modalForm.doctor_inquiry_time=newVal.map((item)=>{
+      const [inquiry_date,time]=item.split(' ');
+       const [start_time,end_time]=time.split("—");
+       return {inquiry_date,start_time,end_time}
+    })
+  }else{
+    modalForm.doctor_inquiry_time=[] 
+  }
+},{deep:true})
+//删除标签tag
+const closeTag=(index)=>{
+slect_all_date.value.splice(index,1);
+}
+locale.value=zhCn;
+//最小价格
+const min=ref(0);
+const max=ref(1000000);
+const max_patient=ref(1000000);
+const system_inquiry_time=ref([]);
+//问诊日期
+const inquiry_date=ref([]);
+//问诊时间
+const inquiry_time=ref([]);
+const select_time=ref([]);
+
+
+const changeTime=(value)=>{
+  select_time.value=[];
+  let arr=system_inquiry_time.value;
+  for (let i = 0; i < arr.length; i++) {
+            for (let j = 0; j < value.length; j++) {
+                if(arr[j].inquiry_time_id === value[i]){
+                  select_time.value.push(arr[j].start_time+"—"+arr[j].end_time);
+                }
+        }
+     };
+};
+
+
+
+const changeType=(value)=>{
+  if(value==1 || value==3){
+    toggleType.value=true
+   }else{
+    toggleType.value=false
+   };
+   modalForm.doctor_inquiry_time=[];
+   modalForm.inquiry_price=null;
+   slect_all_date.value=[];
+   //切换重新验证
+    proxy.$refs.modalFormRefConfig.clearValidate();
+   handleInquiryPriceAndTime()
+}
+const inquiry_price_list=ref([]);
+const handleInquiryPriceAndTime=()=>{
+  inquiryPriceAndTime({
+    inquiry_type:modalForm.inquiry_type,
+    inquiry_mode:modalForm.inquiry_mode
+  }).then(data=>{
+    if(data.code=200){
+      const result=data.data;
+      if(modalForm.inquiry_type==1){
+        min.value=Number(result.min_inquiry_price);
+        max.value=Number(result.max_inquiry_price);
+        
+      }else if(modalForm.inquiry_type==3){
+        inquiry_price_list.value=result.inquiry_price.split(",").map((item)=>{
+           return Number(item)
+         })
+      }else{
+        system_inquiry_time.value=result.system_inquiry_time;
+        modalForm.inquiry_price=Number(result.inquiry_price);
+      };
+     
+      //modalForm.work_num_day=result.max_work_num_day;
+      max_patient.value=result.max_work_num_day;
+      // rules = reactive(rules_obj);
+    }
+  })
+}
 //添加配置
 const handleAddInquiryconfig = async () => {
-  const { data, code, message } = await AddInquiryconfig(modalForm);
+  
-}
+};
 // Akiraka 20230210 关闭弹窗
 const handleClose = () => {
+  proxy.$refs.modalFormRefConfig.resetFields();
+  reset();
   emits('familyVisibleChange', false);
+  
+
 };
-const reset=()=>{
+const handleSubmit=()=>{
-  alert("重置")
+  proxy.$refs.modalFormRefConfig.validate(async (valid) => {
-}
+      let data=null;
+      if (!valid) {
+        if(props.inquiry_config_id){
+          data= await editInquiryconfig(modalForm,props.inquiry_config_id)
+        }else{
+          data= await addInquiryconfig(modalForm);
+        }
+        if(data.code==200){
+          props.inquiry_config_id?proxy.$message.success('修改成功'):proxy.$message.success('添加成功');
+          emits('freshList', '');
+        }
+        handleClose();
+      }else {
+        console.log(valid)
+        proxy.$message.error('表单校验失败');
+        //done(false);
+      }
+    });
+};
+// onMounted(()=>{
+//   handleDoctorList()
+// })
 </script>
 <style scoped>
+.tag{
+  margin-bottom: 10px;
+}
+.tag:last-child{
+  margin-bottom: 0;
+}
 .cardNum {
   width: 150px;
 }
@@ -236,7 +503,7 @@ const reset=()=>{
 }
 .timebox{
   min-height:200px;
-  width:300px;
+  width:418px;
   margin-top: 20px;
   padding: 20px;
   border:1px solid  var(--color-neutral-3);
@@ -245,6 +512,7 @@ const reset=()=>{
 .timecon{
   display: flex;
   width: 1000px;
+  justify-content: space-between;
   align-items: center;
 }
 .left{
@@ -258,6 +526,7 @@ const reset=()=>{
 .line{
   height: 240px;
   width:2px;
+  margin:0 30px;
   background: var(--color-neutral-3);
 }
 </style>

src/components/addSysconfigModal.vue

@@ -0,0 +1,470 @@
+<template>
+  <!-- Modal -->
+  <a-modal
+    v-model:visible="modalVisible"
+    fullscreen
+    :title="title"
+    title-align="start"
+    :footer="false"
+    @cancel="handleClose"
+  >
+    <a-form
+      :model="modalForm"
+      ref="modalFormRefConfig"
+      :auto-label-width="true"
+      :rules="rules"
+    >
+      <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="inquiry_type" :hide-label="true">
+            <a-select
+              :disabled="inquiry_config_id ? true : false"
+              v-model="modalForm.inquiry_type"
+              placeholder="请选择问诊类型"
+              @change="changeType"
+              :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" v-if="toggleType">
+    
+       
+      </div> -->
+
+      <div class="typebox" v-if="!toggleType">
+        <div class="titlebox" >
+          <div class="bar"></div>
+          <div class="name">问诊时间段</div>
+        </div>
+
+        <div class="timecon" >
+          <div class="left">
+            <a-row :gutter="24" style="margin-top: 35px">
+              <a-col :span="24">
+                <a-button type="primary" @click="addTime" style="margin-bottom: 10px;">添加</a-button>
+               <div class="timebox">
+                <div class="timecell">
+                  <a-form-item v-for="(item,index) in modalForm.system_inquiry_time" :key="item.id"  :field="`system_inquiry_time[${index}].start_time`"  :rules="timerules" >
+                     <div class="timecell">
+                      <div class="timetitle" :hide-label="true"> 时间范围{{index+1}}：</div>
+                  <a-time-picker
+                  type="time-range"
+                  format="HH:mm"
+                  :default-value="[item.start_time, item.end_time]"
+                  @change="(valueString, value) =>changeTime(valueString,value,index)"
+                  style="width: 252px;" />
+                  <icon-minus-circle-fill style="color:red;font-size: 25px;margin-left: 5px;" @click="delTime(index)" v-if="modalForm.system_inquiry_time.length>1"/>
+                     </div>
+                 </a-form-item>
+                </div>
+               </div>
+              </a-col>
+            </a-row>
+          </div>
+        
+        </div>
+        <a-divider />
+      </div>
+      <div class="titlebox">
+        <div class="bar"></div>
+        <div class="name">问诊价格</div>
+      </div>
+      <a-row :gutter="24" style="margin-top: 35px">
+        <a-col :span="12">
+           <div class="priceRange"  v-if="modalForm.inquiry_type == 1"  style="width:460px">
+            <div style="white-space:nowrap;margin-right: 10px;" class="pricestyle">价格范围:</div>
+          <a-form-item
+            field="min_inquiry_price"
+            :hide-label="true"
+            :rules="[{ required: true, message: '请输入最低问诊价格' }]"
+          >
+           
+            <a-input-number
+              :min="0"
+              :style="{ width: '180px' }"
+              v-model="modalForm.min_inquiry_price"
+              placeholder="输入最低问诊价格"
+              
+              mode="button"
+            />
+          </a-form-item>
+          <span class="pricestyle">&nbsp;&nbsp;~&nbsp;&nbsp; </span>
+          <a-form-item  field="max_inquiry_price"
+            :hide-label="true" style="width:auto"
+            :rules="[{ required: true, message: '请输入最高问诊价格' },{type:'number',min:modalForm.min_inquiry_price,message:'最高问诊价格不能小于最低价格'}]">
+            <a-input-number
+              :min="0"
+              :style="{ width: '180px' }"
+              v-model="modalForm.max_inquiry_price"
+              placeholder="输入最高问诊价格"
+             
+              mode="button"
+            />
+          </a-form-item>
+           </div>
+          <a-form-item
+            field="inquiry_price"
+            :hide-label="true"
+            v-if="modalForm.inquiry_type == 2 || modalForm.inquiry_type == 4"
+            :rules="[{ required: true, message: '请输入问诊价格' }]"
+          >
+            <a-input-number
+              :min="min"
+              :style="{ width: '180px' }"
+              v-model="modalForm.inquiry_price"
+              placeholder="输入问诊价格"
+              mode="button"
+            />
+          </a-form-item>
+          <a-form-item
+            field="temp_free_price"
+            :hide-label="true"
+            :rules="[
+              { type: 'array', minLength: 1, message: '请选择问诊价格' },
+            ]"
+            v-if="modalForm.inquiry_type == 3"
+          >
+            <a-select
+              v-model="modalForm.temp_free_price"
+              placeholder="请选择问诊价格（多选）"
+              multiple
+              :style="{ width: '320px' }"
+            >
+              <a-option :value="item" v-for="item in inquiry_price_list">{{
+                item
+              }}</a-option>
+            </a-select>
+          </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="24">
+          <a-form-item field="max_work_num_day" :hide-label="true">
+            <a-space direction="vertical" size="large">
+              <a-input-number
+                mode="button"
+                v-model="modalForm.max_work_num_day"
+                :style="{ width: '180px' }"
+                placeholder="请输入接诊数量"
+                class="input-demo"
+                :min="0"
+              />
+            </a-space>
+          </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="24">
+          <a-form-item field="duration" :hide-label="true">
+            <a-space direction="vertical" size="large">
+              <a-input-number
+                mode="button"
+                v-model="modalForm.duration"
+                :style="{ width: '180px' }"
+                placeholder="请输入沟通时长"
+                class="input-demo"
+                :min="0"
+      
+              />
+            </a-space>
+          </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="24">
+          <a-form-item field="times_number" :hide-label="true">
+            <a-space direction="vertical" size="large">
+              <a-input-number
+                mode="button"
+                v-model="modalForm.times_number"
+                :style="{ width: '200px' }"
+                placeholder="请输入沟通次数"
+                class="input-demo"
+                :min="0"
+              />
+            </a-space>
+          </a-form-item>
+        </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" @click="handleSubmit">保存</a-button>
+          </a-space>
+        </a-form-item>
+      </a-col>
+    </a-row>
+  </a-modal>
+</template>
+<script setup>
+import {
+  ref,
+  toRefs,
+  watch,
+  getCurrentInstance,
+  reactive,
+} from 'vue';
+import {
+  getSysconfigDetail,
+  editSysconfig,
+} from '@/api/inquiry/sysconfig';
+import { formatDoctorTitle } from '@/utils/format';
+
+const { proxy } = getCurrentInstance();
+const props = defineProps({
+  // 是否显示
+  modalVisible: {
+    type: Boolean,
+    default: false,
+  },
+  inquiry_config_id: {
+    type: String,
+    default: '',
+  },
+});
+const is_platform_deep_cooperation = ref(null);
+const timerules=[{
+      validator: (value, cb) => {
+        return new Promise(resolve => {
+          window.setTimeout(() => {
+            if (!value) {
+              cb('请填写时间')
+            }
+            resolve()
+          },300)
+        })
+      }
+    }];
+const loading = ref(false);
+const title = ref('添加问诊配置');
+const modalForm = reactive({
+  inquiry_mode: 1,
+  inquiry_price:0,
+  doctor_inquiry_time: [],
+  is_enable: 1,
+  temp_free_price:[],
+  max_work_num_day:null,
+  system_inquiry_time:[{
+    start_time:'',
+    end_time:'',
+    id:new Date().getTime()
+  }]
+});
+
+const handleDetail = (id) => {
+  getSysconfigDetail(id).then((data) => {
+    if (data.code == 200) {
+      let result = data.data;
+      Object.assign(modalForm, result);
+      if (result.inquiry_type == 1 || result.inquiry_type  == 3) {
+        toggleType.value = true;
+      } else {
+        toggleType.value = false;
+      }
+     
+      if(result.inquiry_type == 3){
+        modalForm.temp_free_price=result.inquiry_price.split(",").map((item)=>{
+           return Number(item)
+         })
+        for (let i = 0; i < 51; i++) {
+          inquiry_price_list.value.push(i)
+          
+        }
+      }
+      if (result.inquiry_type == 2 || result.inquiry_type == 4 ) {
+        modalForm.inquiry_price = Number(result.inquiry_price);
+      } 
+    
+    
+    }
+  });
+};
+watch(
+  () => props.inquiry_config_id,
+  (newVal, oldValval) => {
+    if (newVal) {
+      title.value = '修改系统问诊配置';
+      handleDetail(newVal);
+    }
+  },
+  { immediate: true }
+);
+const locale = ref('');
+const toggleType = ref(true);
+const { modalVisible, inquiry_config_id } = toRefs(props);
+const emits = defineEmits(['familyVisibleChange', 'freshList']);
+// Rules
+let rules = reactive({
+  inquiry_type: [{ required: true, message: '请选择问诊类型' }],
+  work_num_day: [{ required: true, message: '请输入每日接诊数量' }],
+  duration: [{ required: true, message: '请输入沟通时长' }],
+  times_number: [{ required: true, message: '请输入沟通次数' }],
+  
+});
+
+const changeDoctor = (value) => {
+  let cur = doctorData.value.filter((item) => item.doctor_id == value);
+  if (cur && cur.lenght == 1) {
+    is_platform_deep_cooperation.value = cur[0].is_platform_deep_cooperation;
+  }
+};
+const slect_all_date = ref([]);
+
+
+const addTime = () => {
+  modalForm.inquiry_price_listsystem_inquiry_time.push({ 
+  start_time:'',
+  id:new Date().getTime(),
+  end_time:''})
+};
+const delTime=(index)=>{
+  modalForm.system_inquiry_time.splice(index,1)
+}
+
+//最小价格
+const min = ref(0);
+
+const changeTime = (timeString,time,index) => {
+if(timeString){
+  modalForm.system_inquiry_time[index].start_time=timeString[0];
+ modalForm.system_inquiry_time[index].end_time=timeString[1];
+}else{
+  modalForm.system_inquiry_time[index].start_time='';
+  modalForm.system_inquiry_time[index].end_time=='';
+}
+};
+
+const changeType = (value) => {
+  if (value == 1 || value == 3) {
+    toggleType.value = true;
+  } else {
+    toggleType.value = false;
+  }
+  modalForm.inquiry_price = null;
+  //切换重新验证
+  proxy.$refs.modalFormRefConfig.clearValidate();
+};
+const inquiry_price_list = ref([]);
+
+// Akiraka 20230210 关闭弹窗
+const handleClose = () => {
+  proxy.$refs.modalFormRefConfig.resetFields();
+  emits('familyVisibleChange', false);
+};
+const handleSubmit = () => {
+  proxy.$refs.modalFormRefConfig.validate(async (valid) => {
+    if (!valid) {
+      if(modalForm.inquiry_type==3){
+        modalForm.inquiry_price=modalForm.temp_free_price.join(',')
+      }else if(modalForm.inquiry_type==2 || modalForm.inquiry_type==4){
+        modalForm.inquiry_price=String(modalForm.inquiry_price)
+      }
+      const {data,code}=await editSysconfig(modalForm, props.inquiry_config_id);
+      if (code == 200) {
+        proxy.$message.success('修改成功')
+        emits('freshList', '');
+      }
+      handleClose();
+    } else {
+      console.log(valid);
+      proxy.$message.error('表单校验失败');
+      //done(false);
+    }
+  });
+};
+</script>
+<style scoped>
+.tag {
+  margin-bottom: 10px;
+}
+.tag:last-child {
+  margin-bottom: 0;
+}
+.priceRange{
+  display: flex;
+  height: 32px;
+  vertical-align: middle;
+  align-items: center;
+ 
+}
+.pricestyle{
+  margin-bottom: 20px;
+  height: 32px;
+  align-items: center;
+  display: flex;
+}
+.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;
+}
+.timecon {
+  display: flex;
+  width: 1000px;
+  justify-content: space-between;
+  align-items: center;
+}
+.timecell{
+  display: flex;
+  align-items: center;
+  margin-right: 15px;
+  flex-wrap: wrap;
+}
+.timebox{
+  display: flex;
+  
+}
+</style>

src/components/doctorModal.vue

@@ -894,7 +894,7 @@ const modalForm = reactive({
   //获取oss签名
   const getOssSign = async (scene, File) => {
     const { data, code, message } = await ossSign({
-      user_type: 4,
+      user_type: 2,
       scene,
     });
     if (code == 200) {

src/components/upload.vue

@@ -63,7 +63,7 @@
   const getOssSign = async (scene, File) => {
     proxy.$loading.show();
     const { data, code, message } = await ossSign({
-      user_type: 4,
+      user_type: 2,
       scene,
     });
     if (code == 200) {

src/layout/components/Menu/SubMenu.vue

@@ -1,7 +1,7 @@
 <template>
   <template v-for="menu in props.menuList" :key="menu.menu_id">
     <a-sub-menu
-      v-if="menu.parent_id==0"
+      v-if="menu.menu_type== 1 && menu.children"
       :key="menu.path"
     >
        <template #icon>
@@ -11,7 +11,7 @@
       <sub-menu :menuList="menu.children" />
     </a-sub-menu>
     <a-menu-item
-      v-if="menu.parent_id!=0 && isRouteParams(menu.path)"
+      v-if="menu.menu_type== 2 && isRouteParams(menu.path)"
       :key="menu.path"
       >{{ menu.menu_title }}</a-menu-item>
   </template>

src/utils/format.js

@@ -97,4 +97,14 @@ export const formatRelation=(val)=>{
       }else{
        return ''
       }
+ };
+
+ export const formatMode=(val)=>{
+   //1:图文 2:视频 3:语音 4:电话 5:会员
+   let data={1:'图文',2:'视频', 3:'语音', 4:'电话',5:'会员'}
+      if(val){
+       return data[val]
+      }else{
+       return ''
+      }
  };

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

@@ -84,7 +84,7 @@
         </template>
       </a-table>
   
-      <addInquiryConfigModal :modalVisible="modalVisible" :modalForm="modalForm" @familyVisibleChange="()=>{modalVisible=false}"></addInquiryConfigModal>
+      <addInquiryConfigModal :modalVisible="modalVisible" :inquiry_config_id="inquiry_config_id" :modalForm="modalForm" @freshList="getInquiryInfo(pager);" @familyVisibleChange="()=>{modalVisible=false;inquiry_config_id='';}"></addInquiryConfigModal>
       <!-- Akiraka 20230223 删除与批量删除 开始 -->
       <!-- <DeleteModal :data="deleteData" :visible="deleteVisible" :apiDelete="removeFamily"
         @deleteVisibleChange="() => deleteVisible = false" /> -->
@@ -101,7 +101,7 @@
   
   <script setup>
     import { reactive, ref, getCurrentInstance, onMounted, nextTick, watch, computed } from 'vue';
-    import { getInquiryconfigList,getInquiryconfigDetail} from '@/api/inquiry/config';
+    import { getInquiryconfigList} from '@/api/inquiry/config';
     import {formatDoctorTitle,formatInquiryType,formatMultipoint} from "@/utils/format"
   
     // Akiraka 20230210 删除数据
@@ -110,7 +110,7 @@
     const deleteVisible = ref(false)
     // Akiraka 20230210 监听删除事件
     const okVisible = ref(false);
-  
+   const inquiry_config_id=ref("");
     watch(() => deleteVisible.value, (value) => {
       if (value == false) {
         getInquiryInfo(pager);
@@ -184,39 +184,13 @@
     // 新增Satus
     const handleAdd = () => {
       modalVisible.value = true;
-      modalTitle.value = '新增患者';
+      inquiry_config_id.value='';
-      modalSatus.value = 'add';
-      modalForm.patient_id = null;
     };
   
     //详情
     const handleDetail = async (record) => {
-      const { code, data, message } = await getInquiryconfigDetail(record.family_id);
+      inquiry_config_id.value=record.inquiry_config_id;
-  
+      modalVisible.value = true;
-      if (code == 200) {
-          Object.assign(modalForm, data);
-          modalVisible.value = true;
-        }
-      };
-    // 批量删除
-    const handleBatchDelete = () => {
-      if (batchList.length !== 0) {
-        proxy.$modal.warning({
-          title: '提示',
-          content: '是否批量删除以下选中的数据？',
-          hideCancel: false,
-          onOk: async () => {
-            const res = await removeFamily({ ids: batchList });
-            proxy.$message.success(res.message);
-            getInquiryInfo(pager);
-          },
-          onCancel: () => {
-            proxy.$message.info('已取消批量删除数据');
-          },
-        });
-      } else {
-        proxy.$message.error('请勾选需要删除的数据！');
-      }
     };
   
     /**

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

@@ -0,0 +1,343 @@
+<template>
+    <div class="app-container">
+      <a-form :model="queryForm" ref="queryFormRef" layout="inline">
+  
+        <a-form-item field="inquiry_type" label="问诊类型">
+        <a-select  v-model="queryForm.inquiry_type" placeholder="请选择服务类型" :style="{ width: '182px' }">
+          <!-- 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-form-item field="is_enable" label="接诊方式">
+          <a-select  v-model="queryForm.inquiry_mode" placeholder="请选择接诊方式" :style="{ width: '182px' }">
+            <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-option :value="5">会员</a-option>
+          </a-select>
+        </a-form-item>
+        
+        <a-form-item>
+          <a-space>
+            <a-button type="primary" @click="handleQuery"><icon-search /> 搜索</a-button>
+            <a-button @click="handleResetQuery"><icon-loop /> 重置</a-button>
+          </a-space>
+        </a-form-item>
+      </a-form>
+  
+      <a-divider />
+  
+      <!-- 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-space>
+      </div>  -->
+  
+      <!-- table -->
+      <a-table :columns="columns" :data="tableData" 
+      :scroll="{ x: 1400 }"
+        :row-selection="{ type: 'checkbox', showCheckedAll: true }"
+        :pagination="{ 'show-total': true, 'show-jumper': true, 'show-page-size': true, total: pager.total, current: currentPage }"
+        row-key="doctor_id" @selection-change="(selection) => {deleteData = selection;console.log(selection)}"
+        @page-change="handlePageChange" @page-size-change="handlepage_sizeChange">
+        <template #doctor_id="{record,rowIndex}">
+          <div>{{(rowIndex+1)+(pager.page-1)*10}}</div>
+        </template>
+        <template #inquiry_mode="{ record }">
+           <div>{{ formatMode(record.inquiry_mode) }}</div>
+        </template>
+        <template #inquiry_price="{ record }">
+          <div v-if="record.inquiry_price">{{ record.inquiry_price}}</div>
+        </template>
+    
+        <template #inquiry_type="{record}">
+          <div>{{ formatInquiryType(record.inquiry_type) }}</div>
+        </template>
+        <template #times_number="{record}">
+          <div  v-if="record.times_number==0" >不限次数</div>
+          <div v-else>{{record.times_number}}次</div>
+        </template>
+        <template #duration="{record}">
+          <div  v-if="record.duration==0" >不限时长</div>
+          <div v-else-if="record.duration>0 && record.duration<60">{{record.duration}}分钟</div>
+          <div v-else-if="record.duration>=60">{{record.duration/60}}小时</div>
+        </template>
+      
+        <template #action="{ record }">
+          <a-space>
+            <a-button v-has="'admin:sysFamilyList:detail'" type="text"
+              @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"
+              @click="() => { deleteVisible = true; deleteData = [record.doctor_id];  }"><icon-delete /> 删除</a-button> -->
+          </a-space>
+        </template>
+      </a-table>
+  
+     
+      <addSysconfigModal :modalVisible="modalVisible" :inquiry_config_id="inquiry_config_id" :modalForm="modalForm" @freshList="getInquiryInfo(pager);" @familyVisibleChange="()=>{modalVisible=false;inquiry_config_id='';}"></addSysconfigModal>
+      <!-- Akiraka 20230223 删除与批量删除 开始 -->
+      <!-- <DeleteModal :data="deleteData" :visible="deleteVisible" :apiDelete="removeFamily"
+        @deleteVisibleChange="() => deleteVisible = false" /> -->
+      <!-- Akiraka 20230223 删除与批量删除 结束 -->
+      <a-modal v-model:visible="okVisible" :modal-style="{width:'320px'}" body-class="okmodal" 
+        @cancel="()=>okVisible=false">
+        <template #title>
+          提示
+        </template>
+        <div>确定保存当前信息？</div>
+      </a-modal>
+    </div>
+  </template>
+  
+  <script setup>
+    import { reactive, ref, getCurrentInstance, onMounted, nextTick, watch, computed } from 'vue';
+    import { getSysconfigList} from '@/api/inquiry/sysconfig';
+    import {formatMode,formatInquiryType} from "@/utils/format"
+  
+    // Akiraka 20230210 删除数据
+    const deleteData = ref([])
+    // Akiraka 20230210 删除对话框
+    const deleteVisible = ref(false)
+    // Akiraka 20230210 监听删除事件
+    const okVisible = ref(false);
+   const inquiry_config_id=ref("");
+    watch(() => deleteVisible.value, (value) => {
+      if (value == false) {
+        getInquiryInfo(pager);
+      }
+    });
+  
+    const file = ref();
+    const { proxy } = getCurrentInstance();
+    const currentPage = ref(1);
+    const family_data=ref([]);
+    const family_columns=ref([{
+      title: '编号',
+      dataIndex: 'code',
+      slotName:'code'
+    },{
+      title: '就诊人姓名',
+      dataIndex: 'card_name_mask',
+    },{
+      title: '身份证号',
+      dataIndex: 'id_number_mask',
+    },{
+      title: '与账号关系',
+      dataIndex: 'relation',
+      slotName:'relation'
+    },{
+      title: '添加时间',
+      dataIndex: 'created_at',
+      slotName:'created_at'
+    }, { title: '操作', slotName: 'action'}])
+    // Pager
+    const pager = {
+      total: 0,
+      page: 1,
+      page_size: 10,
+    };
+    // form
+    const queryForm = reactive({
+  
+    });
+    const modalForm = reactive({
+      user:{},
+      avatar: 'https://img.applets.igandanyiyuan.com/basic/file/patient_avatar.png',
+   
+    });
+    // Modal
+    const modalVisible = ref(false);
+    const modalTitle = ref('默认标题');
+   
+    // Batch Del List
+    let batchList = [];
+  
+    // Table Columns
+    const columns = [
+      { title: '编号', dataIndex: 'doctor_id', slotName: 'doctor_id', width: '90' },
+      {
+      title: '问诊类型',
+      dataIndex: 'inquiry_type',
+      slotName:'inquiry_type'
+    },{
+      title: '接诊方式',
+      dataIndex: 'inquiry_mode',
+      slotName:'inquiry_mode'
+    },{
+      title: '接诊价格',
+      dataIndex: 'inquiry_price',
+      slotName:'inquiry_price'
+    },
+    {
+      title: '最高接诊价格',
+      dataIndex: 'max_inquiry_price',
+      slotName:'max_inquiry_price'
+    },
+    {
+      title: '最低接诊价格',
+      dataIndex: 'min_inquiry_price',
+      slotName:'min_inquiry_price'
+    },
+    {
+      title: '沟通次数',
+      dataIndex: 'times_number',
+      slotName:'times_number'
+    },
+    {
+      title: '沟通时长',
+      dataIndex: 'duration',
+      slotName:'duration'
+     },
+     { title: '操作', slotName: 'action', fixed: "right", width: 150 }]
+  
+    // Table Data
+    const tableData = ref([]);
+    //弹框状态
+    const modalSatus = ref('add');
+  
+    // 新增Satus
+    const handleAdd = () => {
+      modalVisible.value = true;
+      inquiry_config_id.value='';
+    };
+  
+    //详情
+    const handleDetail = async (record) => {
+      inquiry_config_id.value=record.system_inquiry_config_id;
+      modalVisible.value = true;
+    };
+  
+    /**
+     * 分页改变
+     * @param {Number} [page]
+     */
+    const handlePageChange = (page) => {
+      pager.page = page;
+  
+      // 修改当前页码
+      currentPage.value = page;
+      getInquiryInfo({ ...pager, ...queryForm });
+    };
+  
+    // 每页数据量
+    const handlepage_sizeChange = (page_size) => {
+      pager.page_size = page_size;
+      getInquiryInfo({ ...pager, ...queryForm });
+    };
+  
+    // 获取患者信息
+    const getInquiryInfo = async (params = {}) => {
+      const { data, code, message } = await getSysconfigList(params);
+      if (code == 200) {
+        tableData.value = data.data;
+        Object.assign(pager, { total: data.total, page: data.page, page_size: data.page_size });
+      }
+    };
+  
+    // 查询患者信息
+    const handleQuery = async () => {
+      pager.page = 1;
+      const params = {
+        page: pager.page,
+        page_size: pager.page_size,
+        ...queryForm,
+      };
+  
+      getInquiryInfo(params);
+    };
+  
+    // 重置搜索
+    const handleResetQuery = () => {
+      proxy.$refs.queryFormRef.resetFields();
+      getInquiryInfo(queryForm);
+    }
+    
+    
+    onMounted(() => {
+      getInquiryInfo(pager);
+    });
+  </script>
+  
+  <style lang="scss" scoped>
+    .action {
+      margin-bottom: 12px;
+    }
+  
+    .okmodal div {
+      text-align: center;
+    }
+  
+    .hospital_name {
+      width: 140px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  
+    .headImg {
+      margin-right: 20px;
+      border-radius: 50%;
+      width: 80px;
+      height: 80px;
+    }
+  
+    .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;
+    }
+    .cell{
+      .arco-form-item{
+        margin-bottom: 10px;
+      }
+    }
+    .box {
+      display: flex;
+      align-items: center;
+    }
+  
+    .cert .arco-form-item-label-col {
+      flex: 0 0 8px !important;
+    }
+  
+    .red {
+      display: inline-block;
+      margin-right: 5px;
+      font-size: 14px;
+      color: red;
+      margin-top: 5px;
+    }
+  
+    .cardNum {
+      width: 148px;
+    }
+    .codbox{
+      display: flex;
+      align-items: center;
+    }
+    .reason{
+      width:250px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  </style>