新增整包账单详情页，新增雇佣账单详情页

components/menu/data.js

@@ -51,6 +51,16 @@ export default [
 				title: '财务详情',
 				path: baseUrl + 'orders_detail',
 				hidden: true
+			},
+			{
+				title: '整包账单明细',
+				path: baseUrl + 'outsource_bill',
+				hidden: false
+			},
+			{
+				title: '工资账单明细',
+				path: baseUrl + 'work_bill',
+				hidden: false
 			}
 		]
 	},

pages/main/index/outsource_bill.vue

@@ -0,0 +1,84 @@
+<template>
+  <div>
+    <el-card class="box-card">
+      <div slot="header" class="header clearfix">
+        <span>整包账单明细</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col class="" :span="12">
+          <div class="module-title">企业方（尽心焉尔）</div>
+          <div class="module-content">
+            <div>平台报价：￥570.00</div>
+            <div>实际托管：￥570.00</div>
+            <div>代金券抵扣：￥0.00</div>
+            <div>税费：￥0.00（税率6%）</div>
+            <div>平台服务费：￥70.00（费率14%,企业版会员减免0%）</div>
+          </div>
+        </el-col>
+        <el-col :span="12">
+          <div class="module-title">开发者（我是程序员）</div>
+          <div class="module-content">
+            <div>结算金额：￥444.79</div>
+            <div>开发款项：￥500.00</div>
+            <div>冻结金额：￥88.96(冻结20%）</div>
+            <div>税费：￥30.32（税率6.36%）</div>
+            <div>平台服务费：￥25.00（费率5%,开发者会员减免0%）</div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <div class="module-title">账单信息</div>
+          <div class="module-content">
+            <div>托管时间：2019-9-25 10:24:20</div>
+            <div>结算时间：2019-9-25 10:24-20</div>
+            <div>关联订单：托管订单 结薪订单 冻结订单 退款订单</div>
+          </div>
+        </el-col>
+      </el-row>
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  
+}
+</script>
+
+<style lang="scss" scoped>
+.box-card {
+  margin-bottom: 10px;
+  width: 100%;
+}
+
+.header {
+  font-size: 24px;
+  color: #222222;
+  font-weight: 600;
+}
+
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+}
+
+.clearfix:after {
+  clear: both;
+}
+
+.el-col {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+.module-title {
+  font-weight: bold;
+}
+
+.module-content {
+  margin-top: 17px;
+  margin-left: 14px;
+}
+</style>

pages/main/index/work_bill.vue

@@ -0,0 +1,98 @@
+<template>
+  <div>
+    <el-card class="box-card">
+      <div slot="header" class="header clearfix">
+        <span>工资账单明细</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col class="" :span="12">
+          <div class="module-title">企业方 需求方大汪（12313）</div>
+          <div class="module-content">
+            <div>实际费用：￥1070.00</div>
+            <div>开发款项：￥1000.00</div>
+            <div>平台服务费：￥70.00</div>
+            <div>应缴税费：￥0</div>
+            <div>直通车抵扣：￥0</div>
+            <div>托管金额：￥2140.00</div>
+            <div>差价：￥1070.00（含税￥70.00）</div>
+            <div>退款：￥0（含税￥70.00）</div>
+          </div>
+        </el-col>
+        <el-col :span="12">
+          <div class="module-title">开发者 开发者大汪（4534）</div>
+          <div class="module-content">
+            <div>实际费用：￥1000.00</div>
+            <div>开发款项：￥1000.00</div>
+            <div>平台服务费：￥0</div>
+            <div>应交税费：￥0</div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <div class="module-title">工资明细</div>
+          <div class="module-content">
+            <div>工作日薪：￥300/天</div>
+            <div>工作周期：2019/09/24 至 2019/09/25（10小时）</div>
+            <div>正式工资：￥1000.00（10小时）</div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <div class="module-title">账单信息</div>
+          <div class="module-content">
+            <div>创建时间：2019/09/24  15:04:20</div>
+            <div>托管时间：2019/09/24  15:05:20</div>
+            <div>结薪时间：2019/09/24  15:05:20</div>
+            <div>关联订单：雇佣款_1231  雇佣补差价_1231</div>
+            <div>费率明细：企业方：实际服务费率7.00%；</div>
+          </div>
+        </el-col>
+      </el-row>
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  
+}
+</script>
+
+<style lang="scss" scoped>
+.box-card {
+  margin-bottom: 10px;
+  width: 100%;
+}
+
+.header {
+  font-size: 24px;
+  color: #222222;
+  font-weight: 600;
+}
+
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+}
+
+.clearfix:after {
+  clear: both;
+}
+
+.el-col {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+.module-title {
+  font-weight: bold;
+}
+
+.module-content {
+  margin-top: 17px;
+  margin-left: 14px;
+}
+</style>