警报

package-lock.json

@@ -2076,6 +2076,51 @@
           "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
           "dev": true
         },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true,
+          "optional": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
         "ssri": {
           "version": "8.0.1",
           "resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz",
@@ -2084,6 +2129,28 @@
           "requires": {
             "minipass": "^3.1.1"
           }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "vue-loader-v16": {
+          "version": "npm:vue-loader@16.8.3",
+          "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz",
+          "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chalk": "^4.1.0",
+            "hash-sum": "^2.0.0",
+            "loader-utils": "^2.0.0"
+          }
         }
       }
     },
@@ -14702,75 +14769,6 @@
         }
       }
     },
-    "vue-loader-v16": {
-      "version": "npm:vue-loader@16.8.3",
-      "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz",
-      "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "chalk": "^4.1.0",
-        "hash-sum": "^2.0.0",
-        "loader-utils": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true,
-          "optional": true
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true,
-          "optional": true
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
     "vue-router": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.3.tgz",

src/views/dataBI/components/Patrolmissions.vue

@@ -1,107 +1,123 @@
 <template>
-  <ul class="patrol-missions" v-if="showModel" infinite-scroll-distance="1" v-infinite-scroll="loadList" v-loading="loading">
+  <ul class="patrol-missions" v-if="showModel" infinite-scroll-distance="1" v-infinite-scroll="loadList"
+    v-loading="loading">
     <li class="test-item" v-for="(item, index) in list" :key="`info${index}`">
       <div class="person-img"><img src="@/assets/images/person.png" /></div>
       <div class="info">
         <div class="text one_text_detail f16">{{ item.qwmc }}</div>
-        <div class="text lh30">负责人:{{ item.xm }}</div>
+        <div class="text lh30 flex">负责人:{{ item.xm }} (<dict-tag :options="D_BAXX_GWLX" :value="item.gw" :tag="false" />)
+        </div>
         <div class="lh30">电话:{{ item.lxdh }}</div>
         <div class="one_text_detail">巡逻路线:{{ item.bxxmc }}</div>
       </div>
     </li>
-    <p class="tc" v-if="list.length > 0 && noMore && !loading ">没有数据了</p>
+    <p class="tc" v-if="list.length > 0 && noMore && !loading">没有数据了</p>
     <MOSTY.Empty :show="true" :imgSize="100" v-if="list.length == 0 && !loading"></MOSTY.Empty>
   </ul>
 </template>
 <script setup>
 import * as MOSTY from "@/components/MyComponents/index";
 import { qcckGet } from "@/api/qcckApi.js";
-import { onMounted, ref } from 'vue';
+import { onMounted, ref, getCurrentInstance } from 'vue';
+const { proxy } = getCurrentInstance();
+const { D_BAXX_GWLX } = proxy.$dict("D_BAXX_GWLX");
 const list = ref([])
 const loading = ref(false);
 const page = ref(1);
 const total = ref(0)
 const noMore = ref(false)
 const showModel = ref(false)
-onMounted(()=>{
+onMounted(() => {
   showModel.value = true;
   getDateMeta()
 })
-  // 更新数据
+// 更新数据
-const getDateMeta = () =>{
+const getDateMeta = () => {
   loading.value = true;
   let params = {
-    pageSize:10,
+    pageSize: 10,
-    pageCurrent:page.value,
+    pageCurrent: page.value,
   }
-  qcckGet(params,'/mosty-jbld/dptj/getJbxlrw').then(res=>{
+  qcckGet(params, '/mosty-jbld/jbldzsd/selectXlrw').then(res => {
     loading.value = false;
-    let arr =  res.records || []
+    list.value = res;
-    list.value = page.value == 1 ? arr : list.value.concat(arr);
+    // let arr =  res.records || []
-    total.value = res.total
+    // list.value = page.value == 1 ? arr : list.value.concat(arr);
-  }).catch(()=>{
+    // total.value = res.total
+  }).catch(() => {
     loading.value = false;
   })
 }
 
 // 滚动加载
-const loadList = () =>{
+const loadList = () => {
-  console.log('鸡杂');
+  //  if(list.value.length == total.value) return noMore.value = true;
-  
+  //  noMore.value = false;
- if(list.value.length == total.value) return noMore.value = true;
+  //   page.value++;
- noMore.value = false;
+  //   getDateMeta();
-  page.value++;
-  getDateMeta();
 }
 
 </script>
 <style lang="scss" scoped>
-  .patrol-missions {
+.patrol-missions {
-    margin-top: 10px;
+  margin-top: 10px;
-    height: calc(100% - 10px);
+  height: calc(100% - 10px);
-    padding: 10px 10px 0 10px;
+  padding: 10px 10px 0 10px;
+  box-sizing: border-box;
+  overflow: hidden;
+  overflow-y: auto;
+
+  .test-item {
+    background: url("~@/assets/images/bi/xlrw.png") no-repeat center center;
+    background-size: 100% 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 14px 10px 14px 20px;
     box-sizing: border-box;
-    overflow: hidden;
+    margin-bottom: 4px;
-    overflow-y: auto;
+
-    .test-item {
+    &:nth-last-child(1) {
-      background: url("~@/assets/images/bi/xlrw.png") no-repeat center center;
+      margin-bottom: 0;
-      background-size: 100% 100%;
+    }
-      display: flex;
+
-      justify-content: space-between;
+    .person-img {
-      align-items: center;
+      width: 116px;
-      padding: 14px 10px 14px 20px;
+      height: 90px;
-      box-sizing: border-box;
+
-      margin-bottom: 4px;
+      img {
-      &:nth-last-child(1){
+        width: 100%;
-        margin-bottom: 0;
+        height: 100%;
       }
-      .person-img {
+    }
-        width: 116px;
+
-        height: 90px;
+    .info {
-        img {
+      width: calc(100% - 145px);
-          width: 100%;
+
-          height: 100%;
+      .text {
-        }
+        color: rgb(1, 252, 254);
-      }
-      .info {
-        width: calc(100% - 145px);
-        .text{
-          color: rgb(1, 252, 254);
-        }
       }
     }
   }
-  ::-webkit-scrollbar {
+}
-    background-color: #263b70 !important;
+
-  }
+::-webkit-scrollbar {
-  ::-webkit-scrollbar-thumb {
+  background-color: #263b70 !important;
-    background-color: #146bbe !important;;
+}
-    border-radius: 50px;
+
-  }
+::-webkit-scrollbar-thumb {
-  ::-webkit-scrollbar-track {
+  background-color: #146bbe !important;
-    background-color: #263b70 !important;;
+  ;
-  }
+  border-radius: 50px;
-  ::-webkit-scrollbar-corner {
+}
-    background-color: #142141 !important;;
+
-  }
+::-webkit-scrollbar-track {
+  background-color: #263b70 !important;
+  ;
+}
+
+::-webkit-scrollbar-corner {
+  background-color: #142141 !important;
+  ;
+}
 </style>