会客记录开发中的难点

1.elment-ui 国家级联选择框log出来的值是undefined，传参的问题。

undefined

value去掉

2. table布编的校验信息让它显示在表格里，CSS

/* 让布编错误提示框内显示 */

.bubianjiaoyan .el-form-item__content .el-form-item__error--inline {

  position: relative;

  top: -34px;

  left: 80px;

}

3. 新增页面整体布局的问题

栅格布局，24列，一个div 里又是24列，一层套一层。

4.新增table里面textarea 撑开它的父亲，并且居中。

height:auto 和height:100%的区别：这么说，比如一个表格在另一个表格里面，如果外面的表格高是100，里面表格当是auto的时候，如果表格里面没有东西，它就没有高度，表格里面的内容有多高，它就有多高，而当是100%的时候，无论里面有没有内容，它都和外面的表格是一样高的。

5.后端没数据的时候，模拟后端数据有时候是会出问题的，显示不出来，还是直接用后端数据吧。

6.table 排序，把里面的字符串都弄成Number就会生效了。

7.库存路由后头加数字的问题

8.名片识别拿到文件信息

在Vue项目根据图片url获取file对象并用axios上传_看门猫的博客-CSDN博客_vue 图片对象

 // 获取URL的FILE信息

    imgUrlToFile(url, name, type, index) {

      console.log(index, "当前识别的是哪张");

      this.shiBieIndex = index;

      // 点小图在大图里显示大图

      let filename = name + type;

      this.bigUrl = url;

      this.srcList = [];

      this.srcList.push(url);

      var self = this;

      var imgLink = url;

      var tempImage = new Image();

      //如果图片url是网络url，要加下一句代码

      tempImage.crossOrigin = "*";

      tempImage.onload = function () {

        var base64 = self.getBase64Image(tempImage);

        var imgblob = self.base64toBlob(base64);

        const file = self.blobToFile(imgblob, filename);

        self.clicksmallphoto(file, filename);

      };

      tempImage.src = imgLink;

    },

    getBase64Image(img) {

      var canvas = document.createElement("canvas");

      canvas.width = img.width;

      canvas.height = img.height;

      var ctx = canvas.getContext("2d");

      ctx.drawImage(img, 0, 0, img.width, img.height);

      var ext = img.src.substring(img.src.lastIndexOf(".") + 1).toLowerCase();

      var dataURL = canvas.toDataURL("image/" + ext);

      return dataURL;

    },

    base64toBlob(base64) {

      let arr = base64.split(","),

        mime = arr[0].match(/:(.*?);/)[1],

        bstr = atob(arr[1]),

        n = bstr.length,

        u8arr = new Uint8Array(n);

      while (n--) {

        u8arr[n] = bstr.charCodeAt(n);

      }

      return new Blob([u8arr], { type: mime });

    },

    blobToFile(blob, filename) {

      // edge浏览器不支持new File对象，所以用以下方法兼容

      blob.lastModifiedDate = new Date();

      blob.name = filename;

      return blob;

    },

9.  表单状态的代码和样式（真是都看不懂）

10. 跟进人员的代码和样式（真是都看不懂）

11.  新增页面返回要不要有弹出框的判断

太绕了，这个，脑子跟不上了