Skip to content

卡
卡车调度系统
Commit c263695a authored by xxx's avatar xxx
Browse files
Options

1

parent 81c132d2
Hide whitespace changes
Inline Side-by-side
Showing with 27 additions and 111 deletions
src/views/system/dataDictionary/largeScreenMenuDispose/index.vue
View file @ c263695a
......@@ -3,27 +3,21 @@
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>大屏标题配置</h3>
<h3>大屏主标题配置</h3>
<div class="ctin-box">
<div class="content-within">
<div class="content-fix">
<div class="toolbar">
<!-- <el-button size="mini" type="primary" icon="el-icon-plus" @click="toAdd">新增</el-button> -->
</div>
<div class="content">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
<el-table :data="tableData" v-loading="loading" border :row-class-name="tableRowClassName" height="30vh" row-key="id" :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column prop="title" label="标题" align="center"></el-table-column>
<el-table-column prop="componentName" label="组件名称" align="center"></el-table-column>
<el-table-column prop="status" label="状态" align="center" :formatter="statusChange"></el-table-column>
<el-table-column label="操作" align="center" fixed="right">
<el-table-column label="操作" align="center" fixed="right" width="200">
<template slot-scope="scope">
<el-button size="mini" type="primary" icon="el-icon-edit" @click="toEdit(scope.row)"></el-button>
<!-- <el-button size="mini" type="danger" icon="el-icon-delete" @click="toDelete(scope.row)"></el-button> -->
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
</div>
</div>
</div>
......@@ -32,7 +26,7 @@
<!-- 表单渲染 -->
<el-dialog append-to-body :close-on-click-modal="true" :before-close="cancelForm" :visible.sync="form.visible" :title="form.title" width="700px">
<el-form :model="form.item" :rules="rules" ref="form1" :inline="true" size="small" label-width="150px">
<el-form :model="form.item" ref="form1" :inline="true" size="small" label-width="150px">
<el-form-item label="状态" prop="status">
<el-select v-model="form.item.status" placeholder="请选择状态" style="width:280px;">
<el-option label="显示" value="1"></el-option>
......@@ -54,47 +48,43 @@ import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
export default {
name: 'LargeScreenMenuDispose',
components: {},
data() {
return {
//主标题属性
loading: false,
page: 1,
size: 10,
total: 0,
query:{},
alarmTimeId:'',
tableData: [],
form: {
title:'新增菜单配置',
title:'修改菜单配置',
visible:false,
reqType:'add',
reqType:'edit',
status:{cu:0},
item:{},
},
//副标题属性
vice_loading: false,
vice_alarmTimeId:'',
vice_tableData: [],
vice_form: {
title:'修改菜单配置',
visible:false,
reqType:'edit',
status:{cu:0},
item:{},
},
}
},
mounted() {
var that = this;
this.$nextTick(() => {
this.loadData();
})
this.loadData();
},
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
param.page = this.page - 1;
param.size = this.size;
//param.sort = sort;
this.$nextTick(()=>{
HttpReq.truckDispatching.screenTitleMenuQuery(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
this.total = res.data.totalElements;
}
})
//获取大屏顶部大标题
HttpReq.truckDispatching.screenTitleMenuQuery({size:9999}).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
}
})
},
......@@ -105,19 +95,10 @@ export default {
return 'success-row';
}
return '';
},
},
cancelForm(a, b, c){
this.form.visible = false;
},
toAdd() {
// 请除表单验证
this.$refs['form1'] && this.$refs['form1'].clearValidate();
this.form.title = '新增菜单配置';
this.form.status.cu = 0;
this.form.visible = true;
this.form.reqType = 'add';
this.form.item = {};
},
toEdit(item) {
// 请除表单验证
this.$refs['form1'] && this.$refs['form1'].clearValidate();
......@@ -128,64 +109,18 @@ export default {
this.form.reqType = 'edit';
this.alarmTimeId = this.form.item.id;
},
toDelete(item) {
var id = item.id;
this.$confirm('确认删除该条数据吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then((e) => {
this.reqRemoveProject([id])
}).catch((e) => {})
},
pageChange(e) {
this.page = e
this.loadData()
},
sizeChange(e) {
this.page = 1
this.size = e
this.loadData()
},
submitForm(validateName, item){
if(!this.form.status.cu){
this.form.status.cu = 2;
this.$refs[validateName].validate(valid => {
if(valid){
if(this.form.reqType === 'add'){
this.reqAddItem(this.form, item)
}else{
this.reqUpdateItem(this.form, item)
}
this.reqUpdateItem(this.form, item)
}else{
this.form.status.cu = 0
}
});
};
},
//新增菜单配置
reqAddItem(form, item){
let lastData = {...item};
HttpReq.truckDispatching.screenTitleMenuAdd(lastData).then((res) => {
form.visible = false;
if(res.code == 200){
this.$notify({
title: '菜单配置新增成功！',
type: 'success',
duration: 2500
});
this.loadData()
}else{
this.$notify({
title: res.msg,
type: 'error',
duration: 2500
})
}
}).catch(function(error) {
form.status.cu = 0
});
},
//修改菜单配置
reqUpdateItem(form, item){
let lastData = {...item};
......@@ -210,25 +145,6 @@ export default {
form.status.cu = 0
});
},
//删除菜单配置
reqRemoveProject(item){
HttpReq.truckDispatching.screenTitleMenuDel(item).then((res) => {
if(res.status == 400){
this.$notify({
title: res.msg,
type: 'error',
duration: 2500
})
}else{
this.$notify({
title: '删除成功！',
type: 'success',
duration: 2500
});
}
this.loadData();
})
},
//组件状态展示修改
statusChange(row){
return row.status == '1' ? '显示' : '隐藏';
......
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