|
@@ -14,33 +14,12 @@
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="content" v-loading="loading">
|
|
|
- <div class="content-item">
|
|
|
+ <div class="content-item" v-for="(item, index) in list" :key="index">
|
|
|
<div class="card">
|
|
|
- <i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
|
|
|
+ <i :class="item.icon" style="font-size:30px;color:#409EFF"></i>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">1</span>
|
|
|
- <span class="card-content-text">销售订单/待审核</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="content-item">
|
|
|
- <div class="card">
|
|
|
- <i class="el-icon-s-goods" style="font-size:30px;color:#409EFF"></i>
|
|
|
- <div class="card-content">
|
|
|
- <span class="card-content-num">0</span>
|
|
|
- <span class="card-content-text">采购订单/待审核</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="content-item">
|
|
|
- <div class="card">
|
|
|
- <i
|
|
|
- class="el-icon-s-finance"
|
|
|
- style="font-size:30px;color:#409EFF"
|
|
|
- ></i>
|
|
|
- <div class="card-content">
|
|
|
- <span class="card-content-num">0</span>
|
|
|
- <span class="card-content-text">申请付款/待审核</span>
|
|
|
+ <span class="card-content-num">{{ item.qty }}</span>
|
|
|
+ <span class="card-content-text">{{ item.text }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -54,7 +33,14 @@ export default {
|
|
|
name: "basicContainer",
|
|
|
data() {
|
|
|
return {
|
|
|
- loading: false
|
|
|
+ loading: false,
|
|
|
+ list: [
|
|
|
+ { icon: "el-icon-s-order", qty: "1", text: "销售订单/待审核" },
|
|
|
+ { icon: "el-icon-s-goods", qty: "1", text: "采购订单/待审核" },
|
|
|
+ { icon: "el-icon-s-home", qty: "1", text: "发货/待审核" },
|
|
|
+ { icon: "el-icon-s-home", qty: "1", text: "收货/待审核" },
|
|
|
+ { icon: "el-icon-s-finance", qty: "1", text: "申请付款/待审核" }
|
|
|
+ ]
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
@@ -74,7 +60,7 @@ export default {
|
|
|
box-sizing: border-box;
|
|
|
height: 100%;
|
|
|
::v-deep .el-card__body {
|
|
|
- padding: 5px 10px;
|
|
|
+ padding: 10px 15px;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
&__card {
|
|
@@ -90,10 +76,10 @@ export default {
|
|
|
display: flex;
|
|
|
&-item {
|
|
|
background-color: #f4f8ff;
|
|
|
- margin-top: 1vh;
|
|
|
+ margin-top: 0.5vh;
|
|
|
+ margin-right: 0.5vw;
|
|
|
height: 13vh;
|
|
|
width: 15vw;
|
|
|
- margin-right: 1vw;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
padding-left: 1.5vw;
|