Merge branch 'main' of https://git.cityme.com.cn/xiangshan/ggfwjsc

src/view/dialog/dialogRW.vue

@@ -41,11 +41,9 @@
           </div>
         </div>
         <div style="width: 100%; height: calc(100% - 110px)" class="table-els">
-          <div class="tabelHead">
+          <div class="tabelHead" v-if="data.name == '许可证编号'">
-            <div><span>姓名：</span>{{ data.xq.xm }}</div>
+            <div><span>姓名：</span>{{ data.xq.dxmc }}</div>
             <div><span>地址：</span>{{ data.xq.dz }}</div>
-            <div><span>年龄：</span>{{ data.xq.nl }}</div>
-            <div><span>标签：</span>{{ data.xq.bq }}</div>
             <div class="status">
               <div class="statusMessage">
                 <span>状态：</span>
@@ -61,6 +59,28 @@
               </div>
             </div>
           </div>
+          <div class="tabelHead" v-else>
+            <div><span>姓名：</span>{{ data.xq.xm }}</div>
+            <div><span>地址：</span>{{ data.xq.dz }}</div>
+            <div><span>年龄：</span>{{ data.xq.nl }}</div>
+            <div><span>标签：</span>{{ data.xq.bq }}</div>
+
+            <div class="status">
+              <div class="statusMessage">
+                <span>状态：</span>
+                <img :src="lampImages[data.xq.deng]" @click="escalation" />
+              </div>
+
+              <div class="lampBox" v-if="clicked">
+                <div class="lampTitle">确定要上报吗?</div>
+                <div class="lampBtn">
+                  <div class="confirm" @click="confirmEvent()">上报</div>
+                  <div class="cancel" @click="cancelEvent()">取消</div>
+                </div>
+              </div>
+            </div>
+          </div>
+
           <div style="border: 1px solid #5284b0">
             <el-table
               :data="data.tableData"
@@ -174,6 +194,12 @@ const props = defineProps({
       return [];
     },
   },
