大屏

Mr.Zhang

2023-08-24 6f2e1f380b4bfdcc43dcac731226ccab49e17706

大屏

 screen_standard/src/components/AppLayout.vue

@@ -115,9 +115,9 @@
}

const fullChange = () => {
  data.isFull = !data.isFull
  // data.isFull = !data.isFull
  let element = document.documentElement;
  if (data.isFull) {   // 全屏
  if (!data.isFull) {   // 全屏
    if (element.requestFullscreen) {
      element.requestFullscreen();
    } else if (element.webkitRequestFullScreen) {
@@ -139,10 +139,11 @@
      document.msExitFullscreen();
    }
  }
  // data.isFull = !data.isFull
  data.isFull = !data.isFull
}

onMounted(() => {
  enterprise.setDepartId()
  getDepartmentList(enterprise.companyId)
    .then(res => {
      data.comList = res
@@ -150,6 +151,7 @@
      enterprise.setDepartId(data.tempCom.id)
    })
    .catch(err => {})
  fullChange()
  const week = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日']
  setInterval(() => {
    let tempDate = new Date()
@@ -184,6 +186,11 @@
  height: 100%;
  padding: 20px 30px;
  overflow-y: scroll;
  scrollbar-width:none;
  -ms-overflow-style:none;
  &::-webkit-scrollbar{
    width: 0;
  }
  display: flex;
  flex-direction: column;


 screen_standard/src/router/index.js

@@ -10,6 +10,11 @@
  routes: [
    {
      path: '/',
      redirect: '/home',
      
    },
    {
      path: '/home',
      name: 'home',
      component: indexView
    },

 screen_standard/src/views/index.vue

@@ -59,7 +59,7 @@
                    :content="'已报工良品数' + child.doneNum + '；工序计划数' + child.planNum" placement="top">
                    <div class="scroll_item_row_item" @click="jump(child.procedureId, child.procedureName)">
                      <div class="scroll_item_row_item_x"></div>
                      <span v-if="child.rate < 100">{{ child.rate.toFixed(0) }}%</span>
                      <span v-if="child.rate < 100">{{ Math.floor(child.rate) }}%</span>
                      <img v-else src="@/assets/img/ic_complete@2x.png" alt="" />
                      <span class="scroll_item_row_item_wz">{{ child.procedureName.substring(0, 3) }}</span>
                    </div>
@@ -385,11 +385,15 @@
  let option;
  option = {
    title: {
      text: `近七日不良品总数：${data.num}`,
      text: `   近七日不良品总数：${data.num}`,
      textStyle: {
        color: '#fff',
        fontSize: 12
      }
    },
    grid: {
      top: 40,
      bottom: 30
    },
    xAxis: {
      type: 'category',
@@ -636,8 +640,11 @@
    }
    // 组件进行滚动
    scrollDom.scrollTop += 2
    
    // 判断是否滚动到底部
    if (scrollDom.scrollTop >= (scrollDom.scrollHeight - scrollDom.clientHeight - 2)) {
    if (scrollDom.scrollTop >= (scrollDom.scrollHeight - scrollDom.clientHeight-0.5)) {
      console.log(scrollDom.scrollTop);
      console.log(scrollDom.scrollHeight, scrollDom.clientHeight);
      // 获取组件第一个节点
      let first = scrollDom.children[0]
      // 删除节点
@@ -768,9 +775,7 @@

$fixed-height: 690px;
.content1 {
  scrollbar-width:none;
  -ms-overflow-style:none;
  ::-webkit-scrollbar{display:none}
  
  flex: 1;
  width: 100%;
  height: auto;

 screen_standard/src/views/process.vue

@@ -113,7 +113,7 @@
</template>

<script setup>
import { reactive, ref, toRefs, onMounted, onUnmounted } from 'vue'
import { reactive, ref, toRefs, onMounted, onUnmounted, nextTick } from 'vue'
import { getProcedurePlanData, getTop, getProcedurePlansList, getRecordLogPage, getUnqualified7DayData, getUnqualifiedCateData } from '@/utils/api.js'
import { useCounterStore } from '@/stores/counter.js'
import { useRoute } from 'vue-router'
@@ -148,8 +148,11 @@

onMounted(() => {
  window.addEventListener('resize', () => {
    setDayChart()
    setTypeChart()
    console.log('resize');
    nextTick(() => {
      setDayChart()
      setTypeChart()
    })
  })
  initData()
  scrollTimer.value = setInterval(() => {
@@ -303,7 +306,6 @@
    dateList.push(item.createTime)
    numList.push(item.unqualifiedNum || 0)
  })
  console.log(data.allBad);
  let option;
  option = {
    title: {
@@ -312,6 +314,10 @@
        color: '#fff',
        fontSize: 12
      }
    },
    grid: {
      top: 40,
      bottom: 40
    },
    xAxis: {
      type: 'category',
@@ -388,6 +394,7 @@
 */
function setTypeChart() {
  let dayChartDom = document.getElementById('type-distribution');
  console.log(dayChartDom);
  let myChart = echarts.init(dayChartDom);
  let legendData = []
  let seriesData = []