<template>
  <ai-list class="addChange">
    <template #title>
      <ai-title title="基本信息" isShowBottomBorder isShowBack  @onBackClick="back" />
    </template>
    <template #content>
      <el-form ref="form" :model="form" label-width="100px" label-position="right">
        <ai-bar title="基本信息"></ai-bar>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="换届时间" prop="data" :rules="[{ required: true, message: '请选择换届时间', trigger: 'blur' }]">
              <el-input size="small" :maxlength="30" placeholder="请输入大屏项目名称" v-model="form.name"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="届次" prop="noun" :rules="[{ required: true, message: '请输入届次', trigger: 'blur' }]">
              <el-input size="small" :maxlength="30" placeholder="请输入届次" v-model="form.name"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

      <ai-bar title="本届任职(必填)">
        <template slot="right">
          <el-button size="small" type="text" icon="iconfont iconAdd" @click="toEdit('')" >添加任职人员</el-button>
        </template>
      </ai-bar>
      <ai-table
        class="detail-table__table"
        :tableData="tableData"
        :col-configs="colConfigs"
        :total="totalJob"
        :current.sync="current"
        :size.sync="size"
        @getList="getJobList">
        <el-table-column slot="options" label="操作" align="center">
          <template slot-scope="{ row }">
            <el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
            <el-button type="text" @click="jobDelete(row.id)">删除</el-button>
          </template>
        </el-table-column>
      </ai-table>
      <ai-bar title="本届候选人">
        <template slot="right">
          <el-button size="small" type="text" icon="iconfont iconAdd" @click="toEdit('')" >添加候选人</el-button>
        </template>
      </ai-bar>
    </template>
  </ai-list>
</template>

<script>
export default {
  name: "addChange",
  props: {
    instance: Function,
    permissions: Function,
    dict: Object,
  },
  data() {
    return {
      form: {

      }
    }
  },
  methods: {
    back() {},
  }
}
</script>

<style lang="scss" scope>
.addChange {}
</style>