检查管理-详请

src/router/index.js

@@ -212,6 +212,18 @@ export const constantRoutes = [
           icom: 'dashboard',
           activeMenu: '/medical-record-management/medical-detail'
         }
+      },
+      // 检查详情
+      {
+        path: '/check-detail',
+        props: true,
+        hidden: true,
+        component: () => import('@/views/service-management/medical-record-management/check-detail'),
+        name: 'CheckDetail',
+        meta: {
+          title: '检查详情',
+          icon: 'component'
+        }
       }
     ]
   },
@@ -315,7 +327,7 @@ export const constantRoutes = [
       {
         path: 'medical-record-management',
         component: () => import('@/views/service-management/medical-record-management/medical-record-management.vue'),
-        name: 'medicalRecordManagement',
+        name: 'MedicalRecordManagement',
         props: true,
         meta: {
           title: '检查管理', icon: 'component'

src/views/service-management/medical-record-management/check-detail.vue

+<template>
+  <div>检查详情1123</div>
+</template>
+
+<script>
+export default {
+  name: 'CheckDetail'
+}
+</script>
+
+<style scoped>
+
+</style>

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

@@ -11,7 +11,7 @@
       <el-form-item prop="petWeight">
         <el-select v-model="queryParams.petNickname" clearable placeholder="检查类型">
           <el-option
-            v-for="item in options"
+            v-for="item in dict.type.exam_type"
             :key="item.value"
             :label="item.label"
             :value="item.value"
@@ -42,8 +42,8 @@
         <el-date-picker
           v-model="queryParams.petNickname"
           type="date"
-          placeholder="请选择检查时间">
-        </el-date-picker>
+          placeholder="请选择检查时间"
+        />
       </el-form-item>
       <el-form-item prop="shadowReport">
         <el-select v-model="queryParams.petNickname" clearable placeholder="请选择排序方式">
@@ -55,44 +55,34 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-      </el-form-item>
     </el-form>
-
-    <el-row :gutter="10" class="mb8">
+    <el-row :gutter="10" class="mb8" style="margin: 0 0 20px 1px">
       <el-button
-        type="primary"
-        plain
+        class="fourWordsBtn"
         icon="el-icon-plus"
         size="mini"
         @click="handleAdd"
       >选择全部</el-button>
       <el-button
-        type="success"
-        plain
+        class="fourWordsBtn"
         icon="el-icon-edit"
         size="mini"
-        :disabled="single"
         @click="handleUpdate"
       >反向选择</el-button>
       <el-button
-        type="danger"
-        plain
+        class="fourWordsBtn"
         icon="el-icon-delete"
         size="mini"
-        :disabled="multiple"
         @click="handleDelete"
       >批量导出</el-button>
       <el-button
-        type="warning"
-        plain
+        class="fourWordsBtn"
         icon="el-icon-download"
         size="mini"
         @click="handleExport"
       >检查项目</el-button>
-      <el-button style="position: relative; float: right;" icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-      <el-button style="position: relative; float: right;" type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
+      <el-button style="position: relative; float: right;" class="resetBtn" icon="el-icon-refresh" size="mini" @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="manageList" @selection-change="handleSelectionChange">
@@ -115,20 +105,18 @@
           <span>{{ parseTime(scope.row.payTime, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180">
         <template slot-scope="scope">
           <el-button
-            v-hasPermi="['business:manage:edit']"
+            class="details"
             size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
+            icon="el-icon-document"
+            @click="handleDetails(scope.row)"
           >详情</el-button>
           <el-button
-            v-hasPermi="['business:manage:remove']"
+            class="bookNow"
             size="mini"
-            type="text"
-            icon="el-icon-delete"
+            icon="el-icon-check"
             @click="handleDelete(scope.row)"
           >立即预约</el-button>
         </template>
@@ -169,6 +157,7 @@ import { listManage, getManage, delManage, addManage, updateManage } from '@/api
 
 export default {
   name: 'MedicalRecordManagement',
+  dicts: ['exam_type'],
   data() {
     return {
       options: [],
@@ -185,7 +174,7 @@ export default {
       // 总条数
       total: 0,
       // 业务管理-检查管理表格数据
-      manageList: [],
+      manageList: [{}],
       // 弹出层标题
       title: '',
       // 是否显示弹出层
@@ -209,7 +198,7 @@ export default {
     }
   },
   created() {
-    this.getList()
+    // this.getList()
   },
   methods: {
     /** 查询业务管理-检查管理列表 */
@@ -219,6 +208,7 @@ export default {
         this.manageList = response.rows
         this.total = response.total
         this.loading = false
+        this.manageList.push({})
       })
     },
     // 取消按钮
@@ -261,6 +251,13 @@ export default {
       this.open = true
       this.title = '添加业务管理-检查管理'
     },
+    /** 详情 */
+    handleDetails(row) {
+      console.log('点击详情后', row)
+      this.$router.push({
+        path: '/check-detail'
+      })
+    },
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset()
@@ -312,6 +309,36 @@ export default {
 </script>
 
 <style scoped lang="scss">
+/** 详情 */
+.details {
+  width: 50px;
+  border-radius: 6px 6px 6px 6px;
+  border: 1px solid rgb(95, 181, 75);
+  color: #5FB54B;
+  background: rgba(91,182,71,0.08);
+  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+  &:hover {
+    background: rgba(95, 181, 75, 0.08);
+    opacity: 1;
+    border: 1px solid #5FB54B;
+    color: #5FB54B !important;
+  }
+}
+/** 立即预约 */
+.bookNow {
+  width: 80px;
+  border-radius: 6px 6px 6px 6px;
+  border: 1px solid rgb(255, 157, 78);
+  color: #FF9D4E;
+  background: rgba(255,157,78,0.08);
+  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+  &:hover {
+    background: rgba(95, 181, 75, 0.08);
+    opacity: 1;
+    border: 1px solid #FF9D4E;
+    color: #FF9D4E !important;
+  }
+}
 .app-container {
   background-color: #FFFFFF;
 }