完成检验任务自定义计算功能，完成每日业务统计静态页面

licp

2024-04-10 0344815be8346d6c088415d3e3cb420963ece70e

完成检验任务自定义计算功能，完成每日业务统计静态页面

 src/components/do/b1-inspect-order-plan/Inspection.vue

@@ -632,7 +632,7 @@
                                                        break
                                                    }
                                                }
                                                comValue[(tableCode + c.r)] = parseFloat(c.v.v)
                                                comValue[(tableCode + (c.r+1))] = parseFloat(c.v.v)
                                            }
                                        }
                                    })
@@ -696,6 +696,25 @@
                                    comResult = sum
                                    break;
                                default:
                  let valueList = [];
                  item.valueList.forEach(a => {
                    valueList.push({
                      name:`${this.comparisonList[a.c].label}${a.r+1}`,
                      value:0,
                    })
                  })
                  for (var a in comValue) {
                    valueList.forEach(b => {
                      if(b.name==a){
                        b.value = comValue[a]
                      }
                    })
                                    }
                  let str = item.v.f.replace(/=/g,' ');
                  valueList.forEach(b => {
                    str = str.replace(b.name,b.value)
                  })
                  comResult = eval(str)
                                    break;
                            }
                            list.forEach(a => {
@@ -743,9 +762,9 @@
                            item.valueList = valueList;
                        } else {
                            valueList = []
                            let regex = /[=\+\-\*\%\(\)\s]/g
                            let regex = /[=\+\-\*\%\(\)\/\s]/g
                            let mode = item.v.f.replace(regex, ' ').split(' ');
                            mode.filter(m => m).forEach(m => {
                            mode.filter(m => m&&!Number(m)).forEach(m => {
                                let r = m.split('')[1] - 1
                                let c = this.comparisonList.find(j => j.label == m.split('')[0]).value
                                valueList.push({

 src/components/tool/echart.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,108 @@

<template>
  <div>
      <div class="echart_size" :id="id" :style="`height:${config.height};width:${config.width}`"></div>
  </div>
</template>
<script>
import * as echarts from 'echarts'
import ResizeListener from 'element-resize-detector';
import {iuCharts} from '../../util/echarts'
export default {
  props: {
      id: {
          type: String,
          default: ''
      },
      config:{
        type: Object,
        default: () => {}
      },
      datas: {
          type: Array,
          default: () => {}
      }
  },
  data() {
      return {
        chart:null,
      }
  },
  watch: {
    /* å¦‚果图表数据是后台获取的，监听父组件中的数据变化，重新触发Echarts */
    datas: {
      deep: true,
      // immediate: true,
      handler(val) {
        this.init();
      },
    },
  },
  created() {
      this.$nextTick(() => {
          this.init()
      })
  },
  mounted() {
      window.addEventListener('resize', this.windowResizeListener);
      this.chartEleResizeListener();
  },
  beforeDestroy() {
    if (!this.chart) {
      return;
    }
    this.chart.dispose();
    this.chart = null;
  },
  methods: {
      init() {
        // å®žä¾‹åŒ–对象
        this.chart = echarts.init(document.getElementById(this.id))
        this.chart.showLoading({
          text: 'loading',
          color: '#3A7BFA',
          textColor: '#000',
          maskColor: 'rgba(255, 255, 255, 0.2)',
          zlevel: 0,
        });
        if (this.config.isLoading) {
          this.chart.hideLoading();
          switch (this.config.type){
            case 'bar':
            iuCharts.drawBar(this.chart,this.datas)
              break;
            case 'line':
            iuCharts.drawLine(this.chart,this.datas)
              break;
          }
          setTimeout(()=>{
            this.chart.resize()
          },200)
        }
      },
      /* å¯¹chart元素尺寸进行监听，当发生变化时同步更新echart视图 */
      chartEleResizeListener() {
          const chartInstance = ResizeListener({
              strategy: 'scroll',
              callOnAdd: true
          });
          chartInstance.listenTo(this.$el, () => {
              if (!this.chart) return;
              this.chart.resize();
          });
      },

      /* å½“窗口缩放时，echart动态调整自身大小 */
      windowResizeListener() {
          if (!this.chart) return;
          this.chart.resize();
      }
  }
}
</script>
<style scoped>
.echart_size{
  width: 100%;
  height: 500px;
}
</style>

 src/components/view/b1-expenses.vue

@@ -38,10 +38,8 @@
    .el-form-item {
        margin-bottom: 16px;
    }
</style>

<style>
  .el-table tbody tr:hover > td {
  >>>.el-table tbody tr:hover > td {
      background-color: transparent !important;
  }
</style>

 src/components/view/b1-inspect-order-plan.vue

@@ -1,5 +1,5 @@
<style scoped>
    ins-order-plan-main .title {
    .ins-order-plan-main .title {
        font-size: 20px;
        color: #3A7BFA
    }

 src/components/view/b1-report-preparation.vue

@@ -44,6 +44,16 @@
    right: 52px;
    top: 22px;
  }

  .btns{
    position: absolute;
    right: 100px;
    top: 17px;
  }

  .fullscreen{
    height:82vh
  }
</style>

<template>
@@ -83,11 +93,31 @@
        <i class="el-icon-full-screen" style="cursor: pointer;font-size: 18px" @click="fullscreen=true;" v-if="!fullscreen"></i>
        <img src="../../../static/img/no-full.svg" alt="" v-else style="cursor: pointer;" @click="fullscreen=false;" >
      </div>
      <Word :style="{height:fullscreen?'82':'70'+'vh'}" v-if="claimVisible" ref="Word" :value="value"/>
      <Word style="height:70vh" :class="{fullscreen:fullscreen}" v-if="claimVisible" ref="Word" :value="value"/>
            <span slot="footer" class="dialog-footer">
                <el-button @click="claimVisible = false">取 æ¶ˆ</el-button>
                <el-button type="primary" @click="confirmClaim">ç¡® å®š</el-button>
            </span>
        </el-dialog>
    <el-dialog title="报告审核" :visible.sync="issuedVisible" width="22cm" :modal-append-to-body="false" :fullscreen="fullscreen">
      <div class="full-screen">
        <i class="el-icon-full-screen" style="cursor: pointer;font-size: 18px" @click="fullscreen=true;" v-if="!fullscreen"></i>
        <img src="../../../static/img/no-full.svg" alt="" v-else style="cursor: pointer;" @click="fullscreen=false;" >
      </div>
      <div class="btns">
        <el-button type="primary" size="small">通过</el-button>
        <el-button size="small">不通过</el-button>
      </div>
        </el-dialog>
    <el-dialog title="报告批准" :visible.sync="approveVisible" width="22cm" :modal-append-to-body="false" :fullscreen="fullscreen">
      <div class="full-screen">
        <i class="el-icon-full-screen" style="cursor: pointer;font-size: 18px" @click="fullscreen=true;" v-if="!fullscreen"></i>
        <img src="../../../static/img/no-full.svg" alt="" v-else style="cursor: pointer;" @click="fullscreen=false;" >
      </div>
      <div class="btns">
        <el-button type="primary" size="small">批准</el-button>
        <el-button size="small">不批准</el-button>
      </div>
        </el-dialog>
    </div>
</template>
@@ -203,6 +233,8 @@
        upIndex: 0,
        statusList: [],
        claimVisible: false,
        issuedVisible: false,
        approveVisible: false,
        fullscreen:false,
        value:``
      }
@@ -325,7 +357,13 @@
            this.refreshTable()
                    }
                })
      }
      },
      handleIssued(row){
        this.issuedVisible = true;
      },
      handleApprove(row){
        this.approveVisible = true;
      },
    }
  }
</script>

 src/components/view/b4-daily-business-statistics.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,221 @@
<template>
<div class="daily-main">
  <div class="daily-content" style="height:100%">
    <p style="font-size: 16px;padding:19.5px 0px">每日业务统计</p>
    <el-row :gutter="30">
      <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;">
        <div class="daily-card daily-head">
          <div class="daily-head-left">
            <h4>今日任务接收</h4>
            <span >2453</span>
            <div class="daily-head-left-info">
              <img src="../../../static/img/daliy-up.svg" alt="">
              <span :class="{active:false}" class="num">&nbsp; 8.5%&nbsp; </span>
              <span>较昨天</span>
            </div>
          </div>
          <img src="../../../static/img/daliy-0.svg" alt="" srcset="">
        </div>
      </el-col>
      <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;">
        <div class="daily-card daily-head">
          <div class="daily-head-left">
            <h4>今日任务完成</h4>
            <span >1687</span>
            <div class="daily-head-left-info">
              <img src="../../../static/img/daliy-up.svg" alt="">
              <span :class="{active:false}" class="num">&nbsp; 8.5%&nbsp; </span>
              <span>较昨天</span>
            </div>
          </div>
          <img src="../../../static/img/daliy-1.svg" alt="" srcset="">
        </div>
      </el-col>
      <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;">
        <div class="daily-card daily-head">
          <div class="daily-head-left">
            <h4>今日任务剩余</h4>
            <span >766</span>
            <div class="daily-head-left-info">
              <img src="../../../static/img/daliy-up.svg" alt="">
              <span :class="{active:false}" class="num">&nbsp; 8.5%&nbsp; </span>
              <span>较昨天</span>
            </div>
          </div>
          <img src="../../../static/img/daliy-2.svg" alt="" srcset="">
        </div>
      </el-col>
      <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;">
        <div class="daily-card daily-head">
          <div class="daily-head-left">
            <h4>今日检测费用</h4>
            <span >ï¿¥7359</span>
            <div class="daily-head-left-info">
              <img src="../../../static/img/daliy-up.svg" alt="">
              <span :class="{active:false}" class="num">&nbsp; 8.5%&nbsp; </span>
              <span>较昨天</span>
            </div>
          </div>
          <img src="../../../static/img/daliy-3.svg" alt="" srcset="">
        </div>
      </el-col>
      <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;">
        <div class="daily-card daily-head">
          <div class="daily-head-left">
            <h4>今日检测工时</h4>
            <span >306</span>
            <div class="daily-head-left-info">
              <img src="../../../static/img/daliy-down.svg" alt="">
              <span :class="{active:true}" class="num">&nbsp; 8.5%&nbsp; </span>
              <span>较昨天</span>
            </div>
          </div>
          <img src="../../../static/img/daliy-4.svg" alt="" srcset="">
        </div>
      </el-col>
      <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;">
        <div class="daily-card daily-head">
          <div class="daily-head-left">
            <h4>今日检测人员</h4>
            <span >109</span>
            <div class="daily-head-left-info">
              <img src="../../../static/img/daliy-up.svg" alt="">
              <span :class="{active:false}" class="num">&nbsp; 8.5%&nbsp; </span>
              <span>较昨天</span>
            </div>
          </div>
          <img src="../../../static/img/daliy-5.svg" alt="" srcset="">
        </div>
      </el-col>
    </el-row>
    <el-row :gutter="30">
      <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" style="margin-bottom: 30px;">
        <div class="daily-card chart-box">
          <h4>近10日任务接收量</h4>
          <echart-module :id="'left'" :config="chartConfig0" :datas="chartData0"></echart-module>
        </div>
      </el-col>
      <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" style="margin-bottom: 30px;">
        <div class="daily-card chart-box">
          <h4>近10日实际完成任务与接收任务对比</h4>
          <echart-module :id="'right'" :config="chartConfig1" :datas="chartData1"></echart-module>
        </div>
      </el-col>
    </el-row>
  </div>
</div>
</template>

<script>

import EchartModule from '../tool/echart.vue'
export default {
  components: {EchartModule},
  data(){
    return{
      chartConfig0:{
        height: '435px',
        isLoading:true,
        type:'line'
      },
      chartData0:{
        xData:['4-11','4-12','4-13','4-14','4-15','4-16','4-17','4-18','4-19','4-20'],
        yData:[
          {
            title:'任务接收量',
            data:[10,20,10,40,50,20,70,40,90,50]
          }
        ]
      },
      chartConfig1:{
        height: '435px',
        isLoading:true,
        type:'bar'
      },
      chartData1:{
        xData:['4-11','4-12','4-13','4-14','4-15','4-16','4-17','4-18','4-19','4-20'],
        yData:[
          {
            title:'今日接收',
            data:[10,20,10,40,50,20,70,40,90,50]
          },
          {
            title:'今日完成',
            data:[15,10,6,33,66,44,56,77,44,55]
          },
        ]
      }
    }
  }
}
</script>

<style scoped>
.daily-main{
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.daily-card{
  width: 100%;
  background: #FFFFFF;
  border-radius: 14px;
  box-shadow: 6px 6px 54px 0px rgba(0,0,0,0.05);
}

.daily-head{
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.daily-head-left h4{
  color: #202224;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  opacity: 0.8;
}

.daily-head-left>span{
  font-family: Nunito Sans-Bold;color: #202224;
  font-weight: bold;
  font-size: 28px;
  display: inline-block;
  margin-bottom: 26px;
}

.daily-head-left .daily-head-left-info{
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #202224;
}

.daily-head-left .daily-head-left-info .num{
  color: #00B69B;
}
.daily-head-left .daily-head-left-info .num.active{
  color: #F93C65;
}

.chart-box{
  padding: 30px 24px;
  box-sizing: border-box;
}

.chart-box h4{
  color: #202224;
  font-family: PingFang SC-Regular;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 16px;
}

.chart{
  width: 100%;
  height: 450px;
}
</style>

 src/components/view/enums.vue

@@ -112,7 +112,7 @@
              //   name:'createUserName',
              //   index:5
              // }
            ],//合并行,通常涉及一个字段
            ],
          },
                    requiredAdd:['category','label','value'],
                    requiredUp:['category','label','value']

 src/util/echarts.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,193 @@
