suojin
/
smartpark-front
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页mock数据，样式优化，设备管理调整，右上角换为登录人员信息

Browse Source
dev
zhangqun 3 years ago
parent 9201d5e6b5
commit 00dec97b23
7 changed files with 366 additions and 146 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 144
      src/api/source/total.js
  2. 11
      src/components/monitoring/conditioner.vue
  3. 15
      src/page/index/top/index.vue
  4. 8
      src/permission.js
  5. 69
      src/views/equipment/index.vue
  6. 158
      src/views/garden/generalizePatternNew.vue
  7. 5
      src/views/garden/home.vue

144
src/api/source/total.js
Unescape View File

@ -340,67 +340,211 @@ export const getWeather = () => {
const isMock = true;//是否模拟数据 const isMock = true;//是否模拟数据
//业务区及塔台总人数 - 业务区（封闭运行） //业务区及塔台总人数 - 业务区（封闭运行）
export const getAllJZByDate = (date) => { export const getAllJZByDate = (date) => {
if (isMock) {
return new Promise((reslove) => {
reslove({
"success": true,
"message": "获取业务区以及塔台的总人数成功",
"code": 200,
"result": 220, //业务区（封闭运行）总人数
"timestamp": 1669703332500
})
})
}
else {
return request({ return request({
url: "/epiHome/getAllJZByDate", url: "/epiHome/getAllJZByDate",
method: "get", method: "get",
params: { date }, params: { date },
}); });
}
}; };
//获取胶州机关行政人员总人数 //获取胶州机关行政人员总人数
export const getJZAdminByDate = (date) => { export const getJZAdminByDate = (date) => {
if (isMock) {
return new Promise((reslove) => {
reslove({
"success": true,
"message": "获取胶州机关行政人员总人数成功",
"code": 200,
"result": 153, //胶州机关行政总人数
"timestamp": 1669704319607
})
})
}
else {
return request({ return request({
url: "/epiHome/getJZAdminByDate", url: "/epiHome/getJZAdminByDate",
method: "get", method: "get",
params: { date }, params: { date },
}); });
}
};
//居家总人数
export const getAllJJByDate = (date) => {
if (isMock) {
return new Promise((reslove) => {
reslove({
"success": true,
"message": "获取居家的总人数成功",
"code": 200,
"result": 57, //居家人数
"timestamp": 1669703291215
})
})
}
else {
return request({
url: "/epiHome/getAllJJByDate",
method: "get",
params: { date },
});
}
}; };
//在青、外地总人数 //在青、外地总人数
export const getIsLeaveByDate = (date) => { export const getIsLeaveByDate = (date) => {
if (isMock) {
return new Promise((reslove) => {
reslove({
"success": true,
"message": "获取在青、在外人数成功",
"code": 200,
"result": {
"inQing": 521, //在青
"notInQing": 21 //在外
},
"timestamp": 1669704274056
})
})
}
else {
return request({ return request({
url: "/epiHome/getIsLeaveByDate", url: "/epiHome/getIsLeaveByDate",
method: "get", method: "get",
params: { date }, params: { date },
}); });
}
}; };
//休假外出/出差人数 //休假外出/出差人数
export const getLeaveByDate = (date) => { export const getLeaveByDate = (date) => {
if (isMock) {
return new Promise((reslove) => {
reslove({
"success": true,
"message": "获取休假外出/出差人数成功",
"code": 200,
"result": {
"CC": 17, //出差
"XJWC": 4 //休假外出
},
"timestamp": 1669704349029
})
})
}
else {
return request({ return request({
url: "/epiHome/getLeaveByDate", url: "/epiHome/getLeaveByDate",
method: "get", method: "get",
params: { date }, params: { date },
}); });
}
}; };
//备勤、居家总人数 //备勤、居家总人数
export const getAllBQByDate = (date) => { export const getAllBQByDate = (date) => {
if (isMock) {
return new Promise((reslove) => {
reslove({
"success": true,
"message": "获取集中备勤/居家的总人数成功",
"code": 200,
"result": {
"JJCJ": 79, //居家纯净人数
"JZBQ": 0 //集中备勤人数
},
"timestamp": 1669703142436
})
})
}
else {
return request({ return request({
url: "/epiHome/getAllBQByDate", url: "/epiHome/getAllBQByDate",
method: "get", method: "get",
params: { date }, params: { date },
}); });
}
}; };
//流亭总人数 //流亭总人数
export const getAllLTByDate = (date) => { export const getAllLTByDate = (date) => {
if (isMock) {
return new Promise((reslove) => {
reslove({
"success": true,
"message": "获取流亭的总人数成功",
"code": 200,
"result": 89, //流亭总人数
"timestamp": 1669703368982
})
})
}
else {
return request({ return request({
url: "/epiHome/getAllLTByDate", url: "/epiHome/getAllLTByDate",
method: "get", method: "get",
params: { date }, params: { date },
}); });
}
}; };
//流亭台站总人数 //流亭台站总人数
export const getAllLTTZByDate = (date) => { export const getAllLTTZByDate = (date) => {
if (isMock) {
return new Promise((reslove) => {
reslove({
"success": true,
"message": "获取流亭台站总人数成功",
"code": 200,
"result": 8, //台站总人数
"timestamp": 1669703403651
})
})
}
else {
return request({ return request({
url: "/epiHome/getAllLTTZByDate", url: "/epiHome/getAllLTTZByDate",
method: "get", method: "get",
params: { date }, params: { date },
}); });
}
}; };
//集中隔离 - 获取今日健康码、行程码信息 //集中隔离 - 获取今日健康码、行程码信息
export const getCodeByDate = (date) => { export const getCodeByDate = (date) => {
if (isMock) {
return new Promise((reslove) => {
reslove({
"success": true,
"message": "获取今日健康码、行程表信息成功",
"code": 200,
"result": {
"id": 2,
"createTime": "2022-11-29",
"healthYellowCode": 0, //健康码黄码
"healthRedCode": 0, //健康码红码
"strokeYellowCode": 0, //行程码黄码
"strokeRedCode": 0, //行程码红码
"jzgl": 0, //集中隔离
"jjgl": 0, //居家隔离
"fxts": 0 //风险提示人员
},
"timestamp": 1669705096367
})
})
}
else {
return request({ return request({
url: "/epiHome/epi-code/getCodeByDate", url: "/epiHome/epi-code/getCodeByDate",
method: "get", method: "get",
params: { date }, params: { date },
}); });
}
}; };
//公寓使用情况 //公寓使用情况
export const getDorInfo = (date) => { export const getDorInfo = (date) => {

11
src/components/monitoring/conditioner.vue
Unescape View File

@ -126,12 +126,12 @@
<el-table-column label="|" width="5"></el-table-column> <el-table-column label="|" width="5"></el-table-column>
<el-table-column label="温度(实际/设定)" style="cursor: pointer"> <el-table-column label="温度(实际/设定)" style="cursor: pointer">
<template slot-scope="scope"> <template slot-scope="scope">
<span @click="clickConditions(scope.row)" style="cursor: pointer" <span v-if="scope.row.funcCat == 1" @click="clickConditions(scope.row)" style="cursor: pointer"
:style="{ color: scope.row.open == 1 ? 'white' : '#9d9d9d' }">{{ scope.row.temCur ? scope.row.temCur : :style="{ color: scope.row.open == 1 ? 'white' : '#9d9d9d' }">{{ scope.row.temCur ? scope.row.temCur :
"--" "--"
}}℃/{{ }}℃/{{
scope.row.temSetting ? scope.row.temSetting : "--" scope.row.temSetting ? scope.row.temSetting : "--"
}}℃</span> }}℃</span><span v-else :style="{ color: scope.row.open == 1 ? 'white' : '#9d9d9d' }">--</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="|" width="5"></el-table-column> <el-table-column label="|" width="5"></el-table-column>
@ -797,7 +797,8 @@ export default {
this.testObject1.open = 1; this.testObject1.open = 1;
var arr = bfHelper.getAll(); var arr = bfHelper.getAll();
bfHelper.clearTags(); bfHelper.clearTags();
if (arr.length < 2) {getOAContent if (arr.length < 2) {
getOAContent
bfHelper.customTag( bfHelper.customTag(
{ {
x: this.testObject1.xmove, x: this.testObject1.xmove,
@ -1026,10 +1027,6 @@ export default {
<span style="opacity: 0.5;font-size: 12px;">设备状态:</span> <span style="opacity: 0.5;font-size: 12px;">设备状态:</span>
<span style="font-size: 15px;">${objData.open == 1 ? "正常" : "离线"}</span> <span style="font-size: 15px;">${objData.open == 1 ? "正常" : "离线"}</span>
</div> </div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">所在位置:</span>
<span style="font-size: 15px;">${objData.location}</span>
</div>
</div> </div>
</div> </div>
</div> </div>

15
src/page/index/top/index.vue
Unescape View File

@ -35,11 +35,11 @@
<top-theme></top-theme> <top-theme></top-theme>
</div> </div>
</el-tooltip> --> </el-tooltip> -->
<el-tooltip effect="dark" :content="$t('navbar.notice')" placement="bottom"> <!-- <el-tooltip effect="dark" :content="$t('navbar.notice')" placement="bottom">
<div class="top-bar__item top-bar__item--show"> <div class="top-bar__item top-bar__item--show">
<top-notice></top-notice> <top-notice></top-notice>
</div> </div>
</el-tooltip> </el-tooltip> -->
<!-- <el-tooltip effect="dark" :content="$t('navbar.language')" placement="bottom"> <!-- <el-tooltip effect="dark" :content="$t('navbar.language')" placement="bottom">
<div class="top-bar__item top-bar__item--show"> <div class="top-bar__item top-bar__item--show">
<top-lang></top-lang> <top-lang></top-lang>
@ -53,8 +53,8 @@
</el-tooltip> --> </el-tooltip> -->
<img class="top-bar__img" :src="userInfo.avatar"> <img class="top-bar__img" :src="userInfo.avatar">
<div class="message"> <div class="message">
<div class="name">张华(建设指挥部)</div> <div class="name">{{userInfo.user_name}}</div>
<div class="date">2022-01-17</div> <div class="date">{{currentDate}}</div>
</div> </div>
<el-dropdown> <el-dropdown>
<span class="el-dropdown-link"> <span class="el-dropdown-link">
@ -87,6 +87,9 @@
fullscreenToggel, fullscreenToggel,
listenfullscreen listenfullscreen
} from "@/util/util"; } from "@/util/util";
import {
dateFormat
} from "@/util/date";
import topLock from "./top-lock"; import topLock from "./top-lock";
import topMenu from "./top-menu"; import topMenu from "./top-menu";
import topSearch from "./top-search"; import topSearch from "./top-search";
@ -109,7 +112,9 @@
}, },
name: "top", name: "top",
data() { data() {
return {}; return {
currentDate: dateFormat(new Date(),'yyyy-MM-dd')
};
}, },
filters: {}, filters: {},
created() {}, created() {},

8
src/permission.js
Unescape View File

@ -14,6 +14,14 @@ router.beforeEach((to, from, next) => {
console.log(to); console.log(to);
if(to.path.indexOf('home') < 0){ if(to.path.indexOf('home') < 0){
document.documentElement.style.fontSize = ''; document.documentElement.style.fontSize = '';
}else{
window.onresize = () => {
if(location.href.indexOf('home') < 0){
return;
}
var dev_width = document.documentElement.clientWidth || document.body.clientWidth
document.documentElement.style.fontSize = (dev_width / 1920) * 100 + 'px'
}
} }
const meta = to.meta || {}; const meta = to.meta || {};
const isMenu = meta.menu === undefined ? to.query.menu : meta.menu; const isMenu = meta.menu === undefined ? to.query.menu : meta.menu;

69
src/views/equipment/index.vue
Unescape View File

@ -16,12 +16,12 @@
@selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange" @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
@refresh-change="refreshChange" @on-load="onLoad"> @refresh-change="refreshChange" @on-load="onLoad">
<template slot="menuLeft"> <template slot="menuLeft">
<el-button type="primary" size="small" icon="el-icon-plus" @click="handleAdd('add')">新 增 <!-- <el-button type="primary" size="small" icon="el-icon-plus" @click="handleAdd('add')">新 增
</el-button> </el-button> -->
<el-button type="danger" size="small" plain icon="el-icon-delete" @click="handleDelete">删 除 <!-- <el-button type="danger" size="small" plain icon="el-icon-delete" @click="handleDelete">删 除
</el-button> </el-button>
<el-button type="success" size="small" plain icon="el-icon-upload2" @click="handleImport">导入 <el-button type="success" size="small" plain icon="el-icon-upload2" @click="handleImport">导入
</el-button> </el-button> -->
<!-- <el-button type="warning" size="small" plain <!-- <el-button type="warning" size="small" plain
icon="el-icon-download" @click="handleExport">导出 icon="el-icon-download" @click="handleExport">导出
</el-button> --> </el-button> -->
@ -29,8 +29,8 @@
<template slot-scope="{row,index}" slot="menu"> <template slot-scope="{row,index}" slot="menu">
<el-button type="text" size="small" @click="handleAdd('look',row)">查看</el-button> <el-button type="text" size="small" @click="handleAdd('look',row)">查看</el-button>
<el-button type="text" size="small" @click="handleAdd('edit',row)">编辑</el-button> <el-button type="text" size="small" @click="handleAdd('edit',row)">编辑</el-button>
<el-button v-if="row.modelId" type="text" size="small" @click="addModel(row)">编辑模型</el-button> <!-- <el-button v-if="row.modelId" type="text" size="small" @click="addModel(row)">编辑模型</el-button>
<el-button v-else type="text" size="small" @click="addModel(row)">添加模型</el-button> <el-button v-else type="text" size="small" @click="addModel(row)">添加模型</el-button> -->
</template> </template>
</avue-crud> </avue-crud>
@ -49,7 +49,7 @@
:visible.sync="equipmentBox" :fullscreen='true'> :visible.sync="equipmentBox" :fullscreen='true'>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px" class="demo-ruleForm"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px" class="demo-ruleForm">
<el-form-item label="设备类型"> <el-form-item label="设备类型">
<el-cascader :disabled="iDisabled" :options="options" ref="cascaderClassroom" <el-cascader :disabled="iDisabled || eqiupType == 'edit'" :options="options" ref="cascaderClassroom"
v-model="ruleForm.classCode" :props="props"> v-model="ruleForm.classCode" :props="props">
</el-cascader> </el-cascader>
</el-form-item> </el-form-item>
@ -85,23 +85,23 @@
<p class="title">通讯设置</p> <p class="title">通讯设置</p>
<div class="flex-center" style="flex-wrap: wrap;"> <div class="flex-center" style="flex-wrap: wrap;">
<el-form-item label="IP地址" prop="electricConfig.ip" v-if="this.equipmentType=='01'"> <el-form-item label="IP地址" prop="electricConfig.ip" v-if="this.equipmentType=='01'">
<el-input :disabled="iDisabled" v-model="ruleForm.electricConfig.ip"></el-input> <el-input :disabled="iDisabled || eqiupType == 'edit'" v-model="ruleForm.electricConfig.ip"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="端口号" prop="electricConfig.port" <el-form-item label="端口号" prop="electricConfig.port"
v-if="this.equipmentType=='01'"> v-if="this.equipmentType=='01'">
<el-input :disabled="iDisabled" v-model="ruleForm.electricConfig.port"> <el-input :disabled="iDisabled || eqiupType == 'edit'" v-model="ruleForm.electricConfig.port">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="数据偏移量" prop="electricConfig.offsetData" <el-form-item label="数据偏移量" prop="electricConfig.offset"
v-if="this.equipmentType=='01'"> v-if="this.equipmentType=='01'">
<el-input :disabled="iDisabled" v-model="ruleForm.electricConfig.offsetData"> <el-input :disabled="iDisabled || eqiupType == 'edit'" v-model="ruleForm.electricConfig.offset">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="状态偏移量" prop="electricConfig.offsetStatus" <!-- <el-form-item label="状态偏移量" prop="electricConfig.offsetStatus"
v-if="this.equipmentType=='01'"> v-if="this.equipmentType=='01'">
<el-input :disabled="iDisabled" v-model="ruleForm.electricConfig.offsetStatus"> <el-input :disabled="iDisabled || eqiupType == 'edit'" v-model="ruleForm.electricConfig.offsetStatus">
</el-input> </el-input>
</el-form-item> </el-form-item> -->
<!-- <el-form-item label="MQTT端口号" prop="mqttdkh" v-if="this.equipmentType=='02' || this.equipmentType=='03' || this.equipmentType=='07' || this.equipmentType=='08'"> <!-- <el-form-item label="MQTT端口号" prop="mqttdkh" v-if="this.equipmentType=='02' || this.equipmentType=='03' || this.equipmentType=='07' || this.equipmentType=='08'">
<el-input v-model="ruleForm.mqttdkh"></el-input> <el-input v-model="ruleForm.mqttdkh"></el-input>
</el-form-item> </el-form-item>
@ -117,20 +117,20 @@
<el-form-item label="SECRET" prop="secret" v-if="this.equipmentType=='04'"> <el-form-item label="SECRET" prop="secret" v-if="this.equipmentType=='04'">
<el-input v-model="ruleForm.secret"></el-input> <el-input v-model="ruleForm.secret"></el-input>
</el-form-item> --> </el-form-item> -->
<el-form-item label="第三方ID" prop="thirdId" <!-- <el-form-item label="第三方ID" prop="thirdId"
v-if="this.equipmentType=='04' || this.equipmentType=='05' || this.equipmentType=='06' || this.equipmentType=='10' || this.equipmentType=='11'"> v-if="this.equipmentType=='04' || this.equipmentType=='05' || this.equipmentType=='06' || this.equipmentType=='10' || this.equipmentType=='11'">
<el-input :disabled="iDisabled" v-model="ruleForm.thirdId"></el-input> <el-input :disabled="iDisabled || eqiupType == 'edit'" v-model="ruleForm.thirdId"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="设备号" prop="lightConfigPowerVO.mac" <el-form-item label="设备号" prop="lightConfigPowerVO.mac"
v-if="this.equipmentType=='05'"> v-if="this.equipmentType=='05'">
<el-input :disabled="iDisabled" v-model="ruleForm.lightConfigPowerVO.mac"> <el-input :disabled="iDisabled || eqiupType == 'edit'" v-model="ruleForm.lightConfigPowerVO.mac">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="线路地址" prop="lightConfigPowerVO.addr" <el-form-item label="线路地址" prop="lightConfigPowerVO.addr"
v-if="this.equipmentType=='05'"> v-if="this.equipmentType=='05'">
<el-input :disabled="iDisabled" v-model="ruleForm.lightConfigPowerVO.addr"> <el-input :disabled="iDisabled || eqiupType == 'edit'" v-model="ruleForm.lightConfigPowerVO.addr">
</el-input> </el-input>
</el-form-item> </el-form-item> -->
<!-- <el-form-item label="业务区IP地址" prop="ywqipdz" v-if="this.equipmentType=='11'"> <!-- <el-form-item label="业务区IP地址" prop="ywqipdz" v-if="this.equipmentType=='11'">
<el-input v-model="ruleForm.ywqipdz"></el-input> <el-input v-model="ruleForm.ywqipdz"></el-input>
</el-form-item> </el-form-item>
@ -149,7 +149,7 @@
<p class="title">设备编码</p> <p class="title">设备编码</p>
<div class="flex-center" style="flex-wrap: wrap;"> <div class="flex-center" style="flex-wrap: wrap;">
<el-form-item label="模型" prop="area"> <el-form-item label="模型" prop="area">
<el-select :disabled="iDisabled" @change="mxChange" v-model="ruleForm.area" <el-select :disabled="iDisabled || eqiupType == 'edit' ? true : false" @change="mxChange" v-model="ruleForm.area"
placeholder="请选择模型"> placeholder="请选择模型">
<el-option label="业务区" value="1"></el-option> <el-option label="业务区" value="1"></el-option>
<el-option label="塔台" value="2"></el-option> <el-option label="塔台" value="2"></el-option>
@ -169,13 +169,13 @@
</el-select> </el-select>
</el-form-item> --> </el-form-item> -->
<el-form-item v-if="ruleForm.area" label="楼栋" prop="build"> <el-form-item v-if="ruleForm.area" label="楼栋" prop="build">
<el-select :disabled="iDisabled" v-model="ruleForm.build" placeholder="请选择楼栋" @change="chooseFloor"> <el-select :disabled="iDisabled || eqiupType == 'edit'" v-model="ruleForm.build" placeholder="请选择楼栋" @change="chooseFloor">
<el-option v-for="(item,index) in build" :label="item.name" <el-option v-for="(item,index) in build" :label="item.name"
:value="item.code" ></el-option> :value="item.code" ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item v-if="ruleForm.area" label="楼层" prop="floored"> <el-form-item v-if="ruleForm.area" label="楼层" prop="floored">
<el-select :disabled="iDisabled" v-model="ruleForm.floored" placeholder="请选择楼层"> <el-select :disabled="iDisabled || eqiupType == 'edit'" v-model="ruleForm.floored" placeholder="请选择楼层">
<el-option v-for="(item,index) in floored" :label="item.name" <el-option v-for="(item,index) in floored" :label="item.name"
:value="item.code"></el-option> :value="item.code"></el-option>
</el-select> </el-select>
@ -186,35 +186,35 @@
<p class="title">基础配置</p> <p class="title">基础配置</p>
<div class="flex-center" style="flex-wrap: wrap;"> <div class="flex-center" style="flex-wrap: wrap;">
<el-form-item label="编码" prop="code"> <el-form-item label="编码" prop="code">
<el-input :disabled="iDisabled" v-model="ruleForm.code"></el-input> <el-input :disabled="iDisabled || eqiupType == 'edit'" v-model="ruleForm.code"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="名称" prop="name"> <el-form-item label="名称" prop="name">
<el-input :disabled="iDisabled" v-model="ruleForm.name"></el-input> <el-input :disabled="eqiupType == 'edit' ? false : iDisabled" v-model="ruleForm.name"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="简称" prop="shortName"> <el-form-item label="简称" prop="shortName">
<el-input :disabled="iDisabled" v-model="ruleForm.shortName"></el-input> <el-input :disabled="eqiupType == 'edit' ? false : iDisabled" v-model="ruleForm.shortName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="厂家" prop="brand"> <el-form-item label="厂家" prop="brand">
<el-input :disabled="iDisabled" v-model="ruleForm.brand"></el-input> <el-input :disabled="eqiupType == 'edit' ? false : iDisabled" v-model="ruleForm.brand"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="使用时间" prop="useStartTime"> <el-form-item label="使用时间" prop="useStartTime">
<el-date-picker :disabled="iDisabled" format="yyyy-MM-dd" <el-date-picker :disabled="eqiupType == 'edit' ? false : iDisabled" format="yyyy-MM-dd"
value-format="yyyy-MM-dd" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" type="date" placeholder="选择日期"
v-model="ruleForm.useStartTime"> v-model="ruleForm.useStartTime">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="具体位置" prop="location"> <el-form-item label="具体位置" prop="location">
<el-input :disabled="iDisabled" v-model="ruleForm.location"></el-input> <el-input :disabled="eqiupType == 'edit' ? false : iDisabled" v-model="ruleForm.location"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="维保人" prop="tendingUser"> <el-form-item label="维保人" prop="tendingUser">
<el-input :disabled="iDisabled" v-model="ruleForm.tendingUser"></el-input> <el-input :disabled="eqiupType == 'edit' ? false : iDisabled" v-model="ruleForm.tendingUser"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="维保电话" prop="tendingPhone"> <el-form-item label="维保电话" prop="tendingPhone">
<el-input :disabled="iDisabled" v-model="ruleForm.tendingPhone"></el-input> <el-input :disabled="eqiupType == 'edit' ? false : iDisabled" v-model="ruleForm.tendingPhone"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="维保时间" prop="tendingTime"> <el-form-item label="维保时间" prop="tendingTime">
<!-- <el-input :disabled="iDisabled" v-model="ruleForm.location"></el-input> --> <!-- <el-input :disabled="iDisabled" v-model="ruleForm.location"></el-input> -->
<el-date-picker v-model="ruleForm.tendingTime" type="datetime" placeholder="选择维保时间"> <el-date-picker :disabled="eqiupType == 'edit' ? false : iDisabled" v-model="ruleForm.tendingTime" type="datetime" placeholder="选择维保时间">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</div> </div>
@ -257,6 +257,7 @@
return { return {
options: [], options: [],
iDisabled: true, iDisabled: true,
equipType:"",//操作状态
build: [], //区域选项 build: [], //区域选项
floored: [], //楼层选项 floored: [], //楼层选项
props: { props: {
@ -644,10 +645,10 @@
getDeptLazyTree2().then(res => { getDeptLazyTree2().then(res => {
let data = res.data.data; let data = res.data.data;
for(let i=0;i<data.length;i++){ for(let i=0;i<data.length;i++){
data[i].key = '0' + data[i].key; data[i].key = data[i].key.length < 4 ? '0' + data[i].key : data[i].key;
if(data[i].hasChildren){ if(data[i].hasChildren){
for(let a=0;a<data[i].children.length;a++){ for(let a=0;a<data[i].children.length;a++){
data[i].children[a].key = '0' + data[i].children[a].key; data[i].children[a].key = data[i].children[a].key.length < 4 ? '0' + data[i].children[a].key : data[i].children[a].key;
} }
} }
} }
@ -760,6 +761,7 @@
handleAdd(type, row) { handleAdd(type, row) {
this.equipmentBox = true; this.equipmentBox = true;
this.iDisabled = false; this.iDisabled = false;
this.eqiupType = type;
if (type == "add") { if (type == "add") {
// 新增 // 新增
this.equipmentTit = "新增设备"; this.equipmentTit = "新增设备";
@ -768,6 +770,7 @@
this.equipmentTit = "编辑设备"; this.equipmentTit = "编辑设备";
getDetails(row.id).then((res) => { getDetails(row.id).then((res) => {
this.ruleForm = res.data.data; this.ruleForm = res.data.data;
console.log('设备编辑',this.ruleForm);
getQy1(this.ruleForm.area).then(res => { getQy1(this.ruleForm.area).then(res => {
this.build = res.data.data; this.build = res.data.data;
}); });

158
src/views/garden/generalizePatternNew.vue
Unescape View File

@ -2,16 +2,22 @@
<!-- 概况模式 --> <!-- 概况模式 -->
<div class="bimModel"> <div class="bimModel">
<!-- 顶部右侧 --> <!-- 顶部右侧 -->
<div class="right_top_data flex-center"> <div class="right_top_data flex-center"
<div class="dateType">{{ isHolidays ? '节假日' : '工作日' }}</div> :style="{ top: '0.15rem'}">
<div class="weather flex-center" style="margin-left: 0.29rem"> <div class="weather flex-center">
<img src="../../../public/img/home/right_top_tianqi.png" style="width: 0.26rem;margin-right: 0.1rem;" /> <img src="../../../public/img/home/right_top_tianqi.png" style="width: 0.26rem;margin-right: 0.1rem;" />
<span style="max-width: 1rem">{{ weatherData.weather }}</span> <span>{{ weatherData.weather ?
weatherData.weather.substring(0, weatherData.weather.lastIndexOf('，')) : ''
}}</span>
</div> </div>
<div class="weather flex-center" style="margin-left: 0.29rem"> <div class="weather flex-center" style="margin-left: 0.29rem">
<img src="../../../public/img/home/right_top_wendu.png" style="width: 0.26rem;margin-right: 0.1rem;" /> <img src="../../../public/img/home/right_top_wendu.png" style="width: 0.26rem;margin-right: 0.1rem;" />
<span>温度：{{ weatherData.temperature }}</span> <span>温度：{{ weatherData.temperature }}</span>
</div> </div>
</div>
<div class="right_top_data flex-center"
:style="{ top: '0.47rem' }">
<div class="dateType">{{ isHolidays ? '节假日' : '工作日' }}</div>
<div class="weather flex-center" style="margin-left: 0.29rem"> <div class="weather flex-center" style="margin-left: 0.29rem">
运行状态：<span style="color: #07E6ED;">{{ (reportFangyi.status == 2 ? '分区域运行' : reportFangyi.status == 2 ? '封闭运行' : 运行状态：<span style="color: #07E6ED;">{{ (reportFangyi.status == 2 ? '分区域运行' : reportFangyi.status == 2 ? '封闭运行' :
'正常') '正常')
@ -25,36 +31,42 @@
<div class="box1"> <div class="box1">
<div class="box_item flex-center"> <div class="box_item flex-center">
<div class="item_label">在青/外地：</div> <div class="item_label">在青/外地：</div>
<div class="item_txt"><span class="big_txt">530</span>/<span class="big_txt">12</span>人</div> <div class="item_txt"><span class="big_txt">{{ isLeaveInfo.inQing }}</span>/<span
class="big_txt">{{ isLeaveInfo.notInQing }}</span>人</div>
</div> </div>
<div class="box_item flex-center"> <div class="box_item flex-center">
<div class="item_label">胶州园区(封闭运行/机关行政)：</div> <div class="item_label">胶州园区(封闭运行/机关行政)：</div>
<div class="item_txt"><span class="big_txt">83</span>/<span class="big_txt">122</span>人</div> <div class="item_txt"><span class="big_txt">{{ allJzAdminInfo }}</span>/<span
class="big_txt">{{ allJzInfo }}</span>人</div>
</div> </div>
<div class="box_item flex-center"> <div class="box_item flex-center">
<div class="item_label">流亭/台站：</div> <div class="item_label">流亭/台站：</div>
<div class="item_txt"><span class="big_txt">89</span>/<span class="big_txt">8</span>人</div> <div class="item_txt"><span class="big_txt">{{ allLtInfo }}</span>/<span class="big_txt">{{ allLtTzInfo }}</span>人
</div>
</div> </div>
<div class="box_item flex-center"> <div class="box_item flex-center">
<div class="item_label">集中备勤/居家纯净：</div> <div class="item_label">集中备勤/居家纯净：</div>
<div class="item_txt"><span class="big_txt">83</span>/<span class="big_txt">122</span>人</div> <div class="item_txt"><span class="big_txt">{{ allBqInfo.JZBQ }}</span>/<span
class="big_txt">{{ allBqInfo.JJCJ }}</span>人</div>
</div> </div>
<div class="box_item flex-center"> <div class="box_item flex-center">
<div class="item_label">休假/外出：</div> <div class="item_label">休假/外出：</div>
<div class="item_txt"><span class="big_txt">2</span>/<span class="big_txt">10</span>人</div> <div class="item_txt"><span class="big_txt">{{ leaveInfo.XJWC }}</span>/<span
class="big_txt">{{ leaveInfo.CC }}</span>人</div>
</div> </div>
<div class="box_item flex-center"> <div class="box_item flex-center">
<div class="item_label">居家：</div> <div class="item_label">居家：</div>
<div class="item_txt"><span class="big_txt">147</span>人</div> <div class="item_txt"><span class="big_txt">{{ allJJInfo }}</span>人</div>
</div> </div>
<div class="box_item flex-center"> <div class="box_item flex-center">
<div class="item_label">集中隔离/居家隔离/小区封控：</div> <div class="item_label">集中隔离/居家隔离/小区封控：</div>
<div class="item_txt"><span class="big_txt">0</span>/<span class="big_txt">0</span>/<span <div class="item_txt"><span class="big_txt">{{ codeInfo.jzgl }}</span>/<span
class="big_txt">75</span>人</div> class="big_txt">{{ codeInfo.jjgl }}</span>/<span class="big_txt">{{ codeInfo.fxts }}</span>人</div>
</div> </div>
<div class="box_item flex-center"> <div class="box_item flex-center">
<div class="item_label">健康码/行程码：</div> <div class="item_label">健康码/行程码：</div>
<div class="item_txt"><span class="big_txt">0</span>/<span class="big_txt">0</span>人</div> <div class="item_txt"><span class="big_txt">{{ codeInfo.healthRedCode }}</span>/<span
class="big_txt">{{ codeInfo.strokeRedCode }}</span>人</div>
</div> </div>
</div> </div>
<!-- 公寓使用情况 --> <!-- 公寓使用情况 -->
@ -79,21 +91,31 @@
<div class="flex-center-between"> <div class="flex-center-between">
<div class="flex-center">昨日本场<span class="big_txt blue" style="margin:0 0.03rem;">{{ planeInfo.placeNum <div class="flex-center">昨日本场<span class="big_txt blue" style="margin:0 0.03rem;">{{ planeInfo.placeNum
}}</span>次</div> }}</span>次</div>
<div v-if="((((planeInfo.placeNum - prePlaneInfo.placeNum) / prePlaneInfo.placeNum) * 100) >= 0)" class="yellow"> <div v-if="((((planeInfo.placeNum - prePlaneInfo.placeNum) / prePlaneInfo.placeNum) * 100) >= 0)"
<img src="../../../public/img/monitoring/electricity/up.png" /> {{(((planeInfo.placeNum - prePlaneInfo.placeNum) / prePlaneInfo.placeNum) * 100).toFixed(1)}}% class="yellow">
<img src="../../../public/img/monitoring/electricity/up.png" /> {{ (((planeInfo.placeNum -
prePlaneInfo.placeNum) / prePlaneInfo.placeNum) * 100).toFixed(1)
}}%
</div> </div>
<div v-else class="green"> <div v-else class="green">
<img src="../../../public/img/monitoring/electricity/down.png" /> {{(((planeInfo.placeNum - prePlaneInfo.placeNum) / prePlaneInfo.placeNum) * 100).toFixed(1)}}% <img src="../../../public/img/monitoring/electricity/down.png" /> {{ (((planeInfo.placeNum -
prePlaneInfo.placeNum) / prePlaneInfo.placeNum) * 100).toFixed(1)
}}%
</div> </div>
</div> </div>
<div class="flex-center-between"> <div class="flex-center-between">
<div class="flex-center">昨日区域<span class="big_txt blue" style="margin:0 0.03rem;">{{ planeInfo.areaNum <div class="flex-center">昨日区域<span class="big_txt blue" style="margin:0 0.03rem;">{{ planeInfo.areaNum
}}</span>次</div> }}</span>次</div>
<div v-if="((((planeInfo.areaNum - prePlaneInfo.areaNum) / prePlaneInfo.areaNum) * 100) > 0)" class="yellow"> <div v-if="((((planeInfo.areaNum - prePlaneInfo.areaNum) / prePlaneInfo.areaNum) * 100) > 0)"
<img src="../../../public/img/monitoring/electricity/up.png" /> {{(((planeInfo.areaNum - prePlaneInfo.areaNum) / prePlaneInfo.areaNum) * 100).toFixed(1)}}% class="yellow">
<img src="../../../public/img/monitoring/electricity/up.png" /> {{ (((planeInfo.areaNum -
prePlaneInfo.areaNum) / prePlaneInfo.areaNum) * 100).toFixed(1)
}}%
</div> </div>
<div v-else class="green"> <div v-else class="green">
<img src="../../../public/img/monitoring/electricity/down.png" /> {{(((planeInfo.areaNum - prePlaneInfo.areaNum) / prePlaneInfo.areaNum) * 100).toFixed(1)}}% <img src="../../../public/img/monitoring/electricity/down.png" /> {{ (((planeInfo.areaNum -
prePlaneInfo.areaNum) / prePlaneInfo.areaNum) * 100).toFixed(1)
}}%
</div> </div>
</div> </div>
</div> </div>
@ -280,9 +302,11 @@
<script> <script>
import { import {
getIsLeaveByDate,
getPeople, getPeople,
getWeather, getWeather,
getCar, getCar,
getLeaveByDate,
getAllJZByDate, getAllJZByDate,
getAllBQByDate, getAllBQByDate,
getAllLTByDate, getAllLTByDate,
@ -304,6 +328,8 @@ import {
getGardenEat, getGardenEat,
getReportByDate, getReportByDate,
isHolidays, isHolidays,
getJZAdminByDate,
getAllJJByDate,
} from "@/api/source/total"; } from "@/api/source/total";
import { dateFormat } from "@/util/date"; import { dateFormat } from "@/util/date";
import { Message } from 'element-ui'; import { Message } from 'element-ui';
@ -379,21 +405,27 @@ export default {
icon: require("../../../public/img/monitoring/nav_11-1.png"), icon: require("../../../public/img/monitoring/nav_11-1.png"),
}, },
}, //业务模型设备类型 }, //业务模型设备类型
isLeaveInfo: {},//在青、外地
allJzAdminInfo: {},//业务区及塔台总人数 - 业务区（封闭运行）
allJzInfo: {},//获取胶州机关行政人员总人数
allBqInfo: {},//备勤、居家总人数
allLtInfo: {},//流亭总人数
allLtTzInfo: {},//流亭台站总人数
codeInfo: {},//集中隔离
leaveInfo: {},//休假、外出
allJJInfo: {},//居家总人数
setInterval: null,
}; };
}, },
mounted() { mounted() {
this.getCar();//车辆出入 this.getCar();//车辆出入
this.getYqPeople();//园区总人数 this.getYqPeople();//园区总人数
this.getDorInfo();//公寓使用情况
this.getRunSafe();//运行保障
this.getLtOrBeiqin();//流亭备勤
this.getXz();//行政办公人员
this.getWeekPeople();//一周趋势
this.getSankey();//桑基图
this.getBx();//报修情况
this.getJiuCan();//就餐
this.getDoor();//门禁
this.getBaseData();//基础数据查询 this.getBaseData();//基础数据查询
this.getEchartData();
this.setInterval = setInterval(() => {
this.getBaseData();
}, 60 * 60 * 1000);//1小时循环1次
}, },
methods: { methods: {
//基础数据查询 //基础数据查询
@ -402,26 +434,42 @@ export default {
getWeather().then((res) => { getWeather().then((res) => {
this.weatherData = res.data.data; this.weatherData = res.data.data;
}); });
// //业务区及塔台总人数 //在青、外地总人数
// getAllJZByDate(this.currentDate).then((res) => { getIsLeaveByDate(this.currentDate).then((res) => {
this.isLeaveInfo = res.result;
// }) })
// //备勤、居家总人数 //居家总人数
// getAllBQByDate(this.currentDate).then((res) => { getAllJJByDate(this.currentDate).then((res) => {
this.allJJInfo = res.result;
// }) })
// //流亭总人数 //休假外出
// getAllLTByDate(this.currentDate).then((res) => { getLeaveByDate(this.currentDate).then((res) => {
this.leaveInfo = res.result;
// }) })
// //流亭台站总人数 //业务区及塔台总人数业务区（封闭运行）
// getAllLTTZByDate(this.currentDate).then((res) => { getJZAdminByDate(this.currentDate).then((res) => {
this.allJzAdminInfo = res.result;
// }) })
// //集中隔离 //获取胶州机关行政人员总人数
// getCodeByDate(this.currentDate).then((res) => { getAllJZByDate(this.currentDate).then((res) => {
this.allJzInfo = res.result;
// }) })
//备勤、居家总人数
getAllBQByDate(this.currentDate).then((res) => {
this.allBqInfo = res.result;
})
//流亭总人数
getAllLTByDate(this.currentDate).then((res) => {
this.allLtInfo = res.result;
})
//流亭台站总人数
getAllLTTZByDate(this.currentDate).then((res) => {
this.allLtTzInfo = res.result;
})
//集中隔离
getCodeByDate(this.currentDate).then((res) => {
this.codeInfo = res.result;
})
//航班 - 前一天和今天 //航班 - 前一天和今天
let dd = new Date(this.currentDate); let dd = new Date(this.currentDate);
dd.setDate(dd.getDate() - 1); dd.setDate(dd.getDate() - 1);
@ -455,6 +503,18 @@ export default {
this.isHolidays = res.result; this.isHolidays = res.result;
}) })
}, },
//图表数据查询
getEchartData() {
this.getDorInfo();//公寓使用情况
this.getRunSafe();//运行保障
this.getLtOrBeiqin();//流亭备勤
this.getXz();//行政办公人员
this.getWeekPeople();//一周趋势
this.getSankey();//桑基图
this.getBx();//报修情况
this.getJiuCan();//就餐
this.getDoor();//门禁
},
//共享资源 //共享资源
getGxzy() { getGxzy() {
//共享资源 //共享资源
@ -1633,7 +1693,7 @@ export default {
//右上角 //右上角
.right_top_data { .right_top_data {
position: absolute; position: absolute;
top: 0.27rem; top: 0.1rem;
right: 0.2rem; right: 0.2rem;
.dateType { .dateType {

5
src/views/garden/home.vue
Unescape View File

@ -83,7 +83,10 @@ export default {
document.documentElement.style.fontSize = (dev_width / 1920) * 100 + 'px' document.documentElement.style.fontSize = (dev_width / 1920) * 100 + 'px'
}, },
mounted() { mounted() {
window.onresize = function () { window.onresize = () => {
if(location.href.indexOf('home') < 0){
return;
}
var dev_width = document.documentElement.clientWidth || document.body.clientWidth var dev_width = document.documentElement.clientWidth || document.body.clientWidth
document.documentElement.style.fontSize = (dev_width / 1920) * 100 + 'px' document.documentElement.style.fontSize = (dev_width / 1920) * 100 + 'px'
} }

Write Preview
Loading…
Cancel
Save