大屏

liuying

2024-11-30 7867ee16131331fe56d972a6405516786c6b019c

 LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/index.vue

@@ -58,9 +58,11 @@
                  <div class="storage-grid">
                     <div class="row rowMy0">
                        <div class="cell" v-for="(cell, cellIndex) in item.data" :key="cellIndex" v-show="cellIndex < 20">
                           <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
                           <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }" @click="handleClick(cell)">
                              <!-- {{ cell.laneNo }} -->
                              {{ cell.layerNo }}{{ cell.columnNo }}
                              <!-- PlaceCode: -->
                              {{ cell.placeCode }} 
                              <!-- {{ cell.layerNo }}{{ cell.columnNo }} -->
                           </span>
                        </div>
                     </div>
@@ -68,7 +70,8 @@
                        <div class="cell" v-for="(cell, cellIndex) in item.data" :key="cellIndex" v-show="cellIndex >= 20 && cellIndex < 40">
                           <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
                              <!-- {{ cell.laneNo }} -->
                              {{ cell.layerNo }}{{ cell.columnNo }}
                              {{ cell.placeCode }} 
                              <!-- {{ cell.layerNo }}{{ cell.columnNo }} -->
                           </span>
                        </div>
                     </div>
@@ -76,7 +79,8 @@
                        <div class="cell" v-for="(cell, cellIndex) in item.data" :key="cellIndex" v-show="cellIndex >= 40 && cellIndex <= 60">
                           <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
                              <!-- {{ cell.laneNo }} -->
                              {{ cell.layerNo }}{{ cell.columnNo }}
                              {{ cell.placeCode }} 
                              <!-- {{ cell.layerNo }}{{ cell.columnNo }} -->
                           </span>
                        </div>
                     </div>
@@ -103,10 +107,13 @@
            <!-- <content-view :contentData="dataList"></content-view> -->
         </div>
      </el-card>

         <!-- 详情弹框 -->
         <prop-detail ref="propDetailRef"></prop-detail>
   </div>
</template>
<script lang="ts" setup>
import { nextTick, onMounted, ref } from 'vue';
import { getCurrentInstance, nextTick, onMounted, ref } from 'vue';
//import SearchBar from '@/components/SearchBar.vue'
import { getStorageView } from '/@/api/main/ReportCenter/storageView';

@@ -114,6 +121,8 @@
import ContentView from './component/ContentView.vue';
import { ElMessage } from 'element-plus';
import { handleSlectDataWmsArea } from '/@/utils/selectData';
import PropDetail from './component/propDetail.vue';
const { proxy} :any = getCurrentInstance();// 访问实例上下文 proxy同时支持开发 线上环境

const showAdvanceQueryUIWmsStockQuan = ref(false);
// 改变高级查询的控件显示状态
@@ -391,6 +400,21 @@
console.log(66666666);

console.log(storageList.value);

const dialogVisible = ref(false); // 弹框可见性

const handleClick = (row: any, column: any) => {
   console.log(row, column);
   proxy.$refs['propDetailRef'].openDialog(row);
};

const openDialog = () => {
   dialogVisible.value = true; // 打开弹框
};

const handleClose = () => {
   dialogVisible.value = false; // 关闭弹框
};
</script>
<style lang="less" scoped>
.msi-content {
@@ -447,7 +471,7 @@
.t1 {
   margin: 10px 0 2px 0;
   font-size: 16px !important;
   padding-bottom:10px
   padding-bottom: 10px;
}
.textK {
   display: flex; /* 使用 Flexbox 布局 */