流程列表改为分页

xiangpei

2025-02-11 5bfa6203e47bde993d19e8e606d27a8c40d5a0f5

 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">
@@ -67,11 +78,17 @@
          </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">
@@ -294,6 +311,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';
@@ -309,6 +327,7 @@
    , 'sys_administrative_divisions', 'sys_centralized_management', 'sys_approval_type', 'sys_key_categories', 'sys_annual_plan'],
  components: {
    Map,
    TagList,
    // UploadStandard,
    // RemoteSelect
  },
@@ -355,7 +374,7 @@
        engineeringIdList: [],
        content: '',
        contact: '',
        projectOwnerUnit: '',
        projectOwnerUnit: null,
        planStartTime: '',
        planCompleteTime: '',
        projectContactPerson: '',
@@ -365,6 +384,7 @@
        yearInvestAmount: '',
        competentDepartmentList: [],
        managementCentralizationList: [],
        remark: ''
      },
      subclass: '',
      largeCategory: '',
@@ -408,7 +428,7 @@
      if (this.projectForm.id) {
        this.getProjectInfo(this.projectForm.id);
      } else {
        this.getProjectCodeApi();
        // this.getProjectCodeApi();
        this.$emit('updateIsShow', true);
      }
      // this.handleLoadMore(1);
@@ -574,4 +594,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>