<!-- 
  TODO 成本费用设置---编辑内容
 -->
<template>
  <SysDialog
    :visible="dialog.visible"
    v-bind="getBindValue"
    :title="dialog.title"
    class="add-eit-provider-feeset"
    @onClose="clearClose"
    @onConfirm="confirm"
  >
    <template #content>
      <div
        v-loadings="baseProviderFeeSet.loading"
        class="provider-content"
      >
        <!-- 表单数据 -->
        <el-form
          ref="ruleFormFeeBasicDataRef"
          :inline="true"
          :model="providerFeeSetParams"
          :rules="ruleFormBaseicData"
          class="fesset-from"
        >
          <el-row>
            <template
              v-if="actionsTypeView"
              class="single-line"
            >
              <el-form-item
                label="费用名称："
                prop="feeSetName"
              >
                {{ providerFeeSetParams.feeSetName }}
              </el-form-item>
            </template>
            <template v-else>
              <el-form-item
                label="费用名称："
                prop="feeSetName"
              >
                <el-input
                  v-model="providerFeeSetParams.feeSetName"
                  class="form-item"
                  :disabled="actionsTypeView"
                />
              </el-form-item>
            </template>
            <el-col class="define-col-item">
              <el-form-item
                label="服务商："
                prop="providerId"
              >
                <BaseSelect
                  v-model:modelValue="providerFeeSetParams.providerId"
                  :options="allProvidersList"
                  clearable
                  class="form-item"
                  remote
                  :is-loading="true"
                  :disabled="actionsTypeVersionView"
                  :title="providerFeeSetParams.providerName"
                  @change="hanleChangeGetVaule($event, allProvidersList, 'providerName')"
                />
              </el-form-item>
            </el-col>
            <el-col class="define-col-item">
              <el-form-item
                label="费项类型："
                prop="feeItemCategory"
              >
                <BaseSelect
                  v-model:modelValue="providerFeeSetParams.feeItemCategory"
                  :options="feeItemCategoryList"
                  clearable
                  class="form-item"
                  remote
                  :is-loading="true"
                  :disabled="actionsTypeVersionView"
                  :title="providerFeeSetParams.feeItemCategoryName"
                  @change="hanleChangeGetVaule($event, feeItemCategoryList, 'feeItemCategoryName')"
                />
              </el-form-item>
            </el-col>
            <el-col class="define-col-item">
              <el-form-item
                label="产品名称："
                prop="productId"
              >
                <BaseSelect
                  v-model:modelValue="providerFeeSetParams.productId"
                  :options="deliverChannelList"
                  clearable
                  class="form-item"
                  remote
                  :is-loading="true"
                  :disabled="actionsTypeVersionView"
                  :title="providerFeeSetParams.productName"
                  @change="hanleChangeGetVaule($event, deliverChannelList, 'productName')"
                />
              </el-form-item>
            </el-col>
            <el-col class="define-col-item">
              <el-form-item
                prop="beginDate"
                label="时间"
                :rules="validateData.beginDate"
              >
                <el-date-picker
                  v-model="providerFeeSetParams.beginDate"
                  type="date"
                  placeholder="生效时间"
                  style="width: 100%;"
                />
              </el-form-item>
            </el-col>
            <el-col class="define-col-item">
              <el-form-item label="最小重量(Kg)：">
                <el-input
                  v-model="providerFeeSetParams.feeBasicData.minWeight"
                  v-clear-only-regex="/^\d*\.?\d{0,3}$/"
                  class="form-item"
                />
              </el-form-item>
            </el-col>
            <el-col class="define-col-item">
              <el-form-item label="最大重量(Kg)：">
                <el-input
                  v-model="providerFeeSetParams.feeBasicData.maxWeight"
                  v-clear-only-regex="/^\d*\.?\d{0,3}$/"
                  class="form-item"
                />
              </el-form-item>
            </el-col>
            <el-col class="define-col-item">
              <el-form-item label="重量取整：">
                <el-input
                  v-model="providerFeeSetParams.feeBasicData.weightRound"
                  v-clear-only-regex="/^\d*\.?\d{0,3}$/"
                  class="form-item"
                />
              </el-form-item>
            </el-col>
            <el-col class="define-col-item">
              <el-form-item label="大货起始重量：">
                <el-input
                  v-model="providerFeeSetParams.feeBasicData.bigGoodsBeginWeight"
                  v-clear-only-regex="/^\d*\.?\d{0,3}$/"
                  class="form-item"
                />
              </el-form-item>
            </el-col>
            <el-col class="define-col-item">
              <el-form-item label="大货比价类型：">
                <BaseSelect
                  v-model:modelValue="providerFeeSetParams.feeBasicData.compareType"
                  :options="compareTypeList"
                  clearable
                  class="form-item"
                  :disabled="actionsTypeVersionView"
                />
              </el-form-item>
            </el-col>
            <el-col class="col-form-item">
              <el-form-item label="比对费用：">
                <BaseSelect
                  v-model:modelValue="providerFeeSetParams.feeBasicData.feeItemIdList"
                  :options="oldFeeItemList"
                  :fields-obj="{ valueField: 'id', labelField: 'itemName' }"
                  :disabled="actionsTypeVersionView"
                  :collapse-tags="true"
                  :multiple="true"
                  :clearable="true"
                />
              </el-form-item>
            </el-col>
            <el-col class="define-col-item">
              <el-form-item 
                label="是否计抛："
              >
                <BaseSelect
                  v-model:modelValue="providerFeeSetParams.feeBasicData.lightFlag"
                  :options="baseProviderFeeSet.lightFlagList"
                  :clearable="false"
                  :filterable="false"
                />
              </el-form-item>
            </el-col>
            <el-col class="col-form-item">
              <!-- label="计抛系数：" -->
              <el-form-item
                class="item-formItem180"
              >
                <div class="flex">
                  <BaseSelect
                    v-model:modelValue="baseProviderFeeSet.remoteFlag"
                    class="remote-survey-type"
                    :clearable="false"
                    :filterable="false"
                    :options="remoteSurveyTypeList"
                    @change="changeRemoteFlag"
                  />
                  <el-input
                    v-model="baseProviderFeeSet.weightRateModelList[baseProviderFeeSet.remoteFlagIndex].weightRatio"
                    v-clear-only-regex="/^\d*\.?\d{0,3}$/"
                    class="flex-1"
                  />
                </div>
              </el-form-item>
            </el-col>
            <el-form-item>
              <div
                class="cursor"
                @click="hanleOpenOneVote"
              >
                一票多件<el-icon>
                  <Operation />
                </el-icon>
              </div>
            </el-form-item>
          </el-row>
        </el-form>
        <!-- 费用设置 -->
        <div class="table-warp">
          <div class="title">
            费用设置
            <el-tooltip
              effect="dark"
              content="点击单行唤醒编辑表格"
              placement="top-start"
            >
              <el-button
                :icon="QuestionFilled"
                link
              />
            </el-tooltip>
          </div>
          <!-- 动态-费用表单 -->
          <VxeBasicTable
            v-bind="providerSetingGridOptions"
            ref="ruleFormProviderFeesetTableRef"
            @cell-click="hanleCellClick"
          >
            <!-- 费用类型 -->
            <template #header_feeItemId>
              <div class="flex">
                <span>费用类型</span>
                <!-- <el-button
                  type="primary"
                  link
                  class="ml-6 feeset-add"
                  @click="hanleShowFeeitem"
                >
                  +
                </el-button> -->
              </div>
            </template>
            <template #default_feeItemId="{ row }">
              {{ feeItemFindName(row.feeItemId, costFeeItemList) }}
            </template>
            <template #edit_feeItemId="scope">
              <div v-if="scope.row.feeItemId">
                <el-select
                  v-model="scope.row.feeItemId"
                  filterable
                  @visible-change="hanleChangeVisible($event, scope.row)"
                >
                  <el-option
                    v-for="item in filterOnFeeItemList(scope.row.feeItemId)"
                    :key="item.id"
                    :label="item.itemName"
                    :value="item.id"
                  />
                </el-select>
              </div>
              <div v-else>
                <el-select
                  v-model="scope.row.feeItemId"
                  filterable
                  @change="() => { hanleChangeFeeItem(scope.row, costFeeItemList); updateStatus(scope); }"
                >
                  <el-option
                    v-for="item in addFilterFeeItemList"
                    :key="item.id"
                    :label="item.itemName"
                    :value="item.id"
                  />
                </el-select>
              </div>
            </template>
            <!-- 算法 -->
            <template #default_countModel="{ row }">
              {{ deal_FindItemName(row.countModel.countType, countTypeList) }}
            </template>
            <template #edit_countModel="scope">
              <el-select
                v-model="scope.row.countModel.countType"
                @change="updateStatus(scope)"
              >
                <el-option
                  v-for="item in countTypeList"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                  @click="hanleBlurCalculator(scope.row)"
                />
              </el-select>
            </template>
            <!-- 计算优先级 -->
            <template #edit_countOrderNumber="scope">
              <el-input
                v-model="scope.row.countOrderNumber"
                v-clear-only-regex="/^\d*\.?\d{0,0}$/"
                @change="updateStatus(scope)"
              />
            </template>
            <!-- 费用 -->
            <template #edit_offerPrice="scope">
              <el-input
                v-model="scope.row.offerPrice"
                v-clear-only-regex="/^\d*\.?\d{0,3}$/"
                @change="updateStatus(scope)"
              />
            </template>
            <!-- 币种 -->
            <template #default_currencyCode="{ row }">
              {{ deal_FindItemName(row.currencyCode, currencyList) }}
            </template>
            <template #edit_currencyCode="scope">
              <el-select
                v-model="scope.row.currencyCode"
                filterable
                @change="updateStatus(scope)"
              >
                <el-option
                  v-for="item in currencyList"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </template>
            <!-- 取值类型 -->
            <template #default_feeItemGetType="{ row }">
              {{ deal_FindItemName(row.feeItemGetType, feeItemGetTypeList) }}
            </template>
            <template #edit_feeItemGetType="scope">
              <el-select
                v-model="scope.row.feeItemGetType"
                filterable
                @change="updateStatus(scope)"
              >
                <el-option
                  v-for="item in feeItemGetTypeList"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </template>
            <!-- 备注 -->
            <template #edit_remark="scope">
              <el-input
                v-model="scope.row.remark"
                @change="updateStatus(scope)"
              />
            </template>
            <!-- 操作 -->
            <template #header_actions>
              <el-button
                class="btn-columns"
                type="primary"
                :icon="Plus"
                link
                @click="hanleFeesetTableAdd"
              />
            </template>
            <template #default_actions="scope">
              <template v-if="isActiveStatus(scope.row)">
                <el-button
                  class="btn-columns"
                  type="primary"
                  :icon="Select"
                  link
                  @click="cancelRowEvent(scope.row)"
                />
              </template>
              <template v-else>
                <el-button
                  class="btn-columns"
                  type="danger"
                  :icon="SemiSelect"
                  link
                  @click="hanleFeesetTableDelete(scope)"
                />
              </template>
            </template>
          </VxeBasicTable>
        </div>
        <!-- 费用设置明细 -->
        <div class="table-warp">
          <div class="title flex align-center">
            <div>
              费用明细设置
            </div>
            <div class="flex align-center pl-20">
              <span class="pl-20">包装类型：</span>
              <el-select
                v-model="baseProviderFeeSet.packageType"
                class="m-2"
                placeholder="包装类型"
                @change="hanleChangePackageType"
              >
                <el-option
                  v-for="item in packageTypeList"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </div>
            <div class="pl-20">
              费用类型: {{ feeItemName }}
            </div>
            <div class="pl-20">
              <el-button @click="hanleExportExpense">
                快速导入
              </el-button>
            </div>
            <div class="flex-1 flex justify-end align-center">
              <div>分区管理:</div>
              <div class="pl-20">
                <el-select
                  v-model="baseProviderFeeSet.zoningType"
                  class="m-2"
                  placeholder="分区操作"
                >
                  <el-option
                    v-for="item in zoningActionOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                    @click="changeZoningAction(item.value)"
                  />
                </el-select>
              </div>
            </div>
          </div>
          <!-- 动态-费用明细表单 -->
          <vxe-table
            ref="xFeesetSetingDetailTableRef"
            :data="providerFeesetSetingDetailTable.dataSource"
            :edit-rules="providerFeesetSetingDetailTableRule"
            :min-height="0"
            :max-height="380"
            border
            show-overflow
            :row-config="{ isHover: true }"
            :cell-style="{ height: '38px', padding: 0 }"
            :column-config="{ resizable: true }"
            :header-row-style="{ background: '#fff', color: '#909399', borderRight: '1px solid #ccc' }"
            :edit-config="{ trigger: 'click', mode: 'row', showIcon: false, showAsterisk: false }"
          >
            <vxe-column
              field="originalBeginWeight"
              :width="125"
              title="起始重量（>）"
              fixed="left"
              :edit-render="{ autofocus: '.original-beginweight .vxe-input--inner', autoselect: true }"
            >
              <template #edit="scoped">
                <vxe-input
                  v-model="scoped.row.originalBeginWeight"
                  v-clear-only-regex="/^\d*\.?\d{0,3}$/"
                  type="text"
                  class="original-beginweight"
                  @change="detailUpdateStatus(scoped)"
                />
              </template>
            </vxe-column>
            <vxe-column
              field="originalEndWeight"
              :width="130"
              title="结束重量（<=）"
              fixed="left"
              :edit-render="{ autofocus: '.original-endweight .vxe-input--inner', autoselect: true }"
            >
              <template #edit="scoped">
                <vxe-input
                  v-model="scoped.row.originalEndWeight"
                  v-clear-only-regex="/^\d*\.?\d{0,3}$/"
                  type="text"
                  class="original-endweight"
                  @change="detailUpdateStatus(scoped)"
                />
              </template>
            </vxe-column>
            <!-- <vxe-column
              field="originalCalculateUnit"
              :width="125"
              title="计量单位"
              fixed="left"
              :edit-render="{}"
            >
              <template #header>
                计量单位
                <el-tooltip
                  effect="dark"
                  content="点击拷贝数据"
                  placement="top-start"
                >
                  <el-button
                    type="primary"
                    :icon="List"
                    link
                    @click="hanleChangeCalculateUnitList"
                  />
                </el-tooltip>
              </template>
              <template #default="{ row }">
                <span>{{ deal_FindItemName(row.originalCalculateUnit, calculateUnitList) }}</span>
              </template>
              <template #edit="scoped">
                <vxe-select
                  v-model="scoped.row.originalCalculateUnit"
                  transfer
                  @change="detailUpdateStatus(scoped)"
                >
                  <vxe-option
                    v-for="item in calculateUnitList"
                    :key="item.value"
                    :value="item.value"
                    :label="item.label"
                  />
                </vxe-select>
              </template>
            </vxe-column> -->
            <vxe-column
              field="countModel.countType"
              width="125"
              title="算法"
              fixed="left"
              :edit-render="{}"
            >
              <template #header>
                算法
                <el-tooltip
                  effect="dark"
                  content="点击拷贝数据"
                  placement="top-start"
                >
                  <el-button
                    type="primary"
                    :icon="List"
                    link
                    @click="hanleChangeCountTypeList"
                  />
                </el-tooltip>
              </template>
              <template #default="{ row }">
                <span>{{ deal_FindItemName(row.countModel.countType, countTypeList) }}</span>
              </template>
              <template #edit="scoped">
                <vxe-select
                  v-model="scoped.row.countModel.countType"
                  transfer
                  @change="detailUpdateStatus(scoped)"
                >
                  <vxe-option
                    v-for="item in countTypeList"
                    :key="item.value"
                    :value="item.value"
                    :label="item.label"
                  >
                    <div @click="hanleBlurCalculator(scoped.row)">
                      {{ item.label }}
                    </div>
                  </vxe-option>
                </vxe-select>
              </template>
            </vxe-column>
            <template
              v-for="(item,index) in columnsDynamicMeterHead"
              :key="`provider-table-${index}`"
            >
              <!-- :key="item.slotName" -->
              <vxe-column
                :field="item.slotName"
                :min-width="100"
                :title="item.label"
                :edit-render="{ autofocus: '.input_ .vxe-input--inner', autoselect: true }"
              >
                <template #header>
                  {{ item.label }}
                  <el-tooltip
                    effect="dark"
                    content="点击拷贝数据"
                    placement="top-start"
                  >
                    <el-button
                      type="primary"
                      :icon="List"
                      link
                      @click="hanleInitRefresh(item.slotName)"
                    />
                  </el-tooltip>
                </template>
                <template #edit="scoped">
                  <vxe-input
                    v-model="scoped.row[item.slotName]"
                    type="text"
                    class="input_"
                    @change="detailUpdateStatus(scoped)"
                  />
                </template>
              </vxe-column>
            </template>
            <vxe-column
              title="操作"
              fixed="right"
              :width="60"
            >
              <template #header>
                <el-button
                  class="btn-columns"
                  type="primary"
                  link
                  @click="hanleFeesetDetailsTableAdd"
                >
                  +
                </el-button>
              </template>
              <template #default="scope">
                <el-button
                  class="btn-columns"
                  type="danger"
                  link
                  @click="hanleFeesetDetailsTableDelete(scope)"
                >
                  -
                </el-button>
              </template>
            </vxe-column>
          </vxe-table>
        </div>
      </div>
    </template>
    <template #defineFooter>
      <div class="provider-feeSet-footer">
        <el-button
          type="danger"
          @click="clearClose"
        >
          {{ actionsTypeView ? '关闭' : '取消' }}
        </el-button>
        <el-button
          v-show="!actionsTypeView"
          type="primary"
          @click="confirm"
        >
          保存
        </el-button>
      </div>
    </template>
  </SysDialog>
  <!-- 一票多件 -->
  <MpsData
    ref="mpsdataRef"
    @save-mps-data="hanleSaveMpsData"
  />
  <!-- 费用 -->
  <!-- <AddandEditFeeitem
    ref="addEditProviderFeeSetRef"
    :fee-item-special-flag-select-list="feeItemSpecialFlagList"
    :fee-item-type-select-list="feeItemTypeList"
    @save="hanleSaveFeeItem"
  /> -->
  <!-- 计算公式-弹框 -->
  <FormulaModle ref="formulaModleRef" />
  <!-- 分区管理 -->
  <BasicZoning
    ref="basicZoningRef"
    @save-zoning="hanleSaveZoning"
  />
  <!-- 导出分区模版 -->
  <ZoningExportTemplate ref="zoningExportTemplateRef" />
  <!-- 分区模版加载 -->
  <ZoningLoadTemplate
    ref="zoningLoadTemplateRef"
    @save-load-partition="hanleSaveLoadPartition"
  />
  <!-- 分区特殊参数设置 -->
  <SpecialParameter
    ref="specialParameterRef"
    :special-parameters-list="specialParametersList"
    :partition-list="providerFeeSetParams.partitionList"
    :fee-items-list="oldFeeItemList"
    @save-special-parameter="hanleSaveSpecialParameter"
  />
  <!-- 快速导入费用 -->
  <ExportExpense
    ref="exportExpenseRef"
    :zone-list="providerFeesetSetingDetailTable.columns"
    :original-calculate-unit="originalCalculateUnit"
    :count-type-list="countTypeList"
    :fee-item-row="baseProviderFeeSet.feeItemCurrentData"
    :feeset-seting-data-source="providerSetingGridOptions.data"
    @save-expense="hanleSaveExpense"
  />
