gameapi-client/src/views/merchant/businessInformation/index.vue

<template>
    <div class="app-container">
      <table-search-card  :model="queryParams" @getList="getList" @handleQuery="handleQuery" @resetQuery="resetQuery">
         <template #left>
            <el-form-item :label="t('商户账号')" prop="tenantKey">
               <el-input
                  v-model="queryParams.tenantKey"
                  :placeholder="t('请输入商户账号')"
                  clearable
                  style="width: 200px"
                  @keyup.enter="handleQuery"
               />
            </el-form-item>
            <el-form-item :label="t('状态')" prop="tenantStatus">
               <CustomSelect  v-model="queryParams.tenantStatus" :options="tenantStatusArr" placeholder="请选择状态" style="width: 200px" />
            </el-form-item>
         </template>
         <template #right>
            <el-form-item>
               <el-button type="primary" icon="Plus" @click="handleAdd" v-hasPermi="['super:tenant:create']">{{ t('新增商户') }}</el-button>
            </el-form-item>
         </template>
      </table-search-card>
      <el-table v-loading="loading" :data="agentList" class="c-table-main" border>
          <!-- <el-table-column type="selection" width="55" align="center" /> -->
          <el-table-column :label="t('商户标识')" min-width="100" align="center" prop="tenantSn" >
            <template #default="{row}">
               {{ row.tenantSn }}<br/>
               <span v-if="row.agentAccount">{{ t('代理') }}: {{ row.agentAccount }}</span>
            </template>
         </el-table-column>
          <el-table-column :label="t('商户账号')" align="center" prop="tenantKey" min-width="170px" >
            <template #default="{row}">
              <div style="width: 100%;text-align: left;">{{ t('账号') }}： {{ row.tenantKey }}</div>
              <div style="width: 100%;text-align: left;">{{ t('谷歌') }}： 
               <span v-if="row.googleCode == null || row.googleCode == ''" style="color: #909399;">{{ t('未绑定') }}</span>
               <span v-else style="color: #1ab394;">{{ t('已绑定') }} <el-button link type="primary" @click="handleUnbindGoogle(row)" v-hasPermi="['super:tenant:resetGoogleCode']">{{ t('解除') }}</el-button></span>
              </div>
            </template>
          </el-table-column>

          <el-table-column :label="t('余额')" min-width="160" align="center" >
            <template #default="{row}">
               <div style="display: flex;justify-content: space-between;">
                  <div>
                    {{ getcurrencySign(row.currencyCode) }} {{ (row.realBalance ?? 0) + (row.creditBalance ?? 0) }}
                  </div>
                  <el-button link type="primary" @click="handleAdjustment(row)" v-hasPermi="['super:tenant:quota:update']">{{ t('调额') }}</el-button>
               </div>
            </template>
          </el-table-column>
          <!-- <el-table-column :label="t('商户Api平台配置')" width="100" align="center" >
            <template #default="{row}">
                <el-button link type="primary" @click="handleView(scope.row)" v-hasPermi="['agent:tenant:view']">{{ t('配置') }}</el-button>
            </template>
          </el-table-column> -->
          <el-table-column :label="t('注册时间')" align="center" prop="createTime" min-width="120">
             <template #default="scope">{{ parseTime(scope.row.createTime)|| '--' }}</template>

          </el-table-column>
          <el-table-column :label="t('最后登录时间')" align="center" prop="loginData" min-width="120">
             <template #default="scope">{{ parseTime(scope.row.loginData) || '--' }}</template>

          </el-table-column>
          <el-table-column :label="t('状态')" align="center">
             <template #default="{row}">
               <!-- <dict-tag :options="ff_tenant_status" :value="String(scope.row.tenantStatus)" /> -->
               <base-switch v-model="row.tenantStatus" :active-value="true" :inactive-value="false"
               :before-change="() => beforeSwitchChange(row, 'tenantStatus')" v-hasPermi="['super:tenant:switch']" />
             </template>
          </el-table-column>
          <el-table-column :label="t('商户平台费率')" min-width="130" align="center">
             <template #default="{row}">
               <el-button type="primary" plain @click="handleView(row)">{{ t('商户平台费率') }}</el-button>

             </template>
          </el-table-column>
          <el-table-column :label="t('操作')" align="center" width="260" class-name="small-padding fixed-width">
             <template #default="scope">
               <el-popconfirm
               class="box-item"
               :title="t('确定重置该商户密码？')"
               placement="top"
               @confirm="resetPassword(scope.row)"
               >
               <template #reference>
                  <!-- @click="resetPassword(scope.row)" -->
                  <el-button link type="primary"  v-hasPermi="['super:tenant:resetPwd']">{{ t('重置密码') }}</el-button>
               </template>
               </el-popconfirm>
                
                <el-button link type="primary" @click="handleConnection(scope.row)" v-hasPermi="['super:tenant:list']">{{ t('对接信息') }}</el-button>
                <el-button link type="primary" @click="edit(scope.row)" v-hasPermi="['super:tenant:detail']">{{ t('编辑') }}</el-button>
                <el-button link type="primary" @click="whitelist(scope.row)" v-hasPermi="['super:white:list']">{{ t('白名单') }}</el-button>
             </template>
          </el-table-column>
       </el-table>
 
       <pagination
          v-show="total > 0"
          :total="total"
          v-model:page="queryParams.pageNum"
          v-model:limit="queryParams.pageSize"
          @pagination="getList"
       />
       <!-- 商户平台费率 -->
       <el-dialog v-if="openView" :title="t('商户平台费率')" v-model="openView"  align-center width="820px" append-to-body>
         <el-descriptions :column="2" border>
               <el-descriptions-item label="商户标识">{{form.tenantSn}}</el-descriptions-item>
               <el-descriptions-item label="商户账号">{{form.tenantKey}}</el-descriptions-item>
            </el-descriptions>
            <div style="height: 30px;"></div>
          <el-form :model="form"  ref="openViewRef" :rules="rules" label-width="120px">
            <div class="label-scoreRatio">
                        <span>{{ t('平台比例') }}</span>
                        <div> 
                        <el-button type="danger" @click="queryCode('del')" :disabled="!form.tenantSystemPlatforms.length">-0.5</el-button>
                        <el-button type="primary" @click="queryCode('add')" :disabled="!form.tenantSystemPlatforms.length">+0.5</el-button>
                        </div>
                    </div>
             <div style="display: flex;margin-left: 120px;justify-content: space-between;margin-bottom: 10px;"> 
               <el-input
                     v-model="searchPlatformCode"
                     style="width: 100%"
                     :placeholder="t('请输入游戏平台')"
                     :suffix-icon="Search"
                     @input="searchSystemPlatforms"
                  />
            </div>
             <el-table :data="form.tenantSystemPlatforms" height="500" width="700px" class="scoreRatioTable">
                <el-table-column :label="t('平台')" align="center" prop="platformCode" />
                <el-table-column :label="t('币种')" align="center" prop="currencyCode" />
                <el-table-column :label="t('成本比例（%）')" align="center" min-width="120" prop="cost">
                  <template #default="scope">
                     {{ scope.row.cost }}%
                  </template>
                  </el-table-column>
                  <el-table-column :label="t('商户通用比例（%）')" align="center" min-width="130" prop="useCost">
                  <template #default="scope">
                     <div style="display: flex;align-items: center;">
                        <el-input v-model="scope.row.useCost" @input="handleInput(scope.row)"
                        @blur="handleBlur(scope.row)" :placeholder="t('请输入')" >
                        <template #append>%</template>
                        </el-input>
                     </div>
                  </template>
                  </el-table-column>
                  <el-table-column prop="maxAmount" label="带入金额" min-width="180">
                     <template #default="scope">
                        <div  style="display:flex;align-items: center;"><NumberInput v-model="scope.row.minAmount" @input="handleInput1(scope.row)"></NumberInput> ~  <NumberInput v-model="scope.row.maxAmount" @input="handleInput2(scope.row)"></NumberInput></div>                

                  </template>
                  </el-table-column>
             </el-table>
          </el-form>
          <template #footer>
            <div class="dialog-footer">
                <el-button type="primary" @click="submitForm" :loading="loadingButton" v-hasPermi="['super:tenant:edit']">{{ t('确 定') }}</el-button>
                <el-button @click="closeDialog">{{ t('取 消') }}</el-button>
            </div>
        </template>
       </el-dialog>

       <el-dialog :title="t('对接信息')" align-center v-model="openReset" width="620px" append-to-body>
         <template #header>
            <div class="dialog-header">
               <div class="dialog-title" style="width: 100%;text-align: center;">{{ openResetTiele }}</div>
            </div>
         </template>
         <el-descriptions border :column="1" class="c-descriptions" >
               <el-descriptions-item label-width="150" label-align="right" :label="t('商户后台')">
                  <div style="width: 300px;">{{ yueURL }} <CopyIcon :colors="'#409EFF'" v-if="yueURL" :text="String(yueURL)"></CopyIcon></div>
               </el-descriptions-item>
               <el-descriptions-item label-width="150" label-align="right" :label="t('登录账号')">
                  <div style="width: 300px;">{{ ConnectionArr.tenantKey }}<CopyIcon :colors="'#409EFF'" v-if="ConnectionArr.tenantKey" :text="String(ConnectionArr.tenantKey)"></CopyIcon></div>
               </el-descriptions-item>
               <el-descriptions-item label-width="150" label-align="right" :label="t('初始密码')">
                  <div style="width: 300px;"> {{ ConnectionArr.originalPassword }}<CopyIcon :colors="'#409EFF'" v-if="ConnectionArr.originalPassword" :text="String(ConnectionArr.originalPassword)"></CopyIcon></div>
               </el-descriptions-item>
               <el-descriptions-item label-width="150" label-align="right" :label="t('系统说明')">
                  {{ t('为了账户安全，登录成功后请先修改密码，绑定谷歌验证码。') }}
               </el-descriptions-item>
               <el-descriptions-item label-width="150" label-align="right" :label="t('商户KEY')">
                  <div style="width: 300px;">{{ ConnectionArr.tenantKey }}<CopyIcon :colors="'#409EFF'" v-if="ConnectionArr.tenantKey" :text="String(ConnectionArr.tenantKey)"></CopyIcon></div>
               </el-descriptions-item>
               <el-descriptions-item label-width="150" label-align="right" :label="t('商户密钥')">
                  <div style="width: 300px;">{{ ConnectionArr.tenantSecret }}<CopyIcon :colors="'#409EFF'" v-if="ConnectionArr.tenantSecret" :text="String(ConnectionArr.tenantSecret)"></CopyIcon></div> 
               </el-descriptions-item>
               <el-descriptions-item label-width="150" label-align="right" :label="t('api请求地址')">
                  <div style="width: 300px;">{{ ConnectionArr.tenantApiUrl }}<CopyIcon :colors="'#409EFF'" v-if="ConnectionArr.tenantApiUrl" :text="String(ConnectionArr.tenantApiUrl)"></CopyIcon></div> 
               </el-descriptions-item>
               <el-descriptions-item label-width="150" label-align="right" :label="t('对接文档')">
                  <div style="width: 300px;"> {{ ConnectionArr.documentUrl }}<CopyIcon :colors="'#409EFF'" v-if="ConnectionArr.documentUrl" :text="String(ConnectionArr.documentUrl)"></CopyIcon></div>
               </el-descriptions-item>
               <el-descriptions-item label-width="150" label-align="right" :label="t('文档密码')">
                  <div style="width: 300px;"> {{ ConnectionArr.documentPass }}<CopyIcon :colors="'#409EFF'" v-if="ConnectionArr.documentPass" :text="String(ConnectionArr.documentPass)"></CopyIcon></div>
               </el-descriptions-item>
               
            </el-descriptions>
            <div style="padding-left: 10px;margin-top: 10px;">
               <el-button link type="primary" @click="copyAccountInfo(ConnectionArr)">{{ t('点我复制') }}</el-button>
            </div>
          <template #footer>
             <div class="dialog-footer" style="width: 100%;text-align: center;">
               <el-button type="primary" v-if="openResetTiele == '账号信息'" @click="cancel">{{ t('知道了') }}</el-button>
                <el-button @click="cancel" v-if="openResetTiele == '对接信息'">{{ t('关 闭') }}</el-button>
             </div>
          </template>
        </el-dialog>
        <add-merchants-dialog v-if="openShowDialog" :addEditStatus="addEditStatus" :modifyDate="modifyDate" @submit="submitOn"
        v-model:show="openShowDialog"></add-merchants-dialog>
        <adjustment-dialog v-if="openAdjustment" :addEditStatus="addEditStatus" :modifyDate="modifyDate" @submit="getList"
        v-model:show="openAdjustment"></adjustment-dialog>
        <whitelist-dialog v-if="whitelistShow" :addEditStatus="addEditStatus" :modifyDate="modifyDate" @submit="getList"
        v-model:show="whitelistShow"></whitelist-dialog>
        <renew-dialog v-if="renewShow" v-model:show="renewShow" :addEditStatus="addEditStatus" :modifyDate="modifyDate" @submit="submitOn"></renew-dialog>
    </div>
 </template>
 
 <script setup name="Agent">
 import { superTenantList, updateSuperTenantEdit,updateSuperTenantResetPwd,updateSuperResetGoogleCode,getSuperTenant,superTenantQuotaList,updateSuperTenantQuotaUpdate,updateSuperTenantSwitch } from "@/api/super/tenant.js";
 import { superPlatformSystem } from "@/api/agent";
 import { getPlatformShowSelect } from "@/api/super/platform.js";
 import { getLocalStorage } from "@/utils/auth";
 import AddMerchantsDialog from './components/AddMerchantsDialog'
 import AdjustmentDialog from './components/AdjustmentDialog';
 import WhitelistDialog from './components/WhitelistDialog';
 import RenewDialog from './components/RenewDialog';
 import BaseSwitch from '@/components/BaseSwitch'
 import CustomSelect from '@/components/CustomSelect'
 import CopyIcon from '@/components/CopyIcon'
 import NumberInput from '@/components/NumberInput';
 import Crontab from '@/components/Crontab'
 import { Search } from '@element-plus/icons-vue'
 import { parseTime } from '@/utils/ruoyi'; // 时间格式化
