检查管理-路由(检查项目、详情、立即预约)

src/api/business/device.js

@@ -54,6 +54,16 @@ export function listDevice(query) {
     params: query
   })
 }
+
+// 查询设备列表
+export function listReservationDevice(query) {
+  return request({
+    url: '/business/device/equipment-reservation',
+    method: 'get',
+    params: query
+  })
+}
+
 // 查询设备列表不分页
 export function listDeviceAll(query) {
   return request({

src/router/index.js

@@ -367,7 +367,7 @@ export const constantRoutes = [
       },
       // 检查详情
       {
-        path: '/check-detail',
+        path: 'check-detail',
         props: true,
         hidden: true,
         component: () => import('@/views/service-management/medical-record-management/check-detail.vue'),
@@ -379,7 +379,7 @@ export const constantRoutes = [
       },
       // 检查管理-立即预约
       {
-        path: '/check-subscribe',
+        path: 'check-subscribe',
         props: true,
         hidden: true,
         component: () => import('@/views/service-management/medical-record-management/check-subscribe.vue'),
@@ -391,7 +391,7 @@ export const constantRoutes = [
       },
       // 检查管理-檢查項目
       {
-        path: '/check-item',
+        path: 'check-item',
         props: true,
         hidden: true,
         component: () => import('@/views/service-management/medical-record-management/check-item.vue'),

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

@@ -233,7 +233,7 @@ export default {
     // 点击 预约信息-立即预约
     bookNow() {
       this.$router.push({
-        path: '/check-subscribe',
+        name: 'CheckSubscribe',
         query: { subscribe: this.checkDetail }
       })
     },

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

@@ -149,7 +149,7 @@
             class="bookNow"
             size="mini"
             icon="el-icon-check"
-            @click="handleDelete(scope.row)"
+            @click="handleSubscribe(scope.row)"
           >立即预约</el-button>
         </template>
       </el-table-column>
@@ -164,28 +164,59 @@
     />
 
     <!-- 添加或修改业务管理-检查管理对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog title="立即预约" :visible.sync="open" width="800px" append-to-body :close-on-press-escape="false" :close-on-click-modal="false">
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="挂号id" prop="registId">
-          <el-input v-model="form.registId" placeholder="请输入挂号id" />
-        </el-form-item>
-        <el-form-item label="检查项目" prop="checkItemsId">
-          <el-input v-model="form.checkItemsId" placeholder="请输入检查项目" />
-        </el-form-item>
-        <el-form-item label="影像报告" prop="shadowReport">
-          <el-input v-model="form.shadowReport" placeholder="请输入影像报告" />
-        </el-form-item>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="设备" prop="registId">
+              <el-select v-model="form.shebei" clearable placeholder="请选择设备">
+                <el-option
+                  v-for="item in dict.type.exam_type"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="9">
+            <el-form-item label="检查日期" prop="checkItemsId">
+              <el-date-picker
+                v-model="form.jiancha"
+                type="date"
+                placeholder="请选择检查日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="7">
+            <el-form-item label="支出账户金额" prop="shadowReport" label-width="120">
+              1200.00
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
+      <el-table
+        :data="deviceList"
+        style="width: 100%">
+        <el-table-column prop="date" align="left" label="设备名称" />
+        <el-table-column prop="date" align="left" label="检查日期" />
+        <el-table-column prop="date" align="left" label="检查时段" />
+        <el-table-column prop="date" align="left" label="剩余可预约" />
+        <el-table-column prop="date" align="left" label="设备服务费" />
+        <el-table-column prop="date" align="left" label="操作" />
+      </el-table>
+<!--      <div slot="footer" class="dialog-footer">-->
+<!--        <el-button type="primary" @click="submitForm">确 定</el-button>-->
+<!--        <el-button @click="cancel">取 消</el-button>-->
+<!--      </div>-->
     </el-dialog>
   </div>
 </template>
 
 <script>
 import { getManage, delManage, addManage, updateManage, listCheckManage } from '@/api/business/manage'
+import { listReservationDevice } from '@/api/business/device'
+
 export default {
   name: 'MedicalRecordManagement',
   dicts: ['exam_type', 'check_type', 'pet_insure', 'payment_status'],
@@ -206,8 +237,6 @@ export default {
       total: 0,
       // 业务管理-检查管理表格数据
       manageList: [{}],
-      // 弹出层标题
-      title: '',
       // 是否显示弹出层
       open: false,
       // 查询参数
@@ -225,7 +254,9 @@ export default {
       form: {},
       // 表单校验
       rules: {
-      }
+      },
+      // 设备集合
+      deviceList: []
     }
   },
   created() {
@@ -249,7 +280,7 @@ export default {
     // 点击检查项目
     checkItem() {
       this.$router.push({
-        path: '/check-item'
+        name: 'CheckItem'
       })
     },
     // 表单重置
@@ -270,6 +301,18 @@ export default {
       this.queryParams.pageNum = 1
       this.getList()
     },
+    /** 立即预约 */
+    handleSubscribe(row) {
+      this.open = true
+      console.log('点击立即预约', row)
+      this.getDevice()
+    },
+    /**  */
+    getDevice() {
+      listReservationDevice().then(res => {
+        console.log('设备', res)
+      })
+    },
     /** 重置按钮操作 */
     resetQuery() {
       this.resetForm('queryForm')
@@ -285,13 +328,12 @@ export default {
     handleAdd() {
       this.reset()
       this.open = true
-      this.title = '添加业务管理-检查管理'
     },
     /** 详情 */
     handleDetails(row) {
       console.log('点击详情后', row)
       this.$router.push({
-        path: '/check-detail',
+        name: 'CheckDetail',
         query: { detail: row }
       })
     },
@@ -302,7 +344,6 @@ export default {
       getManage(id).then(response => {
         this.form = response.data
         this.open = true
-        this.title = '修改业务管理-检查管理'
       })
     },
     /** 提交按钮 */