ylyx-cli 1.0.0

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

@@ -0,0 +1,270 @@
+<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"
+          startPlaceholder="开始时间"
+          endPlaceholder="结束时间"
+          popper-class="isDisabledDate"
+          @change="crud.toQuery"
+          :clearable="false"
+          v-model="query.checkTime"
+          unlink-panels
+          :pickerOptions="pickerOptions" />
+      </el-form-item>
+      <el-button type="primary" @click="crud.toQuery" class="filter-item" size="small"
+        >查询</el-button
+      >
+      <el-button
+        type="primary"
+        :loading="downloadLoading"
+        @click="exportData"
+        class="filter-item"
+        size="small"
+        plain
+        >导出</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">
+          {{ numberDeal(scope.row[item.prop], item.prop) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="80" fixed="right">
+        <template slot-scope="scope">
+          <el-button size="mini" type="text" @click="refreshData(scope.row)">刷新</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination />
+
+    <!--表单渲染-->
+  </div>
+</template>
+<script>
+import CRUD, { crud, form, header, presenter } from '@crud/crud';
+const defaultForm = {};
+import { refreshLeakageMonitorData } from '@/api/institutionMonitor/index';
+import pagination from '@crud/Pagination';
+import DateRangePicker from '@/components/DateRangePicker';
+import { getDay } from '@/utils/getTime';
+import { downloadFile } from '@/utils/index';
+import { download } from '@/api/data';
+const start = getDay(-30) + ' 00:00:00';
+const end = getDay(-1) + ' 23:59:59';
+export default {
+  cruds() {
+    return CRUD({
+      title: '机构管理',
+      url: '',
+      sort: [],
+      query: {
+        checkTime: [start, end],
+      },
+      page: {
+        page: 0,
+        size: 10,
+      },
+    });
+  },
+  props: {
+    hospitalName: {
+      type: String,
+    },
+  },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  components: {
+    pagination,
+    DateRangePicker,
+  },
+  data() {
+    return {
+      qualityTable: [
+        { label: '时间', prop: 'monitorTime', width: '160px' },
+        { label: '归档量', prop: 'archivedAmount', width: '140px' },
+        { label: '应上传图像张数', prop: 'imageCount', width: '150px' },
+        { label: '实际上传图像张数', prop: 'sumNumInstances', width: '150' },
+        { label: '多图数', prop: 'moreDrawings', width: '150px', status: 2 },
+        { label: '多图率（PPM）', prop: 'moreDrawingsRate', width: '140px' },
+        { label: '漏图数', prop: 'missingDrawings', width: '150px', status: 2 },
+        { label: '漏图率（PPM）', prop: 'missingDrawingsRate', width: '140px' },
+        { label: '异常数据', prop: 'abnormalData', width: '300px' },
+      ],
+      empty: '无',
+      currentPage: 0,
+      downloadLoading: false,
+      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]);
+            },
+          },
+        ],
+      },
+    };
+  },
+  mounted() {
+    this.crud.url = 'monitor/getLeakageMonitorList';
+    this.crud.toQuery();
+  },
+  methods: {
+    forceUpdate() {
+      this.$forceUpdate();
+    },
+    // 转换千分位
+    numberDeal(value, prop) {
+      if (prop == 'abnormalData') {
+        return value || '-';
+      } else {
+        return value ? (value < 0 ? -value.toLocaleString() : value.toLocaleString()) : 0;
+      }
+    },
+    exportData() {
+      let data = {
+        hospitalId: this.$route.params.scenceId,
+        hospitalName: this.hospitalName,
+        startDate: this.query.checkTime[0],
+        endDate: this.query.checkTime[1],
+      };
+      if (this.crud.data.length != 0) {
+        this.downloadLoading = true;
+        download('monitor/downLoadLeakageMonitorData', data)
+          .then(result => {
+            this.downloadLoading = false;
+          })
+          .catch(e => {
+            let title = `${this.hospitalName}-漏图监测情况`;
+            downloadFile(e, title, 'xlsx');
+            this.downloadLoading = false;
+          });
+      } else {
+        this.$message.error('没有相关详情数据, 无法导出');
+      }
+    },
+    // 点击刷新
+    refreshData(row) {
+      let data = {
+        hospitalId: this.$route.params.scenceId,
+        monitorTime: row.monitorTime,
+      };
+      refreshLeakageMonitorData(data).then(res => {
+        this.$message.success('刷新成功');
+        this.currentPage = this.crud.page.page;
+        row.status = 1;
+        row.inpuValue = null;
+        this.crud.toQuery();
+      });
+    },
+
+    [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) {
+      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>

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

@@ -0,0 +1,114 @@
+<template>
+  <div class="moveMonitore">
+    <div class="warningStyle" v-show="routeData.iuWorkStationMonitor == '1'">
+      <div>
+        <i class="el-icon-warning warning-icon"></i>
+        提示：该机构客户端运行监测机制：每天11点，15点，19点，22点 ，客户端近{{
+          routeData.iuWorkStationHourTime
+        }}小时的历史提醒次数、调阅次数是否均大于0，近{{
+          routeData.iuWorkStationHourTimeOther
+        }}小时的重复提醒次数是否大于0
+      </div>
+    </div>
+    <h4 style="padding: 10px 0 10px; font-size: 15px">
+      客户端运行情况：
+      <span :style="{ color: routeData.iuWorkStationStatus == 1 ? 'red' : '' }">
+        {{
+          routeData.iuWorkStationStatus == 1
+            ? '异常'
+            : routeData.iuWorkStationStatus == 2
+              ? '正常'
+              : '-'
+        }}
+      </span>
+    </h4>
+    <h4 style="padding: 10px 0 10px; font-size: 15px">
+      客户端运行情况：
+      <el-button
+        @click="againMonitor"
+        size="small"
+        :disabled="routeData.iuWorkStationMonitor != '1'"
+        type="primary"
+        >重新监测
+      </el-button>
+    </h4>
+    <h4
+      style="padding: 10px 0 10px; font-size: 15px"
+      v-if="routeData.iuWorkStationStatus == '1'"
+      v-html="returnData(iuWorkStation)"></h4>
+  </div>
+</template>
+<script>
+import {
+  iuWorkStationMonitorInfo,
+  iuWorkStationMonitorAgain,
+  qualityDataMonitorConfigInfo,
+} from '@/api/institutionMonitor/index';
+export default {
+  data() {
+    return {
+      routeData: {},
+      iuWorkStation: {},
+    };
+  },
+  dicts: ['iu_work_monitor_type'],
+  mounted() {
+    this.iuWorkStationMonitorInfo();
+    this.qualityDataMonitorConfigInfo();
+  },
+  methods: {
+    againMonitor() {
+      iuWorkStationMonitorAgain({ scenceId: this.$route.params.scenceId })
+        .then(res => {
+          this.$message.success('监测成功');
+          this.iuWorkStationMonitorInfo();
+          this.qualityDataMonitorConfigInfo();
+        })
+        .catch(err => {});
+    },
+    // 基本信息
+    qualityDataMonitorConfigInfo() {
+      qualityDataMonitorConfigInfo({ scenceId: this.$route.params.scenceId })
+        .then(res => {
+          this.routeData = res;
+        })
+        .catch(err => {});
+    },
+    iuWorkStationMonitorInfo() {
+      iuWorkStationMonitorInfo({ scenceId: this.$route.params.scenceId })
+        .then(res => {
+          this.iuWorkStation = res;
+        })
+        .catch(err => {});
+    },
+    returnData(row) {
+      if (!row.checkStatisticsSum) return;
+      let content = '';
+      row.checkStatisticsSum.split(',').forEach(tmp => {
+        content += `<span>${this.dict.label.iu_work_monitor_type[+tmp]}</span>、`;
+      });
+      let dataString = `<span>${row.updateTime}</span> ${content}`;
+      return dataString.slice(0, dataString.length - 1);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.moveMonitore {
+  .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>