|
|
@@ -4,13 +4,13 @@
|
|
|
<span style="font-size: 0.5rem">工位屏-补打</span>
|
|
|
<div class="fullscreen-title-btn">
|
|
|
<Button
|
|
|
- @click="handleFullScreenClick"
|
|
|
+ @click="handleWideScreenClick"
|
|
|
size="large"
|
|
|
id="full_screen_btn"
|
|
|
type="primary"
|
|
|
style="margin-right: 1rem"
|
|
|
>
|
|
|
- {{ isFullScreen ? "退 出" : "全 屏" }}
|
|
|
+ {{ isWideScreen ? "正常模式" : "简单模式" }}
|
|
|
</Button>
|
|
|
<Button
|
|
|
@click="handlePrint"
|
|
|
@@ -116,40 +116,56 @@
|
|
|
choose.isChoosed
|
|
|
? 'fullscreen-content-choose-block fullscreen-content-choose-block-choosen'
|
|
|
: 'fullscreen-content-choose-block fullscreen-content-choose-block-unchoosen',
|
|
|
+ isWideScreen ? 'fullscreen-content-choose-block-wide' : '',
|
|
|
]"
|
|
|
v-for="choose in contentData"
|
|
|
:key="choose.row"
|
|
|
@click="handleChooseBlockClick(choose)"
|
|
|
>
|
|
|
- <div class="chip-tag">
|
|
|
+ <div :class="[isWideScreen ? 'chip-tag-choosed' : 'chip-tag']">
|
|
|
芯片
|
|
|
<Icon
|
|
|
size="20px"
|
|
|
+ :style="
|
|
|
+ isWideScreen
|
|
|
+ ? 'font-size: 1rem; transform: translate(0, -50%)'
|
|
|
+ : 'font-size: 1rem; transform: translate(0, -40%)'
|
|
|
+ "
|
|
|
style="font-size: 1rem; transform: translate(0, -40%)"
|
|
|
:color="choose.isChoosed ? '#2d8cf0' : 'white'"
|
|
|
type="md-arrow-dropup"
|
|
|
/>
|
|
|
</div>
|
|
|
- <div>
|
|
|
+ <div v-show="!isWideScreen">
|
|
|
<span>行号</span>
|
|
|
<span>{{ choose.row_no }}</span>
|
|
|
</div>
|
|
|
- <div>
|
|
|
+ <div v-show="!isWideScreen">
|
|
|
<span>部件</span>
|
|
|
<span>{{ choose.part_title }}</span>
|
|
|
</div>
|
|
|
- <div>
|
|
|
+ <div v-show="!isWideScreen">
|
|
|
<span>材料</span>
|
|
|
<span>{{ choose.sub_part_title }}</span>
|
|
|
</div>
|
|
|
- <div>
|
|
|
+ <div v-show="!isWideScreen">
|
|
|
<span>毛料尺寸</span>
|
|
|
<span>{{ choose.wool_size }}</span>
|
|
|
</div>
|
|
|
- <div>
|
|
|
+ <div v-show="!isWideScreen">
|
|
|
<span>精裁尺寸</span>
|
|
|
<span>{{ choose.cut_size }}</span>
|
|
|
</div>
|
|
|
+ <div v-show="isWideScreen" class="wide-screen-rowno">
|
|
|
+ <span
|
|
|
+ :class="[
|
|
|
+ choose.isChoosed
|
|
|
+ ? 'wide-screen-rowno-span-choosed'
|
|
|
+ : 'wide-screen-rowno-span',
|
|
|
+ ]"
|
|
|
+ >{{ choose.row_no }}</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
<div>
|
|
|
<span>未完成数量</span>
|
|
|
<span>
|
|
|
@@ -563,6 +579,7 @@ export default {
|
|
|
keyboardVal: "",
|
|
|
modalRoomList: [],
|
|
|
modalRoomListSelected: [],
|
|
|
+ isWideScreen: false,
|
|
|
};
|
|
|
},
|
|
|
// 生命周期 - 创建完成(可以访问当前this实例)
|
|
|
@@ -681,6 +698,15 @@ export default {
|
|
|
this.exitFullScreen();
|
|
|
}
|
|
|
},
|
|
|
+ handleWideScreenClick() {
|
|
|
+ this.isWideScreen = !this.isWideScreen;
|
|
|
+ if (this.isWideScreen) {
|
|
|
+ this.page_size = 12;
|
|
|
+ } else {
|
|
|
+ this.page_size = 6;
|
|
|
+ }
|
|
|
+ this.getChipDetail();
|
|
|
+ },
|
|
|
enterFullScreen() {
|
|
|
let el = document.documentElement;
|
|
|
let rfs =
|
|
|
@@ -1315,6 +1341,24 @@ export default {
|
|
|
padding-top: 0.15rem;
|
|
|
transform: translate(-50%, -10%);
|
|
|
}
|
|
|
+ .chip-tag-choosed {
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ width: 1rem;
|
|
|
+ top: 0;
|
|
|
+ left: 15%;
|
|
|
+ font-size: 18px;
|
|
|
+ background-color: #fadb14;
|
|
|
+ color: black;
|
|
|
+ height: 0.75rem;
|
|
|
+ border-radius: 15%;
|
|
|
+ text-align: center;
|
|
|
+ padding-top: 0.15rem;
|
|
|
+ transform: translate(-10%, -10%) !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .fullscreen-content-choose-block-wide {
|
|
|
+ width: 24.5%;
|
|
|
}
|
|
|
.fullscreen-content-choose-block-choosen {
|
|
|
color: white;
|
|
|
@@ -1410,6 +1454,9 @@ export default {
|
|
|
line-height: 1rem;
|
|
|
width: 1rem;
|
|
|
}
|
|
|
+/deep/.ivu-modal-close {
|
|
|
+ border: 1px solid black;
|
|
|
+}
|
|
|
/deep/.ivu-page-prev,
|
|
|
/deep/.ivu-page-next {
|
|
|
display: inline-block;
|
|
|
@@ -1425,4 +1472,25 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
|
}
|
|
|
+.wide-screen-rowno {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center !important;
|
|
|
+ span {
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ width: 3rem;
|
|
|
+ height: 3rem;
|
|
|
+ line-height: 3rem;
|
|
|
+ border-radius: 50%;
|
|
|
+ font-size: 1.5rem;
|
|
|
+ }
|
|
|
+ .wide-screen-rowno-span-choosed {
|
|
|
+ color: #2d8cf0;
|
|
|
+ background-color: white;
|
|
|
+ }
|
|
|
+ .wide-screen-rowno-span {
|
|
|
+ color: white;
|
|
|
+ background-color: #2d8cf0;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|