住院管理/详情

src/router/index.js

@@ -330,6 +330,26 @@ export const constantRoutes = [
           title: '挂号详情', icon: 'component'
         }
       },
+      // 住院管理
+      {
+        path: 'hospitalization-management',
+        component: () => import('@/views/service-management/hospitalization-management/hospitalization-management'),
+        name: 'HospitalizationManagement',
+        props: true,
+        meta: {
+          title: '住院管理', icon: 'component'
+        }
+      },
+      // 住院详情
+      {
+        path: 'hospitalization-details/:id',
+        component: () => import('@/views/service-management/hospitalization-management/hospitalization-details'),
+        name: 'HospitalizationDetails',
+        props: true,
+        meta: {
+          title: '住院详情', icon: 'component'
+        }
+      },
       // 录入诊断路由
       {
         path: 'registration-edit/:id/:type',
@@ -370,15 +390,6 @@ export const constantRoutes = [
           title: '检查管理', icon: 'component'
         }
       },
-      {
-        path: 'hospitalization-management',
-        component: () => import('@/views/service-management/hospitalization-management/hospitalization-management.vue'),
-        name: 'HospitalizationManagement',
-        props: true,
-        meta: {
-          title: '住院管理', icon: 'component'
-        }
-      },
       // 检查详情
       {
         path: 'check-detail',

src/views/service-management/hospitalization-management/hospitalization-management.vue

 <template>
   <div class="app-container">
     <el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px">
-      <el-form-item label="病历id" prop="medicalRecordId">
+      <el-form-item  prop="medicalRecordId">
         <el-input
-          v-model="queryParams.medicalRecordId"
-          placeholder="请输入病历id"
+          v-model.trim="queryParams.medicalRecordId"
+          placeholder="请输入宠物昵称/宠主姓名"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="沐浴" prop="bathe">
+      <el-form-item prop="bathe">
         <el-input
           v-model="queryParams.bathe"
-          placeholder="请输入沐浴"
+          placeholder="病情等级"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="出院结果1-允许出院、2-占用" prop="result">
+      <el-form-item prop="bathe">
         <el-input
-          v-model="queryParams.result"
-          placeholder="请输入出院结果1-允许出院、2-占用"
+          v-model="queryParams.bathe"
+          placeholder="病房类型"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="病情等级" prop="diseaseLevel">
+      <el-form-item prop="bathe">
         <el-input
-          v-model="queryParams.diseaseLevel"
-          placeholder="请输入病情等级"
+          v-model="queryParams.bathe"
+          placeholder="病房号"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      <el-form-item prop="bathe">
+        <el-input
+          v-model="queryParams.bathe"
+          placeholder="请输入入院日期"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item prop="bathe">
+        <el-input
+          v-model="queryParams.bathe"
+          placeholder="请选择排序方式"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
       </el-form-item>
     </el-form>
 
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
+    <el-row :gutter="10" class="mb8" style="margin: 0 0 20px 1px">
       <el-button
-          v-hasPermi="['business:hospital:add']"
-          type="primary"
-          plain
-          icon="el-icon-plus"
+        class="fourWordsBtn"
+        icon="el-icon-finished"
         size="mini"
-          @click="handleAdd"
-        >新增</el-button>
-      </el-col>
-      <el-col :span="1.5">
+        @click="selectAll()"
+      >选择全部
+      </el-button>
       <el-button
-          v-hasPermi="['business:hospital:edit']"
-          type="success"
-          plain
-          icon="el-icon-edit"
+        class="fourWordsBtn"
+        icon="el-icon-back"
         size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-        >修改</el-button>
-      </el-col>
-      <el-col :span="1.5">
+        @click="reverseSelect()"
+      >反向选择
+      </el-button>
       <el-button
-          v-hasPermi="['business:hospital:remove']"
-          type="danger"
-          plain
-          icon="el-icon-delete"
+        class="fourWordsBtn"
+        icon="el-icon-upload2"
         size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-        >删除</el-button>
-      </el-col>
-      <el-col :span="1.5">
+        @click="handleExport()"
+      >批量导出
+      </el-button>
       <el-button
-          v-hasPermi="['business:hospital:export']"
-          type="warning"
-          plain
-          icon="el-icon-download"
+        style="position: relative; float: right;"
+        class="resetBtn"
+        icon="el-icon-refresh"
         size="mini"
-          @click="handleExport"
-        >导出</el-button>
-      </el-col>
-      <right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
+        @click="resetQuery"
+      >重置
+      </el-button>
+      <el-button
+        style="position: relative; float: right;"
+        class="queryBtn"
+        icon="el-icon-search"
+        size="mini"
+        @click="handleQuery"
+      >查询
+      </el-button>
     </el-row>
 
     <el-table v-loading="loading" :data="hospitalList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="主键" align="center" prop="id" />
-      <el-table-column label="病历id" align="center" prop="medicalRecordId" />
-      <el-table-column label="沐浴" align="center" prop="bathe" />
-      <el-table-column label="1-待缴费" align="center" prop="status" />
-      <el-table-column label="出院情况" align="center" prop="dischargeStatus" />
-      <el-table-column label="医嘱" align="center" prop="doctorAdvice" />
-      <el-table-column label="出院结果1-允许出院、2-占用" align="center" prop="result" />
-      <el-table-column label="病情等级" align="center" prop="diseaseLevel" />
+      <el-table-column label="序号" type="index" align="left" />
+      <el-table-column label="病情等级" align="center" prop="id" />
+      <el-table-column label="宠物昵称" align="center" prop="medicalRecordId" />
+      <el-table-column label="宠物保险" align="center" prop="bathe" />
+      <el-table-column label="宠主姓名" align="center" prop="status" />
+      <el-table-column label="联系方式" align="center" prop="dischargeStatus" />
+      <el-table-column label="主治兽医" align="center" prop="doctorAdvice" />
+      <el-table-column label="所属科室" align="center" prop="result" />
+      <el-table-column label="病房负责人" align="center" prop="diseaseLevel" />
+      <el-table-column label="入院日期" align="center" prop="diseaseLevel" />
+      <el-table-column label="入院天数" align="center" prop="diseaseLevel" />
+      <el-table-column label="病房类型" align="center" prop="diseaseLevel" />
+      <el-table-column label="病房号" align="center" prop="diseaseLevel" />
+      <el-table-column label="押金金额" align="center" prop="diseaseLevel" />
+      <el-table-column label="状态" align="center" prop="diseaseLevel" />
+      <el-table-column label="出院日期" align="center" prop="diseaseLevel" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
-            v-hasPermi="['business:hospital:edit']"
+            icon="el-icon-document"
+            plain
             size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-          >修改</el-button>
+            style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(95,181,75);"
+            type="success"
+            @click="handleDetails(scope.row)"
+          >详情</el-button>
           <el-button
-            v-hasPermi="['business:hospital:remove']"
+            v-if="scope.row.treatSchedule==='1'&&scope.row.payType==='1'"
+            class="bookNow"
             size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-          >删除</el-button>
+            icon="el-icon-orange"
+            @click="handleSubscribe(scope.row)"
+          >办理入住</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -161,7 +176,7 @@ export default {
   data() {
     return {
       // 遮罩层
-      loading: true,
+      loading: false,
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -173,7 +188,9 @@ export default {
       // 总条数
       total: 0,
       // 业务管理-住院管理表格数据
-      hospitalList: [],
+      hospitalList: [
+        { id: '1', medicalRecordId: '1' }
+      ],
       // 弹出层标题
       title: '',
       // 是否显示弹出层
@@ -198,9 +215,16 @@ export default {
     }
   },
   created() {
-    this.getList()
+    // this.getList()
   },
   methods: {
+    // 去详情页
+    handleDetails(row) {
+      this.$router.push({
+        name: 'HospitalizationDetails',
+        params: { id: row.id }
+      })
+    },
     /** 查询业务管理-住院管理列表 */
     getList() {
       this.loading = true
@@ -305,3 +329,8 @@ export default {
   }
 }
 </script>
+<style>
+.app-container{
+  background-color: #FFFFFF;
+}
+</style>