投资金额

fuliqi

2024-11-28 76fb875dc5aa7ded6d5737c3223951cd11ded366

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

@@ -4,22 +4,24 @@
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item class="item" label="项目名称" label-width="100px" prop="projectName">
            <el-input v-model.trim="projectForm.projectName" class="item" clearable maxlength="255" placeholder="请输入" />
            <el-input v-model.trim="projectForm.projectName" class="item" clearable maxlength="255" placeholder="请输入"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item class="item" label="项目代码" label-width="100px" prop="projectCode">
            <el-input v-model.trim="projectForm.projectCode" class="item" clearable disabled maxlength="255" placeholder="请输入" />
            <el-input v-model.trim="projectForm.projectCode" class="item" clearable disabled maxlength="255"
                      placeholder="请输入"/>
          </el-form-item>
        </el-col>
        <el-col :span="12" style="position: relative">
          <div style="width: 150px; position: absolute;"><img alt="" src="../../../../assets/images/s.png" /></div>
          <div style="width: 150px; position: absolute;"><img alt="" src="../../../../assets/images/s.png"/></div>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item class="item" label="建设内容" label-width="100px" prop="content">
            <el-input v-model.trim="projectForm.content" style="width: 100%;"   clearable maxlength="255" placeholder="请输入" type="textarea" />
            <el-input v-model.trim="projectForm.content" style="width: 100%;" clearable maxlength="255"
                      placeholder="请输入" type="textarea"/>
          </el-form-item>
        </el-col>
      </el-row>
@@ -42,14 +44,15 @@
        </el-col>
        <el-col :span="6">
          <el-form-item label="项目阶段" label-width="100px" prop="fundsType" style="width: 100%">
            <el-input v-model.trim="projectForm.projectPhase" class="item" clearable disabled maxlength="255" placeholder="请输入" />
            <el-input v-model.trim="projectForm.projectPhase" class="item" clearable disabled maxlength="255"
                      placeholder="请输入"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item label="项目类型" label-width="100px" prop="projectType" style="width: 100%">
            <el-select v-model="projectForm.projectType" clearable placeholder="请选择"  style="width: 100%" >
            <el-select v-model="projectForm.projectType" clearable placeholder="请选择" style="width: 100%">
              <el-option v-for="item in dict.type.sys_project_type" :key="item.value" :label="item.label"
                         :value="item.value"/>
            </el-select>
@@ -57,7 +60,7 @@
        </el-col>
        <el-col :span="6">
          <el-form-item label="项目状态" label-width="100px" prop="projectstatus" style="width: 100%">
            <el-select v-model="projectForm.projectStatus"clearable placeholder="请选择" style="width: 100%">
            <el-select v-model="projectForm.projectStatus" clearable placeholder="请选择" style="width: 100%">
              <el-option v-for="item in dict.type.sys_project_status" :key="item.value" :label="item.label"
                         :value="item.value"/>
            </el-select>
@@ -65,28 +68,31 @@
        </el-col>
        <el-col :span="6">
          <el-form-item label="项目业主单位" label-width="100px" prop="projectOwnerUnit" style="width: 100%">
            <el-input v-model.trim="projectForm.projectOwnerUnit" class="item" clearable maxlength="255" placeholder="请输入" />
            <el-input v-model.trim="projectForm.projectOwnerUnit" class="item" clearable maxlength="255"
                      placeholder="请输入"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item label="项目联系人" label-width="100px"  prop="projectContactPerson" style="width: 100%">
            <el-input v-model.trim="projectForm.projectContactPerson" class="item" clearable maxlength="255" placeholder="请输入" />
          <el-form-item label="项目联系人" label-width="100px" prop="projectContactPerson" style="width: 100%">
            <el-input v-model.trim="projectForm.projectContactPerson" class="item" clearable maxlength="255"
                      placeholder="请输入"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="联系方式" label-width="100px" prop="contact" style="width: 100%">
            <el-input v-model.trim="projectForm.contact" class="item" clearable maxlength="255" placeholder="请输入" />
            <el-input v-model.trim="projectForm.contact" class="item" clearable maxlength="255" placeholder="请输入"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <!-- TODO：暂时不做 -->
          <el-form-item label="关联工程" label-width="100px" prop="engineering" style="width: 100%">
            <!--            <el-input v-model.trim="getEngineeringName" class="item" clearable disabled maxlength="255" placeholder="请在工程中选择项目" />-->
            <el-select v-model="projectForm.engineeringIdList" :multiple="true" collapse-tags placeholder="请选择" style="width: 100%">
              <el-option v-for="item in selectOptions" :key="item.id" :label="item.engineeringName" :value="item.id" />
<!--              <RemoteSelect v-if="selectOptions.length" :hasMore="hasMore" :loading="loading" :page="page" @loadMore="handleLoadMore" />-->
            <el-select v-model="projectForm.engineeringIdList" :multiple="true" collapse-tags placeholder="请选择"
                       style="width: 100%">
              <el-option v-for="item in selectOptions" :key="item.id" :label="item.engineeringName" :value="item.id"/>
              <!--              <RemoteSelect v-if="selectOptions.length" :hasMore="hasMore" :loading="loading" :page="page" @loadMore="handleLoadMore" />-->
            </el-select>
          </el-form-item>
        </el-col>
