From 23655ae6fc23c883a2ef94568a32c488535b8fc2 Mon Sep 17 00:00:00 2001 From: zhaowei <zhaowei> Date: 星期一, 28 十月 2024 17:08:43 +0800 Subject: [PATCH] 1、调整总控车间看板导航栏背景图 2、总控车间看板假数据配置时的字数限制为5个字的调整为99个字 --- src/views/mdc/base/modules/MasterControlWorkshopSignage/SignageModal.vue | 14 +++++++------- src/views/mdc/base/MasterControlWorkshopSignage.vue | 19 +++++++++++++++++-- src/assets/navigateImg.png | 0 3 files changed, 24 insertions(+), 9 deletions(-) diff --git a/src/assets/navigateImg.png b/src/assets/navigateImg.png new file mode 100644 index 0000000..de2fd4f --- /dev/null +++ b/src/assets/navigateImg.png Binary files differ diff --git a/src/views/mdc/base/MasterControlWorkshopSignage.vue b/src/views/mdc/base/MasterControlWorkshopSignage.vue index efd16d2..3f87dc4 100644 --- a/src/views/mdc/base/MasterControlWorkshopSignage.vue +++ b/src/views/mdc/base/MasterControlWorkshopSignage.vue @@ -67,8 +67,9 @@ <div class="switch-container"> <div class="switch-item" v-for="(item,index) in switchList" :key="index" @click="navigateToOthers(item,index)" - :style="{backgroundColor:activeIndex===index?'#848284':'#6B6D6B',color:activeIndex==index?'#27A2DB':'#000'}"> - {{item.label}} + :style="{color:activeIndex==index?'#27A2DB':'#000'}"> + <img src="@/assets/navigateImg.png"> + <span>{{item.label}}</span> </div> </div> @@ -2320,6 +2321,7 @@ } }, + /** * 绐楀彛灏哄鍙樺寲鏃惰Е鍙� * 璋冩暣鍥捐〃灏哄浠ラ�傚簲鍒嗚鲸鐜� @@ -2428,6 +2430,19 @@ flex: 1; text-align: center; cursor: pointer; + position: relative; + + span { + position: relative; + z-index: 1; + } + img { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + } } } diff --git a/src/views/mdc/base/modules/MasterControlWorkshopSignage/SignageModal.vue b/src/views/mdc/base/modules/MasterControlWorkshopSignage/SignageModal.vue index afb8104..ffdb364 100644 --- a/src/views/mdc/base/modules/MasterControlWorkshopSignage/SignageModal.vue +++ b/src/views/mdc/base/modules/MasterControlWorkshopSignage/SignageModal.vue @@ -43,7 +43,7 @@ <a-descriptions :column="12"> <a-descriptions-item label="浜у搧鍚嶇О"></a-descriptions-item> <a-descriptions-item v-for="item in propFakeData.todayProductionList" :key="item.id"> - <a-input :maxLength="5" v-model="item.label"></a-input> + <a-input :maxLength="99" v-model="item.label"></a-input> </a-descriptions-item> <a-descriptions-item>(闀垮害闄�5瀛�)</a-descriptions-item> @@ -67,7 +67,7 @@ <a-descriptions :column="12"> <a-descriptions-item label="浜у搧鍚嶇О"></a-descriptions-item> <a-descriptions-item v-for="item in propFakeData.todayPassRateList" :key="item.id"> - <a-input :maxLength="5" v-model="item.label"></a-input> + <a-input :maxLength="99" v-model="item.label"></a-input> </a-descriptions-item> <a-descriptions-item>(闀垮害闄�5瀛�)</a-descriptions-item> <a-descriptions-item label="鍚堟牸鐜�"></a-descriptions-item> @@ -84,7 +84,7 @@ <a-descriptions :column="12"> <a-descriptions-item label="鐝鍚嶇О"></a-descriptions-item> <a-descriptions-item v-for="item in propFakeData.todayShiftCountList" :key="item.id"> - <a-input :maxLength="5" v-model="item.label"></a-input> + <a-input :maxLength="99" v-model="item.label"></a-input> </a-descriptions-item> <a-descriptions-item>(闀垮害闄�5瀛�)</a-descriptions-item> <a-descriptions-item label="瀹屾垚閲�"></a-descriptions-item> @@ -101,7 +101,7 @@ <a-descriptions :column="12"> <a-descriptions-item label="璁惧鍚嶇О"></a-descriptions-item> <a-descriptions-item v-for="item in propFakeData.todayOpenRateList" :key="item.id"> - <a-input :maxLength="5" v-model="item.label"></a-input> + <a-input :maxLength="99" v-model="item.label"></a-input> </a-descriptions-item> <a-descriptions-item>(闀垮害闄�5瀛�)</a-descriptions-item> <a-descriptions-item label="寮�鏈虹巼"></a-descriptions-item> @@ -118,7 +118,7 @@ <a-descriptions :column="12"> <a-descriptions-item label="璁惧鍚嶇О"></a-descriptions-item> <a-descriptions-item v-for="item in propFakeData.todayUtilizationRateList" :key="item.id"> - <a-input :maxLength="5" v-model="item.label"></a-input> + <a-input :maxLength="99" v-model="item.label"></a-input> </a-descriptions-item> <a-descriptions-item>(闀垮害闄�5瀛�)</a-descriptions-item> <a-descriptions-item label="鍒╃敤鐜�"></a-descriptions-item> @@ -135,7 +135,7 @@ <a-descriptions-item label="鏃ユ湡"></a-descriptions-item> <template v-for="(item,index) in propFakeData.monthUtilizationRateList"> <a-descriptions-item v-if="index<16"> - <a-input :maxLength="5" v-model="item.label"></a-input> + <a-input :maxLength="99" v-model="item.label"></a-input> </a-descriptions-item> </template> <a-descriptions-item>(闀垮害闄�5瀛�)</a-descriptions-item> @@ -152,7 +152,7 @@ <a-descriptions-item label="鏃ユ湡"></a-descriptions-item> <template v-for="(item,index) in propFakeData.monthUtilizationRateList"> <a-descriptions-item v-if="index>=16"> - <a-input :maxLength="5" v-model="item.label"></a-input> + <a-input :maxLength="99" v-model="item.label"></a-input> </a-descriptions-item> </template> <a-descriptions-item></a-descriptions-item> -- Gitblit v1.9.3