Merge branch 'master' of http://192.168.168.218/xiaminwei/xxx_phase2_web

src/view/dfzy/dfwxk.vue

@@ -1135,45 +1135,61 @@ export default {
       width: 100%;
       height: calc(100% - 50px);
       .el-table tr {
-        background-color: #1d2d46 !important;
+        background-color: transparent !important;
         color: #ffffffc7;
-        font-size: 14px;
       }
+
+      .el-table thead tr {
+        height: 40px;
+        background: url(../../assets/img/setting/tr1.png) no-repeat;
+        background-size: 100% 100%;
+      }
+
+      .el-table th{
+        background-color: transparent;
+      }
+
+      tbody tr {
+          border-bottom: 1px solid #252631;
+        }
+
       .el-table td {
-        border-bottom: 1px solid #127a89;
+        border-bottom: 1px solid #252631;
         border-right: unset;
       }
-      .el-table--enable-row-hover .el-table__body tr:hover > td {
+
+      .el-table--enable-row-hover .el-table__body tr:hover>td {
         background-color: #82848a78;
       }
+
       .el-table th {
         border: unset;
-        background-color: #263b5d !important;
+        // background-color: #263b5d !important;
       }
+
       .el-table--fit {
         background: none !important;
         border: unset;
       }
+
       .el-icon-delete-solid {
         color: red;
         cursor: pointer;
         font-size: 18px;
       }
-      .el-icon-download {
-        color: #1172d8;
-        cursor: pointer;
-        font-size: 20px;
-      }
+
       .el-icon-edit {
         color: #1172d8;
         cursor: pointer;
         font-size: 20px;
       }
+
       .el-icon-view {
         color: #00ffff;
         font-size: 20px;
         cursor: pointer;
       }
+
       .el-table--group::after,
       .el-table--border::after,
       .el-table::before {

src/view/dfzy/jq_xq_dfzy.vue

 <template>
   <div id="jq_xq_dfzy">
     <template>
-      <el-backtop
-        target="#jq_xq_dfzy"
-        :right="80"
-        :bottom="70"
-        :visibility-height="600"
-        title="回到顶部"
-      >
+      <el-backtop target="#jq_xq_dfzy" :right="80" :bottom="70" :visibility-height="600" title="回到顶部">
       </el-backtop>
     </template>
     <img class="back" :src="back" @click="goBack" />
-    <span
-      v-if="form.updateTime"
-      style="position: absolute; right: 157px; top: 12.3%"
-      >更新时间：<span style="color: #3de84e">{{ form.updateTime }}</span></span
-    >
+    <span v-if="form.updateTime" style="position: absolute; right: 157px; top: 12.3%">更新时间：<span style="color: #3de84e">{{
+      form.updateTime }}</span></span>
     <div style="width: calc(100% - 360px); float: left; padding: 20px">
       <!-- <div class="top-title">
         <div class="top-left-div">
@@ -74,22 +65,9 @@
       </div> -->
       <div style="width: calc(100% - 20px); float: left; padding: 20px">
         <div class="img-div">
-          <el-upload
-            class="avatar-uploader"
-            action="1"
-            :show-file-list="false"
-            :disabled="!true_edit"
-            :file-list="fileList_head"
-            :accept="file_types_head"
-            :auto-upload="false"
-            :limit="1"
-          >
-            <img
-              v-if="imageUrl"
-              :src="imageUrl"
-              class="avatar"
-              :onerror="errimg"
-            />
+          <el-upload class="avatar-uploader" action="1" :show-file-list="false" :disabled="!true_edit"
+            :file-list="fileList_head" :accept="file_types_head" :auto-upload="false" :limit="1">
+            <img v-if="imageUrl" :src="imageUrl" class="avatar" :onerror="errimg" />
             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>
           <div class="top-left-div">
@@ -107,577 +85,339 @@
             <td class="pub-td1">部队番号</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{ form.baseProperty["部队番号"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['部队番号' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['部队番号' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['部队番号'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['部队番号' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['部队番号'] &&
                 form.baseProperty['部队番号' + this.rw_jg_IsConfirm] !=
                 undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['部队番号']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['部队番号']" placeholder="请输入内容"></el-input>
             </td>
             <td class="pub-td1">部队简称</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{ form.baseProperty["部队简称"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['部队简称' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['部队简称' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['部队简称'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['部队简称' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['部队简称'] &&
                 form.baseProperty['部队简称' + this.rw_jg_IsConfirm] !=
                 undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['部队简称']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['部队简称']" placeholder="请输入内容"></el-input>
             </td>
           </tr>
           <tr>
             <td class="pub-td1">机构编号</td>
             <td class="pub-td2" colspan="3">
               <span v-if="!true_edit">{{ form.baseProperty["机构编号"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['机构编号' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['机构编号' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['机构编号'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['机构编号' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['机构编号'] &&
                 form.baseProperty['机构编号' + this.rw_jg_IsConfirm] !=
                 undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['机构编号']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['机构编号']" placeholder="请输入内容"></el-input>
             </td>
           </tr>
           <tr>
             <td class="pub-td1">部队代号</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{ form.baseProperty["部队代号"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['部队代号' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['部队代号' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['部队代号'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['部队代号' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['部队代号'] &&
                 form.baseProperty['部队代号' + this.rw_jg_IsConfirm] !=
                 undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['部队代号']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['部队代号']" placeholder="请输入内容"></el-input>
             </td>
             <td class="pub-td1">部队泛称</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{ form.baseProperty["部队泛称"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['部队泛称' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['部队泛称' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['部队泛称'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['部队泛称' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['部队泛称'] &&
                 form.baseProperty['部队泛称' + this.rw_jg_IsConfirm] !=
                 undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['部队泛称']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['部队泛称']" placeholder="请输入内容"></el-input>
             </td>
           </tr>
           <tr>
             <td class="pub-td1">编制番号</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{ form.baseProperty["编制番号"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['编制番号' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['编制番号' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['编制番号'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['编制番号' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['编制番号'] &&
                 form.baseProperty['编制番号' + this.rw_jg_IsConfirm] !=
                 undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['编制番号']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['编制番号']" placeholder="请输入内容"></el-input>
             </td>
             <td class="pub-td1">战时代号</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{ form.baseProperty["战时代号"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['战时代号' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['战时代号' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['战时代号'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['战时代号' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['战时代号'] &&
                 form.baseProperty['战时代号' + this.rw_jg_IsConfirm] !=
                 undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['战时代号']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['战时代号']" placeholder="请输入内容"></el-input>
             </td>
           </tr>
           <tr>
             <td class="pub-td1">密级</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{ form.baseProperty["密级"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['密级' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['密级' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['密级'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['密级' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['密级'] &&
                 form.baseProperty['密级' + this.rw_jg_IsConfirm] != undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['密级']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['密级']" placeholder="请输入内容"></el-input>
             </td>
             <td class="pub-td1">部队类别</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{ form.baseProperty["部队类别"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['部队类别' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['部队类别' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['部队类别'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['部队类别' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['部队类别'] &&
                 form.baseProperty['部队类别' + this.rw_jg_IsConfirm] !=
                 undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['部队类别']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['部队类别']" placeholder="请输入内容"></el-input>
             </td>
           </tr>
           <tr>
             <td class="pub-td1">兵种</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{ form.baseProperty["兵种"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['兵种' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['兵种' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['兵种'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['兵种' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['兵种'] &&
                 form.baseProperty['兵种' + this.rw_jg_IsConfirm] != undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['兵种']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['兵种']" placeholder="请输入内容"></el-input>
             </td>
             <td class="pub-td1">国家地区</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{ form.baseProperty["国家地区"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['国家地区' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['国家地区' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['国家地区'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['国家地区' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['国家地区'] &&
                 form.baseProperty['国家地区' + this.rw_jg_IsConfirm] !=
                 undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['国家地区']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['国家地区']" placeholder="请输入内容"></el-input>
             </td>
           </tr>
           <tr>
             <td class="pub-td1">军种</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{ form.baseProperty["军种"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['军种' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['军种' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['军种'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['军种' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['军种'] &&
                 form.baseProperty['军种' + this.rw_jg_IsConfirm] != undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['军种']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['军种']" placeholder="请输入内容"></el-input>
             </td>
             <td class="pub-td1">地名</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{ form.baseProperty["地名"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['地名' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['地名' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['地名'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['地名' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['地名'] &&
                 form.baseProperty['地名' + this.rw_jg_IsConfirm] != undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['地名']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['地名']" placeholder="请输入内容"></el-input>
             </td>
           </tr>
           <tr>
             <td class="pub-td1">军队区分</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{ form.baseProperty["军队区分"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['军队区分' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['军队区分' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['军队区分'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['军队区分' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['军队区分'] &&
                 form.baseProperty['军队区分' + this.rw_jg_IsConfirm] !=
                 undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['军队区分']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['军队区分']" placeholder="请输入内容"></el-input>
             </td>
             <td class="pub-td1">情报提供单位</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{
                 form.baseProperty["情报提供单位"]
               }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                   !true_edit &&
                   (form.baseProperty['情报提供单位' + this.rw_jg_IsConfirm] ==
                     undefined ||
                     form.baseProperty['情报提供单位' + this.rw_jg_IsConfirm] !=
                     form.baseProperty['情报提供单位'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                  " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['情报提供单位' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['情报提供单位'] &&
                 form.baseProperty['情报提供单位' + this.rw_jg_IsConfirm] !=
                 undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['情报提供单位']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['情报提供单位']" placeholder="请输入内容"></el-input>
             </td>
           </tr>
           <tr>
             <td class="pub-td1">部队等级</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{ form.baseProperty["部队等级"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['部队等级' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['部队等级' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['部队等级'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['部队等级' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['部队等级'] &&
                 form.baseProperty['部队等级' + this.rw_jg_IsConfirm] !=
                 undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['部队等级']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['部队等级']" placeholder="请输入内容"></el-input>
             </td>
             <td class="pub-td1">战备等级</td>
             <td class="pub-td2">
               <span v-if="!true_edit">{{ form.baseProperty["战备等级"] }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 (form.baseProperty['战备等级' + this.rw_jg_IsConfirm] ==
                   undefined ||
                   form.baseProperty['战备等级' + this.rw_jg_IsConfirm] !=
                   form.baseProperty['战备等级'])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.baseProperty['战备等级' + this.rw_jg_IsConfirm] ==
                 form.baseProperty['战备等级'] &&
                 form.baseProperty['战备等级' + this.rw_jg_IsConfirm] !=
                 undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.baseProperty['战备等级']"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.baseProperty['战备等级']" placeholder="请输入内容"></el-input>
             </td>
           </tr>
           <tr v-for="(item, index) in xzzd" style="position: relative">
@@ -686,35 +426,21 @@
               <span v-if="!true_edit">{{
                 form.extraProperty[item.comment]
               }}</span>
-              <i
-                v-if="
-                  $route.meta.gly &&
+              <i v-if="$route.meta.gly &&
                   !true_edit &&
                   (form.extraProperty[item.comment + rw_jg_IsConfirm] ==
                     undefined ||
                     form.extraProperty[item.comment + rw_jg_IsConfirm] !=
                     form.extraProperty[item.comment])
-                "
-                class="el-icon-question"
-                style="color: #9a9ca0; font-size: 20px"
-              ></i>
-              <i
-                v-if="
-                  $route.meta.gly &&
+                  " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
+              <i v-if="$route.meta.gly &&
                 !true_edit &&
                 form.extraProperty[item.comment + rw_jg_IsConfirm] ==
                 form.extraProperty[item.comment] &&
                 form.extraProperty[item.comment + rw_jg_IsConfirm] !=
                 undefined
-                "
-                class="el-icon-success"
-                style="color: #12dc00; font-size: 20px"
-              ></i>
-              <el-input
-                v-if="true_edit"
-                v-model="form.extraProperty[item.comment]"
-                placeholder="请输入内容"
-              ></el-input>
+                " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
+              <el-input v-if="true_edit" v-model="form.extraProperty[item.comment]" placeholder="请输入内容"></el-input>
             </td>
           </tr>
         </table>
@@ -724,8 +450,7 @@
           <span v-text="item.comment + ':'"></span>
         </div>
         <div class="data-div" v-if="form.textarea">
-          <div
-            :style="{
+          <div :style="{
             'text-align':
               form.textarea[item.comment] == '' ||
                 form.textarea[item.comment] == undefined
@@ -736,70 +461,35 @@
                 form.textarea[item.comment] == undefined
                 ? '#909399'
                 : '',
-            }"
-            v-if="item.type == 1"
-            class="div_s"
-          >
-            <span
-              v-if="!true_edit"
-              v-text="
-                form.textarea[item.comment] == '' ||
+          }" v-if="item.type == 1" class="div_s">
+            <span v-if="!true_edit" v-text="form.textarea[item.comment] == '' ||
               form.textarea[item.comment] == undefined
               ? '暂无数据'
               : form.textarea[item.comment]
-              "
-            ></span>
-            <el-input
-              v-if="true_edit"
-              v-model="form.textarea[item.comment]"
-              placeholder="请输入内容"
-              type="textarea"
-              :rows="6"
-            ></el-input>
+              "></span>
+            <el-input v-if="true_edit" v-model="form.textarea[item.comment]" placeholder="请输入内容" type="textarea"
+              :rows="6"></el-input>
           </div>
           <div v-if="item.type == 2" class="tablesss">
-            <i
-              class="el-icon-circle-plus"
-              title="新增表格"
-              @click="add_table(index)"
-              v-if="true_edit"
-              style="
+            <i class="el-icon-circle-plus" title="新增表格" @click="add_table(index)" v-if="true_edit" style="
                 font-size: 23px;
                 margin-bottom: 10px;
                 color: #409eff;
                 cursor: pointer;
-              "
-            ></i>
-            <el-table
-              style="width: 100%"
-              :data="item.table_column"
-              border
-            >
-              <el-table-column
-                :prop="items"
-                :label="items"
-                v-for="(items, indexs) in item.table_tab"
-                :key="indexs"
-                align="center"
-              >
+              "></i>
+            <el-table style="width: 100%" :data="item.table_column" border>
+              <el-table-column :prop="items" :label="items" v-for="(items, indexs) in item.table_tab" :key="indexs"
+                align="center">
                 <template slot-scope="scope">
                   <span v-if="!true_edit">{{ scope.row[items] }}</span>
-                  <el-input
-                    v-if="true_edit"
-                    v-model="scope.row[items]"
-                  ></el-input>
+                  <el-input v-if="true_edit" v-model="scope.row[items]"></el-input>
                 </template>
               </el-table-column>
             </el-table>
           </div>
           <div v-if="item.type == 3" style="height: 800px">
-            <component
-              :is="currentRole_rw"
-              :clientDetails="clientDetails_rw"
-              v-if="showComponent"
-              :show="showComponent"
-              ref="mychild_rw_datas"
-            />
+            <component :is="currentRole_rw" :clientDetails="clientDetails_rw" v-if="showComponent" :show="showComponent"
+              ref="mychild_rw_datas" />
           </div>
           <div v-if="item.type == 4" style="height: 500px"></div>
         </div>
@@ -814,16 +504,12 @@
           <span>暂无数据接入</span>
         </div>
         <ul v-if="xgnr_xgrw.length != 0">
-          <li
-            v-for="item in xgnr_xgrw"
-            :title="
-              item.baseProperty['外文名'] == undefined ||
+          <li v-for="item in xgnr_xgrw" :title="item.baseProperty['外文名'] == undefined ||
             item.baseProperty['外文名'] == '' ||
             item.baseProperty['外文名'] == null
             ? item.baseProperty['姓名']
             : item.baseProperty['外文名']
-            "
-          >
+            ">
             <span @click="rw_xq(item)">{{
               item.baseProperty["外文名"] == undefined ||
               item.baseProperty["外文名"] == "" ||
@@ -836,24 +522,15 @@
       </div>
       <div class="xgnr-span">
         <span>账号动态</span>
-        <el-button
-          type="primary"
-          size="mini"
-          style="float: right; margin-top: 10px; margin-right: 10px"
-          @click="gd_cli('账号动态')"
-          >更多</el-button
-        >
+        <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
+          @click="gd_cli('账号动态')">更多</el-button>
       </div>
       <div class="xgnr-div">
         <div v-if="xgnr_zhdt.length == 0">
           <span>暂无数据接入</span>
         </div>
         <ul v-if="xgnr_zhdt.length != 0">
-          <li
-            v-for="item in xgnr_zhdt"
-            :title="item.txt"
-            @click="showInfo_zhtds(item)"
-          >
+          <li v-for="item in xgnr_zhdt" :title="item.txt" @click="showInfo_zhtds(item)">
             <span>{{ item.txt }}</span>
             <span style="font-size: 12px; color: #737373">{{
               item.pubdate
@@ -863,24 +540,15 @@
       </div>
       <div class="xgnr-span">
         <span>所属基地</span>
-        <el-button
-          type="primary"
-          size="mini"
-          style="float: right; margin-top: 10px; margin-right: 10px"
-          @click="gd_cli('所属基地')"
-          >更多</el-button
-        >
+        <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
+          @click="gd_cli('所属基地')">更多</el-button>
       </div>
       <div class="xgnr-div">
         <div v-if="xgnr_ssjd.length == 0">
           <span>暂无数据接入</span>
         </div>
         <ul v-if="xgnr_ssjd.length != 0">
-          <li
-            v-for="item in xgnr_ssjd"
-            :title="'出处：' + item.objectType"
-            @click="showInfo(item)"
-          >
+          <li v-for="item in xgnr_ssjd" :title="'出处：' + item.objectType" @click="showInfo(item)">
             <span>{{ item.object }}</span>
             <span style="font-size: 12px; color: #737373">{{
               item.createTime
@@ -890,24 +558,15 @@
       </div>
       <div class="xgnr-span">
         <span>所属部队</span>
-        <el-button
-          type="primary"
-          size="mini"
-          style="float: right; margin-top: 10px; margin-right: 10px"
-          @click="gd_cli('所属部队')"
-          >更多</el-button
-        >
+        <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
+          @click="gd_cli('所属部队')">更多</el-button>
       </div>
       <div class="xgnr-div">
         <div v-if="xgnr_ssbd.length == 0">
           <span>暂无数据接入</span>
         </div>
         <ul v-if="xgnr_ssbd.length != 0">
-          <li
-            v-for="item in xgnr_ssbd"
-            :title="'出处：' + item.objectType"
-            @click="showInfo(item)"
-          >
+          <li v-for="item in xgnr_ssbd" :title="'出处：' + item.objectType" @click="showInfo(item)">
             <span>{{ item.object }}</span>
             <span style="font-size: 12px; color: #737373">{{
               item.createTime
@@ -917,24 +576,15 @@
       </div>
       <div class="xgnr-span">
         <span>所属装备</span>
-        <el-button
-          type="primary"
-          size="mini"
-          style="float: right; margin-top: 10px; margin-right: 10px"
-          @click="gd_cli('所属装备')"
-          >更多</el-button
-        >
+        <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
+          @click="gd_cli('所属装备')">更多</el-button>
       </div>
       <div class="xgnr-div">
         <div v-if="xgnr_sszb.length == 0">
           <span>暂无数据接入</span>
         </div>
         <ul v-if="xgnr_sszb.length != 0">
-          <li
-            v-for="item in xgnr_sszb"
-            :title="'出处：' + item.objectType"
-            @click="showInfo(item)"
-          >
+          <li v-for="item in xgnr_sszb" :title="'出处：' + item.objectType" @click="showInfo(item)">
             <span>{{ item.object }}</span>
             <span style="font-size: 12px; color: #737373">{{
               item.createTime
@@ -944,24 +594,15 @@
       </div>
       <div class="xgnr-span">
         <span>相关舆情</span>
-        <el-button
-          type="primary"
-          size="mini"
-          style="float: right; margin-top: 10px; margin-right: 10px"
-          @click="gd_cli('相关舆情')"
-          >更多</el-button
-        >
+        <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
+          @click="gd_cli('相关舆情')">更多</el-button>
       </div>
       <div class="xgnr-div">
         <div v-if="xgnr_xgyq.length == 0">
           <span>暂无数据接入</span>
         </div>
         <ul v-if="xgnr_xgyq.length != 0">
-          <li
-            v-for="item in xgnr_xgyq"
-            :title="'出处：' + item.objectType"
-            @click="showInfo(item)"
-          >
+          <li v-for="item in xgnr_xgyq" :title="'出处：' + item.objectType" @click="showInfo(item)">
             <span>{{ item.object }}</span>
             <span style="font-size: 12px; color: #737373">{{
               item.createTime
@@ -971,24 +612,15 @@
       </div>
       <div class="xgnr-span">
         <span>历史文献</span>
-        <el-button
-          type="primary"
-          size="mini"
-          style="float: right; margin-top: 10px; margin-right: 10px"
-          @click="gd_cli('历史文献')"
-          >更多</el-button
-        >
+        <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
+          @click="gd_cli('历史文献')">更多</el-button>
       </div>
       <div class="xgnr-div">
         <div v-if="xgnr_lswx.length == 0">
           <span>暂无数据接入</span>
         </div>
         <ul v-if="xgnr_lswx.length != 0">
-          <li
-            v-for="item in xgnr_lswx"
-            :title="'出处：' + item.objectType"
-            @click="showInfo(item)"
-          >
+          <li v-for="item in xgnr_lswx" :title="'出处：' + item.objectType" @click="showInfo(item)">
             <span>{{ item.object }}</span>
             <span style="font-size: 12px; color: #737373">{{
               item.createTime
@@ -998,24 +630,15 @@
       </div>
       <div class="xgnr-span">
         <span>证据资料</span>
-        <el-button
-          type="primary"
-          size="mini"
-          style="float: right; margin-top: 10px; margin-right: 10px"
-          @click="gd_cli('证据资料')"
-          >更多</el-button
-        >
+        <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
+          @click="gd_cli('证据资料')">更多</el-button>
       </div>
       <div class="xgnr-div">
         <div v-if="xgnr_zjzl.length == 0">
           <span>暂无数据接入</span>
         </div>
         <ul v-if="xgnr_zjzl.length != 0">
-          <li
-            v-for="item in xgnr_zjzl"
-            :title="'出处：' + item.objectType"
-            @click="showInfo(item)"
-          >
+          <li v-for="item in xgnr_zjzl" :title="'出处：' + item.objectType" @click="showInfo(item)">
             <span>{{ item.object }}</span>
             <span style="font-size: 12px; color: #737373">{{
               item.createTime
@@ -1025,24 +648,15 @@
       </div>
       <div class="xgnr-span">
         <span>关键影响人物</span>
-        <el-button
-          type="primary"
-          size="mini"
-          style="float: right; margin-top: 10px; margin-right: 10px"
-          @click="gd_cli('关键影响人物')"
-          >更多</el-button
-        >
+        <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
+          @click="gd_cli('关键影响人物')">更多</el-button>
       </div>
       <div class="xgnr-div">
         <div v-if="xgnr_gjyxrw.length == 0">
           <span>暂无数据接入</span>
         </div>
         <ul v-if="xgnr_gjyxrw.length != 0">
-          <li
-            v-for="item in xgnr_gjyxrw"
-            :title="'出处：' + item.objectType"
-            @click="showInfo(item)"
-          >
+          <li v-for="item in xgnr_gjyxrw" :title="'出处：' + item.objectType" @click="showInfo(item)">
             <span>{{ item.object }}</span>
             <span style="font-size: 12px; color: #737373">{{
               item.createTime
@@ -1052,24 +666,15 @@
       </div>
       <div class="xgnr-span">
         <span>攻击建议</span>
-        <el-button
-          type="primary"
-          size="mini"
-          style="float: right; margin-top: 10px; margin-right: 10px"
-          @click="gd_cli('攻击建议')"
-          >更多</el-button
-        >
+        <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
+          @click="gd_cli('攻击建议')">更多</el-button>
       </div>
       <div class="xgnr-div">
         <div v-if="xgnr_gjjy.length == 0">
           <span>暂无数据接入</span>
         </div>
         <ul v-if="xgnr_gjjy.length != 0">
-          <li
-            v-for="item in xgnr_gjjy"
-            :title="'出处：' + item.objectType"
-            @click="showInfo_zhtd(item)"
-          >
+          <li v-for="item in xgnr_gjjy" :title="'出处：' + item.objectType" @click="showInfo_zhtd(item)">
             <span>{{ item.object }}</span>
             <span style="font-size: 12px; color: #737373">{{
               item.createTime
@@ -1079,24 +684,15 @@
       </div>
       <div class="xgnr-span">
         <span>评价言论</span>
-        <el-button
-          type="primary"
-          size="mini"
-          style="float: right; margin-top: 10px; margin-right: 10px"
-          @click="gd_cli('评价言论')"
-          >更多</el-button
-        >
+        <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
+          @click="gd_cli('评价言论')">更多</el-button>
       </div>
       <div class="xgnr-div">
         <div v-if="xgnr_pjyl.length == 0">
           <span>暂无数据接入</span>
         </div>
         <ul v-if="xgnr_pjyl.length != 0">
-          <li
-            v-for="item in xgnr_pjyl"
-            :title="'出处：' + item.objectType"
-            @click="showInfo(item)"
-          >
+          <li v-for="item in xgnr_pjyl" :title="'出处：' + item.objectType" @click="showInfo(item)">
             <span>{{ item.object }}</span>
             <span style="font-size: 12px; color: #737373">{{
               item.createTime
@@ -1106,24 +702,15 @@
       </div>
       <div class="xgnr-span">
         <span>机构分析报告</span>
-        <el-button
-          type="primary"
-          size="mini"
-          style="float: right; margin-top: 10px; margin-right: 10px"
-          @click="gd_cli('机构分析报告')"
-          >更多</el-button
-        >
+        <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
+          @click="gd_cli('机构分析报告')">更多</el-button>
       </div>
       <div class="xgnr-div">
         <div v-if="xgnr_jgfxbg.length == 0">
           <span>暂无数据接入</span>
         </div>
         <ul v-if="xgnr_jgfxbg.length != 0">
-          <li
-            v-for="item in xgnr_jgfxbg"
-            :title="'出处：' + item.objectType"
-            @click="showInfo(item)"
-          >
+          <li v-for="item in xgnr_jgfxbg" :title="'出处：' + item.objectType" @click="showInfo(item)">
             <span>{{ item.object }}</span>
             <span style="font-size: 12px; color: #737373">{{
               item.createTime
@@ -1132,36 +719,12 @@
         </ul>
       </div>
     </div>
-    <el-dialog
-      :title="title_gd"
-      :visible.sync="dialogVisible_gd"
-      width="50%"
-      :modal-append-to-body="false"
-      id="_plscs"
-    >
+    <el-dialog :title="title_gd" :visible.sync="dialogVisible_gd" width="50%" :modal-append-to-body="false" id="_plscs">
       <el-tabs type="border-card" v-model="editableTabsValue">
         <el-tab-pane v-if="editableTabsValues" name="first">
           <span slot="label"><i class="el-icon-date"></i> 舆情新闻</span>
-          <el-table
-            style="width: 100%"
-            class="table-div"
-            :data="tableData_gd2"
-            :header-cell-style="{
-              color: '#ffffffc7',
-              fontSize: '14px',
-              background: '#263b5d',
-            }"
-            :row-style="{
-              color: '#ffffffc7',
-              fontSize: '14px',
-              background: '#1d2d46',
-            }"
-          >
-            <el-table-column
-              type="index"
-              label="序号"
-              width="80"
-            ></el-table-column>
+          <el-table style="width: 100%" class="table-div" :data="tableData_gd2">
+            <el-table-column type="index" label="序号" width="80"></el-table-column>
             <el-table-column label="标题">
               <template slot-scope="scope">
                 <span @click="showInfo_s(scope.row)">{{
@@ -1172,42 +735,24 @@
             <!-- <el-table-column prop="score" label="得分" width="80"></el-table-column> -->
           </el-table>
           <div class="page-div" style="margin-top: 30px">
-            <el-pagination
-              class="myPagination"
-              background
-              layout="total, sizes, prev, pager, next, jumper"
-              @size-change="handleSizeChange2"
-              :page-size="pageSize2"
-              :current-page="current_page2"
-              :total="total2"
-              @current-change="handleCurrentChange_rwk2"
-              :page-sizes="[10, 20, 50, 100]"
-            >
+            <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
+              @size-change="handleSizeChange2" :page-size="pageSize2" :current-page="current_page2" :total="total2"
+              @current-change="handleCurrentChange_rwk2" :page-sizes="[10, 20, 50, 100]">
             </el-pagination>
           </div>
         </el-tab-pane>
         <el-tab-pane name="second">
           <span slot="label"><i class="el-icon-date"></i> 关联</span>
-          <el-table
-            style="width: 100%"
-            class="table-div"
-            :data="tableData_gd"
-            :header-cell-style="{
+          <el-table style="width: 100%" class="table-div" :data="tableData_gd" :header-cell-style="{
             color: '#ffffffc7',
             fontSize: '14px',
             background: '#263b5d',
-            }"
-            :row-style="{
+          }" :row-style="{
   color: '#ffffffc7',
   fontSize: '14px',
   background: '#1d2d46',
-            }"
-          >
-            <el-table-column
-              type="index"
-              label="序号"
-              width="80"
-            ></el-table-column>
+}">
+            <el-table-column type="index" label="序号" width="80"></el-table-column>
             <el-table-column label="内容">
               <template slot-scope="scope">
                 <span @click="showInfo_s(scope.row)">{{
@@ -1218,89 +763,46 @@
             <!-- <el-table-column prop="score" label="得分" width="80"></el-table-column> -->
           </el-table>
           <div class="page-div" style="margin-top: 30px">
-            <el-pagination
-              class="myPagination"
-              background
-              layout="total, sizes, prev, pager, next, jumper"
-              @size-change="handleSizeChange1"
-              :page-size="pageSize1"
-              :current-page="current_page1"
-              :total="total1"
-              @current-change="handleCurrentChange_rwk1"
-              :page-sizes="[10, 20, 50, 100]"
-            >
+            <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
+              @size-change="handleSizeChange1" :page-size="pageSize1" :current-page="current_page1" :total="total1"
+              @current-change="handleCurrentChange_rwk1" :page-sizes="[10, 20, 50, 100]">
             </el-pagination>
           </div>
         </el-tab-pane>
       </el-tabs>
       <span slot="footer" class="dialog-footer">
-        <el-button size="mini" @click="dialogVisible_gd = false"
-          >关闭</el-button
-        >
+        <el-button size="mini" @click="dialogVisible_gd = false">关闭</el-button>
       </span>
     </el-dialog>
-    <el-dialog
-      title="账号动态"
-      :visible.sync="dialogVisible_gd1"
-      width="40%"
-      :modal-append-to-body="false"
-      id="_plscs"
-    >
-      <el-table
-        style="width: 100%"
-        class="table-div"
-        :data="tableData_gd1"
-        :header-cell-style="{
+    <el-dialog title="账号动态" :visible.sync="dialogVisible_gd1" width="40%" :modal-append-to-body="false" id="_plscs">
+      <el-table style="width: 100%" class="table-div" :data="tableData_gd1" :header-cell-style="{
         color: '#ffffffc7',
         fontSize: '14px',
         background: '#263b5d',
-        }"
-        :row-style="{
+      }" :row-style="{
   color: '#ffffffc7',
   fontSize: '14px',
   background: '#1d2d46',
-        }"
-      >
+}">
         <el-table-column type="index" label="序号" width="80"></el-table-column>
         <el-table-column prop="txt_zh" label="内容"></el-table-column>
-        <el-table-column
-          prop="timestr"
-          label="时间"
-          width="200"
-        ></el-table-column>
+        <el-table-column prop="timestr" label="时间" width="200"></el-table-column>
       </el-table>
       <div class="page-div" style="margin-top: 30px">
-        <el-pagination
-          class="myPagination"
-          background
-          layout="total, sizes, prev, pager, next, jumper"
-          @size-change="handleSizeChange"
-          :page-size="pageSize"
-          :current-page="current_page"
-          :total="total"
-          @current-change="handleCurrentChange_rwk"
-          :page-sizes="[10, 20, 50, 100]"
-        >
+        <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange" :page-size="pageSize" :current-page="current_page" :total="total"
+          @current-change="handleCurrentChange_rwk" :page-sizes="[10, 20, 50, 100]">
         </el-pagination>
       </div>
       <span slot="footer" class="dialog-footer">
-        <el-button size="mini" @click="dialogVisible_gd1 = false"
-          >关闭</el-button
-        >
+        <el-button size="mini" @click="dialogVisible_gd1 = false">关闭</el-button>
       </span>
     </el-dialog>
-    <el-dialog
-      :title="zhdt_title"
-      :visible.sync="dialogVisible_zhdt"
-      width="40%"
-      :modal-append-to-body="false"
-      id="_plscs"
-    >
+    <el-dialog :title="zhdt_title" :visible.sync="dialogVisible_zhdt" width="40%" :modal-append-to-body="false"
+      id="_plscs">
       <span style="color: #d2d2d2">{{ span_zhdt }}</span>
       <span slot="footer" class="dialog-footer">
-        <el-button size="mini" @click="dialogVisible_zhdt = false"
-          >关闭</el-button
-        >
+        <el-button size="mini" @click="dialogVisible_zhdt = false">关闭</el-button>
       </span>
     </el-dialog>
   </div>
@@ -2173,12 +1675,14 @@ export default {
   box-sizing: border-box;
   overflow-y: auto;
   overflow-x: hidden;
+
   .el-input__inner {
     color: white !important;
     background: none !important;
     border: 1px solid #146a80 !important;
     box-shadow: 0 0 10px #1b6097;
   }
+
   .el-textarea__inner {
     color: white !important;
     background: none !important;
@@ -2186,6 +1690,7 @@ export default {
     box-shadow: 0 0 10px #1b6097;
     white-space: pre-line;
   }
+
   #aa2 {
     width: 100%;
     height: 100%;
@@ -2194,13 +1699,16 @@ export default {
     background-color: white;
     margin-top: -40px;
   }
+
   .top-title {
     width: 100%;
     float: left;
+
     // height: 95px;
     .top-left-div {
       width: 50%;
       float: left;
+
       span {
         width: 100%;
         font-weight: 900;
@@ -2209,12 +1717,14 @@ export default {
         word-break: break-all;
       }
     }
+
     .top-right-div {
       width: calc(50% - 20px);
       margin-left: 20px;
       float: right;
     }
   }
+
   .title-div {
     float: left;
     width: 100%;
@@ -2222,6 +1732,7 @@ export default {
     background-size: 100% 100%;
     position: relative;
     margin-top: 10px;
+
     span {
       position: absolute;
       //   left: 50px;
@@ -2231,50 +1742,68 @@ export default {
       color: orange;
     }
   }
+
   .mk-div {
     width: 100%;
     // height: 206px;
     float: left;
     margin-bottom: 20px;
+
     .data-div {
       width: calc(100% - 40px);
       float: left;
       padding: 20px;
+
       .div_s {
         width: 100%;
+
         span {
           font-size: 14px;
           white-space: pre-line;
           word-break: break-all;
         }
       }
+
       .pub-div-data {
         margin: 10px calc(50% - 28px);
         color: #909399;
         font-size: 14px;
       }
+
       .el-table tr {
-        background-color: #233450 !important;
+        background-color: transparent !important;
         color: #ffffffc7;
       }
-      .el-table td {
-        border-bottom: 1px solid #5959599c;
-        border-right: unset;
+
+      .el-table thead tr {
+        background: url(../../assets/img/setting/tr1.png) no-repeat;
+        background-size: 100% 100%;
+      }
+
+      .el-table th {
         padding: 5px;
-        .cell {
-          font-size: 12px;
+        background-color: transparent;
+      }
+
+      tbody tr {
+        border-bottom: 1px solid #252631;
       }
+
+      .el-table td {
+        border-bottom: 1px solid #252631;
+        border-right: unset;
       }
-      .el-table--enable-row-hover .el-table__body tr:hover > td {
+
+      .el-table--enable-row-hover .el-table__body tr:hover>td {
         background-color: #82848a78;
       }
+
       .el-table th {
-        border: unset;
-        background-color: #293f63b0 !important;
         padding: 5px;
-        font-size: 13px;
-        letter-spacing: 2px;
+        border: unset;
+        // background-color: #263b5d !important;
       }
+
       .el-table--fit {
         background: none !important;
         border: unset;
@@ -2282,26 +1811,26 @@ export default {
           height: 100px !important;
         }
       }
+
+
       .el-icon-delete-solid {
         color: red;
         cursor: pointer;
         font-size: 18px;
       }
-      .el-icon-download {
-        color: #1172d8;
-        cursor: pointer;
-        font-size: 20px;
-      }
+
       .el-icon-edit {
         color: #1172d8;
         cursor: pointer;
         font-size: 20px;
       }
+
       .el-icon-view {
         color: #00ffff;
         font-size: 20px;
         cursor: pointer;
       }
+
       .el-table--group::after,
       .el-table--border::after,
       .el-table::before {
@@ -2309,27 +1838,33 @@ export default {
       }
     }
   }
+
   .el-card__body {
     padding: 0px;
   }
+
   .img-div {
     width: 250px;
     float: left;
     margin-top: 50px;
     padding: 0px 40px;
+
     // border: 3px solid #ffffff;
     .el-upload {
       width: 100%;
     }
+
     img {
       width: 100%;
       // height: 300px;
     }
+
     .top-left-div {
       width: 100%;
       float: left;
       margin-top: 20px;
       text-align: center;
+
       span {
         width: 100%;
         font-weight: 900;
@@ -2339,25 +1874,30 @@ export default {
       }
     }
   }
+
   .table_jbxx {
     width: calc(100% - 350px);
     margin-left: 20px;
     float: left;
     border-spacing: 0px 12px;
+
     tr {
       background: #4343433b;
     }
+
     td {
       padding: 6px 10px;
       font-size: 14px;
       // max-width: 1;
     }
+
     .pub-td1 {
       color: #8b8b8b;
       font-weight: 900;
       min-width: 100px;
       text-align: right;
     }
+
     .pub-td2 {
       color: #8cd4ff;
       line-height: 28px;
@@ -2366,6 +1906,7 @@ export default {
       font-weight: 900;
     }
   }
+
   .title-divs {
     float: left;
     height: 25px;
@@ -2373,6 +1914,7 @@ export default {
     // background-image: url("../../assets/img/dfzy/02.png");
     // background-size: 100% 100%;
   }
+
   .el-card {
     border-radius: unset;
     border: 1px solid #1d2d4600;
@@ -2381,18 +1923,22 @@ export default {
     color: #ffff;
     transition: 0.3s;
     opacity: 0.93;
+
     .textitem {
       padding-top: 5px;
       cursor: pointer;
+
       span {
         font-size: 15px;
         color: #8cd4ff;
       }
     }
   }
+
   .el-card.is-always-shadow {
     box-shadow: none;
   }
+
   .xgnr-span {
     height: 45px;
     line-height: 40px;
@@ -2403,6 +1949,7 @@ export default {
     color: #ffffff;
     font-size: 12px;
     letter-spacing: 2px;
+
     .el-button {
       border-radius: 0px 5px 0px 5px;
       height: 25px;
@@ -2410,6 +1957,7 @@ export default {
       padding: 3px 7px;
     }
   }
+
   .xgnr-div {
     width: 100%;
     height: 150px;
@@ -2417,11 +1965,13 @@ export default {
     background: #23345066;
     overflow-y: auto;
     overflow-x: hidden;
+
     div {
       margin-top: 59px;
       display: inline-table;
       color: #adadad;
     }
+
     // .el-tabs--border-card {
     //   background: #ececec;
     //   border: 1px solid #1d2d46;
@@ -2441,12 +1991,14 @@ export default {
       margin: 0px;
       width: calc(100% - 70px);
       height: 100%;
+
       li {
         color: #26cc98;
         float: left;
         width: calc(100% - 38px);
         line-height: 33px;
         text-align: left;
+
         span {
           color: #ffffff;
           float: left;
@@ -2458,15 +2010,18 @@ export default {
           white-space: nowrap;
           text-overflow: ellipsis;
         }
+
         span:hover {
           color: #65add6;
         }
       }
+
       li:nth-child(even) {
         // background: #2b4064;
       }
     }
   }
+
   .back {
     width: 40px;
     height: 40px;
@@ -2475,59 +2030,91 @@ export default {
     right: 80px;
     cursor: pointer;
   }
+
   .table-div {
     width: 100%;
     height: 500px;
     margin-top: 20px;
     margin-left: 0px;
     background: #1d2d47;
+
     .el-table__body-wrapper {
       height: 452px;
       overflow-y: auto;
     }
+
     .cell {
       text-align: center;
     }
+
     .el-table tr {
-      background-color: #1d2d46 !important;
+      background-color: transparent !important;
       color: #ffffffc7;
     }
+
+    .el-table thead tr {
+      background: url(../../assets/img/setting/tr1.png) no-repeat;
+      background-size: 100% 100%;
+    }
+
+    .el-table th {
+      padding: 5px;
+      background-color: transparent;
+    }
+
+    tbody tr {
+      border-bottom: 1px solid #252631;
+    }
+
     .el-table td {
-      border-bottom: 1px solid #127a89;
+      border-bottom: 1px solid #252631;
       border-right: unset;
     }
-    .el-table__body tr:hover > td {
-      background-color: #00000000;
+
+    .el-table--enable-row-hover .el-table__body tr:hover>td {
+      background-color: #82848a78;
     }
+
     .el-table th {
+      padding: 5px;
       border: unset;
-      background-color: #263b5d !important;
+      // background-color: #263b5d !important;
     }
+
     .el-table--fit {
       background: none !important;
       border: unset;
     }
+
+    .el-table__empty-block {
+      height: 100px !important;
+    }
+
     .el-icon-delete-solid {
       color: red;
       cursor: pointer;
       font-size: 18px;
     }
+
     .el-icon-edit {
       color: #1172d8;
       cursor: pointer;
       font-size: 20px;
     }
-    .el-icon-delete {
-      color: red;
+
+    .el-icon-view {
+      color: #00ffff;
       font-size: 20px;
       cursor: pointer;
     }
+
     .el-table--group::after,
     .el-table--border::after,
     .el-table::before {
       background-color: unset;
     }
   }
+
   .el-tabs--border-card {
     // width: calc(100% - 4px);
     // height: calc(100% - 4px);
@@ -2535,23 +2122,28 @@ export default {
     border-radius: 5px;
     box-sizing: border-box;
     background: #ffffff00;
-    > .el-tabs__content {
+
+    >.el-tabs__content {
       width: 100%;
       // height: calc(100% - 40px);
       box-sizing: border-box;
     }
-    > .el-tabs__header {
+
+    >.el-tabs__header {
       background-color: unset;
       border-bottom: 2px solid #125473;
+
       .el-tabs__item {
         color: #dedede;
       }
+
       .el-tabs__item.is-active {
         color: #ffe000;
         background-color: #116791;
         border-right-color: #116791;
         border-left-color: #116791;
       }
+
       .el-tabs__item:not(.is-disabled):hover {
         color: #ffe000;
       }

src/view/dfzy/rw_info.vue

@@ -2187,54 +2187,62 @@ export default {
         font-size: 14px;
       }
       .el-table tr {
-        background-color: #233450 !important;
+      background-color: transparent !important;
       color: #ffffffc7;
     }
-      .el-table td {
-        border-bottom: 1px solid #5959599c;
-        border-right: unset;
+
+    .el-table thead tr {
+      background: url(../../assets/img/setting/tr1.png) no-repeat;
+      background-size: 100% 100%;
+    }
+
+    .el-table th {
       padding: 5px;
-        .cell {
-          font-size: 12px;
+      background-color: transparent;
+    }
+
+    tbody tr {
+      border-bottom: 1px solid #252631;
     }
+
+    .el-table td {
+      border-bottom: 1px solid #252631;
+      border-right: unset;
     }
-      .el-table--enable-row-hover .el-table__body tr:hover > td {
+
+    .el-table--enable-row-hover .el-table__body tr:hover>td {
       background-color: #82848a78;
     }
+
     .el-table th {
-        border: unset;
-        background-color: #293f63b0 !important;
       padding: 5px;
-        font-size: 13px;
-        letter-spacing: 2px;
+      border: unset;
+      // background-color: #263b5d !important;
     }
+
     .el-table--fit {
       background: none !important;
       border: unset;
-        .el-table__empty-block {
-          height: 100px !important;
-        }
     }
+
     .el-icon-delete-solid {
       color: red;
       cursor: pointer;
       font-size: 18px;
     }
-      .el-icon-download {
-        color: #1172d8;
-        cursor: pointer;
-        font-size: 20px;
-      }
+
     .el-icon-edit {
       color: #1172d8;
       cursor: pointer;
       font-size: 20px;
     }
+
     .el-icon-view {
       color: #00ffff;
       font-size: 20px;
       cursor: pointer;
     }
+
     .el-table--group::after,
     .el-table--border::after,
     .el-table::before {
@@ -2422,39 +2430,62 @@ export default {
       text-align: center;
     }
     .el-table tr {
-      background-color: #1d2d46 !important;
+      background-color: transparent !important;
       color: #ffffffc7;
     }
+
+    .el-table thead tr {
+      background: url(../../assets/img/setting/tr1.png) no-repeat;
+      background-size: 100% 100%;
+    }
+
+    .el-table th {
+      padding: 5px;
+      background-color: transparent;
+    }
+
+    tbody tr {
+      border-bottom: 1px solid #252631;
+    }
+
     .el-table td {
-      border-bottom: 1px solid #127a89;
+      border-bottom: 1px solid #252631;
       border-right: unset;
     }
-    .el-table__body tr:hover > td {
-      background-color: #00000000;
+
+    .el-table--enable-row-hover .el-table__body tr:hover>td {
+      background-color: #82848a78;
     }
+
     .el-table th {
+      padding: 5px;
       border: unset;
-      background-color: #263b5d !important;
+      // background-color: #263b5d !important;
     }
+
     .el-table--fit {
       background: none !important;
       border: unset;
     }
+
     .el-icon-delete-solid {
       color: red;
       cursor: pointer;
       font-size: 18px;
     }
+
     .el-icon-edit {
       color: #1172d8;
       cursor: pointer;
       font-size: 20px;
     }
-    .el-icon-delete {
-      color: red;
+
+    .el-icon-view {
+      color: #00ffff;
       font-size: 20px;
       cursor: pointer;
     }
+
     .el-table--group::after,
     .el-table--border::after,
     .el-table::before {

src/view/flfg/flfg1.vue

 <template>
   <div id="flfg1">
     <div class="search">
-        <el-switch
-          v-model="valueSelect"
-          active-text="全文检索"
-          inactive-text="按名称搜索"
-          active-color="#409EFF"
-          inactive-color="rgb(19, 206, 102)"
-          v-show="flag == 1"
-        ></el-switch>
+      <el-switch v-model="valueSelect" active-text="全文检索" inactive-text="按名称搜索" active-color="#409EFF"
+        inactive-color="rgb(19, 206, 102)" v-show="flag == 1"></el-switch>
       <el-input v-model="input"></el-input>
       <div class="button-back" @click="flag = 1" v-show="flag != 1">
         返回主界面
@@ -35,30 +29,17 @@
             <div class="card-content">
               <div class="content-img">
                 <div v-for="(item1, index1) in item.img">
-                    <img
-                      :src="PickerPath_url + item1.folder + '/' + item1.image"
-                      alt=""
-                      @click="viewLiterature(item1)"
-                      @contextmenu.prevent.stop="showInfo(item1)"
-                    />
+                  <img :src="PickerPath_url + item1.folder + '/' + item1.image" alt="" @click="viewLiterature(item1)"
+                    @contextmenu.prevent.stop="showInfo(item1)" />
                 </div>
               </div>
               <div class="content-list">
                 <ul>
-                    <li
-                      v-for="(item1, index1) in item.lawList"
-                      @click="viewLiterature(item1)"
-                      @contextmenu.prevent.stop="showInfo(item1)"
-                    >
+                  <li v-for="(item1, index1) in item.lawList" @click="viewLiterature(item1)"
+                    @contextmenu.prevent.stop="showInfo(item1)">
                     <div class="mark"></div>
-                      <div
-                        v-text="item1.originName"
-                        :title="item1.originName"
-                      ></div>
-                      <div
-                        v-text="item1.createTime.slice(5, 10)"
-                        :title="item1.createTime"
-                      ></div>
+                    <div v-text="item1.originName" :title="item1.originName"></div>
+                    <div v-text="item1.createTime.slice(5, 10)" :title="item1.createTime"></div>
                   </li>
                 </ul>
               </div>
@@ -68,7 +49,9 @@
       </div>
       <div class="internalLaw">
 
-          <div class="internalLaw-title test-span-div"><div class="png-div"></div>对内内部法规<div class="png-div1"></div></div>
+        <div class="internalLaw-title test-span-div">
+          <div class="png-div"></div>对内内部法规<div class="png-div1"></div>
+        </div>
 
         <div class="background-div"></div>
         <div class="internalLaw-content">
@@ -82,30 +65,17 @@
             <div class="card-content">
               <div class="content-img">
                 <div v-for="(item1, index1) in item.img">
-                    <img
-                      :src="PickerPath_url + item1.folder + '/' + item1.image"
-                      alt=""
-                      @click="viewLiterature(item1)"
-                      @dblclick="showInfo(item1)"
-                    />
+                  <img :src="PickerPath_url + item1.folder + '/' + item1.image" alt="" @click="viewLiterature(item1)"
+                    @dblclick="showInfo(item1)" />
                 </div>
               </div>
               <div class="content-list">
                 <ul>
-                    <li
-                      v-for="(item1, index1) in item.lawList"
-                      @click="viewLiterature(item1)"
-                      @contextmenu.prevent.stop="showInfo(item1)"
-                    >
+                  <li v-for="(item1, index1) in item.lawList" @click="viewLiterature(item1)"
+                    @contextmenu.prevent.stop="showInfo(item1)">
                     <div class="mark"></div>
-                      <div
-                        v-text="item1.originName"
-                        :title="item1.originName"
-                      ></div>
-                      <div
-                        v-text="item1.createTime.slice(5, 10)"
-                        :title="item1.createTime"
-                      ></div>
+                    <div v-text="item1.originName" :title="item1.originName"></div>
+                    <div v-text="item1.createTime.slice(5, 10)" :title="item1.createTime"></div>
                   </li>
                 </ul>
               </div>
@@ -115,7 +85,9 @@
       </div>
       <div class="domesticLaw">
 
-          <div class="domesticLaw-title test-span-div"><div class="png-div"></div>我国内军内法规<div class="png-div1"></div></div>
+        <div class="domesticLaw-title test-span-div">
+          <div class="png-div"></div>我国内军内法规<div class="png-div1"></div>
+        </div>
 
         <div class="background-div"></div>
         <div class="domesticLaw-content">
@@ -129,30 +101,17 @@
             <div class="card-content">
               <div class="content-img">
                 <div v-for="(item1, index1) in item.img">
-                    <img
-                      :src="PickerPath_url + item1.folder + '/' + item1.image"
-                      alt=""
-                      @click="viewLiterature(item1)"
-                      @contextmenu.prevent.stop="showInfo(item1)"
-                    />
+                  <img :src="PickerPath_url + item1.folder + '/' + item1.image" alt="" @click="viewLiterature(item1)"
+                    @contextmenu.prevent.stop="showInfo(item1)" />
                 </div>
               </div>
               <div class="content-list">
                 <ul>
-                    <li
-                      v-for="(item1, index1) in item.lawList"
-                      @click="viewLiterature(item1)"
-                      @contextmenu.prevent.stop="showInfo(item1)"
-                    >
+                  <li v-for="(item1, index1) in item.lawList" @click="viewLiterature(item1)"
+                    @contextmenu.prevent.stop="showInfo(item1)">
                     <div class="mark"></div>
-                      <div
-                        v-text="item1.originName"
-                        :title="item1.originName"
-                      ></div>
-                      <div
-                        v-text="item1.createTime.slice(5, 10)"
-                        :title="item1.createTime"
-                      ></div>
+                    <div v-text="item1.originName" :title="item1.originName"></div>
+                    <div v-text="item1.createTime.slice(5, 10)" :title="item1.createTime"></div>
                   </li>
                 </ul>
               </div>
@@ -179,17 +138,9 @@
         </tbody>
       </table>
       <div class="pagination-div">
-          <el-pagination
-            class="myPagination"
-            background
-            layout="total, sizes, prev, pager, next, jumper"
-            :current-page="currentPage"
-            :page-size="everySize"
-            :total="total"
-            @current-change="handleCurrentChange"
-            @size-change="handleSizeChange"
-            :page-sizes="[10, 20, 50, 100]"
-          >
+        <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
+          :current-page="currentPage" :page-size="everySize" :total="total" @current-change="handleCurrentChange"
+          @size-change="handleSizeChange" :page-sizes="[10, 20, 50, 100]">
         </el-pagination>
       </div>
     </div>
@@ -197,44 +148,22 @@
     <div id="flfgKinds" v-show="flag == 3">
       <div class="flfgKinds-content">
         <div class="left-content">
-            <el-tree
-              :data="treeData"
-              @node-click="handleNodeClick"
-              highlight-current
-            ></el-tree>
+          <el-tree :data="treeData" @node-click="handleNodeClick" highlight-current></el-tree>
         </div>
         <div class="right-content">
-            <el-table
-              :data="literatureListKinds"
-              style="width: 100%; height: calc(100% - 50px)"
-              height="calc(100% - 50px)"
-              :header-cell-style="{ color: 'white', background: '#263b5d' }"
-              :row-style="{ color: 'white', background: '#1d2d46' }"
-              @row-click="viewLiterature"
-            >
+          <el-table :data="literatureListKinds" @row-click="viewLiterature">
             <el-table-column type="index" label="序号" width="180">
             </el-table-column>
-              <el-table-column
-                prop="originName"
-                label="文件名"
-                show-overflow-tooltip=""
-              >
+            <el-table-column prop="originName" label="文件名11" show-overflow-tooltip="">
             </el-table-column>
             <el-table-column prop="createTime" label="上传时间" width="250">
             </el-table-column>
           </el-table>
           <div class="pagination-div">
-              <el-pagination
-                class="myPagination"
-                background
-                layout="total, sizes, prev, pager, next, jumper"
-                :page-size="everySizeKinds"
-                :current-page="currentPageKinds"
-                :total="totalKinds"
-                @current-change="handleCurrentChangeKinds"
-                @size-change="handleSizeChangeKinds"
-                :page-sizes="[10, 20, 50, 100]"
-              >
+            <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
+              :page-size="everySizeKinds" :current-page="currentPageKinds" :total="totalKinds"
+              @current-change="handleCurrentChangeKinds" @size-change="handleSizeChangeKinds"
+              :page-sizes="[10, 20, 50, 100]">
             </el-pagination>
           </div>
         </div>
@@ -242,21 +171,13 @@
     </div>
 
     <div id="literatureInfo" v-show="flag == 4" v-if="pickObj.attachment">
-        <div
-          class="literatureInfo"
-          v-html="pickObj.attachment.content"
-          @contextmenu.prevent.stop="openMenu($event)"
-        ></div>
-        <div
-          v-show="visible"
-          :style="{
+      <div class="literatureInfo" v-html="pickObj.attachment.content" @contextmenu.prevent.stop="openMenu($event)"></div>
+      <div v-show="visible" :style="{
         position: 'absolute',
         backgroundColor: 'white',
         left: left + 'px',
         top: top + 'px',
-          }"
-          class="contextmenu"
-        >
+      }" class="contextmenu">
         <ul>
           <li @click="relatedPerson">关联人物</li>
           <li @click="relatedOrganization">关联机构</li>
@@ -268,14 +189,9 @@
     <div class="xgtj-div" v-show="flag == 4" v-if="pickObj.attachment">
       <div>相关推荐</div>
       <ul>
-          <li
-            v-for="(item, index) in xgtj_news_data"
-            v-show="item.id != getNews.id"
-            :title="item.title_zh == null ? item.title : item.title_zh"
-            @click="showInfo(item)"
-          >
-            <span>{{ index + 1 + "：" }}</span
-            >{{ item.title_zh == null ? item.title : item.title_zh }}
+        <li v-for="(item, index) in xgtj_news_data" v-show="item.id != getNews.id"
+          :title="item.title_zh == null ? item.title : item.title_zh" @click="showInfo(item)">
+          <span>{{ index + 1 + "：" }}</span>{{ item.title_zh == null ? item.title : item.title_zh }}
         </li>
       </ul>
     </div>
@@ -292,55 +208,29 @@
         <tbody>
           <tr v-for="(item, index) in fulltextLiteratureList">
             <td v-text="returnName(item.folder)"></td>
-              <td
-                v-text="item.literatureOriginName"
-                @click="viewLiterature(item)"
-              ></td>
+            <td v-text="item.literatureOriginName" @click="viewLiterature(item)"></td>
             <td v-html="item.highLight" :title="item.highLight"></td>
             <td v-text="item.createTime"></td>
           </tr>
         </tbody>
       </table>
       <div class="pagination-div">
-          <el-pagination
-            class="myPagination"
-            background
-            layout="total, sizes, prev, pager, next, jumper"
-            :page-size="fulltextPagination.everySize"
-            :current-page="fulltextPagination.currentPage"
-            @current-change="handleCurrentChangeFulltext"
-            :total="fulltextPagination.total"
-            @size-change="handleSizeChangeFulltext"
-            :page-sizes="[10, 20, 50, 100]"
-          >
+        <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
+          :page-size="fulltextPagination.everySize" :current-page="fulltextPagination.currentPage"
+          @current-change="handleCurrentChangeFulltext" :total="fulltextPagination.total"
+          @size-change="handleSizeChangeFulltext" :page-sizes="[10, 20, 50, 100]">
         </el-pagination>
       </div>
     </div>
-      <el-dialog
-        title="关联人物"
-        :visible.sync="dialogVisiblePerson"
-        width="30%"
-        :before-close="handleClose"
-      >
+    <el-dialog title="关联人物" :visible.sync="dialogVisiblePerson" width="30%" :before-close="handleClose">
       <el-form ref="form" label-width="120px">
         <el-form-item label="摘要">
-            <el-input
-              type="textarea"
-              :autosize="{ minRows: 2, maxRows: 10 }"
-              placeholder="请输入内容"
-              v-model="selectText"
-              disabled
-              style="width: 70%"
-            ></el-input>
+          <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 10 }" placeholder="请输入内容" v-model="selectText"
+            disabled style="width: 70%"></el-input>
         </el-form-item>
         <el-form-item label="搜索人物">
-            <el-autocomplete
-              v-model="state"
-              :fetch-suggestions="querySearchAsync"
-              placeholder="请输入内容"
-              @select="handleSelect"
-              style="width: 70%"
-            ></el-autocomplete>
+          <el-autocomplete v-model="state" :fetch-suggestions="querySearchAsync" placeholder="请输入内容"
+            @select="handleSelect" style="width: 70%"></el-autocomplete>
         </el-form-item>
         <el-form-item label="选择类型">
           <el-select v-model="personType" style="width: 70%">
@@ -359,31 +249,15 @@
         <el-button type="primary" @click="defineRelatedPerson">确 定</el-button>
       </span>
     </el-dialog>
-      <el-dialog
-        title="关联机构"
-        :visible.sync="dialogVisibleOrganization"
-        width="30%"
-        :before-close="handleClose"
-      >
+    <el-dialog title="关联机构" :visible.sync="dialogVisibleOrganization" width="30%" :before-close="handleClose">
       <el-form ref="form" label-width="120px">
         <el-form-item label="摘要">
-            <el-input
-              type="textarea"
-              :autosize="{ minRows: 2, maxRows: 10 }"
-              placeholder="请输入内容"
-              v-model="selectText"
-              disabled
-              style="width: 70%"
-            ></el-input>
+          <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 10 }" placeholder="请输入内容" v-model="selectText"
+            disabled style="width: 70%"></el-input>
         </el-form-item>
         <el-form-item label="搜索机构">
-            <el-autocomplete
-              v-model="state"
-              :fetch-suggestions="querySearchAsyncOrganization"
-              placeholder="请输入内容"
-              @select="handleSelect"
-              style="width: 70%"
-            ></el-autocomplete>
+          <el-autocomplete v-model="state" :fetch-suggestions="querySearchAsyncOrganization" placeholder="请输入内容"
+            @select="handleSelect" style="width: 70%"></el-autocomplete>
         </el-form-item>
         <el-form-item label="选择类型">
           <el-select v-model="organizationType" style="width: 70%">
@@ -402,134 +276,86 @@
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisibleOrganization = false">取 消</el-button>
-          <el-button type="primary" @click="defineRelatedOrganization"
-            >确 定</el-button
-          >
+        <el-button type="primary" @click="defineRelatedOrganization">确 定</el-button>
       </span>
     </el-dialog>
-      <el-dialog
-        title="添加标签"
-        :visible.sync="dialogVisibleTag"
-        width="30%"
-        :before-close="handleClose"
-      >
-        <el-tag
-          :key="tag"
-          v-for="tag in dynamicTags"
-          closable
-          :disable-transitions="false"
-          @close="handleClose(tag)"
-        >
+    <el-dialog title="添加标签" :visible.sync="dialogVisibleTag" width="30%" :before-close="handleClose">
+      <el-tag :key="tag" v-for="tag in dynamicTags" closable :disable-transitions="false" @close="handleClose(tag)">
         {{ tag }}
       </el-tag>
-        <el-input
-          class="input-new-tag"
-          v-if="inputVisible"
-          v-model="inputValue"
-          ref="saveTagInput"
-          size="small"
-          @keyup.enter.native="handleInputConfirm"
-          @blur="handleInputConfirm"
-        >
+      <el-input class="input-new-tag" v-if="inputVisible" v-model="inputValue" ref="saveTagInput" size="small"
+        @keyup.enter.native="handleInputConfirm" @blur="handleInputConfirm">
       </el-input>
-        <el-button v-else class="button-new-tag" size="small" @click="showInput"
-          >+ 标签</el-button
-        >
+      <el-button v-else class="button-new-tag" size="small" @click="showInput">+ 标签</el-button>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisibleTag = false">取 消</el-button>
         <el-button type="primary" @click="defineAddTag">确 定</el-button>
       </span>
     </el-dialog>
-      <el-dialog
-        title="添加收藏"
-        :visible.sync="dialogVisibleCollection"
-        width="20%"
-        :before-close="handleClose"
-      >
+    <el-dialog title="添加收藏" :visible.sync="dialogVisibleCollection" width="20%" :before-close="handleClose">
       <ul>
-          <li
-            v-for="(item, index) in collectionFolder"
-            @click.stop="addFolder(item, index)"
-            :style="{ background: index == selectIndex ? '#f56c6c' : '' }"
-          >
+        <li v-for="(item, index) in collectionFolder" @click.stop="addFolder(item, index)"
+          :style="{ background: index == selectIndex ? '#f56c6c' : '' }">
           <span class="el-icon-folder-opened"></span>&emsp;{{ item.name }}
-            <el-button
-              class="delete"
-              type="text"
-              size="mini"
-              @click.stop.native="delectCollectionFolder(item.id)"
-            >
+          <el-button class="delete" type="text" size="mini" @click.stop.native="delectCollectionFolder(item.id)">
             <i class="el-icon-error"></i>
           </el-button>
         </li>
       </ul>
-        <el-dialog
-          width="30%"
-          title="新增收藏夹"
-          :visible.sync="innerVisible"
-          append-to-body
-        >
+      <el-dialog width="30%" title="新增收藏夹" :visible.sync="innerVisible" append-to-body>
         <el-form ref="form" label-width="120px">
           <el-form-item label="名称">
-              <el-input
-                v-model="collectionName"
-                placeholder="请输入收藏夹名称"
-                @click.stop.native="stopstop"
-                style="width: 70%"
-              ></el-input>
+            <el-input v-model="collectionName" placeholder="请输入收藏夹名称" @click.stop.native="stopstop"
+              style="width: 70%"></el-input>
           </el-form-item>
         </el-form>
         <span slot="footer" class="dialog-footer">
-            <el-button size="mini" @click.stop="innerVisible = false"
-              >取 消</el-button
-            >
-            <el-button
-              size="mini"
-              type="danger"
-              @click.stop="addCollectionFolder()"
-              >确 定</el-button
-            >
+          <el-button size="mini" @click.stop="innerVisible = false">取 消</el-button>
+          <el-button size="mini" type="danger" @click.stop="addCollectionFolder()">确 定</el-button>
         </span>
       </el-dialog>
       <span slot="footer" class="dialog-footer">
-          <el-button type="" size="mini" @click.stop="defineAddCollection"
-            >确定</el-button
-          >
-          <el-button type="danger" size="mini" @click.stop="innerVisible = true"
-            >新增收藏夹</el-button
-          >
+        <el-button type="" size="mini" @click.stop="defineAddCollection">确定</el-button>
+        <el-button type="danger" size="mini" @click.stop="innerVisible = true">新增收藏夹</el-button>
       </span>
     </el-dialog>
   </div>
-  </template>
+</template>
   
-  <style lang="scss">
-  #flfg1 {
+<style lang="scss">
+#flfg1 {
   width: 100%;
   height: 100%;
   padding: 40px;
   box-sizing: border-box;
   overflow-y: auto;
+
   .search {
     width: 100%;
     height: 50px;
     // line-height: 50px;
     text-align: right;
+
     .el-switch {
       margin-right: 15px;
+
       .el-switch__label * {
         line-height: normal;
       }
+
       .el-switch__label {
         color: white;
       }
+
       .is-active {
         color: #409eff;
       }
     }
+
     .el-input {
       width: 200px;
       margin-right: 15px;
+
       input {
         height: 30px;
         color: white;
@@ -538,6 +364,7 @@
         box-shadow: 0 0 10px #1b6097;
       }
     }
+
     .button-search {
       width: 100px;
       height: 30px;
@@ -551,6 +378,7 @@
       background-repeat: no-repeat;
       background-size: 100% 100%;
     }
+
     .button-upload {
       width: 100px;
       height: 30px;
@@ -564,6 +392,7 @@
       background-repeat: no-repeat;
       background-size: 100% 100%;
     }
+
     .button-back {
       width: 100px;
       height: 30px;
@@ -577,11 +406,13 @@
       background-size: 100% 100%;
     }
   }
+
   .flfg1-content {
     width: 100%;
     height: calc(100% - 50px);
     overflow-y: auto;
     overflow-x: hidden;
+
     .background-div {
       width: 100%;
       height: 40px;
@@ -589,9 +420,11 @@
       background-repeat: no-repeat;
       background-size: 100% 100%;
     }
+
     .internationalLaw {
       float: left;
       width: 100%;
+
       .internationalLaw-title {
         width: 100%;
         height: 50px;
@@ -605,6 +438,7 @@
         display: flex;
         flex-direction: row;
         justify-content: center;
+
         .png-div {
           width: 28px;
           height: 26px;
@@ -614,6 +448,7 @@
           margin-right: 30px;
           margin-top: 13px;
         }
+
         .png-div1 {
           width: 28px;
           height: 26px;
@@ -625,8 +460,10 @@
           margin-top: 13px;
         }
       }
+
       .internationalLaw-content {
         height: 1206px;
+
         .content-card {
           width: calc(100% / 3 - 100px / 3);
           height: 402px;
@@ -634,6 +471,7 @@
           margin: 15px;
           background-image: url(../../assets/img/flfg/new/5.png);
           background-size: 100% 100%;
+
           .card-title {
             width: 100%;
             height: 50px;
@@ -641,14 +479,17 @@
             padding-left: 40px;
             box-sizing: border-box;
             text-align: center;
+
             img {
               width: 60px;
             }
+
             span {
               font-size: 20px;
               font-weight: 500;
               letter-spacing: 5px;
             }
+
             .el-icon-more {
               float: right;
               margin-top: 15px;
@@ -658,25 +499,30 @@
               cursor: pointer;
             }
           }
+
           .card-content {
             width: calc(100% - 20px);
             height: calc(100% - 50px);
             margin-left: 10px;
             padding: 10px;
             box-sizing: border-box;
+
             .content-img {
               width: 100%;
               height: 100px;
               margin-top: 20px;
               overflow-y: auto;
+
               &::-webkit-scrollbar {
                 display: none;
               }
+
               div {
                 width: calc(50% - 60px);
                 height: 100px;
                 float: left;
                 margin-left: 42px;
+
                 img {
                   width: 100%;
                   height: 100%;
@@ -684,16 +530,20 @@
                 }
               }
             }
+
             .content-list {
               width: 100%;
               height: calc(100% - 130px);
               margin-top: 10px;
               overflow-y: auto;
+
               &::-webkit-scrollbar {
                 display: none;
               }
+
               ul {
                 width: calc(100% - 70px);
+
                 li {
                   width: 100%;
                   height: 30px;
@@ -705,6 +555,7 @@
                   overflow: hidden;
                   white-space: nowrap;
                   text-overflow: ellipsis;
+
                   div {
                     &:first-child {
                       width: 5px;
@@ -717,6 +568,7 @@
                       background-color: grey;
                       opacity: 0.5;
                     }
+
                     &:nth-child(2) {
                       width: 70%;
                       float: left;
@@ -724,9 +576,11 @@
                       text-overflow: ellipsis;
                       white-space: nowrap;
                     }
+
                     &:last-child {
                       float: right;
                     }
+
                     &:hover {
                       font-weight: bold;
                       color: #0dada7;
@@ -740,10 +594,12 @@
         }
       }
     }
+
     .internalLaw {
       margin-top: 10px;
       float: left;
       width: 100%;
+
       .internalLaw-title {
         width: 100%;
         height: 50px;
@@ -757,6 +613,7 @@
         display: flex;
         flex-direction: row;
         justify-content: center;
+
         .png-div {
           width: 28px;
           height: 26px;
@@ -766,6 +623,7 @@
           margin-right: 30px;
           margin-top: 13px;
         }
+
         .png-div1 {
           width: 28px;
           height: 26px;
@@ -777,8 +635,10 @@
           margin-top: 13px;
         }
       }
+
       .internalLaw-content {
         height: 402px;
+
         .content-card {
           width: calc(100% / 3 - 100px / 3);
           height: 100%;
@@ -786,6 +646,7 @@
           margin: 15px;
           background-image: url(../../assets/img/flfg/new/5.png);
           background-size: 100% 100%;
+
           .card-title {
             width: 100%;
             height: 50px;
@@ -793,14 +654,17 @@
             padding-left: 40px;
             box-sizing: border-box;
             text-align: center;
+
             img {
               width: 60px;
             }
+
             span {
               font-size: 20px;
               font-weight: 500;
               letter-spacing: 5px;
             }
+
             .el-icon-more {
               float: right;
               margin-top: 15px;
@@ -810,12 +674,14 @@
               cursor: pointer;
             }
           }
+
           .card-content {
             width: calc(100% - 20px);
             height: calc(100% - 50px);
             margin-left: 10px;
             padding: 10px;
             box-sizing: border-box;
+
             // background-image: url(../../assets/img/flfg/cardContent.png);
             // background-size: 100% 100%;
             .content-img {
@@ -823,14 +689,17 @@
               height: 100px;
               margin-top: 20px;
               overflow-y: auto;
+
               &::-webkit-scrollbar {
                 display: none;
               }
+
               div {
                 width: calc(50% - 60px);
                 height: 100px;
                 float: left;
                 margin-left: 42px;
+
                 img {
                   width: 100%;
                   height: 100%;
@@ -838,15 +707,19 @@
                 }
               }
             }
+
             .content-list {
               height: calc(100% - 130px);
               margin-top: 10px;
               overflow-y: auto;
+
               &::-webkit-scrollbar {
                 display: none;
               }
+
               ul {
                 width: calc(100% - 70px);
+
                 li {
                   height: 30px;
                   line-height: 30px;
@@ -857,6 +730,7 @@
                   overflow: hidden;
                   white-space: nowrap;
                   text-overflow: ellipsis;
+
                   div {
                     &:first-child {
                       width: 5px;
@@ -869,6 +743,7 @@
                       background-color: grey;
                       opacity: 0.5;
                     }
+
                     &:nth-child(2) {
                       width: 70%;
                       float: left;
@@ -876,9 +751,11 @@
                       text-overflow: ellipsis;
                       white-space: nowrap;
                     }
+
                     &:last-child {
                       float: right;
                     }
+
                     &:hover {
                       font-weight: bold;
                       color: #0dada7;
@@ -892,10 +769,12 @@
         }
       }
     }
+
     .domesticLaw {
       margin-top: 10px;
       float: left;
       width: 100%;
+
       .domesticLaw-title {
         width: 100%;
         height: 50px;
@@ -909,6 +788,7 @@
         display: flex;
         flex-direction: row;
         justify-content: center;
+
         .png-div {
           width: 28px;
           height: 26px;
@@ -918,6 +798,7 @@
           margin-right: 30px;
           margin-top: 13px;
         }
+
         .png-div1 {
           width: 28px;
           height: 26px;
@@ -929,8 +810,10 @@
           margin-top: 13px;
         }
       }
+
       .domesticLaw-content {
         height: 402px;
+
         .content-card {
           width: calc(100% / 3 - 100px / 3);
           height: 100%;
@@ -938,6 +821,7 @@
           margin: 15px;
           background-image: url(../../assets/img/flfg/new/5.png);
           background-size: 100% 100%;
+
           .card-title {
             width: 100%;
             height: 50px;
@@ -945,14 +829,17 @@
             padding-left: 40px;
             box-sizing: border-box;
             text-align: center;
+
             img {
               width: 60px;
             }
+
             span {
               font-size: 20px;
               font-weight: 500;
               letter-spacing: 5px;
             }
+
             .el-icon-more {
               float: right;
               margin-top: 15px;
@@ -962,12 +849,14 @@
               cursor: pointer;
             }
           }
+
           .card-content {
             width: calc(100% - 20px);
             height: calc(100% - 50px);
             margin-left: 10px;
             padding: 10px;
             box-sizing: border-box;
+
             // background-image: url(../../assets/img/flfg/cardContent.png);
             // background-size: 100% 100%;
             .content-img {
@@ -975,14 +864,17 @@
               height: 100px;
               margin-top: 20px;
               overflow-y: auto;
+
               &::-webkit-scrollbar {
                 display: none;
               }
+
               div {
                 width: calc(50% - 60px);
                 height: 100px;
                 float: left;
                 margin-left: 42px;
+
                 img {
                   width: 100%;
                   height: 100%;
@@ -990,15 +882,19 @@
                 }
               }
             }
+
             .content-list {
               height: calc(100% - 130px);
               margin-top: 10px;
               overflow-y: auto;
+
               &::-webkit-scrollbar {
                 display: none;
               }
+
               ul {
                 width: calc(100% - 70px);
+
                 li {
                   height: 30px;
                   line-height: 30px;
@@ -1009,6 +905,7 @@
                   overflow: hidden;
                   white-space: nowrap;
                   text-overflow: ellipsis;
+
                   div {
                     &:first-child {
                       width: 5px;
@@ -1021,6 +918,7 @@
                       background-color: grey;
                       opacity: 0.5;
                     }
+
                     &:nth-child(2) {
                       width: 70%;
                       float: left;
@@ -1028,9 +926,11 @@
                       text-overflow: ellipsis;
                       white-space: nowrap;
                     }
+
                     &:last-child {
                       float: right;
                     }
+
                     &:hover {
                       font-weight: bold;
                       color: #0dada7;
@@ -1045,62 +945,76 @@
       }
     }
   }
+
   .searchResult {
     width: 100%;
     height: calc(100% - 50px);
     overflow-y: auto;
+
     table {
       width: 100%;
       height: calc(100% - 60px);
       text-align: center;
+
       thead {
         display: table;
         width: 100%;
         table-layout: fixed;
+
         tr {
           height: 50px;
           color: white;
           text-align: center;
           background-image: url(../../assets/img/flfg/new/4.png);
           background-size: 100% 100%;
+
           td {
             &:first-child {
               width: 180px;
               text-align: center;
             }
+
             &:last-child {
               width: 150px;
             }
           }
         }
       }
+
       tbody {
         height: calc(100% - 50px);
         display: block;
         overflow-y: scroll;
         -webkit-overflow-scrolling: touch;
+
         &::-webkit-scrollbar {
           display: none; // 隐藏滚动条
         }
+
         tr {
           display: table;
           width: 100%;
           border-bottom: 1px solid #91919170;
           table-layout: fixed;
           box-shadow: 0px 0px 10px #292929;
+
           td {
             color: white;
+
             &:first-child {
               width: 180px;
               text-align: center;
             }
+
             &:last-child {
               width: 150px;
+
               span:hover {
                 color: green;
                 cursor: pointer;
               }
             }
+
             &:nth-child(2):hover {
               cursor: pointer;
               font-weight: bold;
@@ -1111,15 +1025,18 @@
         }
       }
     }
+
     .fulltext {
       td {
         &:first-child {
           width: 180px;
         }
+
         &:last-child {
           width: 250px;
         }
       }
+
       tbody {
         td {
           &:nth-child(3) {
@@ -1131,9 +1048,11 @@
         }
       }
     }
+
     em {
       color: red;
     }
+
     .pagination-div {
       width: 100%;
       height: 50px;
@@ -1142,13 +1061,16 @@
       .el-pagination {
         margin-top: 9px;
         text-align: right;
+
         .el-pagination__total {
           color: white;
         }
+
         .el-pagination__jump {
           color: white;
         }
       }
+
       .myPagination.is-background .el-pager li:not(.disabled).active {
         color: #fff;
         border: 1px solid #146a80;
@@ -1157,17 +1079,20 @@
       }
     }
   }
+
   //分类
   #flfgKinds {
     width: 100%;
     height: calc(100% - 50px);
     color: white;
     overflow: hidden;
+
     // background-image: url(../../assets/img/main/background.png);
     // background-size: 100% 100%;
     .flfgKinds-content {
       width: 100%;
       height: 100%;
+
       .left-content {
         width: 250px;
         height: 100%;
@@ -1177,40 +1102,40 @@
         box-sizing: border-box;
         background: url("../../assets/img/yqjc/01.png") no-repeat;
         background-size: 100% 100%;
+
         .el-tree {
           margin-top: 10px;
           color: white;
           background: transparent;
+
           .el-tree-node__content {
             height: 40px;
           }
         }
-          .el-tree > .el-tree-node > .el-tree-node__content {
+
+        .el-tree>.el-tree-node>.el-tree-node__content {
           height: 40px;
           background-image: url(../../assets/img/yqjc/24.png);
           background-repeat: no-repeat;
           background-size: 100% 100%;
         }
-          .el-tree
-            > .el-tree-node
-            > .el-tree-node__children
-            > .el-tree-node
-            > .el-tree-node__content {
+
+        .el-tree>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__content {
           height: 40px;
           // background-image: url(../../assets/img/yqjc/24.png);
           background-repeat: no-repeat;
           background-size: 100% 100%;
         }
-          .el-tree
-            > .el-tree-node
-            > .el-tree-node__content
-            > .el-tree-node__label {
+
+        .el-tree>.el-tree-node>.el-tree-node__content>.el-tree-node__label {
           font-size: 14px !important;
         }
-          .el-tree > .el-tree-node > .el-tree-node__children {
+
+        .el-tree>.el-tree-node>.el-tree-node__children {
           background-color: #1d2d46 !important;
         }
-          .el-tree-node:focus > .el-tree-node__content {
+
+        .el-tree-node:focus>.el-tree-node__content {
           background-color: #00648a96 !important;
           // border-radius: 5px;
         }
@@ -1220,13 +1145,13 @@
           background-color: #00648a96 !important;
           // border-radius: 5px;
         }
-          .el-tree--highlight-current
-            .el-tree-node.is-current
-            > .el-tree-node__content {
+
+        .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
           background-color: #00648a96 !important;
           // border-radius: 5px;
         }
       }
+
       .right-content {
         width: calc(100% - 270px);
         height: 100%;
@@ -1236,49 +1161,75 @@
         background: url("../../assets/img/yqjc/02.png") no-repeat;
         background-size: 100% 100%;
         box-sizing: border-box;
-          .el-table--enable-row-hover {
-            .el-table__body tr {
-              &:hover > td {
-                background-color: #82848a78 !important;
-              }
-            }
-          }
+
         .el-table {
-            background-color: transparent !important;
-            .el-table__header-wrapper {
           width: 100%;
-              height: 48px;
+          height: calc(100% - 50px);
         }
-            .el-table__body-wrapper {
-              width: 100%;
-              height: calc(100% - 48px);
+
+        .el-table tr {
+          background-color: transparent !important;
+          color: #ffffffc7;
         }
-            th.is-leaf {
-              border-bottom: 1px solid #185066;
+
+        .el-table thead tr {
+          height: 40px;
+          background: url(../../assets/img/setting/tr1.png) no-repeat;
+          background-size: 100% 100%;
         }
-            .gutter {
-              background-color: #263b5d;
+
+        .el-table th {
+          background-color: transparent;
         }
-            &::before {
-              display: none;
+
+        tbody tr {
+          border-bottom: 1px solid #252631;
         }
-            td {
-              border-bottom: 1px solid #185066;
-              &:nth-child(2) {
-                .el-tag {
-                  height: 20px;
-                  padding: 0px 8px;
-                  line-height: 19px;
+
+        .el-table td {
+          border-bottom: 1px solid #252631;
+          border-right: unset;
         }
+
+        .el-table--enable-row-hover .el-table__body tr:hover>td {
+          background-color: #82848a78;
         }
-              .el-switch__label {
-                color: white;
+
+        .el-table th {
+          border: unset;
+          // background-color: #263b5d !important;
         }
-              .is-active {
-                color: #409eff !important;
+
+        .el-table--fit {
+          background: none !important;
+          border: unset;
         }
+
+        .el-icon-delete-solid {
+          color: red;
+          cursor: pointer;
+          font-size: 18px;
+        }
+
+        .el-icon-edit {
+          color: #1172d8;
+          cursor: pointer;
+          font-size: 20px;
+        }
+
+        .el-icon-view {
+          color: #00ffff;
+          font-size: 20px;
+          cursor: pointer;
         }
+
+        .el-table--group::after,
+        .el-table--border::after,
+        .el-table::before {
+          background-color: unset;
         }
+
+
         .pagination-div {
           width: 100%;
           height: 50px;
@@ -1287,13 +1238,16 @@
           .el-pagination {
             margin-top: 9px;
             text-align: right;
+
             .el-pagination__total {
               color: white;
             }
+
             .el-pagination__jump {
               color: white;
             }
           }
+
           .myPagination.is-background .el-pager li:not(.disabled).active {
             color: #fff;
             border: 1px solid #146a80;
@@ -1317,6 +1271,7 @@
     background: #263b5d29;
     padding: 20px;
     box-sizing: border-box;
+
     .literatureInfo {
       width: fit-content;
       margin: auto;
@@ -1326,15 +1281,18 @@
       font-size: 18px;
       text-indent: 2em;
     }
+
     .contextmenu {
       width: 200px;
       padding: 5px 0px;
       box-sizing: border-box;
+
       ul {
         margin: 0;
         padding: 0;
         overflow-y: auto;
         list-style: none;
+
         li {
           height: 30px;
           line-height: 30px;
@@ -1343,13 +1301,16 @@
           font-size: 14px;
           box-sizing: border-box;
           color: black;
+
           &:hover {
             cursor: pointer;
             background-color: #ddd;
           }
+
           .delete {
             position: absolute;
             right: 10px;
+
             i {
               font-size: 16px;
               color: #ff5454;
@@ -1359,19 +1320,23 @@
       }
     }
   }
+
   .xgtj-div {
     width: 15%;
     height: 300px;
     float: left;
     margin-left: 1%;
+
     div {
       font-weight: 900;
       margin-left: 11px;
       font-size: 14px;
     }
+
     ul {
       padding: 0;
       margin: 10px 7px 0px 26px;
+
       li {
         list-style: none;
         font-size: 12px;
@@ -1382,29 +1347,36 @@
         line-height: 28px;
         cursor: pointer;
       }
+
       li:hover {
         color: #00f9ff;
         text-decoration: underline;
       }
     }
   }
+
   .el-dialog {
     color: white;
     background: #1d2d46 !important;
+
     .el-dialog__body {
       .el-form {
         .el-form-item {
           .el-form-item__label {
             color: white;
           }
+
           .el-form-item__content {
             color: white;
+
             .el-upload__tip {
               color: white;
             }
           }
+
           .el-input-group__append {
             border: 1px solid #146a80 !important;
+
             .el-button {
               color: white !important;
               background: #1d2d46 !important;
@@ -1413,25 +1385,29 @@
           }
         }
       }
+
       .el-input__inner {
         color: white !important;
         background: none !important;
         border: 1px solid #146a80 !important;
         box-shadow: 0 0 10px #1b6097;
       }
+
       textarea {
         color: white !important;
         background: none !important;
         border: 1px solid #146a80 !important;
         box-shadow: 0 0 10px #1b6097;
       }
+
       .el-icon-document {
         height: auto;
       }
 
-        .el-tag + .el-tag {
+      .el-tag+.el-tag {
         margin-left: 10px;
       }
+
       .button-new-tag {
         margin-left: 10px;
         height: 32px;
@@ -1439,17 +1415,20 @@
         padding-top: 0;
         padding-bottom: 0;
       }
+
       .input-new-tag {
         width: 90px;
         margin-left: 10px;
         vertical-align: bottom;
       }
+
       ul {
         height: 150px;
         margin: 0;
         padding: 0;
         overflow-y: auto;
         list-style: none;
+
         li {
           height: 30px;
           line-height: 30px;
@@ -1457,13 +1436,16 @@
           position: relative;
           box-sizing: border-box;
           color: white;
+
           &:hover {
             color: white;
             background-color: #f56c6c;
           }
+
           .delete {
             position: absolute;
             right: 10px;
+
             i {
               font-size: 16px;
               color: #ff5454;
@@ -1473,11 +1455,11 @@
       }
     }
   }
-  }
-  </style>
+}
+</style>
   
-  <script>
-  import {
+<script>
+import {
   get,
   fileUpload,
   post,
@@ -1486,11 +1468,11 @@
   download,
   delete_util,
   dateChangeFormat,
-  } from "../../util/http_util";
-  import leftTitle from "../../assets/img/flfg/leftTitle.png";
-  import rightTitle from "../../assets/img/flfg/rightTitle.png";
-  import "animate.css";
-  export default {
+} from "../../util/http_util";
+import leftTitle from "../../assets/img/flfg/leftTitle.png";
+import rightTitle from "../../assets/img/flfg/rightTitle.png";
+import "animate.css";
+export default {
   name: "flfg",
   data() {
     return {
@@ -2065,7 +2047,7 @@
     addCollection() {
       this.dialogVisibleCollection = true;
     },
-      stopstop() {},
+    stopstop() { },
     //新增收藏夹名称
     addCollectionFolder() {
       if (this.collectionName != "" && this.collectionName != null) {
@@ -2205,7 +2187,7 @@
             this.domesticLaw[2].lawList = res[15];
             endLoading();
           })
-            .catch((err) => {});
+          .catch((err) => { });
 
         //多板块文献资料图片查询
         post(
@@ -2316,5 +2298,5 @@
       }
     }, 100);
   },
-  };
-  </script>
\ No newline at end of file
+};
+</script>
\ No newline at end of file

src/view/flfg/flfgKinds.vue

@@ -11,7 +11,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="(item,index) in literatureList">
+                            <tr v-for="(item, index) in literatureList">
                                 <td v-text="item.originName" @click="viewLiterature(item)"></td>
                                 <td v-text="item.createTime"></td>
                             </tr>
@@ -27,7 +27,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="(item,index) in literatureList">
+                            <tr v-for="(item, index) in literatureList">
                                 <td v-text="item.originName" @click="viewLiterature(item)"></td>
                                 <td v-text="item.createTime"></td>
                             </tr>
@@ -43,7 +43,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="(item,index) in literatureList">
+                            <tr v-for="(item, index) in literatureList">
                                 <td v-text="item.originName" @click="viewLiterature(item)"></td>
                                 <td v-text="item.createTime"></td>
                             </tr>
@@ -59,7 +59,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="(item,index) in literatureList">
+                            <tr v-for="(item, index) in literatureList">
                                 <td v-text="item.originName" @click="viewLiterature(item)"></td>
                                 <td v-text="item.createTime"></td>
                             </tr>
@@ -75,7 +75,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="(item,index) in literatureList">
+                            <tr v-for="(item, index) in literatureList">
                                 <td v-text="item.originName" @click="viewLiterature(item)"></td>
                                 <td v-text="item.createTime"></td>
                             </tr>
@@ -91,7 +91,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="(item,index) in literatureList">
+                            <tr v-for="(item, index) in literatureList">
                                 <td v-text="item.originName" @click="viewLiterature(item)"></td>
                                 <td v-text="item.createTime"></td>
                             </tr>
@@ -107,7 +107,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="(item,index) in literatureList">
+                            <tr v-for="(item, index) in literatureList">
                                 <td v-text="item.originName" @click="viewLiterature(item)"></td>
                                 <td v-text="item.createTime"></td>
                             </tr>
@@ -123,7 +123,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="(item,index) in literatureList">
+                            <tr v-for="(item, index) in literatureList">
                                 <td v-text="item.originName" @click="viewLiterature(item)"></td>
                                 <td v-text="item.createTime"></td>
                             </tr>
@@ -139,7 +139,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="(item,index) in literatureList">
+                            <tr v-for="(item, index) in literatureList">
                                 <td v-text="item.originName" @click="viewLiterature(item)"></td>
                                 <td v-text="item.createTime"></td>
                             </tr>
@@ -155,7 +155,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="(item,index) in literatureList">
+                            <tr v-for="(item, index) in literatureList">
                                 <td v-text="item.originName" @click="viewLiterature(item)"></td>
                                 <td v-text="item.createTime"></td>
                             </tr>
@@ -171,7 +171,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="(item,index) in literatureList">
+                            <tr v-for="(item, index) in literatureList">
                                 <td v-text="item.originName" @click="viewLiterature(item)"></td>
                                 <td v-text="item.createTime"></td>
                             </tr>
@@ -187,7 +187,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="(item,index) in literatureList">
+                            <tr v-for="(item, index) in literatureList">
                                 <td v-text="item.originName" @click="viewLiterature(item)"></td>
                                 <td v-text="item.createTime"></td>
                             </tr>
@@ -203,7 +203,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="(item,index) in literatureList">
+                            <tr v-for="(item, index) in literatureList">
                                 <td v-text="item.originName" @click="viewLiterature(item)"></td>
                                 <td v-text="item.createTime"></td>
                             </tr>
@@ -219,7 +219,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="(item,index) in literatureList">
+                            <tr v-for="(item, index) in literatureList">
                                 <td v-text="item.originName" @click="viewLiterature(item)"></td>
                                 <td v-text="item.createTime"></td>
                             </tr>
@@ -235,7 +235,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="(item,index) in literatureList">
+                            <tr v-for="(item, index) in literatureList">
                                 <td v-text="item.originName" @click="viewLiterature(item)"></td>
                                 <td v-text="item.createTime"></td>
                             </tr>
@@ -244,12 +244,12 @@
                 </el-tab-pane>
             </el-tabs>
             <div class="pagination-div">
-                <el-pagination class="myPagination" background layout="prev, pager, next" :page-size="20" :current-page="currentPage" :total="total" @current-change="handleCurrentChange">
+                <el-pagination class="myPagination" background layout="prev, pager, next" :page-size="20"
+                    :current-page="currentPage" :total="total" @current-change="handleCurrentChange">
                 </el-pagination>
             </div>
         </div>
     </div>
-
 </template>
 
 <style lang="scss">
@@ -262,27 +262,33 @@ body,
     overflow: hidden;
     background-image: url(../../assets/img/main/background.png);
     background-size: 100% 100%;
+
     .head {
         width: 100%;
         float: flex;
         margin: 0 auto;
+
         .el-tabs {
             .el-tabs__header {
                 height: 60px;
+
                 .el-tabs__nav-wrap {
                     &::after {
                         display: none;
                     }
                 }
+
                 // background-color: #e60012;
                 .el-tabs__nav {
                     width: 1655px;
                     margin-left: calc(50% - 827.5px);
                     padding-top: 10px;
                     box-sizing: border-box;
+
                     .el-tabs__active-bar {
                         display: none;
                     }
+
                     .el-tabs__item {
                         height: 30px;
                         line-height: 30px;
@@ -290,18 +296,22 @@ body,
                         color: white;
                         background-image: url(../../assets/img/yqjc/22.png);
                         background-size: 100% 100%;
+
                         &:hover {
                             font-weight: bold;
                             color: #0dada7;
                             text-decoration: underline;
                         }
+
                         &:nth-child(2) {
                             padding-left: 20px;
                         }
+
                         &:last-child {
                             padding-right: 20px;
                         }
                     }
+
                     .is-active {
                         font-weight: bold;
                         color: #0dada7;
@@ -309,28 +319,35 @@ body,
                     }
                 }
             }
+
             .el-tabs__content {
                 width: 1264px;
                 height: calc(100% - 130px);
                 margin-left: calc(50% - 632px);
+
                 .el-tab-pane {
                     width: 100%;
                     height: 100%;
+
                     table {
                         width: 100%;
                         height: 100%;
                         text-align: center;
+
                         thead {
                             display: table;
                             width: 100%;
                             table-layout: fixed;
+
                             tr {
                                 height: 50px;
                                 color: white;
                                 text-align: center;
                                 background-image: url(../../assets/img/flfg/title.png);
                                 background-size: 100% 100%;
+
                                 td {
+
                                     &:first-child,
                                     &:last-child {
                                         width: 180px;
@@ -339,21 +356,26 @@ body,
                                 }
                             }
                         }
+
                         tbody {
                             height: calc(100% - 50px);
                             display: block;
                             overflow-y: scroll;
                             -webkit-overflow-scrolling: touch;
+
                             &::-webkit-scrollbar {
                                 display: none; // 隐藏滚动条
                             }
+
                             tr {
                                 display: table;
                                 width: 100%;
                                 border-bottom: 1px solid #185066;
                                 table-layout: fixed;
+
                                 td {
                                     color: white;
+
                                     &:first-child:hover {
                                         cursor: pointer;
                                         font-weight: bold;
@@ -367,6 +389,7 @@ body,
                 }
             }
         }
+
         .pagination-div {
             width: 1264px;
             height: 50px;
@@ -376,6 +399,7 @@ body,
                 margin-top: 9px;
                 text-align: right;
             }
+
             .myPagination.is-background .el-pager li:not(.disabled).active {
                 color: #fff;
                 border: 1px solid #146a80;
@@ -397,7 +421,7 @@ export default {
             literatureList: [],
             currentPage: 0,
             total: 0,
-            selectPane:''
+            selectPane: ''
         }
     },
     methods: {

src/view/fzjc/jczc.vue

@@ -5,12 +5,13 @@
                 <span slot="label"><i class="el-icon-s-claim"></i> 决策支持</span>
                 <div class="left-jczc">
                     <ul>
-                        <li v-for="(item,index) in jczcStep" v-text="item" :class="index==choiceIndex?'active':''" @click="choiceStep(item,index)"></li>
+                        <li v-for="(item, index) in jczcStep" v-text="item" :class="index == choiceIndex ? 'active' : ''"
+                            @click="choiceStep(item, index)"></li>
                     </ul>
                 </div>
                 <div class="right-jczc">
                     <!-- 情况导入 -->
-                    <div class="jczc-qkdr" v-if="choiceIndex==0">
+                    <div class="jczc-qkdr" v-if="choiceIndex == 0">
                         <div class="qkdr-content">
                             <div class="left-content">
                                 <el-input type="textarea" autosize="" v-model="importText"></el-input>
@@ -24,9 +25,9 @@
                         </div>
                         <div class="qkdr-result">
                             <div class="left-result">
-                                <div class="cardResult" v-for="(item,index) in resultList">
-                                    <el-input v-model="resultList[index]" :style="{width:getTextWidth(item,13)}"></el-input>
-                                    <span class="el-icon-error" @click="deleteCard(item,index)"></span>
+                                <div class="cardResult" v-for="(item, index) in resultList">
+                                    <el-input v-model="resultList[index]" :style="{ width: getTextWidth(item, 13) }"></el-input>
+                                    <span class="el-icon-error" @click="deleteCard(item, index)"></span>
                                 </div>
                                 <span class="el-icon-circle-plus" @click="addCard"></span>
                             </div>
@@ -37,12 +38,13 @@
                         <div class="button-create" @click="createFxyp">生成</div>
                     </div>
                     <!-- 分析研判 -->
-                    <div class="jczc-fxyp" v-else-if="choiceIndex==1">
+                    <div class="jczc-fxyp" v-else-if="choiceIndex == 1">
                         <div class="fxyp-content">
                             <div class="left-content">
                                 <el-form ref="form" :model="form" label-width="120px">
                                     <el-form-item label="消息来源">
-                                        <el-radio v-for="item in fxypFormList.xxlyRadio" v-model="form.xxlyRadio" :label="item" :key="item"></el-radio>
+                                        <el-radio v-for="item in fxypFormList.xxlyRadio" v-model="form.xxlyRadio"
+                                            :label="item" :key="item"></el-radio>
                                     </el-form-item>
                                     <el-form-item label="对手情况">
                                         <el-select v-model="form.dsqkSelect" multiple placeholder="请选择" clearable>
@@ -51,16 +53,20 @@
                                         </el-select>
                                     </el-form-item>
                                     <el-form-item label="对手目的">
-                                        <el-radio v-for="item in fxypFormList.dsmdRadio" v-model="form.dsmdRadio" :label="item" :key="item"></el-radio>
+                                        <el-radio v-for="item in fxypFormList.dsmdRadio" v-model="form.dsmdRadio"
+                                            :label="item" :key="item"></el-radio>
                                     </el-form-item>
                                     <el-form-item label="法理属性">
-                                        <el-radio v-for="item in fxypFormList.flsxRadio" v-model="form.flsxRadio" :label="item" :key="item"></el-radio>
+                                        <el-radio v-for="item in fxypFormList.flsxRadio" v-model="form.flsxRadio"
+                                            :label="item" :key="item"></el-radio>
                                     </el-form-item>
                                     <el-form-item label="当前态势">
-                                        <el-radio v-for="item in fxypFormList.dqtsRadio" v-model="form.dqtsRadio" :label="item" :key="item"></el-radio>
+                                        <el-radio v-for="item in fxypFormList.dqtsRadio" v-model="form.dqtsRadio"
+                                            :label="item" :key="item"></el-radio>
                                     </el-form-item>
                                     <el-form-item label="下步影响">
-                                        <el-radio v-for="item in fxypFormList.xbyxRadio" v-model="form.xbyxRadio" :label="item" :key="item"></el-radio>
+                                        <el-radio v-for="item in fxypFormList.xbyxRadio" v-model="form.xbyxRadio"
+                                            :label="item" :key="item"></el-radio>
                                     </el-form-item>
                                 </el-form>
                             </div>
@@ -70,9 +76,10 @@
                         </div>
                         <div class="fxyp-result">
                             <div class="left-result">
-                                <div class="cardResult" v-for="(item,index) in resultListFxyp">
-                                    <el-input v-model="resultListFxyp[index]" :style="{width:getTextWidth(item,13)}"></el-input>
-                                    <span class="el-icon-error" @click="deleteCardFxyp(item,index)"></span>
+                                <div class="cardResult" v-for="(item, index) in resultListFxyp">
+                                    <el-input v-model="resultListFxyp[index]"
+                                        :style="{ width: getTextWidth(item, 13) }"></el-input>
+                                    <span class="el-icon-error" @click="deleteCardFxyp(item, index)"></span>
                                 </div>
                                 <span class="el-icon-circle-plus" @click="addCardFxyp"></span>
                             </div>
@@ -83,25 +90,28 @@
                         <div class="button-nextStep" @click="nextStep">下一步</div>
                     </div>
                     <!-- 处置原则 -->
-                    <div class="jczc-czyz" v-else-if="choiceIndex==2">
+                    <div class="jczc-czyz" v-else-if="choiceIndex == 2">
                         <div class="czyz-content">
                             <el-tabs type="border-card">
-                                <el-tab-pane v-for="(item1,index1) in objectList" :key="index1">
-                                    <span slot="label"><i class="el-icon-message-solid"></i>{{item1.object}}</span>
+                                <el-tab-pane v-for="(item1, index1) in objectList" :key="index1">
+                                    <span slot="label"><i class="el-icon-message-solid"></i>{{ item1.object }}</span>
                                     <el-form ref="form" label-width="120px">
                                         <el-form-item label="应对策略">
                                             <el-radio-group v-model="item1.copingStrategies">
-                                                <el-radio v-for="(item,index) in QfdxList.ydcl" :label="item" :key="index">{{item}}</el-radio>
+                                                <el-radio v-for="(item, index) in QfdxList.ydcl" :label="item"
+                                                    :key="index">{{ item }}</el-radio>
                                             </el-radio-group>
                                         </el-form-item>
                                         <el-form-item label="应对强度">
                                             <el-radio-group v-model="item1.copingStrength">
-                                                <el-radio v-for="(item,index) in QfdxList.ydqd" :label="item" :key="index">{{item}}</el-radio>
+                                                <el-radio v-for="(item, index) in QfdxList.ydqd" :label="item"
+                                                    :key="index">{{ item }}</el-radio>
                                             </el-radio-group>
                                         </el-form-item>
                                         <el-form-item label="应对渠道">
                                             <el-radio-group v-model="item1.copingChannel">
-                                                <el-radio v-for="(item,index) in QfdxList.ydqd1" :label="item" :key="index">{{item}}</el-radio>
+                                                <el-radio v-for="(item, index) in QfdxList.ydqd1" :label="item"
+                                                    :key="index">{{ item }}</el-radio>
                                             </el-radio-group>
                                         </el-form-item>
                                     </el-form>
@@ -114,17 +124,20 @@
                                 <el-form ref="form" :model="formFhcs" label-width="120px">
                                     <el-form-item label="舆论管控">
                                         <el-radio-group v-model="formFhcs.ylgkRadio">
-                                            <el-radio v-for="(item,index) in FhcsList.ylgk" :label="item" :key="index">{{item}}</el-radio>
+                                            <el-radio v-for="(item, index) in FhcsList.ylgk" :label="item"
+                                                :key="index">{{ item }}</el-radio>
                                         </el-radio-group>
                                     </el-form-item>
                                     <el-form-item label="法理应对">
                                         <el-radio-group v-model="formFhcs.flydRadio">
-                                            <el-radio v-for="(item,index) in FhcsList.flyd" :label="item" :key="index">{{item}}</el-radio>
+                                            <el-radio v-for="(item, index) in FhcsList.flyd" :label="item"
+                                                :key="index">{{ item }}</el-radio>
                                         </el-radio-group>
                                     </el-form-item>
                                     <el-form-item label="心理防护">
                                         <el-radio-group v-model="formFhcs.xlfhRadio">
-                                            <el-radio v-for="(item,index) in FhcsList.xlfh" :label="item" :key="index">{{item}}</el-radio>
+                                            <el-radio v-for="(item, index) in FhcsList.xlfh" :label="item"
+                                                :key="index">{{ item }}</el-radio>
                                         </el-radio-group>
 
                                     </el-form-item>
@@ -134,16 +147,16 @@
                         </div>
                     </div>
                     <!-- 处置预警 -->
-                    <div class="jczc-czyj" v-else-if="choiceIndex==3||choiceIndex==4">
+                    <div class="jczc-czyj" v-else-if="choiceIndex == 3 || choiceIndex == 4">
                         <div class="czyj-content">
                             <div class="title">措施建议</div>
                             <div class="content-result">
                                 <ul>
-                                    <li v-for="(item,index) in csjyList">
-                                        <el-tag type="danger" effect="dark" size="mini">{{item.country}}</el-tag>
+                                    <li v-for="(item, index) in csjyList">
+                                        <el-tag type="danger" effect="dark" size="mini">{{ item.country }}</el-tag>
                                         <!-- <span v-for="item1 in item.data">{{item1.content}}</span> -->
                                         <ul>
-                                            <li v-for="(item1,index1) in item.data">
+                                            <li v-for="(item1, index1) in item.data">
                                                 <el-input v-model="item1.content"></el-input>
                                             </li>
                                         </ul>
@@ -155,12 +168,12 @@
                             <div class="result-cpjy">
                                 <div class="title">产品建议</div>
                                 <div class="cpjy-content">
-                                    <div class="content-content" v-for="(item,index) in cpjyObjList">
-                                        <div class="country">{{item.country}}</div>
+                                    <div class="content-content" v-for="(item, index) in cpjyObjList">
+                                        <div class="country">{{ item.country }}</div>
                                         <div class="content-result">
                                             <div class="content-title">议题设置</div>
                                             <ul>
-                                                <li v-for="(item1,index1) in item.data">
+                                                <li v-for="(item1, index1) in item.data">
                                                     <!-- <span v-text="item1.issues"></span> -->
                                                     <el-input v-model="item1.issues"></el-input>
                                                 </li>
@@ -169,7 +182,7 @@
                                         <div class="content-result">
                                             <div class="content-title">发布口径</div>
                                             <ul>
-                                                <li v-for="(item1,index1) in item.data">
+                                                <li v-for="(item1, index1) in item.data">
                                                     <!-- <span v-text="item1.cal"></span> -->
                                                     <el-input v-model="item1.cal"></el-input>
                                                 </li>
@@ -178,7 +191,7 @@
                                         <div class="content-result">
                                             <div class="content-title">产品推送</div>
                                             <ul>
-                                                <li v-for="(item1,index1) in item.data">
+                                                <li v-for="(item1, index1) in item.data">
                                                     <!-- <span v-text="item1.productDelivery"></span> -->
                                                     <el-input v-model="item1.productDelivery"></el-input>
                                                 </li>
@@ -196,11 +209,11 @@
                 <span slot="label"><i class="el-icon-s-claim"></i> 预案列表</span>
                 <div class="search">
                     <el-input v-model="yaName"></el-input>
-                    <div class="button-delete" v-if="multipleSelection.length>0" @click="deleteYa()">删除</div>
+                    <div class="button-delete" v-if="multipleSelection.length > 0" @click="deleteYa()">删除</div>
                     <div class="button-search" @click="search()">搜索</div>
                 </div>
                 <div class="searchResult">
-                    <el-table :data="yaList" ref="multipleTable" @selection-change="handleSelectionChange" style="width: 100%;" height="calc(100% - 60px)" :header-cell-style="{color:'#ffffffc7',fontSize:'14px',background:'#263b5d'}" :row-style="{color:'#ffffffc7',fontSize:'14px',background:'#1d2d46'}">
+                    <el-table :data="yaList" ref="multipleTable" @selection-change="handleSelectionChange">
                         <el-table-column type="selection" width="55">
                         </el-table-column>
                         <el-table-column prop="content" label="内容" show-overflow-tooltip>
@@ -211,13 +224,15 @@
                         </el-table-column>
                         <el-table-column label="操作" align="center" width="200">
                             <template slot-scope="scope">
-                                <el-button size="mini" @click="exportResult(scope.row)" type="primary" >导出</el-button>
+                                <el-button size="mini" @click="exportResult(scope.row)" type="primary">导出</el-button>
                                 <el-button size="mini" @click="viewResult(scope.row)">查看详情</el-button>
                             </template>
                         </el-table-column>
                     </el-table>
                     <div class="pagination-div">
-                        <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" :page-size="yaObj.everySize" :current-page="yaObj.currentPage" :total="yaObj.total" @current-change="handleCurrentChange" :page-sizes="[10, 20,50,100]">
+                        <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
+                            @size-change="handleSizeChange" :page-size="yaObj.everySize" :current-page="yaObj.currentPage"
+                            :total="yaObj.total" @current-change="handleCurrentChange" :page-sizes="[10, 20, 50, 100]">
                         </el-pagination>
                     </div>
                 </div>
@@ -228,8 +243,8 @@
                 <div class="czjy-title">分析研判</div>
                 <div class="czjy-result">
                     <ul>
-                        <li v-for="(item,index) in yaxqObj.fxyp">
-                            <span>{{item}}</span>
+                        <li v-for="(item, index) in yaxqObj.fxyp">
+                            <span>{{ item }}</span>
                         </li>
                     </ul>
                 </div>
@@ -238,11 +253,11 @@
                 <div class="czjy-title">措施建议</div>
                 <div class="czjy-result">
                     <ul>
-                        <li v-for="(item,index) in yaxqObj.csjy">
-                            <el-tag type="danger" effect="dark" size="mini">{{item.country}}</el-tag>
+                        <li v-for="(item, index) in yaxqObj.csjy">
+                            <el-tag type="danger" effect="dark" size="mini">{{ item.country }}</el-tag>
                             <ul>
                                 <li v-for="item1 in item.data">
-                                    <span>{{item1.content}}</span>
+                                    <span>{{ item1.content }}</span>
                                 </li>
                             </ul>
                         </li>
@@ -252,12 +267,12 @@
             <div class="cpjy">
                 <div class="cpjy-title">产品建议</div>
                 <div class="cpjy-result">
-                    <div class="result-content" v-for="(item,index) in yaxqObj.cpjy">
-                        <div class="country">{{item.country}}</div>
+                    <div class="result-content" v-for="(item, index) in yaxqObj.cpjy">
+                        <div class="country">{{ item.country }}</div>
                         <div class="content-result">
                             <div class="content-title">议题设置</div>
                             <ul>
-                                <li v-for="(item1,index1) in item.data">
+                                <li v-for="(item1, index1) in item.data">
                                     <span v-text="item1.issues"></span>
                                 </li>
                             </ul>
@@ -265,7 +280,7 @@
                         <div class="content-result">
                             <div class="content-title">发布口径</div>
                             <ul>
-                                <li v-for="(item1,index1) in item.data">
+                                <li v-for="(item1, index1) in item.data">
                                     <span v-text="item1.cal"></span>
                                 </li>
                             </ul>
@@ -273,7 +288,7 @@
                         <div class="content-result">
                             <div class="content-title">产品推送</div>
                             <ul>
-                                <li v-for="(item1,index1) in item.data">
+                                <li v-for="(item1, index1) in item.data">
                                     <span v-text="item1.productDelivery"></span>
                                 </li>
                             </ul>
@@ -368,8 +383,8 @@ export default {
                 csjy: [],
                 cpjy: []
             },
-            obj_scya:{},
-            type_show:true,
+            obj_scya: {},
+            type_show: true,
         }
     },
     methods: {
@@ -532,7 +547,7 @@ export default {
         visibleFhcs() {
             this.visibleForm = this.visibleForm == false ? true : false;
         },
-        scya(){
+        scya() {
             saveResult(this.obj_scya).then(res => {
                 if (res == 1) {
                     this.$message.success('生成成功！');
@@ -545,7 +560,7 @@ export default {
         //生成预案
         createYa() {
             this.type_show = true;
-            let obj = { content: this.importText, result: JSON.stringify({ csjy: this.csjyList, cpjy: this.cpjyObjList,fxyp: this.resultListFxyp }) };
+            let obj = { content: this.importText, result: JSON.stringify({ csjy: this.csjyList, cpjy: this.cpjyObjList, fxyp: this.resultListFxyp }) };
             this.obj_scya = obj;
             this.dialogVisible = true;
             this.yaxqObj = JSON.parse(obj.result);
@@ -605,7 +620,7 @@ export default {
             this.dialogVisible = true;
             this.yaxqObj = JSON.parse(row.result);
         },
-        exportResult(item){
+        exportResult(item) {
             fileDownload("api/rest/decision/exportResult?id=" + item.id, '决策支持', 'doc');
         },
         handleClose(done) {
@@ -623,15 +638,15 @@ export default {
         //查询国家
         queryCountry().then(res => {
             this.dsqkOption = res;
-        }).then((res)=>{
+        }).then((res) => {
             this.search();
         })
-        .catch((err)=>{
+            .catch((err) => {
                 this.$message.warning(err.msg);
             })
-        if(this.$route.params.selectText){
+        if (this.$route.params.selectText) {
             this.importText = this.$route.params.selectText
-        }else{
+        } else {
             this.importText = "";
         }
     }
@@ -645,6 +660,7 @@ export default {
     padding: 20px 30px 10px 30px;
     box-sizing: border-box;
     overflow-y: auto;
+
     .el-tabs--border-card {
         width: calc(100% - 4px);
         height: calc(100% - 4px);
@@ -652,36 +668,44 @@ export default {
         border-radius: 5px;
         box-sizing: border-box;
         background: #ffffff00;
+
         .el-tabs__header {
             background-color: unset;
             border-bottom: 2px solid #125473;
+
             .el-tabs__item {
                 color: #dedede;
             }
+
             .el-tabs__item.is-active {
                 color: #ffe000;
                 background-color: #116791;
                 border-right-color: #116791;
                 border-left-color: #116791;
             }
+
             .el-tabs__item:not(.is-disabled):hover {
                 color: #ffe000;
             }
         }
+
         .el-tabs__content {
             height: calc(100% - 42px);
             box-sizing: border-box;
         }
     }
+
     .left-jczc {
         width: 230px;
         height: 100%;
         padding: 10px 10px;
         float: left;
         box-sizing: border-box;
+
         ul {
             padding: 0px;
             list-style: none;
+
             li {
                 height: 35px;
                 line-height: 30px;
@@ -690,11 +714,13 @@ export default {
                 text-align: center;
                 background-image: url(../../assets/img/fzjc/1.png);
                 background-size: 100% 100%;
+
                 &:hover {
                     color: #0dada7;
                     cursor: pointer;
                 }
             }
+
             .active {
                 color: #0dada7;
                 background-image: url(../../assets/img/fzjc/2.png);
@@ -702,6 +728,7 @@ export default {
             }
         }
     }
+
     .right-jczc {
         width: calc(100% - 230px);
         height: 100%;
@@ -709,22 +736,27 @@ export default {
         border: 1px solid #146a80 !important;
         box-shadow: 0 0 10px #1b6097;
         box-sizing: border-box;
+
         //情况导入
         .jczc-qkdr {
             width: 100%;
             height: 100%;
             padding: 10px;
             box-sizing: border-box;
+
             .qkdr-content {
                 width: 100%;
                 height: 60%;
+
                 .left-content {
                     width: 90%;
                     height: 100%;
                     float: left;
+
                     .el-textarea {
                         width: 100%;
                         height: 100% !important;
+
                         textarea {
                             height: 100% !important;
                             color: white !important;
@@ -734,9 +766,11 @@ export default {
                         }
                     }
                 }
+
                 .right-content {
                     width: 10%;
                     float: left;
+
                     .button-import {
                         width: 100px;
                         height: 30px;
@@ -749,16 +783,19 @@ export default {
                         background-image: url(../../assets/img/fzjc/4.png);
                         background-repeat: no-repeat;
                         background-size: 100% 100%;
+
                         &:hover {
                             color: #146a80;
                         }
                     }
                 }
             }
+
             .qkdr-result {
                 width: 100%;
                 height: calc(40% - 70px);
                 margin-top: 20px;
+
                 .left-result {
                     width: 90%;
                     height: 100%;
@@ -768,6 +805,7 @@ export default {
                     border-radius: 5px;
                     box-sizing: border-box;
                     overflow-y: auto;
+
                     .cardResult {
                         // min-width: 100px;
                         font-size: 13px;
@@ -783,7 +821,9 @@ export default {
                         background-image: url(../../assets/img/fzjc/5.png);
                         background-repeat: no-repeat;
                         background-size: 100% 100%;
+
                         .el-input {
+
                             // width: 60%;
                             // width: 100px;
                             input {
@@ -793,28 +833,34 @@ export default {
                                 border: none;
                             }
                         }
+
                         .el-icon-error {
                             float: right;
+
                             &:hover {
                                 color: red;
                                 cursor: pointer;
                             }
                         }
                     }
+
                     .el-icon-circle-plus {
                         float: left;
                         margin-top: 25px;
                         margin-left: 20px;
                         color: green;
                         cursor: pointer;
+
                         &:hover {
                             color: #146a80;
                         }
                     }
                 }
+
                 .right-result {
                     width: 10%;
                     float: left;
+
                     .button-edit {
                         width: 100px;
                         height: 30px;
@@ -827,12 +873,14 @@ export default {
                         background-image: url(../../assets/img/fzjc/4.png);
                         background-repeat: no-repeat;
                         background-size: 100% 100%;
+
                         &:hover {
                             color: #146a80;
                         }
                     }
                 }
             }
+
             .button-create {
                 width: 100px;
                 height: 30px;
@@ -846,20 +894,24 @@ export default {
                 background-image: url(../../assets/img/fzjc/6.png);
                 background-repeat: no-repeat;
                 background-size: 100% 100%;
+
                 &:hover {
                     color: #146a80;
                 }
             }
         }
+
         //分析研判
         .jczc-fxyp {
             width: 100%;
             height: 100%;
             padding: 10px;
             box-sizing: border-box;
+
             .fxyp-content {
                 width: 100%;
                 height: 60%;
+
                 .left-content {
                     width: 90%;
                     height: 100%;
@@ -867,18 +919,21 @@ export default {
                     border: 1px solid #146a80 !important;
                     border-radius: 5px;
                     box-sizing: border-box;
+
                     .el-form {
                         width: 80%;
                         height: 96%;
                         margin-left: 10%;
                         position: relative;
                         top: 2%;
+
                         .el-form-item {
                             width: 100%;
                             height: calc(100% / 6 - 20px);
                             float: left;
                             margin-top: 20px;
                             margin-bottom: 0px !important;
+
                             .el-form-item__label {
                                 height: 100%;
                                 padding: 0.5% 12px !important;
@@ -888,6 +943,7 @@ export default {
                                 background-image: url(../../assets/img/fzjc/7.png);
                                 background-size: 100% 100%;
                             }
+
                             .el-form-item__content {
                                 height: 100%;
                                 padding: 0.5% 30px;
@@ -895,6 +951,7 @@ export default {
                                 box-sizing: border-box;
                                 background-image: url(../../assets/img/fzjc/8.png);
                                 background-size: 100% 100%;
+
                                 .el-radio {
                                     width: calc(100% / 3 - 50px);
                                     margin-top: 1.7%;
@@ -904,12 +961,15 @@ export default {
                                     // top: calc(50% - 7.6px);
                                     color: white;
                                     text-align: center;
+
                                     .el-radio__input {
                                         vertical-align: bottom;
                                     }
                                 }
+
                                 .el-select {
                                     width: 100%;
+
                                     input {
                                         border: none;
                                         background: none;
@@ -919,9 +979,11 @@ export default {
                         }
                     }
                 }
+
                 .right-content {
                     width: 10%;
                     float: left;
+
                     .button-create {
                         width: 100px;
                         height: 30px;
@@ -934,16 +996,19 @@ export default {
                         background-image: url(../../assets/img/fzjc/4.png);
                         background-repeat: no-repeat;
                         background-size: 100% 100%;
+
                         &:hover {
                             color: #146a80;
                         }
                     }
                 }
             }
+
             .fxyp-result {
                 width: 100%;
                 height: calc(40% - 70px);
                 margin-top: 20px;
+
                 .left-result {
                     width: 90%;
                     height: 100%;
@@ -953,6 +1018,7 @@ export default {
                     border-radius: 5px;
                     box-sizing: border-box;
                     overflow-y: auto;
+
                     .cardResult {
                         // min-width: 100px;
                         height: 30px;
@@ -972,7 +1038,9 @@ export default {
                         background-image: url(../../assets/img/fzjc/9.png);
                         background-repeat: no-repeat;
                         background-size: 100% 100%;
+
                         .el-input {
+
                             // width: 60%;
                             // width: 100px;
                             input {
@@ -982,7 +1050,9 @@ export default {
                                 border: none;
                             }
                         }
+
                         .el-icon-error {
+
                             // float: right;
                             &:hover {
                                 color: red;
@@ -990,20 +1060,24 @@ export default {
                             }
                         }
                     }
+
                     .el-icon-circle-plus {
                         float: left;
                         margin-top: 25px;
                         margin-left: 20px;
                         color: green;
                         cursor: pointer;
+
                         &:hover {
                             color: #146a80;
                         }
                     }
                 }
+
                 .right-result {
                     width: 10%;
                     float: left;
+
                     .button-edit {
                         width: 100px;
                         height: 30px;
@@ -1016,12 +1090,14 @@ export default {
                         background-image: url(../../assets/img/fzjc/4.png);
                         background-repeat: no-repeat;
                         background-size: 100% 100%;
+
                         &:hover {
                             color: #146a80;
                         }
                     }
                 }
             }
+
             .button-nextStep {
                 width: 100px;
                 height: 30px;
@@ -1035,17 +1111,20 @@ export default {
                 background-image: url(../../assets/img/fzjc/4.png);
                 background-repeat: no-repeat;
                 background-size: 100% 100%;
+
                 &:hover {
                     color: #146a80;
                 }
             }
         }
+
         //处置原则
         .jczc-czyz {
             width: 100%;
             height: 100%;
             padding: 20px;
             box-sizing: border-box;
+
             .czyz-content {
                 width: 100%;
                 height: 60%;
@@ -1053,10 +1132,12 @@ export default {
                 border: 1px solid #146a80 !important;
                 border-radius: 5px;
                 box-sizing: border-box;
+
                 .content-top {
                     width: 80%;
                     height: 40px;
                     margin: auto;
+
                     span {
                         width: 120px;
                         float: left;
@@ -1065,12 +1146,15 @@ export default {
                         color: white;
                         background: none;
                     }
+
                     div {
                         cursor: pointer;
+
                         &:first-child {
                             margin-left: 50px;
                         }
                     }
+
                     .choice {
                         width: 100px;
                         height: 30px;
@@ -1082,6 +1166,7 @@ export default {
                         background-image: url(../../assets/img/fzjc/10.png);
                         background-size: 100% 100%;
                     }
+
                     .choiceBg {
                         width: 100px;
                         height: 40px;
@@ -1094,6 +1179,7 @@ export default {
                         background-size: 100% 100%;
                     }
                 }
+
                 .content-bottom {
                     width: 80%;
                     height: calc(100% - 80px);
@@ -1102,17 +1188,20 @@ export default {
                     border: 3px dotted #146a80;
                     border-radius: 10px;
                     box-sizing: border-box;
+
                     .el-form {
                         width: 80%;
                         height: 96%;
                         margin-left: 10%;
                         position: relative;
                         top: 2%;
+
                         .el-form-item {
                             width: 100%;
                             float: left;
                             margin-top: 20px;
                             margin-bottom: 0px !important;
+
                             .el-form-item__label {
                                 color: white;
                                 text-align: center;
@@ -1120,12 +1209,15 @@ export default {
                                 background-image: url(../../assets/img/fzjc/12.png);
                                 background-size: 100% 100%;
                             }
+
                             .el-form-item__content {
                                 padding: 10px 30px;
                                 color: white;
                                 box-sizing: border-box;
+
                                 .el-radio-group {
                                     width: 100%;
+
                                     .el-radio {
                                         width: calc(100% / 3 - 50px);
                                         height: 40px;
@@ -1133,9 +1225,11 @@ export default {
                                         margin-right: 0px !important;
                                         color: white;
                                         text-align: center;
+
                                         .el-radio__input {
                                             vertical-align: baseline;
                                         }
+
                                         .el-radio__label {
                                             font-size: 16px;
                                         }
@@ -1145,6 +1239,7 @@ export default {
                         }
                     }
                 }
+
                 .el-tabs--border-card {
                     height: calc(100% - 37px);
                     margin-top: 18px;
@@ -1152,33 +1247,39 @@ export default {
                     border-radius: 5px;
                     background: #ffffff00;
 
-                    > .el-tabs__header {
+                    >.el-tabs__header {
                         background-color: unset;
                         border-bottom: 2px solid #125473;
+
                         .el-tabs__item {
                             color: #dedede;
                         }
+
                         .el-tabs__item.is-active {
                             color: #ffe000;
                             background-color: #116791;
                             border-right-color: #116791;
                             border-left-color: #116791;
                         }
+
                         .el-tabs__item:not(.is-disabled):hover {
                             color: #ffe000;
                         }
                     }
+
                     .el-tab-pane {
                         .el-form {
                             width: 80%;
                             height: calc(100% - 70px);
                             margin-left: 10%;
                             position: relative;
+
                             .el-form-item {
                                 width: 100%;
                                 float: left;
                                 margin-top: 20px;
                                 margin-bottom: 0px !important;
+
                                 .el-form-item__label {
                                     color: white;
                                     text-align: center;
@@ -1186,12 +1287,15 @@ export default {
                                     background-image: url(../../assets/img/fzjc/12.png);
                                     background-size: 100% 100%;
                                 }
+
                                 .el-form-item__content {
                                     padding: 10px 30px;
                                     color: white;
                                     box-sizing: border-box;
+
                                     .el-radio-group {
                                         width: 100%;
+
                                         .el-radio {
                                             width: calc(100% / 3 - 50px);
                                             height: 40px;
@@ -1199,9 +1303,11 @@ export default {
                                             margin-right: 0px !important;
                                             color: white;
                                             text-align: center;
+
                                             .el-radio__input {
                                                 vertical-align: bottom;
                                             }
+
                                             .el-radio__label {
                                                 font-size: 16px;
                                             }
@@ -1213,10 +1319,12 @@ export default {
                     }
                 }
             }
+
             .czyz-result {
                 width: 100%;
                 height: calc(40% - 20px);
                 margin-top: 20px;
+
                 .title {
                     width: 100px;
                     height: 30px;
@@ -1229,6 +1337,7 @@ export default {
                     background-repeat: no-repeat;
                     background-size: 100% 100%;
                 }
+
                 .result-content {
                     width: 80%;
                     height: calc(100% - 100px);
@@ -1237,17 +1346,20 @@ export default {
                     border: 3px dotted #146a80;
                     border-radius: 10px;
                     box-sizing: border-box;
+
                     .el-form {
                         width: 80%;
                         height: 100%;
                         margin-left: 10%;
                         position: relative;
+
                         .el-form-item {
                             width: 100%;
                             height: calc(100% / 3 - 10px);
                             float: left;
                             margin-top: 10px;
                             margin-bottom: 0px !important;
+
                             .el-form-item__label {
                                 color: white;
                                 text-align: center;
@@ -1255,21 +1367,26 @@ export default {
                                 background-image: url(../../assets/img/fzjc/12.png);
                                 background-size: 100% 100%;
                             }
+
                             .el-form-item__content {
                                 padding: 10px 30px;
                                 color: white;
                                 box-sizing: border-box;
+
                                 .el-radio-group {
                                     width: 100%;
+
                                     .el-radio {
                                         width: calc(100% / 3 - 50px);
                                         margin-left: 30px;
                                         margin-right: 0px !important;
                                         color: white;
                                         text-align: center;
+
                                         .el-radio__input {
                                             vertical-align: baseline;
                                         }
+
                                         .el-radio__label {
                                             font-size: 16px;
                                         }
@@ -1279,6 +1396,7 @@ export default {
                         }
                     }
                 }
+
                 .button-create {
                     width: 100px;
                     height: 30px;
@@ -1292,24 +1410,28 @@ export default {
                     background-image: url(../../assets/img/fzjc/4.png);
                     background-repeat: no-repeat;
                     background-size: 100% 100%;
+
                     &:hover {
                         color: #146a80;
                     }
                 }
             }
         }
+
         //处置预警
         .jczc-czyj {
             width: 100%;
             height: 100%;
             padding: 10px;
             box-sizing: border-box;
+
             .czyj-content {
                 width: 100%;
                 height: 40%;
                 border: 1px solid #146a80 !important;
                 border-radius: 10px;
                 box-sizing: border-box;
+
                 .title {
                     width: 150px;
                     height: 40px;
@@ -1324,6 +1446,7 @@ export default {
                     background-repeat: no-repeat;
                     background-size: 100% 100%;
                 }
+
                 .content-result {
                     width: 96%;
                     height: calc(100% - 60px);
@@ -1331,6 +1454,7 @@ export default {
                     margin-top: 10px;
                     margin-left: 2%;
                     overflow-y: auto;
+
                     ul {
                         li {
                             width: 100%;
@@ -1341,6 +1465,7 @@ export default {
                             border-bottom: 1px solid #146a80;
                             box-sizing: border-box;
                             list-style: none;
+
                             .el-tag {
                                 margin-right: 20px;
                             }
@@ -1358,6 +1483,7 @@ export default {
                     }
                 }
             }
+
             .czyj-result {
                 width: 100%;
                 height: calc(60% - 70px);
@@ -1365,9 +1491,11 @@ export default {
                 border: 1px solid #146a80 !important;
                 border-radius: 10px;
                 box-sizing: border-box;
+
                 .result-cpjy {
                     width: 100%;
                     height: 100%;
+
                     .title {
                         width: 150px;
                         height: 40px;
@@ -1381,15 +1509,18 @@ export default {
                         background-repeat: no-repeat;
                         background-size: 100% 100%;
                     }
+
                     .cpjy-content {
                         width: 100%;
                         height: calc(100% - 70px);
                         margin-top: 20px;
                         overflow-y: auto;
+
                         .content-content {
                             width: 100%;
                             height: 100%;
                             margin-bottom: 20px;
+
                             .country {
                                 width: 98%;
                                 height: 30px;
@@ -1399,6 +1530,7 @@ export default {
                                 text-align: center;
                                 background: #274b71;
                             }
+
                             .content-title {
                                 width: 150px;
                                 height: 30px;
@@ -1408,6 +1540,7 @@ export default {
                                 border-radius: 10px;
                                 text-align: center;
                             }
+
                             ul {
                                 li {
                                     width: 100%;
@@ -1431,6 +1564,7 @@ export default {
                     }
                 }
             }
+
             .button-create {
                 width: 100px;
                 height: 30px;
@@ -1444,6 +1578,7 @@ export default {
                 background-image: url(../../assets/img/fzjc/4.png);
                 background-repeat: no-repeat;
                 background-size: 100% 100%;
+
                 &:hover {
                     color: #146a80;
                 }
@@ -1455,9 +1590,11 @@ export default {
         width: 100%;
         height: 50px;
         text-align: right;
+
         .el-input {
             width: 200px;
             margin-right: 15px;
+
             input {
                 height: 30px;
                 color: white;
@@ -1465,10 +1602,12 @@ export default {
                 border: 1px solid #146a80 !important;
                 box-shadow: 0 0 10px #1b6097;
             }
+
             .el-input__icon {
                 line-height: 30px;
             }
         }
+
         .button-search {
             width: 100px;
             height: 30px;
@@ -1482,6 +1621,7 @@ export default {
             background-repeat: no-repeat;
             background-size: 100% 100%;
         }
+
         .button-delete {
             width: 100px;
             height: 30px;
@@ -1501,49 +1641,99 @@ export default {
         width: 100%;
         height: calc(100% - 50px);
         overflow-y: auto;
+
         .el-table--enable-row-hover {
             .el-table__body tr {
-                &:hover > td {
+                &:hover>td {
                     background-color: #82848a78 !important;
                 }
             }
         }
+
         .el-table {
-            background-color: transparent !important;
-            .el-table__header-wrapper {
             width: 100%;
-                height: 48px;
+            height: calc(100% - 60px);
         }
-            .el-table__body-wrapper {
-                width: 100%;
-                height: calc(100% - 48px);
+
+        .el-table tr {
+            background-color: transparent !important;
+            color: #ffffffc7;
+        }
+
+        .el-table thead tr {
+            height: 40px;
+            background: url(../../assets/img/setting/tr1.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .el-table th {
+            background-color: transparent;
+        }
+
+        tbody tr {
+            border-bottom: 1px solid #252631;
+        }
+
+        .el-table td {
+            border-bottom: 1px solid #252631;
+            border-right: unset;
         }
-            th.is-leaf {
-                border-bottom: 1px solid #185066;
+
+        .el-table--enable-row-hover .el-table__body tr:hover>td {
+            background-color: #82848a78;
+        }
+
+        .el-table th {
+            border: unset;
+            // background-color: #263b5d !important;
         }
-            .gutter {
-                background-color: #263b5d;
+
+        .el-table--fit {
+            background: none !important;
+            border: unset;
         }
-            &::before {
-                display: none;
+
+        .el-icon-delete-solid {
+            color: red;
+            cursor: pointer;
+            font-size: 18px;
+        }
+
+        .el-icon-edit {
+            color: #1172d8;
+            cursor: pointer;
+            font-size: 20px;
         }
-            td {
-                border-bottom: 1px solid #185066;
+
+        .el-icon-view {
+            color: #00ffff;
+            font-size: 20px;
+            cursor: pointer;
         }
+
+        .el-table--group::after,
+        .el-table--border::after,
+        .el-table::before {
+            background-color: unset;
         }
+
         .pagination-div {
             width: 100%;
             height: 50px;
+
             .el-pagination {
                 margin-top: 9px;
                 text-align: right;
+
                 .el-pagination__total {
                     color: white;
                 }
+
                 .el-pagination__jump {
                     color: white;
                 }
             }
+
             .myPagination.is-background .el-pager li:not(.disabled).active {
                 color: #fff;
                 border: 1px solid #146a80;
@@ -1556,6 +1746,7 @@ export default {
     .yaxq {
         width: 100%;
         height: 100%;
+
         .czjy {
             width: 100%;
             max-height: 30%;
@@ -1564,6 +1755,7 @@ export default {
             border-radius: 10px;
             box-sizing: border-box;
             overflow-y: auto;
+
             .czjy-title {
                 width: 150px;
                 height: 40px;
@@ -1579,12 +1771,14 @@ export default {
                 background-repeat: no-repeat;
                 background-size: 100% 100%;
             }
+
             .czjy-result {
                 width: 96%;
                 float: left;
                 margin-top: 10px;
                 margin-left: 2%;
                 overflow-y: auto;
+
                 ul {
                     li {
                         width: 100%;
@@ -1596,6 +1790,7 @@ export default {
                         color: white;
                         box-sizing: border-box;
                         list-style: none;
+
                         .el-tag {
                             margin-right: 20px;
                         }
@@ -1607,6 +1802,7 @@ export default {
                 }
             }
         }
+
         .cpjy {
             width: 100%;
             height: calc(60% - 70px);
@@ -1616,6 +1812,7 @@ export default {
             border: 1px solid #146a80 !important;
             border-radius: 10px;
             box-sizing: border-box;
+
             .cpjy-title {
                 width: 150px;
                 height: 40px;
@@ -1630,14 +1827,17 @@ export default {
                 background-repeat: no-repeat;
                 background-size: 100% 100%;
             }
+
             .cpjy-result {
                 width: 100%;
                 height: calc(100% - 80px);
                 margin-top: 20px;
                 overflow-y: auto;
+
                 .result-content {
                     width: 100%;
                     margin-bottom: 20px;
+
                     .country {
                         width: 98%;
                         height: 30px;
@@ -1648,6 +1848,7 @@ export default {
                         text-align: center;
                         background: #274b71;
                     }
+
                     .content-title {
                         width: 150px;
                         height: 30px;
@@ -1658,6 +1859,7 @@ export default {
                         border-radius: 10px;
                         text-align: center;
                     }
+
                     ul {
                         li {
                             width: 100%;
@@ -1675,5 +1877,4 @@ export default {
             }
         }
     }
-}
-</style>
\ No newline at end of file
+}</style>
\ No newline at end of file

src/view/home.vue

@@ -273,14 +273,8 @@ export default {
         noteNum() {
             return this.$store.getters.noteNum;
         },
-        activeIndex: {
-            get() {
+        activeIndex() {
             return this.$store.getters.activeIndex;
-            },
-            set() {
-
-            }
-
         }
     },
     created() {

src/view/homepage.vue

@@ -66,7 +66,13 @@ export default {
                     { id: 5, title: '学习训练模块', eg: 'Learning And Training Module' },
                     { id: 6, title: '新技术实验模块', eg: 'New Technology Experiment Module' },
                 ]
-            }
+            },
+            line1:null,
+            line2:null,
+            line3:null,
+            line4:null,
+            line5:null,
+            line6:null
         }
     },
     methods: {
@@ -105,32 +111,32 @@ export default {
                 startSocket:'left',
                 endSocket:'right'
             }
-            new LeaderLine( {
+            this.line1 = new LeaderLine( {
                 ...styleOption1,
                 start:document.getElementById('left0'),
                 end:document.getElementById('left11'),
             });
-            new LeaderLine( {
+            this.line2 = new LeaderLine( {
                 ...styleOption1,
                 start:document.getElementById('left1'),
                 end:document.getElementById('left22'),
             });
-            new LeaderLine( {
+            this.line3 = new LeaderLine( {
                 ...styleOption1,
                 start:document.getElementById('left2'),
                 end:document.getElementById('left33'),
             });
-            new LeaderLine( {
+            this.line4 = new LeaderLine( {
                 ...styleOption2,
                 start:document.getElementById('right0'),
                 end:document.getElementById('right11'),
             });
-            new LeaderLine( {
+            this.line5 = new LeaderLine( {
                 ...styleOption2,
                 start:document.getElementById('right1'),
                 end:document.getElementById('right22'),
             });
-            new LeaderLine( {
+            this.line6 = new LeaderLine( {
                 ...styleOption2,
                 start:document.getElementById('right2'),
                 end:document.getElementById('right33'),

src/view/xxxl/llkh.vue

@@ -13,11 +13,7 @@
       <div class="bottom-div">
         <div class="table-div">
           <el-table :data="tableData" height="100%" border style="width: 100%">
-            <el-table-column
-              type="index"
-              width="100"
-              label="序号"
-            ></el-table-column>
+            <el-table-column type="index" width="100" label="序号"></el-table-column>
             <el-table-column prop="name" label="试卷名称"> </el-table-column>
             <el-table-column prop="limitStartTime" label="试卷开启时间">
             </el-table-column>
@@ -26,15 +22,8 @@
             <!-- <el-table-column prop="suggestTime" label="时长（分）"> -->
             <el-table-column label="操作" width="230">
               <template slot-scope="scope">
-                <div
-                  class="lsjl pub-xdzy"
-                  title="历史记录"
-                  @click="ckxq(scope.row)"
-                ></div>
-                <el-button
-                  style="margin-top: 4px; margin-left: 20px"
-                  :type="
-                    scope.row.type == 1
+                <div class="lsjl pub-xdzy" title="历史记录" @click="ckxq(scope.row)"></div>
+                <el-button style="margin-top: 4px; margin-left: 20px" :type="scope.row.type == 1
                     ? 'success'
                     : scope.row.type == 2
                       ? 'info'
@@ -43,12 +32,8 @@
                         : scope.row.type == 4
                           ? 'warning'
                           : ''
-                  "
-                  icon="el-icon-edit-outline"
-                  :disabled="scope.row.type != 1"
-                  size="mini"
-                  @click="mnxl_cli(scope.row)"
-                  >{{
+                  " icon="el-icon-edit-outline" :disabled="scope.row.type != 1" size="mini"
+                  @click="mnxl_cli(scope.row)">{{
                     scope.row.type == 1
                     ? "开始考试"
                     : scope.row.type == 2
@@ -65,29 +50,15 @@
           </el-table>
         </div>
         <div class="page-div">
-          <el-pagination
-            class="myPagination"
-            background
-            layout="total, sizes, prev, pager, next, jumper"
-            @size-change="handleSizeChange"
-            :total="totals"
-            :page-size="pageRow"
-            :current-page="current_page_qw"
-            @current-change="handleCurrentChange_qw"
-            :page-sizes="[10, 20, 50, 100]"
-          >
+          <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
+            @size-change="handleSizeChange" :total="totals" :page-size="pageRow" :current-page="current_page_qw"
+            @current-change="handleCurrentChange_qw" :page-sizes="[10, 20, 50, 100]">
           </el-pagination>
         </div>
       </div>
     </div>
-    <div
-      class="sjtms"
-      v-if="!show_s"
-      element-loading-text="训练题正在生成中,请稍后！！！"
-      element-loading-spinner="el-icon-loading"
-      element-loading-background="rgba(0, 0, 0, 0.8)"
-      v-loading="loading"
-    >
+    <div class="sjtms" v-if="!show_s" element-loading-text="训练题正在生成中,请稍后！！！" element-loading-spinner="el-icon-loading"
+      element-loading-background="rgba(0, 0, 0, 0.8)" v-loading="loading">
       <div class="fh">
         <el-button type="info" @click="kszxs(true)">返回</el-button>
       </div>
@@ -106,8 +77,7 @@
           </div>
           <div class="pub-div">
             <div class="tit-div">
-              <span>（一）单选题</span
-              ><span class="pub-span">{{
+              <span>（一）单选题</span><span class="pub-span">{{
                 "(共" +
                 arr_single.length +
                 "题，每题" +
@@ -122,12 +92,7 @@
                 </div>
                 <div class="xx-div">
                   <div v-for="(items, indexs) in item.content" class="xx-dic">
-                    <el-radio
-                      v-model="item._correct"
-                      :label="items"
-                      :key="indexs"
-                      >{{ items }}</el-radio
-                    >
+                    <el-radio v-model="item._correct" :label="items" :key="indexs">{{ items }}</el-radio>
                   </div>
                 </div>
               </div>
@@ -135,8 +100,7 @@
           </div>
           <div class="pub-div">
             <div class="tit-div">
-              <span>（二）多选题</span
-              ><span class="pub-span">{{
+              <span>（二）多选题</span><span class="pub-span">{{
                 "(共" +
                 arr_multiple.length +
                 "题，每题" +
@@ -151,12 +115,7 @@
                 </div>
                 <div class="xx-div">
                   <div v-for="(items, indexs) in item.content" class="xx-dic">
-                    <el-checkbox
-                      v-model="item._correct"
-                      :label="items"
-                      :key="indexs"
-                      >{{ items }}</el-checkbox
-                    >
+                    <el-checkbox v-model="item._correct" :label="items" :key="indexs">{{ items }}</el-checkbox>
                   </div>
                 </div>
               </div>
@@ -164,8 +123,7 @@
           </div>
           <div class="pub-div">
             <div class="tit-div">
-              <span>（三）判断题</span
-              ><span class="pub-span">{{
+              <span>（三）判断题</span><span class="pub-span">{{
                 "(共" +
                 arr_judge.length +
                 "题，每题" +
@@ -180,12 +138,7 @@
                 </div>
                 <div class="xx-div">
                   <div v-for="(items, indexs) in item.content" class="xx-dic">
-                    <el-radio
-                      v-model="item._correct"
-                      :label="items"
-                      :key="indexs"
-                      >{{ items }}</el-radio
-                    >
+                    <el-radio v-model="item._correct" :label="items" :key="indexs">{{ items }}</el-radio>
                   </div>
                 </div>
               </div>
@@ -197,64 +150,43 @@
         </div>
         <div class="tm_dt" v-if="tab_st == 2">
           <div style="margin-top: 50px">
-            <div
-              style="
+            <div style="
                 text-align: center;
                 color: black;
                 font-size: 20px;
                 font-weight: 700;
-              "
-            >
+              ">
               <span>您好！您此次试题学习训练结果为</span>
-              <span
-                v-text="fraction"
-                style="color: red; font-size: 20px"
-              ></span>
+              <span v-text="fraction" style="color: red; font-size: 20px"></span>
               <span>分</span>
             </div>
-            <div
-              style="
+            <div style="
                 margin-left: calc(50% - 100px);
                 margin-top: 20px;
                 color: black;
-              "
-            >
+              ">
               <div style="margin-top: 10px">
                 <div class="pub_dt_div"><span>单选题：</span></div>
                 <div>
                   <span v-if="dx_fractions == arr_single.length">全部答对</span>
-                  <span v-if="dx_fractions != arr_single.length"
-                    >答对{{ dx_fractions }}道题</span
-                  >
-                  <span v-if="dx_fractions != arr_single.length"
-                    >答错{{ arr_single.length - dx_fractions }}道题</span
-                  >
+                  <span v-if="dx_fractions != arr_single.length">答对{{ dx_fractions }}道题</span>
+                  <span v-if="dx_fractions != arr_single.length">答错{{ arr_single.length - dx_fractions }}道题</span>
                 </div>
               </div>
               <div style="margin-top: 10px">
                 <div class="pub_dt_div"><span>多选题：</span></div>
                 <div>
-                  <span v-if="dxs_fractions == arr_multiple.length"
-                    >全部答对</span
-                  >
-                  <span v-if="dxs_fractions != arr_multiple.length"
-                    >答对{{ dxs_fractions }}道题</span
-                  >
-                  <span v-if="dxs_fractions != arr_multiple.length"
-                    >答错{{ arr_multiple.length - dxs_fractions }}道题</span
-                  >
+                  <span v-if="dxs_fractions == arr_multiple.length">全部答对</span>
+                  <span v-if="dxs_fractions != arr_multiple.length">答对{{ dxs_fractions }}道题</span>
+                  <span v-if="dxs_fractions != arr_multiple.length">答错{{ arr_multiple.length - dxs_fractions }}道题</span>
                 </div>
               </div>
               <div style="margin-top: 10px">
                 <div class="pub_dt_div"><span>判断题：</span></div>
                 <div>
                   <span v-if="pd_fractions == arr_judge.length">全部答对</span>
-                  <span v-if="pd_fractions != arr_judge.length"
-                    >答对{{ pd_fractions }}道题</span
-                  >
-                  <span v-if="pd_fractions != arr_judge.length"
-                    >答错{{ arr_judge.length - pd_fractions }}道题</span
-                  >
+                  <span v-if="pd_fractions != arr_judge.length">答对{{ pd_fractions }}道题</span>
+                  <span v-if="pd_fractions != arr_judge.length">答错{{ arr_judge.length - pd_fractions }}道题</span>
                 </div>
               </div>
             </div>
@@ -266,8 +198,7 @@
         <div class="tm_dt ckda" v-if="tab_st == 3">
           <div class="pub-div">
             <div class="tit-div">
-              <span>（一）单选题</span
-              ><span class="pub-span">{{
+              <span>（一）单选题</span><span class="pub-span">{{
                 "(共" +
                 arr_single.length +
                 "题，每题" +
@@ -278,25 +209,13 @@
             <div class="tm-xx">
               <div v-for="(item, index) in arr_single" class="tm-div">
                 <div>
-                  <i
-                    class="el-icon-check pub_i1"
-                    v-if="item.type == 'true'"
-                  ></i>
-                  <i
-                    class="el-icon-close pub_i2"
-                    v-if="item.type == 'false'"
-                  ></i>
+                  <i class="el-icon-check pub_i1" v-if="item.type == 'true'"></i>
+                  <i class="el-icon-close pub_i2" v-if="item.type == 'false'"></i>
                   <span>{{ index + 1 + ": " + item.title }}</span>
                 </div>
                 <div class="xx-div">
                   <div v-for="(items, indexs) in item.content" class="xx-dic">
-                    <el-radio
-                      disabled
-                      v-model="item._correct"
-                      :label="items"
-                      :key="indexs"
-                      >{{ items }}</el-radio
-                    >
+                    <el-radio disabled v-model="item._correct" :label="items" :key="indexs">{{ items }}</el-radio>
                   </div>
                   <div v-if="item.type == 'false'" class="zqxx">
                     <span style="color: #00e209">正确选项：</span>
@@ -310,8 +229,7 @@
           </div>
           <div class="pub-div">
             <div class="tit-div">
-              <span>（二）多选题</span
-              ><span class="pub-span">{{
+              <span>（二）多选题</span><span class="pub-span">{{
                 "(共" +
                 arr_multiple.length +
                 "题，每题" +
@@ -322,43 +240,25 @@
             <div class="tm-xx">
               <div v-for="(item, index) in arr_multiple" class="tm-div">
                 <div>
-                  <i
-                    class="el-icon-check pub_i1"
-                    v-if="item.type == 'true'"
-                  ></i>
-                  <i
-                    class="el-icon-close pub_i2"
-                    v-if="item.type == 'false'"
-                  ></i>
+                  <i class="el-icon-check pub_i1" v-if="item.type == 'true'"></i>
+                  <i class="el-icon-close pub_i2" v-if="item.type == 'false'"></i>
                   <span>{{ index + 1 + ": " + item.title }}</span>
                 </div>
                 <div class="xx-div">
                   <div v-for="(items, indexs) in item.content" class="xx-dic">
-                    <el-checkbox
-                      disabled
-                      v-model="item._correct"
-                      :label="items"
-                      :key="indexs"
-                      >{{ items }}</el-checkbox
-                    >
+                    <el-checkbox disabled v-model="item._correct" :label="items" :key="indexs">{{ items }}</el-checkbox>
                   </div>
                 </div>
                 <div v-if="item.type == 'false'" class="zqxx">
                   <span style="color: #00e209">正确选项：</span>
-                  <el-checkbox
-                    disabled
-                    v-for="(it, index_it) in item.correct"
-                    :key="index_it"
-                    >{{ it }}</el-checkbox
-                  >
+                  <el-checkbox disabled v-for="(it, index_it) in item.correct" :key="index_it">{{ it }}</el-checkbox>
                 </div>
               </div>
             </div>
           </div>
           <div class="pub-div">
             <div class="tit-div">
-              <span>（三）判断题</span
-              ><span class="pub-span">{{
+              <span>（三）判断题</span><span class="pub-span">{{
                 "(共" +
                 arr_judge.length +
                 "题，每题" +
@@ -369,25 +269,13 @@
             <div class="tm-xx">
               <div v-for="(item, index) in arr_judge" class="tm-div">
                 <div>
-                  <i
-                    class="el-icon-check pub_i1"
-                    v-if="item.type == 'true'"
-                  ></i>
-                  <i
-                    class="el-icon-close pub_i2"
-                    v-if="item.type == 'false'"
-                  ></i>
+                  <i class="el-icon-check pub_i1" v-if="item.type == 'true'"></i>
+                  <i class="el-icon-close pub_i2" v-if="item.type == 'false'"></i>
                   <span>{{ index + 1 + ": " + item.title }}</span>
                 </div>
                 <div class="xx-div">
                   <div v-for="(items, indexs) in item.content" class="xx-dic">
-                    <el-radio
-                      disabled
-                      v-model="item._correct"
-                      :label="items"
-                      :key="indexs"
-                      >{{ items }}</el-radio
-                    >
+                    <el-radio disabled v-model="item._correct" :label="items" :key="indexs">{{ items }}</el-radio>
                   </div>
                 </div>
                 <div v-if="item.type == 'false'" class="zqxx">
@@ -396,9 +284,7 @@
                     item.correct
                   }}</el-radio>
                 </div>
-                <span style="color: #0a8dea" v-if="item.type == 'false'"
-                  >错题正确描述：</span
-                >
+                <span style="color: #0a8dea" v-if="item.type == 'false'">错题正确描述：</span>
                 <span style="color: #0a8dea" v-if="item.type == 'false'">{{
                   item.remark
                 }}</span>
@@ -408,59 +294,29 @@
         </div>
       </div>
     </div>
-    <el-dialog
-      title="历史答题记录"
-      :visible.sync="dialogVisible_lsjl"
-      width="50%"
-      id="_plscs"
-    >
-      <el-button
-        :type="tableData_history.length == 0 ? 'info' : 'primary'"
-        icon="el-icon-download"
-        @click="dowload_lsjl()"
-        :disabled="tableData_history.length == 0"
-        >下载记录</el-button
-      >
+    <el-dialog title="历史答题记录" :visible.sync="dialogVisible_lsjl" width="50%" id="_plscs">
+      <el-button :type="tableData_history.length == 0 ? 'info' : 'primary'" icon="el-icon-download"
+        @click="dowload_lsjl()" :disabled="tableData_history.length == 0">下载记录</el-button>
       <el-table style="width: 100%" class="table-div" :data="tableData_history">
         <el-table-column type="index" label="序号" width="80"></el-table-column>
         <el-table-column prop="userId" label="答题人"></el-table-column>
         <el-table-column prop="score" label="得分" width="80"></el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="答题开始时间"
-        ></el-table-column
-        >ckjl
+        <el-table-column prop="createTime" label="答题开始时间"></el-table-column>ckjl
         <el-table-column prop="endTime" label="答题结束时间"></el-table-column>
         <el-table-column label="操作">
           <template slot-scope="scope">
-            <el-button
-              type="primary"
-              icon="el-icon-s-order"
-              size="mini"
-              @click="ckjl(scope.row)"
-              >详情</el-button
-            >
+            <el-button type="primary" icon="el-icon-s-order" size="mini" @click="ckjl(scope.row)">详情</el-button>
           </template>
         </el-table-column>
       </el-table>
       <div class="page-div">
-        <el-pagination
-          class="myPagination"
-          background
-          layout="total, sizes, prev, pager, next, jumper"
-          @size-change="handleSizeChange_lsjl"
-          :total="totals_lsjl"
-          :page-size="pageRow_lsjl"
-          :current-page="current_page_qw_lsjl"
-          @current-change="query_lsjl"
-          :page-sizes="[10, 20, 50, 100]"
-        >
+        <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange_lsjl" :total="totals_lsjl" :page-size="pageRow_lsjl"
+          :current-page="current_page_qw_lsjl" @current-change="query_lsjl" :page-sizes="[10, 20, 50, 100]">
         </el-pagination>
       </div>
       <span slot="footer" class="dialog-footer">
-        <el-button size="mini" @click="dialogVisible_lsjl = false"
-          >关闭</el-button
-        >
+        <el-button size="mini" @click="dialogVisible_lsjl = false">关闭</el-button>
       </span>
     </el-dialog>
   </div>
@@ -474,7 +330,7 @@ import {
   download,
   isDuringDate,
 } from "../../util/http_util";
-import {} from "../../util/data_util";
+import { } from "../../util/data_util";
 export default {
   data() {
     return {
@@ -986,27 +842,33 @@ export default {
   overflow: hidden;
   background-image: url("../../assets/img/xxxl/01.png");
   background-size: 100% 100%;
+
   .table_lb {
     width: 100%;
     height: 100%;
+
     .top-div {
       width: calc(100% - 40px);
       height: 80px;
       margin-left: 20px;
       margin-right: 20px;
+
       .el-select {
         float: left;
         margin-left: 20px;
         width: 150px !important;
+
         .el-input {
           width: unset !important;
         }
       }
+
       .el-input {
         float: left;
         width: 225px;
         margin-left: 0px;
         margin-top: 30px;
+
         .el-input__inner {
           background: none;
           color: #ffff;
@@ -1014,6 +876,7 @@ export default {
           box-shadow: 0 0 10px #1b6097;
         }
       }
+
       .button-discuss {
         margin-top: 35px;
         width: 100px;
@@ -1028,6 +891,7 @@ export default {
         background-size: 100% 100%;
         margin-left: 20px;
       }
+
       .xjzt-div {
         margin-top: 30px;
         float: right;
@@ -1043,100 +907,127 @@ export default {
         background-size: 100% 100%;
       }
     }
+
     .bottom-div {
       width: calc(100% - 40px);
       height: calc(100% - 115px);
       box-shadow: 0 0 10px #1b6097;
       margin-left: 20px;
       margin-right: 20px;
+
       .table-div {
         width: 100%;
         height: calc(100% - 50px);
         margin-top: 20px;
         margin-left: 0px;
+
         .pub-xdzy {
           width: 35px;
           height: 35px;
           float: left;
           cursor: pointer;
         }
+
         .dt {
           background-image: url(../../assets/img/xxxl/new/dt.png);
           background-repeat: no-repeat;
           background-size: 100% 100%;
         }
+
         .lsjl {
           background-image: url(../../assets/img/xxxl/new/lsjl.png);
           background-repeat: no-repeat;
           background-size: 100% 100%;
         }
+
         .dt:hover {
           background-image: url(../../assets/img/xxxl/new/dt1.png);
         }
+
         .lsjl:hover {
           background-image: url(../../assets/img/xxxl/new/lsjl1.png);
         }
+
         .el-table tr {
-          background-color: #1d2d46 !important;
-          color: #ffffff;
+          background-color: transparent !important;
+          color: #ffffffc7;
         }
-        .el-table .el-table__header-wrapper tr {
-          background-image: url(../../assets/img/flfg/new/4.png);
-          background-repeat: no-repeat;
+
+        .el-table thead tr {
+          height: 40px;
+          background: url(../../assets/img/setting/tr1.png) no-repeat;
           background-size: 100% 100%;
-          box-shadow: 0px 0px 10px #292929;
-          color: #ffffffc7;
-          font-size: 14px;
         }
+
+        .el-table th {
+          background-color: transparent;
+        }
+
+        tbody tr {
+          border-bottom: 1px solid #252631;
+        }
+
         .el-table td {
-          border-bottom: 1px solid #91919170;
+          border-bottom: 1px solid #252631;
           border-right: unset;
         }
-        .el-table--enable-row-hover .el-table__body tr:hover > td {
-          background-color: #82848a00;
+
+        .el-table--enable-row-hover .el-table__body tr:hover>td {
+          background-color: #82848a78;
         }
+
         .el-table th {
           border: unset;
-          background: #ff000000;
+          // background-color: #263b5d !important;
         }
+
         .el-table--fit {
           background: none !important;
           border: unset;
         }
+
         .el-icon-delete-solid {
           color: red;
           cursor: pointer;
           font-size: 18px;
         }
+
         .el-icon-edit {
           color: #1172d8;
           cursor: pointer;
           font-size: 20px;
         }
+
         .el-icon-view {
           color: #00ffff;
           font-size: 20px;
           cursor: pointer;
         }
+
         .el-table--group::after,
         .el-table--border::after,
         .el-table::before {
           background-color: unset;
         }
       }
+
       .page-div {
         width: 100%;
         height: 50px;
+
         .el-pagination {
           margin-top: 9px;
           text-align: right;
+
           .el-pagination__total {
             color: white;
           }
+
           .el-pagination__jump {
             color: white;
           }
         }
+
         .myPagination.is-background .el-pager li:not(.disabled).active {
           color: #fff;
           border: 1px solid #146a80;
@@ -1146,6 +1037,7 @@ export default {
       }
     }
   }
+
   .sjtms {
     width: calc(100% - 60px) !important;
     height: calc(100% - 50px) !important;
@@ -1153,11 +1045,13 @@ export default {
     background-color: white;
     position: relative;
     border-radius: 7px;
+
     .fh {
       position: absolute;
       right: 50px;
       top: 20px;
     }
+
     .pub-class-div {
       width: 80%;
       margin-left: 10%;
@@ -1169,45 +1063,57 @@ export default {
       word-break: break-all;
       white-space: normal;
       line-height: 23px;
+
       .tm_dt {
         width: 100%;
         height: 100%;
+
         .title-class {
           text-align: center;
           color: black;
+
           .title-div {
             font-size: 22px;
             font-weight: 800;
           }
         }
+
         .pub_dt_div {
           width: 70px;
           float: left;
         }
+
         .pub-div {
           .tit-div {
             font-size: 19px;
+
             .pub-span {
               font-size: 13px;
             }
           }
+
           .tm-xx {
             margin-top: 20px;
+
             .tm-div {
               margin-left: 40px;
               margin-right: 30px;
+
               .xx-div {
                 margin-left: 30px;
                 margin-top: 13px;
                 margin-right: 30px;
+
                 .xx-dic {
                   width: 100%;
                   margin-bottom: 20px;
+
                   .el-radio__label {
                     word-break: break-all;
                     white-space: normal;
                     line-height: 23px;
                   }
+
                   .el-checkbox__label {
                     word-break: break-all;
                     white-space: normal;
@@ -1219,30 +1125,36 @@ export default {
           }
         }
       }
+
       .ckda {
         .pub_i1 {
           color: #22ea00;
           font-size: 25px;
         }
+
         .pub_i2 {
           color: red;
           font-size: 25px;
         }
+
         .xx-dic {
           .is-checked {
             .el-radio__label {
               color: #424242;
             }
+
             .el-checkbox__label {
               color: #424242;
             }
           }
         }
+
         .zqxx {
           .is-disabled {
             .el-radio__label {
               color: #22ea00;
             }
+
             .el-checkbox__label {
               color: #22ea00;
             }
@@ -1250,41 +1162,53 @@ export default {
         }
       }
     }
+
     .pub-class-div::-webkit-scrollbar-thumb {
       background: #cccccc;
     }
+
     .pub-class-div::-webkit-scrollbar-track {
       background: #e4e4e4;
     }
   }
+
   .el-dialog {
     .el-dialog__body {
       padding: 0px 10px;
     }
+
     .el-dialog__header {
       text-align: center;
     }
+
     background-color: #1d2d4700 !important;
     background-image: url(../../assets/img/xxxl/new/tk.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
+
     .el-dialog__header {
       padding: 35px 0px 0px;
+
       .el-dialog__headerbtn {
         top: 40px;
       }
     }
+
     .el-dialog__title {
       color: #ffffff;
     }
+
     .el-form-item__label {
       color: #dadada;
     }
+
     .el-dialog__body {
       padding: 25px 25px 0px;
     }
+
     .el-dialog__footer {
       padding: 4px 0px 84px;
+
       .el-button {
         border-radius: 20px;
         background: linear-gradient(to right, #c36a00, #e99e28);
@@ -1292,19 +1216,23 @@ export default {
         color: white;
       }
     }
-    .el-table__body tr:hover > td {
+
+    .el-table__body tr:hover>td {
       background-color: unset;
     }
+
     .table-div {
       width: 100%;
       height: 500px;
       margin-top: 20px;
       margin-left: 0px;
       background: #e6e6e600;
+
       tr {
         background-color: unset;
         color: #ffffff;
       }
+
       .el-table__header-wrapper tr {
         background-image: url(../../assets/img/flfg/new/4.png);
         background-repeat: no-repeat;
@@ -1313,33 +1241,46 @@ export default {
         color: #ffffff;
         font-size: 14px;
       }
+
       th {
         border: unset;
         color: #ffffff;
         font-size: 14px;
         background-color: unset;
       }
+
+      td {
+        border-bottom: 1px solid #252631 !important;
+        border-right: unset;
+      }
+
       .el-table__body-wrapper {
         height: 452px;
         overflow-y: auto;
       }
+
       .cell {
         text-align: center;
       }
     }
+
     .page-div {
       width: 100%;
       height: 35px;
+
       .el-pagination {
         margin-top: 9px;
         text-align: right;
+
         .el-pagination__total {
           color: white;
         }
+
         .el-pagination__jump {
           color: white;
         }
       }
+
       .myPagination.is-background .el-pager li:not(.disabled).active {
         color: #fff;
         border: 1px solid #146a80;

src/view/xxxl/llxx.vue

@@ -2,14 +2,8 @@
   <div id="llxx">
     <div class="search">
       <div class="button-back" @click="ceshi" style="display: none">测试</div>
-        <el-switch
-          v-model="valueSelect"
-          active-text="全文检索"
-          inactive-text="按名称搜索"
-          active-color="#409EFF"
-          inactive-color="rgb(19, 206, 102)"
-          v-show="flag == 1"
-        ></el-switch>
+      <el-switch v-model="valueSelect" active-text="全文检索" inactive-text="按名称搜索" active-color="#409EFF"
+        inactive-color="rgb(19, 206, 102)" v-show="flag == 1"></el-switch>
       <el-input v-model="input"></el-input>
       <div class="button-back" @click="flag = 1" v-show="flag != 1">
         返回主界面
@@ -36,30 +30,17 @@
             <div class="card-content">
               <div class="content-img">
                 <div v-for="(item1, index1) in item.img">
-                    <img
-                      :src="PickerPath_url + item1.folder + '/' + item1.image"
-                      alt=""
-                      @click="viewLiterature(item1)"
-                      @contextmenu.prevent.stop="showInfo(item1)"
-                    />
+                  <img :src="PickerPath_url + item1.folder + '/' + item1.image" alt="" @click="viewLiterature(item1)"
+                    @contextmenu.prevent.stop="showInfo(item1)" />
                 </div>
               </div>
               <div class="content-list">
                 <ul>
-                    <li
-                      v-for="(item1, index1) in item.lawList"
-                      @click="viewLiterature(item1)"
-                      @contextmenu.prevent.stop="showInfo(item1)"
-                    >
+                  <li v-for="(item1, index1) in item.lawList" @click="viewLiterature(item1)"
+                    @contextmenu.prevent.stop="showInfo(item1)">
                     <div class="mark"></div>
-                      <div
-                        v-text="item1.originName"
-                        :title="item1.originName"
-                      ></div>
-                      <div
-                        v-text="item1.createTime.slice(5, 10)"
-                        :title="item1.createTime"
-                      ></div>
+                    <div v-text="item1.originName" :title="item1.originName"></div>
+                    <div v-text="item1.createTime.slice(5, 10)" :title="item1.createTime"></div>
                   </li>
                 </ul>
               </div>
@@ -85,30 +66,17 @@
             <div class="card-content">
               <div class="content-img">
                 <div v-for="(item1, index1) in item.img">
-                    <img
-                      :src="PickerPath_url + item1.folder + '/' + item1.image"
-                      alt=""
-                      @click="viewLiterature(item1)"
-                      @contextmenu.prevent.stop="showInfo(item1)"
-                    />
+                  <img :src="PickerPath_url + item1.folder + '/' + item1.image" alt="" @click="viewLiterature(item1)"
+                    @contextmenu.prevent.stop="showInfo(item1)" />
                 </div>
               </div>
               <div class="content-list">
                 <ul>
-                    <li
-                      v-for="(item1, index1) in item.lawList"
-                      @click="viewLiterature(item1)"
-                      @contextmenu.prevent.stop="showInfo(item1)"
-                    >
+                  <li v-for="(item1, index1) in item.lawList" @click="viewLiterature(item1)"
+                    @contextmenu.prevent.stop="showInfo(item1)">
                     <div class="mark"></div>
-                      <div
-                        v-text="item1.originName"
-                        :title="item1.originName"
-                      ></div>
-                      <div
-                        v-text="item1.createTime.slice(5, 10)"
-                        :title="item1.createTime"
-                      ></div>
+                    <div v-text="item1.originName" :title="item1.originName"></div>
+                    <div v-text="item1.createTime.slice(5, 10)" :title="item1.createTime"></div>
                   </li>
                 </ul>
               </div>
@@ -125,10 +93,7 @@
         <div class="background-div"></div>
         <!-- <div class="supportingInformation-title">XXXXXXXXXXXXXX支撑信息</div> -->
         <div class="supportingInformation-content">
-            <div
-              class="content-card "
-              v-for="(item, index) in supportingInformation"
-            >
+          <div class="content-card " v-for="(item, index) in supportingInformation">
             <div class="card-title">
               <!-- <img :src="titleImg[0]" alt=""> -->
               <span v-text="item.title"></span>
@@ -138,30 +103,17 @@
             <div class="card-content">
               <div class="content-img">
                 <div v-for="(item1, index1) in item.img">
-                    <img
-                      :src="PickerPath_url + item1.folder + '/' + item1.image"
-                      alt=""
-                      @click="viewLiterature(item1)"
-                      @contextmenu.prevent.stop="showInfo(item1)"
-                    />
+                  <img :src="PickerPath_url + item1.folder + '/' + item1.image" alt="" @click="viewLiterature(item1)"
+                    @contextmenu.prevent.stop="showInfo(item1)" />
                 </div>
               </div>
               <div class="content-list">
                 <ul>
-                    <li
-                      v-for="(item1, index1) in item.lawList"
-                      @click="viewLiterature(item1)"
-                      @contextmenu.prevent.stop="showInfo(item1)"
-                    >
+                  <li v-for="(item1, index1) in item.lawList" @click="viewLiterature(item1)"
+                    @contextmenu.prevent.stop="showInfo(item1)">
                     <div class="mark"></div>
-                      <div
-                        v-text="item1.originName"
-                        :title="item1.originName"
-                      ></div>
-                      <div
-                        v-text="item1.createTime.slice(5, 10)"
-                        :title="item1.createTime"
-                      ></div>
+                    <div v-text="item1.originName" :title="item1.originName"></div>
+                    <div v-text="item1.createTime.slice(5, 10)" :title="item1.createTime"></div>
                   </li>
                 </ul>
               </div>
@@ -188,82 +140,44 @@
         </tbody>
       </table>
       <div class="pagination-div">
-          <el-pagination
-            class="myPagination"
-            background
-            layout="total, sizes, prev, pager, next, jumper"
-            :page-size="everySize"
-            :current-page="currentPage"
-            @current-change="handleCurrentChange"
-            :total="total"
-            @size-change="handleSizeChange"
-            :page-sizes="[10, 20, 50, 100]"
-          >
+        <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
+          :page-size="everySize" :current-page="currentPage" @current-change="handleCurrentChange" :total="total"
+          @size-change="handleSizeChange" :page-sizes="[10, 20, 50, 100]">
         </el-pagination>
       </div>
     </div>
     <div id="llxxKinds" v-show="flag == 3">
       <div class="llxxKinds-content">
         <div class="left-content">
-            <el-tree
-              :data="treeData"
-              @node-click="handleNodeClick"
-              highlight-current
-            ></el-tree>
+          <el-tree :data="treeData" @node-click="handleNodeClick" highlight-current></el-tree>
         </div>
         <div class="right-content">
-            <el-table
-              :data="literatureListKinds"
-              style="width: 100%; height: calc(100% - 50px)"
-              height="calc(100% - 50px)"
-              :header-cell-style="{ color: 'white', background: '#263b5d' }"
-              :row-style="{ color: 'white', background: '#1d2d46' }"
-              @row-click="viewLiterature"
-            >
+          <el-table :data="literatureListKinds" @row-click="viewLiterature">
             <el-table-column type="index" label="序号" width="180">
             </el-table-column>
-              <el-table-column
-                prop="originName"
-                label="文件名"
-                show-overflow-tooltip=""
-              >
+            <el-table-column prop="originName" label="文件名" show-overflow-tooltip="">
             </el-table-column>
             <el-table-column prop="createTime" label="上传时间" width="250">
             </el-table-column>
           </el-table>
           <div class="pagination-div">
-              <el-pagination
-                class="myPagination"
-                background
-                layout="total, sizes, prev, pager, next, jumper"
-                :page-size="everySizeKinds"
-                :current-page="currentPageKinds"
-                :total="totalKinds"
-                @current-change="handleCurrentChangeKinds"
-                @size-change="handleSizeChangeKinds"
-                :page-sizes="[10, 20, 50, 100]"
-              >
+            <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
+              :page-size="everySizeKinds" :current-page="currentPageKinds" :total="totalKinds"
+              @current-change="handleCurrentChangeKinds" @size-change="handleSizeChangeKinds"
+              :page-sizes="[10, 20, 50, 100]">
             </el-pagination>
           </div>
         </div>
       </div>
     </div>
     <div id="literatureInfo" v-show="flag == 4" v-if="pickObj.attachment">
-        <div
-          class="literatureInfo"
-          v-html="pickObj.attachment.content"
-          @contextmenu.prevent.stop="openMenu($event)"
-        ></div>
-        <div
-          v-show="visible"
-          :style="{
+      <div class="literatureInfo" v-html="pickObj.attachment.content" @contextmenu.prevent.stop="openMenu($event)"></div>
+      <div v-show="visible" :style="{
         position: 'absolute',
         backgroundColor: 'white',
         left: left + 'px',
         top: top + 'px',
-          }"
-          class="contextmenu"
-        >
+      }" class="contextmenu">
         <ul>
           <li @click="relatedPerson">关联人物</li>
           <li @click="relatedOrganization">关联机构</li>
@@ -275,14 +189,9 @@
     <div class="xgtj-div" v-show="flag == 4" v-if="pickObj.attachment">
       <div>相关推荐</div>
       <ul>
-          <li
-            v-for="(item, index) in xgtj_news_data"
-            v-show="item.id != getNews.id"
-            :title="item.title_zh == null ? item.title : item.title_zh"
-            @click="showInfo(item)"
-          >
-            <span>{{ index + 1 + "：" }}</span
-            >{{ item.title_zh == null ? item.title : item.title_zh }}
+        <li v-for="(item, index) in xgtj_news_data" v-show="item.id != getNews.id"
+          :title="item.title_zh == null ? item.title : item.title_zh" @click="showInfo(item)">
+          <span>{{ index + 1 + "：" }}</span>{{ item.title_zh == null ? item.title : item.title_zh }}
         </li>
       </ul>
     </div>
@@ -299,55 +208,29 @@
         <tbody>
           <tr v-for="(item, index) in fulltextLiteratureList">
             <td v-text="returnName(item.folder)"></td>
-              <td
-                v-text="item.literatureOriginName"
-                @click="viewLiterature(item)"
-              ></td>
+            <td v-text="item.literatureOriginName" @click="viewLiterature(item)"></td>
             <td v-html="item.highLight" :title="item.highLight"></td>
             <td v-text="item.createTime"></td>
           </tr>
         </tbody>
       </table>
       <div class="pagination-div">
-          <el-pagination
-            class="myPagination"
-            background
-            layout="total, sizes, prev, pager, next, jumper"
-            :page-size="fulltextPagination.everySize"
-            :current-page="fulltextPagination.currentPage"
-            @current-change="handleCurrentChangeFulltext"
-            :total="fulltextPagination.total"
-            @size-change="handleSizeChangeFulltext"
-            :page-sizes="[10, 20, 50, 100]"
-          >
+        <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
+          :page-size="fulltextPagination.everySize" :current-page="fulltextPagination.currentPage"
+          @current-change="handleCurrentChangeFulltext" :total="fulltextPagination.total"
+          @size-change="handleSizeChangeFulltext" :page-sizes="[10, 20, 50, 100]">
         </el-pagination>
       </div>
     </div>
-      <el-dialog
-        title="关联人物"
-        :visible.sync="dialogVisiblePerson"
-        width="30%"
-        :before-close="handleClose"
-      >
+    <el-dialog title="关联人物" :visible.sync="dialogVisiblePerson" width="30%" :before-close="handleClose">
       <el-form ref="form" label-width="120px">
         <el-form-item label="摘要">
-            <el-input
-              type="textarea"
-              :autosize="{ minRows: 2, maxRows: 10 }"
-              placeholder="请输入内容"
-              v-model="selectText"
-              disabled
-              style="width: 70%"
-            ></el-input>
+          <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 10 }" placeholder="请输入内容" v-model="selectText"
+            disabled style="width: 70%"></el-input>
         </el-form-item>
         <el-form-item label="搜索人物">
-            <el-autocomplete
-              v-model="state"
-              :fetch-suggestions="querySearchAsync"
-              placeholder="请输入内容"
-              @select="handleSelect"
-              style="width: 70%"
-            ></el-autocomplete>
+          <el-autocomplete v-model="state" :fetch-suggestions="querySearchAsync" placeholder="请输入内容"
+            @select="handleSelect" style="width: 70%"></el-autocomplete>
         </el-form-item>
         <el-form-item label="选择类型">
           <el-select v-model="personType" style="width: 70%">
@@ -366,31 +249,15 @@
         <el-button type="primary" @click="defineRelatedPerson">确 定</el-button>
       </span>
     </el-dialog>
-      <el-dialog
-        title="关联机构"
-        :visible.sync="dialogVisibleOrganization"
-        width="30%"
-        :before-close="handleClose"
-      >
+    <el-dialog title="关联机构" :visible.sync="dialogVisibleOrganization" width="30%" :before-close="handleClose">
       <el-form ref="form" label-width="120px">
         <el-form-item label="摘要">
-            <el-input
-              type="textarea"
-              :autosize="{ minRows: 2, maxRows: 10 }"
-              placeholder="请输入内容"
-              v-model="selectText"
-              disabled
-              style="width: 70%"
-            ></el-input>
+          <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 10 }" placeholder="请输入内容" v-model="selectText"
+            disabled style="width: 70%"></el-input>
         </el-form-item>
         <el-form-item label="搜索机构">
-            <el-autocomplete
-              v-model="state"
-              :fetch-suggestions="querySearchAsyncOrganization"
-              placeholder="请输入内容"
-              @select="handleSelect"
-              style="width: 70%"
-            ></el-autocomplete>
+          <el-autocomplete v-model="state" :fetch-suggestions="querySearchAsyncOrganization" placeholder="请输入内容"
+            @select="handleSelect" style="width: 70%"></el-autocomplete>
         </el-form-item>
         <el-form-item label="选择类型">
           <el-select v-model="organizationType" style="width: 70%">
@@ -409,135 +276,87 @@
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisibleOrganization = false">取 消</el-button>
-          <el-button type="primary" @click="defineRelatedOrganization"
-            >确 定</el-button
-          >
+        <el-button type="primary" @click="defineRelatedOrganization">确 定</el-button>
       </span>
     </el-dialog>
-      <el-dialog
-        title="添加标签"
-        :visible.sync="dialogVisibleTag"
-        width="30%"
-        :before-close="handleClose"
-      >
-        <el-tag
-          :key="tag"
-          v-for="tag in dynamicTags"
-          closable
-          :disable-transitions="false"
-          @close="handleClose(tag)"
-        >
+    <el-dialog title="添加标签" :visible.sync="dialogVisibleTag" width="30%" :before-close="handleClose">
+      <el-tag :key="tag" v-for="tag in dynamicTags" closable :disable-transitions="false" @close="handleClose(tag)">
         {{ tag }}
       </el-tag>
-        <el-input
-          class="input-new-tag"
-          v-if="inputVisible"
-          v-model="inputValue"
-          ref="saveTagInput"
-          size="small"
-          @keyup.enter.native="handleInputConfirm"
-          @blur="handleInputConfirm"
-        >
+      <el-input class="input-new-tag" v-if="inputVisible" v-model="inputValue" ref="saveTagInput" size="small"
+        @keyup.enter.native="handleInputConfirm" @blur="handleInputConfirm">
       </el-input>
-        <el-button v-else class="button-new-tag" size="small" @click="showInput"
-          >+ 标签</el-button
-        >
+      <el-button v-else class="button-new-tag" size="small" @click="showInput">+ 标签</el-button>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisibleTag = false">取 消</el-button>
         <el-button type="primary" @click="defineAddTag">确 定</el-button>
       </span>
     </el-dialog>
-      <el-dialog
-        title="添加收藏"
-        :visible.sync="dialogVisibleCollection"
-        width="20%"
-        :before-close="handleClose"
-      >
+    <el-dialog title="添加收藏" :visible.sync="dialogVisibleCollection" width="20%" :before-close="handleClose">
       <ul>
-          <li
-            v-for="(item, index) in collectionFolder"
-            @click.stop="addFolder(item, index)"
-            :style="{ background: index == selectIndex ? '#f56c6c' : '' }"
-          >
+        <li v-for="(item, index) in collectionFolder" @click.stop="addFolder(item, index)"
+          :style="{ background: index == selectIndex ? '#f56c6c' : '' }">
           <span class="el-icon-folder-opened"></span>&emsp;{{ item.name }}
-            <el-button
-              class="delete"
-              type="text"
-              size="mini"
-              @click.stop.native="delectCollectionFolder(item.id)"
-            >
+          <el-button class="delete" type="text" size="mini" @click.stop.native="delectCollectionFolder(item.id)">
             <i class="el-icon-error"></i>
           </el-button>
         </li>
       </ul>
-        <el-dialog
-          width="30%"
-          title="新增收藏夹"
-          :visible.sync="innerVisible"
-          append-to-body
-        >
+      <el-dialog width="30%" title="新增收藏夹" :visible.sync="innerVisible" append-to-body>
         <el-form ref="form" label-width="120px">
           <el-form-item label="名称">
-              <el-input
-                v-model="collectionName"
-                placeholder="请输入收藏夹名称"
-                @click.stop.native="stopstop"
-                style="width: 70%"
-              ></el-input>
+            <el-input v-model="collectionName" placeholder="请输入收藏夹名称" @click.stop.native="stopstop"
+              style="width: 70%"></el-input>
           </el-form-item>
         </el-form>
         <span slot="footer" class="dialog-footer">
-            <el-button size="mini" @click.stop="innerVisible = false"
-              >取 消</el-button
-            >
-            <el-button
-              size="mini"
-              type="danger"
-              @click.stop="addCollectionFolder()"
-              >确 定</el-button
-            >
+          <el-button size="mini" @click.stop="innerVisible = false">取 消</el-button>
+          <el-button size="mini" type="danger" @click.stop="addCollectionFolder()">确 定</el-button>
         </span>
       </el-dialog>
       <span slot="footer" class="dialog-footer">
-          <el-button type="" size="mini" @click.stop="defineAddCollection"
-            >确定</el-button
-          >
-          <el-button type="danger" size="mini" @click.stop="innerVisible = true"
-            >新增收藏夹</el-button
-          >
+        <el-button type="" size="mini" @click.stop="defineAddCollection">确定</el-button>
+        <el-button type="danger" size="mini" @click.stop="innerVisible = true">新增收藏夹</el-button>
       </span>
     </el-dialog>
   </div>
-  </template>
+</template>
   
-  <style lang="scss">
-  #llxx {
+<style lang="scss">
+#llxx {
   width: 100%;
   height: 100%;
   padding: 40px;
   box-sizing: border-box;
   overflow-y: hidden;
+
   .search {
     width: 100%;
     height: 50px;
     // line-height: 50px;
     text-align: right;
+
     .el-switch {
       margin-right: 15px;
+
       .el-switch__label * {
         line-height: normal;
       }
+
       .el-switch__label {
         color: white;
       }
+
       .is-active {
         color: #409eff;
       }
     }
+
     .el-input {
       width: 200px;
       margin-left: 15px;
       margin-right: 15px;
+
       input {
         height: 30px;
         color: white;
@@ -546,6 +365,7 @@
         box-shadow: 0 0 10px #1b6097;
       }
     }
+
     .button-search {
       width: 100px;
       height: 30px;
@@ -559,6 +379,7 @@
       background-repeat: no-repeat;
       background-size: 100% 100%;
     }
+
     .button-upload {
       width: 100px;
       height: 30px;
@@ -572,6 +393,7 @@
       background-repeat: no-repeat;
       background-size: 100% 100%;
     }
+
     .button-back {
       width: 100px;
       height: 30px;
@@ -585,11 +407,13 @@
       background-size: 100% 100%;
     }
   }
+
   .llxx-content {
     width: 100%;
     height: calc(100% - 50px);
     overflow-y: auto;
     overflow-x: hidden;
+
     .background-div {
       width: 100%;
       height: 40px;
@@ -597,6 +421,7 @@
       background-repeat: no-repeat;
       background-size: 100% 100%;
     }
+
     .businessTheory {
       .businessTheory-title {
         width: 100%;
@@ -611,6 +436,7 @@
         display: flex;
         flex-direction: row;
         justify-content: center;
+
         .png-div {
           width: 28px;
           height: 26px;
@@ -620,6 +446,7 @@
           margin-right: 30px;
           margin-top: 13px;
         }
+
         .png-div1 {
           width: 28px;
           height: 26px;
@@ -631,8 +458,10 @@
           margin-top: 13px;
         }
       }
+
       .businessTheory-content {
         height: 402px;
+
         .content-card {
           width: calc(100% / 3 - 100px / 3);
           height: 100%;
@@ -640,6 +469,7 @@
           margin: 15px;
           background-image: url(../../assets/img/flfg/new/5.png);
           background-size: 100% 100%;
+
           .card-title {
             width: 100%;
             height: 50px;
@@ -647,14 +477,17 @@
             padding-left: 40px;
             box-sizing: border-box;
             text-align: center;
+
             img {
               width: 60px;
             }
+
             span {
               font-size: 20px;
               font-weight: 500;
               letter-spacing: 5px;
             }
+
             .el-icon-more {
               float: right;
               margin-top: 15px;
@@ -664,12 +497,14 @@
               cursor: pointer;
             }
           }
+
           .card-content {
             width: calc(100% - 20px);
             height: calc(100% - 50px);
             margin-left: 10px;
             padding: 10px;
             box-sizing: border-box;
+
             // background-image: url(../../assets/img/flfg/cardContent.png);
             // background-size: 100% 100%;
             .content-img {
@@ -677,14 +512,17 @@
               height: 100px;
               margin-top: 20px;
               overflow-y: auto;
+
               &::-webkit-scrollbar {
                 display: none;
               }
+
               div {
                 width: calc(50% - 45px);
                 height: 100px;
                 float: left;
                 margin-left: 40px;
+
                 img {
                   width: 100%;
                   height: 100%;
@@ -692,15 +530,19 @@
                 }
               }
             }
+
             .content-list {
               height: calc(100% - 130px);
               margin-top: 10px;
               overflow-y: auto;
+
               &::-webkit-scrollbar {
                 display: none;
               }
+
               ul {
                 width: calc(100% - 70px);
+
                 li {
                   height: 30px;
                   line-height: 30px;
@@ -711,6 +553,7 @@
                   overflow: hidden;
                   white-space: nowrap;
                   text-overflow: ellipsis;
+
                   div {
                     &:first-child {
                       width: 5px;
@@ -723,6 +566,7 @@
                       background-color: grey;
                       opacity: 0.5;
                     }
+
                     &:nth-child(2) {
                       width: 70%;
                       float: left;
@@ -730,9 +574,11 @@
                       text-overflow: ellipsis;
                       white-space: nowrap;
                     }
+
                     &:last-child {
                       float: right;
                     }
+
                     &:hover {
                       font-weight: bold;
                       color: #0dada7;
@@ -746,8 +592,10 @@
         }
       }
     }
+
     .socialEnvironment {
       margin-top: 10px;
+
       .socialEnvironment-title {
         width: 100%;
         height: 50px;
@@ -762,6 +610,7 @@
         display: flex;
         flex-direction: row;
         justify-content: center;
+
         .png-div {
           width: 28px;
           height: 26px;
@@ -771,6 +620,7 @@
           margin-right: 30px;
           margin-top: 13px;
         }
+
         .png-div1 {
           width: 28px;
           height: 26px;
@@ -782,8 +632,10 @@
           margin-top: 13px;
         }
       }
+
       .socialEnvironment-content {
         height: 402px;
+
         .content-card {
           width: calc(100% / 3 - 100px / 3);
           height: 100%;
@@ -791,6 +643,7 @@
           margin: 15px;
           background-image: url(../../assets/img/flfg/new/5.png);
           background-size: 100% 100%;
+
           .card-title {
             width: 100%;
             height: 50px;
@@ -798,14 +651,17 @@
             padding-left: 40px;
             box-sizing: border-box;
             text-align: center;
+
             img {
               width: 60px;
             }
+
             span {
               font-size: 20px;
               font-weight: 500;
               letter-spacing: 5px;
             }
+
             .el-icon-more {
               float: right;
               margin-top: 15px;
@@ -815,12 +671,14 @@
               cursor: pointer;
             }
           }
+
           .card-content {
             width: calc(100% - 20px);
             height: calc(100% - 50px);
             margin-left: 10px;
             padding: 10px;
             box-sizing: border-box;
+
             // background-image: url(../../assets/img/flfg/cardContent.png);
             // background-size: 100% 100%;
             .content-img {
@@ -828,14 +686,17 @@
               height: 100px;
               margin-top: 20px;
               overflow-y: auto;
+
               &::-webkit-scrollbar {
                 display: none;
               }
+
               div {
                 width: calc(50% - 45px);
                 height: 100px;
                 float: left;
                 margin-left: 40px;
+
                 img {
                   width: 100%;
                   height: 100%;
@@ -843,15 +704,19 @@
                 }
               }
             }
+
             .content-list {
               height: calc(100% - 130px);
               margin-top: 10px;
               overflow-y: auto;
+
               &::-webkit-scrollbar {
                 display: none;
               }
+
               ul {
                 width: calc(100% - 70px);
+
                 li {
                   height: 30px;
                   line-height: 30px;
@@ -862,6 +727,7 @@
                   overflow: hidden;
                   white-space: nowrap;
                   text-overflow: ellipsis;
+
                   div {
                     &:first-child {
                       width: 5px;
@@ -874,6 +740,7 @@
                       background-color: grey;
                       opacity: 0.5;
                     }
+
                     &:nth-child(2) {
                       width: 70%;
                       float: left;
@@ -881,9 +748,11 @@
                       text-overflow: ellipsis;
                       white-space: nowrap;
                     }
+
                     &:last-child {
                       float: right;
                     }
+
                     &:hover {
                       font-weight: bold;
                       color: #0dada7;
@@ -897,8 +766,10 @@
         }
       }
     }
+
     .supportingInformation {
       margin-top: 10px;
+
       .supportingInformation-title {
         width: 100%;
         height: 50px;
@@ -913,6 +784,7 @@
         display: flex;
         flex-direction: row;
         justify-content: center;
+
         .png-div {
           width: 28px;
           height: 26px;
@@ -922,6 +794,7 @@
           margin-right: 30px;
           margin-top: 13px;
         }
+
         .png-div1 {
           width: 28px;
           height: 26px;
@@ -933,8 +806,10 @@
           margin-top: 13px;
         }
       }
+
       .supportingInformation-content {
         height: 402px;
+
         .content-card {
           width: calc(100% / 3 - 100px / 3);
           height: 100%;
@@ -942,6 +817,7 @@
           margin: 15px;
           background-image: url(../../assets/img/flfg/new/5.png);
           background-size: 100% 100%;
+
           .card-title {
             width: 100%;
             height: 50px;
@@ -949,14 +825,17 @@
             padding-left: 40px;
             box-sizing: border-box;
             text-align: center;
+
             img {
               width: 60px;
             }
+
             span {
               font-size: 20px;
               font-weight: 500;
               letter-spacing: 5px;
             }
+
             .el-icon-more {
               float: right;
               margin-top: 15px;
@@ -966,12 +845,14 @@
               cursor: pointer;
             }
           }
+
           .card-content {
             width: calc(100% - 20px);
             height: calc(100% - 50px);
             margin-left: 10px;
             padding: 10px;
             box-sizing: border-box;
+
             // background-image: url(../../assets/img/flfg/cardContent.png);
             // background-size: 100% 100%;
             .content-img {
@@ -979,14 +860,17 @@
               height: 100px;
               margin-top: 20px;
               overflow-y: auto;
+
               &::-webkit-scrollbar {
                 display: none;
               }
+
               div {
                 width: calc(50% - 45px);
                 height: 100px;
                 float: left;
                 margin-left: 40px;
+
                 img {
                   width: 100%;
                   height: 100%;
@@ -994,15 +878,19 @@
                 }
               }
             }
+
             .content-list {
               height: calc(100% - 130px);
               margin-top: 10px;
               overflow-y: auto;
+
               &::-webkit-scrollbar {
                 display: none;
               }
+
               ul {
                 width: calc(100% - 70px);
+
                 li {
                   height: 30px;
                   line-height: 30px;
@@ -1013,6 +901,7 @@
                   overflow: hidden;
                   white-space: nowrap;
                   text-overflow: ellipsis;
+
                   div {
                     &:first-child {
                       width: 5px;
@@ -1025,6 +914,7 @@
                       background-color: grey;
                       opacity: 0.5;
                     }
+
                     &:nth-child(2) {
                       width: 70%;
                       float: left;
@@ -1032,9 +922,11 @@
                       text-overflow: ellipsis;
                       white-space: nowrap;
                     }
+
                     &:last-child {
                       float: right;
                     }
+
                     &:hover {
                       font-weight: bold;
                       color: #0dada7;
@@ -1049,62 +941,75 @@
       }
     }
   }
+
   .searchResult {
     width: 100%;
     height: calc(100% - 50px);
     overflow-y: auto;
+
     table {
       width: 100%;
       height: calc(100% - 60px);
       text-align: center;
+
       thead {
         display: table;
         width: 100%;
         table-layout: fixed;
+
         tr {
           height: 50px;
           color: white;
           text-align: center;
-            background-image: url(../../assets/img/flfg/new/4.png);
+          background: url(../../assets/img/setting/tr1.png) no-repeat;
           background-size: 100% 100%;
-            box-shadow: 0px 0px 10px #292929;
+
           td {
             &:first-child {
               width: 180px;
               text-align: center;
             }
+
             &:last-child {
               width: 150px;
             }
           }
         }
       }
+
       tbody {
         height: calc(100% - 50px);
         display: block;
         overflow-y: scroll;
         -webkit-overflow-scrolling: touch;
+
         &::-webkit-scrollbar {
           display: none; // 隐藏滚动条
         }
+
         tr {
           display: table;
           width: 100%;
           border-bottom: 1px solid #91919170;
           table-layout: fixed;
+
           td {
             color: white;
+
             &:first-child {
               width: 180px;
               text-align: center;
             }
+
             &:last-child {
               width: 150px;
+
               span:hover {
                 color: green;
                 cursor: pointer;
               }
             }
+
             &:nth-child(2):hover {
               cursor: pointer;
               font-weight: bold;
@@ -1115,6 +1020,7 @@
         }
       }
     }
+
     .fulltext {
       td {
         &:first-child {
@@ -1125,6 +1031,7 @@
           width: 250px;
         }
       }
+
       tbody {
         td {
           &:nth-child(3) {
@@ -1136,22 +1043,28 @@
         }
       }
     }
+
     em {
       color: red;
     }
+
     .pagination-div {
       width: 100%;
       height: 50px;
+
       .el-pagination {
         margin-top: 9px;
         text-align: right;
+
         .el-pagination__total {
           color: white;
         }
+
         .el-pagination__jump {
           color: white;
         }
       }
+
       .myPagination.is-background .el-pager li:not(.disabled).active {
         color: #fff;
         border: 1px solid #146a80;
@@ -1167,11 +1080,13 @@
     height: calc(100% - 50px);
     color: white;
     overflow: hidden;
-      background-image: url(../../assets/img/main/background.png);
-      background-size: 100% 100%;
+    // background-image: url(../../assets/img/main/background.png);
+    // background-size: 100% 100%;
+
     .llxxKinds-content {
       width: 100%;
       height: 100%;
+
       .left-content {
         width: 270px;
         height: 100%;
@@ -1181,40 +1096,40 @@
         box-sizing: border-box;
         background: url("../../assets/img/yqjc/01.png") no-repeat;
         background-size: 100% 100%;
+
         .el-tree {
           margin-top: 10px;
           color: white;
           background: transparent;
+
           .el-tree-node__content {
             height: 40px;
           }
         }
-          .el-tree > .el-tree-node > .el-tree-node__content {
+
+        .el-tree>.el-tree-node>.el-tree-node__content {
           height: 40px;
           background-image: url(../../assets/img/yqjc/24.png);
           background-repeat: no-repeat;
           background-size: 100% 100%;
         }
-          .el-tree
-            > .el-tree-node
-            > .el-tree-node__children
-            > .el-tree-node
-            > .el-tree-node__content {
+
+        .el-tree>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__content {
           height: 40px;
           // background-image: url(../../assets/img/yqjc/24.png);
           background-repeat: no-repeat;
           background-size: 100% 100%;
         }
-          .el-tree
-            > .el-tree-node
-            > .el-tree-node__content
-            > .el-tree-node__label {
+
+        .el-tree>.el-tree-node>.el-tree-node__content>.el-tree-node__label {
           font-size: 14px !important;
         }
-          .el-tree > .el-tree-node > .el-tree-node__children {
+
+        .el-tree>.el-tree-node>.el-tree-node__children {
           background-color: #1d2d46 !important;
         }
-          .el-tree-node:focus > .el-tree-node__content {
+
+        .el-tree-node:focus>.el-tree-node__content {
           background-color: #00648a96 !important;
           // border-radius: 5px;
         }
@@ -1224,13 +1139,13 @@
           background-color: #00648a96 !important;
           // border-radius: 5px;
         }
-          .el-tree--highlight-current
-            .el-tree-node.is-current
-            > .el-tree-node__content {
+
+        .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
           background-color: #00648a96 !important;
           // border-radius: 5px;
         }
       }
+
       .right-content {
         width: calc(100% - 290px);
         height: 100%;
@@ -1240,49 +1155,82 @@
         background: url("../../assets/img/yqjc/02.png") no-repeat;
         background-size: 100% 100%;
         box-sizing: border-box;
+
         .el-table--enable-row-hover {
           .el-table__body tr {
-              &:hover > td {
+            &:hover>td {
               background-color: #82848a78 !important;
             }
           }
         }
+
         .el-table {
-            background-color: transparent !important;
-            .el-table__header-wrapper {
           width: 100%;
-              height: 48px;
+          height: calc(100% - 50px);
         }
-            .el-table__body-wrapper {
-              width: 100%;
-              height: calc(100% - 48px);
+
+        .el-table tr {
+          background-color: transparent !important;
+          color: #ffffffc7;
         }
-            th.is-leaf {
-              border-bottom: 1px solid #185066;
+
+        .el-table thead tr {
+          height: 40px;
+          background: url(../../assets/img/setting/tr1.png) no-repeat;
+          background-size: 100% 100%;
         }
-            .gutter {
-              background-color: #263b5d;
+
+        .el-table th {
+          background-color: transparent;
         }
-            &::before {
-              display: none;
+
+        tbody tr {
+          border-bottom: 1px solid #252631;
         }
-            td {
-              border-bottom: 1px solid #185066;
-              &:nth-child(2) {
-                .el-tag {
-                  height: 20px;
-                  padding: 0px 8px;
-                  line-height: 19px;
+
+        .el-table td {
+          border-bottom: 1px solid #252631;
+          border-right: unset;
         }
+
+        .el-table--enable-row-hover .el-table__body tr:hover>td {
+          background-color: #82848a78;
         }
-              .el-switch__label {
-                color: white;
+
+        .el-table th {
+          border: unset;
+          // background-color: #263b5d !important;
         }
-              .is-active {
-                color: #409eff !important;
+
+        .el-table--fit {
+          background: none !important;
+          border: unset;
         }
+
+        .el-icon-delete-solid {
+          color: red;
+          cursor: pointer;
+          font-size: 18px;
+        }
+
+        .el-icon-edit {
+          color: #1172d8;
+          cursor: pointer;
+          font-size: 20px;
         }
+
+        .el-icon-view {
+          color: #00ffff;
+          font-size: 20px;
+          cursor: pointer;
         }
+
+        .el-table--group::after,
+        .el-table--border::after,
+        .el-table::before {
+          background-color: unset;
+        }
+
         .pagination-div {
           width: 100%;
           height: 50px;
@@ -1291,13 +1239,16 @@
           .el-pagination {
             margin-top: 9px;
             text-align: right;
+
             .el-pagination__total {
               color: white;
             }
+
             .el-pagination__jump {
               color: white;
             }
           }
+
           .myPagination.is-background .el-pager li:not(.disabled).active {
             color: #fff;
             border: 1px solid #146a80;
@@ -1321,6 +1272,7 @@
     background: #263b5d29;
     padding: 20px;
     box-sizing: border-box;
+
     .literatureInfo {
       width: fit-content;
       margin: auto;
@@ -1330,15 +1282,18 @@
       font-size: 18px;
       text-indent: 2em;
     }
+
     .contextmenu {
       width: 200px;
       padding: 5px 0px;
       box-sizing: border-box;
+
       ul {
         margin: 0;
         padding: 0;
         overflow-y: auto;
         list-style: none;
+
         li {
           height: 30px;
           line-height: 30px;
@@ -1347,13 +1302,16 @@
           font-size: 14px;
           box-sizing: border-box;
           color: black;
+
           &:hover {
             cursor: pointer;
             background-color: #ddd;
           }
+
           .delete {
             position: absolute;
             right: 10px;
+
             i {
               font-size: 16px;
               color: #ff5454;
@@ -1363,19 +1321,23 @@
       }
     }
   }
+
   .xgtj-div {
     width: 15%;
     height: 300px;
     float: left;
     margin-left: 1%;
+
     div {
       font-weight: 900;
       margin-left: 11px;
       font-size: 14px;
     }
+
     ul {
       padding: 0;
       margin: 10px 7px 0px 26px;
+
       li {
         list-style: none;
         font-size: 12px;
@@ -1386,48 +1348,57 @@
         line-height: 28px;
         cursor: pointer;
       }
+
       li:hover {
         color: #00f9ff;
         text-decoration: underline;
       }
     }
   }
+
   .el-dialog {
     color: white;
     background: #1d2d46 !important;
+
     .el-dialog__body {
       .el-form {
         .el-form-item {
           .el-form-item__label {
             color: white;
           }
+
           .el-form-item__content {
             color: white;
+
             .el-upload__tip {
               color: white;
             }
           }
         }
       }
+
       .el-input__inner {
         color: white !important;
         background: none !important;
         border: 1px solid #146a80 !important;
         box-shadow: 0 0 10px #1b6097;
       }
+
       textarea {
         color: white !important;
         background: none !important;
         border: 1px solid #146a80 !important;
         box-shadow: 0 0 10px #1b6097;
       }
+
       .el-icon-document {
         height: auto;
       }
 
-        .el-tag + .el-tag {
+      .el-tag+.el-tag {
         margin-left: 10px;
       }
+
       .button-new-tag {
         margin-left: 10px;
         height: 32px;
@@ -1435,17 +1406,20 @@
         padding-top: 0;
         padding-bottom: 0;
       }
+
       .input-new-tag {
         width: 90px;
         margin-left: 10px;
         vertical-align: bottom;
       }
+
       ul {
         height: 150px;
         margin: 0;
         padding: 0;
         overflow-y: auto;
         list-style: none;
+
         li {
           height: 30px;
           line-height: 30px;
@@ -1453,13 +1427,16 @@
           position: relative;
           box-sizing: border-box;
           color: white;
+
           &:hover {
             color: white;
             background-color: #f56c6c;
           }
+
           .delete {
             position: absolute;
             right: 10px;
+
             i {
               font-size: 16px;
               color: #ff5454;
@@ -1469,11 +1446,11 @@
       }
     }
   }
-  }
-  </style>
+}
+</style>
   
-  <script>
-  import {
+<script>
+import {
   get,
   post,
   fileUpload,
@@ -1482,11 +1459,11 @@
   download,
   delete_util,
   dateChangeFormat,
-  } from "../../util/http_util";
-  import leftTitle from "../../assets/img/flfg/leftTitle.png";
-  import rightTitle from "../../assets/img/flfg/rightTitle.png";
-  import "animate.css";
-  export default {
+} from "../../util/http_util";
+import leftTitle from "../../assets/img/flfg/leftTitle.png";
+import rightTitle from "../../assets/img/flfg/rightTitle.png";
+import "animate.css";
+export default {
   data() {
     return {
       PickerPath_url:
@@ -2033,7 +2010,7 @@
     addCollection() {
       this.dialogVisibleCollection = true;
     },
-      stopstop() {},
+    stopstop() { },
     //新增收藏夹名称
     addCollectionFolder() {
       if (this.collectionName != "" && this.collectionName != null) {
@@ -2271,5 +2248,5 @@
       }
     }, 100);
   },
-  };
-  </script>
\ No newline at end of file
+};
+</script>
\ No newline at end of file

src/view/xxxl/xdzylb.vue

 <template>
   <div id="xdzylb">
     <div class="top-div">
-        <el-input
-          v-model="wd_name"
-          suffix-icon="el-icon-search"
-          placeholder="请输入关键字"
-        ></el-input>
+      <el-input v-model="wd_name" suffix-icon="el-icon-search" placeholder="请输入关键字"></el-input>
       <div class="block sjxz">
-          <el-date-picker
-            value-format="yyyy-MM-dd HH:mm:ss"
-            v-model="sc_time"
-            type="daterange"
-            range-separator="至"
-            start-placeholder="上传起始时间"
-            end-placeholder="上传结束时间"
-            :default-time="['00:00:00', '23:59:59']"
-          >
+        <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="sc_time" type="daterange" range-separator="至"
+          start-placeholder="上传起始时间" end-placeholder="上传结束时间" :default-time="['00:00:00', '23:59:59']">
         </el-date-picker>
       </div>
       <div class="button-discuss" @click="searchs()">搜索</div>
     </div>
     <div class="bottom-div">
       <div class="table-div">
-          <el-table
-            :data="tableData"
-            height="calc(100% - 0px)"
-            border
-            style="width: 100%"
-          >
-            <el-table-column type="index" label="序号" width="80">
-            </el-table-column>
+        <el-table :data="tableData" height="calc(100% - 0px)" border style="width: 100%">
           <el-table-column type="index" label="序号" width="80">
           </el-table-column>
           <el-table-column prop="name" label="题目名称"> </el-table-column>
@@ -44,90 +26,39 @@
           </el-table-column>
           <el-table-column prop="cz" label="操作" width="200">
             <template slot-scope="scope">
-                <div
-                  class="dt pub-xdzy"
-                  @click="dt_div(scope.row)"
-                  title="答题"
-                ></div>
-                <div
-                  class="lsjl pub-xdzy"
-                  title="历史记录"
-                  @click="history_div(scope.row)"
-                ></div>
+              <div class="dt pub-xdzy" @click="dt_div(scope.row)" title="答题"></div>
+              <div class="lsjl pub-xdzy" title="历史记录" @click="history_div(scope.row)"></div>
             </template>
           </el-table-column>
         </el-table>
       </div>
       <div class="page-div">
-          <el-pagination
-            class="myPagination"
-            background
-            layout="total, sizes, prev, pager, next, jumper"
-            @size-change="handleSizeChange"
-            :page-size="pageSize"
-            :current-page="current_page"
-            :total="total"
-            @current-change="handleCurrentChange_lb"
-            :page-sizes="[10, 20, 50, 100]"
-          >
+        <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange" :page-size="pageSize" :current-page="current_page" :total="total"
+          @current-change="handleCurrentChange_lb" :page-sizes="[10, 20, 50, 100]">
         </el-pagination>
       </div>
     </div>
-      <el-dialog
-        title="题目内容详情"
-        :visible.sync="centerDialogVisible_xq"
-        width="40%"
-        center
-      >
-        <el-input
-          v-model="tm_nr"
-          type="textarea"
-          :rows="10"
-          show-word-limit
-          disabled
-        ></el-input>
+    <el-dialog title="题目内容详情" :visible.sync="centerDialogVisible_xq" width="40%" center>
+      <el-input v-model="tm_nr" type="textarea" :rows="10" show-word-limit disabled></el-input>
       <span slot="footer" class="dialog-footer">
         <el-button @click="centerDialogVisible_xq = false">关 闭</el-button>
       </span>
     </el-dialog>
-      <el-dialog
-        title="答题简述"
-        :visible.sync="centerDialogVisible_dt"
-        width="40%"
-        center
-      >
+    <el-dialog title="答题简述" :visible.sync="centerDialogVisible_dt" width="40%" center>
       <el-form ref="form" label-width="80px">
         <el-form-item label="题目名称">
           <el-input v-model="questionName" disabled></el-input>
         </el-form-item>
         <el-form-item label="题目内容">
-            <el-input
-              v-model="tm_nr"
-              type="textarea"
-              :rows="10"
-              show-word-limit
-              disabled
-            ></el-input>
+          <el-input v-model="tm_nr" type="textarea" :rows="10" show-word-limit disabled></el-input>
         </el-form-item>
         <el-form-item label="情况分析">
-            <el-select
-              v-model="value_qkfx.label"
-              placeholder="请选择"
-              multiple
-              :multiple-limit="4"
-              @change="selectChangeQkfx"
-              style="width: 100%"
-            >
+          <el-select v-model="value_qkfx.label" placeholder="请选择" multiple :multiple-limit="4" @change="selectChangeQkfx"
+            style="width: 100%">
             <el-option :value="qkfxValue" style="height: auto">
-                <el-tree
-                  :data="options_qkfx"
-                  show-checkbox
-                  node-key="id"
-                  ref="treeQkfx"
-                  highlight-current
-                  :props="defaultProps"
-                  @check-change="handleCheckChangeQkfx"
-                >
+              <el-tree :data="options_qkfx" show-checkbox node-key="id" ref="treeQkfx" highlight-current
+                :props="defaultProps" @check-change="handleCheckChangeQkfx">
                 <span class="custom-tree-node" slot-scope="{ node, data }">
                   <span :title="node.label">{{ node.label }}</span>
                 </span>
@@ -136,24 +67,11 @@
           </el-select>
         </el-form-item>
         <el-form-item label="处置措施">
-            <el-select
-              v-model="value_czcs.label"
-              placeholder="请选择"
-              multiple
-              :multiple-limit="4"
-              @change="selectChangeCzcs"
-              style="width: 100%"
-            >
+          <el-select v-model="value_czcs.label" placeholder="请选择" multiple :multiple-limit="4" @change="selectChangeCzcs"
+            style="width: 100%">
             <el-option :value="czcsValue" style="height: auto">
-                <el-tree
-                  :data="options_czcs"
-                  show-checkbox
-                  node-key="id"
-                  ref="treeCzcs"
-                  highlight-current
-                  :props="defaultProps"
-                  @check-change="handleCheckChangeCzcs"
-                >
+              <el-tree :data="options_czcs" show-checkbox node-key="id" ref="treeCzcs" highlight-current
+                :props="defaultProps" @check-change="handleCheckChangeCzcs">
                 <span class="custom-tree-node" slot-scope="{ node, data }">
                   <span :title="node.label">{{ node.label }}</span>
                 </span>
@@ -167,24 +85,13 @@
         <!-- <el-button type="primary" @click="exportDoc()">导 出</el-button> -->
       </span>
     </el-dialog>
-      <el-dialog
-        title="补充答题简述"
-        :visible.sync="centerDialogVisible_dt_bc"
-        width="40%"
-        center
-      >
+    <el-dialog title="补充答题简述" :visible.sync="centerDialogVisible_dt_bc" width="40%" center>
       <el-form ref="form" label-width="80px">
         <el-form-item label="题目名称">
           <el-input v-model="questionName" disabled></el-input>
         </el-form-item>
         <el-form-item label="题目内容">
-            <el-input
-              v-model="tm_nr"
-              type="textarea"
-              :rows="10"
-              show-word-limit
-              disabled
-            ></el-input>
+          <el-input v-model="tm_nr" type="textarea" :rows="10" show-word-limit disabled></el-input>
         </el-form-item>
         <el-form-item label="情况分析">
           <el-input v-model="value_qkfx.full_label"></el-input>
@@ -198,55 +105,34 @@
         <el-button type="primary" @click="exportDoc()">导 出</el-button>
       </span>
     </el-dialog>
-      <el-dialog
-        title="历史答题记录"
-        :visible.sync="dialogVisible_lsjl"
-        width="60%"
-        id="_plscs"
-      >
+    <el-dialog title="历史答题记录" :visible.sync="dialogVisible_lsjl" width="60%" id="_plscs">
       <!-- <el-input placeholder="请输入内容" style="width:200px;margin-right:20px"></el-input>
         <el-button type="primary">查询</el-button> -->
       <el-table style="width: 100%" class="table-div" :data="tableData_history">
         <el-table-column type="index" label="序号" width="80"></el-table-column>
         <el-table-column prop="qkfx" label="情况分析"></el-table-column>
         <el-table-column prop="czcs" label="处置措施"></el-table-column>
-          <el-table-column
-            prop="create"
-            label="答题者"
-            width="250"
-          ></el-table-column>
-          <el-table-column
-            prop="time"
-            label="答题时间"
-            width="250"
-          ></el-table-column>
-          <el-table-column
-            prop="qkfxScore"
-            label="情况分析得分"
-          ></el-table-column>
-          <el-table-column
-            prop="czcsScore"
-            label="处置措施得分"
-          ></el-table-column>
+        <el-table-column prop="create" label="答题者" width="250"></el-table-column>
+        <el-table-column prop="time" label="答题时间" width="250"></el-table-column>
+        <el-table-column prop="qkfxScore" label="情况分析得分"></el-table-column>
+        <el-table-column prop="czcsScore" label="处置措施得分"></el-table-column>
       </el-table>
       <span slot="footer" class="dialog-footer">
-          <el-button size="mini" @click="dialogVisible_lsjl = false"
-            >关闭</el-button
-          >
+        <el-button size="mini" @click="dialogVisible_lsjl = false">关闭</el-button>
       </span>
     </el-dialog>
   </div>
-  </template>
-  <script>
-  import {
+</template>
+<script>
+import {
   queryQuestion,
   answerQuestion,
   queryQuestionOptions,
   queryAnswerQuestionRecord,
   queryQuestionOptionsTree,
-  } from "../../api/resource";
-  import export_doc_util from "../../util/export_doc_util";
-  export default {
+} from "../../api/resource";
+import export_doc_util from "../../util/export_doc_util";
+export default {
   data() {
     return {
       answeringQuesiton: null,
@@ -511,54 +397,66 @@
       }
     },
   },
-  };
-  </script>
-  <style lang="scss">
-  #xdzylb {
+};
+</script>
+<style lang="scss">
+#xdzylb {
   width: calc(100% - 0px);
   height: calc(100% - 0px);
   padding: 20px;
   box-sizing: border-box;
   overflow: hidden;
   background-size: 100% 100%;
-    .el-tabs--card > .el-tabs__header {
+
+  .el-tabs--card>.el-tabs__header {
     border-bottom: 1px solid #146a80;
   }
-    .el-tabs--card > .el-tabs__header .el-tabs__nav {
+
+  .el-tabs--card>.el-tabs__header .el-tabs__nav {
     border: 1px solid #146a80;
   }
-    .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
+
+  .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
     border-bottom-color: #3b9cff;
   }
+
   .el-tabs__item {
     color: #656565;
   }
-    .el-tabs--card > .el-tabs__header .el-tabs__item {
+
+  .el-tabs--card>.el-tabs__header .el-tabs__item {
     border-left: 1px solid #146a80;
   }
+
   .el-tabs__item.is-active {
     color: #409eff !important;
   }
+
   .el-input__count {
     color: #229dbd;
     background: #1d2d4600;
   }
+
   .el-input__count-inner {
     color: #229dbd;
     background: #1d2d46;
   }
+
   .top-div {
     width: 100%;
     height: 60px;
+
     .el-button {
       float: left;
       margin-left: 10px;
       margin-top: 3px;
     }
+
     .el-input {
       float: left;
       width: 200px;
       margin-right: 30px;
+
       .el-input__inner {
         background: none;
         color: #ffff;
@@ -566,26 +464,33 @@
         box-shadow: 0 0 10px #1b6097;
       }
     }
+
     .el-select {
       float: left;
     }
+
     .sjxz {
       width: 350px;
       float: left;
+
       .el-date-editor {
         background: none;
+
         span {
           color: white;
         }
+
         .el-range-input {
           color: white;
           background: none;
         }
       }
+
       .el-input__inner {
         border: 1px solid #146a80 !important;
       }
     }
+
     .button-discuss {
       width: 100px;
       height: 30px;
@@ -600,6 +505,7 @@
       background-repeat: no-repeat;
       background-size: 100% 100%;
     }
+
     .button-discuss1 {
       width: 100px;
       height: 30px;
@@ -614,129 +520,162 @@
       background-repeat: no-repeat;
       background-size: 100% 100%;
     }
+
     .toggle-switch {
       float: left;
       margin-top: 10px;
       margin-left: 20px;
+
       .el-switch__label.is-active {
         color: #409eff !important;
       }
+
       .el-switch__label {
         display: unset;
         color: #5a5a5a;
+
         span {
           font-size: 15px;
         }
       }
     }
   }
+
   .bottom-div {
     width: 100%;
     height: calc(100% - 55px);
+
     .table-div {
       width: 100%;
       height: calc(100% - 50px);
+
       .el-table tr {
         background-color: #1d2d46 !important;
         color: #ffffff;
       }
-        .el-table .el-table__header-wrapper tr {
-          background-image: url(../../assets/img/flfg/new/4.png);
-          background-repeat: no-repeat;
-          background-size: 100% 100%;
-          box-shadow: 0px 0px 10px #292929;
+
+      .el-table tr {
+        background-color: transparent !important;
         color: #ffffffc7;
-          font-size: 14px;
       }
+
+      .el-table thead tr {
+        height: 40px;
+        background: url(../../assets/img/setting/tr1.png) no-repeat;
+        background-size: 100% 100%;
+      }
+
+      .el-table th {
+        background-color: transparent;
+      }
+
+      tbody tr {
+        border-bottom: 1px solid #252631;
+      }
+
       .el-table td {
-          border-bottom: 1px solid #91919170;
+        border-bottom: 1px solid #252631;
         border-right: unset;
       }
-        .el-table--enable-row-hover .el-table__body tr:hover > td {
+
+      .el-table--enable-row-hover .el-table__body tr:hover>td {
         background-color: #82848a78;
       }
+
       .el-table th {
         border: unset;
-          background: #ff000000;
+        // background-color: #263b5d !important;
       }
+
       .el-table--fit {
         background: none !important;
         border: unset;
       }
+
       .el-icon-delete-solid {
         color: red;
         cursor: pointer;
         font-size: 18px;
       }
-        .el-icon-download {
-          color: #1172d8;
-          cursor: pointer;
-          font-size: 20px;
-        }
+
       .el-icon-edit {
         color: #1172d8;
         cursor: pointer;
         font-size: 20px;
       }
+
       .el-icon-view {
         color: #00ffff;
         font-size: 20px;
         cursor: pointer;
       }
+
       .el-table--group::after,
       .el-table--border::after,
       .el-table::before {
         background-color: unset;
       }
+
       .span-div:hover {
         // font-weight: bold;
         color: #0dada7;
         text-decoration: underline;
         cursor: pointer;
       }
+
       .span-div {
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 1;
         overflow: hidden;
       }
+
       .pub-xdzy {
         width: 35px;
         height: 35px;
         float: left;
         cursor: pointer;
       }
+
       .dt {
         background-image: url(../../assets/img/xxxl/new/dt.png);
         background-repeat: no-repeat;
         background-size: 100% 100%;
       }
+
       .lsjl {
         background-image: url(../../assets/img/xxxl/new/lsjl.png);
         background-repeat: no-repeat;
         background-size: 100% 100%;
         margin-left: 20px;
       }
-        .dt:hover{
+
+      .dt:hover {
         background-image: url(../../assets/img/xxxl/new/dt1.png);
       }
+
       .lsjl:hover {
         background-image: url(../../assets/img/xxxl/new/lsjl1.png);
       }
     }
+
     .page-div {
       width: 100%;
       height: 50px;
+
       .el-pagination {
         margin-top: 9px;
         text-align: right;
+
         .el-pagination__jump {
           color: white;
         }
+
         .el-pagination__total {
           color: white;
         }
       }
+
       .myPagination.is-background .el-pager li:not(.disabled).active {
         color: #fff;
         border: 1px solid #146a80;
@@ -744,9 +683,11 @@
         background-color: #1d2d46;
       }
     }
+
     .bottom-content {
       width: 100%;
       height: calc(100% - 50px);
+
       .content-title {
         width: 100%;
         height: 40px;
@@ -754,35 +695,44 @@
         padding-left: 20px;
         box-sizing: border-box;
         background: #263b5d;
+
         .new-num {
           color: #09c69c;
         }
       }
     }
   }
+
   .el-dialog {
     // background: #1d2d46 !important;
     background-color: #1d2d4700 !important;
     background-image: url(../../assets/img/xxxl/new/tk.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
+
     .el-dialog__header {
       padding: 35px 0px 0px;
+
       .el-dialog__headerbtn {
         top: 40px;
       }
     }
+
     .el-dialog__title {
       color: #ffffff;
     }
+
     .el-form-item__label {
       color: #dadada;
     }
+
     .el-dialog__body {
       padding: 25px 25px 0px;
     }
+
     .el-dialog__footer {
       padding: 4px 0px 84px;
+
       .el-button {
         border-radius: 20px;
         background: linear-gradient(to right, #c36a00, #e99e28);
@@ -790,6 +740,7 @@
         color: white;
       }
     }
+
     .button-preview {
       width: 100px;
       height: 30px;
@@ -803,6 +754,7 @@
       background-repeat: no-repeat;
       background-size: 100% 100%;
     }
+
     .button-cancel {
       width: 100px;
       height: 30px;
@@ -815,20 +767,25 @@
       background-repeat: no-repeat;
       background-size: 100% 100%;
     }
+
     .el-upload-list__item-name [class^="el-icon"] {
       color: #2870ff;
       height: unset !important;
     }
+
     .el-upload__tip {
       color: #c7c7c7;
     }
+
     .el-upload-list__item-name {
       color: #4382ff;
     }
+
     .audio-class {
       margin-left: 75px;
     }
   }
+
   /deep/ .el-list-enter-active,
   /deep/ .el-list-leave-active {
     transition: none;
@@ -838,25 +795,34 @@
   /deep/ .el-list-leave-active {
     opacity: 0;
   }
+
   /deep/ .el-upload-list {
     height: 40px;
   }
+
   .slide-fade-enter-active {
     transition: all 0.3s ease;
   }
+
   .slide-fade-leave-active {
     transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
   }
-    .slide-fade-enter, .slide-fade-leave-to
-  /* .slide-fade-leave-active for below version 2.1.8 */ {
+
+  .slide-fade-enter,
+  .slide-fade-leave-to
+
+  /* .slide-fade-leave-active for below version 2.1.8 */
+    {
     transform: translateX(10px);
     opacity: 0;
   }
+
   .xzwd {
     .el-dialog__body {
       padding: 25px 25px 0px;
     }
   }
+
   .el-dialog {
     .el-input__inner {
       color: white !important;
@@ -864,25 +830,30 @@
       border: 1px solid #6f6c5c !important;
       box-shadow: none;
     }
+
     .el-textarea__inner {
       color: white !important;
       background: #0d1420 !important;
       border: 1px solid #6f6c5c !important;
       box-shadow: none;
     }
-      .el-table__body tr:hover > td {
+
+    .el-table__body tr:hover>td {
       background-color: unset;
     }
+
     .table-div {
       width: 100%;
       height: 500px;
       margin-top: 20px;
       margin-left: 0px;
       background: #e6e6e600;
+
       tr {
         background-color: unset;
         color: #ffffff;
       }
+
       .el-table__header-wrapper tr {
         background-image: url(../../assets/img/flfg/new/4.png);
         background-repeat: no-repeat;
@@ -891,21 +862,29 @@
         color: #ffffff;
         font-size: 14px;
       }
+
       th {
         border: unset;
         color: #ffffff;
         font-size: 14px;
         background-color: unset;
       }
+
+      td {
+        border-bottom: 1px solid #252631 !important;
+        border-right: unset;
+      }
+
       .el-table__body-wrapper {
         height: 452px;
         overflow-y: auto;
       }
+
       .cell {
         text-align: center;
       }
     }
   }
-  }
-  </style>
+}
+</style>
   
\ No newline at end of file