css报错修改

src/views/outseeQualityControl.vue

@@ -10,7 +10,13 @@
   <div class="outseeQualityControl">
     <div class="outseeQualityControl_box">
       <div class="outseeQualityControl_box_btn">
-                <el-button class="outseeQualityControl_box_btn_button" size="mini" type="primary" @click="getSynchronous">同步数据</el-button>
+        <el-button
+          class="outseeQualityControl_box_btn_button"
+          size="mini"
+          type="primary"
+          @click="getSynchronous"
+          >同步数据</el-button
+        >
       </div>
       <div class="outseeQualityControl_box_header">
         <div class="outseeQualityControl_box_header_text"></div>
@@ -18,26 +24,42 @@
 
       <div class="outseeQualityControl_box_Content">
         <div class="outseeQualityControl_box_Content_left">
-                    <medical-record-homepage :medicalrecord="medicalrecord" :clicktitle="clicktitle"> </medical-record-homepage>
+          <medical-record-homepage
+            :medicalrecord="medicalrecord"
+            :clicktitle="clicktitle"
+          >
+          </medical-record-homepage>
         </div>
 
         <div class="outseeQualityControl_box_Content_right">
           <div class="outseeQualityControl_box_Content_right_top">
             <!--非编码问题 -->
             <div
-                            :class="[isleftcodeShow ? 'outseeQualityControl_box_Content_right_top_left' : 'outseeQualityControl_box_Content_right_top_left11']"
+              :class="[
+                isleftcodeShow
+                  ? 'outseeQualityControl_box_Content_right_top_left'
+                  : 'outseeQualityControl_box_Content_right_top_left11'
+              ]"
               @click="leftcode"
             >
               <div class="outseeQualityControl_box_Content_right_top_left_div1">
-                                <img src="../assets/img/fbm.png" alt="" v-show="isleftcodeShow" />
-                                <img src="../assets/img/bm.png" alt="" v-show="!isleftcodeShow" />
+                <img
+                  src="../assets/img/fbm.png"
+                  alt=""
+                  v-show="isleftcodeShow"
+                />
+                <img
+                  src="../assets/img/bm.png"
+                  alt=""
+                  v-show="!isleftcodeShow"
+                />
               </div>
               <div class="outseeQualityControl_box_Content_right_top_left_div2">
                 <span
                   :class="[
                     isleftcodeShow
                       ? 'outseeQualityControl_box_Content_right_top_left_div2_span1'
-                                            : 'outseeQualityControl_box_Content_right_top_left_div2_span11',
+                      : 'outseeQualityControl_box_Content_right_top_left_div2_span11'
                   ]"
                   >{{ fruleCount }}</span
                 >
@@ -45,7 +67,7 @@
                   :class="[
                     isleftcodeShow
                       ? 'outseeQualityControl_box_Content_right_top_left_div2_span2'
-                                            : 'outseeQualityControl_box_Content_right_top_left_div2_span22',
+                      : 'outseeQualityControl_box_Content_right_top_left_div2_span22'
                   ]"
                   >非编码问题</span
                 >
@@ -54,20 +76,34 @@
             <!-- 编码问题 -->
             <div
               :class="[
-                                isleftcodeShow ? 'outseeQualityControl_box_Content_right_top_right' : 'outseeQualityControl_box_Content_right_top_right11',
+                isleftcodeShow
+                  ? 'outseeQualityControl_box_Content_right_top_right'
+                  : 'outseeQualityControl_box_Content_right_top_right11'
               ]"
               @click="rightcode"
             >
-                            <div class="outseeQualityControl_box_Content_right_top_right_div1">
-                                <img src="../assets/img/fbm.png" alt="" v-show="!isleftcodeShow" />
-                                <img src="../assets/img/bm.png" alt="" v-show="isleftcodeShow" />
+              <div
+                class="outseeQualityControl_box_Content_right_top_right_div1"
+              >
+                <img
+                  src="../assets/img/fbm.png"
+                  alt=""
+                  v-show="!isleftcodeShow"
+                />
+                <img
+                  src="../assets/img/bm.png"
+                  alt=""
+                  v-show="isleftcodeShow"
+                />
               </div>
