Compare commits
9 Commits
1e4bc79ed3
...
df3427f4d6
Author | SHA1 | Date | |
---|---|---|---|
df3427f4d6 | |||
0778f473d6 | |||
356f58f4a4 | |||
95a2f6c1a6 | |||
cdb93d2b8c | |||
3b17b75f85 | |||
2035643ed9 | |||
76e198124e | |||
5f4f9ca5fc |
@ -9,7 +9,7 @@
|
|||||||
<div class="visual-base-table-container">
|
<div class="visual-base-table-container">
|
||||||
<el-table
|
<el-table
|
||||||
v-loading="isLoading"
|
v-loading="isLoading"
|
||||||
:header-cell-style="{background:'rgba(79,114,136,0.29)',color:'#fff',height: 28 * beilv + 'px',lineHeight: 28 * beilv + 'px',padding: 0,fontSize: 12 * beilv + 'px'}"
|
:header-cell-style="{background:'rgba(32, 55, 96, 0.8)',color:'#fff',height: 28 * beilv + 'px',lineHeight: 28 * beilv + 'px',padding: 0,fontSize: 12 * beilv + 'px'}"
|
||||||
:row-style="setRowStyle"
|
:row-style="setRowStyle"
|
||||||
:data="renderData"
|
:data="renderData"
|
||||||
border
|
border
|
||||||
@ -111,7 +111,7 @@ export default {
|
|||||||
setRowStyle(v) {
|
setRowStyle(v) {
|
||||||
if (v.rowIndex % 2 === 0) {
|
if (v.rowIndex % 2 === 0) {
|
||||||
return {
|
return {
|
||||||
background: 'rgba(76,97,123,0.2)',
|
background: 'rgba(14, 32, 62, 0.8)',
|
||||||
color: 'rgba(255,255,255,0.5)',
|
color: 'rgba(255,255,255,0.5)',
|
||||||
height: 26 * this.beilv + 'px',
|
height: 26 * this.beilv + 'px',
|
||||||
lineHeight: 26 * this.beilv + 'px',
|
lineHeight: 26 * this.beilv + 'px',
|
||||||
@ -120,7 +120,7 @@ export default {
|
|||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
return {
|
return {
|
||||||
background: 'rgba(79,114,136,0.29)',
|
background: 'rgba(32, 55, 96, 0.8)',
|
||||||
color: 'rgba(255,255,255,0.5)',
|
color: 'rgba(255,255,255,0.5)',
|
||||||
height: 26 * this.beilv + 'px',
|
height: 26 * this.beilv + 'px',
|
||||||
lineHeight: 26 * this.beilv + 'px',
|
lineHeight: 26 * this.beilv + 'px',
|
||||||
|
@ -15,11 +15,11 @@
|
|||||||
<el-button
|
<el-button
|
||||||
type="text"
|
type="text"
|
||||||
class="title-button"
|
class="title-button"
|
||||||
:style="{ right: 33 * beilv + 'px', top: 37 * beilv + 'px' }"
|
:style="{ right: 0, top: 37 * beilv + 'px' }"
|
||||||
@click="changeFullScreen"
|
@click="changeFullScreen"
|
||||||
>
|
>
|
||||||
<svg-icon v-if="isFullScreen" icon-class="unFullScreenView" />
|
<svg-icon v-if="isFullScreen" icon-class="unFullScreenView" :style="{fontSize: 33 * beilv + 'px'}" />
|
||||||
<svg-icon v-else icon-class="fullScreenView" />
|
<svg-icon v-else icon-class="fullScreenView" :style="{fontSize: 33 * beilv + 'px'}" />
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row class="container-main" :style="{ padding: '0 ' + 16 * beilv + 'px' }" :gutter="16 * beilv">
|
<el-row class="container-main" :style="{ padding: '0 ' + 16 * beilv + 'px' }" :gutter="16 * beilv">
|
||||||
|
@ -15,7 +15,7 @@
|
|||||||
<el-button
|
<el-button
|
||||||
type="text"
|
type="text"
|
||||||
class="title-button"
|
class="title-button"
|
||||||
:style="{ right: 33 * beilv + 'px', top: 37 * beilv + 'px' }"
|
:style="{ right: 0, top: 37 * beilv + 'px' }"
|
||||||
@click="changeFullScreen"
|
@click="changeFullScreen"
|
||||||
>
|
>
|
||||||
<svg-icon v-if="isFullScreen" icon-class="unFullScreenView" :style="{fontSize: 33 * beilv + 'px'}" />
|
<svg-icon v-if="isFullScreen" icon-class="unFullScreenView" :style="{fontSize: 33 * beilv + 'px'}" />
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
<div class="visual-base-table-container">
|
<div class="visual-base-table-container">
|
||||||
<el-table
|
<el-table
|
||||||
v-loading="isLoading"
|
v-loading="isLoading"
|
||||||
:header-cell-style="{background:'rgba(79,114,136,0.29)',color:'#fff',height: 28 * beilv + 'px',lineHeight: 28 * beilv + 'px',padding: 0,fontSize: 12 * beilv + 'px'}"
|
:header-cell-style="{background:'rgba(32, 55, 96, 0.8)',color:'#fff',height: 28 * beilv + 'px',lineHeight: 28 * beilv + 'px',padding: 0,fontSize: 12 * beilv + 'px'}"
|
||||||
:row-style="setRowStyle"
|
:row-style="setRowStyle"
|
||||||
:data="renderData"
|
:data="renderData"
|
||||||
border
|
border
|
||||||
@ -111,7 +111,7 @@ export default {
|
|||||||
setRowStyle(v) {
|
setRowStyle(v) {
|
||||||
if (v.rowIndex % 2 === 0) {
|
if (v.rowIndex % 2 === 0) {
|
||||||
return {
|
return {
|
||||||
background: 'rgba(76,97,123,0.2)',
|
background: 'rgba(14, 32, 62, 0.8)',
|
||||||
color: 'rgba(255,255,255,0.5)',
|
color: 'rgba(255,255,255,0.5)',
|
||||||
height: 26 * this.beilv + 'px',
|
height: 26 * this.beilv + 'px',
|
||||||
lineHeight: 26 * this.beilv + 'px',
|
lineHeight: 26 * this.beilv + 'px',
|
||||||
@ -120,7 +120,7 @@ export default {
|
|||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
return {
|
return {
|
||||||
background: 'rgba(79,114,136,0.29)',
|
background: 'rgba(32, 55, 96, 0.8)',
|
||||||
color: 'rgba(255,255,255,0.5)',
|
color: 'rgba(255,255,255,0.5)',
|
||||||
height: 26 * this.beilv + 'px',
|
height: 26 * this.beilv + 'px',
|
||||||
lineHeight: 26 * this.beilv + 'px',
|
lineHeight: 26 * this.beilv + 'px',
|
||||||
|
@ -1,7 +1,13 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="order-box" :style="{ padding: '0 ' + 16 * beilv + 'px', fontSize: 14 * beilv + 'px'}">
|
<div class="order-box" :style="{ padding: '0 ' + 16 * beilv + 'px', fontSize: 14 * beilv + 'px'}">
|
||||||
<!-- 小块 -->
|
<!-- 小块 -->
|
||||||
<div v-for="(item,index) in orderMsg" :key="index" :style="{ padding: 10 * beilv + 'px' + ' 20px ' + 16 * beilv + 'px' + ' 16px'}" class="box">
|
<div
|
||||||
|
v-for="(item,index) in orderMsg"
|
||||||
|
:key="index"
|
||||||
|
:style="{ padding: 10 * beilv + 'px ' + 20 * beilv + 'px ' + 16 * beilv + 'px ' + 16 * beilv
|
||||||
|
+ 'px', height: 168 * beilv + 'px'}"
|
||||||
|
class="box"
|
||||||
|
>
|
||||||
<p class="line1">
|
<p class="line1">
|
||||||
<span>工单编号:<span class="light-color">{{ item.code }}</span></span>
|
<span>工单编号:<span class="light-color">{{ item.code }}</span></span>
|
||||||
<span class="fr">
|
<span class="fr">
|
||||||
@ -13,7 +19,7 @@
|
|||||||
<span>产品名称:<span class="light-color">{{ item.name }}</span></span>
|
<span>产品名称:<span class="light-color">{{ item.name }}</span></span>
|
||||||
<span class="fr">
|
<span class="fr">
|
||||||
产线:
|
产线:
|
||||||
<span class="light-color" style="margin-right: 25px">{{ item.line }}</span>
|
<span class="light-color" :style="{marginRight: 25 * beilv + 'px'}">{{ item.line }}</span>
|
||||||
</span>
|
</span>
|
||||||
</p>
|
</p>
|
||||||
<p :style="{ paddingLeft: 15 * beilv + 'px'}">
|
<p :style="{ paddingLeft: 15 * beilv + 'px'}">
|
||||||
@ -55,11 +61,11 @@ export default {
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
.box {
|
.box {
|
||||||
width: 49.5%;
|
width: 49.5%;
|
||||||
height: 49.5%;
|
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
background-image: url('../../../../assets/img/cockpit/module-back.png');
|
background-image: url('../../../../assets/img/cockpit/module-back.png');
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
|
overflow: auto;
|
||||||
.light-color {
|
.light-color {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user