老产品前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

178 lines
6.4 KiB

<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>