From 724c4830ea23cd632802a2f76a318a16b309f8a2 Mon Sep 17 00:00:00 2001
From: lkk <364857242@qq.com>
Date: 星期五, 27 十二月 2024 09:00:00 +0800
Subject: [PATCH] 滚动条

---
 src/views/doctor/check/index.vue |  307 +++++++++++++++++++++++++++-----------------------
 1 files changed, 165 insertions(+), 142 deletions(-)

diff --git a/src/views/doctor/check/index.vue b/src/views/doctor/check/index.vue
index 1ccb796..696d582 100644
--- a/src/views/doctor/check/index.vue
+++ b/src/views/doctor/check/index.vue
@@ -513,17 +513,18 @@
                 :key="index"
               >
                 <el-table
+                  class="bgc"
                   v-loading="loading"
                   :data="proParentList.sons"
                   border
                   height="460px"
                   style="width: 96%; margin: 10px 10px"
+                  :row-class-name="tableRowClassName"
                 >
                   <el-table-column
                     prop="project.proName"
                     label="妫�娴嬮」鐩�"
                     width="150"
-                    fixed="left"
                   >
                     <!-- <template slot-scope="scope">
             {{ scope.row.project.proName }}
@@ -532,7 +533,7 @@
                   <el-table-column
                     prop="proResult"
                     label="妫�娴嬬粨鏋�"
-                    width="200"
+                    width="150"
                   >
                     <template slot-scope="scope">
                       <el-input
@@ -544,11 +545,22 @@
                         placeholder="璇疯緭鍏ユ娴嬬粨鏋�"
                         @blur="handleInputConfirm(scope.row)"
                         @input="vale"
-                        @focus="handleInConfirm(scope.row)"
                       ></el-input>
                     </template>
                   </el-table-column>
-                  <el-table-column label="瑙勫垯" width="55">
+                  <el-table-column
+                    prop="exceptionDesc"
+                    label="寮傚父"
+                    width="55px"
+                    align="center"
+                  >
+                    <template slot-scope="scope">
+                      <el-checkbox
+                        v-model="scope.row.exceptionDesc"
+                      ></el-checkbox>
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="瑙勫垯" width="70">
                     <template slot-scope="scope">
                       <el-button
                         class="blue-button"
@@ -557,12 +569,20 @@
                       >
                     </template>
                   </el-table-column>
-                  <el-table-column prop="project.proMetering" label="鍗曚綅">
+                  <el-table-column
+                    prop="project.proMetering"
+                    label="鍗曚綅"
+                    width="55"
+                  >
                     <!-- <template slot-scope="scope">
             {{ scope.row.standard.company }}
           </template> -->
                   </el-table-column>
-                  <el-table-column prop="project.proScope" label="鍙傝�冭寖鍥�">
+                  <el-table-column
+                    prop="project.proScope"
+                    label="鍙傝�冭寖鍥�"
+                    width="70"
+                  >
                   </el-table-column>
                   <el-table-column
                     prop="conclusion"
@@ -581,37 +601,23 @@
                       ></el-input>
                     </template>
                   </el-table-column>
-                  <el-table-column
-                    prop="exceptionDesc"
-                    label="鏄惁寮傚父"
-                    width="80px"
-                    align="center"
-                  >
-                    <template slot-scope="scope">
-                      <el-checkbox
-                        v-model="scope.row.exceptionDesc"
-                      ></el-checkbox>
-                    </template>
-                  </el-table-column>
+
                   <el-table-column
                     prop="isReturn"
-                    label="鏄惁澶嶈瘖"
-                    width="80px"
+                    label="澶嶈瘖"
+                    width="60px"
                     align="center"
                   >
                     <template slot-scope="scope">
                       <el-checkbox v-model="scope.row.isReturn"></el-checkbox>
                     </template>
                   </el-table-column>
-                  <el-table-column prop="resultType" label="缁撴灉绫诲瀷">
-                    <template slot-scope="scope">
-                      <dict-tag
-                        :options="dict.type.tj_result_type"
-                        :value="scope.row.resultType"
-                      />
-                    </template>
-                  </el-table-column>
-                  <el-table-column prop="isPositive" label="閲嶅ぇ闃虫��">
+
+                  <el-table-column
+                    prop="isPositive"
+                    label="閲嶅ぇ闃虫��"
+                    width="55"
+                  >
                     <template slot-scope="scope">
                       <el-switch
                         v-model="scope.row.isPositive"
