<template>
  <div class="EnseList">
    <el-row class="topBar">
      <el-col>
        <el-form :inline="true" :model="searchData">
          <el-form-item>
            <el-input v-model="searchData.unitName" placeholder="请输入企业名称"></el-input>
          </el-form-item>
          <el-form-item>
            <el-input v-model="searchData.userName" placeholder="请输入用户名"></el-input>
          </el-form-item>
          <el-form-item>
            <el-input v-model="searchData.orgCode" placeholder="请输入统一社会信用代码"></el-input>
          </el-form-item>
          <el-form-item>
            <City @changeFun="changeFun" :valueqv="cityval"></City>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="searchFun()">
              <i class="el-icon-search"></i> 搜索
            </el-button>
            <el-button type="primary" @click="resetFun()">
              <i class="el-icon-refresh"></i> 重置
            </el-button>
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <el-table :data="tableData.pageData" stripe border style="width:100%;" :loading="loading">
      <el-table-column width="50" type="index" label="序号"></el-table-column>
      <el-table-column prop="unitName" label="企业名称"></el-table-column>
      <el-table-column prop="legalPerson" label="企业法人"></el-table-column>
      <el-table-column prop="orgCode" label="统一社会信用代码"></el-table-column>
      <el-table-column prop="legalPersonEmail" label="法人邮箱"></el-table-column>
      <el-table-column prop="userName" label="管理员名称"></el-table-column>
      <el-table-column prop="account" label="管理员账号"></el-table-column>
      <el-table-column prop="status" label="账号状态">
        <template slot-scope="scope">
          <font v-if="scope.row.accountStatus === '0'" class="colorM">
            <i class="iconfont iconzhengchang"></i> 正常
          </font>
          <font v-else-if="scope.row.accountStatus == 2" class="colorP">
            <i class="iconfont iconsuoding"></i> 已锁定
          </font>
          <font v-else-if="scope.row.accountStatus == 1" class="colorR">
            <i class="iconfont iconicon_huabanfuben"></i> 已删除
          </font>
          <font v-else-if="scope.row.accountStatus == 3" class="colorP">
            <i class="iconfont iconshenhe"></i> 审核中
          </font>
          <font v-else-if="scope.row.accountStatus == 4" class="colorR">
            <i class="iconfont iconweitongguo"></i> 审核未通过
          </font>
        </template>
      </el-table-column>
      <el-table-column label="操作" width="170" align="center">
        <template slot-scope="scope">
          <el-button type="success" size="small" @click="checkDetal(scope.row)">
            <i class="el-icon-view"></i>查看详细
          </el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination
      background
      layout="total,sizes, prev, pager, next, jumper"
      :total="tableData.total"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="PAGE.page"
      :page-size="PAGE.size"
    ></el-pagination>
  </div>
</template>
<script lang="ts">
import { Component, Vue, Provide } from "vue-property-decorator";
import City from "@/components/city.vue";
import METHOD from "@/utils/methods";
@Component({
  components: {  City }
})
export default class EnterprisesMg extends Vue {
  @Provide() tableData: Object = { pageData: [], total: 0 };
  @Provide() PAGE: any = { page: 1, size: 10 };
  @Provide() searchData: any = {};
  @Provide() loading: Boolean = false;
  @Provide() cityval: any = [];
  //编辑组件
  @Provide() dialogVisible: Boolean = false;
  @Provide() formData: any = { dataType: "", enterpriseId: "" };
  @Provide() zjKey: any = 0;

  getTableData() {
    let that = this,
      param = Object.assign({accountStatus:'0'}, that.PAGE, that.searchData);
    that.loading = true;
    METHOD.axiosPost(
      that,
      `/enterpriseInfo/queryEnterpriseInfo`,
      param,
      function(res: any) {
        that.loading = false;
        if (res.code == 0) {
          that.tableData = res.data;
        }
      }
    );
  }
  searchFun() {
    this.PAGE = { page: 1, size: 10 };
    this.getTableData();
  }
  resetFun() {
    this.PAGE = { page: 1, size: 10 };
    this.searchData = { unitName: "" };
    this.getTableData();
    this.cityval = [];
  }
  handleSizeChange(val: any) {
    this.PAGE.size = val;
    this.getTableData();
  }
  handleCurrentChange(val: any) {
    this.PAGE.page = val;
    this.getTableData();
  }
  closeDialog() {
    //关闭窗口
    this.dialogVisible = false;
    this.formData = {};
  }
  selectChange(val: any) {
    this.searchData.dataType = val;
    this.getTableData();
  }
  checkDetal(row: any) {
    this.$router.push({path: '/EnDetail', query:{enterpriseId: row.enterpriseId} })
  }
  /*选择城市*/
  changeFun(v: any) {
    this.searchData.provinceId = v[0];
    this.searchData.cityId = v[1];
    this.searchData.countyId = v[2];
  }
  created() {
    this.getTableData();
  }
}
</script>
<style lang="scss" scoped>
@import "@/utils/public.scss";

</style>