射洪市项目管理系统前端
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
fuliqi
2025-02-11 e57e645d24a89adb3391be16f6948b292183fa04 
 src/views/projectEngineering/projectLibrary/index.vue


@@ -29,10 +29,10 @@


            <el-date-picker


              style="width: 270px"


              size="small"


              v-model="queryParams[timeRange]"


              v-model="timeRange"


              type="daterange"


              range-separator="-"


              value-format="yyyy-MM-dd"


              value-format="yyyy-MM-dd HH:mm:ss"


              start-placeholder="开始日期"


              end-placeholder="结束日期"


              @change="handleQuery"


@@ -50,7 +50,8 @@


              <el-row>


                <el-col :span="12">


                  <el-form-item label="项目类型">


                    <el-select v-model="queryParams.projectType" clearable placeholder="请选择" class="select-option" @change="handleQuery"


                    <el-select v-model="queryParams.projectType" clearable placeholder="请选择" class="select-option"


                               @change="handleQuery"


                               size="small">


                      <el-option v-for="item in dict.type.sys_project_type" :key="item.value" :label="item.label"


                                 :value="item.value"/>


@@ -59,7 +60,8 @@


                </el-col>


                <el-col :span="12">


                  <el-form-item label="重点分类">


                    <el-select v-model="queryParams.importanceType" clearable placeholder="请选择" class="select-option" @change="handleQuery">


                    <el-select v-model="queryParams.importanceType" clearable placeholder="请选择" class="select-option"


                               @change="handleQuery">


                      <el-option v-for="item in dict.type.sys_key_categories" :key="item.value" :label="item.label"


                                 :value="item.value"/>


                    </el-select>


@@ -69,7 +71,8 @@


              <el-row>


                <el-col :span="12">


                  <el-form-item label="项目标签">


                    <el-select v-model="queryParams.tag" clearable placeholder="请选择" class="select-option" @change="handleQuery">


                    <el-select v-model="queryParams.tag" clearable placeholder="请选择" class="select-option"


                               @change="handleQuery">


                      <el-option v-for="item in dict.type.sys_project_tags" :key="item.value" :label="item.label"


                                 :value="item.value"/>


                    </el-select>


@@ -77,7 +80,8 @@


                </el-col>


                <el-col :span="12">


                  <el-form-item label="项目状态">


                    <el-select v-model="queryParams.projectStatus" :disabled="isProjectCategory" clearable @change="handleQuery"


                    <el-select v-model="queryParams.projectStatus" :disabled="isProjectCategory" clearable


                               @change="handleQuery"


                               placeholder="请选择" class="select-option">


                      <el-option v-for="item in dict.type.sys_project_status" :key="item.value" :label="item.label"


                                 :value="item.value"/>


@@ -88,7 +92,8 @@


              <el-row>


                <el-col :span="12">


                  <el-form-item label="项目码">


                    <el-select v-model="queryParams.projectColorCode" clearable placeholder="请选择" class="select-option" @change="handleQuery">


                    <el-select v-model="queryParams.coding" clearable placeholder="请选择" class="select-option"


                               @change="handleQuery">


                      <el-option v-for="item in dict.type.sys_project_code" :key="item.value" :label="item.label"


                                 :value="item.value"/>


                    </el-select>


@@ -96,7 +101,8 @@


                </el-col>


                <el-col :span="12">


                  <el-form-item label="关联状态">


                    <el-select v-model="queryParams.assignmentStatus" clearable placeholder="请选择" class="select-option" @change="handleQuery">


                    <el-select v-model="queryParams.assignmentStatus" clearable placeholder="请选择" class="select-option"


                               @change="handleQuery">


                      <el-option v-for="item in dict.type.sys_association_status" :key="item.value" :label="item.label"


                                 :value="item.value"/>


                    </el-select>


