ylyx-cli 1.0.16 → 1.1.0

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

@@ -1,361 +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>
+<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>