科室质控-审核明细功能

src/api/qc.js

@@ -12,6 +12,15 @@ export function getBlZkList(data) {
   });
 }
 
+// 病案室-质控列表-明细
+export function getCorrectionList(data) {
+  return request({
+    url: '/correction_list',
+    method: 'get',
+    params: data,
+  });
+}
+
 export function getQualityControlStatus(data) {
   return request({
     url: '/getQualityControlStatus',

src/components/m-pagination/index.vue

@@ -96,7 +96,7 @@ export default {
   display: flex;
   justify-content: flex-end;
   align-items: center;
-  margin-bottom: 52px;
+  margin-bottom: 0;
   padding-right: 40px;
   .total-current {
     display: flex;

src/views/recordsRoom/qc/components/SearchBox.vue

@@ -1,74 +1,72 @@
 <template>
-  <div class="filter-list-form">
-    <el-form style="width: 100%" ref="filterListFormRef" :model="formData" class="demo-form-inline" label-suffix=":"
-      label-width="74px">
-      <el-row :gutter="24">
-        <el-col :span="8">
-          <el-form-item label="出院日期">
-            <div style="width: 100%;display: flex;gap: 5px;">
-              <el-form-item prop="AAC01_START">
-                <el-date-picker style="width: 100%" v-model="formData.AAC01_START" type="date" placeholder="开始日期"
-                  :picker-options="AAC01PickerOptions" value-format="yyyyMMdd" format="yyyy年MM月dd日">
-                </el-date-picker>
-              </el-form-item>
-              <el-form-item prop="AAC01_END">
-                <el-date-picker style="width: 100%" v-model="formData.AAC01_END" type="date" placeholder="结束日期"
-                  value-format="yyyyMMdd" format="yyyy年MM月dd日">
-                </el-date-picker>
-              </el-form-item>
-            </div>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="病案号" prop="AAA28">
-            <el-input v-model="formData.AAA28" placeholder="病案号"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="出院科室" prop="AAC02C">
-            <el-select style="width:100%" v-model="formData.AAC02C" filterable clearable placeholder="出院科室">
-              <el-option v-for="item of departments" :key="item.dep_id" :label="item.name" :value="item.dep_id" />
-            </el-select>
-          </el-form-item>
-        </el-col>
+  <el-form style="width: 100%" ref="filterListFormRef" :model="formData" class="demo-form-inline" label-suffix=":"
+    label-width="74px">
+    <el-row :gutter="24">
+      <el-col :span="8">
+        <el-form-item label="出院日期">
+          <div style="width: 100%;display: flex;gap: 5px;">
+            <el-form-item prop="AAC01_START">
+              <el-date-picker style="width: 100%" v-model="formData.AAC01_START" type="date" placeholder="开始日期"
+                :picker-options="AAC01PickerOptions" value-format="yyyyMMdd" format="yyyy年MM月dd日">
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item prop="AAC01_END">
+              <el-date-picker style="width: 100%" v-model="formData.AAC01_END" type="date" placeholder="结束日期"
+                value-format="yyyyMMdd" format="yyyy年MM月dd日">
+              </el-date-picker>
+            </el-form-item>
+          </div>
+        </el-form-item>
+      </el-col>
+      <el-col :span="8">
+        <el-form-item label="病案号" prop="AAA28">
+          <el-input v-model="formData.AAA28" placeholder="病案号"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="8">
+        <el-form-item label="出院科室" prop="AAC02C">
+          <el-select style="width:100%" v-model="formData.AAC02C" filterable clearable placeholder="出院科室">
+            <el-option v-for="item of departments" :key="item.dep_id" :label="item.name" :value="item.dep_id" />
+          </el-select>
+        </el-form-item>
+      </el-col>
 
-      </el-row>
-      <el-row :gutter="24">
-        <el-col :span="8">
-          <el-form-item label="入院日期">
-            <div style="width: 100%;display: flex;gap: 5px;">
-              <el-form-item prop="AAB01_START">
-                <el-date-picker style="width: 100%" v-model="formData.AAB01_START" type="date" placeholder="开始日期"
-                  :picker-options="AAB01PickerOptions" value-format="yyyyMMdd" format="yyyy年MM月dd日">
-                </el-date-picker>
-              </el-form-item>
-              <el-form-item prop="AAB01_END">
-                <el-date-picker style="width: 100%" v-model="formData.AAB01_END" type="date" placeholder="结束日期"
-                 value-format="yyyyMMdd" format="yyyy年MM月dd日">
-                </el-date-picker>
-              </el-form-item>
-            </div>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="审核状态" prop="review_status">
-            <el-select style="width: 100%;" v-model="formData.review_status" filterable clearable placeholder="审核状态">
-              <el-option label="未审核" :value="0" />
-              <el-option label="审核中" :value="1" />
-              <el-option label="已通过" :value="2" />
-              <el-option label="未通过" :value="3" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="" prop="" style="float: right;">
-            <el-button type="primary" @click="onSubmit">查询</el-button>
-            <el-button @click="onReset">重置</el-button>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-  </div>
+    </el-row>
+    <el-row :gutter="24">
+      <el-col :span="8">
+        <el-form-item label="入院日期">
+          <div style="width: 100%;display: flex;gap: 5px;">
+            <el-form-item prop="AAB01_START">
+              <el-date-picker style="width: 100%" v-model="formData.AAB01_START" type="date" placeholder="开始日期"
+                :picker-options="AAB01PickerOptions" value-format="yyyyMMdd" format="yyyy年MM月dd日">
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item prop="AAB01_END">
+              <el-date-picker style="width: 100%" v-model="formData.AAB01_END" type="date" placeholder="结束日期"
+                value-format="yyyyMMdd" format="yyyy年MM月dd日">
+              </el-date-picker>
+            </el-form-item>
+          </div>
+        </el-form-item>
+      </el-col>
+      <el-col :span="8">
+        <el-form-item label="审核状态" prop="review_status">
+          <el-select style="width: 100%;" v-model="formData.review_status" filterable clearable placeholder="审核状态">
+            <el-option label="未审核" :value="0" />
+            <el-option label="审核中" :value="1" />
+            <el-option label="已通过" :value="2" />
+            <el-option label="未通过" :value="3" />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="8">
+        <el-form-item label="" prop="" style="float: right;">
+          <el-button type="primary" @click="onSubmit">查询</el-button>
+          <el-button @click="onReset">重置</el-button>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
 </template>
 <script>
 import moment from 'moment/moment';

src/views/recordsRoom/qc/components/correction/SearchBox.vue

@@ -0,0 +1,257 @@
+<template>
+  <el-form style="width: 100%" ref="filterListFormRef" :model="formData" class="demo-form-inline" label-suffix=":"
+    label-width="74px">
+    <el-row :gutter="24">
+      <el-col :span="7">
+        <el-form-item label="出院日期">
+          <div style="width: 100%;display: flex;gap: 5px;">
+            <el-form-item prop="AAC01_START">
+              <el-date-picker style="width: 100%" v-model="formData.AAC01_START" type="date" placeholder="开始日期"
+                :picker-options="AAC01PickerOptions" value-format="yyyyMMdd" format="yyyy年MM月dd日">
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item prop="AAC01_END">
+              <el-date-picker style="width: 100%" v-model="formData.AAC01_END" type="date" placeholder="结束日期"
+                value-format="yyyyMMdd" format="yyyy年MM月dd日">
+              </el-date-picker>
+            </el-form-item>
+          </div>
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="病案号" prop="AAA28">
+          <el-input v-model="formData.AAA28" placeholder="病案号"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="病人科室" prop="AAC02C">
+          <el-select style="width:100%" v-model="formData.AAC02C" filterable clearable placeholder="出院科室">
+            <el-option v-for="item of departments" :key="item.dep_id" :label="item.name" :value="item.dep_id" />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="质控类型" prop="type">
+          <el-select style="width:100%" v-model="formData.type" filterable clearable placeholder="出院科室">
+            <el-option label="运行首页" value="1" />
+            <el-option label="运行病历" value="2" />         
+            <el-option label="编目首页" value="3" />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row :gutter="24">
+      <el-col :span="7">
+        <el-form-item label="入院日期">
+          <div style="width: 100%;display: flex;gap: 5px;">
+            <el-form-item prop="AAB01_START">
+              <el-date-picker style="width: 100%" v-model="formData.AAB01_START" type="date" placeholder="开始日期"
+                :picker-options="AAB01PickerOptions" value-format="yyyyMMdd" format="yyyy年MM月dd日">
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item prop="AAB01_END">
+              <el-date-picker style="width: 100%" v-model="formData.AAB01_END" type="date" placeholder="结束日期"
+                value-format="yyyyMMdd" format="yyyy年MM月dd日">
+              </el-date-picker>
+            </el-form-item>
+          </div>
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="整改状态" prop="is_correction">
+          <el-select style="width: 100%;" v-model="formData.is_correction" filterable clearable placeholder="审核状态">
+            <el-option label="已整改" :value="1" />
+            <el-option label="未整改" :value="0" />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6" :offset="6">
+        <el-form-item label="" prop="" style="float: right;">
+          <el-button type="primary" @click="onSubmit">查询</el-button>
+          <el-button @click="onReset">重置</el-button>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+import moment from 'moment/moment';
+
+export default {
+  emits: ['search', 'reset'],
+  data() {
+    const that = this
+    return {
+      formData: {
+        AAC01_START: '',
+        AAC01_END: '',
+        AAB01_START: '',
+        AAB01_END: '',
+        AAA28: '',
+        AAC02C: '',
+        is_correction: '',
+        type: ''
+      },
+      departments: [],
+      AAC01PickerOptions: {
+        disabledDate: (time) => {
+          if (that.formData.AAC01_END != "") {
+            return time.getTime() > Date.now();
+          }
+        },
+        shortcuts: [{
+          text: '今天',
+          onClick(picker) {
+            picker.$emit('pick', moment().format('YYYYMMDD'));
+            that.formData.AAC01_END = moment().format('YYYYMMDD')
+          }
+        }, {
+          text: '近7天',
+          onClick(picker) {
+            picker.$emit('pick', moment().subtract(7, 'days').format('YYYYMMDD'));
+            that.formData.AAC01_END = moment().format('YYYYMMDD')
+          }
+        }, {
+          text: '近30天',
+          onClick(picker) {
+            picker.$emit('pick', moment().subtract(30, 'days').format('YYYYMMDD'));
+            that.formData.AAC01_END = moment().format('YYYYMMDD')
+          }
+        }, {
+          text: '一季度',
+          onClick(picker) {
+            picker.$emit('pick', moment().startOf('year').format('YYYYMMDD'));
+            that.formData.AAC01_END = moment().startOf('year').add(3,'M').subtract(1, 'days').format('YYYYMMDD')
+          }
+        },  {
+          text: '二季度',
+          onClick(picker) {
+            picker.$emit('pick', moment().startOf('year').add(3,'M').format('YYYYMMDD'));
+            that.formData.AAC01_END = moment().startOf('year').add(6,'M').subtract(1, 'days').format('YYYYMMDD')
+          }
+        },  {
+          text: '三季度',
+          onClick(picker) {
+            picker.$emit('pick', moment().startOf('year').add(6,'M').format('YYYYMMDD'));
+            that.formData.AAC01_END = moment().startOf('year').add(9,'M').subtract(1, 'days').format('YYYYMMDD')
+          }
+        },  {
+          text: '四季度',
+          onClick(picker) {
+            picker.$emit('pick', moment().startOf('year').add(9,'M').format('YYYYMMDD'));
+            that.formData.AAC01_END = moment().startOf('year').add(12,'M').subtract(1, 'days').format('YYYYMMDD')
+          }
+        }, {
+          text: moment().add(-2,'Y').format("YYYY"),
+          onClick(picker) {
+            picker.$emit('pick', moment().add(-2,'Y').startOf('year').format('YYYYMMDD'));
+            that.formData.AAC01_END = moment().add(-2,'Y').endOf('year').format('YYYYMMDD')
+          }
+        }, {
+          text: moment().add(-1,'Y').format("YYYY"),
+          onClick(picker) {
+            picker.$emit('pick', moment().add(-1,'Y').startOf('year').format('YYYYMMDD'));
+            that.formData.AAC01_END = moment().add(-1,'Y').endOf('year').format('YYYYMMDD')
+          }
+        }, {
+          text: moment().format("YYYY"),
+          onClick(picker) {
+            picker.$emit('pick', moment().startOf('year').format('YYYYMMDD'));
+            that.formData.AAC01_END = moment().endOf('year').format('YYYYMMDD')
+          }
+        }]
+      },
+      AAB01PickerOptions: {
+        disabledDate: (time) => {
+          if (that.formData.AAB01_END != "") {
+            return time.getTime() > Date.now();
+          }
+        },
+        shortcuts: [{
+          text: '今天',
+          onClick(picker) {
+            picker.$emit('pick', moment().format('YYYYMMDD'));
+            that.formData.AAB01_END = moment().format('YYYYMMDD')
+          }
+        }, {
+          text: '近7天',
+          onClick(picker) {
+            picker.$emit('pick', moment().subtract(7, 'days').format('YYYYMMDD'));
+            that.formData.AAB01_END = moment().format('YYYYMMDD')
+          }
+        }, {
+          text: '近30天',
+          onClick(picker) {
+            picker.$emit('pick', moment().subtract(30, 'days').format('YYYYMMDD'));
+            that.formData.AAB01_END = moment().format('YYYYMMDD')
+          }
+        }, {
+          text: '一季度',
+          onClick(picker) {
+            picker.$emit('pick', moment().startOf('year').format('YYYYMMDD'));
+            that.formData.AAB01_END = moment().startOf('year').add(3,'M').subtract(1, 'days').format('YYYYMMDD')
+          }
+        },  {
+          text: '二季度',
+          onClick(picker) {
+            picker.$emit('pick', moment().startOf('year').add(3,'M').format('YYYYMMDD'));
+            that.formData.AAB01_END = moment().startOf('year').add(6,'M').subtract(1, 'days').format('YYYYMMDD')
+          }
+        },  {
+          text: '三季度',
+          onClick(picker) {
+            picker.$emit('pick', moment().startOf('year').add(6,'M').format('YYYYMMDD'));
+            that.formData.AAB01_END = moment().startOf('year').add(9,'M').subtract(1, 'days').format('YYYYMMDD')
+          }
+        },  {
+          text: '四季度',
+          onClick(picker) {
+            picker.$emit('pick', moment().startOf('year').add(9,'M').format('YYYYMMDD'));
+            that.formData.AAB01_END = moment().startOf('year').add(12,'M').subtract(1, 'days').format('YYYYMMDD')
+          }
+        }, {
+          text: moment().add(-2,'Y').format("YYYY"),
+          onClick(picker) {
+            picker.$emit('pick', moment().add(-2,'Y').startOf('year').format('YYYYMMDD'));
+            that.formData.AAB01_END = moment().add(-2,'Y').endOf('year').format('YYYYMMDD')
+          }
+        }, {
+          text: moment().add(-1,'Y').format("YYYY"),
+          onClick(picker) {
+            picker.$emit('pick', moment().add(-1,'Y').startOf('year').format('YYYYMMDD'));
+            that.formData.AAB01_END = moment().add(-1,'Y').endOf('year').format('YYYYMMDD')
+          }
+        }, {
+          text: moment().format("YYYY"),
+          onClick(picker) {
+            picker.$emit('pick', moment().startOf('year').format('YYYYMMDD'));
+            that.formData.AAB01_END = moment().endOf('year').format('YYYYMMDD')
+          }
+        }]
+      },
+    }
+  },
+  created() {
+    this.getDeportmentList()
+  },
+  methods: {
+    onSubmit() {
+      this.$emit('search')
+    },
+    onReset() {
+      this.$refs.filterListFormRef.resetFields();
+      this.$emit('reset')
+    },
+    getDeportmentList() {
+      this.$axios.get('/user/depDropDown').then(res => {
+        const { data } = res
+        this.departments = data;
+      }).catch(error => {
+        console.log(error)
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>

src/views/recordsRoom/qc/components/correction/TableBox.vue

@@ -0,0 +1,247 @@
+<template>
+  <el-table
+    v-loading="loading"
+    :data="data"
+    style="width: 100%"
+    @selection-change="handleSelectionChange"
+  >
+    <el-table-column type="selection" width="55"></el-table-column>
+    <el-table-column type="index" label="序号" width="80" />
+    <el-table-column prop="AAA28" label="病案号" width="100">
+      <template slot-scope="scope">
+        <el-button class="blue-link" type="text" @click="toPage(scope.row)">{{ scope.row.AAA28 }}</el-button>
+      </template>
+    </el-table-column>
+    <el-table-column prop="BRXM" label="患者姓名" width="100" />
+    <el-table-column prop="AAB01" label="入院时间" width="160"/>
+    <el-table-column prop="AAC01" label="出院时间" width="160"/>
+    <el-table-column prop="AAC02C" label="病人科室" width="120" show-overflow-tooltip />
+    <!-- <el-table-column prop="CWH" label="床号" width="100" /> -->
+    <el-table-column
+      prop=""
+      label="质控类型"
+      width="80"
+      show-overflow-tooltip>
+      <template slot-scope="scope">
+        <div :class="`quality-type-${scope.row.type}`">
+          <span v-if="scope.row.type == 1">运行首页</span>
+          <span v-if="scope.row.type == 2">运行病历</span>
+          <span v-if="scope.row.type == 3">编目首页</span>
+        </div>
+      </template>
+    </el-table-column>
+    <el-table-column
+      prop=""
+      label="整改状态"
+      width="80"
+      show-overflow-tooltip>
+      <template slot-scope="scope">
+        <div :class="`status-${scope.row.is_correction}`">
+          <span v-if="scope.row.is_correction == 0">未整改</span>
+          <span v-if="scope.row.is_correction == 1">已整改</span>
+        </div>
+      </template>
+    </el-table-column>
+    <el-table-column
+      width="180"
+      prop="basis"
+      label="缺陷问题"
+      show-overflow-tooltip
+    />
+    <!-- <el-table-column
+      prop=""
+      label="整改级别"
+      width="80"
+      show-overflow-tooltip
+    >
+      <template slot-scope="scope">
+        <span>
+          <el-tag style="max-width: 80px" :type="scope.row.levels === 1 ? 'danger' : ''">
+            {{ scope.row.levels == 1?'必改':'建议' }}
+          </el-tag>
+        </span>
+      </template>
+    </el-table-column> -->
+    <el-table-column
+      width="120"
+      prop="JSR"
+      label="接收医生"
+    />
+    <el-table-column
+      width="160"
+      prop="created_at"
+      label="接收时间"
+    >
+      <template slot-scope="scope">
+        <span>{{scope.row.created_at ? moment(scope.row.created_at * 1000).format('YYYY-MM-DD HH:MM') : ''}}</span>
+      </template>
+    </el-table-column>
+    <!-- <el-table-column
+      prop="appeal_document"
+      label="申诉科室"
+      show-overflow-tooltip
+    /> -->
+    <el-table-column
+      width="120"
+      prop="ZKR"
+      label="质控医生"
+    />
+    <!-- <el-table-column prop="" label="科室质控医师" width="120">
+      <template slot-scope="scope">
+        <span>{{Array.isArray(scope.row.ZKR) && scope.row.ZKR.map(item => item.ZKR).join(',') || ''}}</span>
+      </template>
+    </el-table-column> -->
+    <el-table-column
+      width="160"
+      prop=""
+      label="质控时间"
+    >
+      <!-- <template slot-scope="scope">
+        <span>{{scope.row.examine_time ? moment(scope.row.examine_time * 1000).format('YYYY-MM-DD HH:MM') : ''}}</span>
+      </template> -->
+    </el-table-column>
+    <!-- <el-table-column prop="review_time" label="科室审核时间" width="160"/> -->
+    <!-- <el-table-column prop="" label="病历得分" width="120">
+      <template slot-scope="scope">
+        <span v-if="scope.row.score" :class="`score-level-${
+          scope.row.score_lv == '甲' ? '1' : 
+          scope.row.score_lv == '乙' ? '3' : '4'}`"
+        >{{scope.row.score}} / {{scope.row.score_lv}}</span>
+      </template>
+    </el-table-column> -->
+
+    <!-- <el-table-column prop="" label="首页得分" width="120">
+      <template slot-scope="scope">
+        <span v-if="scope.row.home_ysz_score" :class="`score-level-${
+          scope.row.home_ysz_score_lv == '优' ? '1' : 
+          scope.row.home_ysz_score_lv == '良' ? '2' : 
+          scope.row.home_ysz_score_lv == '中' ? '3' :  '4'}`"
+        >{{scope.row.home_ysz_score}} / {{scope.row.home_ysz_score_lv}}</span>
+      </template>
+    </el-table-column> -->
+    
+    <!-- <el-table-column prop="ZKY" label="审核问题数量" width="120" /> -->
+    <!-- <el-table-column prop="in_hospital" label="是否在院" width="120">
+      <template slot-scope="scope">
+        <span>{{scope.row.in_hospital == 1 ? '是' : '否'}}</span>
+      </template>
+    </el-table-column> -->
+
+    <el-table-column prop="GCYSMC" label="管床医师" width="120" />
+    <el-table-column prop="ZRYS_MC" label="主治医师" width="120" />
+    <el-table-column prop="YLZZ" label="诊疗组长" width="120" />
+    <el-table-column prop="ZRYS_MC" label="科主任" width="120" />
+  </el-table>
+</template>
+
+<script>
+import moment from 'moment/moment';
+
+export default {
+  props: {
+    data: {
+      type: Array,
+      default() {
+        return [];
+      },
+    },
+    loading: {
+      type: Boolean,
+      default() {
+        return false;
+      },
+    }
+  },
+  data() {
+    return {
+      selectedArray: []
+    }
+  },
+  methods: {
+    moment,
+    toPage(row) {
+      const { ZYH } = row;
+      this.$router.push({ path: '/qc/caseViews', query: {
+        ZYH,
+        from: 'review'
+      }, meta: {
+        title: '申诉详情'
+      }});
+    },
+
+    handleSelectionChange(val) {
+      this.selectedArray = val;
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+// ::v-deep.el-table {
+//   .selected-row {
+//     background-color:#ecf5ff !important;
+//   }
+// }
+
+@mixin status() {
+    width: 60px;
+    text-align: center;
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 4px;
+    font-weight: 500
+}
+
+.status-0 {
+  @include status();
+  background-color: #fccbd4;
+  border-color: #ef1f3a;
+  color: #ef1f3a;
+}
+.status-1 {
+  @include status();
+  background-color: #d2e4d6;
+  border-color: #318240;
+  color: #318240;
+}
+.status-2 {
+  @include status();
+  background-color: #ef1f3a;
+  border-color: #ef1f3a;
+  color: #ffffff;
+}
+
+@mixin score-level() {
+    font-weight: 500
+}
+
+.score-level-1 {
+  @include score-level();
+  color: #318240;
+}
+.score-level-2 {
+  @include score-level();
+  color: #89c30f;
+}
+.score-level-3 {
+  @include score-level();
+  color: #ec890e;
+}
+.score-level-4 {
+  @include score-level();
+  color: #ef1f3a;
+}
+
+.quality-type-1 {
+  @include score-level();
+  color: #07818a;
+}
+.quality-type-2 {
+  @include score-level();
+  color: #3c108f;
+}
+.quality-type-3 {
+  @include score-level();
+  color: #a26d0a
+}
+</style>

src/views/recordsRoom/qc/index.vue

@@ -1,7 +1,15 @@
 <template>
   <div class="app-container">
-    <SearchBoxVue ref="SearchBoxRef" @search="handleSearch" @reset="handleReset" />
-    <TableBoxVue :loading="loading" :data="tableData" :status="status" />
+    <div class="filter-list-form">
+      <el-radio-group v-model="currentTab" @input="handleReset" style="margin-bottom:15px">
+        <el-radio-button label="审核列表"></el-radio-button>
+        <el-radio-button label="审核明细"></el-radio-button>
+      </el-radio-group>
+      <SearchBoxVue v-if="currentTab === '审核列表'" ref="SearchBoxRef" @search="handleSearch" @reset="handleReset" />
+      <CorrectionSearchBoxVue v-else ref="SearchBoxRef" @search="handleSearch" @reset="handleReset" />
+    </div>
+    <TableBoxVue v-if="currentTab === '审核列表'" :loading="loading" :data="tableData" :status="status" />
+    <CorrectionTableBoxVue v-else :loading="loading" :data="tableData"/>
     <div class="filter-list-table-pagination">
       <mPagination v-if="tableData && tableData.length !== 0" :data="paginationData" @pageChangeEvent="pageHasChanged"></mPagination>
     </div>
@@ -10,10 +18,12 @@
 
 <script>
 import mPagination from '@/components/m-pagination';
+import CorrectionSearchBoxVue from '@/views/recordsRoom/qc/components/correction/SearchBox.vue'
+import CorrectionTableBoxVue from '@/views/recordsRoom/qc/components/correction/TableBox.vue'
 import SearchBoxVue from '@/views/recordsRoom/qc/components/SearchBox.vue'
 import TableBoxVue from '@/views/recordsRoom/qc/components/TableBox.vue'
 import pagination from '@/components/Pagination/index2.vue'
-import { getBlZkList, getQualityControlStatus } from '@/api/qc'
+import { getBlZkList, getCorrectionList, getQualityControlStatus } from '@/api/qc'
 let current = ''
 
 export default {
@@ -21,10 +31,13 @@ export default {
     mPagination,
     SearchBoxVue,
     TableBoxVue,
-    pagination
+    pagination,
+    CorrectionSearchBoxVue,
+    CorrectionTableBoxVue
   },
   data() {
     return {
+      currentTab: '审核列表',
       loading: false,
       status: 0,
       tableData: [],
@@ -49,9 +62,8 @@ export default {
   },
   methods: {
     getList() {
-      console.log(1111111111111111, this.$route)
-      this.loading = true
-      getBlZkList({
+      this.loading = true;
+      (this.currentTab === '审核列表' ? getBlZkList : getCorrectionList)({
         ...this.$refs.SearchBoxRef.formData,
         page: this.paginationData.currentPage,
         page_size: this.paginationData.pageSize
@@ -82,8 +94,10 @@ export default {
       this.getList()
     },
     handleSearch() {
-      this.paginationData.currentPage = 1
-      this.getList()
+      this.$nextTick(() => {
+        this.paginationData.currentPage = 1
+        this.getList()
+      })
     },
     handleReset() {
       this.handleSearch()