Source/UBCS-WEB/src/components/Theme/ThemeAttrCrud.vue

@@ -3,67 +3,81 @@
    <div v-if="this.crudArrayFlag" class="app" style="display: flex;flex-wrap: wrap; display: inline-block">
      <el-button-group>
        <!--新增-->
        <el-button
          v-if="attrEditVisible == false && attrFlagChiledren==false && editOpenFlag &&  (!checkStatus || crudLCStatus=='Editing' )"
          icon="el-icon-plus" plain size="small" type="primary" @click="busineHandle">添加 {{ msg }}
        <span v-if="permissionList.busineStatus">
           <el-button
             v-if="attrEditVisible == false && attrFlagChiledren==false && editOpenFlag &&  (!checkStatus || crudLCStatus=='Editing' )"
             icon="el-icon-plus" plain size="small" type="primary" @click="busineHandle" >添加 {{ msg }}
        </el-button>
        </span>
        <!--        全屏编辑-->
        <el-button
          v-if=" attrEditVisible == false && attrFlagChiledren==false && editOpenFlag&&(!checkStatus || crudLCStatus=='Editing')"
          icon="el-icon-full-screen" size="small" @click="fullscreenHandle">全屏编辑
        <span  v-if="permissionList.fullscreenStatus">
            <el-button
              v-if=" attrEditVisible == false && attrFlagChiledren==false && editOpenFlag&&(!checkStatus || crudLCStatus=='Editing')"
              icon="el-icon-full-screen" size="small" @click="fullscreenHandle">全屏编辑
        </el-button>
        <!--        验证规则-->
        </span>
        <span v-if="permissionList.ruleStatus">
           <!--        验证规则-->
        <el-button v-if="(!checkStatus || crudLCStatus=='Editing' )&& editOpenFlag" icon="el-icon-info" size="small"
                   @click="ruleAddHandler">验证规则
                   @click="ruleAddHandler" >验证规则
        </el-button>
        <!--        属性分组-->
        </span>
       <span  v-if="permissionList.attrStatus">
          <!--        属性分组-->
        <el-button v-if="(!checkStatus || crudLCStatus=='Editing') && editOpenFlag" icon="el-icon-menu" size="small"
                   @click="attrVisibleHandle">属性分组
        </el-button>
       </span>
      </el-button-group>
      <el-button-group>
        <!--    保存-->
        <span v-if="permissionList.saveStatus">
           <!--    保存-->
        <el-button v-if="(!checkStatus|| crudLCStatus=='Editing') && editOpenFlag" icon="el-icon-check" plain
                   size="small"
                   type="success" @click.prevent="addsHandler">保存
                   type="success" @click.prevent="addsHandler" >保存
        </el-button>
        <!--    预览排序-->
        <el-button icon="el-icon-arrow-down" size="small" @click="orderHandle">预览排序</el-button>
        <!--    删除-->
        </span>
                <!--    预览排序-->
        <el-button icon="el-icon-arrow-down" size="small" @click="orderHandle" v-if="permissionList.orderStatus">预览排序</el-button>
        <span v-if="permissionList.removeStatus">
           <!--    删除-->
        <el-button v-if="(!checkStatus || crudLCStatus=='Editing') && editOpenFlag" icon="el-icon-delete" size="small"
                   @click="CrudRemove">删除
                   @click="CrudRemove" >删除
        </el-button>
        </span>
        <!--    重置-->
        <el-button icon="el-icon-refresh-right" size="small" @click="reset">重置</el-button>
        <el-button icon="el-icon-refresh-right" size="small" @click="resetHandler" v-if="permissionList.resetStatus">重置</el-button>
      </el-button-group>
      <el-button-group>
        <!--新增-->
        <!--        分类注入-->
       <span v-if="permissionList.injectStatus"><!--        分类注入-->
        <el-button v-if="(!checkStatus || crudLCStatus=='Editing') && editOpenFlag" icon="el-icon-magic-stick"
                   size="small" @click="injectBtn">分类注入
        </el-button>
        <!--    组合规则-->
                   size="small" @click="injectBtn" >分类注入
        </el-button></span>
        <span  v-if="permissionList.isShowStatus"> <!--    组合规则-->
        <el-button v-if="(!checkStatus || crudLCStatus=='Editing') && editOpenFlag" icon="el-icon-film" size="small"
                   @click="isShowHandler">组合规则
        </el-button>
        <!--        枚举注入-->
        </el-button></span>
        <span v-if="permissionList.enumStatus"> <!--        枚举注入-->
        <el-button v-if="(!checkStatus || crudLCStatus=='Editing') && editOpenFlag" icon="el-icon-c-scale-to-original"
                   size="small" @click="enmuVisHandle">枚举注入
        </el-button>
        <!--    级联属性-->
                   size="small" @click="enumVisHandle" >枚举注入
        </el-button></span>

        <span  v-if="permissionList.cascadStatus">
               <!--    级联属性-->
        <el-button v-if="(!checkStatus|| crudLCStatus=='Editing') && editOpenFlag" icon="el-icon-coin" size="small"
                   @click="CascadeHandle">级联属性
        </el-button>
        </span>
      </el-button-group>

      <el-button-group>
        <!--    同步到其他模板-->
        <el-button icon="el-icon-share" size="small" @click="syncHandle">同步到其他模板</el-button>
        <el-button icon="el-icon-share" size="small" @click="syncHandle" v-if="permissionList.syncStatus">同步到其他模板</el-button>
      </el-button-group>

      <el-button-group>
        <!--    编码申请预览-->
        <el-button icon="el-icon-view" size="small" style="" @click="applicationHandle">编码申请预览</el-button>
        <el-button icon="el-icon-view" size="small" style="" @click="applicationHandle" v-if="permissionList.applicationStatus">编码申请预览</el-button>

      </el-button-group>
      <!-- 是否开启编辑     -->
