<template>
  <div>
    <el-form label-width="120px" :model="form" :inline="true" :rules="rules" ref="ruleForm" 
      class="form-wr dialog-h-content scroll-h">
      <el-form-item label="所属党组织" prop="sszb">
        <el-select v-model="form.sszb" filterable
        :disabled="disabled" placeholder="请选择" class="input-width" clearable>
            <el-option
              v-for="item in optionsEditG"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
      </el-form-item>
      <el-form-item label="党员中心户" prop="isDyzxh" label-width="300px">
        <el-radio-group v-model="form.isDyzxh">
            <el-radio label="是" value="1"></el-radio>
            <el-radio label="否" value="0"></el-radio>
          </el-radio-group>
        <!-- <el-select v-model="form.isDyzxh" filterable
        :disabled="disabled" placeholder="请选择" class="input-width" clearable>
            <el-option
              v-for="item in optionsEditG"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select> -->
      </el-form-item>
      <div>
        <el-form-item label="姓名" prop="name">
          <el-input v-model="form.name" placeholder="请输入" :disabled="disabled" class="input-width" clearable></el-input>
        </el-form-item>
        <el-form-item label="免学习" prop="isMxx" label-width="300px">
          <el-radio-group v-model="form.isMxx">
            <el-radio label="是" value="1"></el-radio>
            <el-radio label="否" value="0"></el-radio>
          </el-radio-group>
          <!-- <el-select v-model="form.isMxx" filterable :disabled="disabled" placeholder="请选择" class="input-width" clearable>
            <el-option label="是" value="1"></el-option>
            <el-option label="否" value="0"></el-option>
          </el-select> -->
        </el-form-item>
      </div>
      <div>
        <el-form-item label="手机号" prop="mobile">
          <el-input v-model="form.mobile" placeholder="请输入" :disabled="disabled" class="input-width" clearable />
        </el-form-item>
        <el-form-item label="职务" prop="partyZw" label-width="300px">
          <el-select v-model="form.partyZw" filterable :disabled="disabled" placeholder="请选择" class="input-width" clearable>
            <el-option
              v-for="item in zwList"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
      </div>
      <div>
        <el-form-item label="身份证" prop="idCard">
          <el-input v-model="form.idCard" placeholder="请输入" :disabled="disabled" class="input-width" clearable />
        </el-form-item>
        <el-form-item label="文化程度" prop="culture" label-width="300px">
          <el-select v-model="form.culture" filterable :disabled="disabled" placeholder="请选择" class="input-width" clearable>
            <el-option
              v-for="item in optionsC"
              :key="item.categoryId"
              :label="item.categoryName"
              :value="item.categoryId">
            </el-option>
          </el-select>
        </el-form-item>
      </div>
      <div>
        <el-form-item label="地址" prop="address">
          <el-input v-model="form.address" placeholder="请输入" :disabled="disabled" class="input-width" clearable></el-input>
        </el-form-item>
        <el-form-item label="入党时间" prop="rdsj" label-width="300px">
          <el-input v-model="form.rdsj" placeholder="请输入" :disabled="disabled" class="input-width" clearable></el-input>
        </el-form-item>
      </div>
      <div>
        <el-form-item label="流动党员" prop="isLd">
          <el-radio-group v-model="form.isLd" class="input-width">
            <el-radio label="是" value="1"></el-radio>
            <el-radio label="否" value="0"></el-radio>
          </el-radio-group>
          <!-- <el-select v-model="form.isLd" filterable :disabled="disabled" placeholder="请选择" class="input-width" clearable>
            <el-option label="是" value="1"></el-option>
            <el-option label="否" value="0"></el-option>
          </el-select> -->
        </el-form-item>
        <el-form-item label="流动党员号" prop="ldzh" label-width="392px">
          <el-input v-model="form.ldzh" placeholder="请输入" :disabled="disabled" class="input-width" clearable></el-input>
        </el-form-item>
      </div>
      <el-form-item label="备注" prop="remark">
        <el-input v-model="form.remark" :autosize="{ minRows: 4, maxRows: 10}" :disabled="disabled" type="textarea" clearable class="input-width-textarea" placeholder="请输入内容"></el-input>
      </el-form-item>
      
    </el-form>
    <div class="pdl40">
      <el-button-group>
        <el-button class="diy-button--add" size="small">量化积分</el-button>
        <el-button size="small">缴费记录</el-button>
      </el-button-group>
    </div>
    <!-- <div class="resi-btns">
      <el-button size="small" @click="handlerCancle">取消</el-button>
      <el-button
        v-if="!disabled"
        type="primary"
        size="small"
        :loading="btnLoading"
        @click="handleSUbmit"
        >提交</el-button
      >
    </div> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      zwList: [
        {
          label: '普通党员',
          value: '0'
        },
        {
          label: '支部书记',
          value: '1'
        },
        {
          label: '支部委员',
          value: '2'
        },
        {
          label: '党委委员',
          value: '3'
        },
      ],
      form: {
        icResiUser: '',
        name: '',
        idCard: '',
        address: '',
        rdsj: '',
        sszb: '',
        isLd: '',
        ldzh: '',
        partyZw: '',
        isDyzxh: '',
        isMxx: '',
        culture: '',
        remark: ''
      },
      rules: {
        sszb: [{ required: true, message: '所属党组织不能为空', trigger: 'blur' }],
        name: [{ required: true, message: '姓名不能为空', trigger: 'blur' }],
        idCard: [{ required: true, message: '身份证不能为空', trigger: 'blur' }],
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.input-width-textarea {
  width: 400px;
}
.pdl40 {
  padding-left: 40px;
}
</style>