|
|
|
@ -3,8 +3,15 @@ |
|
|
|
<div class="opCon"> |
|
|
|
<el-dropdown class="userBox"> |
|
|
|
<span class="user"> |
|
|
|
<img class="icon head" src="@/assets/jihe/images/user/author.png" alt=""> |
|
|
|
<p class="title"><span class="txt">admin</span><i class="menuIcon el-icon-arrow-down el-icon--right"></i></p> |
|
|
|
<img |
|
|
|
class="icon head" |
|
|
|
src="@/assets/jihe/images/user/author.png" |
|
|
|
alt="" |
|
|
|
/> |
|
|
|
<p class="title"> |
|
|
|
<span class="txt">admin</span |
|
|
|
><i class="menuIcon el-icon-arrow-down el-icon--right"></i> |
|
|
|
</p> |
|
|
|
</span> |
|
|
|
<el-dropdown-menu slot="dropdown"> |
|
|
|
<el-dropdown-item> |
|
|
|
@ -14,22 +21,26 @@ |
|
|
|
</el-dropdown-item> |
|
|
|
</el-dropdown-menu> |
|
|
|
</el-dropdown> |
|
|
|
<div class="config"><img class="icon" src="@/assets/jihe/images/user/set.png" alt=""></div> |
|
|
|
<div class="logout" @click="logout"><img class="icon" src="@/assets/jihe/images/user/out.png" alt=""></div> |
|
|
|
<div class="config"> |
|
|
|
<img class="icon" src="@/assets/jihe/images/user/set.png" alt="" /> |
|
|
|
</div> |
|
|
|
<div class="logout" @click="logout"> |
|
|
|
<img class="icon" src="@/assets/jihe/images/user/out.png" alt="" /> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
import Breadcrumb from '@/components/Breadcrumb' |
|
|
|
import Hamburger from '@/components/Hamburger' |
|
|
|
import Screenfull from '@/components/Screenfull' |
|
|
|
import SizeSelect from '@/components/SizeSelect' |
|
|
|
import Search from '@/components/HeaderSearch' |
|
|
|
import RuoYiGit from '@/components/RuoYi/Git' |
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
import Breadcrumb from "@/components/Breadcrumb"; |
|
|
|
import Hamburger from "@/components/Hamburger"; |
|
|
|
import Screenfull from "@/components/Screenfull"; |
|
|
|
import SizeSelect from "@/components/SizeSelect"; |
|
|
|
import Search from "@/components/HeaderSearch"; |
|
|
|
import RuoYiGit from "@/components/RuoYi/Git"; |
|
|
|
// import BigScreen from '@/components/bigScreen' |
|
|
|
import RuoYiDoc from '@/components/RuoYi/Doc' |
|
|
|
import RuoYiDoc from "@/components/RuoYi/Doc"; |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
@ -37,17 +48,17 @@ export default { |
|
|
|
warningList: [], |
|
|
|
unReadWarningList: [], |
|
|
|
warnTypes: [ |
|
|
|
{ value: 0, label: '遥测越限' }, |
|
|
|
{ value: 1, label: '遥信告警' }, |
|
|
|
{ value: 2, label: '通道告警' }, |
|
|
|
{ value: 3, label: '其他事项' } |
|
|
|
{ value: 0, label: "遥测越限" }, |
|
|
|
{ value: 1, label: "遥信告警" }, |
|
|
|
{ value: 2, label: "通道告警" }, |
|
|
|
{ value: 3, label: "其他事项" }, |
|
|
|
], |
|
|
|
dealStatuss: [ |
|
|
|
{ value: '', label: '全部' }, |
|
|
|
{ value: 0, label: '未处理' }, |
|
|
|
{ value: 1, label: '处理中' }, |
|
|
|
{ value: 2, label: '已处理' }, |
|
|
|
{ value: 3, label: '已忽略' } |
|
|
|
{ value: "", label: "全部" }, |
|
|
|
{ value: 0, label: "未处理" }, |
|
|
|
{ value: 1, label: "处理中" }, |
|
|
|
{ value: 2, label: "已处理" }, |
|
|
|
{ value: 3, label: "已忽略" }, |
|
|
|
], |
|
|
|
// 总条数 |
|
|
|
total: 0, |
|
|
|
@ -55,11 +66,11 @@ export default { |
|
|
|
queryParams: { |
|
|
|
pageNum: 1, |
|
|
|
pageSize: 10, |
|
|
|
deviceCode: '' |
|
|
|
deviceCode: "", |
|
|
|
}, |
|
|
|
visible: false, |
|
|
|
recordForm: {} |
|
|
|
} |
|
|
|
recordForm: {}, |
|
|
|
}; |
|
|
|
}, |
|
|
|
components: { |
|
|
|
Breadcrumb, |
|
|
|
@ -69,72 +80,111 @@ export default { |
|
|
|
Search, |
|
|
|
RuoYiGit, |
|
|
|
// BigScreen, |
|
|
|
RuoYiDoc |
|
|
|
RuoYiDoc, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapGetters(['sidebar', 'avatar', 'device']), |
|
|
|
...mapGetters(["sidebar", "avatar", "device"]), |
|
|
|
setting: { |
|
|
|
get() { |
|
|
|
return this.$store.state.settings.showSettings |
|
|
|
return this.$store.state.settings.showSettings; |
|
|
|
}, |
|
|
|
set(val) { |
|
|
|
this.$store.dispatch('settings/changeSetting', { |
|
|
|
key: 'showSettings', |
|
|
|
value: val |
|
|
|
}) |
|
|
|
} |
|
|
|
this.$store.dispatch("settings/changeSetting", { |
|
|
|
key: "showSettings", |
|
|
|
value: val, |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
topNav: { |
|
|
|
get() { |
|
|
|
return this.$store.state.settings.topNav |
|
|
|
} |
|
|
|
return this.$store.state.settings.topNav; |
|
|
|
}, |
|
|
|
}, |
|
|
|
sideTheme: { |
|
|
|
get() { |
|
|
|
return this.$store.state.settings.sideTheme |
|
|
|
} |
|
|
|
} |
|
|
|
return this.$store.state.settings.sideTheme; |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
toggleSideBar() { |
|
|
|
this.$store.dispatch('app/toggleSideBar') |
|
|
|
this.$store.dispatch("app/toggleSideBar"); |
|
|
|
}, |
|
|
|
async logout() { |
|
|
|
this.$confirm('确定注销并退出系统吗？', '提示', { |
|
|
|
confirmButtonText: '确定', |
|
|
|
cancelButtonText: '取消', |
|
|
|
type: 'warning' |
|
|
|
this.$confirm("确定注销并退出系统吗？", "提示", { |
|
|
|
confirmButtonText: "确定", |
|
|
|
cancelButtonText: "取消", |
|
|
|
type: "warning", |
|
|
|
}) |
|
|
|
.then(() => { |
|
|
|
this.$store.dispatch('LogOut').then(() => { |
|
|
|
this.$store.dispatch("LogOut").then(() => { |
|
|
|
//location.href = '/index'; |
|
|
|
location.reload() |
|
|
|
location.reload(); |
|
|
|
}); |
|
|
|
}) |
|
|
|
}) |
|
|
|
.catch(() => {}) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.catch(() => {}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.operations{ |
|
|
|
display: flex; justify-content: flex-end; |
|
|
|
.opCon{ width:100%; max-width: 160px; display: flex; flex-direction: row; height: 16px; justify-content: space-between; align-items: center; |
|
|
|
.icon{ height: 16px; width: 16px; object-fit: contain;} |
|
|
|
.userBox{ flex: 1; |
|
|
|
.user{ display: flex; flex-direction: row; align-items: center; cursor: pointer; |
|
|
|
.head{ width: 16px; } |
|
|
|
.title{flex: 1; width: 0; display: flex; flex-direction: row; color: #fff; display: flex; |
|
|
|
.txt{ flex: 1; width: 0; text-align: center; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis;} |
|
|
|
.menuIcon{ line-height: 16px;} |
|
|
|
.operations { |
|
|
|
display: flex; |
|
|
|
justify-content: flex-end; |
|
|
|
.opCon { |
|
|
|
width: 100%; |
|
|
|
max-width: 160px; |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
height: 16px; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
.icon { |
|
|
|
height: 16px; |
|
|
|
width: 16px; |
|
|
|
object-fit: contain; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
.userBox { |
|
|
|
flex: 1; |
|
|
|
.user { |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
align-items: center; |
|
|
|
cursor: pointer; |
|
|
|
.head { |
|
|
|
width: 16px; |
|
|
|
} |
|
|
|
.title { |
|
|
|
flex: 1; |
|
|
|
width: 0; |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
color: #fff; |
|
|
|
display: flex; |
|
|
|
.txt { |
|
|
|
flex: 1; |
|
|
|
width: 0; |
|
|
|
text-align: center; |
|
|
|
white-space: nowrap; |
|
|
|
word-break: break-all; |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
} |
|
|
|
.menuIcon { |
|
|
|
line-height: 16px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
& > * { |
|
|
|
padding: 0 5px; |
|
|
|
border-right: 1px solid rgba($color: #fff, $alpha: 0.1); |
|
|
|
&:last-child { |
|
|
|
border: none; |
|
|
|
} |
|
|
|
&>*{padding:0 5px; border-right: 1px solid rgba($color: #FFF, $alpha: 0.1); |
|
|
|
&:last-child{border: none;} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
|
