进度信息模块封装ui代码优化

src/views/medical-record-management/medical-record-management.vue

@@ -2,7 +2,15 @@
   <div style="background-color: #FFFFFF;">
     <div class="app-container">
       <!--顶部搜索区-->
-      <el-form v-show="showSearch" ref="queryForm" class="form-style" :inline="true" :model="queryParams" label-width="68px" size="small">
+      <el-form
+        v-show="showSearch"
+        ref="queryForm"
+        :inline="true"
+        :model="queryParams"
+        class="form-style"
+        label-width="68px"
+        size="small"
+      >
         <el-form-item prop="petNickname">
           <el-input
             v-model="queryParams.petNickname"
@@ -108,26 +116,35 @@
         border
         @selection-change="handleSelectionChange"
       >
-        <el-table-column align="center" type="selection" width="55" />
-        <el-table-column align="center" show-overflow-tooltip label="序号" min-width="80" type="index" />
-        <el-table-column align="center" show-overflow-tooltip label="病历号" min-width="80" prop="visitNumber" />
-        <el-table-column align="center" show-overflow-tooltip label="宠物昵称" min-width="80" prop="petNickname" />
-        <el-table-column align="center" show-overflow-tooltip label="宠物ID" prop="nickname" />
-        <el-table-column align="center" show-overflow-tooltip label="宠主姓名" prop="nickname" />
-        <el-table-column align="center" show-overflow-tooltip label="宠主手机号" prop="petOwnerNumber" />
-        <el-table-column align="center" show-overflow-tooltip label="归档医院" prop="deptId" />
-        <el-table-column align="center" show-overflow-tooltip label="主治兽医" prop="doctorName" />
-        <el-table-column align="center" show-overflow-tooltip label="所属科室" prop="departmentId" />
-        <el-table-column align="center" show-overflow-tooltip label="就诊日期" prop="visitTime" width="180">
+        <el-table-column align="center" type="selection" width="55"/>
+        <el-table-column align="center" label="序号" min-width="80" show-overflow-tooltip type="index"/>
+        <el-table-column align="center" label="病历号" min-width="80" prop="medicalRecordNo" show-overflow-tooltip/>
+        <el-table-column align="center" label="宠物昵称" min-width="80" prop="petNickname" show-overflow-tooltip/>
+        <el-table-column align="center" label="宠物ID" prop="petsId" show-overflow-tooltip/>
+        <el-table-column align="center" label="宠主姓名" prop="petNickname" show-overflow-tooltip/>
+        <el-table-column align="center" label="宠主手机号" prop="petOwnerPhone" show-overflow-tooltip/>
+        <el-table-column align="center" label="归档医院" prop="hospitalName" show-overflow-tooltip/>
+        <el-table-column align="center" label="主治兽医" prop="doctorName" show-overflow-tooltip/>
+        <el-table-column align="center" label="所属科室" prop="hospitalDepartmentName" show-overflow-tooltip/>
+        <el-table-column align="center" label="就诊日期" prop="visitDate" show-overflow-tooltip width="180">
           <template slot-scope="scope">
-            <span>{{ parseTime(scope.row.visitTime, '{y}-{m}-{d}') }}</span>
+            <span>{{ parseTime(scope.row.visitDate, '{y}-{m}-{d}') }}</span>
           </template>
         </el-table-column>
-        <el-table-column align="center" show-overflow-tooltip label="宠物保险" prop="visitOffice" />
-        <el-table-column align="center" show-overflow-tooltip class-name="small-padding fixed-width" label="操作" min-width="180">
+        <el-table-column align="center" label="宠物保险" prop="insure" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.pet_insure" :value="scope.row.insure"/>
+          </template>
+        </el-table-column>
+        <el-table-column
+          align="center"
+          class-name="small-padding fixed-width"
+          label="操作"
+          min-width="180"
+          show-overflow-tooltip
+        >
           <template slot-scope="scope">
             <el-button
-              v-hasPermi="['business:case:edit']"
               icon="el-icon-document"
               plain
               size="mini"
@@ -137,7 +154,6 @@
             >详情
             </el-button>
             <el-button
-              v-hasPermi="['business:case:edit']"
               icon="el-icon-edit"
               plain
               size="mini"
@@ -167,6 +183,8 @@ import { listRecord } from '@/api/business/record'
 
 export default {
   name: 'MedicalRecordManagement',
+  // 数据字典
+  dicts: ['pet_insure'],
   data() {
     return {
       doctorNameList: [],
@@ -311,7 +329,9 @@ export default {
     getList() {
       this.loading = true
       listRecord(this.queryParams).then(response => {
+        console.log('病历列表的数据：', response)
         this.recordList = response.rows
+        console.log('这是病历，我要开始取字段了！', this.recordList)
         this.total = response.total
         this.loading = false
       })
@@ -382,8 +402,9 @@ export default {
 ::v-deep .el-table .disabledCheck .cell .el-checkbox__inner {
   display: none;
 }
+
 //顶部搜索框样式
-.form-style{
+.form-style {
   margin-bottom: 20px;
 }
 </style>

src/views/service-management/registration-queue/components/doctor-card.vue

@@ -148,12 +148,29 @@
       </div>
       <!-- 详细内容-->
       <div>
-        <div style=" margin: 20px; height: 200px; border: 1px solid #d6d7d7;">
-          <div style="margin-left:45%;margin-top: 5%;">
-            <div style=" width:50px;height: 50px;">
-              <el-image :src="require('@/assets/register/zanwushuju.png')"/>
+        <div
+          style=" margin: 20px;
+height: 303px;
+background: #FFFFFF;
+opacity: 1;
+border: 1px solid #E5E5E5;
+"
+        >
+          <div
+            style="   display: flex;
+          align-items: center;
+          flex-direction: column;margin-top: 9%;"
+          >
+            <div style=" width:115px;height: 74px;">
+              <el-image :src="require('@/assets/register/guahao_img_wushuju@2x.png')"/>
+            </div>
+            <div
+              style="font-size: 14px;
+font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+font-weight: 400;
+color: #AFAFAF;"
+            >暂无数据
             </div>
-            <div style="color: #b2b2b2">暂无数据</div>
           </div>
         </div>
       </div>

src/views/service-management/registration-queue/registration-queue.vue

@@ -118,7 +118,7 @@
 
       <el-table v-loading="loading" :data="registerList" @selection-change="handleSelectionChange">
         <el-table-column align="center" type="selection" width="55" />
-        <el-table-column align="center" label="序号" min-width="55" show-overflow-tooltip prop="index" />
+        <el-table-column align="center" label="序号" min-width="55"  type="index" show-overflow-tooltip prop="index" />
         <el-table-column align="center" label="挂号方式" min-width="70" show-overflow-tooltip prop="type" />
         <el-table-column align="center" label="宠物昵称" min-width="70" show-overflow-tooltip prop="petNickname" />
         <el-table-column align="center" label="宠物保险" min-width="70" show-overflow-tooltip prop="insure" />