1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<?php
/**
* 用户申请证书编辑
* $Id: certificate_apply_edit_input.inc,v 1.1 2015/10/08 11:18:53 wanggb Exp $
* @author lixq
* @access public
* @package manager.templates
**/
?>
<div id="change">
<p class="edit_title">用户证书申请编辑</p>
<form id="certificate_apply_edit" action="certificate_apply_edit_result.php" method="post" enctype="multipart/form-data">
<input type="hidden" name="id" value="<?=$id?>"/>
<input type="hidden" name="status" value="<?=$status?>"/>
<div class="edit_content">
<p><b>申请人姓名：</b><span class="begin_blank"><?=htmlspecialchars($user_name) ?></span></p>
<p><b>申请证书名称：</b><span class="begin_blank"><?=htmlspecialchars($certificate_title) ?></span></p>
<p><b>收货人姓名：</b><el-input v-model="name" name="name" class="input_200"></el-input></p>
<p><b>收货人号码：</b><el-input v-model="mobile" type="number" name="mobile" class="input_200"></el-input></p>
<p><b>收货地址：</b><textarea v-model="address" name="address" rows="3" style="margin-left: 0;"></textarea></p>
<p><b>状态：</b><el-select v-model="status" size="small" style="width:100px;">
<el-option
v-for="item in status_list"
:key="item.id"
:label="item.title"
:value="item.id">
</el-option>
</el-select><br/></p>
<br/>
<el-button type="primary" @click="edit()" class="edit_btn" style="margin-left: 110px;">编辑</el-button>
<el-button type="primary" @click="back()" class="edit_btn">返回</el-button>
<br/><br/>
</div>
</form>
</div>
<script type="text/javascript">
new Vue({
el:'#change',
data:{
name:'<?=htmlspecialchars($name) ?>',
mobile:'<?=$mobile?>',
status:'<?=$status?>',
address:'<?=$address?>',
status_list:[{"title":"制作中",id:"WAITING"},{"title":"配送中",id:"SENDING"},{"title":"已签收",id:"FINISH"}]
},
methods:{
back:function(){
window.history.go(-1);
},
edit:function(){
if(!this.name){
this.$message({
type: 'error',
message: '请输入收货人姓名!'
});
return;
}
if(!this.mobile){
this.$message({
type: 'error',
message: '请输入收货人号码!'
});
return;
}
if(!this.address){
this.$message({
type: 'error',
message: '请输入收货人地址!'
});
return;
}
$("input[name='status']").val(this.status);
$('#certificate_apply_edit').submit();
}
}
})
</script>