el-form

    <!-- 新版添加家访对话框开始 -->
    <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>