csm调整
parent
a158c5f322
commit
13c66287b2
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 323 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 5.6 MiB After Width: | Height: | Size: 1.0 MiB |
@ -0,0 +1,83 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog :model-value="modelValue" class="order-award-dialog" :show-close="false" :close-on-click-modal="false"
|
||||||
|
:close-on-press-escape="false" align-center @update:model-value="(v) => $emit('update:modelValue', v)">
|
||||||
|
<div class="body-wrap">
|
||||||
|
<img :src="awardIcon" alt="award" />
|
||||||
|
<div class="award-title">你真棒!</div>
|
||||||
|
<div class="award-subtitle">恭喜您完成服务工单</div>
|
||||||
|
<div class="award-points"><span class="light">+{{ points }}</span> 积分</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="body-footer" style="justify-content: center;">
|
||||||
|
<el-button type="primary" class="award-btn" @click="onContinue">
|
||||||
|
继续处理
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import awardIcon from "@/assets/image/admin/orders/award.svg";
|
||||||
|
|
||||||
|
defineProps({
|
||||||
|
modelValue: { type: Boolean, default: false },
|
||||||
|
points: { type: [String, Number], default: 5 },
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(["update:modelValue", "continue"]);
|
||||||
|
|
||||||
|
const onContinue = () => {
|
||||||
|
emit("update:modelValue", false);
|
||||||
|
emit("continue");
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.order-award-dialog {
|
||||||
|
width: 458px;
|
||||||
|
|
||||||
|
.body-wrap {
|
||||||
|
padding: 28px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 90px;
|
||||||
|
height: 83px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.award-title {
|
||||||
|
font-size: 22px;
|
||||||
|
line-height: 38px;
|
||||||
|
color: #1D2129;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.award-subtitle {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 30px;
|
||||||
|
color: #1D2129;
|
||||||
|
}
|
||||||
|
|
||||||
|
.award-points {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #FF8D28;
|
||||||
|
line-height: 34px;
|
||||||
|
|
||||||
|
.light {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.award-btn {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
padding: 16px 46px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue