|
@@ -73,7 +73,7 @@
|
|
|
当前执行/计划执行次数
|
|
当前执行/计划执行次数
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="right">
|
|
|
|
|
|
|
+ <div class="right" @click="drawerStrategy = true">
|
|
|
<img src="../../assets/autoplay/autoplay.svg" alt="autoplay">
|
|
<img src="../../assets/autoplay/autoplay.svg" alt="autoplay">
|
|
|
批量执行
|
|
批量执行
|
|
|
</div>
|
|
</div>
|
|
@@ -145,8 +145,9 @@
|
|
|
</el-drawer>
|
|
</el-drawer>
|
|
|
<el-drawer
|
|
<el-drawer
|
|
|
:visible.sync="drawerRecord"
|
|
:visible.sync="drawerRecord"
|
|
|
- :with-header="false">
|
|
|
|
|
- <div class="drawerRecord-container">
|
|
|
|
|
|
|
+ :with-header="false"
|
|
|
|
|
+ @closed="drawerRecordStatus = 0">
|
|
|
|
|
+ <div class="drawerRecord-container" v-if="drawerRecordStatus === 0">
|
|
|
<div class="drawerAddress-container-head">
|
|
<div class="drawerAddress-container-head">
|
|
|
<div class="drawerAddress-container-head-left">
|
|
<div class="drawerAddress-container-head-left">
|
|
|
<div class="missionName">
|
|
<div class="missionName">
|
|
@@ -220,12 +221,15 @@
|
|
|
width="150"
|
|
width="150"
|
|
|
align="center">
|
|
align="center">
|
|
|
<template v-slot="scope">
|
|
<template v-slot="scope">
|
|
|
- <div class="status">
|
|
|
|
|
- <div class="text" v-if="scope.row.status === 0" style="color: #2980FF;">
|
|
|
|
|
|
|
+ <div class="status" v-if="scope.row.status === 0" @click="drawerRecordStatus = 1">
|
|
|
|
|
+ <div class="text" style="color: #2980FF;">
|
|
|
<img src="../../assets/autoplay/clock_loader_60.svg" alt="clock_loader_60">
|
|
<img src="../../assets/autoplay/clock_loader_60.svg" alt="clock_loader_60">
|
|
|
进行中
|
|
进行中
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="text" v-if="scope.row.status === 1" >
|
|
|
|
|
|
|
+ <img src="../../assets/autoplay/chevron_right.svg" alt="chevron_right">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="status" v-if="scope.row.status === 1" @click="drawerRecordStatus = 2">
|
|
|
|
|
+ <div class="text">
|
|
|
<img src="../../assets/autoplay/check.svg" alt="check">
|
|
<img src="../../assets/autoplay/check.svg" alt="check">
|
|
|
已完成
|
|
已完成
|
|
|
</div>
|
|
</div>
|
|
@@ -247,7 +251,347 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="drawerRecord-container" v-if="drawerRecordStatus === 1">
|
|
|
|
|
+ <div class="drawerAddress-container-head">
|
|
|
|
|
+ <div class="drawerAddress-container-head-left">
|
|
|
|
|
+ <div class="missionName">
|
|
|
|
|
+ <div class="id">
|
|
|
|
|
+ 执行ID-3
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="name">
|
|
|
|
|
+ 任务名称
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="text" style="color: #2980FF">
|
|
|
|
|
+ 任务交互类型: Bridge
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="drawerAddress-container-main">
|
|
|
|
|
+ <div class="interactionStrategy">
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ <img src="../../assets/autoplay/account_balance_wallet.svg" alt="account_balance_wallet">
|
|
|
|
|
+ 交互钱包
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="info">
|
|
|
|
|
+ 钱包名称
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ <img src="../../assets/autoplay/avg_pace.svg" alt="avg_pace">
|
|
|
|
|
+ 交互间隔时间
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="info">
|
|
|
|
|
+ 340s
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ <img src="../../assets/autoplay/gas_meter.svg" alt="gas_meter">
|
|
|
|
|
+ 最大 Gas fee
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="info">
|
|
|
|
|
+ 0.34
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="recordTitle">
|
|
|
|
|
+ <div class="left">
|
|
|
|
|
+ <div class="text">
|
|
|
|
|
+ 正在进行中
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="number">
|
|
|
|
|
+ 总计交互地址: 3/100
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="right">
|
|
|
|
|
+ <img src="../../assets/autoplay/Frame.svg" alt="Frame">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="table">
|
|
|
|
|
+ <el-table
|
|
|
|
|
+ :data="ongoingData"
|
|
|
|
|
+ style="width: 100%">
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="address"
|
|
|
|
|
+ width="150">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="amount">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="gas">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="txId">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="status">
|
|
|
|
|
+ <template v-slot="scope">
|
|
|
|
|
+ <div class="status" style="cursor: auto">
|
|
|
|
|
+ <div class="text" v-if="scope.row.status === 0" style="color: #EB5757;">
|
|
|
|
|
+ <img src="../../assets/autoplay/cancel.svg" alt="cancel">
|
|
|
|
|
+ 未完成
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="text" v-if="scope.row.status === 1" >
|
|
|
|
|
+ <img src="../../assets/autoplay/check.svg" alt="check">
|
|
|
|
|
+ 已完成
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ </el-table>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="drawerView-container-footer">
|
|
|
|
|
+ <div class="pagination">
|
|
|
|
|
+ <el-pagination
|
|
|
|
|
+ small
|
|
|
|
|
+ layout="prev, pager, next"
|
|
|
|
|
+ :page-size="10"
|
|
|
|
|
+ :total="3">
|
|
|
|
|
+ </el-pagination>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="progressBarBox">
|
|
|
|
|
+ <div class="progressBar">
|
|
|
|
|
+ <div class="progressBar-two">
|
|
|
|
|
+ <img src="../../assets/autoplay/motion_photos_paused.svg" alt="motion_photos_paused">
|
|
|
|
|
+ 当前执行进度
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="number">
|
|
|
|
|
+ 11/12
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="drawerRecord-container" v-if="drawerRecordStatus === 2">
|
|
|
|
|
+ <div class="drawerAddress-container-head">
|
|
|
|
|
+ <div class="drawerAddress-container-head-left">
|
|
|
|
|
+ <div class="missionName">
|
|
|
|
|
+ <div class="id">
|
|
|
|
|
+ 执行ID-3
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="name">
|
|
|
|
|
+ 任务名称
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="text" style="color: #2980FF">
|
|
|
|
|
+ 任务交互类型: Bridge
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="drawerAddress-container-main">
|
|
|
|
|
+ <div class="interactionStrategy">
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ <img src="../../assets/autoplay/account_balance_wallet.svg" alt="account_balance_wallet">
|
|
|
|
|
+ 交互钱包
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="info">
|
|
|
|
|
+ 钱包名称
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ <img src="../../assets/autoplay/avg_pace.svg" alt="avg_pace">
|
|
|
|
|
+ 交互间隔时间
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="info">
|
|
|
|
|
+ 340s
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ <img src="../../assets/autoplay/gas_meter.svg" alt="gas_meter">
|
|
|
|
|
+ 最大 Gas fee
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="info">
|
|
|
|
|
+ 0.34
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="recordTitle">
|
|
|
|
|
+ <div class="left">
|
|
|
|
|
+ <div class="text">
|
|
|
|
|
+ 正在进行中
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="number">
|
|
|
|
|
+ 总计交互地址: 3/100
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="table">
|
|
|
|
|
+ <el-table
|
|
|
|
|
+ :data="ongoingData"
|
|
|
|
|
+ style="width: 100%">
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="address"
|
|
|
|
|
+ width="150">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="amount">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="gas">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="txId">
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="status">
|
|
|
|
|
+ <template v-slot="scope">
|
|
|
|
|
+ <div class="status" style="cursor: auto">
|
|
|
|
|
+ <div class="text">
|
|
|
|
|
+ <img src="../../assets/autoplay/check.svg" alt="check">
|
|
|
|
|
+ 已完成
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ </el-table>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="drawerView-container-footer">
|
|
|
|
|
+ <div class="pagination">
|
|
|
|
|
+ <el-pagination
|
|
|
|
|
+ small
|
|
|
|
|
+ layout="prev, pager, next"
|
|
|
|
|
+ :page-size="10"
|
|
|
|
|
+ :total="3">
|
|
|
|
|
+ </el-pagination>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="progressBarBox">
|
|
|
|
|
+ <div class="progressBar" style="background: black">
|
|
|
|
|
+ <div class="progressBar-two" style="background: black">
|
|
|
|
|
+ <img src="../../assets/autoplay/done_all.svg" alt="done_all">
|
|
|
|
|
+ 执行进度已完成
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="number">
|
|
|
|
|
+ 12/12
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
</el-drawer>
|
|
</el-drawer>
|
|
|
|
|
+ <el-drawer
|
|
|
|
|
+ :visible.sync="drawerStrategy"
|
|
|
|
|
+ :with-header="false"
|
|
|
|
|
+ @closed="accountPassword = false">
|
|
|
|
|
+ <div class="drawerStrategy-container">
|
|
|
|
|
+ <div class="drawerAddress-container-head">
|
|
|
|
|
+ <div class="drawerAddress-container-head-left">
|
|
|
|
|
+ <div class="info">
|
|
|
|
|
+ <div class="projectName">
|
|
|
|
|
+ 执行策略
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="id">
|
|
|
|
|
+ Swap | 交互任务名称3
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="drawerAddress-container-head-right">
|
|
|
|
|
+ <div class="complete" @click="accountPassword = true">
|
|
|
|
|
+ <img src="../../assets/address/done_all.svg" alt="done_all">
|
|
|
|
|
+ 下一步
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="drawerAddress-container-main">
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ 交互钱包
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <el-select v-model="chainId" placeholder="选择交互钱包">
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in options"
|
|
|
|
|
+ :key="item.value"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ :value="item.value">
|
|
|
|
|
+ </el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ 目标资产（From）
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <el-select v-model="chainId" placeholder="选择交互资产">
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in options"
|
|
|
|
|
+ :key="item.value"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ :value="item.value">
|
|
|
|
|
+ </el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ 目标资产（To）
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <el-select v-model="chainId" placeholder="选择交互资产">
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in options"
|
|
|
|
|
+ :key="item.value"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ :value="item.value">
|
|
|
|
|
+ </el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ 间隔时间
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <el-select v-model="chainId" placeholder="选择间隔差范围/分">
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in options"
|
|
|
|
|
+ :key="item.value"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ :value="item.value">
|
|
|
|
|
+ </el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ 交互金额
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <el-input v-model="input" placeholder="输入交互金额"></el-input>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ 最大 Gas fee
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <el-input v-model="input" placeholder="输入最大 Gas fee"></el-input>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="accountPassword" v-if="accountPassword">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ 输入钱包密码
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="inputTitle">
|
|
|
|
|
+ 钱包密码
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <el-input v-model="input" placeholder="输入钱包密码"></el-input>
|
|
|
|
|
+ <div class="confirm">
|
|
|
|
|
+ <img src="../../assets/autoplay/check1.svg" alt="check1">
|
|
|
|
|
+ 确认
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="tip">
|
|
|
|
|
+ <div class="title">
|
|
|
|
|
+ <img src="../../assets/address/tips_and_updates.svg" alt="tips_and_updates">
|
|
|
|
|
+ 提示
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="description">
|
|
|
|
|
+ 此密码为您账户钱包的 Keystore 密码，请妥善保管，
|
|
|
|
|
+ 系统无法为您找回。
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </el-drawer>
|
|
|
|
|
+
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</template>
|
|
</template>
|
|
@@ -311,6 +655,7 @@ export default {
|
|
|
label: 'ETH'
|
|
label: 'ETH'
|
|
|
}],
|
|
}],
|
|
|
drawerRecord:false,
|
|
drawerRecord:false,
|
|
|
|
|
+ drawerRecordStatus:0,
|
|
|
value1: '',
|
|
value1: '',
|
|
|
recordData:[
|
|
recordData:[
|
|
|
{
|
|
{
|
|
@@ -334,7 +679,39 @@ export default {
|
|
|
gas:'GAS',
|
|
gas:'GAS',
|
|
|
status:0
|
|
status:0
|
|
|
},
|
|
},
|
|
|
- ]
|
|
|
|
|
|
|
+ ],
|
|
|
|
|
+ ongoingData:[
|
|
|
|
|
+ {
|
|
|
|
|
+ address:'交互钱包地址',
|
|
|
|
|
+ amount:'金额',
|
|
|
|
|
+ gas:'Gas',
|
|
|
|
|
+ txId:'TX ID',
|
|
|
|
|
+ status:1
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ address:'交互钱包地址',
|
|
|
|
|
+ amount:'金额',
|
|
|
|
|
+ gas:'Gas',
|
|
|
|
|
+ txId:'TX ID',
|
|
|
|
|
+ status:1
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ address:'交互钱包地址',
|
|
|
|
|
+ amount:'金额',
|
|
|
|
|
+ gas:'Gas',
|
|
|
|
|
+ txId:'TX ID',
|
|
|
|
|
+ status:1
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ address:'交互钱包地址',
|
|
|
|
|
+ amount:'金额',
|
|
|
|
|
+ gas:'Gas',
|
|
|
|
|
+ txId:'TX ID',
|
|
|
|
|
+ status:0
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
|
|
+ drawerStrategy:false,
|
|
|
|
|
+ accountPassword:false
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
@@ -559,6 +936,7 @@ export default {
|
|
|
background: #2980FF;
|
|
background: #2980FF;
|
|
|
border: 1px solid #2980FF;
|
|
border: 1px solid #2980FF;
|
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.horizontalLine{
|
|
.horizontalLine{
|
|
@@ -654,12 +1032,14 @@ export default {
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
height: 100vh;
|
|
height: 100vh;
|
|
|
overflow: auto;
|
|
overflow: auto;
|
|
|
|
|
+ position: relative;
|
|
|
.drawerAddress-container-head{
|
|
.drawerAddress-container-head{
|
|
|
padding: 56px 40px;
|
|
padding: 56px 40px;
|
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
|
|
+
|
|
|
.drawerAddress-container-head-left{
|
|
.drawerAddress-container-head-left{
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
@@ -743,6 +1123,36 @@ export default {
|
|
|
margin-top: 40px;
|
|
margin-top: 40px;
|
|
|
margin-bottom: 30px;
|
|
margin-bottom: 30px;
|
|
|
}
|
|
}
|
|
|
|
|
+ .interactionStrategy{
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 108px;
|
|
|
|
|
+ background: #FFFFFF;
|
|
|
|
|
+ border: 1px solid #F5F5F5;
|
|
|
|
|
+ border-radius: 4px;
|
|
|
|
|
+ padding: 28px;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ .item{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ gap:12px;
|
|
|
|
|
+ .title{
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ line-height: 18px;
|
|
|
|
|
+ color: #181818;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ gap:6px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .info{
|
|
|
|
|
+ font-weight: 700;
|
|
|
|
|
+ font-size: 17px;
|
|
|
|
|
+ line-height: 22px;
|
|
|
|
|
+ color: #222222;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
.recordTitle{
|
|
.recordTitle{
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
@@ -811,6 +1221,182 @@ export default {
|
|
|
color: #EB5757;
|
|
color: #EB5757;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ .progressBarBox{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ .progressBar{
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top:138px;
|
|
|
|
|
+ width: 90%;
|
|
|
|
|
+ height: 50px;
|
|
|
|
|
+ background: #2980FF;
|
|
|
|
|
+ box-shadow: 0px 1px 16px rgba(15, 15, 15, 0.16);
|
|
|
|
|
+ border-radius: 144px;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ .progressBar-two{
|
|
|
|
|
+ width: 40%;
|
|
|
|
|
+ height: 50px;
|
|
|
|
|
+ background: #3b9ffa;
|
|
|
|
|
+ border-radius: 144px;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ padding-left: 16px;
|
|
|
|
|
+ gap:6px;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ line-height: 18px;
|
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
|
+ }
|
|
|
|
|
+ .number{
|
|
|
|
|
+ font-weight: 700;
|
|
|
|
|
+ font-size: 17px;
|
|
|
|
|
+ line-height: 22px;
|
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
|
+ padding-right: 16px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .drawerStrategy-container{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ height: 100vh;
|
|
|
|
|
+ overflow: auto;
|
|
|
|
|
+
|
|
|
|
|
+ .drawerAddress-container-head{
|
|
|
|
|
+ padding: 56px 40px;
|
|
|
|
|
+ background: #FFFFFF;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ .drawerAddress-container-head-left{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ gap:8px;
|
|
|
|
|
+ .info{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ gap:8px;
|
|
|
|
|
+ .projectName{
|
|
|
|
|
+ font-weight: 700;
|
|
|
|
|
+ font-size: 17px;
|
|
|
|
|
+ line-height: 22px;
|
|
|
|
|
+ color: #222222;
|
|
|
|
|
+ }
|
|
|
|
|
+ .id{
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ line-height: 16px;
|
|
|
|
|
+ color: #838383;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .drawerAddress-container-head-right{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ gap:48px;
|
|
|
|
|
+ .complete{
|
|
|
|
|
+ width: 118px;
|
|
|
|
|
+ height: 52px;
|
|
|
|
|
+ border: 2px solid #4A76FF;
|
|
|
|
|
+ border-radius: 10px;
|
|
|
|
|
+ gap:4px;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ font-weight: 700;
|
|
|
|
|
+ font-size: 15px;
|
|
|
|
|
+ line-height: 20px;
|
|
|
|
|
+ color: #2980FF;
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .drawerAddress-container-main{
|
|
|
|
|
+ padding: 36px 40px;
|
|
|
|
|
+ background: #f9fbff;
|
|
|
|
|
+ flex-grow: 1;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ gap:12px;
|
|
|
|
|
+ .item{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ gap:12px;
|
|
|
|
|
+ .title{
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ line-height: 18px;
|
|
|
|
|
+ color: #181818;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .accountPassword{
|
|
|
|
|
+ width: 440px;
|
|
|
|
|
+ height: 374px;
|
|
|
|
|
+ background: #fbfdff;
|
|
|
|
|
+ border-radius: 10px;
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ margin: auto;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ right: 0;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ bottom: 0;
|
|
|
|
|
+ padding: 36px 40px;
|
|
|
|
|
+ .title{
|
|
|
|
|
+ font-weight: 700;
|
|
|
|
|
+ font-size: 21px;
|
|
|
|
|
+ line-height: 28px;
|
|
|
|
|
+ color: #212121;
|
|
|
|
|
+ }
|
|
|
|
|
+ .inputTitle{
|
|
|
|
|
+ font-weight: 500;
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ line-height: 18px;
|
|
|
|
|
+ color: #383838;
|
|
|
|
|
+ margin-top: 32px;
|
|
|
|
|
+ margin-bottom: 12px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .confirm{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ gap:8px;
|
|
|
|
|
+ font-weight: 700;
|
|
|
|
|
+ font-size: 15px;
|
|
|
|
|
+ line-height: 20px;
|
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 52px;
|
|
|
|
|
+ background: #2980ff;
|
|
|
|
|
+ border-radius: 6px;
|
|
|
|
|
+ margin-top: 12px;
|
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .tip{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ gap:9px;
|
|
|
|
|
+ margin-top: 36px;
|
|
|
|
|
+ .title{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ gap:4px;
|
|
|
|
|
+ font-weight: 700;
|
|
|
|
|
+ font-size: 17px;
|
|
|
|
|
+ line-height: 22px;
|
|
|
|
|
+ color: #EB5757;
|
|
|
|
|
+ }
|
|
|
|
|
+ .description{
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ line-height: 18px;
|
|
|
|
|
+ color: #EB5757;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|
million
