status

src/components/sumDoctorCheck/SumAsbItemStatus.vue

@@ -0,0 +1,77 @@
+<template>
+  <div style="display: flex;height:90px;">
+    <div class="asbitemListClass">
+      <div style="margin-top:2px;font-size:7px;color: #409EFF;">未检组合项目：</div>
+      <div style="display: flex; flex-wrap: wrap; height:68px;width:100%; margin-top:2px;border: 1px solid;">        
+        <el-tag style="margin-left: 5px;" v-for="item in unCheckAsb" :key="item" size="mini">{{item}}</el-tag>                    
+      </div>
+    </div>
+    <div class="asbitemListClass">
+      <div style="margin-top:2px;font-size:7px;color: #909399;">弃检组合项目：</div>
+      <div style="display: flex; flex-wrap: wrap; height:68px;width:100%; margin-top:2px;border: 1px solid;">
+        <el-tag type="info" style="margin-left: 5px;" v-for="item in refuseAsb" :key="item" size="mini">{{item}}</el-tag>        
+      </div>
+    </div>
+    <div class="asbitemListClass">
+      <div style="margin-top:2px;font-size:7px;color: #F56C6C;">组合项目已检但无值的明细项目：</div>
+      <div style="display: flex; flex-wrap: wrap; height:68px;width:100%; margin-top:2px;border: 1px solid;">
+        <el-tag type="danger" style="margin-left: 5px;" v-for="item in noResultItem" :key="item" size="mini">{{item}}</el-tag>        
+      </div>
+    </div>
+    <div class="asbitemListClass">
+      <div style="margin-top:2px;font-size:7px;color: #E6A23C;">组合项目已检但弃检的明细项目：</div>
+      <div style="display: flex; flex-wrap: wrap; height:68px;width:100%; margin-top:2px;border: 1px solid;">
+        <el-tag type="warning" style="margin-left: 5px;" v-for="item in refuseItem" :key="item" size="mini">{{item}}</el-tag>        
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import moment from "moment";
+import { mapState } from "vuex";
+import { getapi, postapi, putapi, deletapi } from "@/api/api";
+
+export default {
+  components: {},
+  data() {
+    return {
+      unCheckAsb:['未检项目1','未检项目2','未检项目3','未检项目4','未检项目5','未检项目6','未检项目7','未检项目8'],
+      refuseAsb:['弃检1','弃检2'],
+      noResultItem:['无果1','无果2'],
+      refuseItem:['弃检明细1','弃检明细2'],
+    };
+  },
+
+  created() {},
+
+  //挂载完成
+  mounted() {},
+
+  computed: {
+    ...mapState(["dict", "doctorCheck","sumDoctorCheck"]),    
+  },
+  methods: {  
+
+    lmoment(date, forMat) {
+      return moment(new Date(date)).format(forMat);
+    },
+  },
+};
+</script>
+<style scoped>
+.asbitemListClass {
+  display: block; 
+  width: 24.5%;
+  margin-left: 3px;
+}
+.labelClass{
+  margin-top:2px;
+  font-size:8x;
+}
+.contentClass{
+  display: flex;
+  height:52px;
+  margin-top:2px;
+  font-size:8x;
+}
+</style>

src/components/sumDoctorCheck/SumSug.vue

@@ -2,14 +2,14 @@
   <div style="display: flex;">
     <div style="width:50%;">
       <el-table id="tableSummary" row-key="id" :data="sumDoctorCheck.summaryList" width="100%"
-        :height="window.pageHeight < 600 ? 300:window.pageHeight-300" 
-        border :row-style="{ height: '60px' }">
+        :height="window.pageHeight < 600 ? 200 : window.pageHeight - 400" border :row-style="{ height: '60px' }">
         <el-table-column prop="summaryTitle" label="综述">
           <template slot-scope="scope">
             <div>
               <el-input v-model="scope.row.summaryTitle" placeholder="请输入综述" disabled></el-input>
               <el-table :id="scope.row.id" :row-key="scope.$index + scope.row.id" style="margin-left: 30px;"
-                :data="scope.row.details" border @row-click="rowClick" :show-header="false" :row-style="{ height: '30px' }">
+                :data="scope.row.details" border @row-click="rowClick" :show-header="false"
+                :row-style="{ height: '30px' }">
                 <el-table-column prop="summaryContent" label="综述">
                   <template slot-scope="scope2">
                     <el-input type="textarea" v-model="scope2.row.summaryContent" placeholder="请输入综述" style="width: 95%"
@@ -26,16 +26,14 @@
     </div>
     <div style="width:50%;">
       <el-table id="tableSuggestion" row-key="id" :data="sumDoctorCheck.suggestionList" width="100%"
-        :height="window.pageHeight < 600 ? 300:window.pageHeight-300"
-        border :row-style="{ height: '60px' }">
+        :height="window.pageHeight < 600 ? 200 : window.pageHeight - 400" border :row-style="{ height: '60px' }">
         <el-table-column type="index" width="30" style="vertical-align: top;">
         </el-table-column>
         <el-table-column prop="suggestionTitle" label="建议">
           <template slot-scope="scope">
             <div>
               <el-input v-model="scope.row.suggestionTitle" placeholder="请输入建议标题"
-                :disabled="sumDoctorCheck.sumPREdit.completeFlag=='3' || sumDoctorCheck.sumPREdit.isAudit=='Y'"
-                >                
+                :disabled="sumDoctorCheck.sumPREdit.completeFlag == '3' || sumDoctorCheck.sumPREdit.isAudit == 'Y'">
                 <el-button slot="append" icon="el-icon-plus" @click="addSug(scope.$index)"
                   :disabled="sumDoctorCheck.sumPREdit.completeFlag == '3' || sumDoctorCheck.sumPREdit.isAudit == 'Y'"></el-button>
                 <!--
@@ -43,7 +41,8 @@
                 -->
               </el-input>
               <el-table :id="'sug' + scope.row.id" row-key="displayOrder" style="margin-left: 30px;"
-                :data="scope.row.details" border @row-click="rowClickSug" :show-header="false" :row-style="{ height: '30px' }">
+                :data="scope.row.details" border @row-click="rowClickSug" :show-header="false"
+                :row-style="{ height: '30px' }">
                 <el-table-column width="30">
                   <template slot-scope="scope2">
                     <div>{{ scope2.$index + 1 }}</div>

src/views/doctorCheck/sumDoctorCheck.vue

@@ -12,6 +12,7 @@
                 <div>
                   <SumSug/>
                   <SumPREdit/>
+                  <SumAsbItemStatus/>
                 </div>
               </el-tab-pane>
               <el-tab-pane label="明细结果" name="2">
@@ -49,6 +50,7 @@ import PatientRegisterBase from "../../components/doctorCheck/PatientRegisterBas
 import ButtonList from "../../components/sumDoctorCheck/ButtonList.vue";
 import SumSug from "../../components/sumDoctorCheck/SumSug.vue";
 import SumPREdit from "../../components/sumDoctorCheck/SumPREdit.vue";
+import SumAsbItemStatus from "../../components/sumDoctorCheck/SumAsbItemStatus.vue";
 import CheckDetails from "../../components/sumDoctorCheck/CheckDetails.vue";
 import SumItemsType from "../../components/sumDoctorCheck/SumItemsType.vue";
 import SumItems from "../../components/sumDoctorCheck/SumItems.vue";
@@ -59,10 +61,12 @@ export default {
     ButtonList,   
     SumSug,
     SumPREdit,
+    SumAsbItemStatus,
     CheckDetails,
     SumItemsType,
     SumItems,
     SumHistory,
+
   },
   data() {
     return {