elink-star
/
epmet-work-pc-chengyang
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

新增文件提交

feature
宋桢 2 years ago
parent
224a3c46e2
commit
6638ce7059
7 changed files with 15120 additions and 835 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. 1298
      src/router/index.js
  2. 0
      src/views/dataBoard/humanData/index.vue
  3. 0
      src/views/dataBoard/organizational/index.vue
  4. 25
      src/views/dataBoard/overview/index.vue
  5. 0
      src/views/dataBoard/satisfactionEval/index.vue
  6. 438
      src/views/dataBoardMain/main-navbar.vue
  7. 14194
      yarn.lock

1298
src/router/index.js
View File

File diff suppressed because it is too large

0
src/views/dataBoard/humanData/index.vue
View File

0
src/views/dataBoard/organizational/index.vue
View File

25
src/views/dataBoard/overview/index.vue
View File

@ -0,0 +1,25 @@
<template>
<div>
<cpt-bread @tap="clickBreadItem" v-if="breadList.length > 1" :bread-list="breadList" />
</div>
</template>
<script>
import cptBread from "@/views/dataBoard/renfang/cpts/bread";
export default {
data() {
return {
breadList: [],
};
},
components: {
cptBread,
},
computed: {},
methods: {
clickBreadItem(item) {},
},
};
</script>
<style lang="scss"></style>

0
src/views/dataBoard/satisfactionEval/index.vue
View File

438
src/views/dataBoardMain/main-navbar.vue
View File

