Skip to content

W
web-monitor
Commit e7918628 authored by yanzhongrong's avatar yanzhongrong
Browse files
Options

type

parent 9abe5837
Hide whitespace changes
Inline Side-by-side
Showing with 93 additions and 120 deletions
src/components/orgTree.vue
View file @ e7918628
......@@ -15,8 +15,17 @@
type="primary"
icon="el-icon-s-unfold"
size="mini"
:loading="flag"
@click="flag = true"
v-if="isOpen==true"
@click="toOpen"
>收起</el-button
>
<el-button
class="ml10"
type="primary"
icon="el-icon-s-unfold"
size="mini"
v-else
@click="toOpen"
>展开</el-button
>
<el-button
......@@ -24,19 +33,19 @@
type="primary"
size="mini"
icon="el-icon-refresh-right"
:loading="flag1"
@click="flag1 = true"
@click="getInit"
>刷新</el-button
>
</el-row>
<el-scrollbar>
<el-tree
v-loading="loading"
v-if="openOrNot"
ref="vuetree"
:props="defaultProps"
:data="data"
:render-content="renderContent"
:default-expand-all="true"
:default-expand-all="isOpen"
nodeKey="id"
class="el-tree"
current-node-key="id"
......@@ -57,8 +66,6 @@ export default {
data() {
return {
value: 0,
flag: false,
flag1: false,
options: [
{
id: 0,
......@@ -70,6 +77,8 @@ export default {
},
],
data: [],
isOpen: false,
openOrNot: true,
defaultProps: {
children: "children",
label: "label",
......@@ -85,6 +94,13 @@ export default {
this.getInit()
},
methods: {
toOpen() {
this.isOpen = !this.isOpen
this.openOrNot = false;
setTimeout(() => {
this.openOrNot = true;
}, 10);
},
handleClick(data) {
this.$emit('selectItem', data)
},
......@@ -108,7 +124,6 @@ export default {
</span>
</span>
</div>
);
},
},
......
src/styles/common.scss
View file @ e7918628
......@@ -91,4 +91,15 @@
.particulars{
color:#666666
}
\ No newline at end of file
.header_title {
font-size: 23px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 40px;
text-align: center;
color: #0058ff;
letter-spacing: 5px;
opacity: 1;
margin-bottom: 20px;
}
\ No newline at end of file
src/views/dashboard/components/index.vue
View file @ e7918628
......@@ -11,9 +11,7 @@ import Type5 from './type5.vue'
export default {
data() {
return {
}
return {}
},
props: {
type: {
......
src/views/dashboard/components/mixins.js
View file @ e7918628
......@@ -6,14 +6,13 @@ export const DetailMixins = {
form: {},
formFunc: null,
isOpenSelect:[{
key:0,
label:"未开通"
key: 0,
label: "未开通"
},
{
key:1,
label:"已开通"
}
]
{
key: 1,
label: "已开通"
}]
}
},
watch: {
......
src/views/dashboard/components/type1.vue
View file @ e7918628
<template>
<div class="dashboard-container">
<!-- 首页 -->
<header class="header_title">张呼铁路客运专线信息</header>
<header class="header_title">铁路线({{ form.baseInfo.name }})</header>
<el-row :gutter="24">
<el-col :span="12" class="mb20">
<el-card shadow="never">
......@@ -59,7 +59,7 @@
</el-row>
<el-row class="text" :gutter="24">
<el-col :span="10">
<div class="item_name">漏缆状态</div>
<div class="item_name">漏缆(含天馈线)</div>
</el-col>
<el-col :span="10">
<el-row :gutter="20">
......@@ -113,6 +113,14 @@
<div class="item_data">{{ form.type5 }}根</div>
</el-col>
</el-row>
<el-row class="text" :gutter="24">
<el-col :span="10">
<div class="item_name">天馈线</div>
</el-col>
<el-col :span="10">
<div class="item_data">{{ form.type5 }}根</div>
</el-col>
</el-row>
</div>
</el-card>
</el-col>
......@@ -188,6 +196,23 @@
</div>
</el-col>
</el-row>
<el-row class="text" :gutter="24">
<el-col :span="10">
<div class="item_name">开通状态</div>
</el-col>
<el-col :span="10">
<div>
<el-select v-model="form.baseInfo.isOpen" >
<el-option
v-for="item in isOpenSelect"
:key="item.key"
:label="item.label"
:value="item.key"
></el-option>
</el-select>
</div>
</el-col>
</el-row>
</div>
</el-card>
</el-col>
......@@ -210,17 +235,6 @@ export default {
</script>
<style lang="scss" scoped>
.header_title {
font-size: 23px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 40px;
text-align: center;
color: #0058ff;
letter-spacing: 10px;
opacity: 1;
margin-bottom: 20px;
}
::v-deep.el-card {
border: 1px solid #e3e3e3;
border-radius: 8px;
......@@ -283,38 +297,4 @@ export default {
border-bottom: none !important;
}
}
.text2 {
// display: flex;
padding: 10px 20px 10px 20px;
border-bottom: 1px solid #e3e3e3;
.item_name,
.item_data,
.value_handle {
height: 16px;
line-height: 16px;
margin-top: 12px;
margin-bottom: 12px;
}
.item_name {
width: 262px;
height: 16px;
line-height: 16px;
color: #7e7e7e;
margin-top: 12px;
margin-bottom: 12px;
}
.value_handle {
color: red;
margin-right: 10px;
min-width: 52px;
}
.alarmbtn {
margin-top: 6px;
margin-bottom: 6px;
}
.el-card:last-child .text {
border-bottom: none !important;
}
}
</style>
src/views/dashboard/components/type2.vue
View file @ e7918628
<template>
<div class="dashboard-container">
<!-- 首页 -->
<header class="header_title">张呼铁路客运专线信息</header>
<header class="header_title">站点({{ form.baseInfo.siteName }})</header>
<el-row :gutter="24">
<el-col :span="12" class="mb20">
<el-card shadow="never">
......@@ -33,6 +33,14 @@
<div class="item_data">{{ form.type5 }}根</div>
</el-col>
</el-row>
<el-row class="text" :gutter="24">
<el-col :span="10">
<div class="item_name">天馈线</div>
</el-col>
<el-col :span="10">
<div class="item_data">{{ form.type5 }}根</div>
</el-col>
</el-row>
</div>
</el-card>
</el-col>
......@@ -153,8 +161,7 @@
<div class="item_name">开通状态</div>
</el-col>
<el-col :span="10">
<el-select class="item_data"
>{{ form.baseInfo.isOpen }}
<el-select v-model="form.baseInfo.isOpen">
<el-option
v-for="item in isOpenSelect"
:key="item.key"
......@@ -209,17 +216,6 @@ export default {
</script>
<style lang="scss" scoped>
.header_title {
font-size: 23px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 40px;
text-align: center;
color: #0058ff;
letter-spacing: 10px;
opacity: 1;
margin-bottom: 20px;
}
::v-deep.el-card {
border: 1px solid #e3e3e3;
border-radius: 8px;
......@@ -242,7 +238,7 @@ export default {
.specialCard {
position: absolute;
top: 300px;
top: 340px;
}
.text {
......
src/views/dashboard/components/type3.vue
View file @ e7918628
<template>
<div class="dashboard-container">
<!-- 首页 -->
<header class="header_title">FSU</header>
<header class="header_title">FSU({{ form.baseInfo.equipName }})</header>
<el-row :gutter="24">
<el-col :span="11" class="mb20">
<el-card shadow="never">
......@@ -25,6 +25,14 @@
<div class="item_data">{{ form.type5 }}根</div>
</el-col>
</el-row>
<el-row class="text" :gutter="24">
<el-col :span="10">
<div class="item_name">天馈线</div>
</el-col>
<el-col :span="10">
<div class="item_data">{{ form.type5 }}根</div>
</el-col>
</el-row>
</div>
</el-card>
</el-col>
......@@ -171,8 +179,7 @@
<div class="item_name">开通状态</div>
</el-col>
<el-col :span="10">
<el-select class="item_data"
>{{ form.baseInfo.isOpen }}
<el-select v-model="form.baseInfo.isOpen">
<el-option
v-for="item in isOpenSelect"
:key="item.key"
......@@ -188,7 +195,7 @@
<el-col :span="11" class="mb20 specialCard">
<el-card shadow="never">
<div slot="header" class="clearfix posa">
<span>管理范围</span>
<span>当前状态</span>
</div>
<div>
<el-row class="text" :gutter="24">
......@@ -227,17 +234,6 @@ export default {
</script>
<style lang="scss" scoped>
.header_title {
font-size: 23px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 40px;
text-align: center;
color: #0058ff;
letter-spacing: 10px;
opacity: 1;
margin-bottom: 20px;
}
::v-deep.el-card {
border: 1px solid #e3e3e3;
border-radius: 8px;
......@@ -256,7 +252,7 @@ export default {
}
.specialCard {
position: absolute;
top: 240px;
top: 280px;
}
.posa {
position: relative;
......
src/views/dashboard/components/type4.vue
View file @ e7918628
......@@ -192,17 +192,6 @@ export default {
</script>
<style lang="scss" scoped>
.header_title {
font-size: 23px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 40px;
text-align: center;
color: #0058ff;
letter-spacing: 10px;
opacity: 1;
margin-bottom: 20px;
}
::v-deep.el-card {
border: 1px solid #e3e3e3;
border-radius: 8px;
......
src/views/dashboard/components/type5.vue
View file @ e7918628
......@@ -192,17 +192,6 @@ export default {
</script>
<style lang="scss" scoped>
.header_title {
font-size: 23px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 40px;
text-align: center;
color: #0058ff;
letter-spacing: 10px;
opacity: 1;
margin-bottom: 20px;
}
::v-deep.el-card {
border: 1px solid #e3e3e3;
border-radius: 8px;
......
src/views/dashboard/index.vue
View file @ e7918628
......@@ -64,7 +64,7 @@ export default {
line-height: 40px;
text-align: center;
color: #0058ff;
letter-spacing: 10px;
letter-spacing: 5px;
opacity: 1;
margin-bottom: 20px;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment