增加批量设置switch,点击行选中checkbox
| | |
| | | <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> |
| | |
| | | @cell-click="handleCellClicks" |
| | | @select="selectHandle" |
| | | @selection-change="selectionChange" |
| | | @row-click="rowClick" |
| | | v-if="this.crudArrayFlag" |
| | | ref="referAttrCrud" |
| | | v-loading="loading" |
| | |
| | | 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() { |
| | |
| | | //开启编辑 |
| | | editOpen(){ |
| | | this.editOpenFlag=true; |
| | | }, |
| | | //批量设置switch |
| | | batchSetFlag(value){ |
| | | this.attrSelectList.forEach(item=>{ |
| | | item[this.selectvalue]=value; |
| | | }) |
| | | } |
| | | } |
| | | } |