</template>
<script lang="ts" setup>
import SysDialog from "@/components/SysDialog.vue";
import useAddEditProviderFeeSet from "@/composables/business/providerfeeset/useAddEditProviderFeeSet";
import { useAddEditProviderFeeSetModel } from "@/composables/business/providerfeeset/useAddEditProviderFeeSetModel";
import useDialog from "@/hooks/useDialog";
import { reactive } from "vue";
import MpsData from '@/components/MpsData/index.vue';
import { useDropDownData } from "@/hooks/useDropDownData";
import { useBaseFeesetAction, useDefineValidate, useRealTimeFeeItemListComputed } from "@/composables/business/providerfeeset/useAddEditProviderFeeSetRef";
import { zoningActionOptions } from "@/components/Zoning/src/basicZoningData";
// import AddandEditFeeitem from '@/views/dictionary/feeitem/AddandEditFeeitem.vue';
import FormulaModle from '@/components/feeset/FormulaModle.vue';
import BasicZoning from '@/components/Zoning/src/BasicZoning.vue';
import ZoningExportTemplate from '@/components/Zoning/src/components/ZoningExportTemplate.vue'
import ZoningLoadTemplate from '@/components/Zoning/src/components/ZoningLoadTemplate.vue';
import SpecialParameter from '@/components/Zoning/src/components/SpecialParameter.vue';
import ExportExpense from '@/components/Zoning/src/components/exportExpense.vue';
import BaseSelect from '@/components/QuerySelect/BaseSelect.vue';
import { List, Select, SemiSelect, Plus, QuestionFilled } from "@element-plus/icons-vue";
import { deal_FindItemName } from "@/utils/dealFindData";
import { VxeBasicTable } from "@/components/VxeTable";
import { useVxeGridHanleHooks } from "@/components/VxeTable/hooks";
import { feeItemFindName } from "@/utils/feeSeting/data";

