| | |
| | | <el-button v-if="permissionChildrenList.UiPageLayoutAddBtn" icon="el-icon-plus" plain size="small" type="primary" |
| | | @click="addClickHandler">å¢å |
| | | </el-button> |
| | | <el-button v-if="permissionChildrenList.UiPageLayoutDesignBtn" icon="el-icon-edit-outline" plain size="small" type="primary" |
| | | @click="btnDesignClickHandler">æé®è®¾è®¡ |
| | | </el-button> |
| | | </template> |
| | | |
| | | <template slot="menu" slot-scope="scope"> |
| | | <el-button v-if="permissionChildrenList.UiPageLayoutDesignBtn" icon="el-icon-edit-outline" size="small" type="text" |
| | | @click="btnDesignClickHandler(scope.row)">æé®è®¾è®¡ |
| | | </el-button> |
| | | <el-button v-if="permissionChildrenList.UiPageLayoutEditBtn" icon="el-icon-edit" size="small" type="text" @click="editBtnClick(scope.row)">ç¼è¾ |
| | | </el-button> |
| | | <el-button v-if="permissionChildrenList.UiPageLayoutDelBtn" icon="el-icon-delete" size="small" type="text" @click="rowDeleteHandler(scope.row)">å é¤ |
| | |
| | | append-to-body="true" |
| | | class="avue-dialog" |
| | | title="é
ç½®æé®" |
| | | width="75%" |
| | | @close="dialogClose"> |
| | | width="1200px" |
| | | @close="$refs.form.clearValidate();disabledBtn=true;"> |
| | | <el-container v-loading="dialogLoading"> |
| | | <el-header style="height: 40px !important;"> |
| | | <el-header style="height: 40px !important;padding-left: 5px;"> |
| | | <div style="display: flex"> |
| | | <el-button :disabled="!disabledBtn" plain size="mini" type="primary" @click="addClickBtnHandler">æ·»å |
| | | <el-button v-show="disabledBtn" :disabled="!disabledBtn" plain size="mini" type="primary" @click="addClickBtnHandler">æ·»å |
| | | </el-button> |
| | | <el-button :disabled="!disabledBtn" plain size="mini" type="primary" @click="editClickBtnHandler">ä¿®æ¹ |
| | | <el-button v-show="disabledBtn" :disabled="!disabledBtn" plain size="mini" type="primary" @click="editClickBtnHandler">ä¿®æ¹ |
| | | </el-button> |
| | | <el-button :disabled="!disabledBtn" plain size="mini" type="danger" @click="delClickBtnHandler">å é¤ |
| | | <el-button v-show="disabledBtn" :disabled="!disabledBtn" plain size="mini" type="danger" @click="delClickBtnHandler">å é¤ |
| | | </el-button> |
| | | <el-button :disabled="disabledBtn" plain size="mini" type="primary" @click="saveClickBtnHandler">ä¿å |
| | | <el-button v-show="!disabledBtn" :disabled="disabledBtn" plain size="mini" icon="el-icon-check" type="success" @click="saveClickBtnHandler">ä¿å |
| | | </el-button> |
| | | <el-button :disabled="disabledBtn" plain size="mini" type="primary" @click="escClickBtnHandler">åæ¶ |
| | | <el-button v-show="!disabledBtn" :disabled="disabledBtn" plain size="mini" icon="el-icon-close" type="danger" @click="escClickBtnHandler">åæ¶ |
| | | </el-button> |
| | | <el-button plain size="mini" type="primary" @click="changeBottomBtnHandler">è°æ´ä¸ºä¸çº§æé®</el-button> |
| | | <el-button plain size="mini" type="primary" @click="changeTopBtnHandler">è°æ´ä¸ºä¸çº§æé®</el-button> |
| | | <el-button plain size="mini" type="primary" @click="cloneClickBtnHandler">å¤å¶å°å
¶ä»ç»ä»¶</el-button> |
| | | <el-button v-show="disabledBtn" plain size="mini" type="primary" @click="changeBottomBtnHandler">è°æ´ä¸ºä¸çº§æé®</el-button> |
| | | <el-button v-show="disabledBtn" plain size="mini" type="primary" @click="changeTopBtnHandler">è°æ´ä¸ºä¸çº§æé®</el-button> |
| | | <el-button v-show="disabledBtn" plain size="mini" type="primary" @click="cloneClickBtnHandler">å¤å¶å°å
¶ä»ç»ä»¶</el-button> |
| | | </div> |
| | | </el-header> |
| | | <el-container> |
| | | <el-aside width="20%"> |
| | | <el-aside width="25%"> |
| | | <basic-container> |
| | | <div style="height:650px;"> |
| | | <avue-tree |
| | |
| | | node-key="value" |
| | | @node-click="nodeTreeClick"> |
| | | <span slot-scope="{ node, data }" class="el-tree-node__label"> |
| | | <span style="font-size: 14px"> |
| | | <i class="el-icon-s-promotion"></i> |
| | | {{ (node || {}).label }} |
| | | <span style="display: flex"> |
| | | <i v-if="data.oId=='parentNode'" class="iconShow el-icon-s-home"></i> |
| | | <icon-show v-else :name="data.iconPath"></icon-show> |
| | | {{ (node || {}).label }} |
| | | </span> |
| | | </span> |
| | | </avue-tree> |
| | |
| | | <el-main> |
| | | <basic-container> |
| | | <el-divider content-position="left">åºç¡ä¿¡æ¯</el-divider> |
| | | <el-form ref="form" :model="basicForm" :rules="rules" label-width="90px" size="small" |
| | | <el-form ref="form" :model="basicForm" :rules="rules" label-width="100px" size="small" |
| | | style="margin-top: 20px"> |
| | | <el-row> |
| | | <el-form-item :inline-message='true' label="ç¼å·ï¼" prop="seq"> |
| | | <el-input-number v-model="basicForm.seq" :disabled="disabledBtn" :max="9999" :min="1" |
| | | controls-position="right"></el-input-number> |
| | | </el-form-item> |
| | | <el-col :span="12"> |
| | | <el-form-item :inline-message='true' label="ç¼å·ï¼" prop="seq"> |
| | | <el-input-number v-model="basicForm.seq" :disabled="disabledBtn" :max="9999" :min="1" |
| | | controls-position="right"></el-input-number> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-form-item :inline-message='true' label="åç§°ï¼" prop="label"> |
| | | <el-col :span="14"> |
| | | <el-input v-model="basicForm.label" :readonly="disabledBtn"></el-input> |
| | | </el-col> |
| | | </el-form-item> |
| | | <el-col :span="12"> |
| | | <el-form-item :inline-message='true' label="åç§°ï¼" prop="label"> |
| | | <el-input v-model="basicForm.label" :disabled="disabledBtn"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-form-item label="Actionï¼" prop="Action"> |
| | | <el-col :span="14"> |
| | | <div style="display: flex"> |
| | | <el-input v-model="basicForm.actionName" :readonly="disabledBtn"></el-input> |
| | | <el-button :disabled="disabledBtn" size="mini" style="margin-left: 10px" type="success" |
| | | @click="actionFoucus">éæ© |
| | | </el-button> |
| | | </div> |
| | | </el-col> |
| | | </el-form-item> |
| | | <el-col :span="12"> |
| | | <el-form-item label="Actionï¼" prop="actionName"> |
| | | <el-input v-model="basicForm.actionName" :disabled="disabledBtn" :clearable="true" @focus="actionFoucus" @clear="clearActionValue"> |
| | | <i slot="suffix" class="el-input__icon el-icon-search" style="cursor: pointer" @click="actionFoucus"></i> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="12"> |
| | | <el-form-item label="æ¯å¦ææï¼" prop="authorization"> |
| | |
| | | <el-radio v-model="basicForm.authorization" :disabled="disabledBtn" label="1">å¦</el-radio> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="24"> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="æ¯å¦æ¾ç¤ºï¼" prop="show"> |
| | | <el-radio v-model="basicForm.show" :disabled="disabledBtn" label="0">æ¯</el-radio> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="12"> |
| | | <el-col :span="12" v-show="basicForm.show=='0'"> |
| | | <el-form-item label="æ¾ç¤ºæ¹å¼ï¼" prop="showType"> |
| | | <el-radio v-model="basicForm.displayMode" :disabled="disabledBtn" label="text">æå</el-radio> |
| | | <el-radio v-model="basicForm.displayMode" :disabled="disabledBtn" label="image">徿 </el-radio> |
| | | <el-radio v-model="basicForm.displayMode" :disabled="disabledBtn" label="textandimage">æåå徿 |
| | | </el-radio> |
| | | <el-radio v-model="basicForm.displayMode" :disabled="disabledBtn" label="textandimage">æåå徿 </el-radio> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24" v-show="basicForm.show=='0' && (basicForm.displayMode=='image'||basicForm.displayMode=='textandimage')"> |
| | | <el-form-item label="徿 ï¼" prop="iconPath"> |
| | | <input-icon v-model="basicForm.iconPath" :disabled="disabledBtn"></input-icon> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="12"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="æç¤ºä¿¡æ¯ï¼" prop="desc"> |
| | | <el-input v-model="basicForm.desc" :readonly="disabledBtn" type="textarea"></el-input> |
| | | <el-input v-model="basicForm.desc" :disabled="disabledBtn" type="textarea"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | |
| | | </el-container> |
| | | </el-container> |
| | | </el-dialog> |
| | | <action-dialog ref="actionDialog" @updataAction="actionSaveHandler"></action-dialog> |
| | | <action-dialog ref="actionDialog" @cancelAction="actionCancelHandler" @updataAction="actionSaveHandler"></action-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" |
| | |
| | | editBtn: false, |
| | | delBtn: false, |
| | | refreshBtn: false, |
| | | dialogWidth:'600', |
| | | menuWidth:'150', |
| | | column: [ |
| | | { |
| | | label: 'åç§°', |
| | | prop: 'name', |
| | | width:180, |
| | | span: 24, |
| | | rules: [ |
| | | { |
| | |
| | | { |
| | | label: 'å¼', |
| | | prop: 'value', |
| | | type:'textarea', |
| | | span: 24, |
| | | rules: [ |
| | | { |
| | |
| | | ], |
| | | label: [ |
| | | {required: true, message: '请è¾å
¥åç§°', trigger: 'blur'}, |
| | | ], |
| | | actionName: [ |
| | | {required: true, message: 'è¯·éæ©Action', trigger: 'blur'}, |
| | | ], |
| | | }, |
| | | // æé®è®¾è®¡ åºç¡ä¿¡æ¯ |
| | |
| | | calcHeight: -30, |
| | | editBtn: false, |
| | | delBtn: false, |
| | | menuWidth:300, |
| | | column: [ |
| | | { |
| | | label: 'åç§°', |
| | | prop: 'name', |
| | | width: 220, |
| | | labelWidth: 110, |
| | | rules: [ |
| | | { |
| | |
| | | { |
| | | label: 'ç¼å·', |
| | | prop: 'seq', |
| | | width:100, |
| | | labelWidth: 110, |
| | | hide: false, |
| | | rules: [ |
| | |
| | | ], |
| | | }, |
| | | { |
| | | label: '', |
| | | label: 'UIè§£æç±»å', |
| | | prop: 'uiParser', |
| | | hide: true, |
| | | labelWidth: 110, |
| | | }, |
| | | { |
| | | label: '', |
| | | label: 'æ©å±å±æ§', |
| | | prop: 'extAttr', |
| | | hide: true, |
| | | labelWidth: 110, |
| | |
| | | this.lastIndex = newIndex; |
| | | }, |
| | | () => { |
| | | this.selectList = []; |
| | | this.selectList = [row]; |
| | | } |
| | | ); |
| | | }, |
| | |
| | | }; |
| | | }); |
| | | } |
| | | console.log('row',row); |
| | | this.searchTargerChangeFlag = false; |
| | | this.$refs.crud.rowEdit(row); |
| | | }, |
| | |
| | | |
| | | // å¯¹è¯æ¡è¡¨æ ¼æ·»å |
| | | formDataAddClickHandler() { |
| | | // if (!this.form.eventKey) { |
| | | // this.$message.error('è¯·éæ©EventKey'); |
| | | // return; |
| | | // } |
| | | // |
| | | // if (!this.form.eventValue) { |
| | | // this.$message.error('请è¾å
¥EventValue'); |
| | | // return; |
| | | // } |
| | | // |
| | | // if (this.eventData.length >= 1) { |
| | | // const eventValueStatus = this.eventData.some(item => item.eventValue === this.form.eventValue); |
| | | // |
| | | // if (eventValueStatus) { |
| | | // this.$message.error('å·²åå¨ç¸åç EventValueï¼ä¸è½é夿·»å '); |
| | | // return; |
| | | // } |
| | | // } |
| | | const obj = { |
| | | index: this.eventData.length, |
| | | eventKey: this.form.eventKey || 'SelectionEvent', |
| | |
| | | }, |
| | | |
| | | // æé®è®¾è®¡ |
| | | btnDesignClickHandler() { |
| | | if (this.selectList.length != 1) { |
| | | btnDesignClickHandler(row) { |
| | | /*if (this.selectList.length != 1) { |
| | | this.$message.error('è¯·éæ©ä¸æ¡æ°æ®'); |
| | | return; |
| | | } |
| | | }*/ |
| | | this.btnDesignVisible = true; |
| | | this.formBtnOid = this.selectList[0].id; |
| | | this.getTabBtnTree(); |
| | | this.formBtnOid = row.id; |
| | | this.getTabBtnTree(row); |
| | | }, |
| | | |
| | | // 左侧æ è¯·æ± |
| | | getTabBtnTree() { |
| | | getTabBtnTree(row) { |
| | | const params = { |
| | | pageDefinationOid: this.selectList[0].id |
| | | pageDefinationOid: row && row.id ? row.id : this.selectList[0].id |
| | | } |
| | | this.treeLoading = true; |
| | | getTabButtons(params).then(res => { |
| | | if (res.data.code === 200) { |
| | | const data = res.data.data; |
| | | this.treeData = [{ |
| | | label: this.selectList[0].name, |
| | | label: row && row.id ? row.name : this.selectList[0].name, |
| | | oId: 'parentNode', |
| | | disabled: true, |
| | | children: data |
| | | }]; |
| | | this.treeLoading = false; |
| | | } else { |
| | | this.$message.error('è¯·æ£æ¥æ§å¶å°é误'); |
| | | this.$message.error(res.data.msg); |
| | | } |
| | | }) |
| | | }, |
| | |
| | | value: value |
| | | })) : []; |
| | | this.disabledBtn = true; |
| | | this.$refs.form.clearValidate() |
| | | }, |
| | | |
| | | // æé®è®¾è®¡åæ°ä¿¡æ¯å é¤ |
| | |
| | | |
| | | // æé®è®¾è®¡ä¿å |
| | | saveClickBtnHandler() { |
| | | this.dialogLoading = true; |
| | | const saveFunction = this.saveType === 'add' ? addTapButton : updateTapButton; |
| | | const bottomParams = {}; |
| | | if (this.paramsData.length > 0) { |
| | | this.paramsData.forEach(item => { |
| | | bottomParams[item.name] = item.value |
| | | }) |
| | | if (this.basicForm.show == '0' && (this.basicForm.displayMode == 'image' || this.basicForm.displayMode == 'textandimage') && this.basicForm.iconPath == '') { |
| | | this.$message.error('è¯·éæ©å¾æ '); |
| | | return; |
| | | } |
| | | this.$refs.form.validate((valid, done) => { |
| | | if (valid) { |
| | | this.dialogLoading = true; |
| | | const saveFunction = this.saveType === 'add' ? addTapButton : updateTapButton; |
| | | const bottomParams = {}; |
| | | if (this.paramsData.length > 0) { |
| | | this.paramsData.forEach(item => { |
| | | bottomParams[item.name] = item.value |
| | | }) |
| | | } |
| | | const params = this.saveType === 'add' ? { |
| | | ...this.basicForm, |
| | | parentId: this.nodeTreeRow.oId === 'parentNode' ? '' : this.nodeTreeRow.parentId, |
| | | buttonParams: bottomParams, |
| | | tableOId: this.selectList[0].id |
| | | } : { |
| | | ...this.basicForm, |
| | | buttonParams: bottomParams |
| | | } |
| | | |
| | | const params = this.saveType === 'add' ? { |
| | | ...this.basicForm, |
| | | parentId: this.nodeTreeRow.oId === 'parentNode' ? '' : this.nodeTreeRow.parentId, |
| | | buttonParams: bottomParams, |
| | | tableOId: this.selectList[0].id |
| | | } : { |
| | | ...this.basicForm, |
| | | buttonParams: bottomParams |
| | | } |
| | | |
| | | saveFunction(params).then(res => { |
| | | if (res.data.code === 200) { |
| | | this.$message.success(res.data.obj); |
| | | this.disabledBtn = true; |
| | | this.getTabBtnTree(); |
| | | this.basicForm = {}; |
| | | this.paramsData = []; |
| | | this.dialogLoading = false; |
| | | saveFunction(params).then(res => { |
| | | if (res.data.code === 200) { |
| | | this.$message.success(res.data.obj); |
| | | this.disabledBtn = true; |
| | | this.getTabBtnTree(); |
| | | this.basicForm = {}; |
| | | this.paramsData = []; |
| | | this.dialogLoading = false; |
| | | } |
| | | }).catch(err => { |
| | | this.dialogLoading = false; |
| | | }) |
| | | } else { |
| | | return false; |
| | | } |
| | | }).catch(err => { |
| | | this.dialogLoading = false; |
| | | }) |
| | | done(); |
| | | }); |
| | | }, |
| | | |
| | | // æé®è®¾è®¡å é¤ |
| | |
| | | actionSaveHandler(val) { |
| | | this.$set(this.basicForm, 'actionName', val.plName); |
| | | this.$set(this.basicForm, 'actionOId', val.plOId); |
| | | this.$refs.form.clearValidate('Action') |
| | | }, |
| | | // action鿩弹çªç´æ¥å
³é |
| | | actionCancelHandler() { |
| | | if(this.basicForm.actionOId){ |
| | | this.$refs.form.clearValidate('Action') |
| | | } |
| | | }, |
| | | |
| | | //æ¸
é¤action |
| | | clearActionValue(){ |
| | | this.$set(this.basicForm, 'actionName', ''); |
| | | this.$set(this.basicForm, 'actionOId', ''); |
| | | }, |
| | | // æå¼å
éå¯¹è¯æ¡ |
| | | rowCloneHandler(row) { |
| | | this.fromOid = this.sourceData.plOId; |