作者 潘浩文
1 个管道 的构建 通过 耗费 0 秒

后台设备模块开发

... ... @@ -32,8 +32,26 @@
<tr>
<th>用户姓名<span class="form-required">*</span></th>
<td>
<input class="form-control" type="number" name="row"
id="row" value="{$list.row}" placeholder="请输入设备位置(行)" required/>
<input class="form-control" type="text" name="user_name"
id="user_name" value="{$list.user_name}" disabled/>
</td>
</tr>
<tr>
<th>手机号<span class="form-required">*</span></th>
<td>
<input class="form-control" type="number" name="mobile"
id="mobile" value="{$list.mobile}" disabled/>
</td>
</tr>
<tr>
<th>所属地区<span class="form-required">*</span></th>
<td>
<select name="address" required id="address">
<option value="">请选择所属地区</option>
<foreach name="address" item="vo">
<option value="{$vo.address}" <eq name="list.address" value="$vo.address">selected</eq>>{$vo.address}</option>
</foreach>
</select>
</td>
</tr>
<tr>
... ... @@ -59,24 +77,68 @@
</td>
</tr>
<tr>
<th>设备位置(行)<span class="form-required">*</span></th>
<th>设备位置<span class="form-required">*</span></th>
<td>
<select name="location" required id="lightLocation">
<option value="">请选择设备位置</option>
<foreach name="location" item="vo">
<option value="{:implode($vo,',')}" <eq name="list.location" value="$vo">selected</eq>>{$vo.0}行{$vo.1}列</option>
</foreach>
</select>
</td>
</tr>
<tr>
<th>支付金额(元)<span class="form-required">*</span></th>
<td>
<input class="form-control" type="number" name="row"
id="row" value="{$list.row}" placeholder="请输入设备位置(行)" required/>
<input class="form-control" type="number" name="money"
id="money" value="{$list.money}" placeholder="请输入支付金额" required/>
</td>
</tr>
<tr>
<th>设备位置(列)<span class="form-required">*</span></th>
<th>支付时间<span class="form-required">*</span></th>
<td>
<input class="form-control" type="number" name="column"
id="column" value="{$list.column}" placeholder="请输入设备位置(列)" required/>
<input class="form-control" type="text" name="pay_time"
id="pay_time" value="{:date('Y-m-d',$list.pay_time)}" disabled/>
</td>
</tr>
<tr>
<th>该位置价格(元)<span class="form-required">*</span></th>
<th>到期时间<span class="form-required">*</span></th>
<td>
<input class="form-control" type="number" name="price"
id="price" value="{$list.price}" placeholder="请输入该位置价格" required/>
<input class="form-control" type="text" name="end_time"
id="end_time" value="{:date('Y-m-d',$list.end_time)}" disabled/>
</td>
</tr>
<tr>
<th>供养人姓名<span class="form-required">*</span></th>
<td>
<input class="form-control" type="text" name="name"
id="name" value="{$list.v}" placeholder="请输入供养人姓名" required/>
</td>
</tr>
<tr>
<th>头像</th>
<td>
<div>
<input type="hidden" name="avatar" id="thumbnail" value="{$list.avatar|default=''}">
<a href="javascript:uploadOneImage('图片上传','#thumbnail');">
<if condition="empty($list.avatar)">
<img src="__TMPL__/public/assets/images/default-thumbnail.png"
id="thumbnail-preview"
width="135" style="cursor: pointer"/>
<else/>
<img src="{:cmf_get_image_preview_url($list.avatar)}"
id="thumbnail-preview"
width="135" style="cursor: pointer"/>
</if>
</a>
<input type="button" class="btn btn-sm btn-cancel-thumbnail" value="取消图片">
</div>
</td>
</tr>
<tr>
<th>祈福语<span class="form-required">*</span></th>
<td>
<textarea name="content" required>{$list.content}</textarea>
</td>
</tr>
</table>
... ... @@ -114,31 +176,91 @@
$('#more-template-select').val("{$post.more.template|default=''}");
});
$("#temple").change(function(){
$("#address").change(function(){
var one_id=$(this).val();
$.ajax({
url:"{:url('AdminLight/next')}",
url:"{:url('AdminLight/getTemple')}",
Type:"POST",
data:"id="+one_id,
data:"address="+one_id,
dataType:"json",
success:function(data){
var option=$("<option></option>");
$(option).val("");
$(option).html("请选择所属区域");
$("#area").html(option);
$(option).html("请选择所属寺庙");
$("#temple").html(option);
var option1=$("<option></option>");
$(option1).val("");
$(option1).html("请选择所属区域");
$("#area").html(option1);
var option2=$("<option></option>");
$(option2).val("");
$(option2).html("请选择设备位置");
$("#lightLocation").html(option2);
if(data){
var two = JSON.parse(data);
for(var i in two){
var option=$("<option></option>");
$(option).val(two[i]['id']);
$(option).html(two[i]['name']);
$("#area").append(option);
$("#temple").append(option);
}
}
}
});
});
$("#temple").change(function(){
var one_id=$(this).val();
$.ajax({
url:"{:url('AdminLight/getTempleArea')}",
Type:"POST",
data:"id="+one_id,
dataType:"json",
success:function(data){
var option1=$("<option></option>");
$(option1).val("");
$(option1).html("请选择所属区域");
$("#area").html(option1);
var option2=$("<option></option>");
$(option2).val("");
$(option2).html("请选择设备位置");
$("#lightLocation").html(option2);
if(data){
var two = JSON.parse(data);
for(var i in two){
var option=$("<option></option>");
$(option).val(two[i]['id']);
$(option).html(two[i]['name']);
$("#area").append(option);
}
}
}
});
});
$("#area").change(function(){
var one_id=$(this).val();
$.ajax({
url:"{:url('AdminLight/getLocation')}",
Type:"POST",
data:"id="+one_id,
dataType:"json",
success:function(data){
var option2=$("<option></option>");
$(option2).val("");
$(option2).html("请选择设备位置");
$("#lightLocation").html(option2);
if(data){
var two = JSON.parse(data);
for(var i in two){
var option=$("<option></option>");
$(option).val(two[i]);
$(option).html(two[i]['0']+'行'+two[i]['1']+'列');
$("#lightLocation").append(option);
}
}
}
});
});
</script>
</body>
</html>
\ No newline at end of file
... ...