zoukankan      html  css  js  c++  java
  • 最近系统更新进度截图

    车辆信息查找

     车辆信息编辑

     

     核心代码(代码比较多不上传了):

      $.ajax({
            url: "/businfo",
            type:"GET",
            success: function(response){
                carmassage = response;
                console.log(carmassage)
                //查看到获取信息成功
                //把空闲的司机显示出来,可以安排
    
                for(var i=0;i<carmassage.length;i++) {
                    var option = document.createElement("option");
                    document.getElementById("cardriverselect").appendChild(option);
                    option.value = i + 1; //每个option的位置
                    option.text = carmassage[i].busdriver;//每个Option的值
                }
    
                var example1 = new Vue({
                    el: '#carTable',
                    data: {
                        items: carmassage
                    }
                });
                return;
            }
        });
    
        //更新findcarmodal模态框数据
        $('#findbuscarModal').on('show.bs.modal', function (event) {
            var findbuscar= $('#findbuscar').val();
            var i=0;
            var modal = $(this);
            for(i=0;i<carmassage.length;i++)
            {
                if(findbuscar===carmassage[i].busnumber)//找到busstation了
                {
                   // alert("1")//找到显示
                    modal.find('.modal-body #findbuscarinformation').val("车辆号码:"+carmassage[i].busnumber+"
    "+"负责该车辆司机:"+carmassage[i].busdriver+"
    "+"车辆生产时间:"+carmassage[i].carborthdate+"
    "+"搭载人数:"+carmassage[i].peoplevalue+"
    "+"车辆类型"+carmassage[i].cartype);
                    modal.find('.modal-body #findbuscarnumber').val(carmassage[i].busnumber);
                    modal.find('.modal-body #findcarbirthdate').val(carmassage[i].carborthdate);
    
                    modal.find('.modal-body #findbusdriver').val(carmassage[i].busdriver);
    
                    modal.find('.modal-body #findcarstatus').val(carmassage[i].status);
                    // findstationid=users[i].id;
                    break;
                }
                else{
                    modal.find('.modal-body #findbuscarinformation').val("很抱歉,sorry,没找到你想要找的车辆信息!!!");
                }
            }
    
    
        });
    

      

  • 相关阅读:
    质量属性--信息技术手册
    蓝桥杯赛前整理
    感悟:荔枝架构实践与演进历程
    以《淘宝网》为例,描绘质量属性的六个常见属性场景
    感悟:淘宝架构演进背后——零售业务中台架构设计探讨及实践
    为什么要考研???
    寒假学习笔记03
    寒假学习笔记02
    寒假学习笔记01
    数据清洗与数据处理
  • 原文地址:https://www.cnblogs.com/Tqin/p/12364800.html
Copyright © 2011-2022 走看看