@ -1,116 +1,99 @@
<template> <template>
<div class="m-topnav"> <div class="m-topnav">
<div class="title">{{ customerName }}数据智能分析平台</div> <div class="title">{{ customerName }}数据智能分析平台</div>
<!-- <div class="btn-back" @click="toPage('/')"> <!-- <div class="btn-back" @click="toPage('/')">
<img class="z-default" src="~@/assets/images/shuju/main/back.png" /> <img class="z-default" src="~@/assets/images/shuju/main/back.png" />
<img class="z-on" src="~@/assets/images/shuju/main/back-on.png" /> <img class="z-on" src="~@/assets/images/shuju/main/back-on.png" />
<span>返回</span> <span>返回</span>
</div> --> </div> -->
<div class="nav-list z-left"> <div class="nav-list z-left">
<div class="nav-item" :class="{ 'z-on': $route.path == '/dataBoard/renfang/index' }" <div class="nav-item" :class="{ 'z-on': $route.path == '/dataBoard/renfang/index' }" @click="toPage('/dataBoard/renfang/index')">
@click="toPage('/dataBoard/renfang/index')"> <span>人房总览</span>
<span>人房总览</span> </div>
</div> <div class="nav-item" :class="{ 'z-on': $route.path == '/dataBoard/sida/index' }" @click="toPage('/dataBoard/sida/index')">
<div class="nav-item" :class="{ 'z-on': $route.path == '/dataBoard/sida/index' }" <span>四大清单</span>
@click="toPage('/dataBoard/sida/index')"> </div>
<span>四大清单</span> <div class="nav-item" :class="{ 'z-on': $route.path == '/dataBoard/fifteen/index' }" @click="toPage('/dataBoard/fifteen/index')">
</div> <span>十五分钟生活圈</span>
<div class="nav-item" :class="{ 'z-on': $route.path == '/dataBoard/fifteen/index' }" </div>
@click="toPage('/dataBoard/fifteen/index')"> <div class="nav-item" :class="{ 'z-on': $route.path == '/dataBoard/overview/index' }" @click="toPage('/dataBoard/overview/index')">
<span>十五分钟生活圈</span> <span>概览</span>
</div> </div>
<div class="nav-item" > </div>
<span>一级菜单</span> <div class="nav-list z-right">
</div> <div class="nav-item" :class="{ 'z-on': $route.path == '/dataBoard/organizational/index' }" @click="toPage('/dataBoard/organizational/index')">
</div> <span>组织架构</span>
<div class="nav-list z-right"> </div>
<div class="nav-item"> <div class="nav-item" :class="{ 'z-on': $route.path == '/dataBoard/humanData/index' }" @click="toPage('/dataBoard/humanData/index')">
<span>一级菜单</span> <span>人房数据</span>
</div> </div>
<div class="nav-item"> <div class="nav-item" :class="{ 'z-on': $route.path == '/dataBoard/satisfactionEval/index' }" @click="toPage('/dataBoard/satisfactionEval/index')">
<span>更多菜单</span> <span>满意度评价</span>
</div> </div>
</div> </div>
<div class="msg"> <div class="msg">
<div class="weather"> <div class="weather">
<img v-if="weather.weather == '小雨'" src="~@/assets/images/shuju/main/weather/xiaoyu.png" /> <img v-if="weather.weather == '小雨'" src="~@/assets/images/shuju/main/weather/xiaoyu.png" />
<img v-if="weather.weather == '中雨'" src="~@/assets/images/shuju/main/weather/zhongyu.png" /> <img v-if="weather.weather == '中雨'" src="~@/assets/images/shuju/main/weather/zhongyu.png" />
<img v-if="weather.weather == '大雨'" src="~@/assets/images/shuju/main/weather/dayu.png" /> <img v-if="weather.weather == '大雨'" src="~@/assets/images/shuju/main/weather/dayu.png" />
<img v-if="weather.weather == '雷雨'" src="~@/assets/images/shuju/main/weather/leiyu.png" /> <img v-if="weather.weather == '雷雨'" src="~@/assets/images/shuju/main/weather/leiyu.png" />
<img v-if="weather.weather == '雷暴'" src="~@/assets/images/shuju/main/weather/leibao.png" /> <img v-if="weather.weather == '雷暴'" src="~@/assets/images/shuju/main/weather/leibao.png" />
<img v-if="weather.weather == '雨雪'" src="~@/assets/images/shuju/main/weather/yuxue.png" /> <img v-if="weather.weather == '雨雪'" src="~@/assets/images/shuju/main/weather/yuxue.png" />
<img v-if="weather.weather == '阴'" src="~@/assets/images/shuju/main/weather/yin.png" /> <img v-if="weather.weather == '阴'" src="~@/assets/images/shuju/main/weather/yin.png" />
<img v-if="weather.weather == '雾'" src="~@/assets/images/shuju/main/weather/wu.png" /> <img v-if="weather.weather == '雾'" src="~@/assets/images/shuju/main/weather/wu.png" />
<img v-if="weather.weather == '风'" src="~@/assets/images/shuju/main/weather/feng.png" /> <img v-if="weather.weather == '风'" src="~@/assets/images/shuju/main/weather/feng.png" />
<img v-else-if="weather.weather == '雪'" src="~@/assets/images/shuju/main/weather/xue.png" /> <img v-else-if="weather.weather == '雪'" src="~@/assets/images/shuju/main/weather/xue.png" />
<img v-else-if="weather.weather == '多云'" src="~@/assets/images/shuju/main/weather/duoyun.png" /> <img v-else-if="weather.weather == '多云'" src="~@/assets/images/shuju/main/weather/duoyun.png" />
<img v-else src="~@/assets/images/shuju/main/weather/qing.png" /> <img v-else src="~@/assets/images/shuju/main/weather/qing.png" />
<div>{{ weather.temperature }}℃</div> <div>{{ weather.temperature }}℃</div>
<div>{{ weather.weather }}</div> <div>{{ weather.weather }}</div>
</div> </div>
<div class="date"> <div class="date">
<div class="date-time">{{ showTime }}</div> <div class="date-time">{{ showTime }}</div>
<div class="date-div"></div> <div class="date-div"></div>
<div class="date-week">{{ showWeek }}</div> <div class="date-week">{{ showWeek }}</div>
</div> </div>
</div> </div>
<nav v-if="false" class="m-navbar"> <nav v-if="false" class="m-navbar">
<div class="navbar__header"> <div class="navbar__header">
<h1 class="navbar__brand" @click="$router.push({ name: 'home' })"> <h1 class="navbar__brand" @click="$router.push({ name: 'home' })">
<a class="navbar__brand-lg" href="javascript:;">{{ customerName <a class="navbar__brand-lg" href="javascript:;">{{ customerName }}</a>
}}</a> <a class="navbar__brand-mini" href="javascript:;">{{ customerName.slice(0, 2) }}</a>
<a class="navbar__brand-mini" href="javascript:;">{{ customerName.slice(0, 2) </h1>
}}</a> </div>
</h1> <div class="navbar__body">
</div> <el-menu class="navbar__menu mr-auto" mode="horizontal">
<div class="navbar__body"> <el-menu-item index="1" @click="$store.state.sidebarFold = !$store.state.sidebarFold">
<el-menu class="navbar__menu mr-auto" mode="horizontal"> <svg class="icon-svg navbar__icon-menu navbar__icon-menu--switch" aria-hidden="true">
<el-menu-item index="1" @click=" <use xlink:href="#icon-outdent"></use>
$store.state.sidebarFold = !$store.state.sidebarFold </svg>
"> </el-menu-item>
<svg class="icon-svg navbar__icon-menu navbar__icon-menu--switch" aria-hidden="true"> <el-menu-item index="2" @click="refresh()">
<use xlink:href="#icon-outdent"></use> <svg class="icon-svg navbar__icon-menu" aria-hidden="true">
</svg> <use xlink:href="#icon-sync"></use>
</el-menu-item> </svg>
<el-menu-item index="2" @click="refresh()"> </el-menu-item>
<svg class="icon-svg navbar__icon-menu" aria-hidden="true"> </el-menu>
<use xlink:href="#icon-sync"></use> <el-menu :default-active="$store.state.mainShuju.activeName" :unique-opened="true" :collapseTransition="false" mode="horizontal" class="navbar__menu mr-auto z-div">
</svg> <el-menu-item index="index" @click="toIndexPage">
</el-menu-item> <span>首页</span>
</el-menu> </el-menu-item>
<el-menu :default-active="$store.state.mainShuju.activeName" :unique-opened="true" <template v-for="(menu, idx) in $store.state.mainShuju.menuList">
:collapseTransition="false" mode="horizontal" class="navbar__menu mr-auto z-div"> <li class="sub-menu" :class="$store.state.mainShuju.activeName == menu.id ? 'z-on' : ''" v-if="menu.children" :key="menu.id" @click="gotoRouteHandle(menu.id, idx)">
<el-menu-item index="index" @click="toIndexPage"> <span>{{ menu.name }}</span>
<span>首页</span> <div class="sub-menu-list">
</el-menu-item> <div :class="$store.state.mainShuju.activeName == subMenu.id ? 'z-on' : ''" :key="subMenu.id" @click="gotoRouteHandle(subMenu.id, subIndex)" v-for="(subMenu, subIndex) in menu.children">
<template v-for="(menu, idx) in $store.state.mainShuju.menuList"> {{ subMenu.name }}
<li class="sub-menu" :class=" </div>
$store.state.mainShuju.activeName == menu.id </div>
? 'z-on' </li>
: '' <el-menu-item v-else :key="menu.id" :menu="menu" :index="menu.id" @click="gotoRouteHandle(menu.id, idx)">
" v-if="menu.children" :key="menu.id" @click="gotoRouteHandle(menu.id, idx)"> <span>{{ menu.name }}</span>
<span>{{ menu.name }}</span> </el-menu-item>
<div class="sub-menu-list"> </template>
<div :class=" </el-menu>
$store.state.mainShuju.activeName == <el-menu class="navbar__menu" mode="horizontal">
subMenu.id <!-- <el-menu-item index="1">
? 'z-on'
: ''
" :key="subMenu.id" @click="
gotoRouteHandle(subMenu.id, subIndex)
" v-for="(subMenu, subIndex) in menu.children">
{{ subMenu.name }}
</div>
</div>
</li>
<el-menu-item v-else :key="menu.id" :menu="menu" :index="menu.id"
@click="gotoRouteHandle(menu.id, idx)">
<span>{{ menu.name }}</span>
</el-menu-item>
</template>
</el-menu>
<el-menu class="navbar__menu" mode="horizontal">
<!-- <el-menu-item index="1">
<el-dropdown placement="bottom" <el-dropdown placement="bottom"
:show-timeout="0"> :show-timeout="0">
<el-button size="mini">{{ $t('_lang') }}</el-button> <el-button size="mini">{{ $t('_lang') }}</el-button>
@ -121,7 +104,7 @@
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</el-menu-item> --> </el-menu-item> -->
<!-- <el-menu-item index="2"> <!-- <el-menu-item index="2">
<a href="//www.renren.io/" <a href="//www.renren.io/"
target="_blank"> target="_blank">
<svg class="icon-svg navbar__icon-menu" <svg class="icon-svg navbar__icon-menu"
@ -130,131 +113,120 @@
</svg> </svg>
</a> </a>
</el-menu-item> --> </el-menu-item> -->
<el-menu-item index="3" @click="fullscreenHandle()"> <el-menu-item index="3" @click="fullscreenHandle()">
<svg class="icon-svg navbar__icon-menu" aria-hidden="true"> <svg class="icon-svg navbar__icon-menu" aria-hidden="true">
<use xlink:href="#icon-fullscreen"></use> <use xlink:href="#icon-fullscreen"></use>
</svg> </svg>
</el-menu-item> </el-menu-item>
<el-menu-item index="4" class="navbar__avatar"> <el-menu-item index="4" class="navbar__avatar">
<el-dropdown placement="bottom" :show-timeout="0"> <el-dropdown placement="bottom" :show-timeout="0">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<img src="~@/assets/img/staff-default-avatar.png" /> <img src="~@/assets/img/staff-default-avatar.png" />
<span>{{ $store.state.user.realName }}</span> <span>{{ $store.state.user.realName }}</span>
<i class="el-icon-arrow-down"></i> <i class="el-icon-arrow-down"></i>
</span> </span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item @click.native="updatePasswordHandle()">{{ $t("updatePassword.title") <el-dropdown-item @click.native="updatePasswordHandle()">{{ $t("updatePassword.title") }}</el-dropdown-item>
}}</el-dropdown-item> <el-dropdown-item @click.native="logoutHandle()">{{ $t("logout") }}</el-dropdown-item>
<el-dropdown-item @click.native="logoutHandle()">{{ $t("logout") }}</el-dropdown-item> </el-dropdown-menu>
</el-dropdown-menu> </el-dropdown>
</el-dropdown> </el-menu-item>
</el-menu-item> </el-menu>
</el-menu> </div>
</div> <!-- 弹窗, 修改密码 -->
<!-- 弹窗, 修改密码 --> <update-password-work v-if="updatePassowrdVisible" ref="updatePassowrd"></update-password-work>
<update-password-work v-if="updatePassowrdVisible" ref="updatePassowrd"></update-password-work> </nav>
</nav> </div>
</div>
</template> </template>
<script> <script>
import { import { messages } from "@/i18n";
messages import UpdatePasswordWork from "@/views/main-navbar-update-password-work";
} from "@/i18n"; import dateFormat from "dai-js/tools/dateFormat";
import UpdatePasswordWork from "@/views/main-navbar-update-password-work"; import nextTick from "dai-js/tools/nextTick";
import dateFormat from "dai-js/tools/dateFormat"; import { requestGet } from "@/js/dai/request";
import nextTick from "dai-js/tools/nextTick"; export default {
import { inject: ["refresh"],
requestGet data() {
} from "@/js/dai/request"; return {
export default { showHeader: true,
inject: ["refresh"], i18nMessages: messages,
data() { updatePassowrdVisible: false,
return { customerName: "",
showHeader: true, showWeek: "",
i18nMessages: messages, showTime: "",
updatePassowrdVisible: false, weather: {
customerName: "", weather: "晴",
showWeek: "", temperature: "--",
showTime: "", },
weather: { };
weather: "晴", },
temperature: "--", components: {
}, UpdatePasswordWork,
}; },
}, created() {
components: { this.changeCustomerName();
UpdatePasswordWork, const customerId = localStorage.getItem("customerId");
}, let siteconfigElement = window.SITE_CONFIG["menuShujuList"];
created() { //暂时 亿联街道和 微笑崂山显示 社区治理-》多元化菜单
this.changeCustomerName(); if ("04c0d396e298f13e57aa5904a657eaa6" != customerId && "3fdd0380deff5b30f45376cdf995d1c1" != customerId) {
const customerId = localStorage.getItem("customerId"); for (let index in siteconfigElement) {
let siteconfigElement = window.SITE_CONFIG["menuShujuList"]; if (siteconfigElement[index].id == "6") {
//暂时 亿联街道和 微笑崂山显示 社区治理-》多元化菜单 let newMenuArr = siteconfigElement[index].children.filter((item) => item.id !== "duoyuanfuwufenxi");
if ("04c0d396e298f13e57aa5904a657eaa6" != customerId && "3fdd0380deff5b30f45376cdf995d1c1" != customerId) { siteconfigElement[index].children = newMenuArr;
for (let index in siteconfigElement) { }
if (siteconfigElement[index].id == "6") { }
let newMenuArr = siteconfigElement[index].children.filter( }
(item) => item.id !== "duoyuanfuwufenxi"); this.$store.state.mainShuju.menuList = siteconfigElement;
siteconfigElement[index].children = newMenuArr; const pollTime = async () => {
} this.computeCurrentTime();
} await nextTick(1000);
} pollTime();
this.$store.state.mainShuju.menuList = siteconfigElement; };
const pollTime = async () => { pollTime();
this.computeCurrentTime(); this.getWeatherData();
await nextTick(1000); },
pollTime(); computed: {},
}; methods: {
pollTime(); computeCurrentTime() {
this.getWeatherData(); let now = new Date();
}, let wk = now.getDay();
computed: {}, this.showWeek = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"][wk];
methods: { this.showTime = dateFormat(now, "yyyy-MM-dd hh:mm:ss");
computeCurrentTime() { },
let now = new Date(); toPage(path) {
let wk = now.getDay(); this.$router.push({
this.showWeek = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", ][wk]; path,
this.showTime = dateFormat(now, "yyyy-MM-dd hh:mm:ss"); });
}, },
toPage(path) { toIndexPage() {
this.$router.push({ this.$router.replace("/");
path },
}); // 通过menuId与动态(菜单)路由进行匹配跳转至指定路由
}, gotoRouteHandle(menuId, idx) {
toIndexPage() { var route = window.SITE_CONFIG["dynamicMenuRoutesShuju"].filter((item) => item.meta.menuId === menuId)[0];
this.$router.replace("/"); if (route) {
}, this.$router.push({
// 通过menuId与动态(菜单)路由进行匹配跳转至指定路由 name: route.name,
gotoRouteHandle(menuId, idx) { });
var route = window.SITE_CONFIG["dynamicMenuRoutesShuju"].filter( this.$store.state.mainShuju.activeName = menuId;
(item) => item.meta.menuId === menuId)[0]; }
if (route) { },
this.$router.push({ changeCustomerName() {
name: route.name this.customerName = localStorage.getItem("customerNameDataBoard") || "数据分析可视化平台";
}); },
this.$store.state.mainShuju.activeName = menuId; async getWeatherData() {
} const url = "https://restapi.amap.com/v3/weather/weatherInfo?key=8c87678f34ce9e8e23245c5161991c4e";
}, const { data, code, msg } = await requestGet(url, {
changeCustomerName() { city: this.$store.state.user.areaCode,
this.customerName = localStorage.getItem("customerNameDataBoard") || "数据分析可视化平台"; });
}, if (code === 0) {
async getWeatherData() { console.log("---------------weather", data);
const url = "https://restapi.amap.com/v3/weather/weatherInfo?key=8c87678f34ce9e8e23245c5161991c4e"; this.weather = data.lives[0];
const { } else {
data, // return this.$message.error("网络错误");
code, }
msg },
} = await requestGet(url, { },
city: this.$store.state.user.areaCode, };
});
if (code === 0) {
console.log("---------------weather", data);
this.weather = data.lives[0];
} else {
// return this.$message.error("网络错误");
}
},
},
};
</script> </script>
<style lang="scss" src="@/assets/scss/dataBoardMain.scss" scoped></style> <style lang="scss" src="@/assets/scss/dataBoardMain.scss" scoped></style>

14194
yarn.lock
View File

File diff suppressed because it is too large
Write Preview
Loading…
Cancel
Save