<template>
  <div>
    <div style="overflow-x: hidden;">
      <Tabs value="name2">
        <Tab-pane label="机构管理" name="name2">
        <InstitutionManage ref="institution"></InstitutionManage>
      </Tab-pane>
        <Tab-pane label="账号管理" name="name1">
          <OfficeManager ref="office"></OfficeManager>
        </Tab-pane>
      </Tabs>
    </div>
  </div>
</template>

<script>
import { selectOfficeUserList } from '@/api/contradiction'
import OfficeManager from './officeManage'
import InstitutionManage from './institutionManage'
export default {
  components: {
    OfficeManager,
    InstitutionManage
  },
  props: [ 'companyInfo', 'choiceInfo' ],
  data () {
    return {
      showWin: false,
      tableLoading: true,
      params: {
        pageNo: 1,
        pageSize: 10,
        totalRecord: 0
      },
      tableData: [],
      formInline: {},
      formRules: {
        name: [
          { required: true, message: '请输入姓名', trigger: 'blur' }
        ],
        cardno: [
          { required: true, message: '请输入身份证号', trigger: 'blur' }
        ]
      }
    }
  },
  computed: {},
  mounted () {},
  methods: {
    // resetPassWord (row) {
    //   this.$Modal.confirm({
    //     title: '提示',
    //     content: '确定重置此账号密码？',
    //     loading: true,
    //     onOk: () => {
    //       updateUserById({
    //         password: 'reset',
    //         userId: row.userId
    //       }).then(res => {
    //         if (res.data.errcode === 0) {
    //           this.$Notice.success({ title: '', desc: '密码重置成功' })
    //           this.getRecordList()
    //           this.$Modal.remove()
    //         } else {
    //           this.$Notice.error({ title: '', desc: res.data.errmsg })
    //         }
    //       })
    //     },
    //     onCancel: () => {
    //       this.$Modal.remove()
    //     }
    //   })
    // },
    // deleteUser (row) {
    //   this.$Modal.confirm({
    //     title: '提示',
    //     content: '确定注销此账号？',
    //     loading: true,
    //     onOk: () => {
    //       updateUserById({
    //         del_flag: '1',
    //         userId: row.userId
    //       }).then(res => {
    //         if (res.data.errcode === 0) {
    //           this.$Notice.success({ title: '', desc: '注销成功' })
    //           this.getRecordList()
    //           this.$Modal.remove()
    //         } else {
    //           this.$Notice.error({ title: '', desc: res.data.errmsg })
    //         }
    //       })
    //     },
    //     onCancel: () => {
    //       this.$Modal.remove()
    //     }
    //   })
    // },
    // saveUser (formName) {
    //   this.$refs[formName].validate((valid) => {
    //     if (valid) {
    //       updateUserById(this.formInline).then(res => {
    //         if (res.data.errcode === 0) {
    //           this.showWin = false
    //           this.$Notice.success({ title: '', desc: '保存成功' })
    //           this.getRecordList()
    //         } else {
    //           this.$Notice.error({ title: '', desc: res.data.errmsg })
    //         }
    //       })
    //     }
    //   })
    // },
    // changeTime (time) {
    //   this.$set(this.params, 'patrol_time', time)
    // },
    // search () {
    //   this.pageAction(1)
    // },
    // showDetail (row) {
    //   this.formInline = JSON.parse(JSON.stringify(row))
    //   this.showWin = true
    // },
    getRecordList () {
      selectOfficeUserList(this.params).then(res => {
        if (res.data.errcode === 0) {
          this.tableLoading = false
          this.tableData = res.data.data.results
          this.params.totalRecord = res.data.data.totalRecord
        } else {
          this.$Notice.error({ title: '', desc: res.data.errmsg })
          this.tableLoading = false
        }
      })
    },
    // pageAction (page) {
    //   this.params.pageNo = page
    //   this.getRecordList()
    // },
    // setTimeTwo (num) {
    //   if (num < 10) {
    //     return ('0' + num)
    //   }
    //   return num
    // },
    load (e) {
      console.log(e)
      this.$refs.office.load(e)
      this.$refs.institution.load(e)
      // this.params.id = e.id
      // this.params.grade = e.grade
      // this.getRecordList()
    }
  }
}
</script>

<style scoped>
.expand-row {
  margin-bottom: 16px;
}

.table_div {
  margin-top: 20px;
}

.paging {
  margin-top: 10px;
  text-align: right;
}

.button_row {
  margin-top: 10px;
}

td .ivu-table-expanded-cell {
  padding: 5px 10px !important;
  background: #f8f8f9 !important;
}
.item-box{
  padding: 5px 0 10px;
  font-size: 14px;
}
.item-box span:first-child{
  padding-right: 10px;
}
</style>
