99999
This commit is contained in:
parent
3e8417d555
commit
ea6d9740cc
|
|
@ -98,7 +98,7 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<scroll-view scroll-y :scroll-top="topNumber" @scroll="movedown" style="height: 730rpx;margin-top: 2%;"
|
||||
<scroll-view scroll-y :scroll-top="topNumber" @scroll="movedown" style="height: 770rpx;margin-top: 2%;"
|
||||
:show-scrollbar="false">
|
||||
<view class="swiper-flex">
|
||||
<view v-for="(item,index) in manyCard" :key="index">
|
||||
|
|
@ -164,9 +164,9 @@
|
|||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="down-contain">
|
||||
<!-- <view class="down-contain">
|
||||
<image class="down-contain-img" src="/static/index/warehouseCard/arrow.png" @click="movedownone" />
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
</view>
|
||||
<view class="weight-left">
|
||||
<view class="">总金额：</view>
|
||||
<view class="" style="color: red;">100.00</view>
|
||||
<view class="">100.00</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="weight-boom">
|
||||
|
|
@ -79,7 +79,7 @@
|
|||
挂账单
|
||||
</view>
|
||||
<view class="button-third" @click="openDrawer(2)">
|
||||
核销单
|
||||
销账单
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -151,7 +151,7 @@
|
|||
<view class="title-gray">
|
||||
采购单价：
|
||||
</view>
|
||||
<view class="title-red">
|
||||
<view class="title-black">
|
||||
0.1
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -159,7 +159,7 @@
|
|||
<view class="title-gray">
|
||||
采购金额：
|
||||
</view>
|
||||
<view class="title-red">
|
||||
<view class="title-black">
|
||||
10.12
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -172,7 +172,7 @@
|
|||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="draw-title" style="margin-top: 25rpx;">
|
||||
<view class="draw-title" style="margin-top: 35rpx;margin-bottom: 10rpx;">
|
||||
<view class="draw-flex">
|
||||
<view class="draw-title-gun"></view>
|
||||
<view class="draw-title-font">{{openType?`备注`:`作废原因`}}</view>
|
||||
|
|
@ -181,18 +181,13 @@
|
|||
</view>
|
||||
<view class="down-note">
|
||||
<textarea class="down-note-title-input" v-model="note" maxlength="300" placeholder-style="color:#999"
|
||||
:placeholder="openType?`请输入备注`:`请输入作废原因`" />
|
||||
:placeholder="openType?`请输入备注`:`不予采购`" />
|
||||
<text class="char-count">{{ note.length }}/300</text>
|
||||
</view>
|
||||
|
||||
<view class="button-card">
|
||||
<view class="swiper-button-white" @click="closedetail">
|
||||
关闭
|
||||
</view>
|
||||
<!-- <view class="swiper-button-blue">
|
||||
确认
|
||||
</view> -->
|
||||
</view>
|
||||
<!-- <view class="button-card">
|
||||
|
||||
</view> -->
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -172,9 +172,9 @@
|
|||
</view>
|
||||
|
||||
<view class="button-card">
|
||||
<view class="swiper-button-white" @click="closevoid">
|
||||
<!-- <view class="swiper-button-white" @click="closevoid">
|
||||
关闭
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="swiper-button-blue" @click="voidIt()">
|
||||
作废
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -14,8 +14,8 @@
|
|||
<view class="swiper-card-top-card">
|
||||
<view class="swiper-card-top-card-weight">
|
||||
<view class="weight-left">
|
||||
<view class="green-font">采购单号：</view>
|
||||
<view class="green-font" style="font-weight: 700;">A0120250301001</view>
|
||||
<view :class="dantype?`pouple-font`: `green-font`">采购单号：</view>
|
||||
<view :class="dantype?`pouple-font`: `green-font`" style="font-weight: 700;">A0120250301001</view>
|
||||
</view>
|
||||
<!-- <view class="weight-left">
|
||||
<view class="">总金额：</view>
|
||||
|
|
@ -66,7 +66,7 @@
|
|||
<view class="draw-title" style="margin-top: 25rpx;">
|
||||
<view class="draw-flex">
|
||||
<view class="draw-title-gun"></view>
|
||||
<view class="draw-title-font">入库单</view>
|
||||
<view class="draw-title-font">{{dantype?`挂账单`:`入库单`}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="radio-circle-top-father">
|
||||
|
|
@ -74,15 +74,17 @@
|
|||
<view class="swiper-all-flex">
|
||||
<view class="radio-circle-top">
|
||||
<view :class="!postItems?`radio-circle-target`: `radio-circle`" @click="postItems=0"></view>
|
||||
<view class="radio-font" @click="postItems=0">入库单号:A0120250301001555R01</view>
|
||||
<view class="radio-font" @click="postItems=0">{{ `${dantype?'挂账':'入库'}单号:A0120250301001555${dantype?'G':'R'}01` }} </view>
|
||||
</view>
|
||||
<view class="radio-circle-top">
|
||||
<view :class="postItems==1?`radio-circle-target`: `radio-circle`" @click="postItems=1;"></view>
|
||||
<view class="radio-font" @click="postItems=1">入库单号:A0120250301001555R02</view>
|
||||
<view :class="postItems==1?`radio-circle-target`: `radio-circle`" @click="postItems=1;">
|
||||
</view>
|
||||
<view class="radio-font" @click="postItems=1">{{ `${dantype?'挂账':'入库'}单号:A0120250301001555${dantype?'G':'R'}02` }}</view>
|
||||
</view>
|
||||
<view class="radio-circle-top">
|
||||
<view :class="postItems==2?`radio-circle-target`: `radio-circle`" @click="postItems=2;"></view>
|
||||
<view class="radio-font" @click="postItems=2">入库单号:A0120250301001555R03</view>
|
||||
<view :class="postItems==2?`radio-circle-target`: `radio-circle`" @click="postItems=2;">
|
||||
</view>
|
||||
<view class="radio-font" @click="postItems=2">{{ `${dantype?'挂账':'入库'}单号:A0120250301001555${dantype?'G':'R'}03` }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
|
@ -90,13 +92,13 @@
|
|||
<view class="ruku-time">
|
||||
<view style="display: flex;margin-left: 50rpx;">
|
||||
<view class="ruku-time-font">
|
||||
入库时间：
|
||||
{{`${dantype?'挂账':'入库'}时间：`}}
|
||||
</view>
|
||||
<view class="ruku-time-weight">
|
||||
<view class="ruku-time-font">
|
||||
2025.03.02 10:10:10
|
||||
</view>
|
||||
</view>
|
||||
<view class="button-first">
|
||||
<view class="button-first" @click="opensuixing">
|
||||
随行单
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -108,18 +110,12 @@
|
|||
<view class="swiper-card-top">
|
||||
<view class="swiper-card-top-card">
|
||||
<view class="card-img-father">
|
||||
<image class="card-img" src="/static/index/guan.png" />
|
||||
<view class="card-img-bgc">
|
||||
<image class="card-img" src="/static/index/guan.png" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-right">
|
||||
<view class="card-right-title">
|
||||
<view class="draw-flex">
|
||||
<view class="title-gray">
|
||||
货品名称：
|
||||
</view>
|
||||
<view class="title-black">
|
||||
引流袋(医用透明)
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-flex">
|
||||
<view class="title-gray">
|
||||
采购数量：
|
||||
|
|
@ -128,56 +124,93 @@
|
|||
10
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-right-other">
|
||||
<view class="draw-flex" style="width: 30%;">
|
||||
<view class="draw-flex">
|
||||
<view class="title-gray">
|
||||
货品编码：
|
||||
总金额：
|
||||
</view>
|
||||
<view class="title-black">
|
||||
FLYPO01
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-flex" style="width: 30%;">
|
||||
<view class="title-gray">
|
||||
规格型号：
|
||||
</view>
|
||||
<view class="title-black">
|
||||
6cm*7cm
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-flex" style="width: 30%;">
|
||||
<view class="title-gray">
|
||||
采购单位：
|
||||
</view>
|
||||
<view class="title-black">
|
||||
个
|
||||
1150
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-right-other">
|
||||
<view class="draw-flex" style="width: 30%;">
|
||||
<view class="title-gray">
|
||||
参考单价：
|
||||
<view class="card-right-bgc">
|
||||
<view class="card-boom">
|
||||
<view class="card-right-other">
|
||||
<!-- margin重叠问题 -->
|
||||
<view class="draw-flex" style="width: 35%;margin-left: 30rpx;">
|
||||
<view class="title-gray" style="margin-top: 15rpx;">
|
||||
货品编码:
|
||||
</view>
|
||||
<view class="title-black" style="margin-top: 15rpx;">
|
||||
FLYPO01
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-flex" style="width: 35%;">
|
||||
<view class="title-gray" style="margin-top: 15rpx;">
|
||||
规格型号:
|
||||
</view>
|
||||
<view class="title-black" style="margin-top: 15rpx;">
|
||||
6cm*7cm
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-flex" style="width: 30%;">
|
||||
<view class="title-gray" style="margin-top: 15rpx;">
|
||||
采购单位:
|
||||
</view>
|
||||
<view class="title-black" style="margin-top: 15rpx;">
|
||||
个
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="title-green">
|
||||
0.1
|
||||
|
||||
|
||||
<view class="card-right-other">
|
||||
<view class="draw-flex" style="width: 35%;margin-left: 30rpx;">
|
||||
<view class="title-gray">
|
||||
参考单价：
|
||||
</view>
|
||||
<view class="title-green">
|
||||
0.1
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-flex" style="width: 35%;">
|
||||
<view class="title-gray">
|
||||
采购单价：
|
||||
</view>
|
||||
<view class="title-black">
|
||||
0.1
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-flex" style="width: 30%;">
|
||||
<view class="title-gray">
|
||||
采购金额：
|
||||
</view>
|
||||
<view class="title-black">
|
||||
10.12
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-flex" style="width: 30%;">
|
||||
<view class="title-gray">
|
||||
采购单价：
|
||||
<view class="boom-other">
|
||||
<view class="boom-other-card">
|
||||
<image class="boom-other-img"
|
||||
src="/static/index/Warehousing/goku.png" />
|
||||
<view class="boom-other-font">入库数量</view>
|
||||
<view class="boom-other-weight">10</view>
|
||||
</view>
|
||||
<view class="title-red">
|
||||
0.1
|
||||
<view class="white-shu"></view>
|
||||
<view class="boom-other-card">
|
||||
<image class="boom-other-img"
|
||||
src="/static/index/Warehousing/guazhang.png" />
|
||||
<view class="boom-other-font">挂账数量</view>
|
||||
<view class="boom-other-weight">0</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-flex" style="width: 30%;">
|
||||
<view class="title-gray">
|
||||
采购金额：
|
||||
</view>
|
||||
<view class="title-red">
|
||||
10.12
|
||||
<view class="white-shu"></view>
|
||||
<view class="boom-other-card">
|
||||
<image class="boom-other-img"
|
||||
src="/static/index/Warehousing/hexiao.png" />
|
||||
<view class="boom-other-font">核销数量</view>
|
||||
<view class="boom-other-weight">0</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -189,27 +222,35 @@
|
|||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="draw-title" style="margin-top: 25rpx;">
|
||||
<view class="draw-title" style="margin-top: 35rpx;margin-bottom: 30rpx;">
|
||||
<view class="draw-flex">
|
||||
<view class="draw-title-gun"></view>
|
||||
<view class="draw-title-font">作废原因</view>
|
||||
<view class="draw-red">*</view>
|
||||
<view class="draw-title-font">拣货拍照</view>
|
||||
<!-- <view class="draw-red">*</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="down-note">
|
||||
<textarea class="down-note-title-input" v-model="note" maxlength="300" placeholder-style="color:#999"
|
||||
<image class="down-note-img" style="margin-left: 40rpx;" src="/static/index/Warehousing/zuo.png" />
|
||||
<scroll-view scroll-x style="height: 100%;width: 950rpx;" :show-scrollbar="false">
|
||||
<view style="display: flex;">
|
||||
<view v-for="(item,index) in [1,1,1,1,1,1,1,1,1,1,1]" :key="index" @click="openPhoto" >
|
||||
<image class="down-note-photo" src="/static/index/Warehousing/photo.png" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</scroll-view>
|
||||
<image class="down-note-img" src="/static/index/Warehousing/you.png" />
|
||||
<!-- <textarea class="down-note-title-input" v-model="note" maxlength="300" placeholder-style="color:#999"
|
||||
placeholder="请输入作废原因" />
|
||||
<text class="char-count">{{ note.length }}/300</text>
|
||||
<text class="char-count">{{ note.length }}/300</text> -->
|
||||
</view>
|
||||
|
||||
<view class="button-card">
|
||||
<!-- <view class="button-card">
|
||||
<view class="swiper-button-white" @click="closevoid">
|
||||
关闭
|
||||
</view>
|
||||
<view class="swiper-button-blue" @click="voidIt()">
|
||||
作废
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view> -->
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -220,9 +261,13 @@
|
|||
const note = ref("");
|
||||
const calendarShow = ref(false);
|
||||
const stateTarget = ref("");
|
||||
const emit = defineEmits(['voidIt', "closevoid"])
|
||||
const emit = defineEmits(['opensuixing', "closevoid"])
|
||||
const props = defineProps({
|
||||
|
||||
dantype: {
|
||||
type: Number,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
const postItems = ref(0);
|
||||
// const stateArray = ['已作废', '未确认', '已确认', '未完结', '待结账', '已结账'];
|
||||
|
|
@ -236,15 +281,18 @@
|
|||
const calendarchange = (e : any) => {
|
||||
stateTarget.value = e.result
|
||||
}
|
||||
const voidIt = () => {
|
||||
emit('voidIt')
|
||||
const opensuixing = () => {
|
||||
emit('opensuixing')
|
||||
}
|
||||
const closevoid = () => {
|
||||
emit('closevoid')
|
||||
}
|
||||
// const opendetail = () => {
|
||||
// emit('opendetail')
|
||||
// }
|
||||
const openPhoto = () => {
|
||||
uni.previewImage({
|
||||
urls: [ "/static/index/Warehousing/photo.png" ]
|
||||
})
|
||||
console.log("????")
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
|
|
@ -395,10 +443,10 @@
|
|||
.swiper-card {
|
||||
margin: 0 0 30rpx 30rpx;
|
||||
width: 1010rpx;
|
||||
height: 230rpx;
|
||||
height: 260rpx;
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 30rpx;
|
||||
background: url("/static/index/blueMountain.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||
background: url("/static/index/blueMountain.png") center/cover, rgba(255, 255, 255, 0.6);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 5rpx 5rpx 10rpx 0rpx #839fcc;
|
||||
|
|
@ -436,15 +484,29 @@
|
|||
|
||||
.card-img-father {
|
||||
height: 100%;
|
||||
width: 230rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 210rpx;
|
||||
|
||||
// background-color: #fff;
|
||||
.card-img-bgc {
|
||||
// margin-top: -15rpx;
|
||||
// margin-top: 30rpx;
|
||||
margin-top: 20rpx;
|
||||
margin-left: -15rpx;
|
||||
display: flex;
|
||||
width: 200rpx;
|
||||
height: 220rpx;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: rgb(238, 243, 253);
|
||||
border-radius: 25rpx;
|
||||
box-shadow: 2rpx 2rpx 4rpx 0rpx #839fcc;
|
||||
}
|
||||
|
||||
.card-img {
|
||||
margin-top: -15rpx;
|
||||
|
||||
// 图片切的有问题
|
||||
width: 70%;
|
||||
height: 70%;
|
||||
width: 130rpx;
|
||||
height: 130rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -457,7 +519,9 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-weight: 700;
|
||||
margin: 30rpx 0;
|
||||
// margin: 20rpx 0;
|
||||
margin-top: 20rpx;
|
||||
margin-bottom: 5rpx;
|
||||
|
||||
.title-gray {
|
||||
color: #596278;
|
||||
|
|
@ -470,7 +534,7 @@
|
|||
}
|
||||
|
||||
.card-right-other {
|
||||
margin-top: 20rpx;
|
||||
margin-top: 15rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
@ -499,7 +563,9 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 10rpx;
|
||||
// margin: 0 10rpx;
|
||||
margin-right: 20rpx;
|
||||
|
||||
}
|
||||
|
||||
.swiper-button-blue {
|
||||
|
|
@ -530,43 +596,60 @@
|
|||
align-items: center;
|
||||
position: relative;
|
||||
margin-top: -10rpx;
|
||||
display: flex;
|
||||
|
||||
.down-note-img {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
|
||||
.down-note-photo {
|
||||
height: 150rpx;
|
||||
width: 200rpx;
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.down-note-title-input {
|
||||
width: calc(100% - 100rpx);
|
||||
margin-left: 40rpx;
|
||||
height: 120rpx;
|
||||
font-size: 27rpx;
|
||||
border: 2rpx #a0adc8 solid;
|
||||
padding: 15rpx 0 15rpx 20rpx;
|
||||
background-color: rgba(234, 243, 254, 0.6);
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
// .down-note-title-input {
|
||||
// width: calc(100% - 100rpx);
|
||||
// margin-left: 40rpx;
|
||||
// height: 120rpx;
|
||||
// font-size: 27rpx;
|
||||
// border: 2rpx #a0adc8 solid;
|
||||
// padding: 15rpx 0 15rpx 20rpx;
|
||||
// background-color: rgba(234, 243, 254, 0.6);
|
||||
// border-radius: 30rpx;
|
||||
// }
|
||||
|
||||
.char-count {
|
||||
position: absolute;
|
||||
bottom: 30rpx;
|
||||
right: 70rpx;
|
||||
color: #999;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
// .char-count {
|
||||
// position: absolute;
|
||||
// bottom: 30rpx;
|
||||
// right: 70rpx;
|
||||
// color: #999;
|
||||
// font-size: 25rpx;
|
||||
// }
|
||||
|
||||
.draw-red {
|
||||
color: red;
|
||||
font-size: 40rpx;
|
||||
margin-top: -10rpx;
|
||||
}
|
||||
// .draw-red {
|
||||
// color: red;
|
||||
// font-size: 40rpx;
|
||||
// margin-top: -10rpx;
|
||||
// }
|
||||
|
||||
.green-font {
|
||||
// background-color: #28CFB3;
|
||||
color: #28CFB3;
|
||||
}
|
||||
.pouple-font {
|
||||
// background-color: #28CFB3;
|
||||
color: #8296E9;
|
||||
}
|
||||
|
||||
.radio-circle-top-father {
|
||||
// overflow: auto;
|
||||
display: flex;
|
||||
margin: 0 0 0 80rpx;
|
||||
height: 50rpx;
|
||||
|
||||
.radio-circle-top {
|
||||
// margin-top: 30rpx;
|
||||
// width: 2000rpx;
|
||||
|
|
@ -612,26 +695,29 @@
|
|||
font-size: 25rpx;
|
||||
}
|
||||
}
|
||||
.ruku-time{
|
||||
|
||||
.ruku-time {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
height: 60rpx;
|
||||
|
||||
.ruku-time-font{
|
||||
.ruku-time-font {
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
.ruku-time-weight{
|
||||
|
||||
.ruku-time-weight {
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
.button-first{
|
||||
|
||||
.button-first {
|
||||
width: 120rpx;
|
||||
height: 50rpx;
|
||||
border-radius: 20rpx;
|
||||
border-radius: 15rpx;
|
||||
margin-right: 15rpx;
|
||||
background: linear-gradient(to bottom right,#00C3AC,#28CFB3);
|
||||
background: linear-gradient(to bottom right, #00C3AC, #28CFB3);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
@ -640,4 +726,64 @@
|
|||
margin-top: -5rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.title-weight-red {
|
||||
color: #FF4A27;
|
||||
}
|
||||
|
||||
.card-right-bgc {
|
||||
width: 730rpx;
|
||||
height: 175rpx;
|
||||
background-color: rgb(238, 243, 253);
|
||||
border-radius: 25rpx;
|
||||
// border: 2rpx solid #fff;
|
||||
border: 2rpx solid #fff;
|
||||
}
|
||||
|
||||
.boom-other {
|
||||
width: 727rpx;
|
||||
height: 55rpx;
|
||||
// background-color: red;
|
||||
display: flex;
|
||||
|
||||
.boom-other-card {
|
||||
width: 250rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
// background-color: #fff;
|
||||
.boom-other-img {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-left: 15rpx;
|
||||
// margin-top: -5rpx;
|
||||
}
|
||||
|
||||
.boom-other-font {
|
||||
margin-left: 5rpx;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
|
||||
.boom-other-weight {
|
||||
font-weight: 700;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card-boom {
|
||||
margin-top: -15rpx;
|
||||
width: 727rpx;
|
||||
height: 120rpx;
|
||||
border-radius: 25rpx;
|
||||
background-color: rgb(218, 226, 245);
|
||||
}
|
||||
|
||||
.white-shu {
|
||||
width: 2rpx;
|
||||
// margin-top: 5rpx;
|
||||
height: 40rpx;
|
||||
background-color: #fff;
|
||||
margin: 8rpx 5rpx 0 5rpx;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,664 @@
|
|||
<!-- 入库单 -->
|
||||
<template>
|
||||
<view class="draw-all">
|
||||
<view class="draw-contain">
|
||||
<view class="draw-title">
|
||||
<view class="draw-flex">
|
||||
<view class="draw-title-gun"></view>
|
||||
<view class="draw-title-font">入库单</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-card-once">
|
||||
<view class="swiper-card-top">
|
||||
<view class="swiper-card-top-card">
|
||||
<view class="swiper-card-top-card-weight">
|
||||
<view class="weight-left">
|
||||
<view class="green-font">采购单号：</view>
|
||||
<view class="green-font" style="font-weight: 700;">A0120250301001</view>
|
||||
</view>
|
||||
<!-- <view class="weight-left">
|
||||
<view class="">总金额：</view>
|
||||
<view class="" style="color: red;">100.00</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<!-- <view class="weight-boom"> -->
|
||||
<view class="swiper-card-top-card-noral">
|
||||
<view class="swiper-all-flex">
|
||||
<view class="swiper-gray">
|
||||
采购人：
|
||||
</view>
|
||||
<view class="swiper-black">
|
||||
王法
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-all-flex" style="width: 55%;">
|
||||
<view class="swiper-gray">
|
||||
采购日期：
|
||||
</view>
|
||||
<view class="swiper-black">
|
||||
2025.03.02
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-card-top-card-noral" style="margin-top: 15rpx;">
|
||||
<view class="swiper-all-flex">
|
||||
<view class="swiper-gray">
|
||||
付款方式：
|
||||
</view>
|
||||
<view class="swiper-black">
|
||||
月结
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-all-flex" style="width: 55%;">
|
||||
<view class="swiper-gray">
|
||||
供应商：
|
||||
</view>
|
||||
<view class="swiper-black">
|
||||
宽城区珂爱个人卫生用品店
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- </view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-title" style="margin-top: 50rpx;">
|
||||
<view class="draw-flex">
|
||||
<view class="draw-title-gun"></view>
|
||||
<view class="draw-title-font">随行单</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="scroll-view">
|
||||
<scroll-view scroll-y style="height: 100%;" :show-scrollbar="false">
|
||||
<view v-for="(item,index) in [1,1,1,1,1,1]" :key="index">
|
||||
<view class="card-father">
|
||||
<view class="card-white">
|
||||
<image class="card-white-photo" src="/static/index/Warehousing/photo.png" />
|
||||
</view>
|
||||
<view class="down-title">
|
||||
<view class="down-title-flex">
|
||||
<image class="down-title-photo" src="/static/index/Warehousing/shangchuanpeople.png" />
|
||||
<view style="margin-left: 10rpx;">上传人:</view>
|
||||
<view style="font-weight: 700;">王法</view>
|
||||
</view>
|
||||
<view class="down-title-flex">
|
||||
<image class="down-title-photo" src="/static/index/Warehousing/shangchuantime.png" />
|
||||
<view style="margin-left: 10rpx;">上传时间:</view>
|
||||
<view style="font-weight: 500;">2025.03.01 10:00:00</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
<view class="button-card">
|
||||
<!-- <view class="swiper-button-white" @click="closevoid">
|
||||
关闭
|
||||
</view> -->
|
||||
<!-- <view class="swiper-button-blue" @click="voidIt()">
|
||||
作废
|
||||
</view> -->
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick, defineProps, defineEmits, watch } from 'vue';
|
||||
const note = ref("");
|
||||
const calendarShow = ref(false);
|
||||
const stateTarget = ref("");
|
||||
const emit = defineEmits(['opensuixing', "closevoid"])
|
||||
const props = defineProps({
|
||||
|
||||
});
|
||||
const postItems = ref(0);
|
||||
// const stateArray = ['已作废', '未确认', '已确认', '未完结', '待结账', '已结账'];
|
||||
// 初始化左侧菜单列表
|
||||
const buttonList = ref([
|
||||
{ url: '/static/index/Warehousing/sousuo.png', name: '查询' },
|
||||
{ url: '/static/index/Warehousing/chongzhi.png', name: '重置' },
|
||||
|
||||
]);
|
||||
// const emit = defineEmits(['opendetail'])
|
||||
const calendarchange = (e : any) => {
|
||||
stateTarget.value = e.result
|
||||
}
|
||||
const opensuixing = () => {
|
||||
emit('opensuixing')
|
||||
}
|
||||
const closevoid = () => {
|
||||
emit('closevoid')
|
||||
}
|
||||
// const opendetail = () => {
|
||||
// emit('opendetail')
|
||||
// }
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.draw-all {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
border-top-left-radius: 80rpx;
|
||||
border-bottom-left-radius: 80rpx;
|
||||
overflow: hidden;
|
||||
|
||||
.draw-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.draw-contain {
|
||||
width: 100%;
|
||||
height: calc(100vh);
|
||||
background-image: url("/static/index/fanpink.png");
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-gray {
|
||||
color: #596278;
|
||||
}
|
||||
|
||||
.draw-title {
|
||||
width: 100%;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 80rpx;
|
||||
margin-left: 20rpx;
|
||||
|
||||
.draw-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.draw-title-gun {
|
||||
margin-left: 20rpx;
|
||||
margin-right: 20rpx;
|
||||
width: 13rpx;
|
||||
height: 40rpx;
|
||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.draw-title-font {
|
||||
font-size: 35rpx;
|
||||
font-weight: 700;
|
||||
margin-top: -3rpx;
|
||||
}
|
||||
|
||||
.draw-title-blue {
|
||||
height: 50rpx;
|
||||
width: 120rpx;
|
||||
margin-right: 50rpx;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 10rpx;
|
||||
border: 1rpx solid #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.scroll-view {
|
||||
height: 980rpx;
|
||||
width: calc(100% - 80rpx);
|
||||
margin-left: 40rpx;
|
||||
border-radius: 40rpx;
|
||||
border: 2rpx solid #fff;
|
||||
box-shadow: 4rpx 8rpx 16rpx 4rpx #839fcc;
|
||||
overflow: hidden;
|
||||
.card-father{
|
||||
margin: 10rpx 0 20rpx 23rpx;
|
||||
width: 800rpx;
|
||||
height: 350rpx;
|
||||
border-radius: 30rpx;
|
||||
box-shadow: 4rpx 8rpx 16rpx 4rpx #839fcc;
|
||||
background: url("/static/index/blueMountain.png") center/cover, rgba(255, 255, 255, 0.7);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
// justify-content: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.down-title{
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
// background-color: red;
|
||||
padding: 0 50rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.down-title-flex{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.down-title-photo{
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
}
|
||||
}
|
||||
.card-white{
|
||||
width: 740rpx;
|
||||
height: 250rpx;
|
||||
margin-top: 20rpx;
|
||||
margin-left: 30rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 30rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.card-white-photo{
|
||||
width: 260rpx;
|
||||
height: 180rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-card-once {
|
||||
margin: 20rpx 0 0rpx 30rpx;
|
||||
width: 870rpx;
|
||||
height: 220rpx;
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 30rpx;
|
||||
background: url("/static/index/blueMountain.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 5rpx 5rpx 10rpx 0rpx #839fcc;
|
||||
overflow: hidden;
|
||||
padding: 0 40rpx;
|
||||
|
||||
.swiper-card-top {
|
||||
width: 100%;
|
||||
height: 220rpx;
|
||||
display: flex;
|
||||
|
||||
.swiper-card-top-card {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
.swiper-card-top-card-weight {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 25rpx 0;
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
|
||||
.weight-left {
|
||||
display: flex;
|
||||
|
||||
.blue-number {
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
color: #017DE9;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.weight-right {
|
||||
color: #FF6000;
|
||||
font-weight: 500;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.swiper-card-top-card-noral {
|
||||
// margin-left: 50rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 30rpx;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-flex {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-left: 0rpx;
|
||||
|
||||
.swiper-card {
|
||||
margin: 0 0 30rpx 30rpx;
|
||||
width: 1010rpx;
|
||||
height: 260rpx;
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 30rpx;
|
||||
background: url("/static/index/blueMountain.png") center/cover, rgba(255, 255, 255, 0.6);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 5rpx 5rpx 10rpx 0rpx #839fcc;
|
||||
overflow: hidden;
|
||||
padding: 0 40rpx;
|
||||
|
||||
.swiper-card-top {
|
||||
width: 100%;
|
||||
height: 270rpx;
|
||||
|
||||
.swiper-card-top-card {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.index-right-button-blue {
|
||||
height: 50rpx;
|
||||
width: 100rpx;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 10rpx;
|
||||
border: 1rpx solid #fff;
|
||||
}
|
||||
|
||||
.swiper-all-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.card-img-father {
|
||||
height: 100%;
|
||||
width: 210rpx;
|
||||
|
||||
// background-color: #fff;
|
||||
.card-img-bgc {
|
||||
// margin-top: -15rpx;
|
||||
// margin-top: 30rpx;
|
||||
margin-top: 20rpx;
|
||||
margin-left: -15rpx;
|
||||
display: flex;
|
||||
width: 200rpx;
|
||||
height: 220rpx;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: rgb(238, 243, 253);
|
||||
border-radius: 25rpx;
|
||||
box-shadow: 2rpx 2rpx 4rpx 0rpx #839fcc;
|
||||
}
|
||||
|
||||
.card-img {
|
||||
|
||||
// 图片切的有问题
|
||||
width: 130rpx;
|
||||
height: 130rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.card-right {
|
||||
width: calc(100% - 230rpx);
|
||||
height: 100%;
|
||||
|
||||
.card-right-title {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-weight: 700;
|
||||
// margin: 20rpx 0;
|
||||
margin-top: 20rpx;
|
||||
margin-bottom: 5rpx;
|
||||
|
||||
.title-gray {
|
||||
color: #596278;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.title-black {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.card-right-other {
|
||||
margin-top: 15rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 25rpx;
|
||||
|
||||
.title-gray {
|
||||
color: #596278;
|
||||
}
|
||||
|
||||
.title-green {
|
||||
color: #647900;
|
||||
}
|
||||
|
||||
.title-red {
|
||||
color: #FF4A27;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-button-white {
|
||||
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 20rpx;
|
||||
width: 200rpx;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
// margin: 0 10rpx;
|
||||
margin-right: 20rpx;
|
||||
|
||||
}
|
||||
|
||||
.swiper-button-blue {
|
||||
background: linear-gradient(to bottom, #FF8251, #F52E2C);
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 20rpx;
|
||||
width: 200rpx;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 10rpx;
|
||||
color: #fff;
|
||||
margin-right: 40rpx;
|
||||
}
|
||||
|
||||
.button-card {
|
||||
margin-top: 30rpx;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.down-note {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
height: 170rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
margin-top: -10rpx;
|
||||
display: flex;
|
||||
.down-note-img{
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
.down-note-photo{
|
||||
height: 150rpx;
|
||||
width: 200rpx;
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
// .down-note-title-input {
|
||||
// width: calc(100% - 100rpx);
|
||||
// margin-left: 40rpx;
|
||||
// height: 120rpx;
|
||||
// font-size: 27rpx;
|
||||
// border: 2rpx #a0adc8 solid;
|
||||
// padding: 15rpx 0 15rpx 20rpx;
|
||||
// background-color: rgba(234, 243, 254, 0.6);
|
||||
// border-radius: 30rpx;
|
||||
// }
|
||||
|
||||
// .char-count {
|
||||
// position: absolute;
|
||||
// bottom: 30rpx;
|
||||
// right: 70rpx;
|
||||
// color: #999;
|
||||
// font-size: 25rpx;
|
||||
// }
|
||||
|
||||
// .draw-red {
|
||||
// color: red;
|
||||
// font-size: 40rpx;
|
||||
// margin-top: -10rpx;
|
||||
// }
|
||||
|
||||
.green-font {
|
||||
// background-color: #28CFB3;
|
||||
color: #28CFB3;
|
||||
}
|
||||
|
||||
.radio-circle-top-father {
|
||||
// overflow: auto;
|
||||
display: flex;
|
||||
margin: 0 0 0 80rpx;
|
||||
height: 50rpx;
|
||||
|
||||
.radio-circle-top {
|
||||
// margin-top: 30rpx;
|
||||
// width: 2000rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.radio-circle {
|
||||
position: relative;
|
||||
margin-top: 2rpx;
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 50%;
|
||||
border: 2rpx solid rgb(2, 171, 254);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.radio-circle-target {
|
||||
position: relative;
|
||||
margin-top: 2rpx;
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 50%;
|
||||
border: 2rpx solid rgb(2, 171, 254);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.radio-circle-target::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
background-color: rgb(2, 171, 254);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.radio-font {
|
||||
margin-left: 15rpx;
|
||||
margin-right: 60rpx;
|
||||
width: 400rpx;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.ruku-time {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
height: 60rpx;
|
||||
|
||||
.ruku-time-font {
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.ruku-time-weight {
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.button-first {
|
||||
width: 120rpx;
|
||||
height: 50rpx;
|
||||
border-radius: 20rpx;
|
||||
margin-right: 15rpx;
|
||||
background: linear-gradient(to bottom right, #00C3AC, #28CFB3);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 40rpx;
|
||||
margin-top: -5rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.title-weight-red {
|
||||
color: #FF4A27;
|
||||
}
|
||||
|
||||
.card-right-bgc {
|
||||
width: 730rpx;
|
||||
height: 175rpx;
|
||||
background-color: rgb(238, 243, 253);
|
||||
border-radius: 25rpx;
|
||||
// border: 2rpx solid #fff;
|
||||
border: 2rpx solid #fff;
|
||||
}
|
||||
.boom-other{
|
||||
width: 727rpx;
|
||||
height: 55rpx;
|
||||
// background-color: red;
|
||||
display: flex;
|
||||
.boom-other-card{
|
||||
width: 250rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// background-color: #fff;
|
||||
.boom-other-img{
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-left: 15rpx;
|
||||
// margin-top: -5rpx;
|
||||
}
|
||||
.boom-other-font{
|
||||
margin-left: 5rpx;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
.boom-other-weight{
|
||||
font-weight: 700;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.card-boom {
|
||||
margin-top: -15rpx;
|
||||
width: 727rpx;
|
||||
height: 120rpx;
|
||||
border-radius: 25rpx;
|
||||
background-color: rgb(218, 226, 245);
|
||||
}
|
||||
.white-shu{
|
||||
width: 2rpx;
|
||||
// margin-top: 5rpx;
|
||||
height: 40rpx;
|
||||
background-color: #fff;
|
||||
margin: 8rpx 5rpx 0 5rpx ;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,784 @@
|
|||
<!-- 入库单 -->
|
||||
<template>
|
||||
<view class="draw-all">
|
||||
<view class="draw-contain">
|
||||
<!-- 解决margin重叠问题 -->
|
||||
<!-- <view class="draw-title">
|
||||
<view class="draw-flex">
|
||||
<view class="draw-title-gun"></view>
|
||||
<view class="draw-title-font">采购单</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="swiper-card-once">
|
||||
<view class="swiper-card-top">
|
||||
<view class="swiper-card-top-card">
|
||||
<view class="swiper-card-top-card-weight">
|
||||
<view class="weight-left">
|
||||
<view class="green-font">采购单号：</view>
|
||||
<view class="green-font" style="font-weight: 700;">A0120250301001</view>
|
||||
</view>
|
||||
<!-- <view class="weight-left">
|
||||
<view class="">总金额：</view>
|
||||
<view class="" style="color: red;">100.00</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<!-- <view class="weight-boom"> -->
|
||||
<view class="swiper-card-top-card-noral">
|
||||
<view class="swiper-all-flex">
|
||||
<view class="swiper-gray">
|
||||
采购人：
|
||||
</view>
|
||||
<view class="swiper-black">
|
||||
王法
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-all-flex" style="width: 55%;">
|
||||
<view class="swiper-gray">
|
||||
采购日期：
|
||||
</view>
|
||||
<view class="swiper-black">
|
||||
2025.03.02
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-card-top-card-noral" style="margin-top: 15rpx;">
|
||||
<view class="swiper-all-flex">
|
||||
<view class="swiper-gray">
|
||||
付款方式：
|
||||
</view>
|
||||
<view class="swiper-black">
|
||||
月结
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-all-flex" style="width: 55%;">
|
||||
<view class="swiper-gray">
|
||||
供应商：
|
||||
</view>
|
||||
<view class="swiper-black">
|
||||
宽城区珂爱个人卫生用品店
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- </view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-title" style="margin-top: 25rpx;">
|
||||
<view class="draw-flex">
|
||||
<view class="draw-title-gun"></view>
|
||||
<view class="draw-title-font">销账单</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="radio-circle-top-father">
|
||||
<scroll-view scroll-x style="height: 100%;" :show-scrollbar="false">
|
||||
<view class="swiper-all-flex">
|
||||
<view class="radio-circle-top">
|
||||
<view :class="!postItems?`radio-circle-target`: `radio-circle`" @click="postItems=0"></view>
|
||||
<view class="radio-font" @click="postItems=0">销账单号:A0120250301001555X01</view>
|
||||
</view>
|
||||
<view class="radio-circle-top">
|
||||
<view :class="postItems==1?`radio-circle-target`: `radio-circle`" @click="postItems=1;">
|
||||
</view>
|
||||
<view class="radio-font" @click="postItems=1">销账单号:A0120250301001555RX2</view>
|
||||
</view>
|
||||
<view class="radio-circle-top">
|
||||
<view :class="postItems==2?`radio-circle-target`: `radio-circle`" @click="postItems=2;">
|
||||
</view>
|
||||
<view class="radio-font" @click="postItems=2">销账单号:A0120250301001555X03</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="ruku-time">
|
||||
<view style="display: flex;margin-left: 50rpx;">
|
||||
<view class="ruku-time-font">
|
||||
销账时间：
|
||||
</view>
|
||||
<view class="ruku-time-font">
|
||||
2025.03.02 10:10:10
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="button-first" @click="opensuixing">
|
||||
随行单
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="scroll-view">
|
||||
<scroll-view scroll-y style="height: 93%;margin-top: 2%;" :show-scrollbar="false">
|
||||
<view class="swiper-flex">
|
||||
<view v-for="(item,index) in [1,1,1,1,1,1,1,1,1,1,1,1,1]" :key="index">
|
||||
<view class="swiper-card">
|
||||
<view class="swiper-card-top">
|
||||
<view class="swiper-card-top-card">
|
||||
<view class="card-img-father">
|
||||
<view class="card-img-bgc">
|
||||
<image class="card-img" src="/static/index/guan.png" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-right">
|
||||
<view class="card-right-title">
|
||||
<view class="draw-flex">
|
||||
<view class="title-gray">
|
||||
采购数量：
|
||||
</view>
|
||||
<view class="title-black">
|
||||
10
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-flex">
|
||||
<view class="title-gray">
|
||||
总金额：
|
||||
</view>
|
||||
<view class="title-black">
|
||||
1150
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-right-bgc">
|
||||
<view class="card-boom">
|
||||
<view class="card-right-other">
|
||||
<!-- margin重叠问题 -->
|
||||
<view class="draw-flex" style="width: 35%;margin-left: 30rpx;">
|
||||
<view class="title-gray" style="margin-top: 15rpx;">
|
||||
货品编码:
|
||||
</view>
|
||||
<view class="title-black" style="margin-top: 15rpx;">
|
||||
FLYPO01
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-flex" style="width: 35%;">
|
||||
<view class="title-gray" style="margin-top: 15rpx;">
|
||||
规格型号:
|
||||
</view>
|
||||
<view class="title-black" style="margin-top: 15rpx;">
|
||||
6cm*7cm
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-flex" style="width: 30%;">
|
||||
<view class="title-gray" style="margin-top: 15rpx;">
|
||||
采购单位:
|
||||
</view>
|
||||
<view class="title-black" style="margin-top: 15rpx;">
|
||||
个
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="card-right-other">
|
||||
<view class="draw-flex" style="width: 35%;margin-left: 30rpx;">
|
||||
<view class="title-gray">
|
||||
参考单价：
|
||||
</view>
|
||||
<view class="title-green">
|
||||
0.1
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-flex" style="width: 35%;">
|
||||
<view class="title-gray">
|
||||
采购单价：
|
||||
</view>
|
||||
<view class="title-black">
|
||||
0.1
|
||||
</view>
|
||||
</view>
|
||||
<view class="draw-flex" style="width: 30%;">
|
||||
<view class="title-gray">
|
||||
采购金额：
|
||||
</view>
|
||||
<view class="title-black">
|
||||
10.12
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="boom-other">
|
||||
<view class="boom-other-card">
|
||||
<image class="boom-other-img"
|
||||
src="/static/index/Warehousing/goku.png" />
|
||||
<view class="boom-other-font">入库数量</view>
|
||||
<view class="boom-other-weight">10</view>
|
||||
</view>
|
||||
<view class="white-shu"></view>
|
||||
<view class="boom-other-card">
|
||||
<image class="boom-other-img"
|
||||
src="/static/index/Warehousing/guazhang.png" />
|
||||
<view class="boom-other-font">挂账数量</view>
|
||||
<view class="boom-other-weight">0</view>
|
||||
</view>
|
||||
<view class="white-shu"></view>
|
||||
<view class="boom-other-card">
|
||||
<image class="boom-other-img"
|
||||
src="/static/index/Warehousing/hexiao.png" />
|
||||
<view class="boom-other-font">核销数量</view>
|
||||
<view class="boom-other-weight">0</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<!-- <view class="draw-title" style="margin-top: 35rpx;margin-bottom: 10rpx;">
|
||||
<view class="draw-flex">
|
||||
<view class="draw-title-gun"></view>
|
||||
<view class="draw-title-font">拣货拍照</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- <view class="down-note">
|
||||
<image class="down-note-img" style="margin-left: 40rpx;" src="/static/index/Warehousing/zuo.png" />
|
||||
<scroll-view scroll-x style="height: 100%;width: 950rpx;" :show-scrollbar="false">
|
||||
<view style="display: flex;">
|
||||
<view v-for="(item,index) in [1,1,1,1,1,1,1,1,1,1,1]" :key="index" >
|
||||
<image class="down-note-photo" src="/static/index/Warehousing/photo.png" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</scroll-view>
|
||||
<image class="down-note-img" src="/static/index/Warehousing/you.png" />
|
||||
|
||||
</view> -->
|
||||
|
||||
<!-- <view class="button-card">
|
||||
<view class="swiper-button-white" @click="closehexiao">
|
||||
关闭
|
||||
</view>
|
||||
|
||||
</view> -->
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick, defineProps, defineEmits, watch } from 'vue';
|
||||
const note = ref("");
|
||||
const calendarShow = ref(false);
|
||||
const stateTarget = ref("");
|
||||
const emit = defineEmits(['opensuixing', "closehexiao"])
|
||||
const props = defineProps({
|
||||
|
||||
});
|
||||
const postItems = ref(0);
|
||||
// const stateArray = ['已作废', '未确认', '已确认', '未完结', '待结账', '已结账'];
|
||||
// 初始化左侧菜单列表
|
||||
const buttonList = ref([
|
||||
{ url: '/static/index/Warehousing/sousuo.png', name: '查询' },
|
||||
{ url: '/static/index/Warehousing/chongzhi.png', name: '重置' },
|
||||
|
||||
]);
|
||||
// const emit = defineEmits(['opendetail'])
|
||||
const calendarchange = (e : any) => {
|
||||
stateTarget.value = e.result
|
||||
}
|
||||
const opensuixing = () => {
|
||||
emit('opensuixing')
|
||||
}
|
||||
const closehexiao = () => {
|
||||
emit('closehexiao')
|
||||
}
|
||||
// const opendetail = () => {
|
||||
// emit('opendetail')
|
||||
// }
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.draw-all {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
border-top-left-radius: 80rpx;
|
||||
border-bottom-left-radius: 80rpx;
|
||||
overflow: hidden;
|
||||
|
||||
.draw-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.draw-contain {
|
||||
width: 100%;
|
||||
height: calc(100vh);
|
||||
background-image: url("/static/index/fanpink.png");
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-gray {
|
||||
color: #596278;
|
||||
}
|
||||
|
||||
.draw-title {
|
||||
width: 100%;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 80rpx;
|
||||
margin-left: 20rpx;
|
||||
|
||||
.draw-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.draw-title-gun {
|
||||
margin-left: 20rpx;
|
||||
margin-right: 20rpx;
|
||||
width: 13rpx;
|
||||
height: 40rpx;
|
||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.draw-title-font {
|
||||
font-size: 35rpx;
|
||||
font-weight: 700;
|
||||
margin-top: -3rpx;
|
||||
}
|
||||
|
||||
.draw-title-blue {
|
||||
height: 50rpx;
|
||||
width: 120rpx;
|
||||
margin-right: 50rpx;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 10rpx;
|
||||
border: 1rpx solid #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.scroll-view {
|
||||
height: 960rpx;
|
||||
width: calc(100% - 80rpx);
|
||||
margin-left: 40rpx;
|
||||
border-radius: 40rpx;
|
||||
border: 2rpx solid #fff;
|
||||
box-shadow: 4rpx 8rpx 16rpx 4rpx #839fcc;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.swiper-card-once {
|
||||
margin: 60rpx 0 30rpx 30rpx;
|
||||
width: 1100rpx;
|
||||
height: 220rpx;
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 30rpx;
|
||||
background: url("/static/index/blueMountain.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 5rpx 5rpx 10rpx 0rpx #839fcc;
|
||||
overflow: hidden;
|
||||
padding: 0 40rpx;
|
||||
|
||||
.swiper-card-top {
|
||||
width: 100%;
|
||||
height: 220rpx;
|
||||
display: flex;
|
||||
|
||||
.swiper-card-top-card {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
.swiper-card-top-card-weight {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 25rpx 0;
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
|
||||
.weight-left {
|
||||
display: flex;
|
||||
|
||||
.blue-number {
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
color: #017DE9;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.weight-right {
|
||||
color: #FF6000;
|
||||
font-weight: 500;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.swiper-card-top-card-noral {
|
||||
// margin-left: 50rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 30rpx;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-flex {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-left: 0rpx;
|
||||
|
||||
.swiper-card {
|
||||
margin: 0 0 30rpx 30rpx;
|
||||
width: 1010rpx;
|
||||
height: 260rpx;
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 30rpx;
|
||||
background: url("/static/index/blueMountain.png") center/cover, rgba(255, 255, 255, 0.6);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 5rpx 5rpx 10rpx 0rpx #839fcc;
|
||||
overflow: hidden;
|
||||
padding: 0 40rpx;
|
||||
|
||||
.swiper-card-top {
|
||||
width: 100%;
|
||||
height: 270rpx;
|
||||
|
||||
.swiper-card-top-card {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.index-right-button-blue {
|
||||
height: 50rpx;
|
||||
width: 100rpx;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 10rpx;
|
||||
border: 1rpx solid #fff;
|
||||
}
|
||||
|
||||
.swiper-all-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.card-img-father {
|
||||
height: 100%;
|
||||
width: 210rpx;
|
||||
|
||||
// background-color: #fff;
|
||||
.card-img-bgc {
|
||||
// margin-top: -15rpx;
|
||||
// margin-top: 30rpx;
|
||||
margin-top: 20rpx;
|
||||
margin-left: -15rpx;
|
||||
display: flex;
|
||||
width: 200rpx;
|
||||
height: 220rpx;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: rgb(238, 243, 253);
|
||||
border-radius: 25rpx;
|
||||
box-shadow: 2rpx 2rpx 4rpx 0rpx #839fcc;
|
||||
}
|
||||
|
||||
.card-img {
|
||||
|
||||
// 图片切的有问题
|
||||
width: 130rpx;
|
||||
height: 130rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.card-right {
|
||||
width: calc(100% - 230rpx);
|
||||
height: 100%;
|
||||
|
||||
.card-right-title {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-weight: 700;
|
||||
// margin: 20rpx 0;
|
||||
margin-top: 20rpx;
|
||||
margin-bottom: 5rpx;
|
||||
|
||||
.title-gray {
|
||||
color: #596278;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.title-black {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.card-right-other {
|
||||
margin-top: 15rpx;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 25rpx;
|
||||
|
||||
.title-gray {
|
||||
color: #596278;
|
||||
}
|
||||
|
||||
.title-green {
|
||||
color: #647900;
|
||||
}
|
||||
|
||||
.title-red {
|
||||
color: #FF4A27;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-button-white {
|
||||
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 20rpx;
|
||||
width: 200rpx;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
// margin: 0 10rpx;
|
||||
margin-right: 20rpx;
|
||||
|
||||
}
|
||||
|
||||
.swiper-button-blue {
|
||||
background: linear-gradient(to bottom, #FF8251, #F52E2C);
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 20rpx;
|
||||
width: 200rpx;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 10rpx;
|
||||
color: #fff;
|
||||
margin-right: 40rpx;
|
||||
}
|
||||
|
||||
.button-card {
|
||||
margin-top: 30rpx;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.down-note {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
height: 170rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
margin-top: -10rpx;
|
||||
display: flex;
|
||||
|
||||
.down-note-img {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
|
||||
.down-note-photo {
|
||||
height: 150rpx;
|
||||
width: 200rpx;
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
// .down-note-title-input {
|
||||
// width: calc(100% - 100rpx);
|
||||
// margin-left: 40rpx;
|
||||
// height: 120rpx;
|
||||
// font-size: 27rpx;
|
||||
// border: 2rpx #a0adc8 solid;
|
||||
// padding: 15rpx 0 15rpx 20rpx;
|
||||
// background-color: rgba(234, 243, 254, 0.6);
|
||||
// border-radius: 30rpx;
|
||||
// }
|
||||
|
||||
// .char-count {
|
||||
// position: absolute;
|
||||
// bottom: 30rpx;
|
||||
// right: 70rpx;
|
||||
// color: #999;
|
||||
// font-size: 25rpx;
|
||||
// }
|
||||
|
||||
// .draw-red {
|
||||
// color: red;
|
||||
// font-size: 40rpx;
|
||||
// margin-top: -10rpx;
|
||||
// }
|
||||
|
||||
.green-font {
|
||||
background-image: linear-gradient(to bottom right, #FF7A95, #FF9D94);
|
||||
/* 2. 将背景裁剪到文字 */
|
||||
-webkit-background-clip: text;
|
||||
/* Safari/Chrome 私有前缀 :contentReference[oaicite:1]{index=1} */
|
||||
background-clip: text;
|
||||
/* 标准属性 （兼容新浏览器） */
|
||||
/* 3. 文字填充设为透明，露出背景渐变 */
|
||||
-webkit-text-fill-color: transparent;
|
||||
/* 私有前缀 :contentReference[oaicite:2]{index=2} */
|
||||
color: transparent;
|
||||
/* 标准属性 */
|
||||
}
|
||||
|
||||
.radio-circle-top-father {
|
||||
// overflow: auto;
|
||||
display: flex;
|
||||
margin: 0 0 0 80rpx;
|
||||
height: 50rpx;
|
||||
|
||||
.radio-circle-top {
|
||||
// margin-top: 30rpx;
|
||||
// width: 2000rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.radio-circle {
|
||||
position: relative;
|
||||
margin-top: 2rpx;
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 50%;
|
||||
border: 2rpx solid rgb(2, 171, 254);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.radio-circle-target {
|
||||
position: relative;
|
||||
margin-top: 2rpx;
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 50%;
|
||||
border: 2rpx solid rgb(2, 171, 254);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.radio-circle-target::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
background-color: rgb(2, 171, 254);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.radio-font {
|
||||
margin-left: 15rpx;
|
||||
margin-right: 60rpx;
|
||||
width: 400rpx;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.ruku-time {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
height: 60rpx;
|
||||
|
||||
.ruku-time-font {
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.ruku-time-weight {
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.button-first {
|
||||
width: 120rpx;
|
||||
height: 50rpx;
|
||||
border-radius: 15rpx;
|
||||
margin-right: 15rpx;
|
||||
background: linear-gradient(to bottom right, #00C3AC, #28CFB3);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 40rpx;
|
||||
margin-top: -5rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.title-weight-red {
|
||||
color: #FF4A27;
|
||||
}
|
||||
|
||||
.card-right-bgc {
|
||||
width: 730rpx;
|
||||
height: 175rpx;
|
||||
background-color: rgb(238, 243, 253);
|
||||
border-radius: 25rpx;
|
||||
// border: 2rpx solid #fff;
|
||||
border: 2rpx solid #fff;
|
||||
}
|
||||
|
||||
.boom-other {
|
||||
width: 727rpx;
|
||||
height: 55rpx;
|
||||
// background-color: red;
|
||||
display: flex;
|
||||
|
||||
.boom-other-card {
|
||||
width: 250rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
// background-color: #fff;
|
||||
.boom-other-img {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-left: 15rpx;
|
||||
// margin-top: -5rpx;
|
||||
}
|
||||
|
||||
.boom-other-font {
|
||||
margin-left: 5rpx;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
|
||||
.boom-other-weight {
|
||||
font-weight: 700;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card-boom {
|
||||
margin-top: -15rpx;
|
||||
width: 727rpx;
|
||||
height: 120rpx;
|
||||
border-radius: 25rpx;
|
||||
background-color: rgb(218, 226, 245);
|
||||
}
|
||||
|
||||
.white-shu {
|
||||
width: 2rpx;
|
||||
// margin-top: 5rpx;
|
||||
height: 40rpx;
|
||||
background-color: #fff;
|
||||
margin: 8rpx 5rpx 0 5rpx;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -204,7 +204,15 @@
|
|||
</Drawer>
|
||||
<!-- 入库单的抽屉 -->
|
||||
<Drawer ref="storagedrawer" :widNumber="50" style="z-index: 1000;">
|
||||
<storage @voidIt="isDelete(saveVoidIndex)" @closevoid="closevoid" />
|
||||
<storage :dantype="dantype" @opensuixing="opensuixing" @closevoid="closestorage" />
|
||||
</Drawer>
|
||||
<!-- 核销单的抽屉 -->
|
||||
<Drawer ref="verificationdrawer" :widNumber="50" style="z-index: 1000;">
|
||||
<verification @closehexiao="closehexiao"/>
|
||||
</Drawer>
|
||||
<!-- 随行单的抽屉 -->
|
||||
<Drawer ref="suixingdrawer" :widNumber="40" style="z-index: 1001;">
|
||||
<suixing />
|
||||
</Drawer>
|
||||
<!-- 作废的抽屉 -->
|
||||
<Drawer ref="voiddrawer" :widNumber="60">
|
||||
|
|
@ -219,6 +227,8 @@
|
|||
import otherDetail from "@/component/storeroom/drawer/otherDetail/index.vue"
|
||||
import otherVoid from "@/component/storeroom/drawer/otherVoid/index.vue"
|
||||
import storage from "@/component/storeroom/drawer/storage/index.vue"
|
||||
import suixing from "@/component/storeroom/drawer/suixing/index.vue"
|
||||
import verification from "@/component/storeroom/drawer/verification/index.vue"
|
||||
|
||||
const props = defineProps({
|
||||
isShow: {
|
||||
|
|
@ -283,6 +293,7 @@
|
|||
const detaildrawer = ref(null);
|
||||
const voiddrawer = ref(null);
|
||||
const storagedrawer = ref(null);
|
||||
const verificationdrawer = ref(null);
|
||||
|
||||
const firstBall = ref(0);
|
||||
const secondBall = ref(0);
|
||||
|
|
@ -300,9 +311,22 @@
|
|||
saveVoidIndex.value = index
|
||||
voiddrawer.value.openDrawer();
|
||||
}
|
||||
const suixingdrawer = ref(null);
|
||||
const opensuixing = () =>{
|
||||
suixingdrawer.value.openDrawer();
|
||||
}
|
||||
const dantype = ref(0);
|
||||
const openDrawer = (index:number) =>{
|
||||
if(!index){
|
||||
storagedrawer.value.openDrawer();
|
||||
dantype.value = 0;
|
||||
}else if(index===1){
|
||||
storagedrawer.value.openDrawer();
|
||||
dantype.value = 1;
|
||||
}
|
||||
else{
|
||||
dantype.value = 2;
|
||||
verificationdrawer.value.openDrawer();
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -473,9 +497,15 @@
|
|||
const closedetaildrawer = () =>{
|
||||
detaildrawer.value.closeDrawer()
|
||||
}
|
||||
const closestorage = () =>{
|
||||
storagedrawer.value.closeDrawer()
|
||||
}
|
||||
const closevoid = () =>{
|
||||
voiddrawer.value.closeDrawer()
|
||||
}
|
||||
const closehexiao = () =>{
|
||||
verificationdrawer.value.closeDrawer()
|
||||
}
|
||||
const calendarchange = (e : any) => {
|
||||
stateTarget.value = e.result
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,8 +2,8 @@
|
|||
"name" : "养老App",
|
||||
"appid" : "__UNI__FB2D473",
|
||||
"description" : "养老App",
|
||||
"versionName" : "1.1.7",
|
||||
"versionCode" : 117,
|
||||
"versionName" : "1.1.8",
|
||||
"versionCode" : 118,
|
||||
"transformPx" : false,
|
||||
/* 5+App特有相关 */
|
||||
"app-plus" : {
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 999 B |
Binary file not shown.
|
After Width: | Height: | Size: 857 B |
File diff suppressed because one or more lines are too long
|
|
@ -7,8 +7,8 @@
|
|||
"id": "__UNI__FB2D473",
|
||||
"name": "养老App",
|
||||
"version": {
|
||||
"name": "1.1.7",
|
||||
"code": 117
|
||||
"name": "1.1.8",
|
||||
"code": 118
|
||||
},
|
||||
"description": "养老App",
|
||||
"developer": {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
unpackage/dist/build/app-plus/static/index/Warehousing/shangchuanpeople.png
vendored
Normal file
BIN
unpackage/dist/build/app-plus/static/index/Warehousing/shangchuanpeople.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 999 B |
Binary file not shown.
|
After Width: | Height: | Size: 857 B |
File diff suppressed because it is too large
Load Diff
|
|
@ -7,8 +7,8 @@
|
|||
"id": "__UNI__FB2D473",
|
||||
"name": "养老App",
|
||||
"version": {
|
||||
"name": "1.1.7",
|
||||
"code": 117
|
||||
"name": "1.1.8",
|
||||
"code": 118
|
||||
},
|
||||
"description": "养老App",
|
||||
"developer": {
|
||||
|
|
|
|||
|
|
@ -4042,10 +4042,10 @@ to {
|
|||
.swiper-flex .swiper-card[data-v-fd669908] {
|
||||
margin: 0 0 0.9375rem 0.9375rem;
|
||||
width: 31.5625rem;
|
||||
height: 7.1875rem;
|
||||
height: 8.125rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.9375rem;
|
||||
background: url("../../static/index/blueMountain.png") center / cover, rgba(255, 255, 255, 0.5);
|
||||
background: url("../../static/index/blueMountain.png") center / cover, rgba(255, 255, 255, 0.6);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 0.15625rem 0.15625rem 0.3125rem 0 #839fcc;
|
||||
|
|
@ -4077,14 +4077,23 @@ to {
|
|||
}
|
||||
.card-img-father[data-v-fd669908] {
|
||||
height: 100%;
|
||||
width: 7.1875rem;
|
||||
width: 6.5625rem;
|
||||
}
|
||||
.card-img-father .card-img-bgc[data-v-fd669908] {
|
||||
margin-top: 0.625rem;
|
||||
margin-left: -0.46875rem;
|
||||
display: flex;
|
||||
width: 6.25rem;
|
||||
height: 6.875rem;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #eef3fd;
|
||||
border-radius: 0.78125rem;
|
||||
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 #839fcc;
|
||||
}
|
||||
.card-img-father .card-img[data-v-fd669908] {
|
||||
margin-top: -0.46875rem;
|
||||
width: 70%;
|
||||
height: 70%;
|
||||
width: 4.0625rem;
|
||||
height: 4.0625rem;
|
||||
}
|
||||
.card-right[data-v-fd669908] {
|
||||
width: calc(100% - 7.1875rem);
|
||||
|
|
@ -4095,7 +4104,8 @@ to {
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-weight: 700;
|
||||
margin: 0.9375rem 0;
|
||||
margin-top: 0.625rem;
|
||||
margin-bottom: 0.15625rem;
|
||||
}
|
||||
.card-right .card-right-title .title-gray[data-v-fd669908] {
|
||||
color: #596278;
|
||||
|
|
@ -4105,7 +4115,7 @@ to {
|
|||
font-size: 0.9375rem;
|
||||
}
|
||||
.card-right .card-right-other[data-v-fd669908] {
|
||||
margin-top: 0.625rem;
|
||||
margin-top: 0.46875rem;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
@ -4129,7 +4139,7 @@ to {
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 0.3125rem;
|
||||
margin-right: 0.625rem;
|
||||
}
|
||||
.swiper-button-blue[data-v-fd669908] {
|
||||
background: linear-gradient(to bottom, #FF8251, #F52E2C);
|
||||
|
|
@ -4153,36 +4163,26 @@ to {
|
|||
width: 100%;
|
||||
overflow: hidden;
|
||||
height: 5.3125rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
margin-top: -0.3125rem;
|
||||
display: flex;
|
||||
}
|
||||
.down-note-title-input[data-v-fd669908] {
|
||||
width: calc(100% - 3.125rem);
|
||||
margin-left: 1.25rem;
|
||||
height: 3.75rem;
|
||||
font-size: 0.84375rem;
|
||||
border: 0.0625rem #a0adc8 solid;
|
||||
padding: 0.46875rem 0 0.46875rem 0.625rem;
|
||||
background-color: rgba(234, 243, 254, 0.6);
|
||||
border-radius: 0.9375rem;
|
||||
.down-note .down-note-img[data-v-fd669908] {
|
||||
width: 1.875rem;
|
||||
height: 1.875rem;
|
||||
}
|
||||
.char-count[data-v-fd669908] {
|
||||
position: absolute;
|
||||
bottom: 0.9375rem;
|
||||
right: 2.1875rem;
|
||||
color: #999;
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.draw-red[data-v-fd669908] {
|
||||
color: red;
|
||||
font-size: 1.25rem;
|
||||
margin-top: -0.3125rem;
|
||||
.down-note .down-note-photo[data-v-fd669908] {
|
||||
height: 4.6875rem;
|
||||
width: 6.25rem;
|
||||
margin: 0 0.3125rem;
|
||||
}
|
||||
.green-font[data-v-fd669908] {
|
||||
color: #28CFB3;
|
||||
}
|
||||
.pouple-font[data-v-fd669908] {
|
||||
color: #8296E9;
|
||||
}
|
||||
.radio-circle-top-father[data-v-fd669908] {
|
||||
display: flex;
|
||||
margin: 0 0 0 2.5rem;
|
||||
|
|
@ -4241,6 +4241,429 @@ to {
|
|||
font-weight: 700;
|
||||
}
|
||||
.ruku-time .button-first[data-v-fd669908] {
|
||||
width: 3.75rem;
|
||||
height: 1.5625rem;
|
||||
border-radius: 0.46875rem;
|
||||
margin-right: 0.46875rem;
|
||||
background: linear-gradient(to bottom right, #00C3AC, #28CFB3);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 1.25rem;
|
||||
margin-top: -0.15625rem;
|
||||
}
|
||||
.title-weight-red[data-v-fd669908] {
|
||||
color: #FF4A27;
|
||||
}
|
||||
.card-right-bgc[data-v-fd669908] {
|
||||
width: 22.8125rem;
|
||||
height: 5.46875rem;
|
||||
background-color: #eef3fd;
|
||||
border-radius: 0.78125rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
}
|
||||
.boom-other[data-v-fd669908] {
|
||||
width: 22.71875rem;
|
||||
height: 1.71875rem;
|
||||
display: flex;
|
||||
}
|
||||
.boom-other .boom-other-card[data-v-fd669908] {
|
||||
width: 7.8125rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.boom-other .boom-other-card .boom-other-img[data-v-fd669908] {
|
||||
width: 0.9375rem;
|
||||
height: 0.9375rem;
|
||||
margin-left: 0.46875rem;
|
||||
}
|
||||
.boom-other .boom-other-card .boom-other-font[data-v-fd669908] {
|
||||
margin-left: 0.15625rem;
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.boom-other .boom-other-card .boom-other-weight[data-v-fd669908] {
|
||||
font-weight: 700;
|
||||
margin-left: 0.9375rem;
|
||||
}
|
||||
.card-boom[data-v-fd669908] {
|
||||
margin-top: -0.46875rem;
|
||||
width: 22.71875rem;
|
||||
height: 3.75rem;
|
||||
border-radius: 0.78125rem;
|
||||
background-color: #dae2f5;
|
||||
}
|
||||
.white-shu[data-v-fd669908] {
|
||||
width: 0.0625rem;
|
||||
height: 1.25rem;
|
||||
background-color: #fff;
|
||||
margin: 0.25rem 0.15625rem 0 0.15625rem;
|
||||
}
|
||||
|
||||
.draw-all[data-v-d8ac4644] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
border-top-left-radius: 2.5rem;
|
||||
border-bottom-left-radius: 2.5rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.draw-all .draw-flex[data-v-d8ac4644] {
|
||||
display: flex;
|
||||
}
|
||||
.draw-all .draw-contain[data-v-d8ac4644] {
|
||||
width: 100%;
|
||||
height: calc(100vh);
|
||||
background-image: url("../../static/index/fanpink.png");
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
.swiper-gray[data-v-d8ac4644] {
|
||||
color: #596278;
|
||||
}
|
||||
.draw-title[data-v-d8ac4644] {
|
||||
width: 100%;
|
||||
height: 1.875rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 2.5rem;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
.draw-title .draw-flex[data-v-d8ac4644] {
|
||||
display: flex;
|
||||
}
|
||||
.draw-title .draw-title-gun[data-v-d8ac4644] {
|
||||
margin-left: 0.625rem;
|
||||
margin-right: 0.625rem;
|
||||
width: 0.40625rem;
|
||||
height: 1.25rem;
|
||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||
border-radius: 0.3125rem;
|
||||
}
|
||||
.draw-title .draw-title-font[data-v-d8ac4644] {
|
||||
font-size: 1.09375rem;
|
||||
font-weight: 700;
|
||||
margin-top: -0.09375rem;
|
||||
}
|
||||
.draw-title .draw-title-blue[data-v-d8ac4644] {
|
||||
height: 1.5625rem;
|
||||
width: 3.75rem;
|
||||
margin-right: 1.5625rem;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 0.3125rem;
|
||||
border: 0.03125rem solid #fff;
|
||||
}
|
||||
.scroll-view[data-v-d8ac4644] {
|
||||
height: 30.625rem;
|
||||
width: calc(100% - 2.5rem);
|
||||
margin-left: 1.25rem;
|
||||
border-radius: 1.25rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
box-shadow: 0.125rem 0.25rem 0.5rem 0.125rem #839fcc;
|
||||
overflow: hidden;
|
||||
}
|
||||
.scroll-view .card-father[data-v-d8ac4644] {
|
||||
margin: 0.3125rem 0 0.625rem 0.71875rem;
|
||||
width: 25rem;
|
||||
height: 10.9375rem;
|
||||
border-radius: 0.9375rem;
|
||||
box-shadow: 0.125rem 0.25rem 0.5rem 0.125rem #839fcc;
|
||||
background: url("../../static/index/blueMountain.png") center / cover, rgba(255, 255, 255, 0.7);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.scroll-view .card-father .down-title[data-v-d8ac4644] {
|
||||
width: 100%;
|
||||
height: 2.5rem;
|
||||
padding: 0 1.5625rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.scroll-view .card-father .down-title .down-title-flex[data-v-d8ac4644] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.scroll-view .card-father .down-title .down-title-photo[data-v-d8ac4644] {
|
||||
width: 0.9375rem;
|
||||
height: 0.9375rem;
|
||||
}
|
||||
.scroll-view .card-father .card-white[data-v-d8ac4644] {
|
||||
width: 23.125rem;
|
||||
height: 7.8125rem;
|
||||
margin-top: 0.625rem;
|
||||
margin-left: 0.9375rem;
|
||||
background-color: #fff;
|
||||
border-radius: 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.scroll-view .card-father .card-white .card-white-photo[data-v-d8ac4644] {
|
||||
width: 8.125rem;
|
||||
height: 5.625rem;
|
||||
}
|
||||
.swiper-card-once[data-v-d8ac4644] {
|
||||
margin: 0.625rem 0 0 0.9375rem;
|
||||
width: 27.1875rem;
|
||||
height: 6.875rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.9375rem;
|
||||
background: url("../../static/index/blueMountain.png") center / cover, rgba(255, 255, 255, 0.5);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 0.15625rem 0.15625rem 0.3125rem 0 #839fcc;
|
||||
overflow: hidden;
|
||||
padding: 0 1.25rem;
|
||||
}
|
||||
.swiper-card-once .swiper-card-top[data-v-d8ac4644] {
|
||||
width: 100%;
|
||||
height: 6.875rem;
|
||||
display: flex;
|
||||
}
|
||||
.swiper-card-once .swiper-card-top .swiper-card-top-card[data-v-d8ac4644] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.swiper-card-once .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight[data-v-d8ac4644] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0.78125rem 0;
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
.swiper-card-once .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight .weight-left[data-v-d8ac4644] {
|
||||
display: flex;
|
||||
}
|
||||
.swiper-card-once .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight .weight-left .blue-number[data-v-d8ac4644] {
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
color: #017DE9;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
.swiper-card-once .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight .weight-right[data-v-d8ac4644] {
|
||||
color: #FF6000;
|
||||
font-weight: 500;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.swiper-card-once .swiper-card-top .swiper-card-top-card .swiper-card-top-card-noral[data-v-d8ac4644] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.9375rem;
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.swiper-flex[data-v-d8ac4644] {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-left: 0;
|
||||
}
|
||||
.swiper-flex .swiper-card[data-v-d8ac4644] {
|
||||
margin: 0 0 0.9375rem 0.9375rem;
|
||||
width: 31.5625rem;
|
||||
height: 8.125rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.9375rem;
|
||||
background: url("../../static/index/blueMountain.png") center / cover, rgba(255, 255, 255, 0.6);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 0.15625rem 0.15625rem 0.3125rem 0 #839fcc;
|
||||
overflow: hidden;
|
||||
padding: 0 1.25rem;
|
||||
}
|
||||
.swiper-flex .swiper-card .swiper-card-top[data-v-d8ac4644] {
|
||||
width: 100%;
|
||||
height: 8.4375rem;
|
||||
}
|
||||
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card[data-v-d8ac4644] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
.index-right-button-blue[data-v-d8ac4644] {
|
||||
height: 1.5625rem;
|
||||
width: 3.125rem;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 0.3125rem;
|
||||
border: 0.03125rem solid #fff;
|
||||
}
|
||||
.swiper-all-flex[data-v-d8ac4644] {
|
||||
display: flex;
|
||||
}
|
||||
.card-img-father[data-v-d8ac4644] {
|
||||
height: 100%;
|
||||
width: 6.5625rem;
|
||||
}
|
||||
.card-img-father .card-img-bgc[data-v-d8ac4644] {
|
||||
margin-top: 0.625rem;
|
||||
margin-left: -0.46875rem;
|
||||
display: flex;
|
||||
width: 6.25rem;
|
||||
height: 6.875rem;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #eef3fd;
|
||||
border-radius: 0.78125rem;
|
||||
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 #839fcc;
|
||||
}
|
||||
.card-img-father .card-img[data-v-d8ac4644] {
|
||||
width: 4.0625rem;
|
||||
height: 4.0625rem;
|
||||
}
|
||||
.card-right[data-v-d8ac4644] {
|
||||
width: calc(100% - 7.1875rem);
|
||||
height: 100%;
|
||||
}
|
||||
.card-right .card-right-title[data-v-d8ac4644] {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-weight: 700;
|
||||
margin-top: 0.625rem;
|
||||
margin-bottom: 0.15625rem;
|
||||
}
|
||||
.card-right .card-right-title .title-gray[data-v-d8ac4644] {
|
||||
color: #596278;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.card-right .card-right-title .title-black[data-v-d8ac4644] {
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.card-right .card-right-other[data-v-d8ac4644] {
|
||||
margin-top: 0.46875rem;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.card-right .card-right-other .title-gray[data-v-d8ac4644] {
|
||||
color: #596278;
|
||||
}
|
||||
.card-right .card-right-other .title-green[data-v-d8ac4644] {
|
||||
color: #647900;
|
||||
}
|
||||
.card-right .card-right-other .title-red[data-v-d8ac4644] {
|
||||
color: #FF4A27;
|
||||
}
|
||||
.swiper-button-white[data-v-d8ac4644] {
|
||||
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.625rem;
|
||||
width: 6.25rem;
|
||||
height: 2.5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 0.625rem;
|
||||
}
|
||||
.swiper-button-blue[data-v-d8ac4644] {
|
||||
background: linear-gradient(to bottom, #FF8251, #F52E2C);
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.625rem;
|
||||
width: 6.25rem;
|
||||
height: 2.5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 0.3125rem;
|
||||
color: #fff;
|
||||
margin-right: 1.25rem;
|
||||
}
|
||||
.button-card[data-v-d8ac4644] {
|
||||
margin-top: 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.down-note[data-v-d8ac4644] {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
height: 5.3125rem;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
margin-top: -0.3125rem;
|
||||
display: flex;
|
||||
}
|
||||
.down-note .down-note-img[data-v-d8ac4644] {
|
||||
width: 1.875rem;
|
||||
height: 1.875rem;
|
||||
}
|
||||
.down-note .down-note-photo[data-v-d8ac4644] {
|
||||
height: 4.6875rem;
|
||||
width: 6.25rem;
|
||||
margin: 0 0.3125rem;
|
||||
}
|
||||
.green-font[data-v-d8ac4644] {
|
||||
color: #28CFB3;
|
||||
}
|
||||
.radio-circle-top-father[data-v-d8ac4644] {
|
||||
display: flex;
|
||||
margin: 0 0 0 2.5rem;
|
||||
height: 1.5625rem;
|
||||
}
|
||||
.radio-circle-top-father .radio-circle-top[data-v-d8ac4644] {
|
||||
display: flex;
|
||||
}
|
||||
.radio-circle-top-father .radio-circle[data-v-d8ac4644] {
|
||||
position: relative;
|
||||
margin-top: 0.0625rem;
|
||||
width: 0.9375rem;
|
||||
height: 0.9375rem;
|
||||
border-radius: 50%;
|
||||
border: 0.0625rem solid #02abfe;
|
||||
background-color: transparent;
|
||||
}
|
||||
.radio-circle-top-father .radio-circle-target[data-v-d8ac4644] {
|
||||
position: relative;
|
||||
margin-top: 0.0625rem;
|
||||
width: 0.9375rem;
|
||||
height: 0.9375rem;
|
||||
border-radius: 50%;
|
||||
border: 0.0625rem solid #02abfe;
|
||||
background-color: transparent;
|
||||
}
|
||||
.radio-circle-top-father .radio-circle-target[data-v-d8ac4644]::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 0.625rem;
|
||||
height: 0.625rem;
|
||||
background-color: #02abfe;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.radio-circle-top-father .radio-font[data-v-d8ac4644] {
|
||||
margin-left: 0.46875rem;
|
||||
margin-right: 1.875rem;
|
||||
width: 12.5rem;
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.ruku-time[data-v-d8ac4644] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
height: 1.875rem;
|
||||
}
|
||||
.ruku-time .ruku-time-font[data-v-d8ac4644] {
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
.ruku-time .ruku-time-weight[data-v-d8ac4644] {
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
.ruku-time .button-first[data-v-d8ac4644] {
|
||||
width: 3.75rem;
|
||||
height: 1.5625rem;
|
||||
border-radius: 0.625rem;
|
||||
|
|
@ -4253,6 +4676,443 @@ to {
|
|||
margin-right: 1.25rem;
|
||||
margin-top: -0.15625rem;
|
||||
}
|
||||
.title-weight-red[data-v-d8ac4644] {
|
||||
color: #FF4A27;
|
||||
}
|
||||
.card-right-bgc[data-v-d8ac4644] {
|
||||
width: 22.8125rem;
|
||||
height: 5.46875rem;
|
||||
background-color: #eef3fd;
|
||||
border-radius: 0.78125rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
}
|
||||
.boom-other[data-v-d8ac4644] {
|
||||
width: 22.71875rem;
|
||||
height: 1.71875rem;
|
||||
display: flex;
|
||||
}
|
||||
.boom-other .boom-other-card[data-v-d8ac4644] {
|
||||
width: 7.8125rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.boom-other .boom-other-card .boom-other-img[data-v-d8ac4644] {
|
||||
width: 0.9375rem;
|
||||
height: 0.9375rem;
|
||||
margin-left: 0.46875rem;
|
||||
}
|
||||
.boom-other .boom-other-card .boom-other-font[data-v-d8ac4644] {
|
||||
margin-left: 0.15625rem;
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.boom-other .boom-other-card .boom-other-weight[data-v-d8ac4644] {
|
||||
font-weight: 700;
|
||||
margin-left: 0.9375rem;
|
||||
}
|
||||
.card-boom[data-v-d8ac4644] {
|
||||
margin-top: -0.46875rem;
|
||||
width: 22.71875rem;
|
||||
height: 3.75rem;
|
||||
border-radius: 0.78125rem;
|
||||
background-color: #dae2f5;
|
||||
}
|
||||
.white-shu[data-v-d8ac4644] {
|
||||
width: 0.0625rem;
|
||||
height: 1.25rem;
|
||||
background-color: #fff;
|
||||
margin: 0.25rem 0.15625rem 0 0.15625rem;
|
||||
}
|
||||
|
||||
.draw-all[data-v-36ba7c1d] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
border-top-left-radius: 2.5rem;
|
||||
border-bottom-left-radius: 2.5rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.draw-all .draw-flex[data-v-36ba7c1d] {
|
||||
display: flex;
|
||||
}
|
||||
.draw-all .draw-contain[data-v-36ba7c1d] {
|
||||
width: 100%;
|
||||
height: calc(100vh);
|
||||
background-image: url("../../static/index/fanpink.png");
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
.swiper-gray[data-v-36ba7c1d] {
|
||||
color: #596278;
|
||||
}
|
||||
.draw-title[data-v-36ba7c1d] {
|
||||
width: 100%;
|
||||
height: 1.875rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 2.5rem;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
.draw-title .draw-flex[data-v-36ba7c1d] {
|
||||
display: flex;
|
||||
}
|
||||
.draw-title .draw-title-gun[data-v-36ba7c1d] {
|
||||
margin-left: 0.625rem;
|
||||
margin-right: 0.625rem;
|
||||
width: 0.40625rem;
|
||||
height: 1.25rem;
|
||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||
border-radius: 0.3125rem;
|
||||
}
|
||||
.draw-title .draw-title-font[data-v-36ba7c1d] {
|
||||
font-size: 1.09375rem;
|
||||
font-weight: 700;
|
||||
margin-top: -0.09375rem;
|
||||
}
|
||||
.draw-title .draw-title-blue[data-v-36ba7c1d] {
|
||||
height: 1.5625rem;
|
||||
width: 3.75rem;
|
||||
margin-right: 1.5625rem;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 0.3125rem;
|
||||
border: 0.03125rem solid #fff;
|
||||
}
|
||||
.scroll-view[data-v-36ba7c1d] {
|
||||
height: 30rem;
|
||||
width: calc(100% - 2.5rem);
|
||||
margin-left: 1.25rem;
|
||||
border-radius: 1.25rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
box-shadow: 0.125rem 0.25rem 0.5rem 0.125rem #839fcc;
|
||||
overflow: hidden;
|
||||
}
|
||||
.swiper-card-once[data-v-36ba7c1d] {
|
||||
margin: 1.875rem 0 0.9375rem 0.9375rem;
|
||||
width: 34.375rem;
|
||||
height: 6.875rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.9375rem;
|
||||
background: url("../../static/index/blueMountain.png") center / cover, rgba(255, 255, 255, 0.5);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 0.15625rem 0.15625rem 0.3125rem 0 #839fcc;
|
||||
overflow: hidden;
|
||||
padding: 0 1.25rem;
|
||||
}
|
||||
.swiper-card-once .swiper-card-top[data-v-36ba7c1d] {
|
||||
width: 100%;
|
||||
height: 6.875rem;
|
||||
display: flex;
|
||||
}
|
||||
.swiper-card-once .swiper-card-top .swiper-card-top-card[data-v-36ba7c1d] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.swiper-card-once .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight[data-v-36ba7c1d] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0.78125rem 0;
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
.swiper-card-once .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight .weight-left[data-v-36ba7c1d] {
|
||||
display: flex;
|
||||
}
|
||||
.swiper-card-once .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight .weight-left .blue-number[data-v-36ba7c1d] {
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
color: #017DE9;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
.swiper-card-once .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight .weight-right[data-v-36ba7c1d] {
|
||||
color: #FF6000;
|
||||
font-weight: 500;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.swiper-card-once .swiper-card-top .swiper-card-top-card .swiper-card-top-card-noral[data-v-36ba7c1d] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.9375rem;
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.swiper-flex[data-v-36ba7c1d] {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-left: 0;
|
||||
}
|
||||
.swiper-flex .swiper-card[data-v-36ba7c1d] {
|
||||
margin: 0 0 0.9375rem 0.9375rem;
|
||||
width: 31.5625rem;
|
||||
height: 8.125rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.9375rem;
|
||||
background: url("../../static/index/blueMountain.png") center / cover, rgba(255, 255, 255, 0.6);
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
box-shadow: 0.15625rem 0.15625rem 0.3125rem 0 #839fcc;
|
||||
overflow: hidden;
|
||||
padding: 0 1.25rem;
|
||||
}
|
||||
.swiper-flex .swiper-card .swiper-card-top[data-v-36ba7c1d] {
|
||||
width: 100%;
|
||||
height: 8.4375rem;
|
||||
}
|
||||
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card[data-v-36ba7c1d] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
.index-right-button-blue[data-v-36ba7c1d] {
|
||||
height: 1.5625rem;
|
||||
width: 3.125rem;
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 0.3125rem;
|
||||
border: 0.03125rem solid #fff;
|
||||
}
|
||||
.swiper-all-flex[data-v-36ba7c1d] {
|
||||
display: flex;
|
||||
}
|
||||
.card-img-father[data-v-36ba7c1d] {
|
||||
height: 100%;
|
||||
width: 6.5625rem;
|
||||
}
|
||||
.card-img-father .card-img-bgc[data-v-36ba7c1d] {
|
||||
margin-top: 0.625rem;
|
||||
margin-left: -0.46875rem;
|
||||
display: flex;
|
||||
width: 6.25rem;
|
||||
height: 6.875rem;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #eef3fd;
|
||||
border-radius: 0.78125rem;
|
||||
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 #839fcc;
|
||||
}
|
||||
.card-img-father .card-img[data-v-36ba7c1d] {
|
||||
width: 4.0625rem;
|
||||
height: 4.0625rem;
|
||||
}
|
||||
.card-right[data-v-36ba7c1d] {
|
||||
width: calc(100% - 7.1875rem);
|
||||
height: 100%;
|
||||
}
|
||||
.card-right .card-right-title[data-v-36ba7c1d] {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-weight: 700;
|
||||
margin-top: 0.625rem;
|
||||
margin-bottom: 0.15625rem;
|
||||
}
|
||||
.card-right .card-right-title .title-gray[data-v-36ba7c1d] {
|
||||
color: #596278;
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.card-right .card-right-title .title-black[data-v-36ba7c1d] {
|
||||
font-size: 0.9375rem;
|
||||
}
|
||||
.card-right .card-right-other[data-v-36ba7c1d] {
|
||||
margin-top: 0.46875rem;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.card-right .card-right-other .title-gray[data-v-36ba7c1d] {
|
||||
color: #596278;
|
||||
}
|
||||
.card-right .card-right-other .title-green[data-v-36ba7c1d] {
|
||||
color: #647900;
|
||||
}
|
||||
.card-right .card-right-other .title-red[data-v-36ba7c1d] {
|
||||
color: #FF4A27;
|
||||
}
|
||||
.swiper-button-white[data-v-36ba7c1d] {
|
||||
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.625rem;
|
||||
width: 6.25rem;
|
||||
height: 2.5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 0.625rem;
|
||||
}
|
||||
.swiper-button-blue[data-v-36ba7c1d] {
|
||||
background: linear-gradient(to bottom, #FF8251, #F52E2C);
|
||||
border: 0.0625rem solid #fff;
|
||||
border-radius: 0.625rem;
|
||||
width: 6.25rem;
|
||||
height: 2.5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 0.3125rem;
|
||||
color: #fff;
|
||||
margin-right: 1.25rem;
|
||||
}
|
||||
.button-card[data-v-36ba7c1d] {
|
||||
margin-top: 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.down-note[data-v-36ba7c1d] {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
height: 5.3125rem;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
margin-top: -0.3125rem;
|
||||
display: flex;
|
||||
}
|
||||
.down-note .down-note-img[data-v-36ba7c1d] {
|
||||
width: 1.875rem;
|
||||
height: 1.875rem;
|
||||
}
|
||||
.down-note .down-note-photo[data-v-36ba7c1d] {
|
||||
height: 4.6875rem;
|
||||
width: 6.25rem;
|
||||
margin: 0 0.3125rem;
|
||||
}
|
||||
.green-font[data-v-36ba7c1d] {
|
||||
background-image: linear-gradient(to bottom right, #FF7A95, #FF9D94);
|
||||
/* 2. 将背景裁剪到文字 */
|
||||
-webkit-background-clip: text;
|
||||
/* Safari/Chrome 私有前缀 :contentReference[oaicite:1]{index=1} */
|
||||
background-clip: text;
|
||||
/* 标准属性 （兼容新浏览器） */
|
||||
/* 3. 文字填充设为透明，露出背景渐变 */
|
||||
-webkit-text-fill-color: transparent;
|
||||
/* 私有前缀 :contentReference[oaicite:2]{index=2} */
|
||||
color: transparent;
|
||||
/* 标准属性 */
|
||||
}
|
||||
.radio-circle-top-father[data-v-36ba7c1d] {
|
||||
display: flex;
|
||||
margin: 0 0 0 2.5rem;
|
||||
height: 1.5625rem;
|
||||
}
|
||||
.radio-circle-top-father .radio-circle-top[data-v-36ba7c1d] {
|
||||
display: flex;
|
||||
}
|
||||
.radio-circle-top-father .radio-circle[data-v-36ba7c1d] {
|
||||
position: relative;
|
||||
margin-top: 0.0625rem;
|
||||
width: 0.9375rem;
|
||||
height: 0.9375rem;
|
||||
border-radius: 50%;
|
||||
border: 0.0625rem solid #02abfe;
|
||||
background-color: transparent;
|
||||
}
|
||||
.radio-circle-top-father .radio-circle-target[data-v-36ba7c1d] {
|
||||
position: relative;
|
||||
margin-top: 0.0625rem;
|
||||
width: 0.9375rem;
|
||||
height: 0.9375rem;
|
||||
border-radius: 50%;
|
||||
border: 0.0625rem solid #02abfe;
|
||||
background-color: transparent;
|
||||
}
|
||||
.radio-circle-top-father .radio-circle-target[data-v-36ba7c1d]::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 0.625rem;
|
||||
height: 0.625rem;
|
||||
background-color: #02abfe;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.radio-circle-top-father .radio-font[data-v-36ba7c1d] {
|
||||
margin-left: 0.46875rem;
|
||||
margin-right: 1.875rem;
|
||||
width: 12.5rem;
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.ruku-time[data-v-36ba7c1d] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
height: 1.875rem;
|
||||
}
|
||||
.ruku-time .ruku-time-font[data-v-36ba7c1d] {
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
.ruku-time .ruku-time-weight[data-v-36ba7c1d] {
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
.ruku-time .button-first[data-v-36ba7c1d] {
|
||||
width: 3.75rem;
|
||||
height: 1.5625rem;
|
||||
border-radius: 0.46875rem;
|
||||
margin-right: 0.46875rem;
|
||||
background: linear-gradient(to bottom right, #00C3AC, #28CFB3);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 1.25rem;
|
||||
margin-top: -0.15625rem;
|
||||
}
|
||||
.title-weight-red[data-v-36ba7c1d] {
|
||||
color: #FF4A27;
|
||||
}
|
||||
.card-right-bgc[data-v-36ba7c1d] {
|
||||
width: 22.8125rem;
|
||||
height: 5.46875rem;
|
||||
background-color: #eef3fd;
|
||||
border-radius: 0.78125rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
}
|
||||
.boom-other[data-v-36ba7c1d] {
|
||||
width: 22.71875rem;
|
||||
height: 1.71875rem;
|
||||
display: flex;
|
||||
}
|
||||
.boom-other .boom-other-card[data-v-36ba7c1d] {
|
||||
width: 7.8125rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.boom-other .boom-other-card .boom-other-img[data-v-36ba7c1d] {
|
||||
width: 0.9375rem;
|
||||
height: 0.9375rem;
|
||||
margin-left: 0.46875rem;
|
||||
}
|
||||
.boom-other .boom-other-card .boom-other-font[data-v-36ba7c1d] {
|
||||
margin-left: 0.15625rem;
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.boom-other .boom-other-card .boom-other-weight[data-v-36ba7c1d] {
|
||||
font-weight: 700;
|
||||
margin-left: 0.9375rem;
|
||||
}
|
||||
.card-boom[data-v-36ba7c1d] {
|
||||
margin-top: -0.46875rem;
|
||||
width: 22.71875rem;
|
||||
height: 3.75rem;
|
||||
border-radius: 0.78125rem;
|
||||
background-color: #dae2f5;
|
||||
}
|
||||
.white-shu[data-v-36ba7c1d] {
|
||||
width: 0.0625rem;
|
||||
height: 1.25rem;
|
||||
background-color: #fff;
|
||||
margin: 0.25rem 0.15625rem 0 0.15625rem;
|
||||
}
|
||||
|
||||
.index-content-other[data-v-a2a18362] {
|
||||
width: calc(100% - 5.3125rem);
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 999 B |
Binary file not shown.
|
After Width: | Height: | Size: 857 B |
Loading…
Reference in New Issue