|
|
@@ -0,0 +1,129 @@
|
|
|
+<template>
|
|
|
+ <div class="screen-common-component">
|
|
|
+ <ScreenComHeader :module-id="moduleId" title="剔除列表" />
|
|
|
+ <ShowScroll
|
|
|
+ ref="ShowScrollRef1"
|
|
|
+ :scrollRef="scrollbarRef1"
|
|
|
+ :innerRef="innerRef1"
|
|
|
+ class="message-container"
|
|
|
+ >
|
|
|
+ <el-scrollbar ref="scrollbarRef1" class="message-scroll">
|
|
|
+ <div ref="innerRef1" class="message-scroll">
|
|
|
+ <div
|
|
|
+ class="message-row"
|
|
|
+ v-for="(item, index) in taskRateArray"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <div class="message-title">
|
|
|
+ <span v-text="'批号:' + item.workOrderCode"></span>
|
|
|
+ <span v-text="'型号:' + item.materialModel"></span>
|
|
|
+ <span v-text="item.stage"></span>
|
|
|
+ <span v-text="item.updated"></span>
|
|
|
+ </div>
|
|
|
+ <div v-html="'管号:' + item.seqNo"></div>
|
|
|
+ <div
|
|
|
+ id="m-g-g-content-box"
|
|
|
+ v-html="'问题描述:\t' + JSON.parse(item.remark1).content"
|
|
|
+ ></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-scrollbar>
|
|
|
+ </ShowScroll>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script lang="ts" setup>
|
|
|
+import ScreenComHeader from "@/views/screens/configs/screenComHeader.vue";
|
|
|
+import { unqualifiedProductDetail } from "@/api/screens";
|
|
|
+
|
|
|
+const config = ref({});
|
|
|
+
|
|
|
+const props = defineProps({
|
|
|
+ moduleId: {
|
|
|
+ type: String,
|
|
|
+ required: true,
|
|
|
+ },
|
|
|
+});
|
|
|
+const bigScreenData: any = inject("bigScreenData");
|
|
|
+const bsFS = bigScreenData.value.fontSize * 2;
|
|
|
+const bsFSLH = bigScreenData.value.fontSize * 2 + 5 + "px";
|
|
|
+
|
|
|
+const taskRateArray = ref<any[]>([]);
|
|
|
+const loadData = async () => {
|
|
|
+ let res = await unqualifiedProductDetail(5);
|
|
|
+ taskRateArray.value = res.data;
|
|
|
+
|
|
|
+ nextTick(() => {
|
|
|
+ ShowScrollRef1.value.setActive(3);
|
|
|
+ });
|
|
|
+};
|
|
|
+onMounted(async () => {
|
|
|
+ loadData();
|
|
|
+ const timer = setInterval(loadData, 60 * 5 * 1000); // 60秒 = 60000毫秒
|
|
|
+ // 组件卸载时清除定时器
|
|
|
+ onUnmounted(() => clearInterval(timer));
|
|
|
+});
|
|
|
+
|
|
|
+const tableHover = (data: any) => {
|
|
|
+ // console.log("mouseover", data.row[data.columnIndex]);
|
|
|
+};
|
|
|
+
|
|
|
+const scrollbarRef1 = ref(null);
|
|
|
+const ShowScrollRef1 = ref(null);
|
|
|
+const innerRef1 = ref(null);
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.message-container {
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 25px);
|
|
|
+}
|
|
|
+.message-scroll {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ max-height: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.message-row {
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
+ color: white;
|
|
|
+ font-size: v-bind("bsFS");
|
|
|
+ word-break: break-all;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ border-bottom: 1px solid gray;
|
|
|
+ .message-title {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ line-height: v-bind("bsFSLH");
|
|
|
+ span {
|
|
|
+ line-height: v-bind("bsFSLH");
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+#m-g-g-content-box {
|
|
|
+ display: flex;
|
|
|
+ justify-content: start;
|
|
|
+ align-items: start;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ line-height: v-bind("bsFSLH");
|
|
|
+ word-break: break-all;
|
|
|
+ font-size: v-bind("bsFS");
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+#m-g-g-content-box * {
|
|
|
+ font-size: inherit;
|
|
|
+ line-height: inherit; /* 强制继承 */
|
|
|
+ padding: 0 !important;
|
|
|
+ margin: 0 !important;
|
|
|
+ word-break: break-all;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+</style>
|
