预约功能取消

CallCenterWeb.UI/RMYY/src/api/callScreen/callScreen.js

@@ -90,3 +90,99 @@ export function GetPatientModel(params) {
     params
   })
 }
+
+
+export function GetRegistrationl(params) {
+    return request({
+      url: 'Registration/getlist',
+      method: 'get',
+      params
+    })
+}
+// 院区
+export function GetRegHospital(params) {
+  return request({
+    url: 'Registration/GetYqdm',
+    method: 'get',
+    params
+  })
+}
+// 科室
+export function GetRegDept(params) {
+  return request({
+    url: 'Registration/GetDept',
+    method: 'get',
+    params
+  })
+}
+// 科室
+export function GetRegWid(params) {
+  return request({
+    url: 'Registration/GetDoctor',
+    method: 'get',
+    params
+ })
+}
+// 号源
+export function Gethy(params) {
+  return request({
+    url: 'Registration/GetHy',
+    method: 'get',
+    params
+ })
+}
+// 号序
+export function gethx(params) {
+  return request({
+    url: 'Registration/GetHx',
+    method: 'get',
+    params
+ })
+}
+
+
+// 预约挂号
+export function GetYygh(params) {
+  return request({
+    url: 'Registration/Yygh',
+    method: 'post',
+    data: params
+  })
+}
+
+// 获取号源
+export function getinum(params) {
+  return request({
+    url: 'Registration/getinum',
+    method: 'get',
+    params
+  })
+}
+// 获取患者
+export function getZLId(params) {
+  return request({
+    url: '/Registration/GetZLId',
+    method: 'get',
+    params
+  })
+}
+
+
+
+
+// 取消预约列表
+export function getRegList(params) {
+  return request({
+    url: 'Registration/getlist',
+    method: 'get',
+    params
+  })
+}	
+// 取消预约
+export function regCancel(params) {
+  return request({
+    url: 'Registration/Cancel',
+    method: 'post',
+    data: params
+  })
+}

CallCenterWeb.UI/RMYY/src/components/workOrder/information/addOrEditInfOrder.vue

@@ -1194,6 +1194,11 @@
             this.ruleForm.F_Relationship = res.rows[0].F_RelationShip
             this.ruleForm.F_IDNumberShow = res.rows[0].F_IdCardShow
             this.ruleForm.F_CusAddressShow = res.rows[0].F_AddressShow
+
+            window.localStorage.setItem('huanxm', this.ruleForm.F_Customer || '')
+            window.localStorage.setItem('huancard', this.ruleForm.F_IDNumber || '')
+            window.localStorage.setItem('huancardShow', this.ruleForm.F_IDNumberShow || '')
+
             if (res.rows[0].F_Sex == '男') {
               this.ruleForm.F_Sex = '0'
             }
@@ -1219,13 +1224,14 @@
             setTimeout(() => {
               const this_ = this
               this_.ruleForm.F_IDNumber = window.localStorage.getItem('huancard') || ''
+              this_.ruleForm.F_IDNumberShow = window.localStorage.getItem('huancardShow') || ''
             }, 1000)
           }
           if (!this.ruleForm.F_CusAddress) {
             setTimeout(() => {
               const this_ = this
-              this_.ruleForm.F_CusAddress =
-                window.localStorage.getItem('huanaddress') || ''
+              this_.ruleForm.F_CusAddress = window.localStorage.getItem('huanaddress') || ''
+              this_.ruleForm.F_CusAddressShow = window.localStorage.getItem('huanaddressShow') || ''
             }, 1000)
           }
         })

CallCenterWeb.UI/RMYY/src/views/callScreen/components/NoRegList.vue

@@ -17,14 +17,6 @@
         clearable
         placeholder="请输入患者手机号"
       />
-      <el-input
-        v-model="searchData.jzh"
-        size="medium"
-        class="filter-item"
-        style="width: 160px;"
-        clearable
-        placeholder="请输入就诊号"
-      />
       <el-button
         type="primary"
         size="medium"