import { get } from "@vueuse/core";
 const router = useRouter();
 const { proxy } = getCurrentInstance();
 const { ff_tenant_type, ff_tenant_status } = proxy.useDict("ff_tenant_type", "ff_tenant_status");
 
 const agentList = ref([]);
 const openShowDialog = ref(false),addEditStatus = ref('add'),modifyDate = ref({});
 const loading = ref(true);
 const ids = ref([]);
 const single = ref(true);
 const multiple = ref(true);
 const total = ref(0);
 const title = ref("");
 const openView = ref(false);
 const tenantSystemPlatforms = ref([]);
 const realBalance = ref([]);
 const openResetTiele = ref("");
 const loadingButton = ref(false);
 const oldForm = shallowRef({  });
 const tenantStatusArr = ref([
   { label: '正常', value: '1' },
   { label: '停用', value: '0' },
]);
const currencySelectArr = ref([]);
const PlatformRatioAll = ref([]);
let res = getLocalStorage('currencySelect');
currencySelectArr.value = res.map(item => {
        return { label:`${item.currencyName}(${item.currencyCode})`, value: item.currencyCode }
    })
 const data = reactive({
   form: {
    proportion:0,
   },
   queryParams: {
     pageNum: 1,
     pageSize: 10,
     tenantKey: "",
   },
   rules: {
       account: [{ required: true, message: proxy.t('商户账号不能为空'), trigger: "blur" }],
       password: [{ required: true, message: proxy.t('密码不能为空'), trigger: "blur" }],
       scoreRatio: [{ required: true, message: proxy.t('买分比例不能为空'), trigger: "blur" }],
       tenantType: [{ required: true, message: proxy.t('商户模式不能为空'), trigger: "change" }],
       realBalanceNum: [{ required: true, message: proxy.t('信誉额度不能为空'), trigger: "change" }],
   }
 });
 
 const { queryParams, form, rules } = toRefs(data);
 const yueURL = ref(window.location.origin);
 const rulesReset = reactive({
   pwd: [{ required: true, message: proxy.t('密码不能为空'), trigger: "change" }],
 });
 const formReset = reactive({
   pwd: "",
 });
 const openReset = ref(false);
 /** 查询列表 */
 function getList() {
   loading.value = true;
   superTenantList(queryParams.value).then(response => {
     agentList.value = response.rows;
     total.value = response.total;
     loading.value = false;
   });
 }
 // 列表开关事件
