| | |
| | | import 'nprogress/nprogress.css'; |
| | | |
| | | //é»è®¤è¶
æ¶æ¶é´ |
| | | axios.defaults.timeout = 10000; |
| | | axios.defaults.timeout = 30000; |
| | | //è¿åå
¶ä»ç¶æç |
| | | axios.defaults.validateStatus = function (status) { |
| | | return status >= 200 && status <= 500; |
| | |
| | | <h3 style="margin: 0 0 10px 0">UIæéé
ç½®</h3> |
| | | <div> |
| | | <el-button icon="el-icon-place" plain size="small" type="primary" @click="saveHandler">ææ</el-button> |
| | | <el-button icon="el-icon-close" plain size="small" type="primary" @click="clearValue" style="margin-right: 40px;">éç½®</el-button> |
| | | ä¸å¡ç±»åï¼<el-select v-model="type" placeholder="è¯·éæ©" size="small" :clearable="true" @change="typeChange" style="width: 300px;margin-right: 20px;"> |
| | | <el-button icon="el-icon-close" plain size="small" style="margin-right: 40px;" type="primary" |
| | | @click="clearValue">éç½® |
| | | </el-button> |
| | | ä¸å¡ç±»åï¼ |
| | | <el-select v-model="type" :clearable="true" placeholder="è¯·éæ©" size="small" |
| | | style="width: 300px;margin-right: 20px;" |
| | | @change="typeChange"> |
| | | <el-option |
| | | v-for="item in typeData" |
| | | :key="item.oid" |
| | |
| | | :value="item.attributes.name"> |
| | | </el-option> |
| | | </el-select> |
| | | UIä¸ä¸æï¼<el-select v-model="context" placeholder="è¯·éæ©" size="small" :clearable="true" @change="contextChange" style="width: 350px;"> |
| | | <el-option |
| | | v-for="item in contextData" |
| | | :key="item.oid" |
| | | :label="item.plCode+' '+item.plName" |
| | | :value="item.plCode"> |
| | | </el-option> |
| | | </el-select> |
| | | UIä¸ä¸æï¼ |
| | | <el-select v-model="context" :clearable="true" placeholder="è¯·éæ©" size="small" style="width: 350px;" |
| | | @change="contextChange"> |
| | | <el-option |
| | | v-for="item in contextData" |
| | | :key="item.oid" |
| | | :label="item.plCode+' '+item.plName" |
| | | :value="item.plCode"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | <div style="height: calc(100vh - 232px);margin-top: 10px;"> |
| | | <avue-tree ref="uiTree" :data="uiTreeData" :option="uiTreeOption"> |
| | |
| | | |
| | | <script> |
| | | import {gridRoles} from "@/api/system/role/api"; |
| | | import {getUIAuthor,authorizedUI} from "@/api/authority/ui/uiAuthor"; |
| | | import {getUIAuthor, authorizedUI} from "@/api/authority/ui/uiAuthor"; |
| | | import {getBizTree, gridUIContextData} from "@/api/UI/uiDefine"; |
| | | |
| | | export default { |
| | | name: "index", |
| | | data() { |
| | | return { |
| | | type:'',//ä¸å¡ç±»å |
| | | context:'',//UIä¸ä¸æcode |
| | | type: '',//ä¸å¡ç±»å |
| | | context: '',//UIä¸ä¸æcode |
| | | treeOption: { |
| | | menu: false, |
| | | addBtn: false, |
| | |
| | | }, |
| | | nodeRow: {}, |
| | | treeData: [], |
| | | defaultExpandKeys:[], |
| | | defaultExpandKeys: [], |
| | | uiTreeOption: { |
| | | defaultExpandedKeys:this.defaultExpandKeys, |
| | | defaultExpandedKeys: this.defaultExpandKeys, |
| | | multiple: true, |
| | | menu: false, |
| | | addBtn: false, |
| | | filter:false, |
| | | filter: false, |
| | | props: { |
| | | label: 'label', |
| | | value: 'oid', |
| | |
| | | } |
| | | }, |
| | | uiTreeData: [], |
| | | typeData:[], |
| | | contextData:[] |
| | | typeData: [], |
| | | contextData: [] |
| | | } |
| | | }, |
| | | created() { |
| | | this.getTreeList(); |
| | | this.getTypeList() |
| | | }, |
| | | methods:{ |
| | | methods: { |
| | | getTreeList() { |
| | | const loading = this.$loading({}); |
| | | gridRoles().then(res => { |
| | | this.treeData = res.data.data; |
| | | loading.close(); |
| | | }).catch(error=>{ |
| | | }).catch(error => { |
| | | loading.close(); |
| | | }) |
| | | }, |
| | |
| | | const params = { |
| | | 'conditionMap[roleId]': this.nodeRow.oid, |
| | | 'conditionMap[type]': this.type, |
| | | 'conditionMap[context]': this.context |
| | | 'conditionMap[context]': this.context, |
| | | 'conditionMap[showCheckbox]': true |
| | | } |
| | | this.defaultExpandKeys=['root']; |
| | | this.defaultExpandKeys = ['root']; |
| | | getUIAuthor(params).then(res => { |
| | | this.processChildren(res.data.data[0]); // å¤çæ¯ä¸ªèç¹ |
| | | this.uiTreeOption.defaultExpandedKeys=this.defaultExpandKeys; |
| | | this.uiTreeOption.defaultExpandedKeys = this.defaultExpandKeys; |
| | | this.uiTreeData = [{ |
| | | attributes: {}, |
| | | checked: false, |
| | |
| | | processChildren(item) { |
| | | if (item.children && item.children.length > 0) { |
| | | item.children = item.children.map(child => { |
| | | if(child.level<4){ |
| | | if (child.level < 2) { |
| | | // é»è®¤æ èç¹å±å¼ä¸¤å±ææ |
| | | this.defaultExpandKeys.push(child.oid) |
| | | } |
| | | if(child.level==1){ |
| | | child.icon='el-icon-s-promotion'; |
| | | child.label=child.data.label+'ï¼'+child.data.name+'ï¼' |
| | | }else if(child.level==2){ |
| | | child.icon='el-icon-s-order'; |
| | | child.label=child.text |
| | | }else if(child.level==3){ |
| | | child.icon='el-icon-office-building'; |
| | | child.label=child.text |
| | | }else if(child.level==4){ |
| | | child.icon='el-icon-document'; |
| | | child.label=child.text |
| | | }else if(child.level==5){ |
| | | child.icon='el-icon-s-tools'; |
| | | child.label=child.text |
| | | if (child.level == 1) { |
| | | child.icon = 'el-icon-s-promotion'; |
| | | child.label = child.data.label + 'ï¼' + child.data.name + 'ï¼' |
| | | } else if (child.level == 2) { |
| | | child.icon = 'el-icon-s-order'; |
| | | child.label = child.text |
| | | } else if (child.level == 3) { |
| | | child.icon = 'el-icon-office-building'; |
| | | child.label = child.text |
| | | } else if (child.level == 4) { |
| | | child.icon = 'el-icon-document'; |
| | | child.label = child.text |
| | | } else if (child.level == 5) { |
| | | child.icon = 'el-icon-s-tools'; |
| | | child.label = child.text |
| | | } |
| | | this.processChildren(child); // éå½å¤çæ¯ä¸ªåèç¹ |
| | | return child; // åªè¿ååèç¹ç attributes |
| | |
| | | }, |
| | | getTypeList() { |
| | | getBizTree().then(res => { |
| | | this.typeData=res.data.obj.children; |
| | | this.typeData = res.data.obj.children; |
| | | }) |
| | | }, |
| | | typeChange(data){ |
| | | this.contextData=[]; |
| | | this.type=data; |
| | | if(data){ |
| | | typeChange(data) { |
| | | this.contextData = []; |
| | | this.type = data; |
| | | if (data) { |
| | | const params = { |
| | | 'conditionMap[btmName]': data, |
| | | } |
| | | gridUIContextData(1, 500, params).then(res => { |
| | | this.contextData = res.data.data; |
| | | }) |
| | | }else { |
| | | } else { |
| | | this.contextData = []; |
| | | } |
| | | this.getUITree(); |
| | | }, |
| | | contextChange(data){ |
| | | this.context=data; |
| | | contextChange(data) { |
| | | this.context = data; |
| | | this.getUITree(); |
| | | }, |
| | | saveHandler() { |
| | |
| | | } |
| | | }); |
| | | }, |
| | | clearValue(){ |
| | | this.$refs.uiTree.setCheckedNodes([]) |
| | | clearValue() { |
| | | this.$refs.uiTree.setCheckedNodes([]); |
| | | } |
| | | } |
| | | } |
| | |
| | | .el-scrollbar__wrap { |
| | | overflow: auto !important; |
| | | } |
| | | .headerCon{ |
| | | .el-button{ |
| | | |
| | | .headerCon { |
| | | .el-button { |
| | | width: 82px; |
| | | } |
| | | } |
| | |
| | | |
| | | // æ°å¢ç¼è¾ä¿å |
| | | addDialogSavaHandler() { |
| | | if (!this.form.inputRevisionFlag && (!this.form.revisionRuleId || this.form.revisionRuleId === "")) { |
| | | if (this.form.revLevel !== '0' &&!this.form.inputRevisionFlag && (!this.form.revisionRuleId || this.form.revisionRuleId === "")) { |
| | | this.$message.error('è¯·æ£æ¥çæ¬å·è§åä¸è½ä¸ºç©º'); |
| | | return; |
| | | } |
| | |
| | | |
| | | <el-main> |
| | | <basic-container> |
| | | <div v-if="!tableStatus" style="display: flex;justify-content: left;margin-top: 15px"> |
| | | <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">å¢å </el-button> |
| | | <el-button icon="el-icon-delete" plain size="small" type="danger" @click="deleteClickHandler">å é¤</el-button> |
| | | <el-button icon="el-icon-document-add" plain size="small" type="primary">å
é</el-button> |
| | | <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="upLoadClickHandler">导å
¥</el-button> |
| | | <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">å¯¼åº |
| | | </el-button> |
| | | </div> |
| | | <avue-crud |
| | | v-if="!tableStatus" |
| | | ref="crud" |
| | |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | | <div v-if="!tableStatus" style="display: flex;justify-content: center;margin-top: 15px"> |
| | | <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">å¢å </el-button> |
| | | <el-button icon="el-icon-delete" plain size="small" type="danger" @click="deleteClickHandler">å é¤</el-button> |
| | | <el-button icon="el-icon-document-add" plain size="small" type="primary">å
é</el-button> |
| | | <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="upLoadClickHandler">导å
¥</el-button> |
| | | <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">å¯¼åº |
| | | </el-button> |
| | | </div> |
| | | </basic-container> |
| | | </el-main> |
| | | <form-dialog ref="formDialog" :TreeNodeRow="this.nodeRow" :treeRadio="treeRadio"></form-dialog> |
| | |
| | | addBtn: false, |
| | | editBtn: false, |
| | | delBtn: false, |
| | | calcHeight:-60, |
| | | column: [ |
| | | { |
| | | label: 'ä¸å¡åç§°', |
| | |
| | | <el-button icon="el-icon-plus" size="small" type="primary" @click="addHandler">å建</el-button> |
| | | <!--<el-button icon="el-icon-edit" plain size="small" type="primary" @click="editHandler">ä¿®æ¹</el-button> |
| | | <el-button icon="el-icon-delete" plain size="small" type="danger" @click="delHandler">å é¤</el-button>--> |
| | | <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">导åº</el-button> |
| | | <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="upLoadClickHandler">导å
¥</el-button> |
| | | <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">å¯¼åº |
| | | </el-button> |
| | | <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="upLoadClickHandler">导å
¥ |
| | | </el-button> |
| | | <el-button icon="el-icon-place" plain size="small" type="primary" @click="uiAuthorHandler">ææ</el-button> |
| | | </template> |
| | | <template slot="menu" slot-scope="scope"> |
| | |
| | | </el-button> |
| | | <el-button icon="el-icon-delete" size="small" type="text" @click="rowDeleteHandler(scope.row)">å é¤ |
| | | </el-button> |
| | | <el-button icon="el-icon-document-copy" size="small" type="text" @click="rowCloneHandler(scope.row)">å
é</el-button> |
| | | <el-button icon="el-icon-document-copy" size="small" type="text" @click="rowCloneHandler(scope.row)">å
é |
| | | </el-button> |
| | | </template> |
| | | <template slot="plName" slot-scope="{row}"> |
| | | <el-link type="primary" @click="linkClickHandler(row)">{{ row.plName }}</el-link> |
| | |
| | | <el-dialog |
| | | v-dialogDrag |
| | | v-loading="dialogLoading" |
| | | :close-on-click-modal="false" |
| | | :title="dialogType === 'add' ? ' å建 ä¸ä¸æ' : 'ç¼è¾ ä¸ä¸æ'" |
| | | :visible.sync="dialogVisible" |
| | | append-to-body="true" |
| | | class="avue-dialog" |
| | | :close-on-click-modal="false" |
| | | width="500px" |
| | | @close="dialogClose" |
| | | > |
| | |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | <el-form-item label="æè¿°ï¼" prop="plDesc"> |
| | | <el-input type="textarea" :rows="5" v-model="form.plDesc"></el-input> |
| | | <el-input v-model="form.plDesc" :rows="5" type="textarea"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | |
| | | <el-dialog |
| | | key="cloneDialog" |
| | | v-dialogDrag |
| | | title="å
é" |
| | | :visible.sync="cloneDialogVisible" |
| | | append-to-body="true" |
| | | class="avue-dialog" |
| | | title="å
é" |
| | | width="500px" |
| | | @close="cloneDialogClose" |
| | | > |
| | | <avue-form ref="cloneForm" :option="cloneOption" v-model="cloneForm"></avue-form> |
| | | <avue-form ref="cloneForm" v-model="cloneForm" :option="cloneOption"></avue-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="cloneDialogClose">å æ¶</el-button> |
| | | <el-button type="primary" @click="cloneSaveHandler">ç¡® å®</el-button> |
| | |
| | | <el-dialog |
| | | key="cloneDialog" |
| | | v-dialogDrag |
| | | title="导åº" |
| | | :visible.sync="expDialogVisible" |
| | | append-to-body="true" |
| | | class="avue-dialog" |
| | | title="导åº" |
| | | width="500px" |
| | | @close="expDialogVisible=false" |
| | | > |
| | |
| | | </el-dialog> |
| | | </basic-container> |
| | | <!-- 导å
¥ --> |
| | | <upload-file ref="upload" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" :fileData="fileData" title="导å
¥" |
| | | <upload-file ref="upload" :fileData="fileData" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" |
| | | title="导å
¥" |
| | | @updata="getTableList" @upfaildata="upFail"></upload-file> |
| | | <!--页ç¾çªå£--> |
| | | <el-dialog v-dialogDrag |
| | | :append-to-body="true" |
| | | :close-on-click-modal="false" |
| | | :destroy-on-close="true" |
| | | :fullscreen="true" |
| | | :title="dialog.title" |
| | | :visible.sync="dialog.showDialog" |
| | | :fullscreen="true" |
| | | :append-to-body="true" |
| | | class="avue-dialog" |
| | | :destroy-on-close="true" |
| | | :close-on-click-modal="false" |
| | | @close="dialog.showDialog=false"> |
| | | <pl-show :uiDefineData="dialog.uiDefineData"></pl-show> |
| | | <pl-show :uiDefineData="dialog.uiDefineData"></pl-show> |
| | | </el-dialog> |
| | | <!--uiææ--> |
| | | <ui-author ref="uiAuthor"></ui-author> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import {getBizTree,gridUIContextData,saveUIContextData,updateUIContextData,delUIContextData, cloneUIContextData ,getExpContextTree,expUIContextData} from "@/api/UI/uiDefine"; |
| | | 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/rightRegion/plShow"; |
| | | import uiAuthor from "@/views/authority/ui/uiAuthorization/UIDialog" |
| | | |
| | | export default { |
| | | name: "index", |
| | | components:{plShow,uiAuthor}, |
| | | components: {plShow, uiAuthor}, |
| | | data() { |
| | | return { |
| | | dialog: { |
| | | showDialog: false, |
| | | title: "ä¸ä¸æè¯¦æ
", |
| | | loading: false, |
| | | uiDefineData:null |
| | | uiDefineData: null |
| | | }, |
| | | tipList: [], |
| | | upFileType: ['xls'], |
| | | fileUrl: 'api/uiManagerController/impUIContextData', |
| | | fileData:{}, |
| | | fileData: {}, |
| | | lastIndex: null, |
| | | treeOption: { |
| | | height: 'auto', |
| | |
| | | selectList: [], |
| | | option: { |
| | | ...basicOption, |
| | | calcHeight: -40, |
| | | calcHeight: -50, |
| | | addBtn: false, |
| | | editBtn: false, |
| | | delBtn: false, |
| | | tip: false, |
| | | searchMenuSpan: 6, |
| | | align:'left', |
| | | align: 'left', |
| | | column: [{ |
| | | label: 'åç§°', |
| | | prop: 'plName', |
| | |
| | | label: '导èªåº', |
| | | prop: 'plIsShowNavigator', |
| | | width: 130, |
| | | align:'center', |
| | | align: 'center', |
| | | formatter: function (row, value) { |
| | | if (row.plIsShowNavigator == 0) { |
| | | return '䏿¾ç¤º' |
| | |
| | | label: 'æ§å¶åº', |
| | | prop: 'plIsShowForm', |
| | | width: 130, |
| | | align:'center', |
| | | align: 'center', |
| | | formatter: function (row, value) { |
| | | if (row.plIsShowForm == 0) { |
| | | return '䏿¾ç¤º' |
| | |
| | | label: 'æä½åº', |
| | | prop: 'plIsShowTab', |
| | | width: 130, |
| | | align:'center', |
| | | align: 'center', |
| | | formatter: function (row, value) { |
| | | if (row.plIsShowTab == 0) { |
| | | return '䏿¾ç¤º' |
| | |
| | | trigger: 'blur' |
| | | }] |
| | | }, |
| | | cloneDialogVisible:false, |
| | | cloneDialogVisible: false, |
| | | cloneOption: { |
| | | submitBtn:false, |
| | | emptyBtn:false, |
| | | submitBtn: false, |
| | | emptyBtn: false, |
| | | column: [{ |
| | | label: 'å
éç®æ ', |
| | | prop: 'cloneTargetName', |
| | | span:24, |
| | | span: 24, |
| | | type: 'tree', |
| | | clearable: true, |
| | | dicData: [], |
| | | defaultExpandAll:true, |
| | | defaultExpandAll: true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | |
| | | }, { |
| | | label: 'UIåç§°', |
| | | prop: 'cloneName', |
| | | span:24, |
| | | span: 24, |
| | | type: 'input', |
| | | rules: [ |
| | | { |
| | |
| | | }, { |
| | | label: 'UIä¸ä¸æ', |
| | | prop: 'cloneContextCode', |
| | | span:24, |
| | | span: 24, |
| | | type: 'input', |
| | | rules: [ |
| | | { |
| | |
| | | ] |
| | | }] |
| | | }, |
| | | cloneForm:{ |
| | | cloneForm: { |
| | | //å
éçæºå¯¹è±¡çä¿¡æ¯ |
| | | sourcePLUILayout:null, |
| | | cloneTargetName:'n', |
| | | cloneName:'', |
| | | cloneContextCode:'' |
| | | sourcePLUILayout: null, |
| | | cloneTargetName: 'n', |
| | | cloneName: '', |
| | | cloneContextCode: '' |
| | | }, |
| | | expDialogVisible:false, |
| | | expTreeData:[], |
| | | expOption:{ |
| | | expDialogVisible: false, |
| | | expTreeData: [], |
| | | expOption: { |
| | | height: 'auto', |
| | | filter:false, |
| | | multiple:true, |
| | | filter: false, |
| | | multiple: true, |
| | | defaultExpandAll: true, |
| | | menu: false, |
| | | addBtn: false, |
| | |
| | | getTreeList() { |
| | | const loading = this.$loading({}); |
| | | getBizTree().then(res => { |
| | | this.treeData=[res.data.obj]; |
| | | this.treeData = [res.data.obj]; |
| | | const dicData = res.data.obj.children.map(item => { |
| | | item.label=item.attributes.name; |
| | | item.value=item.attributes.name; |
| | | item.label = item.attributes.name; |
| | | item.value = item.attributes.name; |
| | | return item; |
| | | }); |
| | | this.cloneOption.column[0].dicData=[{ |
| | | label:'ä¸å¡ç±»åæ ', |
| | | value:'ä¸å¡ç±»åæ ', |
| | | this.cloneOption.column[0].dicData = [{ |
| | | label: 'ä¸å¡ç±»åæ ', |
| | | value: 'ä¸å¡ç±»åæ ', |
| | | disabled: true, |
| | | children:dicData |
| | | children: dicData |
| | | }]; |
| | | loading.close(); |
| | | }).catch(error => { |
| | |
| | | this.getTableList(); |
| | | } |
| | | }, |
| | | getTableList(){ |
| | | const params = Object.assign(this.searchParams,{ |
| | | getTableList() { |
| | | const params = Object.assign(this.searchParams, { |
| | | 'conditionMap[btmName]': this.nodeRow.attributes.name, |
| | | }) |
| | | gridUIContextData(this.page.currentPage, this.page.pageSize, params).then(res => { |
| | |
| | | this.tableLoading = false; |
| | | }) |
| | | }, |
| | | linkClickHandler(row){ |
| | | this.dialog.title='ã'+row.plName+' - '+row.plCode+'ã详æ
' |
| | | this.dialog.uiDefineData=row; |
| | | this.dialog.showDialog=true; |
| | | linkClickHandler(row) { |
| | | this.dialog.title = 'ã' + row.plName + ' - ' + row.plCode + 'ã详æ
' |
| | | this.dialog.uiDefineData = row; |
| | | this.dialog.showDialog = true; |
| | | return false; |
| | | this.$router.push({ |
| | | path: '/UIDefineShow/:'+row.plOId, |
| | | name: row.plName+'详æ
' |
| | | path: '/UIDefineShow/:' + row.plOId, |
| | | name: row.plName + '详æ
' |
| | | }); |
| | | }, |
| | | sizeChange(val) { |
| | |
| | | }, |
| | | |
| | | //å建 |
| | | addHandler(){ |
| | | if(this.nodeRow && this.nodeRow.oid){ |
| | | this.form.plIsShow=[]; |
| | | this.form.plRelatedType=this.nodeRow.attributes.name; |
| | | addHandler() { |
| | | if (this.nodeRow && this.nodeRow.oid) { |
| | | this.form.plIsShow = []; |
| | | this.form.plRelatedType = this.nodeRow.attributes.name; |
| | | this.dialogType = 'add'; |
| | | this.dialogVisible = true; |
| | | }else { |
| | | } else { |
| | | this.$message.error('è¯·éæ©ä¸å¡ç±»å'); |
| | | } |
| | | |
| | | }, |
| | | editHandler(){ |
| | | if(this.selectList.length!=0){ |
| | | editHandler() { |
| | | if (this.selectList.length != 0) { |
| | | this.rowEditBtnClick(this.selectList[0]); |
| | | }else { |
| | | } else { |
| | | this.$message.error('è¯·éæ©ä¸æ¡æ°æ®è¿è¡ç¼è¾'); |
| | | } |
| | | }, |
| | | delHandler(){ |
| | | delHandler() { |
| | | if (this.selectList.length <= 0) { |
| | | this.$message.error('请è³å°éæ©ä¸æ¡æ°æ®'); |
| | | return; |
| | |
| | | this.form = { |
| | | plName: '', |
| | | plCode: '', |
| | | plDesc:'', |
| | | plDesc: '', |
| | | plIsShow: [], |
| | | } |
| | | }, |
| | | // ä¿åUIä¸ä¸æ |
| | | saveHandler() { |
| | | this.$refs.form.validate((valid,done) => { |
| | | this.$refs.form.validate((valid, done) => { |
| | | if (valid) { |
| | | let params = { |
| | | ...this.form |
| | | } |
| | | if(this.form.plIsShow.includes('导èªåº')){ |
| | | params.plIsShowNavigator=1 |
| | | }else { |
| | | params.plIsShowNavigator=0 |
| | | if (this.form.plIsShow.includes('导èªåº')) { |
| | | params.plIsShowNavigator = 1 |
| | | } else { |
| | | params.plIsShowNavigator = 0 |
| | | } |
| | | if(this.form.plIsShow.includes('æ§å¶åº')){ |
| | | params.plIsShowForm=1; |
| | | }else { |
| | | params.plIsShowForm=0; |
| | | if (this.form.plIsShow.includes('æ§å¶åº')) { |
| | | params.plIsShowForm = 1; |
| | | } else { |
| | | params.plIsShowForm = 0; |
| | | } |
| | | if(this.form.plIsShow.includes('æä½åº')){ |
| | | params.plIsShowTab=1; |
| | | }else { |
| | | params.plIsShowTab=0; |
| | | if (this.form.plIsShow.includes('æä½åº')) { |
| | | params.plIsShowTab = 1; |
| | | } else { |
| | | params.plIsShowTab = 0; |
| | | } |
| | | delete params.plIsShow; |
| | | if (this.dialogType === 'add') { |
| | |
| | | expDatas: this.selectList.map(item => item.plOId).join(',') |
| | | } |
| | | getExpContextTree(params).then(res => { |
| | | this.expTreeData=[res.data.obj]; |
| | | this.expTreeData = [res.data.obj]; |
| | | }) |
| | | this.expDialogVisible=true; |
| | | this.expDialogVisible = true; |
| | | }, |
| | | exportData(){ |
| | | exportData() { |
| | | const params = {} |
| | | const checkedDatas=this.$refs.expTree.getCheckedNodes(); |
| | | const checkedDatas = this.$refs.expTree.getCheckedNodes(); |
| | | if (checkedDatas.length <= 0) { |
| | | this.$message.error('è¯·éæ©æ°æ®'); |
| | | return; |
| | | } |
| | | this.selectList.forEach(item=>{ |
| | | params[item.plOId]=checkedDatas.filter(checkitem => checkitem.parentId==item.plOId).map(checkitem => checkitem.oid).join(',') |
| | | this.selectList.forEach(item => { |
| | | params[item.plOId] = checkedDatas.filter(checkitem => checkitem.parentId == item.plOId).map(checkitem => checkitem.oid).join(',') |
| | | }) |
| | | expUIContextData(params).then(res => { |
| | | func.downloadFileByBlobHandler(res); |
| | | this.$message.success('å¯¼åºæå'); |
| | | this.expDialogVisible=false; |
| | | this.expDialogVisible = false; |
| | | }).catch(err => { |
| | | this.$message.error(err); |
| | | }); |
| | |
| | | |
| | | // 导å
¥ |
| | | upLoadClickHandler() { |
| | | this.fileData={ |
| | | isCovered:false, |
| | | selectBtm:this.nodeRow.attributes.name |
| | | this.fileData = { |
| | | isCovered: false, |
| | | selectBtm: this.nodeRow.attributes.name |
| | | } |
| | | this.$refs.upload.visible = true; |
| | | }, |
| | | //导å
¥å¤±è´¥ |
| | | upFail(response){ |
| | | upFail(response) { |
| | | |
| | | }, |
| | | //uiææ |
| | | uiAuthorHandler(){ |
| | | if (this.selectList.length!=1) { |
| | | uiAuthorHandler() { |
| | | if (this.selectList.length != 1) { |
| | | this.$message.error('è¯·éæ©ä¸æ¡æ°æ®'); |
| | | return; |
| | | } |
| | | this.$refs.uiAuthor.openDialog(this.nodeRow.attributes.name,this.selectList[0].plCode); |
| | | this.$refs.uiAuthor.openDialog(this.nodeRow.attributes.name, this.selectList[0].plCode); |
| | | }, |
| | | // ç¼è¾æé® |
| | | rowEditBtnClick(row) { |
| | | this.form={ |
| | | this.form = { |
| | | ...row, |
| | | plIsShow: [], |
| | | }; |
| | | if(row.plIsShowNavigator){ |
| | | if (row.plIsShowNavigator) { |
| | | this.form.plIsShow.push('导èªåº') |
| | | } |
| | | if(row.plIsShowForm){ |
| | | if (row.plIsShowForm) { |
| | | this.form.plIsShow.push('æ§å¶åº') |
| | | } |
| | | if(row.plIsShowTab){ |
| | | if (row.plIsShowTab) { |
| | | this.form.plIsShow.push('æä½åº') |
| | | } |
| | | this.dialogType = 'edit'; |
| | |
| | | }); |
| | | }, |
| | | //å
é |
| | | rowCloneHandler(row){ |
| | | this.cloneForm={ |
| | | sourcePLUILayout:row, |
| | | cloneTargetName:'', |
| | | cloneName:row.plName+'_copy(0)', |
| | | cloneContextCode:row.plCode+'_copy(0)', |
| | | rowCloneHandler(row) { |
| | | this.cloneForm = { |
| | | sourcePLUILayout: row, |
| | | cloneTargetName: '', |
| | | cloneName: row.plName + '_copy(0)', |
| | | cloneContextCode: row.plCode + '_copy(0)', |
| | | } |
| | | this.cloneDialogVisible=true; |
| | | this.cloneDialogVisible = true; |
| | | }, |
| | | cloneSaveHandler(){ |
| | | this.$refs.cloneForm.validate((valid,done) => { |
| | | cloneSaveHandler() { |
| | | this.$refs.cloneForm.validate((valid, done) => { |
| | | if (valid) { |
| | | cloneUIContextData(this.cloneForm).then(res => { |
| | | if (res.data.code === 200) { |
| | |
| | | } |
| | | }); |
| | | }, |
| | | cloneDialogClose(){ |
| | | this.cloneDialogVisible=false; |
| | | this.cloneForm= { |
| | | cloneDialogClose() { |
| | | this.cloneDialogVisible = false; |
| | | this.cloneForm = { |
| | | //å
éçæºå¯¹è±¡çä¿¡æ¯ |
| | | sourcePLUILayout: null, |
| | | cloneTargetName: '', |
| | |
| | | .el-scrollbar__wrap { |
| | | overflow: auto !important; |
| | | } |
| | | .headerCon{ |
| | | .el-button{ |
| | | |
| | | .headerCon { |
| | | .el-button { |
| | | width: 82px; |
| | | } |
| | | } |
| | |
| | | import basicOption from "@/util/basic-option"; |
| | | |
| | | export default { |
| | | name: "index", |
| | | name: "index", |
| | | data() { |
| | | return { |
| | | btnActionVisible: false, |
| | |
| | | </el-form-item> |
| | | |
| | | <el-col :span="12"> |
| | | <el-form-item label="æ¯å¦ææï¼" prop="resource"> |
| | | <el-form-item label="æ¯å¦ææï¼" prop="authorization"> |
| | | <el-radio v-model="basicForm.authorization" :disabled="disabledBtn" label="0">æ¯</el-radio> |
| | | <el-radio v-model="basicForm.authorization" :disabled="disabledBtn" label="1">å¦</el-radio> |
| | | </el-form-item> |
| | |
| | | </el-container> |
| | | </el-dialog> |
| | | <action-dialog ref="actionDialog" @updataAction="actionSaveHandler"></action-dialog> |
| | | <clone-dialog ref="cloneDialog" :fromOid="fromOid" :sourceOId="sourceOId" type="pageDef" paramsType="tab"></clone-dialog> |
| | | <clone-dialog ref="cloneBtnDialog" :fromOid="formBtnOid" :sourceOId="sourceBtnOid" type="tabButton" paramsType="pageDef"></clone-dialog> |
| | | <clone-dialog ref="cloneDialog" :fromOid="fromOid" :sourceOId="sourceOId" paramsType="tab" |
| | | type="pageDef"></clone-dialog> |
| | | <clone-dialog ref="cloneBtnDialog" :fromOid="formBtnOid" :sourceOId="sourceBtnOid" paramsType="pageDef" |
| | | type="tabButton"></clone-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import basicOption from "@/util/basic-option"; |
| | | import func from "@/util/func"; |
| | | import { |
| | | getPLPageDefinations, |
| | | getBtmDatasByPage, |
| | | getPortalVIDatasByPage, |
| | | getQTInfoDatasByPage, |
| | | getLinkDatasByPage, |
| | | getPLPageDefinations, |
| | | getTabButtons, |
| | | addTapButton, |
| | | updateTapButton, |
| | | getLinkDatasByPage, |
| | | addPageDefination, |
| | | deleteTabButton, |
| | | delPageDefination, |
| | |
| | | name: "index", |
| | | data() { |
| | | return { |
| | | formBtnOid:'', |
| | | sourceBtnOid:'', |
| | | sourceOId:'', |
| | | fromOid:'', |
| | | formBtnOid: '', |
| | | sourceBtnOid: '', |
| | | sourceOId: '', |
| | | fromOid: '', |
| | | paramsForm: {}, |
| | | eventOption: { |
| | | ...basicOption, |
| | |
| | | sourceData: { |
| | | handler(val) { |
| | | if (val && val.plOId) { |
| | | this.getTableList() |
| | | this.getTableList(); |
| | | } else { |
| | | this.data = []; |
| | | } |
| | |
| | | console.log(res); |
| | | if (res.data.code === 200) { |
| | | this.$message.success(res.data.obj); |
| | | done() |
| | | this.getTableList(); |
| | | done(); |
| | | } |
| | | }).catch(err => { |
| | | loading(); |