新增了人力情报统计的弹框列表展示

src/api/rlqbxs.js

@@ -70,4 +70,8 @@ export const getAjListByQg = params =>
 
 //人力情报统计
 export const getRlqbxxtj = params =>
-  postform(`${base.alyIP}/rlqb/getRlqbxxtj`, params);  
\ No newline at end of file
+  postform(`${base.alyIP}/rlqb/getRlqbxxtj`, params);  
+//人力情报统计弹框
+export const getAjTjtsg = params =>
+  postform(`${base.alyIP}/rlqb/getAjTjtsg`, params);  
+  
\ No newline at end of file

src/views/rlqbxsxx/rlqbtj.vue

@@ -61,48 +61,100 @@
         tooltip-effect="dark"
         width="100%"
         size="small"
-        :header-cell-style="{ background: '#F0F0F1' }"
+        :header-cell-style="{ background: '#f9f9f9' }"
+				border
       >
         <el-table-column
-          v-for="columnTitle in cxDefaultFormThead"
-          :key="columnTitle.label"
-          :label="columnTitle.label"
-          :width="columnTitle.width"
+          label="单位名称"
+          width="260"
           align="center"
+          prop="unitname"
         >
           <template slot-scope="scope">
-            <div v-if="columnTitle.prop == 'unitname'">
-              <span
-                @click="xtt(scope)"
-                style="color: #0061f7; cursor: pointer"
-                v-html="scope.row[columnTitle.prop]"
-              ></span>
-            </div>
-            <div
-              v-else-if="
-                columnTitle.prop != 'unitname' &&
-                scope.row[columnTitle.prop] != 0
-              "
-            >
-              <span
-                @click="showDialog(scope)"
-                style="color: #0061f7; cursor: pointer"
-                v-html="scope.row[columnTitle.prop]"
-              ></span>
-            </div>
-            <div v-else>
-              <span v-html="scope.row[columnTitle.prop]"></span>
-            </div>
+            <span
+              @click="xtt(scope)"
+              style="color: #0061f7; cursor: pointer"
+              v-html="scope.row.unitname"
+            ></span>
           </template>
         </el-table-column>
+        <el-table-column label="线索类型" align="center">
+          <el-table-column
+            v-for="columnTitle in cxDefaultFormThead"
+            :key="columnTitle.label"
+            :label="columnTitle.label"
+            :width="columnTitle.width"
+            align="center"
+          >
+            <template slot-scope="scope">
+              <div
+                v-if="
+                  columnTitle.prop != 'unitname' &&
+                  scope.row[columnTitle.prop] != 0
+                "
+              >
+                <span
+                  @click="showDialog(scope.row.unitcode, scope.column.label)"
+                  style="color: #0061f7; cursor: pointer"
+                  v-html="scope.row[columnTitle.prop]"
+                ></span>
+              </div>
+              <div v-else>
+                <span v-html="scope.row[columnTitle.prop]"></span>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table-column>
       </el-table>
+      <!-- 弹框展示 -->
+      <el-dialog title="线索类型" :visible.sync="dialogG" width="43%">
+        <el-table
+          element-loading-text="拼命加载中"
+          ref="itemDataTable"
+          :data="tableData"
+          tooltip-effect="dark"
+          max-height="600"
+          style="margin: 0 auto"
+          width="100%"
+          size="small"
+        >
+          <el-table-column
+            align="center"
+            v-for="(columnTitle, index) in bshglaj.cxDefaultFormThead"
+            :key="index"
+            :label="columnTitle.label"
+            width="200"
+            :prop="columnTitle.prop"
+          >
+            <template slot-scope="scope">
+              <div>
+                {{ scope.row[columnTitle.prop] }}
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-pagination
+          background
+          @current-change="handleCurrentChangeG"
+          :current-page.sync="currentPage1S"
+          :page-size="pagesize"
+          :page-sizes="[10, 20, 50, 100]"
+          layout="sizes,prev, pager, next"
+          :total="tableDataGLength"
+          v-if="pageShow"
+        >
+        </el-pagination>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="dialogG = false">关闭</el-button>
+        </span>
+      </el-dialog>
     </div>
   </div>
 </template>
 <script>
 import rightContent from "@c/ptCxForm_components.vue";
 import SelectTreeDialog from "@c/treeCode_components.vue";
-import { getRlqbxxtj } from "@/api/rlqbxs.js";
+import { getRlqbxxtj, getAjTjtsg } from "@/api/rlqbxs.js";
 export default {
   components: {
     rightContent,
@@ -144,11 +196,6 @@ export default {
       tableLineData: [],
       cxDefaultFormThead: [
         {
-          label: "单位名称",
-          prop: "unitname",
-          width: "260",
-        },
-        {
           label: "诈骗",
           prop: "zpcount",
           width: "auto",
@@ -190,6 +237,36 @@ export default {
           width: "auto",
         },
       ],
+      //列表展示
+      bshglaj: {
+        pageBs: "qyeryrlqbxsTj",
+        cxFormData: {},
+        cxQueryField: [],
+        cxDefaultFormThead: [
+          {
+            label: "情报线索名称",
+            prop: "asjbh",
+          },
+          {
+            label: "登记时间",
+            prop: "ajmc",
+          },
+          {
+            label: "新报线索分类名称",
+            prop: "ajlbdm",
+          },
+          {
+            label: "人力情报线索类型",
+            prop: "larq",
+          },
+        ],
+      },
+      dialogG: false,
+      tableData: [],
+      pagesize: 5,
+      tableDataLength: "",
+      pageShow: false,
+      currentPage1: 1,
     };
   },
   methods: {
@@ -225,7 +302,36 @@ export default {
         }
       });
     },
-    showDialog(scope) {},
+    showDialog(dwcode, label) {
+      console.log(dwcode);
+      console.log(label);
+      let params = new FormData();
+      params.append("page", 1);
+      params.append("limit", 10);
+      params.append("unitcode", dwcode);
+      if (label == "诈骗") {
+        params.append("xslx", "01");
+      } else if (label == "抢劫") {
+        params.append("xslx", "02");
+      } else if (label == "涉毒") {
+        params.append("xslx", "03");
+      } else if (label == "涉黑") {
+        params.append("xslx", "04");
+      } else if (label == "盗窃") {
+        params.append("xslx", "05");
+      } else if (label == "其他") {
+        params.append("xslx", "06");
+      }
+      params.append("djsjStart", this.formData.djsjkssj);
+      params.append("djsjEnd", this.formData.djsjjssj);
+      getAjTjtsg(params).then((res) => {
+        if (res.success && res.code == 200) {
+          self.tableData = res.data.rows;
+          this.dialogG = true;
+          loading.close();
+        }
+      });
+    },
     xtt(scope) {
       this.formData.xsfbdw = scope.row.unitcode;
       this.doQueryRlData();