新BS平台
blame | 历史 | 补丁 | 提交 | 提交对比 | 忽略空白
zhitong.yu
2024-12-27 8abbee975353926e51a426a75c67119337fbdae4 
 src/main/webapp/HouTai/JiChu/CheLiang.jsp


@@ -9,15 +9,29 @@


<html>


<head>


    <title>车辆管理</title>


    <link rel="stylesheet" href="../../CSS/layui.css">


    <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 class="heimu" 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 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>


@@ -26,54 +40,67 @@


    <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">设备编号</label>


                <label class="layui-form-label languages1">车辆编号</label>


                <div class="layui-input-block">


                    <input type="text"  lay-verify="title" name="pTagid" placeholder="请输入设备编号"   id="add1" required autocomplete="off" class="layui-input">


                </div>


            </div>


            <div class="layui-form-item">


                <label class="layui-form-label">人员名称</label>


                <div class="layui-input-block">


                    <input type="text"  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">人员性别</label>


                <div class="layui-input-block">


                    <input type="radio" name="pSex" value="男" title="男" checked>


                    <input type="radio" name="pSex" value="女"  title="女">


                </div>


            </div>


            <div class="layui-form-item">


                <label class="layui-form-label">人员电话</label>


                <div class="layui-input-block">


                    <input type="text"  lay-verify="title" id="add5" placeholder="请输入人员电话" name="pPhone" required   autocomplete="off"   class="layui-input">


                </div>


            </div>


            <div class="layui-form-item">


                <label class="layui-form-label">身份证号</label>


                <div class="layui-input-block">


                    <input type="text"  lay-verify="title" id="add6" placeholder="请输入身份证号" name="pIdcardnum" required   autocomplete="off"   class="layui-input">


                </div>


            </div>


            <div class="layui-form-item">


                <label class="layui-form-label">选择部门</label>


                <div class="layui-input-block">


                    <select name="pDepartment" id="bumen">


                        <option></option>


                    <select lay-search name="pTagid" id="add1" >


                        <option value="">请选择</option>


                    </select>


                </div>


            </div>


            <div class="layui-form-item">


                <label class="layui-form-label">上传照片</label>


                <label class="layui-form-label languages2">车辆名称</label>


                <div class="layui-input-block">


                    <input type="file"  lay-verify="title" id="add7" accept="image/*" name="baoliu38" required  autocomplete="off" >


                    <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">


                    <button type="submit" class="layui-btn" lay-submit="" lay-filter="" >立即提交</button>


                    <button type="button" class="layui-btn layui-btn-normal" lay-filter="" onclick="quxiao()" style="margin-left: 200px">取消</button>


                    <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>


@@ -81,85 +108,248 @@


    <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">设备编号</label>


                <label class="layui-form-label languages1">车辆编号</label>


                <div class="layui-input-block">


                    <input type="text"  lay-verify="title" name="pTagid"  readonly id="up1" required autocomplete="off" class="layui-input">


                    <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">人员名称</label>


                <label class="layui-form-label languages2">车辆名称</label>


                <div class="layui-input-block">


                    <input type="text"  lay-verify="title" name="pName"  id="up2" required  autocomplete="off"  class="layui-input">


                    <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">人员性别</label>


                <label class="layui-form-label languages4">驾驶员电话</label>


                <div class="layui-input-block">


                    <input type="radio" name="pSex" value="男" title="男">


                    <input type="radio" name="pSex" value="女"  title="女">


                    <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">人员电话</label>


                <div class="layui-input-block">


                    <input type="text"  lay-verify="title" id="up5" name="pPhone" required   autocomplete="off"   class="layui-input">


                </div>


            </div>


            <div class="layui-form-item">


                <label class="layui-form-label">身份证号</label>


                <div class="layui-input-block">


                    <input type="text"  lay-verify="title" id="up6" name="pIdcardnum" required   autocomplete="off"   class="layui-input">


                </div>


            </div>


            <div class="layui-form-item">


                <label class="layui-form-label">选择部门</label>


                <label class="layui-form-label languages6">选择部门</label>


                <div class="layui-input-block">


                    <select name="pDepartment" id="bumen1">


                        <option></option>


                    </select>                </div>


            </div>


            <div class="layui-form-item">


                <label class="layui-form-label">上传照片</label>


                <div class="layui-input-block">


                    <input type="file"  lay-verify="title" id="up7" accept="image/*" name="baoliu38" required  autocomplete="off" >


                    </select>


                </div>


            </div>


            <div class="layui-form-item">


            <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" lay-submit="" lay-filter="" >立即提交</button>


                    <button type="button" class="layui-btn layui-btn-normal" lay-filter="" onclick="quxiao()" style="margin-left: 200px">取消</button>


                    <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>


<input type="text" class="layui-input" id="seah" placeholder="请输入设备编号或车辆名称" style="width: 270px;height: 38px;margin-left: 100px;position: absolute;border-radius: 8px;border: 1px solid #cccccc;z-index: 999;left: 150px;top: 40px;border-right: none;border-top-right-radius: 0px;border-bottom-right-radius: 0px">


    <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 class="layui-btn-container" style="margin-left: 0px;margin-top: 20px;display: inline-block">


        <button class="layui-btn" id="btnAdd" lay-event="getadd">新增</button>


        <button class="layui-btn layui-btn-warm" id="btnUpdate"  lay-event="getUpdate">修改</button>


        <button class="layui-btn layui-btn-primary"  lay-event="getshuaxin">刷新</button>


        <button class="layui-btn layui-btn-normal"  lay-event="getsearch" style="margin-left: 350px;position: absolute;border-bottom-right-radius: 8px;border-top-right-radius: 8px;z-index: 9999;left: 170px;top: 29px">搜索</button>


    <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="color: #00FF00"><img src="JiChuImg/lixian.png" style="width: 22px"></span>


    <span class="" style="">离线</span>


    {{# } else if(d.ponline === '1') { }}


    <span class="" style="color: #00FF00"><img src="JiChuImg/zaixian.png" style="width: 22px"></span>


    <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="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.12.2/lottie.min.js" type="text/javascript"></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"){


@@ -171,5 +361,46 @@


            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>