项目基本信息、投资基本信息

fuliqi

2024-11-28 0ead7315c0e6076aded0dac7a6ff0b89c632287b

 src/views/projectEngineering/projectLibrary/component/BasicInfo.vue

@@ -1,6 +1,6 @@
<template>
  <div class="basic-info">
    <el-form ref="demoFormRef" :disabled="disabled" :model="projectForm" :rules="rules" class="dialog_form">
    <el-form ref="projectForm" :disabled="disabled" :model="projectForm" :rules="rules" class="dialog_form">
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item class="item" label="项目名称" label-width="100px" prop="projectName">
@@ -102,8 +102,12 @@
              style="width: 100%"
              collapse-tags
              @change="changeDepartment">
              <el-option v-for="item in dict.type.sys_competent_department" :key="item.value" :label="item.label"
                         :value="item.value"/>
              <el-option
              v-for ="item in approvalList"
              :key="item.id"
              :value="item.id"
              :label="item.value"
              />
            </el-select>
          </el-form-item>
        </el-col>
@@ -152,7 +156,7 @@
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="按目录" label-width="100px" style="width: 100%">
          <el-form-item label="投资类别" label-width="100px" style="width: 100%">
            <el-input v-model="largeCategory" clearable disabled placeholder="请选择大类" style="width: 49%" />
            <el-input v-model="subclass" clearable disabled placeholder="请选择小类" style="width: 49%;margin-left: 2%" />
          </el-form-item>
@@ -174,17 +178,30 @@
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item label="立项时间" label-width="100px" prop="setTime" style="width: 100%">
            <el-date-picker v-model="setTime" placeholder="选择时间" style="width: 100%" type="date" @change="chaneApproval" />
            <el-date-picker v-model="projectForm.createProjectTime"
                            placeholder="选择时间"
                            style="width: 100%"
                            type="date"
                            value-format="yyyy-MM-dd HH:mm:ss"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="计划开工时间" label-width="100px" style="width: 100%">
            <el-date-picker v-model="planStartTime" placeholder="选择时间" style="width: 100%" type="date" @change="chaneStartWork" />
            <el-date-picker v-model="projectForm.planStartTime "
                            placeholder="选择时间"
                            style="width: 100%"
                            type="date"
                            @change="chaneStartWork"
                            value-format="yyyy-MM-dd HH:mm:ss"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="计划竣工时间" label-width="100px" style="width: 100%">
            <el-date-picker v-model="planCompleteTime" placeholder="选择时间" style="width: 100%" type="date" @change="chaneCompleted" />
            <el-date-picker v-model="projectForm.planCompleteTime "
                            placeholder="选择时间"
                            style="width: 100%"
                            type="date"
                            value-format="yyyy-MM-dd HH:mm:ss"/>
          </el-form-item>
        </el-col>
      </el-row>
@@ -201,7 +218,11 @@
        </el-col>
        <el-col :span="6">
          <el-form-item label="中标时间" label-width="100px" style="width: 100%">
            <el-date-picker v-model="winTime" placeholder="选择时间" style="width: 100%" type="date" @change="chaneWinTime" />
            <el-date-picker v-model="projectForm.winTime"
                            placeholder="选择时间"
                            style="width: 100%"
                            type="date"
                            value-format="yyyy-MM-dd HH:mm:ss"/>
          </el-form-item>
        </el-col>
      </el-row>
@@ -230,7 +251,7 @@
        <el-col :span="18">
          <el-form-item label="项目地址:" label-width="100px" prop="medicalAddr" style="width: 100%">
            <div class="input-row">
              <el-input v-model.trim="projectForm.address" class="input-item" disabled maxlength="255" placeholder="请输入"></el-input>
              <el-input v-model.trim="projectForm.projectAddress" class="input-item" disabled maxlength="255" placeholder="请输入"></el-input>
              <div v-if="!disabled" class="map-btn" @click="dialogMap = true">
                <img alt="" src="@/assets/images/positionl.png" />
              </div>
@@ -241,7 +262,7 @@
      <el-row :gutter="0">
        <el-col :span="18">
          <el-form-item label="审批计划书:" label-width="100px" prop="medicalAddr" style="width: 100%">
            <file-upload v-model="projectList"
            <file-upload v-model="projectForm.fileList"
                         :fileType="accept"
                         :isShowTip="false"/>
          </el-form-item>
@@ -271,7 +292,9 @@
// import { usePlanLibrary } from '@/hooks/detailsInformation';
// import { getList } from '@/api/engineeringLibrary/index';
// import RemoteSelect from '@/components/RemoteSelect/index.vue';
import { formatDate } from '@/utils';
import Cookies from "js-cookie";
import { addProject, getProject, updateProject, getProjectCode } from '@/api/projectEngineering/projectInfo';
import {approvalList} from "@/api/system/dept";

