<template>
  <div class="app-container">
    <div style="background-color: #fff;padding: 20px; border-radius: 5px;"  class="instabf">
    <el-form class="jugesfrss sousde" :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="77px">
      <el-row :gutter="20">
        <el-col :span="24">
          <p class='jivbf'> <img src="../../../assets/images/icon_htgl_cxtj.png" alt="" style="width:15px;height: 15px;">查询条件</p>
        </el-col>
        <el-col :span="8">
          <el-form-item label="申请额度" prop="applicationAmount" style="display: flex;width:100%;">
            <el-input
              style="width:76%"
              v-model="queryParams.applicationAmount"
              placeholder="请输入申请额度(万元)"
              clearable
              @keyup.enter.native="handleQuery"
            />
            <span style="width:15%">(万元)</span>
          </el-form-item>
        </el-col>
        <el-col :span="8" >
          <el-form-item label="企业名称" prop="enterpriseName" style="width:100%;">
            <el-input
              v-model="queryParams.enterpriseName"
              placeholder="请输入企业名称"
              clearable
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
        </el-col>






        <!-- 管理员 -->
        <!-- <el-col :span="8">
         <el-form-item label="申请进度" prop="loan_schedule">
           <el-select v-model="queryParams.loan_schedule" placeholder="请选择申请进度" clearable>
             <el-option
               v-for="dict in dict.type.sh_status"
               :key="dict.value"
               :label="dict.label"
               :value="dict.value"
             />
           </el-select>
         </el-form-item>
        </el-col> -->
        <el-col :span="8">
          <el-form-item class="qiuchu">
            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
   <div class="ntgs">
      <p class='jivb'><span>申报业务审核</span></p>
    <el-row :gutter="10" class="mb8">
     <!-- <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['system:application:add']"
        >企业申报</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAddge"
          v-hasPermi="['system:application:add']"
        >个人申报</el-button>
      </el-col>
 -->
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['system:application:remove']"
        >删除</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['system:application:export']"
        >导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :height="tableMaxHeight" :data="applicationList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="贷款申请编号" align="center" prop="loanApplicationNumber" width="100" />
      <el-table-column label="申请额度(万元)" align="center" prop="applicationAmount" width="120"/>
      <el-table-column label="企业名称" align="center" prop="enterpriseName" width="100"/>
      <el-table-column label="申请银行" align="center" prop="applicationBank" width="100">
       <template slot-scope="scope">
            <dict-tag :options="dict.type.shendai_bank" :value="scope.row.applicationBank"/>
       	</template>
      </el-table-column>
      <el-table-column label="使用期限(月)" align="center" prop="usagePeriod" width="100"/>
      <el-table-column label="资金用途" align="center" prop="purposeFunds" width="100"/>
      <!-- <el-table-column label="行业类型" align="center" prop="categoryType" width="100"/> -->
      <!-- <el-table-column label="用户类型" align="center" prop="customerType" width="100">
        <template slot-scope="scope">
              <dict-tag :options="dict.type.customer_type" :value="scope.row.customerType"/>
         	</template>
        </el-table-column> -->
      <!-- <el-table-column label="担保类型" align="center" prop="guaranteeType" width="100" >
        <template slot-scope="scope">
              <dict-tag :options="dict.type.guarantee_type" :value="scope.row.guaranteeType"/>
         	</template>
        </el-table-column> -->
      <!-- <el-table-column label="申请人身份证号码" align="center" prop="idCard" width="160"/> -->
      <el-table-column label="申请时间" align="center" prop="applicationTime" width="140">
        <template slot-scope="scope">
          <span>{{ scope.row.applicationTime}}</span>
        </template>
      </el-table-column>

      <el-table-column label="贷款申请进度" align="center" prop="loanSchedule" width="100">
        <template slot-scope="scope">
          <div @click="dakjnd(scope.row)">
            <dict-tag :options="dict.type.loan_schedule" :value="scope.row.loanSchedule"/>
          </div>
        </template>
      </el-table-column>

      <el-table-column label="贷款申请状态 " align="center" prop="loanApplicationType" width="120">
      <template slot-scope="scope">
          <dict-tag :options="dict.type.loan_application_type" :value="scope.row.loanApplicationType"/>
        </template>
      </el-table-column>
      <el-table-column label="审核进度"  align="center" prop="auditSchedule" width="100">
      <template slot-scope="scope">
        <div @click="shegjis(scope.row)">
          <dict-tag :options="dict.type.audit_schedule" :value="scope.row.auditSchedule"/>
        </div>
        </template>
      </el-table-column>
      <el-table-column label="审核状态"  align="center" prop="auditType" width="100">
      <template slot-scope="scope">
          <dict-tag :options="dict.type.sh_status" :value="scope.row.auditType"/>
        </template>
      </el-table-column>
      <el-table-column label="投票时间 " fixed="right" align="center" prop="reviewTime" width="180">
      <template slot-scope="scope">
          <span>{{scope.row.reviewTime}}</span>
        </template>
      </el-table-column>
      <el-table-column label="投票结果 " fixed="right" align="center" prop="votingResult" width="120">
      <template slot-scope="scope">
          <dict-tag :options="dict.type.voting_result" :value="scope.row.votingResult"/>
        </template>
      </el-table-column>
      <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width" width="120">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            @click="toupiao(scope.row)"
            v-if="scope.row.votingResult !=4"
            v-hasPermi="['c:conference:list:time']"
          >投票结果</el-button>
          <el-button
            size="mini"
            type="text"
            @click="toupiaochx(scope.row)"
            v-hasPermi="['c:conference:again']"
             v-if="scope.row.votingResult ==3"
          >重新投票</el-button>
          <el-button
            size="mini"
            type="text"
            @click="handleUpdatech(scope.row)"
          >查看详情</el-button>
          <!-- <el-button
            size="mini"
            type="text"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:application:remove']"
          >删除</el-button> -->
          <!-- <el-dropdown class="nlos" size="mini" @command="(command) => handleCommand(command, scope.row)" >
            <span class="el-dropdown-link">
              <i class="el-icon-d-arrow-right el-icon--right"></i>更多
            </span>
            <template #dropdown>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item  command="handleUpdatech" icon="el-icon-circle-check"
                >投票结果</el-dropdown-item>
            </el-dropdown-menu>
            </template>
          </el-dropdown> -->
        </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />
    </div>
   </div>

   <el-dialog :title="titleg" :visible.sync="openg" width="500px" append-to-body>
     <el-form ref="form" :model="form" :rules="rules" label-width="80px">
       <el-form-item label="投票时间" v-if="isnue == 0" prop="conferenceTime">
         <el-date-picker style="width:100%;" clearable
                   v-model="form.conferenceTime"
                   type="datetime"
                   value-format="yyyy-MM-dd HH:mm:ss"
                   placeholder="请选择评申会日期">
            </el-date-picker>
            <!-- :picker-options="pickerOptions" -->
       </el-form-item>

     </el-form>
     <div slot="footer" class="dialog-footer">
       <el-button type="primary" @click="submitForm">确 定</el-button>
       <el-button @click="cancel">取 消</el-button>
     </div>
   </el-dialog>

    <!-- 添加或修改贷款申请主对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="400px" append-to-body>
         <div>
           <el-steps direction="vertical" :active="jidneg" finish-status="success" process-status="finish " status="finish">
               <el-step :title="item.loanScheduleName" :description="item.loanScheduleTime == null? '暂无数据' : item.loanScheduleTime +'/'+ item.realName " v-for="(item,index) in scheduleList" :key="index"></el-step>
             </el-steps>
         </div>
      <div slot="footer" class="dialog-footer">
        <!-- <el-button type="primary" @click="submitForm">确 定</el-button> -->
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <el-dialog title="审核进度" :visible.sync="opensh" width="1000px" append-to-body>
      <el-table height="300" v-loading="loading" :data="enterpriseList" >
        <el-table-column label="申请编号" align="center" prop="loanApplicationNumber" width="120" />
       <el-table-column label="审核进度" align="center" prop="auditSchedule" width="100">
       <template slot-scope="scope">
         <div @click="shegjis(scope.row)">
           <dict-tag :options="dict.type.audit_schedule" :value="scope.row.auditSchedule"/>
         </div>
         </template>
       </el-table-column>
       <el-table-column label="审核状态" align="center" prop="auditType" width="100">
       <template slot-scope="scope">
           <dict-tag :options="dict.type.sh_status" :value="scope.row.auditType"/>
         </template>
       </el-table-column>
        <el-table-column label="审核意见" align="center" prop="auditView" width="120"/>
        <el-table-column label="操作人" align="center" prop="createBy" />
        <!-- <el-table-column label="评审会日期" align="center" prop="reviewTime" /> -->
        <el-table-column label="附件" align="center" prop="fjUrl" >
                <template slot-scope="scope">
                  <p  @click="handleUpdategt(item)" v-for="(item,index) in scope.row.fjUrl" :key="index">{{item.name}}</p>
                  <!-- <el-button
                    size="mini"
                    type="text"
                    icon="el-icon-edit"
                    @click="handleUpdategt(scope.row)"
                    v-hasPermi="['system:application:edit']"
                  >查看</el-button> -->
                </template>
        </el-table-column>
         <el-table-column label="意见图片" align="center" prop="imageUrl" width="100">
                <template slot-scope="scope">
                  <image-preview :src="scope.row.imageUrl" :width="50" :height="50"/>
        </template>
        </el-table-column>
      </el-table>
    </el-dialog>
    <el-dialog title="查看附件" :visible.sync="fujijty" width="800px" append-to-body>
        <VueOfficeDocx style="height: 80vh;" :template="file.fileurl" :src="file.fileurl" :options="editorOptions" ref="docxEditorf" v-if="file.type=='word'">
        </VueOfficeDocx>
        <img :src="file.fileurl" alt="" v-if="file.type=='image'" style="width:90%;">
        <VueOfficeExcel  style="height: 80vh;" :template="file.fileurl" :src="file.fileurl" :options="editorOptions"  ref="docxEditor" v-if="file.type=='excel'"></VueOfficeExcel>
        <iframe :src="file.fileurl" frameborder="0" style="width:100%;height:100%;"  v-if="file.type=='pdf'"></iframe>
          <!-- <iframe :src="reportUrl" frameborder="0" style="width:100%;height:40%;"></iframe> -->
    </el-dialog>

    <!-- 投票结果 -->
    <el-dialog title="投票结果" :visible.sync="opentou" width="1000px" append-to-body>
       <el-table
       row-key="conferenceTime"
       :tree-props="{children: 'children'}"
        height="300" v-loading="loading" :data="timeList">
        <el-table-column label="参会时间" align="center" prop="conferenceTime" width="140"/>
         <el-table-column label="申请编号" align="center" prop="loanApplicationNumber"  />
        <el-table-column label="公司名称" align="center" prop="loanApplicationName" width="100">
        <template slot-scope="scope">
          <span>{{scope.row.loanApplicationName}}</span>
          </template>
        </el-table-column>
        <el-table-column label="担保额度" align="center" prop="lineGuarantee" />
        <el-table-column label="担保期限" align="center" prop="guaranteePeriod" />
        <el-table-column label="表决不通过原因" align="center" prop="argument" />
         <el-table-column label="投票结果" align="center" prop="votingResult" >
         <template slot-scope="scope">
           <span>{{scope.row.votingResult == 'Y'? '同意' : scope.row.votingResult == 'N'? '不同意' :''}}</span>
           </template>
         </el-table-column>
       </el-table>
    </el-dialog>

  </div>