@@ -619,6 +625,24 @@
                         inactive-value="0"
                         @change="checkboxchange(scope.row)"
                       ></el-switch>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="resultType" label="缁撴灉寤鸿">
+                    <template slot-scope="scope">
+                      <el-popover placement="top" trigger="hover" width="400">
+                        <div>
+                          {{ scope.row.proAdvice }}
+                        </div>
+                        <div slot="reference" class="jianyi">
+                          <el-input
+                            type="textarea"
+                            autosize
+                            v-model="scope.row.proAdvice"
+                            placeholder="璇疯緭鍏ョ粨鏋滃缓璁�"
+                            :disabled="true"
+                          ></el-input>
+                        </div>
+                      </el-popover>
                     </template>
                   </el-table-column>
                 </el-table>
@@ -803,17 +827,18 @@
                 :key="index"
               >
                 <el-table
+                  class="bgc"
                   v-loading="loading"
                   :data="proParentList.sons"
                   border
                   height="460px"
                   style="width: 96%; margin: 10px 10px"
+                  :row-class-name="tableRowClassName"
                 >
                   <el-table-column
                     prop="project.proName"
                     label="妫�娴嬮」鐩�"
-                    width="150"
-                    fixed="left"
+                    width="100"
                   >
                     <!-- <template slot-scope="scope">
             {{ scope.row.project.proName }}
@@ -822,7 +847,7 @@
                   <el-table-column
                     prop="proResult"
                     label="妫�娴嬬粨鏋�"
-                    width="200"
+                    width="150"
                   >
                     <template slot-scope="scope">
                       <el-input
@@ -834,11 +859,10 @@
                         placeholder="璇疯緭鍏ユ娴嬬粨鏋�"
                         @blur="handleInputConfirm(scope.row)"
                         @input="vale"
-                        @focus="handleInConfirm(scope.row)"
                       ></el-input>
                     </template>
                   </el-table-column>
-                  <el-table-column label="瑙勫垯" width="55">
+                  <el-table-column label="瑙勫垯" width="70">
                     <template slot-scope="scope">
                       <el-button
                         class="blue-button"
@@ -847,34 +871,26 @@
                       >
                     </template>
                   </el-table-column>
-                  <el-table-column prop="project.proMetering" label="鍗曚綅">
+                  <el-table-column
+                    prop="project.proMetering"
+                    label="鍗曚綅"
+                    width="55"
+                  >
                     <!-- <template slot-scope="scope">
             {{ scope.row.standard.company }}
           </template> -->
                   </el-table-column>
-                  <el-table-column prop="project.proScope" label="鍙傝�冭寖鍥�">
-                  </el-table-column>
                   <el-table-column
-                    prop="conclusion"
-                    label="缁撴灉缁撹"
-                    width="200"
+                    prop="project.proScope"
+                    label="鍙傝�冭寖鍥�"
+                    width="80"
                   >
-                    <template slot-scope="scope">
-                      <el-input
-                        size="mini"
-                        type="textarea"
-                        autosize
-                        v-model="scope.row.conclusion"
-                        autocomplete="off"
-                        placeholder="璇疯緭鍏ユ娴嬬粨鏋�"
-                        disabled
-                      ></el-input>
-                    </template>
                   </el-table-column>
+
                   <el-table-column
                     prop="exceptionDesc"
-                    label="鏄惁寮傚父"
-                    width="80px"
+                    label="寮傚父"
+                    width="55px"
                     align="center"
                   >
                     <template slot-scope="scope">
@@ -885,23 +901,20 @@
                   </el-table-column>
                   <el-table-column
                     prop="isReturn"
-                    label="鏄惁澶嶈瘖"
-                    width="80px"
+                    label="澶嶈瘖"
+                    width="55px"
                     align="center"
                   >
                     <template slot-scope="scope">
                       <el-checkbox v-model="scope.row.isReturn"></el-checkbox>
                     </template>
                   </el-table-column>
-                  <el-table-column prop="resultType" label="缁撴灉绫诲瀷">
-                    <template slot-scope="scope">
-                      <dict-tag
-                        :options="dict.type.tj_result_type"
-                        :value="scope.row.resultType"
-                      />
-                    </template>
-                  </el-table-column>
-                  <el-table-column prop="isPositive" label="閲嶅ぇ闃虫��">
+
+                  <el-table-column
+                    prop="isPositive"
+                    label="閲嶅ぇ闃虫��"
+                    width="55"
+                  >
                     <template slot-scope="scope">
                       <el-switch
                         v-model="scope.row.isPositive"
