团伙研判报告

src/api/ypbg/report.js

@@ -43,3 +43,9 @@ export const getYpbgMbByWh = params => post(`${base.alyIP}/ypbgxx/getYpbgMbByWh`
 
 //选择联系人
 export const selectUserList = params => post(`${base.alyIP}/xdzlgn/selectUserList`, params)
+
+
+export const getKshYpbg = params =>
+    postform(`${base.alyIP}/kshYpbg/getKshYpbg`, params);
+
+    
\ No newline at end of file

src/router/modules/index.js

@@ -1028,4 +1028,14 @@ export default [
     },
     component: () => import("@/views/xsDetail/zlSh.vue")
   },
+  {
+    path: "/thypbg",
+    name: "thypbg",
+    meta: {
+        title: '研判报告',
+        auth: "5",
+        isUpdata: false
+    },
+    component: () => import("@/views/index/thypbg.vue")
+},
 ]

src/views/index/thypbg.vue

+<!--  -->
+<template>
+  <div id="thypbg">
+    <h1></h1>
+    <div class="title">
+      <img src="../../assets/img/jinhui.png" alt="" />
+      <div class="name">涉黑涉恶团伙综合研判报告</div>
+    </div>
+    <div class="content">
+      <div class="yp_body">
+        <div class="yp_title">
+          <img class="yp_img" src="../../assets/img/ypbg_title.png" />
+          <div class="yp_name">涉黑涉恶团伙综合研判报告</div>
+          <img class="yp_dy" @click="print" src="../../assets/img/dy.png" />
+        </div>
+        <div class="yp_contnet">
+          <!-- <div class="jqzs" id="jqzs">
+            <span>警情综述</span>
+            <p>警情研判报告</p>
+          </div> -->
+          <div class="subtitle" id="xsajfaqk">一、团伙基本信息</div>
+          <div class="jqzs bj" id="gxqfaqk">
+            <!-- <span>1、各辖区发案情况</span> -->
+            <p v-html="ypbgObj.tbjbxx"></p>
+          </div>
+        </div>
+        <div class="yp_contnet">
+          <!-- <div class="jqzs" id="jqzs">
+            <span>警情综述</span>
+            <p>警情研判报告</p>
+          </div> -->
+          <div class="subtitle" id="xsajfaqk">二、出行分析结果</div>
+          <div class="jqzs bj" id="gxqfaqk">
+            <p v-html="ypbgObj.cxjgfx"></p>
+          </div>
+        </div>
+        <div class="yp_contnet">
+          <!-- <div class="jqzs" id="jqzs">
+            <span>警情综述</span>
+            <p>警情研判报告</p>
+          </div> -->
+          <div class="subtitle" id="xsajfaqk">三、住宿分析结果</div>
+          <div class="jqzs bj" id="gxqfaqk">
+            <p v-html="ypbgObj.zsfxjg"></p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {getKshYpbg} from "@/api/ypbg/report";
+export default {
+  data() {
+    return {
+      ypbgObj:{}
+    };
+  },
+
+  components: {},
+
+  computed: {},
+
+  created() {
+    this.getData();
+  },
+
+  mounted() {},
+
+  methods: {
+    print() {
+      window.print();
+    },
+    getData() {
+      var params = new FormData();
+      params.append("uuid", this.$route.query.uuid);
+      getKshYpbg(params)
+        .then((res) => {
+          if(res.code == 200){
+            this.ypbgObj = res.data
+          }
+        })
+        .catch((err) => {});
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+#thypbg {
+  .title {
+    height: 52px;
+    background: #1f212c;
+    padding-left: 32px;
+    display: flex;
+    align-items: center;
+    img {
+      width: 36px;
+      height: 36px;
+    }
+    .name {
+      font-size: 18px;
+      font-family: Microsoft YaHei;
+      font-weight: bold;
+      line-height: 24px;
+      color: #ffffff;
+    }
+  }
+  .content {
+    width: 1360px;
+    margin: 0 auto;
+    margin-top: 24px;
+    display: flex;
+    flex-direction: column;
+    height: auto;
+    margin-bottom: 68px;
+    .btn {
+      width: 108px;
+      height: 36px;
+      background: #3670ff;
+      box-shadow: 0px 4px 6px rgba(54, 112, 255, 0.2);
+      opacity: 1;
+      border-radius: 4px;
+      font-size: 14px;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      color: #ffffff;
+      text-align: center;
+      line-height: 36px;
+      margin-left: 40px;
+    }
+    .yp_body {
+      background: #ffffff;
+      border: 1px solid #e2e2e2;
+      border-radius: 8px;
+      position: relative;
+      padding: 0 32px;
+      .yp_title {
+        height: 64px;
+        display: flex;
+        align-items: center;
+        .yp_img {
+          width: 32px;
+          height: 32px;
+        }
+        .yp_name {
+          font-size: 20px;
+          font-family: Microsoft YaHei;
+          font-weight: bold;
+          line-height: 26px;
+          color: #1f212c;
+          margin-left: 12px;
+        }
+        .yp_dy {
+          width: 76px;
+          height: 28px;
+          position: absolute;
+          right: 32px;
+        }
+      }
+      .yp_contnet {
+        width: 1171px;
+        .jqzs {
+          width: 720px;
+          padding: 23px 36px;
+          span {
+            height: 21px;
+            font-size: 17px;
+            font-family: Microsoft YaHei;
+            font-weight: bold;
+            line-height: 21px;
+            color: #333333;
+          }
+          p {
+            font-size: 14px;
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            line-height: 26px;
+            color: #666666;
+          }
+        }
+        .subtitle {
+          width: 1056px;
+          height: 36px;
+          background: linear-gradient(90deg, #4c5459 0%, #ffffff 100%);
+          font-size: 18px;
+          font-family: Microsoft YaHei;
+          font-weight: bold;
+          line-height: 36px;
+          color: #ffffff;
+          padding-left: 16px;
+        }
+        .xqgdfaqk {
+          width: 100%;
+          height: 298px;
+        }
+      }
+    }
+  }
+  .bj {
+    padding: 24px 36px 32px 36px;
+  }
+  .activeColor {
+    color: #3670ff;
+    font-size: 14px;
+  }
+
+  .activeColor1 {
+    color: #666;
+    font-size: 14px;
+    padding-left: 16px;
+  }
+
+  .activeColor2 {
+    color: #333;
+    font-size: 14px;
+  }
+
+  .activeColor3 {
+    color: #3670ff;
+    padding-left: 16px;
+    font-size: 14px;
+  }
+  .upclass {
+    color: #ef4c4c;
+    padding-left: 5px;
+  }
+  .downclass {
+    color: #35ca1e;
+    padding-left: 5px;
+  }
+}
+</style>
\ No newline at end of file