<template>
 <!-- 账号禁用审核 -->
  <div class="recheck-wrapper height100">
      <div class="search-container">
          <el-form :inline="true" :model="form">
            <el-form-item>
                <el-input
                 v-model="form.name" 
                 placeholder="请输入账号名称、提交人"
                 suffix-icon="el-icon-search"
                 clearable
                >
                </el-input>
            </el-form-item>
             <el-form-item>
               <el-select 
                v-model="form.status" 
                 placeholder="请选择账号状态"
                clearable 
               >
                 <el-option
                     v-for="item in options"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value"
                    ></el-option>
               </el-select>
            </el-form-item>
            <el-form-item>
                <div class="btn-group">
                   <el-button type="primary" @click="handleSubmit">查询</el-button>
                   <el-button @click="handleReset">重置</el-button>
                </div>     
            </el-form-item>
        </el-form>
        <div class="page-tip">
            <span class="page-tip-title">页面说明:</span>
            <span class="page-tips">展示所有禁用账号的申请，审核通过后，该账号状态为禁用，无法在系统中使用</span>
        </div>
      </div>
      <div class="table-content">
           <check-table
            class="noAdd"
            :feildList="feildList"
            :list="list"
            @action="handleAction"
           />
           <party-pagination/>
      </div>
      <!-- <user-dialog/> -->
  </div>
</template>
<script>
import { partyPagination } from '@/components/index'
import checkTable from './components/checkTable'
import {addDialog, editDialog} from './userDialog/index'
export default {
    data(){
        return{
            form:{
                user:'',
                status:''
            },
            options:[   
               {label:'待初审',value:1},
               {label:'驳回',value:2},
               {label:'待复审',value:3},
               {label:'通过',value:4}
            ],
            feildList:[
                {prop:'username',label:'账号名称'},
                {prop:'orgName',label:'所在机构'},
                {prop:'endTime',label:'提交人'},
                {prop:'endTime',label:'提交日期'},
                {prop:'endTime',label:'审核状态'},
                {prop:'',label:'操作',isEdit:true, width:240},
            ],
            list: []
        }
    },
    components:{ partyPagination, checkTable, addDialog, editDialog},
    mounted(){

    },
    methods:{
        handleSubmit(){

        },
        handleReset(){
            this.form.user = ''
        },
        // 弹窗关闭
        handleClose(){
          this.$confirm('确认关闭？')
          .then(_ => {
            done();
          })
          .catch(_ => {});
        },
        handleAction(params){
            console.log(params.type)
        }
    }
}
</script>
<style lang="less" scoped>

</style>