const beforeSwitchChange = async (row, undateKeys) => {
   const _status = row[undateKeys] == 1 ? 0 : 1
   const _data = {
      id: row.id,
   }
   _data[undateKeys] = _status
   try {
      
      await updateSuperTenantSwitch(_data).then(() => {
         proxy.$modal.msgSuccess(_status === 1 ? proxy.t('开启成功') : proxy.t('关闭成功'))
         getList()
      })
      return true;
   } catch (error) {
      console.error(proxy.t('接口调用失败'), error);
      return false; // 阻止开关状态改变
   }
}
 /** 任务组名字典翻译 */
 function jobGroupFormat(row, column) {
   return proxy.selectDictLabel(sys_job_group.value, row.jobGroup);
 }
 const submitOn = (row) => {
   openReset.value = true;
   openResetTiele.value = "对接信息";
   ConnectionArr.value = row;
   getList();
 };
 /** 取消按钮 */
 function cancel() {
   openShowDialog.value = false;
   openReset.value = false;
   reset();
 }
 //
 const getcurrencySign = (val) => {
   let resData = getLocalStorage('currencySelect');
   let currencySelectAlls = resData.map(item => ({
      ...item,
    label: `${item.currencyName}(${item.currencyCode})`,
    value: item.currencyCode
  }));
    let currencySignItem = currencySelectAlls?.find(item => item.value == val);
    return currencySignItem?.currencySign
}
 /** 表单重置 */
 function reset() {
   form.value = {
     account: "",
     password: "",
     scoreRatio: 1,
     tenantType: 1,
     tenantSystemPlatforms: [],
     realBalance: [],
   };
   proxy.resetForm("agentRef");
 }
 
 /** 搜索按钮操作 */
 function handleQuery() {
   queryParams.value.pageNum = 1;
   getList();
 }
 const whitelistShow = ref(false);
 const whitelist = (row) => {
   whitelistShow.value = true;
   modifyDate.value = row;
 }
 const ConnectionArr = ref({});
 const handleConnection = (row) => {
   openReset.value = true;
   openResetTiele.value = "对接信息";
   ConnectionArr.value = row;
 }

 //解除
 const handleUnbindGoogle = (row) => {
   proxy.$confirm('确定解除绑定吗？', '提示', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning'
   }).then(() => {

      updateSuperResetGoogleCode({
         id: row.id,
      }).then(res => {
         proxy.$modal.msgSuccess(proxy.t('解除成功'));
         getList();
      })
   }).catch(() => {});
 }
 const numbers = ref(0);
 function queryCode(type) {
   form.value.tenantSystemPlatforms = form.value.tenantSystemPlatforms.map((item, index) => {
        if (type === 'del' && item.useCost > item.cost) {
            item.useCost = Number(item.useCost);
            item.useCost -= 0.5
        } else if (type === 'add') {
            item.useCost = Number(item.useCost);
            item.useCost += 0.5;
        }
        return item
    })
    PlatformRatioAll.value = PlatformRatioAll.value.map((item, index) => {
        if (type === 'del' && item.useCost > item.cost) {
            item.useCost = Number(item.useCost);
            item.useCost -= 0.5
        } else if (type === 'add') {
            item.useCost = Number(item.useCost);
            item.useCost += 0.5;
        }
        return item
    })
    if (type === 'del' && numbers.value > 0) {
        numbers.value= Number(numbers.value);
        numbers.value -= 0.5;
    } else if (type === 'add') {
        numbers.value= Number(numbers.value);
        numbers.value += 0.5;
    }

}
 const handleCopy = async(text) => {
 // 支持现代 API：需 HTTPS 或 localhost
 if (navigator.clipboard && window.isSecureContext) {
    return navigator.clipboard.writeText(text);
  }

  // fallback：兼容 HTTP、老浏览器、iframe 等环境
  return new Promise((resolve, reject) => {
    try {
      const textarea = document.createElement('textarea');
      textarea.value = text;

      // 设置样式防跳动
      textarea.style.position = 'fixed';
      textarea.style.top = '-9999px';
      textarea.style.left = '-9999px';
      textarea.setAttribute("readonly", true);
      document.body.appendChild(textarea);
      textarea.select();

      const success = document.execCommand("copy");
      // copyTextSuccess();
      document.body.removeChild(textarea);

      success ? resolve() : reject(new Error("execCommand copy failed"));
    } catch (err) {
      reject(err);
    }
  });
}
 const resetPassword = (row) => {
   let objItem = { 
         id: row.id,
      }
   updateSuperTenantResetPwd(objItem).then(res => {
      handleCopy(res.data);
      getList();
      openResetTiele.value = "账号信息";
      openReset.value = true;
      ConnectionArr.value ={
         ...row,
         originalPassword:res.data
      };
      // proxy.$modal.msgSuccess(proxy.t('密码已复制'));
   })
//    proxy.$prompt('请输入谷歌验证码', "提示", {
//      confirmButtonText: "确定",
//      cancelButtonText: "取消",
//      closeOnClickModal: false,
//      inputValidator: (value) => {
//     if (!value) {
//       return '验证码不能为空';
//     }
//     return true;
//   }
// }).then(({ value }) => {

 
//    }).catch(() => {});
 }
 /** 重置按钮操作 */
 function resetQuery() {
   proxy.resetForm("queryRef");
   handleQuery();
 }
 const switchBeforeChange = () => {
   return false
}
 // 多选框选中数据
 function handleSelectionChange(selection) {
   ids.value = selection.map(item => item.jobId);
   single.value = selection.length != 1;
   multiple.value = !selection.length;
 }
 

 /** 费率 */
 function handleView(row) {
   getSuperTenant(row.id).then(response => {
   openView.value = true;
   let fromItem = {
         ...row,
         ...response.data,
         curType: response.data.curType,
         account: response.data.tenantKey,
         tenantType: response.data.tenantType,
         googleCodeSwitch: response.data.googleCodeSwitch,
         scoreRatio:response.data.scoreRatio,
         tenantSystemPlatforms:response.data.tenantPlatforms
      };
      PlatformRatioAll.value = response.data.tenantPlatforms;

      form.value = JSON.parse(JSON.stringify(fromItem));
      oldForm.value = JSON.stringify(PlatformRatioAll.value);
    })

 }
 const openAdjustment = ref(false);
