960、1920两种样式

2024-08-29 10:05:07 +08:00
parent 365708d101
commit d287206dc7
8 changed files with 15 additions and 6 deletions
--- a/index.html
+++ b/index.html
@@ -2,8 +2,8 @@
 <html>
  <head>
    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1, user-scalable=no, target-densitydpi=device-dpi" />
-    <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no"> -->
+    <!-- <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no, target-densitydpi=device-dpi" /> -->
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no">
    <title>天能涂板暂存库可视化看板</title>
  </head>
  <body class="clearfix">
--- a/src/pages/modules/home_1920/index.vue
+++ b/src/pages/modules/home_1920/index.vue
--- a/src/pages/modules/home_1920/left.vue
+++ b/src/pages/modules/home_1920/left.vue
--- a/src/pages/modules/home_1920/right.vue
+++ b/src/pages/modules/home_1920/right.vue
--- a/src/pages/modules/home_960/index.vue
+++ b/src/pages/modules/home_960/index.vue
--- a/src/pages/modules/home_960/left.vue
+++ b/src/pages/modules/home_960/left.vue
@@ -11,7 +11,7 @@
        <div class="zd-row pie_num_wrap">
          <div class="pie_wrap">
            <div class="pie_item">
-              <p>{{ Number(detail.use1) / Number(detail.sum1)}}%</p>
+              <p>{{ sum1 }}</p>
            </div>
            <div class="pie_name">1排</div>
          </div>
@@ -31,7 +31,7 @@
          </div>
          <div class="pie_wrap">
            <div class="pie_item">
-              <p>{{ Number(detail.use2) * 100 / Number(detail.sum2) }}%</p>
+              <p>{{ sum2 }}</p>
            </div>
            <div class="pie_name">2排</div>
          </div>
@@ -117,7 +117,10 @@ export default {
      point3: [],
      point4: [],
      point5: [],
-      detail: {sum1: '', sum2: '', empty1: '', empty2: '', use1: '', use2: ''}
+      detail: {},
+      sum1: '',
+      sum2: ''
+
    }
  },
  created () {
@@ -136,6 +139,12 @@ export default {
    async _boardPoint () {
      let res = await boardPoint()
      this.detail = res.detail
+      this.sum1 = Number(this.detail.use1) / Number(this.detail.sum1)
+      this.sum1 = this.sum1 * 100
+      this.sum1 = this.sum1.toFixed(2) + '%'
+      this.sum2 = Number(this.detail.use2) / Number(this.detail.sum2)
+      this.sum2 = this.sum2 * 100
+      this.sum2 = this.sum2.toFixed(2) + '%'
      this.point1 = [...res.pointList].slice(0, 162)
      this.point2 = [...res.pointList].slice(162, 183)
      this.point3 = [...res.pointList].slice(183, 204)
--- a/src/pages/modules/home_960/right.vue
+++ b/src/pages/modules/home_960/right.vue
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -16,7 +16,7 @@ export default new Router({
    },
    {
      path: '/index',
-      component: (resolve) => require(['@page/modules/home/index'], resolve)
+      component: (resolve) => require(['@page/modules/home_960/index'], resolve)
    }
  ]
 })