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