xymp
/
frontend
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

颜色修改

Browse Source
master
fanluyan 2 years ago
parent 5d328e39ca
commit f0e8a40779
7 changed files with 173 additions and 67 deletions
Show Stats Download Patch File Download Diff File

51
src/views/Permission.vue
Unescape Escape View File

@ -1,37 +1,46 @@
<template> <template>
<div> <div>
<div class="crumbs"> <div class="crumbs">
<el-breadcrumb separator="/"> <el-breadcrumb separator="/">
<el-breadcrumb-item><i class="el-icon-lx-warn"></i> 权限测试</el-breadcrumb-item> <el-breadcrumb-item
</el-breadcrumb> ><i class="el-icon-lx-warn"></i> 权限测试</el-breadcrumb-item
</div> >
<div class="container"> </el-breadcrumb>
<h1>管理员权限页面</h1>
<p>只有用 admin 账号登录的才拥有管理员权限，才能进到这个页面，其他账号想进来都会跳到403页面，重新用管理员账号登录才有权限。</p>
<p>想尝试一下，请<router-link to="/login" class="logout">退出登录</router-link>，随便输入个账号名，再进来试试看。</p>
</div>
</div> </div>
<div class="container">
<h1>管理员权限页面</h1>
<p>
只有用 admin
账号登录的才拥有管理员权限，才能进到这个页面，其他账号想进来都会跳到403页面，重新用管理员账号登录才有权限。
</p>
<p>
想尝试一下，请<router-link to="/login" class="logout"
>退出登录</router-link
>，随便输入个账号名，再进来试试看。
</p>
</div>
</div>
</template> </template>
<script> <script>
export default { export default {
data: function () { data: function () {
return {}; return {};
} },
}; };
</script> </script>
<style scoped> <style scoped>
h1 { h1 {
text-align: center; text-align: center;
margin: 30px 0; margin: 30px 0;
} }
p { p {
line-height: 30px; line-height: 30px;
margin-bottom: 10px; margin-bottom: 10px;
text-indent: 2em; text-indent: 2em;
} }
.logout { .logout {
color: #409eff; color: @color-primary;
} }
</style> </style>

10
src/views/components/carouselChart.vue
Unescape Escape View File

