账单列表/账单详情

src/projects/business/views/Master/Mine/Bill/Info.vue

@@ -1,6 +1,45 @@
 <template>
 <div>
-
+    <header class="mui-bar mui-bar-nav">
+				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+				<h1 class="mui-title">账单详情</h1>
+			</header>
+			<div class="mui-content vongi-qingjiadt">
+				<form class="mui-input-group vongi-cd-payli">
+					<div class="mui-input-row flew-sp">
+						<h3>2021年物业管理费</h3>
+						<h3>-1998.00</h3>
+					</div>
+					<div class="mui-input-row">
+						<label>缴费单位</label>
+						<span>沙市花园XX物业</span>
+					</div>
+					<div class="mui-input-row">
+						<label>缴费户号</label>
+						<span>1-2-1101</span>
+					</div>
+					<div class="mui-input-row">
+						<label>户名</label>
+						<span>111</span>
+					</div>
+					<div class="mui-input-row">
+						<label>住址信息</label>
+						<span>沙市花园1-2-1101</span>
+					</div>
+					<div class="mui-input-row">
+						<label>创建时间</label>
+						<span>2020-09-18 18:15</span>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:25%">订单号</label>
+						<span style="width:75%" class="mui-ellipsis">202009180000300018150060415263</span>
+					</div>
+					<div class="mui-input-row">
+						<label>完成时间</label>
+						<span>2020-09-18 18:15</span>
+					</div>
+				</form>
+			</div>
 </div>
 </template>
 

src/projects/business/views/Master/Mine/Bill/List.vue

@@ -1,6 +1,93 @@
 <template>
 <div>
-
+    <header class="mui-bar mui-bar-nav">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<h1 class="mui-title">账单记录</h1>
+		</header>
+		<div class="mui-content vongi-zd">
+			<div class="mui-content-padded">
+				<h5>本月</h5>
+			</div>
+			<ul class="mui-table-view vongi-zd-list">
+				<li class="mui-table-view-cell">
+					<a>
+						<div class="mui-media-object mui-pull-left">
+							<img src="~$project/assets/img/zd_dian.png">
+						</div>
+						<div class="mui-media-body">
+							<div class='mui-ellipsis flew-sp flew-items'>9月电费账单<span class="mui-h2">56.06</span></div>
+							<p>生活缴费</p>
+							<p>09-16 15:00</p>
+						</div>
+					</a>
+				</li>
+				<li class="mui-table-view-cell">
+					<a>
+						<div class="mui-media-object mui-pull-left">
+							<img src="~$project/assets/img/zd_shui.png">
+						</div>
+						<div class="mui-media-body">
+							<div class='mui-ellipsis flew-sp flew-items'>9月电费账单<span class="mui-h2">56.06</span></div>
+							<p>生活缴费</p>
+							<p>09-16 15:00</p>
+						</div>
+					</a>
+				</li>
+				<li class="mui-table-view-cell">
+					<a>
+						<div class="mui-media-object mui-pull-left">
+							<img src="~$project/assets/img/zd_fang.png">
+						</div>
+						<div class="mui-media-body">
+							<div class='mui-ellipsis flew-sp flew-items'>9月电费账单<span class="mui-h2">56.06</span></div>
+							<p>生活缴费</p>
+							<p>09-16 15:00</p>
+						</div>
+					</a>
+				</li>
+			</ul>
+			<div class="mui-content-padded">
+				<h5>九月</h5>
+			</div>
+			<ul class="mui-table-view vongi-zd-list">
+				<li class="mui-table-view-cell">
+					<a>
+						<div class="mui-media-object mui-pull-left">
+							<img src="~$project/assets/img/zd_dian.png">
+						</div>
+						<div class="mui-media-body">
+							<div class='mui-ellipsis flew-sp flew-items'>9月电费账单<span class="mui-h2">56.06</span></div>
+							<p>生活缴费</p>
+							<p>09-16 15:00</p>
+						</div>
+					</a>
+				</li>
+				<li class="mui-table-view-cell">
+					<a>
+						<div class="mui-media-object mui-pull-left">
+							<img src="~$project/assets/img/zd_shui.png">
+						</div>
+						<div class="mui-media-body">
+							<div class='mui-ellipsis flew-sp flew-items'>9月电费账单<span class="mui-h2">56.06</span></div>
+							<p>生活缴费</p>
+							<p>09-16 15:00</p>
+						</div>
+					</a>
+				</li>
+				<li class="mui-table-view-cell">
+					<a>
+						<div class="mui-media-object mui-pull-left">
+							<img src="~$project/assets/img/zd_fang.png">
+						</div>
+						<div class="mui-media-body">
+							<div class='mui-ellipsis flew-sp flew-items'>9月电费账单<span class="mui-h2">56.06</span></div>
+							<p>生活缴费</p>
+							<p>09-16 15:00</p>
+						</div>
+					</a>
+				</li>
+			</ul>
+		</div>
 </div>
 </template>
 

src/projects/business/views/Master/Mine/Bill/Pay.vue

@@ -63,7 +63,7 @@
 				</form>
 				<div class="vongi-cashier-btn-row">
 					<div class="vongi-cashier-btn-white">
-						<span>合计：￥60.00</span>
+						<span>合计：<b class="colorfe616c">￥60.00</b></span>
 						<div class="vongi-cashier-btn">支付</div>
 					</div>
 				</div>