|
|
@@ -9,20 +9,76 @@
|
|
|
<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: 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: 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;}
|
|
|
+ .mui-bar-nav~.mui-content {
|
|
|
+ padding-top: 54px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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: 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>
|
|
|
|
|
|
@@ -38,7 +94,7 @@
|
|
|
<div class="input-group">
|
|
|
合同接收人: {{items.mz}}
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="row mb6">
|
|
|
<label>合同名称</label>
|
|
|
<input type="tel" v-model="item.contract_content" placeholder="输入合同名称">
|
|
|
@@ -60,15 +116,18 @@
|
|
|
</div>
|
|
|
<div class="img_list">
|
|
|
<div class="row">
|
|
|
- <div class="sm3" >
|
|
|
- <img :src="item.contract_url" class="img" @click.stop="view(item.contract_url)" />
|
|
|
- <div class="sa" >{{item.title}}</div>
|
|
|
+ <div class="sm3">
|
|
|
+ <img :src="item.contract_url" class="img" @click.stop="view(item.contract_url)" />
|
|
|
+ <div class="sa">{{item.title}}</div>
|
|
|
</div>
|
|
|
<div class="clear"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <button class="btn" @click="save()" v-if="item.status!='1' ">保存</button> <button class="btn" @click="ok()" v-if="item.client_status!='1' ">确认合同</button>
|
|
|
+ <div><button class="btn" @click="save()" v-if="item.status!='1' ">保存</button></div>
|
|
|
+ <div style="padding-top: 20px;"><button class="btn" @click="ok()"
|
|
|
+ v-if="item.client_status!='1' ">确认合同</button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -82,46 +141,48 @@
|
|
|
contract_list: [],
|
|
|
curr: 0,
|
|
|
item: {
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
items: {},
|
|
|
- parm:{client:getUser().id}
|
|
|
+ parm: {
|
|
|
+ client: getUser().id
|
|
|
+ }
|
|
|
},
|
|
|
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;
|
|
|
vm.parm.trustee = plus.webview.currentWebview().param.userId;
|
|
|
vm.parm.parttime_id = plus.webview.currentWebview().param.parttime_id;
|
|
|
-
|
|
|
+
|
|
|
//vm.item.client_status = 1; //发送表示委托人同意
|
|
|
-
|
|
|
+
|
|
|
//获取合同列表
|
|
|
//request(urls().contract_templete_list, {}, function(res) {
|
|
|
// vm.contract_list = res.data;
|
|
|
// setTimeout(() => {
|
|
|
// plus.nativeUI.closeWaiting();
|
|
|
//}, 500)
|
|
|
- // })
|
|
|
-
|
|
|
-
|
|
|
+ // })
|
|
|
+
|
|
|
+
|
|
|
//获取合同详情
|
|
|
request(urls().u_contract, vm.parm, function(res) {
|
|
|
- console.log("res22==="+JSON.stringify(res));
|
|
|
+ console.log("res22===" + JSON.stringify(res));
|
|
|
vm.item = res;
|
|
|
setTimeout(() => {
|
|
|
- plus.nativeUI.closeWaiting();
|
|
|
- }, 500)
|
|
|
+ plus.nativeUI.closeWaiting();
|
|
|
+ }, 500)
|
|
|
})
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
|
|
|
})
|
|
|
},
|
|
|
methods: {
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
//保存
|
|
|
save: function() {
|
|
|
if (vm.item.templete_id == '') {
|
|
|
@@ -138,20 +199,21 @@
|
|
|
}
|
|
|
plsetTimeout(() => {
|
|
|
plus.nativeUI.closeWaiting();
|
|
|
- }, 500) })
|
|
|
+ }, 500)
|
|
|
+ })
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
//编辑
|
|
|
ok: function() {
|
|
|
//if (vm.item.templete_id == '') {
|
|
|
// mui.alert('请选择合同模板');
|
|
|
// return;
|
|
|
- // }
|
|
|
- this.item.status=1;
|
|
|
+ // }
|
|
|
+ this.item.status = 1;
|
|
|
this.item.client_status = 1;
|
|
|
-
|
|
|
+
|
|
|
request(urls().save_contract, this.item, function(res) {
|
|
|
if (res.result == true) {
|
|
|
mui.toast("操作成功");
|
|
|
@@ -161,12 +223,13 @@
|
|
|
}
|
|
|
plsetTimeout(() => {
|
|
|
plus.nativeUI.closeWaiting();
|
|
|
- }, 500) })
|
|
|
+ }, 500)
|
|
|
+ })
|
|
|
},
|
|
|
//选择合同模板
|
|
|
select: function(item, index) {
|
|
|
this.curr = index;
|
|
|
- this.item.templete_id=item.id;
|
|
|
+ this.item.templete_id = item.id;
|
|
|
},
|
|
|
view: function(img) {
|
|
|
plus.nativeUI.previewImage([img], {
|
15807800591