@@ -103,10 +109,10 @@
              collapse-tags
              @change="changeDepartment">
              <el-option
              v-for ="item in approvalList"
              :key="item.id"
              :value="item.id"
              :label="item.value"
                v-for="item in approvalList"
                :key="item.id"
                :value="item.id"
                :label="item.value"
              />
            </el-select>
          </el-form-item>
@@ -118,7 +124,7 @@
              clearable
              placeholder="请选择"
              style="width: 100%"
              >
            >
              <el-option v-for="item in dict.type.sys_administrative_divisions" :key="item.value" :label="item.label"
                         :value="item.value"/>
            </el-select>
@@ -157,8 +163,8 @@
        </el-col>
        <el-col :span="6">
          <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-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>
        </el-col>
        <el-col :span="6">
@@ -191,7 +197,6 @@
                            placeholder="选择时间"
                            style="width: 100%"
                            type="date"
                            @change="chaneStartWork"
                            value-format="yyyy-MM-dd HH:mm:ss"/>
          </el-form-item>
        </el-col>
@@ -208,12 +213,13 @@
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item label="中标单位" label-width="100px" prop="setTime" style="width: 100%">
            <el-input v-model.trim="projectForm.winUnit" class="item" clearable maxlength="255" placeholder="请输入" />
            <el-input v-model.trim="projectForm.winUnit" class="item" clearable maxlength="255" placeholder="请输入"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="中标金额" label-width="100px" style="width: 100%">
            <el-input v-model.trim="projectForm.winAmount" class="item" clearable maxlength="255" placeholder="请输入" type="number" />
            <el-input v-model.trim="projectForm.winAmount" class="item" clearable maxlength="255" placeholder="请输入"
                      type="number"/>
          </el-form-item>
        </el-col>
        <el-col :span="6">
@@ -242,7 +248,8 @@
        </el-col>
        <el-col :span="6">
          <el-form-item label="年度投资金额" label-width="100px" prop="company" style="width: 100%; min-width: 260px">
            <el-input v-model.trim="projectForm.yearInvestAmount" clearable maxlength="255" placeholder="请输入" style="width: 90%" type="number" />
            <el-input v-model.trim="projectForm.yearInvestAmount" clearable maxlength="255" placeholder="请输入"
                      style="width: 90%" type="number"/>
            <span style="margin-left: 2px">元</span>
          </el-form-item>
        </el-col>
@@ -251,9 +258,10 @@
        <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.projectAddress" 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" />
                <img alt="" src="@/assets/images/positionl.png"/>
              </div>
            </div>
          </el-form-item>
@@ -293,12 +301,12 @@
// import { getList } from '@/api/engineeringLibrary/index';
// import RemoteSelect from '@/components/RemoteSelect/index.vue';
import Cookies from "js-cookie";
import { addProject, getProject, updateProject, getProjectCode } from '@/api/projectEngineering/projectInfo';
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'
  ,'sys_administrative_divisions','sys_centralized_management','sys_approval_type','sys_key_categories','sys_annual_plan'],
  dicts: ['sys_funding_type', 'sys_investment_type', 'sys_project_type', 'sys_project_status', 'sys_competent_department'
    , 'sys_administrative_divisions', 'sys_centralized_management', 'sys_approval_type', 'sys_key_categories', 'sys_annual_plan'],
  components: {
    Map,
    // UploadStandard,
@@ -364,18 +372,18 @@
      loading: false,
      hasMore: true,
      selectOptions: [],
      accept: ['pdf', 'docx', 'xlsx', 'jpg','jpeg'],
      accept: ['pdf', 'docx', 'xlsx', 'jpg', 'jpeg'],
      largeCategory: '',
      subclass: '',
      mapCreateInfo: {},
      demoFormRef: null,
      rules: {
        projectName: [{ required: true, message: '请输入项目名称', trigger: 'blur' }]
        projectName: [{required: true, message: '请输入项目名称', trigger: 'blur'}]
      }
    };
  },
  computed: {
    dialogMapList () {
    dialogMapList() {
      return [{
        addr: this.projectForm.projectAddress,
        name: '创建'
@@ -383,15 +391,13 @@
    },
  },
  created() {
    this.projectForm.id = this.$route.query.projectId;
    const projectForm = Cookies.get("projectForm");
    if (projectForm) {
        this.projectForm = JSON.parse(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);
@@ -402,7 +408,7 @@
    }
  },
  beforeDestroy() {
    Cookies.set("projectForm",JSON.stringify(this.projectForm));
    Cookies.set("projectForm", JSON.stringify(this.projectForm));
  },
  methods: {
    getProjectInfo(id) {
@@ -459,7 +465,7 @@
    async loadDataList(newPage) {
      try {
        this.loading = true;
        const res = await getList({ pageNum: newPage, pageSize: 10000 });
        const res = await getList({pageNum: newPage, pageSize: 10000});
        const list = res.rows || [];
        if (newPage === 1) {
          this.selectOptions = [];
@@ -486,7 +492,7 @@
    },
    mapCreateClick() {
      console.log("创建")
      const { lon, lat, addr } = this.mapCreateInfo;
      const {lon, lat, addr} = this.mapCreateInfo;
      if (lon && lat && addr) {
        this.projectForm.longitude = lon;
        this.projectForm.latitude = lat;
@@ -524,10 +530,12 @@
.item {
  width: 100%;
}

.map_div {
  width: 100%;
  height: 643px;
}

.input-row {
  display: flex;
  width: 100%;