root/screen-shunhe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

弹窗样式

Browse Source
This commit is contained in:
caill
2023-09-22 10:01:08 +08:00
parent 0a309505d2
commit 00ee78267d
1 changed files with 2 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

179
src/components/devicepop.vue
View File

@@ -13,7 +13,7 @@
</div>
</div>
<div class="pop_content">
<div class="pop_item" v-for="e in data.data" :key="e.key">
<div class="popup_item" v-for="e in data.data" :key="e.key">
<div class="popup_label">{{ e.key }}</div>
<div class="popup_val">{{ e.value }}</div>
</div>
@@ -34,181 +34,6 @@
</table>
</div>
</div>
<!-- <div v-if="type === 'lz' || type === 'tp'" class="pop_content">
<div class="pop_item">
<div class="popup_label">点位</div>
<div class="popup_val">{{data.equipment}}</div>
</div>
<div class="pop_item">
<div class="popup_label">载具</div>
<div class="popup_val">L007</div>
</div>
<div class="pop_item">
<div class="popup_label">物料</div>
<div class="popup_val">W001</div>
</div>
<div class="pop_item">
<div class="popup_label">名称</div>
<div class="popup_val">物料1</div>
</div>
<div v-if="type === 'lz'" class="pop_item">
<div class="popup_label">重量</div>
<div class="popup_val">80&nbsp;<span>KG</span></div>
</div>
<div v-if="type === 'tp'" class="pop_item">
<div class="popup_label">数量</div>
<div class="popup_val">800&nbsp;<span>块</span></div>
</div>
<div class="pop_item">
<div class="popup_label">批次</div>
<div class="popup_val">20201010</div>
</div>
<div class="pop_item">
<div v-if="type === 'lz'" class="popup_label">组盘时间</div>
<div v-if="type === 'tp'" class="popup_label">组盘/入库时间</div>
<div class="popup_val">2020-10-10 19:20:20</div>
</div>
<div v-if="type === 'lz'" class="pop_item">
<div class="popup_label">已静置</div>
<div class="popup_val">8&nbsp;<span>h</span></div>
</div>
</div> -->
<!-- <div v-if="type === 'hlj' || type === 'yj' || type === 'yao' || type === 'cdjxs'" class="pop_content">
<div v-if="type !== 'yao'" class="pop_item">
<div class="popup_label">当前生产</div>
<div class="popup_val">铝碳化硅碳ACTTEXDA10M250X150X7523Z002</div>
</div>
<div class="pop_item">
<div class="popup_label">已工作时间</div>
<div class="popup_val">8&nbsp;<span>h</span></div>
</div>
<div v-if="type === 'hlj' || type === 'yj'" class="pop_item">
<div class="popup_label">已生产总量</div>
<div class="popup_val">2300&nbsp;<span>KG</span></div>
</div>
<div v-if="type === 'yao'" class="pop_item">
<div class="popup_label">窑内物料数量</div>
<div class="popup_val">2300&nbsp;<span>块</span></div>
</div>
<div v-if="type === 'yao'" class="pop_item">
<div class="popup_label">当日已生产</div>
<div class="popup_val">2300&nbsp;<span>块</span></div>
</div>
<div v-if="type === 'cdjxs'" class="pop_item">
<div class="popup_label">完成托盘数</div>
<div class="popup_val">2300&nbsp;<span>托</span></div>
</div>
<div v-if="type === 'cdjxs'" class="pop_item">
<div class="popup_label">完成数量</div>
<div class="popup_val">2300&nbsp;<span>块</span></div>
</div>
<table class="popup_table">
<tr>
<th>本日生产</th>
<th v-if="type === 'hlj'">已生产数量</th>
<th v-else>客户</th>
<th v-if="type === 'hlj'">单位</th>
<th v-else>已生产（块）</th>
</tr>
<tr>
<td>铝碳化硅碳ACTTEXDA10M250X150X7523Z002</td>
<td v-if="type === 'hlj'">1500</td>
<td v-else>新余</td>
<td v-if="type === 'hlj'">KG</td>
<td v-else>1000</td>
</tr>
<tr>
<td>铝碳化硅碳ACTTEXDA10M250X150X7523Z002</td>
<td v-if="type === 'hlj'">1500</td>
<td v-else>新余</td>
<td v-if="type === 'hlj'">KG</td>
<td v-else>1000</td>
</tr>
<tr>
<td>铝碳化硅碳ACTTEXDA10M250X150X7523Z002</td>
<td v-if="type === 'hlj'">1500</td>
<td v-else>新余</td>
<td v-if="type === 'hlj'">KG</td>
<td v-else>1000</td>
</tr>
</table>
</div> -->
<!-- <div v-if="type === 'hangj'" class="pop_content">
<div class="pop_item">
<div class="popup_label">当前物料</div>
<div class="popup_val">L007</div>
</div>
<div class="pop_item">
<div class="popup_label">当前载具</div>
<div class="popup_val">T001</div>
</div>
<div class="pop_item">
<div class="popup_label">当前物料数量</div>
<div class="popup_val">800&nbsp;<span>块</span></div>
</div>
<div class="pop_item">
<div class="popup_label">当日搬运托盘数</div>
<div class="popup_val">800&nbsp;<span>托</span></div>
</div>
<div class="pop_item">
<div class="popup_label">当日搬运数量</div>
<div class="popup_val">800&nbsp;<span>块</span></div>
</div>
<div class="pop_item">
<div class="popup_label">当日搬运物料数</div>
<div class="popup_val">800&nbsp;<span>个</span></div>
</div>
</div> -->
<!-- <div v-if="type === 'ssx'" class="pop_content">
<div class="pop_item">
<div class="popup_label">已工作时间</div>
<div class="popup_val">3&nbsp;<span>h</span></div>
</div>
<div class="pop_item">
<div class="popup_label">输入托盘数</div>
<div class="popup_val">800&nbsp;<span>托</span></div>
</div>
<div class="pop_item">
<div class="popup_label">输入数量</div>
<div class="popup_val">800&nbsp;<span>块</span></div>
</div>
<div class="pop_item">
<div class="popup_label">输出托盘数</div>
<div class="popup_val">800&nbsp;<span>托</span></div>
</div>
<div class="pop_item">
<div class="popup_label">输出数量</div>
<div class="popup_val">800&nbsp;<span>块</span></div>
</div>
</div>
<div v-if="type === 'cpj'" class="pop_content">
<div class="pop_item">
<div class="popup_label">已工作时间</div>
<div class="popup_val">3&nbsp;<span>h</span></div>
</div>
<div class="pop_item">
<div class="popup_label">完成托盘数</div>
<div class="popup_val">800&nbsp;<span>托</span></div>
</div>
<div class="pop_item">
<div class="popup_label">完成垛数</div>
<div class="popup_val">800&nbsp;<span>垛</span></div>
</div>
</div>
<div v-if="type === 'tpccx'" class="pop_content">
<div class="pop_item">
<div class="popup_label">已工作时间</div>
<div class="popup_val">3&nbsp;<span>h</span></div>
</div>
<div class="pop_item">
<div class="popup_label">当前托盘垛数</div>
<div class="popup_val">800&nbsp;<span>垛</span></div>
</div>
<div class="pop_item">
<div class="popup_label">当前托盘数量</div>
<div class="popup_val">100&nbsp;<span>个</span></div>
</div>
</div> -->
</div>
</div>
<!-- <div class="iconfont icon-guanbi close_btn" @click="closePop"></div> -->
@@ -296,7 +121,7 @@ export default {
_fj(flex-start)
align-content flex-start
flex-wrap wrap
.pop_item
.popup_item
_wh(calc(50% - 14px), 36px)
_fj(row,flex-start)
background-color rgba(50,197,255,50%)