@@ -909,6 +922,24 @@
                         inactive-value="0"
                         @change="checkboxchange(scope.row)"
                       ></el-switch>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="resultType" label="缁撴灉寤鸿">
+                    <template slot-scope="scope">
+                      <el-popover placement="top" trigger="hover" width="400">
+                        <div>
+                          {{ scope.row.proAdvice }}
+                        </div>
+                        <div slot="reference" class="jianyi">
+                          <el-input
+                            type="textarea"
+                            autosize
+                            v-model="scope.row.proAdvice"
+                            placeholder="璇疯緭鍏ョ粨鏋滃缓璁�"
+                            :disabled="true"
+                          ></el-input>
+                        </div>
+                      </el-popover>
                     </template>
                   </el-table-column>
                 </el-table>
@@ -1500,6 +1531,12 @@
   },
 
   methods: {
+    tableRowClassName({ row }) {
+      if (row.exceptionDesc) {
+        return "warning-row";
+      }
+      return "";
+    },
     getbzlist() {
       getDeptAdvice(this.queryParam1).then((response) => {
         this.deptAdviceList = response.data.list;
@@ -1728,31 +1765,38 @@
       console.log("杈撳叆鍐呭:", value);
     },
     handleInputConfirm(datas) {
+      this.focusrow = datas;
       this.proResult = datas;
       var pattern3 = new RegExp("[0-9]+");
+      console.log(typeof this.proResult.proResult);
       if (pattern3.test(this.proResult)) {
         let data = {
           proId: this.focusrow.proId,
           cusId: this.tableAll.cusId,
-          keyNum: this.proResult,
           tjNum: this.tableAll.tjNumber,
-          keyNum: this.proResult.proResult
+          keyNum: this.proResult.proResult,
         };
         AutoGetRule(data).then((res) => {
           this.focusrow.conclusion = "";
           if (res.data) {
             this.autorule = res.data;
-            this.focusrow.rulesList = this.autorule;
+            this.focusrow.rulesList = res.data;
+            if (res.data.length > 0) {
+              const conditions = ["姝e父", "鏈寮傚父", "闃存��", "鏈鏄庢樉寮傚父"];
+              this.focusrow.exceptionDesc = !conditions.some((condition) =>
+                this.autorule[0].bz.includes(condition)
+              );
+            } else {
+              this.focusrow.exceptionDesc = false;
+            }
+            this.focusrow.proAdvice = this.autorule[0].nr;
             this.autorule.forEach((item) => {
               if (this.focusrow.conclusion) {
-                this.focusrow.conclusion += item.bingzhong;
+                this.focusrow.conclusion += item.bz;
               } else {
-                this.focusrow.conclusion = item.bingzhong;
+                this.focusrow.conclusion += item.bz;
               }
             });
-            // this.rows.push(this.focusrow); 
-            // console.log(this.rows,5522);
-            
           }
         });
       } else {
@@ -1761,82 +1805,38 @@
           cusId: this.tableAll.cusId,
           keyWord: this.proResult,
           tjNum: this.tableAll.tjNumber,
-          keyNum: this.proResult.proResult
-
+          keyNum: this.proResult.proResult,
         };
         AutoGetRule(data).then((res) => {
           this.focusrow.conclusion = "";
           if (res.data) {
             this.autorule = res.data;
-            this.focusrow.rulesList = this.autorule;
+            this.focusrow.rulesList = res.data;
+            if (res.data.length > 0) {
+              const conditions = ["姝e父", "鏈寮傚父", "闃存��", "鏈鏄庢樉寮傚父"];
+              this.focusrow.exceptionDesc = !conditions.some((condition) =>
+                this.autorule[0].bz.includes(condition)
+              );
+            } else {
+              this.focusrow.exceptionDesc = false;
+            }
+            this.focusrow.proAdvice = this.autorule[0].nr;
             this.autorule.forEach((item) => {
               if (this.focusrow.conclusion) {
-                this.focusrow.conclusion += item.bingzhong;
+                this.focusrow.conclusion += item.bz;
               } else {
-                this.focusrow.conclusion = item.bingzhong;
+                this.focusrow.conclusion += item.bz;
               }
             });
-            // this.rows.push(this.focusrow); 
+            // this.rows.push(this.focusrow);
           }
         });
       }
 
       this.rows.push(datas);
-      console.log(this.rows,5522)
-
-      // this.$refs.aaa.open = true;
-      // this.$refs.aaa.getList();
+      console.log(this.rows, 5522);
     },
 
-    /* vale(datas) {
-      this.proResult = datas;
-      var pattern3 = new RegExp("[0-9]+");
-      if (pattern3.test(this.proResult)) {
-        let data = {
-          proId: this.focusrow.proId,
-          cusId: this.tableAll.cusId,
-          keyNum: this.proResult,
-        };
-        AutoGetRule(data).then((res) => {
-          this.focusrow.conclusion = "";
-          if (res.data) {
-            this.autorule = res.data;
-            this.focusrow.rulesList = this.autorule;
-            this.autorule.forEach((item) => {
-              if (this.focusrow.conclusion) {
-                this.focusrow.conclusion += item.bingzhong;
-              } else {
-                this.focusrow.conclusion = item.bingzhong;
-              }
-            });
-          }
-        });
-      } else {
-        let data = {
-          proId: this.focusrow.proId,
-          cusId: this.tableAll.cusId,
-          keyWord: this.proResult,
-        };
-        AutoGetRule(data).then((res) => {
-          this.focusrow.conclusion = "";
-          if (res.data) {
-            this.autorule = res.data;
-            this.focusrow.rulesList = this.autorule;
-            this.autorule.forEach((item) => {
-              if (this.focusrow.conclusion) {
-                this.focusrow.conclusion += item.bingzhong;
-              } else {
-                this.focusrow.conclusion = item.bingzhong;
-              }
-            });
-          }
-        });
-      }
-
-      // this.$refs.aaa.open = true;
-      // this.$refs.aaa.getList();
-    }, */
-    // 瑙勫垯
     handleguize(row) {
       this.row = row;
       this.$refs.aaa.open = true;
@@ -2459,15 +2459,11 @@
                 if (item1 === item) {
                   item = item1;
                 }
-                // if (item.isReturn == true) {
-                //   item.isReturn = 1;
-                // }
-                // if (item.isReturn == false) {
-                //   item.isReturn = 0;
-                // }
               });
             }
             this.tjOrderDetail.push({
+              proAdvice: item.proAdvice,
+
               proName: item.project.proName,
               proId: item.project.proId,
               orderDetailId: item.orderDetailId,
@@ -2654,6 +2650,8 @@
               });
             }
             this.tjOrderDetail.push({
+              proAdvice: item.proAdvice,
+
               proName: item.project.proName,
               proId: item.project.proId,
               orderDetailId: item.orderDetailId,
@@ -2799,9 +2797,6 @@
           this.getbzlist();
         });
     },
