fj-dc-ui/.svn/pristine/a9/a97764bd801404a37b591dccb26f625c75a502ad.svn-base

<template>
  <el-main class="history_project">
    <el-card>
      <div>
        <el-form
          :inline="true"
          size="mini"
          class="demo-form-inline">
          <el-row>
            <el-col :span="24">
              <el-form-item label="年度">
                <el-date-picker
                  v-model="searchForm.year"
                  type="year"
                  format="yyyy"
                  value-format="yyyy"
                  placeholder="选择年">
                </el-date-picker>
              </el-form-item>
              <el-form-item label="项目类型">
                <el-select v-model="searchForm.type" clearable>
                  <el-option
                    v-for="(item,index) in ProType"
                    :key="index"
                    :label="item"
                    :value="item">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="项目名称">
                   <el-input v-model="searchForm.name" placeholder="项目名称" style="width: 13vw" clearable></el-input>
              </el-form-item>
              <el-form-item label="所属机构">
                <el-select v-model="searchForm.adCode" clearable>
                  <el-option :label="item.nm" :value="item.id" v-for="(item,index) in addvList"></el-option>
                </el-select>
              </el-form-item>
              <el-button type="primary" icon="el-icon-search" @click="searchBtn">查询</el-button>
              <el-button type="primary" @click="showAddObjDialog">添加</el-button>
              <el-button type="primary" @click="showLog">修改记录</el-button>
              <el-button type="primary" size="mini" @click="exportExcel">导出</el-button>
            </el-col>
          </el-row>
        </el-form>
      </div>
      <div>
        <el-table
          v-loading="loading"
          border
          ref="planTable"
          :height="tableHeight"
          :data="tableData"
          tooltip-effect="dark"
          style="width: 100%"
        >
          <el-table-column
            header-align="center"
            align="center"
            min-width="100"
            prop="name"
            label="项目名称"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="100"
            prop="type"
            sortable
            label="项目类型"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            label="工程位置"
            prop="location"
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            label="开工日期"
            prop="commencementDate"
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            label="投资总额(万元)"
            prop="totalInvestment"
          ></el-table-column>
          <el-table-column label="操作" min-width="200">
            <template slot-scope="scope">
              <el-button
                size="mini"
                type="primary"
                @click="handleEdit(scope.row)">调整</el-button>
              <el-button
                size="mini"
                type="danger"
                @click="handleDelete(scope.row)">删除</el-button>
            </template>
          </el-table-column>
        </el-table>
        <div style="margin: 10px auto;overflow: auto;">
          <el-pagination
            style="float:left;"
            background
            @size-change="handleSizeChange"
            @current-change="pageIndexChange"
            :current-page.sync="pageNum"
            :page-sizes="[10, 20, 300, 40]"
            :page-size="pageSize"
            layout="total, prev, pager, next, jumper"
            :total="total">
          </el-pagination>
        </div>
      </div>
      <el-dialog title="添加项目" :visible.sync="addObjDialogVisible" append-to-body @close="dialogClose">
        <el-form label-width="120px" :model="addformObj" ref="formObj">
          <el-form-item label="年度" required >
            <el-date-picker
              v-model="addformObj.year"
              type="year"
              format="yyyy"
              value-format="yyyy"
              placeholder="选择年">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="开工日期">
            <el-date-picker
              v-model="addformObj.commencementDate"
              type="date"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              placeholder="选择日期">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="投资总额(万元)">
            <el-input-number v-model="addformObj.totalInvestment" :precision="2" :step="1" :min="0" style="width:70%;"></el-input-number>
          </el-form-item>
          <el-form-item label="项目名称" required >
            <el-input v-model="addformObj.name" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="项目类型" required>
            <el-input v-model="addformObj.type" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="行政区域" required>
            <div>
              <el-select v-model="provCode" placeholder="选择省" @change="provChange" style="width:20%">
                <el-option
                  v-for="item in provList"
                  :key="item.adCode"
                  :label="item.adName"
                  :value="item.adCode">
                </el-option>
              </el-select>
              <el-select v-model="cityCode" placeholder="选择市" @change="cityChange" style="width:20%">
                <el-option
                  v-for="item in cityList"
                  :key="item.adCode"
                  :label="item.adName"
                  :value="item.adCode">
                </el-option>
              </el-select>
              <el-select v-model="countryCode" placeholder="选择县" @change="countryChange" style="width:20%">
                <el-option
                  v-for="item in countryList"
                  :key="item.adCode"
                  :label="item.adName"
                  :value="item.adCode">
                </el-option>
              </el-select>
            </div>
          </el-form-item>
          <el-form-item label="所在地点" required >
            <el-input v-model="addformObj.location" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="流域机构"  >
            <el-input v-model="addformObj.admOrg" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="经度">
            <el-input v-model="addformObj.centerX" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="纬度">
            <el-input v-model="addformObj.centerY" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="工程规模" required v-if="adcodeHb">
            <el-select v-model="addformObj.scale" placeholder="请选择工程规模" style="width:70%">
              <el-option v-for="item in scaleList" :key="item.label" :label="item.label" :value="item.value"> </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="工程类型" required v-if="adcodeHb">
            <el-select v-model="addformObj.ptype" placeholder="请选择工程类型" style="width:70%">
              <el-option v-for="item in ptypeList" :key="item.label" :label="item.label" :value="item.value"> </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="工程类别" required v-if="adcodeHb">
            <el-select v-model="addformObj.cate" placeholder="请选择工程类别" style="width:70%">
              <el-option v-for="item in cateList" :key="item.label" :label="item.label" :value="item.value"> </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="工程阶段" required v-if="adcodeHb">
            <el-select v-model="addformObj.stage" placeholder="请选择工程阶段" style="width:70%">
              <el-option v-for="item in stageList" :key="item.label" :label="item.label" :value="item.value"> </el-option>
            </el-select>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="addObjDialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="addNewJcObj">确 定</el-button>
        </div>
      </el-dialog>
      <el-dialog title="编辑项目" :visible.sync="editObjDialogVisible" append-to-body @close="dialogClose">
        <el-form label-width="120px" :model="editformObj" ref="formObj">
          <el-form-item label="年度" required >
            <el-date-picker disabled
              v-model="editformObj.year+''"
              type="year"
              format="yyyy"
              value-format="yyyy"
              placeholder="选择年">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="项目名称" required >
            <el-input v-model="editformObj.name" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="开工日期">
            <el-date-picker
              v-model="editformObj.commencementDate"
              type="date"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              placeholder="选择日期">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="投资总额(万元)">
            <el-input-number v-model="editformObj.totalInvestment" :precision="2" :step="1" :min="0" style="width:70%;"></el-input-number>
          </el-form-item>
          <el-form-item label="项目类型" required>
            <el-input v-model="editformObj.type" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="调整原因">
            <el-input type="textarea" v-model="editformObj.changeReson" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="行政区域" required v-if="!isUpdate">
            <el-input v-model="editformObj.adName" autocomplete="off" style="width:70%;" disabled></el-input><span style="font-size: 14px;color:#3b3b3b;" @click="changeAddV">更改</span>
          </el-form-item>
          <el-form-item label="行政区域" required v-if="isUpdate">
            <div>
              <el-select v-model="provCode" placeholder="选择省" @change="provChange" style="width:20%">
                <el-option
                  v-for="item in provList"
                  :key="item.adCode"
                  :label="item.adName"
                  :value="item.adCode">
                </el-option>
              </el-select>
              <el-select v-model="cityCode" placeholder="选择市" @change="cityChange" style="width:20%">
                <el-option
                  v-for="item in cityList"
                  :key="item.adCode"
                  :label="item.adName"
                  :value="item.adCode">
                </el-option>
              </el-select>
              <el-select v-model="countryCode" placeholder="选择县" @change="countryChange" style="width:20%">
                <el-option
                  v-for="item in countryList"
                  :key="item.adCode"
                  :label="item.adName"
                  :value="item.adCode">
                </el-option>
              </el-select>
            </div>
          </el-form-item>
          <el-form-item label="所在地点" required >
            <el-input v-model="editformObj.location" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="流域机构"  >
            <el-input v-model="editformObj.admOrg" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="经度">
            <el-input v-model="editformObj.centerX" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="纬度">
            <el-input v-model="editformObj.centerY" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="工程规模" required v-if="adcodeHb">
            <el-select v-model="editformObj.scale" placeholder="请选择工程规模" style="width:70%">
              <el-option v-for="item in scaleList" :key="item.label" :label="item.label" :value="item.value"> </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="工程类型" required v-if="adcodeHb">
            <el-select v-model="editformObj.ptype" placeholder="请选择工程类型" style="width:70%">
              <el-option v-for="item in ptypeList" :key="item.label" :label="item.label" :value="item.value"> </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="工程类别" required v-if="adcodeHb">
            <el-select v-model="editformObj.cate" placeholder="请选择工程类别" style="width:70%">
              <el-option v-for="item in cateList" :key="item.label" :label="item.label" :value="item.value"> </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="工程阶段" required v-if="adcodeHb">
            <el-select v-model="editformObj.stage" placeholder="请选择工程阶段" style="width:70%">
              <el-option v-for="item in stageList" :key="item.label" :label="item.label" :value="item.value"> </el-option>
            </el-select>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="editObjDialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="updateNewJcObj">确 定</el-button>
        </div>
      </el-dialog>
      <el-dialog title="查看日志" :visible.sync="isLogVisible" append-to-body @close="dialogClose">
        <div>
          <el-table
            v-loading="loadingLog"
            border
            ref="logTable"
            :height="tableHeightLog"
            :data="tableDataLog"
            tooltip-effect="dark"
            style="width: 100%"
          >
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="ojbName"
              label="稽察项目名称"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="100"
              prop="year"
              sortable
              label="年份"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              label="调整原因"
              prop="changeReson"
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              label="调整内容"
              prop="content"
              :show-overflow-tooltip="true"
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              label="调整时间"
              prop="intm"
            ></el-table-column>
          </el-table>
          <div style="margin: 10px auto;overflow: auto;">
            <el-pagination
              style="float:left;"
              background
              @size-change="handleSizeChangeLog"
              @current-change="pageIndexChangeLog"
              :current-page.sync="log.pageNum"
              :page-sizes="[10, 20, 300, 40]"
              :page-size="log.pageSize"
              layout="total, prev, pager, next, jumper"
              :total="log.total">
            </el-pagination>
          </div>
        </div>
      </el-dialog>
    </el-card>
  </el-main>