const handleAdjustment = (row) => {
   
   getSuperTenant(row.id).then(response => {
      openAdjustment.value = true;
      modifyDate.value = {
         ...row,
         ...response.data,
         curType: response.data.curType,
         account: response.data.tenantKey,
         tenantType: response.data.tenantType,
         googleCodeSwitch: response.data.googleCodeSwitch,
         scoreRatio:response.data.scoreRatio,
         tenantSystemPlatforms:row.tenantPlatforms
      };
    })
}

 const handleAdjustmentUpdate = (row) => {
   let obj = {
      id:row.id,
      balance:row.balance,
      isOut:true
   }
   updateSuperTenantQuotaUpdate(obj).then(response => {
      proxy.$modal.msgSuccess(proxy.t('重置成功'));
      openAdjustment.value = false;
      handleAdjustment(row);
   })

 }
 const renewShow = ref(false);
 const edit = (row) => {
    reset();
    getSelectPlatform();
    getSuperCommonCurrencySelect();
    getSuperTenant(row.id).then(response => {
      renewShow.value = true;
      title.value = proxy.t('修改商户');
      modifyDate.value = {
         ...row,
         ...response.data,
         curType: response.data.curType,
         account: response.data.tenantKey,
         tenantType: response.data.tenantType,
         googleCodeSwitch: response.data.googleCodeSwitch,
         scoreRatio:response.data.scoreRatio,
         tenantSystemPlatforms:row.tenantPlatforms
      };
      
    })
 
 }
 const platformSystem = ref({
    pageNum:1,
    pageSize:100,
    orderByColumn:'platformCode',
    isAsc:'desc'
 });
 const totalPlatform = ref(0);
 /** 获取平台利润 */
 function getSelectPlatform() {
    superPlatformSystem(platformSystem.value).then(response => {
      form.value.tenantSystemPlatforms = response.rows;
      totalPlatform.value = response.total;
      tenantSystemPlatforms.value = JSON.parse(JSON.stringify(response.rows));
   });
 }
  /** 获取货币 */
  function getSuperCommonCurrencySelect() {
   let res = getLocalStorage('currencySelect');
   let _data = res.map(item => {
         return {
            ...item,
            balance:'',
            currencyCode:item.currencyCode,
         }
      })
      form.value.realBalance = _data;
      realBalance.value = JSON.parse(JSON.stringify(_data));
 }
 
 /** 新增按钮操作 */
 function handleAdd() {
    reset();
   openShowDialog.value = true;
    title.value = proxy.t('添加商户');
 }
 
 const copyAccountInfo = (row)=>{
  const content = `
商户后台：${yueURL.value}
登录账号：${row.tenantKey}
初始密码：${row.originalPassword}
系统说明：为了账户安全，登录成功后请先修改密码，绑定谷歌验证。
商户KEY：${row.tenantKey}
商户密钥：${row.tenantSecret}
对接文档：${row.documentUrl}
文档密码：${row.documentPass}
  `.trim();
  handleCopy(content).then(() => {
    proxy.$modal.msgSuccess(proxy.t('复制成功'));
  });

}

 const submitFormReset = () => {
    proxy.$refs["agentResetRef"].validate(valid => {
      if (valid) {
        updateSuperTenantResetPwd(formReset).then(response => {
           proxy.$modal.msgSuccess(proxy.t('重置成功'));
           openReset.value = false;
           getList();
         });
      }
    });
 }
 const closeDialog = () => {
   openView.value = false;
   form.value = {};
}
const sys_job_status = ref([]);
const getsuperCommonPlatformTypeSelect = async () => {
   getPlatformShowSelect().then(response => {
      sys_job_status.value = response.data.map(item => {
         return { label: item.platformName, value: item.platformCode }
      });
   }); 
 }
 getsuperCommonPlatformTypeSelect();
