Skip to content

hrs_app_h5 / bill

Go to a project
Commit f60e1732 by e
Options

more修改2

parent 72c5442d
Inline Side-by-side
Showing with 99 additions and 16 deletions
src/api/More/index.js
import { AjaxRequest } from "../index";
import urls from "./urls";
export default {
// get数据
async getData(comid, id, name) {
const url = `${urls.host}/${comid}/${urls.getData}/departments`
const params = { 'param1': id, 'param2': name };
return AjaxRequest.get(url, params);
},
async getMonth(comid, deptid, name) {
const url = `${urls.host}/${comid}/${urls.getMonth}/departments`
const params = { 'param1': deptid, 'param2': name };
return AjaxRequest.get(url, params);
},
async getCycle(comid, deptid, name) {
const url = `${urls.host}/${comid}/${urls.getCycle}/departments`
const params = { 'param1': deptid, 'param2': name };
return AjaxRequest.get(url, params);
},
};
src/api/More/urls.js 0 → 100644
export default {
host: "/host",
getData: '/getdata',
getMonth: '/getmonth',
getCycle: '/getcycle'
};
\ No newline at end of file
src/views/More/detail.vue
...@@ -6,12 +6,22 @@ ...@@ -6,12 +6,22 @@
<div class="container"> <div class="container">
<div class="list"> <div class="list">
<div class="title"> <div class="title">
<div class="title_info">吴天逸工商代理工本费</div> <div class="title_info">{{data.base.service_type}}</div>
<i>400.00</i> <i>{{data.base.base_fee}}</i>
</div> </div>
<p> <p>
<span>截止扣费日期2019-12-20</span> <span>截止扣费日期{{data.base.pay_time_date}}</span>
<i>已扣费</i> <i>{{data.base.status}}</i>
</p>
</div>
<div class="list">
<div class="title">
<div class="title_info">{{data.service.service_type}}</div>
<i>{{data.service.base_fee}}</i>
</div>
<p>
<span>截止扣费日期{{data.service.pay_time_date}}</span>
<i>{{data.service.status}}</i>
</p> </p>
</div> </div>
</div> </div>
...@@ -27,13 +37,33 @@ export default { ...@@ -27,13 +37,33 @@ export default {
}, },
data() { data() {
return { return {
title: "详情" title: "详情",
data: {
base: {
service_type: "吴医生工商代理工本费",
base_fee: 400.0,
pay_time_date: "2019-12-20",
status: "已扣费"
},
service:{
service_type: "吴医生工商代理服务费",
base_fee: 200.0,
pay_time_date: "2019-12-20",
status: "未扣费"
}
}
}; };
}, },
methods: { methods: {
onClickLeft() { onClickLeft() {
console.log(1); console.log(1);
},
navLeftArrowClick() {
this.$router.go(-1);
} }
},
mounted() {
this.globalNavLeftArrowClick(this.navLeftArrowClick);
} }
}; };
</script> </script>
...@@ -43,8 +73,8 @@ export default { ...@@ -43,8 +73,8 @@ export default {
padding: 0 16px; padding: 0 16px;
.list { .list {
padding: 16px 0; padding: 16px 0;
border-bottom: 1px solid #ECECEE; border-bottom: 1px solid #ececee;
&:last-child{ &:last-child {
border: 0; border: 0;
} }
.title { .title {
......
src/views/More/index.vue
...@@ -31,8 +31,8 @@ ...@@ -31,8 +31,8 @@
</div> </div>
<div class="box"> <div class="box">
<div class="list"> <div class="list">
<div class="list_title"> <div class="list_title" @click="toPage(3)">
<div class="title">吴天逸工商代理</div> <div class="title">{{data.detail.service_type}}</div>
<van-icon name="arrow" class="arrow_right" /> <van-icon name="arrow" class="arrow_right" />
</div> </div>
<p> <p>
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
</p> </p>
<p> <p>
<span>待付金额</span> <span>待付金额</span>
<i>{{data.detial.toBePayAmount}}</i> <i>{{data.detail.toBePayAmount}}</i>
</p> </p>
</div> </div>
</div> </div>
...@@ -52,6 +52,7 @@ ...@@ -52,6 +52,7 @@
<script> <script>
import { NavBar, Icon } from "vant"; import { NavBar, Icon } from "vant";
import { TabHeader } from "@/components"; import { TabHeader } from "@/components";
export default { export default {
components: { components: {
[Icon.name]: Icon, [Icon.name]: Icon,
...@@ -64,6 +65,7 @@ export default { ...@@ -64,6 +65,7 @@ export default {
balance:0, balance:0,
toBePayAmount:0, toBePayAmount:0,
detail:{ detail:{
service_type:"吴医生工商代理",
toPayAmount:0, toPayAmount:0,
toBePayAmount:0 toBePayAmount:0
} }
...@@ -75,9 +77,13 @@ export default { ...@@ -75,9 +77,13 @@ export default {
console.log(1); console.log(1);
}, },
toPage(flag) { toPage(flag) {
if (flag === 2) { if(flag === 2){
this.$router.push({ name: "morerecord" }); this.$router.push({ name: "morerecord"});
}
if (flag === 3) {
this.$router.push({ name: "moredetail"});
} }
}, },
getData() { getData() {
const res = null; const res = null;
......
src/views/More/record.vue
...@@ -6,11 +6,20 @@ ...@@ -6,11 +6,20 @@
<div class="container-wrap"> <div class="container-wrap">
<div class="list"> <div class="list">
<div class="title"> <div class="title">
<div class="title_info">吴天逸工商代理工本费</div> <div class="title_info">{{data.fee_name}}</div>
<i>-160.00</i> <i>{{data.fee}}</i>
</div> </div>
<p> <p>
<span>11-20 12:20</span> <span>{{data.fee_date}}</span>
</p>
</div>
<div class="list">
<div class="title">
<div class="title_info">{{data.fee_name}}</div>
<i class="add_color">{{data.fee}}</i>
</div>
<p>
<span>{{data.fee_date}}</span>
</p> </p>
</div> </div>
</div> </div>
...@@ -27,7 +36,12 @@ export default { ...@@ -27,7 +36,12 @@ export default {
}, },
data() { data() {
return { return {
title: "资金记录" title: "资金记录",
data:{
fee_name:"吴天逸工商代理工本费",
fee:"-160.00",
fee_date:"11-20 12:20"
}
}; };
}, },
methods: { methods: {
...@@ -49,6 +63,7 @@ export default { ...@@ -49,6 +63,7 @@ export default {
padding: 0 16px; padding: 0 16px;
.list { .list {
border-bottom: 1px solid #ececee; border-bottom: 1px solid #ececee;
padding: 16px 0;
&:last-child { &:last-child {
border: 0; border: 0;
} }
...@@ -64,6 +79,9 @@ export default { ...@@ -64,6 +79,9 @@ export default {
margin-left: auto; margin-left: auto;
} }
} }
.add_color{
color: #ff9100;
}
p { p {
display: flex; display: flex;
align-items: center; align-items: center;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment