Skip to content

html / jinmao-community-platform

Go to a project
Commit f2ada1c9 by changjin
Options

完成所有静态页面

parent ba5b7cc7
Showing with 1552 additions and 188 deletions
src/components/common/Header.vue
......@@ -4,30 +4,32 @@
<div class="user-info">
<el-dropdown :hide-on-click="false" class="projectStyle">
<span class="el-dropdown-link">
北府三期
{{data.projectName}}
<i class="el-icon-sort"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>北府1期</el-dropdown-item>
<el-dropdown-item>北府2期</el-dropdown-item>
<el-dropdown-item>北府3期</el-dropdown-item>
<el-dropdown-item v-for="(item,index) in data.relationProjectList" :key="index"><span @click="choose(item)">{{item.projectName}}</span></el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-dropdown :hide-on-click="false">
<span class="el-dropdown-link">
<span class="head"></span>
欢迎您，张三
欢迎您，{{data.userName}}
<i class="el-icon-caret-bottom"></i>
</span>
<el-dropdown-menu slot="dropdown">
<!-- <el-dropdown-item><span class="info" @click="userInfoBtn">个人信息</span></el-dropdown-item> -->
<el-dropdown-item><span class="info" @click="changePwd()">修改密码</span></el-dropdown-item>
<el-dropdown-item><span class="info" @click="loginout()">退出登录</span></el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="breadcrumb" v-if="pageNameList[1].pageName !== '外部系统管理' && pageNameList[1].pageName !== '接口文档'">
<div class="breadcrumb" v-if="pageNameList[1].pageName !== '外部系统管理'">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item track-by="$index" v-for="(page, index) in pageNameList" :key="page.pageName" v-show="index != 0" >{{page.pageName}}
</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="breadcrumb1" v-if="pageNameList[1].pageName == '外部系统管理'">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item track-by="$index" v-for="(page, index) in pageNameList" :key="page.pageName" v-show="index != 0" >{{page.pageName}}
</el-breadcrumb-item>
......@@ -37,24 +39,25 @@
<el-row class="searchBox">
<el-form label-width="100px">
<el-col :span="18" :offset="1">
<el-form-item label="旧密码">
<el-form-item label="旧密码" required>
<el-input v-model="data.oldPwd" placeholder="请输入旧密码"></el-input>
</el-form-item>
</el-col>
<el-col :span="18" :offset="1">
<el-form-item label="新密码">
<el-form-item label="新密码" required>
<el-input v-model="data.newPwd" placeholder="请输入新密码"></el-input>
</el-form-item>
</el-col>
<el-col :span="18" :offset="1">
<el-form-item label="确认新密码">
<el-form-item label="确认新密码" required>
<el-input v-model="data.newPwd1" placeholder="再次输入新密码"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<div slot="footer" class="dialog-footer text-center">
<el-button type="primary" v-on:click="submit();">确 定</el-button>
<el-button type="primary" v-on:click="submit();">保存</el-button>
<el-button class="ml10" v-on:click="dialogVisible = false">取消</el-button>
</div>
</el-dialog>
</div>
......@@ -70,8 +73,7 @@ export default {
data: {}
}),
created () {
this.userInfo = JSON.parse(window.sessionStorage.getItem('userInfo'))
console.log(this.pageNameList[1])
this.getData()
},
computed: {
onRoutes () {
......@@ -84,19 +86,33 @@ export default {
update (){
},
methods: {
getData () {
this.$axios.get('/baseInfo/initPersonalMenu').then((res) =>{
if(res.data.code === '0') {
this.data = res.data.data
window.sessionStorage.setItem('projectId',res.data.data.projectId)
}
})
},
// 选择项目
choose (item) {
this.data.projectName = item.projectName
window.sessionStorage.setItem('projectId',item.projectId)
console.log(item.projectName)
},
// 退出登录
loginout () {
var that = this
that.$confirm('是否退出当前账号?', '温馨提示', {
this.$confirm('是否退出当前账号?', '温馨提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// this.$axios.get('/auth/user/exit').then((res) =>{
// if(res.data.code === '0') {
this.$axios.get('/baseInfo/logout?token=' + window.sessionStorage.getItem('token')).then((res) =>{
if(res.data.code === '0') {
window.sessionStorage.clear()
this.$router.push('/login')
// }
// })
}
})
}).catch(() => {})
},
changePwd () {
......@@ -195,6 +211,12 @@ export default {
padding: 15px 20px;
overflow: hidden;
}
.breadcrumb1{
margin-top: 56px;
background: #fff;
padding: 15px 20px;
overflow: hidden;
}
.el-breadcrumb__item{
font-size: 12px;
}
......
src/components/common/Home.vue
......@@ -2,7 +2,10 @@
<div class="wrapper">
<v-head></v-head>
<v-sidebar></v-sidebar>
<div class="content">
<div class="content" v-if="pageNameList[1].pageName !== '外部系统管理'">
<transition name="move" mode="out-in"><router-view></router-view></transition>
</div>
<div class="content1" v-if="pageNameList[1].pageName == '外部系统管理'">
<transition name="move" mode="out-in"><router-view></router-view></transition>
</div>
</div>
......@@ -15,5 +18,10 @@ export default {
vHead,
vSidebar
},
computed: {
pageNameList () {
return this.$route.matched.map(route => route.meta)
}
},
}
</script>
src/components/common/Sidebar.vue
......@@ -9,7 +9,7 @@
<div class="sideMenu">
<el-menu theme="dark" :default-active="onRoutes" class="el-menu-demo" unique-opened router>
<template v-for="(item,index) in sideMenu">
<el-menu-item :index="item.url" v-on:click="menuActive = item.name" :key="index">
<el-menu-item :class="{'is-active':menuActive==item.name}" :index="item.url" v-on:click="menuActive = item.name" :key="index">
<span class="icon icon1" v-if="item.name == '全部设备'"></span>
<span class="icon icon2" v-if="item.name == '设备报警'"></span>
<span class="icon icon3" v-if="item.name == '车辆审核'"></span>
......
src/components/page/equipment/attribute.vue
......@@ -5,44 +5,44 @@
<p class="font16">监控摄像头001<el-button @click="goBack()" class="right">返回</el-button></p>
<div class="table font14 mt20">
<el-row>
<el-col class="border grayBg" :span="4">设备类型</el-col>
<el-col class="border" :span="4">ddddd</el-col>
<el-col class="border grayBg" :span="4">ProductKey</el-col>
<el-col class="border" :span="4">ccccc</el-col>
<el-col class="border grayBg" :span="4">地域</el-col>
<el-col class="border" :span="4">11111</el-col>
<el-col class="border grayBg" :span="3">设备类型</el-col>
<el-col class="border" :span="5">ddddd</el-col>
<el-col class="border grayBg" :span="3">ProductKey</el-col>
<el-col class="border" :span="5">ccccc</el-col>
<el-col class="border grayBg" :span="3">地域</el-col>
<el-col class="border" :span="5">11111</el-col>
</el-row>
<el-row>
<el-col class="border grayBg" :span="4">节点类型</el-col>
<el-col class="border" :span="4">ddddd</el-col>
<el-col class="border grayBg" :span="4">DeviceName</el-col>
<el-col class="border" :span="4">ccccc</el-col>
<el-col class="border grayBg" :span="4">认证方式</el-col>
<el-col class="border" :span="4">11111</el-col>
<el-col class="border grayBg" :span="3">节点类型</el-col>
<el-col class="border" :span="5">ddddd</el-col>
<el-col class="border grayBg" :span="3">DeviceName</el-col>
<el-col class="border" :span="5">ccccc</el-col>
<el-col class="border grayBg" :span="3">认证方式</el-col>
<el-col class="border" :span="5">11111</el-col>
</el-row>
<el-row>
<el-col class="border grayBg" :span="4">备注名称</el-col>
<el-col class="border" :span="4">ddddd</el-col>
<el-col class="border grayBg" :span="4">IP地址</el-col>
<el-col class="border" :span="4">ccccc</el-col>
<el-col class="border grayBg" :span="4">固件版本</el-col>
<el-col class="border" :span="4">11111</el-col>
<el-col class="border grayBg" :span="3">备注名称</el-col>
<el-col class="border" :span="5">ddddd</el-col>
<el-col class="border grayBg" :span="3">IP地址</el-col>
<el-col class="border" :span="5">ccccc</el-col>
<el-col class="border grayBg" :span="3">固件版本</el-col>
<el-col class="border" :span="5">11111</el-col>
</el-row>
<el-row>
<el-col class="border grayBg" :span="4">创建时间</el-col>
<el-col class="border" :span="4">ddddd</el-col>
<el-col class="border grayBg" :span="4">激活时间</el-col>
<el-col class="border" :span="4">ccccc</el-col>
<el-col class="border grayBg" :span="4">最后上线时间</el-col>
<el-col class="border" :span="4">11111</el-col>
<el-col class="border grayBg" :span="3">创建时间</el-col>
<el-col class="border" :span="5">ddddd</el-col>
<el-col class="border grayBg" :span="3">激活时间</el-col>
<el-col class="border" :span="5">ccccc</el-col>
<el-col class="border grayBg" :span="3">最后上线时间</el-col>
<el-col class="border" :span="5">11111</el-col>
</el-row>
<el-row class="borderB">
<el-col class="border grayBg" :span="4">当前状态</el-col>
<el-col class="border" :span="4">ddddd</el-col>
<el-col class="border grayBg" :span="4">实时延迟</el-col>
<el-col class="border" :span="4">ccccc</el-col>
<el-col class="border grayBg" :span="4">设备本地日志上报</el-col>
<el-col class="border" :span="4">11111</el-col>
<el-col class="border grayBg" :span="3">当前状态</el-col>
<el-col class="border" :span="5">ddddd</el-col>
<el-col class="border grayBg" :span="3">实时延迟</el-col>
<el-col class="border" :span="5">ccccc</el-col>
<el-col class="border grayBg" :span="3">设备本地日志上报</el-col>
<el-col class="border" :span="5">11111</el-col>
</el-row>
</div>
</div>
......@@ -71,12 +71,16 @@ export default {
}
</script>
<style scoped lang="less">
.mainContent{
height: calc(100vh - 25px);
}
.table .border{
border-top: 1px solid #E9EFF3;
border-left: 1px solid #E9EFF3;
height: 40px;
line-height: 40px;
padding-left: 10px;
font-size: 12px;
}
.borderB{border-bottom: 1px solid #E9EFF3;}
.table{border-right: 1px solid #E9EFF3;}
......
src/components/page/equipment/deviceAlert.vue
......@@ -163,6 +163,9 @@ export default {
}
</script>
<style scoped lang="less">
.tableCont{
height: calc(100vh - 50px);
}
.infoBox b i{width:20px;height: 20px;display: inline-block;position: relative;top: 3px;}
.upIcon{background: url(../../../../static/img/up.png) no-repeat;background-size: 100%;}
.downIcon{background: url(../../../../static/img/down.png) no-repeat;background-size: 100%;}
......
src/components/page/equipment/events.vue
<template>
<div>
<div class="mainContent">
<div class="searchBox">
<el-row>
......@@ -34,13 +35,15 @@
<p>所在位置<b class="ml10">1号楼东北角</b></p>
</el-col>
<el-col :span="6" class="text-center rightLine">
<p>在线状态<b class="ml10 green">1在线</b></p>
<p>在线状态<b class="ml10 green">在线</b></p>
</el-col>
</el-row>
</div>
<div class="tabCont mt10">
<div class="title color font14"><span class="shu"></span>门禁001操作记录</div>
<el-table :data="data.list" border>
</div>
<div class="mainContent tableCont">
<div class="tabCont">
<div class="title">门禁001操作记录</div>
<el-table :data="data.list">
<el-table-column type="index" label="序号"></el-table-column>
<el-table-column prop="name" label="操作事件"></el-table-column>
<el-table-column prop="actualTime" label="操作时间" ></el-table-column>
......@@ -52,9 +55,11 @@
layout="total, prev, pager, next, jumper"
:total="data.count">
</el-pagination>
</div><br>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
......@@ -102,4 +107,7 @@ export default {
}
</script>
<style scoped lang="less">
.tableCont{
height: calc(100vh - 50px);
}
</style>
\ No newline at end of file
src/components/page/equipment/list.vue
......@@ -72,7 +72,7 @@
</template>
</el-table-column>
</el-table>
<div class="block text-right mt20" v-if="data.page">
<div class="block text-right mt10" v-if="data.page">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
......@@ -97,6 +97,42 @@ export default {
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}, {
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}, {
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}, {
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}, {
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}, {
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}, {
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}, {
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}, {
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}, {
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}
]
},
......@@ -126,4 +162,11 @@ export default {
}
</script>
<style scoped lang="less">
.tableCont{
height: calc(100vh - 50px);
// .el-table{
// height: calc(100vh - 67px);
// overflow-y: auto;
// }
}
</style>
\ No newline at end of file
src/components/page/externalSystem.vue deleted 100644 → 0
<template>
<div>
</div>
</template>
<script>
</script>
<style>
</style>
src/components/page/index/Login.vue
......@@ -42,27 +42,25 @@ export default {
},
methods: {
submitForm () {
// if (!this.ruleForm.username) {
// this.showAlert('请输入用户名~')
// return false
// }
// if (!this.ruleForm.password) {
// this.showAlert('请输入密码~')
// return false
// }
// this.$axios.post('/auth/user/login', {
// "password": this.ruleForm.password, //密码
// "type": "BACK", //BACK
// "userName": this.ruleForm.username //用户名
// }).then((res) =>{
// console.log(res.data.data)
// if (res.data.code === '0') {
// window.sessionStorage.setItem('authorization',res.data.data.token)
// window.sessionStorage.setItem('userInfo', JSON.stringify(res.data.data))
if (!this.ruleForm.username) {
this.showAlert('请输入用户名~')
return false
}
if (!this.ruleForm.password) {
this.showAlert('请输入密码~')
return false
}
this.$axios.post('/baseInfo/login', {
"password": this.ruleForm.password, //密码
"loginName": this.ruleForm.username //用户名
}).then((res) =>{
console.log(res.data.data)
if (res.data.code === '0') {
window.sessionStorage.setItem('token',res.data.data)
this.$router.push('/equipment/list')
// }
// }).catch(function (eMsg) {
// })
}
}).catch(function (eMsg) {
})
},
showAlert: function (cont) {
this.$alert(cont, '温馨提示', {
......
src/components/page/index/externalSystem.vue 0 → 100644
<template>
<div class="mainContent">
<div class="btnBox">
<el-button class="addBtn" @click="addBtn"><img src="../../../../static/img/add.png" class="addIcon"><span>新增</span></el-button>
</div>
<div class="mainBox">
<div class="left boxDiv">
<div class="imgDiv"><img src="../../../../static/img/img.png"></div>
<p class="text-center font14">监控后台管理系统</p>
<div class="operateDiv text-center font12 mt20">
<span class="line green pointer" @click="addBtn()"><img src="../../../../static/img/edit.png">修改</span>
<span class="line red ml15 pointer"><img src="../../../../static/img/del.png">删除</span>
</div>
<el-button class="lightBtn">进入系统</el-button>
</div>
</div>
<el-dialog title="新增外部系统" :visible.sync="dialogVisible" width="35%">
<el-row class="searchBox">
<el-form label-width="100px">
<el-col :span="18" :offset="1">
<el-form-item label="系统名称" required>
<el-input v-model="data.oldPwd" placeholder=""></el-input>
</el-form-item>
</el-col>
<el-col :span="18" :offset="1">
<el-form-item label="URL链接" required>
<el-input v-model="data.newPwd" placeholder=""></el-input>
</el-form-item>
</el-col>
<el-col :span="18" :offset="1">
<el-form-item label="上传封面" required>
<el-upload
class="avatar-uploader"
action="https://jsonplaceholder.typicode.com/posts/"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload">
<img v-if="imageUrl" :src="imageUrl" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
<span class="red span">仅支持JPG/PNG格式，不得大于4M</span>
</el-form-item>
</el-col>
</el-form>
</el-row>
<div slot="footer" class="dialog-footer text-center">
<el-button type="primary" v-on:click="submit()">保存</el-button>
<el-button class="ml10" @click="dialogVisible = false">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data: () => ({
dialogVisible: false,
data: {},
imageUrl: ''
}),
created () {
},
methods: {
addBtn () {
this.dialogVisible = true
},
handleAvatarSuccess(res, file) {
this.imageUrl = URL.createObjectURL(file.raw);
},
beforeAvatarUpload(file) {
const isJPG = file.type === 'image/jpeg' || 'image/png';
const isLt4M = file.size / 1024 / 1024 < 4;
if (!isJPG) {
this.$message.error('上传头像图片只能是 JPG/PNG 格式!');
}
if (!isLt4M) {
this.$message.error('上传头像图片大小不能超过 4MB!');
}
return isJPG && isLt4M;
},
showAlert: function (cont) {
this.$alert(cont, '温馨提示', {
confirmButtonText: '确定'
})
}
}
}
</script>
<style scoped lang="less">
.mainContent{
height: calc(100vh - 25px);
}
.btnBox{border-bottom: 1px solid #E9EFF3;margin-left: -15px;margin-right: -15px;padding:0 15px 15px 15px;}
.addBtn{padding: 6px 20px!important;}
.addBtn span{position: relative;top: 1px;}
.addIcon{width: 13px;height: 13px;float: left;padding-right: 5px;}
.mainBox{margin: 15px 0;}
.boxDiv{
width: 196px;
overflow: hidden;
background: #FFFFFF;
border: 1px solid #FFFFFF;
box-sizing: border-box;
box-shadow: 0px 2px 20px rgba(141, 158, 174, 0.2);
border-radius: 5px;
margin: 0 10px 10px 0;
.imgDiv{
width: 182px;
margin: 8px auto;
img{width: 100%;height: 100%;}
}
.lightBtn{width: 120px;margin: 20px 38px;padding: 6px 20px!important;}
}
.boxDiv:last-child{margin-right: 0;}
.operateDiv span img{width: 10px;height: 11px;position:relative;top: 1px;margin-right: 5px;}
.span{display: block;line-height: 5px;}
</style>
src/components/page/system/log.vue
<template>
</template>
<template>
<div>
<div class="mainContent">
<div class="searchBox">
<el-row>
<el-form label-width="70px" :model="searchForm">
<el-col :span="11">
<el-form-item label="操作时间">
<el-date-picker
v-model="value1"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="日志类型">
<el-select v-model="searchForm.blockId" placeholder="请选择">
<el-option label="不限" value=""></el-option>
<el-option label="男" value="MAN"></el-option>
<el-option label="女" value="WOMAN"></el-option>
<el-option label="未知" value="SECRECY"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" :offset="2">
<el-button class="mt5" @click="getData()">查询</el-button>
</el-col>
</el-form>
</el-row>
</div>
</div>
<div class="mainContent tableCont">
<div class="tabCont">
<div class="title">日志列表</div>
<el-table :data="data.list">
<el-table-column type="index" label="序号"></el-table-column>
<el-table-column prop="name" label="用户编码"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="name" label="操作者IP"></el-table-column>
<el-table-column prop="name" label="日志摘要"></el-table-column>
<el-table-column prop="name" label="日志类型"></el-table-column>
<el-table-column prop="actualTime" label="操作时间" ></el-table-column>
</el-table>
<div class="block text-right mt20" v-if="data.page">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, prev, pager, next, jumper"
:total="data.count">
</el-pagination>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data: () => ({
loading: false,
searchForm:{
},
data:{
page: '1',
list:[
{
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}
]
},
size: '10',
value1: ''
}),
created () {
},
methods: {
handleSizeChange (val) {
this.size = val
this.getData()
},
handleCurrentChange (val) {
this.data.page = val
this.getData()
}
},
}
</script>
<style>
</style>
<style scoped lang="less">
.tableCont{
height: calc(100vh - 33px);
}
.el-form-item{margin-bottom: 0!important;}
</style>
\ No newline at end of file
src/components/page/system/project.vue
<template>
<template>
<div>
<div class="mainContent">
<div class="searchBox">
<el-row>
<el-form label-width="70px" :model="searchForm">
<el-col :span="7">
<el-form-item label="项目查询">
<el-input v-model="searchForm.customerName" placeholder="请输入项目名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="15" :offset="1">
<el-button @click="getData()" class="mt5">查询</el-button>
</el-col>
</el-form>
</el-row>
</div>
</div>
<div class="mainContent tableCont">
<div class="tabCont">
<el-button class="addBtn" @click="addBtn"><img src="../../../../static/img/add.png" class="addIcon"><span>新增</span></el-button>
<el-table :data="data.list">
<el-table-column type="index" label="序号"></el-table-column>
<el-table-column prop="name" label="城市名称"></el-table-column>
<el-table-column prop="id" label="城市ID"></el-table-column>
<el-table-column prop="allocateName" label="项目名称"></el-table-column>
<el-table-column prop="allocateTime" label="项目ID"></el-table-column>
<el-table-column prop="setTime" label="主数据项目编码" ></el-table-column>
<el-table-column prop="actualTime" label="地块名称" ></el-table-column>
<el-table-column prop="actualTime" label="地块ID" ></el-table-column>
<el-table-column prop="actualTime" label="地块编码" ></el-table-column>
<el-table-column label="操作" width="160">
<template slot-scope="scope">
<span class="green line pointer" @click="addBtn()">修改</span>
<span class="red line ml10 pointer">删除</span>
</template>
</el-table-column>
</el-table>
<div class="block text-right mt10" v-if="data.page">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, prev, pager, next, jumper"
:total="data.count">
</el-pagination>
</div>
</div>
</div>
<el-dialog title="新增项目" :visible.sync="dialogVisible" width="45%">
<el-row class="modelBox">
<el-form label-width="100px">
<el-col :span="12">
<el-form-item label="城市ID">
<el-input v-model="data.oldPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="城市名称" required>
<el-input v-model="data.oldPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目ID">
<el-input v-model="data.oldPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目名称" required>
<el-input v-model="data.oldPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="主数据项目编码">
<el-input v-model="data.newPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地块ID">
<el-input v-model="data.newPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地块名称" required>
<el-input v-model="data.newPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地块编码" required>
<el-input v-model="data.newPwd"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<div slot="footer" class="dialog-footer text-center">
<el-button type="primary" v-on:click="submit()">保存</el-button>
<el-button class="ml10" @click="dialogVisible = false">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data: () => ({
loading: false,
searchForm:{},
dialogVisible: false,
data:{
page: '1',
list:[
{
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}, {
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}
]
},
size: '10',
}),
created () {
},
methods: {
handleSizeChange (val) {
this.size = val
this.getData()
},
handleCurrentChange (val) {
this.data.page = val
this.getData()
},
addBtn () {
this.dialogVisible = true
},
showAlert: function (cont) {
this.$alert(cont, '温馨提示', {
confirmButtonText: '确定'
})
}
},
}
</script>
<style>
</style>
<style scoped lang="less">
.tableCont{
height: calc(100vh - 33px);
}
.el-form-item{margin-bottom: 0!important;}
.addBtn{padding: 6px 20px!important;margin: 15px;}
.addBtn span{position: relative;top: 1px;}
.addIcon{width: 13px;height: 13px;float: left;padding-right: 5px;}
.modelBox{padding-right: 40px;}
</style>
\ No newline at end of file
src/components/page/system/roleAdd.vue
<template>
<div class="mainContent">
<div class="title">新增角色</div>
<el-row class="mt10">
<el-form label-width="70px" :model="data">
<el-col :span="7">
<el-form-item label="角色名称">
<el-input v-model="data.customerName"></el-input>
</el-form-item>
</el-col>
<el-col :span="7" :offset="1">
<el-form-item label="启用状态">
<el-switch
v-model="data.status"
active-color="#DF9F01"
inactive-color="#929EAC">
</el-switch>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="权限配置">
<div class="menuList">
<div class="menu">
<div><el-checkbox v-model="checked">设备管理</el-checkbox></div>
<div><el-checkbox class="ml10" v-model="checked">全部设备</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">属性</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">事件</el-checkbox></div>
<div><el-checkbox class="ml10" v-model="checked">设备报警</el-checkbox></div>
</div>
<div class="menu">
<div><el-checkbox v-model="checked">车辆管理</el-checkbox></div>
<div><el-checkbox class="ml10" v-model="checked">全部设备</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">属性</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">事件</el-checkbox></div>
<div><el-checkbox class="ml10" v-model="checked">设备报警</el-checkbox></div>
</div>
<div class="menu">
<div><el-checkbox v-model="checked">IOC后台管理</el-checkbox></div>
<div><el-checkbox class="ml10" v-model="checked">全部设备</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">属性</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">事件</el-checkbox></div>
<div><el-checkbox class="ml10" v-model="checked">设备报警</el-checkbox></div>
</div>
<div class="menu">
<div><el-checkbox v-model="checked">外部系统管理</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml10" v-model="checked">新增</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml10" v-model="checked">修改</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml10" v-model="checked">删除</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml10" v-model="checked">查看</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml10" v-model="checked">进入系统</el-checkbox></div>
</div>
<div class="menu">
<div><el-checkbox v-model="checked">系统设置</el-checkbox></div>
<div><el-checkbox class="ml10" v-model="checked">项目管理</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">新增</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">修改</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">删除</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">查看</el-checkbox></div>
<div><el-checkbox class="ml10" v-model="checked">角色管理</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">新增</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">修改</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">删除</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">查看</el-checkbox></div>
<div><el-checkbox class="ml10" v-model="checked">用户管理</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">新增</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">修改</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">删除</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">查看</el-checkbox></div>
<div><el-checkbox class="ml10" v-model="checked">日志管理</el-checkbox></div>
<div class="threeNode"><el-checkbox class="ml20" v-model="checked">查看</el-checkbox></div>
</div>
<div class="menu">
<div><el-checkbox v-model="checked">接口文档</el-checkbox></div>
</div>
</div>
</el-form-item>
</el-col>
<el-row class="mt30 text-center clear">
<el-button type="primary" class="mt20">保存</el-button>
<el-button class="ml20 mt20" @click="goBack">返回</el-button>
</el-row>
</el-form>
</el-row>
</div>
</template>
<script>
export default {
data: () => ({
loading: false,
data:{},
checked: false
}),
created () {
},
methods: {
goBack () {
this.$router.go(-1)
},
showAlert: function (cont) {
this.$alert(cont, '温馨提示', {
confirmButtonText: '确定'
})
}
},
}
</script>
<style>
<style scoped lang="less">
.mainContent{
height: calc(100vh - 25px);
}
.title{padding: 0 15px 15px 15px;border-bottom:1px solid #E9EFF3;margin-left: -15px;margin-right: -15px;}
.menuList{
.menu{
border: 1px solid #E9EFF3;
width: 100px;
float: left;
padding: 5px 10px 10px 10px;
margin-right: 10px;
height: 280px;
overflow: auto;
}
div{line-height: 28px!important;}
.threeNode{line-height: 20px!important;}
}
</style>
src/components/page/system/roleList.vue
<template>
<template>
<div>
<div class="mainContent">
<div class="searchBox">
<el-row>
<el-form label-width="70px" :model="searchForm">
<el-col :span="7">
<el-form-item label="角色名称">
<el-input v-model="searchForm.customerName" placeholder="请输入角色名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="15" :offset="1">
<el-button @click="getData()" class="mt5">查询</el-button>
</el-col>
</el-form>
</el-row>
</div>
</div>
<div class="mainContent tableCont">
<div class="tabCont">
<el-button class="addBtn" @click="addBtn"><img src="../../../../static/img/add.png" class="addIcon"><span>新增</span></el-button>
<el-table :data="data.list">
<el-table-column type="index" label="序号"></el-table-column>
<el-table-column prop="name" label="角色名称"></el-table-column>
<el-table-column prop="id" label="权限配置"></el-table-column>
<el-table-column prop="allocateName" label="创建时间"></el-table-column>
<el-table-column prop="allocateTime" label="创建人"></el-table-column>
<el-table-column prop="setTime" label="启用状态" >
<template slot-scope="scope">
<el-switch
v-model="scope.row.status"
active-color="#DF9F01"
inactive-color="#929EAC">
</el-switch>
</template>
</el-table-column>
<el-table-column label="操作" width="160">
<template slot-scope="scope">
<span class="green line pointer" @click="addBtn()">修改</span>
<span class="red line ml10 pointer">删除</span>
</template>
</el-table-column>
</el-table>
<div class="block text-right mt10" v-if="data.page">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, prev, pager, next, jumper"
:total="data.count">
</el-pagination>
</div>
</div>
</div>
<el-dialog title="新增项目" :visible.sync="dialogVisible" width="45%">
<el-row class="modelBox">
<el-form label-width="100px">
<el-col :span="12">
<el-form-item label="城市ID">
<el-input v-model="data.oldPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="城市名称" required>
<el-input v-model="data.oldPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目ID">
<el-input v-model="data.oldPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目名称" required>
<el-input v-model="data.oldPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="主数据项目编码">
<el-input v-model="data.newPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地块ID">
<el-input v-model="data.newPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地块名称" required>
<el-input v-model="data.newPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地块编码" required>
<el-input v-model="data.newPwd"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<div slot="footer" class="dialog-footer text-center">
<el-button type="primary" v-on:click="submit()">保存</el-button>
<el-button class="ml10" @click="dialogVisible = false">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data: () => ({
loading: false,
searchForm:{},
dialogVisible: false,
data:{
page: '1',
list:[
{
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}, {
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}
]
},
size: '10',
}),
created () {
},
methods: {
handleSizeChange (val) {
this.size = val
this.getData()
},
handleCurrentChange (val) {
this.data.page = val
this.getData()
},
addBtn () {
this.$router.push('/system/roleAdd')
},
showAlert: function (cont) {
this.$alert(cont, '温馨提示', {
confirmButtonText: '确定'
})
}
},
}
</script>
<style>
</style>
<style scoped lang="less">
.tableCont{
height: calc(100vh - 33px);
}
.el-form-item{margin-bottom: 0!important;}
.addBtn{padding: 6px 20px!important;margin: 15px;}
.addBtn span{position: relative;top: 1px;}
.addIcon{width: 13px;height: 13px;float: left;padding-right: 5px;}
.modelBox{padding-right: 40px;}
</style>
\ No newline at end of file
src/components/page/system/userAdd.vue
<template>
<div class="mainContent">
<div class="title">新增用户</div>
<el-form label-width="80px" :model="data" class="mt10">
<el-row>
<el-col :span="6">
<el-form-item label="用户编码" required>
<el-input v-model="data.customerName"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="姓名" required>
<el-input v-model="data.customerName"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="初始密码">
<el-input v-model="data.customerName" readonly placeholder="123456"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="手机号" required>
<el-input v-model="data.customerName"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="账号" required>
<el-input v-model="data.customerName"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="启用状态">
<el-switch
v-model="data.status"
active-color="#DF9F01"
inactive-color="#929EAC">
</el-switch>
</el-form-item>
</el-col>
</el-row>
<el-col :span="24">
<el-form-item label="角色" required>
<div class="border">
<el-checkbox v-model="checked">角色1</el-checkbox>
<el-checkbox v-model="checked">角色1</el-checkbox>
<el-checkbox v-model="checked">角色1</el-checkbox>
<el-checkbox v-model="checked">角色1</el-checkbox>
</div>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="兼职项目">
<div class="border">
<el-checkbox v-model="checked">北府一期</el-checkbox>
<el-checkbox v-model="checked">北府一期</el-checkbox>
<el-checkbox v-model="checked">北府一期</el-checkbox>
<el-checkbox v-model="checked">北府一期</el-checkbox>
</div>
</el-form-item>
</el-col>
<el-row class="mt30 text-center clear">
<el-button type="primary" class="mt20">保存</el-button>
<el-button class="ml20 mt20" @click="goBack">返回</el-button>
</el-row>
</el-form>
</div>
</template>
<script>
export default {
data: () => ({
loading: false,
data:{},
checked: false
}),
created () {
},
methods: {
goBack () {
this.$router.go(-1)
},
showAlert: function (cont) {
this.$alert(cont, '温馨提示', {
type: 'success',
confirmButtonText: '确定'
})
},
showAlert1: function (cont) {
this.$alert(cont, '温馨提示', {
type: 'error',
confirmButtonText: '确定'
})
}
},
}
</script>
<style>
<style scoped lang="less">
.mainContent{
height: calc(100vh - 25px);
}
.title{padding: 0 15px 15px 15px;border-bottom:1px solid #E9EFF3;margin-left: -15px;margin-right: -15px;}
.border{border: 1px solid #E9EFF3;padding: 0 10px;border-radius: 5px;}
</style>
src/components/page/system/userList.vue
<template>
<template>
<div>
<div class="mainContent">
<div class="searchBox">
<el-row>
<el-form label-width="70px" :model="searchForm">
<el-col :span="5">
<el-form-item label="角色">
<el-select v-model="searchForm.blockId" placeholder="请选择">
<el-option label="不限" value=""></el-option>
<el-option label="男" value="MAN"></el-option>
<el-option label="女" value="WOMAN"></el-option>
<el-option label="未知" value="SECRECY"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="状态">
<el-select v-model="searchForm.blockId" placeholder="请选择">
<el-option label="不限" value=""></el-option>
<el-option label="男" value="MAN"></el-option>
<el-option label="女" value="WOMAN"></el-option>
<el-option label="未知" value="SECRECY"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="关键词">
<el-input v-model="searchForm.customerName" placeholder="请输入姓名或用户编码"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :offset="1">
<el-button @click="getData()" class="mt5">查询</el-button>
</el-col>
</el-form>
</el-row>
</div>
</div>
<div class="mainContent tableCont">
<div class="tabCont">
<el-button class="addBtn" @click="addBtn"><img src="../../../../static/img/add.png" class="addIcon"><span>新增</span></el-button>
<el-table :data="data.list">
<el-table-column type="index" label="序号"></el-table-column>
<el-table-column prop="name" label="用户编码"></el-table-column>
<el-table-column prop="id" label="姓名"></el-table-column>
<el-table-column prop="allocateName" label="账号"></el-table-column>
<el-table-column prop="allocateName" label="手机号"></el-table-column>
<el-table-column prop="allocateName" label="角色"></el-table-column>
<el-table-column prop="allocateTime" label="兼职项目"></el-table-column>
<el-table-column prop="setTime" label="状态" >
<template slot-scope="scope">
<el-switch
v-model="scope.row.status"
active-color="#DF9F01"
inactive-color="#929EAC">
</el-switch>
</template>
</el-table-column>
<el-table-column label="操作" width="160">
<template slot-scope="scope">
<span class="line pointer" @click="reset()">重置密码</span>
<span class="green ml10 line pointer" @click="addBtn()">修改</span>
<span class="red line ml10 pointer">删除</span>
</template>
</el-table-column>
</el-table>
<div class="block text-right mt10" v-if="data.page">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, prev, pager, next, jumper"
:total="data.count">
</el-pagination>
</div>
</div>
</div>
<el-dialog title="新增项目" :visible.sync="dialogVisible" width="45%">
<el-row class="modelBox">
<el-form label-width="100px">
<el-col :span="12">
<el-form-item label="城市ID">
<el-input v-model="data.oldPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="城市名称" required>
<el-input v-model="data.oldPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目ID">
<el-input v-model="data.oldPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目名称" required>
<el-input v-model="data.oldPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="主数据项目编码">
<el-input v-model="data.newPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地块ID">
<el-input v-model="data.newPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地块名称" required>
<el-input v-model="data.newPwd"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地块编码" required>
<el-input v-model="data.newPwd"></el-input>
</el-form-item>
</el-col>
</el-form>
</el-row>
<div slot="footer" class="dialog-footer text-center">
<el-button type="primary" v-on:click="submit()">保存</el-button>
<el-button class="ml10" @click="dialogVisible = false">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data: () => ({
loading: false,
searchForm:{},
dialogVisible: false,
data:{
page: '1',
list:[
{
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}, {
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}
]
},
size: '10',
}),
created () {
},
methods: {
handleSizeChange (val) {
this.size = val
this.getData()
},
handleCurrentChange (val) {
this.data.page = val
this.getData()
},
addBtn () {
this.$router.push('/system/userAdd')
},
showAlert: function (cont) {
this.$alert(cont, '温馨提示', {
confirmButtonText: '确定'
})
}
},
}
</script>
<style>
</style>
<style scoped lang="less">
.tableCont{
height: calc(100vh - 33px);
}
.el-select{width: 150px;}
.el-form-item{margin-bottom: 0!important;}
.addBtn{padding: 6px 20px!important;margin: 15px;}
.addBtn span{position: relative;top: 1px;}
.addIcon{width: 13px;height: 13px;float: left;padding-right: 5px;}
.modelBox{padding-right: 40px;}
</style>
\ No newline at end of file
src/components/page/vehicle/auditRecords.vue
<template>
</template>
<template>
<div>
<div class="mainContent">
<div class="searchBox">
<el-row>
<el-form label-width="90px" :model="searchForm">
<el-col :span="11">
<el-form-item label="预计到访时间">
<el-date-picker
v-model="value1"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="审核状态">
<el-select v-model="searchForm.blockId" placeholder="请选择">
<el-option label="不限" value=""></el-option>
<el-option label="男" value="MAN"></el-option>
<el-option label="女" value="WOMAN"></el-option>
<el-option label="未知" value="SECRECY"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-button class="mt5" @click="getData()">查询</el-button>
</el-col>
</el-form>
</el-row>
</div>
</div>
<div class="mainContent tableCont">
<div class="tabCont">
<div class="title">审核记录</div>
<el-table :data="data.list">
<el-table-column type="index" label="序号"></el-table-column>
<el-table-column prop="name" label="业主姓名"></el-table-column>
<el-table-column prop="name" label="业主联系方式"></el-table-column>
<el-table-column prop="name" label="业主住所"></el-table-column>
<el-table-column prop="name" label="访客姓名"></el-table-column>
<el-table-column prop="name" label="访客手机号"></el-table-column>
<el-table-column prop="name" label="访客车牌号"></el-table-column>
<el-table-column prop="name" label="预计到访时间"></el-table-column>
<el-table-column prop="name" label="实际到访时间"></el-table-column>
<el-table-column prop="name" label="审核状态"></el-table-column>
<el-table-column prop="name" label="审核人"></el-table-column>
<el-table-column prop="actualTime" label="审核时间" ></el-table-column>
</el-table>
<div class="block text-right mt20" v-if="data.page">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, prev, pager, next, jumper"
:total="data.count">
</el-pagination>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data: () => ({
loading: false,
searchForm:{
},
data:{
page: '1',
list:[
{
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}
]
},
size: '10',
value1: ''
}),
created () {
},
methods: {
handleSizeChange (val) {
this.size = val
this.getData()
},
handleCurrentChange (val) {
this.data.page = val
this.getData()
},
showAlert: function (cont) {
this.$alert(cont, '温馨提示', {
confirmButtonText: '确定'
})
}
},
}
</script>
<style>
</style>
<style scoped lang="less">
.tableCont{
height: calc(100vh - 35px);
}
</style>
\ No newline at end of file
src/components/page/vehicle/auditSet.vue
<template>
<div class="mainContent">
<div class="setDiv">
<div class="title">审核设置</div>
<div class="options">
<el-row>
<el-col :span="6">
<el-checkbox v-model="checked">自动审核</el-checkbox>
</el-col>
<el-col :span="16">
<span class="font12 gray">设置自动审核时，业主申请自动通过</span>
</el-col>
</el-row>
<el-row class="mt30">
<el-col :span="6">
<el-checkbox v-model="checked">人工审核</el-checkbox>
</el-col>
<el-col :span="16">
<span class="font12 gray">超过<el-input v-model="data.s" class="inputStyle"></el-input>分钟，自动审核通过</span>
</el-col>
</el-row>
<el-row class="mt30 text-center">
<el-button type="primary" class="mt20">保存</el-button>
<el-button class="ml20 mt20">取消</el-button>
</el-row>
</div>
</div>
</div>
</template>
<script>
export default {
data: () => ({
loading: false,
checked: false,
data:{
},
}),
created () {
},
methods: {
showAlert: function (cont) {
this.$alert(cont, '温馨提示', {
confirmButtonText: '确定'
})
}
},
}
</script>
<style>
</style>
<style scoped lang="less">
.mainContent{
height: calc(100vh - 25px);
}
.setDiv{
width: 652px;
border-radius: 5px;
border: 1px solid #E9EFF3;
margin: 40px auto;
.title{
padding: 10px 15px;
border-radius: 5px 5px 0 0;
background: #FBFCFD;
border-bottom: 1px solid #E9EFF3;
}
.options{
width: 320px;
margin: auto;
text-align: center;
padding: 40px 0;
.inputStyle{width: 40px;margin: 0 10px;}
}
}
</style>
\ No newline at end of file
src/components/page/vehicle/vehicleAudit.vue
<template>
<template>
<div>
<div class="mainContent tableCont">
<div class="tabCont">
<div class="title">审核列表</div>
<el-table :data="data.list">
<el-table-column type="index" label="序号"></el-table-column>
<el-table-column prop="name" label="业主姓名"></el-table-column>
<el-table-column prop="id" label="业主联系方式"></el-table-column>
<el-table-column prop="allocateName" label="业主住所"></el-table-column>
<el-table-column prop="allocateTime" label="访客姓名"></el-table-column>
<el-table-column prop="setTime" label="访客手机号" ></el-table-column>
<el-table-column prop="actualTime" label="访客车牌号" ></el-table-column>
<el-table-column prop="actualTime" label="预计到访时间" ></el-table-column>
<el-table-column label="操作" width="160">
<template slot-scope="scope">
<span class="line pointer">同意</span>
<span class="line ml10 pointer">拒绝</span>
</template>
</el-table-column>
</el-table>
<div class="block text-right mt20" v-if="data.page">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, prev, pager, next, jumper"
:total="data.count">
</el-pagination>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data: () => ({
loading: false,
searchForm:{
},
data:{
page: '1',
list:[
{
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}
]
},
size: '10',
}),
created () {
},
methods: {
handleSizeChange (val) {
this.size = val
this.getData()
},
handleCurrentChange (val) {
this.data.page = val
this.getData()
},
showAlert: function (cont) {
this.$alert(cont, '温馨提示', {
confirmButtonText: '确定'
})
}
},
}
</script>
<style>
</style>
<style scoped lang="less">
.tableCont{
height: calc(100vh - 20px);
}
</style>
\ No newline at end of file
src/components/page/vehicle/vehicleRecords.vue
<template>
</template>
<template>
<div>
<div class="mainContent">
<div class="searchBox">
<el-row>
<el-form label-width="60px" :model="searchForm">
<el-col :span="10">
<el-form-item label="时间">
<el-date-picker
v-model="value1"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="方式">
<el-select v-model="searchForm.blockId" placeholder="请选择">
<el-option label="不限" value=""></el-option>
<el-option label="男" value="MAN"></el-option>
<el-option label="女" value="WOMAN"></el-option>
<el-option label="未知" value="SECRECY"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="设备名称">
<el-input v-model="searchForm.customerName" placeholder="请输入设备名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="2" :offset="1">
<el-button class="mt5" @click="getData()">查询</el-button>
</el-col>
</el-form>
</el-row>
</div>
</div>
<div class="mainContent tableCont">
<div class="tabCont">
<div class="title">车辆记录</div>
<el-table :data="data.list">
<el-table-column type="index" label="序号"></el-table-column>
<el-table-column prop="name" label="车牌号"></el-table-column>
<el-table-column prop="name" label="方式"></el-table-column>
<el-table-column prop="actualTime" label="时间" ></el-table-column>
</el-table>
<div class="block text-right mt20" v-if="data.page">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, prev, pager, next, jumper"
:total="data.count">
</el-pagination>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data: () => ({
loading: false,
searchForm:{
},
data:{
page: '1',
list:[
{
name: '监控摄像001',
id: 'MZ902',
type: '监控设备'
}
]
},
size: '10',
value1: ''
}),
created () {
},
methods: {
handleSizeChange (val) {
this.size = val
this.getData()
},
handleCurrentChange (val) {
this.data.page = val
this.getData()
},
showAlert: function (cont) {
this.$alert(cont, '温馨提示', {
confirmButtonText: '确定'
})
}
},
}
</script>
<style>
</style>
<style scoped lang="less">
.tableCont{
height: calc(100vh - 35px);
}
.el-select{
width: 180px;
}
</style>
\ No newline at end of file
src/main.js
......@@ -11,7 +11,7 @@ require('element-ui/lib/theme-chalk/index.css')
require('../static/css/index.css')
Vue.use(uploader)
Vue.prototype.baseURL = 'https://test-witcase.chinajinmao.cn' // 测试
Vue.prototype.baseURL = 'http://172.16.2.69:8088/' // 测试
// Vue.prototype.baseURL = 'https://witcase.chinajinmao.cn' // 正式
axios.defaults.baseURL = Vue.prototype.baseURL
......@@ -24,47 +24,27 @@ Vue.use(ElementUI)
Vue.prototype.$axios = axios
axios.interceptors.request.use(config => {
if (config.url.indexOf('/intelligent/import/customer/export') !== -1) {
config.responseType = 'blob'
}
config.headers['authorization'] = window.sessionStorage.getItem('authorization')
config.headers['token'] = window.sessionStorage.getItem('token')
config.headers['projectId'] = window.sessionStorage.getItem('projectId')
return config
}, err => {
return Promise.reject(err)
})
// 设置拦截器
// axios.interceptors.response.use(function (response) {
// console.log(response.config.url)
// if (response.config.url.indexOf('/intelligent/import/customer/export') !== -1) {
// let fileName = '客户导入模板.xlsx'
// if (response.data.type === 'application/vnd.ms-excel') {
// if ('download' in document.createElement('a')) { // 非IE下载
// const elink = document.createElement('a')
// elink.download = fileName
// elink.style.display = 'none'
// elink.href = URL.createObjectURL(response.data)
// document.body.appendChild(elink)
// elink.click()
// console.log('href', elink.href)
// URL.revokeObjectURL(elink.href) // 释放URL 对象
// document.body.removeChild(elink)
// } else { // IE10+下载
// navigator.msSaveBlob(response.data, fileName)
// }
// }
// }
// if (response.data.code === '0') {
// return response
// } else if (response.data.code === 'USERAUTH_0001') {
// alert('登录失效，请重新登录')
// router.push('/login')
// } else {
// // 在添加其他的错误码判断
// if (response.data.msg) {
// alert(response.data.msg, '温馨提示')
// }
// }
// })
axios.interceptors.response.use(function (response) {
console.log(response.config.url)
if (response.data.code === '0') {
return response
} else if (response.data.code === 'BASE_00004') {
alert('登录失效，请重新登录')
router.push('/login')
} else {
// 在添加其他的错误码判断
if (response.data.msg) {
alert(response.data.msg, '温馨提示')
}
}
})
/* eslint-disable no-new */
new Vue({
......
src/router/index.js
......@@ -197,7 +197,7 @@ export default new Router({
meta: {
pageName: '外部系统管理'
},
component: resolve => require(['../components/page/externalSystem.vue'], resolve),
component: resolve => require(['../components/page/index/externalSystem.vue'], resolve),
},
{
path: '/system/project',
......@@ -226,6 +226,15 @@ export default new Router({
require(['../components/page/system/roleList.vue'], resolve)
},
{
path: '/system/roleAdd',
name: 'roleAdd',
meta: {
pageName: '新增角色'
},
component: resolve =>
require(['../components/page/system/roleAdd.vue'], resolve)
},
{
path: '/system/userList',
name: 'userList',
meta: {
......@@ -235,6 +244,15 @@ export default new Router({
require(['../components/page/system/userList.vue'], resolve)
},
{
path: '/system/userAdd',
name: 'userAdd',
meta: {
pageName: '新增用户'
},
component: resolve =>
require(['../components/page/system/userAdd.vue'], resolve)
},
{
path: '/system/log',
name: 'log',
meta: {
......
static/css/index.css
This source diff could not be displayed because it is too large. You can view the blob instead.
static/css/main.less
......@@ -44,11 +44,15 @@ a{text-decoration: none;color: #455467;}
bottom: 0;
width: auto;
padding: 20px 0;
box-sizing: border-box;
overflow-y: scroll;
overflow-x: hidden;
overflow: hidden;
border-radius: 5px;
}
.content1{
position: absolute;
left: 0;
top:80px;
width: 100%;
padding: 20px 0;
overflow: hidden;
}
.mainContent{
background-color: #FFFFFF;
......@@ -59,6 +63,7 @@ a{text-decoration: none;color: #455467;}
}
.tableCont{
padding: 0;
overflow: auto;
}
.crumbs{
margin-bottom: 20px;
......@@ -74,10 +79,6 @@ a{text-decoration: none;color: #455467;}
.el-button+.el-tooltip {
margin-left: 10px!important;
}
.el-table tr:hover{
background: #f6faff!important;
}
.el-radio+.el-radio{
margin-left: 0!important;
}
......@@ -102,7 +103,7 @@ a{text-decoration: none;color: #455467;}
text-align: center!important;
}
.mt5{
margin-top: 5px!important;
margin-top: 6px!important;
}
.mt10{
margin-top: 10px!important;
......@@ -192,10 +193,6 @@ a{text-decoration: none;color: #455467;}
font-weight: 400!important;
min-width: 70px!important;
}
.el-button--primary{
background-color: #DF9F01!important;
border-color: #DF9F01!important;
}
.el-button--danger{
background-color: #BF0008!important;
border-color: #BF0008!important;
......@@ -239,6 +236,10 @@ a{text-decoration: none;color: #455467;}
background:none!important;
}
.el-input__inner{border: 1px solid #E9EFF3!important;}
.el-checkbox__input.is-checked + .el-checkbox__label, .el-radio__input.is-checked + .el-radio__label{
color: #596A7E!important;
font-weight: normal!important;
}
.login-wrap .el-input__inner{
height:35px!important;
font-size: 14px!important;
......@@ -251,7 +252,7 @@ a{text-decoration: none;color: #455467;}
margin-top: -2px!important;
}
.el-dialog__body{padding: 20px}
.el-dialog__footer{padding: 10px 20px 30px;text-align: center;}
.el-dialog__footer{padding: 20px 20px 20px;text-align: center;border-top: 1px solid #E9EFF3;}
::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性
background-color:#f8f8f8;
}
......@@ -303,13 +304,11 @@ background-color:#bbb!important;
.el-dropdown-menu__item,.el-date-editor .el-range-separator,.el-range-editor .el-range-input,.el-popover,.el-cascader__label,.el-select-dropdown__item,.el-textarea__inner,.el-form-item__label,.el-form-item__content,.el-input,.el-tree-node__label,.el-checkbox__label,.el-radio__label{
font-size:12px!important;
color: #596A7E!important;
font-weight: normal!important;
}
.el-form-item{
margin-bottom: 10px!important;
}
.el-checkbox__input.is-checked+.el-checkbox__label,.el-radio__input.is-checked+.el-radio__label{
color: #666!important;
}
.inlineBlock{
display:inline-block!important;
}
......@@ -317,14 +316,44 @@ background-color:#bbb!important;
margin-left: 15px!important;
}
.el-dialog__header {
padding: 20px 20px 20px!important;
border-bottom: 1px solid #eee!important;
padding: 15px 15px 15px!important;
border-bottom: 1px solid #E9EFF3!important;
text-align: center;
}
.el-dialog__headerbtn .el-dialog__close,.el-message-box__headerbtn .el-message-box__close{
font-size: 16px;
font-weight: bold;
}
.el-date-editor .el-range-separator{line-height: 24px!important;}
.el-input__icon{line-height: 0!important;}
.el-tabs__header{margin: -10px 25px 15px 25px;}
.el-tabs__item{font-weight: normal!important;}
.el-switch__core{width: 36px!important;height: 10px!important;}
.el-switch__core:after{top: -4px!important;left: -1px!important;box-shadow: 0px 2px 4px rgba(159, 168, 180, 0.6);}
.el-switch.is-checked .el-switch__core::after{margin-left: 20px!important;}
.setDiv .el-input__inner{height: 18px!important;}
.el-button--primary{
color: #fff!important;
background-color: #DF9F01!important;
border-color: #DF9F01!important;
}
.el-message-box__header{
border-bottom: 1px solid #eee!important;
text-align: center!important;
padding: 15px 15px 15px!important;
}
.el-message-box{width: 320px!important;}
.el-message-box__status{
top: 30%!important;
left: 45%!important;
font-size: 32px!important;
}
.el-message-box__status.el-icon-success{color: #37A100!important;}
.el-message-box__status.el-icon-error{color: #B82C0E!important;}
.el-message-box__message{padding-top: 50px!important;}
.el-message-box__title{font-size: 16px!important;color:#313D4B!important;}
.el-message-box__btns{padding: 15px 15px 15px!important;}
.el-message-box__btns,.el-message-box__message{text-align: center!important;}
.title{
color: #313D4B;
font-size: 14px;
......@@ -378,4 +407,27 @@ background-color:#bbb!important;
position: relative;
top: 10px;
}
}
\ No newline at end of file
}
.avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.avatar-uploader .el-upload:hover {
border-color: #409EFF;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 178px;
height: 108px;
line-height: 108px;
text-align: center;
}
.avatar {
width: 178px;
height: 108px;
display: block;
}
\ No newline at end of file
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 sign in to comment