</template>

<script>
import { listApplication, getApplication, delApplication, addApplication, updateApplication,schedule,comment,conferencelist,applicationco,again } from "@/api/dabgs/application";
import { listUser } from "@/api/system/user";
export default {
  name: "Application",
  dicts: ['shendai_bank','voting_result', 'marital_status','guarantee_type','customer_type','sys_yes_no','loan_schedule','sh_status','loan_application_type','audit_schedule'],
  data() {
    return {
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      editorOptions: {
        toolbar: true,
        width: '450px',
        height: '600px',
      },
      fujijty:false,
      totaldk:0,
      // 贷款申请主表格数据
      applicationList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      titleg:'',
      openg:false,
      pickerOptions: {
        disabledDate(time) {
          //disabledDate 文档上：设置禁用状态，参数为当前日期，要求返回 Boolean
          // return time.getTime() > Date.now()//选当前时间之前的时间
          return time.getTime() < Date.now() - 8.64e7; //选当前时间之后的时间
        }
      },
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        applicationAmount: null,
        applicationBank: null,
        usagePeriod: null,
        purposeFunds: null,
        repaymentSource: null,
        enterpriseName: null,
        categoryType: null,
        isMake: null,
        isNew: null,
        isSmall: null,
        isDuty: null,
        companyIntroduction: null,
        customerType: null,
        corporationFront: null,
        corporationBack: null,
        corporationName: null,
        corporationIdCard: null,
        corporationPhone: null,
        familyPopulation: null,
        corporationJob: null,
        isLoan: null,
        receivablePay: null,
        businessSituation: null,
        businessEfficiency: null,
        corporationMaritalStatus: null,
        spouseFront: null,
        spouseBack: null,
        spouseName: null,
        spouseIdCard: null,
        spousePhone: null,
        guaranteeType: null,
        guaranteeFront: null,
        guaranteeBack: null,
        guaranteeName: null,
        guaranteeIdCard: null,
        guaranteePhone: null,
        guaranteeMaritalStatus: null,
        guaranteeSpouseFront: null,
        guaranteeSpouseBack: null,
        guaranteeSpouseName: null,
        guaranteeSpouseIdCard: null,
        guaranteeSpousePhone: null,
        userId: null,
        idCard: null,
        applicationTime: null,
        fileTime: null,
        loanSchedule: null,
        auditSchedule: null,
        auditType: null,
        loanApplicationType: '2',
        aUserId: null,
        aUserName: null,
        bUserId: null,
        bUserName: null,

      },
      queryParamsdk:{
        pageNum: 1,
        pageSize: 10,
      },

      // 表单参数
      form: {},
      // 表单校验
      rules: {
        conferenceTime: [
          { required: true, message: "不能为空", trigger: "blur" }
        ],
      },
      tableMaxHeight:300,
      scheduleList:[],
      dkId:0,
      jidneg:0,
      isnue:0,
      isfengw:false,
      userList:[],
      opensh:false,
      enterpriseList:[],
      file:{fileurl:'',type:''},
      opentou:false,
      timeList:[]
    };
  },
  created() {
    this.getList();
  window.onresize = () => {
  	      this.changeTableMaxHeight()
  	    }
  	    this.changeTableMaxHeight()
  },
  activated() {
      //调用列表函数
      this.getList()
  },
  mounted() {
  	window.onresize = () => {
  	          this.changeTableMaxHeight()
  	        }
  	        this.changeTableMaxHeight()
  },
  methods: {
    /** 查询贷款申请主列表 */
    getList() {
      this.loading = true;
      applicationco(this.queryParams).then(response => {
        this.applicationList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // 查看投票结果
    timgw(val){
      this.loading = true;
      let nsjgd={loanApplicationId:val}
      conferencelist(nsjgd).then(response => {
        this.timeList = response.data;
        // this.total = response.total;
        this.loading = false;
      });
    },
    dakjnd(row){
      this.dkId = row.loanApplicationId
      this.title = '查看信息'
      this.jidneg = row.loanSchedule - 0
      this.open = true
      this.getdkList()
    },
    getdkList(){
      this.queryParamsdk.loanApplicationId = this.dkId
      schedule(this.queryParamsdk).then(response => {
        this.scheduleList = response.data;
        this.totaldk = response.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.openg = false
      this.opentou = false
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        loanApplicationId: null,
        loanApplicationNumber: null,
        applicationAmount: null,
        applicationBank: null,
        usagePeriod: null,
        purposeFunds: null,
        repaymentSource: null,
        enterpriseName: null,
        categoryType: null,
        isMake: null,
        isNew: null,
        isSmall: null,
        isDuty: null,
        companyIntroduction: null,
        customerType: null,
        corporationFront: null,
        corporationBack: null,
        corporationName: null,
        corporationIdCard: null,
        corporationPhone: null,
        familyPopulation: null,
        corporationJob: null,
        isLoan: null,
        receivablePay: null,
        businessSituation: null,
        businessEfficiency: null,
        corporationMaritalStatus: null,
        spouseFront: null,
        spouseBack: null,
        spouseName: null,
        spouseIdCard: null,
        spousePhone: null,
        guaranteeType: null,
        guaranteeFront: null,
        guaranteeBack: null,
        guaranteeName: null,
        guaranteeIdCard: null,
        guaranteePhone: null,
        guaranteeMaritalStatus: null,
        guaranteeSpouseFront: null,
        guaranteeSpouseBack: null,
        guaranteeSpouseName: null,
        guaranteeSpouseIdCard: null,
        guaranteeSpousePhone: null,
        userId: null,
        idCard: null,
        applicationTime: null,
        fileTime: null,
        loanSchedule: null,
        auditSchedule: null,
        auditType: null,
        loanApplicationType: null,
        aUserId: null,
        aUserName: null,
        bUserId: null,
        bUserName: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        remark: null,
        conferenceTime:null,
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.loanApplicationId)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.$router.push({
        path: '/shenbaoxinx/bjqs',
      		query: {
      			'id':null,
      			'isxz':1,
            'type':1
      		}
      })
      // this.reset();
      // this.open = true;
      // this.title = "添加贷款申请主";
    },

    handleAddge(){
      this.$router.push({
        path: '/shenbaoxinx/bjqs',
      		query: {
      			'id':null,
      			'isxz':1,
            'type':2
      		}
      })
    },
    // 查看投票结果
    toupiao(row){
     this.opentou = true
     this.timgw(row.loanApplicationId)
    },
    // 重新投票
    toupiaochx(row){
      this.isnue = 0
      this.reset();
      this.form.loanApplicationId = row.loanApplicationId
      this.form.conferenceTime = null
      this.form.loanApplicationNumber = row.loanApplicationNumber
      this.$set(this.form,'conferenceTime',null)
      this.openg = true
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      // this.reset();
      const loanApplicationId = row.loanApplicationId || this.ids
      this.$router.push({
        path: '/shenbaoxinx/bjqs',
      		query: {
      			'id':loanApplicationId,
      			'isxz':2,
            'bh':row.loanApplicationNumber
      		}
      })

      // getApplication(loanApplicationId).then(response => {
      //   this.form = response.data;
      //   this.open = true;
      //   this.title = "修改贷款申请主";
      // });
    },
    handleUpdatech(row){
      const loanApplicationId = row.loanApplicationId || this.ids
      this.$router.push({
        path: '/bjqsh',
      		query: {
      			'id':loanApplicationId,
      			'isxz':2,
            'bh':row.loanApplicationNumber,
            'issh':true
      		}
      })
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.loanApplicationId != null) {
            again(this.form).then(response => {
              this.$modal.msgSuccess("操作成功");
              this.openg  = false;
              this.getList();
            });
          } else {
            addApplication(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const loanApplicationIds = row.loanApplicationId || this.ids;
      this.$modal.confirm('是否确认删除贷款申请主编号为"' + loanApplicationIds + '"的数据项？').then(function() {
        return delApplication(loanApplicationIds);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('system/application/export', {
        ...this.queryParams
      }, `application_${new Date().getTime()}.xlsx`)
    },
    // 更多操作触发
    handleCommand(command, row) {
      switch (command) {
        case "getPass":
          this.getPass(row);
          break;
        case "infoBtn":
          this.infoBtn(row);
          break;
        case "getPassfenp":
          this.getPassfenp(row);
          break;
          case "handleUpdatech":
            this.handleUpdatech(row);
            break;



        default:
          break;
      }
    },
    // 审核分配 A  B
    getPassfenp(row){
      // 审核分配
      this.getListge()
      this.isnue = 0
      this.titleg='审核分配',
      this.openg = true
    },
    ingwd(val){
     console.log(val)
     if(val == 'N'){
       this.isfengw = true
     }else{
       this.isfengw = false
     }
    },
    getListge() {
      listUser().then(response => {
          this.userList = response.rows;
        }
      );
    },
    shegjis(row){
      this.opensh = true
      let nsg={loanApplicationId:row.loanApplicationId}
      comment(nsg).then(response => {
          this.enterpriseList = response.rows;
        })
    },
    handleUpdategt(row){
      this.fujijty = true
      this.file.type =
      this.matchType(row.url)
      this.file.fileurl = process.env.VUE_APP_BASE_API + row.url
      // this.$router.push({
      //   path: '/shenbaoxinx/chkawe',
      // 		query: {
      //       'fjUrl':row.fjUrl
      // 		}
      // })
    },
    matchType(fileName) {
      // 后缀获取
      var suffix = '';
      // 获取类型结果
      var result = '';
      try {
        var flieArr = fileName.split('.');
        suffix = flieArr[flieArr.length - 1];
      } catch (err) {
        suffix = '';
      }
      // fileName无后缀返回 false
      if (!suffix) {
        result = false;
        return result;
      }
      // 图片格式
      var imglist = ['png', 'jpg', 'jpeg', 'bmp', 'gif'];
      // 进行图片匹配
      result = imglist.some(function(item) {
        return item == suffix;
      });
      if (result) {
        result = 'image';
        return result;
      };
      // 匹配txt
      var txtlist = ['txt'];
      result = txtlist.some(function(item) {
        return item == suffix;
      });
      if (result) {
        result = 'txt';
        return result;
      };
      // 匹配 excel
      var excelist = ['xls', 'xlsx'];
      result = excelist.some(function(item) {
        return item == suffix;
      });
      if (result) {
        result = 'excel';
        return result;
      };
      // 匹配 word
      var wordlist = ['doc', 'docx','word'];
      result = wordlist.some(function(item) {
        return item == suffix;
      });
      if (result) {
        result = 'word';
        return result;
      };
      // 匹配 pdf
      var pdflist = ['pdf'];
      result = pdflist.some(function(item) {
        return item == suffix;
      });
      if (result) {
        result = 'pdf';
        return result;
      };
      // 匹配 ppt
      var pptlist = ['ppt'];
      result = pptlist.some(function(item) {
        return item == suffix;
      });
      if (result) {
        result = 'ppt';
        return result;
      };
      // 匹配 视频
      var videolist = ['mp4', 'm2v', 'mkv'];
      result = videolist.some(function(item) {
        return item == suffix;
      });
      if (result) {
        result = 'video';
        return result;
      };
      // 匹配 音频
      var radiolist = ['mp3', 'wav', 'wmv'];
      result = radiolist.some(function(item) {
        return item == suffix;
      });
      if (result) {
        result = 'radio';
        return result;
      }
      // 其他 文件类型
      result = 'other';
      return result;
    },
    // 获取屏幕高度
    showFilterForm () {
          this.filterActive = !this.filterActive
          this.changeTableMaxHeight()
        },

        changeTableMaxHeight () {
          let height = document.body.offsetHeight // 网页可视区域高度
          // if (this.filterActive) {
          //   this.tableMaxHeight = height - 320
          // } else {
            this.tableMaxHeight = height - 400
          // }
          console.log(height)
        },
  }
};
</script>

<style lang="scss">
  .instabf{
    .el-table .el-table__fixed-header-wrapper th{
      background-color:#F1F9FD;
    }
    .el-table .el-table__header-wrapper th{
      background-color:#F1F9FD;
    }
  }
  .sousde{
    .el-form-item--small.el-form-item{
      border: 1px solid #E6E6E6;
          }

    .el-input--small .el-input__inner{
      border: 0;
    }
    .qiuchu{
      border:0 !important;
    }
  }
	.nhgrls{
		.el-dialog__body{
			padding: 0;
		}
	}
  .hyr{
    span{
      text-decoration:underline;
    }
  }
</style>
<style scoped lang="scss">
  .iuer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    .ite{
      display: flex;
      justify-content: space-between;
      align-items: center;
      p{
        cursor:pointer;
        margin: 0;
        font-size: 15px;
        font-family: PingFang SC;
        font-weight: 500;
        color:#666666;
        padding: 4px 12px;
        background: #Fff;
        border-radius: 4px;
        margin-right: 20px;
		position: relative;
      }
      .actt{
        background: #fff;
        // border-bottom: 3px solid #5974E0;
        // border-radius: 0;
		// border-bottom-right-radius: 4px;
        color: #5974E0;
      }
	  .actt{
		    &::after {
		          content: "";
		          width: 40%;
		          height: 5px;
				      border-radius: 3px;
		          transform: translate(-50%);
		          background-color: #5974E0;
		          position: absolute;
		          left: 50%;
		          bottom:-3px;
		        }

	  }

    }
  }
  .lqw{
    padding: 0 10px;
    margin: 0;
    margin-bottom: 20px;
  }
.nhgel{
  height: 170px;
  background-color: #313b61;
  width: 100%;
  position: absolute;
  top:0;
  left:0;
  z-index: 0;
}
	.app-container{
		background-color: #f3f4f6;
		padding-top: 10px;
	   // height: 100vh;
	}


	.ksf{
		img{
			width:100%;
			height: 100%;
		}
	}

 .jivbf{
   display: flex;
   align-items: center;
   line-height: 26px;
   font-size: 15px;
   font-family: PingFang SC;
   font-weight: bold;
   color: #333;
   margin-top: 0;
   margin-bottom: 20px;
   img{
   	margin-right: 10px;
   }
 }
  .jivb{
  	display: flex;
  	align-items: center;
  	line-height: 26px;
  	font-size: 15px;
  	font-family: PingFang SC;
  	font-weight: bold;
  	color: #00A9F0;
    margin-top: 0;
  	margin-bottom: 20px;
    border-bottom: 2px solid #E6E6E6;
  	img{
  		margin-right: 10px;
  	}
  	span{
  		border-bottom: 2px solid #00A9F0;
      margin-bottom: -2px;
  	}
  	// border-left: 8px solid #04BFA1;

  }

</style>
