添加axios异步加载方式

guoyuji

2023-07-20 4d8c8c9b3d83a52b666e59bc535492e4c859e32d

添加axios异步加载方式

 gmms/WebContent/js/mixins.js

@@ -38,6 +38,35 @@
                    return false;
                });
      },
      loadAjxss:function(gongneng,sql,flag,vals){
          let param = new URLSearchParams(); 
          param.append("yemian","123"); 
          param.append("gongneng",gongneng);
          param.append("sql",sql);
          param.append("flag",flag);
          param.append("anquanma",json["anquanma"]);
            this.$http.post( '../mysqlInsert/mysql.jsp',param
                )
            .then(function (response) {
                if(flag==2){
                    let result=$(response.data).text();
                    let index = result.indexOf("[{");
                    if(index>-1){
                        result=result.substring(index).trim();
                        app.$data[vals]=JSON.parse(result);
                        app.$data["loading"]=false;
                        console.log(vals+":");
                        console.log(app.$data[vals]);
                    }else if(result.indexOf("[[anquanmaerr]]")>-1){
                        //alert('请先登录后操作');
                        window.parent.location.href='../login/index.jsp';
                    }
                }
            })
            .catch(function (error) {
                alert('Error: ' + "服务器数据发生错误！"); 
            });
        }
    }
}
//gongneng:自定义，sql存储过程，flag标志(0,是用张工之前功能插入，1存储过程查询，2存储过程插入)，vals：vue里data参数

 gmms/WebContent/orderManage/order.jsp

@@ -43,6 +43,7 @@
      </el-header>
      <el-main  >
        <el-table v-show="showFlag"
          v-loading="loading"
          :data="orderData"
          max-height="600"
          style="width: 100%;">
@@ -154,6 +155,7 @@
  <script src="../js/jquery-3.4.1.min.js"></script>
  
  <script src="../js/static/js/vue.js"></script>
  <script src="../js/axios.min.js"></script>
  <script src="../js/mixins.js"></script>
  <!-- import JavaScript -->
  <script src="../js/static/js/element.js"></script>
@@ -161,6 +163,7 @@
  <script >
    //import * as echarts from '../js/echarts.min.js';
    Vue.prototype.$echarts = echarts
    Vue.prototype.$http= axios
    let app =new Vue({
      el: '#app',
      mixins:[mixin],
@@ -208,7 +211,8 @@
        }, 1000);
      };
      return {
        ruleForm: {
          loading:true,//页面加载flag
          ruleForm: {
          produceid:"",
          glassNum:"",
          creator:""
@@ -234,10 +238,10 @@
        },
        orderProduce:[],
        fileList:[],
        slectOrder:["","","","","","","","","",""],
        selectdate:["",""],
        slectOrder:["","","","","","","","","",""],//筛选参数
        selectdate:["",""],//日期参数
        wornGlassFLAG: false,//次破界面显示标记
        wornGlass:{
        wornGlass:{//破损提交参数
          glassID:'',
          wornNum:'',
          reason:''
@@ -359,7 +363,9 @@
      mounted() {
        let sql="{call AXJ_a_order_select_into()}"
        let flag=2;
        loadAjxs('订单初始查询',sql,flag,"orderData")
        this.loadAjxss('订单初始查询',sql,flag,"orderData")
        
        /* loadAjxs('订单初始查询',sql,flag,"orderData") */
        
        sql="{call AXJ_a_orderHeader_select()}"
        loadAjxs('订单表头',sql,flag,"tableHead")