1.创建表格，添加搜索条件 <avue-crud ref="indexDistributionTable" :data="pageData" :option="option" :page.sync="page" @selection-change="selectionChange" @size-change="sizeChange" @current-change="currentChange" @search-change="searchChange" @search-reset="searchReset" > <template slot="search"> <el-form-item label="指标名称"> <el-input v-model="searchForm.indexName" placeholder="请输入指标名称" size="small" /> </el-form-item> </template> </avue-crud 表格的其他属性此前已经有对应的文章了（avue.js表格..... avue.js表格添加搜索条件 vue
1.定义avue-crud <el-dialog :visible.sync="detailDialog" title="明细" top="100px" width="90%"> <avue-crud ref="detailTable" :data="detailData" :option="detailOption" :page.sync="detailPage" :over-hidden="true" @size-change="detailTableSizeChange" @current-change="detailTableCurrentChange"> <div slot="footer" class="dialog-footer"> <el-button @click="detailDialog = false">确 定</el-button> </div> </avue-crud></el-dialog> 2.属性配置 detailDialog控制显示 :data="det..... avue.js 表格 vue
1.el-tree属性设置 <el-tree ref="orgTree" :style="{height:autoHeight,'overflow':'auto'}" :props="orgTree.defaultProps" :load="loadOrgChildren" node-key="id" lazy class="filter-tree"> <span slot-scope="{ node, data }" class="custom-tree-node"> <span v-if="node.label.length < 10"> {{ node.label }} </span> <el-tooltip v-else :content="node.label" class="item" effect="dark" placement="top-start"> <span > {{ node.label | ellipsis(10) }} </span> </el-tooltip&.... element-ui 树形表格懒加载 vue
在使用iframe会发现，有时iframe的数据不会刷新，这是因为浏览器对iframe做了缓存，更改了请求后，他还是发送的原来的请求，这个问题可以通过三个途径解决 response设置no-cache 清理浏览器缓存 销毁iframe重新创建 我使用第三种方法解决了iframe数据无法刷新的问题 var widgetIFrame = $('#widgetIFrame'); var widgetIFrameParent = widgetIFrame.parent(); widgetIFrame.remove(); widgetIFrameParent.append("<iframe id="widgetIFrame" style="width: 100%;height: 600px" src=""></iframe>"); var widgetIFrameNew = $('#widgetIFrame'); widgetIFrameNew.attr('src',encodeURI('http://localhost:8086/widgetModel.ht.... 处理缓存导致的iframe不刷新的问题 前端
widgetCtrl.js中配置图表类型 $scope.chart_types配置项中添加图表类型配置信息 { // 定义图表的类型为：ringBar name: translate('CONFIG.WIDGET.RING_BAR'), value: 'ringBar', class: 'cRingBar', row: translate('CONFIG.WIDGET.TIPS_DIM_NUM_1_MORE'), column: translate('CONFIG.WIDGET.TIPS_DIM_NUM_0_MORE'), measure: translate('CONFIG.WIDGET.TIPS_DIM_NUM_1_MORE') } $scope.chart_types_status中添加配置信息 "ringBar":true $scope.configRule 中添加配置信息如下 ringBar: {keys: 0, groups: -1, filters: -1, values: 2} 这个配置事图表类型激活条件 keys:0表示行维数量为0，groups:-1表示列维不做...... CBoard添加一个自定义的echarts图表 cboard
wenyl 的个人博客