This commit is contained in:
姚宇浩 2024-12-04 10:25:45 +08:00
commit 0dec0d8fe2
6 changed files with 230 additions and 64 deletions

BIN
dist.zip

Binary file not shown.

View File

@ -3,6 +3,7 @@ import { ElMessage } from "element-plus";
import tools from "@/utils/tools"; import tools from "@/utils/tools";
import router from "../router"; 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; axios.defaults.timeout = 120000;
// HTTP request 拦截器 // HTTP request 拦截器

View File

@ -24,7 +24,7 @@
alt="" alt=""
style="margin-right: 10px" style="margin-right: 10px"
/> />
<div class="name">{{ title }}详情</div> <div class="name">{{ title }}</div>
<img <img
src="@/assets/images/table_r.png" src="@/assets/images/table_r.png"
alt="" alt=""
@ -61,7 +61,7 @@
</div> </div>
<div class="arrowr" @click="scrollRight()"></div> <div class="arrowr" @click="scrollRight()"></div>
</div> </div>
<div class="conten" style="margin-top: 20px"> <div class="conten">
<div class="operationFlow"> <div class="operationFlow">
<div class="titles" v-if="data.content.show"> <div class="titles" v-if="data.content.show">
<div class="titlea"> <div class="titlea">
@ -77,17 +77,96 @@
</div> --> </div> -->
<div class="stepsa"> <div class="stepsa">
<div class="stepsb"> <div class="stepsb">
<el-steps align-center :active="data.active"> <!-- <el-steps align-center :active="data.active">
<el-step <el-step
v-for="item in data.stepdata" v-for="item in data.stepdata"
:key="item.title" :key="item.title"
:title="item.title" :title="item.title"
:description="item.description" :description="item.description"
/> />
<!-- <template #description> </el-steps> -->
<div v-html="item.description"></div>
</template> --> <div class="processTitle">
</el-steps> <div class="processimg">1</div>
<div class="processTl">预警推送</div>
<div class="processline"></div>
</div>
<div class="processEvent">
<div class="processLite">
<div class="processLiteTitle">推送时间</div>
<div class="processLiteContent">
{{ data.content.sendTime }}
</div>
</div>
</div>
</div>
<div class="stepsb">
<div class="processTitle">
<div class="processimg">2</div>
<div class="processTl">业务处理时间</div>
<div class="processline"></div>
</div>
<div class="processEvent">
<div class="processLite">
<div class="processLiteTitle">业务单位:</div>
<div class="processLiteContent">
{{ data.content.ywdw }}
</div>
</div>
<div class="processLite">
<div class="processLiteTitle">业务负责人:</div>
<div class="processLiteContent">
{{ data.content.ywfzr }}
</div>
</div>
<div class="processLite">
<div class="processLiteTitle">受理日期:</div>
<div class="processLiteContent">
{{ data.content.disposalTime }}
</div>
</div>
</div>
</div>
<div class="stepsb">
<div class="processTitle">
<div class="processimg">3</div>
<div class="processTl">办结结果</div>
<div class="processline"></div>
</div>
<div class="processEvent">
<div class="processLite">
<div class="processLiteTitle">办结结果</div>
<div class="processLiteContent">
{{ data.content.nr }}
</div>
</div>
<div class="processLite">
<div class="processLiteTitle">办结时间:</div>
<div class="processLiteContent">
{{ data.content.completionTime }}
</div>
</div>
</div>
</div>
<div class="stepsb stepsc">
<div class="processTitle">
<div class="processimg">4</div>
<div class="processTl">网格核实</div>
</div>
<div class="processEvent">
<div class="processLite">
<div class="processLiteTitle">核实负责人</div>
<div class="processLiteContent">
{{ data.content.verifyName }}
</div>
</div>
<div class="processLite">
<div class="processLiteTitle">核实日期</div>
<div class="processLiteContent">
{{ data.content.verifyTime }}
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -128,7 +207,7 @@ const props = defineProps({
}, },
}, },
tableData: { tableData: {
type: Array, type: Object,
default: () => { default: () => {
return []; return [];
}, },
@ -139,14 +218,7 @@ const props = defineProps({
return []; return [];
}, },
}, },
UU: {
type: Array,
default: () => {
return [];
},
},
}); });
// const emit = defineEmits(["close"]);
// //
const dialogShow = ref(); const dialogShow = ref();
const data = reactive({ const data = reactive({
@ -177,19 +249,30 @@ const data = reactive({
stepdata: [ stepdata: [
{ {
title: "预警推送", title: "预警推送",
description: "推送时间: 2024.9.15", description: "2024.9.15",
sendTime: "",
}, },
{ {
title: "业务受理情况", title: "业务受理情况",
description: "受理日期: 2024.9.16", description: "受理日期: 2024.9.16",
disposalTime: "",
ywdw: "",
ywfzr: "",
}, },
{ {
title: "办结结果", title: "办结结果",
description: "办结时间2024.10.16", description: "办结时间2024.10.16",
completionTime: "",
nr: "",
}, },
{ {
title: "网格核实", title: "网格核实",
description: "核实日期:2024.10.17", description: "核实日期:2024.10.17",
verifyName: "",
verifyTime: "",
}, },
], ],
}); });
@ -203,6 +286,8 @@ const onMenu = (val, index) => {
}); });
data.menu[index].show = true; data.menu[index].show = true;
// emit("openLCQX", val.bm); // emit("openLCQX", val.bm);
console.log("部门", val);
data.content.bm = val.bm; data.content.bm = val.bm;
openLCQXs(); openLCQXs();
}; };
@ -213,12 +298,6 @@ const openLCQXs = () => {
) )
.then((res) => { .then((res) => {
if (res.code == 200) { if (res.code == 200) {
// data.content.sendTime = "";
// data.content.ywdw = "";
// data.content.ywfzr = "";
// data.content.disposalTime = "";
// data.content.completionTime = "";
// data.content.nr = "";
// //
Object.assign(data.content, { Object.assign(data.content, {
sendTime: "", sendTime: "",
@ -230,10 +309,10 @@ const openLCQXs = () => {
verifyName: "", verifyName: "",
verifyTime: "", verifyTime: "",
}); });
data.active = res.data.length;
if (res.data && res.data.length > 0) { if (res.data && res.data.length > 0) {
data.content.sendTime = res.data[0]?.sendTime.split(" ")[0]; data.content.sendTime = res.data[0]?.sendTime.split(" ")[0];
data.content.ywdw = "asdasd ";
data.content.ywdw = res.data[1]?.ywdw; data.content.ywdw = res.data[1]?.ywdw;
data.content.ywfzr = res.data[1]?.ywfzr; data.content.ywfzr = res.data[1]?.ywfzr;
data.content.disposalTime = res.data[1]?.disposalTime.split(" ")[0]; data.content.disposalTime = res.data[1]?.disposalTime.split(" ")[0];
@ -243,9 +322,8 @@ const openLCQXs = () => {
data.content.verifyName = res.data[3]?.verifyName; data.content.verifyName = res.data[3]?.verifyName;
data.content.verifyTime = res.data[3]?.verifyTime; data.content.verifyTime = res.data[3]?.verifyTime;
} }
data.stepdata[0].description = `推送时间:${ //
data.content.sendTime || "未核实" data.stepdata[0].description = ` ${data.content.sendTime || "未核实"}`;
}`;
// //
if ( if (
data.content.ywdw && data.content.ywdw &&
@ -263,9 +341,13 @@ const openLCQXs = () => {
} else { } else {
data.stepdata[2].description = "未核实"; data.stepdata[2].description = "未核实";
} }
data.stepdata[3].description = `核实负责人:${
data.content.verifyName || "未核实" //
}\n核实日期 ${data.content.verifyTime || "未核实"}`; if (data.content.verifyName && data.content.verifyTime) {
data.stepdata[3].description = `核实负责人:${data.content.verifyName} \n 核实日期: ${data.content.verifyTime}`;
} else {
data.stepdata[3].description = "未核实";
}
} }
}); });
}; };
@ -295,6 +377,9 @@ watch(
data.menu = props.menu; data.menu = props.menu;
data.title = props.title; data.title = props.title;
data.content = props.tableData; data.content = props.tableData;
console.log("进度", props.tableData);
data.active = props.tableData.active;
if (data.menu.length > 0) { if (data.menu.length > 0) {
data.menu[0].show = true; data.menu[0].show = true;
} }
@ -330,11 +415,12 @@ watch(
} else { } else {
data.stepdata[2].description = "未核实"; data.stepdata[2].description = "未核实";
} }
data.stepdata[3].description = `核实负责人:${ //
data.content.verifyName || "未核实" if (data.content.verifyName && data.content.verifyTime) {
}\n核实日期 ${ data.stepdata[3].description = `核实负责人:${data.content.verifyName} \n 核实日期: ${data.content.verifyTime}`;
data.content.verifyTime || "未核实" } else {
}`; data.stepdata[3].description = "未核实";
}
} else { } else {
// data.menu[0].label = data.content.bt // data.menu[0].label = data.content.bt
} }
@ -347,7 +433,6 @@ watch(
// dialogShow.value = newVal; // dialogShow.value = newVal;
// if (newVal == true) { // if (newVal == true) {
// console.log(777, newVal,data.menu, data.content); // console.log(777, newVal,data.menu, data.content);
data.menu = props.menu; data.menu = props.menu;
data.title = props.title; data.title = props.title;
@ -376,11 +461,12 @@ watch(
} else { } else {
data.stepdata[2].description = "未核实"; data.stepdata[2].description = "未核实";
} }
data.stepdata[3].description = `核实负责人:${ //
data.content.verifyName || "未核实" if (data.content.verifyName && data.content.verifyTime) {
}\n核实日期 ${ data.stepdata[3].description = `核实负责人:${data.content.verifyName} \n 核实日期: ${data.content.verifyTime}`;
data.content.verifyTime || "未核实" } else {
}`; data.stepdata[3].description = "未核实";
}
} }
} }
// } // }
@ -494,6 +580,9 @@ const closeDialog = () => {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
background: rgba(70, 114, 171, 0.36);
padding: 16px 12px;
box-sizing: border-box;
.contenta { .contenta {
width: 100%; width: 100%;
// padding: 0 10px; // padding: 0 10px;
@ -576,8 +665,9 @@ const closeDialog = () => {
.conten { .conten {
width: 100%; width: 100%;
display: flex; display: flex;
// justify-content: center;
justify-content: space-around; justify-content: space-around;
margin-top: 26px;
.operationFlow { .operationFlow {
.titles { .titles {
// width: 846px; // width: 846px;
@ -595,14 +685,14 @@ const closeDialog = () => {
} }
} }
.operationConten { .operationConten {
width: 1360px; width: 1388px;
// width: 100%;
height: 249px; height: 249px;
flex-direction: column;
background: rgba(70, 114, 171, 0.36);
display: flex; display: flex;
align-items: center; // width: 100%;
justify-content: space-evenly; // align-items: center;
// flex-direction: column;
// background: rgba(70, 114, 171, 0.36);
// justify-content: space-evenly;
.progress { .progress {
min-width: 176px; min-width: 176px;
height: 34px; height: 34px;
@ -618,13 +708,81 @@ const closeDialog = () => {
} }
} }
.stepsa { .stepsa {
width: 100%;
display: flex;
justify-content: space-between;
// width: 846px; // width: 846px;
text-align: center;
// display: flex;
// justify-content: center; // justify-content: center;
.stepsb { .stepsb {
width: 100%; width: 28%;
// margin-left: 14%; font-weight: 500;
font-size: 16px;
font-family: PingFangSC, PingFang SC;
color: #c3d2e1;
.processTitle {
display: flex;
align-items: center;
margin-bottom: 20px;
.processimg {
width: 48px;
height: 48px;
margin-right: 10px;
background-image: url(@/assets/images/sy_details_LC/fwlc8.png);
background-repeat: no-repeat;
background-size: 100% 100%;
// background-size: 48px 48px;
text-align: center;
line-height: 48px;
flex-shrink: 0; /* 禁止缩小 */
}
.processimg1 {
background-image: url(@/assets/images/sy_details_LC/fwlc6.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.processTl {
// width: 160px;
font-size: 18px;
white-space: nowrap;
}
.processline {
// width: 100%;
flex-grow: 1;
height: 1px;
background-color: #2e96ff;
margin-left: 10px;
margin-right: 10px;
}
}
.processEvent {
display: flex;
flex-direction: column;
.processLite {
// display: flex;
display: block;
.processLiteTitle {
display: inline-block;
width: 100px;
text-align: justify; /* 尝试两端对齐 */
text-justify: distribute; /* 中文字符均匀分布 */
vertical-align: top; /* 保持对齐 */
}
.processLiteContent {
display: inline-block;
width: 150px;
}
}
}
}
.stepsc {
width: 16%;
.processLiteTitle {
width: 100px !important;
}
.processLiteContent {
width: 110px !important;
}
} }
} }
} }

View File

@ -200,13 +200,18 @@ const login = () => {
if (routers.query.token) { if (routers.query.token) {
const encryptedText = routers.query.token; const encryptedText = routers.query.token;
const decodedText = decrypt(encryptedText, ENCODED_KEY); const decodedText = decrypt(encryptedText, ENCODED_KEY);
// console.log("Decrypted Text:", decodedText);
var tokenU = decodedText; var tokenU = decodedText;
// console.log("Decrypted Text:", decodedText);
// if (getCookie("lytoken")) { // if (getCookie("lytoken")) {
// } else { // } else {
// document.cookie = `lytoken=${tokenU}`; // document.cookie = `lytoken=${tokenU}`;
// } // }
var token = tokenU; var token = tokenU;
// var token= 'Bearer 6b0e380b4a8f46baae4923f83faf670d';
// var token= '6b0e380b4a8f46baae4923f83faf670d';
tools.data.set("token", token); tools.data.set("token", token);
tools.data.set("type", 2); tools.data.set("type", 2);
getMenu(); getMenu();
@ -216,7 +221,8 @@ const login = () => {
window.location.href = backurl; window.location.href = backurl;
tools.data.remove("backUrl"); tools.data.remove("backUrl");
} }
} else { }
else {
// var tokenPd = getCookie("lytoken"); // var tokenPd = getCookie("lytoken");
var tokenLogin=tools.data.get("token"); var tokenLogin=tools.data.get("token");
if (!tokenLogin) { if (!tokenLogin) {

View File

@ -605,7 +605,7 @@ const push = reactive({
}); });
// //
const Process = reactive({ const Process = reactive({
title: "服务流程", title: "服务处置流程",
data: { data: {
yw: "民政局-社会救助科", yw: "民政局-社会救助科",
fzr: "杨*", fzr: "杨*",
@ -614,6 +614,7 @@ const Process = reactive({
show: true, // show: true, //
sfzhm: "", sfzhm: "",
xh: "", xh: "",
active: 0,//
name: "", name: "",
time: "2024.10.16", time: "2024.10.16",
@ -627,8 +628,6 @@ const Process = reactive({
nr: "未核实", nr: "未核实",
verifyName: "未核实", verifyName: "未核实",
verifyTime: "未核实", verifyTime: "未核实",
}, },
menu: [], menu: [],
}); });
@ -955,17 +954,18 @@ const openLC = (val) => {
// }); // });
openLCQX(); openLCQX();
// dialogShowProcess.value = true;
} else { } else {
Process.data.show = true; Process.data.show = true;
Process.data.yw = "医保局-龙游县医疗保障事业管理中心"; Process.data.yw = "医保局-龙游县医疗保障事业管理中心";
Process.data.fzr = "周*珊,伊*田,杨**"; Process.data.fzr = "周*珊,伊*田,杨**";
Process.data.bt = data.name; Process.data.bt = data.name;
res.data.forEach((item, index) => {
Process.menu.push({ Process.menu.push({
label: data.name, label: data.name,
bm: item.bm,
});
}); });
openLCQX(); openLCQX();
// dialogShowProcess.value = true;
} }
} }
}); });
@ -986,13 +986,14 @@ const openLCQX = () => {
Process.data.nr = ""; Process.data.nr = "";
Process.data.verifyName = ""; Process.data.verifyName = "";
Process.data.verifyTime = ""; Process.data.verifyTime = "";
Process.data.active = res.data.length;
if (res.data && res.data.length > 0) { if (res.data && res.data.length > 0) {
Process.data.sendTime = res.data[0]?.sendTime.split(" ")[0]; Process.data.sendTime = res.data[0]?.sendTime.split(" ")[0];
Process.data.ywdw = res.data[1]?.ywdw; Process.data.ywdw = res.data[1]?.ywdw;
Process.data.ywfzr = res.data[1]?.ywfzr; Process.data.ywfzr = res.data[1]?.ywfzr;
Process.data.disposalTime = res.data[1]?.disposalTime.split(" ")[0]; Process.data.disposalTime = res.data[1]?.disposalTime.split(" ")[0];
Process.data.completionTime = res.data[2]?.completionTime.split(" ")[0]; Process.data.completionTime =
res.data[2]?.completionTime.split(" ")[0];
Process.data.nr = res.data[2]?.nr; Process.data.nr = res.data[2]?.nr;
Process.data.verifyName = res.data[3]?.verifyName; Process.data.verifyName = res.data[3]?.verifyName;
Process.data.verifyTime = res.data[3]?.verifyTime; Process.data.verifyTime = res.data[3]?.verifyTime;

View File

@ -15,7 +15,7 @@ export default defineConfig({
// 第一个代理 // 第一个代理
"/api": { "/api": {
// 匹配到啥来进行方向代理 // 匹配到啥来进行方向代理
target: "http://10.0.0.35:8095/", //刘进 target: "http://192.168.2.80:8095/", //刘进
// target: "https://jzzf.longyou.gov.cn:998/", //线上 // target: "https://jzzf.longyou.gov.cn:998/", //线上
// target: "http://220.191.238.50:996/", //线上 // target: "http://220.191.238.50:996/", //线上
// target: "https://zzdyyfb.dsjj.qz.gov.cn/web/mgop/gov-open/zj/2002428903/reserved/", //线上 // target: "https://zzdyyfb.dsjj.qz.gov.cn/web/mgop/gov-open/zj/2002428903/reserved/", //线上