```
<div
style=" float: left; width: 50%; height: 500px;background
-color: white;border
-radius: 10px ;margin
-top: 10px ">
<div
style="width: 5px;height: 25px;background
-color: #1f78ff;margin
-top: 22px;margin
-left: 10px;border
-radius: 10px;float: left">
</div>
<div style="float: left;margin
-left: 10px;margin
-top: 20px;font
-size: 20px;font
-weight: bold">
今日有效单量：{{ userinfo
.today_order || '0' }}单
</div>
<div style="float: right;font
-size: 14px;color: gray;padding
-top: 20px;padding
-right: 20px">更新时间：{{
userinfo
.nowtime }}
<button @click="showdrawer" type="primary"
style="color: rgb(64,158,255);background
-color: white;border: none">数据表格 ></button>
</div>
<div style="clear: both"></div>
<div style="float: left;margin
-left: 8px;margin
-top: 10px">
日期A：<span style="color: rgb(64,158,255);font
-weight: bold">{{ this
.totalBa }}</span>单
日期B：<span style="color: rgb(64,158,255);font
-weight: bold">{{ this
.totalAa }}</span>单
升幅： <span style="font
-weight: bold">{{ this
.totalBa
- this
.totalAa }}</span>单</div>
<div style="clear: both"></div>
<div style="float: left;margin
-left: 8px;padding
-top: 20px">
对比日期A:
</div>
<div style="clear: both"></div>
<div style="float: left;margin
-left: 106px;margin
-top:
-26px">
<
el-date-picker value
-format="yyyy
-MM
-dd" style="width: 140px;" v
-mod
el="timeA" type="
date" @change="getOrderChart"
placeholder="选择日期">
</
el-date-picker>
</div>
<div style="clear: both"></div>
<div style="float: left;margin
-left: 260px;margin
-top:
-32px">
对比日期B:
</div>
<div style="clear: both"></div>
<div style="float: left;margin
-left: 360px;margin
-top:
-36px">
<
el-date-picker value
-format="yyyy
-MM
-dd" style="width: 150px;" v
-mod
el="timeB" type="
date" @change="getOrderChart"
placeholder="选择日期">
</
el-date-picker>
</div>
<div style="margin
-top:
-36px;float: right;margin
-right: 150px">
<
el-select style="width: 120px" v
-mod
el="current_time" placeholder="当前对比" @change="getOrderChart">
<
el-option v
-for="item in option_time" :lab
el=item
.lab
el :value="item
.value">
</
el-option>
</
el-select>
</div>
</div>
<div style="clear: both"></div>
<div
style="background
-color: #FFFFFF;float: right;sborder
-radius: 10px;margin
-top:
-29%;width: 30%">
<div
style="width: 5px;height: 25px;background
-color: #1f78ff;margin
-top: 32px;margin
-left: 10px;border
-radius: 10px;float: left">
</div>
<div style="float: left;margin
-left: 10px;margin
-top: 30px;font
-size: 20px;font
-weight: bold">
我的寄件数量
</div>
<div style="clear: both"></div>
<div style="float: left;margin
-top: 20px;font
-size: 14px;color: gray;padding
-left: 10px">
更新时间：{{ userinfo
.nowtime }}
</div>
<div style="clear: both"></div>
<div ref="chinaMap" style="width: 600px; height: 400px;background
-color: white">
</div>
<div style="clear: both"></div>
<div style="float: right;margin
-top:
-470px;margin
-right: 30px">
<
el-radio
-group v
-mod
el="radio1">
<
el-radio
-button lab
el="今日"></
el-radio
-button>
<
el-radio
-button lab
el="昨日"></
el-radio
-button>
<
el-radio
-button lab
el="本周"></
el-radio
-button>
</
el-radio
-group>
</div>
</div>```<div style="margin
-top:
-36px;float: right;margin
-right: 150px">
<
el-select style="width: 120px" v
-mod
el="current_time" placeholder="当前对比" @change="getOrderChart">
<
el-option v
-for="item in option_time" :lab
el=item
.lab
el :value="item
.value">
</
el-option>
</
el-select>
</div> <div
style="background
-color: #FFFFFF;float: right;sborder
-radius: 10px;margin
-top:
-29%;width: 30%">窗口
缩小后这俩块地方
位置错乱，要求在我的代码基础上改动
解决办法：element的特有属性，select加:popper-append-to-body="false" date-picker加:append-to-body="false"
扫一扫
7560
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
