wangting
2023-07-31 bf3ea7cff7e99de79ad838a9d1451b6a9af3c40d
增加批量设置switch,点击行选中checkbox
已修改1个文件
72 ■■■■■ 文件已修改
Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue 72 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue
@@ -48,6 +48,16 @@
    <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>
@@ -256,6 +266,7 @@
              @cell-click="handleCellClicks"
              @select="selectHandle"
              @selection-change="selectionChange"
              @row-click="rowClick"
              v-if="this.crudArrayFlag"
              ref="referAttrCrud"
              v-loading="loading"
@@ -1402,7 +1413,50 @@
      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:{
@@ -1621,7 +1675,15 @@
    //表格选择
    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() {
@@ -1951,6 +2013,12 @@
    //开启编辑
    editOpen(){
      this.editOpenFlag=true;
    },
    //批量设置switch
    batchSetFlag(value){
      this.attrSelectList.forEach(item=>{
        item[this.selectvalue]=value;
      })
    }
  }
}