SchoolPhysicalExamination/application/admin/view/estimate/estimate_add.html

406 lines
19 KiB
HTML
Raw Normal View History

2024-07-03 19:26:07 +08:00
<!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>
2024-07-04 18:44:21 +08:00
2024-07-03 19:26:07 +08:00
</head>
<body>
<div class="layui-fluid">
<div class="layui-row" id="app_all">
2024-07-04 18:44:21 +08:00
<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>
2024-07-03 19:26:07 +08:00
<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="device_name" class="layui-form-label">
<span class="x-red">*</span>地区</label>
<div class="layui-input-inline">
<select name="" id="">
<option value="">请选择</option>
<option v-for="item in type_arr" :value="item.asd">{{item.content}}</option>
</select>
</div>
</div> -->
<div class="layui-form-item">
2024-07-04 18:44:21 +08:00
<label for="username" class="layui-form-label">
<span class="x-red">*</span>选择大类
</label>
2024-07-03 19:26:07 +08:00
<div class="layui-input-inline">
2024-07-04 18:44:21 +08:00
<select name="type_big" lay-filter="type_big" id="type_big">
<option value="">请选择</option>
<option value="1">现场考核(统一考试)</option>
<option value="2">日常考核(过程性考核)</option>
<option value="3">机试</option>
</select>
2024-07-03 19:26:07 +08:00
</div>
</div>
2024-07-04 18:44:21 +08:00
<div id="type_big_content" style="display: none;">
2024-07-03 19:26:07 +08:00
<div class="layui-form-item">
2024-07-04 18:44:21 +08:00
<label for="estimate_s_type" class="layui-form-label">
2024-07-03 19:26:07 +08:00
<span class="x-red">*</span>子类型</label>
<div class="layui-input-inline">
2024-07-04 18:44:21 +08:00
<input type="text" id="estimate_s_type" name="estimate_s_type" required="" lay-verify="estimate_s_type" autocomplete="off" class="layui-input">
2024-07-03 19:26:07 +08:00
</div>
<div class="layui-form-mid layui-word-aux">
<span class="x-red">*</span>例如 “第一类:素质项目Ⅰ”,请根据当地实际叫法填写
</div>
</div>
<div class="layui-form-item">
2024-07-04 18:44:21 +08:00
<label for="estimate_score" class="layui-form-label">
2024-07-03 19:26:07 +08:00
<span class="x-red">*</span>分值</label>
<div class="layui-input-inline">
2024-07-04 18:44:21 +08:00
<input type="text" id="estimate_score" name="estimate_score" required="" lay-verify="estimate_score" autocomplete="off" class="layui-input">
2024-07-03 19:26:07 +08:00
</div>
<div class="layui-form-mid layui-word-aux">
2024-07-04 18:44:21 +08:00
<span class="x-red">*</span>该大类总分值
2024-07-03 19:26:07 +08:00
</div>
</div>
<div class="layui-form-item">
2024-07-04 18:44:21 +08:00
<label for="estimate_name" class="layui-form-label">
2024-07-03 19:26:07 +08:00
<span class="x-red">*</span>项目名称</label>
<div class="layui-input-inline">
2024-07-04 18:44:21 +08:00
<input type="text" id="estimate_name" name="estimate_name" required="" lay-verify="estimate_name" autocomplete="off" class="layui-input">
2024-07-03 19:26:07 +08:00
</div>
<div class="layui-form-mid layui-word-aux">
<span class="x-red">*</span>例如 “男子1000米”请根据当地实际叫法填写
</div>
</div>
<div class="layui-form-item">
2024-07-04 18:44:21 +08:00
<label for="estimate_unit" class="layui-form-label">
2024-07-03 19:26:07 +08:00
<span class="x-red">*</span>单位</label>
<div class="layui-input-inline">
2024-07-04 18:44:21 +08:00
<input type="text" id="estimate_unit" name="estimate_unit" required="" lay-verify="estimate_unit" autocomplete="off" class="layui-input">
2024-07-03 19:26:07 +08:00
</div>
<div class="layui-form-mid layui-word-aux">
<span class="x-red">*</span>例如 “KG、ML、分/秒、秒...”,请根据项目的单位填写
</div>
</div>
</div>
2024-07-04 18:44:21 +08:00
<!-- <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">
</div>
<div class="layui-form-mid layui-word-aux">
<span class="x-red">*</span>例如 “第一类:素质项目Ⅰ”,请根据当地实际叫法填写
</div>
</div>
</div> -->
2024-07-03 19:26:07 +08:00
<div class="layui-form-item">
<label for="L_repass" class="layui-form-label"></label>
2024-07-04 18:44:21 +08:00
<button class="layui-btn" lay-filter="add" lay-submit="">增加</button>
2024-07-03 19:26:07 +08:00
<!-- <button lay-filter="add" lay-submit="" v-on:click="asdaa">增加 {{num_test}}</button> -->
</div>
</form>
</div>
</div>
2024-07-04 18:44:21 +08:00
<script type="text/javascript" src="/x_admin/js/xcity.js"></script>
2024-07-03 19:26:07 +08:00
<script>
2024-07-04 18:44:21 +08:00
var address_arr = [];
var verify_arr = {};
layui.use(['form', 'code'], function () {
form = layui.form;
layui.code();
$('#city_list').xcity();
// $('#city_list').xcity('广东','广州市','东山区');//传默认值
form.on('select(type_big)', function(data){
console.log(data.value); //得到被选中的值
if(data.value == 1){
verify_arr = {
province: function(value) {
if (value == '') {
return '请选择区域';
}
},
estimate_s_type: function(value) {
if (value == '') {
return '请填写子类型';
}
},
estimate_score: function(value) {
if (value == '') {
return '请填写分值';
}
},
// version_num: [/[\d.]{0,9}$/, '版本号必须以大写V开头最多10个字符由数字跟英文"."组成)'],
estimate_name: function(value) {
if (value == '') {
return '请填写项目名称';
}
},
estimate_unit: function(value) {
if (value == '') {
return '请填写单位';
}
},
}
form.verify(verify_arr);
$('#type_big_content').show();
}else if(data.value == 2){
verify_arr = {}
$('#type_big_content').hide();
}else if(data.value == 3){
verify_arr = {}
$('#type_big_content').hide();
}else{
verify_arr = {}
$('#type_big_content').hide();
}
form.render();
// console.log(verify_arr)
});
//监听提交
form.on('submit(add)',function(data) {
//发异步把数据提交给php
// add_data()
return false;
});
});
// layui.use(['form', 'layer','jquery','code'],function() {
// $ = layui.jquery;
// 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 '必须填写蓝牙类型';
// }
// },
// });
// });
// 功能性~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
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);
}
2024-07-03 19:26:07 +08:00
$(document).ready(function(){
2024-07-04 18:44:21 +08:00
var form
2024-07-03 19:26:07 +08:00
var file_name_all = ''
var file_name = ''
var file_extension = ''
var pd = true
2024-07-04 18:44:21 +08:00
2024-07-03 19:26:07 +08:00
$('#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('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)
load()
pd = false
console.log('进来了')
$.ajax({
url:"/device/device_add_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
}
});
}
2024-07-04 18:44:21 +08:00
2024-07-03 19:26:07 +08:00
//加载提示开启
function load() {
var index = layer.load(1, {
shade: [0.1, '#fff'] //0.1透明度的白色背景
});
}
// 关闭加载提示
function c_load() {
layer.close(layer.index)
}
});
// });
</script>
</body>
</html>