| | |
| | | <template> |
| | | <div> |
| | | <div class="App" v-loading="this.loading"> |
| | | <div style="display: flex; justify-content: flex-end;margin-bottom: 10px"> |
| | | <el-button icon="el-icon-more" plain size="small" type="primary" @click="MoreHandler">更多</el-button> |
| | | </div> |
| | | <avue-data-box :animation="true" :option="option"></avue-data-box> |
| | | <avue-data-box ref="dataBox" :animation="true" :option="option" ></avue-data-box> |
| | | <!-- <avue-data-panel :animation="true":option="option"></avue-data-panel>--> |
| | | <el-dialog :visible.sync="dialogTableVisible" append-to-body class="avue-dialog avue-dialog--top" title="主数据配置" |
| | | top="0"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import {validatenull} from "@/util/validate"; |
| | | import {getList, save} from "@/api/system/statistic"; |
| | | import {flowRoute} from "@/util/flow"; |
| | | |
| | | export default { |
| | | name: "Statistic", |
| | | data() { |
| | | return { |
| | | loading:true, |
| | | Crud: { |
| | | form: '', |
| | | data: [], |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | this.MasterGetList() |
| | | this.MasterGetList(); |
| | | }, |
| | | mounted() { |
| | | this.$nextTick(() => { |
| | | const dataFatherBox = this.$refs.dataBox.$el; |
| | | console.log(dataFatherBox); |
| | | this.$nextTick(() => { |
| | | setTimeout(() => { |
| | | const info = dataFatherBox.querySelectorAll('.item-info .info'); |
| | | console.log('info', info); |
| | | info.forEach((info) => { |
| | | info.style.fontSize = '17px'; |
| | | }); |
| | | this.loading=false; |
| | | }, 1000); // 延迟1秒查找info元素 |
| | | }); |
| | | }); |
| | | }, |
| | | computed() { |
| | | |
| | |
| | | isDefault: item.isDefault, |
| | | color: this.hexColor, |
| | | uiUrl: item.menuRoute, |
| | | id: 'custom-title' |
| | | }); |
| | | } else if (item.isDefault === 0) { |
| | | this.newData.push(item); |