| | |
| | | if (Object.keys(this.sourceData).length>0 && this.isShow) { |
| | | this.tableList = []; |
| | | this.loading = true; |
| | | let url='' |
| | | let url=''; |
| | | if(this.componentVO.bsCustQueryCLsOrUrl && this.componentVO.bsCustQueryCLsOrUrl.indexOf('/')!=-1){ |
| | | url=this.componentVO.bsCustQueryCLsOrUrl; |
| | | } |
| | |
| | | <template> |
| | | <el-container> |
| | | |
| | | <el-aside> |
| | | <basic-container> |
| | | <div ref="TreeBox" style="height: calc(100vh - 144px);!important;"> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <el-container> |
| | | <el-main> |
| | | <basic-container> |
| | | <div class="tag-group"> |
| | | <span class="tag-group__title">åç±»</span> |
| | | <el-tag |
| | | v-for="item in types" |
| | | :key="item" |
| | | :type="checkedTypes.includes(item)?'success':'info'" size="small" |
| | | effect="plain" @click="changeType(item)"> |
| | | {{ item }} |
| | | </el-tag> |
| | | </div> |
| | | <div> |
| | | </div> |
| | | </basic-container> |
| | | </el-main> |
| | | </el-container> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "index", |
| | | data() { |
| | | return { |
| | | types: ['æ ç¾ä¸' , 'æ ç¾äº' , 'æ ç¾ä¸' , 'æ ç¾å','æ ç¾äº' ], |
| | | checkedTypes:[] |
| | | } |
| | | }, |
| | | methods:{ |
| | | changeType(type){ |
| | | if(this.checkedTypes.includes(type)){ |
| | | this.checkedTypes=this.checkedTypes.filter(item=> item!=type) |
| | | }else { |
| | | this.checkedTypes.push(type) |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .tag-group{font-size: 14px;} |
| | | .el-tag{ |
| | | margin: 0 0 10px 10px; |
| | | cursor: pointer; |
| | | } |
| | | </style> |