<!-- 新版添加家访对话框开始 --> <el-dialog :title="title2" :visible.sync="open2" width="900px" append-to-body> <el-form ref="form2" :model="form2" :rules="rules" label-width="80px"> <el-form-item label="主题" prop="title"> <el-input v-model="form2.title" /> </el-form-item> <el-row> <el-col :span="12"> <el-form-item label="家访人员" prop="visitorName"> <el-select v-model="form2.visitorName" placeholder="请选择人员" filterable clearable style="width:100%" :filter-method="userFilter" > <el-option v-for="dict in renderOption" :key="dict.userId" :label="dict.label" :value="dict.userId" /> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="职务" prop="visitorDuty"> <el-input v-model="form2.visitorDuty" /> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="家访时间" prop="visitTime"> <el-date-picker clearable v-model="form2.visitTime" type="date" value-format="yyyy-MM-dd" placeholder="请选择时间" style="width:100%" ></el-date-picker> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="地点" prop="visitPlace"> <el-input v-model="form2.visitPlace" /> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="受访对象" prop="respondentName"> <el-select v-model="form2.respondentName" placeholder="请选择人员" filterable clearable style="width:100%" :filter-method="userFilter" > <el-option v-for="dict in renderOption" :key="dict.userId" :label="dict.label" :value="dict.userId" /> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="职务" prop="respondentDuty"> <el-input v-model="form2.respondentDuty" /> </el-form-item> </el-col> </el-row> <el-form-item label="家风情况" prop="visitResult"> <el-input v-model="form2.visitResult" /> </el-form-item> <el-form-item label="受访家庭是否存在困难" label-width="164px" prop="diffCode"> <el-radio-group v-model="form2.diffCode"> <el-radio v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.value" >{ { dict.label }}</el-radio> </el-radio-group> </el-form-item> <div v-if="form2.diffCode == 'Y'"> <div v-for="(item, index) in diffList" :key="index"> <el-row :span="24"> <el-col :span="12"> <el-form-item label="困难描述" prop="content"> <el-input v-model="item.content" width="500px" /> </el-form-item> </el-col> <el-col :span="4"> <el-button style="margin-left: 10px" v-if="index + 1 == diffList.length" type="primary" size="small" @click="addItem" >+</el-button> <el-button style="margin-left: 10px" v-if="index !== 0" type="danger" size="small" @click="removeDiffList(index)" >-</el-button> </el-col> <el-col :span="8"> <el-form-item label="是否现场解决" label-width="106px"> <el-switch v-model="item.status" active-value="Y" inactive-value="N"></el-switch> <!-- <el-radio-group v-model="item.status"> <el-radio v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.value" >{ { dict.label }}</el-radio > </el-radio-group>--> </el-form-item> </el-col> </el-row> </div> </div> <el-form-item label="受访家庭是否存在苗头问题" label-width="186px" prop="trendCode"> <el-radio-group v-model="form2.trendCode"> <el-radio v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.value" >{ { dict.label }}</el-radio> </el-radio-group> </el-form-item> <div v-if="form2.trendCode == 'Y'"> <div v-for="(item, index) in trendList" :key="index"> <el-row :span="24"> <el-col :span="12"> <el-form-item label="问题描述" prop="content"> <el-input v-model="item.content" width="500px" /> </el-form-item> </el-col> <el-col :span="4"> <el-button style="margin-left: 10px" v-if="index + 1 == trendList.length" type="primary" size="small" @click="addTrendItem" >+</el-button> <el-button style="margin-left: 10px" v-if="index !== 0" type="danger" size="small" @click="removeTrendList(index)" >-</el-button> </el-col> <el-col :span="8"> <el-form-item label="是否现场解决" label-width="106px"> <el-switch v-model="item.status" active-value="Y" inactive-value="N"></el-switch> <!-- <el-radio-group v-model="item.status"> <el-radio v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.value" >{ { dict.label }}</el-radio > </el-radio-group>--> </el-form-item> </el-col> </el-row> </div> </div> <el-form-item label=家访概要" label-width="106px" prop="visitRecord"> <editor v-model="form2.visitRecord" :min-height="142" /> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> <el-button type="primary" @click="submitForm2">确 定</el-button> <el-button @click="cancel2">取 消</el-button> </div> </el-dialog>
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="主题" prop="title">
<el-input v-model="form.title" placeholder="请输入主题" />
</el-form-item>
<el-form-item label="开展组织" prop="orgId">
<treeselect
v-model="form.orgId"
:options="deptOptions"
:show-count="true"
placeholder="请选择组织"
/>
</el-form-item>
<el-form-item label="参训人员" prop="unionUserId">
<el-select
v-model="form.unionUserId"
placeholder="请选择人员"
filterable
clearable
multiple
@change="getSelectUser"
style="width:100%"
>
<el-option
v-for="dict in userList"
:key="dict.userId"
:label="dict.label"
:value="dict.userId"
/>
</el-select>
</el-form-item>
<el-row></el-row>
<el-form-item label="轮训起止日期" prop="rotationStartTime">
<el-col :span="11">
<el-date-picker
type="date"
placeholder="选择日期"
v-model="form.rotationStartTime"
:picker-options="pickerOptionsStart"
value-format="yyyy-MM-dd"
clearable
></el-date-picker>
</el-col>
<el-col class="line" :span="2">-</el-col>
<el-col :span="11">
<el-form-item label prop="rotationEndTime">
<el-date-picker
clearable
type="date"
value-format="yyyy-MM-dd"
v-model="form.rotationEndTime"
:picker-options="pickerOptionsEnd"
placeholder="选择日期"
></el-date-picker>
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="参训率" prop="rotationRatio">
<el-row :span="24">
<el-col :span="9">
<el-input v-model="form.rotationRatio" placeholder="请输入参训率" disabled />
</el-col>
<el-col :span="13" :offset="2">
<el-row :span="3">
<el-input v-model="selectUser" placeholder="选择的参训人员" disabled />
</el-row>
<div style="border-top: 2px solid #eee; margin: 5px 0"></div>
<el-row :span="3">
<el-input v-model="userTotal" placeholder="组织总人数参训率" disabled />
</el-row>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="培训课程" prop="rotationClass">
<el-input v-model="form.rotationClass" placeholder="请输入主要课程" />
</el-form-item>
<el-form-item label="附件">
<file-upload v-model="form.file" />
</el-form-item>
<el-form-item label="轮训概况" prop="overview">
<editor v-model="form.rotationOverview" :min-height="192" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>