foton-laws-system-front/src/pages/regulatoryRepository/standardForComments/index.vue

<comment>
# 标准征求意见
</comment>
<template>
  <div class="standardForComments">
    <!-- 顶部工具栏 -->
    <table-tools-bar>
      <div slot="left">
        <div class="search-area">
          <el-form :model="standCommonlySearch" inline class="label-input-form">
            <el-formItem label="类别" class="search-item">
              <el-input v-model="standCommonlySearch.categorg" class="s-c-input" placeholder="标准/政策" clearable
                        :maxlength="100"></el-input>
            </el-formItem>
            <el-formItem label="关键字" class="search-item">
              <el-input v-model="standCommonlySearch.cname" class="s-c-input" placeholder="请输入关键字" clearable
                        :maxlength="100"></el-input>
            </el-formItem>
            <el-form-item label="开始日期" >
              <el-date-picker
                v-model="standCommonlySearch.start"
                type="date"
                :editable="false"
                placeholder="请选择开始日期"
                size="small"
                value-format="yyyy-MM-dd">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="结束日期" >
              <el-date-picker
                v-model="standCommonlySearch.end"
                type="date"
                :editable="false"
                placeholder="请选择结束日期"
                size="small"
                value-format="yyyy-MM-dd">
              </el-date-picker>
            </el-form-item>
            <el-formItem class="search-item btn-box">
              <el-button
                type="primary"
                size="mini"
                class="common-button-primary"
                v-btn-permission="'0514cd2c6b0e6311a7632f8bef87aecb'"
                @click="sarStandCompareHisInfo">查询
              </el-button>
              <el-button
                class="common-button-default"
                size="mini"
                v-btn-permission="'bb7386429dabf20b8006e03efacc0673'"
                @click="clearSearchStand">清空
              </el-button>
            </el-formItem>
          </el-form>
        </div>
      </div>
    </table-tools-bar>
    <div class="content">
      <div class="table-wrap">
        <div style="position: absolute;height: calc(100% - 10px);width: 100%;">
          <el-table
            ref="selection"
            :data="standInfoList"
            tooltip-effect="dark"
            style="width: 100%;padding:0 0 20px 0;"
            height="100%"
            border
            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
            <el-table-column
              prop="category"
              label="标准/政策"
              width="150"
              align="center">
              <template slot-scope="scope">
                <a class="table-jump" @click.stop="handlePreview(scope.row)">{{ scope.row.category }}</a>
              </template>
            </el-table-column>
            <el-table-column
              prop="cid"
              label="标准名称/政策名称"
              align="center">
              <template slot-scope="scope">
                <a @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.cid }}</a>
              </template>
            </el-table-column>
            <el-table-column
              prop="endTime"
              label="征求意见周期"
              width="200"
              align="center">
              <template slot-scope="scope">
                {{ scope.row.startTime + ' ~ ' + scope.row.endTime }}
              </template>
            </el-table-column>
            <el-table-column
              prop="startTime"
              label="上传时间"
              width="200"
              align="center">
            </el-table-column>
          </el-table>
        </div>
      </div>
    </div>
    <pagination :page="standCommonlySearch.page" :total="total" @pageChange="pageChange"
                @pageSizeChange="pageSizeChange"></pagination>
    <loading :loading="spinShow">数据加载中……</loading>
  </div>
</template>

<script>
export default {
  name: "standardForComments",
  components: {},
  data() {
    return {
      standCommonlySearch: {
        categorg: "",
        cname: "",
        start: "",
        end: "",
        page: 1,
        size: this.$store.getters.userInfo.configContent
      },
      spinShow: false,
      standInfoList: [],
      tableHeight: null,
      total: 0
    };
  },
  props: {},
  watch: {},
  methods: {
    // 点击查看
    handlePreview(item) {
      this.$store.commit("setDetailMap", this.$router.path);
      this.$router.push({
        name: "consultationDetails",
        query: {
          item: JSON.stringify(item)
        }
      });
    },
    // 清空
    clearSearchStand() {
      this.standCommonlySearch.page = 1;
      this.standCommonlySearch.start = "";
      this.standCommonlySearch.end = "";
      this.standCommonlySearch.categorg = "";
      this.standCommonlySearch.cname = "";
      this.sarStandCompareHis();
    },
    // 搜索
    sarStandCompareHisInfo() {
      this.splitInfoPage = 1;
      this.sarStandCompareHis();
    },
    // 查询表格
    sarStandCompareHis() {
      this.spinShow = true;
      this.standCommonlySearch.type = 1;
      var form = this.standCommonlySearch;
      this.$http.get("slrs/sar-public-idea/SelectAllPage", form, {
        _this: this
      }, res => {
        this.standInfoList = res.data.records;
        this.total = res.data.total;
        this.spinShow = false;
      }, e => {
      });
    },
    pageChange(page) {
      this.standCommonlySearch.page = page;
      this.sarStandCompareHis();
    },
    // 分页每页显示数改变后方法
    pageSizeChange(pageSize) {
      this.$store.getters.userInfo.configContent = pageSize;
      this.standCommonlySearch.size = pageSize;
      this.sarStandCompareHis();
    }
  },
  computed: {},
  mounted() {
    this.sarStandCompareHis();
    this.tableHeight = $(".content").height() - 44;
    window.onresize = () => {
      this.tableHeight = $(".content").height() - 44;
    };
  }
};
</script>

<style lang="less" scoped>
@import '~@/assets/styles/mixins';
@import '~@/assets/styles/style';

.standardForComments {
  height: 100%;
  background: #fff;

  .el-divider--horizontal {
    display: block;
    height: 1px;
    width: 100%;
    margin: 0;
  }

  .flex();
  flex-direction: column;

  .action-bar {
    margin-bottom: 5px;
    padding: 0;
  }

  .content {
    flex: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    .table-wrap {
      flex: auto;
      overflow: hidden;
      position: relative;
    }
  }

  & > .pagination {
    position: static;

    /deep/ .pagination-slot {
      padding: 0;
    }
  }
}
</style>