| | |
| | | <div ref="planContainer" class="scroll_container"> |
| | | <div v-for="(item, index) in listData" :key="item.id" class="scroll_item" |
| | | :class="index % 2 == 0 ? 'scroll_item scroll_item_bg1' : 'scroll_item scroll_item_bg2'"> |
| | | <div class="scroll_item_row">{{ item.name }}</div> |
| | | <div class="scroll_item_row">1</div> |
| | | <div class="scroll_item_row">2</div> |
| | | <div class="scroll_item_row">3</div> |
| | | <div class="scroll_item_row">4</div> |
| | | <div class="scroll_item_row">4</div> |
| | | <div class="scroll_item_row">4</div> |
| | | <div class="scroll_item_row">{{ item.materialName }}</div> |
| | | <div class="scroll_item_row">{{ item.materialCode }}</div> |
| | | <div class="scroll_item_row">{{ item.num }}</div> |
| | | <div class="scroll_item_row">{{ item.qualifiedNum }}</div> |
| | | <div class="scroll_item_row">{{ item.unqualifiedNum }}</div> |
| | | <div class="scroll_item_row">{{ item.undoneNum }}</div> |
| | | <div class="scroll_item_row">{{ item.unqualifiedRate }}%</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | <div @mouseenter="handleMouseEnterReport" @mouseleave="handleMouseLeaveReport" class="tablel_container"> |
| | | <div ref="reportLogContainer" class="scroll_container"> |
| | | <div v-for="(item, index) in listData" :key="item.id" class="scroll_item" |
| | | <div v-for="(item, index) in reportListData" :key="item.id" class="scroll_item" |
| | | :class="index % 2 == 0 ? 'scroll_item scroll_item_bg1' : 'scroll_item scroll_item_bg2'"> |
| | | <div class="scroll_item_row">{{ item.name }}</div> |
| | | <div class="scroll_item_row">1</div> |
| | | <div class="scroll_item_row">2</div> |
| | | <div class="scroll_item_row">3</div> |
| | | <div class="scroll_item_row">4</div> |
| | | <div class="scroll_item_row">4</div> |
| | | <div class="scroll_item_row">4</div> |
| | | <div class="scroll_item_row">{{ item.userName }}</div> |
| | | <div class="scroll_item_row">{{ item.materialName }}</div> |
| | | <div class="scroll_item_row">{{ item.materialCode }}</div> |
| | | <div class="scroll_item_row">{{ item.createTime }}</div> |
| | | <div class="scroll_item_row">{{ item.qualifiedNum }}</div> |
| | | <div class="scroll_item_row">{{ item.unqualifiedNum }}</div> |
| | | <div class="scroll_item_row">{{ item.unqualifiedRate }}%</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | <script setup> |
| | | import { reactive, ref, toRefs, onMounted, onBeforeUnmount, onUnmounted, nextTick } from 'vue' |
| | | import { getProcedurePlanData, getTop } from '@/utils/apis.js' |
| | | import { getProcedurePlanData, getTop, getProcedurePlansList, getRecordLogPage } from '@/utils/api.js' |
| | | import { useCounterStore } from '@/stores/counter.js' |
| | | import { useRoute } from 'vue-router' |
| | | import * as echarts from 'echarts' |
| | |
| | | let planContainer = ref(null) |
| | | let reportLogContainer = ref(null) |
| | | const data = reactive({ |
| | | listData: [ |
| | | { name: 'dom第ä¸ä¸ª' }, |
| | | { name: 'dom第äºä¸ª' }, |
| | | { name: 'dom第ä¸ä¸ª' }, |
| | | { name: 'dom第å个' }, |
| | | { name: 'dom第äºä¸ª' }, |
| | | { name: 'dom第å
个' }, |
| | | { name: 'dom第ä¸ä¸ª' }, |
| | | { name: 'dom第å
«ä¸ª' }, |
| | | { name: 'dom第ä¹ä¸ª' }, |
| | | { name: 'dom第å个' }, |
| | | ], |
| | | listData: [], |
| | | reportListData: [], |
| | | top1: [], |
| | | top2: [], |
| | | baseNum: 0, |
| | |
| | | } |
| | | } |
| | | }) |
| | | |
| | | // å·¥åºè®¡åè¿åº¦æ¥è¯¢ |
| | | getProcedurePlansList(enterprise.companyId, enterprise.departId, { procedureId: route.query.procedureId }) |
| | | .then(res => { |
| | | data.listData = res |
| | | }) |
| | | // æ¥å·¥æ¥å¿å页æ¥è¯¢ |
| | | getRecordLogPage(enterprise.companyId, enterprise.departId, { capacity: 9999, page: 1, model: { procedureId: route.query.procedureId } }) |
| | | .then(res => { |
| | | data.reportListData = res.records |
| | | }) |
| | | } |
| | | |
| | | function handleMouseEnter() { |