import * as echarts from 'echarts'

const iuCharts = {
  drawBar:function(chart,params){
    var color = ['#4379EE','#FEC53D','#65789B','#F6BD16'];
    let series = params.yData.map((m,i)=>{
      let obj = {
        name: m.title,
        type: 'bar',
        barWidth:  '16%',
        barGap: '30%',
        itemStyle: {
            normal: {
                color: color[i],
                barBorderRadius: [50, 50, 0, 0]
            }
        },
        data: m.data
    };
      return obj
    })
    var option = {
      backgroundColor: '#fff',
      tooltip: {
          trigger: 'axis',
          axisPointer: {
            lineStyle: {
                color: '#4379EE'
            },
        },
      },
      grid: {
        top: '5%',
        left: '7%',
        right: '3%',
        bottom: '5%',
        // containLabel: true
      },
      legend: {
          show: true,
          orient: 'horizontal',
          y:-5,
          right:15,
          itemWidth: 12,
          itemHeight: 12,
          itemGap: 24,
          textStyle: {
              color: 'rgba(43,48,52)',
              fontSize:'14px'
          }
      },
      xAxis: [{
        type: 'category',
        axisLine: {
            show: false,
        },
        axisLabel: {
            color: 'rgba(43,48,52, 0.4)',
        },
        axisTick: {
            show: false
        },
        splitLine: {
            show: false
        },
        boundaryGap: false,
        data: params.xData

      }],
      yAxis: [{
          type: 'value',
          min: 0,
          splitNumber: 4,
          splitLine: {
              show: true,
              lineStyle: {
                  color: 'rgba(43,48,52, 0.1)',
              }
          },
          axisLine: {
              show: false,
          },
          axisLabel: {
            color: 'rgba(43,48,52, 0.4)',
            margin: 30
          },
          axisTick: {
              show: false,
          },
      }],
      series: series
    };
    chart.setOption(option);
  },
  drawLine:function(chart,params){
    let series = [];
    params.yData.forEach(m=>{
      series.push(
        {
          name:m.title,
          type: 'line',
          showAllSymbol: true,
          symbol: 'circle',
          symbolSize: 10,
          lineStyle: {
              normal: {
                  color: "#4379EE",
                  width:3
              },
          },
          areaStyle: {
              normal: {
                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                      {
                          offset: 0,
                          color: 'rgba(67,121,238,0.3)'
                      },
                      {
                          offset: 1,
                          color: 'rgba(67,121,238,0)'
                      }
                  ], false),
              }
          },
          data: m.data
      }
      )
    })
    let option = {
      backgroundColor:'#fff',
      tooltip: {
          trigger: 'axis',
          axisPointer: {
              lineStyle: {
                  color: '#4379EE'
              },
          },
      },
      grid: {
          top: '5%',
          left: '7%',
          right: '2%',
          bottom: '5%',
          // containLabel: true
      },
      xAxis: [{
          type: 'category',
          axisLine: {
              show: false,
          },
          axisLabel: {
              color: 'rgba(43,48,52, 0.4)',
          },
          axisTick: {
              show: false
          },
          splitLine: {
              show: false
          },
          boundaryGap: false,
          data: params.xData

      }],
      yAxis: [{
          type: 'value',
          min: 0,
          splitNumber: 4,
          splitLine: {
              show: true,
              lineStyle: {
                  color: 'rgba(43,48,52, 0.1)',
              }
          },
          axisLine: {
              show: false,
          },
          axisLabel: {
            color: 'rgba(43,48,52, 0.4)',
            margin: 30
          },
          axisTick: {
              show: false,
          },
      }],
      series: series
    };
    chart.setOption(option);
  }
}