@@ -292,7 +306,6 @@
          <el-button size="small" type="primary" @click="addVisible=false">取消</el-button>
        </div>
      </el-dialog>

      <!--      参照配置-->
      <refer-config-dialog
        :display="referConfigVisble"
@@ -314,13 +327,13 @@
              @row-click="rowClick"
    >
      <el-table-column
        fixed
        :fixed="!editStyleFlag ? 'left' : undefined"
        type="selection" width="55">
      </el-table-column>
      <!--<el-table-column fixed label="序号" type="index" width="55"></el-table-column>-->
      <el-table-column v-for="(item,index) in this.option.column" v-if="item.edit !='referName'"
                       :key="item.id"
                       :fixed="item.fixed"
                       :fixed="!editStyleFlag ? item.fixed : undefined"
                       :formatter="formAttr"
                       :label="item.label"
                       :prop="item.prop"
@@ -382,7 +395,7 @@
import {getList} from "@/api/refer/table";
import func from "@/util/func";
import {getCurrentInstance} from "vue";

import {mapGetters} from "vuex";
export default {
  name: "attrCrud .vue",
  props: {
@@ -1530,6 +1543,25 @@
    }
  },
  computed: {
    ...mapGetters(["permission"]),
    permissionList(){
      return{
        busineStatus:this.vaildData(this.permission.classifyTree.attr_add,false),
        fullscreenStatus:this.vaildData(this.permission.classifyTree.attr_view_edit,false),
        ruleStatus:this.vaildData(this.permission.classifyTree.attr_rule,false),
        attrStatus:this.vaildData(this.permission.classifyTree.attr_group,false),
        saveStatus:this.vaildData(this.permission.classifyTree.attr_save,false),
        resetStatus:this.vaildData(this.permission.classifyTree.attr_reset,false),
        injectStatus:this.vaildData(this.permission.classifyTree.attr_inject,false),
        isShowStatus:this.vaildData(this.permission.classifyTree.attr_formrule,false),
        enumStatus:this.vaildData(this.permission.classifyTree.attr_enum,false),
        cascadStatus:this.vaildData(this.permission.classifyTree.attr_parentcode,false),
        syncStatus:this.vaildData(this.permission.classifyTree.attr_sync,false),
        applicationStatus:this.vaildData(this.permission.classifyTree.attr_application,false),
        orderStatus:this.vaildData(this.permission.classifyTree.attr_sort,false),
        removeStatus:this.vaildData(this.permission.classifyTree.attr_delete,false),
      }
    },
    attrOids() {
      let oids = [];
      this.attrSelectList.forEach(ele => {
@@ -1921,7 +1953,7 @@
      this.tableData.splice(row.$index, 1)
    },
    //枚举注入按钮
    enmuVisHandle() {
    enumVisHandle() {
      if (this.attrSelectList.length > 1) {
        this.$message.warning('只能选择一条模板属性')
      } else if (this.attrSelectList < 1) {
@@ -2091,7 +2123,7 @@
      })
    },
    //表格重置
    reset() {
    resetHandler() {
      this.CrudRend()
    },
    //同步到其他模板
@@ -2185,7 +2217,9 @@
/deep/ .el-table__fixed {
  height: calc(100vh - 612px)!important;
}

///deep/ .el-table__fixed[v-if='editStyleFlag'] {
//  height: calc(100vh - 152px)!important; // 编辑状态下的高度
//}
// 滚动条样式修改
// 滚动条的宽度
/deep/ .el-table__body-wrapper::-webkit-scrollbar {