-    handleInConfirm(row) {
-      this.focusrow = row;
-    },
 
     // 鐐瑰嚮纭
     determine() {
@@ -2827,6 +2822,7 @@
           });
         }
         this.tjOrderDetail.push({
+          proAdvice: item.proAdvice,
           proName: item.project.proName,
           proId: item.project.proId,
           orderDetailId: item.orderDetailId,
@@ -2842,6 +2838,8 @@
 
       let data = [
         {
+          proAdvice: item.proAdvice,
+
           tjNumber,
           proId: this.proId,
           remark: this.proParentList.remark, // 澶囨敞
@@ -2860,7 +2858,7 @@
   },
 };
 </script>
-<style>
+<style lang="scss" scoped>
 .el-table .cell {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
@@ -2883,7 +2881,6 @@
 }
 
 .el-button--medium {
-  padding: 4px 14px;
   font-size: 14px;
 }
 
@@ -2932,4 +2929,30 @@
   display: flex;
   justify-content: center;
 }
+
+::v-deep .el-table .warning-row {
+  background: #ffe6e6 !important; /* 杞诲井鐨勭孩鑹茶儗鏅� */
+}
+/* .el-table--enable-row-hover .el-table__body tr:hover>td{
+	background-color: #ffe6e6 !important;
+} */
+::v-deep .bgc .el-table__body tr:hover > td {
+  background-color: #ffe6e6 !important;
+}
+::v-deep .bgc .el-table__cell {
+  padding: 5px 0 !important;
+}
+.jianyi {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  font-size: 12px;
+}
+::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {
+  background-color: #66cc66;
+  border-color: #66cc66;
+}
 </style>

--
Gitblit v1.8.0