| | |
| | | <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 }} |
| | | icon="el-icon-plus" plain size="small" type="primary" @click="busineHandle">添加 {{ msg }} |
| | | </el-button> |
| | | </span> |
| | | <!-- 全屏编辑--> |
| | | <span v-if="permissionList.fullscreenStatus"> |
| | | <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">全屏编辑 |
| | |
| | | <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"> |
| | | <span v-if="permissionList.attrStatus"> |
| | | <!-- 属性分组--> |
| | | <el-button v-if="(!checkStatus || crudLCStatus=='Editing') && editOpenFlag" icon="el-icon-menu" size="small" |
| | | @click="attrVisibleHandle">属性分组 |
| | |
| | | <!-- 保存--> |
| | | <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> |
| | | </span> |
| | | <!-- 预览排序--> |
| | | <el-button icon="el-icon-arrow-down" size="small" @click="orderHandle" v-if="permissionList.orderStatus">预览排序</el-button> |
| | | <!-- 预览排序--> |
| | | <el-button v-if="permissionList.orderStatus" icon="el-icon-arrow-down" size="small" @click="orderHandle">预览排序 |
| | | </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="resetHandler" v-if="permissionList.resetStatus">重置</el-button> |
| | | <el-button v-if="permissionList.resetStatus" icon="el-icon-refresh-right" size="small" @click="resetHandler"> |
| | | 重置 |
| | | </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" >分类注入 |
| | | size="small" @click="injectBtn">分类注入 |
| | | </el-button></span> |
| | | <span v-if="permissionList.isShowStatus"> <!-- 组合规则--> |
| | | <span v-if="permissionList.isShowStatus"> <!-- 组合规则--> |
| | | <el-button v-if="(!checkStatus || crudLCStatus=='Editing') && editOpenFlag" icon="el-icon-film" size="small" |
| | | @click="isShowHandler">组合规则 |
| | | </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="enumVisHandle" >枚举注入 |
| | | size="small" @click="enumVisHandle">枚举注入 |
| | | </el-button></span> |
| | | |
| | | <span v-if="permissionList.cascadStatus"> |
| | | <span v-if="permissionList.cascadStatus"> |
| | | <!-- 级联属性--> |
| | | <el-button v-if="(!checkStatus|| crudLCStatus=='Editing') && editOpenFlag" icon="el-icon-coin" size="small" |
| | | @click="CascadeHandle">级联属性 |
| | |
| | | |
| | | <el-button-group> |
| | | <!-- 同步到其他模板--> |
| | | <el-button icon="el-icon-share" size="small" @click="syncHandle" v-if="permissionList.syncStatus">同步到其他模板</el-button> |
| | | <el-button v-if="permissionList.syncStatus" icon="el-icon-share" size="small" @click="syncHandle">同步到其他模板 |
| | | </el-button> |
| | | </el-button-group> |
| | | |
| | | <el-button-group> |
| | | <!-- 编码申请预览--> |
| | | <el-button icon="el-icon-view" size="small" style="" @click="applicationHandle" v-if="permissionList.applicationStatus">编码申请预览</el-button> |
| | | <el-button v-if="permissionList.applicationStatus" icon="el-icon-view" size="small" style="" |
| | | @click="applicationHandle">编码申请预览 |
| | | </el-button> |
| | | |
| | | </el-button-group> |
| | | <!-- 是否开启编辑 --> |
| | |
| | | <el-table v-if="this.crudArrayFlag" |
| | | ref="referAttrCrud" |
| | | v-loading="loading" |
| | | border |
| | | :data="ProData" |
| | | :height="this.tableHeight" |
| | | border |
| | | style="width: 100%" |
| | | @select="selectHandle" |
| | | @cell-click="handleCellClicks" |
| | |
| | | import func from "@/util/func"; |
| | | import {getCurrentInstance} from "vue"; |
| | | import {mapGetters} from "vuex"; |
| | | |
| | | export default { |
| | | name: "attrCrud .vue", |
| | | props: { |
| | |
| | | addBtn: false, |
| | | header: false, |
| | | align: 'center', |
| | | columnBtn:false, |
| | | columnBtn: false, |
| | | menuAlign: 'center', |
| | | column: [{ |
| | | label: '', |
| | |
| | | List: [], |
| | | option: { |
| | | index: false, |
| | | columnBtn:false, |
| | | columnBtn: false, |
| | | border: true, |
| | | editBtn: false, |
| | | selection: true, |
| | |
| | | }, |
| | | 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), |
| | | 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() { |
| | |
| | | <style lang="scss" scoped> |
| | | //固定列高度 |
| | | /deep/ .el-table__fixed { |
| | | height: calc(100vh - 612px)!important; |
| | | height: calc(100vh - 612px) !important; |
| | | } |
| | | |
| | | ///deep/ .el-table__fixed[v-if='editStyleFlag'] { |
| | | // height: calc(100vh - 152px)!important; // 编辑状态下的高度 |
| | | //} |
| | |
| | | width: 10px; |
| | | |
| | | } |
| | | |
| | | // 滚动条的滑块 |
| | | /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { |
| | | background-color: #ececec; |