7 changed files with 581 additions and 13 deletions
-
101src/views/modules/taskmanage/alltasklist.vue
-
30src/views/modules/taskmanage/chat-history.vue
-
85src/views/modules/taskmanage/mysendtasklist.vue
-
85src/views/modules/taskmanage/mytasklist.vue
-
248src/views/modules/taskmanage/taskType_add.vue
-
1src/views/modules/taskmanage/tasklist-add-or-update.vue
-
44src/views/modules/taskmanage/tasklist.vue
@ -0,0 +1,248 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<el-dialog v-drag |
||||
|
title="任务类型清单" |
||||
|
:close-on-click-modal="false" |
||||
|
width="455px" |
||||
|
:visible.sync="visible"> |
||||
|
<el-form :inline="false" label-position="top" |
||||
|
label-width="80px" > |
||||
|
<el-button type="primary" @click="addModel()">{{'新增'}}</el-button> |
||||
|
<el-row style="margin-top: 0px"> |
||||
|
<el-table |
||||
|
:height="height" |
||||
|
:data="dataList" |
||||
|
border |
||||
|
ref="mainTable" |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnList" :key="index" |
||||
|
:sortable="item.columnSortable" |
||||
|
:prop="item.columnProp" |
||||
|
:header-align="item.headerAlign" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:align="item.align" |
||||
|
:fixed="item.fixed==''?false:item.fixed" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span> |
||||
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
||||
|
style="width: 100px; height: 80px"/></span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="120" |
||||
|
fixed="right" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a type="text" size="small" @click="updateTypeModel(scope.row)">修改</a> |
||||
|
<a type="text" size="small" @click="deleteType(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-row> |
||||
|
|
||||
|
</el-form> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="visible = false">关闭</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<el-dialog title="类型维护" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="200px"> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;" @submit.native.prevent> |
||||
|
<el-form-item :label="'任务类型：'"> |
||||
|
<el-input v-model="dataForm.taskType" style="width: 130px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'排序序号：'"> |
||||
|
<el-input v-model="dataForm.order" style="width: 130px" type="number" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 30px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveData()">保存</el-button> |
||||
|
<el-button type="primary" @click="modalFlag = false">取消</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import {getTaskTypeList,saveTaskType, deleteTaskType,updateTaskType} from '@/api/taskmanage/tasklist.js' |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
dataListLoading: false, |
||||
|
visible: false, |
||||
|
height: 300, |
||||
|
modalFlag:false, |
||||
|
// 展示列集 |
||||
|
columnList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 103001, |
||||
|
serialNumber: '103001Table1Order', |
||||
|
tableId: '103001Table1', |
||||
|
tableName: '测试信息表', |
||||
|
columnProp: 'order', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '序号', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 60 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 103001, |
||||
|
serialNumber: '103001Table1TaskType', |
||||
|
tableId: '103001Table1', |
||||
|
tableName: '测试信息表', |
||||
|
columnProp: 'taskType', |
||||
|
headerAlign: 'center', |
||||
|
align: 'center', |
||||
|
columnLabel: '任务类型', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120 |
||||
|
}, |
||||
|
|
||||
|
], |
||||
|
userList: [], |
||||
|
dataListSelections: [], |
||||
|
dataForm: { |
||||
|
id: 0, |
||||
|
order: '', |
||||
|
taskType: '', |
||||
|
|
||||
|
}, |
||||
|
taskTypeList:[], |
||||
|
dataList:[], |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
getTaskTypeList() { |
||||
|
getTaskTypeList({}).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.dataList = data.rows |
||||
|
} else { |
||||
|
this.dataList = [] |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
addModel(){ |
||||
|
this.dataForm={ |
||||
|
id: null, |
||||
|
order: null, |
||||
|
taskType: '', |
||||
|
} |
||||
|
this.modalFlag=true |
||||
|
}, |
||||
|
updateTypeModel(row){ |
||||
|
this.dataForm={ |
||||
|
id: row.id, |
||||
|
order: row.order, |
||||
|
taskType: row.taskType, |
||||
|
} |
||||
|
this.modalFlag=true |
||||
|
}, |
||||
|
saveData(){ |
||||
|
if(this.dataForm.order==null||this.dataForm.order===''){ |
||||
|
this.$alert('请填写序号！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if(this.dataForm.taskType==null||this.dataForm.taskType===''){ |
||||
|
this.$alert('请填写类型！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
|
||||
|
if(this.dataForm.id==null){ |
||||
|
this.saveTaskType() |
||||
|
}else { |
||||
|
this.updateTaskType() |
||||
|
} |
||||
|
}, |
||||
|
saveTaskType(){ |
||||
|
this.$confirm("是否保存信息？", '保存提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
}).then(() => { |
||||
|
saveTaskType(this.dataForm).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.$message.success( '操作成功') |
||||
|
this.getTaskTypeList() |
||||
|
this.modalFlag=false |
||||
|
} else { |
||||
|
this.$message.error(data.msg) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
return |
||||
|
}) |
||||
|
}, |
||||
|
updateTaskType(){ |
||||
|
this.$confirm("是否保存信息？", '保存提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
}).then(() => { |
||||
|
updateTaskType(this.dataForm).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.$message.success( '操作成功') |
||||
|
this.getTaskTypeList() |
||||
|
this.modalFlag=false |
||||
|
} else { |
||||
|
this.$message.error(data.msg) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
return |
||||
|
}) |
||||
|
}, |
||||
|
deleteType(row){ |
||||
|
this.$confirm("是否删除信息？", '保存提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
}).then(() => { |
||||
|
deleteTaskType(row).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.$message.success( '操作成功') |
||||
|
this.getTaskTypeList() |
||||
|
} else { |
||||
|
this.$message.error(data.msg) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
return |
||||
|
}) |
||||
|
}, |
||||
|
init(){ |
||||
|
this.getTaskTypeList(); |
||||
|
this.visible=true |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
created() { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue