<template>
  <div>
    <template v-if="widget.type == 'problem'">
      <template v-if="widget.options.show">
        <el-form-item
          label-width="160px"
          :label="widget.name"
          :prop="widget.model"
          class="problem"
        >
          <problem
            :key="widget.name"
            v-model="dataModel"
            :disabled="widget.options.disabled"
            :options="widget.options.options"
            :readonly="widget.options.readonly"
            :showType="widget.options.showType"
          >
          </problem>
        </el-form-item>
      </template>
    </template>

    <template v-else>
      <template v-if="widget.options.show">
        <el-form-item
          v-if="widget.options.isLabel"
          label-width="322px"
          :label="widget.name"
          :prop="widget.model"
        >
          <template v-if="widget.type == 'departmentHead'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>
          <template v-if="widget.type == 'auditor'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'blr'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>
          <template v-if="widget.type == 'director'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>
          <template v-if="widget.type == 'jdzsj'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'leadership'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>
          <template v-if="widget.type == 'auditopinion'">
            <template v-if="widget.options.show">
              <opinion
                :key="widget.name"
                v-model="dataModel"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
              >
              </opinion>
            </template>
          </template>

          <template v-if="widget.type == 'handleOpinion'">
            <template v-if="widget.options.show">
              <handle
                :key="widget.name"
                v-model="dataModel"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
              >
              </handle>
            </template>
          </template>
          <template v-if="widget.type == 'replyHandleOpinion'">
            <template v-if="widget.options.showType">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
            <template v-else>
              <template v-if="widget.options.show">
                <replyHandle
                  :key="widget.name"
                  v-model="dataModel"
                  :readonly="widget.options.readonly"
                  :disabled="widget.options.disabled"
                >
                </replyHandle>
              </template>
            </template>
          </template>

          <template v-if="widget.type == 'textarea'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'proposedOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'InstructionsOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'blOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'csfzOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'bmfzOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'jointlySignDeptOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'auditDeptOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'fgfzsOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'fgjldOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'zsjsOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'jdzsjOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'jzOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <!-- 牵头负责人办理意见 -->
          <template v-if="widget.type == 'leaderOpinion'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <!-- 牵头处室负责人办理意见 -->
          <template v-if="widget.type == 'departmentLeaderOpinion'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <!-- 牵头处室负责人办理意见 -->
          <template v-if="widget.type == 'auditDepartmentLeaderOpinion'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <!-- 牵头处室负责人办理意见 -->
          <template v-if="widget.type == 'auditBusinessLeaderOpinion'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <!-- 牵头处室负责人办理意见 -->
          <template v-if="widget.type == 'mainDepartmentLeaderOpinion'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'secendDept'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'leadershipInstructions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'cbcsfgfzr'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>
          <template v-if="widget.type == 'bmfgfzr'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>
          <!-- 牵头处室负责人办理意见 -->
          <template v-if="widget.type == 'deptLeaderOpinion'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'cbcsfzr'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>
          <template v-if="widget.type == 'orgSign'">
            <template v-if="widget.options.show">
              <reply
                :key="widget.name"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :options="widget.options.options"
                :readonly="widget.options.readonly"
                :orgSignList="widget.options.orgSignList"
                @orgSign="orgSign"
              >
              </reply>
            </template>
          </template>

          <template v-if="widget.type == 'providerOpinion'">
            <template v-if="widget.options.show">
              <div>
                请对“审计事项摘要”提出明确的意见：①情况属实；②情况不属实，理由如下：
              </div>
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'input'">
            <template v-if="widget.options.show">
              <el-input
                v-if="
                  widget.options.dataType == 'number' ||
                  widget.options.dataType == 'integer' ||
                  widget.options.dataType == 'float'
                "
                type="number"
                v-model.number="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
              ></el-input>
              <el-input
                v-else
                :type="widget.options.dataType"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'number'">
            <template v-if="widget.options.show">
              <el-input-number
                v-model="dataModel"
                :style="{ width: widget.options.width }"
                :step="widget.options.step"
                controls-position="right"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :min="widget.options.min"
                :max="widget.options.max"
              ></el-input-number>
            </template>
          </template>

          <template v-if="widget.type == 'radio'">
            <template v-if="widget.options.show">
              <el-radio-group
                v-model="dataModel"
                :style="{ width: widget.options.width }"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
              >
                <el-radio
                  :style="{
                    display: widget.options.inline ? 'inline-block' : 'block',
                  }"
                  :label="item.value"
                  v-for="(item, index) in widget.options.remote
                    ? widget.options.remoteOptions
                    : widget.options.options"
                  :key="index"
                >
                  <template v-if="widget.options.remote">{{
                    item.label
                  }}</template>
                  <template v-else>{{
                    widget.options.showLabel ? item.label : item.value
                  }}</template>
                </el-radio>
              </el-radio-group>
            </template>
          </template>

          <template v-if="widget.type == 'checkbox'">
            <template v-if="widget.options.show">
              <el-checkbox-group
                v-model="dataModel"
                :style="{ width: widget.options.width }"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
              >
                <el-checkbox
                  :style="{
                    display: widget.options.inline ? 'inline-block' : 'block',
                  }"
                  :label="item.value"
                  v-for="(item, index) in widget.options.remote
                    ? widget.options.remoteOptions
                    : widget.options.options"
                  :key="index"
                >
                  <template v-if="widget.options.remote">{{
                    item.label
                  }}</template>
                  <template v-else>{{
                    widget.options.showLabel ? item.label : item.value
                  }}</template>
                </el-checkbox>
              </el-checkbox-group>
            </template>
          </template>

          <template v-if="widget.type == 'time'">
            <template v-if="widget.options.show">
              <el-time-picker
                v-model="dataModel"
                :is-range="widget.options.isRange"
                :placeholder="widget.options.placeholder"
                :start-placeholder="widget.options.startPlaceholder"
                :end-placeholder="widget.options.endPlaceholder"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :editable="widget.options.editable"
                :clearable="widget.options.clearable"
                :arrowControl="widget.options.arrowControl"
                :value-format="widget.options.format"
                :style="{ width: widget.options.width }"
              >
              </el-time-picker>
            </template>
          </template>

          <template v-if="widget.type == 'date'">
            <template v-if="widget.options.show">
              <el-date-picker
                v-model="dataModel"
                :type="widget.options.type"
                :placeholder="widget.options.placeholder"
                :start-placeholder="widget.options.startPlaceholder"
                :end-placeholder="widget.options.endPlaceholder"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :editable="widget.options.editable"
                :clearable="widget.options.clearable"
                :value-format="
                  widget.options.timestamp ? 'timestamp' : widget.options.format
                "
                :format="widget.options.format"
                :style="{ width: widget.options.width }"
              >
              </el-date-picker>
            </template>
          </template>

          <template v-if="widget.type == 'auditdate'">
            <template v-if="widget.options.show">
              <el-date-picker
                v-model="dataModel"
                :type="widget.options.type"
                :placeholder="widget.options.placeholder"
                :start-placeholder="widget.options.startPlaceholder"
                :end-placeholder="widget.options.endPlaceholder"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :editable="widget.options.editable"
                :clearable="widget.options.clearable"
                :value-format="
                  widget.options.timestamp ? 'timestamp' : widget.options.format
                "
                :format="widget.options.format"
                :style="{ width: widget.options.width }"
              >
              </el-date-picker>
            </template>
          </template>
          <template v-if="widget.type == 'getTime'">
            <template v-if="widget.options.show">
              <el-date-picker
                v-model="dataModel"
                :type="widget.options.type"
                :placeholder="widget.options.placeholder"
                :start-placeholder="widget.options.startPlaceholder"
                :end-placeholder="widget.options.endPlaceholder"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :editable="widget.options.editable"
                :clearable="widget.options.clearable"
                :value-format="
                  widget.options.timestamp ? 'timestamp' : widget.options.format
                "
                :format="widget.options.format"
                :style="{ width: widget.options.width }"
              >
              </el-date-picker>
            </template>
          </template>

          <template v-if="widget.type == 'receiptdate'">
            <template v-if="widget.options.show">
              <el-date-picker
                v-model="dataModel"
                :type="widget.options.type"
                :placeholder="widget.options.placeholder"
                :start-placeholder="widget.options.startPlaceholder"
                :end-placeholder="widget.options.endPlaceholder"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :editable="widget.options.editable"
                :clearable="widget.options.clearable"
                :value-format="
                  widget.options.timestamp ? 'timestamp' : widget.options.format
                "
                :format="widget.options.format"
                :style="{ width: widget.options.width }"
              >
              </el-date-picker>
            </template>
          </template>

          <template v-if="widget.type == 'replyDate'">
            <template v-if="widget.options.show">
              <el-date-picker
                v-model="dataModel"
                :type="widget.options.type"
                :placeholder="widget.options.placeholder"
                :start-placeholder="widget.options.startPlaceholder"
                :end-placeholder="widget.options.endPlaceholder"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :editable="widget.options.editable"
                :clearable="widget.options.clearable"
                :value-format="
                  widget.options.timestamp ? 'timestamp' : widget.options.format
                "
                :format="widget.options.format"
                :style="{ width: widget.options.width }"
              >
              </el-date-picker>
            </template>
          </template>

          <template v-if="widget.type == 'rate'">
            <template v-if="widget.options.show">
              <el-rate
                v-model="dataModel"
                :max="widget.options.max"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :allow-half="widget.options.allowHalf"
              ></el-rate>
            </template>
          </template>

          <template v-if="widget.type == 'color'">
            <template v-if="widget.options.show">
              <el-color-picker
                v-model="dataModel"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :show-alpha="widget.options.showAlpha"
              ></el-color-picker>
            </template>
          </template>
          <!-- {{widget.type}} -->
          <template v-if="widget.type == 'auditproject'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :filterable="widget.options.filterable"
                style="display: block"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'select'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'eventselect'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'auditorselect'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'jointlySignDept'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'fgfzs'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'fgjld'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'zsjs'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'audittext'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <!-- <template v-if="widget.type == 'secendDept'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template> -->

          <!-- 分管审计工作的单位负责人 -->
          <template v-if="widget.type == 'auditDepartmentLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <!-- 分管审计工作的单位负责人 -->
          <template v-if="widget.type == 'auditBusinessLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <!-- 单位主要负责人 -->
          <template v-if="widget.type == 'mainDepartmentLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <!-- 牵头处室负责人 -->
          <template v-if="widget.type == 'departmentLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'switch'">
            <template v-if="widget.options.show">
              <el-switch
                v-model="dataModel"
                :disabled="widget.options.disabled"
              >
              </el-switch>
            </template>
          </template>

          <template v-if="widget.type == 'slider'">
            <template v-if="widget.options.show">
              <el-slider
                v-model="dataModel"
                :min="widget.options.min"
                :max="widget.options.max"
                :disabled="widget.options.disabled"
                :step="widget.options.step"
                :readonly="widget.options.readonly"
                :show-input="widget.options.showInput"
                :range="widget.options.range"
                :style="{ width: widget.options.width }"
              ></el-slider>
            </template>
          </template>

          <template v-if="widget.type == 'imgupload'">
            <template v-if="widget.options.show">
              <fm-upload
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :style="{ width: widget.options.width }"
                :width="widget.options.size.width"
                :height="widget.options.size.height"
                :token="widget.options.token"
                :domain="widget.options.domain"
                :multiple="widget.options.multiple"
                :length="widget.options.length"
                :readonly="widget.options.readonly"
                :is-qiniu="widget.options.isQiniu"
                :is-delete="widget.options.isDelete"
                :min="widget.options.min"
                :is-edit="widget.options.isEdit"
                :action="widget.options.action"
              >
              </fm-upload>
            </template>
          </template>

          <template v-if="widget.type == 'fileupload'">
            <template v-if="widget.options.show">
              <file-upload
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :style="{ width: widget.options.width }"
                :width="widget.options.size.width"
                :height="widget.options.size.height"
                :token="widget.options.token"
                :domain="widget.options.domain"
                :multiple="widget.options.multiple"
                :length="widget.options.length"
                :is-qiniu="widget.options.isQiniu"
                :readonly="widget.options.readonly"
                :is-delete="widget.options.isDelete"
                :min="widget.options.min"
                :is-edit="widget.options.isEdit"
                :action="widget.options.action"
              >
              </file-upload>
            </template>
          </template>

          <template v-if="widget.type == 'evidenceFile'">
            <template v-if="widget.options.show">
              <file-upload
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :actionUrl="widget.options.action"
                :readonly="widget.options.readonly"
                :headers="widget.options.headers"
              >
              </file-upload>
            </template>
          </template>

          <template v-if="widget.type == 'replyFiles'">
            <template v-if="widget.options.show">
              <file-upload
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :actionUrl="widget.options.action"
                :readonly="widget.options.readonly"
                :headers="widget.options.headers"
              >
              </file-upload>
            </template>
          </template>

          <template v-if="widget.type == 'editor'">
            <template v-if="widget.options.show">
              <vue-editor
                v-model="dataModel"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              >
              </vue-editor>
            </template>
          </template>

          <template v-if="widget.type == 'cascader'">
            <template v-if="widget.options.show">
              <el-cascader
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
                :options="widget.options.remoteOptions"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'text'">
            <template v-if="widget.options.show">
              <span>{{ dataModel }}</span>
            </template>
          </template>

          <template v-if="widget.type == 'receiptCompany'">
            <template v-if="widget.options.show">
              <span>{{ dataModel }}</span>
            </template>
          </template>

          <template v-if="widget.type == 'receiptTietle'">
            <template v-if="widget.options.show">
              <span>{{ dataModel }}</span>
            </template>
          </template>

          <!-- 回复复核 -->
          <template v-if="widget.type == 'replyReviewCompany'">
            <template v-if="widget.options.show">
              <span>{{ dataModel }}</span>
            </template>
          </template>

          <template v-if="widget.type == 'replyReviewTietle'">
            <template v-if="widget.options.show">
              <span>{{ dataModel }}</span>
            </template>
          </template>

          <!-- 问题信息录入 -->
          <template v-if="widget.type == 'projectId'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'auditTypeName'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'auditYear'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'orgName'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'deptName'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'auditModuleName'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'evidenceId'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'questionId'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'questionType'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'getCode'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'auditPro'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'questionDetails'">
            <el-input
              type="textarea"
              :rows="10"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input>
          </template>

          <template v-if="widget.type == 'auditItem'">
            <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
            ></el-input>
          </template>

          <template v-if="widget.type == 'reducedAmount'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'questionLevel'">
            <template v-if="dataModel == '1'">
              <span>一般</span>
            </template>
            <template v-else-if="dataModel == '2'">
              <span>较重</span>
            </template>
            <template v-else>
              <span>严重</span>
            </template>
          </template>

          <template v-if="widget.type == 'contractName'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'contractCode'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'contractAmount'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'supplierName'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'causeAnalysis'">
            <el-input
              type="textarea"
              :rows="5"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input>
          </template>
          <template v-if="widget.type == 'situation'">
            <el-input
              type="textarea"
              :rows="5"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input>
          </template>
          <template v-if="widget.type == 'supportFile'">
            <file-upload
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :multiple="widget.options.multiple"
              :actionUrl="widget.options.action"
              :readonly="widget.options.readonly"
              :headers="widget.options.headers"
            >
            </file-upload>
          </template>
          <template v-if="widget.type == 'rectifyDutyDept'">
            <el-button
              @click="addTable"
              type="primary"
              :disabled="widget.options.disabled"
              icon="el-icon-plus"
            ></el-button>
            <el-table
              :data="dataModel"
              size="mini"
              border
              style="width: 100%"
              class="table"
            >
              <el-table-column
                prop="liableUserOrgName"
                label="整改责任部门"
                width="200"
                align="center"
              >
              </el-table-column>
              <el-table-column
                property="liableUserName"
                label="整改责任人"
                width="150"
                align="center"
              >
              </el-table-column>
              <el-table-column width="200" label="操作" align="center">
                <template slot-scope="scope">
                  <el-button
                    @click="editTable(scope.$index, 'liableUserOrgName')"
                    type="primary"
                    :disabled="widget.options.disabled"
                    icon="el-icon-edit"
                  ></el-button>
                  <el-button
                    @click="cutTable(scope.$index)"
                    type="primary"
                    :disabled="widget.options.disabled"
                    icon="el-icon-minus"
                  ></el-button>
                </template>
              </el-table-column>
            </el-table>
          </template>
          <template v-if="widget.type == 'rectifyDutyPerson'">
            <el-input
              v-model="dataModel"
              :placeholder="widget.options.placeholder"
              :readonly="widget.options.readonly"
              :style="{ width: widget.options.width }"
              :disabled="widget.options.disabled"
            ></el-input>
          </template>
          <template v-if="widget.type == 'mainJob'">
            <span>{{ dataModel }}</span>
          </template>
          <template v-if="widget.type == 'mainMajor'">
            <span>{{ dataModel }}</span>
          </template>
          <template v-if="widget.type == 'secondaryJob'">
            <span>{{ dataModel }}</span>
          </template>
          <template v-if="widget.type == 'secondaryMajor'">
            <span>{{ dataModel }}</span>
          </template>
          <template v-if="widget.type == 'review'">
            <el-input
              type="textarea"
              :rows="5"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input>
          </template>
          <template v-if="widget.type == 'state'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>
          <template v-if="widget.type == 'isCancel'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'auditedDept'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                style="display: block"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'responseDept'">
            <span>{{ dataModel }}</span>
          </template>
          <template v-if="widget.type == 'personLiable'">
            <template v-if="widget.options.show">
              <el-button
                @click="addTable"
                type="primary"
                :disabled="widget.options.disabled"
                icon="el-icon-plus"
              ></el-button>

              <el-table
                :data="dataModel"
                size="mini"
                border
                style="width: 100%"
                class="table"
              >
                <el-table-column
                  prop="liableUserOrgName"
                  label="责任部门"
                  width="200"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="liableUserName"
                  label="姓名"
                  width="150"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="liableUserPost"
                  label="职务"
                  width="200"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="liableUserMajor"
                  label="专业"
                  width="200"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="fine"
                  label="罚金金额（元）"
                  width="100"
                  align="center"
                >
                </el-table-column>
                <el-table-column width="200" label="操作" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="editTable(scope.$index, 'liableUserName')"
                      type="primary"
                      :disabled="widget.options.disabled"
                      icon="el-icon-edit"
                    ></el-button>
                    <el-button
                      @click="cutTable(scope.$index)"
                      type="primary"
                      :disabled="widget.options.disabled"
                      icon="el-icon-minus"
                    ></el-button>
                  </template>
                </el-table-column>
              </el-table>
            </template>
          </template>
          <template v-if="widget.type == 'mainPenaltyAmount'">
            <span>{{ dataModel }}</span>
          </template>
          <template v-if="widget.type == 'secondaryResponseDept'">
            <span>{{ dataModel }}</span>
          </template>
          <template v-if="widget.type == 'secondaryPersonLiable'">
            <template v-if="widget.options.show">
              <el-button
                @click="addTable"
                type="primary"
                :disabled="widget.options.disabled"
                icon="el-icon-plus"
              ></el-button>

              <el-table
                :data="dataModel"
                size="mini"
                border
                style="width: 100%"
                class="table"
              >
                <el-table-column
                  prop="liableUserOrgName"
                  label="责任部门"
                  width="200"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="liableUserName"
                  label="姓名"
                  width="150"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="liableUserPost"
                  label="职务"
                  width="200"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="liableUserMajor"
                  label="专业"
                  width="200"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="fine"
                  label="罚金金额（元）"
                  width="100"
                  align="center"
                >
                </el-table-column>
                <el-table-column width="200" label="操作" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="editTable(scope.$index, 'secondaryPersonLiable')"
                      type="primary"
                      :disabled="widget.options.disabled"
                      icon="el-icon-edit"
                    ></el-button>
                    <el-button
                      @click="cutTable(scope.$index)"
                      type="primary"
                      :disabled="widget.options.disabled"
                      icon="el-icon-minus"
                    ></el-button>
                  </template>
                </el-table-column>
              </el-table>
            </template>
          </template>
          <template v-if="widget.type == 'secondaryPenaltyAmount'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'questionClass'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>
          <template v-if="widget.type == 'questionSubclass'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>
          <template v-if="widget.type == 'rectificationMethod'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'adjustAccountAccount'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
                type="number"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'recoveryFund'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
                type="number"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'retrieveLoss'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
                type="number"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'returnCapitalChannel'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
                type="number"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'paymentTaxesFees'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
                type="number"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'otherAmount'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
                type="number"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'sumAmount'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
                type="number"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'newSystem'">
            <template v-if="widget.options.show">
              <el-checkbox
                :disabled="widget.options.disabled"
                :true-label="1"
                :false-label="0"
                v-model="dataModel"
              ></el-checkbox>
            </template>
          </template>
          <template v-if="widget.type == 'reviseImproveSystem'">
            <template v-if="widget.options.show">
              <el-checkbox
                :disabled="widget.options.disabled"
                :true-label="1"
                :false-label="0"
                v-model="dataModel"
              ></el-checkbox>
            </template>
          </template>
          <template v-if="widget.type == 'improveProcesses'">
            <template v-if="widget.options.show">
              <el-checkbox
                :disabled="widget.options.disabled"
                :true-label="1"
                :false-label="0"
                v-model="dataModel"
              ></el-checkbox>
            </template>
          </template>
          <template v-if="widget.type == 'otherNotAmount'">
            <template v-if="widget.options.show">
              <el-checkbox
                :disabled="widget.options.disabled"
                :true-label="1"
                :false-label="0"
                v-model="dataModel"
              ></el-checkbox>
            </template>
          </template>

          <template v-if="widget.type == 'auditDept'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'evidenceCode'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'auditItem'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'content'">
            <el-input
              type="textarea"
              :rows="5"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input>
          </template>

          <template v-if="widget.type == 'suggestion'">
            <el-input
              type="textarea"
              :rows="5"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input>
          </template>

          <template v-if="widget.type == 'riskmatters'">
            <el-input
              type="textarea"
              :rows="5"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input>
          </template>

          <template v-if="widget.type == 'managesuggestion'">
            <el-input
              type="textarea"
              :rows="5"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input>
          </template>

          <template v-if="widget.type == 'replyReviewDate'">
            <template v-if="widget.options.show">
              <el-date-picker
                v-model="dataModel"
                :type="widget.options.type"
                :placeholder="widget.options.placeholder"
                :start-placeholder="widget.options.startPlaceholder"
                :end-placeholder="widget.options.endPlaceholder"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :editable="widget.options.editable"
                :clearable="widget.options.clearable"
                :value-format="
                  widget.options.timestamp ? 'timestamp' : widget.options.format
                "
                :format="widget.options.format"
                :style="{ width: widget.options.width }"
              >
              </el-date-picker>
            </template>
          </template>

          <template v-if="widget.type == 'replyReviewAuditItem'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-else-if="widget.type == 'replyReviewAuditItemOpinion'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'replyReviewAuditItemLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template
            v-else-if="widget.type == 'replyReviewAuditItemLeaderOpinion'"
          >
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'replyReviewAuditDeptProLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template
            v-else-if="widget.type == 'replyReviewAuditDeptProLeaderOpinion'"
          >
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'replyReviewAuditDeptMainLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template
            v-else-if="widget.type == 'replyReviewAuditDeptMainLeaderOpinion'"
          >
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'replyReviewAuditDeptChargeLeader'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template
            v-else-if="widget.type == 'replyReviewAuditDeptChargeLeaderOpinion'"
          >
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'replyReviewAuditDeptLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template
            v-else-if="widget.type == 'replyReviewAuditDeptLeaderOpinion'"
          >
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>
        </el-form-item>
        <el-form-item
          v-else
          label-width="160px"
          :label="widget.name"
          :prop="widget.model"
        >
          <template v-if="widget.type == 'departmentHead'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>
          <template v-if="widget.type == 'auditor'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'blr'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>
          <template v-if="widget.type == 'director'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>
          <template v-if="widget.type == 'jdzsj'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'leadership'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>
          <template v-if="widget.type == 'auditopinion'">
            <template v-if="widget.options.show">
              <opinion
                :key="widget.name"
                v-model="dataModel"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
              >
              </opinion>
            </template>
          </template>

          <template v-if="widget.type == 'handleOpinion'">
            <template v-if="widget.options.show">
              <handle
                :key="widget.name"
                v-model="dataModel"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
              >
              </handle>
            </template>
          </template>
          <template v-if="widget.type == 'replyHandleOpinion'">
            <template v-if="widget.options.showType">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
            <template v-else>
              <template v-if="widget.options.show">
                <replyHandle
                  :key="widget.name"
                  v-model="dataModel"
                  :readonly="widget.options.readonly"
                  :disabled="widget.options.disabled"
                >
                </replyHandle>
              </template>
            </template>
          </template>

          <template v-if="widget.type == 'textarea'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'proposedOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'InstructionsOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'blOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'csfzOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'bmfzOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'jointlySignDeptOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'auditDeptOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'fgfzsOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'fgjldOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'zsjsOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'jdzsjOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'jzOpinions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <!-- 牵头负责人办理意见 -->
          <template v-if="widget.type == 'leaderOpinion'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <!-- 牵头处室负责人办理意见 -->
          <template v-if="widget.type == 'departmentLeaderOpinion'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <!-- 牵头处室负责人办理意见 -->
          <template v-if="widget.type == 'auditDepartmentLeaderOpinion'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <!-- 牵头处室负责人办理意见 -->
          <template v-if="widget.type == 'auditBusinessLeaderOpinion'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <!-- 牵头处室负责人办理意见 -->
          <template v-if="widget.type == 'mainDepartmentLeaderOpinion'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'secendDept'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'leadershipInstructions'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'cbcsfgfzr'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>
          <template v-if="widget.type == 'bmfgfzr'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>
          <!-- 牵头处室负责人办理意见 -->
          <template v-if="widget.type == 'deptLeaderOpinion'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'cbcsfzr'">
            <template v-if="widget.options.show">
              <el-cascader
                ref="proSet1"
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>
          <template v-if="widget.type == 'orgSign'">
            <template v-if="widget.options.show">
              <reply
                :key="widget.name"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :options="widget.options.options"
                :readonly="widget.options.readonly"
                :orgSignList="widget.options.orgSignList"
                @orgSign="orgSign"
              >
              </reply>
            </template>
          </template>
          <template v-if="widget.type == 'providerOpinion'">
            <template v-if="widget.options.show">
              <div>
                请对“审计事项摘要”提出明确的意见：①情况属实；②情况不属实，理由如下：
              </div>
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'input'">
            <template v-if="widget.options.show">
              <el-input
                v-if="
                  widget.options.dataType == 'number' ||
                  widget.options.dataType == 'integer' ||
                  widget.options.dataType == 'float'
                "
                type="number"
                v-model.number="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
              ></el-input>
              <el-input
                v-else
                :type="widget.options.dataType"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'number'">
            <template v-if="widget.options.show">
              <el-input-number
                v-model="dataModel"
                :style="{ width: widget.options.width }"
                :step="widget.options.step"
                controls-position="right"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :min="widget.options.min"
                :max="widget.options.max"
              ></el-input-number>
            </template>
          </template>

          <template v-if="widget.type == 'radio'">
            <template v-if="widget.options.show">
              <el-radio-group
                v-model="dataModel"
                :style="{ width: widget.options.width }"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
              >
                <el-radio
                  :style="{
                    display: widget.options.inline ? 'inline-block' : 'block',
                  }"
                  :label="item.value"
                  v-for="(item, index) in widget.options.remote
                    ? widget.options.remoteOptions
                    : widget.options.options"
                  :key="index"
                >
                  <template v-if="widget.options.remote">{{
                    item.label
                  }}</template>
                  <template v-else>{{
                    widget.options.showLabel ? item.label : item.value
                  }}</template>
                </el-radio>
              </el-radio-group>
            </template>
          </template>

          <template v-if="widget.type == 'checkbox'">
            <template v-if="widget.options.show">
              <el-checkbox-group
                v-model="dataModel"
                :style="{ width: widget.options.width }"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
              >
                <el-checkbox
                  :style="{
                    display: widget.options.inline ? 'inline-block' : 'block',
                  }"
                  :label="item.value"
                  v-for="(item, index) in widget.options.remote
                    ? widget.options.remoteOptions
                    : widget.options.options"
                  :key="index"
                >
                  <template v-if="widget.options.remote">{{
                    item.label
                  }}</template>
                  <template v-else>{{
                    widget.options.showLabel ? item.label : item.value
                  }}</template>
                </el-checkbox>
              </el-checkbox-group>
            </template>
          </template>

          <template v-if="widget.type == 'time'">
            <template v-if="widget.options.show">
              <el-time-picker
                v-model="dataModel"
                :is-range="widget.options.isRange"
                :placeholder="widget.options.placeholder"
                :start-placeholder="widget.options.startPlaceholder"
                :end-placeholder="widget.options.endPlaceholder"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :editable="widget.options.editable"
                :clearable="widget.options.clearable"
                :arrowControl="widget.options.arrowControl"
                :value-format="widget.options.format"
                :style="{ width: widget.options.width }"
              >
              </el-time-picker>
            </template>
          </template>

          <template v-if="widget.type == 'date'">
            <template v-if="widget.options.show">
              <el-date-picker
                v-model="dataModel"
                :type="widget.options.type"
                :placeholder="widget.options.placeholder"
                :start-placeholder="widget.options.startPlaceholder"
                :end-placeholder="widget.options.endPlaceholder"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :editable="widget.options.editable"
                :clearable="widget.options.clearable"
                :value-format="
                  widget.options.timestamp ? 'timestamp' : widget.options.format
                "
                :format="widget.options.format"
                :style="{ width: widget.options.width }"
              >
              </el-date-picker>
            </template>
          </template>

          <template v-if="widget.type == 'auditdate'">
            <template v-if="widget.options.show">
              <el-date-picker
                v-model="dataModel"
                :type="widget.options.type"
                :placeholder="widget.options.placeholder"
                :start-placeholder="widget.options.startPlaceholder"
                :end-placeholder="widget.options.endPlaceholder"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :editable="widget.options.editable"
                :clearable="widget.options.clearable"
                :value-format="
                  widget.options.timestamp ? 'timestamp' : widget.options.format
                "
                :format="widget.options.format"
                :style="{ width: widget.options.width }"
              >
              </el-date-picker>
            </template>
          </template>
          <template v-if="widget.type == 'getTime'">
            <template v-if="widget.options.show">
              <el-date-picker
                v-model="dataModel"
                :type="widget.options.type"
                :placeholder="widget.options.placeholder"
                :start-placeholder="widget.options.startPlaceholder"
                :end-placeholder="widget.options.endPlaceholder"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :editable="widget.options.editable"
                :clearable="widget.options.clearable"
                :value-format="
                  widget.options.timestamp ? 'timestamp' : widget.options.format
                "
                :format="widget.options.format"
                :style="{ width: widget.options.width }"
              >
              </el-date-picker>
            </template>
          </template>

          <template v-if="widget.type == 'receiptdate'">
            <template v-if="widget.options.show">
              <el-date-picker
                v-model="dataModel"
                :type="widget.options.type"
                :placeholder="widget.options.placeholder"
                :start-placeholder="widget.options.startPlaceholder"
                :end-placeholder="widget.options.endPlaceholder"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :editable="widget.options.editable"
                :clearable="widget.options.clearable"
                :value-format="
                  widget.options.timestamp ? 'timestamp' : widget.options.format
                "
                :format="widget.options.format"
                :style="{ width: widget.options.width }"
              >
              </el-date-picker>
            </template>
          </template>

          <template v-if="widget.type == 'replyDate'">
            <template v-if="widget.options.show">
              <el-date-picker
                v-model="dataModel"
                :type="widget.options.type"
                :placeholder="widget.options.placeholder"
                :start-placeholder="widget.options.startPlaceholder"
                :end-placeholder="widget.options.endPlaceholder"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :editable="widget.options.editable"
                :clearable="widget.options.clearable"
                :value-format="
                  widget.options.timestamp ? 'timestamp' : widget.options.format
                "
                :format="widget.options.format"
                :style="{ width: widget.options.width }"
              >
              </el-date-picker>
            </template>
          </template>

          <template v-if="widget.type == 'rate'">
            <template v-if="widget.options.show">
              <el-rate
                v-model="dataModel"
                :max="widget.options.max"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :allow-half="widget.options.allowHalf"
              ></el-rate>
            </template>
          </template>

          <template v-if="widget.type == 'color'">
            <template v-if="widget.options.show">
              <el-color-picker
                v-model="dataModel"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :show-alpha="widget.options.showAlpha"
              ></el-color-picker>
            </template>
          </template>
          <!-- {{widget.type}} -->
          <template v-if="widget.type == 'auditproject'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :filterable="widget.options.filterable"
                style="display: block"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'select'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'eventselect'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'auditorselect'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'jointlySignDept'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'fgfzs'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'fgjld'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'zsjs'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'audittext'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <!-- 分管审计工作的单位负责人 -->
          <template v-if="widget.type == 'auditDepartmentLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>
          <!-- 分管审计工作的单位负责人 -->
          <template v-if="widget.type == 'auditBusinessLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <!-- 单位主要负责人 -->
          <template v-if="widget.type == 'mainDepartmentLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <!-- 牵头处室负责人 -->
          <template v-if="widget.type == 'departmentLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'switch'">
            <template v-if="widget.options.show">
              <el-switch
                v-model="dataModel"
                :disabled="widget.options.disabled"
              >
              </el-switch>
            </template>
          </template>

          <template v-if="widget.type == 'slider'">
            <template v-if="widget.options.show">
              <el-slider
                v-model="dataModel"
                :min="widget.options.min"
                :max="widget.options.max"
                :disabled="widget.options.disabled"
                :step="widget.options.step"
                :readonly="widget.options.readonly"
                :show-input="widget.options.showInput"
                :range="widget.options.range"
                :style="{ width: widget.options.width }"
              ></el-slider>
            </template>
          </template>

          <template v-if="widget.type == 'imgupload'">
            <template v-if="widget.options.show">
              <fm-upload
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :style="{ width: widget.options.width }"
                :width="widget.options.size.width"
                :height="widget.options.size.height"
                :token="widget.options.token"
                :domain="widget.options.domain"
                :multiple="widget.options.multiple"
                :length="widget.options.length"
                :readonly="widget.options.readonly"
                :is-qiniu="widget.options.isQiniu"
                :is-delete="widget.options.isDelete"
                :min="widget.options.min"
                :is-edit="widget.options.isEdit"
                :action="widget.options.action"
              >
              </fm-upload>
            </template>
          </template>

          <template v-if="widget.type == 'fileupload'">
            <template v-if="widget.options.show">
              <file-upload
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :style="{ width: widget.options.width }"
                :width="widget.options.size.width"
                :height="widget.options.size.height"
                :token="widget.options.token"
                :domain="widget.options.domain"
                :multiple="widget.options.multiple"
                :length="widget.options.length"
                :is-qiniu="widget.options.isQiniu"
                :readonly="widget.options.readonly"
                :is-delete="widget.options.isDelete"
                :min="widget.options.min"
                :is-edit="widget.options.isEdit"
                :action="widget.options.action"
              >
              </file-upload>
            </template>
          </template>

          <template v-if="widget.type == 'evidenceFile'">
            <template v-if="widget.options.show">
              <file-upload
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :actionUrl="widget.options.action"
                :readonly="widget.options.readonly"
                :headers="widget.options.headers"
              >
              </file-upload>
            </template>
          </template>

          <template v-if="widget.type == 'replyFiles'">
            <template v-if="widget.options.show">
              <file-upload
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :actionUrl="widget.options.action"
                :readonly="widget.options.readonly"
                :headers="widget.options.headers"
              >
              </file-upload>
            </template>
          </template>

          <template v-if="widget.type == 'editor'">
            <template v-if="widget.options.show">
              <vue-editor
                v-model="dataModel"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
              >
              </vue-editor>
            </template>
          </template>

          <template v-if="widget.type == 'cascader'">
            <template v-if="widget.options.show">
              <el-cascader
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
                :options="widget.options.remoteOptions"
              >
              </el-cascader>
            </template>
          </template>

          <template v-if="widget.type == 'text'">
            <template v-if="widget.options.show">
              <span>{{ dataModel }}</span>
            </template>
          </template>

          <template v-if="widget.type == 'receiptCompany'">
            <template v-if="widget.options.show">
              <span>{{ dataModel }}</span>
            </template>
          </template>

          <template v-if="widget.type == 'receiptTietle'">
            <template v-if="widget.options.show">
              <span>{{ dataModel }}</span>
            </template>
          </template>

          <!-- 回复复核 -->
          <template v-if="widget.type == 'replyReviewCompany'">
            <template v-if="widget.options.show">
              <span>{{ dataModel }}</span>
            </template>
          </template>

          <template v-if="widget.type == 'replyReviewTietle'">
            <template v-if="widget.options.show">
              <span>{{ dataModel }}</span>
            </template>
          </template>

          <!-- 问题信息录入 -->
          <template v-if="widget.type == 'projectId'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'auditTypeName'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'auditYear'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'orgName'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'deptName'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'auditModuleName'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'evidenceId'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'questionId'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'questionType'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'getCode'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'auditPro'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'questionDetails'">
            <el-input
              type="textarea"
              :rows="10"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input>
          </template>

          <template v-if="widget.type == 'reducedAmount'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'questionLevel'">
            <template v-if="dataModel == '1'">
              <span>一般</span>
            </template>
            <template v-else-if="dataModel == '2'">
              <span>较重</span>
            </template>
            <template v-else>
              <span>严重</span>
            </template>
          </template>

          <template v-if="widget.type == 'contractName'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'contractCode'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'contractAmount'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'supplierName'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'causeAnalysis'">
            <el-input
              type="textarea"
              :rows="5"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input>
          </template>
          <template v-if="widget.type == 'situation'">
            <el-input
              type="textarea"
              :rows="5"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input
            >>
          </template>
          <template v-if="widget.type == 'supportFile'">
            <file-upload
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :multiple="widget.options.multiple"
              :actionUrl="widget.options.action"
              :readonly="widget.options.readonly"
              :headers="widget.options.headers"
            >
            </file-upload>
          </template>
          <template v-if="widget.type == 'rectifyDutyDept'">
            <el-button
              @click="addTable"
              type="primary"
              icon="el-icon-plus"
              :disabled="widget.options.disabled"
            ></el-button>
            <el-table
              :data="dataModel"
              size="mini"
              border
              style="width: 100%"
              class="table"
            >
              <el-table-column
                prop="liableUserOrgName"
                label="整改责任部门"
                width="200"
                align="center"
              >
              </el-table-column>
              <el-table-column
                property="liableUserName"
                label="整改责任人"
                width="150"
                align="center"
              >
              </el-table-column>
              <el-table-column width="200" label="操作" align="center">
                <template slot-scope="scope">
                  <el-button
                    @click="editTable(scope.$index, 'liableUserOrgName')"
                    type="primary"
                    icon="el-icon-edit"
                    :disabled="widget.options.disabled"
                  ></el-button>
                  <el-button
                    @click="cutTable(scope.$index)"
                    type="primary"
                    icon="el-icon-minus"
                    :disabled="widget.options.disabled"
                  ></el-button>
                </template>
              </el-table-column>
            </el-table>
          </template>
          <template v-if="widget.type == 'rectifyDutyPerson'">
            <span>{{ dataModel }}</span>
          </template>
          <template v-if="widget.type == 'mainJob'">
            <span>{{ dataModel }}</span>
          </template>
          <template v-if="widget.type == 'mainMajor'">
            <span>{{ dataModel }}</span>
          </template>
          <template v-if="widget.type == 'secondaryJob'">
            <span>{{ dataModel }}</span>
          </template>
          <template v-if="widget.type == 'secondaryMajor'">
            <span>{{ dataModel }}</span>
          </template>
          <template v-if="widget.type == 'review'">
            <el-input
              type="textarea"
              :rows="5"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input>
          </template>
          <template v-if="widget.type == 'state'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>
          <template v-if="widget.type == 'isCancel'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'auditedDept'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                style="display: block"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'responseDept'">
            <span>{{ dataModel }}</span>
          </template>
          <template v-if="widget.type == 'personLiable'">
            <template v-if="widget.options.show">
              <el-button
                @click="addTable"
                type="primary"
                icon="el-icon-plus"
                :disabled="widget.options.disabled"
              ></el-button>
              <el-table
                :data="dataModel"
                size="mini"
                border
                style="width: 100%"
                class="table"
              >
                <el-table-column
                  prop="liableUserOrgName"
                  label="责任部门"
                  width="200"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="liableUserName"
                  label="姓名"
                  width="150"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="liableUserPost"
                  label="职务"
                  width="200"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="liableUserMajor"
                  label="专业"
                  width="200"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="fine"
                  label="罚金金额（元）"
                  width="100"
                  align="center"
                >
                </el-table-column>
                <el-table-column width="200" label="操作" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="editTable(scope.$index, 'liableUserName')"
                      type="primary"
                      icon="el-icon-edit"
                      :disabled="widget.options.disabled"
                    ></el-button>
                    <el-button
                      @click="cutTable(scope.$index)"
                      type="primary"
                      icon="el-icon-minus"
                      :disabled="widget.options.disabled"
                    ></el-button>
                  </template>
                </el-table-column>
              </el-table>
            </template>
          </template>
          <template v-if="widget.type == 'mainPenaltyAmount'">
            <span>{{ dataModel }}</span>
          </template>
          <template v-if="widget.type == 'secondaryResponseDept'">
            <span>{{ dataModel }}</span>
          </template>
          <template v-if="widget.type == 'secondaryPersonLiable'">
            <template v-if="widget.options.show">
              <el-button
                @click="addTable"
                type="primary"
                :disabled="widget.options.disabled"
                icon="el-icon-plus"
              ></el-button>
              <el-table
                :data="dataModel"
                size="mini"
                border
                style="width: 100%"
                class="table"
              >
                <el-table-column
                  prop="liableUserOrgName"
                  label="责任部门"
                  width="200"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="liableUserName"
                  label="姓名"
                  width="150"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="liableUserPost"
                  label="职务"
                  width="200"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="liableUserMajor"
                  label="专业"
                  width="200"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  property="fine"
                  label="罚金金额（元）"
                  width="100"
                  align="center"
                >
                </el-table-column>
                <el-table-column width="200" label="操作" align="center">
                  <template slot-scope="scope">
                    <el-button
                      @click="editTable(scope.$index, 'secondaryPersonLiable')"
                      type="primary"
                      :disabled="widget.options.disabled"
                      icon="el-icon-edit"
                    ></el-button>
                    <el-button
                      @click="cutTable(scope.$index)"
                      type="primary"
                      :disabled="widget.options.disabled"
                      icon="el-icon-minus"
                    ></el-button>
                  </template>
                </el-table-column>
              </el-table>
            </template>
          </template>
          <template v-if="widget.type == 'secondaryPenaltyAmount'">
            <span>{{ dataModel }}</span>
          </template>

          <template v-if="widget.type == 'questionClass'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>
          <template v-if="widget.type == 'questionSubclass'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>
          <template v-if="widget.type == 'rectificationMethod'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template v-if="widget.type == 'adjustAccountAccount'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
                type="number"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'recoveryFund'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
                type="number"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'retrieveLoss'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
                type="number"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'returnCapitalChannel'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'paymentTaxesFees'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
                type="number"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'otherAmount'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
                type="number"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'sumAmount'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
                type="number"
              ></el-input>
            </template>
          </template>
          <template v-if="widget.type == 'newSystem'">
            <template v-if="widget.options.show">
              <el-checkbox
                :disabled="widget.options.disabled"
                :true-label="1"
                :false-label="0"
                v-model="dataModel"
              ></el-checkbox>
            </template>
          </template>
          <template v-if="widget.type == 'reviseImproveSystem'">
            <template v-if="widget.options.show">
              <el-checkbox
                :disabled="widget.options.disabled"
                :true-label="1"
                :false-label="0"
                v-model="dataModel"
              ></el-checkbox>
            </template>
          </template>
          <template v-if="widget.type == 'improveProcesses'">
            <template v-if="widget.options.show">
              <el-checkbox
                :disabled="widget.options.disabled"
                :true-label="1"
                :false-label="0"
                v-model="dataModel"
              ></el-checkbox>
            </template>
          </template>
          <template v-if="widget.type == 'otherNotAmount'">
            <template v-if="widget.options.show">
              <el-checkbox
                :disabled="widget.options.disabled"
                :true-label="1"
                :false-label="0"
                v-model="dataModel"
              ></el-checkbox>
            </template>
          </template>

          <template v-if="widget.type == 'auditDept'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'evidenceCode'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'auditItem'">
            <template v-if="widget.options.show">
              <el-input
                v-model="dataModel"
                :placeholder="widget.options.placeholder"
                :readonly="widget.options.readonly"
                :style="{ width: widget.options.width }"
                :disabled="widget.options.disabled"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'content'">
            <el-input
              type="textarea"
              :rows="5"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input>
          </template>

          <template v-if="widget.type == 'suggestion'">
            <el-input
              type="textarea"
              :rows="5"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input>
          </template>

          <template v-if="widget.type == 'riskmatters'">
            <el-input
              type="textarea"
              :rows="5"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input>
          </template>

          <template v-if="widget.type == 'managesuggestion'">
            <el-input
              type="textarea"
              :rows="5"
              v-model="dataModel"
              :disabled="widget.options.disabled"
              :readonly="widget.options.readonly"
              :placeholder="widget.options.placeholder"
              :style="{ width: widget.options.width }"
            ></el-input>
          </template>

          <template v-if="widget.type == 'replyReviewDate'">
            <template v-if="widget.options.show">
              <el-date-picker
                v-model="dataModel"
                :type="widget.options.type"
                :placeholder="widget.options.placeholder"
                :start-placeholder="widget.options.startPlaceholder"
                :end-placeholder="widget.options.endPlaceholder"
                :readonly="widget.options.readonly"
                :disabled="widget.options.disabled"
                :editable="widget.options.editable"
                :clearable="widget.options.clearable"
                :value-format="
                  widget.options.timestamp ? 'timestamp' : widget.options.format
                "
                :format="widget.options.format"
                :style="{ width: widget.options.width }"
              >
              </el-date-picker>
            </template>
          </template>

          <template v-if="widget.type == 'replyReviewAuditItem'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template v-else-if="widget.type == 'replyReviewAuditItemOpinion'">
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'replyReviewAuditItemLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template
            v-else-if="widget.type == 'replyReviewAuditItemLeaderOpinion'"
          >
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'replyReviewAuditDeptProLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template
            v-else-if="widget.type == 'replyReviewAuditDeptProLeaderOpinion'"
          >
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'replyReviewAuditDeptMainLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template
            v-else-if="widget.type == 'replyReviewAuditDeptMainLeaderOpinion'"
          >
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'replyReviewAuditDeptChargeLeader'">
            <template v-if="widget.options.show">
              <el-select
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :multiple="widget.options.multiple"
                :clearable="widget.options.clearable"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
                :filterable="widget.options.filterable"
              >
                <el-option
                  v-for="(item, index) in widget.options.options"
                  :key="index"
                  :value="item.value"
                  :label="item.label"
                ></el-option>
              </el-select>
            </template>
          </template>

          <template
            v-else-if="widget.type == 'replyReviewAuditDeptChargeLeaderOpinion'"
          >
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>

          <template v-if="widget.type == 'replyReviewAuditDeptLeader'">
            <template v-if="widget.options.show">
              <el-cascader
                :options="widget.options.options"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                @change="changeProblem"
                clearable
                filterable
                :show-all-levels="false"
                :props="{ multiple: true, checkStrictly: false }"
              >
              </el-cascader>
            </template>
          </template>

          <template
            v-else-if="widget.type == 'replyReviewAuditDeptLeaderOpinion'"
          >
            <template v-if="widget.options.show">
              <el-input
                type="textarea"
                :rows="5"
                v-model="dataModel"
                :disabled="widget.options.disabled"
                :readonly="widget.options.readonly"
                :placeholder="widget.options.placeholder"
                :style="{ width: widget.options.width }"
              ></el-input>
            </template>
          </template>
        </el-form-item>
      </template>
    </template>
  </div>
