零碎的写vue,大概以后会有可用之处吧

这篇博客探讨了如何在前端应用中添加配置行,通过点击添加按钮调用接口,保存数据到数据库。同时,它涉及到从数据库查询数据,将表头与数据库中的对应名称匹配,确保数据一致性。博主还提到了检查并修正错误表头的过程,以及如何将新表中的名称赋值给页面元素。整个流程展示了前端与后端数据交互的关键步骤。
摘要由CSDN通过智能技术生成
    /**
       *添加一行配置
       * 1.点击添加一行 调用用可搜框和文本框
       * 2.页面添加数据完成后 点击保存调用接口 名称和对应名称产生关系
       * 3.存放到数据库中
       *
      addImport() {
        this.configData.push({});
      },*/
 // debugger
          //查询sal_excel_config表,将对应名称和编码取出来,然后根据编码,对应fieldList集合数据中的编码,将fieldList
          //中的编码相同的表格行名替换成sal_excel_config表中的对应名称
         //查询sal_excel_config表中的数据
              /*let A = [];
              // A.push(o.itemList.itemName);
              console.log(A)*/
  // let key1=[];
          // _.forEach(json,n=>{
          //   key1.push({
          //     name:Object.keys(n),
          //   })
          // })
          // let key2=[];
          // console.log(fieldList)
          //   _.forEach(fieldList, field => {
          //     key2.push(field.itemName);  //将页面上的表格头部放到一个数组中  正确的表头
          //   })
          // console.log(key2.length)
         // console.log(key2)

          //应该增加一个查询,查询错误的表头是否是新建的那个数据库中对应的表头
          //如果表格头和对应名称相等,就把对应名称相对应的名称赋给它
         /* for(let i = 0;i <key2.length;i++){
            console.log(key2[i])
              key3.splice(i,key2.length,key2[i]);  //将错的表头数据替换成正确的表头数据
            console.log(key3[i])
          }
          console.log(key3[0].length)

          for(let i = 0;i<key3.length;i++){
            console.log(key3[i])
          }
*/


          //将新表中的名称赋值给页面上的名称
          //上面,我们已经可以获取到excel表中的工资项和页面上的工资项了。
 // key2.push(field.itemName);  //将页面上的表格头部放到一个数组中
             // console.log(field.itemName)  //获取到的是excel表格中的表头
              // debugger

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值