sasp-admin 0.2.57

package/src/views/tenant/appContentManager.vue

@@ -0,0 +1,938 @@
+<template>
+    <el-container class="form-list" style="height: 100%;">
+        <el-header style="height: auto;">
+            <div class="search-form-parent el-card">
+                <el-form :inline="true" size="small" class="demo-form-inline" onSubmit="return false;">
+                    <el-form-item label="内容名称">
+                        <el-input v-model="crud.searchForm.contentName"></el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" icon="el-icon-search" @click="crud.doSearch()">查询</el-button>
+                        <el-button icon="el-icon-close" @click="crud.resetSearch()">清空</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </el-header>
+        <el-main style="padding:10px 0 0 0;height: 100%;">
+            <el-container style="height: 100%;">
+                <el-header style="height: auto;">
+                    <el-button type="danger" size="small" round icon="el-icon-delete" @click="crud.remove()">删除</el-button>
+                    <el-button type="success" size="small" round  @click="appPacking()">应用打包</el-button>
+                    <span style="margin-left: 50px;color: red;font-size: 15px">开启应用打包后，点击列表行可选择应用进行打包生成应用</span>
+                    <el-button type="primary" size="small" round @click="changeOrderWay()" style="float: right;margin-right: 100px">{{orderWayObj[orderWay]}}</el-button>
+                </el-header>
+                <el-main style="padding-top:10px;height: 100%;">
+                    <el-table :data="crud.dataStore.records" :ref="crud.tableRef" stripe border height="100%" style="width: 100%;"
+                              :header-cell-style="headerCellStyle"
+                              @row-click="rowClick">
+                            <el-table-column type="selection" width="40" align="center"></el-table-column>
+                            <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
+                            <el-table-column label="内容名称" prop="contentName" align="center" width="150"  show-overflow-tooltip></el-table-column>
+                            <el-table-column label="内容说明" prop="contentMark" align="center" min-width="200" show-overflow-tooltip></el-table-column>
+                            <el-table-column label="关联菜单" prop="linkMenuName" align="center" width="150" show-overflow-tooltip>
+                            </el-table-column>
+                            <el-table-column label="版本号" prop="contentVersion" align="center" width="150">
+                            </el-table-column>
+                            <el-table-column label="操作" align="center" width="410">
+                                <template slot-scope="scope">
+                                    <el-button size="mini" icon="el-icon-view"
+                                               type="primary" @click="view(scope.row)" >查看</el-button>
+                                    <el-button size="mini" icon="el-icon-edit"
+                                               type="primary" @click="update(scope.row)" >修改</el-button>
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                </el-main>
+                <el-footer style="height: 40px">
+                    <el-pagination
+                            :ref="crud.pageRef"
+                            :page-sizes="crud.pageSizes"
+                            :page-size="crud.pageSize"
+                            :current-page="crud.page"
+                            :total="crud.dataStore.total"
+                            @size-change="crud.sizeChange()"
+                            @current-change="crud.currentPage()"
+                            layout="total, sizes, prev, pager, next, jumper">
+                    </el-pagination>
+                </el-footer>
+            </el-container>
+        </el-main>
+
+        <el-dialog :close-on-click-modal=false :title="dialogTitle" top="10vh"
+                   :visible.sync="crud.dialogVisible"
+                   width="6+0%"
+                   height="70%"
+                   v-loading="loading"
+                   element-loading-text="请稍后..."
+                   element-loading-spinner="el-icon-loading"
+                   element-loading-background="rgba(0, 0, 0, 0.4)"
+                   append-to-body>
+            <el-form :model="crud.formData" :ref="crud.addFormRef" label-width="110px" :disabled="operate == 'view'" style="height: 100%;width: 100%;overflow-y: hidden">
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="关联菜单" prop="linkMenuName" >
+                            <el-input v-model="crud.formData.linkMenuName" disabled ></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="推送类型" prop="pushType" style="width: 100%" :class="operate == 'view'?'source-mark-class':''">
+                            <el-radio-group v-model="crud.formData.pushType" disabled v-if="operate != 'view'">
+                                <el-radio :label="key" v-for="(value,key) in pushTypeObj" :key="key">
+                                    {{value}}
+                                </el-radio>
+                            </el-radio-group>
+                            <div v-else class="cloud-div" style="min-height:20px;margin-top: 0px;overflow-y: auto;">
+                                {{pushTypeObj[crud.formData.pushType]}}
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="内容名称" prop="contentName"  style="width: 100%"
+                                      :class="operate == 'view'?'source-mark-class':''"
+                                      :rules="operate == 'update'?plValidate('required') : null">
+                            <el-input v-model="crud.formData.contentName"  maxlength="100" show-word-limit v-if="operate != 'view'"></el-input>
+                            <div v-else class="cloud-div" style="min-height:20px;margin-top: 0px;overflow-y: auto;">
+                                {{crud.formData.contentName}}
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="内容版本" prop="contentVersion"
+                                      :class="operate == 'view'?'source-mark-class':''"
+                                      style="width: calc(100% - 10px);">
+                            <el-input v-model="crud.formData.contentVersion" disabled v-if="operate != 'view'"></el-input>
+                            <div v-else class="cloud-div" style="min-height:20px;margin-top: 0px;overflow-y: auto;">
+                                {{crud.formData.contentVersion}}
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-form-item label="内容说明" prop="contentMark" style="width: 100%" :rules="operate == 'update'?plValidate('required'):null">
+                    <el-input size="small" type="textarea" v-model="crud.formData.contentMark"
+                              :rows="8" resize="none" style="margin-bottom: 7px;" maxlength="500" show-word-limit></el-input>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button v-if="operate != 'view'" type="primary" @click="submitForm()" :disabled="loading" size="small"  icon="el-icon-success">确 定</el-button>
+                <el-button @click="crud.dialogVisible = false" size="small" :disabled="loading"  icon="el-icon-error">{{operate == 'view'? '关 闭':'取 消'}}</el-button>
+            </div>
+        </el-dialog>
+
+        <!--右侧抽屉打包-->
+        <el-drawer :show-close="true"
+                   :wrapperClosable="false"
+                   :visible.sync="packingDrawer"
+                   :close-on-press-escape="false"
+                   :modal-append-to-body="false"
+                   :title="packingTitle"
+                   :modal="false"
+                   size="100%"
+                   style="margin-top: 5px; height: 95%;right: 0px"
+                   :before-close="handleClose"
+                   @opened="openedDrawer"
+                   @close="closeDrawer"
+                   :class="sourceDrawerClass">
+            <div style="width: 100%;height: 100%;box-sizing: border-box;padding: 10px 10px 300px;">
+                <div style="height: 100%;overflow-y: auto">
+                    <div v-for="(item,index) in packingArr" class="shop-item">
+                        <div style="border: 1px solid rgba(230, 230, 230, 1);width: 80%;margin-bottom: 10px;display: inline-block;margin-bottom: 10px">
+                            <div style="width: 50px;line-height: 32px;height:32px;text-align: center;border-right: 1px solid rgba(230, 230, 230, 1);display: inline-block;float: left">{{index + 1}}</div>
+                            <div style="height: 100%;text-align: center;border-right: 1px solid rgba(230, 230, 230, 1);">{{item.contentName+item.contentVersion}}</div></div>
+                        <el-button type="danger" size="small"  icon="el-icon-delete" style="position: relative;top: -2px" @click="removePacking(index)">删除</el-button>
+                    </div>
+                </div>
+                <div style="box-sizing: border-box;position: absolute;width: 100%;bottom: 20px;text-align: center">
+                    <el-button type="primary" style="background-color:#1975ff;width: 130px;
+                                                     margin-right: 10px;
+                                                     margin-top: 10px;font-weight: bolder" @click="openPacking()">
+                        打包
+                    </el-button>
+                    <el-button type="inf0" @click="closePackingDraw()" style="width: 130px;margin-top: 10px; margin-left: 10px;
+                                                  background-color: #f0f1f2;color: #333;font-weight: bolder">
+                        取消
+                    </el-button>
+                </div>
+            </div>
+        </el-drawer>
+
+
+        <el-dialog :close-on-click-modal=false title="应用信息" top="5vh"
+                   :visible.sync="packingDialogVisable"
+                   width="40%"
+                   height="90%"
+                   v-loading="packingLoading"
+                   element-loading-text="请稍后..."
+                   element-loading-spinner="el-icon-loading"
+                   element-loading-background="rgba(0, 0, 0, 0.4)"
+                   append-to-body>
+            <el-form :model="packingApplicationObj" ref="packingFormRef" label-width="110px"  style="height: 100%;width: 100%;overflow: hidden">
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="相同应用标记" prop="appKey"  style="width: calc(100% - 10px);">
+                            <el-select v-model="packingApplicationObj.appKey" style="width: 100%" filterable clearable  @change="changeAppKey()">
+                                <el-option v-for="application in applicationArr" :key="application.id"
+                                           :label="application.appName"
+                                           :value="application.id">
+                                </el-option>
+                            </el-select>
+                            <el-tooltip effect="dark" content="选择历史打包应用用于平滑升级" placement="top">
+                                <i class="el-icon-info" style="position:absolute;top: 10px;right:-20px;
+                                                                font-size: 16px;cursor: pointer;color: #5cb6ff;"></i>
+                            </el-tooltip>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="应用名称" prop="appName" :rules="plValidate('required')">
+                            <el-input v-model="packingApplicationObj.appName" ></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="应用版本" prop="version"  style="width: calc(100% - 10px);" :rules="applicationVersion">
+                            <el-input v-model="packingApplicationObj.version" ></el-input>
+                            <el-tooltip effect="dark" content="内容版本默认为1.0,如果选择相同应用标记则默认为上次版本+0.01,小数位最高.99" placement="top">
+                                <i class="el-icon-info" style="position:absolute;top: 10px;right:-20px;
+                                                                font-size: 16px;cursor: pointer;color: #5cb6ff;"></i>
+                            </el-tooltip>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="应用图标" prop="contentName"  >
+                            <el-input v-model="packingApplicationObj.appIcon" style="display: none"></el-input>
+                            <el-button @click="appIconDialog = true">
+                                <i :class="(currentIcon || '').indexOf('saspiconfont') > -1 ? currentIcon : 'saspiconfont pl-icon-tuxiang'"
+                                   style="font-size:16px"></i></el-button>
+                            <el-button @click="clearIcon()">清空</el-button>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="应用类型" prop="appType" style="width: calc(100% - 10px);">
+                            <el-radio-group v-model="packingApplicationObj.appType">
+                                <el-radio :label="key" v-for="(value,key) in appTypeObj" :key="key">
+                                    {{value}}
+                                </el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="应用分类" prop="appClassfily" :rules="plValidate('required')">
+                            <el-select v-model="packingApplicationObj.appClassfily" placeholder="请选择"
+                                       :filterable='true' allow-create style='width:100%'>
+                                <el-option
+                                        v-for="item in appClassfilyOptions"
+                                        :key="item.value"
+                                        :label="item.label"
+                                        :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="是否上架" prop="shelf" style="width: calc(100% - 10px);">
+                            <el-radio-group v-model="packingApplicationObj.shelf">
+                                <el-radio :label="key" v-for="(value,key) in shelfObj" :key="key">
+                                    {{value}}
+                                </el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="是否付费" prop="pay" :rules="plValidate('required')">
+                            <el-radio-group v-model="packingApplicationObj.pay">
+                                <el-radio :label="key" v-for="(value,key) in payObj" :key="key">
+                                    {{value}}
+                                </el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="12" v-if="packingApplicationObj.pay == '1'">
+                        <el-form-item label="付费价格" prop="price" :rules="plValidate('required','intNotZero')">
+                            <el-input v-model="packingApplicationObj.price" >
+                                <template slot="append">元</template>
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="12" v-if="packingApplicationObj.pay == '1'">
+                        <el-form-item label="支持试用" prop="trail" style="width: calc(100% - 10px);">
+                            <el-radio-group v-model="packingApplicationObj.trail">
+                                <el-radio :label="key" v-for="(value,key) in trailObj" :key="key">
+                                    {{value}}
+                                </el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12" v-if="packingApplicationObj.trail == '1'">
+                        <el-form-item label="试用时长" prop="trailTime" :rules="plValidate('required')" v-if="packingApplicationObj.trail == '1'">
+                            <el-input placeholder="请输入内容" v-model="packingApplicationObj.trailTime">
+                                <template slot="append">天</template>
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-form-item label="应用说明" prop="appMark" style="width: 100%" :rules="plValidate('required')">
+                    <el-input size="small" type="textarea" v-model="packingApplicationObj.appMark"
+                              :rows="8" resize="none" style="margin-bottom: 7px;" maxlength="500" show-word-limit></el-input>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button  type="primary" @click="startPacking()" :disabled="packingLoading" size="small"  icon="el-icon-success">开始打包</el-button>
+                <el-button @click="packingDialogVisable = false" size="small" :disabled="packingLoading"  icon="el-icon-error">取 消</el-button>
+            </div>
+        </el-dialog>
+
+        <!--应用图标-->
+        <!--        应用图标-->
+        <el-dialog :close-on-click-modal=false :visible.sync="appIconDialog" class="font-dialog" title="选择图标" width="70%"
+                   height="80%" top="10vh">
+            <font-icon :callback="getAppIconBack"></font-icon>
+        </el-dialog>
+
+    </el-container>
+
+
+</template>
+
+<script>
+    //应用内容管理
+    import CommonTree from "../../../../sasp-base/src/components/public/plTree";
+    import {FontIcon} from 'sasp-base';
+    export default {
+        name: "appContentManager",
+        components: {FontIcon, CommonTree},
+        data(){
+
+            /**
+             * 应用版本
+             * @param rule
+             * @param value
+             * @param callback
+             * @returns {*}
+             */
+            let versionValidator =(rule,value,callback) =>{
+                if(!value){
+                    callback();
+                }else {
+                    let regFd = /^\d+(\.\d+)?$/; //非负浮点数
+                    if(!regFd.test(value)){
+                        return callback(new Error('请输入正确的应用版本'));
+                    }else {
+                        //判断版本长度
+                        let suffix = value.split(".")[1];
+                        if(suffix.length > 2){
+                            return callback(new Error('版本号最多为两位小数'));
+                        }else if(Number(value) <= (Number(this.oldApplicationVersion)) && Number(value) > 1.0){
+                            //比较上一个版本
+                            return callback(new Error('应用版本必须比上一个版本'+this.oldApplicationVersion+'大'));
+                        }else if(Number(value)  < 1.0){
+                            return callback(new Error('应用版本最小为1.0'));
+                        }else {
+                            callback();
+                        }
+                    }
+                }
+            };
+
+            return{
+                orderWay:'CREATE_TIME', //排序方式默认 创建时间
+                crud: new this.CrudUtil({
+                    vue: this,
+                    entityName: "sysAppContent",
+                    url: this.api.sysAppContent.url,
+                    searchUrl:this.api.sysAppContent.findAppContentPage,
+                    searchForm: {order: "TB.CREATE_TIME DESC TB.CONTENT_VERSION+0 DESC"},
+                    noClearSearchColumns:["order"],
+                }),
+                orderWayObj:{
+                    "CREATE_TIME":"创建时间排序",
+                    "LINK_MENU":"相同内容排序",
+                },
+                tenantTypeObj:{
+                    "group":"团体",
+                    "person":"个人"
+                },
+                operate:'add', //操作类型
+
+                dialogTitle:'',
+                oldTenantAccount:'',//修改前手机号码
+                oldTenantLoginCode:'',//修改前 登录标识
+                tenantPageArr:[], //登录页
+                tenantThemeArr:[], //主题配置
+                tenantAuthArr:[], //租户权限
+                paramFieldArr:["tenantName","tenantAccount","tenantType","tenantPage","tenantTheme","tenantAuth","tenantLogincode"],
+                loading:false,//加载
+
+                treeShow:false,
+                menuInitparam:{},
+                defaultProps: {
+                    children: 'children',
+                    label: 'menuName'
+                },
+                filterText:'',//搜索菜单的参数
+                oldRoleName:'', //原角色名
+                roleStatusTextObj:{
+                    "1":"正常",
+                    "0":"禁用",
+                    "":"正常"
+                },
+                roleStatusTypeObj:{
+                    "1":"success",
+                    "0":"danger",
+                    "":"success"
+                },
+                empowermentClick:false,
+
+                pushTypeObj:{
+                    "add":"新增",
+                    "upgrade":"升级",
+                },
+
+                packingTitle:'应用打包',
+                packingDrawer:false, //打包
+                packingArr:[], //打包的数据
+                sourceDrawerClass:'source-close-drawer',
+                packingDialogVisable:false, //应用打包弹窗
+                packingApplicationObj:{
+                    appKey:'', //相同应用标记
+                    appName:'', //应用名称
+                    version:'1.0',//版本
+                    appIcon:'',//应用图标
+                    appType:'group',//应用类型  group 团体 person 个人
+                    trail: '0',//支持使用
+                    pay:'0', //1、付费 0、免费
+                    shelf:'1',//1、上架 0 、下架
+                    trailTime:'30', //使用时长
+                    appMark:'',//应用说明
+                }, //打包应用对象
+                applicationArr:[], //应用数组
+                applicationObj:{}, //应用对象
+                oldApplicationVersion:'1.0',
+                applicationVersion:[
+                    {required: true, message: '该输入项为必输项'},
+                    {validator:versionValidator,trigger:'blur'},
+                ],
+                appIconDialog:false,
+                currentIcon:'', //当前选择图表
+                appTypeObj:{ //i应用类型
+                    "group":"团体",
+                    "person":"个人"
+                },
+                appClassfilyOptions: [{
+                    value: '工作管理',
+                    label: '工作管理'
+                }, {
+                    value: '项目管理',
+                    label: '项目管理',
+                }, {
+                    value: '行政管理',
+                    label: '行政管理'
+                }],
+                shelfObj:{//是否上架
+                    "1":"上架",
+                    "0":"下架"
+                },
+                payObj:{//支持付费
+                    "1":"是",
+                    "0":"否"
+                },
+                trailObj:{ //支持试用
+                    "1":"是",
+                    "0":"否"
+                },
+                packingLoading:false,
+            }
+        },
+
+        created(){
+
+        },
+        methods:{
+
+            addTenantRole(){
+                this.operate = "add";
+                this.dialogTitle = "租户权限设置";
+
+                this.initMenuData();
+
+                //获取最新租户权限配置
+                this.crud.add();
+                this.$set(this.crud.formData,'tenantType','group'); //默认团体用户
+                this.$set(this.crud.formData,'tenantPage','default'); //默认登录页
+                this.$set(this.crud.formData,'tenantTheme','default'); //默认主题
+                //生成数据标识
+                this.$nextTick(() => {
+                    this.$refs[this.crud.addFormRef].clearValidate(); //刷新校验
+                });
+            },
+
+            /**
+             * 应用打包
+             */
+            appPacking(){
+                this.packingDrawer = true;
+            },
+
+            /**
+             * 切换排序方式
+             */
+            changeOrderWay(){
+                let way = this.orderWay == "CREATE_TIME" ? "LINK_MENU":"CREATE_TIME";
+                this.orderWay = way;
+                this.$set(this.crud.searchForm,'order',"TB."+this.orderWay +" DESC TB.CONTENT_VERSION+0 DESC");
+                //重新查询
+                this.crud.doSearch();
+            },
+
+
+            /**
+             * 查看应用内容
+             */
+            view(row){
+                this.operate = "view"; //查看
+                this.dialogTitle = "应用内容查看";
+                let editObj = JSON.parse(JSON.stringify(row));
+                this.crud.update(editObj);
+                this.$nextTick(() => {
+                    this.$refs[this.crud.addFormRef].clearValidate(); //刷新校验
+                });
+            },
+
+            /**
+             * 修改应用内容
+             */
+            update(row){
+                this.oldRoleName = row.roleName;
+                this.operate = "update";
+                this.dialogTitle = "应用内容修改";
+                let editObj = JSON.parse(JSON.stringify(row));
+                this.crud.update(editObj);
+                this.$nextTick(() => {
+                    this.$refs[this.crud.addFormRef].clearValidate(); //刷新校验
+                });
+            },
+
+
+            /**
+             * 自动生成登录标识
+             */
+            getLoginCode(){
+                this.$set(this.crud.formData,'tenantLogincode',this.COMMON_FUNC.getUuidByParams(32));
+            },
+
+            /**
+             * 生成数据标识并判断是否重复
+             */
+            getDatacode(datacode){
+                return new Promise(resolve => {
+                    this.axios.post(this.api.SysTenant.find,{tenantDatacode:'TEN_'+datacode}).then(res =>{
+                        if((res.data ||[]).length == 0){
+                            resolve(datacode)
+                        }else {
+                            this.getDatacode(this.COMMON_FUNC.getUuidByParams(8).toUpperCase()); //递归判断
+                        }
+                    });
+                })
+            },
+
+
+            /**
+             * 初始化树
+             */
+            initCallBack(nodeTree){
+                //禁用状态
+                if(this.operate == 'view'){ //查看状态
+                    this.disabelTree(nodeTree.data || []);
+                }
+            },
+            /**
+             * 禁用树
+             */
+            disabelTree(treeData){
+                treeData.forEach(item =>{
+                    this.$set(item,'disabled',true);
+                    if(item.children && item.children.length > 0){
+                       let arr = item.children;
+                       this.disabelTree(arr);
+                    }
+                });
+            },
+
+            /**
+             * 渲染树
+             */
+            renderContent(h, {node, data, store}) {
+                if (node.data.menuIsUse == "N") {
+                    return (
+                        <span class={node.level === 1 ? 'model-color' : ''}
+                    style={node.level === 1 ? 'letter-spacing:1px' : ''}>
+                <i class={data.menuIcon}></i>
+                    <span
+                    style={node.level === 2 ? 'font-weight:bold;text-decoration:line-through;font-style:italic;color:#ccc;'
+                        : "text-decoration:line-through;font-style:italic;color:#ccc;"}>{node.label}</span>
+                    </span>
+                );
+                }
+                return (
+                    <span class={node.level === 1 ? 'model-color' : ''}
+                style={node.level === 1 ? 'letter-spacing:1px' : ''}>
+            <i class={data.menuIcon}></i>
+                <span style={node.level === 2 ? 'font-weight:bold' : ""}>{node.label}</span>
+                </span>
+            );
+            },
+
+
+            /**
+             * 保存租户信息
+             */
+            submitForm(){
+                this.$refs[this.crud.addFormRef].validate(validate => {
+                    if(!validate){
+                        return;
+                    }
+                    this.loading = true; //防止重复点击
+                    //执行修改
+                    let paramObj = {};
+                    paramObj["contentMark"] = this.crud.formData.contentMark;
+                    paramObj["contentName"] = this.crud.formData.contentName;
+                    paramObj["id"] = this.crud.formData.id;
+                    this.axios.post(this.api.sysAppContent.update,paramObj).then(res =>{
+                        if(res.data && res.data.operateSuccess){
+                            this.$message({
+                                type:"success",
+                                message:"修改成功!"
+                            })
+                            this.crud.dialogVisible = false;
+                            this.crud.search();
+                        }else {
+                            this.$message({
+                                type:"error",
+                                message:"推送失败!"
+                            })
+                        }
+                        this.loading = false;
+                    })
+
+                });
+            },
+
+            /**
+             * 格式化菜单名称
+             * @param menuName
+             * @returns {*}
+             */
+            formatterMenuName(menuName){
+                if(menuName && menuName.startsWith("、")){
+                  return menuName.substring(1);
+                }else {
+                    return menuName;
+                }
+            },
+
+
+            /**
+             * 切换角色状态
+             * @param row
+             */
+            changeRoleStatus(row){
+                let roleStatus = row.roleStatus;
+                let message = roleStatus == '1' ? '确定禁用该角色？':'确定启用该角色？';
+                let updateRoleStatus = roleStatus == '1'? '0' : '1';
+                this.$confirm(message, '警告', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                }).then(()=> {
+                    //执行更新
+                    this.axios.post(this.api.SysTenantRole.update,{id:row.id,roleStatus:updateRoleStatus}).then(res =>{
+                        if(res.data && res.data.operateSuccess){
+                            this.crud.search();
+                        }else {
+                            this.$message("未知错误！");
+                        }
+                    });
+                });
+            },
+
+            /**
+             * 角色启用与禁用
+             * @param roleStatus
+             */
+            changeSelectRoleStatus(roleStatus){
+                let selection = this.$refs[this.crud.tableRef].selection || [];
+                if(selection.length == 0){
+                    this.$message({
+                        duration: 1500,
+                        type: 'info',
+                        message: '请至少选择一条数据！'})
+                    return;
+                }
+                let message = roleStatus == '0' ? '确定禁用勾选的'+selection.length+'个角色？':'确定启用'+selection.length+'个角色？';
+                let roleIdArr = [];
+                selection.forEach(item =>{
+                    roleIdArr.push(item.id);
+                });
+                this.$confirm(message, '警告', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                }).then(()=> {
+                    this.axios.post(this.api.SysTenantRole.bantchChangeRoleStatus,{roleIds:roleIdArr.join(","),roleStatus:roleStatus}).then(res =>{
+                        if(res.data && res.data.requestStatus == '1'){
+                            this.crud.search();
+                        }else {
+                            this.$message("未知错误！");
+                        }
+                    });
+                });
+            },
+
+            /**
+             * 快速赋权和解权
+             * @param roleId 角色id
+             * @param tenantIds 租户ids
+             * @param type
+             */
+            rapidEmpowerment(row,tenantIds,type){
+                //校验
+                let roleId = row.id;
+                if(this.$refs['dataStoreRef']){
+                    this.$refs['dataStoreRef'].validate(validate => {
+                        if (!validate){
+                            return;
+                        }
+                        //执行快速赋权
+                        let tenantUserIds = "";
+                        if(tenantIds && tenantIds.length > 0){
+                            tenantUserIds = tenantIds.join(",");
+                        }
+                        this.axios.post(this.api.SysTenant.fastEmpower,{authId:roleId,tenantUserIds:tenantUserIds,type}).then(res =>{
+                            if(res.data && res.data.requestStatus == '1'){
+                                this.$message({
+                                    type:'success',
+                                    message:res.data.message
+                                })
+                                this.crud.search();
+                            }else {
+                                this.$message({
+                                    type:'error',
+                                    message:'操作失败！'
+                                })
+                            }
+                        })
+
+                    });
+                }
+            },
+
+            /**
+             * 关闭打包
+             */
+            closePackingDraw(){
+                this.packingDrawer = false;
+
+            },
+
+            /**
+             * 打开打包
+             */
+            openPacking(){
+                //遍历 packingArr
+                //加载应用管理中的存在的数据
+                if(this.packingArr.length == 0){
+                    this.$message({type:'warning',message:'请选择需要打包的应用！'});
+                    return;
+                }
+                this.applicationArr = [];
+                this.applicationObj = {};
+                this.axios.post(this.api.sysApplication.find).then(res =>{
+                    this.applicationArr = res && res.data ? (res.data || []) :[];
+                    this.applicationArr.forEach(item=>{
+                      this.applicationObj[item.id] = item;
+                    });
+                    this.packingDialogVisable = true;
+
+                    this.$nextTick(() => {
+                        this.$refs['packingFormRef'].clearValidate(); //刷新校验
+                    });
+                });
+            },
+
+            /**
+             * 关闭
+             */
+            handleClose(){
+                this.packingDrawer = false;
+            },
+
+            /**
+             * 打开执行
+             */
+            openedDrawer(){
+                this.sourceDrawerClass = 'source-drawer';
+            },
+            closeDrawer(){
+                this.sourceDrawerClass = "source-close-drawer";
+            },
+
+            /**
+             * 行点击事件
+             * @param row
+             */
+            rowClick(row) { // table行点击事件
+                if(!this.packingDrawer){
+                    return;
+                }
+                let arr = this.packingArr.filter(each => {
+                    return each.id == row.id;
+                })
+                if(arr.length == 0){
+                    this.packingArr.push(row);
+                }
+            },
+
+            /**
+             * 删除打包
+             * @param rowIndex
+             */
+            removePacking(rowIndex){
+                this.packingArr.splice(rowIndex,1);
+            },
+
+            /**
+             * 切换应用标识
+             */
+            changeAppKey(){
+                if(this.packingApplicationObj.appKey && this.applicationObj[this.packingApplicationObj.appKey]){
+                    //赋值默认版本 在历史版本上 + 0.01
+                    let obj = this.applicationObj[this.packingApplicationObj.appKey];
+                    this.oldApplicationVersion = obj.version;
+                    //赋值当前打包对象默认值
+                    this.$set(this.packingApplicationObj,'appName',obj.appName);
+                    this.$set(this.packingApplicationObj,'appIcon',obj.appIcon);
+                    this.packingApplicationObj.appKey = obj.id; //赋值
+                    //版本
+                    this.$set(this.packingApplicationObj,'version',(Number(this.oldApplicationVersion) + 0.01) +"");
+                    if(this.packingApplicationObj.version.indexOf(".") == -1){
+                        this.packingApplicationObj.version = this.packingApplicationObj.version+".0"; //整数情况赋值小数点
+                    }
+                    this.packingApplicationObj.appMark = '';
+                }else {
+                    this.oldApplicationVersion = '1.0';
+                }
+            },
+
+            /**
+             * 清空图标
+             */
+            clearIcon(){
+                this.packingApplicationObj.appIcon = '';
+                this.currentIcon = '';
+            },
+            /**
+             * 返回app图标
+             */
+            getAppIconBack(icon){
+                if (icon.startsWith("el-icon-")) {
+                    this.$set(this.packingApplicationObj,'appIcon',icon);
+                    this.currentIcon = icon;
+                } else {
+                    this.$set(this.packingApplicationObj,'appIcon', 'saspiconfont ' + icon);
+                    this.currentIcon = 'saspiconfont ' + icon;
+                }
+                this.appIconDialog = false; //关闭
+            },
+
+            /**
+             * 执行打包
+             */
+            startPacking(){
+                this.$refs.packingFormRef.validate(validate => {
+                    if(!validate){
+                        return;
+                    }
+                    this.packingLoading = true;
+                    //开始执行保存
+                    this.axios.post(this.api.sysApplication.add, this.packingApplicationObj).then(res => {
+                        if (res.data && res.data.operateSuccess) {
+                            this.$message({
+                                message: '打包成功！',
+                                type: "success",
+                            });
+                            this.packingLoading = false;
+                            this.currentIcon = '';
+                            this.packingDialogVisable = false;
+                        } else {
+                            this.$message.error("打包失败！");
+                        }
+                    })
+
+                });
+            },
+            headerCellStyle({row, column, rowIndex, columnIndex}){
+                if (rowIndex === 0) {
+                    return 'background-color:#F2F2F2;color:#000;font-size:15px;font-weight:600;'
+                } else {
+                    return ''
+                }
+            }
+        }
+    }
+</script>
+
+<style scoped lang="scss">
+
+    .treeClass {
+        overflow-y: auto;
+        width: 100% !important;
+        height: calc(100% - 90px);
+    }
+
+    .treeClass /deep/ .el-tree > .el-tree-node > .el-tree-node__content { /* 选中第一级菜单 */
+        background-color: #1A598A;
+        text-decoration: none;
+        border: 1px silver solid;
+        color: #fff;
+        text-align: center;
+        height: 35px;
+    }
+
+    .source-drawer{
+        /*width: 400px;*/
+        width: 400px;
+        margin-left: calc(100% - 420px);
+        box-shadow: -0.3px 0.3px 0.3px #888888;
+        border: 1px solid #ccc;
+    }
+    .source-close-drawer{
+        width: 400px;
+        margin-left: calc(100% - 420px);
+    }
+
+    .shop-item{
+        position: relative;
+        box-sizing: border-box;
+        width: 100%;
+        height: 32px;
+        border-bottom: 1px solid #fff;
+        line-height: 32px;
+        margin-bottom: 10px;
+    }
+
+    .source-mark-class /deep/ label{
+        position: relative;
+        top: 0px;
+    }
+    .cloud-div{
+        border: 1px dashed #e6e6e6;padding: 0px 10px;box-sizing: border-box;
+    }
+
+
+</style>