1.
<el-form ref="formObj" :model="formInline" class="demo-form-inline" label-width="10rem" :rules="formRules">
<div class="form-div">
<div class="item-div">
<el-form-item label="企业名称">
中粮贸易部
</el-form-item>
</div>
<div class="item-div">
<el-form-item label="所属部门" prop="deptId">
<el-select v-model="formInline.deptId" placeholder="请选择" @change="userGetPerson">
<el-option
v-for="item in departmentList"
:key="item.orgId"
:label="item.orgName"
:value="item.orgId">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="人员" prop="personId">
<el-select v-model="formInline.personId" placeholder="请选择">
<el-option
v-for="item in personnelList"
:key="item.value"
:label="item.userName"
:value="item.userId">
</el-option>
</el-select>
</el-form-item>
</div>
</div>
<el-button icon="el-icon-plus" type="primary" plain @click="addQualifications" style="margin-left: 5.7rem;">添加资质</el-button>
<div class="content-div" v-for="(item,index) in formInline.tpersonAptitudes" :key="index">
<div class="title">资质信息</div>
<el-button class="delete-button" size='mini' icon="el-icon-close" type="info" plain @click="deleteAptitude(index)" v-show="formInline.tpersonAptitudes.length>1">删除</el-button>
<div class="item-div">
<div class="zi">
<el-form-item label="资质名称" :prop="'tpersonAptitudes.'+index+'.aptitudeName'" :rules="{ required: true, message: '请选择资质名称',}">
<el-select v-model="item.aptitudeName" placeholder="请选择">
<el-option
v-for="item in qualificationsList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="获评日期" :prop="'tpersonAptitudes.'+index+'.registerData'" :rules="{ required: true, message: '请选择注册/获评时间', }">
<el-date-picker
v-model="item.registerData"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</div>
<div class="zi">
<el-form-item label="资质是否长期有效" :prop="'tpersonAptitudes.'+index+'.isLongTimeValid'" :rules="{ required: true, message: '请选择资质是否长期有效', }">
<el-radio @change="item.aptitudeValid=' '" v-model="item.isLongTimeValid" label="1">是</el-radio>
<el-radio @change="item.aptitudeValid=''" v-model="item.isLongTimeValid" label="0">否</el-radio>
</el-form-item>
<el-form-item label="有效期限" :prop="'tpersonAptitudes.'+index+'.aptitudeValid'" :rules="{ required: true, message: '请选择有效期',}">
<el-date-picker
:disabled="item.isLongTimeValid == '1'"
v-model="item.aptitudeValid"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</div>
</div>
</div>
</el-form>
2.
<template slot-scope="scope">
<div>
<span>{{scope}}</span>
</div>
</template>
</el-cascader>