fix: 首页屏蔽部分功能

spring

5 天以前 faf73a7559b4687033d8da5fd81c7939ff2448b2

 src/views/index.vue

@@ -18,7 +18,7 @@
                  </div>
               </div>
            </div>
            <div class="data-cards">
            <!-- <div class="data-cards">
               <div class="data-card sales">
                  <div class="data-title">销售数据</div>
                  <div class="data-num">
@@ -59,10 +59,10 @@
                     </div>
                  </div>
               </div>
            </div>
            </div> -->
         </div>
         <!-- 右：待办事项 -->
         <div class="todo-panel">
         <!-- <div class="todo-panel">
            <div class="section-title">待办事项</div>
            <ul class="todo-list" v-if="todoList.length > 0">
               <li v-for="item in todoList" :key="item.id">
@@ -79,11 +79,11 @@
            <div v-else style="text-align: center">
               暂无数据
            </div>
         </div>
         </div> -->
      </div>
      
      <!-- 中部横向两栏 -->
      <div class="dashboard-row">
      <!-- <div class="dashboard-row">
         <div class="main-panel">
            <div class="section-title">客户合同金额分析</div>
            <div class="contract-summary">
@@ -118,11 +118,6 @@
         <div class="main-panel">
            <div style="display: flex;justify-content: space-between;">
               <div class="section-title">应收应付统计</div>
               <el-radio-group v-model="radio1" size="large" @change="statisticsReceivable">
                  <el-radio-button label="按周" :value="1" />
                  <el-radio-button label="按月" :value="2" />
                  <el-radio-button label="按季度" :value="3" />
               </el-radio-group>
            </div>
            <Echarts ref="chart"
                         :color="barColors2"
@@ -134,33 +129,8 @@
                         :yAxis="yAxis"
                         style="height: 260px"></Echarts>
         </div>
      </div>
      </div> -->
      
      <!-- 底部横向两栏 -->
      <div class="dashboard-row">
         <div class="main-panel">
            <div class="section-title">质量统计</div>
            <div class="quality-cards">
               <div class="quality-card one">原材料已检测数 <span>{{qualityStatisticsObject.supplierNum}}件</span></div>
               <div class="quality-card two">过程检验数量 <span>{{qualityStatisticsObject.processNum}}件</span></div>
               <div class="quality-card three">出厂已检数量 <span>{{qualityStatisticsObject.factoryNum}}件</span></div>
            </div>
            <Echarts ref="chart"
                         :chartStyle="chartStyle"
                         :grid="grid"
                         :legend="barLegend"
                         :series="barSeries1"
                         :tooltip="tooltip"
                         :xAxis="xAxis1"
                         :yAxis="yAxis1"
                         style="height: 260px"></Echarts>
         </div>
         <div class="main-panel">
            <div class="section-title">回款与开票分析</div>
            <Echarts ref="chart" :chartStyle="chartStyle" :grid="grid" :legend="lineLegend" :series="lineSeries"
                         :tooltip="tooltipLine" :xAxis="xAxis2" :yAxis="yAxis2" style="height: 270px;"></Echarts>
         </div>
      </div>
   </div>
</template>

@@ -277,7 +247,7 @@
}])
const yAxis = [{
   type: 'category',
   data: ['预付账款', '应付账款', '预收账款', '应收账款',]
   data: [ '应付账款', '应收账款',]
}]
const yAxis1 = [{
   type: 'value'
@@ -337,16 +307,6 @@
   }
])

// 合同金额分析数据
const contractList = [
   { name: '深圳科技有限公司', percent: 36, value: 4544, color: '#4fc3f7' },
   { name: '北京科技有限公司', percent: 20, value: 4000, color: '#81c784' },
   { name: '广州科技有限公司', percent: 16, value: 3113, color: '#ffb74d' },
   { name: '上海科技有限公司', percent: 10, value: 2341, color: '#ba68c8' },
   { name: '南京科技有限公司', percent: 9, value: 1231, color: '#e57373' },
   { name: '北京未来科技有限公司', percent: 9, value: 1231, color: '#64b5f6' }
]

// 待办事项
const todoList = ref([])
const radio1 = ref(1)
@@ -399,10 +359,10 @@
   console.log(type)
   statisticsReceivablePayable({type: radio1.value}).then((res) => {
      barSeries.value[0].data = [
         { value: res.data.prepayMoney, itemStyle: { color: barColors2[0] } },
         { value: res.data.payableMoney, itemStyle: { color: barColors2[1] } },
         { value: res.data.advanceMoney, itemStyle: { color: barColors2[2] } },
         { value: res.data.receivableMoney, itemStyle: { color: barColors2[3] } }
         // { value: res.data.prepayMoney, itemStyle: { color: barColors2[0] } },
         { value: res.data.payableMoney, itemStyle: { color: barColors2[0] } },
         // { value: res.data.advanceMoney, itemStyle: { color: barColors2[2] } },
         { value: res.data.receivableMoney, itemStyle: { color: barColors2[1] } }
      ]
   })
}
@@ -754,15 +714,18 @@
   color: #666;
   list-style: none;
   padding: 0;
   height: 190px;
   overflow-y: auto;
   width: 460px;
}
.line {
   position: relative;
   width: 250px;
   width: 230px;
}
.line::after {
   content: '';
   position: absolute;
   right: 12px;
   right: 2px;
   top: 0;
   bottom: 0;
   width: 1px;