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


@@ -11,6 +11,11 @@


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


@@ -24,6 +29,7 @@


    </style>


</head>


<body>


<div id="app">


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


@@ -35,34 +41,20 @@


    <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/addWuZi" enctype="multipart/form-data" method="post" lay-filter="example" onsubmit="return checkup()">


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


                <label class="layui-form-label languages1">设备编号</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">


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


                <label class="layui-form-label languages2">物资名称</label>


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


                    <input type="text"  lay-verify="title" name="pName" placeholder="请输入人员名称"   id="add2" required  autocomplete="off"  class="layui-input">


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


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


                </div>


            </div>


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


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


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


                    <input type="text"  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 languages5">身份证号</label>


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


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


                </div>


            </div>




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


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


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


@@ -70,20 +62,38 @@


                    </select>


                </div>


            </div>


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


                <label class="layui-form-label languages7">岗位</label>


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


                    <input type="text"  lay-verify="title" id="add8" name="pZu"  autocomplete="off"   class="layui-input">


            <el-upload


                    ref="upload"


                    action="/hxzkuwb/UpLoadPicutrPersonPic"


                    list-type="picture-card"


                    :auto-upload="true"


                    :multiple="false"


                    :before-upload="beforeUpload"


                    :on-exceed="onExceed"


                    :on-error="onError"


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


            </div>


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


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


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


                    <input type="file"  style="cursor: pointer;z-index:9;position: relative;height: 5vh;opacity: 0;border: 1px solid red" lay-verify="title" id="add7" accept="image/*" name="baoliu38"    autocomplete="off" >


                    <span class="acpo" style="cursor:pointer;position: relative;left: -55%;width: 37%;height: 5vh;display: inline-block;z-index: 8;text-align: center;line-height: 5vh;border-radius: 5px;color: white;top: 1vh">上传文件</span>


                </div>


            </div>


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


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


@@ -94,35 +104,18 @@


    <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/updateWuzi" enctype="multipart/form-data" method="post" lay-filter="example">


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


                <label class="layui-form-label languages1">设备编号</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 languages2">人员名称</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 languages3">人员性别</label>


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




                </div>


            </div>


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


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


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


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


                </div>


            </div>


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


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


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


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


                </div>


            </div>


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


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


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


@@ -131,21 +124,39 @@


                    </select>


                </div>


            </div>


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


                <label class="layui-form-label languages7">岗位</label>


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


                    <input type="text"  lay-verify="title" id="up8" name="pZu"    autocomplete="off"   class="layui-input">


                </div>


            </div>


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


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


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


                    <input type="file" style="cursor: pointer;z-index:9;position: relative;height: 5vh;opacity: 0;"  lay-verify="title" id="up7" accept="image/*" name="baoliu38" value="默认照片.png" autocomplete="off" >


                    <span class="acpo" style="cursor:pointer;position: relative;left: -55%;width: 37%;height: 5vh;display: inline-block;z-index: 8;text-align: center;line-height: 5vh;border-radius: 5px;color: white;top: 1vh">上传文件</span>




            <el-upload


                    ref="upload1"


                    action="/hxzkuwb/UpLoadPicutrPersonPic"


                    list-type="picture-card"


                    :auto-upload="true"


                    :multiple="false"


                    :before-upload="beforeUpload"


                    :on-exceed="onExceed"


                    :on-error="onError"


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


            </div>


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


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


@@ -154,38 +165,26 @@


        </form>


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


        <input type="text" class="layui-input" id="seah"placeholder="请输入设备编号或人员名称" 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%">


        <input type="text" class="layui-input" 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>


<%--        <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="toolbarDemoEw">


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


        <input type="text" class="layui-input" id="seah"placeholder="Введите номер устройства или имя человека" style="display: inline-block;width: 330px;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 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="titleTpl">


    {{# if(d.ponline === '0') { }}


@@ -209,6 +208,71 @@


<script src="../../JS/translate.js"></script>


<script src="../Js/Ch-En-Add-Refresh-Update-Search.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;


@@ -225,16 +289,16 @@


                languages = data[0].languages;




                    $(".xinb").append('<input type="radio" name="pSex" value="男" checked title="男"><input type="radio" name="pSex" value="女"  title="女">')


                    languages1 = PersonManagerText1;


                    languages2 = PersonManagerText2;


                    languages3 = CNCurrent3


                    languages4 = CNCurrent4


                    languages5 = CNCurrent5


                    languages6 = CNCurrent6


                    languages7 = PersonManagerText3;


                    languages8 = PersonManagerText4;


                    languages9 = CNCurrent7


                    languages10 = PersonManagerText5;


                languages1 = CNPersonManagerText1;


                languages2 = CNPersonManagerText2;


                languages3 = "请选中一条数据"


                languages4 = "请选中一条数据"


                languages5 = "刷新成功"


                languages6 = "搜索成功"


                languages7 = CNPersonManagerText3;


                languages8 = CNPersonManagerText4;


                languages9 = "操作成功"


                languages10 = CNPersonManagerText5;






            },


@@ -255,5 +319,14 @@


            myButton.className = "layui-btn layui-btn-disabled";


        }


    })




    function checkup(){


        //判读选择的类型是否是车辆


        var tagid = $("#add1").val();


        if (tagid == ""){


            layer.alert("请选择类型为物资的车辆编号")


            return false;


        }


    }


</script>


</html>