gx

src/view/analyze.vue

@@ -90,7 +90,11 @@
           <div class="minPieImg2">就业培训</div>
           <jypx v-if="showEchart"></jypx>
           <div class="jypx_right">
-            <div class="jypx_right_item" v-for="item in jypxList" @click="showPx(item.name)">
+            <div
+              class="jypx_right_item"
+              v-for="item in jypxList"
+              @click="showPx(item.name)"
+            >
               <img :src="item.img" alt="" />
               <div class="jypx_right_item_right">
                 <div class="jypx_name">{{ item.name }}</div>
@@ -191,20 +195,17 @@
     <DialogEcTy
       :dialogShowEc="dialogShowEcTy"
       :title="dataEc.title"
-      :showXq='false'
+      :showXq="false"
       @close="close"
     >
       <template #echart>
-        <dialog_jjlxfb
+        <dialog_jjlxfb @shuju="jsSj"></dialog_jjlxfb>
-         
-          @shuju="jsSj"
-        ></dialog_jjlxfb>
       </template>
     </DialogEcTy>
     <DialogEcTy
       :dialogShowEc="dialogShowEcTy1"
       :title="dataEc.title"
-       :showXq='true'
+      :showXq="true"
       @close="close"
     >
       <template #echart>
@@ -222,7 +223,7 @@
       :title="tableType.title"
       :tableData="tableType.data"
       :pagination="pagination"
-      :showXq='false'
+      :showXq="false"
       @close="closeJj"
       @handle="handlePagination"
     >
@@ -265,6 +266,7 @@ import ViewDataimg2 from "@/assets/images/sjfx/sjfx2.png";
 import ViewDataimg3 from "@/assets/images/sjfx/sjfx3.png";
 import jypx1 from "@/assets/images/sjfx/pxrc.png";
 import jypx2 from "@/assets/images/sjfx/gygws.png";
+import tools from "@/utils/tools";
 const showR = ref(false); //loading
 // 入学分析数据
 const dialogShowEnrol = ref(false);
@@ -554,15 +556,15 @@ const columns = reactive({
     column: [
       {
         label: "姓名",
-        property: "name",
+        property: "xm",
       },
       {
         label: "培训机构名称",
-        property: "mc",
+        property: "pxjgmc",
       },
       {
         label: "培训项目",
-        property: "xm",
+        property: "pxxm",
       },
     ],
   },
@@ -578,10 +580,10 @@ const close = () => {
   dialogShowEcTy1.value = false;
   dialogShowElderly.value = false;
 };
-const closeJj=()=>{
+const closeJj = () => {
   dialogShow.value = false;
-  pagination.currentPage=1;
+  pagination.currentPage = 1;
-}
+};
 const showEnrol1 = () => {
   dialogShowElderly.value = true;
 };
@@ -607,19 +609,30 @@ const jsSj = (name, index) => {
   } else {
     tableType.title = `${name}转出人数`;
   }
-  tableType.columns=columns["聚集数据"].column;
+  tableType.columns = columns["聚集数据"].column;
   dialogShow.value = true;
 };
 //培训+公益岗位数
