222 lines
9.8 KiB
HTML
222 lines
9.8 KiB
HTML
<!DOCTYPE html>
|
||
<html class="x-admin-sm">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>设备管理_add</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>
|
||
|
||
</head>
|
||
<body>
|
||
<div class="layui-fluid">
|
||
<div class="layui-row" id="app_all">
|
||
<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" style="z-index:9999;width: 630px;">
|
||
<form class="layui-form layui-col-md12 layui-form-pane">
|
||
<div class="layui-form-item x-city" id="city_list">
|
||
<!-- <label class="layui-form-label">城市联动</label> -->
|
||
<div class="layui-input-inline" style="width:110px;">
|
||
<select id="province" name="province" lay-filter="province">
|
||
<option value="">请选择省</option>
|
||
</select>
|
||
</div>
|
||
<div class="layui-input-inline" style="width:110px;">
|
||
<select id="city" name="city" lay-filter="city">
|
||
<option value="">请选择市</option>
|
||
</select>
|
||
</div>
|
||
<!-- <div class="layui-input-inline" style="width:110px;">
|
||
<select id="area" name="area" lay-filter="area">
|
||
<option value="">请选区/县</option>
|
||
</select>
|
||
</div> -->
|
||
<div id="keyword" class="layui-input-inline" style="width:250px;">
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<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" id="city_choose">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<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="file" id="upload_file_app" lay-verify="upload_file_app" name="file_data">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label for="L_repass" class="layui-form-label"></label>
|
||
<button class="layui-btn" lay-filter="add" lay-submit="">增加</button>
|
||
<!-- <button lay-filter="add" lay-submit="" v-on:click="asdaa">增加 {{num_test}}</button> -->
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript" src="/x_admin/js/xcity2.js"></script>
|
||
<script>
|
||
var form
|
||
var file_name_all = ''
|
||
var file_name = ''
|
||
var file_extension = ''
|
||
var pd = true
|
||
var address_arr = ['',''];
|
||
var verify_arr = {};
|
||
layui.use(['form', 'code'], function () {
|
||
form = layui.form;
|
||
layui.code();
|
||
$('#city_list').xcity();
|
||
form.verify({
|
||
upload_file_app: function(value) {
|
||
if (value == '') {
|
||
return '请先选择文件';
|
||
}
|
||
},
|
||
});
|
||
//监听提交
|
||
form.on('submit(add)',function(data) {
|
||
if(address_arr[0] == '' || address_arr[1] == ''){
|
||
layer.msg('省或者市未选择', {icon: 5});
|
||
}
|
||
//发异步，把数据提交给php
|
||
console.log(456);
|
||
add_data()
|
||
return false;
|
||
});
|
||
|
||
});
|
||
|
||
|
||
// 功能性~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
||
function add_address(str,type){
|
||
if(type == 'province'){
|
||
if(str == '请选择'){
|
||
address_arr[0] = '';
|
||
address_arr[1] = '';
|
||
}else{
|
||
address_arr[0] = str;
|
||
address_arr[1] = '';
|
||
}
|
||
}else if(type == 'city'){
|
||
if(str == '请选择'){
|
||
address_arr[1] = '';
|
||
}else{
|
||
address_arr[1] = str;
|
||
}
|
||
}
|
||
console.log(address_arr)
|
||
var str_all = '';
|
||
var str_address = '';
|
||
for (let index = 0; index < address_arr.length; index++) {
|
||
if(address_arr[index] == ''){
|
||
str_address = ''
|
||
}else{
|
||
str_address = '<div class="layui-btn layui-btn-normal layui-btn-mini">'+ address_arr[index] +'</div>';
|
||
}
|
||
str_all = str_all + str_address;
|
||
}
|
||
$('#city_choose').html(str_all);
|
||
}
|
||
|
||
$('#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(file_name)
|
||
console.log(file_extension)
|
||
// formdata.append('apk',$('#upload_file_app')[0].files[0])
|
||
}
|
||
});
|
||
|
||
function add_data(){
|
||
if(pd === false){
|
||
return
|
||
}
|
||
var formdata = new FormData();
|
||
formdata.append('execl',$('#upload_file_app')[0].files[0])
|
||
formdata.append('address',address_arr)
|
||
formdata.append('type','create')
|
||
load()
|
||
pd = false
|
||
$.ajax({
|
||
url:"/estimate/submit_rule", //请求的url地址
|
||
contentType:false,
|
||
processData:false,
|
||
async:true,//请求是否异步，默认为异步，这也是ajax重要特性
|
||
data:formdata, //参数值
|
||
type:"POST", //请求方式
|
||
success:function(req){
|
||
c_load()
|
||
pd = true
|
||
console.log()
|
||
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
|
||
}
|
||
});
|
||
}
|
||
|
||
//加载提示开启
|
||
function load() {
|
||
var index = layer.load(1, {
|
||
shade: [0.1, '#fff'] //0.1透明度的白色背景
|
||
});
|
||
}
|
||
// 关闭加载提示
|
||
function c_load() {
|
||
layer.close(layer.index)
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
|
||
</html> |