</template>

<script>
import request from "@util/gw_ajax_request"
import {dateFormat} from '@util/gw_date';
import {exportModel} from "@util/gw_exportModel";
export default {
  name: "planYearManage",
  components:{

  },
  data() {
    return {
      //table1
      tableHeight: window.innerHeight - 240,
      loading:false,
      pageSize: 20,
      pageNum: 1,
      total: 0,
      tableData:[],
      searchForm:{
          year:"",
          name:"",
          type:"",
          adCode:""
      },
      ProType:[],
      addvList:[],
      provName:"",
      cityName:"",
      countryName:"",
      provCode:"",
      cityCode:"",
      countryCode:"",
      provList: [],
      cityList: [],
      countryList: [],
      addformObj:{
        id:"",
        year:"",
        commencementDate:"",
        totalInvestment:"",
        name:"",
        type:"",
        location:"",
        admOrg:"",
        centerX:"",
        centerY:"",
        adName:"",
        adCode:"",
        scale:"",
        ptype:"",
        cate:"",
        stage:"",
      },
      editformObj:{
          id:"",
          year:"",
          commencementDate:"",
          totalInvestment:"",
          name:"",
          type:"",
          location:"",
          admOrg:"",
          centerX:"",
          centerY:"",
          adName:"",
          adCode:"",
          changeReson:"",
          scale:"",
          ptype:"",
          cate:"",
          stage:"",
      },
      addObjDialogVisible:false,
      editObjDialogVisible:false,
      isUpdate:false,
      isLogVisible:false,
      tableHeightLog:500,
      log:{
          pageSize: 10,
          pageNum: 1,
          total: 0,
      },
      tableDataLog:[],
      loadingLog:false,
      scaleList:[
        {label:'大型', value:'大型'},
        {label:'中型', value:'中型'},
        {label:'小型',value:'小型'}
      ],
      ptypeList:[
        {label:'水利工程通用', value:'水利工程通用'},
        {label:'水库大坝工程', value:'水库大坝工程'},
        {label:'水电站工程',value:'水电站工程'},
        {label:'泵站工程',value:'泵站工程'},
        {label:'水闸工程',value:'水闸工程'},
        {label:'堤防工程',value:'堤防工程'},
        {label:'引调水及灌区工程',value:'引调水及灌区工程'},
        {label:'其他水利工程',value:'其他水利工程'}
      ],
      cateList:[        
        {label:'新建', value:'新建'},
        {label:'扩建', value:'扩建'},
        {label:'改建',value:'改建'},
        {label:'加固',value:'加固'},
        {label:'修复',value:'修复'},
      ],
      stageList:[        
        {label:'刚开工', value:'刚开工'},
        {label:'未达施工高峰', value:'未达施工高峰'},
        {label:'施工高峰',value:'施工高峰'},
        {label:'接近完工',value:'接近完工'},
        {label:'已完工',value:'已完工'},
      ],
      adcodeHb:false
    }
  },
  computed: {
      organCode() {
          return localStorage.getItem('currentRlcode') ? localStorage.getItem('currentRlcode') : ''
      },
      userId:function(){
          return localStorage.getItem("userid")? localStorage.getItem("userid"):""
      }
  },
  created(){
    this.getProType();
    this.getCityAddvcd();
    this.getAddvList("000000000000","1");
  },
  mounted() {
    this.returnAdcodeHb()
    this.getTableList();
  },
  methods: {
    returnAdcodeHb(){
      if(this.$store.state.jcState.adCode === '420000000000'){
        this.adcodeHb = true
      }
    },
    //显示日志弹框
    dialogClose(){
       this.addObjDialogVisible = false;
       this.editObjDialogVisible = false;
       this.isLogVisible = false;
    },
    showLog(){
        this.isLogVisible = true;
        this.getLogList();
    },
    async exportExcel() {
        let url = "/pdcApi/tac/att/pawp/base/export";
        let type = "POST";
        let exportName = "年度计划管理.xls"
        let result = await exportModel(type, url, exportName,JSON.stringify(this.searchForm));
    },
    //dialog
    changeAddV(){
      this.isUpdate = true;
    },
    addNewJcObj(){
        if(this.addformObj.year=="" || this.addformObj.year==undefined){
            this.$message.warning('请选择年度')
            return;
        }
        if(this.addformObj.name==""  || this.addformObj.name==undefined){
            this.$message.warning('请输入项目名称')
            return;
        }
        if(this.addformObj.type==""  || this.addformObj.type==undefined){
            this.$message.warning('请输入项目类型')
            return;
        }
        if(this.provCode==""  || this.provCode==undefined){
            this.$message.warning('请选择省')
            return;
        }
        if(this.cityCode==""  || this.cityCode==undefined){
            this.$message.warning('请选择市')
            return;
        }
        if(this.countryCode==""  || this.countryCode==undefined){
            this.$message.warning('请选择县')
            return;
        }
        if(this.addformObj.location==""  || this.addformObj.location==undefined){
            this.$message.warning('请输入所在位置')
            return;
        }
        if( this.adcodeHb && (this.addformObj.scale==""  || this.addformObj.scale==undefined)){
            this.$message.warning('请选择工程规模')
            return;
        }
        if(this.adcodeHb && (this.addformObj.ptype==""  || this.addformObj.ptype==undefined)){
            this.$message.warning('请选择工程类型')
            return;
        }
        if(this.adcodeHb && (this.addformObj.cate==""  || this.addformObj.cate==undefined)){
            this.$message.warning('请选择工程类别')
            return;
        }
        if(this.adcodeHb && (this.addformObj.stage==""  || this.addformObj.stage==undefined)){
            this.$message.warning('请选择工程阶段')
            return;
        }
        this.addformObj.persId = this.userId;
        var _self = this;
        request.post(`/tac/att/pawp/base`, this.addformObj).then(res => {

            if (res.success) {
                _self.provCode = "";
                _self.cityCode = "";
                _self.countryCode = "";
                _self.provName = "";
                _self.cityName = "";
                _self.countryName = "";
                _self.$message.success('添加成功');
                _self.addObjDialogVisible = false;
                _self.addformObj = {};
                _self.getTableList();
            }
        })
    },
    updateNewJcObj(){

        if(this.editformObj.name=="" || this.editformObj.name==undefined){
            this.$message.warning('请输入项目名称')
            return;
        }
        if(this.editformObj.type==""  || this.editformObj.type==undefined){
            this.$message.warning('请输入项目类型')
            return;
        }
        if((this.provCode==""  || this.provCode==undefined) && this.isUpdate){
            this.$message.warning('请选择省')
            return;
        }
        if((this.cityCode==""   || this.cityCode==undefined) && this.isUpdate){
            this.$message.warning('请选择市')
            return;
        }
        if((this.countryCode==""   || this.countryCode==undefined)  && this.isUpdate){
            this.$message.warning('请选择县')
            return;
        }
        if(this.editformObj.location=="" || this.editformObj.location==undefined){
            this.$message.warning('请输入所在位置')
            return;
        }
        if(this.adcodeHb && (this.editformObj.scale==""  || this.editformObj.scale==undefined)){
            this.$message.warning('请选择工程规模')
            return;
        }
        if(this.adcodeHb && (this.editformObj.ptype==""  || this.editformObj.ptype==undefined)){
            this.$message.warning('请选择工程类型')
            return;
        }
        if(this.adcodeHb && (this.editformObj.cate==""  || this.editformObj.cate==undefined)){
            this.$message.warning('请选择工程类别')
            return;
        }
        if(this.adcodeHb && (this.editformObj.stage==""  || this.editformObj.stage==undefined)){
            this.$message.warning('请选择工程阶段')
            return;
        }
        this.editformObj.persId = this.userId;
        this.editformObj.uptm = "";
        var _self = this;
        request.post(`/tac/att/pawp/base`, this.editformObj).then(res => {
            if (res.success) {
                _self.provCode = "";
                _self.cityCode = "";
                _self.countryCode = "";
                _self.provName = "";
                _self.cityName = "";
                _self.countryName = "";
                _self.$message.success('修改成功');
                _self.editObjDialogVisible = false;
                _self.editformObj = {};
                _self.isUpdate = false;
                _self.getTableList();
            }
        })
    },
    showAddObjDialog(){
       this.addObjDialogVisible = true;
    },
    getAddvList(adCode,code){
        var _self = this;
        request.get('/dc/ad/base/getAdData',{params:{'adCode':adCode}}).then(res=>{
            if(res.success){
                if(code=="1"){
                    _self.provList = res.data;
                }
                if(code=="2"){
                    _self.cityList = res.data;
                }
                if(code=="3"){
                    _self.countryList = res.data;
                }
            }
        })
    },
    provChange(val){
        this.cityCode = "";
        this.countryCode = "";
        this.cityName = "";
        this.countryName = "";
        this.getAddvList(val,"2");
        this.provList.forEach(ele=>{
            if(ele.adCode == val){
                this.provName= ele.adName
            }
        })
    },
    cityChange(val){
        this.countryCode = "";
        this.countryName = "";
        this.getAddvList(val,"3");
        this.cityList.forEach(ele=>{
            if(ele.adCode == val){
                this.cityName= ele.adName
            }
        })
    },
    countryChange(val){
        this.countryList.forEach(ele=>{
            if(ele.adCode == val){
                this.countryName= ele.adName
            }
        })
        this.addformObj.adName = this.provName+this.cityName+this.countryName;
        this.addformObj.adCode = this.countryCode;
        this.editformObj.adName = this.provName+this.cityName+this.countryName;
        this.editformObj.adCode = this.countryCode;
    },
    //table1
    handleEdit(row){
      console.log('----handleEdit---row-------',row)
       this.editformObj = row;
       this.editObjDialogVisible = true;
    },
    handleDelete(row){
        var _self = this;
        _self.$confirm('确定要删除该数据, 是否继续?', '提示', {
            confirmButtonText: '确定',
             cancelButtonText: '取消',
            type: 'warning'
        }).then(() => {
            request.get(`/tac/att/pawp/base/delNew/${row.id}`).then(res =>{
                if(res.success){
                    _self.$message({
                        type: 'success',
                        message: '删除成功'
                    })
                    _self.getTableList();
                }else{
                    _self.$message.warning(res.message);
                }
            })
        }).catch(() => {
            _self.$message({
                type: 'info',
                message: '已取消删除'
            });
        });
   },
   getCityAddvcd() {
       var _self = this;
       request.get(`/dc/att/adXBase/getAdTreeByAdCd`,{
           params:{
               'adCd': this.organCode,
               'level': "2",
           }
       }).then(res => {
           if (res.success) {
               _self.addvList = res.data.children;
           }
       })
    },
    searchBtn(){
       this.getTableList();
    },
    getProType(){
       request.get(`/tac/att/pawp/base/getBaseType`).then(res => {
            if (res.success) {
                this.ProType = res.data;
            }
        })
    },
    getTableList(){
        var _self = this;
        _self.loading = true;
        _self.searchForm.pageNum = _self.pageNum;
        _self.searchForm.pageSize = _self.pageSize;
        request.post(`/tac/att/pawp/base/page`, this.searchForm).then(res => {

            if (res.success) {
                _self.tableData = res.data.list;
                _self.total = res.data.total
                _self.loading = false;
            }
        })
    },
    getLogList(){
        var _self = this;
        _self.loadingLog = true;
        var params = {
           year:this.searchForm.year,
           pageNum:this.log.pageNum,
           pageSize:this.log.pageSize
        }
        request.post(`/tac/TacAttPawpBaseChangeLog/page`, params).then(res => {
            if (res.success) {
                _self.tableDataLog = res.data.list;
                _self.log.total = res.data.total
                _self.loadingLog = false;
            }
        })
    },
    pageIndexChange(val) {
      this.pageNum = val;
      this.getTableList();
    },
    handleSizeChange(val) {
      this.pageSize = val;
      this.getTableList();
    },
    pageIndexChangeLog(val) {
        this.log.pageNum = val;
        this.getLogList();
    },
    handleSizeChangeLog(val) {
        this.log.pageSize = val;
        this.getLogList();
    },
  }
}
</script>

<style lang="scss">
.history_project {
  width: 100%;
  height: 100%;
  padding: 0;
  .el-select {
    width: 8vw;
  }

  .mb10 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
  }

  .p10 {
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
  }


}
</style>