Commit ca654d32 authored by co_dengxiongwen's avatar co_dengxiongwen

页面调整

parent 82866b16
...@@ -67,8 +67,8 @@ ...@@ -67,8 +67,8 @@
</div> </div>
<div class="map_right"> <div class="map_right">
<div> <div>
//- <iframe :src="src" ref="iframe"></iframe> <iframe :src="src" ref="iframe"></iframe>
<iframe src="http://10.20.174.62:8088/map/index.html" ref="iframe1"></iframe> //- <iframe src="http://10.20.174.62:8088/map/index.html" ref="iframe1"></iframe>
</div> </div>
</div> </div>
</el-card> </el-card>
...@@ -157,16 +157,14 @@ export default { ...@@ -157,16 +157,14 @@ export default {
resource: {}, //当前选择的资源点 resource: {}, //当前选择的资源点
clickItem: {}, clickItem: {},
resourceTypeList: [], resourceTypeList: [],
stationId: localStorage.getItem('stationId'), stationId: '',
checkedData: { checkedData: {
stationId: '', stationId: '',
stationName: '', stationName: '',
subSystem: '',
tierId: '', tierId: '',
tierName: '', tierName: '',
resourceId: '', resourceId: '',
sId: localStorage.getItem('stationId'), sId: ''
subCode: '01'
}, },
currentNode: {}, currentNode: {},
dragAble: false, dragAble: false,
......
<template lang="pug">
el-dialog( :close-on-click-modal='false' :visible.sync='visible' :append-to-body='true' :before-close="handleClose")
div.title-bold(slot='title') {{dataForm.id ? '修改' :'新增'}}
el-form(:model='dataForm' :rules='dataRule' ref='dataForm' label-width='100px' v-loading='dataLoading')
el-row(:span='24')
el-col(:span='24')
el-form-item(label='数据源url:', prop='url')
el-input(v-model='dataForm.url', placeholder='请填写数据源url(包含地址端口以及参数)' clearable)
el-col(:span='12')
el-form-item(label='用户名:', prop='username')
el-input(v-model='dataForm.username', placeholder='请填写数据源用户名' clearable)
el-col(:span='12' )
el-form-item(label='密码:', prop='password')
el-input(, v-model='dataForm.password', placeholder='请填写密码' clearable)
el-col(:span='12' )
el-form-item(label='站点id:', prop='stationId')
el-input(, v-model='dataForm.stationId', placeholder='请填写站点id' clearable)
el-col(:span='12' )
el-form-item(label='数据源ip:', prop='ip')
el-input(v-model='dataForm.ip', placeholder='请填写数据源服务器ip' clearable)
el-col(:span='12')
el-form-item(label='数据源端口:', prop='port')
el-input(v-model='dataForm.port', placeholder='请填写数据源端口' clearable)
el-col(:span='12')
el-form-item(label='说明信息:', prop='detail')
el-input(v-model='dataForm.detail' placeholder='请填写说明信息' clearable)
div(slot='footer' align='center')
el-button(type='primary' size='medium' @click='handleClose') 取消
el-button(type='primary' size='medium' @click='dataFormSubmit()' v-prevent-re-click) 保存
</template>
<script>
export default {
data() {
return {
visible: false,
dataLoading: false,
dataForm: {},
dataRule: {
url: [
{ required: true, message: '数据源url不能为空', trigger: ['change', 'blur'] },
{ min: 1, max: 200, message: '长度在 1 到 200 个字符', trigger: ['change', 'blur'] }
],
username: [
{ required: true, message: '数据源用户名不能为空', trigger: ['change', 'blur'] },
{ min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: ['change', 'blur'] }
],
password: [
{ required: true, message: '密码不能为空', trigger: ['change', 'blur'] },
{ min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: ['change', 'blur'] }
],
stationId: [
{ required: true, message: '站点id不能为空', trigger: ['change', 'blur'] },
{ min: 1, max: 25, message: '长度在 1 到 25 个字符', trigger: ['change', 'blur'] }
],
ip: [
{ min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: ['change', 'blur'] }
],
port: [
{ min: 1, max: 10, message: '长度在 1 到 10 个字符', trigger: ['change', 'blur'] }
],
detail: [
{ min: 1, max: 100, message: '长度在 1 到 100 个字符', trigger: ['change', 'blur'] }
]
}
}
},
mounted() {
},
methods: {
init(row) {
this.visible = true
this.dataForm = { ...row }
},
//关闭前
handleClose() {
this.$refs.dataForm.resetFields()
this.visible = false
},
// 表单提交
dataFormSubmit() {
this.$refs['dataForm'].validate(valid => {
if (valid) {
this.dataLoading = true
this.$http({
url: this.$http.adornUrl(
`/sysDatasource/${!this.dataForm.id ? 'save' : 'update'}`
),
method: 'post',
data: this.dataForm
}).then(data => {
console.log(data)
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500
})
this.dataLoading = false
this.handleClose()
this.$emit('refreshdatalist')
}
}).catch(data => {
this.$message.error(data.msg)
})
}
})
}
}
}
</script>
<style>
.el-table__header {
width: 100% !important;
}
.el-table__body {
width: 100% !important;
}
</style>
<template lang='pug'>
el-container(style="padding:0px;height:77.6vh;")
el-header(style='height:42px;line-height:42px;border: 1px solid rgba(195, 195, 195, 1);background: #f4f4f4;')
span.title-bold.title-left-color() 目标数据源管理
el-main.box_main
el-card()
div.tableCard()
el-form(:inline="true" :model="dataForm" size="mini" )
el-form-item( label="数据源url:" )
el-input( v-model="dataForm.url" placeholder="数据源url" clearable)
el-form-item( label="用户名:" )
el-input.input_width( v-model="dataForm.username" placeholder="数据源用户名" clearable)
el-form-item(label="数据源ip:")
el-input.input_width( v-model="dataForm.ip" placeholder="数据源ip" clearable)
el-form-item( label="说明信息:")
el-input.input_width( v-model="dataForm.detail" placeholder="说明信息" clearable)
el-button(@click="getDataList" icon="el-icon-search" type="primary" size="mini") 查询
el-button(@click="reSet()" type="primary" size="mini" icon="el-icon-refresh-right") 重置
el-button( v-if="isAuth('sys:user:save')" style="float:right;" size="mini" icon="el-icon-plus" type="primary" @click="addOrUpdateHandle()") 新增
el-table(:data="dataList" @sort-change='sortChange' style="width:100%;" v-loading="dataListLoading" :stripe="true" :header-cell-style="{background:'#EEF8FF',color:'#333333'}")
el-table-column( type='index', header-align='center', align='center', label='序号')
template(scope="scope")
span {{scope.$index+(pageIndex - 1) * pageSize + 1}}
el-table-column( prop="url" header-align="center" align="center" label="数据源url" sortable='custom' width='300')
//template(slot-scope='scope')
el-table-column( prop="username" header-align="center" align="center" label="用户名" sortable='custom')
el-table-column( prop="password" header-align="center" align="center" label="密码" sortable='custom')
el-table-column( prop="stationId" columnKey="station_id" header-align="center" align="center" label="站点id" sortable='custom')
el-table-column( prop="ip" header-align="center" align="center" label="数据源服务器ip" sortable='custom' width='200')
el-table-column( prop="port" header-align="center" align="center" label="数据源端口" sortable='custom')
el-table-column( prop="detail" header-align="center" align="center" label="说明信息" sortable='custom' width='200')
//template(slot-scope='scope')
font(:title="scope.row.url") {{scope.row.detail | ellipsis}}
el-table-column( prop header-align="center" align="center" label="操作" width='200')
template( slot-scope="scope")
//el-button(type="success" plain size="mini" @click="queryHandle(scope.row)") 详情
el-button(type="text" size="mini" v-if="isAuth('sys:datasource:update')" @click="addOrUpdateHandle(scope.row)") 修改
el-button(type="text" size="mini" v-if="isAuth('sys:datasource:delete')" @click="deleteHandle(scope.row.id)") 删除
el-footer.box_footer
el-pagination(@size-change="sizeChangeHandle" background @current-change="currentChangeHandle" :current-page="pageIndex" :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" :total="totalPage" layout="total, sizes, prev, pager, next, jumper")
//- 弹窗, 新增 / 修改
add-or-update(v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshdatalist="getDataList")
</template>
<script>
import AddOrUpdate from './datasource-add-or-update'
export default {
name: 'sys-datasource',
filters: {
ellipsis(value) {
if (!value) return ''
if (value.length > 55) {
return value.slice(0, 55) + '...'
}
return value
}
},
data() {
return {
dataForm: {},
dataList: [],
pageIndex: 1,
pageSize: 10,
totalPage: 0,
dataListLoading: false,
dataListSelections: [],
resetPasswordVisible: false,
addOrUpdateVisible: false,
queryDetailVisible: false,
configRoleVisible: false,
allJob: []
}
},
components: {
AddOrUpdate
// queryDetail,
// configRole,
// resetPassword
},
watch: {
totalPage() { //注意这个函数的名字必须和你监听data中的属性的名字一样,这样才能当你data中的属性发生变化时,触发这个函数
let pages = Math.ceil(this.totalPage / this.pageSize)//新数据总页数
//总页数小于当前页数则重新加载列表数据
if (pages < this.pageIndex) {
this.pageIndex = pages || 1
this.getDataList()//获取表格数据的方法
}
}
},
created() {
// this.getList()
this.getDataList()
// this.getAllJob()
},
methods: {
//重置
reSet() {
this.pageIndex = 1
this.dataForm = {}
this.getDataList()
},
//排序
sortChange(column) {
if (column.order === 'descending') {
this.order = 'desc'
} else {
this.order = 'asc'
}
if (column.column.columnKey) {
this.sort = column.column.columnKey
} else {
this.sort = column.prop
}
this.getDataList()
},
// 获取数据列表
getDataList() {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/sysDatasource/list'),
method: 'post',
data: {
...this.dataForm,
page: this.pageIndex,
size: this.pageSize,
sort: this.sort,
order: this.order
}
}).then(data => {
// console.log('data', data)
if (data && data.code === 0) {
this.dataList = data.page.records
this.totalPage = data.page.total
} else {
this.dataList = []
this.totalPage = 0
}
this.dataListLoading = false
})
},
// 每页数
sizeChangeHandle(val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
// 当前页
currentChangeHandle(val) {
this.pageIndex = val
this.getDataList()
},
// 新增 / 修改
addOrUpdateHandle(id) {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.init(id)
})
},
// 删除
deleteHandle(id) {
this.$confirm(`确认删除用户?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
closeOnClickModal: false
}).then(() => {
this.$http({
url: this.$http.adornUrl('/sysDatasource/delete'),
method: 'post',
data: [id]
}).then(data => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
this.getDataList()
}
})
} else {
this.$message.error(data.msg)
}
})
})
}
}
}
</script>
<style lang='scss'>
</style>
...@@ -76,11 +76,11 @@ export default { ...@@ -76,11 +76,11 @@ export default {
tableHeader: [ tableHeader: [
{ label: '字典项名称', prop: 'name' }, { label: '字典项名称', prop: 'name' },
{ label: '字典项值', prop: 'value' }, { label: '字典项值', prop: 'value' },
{ label: '排序值', prop: 'sortValue' }, { label: '排序值', prop: 'sortValue' }
], ],
tableOption: { tableOption: {
border: false, //是否边框 border: false, //是否边框
maxHeight: 500, //高度 maxHeight: 500 //高度
}, },
listTitle: '', listTitle: '',
flag: true, flag: true,
...@@ -92,7 +92,7 @@ export default { ...@@ -92,7 +92,7 @@ export default {
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 10,
totalPage: 0, totalPage: 0,
stationId: localStorage.getItem('stationId'), stationId: '',
sort: 'sort_value', sort: 'sort_value',
order: 'asc', order: 'asc',
addOrUpdateVisible: false, addOrUpdateVisible: false,
...@@ -108,35 +108,35 @@ export default { ...@@ -108,35 +108,35 @@ export default {
min: 1, min: 1,
max: 30, max: 30,
message: '长度在 1 到 30 个字符', message: '长度在 1 到 30 个字符',
trigger: 'blur', trigger: 'blur'
}, }
], ],
value: [ value: [
{ {
min: 1, min: 1,
max: 20, max: 20,
message: '长度在 1 到 20 个字符', message: '长度在 1 到 20 个字符',
trigger: 'blur', trigger: 'blur'
}, }
], ],
sortValue: [ sortValue: [
{ required: true, message: '排序值不能为空' }, { required: true, message: '排序值不能为空' },
// { min: 1, max: 10, message: '排序值超出范围', trigger: 'blur' }, // { min: 1, max: 10, message: '排序值超出范围', trigger: 'blur' },
{ type: 'number', message: '排序值必须为数字' }, { type: 'number', message: '排序值必须为数字' },
{ validator: validateNumber, trigger: ['blur', 'change'] }, { validator: validateNumber, trigger: ['blur', 'change'] }
// { pattern: /^[1-9]\d*$/, message: '只能输入正整数', trigger: 'change' } // { pattern: /^[1-9]\d*$/, message: '只能输入正整数', trigger: 'change' }
], ]
}, },
data: [], data: [],
defaultProps: { defaultProps: {
children: 'children', children: 'children',
label: 'name', label: 'name',
id: 'id', id: 'id'
}, }
} }
}, },
components: { components: {
dragTable, dragTable
}, },
watch: { watch: {
totalPage() { totalPage() {
...@@ -147,7 +147,7 @@ export default { ...@@ -147,7 +147,7 @@ export default {
this.pageIndex = pages || 1 this.pageIndex = pages || 1
this.getDataList() //获取表格数据的方法 this.getDataList() //获取表格数据的方法
} }
}, }
}, },
created() { created() {
this.getList() this.getList()
...@@ -160,8 +160,8 @@ export default { ...@@ -160,8 +160,8 @@ export default {
url: this.$http.adornUrl('/sysDictionary/dictionaryAllList'), url: this.$http.adornUrl('/sysDictionary/dictionaryAllList'),
method: 'GET', method: 'GET',
params: { params: {
stationId: this.stationId, stationId: this.stationId
}, }
}).then((data) => { }).then((data) => {
if (data) { if (data) {
this.data = data.list this.data = data.list
...@@ -205,8 +205,8 @@ export default { ...@@ -205,8 +205,8 @@ export default {
parentId: this.dicId, parentId: this.dicId,
sort: sort || 'sort_value', sort: sort || 'sort_value',
order, order,
stationId: this.stationId, stationId: this.stationId
}, }
}).then((data) => { }).then((data) => {
if (data) { if (data) {
this.dataList = data.page.rows this.dataList = data.page.rows
...@@ -224,12 +224,12 @@ export default { ...@@ -224,12 +224,12 @@ export default {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning',
closeOnClickModal: false, closeOnClickModal: false
}).then(() => { }).then(() => {
this.$http({ this.$http({
url: this.$http.adornUrl('/sysDictionary/deleteById'), url: this.$http.adornUrl('/sysDictionary/deleteById'),
method: 'post', method: 'post',
data: row, data: row
}).then((res) => { }).then((res) => {
if (res && res.code === 0) { if (res && res.code === 0) {
this.$message({ this.$message({
...@@ -238,7 +238,7 @@ export default { ...@@ -238,7 +238,7 @@ export default {
duration: 1500, duration: 1500,
onClose: () => { onClose: () => {
this.getDataList() this.getDataList()
}, }
}) })
} else { } else {
this.$message.error(res.msg) this.$message.error(res.msg)
...@@ -271,7 +271,7 @@ export default { ...@@ -271,7 +271,7 @@ export default {
`/sysDictionary/${!this.ruleForm.id ? 'save' : 'update'}` `/sysDictionary/${!this.ruleForm.id ? 'save' : 'update'}`
), ),
method: 'post', method: 'post',
data: this.ruleForm, data: this.ruleForm
}).then((data) => { }).then((data) => {
if (data && data.code === 0) { if (data && data.code === 0) {
this.$message({ this.$message({
...@@ -288,7 +288,7 @@ export default { ...@@ -288,7 +288,7 @@ export default {
) { ) {
this.getList() this.getList()
} }
}, }
}) })
} else { } else {
this.clickFlag = false this.clickFlag = false
...@@ -322,7 +322,7 @@ export default { ...@@ -322,7 +322,7 @@ export default {
{ {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning'
} }
) )
.then(() => { .then(() => {
...@@ -331,11 +331,11 @@ export default { ...@@ -331,11 +331,11 @@ export default {
.catch(() => { .catch(() => {
this.$message({ this.$message({
type: 'info', type: 'info',
message: '已取消退出', message: '已取消退出'
}) })
}) })
}, }
}, }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
...@@ -27,7 +27,7 @@ export default { ...@@ -27,7 +27,7 @@ export default {
levelList: [ levelList: [
{ id: 1, name: '特别重大' }, { id: 1, name: '特别重大' },
{ id: 2, name: '重大' }, { id: 2, name: '重大' },
{ id: 3, name: '一般' }, { id: 3, name: '一般' }
], ],
dataRule: { dataRule: {
eventName: [ eventName: [
...@@ -36,8 +36,8 @@ export default { ...@@ -36,8 +36,8 @@ export default {
min: 1, min: 1,
max: 50, max: 50,
message: '长度在 1 到 50 个字符', message: '长度在 1 到 50 个字符',
trigger: 'blur', trigger: 'blur'
}, }
], ],
eventCode: [ eventCode: [
{ required: true, message: '报警类型编码不能为空', trigger: 'blur' }, { required: true, message: '报警类型编码不能为空', trigger: 'blur' },
...@@ -45,13 +45,13 @@ export default { ...@@ -45,13 +45,13 @@ export default {
min: 1, min: 1,
max: 20, max: 20,
message: '长度在 1 到 20 个字符', message: '长度在 1 到 20 个字符',
trigger: 'blur', trigger: 'blur'
}, }
], ],
eventLevel: [ eventLevel: [
{ required: true, message: '报警类型等级不能为空', trigger: 'blur' }, { required: true, message: '报警类型等级不能为空', trigger: 'blur' }
], ]
}, }
} }
}, },
watch: { watch: {
...@@ -61,8 +61,8 @@ export default { ...@@ -61,8 +61,8 @@ export default {
this.$refs.dataForm.resetFields() this.$refs.dataForm.resetFields()
} }
}, },
deep: true, deep: true
}, }
}, },
methods: { methods: {
init(row, resourceType) { init(row, resourceType) {
...@@ -76,7 +76,7 @@ export default { ...@@ -76,7 +76,7 @@ export default {
eventCode: '', eventCode: '',
eventLevel: '', eventLevel: '',
resourceType: resourceType, resourceType: resourceType,
stationId: localStorage.getItem('stationId'), stationId: ''
} }
} }
}, },
...@@ -90,7 +90,7 @@ export default { ...@@ -90,7 +90,7 @@ export default {
`/linkEvent/${!this.dataForm.id ? 'save' : 'update'}` `/linkEvent/${!this.dataForm.id ? 'save' : 'update'}`
), ),
method: 'post', method: 'post',
data: this.dataForm, data: this.dataForm
}).then((data) => { }).then((data) => {
if (data && data.code === 0) { if (data && data.code === 0) {
this.$message({ this.$message({
...@@ -100,7 +100,7 @@ export default { ...@@ -100,7 +100,7 @@ export default {
onClose: () => { onClose: () => {
this.visible = false this.visible = false
this.$emit('refreshdatalist') this.$emit('refreshdatalist')
}, }
}) })
} else { } else {
this.clickFlag = false this.clickFlag = false
...@@ -118,7 +118,7 @@ export default { ...@@ -118,7 +118,7 @@ export default {
{ {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning'
} }
) )
.then(() => { .then(() => {
...@@ -127,11 +127,11 @@ export default { ...@@ -127,11 +127,11 @@ export default {
.catch(() => { .catch(() => {
this.$message({ this.$message({
type: 'info', type: 'info',
message: '已取消退出', message: '已取消退出'
}) })
}) })
}, }
}, }
} }
</script> </script>
<style> <style>
......
...@@ -49,7 +49,7 @@ export default { ...@@ -49,7 +49,7 @@ export default {
resourceType: '', resourceType: '',
leftLoading: false, leftLoading: false,
rightLoading: false, rightLoading: false,
stationId: localStorage.getItem('stationId'), stationId: '',
resourceData: [], resourceData: [],
eventData: [], eventData: [],
addOrUpdateVisible: false, addOrUpdateVisible: false,
...@@ -60,17 +60,17 @@ export default { ...@@ -60,17 +60,17 @@ export default {
tableHeader: [ tableHeader: [
{ label: '报警类型编码', prop: 'eventCode', sort: false }, { label: '报警类型编码', prop: 'eventCode', sort: false },
{ label: '报警类型名称', prop: 'eventName', sort: false }, { label: '报警类型名称', prop: 'eventName', sort: false },
{ label: '报警类型等级', prop: 'eventLevel', sort: false, slot: true }, { label: '报警类型等级', prop: 'eventLevel', sort: false, slot: true }
], ],
tableOption: { tableOption: {
border: false, //是否边框 border: false, //是否边框
maxHeight: 500, //高度 maxHeight: 500 //高度
}, }
} }
}, },
components: { components: {
AddOrUpdate, AddOrUpdate,
dragTable, dragTable
}, },
watch: { watch: {
totalPage() { totalPage() {
...@@ -81,7 +81,7 @@ export default { ...@@ -81,7 +81,7 @@ export default {
this.pageIndex = pages || 1 this.pageIndex = pages || 1
this.getEvent() //获取表格数据的方法 this.getEvent() //获取表格数据的方法
} }
}, }
}, },
created() { created() {
this.checkList = [...this.tableHeader] this.checkList = [...this.tableHeader]
...@@ -121,8 +121,8 @@ export default { ...@@ -121,8 +121,8 @@ export default {
data: { data: {
page: this.pageIndex, page: this.pageIndex,
rows: this.pageSize, rows: this.pageSize,
resourceType: this.resourceType, resourceType: this.resourceType
}, }
}).then((data) => { }).then((data) => {
if (data && data.code === 0) { if (data && data.code === 0) {
console.log('--data--', data.page.rows) console.log('--data--', data.page.rows)
...@@ -137,7 +137,7 @@ export default { ...@@ -137,7 +137,7 @@ export default {
this.$http({ this.$http({
url: this.$http.adornUrl(`/sysDictionary/getResourceTypeDicList`), url: this.$http.adornUrl(`/sysDictionary/getResourceTypeDicList`),
method: 'get', method: 'get',
params: { stationId: this.stationId }, params: { stationId: this.stationId }
}) })
.then((data) => { .then((data) => {
if (data && data.code === 0) { if (data && data.code === 0) {
...@@ -171,13 +171,13 @@ export default { ...@@ -171,13 +171,13 @@ export default {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning',
closeOnClickModal: false, closeOnClickModal: false
}) })
.then(() => { .then(() => {
this.$http({ this.$http({
url: this.$http.adornUrlAlarm(`/linkEvent/deleteByFlag`), url: this.$http.adornUrlAlarm(`/linkEvent/deleteByFlag`),
method: 'post', method: 'post',
data: this.$http.adornData(ids, false), data: this.$http.adornData(ids, false)
}).then((data) => { }).then((data) => {
if (data && data.code === 0) { if (data && data.code === 0) {
this.$message({ this.$message({
...@@ -186,7 +186,7 @@ export default { ...@@ -186,7 +186,7 @@ export default {
duration: 1500, duration: 1500,
onClose: () => { onClose: () => {
this.getEvent() this.getEvent()
}, }
}) })
} else { } else {
this.$message.error(data.msg) this.$message.error(data.msg)
...@@ -196,11 +196,11 @@ export default { ...@@ -196,11 +196,11 @@ export default {
.catch(() => { .catch(() => {
this.$message({ this.$message({
type: 'info', type: 'info',
message: '已取消删除', message: '已取消删除'
}) })
}) })
}, }
}, }
} }
</script> </script>
......
...@@ -37,22 +37,13 @@ ...@@ -37,22 +37,13 @@
</template> </template>
</el-table-column> </el-table-column>
//- 操作项
<template slot-scope="scope">
<el-button class="el-table-btn" type="text">编辑</el-button>
<el-button class="el-table-btn" type="text">查看</el-button>
<el-button class="el-table-btn" type="text">相关用户</el-button>
</template>
</drag-table> </drag-table>
el-footer.box_footer el-footer.box_footer
el-pagination(@size-change="sizeChangeHandle" background @current-change="currentChangeHandle" :current-page="pageIndex" :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" :total="totalPage" layout="total, sizes, prev, pager, next, jumper") el-pagination(@size-change="sizeChangeHandle" background @current-change="currentChangeHandle" :current-page="pageIndex" :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" :total="totalPage" layout="total, sizes, prev, pager, next, jumper")
</template> </template>
<script> <script>
import Sortable from 'sortablejs'
import dragTable from '../../components/tab' import dragTable from '../../components/tab'
let that
export default { export default {
filters: { filters: {
ellipsis (value) { ellipsis (value) {
...@@ -107,11 +98,10 @@ export default { ...@@ -107,11 +98,10 @@ export default {
} }
}, },
created () { created () {
that = this
this.pageIndex = 1 this.pageIndex = 1
this.getDataList() this.getDataList()
}, },
mounted(){ mounted() {
this.checkList = [...this.tableHeader] this.checkList = [...this.tableHeader]
}, },
methods: { methods: {
...@@ -140,7 +130,7 @@ export default { ...@@ -140,7 +130,7 @@ export default {
endTime: this.dataForm.endTime, endTime: this.dataForm.endTime,
sort: sort, sort: sort,
order: order, order: order,
stationId: localStorage.getItem('stationId') stationId: ''
}) })
}).then(data => { }).then(data => {
//console.log('data', data) //console.log('data', data)
......
...@@ -50,11 +50,11 @@ export default { ...@@ -50,11 +50,11 @@ export default {
{ label: '参数名称', prop: 'name' }, //是否插槽 { label: '参数名称', prop: 'name' }, //是否插槽
{ label: '参数描述', prop: 'remark' }, { label: '参数描述', prop: 'remark' },
{ label: '当前值(双击修改)', prop: 'value', slot: true }, { label: '当前值(双击修改)', prop: 'value', slot: true },
{ label: '参数说明', prop: 'introduction' }, { label: '参数说明', prop: 'introduction' }
], ],
tableOption: { tableOption: {
border: false, //是否边框 border: false, //是否边框
maxHeight: 500, //高度 maxHeight: 500 //高度
}, },
visible: false, visible: false,
title: null, title: null,
...@@ -64,11 +64,11 @@ export default { ...@@ -64,11 +64,11 @@ export default {
pageSize: 10, pageSize: 10,
totalPage: 0, totalPage: 0,
ruleForm: {}, ruleForm: {},
rules: null, //添加规则 rules: null //添加规则
} }
}, },
components: { components: {
dragTable, dragTable
}, },
watch: { watch: {
totalPage() { totalPage() {
...@@ -79,7 +79,7 @@ export default { ...@@ -79,7 +79,7 @@ export default {
this.pageIndex = pages || 1 this.pageIndex = pages || 1
this.getDataList() //获取表格数据的方法 this.getDataList() //获取表格数据的方法
} }
}, }
}, },
mounted() { mounted() {
this.getDataList() this.getDataList()
...@@ -106,12 +106,12 @@ export default { ...@@ -106,12 +106,12 @@ export default {
url: this.$http.adornUrl('/sysParams/paramsAllList'), url: this.$http.adornUrl('/sysParams/paramsAllList'),
method: 'post', method: 'post',
params: { params: {
stationId: localStorage.getItem('stationId'), stationId: '',
page: this.pageIndex, page: this.pageIndex,
limit: this.pageSize, limit: this.pageSize,
sort: this.sort, sort: this.sort,
order: this.order, order: this.order
}, }
}).then((data) => { }).then((data) => {
if (data) { if (data) {
this.tableData = data.page.records this.tableData = data.page.records
...@@ -162,9 +162,9 @@ export default { ...@@ -162,9 +162,9 @@ export default {
} }
} }
}, },
trigger: 'blur', trigger: 'blur'
}, }
], ]
} }
} else { } else {
this.ruleForm = {} this.ruleForm = {}
...@@ -180,7 +180,7 @@ export default { ...@@ -180,7 +180,7 @@ export default {
this.$http({ this.$http({
url: this.$http.adornUrl(`/sysParams/update`), url: this.$http.adornUrl(`/sysParams/update`),
method: 'post', method: 'post',
data: this.ruleForm, data: this.ruleForm
}).then((data) => { }).then((data) => {
if (data && data.code === 0) { if (data && data.code === 0) {
this.$message({ this.$message({
...@@ -190,7 +190,7 @@ export default { ...@@ -190,7 +190,7 @@ export default {
onClose: () => { onClose: () => {
this.visible = false this.visible = false
this.getDataList() this.getDataList()
}, }
}) })
} else { } else {
this.$message.error(data) this.$message.error(data)
...@@ -221,7 +221,7 @@ export default { ...@@ -221,7 +221,7 @@ export default {
this.$confirm('确认取消?', '参数列表', { this.$confirm('确认取消?', '参数列表', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning'
}) })
.then(() => { .then(() => {
this.closeForm() this.closeForm()
...@@ -229,10 +229,10 @@ export default { ...@@ -229,10 +229,10 @@ export default {
.catch(() => { .catch(() => {
this.$message({ this.$message({
type: 'info', type: 'info',
message: '已取消退出', message: '已取消退出'
}) })
}) })
}, }
}, }
} }
</script> </script>
...@@ -140,7 +140,7 @@ export default { ...@@ -140,7 +140,7 @@ export default {
tierId: '', tierId: '',
tierName: '', tierName: '',
resourceId: '', resourceId: '',
sId: localStorage.getItem('stationId') sId: ''
}, },
currentNode: {}, currentNode: {},
dragAble: false, dragAble: false,
......
This diff is collapsed.
...@@ -146,7 +146,7 @@ export default { ...@@ -146,7 +146,7 @@ export default {
data: { data: {
roleId: checkedRow, roleId: checkedRow,
menuIds: checkedKeys, menuIds: checkedKeys,
stationId: localStorage.getItem('stationId') stationId: ''
} }
}).then((data) => { }).then((data) => {
if (data && data.code === 0) { if (data && data.code === 0) {
...@@ -283,25 +283,25 @@ export default { ...@@ -283,25 +283,25 @@ export default {
url: this.$http.adornUrl(`/sys/role/getRoleList`), url: this.$http.adornUrl(`/sys/role/getRoleList`),
method: 'get', method: 'get',
params: this.$http.adornParams({ params: this.$http.adornParams({
stationId: localStorage.getItem('stationId') stationId: ''
}) })
}) })
.then((data) => { .then((data) => {
if (data && data.code === 0) { if (data && data.code === 0) {
this.tableData = data.list this.tableData = data.list
// let row = this.$refs.roleTable.data[0] // let row = this.$refs.roleTable.data[0]
// this.$refs.roleTable.setCurrentRow(row) // this.$refs.roleTable.setCurrentRow(row)
// this.chooseRole(row) // this.chooseRole(row)
}
this.leftLoading = false
})
.then(() => {
this.$nextTick(() => {
if (this.tableData && this.tableData.length) {
this.chooseRole(this.tableData[0])
} }
this.leftLoading = false
})
.then(() => {
this.$nextTick(() => {
if (this.tableData && this.tableData.length) {
this.chooseRole(this.tableData[0])
}
})
}) })
})
}, },
getMenu() { getMenu() {
this.rightLoading1 = true this.rightLoading1 = true
...@@ -309,7 +309,7 @@ export default { ...@@ -309,7 +309,7 @@ export default {
url: this.$http.adornUrl(`/sys/menu/getMenu`), url: this.$http.adornUrl(`/sys/menu/getMenu`),
method: 'get', method: 'get',
params: this.$http.adornParams({ params: this.$http.adornParams({
stationId: localStorage.getItem('stationId') stationId: ''
}) })
}).then((data) => { }).then((data) => {
if (data && data.code === 0) { if (data && data.code === 0) {
...@@ -439,10 +439,10 @@ export default { ...@@ -439,10 +439,10 @@ export default {
background-color: #f6f7fb; background-color: #f6f7fb;
.active1:after { .active1:after {
background: url("../../../assets/images/active1.png"); background: url('../../../assets/images/active1.png');
background-repeat: no-repeat; background-repeat: no-repeat;
transition: 0.3s; transition: 0.3s;
content: ""; content: '';
display: inline-flex; display: inline-flex;
width: 5px; width: 5px;
height: 10px; height: 10px;
...@@ -452,11 +452,11 @@ export default { ...@@ -452,11 +452,11 @@ export default {
} }
.active2:after { .active2:after {
background: url("../../../assets/images/active1.png"); background: url('../../../assets/images/active1.png');
transform: rotate(90deg); transform: rotate(90deg);
transition: 0.3s; transition: 0.3s;
background-repeat: no-repeat; background-repeat: no-repeat;
content: ""; content: '';
display: inline-flex; display: inline-flex;
width: 10px; width: 10px;
height: 10px; height: 10px;
...@@ -481,7 +481,7 @@ export default { ...@@ -481,7 +481,7 @@ export default {
} }
.div_content { .div_content {
transition: height .3s; transition: height 0.3s;
height: 0; height: 0;
overflow: hidden; overflow: hidden;
...@@ -520,7 +520,6 @@ export default { ...@@ -520,7 +520,6 @@ export default {
} }
} }
} }
} }
} }
</style> </style>
...@@ -53,7 +53,7 @@ export default { ...@@ -53,7 +53,7 @@ export default {
typeId: '', typeId: '',
leftLoading: false, leftLoading: false,
rightLoading: false, rightLoading: false,
stationId: localStorage.getItem('stationId'), stationId: '',
typeData: [], typeData: [],
thresholdData: [], thresholdData: [],
addOrUpdateVisible: false, addOrUpdateVisible: false,
......
...@@ -128,7 +128,7 @@ const frameIn = [ ...@@ -128,7 +128,7 @@ const frameIn = [
{ path: 'room', name: `${pre}room`, component: () => import('@/pages/sys/room'), meta: { ...meta, title: '场景维护' } }, { path: 'room', name: `${pre}room`, component: () => import('@/pages/sys/room'), meta: { ...meta, title: '场景维护' } },
{ path: 'threshold', name: `${pre}threshold`, component: () => import('@/pages/sys/threshold'), meta: { ...meta, title: '阈值维护' } }, { path: 'threshold', name: `${pre}threshold`, component: () => import('@/pages/sys/threshold'), meta: { ...meta, title: '阈值维护' } },
{ path: 'event', name: `${pre}event`, component: () => import('@/pages/sys/event'), meta: { ...meta, title: '报警类型维护' } }, { path: 'event', name: `${pre}event`, component: () => import('@/pages/sys/event'), meta: { ...meta, title: '报警类型维护' } },
{ path: 'datasource', name: `${pre}datasource`, component: () => import('@/pages/sys/datasource'), meta: { ...meta, title: '数据源维护' } }, // { path: 'datasource', name: `${pre}datasource`, component: () => import('@/pages/sys/datasource'), meta: { ...meta, title: '数据源维护' } },
{ path: 'parameter', name: `${pre}parameter`, component: () => import('@/pages/sys/parameter'), meta: { ...meta, title: '系统参数设置' } }, { path: 'parameter', name: `${pre}parameter`, component: () => import('@/pages/sys/parameter'), meta: { ...meta, title: '系统参数设置' } },
{ path: 'code', name: `${pre}code`, component: () => import('@/pages/sys/code'), meta: { ...meta, title: '代码生成' } }, { path: 'code', name: `${pre}code`, component: () => import('@/pages/sys/code'), meta: { ...meta, title: '代码生成' } },
{ path: 'dictionary', name: `${pre}dictionary`, component: () => import('@/pages/sys/dictionary'), meta: { ...meta, title: '数据字典' } } { path: 'dictionary', name: `${pre}dictionary`, component: () => import('@/pages/sys/dictionary'), meta: { ...meta, title: '数据字典' } }
......
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