-                            <div class="outseeQualityControl_box_Content_right_top_right_div2">
+              <div
+                class="outseeQualityControl_box_Content_right_top_right_div2"
+              >
                 <span
                   :class="[
                     isleftcodeShow
                       ? 'outseeQualityControl_box_Content_right_top_right_div2_span1'
-                                            : 'outseeQualityControl_box_Content_right_top_right_div2_span11',
+                      : 'outseeQualityControl_box_Content_right_top_right_div2_span11'
                   ]"
                   >{{ ruleCount }}</span
                 >
@@ -75,7 +111,7 @@
                   :class="[
                     isleftcodeShow
                       ? 'outseeQualityControl_box_Content_right_top_right_div2_span2'
-                                            : 'outseeQualityControl_box_Content_right_top_right_div2_span22',
+                      : 'outseeQualityControl_box_Content_right_top_right_div2_span22'
                   ]"
                   >编码问题</span
                 >
@@ -83,12 +119,21 @@
             </div>
           </div>
           <div class="outseeQualityControl_box_Content_right_center">
-                        <div class="outseeQualityControl_box_Content_right_center_line" v-show="isleftcodeShow"></div>
-                        <div class="outseeQualityControl_box_Content_right_center_line2" v-show="!isleftcodeShow"></div>
+            <div
+              class="outseeQualityControl_box_Content_right_center_line"
+              v-show="isleftcodeShow"
+            ></div>
+            <div
+              class="outseeQualityControl_box_Content_right_center_line2"
+              v-show="!isleftcodeShow"
+            ></div>
           </div>
           <div class="outseeQualityControl_box_Content_right_bottom">
             <!-- <div class="outseeQualityControl_box_Content_right_bottom_title">患者基本信息</div> -->
-                        <div class="outseeQualityControl_box_Content_right_bottom_tree" v-show="isleftcodeShow">
+            <div
+              class="outseeQualityControl_box_Content_right_bottom_tree"
+              v-show="isleftcodeShow"
+            >
               <el-tree
                 :data="departmentTree"
                 :props="defaultProps"
@@ -99,10 +144,18 @@
               >
                 <template #default="{ node, data }">
                   <span class="custom-tree-node">
-                                        <div class="leftbox" :class="[data.ruleName != '非编码问题' ? 'leftboxs' : '']">
+                    <div
+                      class="leftbox"
+                      :class="[data.ruleName != '非编码问题' ? 'leftboxs' : '']"
+                    >
                       <el-tooltip placement="bottom" trigger="hover">
                         <template #content>{{ data.ruleName }} </template>
-                                                <span :class="[data.ruleName == '非编码问题' ? 'spans' : '']">{{ data.ruleName }}</span>
+                        <span
+                          :class="[
+                            data.ruleName == '非编码问题' ? 'spans' : ''
+                          ]"
+                          >{{ data.ruleName }}</span
+                        >
                       </el-tooltip>
                     </div>
                   </span>
@@ -110,7 +163,10 @@
               </el-tree>
             </div>
 
-                        <div class="outseeQualityControl_box_Content_right_bottom_tree" v-show="!isleftcodeShow">
+            <div
+              class="outseeQualityControl_box_Content_right_bottom_tree"
+              v-show="!isleftcodeShow"
+            >
               <el-tree
                 :data="rightdepartmentTree"
                 :props="defaultProps"
@@ -122,18 +178,35 @@
               >
                 <template #default="{ node, data }">
                   <span class="custom-tree-node">
-                                        <div class="leftbox" :class="[data.ruleName != '编码问题' ? 'leftboxs' : '']">
+                    <div
+                      class="leftbox"
+                      :class="[data.ruleName != '编码问题' ? 'leftboxs' : '']"
+                    >
                       <el-tooltip placement="bottom" trigger="hover">
                         <template #content>{{ data.ruleName }} </template>
-                                                <span :class="[data.ruleName == '编码问题' ? 'spans' : '']">{{ data.ruleName }}</span>
+                        <span
+                          :class="[data.ruleName == '编码问题' ? 'spans' : '']"
+                          >{{ data.ruleName }}</span
+                        >
                       </el-tooltip>
                     </div>
                   </span>
                 </template>
               </el-tree>