@@ -76,7 +68,6 @@ export default {
       searchData: {
         name: '',
         tel: '',
-        jzh: ''
       },
       hosarr: [],
       tableData: []
@@ -95,27 +86,29 @@ export default {
         type: 'warning'
       }).then(() => {
         const params = {
-          F_OrderId:item.F_OrderId,
-          F_PatientName:item.F_PatientName,
-          F_PatientCode:item.F_PatientCode
+          F_Yydm : item.F_Yydm,
+          F_PatientCode:item.F_PatientCode,
+          F_RecordId:item.F_RecordId,
+          F_OrderId:item.F_OrderId
+          
         }
         console.log(params)
-        return
+        
         regCancel(params).then((res) => {
           console.log(res)
+          
           this.tableData = []
-          if (res.rows.length > 0) {
-            this.tableData = res.rows
-          }
+          this.$message.success('取消预约')
+          this.getList() 
+         
         })
-        // this.$message({
-        //   type: 'success',
-        //   message: '取消成功!'
-        // });
+        
       })
     },
     getList() {
       const params = {
+        tel:this.searchData.tel,
+        name:this.searchData.name,
         // datetime: this.searchData.searchTime,
         // id: this.searchData.hosid
       }

CallCenterWeb.UI/RMYY/src/views/callScreen/components/RegList.vue

@@ -5,42 +5,46 @@
         size="medium" style="width: 150px;" clearable placeholder="选择日期" />
       <el-select v-model="searchData.hosid" size="medium" class="filter-item" style="width: 150px;" clearable
         placeholder="请选择院区" @change="handleHospital">
-        <el-option 
-          v-for="(item, index) in hosarr" 
-          :key="index" 
-          :label="item.hospitalname" 
-          :value="item.hospitalcode" 
-        />
+        <el-option v-for="(item, index) in hosarr" :key="index" :label="item.yymc" :value="item.yydm" />
       </el-select>
       <el-select v-model="searchData.deptid" size="medium" class="filter-item" style="width: 150px;" clearable
         placeholder="请选择科室" @change="handleDept">
-        <el-option 
-          v-for="(item, index) in deptarr" 
-          :key="index" 
-          :label="item.name" 
-          :value="item.id" 
-        />
+        <el-option v-for="(item, index) in deptarr" :key="index" :label="item.yjksmc" :value="item.yjksdm" />
       </el-select>
-      <el-input v-model="searchData.deptname" size="medium" class="filter-item" style="width: 150px;" clearable
+      <el-select v-model="searchData.doctorid" size="medium" class="filter-item" style="width: 150px;" clearable
+        placeholder="请选择医生" @change="handleDoctor">
+        <el-option v-for="(item, index) in doctorarr" :key="index" :label="item.ysmc" :value="item.ysdm" />
+      </el-select>
+      <el-select v-model="searchData.hyId" size="medium" class="filter-item" style="width: 150px;" clearable
+        placeholder="请选择号源" @change="handleHy">
+        <el-option v-for="(item, index) in hytarr" :key="index" :label="item.zzlxmc" :value="item.pbxh" />
+      </el-select>
+
+      <!-- <el-input v-model="searchData.deptname" size="medium" class="filter-item" style="width: 150px;" clearable
         placeholder="医生姓名" />
-      <el-button type="primary" size="medium" @click="btn_search">搜索</el-button>
+      <el-button type="primary" size="medium" @click="btn_search">搜索</el-button> -->
     </div>
     <div class="regList">
       <div class="regItem" v-for="(item, index) in tableData">
         <div class="itemLine1">
-          <div class="lineSpan1">{{item.doctorname}}</div>
-          <div class="lineSpan2">{{ rankidObj[item.rankid]}}</div>
-          <div class="lineSpan3">{{item.czlx == 1 ? '专家':item.czlx == 8 ?'普通':'未知'}}</div>
+          <div class="lineSpan1">{{ item.doctorName }}</div>
+          <div class="lineSpan2">{{ item.yszc }}</div>
+          <div class="lineSpan3">{{ item.czlx ? item.czlx : '未知' }}</div>
+        </div>
+        <div class="itemLine2">
+          <div class="lineSpan1">{{ item.hosName }}</div>
+          <div class="lineSpan2">{{ item.deptName ? item.deptName : '未知' }}</div>
+          <div class="lineSpan3">坐诊时间:{{ item.zzlxmc ? item.zzlxmc : '未知' }}</div>
+          <div class="lineSpan4">挂号费用:{{ item.ghf }}</div>
         </div>
         <div class="itemLine2">
-          <div class="lineSpan1">{{ hospitalcodObj[item.hospitalcod] ? hospitalcodObj[item.hospitalcod]: '未知'}}</div>
-          <div class="lineSpan2">{{item.ksmc?item.ksmc:'未知'}}</div>
-          <div class="lineSpan3">坐诊时间:{{pcodeObj[item.pcode]?pcodeObj[item.pcode]:'未知'}}  {{item.date}} {{item.stime}}-{{item.etime}}</div>
-          <div class="lineSpan4">挂号费用:{{item.price}}</div>
-          <div class="lineSpan4">余号:{{item.acount}}</div>
+          <div class="lineSpan1">挂号号序：{{ item.ghhx }}</div>
+          <div class="lineSpan2">状态：{{ item.hxzt ? item.hxzt : '未知' }}</div>
+          <div class="lineSpan3">时段: {{ item.kssj ? item.kssj : '未知' }} - {{ item.jssj ? item.jssj : '未知' }}</div>
           <div class="lineSpan4">
-            <el-button class="btn" size="small" @click="handleReg(item)" type="primary" v-if="item.acount">预约</el-button>
-            <el-button class="btn" size="small" type="primary" v-if="!item.acount" disabled>预约</el-button>
+            <el-button class="btn" size="small" @click="handleReg(item)" type="primary"
+              v-if="item.hxzt === '未使用'">预约</el-button>
+            <el-button class="btn" size="small" type="primary" v-if="item.hxzt !== '未使用'" disabled>预约</el-button>
           </div>
 
         </div>
@@ -50,18 +54,8 @@
       <el-form label-width="120px" style="width: 90%;">
         <el-row>
           <el-col :span="20">
-            <el-form-item label="预约时间"  >
-              <el-select v-model="ruleForm.PatientCode" 
-                size="medium" clearable
-                @change="handlePatient"
-                placeholder="请选择预约时间">
-                <el-option 
-                  v-for="(item, index) in PatientArr" 
-                  :key="index" 
-                  :label="item.time" 
-                  :value="item.id" 
-                />
-              </el-select>
+            <el-form-item label="预约时间">
+              <el-input v-model="tableItem.zzlxmc" disabled placeholder="请输入预约时间" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -69,7 +63,7 @@
         <el-row>
           <el-col :span="20">
             <el-form-item label="患者姓名">
-              <el-input v-model="ruleForm.PatientName" placeholder="请输入患者姓名" />
+              <el-input v-model="ruleForm.patientName" placeholder="请输入患者姓名" @change="handlePatient($event.target.value, 'patientName')" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -77,15 +71,17 @@
         <el-row>
           <el-col :span="20">
             <el-form-item label="身份证号">
-              <el-input v-model="ruleForm.identityCard" placeholder="请输入身份证号" />
+              <el-input v-model="ruleForm.identityCard" placeholder="请输入身份证号"  @change="handlePatient($event.target.value, 'identityCard')"/>
             </el-form-item>
           </el-col>
         </el-row>
-
         <el-row>
           <el-col :span="20">
             <el-form-item label="性别">
-              <el-input v-model="ruleForm.Sex" placeholder="请输入性别" />
+              <el-radio-group v-model="ruleForm.sex">
+                  <el-radio label="男">男</el-radio>
+                  <el-radio label="女">女</el-radio>
+                </el-radio-group>
             </el-form-item>
           </el-col>
         </el-row>
@@ -93,11 +89,34 @@
         <el-row>
           <el-col :span="20">
             <el-form-item label="出生日期">
-              <el-input v-model="ruleForm.Birthday" placeholder="请输入出生日期" />
+              <el-input v-model="ruleForm.birthday" placeholder="请输入出生日期" />
             </el-form-item>
           </el-col>
         </el-row>
 
+        <el-row v-if="ruleFormAge<=12">
+          <el-col :span="20">
+            <el-form-item label="监护人姓名">
+              <el-input v-model="ruleForm.lxrxm" placeholder="请输入监护人姓名" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row v-if="ruleFormAge<=12">
+          <el-col :span="20">
+            <el-form-item label="监护人电话">
+              <el-input v-model="ruleForm.lxrdh" placeholder="请输入监护人电话" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row v-if="ruleFormAge<=12">
+          <el-col :span="20">
+            <el-form-item label="监护人证件号">
+              <el-input v-model="ruleForm.lxrzjh" placeholder="请输入监护人证件号" />
+            </el-form-item>
+          </el-col>
+        </el-row>
         <!-- <el-row>
           <el-col :span="20">
             <el-form-item label="民族">
@@ -116,16 +135,8 @@
 
         <el-row>
           <el-col :span="20">
-            <el-form-item label="家庭住址">
-              <el-input v-model="ruleForm.Address" placeholder="请输入家庭住址" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-row>
-          <el-col :span="20">
             <el-form-item label="预约医生姓名">
-              <el-input v-model="ruleForm.doctor" placeholder="请输入医生姓名" />
+              <el-input v-model="tableItem.doctorName" disabled placeholder="请输入医生姓名" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -133,7 +144,7 @@
         <el-row>
           <el-col :span="20">
             <el-form-item label="预约院区">
-              <el-input v-model="ruleForm.hospital" placeholder="请输入预约院区" />
+              <el-input v-model="tableItem.hosName" disabled placeholder="请输入预约院区" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -141,17 +152,10 @@
         <el-row>
           <el-col :span="20">
             <el-form-item label="预约科室">
-              <el-input v-model="ruleForm.dept" placeholder="请输入预约科室" />
+              <el-input v-model="tableItem.deptName" disabled placeholder="请输入预约科室" />
             </el-form-item>
           </el-col>
         </el-row>
-        <!-- <el-row>
-          <el-col :span="20">
-            <el-form-item label="预约时间">
-              <el-input v-model="ruleForm.name2" placeholder="请输入客户电话" />
-            </el-form-item>
-          </el-col>
-        </el-row> -->
 
         <el-row>
           <el-form-item>
@@ -165,244 +169,410 @@
 </template>
 
 <script>
-  import axios from 'axios'
-  import { getHos,GetRegHospital,GetRegDept, GetRegistrationl,GetRegWid,GetYygh,getinum } from '@/api/callScreen/callScreen'
-
-  import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
-  import hischange from './hischange'
-  export default {
-    name: 'VisitList',
-    components: {
-      Pagination
-    },
-    props: {
-      callinNum: {
-        type: String,
-        default: ''
-      }
-    },
+import { GetRegHospital, GetRegDept, GetRegWid, GetYygh, Gethy, gethx,getZLId } from '@/api/callScreen/callScreen'
+import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
+import { decrypt } from '@/utils/secretKey'
 
-    data() {
-      return {
-        widarr:[],
-        deptarr:[],
-        drawer: false,
-        direction: 'rtl',
-        PatientArr:[],
-        ruleForm: {
-          PatientCode:'',
-          PatientName: '', // 患者姓名
-          identityCard: '', // 身份证号
-          Sex: '', // 性别
-          Birthday: '', // 出生日期
-          tel: '', // 联系方式
-          Address: '', // 家庭住址
-          doctor: '', // 预约医生姓名
-          hospital: '', // hospital
-          dept: '', // 预约科室
-          inum:'', // 挂号序号  Registration/getinum
-          wid:'', // 排班标识 Registration/getwid
-          price : '', // 挂号费 Registration/getwid
-        },
-        searchData: {
-          searchTime: '',
-          hosid: '',
-          deptid:'',
-          deptname: ''
-        },
-        hospitalcodObj:{
-          1:'总院',
-          11:'和平分院',
-          12:'胜利分院',
-        },
-        pcodeObj:{
-          10:'上午',
-          20:	'中午',
-          30:'下午',
-          40:'夜班',
-          50:'全天',
-          60:'急诊上午',
-          70:'急诊下午',
-          80:'夏令',
-          90:'绿色通道',
-        },
-        rankidObj:{
-          10:'名特专家',
-          11:'省优秀专家',
-          12:'保健干部医师',
-          13:'主任医师',
-          14:'主治医师',
-          15:'住院医师',
-          16:'急诊医师',
-          3:'副主任医师',
-          4:'国家特贴主任医师',
-          6:'建议书',
-          9:'门诊挂号',
-          5:'未知'
-        },
-        wrankObj:{
-          1 :'名特专家',        
-          2 :'省优秀专家',  
-          3 :'保健干部医师',
-          4:'主任医师',        
-          5:'主治医师',        
-          6:'住院医师',
-          7:'急诊医师',
-          8:'副主任医师',      
-          9:'国家特贴主任医师'
-        },
-        hosarr: [],
-        tableData: []
-      }
-    },
-    created() {
-      this.getHospital()
-      // this.handleDept()
-      // this.getList()
-    },
-    methods: {
-      submitForm() {
-        console.log(this.ruleForm)
-        const params = this.ruleForm   
-        // axios.get('http://192.168.1.37:8000/Registration/Yygh',
-        // {
-        //   params,
-        //   headers: {
-        //     'Content-Type':'pplication/x-www-form-urlencoded;charset=UTF-8'
-        //   }
-        // }).then(function (response) {
-        //   console.log(response)
-        // }).catch(function (error) {
-        //   console.log(error);
-        // });
-        GetYygh(this.ruleForm).then((res) => {
-          console.log(res)
-          this.drawer = false
-        })
-      },
-      handlePatient(e){
-        const resultValue = this.PatientArr.find(function(item, index, arr){
-          return item.id === e
-        })
-        console.log(resultValue.inum)
-        this.ruleForm.inum = resultValue.inum
+export default {
+  name: 'VisitList',
+  components: {
+    Pagination
+  },
+  props: {
+    callinNum: {
+      type: String,
+      default: ''
+    }
+  },
+
+  data() {
+    return {
+      hosarr: [], // 院区数据
+      deptarr: [], // 科室数据
+      doctorarr: [], // 医生数据
+      hytarr: [], // 号源数据
+      tableObj: {},
+      tableData: [], // 预约数据
+      patientData:{}, // 患者数据
+      // 搜索字段
+      searchData: {
+        searchTime: '',
+        hosid: '',
+        deptid: '',
+        deptname: '',
+        doctorid: '',
+        hyId: '',
+        hxId: '',
       },
-      handleReg(item) {
-        this.drawer = true
-        this.ruleForm.wid = item.wid
-        this.ruleForm.price = item.price
-        const params = {
-          wid:item.wid
-        }
-        getinum(params).then((res) => {
-          console.log(res)
-          if (res.no.length > 0) {
-            this.PatientArr = res.no
-          }
-          console.log(this.PatientArr)
-        })
+      // 预约选中数据
+      tableItem: {},
+      // 添加工单
+      drawer: false,
+      direction: 'rtl',
+      ruleFormAge:false,  
+      hyName:'',
+      ruleForm: {
+        patientName: '', // 患者姓名
+        identityCard: '', // 身份证号
+        sex: '', // 性别
+        birthday: '', // 出生日期
+        lxrxm: '', // 监护人姓名
+        lxrdh: '', // 监护人电话
+        lxrzjh: '', // 监护人证件号
+        tel: '', // 联系方式
+        pid:'',
+        // 隐藏表单数据
+        yyhx: '', // 预约号序
+        pbxh: '', // 排班序号
+        yydm: '' // 院区代码
       },
-      handleClose(done) {
-        this.drawer = false
+
+      // 数据过滤
+      hxztObj: {
+        0: '未使用',
+        1: '已预约',
+        2: '已确号'
       },
-      btn_search() {
-        this.getList()
+      // 0 普通 1专家 2特需 3远程门诊 4 专病专家 5专病 6 整合门诊中医膏方门诊 8 普通医生门诊 9 线上门诊 10 敷贴门诊
+      rankidObj: {
+        0: '普通',
+        1: '专家',
+        2: '特需',
+        3: '远程门诊',
+        4: '专病专家',
+        5: '专病',
+        6: '整合门诊中医膏方门诊',
+        8: '普通医生门诊',
+        9: '线上门诊',
+        10: '敷贴门诊'
       },
-      handleDept(e){
-        console.log(e)
-        const params = {
-          deptid:e
+
+    }
+  },
+  created() {
+    this.getHospital()
+  },
+  methods: {
+    submitForm() {
+      console.log(this.ruleForm)
+      const params = this.ruleForm
+      if(!this.ruleForm.patientName){
+        this.$message.error('请填入患者姓名')
+        return
+      }
+      if(!this.ruleForm.identityCard){
+        this.$message.error('请填入身份证号')
+        return
+      }
+      if(!this.ruleForm.tel){
+        this.$message.error('请填入电话')
+        return
+      }
+      if (this.ruleFormAge <= 12) {
+        if(!this.ruleForm.lxrxm){
+          this.$message.error('请填入监护人姓名')
+          return
         }
-        GetRegWid(params).then((res) => {
-          this.widarr = []
-          if (res.works.length>0) {
-            // this.widarr = res.works
-            this.tableData =  res.works
-          }
-          
-        })
-      },
-     
-      handleHospital(e){
-        console.log(e)
+        if(!this.ruleForm.lxrdh){
+          this.$message.error('请填入监护人电话')
+          return
+        }
+        if(!this.ruleForm.lxrzjh){
+          this.$message.error('请填入监护人证件号')
+          return
+        }
+      }
+      console.log(params)
+      
+      GetYygh(params).then((res) => {
+        console.log(res)
+        this.drawer = false
+        this.handleHy(this.hyName)
+        this.$message.success('预约成功')
+      })
+    },
+    // 预约按钮点击
+    handleReg(item) {
+      this.drawer = true
+      this.tableItem = item
+      this.ruleForm.yyhx = item.ghhx // 预约号序
+      this.ruleForm.pbxh = item.pbxh // 排班序号
+      this.ruleForm.identityCard = decrypt(window.localStorage.getItem('huancardShow')) // 身份证号
+      this.ruleForm.identityCard = '411282202009122320'
+      if (this.ruleForm.identityCard) {
+        this.ruleForm.sex  = this.parseIDCard(this.ruleForm.identityCard).gender
+        this.ruleFormAge  = this.parseIDCard(this.ruleForm.identityCard).age
+        this.ruleForm.birthday  = this.parseIDCard(this.ruleForm.identityCard).birthDate
+      }
+      
+      this.ruleForm.patientName = window.localStorage.getItem('huanxm') // 患者姓名
+      // this.ruleForm.pid  患者id
+      this.ruleForm.tel = this.callinNum // 患者电话
+      this.ruleForm.yydm = item.yydm // 院区代码
+
+      this.getPatient()
+      // 患者部分
+      // this.ruleForm.pid = decrypt(window.localStorage.getItem('huancardShow')
+
+    },
+    // 预约弹框关闭
+    handleClose(done) {
+      this.drawer = false
+    },
+    handlePatient(value,key){
+      if (key === 'patientName') {
+        this.ruleForm.patientName = value
+      }
+      if (key === 'identityCard') {
+        this.ruleForm.identityCard = value
+      }
+      getPatient()
+    },
+    // 获取院区数据
+    getPatient() {
+      if (this.ruleForm.identityCard && this.ruleForm.patientName) {
         const params = {
-          preetype:6,
-          hospitalcode:e
+          PatientName:this.ruleForm.patientName,
+          identityCard:this.ruleForm.identityCard,
+          yydm:this.ruleForm.yydm,
         }
-        GetRegDept(params).then((res) => {
-          this.deptarr = []
-          if (res.depts.length>0) {
-            this.deptarr = res.depts
-          }
-          
-        })
-      }, 
-      getHospital() {
-        const params = {}
-        GetRegHospital(params).then((res) => {
+        getZLId(params).then((res) => {
           this.hosarr = []
-          if (res.reportlist.length>0) {
-            this.hosarr = res.reportlist
+          if (res.patinfos.length > 0) {
+            
+            const resultData = res.patinfos[0]
+            this.ruleForm.pid = resultData.patid
+            this.ruleForm.identityCard = resultData.zjh
+            this.ruleForm.patientName = resultData.hzxm
+            if (this.ruleForm.identityCard) {
+              this.ruleForm.sex  = this.parseIDCard(this.ruleForm.identityCard).gender
+              this.ruleFormAge  = this.parseIDCard(this.ruleForm.identityCard).age
+              this.ruleForm.birthday  = this.parseIDCard(this.ruleForm.identityCard).birthDate
+            }
+            if (this.ruleFormAge <= 12) {
+              this.ruleForm.lxrxm = resultData.lxrxm
+              this.ruleForm.lxrdh = resultData.lxrdh
+              this.ruleForm.lxrdh = resultData.lxrdh
+            }
+            
+
           }
         })
       }
+      
+    },
+    // 获取院区数据
+    getHospital() {
+      const params = {}
+      GetRegHospital(params).then((res) => {
+        this.hosarr = []
+        if (res.data.length > 0) {
+          this.hosarr = res.data
+        }
+      })
+    },
+    // 获取部门数据，院区改变时触发
+    handleHospital(e) {
+      console.log(e)
+      this.tableObj.hosName = this.findNameById(e, this.hosarr, 'yymc', 'yydm')
+      this.tableObj.yydm = e
+      const params = {
+        ksrq: this.searchData.searchTime,
+        jsrq: this.searchData.searchTime,
+        yydm: e
+      }
+      GetRegDept(params).then((res) => {
+        this.deptarr = []
+        console.log(res)
+        if (res.length > 0) {
+          this.deptarr = res
+        }
+
+      })
+    },
+    // 获取医生数据，部门改变时触发
+    handleDept(e) {
+      console.log(e)
+      this.tableObj.deptName = this.findNameById(e, this.deptarr, 'yjksmc', 'yjksdm')
+      const params = {
+        ksdm: e,
+        ksrq: this.searchData.searchTime,
+        jsrq: this.searchData.searchTime,
+        yydm: this.searchData.hosid
+      }
+      GetRegWid(params).then((res) => {
+        if (res.length > 0) {
+          this.doctorarr = res
+        }
+      })
+    },
+    // 获取号源数据，医生改变时触发
+    handleDoctor(e) {
+      console.log(e)
+      const resultItem = this.findItemById(e, this.doctorarr, 'ysdm')
+      this.tableObj.doctorName = resultItem.ysmc
+      this.tableObj.yszc = resultItem.yszc
+      this.tableObj.czlx = this.rankidObj[resultItem.czlx]
+      
+
+      const params = {
+        ysdm: e,
+        ksrq: this.searchData.searchTime,
+        jsrq: this.searchData.searchTime,
+        yydm: this.searchData.hosid
+      }
+      Gethy(params).then((res) => {
+        if (res.length > 0) {
+          this.hytarr = res
+        }
+      })
+    },
+    // 获取号序数据，号源改变时触发
+    handleHy(e) {
+      console.log(e)
+      const resultItem = this.findItemById(e, this.hytarr, 'pbxh')
+      this.hyName = e
+      this.tableObj.ghf = resultItem.ghf
+      this.tableObj.zzlxmc = resultItem.zzlxmc
+      this.tableObj.pbxh = resultItem.pbxh
+      // this.tableObj.doctorName = this.findItemById(e,this.doctorarr,'ysmc','ysdm')
+      const params = {
+        pbxh: e,
+        yydm: this.searchData.hosid
+      }
+      gethx(params).then((res) => {
+        this.tableData = []
+        if (res.length > 0) {
+          res.forEach(ele => {
+            const obj = this.tableObj
+            const newObj = {}
+            newObj.ghhx = ele.ghhx
+            newObj.memo = ele.memo
+            newObj.hxzt = this.hxztObj[ele.hxzt]
+            newObj.kssj = ele.kssj
+            newObj.jssj = ele.jssj
+            const resultObj = { ...this.tableObj, ...newObj }
+            this.tableData.push(resultObj)
+          });
+          console.log(this.tableData)
+
+        }
+      })
+    },
+    // 根据id筛选某一条数据
+    findItemById(id, arr, keyId) {
+      const item = arr.find(item => item[keyId] === id);
+      return item;
+    },
+    // 根据id筛选某一条数据的某一个值
+    findNameById(id, arr, keyName, keyId) {
+      const item = arr.find(item => item[keyId] === id);
+      return item ? item[keyName] : null;
+    },
+    parseIDCard(idCard) {
+      let birthDate;
+      let gender;
+      let age;
+
+      // 检查身份证号码的长度，判断是 15 位还是 18 位
+      if (idCard.length === 18) {
+        // 18 位身份证号码解析
+        // 提取出生年月日，格式为 YYYYMMDD
+        birthDate = `${idCard.slice(6, 10)}-${idCard.slice(10, 12)}-${idCard.slice(12, 14)}`;
+        // 提取第 17 位数字判断性别，奇数为男性，偶数为女性
+        const genderCode = parseInt(idCard[16], 10);
+        console.log(idCard)
+        console.log(idCard[16])
+        console.log(genderCode)
+        gender = genderCode % 2 === 1 ? '男' : '女';
+      } else if (idCard.length === 15) {
+        // 15 位身份证号码解析
+        // 15 位身份证号码年份只有后两位，需要补全为 19XX 年
+        birthDate = `19${idCard.slice(6, 8)}-${idCard.slice(8, 10)}-${idCard.slice(10, 12)}`;
+        // 提取第 15 位数字判断性别，奇数为男性，偶数为女性
+        const genderCode = parseInt(idCard[14], 10);
+        gender = genderCode % 2 === 1 ? '男' : '女';
+      } else {
+        this.$message.error('无效的身份证号码，长度必须为 15 位或 18 位')
+       
+      }
+
+      // 根据出生日期计算年龄
+      const birth = new Date(birthDate);
+      const now = new Date();
+      age = now.getFullYear() - birth.getFullYear();
+      // 检查生日是否已过，如果未过则年龄减 1
+      if (
+        now.getMonth() < birth.getMonth() ||
+        (now.getMonth() === birth.getMonth() && now.getDate() < birth.getDate())
+      ) {
+        age--;
+      }
+
+      return {
+        birthDate,
+        gender,
+        age
+      };
     }
+
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss">
-  .regList {
-    height: 590px;
-    overflow-y: auto;
+.regList {
+  height: 590px;
+  overflow-y: auto;
 
-    .regItem {
-      border-top: 1px solid #DCDFE6;
-      padding: 10px;
+  .regItem {
+    border-top: 1px solid #DCDFE6;
+    padding: 10px;
 
-      .itemLine1 {
-        display: flex;
+    .itemLine1 {
+      display: flex;
 
-        line-height: 30px;
+      line-height: 30px;
 
-        .lineSpan1 {
-          font-size: 18px;
-        }
+      .lineSpan1 {
+        font-size: 18px;
+      }
 
-        .lineSpan2 {
-          font-size: 16px;
-          padding-left: 10px;
-        }
+      .lineSpan2 {
+        font-size: 16px;
+        padding-left: 10px;
+      }
 
-        .lineSpan3 {
-          font-size: 12px;
-          padding-left: 10px;
-        }
+      .lineSpan3 {
+        font-size: 12px;
+        padding-left: 10px;
       }
+    }
 
-      .itemLine2 {
-        display: flex;
-        line-height: 30px;
-        font-size: 14px;
+    .itemLine2 {
+      display: flex;
+      line-height: 30px;
+      font-size: 14px;
 
-        .lineSpan1 {}
+      .lineSpan1 {}
 
-        .lineSpan2 {
-          padding-left: 10px;
-        }
+      .lineSpan2 {
+        padding-left: 10px;
+      }
 
-        .lineSpan3 {
-          padding-left: 10px;
-        }
+      .lineSpan3 {
+        padding-left: 10px;
+      }
 
-        .lineSpan4 {
-          padding-left: 10px;
+      .lineSpan4 {
+        padding-left: 10px;
 
-          .btn {
-            font-size: 12px;
-            padding: 5px 10px;
-          }
+        .btn {
+          font-size: 12px;
+          padding: 5px 10px;
         }
       }
     }
   }
+}
 </style>

CallCenterWeb.UI/RMYY/src/views/callScreen/components/callScreen.vue

@@ -24,6 +24,26 @@
               <his-List :callin-num="callinNum" :callid="callinCallid" @patientMsg="getPatient"/>
             </div>
           </el-tab-pane>
+          <el-tab-pane label="挂号预约" name="RegList">
+		
+            <div class="tab_body">
+		
+              <reg-list :callin-num="callinNum"  :callid="callinCallid" />
+		
+            </div>
+		
+          </el-tab-pane>
+		
+          <el-tab-pane label="取消预约" name="five">
+		
+           <div class="tab_body">
+		
+              <no-reg-list ref="noRegListEl" :callin-num="callinNum" :callid="callinCallid" />
+		
+           </div>
+		
+         </el-tab-pane>
+		
           <el-tab-pane label="坐诊信息" name="visitInfo">
             <div class="tab_body">
               <visit-list :callin-num="callinNum" :callid="callinCallid" />
@@ -74,6 +94,8 @@ import HisList from './hisList'
 import AddOrEditOrder from './AddOrEditOrder'
 import VisitList from './VisitList'
 import drugList from './drugList'
+import RegList from './RegList'
+import NoRegList from './NoRegList'
 
 export default {
   name: 'CallScreenComponent',
@@ -87,6 +109,8 @@ export default {
     HisList,
     AddOrEditOrder,
     drugList,
+    RegList,
+    NoRegList,
     VisitList
   },
   data() {
@@ -156,7 +180,7 @@ export default {
       }
     })
     this.callinNum = this.telCallNum // 来电号码  $route.params.telInNumber
-    // this.callinNum = '15638114211' // 来电号码  $route.params.telInNumber
+    this.callinNum = '15638114211' // 来电号码  $route.params.telInNumber
     this.ldphone = this.$route.params.telInNumber
     if (this.$route.params.callid) {
       this.callinCallid = this.$route.params.callid.toString() // 来电callid  $route.params.callid
@@ -171,6 +195,8 @@ export default {
         this.getHistoryList(tab.name)
       } else if (tab.name === 'fourth') {
         this.getOrderList(tab.name)
+      } else if(tab.name === 'five'){
+        this.getNoRegList(tab.name)
       }
     },
     // 获取知识库列表
@@ -180,6 +206,14 @@ export default {
       }
       this.$refs.knowledgeListEl.getList()
     },
+    
+    // 取消预约数据列表   
+    getNoRegList(acname) {
+      if (!acname) {
+        this.activeName = 'five'
+      }
+      this.$refs.noRegListEl.getList()
+    },
     // 获取历史工单列表
     getHistoryList(acname) {
       if (!acname) {