ylyx-cli 1.0.0

package/templates/vue-app/files/src/views/institutionMonitor/mixins/resize.js

@@ -0,0 +1,57 @@
+import { debounce } from '@/utils';
+
+export default {
+  data() {
+    return {
+      $_sidebarElm: null,
+      $_resizeHandler: null,
+    };
+  },
+  mounted() {
+    this.$_resizeHandler = debounce(() => {
+      if (this.chart) {
+        this.chart.resize();
+      }
+    }, 100);
+    this.$_initResizeEvent();
+    this.$_initSidebarResizeEvent();
+  },
+  beforeDestroy() {
+    this.$_destroyResizeEvent();
+    this.$_destroySidebarResizeEvent();
+  },
+  // to fixed bug when cached by keep-alive
+  // https://github.com/PanJiaChen/vue-element-admin/issues/2116
+  activated() {
+    this.$_initResizeEvent();
+    this.$_initSidebarResizeEvent();
+  },
+  deactivated() {
+    this.$_destroyResizeEvent();
+    this.$_destroySidebarResizeEvent();
+  },
+  methods: {
+    // use $_ for mixins properties
+    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+    $_initResizeEvent() {
+      window.addEventListener('resize', this.$_resizeHandler);
+    },
+    $_destroyResizeEvent() {
+      window.removeEventListener('resize', this.$_resizeHandler);
+    },
+    $_sidebarResizeHandler(e) {
+      if (e.propertyName === 'width') {
+        this.$_resizeHandler();
+      }
+    },
+    $_initSidebarResizeEvent() {
+      this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0];
+      this.$_sidebarElm &&
+        this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler);
+    },
+    $_destroySidebarResizeEvent() {
+      this.$_sidebarElm &&
+        this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler);
+    },
+  },
+};

package/templates/vue-app/files/src/views/institutionMonitor/monitorDetail/checkProjectCode.vue

