1.看板样式优化

loulijun2021

2023-03-20 f5389299d31e2236d399e48cfc1b09e5dd16f4c1

1.看板样式优化

 src/views/kb/cgdd.vue

@@ -10,9 +10,14 @@
      <div class="kb_header">
        <div class="flex_c_c kb_header_text">
          <div id="topBarLeft" style="width:600px;height:100%" />
          采购跟踪看板
          采购跟踪数字化看板
          <div id="topBarRight" style="width:600px;height:100%;transform:rotate(180deg);" />
        </div>

        <div class="kb_headTime" style="left: 85px">
          <span>浙江新凯迪数字科技股份有限公司</span>
        </div>

        <div class="kb_headTime">
          <span>{{ headTime }}</span>
        </div>
@@ -258,6 +263,8 @@
  name: 'Index2',
  data() {
    return {
      onLine: navigator.onLine, // 监听网络是否在线

      headTime: '',
      purchaseLeftTopData: {},

@@ -279,9 +286,14 @@
    // 两小时看板刷新一次
    setInterval(() => {
      window.location.reload()
    }, 1000 * 60 * 120)
    }, 1000 * 60 * 60 * 10)
  },
  mounted() {
    // 监听网络是否在线
    window.addEventListener('online', this.updateOnlineStatus)
    window.addEventListener('offline', this.updateOnlineStatus)
    this.updateOnlineStatus({ type: this.onLine ? 'online' : 'offline', isFirst: true })

    this.getTopBar()
    this.getEcharts()
    this.getPurchaseLeftBottom()
@@ -289,8 +301,33 @@

    this.setStarsRef()
  },

  beforeDestroy() {
    window.removeEventListener('online', this.updateOnlineStatus)
    window.removeEventListener('offline', this.updateOnlineStatus)
  },
  methods: {
    // 更新网络状态
    updateOnlineStatus(e) {
      if (e.isFirst) {
        // console.log('x')
      } else {
        const loading = this.$loading({
          lock: true,
          text: '断网了，正在拼命联网中，请检查网络是否正常...',
          spinner: 'el-icon-loading',
          customClass: 'osloading',
          background: 'rgba(0, 0, 0, 0.7)'
        })
        const { type } = e
        this.onLine = type === 'online'
        if (this.onLine) {
          loading.close()
          this.$message.success('网络连接成功！')
        } else {
          this.$message.error('网络掉线，请关注网络状态！')
        }
      }
    },
    setStarsRef() {
      const starNodes = Array.from(this.$refs.starsRef.children)
      starNodes.forEach(item => {

 src/views/kb/ckgl.vue

@@ -10,9 +10,14 @@
      <div class="kb_header">
        <div class="flex_c_c kb_header_text">
          <div id="topBarLeft" style="width:600px;height:100%" />
          仓库管理看板
          仓库管理数字化看板
          <div id="topBarRight" style="width:600px;height:100%;transform:rotate(180deg);" />
        </div>

        <div class="kb_headTime" style="left: 85px">
          <span>浙江新凯迪数字科技股份有限公司</span>
        </div>

        <div class="kb_headTime">
          <span>{{ headTime }}</span>
        </div>
@@ -338,6 +343,7 @@

  data() {
    return {
      onLine: navigator.onLine, // 监听网络是否在线

      headTime: '',
      tableDataTop: [],
@@ -363,9 +369,14 @@
    // 两小时看板刷新一次
    setInterval(() => {
      window.location.reload()
    }, 1000 * 60 * 120)
    }, 1000 * 60 * 60 * 10)
  },
  mounted() {
    // 监听网络是否在线
    window.addEventListener('online', this.updateOnlineStatus)
    window.addEventListener('offline', this.updateOnlineStatus)
    this.updateOnlineStatus({ type: this.onLine ? 'online' : 'offline', isFirst: true })

    this.getTopBar()

    this.getWareHouseTopLeftData()
@@ -373,8 +384,33 @@
    this.getEcharts()
    this.setStarsRef()
  },

  beforeDestroy() {
    window.removeEventListener('online', this.updateOnlineStatus)
    window.removeEventListener('offline', this.updateOnlineStatus)
  },
  methods: {
    // 更新网络状态
    updateOnlineStatus(e) {
      if (e.isFirst) {
        // console.log('x')
      } else {
        const loading = this.$loading({
          lock: true,
          text: '断网了，正在拼命联网中，请检查网络是否正常...',
          spinner: 'el-icon-loading',
          customClass: 'osloading',
          background: 'rgba(0, 0, 0, 0.7)'
        })
        const { type } = e
        this.onLine = type === 'online'
        if (this.onLine) {
          loading.close()
          this.$message.success('网络连接成功！')
        } else {
          this.$message.error('网络掉线，请关注网络状态！')
        }
      }
    },
    setStarsRef() {
      const starNodes = Array.from(this.$refs.starsRef.children)
      starNodes.forEach(item => {

 src/views/kb/kbCommon.css

@@ -47,8 +47,8 @@

.kb_headTime {
  position: absolute;
  right: 10px;
  width: 360px;
  right: 85px;
  /*width: 360px;*/
  height: 50px;
  z-index: 10;
  top: -20px;

 src/views/kb/zhkb.vue

@@ -12,6 +12,11 @@
          车间综合数字化看板
          <div id="topBarRight" style="width:600px;height:100%;transform:rotate(180deg);" />
        </div>

        <div class="kb_headTime" style="left: 85px">
          <span>浙江新凯迪数字科技股份有限公司</span>
        </div>

        <div class="kb_headTime">
          <span>{{ headTime }}</span>
        </div>
@@ -291,6 +296,8 @@
  name: 'Cjsc',
  data() {
    return {
      onLine: navigator.onLine, // 监听网络是否在线

      headTime: '',
      tableDataRightTop: [],
      tableDataRightTopTemp: [],
@@ -310,15 +317,46 @@
    // 两小时看板刷新一次
    setInterval(() => {
      window.location.reload()
    }, 1000 * 60 * 120)
    }, 1000 * 60 * 60 * 10)
  },
  mounted() {
    // 监听网络是否在线
    window.addEventListener('online', this.updateOnlineStatus)
    window.addEventListener('offline', this.updateOnlineStatus)
    this.updateOnlineStatus({ type: this.onLine ? 'online' : 'offline', isFirst: true })

    this.getTopBar()

    this.getShopSearch()
    this.setStarsRef()
  },
  beforeDestroy() {
    window.removeEventListener('online', this.updateOnlineStatus)
    window.removeEventListener('offline', this.updateOnlineStatus)
  },
  methods: {
    // 更新网络状态
    updateOnlineStatus(e) {
      if (e.isFirst) {
        // console.log('x')
      } else {
        const loading = this.$loading({
          lock: true,
          text: '断网了，正在拼命联网中，请检查网络是否正常...',
          spinner: 'el-icon-loading',
          customClass: 'osloading',
          background: 'rgba(0, 0, 0, 0.7)'
        })
        const { type } = e
        this.onLine = type === 'online'
        if (this.onLine) {
          loading.close()
          this.$message.success('网络连接成功！')
        } else {
          this.$message.error('网络掉线，请关注网络状态！')
        }
      }
    },
    setStarsRef() {
      const starNodes = Array.from(this.$refs.starsRef.children)
      starNodes.forEach(item => {

 src/views/scgl/gd.vue

@@ -2001,7 +2001,7 @@
      defaultroute_codeArr: '', // 默认工艺路线数组
      projectTableData: [], // 设备列表
      tableDataDetail: [], // 点击工单表的行 显示详细信息
      printSize: 2,
      printSize: 0,
      printSizeSelectArr: [// 宽*高
        { code: 0, name: '80*50' },
        { code: 1, name: '78*60' },

 src/views/scgl/sckbg.vue

@@ -2173,11 +2173,11 @@
              if (res.code === '200') {
                this.dialogVisible = false
                this.$message.success('收料成功！')
                if (this.dialogForm.nextstepcode === '') {
                // if (this.dialogForm.nextstepcode === '') {
                  // this.WXprint2(this.OperationArr.find(item => item.usercode === this.dialogForm.inuser).username)
                  this.WXprint2(this.OperationArr.find(item => item.usercode === getCookie('navTabId')).username)
                  this.dialogVisible2 = true
                }
                // }
                this.tabClick()
                this.$store.state.app.buttonIsDisabled = false
              } else {
@@ -2272,10 +2272,10 @@
              if (res.code === '200') {
                this.dialogVisible = false
                this.$message.success('报工成功！')
                if (this.dialogForm.nextstepcode === '') {
                // if (this.dialogForm.nextstepcode === '') {
                  this.ZZprint2(this.OperationArr.find(item => item.usercode === getCookie('navTabId')).username)
                  this.dialogVisible2 = true
                }
                // }
                this.tabClick()
                this.$store.state.app.buttonIsDisabled = false
              } else {