首页模拟数据修改

hanbaoshan

2021-02-27 f11031a094b467ac10383e0b82271e3a54bf1886

首页模拟数据修改

 src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue

@@ -77,7 +77,8 @@
          end: 70
        }],
        xAxis: {
          data: xAxisData
          //data: xAxisData
          data: ['02-22','02-23','02-24','02-25','02-26','02-27']
        },
        yAxis: {},
        series: [{
@@ -93,7 +94,7 @@
            y: encodeY
          },
          data: customData,
          z: 100
          z: 1
        }].concat(this.$echarts.util.map(dataList, function (data, index) {
          return {
            type: 'bar',

 src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue

@@ -13,7 +13,7 @@
              <i class="el-icon-warning-outline"></i>
            </span>
          </div>
          <div class="val">265</div>
          <div class="val">245</div>
          <div class="trend week-day-ratio">
            <div class="week-ratio">
              <span>周同比</span>
@@ -29,7 +29,7 @@
          <div class="devide"></div>
          <div class="detail">
            <div class="name">日均隐患事件</div>
            <div class="specific">28</div>
            <div class="specific">35</div>
          </div>
        </el-card>
        <el-card>
@@ -39,14 +39,14 @@
              <i class="el-icon-warning-outline"></i>
            </span>
          </div>
          <div class="val">{{$numberFormat(8846)}}</div>
          <div class="val">{{$numberFormat(735)}}</div>
          <div class="trend">
            <line-chart :options="optionsOfWeekAnalyze" style="height:50px"></line-chart>
          </div>
          <div class="devide"></div>
          <div class="detail">
            <div class="name">日均分析量</div>
            <div class="specific">128</div>
            <div class="specific">105</div>
          </div>
        </el-card>
        <el-card>
@@ -56,12 +56,12 @@
              <i class="el-icon-warning-outline"></i>
            </span>
          </div>
          <div class="val">8846</div>
          <div class="val">1025</div>
          <div class="trend"></div>
          <div class="devide"></div>
          <div class="detail">
            <div class="name">转换率</div>
            <div class="specific">60%</div>
            <div class="specific">100%</div>
          </div>
        </el-card>
        <el-card>
@@ -71,7 +71,7 @@
              <i class="el-icon-warning-outline"></i>
            </span>
          </div>
          <div class="val">78%</div>
          <div class="val">99%</div>
          <div class="trend"></div>
          <div class="devide"></div>
          <div class="detail week-day-ratio">
@@ -147,7 +147,7 @@
                  <div class="lt">
                    <div class="chart-theme">乘务员总人数</div>
                    <div class="sum">
                      <span class="val">8846</span>
                      <span class="val">187</span>
                      <span class="ratio">17.1%</span>
                    </div>
                    <line-chart :options="optionsOfIrregularSum" style="height:70px"></line-chart>
@@ -155,18 +155,18 @@
                  <div class="gt">
                    <div class="chart-theme">人均违规次数</div>
                    <div class="sum">
                      <span class="val">8846</span>
                      <span class="val">1.31</span>
                    </div>
                    <line-chart :options="optionsOfIrregularPer" style="height:70px"></line-chart>
                  </div>
                </div>
                <el-table class="thbg" :data="irregularTableData">
                  <el-table-column label="排名"></el-table-column>
                  <el-table-column label="姓名"></el-table-column>
                  <el-table-column label="违规次数"></el-table-column>
                  <el-table-column label="周涨幅"></el-table-column>
                  <el-table-column label="排名" type="index"></el-table-column>
                  <el-table-column label="姓名" prop="name"></el-table-column>
                  <el-table-column label="违规次数" prop="wg"></el-table-column>
                  <el-table-column label="周涨幅" prop="ratio"></el-table-column>
                </el-table>
                <el-pagination
                <!-- <el-pagination
                  @size-change="handleTableSizeChange"
                  @current-change="renderIrregularMenTable"
                  :current-page.sync="PageIndex"
@@ -174,6 +174,15 @@
                  :page-sizes="pageSizes"
                  layout="total,sizes, prev, pager, next"
                  :total="tableTotal"
                ></el-pagination> -->
                <el-pagination
                  @size-change="handleTableSizeChange"
                  @current-change="renderIrregularMenTable"
                  :current-page.sync="PageIndex"
                  :page-size="PageSize"
                  :page-sizes="pageSizes"
                  layout="total,sizes, prev, pager, next"
                  :total="irregularTableData.length"
                ></el-pagination>
              </div>
            </div>
@@ -220,7 +229,7 @@
          </div>
          <div class="content">
            <div class="indicator-title">本周任务指派量</div>
            <div class="indicator-val">8000</div>
            <div class="indicator-val">742</div>
          </div>
        </div>
        <div class="indicator">
@@ -229,7 +238,7 @@
          </div>
          <div class="content">
            <div class="indicator-title">分析量</div>
            <div class="indicator-val">8000</div>
            <div class="indicator-val">735</div>
          </div>
        </div>
        <div class="indicator lastOne">
@@ -238,7 +247,7 @@
          </div>
          <div class="content">
            <div class="indicator-title">违规量</div>
            <div class="indicator-val">8000</div>
            <div class="indicator-val">245</div>
          </div>
        </div>
      </div>
@@ -480,7 +489,7 @@
            name: '数量',
            type: 'bar',
            barWidth: '24%',
            data: [270, 500, 300, 430, 620, 540]
            data: [21, 102, 100, 1, 7, 14]
          }
        ]
      },
@@ -493,7 +502,7 @@
          orient: 'vertical',
          right: 10,
          y: 'center',
          data: ['未鸣笛', '未手比', '未呼唤', '运行中睡觉', '未检查', '未应答']
          data: ['张磊', '李四', '王丽', '马宏宇', '刘乃超', '何光宗']
        },
        series: [
          {
@@ -519,12 +528,12 @@
              show: false
            },
            data: [
              { value: 270, name: '未鸣笛' },
              { value: 500, name: '未手比' },
              { value: 300, name: '未呼唤' },
              { value: 430, name: '运行中睡觉' },
              { value: 620, name: '未检查' },
              { value: 540, name: '未应答' },
              { value: 270, name: '张磊' },
              { value: 500, name: '李四' },
              { value: 300, name: '王丽' },
              { value: 430, name: '马宏宇' },
              { value: 620, name: '刘乃超' },
              { value: 540, name: '何光宗' },
            ]
          }
        ]
