lcw

src/views/home/model/keyPpersonneltypes copy.vue

@@ -0,0 +1,70 @@
+<template>
+  <div class="comom-title">
+    <div class="title" style="width: 70%;">重点人员类型<span class="switchover" @click.stop="reversalPush">切换</span></div>
+    <div class="title titleFz" @click="visible = true">
+      查看列表
+    </div>
+  </div>
+  <div style="height: calc(100% - 35px);">
+    <Pie3D :data="data" />
+  </div>
+  <ZdryDiloding v-model="visible" />
+</template>
+
+<script setup>
+import Pie3D from '@/components/MyComponents/Pie3D.vue'
+import ZdryDiloding from '@/views/home/model/mesgSwitch/zdryDiloding.vue'
+import { tbGsxtZdryzdryBqtj } from '@/api/zdr'
+import { ref } from 'vue'
+const data = ref([
+  { value: 18, name: '涉恐人员' },
+  { value: 13, name: '涉稳人员' },
+  { value: 17, name: '在逃人员' },
+  { value: 20, name: '涉毒人员' },
+  { value: 25, name: '刑事犯罪前科' },
+  { value: 30, name: '肇事肇祸精神病' },
+  { value: 30, name: '重点上访人员' },
+  { value: 30, name: '僧尼人员' },
+])
+const emit = defineEmits(["reversalPush"])
+const reversalPush = () => {
+  emit('reversalPush')
+}
+const visible = ref(false)
+const tbGsxtZdryzdryBqtjFn = () => {
+  tbGsxtZdryzdryBqtj({ bqlx: '01' }).then(res => {
+    const dataList = res.slice(0, 8)
+    data.value = dataList.map(item => {
+      return {
+        value: item.sl,
+        name: item.bqmc,
+      }
+    })
+  })
+}
+tbGsxtZdryzdryBqtjFn()
+</script>
+
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5);
+}
+</style>
+
+<style lang="scss" scoped>
+@import "@/assets/css/homeScreen.scss";
+
+.titleFz {
+  position: relative;
+  z-index: 100;
+  font-size: 14px !important;
+  color: rgb(255, 166, 14);
+}
+.switchover{
+  cursor: pointer;
+  font-size: 14px;
+  margin-left: 20px;
+  color: rgb(255, 146, 4);
+  margin-left: 23%;
+}
+</style>

src/views/home/model/keyPpersonneltypes.vue

@@ -1,48 +1,41 @@
 <template>
   <div class="comom-title">
-    <div class="title" style="width: 70%;">重点人员类型<span class="switchover" @click.stop="reversalPush">切换</span></div>
-    <div class="title titleFz" @click="visible = true">
-      查看列表
+    <div class="title" style="width: 70%">
+      警种统计 <span class="switchover" @click.stop="reversalPush">切换</span>
     </div>
+    <div class="title titleFz" @click="visible = true">查看列表</div>
   </div>
-  <div style="height: calc(100% - 35px);">
+  <div style="height: calc(100% - 35px)">
     <Pie3D :data="data" />
   </div>
   <ZdryDiloding v-model="visible" />
 </template>
 
 <script setup>
-import Pie3D from '@/components/MyComponents/Pie3D.vue'
-import ZdryDiloding from '@/views/home/model/mesgSwitch/zdryDiloding.vue'
-import { tbGsxtZdryzdryBqtj } from '@/api/zdr'
-import { ref } from 'vue'
-const data = ref([
-  { value: 18, name: '涉恐人员' },
-  { value: 13, name: '涉稳人员' },
-  { value: 17, name: '在逃人员' },
-  { value: 20, name: '涉毒人员' },
-  { value: 25, name: '刑事犯罪前科' },
-  { value: 30, name: '肇事肇祸精神病' },
-  { value: 30, name: '重点上访人员' },
-  { value: 30, name: '僧尼人员' },
-])
-const emit = defineEmits(["reversalPush"])
+import Pie3D from "@/components/MyComponents/Pie3D.vue";
+import ZdryDiloding from "@/views/home/model/mesgSwitch/zdryDiloding.vue";
+import { tbGsxtZdryzdryBqtj } from "@/api/zdr";
+import { qcckGet } from "@/api/qcckApi";
+import { ref } from "vue";
+const data = ref([]);
+const emit = defineEmits(["reversalPush"]);
 const reversalPush = () => {
-  emit('reversalPush')
-}
-const visible = ref(false)
+  emit("reversalPush");
+};
+const visible = ref(false);
 const tbGsxtZdryzdryBqtjFn = () => {
-  tbGsxtZdryzdryBqtj({ bqlx: '01' }).then(res => {
-    const dataList = res.slice(0, 8)
-    data.value = dataList.map(item => {
+  qcckGet({}, "/mosty-gsxt/tbGsxtZdry/ryjzCount ").then((res) => {
+    // tbGsxtZdryzdryBqtj({ bqlx: "01" }).then((res) => {
+    //   const dataList = res.slice(0, 8);
+    data.value = res.map((item) => {
       return {
-        value: item.sl,
-        name: item.bqmc,
-      }
-    })
-  })
-}
-tbGsxtZdryzdryBqtjFn()
+        value: item.sl ? item.sl : 0,
+        name: item.zdmc
+      };
+    });
+  });
+};
+tbGsxtZdryzdryBqtjFn();
 </script>
 
 <style>
@@ -60,7 +53,7 @@ tbGsxtZdryzdryBqtjFn()
   font-size: 14px !important;
   color: rgb(255, 166, 14);
 }
-.switchover{
+.switchover {
   cursor: pointer;
   font-size: 14px;
   margin-left: 20px;