| | |
| | | <!-- 进度条类型组件 --> |
| | | <div class="progressChart"> |
| | | <div class="chart" id="progressChart" ref="chartRef"></div> |
| | | <label class="bottom le-0-font">{{ bottomTitle }}</label> |
| | | <el-link class="bottom le-0-font" :underline="false" @click="handleDetail(routerPath)"> |
| | | <label >{{ bottomTitle }}</label> |
| | | </el-link> |
| | | </div> |
| | | </template> |
| | | <script> |
| | |
| | | type: [Number, String], |
| | | default: 0 |
| | | }, |
| | | routerPath: { |
| | | type: String, |
| | | default: '' |
| | | }, |
| | | bottomTitle: { |
| | | type: String, |
| | | default: '' |
| | | } |
| | | }, |
| | | methods: {}, |
| | | methods: { |
| | | handleDetail(routerUrl) { |
| | | this.$router.push({ |
| | | path: routerUrl, |
| | | }) |
| | | } |
| | | }, |
| | | created() { }, |
| | | mounted() { |
| | | let myChart = echarts.init(this.$refs['chartRef']) // 使用Id无法实现 |
| | |
| | | margin-top: 10px; |
| | | } |
| | | } |
| | | </style> |
| | | </style> |