¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div style="padding: 10px 0"> |
| | | <el-tabs tab-position="left" :style="'height: '+height+';'"> |
| | | <el-tab-pane label="主ä½"> |
| | | <fieldset> |
| | | <legend> ä¸»é¢ </legend> |
| | | <div> |
| | | <div v-if="!readOnly"> |
| | | <el-button plain size="mini" type="primary" @click="userHandler">éä¸ç¨æ·</el-button> |
| | | <el-button plain size="mini" type="primary" @click="roleHandler">éæ©è§è²</el-button> |
| | | <el-button plain size="mini" type="primary" @click="deptHandler">éæ©ç¨æ·ç»</el-button> |
| | | </div> |
| | | </div> |
| | | </fieldset> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="客ä½">客ä½</el-tab-pane> |
| | | <el-tab-pane label="æä½">æä½</el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "dataView", |
| | | props: { |
| | | //éä¸çä¸å¡ç±»åèç¹ |
| | | btmNode: { |
| | | type: Object, |
| | | default: {} |
| | | }, |
| | | //éä¸è¡æ°æ® |
| | | data: { |
| | | type: Object, |
| | | default: {} |
| | | }, |
| | | readOnly: { |
| | | type: Boolean, |
| | | default: false |
| | | }, |
| | | height: { |
| | | type: String, |
| | | default: '400px' |
| | | }, |
| | | }, |
| | | data() { |
| | | return { |
| | | } |
| | | }, |
| | | created() { |
| | | }, |
| | | methods: { |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | fieldset { |
| | | padding: 10px 6px; |
| | | margin: 10px 0 0 0; |
| | | border: 1px solid #EBEEF5; |
| | | } |
| | | </style> |