const handleInput = (row) => {
  let input = row.useCost.toString();

  // 清除非法字符（只允许数字和一个小数点）
  input = input.replace(/[^\d.]/g, '');

  // 防止多个小数点
  const parts = input.split('.');
  if (parts.length > 2) {
    input = parts[0] + '.' + parts[1];
  }

  // 限制小数点后最多两位
  if (parts[1]) {
    input = parts[0] + '.' + parts[1].substring(0, 2);
  }
  row.useCost = input;
    // 同步更新 PlatformRatioAll.value 对应项
   const target = PlatformRatioAll.value.find(item => item.id == row.id);
  if (target) {
    target.useCost = input;
  }
};
const handleInput1 = (row) => {
  let input = row.minAmount.toString();
    // 同步更新 PlatformRatioAll.value 对应项
   const target = PlatformRatioAll.value.find(item => item.id == row.id);
  if (target) {
    target.minAmount = input;
  }
}

const handleInput2 = (row) => {
  let input = row.maxAmount.toString();
    // 同步更新 PlatformRatioAll.value 对应项
   const target = PlatformRatioAll.value.find(item => item.id == row.id);
  if (target) {
    target.maxAmount = input;
  }
}


const handleBlur = (row) => {
  const cost = parseFloat(row.cost);
  const useCost = parseFloat(row.useCost);

  if (isNaN(useCost)) {
    row.useCost = '';
    return;
  }

  if (useCost < cost) {
    row.useCost = Number(cost); // 保留两位小数
    // 可选提示
    // this.$message.warning(`不能小于最小成本：${cost}`);
  }
}
const searchPlatformCode = ref('');
 const searchCurrencyCode = ref('');
