suzhou-jichuang-lanhai
/
mudu-vx
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

样式

Browse Source
master
许宏杰 1 year ago
parent 1c417b2294
commit 7ccfc6138f
8 changed files with 185 additions and 129 deletions
Show Stats Download Patch File Download Diff File

BIN
src/assets/image/vxEwm/back.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

9
src/views/vxEwm/enterprise/components/firmInfo.vue
Unescape View File

@ -197,10 +197,13 @@ div{
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
padding:0.25rem 0.21rem;
background: #FFFFFF;
border-radius: 20px;
.info-content { .info-content {
background: #FFFFFF;
border-radius: 0.24rem;
padding: 0.2rem 0;
height: calc(100% - 0.1rem); height: calc(100% - 0.1rem);
overflow-y: auto; overflow-y: auto;
.list-item { .list-item {

59
src/views/vxEwm/garden/index copy.vue → src/views/vxEwm/enterprise/index copy.vue
Unescape View File

@ -1,10 +1,20 @@
<template> <template>
<div class="vx-container"> <div class="vx-container">
<div class="general-header"></div> <div class="general-header"></div>
<div class="general-view"> <div class="general-info-bg"></div>
<div
:class="$route.name == '巡检详情' ? 'general-view-two' : 'general-view'"
>
<router-view /> <router-view />
</div> </div>
<div class="general-footnote"> <div class="general-footnote">
<div
class="back-home"
v-show="$store.state.showBtnData.isShow == 'true'"
@click="backHome"
>
返回{{ $store.state.showBtnData.text }}
</div>
<div class="app-download-hint"></div> <div class="app-download-hint"></div>
<div class="download-btn" @click="handlerDownload()"> <div class="download-btn" @click="handlerDownload()">
<span>></span> <span>></span>
@ -21,16 +31,23 @@ import { Toast } from 'vant'
export default { export default {
data() { data() {
return { return {
isShow: true,
urlAndorid: 'https://www.pgyer.com/6TpZ', urlAndorid: 'https://www.pgyer.com/6TpZ',
urliOS: '', urliOS:
'https://apps.apple.com/cn/app/%E6%9C%A8%E6%B8%8E%E6%99%BA%E6%85%A7%E5%AE%89%E7%9B%91/id1597682147',
} }
}, },
created() { created() {
document.title = this.$route.query.name || '工业园' //修改浏览器标题 console.log(this.$store.state.showBtnData, '值')
document.title = this.$route.query.name || '企业' //修改浏览器标题
let windowBar = document.getElementById('statusBar') let windowBar = document.getElementById('statusBar')
windowBar.style.height = 0 + 'px' windowBar.style.height = 0 + 'px'
this.isShow = this.$route.query.isShow
}, },
methods: { methods: {
backHome() {
this.$router.back()
},
/** /**
* 下载APP * 下载APP
*/ */
@ -67,20 +84,44 @@ export default {
background: url('~@/assets/image/vxEwm/top-header-bg.png'); background: url('~@/assets/image/vxEwm/top-header-bg.png');
background-size: 100% 100%; background-size: 100% 100%;
} }
.general-info-bg {
position: absolute;
top: 15%;
left: 0;
z-index: 10;
width: 100%;
height: 74%;
background: url('~@/assets/image/vxEwm/middle-bg.png');
background-size: 100% 100%;
}
.general-view { .general-view {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -53%);
z-index: 20; z-index: 20;
width: 100%; width: 100%;
height: 80%; height: 75%;
background-color: #e8f3fc; background-color: #e8f3fc;
border-radius: 20px; border-radius: 20px;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
padding: 0.3rem 0.21rem; padding: 0.3rem 0.21rem;
} }
.general-view-two {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 20;
width: 90%;
height: 70%;
background-color: #ffffff;
border-radius: 20px;
overflow: hidden;
box-sizing: border-box;
padding: 0.21rem;
}
.general-footnote { .general-footnote {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -97,8 +138,12 @@ export default {
.back-home { .back-home {
width: 1.94rem; width: 1.94rem;
height: 0.5rem; height: 0.5rem;
background: url('~@/assets/image/vxEwm/backHome.png'); color: #177fd4;
background-size: 100% 100%; font-weight: bold;
font-size: 0.22rem;
border-radius: 28px;
line-height: 0.52rem;
background-image: linear-gradient(to right, #accbee, #e7f0fd);
} }
.app-download-hint { .app-download-hint {
width: 4.11rem; width: 4.11rem;

197
src/views/vxEwm/enterprise/index.vue
Unescape View File

@ -1,21 +1,22 @@
<template> <template>
<div class="vx-container"> <div class="vx-container">
<div class="general-header"></div> <div class="general-header"></div>
<div class="general-info-bg"></div>
<div <div
:class="$route.name == '巡检详情' ? 'general-view-two' : 'general-view'" :class="$route.name == '巡检详情' ? 'general-view-two' : 'general-view'"
> >
<router-view /> <router-view />
</div> </div>
<div class="general-footnote"> <div class="general-footnote">
<div <div
class="back-home" class="back-home"
v-show="$store.state.showBtnData.isShow == 'true'" v-show="$store.state.showBtnData.isShow == 'true'"
@click="backHome" @click="backHome"
> >
返回{{ $store.state.showBtnData.text }} <img src="@/assets/image/vxEwm/back.png" alt="" class="back-icon" />
<span> 返回{{ $store.state.showBtnData.text }}</span>
</div> </div>
<div class="app-download-hint"></div> <div class="app-download-hint">查看更多信息请下载 “安全木渎APP”</div>
<div class="download-btn" @click="handlerDownload()"> <div class="download-btn" @click="handlerDownload()">
<span>></span> <span>></span>
<a>点击下载</a> <a>点击下载</a>
@ -26,20 +27,13 @@
</template> </template>
<script> <script>
import { phoneIf } from '@/util/sbIf.js'
import { Toast } from 'vant' import { Toast } from 'vant'
import { phoneIf } from '@/util/sbIf.js'
export default { export default {
data() { data() {
return { return {}
isShow: true,
urlAndorid: 'https://www.pgyer.com/6TpZ',
urliOS:
'https://apps.apple.com/cn/app/%E6%9C%A8%E6%B8%8E%E6%99%BA%E6%85%A7%E5%AE%89%E7%9B%91/id1597682147',
}
}, },
created() { created() {
console.log(this.$store.state.showBtnData, '值')
document.title = this.$route.query.name || '企业' //修改浏览器标题
let windowBar = document.getElementById('statusBar') let windowBar = document.getElementById('statusBar')
windowBar.style.height = 0 + 'px' windowBar.style.height = 0 + 'px'
this.isShow = this.$route.query.isShow this.isShow = this.$route.query.isShow
@ -48,18 +42,19 @@ export default {
backHome() { backHome() {
this.$router.back() this.$router.back()
}, },
/**
* 下载APP
*/
handlerDownload() { handlerDownload() {
let temp = document.createElement('a') // 创建a标签
const equipment = phoneIf() const equipment = phoneIf()
if (equipment == 'IOS') { if (equipment == 'IOS') {
if (window.plus) window.plus.runtime.openURL(this.urliOS) Toast('请点击右上角 “...” 选择默认浏览器打开')
// temp.href =
// 'https://apps.apple.com/cn/app/%E6%9C%A8%E6%B8%8E%E6%99%BA%E6%85%A7%E5%AE%89%E7%9B%91/id1597682147' // 设置下载名称
} else if (equipment == 'Android') { } else if (equipment == 'Android') {
if (window.plus) window.plus.runtime.openURL(this.urlAndorid) temp.href = 'https://www.pgyer.com/6TpZ' // 设置下载名称
} else { } else {
Toast(`暂未开发${equipment}版本app`) Toast(`暂未开发${equipment}版本app`)
} }
temp.click()
}, },
}, },
} }
@ -70,97 +65,91 @@ export default {
position: relative; position: relative;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; min-height: 100vh;
height: 100vh;
overflow: hidden;
}
.general-header {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 16%;
background: url('~@/assets/image/vxEwm/top-header-bg.png');
background-size: 100% 100%;
}
.general-info-bg {
position: absolute;
top: 15%;
left: 0;
z-index: 10;
width: 100%;
height: 74%;
background: url('~@/assets/image/vxEwm/middle-bg.png'); background: url('~@/assets/image/vxEwm/middle-bg.png');
background-size: 100% 100%; background-size: cover;
}
.general-view {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -53%);
z-index: 20;
width: 100%;
height: 75%;
background-color: #e8f3fc;
border-radius: 20px;
overflow: hidden;
box-sizing: border-box;
padding: 0.3rem 0.21rem;
}
.general-view-two {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 20;
width: 90%;
height: 70%;
background-color: #ffffff;
border-radius: 20px;
overflow: hidden; overflow: hidden;
box-sizing: border-box;
padding: 0.21rem; .general-header {
} position: absolute;
.general-footnote { top: 1vh;
position: absolute; left: 50%;
bottom: 0; transform: translateX(-50%);
left: 0; width: 4.8rem;
z-index: 10; height: 8.3vh;
width: 100%;
height: 20%; background: url('~@/assets/image/vxEwm/logo.png');
background: url('~@/assets/image/vxEwm/bottom-foot-bg.png');
background-size: 100% 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
.back-home {
width: 1.94rem;
height: 0.5rem;
color: #177fd4;
font-weight: bold;
font-size: 0.22rem;
border-radius: 28px;
line-height: 0.52rem;
background-image: linear-gradient(to right, #accbee, #e7f0fd);
}
.app-download-hint {
width: 4.11rem;
height: 0.4rem;
margin: 0.1rem 0;
background: url('~@/assets/image/vxEwm/download-text.png');
background-size: 100% 100%; background-size: 100% 100%;
} }
.download-btn {
margin-bottom: 0.1rem; .general-view {
display: flex; position: absolute;
align-items: center; top: 37%;
justify-content: center; transform: translateY(-37%);
color: #feffff; height: 73%;
a { width: 100%;
margin: 0 0.1rem; background: #e8f3fc;
text-decoration: underline; border-radius: 30px;
overflow: hidden;
box-sizing: border-box;
padding: 0.3rem 0.21rem 0 0.21rem;
}
.general-view-two {
position: absolute;
top: 37%;
transform: translateY(-37%);
height: 73%;
width: 100%;
// background: #e8f3fc;
border-radius: 30px;
overflow: hidden;
box-sizing: border-box;
padding: 0 0.21rem 0 0.21rem;
}
.general-footnote {
position: absolute;
bottom: 3vh;
left: 0;
z-index: 10;
width: 100%;
.back-home {
display: flex;
align-items: center;
justify-content: center;
width: 1.85rem;
height: 0.5rem;
margin: auto;
.back-icon {
display: inline-block;
height: 0.3rem;
height: 0.25rem;
margin-right: 0.05rem;
}
color: #177fd4;
font-weight: bold;
font-size: 0.22rem;
border-radius: 28px;
background-image: linear-gradient(to right, #accbee, #e7f0fd);
}
.app-download-hint {
margin-top: 0.1rem;
font-size: 0.25rem;
color: #fff;
font-weight: bold;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
font-family: 'PingFang-SC-Regular';
}
.download-btn {
margin-top: 0.1rem;
display: flex;
align-items: center;
justify-content: center;
color: #feffff;
a {
margin: 0 0.1rem;
text-decoration: underline;
}
} }
} }
} }

24
src/views/vxEwm/enterprise/info.vue
Unescape View File

@ -21,7 +21,7 @@
<div class="circle-line" style="top: 0.08rem; height: 135%"></div> <div class="circle-line" style="top: 0.08rem; height: 135%"></div>
<div class="data-mian"> <div class="data-mian">
<div class="timer-line-title enterprise-name"> <div class="timer-line-title enterprise-name">
{{ enterpriseName }} {{ this.parkList.name }}
</div> </div>
</div> </div>
</div> </div>
@ -244,7 +244,7 @@
<div class="item-title">入住园区</div> <div class="item-title">入住园区</div>
<div class="item-value">{{ parkList.parkName }}</div> <div class="item-value">{{ parkList.parkName }}</div>
</div> </div>
<van-divider /> <!-- <van-divider /> -->
</div> </div>
</div> </div>
<div class="record-list" v-if="active == 2"> <div class="record-list" v-if="active == 2">
@ -285,7 +285,12 @@
@load="onLoad" @load="onLoad"
:immediate-check="true" :immediate-check="true"
> >
<div class="list-items" v-for="item in checkslist" :key="item.id"> <div
class="list-items"
v-for="item in checkslist"
:key="item.id"
@click="goInfo(item)"
>
<div class="item-top"> <div class="item-top">
{{ {{
item.leaderJoin item.leaderJoin
@ -300,7 +305,6 @@
打卡人：{{ item.reportPersonName }} 打卡人：{{ item.reportPersonName }}
</div> </div>
<img <img
@click="goInfo(item)"
v-show="item.isTrouble == 1" v-show="item.isTrouble == 1"
src="@/assets/image/vxEwm/examine.png" src="@/assets/image/vxEwm/examine.png"
alt="" alt=""
@ -322,7 +326,6 @@ import * as api from '@/api/api2.js'
export default { export default {
data() { data() {
return { return {
enterpriseName: '',
active: 0, active: 0,
tabList: [ tabList: [
{ name: '企业动态', value: 0 }, { name: '企业动态', value: 0 },
@ -363,12 +366,12 @@ export default {
mounted() { mounted() {
let enterpriseId = this.$route.query.id let enterpriseId = this.$route.query.id
this.enterpriseId = this.$route.query.id this.enterpriseId = this.$route.query.id
this.enterpriseName = this.$route.query.name this.getIdInfo(enterpriseId)
this.getYinHuan(enterpriseId) this.getYinHuan(enterpriseId)
this.getJianChaNum(enterpriseId) this.getJianChaNum(enterpriseId)
this.getGongDan(enterpriseId) this.getGongDan(enterpriseId)
this.getZhengGaiInfo(enterpriseId) this.getZhengGaiInfo(enterpriseId)
this.getIdInfo(enterpriseId)
this.onLoad() this.onLoad()
}, },
methods: { methods: {
@ -464,6 +467,8 @@ export default {
getIdInfo(id) { getIdInfo(id) {
xApi.getEnterInfo(id).then((res) => { xApi.getEnterInfo(id).then((res) => {
this.parkList = res.data this.parkList = res.data
console.log(this.parkList, '企业')
document.title = this.parkList.name || '企业' //修改浏览器标题
}) })
}, },
// 触底加载 // 触底加载
@ -562,7 +567,8 @@ img {
} }
} }
.container-box { .container-box {
height: calc(100% - 0.7rem); border-radius: 20px;
height: calc(100% - 1rem);
overflow-y: auto; overflow-y: auto;
} }
.timer-shaft { .timer-shaft {
@ -743,7 +749,7 @@ img {
// } // }
.list-items { .list-items {
width: 99%; width: 99%;
margin-top: 0.24rem; margin-bottom: 0.24rem;
background: #ffffff; background: #ffffff;
box-shadow: 0.04rem 0.04rem 0.08rem 0rem #bbd5ec; box-shadow: 0.04rem 0.04rem 0.08rem 0rem #bbd5ec;
border-radius: 0.24rem 0.24rem 0.24rem 0.24rem; border-radius: 0.24rem 0.24rem 0.24rem 0.24rem;

23
src/views/vxEwm/garden/index.vue
Unescape View File

@ -17,15 +17,28 @@
</template> </template>
<script> <script>
import { Toast } from 'vant'
import { phoneIf } from '@/util/sbIf.js' import { phoneIf } from '@/util/sbIf.js'
export default { export default {
data() { data() {
return { return {}
systeam: '',
}
}, },
created() { created() {},
this.systeam = phoneIf() methods: {
handlerDownload() {
let temp = document.createElement('a') // 创建a标签
const equipment = phoneIf()
if (equipment == 'IOS') {
temp.href =
'https://apps.apple.com/cn/app/%E6%9C%A8%E6%B8%8E%E6%99%BA%E6%85%A7%E5%AE%89%E7%9B%91/id1597682147' // 设置下载名称
Toast('请点击右上角 “...” 选择默认浏览器打开')
} else if (equipment == 'Android') {
temp.href = 'https://www.pgyer.com/6TpZ' // 设置下载名称
} else {
Toast(`暂未开发${equipment}版本app`)
}
temp.click()
},
}, },
} }
</script> </script>

1
src/views/vxEwm/garden/park/components/enterpriseList.vue
Unescape View File

@ -94,7 +94,6 @@ export default {
query: { query: {
id: item.id, id: item.id,
isShow: true, isShow: true,
name: item.name,
}, },
}) })
}, },

1
src/views/vxEwm/garden/park/index.vue
Unescape View File

@ -271,6 +271,7 @@ export default {
getList() { getList() {
getProfile(this.querParams.parkProfileId).then((res) => { getProfile(this.querParams.parkProfileId).then((res) => {
this.dataList = res.data this.dataList = res.data
document.title = this.dataList.parkName || '企业' //修改浏览器标题
}) })
}, },
//应急物资 //应急物资

Write Preview
Loading…
Cancel
Save