sasp-admin 0.2.57

package/src/views/org/sysOrgDimension.vue

@@ -0,0 +1,832 @@
+<template>
+    <el-container style="height: 100%">
+        <el-header style="height: auto;">
+            <div class="search-form-parent el-card">
+                <el-form :inline="true" :model="crud.searchForm" size="small" class="demo-form-inline"
+                         @keyup.enter.native="crud.doSearch()" onSubmit="return false;">
+                    <el-form-item label="维度名称">
+                        <el-input v-model="crud.searchForm.dimName"></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 id="tableMain" style="height: 100%">
+            <el-container style="height:100%" class="table-list-container">
+                <el-header style="height: auto">
+                    <el-button type="primary" size="small" round icon="el-icon-circle-plus" @click="add()">新增
+                    </el-button>
+                    <el-button type="danger" size="small" round icon="el-icon-delete" @click="remove()">删除
+                    </el-button>
+                </el-header>
+                <el-main style="height: 100%;" ref="tableMain">
+                    <el-table :data="crud.dataStore.records" :ref="crud.tableRef" stripe border height="100%"
+                              style="width: 100%;">
+                        <el-table-column type="selection" width="40" align="center"></el-table-column>
+                        <el-table-column label="维度顺序" prop="sort" align="center" sortable
+                                         width="150">
+                        </el-table-column>
+                        <el-table-column label="维度名称" prop="dimName"></el-table-column>
+                        <el-table-column label="维度说明" prop="mark"></el-table-column>
+                        <el-table-column label="启用状态" prop="isUse" align="center" width="150">
+                            <template slot-scope="scope">
+                                <el-tag :type="isUseColor[scope.row.isUse]">{{isUseObj[scope.row.isUse]}}</el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="操作" align="center" width="200">
+                            <template slot-scope="scope">
+                                <el-button size="small" icon="el-icon-edit" type="primary"
+                                           @click="update(scope.row)">
+                                    编辑
+                                </el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-main>
+            </el-container>
+
+        </el-main>
+        <el-footer>
+            <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-dialog :close-on-click-modal=false height="80%" class="formDialog" top="8vh" width="85%" title="组织维度信息"
+                   :visible.sync="crud.dialogVisible" lock-scroll
+                   center>
+            <el-form :ref="crud.addFormRef" :model="crud.formData" class="crudForm" :rules="rules">
+                <el-row>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item label="维度名称"
+                                      :label-width="formLabelWidth"
+                                      prop="dimName">
+                            <el-input
+                                    v-model="crud.formData.dimName">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item label="维度顺序" :label-width="formLabelWidth"
+                                      :rules="[
+                                                {
+                                                    required: true,
+                                                    message: '请输入维度顺序',
+                                                    trigger: 'blur'
+                                                }
+                                              ]"
+                                      prop="sort">
+                            <el-input-number :min="1" size="medium" v-model="crud.formData.sort"></el-input-number>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item label="是否启用" :label-width="formLabelWidth"
+                                      prop="isUse">
+                            <el-switch
+                                    v-model="crud.formData.isUse"
+                                    active-text="启用"
+                                    inactive-text="禁用"
+                                    active-value="1"
+                                    inactive-value="0">
+                            </el-switch>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item label="机构名称"
+                                      :label-width="formLabelWidth"
+                                      prop="ognName">
+                            <el-input v-model="crud.formData.ognName"></el-input>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item label="部门名称"
+                                      :label-width="formLabelWidth"
+                                      prop="deptName">
+                            <el-input v-model="crud.formData.deptName"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item label="岗位名称"
+                                      :label-width="formLabelWidth"
+                                      prop="posName">
+                            <el-input v-model="crud.formData.posName"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item
+                                label="机构展开图标"
+                                :label-width="formLabelWidth"
+                                prop="ognOpenIcon">
+                            <el-button @click="chooseIcon('ognOpenIcon')">
+                                <i :class="crud.formData.ognOpenIcon || 'saspiconfont pl-icon-tuxiang'"></i>
+                            </el-button>
+                            <el-button @click="clearIcon('ognOpenIcon')">清空</el-button>
+                            <el-input v-model="crud.formData.ognOpenIcon" v-show="false"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item
+                                label="机构收起图标"
+                                :label-width="formLabelWidth"
+                                prop="ognCloseIcon">
+                            <el-button @click="chooseIcon('ognCloseIcon')">
+                                <i :class="crud.formData.ognCloseIcon || 'saspiconfont pl-icon-tuxiang'"></i>
+                            </el-button>
+                            <el-button @click="clearIcon('ognCloseIcon')">清空</el-button>
+                            <el-input v-model="crud.formData.ognCloseIcon" v-show="false"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item
+                                label="部门展开图标"
+                                :label-width="formLabelWidth"
+                                prop="deptOpenIcon">
+                            <el-button @click="chooseIcon('deptOpenIcon')">
+                                <i :class="crud.formData.deptOpenIcon || 'saspiconfont pl-icon-tuxiang'"></i>
+                            </el-button>
+                            <el-button @click="clearIcon('deptOpenIcon')">清空</el-button>
+                            <el-input v-model="crud.formData.deptOpenIcon" v-show="false"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item
+                                label="部门收起图标"
+                                :label-width="formLabelWidth"
+                                prop="deptCloseIcon">
+                            <el-button @click="chooseIcon('deptCloseIcon')">
+                                <i :class="crud.formData.deptCloseIcon || 'saspiconfont pl-icon-tuxiang'"></i>
+                            </el-button>
+                            <el-button @click="clearIcon('deptCloseIcon')">清空</el-button>
+                            <el-input v-model="crud.formData.deptCloseIcon" v-show="false"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item
+                                label="岗位图标"
+                                :label-width="formLabelWidth"
+                                prop="posIcon">
+                            <el-button @click="chooseIcon('posIcon')">
+                                <i :class="crud.formData.posIcon || 'saspiconfont pl-icon-tuxiang'"></i>
+                            </el-button>
+                            <el-button @click="clearIcon('posIcon')">清空</el-button>
+                            <el-input v-model="crud.formData.posIcon" v-show="false"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item
+                                label="主岗位图标"
+                                :label-width="formLabelWidth"
+                                prop="posMainIcon">
+                            <el-button @click="chooseIcon('posMainIcon')">
+                                <i :class="crud.formData.posMainIcon || 'saspiconfont pl-icon-tuxiang'"></i>
+                            </el-button>
+                            <el-button @click="clearIcon('posMainIcon')">清空</el-button>
+                            <el-input v-model="crud.formData.posMainIcon" v-show="false"></el-input>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item label="关闭部门"
+                                      :label-width="formLabelWidth"
+                                      prop="closeDept">
+                            <div v-if="crud.formData.closeDept === false">
+                                <el-radio-group
+                                        size="medium"
+                                        v-model="crud.formData.closeDept"
+                                        fill="gray">
+                                    <el-radio-button :label=true>是</el-radio-button>
+                                    <el-radio-button :label=false>否</el-radio-button>
+                                </el-radio-group>
+                            </div>
+                            <div v-else>
+                                <el-radio-group
+                                        size="medium"
+                                        v-model="crud.formData.closeDept">
+                                    <el-radio-button :label=true>是</el-radio-button>
+                                    <el-radio-button :label=false>否</el-radio-button>
+                                </el-radio-group>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item label="关闭岗位" :label-width="formLabelWidth"
+                                      prop="closePos">
+                            <div v-if="crud.formData.closePos === false">
+                                <el-radio-group
+                                        size="medium"
+                                        v-model="crud.formData.closePos" fill="gray">
+                                    <el-radio-button :label=true>是</el-radio-button>
+                                    <el-radio-button :label=false>否</el-radio-button>
+                                </el-radio-group>
+                            </div>
+                            <div v-else>
+                                <el-radio-group
+                                        size="medium"
+                                        v-model="crud.formData.closePos">
+                                    <el-radio-button :label=true>是</el-radio-button>
+                                    <el-radio-button :label=false>否</el-radio-button>
+                                </el-radio-group>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item label="关闭主岗位" :label-width="formLabelWidth"
+                                      prop="closeMainPos">
+                            <div v-if="crud.formData.closeMainPos === false">
+                                <el-radio-group
+                                        size="medium"
+                                        v-model="crud.formData.closeMainPos"
+                                        fill="gray">
+                                    <el-radio-button :label=true>是</el-radio-button>
+                                    <el-radio-button :label=false>否</el-radio-button>
+                                </el-radio-group>
+                            </div>
+                            <div v-else>
+                                <el-radio-group
+                                        size="medium"
+                                        v-model="crud.formData.closeMainPos">
+                                    <el-radio-button :label=true>是</el-radio-button>
+                                    <el-radio-button :label=false>否</el-radio-button>
+                                </el-radio-group>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item label="组织岗位是否可添加用户" :label-width="formLabelWidth"
+                                      prop="allowAddUser">
+                            <div v-if="crud.formData.allowAddUser === false">
+                                <el-radio-group
+                                        v-model="crud.formData.allowAddUser"
+                                        size="medium"
+                                        fill="gray">
+                                    <el-radio-button :label=true>是</el-radio-button>
+                                    <el-radio-button :label=false>否</el-radio-button>
+                                </el-radio-group>
+                            </div>
+                            <div v-else>
+                                <el-radio-group
+                                        v-model="crud.formData.allowAddUser"
+                                        size="medium">
+                                    <el-radio-button :label=true>是</el-radio-button>
+                                    <el-radio-button :label=false>否</el-radio-button>
+                                </el-radio-group>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item label="可选用户类型" :label-width="formLabelWidth"
+                                      prop="chooseUserType">
+                            <el-select v-model="crud.formData.chooseUserType" size="medium" clearable
+                                       placeholder="请选择">
+                                <el-option
+                                        v-for="item in userType"
+                                        :key="item.key"
+                                        :label="item.value"
+                                        :value="item.key">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <!--<el-col :md="12" :lg="8" :xl="6">-->
+                        <!--<el-form-item label="是否关联角色类型" :label-width="formLabelWidth"-->
+                                      <!--prop="openRoleType">-->
+                            <!--<div v-if="crud.formData.openRoleType === false">-->
+                                <!--<el-radio-group-->
+                                        <!--@change="openRoleTypeChanged"-->
+                                        <!--v-model="crud.formData.openRoleType"-->
+                                        <!--size="medium"-->
+                                        <!--fill="gray">-->
+                                    <!--<el-radio-button :label=true>是</el-radio-button>-->
+                                    <!--<el-radio-button :label=false>否</el-radio-button>-->
+                                <!--</el-radio-group>-->
+                            <!--</div>-->
+                            <!--<div v-else>-->
+                                <!--<el-radio-group-->
+                                        <!--@change="openRoleTypeChanged"-->
+                                        <!--v-model="crud.formData.openRoleType"-->
+                                        <!--size="medium">-->
+                                    <!--<el-radio-button :label=true>是</el-radio-button>-->
+                                    <!--<el-radio-button :label=false>否</el-radio-button>-->
+                                <!--</el-radio-group>-->
+                            <!--</div>-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                    <!--<el-col :md="12" :lg="8" :xl="6">-->
+                        <!--<el-form-item label="角色类型名" :label-width="formLabelWidth"-->
+                                      <!--prop="roleTypeName">-->
+                            <!--<el-input v-model="crud.formData.roleTypeName"-->
+                                      <!--:disabled="!crud.formData.openRoleType"-->
+                                      <!--placeholder="若输入请开启关联角色类型"></el-input>-->
+                        <!--</el-form-item>-->
+                    <!--</el-col>-->
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item label="是否关联菜单归属" :label-width="formLabelWidth"
+                                      prop="openMenuLocal">
+                            <div v-if="crud.formData.openMenuLocal === false">
+                                <el-radio-group
+                                        @change="openMenuLocalChanged"
+                                        v-model="crud.formData.openMenuLocal"
+                                        size="medium"
+                                        fill="gray">
+                                    <el-radio-button :label=true>是</el-radio-button>
+                                    <el-radio-button :label=false>否</el-radio-button>
+                                </el-radio-group>
+                            </div>
+                            <div v-else>
+                                <el-radio-group
+                                        @change="openMenuLocalChanged"
+                                        v-model="crud.formData.openMenuLocal"
+                                        size="medium">
+                                    <el-radio-button :label=true>是</el-radio-button>
+                                    <el-radio-button :label=false>否</el-radio-button>
+                                </el-radio-group>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :md="12" :lg="8" :xl="6">
+                        <el-form-item label="菜单归属名" :label-width="formLabelWidth"
+                                      prop="menuLocalName">
+                            <el-input v-model="crud.formData.menuLocalName"
+                                      :disabled="!crud.formData.openMenuLocal"
+                                      placeholder="若输入请开启菜单归属"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                        <el-form-item label="用户默认条件"
+                                      :label-width="formLabelWidth"
+                                      prop="userSelectDefaultParams">
+                            <el-input type="textarea"
+                                      v-model="crud.formData.userSelectDefaultParams"
+                                      :rows="4"
+                                      placeholder="例:{'qyzcqk':'3','sfswqy':'0'}">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                        <el-form-item label="组织默认条件"
+                                      :label-width="formLabelWidth"
+                                      prop="orgSelectDefaultParams">
+                            <el-input type="textarea"
+                                      v-model="crud.formData.orgSelectDefaultParams"
+                                      :rows="4"
+                                      placeholder="例:{'rootArea':'LOGINUSERDEPT.areaCode'}">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                        <el-form-item label="维度说明"
+                                      :label-width="formLabelWidth"
+                                      prop="mark">
+                            <el-input type="textarea"
+                                      v-model="crud.formData.mark"
+                                      :rows="2">
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="formSubmit()" size="small" icon="el-icon-success">确 定</el-button>
+                <el-button @click="crud.dialogVisible = false" size="small" icon="el-icon-error">取 消</el-button>
+            </div>
+        </el-dialog>
+
+        <el-dialog :close-on-click-modal=false :visible.sync="iconDialog" class="font-dialog" title="选择图标" width="85%"
+                   height="80%" top="8vh" :modal=false>
+            <font-icon :callback="getIcon"></font-icon>
+        </el-dialog>
+    </el-container>
+</template>
+
+<script>
+    import {FontIcon} from 'sasp-base';
+
+    export default {
+        name: "sys-org-dimension",
+        components: {FontIcon},
+        data() {
+            let validateDimName = (rule, value, callback) => {
+                if (this.crud.formData.dimName) {
+                    if (!this.beforeSubmit(this.crud.formData, this.crud.vue)) {
+                        callback(new Error('组织维度名称重复'))
+                    } else {
+                        callback();
+                    }
+
+                } else {
+                    callback();
+                }
+            };
+            let validateMenuLocalName = (rule, value, callback) => {
+                if (this.crud.formData.menuLocalName) {
+                    if (!this.beforeSubmit(this.crud.formData, this.crud.vue)) {
+                        callback(new Error('菜单归属名称重复'))
+                    } else {
+                        callback();
+                    }
+
+                } else {
+                    callback();
+                }
+            };
+            return {
+                crud: new this.CrudUtil({
+                    vue: this,
+                    entityName: "sysOrgDimension",
+                    url: this.api.sysOrgDimension.url,
+                    searchForm:{'order':"sort asc"},
+                    noClearSearchColumns:['order'],
+                    addDefaultData: {
+                        closeDept: false,
+                        closePos: false,
+                        closeMainPos: false,
+                        openRoleType: false,
+                        openMenuLocal: false,
+                        allowAddUser:false,
+                        isUse: '0'
+                    }
+                }),
+                dimensionArr: [], //组织维度初始化数据
+                formLabelWidth: '170px',
+                rules: {
+                    dimName: [
+                        {required: true, message: '请输入维度名称', trigger: 'blur'},
+                        {validator: validateDimName, trigger: 'blur'}
+                    ],
+                    menuLocalName: [
+                        {validator: validateMenuLocalName, trigger: 'blur'}
+                    ]
+                },
+                userType: [], //可选用户类型
+                iconDialog: false,
+                currentIconProp: "", // 当前选中的图标是哪个
+                isUseColor: {
+                    '1': 'success',
+                    '0': 'danger'
+                },
+                isUseObj: {
+                    '1': '启用',
+                    '0': '禁用'
+                }
+            };
+        },
+        watch: {},
+        created() {
+            this.init();
+            this.initUserType();//初始化用户类型
+        },
+        methods: {
+            init() {
+                let vm = this;
+                vm.dimensionArr = [];
+                vm.axios.post(vm.api.sysOrgDimension.find).then((res) => {
+                    /**
+                     * 格式说明(不配置则使用默认):
+                     {
+                            "closeDept":false, // 设置为true时此维度下不包含部门(左侧组织树只有机构)
+                            "ognName":"", // 定义机构名称
+                            "deptName":"", // 定义部门名称
+                            "posName":"", // 定义岗位名称
+                            "ognOpenIcon":"", // 树中组织展开时使用的图标
+                            "ognCloseIcon":"", // 树中组织展开时使用的图标
+                            "deptOpenIcon":"", // 树中组织展开时使用的图标
+                            "deptCloseIcon":"", // 树中组织展开时使用的图标
+                            "closePos":false, // 关闭岗位
+                            "closeMainPos":false, // 关闭主岗位
+                            "posIcon":"", // 岗位图标
+                            "posMainIcon":"", // 主岗位图标
+                            "chooseUserType":"", // 可选择的用户类型(默认可选择所有类型用户,如设置ent就只可以选择ent)
+                            "userSelectDefaultParams":{}, // 通过组织岗位用户选择插件时用户的默认带上的查询条件（目前用于过滤有效企业）
+                            "orgSelectDefaultParams":{}   // 通过组织岗位用户选择插件时组织的默认带上的查询条件
+                            "openRoleType":false, //是否开启角色权限
+                            "openMenuLocal":false, //是否开启菜单归属
+                            "roleTypeName":"", //角色权限名
+                            'menuLocalName":"", //菜单归属名
+                        }
+                     */
+                    let data = res.data;
+                    for (let item of data) {
+                        let obj = {};
+                        obj['id'] = item.id;
+                        obj['dimName'] = item.dimName;
+                        obj['isUse'] = item.isUse;
+                        obj['sort'] = Number(item.sort);
+                        obj['mark'] = item.mark;
+                        let dimSpec = JSON.parse(item.dimSpec || "{}");
+                        Object.keys(dimSpec).forEach((key) => {
+                            obj[key] = dimSpec[key];
+                        });
+                        if (obj['userSelectDefaultParams'] !== undefined) {
+                            obj['userSelectDefaultParams'] = JSON.stringify(obj['userSelectDefaultParams']);
+                        }
+                        if (obj['orgSelectDefaultParams'] !== undefined) {
+                            obj['orgSelectDefaultParams'] = JSON.stringify(obj['orgSelectDefaultParams']);
+                        }
+                        vm.dimensionArr.push(obj);
+                    }
+                })
+            },
+            initUserType() {
+                let vm = this;
+                vm.axios.post(vm.api.param.getSysParams, {'key': 'SysUserType'}).then((res) => {
+                    if (res.data !== null) {
+                        let userTypeObj = res.data;
+                        if(typeof (res.data) == "string"){
+                            userTypeObj = JSON.parse(vm.platStringUtil.replaceAll(res.data,"'","\""));
+                        }
+                        Object.keys(userTypeObj).forEach((key) => {
+                            let obj = {};
+                            obj['key'] = key;
+                            obj['value'] = userTypeObj[key];
+                            vm.userType.push(obj)
+                        });
+                    }
+                })
+            },
+            update(row) {
+                let vm = this;
+                let arr = ["closeDept","closePos","closeMainPos","openRoleType","openMenuLocal","allowAddUser"];
+                for (let item of vm.dimensionArr) {
+                    if (row.id == item.id) {
+                        arr.forEach(key => {
+                           item[key] = (item[key] && item[key] != "false");
+                        });
+                        vm.crud.formData = Object.assign({}, item);
+                    }
+                }
+                vm.crud.dialogVisible = true;
+                vm.crud.optCode = "update";
+                vm.crud.clearFormValidate();
+            },
+            beforeSubmit(formData, vm) {
+                for (let item of vm.dimensionArr) {
+                    if (formData.id !== item.id) {
+                        //组织维度名重复验证
+                        if (formData.dimName === item.dimName) {
+                            return false;
+                        }
+                        //菜单归属名重复验证
+                        if (formData.menuLocalName !== undefined) {
+                            if (formData.menuLocalName === item.menuLocalName) {
+                                return false;
+                            }
+                        }
+                    }
+                }
+                return true;
+            },
+            formSubmit() {
+                let vm = this;
+                let dimSpec = {};
+                const dimSpecParam = [
+                    'closeDept',
+                    'ognName',
+                    'deptName',
+                    'posName',
+                    'ognOpenIcon',
+                    'ognCloseIcon',
+                    'deptOpenIcon',
+                    'deptCloseIcon',
+                    'closePos',
+                    'closeMainPos',
+                    'posIcon',
+                    'posMainIcon',
+                    'chooseUserType',
+                    'openRoleType',
+                    'openMenuLocal',
+                    'allowAddUser',
+                    'roleTypeName',
+                    'menuLocalName',
+                    'userSelectDefaultParams',
+                    'orgSelectDefaultParams'
+                ];
+                vm.$refs[vm.crud.setting.addFormRef].validate((valid) => {
+                    if (!valid) {
+                        return;
+                    }
+                    if (!vm.crud.beforeSubmit(vm.crud.formData, vm.crud.vue)) {
+                        return;
+                    }
+                    let url = vm.crud.optCode === "add" ? vm.crud.setting.addUrl : vm.crud.setting.updateUrl;
+                    let formData = {};
+                    let notSubmitCols = new Set(["createTime", "updateTime"]);
+
+                    Object.keys(vm.crud.formData).forEach((key) => {
+                        if (dimSpecParam.indexOf(key) != -1) {
+                            dimSpec[key] = vm.crud.formData[key];
+                        }
+                        (!notSubmitCols.has(key)) && (formData[key] = vm.crud.formData[key]);
+                    });
+
+                    vm.crud.formData['dimSpec'] = dimSpec;
+                    formData['dimSpec'] = JSON.stringify(dimSpec);
+                    vm.crud.axios.post(url, formData).then((res) => {
+                        vm.crud.vue.$message({
+                            duration: 1000,
+                            type: 'success',
+                            message: res.data.operateMessage
+                        });
+                        vm.crud.dialogVisible = false;
+                        vm.crud.search();
+
+                        if (vm.crud.optCode === "add") {
+                            vm.crud.afterAdd && vm.crud.afterAdd(vm.crud.formData, vm.crud.vue);
+                            vm.crud.formData['id'] = res.data.operateObj.id;
+                            vm.dimensionArr.push(vm.crud.formData);
+                        } else {
+                            vm.crud.afterUpdate && vm.crud.afterUpdate(vm.crud.formData, vm.crud.vue);
+                        }
+                        vm.crud.afterSubmit && vm.crud.afterSubmit(vm.crud.formData, vm.crud.vue);
+                    });
+
+                });
+
+                for (let i in vm.dimensionArr) {
+                    if (vm.crud.formData.id === vm.dimensionArr[i].id) {
+                        if (!vm.compare(vm.dimensionArr[i], vm.crud.formData)) {
+                            vm.dimensionArr[i] = Object.assign({}, vm.crud.formData)
+                        }
+                    }
+                }
+            },
+            add() {
+                let vm = this;
+                vm.crud.formData = Object.assign({}, (vm.crud.addDefaultData || {}));
+                vm.crud.dialogVisible = true;
+                vm.crud.optCode = "add";
+                vm.crud.clearFormValidate();
+            },
+            remove() {
+                let vm = this;
+                let crud = vm.crud;
+
+                let selection = crud.vue.$refs[crud.setting.tableRef].selection;
+                if ((selection || []).length === 0) {
+                    vm.$message({
+                        duration: 1500,
+                        type: 'info',
+                        message: '请至少选择一条需要删除的数据！'
+                    });
+                    return;
+                }
+                let arrIds = [];
+                selection.forEach(function (data) {
+                    arrIds.push(data.id);
+                });
+                this.axios.post(this.api.sysOrg.count, {
+                    'orgDims': arrIds.join(',')
+                }).then(res => {
+                    let {data} = res;
+                    if (data > 0) {
+                        this.$message({
+                            duration: 3500,
+                            type: 'warning',
+                            message: '所选组织维度下包含组织关联岗位等信息，请先移步组织岗位管理删除相关信息后再删除'
+                        });
+                    } else {
+                        vm.$confirm('是否确定删除选择的“' + selection.length + '”条数据?', '警告', {
+                            confirmButtonText: '确定',
+                            cancelButtonText: '取消',
+                        }).then(function () {
+                            crud.axios.post(crud.setting.deleteUrl, {
+                                'ids': arrIds.join(',')
+                            }).then((response) => {
+                                vm.$message({
+                                    type: 'success',
+                                    message: response.data.operateMessage
+                                });
+                                crud.search();
+                                for (let i = 0; i < vm.dimensionArr.length; i++) {
+                                    if (arrIds.indexOf(vm.dimensionArr[i].id) > -1) {
+                                        vm.dimensionArr.splice(i, 1);
+                                    }
+                                }
+                            });
+                        });
+                    }
+                });
+            },
+            //角色类型名清空
+            openRoleTypeChanged(value) {
+                let vm = this;
+                if (!value) {
+                    vm.crud.formData['roleTypeName'] = '';
+                    delete vm.crud.formData['roleTypeName']
+                }
+            },
+            //菜单归属名清空
+            openMenuLocalChanged(value) {
+                let vm = this;
+                if (!value) {
+                    vm.crud.formData['menuLocalName'] = '';
+                    delete vm.crud.formData['menuLocalName']
+                }
+            },
+            getIcon(icon) { // 获取回调的图标
+                let vm = this;
+                if(icon.startsWith("el-icon-")){
+                    vm.crud.formData[vm.currentIconProp] = icon;
+                }else{
+                    vm.crud.formData[vm.currentIconProp] = "saspiconfont " + icon;
+                }
+                vm.iconDialog = false;
+            },
+            chooseIcon(prop) { // 选择图标
+                let vm = this;
+                vm.currentIconProp = prop;
+                vm.iconDialog = true;
+            },
+            clearIcon(prop) { // 清空图标
+                let vm = this;
+                vm.crud.formData[prop] = "";
+                vm.$forceUpdate();
+            },
+            compareArray(a, b) {
+                if (a.length !== b.length) {
+                    return false;
+                }
+                const length = a.length;
+                for (let i = 0; i < length; i++) {
+                    if (!this.compare(a[i], b[i])) {
+                        return false;
+                    }
+                }
+
+                return true;
+            },
+            compareObject(a, b) {
+                const keyA = Object.keys(a);
+                const keyB = Object.keys(b);
+
+                if (keyA.length !== keyB.length) {
+                    return false;
+                }
+
+                return keyA.every(key => {
+                    return this.compare(a[key], b[key]);
+                });
+            },
+            compare(a, b) {
+                if (a === b) {
+                    return true;
+                }
+
+                if (typeof a !== typeof b || a === null || b === null) {
+                    return false;
+                }
+                //判断对象里面的数组是否相等
+                if (Array.isArray(a)) {
+                    if (!Array.isArray(b)) {
+                        return false;
+                    }
+                    return this.compareArray(a, b);
+                }
+
+                if (typeof a === "object") {
+                    return this.compareObject(a, b);
+                }
+
+                return false;
+            },
+        }
+    }
+</script>
+
+<style scoped>
+    .formDialog /deep/ .el-dialog__body {
+        height: calc(100% - 16px);
+        box-sizing: border-box;
+        padding-right: 0;
+        padding-top: 0;
+    }
+
+    .formDialog form {
+        padding-top: 15px;
+        box-sizing: border-box;
+    }
+
+    .crudForm {
+        width: 100%;
+        height: calc(100% - 65px);
+        overflow: auto;
+        padding-right: 20px;
+        box-sizing: border-box;
+    }
+
+    .font-dialog /deep/ .el-dialog__body {
+        padding: 0;
+        height: calc(100% - 50px);
+    }
+</style>