-                            <div class="outseeQualityControl_box_Content_right_bottom_tree_nodata" v-show="isnodataShow">
-                                <img class="outseeQualityControl_box_Content_right_bottom_tree_nodata_img" src="../assets/img/mininodata.png" alt="" />
-                                <div class="outseeQualityControl_box_Content_right_bottom_tree_nodata_text">暂无数据</div>
+              <div
+                class="outseeQualityControl_box_Content_right_bottom_tree_nodata"
+                v-show="isnodataShow"
+              >
+                <img
+                  class="outseeQualityControl_box_Content_right_bottom_tree_nodata_img"
+                  src="../assets/img/mininodata.png"
+                  alt=""
+                />
+                <div
+                  class="outseeQualityControl_box_Content_right_bottom_tree_nodata_text"
+                >
+                  暂无数据
+                </div>
               </div>
             </div>
           </div>
@@ -144,16 +217,16 @@
 </template>
 
 <script>
-import http from "../utils/http";
-import medicalRecordHomepage from "../components/medicalRecordHomepage/index.vue";
-import $ from "jquery";
-import { setItem, getItem } from "../utils/auth";
-import { Message, Loading } from "element-ui";
+import http from '../utils/http'
+import medicalRecordHomepage from '../components/medicalRecordHomepage/index.vue'
+import $ from 'jquery'
+import { setItem, getItem } from '../utils/auth'
+import { Message, Loading } from 'element-ui'
 export default {
   components: {
-        medicalRecordHomepage,
+    medicalRecordHomepage
   },
-    name: "outseeQualityControl",
+  name: 'outseeQualityControl',
   data() {
     return {
       medicalrecord: null,
@@ -163,112 +236,115 @@ export default {
       rightdepartmentTree: [], //编码问题数据
       isleftcodeShow: true, //非编码问题数据是否显示
       defaultProps: {
-                children: "rulesLists",
-                label: "ruleName",
+        children: 'rulesLists',
+        label: 'ruleName'
       },
-            clicktitle: "",
-            fruleCount: "", //非编码问题数据条数
-            ruleCount: "", //编码问题数据条数
+      clicktitle: '',
+      fruleCount: '', //非编码问题数据条数
+      ruleCount: '', //编码问题数据条数
       isnodataShow: false, //编码是否有数据,
-            inhtml: "",
-            splithtml: "", //
-            splithtml2: "", //单位电话
-            splithtml3: "", //病房
+      inhtml: '',
+      splithtml: '', //
+      splithtml2: '', //单位电话
+      splithtml3: '', //病房
       keys: [], //获取所有的问卷key
       values: [], //
       loadingOption1: {
         // 加载loading
         fullscreen: true,
-                text: "正在加载...",
-                spinner: "el-icon-loading",
-                background: "rgba(0, 0, 0, 0.5)",
-            },
-        };
+        text: '正在加载...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.5)'
+      }
+    }
   },
   mounted() {
     if (this.$route.query.id) {
-            this.getScoringDetails(this.$route.query.id);
-            this.getHomePage(this.$route.query.id);
-            setItem("outpid", this.$route.query.id);
+      this.getScoringDetails(this.$route.query.id)
+      this.getHomePage(this.$route.query.id)
+      setItem('outpid', this.$route.query.id)
     }
   },
   methods: {
     //同步数据
     getSynchronous(id) {
-            http.post(`/medical/get/Synchronization?id=${this.$route.query.id}`)
+      http
+        .post(`/medical/get/Synchronization?id=${this.$route.query.id}`)
         .then((data) => {
-                    Message.success(data.message);
+          Message.success(data.message)
         })
         .catch((error) => {
-                    Message.error(error);
-                });
+          Message.error(error)
+        })
     },
     //获取到点击的值
     handleNodeClick(data) {
-            let arr = document.getElementsByClassName(data.columnName);
-            let dom = $("#medicalRecord").find("#clickColor");
+      let arr = document.getElementsByClassName(data.columnName)
+      let dom = $('#medicalRecord').find('#clickColor')
       if (dom.length != 0) {
-                dom.removeAttr("id");
+        dom.removeAttr('id')
       }
-            arr[0].setAttribute("id", "clickColor");
-            this.scrollTop();
+      arr[0].setAttribute('id', 'clickColor')
+      this.scrollTop()
     },
 
     scrollTop() {
-            if ($("#clickColor").position()) {
-                $(".outseeQualityControl_box_Content_left").animate(
+      if ($('#clickColor').position()) {
+        $('.outseeQualityControl_box_Content_left').animate(
           {
             scrollTop:
-                            $("#clickColor").offset().top -
-                            $(".outseeQualityControl_box_Content_left").offset().top +
-                            $(".outseeQualityControl_box_Content_left").scrollTop() -
-                            300,
+              $('#clickColor').offset().top -
+              $('.outseeQualityControl_box_Content_left').offset().top +
+              $('.outseeQualityControl_box_Content_left').scrollTop() -
+              300
           },
           500
-                );
+        )
       }
     },
 
     //获取患者基本信息树形数据
     getScoringDetails(id) {
-            var loadingInstance1 = Loading.service(this.loadingOption1);
-            http.post(`/medical/get/GetCaseHisRule?id=${id}`, {})
+      var loadingInstance1 = Loading.service(this.loadingOption1)
+      http
+        .post(`/medical/get/GetCaseHisRule?id=${id}`, {})
         .then((data) => {
-                    this.departmentTree = data[0].rulesLists;
-                    this.rightdepartmentTree = data[1].rulesLists;
-                    this.fruleCount = data[0].ruleCount;
-                    this.ruleCount = data[1].ruleCount;
+          this.departmentTree = data[0].rulesLists
+          this.rightdepartmentTree = data[1].rulesLists
+          this.fruleCount = data[0].ruleCount
+          this.ruleCount = data[1].ruleCount
 
           if (this.fruleCount == 0 || this.ruleCount == 0) {
-                        this.isnodataShow = true;
+            this.isnodataShow = true
           }
-                    loadingInstance1.close();
+          loadingInstance1.close()
         })
         .catch((error) => {
-                    loadingInstance1.close();
-                });
+          loadingInstance1.close()
+        })
     },
 
     // 获取病案首页数据
     getHomePage(id) {
-            http.post(`/medical/Get/HomeHisPage?id=${id}`, {})
+      http
+        .post(`/medical/Get/HomeHisPage?id=${id}`, {})
         .then((data) => {
-                    this.medicalrecord = data;
-                    this.keys = Object.keys(data);
+          this.medicalrecord = data
+          this.keys = Object.keys(data)
         })
-                .catch((error) => {});
+        .catch((error) => {})
     },
 
     //点击非编码问题
     leftcode() {
-            this.isleftcodeShow = true;
+      this.isleftcodeShow = true
     },
     //点击编码问题
     rightcode() {
-            this.isleftcodeShow = false;
-        },
-    },
-};
+      this.isleftcodeShow = false
+    }
+  }
+}
 </script>
 
 <style lang="scss">
@@ -314,7 +390,7 @@ body {
     &_header {
       height: 25px;
       margin-bottom: 20px;
-            background: url("../assets/img/dataMaintenance/title.png") no-repeat;
+      background: url('../assets/img/dataMaintenance/title.png') no-repeat;
       background-size: 100% 100%;
       width: 100%;
       display: flex;
@@ -374,7 +450,7 @@ body {
             flex: 1;
             height: 100%;
             border-radius: 8px;
-                        background-image: url("../assets/img/BG.png");
+            background-image: url('../assets/img/BG.png');
             background-repeat: no-repeat;
             background-position: center;
             display: flex;
@@ -541,7 +617,7 @@ body {
             flex: 1;
             height: 100%;
             border-radius: 8px;
-                        background-image: url("../assets/img/BG.png");
+            background-image: url('../assets/img/BG.png');
             background-repeat: no-repeat;
             background-position: center;
             display: flex;
@@ -626,13 +702,12 @@ body {
           }
 
           &_tree {
+            height: 100%;
+            overflow-x: hidden;
             .is-leaf {
               visibility: hidden;
             }
 
-                        height: 100%;
-                        overflow-x: hidden;
-
             .leftboxs {
               border-bottom: 1px dashed #dddddd;
             }