form表单

    <el-form
      :model="ruleForm"
      :rules="ruleFormRules"
      ref="ruleForm"
      inline
      :show-message='false'
    >

      <div>
        <el-form-item
          label="医疗单位"
          prop="UnitIdList"
          label-width="60px"
        >
          <el-select
            size="small"
            class="el-select-multi-sj"
            v-model="ruleForm.UnitIdList"
            placeholder="请选择活动区域"
            multiple
            style="width:170px"
            @visible-change="ChangeUnit"
          >
            <el-option
              v-for="item in userUnits"
              :key="item.UnitId"
              :label="item.UnitName"
              :value="item.UnitId"
            >
            </el-option>
          </el-select>
        </el-form-item>

        <el-form-item
          label="结算类型"
          prop="AccountTypeList"
          label-width="60px"
        >
          <el-select
            size="small"
            class="el-select-multi-sj"
            v-model="ruleForm.AccountTypeList"
            placeholder="请选择活动区域"
            multiple
            style="width:170px"
            @change='handleCheckedAccountTypeListChange'
          >
            <el-switch
              v-model="checkAllAccountType"
              on-text="全选"
              off-text=""
              :width=70
              style="margin-left:20px"
              @change="handlecheckAllAccountTypeChange"
            >
            </el-switch>

            <el-option
              v-for="(item, index) in AccountTypeItems"
              :key="index"
              :label="item.Name"
              :value='item.Code'
            >
            </el-option>
          </el-select>
        </el-form-item>

        <el-form-item
          label="核算类别"
          prop="InvoiceList"
          label-width="58px"
        >
          <el-select
            size="small"
            class="el-select-multi-sj"
            v-model="ruleForm.InvoiceList"
            placeholder="请选择活动区域"
            multiple
            style="width:292px"
            @change='handleCheckedInvoiceListChange'
          >
            <el-switch
              v-model="checkAllInvoiceList"
              on-text="全选"
              off-text=""
              :width=70
              style="margin-left:20px"
              @change="handlecheckAllInvoiceListChange"
            >
            </el-switch>
            <el-option
              v-for="(item, index) in InvoiceListItems"
              :key="index"
              :label="item.Name"
              :value='item.Code'
            >
            </el-option>
          </el-select>
        </el-form-item>
      </div>

      <div>
        <el-form-item
          label="门诊收入"
          prop="FeeOutDateType"
        >
          <el-select
            size="small"
            v-model="ruleForm.FeeOutDateType"
            placeholder="请选择"
            style="width:170px"
          >
            <el-option
              v-for="item in FeeOutDateTypeitems"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>

        <el-form-item
          label="住院收入"
          prop="FeeInDateType"
        >
          <el-select
            size="small"
            v-model="ruleForm.FeeInDateType"
            placeholder="请选择"
            style="width:170px"
          >
            <el-option
              v-for="item in FeeInDateTypeitems"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>

        <el-form-item
          prop="BeginDt"
          label="时间范围"
        >
          <el-date-picker
            size="small"
            v-model="ruleForm.BeginDt"
            type="datetime"
            placeholder="选择日期时间"
            :disabled="loading.disabled"
            :clearable=false
            :editable=false
          >
          </el-date-picker>
        </el-form-item>

        <el-form-item prop="EndDt">
          <el-date-picker
            size="small"
            v-model="ruleForm.EndDt"
            type="datetime"
            placeholder="选择日期时间"
            :disabled="loading.disabled"
            :clearable=false
            :editable=false
          >
          </el-date-picker>
        </el-form-item>
      </div>

      <div>
        <el-form-item
          label="费用范围"
          prop="Scope"
        >
          <el-select
            size="small"
            v-model="ruleForm.Scope"
            placeholder="请选择"
            style="width:90px"
          >
            <el-option
              v-for="item in Scopeitems"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>

        <el-form-item
          label="归属对象"
          prop="Belong"
        >
          <el-select
            size="small"
            v-model="ruleForm.Belong"
            placeholder="请选择"
            style="width:90px"
          >
            <el-option
              v-for="item in Belongitems"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>

        <el-form-item
          label="金额类型"
          prop="ShowMoney"
        >
          <el-select
            size="small"
            v-model="ruleForm.ShowMoney"
            placeholder="请选择"
            style="width:90px"
          >
            <el-option
              v-for="item in ShowMoneyitems"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item
          label="财务分类"
          prop="AmountType"
        >
          <el-select
            size="small"
            v-model="ruleForm.AmountType"
            placeholder="请选择"
            style="width:80px"
          >
            <el-option
              v-for="item in AmountTypeitems"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item
          label="显示方式"
          prop="ShowType"
        >
          <el-select
            size="small"
            v-model="ruleForm.ShowType"
            placeholder="请选择"
            style="width:97px"
          >
            <el-option
              v-for="item in ShowTypeitems"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button
            size="small"
            @click="submitForm('ruleForm')"
          >提取</el-button>
          <!-- <el-button
            @click="resetForm('ruleForm')"
            size="small"
          >重置</el-button> -->
        </el-form-item>
      </div>
    </el-form>