-const showPx =(name)=>{
+const showPx = (name) => {
-  if(name=='培训人次'){
+  if (name == "培训人次") {
+    getTrain();
     tableType.title = `培训详情`;
-    tableType.columns=columns["培训"].column;
+    tableType.columns = columns["培训"].column;
     dialogShow.value = true;
-  }else{
+  } else {
-
   }
-}
+};
+const getTrain = () => {
+  http
+    .get(
+      `/api/ggfwyth/bftpxList?page=${pagination.currentPage}&size=${pagination.pageSize}`
+    )
+    .then((res) => {
+      if (res.code == 200) {
+        tableType.data = res.data;
+      }
+    });
+};
 // 表格分页
 const pagination = reactive({
   total: 100,
@@ -628,6 +641,7 @@ const pagination = reactive({
 });
 const handlePagination = (current) => {
   pagination.currentPage = current;
+  getTrain();
 };
 //---------表格弹框-------
 //数据切换
@@ -646,7 +660,6 @@ const tab_change = (index, name) => {
   }
 };
 const chooseXX = (name) => {
-  console.log(name);
   if (name == "交通") {
     mapTitle.value = "交通";
     dialogShowMap.value = true;
@@ -948,6 +961,7 @@ const getData = async () => {
 };
 
 onMounted(() => {
+  tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
   startAutoSwitching();
 });
 

src/view/dialog/dialog.vue

@@ -44,9 +44,16 @@
           <el-table
             :data="data.tableData"
             height="100%"
-            :header-cell-style="{ background: '#008FCD' }"
             :key="tableKey"
+          :row-style="rowState"
+          :header-cell-style="tableHeaderColor"
           >
+            <!-- <el-table-column
+              type="index"
+              label="序号"
+              width="60"
+              align="center"
+            ></el-table-column> -->
             <!-- <el-table-column
             v-for="(item, index) in data.columns"
             :key="index"
@@ -157,6 +164,40 @@ const data = reactive({
   pagination: {},
 });
 
+// 服务表格样式
+const tableHeaderColor = (arg) => {
+  return {
+    // paddingLeft: "10px",
+    letterSpacing: "1px",
+    fontSize: "16px",
+    height: "79px",
+    backgroundColor: "rgba(23 92 185)",
+    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: "14px",
+      height: "36px",
+      backgroundColor: "rgba(31, 63, 113, 1)",
+      color: "#fff",
+    };
+  } else if (row.rowIndex % 2 !== 0) {
+    return {
+      letterSpacing: "1px",
+      fontSize: "14px",
+      height: "36px",
+      backgroundColor: "rgba(43, 74, 121, 1)",
+      color: "#fff",
+    };
+  }
+};
 const gridData = [];
 //切换页数后置顶
 const tableKey = ref(Math.random());
@@ -308,3 +349,239 @@ const handle = (current) => {
   }
 }
 </style>
+<style lang="scss" scoped>
+// 表格
+:deep(.el-table) {
+  background: rgba(32, 64, 115, 1) !important ;
+  color: #ffffff;
+  --el-table-tr-bg-color: none;
+  --el-table-header-bg-color: none;
+  --el-table-header-text-color: none;
+  border: 1px solid #7aceff;
+}
+.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;
+  /* 利用伪元素和两个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;
+    }
+  }
+
+  .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;
+  }
+  .gTitle {
+    position: absolute;
+    color: #acd1f1;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    left: 156px;
+  }
+
+  .c {
+    width: 130px;
+    height: 33px;
+    cursor: pointer;
+  }
+}
+@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-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>

src/view/guide.vue

@@ -139,14 +139,14 @@ const reset_font = () => {
 onMounted(() => {
   let token = tools.data.get("token");
   // console.log(token, "token");
-  if (token == null) {
+  // if (token == null) {
-    ElMessage.error({
+  //   ElMessage.error({
-      message: "请重新登录!",
+  //     message: "请重新登录!",
-      offset: 100,
+  //     offset: 100,
-    });
+  //   });
-    window.location.href =
+  //   window.location.href =
-      "http://220.191.238.50:996/api/login?returnURL=" + window.location.href;
+  //     "http://220.191.238.50:996/api/login?returnURL=" + window.location.href;
-  }
+  // }
   reset_font();
   reset_font();
 });

src/view/person/index.vue

@@ -93,7 +93,121 @@
         </div>
       </div>
       <div class="person-side">
-        <div v-if="rightType == '1'">
+        <div v-if="dataMyTag.title == '医疗金发放情况'">
+          <div>
+            <div class="my-label">
+              <div class="my-label-title">{{ dataMyTag.title }}</div>
+            </div>
+            <div class="my-table">
+              <el-table
+                :data="tableType.data"
+                border
+                style="width: 100%"
+                max-height="270"
+                :header-cell-style="{
+                  border: 'none',
+                  height: '60px',
+                  fontSize: '18px',
+                  color: '#fff',
+                }"
+                :row-style="{
+                  letterSpacing: '1px',
+                  fontSize: '16px',
+                  height: '50px',
+                  backgroundColor: 'rgba(31, 63, 113, 1)',
+                  color: '#fff',
+                }"
+              >
+                <template v-for="item in tableType.columns">
+                  <el-table-column
+                    v-if="item.type == 'slot'"
+                    :label="item.label"
+                    :prop="item.property"
+                  >
+                    <template #default="scope">
+                      <!-- 医疗保险类型 -->
+                      <div v-if="item.property == 'ylbxlx'">
+                        <div v-if="scope.row.ylbxlx == 0">
+                          城乡居民基本医疗保险
+                        </div>
+                        <div v-if="scope.row.ylbxlx == 0">
+                          城乡居民基本医疗保险
+                        </div>
+                        <div v-else>职工基本医疗保险</div>
+                      </div>
+                      <!-- 养老金类型 -->
+                      <div v-if="item.property == 'yljlx'">
+                        <div v-if="scope.row.yljlx == 0">城乡居民养老金</div>
+                        <div v-else>职工养老金</div>
+                      </div>
+                    </template>
+                  </el-table-column>
+                  <el-table-column
+                    v-else
+                    :width="item.width"
+                    :prop="item.property"
+                    :label="item.label"
+                  />
+                </template>
+              </el-table>
+              <el-pagination
+                background
+                layout="prev, pager, next"
+                :page-size="pagination.pageSize"
+                :total="pagination.total"
+                prev-text="上一页"
+                next-text="下一页"
+                v-model:current-page="pagination.current"
+                @current-change="handlePagination"
+              />
+            </div>
+          </div>
+          <div>
+            <div class="my-label">
+              <div class="my-label-title">一卡通</div>
+            </div>
+            <div class="my-table">
+              <el-table
+                :data="dataMyTag.form.data"
+                border
+                style="width: 100%"
+                max-height="270"
+                :header-cell-style="{
+                  border: 'none',
+                  height: '60px',
+                  fontSize: '18px',
+                  color: '#fff',
+                }"
+                :row-style="{
+                  letterSpacing: '1px',
+                  fontSize: '16px',
+                  height: '50px',
+                  backgroundColor: 'rgba(31, 63, 113, 1)',
+                  color: '#fff',
+                }"
+              >
+                <template v-for="item in dataMyTag.form.column">
+                  <el-table-column
+                    :width="item.width"
+                    :prop="item.property"
+                    :label="item.label"
+                  />
+                </template>
+              </el-table>
+              <el-pagination
+                background
+                layout="prev, pager, next"
+                :page-size="zhpagination.pageSize"
+                :total="zhpagination.total"
+                prev-text="上一页"
+                next-text="下一页"
+                v-model:current-page="zhpagination.current"
+                @current-change="handlePagination1"
+              />
+            </div>
+          </div>
+        </div>
+        <div v-else-if="tableType.data?.length > 1">
           <div class="my-label">
             <div class="my-label-title">{{ dataMyTag.title }}</div>
           </div>
@@ -210,6 +324,8 @@ import Dialog from "@/view/dialog/dialog.vue";
 import { useRouter, useRoute } from "vue-router";
 import http from "@/utils/request.js";
 import tools from "@/utils/tools";
+const router = useRouter();
+const routers = useRoute();
 const identNo = ref("");
 const jump = ref("");
 const props = defineProps({
@@ -221,10 +337,10 @@ const props = defineProps({
   },
 });
 const emit = defineEmits(["backMap"]);
-const router = useRouter();
-const routers = useRoute();
 //特殊标签列表
 const dataMyTag = reactive({
+  title: "出生",
+  identNo: "",
   myTag: [
     {
       name: "低保",
@@ -302,7 +418,10 @@ const dataMyTag = reactive({
     //   show: 0,
     // },
   ],
-  title: "出生",
+  /**
+   * @type {Array}
+   * @description 标题头
+   */
   myTag1: [
     {
       name: "出生",
@@ -337,10 +456,10 @@ const dataMyTag = reactive({
       label: "医疗金发放情况",
     },
   ],
-  /**
+  form: {
-   * @type {Array}
+    data: [],
-   * @description 表格配置
+    column: [],
-   */
+  }
 });
 //右侧分页
 const pagination = reactive({
@@ -349,6 +468,13 @@ const pagination = reactive({
   total: 50,
   showTotal: 0,
 });
+//一卡通分页
+const zhpagination = reactive({
+  current: 1,
+  pageSize: 10,
+  total: 10,
+  showTotal: 0,
+});
 //弹框分页
 const paginationDialog = reactive({
   current: 1,
@@ -522,6 +648,23 @@ const columnsList = reactive({
     url: "",
     column: [],
   },
+  一卡通: {
+    url: "/api/ggfwyth/ysyzt/getRyyktffxx",
+    column: [
+      {
+        label: "项目名称",
+        property: "xmmc",
+      },
+      {
+        label: "支付金额",
+        property: "zfje",
+      },
+      {
+        label: "支付日期",
+        property: "zfrq",
+      },
+    ],
+  },
 });
 
 //判断类型
@@ -557,23 +700,33 @@ const onClickTag2 = (name, label) => {
   dataMyTag.title = label;
   tableType.url = columnsList[name].url;
   tableType.columns = columnsList[name].column;
-  if(name=='婚育'){
+  console.log(name, label,'名字');
   
-  }else{
+  if (name == "婚育") {
+  } else if (name == "综合") {
+    // tableType.url = columnsList["一卡通"].url;
+    // tableType.columns = columnsList["一卡通"].column;
+    dataMyTag.form.column = columnsList["一卡通"].column;
+    oneCardSolution();
+    getTable(tableType.url, true);
+  } else {
     getTable(tableType.url, true);
   }
-  
 };
-//判断右侧显示的为表格还是列表，0为列表，1为表格
+/**
+ * 判断右侧显示的为表格还是列表，0为列表，1为表格
+ */
 const rightType = ref(0);
 //存放右侧单条数据
 const rightList = ref([]);
 //获取右侧表格数据
 const getTable = (url, csh) => {
-  // csh为true时，代表初始化，为false时，代表分页
+  /**
+   * csh为true时，代表初始化，为false时，代表分页
+   */
   http
     .get(url, {
-      identNo: identNo.value,
+      identNo: dataMyTag.identNo,
       page: pagination.current,
       size: pagination.pageSize,
     })
@@ -608,6 +761,11 @@ const handlePagination = (currentPage) => {
   pagination.current = currentPage;
   getTable(tableType.url, false);
 };
+//一卡通表格分页
+const handlePagination1 = (currentPage) => {
+  zhpagination.current = currentPage;
+  oneCardSolution();
+};
 //弹框分页
 const handlePaginationDialog = (currentPage) => {
   // dialogShow.value = false;
@@ -630,6 +788,20 @@ const getData = (identNo) => {
       }
     });
 };
+const oneCardSolution = () => {
+  http
+    .get(
+      `/api/ggfwyth/ysyzt/getRyyktffxx?identNo=${dataMyTag.identNo}&page=${zhpagination.current}&size=${zhpagination.pageSize}`
+    )
+    .then((res) => {
+      if (res.code == 200) {
+        // tableType.data = res.data;
+        dataMyTag.form.data= res.data;
+        zhpagination.total = res.count;
+      }
+    });
+};
+
 const back = () => {
   if (jump.value == "detail") {
     router.back();
@@ -641,6 +813,7 @@ watch(
   () => props.message,
   (newValue, oldValue) => {
     identNo.value = props.message.identNo;
+    dataMyTag.identNo = routers.query.identNo;
     getData(props.message.identNo);
     onClickTag2("出生", "出生");
     jump.value = "map";
@@ -649,8 +822,9 @@ watch(
 onMounted(() => {
   tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
   if (routers.query.type) {
-    getData(routers.query.identNo);
+    dataMyTag.identNo = routers.query.identNo;
     jump.value = "detail";
+    getData(routers.query.identNo);
     onClickTag2("出生");
   } else {
     jump.value = "map";

src/view/sy_map.vue

@@ -755,6 +755,13 @@ const tableType = reactive({
   url: "",
   title: "人员列表",
   columns: [
+    {
+      label: "序号",
+      property: "index",
+      width: "50",
+      type: "index", 
+      align: "center",
+    },
     {
       label: "姓名",
       property: "nm",
@@ -767,10 +774,10 @@ const tableType = reactive({
       label: "年龄",
       property: "age",
     },
-    {
+    // {
-      label: "政治面貌",
+    //   label: "政治面貌",
-      property: "zzmm",
+    //   property: "zzmm",
-    },
+    // },
     {
       label: "居住状态",
       property: "jzzt",
@@ -1544,18 +1551,15 @@ const getDataBqs3 = async (jd, cs, bq) => {
 
         cs_dd_arr.value = [...xuanzhongCs.value];
         if (choose.value.person == "") {
-    
           cs_dd_arr.value.map((item, index) => {
             DGcreateCs(item, index);
           });
         } else {
-
           console.log(cs_dd_arr.value);
           cs_dd_arr.value.map((item, index) => {
             DGcreateCs2(item, index);
           });
         }
- 
       }
     });
 };
@@ -1856,6 +1860,9 @@ const person_detail = (age, tagId) => {
     .then((res) => {
       if (res.code == 200) {
         tableType.data = res.data;
+        res.data.forEach((item, index) => {
+          item.index = index + 1 + (pagination.currentPage - 1) * pagination.pageSize;
+        });
         pagination.total = res.count;
       }
     });

src/view/sy_table.vue

@@ -662,7 +662,7 @@ const sevenYX = (name) => {
 };
 
 onMounted(() => {
-  tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
+  // tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
   getData("弱有所扶", "社会救助服务");
   sevenYX("弱有众扶");
 });