diff --git a/src/pages/processCenter/pages/creatProcess/qbzxdlx/step1.vue b/src/pages/processCenter/pages/creatProcess/qbzxdlx/step1.vue index 56a377757..f18eee83f 100644 --- a/src/pages/processCenter/pages/creatProcess/qbzxdlx/step1.vue +++ b/src/pages/processCenter/pages/creatProcess/qbzxdlx/step1.vue @@ -50,7 +50,7 @@
- 新增 + 新增 上传 模板下载 删除 @@ -65,14 +65,19 @@ @selection-change="selectedDelete" :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', fontWeight: 'bold', height: '20px'}"> - - - - - + + + + + + + + @@ -98,7 +103,6 @@ @@ -117,7 +121,7 @@

责任人

- +
@@ -130,18 +134,53 @@ - - - - - - + + + + + + + + + + + + + + + + + + + + + +
取消 @@ -172,7 +211,7 @@ import ProcessHeader from '../../components/ProcessHeader' import ProcessFooter from '../../components/ProcessFooter' import ProcessTitle from '../../components/ProcessTitle' -import {completeTask, saveTaskFirst, taskDel, processBack, queryTaskFirst } from '@/api/process.js' +import {completeTask, saveTaskFirst, taskDel, processBack, queryTaskFirst} from '@/api/process.js' export default { components: { @@ -193,8 +232,8 @@ export default { qblxRule: {}, roleForm: { - startUser: '', - startUserName: '', + startUserName: this.$store.getters.userInfo.userName, + startUser: this.$store.getters.userInfo.userId, dockUser: '', dockUserName: '', }, @@ -205,16 +244,21 @@ export default { fillFileList: [], // 新增弹框 + qblxTitle: '', + btnType: '', qblxModel: false, addQblxData: { esName: '', dutyUnit: '', + dutyPeopleId: '', dutyPeople: '', firstDraftTime: '', planTime: '', endTime: '', }, - addRule: {}, + addRule: { + dutyPeople: [{required: true, message: '请选择责任人', trigger: ['blur', 'change']}] + }, isSubmit: false, saveLoading: false, @@ -225,6 +269,15 @@ export default { taskID: '', bpnId: '', + + // 表格勾选数据储存 + deleteDataList: [], + // 设置当前日期之前不可选择 + datePicker: { + disabledDate(date) { + return date.getTime() < Date.now() - 24 * 60 * 60 * 1000 + } + } } }, @@ -315,7 +368,8 @@ export default { }, // 表格勾选事件 - selectedDelete() { + selectedDelete(val) { + this.deleteDataList = val }, // 流程阶段负责人选择 @@ -323,24 +377,90 @@ export default { this.nodeList = [] this.nodeList.push(id) this.type = type - this.drawerTitle = title this.modalshowflag = true }, // 选人组件确认 drawerCheck(data) { - this.roleForm.dockUser = data[0].id - this.roleForm.dockUserName = data[0].name + this.addQblxData.dutyPeopleId = data[0].id + this.addQblxData.dutyPeople = data[0].name this.modalshowflag = false }, /** 新增按钮 */ - addQblx() { + addQblx(type,title) { + this.btnType = type + this.qblxTitle = title this.qblxModel = true }, // 抽屉确认按钮 - OkDrawer() {}, + OkDrawer() { + this.$refs['addQblxData'].validate((valid) => { + if (valid) { + if (this.btnType === 'add') { + this.qblx_pageData.qblxData.push(this.addQblxData) + } + this.addQblxData = {} + this.qblxModel = false + } + }) + }, // 抽屉取消按钮 - closeDrawer() {}, + closeDrawer() { + if (this.btnType === 'edit') { + let Items = JSON.parse(localStorage.getItem('obj')) + this.addQblxData.esName = Items.esName + this.addQblxData.dutyUnit = Items.dutyUnit + this.addQblxData.dutyPeopleId = Items.dutyPeopleId + this.addQblxData.dutyPeople = Items.dutyPeople + this.addQblxData.firstDraftTime = Items.firstDraftTime + this.addQblxData.planTime = Items.planTime + this.addQblxData.endTime = Items.endTime + } else { + this.addQblxData = {} + } + this.qblxModel = false + }, + + editRow(type,title,val) { + this.btnType = type + this.qblxTitle = title + localStorage.setItem('obj', JSON.stringify(val)) + this.addQblxData = val + this.qblxModel = true + }, + /** 删除按钮*/ + delQblx() { + if (this.deleteDataList.length < 1) { + this.$message.warning("请选择一条数据进行删除"); + } else { + this.$confirm("您确认删除这些数据?", "提示", { + confirmButtonText: "确认", + confirmButtonClass: "common-button-primary", + cancelButtonText: "取消", + type: "warning" + }).then(() => { + let exits = []; + this.deleteDataList.map(item => { + let index; + index = this.qblx_pageData.qblxData.findIndex(items => { + return items === item; + }); + if (index > -1) { + this.qblx_pageData.qblxData.splice(index, 1); + } + exits.push(item); + }); + this.deleteDataList = []; + }).catch(() => { + }); + } + }, + + /** 数据上传到列表 */ + uploadQblx() {}, + + /** 模板下载 */ + qblxTemplate() {}, // 保存按钮 handleSave() { this.saveLoading = true @@ -368,7 +488,6 @@ export default { let json = { prcCreateUser: this.$store.getters.userInfo.userId, prcCreateUserName: this.$store.getters.userInfo.userName, - roleForm: this.roleForm, qblx_pageData: this.qblx_pageData, commentText: this.commentText } @@ -386,23 +505,37 @@ export default { processBack(paramsInfo).then(res => { this.taskID = res.data const params = new FormData(); - params.set('json', JSON.stringify(json)) - params.set('userId', this.$store.getters.userInfo.userId) - params.set('taskId', this.taskID) - completeTask(params).then(res => { - if (res.success === true) { - this.$message.success('提交成功') - if (this.bpnId !== '') { - let taskId = { - id: this.bpnId - } - taskDel(taskId).then(res => { - return res - }) - } - this.$router.push("/processCenter"); + this.qblx_pageData.qblxData.forEach((item, index) => { + let newJson = { + prcCreateUser: this.$store.getters.userInfo.userId, + prcCreateUserName: this.$store.getters.userInfo.userName, + qblx_pageData: { + projectTarget: this.qblx_pageData.projectTarget, + qblxFile: this.qblx_pageData.qblxFile, + qblxData: item, + }, + commentText: this.commentText } - this.isSubmit = false + params.set('json', JSON.stringify(newJson)) + params.set('userId', this.$store.getters.userInfo.userId) + params.set('taskId', this.taskID) + completeTask(params).then(res => { + if (res.success === true) { + if (index === this.qblx_pageData.qblxData.length) { + this.$message.success('提交成功') + if (this.bpnId !== '') { + let taskId = { + id: this.bpnId + } + taskDel(taskId).then(res => { + return res + }) + } + this.$router.push("/processCenter"); + } + } + this.isSubmit = false + }) }) }) } else { @@ -425,10 +558,11 @@ export default { position: relative; height: 100%; - /deep/.el-upload-list__item-name { + /deep/ .el-upload-list__item-name { margin-left: 48px; } - /deep/.el-upload-list { + + /deep/ .el-upload-list { width: 50%; margin-bottom: 10px; } @@ -500,10 +634,23 @@ export default { /deep/ .el-textarea__inner { font-family: inherit; } + /deep/ .el-table th { padding: 0px; } } + + .picker_style { + margin-left: 10px; + margin-bottom: 0; + min-height: 50px; + line-height: 50px; + border-bottom: 1px dashed #e5e5e5; + /deep/.el-input__inner{ + border: 0; + } + } + } diff --git a/src/pages/processCenter/pages/creatProcess/qbzxdlx/step2.vue b/src/pages/processCenter/pages/creatProcess/qbzxdlx/step2.vue index 0f498ab5b..9383de57d 100644 --- a/src/pages/processCenter/pages/creatProcess/qbzxdlx/step2.vue +++ b/src/pages/processCenter/pages/creatProcess/qbzxdlx/step2.vue @@ -1,12 +1,12 @@