ylyx-cli 1.0.15 → 1.0.16

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

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