@@ -106,7 +112,8 @@


              <el-row>


                <el-col :span="12">


                  <el-form-item label="资金类型">


                    <el-select v-model="queryParams.investmentType" clearable placeholder="请选择" class="select-option" @change="handleQuery">


                    <el-select v-model="queryParams.investmentType" clearable placeholder="请选择" class="select-option"


                               @change="handleQuery">


                      <el-option v-for="item in dict.type.sys_funding_type" :key="item.value" :label="item.label"


                                 :value="item.value"/>


                    </el-select>


@@ -114,7 +121,8 @@


                </el-col>


                <el-col :span="12">


                  <el-form-item label="项目阶段">


                    <el-select v-model="queryParams.projectPhase" clearable placeholder="请选择" class="select-option" @change="handleQuery">


                    <el-select v-model="queryParams.projectPhase" clearable placeholder="请选择" class="select-option"


                               @change="handleQuery">


                      <el-option v-for="item in dict.type.sys_project_phases" :key="item.value" :label="item.label"


                                 :value="item.value"/>


                    </el-select>


@@ -124,7 +132,8 @@


              <el-row>


                <el-col :span="12">


                  <el-form-item label="投资类别">


                    <el-select v-model="queryParams.investType" clearable placeholder="请选择" class="select-option" @change="handleQuery">


                    <el-select v-model="queryParams.investType" clearable placeholder="请选择" class="select-option"


                               @change="handleQuery">


                      <el-option v-for="item in dict.type.sys_investment_type" :key="item.value" :label="item.label"


                                 :value="item.value"/>


                    </el-select>


@@ -132,15 +141,17 @@


                </el-col>


                <el-col :span="12">


                  <el-form-item label="行政区划">


                    <el-select v-model="queryParams.area" clearable placeholder="请选择" class="select-option" @change="handleQuery">


                      <el-option v-for="item in dict.type.sys_administrative_divisions" :key="item.value" :label="item.label"


                    <el-select v-model="queryParams.area" clearable placeholder="请选择" class="select-option"


                               @change="handleQuery">


                      <el-option v-for="item in dict.type.sys_administrative_divisions" :key="item.value"


                                 :label="item.label"


                                 :value="item.value"/>


                    </el-select>


                  </el-form-item>


                </el-col>


              </el-row>


            </el-form>


            <el-button style="margin-right: 16px; margin-top: 1px; color: #3369ff"  slot="reference"


            <el-button style="margin-right: 16px; margin-top: 1px; color: #3369ff" slot="reference"


                       size="small">


              更多筛查条件


              <span style="margin-left: 5px">


@@ -185,9 +196,9 @@


      v-loading="loading"


      :data="projectInfoList"


      @selection-change="handleSelectionChange"


      height="60vh"


      height="100%"


      sortable="custom"


      :show-overflow-tooltip="true">


      >


      <el-table-column type="selection" width="55" align="center"/>


      <!-- 动态列 -->


      <el-table-column


@@ -205,9 +216,9 @@


            <template v-if="item.slotName === 'projectStatus'">


              <dict-tag :options="dict.type.sys_project_status" :value="scope.row.projectStatus"/>


            </template>


            <!-- projectColorCode插槽 -->


            <template v-if="item.slotName === 'projectColorCode'">


              <dict-tag :options="dict.type.sys_project_code" :value="scope.row.projectColorCode"/>


            <!-- coding插槽 -->


            <template v-if="item.slotName === 'coding'">


              <dict-tag :options="dict.type.sys_project_code" :value="scope.row.coding"/>


            </template>


            <!-- projectType插槽 -->


            <template v-if="item.slotName === 'projectType'">