@@ -532,19 +541,39 @@
      rankList: [{
        id: 'jl',
        name: '机辆分公司',
        val: 324456
      }, {
        id: 'jg',
        name: '京高铁路',
        val: 328356
        val: 121
      }, {
        id: 'ztyj',
        name: '中铁一局',
        val: 4563356
      }, {
        val: 52
      },{
        id: 'ztsj',
        name: '中铁四局',
        val: 40
      },{
        id: 'ztsanj',
        name: '中铁三局',
        val: 4563856
        val: 38
      },{
        id: 'ztswj',
        name: '中铁十五局',
        val: 36
      },{
        id: 'ztslj',
        name: '中铁十六局',
        val: 33
      },{
        id: 'jtjw',
        name: '京铁机务',
        val: 24
      },{
        id: 'lhjw',
        name: '路华机务',
        val: 15
      },{
        id: 'nhjw',
        name: '南环机务',
        val: 14
      }],
      optionsOfIrregularSum: {
        animation: false,
@@ -637,7 +666,7 @@
          }
        ]
      },
      irregularTableData: [],
      irregularTableData: [{name:'吴国梁',wg:2},{name:'王仁兴',wg:1},{name:'罗元发',wg:1}],
      PageIndex: 1,
      PageSize: 5,
      pageSizes: [5, 10],
