交易规则完成
This commit is contained in:
parent
2fef75a2c9
commit
e9c91cc7e4
68
css/credit_edit.css
Normal file
68
css/credit_edit.css
Normal file
@ -0,0 +1,68 @@
|
||||
.row {
|
||||
background: white;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.block{
|
||||
margin-top: 36px;
|
||||
padding: 0 2%;
|
||||
}
|
||||
|
||||
.z{
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 18px;
|
||||
color: black;
|
||||
line-height: 42px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.small_title,
|
||||
.created_time,
|
||||
.updated_time {
|
||||
font-size: 0.8rem;
|
||||
color: #BBBBBB;
|
||||
}
|
||||
|
||||
.footer{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background: white;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
}
|
||||
#content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#content .w-e-toolbar {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.s1 {
|
||||
/* float: left; */
|
||||
/* min-width: 60px; */
|
||||
line-height: 42px;
|
||||
color: #525252;
|
||||
font-size: 17px;
|
||||
white-space: nowrap;
|
||||
/* flex: 1.2; */
|
||||
}
|
||||
|
||||
.con .row input {
|
||||
/* float: left; */
|
||||
margin: 0;
|
||||
width:auto ;
|
||||
border: none;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
93
js/credit.js
Normal file
93
js/credit.js
Normal file
@ -0,0 +1,93 @@
|
||||
mui.plusReady(function(){
|
||||
$('body').on('click', ".footer[data-app='app2']", function(){
|
||||
app2.create();
|
||||
})
|
||||
})
|
||||
|
||||
const app2 = new Vue({
|
||||
el: '#app2',
|
||||
data() {
|
||||
return {
|
||||
creditData: [
|
||||
],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
triggerDelete(index) {
|
||||
this.$set(this.creditData[index], 'currentDelete', true)
|
||||
},
|
||||
cancelDelete(index){
|
||||
this.$set(this.creditData[index], 'currentDelete', false)
|
||||
},
|
||||
confirmDelete(index){
|
||||
$.ajax({
|
||||
url: qlgUrl("app/note/creditDelete"),
|
||||
method: "POST",
|
||||
data: {
|
||||
id: this.creditData[index].id,
|
||||
},
|
||||
dataType: "json",
|
||||
success: (res) => {
|
||||
if(res.status != 1){
|
||||
mui.alert(res.msg);
|
||||
}
|
||||
this.loadData();
|
||||
},
|
||||
error: (err) => {
|
||||
mui.alert("请求失败");
|
||||
this.loadData();
|
||||
}
|
||||
})
|
||||
},
|
||||
edit(index){
|
||||
mui.openWindow({
|
||||
url: "credit_edit.html",
|
||||
id: "credit_edit"+index,
|
||||
extras: {
|
||||
noteId: index
|
||||
},
|
||||
createNew: false, //是否重复创建同样id的webview，默认为false:不重复创建，直接显示
|
||||
waiting: {
|
||||
autoShow: true, //自动显示等待框，默认为true
|
||||
title: '正在加载...', //等待对话框上显示的提示内容
|
||||
}
|
||||
})
|
||||
},
|
||||
create(){
|
||||
// some jump
|
||||
this.edit(0);
|
||||
// JZL.openWindow('trade_rule.html', 'trade_rule.html')
|
||||
},
|
||||
loadData() {
|
||||
$.ajax({
|
||||
url: qlgUrl("app/note/creditIndex"),
|
||||
method: "GET",
|
||||
dataType: 'json',
|
||||
success: (res) => {
|
||||
if(res.status == 1){
|
||||
this.creditData = res.data;
|
||||
localStorage.setItem("LOCAL_CREDIT", JSON.stringify(res.data));
|
||||
}else{
|
||||
mui.alert(res.msg);
|
||||
}
|
||||
},
|
||||
error: function(err){
|
||||
mui.alert("请求失败");
|
||||
self.back();
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
created() {
|
||||
var localData = localStorage.getItem("LOCAL_CREDIT");
|
||||
this.loadData();
|
||||
if(localData){
|
||||
try{
|
||||
JSON.parse(localData);
|
||||
this.noteData = JSON.parse(localData);
|
||||
} catch(e) {
|
||||
this.noteData = [];
|
||||
}
|
||||
}
|
||||
},
|
||||
})
|
||||
173
js/credit_edit.js
Normal file
173
js/credit_edit.js
Normal file
@ -0,0 +1,173 @@
|
||||
mui.init({
|
||||
beforeback: function() {
|
||||
//获得父页面的webview
|
||||
var list = plus.webview.currentWebview().opener(); //触发父页面的自定义事件(refresh),从而进行刷新
|
||||
list.reload();
|
||||
//返回true,继续页面关闭逻辑
|
||||
return true;
|
||||
}
|
||||
});
|
||||
|
||||
mui.plusReady(function(){
|
||||
window.self = plus.webview.currentWebview();
|
||||
window.Id = self.noteId;
|
||||
var $createTime = $("#createTime");
|
||||
var $name = $("#name");
|
||||
var $cc = $("#cur_cash");
|
||||
var $cdc = $("#credit_cash");
|
||||
if(Id <= 0) {
|
||||
$createTime.text("现在");
|
||||
$(".footer .add").attr('disabled', true);
|
||||
}
|
||||
$(".footer").on("tap", '.save',function(){
|
||||
$.ajax({
|
||||
url: qlgUrl("app/note/creditSave"),
|
||||
method: "POST",
|
||||
data: {
|
||||
id: Id,
|
||||
name: $name.val(),
|
||||
cur_cash: $cc.val(),
|
||||
credit_cash: $cdc.val(),
|
||||
},
|
||||
dataType: "json",
|
||||
success: function(res){
|
||||
if(res.status != 1){
|
||||
mui.alert(res.msg);
|
||||
}else{
|
||||
mui.back();
|
||||
}
|
||||
},
|
||||
error: function(err){
|
||||
mui.alert("请求失败");
|
||||
self.back();
|
||||
}
|
||||
})
|
||||
})
|
||||
$(".footer").on("tap", '.add',function(){
|
||||
app.triggerShowAdd();
|
||||
})
|
||||
const app = new Vue({
|
||||
el: '#content',
|
||||
data() {
|
||||
return {
|
||||
listData: [
|
||||
],
|
||||
newData: {
|
||||
type: 1,
|
||||
amount: 0,
|
||||
},
|
||||
showAdd: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
delete2(index) {
|
||||
if(!confirm('确定要删除么?'))return ;
|
||||
$.ajax({
|
||||
url: qlgUrl("app/note/creditDeleteInfo"),
|
||||
method: "POST",
|
||||
data: {
|
||||
id: this.listData[index].id,
|
||||
credit_id: this.listData[index].credit_id,
|
||||
},
|
||||
dataType: "json",
|
||||
success: (res) => {
|
||||
if(res.status != 1){
|
||||
mui.alert(res.msg);
|
||||
}
|
||||
this.loadData();
|
||||
},
|
||||
error: (err) => {
|
||||
mui.alert("请求失败");
|
||||
this.loadData();
|
||||
}
|
||||
})
|
||||
},
|
||||
loadData() {
|
||||
$.ajax({
|
||||
url: qlgUrl("app/note/creditDetail"),
|
||||
method: "GET",
|
||||
data: {
|
||||
id: window.Id,
|
||||
},
|
||||
dataType: "json",
|
||||
success: function(res){
|
||||
if(res.status == 1){
|
||||
$createTime.text(res.data.create_time);
|
||||
$name.val(res.data.name);
|
||||
$cdc.val(res.data.credit_cash);
|
||||
$cc.val(res.data.cur_cash);
|
||||
$cc.data('val',res.data.cur_cash);
|
||||
}else{
|
||||
alert(res.msg);
|
||||
}
|
||||
},
|
||||
error: function(err){
|
||||
alert("请求失败");
|
||||
},
|
||||
});
|
||||
$.ajax({
|
||||
url: qlgUrl("app/note/creditDetailInfo"),
|
||||
method: "GET",
|
||||
data: {
|
||||
id: Id
|
||||
},
|
||||
dataType: 'json',
|
||||
success: (res) => {
|
||||
if(res.status == 1){
|
||||
this.listData = res.data;
|
||||
localStorage.setItem("LOCAL_CREDIT_"+Id, JSON.stringify(res.data));
|
||||
}else{
|
||||
mui.alert(res.msg);
|
||||
}
|
||||
},
|
||||
error: function(err){
|
||||
mui.alert("请求失败");
|
||||
self.back();
|
||||
}
|
||||
});
|
||||
},
|
||||
addNewData() {
|
||||
$.ajax({
|
||||
url: qlgUrl("app/note/creditAdd"),
|
||||
method: "POST",
|
||||
data: {
|
||||
id: Id,
|
||||
...this.newData,
|
||||
},
|
||||
dataType: "json",
|
||||
success: (res) => {
|
||||
this.newData = {
|
||||
type: 1,
|
||||
amount: 0,
|
||||
}
|
||||
this.showAdd = false;
|
||||
if(res.status != 1){
|
||||
mui.alert(res.msg);
|
||||
}
|
||||
this.loadData();
|
||||
},
|
||||
error: function(err){
|
||||
this.loadData();
|
||||
}
|
||||
})
|
||||
},
|
||||
triggerShowAdd() {
|
||||
this.showAdd = !this.showAdd;
|
||||
},
|
||||
},
|
||||
created() {
|
||||
if (Id <= 0) return;
|
||||
var localData = localStorage.getItem("LOCAL_CREDIT_"+Id);
|
||||
this.loadData();
|
||||
if(localData){
|
||||
try{
|
||||
JSON.parse(localData);
|
||||
this.listData = JSON.parse(localData);
|
||||
} catch(e) {
|
||||
console.log(e);
|
||||
this.listData = [];
|
||||
}
|
||||
}
|
||||
},
|
||||
})
|
||||
})
|
||||
10
js/trade_rule_detail.js
Normal file
10
js/trade_rule_detail.js
Normal file
@ -0,0 +1,10 @@
|
||||
mui.plusReady(function(){
|
||||
// some ajax
|
||||
window.self = plus.webview.currentWebview();
|
||||
window.Id = self.ruleId;
|
||||
const parentData = self.parentData;
|
||||
var block = $('.block');
|
||||
if (parentData) {
|
||||
block.html(parentData.content)
|
||||
}
|
||||
})
|
||||
97
templete/credit_edit.html
Normal file
97
templete/credit_edit.html
Normal file
@ -0,0 +1,97 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head style="visibility:hidden;">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<title>内容编辑</title>
|
||||
<link rel="stylesheet" type="text/css" href="../css/mui.css" />
|
||||
</head>
|
||||
|
||||
<body style="visibility:hidden;">
|
||||
<div class="header">
|
||||
<div class="header_con">
|
||||
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
||||
<!--<img src="../img/title_news.png" class="oc_logo" />-->
|
||||
<p class="title">内容编辑</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="z"></div>
|
||||
<div class="con">
|
||||
<div class="row">
|
||||
<span class="s1">卡名称:</span>
|
||||
<input type="text" name="name" id="name" value="" placeholder="请输入标题" />
|
||||
</div>
|
||||
<div class="row">
|
||||
<span class="s1">卡余额:</span>
|
||||
<input type="number" name="cur_cash" id="cur_cash" value="" placeholder="请输入当前余额" />
|
||||
<span class="s3">元</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<span class="s1">卡额度:</span>
|
||||
<input type="number" name="credit_cash" id="credit_cash" value="" placeholder="请输入信用卡额度" />
|
||||
<span class="s3">元</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<span>创建时间：<span id="createTime"></span></span>
|
||||
</div>
|
||||
<div id="content" v-cloak>
|
||||
<div class="row clearfix" v-if="showAdd">
|
||||
<span class="s2" style="display: inline-block;">
|
||||
<select v-model="newData.type" style="height: 40px;
|
||||
margin: 0;
|
||||
padding: 0 10px;
|
||||
font-size: 16px;">
|
||||
<option value="1">购物</option>
|
||||
<option value="2">还款</option>
|
||||
</select>
|
||||
</span>
|
||||
<span class="s3" style="display: inline-block;">
|
||||
<input v-model="newData.amount" type="number" style="width: 120px;">元
|
||||
</span>
|
||||
<span class="s1 btn" @click="addNewData">新增</span>
|
||||
<span class="s1 btn" @click="triggerShowAdd">取消</span>
|
||||
</div>
|
||||
<div class="row clearfix" v-for="(each, index) in listData" :data-id="each.id">
|
||||
<span class="s1">{{each.create_date}}</span>
|
||||
<span class="s2">{{each.type==0?'初始值':(each.type==1?'购物':(each.type==2?'还款':
|
||||
(each.type==9?'手动修正':'其他')))}}</span>
|
||||
<span class="s3">{{each.amount}}元</span>
|
||||
<div @click="delete2(index)" v-if="(each.type == 1 || each.type == 2)" style="color: red;float: right;line-height: 40px;">删除</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer" style="display: flex;">
|
||||
<div class='save' style="width: 100%;border-right: 1px solid #888;">保存</div>
|
||||
<div class='add' style="width: 100%;">新增记录</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../js/uploader.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../lib/wangEditor/wangEditor.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../lib/wangEditor/moxie.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../lib/wangEditor/qiniu.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../lib/wangEditor/plupload.dev.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../lib/vue/vue.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
mui.plusReady(function() {
|
||||
var element;
|
||||
var parent = document.body;
|
||||
element = document.createElement('script');
|
||||
element.src = localStorage.getItem("jsUrl") + 'common.js?ver=' + localStorage.getItem('version');
|
||||
parent.appendChild(element);
|
||||
element.onload = function() {
|
||||
var style = [JZL.getCssUrl('credit_edit.css'), JZL.getCssUrl("global.css"), JZL.getCssUrl("header.css")];
|
||||
JZL.css_init(style);
|
||||
var script = [JZL.getJsUrl('credit_edit.js')];
|
||||
JZL.js_init(script);
|
||||
setTimeout(function() {
|
||||
parent.style.visibility = "visible";
|
||||
}, 100);
|
||||
};
|
||||
})
|
||||
|
||||
</script>
|
||||
</html>
|
||||
45
templete/trade_rule_detail.html
Normal file
45
templete/trade_rule_detail.html
Normal file
@ -0,0 +1,45 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head style="visibility:hidden;">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<title>交易规则详情</title>
|
||||
<link rel="stylesheet" type="text/css" href="../css/mui.css" />
|
||||
</head>
|
||||
|
||||
<body style="visibility:hidden;">
|
||||
<div class="header">
|
||||
<div class="header_con">
|
||||
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
||||
<!--<img src="../img/title_news.png" class="oc_logo" />-->
|
||||
<p class="title">交易规则详情</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="z"></div>
|
||||
<div class="block" style="background-color: white;">
|
||||
|
||||
</div>
|
||||
</body>
|
||||
<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
mui.plusReady(function() {
|
||||
var element;
|
||||
var parent = document.body;
|
||||
element = document.createElement('script');
|
||||
element.src = localStorage.getItem("jsUrl") + 'common.js?ver=' + localStorage.getItem('version');
|
||||
parent.appendChild(element);
|
||||
element.onload = function() {
|
||||
var style = [JZL.getCssUrl('trade_rule.css'), JZL.getCssUrl("global.css"), JZL.getCssUrl("header.css")];
|
||||
JZL.css_init(style);
|
||||
var script = [JZL.getJsUrl('trade_rule_detail.js')];
|
||||
JZL.js_init(script);
|
||||
setTimeout(function() {
|
||||
parent.style.visibility = "visible";
|
||||
}, 100);
|
||||
};
|
||||
})
|
||||
</script>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user