Mauve
597 lines
19 KiB
Vue
597 lines
19 KiB
Vue
<template>
|
||
<view>
|
||
<!-- #ifdef APP-PLUS -->
|
||
<simple-watermark ref="watermark"></simple-watermark>
|
||
<!-- #endif -->
|
||
<mgmHeader ref="headerRef" />
|
||
<view class="hz-page">
|
||
<u-sticky customStyle="border-bottom:0.5px solid #f0f0f0;" bgColor="#fff">
|
||
<u-tabs :scrollable="false" :list="tabList" lineWidth="50" @change="changeTopTab" itemStyle="width:50%; height: 40px"
|
||
:activeStyle="{color: '#C39A4B'}" line-color="#C39A4B" ></u-tabs>
|
||
</u-sticky>
|
||
<!-- 搜索栏 -->
|
||
<view class="hz-spacing hz-mr-t-20 hz-flex-row">
|
||
<u-search :placeholder="searchHolder" v-model="searchInputStr" :showAction="false" bgColor="#ffffff"
|
||
borderColor="gray" style="padding-right: 8px;" @search="toSearch()"></u-search>
|
||
<view class="">
|
||
<u-icon size="28px" @click="openFilter()" :name="filterIconPath" style="margin-top: 3px;"></u-icon>
|
||
</view>
|
||
</view>
|
||
<!-- 卡片 -->
|
||
<view class="hz-mr-t-30">
|
||
<uni-card
|
||
style="padding:12px 12px 0px 12px;margin-bottom:24rpx;position:relative;box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 0px;" class="hz-mr-t-20 hz-font-base">
|
||
<!-- 卡片上方视图 -->
|
||
<view class="hz-flex-row hz-mr-b-20 " style="border-bottom:0.5px solid #a3a3a3;padding-bottom: 10px;">
|
||
<view>
|
||
<u-checkbox-group
|
||
v-model="checkboxValue"
|
||
placement="column"
|
||
@change="checkboxChange"
|
||
>
|
||
<u-checkbox
|
||
labelColor="#000000"
|
||
activeColor="#C39A4B"
|
||
v-for="(item, index) in checkboxList"
|
||
:key="index"
|
||
:label="item.name"
|
||
:name="item.id"
|
||
>
|
||
</u-checkbox>
|
||
</u-checkbox-group>
|
||
</view>
|
||
<!-- 卡片日期 -->
|
||
<span class="hz-font-sm" style="color:#999;margin-left: auto;">
|
||
2025-12-30 18:35
|
||
</span>
|
||
</view>
|
||
<!-- 卡片 Player Info 视图 -->
|
||
<view class="hz-flex-row" style="border-bottom:0.5px solid #a3a3a3;padding-bottom: 10px;">
|
||
<!-- 卡片左侧信息 -->
|
||
<view class="hz-font-color-black" style="line-height:160%; flex: 1; overflow: hidden; min-width: 0;">
|
||
<!-- 用户信息 -->
|
||
<view class="hz-font-md hz-mr-b-20" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
|
||
11001960 / Chan, Tai Man / Supreme
|
||
</view>
|
||
<!-- Gaming Data -->
|
||
<view class="hz-mr-b-20 hz-flex-row">
|
||
<view>
|
||
<view>C/I:2025-01-01</view>
|
||
<view>C/I:2025-01-03</view>
|
||
</view>
|
||
<view style="margin-left: auto;">
|
||
<view>MGM Macau</view>
|
||
<view>GR,1Room</view>
|
||
</view>
|
||
</view>
|
||
<view class="hz-flex-row">
|
||
<view>
|
||
<view>Current Trip Theo</view>
|
||
<view>Last 2 Days Theo</view>
|
||
</view>
|
||
<view style="margin-left: auto;">
|
||
<view style="margin-left: auto;">900,732</view>
|
||
<view style="margin-left: auto;">110,227</view>
|
||
</view>
|
||
</view>
|
||
<view class="">R3 Theo /TPD /Actual win</view>
|
||
<view class="">3,456,789/456,785/-479,887</view>
|
||
<view class="">R6 Theo /TPD /Actual win</view>
|
||
<view class="">3,456,789/456,785/-479,887</view>
|
||
</view>
|
||
<!-- 卡片右侧按钮 -->
|
||
<view v-if="this.currentIndex===0" class="" style="width: 70px; flex-shrink: 0;">
|
||
<view class="hz-bg-primary hz-font-color-white roomCount hz-mr-t-30" style="text-align: center;" @click="handleRoomCountClick">Room Count</view>
|
||
</view>
|
||
<view v-else class="" style="width: 70px; flex-shrink: 0;">
|
||
<view class="roomCount hz-mr-t-30 hz-font-color-black"
|
||
style="border: 0.5px #C39A4B solid; text-align: center;">Approved</view>
|
||
</view>
|
||
</view>
|
||
<!-- 卡片 booking 视图 -->
|
||
<view class="hz-font-sm hz-font-color-black" style="border-bottom:0.5px solid #a3a3a3;padding-bottom: 6px;">
|
||
<view style="font-weight: bolder;">
|
||
Continuous / Overlap Booking(C/I to C/O)
|
||
</view>
|
||
<view class="">
|
||
02 Jan to 04 Jan MGM C-S2K | Conf#fzfsesr1
|
||
</view>
|
||
</view>
|
||
<!-- 卡片 Waitlist 视图 -->
|
||
<view v-show="currentIndex===0" class="hz-font-sm hz-font-color-black" style="border-bottom:0.5px solid #a3a3a3;padding-bottom: 6px;">
|
||
<view style="font-weight: bolder;">
|
||
Waitlist
|
||
</view>
|
||
<view class="">
|
||
02 Jan to 03 Jan MGM-GR
|
||
</view>
|
||
</view>
|
||
<!-- 卡片 Remark 视图 -->
|
||
<view class="hz-font-sm hz-font-color-black" style="border-bottom:0.5px solid #a3a3a3;padding-bottom: 6px;">
|
||
<view style="font-weight: bolder;">
|
||
Remarks
|
||
</view>
|
||
<view>
|
||
Wynn big guest
|
||
</view>
|
||
</view>
|
||
<!-- 卡片 Sharer 视图 -->
|
||
<view class="hz-font-sm hz-font-color-black" style="border-bottom:0.5px solid #a3a3a3;padding-bottom: 6px;">
|
||
<view style="font-weight: bolder;">
|
||
Sharer
|
||
</view>
|
||
<view>
|
||
11001983 Corso Wong
|
||
</view>
|
||
</view>
|
||
<!-- 卡片 Request Reason 视图 -->
|
||
<view class="hz-font-sm hz-font-color-black" style="margin-bottom: 5px;">
|
||
<view style="font-weight: bolder;">
|
||
Request Reason
|
||
</view>
|
||
<view>
|
||
HP
|
||
</view>
|
||
</view>
|
||
<!-- 按钮视图 -->
|
||
<view v-show="currentIndex===0" class="hz-flex-row hz-font-color-primary" style="border-top:0.5px solid #a3a3a3;">
|
||
<view class="actionButton" style="border-bottom-left-radius: 8px;" @click="handleApprovalClick">Approval</view>
|
||
<view class="actionButton" style="border-left: 0.5px solid #a3a3a3; border-right: 0.5px solid #a3a3a3;" @click="handleRejectClick">Reject</view>
|
||
<view class="actionButton" style="border-bottom-right-radius: 8px;" @click="handleDelegateClick">Delegate</view>
|
||
</view>
|
||
</uni-card>
|
||
<uni-card
|
||
style="padding:12px 12px 0px 12px;margin-bottom:24rpx;position:relative;box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 0px;" class="hz-mr-t-20 hz-font-base">
|
||
<!-- 卡片上方视图 -->
|
||
<view class="hz-flex-row hz-mr-b-20 " style="border-bottom:0.5px solid #a3a3a3;padding-bottom: 10px;">
|
||
<view>
|
||
<u-checkbox-group
|
||
v-model="checkboxValue"
|
||
placement="column"
|
||
@change="checkboxChange"
|
||
>
|
||
<u-checkbox
|
||
labelColor="#000000"
|
||
activeColor="#C39A4B"
|
||
v-for="(item, index) in checkboxList"
|
||
:key="index"
|
||
:label="item.name"
|
||
:name="item.id"
|
||
>
|
||
</u-checkbox>
|
||
</u-checkbox-group>
|
||
</view>
|
||
<!-- 卡片日期 -->
|
||
<span class="hz-font-sm" style="color:#999;margin-left: auto;">
|
||
2025-12-30 18:35
|
||
</span>
|
||
</view>
|
||
<!-- 卡片 Player Info 视图 -->
|
||
<view class="hz-flex-row" style="border-bottom:0.5px solid #a3a3a3;padding-bottom: 10px;">
|
||
<!-- 卡片左侧信息 -->
|
||
<view class="hz-font-color-black" style="line-height:160%; flex: 1; overflow: hidden; min-width: 0;">
|
||
<!-- 用户信息 -->
|
||
<view class="hz-font-md hz-mr-b-20" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
|
||
11001960 / Chan, Tai Man / Supreme
|
||
</view>
|
||
<!-- Gaming Data -->
|
||
<view class="hz-mr-b-20 hz-flex-row">
|
||
<view>
|
||
<view>C/I:2025-01-01</view>
|
||
<view>C/I:2025-01-03</view>
|
||
</view>
|
||
<view style="margin-left: auto;">
|
||
<view>MGM Macau</view>
|
||
<view>GR,1Room</view>
|
||
</view>
|
||
</view>
|
||
<view class="hz-flex-row">
|
||
<view>
|
||
<view>Current Trip Theo</view>
|
||
<view>Last 2 Days Theo</view>
|
||
</view>
|
||
<view style="margin-left: auto;">
|
||
<view style="margin-left: auto;">900,732</view>
|
||
<view style="margin-left: auto;">110,227</view>
|
||
</view>
|
||
</view>
|
||
<view class="">R3 Theo /TPD /Actual win</view>
|
||
<view class="">3,456,789/456,785/-479,887</view>
|
||
<view class="">R6 Theo /TPD /Actual win</view>
|
||
<view class="">3,456,789/456,785/-479,887</view>
|
||
</view>
|
||
<!-- 卡片右侧按钮 -->
|
||
<view v-if="this.currentIndex===0" class="" style="width: 70px; flex-shrink: 0;">
|
||
<view class="hz-bg-primary hz-font-color-white roomCount hz-mr-t-30" style="text-align: center;" @click="handleRoomCountClick">Room Count</view>
|
||
</view>
|
||
<view v-else class="" style="width: 70px; flex-shrink: 0;">
|
||
<view class="roomCount hz-mr-t-30 hz-font-color-black"
|
||
style="border: 0.5px #C39A4B solid; text-align: center;">Approved</view>
|
||
</view>
|
||
</view>
|
||
<!-- 卡片 booking 视图 -->
|
||
<view class="hz-font-sm hz-font-color-black" style="border-bottom:0.5px solid #a3a3a3;padding-bottom: 6px;">
|
||
<view style="font-weight: bolder;">
|
||
Continuous / Overlap Booking(C/I to C/O)
|
||
</view>
|
||
<view class="">
|
||
02 Jan to 04 Jan MGM C-S2K | Conf#fzfsesr1
|
||
</view>
|
||
</view>
|
||
<!-- 卡片 Waitlist 视图 -->
|
||
<view v-show="currentIndex===0" class="hz-font-sm hz-font-color-black" style="border-bottom:0.5px solid #a3a3a3;padding-bottom: 6px;">
|
||
<view style="font-weight: bolder;">
|
||
Waitlist
|
||
</view>
|
||
<view class="">
|
||
02 Jan to 03 Jan MGM-GR
|
||
</view>
|
||
</view>
|
||
<!-- 卡片 Remark 视图 -->
|
||
<view class="hz-font-sm hz-font-color-black" style="border-bottom:0.5px solid #a3a3a3;padding-bottom: 6px;">
|
||
<view style="font-weight: bolder;">
|
||
Remarks
|
||
</view>
|
||
<view>
|
||
Wynn big guest
|
||
</view>
|
||
</view>
|
||
<!-- 卡片 Sharer 视图 -->
|
||
<view class="hz-font-sm hz-font-color-black" style="border-bottom:0.5px solid #a3a3a3;padding-bottom: 6px;">
|
||
<view style="font-weight: bolder;">
|
||
Sharer
|
||
</view>
|
||
<view>
|
||
11001983 Corso Wong
|
||
</view>
|
||
</view>
|
||
<!-- 卡片 Request Reason 视图 -->
|
||
<view class="hz-font-sm hz-font-color-black" style="margin-bottom: 5px;">
|
||
<view style="font-weight: bolder;">
|
||
Request Reason
|
||
</view>
|
||
<view>
|
||
HP
|
||
</view>
|
||
</view>
|
||
<!-- 按钮视图 -->
|
||
<view v-show="currentIndex===0" class="hz-flex-row hz-font-color-primary" style="border-top:0.5px solid #a3a3a3;">
|
||
<view class="actionButton" style="border-bottom-left-radius: 8px;" @click="handleApprovalClick">Approval</view>
|
||
<view class="actionButton" style="border-left: 0.5px solid #a3a3a3; border-right: 0.5px solid #a3a3a3;" @click="handleRejectClick">Reject</view>
|
||
<view class="actionButton" style="border-bottom-right-radius: 8px;" @click="handleDelegateClick">Delegate</view>
|
||
</view>
|
||
</uni-card>
|
||
</view>
|
||
</view>
|
||
<!-- 点击按钮弹窗内容 -->
|
||
<u-popup
|
||
:safeAreaInsetBottom="true"
|
||
:safeAreaInsetTop="true"
|
||
:mode="'center'"
|
||
:round="12"
|
||
:show="showMsgBox"
|
||
customStyle="width:94%; padding-top: 30px"
|
||
:closeable="!showDirBtn"
|
||
@close="closePopup()"
|
||
>
|
||
<view v-if="confirmType!=='DELEGATE'">
|
||
<view class="hz-flex-row" style="justify-content:center;align-items:center;width:100%;">
|
||
<image :src="iconPath" style="width:64px;height:64px;"></image>
|
||
</view>
|
||
<view class="hz-font-xl hz-font-bold hz-text-center" style="margin-top:20px;margin-bottom: 20px;margin-left: 15px;margin-right: 15px;white-space:pre-wrap;">
|
||
<rich-text v-html="popMsgStr" style="line-height:26px;"></rich-text>
|
||
</view>
|
||
<view @click="callConfirmFunction()" class="hz-btn hz-font-color-white hz-font-lg hz-font-bold hz-text-center"
|
||
style="width: 90%;margin: 0 auto;margin-bottom: 15px;">
|
||
{{$t("common.confirm").toUpperCase()}}
|
||
</view>
|
||
<view @click="closePopup()" class="hz-btn hz-font-color-primary hz-font-lg hz-font-bold hz-text-center"
|
||
style="width: 90%;margin: 0 auto;margin-bottom: 30px;background-color: white;border: 0.5px solid;">
|
||
{{$t("common.cancel").toUpperCase()}}
|
||
</view>
|
||
</view>
|
||
<view v-else>
|
||
<view class="hz-flex-row" style="margin: 30px 20px;">
|
||
<view class="hz-font-bold" style="align-self: center;margin-right: 10px;">
|
||
Delegate to
|
||
</view>
|
||
<view style="flex: 1;">
|
||
<view @click="showPicker = true" style="border: 0.5px solid #a3a3a3; padding: 8px; border-radius: 4px;">
|
||
{{ selectedDelegate || 'Select approver' }}
|
||
</view>
|
||
<u-picker :show="showPicker" :columns="delegateColumns" @confirm="handlePickerConfirm" @cancel="showPicker = false" :cancelText = 'cancelStr'
|
||
:confirmText = 'okStr' confirmColor = '#C39A4B' :closeOnClickOverlay = "true"></u-picker>
|
||
</view>
|
||
</view>
|
||
<view class="hz-mr-b-30">
|
||
<view @click="confirmDelegate()" class="hz-btn hz-font-color-white hz-font-lg hz-font-bold hz-text-center" style="width: 90%;margin: 0 auto;margin-bottom: 15px;">
|
||
{{$t("common.confirm").toUpperCase()}}
|
||
</view>
|
||
<view @click="closePopup()" class="hz-btn hz-font-color-primary hz-font-lg hz-font-bold hz-text-center"
|
||
style="width: 90%;margin: 0 auto;margin-bottom: 30px;background-color: white;border: 0.5px solid;">
|
||
{{$t("common.cancel").toUpperCase()}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</u-popup>
|
||
|
||
<u-calendar closeOnClickOverlay :confirmText="confirmText" :confirmDisabledText="confirmText" color="#C39A4B"
|
||
title="" :startText="startText" :endText="endText" :show="showCalendar" :allowSameDay="true"
|
||
mode="range" @close="cancelDate" @confirm="confirmDate" :showMark="false">
|
||
</u-calendar>
|
||
|
||
<!-- 悬浮栏 - 显示选中的记录数量 -->
|
||
<view v-if="checkboxValue.length > 0" class="floating-bar">
|
||
<view class="floating-content">
|
||
<text class="selected-count">{{ checkboxValue.length }} selected</text>
|
||
<view class="floating-actions">
|
||
<view @click="handleBatchApprove" class="action-btn approve-btn">Approve</view>
|
||
<view @click="handleBatchReject" class="action-btn reject-btn">Reject</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import mgmHeader from "@/components/header/header.vue";
|
||
// #ifdef APP-PLUS
|
||
import SimpleWatermark from '@/components/simple-watermark/simple-watermark.vue'
|
||
// #endif
|
||
export default {
|
||
components: {
|
||
mgmHeader, // 注册组件
|
||
},
|
||
data() {
|
||
return {
|
||
title: "Approval",
|
||
currentIndex: 0,
|
||
sliderPosition: 0,
|
||
filterIconPath:"../../static/images/filter_inactive.png",
|
||
cancelStr:this.$t('common.cancel'),
|
||
okStr:this.$t('common.ok'),
|
||
searchHolder:this.$t('approval.searchStr'),
|
||
searchInputStr:'',
|
||
keyword:'',
|
||
checkboxValue:[],
|
||
confirmType:'',
|
||
userData:'',
|
||
showMsgBox:false,
|
||
showDirBtn:false,
|
||
iconPath:'',
|
||
popMsgStr:'',
|
||
showPicker:false,
|
||
confirmText:this.$t('common.confirm'),
|
||
startText:this.$t('common.start'),
|
||
endText:this.$t('common.end'),
|
||
showCalendar:false,
|
||
delegateColumns:[
|
||
[
|
||
{text: 'Mooney', value: '105868'},
|
||
{text: 'Kelly', value: '130211'},
|
||
{text: 'Eva', value: '100712'}
|
||
]
|
||
],
|
||
selectedDelegate:'',
|
||
checkboxList: [{
|
||
name: 'Request from Annie Chan',
|
||
disabled: false,
|
||
id:1
|
||
}
|
||
],
|
||
tabList: [{
|
||
name: this.$t('approval.pendingApproval'),
|
||
}, {
|
||
name: this.$t('approval.allRequest'),
|
||
}]
|
||
};
|
||
},
|
||
mounted() {},
|
||
onReady() {
|
||
// 页面首次渲染完成后，延迟触发水印更新
|
||
setTimeout(() => {
|
||
const watermarkStore = require('@/store/watermark.js');
|
||
if (watermarkStore && watermarkStore.updateWatermark) {
|
||
watermarkStore.updateWatermark(true);
|
||
}
|
||
}, 1200);
|
||
|
||
},
|
||
|
||
onShow() {
|
||
this.userData = uni.getStorageSync("userData");
|
||
if (this.userData !== null && this.userData !== undefined){
|
||
this.showTabbarByPermission(this.userData);
|
||
}
|
||
},
|
||
methods: {
|
||
click(item) {
|
||
console.log('item', item);
|
||
},
|
||
openFilter() {
|
||
this.showCalendar = true;
|
||
},
|
||
toSearch(){
|
||
console.log(this.searchInputStr);
|
||
console.log("toSearch");
|
||
},
|
||
checkboxChange(n) {
|
||
console.log('change', n);
|
||
},
|
||
handleRoomCountClick() {
|
||
this.navTo('/pages/roomCount/roomCount',0,false)
|
||
},
|
||
handleApprovalClick() {
|
||
this.navTo('/pages/playerDetail/playerDetail',0,false)
|
||
},
|
||
handleRejectClick() {
|
||
this.iconPath = '../../static/images/ico_err.png';
|
||
this.popMsgStr = this.$t("approval.submitReject") ;
|
||
this.showMsgBox = true; // 显示整个弹窗
|
||
this.confirmType = "REJECT";
|
||
},
|
||
handleDelegateClick() {
|
||
this.showMsgBox = true; // 显示整个弹窗
|
||
this.confirmType = "DELEGATE";
|
||
},
|
||
handlePickerConfirm(e) {
|
||
const selectedItem = e.value[0];
|
||
|
||
if (selectedItem) {
|
||
this.selectedDelegate = selectedItem.text;
|
||
}
|
||
this.showPicker = false;
|
||
},
|
||
changeTopTab(index) {
|
||
this.currentIndex = index.index;
|
||
},
|
||
confirmApproval(){
|
||
console.log("Approval");
|
||
this.showMsgBox = false;
|
||
},
|
||
confirmReject(){
|
||
console.log("Reject");
|
||
this.showMsgBox = false;
|
||
},
|
||
confirmDelegate(){
|
||
console.log("Delegate");
|
||
this.showMsgBox = false;
|
||
},
|
||
closePopup(){
|
||
this.showMsgBox = false;
|
||
},
|
||
handleBatchApprove(){
|
||
console.log('Batch approve:', this.checkboxValue);
|
||
this.iconPath = '../../static/images/ico_warn.png';
|
||
this.popMsgStr = this.$t("approval.submitBatchApproval") ;
|
||
this.showMsgBox = true; // 显示整个弹窗
|
||
this.confirmType = "BATCHAPPROVAL";
|
||
},
|
||
handleBatchReject(){
|
||
console.log('Batch reject:', this.checkboxValue);
|
||
this.iconPath = '../../static/images/ico_err.png';
|
||
this.popMsgStr = this.$t("approval.submitBatchReject") ;
|
||
this.showMsgBox = true; // 显示整个弹窗
|
||
this.confirmType = "BATCHREJECT";
|
||
},
|
||
cancelDate(){
|
||
this.showCalendar = false;
|
||
},
|
||
confirmDate(){
|
||
this.showCalendar = false;
|
||
},
|
||
confirmBatchApproval(){
|
||
console.log("batch app");
|
||
this.showMsgBox = false;
|
||
this.checkboxValue = [];
|
||
},
|
||
confirmBatchReject(){
|
||
console.log("batch rej");
|
||
this.showMsgBox = false;
|
||
this.checkboxValue = [];
|
||
},
|
||
callConfirmFunction(){
|
||
if(this.confirmType === "REJECT"){
|
||
this.confirmReject();
|
||
}
|
||
if(this.confirmType === "DELEGATE"){
|
||
this.confirmDelegate()
|
||
}
|
||
if(this.confirmType === "BATCHREJECT"){
|
||
this.confirmBatchReject();
|
||
}
|
||
if(this.confirmType ==="BATCHAPPROVAL"){
|
||
this.confirmBatchApproval();
|
||
}
|
||
}
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
@import '../../static/css/custom.scss';
|
||
.roomCount{
|
||
border-radius: 20px;
|
||
font-size: 10px;
|
||
padding: 3px;
|
||
margin-left: auto;
|
||
}
|
||
|
||
.actionButton{
|
||
width: 33%;
|
||
text-align: center;
|
||
padding: 8px 0;
|
||
transition: background-color 0.2s ease;
|
||
}
|
||
|
||
.actionButton:active{
|
||
background-color: #cccccc;
|
||
}
|
||
|
||
.border-bt-sld{
|
||
border-bottom:0.5px;
|
||
color: #a3a3a3;
|
||
padding-bottom: 10px
|
||
}
|
||
|
||
.floating-bar{
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
background-color: #ffffff;
|
||
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
|
||
z-index: 999;
|
||
padding: 12px 16px;
|
||
border-top: 0.5px solid #a3a3a3;
|
||
}
|
||
|
||
.floating-content{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
|
||
.selected-count{
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
color: #333;
|
||
}
|
||
|
||
.floating-actions{
|
||
display: flex;
|
||
gap: 12px;
|
||
}
|
||
|
||
.action-btn{
|
||
padding: 8px 20px;
|
||
border-radius: 20px;
|
||
font-size: 14px;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
}
|
||
|
||
.approve-btn{
|
||
background-color: #C39A4B;
|
||
color: #ffffff;
|
||
}
|
||
|
||
.reject-btn{
|
||
background-color: #C39A4B;
|
||
color: #ffffff;
|
||
}
|
||
::v-deep .uni-card {
|
||
margin: 10px;
|
||
padding: 0 8px;
|
||
border-radius: 12px;
|
||
overflow: hidden;
|
||
background-color: #fff;
|
||
flex: 1;
|
||
}
|
||
::v-deep .uni-card--border {
|
||
border: 0.5px solid #ccc;
|
||
}
|
||
::v-deep .uni-card--shadow {
|
||
position: relative;
|
||
box-shadow: 0 0px 0px 0px rgba(165, 165, 165, 0.2);
|
||
}
|
||
</style> |