新增预警积分排名

src/views/home/model/warningPoints.vue

@@ -0,0 +1,88 @@
+<template>
+    <div class="comom-title">
+        <span class="title">预警积分排名</span>
+    </div>
+     <div class="comom-cnt zdryBox">
+        <DarkTable
+            customClass="zdy_bkcz_table"
+            :tableData="pageData.tableData"
+            :tableColumn="pageData.tableColumn"
+            :tableHeight="pageData.tableHeight"
+            :key="pageData.keyCount"
+            :isScroll="true"
+            :tableConfiger="pageData.tableConfiger"
+            >
+        </DarkTable>
+     </div>
+</template>
+
+<script setup>
+import { reactive,onMounted } from 'vue'
+import DarkTable from '@/components/aboutTable/DarkTable.vue'
+import { qcckGet } from "@/api/qcckApi.js";
+const pageData = reactive({
+  tableData: [],
+  keyCount: 0,
+  tableConfiger: {
+    loading: false,
+    rowHieght: 61,
+    haveControls: false,
+    showSelectType: "null",
+    showIndex: false,
+    stripe: true
+  },
+  tableColumn: [
+    { label: "姓名", prop: "ryxm", showOverflowTooltip: true },
+    { label: "身份证", prop: "rysfzh", showOverflowTooltip: true },
+    { label: "积分", prop: "sffz", showOverflowTooltip: true },
+    { label: "排名", prop: "order", showOverflowTooltip: true },
+  ]
+});
+onMounted(() => {
+  getList()
+})
+
+const getList = () => {
+  pageData.tableConfiger.loading = true
+  qcckGet({},'/mosty-gsxt/tbYjxx/selectYjxxFzTen').then(res => {
+      let list = res || []
+      pageData.tableData = list.map((item, index) => {
+        item.order = index + 1
+        return item
+      })
+    pageData.tableConfiger.loading = false
+  }).catch(() => {
+    pageData.tableConfiger.loading = false
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/css/homeScreen.scss";
+::v-deeep .comom-title {
+  background: url("~@/assets/images/bg18.png") no-repeat center center;
+  background-size: 100% 100%;
+}
+::v-deep .el-table td.el-table__cell {
+  color: #ffffff;
+}
+
+::v-deep
+  .el-table--striped
+  .el-table__body
+  tr.el-table__row--striped
+  td.el-table__cell {
+  background: rgba(0, 61, 130, 0.75);
+}
+</style>
+
+<style lang="scss">
+
+.zdy_bkcz_table td.el-table__cell {
+  color: #ffffff !important;
+}
+.zdy_bkcz_table th.el-table__cell {
+  color: #ffffff !important;
+  font-size: 15px;
+}
+</style>