|
@@ -7,6 +7,13 @@
|
|
|
<div class="d-flex jc-center body-box">
|
|
<div class="d-flex jc-center body-box">
|
|
|
<dv-scroll-board :config="config" ref="scroll-board" />
|
|
<dv-scroll-board :config="config" ref="scroll-board" />
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="down">
|
|
|
|
|
+ <div class="body-box">
|
|
|
|
|
+ <div class="d-flex jc-center fs-xxl fw-b rate flex-column">
|
|
|
|
|
+ <div class="mt-3">入库完成比例:{{finishrate}}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -18,15 +25,15 @@ export default {
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
config: {
|
|
config: {
|
|
|
- header: ['物料种类','送检数量','入库数量','入库比例'],
|
|
|
|
|
|
|
+ header: ['物料编号','物料名称','送检数量','入库数量'],
|
|
|
data: [],
|
|
data: [],
|
|
|
rowNum: 10, //表格行数
|
|
rowNum: 10, //表格行数
|
|
|
headerHeight: 40,
|
|
headerHeight: 40,
|
|
|
headerBGC: 'rgba(15,19,37,0.1)', //表头
|
|
headerBGC: 'rgba(15,19,37,0.1)', //表头
|
|
|
oddRowBGC: 'rgba(15,19,37,0.1)', //奇数行
|
|
oddRowBGC: 'rgba(15,19,37,0.1)', //奇数行
|
|
|
evenRowBGC: 'rgba(23,28,51,0.1)', //偶数行
|
|
evenRowBGC: 'rgba(23,28,51,0.1)', //偶数行
|
|
|
- columnWidth: [150,135, 150,100],
|
|
|
|
|
- align: ['center','center','center']
|
|
|
|
|
|
|
+ columnWidth: [200,135, 100,100],
|
|
|
|
|
+ align: ['center','center','center','center']
|
|
|
},
|
|
},
|
|
|
timing: null,
|
|
timing: null,
|
|
|
}
|
|
}
|
|
@@ -57,10 +64,10 @@ export default {
|
|
|
for (let index = 0; index < dataList.length; index++) {
|
|
for (let index = 0; index < dataList.length; index++) {
|
|
|
const element = dataList[index];
|
|
const element = dataList[index];
|
|
|
let item = new Array();
|
|
let item = new Array();
|
|
|
- item.push("<span class='colorGrass fs-xl'>" + element.pr_kind + "</span>");
|
|
|
|
|
|
|
+ item.push("<span class='colorGrass fs-xl'>" + element.pr_code + "</span>");
|
|
|
|
|
+ item.push("<span class='colorGrass fs-xl'>" + element.pr_detail + "</span>");
|
|
|
item.push("<span class='colorGrass fs-xl'>" + element.送检数量 + "</span>");
|
|
item.push("<span class='colorGrass fs-xl'>" + element.送检数量 + "</span>");
|
|
|
- item.push("<span class='colorGrass fs-xl'>" + element.已入库数量 + "</span>");
|
|
|
|
|
- item.push("<span class='colorGrass fs-xl'>" + element.入库比例 + "</span>");
|
|
|
|
|
|
|
+ item.push("<span class='colorGrass fs-xl'>" + element.入库数量 + "</span>");
|
|
|
resultList.push(item);
|
|
resultList.push(item);
|
|
|
}
|
|
}
|
|
|
this.config.data = resultList;
|
|
this.config.data = resultList;
|
|
@@ -69,6 +76,22 @@ export default {
|
|
|
console.error(result)
|
|
console.error(result)
|
|
|
}
|
|
}
|
|
|
);
|
|
);
|
|
|
|
|
+
|
|
|
|
|
+ caller = 'KB!WHPREMADERate';
|
|
|
|
|
+ await this.$http.get("kanban/datalist.action?caller="+caller+"&_noc=1&page=1&pageSize=100",{
|
|
|
|
|
+ params: {
|
|
|
|
|
+ condition: "1=1"
|
|
|
|
|
+ }
|
|
|
|
|
+ }).then((result) => {
|
|
|
|
|
+ let dataList = JSON.parse(result.data.data);
|
|
|
|
|
+ if(dataList.length>0){
|
|
|
|
|
+ this.finishrate = dataList[0].finishrate;
|
|
|
|
|
+ }
|
|
|
|
|
+ }, (result) => {
|
|
|
|
|
+ console.error(result)
|
|
|
|
|
+ }
|
|
|
|
|
+ );
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
@@ -93,6 +116,14 @@ $box-width: 100%;
|
|
|
//font-size: 15px;
|
|
//font-size: 15px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ .down {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ .rate{
|
|
|
|
|
+ justify-content: center; /* 水平居中 */
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
.body-box {
|
|
.body-box {
|
|
|
width: $box-width;
|
|
width: $box-width;
|
|
|
|
|
|
|
@@ -101,7 +132,7 @@ $box-width: 100%;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.dv-scroll-board {
|
|
.dv-scroll-board {
|
|
|
- height: $box-height - 70px;
|
|
|
|
|
|
|
+ height: $box-height - 140px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|