From bdbe66eac4056c9f963590136118e53477a5e35c Mon Sep 17 00:00:00 2001
From: super_liu <396572590@qq.com>
Date: Thu, 8 Jul 2021 13:59:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=95=B0=E6=8D=AE=E5=AD=97=E5=85=B8=20?=
 =?UTF-8?q?=E6=A0=91=E5=BD=A2=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/standLawsAttrManage/index.vue       |   29 +-
 .../pages/standLawsAttrTreeDetails.vue        | 1249 +++++++++++++++++
 .../domesticStandardsAndRegulations/index.vue |   12 +-
 src/router/index.js                           |   11 +
 4 files changed, 1285 insertions(+), 16 deletions(-)
 create mode 100644 src/pages/config/pages/standLawsAttrManage/pages/standLawsAttrTreeDetails.vue

diff --git a/src/pages/config/pages/standLawsAttrManage/index.vue b/src/pages/config/pages/standLawsAttrManage/index.vue
index 70bf0b03e..609f9bc4f 100644
--- a/src/pages/config/pages/standLawsAttrManage/index.vue
+++ b/src/pages/config/pages/standLawsAttrManage/index.vue
@@ -381,16 +381,25 @@ export default {
     },
     goNuwPage (item) {
       this.$store.commit('setDetailMap', this.$route.path)
-      this.$router.push({
-        name: 'StandLawsAttrDetails',
-        params: {
-          id: item.id,
-          dictionaryName: item.dictionaryName,
-          dictionType: item.dictionType,
-          isRelate: item.isRelate,
-          relateDicId: item.relateDicId
-        }
-      })
+      const params = {
+        id: item.id,
+        dictionaryName: item.dictionaryName,
+        dictionType: item.dictionType,
+        isRelate: item.isRelate,
+        relateDicId: item.relateDicId
+      }
+      if(item.dictionType && item.dictionType === 'TREE'){
+        this.$router.push({
+          name: 'standLawsAttrTreeDetails',
+          params: params
+        })
+      }else {
+        this.$router.push({
+          name: 'StandLawsAttrDetails',
+          params: params
+        })
+      }
+
     },
     handleSelectone (data) {
       this.selectedList = []
diff --git a/src/pages/config/pages/standLawsAttrManage/pages/standLawsAttrTreeDetails.vue b/src/pages/config/pages/standLawsAttrManage/pages/standLawsAttrTreeDetails.vue
new file mode 100644
index 000000000..3e4fdc683
--- /dev/null
+++ b/src/pages/config/pages/standLawsAttrManage/pages/standLawsAttrTreeDetails.vue
@@ -0,0 +1,1249 @@
+<!-- 配置管理 - 标准法规属性管理详情页 -->
+<template>
+    <div class="stand-laws-attr-details">
+        <div class="laws-details-header">
+            <div class="back" title="返回" @click="back">
+                <i class="el-icon-back"></i>
+            </div>
+            <div class="title">{{dictionaryName}}</div>
+        </div>
+        <div class="search-area" style="padding:0px 10px 0px;">
+<!--            <div class="left">-->
+<!--                <el-form ref="standardForm" :model="standardForm" inline>-->
+<!--                    <el-form-item label="选项" class="search-item">-->
+<!--                        <el-input v-model="standardForm.standName"-->
+<!--                                  placeholder="请输入选项"-->
+<!--                                  @keyup.enter.native="selectProductBtn"-->
+<!--                                  clearable></el-input>-->
+<!--                    </el-form-item>-->
+<!--                    <el-form-item label="" class="search-item btn-box">-->
+<!--                        <el-button class="common-button-primary" type="primary" icon="el-icon-search" round @click="selectProductBtn"></el-button>-->
+<!--                    </el-form-item>-->
+<!--                    <el-form-item label="" class="search-item btn-box">-->
+<!--                        <el-button class="common-button-default" icon="el-icon-refresh-left" @click="resetSelect" round></el-button>-->
+<!--                    </el-form-item>-->
+<!--                </el-form>-->
+<!--            </div>-->
+            <div class="right">
+                <el-button class="common-button-primary add-button"
+                           type="primary"
+                           icon="add"
+                           v-if="dictionaryId != 'ERDFGHGGJJ' && dictionaryId != 'D975E8V5KVQUY3DZFV7E' && dictionaryId != 'WQERWC39J4E8SV6WREP2'"
+                           round
+                           @click="productAdd">新增一级菜单</el-button>
+                <el-button class="common-button-default delete-button"
+                           round
+                           v-if="dictionaryId != 'ERDFGHGGJJ' && dictionaryId != 'D975E8V5KVQUY3DZFV7E' && dictionaryId != 'WQERWC39J4E8SV6WREP2'"
+                           icon="delete"
+                           @click="productBatchDel">删除</el-button>
+            </div>
+        </div>
+        <div class="content">
+            <el-tree
+                    ref="tree"
+                    node-key="id"
+                    class="filter-tree"
+                    :props="props"
+                    :data="data"
+                    show-checkbox
+                    default-expand-all
+                    :expand-on-click-node="false">
+                      <span class="custom-tree-node" slot-scope="{ node, data }">
+                        <span> {{ node.label}} </span>
+                        <span>
+                          <el-button
+                                  type="text"
+                                  size="mini"
+                                  @click="() => append(data)">
+                            新增
+                          </el-button>
+                          <el-button
+                                  type="text"
+                                  size="mini"
+                                  @click="() => update(data)">
+                            编辑
+                          </el-button>
+                          <el-button
+                                  type="text"
+                                  size="mini"
+                                  @click="() => remove(node, data)">
+                            删除
+                          </el-button>
+                        </span>
+                      </span>
+            </el-tree>
+        </div>
+        <!-- 新建抽屉 -->
+        <el-drawer
+                :wrapperClosable="false"
+                :title="productTitle"
+                :visible.sync="productModal"
+                size="800px"
+                :before-close="closeDrawer"
+                label-width="130px"
+        >
+            <div class="demo-drawer-content">
+                <el-form :model="productModelAdd"
+                         ref="productModelAdd"
+                         :rules="productRules"
+                         class="label-input-form"
+                         label-width="130px">
+                    <el-row>
+                        <el-col>
+                            <el-form-item label="菜单名称" prop="menuName" class="add-form-item">
+                                <el-input v-model.trim="productModelAdd.menuName" placeholder="请输入菜单名称" clearable></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col>
+                            <el-form-item label="排序号" prop="displaySeq" class="add-form-item">
+                                <el-input v-model.number="productModelAdd.displaySeq"
+                                          number
+                                          placeholder="请输入排序号"
+                                          :maxlength="4"
+                                          clearable></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col>
+                            <el-form-item v-if="modalType === 2" label="上级菜单" prop="parentIdsName" class="add-form-item">
+                                <el-input v-model="productModelAdd.parentIdsName" disabled
+                                          clearable></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col>
+                            <el-form-item label="描述" prop="remarks" class="add-form-item">
+                                <el-input v-model.trim="productModelAdd.remarks"
+                                          placeholder="请输入描述"
+                                          clearable></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                </el-form>
+            </div>
+            <div class="demo-drawer-footer">
+                <el-button
+                        class="common-button-primary"
+                        icon="el-icon-check"
+                        type="primary"
+                        @click="saveProduct('productModelAdd')">提交</el-button>
+                <el-button
+                        class="common-button-default"
+                        icon="el-icon-close"
+                        @click="closeModal">取消</el-button>
+            </div>
+        </el-drawer>
+        <!-- 查看抽屉-->
+        <el-drawer
+                :wrapperClosable="false"
+                title="查看信息"
+                :visible.sync="productSeeModal"
+                size="800px"
+                :close="clearSeeModal"
+        >
+            <div class="see-drawer-content">
+                <div class="see-drawer-div">
+                    <div class="see-drawer-name"> 选项：</div>
+                    <div class="see-drawer-val" :title="productModelAdd.dicTypeName"> {{productModelAdd.dicTypeName}}</div>
+                </div>
+                <div class="see-drawer-div">
+                    <div class="see-drawer-name">排序号：</div>
+                    <div class="see-drawer-val" :title="productModelAdd.showIndex">{{productModelAdd.showIndex}}</div>
+                </div>
+            </div>
+            <div class="see-drawer-content">
+                <div class="see-drawer-div">
+                    <div class="see-drawer-name">描述：</div>
+                    <div class="see-drawer-val" :title="productModelAdd.describes">{{productModelAdd.describes}}</div>
+                </div>
+                <div class="see-drawer-div"></div>
+            </div>
+        </el-drawer>
+        <!-- 查看抽屉（父）-->
+        <el-drawer
+                title="查看信息"
+                :wrapperClosable="false"
+                :visible.sync="regionSeeModal"
+                size="800px"
+                class="not-footer-drawer"
+        >
+            <div class="search-area">
+                <div class="left">
+                </div>
+                <div class="right">
+                    <el-button type="primary"
+                               class="common-button-primary add-button"
+                               round
+                               icon="add"
+                               @click="areaAdd(1, null)">新增</el-button>
+                    <el-button class="common-button-default delete-button" round icon="delete" @click="areaBatchDel">删除</el-button>
+                </div>
+            </div>
+            <div class="areaContent">
+                <loading :loading="areaLoading">数据获取中</loading>
+                <el-table
+                        stripe
+                        ref="selection"
+                        tooltip-effect="dark"
+                        border
+                        height="100%"
+                        :data="areaData"
+                        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+                        @selection-change="handleSelect">
+                    <el-table-column
+                            type="selection"
+                            width="55"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column
+                            prop="dicTypeName"
+                            label="类别"
+                            align="center">
+                        <template slot-scope="scope">
+                            <el-tooltip placement="top" v-if="scope.row.dicTypeName">
+                                <div slot="content">{{scope.row.dicTypeName}}</div>
+                                <div>{{scope.row.dicTypeName}}</div>
+                            </el-tooltip>
+                            <div v-else>{{scope.row.dicTypeName}}</div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                            prop="showIndex"
+                            label="排序号"
+                            align="center">
+                    </el-table-column>
+                    <el-table-column label="操作" align="center" width="50" fixed="right">
+                        <template slot-scope="scope">
+                            <div @click.stop style="display: inline-block">
+                                <el-dropdown trigger="click" @command="handleCommandInside">
+                                    <i class="iconfont">&#xe61e;</i>
+                                    <el-dropdown-menu slot="dropdown">
+                                        <!--                        <el-dropdown-item :disabled="scope.row.enable==='0'" :command="[scope.row, '编辑']">编辑</el-dropdown-item>-->
+                                        <el-dropdown-item :command="[scope.row, '删除']">删除</el-dropdown-item>
+                                        <!--                    <el-dropdown-item :command="[scope.row, '流程']">流程</el-dropdown-item>-->
+                                    </el-dropdown-menu>
+                                </el-dropdown>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <!--            <Table border ref="selection" :columns="areaTable" :data="areaData"  @on-selection-change=" handleSelect"></Table>-->
+            </div>
+            <pagination :page="areaPage" :total="areaTotal" @pageChange="areaPageChange" @pageSizeChange="areaPageSizeChange"></pagination>
+        </el-drawer>
+        <!-- 新增标准类别 -->
+        <el-drawer :title="areaTitle"
+                   :visible.sync="areaModel"
+                   size="450px"
+                   :before-close="closeAreaDrawer"
+                   :wrapperClosable="false">
+            <div class="demo-drawer-content config-drawer">
+                <el-form :model="areaModelAdd"
+                         ref="areaModelAdd"
+                         :rules="areaModelRules"
+                         class="label-input-form"
+                         label-width="130px">
+                    <el-form-item label="关联类别"
+                                  prop="selectStandCategory"
+                                  class="add-form-item">
+                        <el-select v-model="areaModelAdd.selectStandCategory" @change="getSelectCate" filterable>
+                            <el-option
+                                    v-for="item in standCategoryList"
+                                    :key="item.value"
+                                    :value="item.value"
+                                    :label="item.label"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="排序号"
+                                  prop="showIndex"
+                                  class="add-form-item">
+                        <el-input v-model.number="areaModelAdd.showIndex" number :maxlength="4" clearable ></el-input>
+                    </el-form-item>
+                </el-form>
+                <div class="demo-drawer-footer">
+                    <el-button
+                            class="common-button-primary"
+                            icon="el-icon-check"
+                            type="primary"
+                            @click="saveArea('areaModelAdd')">提交</el-button>
+                    <el-button
+                            class="common-button-default"
+                            icon="el-icon-close"
+                            @click="closeAreaModal">取消</el-button>
+                </div>
+            </div>
+        </el-drawer>
+        <el-drawer title="查看" :wrapperClosable="false" :visible.sync="enterpriseSeeModal" size="800px">
+            <table-tools-bar>
+                <div slot="left"></div>
+                <div slot="right">
+                    <el-button type="primary" @click="subClassAdd">新增</el-button>
+                    <el-button type="error" @click="areaBatchDel">删除</el-button>
+                </div>
+            </table-tools-bar>
+            <div class="areaContent">
+                <loading :loading="subClassLoading">数据获取中</loading>
+                <Table border ref="selection" :data="subClassData" @on-selection-change=" handleSelect"></Table>
+            </div>
+            <pagination :page="enterprisePage" :total="enterpriseTotal" @pageChange="enterprisePageChange" @pageSizeChange="enterprisePageSizeChange"></pagination>
+        </el-drawer>
+        <!-- 子类新增、编辑抽屉-->
+        <el-drawer :title="subClassTitle" :wrapperClosable="false" :visible.sync="subClassModel" size="800px" :close="closeClassDrawer">
+            <el-form :model="subClassModelAdd" ref="subClassModelAdd" :rules="subClassRules"  class="label-input-form" >
+                <el-row>
+                    <el-col>
+                        <el-form-item label="选项" prop="dicTypeName"  label-position="top" class="standards-info-item">
+                            <el-input v-model.trim="subClassModelAdd.dicTypeName" clearable></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col>
+                        <el-form-item label="分类代号" prop="classifyCode"  label-position="top" class="standards-info-item">
+                            <el-input v-model.trim="subClassModelAdd.classifyCode" clearable></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col>
+                        <el-form-item label="排序号" prop="showIndex"  label-position="top" class="standards-info-item">
+                            <el-input v-model.number="subClassModelAdd.showIndex" number :maxlength="4" clearable></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col>
+                        <el-form-item label="描述" prop="describes" label-position="top" class="standards-info-item">
+                            <el-input v-model.trim="subClassModelAdd.describes" clearable></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <div class="demo-drawer-footer">
+            <el-button style="margin-right: 8px" @click="closeSubClassModal">取消</el-button>
+            <el-button type="primary" @click="saveSubClass('subClassModelAdd')">提交</el-button>
+        </div>
+        </el-drawer>
+<!--        <div class="laws-details-footer">-->
+<!--            <el-button style="margin-right: 8px;position: absolute;right: 50%;" @click="back">取消</el-button>-->
+<!--            <el-button type="primary" style="position: absolute;right: 58%;" @click="saveClass(data)">提交</el-button>-->
+<!--        </div>-->
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'standLawsAttrTreeDetails',
+        data () {
+            const data = [{
+                id: 1,
+                label: '一级 1',
+                children: [{
+                    id: 4,
+                    label: '二级 1-1',
+                    children: [{
+                        id: 9,
+                        label: '三级 1-1-1'
+                    }, {
+                        id: 10,
+                        label: '三级 1-1-2'
+                    }]
+                }]
+            }, {
+                id: 2,
+                label: '一级 2',
+                children: [{
+                    id: 5,
+                    label: '二级 2-1'
+                }, {
+                    id: 6,
+                    label: '二级 2-2'
+                }]
+            }, {
+                id: 3,
+                label: '一级 3',
+                children: [{
+                    id: 7,
+                    label: '二级 3-1'
+                }, {
+                    id: 8,
+                    label: '二级 3-2'
+                }]
+            }];
+            return {
+                props: {
+                    label: 'menuName',
+                    children: 'children'
+                },
+                data: [],
+                modalType: '',
+                productTitle: '', // 模态框标题
+                selectNum: '', // 接收选中行数据
+                standardForm: {
+                    standName: '', // 选项
+                    standCode: '' // 描述
+                },
+                total: 0,
+                page: 1,
+                rows: 10,
+                loading: false,
+                productModelAdd: {
+                    id : "",
+                    sorDivide : null,
+                    menuName : "",
+                    parentId : null,
+                    parentIds : null,
+                    parentIdsName : "",
+                    displaySeq : "",
+                    validFlag : "",
+                    creationTime : "",
+                    modifyTime : "",
+                    remarks : "",
+                    children : [],
+                    // 模态框信息
+                    dicTypeName: '',
+                    showIndex: '',
+                    // 描述
+                    describes: '',
+                    // 唯一辨识
+                    dicId: this.$route.params.id
+                },
+                // 规范
+                productRules: {
+                    menuName: [
+                        {required: true, message: '一级菜单不能为空', trigger: 'blur'},
+                        {type: 'string', max: 100, message: '最多输入100位', trigger: 'blur'}
+                    ],
+                    displaySeq: [
+                        {type: 'number', required: true, message: '排序号不能为空且为正整数', trigger: 'blur'},
+                        {type: 'string', validator: this.verify.validStandNumInCompile2, trigger: 'blur'}
+                    ],
+                    remarks: [
+                        {type: 'string', max: 500, message: '最多输入500位', trigger: 'blur'}
+                    ],
+                    dicTypeName: [
+                        {required: true, message: '选项不能为空', trigger: 'blur'},
+                        {type: 'string', max: 100, message: '最多输入100位', trigger: 'blur'}
+                    ],
+                    showIndex: [
+                        {type: 'number', required: true, message: '排序号不能为空且为正整数', trigger: 'blur'},
+                        {type: 'string', validator: this.verify.validStandNumInCompile2, trigger: 'blur'}
+                    ],
+                    describes: [
+                        {type: 'string', max: 500, message: '最多输入500位', trigger: 'blur'}
+                    ]
+                },
+                productModal: false, // 模态框是否打开
+                // 表格内容
+                productData: [],
+                productSeeModal: false,
+                tableHeight: null,
+                dictionaryId: this.$route.params.id,
+                dictionaryName: '',
+                dictionType: '',
+                isRelate: '',
+                relateDicId: '',
+                regionSeeModal: false, // 模态框是否打开
+                // 嵌套表格表头
+                // 嵌套表格内容
+                areaData: [],
+                // 内联抽屉标题
+                areaTitle: '',
+                // 内联抽屉状态
+                areaModel: false,
+                // 内联抽屉操作状态
+                areaType: '',
+                areaModelRules: {
+                    selectStandCategory: [
+                        { required: true, message: '类别不能为空', trigger: 'change' }
+                    ],
+                    showIndex: [
+                        {type: 'number', required: true, message: '排序号不能为空且为正整数', trigger: 'blur'},
+                        {type: 'string', validator: this.verify.validStandNumInCompile2, trigger: 'blur'}
+                    ]
+                },
+                // 内联抽屉信息
+                areaModelAdd: {
+                    dicTypeName: '',
+                    dicTypeCode: '',
+                    showIndex: '',
+                    describes: '',
+                    parentId: '',
+                    classifyCode: '',
+                    selectStandCategory: '',
+                    dicId: this.$route.params.id
+                },
+                //  接受内联row信息
+                areaRow: '',
+                areaSeeModel: false,
+                areaLoading: false,
+                // 子类分类
+                areaPage: 1,
+                areaTotal: 0,
+                areaRows: 10,
+                selectNumber: '',
+                // 标准类别列表
+                standCategoryList: [],
+                selectStandCategory: '',
+                selectStandCategoryNum: 0,
+                newAreaModelAdd: {},
+                // 模态框是否打开
+                enterpriseSeeModal: false,
+                // 嵌套表格内容
+                subClassData: [],
+                // 内联抽屉标题
+                subClassTitle: '',
+                // 内联抽屉状态
+                subClassModel: false,
+                // 内联抽屉操作状态
+                subClassType: '',
+                // 内联抽屉信息
+                subClassModelAdd: {
+                    dicTypeName: '',
+                    describes: '',
+                    showIndex: '',
+                    classifyCode: '',
+                    parentId: '',
+                    dicId: this.relateDicId
+                },
+                newClassModelAdd: {},
+                //  接受内联row信息
+                subClassRow: '',
+                // 内联抽屉验证
+                subClassRules: {
+                    dicTypeName: [
+                        {required: true, message: '选项不能为空', trigger: 'blur'},
+                        {type: 'string', max: 100, message: '最多输入100位', trigger: 'blur'}
+                    ],
+                    classifyCode: [
+                        {type: 'string', max: 100, message: '最多输入100位', trigger: 'blur'}
+                    ],
+                    showIndex: [
+                        {type: 'number', required: true, message: '排序号不能为空且为正整数', trigger: 'blur'},
+                        {type: 'string', validator: this.verify.validStandNumInCompile2, trigger: 'blur'}
+                    ],
+                    describes: [
+                        {type: 'string', max: 500, message: '最多输入500位', trigger: 'blur'}
+                    ]
+                },
+                subClassSeeModel: false,
+                subClassLoading: false,
+                enterprisePage: 1,
+                enterpriseTotal: 0,
+                enterpriseRows: 10,
+                areaTableHeight: null,
+                id: 1000,
+                sarMenuEO: {
+                    id: '',
+                    menuName: '',
+                    displaySeq: '',
+                    remarks: ''
+                },
+            }
+        },
+        methods: {
+            saveClass(data){
+                console.log(data)
+            },
+
+            update(data) {
+                this.modalType = 2
+                this.selectChildMenu(data)
+                this.productModal = true
+                // 取消所有的选中效果
+                this.handleSelectAll(false)
+                this.productTitle = '编辑信息'
+                // const newChild = { id: this.id++, label: 'testtest', children: [] };
+                // if (!data.children) {
+                //     this.$set(data, 'children', []);
+                // }
+                // data.children.push(newChild);
+            },
+
+            append(data) {
+                this.modalType = 1
+                this.selectChildMenu(data)
+                this.productModal = true
+                // 取消所有的选中效果
+                this.handleSelectAll(false)
+                this.productTitle = '新增下级菜单信息'
+                this.productModelAdd.dicTypeCode = ''
+                // const newChild = { id: this.id++, label: 'testtest', children: [] };
+                // if (!data.children) {
+                //     this.$set(data, 'children', []);
+                // }
+                // data.children.push(newChild);
+            },
+
+            remove(node, data) {
+                this.$confirm('是否删除菜单?', '提示', {
+                    confirmButtonText: '确定',
+                    confirmButtonClass: 'common-button-primary',
+                    cancelButtonText: '取消',
+                    roundButton: true,
+                    type: 'warning'
+                }).then(() => {
+                    this.$http.delete("lawss/sarMenuStandard", {
+                        menuId: data.id
+                    }, res => {
+                    }, e => {
+                        if(e.ok){
+                            this.$message({
+                                type: 'success',
+                                message: "删除成功"
+                            })
+                            this.selectMenu()
+                        }else {
+                            this.$message({
+                                type: 'warning',
+                                message: e.message
+                            })
+                        }
+                    })
+                }).catch(() => {
+                    this.$refs.selections.clearSelection()
+                    this.$message({
+                        type: 'info',
+                        message: '已取消删除'
+                    })
+                })
+                // const parent = node.parent;
+                // const children = parent.data.children || parent.data;
+                // const index = children.findIndex(d => d.id === data.id);
+                // children.splice(index, 1);
+            },
+            // 更多
+            handleCommand (command) {
+                switch (command[1]) {
+                    case '编辑':
+                        this.productEdit(command[0])
+                        break
+                    case '删除':
+                        this.productDel(command[0].id, command[0].dicTypeCode)
+                        break
+                    case '查看':
+                        this.viewData(command[0])
+                        break
+                }
+            },
+            // 内部更多
+            handleCommandInside (command) {
+                switch (command[1]) {
+                    // case '编辑':
+                    //   this.productEdit(command[0])
+                    //   break
+                    case '删除':
+                        this.regionAreaDel(command[0].id)
+                        break
+                    // case '查看':
+                    //   this.viewData(command[0])
+                    //   break
+                }
+            },
+            back () {
+                this.$router.push(this.$store.state.detailMap)
+                this.$store.commit('setDetailMap', '')
+            },
+            //  全选
+            handleSelectAll (val) {
+                // this.$refs.selection.selectAll(status)
+                console.log('val', val)
+            },
+            // 非全选
+            handleSelectone (row) {
+                this.selectNum = row
+            },
+            // 对话框
+            instance (type, content) {
+                const title = '请选择'
+                switch (type) {
+                    case 'info':
+                        this.$Modal.info({
+                            title: title,
+                            content: content
+                        })
+                        break
+                    case 'success':
+                        this.$Modal.success({
+                            title: title,
+                            content: content
+                        })
+                        break
+                    case 'warning':
+                        this.$Modal.warning({
+                            title: title,
+                            content: content
+                        })
+                        break
+                    case 'error':
+                        this.$Modal.error({
+                            title: title,
+                            content: content
+                        })
+                        break
+                }
+            },
+            // 删除选择提示框
+            confirm (id, code, url, type) {
+                let paramId = {
+                    dicTypeEOId: id,
+                    dicTypeCode: code
+                }
+                let paramIds = {
+                    ids: id,
+                    dicTypeCodes: code
+                }
+                this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
+                    confirmButtonText: '确定',
+                    confirmButtonClass: 'common-button-primary',
+                    cancelButtonText: '取消',
+                    roundButton: true,
+                    type: 'warning'
+                }).then(() => {
+                    this.$http.delete(url, type === 1 ? paramId : paramIds, {
+                        _this: this
+                    }, res => {
+                        // if (this.relateDicId === 'FGFBTYGHGHMB') {
+                        this.selectSubClass(this.subClassRow)
+                        // } else {
+                        this.selectProduct()
+                        this.selectArea(this.areaRow)
+                        // }
+                        this.page = 1
+                        this.selectNum = ''
+                    }, e => {
+                    })
+                }).catch(() => {
+                    this.$refs.selections.clearSelection()
+                    this.$message({
+                        type: 'info',
+                        message: '已取消删除'
+                    })
+                })
+            },
+            closeDrawer () {
+                this.$nextTick(() => {
+                    this.$refs['productModelAdd'].resetFields()
+                    this.productModelAdd = {
+                        // 模态框信息
+                        dicTypeName: '',
+                        showIndex: '',
+                        // 描述
+                        describes: '',
+                        // 唯一辨识
+                        dicId: this.$route.params.id
+                    }
+                })
+                this.productModal = false
+            },
+            selectSubClass (id) {
+                this.$http.get('sys/dictype/page', {
+                    page: this.enterprisePage,
+                    pageSize: this.$store.getters.userInfo.configContent,
+                    id: id,
+                    dicId: this.relateDicId
+                }, {
+                    _this: this,
+                    loading: 'subClassLoading'
+                }, res => {
+                    this.enterpriseTotal = res.data.count
+                    this.subClassData = res.data.list
+                }, e => {})
+            },
+            // 新增
+            productAdd () {
+                this.productModal = true
+                this.modalType = 1
+                // 取消所有的选中效果
+                this.handleSelectAll(false)
+                this.productTitle = '新增信息'
+                this.productModelAdd.dicTypeCode = ''
+            },
+            // 编辑
+            productEdit (item) {
+                this.productModal = true
+                this.modalType = 2
+                this.handleSelectAll(false)
+                this.productTitle = '编辑信息'
+                this.productModelAdd = JSON.parse(JSON.stringify(item))
+            },
+            // 查看
+            viewData (row) {
+                if (this.dictionaryId === 'WEWXFSYUJBNG') {
+                    this.enterpriseSeeModal = true
+                    this.modalType = 3
+                    this.subClassModelAdd.parentId = row.id
+                    this.subClassRow = row.id
+                    this.selectSubClass(row.id)
+                } else {
+                    this.regionSeeModal = true
+                    this.modalType = 3
+                    this.areaModelAdd.parentId = row.id
+                    this.areaRow = row.id
+                    this.selectArea(row.id)
+                }
+            },
+            // 清空查看表单
+            clearSeeModal () {
+                for (let i in this.productModelAdd) {
+                    this.productModelAdd[i] = ''
+                }
+            },
+            // 删除 外层
+            productDel (id, dicTypeCode) {
+                this.handleSelectAll(false)
+                let url = 'sys/dictype/delete'
+                let type = 1
+                this.confirm(id, dicTypeCode, url, type)
+            },
+            // 批量删除 外层
+            productBatchDel () {
+                if (this.selectNum === '' || this.selectNum.length === 0) {
+                    this.$message({
+                        message: '请选择一条数据进行删除',
+                        type: 'warning'
+                    })
+                } else {
+                    let delIds = []
+                    let dicTypeCodes = []
+                    for (let i = 0; i < this.selectNum.length; i++) {
+                        delIds.push(this.selectNum[i].id)
+                        dicTypeCodes.push(this.selectNum[i].dicTypeCode)
+                    }
+                    delIds = delIds.join(',')
+                    dicTypeCodes = dicTypeCodes.join(',')
+                    const url = 'sys/dictype/deleteArr'
+                    this.confirm(delIds, dicTypeCodes, url)
+                }
+            },
+            pageChange (page) {
+                this.page = page
+                this.selectProduct()
+            },
+            pageSizeChange (pageSize) {
+                this.rows = pageSize
+                this.selectProduct()
+            },
+            // 重置搜索
+            resetSelect () {
+                this.standardForm.standName = ''
+                this.standardForm.standCode = ''
+                this.selectProduct()
+            },
+            // 搜索
+            selectProductBtn () {
+                this.page = 1
+                this.selectProduct()
+            },
+            // 加载表格
+            selectProduct () {
+                let DicTypeEOPage = {
+                    page: this.page,
+                    pageSize: this.$store.getters.userInfo.configContent,
+                    dicTypeName: this.standardForm.standName,
+                    dicTypeCode: this.standardForm.standCode,
+                    describes: this.standardForm.standCode,
+                    dicId: this.dictionaryId
+                }
+                this.$http.get('sys/dictype/pageCountry', DicTypeEOPage, {
+                    _this: this,
+                    loading: 'loading'
+                }, res => {
+                    this.productData = res.data.list
+                    this.total = res.data.count
+                }, e => {})
+                // this.$refs.selection.selectAll(false)
+            },
+            closeModal () {
+                this.productModal = false
+                this.closeDrawer()
+            },
+            // 提交新增/修改
+            saveProduct (name) {
+                this.$refs[name].validate((valid) => {
+                    if (valid) {
+                        if (this.modalType === 1) {
+                            this.$http.postData('lawss/sarMenuStandard/add', this.productModelAdd, {
+                                _this: this
+                            }, res => {
+                                if (res.ok) {
+                                    this.selectMenu()
+                                    this.productModal = false
+                                    this.productModelAdd = {
+                                        // 模态框信息
+                                        dicTypeName: '',
+                                        showIndex: '',
+                                        // 描述
+                                        describes: '',
+                                        // 唯一辨识
+                                        dicId: this.$route.params.id
+                                    }
+                                } else {
+                                    this.productModal = true
+                                }
+                            }, e => {})
+                        } else if (this.modalType === 2) {
+                            this.$http.putData('lawss/sarMenuStandard', this.productModelAdd, {
+                                _this: this
+                            }, res => {
+                                this.selectMenu()
+                                this.productModal = false
+                                this.productModelAdd = {
+                                    // 模态框信息
+                                    dicTypeName: '',
+                                    showIndex: '',
+                                    // 描述
+                                    describes: '',
+                                    // 唯一辨识
+                                    dicId: this.$route.params.id
+                                }
+                            }, e => {
+                            })
+                        }
+                    } else {
+                    }
+                })
+            },
+            // 内联表格新建
+            areaAdd () {
+                // 此处增加查询标准类别选项
+                this.getStandCategory()
+                this.areaModel = true
+                this.areaTitle = '新增信息'
+                this.areaType = 1
+                // this.$refs['areaModelAdd'].resetFields()
+                this.areaModelAdd.selectStandCategory = ''
+            },
+            // 内联表格编辑
+            regionAreaEdit (row) {
+                this.areaModelAdd = JSON.parse(JSON.stringify(row))
+                // 开始遍历标准类别并将上次选中的数据设置
+                this.setStandCategory()
+                this.areaModel = true
+                this.areaTitle = '编辑信息'
+                this.areaType = 2
+            },
+            // 内联信息提交
+            saveArea (name) {
+                this.$refs[name].validate((valid) => {
+                    if (valid) {
+                        let standCategory = this.standCategoryList[this.selectStandCategoryNum]
+                        this.areaModelAdd.dicTypeName = standCategory.label
+                        this.areaModelAdd.dicTypeCode = standCategory.value
+                        this.newAreaModelAdd.dicTypeCode = standCategory.value
+                        this.newAreaModelAdd.dicTypeName = standCategory.label
+                        this.newAreaModelAdd.parentId = this.areaModelAdd.parentId
+                        this.newAreaModelAdd.dicId = this.dictionaryId
+                        this.newAreaModelAdd.showIndex = this.areaModelAdd.showIndex
+                        if (this.areaType === 1) {
+                            this.$http.postData('sys/dictype/create', this.newAreaModelAdd, {
+                                _this: this
+                            }, res => {
+                                if (res.ok) {
+                                    this.$nextTick(() => {
+                                        this.$refs['areaModelAdd'].resetFields()
+                                        // this.$refs['subClassModelAdd'].resetFields()
+                                        this.newAreaModelAdd = {}
+                                        this.selectArea(this.areaRow)
+                                    })
+                                    this.areaModel = false
+                                }
+                            }, e => {
+                            })
+                        } else if (this.areaType === 2) {
+                            this.$http.putData('sys/dictype', this.areaModelAdd, {
+                                _this: this
+                            }, res => {
+                                if (res.ok) {
+                                    this.$nextTick(() => {
+                                        this.$refs['areaModelAdd'].resetFields()
+                                        // this.$refs['subClassModelAdd'].resetFields()
+                                        this.newAreaModelAdd = {}
+                                        this.selectArea(this.areaRow)
+                                    })
+                                    this.areaModel = false
+                                }
+                            }, e => {
+                            })
+                        }
+                    } else {
+
+                    }
+                })
+            },
+            selectArea (id) {
+                this.$http.get('sys/dictype/page', {
+                    page: this.areaPage,
+                    pageSize: this.$store.getters.userInfo.configContent,
+                    dicId: this.dictionaryId,
+                    id: id
+                }, {
+                    _this: this,
+                    loading: 'areaLoading'
+                }, res => {
+                    this.areaTotal = res.data.count
+                    this.areaData = res.data.list
+                }, e => {})
+            },
+            // 获取标准类别
+            getStandCategory () {
+                this.$http.get('sys/dictype/getDicTypeByDicId', {
+                    dicId: this.relateDicId
+                }, {_this: this}, res => {
+                    this.standCategoryList = res.data
+                })
+            },
+            // 将选中的数据进行
+            setStandCategory () {
+                this.$http.get('sys/dictype/getDicTypeByDicId', {
+                    dicId: this.relateDicId
+                }, {_this: this}, res => {
+                    this.standCategoryList = res.data
+                    for (let index = 0; index < this.standCategoryList.length; index++) {
+                        let standCategory = this.standCategoryList[index]
+                        if (standCategory.label === this.areaModelAdd.dicTypeName) {
+                            this.selectStandCategoryNum = index
+                            break
+                        }
+                    }
+                })
+            },
+            getSelectCate () {
+                for (let index = 0; index < this.standCategoryList.length; index++) {
+                    let standCategory = this.standCategoryList[index]
+                    if (standCategory.value === this.areaModelAdd.selectStandCategory) {
+                        this.selectStandCategoryNum = index
+                        break
+                    }
+                }
+            },
+            // 内联抽屉关闭
+            closeAreaModal () {
+                this.$nextTick(() => {
+                    this.$refs['areaModelAdd'].resetFields()
+                    this.areaModel = false
+                })
+            },
+            // 内联抽屉信息删除
+            regionAreaDel (id) {
+                let url = 'sys/dictype/delete'
+                let type = 1
+                let areaListType = 1
+                this.confirm(id, '', url, type, areaListType)
+            },
+            // 内联抽屉信息批量删除
+            areaBatchDel () {
+                if (this.selectNumber === '' || this.selectNumber.length === 0) {
+                    this.$message({
+                        message: '请选择一条数据进行删除',
+                        type: 'warning'
+                    })
+                } else {
+                    let delIds = []
+                    for (let i = 0; i < this.selectNumber.length; i++) {
+                        delIds.push(this.selectNumber[i].id)
+                    }
+                    delIds = delIds.join(',')
+                    const url = 'sys/dictype/deleteArr'
+                    let areaListType = 1
+                    let type = 2
+                    this.confirm(delIds, null, url, type, areaListType)
+                }
+            },
+            // 企标细类管理相关方法
+            enterprisePageChange (page) {
+                this.enterprisePage = page
+                this.selectSubClass(this.subClassRow)
+            },
+            enterprisePageSizeChange (pageSize) {
+                this.enterpriseRows = pageSize
+                this.selectSubClass(this.subClassRow)
+            },
+            closeClassDrawer () {
+                this.$refs['subClassModelAdd'].resetFields()
+                for (let i in this.newClassModelAdd) {
+                    this.newClassModelAdd[i] = ''
+                }
+            },
+            // 内联表格新建
+            subClassAdd () {
+                this.subClassModel = true
+                this.subClassTitle = '新增信息'
+                this.$refs['subClassModelAdd'].resetFields()
+            },
+            // 内联表格编辑
+            regionSubClassEdit (row) {
+                this.subClassModel = true
+                this.subClassTitle = '编辑信息'
+                this.subClassType = 2
+                this.subClassModelAdd = JSON.parse(JSON.stringify(row))
+            },
+            // 内联信息提交
+            saveSubClass (name) {
+                this.$refs[name].validate((valid) => {
+                    this.newClassModelAdd.classifyCode = this.subClassModelAdd.classifyCode
+                    this.newClassModelAdd.describes = this.subClassModelAdd.describes
+                    this.newClassModelAdd.dicId = this.subClassModelAdd.dicId
+                    this.newClassModelAdd.dicTypeName = this.subClassModelAdd.dicTypeName
+                    this.newClassModelAdd.parentId = this.subClassModelAdd.parentId
+                    this.newClassModelAdd.showIndex = this.subClassModelAdd.showIndex
+                    if (valid) {
+                        if (this.subClassType === 1) {
+                            this.$http.postData('sys/dictype/createEnterpriseStandard', this.newClassModelAdd, {
+                                _this: this
+                            }, res => {
+                                this.selectSubClass(this.subClassRow)
+                            }, e => {
+                            })
+                        } else if (this.subClassType === 2) {
+                            this.$http.putData('sys/dictype', this.subClassModelAdd, {
+                                _this: this
+                            }, res => {
+                                this.selectSubClass(this.subClassRow)
+                                this.subClassModel = false
+                            }, e => {
+                            })
+                        }
+                    } else {
+
+                    }
+                })
+            },
+            // 内联抽屉关闭
+            closeSubClassModal () {
+                this.subClassModel = false
+                this.closeClassDrawer()
+            },
+            closeAreaDrawer () {
+                this.$nextTick(() => {
+                    this.$refs['areaModelAdd'].resetFields()
+                    // 内联抽屉信息
+                    this.areaModelAdd = {
+                        dicTypeName: '',
+                        dicTypeCode: '',
+                        showIndex: '',
+                        describes: '',
+                        parentId: '',
+                        classifyCode: '',
+                        selectStandCategory: '',
+                        dicId: this.$route.params.id
+                    }
+                })
+                this.areaModel = false
+            },
+            // 子类分页
+            areaPageChange (page) {
+                this.areaPage = page
+                this.selectArea(this.areaRow)
+            },
+            areaPageSizeChange (pageSize) {
+                this.areaRows = pageSize
+                this.selectArea(this.areaRow)
+            },
+            handleSelect (row) {
+                this.selectNumber = row
+            },
+            // 查询所有菜单
+            selectMenu () {
+                this.$http.get('lawss/sarMenuStandard', {
+                    dicId: this.dictionaryId
+                }, {}, res => {
+                    if (res.ok) {
+                        this.data = res.data
+                    }
+                })
+            },
+            // 查询二级菜单
+            selectChildMenu (row) {
+                this.$http.get('lawss/sarMenuStandard/getSarMenuStandardById', {
+                    menuId: row.id
+                }, {}, res => {
+                    if (res.ok) {
+                        if(this.modalType === 1){
+                            let idsName = ""
+                            if(row.parentIds !== null){
+                                if(row.parentIds.indexOf(res.data.id) != -1){
+                                    this.productModelAdd.parentIds = row.parentIds
+                                }else {
+                                    this.productModelAdd.parentIds = row.parentIds + ',' + res.data.id
+                                    idsName = row.parentIdsName + ',' + res.data.menuName
+                                }
+                            }else {
+                                this.productModelAdd.parentIds = res.data.id
+                                idsName = res.data.menuName;
+                            }
+                            this.productModelAdd.parentId = res.data.id
+                            this.productModelAdd.parentIdsName = idsName
+                            console.log(this.productModelAdd.parentIdsName)
+                            this.$forceUpdate()
+                        }else {
+                            this.productModelAdd = res.data
+                        }
+                    }
+                })
+            },
+        },
+        mounted () {
+            this.selectMenu()
+            this.dictionaryId = this.$route.params.id
+            this.dictionaryName = this.$route.params.dictionaryName
+            this.dictionType = this.$route.params.dictionType
+            this.isRelate = this.$route.params.isRelate
+            this.relateDicId = this.$route.params.relateDicId
+            this.selectProduct()
+            let _this = this
+            this.$nextTick(() => {
+                this.tableHeight = $('.content').height()
+                this.areaTableHeight = $('.areaContent').height()
+                window.onresize = function () {
+                    _this.tableHeight = $('.content').height()
+                    _this.areaTableHeight = $('.areaContent').height()
+                }
+            })
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    .stand-laws-attr-details{
+        height: 100%;
+        //background-color: #fff;
+        .laws-details-header {
+            background: #fff;
+            // height: 30px;
+            line-height: 50px;
+            padding: 0 10px;
+            //margin-bottom: 5px;
+            .back {
+                display: inline-block;
+                margin-right: 10px;
+            }
+            .title {
+                display: inline-block;
+                font-weight: bold;
+                font-size: 18px;
+                flex: 1;
+                padding: 0 15px;
+                text-align: center;
+            }
+        }
+        .content{
+            height: calc(~'100% - 107px - 50px');
+            overflow: auto;
+            .table{
+                //height: calc(~'100% - 200px');
+            }
+        }
+        .search-select.el-dropdown{
+            width: 100%;
+        }
+        .not-footer-drawer{
+            .areaContent{
+                height: calc(~'100% - 56px - 53px');
+            }
+        }
+        .laws-details-footer{
+
+        }
+    }
+</style>
diff --git a/src/pages/regulatoryRepository/domesticStandardsAndRegulations/index.vue b/src/pages/regulatoryRepository/domesticStandardsAndRegulations/index.vue
index 5dca0201d..5f6b2bc7a 100644
--- a/src/pages/regulatoryRepository/domesticStandardsAndRegulations/index.vue
+++ b/src/pages/regulatoryRepository/domesticStandardsAndRegulations/index.vue
@@ -76,12 +76,12 @@
         </div>
       </table-tools-bar>
       <div class="action-bar">
-        <el-button type="primary"
-                   class="common-button-primary add-button"
-                   @click="addModal"
-                   size="mini"
-                   v-btn-permission="'57f40856850c95912be0760a082db0e0'"
-                   :disabled="addBtnDisabled"><i class="iconfont">&#xe84e;</i>新增</el-button>
+<!--        <el-button type="primary"-->
+<!--                   class="common-button-primary add-button"-->
+<!--                   @click="addModal"-->
+<!--                   size="mini"-->
+<!--                   v-btn-permission="'57f40856850c95912be0760a082db0e0'"-->
+<!--                   :disabled="addBtnDisabled"><i class="iconfont">&#xe84e;</i>新增</el-button>-->
         <el-button class="common-button-default in-button"
                    :loading="searching"
                    size="mini"
diff --git a/src/router/index.js b/src/router/index.js
index 5c0a65d68..08ea91630 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1027,6 +1027,17 @@ const routes = [
           title: '标准法规属性管理详情页'
         }
       },
+      {
+        path: '/standLawsAttrTreeDetails/:id?/:dictionaryName?/:dictionType?/:isRelate?/:relateDicId?',
+        name: 'standLawsAttrTreeDetails',
+        component: () =>
+          import('@/pages/config/pages/standLawsAttrManage/pages/standLawsAttrTreeDetails'),
+        meta: {
+          requireAuth: true,
+          parentPath: '/standLawsAttrManage',
+          title: '标准法规属性管理详情页'
+        }
+      },
       {
         path: '/attributeCustom',
         name: 'AttributeCustom',