Merge branch 'main' of https://git.cityme.com.cn/xiangshan/ggfwjsc
This commit is contained in:
commit
3179b88ca3
|
|
@ -41,11 +41,9 @@
|
|||
</div>
|
||||
</div>
|
||||
<div style="width: 100%; height: calc(100% - 110px)" class="table-els">
|
||||
<div class="tabelHead">
|
||||
<div><span>姓名：</span>{{ data.xq.xm }}</div>
|
||||
<div class="tabelHead" v-if="data.name == '许可证编号'">
|
||||
<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] + "*";
|
||||
|
|
|
|||
|
|
@ -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.date = ""
|
||||
search1.date1 = ""
|
||||
search1.name = "";
|
||||
search1.date = "";
|
||||
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: "推送成功",
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -377,7 +377,7 @@ const data = reactive({
|
|||
id: "6",
|
||||
name: "弱有所扶",
|
||||
img: icon7,
|
||||
visible: true,
|
||||
visible: false,
|
||||
son: [
|
||||
{
|
||||
id: "0",
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
Loading…
Reference in New Issue