feat:配置权限

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

@@ -58,13 +58,13 @@
 						</div>
 					</template>
 				</el-table-column>
-				<el-table-column width="200px" label="商品简要信息">
+				<el-table-column width="200px" label="商品">
 					<template #default="{ row }">
 						<div class="desc">
 							<span>商品</span>
-							<span>
-								{{ row.productDesc }}
-							</span>
+							<el-tooltip :content="row.productDesc" placement="top-start">
+								<span class="text-line">{{ row.productDesc }}</span>
+							</el-tooltip>
 						</div>
 						<div class="status" v-if="row.hourType">
 							<span>用餐时间段</span>
@@ -178,15 +178,13 @@
 				</el-table-column>
 				<el-table-column fixed="right" label="操作" width="200">
 					<template #default="{ row }">
-						<div class="flex justify-between">
+						<div class="grid grid-cols-2">
 							<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>
@@ -347,6 +345,13 @@ const handleDelete = async (ids: string[]) => {
 </script>
 
 <style scoped lang="scss">
+.text-line {
+	display: inline-block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
 .desc {
 	display: flex;
 	align-items: center;