修改了页面显示

src/views/rlqbxsxx/rlqbtj.vue

@@ -107,7 +107,7 @@
         </el-table-column>
       </el-table>
       <!-- 弹框展示 -->
-      <el-dialog title="线索类型" :visible.sync="dialogG" width="43%">
+      <el-dialog title="线索类型" :visible.sync="dialog" width="43%">
         <el-table
           element-loading-text="拼命加载中"
           ref="itemDataTable"
@@ -117,6 +117,7 @@
           style="margin: 0 auto"
           width="100%"
           size="small"
+          v-show="dialogG"
         >
           <el-table-column
             align="center"
@@ -133,6 +134,71 @@
             </template>
           </el-table-column>
         </el-table>
+        <el-table
+          element-loading-text="拼命加载中"
+          ref="itemDataTable"
+          :data="tableDataA"
+          tooltip-effect="dark"
+          max-height="600"
+          style="margin: 0 auto"
+          width="100%"
+          size="small"
+          v-show="dialogA"
+        >
+          <el-table-column
+            align="center"
+            v-for="(columnTitle, index) in bshglajA.cxDefaultFormThead"
+            :key="index"
+            :label="columnTitle.label"
+            width="200"
+            :prop="columnTitle.prop"
+          >
+            <template slot-scope="scope">
+              <div v-if="columnTitle.prop == 'jyaq'">
+              <div class="ajxq_s">
+                <span class="none" v-html="scope.row[columnTitle.prop]"></span
+                ><a
+                  href="javascript:void(0);"
+                  onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
+                  style="
+                    display: inline-block;
+                    width: 100%;
+                    text-align: right;
+                    color: #3692c6;
+                    font-weight: 600;
+                  "
+                  id="open"
+                  v-show="
+                    scope.row[columnTitle.prop] != '' &&
+                    scope.row[columnTitle.prop] != null
+                  "
+                  >展开</a
+                >
+              </div>
+              <div class="ajxq_n" style="display: none">
+                <span
+                  style="display: block"
+                  v-html="scope.row[columnTitle.prop]"
+                ></span
+                ><a
+                  href="javascript:void(0);"
+                  onclick='javascript:this.parentNode.style.display="none";this.parentNode.previousSibling.style.display="block"'
+                  style="float: right; color: #3692c6; font-weight: 600"
+                  id="stop"
+                  v-show="
+                    scope.row[columnTitle.prop] != '' &&
+                    scope.row[columnTitle.prop] != null
+                  "
+                  >收起</a
+                >
+              </div>
+            </div>
+            <div v-else>
+              {{ scope.row[columnTitle.prop] }}
+            </div>
+            </template>
+          </el-table-column>
+        </el-table>
         <el-pagination
           background
           @current-change="handleCurrentChangeG"
@@ -145,7 +211,7 @@
         >
         </el-pagination>
         <span slot="footer" class="dialog-footer">
-          <el-button @click="dialogG = false">关闭</el-button>
+          <el-button @click="dialog = false">关闭</el-button>
         </span>
       </el-dialog>
     </div>
@@ -261,7 +327,32 @@ export default {
           },
         ],
       },
+      bshglajA: {
+        pageBs: "qyeryrlqbxsTj",
+        cxFormData: {},
+        cxQueryField: [],
+        cxDefaultFormThead: [
+          {
+            label: "案事件编号",
+            prop: "asjbh",
+          },
+          {
+            label: "案件名称",
+            prop: "ajmc",
+          },
+          {
+            label: "案件类别",
+            prop: "ajlbdm",
+          },
+          {
+            label: "简要案情",
+            prop: "jyaq",
+          },
+        ],
+      },
+      dialog: false,
       dialogG: false,
+      dialogA:false,
       tableData: [],
       pagesize: 5,
       tableDataLength: "",
@@ -277,6 +368,8 @@ export default {
       //   spinner: "el-icon-loading",
       //   background: "rgba(255, 255, 255, 0.7)",
       // });
+      this.dialogG = false
+      this.dialogA = false
       console.log(dwcode);
       console.log(label);
       let params = new FormData();
@@ -287,15 +380,15 @@ export default {
       params.append("djsjEnd", this.formData.djsjjssj);
       if (label == "关联省内线索" || label == "关联全国线索") {
         if (label == "关联省内线索") {
-          params.append("xslx", "sheng");
+          params.append("anbzxx", "sheng");
         } else if (label == "关联全国线索") {
-          params.append("xslx", "guo");
+          params.append("anbzxx", "guo");
         }
         getAjTjGlajxx(params).then((res) => {
           if (res.success && res.code == 200) {
-            this.tableData = res.data.rows;
+            this.tableDataA = res.data.rows;
             this.tableDataLength = res.data.total;
-            this.dialogG = true;
+            this.dialogA = true;
             // loading.close();
           }
         });
@@ -322,6 +415,7 @@ export default {
           }
         });
       }
+      this.dialog = true
     },
     xtt(scope) {
       this.formData.xsfbdw = scope.row.unitcode;