|
|
|
@ -11,24 +11,21 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="scrollTable">
|
|
|
|
|
<div style="background-color: #094170">
|
|
|
|
|
<div style="background-color: #09417066">
|
|
|
|
|
<div class="scrollTableItem" style="font-weight: bold;">
|
|
|
|
|
编号
|
|
|
|
|
</div>
|
|
|
|
|
<div class="scrollTableItem" style="font-weight: bold;">
|
|
|
|
|
生产工单
|
|
|
|
|
产品型号
|
|
|
|
|
</div>
|
|
|
|
|
<div class="scrollTableItem" style="font-weight: bold;">
|
|
|
|
|
计划数量
|
|
|
|
|
</div>
|
|
|
|
|
<div class="scrollTableItem" style="font-weight: bold;">
|
|
|
|
|
实际数量
|
|
|
|
|
完成数量
|
|
|
|
|
</div>
|
|
|
|
|
<div class="scrollTableItem" style="font-weight: bold;">
|
|
|
|
|
差异值
|
|
|
|
|
生产进度
|
|
|
|
|
</div>
|
|
|
|
|
<div class="scrollTableItem" style="font-weight: bold;">
|
|
|
|
|
完成率
|
|
|
|
|
开始时间
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<vue-seamless-scroll
|
|
|
|
@ -40,9 +37,8 @@
|
|
|
|
|
<div
|
|
|
|
|
v-for="(item, index) in scrollTableData"
|
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
|
<div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
|
|
|
|
|
<div :style='"background-color:" + ((index % 2 === 0)? "#05346066":"#032d5766") '>
|
|
|
|
|
<div
|
|
|
|
|
class="scrollTableItem">
|
|
|
|
|
{{ item.name }}
|
|
|
|
@ -63,10 +59,6 @@
|
|
|
|
|
class="scrollTableItem">
|
|
|
|
|
{{ item.value2 }}
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="scrollTableItem">
|
|
|
|
|
{{ item.value2 }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</vue-seamless-scroll>
|
|
|
|
@ -225,7 +217,8 @@ export default {
|
|
|
|
|
{
|
|
|
|
|
name: "入库",
|
|
|
|
|
type: "bar",
|
|
|
|
|
barWidth: "15%",
|
|
|
|
|
barWidth: "30%",
|
|
|
|
|
barMaxWidth: 50,
|
|
|
|
|
itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
|
@ -245,7 +238,8 @@ export default {
|
|
|
|
|
{
|
|
|
|
|
name: "出库",
|
|
|
|
|
type: "bar",
|
|
|
|
|
barWidth: "15%",
|
|
|
|
|
barWidth: "30%",
|
|
|
|
|
barMaxWidth: 50,
|
|
|
|
|
itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
|
@ -324,7 +318,8 @@ export default {
|
|
|
|
|
{
|
|
|
|
|
name: "内胆",
|
|
|
|
|
type: "bar",
|
|
|
|
|
barWidth: "15%",
|
|
|
|
|
barWidth: "30%",
|
|
|
|
|
barMaxWidth: 50,
|
|
|
|
|
itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
|
@ -344,7 +339,8 @@ export default {
|
|
|
|
|
{
|
|
|
|
|
name: "箱壳",
|
|
|
|
|
type: "bar",
|
|
|
|
|
barWidth: "15%",
|
|
|
|
|
barWidth: "30%",
|
|
|
|
|
barMaxWidth: 50,
|
|
|
|
|
itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
|
@ -442,7 +438,7 @@ export default {
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
text-align: center;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 16.6%;
|
|
|
|
|
width: 20%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chart1 {
|
|
|
|
|