| | |
| | | params |
| | | }) |
| | | } |
| | | //䏿¹è¡¨æ ¼æ°æ® |
| | | export function getPLPageDefinations(params){ |
| | | return request({ |
| | | url: "/api/uiManagerController/getPLPageDefinations", |
| | | method: "get", |
| | | params |
| | | }); |
| | | } |
| | | |
| | | // ä¸å¡ç±»å䏿æ¥è¯¢ |
| | | export function getBtmDatasByPage(page, limit, params) { |
| | |
| | | children: [ |
| | | { |
| | | path: '', // 空路å¾è¡¨ç¤ºè®¿é® '/referIndex' æ¶å è½½ Layout ç»ä»¶ |
| | | component: () => import('@/views/modelingMenu/ui/uiDefine/plShow'), |
| | | component: () => import('@/views/modelingMenu/ui/uiDefine/rightRegion/plShow'), |
| | | props: true |
| | | } |
| | | ], |
| | |
| | | import {getBizTree,gridUIContextData,saveUIContextData,updateUIContextData,delUIContextData, cloneUIContextData ,getExpContextTree,expUIContextData} from "@/api/UI/uiDefine"; |
| | | import basicOption from "@/util/basic-option"; |
| | | import func from "@/util/func"; |
| | | import plShow from "@/views/modelingMenu/ui/uiDefine/plShow"; |
| | | import plShow from "@/views/modelingMenu/ui/uiDefine/rightRegion/plShow"; |
| | | export default { |
| | | name: "index", |
| | | components:{plShow}, |
| | |
| | | <template> |
| | | <basic-container> |
| | | <div> |
| | | <avue-crud |
| | | ref="crud" |
| | | v-model="form" |
| | |
| | | </el-container> |
| | | </el-container> |
| | | </el-dialog> |
| | | </basic-container> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import basicOption from "@/util/basic-option"; |
| | | import func from "@/util/func"; |
| | | import { |
| | | getPLPageDefinations, |
| | | getBtmDatasByPage, |
| | | getPortalVIDatasByPage, |
| | | getQTInfoDatasByPage, |
| | | getTabButtons, |
| | | addTapButton, |
| | | updateTapButton |
| | | updateTapButton, getTabByContextIdAndType |
| | | } from "@/api/UI/uiDefine"; |
| | | |
| | | export default { |
| | | props: { |
| | | sourceData: { |
| | | type: Array, |
| | | default: () => [ |
| | | { |
| | | "controlPath": "", |
| | | "description": "", |
| | | "eventKey": "", |
| | | "eventMap": null, |
| | | "eventValue": "", |
| | | "expandCols": "", |
| | | "expandMode": "", |
| | | "extAttr": "", |
| | | "id": "ABAE25CE-867E-9C73-AC1A-B316FD91C65B", |
| | | "isShowImage": "", |
| | | "linkType": "parttodocument", |
| | | "name": "ææ¯æä»¶", |
| | | "navigatorType": "", |
| | | "orderField": "", |
| | | "orderMode": "", |
| | | "orientation": "", |
| | | "qryType": null, |
| | | "queryTemplateName": "QueryPartEngineeringTechnology", |
| | | "refTreeSet": "", |
| | | "returnRows": "", |
| | | "rootContent": "", |
| | | "searchTarger": "2", |
| | | "separator": "", |
| | | "seq": "1", |
| | | "showAbs": "", |
| | | "showContent": "", |
| | | "showContentRelation": "", |
| | | "showContentTable": "", |
| | | "showContentType": "", |
| | | "showExpression": "", |
| | | "showExpressionRoot": "", |
| | | "showLinkAbs": "", |
| | | "showType": "document", |
| | | "subUILayout": "", |
| | | "subUIObjType": "", |
| | | "tabPageOId": "98F9082F-BAF4-FB81-3230-32590B34A329", |
| | | "templateId": "PartEngineeringTechnology_list", |
| | | "templateType": "1", |
| | | "type": 3, |
| | | "uiLayout": null, |
| | | "uiParser": "", |
| | | "validity": "" |
| | | } |
| | | ] |
| | | type: Object, |
| | | default: () => {} |
| | | }, |
| | | height: { |
| | | type: String, |
| | |
| | | basicForm: { |
| | | seq: 1 |
| | | }, |
| | | treeData: [ |
| | | { |
| | | label: this.sourceData[0].name, |
| | | oId: 'parentNode', |
| | | children: [] |
| | | } |
| | | ], |
| | | treeData: [], |
| | | treeOption: { |
| | | menu: false, |
| | | addBtn: false, |
| | |
| | | btnDesignVisible: false, |
| | | FormData: [], |
| | | form: {}, |
| | | data: this.sourceData, |
| | | data: [], |
| | | option: { |
| | | ...basicOption, |
| | | height: this.height, |
| | |
| | | formDataRow: {}, |
| | | } |
| | | }, |
| | | watch: { |
| | | sourceData:{ |
| | | handler(val) { |
| | | if(val && val.plOId) { |
| | | this.getTableList() |
| | | } |
| | | }, |
| | | immediate: true, |
| | | deep:true |
| | | } |
| | | }, |
| | | computed: {}, |
| | | methods: { |
| | | //è·ååè¡¨æ°æ® |
| | | getTableList(){ |
| | | const params = { |
| | | pageContextOId:this.sourceData.plOId |
| | | } |
| | | getPLPageDefinations( params).then(res => { |
| | | this.data = res.data.data; |
| | | this.selectList=[]; |
| | | this.$refs.crud.clearSelection(); |
| | | this.tableLoading = false; |
| | | }) |
| | | }, |
| | | // æ ¹æ®ä¸åå¼åºåç±»å |
| | | templateTypeValueHandler(val) { |
| | | const componentMap = { |
| | |
| | | |
| | | // æé®è®¾è®¡ |
| | | btnDesignClickHandler() { |
| | | if (this.selectList.length <= 0) { |
| | | this.$message.error('请è³å°éæ©ä¸æ¡æ°æ®'); |
| | | return; |
| | | } |
| | | if (this.selectList.length > 1) { |
| | | this.$message.error('æå¤éæ©ä¸æ¡æ°æ®'); |
| | | if (this.selectList.length !=1) { |
| | | this.$message.error('è¯·éæ©ä¸æ¡æ°æ®'); |
| | | return; |
| | | } |
| | | this.btnDesignVisible = true; |
| | |
| | | getTabButtons(params).then(res => { |
| | | if (res.data.code === 200) { |
| | | const data = res.data.data; |
| | | this.treeData[0].children = data; |
| | | this.treeData=[{ |
| | | label: this.selectList[0].name, |
| | | oId: 'parentNode', |
| | | children:data |
| | | }]; |
| | | this.treeLoading = false; |
| | | } else { |
| | | this.$message.error('è¯·æ£æ¥æ§å¶å°é误'); |
ÎļþÃû´Ó Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/uiDefine/plShow.vue ÐÞ¸Ä |
| | |
| | | <el-tag v-else type="danger">æªå¯ç¨</el-tag> |
| | | </template> |
| | | </avue-crud> |
| | | <bottom-table :sourceData="selectList[0]" :height="'280px'" style="margin-top: 15px;"></bottom-table> |
| | | <!-- å建ç¼è¾èªå®ä¹å¯¹è¯æ¡ --> |
| | | <el-dialog |
| | | v-dialogDrag |
| | |
| | | deleteTabData, |
| | | } from "@/api/UI/uiDefine"; |
| | | import func from "@/util/func"; |
| | | import {uiDefineVOData} from "@/views/base/uiDefineVO"; |
| | | import bottomTable from "./bottomTable/index"; |
| | | |
| | | export default { |
| | | name: "plShow", |
| | |
| | | default: {} |
| | | }, |
| | | }, |
| | | components:{bottomTable}, |
| | | data() { |
| | | return { |
| | | uiDefineOid:'', |
| | |
| | | selectList: [], |
| | | option: { |
| | | ...basicOption, |
| | | height:'50%', |
| | | height:'300px', |
| | | addBtn: false, |
| | | editBtn: false, |
| | | delBtn: false, |
| | |
| | | } |
| | | getTabByContextIdAndType( params).then(res => { |
| | | this.data = res.data.data; |
| | | this.selectList=[]; |
| | | this.$refs.crud.clearSelection(); |
| | | this.tableLoading = false; |
| | | }) |