此專案是正式入職後的第一個專案，可能各種原因重重，導致測試提出瞭如此多的bug，關於那些因為需求不清楚而導致的就不說了，bug總結如下：

一、ElementUI table元件出現橫向滾動條

原因：因為左右的橫向border導致瀏覽器計算的寬度超出了我們設定的寬度，從而導致出現橫向滾動條

解決：

方法一：去掉border，但是會影響樣式美觀

方法二： .el-table__body-wrapper, .el-table__footer-wrapper, .el-table__header-wrapper { width: 101%; } 

二、檔案單位轉換byte位元組轉化我對應單位（四捨五入取整計算）

function bytesToSize(bytes) {
    if (bytes === 0) return '0 B';
    var k = 1024, // or 1000
        sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
        i = Math.floor(Math.log(bytes) / Math.log(k));
   return (bytes / Math.pow(k, i)).toFixed(0) + '' + sizes[i];
}

三、ElementUI 元件如果沒有提供自定義class，修改樣式可以通過審查元素獲取對應的預設類名來修改覆蓋元件樣式，但是這個樣式要寫到全域性，放到vue的元件自己作用於樣式不會有效，因為自己元件作用域的css選擇器打包時會被增加屬性，進而限制其為區域性的

四、vue重新渲染的問題

元件中data的某個值orderList為一個數組或者一個物件，其內各項為一個個物件，然後我們動態通過等號方式新增一個新物件  

this.dataList[prop] = {
    status: 0  
}

 然後我們以為需求需要修改新新增物件的屬性

this.orerList[prop].status = 1

但是我們會發現修改後元件並沒有重新渲染

原因：因為這個新新增的物件是通過等號新增的，這個新新增的物件並沒有參與過初始化，也就並沒有設定setter和getter攔截器，所以這個新新增的物件是非響應式，所以我們改變該物件， 並不會觸發重新渲染。

解決：通過Vue.$set(obj, prop, val)來新增，通過此方法新增的資料是響應式的

this.$set(this.dataList, prop, {
   status: 0 
})

--------------