This commit is contained in:
parent
66e606e417
commit
781b267b6e
|
@ -0,0 +1,66 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="859px" height="586px" viewBox="0 0 859 586" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
|
||||||
|
<title>500-彩色-01</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<g id="页面1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="500-彩色-01" transform="translate(-1.000000, -1.000000)">
|
||||||
|
<g id="图层_2" transform="translate(1.000000, 1.000000)">
|
||||||
|
<ellipse id="椭圆形" fill="#E7F4FE" fill-rule="nonzero" cx="452" cy="344" rx="406.2" ry="241.1"></ellipse>
|
||||||
|
<g id="编组" transform="translate(646.000000, 401.000000)" fill="#96CEF7" fill-rule="nonzero">
|
||||||
|
<path d="M20.7,9.5 L20.7,5.7 C20.7,2.6 23.2,0.1 26.3,0.1 L119.2,0.1 C122.3,0.1 124.8,2.6 124.8,5.7 L124.8,9.6 C124.8,12.7 122.3,15.1 119.3,15.1 L78.4,15.1 C75.3,15.1 72.8,17.6 72.8,20.7 L72.8,24.8 C72.8,27.9 75.3,30.4 78.4,30.4 L86.2,30.4 C89.2,30.4 91.7,32.8 91.8,35.9 L91.9,42.5 C91.9,45.6 89.4,48.1 86.3,48.1 L6.2,48.1 C3.1,48.1 0.6,45.6 0.6,42.5 L0.6,36.1 C0.6,33 3.1,30.6 6.1,30.5 L42.5,30.3 C45.5,30.3 48,27.9 48,24.8 L48.1,20.4 C48.2,17.3 45.6,14.7 42.5,14.7 L26.4,14.9 C23.3,15.1 20.7,12.6 20.7,9.5 Z" id="路径"></path>
|
||||||
|
<circle id="椭圆形" cx="144.6" cy="8.4" r="8.2"></circle>
|
||||||
|
</g>
|
||||||
|
<g id="编组" transform="translate(0.000000, 249.000000)" fill="#96CEF7" fill-rule="nonzero">
|
||||||
|
<path d="M158.3,12 L158.3,7.5 C158.3,3.8 155.3,0.8 151.6,0.8 L40.3,0.8 C36.6,0.8 33.6,3.8 33.6,7.5 L33.6,12.1 C33.6,15.8 36.6,18.7 40.2,18.7 L89.2,18.7 C92.9,18.7 95.9,21.7 95.9,25.4 L95.9,30.3 C95.9,34 92.9,37 89.2,37 L79.9,37 C76.3,37 73.3,39.9 73.2,43.5 L73.1,51.4 C73,55.1 76,58.2 79.8,58.2 L175.8,58.2 C179.5,58.2 182.5,55.2 182.5,51.5 L182.5,43.9 C182.5,40.2 179.5,37.3 175.9,37.2 L132.3,36.9 C128.7,36.9 125.8,34 125.7,30.4 L125.6,25.2 C125.5,21.5 128.6,18.4 132.3,18.4 L151.6,18.6 C155.2,18.7 158.3,15.7 158.3,12 Z" id="路径"></path>
|
||||||
|
<circle id="椭圆形" cx="9.9" cy="10.6" r="9.8"></circle>
|
||||||
|
</g>
|
||||||
|
<g id="XMLID_3_" transform="translate(306.000000, 202.000000)" fill-rule="nonzero">
|
||||||
|
<g id="编组">
|
||||||
|
<path d="M207.5,152.8 C207.5,152.8 205.5,167.9 218.6,174.6 L218.6,174.6 C213.1,184.2 206.2,193 198.3,200.7 L198.3,200.7 C178.2,164.9 157.7,186.2 157.7,186.2 C157.7,186.2 145.1,159.7 126.7,164.3 C144.9,152.4 163.5,139 181.6,125.3 C186.5,152.3 207.5,152.8 207.5,152.8 Z" id="路径" fill="#96CEF7"></path>
|
||||||
|
<path d="M218.7,174.6 L218.7,174.6 C205.6,167.9 207.5,152.8 207.5,152.8 C207.5,152.8 186.5,152.2 181.7,125.2 C198.4,112.5 214.7,99.4 230,86.7 C232.6,96.3 234,106.4 233.9,116.9 C233.9,138 228.4,157.6 218.7,174.6 Z" id="路径" fill="#309EED"></path>
|
||||||
|
<path d="M198.4,200.7 L198.4,200.7 C177.4,221 148.9,233.5 117.4,233.5 C114.6,233.5 111.9,233.4 109.2,233.2 L109.2,233.2 C109.2,233.2 100.2,217.1 112.9,208 C112.9,208 96.3,190.5 113.4,172.8 C117.8,170.1 122.3,167.2 126.7,164.3 C145.1,159.7 157.7,186.2 157.7,186.2 C157.7,186.2 178.3,164.9 198.4,200.7 Z" id="路径" fill="#309EED"></path>
|
||||||
|
<path d="M230,86.8 C214.7,99.5 198.4,112.6 181.7,125.3 C181.6,124.8 181.5,124.3 181.5,123.8 C177.3,95.3 205.7,84.4 205.7,84.4 C205.7,84.4 200.7,63.6 224.7,71.6 C226.8,76.4 228.6,81.5 230,86.8 Z" id="路径" fill="#309EED"></path>
|
||||||
|
<path d="M181.4,123.7 C181.5,124.2 181.6,124.7 181.6,125.2 C163.5,139 144.9,152.3 126.7,164.2 C123.7,164.9 120.6,166.5 117.3,169.1 C115.8,170.3 114.5,171.5 113.3,172.7 C88.3,188.2 64.3,200.5 43.4,207 C18.6,186.7 2.4,156.3 0.9,122.1 C0.9,122.1 0.9,122 0.9,122 C1.3,111.4 2.9,101 5.6,91.1 C10.4,92.2 23.3,94.8 29.1,90.6 C36.4,85.4 28.4,142.4 59.7,142.4 C91,142.4 93.4,90.2 93.4,90.2 C93.4,90.2 120.1,91.4 106.7,61.1 C106.7,61.1 124.5,62.6 129.3,44.7 C132.7,32.2 127.1,19.1 116.5,11.6 C112.3,8.6 106.8,5.2 99.6,1.5 C105.3,0.6 111.2,0.2 117.2,0.2 C165.4,0.2 206.8,29.5 224.5,71.2 C200.5,63.2 205.5,84 205.5,84 C205.5,84 177.2,95.2 181.4,123.7 Z M152,117 C152,117 159.6,110.4 157.8,104.2 C156,98 147.5,104.9 147.5,104.9 C147.5,104.9 146.9,86.2 130.5,92.8 C114.1,99.5 125,117 125,117 C137.8,130.8 152,117 152,117 Z" id="形状" fill="#96CEF7"></path>
|
||||||
|
<path d="M157.8,104.2 C159.6,110.4 152,117 152,117 C152,117 137.7,130.8 125,117 C125,117 114.1,99.5 130.5,92.8 C146.9,86.1 147.5,104.9 147.5,104.9 C147.5,104.9 156,98 157.8,104.2 Z" id="路径" fill="#309EED"></path>
|
||||||
|
<path d="M43.6,207.1 C64.5,200.6 88.5,188.3 113.5,172.8 C96.4,190.5 113,208 113,208 C100.3,217.1 109.3,233.2 109.3,233.2 L109.3,233.2 C84.4,231.5 61.7,222 43.6,207.1 Z" id="路径" fill="#96CEF7"></path>
|
||||||
|
<path d="M129.5,44.9 C124.6,62.8 106.9,61.3 106.9,61.3 C120.2,91.6 93.6,90.4 93.6,90.4 C93.6,90.4 91.2,142.6 59.9,142.6 C28.6,142.6 36.6,85.6 29.3,90.8 C23.4,95 10.5,92.4 5.8,91.3 C12.5,66.2 26,44 44.2,26.5 C59.9,13.8 79,5.1 99.9,1.9 C107.1,5.6 112.6,9 116.8,12 C127.3,19.3 132.9,32.4 129.5,44.9 Z" id="路径" fill="#309EED"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<circle id="椭圆形" cx="423.4" cy="319" r="116.5"></circle>
|
||||||
|
<path d="M487,419.1 C484.6,420.5 482.1,421.9 479.6,423.2" id="路径" stroke="#000000"></path>
|
||||||
|
<path d="M459.6,429.9 C448.3,433.5 436.3,435.5 423.8,435.5 C359.5,435.5 307.3,383.3 307.3,319 C307.3,254.7 359.5,202.5 423.8,202.5 C488.1,202.5 540.3,254.6 540.3,319 C540.3,358.8 520.3,394 489.8,415" id="路径" stroke="#000000" stroke-width="2"></path>
|
||||||
|
<path d="M445.5,470.4 C523.151236,470.4 586.1,407.451236 586.1,329.8 C586.1,252.148764 523.151236,189.2 445.5,189.2 C367.848764,189.2 304.9,252.148764 304.9,329.8 C304.9,407.451236 367.848764,470.4 445.5,470.4 Z" id="椭圆形" stroke="#5C5C5C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3.0047,3.0047"></path>
|
||||||
|
<path d="M441.4,524 C547.217758,524 633,438.217758 633,332.4 C633,226.582242 547.217758,140.8 441.4,140.8 C335.582242,140.8 249.8,226.582242 249.8,332.4 C249.8,438.217758 335.582242,524 441.4,524 Z" id="椭圆形" stroke="#5C5C5C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="2.994,2.994"></path>
|
||||||
|
<path d="M303.3,324 C303.3,324 236.4,436.7 338.2,411.2 C440,385.7 668.8,176 668.8,176" id="路径" stroke="#EF706D" stroke-width="2" stroke-dasharray="3,3"></path>
|
||||||
|
<path d="M304.8,330.5 C304.8,330.5 254.3,415.6 331.2,396.3 C408.1,377.1 652.2,153.4 652.2,153.4" id="路径" stroke="#EF706D" stroke-width="2" stroke-dasharray="3,3"></path>
|
||||||
|
<g id="XMLID_1_" transform="translate(624.000000, 0.000000)">
|
||||||
|
<g id="编组" transform="translate(0.000000, 19.000000)" fill-rule="nonzero">
|
||||||
|
<path d="M161.4,96 C179.2,122.5 186,145.3 176.8,154.4 C163.1,168.1 118.5,145.6 77.2,104.1 C59.5,86.3 45.3,68 35.9,51.7 C34.9,50 34,48.4 33.2,46.8 C31.4,43.5 29.9,40.3 28.6,37.2 C22.2,22.2 21.3,10.3 27.4,4.3 C35.9,-4.2 56.1,1.2 80.1,16.3 C95,25.6 111.2,38.7 127,54.6 C136.3,64 144.7,73.5 151.9,82.8 C155.3,87.3 158.5,91.7 161.4,96 Z M138.4,118.4 C143.7,113.1 130.7,91.5 109.3,70.1 C88,48.7 66.4,35.6 61.1,40.8 C55.8,46 68.9,67.7 90.2,89.1 C111.5,110.5 133.2,123.7 138.4,118.4 Z" id="形状" fill="#AFD7A3"></path>
|
||||||
|
<path d="M167.3,47.8 C172.5,60.9 174.4,78.5 161.3,96 C158.4,91.7 155.2,87.3 151.7,82.8 C172.5,69.5 165.6,44 165.6,44 C166.3,45.2 166.8,46.5 167.3,47.8 Z" id="路径" fill="#E7B976"></path>
|
||||||
|
<path d="M109.4,70.2 C130.7,91.6 143.8,113.2 138.5,118.5 C133.2,123.7 111.7,110.6 90.3,89.2 C68.9,67.8 55.9,46.2 61.2,40.9 C66.5,35.6 88,48.7 109.4,70.2 Z" id="路径" fill="#E7B976"></path>
|
||||||
|
<path d="M165.6,44 C165.6,44 172.4,69.5 151.8,82.8 C144.6,73.5 136.3,64 126.9,54.6 C111.1,38.7 94.8,25.7 80,16.3 C80,16.3 101.3,-3.4 138.4,16.1 C141.9,17.9 145.2,20.1 148.3,22.5 C150.6,24.3 152.8,26.3 154.8,28.4 C159.2,33 162.9,38.2 165.6,44 Z M132.3,24.4 C133,23.2 132.7,21.7 131.5,20.9 C130.3,20.2 128.7,20.5 128,21.7 C127.3,22.9 127.6,24.5 128.8,25.2 C130,25.9 131.6,25.6 132.3,24.4 Z M120.4,23.4 C121.9,23.5 123.3,22.7 123.7,21.3 C124,20.2 123.6,18.9 121.2,17.8 C117.1,15.8 109.4,16.3 106.2,16.6 C104.9,16.7 103.6,17.2 102.7,18 C99.6,20.6 102.7,23.8 106.3,23.1 C109.6,22.3 117.1,23 120.4,23.4 Z" id="形状" fill="#FED37C"></path>
|
||||||
|
<path d="M176,2.8 C177.2,3.5 154.8,28.4 154.8,28.4 C152.8,26.3 150.6,24.3 148.3,22.5 C148.3,22.6 174.8,2.1 176,2.8 Z" id="路径" fill="#AFD7A3"></path>
|
||||||
|
<path d="M131.5,20.9 C132.7,21.6 133.1,23.2 132.3,24.4 C131.6,25.6 130,26 128.8,25.2 C127.6,24.5 127.2,22.9 128,21.7 C128.7,20.5 130.3,20.2 131.5,20.9 Z" id="路径" fill="#FFFFFF"></path>
|
||||||
|
<path d="M123.7,21.2 C123.3,22.6 121.9,23.5 120.4,23.3 C117.1,22.9 109.6,22.2 106.3,22.9 C102.7,23.7 99.6,20.5 102.7,17.8 C103.7,16.9 104.9,16.5 106.2,16.4 C109.4,16.1 117.1,15.6 121.2,17.6 C123.6,18.9 124,20.2 123.7,21.2 Z" id="路径" fill="#FFFFFF"></path>
|
||||||
|
<path d="M3.9,161.6 C3.7,161.7 3.5,161.7 3.3,161.8 C2.2,159.9 1.1,158.1 0,156.2 C1.2,158 2.6,159.8 3.9,161.6 Z" id="路径" fill="#D8D7D7"></path>
|
||||||
|
</g>
|
||||||
|
<g id="编组" transform="translate(23.000000, 0.000000)" stroke="#000000" stroke-width="2">
|
||||||
|
<path d="M10.2,65.9 C8.4,62.6 6.9,59.4 5.6,56.3" id="路径"></path>
|
||||||
|
<path d="M12.9,70.8 C11.9,69.1 11,67.5 10.2,65.9" id="路径"></path>
|
||||||
|
<path d="M5.6,56.3 C-0.8,41.3 -1.7,29.4 4.4,23.4 C12.9,14.9 33.1,20.3 57.1,35.4 C72,44.7 88.2,57.8 104,73.7 C113.3,83.1 121.7,92.6 128.9,101.9 C132.4,106.4 135.6,110.8 138.5,115.1 C156.3,141.6 163.1,164.4 153.9,173.5 C140.2,187.2 95.6,164.7 54.3,123.2 C36.6,105.4 22.4,87.1 13,70.8" id="路径"></path>
|
||||||
|
<path d="M57,35.4 C57,35.4 78.3,15.7 115.4,35.2 C118.9,37 122.2,39.2 125.3,41.6 C127.6,43.4 129.8,45.4 131.8,47.5 C136.2,52.1 139.9,57.3 142.7,63.1 C143.3,64.3 143.9,65.6 144.4,66.9 C149.6,80 151.5,97.6 138.4,115.1" id="路径"></path>
|
||||||
|
<path d="M115.4,137.4 C110.1,142.6 88.6,129.5 67.2,108.1 C45.8,86.7 32.8,65.1 38.1,59.8 C43.4,54.6 64.9,67.7 86.3,89.1 C107.7,110.6 120.7,132.2 115.4,137.4 Z" id="路径"></path>
|
||||||
|
<path d="M125.3,41.6 C125.3,41.6 151.8,21.2 153,21.9 C154.2,22.6 131.8,47.5 131.8,47.5" id="路径"></path>
|
||||||
|
<path d="M149.4,15.2 L155.5,0.8" id="路径"></path>
|
||||||
|
<path d="M156.8,19.8 L166.9,10.1" id="路径"></path>
|
||||||
|
<path d="M159.3,25.7 L172.2,25" id="路径"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<path d="M624,70.7 C624,70.7 631.6,66.6 639,70.7" id="路径" stroke="#FFFFFF"></path>
|
||||||
|
<path d="M657.2,22.8 C657.2,22.8 671.2,17.5 716.5,48.2" id="路径" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||||
|
<path d="M720.5,51 C720.5,51 776.5,94.6 796.4,142.7" id="路径" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 11 KiB |
|
@ -211,7 +211,7 @@ defineExpose({
|
||||||
</div>
|
</div>
|
||||||
<div style="color: #999; padding: 2rem 0 0.3rem 0">应收金额(元):</div>
|
<div style="color: #999; padding: 2rem 0 0.3rem 0">应收金额(元):</div>
|
||||||
<div style="color: #f5222d; padding-bottom: 2rem">
|
<div style="color: #f5222d; padding-bottom: 2rem">
|
||||||
¥<span style="font-size: 1.6rem">{{ form.total_price }}</span>
|
¥<span style="font-size: 1.6rem">{{ form.order_price }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
v-loading="loading"
|
v-loading="loading"
|
||||||
|
@ -283,7 +283,7 @@ defineExpose({
|
||||||
.tips {
|
.tips {
|
||||||
width: 38rem;
|
width: 38rem;
|
||||||
height: 16rem;
|
height: 16rem;
|
||||||
background: url("https://multi-store.crmeb.net/view_cashier/img/alipay.d0e0aa1f.png");
|
background: url("https://lihai001.oss-cn-chengdu.aliyuncs.com/def/a4971202404051443356430.png");
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
|
@ -9,6 +9,8 @@ const userStore = useUserStore();
|
||||||
|
|
||||||
const merInfo = ref({});
|
const merInfo = ref({});
|
||||||
merInfo.value = userStore.userInfo.mer_info;
|
merInfo.value = userStore.userInfo.mer_info;
|
||||||
|
const service = ref({});
|
||||||
|
service.value = userStore.userInfo.service;
|
||||||
|
|
||||||
const getInfo = () => {
|
const getInfo = () => {
|
||||||
info().then((res) => {
|
info().then((res) => {
|
||||||
|
@ -36,18 +38,21 @@ const onLogout = () => {
|
||||||
<template>
|
<template>
|
||||||
<div class="my-card">
|
<div class="my-card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<el-image loading="lazy"
|
<el-image style="height: 3rem;width: 3rem;"
|
||||||
src="https://multi-store.crmeb.net/uploads/attach/store/2024/03/20240314/6cea2e0fd02480fc6fb62a9783a9ac43.png"
|
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/56a52202404051428413664.png"
|
||||||
></el-image>
|
></el-image>
|
||||||
<div class="card-title">里海收银系统</div>
|
<div class="card-title">里海收银系统</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<el-dropdown trigger="hover">
|
<el-dropdown trigger="hover">
|
||||||
<div class="el-dropdown-link">
|
<div class="el-dropdown-link">
|
||||||
<el-avatar :src="merInfo.mer_avatar" icon="user-filled"/>
|
<el-avatar :src="service.avatar" icon="user-filled"/>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div>{{ merInfo.mer_name }}</div>
|
<div>
|
||||||
<div>{{ merInfo.service_phone }}</div>
|
{{ service.nickname }}
|
||||||
|
<span style="margin-left: 0.3rem;">({{ merInfo.company_name || merInfo.mer_name }})</span>
|
||||||
|
</div>
|
||||||
|
<div>{{ userStore.userInfo.account }}</div>
|
||||||
</div>
|
</div>
|
||||||
<el-icon class="el-icon--right">
|
<el-icon class="el-icon--right">
|
||||||
<arrow-down />
|
<arrow-down />
|
||||||
|
|
|
@ -48,6 +48,7 @@ request.interceptors.response.use(
|
||||||
message: response.data.message,
|
message: response.data.message,
|
||||||
type: 'error',
|
type: 'error',
|
||||||
})
|
})
|
||||||
|
throw new Error(response.data.message);
|
||||||
}
|
}
|
||||||
return response.data;
|
return response.data;
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,9 +1,11 @@
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref } from "vue";
|
import { ref } from "vue";
|
||||||
import { cartListApi, cartDeleteApi, cartChangeApi } from "@/api/store.js";
|
import { cartListApi, cartDeleteApi, cartChangeApi } from "@/api/store.js";
|
||||||
|
import price from "./price.vue";
|
||||||
|
|
||||||
const list = ref([]);
|
const list = ref([]);
|
||||||
const allPrice = ref(0); //商品总价
|
const allPrice = ref(0); //商品总价
|
||||||
|
const discounts = ref(0); //优惠金额
|
||||||
|
|
||||||
const clearAll = () => {
|
const clearAll = () => {
|
||||||
let cart_id = [];
|
let cart_id = [];
|
||||||
|
@ -30,6 +32,7 @@ const deleteShop = (arr) => {
|
||||||
|
|
||||||
const getList = () => {
|
const getList = () => {
|
||||||
allPrice.value = 0;
|
allPrice.value = 0;
|
||||||
|
discounts.value = 0;
|
||||||
cartListApi({
|
cartListApi({
|
||||||
source: 300,
|
source: 300,
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
|
@ -70,10 +73,23 @@ const editItem = (id, data)=>{
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const changeAllPrice = (price)=>{
|
||||||
|
discounts.value = allPrice.value - price;
|
||||||
|
allPrice.value = +price;
|
||||||
|
}
|
||||||
|
|
||||||
|
const nowPrice = ref(0);
|
||||||
|
const priceRef = ref(null);
|
||||||
|
const showPrice = ()=>{
|
||||||
|
priceRef.value.show(true, allPrice.value);
|
||||||
|
}
|
||||||
|
|
||||||
defineExpose({
|
defineExpose({
|
||||||
getList,
|
getList,
|
||||||
list,
|
list,
|
||||||
editItem
|
editItem,
|
||||||
|
discounts,
|
||||||
|
allPrice
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -135,12 +151,12 @@ defineExpose({
|
||||||
<div class="total-item">
|
<div class="total-item">
|
||||||
优惠:
|
优惠:
|
||||||
<span
|
<span
|
||||||
>¥<span>{{ 0 }}</span></span
|
>¥<span>{{ discounts.toFixed(2) }}</span></span
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="update-price">
|
<div class="update-price">
|
||||||
<!-- <el-button class="btn" type="primary">改价</el-button> -->
|
<el-button class="btn" type="primary" @click="showPrice">改价</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="order-btn">
|
<div class="order-btn">
|
||||||
|
@ -149,6 +165,7 @@ defineExpose({
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<price ref="priceRef" @submit="changeAllPrice"></price>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -0,0 +1,79 @@
|
||||||
|
<script setup>
|
||||||
|
import { ref } from 'vue'
|
||||||
|
import { ElMessageBox } from 'element-plus'
|
||||||
|
|
||||||
|
const dialogVisible = ref(false)
|
||||||
|
|
||||||
|
const allPrice = ref(0)
|
||||||
|
const show = (e, p = 0)=>{
|
||||||
|
dialogVisible.value = e;
|
||||||
|
allPrice.value = p;
|
||||||
|
}
|
||||||
|
|
||||||
|
const priceInfo = ref({
|
||||||
|
nowPrice: '',
|
||||||
|
percentage: '',
|
||||||
|
})
|
||||||
|
|
||||||
|
const inputPrice = (e)=>{
|
||||||
|
priceInfo.value.percentage = (e / allPrice.value * 100).toFixed(2);
|
||||||
|
}
|
||||||
|
const inputPercentage = (e)=>{
|
||||||
|
priceInfo.value.nowPrice = (allPrice.value * e / 100).toFixed(2);
|
||||||
|
}
|
||||||
|
|
||||||
|
const emit = defineEmits(['submit'])
|
||||||
|
const submit = ()=>{
|
||||||
|
emit('submit', priceInfo.value.nowPrice);
|
||||||
|
dialogVisible.value = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
show
|
||||||
|
})
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<el-dialog
|
||||||
|
v-model="dialogVisible"
|
||||||
|
title="订单改价"
|
||||||
|
width="650"
|
||||||
|
>
|
||||||
|
<div class="price">
|
||||||
|
<div class="flex">
|
||||||
|
<el-input style="flex: 3;margin: 10px;height: 2.5rem;" v-model="priceInfo.nowPrice" placeholder="请输入改价后的价格" @input="inputPrice">
|
||||||
|
<template #suffix>元</template>
|
||||||
|
</el-input>
|
||||||
|
<el-input style="flex: 2;margin: 10px;height: 2.5rem;" v-model="priceInfo.percentage" placeholder="请输入比例" @input="inputPercentage">
|
||||||
|
<template #suffix>%</template>
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
<div style="margin: 10px;padding-bottom: 40px;">改价后金额: <span style="color: #f5222d;font-weight: bold;margin-left: 1rem;">¥{{ priceInfo.nowPrice || allPrice || ' - - ' }}</span></div>
|
||||||
|
</div>
|
||||||
|
<template #footer>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button class="ok-btn" type="primary" @click="submit">
|
||||||
|
确定
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.dialog-footer{
|
||||||
|
.ok-btn{
|
||||||
|
width: 100%;
|
||||||
|
height: 2.5rem;
|
||||||
|
border-radius: 2.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.price{
|
||||||
|
border-top: 1px solid #eee;
|
||||||
|
padding-top: 1rem;
|
||||||
|
.flex{
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -91,12 +91,17 @@ const editPupop = (item) => {
|
||||||
// 结算
|
// 结算
|
||||||
const checkOut = () => {
|
const checkOut = () => {
|
||||||
let cart_id = orderRef.value.list.map((item) => item.cart_id);
|
let cart_id = orderRef.value.list.map((item) => item.cart_id);
|
||||||
orderCheckApi({
|
let query = {
|
||||||
takes: [],
|
takes: [],
|
||||||
use_coupon: {},
|
use_coupon: {},
|
||||||
use_integral: false,
|
use_integral: false,
|
||||||
cart_id: cart_id,
|
cart_id: cart_id,
|
||||||
}).then((res) => {
|
}
|
||||||
|
if(orderRef.value.discounts>0){
|
||||||
|
query.deduction_price = orderRef.value.discounts.toFixed(2);
|
||||||
|
query.pay_type = "micropay";
|
||||||
|
}
|
||||||
|
orderCheckApi(query).then((res) => {
|
||||||
payRef.value.setForm({
|
payRef.value.setForm({
|
||||||
data: res.data,
|
data: res.data,
|
||||||
cart_id: cart_id,
|
cart_id: cart_id,
|
||||||
|
|
|
@ -42,6 +42,8 @@ const onLogin = () => {
|
||||||
});
|
});
|
||||||
login(formLogin.value)
|
login(formLogin.value)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
|
console.log(res);
|
||||||
|
if(res.data){
|
||||||
userStore.setToken(res.data.token);
|
userStore.setToken(res.data.token);
|
||||||
info().then(({data}) => {
|
info().then(({data}) => {
|
||||||
if(!data.service){
|
if(!data.service){
|
||||||
|
@ -53,12 +55,10 @@ const onLogin = () => {
|
||||||
userStore.setUserInfo(data);
|
userStore.setUserInfo(data);
|
||||||
router.push("/");
|
router.push("/");
|
||||||
});
|
});
|
||||||
|
}
|
||||||
})
|
})
|
||||||
.catch((err) => {
|
.catch((err) => {
|
||||||
ElMessage({
|
|
||||||
message: err.message,
|
|
||||||
type: "error",
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -106,7 +106,7 @@ onMounted(() => {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-image: url(https://multi-store.crmeb.net/view_cashier/img/bg.b8f6b872.png);
|
background-image: url(https://lihai001.oss-cn-chengdu.aliyuncs.com/def/78559202404051452598712.png);
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -10,7 +10,7 @@ const back = () => {
|
||||||
<div style="display: flex; justify-content: center; padding-top: 20vh">
|
<div style="display: flex; justify-content: center; padding-top: 20vh">
|
||||||
<el-image loading="lazy"
|
<el-image loading="lazy"
|
||||||
style="width: 30rem; height: 20rem"
|
style="width: 30rem; height: 20rem"
|
||||||
src="https://file.iviewui.com/iview-pro/icon-404-color.svg"
|
src="/src/assets/icon-404-color.svg"
|
||||||
></el-image>
|
></el-image>
|
||||||
<div style="display: flex;flex-direction: column;justify-content: center;padding-left: 3rem;">
|
<div style="display: flex;flex-direction: column;justify-content: center;padding-left: 3rem;">
|
||||||
<div style="font-size: 5rem; font-weight: bold">404</div>
|
<div style="font-size: 5rem; font-weight: bold">404</div>
|
||||||
|
|
Loading…
Reference in New Issue