1.登录页提示 2.流程图显示修改

This commit is contained in:
yangzhq68909 2025-05-30 16:31:08 +08:00
parent 55d27e7f90
commit 12a80014a0
2 changed files with 28 additions and 34 deletions

View File

@ -20,13 +20,15 @@
<view class="container">
<view
style="margin-bottom: 20px;height: 400px;overflow: hidden;overflow-y: auto;overflow-x: auto;background-color: #fff;">
<img :src="imgPath" style="border:2px;cursor:hand;" alt="流程图" usemap="#planetmap">
<!-- <map name="planetmap">
<template v-for="(item, key, index) in nodePositionInfo.positionList">
<area shape="rect" :coords="item.coords" title="Venus" @touchstart="showNodeInfo(nodePositionInfo.hisTasks,item.id)">
</template>
</map> -->
<img :src="imgPath" style="border:2px;cursor:hand;" alt="流程图" usemap="#planetmap"
@click="showFullScreen">
</view>
<!-- Full screen preview -->
<wd-popup v-model="popup" type="center" background-color="#fff">
<view class="fullscreen-preview">
<image :src="imgPath" mode="widthFix" style="width:100%;" @click="hideFullScreen" />
</view>
</wd-popup>
<wd-card title="流程历史追踪" type="rectangle">
<wd-steps :active="completedNum" vertical>
<wd-step v-for="item in dataSource">
@ -90,16 +92,13 @@
const appStore = useAppStore();
const tab = ref(0)
const completedNum = ref(0);
const handleClickLeft = () => {
uni.navigateBack()
}
const showNodeInfo = (data, taskId) => {
// this.$refs.nodeInfoModel.close();
// this.$refs.nodeInfoModel.showInfo(data,taskId);
}
const popup = ref(false)
const showFullScreen = () => {
popup.value = true
};
const hideFullScreen = () => {
popup.value = false
};
onLoad((options) => {
type.value = '';
@ -163,7 +162,6 @@
}
})
})
})
const imgPath = computed(() => {
@ -176,23 +174,16 @@
</script>
<style lang="scss" scoped>
::v-deep .wd-tabs__line {
background: #39b54a;
.fullscreen-preview {
width: 100vw;
height: 100vh;
background-color: #fff; /* 白色背景 */
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
::v-deep .wd-step.is-finished .wd-step__icon-outer {
border-color: #39b54a;
color: #fff;
background-color: #39b54a;
}
::v-deep .wd-step.is-process .wd-step__icon-outer {
border-color: #f0f0f0;
color: #fff;
background-color: #f0f0f0;
}
.container {
padding: 5px 0 5px;
min-height: 100vh;

View File

@ -45,6 +45,8 @@
<text style="display: block;">Copyright (c) 2024 天然气产销厂</text>
<text>版本号:{{version}}</text>
</view>
<wd-notice-bar type="danger" text="本平台为非涉密平台,严禁处理、传输国家秘密和企业核心商密等涉密敏感事项" wrapable :scrollable="false"
prefix="warn-bold" style="text-align: left;display: flex;align-items: flex-start;" />
</view>
</view>
</PageLayout>
@ -232,6 +234,7 @@
.version {
margin-top: 63rpx;
font-size: 12px;
margin-bottom: 60rpx;
}
}
</style>