| | |
| | | <el-button-group> |
| | | <el-button size="small" plain icon="el-icon-view" v-if="(!checkStatus|| crudLCStatus=='Editing') && !editOpenFlag && attrEditVisible == false && attrFlagChiledren==false" @click="editOpen" >开启编辑</el-button> |
| | | </el-button-group> |
| | | <el-select v-if="(!checkStatus || crudLCStatus=='Editing') && editOpenFlag" size="small" v-model="selectvalue" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in selectoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | <el-switch v-if="(!checkStatus || crudLCStatus=='Editing') && editOpenFlag" v-model="switchvalue" @change="batchSetFlag" active-value="true" style="margin:6px 0 0 10px"> |
| | | </el-switch> |
| | | </div> |
| | | <!-- 弹窗--> |
| | | <div> |
| | |
| | | </el-container> |
| | | </el-dialog> |
| | | <!-- 全屏编辑--> |
| | | <el-dialog :visible.sync="attrEditVisible" append-to-body fullscreen="true"> |
| | | <attrCrud :ProData="this.ProData" :attrFlagChiledren="this.attrFlag" :editOpenFlag="editOpenFlag" :crudArrayFlag="this.crudArrayFlag"></attrCrud> |
| | | <el-dialog :visible.sync="attrEditVisible" append-to-body fullscreen="true" :before-close="escEdit" > |
| | | <attrCrud :ProData="this.ProData" :attrFlagChiledren="this.attrFlag" :editStyleFlag="editStyleFlag" :editOpenFlag="editOpenFlag" :crudArrayFlag="this.crudArrayFlag"></attrCrud> |
| | | </el-dialog> |
| | | <!-- 组合规则--> |
| | | <formula-editor :systemVariableTableData="systemVariableTableData" |
| | |
| | | </div> |
| | | <el-table :data="ProData" |
| | | style="width: 100%" |
| | | :height="!this.editStyleFlag ? 450 : 900" |
| | | :height="this.editStyleFlag? 800 : 343" |
| | | @cell-click="handleCellClicks" |
| | | @select="selectHandle" |
| | | @selection-change="selectionChange" |
| | | @row-click="rowClick" |
| | | v-if="this.crudArrayFlag" |
| | | ref="referAttrCrud" |
| | | v-loading="loading" |
| | |
| | | type: Boolean, |
| | | default: false |
| | | }, |
| | | //控制是否开启编辑 |
| | | editOpenFlag:{ |
| | | type: Boolean, |
| | | default: false |
| | | }, |
| | | editStyleFlag:{ |
| | | type: Boolean, |
| | | default: false |
| | | }, |
| | |
| | | crudArrayFlag:{ |
| | | type: Boolean, |
| | | default: false |
| | | } |
| | | }, |
| | | }, |
| | | watch:{ |
| | | crudOid:{ |
| | | handler(newval,oldval){ |
| | | if(newval){ |
| | | this.editOpenFlag=false |
| | | } |
| | | } |
| | | }, |
| | | crudArray:{ |
| | | handler(newval,oldval){ |
| | | if(newval != undefined){ |
| | |
| | | }, |
| | | editOpenFlag:{ |
| | | handler(newval,oldval){ |
| | | console.log(newval) |
| | | console.log('editOpenFlag',newval) |
| | | }, |
| | | deep:true, |
| | | immediate:true |
| | |
| | | codeDataFlag:false, |
| | | // 组合规单元格编辑回填 |
| | | componentRuleText:"", |
| | | |
| | | //模板属性下拉设置switch |
| | | selectoptions: [{ |
| | | value: 'keyAttrFlag', |
| | | label: '关键属性' |
| | | }, { |
| | | value: 'queryAttrFlag', |
| | | label: '查询属性' |
| | | }, { |
| | | value: 'seniorQueryAttrFlag', |
| | | label: '高级查询属性' |
| | | }, { |
| | | value: 'sameRepeatAttrFlag', |
| | | label: '相似查重属性' |
| | | }, { |
| | | value: 'barcodeFlag', |
| | | label: '一维码' |
| | | }, { |
| | | value: 'qrcodeFlag', |
| | | label: '二维码' |
| | | }, { |
| | | value: 'requireFlag', |
| | | label: '必输' |
| | | }, { |
| | | value: 'formDisplayFlag', |
| | | label: '表单显示' |
| | | }, { |
| | | value: 'tableDisplayFlag', |
| | | label: '列表显示' |
| | | }, { |
| | | value: 'readonlyFlag', |
| | | label: '只读' |
| | | }, { |
| | | value: 'sortAttrFlag', |
| | | label: '列表排序' |
| | | }, { |
| | | value: 'textareaFlag', |
| | | label: '多行文本' |
| | | }, { |
| | | value: 'imageFlag', |
| | | label: '预览图' |
| | | }], |
| | | //模板属性下拉选中值 |
| | | selectvalue: 'keyAttrFlag', |
| | | switchvalue:'false' |
| | | } |
| | | }, |
| | | computed:{ |
| | |
| | | //表格选择 |
| | | selectionChange(list) { |
| | | this.attrSelectList = list; |
| | | console.log(list) |
| | | }, |
| | | rowClick(row){ |
| | | this.$refs.referAttrCrud.clearSelection(); |
| | | this.attrSelectList = [row]; |
| | | this.$refs.referAttrCrud.setCurrentRow(row); |
| | | this.$refs.referAttrCrud.toggleRowSelection(row); //选中当前行 |
| | | |
| | | this.attrOid = row.oid; |
| | | this.attrRow = row; |
| | | }, |
| | | //保存 |
| | | addsHandler() { |
| | |
| | | this.rowOid = row.oid; |
| | | this.CurrentCell=row; |
| | | if(column.property == 'referConfig' ){ |
| | | console.log( this.CurrentCell.referConfig) |
| | | this.referConfigVisble= true; |
| | | this.referConfigOption = { |
| | | referConfig: this.CurrentCell.referConfig || '', |
| | |
| | | this.$message.warning('请选择一个模板') |
| | | } else { |
| | | this.editStyleFlag=true; |
| | | // this.editOpenFlag=true; |
| | | this.attrEditVisible = true; |
| | | this.attrFlag = true; |
| | | } |
| | |
| | | //开启编辑 |
| | | editOpen(){ |
| | | this.editOpenFlag=true; |
| | | }, |
| | | //批量设置switch |
| | | batchSetFlag(value){ |
| | | this.attrSelectList.forEach(item=>{ |
| | | item[this.selectvalue]=value; |
| | | }) |
| | | } |
| | | } |
| | | } |