@@ -217,14 +228,26 @@


            <template v-if="item.slotName === 'investType'">


              <dict-tag :options="dict.type.sys_investment_type" :value="scope.row.investType"/>


            </template>


            <!-- investType插槽 -->


            <template v-if="item.slotName === 'importanceType'">


              <dict-tag :options="dict.type.sys_key_categories" :value="scope.row.importanceType"/>


            </template>


            <!-- planStartTime -->


            <template v-if="item.slotName === 'planStartTime'">


              {{ scope.row.planStartTime ? scope.row.planStartTime.split('-')[0] + '年' : '' }}


            </template>


            <!-- usedStatus插槽 -->


            <template v-if="item.slotName === 'usedStatus'">


              <dict-tag :options="dict.type.sys_used_status" :value="scope.row.usedStatus"/>


            </template>


          </template>


          <!-- 默认显示 -->


          <span v-else>{{ scope.row[item.id] }}</span>


        </template>


      </el-table-column>




      <el-table-column v-if="this.$route.query.projectCategory==6" label="审核备注" width="140" align="center" prop="remark"/>


      <!-- 操作列 -->


      <el-table-column label="操作" width="140" align="center" >


      <el-table-column label="操作" width="140" align="center">


        <template slot-scope="scope">


          <el-button


            size="medium"


@@ -235,6 +258,7 @@


          </el-button>


          <el-button


            v-if="isReserve"


            v-hasRole="['user']"


            size="medium"


            type="text"


            icon="el-icon-edit"


@@ -256,7 +280,7 @@


    <pagination


      v-show="total>0"


      :total="total"


      :page.sync="queryParams.pageNum"


      :page.sync="queryParams.currentPage"


      :limit.sync="queryParams.pageSize"


      @pagination="getList"


    />


@@ -266,6 +290,7 @@


      :isImportOrExport="isImportOrExport"


      @fileDialogCancel="fileDialogCancel"


      :currentColumns="columns"


      :dataIdList="ids"


    />


  </div>


</template>


@@ -275,11 +300,12 @@


import {current, currentRest} from '@/views/projectEngineering/projectLibrary/list';


import FileDialog from '@/views/projectEngineering/projectLibrary/component/FileDialog';


import Cookies from "js-cookie";




export default {


  dicts: ['sys_administrative_divisions', 'sys_investment_type', 'sys_project_phases',


    'sys_funding_type', 'sys_association_status', 'sys_project_status', 'sys_project_code',


    'sys_project_tags', 'sys_key_categories', 'sys_project_type'],


  name: "projectInfo",


    'sys_project_tags', 'sys_key_categories', 'sys_project_type','sys_used_status'],


  name: "ProjectInfo",


  components: {


    FileDialog


  },


