task-90 添加绑桶记录

src/api/decoct/index.js

@@ -79,3 +79,25 @@ export function getDecoctOperatorList() {
     method: 'get'
   })
 }
+
+// 查询绑桶记录列表
+export function listDecoctBucket(query) {
+  const {pageNum, pageSize, ...data} = query;
+  return request({
+    url: `/yfc-admin/web/decoction/bindBarrelList`,
+    method: 'post',
+    data,
+    params: {pageNum, pageSize},
+  });
+}
+
+export function exportDecoctBucket(query) {
+  const {pageNum, pageSize, ...data} = query;
+  return request({
+    url: `/yfc-admin/web/decoction/bindBarrelExcel`,
+    method: 'post',
+    data,
+    responseType: 'blob',
+    download: true,
+  })
+}

src/views/decoct/bucket.vue

@@ -0,0 +1,214 @@
+<script>
+import dayjs from 'dayjs';
+import {exportDecoctBucket, listDecoctBucket} from '@/api/decoct';
+import {listMedicalMechanism} from '@/api/medical/mechanism';
+
+/**
+ * 绑桶记录
+ */
+export default {
+  name: 'DecoctBucket',
+  components: {},
+  data() {
+    return {
+      deployStateArr: [
+        {name: '已审核', id: 110, key: 'audited'},
+        // { name: "已审核不通过", id: 120, key: "---" },
+        {name: '已调配', id: 130, key: 'allocated'},
+        {name: '已复核', id: 140, key: 'reviewed'},
+        {name: '已浸泡', id: 150, key: 'soaked'},
+        {name: '已煎煮', id: 160, key: 'cooked'},
+        {name: '已先煎', id: 161, key: 'preCooked'},
+        {name: '已开始煎煮', id: 162, key: 'startedCooking'},
+        {name: '已后下', id: 163, key: 'lowered'},
+        {name: '已结束煎煮', id: 164, key: 'finishedCooking'},
+        {name: '已开始浓缩', id: 165, key: 'startedConcentration'},
+        {name: '已结束浓缩', id: 166, key: 'finishedConcentration'},
+        {name: '已打包', id: 170, key: 'packaged'},
+        {name: '已上架', id: 171, key: 'grounding'},
+        {name: '已发药', id: 175, key: 'send'},
+        // { name: "煎药已作废", id: 999, key: "---" },
+      ],
+      listMedicalMechanismArr: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+
+        date: [],
+        yljgId: void 0,
+        name: void 0,
+        preNo: void 0,
+        orderNo: void 0,
+        thread: void 0,
+        deviceCode: void 0,
+      },
+      exporting: false,
+      loading: false,
+      dataset: [],
+      total: 0,
+
+      // 选择的
+      selected: [],
+    };
+  },
+  created() {
+    this.resetQuery();
+    listMedicalMechanism().then((res) => {this.listMedicalMechanismArr = res.data;});
+  },
+  methods: {
+    getQueryParams() {
+      const {date, ...params} = this.queryParams;
+      if (date && date.length) {
+        params.startTime = date[0];
+        params.endTime = date[1];
+      } else {
+        params.startTime = '';
+        params.endTime = '';
+      }
+      return params;
+    },
+    async getList() {
+      this.loading = true;
+      try {
+        const res = await listDecoctBucket(this.getQueryParams());
+        this.dataset = res.rows;
+        this.total = res.total;
+      } catch (e) {}
+      this.loading = false;
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm('queryForm');
+      const now = dayjs().format('YYYY-MM-DD');
+      this.queryParams.date = [now, now];
+      this.handleQuery();
+    },
+    async handleExport() {
+      this.exporting = true;
+      try {
+        const data = await exportDecoctBucket(this.getQueryParams());
+        this.$message.success(`导出 ${data.name} 成功`);
+      } catch (error) {}
+      this.exporting = false;
+    },
+
+    handleSelectionChange(selection) {
+      this.selected = [...selection];
+    },
+  },
+};
+</script>
+
+<template>
+  <div class="app-container">
+    <el-row :gutter="24">
+      <el-col :span="24" :xs="24">
+        <el-form ref="queryForm" label-width="68px" :inline="true" :model="queryParams">
+          <div class="query-box">
+            <div class="query-box__left">
+              <el-form-item label="" prop="date">
+                <el-date-picker v-model="queryParams.date" size="mini"
+                                type="daterange" value-format="yyyy-MM-dd"
+                                range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
+                />
+              </el-form-item>
+              <el-form-item label="" prop="yljgId">
+                <el-select v-model="queryParams.yljgId" placeholder="医疗机构" filterable clearable>
+                  <el-option v-for="item in listMedicalMechanismArr" :key="item.id"
+                             :label="item.name" :value="item.id" :disabled="item.state !== '1'"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="" prop="thread">
+                <el-select v-model="queryParams.thread" placeholder="流程状态" clearable>
+                  <el-option v-for="item in deployStateArr" :key="item.id"
+                             :label="item.name" :value="item.id.toString()"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="" prop="deviceCode">
+                <el-input style="width: 240px" placeholder="桶编号" clearable size="small"
+                          v-model="queryParams.deviceCode" @keyup.enter.native="handleQuery"/>
+              </el-form-item>
+              <el-form-item label="" prop="name">
+                <el-input style="width: 240px" placeholder="患者姓名" clearable size="small"
+                          v-model="queryParams.name" @keyup.enter.native="handleQuery"/>
+              </el-form-item>
+              <el-form-item label="" prop="preNo">
+                <el-input style="width: 240px" placeholder="处方号" clearable size="small"
+                          v-model="queryParams.preNo" @keyup.enter.native="handleQuery"/>
+              </el-form-item>
+              <el-form-item label="" prop="orderNo">
+                <el-input style="width: 240px" placeholder="订单号" clearable size="small"
+                          v-model="queryParams.orderNo" @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-button type="primary" size="mini" @click="handleExport()">导出</el-button>
+                <!--                v-hasPermi="['decoct:bucket:export']"-->
+              </el-form-item>
+            </div>
+          </div>
+        </el-form>
+
+        <el-table v-loading="loading" :data="dataset" @selection-change="handleSelectionChange" border>
+          <!--<el-table-column type="selection" width="50" align="center"/>-->
+          <el-table-column type="index" label="序号" align="center" width="55"/>
+          <el-table-column prop="hospitalName" label="医疗机构" min-width="180" align="center"></el-table-column>
+          <el-table-column prop="orderNo" label="订单号" align="center"></el-table-column>
+          <el-table-column prop="preNo" label="处方号" align="center"></el-table-column>
+          <el-table-column prop="name" label="患者" align="center"></el-table-column>
+          <el-table-column label="流程状态" prop="thread" align="center">
+            <template slot-scope="scope">
+              {{ (deployStateArr.find(option => option.id.toString() === scope.row.thread) || {}).name || scope.row.thread }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="operatingTime" label="操作时间" align="center"
+                           :show-overflow-tooltip="true"></el-table-column>
+          <el-table-column prop="operator" label="操作人" align="center"></el-table-column>
+
+          <el-table-column label="桶编号" prop="deviceCode" align="center"/>
+          <el-table-column label="煎药区" prop="areaName" align="center" :show-overflow-tooltip="true"/>
+          <el-table-column label="待行区" prop="waitingName" align="center" :show-overflow-tooltip="true"/>
+          <el-table-column label="加水量(ml)" prop="soakingWaterValue" align="center" :show-overflow-tooltip="true"/>
+        </el-table>
+
+        <pagination v-show="total > 0" :total="total"
+                    :page.sync="queryParams.pageNum"
+                    :limit.sync="queryParams.pageSize"
+                    @pagination="getList"/>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.edit-dialog-wrapper {
+  ::v-deep {
+    .el-select {
+      width: 100%;
+    }
+
+    .el-input-group {
+      border-top-left-radius: 8px;
+      border-bottom-left-radius: 8px;
+
+      .el-input__inner {
+        border-radius: inherit;
+      }
+
+      .el-input-group__append {
+        border-top-right-radius: 8px;
+        border-bottom-right-radius: 8px;
+      }
+    }
+  }
+}
+</style>

src/views/decoct/station.vue

@@ -13,11 +13,6 @@ import {listMedicalMechanism} from '@/api/medical/mechanism';
  */
 export default {
   name: 'DecoctStation',
-  computed: {
-    tree() {
-      return tree
-    }
-  },
   components: {},
   data() {
     return {

src/views/pda/dispatch/index.vue

@@ -22,6 +22,7 @@ export default {
       },
       // 遮罩层
       showSearch: true,
+      exporting: true,
       // 显示搜索条件
       loading: true,
       dataset: [],