三方配置管理

src/api/lb-third-integration-config.js

@@ -0,0 +1,54 @@
+import request from '@/utils/request'
+
+export function getLbThirdIntegrationConfigList(params) {
+  return request({
+    url: '/lbThirdIntegrationConfig/list',
+    method: 'get',
+    params
+  })
+}
+
+export function getLbThirdIntegrationConfigById(id) {
+  return request({
+    url: `/lbThirdIntegrationConfig/get/${id}`,
+    method: 'get'
+  })
+}
+
+export function addLbThirdIntegrationConfig(data) {
+  return request({
+    url: '/lbThirdIntegrationConfig/add',
+    method: 'post',
+    data
+  })
+}
+
+export function updateLbThirdIntegrationConfig(data) {
+  return request({
+    url: '/lbThirdIntegrationConfig/update',
+    method: 'put',
+    data
+  })
+}
+
+export function deleteLbThirdIntegrationConfig(id) {
+  return request({
+    url: `/lbThirdIntegrationConfig/delete/${id}`,
+    method: 'delete'
+  })
+}
+
+export function getLbThirdIntegrationCredential(tenantId) {
+  return request({
+    url: `/lbThirdIntegrationConfig/credential/${tenantId}`,
+    method: 'get'
+  })
+}
+
+export function updateLbThirdIntegrationCredential(tenantId, data) {
+  return request({
+    url: `/lbThirdIntegrationConfig/credential/${tenantId}`,
+    method: 'post',
+    data
+  })
+}

src/router/index.js

@@ -439,6 +439,12 @@ export const constantRoutes = [
         name: 'LbOrderAddStop',
         component: () => import('@/views/lb-business/order-add-stop/index'),
         meta: { title: '加单停单', icon: 'el-icon-switch-button' }
+      },
+      {
+        path: 'config-manage',
+        name: 'LbConfigManage',
+        component: () => import('@/views/lb-business/config-manage/index'),
+        meta: { title: '配置管理', icon: 'el-icon-setting' }
       }
     ]
   },

src/views/lb-business/config-manage/index.vue

