1、增加首页背景图 2、新增零部件管理页面并实现相应功能

zhaowei

2024-10-21 480d5a32deed36113a27c5d5f4c990ecd55065c2

 src/views/dashboard/Analysis.vue

@@ -1,41 +1,35 @@
<template>
  <div>
    <index-chart v-if="indexStyle==1"></index-chart>
    <index-bdc v-if="indexStyle==2"></index-bdc>
    <index-task v-if="indexStyle==3"></index-task>
    <div style="width: 100%;text-align: right;margin-top: 20px">
      请选择首页样式：
      <a-radio-group v-model="indexStyle">
        <a-radio :value="1">统计图表</a-radio>
        <a-radio :value="2">统计图表2</a-radio>
        <a-radio :value="3">任务表格</a-radio>
      </a-radio-group>
    </div>
  <div class="container">
    <img src="@/assets/dashboard.jpg">
  </div>
</template>

<script>
  import IndexChart from './IndexChart'
  import IndexTask from "./IndexTask"
  import IndexBdc from './IndexBdc'


  export default {
    name: "Analysis",
    components: {
      IndexChart,
      IndexTask,
      IndexBdc
    },
    name: 'Analysis',
    components: {},
    data() {
      return {
        indexStyle:1
        indexStyle: 1
      }
    },
    created() {

    },
    methods: {
    methods: {}
  }
</script>

<style scoped lang="less">
  .container {
    flex: 1;
    display: flex;
    flex-direction: column;
    img {
      width: 100%;
      flex: 1;
    }
  }
</script>
</style>