+  name: {
+    type: Array,
+    default: () => {
+      return [];
+    },
+  },
 
   tableData: {
     type: Object,
@@ -248,6 +274,8 @@ const data = reactive({
   typeId: "",
   sfzhm: "",
   xh: "",
+
+  dxmc: "",
   // pagination: {},
 });
 // 使用对象存储所有图片路径
@@ -274,6 +302,7 @@ watch(
       // console.log(props.tableData);
       data.xq = props.tableData.data.xq;
       data.typeId = props.tableData.typeId;
+      data.name = props.tableData.name;
       data.sfzhm = props.tableData.data.xq.sfzhm;
       data.xh = props.tableData.data.xq.xh;
       // data.tableData=props.tableData.data;
@@ -281,6 +310,8 @@ watch(
       data.columns = props.tableData.columns;
       data.tableData.length = 0;
 
+      data.dxmc = props.tableData.data.xq.dxmc;
+
       // function maskName(name) {
       //   if (name.length === 2) {
       //     // 两个字的姓名，第二个字替换为 *
@@ -304,8 +335,6 @@ watch(
       // }
 
       function maskName(name) {
-        console.log("name", name);
-
         if (name.length === 2) {
           // 两个字的姓名，第二个字替换为 *
           return name[0] + "*";

src/view/person/rwTable.vue

@@ -86,7 +86,8 @@
                   <el-button
                     size="small"
                     type="warning"
-                    @click="inconsistent(scope.$index, scope.row, 1)"
+                    v-if="scope.row.eligible == '0'"
+                    @click="inconsistent(scope.$index, scope.row, 2)"
                   >
                     不符合
                   </el-button>
@@ -112,7 +113,7 @@
                     <el-button
                       size="small"
                       type="primary"
-                      @click="handleEdit(scope.$index, scope.row, 1)"
+                      @click="handleEdit(scope.$index, scope.row, 2)"
                     >
                       确认
                     </el-button>
@@ -924,9 +925,9 @@ const onTypel = (val) => {
   chooseTitle.value = val.id;
   data.columns = columnsList["最低生活保障"][val.col];
   data.url = val.url;
-  search1.name = ""
+  search1.name = "";
-  search1.date = ""
+  search1.date = "";
-  search1.date1 = ""
+  search1.date1 = "";
   if (val.id == 1) {
     data.tableData1 = [];
     personDetails();
@@ -1050,10 +1051,11 @@ const handleEdit = (index, row, status) => {
 const pushStatus = (val, status) => {
   http
     .get(
-      `/api/ggfwyth/pg/operate?bm=${val.bm}&xh=${val.xh}&sfzhm=${val.sfzhm}&status=${status}`
+      `/api/ggfwyth/pg/operate?bm=${val.bm}&xh=${val.xh}&sfzhm=${val.sfzhm}&status=${status}&eligibleRemark=${nonCompliance.value}`
     )
     .then((res) => {
       if (res.code == 200) {
+        nonCompliance.value = "";
         ElMessage.success({
           message: "推送成功",
         });

src/view/sy_details.vue

@@ -202,6 +202,16 @@
                   <div v-if="scope.row.bzlx == '1'">高龄津贴</div>
                   <div v-else>老年人综合能力评估</div>
                 </div>
+
+                <!-- 完成途径 -->
+                <div v-if="item.property == 'operatesDeng'">
+                  <div v-if="scope.row.operatesDeng">系统推送</div>
+                  <div v-else>其他</div>
+                </div>
+                <!-- 推送次数 -->
+                <div v-if="item.property == 'pushSendTotal'">
+                  <div>{{ scope.row.pushSendTotal }}</div>
+                </div>
               </template>
             </el-table-column>
             <el-table-column
@@ -290,6 +300,7 @@ const routers = useRoute();
 const data = reactive({
   name: "",
   identNo: "", //人物ID
+  dxbm: "", //许可证
   first: 1, //随访记录&体检记录切换
   tabelshow: true, //老年人福利补贴切换
   pagedData: [], //服务内容清单(中间)临时分页数据
@@ -366,6 +377,16 @@ const data = reactive({
       property: "bq",
       type: "slot",
     },
+    {
+      label: "完成途径",
+      property: "operatesDeng",
+      type: "slot",
+    },
+    {
+      label: "推送次数",
+      property: "pushSendTotal",
+      type: "slot",
+    },
   ],
   tableData: [],
   tableData1: [],
@@ -480,7 +501,9 @@ const sfType = reactive({
 });
 const tableType = reactive({
   url: `/api/ggfwyth/pg/fwjgqdxq`,
+  url1: `/api/ggfwyth/pg/spypqyxq`, //许可证编号详情
   title: "服务详情",
+  name: "",
   typeId: "",
   data: [],
   columns: [
@@ -550,8 +573,13 @@ const tableType = reactive({
   ],
   // character: [],
 });
+
 // 状态弹框
 const statusDetails = (val) => {
+  if (data.name == "许可证编号") {
+    data.dxbm = val.dxbm;
+    getTable2(tableType);
+  } else {
     data.identNo = val.sfzhm;
     if (data.identNo == null) {
       ElMessage.warning({
@@ -561,6 +589,7 @@ const statusDetails = (val) => {
     } else {
       getTable1(tableType);
     }
+  }
 };
 // 状态弹框关闭
 const closeJj = () => {
@@ -581,10 +610,44 @@ const showList = (val) => {
             message: `该服务内容暂无推送记录!`,
           });
         } else {
+          function maskName(name) {
+            if (name.length === 2) {
+              // 两个字的姓名，第二个字替换为 *
+              return name[0] + "*";
+            } else if (name.length > 2) {
+              // 三个字或更多的姓名，替换中间的字符
+              return (
+                name[0] + "*".repeat(name.length - 2) + name[name.length - 1]
+              );
+            }
+            return name; // 返回原名
+          }
+          function maskYwfzr(ywfzr) {
+            // 处理包含冒号和逗号的姓名
+            if (ywfzr.includes("：")) {
+              // 处理包含冒号的情况
+              return ywfzr.replace(/([^：]+：[^,]+)/g, (match) => {
+                const parts = match.split("："); // 分割冒号前后的部分
+                const maskedNames = parts[1]
+                  .split(",")
+                  .map((name) => maskName(name.trim()))
+                  .join(", "); // 对姓名部分进行掩码
+                return `${parts[0]}：${maskedNames}`; // 返回冒号和掩码后的姓名
+              });
+            } else {
+              // 不包含冒号，直接处理逗号分隔的姓名或单个姓名
+              return ywfzr
+                .split(",")
+                .map((name) => maskName(name.trim()))
+                .join(", ");
+            }
+          }
           push.data = push.data.map((item, index1) => {
             return {
               ...item,
               index: index1 + 1,
+              xm: maskYwfzr(item.xm),
+              adminName: maskYwfzr(item.adminName),
             };
           });
           dialogShowPush.value = true;
@@ -600,10 +663,16 @@ const closePush = () => {
 const openSf = () => {
   http.get(`/api/ggfwyth/pg/sfljqd?xh=${routers.query.xh}`).then((res) => {
     if (res.code == 200) {
+      if (res.data == null) {
+        ElMessage.warning({
+          message: "暂无数据！",
+        });
+      } else {
         sfType.title = routers.query.name;
         sfType.data = res.data;
         dialogShowSf.value = true;
       }
+    }
   });
 };
 const getTable = (pagination) => {
@@ -647,6 +716,23 @@ const getTable1 = (pagination) => {
     .then((res) => {
       if (res.code == 200) {
         tableType.data = res.data;
+        tableType.name = data.name;
+        tableType.typeId = routers.query.id;
+        dialogShow.value = true;
+      } else {
+        ElMessage.warning({
+          message: res.message,
+        });
+      }
+    });
+};
+const getTable2 = (pagination) => {
+  http
+    .get(`${pagination.url1}?dxbm=${data.dxbm}&xh=${routers.query.xh}`)
+    .then((res) => {
+      if (res.code == 200) {
+        tableType.data = res.data;
+        tableType.name = data.name;
         tableType.typeId = routers.query.id;
         dialogShow.value = true;
       } else {
@@ -672,7 +758,6 @@ const getServiceList = async (pagination, sfxs) => {
         if (sfxs) {
           data.tableData = res.data;
           pagination.total = res.count;
-          console.log(data.tableData2);
         } else {
           data.tableData2 = res.data;
           pagination2.total = res.count;
@@ -683,6 +768,9 @@ const getServiceList = async (pagination, sfxs) => {
 // 跳转人物详情
 const handleRowClick = (row) => {
   console.log(row); // row 是当前行的数据
+  if (data.name == "许可证编号") {
+    return;
+  }
   data.identNo = row.sfzhm;
   if (data.identNo == null) {
     ElMessage.warning({
@@ -712,6 +800,7 @@ const listAssignment = () => {
   pagination1.url = "";
   pagination2.url = "";
   if (data.name == "食品安全监管" || data.name == "药品安全监管") {
+    data.name = "许可证编号";
     pagination.url = "/api/ggfwyth/pg/spypqy";
     pagination1.url = "/api/ggfwyth/pg/fwnrqd";
     pagination2.url = "/api/ggfwyth/pg/spypqy";
@@ -771,7 +860,7 @@ onMounted(() => {
           property: "dxmc",
         },
         {
-          label: "统一社会信用代码",
+          label: "许可证编号",
           property: "dxbm",
         },
         {
@@ -784,6 +873,13 @@ onMounted(() => {
           label: "对象名称",
           property: "dxmc",
         },
+        {
+          label: "状态",
+          property: "deng",
+          width: "90",
+          align: "center",
+          type: "slot",
+        },
         {
           label: "许可证编号",
           property: "dxbm",

src/view/sy_table.vue

@@ -377,7 +377,7 @@ const data = reactive({
       id: "6",
       name: "弱有所扶",
       img: icon7,
-      visible: true,
+      visible: false,
       son: [
         {
           id: "0",

src/view/sy_trafficDetails.vue

@@ -1,891 +0,0 @@
-<template>
-  <div class="module"></div>
-</template>
-
-<script setup>
-import { ref, reactive, onMounted } from "vue";
-import { useRouter, useRoute } from "vue-router";
-import { ElMessage } from "element-plus";
-import http from "@/utils/request.js";
-import DialogLamp from "./dialog/dialogRW.vue";
-import DialogSf from "./dialog/dialogSf.vue";
-import DialogPush from "./dialog/dialogPush.vue";
-
-const router = useRouter();
-const routers = useRoute();
-const data = reactive({
-  name: "",
-  identNo: "", //人物ID
-  first: 1, //随访记录&体检记录切换
-  tabelshow: true, //老年人福利补贴切换
-  pagedData: [], //服务内容清单(中间)临时分页数据
-  columns: [
-    {
-      label: "姓名",
-      property: "xm",
-      width: "90",
-    },
-    {
-      label: "地址",
-      property: "dz",
-    },
-    {
-      label: "年龄",
-      property: "nl",
-      width: "80",
-    },
-    {
-      label: "人口标签",
-      property: "bq",
-      type: "slot",
-    },
-  ],
-  column_1: [
-    {
-      label: "序号",
-      property: "id",
-      width: "50",
-    },
-    {
-      label: "服务类型",
-      property: "bzlx",
-      width: "100",
-    },
-    {
-      label: "服务对象或条件",
-      property: "bzdx",
-    },
-    {
-      label: "服务标准或内容",
-      property: "bzbz",
-    },
-    {
-      label: "办理方式或时间",
-      property: "blfs",
-    },
-  ],
-  column_2: [
-    {
-      label: "姓名",
-      property: "xm",
-      width: "90",
-      type: "slot",
-    },
-    {
-      label: "状态",
-      property: "deng",
-      width: "90",
-      align: "center",
-      type: "slot",
-    },
-    {
-      label: "地址",
-      property: "dz",
-    },
-    {
-      label: "年龄",
-      property: "nl",
-      width: "80",
-    },
-    {
-      label: "人口标签",
-      property: "bq",
-      type: "slot",
-    },
-  ],
-  tableData: [],
-  tableData1: [],
-  tableData2: [],
-});
-
-// 表格分页1、2、3
-const pagination = reactive({
-  id: "1",
-  url: "",
-  total: 10,
-  pageSize: 20,
-  currentPage: 1,
-});
-const pagination1 = reactive({
-  id: "2",
-  url: "",
-  total: 10,
-  pageSize: 10,
-  currentPage: 1,
-});
-const pagination2 = reactive({
-  id: "3",
-  url: "",
-  total: 10,
-  pageSize: 20,
-  currentPage: 1,
-});
-const pagination3 = reactive({
-  url: "",
-  total: 10,
-  pageSize: 20,
-  currentPage: 1,
-});
-//表格分页切换
-const handlePagination = (current) => {
-  pagination.currentPage = current;
-  getTable(pagination);
-};
-const handlePagination1 = (current) => {
-  pagination1.currentPage = current;
-  getTable(pagination1);
-};
-const handlePagination2 = (current) => {
-  pagination2.currentPage = current;
-  getTable(pagination2);
-};
-
-/**
- * 服务结果清单 状态筛选
- * @param {*} selectedLamp - 人物状态，1表示绿，2表示红，3表示黄
- */
-const selectedLamp = ref(0);
-// const selectedLamp1 = reactive({
-//   green: false,
-//   red: false,
-//   yellow: false,
-// });
-const lampScreen = (val) => {
-  if (selectedLamp.value === val) {
-    return; //防止重复点击
-  }
-  selectedLamp.value = val;
-  getTable(pagination2);
-  // console.log("状态灯", val);
-};
-//----------------
-/**
- * 表格弹框
- * @param {*} dialogShow -弹框状态，false表示关闭，true表示开启
- * @param {*} dialogShowSf -算法弹框状态，false表示关闭，true表示开启
- */
-const dialogShow = ref(false);
-const dialogShowSf = ref(false);
-const dialogShowPush = ref(false);
-const push = reactive({
-  title: "推送记录",
-  data: [],
-  columns: [
-    {
-      label: "序号",
-      property: "index",
-      width: "90",
-    },
-    {
-      label: "应用",
-      property: "app",
-    },
-    {
-      label: "事项",
-      property: "content",
-    },
-    {
-      label: "接收人",
-      property: "adminName",
-    },
-    {
-      label: "推送时间",
-      property: "sendTime",
-    },
-  ],
-});
-const sfType = reactive({
-  url: ``,
-  title: "服务事项名称",
-  data: {
-    gkmx: "备注内容",
-    sr: "xxxxxxxxxx（输入内容）xxxxxxxxxx（输入内容）xxxxxxxxxx（输入内容）",
-    dblj: "对比逻辑",
-    sc: "输出",
-  },
-});
-const tableType = reactive({
-  url: `/api/ggfwyth/pg/fwjgqdxq`,
-  title: "服务详情",
-  typeId: "",
-  data: [],
-  columns: [
-    {
-      label: "序号",
-      property: "index",
-      width: "60",
-      align: "center",
-    },
-    {
-      label: "服务内容",
-      property: "bzlx",
-    },
-
-    {
-      label: "牵头单位",
-      property: "qtbm",
-    },
-    {
-      label: "业务科室",
-      property: "zrks",
-    },
-    {
-      label: "负责人/联系人",
-      property: "ywfzr",
-    },
-    {
-      label: "联系电话",
-      // property: "fgldsj",
-      property: "ywfzrsj",
-    },
-
-    {
-      label: "结果",
-      property: "deng",
-      width: "290",
-      align: "center",
-      type: "slot",
-    },
-    // {
-    //   label: "地址",
-    //   property: "dz",
-    // },
-    // {
-    //   label: "年龄",
-    //   property: "nl",
-    //   width: "60",
-    // },
-    // {
-    //   label: "人口标签",
-    //   property: "bq",
-    //   type: "slot",
-    // },
-
-    // {
-    //   label: "服务内容",
-    //   property: "fwnr",
-    //   align: "center",
-    // },
-    // {
-    //   label: "结果",
-    //   property: "deng",
-    //   width: "260",
-    //   align: "center",
-    //   type: "slot",
-    // },
-  ],
-  // character: [],
-});
-// 状态弹框
-const statusDetails = (val) => {
-  data.identNo = val.sfzhm;
-  if (data.identNo == null) {
-    ElMessage.warning({
-      message: `${val.xm}无id!`,
-      offset: 100, // 距离窗口顶部的偏移量
-    });
-  } else {
-    getTable1(tableType);
-  }
-};
-// 状态弹框关闭
-const closeJj = () => {
-  dialogShow.value = false;
-  dialogShowSf.value = false;
-  tableType.data = [];
-  pagination3.currentPage = 1;
-};
-//显示推送记录弹框
-const showList = (val) => {
-  http
-    .get(`/api/ggfwyth/pg/pushSendRecord?xh=${val.xh}&bm=${val.bm}`)
-    .then((res) => {
-      if (res.code == 200) {
-        push.data = res.data;
-        if (res.data.length == 0) {
-          ElMessage.warning({
-            message: `该服务内容暂无推送记录!`,
-          });
-        } else {
-          push.data = push.data.map((item, index1) => {
-            return {
-              ...item,
-              index: index1 + 1,
-            };
-          });
-          dialogShowPush.value = true;
-        }
-      }
-    });
-};
-//关闭推送弹框
-const closePush = () => {
-  dialogShowPush.value = false;
-};
-//获取算法模型数据
-const openSf = () => {
-  http.get(`/api/ggfwyth/pg/sfljqd?xh=${routers.query.xh}`).then((res) => {
-    if (res.code == 200) {
-      sfType.title = routers.query.name;
-      sfType.data = res.data;
-      dialogShowSf.value = true;
-    }
-  });
-};
-const getTable = (pagination) => {
-  http
-    .get(
-      `${pagination.url}?page=${pagination.currentPage}&size=${pagination.pageSize}&xh=${routers.query.xh}&deng=${selectedLamp.value}`
-    )
-    .then((res) => {
-      if (res.code == 200) {
-        switch (pagination.id) {
-          case "1":
-            data.tableData = res.data;
-            pagination.total = res.count;
-            break;
-          case "2":
-            data.tableData1 = res.data;
-            pagination1.total = res.count;
-            console.log(pagination.id, data.tableData1);
-            break;
-          case "3":
-            data.tableData2 = res.data;
-            pagination2.total = res.count;
-            break;
-          default:
-            break;
-        }
-        // data.tableData2 = res.data;
-        // data.tableData2 = res.data.map((item) => {
-        //   return {
-        //     ...item,
-        //     zt: 1,
-        //   };
-        // });
-        // pagination2.total = res.count - 6;
-      }
-    });
-};
-const getTable1 = (pagination) => {
-  http
-    .get(`${pagination.url}?sfzhm=${data.identNo}&xh=${routers.query.xh}`)
-    .then((res) => {
-      if (res.code == 200) {
-        tableType.data = res.data;
-        tableType.typeId = routers.query.id;
-        dialogShow.value = true;
-      } else {
-        ElMessage.warning({
-          message: res.message,
-        });
-      }
-    });
-};
-
-/**
- * 服务清单
- * @param {*} pagination - 分页对象，包含当前页码和每页显示的条数和请求的URL地址
- * @param {number} sfxs - 是否享受，1表示是，0表示否
- */
-const getServiceList = async (pagination, sfxs) => {
-  await http
-    .get(
-      `${pagination.url}?page=${pagination.currentPage}&size=${pagination.pageSize}&sfxs=${sfxs}`
-    )
-    .then((res) => {
-      if (res.code == 200) {
-        if (sfxs) {
-          data.tableData = res.data;
-          pagination.total = res.count;
-          console.log(data.tableData2);
-        } else {
-          data.tableData2 = res.data;
-          pagination2.total = res.count;
-        }
-      }
-    });
-};
-// 跳转人物详情
-const handleRowClick = (row) => {
-  console.log(row); // row 是当前行的数据
-  data.identNo = row.sfzhm;
-  if (data.identNo == null) {
-    ElMessage.warning({
-      message: `${row.xm}无id!`,
-      offset: 100, // 距离窗口顶部的偏移量
-    });
-  } else {
-    router.push({
-      path: `/home/index/person`,
-      query: { identNo: data.identNo, type: "detail" },
-    });
-  }
-};
-const handleRowClickGO = (row) => {
-  // router.push({
-  //   path: `/person/rwTable`,
-  //   query: { xh: row.xh, bm: row.bm },
-  // });
-};
-
-// 初始化 判断赋值
-const listAssignment = () => {
-  data.tableData = [];
-  data.tableData1 = [];
-  data.tableData2 = [];
-  pagination.url = "";
-  pagination1.url = "";
-  pagination2.url = "";
-  if (data.name == "食品安全监管" || data.name == "药品安全监管") {
-    pagination.url = "/api/ggfwyth/pg/spypqy";
-    pagination1.url = "/api/ggfwyth/pg/fwnrqd";
-    pagination2.url = "/api/ggfwyth/pg/spypqy";
-  } else {
-    pagination.url = "/api/ggfwyth/pg/fwdxqd";
-    pagination1.url = "/api/ggfwyth/pg/fwnrqd";
-    pagination2.url = "/api/ggfwyth/pg/fwjgqd";
-  }
-  getTable(pagination);
-  getTable(pagination1);
-  getTable(pagination2);
-};
-//表格样式
-const tableHeaderColor = (arg) => {
-  return {
-    // paddingLeft: "10px",
-    letterSpacing: "1px",
-    fontSize: "20px",
-    height: "79px",
-    backgroundColor: "rgba(23, 62, 115)",
-    color: "#fff",
-    border: "none",
-    textAlign: "center",
-    fontFamily: "PingFangSC, PingFang SC",
-    // boxShadow: " inset 0px 0px 56px 0px rgba(173,221,255,0.5)",
-  };
-};
-const rowState = (row) => {
-  if (row.rowIndex % 2 == 0) {
-    return {
-      letterSpacing: "1px",
-      fontSize: "19px",
-      height: "36px",
-      backgroundColor: "rgba(31, 63, 113, 1)",
-      color: "#fff",
-    };
-  } else if (row.rowIndex % 2 !== 0) {
-    return {
-      letterSpacing: "1px",
-      fontSize: "19px",
-      height: "36px",
-      backgroundColor: "rgba(43, 74, 121, 1)",
-      color: "#fff",
-    };
-  }
-};
-
-onMounted(() => {
-  if (routers.query.name) {
-    data.name = routers.query.name;
-    if (data.name == "食品安全监管" || data.name == "药品安全监管") {
-      data.columns = [];
-      data.column_2 = [];
-      data.columns = [
-        {
-          label: "对象名称",
-          property: "dxmc",
-        },
-        {
-          label: "统一社会信用代码",
-          property: "dxbm",
-        },
-        {
-          label: "地址",
-          property: "dz",
-        },
-      ];
-      data.column_2 = [
-        {
-          label: "对象名称",
-          property: "dxmc",
-        },
-        {
-          label: "许可证编号",
-          property: "dxbm",
-        },
-        {
-          label: "地址",
-          property: "dz",
-        },
-      ];
-    }
-    // listAssignment();
-  }
-});
-</script>
-<style lang="scss" scoped>
-.module {
-  width: 100%;
-  height: 943px;
-  margin-top: 125px;
-  display: flex;
-  justify-content: space-between;
-  padding: 10px 45px;
-  box-sizing: border-box;
-}
-</style>
-<style lang="scss" scoped>
-// 表格
-:deep(.el-table) {
-  background: rgba(32, 64, 115, 1);
-  color: #ffffff;
-  --el-table-tr-bg-color: none;
-  --el-table-header-bg-color: none;
-  --el-table-header-text-color: none;
-  // border: 1px solid #7aceff;
-}
-:deep(.el-table .cell) {
-  line-height: 30px;
-}
-// .table {
-//   :deep(.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf) {
-//     border: none !important;
-//     padding-left: 10px !important;
-//     text-align: center;
-//   }
-// }
-// :deep(.el-table td.el-table__cell) {
-//   padding: 13px 0px;
-// }
-
-:deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
-  background-color: #2f4b74;
-}
-
-:deep(.el-table__empty-block) {
-  background-color: #122560;
-}
-
-:deep(.el-table .el-table__row) {
-  border-bottom: none;
-}
-// 分页
-.pagePart {
-  height: 40px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  :deep(.el-pagination) {
-    --el-pagination-button-disabled-bg-color: none;
-    --el-pagination-bg-color: none;
-    --el-pagination-button-bg-color: none;
-    --el-pagination-button-color: #fff;
-    color: #fff;
-  }
-
-  // :deep(.el-pagination button:disabled) {
-  //   background-color: rgba(0, 116, 255, 0) !important;
-  // }
-  // :deep(.el-pagination > .is-last) {
-  //   color: #ffffff;
-  // }
-}
-:deep(.el-pagination.is-background .btn-prev) {
-  margin: 0;
-}
-:deep(.el-pagination.is-background .btn-next) {
-  margin: 0;
-}
-:deep(.el-pagination) {
-  justify-content: center;
-}
-
-.yd_title {
-  box-sizing: border-box;
-  width: 98%;
-  height: 31px;
-  position: relative;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  span {
-    font-size: 28px;
-    font-weight: 500;
-    font-family: titleNore;
-    margin-left: 20px;
-    color: #fff;
-    position: relative;
-    z-index: 1;
-    width: 500px;
-    overflow: hidden; /* 超出一行文字自动隐藏 */
-    text-overflow: ellipsis; /*文字隐藏后添加省略号*/
-    white-space: nowrap;
-  }
-  /* 利用伪元素和两个i元素产生4条线 */
-  .animate-border {
-    position: absolute;
-    top: 0px;
-    width: 100%;
-    height: 100%;
-    &::before,
-    &::after {
-      content: "";
-      position: absolute;
-      width: 100%;
-      height: 2px;
-    }
-    i {
-      position: absolute;
-      display: inline-block;
-      height: 100%;
-      width: 2px;
-    }
-    &::before {
-      top: 0;
-      left: -100%;
-      background-image: linear-gradient(
-        90deg,
-        transparent,
-        #03e9f4,
-        transparent
-      );
-
-      animation: one 4s linear infinite;
-    }
-    i:nth-child(1) {
-      top: -100%;
-      right: 0;
-      background-image: linear-gradient(
-        180deg,
-        transparent,
-        #03e9f4,
-        transparent
-      );
-      /* 动画名称  动画持续时间  动画渲染函数 动画延迟时间 动画执行次数 */
-      animation: two 4s linear 1s infinite;
-    }
-    &::after {
-      bottom: 0;
-      right: -100%;
-      background-image: linear-gradient(
-        -90deg,
-        transparent,
-        #03e9f4,
-        transparent
-      );
-      animation: three 4s linear 2s infinite;
-    }
-    i:nth-child(2) {
-      bottom: -100%;
-      left: 0;
-      background-image: linear-gradient(
-        360deg,
-        transparent,
-        #03e9f4,
-        transparent
-      );
-      animation: four 4s linear 3s infinite;
-    }
-  }
-  .mxbRecord {
-    display: flex;
-    .text_0 {
-      font-size: 20px;
-      font-weight: 500;
-      color: #ffffff;
-      font-family: titleNore;
-      // margin-right: 20px;
-      padding: 0 10px;
-      width: 90px;
-      z-index: 2;
-      cursor: pointer;
-      background: radial-gradient(
-        circle,
-        rgba(37, 127, 173, 1) 0%,
-        rgba(37, 127, 173, 0) 100%
-      );
-    }
-    .text_2 {
-      font-size: 20px;
-      font-weight: 500;
-      color: #4787a8;
-      font-family: titleNore;
-      // margin-right: 20px;
-      padding: 0 10px;
-      width: 90px;
-      z-index: 2;
-      cursor: pointer;
-    }
-  }
-
-  .text {
-    display: flex;
-    position: absolute;
-    font-size: 16px;
-    font-family: SourceHanSansCN;
-    font-weight: bold;
-    color: #ffffff;
-    position: absolute;
-    right: 5px;
-    top: 1px;
-    align-items: center;
-  }
-  .text_1 {
-    font-size: 20px;
-    font-weight: 500;
-    color: #4787a8;
-    font-family: titleNore;
-    margin-right: 20px;
-  }
-  .gTitle {
-    position: absolute;
-    color: #acd1f1;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    left: 156px;
-  }
-
-  .c {
-    width: 130px;
-    height: 33px;
-    cursor: pointer;
-  }
-}
-.lampState {
-  position: absolute;
-  top: 0px;
-  right: 0;
-  z-index: 6;
-  img {
-    width: 30px;
-    height: 30px;
-    margin-left: 10px;
-    cursor: pointer;
-
-    // &:nth-child(3n) {
-    //   margin-right: 20px;
-    // }
-  }
-  // .selected {
-  //   border-radius: 50%;
-  //   background-color: rgba(255, 255, 255, 0.3);
-  //   box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-  // }
-}
-.yd_title::before {
-  content: "";
-  width: 4px;
-  height: 4px;
-  background-color: rgba(0, 229, 255, 1);
-  border-radius: 50%;
-  position: absolute;
-  left: 0;
-  margin-left: 3px;
-  z-index: 2;
-}
-.yd_title::after {
-  content: "";
-  width: 90%;
-  height: 1px;
-  background: linear-gradient(to right, #257fad, rgba(37, 127, 173, 0));
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  z-index: 0;
-}
-.semi-circle-shadow {
-  position: absolute;
-  bottom: -5px;
-  left: -24px;
-  width: 30%;
-  height: 20px;
-  background: radial-gradient(
-    circle,
-    rgba(37, 127, 173, 1) 0%,
-    rgba(37, 127, 173, 0) 70%
-  );
-  border-radius: 50%;
-  z-index: 0;
-}
-
-@keyframes one {
-  0% {
-    left: -100%;
-  }
-  50%,
-  100% {
-    left: 100%;
-  }
-}
-
-@keyframes two {
-  0% {
-    top: -100%;
-  }
-  50%,
-  100% {
-    top: 100%;
-  }
-}
-
-@keyframes three {
-  0% {
-    right: -100%;
-  }
-  50%,
-  100% {
-    right: 100%;
-  }
-}
-
-@keyframes four {
-  0% {
-    bottom: -100%;
-  }
-  50%,
-  100% {
-    bottom: 100%;
-  }
-}
-</style>
-<style lang="scss" scoped>
-// 分页
-
-:deep(.el-pagination > .is-last) {
-  color: #fff !important ;
-}
-:deep(.el-pagination.is-background .el-pager li) {
-  color: #fff;
-  background: rgba(255, 255, 255, 0.14);
-  border: 1px solid #6bade1;
-  margin: 0;
-}
-:deep(.el-pagination.is-background .el-pager li.is-active) {
-  background: rgba(0, 144, 255, 0.49);
-  border: 1px solid #6bade1;
-}
-:deep(.el-pagination.is-background .btn-prev:disabled) {
-  color: #fff;
-  background: rgba(255, 255, 255, 0.14);
-  border: 1px solid #6bade1;
-}
-:deep(.el-pagination.is-background .btn-next:disabled) {
-  color: #fff;
-  background: rgba(255, 255, 255, 0.14);
-  border: 1px solid #6bade1;
-}
-:deep(.el-pagination.is-background .btn-prev) {
-  color: #fff;
-  background: rgba(255, 255, 255, 0.14);
-  border: 1px solid #6bade1;
-}
-:deep(.el-pagination.is-background .btn-next) {
-  color: #fff;
-  background: rgba(255, 255, 255, 0.14);
-  border: 1px solid #6bade1;
-}
-</style>