|
|
@@ -1,7 +1,7 @@
|
|
|
-<template>
|
|
|
+<template xmlns:el-col="http://www.w3.org/1999/html">
|
|
|
<div>
|
|
|
<div class="head">
|
|
|
- <div>
|
|
|
+ <div style="width: 20%;">
|
|
|
<el-menu
|
|
|
:default-active="activeIndex"
|
|
|
class="el-menu-vertical-demo"
|
|
|
@@ -25,7 +25,7 @@
|
|
|
</el-menu-item>
|
|
|
</el-menu>
|
|
|
</div>
|
|
|
- <div style="background-color: #FFFFFF;hborder: 1px solid #ccc;">
|
|
|
+ <div style="background-color: #FFFFFF;border: 1px solid #eeeeee;">
|
|
|
<div style="width:100%;display:flex;justify-content: space-around;float: left">
|
|
|
<div style="width: 20%;">
|
|
|
<el-input placeholder="抬头" style="width: 100%;"></el-input>
|
|
|
@@ -58,13 +58,32 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="width: 98%;height: 200px;float: left;padding-right: 1%;padding-left: 1%;border-top: 1px solid #eeeeee;border-left: 1px solid #eeeeee">
|
|
|
- <div style="width: 100%;height: 160px;background-color: #25c4cd;margin-top: 10px">
|
|
|
- <div style="background-color: #F56C6C;width: 100%;display:flex;">
|
|
|
- <div>申请时间:1823712931</div>
|
|
|
- <div>申请号:17892731</div>
|
|
|
+ <div style="color:#848484;width: 98%;height: 120px;float: left;padding-right: 1%;padding-left: 1%;border-top: 1px solid #eeeeee;border-left: 1px solid #eeeeee">
|
|
|
+ <div style="width: 100%;height: 160px;">
|
|
|
+ <div style="display: flex">
|
|
|
+ <div style="height: 30px;width: 50%;display:flex;align-items: center;justify-content: space-between;margin-left: 10px">
|
|
|
+ <div>申请号:17892731</div>
|
|
|
+ </div>
|
|
|
+ <div style="height: 30px;width: 50%;margin:4px">
|
|
|
+ <el-button size="mini" round type="primary" style="float: right">费用明细</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="border-bottom: 1px solid #eeeeee;border-top: 1px solid #eee;height:70px;display: flex">
|
|
|
+ <div style="margin-left: 20px;width:80%;display: flex;flex-direction: column;justify-content: space-around;font-weight: 600;font-size: 14px">
|
|
|
+ <div style=" display: flex;justify-content: space-between;align-items: center;">
|
|
|
+ <div>发票名头:<span>青岛途宝科技有限公司</span></div>
|
|
|
+ <div>申请时间:1823712931</div>
|
|
|
+ <div>服务主体:<span>sadasffae</span></div>
|
|
|
+ </div>
|
|
|
+ <div style=" display: flex;justify-content: space-between;align-items: center;">
|
|
|
+ <div>开票金额合计（元）:<span></span></div>
|
|
|
+ <div>快递单号:<span>1111111111</span></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="width: 20%;height: 100%;display: flex;align-items: center;justify-content: space-around;">
|
|
|
+ <img src="@/assets/pass.png" alt="" style="height:70%;transform:rotate(-20deg)">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -103,9 +122,6 @@ export default {
|
|
|
border: 1px solid #eeeeee;
|
|
|
margin: 10px auto;
|
|
|
display: flex;
|
|
|
- div:nth-child(1) {
|
|
|
- width: 20%;
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
.head > div:nth-child(2) {
|
caojunjie
