sasp-admin 0.2.57

package/src/views/resources/tabs/dataResources.vue

@@ -0,0 +1,843 @@
+<template>
+    <el-container style="height: 100%">
+       <el-aside width="200px" style="position:relative;">
+             <div class="tree-box">
+                <el-input
+                          placeholder="输入关键字进行过滤"
+                          v-model="filterTreeText"></el-input>
+                    <el-tree
+                            class="filter-tree"
+                            :data="resourceData"
+                            :highlight-current="true"
+                            :props="defaultProps"
+                            node-key="id"
+                            :expand-on-click-node="false"
+                            @node-click="treeNodeClick"
+                            :filter-node-method="filterNode"
+                            :default-expanded-keys="treeDefaultExpandedKeys"
+                            ref="tree">
+                    </el-tree>
+            </div>
+        </el-aside>
+        <el-main style="padding:0;">
+            <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.rName"  style="width:130px;"></el-input>
+                        </el-form-item>
+                        <el-form-item label="代理地址">
+                            <el-input v-model="crud.searchForm.rAgentUrl"  style="width:130px;"></el-input>
+                        </el-form-item>
+                        <el-form-item label="请求类型">
+                            <el-select v-model="crud.searchForm.rDataReqType" style="width:90px;" >
+                                <el-option v-for="item in rCommon.arrRDataReqType" :label="item.name" :value="item.id"
+                                           :key="item.id">
+                                    {{item.name}}
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="资源状态">
+                            <el-select v-model="crud.searchForm.rStatus" style="width:90px;" >
+                                <el-option v-for="item in rCommon.arrRStatus" :label="item.name" :value="item.id"
+                                           :key="item.id">
+                                    {{item.name}}
+                                </el-option>
+                            </el-select>
+                        </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;" size="medium">
+<!--                        <el-button type="primary" size="mini" round icon="el-icon-circle-plus" @click="crud.add()">-->
+<!--                            新增-->
+<!--                        </el-button>-->
+<!--                        <el-button type="danger" size="mini" round icon="el-icon-delete" @click="crud.remove()">删除-->
+<!--                        </el-button>-->
+<!--                        <div style="color:red;padding-top:10px;padding-left:3px;">-->
+<!--                            说明：调用数据资源时，访问地址格式：【后台项目地址】/resView/【代理名称】-->
+<!--                        </div>-->
+                    </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 type="index" label="序号" align="center" width="60"></el-table-column>
+
+                            <el-table-column label="资源名称" prop="rname"></el-table-column>
+                            <el-table-column label="代理地址" prop="ragentUrl"></el-table-column>
+                            <el-table-column label="请求类型" align="center" prop="rdataReqType" width="120">
+                                <template slot-scope="scope">
+                                    {{rCommon.objRDataReqType[scope.row.rdataReqType]}}
+                                </template>
+                            </el-table-column>
+                            <el-table-column label="资源来源"  align="center" prop="rsource" width="100">
+                                <template slot-scope="scope">
+                                    {{rCommon.objRSource[scope.row.rsource]}}
+                                </template>
+                            </el-table-column>
+                            <el-table-column label="资源分类" prop="rclass"></el-table-column>
+                            <el-table-column label="资源状态"  align="center" prop="rstatus" width="90">
+                                <template slot-scope="scope">
+                                    <el-tag :type="rCommon.objRStatusTag[scope.row.rstatus]">
+                                        {{rCommon.objRStatus[scope.row.rstatus]}}
+                                    </el-tag>
+                                </template>
+                            </el-table-column>
+
+                            <el-table-column label="操作" align="center" width="220">
+                                <template slot-scope="scope">
+<!--                                    <el-button size="mini" icon="el-icon-edit" type="primary"-->
+<!--                                               @click="crud.update(scope.row)">-->
+<!--                                        修改-->
+<!--                                    </el-button>-->
+
+                                    <el-button size="mini" icon="el-icon-view" type=""
+                                               @click="viewData(scope.row)">
+                                        查看
+                                    </el-button>
+
+<!--                                    <el-button size="mini" icon="el-icon-discover" type="warning"-->
+<!--                                               @click="testData(scope.row)">-->
+<!--                                        测试-->
+<!--                                    </el-button>-->
+
+                                    <template v-if="scope.row.rstatus=='1'">
+                                        <el-popconfirm title="是否确定禁用此项资源？"
+                                                       @confirm="switchStatus(scope.row.id, '0')">
+                                            <el-button size="mini" icon="el-icon-error" style="margin-left: 10px;"
+                                                       slot="reference"
+                                                       type="danger">
+                                                禁用
+                                            </el-button>
+                                        </el-popconfirm>
+                                    </template>
+
+                                    <template v-if="scope.row.rstatus=='0'">
+                                        <el-popconfirm title="是否确定启用此项资源？"
+                                                       @confirm="switchStatus(scope.row.id,'1')">
+                                            <el-button size="mini" icon="el-icon-success" style="margin-left: 10px;"
+                                                       type="primary"
+                                                       slot="reference">
+                                                启用
+                                            </el-button>
+                                        </el-popconfirm>
+                                    </template>
+
+                                </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-container>
+        </el-main>
+        <!--        </el-main>-->
+        <el-dialog title="数据资源" :visible.sync="crud.dialogVisible"
+                   :close-on-press-escape="false"
+                   :close-on-click-modal="false" top="5vh" width="70%"
+                   height="90%" lock-scroll>
+            <el-form :ref="crud.addFormRef" :model="crud.formData" label-width="120px"
+                     :size="setting.formSize"
+                     style="width:95%;">
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="资源名称" prop="rname">
+                            <el-input v-model="crud.formData.rname"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="代理地址" prop="ragentUrl">
+                            <el-input v-model="crud.formData.ragentUrl"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="资源方法" prop="rmethodName">
+                            <el-input v-model="crud.formData.rmethodName"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="资源key" prop="rKey">
+                            <el-input v-model="crud.formData.rKey"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="资源来源" prop="rsource">
+                            <el-select v-model="crud.formData.rsource">
+                                <el-option v-for="item in rCommon.arrRSource"
+                                           :label="item.name" :value="item.id"
+                                           :key="item.id">
+                                    {{item.name}}
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="12">
+                        <el-form-item label="请求类型" prop="rType">
+                            <el-select v-model="crud.formData.rdataReqType">
+                                <el-option v-for="item in rCommon.arrRDataReqType" :label="item.name" :value="item.id"
+                                           :key="item.id">
+                                    {{item.name}}
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="资源分类" prop="rclass">
+                            <el-input v-model="crud.formData.rclass"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="资源分类ID" prop="rclassId">
+                            <el-input v-model="crud.formData.rclassId"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="资源状态" prop="rType">
+                            <el-radio-group v-model="crud.formData.rstatus">
+                                <el-radio-button v-for="item in rCommon.arrRStatus"
+                                                 :key="item.id" :label="item.id">
+                                    {{item.name}}
+                                </el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row v-show="crud.formData.rdataReqType=='query'">
+                    <el-col :span="24">
+                        <h2 style="text-align: center;line-height: 50px;">权限信息</h2>
+                    </el-col>
+                </el-row>
+
+                <el-row v-show="crud.formData.rdataReqType=='query'">
+                    <el-col :span="24">
+                        <el-form-item label="数据权限" prop="rDataAuthoritys">
+                            <el-input v-model="crud.formData.rDataAuthoritys"
+                                      type="textarea" :rows="6"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row>
+                    <el-col :span="24">
+                        <h2 style="text-align: center;line-height: 50px;">参数信息</h2>
+                    </el-col>
+                </el-row>
+
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="是否限制入参" prop="rifRestrictedParams">
+                            <el-radio-group v-model="crud.formData.rifRestrictedParams">
+                                <el-radio-button
+                                        v-for="item in rCommon.arrRIfRestrictedParams"
+                                        :key="item.id"
+                                        :label="item.id">
+                                    {{item.name}}
+                                </el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="参数列表" prop="rParamLists">
+                            <el-input v-model="crud.formData.rParamLists" type="textarea"
+                                      :rows="10"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="crud.formSubmit()">确 定</el-button>
+                <el-button @click="crud.dialogVisible = false">取 消</el-button>
+            </div>
+        </el-dialog>
+
+
+        <!-- 查看窗口 -->
+        <el-dialog :visible.sync="viewDialogVisible" top="5vh" width="80%"
+                   height="90%" lock-scroll>
+            <span slot="title">
+                查看资源（{{pageUrl(viewFormData)}}）
+            </span>
+            <el-form label-width="120px" :disabled="true"
+                     :size="setting.formSize"
+                     style="width:100%;">
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="资源名称" prop="rname">
+                            <el-input v-model="viewFormData.rname"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="代理地址" prop="ragentUrl">
+                            <el-input v-model="viewFormData.ragentUrl"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="资源方法" prop="rmethodName">
+                            <el-input v-model="viewFormData.rmethodName"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+<!--                <el-row>-->
+<!--                    <el-col :span="24">-->
+<!--                        <el-form-item label="资源key" prop="rKey">-->
+<!--                            <el-input v-model="viewFormData.rKey"></el-input>-->
+<!--                        </el-form-item>-->
+<!--                    </el-col>-->
+<!--                </el-row>-->
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="资源来源" prop="rsource">
+                            <el-select v-model="viewFormData.rsource">
+                                <el-option v-for="item in rCommon.arrRSource"
+                                           :label="item.name" :value="item.id"
+                                           :key="item.id">
+                                    {{item.name}}
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="12">
+                        <el-form-item label="请求类型" prop="rType">
+                            <el-select v-model="viewFormData.rdataReqType">
+                                <el-option v-for="item in rCommon.arrRDataReqType" :label="item.name" :value="item.id"
+                                           :key="item.id">
+                                    {{item.name}}
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="请求方式" prop="rType">
+                            {{viewFormData.rrequestType}}
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="资源分类" prop="rclass">
+                            <el-input v-model="viewFormData.rclass"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="资源状态" prop="rType">
+<!--                            <el-radio-group v-model="viewFormData.rstatus">-->
+<!--                                <el-radio-button v-for="item in rCommon.arrRStatus"-->
+<!--                                                 :key="item.id" :label="item.id">-->
+<!--                                    {{item.name}}-->
+<!--                                </el-radio-button>-->
+<!--                            </el-radio-group>-->
+                             <el-tag :type="rCommon.objRStatusTag[viewFormData.rstatus]">
+                                {{rCommon.objRStatus[viewFormData.rstatus]}}
+                            </el-tag>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row v-show="viewFormData.rdataReqType=='query'">
+                    <el-col :span="24">
+                        <h2 style="text-align: center;line-height: 50px;">权限信息</h2>
+                    </el-col>
+                </el-row>
+
+                <el-row v-show="viewFormData.rdataReqType=='query'">
+                    <el-col :span="24">
+                        <el-form-item label="数据权限" prop="rDataAuthoritys">
+                            <el-tag v-for="item in rCommon.getArrRDataAuthoritys(viewFormData)" :key="item.key"
+                                    type="danger"
+                                    style="margin-right:15px;">
+                                {{`${item.key}-${item.name}`}}
+                            </el-tag>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row>
+                    <el-col :span="24">
+                        <h2 style="text-align: center;line-height: 50px;">参数信息</h2>
+                    </el-col>
+                </el-row>
+
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="是否限制入参" prop="rifRestrictedParams">
+<!--                            <el-radio-group v-model="viewFormData.rifRestrictedParams">-->
+<!--                                <el-radio-button-->
+<!--                                        v-for="item in rCommon.arrRIfRestrictedParams"-->
+<!--                                        :key="item.id"-->
+<!--                                        :label="item.id">-->
+                            <el-tag type="default">
+                                {{rCommon.objRIfRestrictedParams[viewFormData.rifRestrictedParams]}}
+                            </el-tag>
+
+<!--                            </el-radio-button>-->
+<!--                            </el-radio-group>-->
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="24">
+
+                        <el-table :data="rCommon.getArrRParamLists(viewFormData)" stripe border height="100%"
+                                  style="width: 100%;">
+                            <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
+                            <el-table-column label="参数名称" align="center" min-width="80" prop="fieldName"></el-table-column>
+                            <el-table-column label="参数描述" align="center" min-width="80" prop="chfieldName"></el-table-column>
+                            <!--<el-table-column label="对应列" align="center" min-width="80" prop="column"></el-table-column>-->
+                            <el-table-column label="参数类型" align="center" min-width="100"
+                                             v-if="viewFormData.rdataReqType=='query'">
+                                <template slot-scope="scope">
+                                    {{scope.row.fieldType ? fieldTypeObj[scope.row.fieldType] : ''}}
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+<!--                <el-button @click="testData(viewFormData)" type="primary">测 试</el-button>-->
+                <el-button @click="viewDialogVisible = false">关 闭</el-button>
+            </div>
+        </el-dialog>
+
+
+        <!-- 测试窗口 -->
+        <el-dialog :visible.sync="testDialogVisible" top="5vh" width="80%"
+                   height="90%" lock-scroll>
+            <span slot="title">
+                {{testFormData.rname}}（{{rCommon.objRDataReqType[testFormData.rdataReqType]}}）
+                <template v-if="testFormData.rstatus=='0'">(<span style="color:red;">已禁用</span>)</template>
+            </span>
+            <el-form label-width="120px" ref="testFormEl"
+                     :size="setting.formSize"
+                     style="width:92%;margin:0 auto;">
+                <el-row>
+                    <el-col :span="24">
+                        <el-input v-model="testFormData.rFullReqUrl">
+                            <el-button slot="append" icon="el-icon-s-promotion" @click="sendTest(testFormData)">发送
+                            </el-button>
+                        </el-input>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="24">
+                        <el-card class="page-resources-auth-card" style="margin-top:20px;">
+                            <div slot="header" class="clearfix">
+                                <h3>请求参数（{{testFormData.rIfRestrictedParams=='1'?'限制入参':'不限制入参'}}）</h3>
+                            </div>
+
+                            <el-table :data="testFormData.arrRParamLists" stripe border height="100%"
+                                      style="width: 100%;">
+                                <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
+
+                                <el-table-column label="参数名称" align="center" min-width="80"
+                                                 prop="key"></el-table-column>
+                                <el-table-column label="参数描述" align="center" min-width="80"
+                                                 prop="name"></el-table-column>
+                                <el-table-column label="对应列" align="center" min-width="80"
+                                                 prop="column"></el-table-column>
+                                <el-table-column label="参数类型" align="center" min-width="100"
+                                                 v-if="testFormData.rdataReqType=='query'">
+                                    <template slot-scope="scope">
+                                        {{scope.row.mode}}（{{scope.row.modeDesc}}）
+                                    </template>
+                                </el-table-column>
+
+                                <el-table-column label="参数值" align="center" min-width="120">
+                                    <template slot-scope="scope">
+                                        <el-input v-model="scope.row.value" clearable></el-input>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                        </el-card>
+                    </el-col>
+                </el-row>
+
+                <el-row>
+                    <el-col :span="24">
+                        <el-card class="page-resources-auth-card" style="margin-top:20px;">
+                            <div slot="header" class="clearfix">
+                                <h3>返回结果</h3>
+                            </div>
+                            <div style="overflow: auto;">
+                                <pre>
+                                {{testFormData.resData}}
+                                </pre>
+                            </div>
+
+                        </el-card>
+                    </el-col>
+                </el-row>
+            </el-form>
+
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="testDialogVisible = false">关 闭</el-button>
+            </div>
+        </el-dialog>
+    </el-container>
+</template>
+
+<script>
+    import rCommon from "../js/resourcesCommon";
+
+    export default {
+        name: "data-resources",
+        props: {},
+        data() {
+            let vm = this;
+            return {
+                crud: new this.CrudUtil({
+                    vue: this,
+                    url: this.api.resources.url,
+                    searchForm: {
+                        rType: "data",
+                        order:"R_SOURCE,R_CLASS"
+                    },
+                    noClearSearchColumns: ["rType","rClass","rSource","order"],
+                    afterSubmit() {
+                        vm.initRClassOptions();
+                    },
+                    afterRemoveSuccess() {
+                        vm.initRClassOptions();
+                    },
+                    addDefaultData: {
+                        rType: "data",
+                        rstatus: "1",
+                        rIfRestrictedParams: "0"
+                    }
+                }),
+                viewDialogVisible: false,
+                testDialogVisible: false,
+                viewFormData: {},
+                testFormData: {},
+                projUrl: this.CTX,
+                rCommon: rCommon,
+                rClassOptions: [],
+                resourceData:[],
+                filterTreeText: "",//树搜索
+                treeDefaultExpandedKeys:[],
+                defaultProps:{"children":"children","label":"label"},//树数据显示配置
+
+                fieldTypeObj:{
+                    "1": "字符串",
+                    "6": "字符串",
+                    "2": "字符串",
+                    "3": "字符串",
+                    "4": "字符串",
+                    "10": "字符串",
+                    "7": "字符串",
+                    "5":"字符串",
+                    "9":"整数"
+                },
+            };
+        },
+
+        created() {
+            this.init();
+        },
+        watch: {
+            filterTreeText(val) {
+                this.$refs.tree.filter(val);
+            },
+        },
+        methods: {
+            init() {
+                // this.initRClassOptions();
+                this.initResourceData();
+            },
+            filterNode(value, data) {
+                if (!value) return true;
+                return data.label.indexOf(value) !== -1;
+            },
+            /**
+             * 树节点点击事件
+             *
+             */
+            treeNodeClick(data) {
+                let vm = this;
+                if(data.id == "all") {
+                    delete this.crud.searchForm["rClass"];
+                    delete this.crud.searchForm["rSource"];
+                }else{
+                    if(data.parentId=="all"){
+                        this.crud.searchForm["rSource"]=data["id"];
+                        delete this.crud.searchForm["rClass"];
+                    }else{
+                        this.crud.searchForm["rSource"]=data["parentId"];
+                        this.crud.searchForm["rClass"]=data["id"];
+                    }
+                }
+                this.crud.doSearch();
+            },
+            initResourceData(){
+                let vm = this;
+                let param = Object.assign({},this.crud.searchForm);
+                param["groupField"]="R_SOURCE,R_CLASS";
+                this.axios.post(this.api.resources.find, param).then(res => {
+                    if (res && res.data) {
+                        let treeArr = [];
+                        treeArr.push({"id": "all", "label": "全部", "value": "全部", "parentId": "-1"});
+                        let treeData = res.data;
+                        let treeDefineArr = ["rsource","rclass"];
+                        let dataMap = {};
+                        let fieldDataMap = {};
+                        let fieldDataMapTemp = {};
+                        for (let i = 0; i < treeDefineArr.length; i++) {
+                            let cjmap = new Map();
+                            for (let j = 0; j < treeData.length; j++) {
+                                let label = "空";
+                                let value = "eq(null)";
+                                let tmpId = "";
+                                if (treeData[j] && treeData[j][treeDefineArr[i]]) {
+                                    let val = treeData[j][treeDefineArr[i]];
+                                    tmpId = val;
+                                    if(treeDefineArr[i]=="rsource"){
+                                        val = vm.rCommon.objRSource[val]||val;
+                                    }
+                                    if (val.indexOf("nocombo") > -1) {
+                                        value = val.split(":")[2];
+                                        label = val.split(":")[1];
+                                    } else if (val.indexOf("combo") > -1) {
+                                        value = val;
+                                        label = val.split(":")[1];
+                                    } else {
+                                        label = val;
+                                        value = val;
+                                    }
+                                }
+                                let fieldmap = {};
+                                fieldmap[treeDefineArr[i]] = value;
+                                //第一轮，上级是all
+                                if (i == 0) {
+                                    dataMap[j] = tmpId;
+                                    fieldDataMap[j] = Object.assign({}, fieldmap);
+                                    if ((i == 0 && !cjmap.has(value) || (i > 0 && !cjmap.has(dataMap[j] + "_" + tmpId)))) {
+                                        cjmap.set(value, j);
+                                        treeArr.push({
+                                            "id": tmpId,
+                                            "parentId": "all",
+                                            "label": label,
+                                            "value": value,
+                                            "field": treeDefineArr[i],
+                                            "fielddata": fieldmap
+                                        });
+                                    }
+
+                                } else {
+                                    fieldDataMap[j] = Object.assign(fieldDataMap[j], fieldmap);
+                                    fieldDataMapTemp[j] =   Object.assign({},fieldDataMap[j]);
+
+                                    if ((i == 0 && !cjmap.has(value) || (i > 0 && !cjmap.has(dataMap[j] + "_" + tmpId)))) {
+                                        cjmap.set(dataMap[j] + "_" + value, j);
+                                        if(label == "空"){
+                                            continue;
+                                        }
+                                        treeArr.push({
+                                            "id": tmpId,
+                                            "parentId": dataMap[j],
+                                            "label": label,
+                                            "value": value,
+                                            "field": treeDefineArr[i],
+                                            "fielddata": fieldDataMapTemp[j]
+                                        });
+                                    }
+                                    dataMap[j] = value;
+                                }
+                            }
+                        }
+                        vm.resourceData = vm.COMMON_FUNC.buildElTree(treeArr);
+                        //默认展开根节点
+                        vm.treeDefaultExpandedKeys.push(vm.resourceData[0].id);
+                    }
+                 });
+            },
+            initRClassOptions() {
+                this.axios.post(this.api.resources.getPageClass).then(res => {
+                    let setSources = new Set();
+                    let objSources = {};
+                    res.data.forEach(data => {
+                        setSources.add(data.rsource);
+
+                        if (!objSources[data.rsource]) {
+                            objSources[data.rsource] = [];
+                        }
+                        data.id = data.rclass;
+                        data.name = data.rclass;
+                        objSources[data.rsource].push(data);
+                    });
+                    let rClassOptions = [...this.rCommon.arrRSource];
+                    for (let i = rClassOptions.length - 1; i >= 0; i--) {
+                        if (!setSources.has(rClassOptions[i].id)) {
+                            rClassOptions.splice(i, 1);
+                        } else {
+                            (objSources[rClassOptions[i].id]) && (rClassOptions[i].children = objSources[rClassOptions[i].id]);
+                        }
+                    }
+
+                    this.rClassOptions = rClassOptions;
+                });
+            },
+
+            rSourceAndClassChange() {
+                this.crud.searchForm.rSourceAndClass = '';
+                if (this.crud.searchForm.rSourceAndClassArr.length > 0) {
+                    this.crud.searchForm.rSourceAndClass = this.crud.searchForm.rSourceAndClassArr[this.crud.searchForm.rSourceAndClassArr.length - 1];
+                }
+            },
+
+            /**
+             * 切换资源状态
+             */
+            switchStatus(id, rstatus) {
+                this.axios.post(this.api.resources.update, {"id":id, "rStatus":rstatus}).then(res => {
+                    if (!res.data.operateSuccess) {
+                        this.$message.error("修改失败");
+                        return;
+                    }
+                    this.crud.search();
+                    this.$message({
+                        duration: 1000,
+                        type: 'success',
+                        message: `已${rstatus == '0' ? '禁用' : '启用'}资源`
+                    });
+                });
+            },
+
+            /**
+             * 查看数据
+             * @param data
+             */
+            viewData(data) {
+                this.viewFormData = data;
+                this.axios.post(this.api.resources.findResources,{'id':data.id}).then(res =>{ //获取绑定资源数据
+                    if(res.data && res.data.operateObj&& res.data.operateObj.length>0){
+                        this.viewFormData = res.data.operateObj[0];
+                        let operatePermis = this.viewFormData.operatePermisList ||[]; //操作权限
+                        let dataPermis = this.viewFormData.dataPermisList || []; //数据权限
+                        let paramSetting = {};
+                        paramSetting["id"] = "id";
+                        paramSetting["parentTree"] = "parentTree";
+                        paramSetting["pId"] = "parentId"; //上级数据
+                        paramSetting["children"] = "children"; // 设置children可配置
+                        this.viewFormData.rOperationAuthoritys = JSON.stringify(this.COMMON_FUNC.buildElTree(operatePermis,paramSetting)|| []);
+                        this.viewFormData.rDataAuthoritys = JSON.stringify(this.COMMON_FUNC.buildElTree(dataPermis,paramSetting)|| []);
+                    }
+                });
+                this.viewDialogVisible = true;
+            },
+
+            /**
+             * 测试数据
+             * @param data
+             */
+            testData(data) {
+                data.rFullReqUrl = this.pageUrl(data);
+                data.resData = "";
+                data.arrRParamLists = this.rCommon.getArrRParamLists(data);
+                data.arrRParamLists.forEach(d => {
+                    d.value = "";
+                });
+                this.testFormData = data;
+                this.testDialogVisible = true;
+            },
+
+            pageUrl(data) {
+                return this.projUrl + "/resView/" + data.ragentUrl;
+            },
+
+            /**
+             * 测试发送
+             * @param formData  数据
+             */
+            sendTest(formData) {
+                let objParam = {};
+                formData.arrRParamLists.forEach(data => {
+                    data.value && (objParam[data.key] = data.value);
+                });
+
+
+                let loading = this.$loading({
+                    target: this.$refs["testFormEl"].$el,
+                    lock: true,
+                    text: '正在请求,请稍后...',
+                    spinner: 'el-icon-loading',
+                    background: 'rgba(0, 0, 0, 0.6)'
+                });
+
+                this.axios.post(formData.rFullReqUrl, objParam).then(res => {
+                    loading.close();
+                    this.$message({
+                        duration: 1000,
+                        message: "请求完成",
+                        type: "success"
+                    });
+
+                    formData.resData = JSON.stringify(res.data, null, 4);
+                    this.$forceUpdate();
+                });
+            }
+
+        }
+    }
+</script>
+
+<style scoped lang="scss">
+    .custom-tree-node {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 14px;
+        padding-right: 8px;
+    }
+
+    #leftTreeController {
+        border: 1px solid #ddd;
+        border-radius: 3px;
+        position: absolute;
+        top: 10px;
+        left: 10px;
+        right: 10px;
+        bottom: 10px;
+    }
+</style>