ylyx-cli 1.0.0

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

@@ -0,0 +1,338 @@
+<template>
+  <div class="qualityMonitore">
+    <div class="warningStyle" v-show="ConfigInfo.qualityDataMonitor == '1'">
+      <div>
+        <i class="el-icon-warning warning-icon"></i>
+        提示：该机构数据质量监测机制：每天11点，15点，19点，22点， 抽取{{
+          ConfigInfo.qualityDataHourTime
+        }}个小时内10条数据， {{ ConfigInfo.checkAcc == '1' ? '是' : '否' }} 校验检查项目编码，
+        {{ ConfigInfo.checkAllId == '1' ? '是' : '否' }} 校验检查医嘱ID、申请单ID
+      </div>
+    </div>
+    <div style="font-size: 15px; line-height: 32px; font-weight: bold">
+      归档数据质量情况：
+      <span :style="{ color: ConfigInfo.qualityDataStatus == 1 ? 'red' : '' }">
+        {{
+          ConfigInfo.qualityDataStatus == 1
+            ? '异常'
+            : ConfigInfo.qualityDataStatus == 2
+              ? '正常'
+              : '-'
+        }}
+      </span>
+    </div>
+    <div style="font-size: 15px; line-height: 32px; margin-bottom: 8px; font-weight: bold">
+      归档数据质量异常数据：
+      <el-button
+        @click="againMonitor"
+        size="small"
+        :disabled="ConfigInfo.qualityDataMonitor != '1'"
+        type="primary"
+        >重新监测
+      </el-button>
+    </div>
+    <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"
+        :width="item.width">
+        <!-- 数据的遍历  scope.row就代表数据的每一个对象-->
+        <template slot-scope="scope">
+          <div v-if="item.prop == 'monitorType'" v-html="monitorType(scope.row.monitorType)"></div>
+          <div v-else>
+            {{ scope.row[item.prop] || '-' }}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="200" fixed="right">
+        <template slot-scope="scope">
+          <el-button size="mini" type="text" @click="detailHandle(scope.row)">查看详情</el-button>
+          <el-button size="mini" type="text" @click="ignoreHandle(scope.row)">忽略</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination />
+    <el-dialog title="选择忽略原因" :visible.sync="ingoreDialogVisible" width="350px">
+      <h4 style="margin: 8px 0">忽略后，该数据不再进入监测范围</h4>
+      <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
+        <el-form-item label="" prop="delReson">
+          <el-select
+            v-model="ruleForm.delReson"
+            clearable
+            placeholder="选择忽略原因"
+            class="filter-item"
+            style="width: 320px">
+            <el-option
+              v-for="item in dict.ignore_reason"
+              :key="item.value"
+              :label="item.label"
+              :value="item.label" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="ingoreDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="ignoreResonBtn">确 定</el-button>
+      </span>
+    </el-dialog>
+    <!--表单渲染-->
+    <el-dialog
+      :title="'详情'"
+      :visible.sync="dataArchiveVisible"
+      style="min-width: 300px"
+      :width="'60%'"
+      :before-close="handleClose"
+      append-to-body>
+      <div>
+        <el-row class="patientDetail">
+          <el-col :span="8"
+            ><span>医疗机构名称：</span
+            >{{ this.patientDetailData.applyHospitalName || this.empty }}</el-col
+          >
+          <el-col :span="8"
+            ><span>医疗机构代码：</span
+            >{{ this.patientDetailData.applyHospitalId || this.empty }}</el-col
+          >
+          <el-col :span="8"
+            ><span>病人类型：</span>{{ this.patientDetailData.patientType || this.empty }}</el-col
+          >
+        </el-row>
+        <el-row class="patientDetail">
+          <el-col :span="8"
+            ><span>患者姓名：</span>{{ this.patientDetailData.patientName || this.empty }}</el-col
+          >
+          <el-col :span="8"
+            ><span>性别：</span>{{ this.patientDetailData.patientSex || this.empty }}</el-col
+          >
+          <el-col :span="8"
+            ><span>年龄：</span>{{ this.patientDetailData.patientAge || this.empty }}</el-col
+          >
+        </el-row>
+        <el-row class="patientDetail">
+          <el-col :span="8"
+            ><span>出生日期：</span>{{ this.patientDetailData.patientDob || this.empty }}</el-col
+          >
+          <el-col :span="8"
+            ><span>手机号码：</span>{{ this.patientDetailData.mobilePhone || this.empty }}</el-col
+          >
+          <el-col :span="8"
+            ><span>身份证号：</span>{{ this.patientDetailData.idCardNo || this.empty }}</el-col
+          >
+        </el-row>
+        <el-row class="patientDetail">
+          <el-col :span="8"
+            ><span>检查时间：</span
+            >{{ this.patientDetailData.patientCheckDate || this.empty }}</el-col
+          >
+          <el-col :span="8"
+            ><span>检查模式：</span>{{ this.patientDetailData.modality || this.empty }}</el-col
+          >
+          <el-col :span="8"
+            ><span>检查项目：</span>{{ this.patientDetailData.examItemName || this.empty }}</el-col
+          >
+        </el-row>
+        <el-row class="patientDetail">
+          <el-col :span="8"
+            ><span>检查医嘱ID：</span
+            >{{ this.patientDetailData.studyOrderId || this.empty }}</el-col
+          >
+          <el-col :span="8"
+            ><span>申请单ID：</span>{{ this.patientDetailData.applicationId || this.empty }}</el-col
+          >
+          <el-col :span="8"
+            ><span>检查项目编码：</span
+            >{{ this.patientDetailData.examItemCode || this.empty }}</el-col
+          >
+        </el-row>
+        <el-row class="patientDetail">
+          <el-col :span="24" class="paddingClass"><h4>检查所见：</h4></el-col>
+        </el-row>
+        <el-row class="patientDetail">
+          <el-col class="paddingClass" :span="24">
+            <p>{{ this.patientDetailData.firExamFindings || this.empty }}</p></el-col
+          >
+        </el-row>
+        <el-row class="patientDetail">
+          <el-col :span="24" class="paddingClass"><h4>检查印象：</h4></el-col>
+        </el-row>
+        <el-row class="patientDetail">
+          <el-col :span="24" class="paddingClass">
+            <p>{{ this.patientDetailData.firExamImpression || this.empty }}</p></el-col
+          >
+        </el-row>
+        <el-row class="patientDetail">
+          <el-col :span="8"
+            ><span>报告时间：</span
+            ><span>{{ this.patientDetailData.firstRepTime || this.empty }}</span></el-col
+          >
+          <el-col :span="8"
+            ><span>报告医生：</span
+            ><span>{{ this.patientDetailData.firstRepDocName || this.empty }}</span></el-col
+          >
+        </el-row>
+        <el-row class="patientDetail">
+          <el-col :span="8"
+            ><span>审核时间：</span
+            ><span>{{ this.patientDetailData.auditRepTime || this.empty }}</span></el-col
+          >
+          <el-col :span="8"
+            ><span>审核医生：</span
+            ><span>{{ this.patientDetailData.audiRepDocName || this.empty }}</span></el-col
+          >
+        </el-row>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import CRUD, { crud, form, header, presenter } from '@crud/crud';
+const defaultForm = {};
+import {
+  qualityDataMonitorAgain,
+  qualityDataMonitorConfigInfo,
+  removeQualityDataMonitorInfo,
+  qualityDataMonitorInfoDetail,
+} from '@/api/institutionMonitor/index';
+import pagination from '@crud/Pagination';
+export default {
+  cruds() {
+    return CRUD({
+      title: '机构管理',
+      url: '',
+      sort: [],
+      query: {},
+    });
+  },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  dicts: ['monitor_data_type', 'ignore_reason'],
+  components: {
+    pagination,
+  },
+  data() {
+    return {
+      qualityTable: [
+        { label: '检查编号', prop: 'accessNumber', width: '160px' },
+        { label: '姓名', prop: 'patientName', width: '140px' },
+        { label: '监测时间', prop: 'updateTime', width: '180px' },
+        { label: '错误原因', prop: 'monitorType', minWidth: '' },
+      ],
+      ConfigInfo: {
+        qualityDataHourTime: 0,
+        checkAcc: 0,
+        checkAllId: 0,
+      },
+      ingoreDialogVisible: false,
+      ruleForm: {
+        delReson: '',
+      },
+      rules: {
+        delReson: [{ required: true, message: '请选择忽略原因', trigger: 'change' }],
+      },
+      dataArchiveVisible: false,
+      patientDetailData: {},
+      currentRow: {},
+      empty: '无',
+    };
+  },
+  mounted() {
+    this.crud.url = '/monitor/qualityDataMonitorInfo';
+    this.crud.toQuery();
+    this.qualityDataMonitorConfigInfo();
+  },
+  methods: {
+    againMonitor() {
+      qualityDataMonitorAgain({ scenceId: this.$route.params.scenceId })
+        .then(res => {
+          this.$message.success('监测成功');
+          this.qualityDataMonitorConfigInfo();
+          this.crud.toQuery();
+        })
+        .catch(err => {});
+    },
+    qualityDataMonitorConfigInfo() {
+      qualityDataMonitorConfigInfo({ scenceId: this.$route.params.scenceId })
+        .then(res => {
+          this.ConfigInfo = res;
+        })
+        .catch(err => {});
+    },
+    monitorType(row) {
+      let content = '';
+      row.split(',').forEach(tmp => {
+        content += `<p>${this.dict.label.monitor_data_type[+tmp]}</p>`;
+      });
+      return content;
+    },
+    // 忽略
+    ignoreHandle(row) {
+      this.ruleForm.delReson = '';
+      this.currentRow = row;
+      this.ingoreDialogVisible = true;
+    },
+    ignoreResonBtn() {
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          const { id } = this.currentRow;
+          let data = { id, reason: this.ruleForm.delReson };
+          removeQualityDataMonitorInfo(data).then(res => {
+            this.$message.success('忽略成功！');
+            this.crud.toQuery();
+            this.ingoreDialogVisible = false;
+          });
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    detailHandle(row) {
+      const { ossId } = row;
+      let data = { ossId };
+      this.dataArchiveVisible = true;
+      qualityDataMonitorInfoDetail(data).then(res => {
+        this.patientDetailData = res;
+      });
+    },
+    handleClose() {
+      this.dataArchiveVisible = false;
+    },
+    [CRUD.HOOK.beforeRefresh](crud) {
+      crud.query.scenceId = this.$route.params.scenceId;
+    },
+  },
+};
+</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>