sasp-admin 0.2.57

package/src/views/urlResource/urlResource.vue

@@ -0,0 +1,856 @@
+<template>
+    <el-container style="height: 100%">
+        <el-header style="height: auto">
+            <div class="search-form-parent el-card" style="padding-left:10px;padding-right:10px">
+                <el-form size="small" :inline="true"
+                         @keyup.enter.native="crud.doSearch()" onSubmit="return false;">
+                    <el-form-item label="功能名称" label-width="80px">
+                        <el-input placeholder="请输入" v-model="crud.searchForm.functionName"></el-input>
+                    </el-form-item>
+                    <el-form-item label="功能地址" label-width="80px">
+                        <el-input placeholder="请输入" v-model="crud.searchForm.functionUrl"></el-input>
+                    </el-form-item>
+                    <el-form-item label="功能类别" label-width="80px">
+                        <el-select placeholder="请选择" v-model="crud.searchForm.functionType" clearable>
+                            <el-option
+                                    v-for="item in functionTypeArr"
+                                    :key="item"
+                                    :label="item"
+                                    :value="item">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-button type="primary" icon="el-icon-search" size="small" style="margin-top: 5px" @click="crud.doSearch()">查询</el-button>
+                    <el-button icon="el-icon-close" size="small" style="margin-top: 5px" @click="crud.resetSearch()">清空</el-button>
+                </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;" size="small">
+                    <el-button type="primary" @click="addUrlResource()" round size="small" icon="el-icon-circle-plus">新增</el-button>
+                    <el-button type="danger" @click="removeResource()" round size="small" icon="el-icon-delete">删除</el-button>
+                    <el-button type="warning" @click="resreshResource()" round size="small" icon="el-icon-refresh-right">刷新资源池</el-button>
+                </el-header>
+                <el-main style="height:100%">
+                    <el-table :data="crud.dataStore.records" :ref="crud.tableRef" stripe border height="100%" style="width: 100%;"
+                              header-row-class-name="list-default-row">
+                        <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="functionName" width="200"></el-table-column>
+                        <el-table-column label="功能地址" prop="functionUrl" width="400"></el-table-column>
+                        <el-table-column label="功能类别" align="center" prop="functionType" width="100"></el-table-column>
+                        <el-table-column label="操作权限" prop="permissionsAction" ></el-table-column>
+                        <el-table-column label="数据权限" prop="permissionsData" ></el-table-column>
+                        <el-table-column label="功能顺序" align="center" prop="functionOrder" width="80"></el-table-column>
+                        <el-table-column label="操作" align="center" width="150">
+                            <template slot-scope="scope">
+                                    <el-button size="small" icon="el-icon-edit" type="primary" @click="updateData(scope.row,scope.$index)">
+                                        修改
+                                    </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 :visible.sync="dialogVisible" height="96%" width="70%" :title="urlTitle" top="20px" :before-close="closeDialog">
+            <el-container>
+                <!--基础信息块-->
+                <el-header style="height: 340px;margin-top: -5px;">
+                    <h1 style="text-align: center;margin-bottom: 10px;padding-bottom: 10px;font-size:18px;">基础信息</h1>
+                    <el-form label-width="80px" :model="baseInfoObj" :rules="baseInfoRules" ref="baseInfoObj">
+                        <el-row>
+                            <el-col :span="11">
+                                <el-form-item label="功能名称" prop="functionName">
+                                    <el-input v-model="baseInfoObj.functionName"></el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12" :offset="1">
+                                <el-form-item label="功能分类" prop="functionType">
+                                    <el-select style="width: 100%" v-model="baseInfoObj.functionType" filterable remote :remote-method="remoteFunctionType">
+                                        <el-option
+                                                v-for="item in functionTypeArr"
+                                                :key="item"
+                                                :label="item"
+                                                :value="item">
+                                        </el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row>
+                            <el-col :span="11">
+                                <el-form-item label="链接地址" prop="functionUrl">
+                                    <el-input v-model="baseInfoObj.functionUrl" placeholder="外部链接请加上https://或http://"></el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12" :offset="1">
+                                <el-form-item label="功能顺序" prop="functionOrder">
+                                    <el-input v-model="baseInfoObj.functionOrder"></el-input>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-form-item label="备注信息" style="margin-bottom: 0px">
+                            <el-input type="textarea" :rows="6" v-model="baseInfoObj.notes"></el-input>
+                        </el-form-item>
+                    </el-form>
+                </el-header>
+                <!--权限信息块-->
+                <el-main style="margin-top:-30px;width: 100%;padding-bottom: 0px;">
+                    <h1 style="text-align: center;margin-bottom: 10px;padding-bottom: 10px;font-size:18px;">权限信息</h1>
+                    <el-row>
+                        <!--操作权限块-->
+                        <el-col :span="11">
+                            <div class="el-card is-always-shadow" style="width:100%;padding: 0px;height: 340px;margin-left: 30px">
+                                <el-container>
+                                    <el-header
+                                            style="height: auto;border-bottom: solid #f2f2f2;border-bottom-width: 1px;padding-top: 10px;padding-bottom: 10px;">
+                                        <el-form :inline="true">
+                                            <el-form-item label="操作权限" size="mini" style="margin-bottom: 0px"></el-form-item>
+                                            <el-button type="danger" size="mini" round @click="delActionMethod"
+                                                       style="float: right;margin-right: 5px">删除
+                                            </el-button>
+                                            <el-popover placement="bottom" width="300" v-model="addActionFastMethodShow">
+                                                <el-select v-model="addActionFastIndex" placeholder="请选择" multiple style="width: 300px;padding-top: 15px;padding-bottom: 20px"
+                                                           size="small">
+                                                    <el-option
+                                                            v-for="(item,index) in addActionFastMethodDefault"
+                                                            :label="item.code+'-'+item.name"
+                                                            :value="index"
+                                                            :key="index"
+                                                            :disabled="item.tag">
+                                                    </el-option>
+                                                </el-select>
+                                                <div style="text-align: center; margin: 0">
+                                                    <el-button type="primary" size="mini" @click="addFastActionMethod()">确定</el-button>
+                                                    <el-button size="mini"  @click="addActionFastMethodShow = false">取消</el-button>
+                                                </div>
+                                                <el-button type="primary" size="mini" round
+                                                           style="float: right;margin-right: 10px"
+                                                           slot="reference">快速引入
+                                                </el-button>
+                                            </el-popover>
+                                            <el-popover placement="bottom" width="300" v-model="addActionMethodShow">
+                                                <el-form :inline="true" size="small" :model="actionObj" :rules="addActionRules" ref="addActionRules">
+                                                    <el-form-item style="width: 30% " prop="code">
+                                                        <el-input placeholder="权限码" v-model="actionObj.code"></el-input>
+                                                    </el-form-item>
+                                                    <el-form-item style="width: 30%"  prop="name">
+                                                        <el-input placeholder="权限名称" v-model="actionObj.name"></el-input>
+                                                    </el-form-item>
+                                                    <el-form-item style="width: 30%" prop="order" :validate-event="false">
+                                                        <el-input placeholder="顺序号" v-model="actionObj.order" :validate-event="false"></el-input>
+                                                    </el-form-item>
+                                                <div style="text-align: center; margin: 0">
+                                                    <el-button type="primary" size="mini"  @click="addActionMethod('addActionRules')">确定</el-button>
+                                                    <el-button size="mini"  @click="addActionMethodShow = false">取消</el-button>
+                                                </div>
+                                                </el-form>
+                                                <el-button type="primary" size="mini" round
+                                                           style="float: right;margin-right: 10px"
+                                                           slot="reference" @click="openActionPopver()">添加
+                                                </el-button>
+                                            </el-popover>
+                                        </el-form>
+                                    </el-header>
+                                    <el-main style="padding-top: 10px;padding-bottom: 0px;">
+                                        <el-table border size="mini" height="260px" :data="actionObjArr" ref="actionObjArrTbale" stripe border style="width: 100%"
+                                                  header-row-class-name="list-default-row ">
+                                            <el-table-column  type="selection" align="center"></el-table-column>
+                                            <el-table-column  type="index" label="序号" align="center"></el-table-column>
+                                            <el-table-column  label="权限码" prop="code" align="center">
+                                                <template slot-scope="scope">
+                                                    <span v-if="isActionNotEdit(scope.row,scope.$index)" style="text-align: center">{{scope.row.code}}</span>
+                                                    <el-input v-if="isActionEdit(scope.row,scope.$index)" v-model="scope.row.code" size="mini"></el-input>
+                                                </template>
+                                            </el-table-column>
+                                            <el-table-column  label="权限名称"  prop="name" align="center">
+                                                <template slot-scope="scope">
+                                                    <span v-if="isActionNotEdit(scope.row,scope.$index)" style="text-align: center">{{scope.row.name}}</span>
+                                                    <el-input v-if="isActionEdit(scope.row,scope.$index)" v-model="scope.row.name" size="mini"></el-input>
+                                                </template>
+                                            </el-table-column>
+                                            <el-table-column  label="顺序"  prop="order" align="center">
+                                                <template slot-scope="scope">
+                                                    <span v-if="isActionNotEdit(scope.row,scope.$index)" style="text-align: center">{{scope.row.order}}</span>
+                                                    <el-input v-if="isActionEdit(scope.row,scope.$index)" v-model="scope.row.order" size="mini"></el-input>
+                                                </template>
+                                            </el-table-column>
+                                            <el-table-column label="操作" align="center" >
+                                                <template slot-scope="scope">
+                                                    <el-button icon="el-icon-edit" v-if="isActionNotEdit(scope.row,scope.$index)" type="primary" size="mini" @click="clickActionEdit(scope.$index)" style="font-size: 8px;margin-right: 5px"> 修改</el-button>
+                                                    <i class="el-icon-circle-check" title="保存" style="font-size:25px;margin-right: 10px;cursor: pointer;color:#409eff;"
+                                                       v-if="isActionEdit(scope.row,scope.$index)" @click="clickActionEditSave(scope.row,scope.$index)"></i>
+                                                    <i class="el-icon-circle-close" title="取消" style="font-size:25px;margin-left: 10px;cursor: pointer"
+                                                       v-if="isActionEdit(scope.row,scope.$index)" @click="clickActionEditClose()"></i>
+                                                </template>
+                                            </el-table-column>
+                                        </el-table>
+                                    </el-main>
+                                </el-container>
+                            </div>
+                        </el-col>
+                        <!--数据权限块-->
+                        <el-col :span="11">
+                            <div class="el-card is-always-shadow" style="width:100%;height: 340px;padding: 0px;margin-right: 30px;margin-left: 80px">
+                                <el-container>
+                                    <el-header
+                                            style="height: auto;border-bottom: solid #f2f2f2;border-bottom-width: 1px;padding-top: 10px;padding-bottom: 10px">
+                                        <el-form :inline="true">
+                                            <el-form-item label="数据权限" size="mini" style="margin-bottom: 0px"></el-form-item>
+                                            <el-button type="danger" size="mini" round @click="delDataMethod"
+                                                       style="float: right;margin-right: 5px">删除
+                                            </el-button>
+                                            <el-popover placement="bottom" width="300" v-model="addDataMethodShow">
+                                                <el-form :inline="true" size="small" :model="dataObj" :rules="addDataRules" ref="addDataRules">
+                                                    <el-form-item style="width: 30% " prop="code">
+                                                        <el-input placeholder="权限码" v-model="dataObj.code"></el-input>
+                                                    </el-form-item>
+                                                    <el-form-item style="width: 30%"  prop="name">
+                                                        <el-input placeholder="权限名称" v-model="dataObj.name"></el-input>
+                                                    </el-form-item>
+                                                    <el-form-item style="width: 30%" prop="order">
+                                                        <el-input placeholder="顺序号" v-model="dataObj.order"></el-input>
+                                                    </el-form-item>
+                                                </el-form>
+                                                <div style="text-align: center; margin: 0">
+                                                    <el-button type="primary" size="mini" @click="addDataMethod('addDataRules')">确定</el-button>
+                                                    <el-button size="mini"  @click="addDataMethodShow = false">取消</el-button>
+                                                </div>
+                                                <el-button type="primary" size="mini" round
+                                                           style="float: right;margin-right: 10px"
+                                                           slot="reference" @click="openDataPopver">添加
+                                                </el-button>
+                                            </el-popover>
+                                        </el-form>
+                                    </el-header>
+                                    <el-main style="padding-top: 10px;padding-bottom: 0px">
+                                        <el-table border size="mini" height="260px" :data="dataObjArr" ref="dataObjArrTbale" stripe border style="width: 100%;"
+                                                  header-row-class-name="list-default-row">
+                                            <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="code" align="center">
+                                                <template slot-scope="scope">
+                                                    <span v-if="isDataNotEdit(scope.row,scope.$index)" style="text-align: center">{{scope.row.code}}</span>
+                                                    <el-input v-if="isDataEdit(scope.row,scope.$index)" v-model="scope.row.code" size="mini"></el-input>
+                                                </template>
+                                            </el-table-column>
+                                            <el-table-column label="权限名称"  prop="name" align="center">
+                                                <template slot-scope="scope">
+                                                    <span v-if="isDataNotEdit(scope.row,scope.$index)" style="text-align: center">{{scope.row.name}}</span>
+                                                    <el-input v-if="isDataEdit(scope.row,scope.$index)" v-model="scope.row.name" size="mini"></el-input>
+                                                </template>
+                                            </el-table-column>
+                                            <el-table-column label="顺序"  prop="order" align="center">
+                                                <template slot-scope="scope">
+                                                    <span v-if="isDataNotEdit(scope.row,scope.$index)" style="text-align: center">{{scope.row.order}}</span>
+                                                    <el-input v-if="isDataEdit(scope.row,scope.$index)" v-model="scope.row.order" size="mini"></el-input>
+                                                </template>
+                                            </el-table-column>
+                                            <el-table-column label="操作" align="center">
+                                                <template slot-scope="scope">
+                                                    <el-button icon="el-icon-edit" v-if="isDataNotEdit(scope.row,scope.$index)" type="primary" size="mini" @click="clickDataEdit(scope.$index)" style="font-size: 8px;margin-right: 5px"> 修改</el-button>
+                                                    <i class="el-icon-circle-check" style="font-size:25px;margin-right: 10px;cursor: pointer" v-if="isDataEdit(scope.row,scope.$index)" @click="clickDataEditSave(scope.row,scope.$index)"></i>
+                                                    <i class="el-icon-circle-close" style="font-size:25px;margin-left: 10px;cursor: pointer" v-if="isDataEdit(scope.row,scope.$index)" @click="clickDataEditClose"></i>
+                                                </template>
+                                            </el-table-column>
+                                        </el-table>
+                                    </el-main>
+                                </el-container>
+                            </div>
+                        </el-col>
+                    </el-row>
+                </el-main>
+            </el-container>
+            <div slot="footer" class="dialog-footer" style="text-align: center">
+                <el-button type="primary" @click="submitAdd('baseInfoObj')" size="small">保 存</el-button>
+                <el-button @click="closeDialog" size="small">取 消</el-button>
+            </div>
+        </el-dialog>
+    </el-container>
+</template>
+<script>
+    export default {
+        name: "url-resource",
+        data() {
+            let numberRules=(rule,value,callback) =>{
+                const reg = /^\+?([1-9][0-9]*)$/;
+                if(!reg.test(value)){
+                   callback(new Error('顺序必须为正整数!'));
+                }
+                callback();
+            };
+            let actionRules=(rule,value,callback) =>{
+                const reg = /^\+?([1-9][0-9]*)$/;
+                if(!reg.test(value)){
+                    callback(new Error('顺序必须为正整数!'));
+                }
+                // 判断 是否重复添加数据
+                let index=this.checkActionArr(this.actionObj);
+                if(index >= 0){
+                    callback(new Error('操作权限已存在'));
+                }
+                callback();
+            };
+            let dataRules=(rule,value,callback) =>{
+                const reg = /^\+?([1-9][0-9]*)$/;
+                if(!reg.test(value)){
+                    callback(new Error('顺序必须为正整数!'));
+                }
+                // 判断 是否重复添加数据
+                let index=this.checkDataArr(this.dataObj);
+                if(index >= 0){
+                    callback(new Error('数据权限已存在'));
+                }
+                callback();
+            };
+            return {
+                crud: new this.CrudUtil({
+                    vue: this,
+                    entityName: "urlResource",
+                    url: this.api.urlResource.url,
+                    searchForm: {
+                        order: 'FUNCTION_ORDER ASC',
+                    },
+                    afterRemoveSuccess:this.afterRemoveSuccess,
+                }),
+                dialogVisible: false,
+                functionTypeArr: [],
+                baseInfoObj: {
+                    "functionName":"",
+                    "functionUrl":"",
+                    "functionType":"",
+                    "functionOrder":"",
+                    "notes":"",
+                },
+                baseInfoRules:{
+                    functionName:[
+                        { required: true, message: '请输入功能名称', trigger: 'blur' },
+                    ],
+                    functionUrl:[
+                        { required: true, message: '请输入链接地址', trigger: 'blur' },
+                    ],
+                    functionType:[
+                        { required: true, message: '请选择功能分类', trigger: 'blur' },
+                    ],
+                    functionOrder:[
+                        { required: true, message: '请输入功能顺序', trigger: 'blur' },
+                        { validator: numberRules,trigger: 'blur'}
+                    ],
+                },
+                urlTitle:"添加URL资源",
+                // 操作权限相关数据
+                actionObj: {},
+                actionObjArr: [],
+                actionObjArrBak: [],
+                addActionFastMethodDefaultBak:[],
+                addActionMethodShow: false,
+                addActionFastMethodShow: false,
+                addActionFastMethodDefault: [{"name":"增加","code":"add","order":"1","tag":false,'uuId':this.COMMON_FUNC.getUuidByParams(16)},
+                    {"name":"修改","code":"update","order":"2","tag":false,'uuId':this.COMMON_FUNC.getUuidByParams(16)},
+                    {"name":"删除","code":"delete","order":"3","tag":false,'uuId':this.COMMON_FUNC.getUuidByParams(16)},
+                    {"name":"查询","code":"query","order":"4","tag":false,'uuId':this.COMMON_FUNC.getUuidByParams(16)}],
+                addActionFastIndex:[],
+                lasActionRowIndex: -1,
+                addActionRules:{
+                    name: [
+                        { required: true, message: '请输入权限名称', trigger: 'blur' },
+                    ],
+                    code: [
+                        { required: true, message: '请输入权限码', trigger: 'blur' },
+                    ],
+                    order: [
+                        { required: true, message: '请输入顺序', trigger: 'blur' },
+                        { validator: actionRules,trigger: 'blur'}
+                    ]
+                },
+                // 数据权限相关数据
+                dataObj: {},
+                dataObjArr: [],
+                dataObjArrBak: [],
+                addDataMethodShow: false,
+                lasDataRowIndex: -1,
+                addDataRules:{
+                    name: [
+                        { required: true, message: '请输入权限名称', trigger: 'blur' },
+                    ],
+                    code: [
+                        { required: true, message: '请输入权限码', trigger: 'blur' },
+                    ],
+                    order: [
+                        { required: true, message: '请输入顺序', trigger: 'blur' },
+                        { validator: dataRules,trigger: 'blur'}
+                    ]
+                },
+                addOrUpdata: "",
+                deleteIdArr:[],
+            }
+        },
+        created() {
+           this.init();
+        },
+        methods: {
+            init(){
+                // 初始化功能类别
+                this.axios.post(this.api.urlResource.findFunctionType).then(res => {
+                    this.functionTypeArr=[];
+                    if(res.data.operateMessage){
+                        res.data.operateObj.forEach(res => {
+                            this.functionTypeArr.push(res.functionType);
+                        })
+                    }
+                });
+                this.sortByKey(this.actionObjArr,'order');
+                this.sortByKey(this.dataObjArr,'order');
+            },
+            // 对话框显示
+            addUrlResource() {
+                this.urlTitle="添加URL资源";
+                this.dialogVisible = true;
+                this.addOrUpdata="add";
+                // 功能顺序默认为当前数据中最大顺序+1，如果没有数据则为1。
+                this.axios.post(this.api.urlResource.findMaxOrder).then(res => {
+                    this.$set(this.baseInfoObj,"functionOrder",res.data.operateObj + 1);
+                });
+                this.$set(this.baseInfoObj,"functionType",this.functionTypeArr[0]);
+            },
+
+            // 刷新资源池
+            resreshResource(){
+                this.axios.post(this.api.urlResource.updateResouce).then(res =>{
+                    let message = "刷新资源池失败!";
+                    let type = "error";
+                    if(res.data && res.data.operateSuccess){
+                        message = "刷新资源池成功!";
+                        type = "success";
+                    }
+                    this.$message({
+                        type:type,
+                        message:message
+                    })
+                })
+
+            },
+            //数组对象排序
+            sortByKey(array,key){
+                return array.sort(function(a,b){
+                    var x = parseInt(a[key]);
+                    var y = parseInt(b[key]);
+                    return((x<y)?-1:((x>y)?1:0));
+                })
+            },
+            // 功能分类可输入
+            remoteFunctionType(data){
+                this.$set(this.baseInfoObj,"functionType",data);
+            },
+            // 打开气泡框
+            openActionPopver(){
+                this.actionObj= {};
+                this.$set(this.actionObj,'uuId',this.COMMON_FUNC.getUuidByParams(16)); //唯一标志
+                this.$refs['addActionRules'].clearValidate();
+            },
+            // 打开气泡框
+            openDataPopver(){
+                this.dataObj= {};
+                this.$set(this.dataObj,'uuId',this.COMMON_FUNC.getUuidByParams(16)); //唯一标志
+                this.$refs['addDataRules'].clearValidate();
+            },
+            // 判断当前操作权限数组有无目标对象  有则返回在数组中的索引
+            checkActionArr(obj){
+                let index=this.actionObjArr.findIndex(data => {
+                    if(obj.code == data.code || obj.name == data.name || obj.order == data.order){
+                        return true;
+                    }
+                });
+                return index;
+            },
+            // 判断传入对象 是否在快速引入数组中存在
+            checkActionDefaultArr(obj){
+                let index=this.addActionFastMethodDefault.findIndex(data => {
+                    if(obj.code == data.code || obj.name == data.name){
+                        return true;
+                    }
+                });
+                return index;
+            },
+            // 增加操作权限
+            addActionMethod(addActionRules){
+                this.$refs[addActionRules].validate((valid) => {
+                    if (valid) {
+                            this.actionObjArr.push(this.actionObj);
+                            // 快速引入判断
+                            let index2=this.checkActionDefaultArr(this.actionObj);
+                            if(index2>=0){
+                                this.$set(this.addActionFastMethodDefault[index2],"tag",true);
+                            }
+                            this.addActionMethodShow=false;
+                            this.actionObj={};
+                    } else {
+                        //this.$message.error("增加失败！");
+                        return false;
+                    }
+                });
+                this.sortByKey(this.actionObjArr,'order');
+            },
+            // 快速增加操作权限
+            addFastActionMethod(){
+                this.addActionFastMethodShow = false;
+                this.addActionFastIndex.forEach(num =>{
+                    let index=this.checkActionArr(this.addActionFastMethodDefault[num]);
+                    if(index <0){
+                        if(!this.addActionFastMethodDefault[num].uuId){
+                            this.$set(this.addActionFastMethodDefault[num],'uuId',this.COMMON_FUNC.getUuidByParams(16));
+                        }
+                        this.actionObjArr.push(this.addActionFastMethodDefault[num]);
+                        this.$set(this.addActionFastMethodDefault[num],'tag',true);
+                    }
+                })
+                this.sortByKey(this.actionObjArr,'order');
+                this.addActionFastIndex=[];
+            },
+            // 删除操作权限
+            delActionMethod(){
+                let arr=this.$refs.actionObjArrTbale.selection;
+                // 遍历选中数组 找到在原数组中的索引 删除
+                arr.forEach( data =>{
+                    let index = this.actionObjArr.findIndex(item => {
+                        if(item == data){
+                            return true;
+                        }
+                    })
+                    // 快速引入判断
+                    let index2=this.checkActionDefaultArr(this.actionObjArr[index]);
+                    if(index2>=0){
+                        this.$set(this.addActionFastMethodDefault[index2],"tag",false);
+                    }
+                    this.actionObjArr.splice(index,1);
+                });
+                this.sortByKey(this.actionObjArr,'order');
+                this.actionObjArrBak=[];
+                this.lasActionRowIndex=-1;
+            },
+            // 可编辑
+            clickActionEdit(index){
+                this.lasActionRowIndex=index;
+                this.actionObjArrBak=JSON.parse(JSON.stringify(this.actionObjArr));
+                this.addActionFastMethodDefaultBak=JSON.parse(JSON.stringify(this.addActionFastMethodDefault));
+            },
+            isActionEdit(row,index){
+                let flag = false;
+                if(index == this.lasActionRowIndex){
+                    flag = true;
+                }
+                return flag;
+            },
+            isActionNotEdit(row,index){
+                let flag = false;
+                if(index != this.lasActionRowIndex){
+                    flag = true;
+                }
+                return flag;
+            },
+            //操作权限修改保存
+            clickActionEditSave(row,num){
+                const reg = /^\+?([1-9][0-9]*)$/;
+                if(row.name== "" || row.order=="" || row.code== ""){
+                    this.$message.error("修改数据不能为空!");
+                }else if(!reg.test(row.order)){
+                    this.$message.error("顺序必须为正整数");
+                }else{
+                    let obj={"name":row.name,"code":row.code,"order":row.order};
+                    // 判断 是否重复添加数据
+                    let index=-1;
+                    for(let k=0;k<this.actionObjArrBak.length;k++){
+                        if(obj.code == this.actionObjArrBak[k].code || obj.name == this.actionObjArrBak[k].name || obj.order == this.actionObjArrBak[k].order ){
+                            if(k == num){
+                                continue;
+                            }else{
+                                index=k;
+                                break;
+                            }
+                        }
+                    }
+                    if(index >= 0){
+                            this.$message.error("修改失败，该操作权限已存在!");
+                            this.actionObjArr=JSON.parse(JSON.stringify(this.actionObjArrBak));
+                    }else{
+                        // 快速引入判断 ：修改数据是否是快速引入已有，有则禁用快速引入
+                        this.addActionFastMethodDefault=JSON.parse(JSON.stringify(this.addActionFastMethodDefaultBak));
+                        let index2=this.checkActionDefaultArr(obj);
+                        if(index2>=0){
+                            this.$set(this.addActionFastMethodDefault[index2],"tag",true);
+                        }
+                        this.lasActionRowIndex=-1;
+                    }
+                    this.sortByKey(this.actionObjArr,'order');
+                }
+            },
+            // 操作权限修改取消
+            clickActionEditClose(){
+                this.actionObjArr=JSON.parse(JSON.stringify(this.actionObjArrBak));
+                this.lasActionRowIndex=-1;
+            },
+            // 判断当前数据权限数组有无目标对象  有则返回在数组中的索引
+            checkDataArr(obj){
+                let index=this.dataObjArr.findIndex(data => {
+                    if(obj.code == data.code || obj.name == data.name || obj.order == data.order){
+                        return true;
+                    }
+                })
+                return index;
+            },
+            // 增加操作权限
+            addDataMethod(addDataRules){
+                this.$refs[addDataRules].validate((valid) => {
+                    if (valid) {
+                        this.dataObjArr.push(this.dataObj);
+                        this.addDataMethodShow=false;
+                        this.dataObj={};
+                    } else {
+                        // this.$message.error("增加失败！")
+                        return false;
+                    }
+                });
+                this.sortByKey(this.dataObjArr,'order');
+            },
+            // 删除数据权限
+            delDataMethod(){
+                let arr=this.$refs.dataObjArrTbale.selection
+                // 遍历选中数组 找到在原数组中的索引 删除
+                arr.forEach( data =>{
+                    let index = this.dataObjArr.findIndex(item => {
+                        if(item == data){
+                            return true;
+                        }
+                    })
+                    this.dataObjArr.splice(index,1);
+                })
+                this.dataObjArrBak=[];
+                this.lasDataRowIndex=-1;
+                this.sortByKey(this.dataObjArr,'order');
+            },
+            // 可编辑
+            clickDataEdit(index){
+                this.lasDataRowIndex=index;
+                this.dataObjArrBak=JSON.parse(JSON.stringify(this.dataObjArr));
+            },
+            isDataEdit(row,index){
+                let flag = false;
+                if(index == this.lasDataRowIndex){
+                    flag = true;
+                }
+                return flag;
+            },
+            isDataNotEdit(row,index){
+                let flag = false;
+                if(index != this.lasDataRowIndex){
+                    flag = true;
+                }
+                return flag;
+            },
+            //数据权限修改保存
+            clickDataEditSave(row,num){
+                const reg = /^\+?([1-9][0-9]*)$/;
+                if(row.name== "" || row.order=="" || row.code== ""){
+                    this.$message.error("修改数据不能为空！")
+                }else if(!reg.test(row.order)){
+                    this.$message.error("顺序必须为正整数！")
+                }else{
+                    let obj={"name":row.name,"code":row.code,"order":row.order};
+                    // 判断 是否重复添加数据
+                   let index=-1;
+                   for(let i=0;i<this.dataObjArrBak.length;i++){
+                        if(obj.code == this.dataObjArrBak[i].code || obj.name == this.dataObjArrBak[i].name || obj.order == this.dataObjArrBak[i].order ){
+                            if(i == num){
+                                continue;
+                            }else{
+                                index=i;
+                                break;
+                            }
+                        }
+                    }
+                    if(index >= 0){
+                        this.$message.error("修改失败，该数据权限已存在");
+                        this.dataObjArr=JSON.parse(JSON.stringify(this.dataObjArrBak));
+                    }else{
+                        this.lasDataRowIndex=-1;
+                    }
+                }
+                this.sortByKey(this.dataObjArr,'order');
+            },
+            // 数据权限修改取消
+            clickDataEditClose(){
+                this.dataObjArr=JSON.parse(JSON.stringify(this.dataObjArrBak));
+                this.lasDataRowIndex=-1;
+            },
+            // 提交
+            submitAdd(baseInfoObj){
+                this.$refs[baseInfoObj].validate((valid) =>{
+                    if(valid){
+                        this.$set(this.baseInfoObj,"permissionsActionNote",JSON.stringify(this.actionObjArr));
+                        this.$set(this.baseInfoObj,"permissionsDataNote",JSON.stringify(this.dataObjArr));
+
+                        let permissionsAction="";
+                        this.actionObjArr.forEach(data =>{
+                            permissionsAction +=data.name+"、";
+                        });
+                        this.$set(this.baseInfoObj,"permissionsAction",permissionsAction.substr(0,permissionsAction.length-1));
+
+                        let permissionsData="";
+                        this.dataObjArr.forEach(data =>{
+                            permissionsData +=data.name+"、";
+                        });
+                        this.$set(this.baseInfoObj,"permissionsData",permissionsData.substr(0,permissionsData.length-1));
+                        // 功能类别 筛选手动输入重复
+                        let index=this.functionTypeArr.findIndex(data => {
+                            if(data == this.baseInfoObj.functionType){
+                                return true;
+                            }
+                        });
+                        if(index <0){
+                            this.functionTypeArr.push(this.baseInfoObj.functionType);
+                        }
+                        let opreate = this.addOrUpdata === "update" ? 'update': 'add';
+                        this.axios.post(this.api.urlResource[opreate],this.baseInfoObj).then(res =>{
+                            if(res.data && res.data.operateObj){
+                                let urlObj = res.data.operateObj;
+                                let permissionsOptArr = JSON.parse(res.data.operateObj.permissionsActionNote || "[]"); //数据权限
+                                let permissionsDataArr = JSON.parse(res.data.operateObj.permissionsDataNote || "[]"); //操作权限
+                                let optArr = []; //保存的操作权限
+                                let dataArr = []; //保存的数据权限
+
+                                permissionsOptArr.forEach(opt =>{
+                                    optArr.push({
+                                        'type':'opt',
+                                        'powerCode':opt.code,
+                                        'powerName':opt.name,
+                                        'powerKey':opt.uuId,
+                                        'parentId':'-1',
+                                        'parentTree':'-1',
+                                    });
+                                });
+                                permissionsDataArr.forEach(data =>{
+                                    dataArr.push({
+                                        'type':'data',
+                                        'powerCode':data.code,
+                                        'powerName':data.name,
+                                        'powerKey':data.uuId,
+                                        'parentId':'-1',
+                                        'parentTree':'-1',
+                                    })
+                                });
+
+                                let resourceParam = {
+                                        rType: 'page', //url页面资源
+                                        rName : urlObj.functionName, //功能名称
+                                        rKey : urlObj.id, //唯一R_KRY
+                                        rAgentUrl:urlObj.functionUrl, //代理地址
+                                        externalAccess:'1',
+                                        noLoginRequired:'1',//默认不需要登录
+                                        passSwitch: '0',
+                                        rSource: 'url', //资源类型 url
+                                        rClass: urlObj.functionType,
+                                        rClassId: urlObj.functionType,
+                                        operatePermis: JSON.stringify(optArr || []),
+                                        dataPermis: JSON.stringify(dataArr || []),
+                                        rStatus:'1'
+                                };
+                                this.axios.post(this.api.resources.saveResources, resourceParam); //注册or更新到资源池
+                                this.crud.doSearch(null,"保存成功！");
+                                this.dialogVisible= false;
+                                this.clearDatas();
+                            }
+                        });
+                    }else{
+                        return false;
+                    }
+                })
+            },
+            // 关闭对话框
+            closeDialog(){
+                this.dialogVisible = false;
+                this.clearDatas();
+                this.$refs['baseInfoObj'].clearValidate();
+            },
+            // 清空数据
+            clearDatas(){
+                this.baseInfoObj= {};
+                this.actionObj= {};
+                this.dataObj= {};
+                this.actionObjArr=[];
+                this.dataObjArr=[];
+                this.addActionFastMethodDefault=[{"name":"增加","code":"add","order":"1","tag":false},
+                    {"name":"修改","code":"update","order":"2","tag":false},{"name":"删除","code":"delete","order":"3","tag":false},
+                    {"name":"查询","code":"query","order":"4","tag":false}];
+            },
+            // 修改table数据
+            updateData(row,index){
+                this.urlTitle="修改URL资源";
+                this.dialogVisible=true;
+                this.addOrUpdata="update";
+                this.$set(this.baseInfoObj,"functionName",row.functionName);
+                this.$set(this.baseInfoObj,"functionOrder",row.functionOrder);
+                this.$set(this.baseInfoObj,"functionType",row.functionType);
+                this.$set(this.baseInfoObj,"functionUrl",row.functionUrl);
+                this.$set(this.baseInfoObj,"notes",row.notes);
+                this.$set(this.baseInfoObj,"id",row.id);
+                this.actionObjArr=JSON.parse(row.permissionsActionNote);
+                this.actionObjArr.forEach(data => {
+                    let index=this.checkActionDefaultArr(data);
+                    if(index >=0){
+                        this.$set(this.addActionFastMethodDefault[index],'tag',true);
+                    }
+                })
+                this.dataObjArr=JSON.parse(row.permissionsDataNote);
+                this.sortByKey(this.actionObjArr,'order');
+                this.sortByKey(this.dataObjArr,'order');
+            },
+
+            removeResource(){
+                //删除事件
+                this.deleteIdArr = [];
+                let selection = this.$refs[this.crud.tableRef].selection || [];
+                let noDeleteNameArr = [];
+                selection.forEach(item =>{
+                    if(!Number(item.noDelete)){
+                        this.deleteIdArr.push(item.id);
+                    }else{
+                        noDeleteNameArr.push(item.functionName);
+                    }
+                });
+                if(noDeleteNameArr.length > 0){
+                    this.$message.error("选择项中包含开发者拥有的固定资源，“" + noDeleteNameArr.join(",") + "”无法被删除，请取消这些资源后继续删除！");
+                    return;
+                }
+                this.crud.remove();
+            },
+
+            afterRemoveSuccess(){
+                //同步删除资源池信息
+                this.axios.post(this.api.resources.deleteResources,{'rkeys':this.deleteIdArr.join(","),'rsouces':'url'});
+            }
+        },
+
+    }
+</script>
+<style scoped>
+    .el-main table-list-container {
+        padding-left: 5px;
+        padding-right: 5px;
+        padding-top: 10px;
+        padding-bottom: 10px;
+    }
+</style>