Squashed commit of the following:

commit 9e260ddcd8 Author: 浅念 <email@sample.com> Date: Thu Sep 18 09:49:33 2025 +0800 修改 kpi commit 6feb3ace75 Author: 浅念 <email@sample.com> Date: Thu Sep 18 09:42:44 2025 +0800 kpi 统计 commit ec257a246d Author: 浅念 <email@sample.com> Date: Wed Sep 17 17:04:35 2025 +0800 修改弹框表格 commit fa764852ab Author: 浅念 <email@sample.com> Date: Wed Sep 17 15:54:35 2025 +0800 添加账户简称 commit 65f7f4a123 Author: 浅念 <email@sample.com> Date: Wed Sep 17 15:10:28 2025 +0800 品牌加热门修改仪表盘接口 commit 922cfec81d Author: 浅念 <email@sample.com> Date: Tue Sep 16 15:57:17 2025 +0800 调整备货单 crm 端页面 commit 5c8df36f12 Author: 浅念 <email@sample.com> Date: Mon Sep 15 17:14:38 2025 +0800 调整备货单及各页面名称 commit 5503a14408 Author: 浅念 <email@sample.com> Date: Fri Sep 12 18:10:03 2025 +0800 账户添加公司 commit 3439b45d9a Author: 浅念 <email@sample.com> Date: Fri Sep 12 17:53:26 2025 +0800 修改终版备货单 commit 045d13eb7b Author: 浅念 <email@sample.com> Date: Fri Sep 12 17:49:07 2025 +0800 修改备货单等页面 commit da690dfa06 Author: 浅念 <email@sample.com> Date: Thu Sep 11 17:44:37 2025 +0800 修改备货单详情 commit 853e9591b3 Author: 浅念 <email@sample.com> Date: Wed Sep 10 18:11:39 2025 +0800 修改备货单页面 commit 9052bd1027 Author: 浅念 <email@sample.com> Date: Tue Sep 9 20:53:30 2025 +0800 备货单审核功能 commit 079d9babb8 Merge: ebd7479 91d810b Author: 浅念 <email@sample.com> Date: Tue Sep 9 14:51:43 2025 +0800 Merge branch 'feature/crm_pc' of http://219.157.255.213:25311/xinyouhe/art-design into feature/crm_vehicle commit ebd7479573 Merge: 64e53b6 459d306 Author: 浅念 <email@sample.com> Date: Tue Sep 9 13:57:28 2025 +0800 Merge branch 'feature/crm_pc' of http://219.157.255.213:25311/xinyouhe/art-design into feature/crm_vehicle commit 64e53b6ee9 Author: 浅念 <email@sample.com> Date: Mon Sep 8 19:09:55 2025 +0800 备货单加审批流程 commit 9bd7c89cb4 Author: 浅念 <email@sample.com> Date: Thu Sep 4 15:09:17 2025 +0800 车辆信息，备货单等页面
2025-09-18 09:55:10 +08:00
parent 91d810b33a
commit a514bf4009
88 changed files with 27057 additions and 491 deletions
@@ -0,0 +1,389 @@
+<template>
+  <div class="account-page">
+    <div class="account-toolbar boxshadow">
+      <div class="account-search-group">
+        <el-form-item label="关键字:" label-width="70px">
+          <el-input
+            style="min-width: 180px"
+            v-model="keyword"
+            placeholder="请输入关键字"
+            clearable
+            @keyup.enter="getAccountList"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="getAccountList" v-ripple>搜索</el-button>
+        </el-form-item>
+      </div>
+    </div>
+    <div class="boxshadow">
+      <ElRow>
+        <div style="width: 12px"></div>
+        <ElCol :xs="24" :sm="12" :lg="6" class="el-col2">
+          <ElButton @click="showDialog('add')" v-ripple v-if="hasAuth('account@add')" type="primary"
+            >新增账户</ElButton
+          >
+        </ElCol>
+      </ElRow>
+      <ArtTable
+        ref="tableRef"
+        row-key="id"
+        :loading="loading"
+        :data="tableData"
+        :currentPage="pagination.currentPage"
+        :pageSize="pagination.pageSize"
+        :total="pagination.total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      >
+        <template #default>
+          <ElTableColumn label="账户简称" prop="short_desc" min-width="160" />
+          <ElTableColumn label="账户名称" prop="account_name" min-width="160" />
+          <ElTableColumn label="账户号码" prop="account_number" min-width="160" />
+          <ElTableColumn label="银行名称" prop="bank_name" min-width="140" />
+          <!-- <ElTableColumn label="开户支行" prop="bank_branch" min-width="160" /> -->
+          <ElTableColumn label="公司名称" prop="corp_name" min-width="160" />
+          <ElTableColumn label="货币" prop="currency_id" min-width="120">
+            <template #default="scope">
+              <span>{{ getCurrencyLabel(scope.row.currency_id) }}</span>
+            </template>
+          </ElTableColumn>
+          <ElTableColumn label="排序" prop="sort" />
+          <ElTableColumn label="状态" prop="status">
+            <template #default="scope">
+              <ElTag :type="scope.row.status ? 'success' : 'info'">{{
+                scope.row.status ? '启用' : '停用'
+              }}</ElTag>
+            </template>
+          </ElTableColumn>
+          <ElTableColumn label="创建时间" prop="created_at" min-width="160" />
+          <ElTableColumn fixed="right" label="操作" min-width="160px" align="center">
+            <template #default="scope">
+              <ElRow>
+                <el-button
+                  link
+                  @click="showDialog('edit', scope.row)"
+                  v-if="hasAuth('account@update')"
+                  >编辑</el-button
+                >
+                <el-button
+                  type="danger"
+                  link
+                  @click="deleteAccount(scope.row)"
+                  v-if="hasAuth('account@destroy')"
+                  >删除</el-button
+                >
+              </ElRow>
+            </template>
+          </ElTableColumn>
+        </template>
+      </ArtTable>
+    </div>
+
+    <ElDialog
+      v-model="dialogVisible"
+      :title="dialogType === 'add' ? '新增账户' : '编辑账户'"
+      align-center
+      width="700px"
+    >
+      <ElForm ref="formRef" :model="form" :rules="rules" label-width="110px" class="form">
+        <ElFormItem label="账户简称" prop="short_desc">
+          <ElInput v-model="form.short_desc" placeholder="请输入账户简称" />
+        </ElFormItem>
+        <ElFormItem label="账户名称" prop="account_name">
+          <ElInput v-model="form.account_name" placeholder="请输入账户名称" />
+        </ElFormItem>
+        <ElFormItem label="账户号码" prop="account_number">
+          <ElInput v-model="form.account_number" placeholder="请输入账户号码" />
+        </ElFormItem>
+        <ElFormItem label="银行名称" prop="bank_name">
+          <ElInput v-model="form.bank_name" placeholder="请输入银行名称" />
+        </ElFormItem>
+        <!-- <ElFormItem label="开户支行" prop="bank_branch">
+          <ElInput v-model="form.bank_branch" placeholder="请输入开户支行" />
+        </ElFormItem> -->
+        <ElFormItem label="公司名称" prop="corp_id">
+          <el-select v-model="form.corp_id" placeholder="请选择公司" style="width: 100%">
+            <el-option
+              v-for="account in companyList"
+              :key="account.id"
+              :label="account.name"
+              :value="account.id"
+            />
+          </el-select>
+        </ElFormItem>
+        <ElFormItem label="账户货币类型" prop="currency_id">
+          <el-select v-model="form.currency_id" placeholder="请选择货币" style="width: 100%">
+            <el-option
+              v-for="opt in currencyOptions"
+              :key="opt.id"
+              :label="opt.currency_name + ' (' + opt.currency_code + ')'"
+              :value="opt.id"
+            />
+          </el-select>
+        </ElFormItem>
+        <ElFormItem label="排序" prop="sort">
+          <ElInputNumber v-model="form.sort" :min="0" :max="9999" style="width: 100%" />
+        </ElFormItem>
+        <ElFormItem label="状态">
+          <ElSwitch v-model="form.status" :active-value="1" :inactive-value="0" />
+        </ElFormItem>
+        <ElFormItem label="账户描述" prop="description">
+          <ElInput
+            v-model="form.description"
+            type="textarea"
+            :rows="3"
+            maxlength="300"
+            show-word-limit
+            placeholder="请输入账户描述"
+          />
+        </ElFormItem>
+      </ElForm>
+      <template #footer>
+        <div class="dialog-footer">
+          <ElButton @click="dialogVisible = false">取消</ElButton>
+          <ElButton type="primary" @click="handleSubmit(formRef)">提交</ElButton>
+        </div>
+      </template>
+    </ElDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  import type { FormInstance, FormRules } from 'element-plus'
+  import { financeService } from '@/api/financeApi'
+  import { commonService } from '@/api/commonApi'
+  import { useAuth } from '@/composables/useAuth'
+  import { UserService } from '@/api/usersApi'
+  const { hasAuth } = useAuth()
+  defineOptions({ name: 'FinanceAccount' })
+
+  const loading = ref(false)
+  const dialogVisible = ref(false)
+  const dialogType = ref<'add' | 'edit'>('add')
+  const formRef = ref<FormInstance>()
+  const keyword = ref<string>('')
+  const currencyFilter = ref<number | undefined>(undefined)
+  const statusFilter = ref<number | undefined>(undefined)
+
+  // 下拉：货币
+  const currencyOptions = ref<any[]>([])
+  const loadCurrencyOptions = async () => {
+    try {
+      const res = await commonService.getCurrencySelect()
+      currencyOptions.value = res || []
+    } catch (e) {
+      currencyOptions.value = []
+    }
+  }
+  const companyList = ref<any>()
+  const getcompanyList = async () => {
+    const response = await UserService.getCompanyList()
+    companyList.value = response || []
+  }
+
+  const form = reactive<any>({
+    id: '',
+    currency_id: undefined,
+    short_desc: '',
+    status: 1,
+    sort: 0,
+    bank_name: '',
+    bank_branch: '',
+    description: '',
+    account_number: '',
+    account_name: '',
+    corp_id: ''
+  })
+
+  const rules = reactive<FormRules>({
+    short_desc: [{ required: true, message: '请输入账户简称', trigger: 'blur' }],
+    account_name: [{ required: true, message: '请输入账户名称', trigger: 'blur' }],
+    account_number: [{ required: true, message: '请输入账户号码', trigger: 'blur' }]
+  })
+
+  const pagination = reactive({
+    currentPage: 1,
+    pageSize: 10,
+    total: 0
+  })
+  const tableData = ref<any[]>([])
+  const tableRef = ref()
+
+  onMounted(() => {
+    getcompanyList()
+    loadCurrencyOptions()
+    getAccountList()
+  })
+  watch([keyword, currencyFilter, statusFilter], () => {
+    pagination.currentPage = 1
+    getAccountList()
+  })
+
+  const getAccountList = async () => {
+    loading.value = true
+    try {
+      const { currentPage, pageSize } = pagination
+      const params = {
+        current: currentPage,
+        size: pageSize,
+        keyword: keyword.value
+      }
+      const { records, current, size, total } = await financeService.getAccountList(params)
+      tableData.value = records || []
+      Object.assign(pagination, { currentPage: current, pageSize: size, total })
+    } catch (error) {
+      console.error('获取账户列表失败:', error)
+      ElMessage.error('获取账户列表失败')
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const handleSizeChange = (newPageSize: number) => {
+    pagination.pageSize = newPageSize
+    getAccountList()
+  }
+  const handleCurrentChange = (newCurrentPage: number) => {
+    pagination.currentPage = newCurrentPage
+    getAccountList()
+  }
+
+  const showDialog = (type: 'add' | 'edit', row?: any) => {
+    dialogVisible.value = true
+    dialogType.value = type
+    if (type === 'edit' && row) {
+      Object.assign(form, {
+        id: row.id,
+        short_desc: row.short_desc,
+        currency_id: row.currency_id,
+        status: row.status,
+        sort: row.sort ?? 0,
+        bank_name: row.bank_name,
+        bank_branch: row.bank_branch,
+        description: row.description,
+        account_number: row.account_number,
+        account_name: row.account_name,
+        corp_id: row.corp_id
+      })
+    } else {
+      Object.assign(form, {
+        id: '',
+        short_desc: '',
+        currency_id: undefined,
+        status: 1,
+        sort: 0,
+        bank_name: '',
+        bank_branch: '',
+        description: '',
+        account_number: '',
+        account_name: '',
+        corp_id: ''
+      })
+    }
+  }
+
+  const deleteAccount = (row: any) => {
+    ElMessageBox.confirm('确定删除该账户吗？', '删除确认', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'error'
+    }).then(async () => {
+      try {
+        const { message } = await financeService.accountDelete({ id: row.id })
+        ElMessage.success(message)
+        getAccountList()
+      } catch (error) {
+        console.error('删除失败:', error)
+        ElMessage.error('删除失败')
+      }
+    })
+  }
+
+  const handleSubmit = async (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    await formEl.validate(async (valid) => {
+      if (!valid) return
+      try {
+        if (dialogType.value === 'add') {
+          const { message } = await financeService.accountAdd({
+            currency_id: form.currency_id,
+            short_desc: form.short_desc,
+            status: form.status,
+            sort: form.sort,
+            bank_name: form.bank_name,
+            bank_branch: form.bank_branch,
+            description: form.description,
+            account_number: form.account_number,
+            account_name: form.account_name,
+            corp_id: form.corp_id
+          })
+          ElMessage.success(message)
+        } else {
+          const { message } = await financeService.accountEdit({
+            id: form.id,
+            currency_id: form.currency_id,
+            short_desc: form.short_desc,
+            status: form.status,
+            sort: form.sort,
+            bank_name: form.bank_name,
+            bank_branch: form.bank_branch,
+            description: form.description,
+            account_number: form.account_number,
+            account_name: form.account_name,
+            corp_id: form.corp_id
+          })
+          ElMessage.success(message)
+        }
+        dialogVisible.value = false
+        getAccountList()
+      } catch (error) {
+        console.error('操作失败:', error)
+        ElMessage.error('操作失败')
+      }
+    })
+  }
+
+  const getCurrencyLabel = (id: number | undefined) => {
+    if (!id) return '-'
+    const found = currencyOptions.value.find((c: any) => c.id === id)
+    return found ? `${found.currency_name} (${found.currency_code})` : id
+  }
+</script>
+
+<style lang="scss" scoped>
+  :deep(.el-table__empty-block) {
+    height: 100% !important;
+    min-height: 200px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .account-page {
+    background: var(--art-main-bg-color);
+    min-height: 100vh;
+  }
+  .account-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    padding: 20px 20px;
+    background: var(--art-main-bg-color);
+  }
+  .account-search-group {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+  }
+  .form {
+    padding: 20px 0;
+  }
+  .dialog-footer {
+    text-align: right;
+  }
+  .el-col2 {
+    margin-bottom: 16px;
+  }
+</style>
@@ -0,0 +1,389 @@
+<template>
+  <div class="customer-page">
+    <div class="customer-toolbar boxshadow">
+      <div class="customer-search-group">
+        <el-form-item label="关键字:" label-width="70px">
+          <el-input style="min-width: 120px" v-model="keyword" placeholder="请输入关键字" />
+        </el-form-item>
+      </div>
+    </div>
+    <div class="boxshadow">
+      <ElRow>
+        <div style="width: 12px"></div>
+        <ElCol :xs="24" :sm="12" :lg="6" class="el-col2">
+          <ElButton @click="showDialog('add')" v-ripple v-if="hasAuth('currency@add')"
+            >新增</ElButton
+          >
+        </ElCol>
+      </ElRow>
+      <ArtTable
+        ref="tableRef"
+        row-key="id"
+        :loading="loading"
+        :data="tableData"
+        :currentPage="pagination.currentPage"
+        :pageSize="pagination.pageSize"
+        :total="pagination.total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      >
+        <template #default>
+          <ElTableColumn label="货币编码" prop="currency_code" min-width="140" />
+          <ElTableColumn label="货币名称" prop="currency_name" min-width="140" />
+          <ElTableColumn label="符号" prop="currency_symbol" width="100" />
+          <ElTableColumn label="当前汇率" prop="exchange_rate" min-width="120" />
+          <ElTableColumn label="允许上浮动%" prop="float_percent_up" min-width="120" />
+          <ElTableColumn label="允许下浮动%" prop="float_percent_down" min-width="120" />
+          <ElTableColumn label="状态" prop="status" width="120">
+            <template #default="scope">
+              <ElTag :type="scope.row.status ? 'primary' : 'info'">
+                {{ scope.row.status ? '启用' : '停用' }}
+              </ElTag>
+            </template>
+          </ElTableColumn>
+          <ElTableColumn label="创建时间" prop="created_at" min-width="160" />
+          <ElTableColumn fixed="right" label="操作" width="240px">
+            <template #default="scope">
+              <ElRow>
+                <el-button link @click="showDetail(scope.row)" v-if="hasAuth('currency@show')">
+                  详情
+                </el-button>
+                <el-button
+                  link
+                  @click="showDialog('edit', scope.row)"
+                  v-if="hasAuth('currency@update')"
+                >
+                  编辑
+                </el-button>
+                <el-button
+                  type="danger"
+                  link
+                  @click="handleDelete(scope.row)"
+                  v-if="hasAuth('currency@destroy')"
+                >
+                  删除
+                </el-button>
+              </ElRow>
+            </template>
+          </ElTableColumn>
+        </template>
+      </ArtTable>
+    </div>
+    <ElDialog
+      v-model="dialogVisible"
+      :title="dialogType === 'add' ? '新增货币' : '编辑货币'"
+      align-center
+      width="640px"
+    >
+      <ElForm ref="formRef" :model="form" :rules="rules" label-width="120px" class="form">
+        <ElFormItem label="货币编码" prop="currency_code">
+          <ElInput v-model="form.currency_code" />
+        </ElFormItem>
+        <ElFormItem label="货币名称" prop="currency_name">
+          <ElInput v-model="form.currency_name" />
+        </ElFormItem>
+        <ElFormItem label="货币符号" prop="currency_symbol">
+          <ElInput v-model="form.currency_symbol" />
+        </ElFormItem>
+        <ElFormItem label="当前汇率" prop="exchange_rate">
+          <ElInputNumber
+            v-model="form.exchange_rate"
+            :min="0"
+            :step="0.0001"
+            :precision="6"
+            style="width: 100%"
+          />
+        </ElFormItem>
+        <ElFormItem label="允许上浮动%" prop="float_percent_up">
+          <ElInputNumber
+            v-model="form.float_percent_up"
+            :min="0"
+            :max="100"
+            :step="0.01"
+            :precision="2"
+            style="width: 100%"
+          />
+        </ElFormItem>
+        <ElFormItem label="允许下浮动%" prop="float_percent_down">
+          <ElInputNumber
+            v-model="form.float_percent_down"
+            :min="0"
+            :max="100"
+            :step="0.01"
+            :precision="2"
+            style="width: 100%"
+          />
+        </ElFormItem>
+        <ElFormItem label="状态">
+          <ElSwitch v-model="form.status" :active-value="1" :inactive-value="0" />
+        </ElFormItem>
+      </ElForm>
+      <template #footer>
+        <div class="dialog-footer">
+          <ElButton @click="dialogVisible = false">取消</ElButton>
+          <ElButton type="primary" @click="handleSubmit(formRef)">提交</ElButton>
+        </div>
+      </template>
+    </ElDialog>
+
+    <ElDialog v-model="detailVisible" title="货币详情" align-center width="640px">
+      <div class="detail-dialog">
+        <div class="section">
+          <div class="info-grid">
+            <div class="label">货币编码</div>
+            <div class="value">{{ detailData.currency_code || '-' }}</div>
+          </div>
+          <div class="info-grid">
+            <div class="label">货币名称</div>
+            <div class="value">{{ detailData.currency_name || '-' }}</div>
+          </div>
+          <div class="info-grid">
+            <div class="label">货币符号</div>
+            <div class="value">{{ detailData.currency_symbol || '-' }}</div>
+          </div>
+          <div class="info-grid">
+            <div class="label">当前汇率</div>
+            <div class="value">{{ detailData.exchange_rate ?? '-' }}</div>
+          </div>
+          <div class="info-grid">
+            <div class="label">允许上浮动%</div>
+            <div class="value">{{ detailData.float_percent_up ?? '-' }}</div>
+          </div>
+          <div class="info-grid">
+            <div class="label">允许下浮动%</div>
+            <div class="value">{{ detailData.float_percent_down ?? '-' }}</div>
+          </div>
+          <div class="info-grid">
+            <div class="label">状态</div>
+            <div class="value">{{ detailData.status ? '启用' : '停用' }}</div>
+          </div>
+          <div class="info-grid">
+            <div class="label">创建时间</div>
+            <div class="value">{{ detailData.created_at || '-' }}</div>
+          </div>
+          <div class="info-grid">
+            <div class="label">更新时间</div>
+            <div class="value">{{ detailData.updated_at || '-' }}</div>
+          </div>
+        </div>
+      </div>
+      <template #footer>
+        <div class="dialog-footer">
+          <ElButton @click="detailVisible = false">关闭</ElButton>
+        </div>
+      </template>
+    </ElDialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  import type { FormInstance, FormRules } from 'element-plus'
+  import { financeService } from '@/api/financeApi'
+  import { useAuth } from '@/composables/useAuth'
+  const { hasAuth } = useAuth()
+  defineOptions({ name: 'TypeCurrency' })
+  const loading = ref(false)
+  const dialogVisible = ref(false)
+  const formRef = ref<FormInstance>()
+  const keyword = ref<string>('')
+  const rules = reactive<FormRules>({
+    currency_code: [{ required: true, message: '请输入货币编码', trigger: 'blur' }],
+    currency_name: [{ required: true, message: '请输入货币名称', trigger: 'blur' }],
+    exchange_rate: [{ required: true, message: '请输入当前汇率', trigger: 'change' }]
+  })
+  const form = reactive<any>({
+    id: '',
+    currency_code: '',
+    currency_name: '',
+    currency_symbol: '',
+    exchange_rate: 0,
+    float_percent_up: 0,
+    float_percent_down: 0,
+    status: 1
+  })
+  const pagination = reactive({
+    currentPage: 1,
+    pageSize: 10,
+    total: 0
+  })
+  // 表格数据
+  const tableData = ref<any[]>([])
+  // 表格实例引用
+  const tableRef = ref()
+  onMounted(() => {
+    getCurrencyList()
+  })
+  watch([keyword], () => {
+    pagination.currentPage = 1
+    getCurrencyList()
+  })
+  // 处理表格分页变化
+  const handleSizeChange = (newPageSize: number) => {
+    pagination.pageSize = newPageSize
+    getCurrencyList()
+  }
+  const handleCurrentChange = (newCurrentPage: number) => {
+    pagination.currentPage = newCurrentPage
+    getCurrencyList()
+  }
+  // 获取货币列表
+  const getCurrencyList = async () => {
+    loading.value = true
+    try {
+      const { currentPage, pageSize } = pagination
+      const { records, current, size, total } = await financeService.getCurrencyList({
+        current: currentPage,
+        size: pageSize,
+        keyword: keyword.value
+      })
+      tableData.value = records.map((item: any) => ({
+        ...item
+      }))
+      Object.assign(pagination, { currentPage: current, pageSize: size, total })
+    } catch (error) {
+      console.error('获取列表失败:', error)
+    } finally {
+      loading.value = false
+    }
+  }
+  const dialogType = ref('add')
+  const detailVisible = ref(false)
+  const detailData = ref<any>({})
+  const showDialog = (type: 'add' | 'edit', row?: any) => {
+    dialogVisible.value = true
+    dialogType.value = type
+    if (type === 'edit' && row) {
+      Object.assign(form, {
+        id: row.id,
+        currency_code: row.currency_code,
+        currency_name: row.currency_name,
+        currency_symbol: row.currency_symbol,
+        exchange_rate: row.exchange_rate ?? 0,
+        float_percent_up: row.float_percent_up ?? 0,
+        float_percent_down: row.float_percent_down ?? 0,
+        status: row.status ?? 1
+      })
+    } else {
+      Object.assign(form, {
+        id: '',
+        currency_code: '',
+        currency_name: '',
+        currency_symbol: '',
+        exchange_rate: 0,
+        float_percent_up: 0,
+        float_percent_down: 0,
+        status: 1
+      })
+    }
+  }
+  const handleDelete = (row?: any) => {
+    ElMessageBox.confirm('确定删除吗？', '删除确认', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'error'
+    }).then(async () => {
+      const { message } = await financeService.currencyDelete({ id: row.id })
+      ElMessage.success(message)
+      getCurrencyList()
+    })
+  }
+  const handleSubmit = async (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    await formEl.validate(async (valid) => {
+      if (!valid) return
+      if (dialogType.value === 'add') {
+        const { id, ...payload } = form
+        const { message } = await financeService.currencyAdd(payload)
+        ElMessage.success(message)
+      } else {
+        const { message } = await financeService.currencyEdit(form)
+        ElMessage.success(message)
+      }
+      dialogVisible.value = false
+      getCurrencyList()
+    })
+  }
+
+  const showDetail = async (row: any) => {
+    detailVisible.value = true
+    const res = await financeService.currencyDetail({ id: row.id })
+    detailData.value = res || {}
+  }
+</script>
+
+<style lang="scss" scoped>
+  :deep(.el-table__empty-block) {
+    height: 100% !important;
+    min-height: 200px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .customer-page {
+    background: var(--art-main-bg-color);
+    min-height: 100vh;
+  }
+  .page-content {
+    .svg-icon {
+      width: 1.8em;
+      height: 1.8em;
+      overflow: hidden;
+      vertical-align: -8px;
+      fill: currentcolor;
+    }
+  }
+  .customer-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    padding: 20px 20px;
+    background: var(--art-main-bg-color);
+  }
+
+  .customer-search-group {
+    display: flex;
+    gap: 12px;
+  }
+  .message-text {
+    padding: 10px 14px;
+    line-height: 1.7;
+    white-space: pre-line;
+    word-break: break-word;
+  }
+  .detail-dialog {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+  .section {
+    background: var(--el-fill-color-blank);
+    border: 1px solid var(--el-border-color-light);
+    border-radius: 8px;
+    padding: 12px 14px;
+  }
+  .info-grid {
+    display: grid;
+    grid-template-columns: 96px 1fr;
+    gap: 6px 12px;
+    align-items: center;
+    padding: 6px 0;
+  }
+  .label {
+    color: var(--el-text-color-secondary);
+    font-size: 13px;
+  }
+  .value {
+    color: var(--el-text-color-primary);
+    font-size: 14px;
+  }
+  .content-box {
+    background: var(--el-fill-color-lighter);
+    border: 1px dashed var(--el-border-color);
+    border-radius: 8px;
+    padding: 10px 12px;
+    max-height: 320px;
+    overflow: auto;
+  }
+</style>