湖里大屏(首页概览):人员概览页面更改

This commit is contained in:
骆乐 2022-08-18 09:53:57 +08:00
parent 30bd1b69ea
commit 84ac880d0f
5 changed files with 37 additions and 33 deletions

View File

@ -40,8 +40,8 @@ if (process.env.NODE_ENV == 'development') {
// axios.defaults.baseURL = 'http://124.71.178.44:100/' // 河南 // axios.defaults.baseURL = 'http://124.71.178.44:100/' // 河南
// tag: 本地 // tag: 本地
// axios.defaults.baseURL = 'http://192.168.34.174:6023/' // 老大本地 // axios.defaults.baseURL = 'http://192.168.34.174:6023/' // 老大本地
// axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1 axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地 // axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
// axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地 // axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地
// axios.defaults.baseURL = 'http://47.97.202.104:6023/'; // axios.defaults.baseURL = 'http://47.97.202.104:6023/';
// axios.defaults.baseURL = 'http://124.71.178.44:9500/'; // 星璇 // axios.defaults.baseURL = 'http://124.71.178.44:9500/'; // 星璇

View File

@ -45,19 +45,19 @@ export default new Vuex.Store({
// UPLOADURL:'http://10.0.1.43:6023/upload/image',//测试 // UPLOADURL:'http://10.0.1.43:6023/upload/image',//测试
// FILEURL:'http://10.0.1.43:6023/image/',//测试 // FILEURL:'http://10.0.1.43:6023/image/',//测试
BASEURL: baseUrl ? baseUrl : window.location.protocol + '//' + window.location.host + '/', // BASEURL: baseUrl ? baseUrl : window.location.protocol + '//' + window.location.host + '/', //
UPLOADURL: window.location.protocol + '//' + window.location.host + '/upload/image', // // UPLOADURL: window.location.protocol + '//' + window.location.host + '/upload/image', //
FILEURL: window.location.protocol + '//' + window.location.host + '/image/', //测试 // tag: 本地测试接口 // FILEURL: window.location.protocol + '//' + window.location.host + '/image/', //测试 // tag: 本地测试接口
/* 2022-05-16 */ /* 2022-05-16 */
// tag: 部署河南项目时,需要打开这两行代码 // tag: 部署河南项目时,需要打开这两行代码
// UPLOADURL: 'http://124.71.178.44:100/upload/image', // UPLOADURL: 'http://124.71.178.44:100/upload/image',
// FILEURL: 'http://124.71.178.44:100/image/', // FILEURL: 'http://124.71.178.44:100/image/',
/* 2022-06-06 杨意本地的*/ // BASEURL:'http://192.168.34.174:6023/', /* 2022-06-06 杨意本地的*/ // BASEURL:'http://192.168.34.174:6023/',
// UPLOADURL: 'http://192.168.34.125:6023/upload/image', UPLOADURL: 'http://192.168.34.125:6023/upload/image',
// FILEURL: 'http://192.168.34.125:6023/image/', FILEURL: 'http://192.168.34.125:6023/image/',
// 邱平毅的 // 邱平毅的
UPLOADURL: 'http://192.168.34.216:6023/upload/image', // UPLOADURL: 'http://192.168.34.216:6023/upload/image',
FILEURL: 'http://192.168.34.216:6023/image/', // FILEURL: 'http://192.168.34.216:6023/image/',
// UPLOADURL:'http://'+"61.190.32.219:9050"+'/upload/image',//正式 // UPLOADURL:'http://'+"61.190.32.219:9050"+'/upload/image',//正式
// FILEURL:'http://'+"61.190.32.219:9050"+'/image/',//正式 // FILEURL:'http://'+"61.190.32.219:9050"+'/image/',//正式
ACCOUNTTYPE: ['系统管理员', '企业一级管理员', '企业二级管理员', '企业三级管理员', '项目管理员'], //1系统管理员2企业管理员账号3企业区账号4企业市账号5项目账号 ACCOUNTTYPE: ['系统管理员', '企业一级管理员', '企业二级管理员', '企业三级管理员', '项目管理员'], //1系统管理员2企业管理员账号3企业区账号4企业市账号5项目账号

View File

@ -28,18 +28,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="countItem"> <!-- <div class="countItem">
<img src="@/assets/images/projectImg/num_blue.png" /> <img src="@/assets/images/projectImg/num_blue.png" />
<div class="info"> <div class="info">
<div class="num3"> <div class="num3">
{{ 12 }} {{ 12 }}
</div> </div>
<!-- 离场人数 -->
<div class="label"> <div class="label">
{{ '离场人数' }} {{ '离场人数' }}
</div> </div>
</div> </div>
</div> </div> -->
</div> </div>
<div class="manager"> <div class="manager">
@ -77,17 +76,17 @@
</div> </div>
</div> </div>
</div> </div>
<div class="person"> <!-- <div class="person">
<div class="person-info"> <div class="person-info">
<div class="person-rate"> <div class="person-rate">
<span style="color:rgb(53, 131, 153);">{{ 12 }}</span <span style="color:rgb(53, 131, 153);">{{ 12 }}</span
>/{{ 24 }} >/{{ 24 }}
</div> </div>
<div class="person-label"> <div class="person-label">
<!-- 管理人员 -->{{ $t('message.companyDiagram.onlineManagePeople') }} {{ $t('message.companyDiagram.onlineManagePeople') }}
</div>
</div> </div>
</div> </div>
</div> -->
</div> </div>
</div> </div>
</div> </div>
@ -150,15 +149,16 @@ export default {
color:#3d83f3; color:#3d83f3;
} }
.label{ .label{
font-size: 12px; font-size: 14px;
} }
.label1{ .label1{
width:68px; width:70px;
} }
} }
} }
} }
.manager { .manager {
height:90%;
.manager-title { .manager-title {
margin-top: 6px; margin-top: 6px;
margin-bottom: 8px; margin-bottom: 8px;
@ -174,33 +174,39 @@ export default {
} }
} }
.manager-persons { .manager-persons {
height: 60%;
display: flex; display: flex;
// margin-left: 20px; // margin-left: 20px;
.person { .person {
flex: 1;
position: relative; position: relative;
margin-top: 30px; margin-top: 35px;
width: 86px; // width: 99px;
height: 86px; // height: 100px;
margin-right: 15px; margin-right: 22px;
background: url(~@/assets/images/projectImg/num_jia.png); background: url(~@/assets/images/projectImg/num_jia.png);
background-size: 100%; background-size: 100%;
background-repeat: no-repeat;
&:nth-child(2) { &:nth-child(2) {
background: url(~@/assets/images/projectImg/num_yi.png); background: url(~@/assets/images/projectImg/num_yi.png);
background-size: 100%; background-size: 100%;
background-repeat: no-repeat;
} }
&:nth-child(3) { &:nth-child(3) {
background: url(~@/assets/images/projectImg/num_bing.png); background: url(~@/assets/images/projectImg/num_bing.png);
background-size: 100%; background-size: 100%;
background-repeat: no-repeat;
} }
&:nth-child(4) { // &:nth-child(4) {
background: url(~@/assets/images/projectImg/num_ding.png); // background: url(~@/assets/images/projectImg/num_ding.png);
background-size: 100%; // background-size: 100%;
} // }
.person-info { .person-info {
transform: translate(15px); transform: translate(15px);
text-align: center; text-align: center;
font-size: 14px; font-size: 16px;
margin-left: 10px; margin-left: 22px;
margin-top: 2px;
} }
} }
} }

View File

@ -124,8 +124,8 @@ components:{Card},
default: "default title" default: "default title"
}, },
projectData:{ projectData:{
type:Array, type: Object,
default: [] default: {}
} }
}, },
data() { data() {

View File

@ -72,7 +72,7 @@
<img <img
v-if="show" v-if="show"
class="imgStyle" class="imgStyle"
:src="fileUrl + imgUrl" :src="this.$store.state.FILEURL + imgUrl"
alt alt
/> />
</div> </div>
@ -90,9 +90,8 @@ export default {
return { return {
show: false, show: false,
projectData: { projectData: {
videoUrl: "" videoUrl: "",
}, },
fileUrl: "",
imgUrl: "", // imgUrl: "", //
showChangeImg: false, // showChangeImg: false, //
fullscreenLoading: null, fullscreenLoading: null,
@ -105,7 +104,6 @@ export default {
} }
}, },
created() { created() {
this.fileUrl = this.$store.state.FILEURL;
this.getDataDateils(); this.getDataDateils();
this.getQueryBySnData(); this.getQueryBySnData();
}, },
@ -135,7 +133,7 @@ export default {
projectSn: this.$store.state.projectSn, projectSn: this.$store.state.projectSn,
showType: 3 showType: 3
}).then(res => { }).then(res => {
console.log('------获取图片',res) // console.log('------',res.result)
this.imgUrl = res.result.configValue; this.imgUrl = res.result.configValue;
}); });
}, },