From 486065f75babd0e67b9101faa974ba634c00e72a Mon Sep 17 00:00:00 2001 From: zjj <3272660260@qq.com> Date: 星期五, 08 九月 2023 16:03:53 +0800 Subject: [PATCH] #库存冻结 --- src/main/webapp/views/home/map.html | 42 +++++++++++++++++++++++++++++++----------- 1 files changed, 31 insertions(+), 11 deletions(-) diff --git a/src/main/webapp/views/home/map.html b/src/main/webapp/views/home/map.html index 204388f..7be535c 100644 --- a/src/main/webapp/views/home/map.html +++ b/src/main/webapp/views/home/map.html @@ -33,7 +33,7 @@ /* color: #fff;*/ /*}*/ - .pointBox { + .pointBox2 { background: #fffef9; width: 35px; height: 35px; @@ -45,7 +45,23 @@ user-select: none; color: #fff; /*transform: perspective(130px) rotateX(30deg) translateZ(-20px);*/ - box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); + /*box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);*/ + /*border-radius: 50% 20% / 10% 40%;*/ + } + + .pointBox { + background: #fffef9; + width: 80px; + height: 35px; + margin-right: 1px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + user-select: none; + color: #fff; + /*transform: perspective(130px) rotateX(30deg) translateZ(-20px);*/ + /*box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);*/ /*border-radius: 50% 20% / 10% 40%;*/ } @@ -440,6 +456,7 @@ <div v-else-if="map[index][idx].locSts == 'P'" :class="{'pointBoxSearch':map[index][idx].searchStatus}" class="pointBox pointBoxOut">{{ map[index][idx].locSts }}</div> <div v-else-if="map[index][idx].locSts == 'R'" :class="{'pointBoxSearch':map[index][idx].searchStatus}" class="pointBox pointBoxOutYy">{{ map[index][idx].locSts }}</div> <div v-else-if="map[index][idx].locSts == 'S'" :class="{'pointBoxSearch':map[index][idx].searchStatus}" class="pointBox pointBoxInYy">{{ map[index][idx].locSts }}</div> + <div v-else-if="map[index][idx].locSts == 'X'" :class="{'pointBoxSearch':map[index][idx].searchStatus}" class="pointBox pointBoxEnd">{{ map[index][idx].locSts }}</div> <div v-else class="pointBox pointBoxDefault" :class="{'pointBoxSearch':map[index][idx].searchStatus}">{{ map[index][idx].locSts }}</div> </div> @@ -565,31 +582,34 @@ <div class="card-details"> <div class="text-body" style="display: flex;justify-content: space-around;flex-wrap: wrap;"> <div style="flex: 1;margin-top: 10px;"> - <div style="font-size: 10px;">绌哄簱浣�</div><div class="pointBox pointBoxBlue">O</div> + <div style="font-size: 10px;">绌哄簱浣�</div><div class="pointBox2 pointBoxBlue">O</div> </div> <div style="flex: 1;margin-top: 10px;"> - <div style="font-size: 10px;">鍦ㄥ簱</div><div class="pointBox pointBoxRed">F</div> + <div style="font-size: 10px;">鍦ㄥ簱</div><div class="pointBox2 pointBoxRed">F</div> </div> <div style="flex: 1;margin-top: 10px;"> - <div style="font-size: 10px;">绌烘澘</div><div class="pointBox pointBoxEmpty">D</div> + <div style="font-size: 10px;">绌烘澘</div><div class="pointBox2 pointBoxEmpty">D</div> </div> <div style="flex: 1;margin-top: 10px;"> - <div style="font-size: 10px;">鍑哄簱涓�</div><div class="pointBox pointBoxOut">P</div> + <div style="font-size: 10px;">鍑哄簱涓�</div><div class="pointBox2 pointBoxOut">P</div> </div> <div style="flex: 1;margin-top: 10px;"> - <div style="font-size: 10px;">鍑哄簱棰勭害</div><div class="pointBox pointBoxOutYy">R</div> + <div style="font-size: 10px;">鍑哄簱棰勭害</div><div class="pointBox2 pointBoxOutYy">R</div> </div> <div style="flex: 1;margin-top: 10px;"> - <div style="font-size: 10px;">鍏ュ簱棰勭害</div><div class="pointBox pointBoxInYy">S</div> + <div style="font-size: 10px;">鍏ュ簱棰勭害</div><div class="pointBox2 pointBoxInYy">S</div> </div> <div style="flex: 1;margin-top: 10px;"> - <div style="font-size: 10px;">鎼滅储缁撴灉</div><div class="pointBox pointBoxSearch"></div> + <div style="font-size: 10px;">鎼滅储缁撴灉</div><div class="pointBox2 pointBoxSearch"></div> </div> <div style="flex: 1;margin-top: 10px;"> - <div style="font-size: 10px;">閫夋嫨缁撴灉</div><div class="pointBox pointBoxSelected"></div> + <div style="font-size: 10px;">閫夋嫨缁撴灉</div><div class="pointBox2 pointBoxSelected"></div> </div> <div style="flex: 1;margin-top: 10px;"> - <div style="font-size: 10px;text-align: center">鍏朵粬</div><div class="pointBox pointBoxDefault"></div> + <div style="font-size: 10px;text-align: center">鍏朵粬</div><div class="pointBox2 pointBoxDefault"></div> + </div> + <div style="flex: 1;margin-top: 10px;"> + <div style="font-size: 10px;text-align: center">鍐荤粨</div><div class="pointBox2 pointBoxEnd"></div> </div> </div> </div> -- Gitblit v1.9.1