@@ -318,16 +344,18 @@


      timeRange: [],


      // 查询参数


      queryParams: {


        pageNum: 1,


        currentPage: 1,


        pageSize: 10,


        projectName: null,


        projectCode: null,


        projectStartTime: null,


        projectEndTime: null,


      },


      moreQueryParams: {


        projectType: '', // 项目类型


        importanceType: '', // 重点分类


        projectStatus: '', // 项目状态


        projectColorCode: '', // 项目码


        coding: '', // 项目码


        investmentType: '', // 资金类型


        projectPhase: '', // 项目阶段


        investType: '', // 投资类别


@@ -349,11 +377,12 @@


    };


  },


  created() {


    this.queryParams.importanceType = this.$route.query.importanceType;


    const projectCategory = this.$route.query.projectCategory;


    if(!projectCategory || projectCategory === '1'){


    if (!projectCategory || projectCategory === '1' || projectCategory === '6') {


      this.isReserve = true;


    }


    if(projectCategory){


    if (projectCategory) {


      this.isProjectCategory = true;


    }


    const columns = current.map((item, index) => {


@@ -366,25 +395,33 @@


    this.defaultColumns = JSON.parse(JSON.stringify(columns));


    this.getList();


  },


  beforeDestroy() {


    this.removeStore();


  },


  methods: {


    /** 修改按钮操作 */


    handleUpdate(row) {


      this.removeCookie();


      this.$router.push({ path: '/projectEngineering/project/ProjectDetails', query: { projectId: row.id }});


      this.removeStore();


      this.$router.push({path: '/projectEngineering/project/ProjectDetails', query: {projectId: row.id}});


    },


    handleDetail(row) {


      this.removeCookie();


      this.$router.push({ path: '/projectEngineering/project/ProjectDetails', query: { projectId: row.id }});


      this.removeStore();


      const audit = this.$route.query.projectCategory==='6'? 1:0


      this.$router.push({path: '/projectEngineering/project/ProjectDetails', query: {projectId: row.id,disabled: 'true',audit: audit }});


    },


    // 新增页面


    add() {


      this.removeCookie();


      this.$router.push({ path: '/projectEngineering/project/ProjectDetails' });


      this.removeStore();


      this.$router.push({path: '/projectEngineering/project/ProjectDetails'});


    },


    //清理缓存


    removeCookie() {


      Cookies.remove("projectForm")


      Cookies.remove("investmentForm")


    removeStore() {


      localStorage.removeItem("projectForm")


      localStorage.removeItem("investmentForm")


      localStorage.removeItem("investmentFundsForm")


      localStorage.removeItem("legalPersonForm")


      localStorage.removeItem("policyInfoForm")


      localStorage.removeItem("documentsInfoForm")


    },


    // 重置排序的方法


    handleResetSort() {


@@ -401,7 +438,7 @@


        return item;


      });


      //强制table渲染


      this.tableKey = this.tableKey +1;


      this.tableKey = this.tableKey + 1;


    },


    // 更新列的方法


    handleUpdateColumns(row) {


@@ -414,7 +451,7 @@


      });


    },


    handleUpdateSort(row) {


      console.log( this.columns, '排序前的列');


      console.log(this.columns, '排序前的列');


      this.columns = this.columns.map(item => {


        if (item.key === row.key) {


          return row;


@@ -424,8 +461,8 @@


      this.defaultColumns = JSON.parse(JSON.stringify(this.columns)).sort((a, b) => a.index - b.index);


      this.columns.sort((a, b) => a.serialNumber - b.serialNumber);


      //强制table渲染


      this.tableKey = this.tableKey +1;


      console.log( this.columns, '排序后的列');


      this.tableKey = this.tableKey + 1;


      console.log(this.columns, '排序后的列');


    },


    // 关闭文件处理弹框的方法


    fileDialogCancel() {


@@ -443,11 +480,16 @@


    /** 查询项目管理基础信息列表 */


    getList() {


      this.loading = true;


      this.queryParams.projectCategory = this.$route.query.projectCategory;


      if (this.timeRange) {


        this.queryParams.projectStartTime = this.timeRange[0]


        this.queryParams.projectEndTime = this.timeRange[1]


      }


      listProject(this.queryParams).then(response => {


        this.projectInfoList = response.data;


        this.total = response.total;


        this.loading = false;


      });


      this.loading = false;


    },


    // 取消按钮


    cancel() {


@@ -497,7 +539,7 @@


    },


    /** 搜索按钮操作 */


    handleQuery() {


      this.queryParams.pageNum = 1;


      this.queryParams.currentPage = 1;


      this.getList();


    },


    /** 重置按钮操作 */


@@ -512,12 +554,11 @@


      this.multiple = !selection.length


    },






    /** 删除按钮操作 */


    handleDelete(row) {


      const ids = row.id || this.ids;


      this.$modal.confirm('是否确认删除项目管理基础信息编号为"' + ids + '"的数据项？').then(function () {


        return delInfo(ids);


      this.$modal.confirm('是否确认删除项目:"' + row.projectName + '"的数据项？').then(function () {


        return delProject(ids);


      }).then(() => {


        this.getList();


        this.$modal.msgSuccess("删除成功");


@@ -531,9 +572,8 @@


    },


    /** 导出按钮操作 */


    handleExport() {


      this.download('code/info/export', {


        ...this.queryParams


      }, `info_${new Date().getTime()}.xlsx`)


      this.isImportOrExport = true;


      this.fileDialogVisible = true;


    }


  }


};