export {
  iuCharts
}

 static/img/daliy-0.svg

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,8 @@
<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.208984" width="60" height="60" rx="23" fill="#E5E4FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M37.2949 42.4727C40.1988 42.4727 42.5723 40.0992 42.5723 37.1953C42.5723 34.2914 40.1961 31.918 37.2949 31.918C34.3938 31.918 32.0176 34.2914 32.0176 37.1953C32.0176 40.0992 34.391 42.4727 37.2949 42.4727V42.4727Z" fill="#8280FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M36.5715 39.5688C36.5059 39.5688 36.3746 39.5688 36.309 39.5031L33.9984 36.9957C33.9328 36.8645 33.9328 36.6648 33.9984 36.5336L34.2609 36.2711C34.3922 36.1398 34.5918 36.1398 34.723 36.2711L36.3719 37.5891C36.4375 37.6547 36.5031 37.6547 36.5688 37.6547C36.6344 37.6547 36.7656 37.5891 36.8312 37.5234L39.8664 34.8191C39.9977 34.6879 40.1973 34.6879 40.3285 34.8191L40.591 35.15C40.6594 35.2812 40.6594 35.4781 40.5937 35.6121L36.834 39.5031C36.7684 39.5688 36.7027 39.5688 36.5715 39.5688V39.5688Z" fill="#E5E4FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.0871 37.1352V36.8453C23.0871 36.6184 23.273 36.4324 23.5 36.4324H30.4809C30.6805 36.4324 30.8445 36.5719 30.8855 36.7605C30.943 35.9047 31.1672 35.0926 31.5281 34.3598H23.5055C23.2758 34.3598 23.0871 34.1711 23.0871 33.9414V33.6516C23.0871 33.4191 23.2758 33.2332 23.5055 33.2332H32.2336C33.4094 31.732 35.2414 30.7668 37.2977 30.7668C38.1699 30.7668 39.0012 30.9418 39.7586 31.2563V20.2723C39.7586 18.9871 38.7168 17.9453 37.4316 17.9453H20.7547C19.4695 17.9453 18.4277 18.9871 18.4277 20.2723V39.2734C18.4277 40.5586 19.4695 41.6004 20.7547 41.6004H32.6191C31.55 40.4656 30.8883 38.9453 30.8691 37.2691C30.8117 37.4305 30.6586 37.548 30.4809 37.548H23.5C23.273 37.548 23.0871 37.3621 23.0871 37.1352V37.1352Z" fill="#8280FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.5957 28.8254C23.3769 28.8254 23.1992 28.6477 23.1992 28.4262V28.1445C23.1992 27.9258 23.3769 27.748 23.5957 27.748H30.3387C30.5574 27.748 30.7379 27.9258 30.7379 28.1445V28.4262H30.7352C30.7352 28.6449 30.5574 28.8254 30.3359 28.8254H23.5957V28.8254Z" fill="#E5E4FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M34.3926 24.6555C34.6168 24.6555 34.7973 24.836 34.7973 25.0602V25.3418C34.7973 25.5661 34.6168 25.7465 34.3926 25.7465H23.6C23.3758 25.7465 23.1953 25.5661 23.1953 25.3418V25.0602C23.1953 24.836 23.3758 24.6555 23.6 24.6555H34.3926V24.6555Z" fill="#E5E4FF"/>
</svg>

 static/img/daliy-1.svg

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,5 @@
<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.21" d="M0.5 23.209C0.5 10.5064 10.7975 0.208984 23.5 0.208984H37.5C50.2025 0.208984 60.5 10.5064 60.5 23.209V37.209C60.5 49.9115 50.2025 60.209 37.5 60.209H23.5C10.7975 60.209 0.5 49.9115 0.5 37.209V23.209Z" fill="#FEC53D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 24.5254L28.4005 31.9735C28.5394 32.0537 28.6851 32.1116 28.8333 32.1484V46.5936L16.4201 39.2474C15.8498 38.9099 15.5 38.2965 15.5 37.6338V24.5254ZM45.5 24.3274V37.6338C45.5 38.2965 45.1502 38.9099 44.5799 39.2474L32.1667 46.5936V32.0218C32.1969 32.0067 32.2269 31.9906 32.2566 31.9735L45.5 24.3274V24.3274Z" fill="#FEC53D"/>
<path opacity="0.499209" fill-rule="evenodd" clip-rule="evenodd" d="M15.9043 20.9104C16.0619 20.7114 16.2608 20.5432 16.4926 20.4197L29.6176 13.4291C30.1686 13.1356 30.8295 13.1356 31.3805 13.4291L44.5055 20.4197C44.6843 20.5149 44.8434 20.6367 44.9791 20.7786L30.589 29.0868C30.4943 29.1414 30.4071 29.2039 30.3276 29.273C30.2481 29.2039 30.1609 29.1414 30.0662 29.0868L15.9043 20.9104Z" fill="#FEC53D"/>
</svg>

 static/img/daliy-2.svg

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,5 @@
<svg width="60" height="61" viewBox="0 0 60 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.21" d="M0 23.709C0 11.0064 10.2975 0.708984 23 0.708984H37C49.7025 0.708984 60 11.0064 60 23.709V37.709C60 50.4115 49.7025 60.709 37 60.709H23C10.2975 60.709 0 50.4115 0 37.709V23.709Z" fill="#4AD991"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15 25.333L27.9005 32.7811C28.0394 32.8613 28.1851 32.9192 28.3333 32.956V47.4012L15.9201 40.0551C15.3498 39.7176 15 39.1041 15 38.4414V25.333ZM45 25.135V38.4414C45 39.1041 44.6502 39.7176 44.0799 40.0551L31.6667 47.4012V32.8295C31.6969 32.8144 31.7269 32.7982 31.7566 32.7811L45 25.135V25.135Z" fill="#58DC9A"/>
<path opacity="0.499209" fill-rule="evenodd" clip-rule="evenodd" d="M15.4043 21.718C15.5619 21.519 15.7608 21.3509 15.9926 21.2274L29.1176 14.2367C29.6686 13.9432 30.3295 13.9432 30.8805 14.2367L44.0055 21.2274C44.1843 21.3226 44.3434 21.4443 44.4791 21.5863L30.089 29.8944C29.9943 29.9491 29.9071 30.0116 29.8276 30.0806C29.7481 30.0116 29.6609 29.9491 29.5662 29.8944L15.4043 21.718Z" fill="#58DC9A"/>
</svg>

 static/img/daliy-3.svg

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,6 @@
<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.21" d="M0.5 23.209C0.5 10.5064 10.7975 0.208984 23.5 0.208984H37.5C50.2025 0.208984 60.5 10.5064 60.5 23.209V37.209C60.5 49.9115 50.2025 60.209 37.5 60.209H23.5C10.7975 60.209 0.5 49.9115 0.5 37.209V23.209Z" fill="#FEC53D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.0994 16.209C20.8674 16.209 19.8594 17.1782 19.8594 18.3628V20.5167H22.0994C23.3314 20.5167 24.3394 21.4859 24.3394 22.6705C24.3394 23.8551 23.3314 24.8244 22.0994 24.8244H19.8594V28.0551H22.0994C23.3314 28.0551 24.3394 29.0244 24.3394 30.209C24.3394 31.3936 23.3314 32.3628 22.0994 32.3628H19.8594V35.5936H22.0994C23.3314 35.5936 24.3394 36.5628 24.3394 37.7475C24.3394 38.932 23.3314 39.9013 22.0994 39.9013H19.8594V42.0551C19.8594 43.2398 20.8674 44.209 22.0994 44.209H42.2594C43.4914 44.209 44.4994 43.2398 44.4994 42.0551V18.3628C44.4994 17.1782 43.4914 16.209 42.2594 16.209H22.0994V16.209Z" fill="#FEC53D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M37.7457 28.2889V30.0788H35.4184L34.9368 30.9726V31.8859H37.7457V33.6736H34.9356V36.1989H32.3675V33.6746H29.5384V31.8859H32.3675V30.9726L31.8825 30.0788H29.5384V28.2889H30.9339L28.3848 23.4568H31.196L33.651 28.6099L36.1083 23.4568H38.8993L36.3681 28.2889H37.7457V28.2889Z" fill="#FFDED1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.62 23.7493C17.004 23.7493 16.5 23.2647 16.5 22.6724C16.5 22.0801 17.004 21.5955 17.62 21.5955H22.1C22.716 21.5955 23.22 22.0801 23.22 22.6724C23.22 23.2647 22.716 23.7493 22.1 23.7493H17.62V23.7493ZM17.62 31.2878C17.004 31.2878 16.5 30.8032 16.5 30.2108C16.5 29.6185 17.004 29.1339 17.62 29.1339H22.1C22.716 29.1339 23.22 29.6185 23.22 30.2108C23.22 30.8032 22.716 31.2878 22.1 31.2878H17.62V31.2878ZM17.62 38.8262C17.004 38.8262 16.5 38.3416 16.5 37.7493C16.5 37.157 17.004 36.6724 17.62 36.6724H22.1C22.716 36.6724 23.22 37.157 23.22 37.7493C23.22 38.3416 22.716 38.8262 22.1 38.8262H17.62V38.8262Z" fill="#FEC53D"/>
</svg>

 static/img/daliy-4.svg

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,5 @@
<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.21" d="M0.871094 23.209C0.871094 10.5064 11.1685 0.208984 23.8711 0.208984H37.8711C50.5736 0.208984 60.8711 10.5064 60.8711 23.209V37.209C60.8711 49.9115 50.5736 60.209 37.8711 60.209H23.8711C11.1685 60.209 0.871094 49.9115 0.871094 37.209V23.209Z" fill="#4AD991"/>
<path opacity="0.78" fill-rule="evenodd" clip-rule="evenodd" d="M29.503 24.8742C29.523 24.6138 29.7402 24.4126 30.0015 24.4126H30.4193C30.6762 24.4126 30.8913 24.6072 30.9169 24.8628L31.5385 31.0793L35.9532 33.602C36.109 33.691 36.2052 33.8567 36.2052 34.0361V34.4246C36.2052 34.7543 35.8917 34.9938 35.5736 34.907L29.2705 33.188C29.0391 33.1249 28.8851 32.9064 28.9035 32.6673L29.503 24.8742Z" fill="#4AD991"/>
<path opacity="0.901274" fill-rule="evenodd" clip-rule="evenodd" d="M23.5928 16.0498C23.3287 15.735 22.8188 15.8555 22.7235 16.2552L21.09 23.1033C21.0123 23.4289 21.2704 23.7374 21.6046 23.7185L28.6494 23.3193C29.0603 23.296 29.2687 22.814 29.0041 22.4987L27.2027 20.3519C28.3676 19.9538 29.6028 19.7459 30.8711 19.7459C37.1303 19.7459 42.2044 24.82 42.2044 31.0792C42.2044 37.3385 37.1303 42.4126 30.8711 42.4126C24.6119 42.4126 19.5378 37.3385 19.5378 31.0792C19.5378 30.0285 19.6801 28.9993 19.9575 28.0102L17.3899 27.29C17.0519 28.4951 16.8711 29.7661 16.8711 31.0792C16.8711 38.8112 23.1391 45.0792 30.8711 45.0792C38.6031 45.0792 44.8711 38.8112 44.8711 31.0792C44.8711 23.3472 38.6031 17.0792 30.8711 17.0792C28.9262 17.0792 27.074 17.4758 25.3908 18.1925L23.5928 16.0498Z" fill="#4AD991"/>
</svg>

 static/img/daliy-5.svg

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,5 @@
<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.21" fill-rule="evenodd" clip-rule="evenodd" d="M0.453125 30.209V37.209C0.453125 49.9115 10.7506 60.209 23.4531 60.209H30.4531H37.4531C50.1557 60.209 60.4531 49.9115 60.4531 37.209V30.209V23.209C60.4531 10.5064 50.1557 0.208984 37.4531 0.208984H30.4531H23.4531C10.7506 0.208984 0.453125 10.5064 0.453125 23.209V30.209Z" fill="#8280FF"/>
<path opacity="0.587821" fill-rule="evenodd" clip-rule="evenodd" d="M21.1191 23.5423C21.1191 26.4878 23.507 28.8757 26.4525 28.8757C29.398 28.8757 31.7858 26.4878 31.7858 23.5423C31.7858 20.5968 29.398 18.209 26.4525 18.209C23.507 18.209 21.1191 20.5968 21.1191 23.5423ZM34.4525 28.8757C34.4525 31.0848 36.2433 32.8757 38.4525 32.8757C40.6616 32.8757 42.4525 31.0848 42.4525 28.8757C42.4525 26.6665 40.6616 24.8757 38.4525 24.8757C36.2433 24.8757 34.4525 26.6665 34.4525 28.8757Z" fill="#8280FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.4309 31.5422C20.1357 31.5422 14.9708 34.7776 14.454 41.1412C14.4258 41.4878 15.0887 42.2089 15.4231 42.2089H37.4487C38.4503 42.2089 38.4659 41.4029 38.4503 41.1422C38.0596 34.5998 32.8147 31.5422 26.4309 31.5422ZM45.7277 42.2089L40.5865 42.2089C40.5865 39.2077 39.5949 36.438 37.9214 34.2097C42.4634 34.2594 46.172 36.5558 46.4511 41.4089C46.4624 41.6044 46.4511 42.2089 45.7277 42.2089Z" fill="#8280FF"/>
</svg>

 static/img/daliy-down.svg

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,3 @@
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5 18.209L18.79 15.919L13.91 11.039L9.91 15.039L2.5 7.61898L3.91 6.20898L9.91 12.209L13.91 8.20898L20.21 14.499L22.5 12.209V18.209H16.5Z" fill="#F93C65"/>
</svg>

 static/img/daliy-up.svg

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,3 @@
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5 6.20898L18.79 8.49898L13.91 13.379L9.91 9.37898L2.5 16.799L3.91 18.209L9.91 12.209L13.91 16.209L20.21 9.91898L22.5 12.209V6.20898H16.5Z" fill="#00B69B"/>
</svg>

 static/js/menu.js

@@ -110,7 +110,7 @@
        }, {
            v: "每日业务统计",
            i: "font icon-erjidaohang",
            u: "",
            u: "b4-daily-business-statistics",
            p: ""
        }, {
            v: "检测项目统计",