| | |
| | | <template> |
| | | <div> |
| | | <el-card class="card-container"> |
| | | <div class="flex-container mb-4"> |
| | | <el-tabs v-model="currentTab" @tab-click="handleClick" v-show="isShow"> |
| | |
| | | :disabled="disabled" |
| | | @toNext="changeTable" |
| | | @updateIsShow="updateIsShow" |
| | | @basicInfoForm="basicInfoForm" |
| | | @investInfoForm="investInfoForm" |
| | | @investmentFundsForm="investmentFundsForm" |
| | | @legalPersonForm="legalPersonForm" |
| | | @policyInfoForm="policyInfoForm" |
| | | @documentsInfoForm="documentsInfoForm" |
| | | :isShow="isShow" |
| | | class="full-width custom-height" |
| | | /> |
| | | <div v-if="!disabled" class="button-container"> |
| | | <div v-if="audit" class="button-container"> |
| | | <el-button |
| | | v-if="componentName.name == 'BasicInfo'" |
| | | class="save-button" |
| | | type="primary" |
| | | @click="submit(0)" |
| | | @click="saveProject(2)" |
| | | >通过</el-button> |
| | | <el-button |
| | | class="save-button" |
| | | type="danger" |
| | | @click="showDialog" |
| | | >驳回</el-button> |
| | | </div> |
| | | |
| | | <div v-if="!disabled" class="button-container"> |
| | | <el-button |
| | | class="save-button" |
| | | type="primary" |
| | | @click="saveProject(0)" |
| | | >草稿</el-button |
| | | > |
| | | <el-button class="save-button" type="primary" @click="submit(1)" |
| | | >保存</el-button |
| | | > |
| | | <!-- <el-button class="save-button" type="primary" @click="submit(1)"--> |
| | | <!-- >保存</el-button>--> |
| | | <el-button class="save-button" type="primary" @click="saveProject(1)" |
| | | >保存</el-button> |
| | | <el-button class="reset-button" @click="reset">重置</el-button> |
| | | <!-- <el-button v-else class="cancel-button" @click="cancel">取消</el-button> --> |
| | | </div> |
| | | </el-card> |
| | | <el-dialog :visible.sync="remarkShow" width="1000px" title="驳回信息" append-to-body> |
| | | <el-form ref="form" label-width="80px"> |
| | | <el-form-item label="驳回原因"> |
| | | <el-input type="textarea" v-model="remark"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="cancelAuditing">取 消</el-button> |
| | | <el-button type="primary" @click="submitAuditing">确 定</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | import LegalPerson from "@/views/projectEngineering/projectLibrary/component/legalPerson"; |
| | | import PolicyInfo from "@/views/projectEngineering/projectLibrary/component/PolicyInfo"; |
| | | import DocumentsInfo from "@/views/projectEngineering/projectLibrary/component/DocumentsInfo"; |
| | | import { editProject } from "@/api/projectEngineering/projectInfo"; |
| | | |
| | | export default { |
| | | name: "ProjectDetails", |
| | |
| | | isShow: false, |
| | | currentTab: "项目管理基础信息", |
| | | disabled: false, |
| | | remarkShow: false, |
| | | audit: false, |
| | | remark: '', |
| | | projectForm: {}, |
| | | componentName: BasicInfo, |
| | | projectId: null, |
| | | TABS_DATA: [ |
| | | { |
| | | label: "项目管理基础信息", |
| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | showDialog(){ |
| | | this.remark = null; |
| | | this.remarkShow = true; |
| | | }, |
| | | cancelAuditing(){ |
| | | this.remark = null; |
| | | this.remarkShow = false; |
| | | }, |
| | | submitAuditing(){ |
| | | this.projectForm.projectInfoForm.remark = this.remark |
| | | this.saveProject(3) |
| | | this.remark = null |
| | | this.remarkShow = false; |
| | | }, |
| | | updateIsShow(newValue) { |
| | | this.isShow = newValue; |
| | | }, |
| | | basicInfoForm(data) { |
| | | this.projectForm.projectInfoForm = data; |
| | | this.projectId = data.id; |
| | | this.audit = this.$route.query.audit == 1 && this.projectForm.projectInfoForm.auditRole; |
| | | }, |
| | | investInfoForm(data) { |
| | | this.projectForm.projectInvestmentInfoForm = data; |
| | | this.projectForm.projectInvestmentInfoForm.projectId = this.projectId; |
| | | }, |
| | | investmentFundsForm(data) { |
| | | this.projectForm.projectInvestmentFundingForm = data; |
| | | this.projectForm.projectInvestmentFundingForm.projectId = this.projectId; |
| | | }, |
| | | documentsInfoForm(data){ |
| | | this.projectForm.documentInfoForm = data; |
| | | this.projectForm.documentInfoForm.projectId = this.projectId; |
| | | }, |
| | | legalPersonForm(data) { |
| | | this.projectForm.projectUnitRegistrationInfoForm = data; |
| | | this.projectForm.projectUnitRegistrationInfoForm.projectId = this.projectId; |
| | | }, |
| | | policyInfoForm(data) { |
| | | this.projectForm.projectInvestmentPolicyComplianceForm = data; |
| | | this.projectForm.projectInvestmentPolicyComplianceForm.projectId = this.projectId; |
| | | }, |
| | | handleClick(tabTarget) { |
| | | this.componentName = this.TABS_DATA[tabTarget.index].componentName; |
| | | |
| | | }, |
| | | changeTable(index) { |
| | | this.componentName = this.TABS_DATA[index].componentName; |
| | |
| | | reset() { |
| | | this.$refs.childRef.reset(); |
| | | }, |
| | | saveProject(num) { |
| | | this.projectForm.projectInfoForm.usedStatus = num; |
| | | editProject(this.projectForm).then((res) => { |
| | | this.$message.success("操作成功"); |
| | | }) |
| | | this.$router.push('/projectEngineering/project/projectLibrary') |
| | | } |
| | | }, |
| | | mounted() { |
| | | if (this.$route.query.disabled) { |