//弹框属性
const { dialog, onClose, onShow } = useDialog();
// 弹框一些配置
const getBindValue = reactive({
  title: "成本费用设置",
  top: "3vh",
  width: 1380,
  height: 0,
  fullscreen: true,
  isFooter: true
  // closeOnClickModal: false,
});
const emit = defineEmits(['saveFeeBase'])

// 基础数据
const {
  propsCol,
  ruleFormBaseicData,
  providerFeesetSetingDetailTable,
  providerFeesetSetingDetailTableRule,
  providerSetingGridOptions
} = useAddEditProviderFeeSetModel()
const {
  currencyList,
  countTypeList,
  costFeeItemList,
  packageTypeList,
  allProvidersList,
  specialParametersList,
  feeItemGetTypeList,
  deliverChannelList,
  compareTypeList,
  remoteSurveyTypeList
} = useDropDownData()

const {
  show,
  confirm,
  clearClose,
  hanleOpenOneVote,
  hanleSaveMpsData,
  hanleChangeVisible,
  hanleFeesetTableAdd,
  hanleFeesetTableDelete,
  hanleFeesetDetailsTableAdd,
  hanleFeesetDetailsTableDelete,
  hanleBlurCalculator,
  hanleChangeFeeItem,
  hanleChangePackageType,
  changeZoningAction,
  hanleSaveZoning,
  hanleSaveLoadPartition,
  hanleSaveSpecialParameter,
  hanleChangeCountTypeList,
  hanleInitRefresh,
  hanleExportExpense,
  hanleSaveExpense,
  hanleChangeGetVaule,
  hanleCellClick,
  changeRemoteFlag,
  mpsdataRef,
  ruleFormProviderFeesetTableRef,
  ruleFormFeeBasicDataRef,
  formulaModleRef,
  basicZoningRef,
  zoningExportTemplateRef,
  zoningLoadTemplateRef,
  specialParameterRef,
  exportExpenseRef,
  xFeesetSetingDetailTableRef,
  columnsDynamicMeterHead,
  providerFeeSetParams,
  baseProviderFeeSet,
  feeItemName,
  feeItemCategoryList,
  originalCalculateUnit
} = useAddEditProviderFeeSet(dialog, onClose, onShow, emit, providerSetingGridOptions, providerFeesetSetingDetailTable)
const { validateData } = useDefineValidate(baseProviderFeeSet, providerFeeSetParams)
// 操作类型判断
const { actionsTypeView, actionsTypeVersionView } = useBaseFeesetAction<typeof baseProviderFeeSet>(baseProviderFeeSet)
// 过滤费用类型
const { addFilterFeeItemList, oldFeeItemList, filterOnFeeItemList } = useRealTimeFeeItemListComputed(providerSetingGridOptions, costFeeItemList)
// vxe-grid操作事件
const { isActiveStatus, cancelRowEvent, updateStatus } = useVxeGridHanleHooks(ruleFormProviderFeesetTableRef)
const { updateStatus: detailUpdateStatus } = useVxeGridHanleHooks(xFeesetSetingDetailTableRef)
//父组件调用子组件显示弹框
//暴露出去给外部使用
defineExpose({
  show
});
</script>
<style lang="scss" scoped>
.add-eit-provider-feeset {
  .fesset-from {
    .form-item {
      width: 120px !important;
    }
    .define-col-item {
      flex-basis: 185px;
    }
    .col-form-item {
      flex-basis: 248px;
    }
    :deep(.el-form-item) {
      margin-right: 10px;
      .el-form-item__label {
        padding-right: 6px;
      }
    }
  }
  .feeset-add {
    font-size: 18px;
  }
  .table-warp {
    margin-bottom: 20px;
    .title {
      padding-bottom: 10px;
    }
    .state-more-h {
      margin-top: 8px;
      height: 22px;
      line-height: 22px;
      text-align: center;
    }
  }
  .btn-columns {
    display: block;
    width: 100%;
  }
  .el-table {

    :deep(td.el-table__cell) {
      // padding-bottom: 0;
      padding: 5px 0;
      .el-input__wrapper {
        border: none;
      }
    }

    :deep(.el-table__row) {
      user-select: none;
    }
  }
  .table-warp {
    .el-table {
      :deep(.el-form-item) {
        margin-bottom: 0;
      }

      :deep(.cell) {
        padding: 0 3px;
      }
    }
  }
}
.provider-content {
  padding-bottom: 28px;

  :deep(.col--actived) {
    background-color: #f5f7fa;
  }
}
.provider-feeSet-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding-right: 15px;
  padding-bottom: 20px;
  z-index: 3999;
  background-color: #fff;
}
</style>