样式

xiangpei

2025-02-19 0dace92d5801bfac77eedc09598c84fbd4f9df3d

样式

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

@@ -1,6 +1,9 @@
<template>
  <div class="basic-info">
    <el-form ref="projectForm" :disabled="disabled" :model="projectForm" :rules="rules" class="dialog_form">
      <div class="label">
        <div style="font-size: small;margin-bottom: 10px">基础信息：</div>
        <div>
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item class="item" label="项目名称" label-width="100px" prop="projectName">
@@ -53,11 +56,21 @@
            </el-select>
          </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-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-col>
      </el-row>
      <el-row :gutter="20">
@@ -226,8 +239,10 @@
          </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>
      </div>
      <div class="label">
        <div style="font-size: small;margin-bottom: 10px">中标单位：</div>
        <div>
          <el-row :gutter="20" v-for="(winUnit,index) in projectForm.winUnitList" :key="'zb' + index">
            <el-col :span="4">
@@ -265,16 +280,19 @@
            </el-col>
          </el-row>
        </div>
        <div style="position: absolute; top: 2px; right: 2px">
        <div style="position: absolute; top: 0px; right: 0px">
          <el-button type="primary" @click="addWinUnit" icon="el-icon-plus"></el-button>
        </div>
      </div>

      <el-row :gutter="20">
      <div class="label">
        <div style="font-size: small;margin-bottom: 10px">年度投资计划：</div>
        <div>
          <el-row :gutter="20" v-for="(yearPlan,index) in projectForm.yearPlanList" :key="'year' + index">
        <el-col :span="6">
          <el-form-item label="年度投资计划" label-width="100px" prop="year" style="width: 100%">
              <el-form-item label="年度" label-width="100px" prop="year" style="width: 100%">
            <el-select
              v-model="projectForm.year"
                  v-model="yearPlan.year"
              clearable
              placeholder="请选择"
              style="width: 100%"
@@ -286,25 +304,26 @@
        </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="请输入"
                <el-input v-model.trim="yearPlan.yearTotalMoney" 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-col :span="10">
              <el-form-item label="工程形象进度" label-width="100px" style="width: 100%">
                <el-input v-model.trim="yearPlan.projectImageProgress" class="item" clearable maxlength="255" placeholder="请输入" type="textarea"/>
          </el-form-item>
        </el-col>
            <el-col :span="1">
              <el-button type="danger" icon="el-icon-delete" v-show="projectForm.yearPlanList.length > 1" @click="removeYearPlan(index)" circle></el-button>
            </el-col>
      </el-row>
        </div>
        <div style="position: absolute; top: 0px; right: 0px">
          <el-button type="primary" @click="addYearPlan" icon="el-icon-plus"></el-button>
        </div>
      </div>

      <el-row :gutter="0">
        <el-col :span="18">
          <el-form-item label="项目地址:" label-width="100px" prop="medicalAddr" style="width: 100%">
@@ -409,6 +428,11 @@
          contacts: '',
          phone: ''
        }],
        yearPlanList: [{
          year: '',
          yearTotalMoney: null,
          projectImageProgress: '',
        }],
        projectAddress: '',
        engineeringIdList: [],
        content: '',
@@ -420,8 +444,6 @@
        projectContactPerson: '',
        fileList: [],
        engineeringInfos: [],
        year: '',
        yearInvestAmount: '',
        competentDepartmentList: [],
        managementCentralizationList: [],
        remark: ''
@@ -489,6 +511,16 @@
    },
    removeWinUnit(index) {
      this.projectForm.winUnitList.splice(index, 1)
    },
    addYearPlan() {
      this.projectForm.yearPlanList.push({
        year: '',
        yearTotalMoney: null,
        projectImageProgress: '',
      })
    },
    removeYearPlan(index) {
      this.projectForm.yearPlanList.splice(index, 1)
    },
    handleProjectStatusChange(value) {
      // 根据选中的 projectStatus 修改 anotherField 的值
@@ -680,4 +712,13 @@
  border-radius: 50%; /* 使元素变成圆形 */
  display: inline-block; /* 确保元素可以和其他内联元素一起显示 */
}
.label {
  width: 100%;
  position: relative;
  border: 1px solid #d7d7d7;
  margin-bottom: 15px;
  padding: 4px;
  min-height: 45px;
  color: #909399;
}
</style>