feat:钱包、设备权限

src/views/hard/hard-order/index.vue

@@ -13,7 +13,12 @@
 							<select-mch v-model="state.queryForm.mchIds" />
 						</el-form-item>
 					</el-col>
-					<el-col :span="6">
+					<el-col :span="4">
+						<el-form-item class="w100" label="用户部门" prop="deptIdIdDeepen">
+							<select-dept v-model="state.queryForm.deptIdIdDeepen" />
+						</el-form-item>
+					</el-col>
+					<el-col :span="5">
 						<el-form-item class="w100" label="创建时间" prop="payTimeList">
 							<el-date-picker v-model="state.queryForm.payTimeList" value-format="YYYY-MM-DD" type="daterange" />
 						</el-form-item>
@@ -42,13 +47,17 @@
 			>
 				<el-table-column type="selection" width="40" align="center" />
 				<el-table-column type="index" label="#" width="50" />
-				<el-table-column prop="username" width="100" label="用户" />
-				<el-table-column prop="userAvatar" width="100" label="头像">
+				<el-table-column width="200" label="用户">
 					<template #default="{ row }">
-						<preview-image :src="row.userAvatar" />
+						<div class="flex flex-row items-center justify-center">
+							<preview-image width="50px" height="50px" :src="row.userAvatar" />
+							<div class="flex flex-col ml-2 items-start cursor-pointer hover:underline hover:text-blue-500">
+								<span> {{ row.username }}</span>
+								<span> {{ row.userMobile }}</span>
+							</div>
+						</div>
 					</template>
 				</el-table-column>
-				<el-table-column prop="userMobile" width="120" label="手机号" />
 				<el-table-column width="200px" label="商品简要信息">
 					<template #default="{ row }">
 						<div class="desc">
@@ -167,13 +176,30 @@
 						</div>
 					</template>
 				</el-table-column>
-				<el-table-column fixed="right" label="操作" width="250">
+				<el-table-column fixed="right" label="操作" width="200">
 					<template #default="{ row }">
-						<el-button icon="Printer" text type="primary" @click="print(row)"> 打印发票 </el-button>
-						<el-button icon="ShoppingCartFull" text type="primary" @click="shopCarDialogRef.openDialog(row.id)">
-							购物车
-						</el-button>
-						<el-button icon="InfoFilled" link type="primary" @click="doRefund(row)"> 详情 </el-button>
+						<div class="flex justify-between">
+							<el-button icon="Printer" text type="primary" @click="print(row)" v-auth="'hard_hardInvoice_admin_print'">
+								打印发票
+							</el-button>
+							<el-button icon="ShoppingCartFull" text type="primary" @click="shopCarDialogRef.openDialog(row.id)">
+								购物车
+							</el-button>
+						</div>
+						<div class="flex justify-between">
+							<el-button icon="Money" link type="primary" @click="transactionListRef.openDialog(row.walletId)">
+								钱包明细
+							</el-button>
+							<el-button
+								icon="InfoFilled"
+								link
+								type="primary"
+								v-auth="'wallet_walletTransaction_update_balance'"
+								@click="doRefund(row)"
+							>
+								订单详情
+							</el-button>
+						</div>
 						<el-button
 							v-if="false"
 							icon="edit-pen"
@@ -198,6 +224,7 @@
 			<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
 		</div>
 		<!-- 编辑、新增  -->
+		<transaction-list ref="transactionListRef" @refresh="getDataList(false)" />
 		<form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
 		<shop-car ref="shopCarDialogRef" />
 	</div>
@@ -218,6 +245,7 @@ const { push } = useRouter()
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import("./form.vue"))
 const ShopCar = defineAsyncComponent(() => import("../components/shop-car.vue"))
+const TransactionList = defineAsyncComponent(() => import("/@/views/wallet/components/transaction-list.vue"))
 // 定义查询字典
 const { hard_pay_type, hard_order_type, hard_order_status, hard_type, hard_refund_status, daily_menu } = useDict(
 	"hard_pay_type",
@@ -230,6 +258,7 @@ const { hard_pay_type, hard_order_type, hard_order_status, hard_type, hard_refun
 // 定义变量内容
 const formDialogRef = ref()
 const shopCarDialogRef = ref()
+const transactionListRef = ref()
 const tabList = ref<any>([{}])
 const activeName = ref(null)
 // 搜索变量