|
|
@@ -0,0 +1,316 @@
|
|
|
+<template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">
|
|
|
+ <div>
|
|
|
+ <el-dialog
|
|
|
+ :title="title"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ v-dialogDrag
|
|
|
+ width="1200px"
|
|
|
+ @close="close"
|
|
|
+ @keyup.enter.native=""
|
|
|
+ append-to-body
|
|
|
+ :visible.sync="visible">
|
|
|
+ <el-form size="middle" :model="inputForm" ref="inputForm" v-loading="loading" :class="method==='view'?'readonly':''" :disabled="true"
|
|
|
+ label-width="125px" @submit.native.prevent>
|
|
|
+ <el-row :gutter="15">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="项目名称" prop="programProjectListInfo.name"
|
|
|
+ >
|
|
|
+ <el-input size="medium" :disabled="true" v-model="inputForm.programProjectListInfo.name" placeholder="请输入项目名称" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="评估基准日" prop="programProjectListInfo.assessmentDate"
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
+ :disabled="true"
|
|
|
+ v-model="inputForm.programProjectListInfo.assessmentDate"
|
|
|
+ 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="12">
|
|
|
+ <el-form-item label="专业评估人员" prop="auditPeopleList"
|
|
|
+ :rules="[{required: true, message: '专业评估人员不能为空', trigger: 'blur'},{required: true, message: '专业评估人员不能为空', trigger: 'change'}]"
|
|
|
+ >
|
|
|
+ <UserSelect size="medium" :disabled="true" :readonly="true" :limit='10' :value="inputForm.auditPeopleList" @getValue='(value) => {inputForm.auditPeopleList = value}'></UserSelect>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="项目负责人" prop="programProjectListInfo.projectManager"
|
|
|
+ >
|
|
|
+ <SelectUserTree
|
|
|
+ ref="companyTree"
|
|
|
+ size="medium"
|
|
|
+ :props="{
|
|
|
+ value: 'id', // ID字段名
|
|
|
+ label: 'name', // 显示名称
|
|
|
+ children: 'children' // 子级字段名
|
|
|
+ }"
|
|
|
+ :url="`/sys/user/treeUserDataAllOffice?type=2`"
|
|
|
+ :value="inputForm.programProjectListInfo.projectManager"
|
|
|
+ :disabled="true"
|
|
|
+ :clearable="true"
|
|
|
+ :accordion="true"
|
|
|
+ @getValue="(value) => {inputForm.programProjectListInfo.projectManager=value}"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="15">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="选择项目审核人" prop="auditPeople"
|
|
|
+ :rules="[{required: true, message: '审批人不能为空', trigger: 'blur'},{required: true, message: '审批人不能为空', trigger: 'change'}]"
|
|
|
+ >
|
|
|
+ <UserSelect size="medium" :disabled="true" :readonly="true" :limit='1' :value="inputForm.auditPeople" @getValue='(value) => {inputForm.auditPeople = value}'></UserSelect>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-divider content-position="left"><i class="el-icon-document"></i> 审核意见及回复</el-divider>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="明细表" prop="detailOpinion"
|
|
|
+ >
|
|
|
+ <!-- <el-input type="textarea" style="width:100%" maxlength="1000" v-model="inputForm.detailOpinion" placeholder="请填写明细表" ></el-input>-->
|
|
|
+ <WangEditor ref="contents1Editor" v-model="inputForm.detailOpinion"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="评估报告" prop="reportOpinion"
|
|
|
+ >
|
|
|
+ <!-- <el-input type="textarea" style="width:100%" maxlength="1000" v-model="inputForm.reportOpinion" placeholder="请填写评估报告" ></el-input>-->
|
|
|
+ <WangEditor ref="contents2Editor" v-model="inputForm.reportOpinion"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="技术说明" prop="remarksOpinion"
|
|
|
+ >
|
|
|
+ <!-- <el-input type="textarea" style="width:100%" maxlength="1000" v-model="inputForm.remarksOpinion" placeholder="请填写技术说明" ></el-input>-->
|
|
|
+ <WangEditor ref="contents3Editor" v-model="inputForm.remarksOpinion"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="工作底稿" prop="workOpinion"
|
|
|
+ >
|
|
|
+ <!-- <el-input type="textarea" style="width:100%" maxlength="1000" v-model="inputForm.workOpinion" placeholder="请填写工作底稿" ></el-input>-->
|
|
|
+ <WangEditor ref="contents4Editor" v-model="inputForm.workOpinion"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-form size="middle" :model="inputForm" ref="inputForm" v-loading="loading" :class="method==='view'?'readonly':''"
|
|
|
+ label-width="125px" @submit.native.prevent>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="执行人员保留意见" prop="retainOpinion"
|
|
|
+ :rules="[
|
|
|
+ ]">
|
|
|
+ <el-input type="textarea" :rows="5" maxlength="500" v-model="inputForm.retainOpinion" placeholder="请填写执行人员保留意见" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="审核人员审核未修改意见" prop="changeOpinion"
|
|
|
+ :rules="[
|
|
|
+ ]">
|
|
|
+ <el-input type="textarea" :rows="5" maxlength="500" v-model="inputForm.changeOpinion" placeholder="请填写审核人员审核未修改意见" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-form>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ <!-- 附件-->
|
|
|
+ <UpLoadComponent ref="uploadComponent"></UpLoadComponent>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="close()" icon="el-icon-circle-close">关闭</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import UpLoadComponent from '@/views/common/UpLoadComponent'
|
|
|
+ import UserSelect from '@/components/userSelect'
|
|
|
+ import SelectUserTree from '@/views/modules/utils/treeUserSelect'
|
|
|
+ import RosterSelectForm from '@/views/common/RosterSelectForm'
|
|
|
+ import ProgramProjectListInfoService from '@/api/program/ProgramProjectListInfoService'
|
|
|
+ import WangEditor from '@/components/editor/WangEditorNoMenu'
|
|
|
+ export default {
|
|
|
+ props: {
|
|
|
+ },
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ title: '',
|
|
|
+ method: '',
|
|
|
+ visible: false,
|
|
|
+ loading: false,
|
|
|
+ inputForm: {
|
|
|
+ id: '',
|
|
|
+ remarks: '',
|
|
|
+ programId: '',
|
|
|
+ auditLevel: '',
|
|
|
+ auditPeople: '',
|
|
|
+ auditDate: '',
|
|
|
+ retainOpinion: '',
|
|
|
+ changeOpinion: '',
|
|
|
+ detailOpinion: '',
|
|
|
+ reportOpinion: '',
|
|
|
+ remarksOpinion: '',
|
|
|
+ workOpinion: '',
|
|
|
+ procInsId: '',
|
|
|
+ processDefinitionId: '',
|
|
|
+ status: '',
|
|
|
+ programProjectListInfo: {},
|
|
|
+ programAuditAssessPeopleDtoList: [],
|
|
|
+ workAttachmentDtoList: [],
|
|
|
+ auditPeopleList: ''
|
|
|
+ },
|
|
|
+ programId: '',
|
|
|
+ supervisorList: [],
|
|
|
+ keyWatch: '',
|
|
|
+ tabName: ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ programProjectListInfoService: null,
|
|
|
+ created () {
|
|
|
+ this.programProjectListInfoService = new ProgramProjectListInfoService()
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ 'loading': {
|
|
|
+ handler (newVal) {
|
|
|
+ // this.$emit('changeLoading', newVal)
|
|
|
+ this.$refs.uploadComponent.changeLoading(newVal)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ UpLoadComponent,
|
|
|
+ RosterSelectForm,
|
|
|
+ UserSelect,
|
|
|
+ WangEditor,
|
|
|
+ SelectUserTree
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init (programId, auditLevel) {
|
|
|
+ if (auditLevel === '1') {
|
|
|
+ this.title = '一级校审详情'
|
|
|
+ } else if (auditLevel === '2') {
|
|
|
+ this.title = '二级校审详情'
|
|
|
+ } else {
|
|
|
+ this.title = '校审详情'
|
|
|
+ }
|
|
|
+ this.inputForm = {
|
|
|
+ id: '',
|
|
|
+ remarks: '',
|
|
|
+ programId: '',
|
|
|
+ auditLevel: '',
|
|
|
+ auditPeople: '',
|
|
|
+ auditDate: '',
|
|
|
+ retainOpinion: '',
|
|
|
+ changeOpinion: '',
|
|
|
+ detailOpinion: '',
|
|
|
+ reportOpinion: '',
|
|
|
+ remarksOpinion: '',
|
|
|
+ workOpinion: '',
|
|
|
+ procInsId: '',
|
|
|
+ processDefinitionId: '',
|
|
|
+ status: '',
|
|
|
+ programProjectListInfo: {
|
|
|
+ id: ''
|
|
|
+ },
|
|
|
+ programAuditAssessPeopleDtoList: [],
|
|
|
+ workAttachmentDtoList: [],
|
|
|
+ auditPeopleList: ''
|
|
|
+ }
|
|
|
+ this.visible = true
|
|
|
+ this.loading = false
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.inputForm.resetFields()
|
|
|
+ this.loading = true
|
|
|
+ this.programProjectListInfoService.findByProIdAndLevel(programId, auditLevel).then(({data}) => {
|
|
|
+ this.$refs.uploadComponent.clearUpload()
|
|
|
+ this.inputForm = this.recover(this.inputForm, data)
|
|
|
+ this.inputForm = JSON.parse(JSON.stringify(this.inputForm))
|
|
|
+ this.$refs.contents1Editor.clear()
|
|
|
+ this.$refs.contents2Editor.clear()
|
|
|
+ this.$refs.contents3Editor.clear()
|
|
|
+ this.$refs.contents4Editor.clear()
|
|
|
+ this.$refs.uploadComponent.clearUpload()
|
|
|
+ if (this.commonJS.isNotEmpty(this.inputForm.detailOpinion)) {
|
|
|
+ this.$refs.contents1Editor.init(this.inputForm.detailOpinion)
|
|
|
+ }
|
|
|
+ if (this.commonJS.isNotEmpty(this.inputForm.reportOpinion)) {
|
|
|
+ this.$refs.contents2Editor.init(this.inputForm.reportOpinion)
|
|
|
+ }
|
|
|
+ if (this.commonJS.isNotEmpty(this.inputForm.remarksOpinion)) {
|
|
|
+ this.$refs.contents3Editor.init(this.inputForm.remarksOpinion)
|
|
|
+ }
|
|
|
+ if (this.commonJS.isNotEmpty(this.inputForm.workOpinion)) {
|
|
|
+ this.$refs.contents4Editor.init(this.inputForm.workOpinion)
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.commonJS.isEmpty(this.inputForm.workAttachmentDtoList)) {
|
|
|
+ this.inputForm.workAttachmentDtoList = []
|
|
|
+ }
|
|
|
+ if (this.commonJS.isNotEmpty(this.inputForm.programAuditAssessPeopleDtoList)) {
|
|
|
+ let p = ''
|
|
|
+ this.inputForm.programAuditAssessPeopleDtoList.forEach((item, index) => {
|
|
|
+ if (this.inputForm.programAuditAssessPeopleDtoList.length === parseInt(parseInt(index) + parseInt(1))) {
|
|
|
+ p = p + item.assessPeople
|
|
|
+ } else {
|
|
|
+ p = p + item.assessPeople + ','
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.inputForm.auditPeopleList = p
|
|
|
+ } else {
|
|
|
+ this.inputForm.auditPeopleList = ''
|
|
|
+ }
|
|
|
+ this.$refs.uploadComponent.newUpload('view', this.inputForm.workAttachmentDtoList, 'program_audit')
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ close () {
|
|
|
+ this.$refs.uploadComponent.clearUpload()
|
|
|
+ this.inputForm = {
|
|
|
+ id: '',
|
|
|
+ remarks: '',
|
|
|
+ programId: '',
|
|
|
+ auditLevel: '',
|
|
|
+ auditPeople: '',
|
|
|
+ auditDate: '',
|
|
|
+ retainOpinion: '',
|
|
|
+ changeOpinion: '',
|
|
|
+ detailOpinion: '',
|
|
|
+ reportOpinion: '',
|
|
|
+ remarksOpinion: '',
|
|
|
+ workOpinion: '',
|
|
|
+ procInsId: '',
|
|
|
+ processDefinitionId: '',
|
|
|
+ status: '',
|
|
|
+ programProjectListInfo: {},
|
|
|
+ programAuditAssessPeopleDtoList: [],
|
|
|
+ workAttachmentDtoList: []
|
|
|
+ }
|
|
|
+ this.$refs.inputForm.resetFields()
|
|
|
+ this.visible = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<style scoped>
|
|
|
+ /deep/ .w-e-text-container {
|
|
|
+ z-index: 1 !important;
|
|
|
+ }
|
|
|
+ /deep/ .wtext {
|
|
|
+ height: 200px
|
|
|
+ }
|
|
|
+ .el-divider__text {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+</style>
|
lizhenhao