@ -498,7 +498,7 @@ export default {
width: 40px; width: 40px;
height: 40px; height: 40px;
&:hover { &:hover {
color: #409eff; color: @color-primary;
} }
} }
.leftArrow { .leftArrow {
@ -563,13 +563,13 @@ export default {
} }
.borderActive { .borderActive {
.timeInfo { .timeInfo {
//background: #409eff; //background: @color-primary;
background: linear-gradient(180deg, #00eaff 10%, #409eff 100%); background: linear-gradient(180deg, #00eaff 10%, @color-primary 100%);
color: #fff; color: #fff;
} }
} }
// .borderActive { // .borderActive {
// border: 3px solid #409eff; // border: 3px solid @color-primary;
// &::after { // &::after {
// content: ""; // content: "";
// position: absolute; // position: absolute;
@ -578,7 +578,7 @@ export default {
// left: 50%; // left: 50%;
// top: -16px; // top: -16px;
// margin-left: -8px; // margin-left: -8px;
// border-bottom: 13px solid #409eff; // border-bottom: 13px solid @color-primary;
// border-left: 8px solid transparent; // border-left: 8px solid transparent;
// border-right: 8px solid transparent; // border-right: 8px solid transparent;
// } // }

2
src/views/devicePhotoSchedule/components/setdevice.vue
Unescape Escape View File

@ -352,7 +352,7 @@ export default {
margin-right: 16px; margin-right: 16px;
b { b {
font-weight: normal; font-weight: normal;
color: #409eff; color: @color-primary;
} }
span { span {
margin: 0px 8px; margin: 0px 8px;

2
src/views/devicePhotoSchedule/index.vue
Unescape Escape View File

@ -256,7 +256,7 @@ export default {
line-height: 32px; line-height: 32px;
b { b {
font-weight: normal; font-weight: normal;
color: #409eff; color: @color-primary;
} }
span { span {
margin: 0px 8px; margin: 0px 8px;

169
src/views/management/monitoringEquipment/photographicDevice/components/addPhotoDialog.vue
Unescape Escape View File

@ -4,17 +4,17 @@
:title="photoDialogTitle" :title="photoDialogTitle"
:visible.sync="isShow" :visible.sync="isShow"
:close-on-click-modal="false" :close-on-click-modal="false"
width="576px" width="800px"
@close="handleclose" @close="handleclose"
> >
<el-form <el-form
label-position="left" label-position="left"
label-width="98px" label-width="74px"
ref="formgrapInfo" ref="formgrapInfo"
:rules="rules" :rules="rules"
:model="formInfo" :model="formInfo"
> >
<el-form-item label="线路" prop="lineid"> <el-form-item label="线路名称：" prop="lineid">
<el-select <el-select
v-model="formInfo.lineid" v-model="formInfo.lineid"
placeholder="请选择" placeholder="请选择"
@ -29,7 +29,7 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="杆塔：" prop="towerid"> <el-form-item label="杆塔名称：" prop="towerid">
<el-select v-model="formInfo.towerid" placeholder="请选择"> <el-select v-model="formInfo.towerid" placeholder="请选择">
<el-option <el-option
v-for="item in toweridOptions" v-for="item in toweridOptions"
@ -43,32 +43,71 @@
<el-form-item label="装置ID：" prop="cmdid"> <el-form-item label="装置ID：" prop="cmdid">
<el-input v-model="formInfo.cmdid" auto-complete="on"></el-input> <el-input v-model="formInfo.cmdid" auto-complete="on"></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="显示名：" prop="displayName" required>
<el-input v-model="formInfo.displayName" auto-complete="on"></el-input>
</el-form-item> -->
<el-form-item label="装置名称：" prop="equipName"> <el-form-item label="装置名称：" prop="equipName">
<el-input v-model="formInfo.equipName" auto-complete="on"></el-input> <el-input v-model="formInfo.equipName" auto-complete="on"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="SIM卡：" prop="sim"> <el-form-item label="SIM卡：" prop="sim">
<el-input v-model="formInfo.sim" auto-complete="on"></el-input> <el-input v-model="formInfo.sim" auto-complete="on"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="通道(可多选)：" prop="channelVal"> <el-divider></el-divider>
<el-checkbox-group <h4>添加通道</h4>
class="channelBox" <div class="addchannel" ref="channelBoxref">
v-model="formInfo.channelVal" <div
v-if="channelOptions.length > 0" class="channelBoxadd"
v-for="(channellist, index) in formInfo.list"
:key="index"
> >
<el-checkbox <el-form-item label="通道号：">
border <el-select
v-for="item in channelOptions" v-model="channellist.channelVal"
:key="item.id" placeholder="请选择通道号"
:label="item.id" >
:value="item.channelname" <el-option
>{{ item.channelname }}</el-checkbox v-for="item in channelOptions"
:key="item.id"
:label="item.channelname"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="通道名称：">
<el-input
v-model="channellist.nickname"
placeholder="请输入通道名称"
></el-input>
</el-form-item>
<div class="btngrop">
<el-button
v-if="index !== 0"
type="danger"
icon="el-icon-minus"
@click="deleteModule(channellist, index)"
></el-button>
<el-button
icon="el-icon-plus"
type="primary"
@click="addModule()"
v-if="index + 1 == formInfo.list.length"
></el-button>
</div>
</div>
<!-- <el-form-item label="通道(可多选)：" prop="channelVal">
<el-checkbox-group
class="channelBox"
v-model="formInfo.channelVal"
v-if="channelOptions.length > 0"
> >
</el-checkbox-group> <el-checkbox
</el-form-item> border
v-for="item in channelOptions"
:key="item.id"
:label="item.id"
:value="item.channelname"
>{{ item.channelname }}</el-checkbox
>
</el-checkbox-group>
</el-form-item> -->
</div>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="isShow = false">取 消</el-button> <el-button @click="isShow = false">取 消</el-button>
@ -105,15 +144,7 @@ export default {
}; };
return { return {
isShow: false, isShow: false,
formInfo: { formInfo: {},
// lineid: "",
// towerid: "",
// equipName: "",
// cmdid: "",
// sim: "",
// displayName: "",
channelVal: [],
},
channelOptions: [], //所有通道列表 channelOptions: [], //所有通道列表
lineOptions: [], //线路 lineOptions: [], //线路
toweridOptions: [], //杆塔 toweridOptions: [], //杆塔
@ -137,7 +168,17 @@ export default {
this.getChannel(); this.getChannel();
if (val == null) { if (val == null) {
return (this.formInfo = { return (this.formInfo = {
channelVal: [], lineid: [],
towerid: [],
cmdid: "",
equipName: "",
sim: "",
list: [
{
channelVal: [],
nickname: "",
},
],
}); });
} }
this.formInfo = val; this.formInfo = val;
@ -147,6 +188,32 @@ export default {
}); });
this.$set(this.formInfo, "channelVal", channelnr); this.$set(this.formInfo, "channelVal", channelnr);
}, },
//新增一行
addModule() {
//新增一行
this.formInfo.list.push({
channelVal: [],
nickname: "",
});
console.log(this.formInfo.list);
this.$nextTick(() => {
console.log(this.$refs.channelBoxref);
if (this.$refs.channelBoxref) {
console.log(this.$refs.channelBoxref.scrollHeight);
this.$refs.channelBoxref.scrollTop =
this.$refs.channelBoxref.scrollHeight;
}
});
},
//删除一行
deleteModule(item, index) {
console.log(item, index);
const itemList = this.formInfo.list.indexOf(item);
if (itemList !== -1) {
this.formInfo.list.splice(index, 1);
}
},
// 保存确定操作 // 保存确定操作
submitForm() { submitForm() {
this.$refs.formgrapInfo.validate((valid) => { this.$refs.formgrapInfo.validate((valid) => {
@ -272,11 +339,11 @@ export default {
.addPhotoDialog { .addPhotoDialog {
.el-dialog { .el-dialog {
.el-form { .el-form {
//display: flex; display: flex;
// flex-wrap: wrap; flex-wrap: wrap;
.el-form-item { .el-form-item {
// width: 260px; width: 364px;
// margin-right: 16px; margin-right: 16px;
.el-select { .el-select {
width: 100%; width: 100%;
} }
@ -289,6 +356,36 @@ export default {
padding-right: 0px; padding-right: 0px;
} }
} }
.el-divider--horizontal {
margin: 12px;
}
h4 {
font-size: 16px;
font-weight: normal;
margin-bottom: 6px;
line-height: 24px;
}
.addchannel {
max-height: 200px;
overflow: auto;
.channelBoxadd {
display: flex;
//justify-content: space-between;
padding-right: 6px;
.el-form-item {
width: 310px;
}
.btngrop {
margin-bottom: 16px;
margin-left: 16px;
height: 32px;
.el-button--small {
padding: 9px 8px;
width: 30px;
}
}
}
}
.channelBox { .channelBox {
.el-checkbox { .el-checkbox {
margin-right: 12px; margin-right: 12px;

2
src/views/management/monitoringEquipment/photographicDevice/index.vue
Unescape Escape View File

@ -502,7 +502,7 @@ export default {
height: calc(100% - 48px); height: calc(100% - 48px);
} }
.dropgps { .dropgps {
color: #409eff; color: @color-primary;
margin-left: 16px; margin-left: 16px;
margin-right: 16px; margin-right: 16px;
cursor: pointer; cursor: pointer;

4
src/views/pictureRotation/index.vue
Unescape Escape View File

@ -342,7 +342,7 @@ export default {
bottom: 28px; bottom: 28px;
left: 0px; left: 0px;
font-size: 14px; font-size: 14px;
background: linear-gradient(180deg, #00eaff 10%, #409eff 100%); background: linear-gradient(180deg, #00eaff 10%, @color-primary 100%);
color: @color-white; color: @color-white;
font-weight: normal; font-weight: normal;
margin-top: 2px; margin-top: 2px;
@ -355,7 +355,7 @@ export default {
color: @color-white; color: @color-white;
left: 0px; left: 0px;
font-size: 14px; font-size: 14px;
background: linear-gradient(180deg, #00eaff 10%, #409eff 100%); background: linear-gradient(180deg, #00eaff 10%, @color-primary 100%);
font-weight: normal; font-weight: normal;
margin-top: 2px; margin-top: 2px;
padding-left: 5px; padding-left: 5px;

Write Preview
Loading…
Cancel
Save