| | |
|---|
| | | <div style="display: flex;flex-wrap: wrap;" v-if="this.crudArrayFlag" class="app"> |
|---|
| | | <el-button-group> |
|---|
| | | <!--æ°å¢--> |
|---|
| | | <el-button v-if="attrEditVisible == false && attrFlagChiledren==false && (!checkStatus || crudLCStatus=='Editing')" size="small" type="primary" icon="el-icon-plus" @click="busineHandle">æ·»å {{ msg }}</el-button> |
|---|
| | | <el-button v-if="attrEditVisible == false && attrFlagChiledren==false && editOpenFlag && (!checkStatus || crudLCStatus=='Editing' )" size="small" type="primary" icon="el-icon-plus" plain @click="busineHandle">æ·»å {{ msg }}</el-button> |
|---|
| | | <!-- å
¨å±ç¼è¾--> |
|---|
| | | <el-button v-if=" attrEditVisible == false && attrFlagChiledren==false && (!checkStatus || crudLCStatus=='Editing')" size="small" @click="fullscreenHandle" icon="el-icon-full-screen">å
¨å±ç¼è¾</el-button> |
|---|
| | | <el-button v-if=" attrEditVisible == false && attrFlagChiledren==false && editOpenFlag&&(!checkStatus || crudLCStatus=='Editing')" size="small" @click="fullscreenHandle" icon="el-icon-full-screen">å
¨å±ç¼è¾</el-button> |
|---|
| | | <!-- éªè¯è§å--> |
|---|
| | | <el-button v-if="!checkStatus || crudLCStatus=='Editing'" icon="el-icon-info" size="small" @click="ruleAddHandler">éªè¯è§å</el-button> |
|---|
| | | <el-button v-if="(!checkStatus || crudLCStatus=='Editing' )&& editOpenFlag" icon="el-icon-info" size="small" @click="ruleAddHandler">éªè¯è§å</el-button> |
|---|
| | | <!-- å±æ§åç»--> |
|---|
| | | <el-button v-if="!checkStatus || crudLCStatus=='Editing'" icon="el-icon-menu" size="small" @click="attrVisibleHandle">å±æ§åç»</el-button> |
|---|
| | | <el-button v-if="(!checkStatus || crudLCStatus=='Editing') && editOpenFlag" icon="el-icon-menu" size="small" @click="attrVisibleHandle">å±æ§åç»</el-button> |
|---|
| | | </el-button-group> |
|---|
| | | <el-button-group> |
|---|
| | | <!--æ°å¢--> |
|---|
| | | <!-- å类注å
¥--> |
|---|
| | | <el-button v-if="!checkStatus || crudLCStatus=='Editing'" icon="el-icon-magic-stick" size="small" @click="injectBtn">å类注å
¥</el-button> |
|---|
| | | <el-button v-if="(!checkStatus || crudLCStatus=='Editing') && editOpenFlag" icon="el-icon-magic-stick" size="small" @click="injectBtn">å类注å
¥</el-button> |
|---|
| | | <!-- ç»åè§å--> |
|---|
| | | <el-button v-if="!checkStatus || crudLCStatus=='Editing'" icon="el-icon-film" size="small" @click="isShowHandler">ç»åè§å</el-button> |
|---|
| | | <el-button v-if="(!checkStatus || crudLCStatus=='Editing') && editOpenFlag" icon="el-icon-film" size="small" @click="isShowHandler">ç»åè§å</el-button> |
|---|
| | | <!-- æ举注å
¥--> |
|---|
| | | <el-button v-if="!checkStatus || crudLCStatus=='Editing'" icon="el-icon-c-scale-to-original" size="small" @click="enmuVisHandle">æ举注å
¥</el-button> |
|---|
| | | <el-button v-if="(!checkStatus || crudLCStatus=='Editing') && editOpenFlag" icon="el-icon-c-scale-to-original" size="small" @click="enmuVisHandle">æ举注å
¥</el-button> |
|---|
| | | <!-- 级èå±æ§--> |
|---|
| | | <el-button v-if="!checkStatus|| crudLCStatus=='Editing'" icon="el-icon-coin" size="small" @click="CascadeHandle">级èå±æ§</el-button> |
|---|
| | | <el-button v-if="(!checkStatus|| crudLCStatus=='Editing') && editOpenFlag" icon="el-icon-coin" size="small" @click="CascadeHandle">级èå±æ§</el-button> |
|---|
| | | </el-button-group> |
|---|
| | | <el-button-group> |
|---|
| | | <!-- é¢è§æåº--> |
|---|
| | | <el-button size="small" @click="orderHandle" icon="el-icon-arrow-down">é¢è§æåº</el-button> |
|---|
| | | <!--æ°å¢--> |
|---|
| | | <!-- ä¿å--> |
|---|
| | | <el-button v-if="!checkStatus|| crudLCStatus=='Editing'" size="small" @click="addsHandler" icon="el-icon-check">ä¿å</el-button> |
|---|
| | | <el-button v-if="(!checkStatus|| crudLCStatus=='Editing') && editOpenFlag" size="small" @click="addsHandler" icon="el-icon-check">ä¿å</el-button> |
|---|
| | | <!-- å é¤--> |
|---|
| | | <el-button v-if="!checkStatus || crudLCStatus=='Editing'" size="small" @click="CrudRemove" icon="el-icon-delete">å é¤</el-button> |
|---|
| | | <el-button v-if="(!checkStatus || crudLCStatus=='Editing') && editOpenFlag" size="small" @click="CrudRemove" icon="el-icon-delete">å é¤</el-button> |
|---|
| | | <!-- éç½®--> |
|---|
| | | <el-button size="small" @click="reset" icon="el-icon-refresh-right">éç½®</el-button> |
|---|
| | | </el-button-group> |
|---|
| | |
|---|
| | | <el-button-group> |
|---|
| | | <!-- ç¼ç ç³è¯·é¢è§--> |
|---|
| | | <el-button size="small" icon="el-icon-view" @click="applicationHandle" style="">ç¼ç ç³è¯·é¢è§</el-button> |
|---|
| | | |
|---|
| | | </el-button-group> |
|---|
| | | <!-- éªè¯è§å--> |
|---|
| | | <!-- æ¯å¦å¼å¯ç¼è¾ --> |
|---|
| | | <el-button-group> |
|---|
| | | <el-button size="small" plain icon="el-icon-view" v-if="(!checkStatus|| crudLCStatus=='Editing') && !editOpenFlag" @click="editOpen" >å¼å¯ç¼è¾</el-button> |
|---|
| | | </el-button-group> |
|---|
| | | </div> |
|---|
| | | <!-- å¼¹çª--> |
|---|
| | | <div> |
|---|
| | |
|---|
| | | </el-option> |
|---|
| | | </el-select> |
|---|
| | | <el-switch |
|---|
| | | v-if="item.edit === 'switch'" v-model="row[item.prop]" active-value="true" |
|---|
| | | v-if="item.edit === 'switch'" v-model="row[item.prop]" active-value="true" :disabled="!editOpenFlag" |
|---|
| | | inactive-value="false"> |
|---|
| | | </el-switch> |
|---|
| | | <span v-else>{{ row[item.prop] }}</span> |
|---|
| | |
|---|
| | | default: '' |
|---|
| | | }, |
|---|
| | | checkStatus:{ |
|---|
| | | type: Boolean, |
|---|
| | | default: false |
|---|
| | | }, |
|---|
| | | editOpenFlag:{ |
|---|
| | | type: Boolean, |
|---|
| | | default: false |
|---|
| | | }, |
|---|
| | |
|---|
| | | } |
|---|
| | | return ''; |
|---|
| | | }, |
|---|
| | | // ProData: { |
|---|
| | | // handler(newVal, oldVal) { |
|---|
| | | // if(this.initializing){ |
|---|
| | | // this.ProData = newVal.map((item) => { |
|---|
| | | // if (item.classifyInvokeAttr !=='') { // æ£æ¥classifyInvokeTextå±æ§æ¯å¦åå¨ |
|---|
| | | // item = { |
|---|
| | | // ...item, |
|---|
| | | // classifyInvokeText: { |
|---|
| | | // classifyInvokeText: { |
|---|
| | | // "注å
¥ç±»å": item.classifyInvokeAttr, |
|---|
| | | // "注å
¥ç±»åå称": item.classifyInvokeAttrName, |
|---|
| | | // "å±çº§è®¾ç½®": item.classifyInvokeLevel, |
|---|
| | | // "æ¯å¦å¯ä¿®æ¹": item.classifyInvokeEditFlag |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // return item; |
|---|
| | | // }); |
|---|
| | | // } |
|---|
| | | // this.initializing = false; |
|---|
| | | // console.log('ProData',this.ProData) |
|---|
| | | // console.log('newVal',newVal) |
|---|
| | | // }, |
|---|
| | | // deep: true, |
|---|
| | | // immediate:true |
|---|
| | | // }, |
|---|
| | | |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | //æ¯å¦å¼å¯ç¼è¾ |
|---|
| | | initializing:false, |
|---|
| | | loading:false, |
|---|
| | | referConfigText:"", |
|---|
| | |
|---|
| | | |
|---|
| | | //è¡¨æ ¼è¡ç¼è¾ |
|---|
| | | handleCellClicks(row, column) { |
|---|
| | | this.editingRows = row; |
|---|
| | | this.editShows = column.property; |
|---|
| | | this.rowOid = row.oid; |
|---|
| | | this.CurrentCell=row; |
|---|
| | | if(column.property == 'referConfig' ){ |
|---|
| | | this.referConfigVisble= true; |
|---|
| | | this.referConfigOption = { |
|---|
| | | referConfig: this.referConfigText || '', |
|---|
| | | } |
|---|
| | | if(this.CurrentCell.referConfig == ''){ |
|---|
| | | this.referConfigOption = { |
|---|
| | | referConfig:'', |
|---|
| | | } |
|---|
| | | } |
|---|
| | | console.log('--',this.referConfigOption) |
|---|
| | | // this.$refs.referConfigFormDialog.onloadAttrData(); |
|---|
| | | }else if(column.property == 'classifyInvokeText'){ |
|---|
| | | this.injectVisible=true; |
|---|
| | | }else if(column.property == 'componentRule'){ |
|---|
| | | if(this.CurrentCell){ |
|---|
| | | this.CurrentCell.componentRule=this.componentRuleText; |
|---|
| | | } |
|---|
| | | this.isShowformulaEdit = true; |
|---|
| | | }else if(column.property == 'enumString'){ |
|---|
| | | this.enumVisible=true; |
|---|
| | | if(this.attrSelectList[0].enumString != ""){ |
|---|
| | | this.tableData=JSON.parse(this.attrSelectList[0].enumString) |
|---|
| | | return |
|---|
| | | } |
|---|
| | | }else if(column.property == 'parentCode'){ |
|---|
| | | gridCodeClassifyTemplateAttr({ |
|---|
| | | 'conditionMap[classifyTemplateOid]': this.Formlist[0].oid, |
|---|
| | | 'conditionMap[oid_notequal]': this.CurrentCell.oid |
|---|
| | | }).then(res => { |
|---|
| | | console.log(res) |
|---|
| | | this.CascadeData = res.data.data; |
|---|
| | | }) |
|---|
| | | this.CascadeVisible=true; |
|---|
| | | }else if(column.property == 'verifyRule'){ |
|---|
| | | this.RulesForm.expressionTextt=this.CurrentCell.verifyRule; |
|---|
| | | this.rulesVisible=true; |
|---|
| | | console.log(this.CurrentCell.verifyRule) |
|---|
| | | console.log(this.RulesForm.expressionText) |
|---|
| | | } |
|---|
| | | if(this.editOpenFlag){ |
|---|
| | | this.editingRows = row; |
|---|
| | | this.editShows = column.property; |
|---|
| | | this.rowOid = row.oid; |
|---|
| | | this.CurrentCell=row; |
|---|
| | | if(column.property == 'referConfig' ){ |
|---|
| | | this.referConfigVisble= true; |
|---|
| | | this.referConfigOption = { |
|---|
| | | referConfig: this.referConfigText || '', |
|---|
| | | } |
|---|
| | | if(this.CurrentCell.referConfig == ''){ |
|---|
| | | this.referConfigOption = { |
|---|
| | | referConfig:'', |
|---|
| | | } |
|---|
| | | } |
|---|
| | | console.log('--',this.referConfigOption) |
|---|
| | | // this.$refs.referConfigFormDialog.onloadAttrData(); |
|---|
| | | }else if(column.property == 'classifyInvokeText'){ |
|---|
| | | this.injectVisible=true; |
|---|
| | | }else if(column.property == 'componentRule'){ |
|---|
| | | if(this.CurrentCell){ |
|---|
| | | this.CurrentCell.componentRule=this.componentRuleText; |
|---|
| | | } |
|---|
| | | this.isShowformulaEdit = true; |
|---|
| | | }else if(column.property == 'enumString'){ |
|---|
| | | this.enumVisible=true; |
|---|
| | | if(this.attrSelectList[0].enumString != ""){ |
|---|
| | | this.tableData=JSON.parse(this.attrSelectList[0].enumString) |
|---|
| | | return |
|---|
| | | } |
|---|
| | | }else if(column.property == 'parentCode'){ |
|---|
| | | gridCodeClassifyTemplateAttr({ |
|---|
| | | 'conditionMap[classifyTemplateOid]': this.Formlist[0].oid, |
|---|
| | | 'conditionMap[oid_notequal]': this.CurrentCell.oid |
|---|
| | | }).then(res => { |
|---|
| | | console.log(res) |
|---|
| | | this.CascadeData = res.data.data; |
|---|
| | | }) |
|---|
| | | this.CascadeVisible=true; |
|---|
| | | }else if(column.property == 'verifyRule'){ |
|---|
| | | this.RulesForm.expressionTextt=this.CurrentCell.verifyRule; |
|---|
| | | this.rulesVisible=true; |
|---|
| | | console.log(this.CurrentCell.verifyRule) |
|---|
| | | console.log(this.RulesForm.expressionText) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | saveRows() { |
|---|
| | | this.editingRows = null; |
|---|
| | |
|---|
| | | this.CurrentCell.classifyInvokeEditFlag=this.injectOption.classifyInvokeEditFlag, |
|---|
| | | this.$set(this.CurrentCell, "classifyInvokeText", data); |
|---|
| | | this.injectHandleReset() |
|---|
| | | }else { |
|---|
| | | }else {add |
|---|
| | | //å¾éæä½ |
|---|
| | | for (const key in this.injectOption) { |
|---|
| | | this.attrSelectList[0][key] = this.injectOption[key]; |
|---|
| | |
|---|
| | | }else { |
|---|
| | | this.injectOption.classifyNumber=0; |
|---|
| | | } |
|---|
| | | this.editOpenFlag=true |
|---|
| | | this.injectVisible = false; |
|---|
| | | |
|---|
| | | }, |
|---|
| | |
|---|
| | | // æåº |
|---|
| | | sortChange(val) { |
|---|
| | | console.log(val) |
|---|
| | | // switch (val.order) { |
|---|
| | | // // case "ascending": |
|---|
| | | // // this.data = this.data.sort((a,b) => { return b['name'].localeCompare(a['name']) }) |
|---|
| | | // // this.data = this.data.sort((a,b) => { return b['id'].localeCompare(a['id']) }) |
|---|
| | | // // break; |
|---|
| | | // // case "descending": |
|---|
| | | // // this.data = this.data.sort((a,b) => { return a['name'].localeCompare(b['name']) }) |
|---|
| | | // // this.data = this.data.sort((a,b) => { return a['id'].localeCompare(b['id']) }) |
|---|
| | | // // break; |
|---|
| | | // } |
|---|
| | | }, |
|---|
| | | editOpen(){ |
|---|
| | | this.editOpenFlag=true; |
|---|
| | | console.log('ä¸çäº',this.checkStatus) |
|---|
| | | console.log('çäº',this.editOpenFlag) |
|---|
| | | console.log('çäº',this.crudLCStatus) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