@@ -0,0 +1,267 @@
+<template>
+  <div class="checkProjectCode">
+    <div class="warningStyle">
+      <div>
+        <i class="el-icon-warning warning-icon"></i>
+        提示：每日零点汇总监测
+      </div>
+    </div>
+    <h4 style="padding: 10px 0; font-size: 15px">
+      检查项目编码监测数据
+      <el-button size="mini" style="margin-left: 8px" type="primary" @click="refreshAbnormal">
+        重新监测
+      </el-button>
+    </h4>
+    <el-form :model="query" inline>
+      <el-form-item>
+        <el-input
+          placeholder="请输入机构检查项目名称"
+          v-model="query.hospitalProjectItem"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-input
+          placeholder="请输入机构检查项目编码"
+          v-model="query.hospitalProjectCode"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-input placeholder="请输入检查模式" v-model="query.modality"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-select placeholder="请选择判断类型" v-model="query.chargeType" @change="crud.toQuery">
+          <el-option
+            v-for="item in dict.exam_monitor_charge_type"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-select placeholder="请选择数据来源" v-model="query.dataSource" @change="crud.toQuery">
+          <el-option
+            v-for="item in dict.exam_monitor_data_source"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-button type="primary" @click="crud.toQuery">查询</el-button>
+      <el-button type="primary" plain @click="crud.resetQuery()">重置</el-button>
+      <el-button @click="dialogVisible = true">批量删除</el-button>
+      <el-button @click="downFile" :loading="downFileLoad">导出</el-button>
+    </el-form>
+    <el-table
+      :data="crud.data"
+      ref="machineManageTableref"
+      lazy
+      v-loading="crud.loading"
+      row-key="id"
+      :max-height="maxHeight">
+      <el-table-column label="序号" width="80px" align="center">
+        <template slot-scope="scope">
+          <span>
+            {{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        v-for="(item, index) in projectCodeHeader"
+        :key="index"
+        align="center"
+        :label="item.label"
+        :prop="item.prop">
+        <template slot-scope="scope">
+          <span>
+            {{ scope.row[item.prop] || '-' }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="160px" align="center" fixed="right">
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            v-if="scope.row.dataSource != 2 || !scope.row.hospitalProjectCode"
+            @click="opAbnormal(scope.row, 0)"
+            >忽略</el-button
+          >
+          <el-button type="text" v-if="scope.row.dataSource == 1" @click="opAbnormal(scope.row, 1)"
+            >检验</el-button
+          >
+          <el-button
+            type="text"
+            v-if="scope.row.dataSource != 2 && scope.row.hospitalProjectCode"
+            @click="opAbnormal(scope.row, 2)"
+            >添加对照</el-button
+          >
+          <el-button v-if="scope.row.dataSource == 2 && scope.row.hospitalProjectCode" type="text"
+            >---</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination style="margin-top: 15px" />
+    <el-dialog
+      title="请选择需要删除的数据类型"
+      :visible.sync="dialogVisible"
+      width="360px"
+      :before-close="handleClose">
+      <span>
+        <el-checkbox-group v-model="checkList">
+          <el-checkbox label="0" value="0">检查编码异常为空</el-checkbox>
+          <el-checkbox label="1" value="1">异常数据（归档列表）</el-checkbox>
+        </el-checkbox-group>
+      </span>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button
+          type="primary"
+          :disabled="checkList && checkList.length == 0"
+          @click="batchDelAbnormal"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import CRUD, { crud, form, header, presenter } from '@crud/crud';
+import { refreshAbnormal, opAbnormal, batchDelAbnormal } from '@/api/institutionMonitor/index';
+const defaultForm = {};
+import pagination from '@crud/Pagination';
+// 导出
+import { downloadFile } from '@/utils/index';
+import { download } from '@/api/data';
+export default {
+  cruds() {
+    return CRUD({
+      title: '',
+      url: '/examMonitor/list',
+      sort: [],
+      query: {},
+    });
+  },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  components: { pagination },
+  dicts: ['exam_monitor_charge_type', 'exam_monitor_data_source'],
+  data() {
+    return {
+      maxHeight: '500px',
+      projectCodeHeader: [
+        { label: '机构检查项目名称', prop: 'hospitalProjectItem' },
+        { label: '机构检查项目编码', prop: 'hospitalProjectCode' },
+        { label: '检查模式', prop: 'modality' },
+        { label: '判断类型', prop: 'chargeTypeDesc' },
+        { label: '数据来源', prop: 'dataSourceDesc' },
+      ],
+      downFileLoad: false,
+      dialogVisible: false,
+      checkList: [],
+    };
+  },
+  //
+  methods: {
+    [CRUD.HOOK.afterRefresh]() {
+      this.maxHeight = window.innerHeight - 450 + 'px';
+    },
+    [CRUD.HOOK.beforeRefresh](crud) {
+      crud.query.hospitalId = this.$route.params.scenceId;
+    },
+
+    refreshAbnormal() {
+      let params = {
+        hospitalId: this.$route.params.scenceId,
+      };
+      refreshAbnormal(params).then(res => {
+        console.log(res, 'res');
+        this.$message.success(res);
+        this.crud.toQuery();
+      });
+    },
+    opAbnormal(row, value) {
+      opAbnormal({ id: row.id, whiteType: value }).then(res => {
+        this.$message.success(
+          value == 0
+            ? '忽略成功'
+            : value == 0
+              ? '检验成功'
+              : res == 1
+                ? '添加成功'
+                : '添加失败-该检查项目已存在'
+        );
+        console.log(res, '123');
+        this.crud.refresh();
+      });
+    },
+    handleClose() {
+      this.dialogVisible = false;
+    },
+    batchDelAbnormal() {
+      batchDelAbnormal({
+        hospitalId: this.$route.params.scenceId,
+        delType: this.checkList,
+      })
+        .then(res => {
+          console.log(res, 'res');
+          if (res) {
+            this.$message.success('删除成功');
+            this.crud.toQuery();
+          } else {
+            this.$message.warning('暂无相关数据可删除');
+          }
+          this.dialogVisible = false;
+          this.checkList = [];
+        })
+        .catch(err => {
+          this.dialogVisible = false;
+          this.checkList = [];
+        });
+      return;
+      this.$confirm('确定删除机构检查项目编码为空的全部数据?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {})
+        .catch(() => {});
+    },
+    // 导出
+    downFile(row) {
+      let query = JSON.parse(JSON.stringify(this.query));
+      delete query.size;
+      delete query.page;
+      this.downFileLoad = true;
+      if (this.crud.data.length != 0) {
+        download('/examMonitor/abnormalExport', query)
+          .then(result => {})
+          .catch(data => {
+            this.downFileLoad = false;
+            downloadFile(data, '检查项目编码监测', 'xlsx');
+          });
+      } else {
+        this.$message.warning('暂无数据，无法导出');
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.checkProjectCode {
+  .warningStyle {
+    height: 34px;
+    background-color: #fff7f3;
+    font-size: 13px;
+    line-height: 34px;
+    color: #ff7b35;
+    padding: 0 12px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 8px;
+
+    .warning-icon {
+      color: #ff7b35;
+    }
+  }
+}
+</style>

package/templates/vue-app/files/src/views/institutionMonitor/monitorDetail/imageAbnormalMonitor.vue

@@ -0,0 +1,361 @@
+<template>
+  <div class="qualityMonitore">
+    <div class="warningStyle">
+      <div>
+        <i class="el-icon-warning warning-icon"></i>
+        提示：每天定时监测近一周的数据
+      </div>
+    </div>
+    <el-form :inline="true" :model="query" ref="topForm" class="form-inline-hospital" size="small">
+      <el-form-item>
+        <date-range-picker
+          style="width: 300px; height: 34px"
+          popper-class="isDisabledDate"
+          :clearable="false"
+          v-model="query.checkTime"
+          valueFormat="yyyy-MM-dd"
+          :picker-options="pickerOptions"
+          @blur="forceUpdate" />
+      </el-form-item>
+      <el-button type="primary" @click="crud.toQuery" class="filter-item" size="small"
+        >查询</el-button
+      >
+      <!-- <el-button
+        size="small"
+        style="margin-left: 8px"
+        @click="upload"
+        >上传同步
+      </el-button> -->
+    </el-form>
+    <el-table :data="crud.data" v-loading="crud.loading">
+      <el-table-column label="序号" width="65px" fixed :show-overflow-tooltip="true">
+        <template slot-scope="scope">
+          <span>{{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        v-for="(item, index) in qualityTable"
+        :key="index"
+        :label="item.label"
+        :prop="item.prop"
+        :min-width="item.width">
+        <!-- 数据的遍历  scope.row就代表数据的每一个对象-->
+        <template slot-scope="scope">
+          <div v-if="item.prop == 'artificialStatisticsQuantity'">
+            <span v-if="scope.row.status == 1">{{
+              numberDeal(scope.row.artificialStatisticsQuantity)
+            }}</span>
+            <el-input
+              v-model="scope.row.inputValue"
+              v-else
+              placeholder="请输入正整数"
+              size="small"
+              type="number"
+              @change="forceUpdate"
+              :min="0"
+              oninput="if (value < 0) value = null;"></el-input>
+          </div>
+          <div v-else>
+            {{ numberDeal(scope.row[item.prop]) }}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="240" fixed="right">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            :disabled="!scope.row.lookPicAbnormalQuantity"
+            @click="getLookPicAbnormalInfo(scope.row)"
+            style="margin-right: 5px">
+            查看详情
+          </el-button>
+          <div v-if="scope.row.status == 2" style="display: inline-block">
+            <el-button size="mini" type="text" @click="sureData(scope.row)"> 确定 </el-button>
+            <el-button size="mini" type="text" @click="cancelData(scope.row)"> 取消 </el-button>
+          </div>
+          <div v-else style="display: inline-block">
+            <el-button size="mini" type="text" @click="editData(scope.row)"> 编辑 </el-button>
+            <el-button size="mini" type="text" @click="refreshData(scope.row)"> 刷新 </el-button>
+          </div>
+          <el-button size="mini" type="text" @click="upload(scope.row)" style="margin-left: 5px">
+            维护确认
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination />
+
+    <!--表单渲染-->
+    <el-dialog title="查看详情" :visible.sync="dialogTableVisible" top="5vh" width="750px">
+      <el-table :data="picAbnormalInfo" :height="maxHeight">
+        <el-table-column label="序号" width="65px" type="index"> </el-table-column>
+        <el-table-column
+          v-for="(item, index) in picAbnormalInfoTable"
+          :key="index"
+          :label="item.label"
+          :prop="item.prop"
+          :min-width="item.width">
+        </el-table-column>
+      </el-table>
+      <!-- picAbnormalInfo -->
+    </el-dialog>
+  </div>
+</template>
+<script>
+import CRUD, { crud, form, header, presenter } from '@crud/crud';
+const defaultForm = {};
+import {
+  uploadHandleDataMonitor,
+  updateArtificialStatisticsQuantity,
+  refreshLookPicAbnormalMonitorData,
+  getLookPicAbnormalInfo,
+} from '@/api/institutionMonitor/index';
+import pagination from '@crud/Pagination';
+import DateRangePicker from '@/components/DateRangePicker';
+import { getDay } from '@/utils/getTime';
+const start = getDay(-30);
+const end = getDay(-1);
+export default {
+  cruds() {
+    return CRUD({
+      title: '机构管理',
+      url: '',
+      sort: [],
+      query: {
+        checkTime: [start, end],
+      },
+      page: {
+        page: 0,
+        size: 10,
+      },
+    });
+  },
+
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  dicts: ['monitor_data_type', 'ignore_reason'],
+  components: {
+    pagination,
+    DateRangePicker,
+  },
+  data() {
+    return {
+      qualityTable: [
+        { label: '监测时间', prop: 'monitorTime', width: '160px' },
+        { label: '归档量', prop: 'archivedAmount', width: '120px' },
+        { label: '看图监测异常量', prop: 'lookPicAbnormalQuantity', width: '150px' },
+        { label: '患者扫码异常量', prop: 'patientScancodeQuantity', width: '150px' },
+        {
+          label: '人工统计异常量',
+          prop: 'artificialStatisticsQuantity',
+          width: '150px',
+          status: 2,
+        },
+        { label: '异常率', prop: 'abnormalRate', width: '140px' },
+      ],
+      empty: '无',
+      currentPage: 0,
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() > Date.now();
+        },
+        shortcuts: [
+          {
+            text: '近一周',
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              end.setTime(end.getTime() - 3600 * 1000 * 24);
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit('pick', [start, end]);
+            },
+          },
+          {
+            text: '近一个月',
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              end.setTime(end.getTime() - 3600 * 1000 * 24);
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit('pick', [start, end]);
+            },
+          },
+          {
+            text: '近三个月',
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              end.setTime(end.getTime() - 3600 * 1000 * 24);
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+              picker.$emit('pick', [start, end]);
+            },
+          },
+          {
+            text: '最近一年',
+            onClick: picker => {
+              const end = new Date(); // 当前日期
+              const start = new Date(); // 开始日期
+
+              end.setDate(end.getDate() - 1); // 设置结束日期为昨天
+              start.setFullYear(start.getFullYear() - 1); // 设置开始日期为一年前
+
+              picker.$emit('pick', [start, end]);
+            },
+          },
+          {
+            text: '本年度',
+            onClick: picker => {
+              const end = new Date(); // 当前日期
+              const start = new Date(); // 开始日期
+              start.setDate(1);
+              end.setDate(end.getDate() - 1); // 设置结束日期为昨天
+              start.setMonth(0); // 设置开始日期为今年的1月份
+              picker.$emit('pick', [start, end]);
+            },
+          },
+        ],
+      },
+      picAbnormalInfo: [],
+      dialogTableVisible: false,
+      picAbnormalInfoTable: [
+        { label: '类型', prop: 'type', width: '160px' },
+        { label: '检查编号', prop: 'accessNumber', width: '120px' },
+        { label: '检查时间', prop: 'patientCheckDate', width: '150px' },
+      ],
+      maxHeight: '500px',
+    };
+  },
+  mounted() {
+    this.crud.url = 'monitor/getLookPicAbnormalMonitorList';
+    this.crud.toQuery();
+  },
+  watch: {
+    'crud.data': {
+      handler(newVal) {},
+      deep: true,
+    },
+  },
+  methods: {
+    forceUpdate() {
+      this.$forceUpdate();
+    },
+    numberDeal(value) {
+      return value ? value.toLocaleString() : 0;
+    },
+    // 点击编辑
+    editData(row) {
+      row.status = 2;
+    },
+    // 点击取消
+    cancelData(row) {
+      row.status = 1;
+      row.inpuValue = null;
+    },
+    // 点击刷新
+    refreshData(row) {
+      let data = {
+        hospitalId: this.$route.params.scenceId,
+        monitorTime: row.monitorTime,
+      };
+      refreshLookPicAbnormalMonitorData(data).then(res => {
+        this.$message({
+          message: res,
+          type: res.indexOf('刷新成功') != -1 ? 'success' : 'warning',
+        });
+        if (res.indexOf('刷新成功') != -1) {
+          this.currentPage = this.crud.page.page;
+          row.status = 1;
+          row.inpuValue = null;
+          this.crud.toQuery();
+        }
+      });
+    },
+    // 查看详情
+    getLookPicAbnormalInfo(row) {
+      let data = {
+        hospitalId: this.$route.params.scenceId,
+        startDate: row.monitorTime,
+      };
+      getLookPicAbnormalInfo(data).then(res => {
+        this.picAbnormalInfo = res.content;
+        this.maxHeight = window.innerHeight - 400 + 'px';
+        if (res.content && res.content.length != 0) {
+          this.dialogTableVisible = true;
+        } else {
+          this.$message.warning('暂无详情');
+        }
+      });
+    },
+    // 点击确定
+    sureData(row) {
+      let data = {
+        artificialStatisticsQuantity: row.inputValue,
+        hospitalId: this.$route.params.scenceId,
+        monitorTime: row.monitorTime,
+      };
+      updateArtificialStatisticsQuantity(data).then(res => {
+        console.log(res);
+        this.$message.success('保存成功');
+        this.currentPage = this.crud.page.page;
+        row.status = 1;
+        row.inpuValue = null;
+        this.crud.toQuery();
+      });
+    },
+    upload(row) {
+      const params = {
+        hospitalId: this.$route.params.scenceId,
+        startDate: row.monitorTime,
+        endDate: row.monitorTime,
+        handleType: 1,
+      };
+      uploadHandleDataMonitor(params).then(res => {
+        this.$message.success('维护成功');
+      });
+    },
+    [CRUD.HOOK.beforeRefresh](crud) {
+      if (this.currentPage != 0) {
+        crud.page.page = this.currentPage;
+      }
+      crud.query.startDate = this.query.checkTime[0];
+      crud.query.endDate = this.query.checkTime[1];
+      crud.query.hospitalId = this.$route.params.scenceId;
+    },
+    [CRUD.HOOK.afterRefresh](crud) {
+      crud.data.forEach((element, index) => {
+        this.$set(crud.data[index], 'status', 1);
+        this.$set(crud.data[index], 'inputValue', crud.data[index].artificialStatisticsQuantity);
+        // element.status = 1;
+      });
+      this.currentPage = 0;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.qualityMonitore {
+  .warningStyle {
+    height: 34px;
+    background-color: #fff7f3;
+    font-size: 13px;
+    line-height: 34px;
+    color: #ff7b35;
+    padding: 0 12px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 8px;
+    .warning-icon {
+      color: #ff7b35;
+    }
+  }
+}
+.patientDetail {
+  padding: 10px 0;
+
+  span {
+    color: #606266;
+    font-weight: bold;
+  }
+}
+</style>