// 搜索平台
const searchSystemPlatforms = (platformCode) => {
  const keyword = platformCode?.trim();
  if (!keyword) {
    form.value.tenantSystemPlatforms = PlatformRatioAll.value;
    return;
  }

  // 找出所有 platformCode 中包含关键字的项
  const matchedCodes = PlatformRatioAll.value
    .filter(item => item.platformCode?.includes(keyword))
    .map(item => item.platformCode);

  // 如果有匹配，就取出所有属于这些 platformCode 的数据
  const result = PlatformRatioAll.value.filter(item =>
    matchedCodes.includes(item.platformCode)
  );

  form.value.tenantSystemPlatforms = result; // 不再回退到 PlatformRatioAll
};
const openViewRef = ref(null);

// 提交表单
/** 提交按钮 */
function submitForm() {
    proxy.$refs["openViewRef"].validate(valid => {
        if (valid) {
            loadingButton.value = true;
            let dataObj = {
                id: form.value.id,
                scoreRatio: form.value.scoreRatio,
                curType: 1,
                googleCodeSwitch: form.value.googleCodeSwitch,
                currencyCode: form.value.currencyCode,
                // tenantType: formAll.tenantType,
                // googleCode:formAll.googleCode,
                tenantPlatforms: PlatformRatioAll.value,
            }
            if (JSON.stringify(PlatformRatioAll.value) != oldForm.value) {
                updateSuperTenantEdit(dataObj).then(response => {
                    loadingButton.value = false;
                    proxy.$modal.msgSuccess(proxy.t('更新成功'));
                    closeDialog();
                    getList();
                }).catch(() => {
                    loadingButton.value = false;
                });
            }else{
                loadingButton.value = false;
                closeDialog();
            }

        }
    });
}
 
 getList();
 </script>
 
 <style scoped lang="scss">
  .label-scoreRatio{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    span{
       width: 120px;
       text-align: right;
       font-weight: 700;
       padding-right: 12px;
    }
  }
  .scoreRatioTable{
    width: calc(100% - 120px);
    margin-left: 120px;
  }
 </style>