export default {
  dicts: ['sys_funding_type', 'sys_investment_type', 'sys_project_type', 'sys_project_status','sys_competent_department'
@@ -290,6 +313,7 @@
  data() {
    return {
      projectForm: {
        id: '',
        projectName: '',
        projectCode: '',
        projectType: '',
@@ -315,7 +339,7 @@
        winTime: '',
        winUnit: '',
        winAmount: '',
        address: '',
        projectAddress: '',
        engineeringIdList: [],
        content: '',
        contact: '',
@@ -323,19 +347,18 @@
        planStartTime: '',
        planCompleteTime: '',
        projectContactPerson: '',
        fileIdList: [],
        sysOssVos: [],
        fileList: [],
        engineeringInfos: [],
        year: '',
        yearInvestAmount: '',
        competentDepartmentList: [],
        managementCentralizationList: []
      },
      approvalList: [],
      setTime: '',
      planStartTime: '',
      planCompleteTime: '',
      winTime: '',
      projectList: [],
      dialogMap: false,
      page: 1,
      loading: false,
@@ -354,41 +377,84 @@
  computed: {
    dialogMapList () {
      return [{
        addr: this.projectForm.address,
        addr: this.projectForm.projectAddress,
        name: '创建'
      }];
    },
  },
  created() {
    this.handleLoadMore(1);
    const projectForm = Cookies.get("projectForm");
    if (projectForm) {
        this.projectForm = JSON.parse(projectForm);
    } else {
      //初始化主管部门下拉框
      this.getApprovalList();
      if(this.$route.query.projectId) {
        this.projectForm.id = this.$route.query.projectId;
      }
      // 在组件创建时获取项目信息，如果 projectId 存在
      if (this.projectForm.id) {
        this.getProjectInfo(this.projectForm.id);
      } else {
        this.getProjectCodeApi();
      }
      // this.handleLoadMore(1);
    }
  },
  beforeDestroy() {
    Cookies.set("projectForm",JSON.stringify(this.projectForm));
  },
  methods: {
    getProjectInfo(id) {
      getProject(id).then(res => {
        this.projectForm = res.data;
      });
    },
    getApprovalList() {
      approvalList().then(res => {
        this.approvalList = res.data;
      });
    },
    submit() {
      this.$refs["projectForm"].validate(valid => {
        if (valid) {
          if (this.projectForm.id != null) {
            updateProject(this.projectForm).then(response => {
              this.$modal.msgSuccess("修改成功");
              //跳转到下个组件
              this.$emit('toNext', 1);
            });
          } else {
            addProject(this.projectForm).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.projectForm.id = response.data
              //跳转到下个组件
              this.$emit('toNext', 1);
            });
          }
        }
      });
    },
    getProjectCodeApi() {
      getProjectCode().then(res => {
        this.projectForm.projectCode = res.data;
      });
    },
    changeDepartment(val) {
      if (!val.length) {
        this.largeCategory = '';
        return;
      }
      const labels = this.sysDepartment.filter(item => val.includes(item.value)).map(item => item.label);
      const labels = this.approvalList.filter(item => val.includes(item.id)).map(item => item.value);
      this.largeCategory = labels.join(',');
    },
    changePutUnder(val) {
      // 同 changeDepartment 方法
    },
    chaneApproval(val) {
      if (!val) return;
      this.projectForm.setTime = formatDate(val);
    },
    chaneCompleted(val) {
      if (!val) return;
      this.projectForm.planCompleteTime = formatDate(val);
    },
    chaneWinTime(val) {
      if (!val) return;
      this.projectForm.winTime = formatDate(val);
    },
    chaneStartWork(val) {
      if (!val) return;
      this.projectForm.planStartTime = formatDate(val);
      if (!val.length) {
        this.subclass = '';
        return;
      }
      const labels = this.dict.type.sys_centralized_management.filter(item => val.includes(item.value)).map(item => item.label);
      this.subclass = labels.join(',');
    },
    async loadDataList(newPage) {
      try {
@@ -424,29 +490,19 @@
      if (lon && lat && addr) {
        this.projectForm.longitude = lon;
        this.projectForm.latitude = lat;
        this.projectForm.address = addr;
        this.projectForm.projectAddress = addr;
        this.$message.success('获取地址成功');
        this.dialogMap = false;
      } else {
        this.$message.error('获取坐标失败');
      }
    },
    handleRemove(file) {
      if (file) {
        this.projectForm.fileIdList = this.projectList.map(item => item.fileId);
        localStorage.setItem('projectList', JSON.stringify(file));
      }
    },
    handleAdd(file) {
      if (file) {
        localStorage.setItem('projectList', JSON.stringify(file));
      }
    }

  },
  watch: {
    'projectForm.managementCentralizationList'(val) {
      if (val) {
        const labels = this.sysCentralizedManagement
        const labels = this.dict.type.sys_centralized_management
          .filter(item => val.includes(item.value))
          .map(item => item.label);
        this.subclass = labels.join(',');
@@ -454,20 +510,12 @@
    },
    'projectForm.competentDepartmentList'(val) {
      if (val) {
        const labels = this.sysDepartment
          .filter(item => val.includes(item.value))
          .map(item => item.label);
        const labels = this.approvalList
          .filter(item => val.includes(item.id))
          .map(item => item.value);
        this.largeCategory = labels.join(',');
      }
    },
    projectList: {
      handler(val) {
        if (val) {
          this.projectForm.fileIdList = val.map(item => item.fileId);
        }
      },
      deep: true
    }
  }
};
</script>