| | |
| | | <el-container> |
| | | <!-- 左侧菜单--> |
| | | <el-aside > |
| | | <basic-container style="height: 85vh; max-height: 155vh; overflow-y: scroll;"> |
| | | <basic-container style="overflow:hidden;"> |
| | | <div> |
| | | <div> |
| | | <div style="display: flex; flex-direction: column;"> |
| | |
| | | </el-dialog> |
| | | <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata" :defaultExpandAll="false" |
| | | :option="Treeoption" |
| | | style="height: 80.5vh;padding-top: 5px;padding-bottom: 30px" |
| | | style="height: calc(100vh - 230px);" |
| | | @node-click="nodeClick" |
| | | class="classifyTree" |
| | | > |
| | |
| | | </basic-container> |
| | | </el-aside> |
| | | <el-main> |
| | | <basic-container style="height: 85vh; max-height: 155vh; "> |
| | | <basic-container style="height: calc(100vh - 150px);"> |
| | | <!-- 右侧表格--> |
| | | <avue-tabs :option="tabOption" @change="handleChange"></avue-tabs> |
| | | <span v-if="type.prop==='tab1'"> |
| | |
| | | //业务类型接口 |
| | | btmdefaultRend(masterParameter){ |
| | | referDataGrid({valueField:'id',isMuti:'false',...masterParameter}).then(res=>{ |
| | | // console.log(res) |
| | | this.BtmData=res.data.data.records |
| | | }) |
| | | }, |
| | |
| | | this.crudOid=row.oid; |
| | | this.crudLCStatus=row.lcStatus; |
| | | this.crudArray=selection; |
| | | gridCodeClassifyTemplateAttr({'conditionMap[classifyTemplateOid]': this.Formlist[0].oid}).then(res => { |
| | | gridCodeClassifyTemplateAttr({'conditionMap[classifyTemplateOid]': row.oid}).then(res => { |
| | | this.ProData = res.data.data; |
| | | }).catch(res => { |
| | | this.$message.error(res) |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .el-container{ |
| | | height: 100%; |
| | | } |
| | | .el-aside { |
| | | height: calc(100% - 30px); |
| | | } |
| | | .el-main { |
| | | height: calc(100% - 30px); |
| | | } |
| | | .el-form { |
| | | display: flex; |
| | | flex-wrap: wrap; /* 设置可换行,以便在小屏幕设备上使用多行布局 */ |