@@ -0,0 +1,774 @@
+<template>
+  <div class="app-container">
+    <el-card class="filter-container" shadow="never">
+      <el-form :model="queryParams" :inline="true" label-width="90px">
+        <el-form-item label="租户ID">
+          <el-select
+            v-model="queryParams.tenantId"
+            filterable
+            clearable
+            placeholder="请选择租户"
+            style="width: 220px"
+            :loading="tenantLoading"
+          >
+            <el-option
+              v-for="item in tenantOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="集成类型">
+          <el-input v-model="queryParams.providerCode" clearable placeholder="如 HXR_ADMIN" style="width: 160px" />
+        </el-form-item>
+        <el-form-item label="状态">
+          <el-select v-model="queryParams.enabled" clearable placeholder="全部" style="width: 120px">
+            <el-option label="启用" :value="1" />
+            <el-option label="禁用" :value="0" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
+          <el-button icon="el-icon-delete" @click="resetQuery">清空</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card class="action-container" shadow="never">
+      <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增配置</el-button>
+    </el-card>
+
+    <el-card class="table-container" shadow="never">
+      <el-table v-loading="loading" :data="list" style="width: 100%">
+        <el-table-column label="租户ID" prop="tenantId" min-width="180" show-overflow-tooltip />
+        <el-table-column label="集成类型" prop="providerCode" min-width="120" show-overflow-tooltip />
+        <el-table-column label="状态" prop="enabled" width="80" align="center">
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.enabled === 1 ? 'success' : 'info'" size="small">
+              {{ scope.row.enabled === 1 ? '启用' : '禁用' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="后台域名" prop="adminBaseUrl" min-width="160" show-overflow-tooltip />
+        <el-table-column label="Web域名" prop="webBaseUrl" min-width="160" show-overflow-tooltip />
+        <el-table-column label="凭证" min-width="200">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.cookieConfigured" size="mini" type="success">Cookie</el-tag>
+            <el-tag v-if="scope.row.phpsidConfigured" size="mini" type="success">PHPSID</el-tag>
+            <el-tag v-if="scope.row.goodsApiTokenConfigured" size="mini" type="success">Token</el-tag>
+            <el-tag v-if="scope.row.goodsApiAppStrConfigured" size="mini" type="success">AppStr</el-tag>
+            <span v-if="!hasAnyCredential(scope.row)" class="text-muted">未配置</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="最近探测" min-width="150">
+          <template slot-scope="scope">
+            <template v-if="scope.row.lastVerifiedTime">
+              <el-tag :type="scope.row.lastVerifiedOk === 1 ? 'success' : 'danger'" size="mini">
+                {{ scope.row.lastVerifiedOk === 1 ? '成功' : '失败' }}
+              </el-tag>
+              <span class="verify-time">{{ formatDateTime(scope.row.lastVerifiedTime) }}</span>
+            </template>
+            <span v-else class="text-muted">-</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="更新时间" prop="updateTime" min-width="160">
+          <template slot-scope="scope">
+            {{ formatDateTime(scope.row.updateTime) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" width="220">
+          <template slot-scope="scope">
+            <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
+            <el-button type="text" @click="handleCredential(scope.row)">凭证</el-button>
+            <el-button type="text" style="color:#F56C6C;" @click="handleDelete(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination
+        :current-page="queryParams.current"
+        :page-size="queryParams.size"
+        :page-sizes="[10, 20, 50, 100]"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </el-card>
+
+    <el-dialog
+      :title="dialogTitle"
+      :visible.sync="dialogVisible"
+      width="860px"
+      top="5vh"
+      @close="resetForm"
+    >
+      <el-form ref="dataForm" :model="form" :rules="formRules" label-width="130px">
+        <el-tabs v-model="activeTab">
+          <el-tab-pane label="基本信息" name="basic">
+            <el-form-item label="租户ID" prop="tenantId">
+              <el-select
+                v-model="form.tenantId"
+                filterable
+                clearable
+                placeholder="请选择租户"
+                style="width: 100%"
+                :disabled="isEdit"
+                :loading="tenantLoading"
+              >
+                <el-option
+                  v-for="item in tenantOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="集成类型" prop="providerCode">
+              <el-input v-model="form.providerCode" placeholder="如 HXR_ADMIN" />
+            </el-form-item>
+            <el-form-item label="总开关" prop="enabled">
+              <el-radio-group v-model="form.enabled">
+                <el-radio :label="1">启用</el-radio>
+                <el-radio :label="0">禁用</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="鉴权类型">
+              <el-input v-model="form.authType" placeholder="Admin 鉴权类型" />
+            </el-form-item>
+            <el-form-item label="备注">
+              <el-input v-model="form.remark" type="textarea" :rows="2" placeholder="备注" />
+            </el-form-item>
+          </el-tab-pane>
+
+          <el-tab-pane label="域名与路径" name="urls">
+            <el-form-item label="后台管理域名">
+              <el-input v-model="form.adminBaseUrl" placeholder="https://admin.example.com" />
+            </el-form-item>
+            <el-form-item label="前端 Web 域名">
+              <el-input v-model="form.webBaseUrl" placeholder="https://web.example.com" />
+            </el-form-item>
+            <el-form-item label="订单列表 API">
+              <el-input v-model="form.orderSelectPath" placeholder="/api/order/select" />
+            </el-form-item>
+            <el-form-item label="用户列表 API">
+              <el-input v-model="form.userSelectPath" placeholder="/api/user/select" />
+            </el-form-item>
+            <el-form-item label="用户更新 API">
+              <el-input v-model="form.userUpdatePath" placeholder="/api/user/update" />
+            </el-form-item>
+            <el-form-item label="货品列表 API">
+              <el-input v-model="form.goodsApiPath" placeholder="/api/goods/list" />
+            </el-form-item>
+            <el-form-item label="抢购 API">
+              <el-input v-model="form.buyApiPath" placeholder="/api/goods/buy" />
+            </el-form-item>
+          </el-tab-pane>
+
+          <el-tab-pane label="分页与 Referer" name="limits">
+            <el-form-item label="订单分页 limit">
+              <el-input-number v-model="form.orderPageLimit" :min="1" :max="1000" controls-position="right" style="width: 100%" />
+            </el-form-item>
+            <el-form-item label="用户分页 limit">
+              <el-input-number v-model="form.userPageLimit" :min="1" :max="1000" controls-position="right" style="width: 100%" />
+            </el-form-item>
+            <el-form-item label="货品分页 limit">
+              <el-input-number v-model="form.goodsPageLimit" :min="1" :max="1000" controls-position="right" style="width: 100%" />
+            </el-form-item>
+            <el-form-item label="订单 Referer">
+              <el-input v-model="form.orderReferer" placeholder="订单 Referer" />
+            </el-form-item>
+            <el-form-item label="用户 Referer">
+              <el-input v-model="form.userReferer" placeholder="用户 Referer" />
+            </el-form-item>
+            <el-form-item label="货品 Origin">
+              <el-input v-model="form.goodsApiOrigin" placeholder="货品 Origin" />
+            </el-form-item>
+            <el-form-item label="货品 Referer">
+              <el-input v-model="form.goodsApiReferer" placeholder="货品 Referer" />
+            </el-form-item>
+          </el-tab-pane>
+
+          <el-tab-pane label="定时同步" name="sync">
+            <el-form-item label="同步未寄卖订单">
+              <el-radio-group v-model="form.syncOrderResellEnabled">
+                <el-radio :label="1">启用</el-radio>
+                <el-radio :label="0">禁用</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="同步未支付订单">
+              <el-radio-group v-model="form.syncOrderUnpaidEnabled">
+                <el-radio :label="1">启用</el-radio>
+                <el-radio :label="0">禁用</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="同步已支付订单">
+              <el-radio-group v-model="form.syncOrderPaidEnabled">
+                <el-radio :label="1">启用</el-radio>
+                <el-radio :label="0">禁用</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="同步用户">
+              <el-radio-group v-model="form.syncUserEnabled">
+                <el-radio :label="1">启用</el-radio>
+                <el-radio :label="0">禁用</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-tab-pane>
+
+          <el-tab-pane label="凭证" name="credential">
+            <div v-loading="formCredentialLoading">
+              <el-alert
+                title="填写或修改凭证，明文保存；编辑时留空表示不修改该项"
+                type="info"
+                :closable="false"
+                show-icon
+                style="margin-bottom: 16px"
+              />
+              <el-form-item v-if="isEdit && form.credentialExpireTime" label="凭证过期时间">
+                <span>{{ formatDateTime(form.credentialExpireTime) }}</span>
+              </el-form-item>
+              <el-form-item label="Cookie">
+                <el-input v-model="form.cookie" type="textarea" :rows="3" placeholder="完整 Cookie" />
+                <el-checkbox v-if="isEdit" v-model="form.clearCookie">清除 Cookie</el-checkbox>
+              </el-form-item>
+              <el-form-item label="PHPSID">
+                <el-input v-model="form.phpsid" placeholder="PHPSID" />
+                <el-checkbox v-if="isEdit" v-model="form.clearPhpsid">清除 PHPSID</el-checkbox>
+              </el-form-item>
+              <el-form-item label="货品 Token">
+                <el-input v-model="form.goodsApiToken" placeholder="货品/抢购 token" />
+                <el-checkbox v-if="isEdit" v-model="form.clearGoodsApiToken">清除 Token</el-checkbox>
+              </el-form-item>
+              <el-form-item label="AppStr">
+                <el-input v-model="form.goodsApiAppStr" placeholder="签名密钥 appStr" />
+                <el-checkbox v-if="isEdit" v-model="form.clearGoodsApiAppStr">清除 AppStr</el-checkbox>
+              </el-form-item>
+            </div>
+          </el-tab-pane>
+
+          <el-tab-pane label="扩展配置" name="extra">
+            <el-form-item label="扩展 JSON">
+              <el-input v-model="form.extraConfig" type="textarea" :rows="8" placeholder='{"key":"value"}' />
+            </el-form-item>
+          </el-tab-pane>
+        </el-tabs>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" :loading="submitLoading" @click="handleSubmit">确定</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog
+      title="凭证管理"
+      :visible.sync="credentialDialogVisible"
+      width="720px"
+      @close="resetCredentialForm"
+    >
+      <div v-loading="credentialLoading">
+        <el-alert
+          v-if="credentialRow"
+          :title="`租户：${credentialRow.tenantId}`"
+          type="info"
+          :closable="false"
+          show-icon
+          style="margin-bottom: 16px"
+        />
+        <el-form ref="credentialFormRef" :model="credentialForm" label-width="130px">
+          <el-form-item label="Cookie">
+            <el-input v-model="credentialForm.cookie" type="textarea" :rows="3" placeholder="留空则不修改" />
+            <el-checkbox v-model="credentialForm.clearCookie">清除 Cookie</el-checkbox>
+          </el-form-item>
+          <el-form-item label="PHPSID">
+            <el-input v-model="credentialForm.phpsid" placeholder="留空则不修改" />
+            <el-checkbox v-model="credentialForm.clearPhpsid">清除 PHPSID</el-checkbox>
+          </el-form-item>
+          <el-form-item label="货品 Token">
+            <el-input v-model="credentialForm.goodsApiToken" placeholder="留空则不修改" />
+            <el-checkbox v-model="credentialForm.clearGoodsApiToken">清除 Token</el-checkbox>
+          </el-form-item>
+          <el-form-item label="AppStr">
+            <el-input v-model="credentialForm.goodsApiAppStr" placeholder="留空则不修改" />
+            <el-checkbox v-model="credentialForm.clearGoodsApiAppStr">清除 AppStr</el-checkbox>
+          </el-form-item>
+          <el-form-item label="凭证过期时间">
+            <span>{{ formatDateTime(credentialForm.credentialExpireTime) }}</span>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="credentialDialogVisible = false">取消</el-button>
+        <el-button type="primary" :loading="credentialSubmitLoading" @click="handleCredentialSubmit">保存凭证</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  addLbThirdIntegrationConfig,
+  deleteLbThirdIntegrationConfig,
+  getLbThirdIntegrationConfigList,
+  getLbThirdIntegrationCredential,
+  updateLbThirdIntegrationConfig,
+  updateLbThirdIntegrationCredential
+} from '@/api/lb-third-integration-config'
+import { getAllTenantList } from '@/api/tenant'
+import { getBusinessHeaders } from '@/utils/business-headers'
+
+const DEFAULT_FORM = () => ({
+  id: '',
+  tenantId: '',
+  providerCode: 'HXR_ADMIN',
+  enabled: 1,
+  adminBaseUrl: '',
+  webBaseUrl: '',
+  orderSelectPath: '',
+  userSelectPath: '',
+  userUpdatePath: '',
+  goodsApiPath: '',
+  buyApiPath: '',
+  orderPageLimit: undefined,
+  userPageLimit: undefined,
+  goodsPageLimit: undefined,
+  orderReferer: '',
+  userReferer: '',
+  goodsApiOrigin: '',
+  goodsApiReferer: '',
+  authType: '',
+  syncOrderResellEnabled: 0,
+  syncOrderUnpaidEnabled: 0,
+  syncOrderPaidEnabled: 0,
+  syncUserEnabled: 0,
+  extraConfig: '',
+  remark: '',
+  cookie: '',
+  phpsid: '',
+  goodsApiToken: '',
+  goodsApiAppStr: '',
+  credentialExpireTime: '',
+  clearCookie: false,
+  clearPhpsid: false,
+  clearGoodsApiToken: false,
+  clearGoodsApiAppStr: false
+})
+
+export default {
+  name: 'LbConfigManage',
+  data() {
+    return {
+      loading: false,
+      submitLoading: false,
+      tenantLoading: false,
+      credentialLoading: false,
+      credentialSubmitLoading: false,
+      formCredentialLoading: false,
+      originalCredential: {
+        cookie: '',
+        phpsid: '',
+        goodsApiToken: '',
+        goodsApiAppStr: ''
+      },
+      list: [],
+      total: 0,
+      tenantOptions: [],
+      dialogVisible: false,
+      credentialDialogVisible: false,
+      dialogTitle: '',
+      isEdit: false,
+      activeTab: 'basic',
+      credentialRow: null,
+      queryParams: {
+        current: 1,
+        size: 10,
+        tenantId: '',
+        providerCode: '',
+        enabled: undefined
+      },
+      form: DEFAULT_FORM(),
+      credentialForm: {
+        credentialExpireTime: '',
+        cookie: '',
+        phpsid: '',
+        goodsApiToken: '',
+        goodsApiAppStr: '',
+        clearCookie: false,
+        clearPhpsid: false,
+        clearGoodsApiToken: false,
+        clearGoodsApiAppStr: false
+      },
+      formRules: {
+        tenantId: [{ required: true, message: '请选择租户', trigger: 'change' }],
+        providerCode: [{ required: true, message: '请输入集成类型', trigger: 'blur' }],
+        enabled: [{ required: true, message: '请选择状态', trigger: 'change' }]
+      }
+    }
+  },
+  created() {
+    this.getTenantOptions()
+    this.initDefaultTenantFilter()
+    this.fetchList()
+  },
+  methods: {
+    getTenantIdFromBusinessHeaders() {
+      const headers = getBusinessHeaders()
+      const value = headers && headers['X-Tenant-Id']
+      return value ? String(value).trim() : ''
+    },
+    initDefaultTenantFilter() {
+      const tenantId = this.getTenantIdFromBusinessHeaders()
+      if (tenantId) this.queryParams.tenantId = tenantId
+    },
+    getTenantOptions() {
+      this.tenantLoading = true
+      getAllTenantList()
+        .then((response) => {
+          if (response && (response.code === 20000 || response.code === 200)) {
+            const tenantList = Array.isArray(response.data) ? response.data : (response.data?.data || [])
+            this.tenantOptions = tenantList.map((item) => ({
+              value: item.id,
+              label: item.tenantName ? `${item.tenantName} (${item.tenantCode || '-'})` : (item.tenantCode || item.id)
+            }))
+          } else {
+            this.tenantOptions = []
+          }
+        })
+        .catch(() => {
+          this.tenantOptions = []
+        })
+        .finally(() => {
+          this.tenantLoading = false
+        })
+    },
+    hasAnyCredential(row) {
+      return row.cookieConfigured || row.phpsidConfigured || row.goodsApiTokenConfigured || row.goodsApiAppStrConfigured
+    },
+    fetchList() {
+      this.loading = true
+      getLbThirdIntegrationConfigList(this.buildListParams())
+        .then((res) => {
+          if (res && (res.code === 20000 || res.code === 200 || res.success === true)) {
+            this.list = Array.isArray(res.data) ? res.data : []
+            this.total = typeof res.total === 'number'
+              ? res.total
+              : (res.page && typeof res.page.total === 'number' ? res.page.total : this.list.length)
+          } else {
+            this.list = []
+            this.total = 0
+          }
+        })
+        .catch(() => {
+          this.list = []
+          this.total = 0
+        })
+        .finally(() => {
+          this.loading = false
+        })
+    },
+    buildListParams() {
+      const params = {
+        current: this.queryParams.current,
+        size: this.queryParams.size,
+        tenantId: this.queryParams.tenantId || undefined,
+        providerCode: this.queryParams.providerCode || undefined,
+        enabled: this.queryParams.enabled
+      }
+      Object.keys(params).forEach((key) => {
+        if (params[key] === undefined || params[key] === '') delete params[key]
+      })
+      return params
+    },
+    handleQuery() {
+      this.queryParams.current = 1
+      this.fetchList()
+    },
+    resetQuery() {
+      this.queryParams = {
+        current: 1,
+        size: 10,
+        tenantId: '',
+        providerCode: '',
+        enabled: undefined
+      }
+      this.initDefaultTenantFilter()
+      this.fetchList()
+    },
+    handleSizeChange(size) {
+      this.queryParams.size = size
+      this.fetchList()
+    },
+    handleCurrentChange(current) {
+      this.queryParams.current = current
+      this.fetchList()
+    },
+    handleAdd() {
+      this.dialogTitle = '新增第三方集成配置'
+      this.isEdit = false
+      this.activeTab = 'basic'
+      this.resetFormData()
+      const tenantId = this.getTenantIdFromBusinessHeaders()
+      if (tenantId) this.form.tenantId = tenantId
+      this.dialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.dataForm && this.$refs.dataForm.clearValidate()
+      })
+    },
+    handleEdit(row) {
+      this.dialogTitle = '编辑第三方集成配置'
+      this.isEdit = true
+      this.activeTab = 'basic'
+      this.form = {
+        ...DEFAULT_FORM(),
+        ...this.pickFormFields(row),
+        id: row.id
+      }
+      this.originalCredential = {
+        cookie: '',
+        phpsid: '',
+        goodsApiToken: '',
+        goodsApiAppStr: ''
+      }
+      this.dialogVisible = true
+      this.loadFormCredentials(row.tenantId)
+      this.$nextTick(() => {
+        this.$refs.dataForm && this.$refs.dataForm.clearValidate()
+      })
+    },
+    loadFormCredentials(tenantId) {
+      if (!tenantId) return
+      this.formCredentialLoading = true
+      getLbThirdIntegrationCredential(tenantId)
+        .then((res) => {
+          const data = (res && res.data) || {}
+          const cookie = data.cookie || data.cookiePlain || ''
+          const phpsid = data.phpsid || data.phpsidPlain || ''
+          const goodsApiToken = data.goodsApiToken || data.goodsApiTokenPlain || ''
+          const goodsApiAppStr = data.goodsApiAppStr || data.goodsApiAppStrPlain || ''
+          this.form.cookie = cookie
+          this.form.phpsid = phpsid
+          this.form.goodsApiToken = goodsApiToken
+          this.form.goodsApiAppStr = goodsApiAppStr
+          this.form.credentialExpireTime = data.credentialExpireTime || ''
+          this.originalCredential = {
+            cookie,
+            phpsid,
+            goodsApiToken,
+            goodsApiAppStr
+          }
+        })
+        .finally(() => {
+          this.formCredentialLoading = false
+        })
+    },
+    pickFormFields(row) {
+      const fields = DEFAULT_FORM()
+      Object.keys(fields).forEach((key) => {
+        if (key === 'id') return
+        if (row[key] !== undefined && row[key] !== null) {
+          fields[key] = row[key]
+        }
+      })
+      return fields
+    },
+    handleDelete(row) {
+      this.$confirm('确定删除该第三方集成配置吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => deleteLbThirdIntegrationConfig(row.id))
+        .then((res) => {
+          this.$message.success((res && res.message) || '删除成功')
+          this.fetchList()
+        })
+        .catch(() => {})
+    },
+    handleSubmit() {
+      this.$refs.dataForm.validate((valid) => {
+        if (!valid) {
+          this.activeTab = 'basic'
+          return
+        }
+        const payload = this.buildPayload()
+        this.submitLoading = true
+        const configReq = this.isEdit ? updateLbThirdIntegrationConfig(payload) : addLbThirdIntegrationConfig(payload)
+        configReq
+          .then((res) => {
+            this.$message.success((res && res.message) || (this.isEdit ? '更新成功' : '新增成功'))
+            this.dialogVisible = false
+            this.fetchList()
+          })
+          .finally(() => {
+            this.submitLoading = false
+          })
+      })
+    },
+    buildPayload() {
+      const payload = { ...this.form }
+      const credentialKeys = [
+        'cookie', 'phpsid', 'goodsApiToken', 'goodsApiAppStr',
+        'credentialExpireTime',
+        'clearCookie', 'clearPhpsid', 'clearGoodsApiToken', 'clearGoodsApiAppStr'
+      ]
+      credentialKeys.forEach((key) => delete payload[key])
+
+      this.appendChangedCredential(payload)
+      if (this.isEdit) {
+        if (this.form.clearCookie) payload.clearCookie = true
+        if (this.form.clearPhpsid) payload.clearPhpsid = true
+        if (this.form.clearGoodsApiToken) payload.clearGoodsApiToken = true
+        if (this.form.clearGoodsApiAppStr) payload.clearGoodsApiAppStr = true
+      }
+
+      Object.keys(payload).forEach((key) => {
+        if (payload[key] === undefined || payload[key] === '') delete payload[key]
+      })
+      return payload
+    },
+    appendChangedCredential(payload) {
+      const pairs = [
+        ['cookie', this.form.cookie],
+        ['phpsid', this.form.phpsid],
+        ['goodsApiToken', this.form.goodsApiToken],
+        ['goodsApiAppStr', this.form.goodsApiAppStr]
+      ]
+      pairs.forEach(([key, value]) => {
+        if (!value) return
+        if (!this.isEdit || value !== this.originalCredential[key]) {
+          payload[key] = value
+        }
+      })
+    },
+    handleCredential(row) {
+      if (!row.tenantId) {
+        this.$message.warning('该记录缺少租户ID')
+        return
+      }
+      this.credentialRow = row
+      this.credentialDialogVisible = true
+      this.credentialLoading = true
+      getLbThirdIntegrationCredential(row.tenantId)
+        .then((res) => {
+          const data = (res && res.data) || {}
+          this.credentialForm = {
+            credentialExpireTime: data.credentialExpireTime || '',
+            cookie: data.cookie || data.cookiePlain || '',
+            phpsid: data.phpsid || data.phpsidPlain || '',
+            goodsApiToken: data.goodsApiToken || data.goodsApiTokenPlain || '',
+            goodsApiAppStr: data.goodsApiAppStr || data.goodsApiAppStrPlain || '',
+            clearCookie: false,
+            clearPhpsid: false,
+            clearGoodsApiToken: false,
+            clearGoodsApiAppStr: false
+          }
+        })
+        .catch(() => {
+          this.resetCredentialFormData()
+        })
+        .finally(() => {
+          this.credentialLoading = false
+        })
+    },
+    handleCredentialSubmit() {
+      if (!this.credentialRow || !this.credentialRow.tenantId) return
+      const payload = {}
+      if (this.credentialForm.cookie) payload.cookie = this.credentialForm.cookie
+      if (this.credentialForm.phpsid) payload.phpsid = this.credentialForm.phpsid
+      if (this.credentialForm.goodsApiToken) payload.goodsApiToken = this.credentialForm.goodsApiToken
+      if (this.credentialForm.goodsApiAppStr) payload.goodsApiAppStr = this.credentialForm.goodsApiAppStr
+      if (this.credentialForm.clearCookie) payload.clearCookie = true
+      if (this.credentialForm.clearPhpsid) payload.clearPhpsid = true
+      if (this.credentialForm.clearGoodsApiToken) payload.clearGoodsApiToken = true
+      if (this.credentialForm.clearGoodsApiAppStr) payload.clearGoodsApiAppStr = true
+
+      if (Object.keys(payload).length === 0) {
+        this.$message.warning('请至少填写一项凭证或勾选清除选项')
+        return
+      }
+
+      this.credentialSubmitLoading = true
+      updateLbThirdIntegrationCredential(this.credentialRow.tenantId, payload)
+        .then((res) => {
+          this.$message.success((res && res.message) || '凭证更新成功')
+          this.credentialDialogVisible = false
+          this.fetchList()
+        })
+        .finally(() => {
+          this.credentialSubmitLoading = false
+        })
+    },
+    resetForm() {
+      this.$refs.dataForm && this.$refs.dataForm.resetFields()
+      this.resetFormData()
+    },
+    resetFormData() {
+      this.form = DEFAULT_FORM()
+    },
+    resetCredentialForm() {
+      this.credentialRow = null
+      this.resetCredentialFormData()
+    },
+    resetCredentialFormData() {
+      this.credentialForm = {
+        credentialExpireTime: '',
+        cookie: '',
+        phpsid: '',
+        goodsApiToken: '',
+        goodsApiAppStr: '',
+        clearCookie: false,
+        clearPhpsid: false,
+        clearGoodsApiToken: false,
+        clearGoodsApiAppStr: false
+      }
+    },
+    formatDateTime(dateTime) {
+      if (!dateTime) return '-'
+      const date = new Date(String(dateTime).replace('T', ' '))
+      if (Number.isNaN(date.getTime())) return String(dateTime)
+      const year = date.getFullYear()
+      const month = String(date.getMonth() + 1).padStart(2, '0')
+      const day = String(date.getDate()).padStart(2, '0')
+      const hours = String(date.getHours()).padStart(2, '0')
+      const minutes = String(date.getMinutes()).padStart(2, '0')
+      const seconds = String(date.getSeconds()).padStart(2, '0')
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.app-container {
+  .filter-container,
+  .action-container {
+    margin-bottom: 20px;
+  }
+
+  .table-container {
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+
+  .text-muted {
+    color: #909399;
+    font-size: 12px;
+  }
+
+  .verify-time {
+    margin-left: 6px;
+    font-size: 12px;
+    color: #606266;
+  }
+
+  .el-tag + .el-tag {
+    margin-left: 4px;
+  }
+
+  .el-checkbox {
+    margin-top: 6px;
+  }
+}
+</style>