项目新增修改后关闭当前标签

fuliqi

2025-02-19 98807ef72ab512f867da14386e8fb680c6ad701f

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

@@ -9,12 +9,23 @@
        </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"
            <el-input v-model.trim="projectForm.projectCode" class="item" clearable 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: 100%; height: 100%; position: absolute;">
            <el-form-item class="item" label="赋码" label-width="50px" prop="coding">
              <template slot-scope="scope">
                <!--                <div class="yellow-dot" v-if="scope.row.coding === 'yellow'"></div>-->
                <!--                <div class="green-dot" v-if="scope.row.coding === 'green'"></div>-->
                <!--                <div class="red-dot" v-if="scope.row.coding === 'red'"></div>-->
                <div class="red-dot"></div>
                <tag-list></tag-list>
              </template>
            </el-form-item>
            <!--            <img alt="" src="../../../../assets/images/s.png"/>-->
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="20">
@@ -43,10 +54,10 @@
          </el-form-item>
        </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-form-item>
<!--          <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-form-item>-->
        </el-col>
      </el-row>
      <el-row :gutter="20">
@@ -60,18 +71,24 @@
        </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="请选择" @change="handleProjectStatusChange" 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>
          </el-form-item>
        </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-form-item>
        <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-form-item>
        </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-form-item>-->
<!--        </el-col>-->
      </el-row>
      <el-row :gutter="20">
        <el-col :span="6">
@@ -209,28 +226,50 @@
          </el-form-item>
        </el-col>
      </el-row>
      <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-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-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="中标时间" label-width="100px" style="width: 100%">
            <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>
      <div style="width: 100%;position: relative;border: 1px solid #d7d7d7;margin-bottom: 15px;padding: 4px;min-height: 45px">
        <div style="font-size: small;margin-bottom: 5px">中标单位：</div>
        <div>
          <el-row :gutter="20" v-for="(winUnit,index) in projectForm.winUnitList" :key="'zb' + index">
            <el-col :span="4">
              <el-form-item label="单位名称" label-width="100px" prop="setTime" style="width: 100%">
                <el-input v-model.trim="winUnit.winUnit" class="item" clearable maxlength="255" placeholder="请输入"/>
              </el-form-item>
            </el-col>
            <el-col :span="4">
              <el-form-item label="中标金额" label-width="100px" style="width: 100%">
                <el-input v-model.trim="winUnit.winAmount" class="item" clearable maxlength="255" placeholder="请输入"
                          type="number"/>
              </el-form-item>
            </el-col>
            <el-col :span="4">
              <el-form-item label="中标时间" label-width="100px" style="width: 100%">
                <el-date-picker v-model="winUnit.winTime"
                                placeholder="选择时间"
                                style="width: 100%"
                                type="date"
                                value-format="yyyy-MM-dd HH:mm:ss"/>
              </el-form-item>
            </el-col>
            <el-col :span="4">
              <el-form-item label="单位联系人" label-width="100px" style="width: 100%">
                <el-input v-model.trim="winUnit.contacts" class="item" clearable maxlength="20" placeholder="请输入"/>
              </el-form-item>
            </el-col>
            <el-col :span="4">
              <el-form-item label="联系电话" label-width="100px" style="width: 100%">
                <el-input v-model.trim="winUnit.phone" class="item" clearable maxlength="20" placeholder="请输入"/>
              </el-form-item>
            </el-col>
            <el-col :span="1">
              <el-button type="danger" icon="el-icon-delete" v-show="projectForm.winUnitList.length > 1" @click="removeWinUnit(index)" circle></el-button>
            </el-col>
          </el-row>
        </div>
        <div style="position: absolute; top: 2px; right: 2px">
          <el-button type="primary" @click="addWinUnit" icon="el-icon-plus"></el-button>
        </div>
      </div>

      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item label="年度投资计划" label-width="100px" prop="year" style="width: 100%">
@@ -250,6 +289,19 @@
            <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>
        <el-col :span="6">
          <el-form-item label="建设性质" label-width="100px" prop="constructionNature" style="width: 100%; min-width: 260px">
            <el-select
              v-model="projectForm.constructionNature"
              clearable
              placeholder="请选择"
              style="width: 100%"
            >
              <el-option v-for="item in dict.type.construction_nature" :key="item.value" :label="item.label"
                         :value="item.value"/>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
@@ -294,6 +346,7 @@
<script>
// import Upload from '@element-plus/icons-vue/dist/Upload.vue';
import Map from '@/views/components/Map/index.vue';
import TagList from "./TagList.vue";
// import MapMouseEvent  from '@/views/components/Map/types';
// import UploadStandard from '@/components/uploadStandard.vue';
// import { usePlanLibrary } from '@/hooks/detailsInformation';
@@ -304,10 +357,12 @@
import {approvalList} from "@/api/system/dept";

