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

src/views/medical-record-management/case.js → src/api/business/case.js

@@ -3,7 +3,7 @@ import request from '@/utils/request'
 // 查询病例管理列表
 export function listCase(query) {
   return request({
-    url: '/system/case/list',
+    url: '/business/case/list',
     method: 'get',
     params: query
   })
@@ -12,7 +12,7 @@ export function listCase(query) {
 // 查询病例管理详细
 export function getCase(id) {
   return request({
-    url: '/system/case/' + id,
+    url: '/business/case/' + id,
     method: 'get'
   })
 }
@@ -20,7 +20,7 @@ export function getCase(id) {
 // 新增病例管理
 export function addCase(data) {
   return request({
-    url: '/system/case',
+    url: '/business/case',
     method: 'post',
     data: data
   })
@@ -29,7 +29,7 @@ export function addCase(data) {
 // 修改病例管理
 export function updateCase(data) {
   return request({
-    url: '/system/case',
+    url: '/business/case',
     method: 'put',
     data: data
   })
@@ -38,33 +38,7 @@ export function updateCase(data) {
 // 删除病例管理
 export function delCase(id) {
   return request({
-    url: '/system/case/' + id,
+    url: '/business/case/' + id,
     method: 'delete'
   })
 }
-
-// 查询诊断假数据
-export function treatmentForm() {
-  return request({
-    url: '/business/treatment/listAll',
-    method: 'get'
-  })
-}
-
-// 预约设备查询
-export function getListEquipment(query) {
-  return request({
-    url: '/business/device/reservation',
-    method: 'get',
-    params: query
-  })
-}
-
-// 新增设备使用记录
-export function addEquipmentUseIn(data) {
-  return request({
-    url: '/business/info',
-    method: 'post',
-    data: data
-  })
-}

src/router/index.js

@@ -179,6 +179,32 @@ export const constantRoutes = [
       }
     ]
   },
+  // 病历管理
+  {
+    path: '/medical-record-management',
+    component: Layout,
+    hidden: true,
+    permissions: ['*:*:*'],
+    children: [
+      {
+        path: 'index',
+        props: true,
+        component: () => import('@/views/medical-record-management/medical-record-management'),
+        name: 'MedicalRecordManagement',
+        meta: { title: '病历管理', icon: 'component' }
+      },
+      // 病历详情
+      {
+        path: 'medical-detail/:id',
+        component: () => import('@/views/medical-record-management/medical-detail'),
+        name: 'MedicalDetail',
+        props: true,
+        meta: {
+          title: '病历详情', icon: 'component'
+        }
+      }
+    ]
+  },
 
   // 病历路由
   {
@@ -227,6 +253,7 @@ export const constantRoutes = [
       }
     ]
   },
+  // 个人中心
   {
     path: '/user',
     component: Layout,

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

@@ -243,9 +243,9 @@
         </div>
         <div style=" margin-top: 20px;margin-left: 5%;">
           <span>暂无数据</span>
-          <div style="float: right">
-            <el-button v-hasPermi="['business:reservation:list']" type="primary" size="mini" @click="reservation">立即预约</el-button>
-          </div>
+          <!--          <div style="float: right">-->
+          <!--            <el-button v-hasPermi="['business:reservation:list']" type="primary" size="mini" @click="reservation">立即预约</el-button>-->
+          <!--          </div>-->
         </div>
 
       </div>
@@ -257,7 +257,7 @@
 </template>
 
 <script>
-import { getCase, treatmentForm, updateCase } from '@/views/medical-record-management/case'
+import { getCase, treatmentForm, updateCase } from '@/api/business/case'
 import { getInfo } from '@/api/login'
 
 export default {

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

 <template>
+<!--  -->
   <div class="app-container">
     <div style="background-color: #fff">
       <div class="headerTitle">
@@ -143,7 +144,7 @@
 </template>
 
 <script>
-import { addEquipmentUseIn, getListEquipment } from '@/views/medical-record-management/case'
+import { addEquipmentUseIn, getListEquipment } from '@/api/business/case'
 
 export default {
   name: 'ReservationEquipment',

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

@@ -102,10 +102,10 @@
       <!-- 步骤条 -->
       <div>
         <el-steps :active="2" align-center>
-          <el-step title="开具处方单" description="这是一段很长很长很长的描述性文字"></el-step>
-          <el-step title="缴费开票" description="这是一段很长很长很长的描述性文字"></el-step>
-          <el-step title="预约检查" description="这段就没那么长了"></el-step>
-          <el-step title="步骤 4" description="这段就没那么长了！！！"></el-step>
+          <el-step title="开具处方单" description="这是一段很长很长很长的描述性文字" />
+          <el-step title="缴费开票" description="这是一段很长很长很长的描述性文字" />
+          <el-step title="预约检查" description="这段就没那么长了" />
+          <el-step title="步骤 4" description="这段就没那么长了！！！" />
         </el-steps>
       </div>
       <div class="title-paragraph">

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

@@ -163,11 +163,7 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <!--      选择宠物-->
-      <div slot="footer" class="dialog-footer" style="margin-left: 7%;padding-bottom: 10px;">
-        <el-button class="queryBtn" type="primary" size="mini" @click="submitForm">提 交</el-button>
-        <el-button class="resetBtn" size="mini" @click="cancel">返 回</el-button>
-      </div>
+
     </el-form>
     <!--进度信息-->
     <schedule-info />
@@ -179,6 +175,11 @@
     <doctor-detail :is-show="showDoctorModle" />
     <!--    挂号/加号弹出框-->
     <register-modle :is-show="showRegistrationModle" />
+    <!--      选择宠物-->
+    <div slot="footer" class="dialog-footer">
+      <el-button class="queryBtn" icon="el-icon-check" @click="submitForm">提 交</el-button>
+      <el-button class="resetBtn" icon="el-icon-back" @click="cancel">返 回</el-button>
+    </div>
   </div>
 </template>
 
@@ -352,4 +353,5 @@ export default {
     }
   }
 }
+
 </style>

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

@@ -325,19 +325,25 @@ color: #333333;"
                   <el-row>
                     <el-col :span="24">
                       <el-form-item label="主诉">
-                        <el-input v-model="visitForm.name" placeholder="请输入患者主诉" type="textarea" maxlength="400" />
+                        <el-input
+                          v-model="visitForm.name"
+                          maxlength="400"
+                          placeholder="请输入患者主诉"
+                          type="textarea"
+                        />
                       </el-form-item>
                     </el-col>
                     <el-col :span="24">
                       <el-form-item label="医嘱">
-                        <el-input v-model="visitForm.name" placeholder="请输入医嘱" type="textarea" maxlength="200" />
+                        <el-input v-model="visitForm.name" maxlength="200" placeholder="请输入医嘱" type="textarea" />
                       </el-form-item>
                     </el-col>
                     <el-col :span="24">
                       <el-form-item label="诊断结果">
-                        <el-input v-model="visitForm.name" placeholder="请输入诊断结果" maxlength="30" />
+                        <el-input v-model="visitForm.name" maxlength="30" placeholder="请输入诊断结果" />
                       </el-form-item>
-                    </el-col><el-col :span="24">
+                    </el-col>
+                    <el-col :span="24">
                       <el-form-item label="处方单">
                         <el-button
                           class="fourWordsBtn"
@@ -356,7 +362,7 @@ color: #333333;"
           </el-form>
         </div>
         <!--底部返回按钮-->
-        <el-button class="queryBtn" icon="el-icon-back" @click="goBack">返 回</el-button>
+        <el-button class="backBth" icon="el-icon-back" @click="goBack">返 回</el-button>
       </div>
     </div>
   </div>
@@ -614,4 +620,36 @@ export default {
   height: auto;
   color: #333333;
 }
+
+//返回按钮样式
+.backBth {
+  padding: 7px 13px 7px 11px;
+  width: 80px;
+  height: 32px;
+  background: #FFFFFF;
+  border-radius: 4px 4px 4px 4px;
+  opacity: 1;
+  border: 1px solid #E5E5E5;
+  font-size: 14px;
+  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+  font-weight: 400;
+  color: #333333;
+  i{
+    width: 10px;
+    font-size: 10px;
+    height: 11px;
+  }
+  &:hover {
+    background: rgba(95,181,75,0.08);
+    opacity: 1;
+    border: 1px solid #5FB54B;
+    color: #333333!important;
+  }
+  &:focus {
+    background: rgba(85,163,67,0.08);
+    opacity: 1;
+    border: 1px solid #55A343;
+    color: #333333!important;
+  }
+}
 </style>