|
|
@@ -4,21 +4,25 @@
|
|
|
<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" />
|
|
|
+ <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 rel="stylesheet" href="../../css/animate.min.css" />
|
|
|
<style>
|
|
|
.mui-bar-nav~.mui-content{padding-top: 54px;}
|
|
|
- .bg{padding: 20px;text-align: center;}
|
|
|
- input{height: 50px!important;}
|
|
|
- .m_box {padding: 10px 10px 25px 10px;box-shadow: 0 1px 6px #dbdbdb;}
|
|
|
+ .bg{padding: 15px;text-align: center;}
|
|
|
+ input{height: 45px!important;font-size: 14px;}
|
|
|
+ textarea{font-size: 14px;}
|
|
|
+ .m_box {padding: 10px 10px 25px 15px;box-shadow: 0 1px 6px #dbdbdb;}
|
|
|
.btn{width: 230px;margin-top: -21px;}
|
|
|
.img_list{font-size: 13px;color: darkgray;}
|
|
|
.row .sm3{padding: 5px;width: 33.33%;}
|
|
|
.img{width: 60px;border-radius: 3px;border: 1px solid darkgray;margin-bottom: 5px;}
|
|
|
- .img.active{border: 2px solid green;}
|
|
|
+ .img.active{border: 1px solid green;}
|
|
|
.ht{text-align: left;padding-left: 20px;margin-top: -20px;padding-bottom: 10px;font-size: 14px;}
|
|
|
+ .row label{float: left;padding-bottom: 7px;font-size: 15px;}
|
|
|
.sa.active{color: green;}
|
|
|
+ .mb6{margin-bottom: -6px!important;}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
@@ -34,28 +38,31 @@
|
|
|
<div class="input-group">
|
|
|
合同接收人: {{items.mz}}
|
|
|
</div>
|
|
|
- <div class="row">
|
|
|
- <label>合同金额 <span></span></label>
|
|
|
+ <div class="row mb6" style="margin-top: -10px;">
|
|
|
+ <label>合同金额</label>
|
|
|
<input type="tel" v-model="item.contract_amount" placeholder="输入合同金额">
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <label>合同内容 <span></span></label>
|
|
|
-
|
|
|
- <textarea rows="3" v-model="item.contract_content" placeholder="输入合同内容"> </textarea>
|
|
|
-
|
|
|
- </div>
|
|
|
+ <div class="clear"></div>
|
|
|
+ </div>
|
|
|
+ <div class="row mb6">
|
|
|
+ <label>合同内容</label>
|
|
|
+ <textarea rows="3" v-model="item.contract_content" placeholder="输入合同内容"> </textarea>
|
|
|
+ <div class="clear"></div>
|
|
|
+ </div>
|
|
|
+ <div class="row mb6">
|
|
|
+ <label>备注</label>
|
|
|
+ <textarea rows="3" v-model="item.remark" placeholder="输入备注"> </textarea>
|
|
|
+ <div class="clear"></div>
|
|
|
+ </div>
|
|
|
<div class="row">
|
|
|
- <label>备注 <span></span></label>
|
|
|
-
|
|
|
- <textarea rows="3" v-model="item.remark" placeholder="输入备注"> </textarea>
|
|
|
-
|
|
|
- </div>
|
|
|
+ <label>请选择合同模板</label>
|
|
|
+ <div class="clear"></div>
|
|
|
+ </div>
|
|
|
<div class="img_list">
|
|
|
- <div class="ht">请选择合同</div>
|
|
|
<div class="row">
|
|
|
<div class="sm3" v-for="(item,index) in contract_list" @click="select(item,index)">
|
|
|
- <img :src="item.pic" class="img" :class="{active:curr==index}" @click.stop="view(item.pic)"/>
|
|
|
- <div class="sa" :class="{active:curr==index}">{{item.name}}</div>
|
|
|
+ <img :src="item.contract_url" class="img" :class="{active:curr==index}"
|
|
|
+ @click.stop="view(item.pic)" />
|
|
|
+ <div class="sa" :class="{active:curr==index}">{{item.title}}</div>
|
|
|
</div>
|
|
|
<div class="clear"></div>
|
|
|
</div>
|
|
|
@@ -72,16 +79,16 @@
|
|
|
var vm = new Vue({
|
|
|
el: "#app",
|
|
|
data: {
|
|
|
- contract_list:[{name:'范本1',pic:'../../images/ht1.jpg'},{name:'范本2',pic:'../../images/ht1.jpg'},{name:'范本3',pic:'../../images/ht1.jpg'}],
|
|
|
- curr:0,
|
|
|
+ contract_list: [],
|
|
|
+ curr: 0,
|
|
|
item: {
|
|
|
- //client: getUser().id,
|
|
|
- templete_id:''
|
|
|
+ client: getUser().id,
|
|
|
+ templete_id: ''
|
|
|
},
|
|
|
items: {},
|
|
|
},
|
|
|
mounted: function() {
|
|
|
- mui.plusReady(function() {
|
|
|
+ mui.plusReady(function() {
|
|
|
console.log("res===" + JSON.stringify(plus.webview.currentWebview().param));
|
|
|
if (plus.webview.currentWebview().param != null) {
|
|
|
vm.items = plus.webview.currentWebview().param;
|
|
|
@@ -90,11 +97,12 @@
|
|
|
vm.item.client_status = 1; //发送表示委托人同意
|
|
|
|
|
|
//获取合同列表
|
|
|
- request(urls().contract_list,{}, function(res) {
|
|
|
- vm.contract_list = res;
|
|
|
+ request(urls().contract_templete_list, {}, function(res) {
|
|
|
+ vm.contract_list = res.data;
|
|
|
+ setTimeout(() => {
|
|
|
plus.nativeUI.closeWaiting();
|
|
|
+ }, 500)
|
|
|
})
|
|
|
-
|
|
|
}
|
|
|
|
|
|
})
|
|
|
@@ -113,14 +121,21 @@
|
|
|
} else {
|
|
|
mui.toast(res.msg);
|
|
|
}
|
|
|
- plus.nativeUI.closeWaiting();
|
|
|
- })
|
|
|
+ plsetTimeout(() => {
|
|
|
+ plus.nativeUI.closeWaiting();
|
|
|
+ }, 500) })
|
|
|
},
|
|
|
- select:function(item,index){
|
|
|
- this.curr=index;
|
|
|
+ //选择合同模板
|
|
|
+ select: function(item, index) {
|
|
|
+ this.curr = index;
|
|
|
+ this.item.templete_id=item.id;
|
|
|
},
|
|
|
- view:function(img){
|
|
|
- plus.nativeUI.previewImage([img],{current:0,loop: true,indicator: 'number'});
|
|
|
+ view: function(img) {
|
|
|
+ plus.nativeUI.previewImage([img], {
|
|
|
+ current: 0,
|
|
|
+ loop: true,
|
|
|
+ indicator: 'number'
|
|
|
+ });
|
|
|
}
|
|
|
}
|
|
|
})
|
xiaoshushu