<%--
|
Created by IntelliJ IDEA.
|
User: Dell
|
Date: 2023/11/16
|
Time: 14:42
|
To change this template use File | Settings | File Templates.
|
--%>
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
<html>
|
<head>
|
<title>车辆管理</title>
|
<link rel="stylesheet" href="../../CSS/layui2.css">
|
<link rel="stylesheet" href="../../CSS/layer.css">
|
<script src="JiChuJs/vue.js"></script>
|
<!-- 引入样式 -->
|
<link rel="stylesheet" href="css/index.css">
|
<!-- 引入组件库 -->
|
<script src="JiChuJs/index.js"></script>
|
<style>
|
#translate{
|
display: none;
|
}
|
#translateSelectLanguage{
|
display: none;
|
}
|
.acpo{
|
background-color: rgb(0,150,136,1);
|
}
|
</style>
|
</head>
|
<body>
|
<div id="app">
|
<div class="heimu" onclick="drawerClose()" style="display: none;width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: 9999;background-color: black;opacity: 0.8"></div>
|
<div class="layui-container" style="width: 100%;margin: 0px;padding: 0px">
|
<div class="layui-row">
|
<div class="layui-col-xs12 layui-col-md12">
|
<table class="layui-hide" id="cheliang" lay-filter="cheliang"></table>
|
</div>
|
</div>
|
<div class="add" style="display: none;width: 600px;background-color: #f6f6f6;border: 1px solid #cccccc;padding: 50px;position: fixed;top: 50px;left: 450px;z-index: 99999">
|
<form class="layui-form" action="/hxzkuwb/addCheLiang" enctype="multipart/form-data" method="post" lay-filter="example" onsubmit="return checkup()">
|
<div class="layui-form-item">
|
<label class="layui-form-label languages1">车辆编号</label>
|
<div class="layui-input-block">
|
<select lay-search name="pTagid" id="add1" >
|
<option value="">请选择</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label languages2">车辆名称</label>
|
<div class="layui-input-block">
|
<input type="text" minlength="1" maxlength="20" pattern="^[^<>&\`#%]*$" lay-verify="title" name="pName" placeholder="请输入车辆牌号" id="add2" required autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label languages4">驾驶员电话</label>
|
<div class="layui-input-block">
|
<input type="text" minlength="1" maxlength="20" pattern="^[^<>&\`#%]*$" lay-verify="title" id="add5" placeholder="请输入电话" name="pPhone" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label languages6">选择部门</label>
|
<div class="layui-input-block">
|
<select name="pDepartment" id="bumen">
|
</select>
|
</div>
|
</div>
|
|
<el-upload
|
ref="upload"
|
action="/hxzkuwb/UpLoadPicutrPersonPic"
|
list-type="picture-card"
|
:auto-upload="true"
|
:multiple="false"
|
:before-upload="beforeUpload"
|
:on-exceed="onExceed"
|
:on-success="onSuccess"
|
:limit="1"
|
:file-list="fileList"
|
@change="handleChange" style="margin-left: 18%"> <!-- 监听 change 事件 -->
|
<i slot="default" class="el-icon-plus" style="position: relative; top: 5vh"></i>
|
<span style="color: red">JPG - PNG 格式</span>
|
<div slot="file" slot-scope="{file}" style="">
|
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
|
<span class="el-upload-list__item-actions">
|
<span
|
v-if="!disabled"
|
class="el-upload-list__item-delete"
|
@click="handleRemove(file)">
|
<i class="el-icon-delete"></i>
|
</span>
|
</span>
|
</div>
|
</el-upload>
|
<el-dialog :visible.sync="dialogVisible">
|
<img width="100%" :src="dialogImageUrl" alt="">
|
</el-dialog>
|
<input type="hidden" value="" name="baoliu38" id="add7"/>
|
<div class="layui-form-item" style="margin-top: 5%">
|
<div class="layui-input-block">
|
<button type="submit" class="layui-btn languages9" lay-submit="" lay-filter="" >立即提交</button>
|
<button type="button" class="layui-btn layui-btn-normal languages10" lay-filter="" onclick="quxiao()" style="margin-left: 200px">取消</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="update" style="display: none;width: 600px;background-color: #f6f6f6;border: 1px solid #cccccc;padding: 50px;position: fixed;top: 50px;left: 450px;z-index: 99999">
|
<form class="layui-form" action="/hxzkuwb/updateChe" enctype="multipart/form-data" method="post" lay-filter="example">
|
<div class="layui-form-item">
|
<label class="layui-form-label languages1">车辆编号</label>
|
<div class="layui-input-block">
|
<input type="text" minlength="1" maxlength="20" pattern="^[^<>&\`#%]*$" lay-verify="title" name="pTagid" readonly id="up1" required autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label languages2">车辆名称</label>
|
<div class="layui-input-block">
|
<input type="text" minlength="1" maxlength="20" pattern="^[^<>&\`#%]*$" lay-verify="title" name="pName" id="up2" required autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label languages4">驾驶员电话</label>
|
<div class="layui-input-block">
|
<input type="text" minlength="1" maxlength="20" pattern="^[^<>&\`#%]*$" lay-verify="title" id="up5" name="pPhone" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label languages6">选择部门</label>
|
<div class="layui-input-block">
|
<select name="pDepartment" id="bumen1">
|
<option></option>
|
</select>
|
</div>
|
</div>
|
<el-upload
|
ref="upload1"
|
action="/hxzkuwb/UpLoadPicutrPersonPic"
|
list-type="picture-card"
|
:auto-upload="true"
|
:multiple="false"
|
:before-upload="beforeUpload"
|
:on-exceed="onExceed"
|
:on-success="onSuccess"
|
:limit="1"
|
:file-list="fileList"
|
@change="handleChange" style="margin-left: 18%"> <!-- 监听 change 事件 -->
|
<i slot="default" class="el-icon-plus" style="position: relative; top: 5vh"></i>
|
<span style="color: red">JPG - PNG 格式</span>
|
<div slot="file" slot-scope="{file}" style="">
|
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
|
<span class="el-upload-list__item-actions">
|
<span
|
v-if="!disabled"
|
class="el-upload-list__item-delete"
|
@click="handleRemove1(file)">
|
<i class="el-icon-delete"></i>
|
</span>
|
</span>
|
</div>
|
</el-upload>
|
<el-dialog :visible.sync="dialogVisible">
|
<img width="100%" :src="dialogImageUrl" alt="">
|
</el-dialog>
|
<input type="hidden" name="baoliu38" id="up7"/>
|
<div class="layui-form-item" style="margin-top: 2%">
|
<div class="layui-input-block">
|
<button type="submit" class="layui-btn languages9" lay-submit="" lay-filter="" >立即提交</button>
|
<button type="button" class="layui-btn layui-btn-normal languages10" lay-filter="" onclick="quxiao()" style="margin-left: 200px">取消</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<div class="heimu1" onclick="drawerClose()" style="display: none;width: 100%;height: 100%;position: fixed;top: 0%;z-index: 999999;background-color: rgb(0,0,0,0.5)"></div>
|
<div class="drawer" style="width: 30%;height: 100%;position: fixed;top: 0%;right: -30%;z-index: 9999999;background-color: whitesmoke">
|
<div class="" style="">
|
<div class="layui-card" style="height: 100%">
|
<div class="layui-card-header">
|
设置限速
|
</div>
|
<div class="layui-card-body">
|
<form class="layui-form" action="">
|
<div class="layui-form-item"> <label class="layui-form-label">设备编号</label>
|
<div class="layui-input-block">
|
<input type="text" minlength="1" maxlength="20" pattern="^[^<>&\`#%]*$" id="xiansutagid" name="title" readonly lay-verify="title" autocomplete="off" placeholder="设备编号" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item"> <label class="layui-form-label">限速(km/h)</label>
|
<div class="layui-input-block">
|
<input type="text" minlength="1" maxlength="20" pattern="^[^<>&\`#%]*$" id="xiansu" name="title" lay-verify="title" autocomplete="off" placeholder="请输入限速(千米每小时)" class="layui-input">
|
</div>
|
</div>
|
</form>
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<button type="button" onclick="submitTask()" class="layui-btn">确认</button>
|
<button class="layui-btn layui-btn-primary layui-border-blue" onclick="drawerClose()">取消</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script type="text/html" id="toolbarDemo">
|
<div>
|
<button class="layui-btn" id="btnAdd" style="" lay-event="getadd">新增</button>
|
<button class="layui-btn layui-btn-warm" id="btnUpdate" style="" lay-event="getUpdate">修改</button>
|
<button class="layui-btn layui-btn-primary" id="btnShuaXin" style="" lay-event="getshuaxin">刷新</button>
|
<%-- <button class="layui-btn layui-btn-danger" id="btnXianSu" lay-event="getxiansu">设置限速</button>--%>
|
<input type="text" class="layui-input" minlength="1" maxlength="20" pattern="^[^<>&\`#%]*$" id="seah"placeholder="请输入车辆ID或车辆名称" style="display: inline-block;width: 16%;height:38px;border-right: none;border-top-right-radius: 0px;border-bottom-right-radius: 0px;position: relative;top: 0.1vh;margin-left: 5%">
|
<button class="layui-btn layui-btn-normal" id="btnSerach" lay-event="getsearch" style="border-bottom-right-radius: 8px;border-top-right-radius: 8px;position: relative;left: -0.5%">搜索</button>
|
|
<%-- <button class="layui-btn layui-btn-primary" lay-event="getstate" style="" id="states">只看在线</button>--%>
|
<%-- <form class="layui-form" id="fanwei" style="width: 13%;display: inline-block;margin-left: 2%;position: relative;top: 0.2vh">--%>
|
<%-- <select style="" lay-filter="filterSelect" id="XzBumen">--%>
|
<%-- <option value="">选择部门</option>--%>
|
<%-- </select>--%>
|
<%-- </form>--%>
|
<%-- <button class="layui-btn" lay-event="export" style="display: none;margin-left: 250px;" id="expor">导出数据</button>--%>
|
</div>
|
</script>
|
<script type="text/html" id="titleTpl2">
|
<span class="" style="color: #00FF00"><img src="../../Icon/PersonPhoto/{{d.baoliu38}}" alt="PersonPhoto" title="PersonPhoto" style="width: 30px"></span>
|
</script>
|
<script type="text/html" id="titleTpl3">
|
{{d.baoliu7}}-(km/h)
|
</script>
|
<script type="text/html" id="titleTpl">
|
{{# if(d.ponline === '0') { }}
|
<span class="" style="">离线</span>
|
{{# } else if(d.ponline === '1') { }}
|
<span class="" style="color: #2E8245">在线</span>
|
{{# } }}
|
</script>
|
<script type="text/html" id="barDemotag">
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
</script>
|
<script src="../../HouTai/Js/jquery-3.5.1.js"></script>
|
<script src="../../languages/languages.js"></script>
|
<script src="../../JS/layui.js"></script>
|
<script src="../../JS/layer.js"></script>
|
<script src="JiChuJs/CheLiang.js"></script>
|
<script src="../../JS/translate.js"></script>
|
<script src="../Js/Ch-En-Add-Refresh-Update-Search.js"></script>
|
<script src="../../Home/HomeJs/notify.js"></script>
|
<script src="../../Home/HomeJs/notify_stand.js"></script>
|
<script>
|
$.ajaxSetup({
|
headers: {
|
'x-access-token': localStorage.getItem("hxzkmars3d")
|
}
|
});
|
|
var vw = new Vue({
|
el: '#app',
|
data: {
|
fileList: [], // 用来存储当前上传的文件列表
|
dialogImageUrl: '',
|
dialogVisible: false,
|
disabled: false
|
},
|
methods: {
|
beforeUpload(file) {
|
const isJPGorPNG = file.type === 'image/jpeg' || file.type === 'image/png';
|
if (!isJPGorPNG) {
|
this.$message.error('只能上传 JPG 或 PNG 格式的图片');
|
}
|
return isJPGorPNG; // 返回 true 表示允许上传，返回 false 表示阻止上传
|
},
|
onExceed() {
|
this.$message.warning('最多只能上传一个文件'); // 提示用户
|
},
|
handleChange(file, fileList) {
|
this.fileList = fileList.slice(-1); // 保留最后一个文件
|
},
|
handleRemove(file) {
|
this.$refs.upload.clearFiles(); // 清空上传的文件列表
|
this.$notify({
|
title: '移除',
|
message: '移除成功！请重新上传',
|
type: 'error'
|
});
|
},
|
onError() {
|
this.$notify({
|
title: '失败',
|
message: '已经上传过了，请更换图片试试！',
|
type: 'error'
|
});
|
this.$message.error('上传失败,请重试');
|
},
|
onSuccess(response, file) {
|
this.$notify({
|
title: '成功',
|
message: '上传图片成功',
|
type: 'success'
|
});
|
$("#add7").val(file.name)
|
$("#up7").val(file.name)
|
},
|
handleRemove1(file) {
|
this.$refs.upload1.clearFiles(); // 清空上传的文件列表
|
this.$notify({
|
title: '移除',
|
message: '移除成功！请重新上传',
|
type: 'error'
|
});
|
},
|
|
}
|
});
|
|
|
|
var languages;
|
var languages1;
|
var languages2;
|
var languages3;
|
var languages4;
|
var languages5;
|
var languages6;
|
window.addEventListener('load', function() {
|
$.ajax({
|
url: "/hxzkuwb/FindSetting",
|
type: "POST",
|
async: false, // 设置为同步
|
success: function(data) {
|
languages = data[0].languages;
|
$(".xinb").append('<input type="radio" name="pSex" value="男" checked title="男"><input type="radio" name="pSex" value="女" title="女">')
|
languages1 = CNPersonManagerText1;
|
languages2 = CNPersonManagerText2;
|
languages3 = "请选中一条数据"
|
languages4 = "请选中一条数据"
|
languages5 = "刷新成功"
|
languages6 = "搜索成功"
|
languages7 = CNPersonManagerText3;
|
languages8 = CNPersonManagerText4;
|
languages9 = "操作成功"
|
languages10 = CNPersonManagerText5;
|
|
|
},
|
error: function(xhr, status, error) {
|
console.error("请求失败:", status, error);
|
}
|
});
|
})
|
|
var ds = "username="+sessionStorage.getItem("username")
|
$.get("/hxzkuwb/findUserRole",ds,function (data){
|
if (data.uadd == "No"){
|
var myButton = document.getElementById("btnAdd");
|
myButton.className = "layui-btn layui-btn-disabled";
|
}
|
if (data.uupdate == "No"){
|
var myButton = document.getElementById('btnUpdate');
|
myButton.className = "layui-btn layui-btn-disabled";
|
}
|
})
|
|
function checkup(){
|
//判读选择的类型是否是车辆
|
var tagid = $("#add1").val();
|
if (tagid == ""){
|
layer.alert("请选择类型为车辆的车辆编号")
|
return false;
|
}
|
}
|
|
function submitTask(){
|
var xiansutagid = $("#xiansutagid").val();
|
var xiansu= $("#xiansu").val();
|
if (xiansutagid == ""){
|
layer.msg('请输入设备编号')
|
return false
|
}
|
if (xiansu == ""){
|
layer.msg('请输入限速速度')
|
return false
|
}
|
var data = "tagid="+xiansutagid+"&sudu="+xiansu
|
$.post("/hxzkuwb/CheLiangXianSu",data,function (data){
|
if (data == 1){
|
notify.success("设置成功")
|
$(".heimu1").fadeOut(500)
|
$(".heimu").fadeOut(500)
|
$(".drawer").animate({ right: '-30%' }, 500);
|
}else{
|
notify.error("设置失败")
|
$(".heimu1").fadeOut(500)
|
$(".heimu").fadeOut(500)
|
$(".drawer").animate({ right: '-30%' }, 500);
|
}
|
})
|
}
|
function drawerClose(){
|
$(".heimu1").fadeOut(500)
|
$(".heimu").fadeOut(500)
|
$(".drawer").animate({ right: '-30%' }, 500);
|
}
|
</script>
|
</html>
|
