238 lines
12 KiB
HTML
238 lines
12 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html class="x-admin-sm">
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<title>设备管理_edit</title>
|
|||
|
|
<meta name="renderer" content="webkit">
|
|||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|||
|
|
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
|
|||
|
|
<link rel="stylesheet" href="/x_admin/css/font.css">
|
|||
|
|
<link rel="stylesheet" href="/x_admin/css/xadmin.css">
|
|||
|
|
<script type="text/javascript" src="/x_admin/lib/layui/layui.js" charset="utf-8"></script>
|
|||
|
|
<script type="text/javascript" src="/x_admin/js/xadmin.js"></script>
|
|||
|
|
<script type="text/javascript" src="/x_admin/js/jq.js"></script>
|
|||
|
|
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
|
|||
|
|
<!--[if lt IE 9]>
|
|||
|
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
|||
|
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
|||
|
|
<![endif]-->
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="layui-fluid">
|
|||
|
|
<div class="layui-row">
|
|||
|
|
<form class="layui-form">
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<label for="L_email" class="layui-form-label">
|
|||
|
|
<span class="x-red">*</span>封面</label>
|
|||
|
|
</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<!-- <input type="text" id="L_email" name="email" required="" lay-verify="email" autocomplete="off" class="layui-input"> -->
|
|||
|
|
<input type="file" id="upload_file_app" lay-verify="upload_file_app" name="file_data">
|
|||
|
|
</div>
|
|||
|
|
<!-- <div class="layui-form-mid layui-word-aux">
|
|||
|
|
<span class="x-red">*</span>将会成为您唯一的登入名
|
|||
|
|
</div> -->
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<label for="device_name" class="layui-form-label">
|
|||
|
|
<span class="x-red">*</span>设备名称</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="device_name" name="device_name" required="" lay-verify="device_name" autocomplete="off" class="layui-input" value="{$result.name}">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<label for="device_model" class="layui-form-label">
|
|||
|
|
<span class="x-red">*</span>设备型号</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="device_model" name="device_model" required="" lay-verify="device_model" autocomplete="off" class="layui-input" value="{$result.device_model}">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<label for="bluetooth_type" class="layui-form-label">
|
|||
|
|
<span class="x-red">*</span>蓝牙类型</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="bluetooth_type" name="bluetooth_type" required="" lay-verify="bluetooth_type" autocomplete="off" class="layui-input" value="{$result.bluetooth_type}">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<label for="page_measure" class="layui-form-label">
|
|||
|
|
<span class="x-red"></span>测量页路径</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="page_measure" name="page_measure" required="" lay-verify="page_measure" autocomplete="off" class="layui-input" value="{$result.page_measure}">
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-mid layui-word-aux"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<label for="content" class="layui-form-label">
|
|||
|
|
<span class="x-red"></span>描述</label>
|
|||
|
|
<div class="layui-input-inline">
|
|||
|
|
<input type="text" id="content" name="content" required="" lay-verify="content" autocomplete="off" class="layui-input" value="{$result.content}"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item">
|
|||
|
|
<label for="L_repass" class="layui-form-label"></label>
|
|||
|
|
<!-- <div class="layui-btn" id="add" lay-filter="add" lay-submit="">增加</div>
|
|||
|
|
<input value="登录" lay-submit lay-filter="add" type="submit" class="layui-btn"> -->
|
|||
|
|
<button class="layui-btn" lay-filter="add" lay-submit="">修改</button>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- <div class="layui-fluid">
|
|||
|
|
<div id="official_1" class="layui-row">
|
|||
|
|
<div style="margin-left: 8%;margin-top: 5%;font-size: 25px;">请先下载模板文件，信息填写完成并上传该文件后点击生成</div>
|
|||
|
|
<img style="width: 90%;margin-left: 3%;"src="/uploads/code_demo.png?v=1.0" alt="">
|
|||
|
|
<div class="layui-form-item" style="width: 30%;margin-left: 33%;margin-top: 5%;">
|
|||
|
|
<span>步骤1：</span><a href="/uploads/code_demo.xlsx" class="layui-btn" lay-filter="add">下载模板文件</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item" style="width: 50%;margin-left: 33%;margin-top: 5%;">
|
|||
|
|
<span>步骤2：</span><input type="file" id="data_excel" name="data_excel">
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-form-item" style="width: 30%;margin-left: 33%;margin-top: 5%;">
|
|||
|
|
<span>步骤3：</span><button class="layui-btn" lay-filter="add" lay-submit="" onclick="add_data()">生成</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div> -->
|
|||
|
|
<script>
|
|||
|
|
$(document).ready(function(){
|
|||
|
|
var id = "{$result.id}"
|
|||
|
|
var file_name_all = ''
|
|||
|
|
var file_name = ''
|
|||
|
|
var file_extension = ''
|
|||
|
|
var pd = true
|
|||
|
|
|
|||
|
|
$('#upload_file_app').on('change', function() {
|
|||
|
|
// 获取被选择的文件
|
|||
|
|
var fileInput = $(this)[0];
|
|||
|
|
var file = fileInput.files[0];
|
|||
|
|
|
|||
|
|
// 检查是否有文件被选择
|
|||
|
|
if (file) {
|
|||
|
|
// 获取文件的名称
|
|||
|
|
file_name_all = file.name;
|
|||
|
|
// 使用lastIndexOf和substring来获取文件名（不包括后缀）
|
|||
|
|
var lastIndex = file_name_all.lastIndexOf('.');
|
|||
|
|
file_name = lastIndex !== -1 ? file_name_all.substring(0, lastIndex) : file_name_all;
|
|||
|
|
// 获取文件后缀
|
|||
|
|
file_extension = lastIndex !== -1 ? file_name_all.substring(lastIndex + 1) : '';
|
|||
|
|
$('#file_name').val(file_name)
|
|||
|
|
// console.log($('#upload_file_app')[0].files[0])
|
|||
|
|
// formdata.append('apk',$('#upload_file_app')[0].files[0])
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function edit_data(){
|
|||
|
|
if(pd === false){
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
var formdata = new FormData();
|
|||
|
|
formdata.append('upload_file_app',$('#upload_file_app')[0].files[0])
|
|||
|
|
formdata.append('device_name',$('#device_name').val())
|
|||
|
|
formdata.append('device_model',$('#device_model').val())
|
|||
|
|
formdata.append('bluetooth_type',$('#bluetooth_type').val())
|
|||
|
|
formdata.append('page_measure',$('#page_measure').val())
|
|||
|
|
formdata.append('content',$('#content').val())
|
|||
|
|
formdata.append('file_extension',file_extension)
|
|||
|
|
formdata.append('id',id)
|
|||
|
|
load()
|
|||
|
|
pd = false
|
|||
|
|
console.log('进来了')
|
|||
|
|
$.ajax({
|
|||
|
|
url:"/device/device_edit_action", //请求的url地址
|
|||
|
|
contentType:false,
|
|||
|
|
processData:false,
|
|||
|
|
async:true,//请求是否异步，默认为异步，这也是ajax重要特性
|
|||
|
|
data:formdata, //参数值
|
|||
|
|
type:"POST", //请求方式
|
|||
|
|
success:function(req){
|
|||
|
|
c_load()
|
|||
|
|
pd = true
|
|||
|
|
if(req.code == 0){
|
|||
|
|
layer.alert("修改成功", {icon: 6},function() {
|
|||
|
|
//关闭当前frame
|
|||
|
|
xadmin.close();
|
|||
|
|
// 可以对父窗口进行刷新
|
|||
|
|
xadmin.father_reload();
|
|||
|
|
});
|
|||
|
|
}else{
|
|||
|
|
layer.alert("修改失败"+req.msg, {icon: 6},function() {
|
|||
|
|
//关闭当前frame
|
|||
|
|
xadmin.close();
|
|||
|
|
// 可以对父窗口进行刷新
|
|||
|
|
xadmin.father_reload();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//请求成功时处理
|
|||
|
|
|
|||
|
|
console.log(req)
|
|||
|
|
},
|
|||
|
|
error:function(){
|
|||
|
|
//请求出错处理
|
|||
|
|
pd = true
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
layui.use(['form', 'layer','jquery'],function() {
|
|||
|
|
$ = layui.jquery;
|
|||
|
|
var form = layui.form,
|
|||
|
|
layer = layui.layer;
|
|||
|
|
|
|||
|
|
//自定义验证规则
|
|||
|
|
form.verify({
|
|||
|
|
|
|||
|
|
// upload_file_app: function(value) {
|
|||
|
|
// if (value == '') {
|
|||
|
|
// return '请先选择文件';
|
|||
|
|
// }
|
|||
|
|
// },
|
|||
|
|
device_name: function(value) {
|
|||
|
|
if (value == '') {
|
|||
|
|
return '必须填写设备名称';
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// version_num: [/[\d.]{0,9}$/, '版本号必须以大写V开头最多10个字符（由数字跟英文"."组成）'],
|
|||
|
|
device_model: function(value) {
|
|||
|
|
if (value == '') {
|
|||
|
|
return '必须填写设备类型';
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
bluetooth_type: function(value) {
|
|||
|
|
if (value == '') {
|
|||
|
|
return '必须填写蓝牙类型';
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//监听提交
|
|||
|
|
form.on('submit(add)',function(data) {
|
|||
|
|
//发异步，把数据提交给php
|
|||
|
|
edit_data()
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
//加载提示开启
|
|||
|
|
function load() {
|
|||
|
|
var index = layer.load(1, {
|
|||
|
|
shade: [0.1, '#fff'] //0.1透明度的白色背景
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
// 关闭加载提示
|
|||
|
|
function c_load() {
|
|||
|
|
layer.close(layer.index)
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
// });
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|