vue2-client 1.15.105 → 1.15.107

package/.history/src/base-client/components/common/XForm/XFormItem_20250527174327.vue

@@ -1,1339 +0,0 @@
-<template>
-  <!-- 输入框 -->
-  <x-form-col
-    v-if="attr.type === 'input' && show"
-    :occupyCol="attr.occupyCol"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <a-form-model-item
-      :rules="rules"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <!--  如果配置了后置按钮插槽    -->
-      <a-input-group
-        v-if="((attr.inputOnAfterName && attr.inputOnAfterFunc) || (attr.inputOnAfterIcon && attr.inputOnAfterIconFunc)) && mode !== '查询'"
-        style="display: flex; width: 100%; padding: 4px 0"
-        compact>
-        <a-input
-          v-model="form[attr.model]"
-          :read-only="readOnly"
-          :disabled="disabled && !readOnly"
-          :whitespace="true"
-          @input="attr.dataChangeFunc && debouncedDataChangeFunc()"
-          :suffix="attr.inputSuffix && mode !== '新增' ? attr.inputSuffix : ''"
-          @blur="mode !== '查询' && attr.inputOnBlurFunc && emitFunc(attr.inputOnBlurFunc,attr)"
-          @keyup.enter="mode !== '查询' && attr.inputOnEnterFunc && emitFunc(attr.inputOnEnterFunc, attr)"
-          :placeholder="attr.placeholder ? attr.placeholder : '请输入'+attr.name.replace(/\s*/g, '')"
-          :ref="`${attr.model}input`"/>
-        <a-button
-          v-if="attr.inputOnAfterName && attr.inputOnAfterFunc && !attr.inputOnAfterName.includes('|')"
-          style="width: auto; min-width: 4rem;max-width: 6rem"
-          type="primary"
-          @click="emitFunc(attr.inputOnAfterFunc,attr)">
-          {{ attr.inputOnAfterName }}
-        </a-button>
-        <!--    仅可以配置 一个按钮 以及 一个图标插槽    -->
-        <a-button
-          style="width: 2rem; flex-shrink: 0;"
-          v-else-if="attr.inputOnAfterIcon"
-          :type="attr.inputOnAfterIcon && attr.inputOnAfterName ? 'primary' :''"
-          :icon="attr.inputOnAfterIcon || 'question'"
-          @click="emitFunc(attr.inputOnAfterIconFunc,attr)">
-        </a-button>
-        <!-- 状态按钮 -->
-        <x-status-button
-          v-else
-          :states="parseStates(attr.inputOnAfterName, attr.inputOnAfterFunc)"
-          v-on="generateDynamicEvents(attr.inputOnAfterFunc, attr)"
-          style="width: auto; min-width: 4rem; max-width: 6rem"
-        />
-      </a-input-group>
-      <a-input-number
-        v-else-if="attr.numberInput && !readOnly"
-        v-model="form[attr.model]"
-        :whitespace="true"
-        @change="attr.dataChangeFunc && debouncedDataChangeFunc()"
-        :disabled="disabled && !readOnly"
-        style="width:100%"
-        @blur="mode !== '查询' && attr.inputOnBlurFunc && emitFunc(attr.inputOnBlurFunc,attr)"
-        @keyup.enter="mode !== '查询' && attr.inputOnEnterFunc && emitFunc(attr.inputOnEnterFunc, attr)"
-        :suffix="attr.inputSuffix && mode !== '新增' ? attr.inputSuffix : ''"
-        :placeholder="attr.placeholder ? attr.placeholder : '请输入'+attr.name.replace(/\s*/g, '')"
-        :ref="`${attr.model}input`"/>
-      <a-input
-        v-else
-        v-model="form[attr.model]"
-        :whitespace="true"
-        :read-only="readOnly"
-        :disabled="disabled && !readOnly"
-        @input="attr.dataChangeFunc && debouncedDataChangeFunc()"
-        :suffix="attr.inputSuffix && mode !== '新增' ? attr.inputSuffix : ''"
-        style="width:100%"
-        @blur="mode !== '查询' && attr.inputOnBlurFunc && emitFunc(attr.inputOnBlurFunc,attr)"
-        @keyup.enter="mode !== '查询' && attr.inputOnEnterFunc && emitFunc(attr.inputOnEnterFunc, attr)"
-        :placeholder="attr.placeholder ? attr.placeholder : '请输入'+attr.name.replace(/\s*/g, '')"
-        :ref="`${attr.model}input`"/>
-    </a-form-model-item>
-  </x-form-col>
-  <!-- 下拉框 -->
-  <x-form-col
-    v-else-if="attr.type === 'select' && show"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <a-form-model-item
-      :rules="rules"
-      v-if="!attr.showMode || mode === '查询' || attr.showMode === 'select' "
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <!--      <span slot="label" class="label-box">{{ showLabel?attr.name:undefined }}</span>-->
-      <a-select
-        v-if="!attr.lazyLoad || attr.lazyLoad === 'false'"
-        v-model="form[attr.model]"
-        :disabled="disabled"
-        @change="attr.dataChangeFunc && debouncedDataChangeFunc()"
-        :filter-option="filterOption"
-        :getPopupContainer="getPopupContainer"
-        dropdownClassName="custom-dropdown"
-        :dropdownMatchSelectWidth="false"
-        :dropdownStyle="{ position: 'absolute'}"
-        :placeholder="attr.placeholder ? attr.placeholder : '请选择'"
-        show-search
-        :allowClear="true"
-      >
-        <a-select-option
-          v-if="mode === '查询'"
-          key="999999"
-          value="">全部
-        </a-select-option>
-        <template v-if="attr.keys">
-          <a-select-option
-            v-for="(item,index) in attr.keys"
-            :key="index.value"
-            :value="item.value + ''">
-            {{ item.label }}
-          </a-select-option>
-        </template>
-        <template v-else>
-          <template
-            v-if="attr.keyName.indexOf('logic@') !== -1 || attr.keyName.indexOf('config@') !== -1
-              ||attr.keyName.indexOf('search@') !== -1 || attr.keyName.indexOf('search@') !== -1">
-            <a-select-option
-              v-for="(item,index) in option"
-              :key="index.value"
-              :value="item.value + ''">
-              <template v-if="attr.keyName.indexOf('config@') !== -1 && item.status">
-                <!-- 徽标(badge) -->
-                <a-badge v-if="item.status !== 'gary'" :color="item.status" :text="item.label"/>
-                <a-badge v-else color="#D9D9D9" :text="item.label"/>
-              </template>
-              <template v-else>
-                {{ item.label }}
-              </template>
-            </a-select-option>
-          </template>
-          <template
-            v-else-if="attr.keyName.indexOf('async ') !== -1 || attr.keyName.indexOf('function ') !== -1">
-            <a-select-option
-              v-for="(item,index) in optionForFunc"
-              :key="index.value"
-              :value="item.value + ''">
-              <template>
-                {{ item.label }}
-              </template>
-            </a-select-option>
-          </template>
-          <template v-else>
-            <a-select-option
-              v-for="item in $appdata.getDictionaryList(attr.keyName)"
-              :key="item.value"
-              :value="item.value + ''">
-              <!-- 徽标(badge) -->
-              <x-badge
-                :badge-key="attr.keyName"
-                :replaceText="item.text"
-                :value="item.value"
-                :service-name="serviceName"
-                :env="env"/>
-            </a-select-option>
-          </template>
-        </template>
-      </a-select>
-      <a-select
-        v-else
-        v-model="form[attr.model]"
-        :disabled="disabled"
-        @change="attr.dataChangeFunc && debouncedDataChangeFunc()"
-        :filter-option="filterOption"
-        :getPopupContainer="getPopupContainer"
-        dropdownClassName="custom-dropdown"
-        :dropdownMatchSelectWidth="false"
-        :dropdownStyle="{ position: 'absolute'}"
-        :placeholder="attr.placeholder ? attr.placeholder : '搜索' + attr.name"
-        show-search
-        @search="fetchFunction"
-      >
-        <template #notFoundContent>
-          <a-spin v-if="searching" size="small"/>
-        </template>
-        <a-select-option
-          v-if="mode === '查询'"
-          key="999999"
-          value="">全部
-        </a-select-option>
-        <a-select-option
-          v-for="(item,index) in option"
-          :key="index"
-          :value="item.value + ''">{{ item.label }}
-        </a-select-option>
-      </a-select>
-    </a-form-model-item>
-    <a-form-model-item
-      :rules="rules"
-      v-else-if="attr.showMode === 'radioGroup'"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <a-radio-group v-model="form[attr.model]">
-        <a-radio-button v-for="modeItem in option" :key="modeItem.value" :value="modeItem.value">
-          {{ modeItem.label }}
-        </a-radio-button>
-      </a-radio-group>
-    </a-form-model-item>
-    <a-form-model-item
-      v-else-if="attr.showMode === 'clickChange' && option.length > 0"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <XClickChangeBtn></XClickChangeBtn>
-    </a-form-model-item>
-  </x-form-col>
-  <!-- 多选框 -->
-  <x-form-col
-    v-else-if="attr.type === 'checkbox' && show"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <a-form-model-item
-      :rules="rules"
-      v-if="!attr.showMode || mode === '查询' || attr.showMode === 'select' "
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <a-select
-        class="multiple_select"
-        style="width:100%"
-        v-if="!attr.lazyLoad || attr.lazyLoad === 'false'"
-        v-model="form[attr.model]"
-        :disabled="disabled"
-        :filter-option="filterOption"
-        :getPopupContainer="getPopupContainer"
-        :placeholder="attr.placeholder ? attr.placeholder : '请选择'"
-        @change="attr.dataChangeFunc && debouncedDataChangeFunc()"
-        mode="multiple"
-        show-search
-        allowClear
-      >
-        <template v-if="attr.keys">
-          <a-select-option
-            v-for="(item,index) in attr.keys"
-            :key="index"
-            :value="item.value + ''">
-            {{ item.label }}
-          </a-select-option>
-        </template>
-        <template v-else>
-          <template
-            v-if="attr.keyName.indexOf('logic@') !== -1 || attr.keyName.indexOf('config@') !== -1
-              ||attr.keyName.indexOf('search@') !== -1 || attr.keyName.indexOf('search@') !== -1">
-            <a-select-option
-              v-for="(item,index) in option"
-              :key="index"
-              :value="item.value">{{ item.label }}
-            </a-select-option>
-          </template>
-          <template v-else>
-            <a-select-option
-              v-for="item in $appdata.getDictionaryList(attr.keyName)"
-              :key="item.value"
-              :value="item.value + ''">{{ item.text }}
-            </a-select-option>
-          </template>
-        </template>
-      </a-select>
-      <a-select
-        v-else
-        class="multiple_select"
-        v-model="form[attr.model]"
-        :disabled="disabled"
-        :filter-option="filterOption"
-        :getPopupContainer="getPopupContainer"
-        :placeholder="attr.placeholder ? attr.placeholder : '搜索' + attr.name"
-        mode="multiple"
-        style="width:100%"
-        @change="attr.dataChangeFunc && debouncedDataChangeFunc()"
-        show-search
-        allowClear
-        @search="fetchFunction"
-      >
-        <template #notFoundContent>
-          <a-spin v-if="searching" size="small"/>
-        </template>
-        <a-select-option
-          v-for="(item,index) in option"
-          :key="index"
-          :value="item.value + ''">{{ item.label }}
-        </a-select-option>
-      </a-select>
-    </a-form-model-item>
-    <a-form-model-item
-      :rules="rules"
-      v-else
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <a-checkbox-group
-        v-model="form[attr.model]"
-        :options="option"
-        @change="attr.dataChangeFunc && debouncedDataChangeFunc()"
-      />
-    </a-form-model-item>
-  </x-form-col>
-  <!-- 单选框 -->
-  <x-form-col
-    v-else-if="attr.type === 'radio' && show"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <a-form-model-item
-      :rules="rules"
-      v-if="!attr.showMode || attr.type === 'radio' "
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <a-radio-group
-        v-model="form[attr.model]"
-        @change="attr.dataChangeFunc && debouncedDataChangeFunc()"
-      >
-        <template v-if="attr.keys">
-          <a-radio v-for="(item,index) in attr.keys" :key="index" :value="item.value">
-            {{ item.label }}
-          </a-radio>
-        </template>
-        <template v-else>
-          <template
-            v-if="attr.keyName.indexOf('logic@') !== -1 || attr.keyName.indexOf('config@') !== -1
-              ||attr.keyName.indexOf('search@') !== -1 || attr.keyName.indexOf('search@') !== -1">
-            <a-radio v-for="(item,index) in option" :key="index" :value="item.value">
-              {{ item.label }}
-            </a-radio>
-          </template>
-          <template v-else>
-            <a-radio v-for="(item,index) in $appdata.getDictionaryList(attr.keyName)" :key="index" :value="item.value">
-              {{ item.text }}
-            </a-radio>
-          </template>
-        </template>
-      </a-radio-group>
-    </a-form-model-item>
-    <a-form-model-item
-      :rules="rules"
-      v-else-if="attr.showMode === 'radioGroup'"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <a-radio-group v-model="form[attr.model]">
-        <a-radio-button v-for="modeItem in option" :key="modeItem.value" :value="modeItem.value">
-          {{ modeItem.label }}
-        </a-radio-button>
-      </a-radio-group>
-    </a-form-model-item>
-    <a-form-model-item
-      :rules="rules"
-      v-else-if="attr.showMode === 'clickChange' && option.length > 0"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <XClickChangeBtn></XClickChangeBtn>
-    </a-form-model-item>
-  </x-form-col>
-  <!-- 时间 日期 框整合 -->
-  <x-form-col
-    v-else-if="['datePicker', 'rangePicker', 'yearPicker', 'monthPicker', 'yearRangePicker', 'monthRangePicker'].includes(attr.type) && show"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <a-form-model-item
-      :rules="rules"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <XFormDatePicker
-        :attr="attr"
-        :mode="mode"
-        :disabled="disabled"
-        :readOnly="readOnly"
-        :showLabel="showLabel"
-        @change="attr.dataChangeFunc && debouncedDataChangeFunc()"
-        v-model="form[attr.model]"/>
-    </a-form-model-item>
-  </x-form-col>
-  <!-- 文本域 -->
-  <x-form-col
-    v-else-if="attr.type === 'textarea' && show"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <!--    :style="layout === 'inline'?{width:'calc(100% - 60px)'}:{}"-->
-    <a-form-model-item
-      :rules="rules"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <a-textarea
-        v-model="form[attr.model]"
-        style="width: 100%;"
-        :disabled="disabled"
-        :placeholder="attr.placeholder ? attr.placeholder : '请输入'+attr.name.replace(/\s*/g, '')"
-        :rows="4"/>
-    </a-form-model-item>
-  </x-form-col>
-  <!-- 文件上传 -->
-  <x-form-col
-    v-else-if="(attr.type === 'file' || attr.type === 'image') && show"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <a-form-model-item
-      :rules="rules"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <upload
-        :files="files"
-        :images="images"
-        :model="attr"
-        v-bind="attr"
-        :service-name="serviceName"
-        @setFiles="setFiles"></upload>
-    </a-form-model-item>
-  </x-form-col>
-  <!-- 省市区选择框 -->
-  <x-form-col
-    v-else-if="attr.type === 'citySelect' && show"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <a-form-model-item
-      :rules="rules"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <citySelect
-        @change="attr.dataChangeFunc && debouncedDataChangeFunc()"
-        ref="citySelect"
-        v-model="form[attr.model]"
-        :contexts="attr.contexts"
-        :value-type="attr.valueType"
-        :default-value="form[attr.model]"></citySelect>
-    </a-form-model-item>
-  </x-form-col>
-  <!-- 地点搜索框 -->
-  <x-form-col
-    v-else-if="attr.type === 'addressSearch' && show"
-    :labelCol="labelCol"
-    :occupyCol="attr.occupyCol"
-    :flex="attr.flex">
-    <a-form-model-item
-      :rules="rules"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <address-search-combobox
-        :emitFunc="emitFunc"
-        :attr="attr"
-        :read-only="readOnly"
-        v-model="searchResult"
-        :resultKeys="{ address: attr.model, coords: `${attr.model}_lng_lat` }"
-        ref="addressSearchCombobox"
-        searchResultType="Object"
-        @onSelect="addressSearchComboboxSelect"
-        @onDivisionsChange="onDivisionsChange"
-      ></address-search-combobox>
-    </a-form-model-item>
-  </x-form-col>
-  <!-- 人员选择框 -->
-  <x-form-col
-    v-else-if="attr.type === 'personSetting' && show"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <a-form-model-item
-      :rules="rules"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <PersonSetting v-model="form[attr.model]"></PersonSetting>
-    </a-form-model-item>
-  </x-form-col>
-  <!-- 树形选择框 -->
-  <x-form-col
-    v-else-if="attr.type === 'treeSelect' && show"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <x-tree-select
-      :rules="rules"
-      @onChange="attr.dataChangeFunc && debouncedDataChangeFunc()"
-      v-model="form[attr.model]"
-      :attr="attr"
-      @mounted="itemMounted"
-      ref="xTreeSelect">
-    </x-tree-select>
-  </x-form-col>
-  <!-- 列表选择框 -->
-  <x-form-col
-    v-else-if="attr.type === 'listSelect' && show"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <a-form-model-item
-      :rules="rules"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :style="layout === 'inline'&& attr.occupyCol && attr.occupyCol > 1? {width:`calc(100% - ${attr.occupyCol * 1.533}rem)`}:{}"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <a-popover
-        ref="rowChoosePopover"
-        :visible="rowChoosePopoverVisible"
-        title="选择数据"
-        placement="bottom"
-        trigger="focus"
-        :arrowPointAtCenter="true"
-        :overlayStyle="{ width: '1000px', height: '30vh' }">
-        <template #content>
-          <x-report
-            v-if="isCover"
-            :use-oss-for-img="false"
-            :config-name="queryParamsName"
-            :service-name="serviceName"
-            :show-img-in-cell="true"
-            :display-only="true"
-            :edit-mode="false"
-            :show-save-button="true"
-            :no-padding="true"
-            :dont-format="true"
-            @rowChoose="rowChoose"
-            @cancel="closeRowChooseInput"
-          >
-          </x-report>
-          <x-form-table
-            v-else
-            title="请选择数据"
-            :queryParamsName="queryParamsName"
-            :rowSelectMode="true"
-            :allowSelectRowNum="1"
-            :service-name="serviceName"
-            :fixed-query-form="rowChooseFixedQueryValue"
-            @rowChoose="rowChoose"
-            @afterQuery="rowChooseSearchAfterQuery"
-            ref="rowChooseTable">
-            <template #button>
-              <a-button @click="closeRowChooseInput">
-                关闭
-              </a-button>
-            </template>
-          </x-form-table>
-        </template>
-        <a-input
-          v-model="form[attr.model]"
-          :placeholder="attr.placeholder ? attr.placeholder : '请输入'+attr.name.replace(/\s*/g, '')"
-          @change="searchRowChooseData"
-          @focus="showCloseRowChooseInput"/>
-      </a-popover>
-    </a-form-model-item>
-  </x-form-col>
-  <!-- 评分框 -->
-  <x-form-col
-    v-else-if="attr.type === 'rate' && show"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <a-form-model-item
-      :rules="rules"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <x-rate
-        v-model="form[attr.model]"
-        :mode="mode"
-        :disabled="disabled"
-        :query-type="attr.queryType"
-        :max-count="attr.maxCount"
-        :allow-half="attr.allowHalf"
-        :icon="attr.rateIcon"
-        :placeholder="attr.placeholder ? attr.placeholder : '请选择'+attr.name.replace(/\s*/g, '')"
-        @change="attr.dataChangeFunc && debouncedDataChangeFunc()"
-      />
-    </a-form-model-item>
-  </x-form-col>
-  <!--  区间选择器  -->
-  <x-form-col
-    v-else-if="attr.type === 'intervalPicker' && show"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <a-form-model-item
-      :rules="rules"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <x-interval-picker
-        v-model="form[attr.model]"
-        :mode="mode"
-        :read-only="readOnly"
-        :disabled="disabled && !readOnly"
-        :placeholder="attr.placeholder ? attr.placeholder : '请输入'+attr.name.replace(/\s*/g, '')"
-        :start-placeholder="attr.startPlaceholder || '起始值'"
-        :end-placeholder="attr.endPlaceholder || '结束值'"
-        @blur="attr.inputOnBlurFunc && emitFunc(attr.inputOnBlurFunc,attr)"
-      />
-    </a-form-model-item>
-  </x-form-col>
-  <!--  车牌号选择  -->
-  <x-form-col
-    v-else-if="attr.type === 'licensePlate' && show"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <a-form-model-item
-      :rules="rules"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :style="layout === 'inline'&& attr.occupyCol && attr.occupyCol > 1? {width:`calc(100% - ${attr.occupyCol * 1.533}rem)`}:{}"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <!--  如果配置了后置按钮插槽    -->
-      <a-input
-        v-if="mode ==='查询'"
-        v-model="form[attr.model]"
-        :whitespace="true"
-        :read-only="readOnly"
-        :disabled="disabled && !readOnly"
-        style="width:100%"
-        @blur="attr.inputOnBlurFunc && emitFunc(attr.inputOnBlurFunc,attr)"
-        :placeholder="attr.placeholder ? attr.placeholder : '请输入'+attr.name.replace(/\s*/g, '')"
-        :ref="`${attr.model}input`"/>
-      <x-license-plate
-        v-else
-        v-model="form[attr.model]"
-        @change="attr.dataChangeFunc && debouncedDataChangeFunc()"
-      ></x-license-plate>
-    </a-form-model-item>
-  </x-form-col>
-  <!-- 录音 -->
-  <x-form-col
-    v-else-if="attr.type === 'recording' && show"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <recording
-      ref="recording"
-      @recordingData="recordingData"
-    >
-    </recording>
-  </x-form-col>
-  <!-- 表格录入 -->
-  <x-form-col
-    v-else-if="attr.type === 'rowEdit' && show"
-    :labelCol="labelCol"
-    :flex="attr.flex">
-    <a-form-model-item
-      :rules="rules"
-      :ref="attr.model"
-      :label="showLabel?attr.name:undefined"
-      :prop="attr.prop ? attr.prop : attr.model">
-      <x-form-table
-        :key="'childTable_' + attr.model"
-        :title="attr.name"
-        :queryParamsName="attr.crud"
-        :localEditMode="true"
-        :fixed-query-form="childTableFixedQueryForm(attr)"
-        :service-name="serviceName"
-        @hook:mounted="(h)=>onComponentMounted(h, attr)"
-        :ref="'childXFormTable_' + attr.model">
-      </x-form-table>
-    </a-form-model-item>
-  </x-form-col>
-</template>
-<script>
-import { debounce } from 'ant-design-vue/lib/vc-table/src/utils'
-import XFormCol from '@vue2-client/base-client/components/common/XFormCol'
-import XBadge from '@vue2-client/base-client/components/common/XBadge'
-import CitySelect from '@vue2-client/base-client/components/common/CitySelect'
-import PersonSetting from '@vue2-client/base-client/components/common/PersonSetting'
-import AddressSearchCombobox from '@vue2-client/base-client/components/common/AddressSearchCombobox'
-import Upload from '@vue2-client/base-client/components/common/Upload'
-import moment from 'moment'
-import { getConfigByName, runLogic, getConfigByNameAsync } from '@vue2-client/services/api/common'
-import * as util from '@vue2-client/utils/util'
-import XTreeSelect from '@vue2-client/base-client/components/common/XForm/XTreeSelect'
-import { searchToListOption, searchToOption } from '@vue2-client/services/v3Api'
-import { mapState } from 'vuex'
-import { executeStrFunctionByContext } from '@vue2-client/utils/runEvalFunction'
-import XLicensePlate from '@vue2-client/base-client/components/common/XLicensePlate/XLicensePlate.vue'
-import XStatusButton from './XStatusButton.vue'
-import XClickChangeBtn from './itemComponent/XClickChangeBtn'
-import 'moment/locale/zh-cn'
-import XFormDatePicker from '@vue2-client/base-client/components/common/XDatePicker/index.vue'
-import XIntervalPicker from '@vue2-client/base-client/components/common/XIntervalPicker/XIntervalPicker.vue'
-import XRate from '@vue2-client/base-client/components/common/XRate/index.vue'
-
-export default {
-  name: 'XFormItem',
-  components: {
-    XFormDatePicker,
-    XFormTable: () => import('@vue2-client/base-client/components/common/XFormTable/XFormTable.vue'),
-    Recording: () => import('@vue2-client/base-client/components/common/Recording/Recording.vue'),
-    XReport: () => import('@vue2-client/base-client/components/common/XReportGrid/XReport.vue'),
-    XLicensePlate,
-    XTreeSelect,
-    XFormCol,
-    XBadge,
-    CitySelect,
-    PersonSetting,
-    AddressSearchCombobox,
-    Upload,
-    XStatusButton,
-    XClickChangeBtn,
-    XIntervalPicker,
-    XRate
-  },
-  data () {
-    // 检索去抖
-    this.fetchFunction = debounce(this.fetchFunction, 800)
-    return {
-      option: [],
-      // 最后检索版本
-      lastFetchId: 0,
-      // 检索中
-      searching: false,
-      searchResult: '',
-      optionForFunc: [],
-      // 控制当前表单项是否展示
-      show: true,
-      // moment
-      moment,
-      // 行选择器浮层是否显示
-      rowChoosePopoverVisible: false,
-      // 行选择器CRUD固定查询值
-      rowChooseFixedQueryValue: undefined
-    }
-  },
-  props: {
-    attr: {
-      type: Object,
-      default:
-        () => {
-          return {}
-        }
-    },
-    form: {
-      type: Object,
-      required:
-        true
-    },
-    disabled: {
-      type: Boolean,
-      default:
-        () => {
-          return false
-        }
-    },
-    readOnly: {
-      type: Boolean,
-      default:
-        () => {
-          return false
-        }
-    },
-    mode: {
-      type: String,
-      default:
-        () => {
-          return '查询'
-        }
-    },
-    files: {
-      type: Array,
-      default:
-        () => {
-          return []
-        }
-    },
-    images: {
-      type: Array,
-      default:
-        () => {
-          return []
-        }
-    },
-    serviceName: {
-      type: String,
-      default:
-      undefined
-    },
-    // 调用logic获取数据源的追加参数
-    getDataParams: {
-      type: Object,
-      default:
-      undefined
-    },
-    // 布局
-    layout: {
-      type: String,
-      default:
-        'horizontal'
-    },
-    // 环境
-    env: {
-      type: String,
-      default:
-        () => {
-          return 'prod'
-        }
-    },
-    // 设置表单值
-    setForm: {
-      type: Function,
-      default: (val) => {
-        console.log(val)
-      }
-    },
-    showLabel: {
-      type: Boolean,
-      default:
-        () => {
-          return true
-        }
-    },
-    labelCol: {
-      type: Object,
-      default: () => {
-        return { span: 8 }
-      }
-    },
-    rules: {
-      type: Array,
-      default:
-        () => {
-          return undefined
-        }
-    }
-  },
-  provide () {
-    return {
-      FormItemContext: this
-    }
-  },
-  created () {
-    this.init()
-    if (this.attr.keyName && (this.attr?.keyName?.toString().indexOf('async ') !== -1 || this.attr?.keyName?.toString()?.indexOf('function') !== -1)) {
-      this.debouncedUpdateOptions = debounce(this.updateOptions, 200)
-    }
-    if (this.attr.dataChangeFunc) {
-      this.debouncedDataChangeFunc = debounce(this.dataChangeFunc, 200)
-      // 执行一次
-      this.dataChangeFunc()
-    }
-    if (this.attr.showFormItemFunc) {
-      this.debouncedShowFormItemFunc = debounce(this.showFormItemFunc, 100)
-      // 执行一次
-      this.showFormItemFunc()
-    }
-    if (this.attr.showQueryFormItemFunc) {
-      this.debouncedShowQueryFormItemFunc = debounce(this.showQueryFormItemFunc, 100)
-      // 执行一次
-      this.showFormItemFunc()
-    }
-    // 人员联动框增加监听
-    if (this?.attr?.keyName?.toString()?.startsWith('search@根据表单项[') && this?.attr?.keyName?.toString().endsWith(']联动人员')) {
-      this.debouncedUserLinkFunc = debounce(() => this.updateResOptions('人员'), 200)
-    }
-    if (this?.attr?.keyName?.toString()?.startsWith('search@根据表单项[') && this?.attr?.keyName?.toString().endsWith(']联动部门')) {
-      this.debouncedDepLinkFunc = debounce(() => this.updateResOptions('部门'), 200)
-    }
-    // xTreeSelect 自己调用 mounted
-    if (this.attr.type !== 'treeSelect') {
-      this.$emit('mounted', this.attr)
-    }
-  },
-  computed: {
-    ...mapState('account', { currUser: 'user' }),
-    queryParamsName () {
-      if (this.attr.keyName.startsWith('function')) {
-        // 调用异步函数获取内容
-        return executeStrFunctionByContext(this, this.attr.keyName, [this.form, runLogic, this.mode, getConfigByNameAsync])
-      } else {
-        // 按现有方式处理
-        return this.attr.keyName.split('@')[this.attr.keyName.split('@').length - 1]
-      }
-    },
-    // 判断弹出时是否Cover，弹出只支持Cover以及CRUD
-    isCover () {
-      // 如果 queryParamsName 为空，返回空
-      if (!this.queryParamsName) {
-        return false
-      }
-      const result = this.queryParamsName.endsWith('Cover')
-      return result
-    },
-  },
-  watch: {
-    attr: {
-      handler () {
-        this.init()
-      },
-      deep: true
-    },
-    form: {
-      handler (newVal, oldVal) {
-        // 如果是从函数获取 options
-        if (this.attr.keyName && (this.attr.keyName.toString().indexOf('async ') !== -1 || this.attr.keyName.toString().indexOf('function') !== -1)) {
-          this.debouncedUpdateOptions()
-        }
-        // 如果有自定义是否展示表单项函数
-        if (this.attr.showFormItemFunc) {
-          this.debouncedShowFormItemFunc()
-        }
-        // 如果有自定义是否展示查询表单项函数
-        if (this.attr.showQueryFormItemFunc) {
-          this.debouncedShowQueryFormItemFunc()
-        }
-        // 地址搜索框赋值
-        if (this.attr.type === 'addressSearch') {
-          this.$refs.addressSearchCombobox.addressInput = this.form[this.attr.model]
-        }
-        // 数据源来自人员联动时更新数据
-        if (this?.attr?.keyName?.toString()?.startsWith('search@根据表单项[') && this?.attr?.keyName?.toString().endsWith(']联动人员')) {
-          this.debouncedUserLinkFunc()
-        }
-        // 数据源来自人员联动时更新数据
-        if (this?.attr?.keyName?.toString()?.startsWith('search@根据表单项[') && this?.attr?.keyName?.toString().endsWith(']联动部门')) {
-          this.debouncedDepLinkFunc()
-        }
-      },
-      deep: true
-    }
-  },
-  inject: {
-    getComponentByName: {
-      default: () => () => {
-        console.warn('getComponentByName is not provided')
-        return null // 或者返回一个默认的函数
-      },
-    },
-    registerComponent: {
-      default: () => () => {
-        console.warn('registerComponent is not provided')
-        return null // 或者返回一个默认的函数
-      },
-    },
-    getSelf: {
-      default: () => () => {
-        console.warn('getSelf is not provided')
-        return null // 或者返回一个默认的函数
-      },
-    },
-    XFormContext: {
-      default: () => () => {
-        console.warn('XFormContext is not provided')
-        return null // 或者返回一个默认的函数
-      },
-    },
-    setRequired: {
-      default: () => () => {
-        console.warn('setRequired is not provided')
-        return null // 或者返回一个默认的函数
-      },
-    },
-    removeRequired: {
-      default: () => () => {
-        console.warn('removeRequired is not provided')
-        return null // 或者返回一个默认的函数
-      },
-    }
-  },
-  methods: {
-    // 把内部的crud表单录入放到表单中，以便外部可以调用
-    onComponentMounted (h, attr) {
-      console.log('crud表单', h)
-      if (attr.crud) {
-        this.registerComponent(attr.model, this.$refs['childXFormTable_' + attr.model])
-      }
-    },
-    childTableFixedQueryForm (item) {
-      console.log('传递的form', this.form)
-      if (this.modifyModelData?.primaryKeyData) {
-        const fixedForm = {}
-        fixedForm[item.childTableForeignKeyName] = Object.values(this.modifyModelData.primaryKeyData)[0]
-        return fixedForm
-      }
-      return null
-    },
-    // 动态生成事件绑定对象
-    generateDynamicEvents (inputOnAfterFunc, attr) {
-      const events = {}
-      const states = this.parseStates(attr.inputOnAfterName, inputOnAfterFunc)
-
-      states.forEach((state) => {
-        // 动态绑定事件名到 emitFunc
-        events[state.event] = () => {
-          console.info('事件名', state.event)
-          this.emitFunc(state.event, attr)
-        }
-      })
-
-      return events // 返回 { state1Event: handler, state2Event: handler, ... }
-    },
-    parseStates (input, events) {
-      const eventNames = events.split('|')
-      return input.split('|').map((label, index) => ({
-        label,
-        event: eventNames[index] // 如果没有提供事件名称，则使用默认值
-      }))
-    },
-    focusInput () {
-      if (this.attr.defaultFocus) {
-        this.$nextTick(h => {
-          const el = this.$refs[`${this.attr.model}input`]?.$el
-          let inputEl
-          if (el) {
-            if (el.tagName.toLowerCase() === 'input') {
-              inputEl = el
-            } else {
-              inputEl = el.querySelector('input')
-            }
-          }
-          if (inputEl) {
-            inputEl.focus()
-            if (inputEl.type === 'number') {
-              if (inputEl.valueAsNumber) {
-                inputEl.setSelectionRange(0, inputEl.valueAsNumber.toString().length)
-              }
-            } else {
-              if (inputEl.value) {
-                inputEl.setSelectionRange(0, inputEl.value.length)
-              }
-            }
-          }
-        })
-      }
-    },
-    // 更新人员下拉框数据
-    async updateResOptions (type) {
-      if (this?.attr?.keyName?.toString()?.startsWith('search@根据表单项[') && this?.attr?.keyName?.toString()?.endsWith(`]联动${type}`)) {
-        const startIndex = this.attr.keyName.indexOf('[') + 1
-        const endIndex = this.attr.keyName.indexOf(']', startIndex)
-        const fromModel = this.attr.keyName.substring(startIndex, endIndex).replace('.', '_')
-        const formModelData = Array.isArray(this.form[fromModel])
-          ? this.form[fromModel]
-          : [this.form[fromModel]]
-        if (fromModel?.length && formModelData?.length) {
-          const searchData = { source: `获取${type}`, userid: this.currUser.id, filter: formModelData, filterType: fromModel.indexOf('org') > -1 ? 'org' : 'dep' }
-          await searchToListOption(searchData, res => {
-            this.getDataCallback(
-              res.filter(h => {
-                  if (fromModel.indexOf('org') > -1) {
-                    return formModelData?.includes(h.orgid || h.f_organization_id || h.parentid)
-                  } else {
-                    return formModelData?.includes(h?.parentid)
-                  }
-                }
-              )
-            )
-          })
-        }
-      }
-    },
-    // js 函数作为数据源
-    async updateOptions () {
-      if (this.attr.keyName && (this.attr.keyName.indexOf('async ') !== -1 || this.attr.keyName.indexOf('function ') !== -1)) {
-        this.optionForFunc = await executeStrFunctionByContext(this, this.attr.keyName, [this.form, runLogic, this.mode, getConfigByNameAsync])
-      }
-    },
-    async dataChangeFunc () {
-      if (this.attr.dataChangeFunc) {
-        await executeStrFunctionByContext(this, this.attr.dataChangeFunc, [this.form, this.setForm, this.attr, util, this.mode, runLogic, getConfigByNameAsync])
-      }
-    },
-    async showFormItemFunc () {
-      if (this.attr.showFormItemFunc) {
-        const obj = executeStrFunctionByContext(this, this.attr.showFormItemFunc, [this.form, this.setForm, this.attr, util, this.mode])
-        // 判断是 bool 还是  obj  兼容
-        if (typeof obj === 'boolean') {
-          this.show = obj
-        } else if (obj && typeof obj === 'object') {
-          // obj 是一个对象，并且不是数组
-          this.show = obj?.show
-          this.readOnly = obj?.readOnly
-        }
-      } else {
-        this.show = true
-      }
-    },
-    async showQueryFormItemFunc () {
-      if (this.attr.showQueryFormItemFunc) {
-        const obj = executeStrFunctionByContext(this, this.attr.showQueryFormItemFunc, [this.form, this.setForm, this.attr, util, this.mode])
-        // 判断是 bool 还是  obj  兼容
-        if (typeof obj === 'boolean') {
-          this.show = obj
-        } else if (obj && typeof obj === 'object') {
-          // obj 是一个对象，并且不是数组
-          this.show = obj?.show
-          this.readOnly = obj?.readOnly
-        }
-      } else {
-        this.show = true
-      }
-    },
-    init () {
-      if (!this.attr.flex) {
-        if (this.mode === '新增/修改') {
-          if (['horizontal', 'vertical'].includes(this.layout) || ['textarea', 'file', 'image'].includes(this.attr.type)) {
-            // 新增修改表单 horizontal 模式下默认为一行
-            this.attr.flex = {
-              xs: 24,
-              sm: 24,
-              md: 24,
-              lg: 24,
-              xl: 24,
-              xxl: 24,
-              fullWidth: true
-            }
-          } else {
-            // 新增修改表单 vertical 模式下默认为1列
-            this.attr.flex = {
-              xs: 24,
-              sm: 12,
-              md: 8,
-              lg: 8,
-              xl: 6,
-              xxl: 6
-            }
-          }
-        } else {
-          this.attr.flex = {
-            xs: 24,
-            sm: 24,
-            md: 8,
-            lg: 6,
-            xl: 6,
-            xxl: 6
-          }
-        }
-      }
-      if (this.attr.keyName && typeof this.attr.keyName === 'string') {
-        if (this.attr.keyName.indexOf('logic@') !== -1) {
-          this.getData({}, res => this.getDataCallback(res))
-        } else if (this.attr.keyName.indexOf('search@') !== -1) {
-          // `tool.getFullTree(this.getRights().where(row.getType()==$organization$))`
-          // 判断是否根据角色查询
-          let source = this.attr.keyName.substring(7)
-          const userid = this.currUser.id
-          let roleName = 'roleName'
-          if (source.startsWith('根据角色[') && source.endsWith(']获取人员')) {
-            const startIndex = source.indexOf('[') + 1
-            const endIndex = source.indexOf(']', startIndex)
-            roleName = source.substring(startIndex, endIndex)
-            source = '根据角色获取人员'
-          }
-          const searchData = { source, userid, roleName }
-          // 判断是否根据某个表单项联动 仅返回列表结构并筛选
-          if (source.startsWith('根据表单项[') && source.endsWith(']联动人员')) {
-            this.updateResOptions('人员')
-          } else if (source.startsWith('根据表单项[') && source.endsWith(']联动部门')) {
-            this.updateResOptions('部门')
-          } else if (this.attr.type === 'select' || this.attr.type === 'checkbox') {
-            // 仅获取最内层数据
-            searchToListOption(searchData, res => this.getDataCallback(res))
-          } else {
-            // 其他资源通用逻辑
-            searchToOption(searchData, res => this.getDataCallback(res))
-          }
-        } else if (this.attr.keyName.indexOf('config@') !== -1) {
-          const configName = this.attr.keyName.substring(7)
-          getConfigByName(configName, this.serviceName, res => {
-            this.getDataCallback(res.value)
-          }, this.env === 'dev')
-        } else if (this.attr.keyName.indexOf('async ') !== -1 || this.attr.keyName.indexOf('function ') !== -1) {
-          this.updateOptions()
-        }
-      } else if (this.attr.keys) {
-        this.getDataCallback(this.attr.keys)
-      }
-      this.focusInput()
-    },
-    addressSearchComboboxSelect (data) {
-      const result = JSON.parse(data)
-      if (result) {
-        // 如果是坐标搜索，只存放坐标
-        if (this.attr.type === 'coordinateSearch') {
-          if (Array.isArray(result)) {
-            this.form[this.attr.model] = result[0]
-          } else if (typeof result === 'object') {
-            this.form[this.attr.model] = result[this.attr.resultKeys?.coords || 'coords']
-          }
-        } else {
-          // 普通地址搜索，存放地址和坐标
-          if (Array.isArray(result)) {
-            this.form[this.attr.model] = result[0]
-            this.form[`${this.attr.model}_lng_lat`] = result[1]
-          } else if (typeof result === 'object') {
-            this.form[this.attr.model] = result[this.attr.resultKeys?.address || 'address']
-            this.form[`${this.attr.model}_lng_lat`] = result[this.attr.resultKeys?.coords || 'coords']
-          }
-        }
-      }
-    },
-    onDivisionsChange (data) {
-      this.emitFunc('addressSearchComboboxSelect', {
-        key: this.attr.model,
-        value: data
-      })
-    },
-    getDataCallback (res) {
-      this.option = res
-      if (this.attr.type === 'treeSelect') {
-        this.$nextTick(() => {
-          this.$refs.xTreeSelect.init({
-            option: this.option,
-            form: this.form,
-            queryType: this.attr.queryType,
-            name: this.attr.name,
-            model: this.attr.model,
-            mode: this.mode,
-            disabled: this.disabled
-          })
-        })
-      } else if (this.attr.type === 'radio' || ['radioGroup', 'clickChange'].includes(this.attr.showMode)) {
-        this.initRadioValue()
-      }
-    },
-    initRadioValue () {
-      const model = this.attr.model
-      if (this.mode === '新增/修改' && (this.form[model] === undefined || this.form[model] === null) && !this.attr.prop) {
-        if (this.attr.keys && this.attr.keys.length > 1) {
-          this.form[model] = this.attr.keys[0].value
-        } else if (this.option.length > 1) {
-          this.form[model] = this.option[0].value
-        }
-      }
-    },
-    // 文件框时设置上传组件的值
-    setFiles (fileIds) {
-      if (!this.form[this.attr.model]) {
-        this.form[this.attr.model] = []
-      }
-      this.form[this.attr.model] = [...fileIds]
-    },
-    // 懒加载检索方法
-    fetchFunction (value) {
-      this.lastFetchId += 1
-      const fetchId = this.lastFetchId
-      this.option = []
-      this.searching = true
-      this.getData({
-        word: value
-      }, res => {
-        if (fetchId !== this.lastFetchId) {
-          return
-        }
-        this.option = res
-        this.searching = false
-      })
-    },
-    // 获取数据
-    getData (value, callbackFun) {
-      if (value !== '') {
-        const logicName = this.attr.keyName
-        const logic = logicName.substring(6)
-        // 调用logic前设置参数
-        if (this.getDataParams && this.getDataParams[this.attr.model]) {
-          Object.assign(value, this.getDataParams[this.attr.model])
-        }
-        runLogic(logic, Object.assign(value, {
-          orgId: this.currUser.orgid,
-          userId: this.currUser.id
-        }), this.serviceName, this.env === 'dev').then(res => {
-          callbackFun(res)
-        }).catch(e => {
-          callbackFun([])
-          console.error('获取数据失败：' + e)
-        })
-      }
-    },
-    filterOption (input, option) {
-      const child = option.componentOptions.children[0]
-      if (child.text) {
-        return child.text.toLowerCase().indexOf(input.toLowerCase()) >= 0
-      } else if (child.elm.innerText) {
-        return child.elm.innerText.toLowerCase().indexOf(input.toLowerCase()) >= 0
-      } else {
-        return child.child.value.toLowerCase().indexOf(input.toLowerCase()) >= 0
-      }
-    },
-    // 表单项变更函数中调用 控制表单组中表单项组名为 groupName 的表单是否展示
-    // func：x-form-show（显示）/x-form-no-show（不显示）
-    emitShowFormFunc (func, groupName) {
-      this.emitFunc(func, groupName)
-    },
-    emitFunc (func, data) {
-      this.$emit('x-form-item-emit-func', func, data, data?.model ? this.form[data.model] : this.form)
-    },
-    itemMounted (h) {
-      this.$emit('mounted', h)
-    },
-    rowChoose (rows) {
-      this.$emit('rowChoose', rows, this.attr, this.closeRowChooseInput)
-    },
-    searchRowChooseData () {
-      if (this.searching) {
-        return
-      }
-      this.lastFetchId += 1
-      const fetchId = this.lastFetchId
-      this.searching = true
-      if (fetchId !== this.lastFetchId) {
-        return
-      }
-      this.rowChooseFixedQueryValue = []
-      this.rowChooseFixedQueryValue[this.attr.model] = this.form[this.attr.model]
-      this.$nextTick(() => {
-        this.$refs.rowChooseTable.refresh(true)
-      })
-    },
-    showCloseRowChooseInput () {
-      this.rowChoosePopoverVisible = true
-    },
-    closeRowChooseInput () {
-      this.rowChoosePopoverVisible = false
-    },
-    rowChooseSearchAfterQuery () {
-      this.searching = false
-    },
-    // 获取 recording 转换后的数据
-    getRecodingData () {
-      return this.$refs.recording.getRecordingData()
-    },
-    recordingData (data) {
-      this.emitFunc('recordingData', data)
-    },
-    getPopupContainer (triggerNode) {
-      return document.body
-      // return triggerNode.parentNode
-    },
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.custom-dropdown {
-  position: absolute;
-  z-index: 1050;
-}
-.multiple_select {
-  :deep(.ant-select-selection){
-    max-height: 32px;
-    overflow-y: scroll;
-  }
-}
-
-</style>