项目库基本样式完善

fuliqi

2024-11-22 585a468e1a128fb0906c22f0c8458fea9fa9e721

 src/views/projectEngineering/projectLibrary/index.vue

@@ -1,6 +1,6 @@
<template>
  <div class="app-container">
    <el-form  :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
    <el-form  :model="queryParams" ref="queryParamsRef" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <div class="slot">
        <div class="left-section">
          <el-form-item label="项目名称" prop="projectName">
@@ -40,7 +40,7 @@
            </el-date-picker>
          </el-form-item>
          <el-form-item>
            <el-button icon="el-icon-search" size="small" @click="handleQuery">搜索</el-button>
            <el-button icon="el-icon-search" size="small" @click="handleQuery">查询</el-button>
            <el-button icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button>
          </el-form-item>
          <el-popover :visible="popoverValue" :width="500" placement="bottom">
@@ -54,97 +54,96 @@
              </el-button>
            </template>
            <span>筛选条件</span>
            <!-- 表单内容 -->
<!--            <el-form ref="queryFormRef" :inline="true" :model="queryForm" class="demo-form-inline">-->
<!--              <el-row>-->
<!--                <el-col :span="12">-->
<!--                  <el-form-item label="项目类型">-->
<!--                    <el-select v-model="queryForm.projectType" clearable placeholder="请选择" style="width: 140px">-->
<!--                      <el-option v-for="items in sys_project_type" :key="items.value" :label="items.label" :value="items.value" />-->
<!--                    </el-select>-->
<!--                  </el-form-item>-->
<!--                </el-col>-->
<!--                <el-col :span="12">-->
<!--                  <el-form-item label="重点分类">-->
<!--                    <el-select v-model="queryForm.importanceType" clearable placeholder="请选择" style="width: 140px">-->
<!--                      <el-option v-for="items in sys_key_categories" :key="items.value" :label="items.label" :value="items.value" />-->
<!--                    </el-select>-->
<!--                  </el-form-item>-->
<!--                </el-col>-->
<!--              </el-row>-->
<!--              <el-row>-->
<!--                <el-col :span="12">-->
<!--                  <el-form-item label="项目标签">-->
<!--                    <el-select v-model="queryForm.tag" clearable placeholder="请选择" style="width: 140px">-->
<!--                      <el-option v-for="items in sys_project_tags" :key="items.value" :label="items.label" :value="items.value" />-->
<!--                    </el-select>-->
<!--                  </el-form-item>-->
<!--                </el-col>-->
<!--                <el-col :span="12">-->
<!--                  <el-form-item label="项目状态">-->
<!--                    <el-select v-model="queryForm.projectStatus" :disabled="isProjectCategory" clearable placeholder="请选择" style="width: 140px">-->
<!--                      <el-option v-for="items in sys_project_status" :key="items.value" :label="items.label" :value="items.value" />-->
<!--                    </el-select>-->
<!--                  </el-form-item>-->
<!--                </el-col>-->
<!--              </el-row>-->
<!--              <el-row>-->
<!--                <el-col :span="12">-->
<!--                  <el-form-item label="项目码">-->
<!--                    <el-select v-model="queryForm.projectColorCode" clearable placeholder="请选择" style="width: 140px">-->
<!--                      <el-option v-for="items in sys_project_code" :key="items.value" :label="items.label" :value="items.value" />-->
<!--                    </el-select>-->
<!--                  </el-form-item>-->
<!--                </el-col>-->
<!--                <el-col :span="12">-->
<!--                  <el-form-item label="关联状态">-->
<!--                    <el-select v-model="queryForm.assignmentStatus" clearable placeholder="请选择" style="width: 140px">-->
<!--                      <el-option v-for="items in sys_association_status" :key="items.value" :label="items.label" :value="items.value" />-->
<!--                    </el-select>-->
<!--                  </el-form-item>-->
<!--                </el-col>-->
<!--              </el-row>-->
<!--              <el-row>-->
<!--                <el-col :span="12">-->
<!--                  <el-form-item label="资金类型">-->
<!--                    <el-select v-model="queryForm.investmentType" clearable placeholder="请选择" style="width: 140px">-->
<!--                      <el-option v-for="items in sys_funding_type" :key="items.value" :label="items.label" :value="items.value" />-->
<!--                    </el-select>-->
<!--                  </el-form-item>-->
<!--                </el-col>-->
<!--                <el-col :span="12">-->
<!--                  <el-form-item label="项目阶段">-->
<!--                    <el-select v-model="queryForm.projectPhase" clearable placeholder="请选择" style="width: 140px">-->
<!--                      <el-option v-for="items in sys_project_phases" :key="items.value" :label="items.label" :value="items.value" />-->
<!--                    </el-select>-->
<!--                  </el-form-item>-->
<!--                </el-col>-->
<!--              </el-row>-->
<!--              <el-row>-->
<!--                <el-col :span="12">-->
<!--                  <el-form-item label="投资类别">-->
<!--                    <el-select v-model="queryForm.investType" clearable placeholder="请选择" style="width: 140px">-->
<!--                      <el-option v-for="items in sys_investment_type" :key="items.value" :label="items.label" :value="items.value" />-->
<!--                    </el-select>-->
<!--                  </el-form-item>-->
<!--                </el-col>-->
<!--                <el-col :span="12">-->
<!--                  <el-form-item label="行政区划">-->
<!--                    <el-select v-model="queryForm.area" clearable placeholder="请选择" style="width: 140px">-->
<!--                      <el-option v-for="items in sys_administrative_divisions" :key="items.value" :label="items.label" :value="items.value" />-->
<!--                    </el-select>-->
<!--                  </el-form-item>-->
<!--                </el-col>-->
<!--              </el-row>-->
<!--              <el-row style="text-align: center">-->
<!--                <el-col :span="24">-->
<!--                  <el-form-item>-->
<!--&lt;!&ndash;                    <el-button type="primary" @click="handleQueryFrom">确 认</el-button>&ndash;&gt;-->
<!--&lt;!&ndash;                    <el-button @click="closePopover">取 消</el-button>&ndash;&gt;-->
<!--                  </el-form-item>-->
<!--                </el-col>-->
<!--              </el-row>-->
<!--            </el-form>-->
            <el-form ref="moreQueryParamsRef"  label-width="68px" label-position="right" :model="moreQueryParams">
              <el-row>
                <el-col :span="12">
                  <el-form-item label="项目类型">
                    <el-select v-model="moreQueryParams.projectType" clearable placeholder="请选择" class="select-option" size="small">
                      <el-option v-for="items in sys_project_type" :key="items.value" :label="items.label" :value="items.value" />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="重点分类">
                    <el-select v-model="moreQueryParams.importanceType" clearable placeholder="请选择" class="select-option">
                      <el-option v-for="items in sys_key_categories" :key="items.value" :label="items.label" :value="items.value" />
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <el-form-item label="项目标签">
                    <el-select v-model="moreQueryParams.tag" clearable placeholder="请选择" class="select-option">
                      <el-option v-for="items in sys_project_tags" :key="items.value" :label="items.label" :value="items.value" />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="项目状态">
                    <el-select v-model="moreQueryParams.projectStatus" :disabled="isProjectCategory" clearable placeholder="请选择" class="select-option">
                      <el-option v-for="items in sys_project_status" :key="items.value" :label="items.label" :value="items.value" />
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <el-form-item label="项目码">
                    <el-select v-model="moreQueryParams.projectColorCode" clearable placeholder="请选择" class="select-option">
                      <el-option v-for="items in sys_project_code" :key="items.value" :label="items.label" :value="items.value" />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="关联状态">
                    <el-select v-model="moreQueryParams.assignmentStatus" clearable placeholder="请选择" class="select-option">
                      <el-option v-for="items in sys_association_status" :key="items.value" :label="items.label" :value="items.value" />
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <el-form-item label="资金类型">
                    <el-select v-model="moreQueryParams.investmentType" clearable placeholder="请选择" class="select-option">
                      <el-option v-for="items in sys_funding_type" :key="items.value" :label="items.label" :value="items.value" />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="项目阶段">
                    <el-select v-model="moreQueryParams.projectPhase" clearable placeholder="请选择" class="select-option">
                      <el-option v-for="items in sys_project_phases" :key="items.value" :label="items.label" :value="items.value" />
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <el-form-item label="投资类别">
                    <el-select v-model="moreQueryParams.investType" clearable placeholder="请选择" class="select-option">
                      <el-option v-for="items in sys_investment_type" :key="items.value" :label="items.label" :value="items.value" />
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="行政区划">
                    <el-select v-model="moreQueryParams.area" clearable placeholder="请选择" class="select-option">
                      <el-option v-for="items in sys_administrative_divisions" :key="items.value" :label="items.label" :value="items.value" />
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row style="text-align: center">
                <el-col :span="24">
                  <el-form-item label-width="0">
                    <el-button type="primary" @click="handleQueryFrom">确 认</el-button>
                    <el-button @click="closePopover">取 消</el-button>
                  </el-form-item>
                </el-col>
              </el-row>
            </el-form>
          </el-popover>
        </div>
        <div class="right-section">