export default {
  name: 'BasicInfo',
  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'],
    , 'sys_administrative_divisions', 'sys_centralized_management', 'sys_approval_type', 'sys_key_categories', 'sys_annual_plan', 'construction_nature'],
  components: {
    Map,
    TagList,
    // UploadStandard,
    // RemoteSelect
  },
@@ -328,7 +383,7 @@
        projectName: '',
        projectCode: '',
        projectType: '',
        projectStatus: 'working',
        projectStatus: 'pendding',
        fundType: '',
        investType: '',
        importanceType: '',
@@ -347,14 +402,19 @@
        setTime: '',
        assignmentStatus: '',
        area: '',
        winTime: '',
        winUnit: '',
        winAmount: '',
        winUnitList: [{
          winUnit: '',
          winTime: null,
          winAmount: '',
          contacts: '',
          phone: ''
        }],
        projectAddress: '',
        engineeringIdList: [],
        content: '',
        constructionNature: '',
        contact: '',
        projectOwnerUnit: '',
        projectOwnerUnit: null,
        planStartTime: '',
        planCompleteTime: '',
        projectContactPerson: '',
@@ -364,6 +424,7 @@
        yearInvestAmount: '',
        competentDepartmentList: [],
        managementCentralizationList: [],
        remark: ''
      },
      subclass: '',
      largeCategory: '',
@@ -407,20 +468,43 @@
      if (this.projectForm.id) {
        this.getProjectInfo(this.projectForm.id);
      } else {
        this.getProjectCodeApi();
        // this.getProjectCodeApi();
        this.$emit('updateIsShow', true);
      }
      // this.handleLoadMore(1);
    }
  },
  beforeDestroy() {
    localStorage.setItem("projectForm", JSON.stringify(this.projectForm));
    // localStorage.setItem("projectForm", JSON.stringify(this.projectForm));
  },
  methods: {
    addWinUnit() {
      this.projectForm.winUnitList.push({
        winUnit: '',
        winTime: null,
        winAmount: '',
        contacts: '',
        phone: ''
      })
    },
    removeWinUnit(index) {
      this.projectForm.winUnitList.splice(index, 1)
    },
    handleProjectStatusChange(value) {
      // 根据选中的 projectStatus 修改 anotherField 的值
      if (value === 'working' || value === 'stop') {
        this.projectForm.projectPhase = '实施阶段';
      } else if (value === 'finish') {
        this.projectForm.projectPhase = '竣工投用阶段';
      } else if (value === 'pendding') {
        this.projectForm.projectPhase = '储备规划阶段';
      }
    },
    getProjectInfo(id) {
      getProject(id).then(res => {
        this.projectForm = res.data;
        this.$emit('updateIsShow', true);

      });
    },
    getApprovalList() {
@@ -428,9 +512,10 @@
        this.approvalList = res.data;
      });
    },
    submit() {
    submit(usedStatus) {
      this.$refs["projectForm"].validate(valid => {
        if (valid) {
          this.projectForm.usedStatus = usedStatus;
          if (this.projectForm.id) {
            updateProject(this.projectForm).then(response => {
              this.$modal.msgSuccess("修改成功");
@@ -530,6 +615,7 @@
            this.largeCategory = labels.join(',');
          }
        }, 1000);
        this.$emit('basicInfoForm', newVal)
      },
      deep: true
    }
@@ -570,4 +656,28 @@
    width: 20px;
  }
}

.yellow-dot {
  width: 10px; /* 圆点的宽度 */
  height: 10px; /* 圆点的高度 */
  background-color: yellow; /* 圆点的颜色 */
  border-radius: 50%; /* 使元素变成圆形 */
  display: inline-block; /* 确保元素可以和其他内联元素一起显示 */
}

.red-dot {
  width: 10px; /* 圆点的宽度 */
  height: 10px; /* 圆点的高度 */
  background-color: red; /* 圆点的颜色 */
  border-radius: 50%; /* 使元素变成圆形 */
  display: inline-block; /* 确保元素可以和其他内联元素一起显示 */
}

.green-dot {
  width: 10px; /* 圆点的宽度 */
  height: 10px; /* 圆点的高度 */
  background-color: green; /* 圆点的颜色 */
  border-radius: 50%; /* 使元素变成圆形 */
  display: inline-block; /* 确保元素可以和其他内联元素一起显示 */
}
</style>