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

title组件添加高度，满意度评价动态修改select框宽度

V1.0
PLUTO 2 years ago
parent
a7bba78025
commit
c4d46bbcd5
3 changed files with 55 additions and 97 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/assets/scss/dataBoardMain.scss
  2. 6
      src/views/dataBoard/satisfactionEval/components/Title/index.vue
  3. 144
      src/views/dataBoardMain/main-navbar.vue

2
src/assets/scss/dataBoardMain.scss
View File

@ -54,7 +54,7 @@
left: 21px;
right: 0;
top: 0;
line-height: 70px;
line-height: 78px;
img {
width: 21px;

6
src/views/dataBoard/satisfactionEval/components/Title/index.vue
View File

@ -26,8 +26,10 @@ export default {
<style scoped lang="scss">
.title {
background: url(../../../../../assets/images/shuju/overview/title-bg.png)
no-repeat 0 0 fixed;
// width: 100%;
height: 40px;
background: url(../../../../../assets/images/shuju/overview/title-bg.png) no-repeat;
// background-size: 100% 100%;
padding: 8px 16px 8px 32px;
display: flex;
align-items: center;

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

@ -1,31 +1,13 @@
<template>
<div class="m-topnav">
<div class="back" style="cursor: pointer" @click="goBack()">
<img
width="22px"
height="22px"
src="~@/assets/images/shuju/main/back1.png"
alt="/"
/>
<img width="22px" height="22px" src="~@/assets/images/shuju/main/back1.png" alt="/" />
</div>
<div class="title">
<div class="title-txt">{{ customerName }}数据智能分析平台</div>
<div
class="selectArea"
v-if="$route.path == '/dataBoard/satisfactionEval/index'"
>
<el-select
@change="setSelectName"
v-model="value"
popper-class="selectPopClass"
>
<el-option
v-for="(item, index) in options"
v-if="item.agencyLevel !== 'grid'"
:key="item.value"
:label="item.label"
:value="item.value"
/>
<div class="selectArea" v-if="$route.path == '/dataBoard/satisfactionEval/index'">
<el-select :style="{ width: selectWidth + 'px' }" @change="setSelectName" v-model="value" popper-class="selectPopClass">
<el-option v-for="(item, index) in options" v-if="item.agencyLevel !== 'grid'" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
</div>
@ -46,32 +28,16 @@
</div>
</div>-->
<div class="nav-list">
<div
class="nav-item"
:class="{ 'z-on': $route.path.indexOf('/dataBoard/overview') != -1 }"
@click="toPage('/dataBoard/overview/index')"
>
<div class="nav-item" :class="{ 'z-on': $route.path.indexOf('/dataBoard/overview') != -1 }" @click="toPage('/dataBoard/overview/index')">
<span>概览</span>
</div>
<div
class="nav-item"
:class="{ 'z-on': $route.path.includes('/organizational') }"
@click="toPage('/organizational/dangTree')"
>
<div class="nav-item" :class="{ 'z-on': $route.path.includes('/organizational') }" @click="toPage('/organizational/dangTree')">
<span>组织架构</span>
</div>
<div
class="nav-item"
:class="{ 'z-on': $route.path.indexOf('/dataBoard/renfang') != -1 }"
@click="toPage('/dataBoard/renfang/index')"
>
<div class="nav-item" :class="{ 'z-on': $route.path.indexOf('/dataBoard/renfang') != -1 }" @click="toPage('/dataBoard/renfang/index')">
<span>人房数据</span>
</div>
<div
class="nav-item"
:class="{ 'z-on': $route.path.includes('/satisfactionEval') }"
@click="toPage('/dataBoard/satisfactionEval/index')"
>
<div class="nav-item" :class="{ 'z-on': $route.path.includes('/satisfactionEval') }" @click="toPage('/dataBoard/satisfactionEval/index')">
<span>满意度评价</span>
</div>
</div>
@ -205,6 +171,7 @@ export default {
showTime: "",
showMonth: "",
value: 0,
selectWidth: 120,
weather: {
weather: "晴",
temperature: "--",
@ -220,15 +187,10 @@ export default {
const customerId = localStorage.getItem("customerId");
let siteconfigElement = window.SITE_CONFIG["menuShujuList"];
//暂时 亿联街道和 微笑崂山显示 社区治理-》多元化菜单
if (
"04c0d396e298f13e57aa5904a657eaa6" != customerId &&
"3fdd0380deff5b30f45376cdf995d1c1" != customerId
) {
if ("04c0d396e298f13e57aa5904a657eaa6" != customerId && "3fdd0380deff5b30f45376cdf995d1c1" != customerId) {
for (let index in siteconfigElement) {
if (siteconfigElement[index].id == "6") {
let newMenuArr = siteconfigElement[index].children.filter(
(item) => item.id !== "duoyuanfuwufenxi"
);
let newMenuArr = siteconfigElement[index].children.filter((item) => item.id !== "duoyuanfuwufenxi");
siteconfigElement[index].children = newMenuArr;
}
}
@ -257,55 +219,53 @@ export default {
if (this.options.length) {
params = { orgId: this.value, level: this.getChooseLabel(this.value) };
}
this.$http
.post(`/gov/org/agency/maporg`, params)
.then(async ({ data: { data } }) => {
console.log(data);
this.value = data.id;
this.$store.dispatch("chooseArea/chooseName", {
orgId: data.id,
level: data.level,
});
let children = await this.dealTreeData(data.children);
if (data.parentId) {
this.options = [
{
...data,
value: data.parentId,
label: data.parentName,
},
{
...data,
value: data.id,
label: data.name,
},
...children,
];
} else {
this.options = [
{
...data,
value: data.id,
label: data.name,
},
...children,
];
}
this.$http.post(`/gov/org/agency/maporg`, params).then(async ({ data: { data } }) => {
console.log(data);
this.value = data.id;
this.$store.dispatch("chooseArea/chooseName", {
orgId: data.id,
level: data.level,
});
let children = await this.dealTreeData(data.children);
if (data.parentId) {
this.options = [
{
...data,
value: data.parentId,
label: data.parentName,
},
{
...data,
value: data.id,
label: data.name,
},
...children,
];
} else {
this.options = [
{
...data,
value: data.id,
label: data.name,
},
...children,
];
}
});
},
dealTreeData(treeData, level = 0) {
const data = treeData.map((item) => ({
...item,
value: item.id,
label: item.name,
children:
item.children && item.children.length
? this.dealTreeData(item.children, level++)
: null,
children: item.children && item.children.length ? this.dealTreeData(item.children, level++) : null,
}));
return data;
},
setSelectName(index) {
const name = this.options.filter((item) => item.value === index)[0].label;
const width = name.length > 5 ? name.length * 14 + 25 : 120;
this.selectWidth = width;
/* this.$store.dispatch("chooseArea/chooseName", {
orgId: this.options[index].id,
level: this.options[index].level
@ -335,9 +295,7 @@ export default {
},
// 通过menuId与动态(菜单)路由进行匹配跳转至指定路由
gotoRouteHandle(menuId, idx) {
var route = window.SITE_CONFIG["dynamicMenuRoutesShuju"].filter(
(item) => item.meta.menuId === menuId
)[0];
var route = window.SITE_CONFIG["dynamicMenuRoutesShuju"].filter((item) => item.meta.menuId === menuId)[0];
if (route) {
this.$router.push({
name: route.name,
@ -346,12 +304,10 @@ export default {
}
},
changeCustomerName() {
this.customerName =
localStorage.getItem("customerNameDataBoard") || "数据分析可视化平台";
this.customerName = localStorage.getItem("customerNameDataBoard") || "数据分析可视化平台";
},
async getWeatherData() {
const url =
"https://restapi.amap.com/v3/weather/weatherInfo?key=8c87678f34ce9e8e23245c5161991c4e";
const url = "https://restapi.amap.com/v3/weather/weatherInfo?key=8c87678f34ce9e8e23245c5161991c4e";
const { data, code, msg } = await requestGet(url, {
city: this.$store.state.user.areaCode,
});

Write Preview
Loading…
Cancel
Save