| | |
| | | <template> |
| | | <div> |
| | | <div style="display: flex;flex-wrap: wrap;" v-if="this.crudArrayFlag"> |
| | | <el-button-group> |
| | | <!--æ°å¢--> |
| | | <el-button v-if="attrEditVisible == false && attrFlagChiledren==false" size="small" type="primary" icon="el-icon-plus" @click="busineHandle">æ·»å {{ msg }}</el-button> |
| | | <!-- å
¨å±ç¼è¾--> |
| | |
| | | <el-button icon="el-icon-info" size="small" @click="rulesVisible=true">éªè¯è§å</el-button> |
| | | <!-- 屿§åç»--> |
| | | <el-button icon="el-icon-menu" size="small" @click="attrVisibleHandle">屿§åç»</el-button> |
| | | <!-- å类注å
¥--> |
| | | <el-button icon="el-icon-magic-stick" size="small" @click="injectBtn">å类注å
¥</el-button> |
| | | <!-- ç»åè§å--> |
| | | <el-button size="small" @click="isShowHandler">ç»åè§å</el-button> |
| | | <!-- æä¸¾æ³¨å
¥--> |
| | | <el-button size="small" @click="enmuVisHandle">æä¸¾æ³¨å
¥</el-button> |
| | | <!-- 级è屿§--> |
| | | <el-button size="small" @click="CascadeHandle">级è屿§</el-button> |
| | | <!-- é¢è§æåº--> |
| | | <el-button size="small" icon="el-icon-arrow-down">é¢è§æåº</el-button> |
| | | </el-button-group> |
| | | <el-button-group> |
| | | <!-- å类注å
¥--> |
| | | <el-button icon="el-icon-magic-stick" size="small" @click="injectBtn">å类注å
¥</el-button> |
| | | <!-- ç»åè§å--> |
| | |
| | | <!-- 级è屿§--> |
| | | <el-button size="small" @click="CascadeHandle">级è屿§</el-button> |
| | | <!-- é¢è§æåº--> |
| | | <el-button size="small" @click="orderHandle" icon="el-icon-arrow-down">é¢è§æåº</el-button> |
| | | <el-button size="small" @click="orderHandle" icon="el-icon-arrow-down">é¢è§æåº</el-button> |
| | | </el-button-group> |
| | | <el-button-group> |
| | | <!-- ä¿å--> |
| | | <el-button size="small" @click="addsHandler" icon="el-icon-check">ä¿å</el-button> |
| | | <!-- å é¤--> |
| | |
| | | <!-- éç½®--> |
| | | <el-button size="small" @click="reset" icon="el-icon-refresh-right">éç½®</el-button> |
| | | <!-- 忥å°å
¶ä»æ¨¡æ¿--> |
| | | <el-button size="small" @click="syncHandle">忥å°å
¶ä»æ¨¡æ¿</el-button> |
| | | <el-button size="small"@click="syncHandle" icon="el-icon-share">忥å°å
¶ä»æ¨¡æ¿</el-button> |
| | | </el-button-group> |
| | | <!-- ç¼ç ç³è¯·é¢è§--> |
| | | <el-button size="small" @click="applicationHandle" style="">ç¼ç ç³è¯·é¢è§</el-button> |
| | | <!-- éªè¯è§å--> |
| | |
| | | @select="selectHandle" |
| | | @selection-change="selectionChange" |
| | | v-if="this.crudArrayFlag" |
| | | ref="referAttrCrud" |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | |
| | | <template slot-scope="{ row }"> |
| | | <el-input v-if="editingRows === row && editShows== item.prop && item.prop != 'codeDateFormat' && (item.edit == 'text' || item.edit == 'select' ||item.edit == 'refer' )" v-model="row[item.prop]" |
| | | @blur="saveRows"></el-input> |
| | | <el-input-number controls-position="right" v-if="editingRows === row && editShows== item.prop && item.edit == 'number'" v-model="row[item.prop]" |
| | | @blur="saveRows"></el-input-number> |
| | | <el-input-number size="small" controls-position="right" v-if="editingRows === row && editShows== item.prop && item.edit == 'number'" v-model="row[item.prop]" |
| | | @blur="saveRows" :style="{width:(item.width-10)+'px'}"></el-input-number> |
| | | <el-select v-model="row[item.prop]" slot="prepend" v-if="editingRows === row && editShows== item.prop && item.prop == 'codeDateFormat' && row[item.prop] ==''" @focus="DataChangeHandler"> |
| | | <el-option label="é¤å
å" value="1"></el-option> |
| | | <el-option label="订åå·" value="2"></el-option> |
| | |
| | | v-if="item.edit === 'switch'" v-model="row[item.prop]" active-value="true" |
| | | inactive-value="false"> |
| | | </el-switch> |
| | | <span v-else >{{ row[item.prop] }}</span> |
| | | <span v-else>{{ row[item.prop] }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | this.selectRow = row.$index; |
| | | this.selectRowArr=row |
| | | }, |
| | | // æåºé¢è§æé® |
| | | orderHandle(){ |
| | | this.$refs.referAttrCrud.sort("orderNum"); |
| | | }, |
| | | //è¡¨æ ¼åé |
| | | selectHandle(selection, row) { |
| | | this.attrOid = row.oid; |
| | |
| | | }, |
| | | //è¡¨æ ¼å é¤ |
| | | CrudRemove() { |
| | | this.ProData.splice(this.attrRow.$index, 1) |
| | | this.attrSelectList.forEach((item)=>{ |
| | | this.ProData.splice(item.$index, 1) |
| | | }) |
| | | }, |
| | | //è¡¨æ ¼éç½® |
| | | reset() { |