|
@@ -1,37 +1,31 @@
|
|
//采购订单
|
|
//采购订单
|
|
<template>
|
|
<template>
|
|
- <div class="container">
|
|
|
|
-<BaseHeaderLayout :leftSpan="10">
|
|
|
|
- <template slot="left">
|
|
|
|
- <span style="width: 70px; display: inline-block; color: #8890b1"
|
|
|
|
- >状态:</span
|
|
|
|
- >
|
|
|
|
|
|
+ <div>
|
|
|
|
+ <BaseHeaderLayout :leftSpan="15">
|
|
|
|
+ <template slot="left"> </template>
|
|
|
|
+ <template slot="right">
|
|
|
|
+ <span style="width: 70px; display: inline-block;color: #8890B1;">状态:</span>
|
|
<ws-select
|
|
<ws-select
|
|
v-model="searchTypeText"
|
|
v-model="searchTypeText"
|
|
- placeholder
|
|
|
|
|
|
+ placeholder=""
|
|
class="typeselect"
|
|
class="typeselect"
|
|
@change="selecttaskType"
|
|
@change="selecttaskType"
|
|
:value="searchType"
|
|
:value="searchType"
|
|
>
|
|
>
|
|
- <ws-option
|
|
|
|
- v-for="item in taskTypeList"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.value"
|
|
|
|
- :value="item.value"
|
|
|
|
- style="color:#8890b1"
|
|
|
|
- />
|
|
|
|
|
|
+ <ws-option
|
|
|
|
+ v-for="item in taskTypeList"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.value"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ style="color: #8890B1;"
|
|
|
|
+ />
|
|
</ws-select>
|
|
</ws-select>
|
|
- </template>
|
|
|
|
- <!-- 接单开始 -->
|
|
|
|
- <template slot="right">
|
|
|
|
-
|
|
|
|
<ws-input
|
|
<ws-input
|
|
v-model="searchKeyWord"
|
|
v-model="searchKeyWord"
|
|
- placeholder="可按采购计划编号和标题查找"
|
|
|
|
|
|
+ placeholder="可按合同编号或客户查找"
|
|
clearable
|
|
clearable
|
|
maxlength="500"
|
|
maxlength="500"
|
|
type="input"
|
|
type="input"
|
|
- class="findValue"
|
|
|
|
></ws-input>
|
|
></ws-input>
|
|
<ws-button class="find" type="primary" @click="find()"
|
|
<ws-button class="find" type="primary" @click="find()"
|
|
><img
|
|
><img
|
|
@@ -41,11 +35,12 @@
|
|
vertical-align: text-top;
|
|
vertical-align: text-top;
|
|
position: relative;
|
|
position: relative;
|
|
top: 0px;
|
|
top: 0px;
|
|
- left: -8px;
|
|
|
|
|
|
+ left: -5px;
|
|
"
|
|
"
|
|
src="../../../public/img/sousuo.png"
|
|
src="../../../public/img/sousuo.png"
|
|
alt=""
|
|
alt=""
|
|
/></ws-button>
|
|
/></ws-button>
|
|
|
|
+ <!-- </div> -->
|
|
</template>
|
|
</template>
|
|
</BaseHeaderLayout>
|
|
</BaseHeaderLayout>
|
|
<el-table
|
|
<el-table
|
|
@@ -58,8 +53,8 @@
|
|
height="700"
|
|
height="700"
|
|
>
|
|
>
|
|
<el-table-column type="index" label="序号" width="50"></el-table-column>
|
|
<el-table-column type="index" label="序号" width="50"></el-table-column>
|
|
- <el-table-column class="table_td" prop="contractNo" label="合同编号"></el-table-column>
|
|
|
|
- <el-table-column class="table_td" prop="procurementPlan" label="采购计划"></el-table-column>
|
|
|
|
|
|
+ <el-table-column class="table_td" prop="contractNo" label="合同编号" width="100"></el-table-column>
|
|
|
|
+ <el-table-column class="table_td" prop="procurementPlan" label="采购计划" width="125"></el-table-column>
|
|
<el-table-column class="table_td" prop="customer" label="客户">
|
|
<el-table-column class="table_td" prop="customer" label="客户">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<div class="record" @click="customer(scope.row)">{{scope.row.customer}}</div>
|
|
<div class="record" @click="customer(scope.row)">{{scope.row.customer}}</div>
|
|
@@ -84,23 +79,23 @@
|
|
@click="editbasis(scope.row)"
|
|
@click="editbasis(scope.row)"
|
|
alt=""
|
|
alt=""
|
|
/>
|
|
/>
|
|
-<span v-if='!scope.row.basis'>-</span>
|
|
|
|
|
|
+ <span v-if='!scope.row.basis'>-</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column class="table_td" prop="freezingDeposit" label="冻结定金(元)" width="100px"></el-table-column>
|
|
|
|
- <el-table-column class="table_td" prop="defaultDeposit" label="拖欠定金(元)" width="100px"></el-table-column>
|
|
|
|
|
|
+ <el-table-column class="table_td" prop="freezingDeposit" label="冻结定金(元)" width="90"></el-table-column>
|
|
|
|
+ <el-table-column class="table_td" prop="defaultDeposit" label="拖欠定金(元)" width="100"></el-table-column>
|
|
<el-table-column width="100" class="table_td" prop="unloadingCharge" label="卸车费(元/吨)"></el-table-column>
|
|
<el-table-column width="100" class="table_td" prop="unloadingCharge" label="卸车费(元/吨)"></el-table-column>
|
|
<el-table-column width="100" class="table_td" prop="invoiceFee" label="发票费(元/吨)"></el-table-column>
|
|
<el-table-column width="100" class="table_td" prop="invoiceFee" label="发票费(元/吨)"></el-table-column>
|
|
- <el-table-column class="table_td" prop="transactionsNumber" label="合同重量(吨)" width="100px"></el-table-column>
|
|
|
|
- <el-table-column class="table_td" prop="stockInQuantity" label="已入库量(吨)" width="90px"></el-table-column>
|
|
|
|
- <el-table-column class="table_td" prop="openPosition" label="可平仓量(吨)" width="90px" ></el-table-column>
|
|
|
|
- <el-table-column class="table_td" prop="closedPosition" label="已平仓量(吨)" width="90px">
|
|
|
|
|
|
+ <el-table-column class="table_td" prop="transactionsNumber" label="合同重量(吨)" width="100"></el-table-column>
|
|
|
|
+ <el-table-column class="table_td" prop="stockInQuantity" label="已入库量(吨)" width="90"></el-table-column>
|
|
|
|
+ <el-table-column class="table_td" prop="openPosition" label="可平仓量(吨)" width="90" ></el-table-column>
|
|
|
|
+ <el-table-column class="table_td" prop="closedPosition" label="已平仓量(吨)" width="90">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
{{scope.row.closedPosition}}
|
|
{{scope.row.closedPosition}}
|
|
<i @click="closedPosition(scope.row)" class="iconfont icon-lishi"></i>
|
|
<i @click="closedPosition(scope.row)" class="iconfont icon-lishi"></i>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column class="table_td" prop="cumulativeTurnover" label="已成交量(吨)" width="90px">
|
|
|
|
|
|
+ <el-table-column class="table_td" prop="cumulativeTurnover" label="已成交量(吨)" width="90">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
{{scope.row.cumulativeTurnover}}
|
|
{{scope.row.cumulativeTurnover}}
|
|
<i @click="transactionRecord(scope.row)" class="iconfont icon-lishi"></i>
|
|
<i @click="transactionRecord(scope.row)" class="iconfont icon-lishi"></i>
|
|
@@ -120,7 +115,7 @@
|
|
<template>
|
|
<template>
|
|
<span slot="reference">
|
|
<span slot="reference">
|
|
<span v-if="scope.row.status == '待审核'" class="executory"></span>
|
|
<span v-if="scope.row.status == '待审核'" class="executory"></span>
|
|
- <span v-if="scope.row.status == '执行中'" class="inExecution"></span>
|
|
|
|
|
|
+ <span v-if="scope.row.status == '已成交'" class="inExecution"></span>
|
|
<span v-if="scope.row.status == '已完成'" class="done"></span>
|
|
<span v-if="scope.row.status == '已完成'" class="done"></span>
|
|
{{ scope.row.status }}
|
|
{{ scope.row.status }}
|
|
</span>
|
|
</span>
|
|
@@ -128,21 +123,21 @@
|
|
</el-popover>
|
|
</el-popover>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column class="table_td" label="更新时间" prop="updateDate"></el-table-column>
|
|
|
|
- <el-table-column class="table_td" label="入库结算" prop="updateDate"></el-table-column>
|
|
|
|
- <el-table-column class="table_td" label="平仓结算" prop="updateDate"></el-table-column>
|
|
|
|
- <el-table-column prop="seller" label="操作" width="320">
|
|
|
|
|
|
+ <el-table-column class="table_td" label="更新时间" prop="updateDate" width="130"></el-table-column>
|
|
|
|
+ <el-table-column class="table_td" label="入库结算" prop="updateDate" width="130"></el-table-column>
|
|
|
|
+ <el-table-column class="table_td" label="平仓结算" prop="updateDate" width="130"></el-table-column>
|
|
|
|
+ <el-table-column prop="seller" label="操作" width="310">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-button v-if='scope.row.status=="已通过"||scope.row.status=="已成交"' class="record" @click="makeabargain(scope.row)">成交</el-button>
|
|
|
|
|
|
+ <div v-if='scope.row.status=="已通过"||scope.row.status=="已成交"' class="record" @click="makeabargain(scope.row)">成交</div>
|
|
<!-- 补充定金 -->
|
|
<!-- 补充定金 -->
|
|
- <el-button v-if='scope.row.defaultDeposit>0' class="record" @click="addthedeposit(scope.row)">补充定金</el-button>
|
|
|
|
- <el-button v-if='scope.row.freezingDeposit>0' class="record" @click='unfreeze(scope.row)'>解冻定金</el-button>
|
|
|
|
|
|
+ <div v-if='scope.row.defaultDeposit>0' class="record" @click="addthedeposit(scope.row)">补充定金</div>
|
|
|
|
+ <div v-if='scope.row.freezingDeposit>0' class="record" @click='unfreeze(scope.row)'>解冻定金</div>
|
|
<!-- 平仓 -->
|
|
<!-- 平仓 -->
|
|
- <el-button v-if='scope.row.openPosition>0' class="record" @click="cloaeposition1(scope.row)">平仓</el-button>
|
|
|
|
- <el-button v-if='scope.row.status=="已通过"||scope.row.status=="已成交"' class="record" @click="handle(scope.row)">完成</el-button>
|
|
|
|
|
|
+ <div v-if='scope.row.openPosition>0' class="record" @click="cloaeposition1(scope.row)">平仓</div>
|
|
|
|
+ <div v-if='scope.row.status=="已通过"||scope.row.status=="已成交"' class="record" @click="handle(scope.row)">完成</div>
|
|
<!-- 审核 -->
|
|
<!-- 审核 -->
|
|
- <el-button v-if='scope.row.status=="待审核"' type="text" class="record" @click="aduit(scope.row)">审核</el-button>
|
|
|
|
- <el-button v-if='scope.row.status=="待审核"' class="record" @click="deletehandle(scope.row)">删除</el-button>
|
|
|
|
|
|
+ <div v-if='scope.row.status=="待审核"' type="text" class="record" @click="aduit(scope.row)">审核</div>
|
|
|
|
+ <div v-if='scope.row.status=="待审核"' class="record" @click="deletehandle(scope.row)">删除</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
@@ -210,14 +205,14 @@
|
|
<el-button type="primary" @click=" chengjiao()">确 定</el-button>
|
|
<el-button type="primary" @click=" chengjiao()">确 定</el-button>
|
|
</div>
|
|
</div>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
- <el-dialog
|
|
|
|
- width="40%"
|
|
|
|
|
|
+ <el-dialog
|
|
|
|
+ width="20%"
|
|
title="补充定金"
|
|
title="补充定金"
|
|
:visible.sync="dialogFormVisible3"
|
|
:visible.sync="dialogFormVisible3"
|
|
:append-to-body="true"
|
|
:append-to-body="true"
|
|
>
|
|
>
|
|
<el-form :model="form">
|
|
<el-form :model="form">
|
|
- <h5>{{replenishlist.customer}}</h5>
|
|
|
|
|
|
+ <h5 style=" margin-left:30px;">{{replenishlist.customer}}</h5>
|
|
<el-form-item label="拖欠定金" :label-width="formLabelWidth">
|
|
<el-form-item label="拖欠定金" :label-width="formLabelWidth">
|
|
{{replenishlist.defaultDeposit}}
|
|
{{replenishlist.defaultDeposit}}
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -239,7 +234,7 @@
|
|
</div>
|
|
</div>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
<el-dialog
|
|
<el-dialog
|
|
- width="40%"
|
|
|
|
|
|
+ width="25%"
|
|
title="平仓"
|
|
title="平仓"
|
|
:visible.sync="dialogFormVisible2"
|
|
:visible.sync="dialogFormVisible2"
|
|
:append-to-body="true"
|
|
:append-to-body="true"
|
|
@@ -247,10 +242,10 @@
|
|
<el-form class='closeposition'>
|
|
<el-form class='closeposition'>
|
|
<el-form-item label="成交价格(元/吨)" prop="transactionPrice" >
|
|
<el-form-item label="成交价格(元/吨)" prop="transactionPrice" >
|
|
<ws-select
|
|
<ws-select
|
|
- v-model="closePositionList1.transactionPrice"
|
|
|
|
- placeholder
|
|
|
|
- class="deal"
|
|
|
|
- placeholder="请输入成交价"
|
|
|
|
|
|
+ v-model="closePositionList1.transactionPrice"
|
|
|
|
+ placeholder
|
|
|
|
+ class="deal"
|
|
|
|
+ placeholder="请输入成交价"
|
|
>
|
|
>
|
|
<ws-option
|
|
<ws-option
|
|
v-for="item in transactionRecordList"
|
|
v-for="item in transactionRecordList"
|
|
@@ -297,11 +292,11 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="平仓日期" prop="closePositionDate" >
|
|
<el-form-item label="平仓日期" prop="closePositionDate" >
|
|
<el-date-picker
|
|
<el-date-picker
|
|
- v-model="closePositionList1.closePositionDate"
|
|
|
|
- type="date"
|
|
|
|
- placeholder="选择日期"
|
|
|
|
- format="yyyy 年 MM 月 dd 日"
|
|
|
|
- value-format="yyyy-MM-dd"/>
|
|
|
|
|
|
+ v-model="closePositionList1.closePositionDate"
|
|
|
|
+ type="date"
|
|
|
|
+ placeholder="选择日期"
|
|
|
|
+ format="yyyy 年 MM 月 dd 日"
|
|
|
|
+ value-format="yyyy-MM-dd"/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<div slot="footer" class="dialog-footer">
|
|
@@ -311,7 +306,7 @@
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
|
|
|
<el-dialog
|
|
<el-dialog
|
|
- width="40%"
|
|
|
|
|
|
+ width="30%"
|
|
title="审核"
|
|
title="审核"
|
|
:visible.sync="dialogFormVisible4"
|
|
:visible.sync="dialogFormVisible4"
|
|
:append-to-body="true"
|
|
:append-to-body="true"
|
|
@@ -420,7 +415,7 @@
|
|
<el-button type="primary" @click="aduitconfirm">通过</el-button>
|
|
<el-button type="primary" @click="aduitconfirm">通过</el-button>
|
|
</div>
|
|
</div>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
- <el-dialog
|
|
|
|
|
|
+ <el-dialog
|
|
width="30%"
|
|
width="30%"
|
|
title="客户信息"
|
|
title="客户信息"
|
|
:visible.sync="dialogFormVisible8"
|
|
:visible.sync="dialogFormVisible8"
|
|
@@ -481,13 +476,14 @@
|
|
<el-button @click="dialogFormVisible8 = false">取 消</el-button>
|
|
<el-button @click="dialogFormVisible8 = false">取 消</el-button>
|
|
</div>
|
|
</div>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
- <el-dialog
|
|
|
|
|
|
+ <el-dialog
|
|
width="40%"
|
|
width="40%"
|
|
title="成交记录"
|
|
title="成交记录"
|
|
:visible.sync="dialogFormVisible6"
|
|
:visible.sync="dialogFormVisible6"
|
|
:append-to-body="true"
|
|
:append-to-body="true"
|
|
|
|
+
|
|
>
|
|
>
|
|
- <el-table :data="transactionRecordList">
|
|
|
|
|
|
+ <el-table :data="transactionRecordList" >
|
|
<el-table-column prop="transactionPrice" label="成交价">
|
|
<el-table-column prop="transactionPrice" label="成交价">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="basis" label="基差" >
|
|
<el-table-column prop="basis" label="基差" >
|
|
@@ -520,14 +516,14 @@
|
|
</el-table>
|
|
</el-table>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
<el-dialog
|
|
<el-dialog
|
|
- width="30%"
|
|
|
|
|
|
+ width="10%"
|
|
title="改价记录"
|
|
title="改价记录"
|
|
:visible.sync="dialogFormVisible5"
|
|
:visible.sync="dialogFormVisible5"
|
|
:append-to-body="true"
|
|
:append-to-body="true"
|
|
>
|
|
>
|
|
<div v-for='item in pricechange'>
|
|
<div v-for='item in pricechange'>
|
|
- <div>{{item.priceType}}{{item.price}}</div>
|
|
|
|
- <div>{{item.updateDate}}</div>
|
|
|
|
|
|
+ <div >{{item.priceType}}{{item.price}}</div>
|
|
|
|
+ <div >{{item.updateDate}}</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
@@ -1191,7 +1187,6 @@ dialogImageUrl:"",
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
-// @import '../../../../static/iconfont/iconfont.css';
|
|
|
|
.connert {
|
|
.connert {
|
|
width: 90%;
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
@@ -1232,6 +1227,7 @@ dialogImageUrl:"",
|
|
border-top-right-radius: 0px;
|
|
border-top-right-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
width: 385px;
|
|
width: 385px;
|
|
|
|
+ margin-left: 53.5%;
|
|
}
|
|
}
|
|
.completed.el-button--default {
|
|
.completed.el-button--default {
|
|
border-color: #5878e8;
|
|
border-color: #5878e8;
|
|
@@ -1259,6 +1255,7 @@ dialogImageUrl:"",
|
|
color: #5878e8;
|
|
color: #5878e8;
|
|
padding: 0 4px !important;
|
|
padding: 0 4px !important;
|
|
position: relative;
|
|
position: relative;
|
|
|
|
+ font-size: 14px;
|
|
}
|
|
}
|
|
.record:after {
|
|
.record:after {
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -1268,11 +1265,8 @@ dialogImageUrl:"",
|
|
right: -2px;
|
|
right: -2px;
|
|
width: 1px;
|
|
width: 1px;
|
|
height: 12px;
|
|
height: 12px;
|
|
- background: #e9ecf7;
|
|
|
|
|
|
+ // background: #e9ecf7;
|
|
}
|
|
}
|
|
-// .el-row{
|
|
|
|
-// height: 150px;
|
|
|
|
-// }
|
|
|
|
.base_header_layout .grid-content {
|
|
.base_header_layout .grid-content {
|
|
margin-top: 80px;
|
|
margin-top: 80px;
|
|
}
|
|
}
|
|
@@ -1304,14 +1298,6 @@ dialogImageUrl:"",
|
|
.done {
|
|
.done {
|
|
background: #50cad4;
|
|
background: #50cad4;
|
|
}
|
|
}
|
|
-.record,
|
|
|
|
-.adjustment {
|
|
|
|
- display: inline-block;
|
|
|
|
- color: #5878e8;
|
|
|
|
- padding: 0 4px !important;
|
|
|
|
- position: relative;
|
|
|
|
- font-size: 14px;
|
|
|
|
-}
|
|
|
|
.container {
|
|
.container {
|
|
overflow: scroll;
|
|
overflow: scroll;
|
|
height: 93vh;
|
|
height: 93vh;
|
|
@@ -1400,7 +1386,7 @@ dialogImageUrl:"",
|
|
overflow-y: hidden;
|
|
overflow-y: hidden;
|
|
}
|
|
}
|
|
.deal {
|
|
.deal {
|
|
- width: 66%;
|
|
|
|
|
|
+ width: 100%;
|
|
}
|
|
}
|
|
.photo {
|
|
.photo {
|
|
padding: 0% 34%;
|
|
padding: 0% 34%;
|
|
@@ -1430,7 +1416,7 @@ border-bottom:1px solid #ccc;
|
|
}
|
|
}
|
|
/deep/.base_header_layout .grid-content {
|
|
/deep/.base_header_layout .grid-content {
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
- height: 54px;
|
|
|
|
|
|
+ height: 36px;
|
|
line-height: 30px;
|
|
line-height: 30px;
|
|
display: -webkit-box;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: -ms-flexbox;
|
|
@@ -1441,18 +1427,38 @@ border-bottom:1px solid #ccc;
|
|
text-align: justify;
|
|
text-align: justify;
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
-/deep/.findValue .el-input__inner {
|
|
|
|
- border-top-right-radius: 0px;
|
|
|
|
- border-bottom-right-radius: 0px;
|
|
|
|
- width: 385px;
|
|
|
|
- margin-left: 58%;
|
|
|
|
-}
|
|
|
|
/deep/.base_header_layout .grid-content.right .find.el-button--primary {
|
|
/deep/.base_header_layout .grid-content.right .find.el-button--primary {
|
|
width: 30px;
|
|
width: 30px;
|
|
margin-left: 0;
|
|
margin-left: 0;
|
|
border-top-left-radius: 0px;
|
|
border-top-left-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
margin-top: -3px;
|
|
margin-top: -3px;
|
|
- margin-left: -10px;
|
|
|
|
|
|
+ // margin-left: -10px;
|
|
|
|
+}
|
|
|
|
+/deep/.typeselect .el-input__inner {
|
|
|
|
+ color: #8890b1;
|
|
|
|
+}
|
|
|
|
+.chenglu {
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ font-family: PingFangSC-Medium, PingFang SC;
|
|
|
|
+ font-weight: 500;
|
|
|
|
+ color: #8890B1;
|
|
|
|
+ line-height: 20px;
|
|
}
|
|
}
|
|
|
|
+// .vertical-text {
|
|
|
|
+// margin: 0 10px;
|
|
|
|
+// color: #8890b1;
|
|
|
|
+// font-size: 12px;
|
|
|
|
+// margin-top: -4px;
|
|
|
|
+// }
|
|
|
|
+// .vertical-circle {
|
|
|
|
+// width: 10px;
|
|
|
|
+// height: 10px;
|
|
|
|
+// border: 2px solid #5878e8;
|
|
|
|
+// background-color: #ffffff;
|
|
|
|
+// -webkit-border-radius: 100px;
|
|
|
|
+// }
|
|
|
|
+// .vertical-circle:first-child {
|
|
|
|
+// color: red;
|
|
|
|
+// }
|
|
</style>
|
|
</style>
|