fix: 功能修复，账号相关，新增交易明细记录。

src/views/invest/stocks/index.vue

@@ -46,7 +46,7 @@
             </template>
           </el-table-column>
           <el-table-column label="备注" align="center" prop="remark" />
-          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <el-table-column label="操作" width="210" align="center" class-name="small-padding fixed-width">
             <template v-slot="scope">
               <div class="ctrl-btn d-flex">
                 <el-tooltip v-for="item in operateList" :key="item.id" class="item" effect="dark" :content="item.title" placement="top">
@@ -111,16 +111,58 @@
         </div>
       </template>
     </el-dialog>
+
+    <el-dialog :title="titleDealRecord" v-model="openDealRecord" width="1200px" append-to-body destroy-on-close>
+      <el-form :model="queryDealRecordParams" ref="queryDealRecordRef" inline>
+        <el-form-item label="交易时间" prop="time">
+          <el-date-picker v-model="queryDealRecordParams.time" type="daterange" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" />
+        </el-form-item>
+        <el-form-item label="交易类型" style="width: 220px" prop="dealType">
+          <el-select v-model="queryDealRecordParams.dealType" placeholder="请选择交易类型" clearable>
+            <el-option v-for="dict in deal_type" :key="dict.value" :label="dict.label" :value="dict.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="交易类别" style="width: 220px" prop="dealCategory">
+          <el-select v-model="queryDealRecordParams.dealCategory" placeholder="请选择交易类别" clearable>
+            <el-option v-for="dict in deal_category" :key="dict.value" :label="dict.label" :value="dict.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="">
+          <el-button type="primary" icon="Search" @click="handleDealRecordQuery">搜索</el-button>
+          <el-button type="info" icon="Refresh" @click="resetDealRecordQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="loadingDealRecord" :data="tableDealRecordData">
+        <el-table-column label="交易时间" align="center" prop="createTime" width="180" />
+        <el-table-column label="交易金额" align="center" prop="amount" />
+        <el-table-column label="当前余额" align="center" prop="currentBalance" />
+        <el-table-column label="交易类型" align="center" width="120" prop="dealType">
+          <template #default="scope">
+            <dict-tag :options="deal_type" :value="scope.row.dealType" />
+          </template>
+        </el-table-column>
+        <el-table-column label="交易类别" align="center" width="150" prop="dealCategory">
+          <template #default="scope">
+            <dict-tag :options="deal_category" :value="scope.row.dealCategory" />
+          </template>
+        </el-table-column>
+        <el-table-column label="交易子类别" align="center" width="150" prop="childCategoryName" />
+        <el-table-column label="备注" align="center" width="300" prop="remark" />
+      </el-table>
+      <el-pagination small background layout="total, prev, pager, next" :total="dealRecordTotal" @current-change="handleCurrentDealRecordChange" />
+    </el-dialog>
   </div>
 </template>
 
 <script setup name="FutureStocks">
 import { listFutureStocks, getFutureStocks, delFutureStocks, addFutureStocks, updateFutureStocks } from '@/api/invest/futureStocks'
+import { listAccountDealRecord } from '@/api/invest/accountDealRecord'
 import { listBankcardLend } from '@/api/invest/bankcardlend'
 // eslint-disable-next-line no-unused-vars
 import { require } from '@/utils/require'
 const { proxy } = getCurrentInstance()
 const { future_stock_type, account_status } = proxy.useDict('future_stock_type', 'account_status')
+const { deal_type, deal_category } = proxy.useDict('deal_type', 'deal_category')
 
 const futureStocksList = ref([])
 const open = ref(false)
@@ -131,9 +173,23 @@ const single = ref(true)
 const multiple = ref(true)
 const total = ref(0)
 const title = ref('')
+const titleDealRecord = ref('')
+const openDealRecord = ref(false)
+const currentAccountId = ref('')
+const loadingDealRecord = ref(false)
+const tableDealRecordData = ref([])
+const dealRecordTotal = ref(0)
+const queryDealRecordParams = ref({
+  time: '',
+  dealType: null,
+  dealCategory: null,
+  pageNum: 1,
+  pageSize: 10
+})
 const debitCardList = ref([])
 const operateList = ref([
   { id: 'view', icon: 'View', title: '查看', hasPermi: ['invest:futureStocks:query'] },
+  { id: 'dealRecord', icon: 'Tickets', title: '交易明细', hasPermi: ['invest:futureStocks:query'] },
   { id: 'edit', icon: 'Edit', title: '修改', hasPermi: ['invest:futureStocks:edit'] },
   { id: 'delete', icon: 'Delete', title: '删除', hasPermi: ['invest:futureStocks:remove'] }
 ])
@@ -172,6 +228,9 @@ const handleOperate = (operate, row) => {
     case 'view':
       handleView(row)
       break
+    case 'dealRecord':
+      handleDealRecord(row)
+      break
     case 'edit':
       handleUpdate(row)
       break
@@ -298,6 +357,54 @@ function handleUpdate(row) {
   })
 }
 
+/** 交易明细按钮操作 */
+function handleDealRecord(row) {
+  queryDealRecordParams.value.time = ''
+  queryDealRecordParams.value.dealType = ''
+  queryDealRecordParams.value.dealCategory = ''
+  titleDealRecord.value = `${row.name}${row.code ? '【' + row.code + '】' : ''}交易明细`
+  currentAccountId.value = row.id || ids.value
+  getDealRecordList(1)
+  openDealRecord.value = true
+}
+
+const handleCurrentDealRecordChange = (num) => {
+  getDealRecordList(num)
+}
+
+const handleDealRecordQuery = () => {
+  getDealRecordList(1)
+}
+
+const resetDealRecordQuery = () => {
+  proxy.resetForm('queryDealRecordRef')
+  queryDealRecordParams.value.time = ''
+  queryDealRecordParams.value.dealType = ''
+  queryDealRecordParams.value.dealCategory = ''
+  dealRecordTotal.value = 0
+  getDealRecordList(1)
+}
+
+const getDealRecordList = (num) => {
+  loadingDealRecord.value = true
+  const timeRange = queryDealRecordParams.value.time
+  let st = ''
+  let et = ''
+  if (timeRange && timeRange.length > 0) {
+    st = timeRange[0]
+    et = timeRange[1]
+  }
+  queryDealRecordParams.value.startTime = st
+  queryDealRecordParams.value.endTime = et
+  queryDealRecordParams.value.pageNum = num
+  queryDealRecordParams.value.accountId = currentAccountId.value
+  listAccountDealRecord(queryDealRecordParams.value).then((response) => {
+    loadingDealRecord.value = false
+    tableDealRecordData.value = response.rows
+    dealRecordTotal.value = response.total
+  })
+}
+
 /** 提交按钮 */
 function submitForm() {
   proxy.$refs.futureStocksRef.validate((valid) => {