| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156 |
- <!doctype html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>用户请款情况</title>
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <link href="../../css/mui.min.css" rel="stylesheet" />
- <link href="../../css/animate.min.css" rel="stylesheet" />
- <style>
- .mui-bar-nav~.mui-content{padding-top: 55px;margin-bottom: 50px;}
- .ht{margin-top: 11px;padding: 5px;background-color: #fffbee;color: #ed9f2b;font-size: 11px;}
- .warn{display: block;padding-top: 11px;text-align: center;}
- .name{font-weight: bold;font-size: 17px;}
- .icon{font-size:17px;}
- .right{float: right;color: #FF5722;}
- .yh{font-size: 13px;padding: 10px 0px 0px 0px;color: darkgray;}
- .yh .sp{padding-right: 15px;}
- .sps{background: #00B5AD;padding: 1px 6px;border-radius: 3px;color: white;text-align: center;}
- .s{color: darkgray;font-size: 13px;}
- .row{font-size: 14px;padding-top: 10px;}
- .sm2{color: #4c4848;}
- .dc{padding-right: 10px;font-size: 13px;}
- .i{color: #00a0ea;}
- .item{border-top: 1px solid #ececec;margin-top: 10px;padding-top: 15px;font-size: 14px;}
- .dd{padding:5px;margin:0;border: 0;}
- .dz{font-size: 12px;color: darkgray;}
- .gs{padding-top: 11px;font-size: 48px;display: block;color: #00a0ea;}
- .nr{font-size: 13px;color: #4a4747;}
- .footer{color: white;position: fixed;background-color: #00a0ea;padding-top: 15px;width: 100%;bottom: 0;height: 52px;text-align: center;}
- .model{}
- .bbv{padding: 15px 18px 0px 18px;color: #7a7a7a;font-size: 14px;}
- .bor{border-left: 5px solid #00a0ea;padding-right: 5px;}
- .lyy{float: right;}
- .bbcs{color:#585858;padding: 12px;font-size: 14px;border-bottom: 1px solid #eaeaea;}
- .bbcs:last-child{border: 0px;}
- .btn{padding: 5px 18px;font-weight: normal;font-size: 14px;margin-top: -7px;}
- [v-cloak] {display: none;}
- </style>
- </head>
- <body>
- <div id="app" v-cloak>
- <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="model" style="padding-bottom: 20px;">></div>
- <div class="model" style="padding-bottom: 20px;">
- <div class="bbcs" v-for="(item,index) in item">用户：{{item.nickName}} 联系方式：{{item.account}} 银行卡号：{{item.kh}}
- <div class="lyy" @click="qrdk(item)" v-if="item.state===0">
- <button class="btn">请确认付款</button>
- </div>
- <div class="lyy" @click="contract(item,1)" style="color: #98ff72;"
- v-else-if="item.state===1">已同意付款</div>
-
- </div>
- </div>
- <!--
- <div class="mui-content">
- <div class="model" v-for="(item,index) in item">
- <div class="item dd">{{item.nickName}} {{item.account}} {{item.kh}}
- <div class="lyy" style="color: #ffba18;" @click="qrdk(item)" v-if="item.state===0">请确认付款</div>
- <div class="lyy" style="color: #00B5AD;" v-else-if="item.state===1">已同意付款</div>
- <div class="lyy" style="color: #98ff72;" v-if="item.state=='1' && item.finance=='0'">待请款</div>
- <div class="lyy" @click="qrdk(item)" style="color: #00B5AD;" v-if="item.state=='1' && item.finance=='1'">请款中请确认打款</div>
- <div class="lyy" style="color: #0000ff;" v-if="item.state=='2' && item.finance=='2'">已完成</div>
- </div>
- </div>
- </div>
- -->
-
-
- </div>
- <script src="../../js/mui.min.js"></script>
- <script src="../../js/app.js"></script>
- <script src="../../js/vue.min.js"></script>
- <script type="text/javascript">
- var vm = new Vue({
- el: "#app",
- data: {
- item: {},
- resume: {},
- msg: '我要报名',
- qitem: {}
- },
- mounted: function() {
- mui.plusReady(function() {
- request(urls().user_payapp, {
- parttime_id: plus.webview.currentWebview().param.parttime_id,
- userId: plus.webview.currentWebview().param.userId
- }, function(res) {
- console.log("res===" + JSON.stringify(res));
- vm.item = res.data;
- // if (res.result == true) {
- // mui.toast("操作成功");
- // plus.webview.getWebviewById("user_pay").reload(true);
- // }
- //vm.item.mTime = vm.item.mTime.substring(0, 11)
- plus.nativeUI.closeWaiting();
- })
- })
- },
- methods: {
- //确认打款
- qrdk: function(item) {
- console.log("items===" + JSON.stringify(item));
- if (confirm("请确认向该用户打款！！")) {
- console.log("确认======")
- vm.qitem.userId = getUser().id;
- vm.qitem.type = 1;
- vm.qitem.state = 0;
- vm.qitem.p_id = item.id;
- vm.qitem.pay_mode = item.pay_mode;
- vm.qitem.Payee = item.Payee;
- vm.qitem.q_date = item.q_date;
- vm.qitem.amount = item.amount;
- vm.qitem.parttime_id = item.parttime_id;
- vm.qitem.contract_id = item.contract_id;
- vm.qitem.remark = item.remark;
- request(urls().finance_app, vm.qitem, function(res) {
- plus.nativeUI.closeWaiting();
- if (res.result == true) {
- vm.msg = '已打款'
- mui.toast('已打款');
- plus.nativeUI.closeWaiting();
- } else {
- mui.alert(res.msg);
- }
- })
- } else {
- console.log("取消确认======")
- }
- },
- //合同详情
- contract: function(id, index) {
- if (index == 0) {
- open('detail', 'contract.html', id, 'slide-in-bottom');
- }
- if (index == 1) {
- open('detail', 'contract_detail.html', id, 'slide-in-bottom');
- }
- },
- }
- })
- </script>
- </body>
- </html>
|