@@ -166,6 +165,7 @@
          <VisibilityToolbar
            v-model:showSearch="showSearch"
            :columns="columnList"
            @queryTable="handleQuery"
          ></VisibilityToolbar>
<!--            @update:columns="handleUpdateColumns"-->
<!--            @update:sort="handleUpdateSort"-->
@@ -174,7 +174,13 @@
      </div>
    </el-form>

    <el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
    <el-table
      style="margin-top: 20px"
      v-loading="loading"
      :data="infoList"
      @selection-change="handleSelectionChange"
      height="60vh"
      :show-overflow-tooltip = "true">
      <el-table-column type="selection" width="55" align="center" />
      <template v-for="item in columns">
        <el-table-column
@@ -233,6 +239,12 @@
      @pagination="getList"
    />

<!--    <FileDialog-->
<!--      v-model:fileDialogVisible="fileDialogVisible"-->
<!--      :isImportOrExport="isImportOrExport"-->
<!--      @fileDialogCancel="fileDialogCancel"-->
<!--      :currentColumns="currentColumns"-->
<!--    />-->
  </div>
</template>

@@ -244,6 +256,8 @@
  name: "projectInfo",
  data() {
    return {
      isImportOrExport: false,
      fileDialogVisible: false,
      //控制显隐的表单
      columnList: [],
      //是否需要新增按钮(储蓄项目需要)
@@ -277,36 +291,18 @@
        pageSize: 10,
        projectName: null,
        projectCode: null,
        content: null,
        projectType: null,
        projectStatus: null,
        fundType: null,
        investType: null,
        projectPhase: null,
        tag: null,
        competentDepartment: null,
        areaCode: null,
        managementCentralization: null,
        projectApprovalType: null,
        investmentCatalogue: null,
        importanceType: null,
        year: null,
        yearInvestAmount: null,
        createProjectTime: null,
        planStartTime: null,
        planCompleteTime: null,
        winUnit: null,
        winAmount: null,
        winTime: null,
        projectAddress: null,
        longitude: null,
        latitude: null,
        projectOwnerUnit: null,
        projectContactPerson: null,
        contact: null,
        gmtCreateTime: null,
        gmtUpdateTime: null,
        deleted: null
      },
      moreQueryParams: {
        projectType: '', // 项目类型
        importanceType: '', // 重点分类
        projectStatus: '', // 项目状态
        projectColorCode: '', // 项目码
        investmentType: '', // 资金类型
        projectPhase: '', // 项目阶段
        investType: '', // 投资类别
        area: '', // 行政区划
        assignmentStatus: '', //关联状态
        tag: '' //项目标签
      },
      // 表单参数
      form: {},
@@ -331,9 +327,13 @@
      this.getList();
  },
  methods: {
    handlePopover() {
      this.popoverValue.value = !this.popoverValue.value;
    },
    /** 查询项目管理基础信息列表 */
    getList() {
      this.loading = true;
      console.log("查询")
      // listInfo(this.queryParams).then(response => {
      //   this.infoList = response.rows;
      //   this.total = response.total;
@@ -448,6 +448,11 @@
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 导入按钮操作 */
    handleImport() {
      this.isImportOrExport = false;
      this.fileDialogVisible = true;
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('code/info/export', {
@@ -458,6 +463,9 @@
};
</script>
<style lang="scss" scoped>
 .select-option {
  width: 140px;
}
.slot {
  display: flex;
}