1.登录页提示 2.流程图显示修改
This commit is contained in:
parent
55d27e7f90
commit
12a80014a0
@ -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;
|
||||
|
@ -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>
|
||||
@ -104,8 +106,8 @@
|
||||
loading.value = true
|
||||
/*生产环境 begin */
|
||||
loginApi({ username: un, password: pw })
|
||||
/*开发环境 begin */
|
||||
// loginApi({ username: userName.value, password: password.value, captcha: 'app' })
|
||||
/*开发环境 begin */
|
||||
// loginApi({ username: userName.value, password: password.value, captcha: 'app' })
|
||||
.then((res : any) => {
|
||||
if (res.success) {
|
||||
const { result } = res
|
||||
@ -232,6 +234,7 @@
|
||||
.version {
|
||||
margin-top: 63rpx;
|
||||
font-size: 12px;
|
||||
margin-bottom: 60rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
Loading…
Reference in New Issue
Block a user