This commit is contained in:
duanxiaohai
parent
dea89f3510
commit
358fa17c83
|
|
@ -110,6 +110,11 @@ const router = createRouter({
|
|||
path: "/home/index/table/details",
|
||||
component: () => import("../view/sy_details.vue"),
|
||||
},
|
||||
{
|
||||
name: "首页表格交通详情",
|
||||
path: "/home/index/table/trafficDetails",
|
||||
component: () => import("../view/sy_trafficDetails.vue"),
|
||||
},
|
||||
{
|
||||
name: "人物图",
|
||||
path: "/home/index/person",
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@ import axios from "axios";
|
|||
import { ElMessage } from "element-plus";
|
||||
import tools from "@/utils/tools";
|
||||
import router from "../router";
|
||||
axios.defaults.baseURL = 'https://jzzf.longyou.gov.cn:998/'
|
||||
// axios.defaults.baseURL = 'https://jzzf.longyou.gov.cn:998/'
|
||||
axios.defaults.timeout = 120000;
|
||||
|
||||
// HTTP request 拦截器
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
>
|
||||
{{ item.title }}
|
||||
<div class="line" v-if="item.id !== 5"></div>
|
||||
|
||||
<!-- <div class="line" v-if="chooseTitle == item.id"></div> -->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -26,18 +25,51 @@
|
|||
}"
|
||||
>
|
||||
<template v-for="item in data.columns">
|
||||
<el-table-column :label="item.label" v-if="item.type == 'slot'">
|
||||
<el-table-column
|
||||
v-if="item.type == 'slot'"
|
||||
:label="item.label"
|
||||
:width="item.width"
|
||||
:prop="item.property"
|
||||
:fixed="item.fixed"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
size="small"
|
||||
color="#2c40ea"
|
||||
@click="handleEdit(scope.$index, scope.row)"
|
||||
v-if="scope.row.eligible == '1'"
|
||||
:disabled="scope.row.eligible == '1'"
|
||||
@click="handleEdit(scope.$index, scope.row, 1)"
|
||||
>
|
||||
完成
|
||||
</el-button>
|
||||
<el-popconfirm
|
||||
title="是否确定该人员不符合要求?"
|
||||
@confirm="confirmEvent(scope.$index, scope.row)"
|
||||
@confirm="handleEdit(scope.$index, scope.row, 2)"
|
||||
>
|
||||
<template #reference>
|
||||
<el-button
|
||||
size="small"
|
||||
type="warning"
|
||||
v-if="scope.row.eligible == '2'"
|
||||
:disabled="scope.row.eligible == '2'"
|
||||
>
|
||||
不符合
|
||||
</el-button>
|
||||
</template>
|
||||
</el-popconfirm>
|
||||
<el-button
|
||||
size="small"
|
||||
color="#2c40ea"
|
||||
v-if="scope.row.eligible == '0'"
|
||||
@click="handleEdit(scope.$index, scope.row, 1)"
|
||||
>
|
||||
完成
|
||||
</el-button>
|
||||
|
||||
<el-popconfirm
|
||||
title="是否确定该人员不符合要求?"
|
||||
@confirm="handleEdit(scope.$index, scope.row, 2)"
|
||||
v-if="scope.row.eligible == '0'"
|
||||
>
|
||||
<template #reference>
|
||||
<el-button size="small" type="warning"> 不符合 </el-button>
|
||||
|
|
@ -459,6 +491,8 @@ const data = reactive({
|
|||
xh: "",
|
||||
bm: "",
|
||||
url: "",
|
||||
// msgId: "",
|
||||
msgId: "26286d1561e897cbf3ee47c949de85ae",
|
||||
pagination: {
|
||||
current: 1,
|
||||
pageSize: 20,
|
||||
|
|
@ -749,8 +783,9 @@ const getDate = () => {
|
|||
console.log("未选择时间");
|
||||
};
|
||||
// 表格操作
|
||||
const handleEdit = (index, row) => {
|
||||
console.log(index, row);
|
||||
const handleEdit = (index, row, status) => {
|
||||
console.log(index, row, status);
|
||||
pushStatus(row, status);
|
||||
};
|
||||
// const handleDelete = (index, row) => {
|
||||
// };
|
||||
|
|
@ -791,7 +826,7 @@ const getRegisteredDB = () => {
|
|||
const personDetails = () => {
|
||||
http
|
||||
.get(
|
||||
`${data.url}/${data.xh}/${data.bm}?size=${data.pagination.pageSize}&page=${data.pagination.current}`
|
||||
`${data.url}?bm=${data.bm}&xh=${data.xh}&msgId=${data.msgId}&size=${data.pagination.pageSize}&page=${data.pagination.current}`
|
||||
)
|
||||
.then((res) => {
|
||||
if (res.code == 200) {
|
||||
|
|
@ -799,6 +834,14 @@ const personDetails = () => {
|
|||
data.pagination.total = res.count;
|
||||
const currentPage = data.pagination.current; // 当前页数
|
||||
const pageSize = data.pagination.pageSize; // 每页显示的条数
|
||||
data.tableData = res.data.map((item) => {
|
||||
// 提取 jzrq 中的日期部分
|
||||
if (item.jzrq) {
|
||||
item.jzrq = item.jzrq.split("T")[0]; // 截取日期部分
|
||||
}
|
||||
return item;
|
||||
});
|
||||
|
||||
// 为每条数据添加 index 属性，叠加当前页的偏移量
|
||||
res.data.forEach((item, index) => {
|
||||
item.index = index + 1 + (currentPage - 1) * pageSize;
|
||||
|
|
@ -814,6 +857,25 @@ const personDetails = () => {
|
|||
}
|
||||
});
|
||||
};
|
||||
|
||||
const pushStatus = (val, status) => {
|
||||
http
|
||||
.get(
|
||||
`/api/ggfwyth/pg/operate?bm=${val.bm}&sfzhm=${val.sfzhm}&status=${status}`
|
||||
)
|
||||
.then((res) => {
|
||||
if (res.code == 200) {
|
||||
ElMessage.success({
|
||||
message: "推送成功",
|
||||
});
|
||||
personDetails();
|
||||
} else {
|
||||
ElMessage.warning({
|
||||
message: res.message,
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
const handlePagination = (currentPage) => {
|
||||
data.pagination.current = currentPage;
|
||||
personDetails();
|
||||
|
|
@ -826,6 +888,7 @@ onMounted(() => {
|
|||
// data.tableData = JSON.parse(routers.query.personDetails);
|
||||
data.xh = routers.query.xh;
|
||||
data.bm = routers.query.bm;
|
||||
data.msgId = routers.query.msgId;
|
||||
data.columns =
|
||||
columnsList["最低生活保障"][columnsList["最低生活保障"].titleList[0].col];
|
||||
data.url = columnsList["最低生活保障"].titleList[0].url;
|
||||
|
|
|
|||
|
|
@ -207,11 +207,13 @@ const goto = (val) => {
|
|||
// ];
|
||||
// // 检查数组val.name中是否存在availableRoutes。
|
||||
// if (availableRoutes.includes(val.name)) {
|
||||
// router.push({
|
||||
// path: "/home/index/table/details",
|
||||
if (val.name == "公共交通") {
|
||||
router.push({
|
||||
path: "/home/index/table/trafficDetails",
|
||||
// query: { name: val.name, id: val.id },
|
||||
// });
|
||||
// } else {
|
||||
query: { name: val.name, id: val.id, xh: val.xh },
|
||||
});
|
||||
} else {
|
||||
router.push({
|
||||
path: "/home/index/table/details",
|
||||
query: { name: val.name, id: val.id, xh: val.xh },
|
||||
|
|
@ -221,7 +223,7 @@ const goto = (val) => {
|
|||
// message: `${val.name}暂无数据!`,
|
||||
// offset: 100, // 距离窗口顶部的偏移量
|
||||
// });
|
||||
// }
|
||||
}
|
||||
};
|
||||
|
||||
const data = reactive({
|
||||
|
|
@ -569,7 +571,6 @@ const tapshow = (parentId, childId) => {
|
|||
(parentId.name == "幼有所育" ||
|
||||
parentId.name == "弱有所扶" ||
|
||||
parentId.name == "劳有所得" ||
|
||||
|
||||
parentId.name == "学有所教" ||
|
||||
parentId.name == "老有所养" ||
|
||||
parentId.name == "病有所医" ||
|
||||
|
|
@ -632,11 +633,9 @@ const gaikuang = (name) => {
|
|||
gaikuangList.work = true;
|
||||
} else if (name == "学有所教") {
|
||||
gaikuangList.education = true;
|
||||
}
|
||||
else if (name == "劳有所得") {
|
||||
} else if (name == "劳有所得") {
|
||||
gaikuangList.lysd = true;
|
||||
}
|
||||
else if (name == "老有所养") {
|
||||
} else if (name == "老有所养") {
|
||||
gaikuangList.yl = true;
|
||||
} else if (name == "病有所医") {
|
||||
gaikuangList.hygiene = true;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,891 @@
|
|||
<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>
|
||||
|
|
@ -15,7 +15,7 @@ export default defineConfig({
|
|||
// 第一个代理
|
||||
"/api": {
|
||||
// 匹配到啥来进行方向代理
|
||||
target: "http://10.0.0.7:8095/", //刘进
|
||||
target: "http://10.0.0.19:8095/", //刘进
|
||||
// target: "https://jzzf.longyou.gov.cn:998/", //线上
|
||||
// target: "http://220.191.238.50:996/", //线上
|
||||
// target: "https://zzdyyfb.dsjj.qz.gov.cn/web/mgop/gov-open/zj/2002428903/reserved/", //线上
|
||||
|
|
|
|||
Loading…
Reference in New Issue