</template>

<script>
import FmUpload from "./Upload/index.vue";
import FileUpload from "./Upload/fileUpload.vue";
import Problem from "./Problem";
import opinion from "./opinion";
import receipt from "./receipt";
import reply from "./reply";
import handle from "./handle";
import replyHandle from "./replyHandle";

export default {
  props: ["widget", "models", "rules", "remote", "formOptions"],
  components: {
    FmUpload,
    FileUpload,
    Problem,
    opinion,
    receipt,
    reply,
    handle,
    replyHandle,
  },
  data() {
    return {
      dataModel: this.models[this.widget.model],
      defaultProps: {
        children: "children",
        label: "name",
      },
      yearlog: false,
      searchForm: {},
    };
  },
  created() {
    if (this.formOptions[this.widget.model]) {
      this.widget.options.options = this.formOptions[this.widget.model].options;
      this.widget.options.show = this.formOptions[this.widget.model].show;
      this.widget.options.disabled =
        this.formOptions[this.widget.model].disabled;
      if (this.widget.type == "problem") {
        this.widget.options.showType =
          this.formOptions[this.widget.model].showType;
      }

      if (this.widget.type == "rectifyDutyDept") {
        this.widget.options.OrgNameOptions =
          this.formOptions[this.widget.model].OrgNameOptions;
        // this.widget.options.UserNameOptions = this.formOptions[this.widget.model].UserNameOptions;
      }

      if (
        this.widget.type == "personLiable" ||
        this.widget.type == "secondaryPersonLiable"
      ) {
        this.widget.options.OrgNameOptions =
          this.formOptions[this.widget.model].OrgNameOptions;
        // this.widget.options.UserNameOptions = this.formOptions[this.widget.model].UserNameOptions;
        // this.widget.options.UserPostOptions = this.formOptions[this.widget.model].UserPostOptions;
        this.widget.options.UserMajorOptions =
          this.formOptions[this.widget.model].UserMajorOptions;
      }
      // console.log(this.widget.options);
    }

    if (
      this.widget.options.remote &&
      this.remote[this.widget.options.remoteFunc]
    ) {
      this.remote[this.widget.options.remoteFunc]((data) => {
        this.widget.options.remoteOptions = data.map((item) => {
          return {
            value: item[this.widget.options.props.value],
            label: item[this.widget.options.props.label],
            children: item[this.widget.options.props.children],
          };
        });
      });
    }

    if (this.widget.type === "imgupload" && this.widget.options.isQiniu) {
      this.remote[this.widget.options.tokenFunc]((data) => {
        this.widget.options.token = data;
      });
    }

    if (this.widget.type === "fileupload" && this.widget.options.isQiniu) {
      this.remote[this.widget.options.tokenFunc]((data) => {
        this.widget.options.token = data;
      });
    }
  },
  methods: {
    changeProblem(val) {
      console.log(val);
      // if (val.length != 0) {
      //   console.log(val);
      //   this.dataModel = val[ val.length - 1 ]
      //   console.log(this.dataModel);
      // }
    },
    orgSign() {
      this.$emit("orgSign");
    },
    editTable(index, flag) {
      this.$emit("editTable", {
        id: index,
        flag: flag,
      });
    },
    addTable() {
      this.dataModel.push({
        liableUserOrg: null,
        liableUser: null,
        liableUserPost: null,
        liableUserMajor: null,
        fine: null,
        isdialog: true,
        liableUserName: null,
        liableUserOrgName: null,
      });
    },
    cutTable(index) {
      console.log(index);
      this.dataModel.splice(index, 1);
    },
    filterNode(value, data) {
      if (!value) return true;
      return data.label.indexOf(value) !== -1;
    },
    changeLiable(index) {
      let questionIdInfo = this.dataModel[index];
      if (questionIdInfo.length != 0) {
        this.dataModel[index].ischange = true;
      }
    },
  },
  watch: {
    dataModel: {
      deep: true,
      handler(val) {
        this.models[this.widget.model] = val;
        this.$emit("update:models", {
          ...this.models,
          [this.widget.model]: val,
        });
        this.$emit("input-change", val, this.widget.model);
      },
    },
    models: {
      deep: true,
      handler(val) {
        this.dataModel = val[this.widget.model];
      },
    },
  },
};
</script>

<style>
.generate
  .inlineCol
  .problem
  .el-descriptions--medium.is-bordered
  .el-descriptions-item__cell {
  background: #ffffff;
  color: #000000;
}
.generate .inlineCol .el-select .el-input.is-disabled .el-input__inner {
  background-color: #ffffff;
  color: #000;
}

.generate .inlineCol .el-textarea.is-disabled .el-textarea__inner {
  background-color: #ffffff;
  color: #000;
}

.generate .inlineCol .el-input.is-disabled .el-input__inner {
  background-color: #ffffff;
}

.problem {
  height: auto;
}

.generate .inlineCol .problem .el-form-item__label {
  border: 0px;
  margin: 0px;
  /* display: inline-block; */
}

.generate .inlineCol .problem .el-form-item__content {
  padding: 0px;
  margin: 0px;
  /* display: inline-block; */

  border-left: 1px solid black;
}
</style>