@@ -692,18 +721,18 @@
          }
        ]
      },
      searchTaskAnalyzeTime: [],
      searchTaskAnalyzeTime: [new Date(2021,1,22),new Date(2021,2,1)],
      optionsOfTaskAnalyzeBar: {
        color: ['#fbd438', '#4fcb74'],
        dataset: {
          source: [
            ['mon', 70, 30],
            ['tue', 30, 50],
            ['wed', 30, 60],
            ['thu', 40, 50],
            ['fri', 20, 30],
            ['sat', 30, 20],
            ['sun', 20, 40],
            ['mon', 44, 83],
            ['tue', 47, 83],
            ['wed', 43, 85],
            ['thu', 44, 85],
            ['fri', 46, 80],
            ['sat', 12, 40],
            ['sun', 9, 34],
          ]
        },
        legend: {
@@ -764,11 +793,12 @@
        ]
      },
      taskAnalyzeCaseTableData: [
        { name: '李斯', rwl: 233, fxl: 214, pdwgl: 1354, pdwglv: '7%', wcl: '30%' },
        { name: '王五', rwl: 263, fxl: 234, pdwgl: 64, pdwglv: '8%', wcl: '100%' },
        { name: '天天', rwl: 213, fxl: 204, pdwgl: 654, pdwglv: '78%', wcl: '100%' },
        { name: '赵丽', rwl: 233, fxl: 204, pdwgl: 454, pdwglv: '79%', wcl: '100%' },
        { name: '王冕', rwl: 253, fxl: 244, pdwgl: 454, pdwglv: '87%', wcl: '100%' }],
        { name: '张磊', rwl: 127, fxl: 127, pdwgl: 44, pdwglv: '7%', wcl: '30%' },
        { name: '李四', rwl: 130, fxl: 129, pdwgl: 47, pdwglv: '8%', wcl: '100%' },
        { name: '王丽', rwl: 128, fxl: 127, pdwgl: 43, pdwglv: '78%', wcl: '100%' },
        { name: '马宏宇', rwl: 129, fxl: 125, pdwgl: 44, pdwglv: '79%', wcl: '100%' },
        { name: '刘乃超', rwl: 126, fxl: 126, pdwgl: 46, pdwglv: '87%', wcl: '100%' },
        { name: '何光宗', rwl: 112, fxl: 112, pdwgl: 12, pdwglv: '87%', wcl: '100%'}],
      jsTreeNodes: [],
    }
  },

 src/pages/shuohuangMonitorAnalyze/components/swipeTabs.vue

@@ -7,7 +7,7 @@
          <div class="flex-box">
            <div>
              <div class="dimension">违规率</div>
              <div class="dimension-val">{{slide.ratio}}</div>
              <div class="dimension-val">{{slide.ratio}}%</div>
            </div>
            <div style="margin-left: 60px;">
              <Pie :options="optOfPie(slide)" :pieW="70" :pieH="70"></Pie>
@@ -50,13 +50,13 @@
        observeParents: true,
      },
      slides: [
        { id: 'jlfgs', name: '机量分公司', ratio: 82, },
        { id: 'ztyj', name: '中铁一局', ratio: 78, },
        { id: 'ztsj', name: '中铁三局', ratio: 45 },
        { id: 'ztsij', name: '中铁四局', ratio: 30 },
        { id: 'jtjw', name: '京铁机务', ratio: 30 },
        { id: 'ztwj', name: '中铁五局', ratio: 30 },
        { id: 'jgjw', name: '京高机务', ratio: 30 },
        { id: 'jlfgs', name: '机量分公司', ratio: 1.5, },
        { id: 'ztyj', name: '中铁一局', ratio: 1.6, },
        { id: 'ztsj', name: '中铁三局', ratio: 1.2 },
        { id: 'ztsij', name: '中铁四局', ratio: 1.3 },
        { id: 'jtjw', name: '京铁机务', ratio: 0.2 },
        { id: 'ztwj', name: '中铁五局', ratio: 1.2 },
        { id: 'jgjw', name: '京高机务', ratio: 0.7 },
      ],
      actSlide: ''
    }