|
@@ -0,0 +1,390 @@
|
|
|
|
+<template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">
|
|
|
|
+ <div>
|
|
|
|
+ <el-form size="middle" :model="inputForm" ref="inputForm" v-loading="loading" :class="method==='view'?'readonly':''" :disabled="formReadOnly"
|
|
|
|
+ label-width="120px" @submit.native.prevent>
|
|
|
|
+ <el-divider content-position="left"><i class="el-icon-document"></i> 业务提问信息</el-divider>
|
|
|
|
+ <el-row :gutter="15">
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="标题" prop="title"
|
|
|
|
+ :rules="[
|
|
|
|
+ {required: true, message: '标题不能为空', trigger: 'blur'},{required: true, message: '标题不能为空', trigger: 'change'}
|
|
|
|
+ ]">
|
|
|
|
+ <el-input v-model="inputForm.title" placeholder="请填写标题" clearable></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="问题类型" prop="type"
|
|
|
|
+ :rules="[
|
|
|
|
+ {required: true, message: '问题类型不能为空', trigger: 'blur'},{required: true, message: '问题类型不能为空', trigger: 'change'}
|
|
|
|
+ ]">
|
|
|
|
+ <el-select v-model="inputForm.type" placeholder="请选择问题类型" clearable style="width: 100%;">
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in $dictUtils.getDictList('question_type')"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.label"
|
|
|
|
+ :value="item.value">
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+<!-- 项目名称-->
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="所属项目" prop="programName"
|
|
|
|
+ :rules="[
|
|
|
|
+ ]">
|
|
|
|
+ <el-input @focus="openProgramPageForm()" v-model="inputForm.programName" placeholder="请选择项目" clearable></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+<!-- 选择审核人 多选-->
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="问题处理人员" prop="disposeBy"
|
|
|
|
+ :rules="[{required: true, message: '问题处理人员不能为空', trigger: 'blur'},{required: true, message: '问题处理人员不能为空', trigger: 'change'}]"
|
|
|
|
+ >
|
|
|
|
+ <UserSelect size="medium" :disabled="formReadOnly" :readonly="true" :limit='10' :value="inputForm.disposeBy" @getValue='(value) => {inputForm.disposeBy = value}'></UserSelect>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="期望完成时间" prop="expectFinishDate"
|
|
|
|
+ :rules="[
|
|
|
|
+ ]">
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="inputForm.expectFinishDate"
|
|
|
|
+ type="date"
|
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
|
+ placeholder="选择期望完成时间"
|
|
|
|
+ style="width:100%"
|
|
|
|
+ placement="bottom-start"
|
|
|
|
+ clearable>
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <el-form-item label="问题内容" prop="content"
|
|
|
|
+ >
|
|
|
|
+ <WangEditor ref="contentEditor" v-model="inputForm.content"/>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ </el-form>
|
|
|
|
+ <!-- 附件-->
|
|
|
|
+ <UpLoadComponent ref="uploadComponent"></UpLoadComponent>
|
|
|
|
+ <ProgramPageForm ref="programPageForm" @getProgram="getProgram"></ProgramPageForm>
|
|
|
|
+ </div>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+ import UpLoadComponent from '@/views/common/UpLoadComponent'
|
|
|
|
+ import SelectUserTree from '@/views/modules/utils/treeUserSelect'
|
|
|
|
+ import SelectTree from '@/components/treeSelect/treeSelect.vue'
|
|
|
|
+ import UserSelect from '@/components/userSelect'
|
|
|
|
+ import KlgBaseQuestionsService from '@/api/klgBase/questions/KlgBaseQuestionsService'
|
|
|
|
+ import ProgramPageForm from '@/views/modules/finance/invoice/ProgramPageForm'
|
|
|
|
+ import WangEditor from '@/components/editor/WangEditor'
|
|
|
|
+ export default {
|
|
|
|
+ props: {
|
|
|
|
+ businessId: {
|
|
|
|
+ type: String,
|
|
|
|
+ default: ''
|
|
|
|
+ },
|
|
|
|
+ formReadOnly: {
|
|
|
|
+ type: Boolean,
|
|
|
|
+ default: false
|
|
|
|
+ },
|
|
|
|
+ status: {
|
|
|
|
+ type: String,
|
|
|
|
+ default: ''
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ data () {
|
|
|
|
+ return {
|
|
|
|
+ title: '',
|
|
|
|
+ method: '',
|
|
|
|
+ loading: false,
|
|
|
|
+ inputForm: {
|
|
|
|
+ title: '',
|
|
|
|
+ type: '',
|
|
|
|
+ programId: '',
|
|
|
|
+ programName: '',
|
|
|
|
+ disposeBy: '',
|
|
|
|
+ expectFinishDate: '',
|
|
|
|
+ content: '',
|
|
|
|
+ status: '',
|
|
|
|
+ procInsId: '',
|
|
|
|
+ processDefinitionId: '',
|
|
|
|
+ klgBaseDisposeDTOList: [],
|
|
|
|
+ klgBaseReplyDTOList: [],
|
|
|
|
+ workAttachmentDtoList: []
|
|
|
|
+ },
|
|
|
|
+ keyWatch: ''
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ klgBaseQuestionsService: null,
|
|
|
|
+ created () {
|
|
|
|
+ this.klgBaseQuestionsService = new KlgBaseQuestionsService()
|
|
|
|
+ },
|
|
|
|
+ computed: {
|
|
|
|
+ bus: {
|
|
|
|
+ get () {
|
|
|
|
+ this.$refs.uploadComponent.setDividerName('附件')
|
|
|
|
+ this.$refs.contentEditor.clear()
|
|
|
|
+ return this.businessId
|
|
|
|
+ },
|
|
|
|
+ set (val) {
|
|
|
|
+ this.businessId = val
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ watch: {
|
|
|
|
+ 'keyWatch': {
|
|
|
|
+ handler (newVal) {
|
|
|
|
+ if (this.bus) {
|
|
|
|
+ if (this.bus !== 'false') {
|
|
|
|
+ this.init('', this.bus)
|
|
|
|
+ }
|
|
|
|
+ } else {
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
+ this.$refs.inputForm.resetFields()
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ components: {
|
|
|
|
+ SelectUserTree,
|
|
|
|
+ UpLoadComponent,
|
|
|
|
+ SelectTree,
|
|
|
|
+ UserSelect,
|
|
|
|
+ ProgramPageForm,
|
|
|
|
+ WangEditor
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ getKeyWatch (keyWatch) {
|
|
|
|
+ this.keyWatch = keyWatch
|
|
|
|
+ },
|
|
|
|
+ init (method, id) {
|
|
|
|
+ this.klgBaseQuestionsService = new KlgBaseQuestionsService()
|
|
|
|
+ this.method = method
|
|
|
|
+ this.inputForm = {
|
|
|
|
+ title: '',
|
|
|
|
+ type: '',
|
|
|
|
+ programId: '',
|
|
|
|
+ programName: '',
|
|
|
|
+ disposeBy: '',
|
|
|
|
+ expectFinishDate: '',
|
|
|
|
+ content: '',
|
|
|
|
+ status: '',
|
|
|
|
+ procInsId: '',
|
|
|
|
+ processDefinitionId: '',
|
|
|
|
+ klgBaseDisposeDTOList: [],
|
|
|
|
+ klgBaseReplyDTOList: [],
|
|
|
|
+ workAttachmentDtoList: []
|
|
|
|
+ }
|
|
|
|
+ this.inputForm.id = id
|
|
|
|
+ this.loading = false
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
+ this.$refs.inputForm.resetFields()
|
|
|
|
+ this.loading = true
|
|
|
|
+ this.klgBaseQuestionsService.queryById(this.inputForm.id).then(({data}) => {
|
|
|
|
+ this.$refs.contentEditor.clear()
|
|
|
|
+ if (this.commonJS.isNotEmpty(this.inputForm.status) && this.inputForm.status !== '1') {
|
|
|
|
+ this.$refs.contentEditor.disable()
|
|
|
|
+ }
|
|
|
|
+ this.$refs.uploadComponent.clearUpload()
|
|
|
|
+ this.inputForm = this.recover(this.inputForm, data)
|
|
|
|
+ this.inputForm = JSON.parse(JSON.stringify(this.inputForm))
|
|
|
|
+ if (this.commonJS.isNotEmpty(this.inputForm.content)) {
|
|
|
|
+ this.$refs.contentEditor.init(this.inputForm.content)
|
|
|
|
+ }
|
|
|
|
+ if (this.commonJS.isEmpty(this.inputForm.workAttachmentDtoList)) {
|
|
|
|
+ this.inputForm.workAttachmentDtoList = []
|
|
|
|
+ }
|
|
|
|
+ if (this.formReadOnly === true && this.status === 'taskFormDetail') {
|
|
|
|
+ this.$refs.uploadComponent.newUpload('view', this.inputForm.workAttachmentDtoList, 'klg_questions')
|
|
|
|
+ } else if (this.formReadOnly === true && this.status === 'audit') {
|
|
|
|
+ this.$refs.uploadComponent.newUpload('view', this.inputForm.workAttachmentDtoList, 'klg_questions', null, null, true, JSON.parse(localStorage.getItem('user')).name)
|
|
|
|
+ } else if (this.formReadOnly === true && this.status !== 'audit' && this.status !== 'taskFormDetail') {
|
|
|
|
+ this.$refs.uploadComponent.newUpload('view', this.inputForm.workAttachmentDtoList, 'klg_questions')
|
|
|
|
+ } else {
|
|
|
|
+ this.$refs.uploadComponent.newUpload('view', this.inputForm.workAttachmentDtoList, 'klg_questions', null, null, true, JSON.parse(localStorage.getItem('user')).name)
|
|
|
|
+ }
|
|
|
|
+ this.loading = false
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ saveForm (callback) {
|
|
|
|
+ this.doSubmit('save', callback)
|
|
|
|
+ },
|
|
|
|
+ startForm (callback) {
|
|
|
|
+ this.doSubmit('start', callback)
|
|
|
|
+ },
|
|
|
|
+ async agreeForm (callback) {
|
|
|
|
+ await this.klgBaseQuestionsService.queryById(this.inputForm.id).then(({data}) => {
|
|
|
|
+ if (data.status !== '2' || this.inputForm.procInsId !== data.procInsId) { // status的值不等于“审核中”,或者“procInsId”已经改变,就弹出提示
|
|
|
|
+ this.$message.error('任务数据已发生改变或不存在,请在待办任务中确认此任务是否存在')
|
|
|
|
+ this.err = true
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ if (this.err === true) {
|
|
|
|
+ this.err = ''
|
|
|
|
+ throw new Error()
|
|
|
|
+ } else {
|
|
|
|
+ await this.doSubmit('agree', callback)
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ // 表单提交
|
|
|
|
+ doSubmit (status, callback) {
|
|
|
|
+ if (status === 'save') {
|
|
|
|
+ // 暂存
|
|
|
|
+ this.inputForm.status = '1'
|
|
|
|
+ this.loading = true
|
|
|
|
+ if (this.$refs.uploadComponent.checkProgress()) {
|
|
|
|
+ this.loading = false
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ this.inputForm.workAttachmentDtoList = this.$refs.uploadComponent.getDataList()
|
|
|
|
+ if (this.commonJS.isNotEmpty(this.inputForm.disposeBy)) {
|
|
|
|
+ this.inputForm.klgBaseDisposeDTOList = []
|
|
|
|
+ this.inputForm.disposeBy.split(',').forEach(item => {
|
|
|
|
+ let i = {disposeBy: item, questionId: this.inputForm.id}
|
|
|
|
+ this.inputForm.klgBaseDisposeDTOList.push(i)
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ this.inputForm.klgBaseDisposeDTOList = []
|
|
|
|
+ }
|
|
|
|
+ this.klgBaseQuestionsService.saveForm(this.inputForm).then(({data}) => {
|
|
|
|
+ this.inputForm.assignee = this.inputForm.disposeBy
|
|
|
|
+ callback(data.businessTable, data.businessId, this.inputForm)
|
|
|
|
+ this.loading = false
|
|
|
|
+ }).catch(() => {
|
|
|
|
+ this.loading = false
|
|
|
|
+ })
|
|
|
|
+ return
|
|
|
|
+ } else if (status === 'start') {
|
|
|
|
+ // 送审 待审核
|
|
|
|
+ this.inputForm.status = '2'
|
|
|
|
+ } else if (status === 'agree') {
|
|
|
|
+ // 审核同意
|
|
|
|
+ this.inputForm.status = '5'
|
|
|
|
+ }
|
|
|
|
+ this.$refs['inputForm'].validate((valid) => {
|
|
|
|
+ if (valid) {
|
|
|
|
+ this.loading = true
|
|
|
|
+ if (this.$refs.uploadComponent.checkProgress()) {
|
|
|
|
+ this.loading = false
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ this.inputForm.workAttachmentDtoList = this.$refs.uploadComponent.getDataList()
|
|
|
|
+ if (this.commonJS.isNotEmpty(this.inputForm.disposeBy)) {
|
|
|
|
+ this.inputForm.klgBaseDisposeDTOList = []
|
|
|
|
+ this.inputForm.disposeBy.split(',').forEach(item => {
|
|
|
|
+ let i = {disposeBy: item, questionId: this.inputForm.id}
|
|
|
|
+ this.inputForm.klgBaseDisposeDTOList.push(i)
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ this.inputForm.klgBaseDisposeDTOList = []
|
|
|
|
+ }
|
|
|
|
+ this.klgBaseQuestionsService.saveForm(this.inputForm).then(({data}) => {
|
|
|
|
+ this.inputForm.assignee = this.inputForm.disposeBy
|
|
|
|
+ callback(data.businessTable, data.businessId, this.inputForm)
|
|
|
|
+ this.loading = false
|
|
|
|
+ }).catch(() => {
|
|
|
|
+ this.loading = false
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ async updateStatusById (type) {
|
|
|
|
+ if (await this.$refs.uploadComponent.checkProgress()) {
|
|
|
|
+ this.loading = false
|
|
|
|
+ throw new Error()
|
|
|
|
+ }
|
|
|
|
+ await this.klgBaseQuestionsService.queryById(this.inputForm.id).then(({data}) => {
|
|
|
|
+ if (data.status !== '2' || this.inputForm.procInsId !== data.procInsId) { // status的值不等于“审核中”,或者“procInsId”已经改变,就弹出提示
|
|
|
|
+ this.$message.error('任务数据已发生改变或不存在,请在待办任务中确认此任务是否存在')
|
|
|
|
+ this.err = true
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ if (this.err === true) {
|
|
|
|
+ this.err = ''
|
|
|
|
+ throw new Error()
|
|
|
|
+ } else {
|
|
|
|
+ // if (type === 'agree') {
|
|
|
|
+ // // 同意
|
|
|
|
+ // this.inputForm.status = '5'
|
|
|
|
+ // }
|
|
|
|
+ if (type === 'reject') {
|
|
|
|
+ // 驳回
|
|
|
|
+ this.loading = true
|
|
|
|
+ if (this.$refs.uploadComponent.checkProgress()) {
|
|
|
|
+ this.loading = false
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ this.inputForm.workAttachmentDtoList = this.$refs.uploadComponent.getDataList()
|
|
|
|
+ if (this.commonJS.isNotEmpty(this.inputForm.disposeBy)) {
|
|
|
|
+ this.inputForm.klgBaseDisposeDTOList = []
|
|
|
|
+ this.inputForm.disposeBy.split(',').forEach(item => {
|
|
|
|
+ let i = {disposeBy: item, questionId: this.inputForm.id}
|
|
|
|
+ this.inputForm.klgBaseDisposeDTOList.push(i)
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ this.inputForm.klgBaseDisposeDTOList = []
|
|
|
|
+ }
|
|
|
|
+ this.klgBaseQuestionsService.saveForm(this.inputForm).then(({data}) => {
|
|
|
|
+ this.loading = false
|
|
|
|
+ }).catch(() => {
|
|
|
|
+ this.loading = false
|
|
|
|
+ })
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (type === 'reback') {
|
|
|
|
+ // 撤回
|
|
|
|
+ let param = {status: '3', id: this.inputForm.id}
|
|
|
|
+ this.klgBaseQuestionsService.updateStatusById(param)
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ close () {
|
|
|
|
+ this.inputForm = {
|
|
|
|
+ title: '',
|
|
|
|
+ type: '',
|
|
|
|
+ programId: '',
|
|
|
|
+ programName: '',
|
|
|
|
+ disposeBy: '',
|
|
|
|
+ expectFinishDate: '',
|
|
|
|
+ content: '',
|
|
|
|
+ status: '',
|
|
|
|
+ procInsId: '',
|
|
|
|
+ processDefinitionId: '',
|
|
|
|
+ klgBaseDisposeDTOList: [],
|
|
|
|
+ klgBaseReplyDTOList: [],
|
|
|
|
+ workAttachmentDtoList: []
|
|
|
|
+ }
|
|
|
|
+ this.$refs.uploadComponent.clearUpload()
|
|
|
|
+ this.$refs.inputForm.resetFields()
|
|
|
|
+ },
|
|
|
|
+ openProgramPageForm () {
|
|
|
|
+ this.$refs.programPageForm.init('1', false)
|
|
|
|
+ },
|
|
|
|
+ getProgram (rows) {
|
|
|
|
+ if (this.commonJS.isNotEmpty(rows)) {
|
|
|
|
+ this.inputForm.programId = rows[0].id // 项目id
|
|
|
|
+ this.inputForm.programName = rows[0].name // 项目名称
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+</script>
|
|
|
|
+<style scoped>
|
|
|
|
+ /deep/ .el-input-number .el-input__inner {
|
|
|
|
+ text-align: left;
|
|
|
|
+ }
|
|
|
|
+ /deep/ .w-e-text-container {
|
|
|
|
+ z-index: 1 !important;
|
|
|
|
+ }
|
|
|
|
+ /deep/ .w-e-menu {
|
|
|
|
+ z-index: 1 !important;
|
|
|
|
+ }
|
|
|
|
+ /deep/ .wtext {
|
|
|
|
+ height: 200px
|
|
|
|
+ }
|
|
|
|
+</style>
|