From f0c50b86e9e49bee897334168e88d659740e1726 Mon Sep 17 00:00:00 2001
From: 11528 <1152856986@qq.com>
Date: Mon, 21 Mar 2022 09:20:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../attributeCustom/components/stand.vue      | 1560 ++++++------
 .../pages/mechanismManage/pages/committee.vue |   10 +-
 .../pages/mechanismManage/pages/mechanism.vue |   10 +-
 .../pages/mechanismManage/pages/workgroup.vue |   10 +-
 .../pages/standLawsAttrManage/index.vue       | 1376 +++++------
 .../pages/standLawsAttrDetails.vue            | 2160 ++++++++---------
 6 files changed, 2564 insertions(+), 2562 deletions(-)

diff --git a/src/pages/config/pages/attributeCustom/components/stand.vue b/src/pages/config/pages/attributeCustom/components/stand.vue
index 12c0430c7..b93b0e572 100644
--- a/src/pages/config/pages/attributeCustom/components/stand.vue
+++ b/src/pages/config/pages/attributeCustom/components/stand.vue
@@ -1,780 +1,780 @@
-<!-- 配置管理 - 属性自定义 - 国内外标准法规 -->
-<template>
-  <div class="attribute-custom v-class">
-    <div class="action-bar1">
-      <el-button size="mini" style="margin-right: 5px" class="common-button-primary add-button"  type="primary" @click="showAddModel">新增</el-button>
-      <el-button size="small" class="common-button-default"  @click="showDisplayLocationDialog">展示区域管理</el-button>
-    </div>
-    <loading :loading="attributeDataLoading">数据处理中</loading>
-    <div class="content">
-      <el-table
-        style="width: 100%;"
-        :data="attributeList"
-        height="100%"
-        border
-        ref="selections"
-        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
-       fontWeight: 'bold', height: '48px'}"
-        @on-selection-change="handleSelectone"
-      >
-        <el-table-column
-          type="selection"
-          width="55"
-          align="center"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="sarType"
-          label="所属模块"
-          width="140"
-        >
-          <template slot-scope="scope">
-            {{ getSarTypeText(scope.row.sarType) }}
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="attrField"
-          label="属性字段"
-          width="120"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="attrName"
-          label="属性名称"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="attrType"
-          label="属性类型"
-          width="140"
-        >
-          <template slot-scope="scope">
-            {{ getAttrTypeText(scope.row.attrType) }}
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="attrLen"
-          label="字段长度"
-          width="120"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="orderNum"
-          label="展示顺序"
-          width="100"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="areaName"
-          label="展示区域"
-          width="120"
-        >
-        </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="handleCommand">
-                <i class="iconfont">&#xe61e;</i>
-                <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item :command="[scope.row, '编辑']">编辑</el-dropdown-item>
-                  <el-dropdown-item :disabled="scope.row.isEdit==='1'" :command="[scope.row, '删除']">删除</el-dropdown-item>
-                </el-dropdown-menu>
-              </el-dropdown>
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <pagination :total="total" :pageChange="pageNo" :pageSizeChange="pageSize" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
-    <!-- 新建抽屉-->
-    <el-drawer
-      :title="attributeTitle"
-      :visible.sync="showInfoModal"
-      size="800px"
-      :styles="styles"
-      :wrapperClosable="false"
-      @close="cancelModel"
-    >
-      <div class="demo-drawer-content">
-        <el-form
-          ref="attributeEO"
-          :model="attributeEO"
-          :rules="attributeEOFormRules"
-          class="label-input-form"
-          label-width="150px"
-        >
-          <input v-model="attributeEO.id" v-show="false">
-          <el-form-item label="所属模块" prop="sarType" class="add-form-item">
-            <el-select
-              v-model="attributeEO.sarType"
-              placeholder="请选择"
-              filterable
-              @change="handleSarTypeChange">
-              <el-option
-                v-for="item in sarTypeOptions"
-                :label="item.label"
-                :value="item.value"
-                :key="item.value"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="属性字段" prop="attrField" class="add-form-item" :class="{'form-item-disabled': addOrEdit === 'edit'}">
-            <el-input v-model.trim="attributeEO.attrField" :disabled="addOrEdit === 'edit'" placeholder="请输入属性字段" clearable/>
-          </el-form-item>
-          <el-form-item label="属性名称" prop="attrName" class="add-form-item">
-            <el-input v-model.trim="attributeEO.attrName" placeholder="请输入属性名称" clearable/>
-          </el-form-item>
-          <el-form-item label="属性类型" prop="attrType" class="add-form-item" :class="{'form-item-disabled': addOrEdit === 'edit'}">
-            <el-select v-model="attributeEO.attrType" placeholder="请选择" :disabled="addOrEdit === 'edit'" filterable>
-              <el-option
-                v-for="item in attrTypeOptions"
-                :label="item.label"
-                :value="item.value"
-                :key="item.value"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="选项值" prop="selVal" class="add-form-item" v-if="attributeEO.attrType === 'SEL_OPTION' || attributeEO.attrType === 'SEL_OPTS'">
-            <el-select v-model="attributeEO.selVal" placeholder="请选择" :disabled="addOrEdit === 'edit'" filterable>
-              <el-option
-                v-for="item in relateDicIdOptions"
-                :label="item.label"
-                :value="item.value"
-                :key="item.value"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <!--              <el-form-item label="是否预警" prop="isWarn" class="laws-info-item" v-if="attributeEO.attrType === 'DATE_PICKER'">-->
-          <!--                <Select v-model="attributeEO.isWarn">-->
-          <!--                  <Option v-for="opt in isMustOptions" :key="opt.value" :value="opt.value">{{ opt.label }}</Option>-->
-          <!--                </Select>-->
-          <!--              </el-form-item>-->
-          <el-form-item label="字段长度" prop="attrLen" class="add-form-item">
-            <el-input v-model.number="attributeEO.attrLen" :disabled="addOrEdit === 'edit'" placeholder="只允许输入正整数" number  :maxlength="4"/>
-          </el-form-item>
-          <el-form-item label="展示顺序" prop="orderNum" class="add-form-item">
-            <el-input v-model.number="attributeEO.orderNum" placeholder="只允许输入正整数" number  :maxlength="3"/>
-          </el-form-item>
-          <el-form-item label="是否必填" prop="isMust" class="add-form-item">
-            <el-select v-model="attributeEO.isMust">
-              <el-option v-for="opt in isMustOptions" :key="opt.value" :value="opt.value" :label="opt.label">{{ opt.label }}</el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="是否展示" prop="isShowImp" class="add-form-item">
-            <el-select v-model="attributeEO.isShowImp">
-              <el-option
-                v-for="opt in isMustOptions"
-                :key="opt.value"
-                :value="opt.value"
-                :label="opt.label"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="展示区域" prop="showRegionId" class="add-form-item" v-if="attributeEO.isShowImp === '0'">
-            <el-select v-model="attributeEO.showRegionId">
-              <el-option
-                v-for="opt in showRegionOptions"
-                :key="opt.value"
-                :value="opt.value"
-                :label="opt.label"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <!--              <el-form-item label="作为搜索条件" prop="isSearch" class="laws-info-item">-->
-          <!--                <Select v-model="attributeEO.isSearch">-->
-          <!--                  <Option v-for="opt in isMustOptions" :key="opt.value" :value="opt.value">{{ opt.label }}</Option>-->
-          <!--                </Select>-->
-          <!--              </el-form-item>-->
-        </el-form>
-      </div>
-      <div id="roleFormButton" class="demo-drawer-footer">
-        <el-button class="common-button-primary" icon="el-icon-check" type="primary" @click="saveInfo()">提交</el-button>
-        <el-button class="common-button-default" icon="el-icon-close" @click="cancelModel">取消</el-button>
-      </div>
-    </el-drawer>
-
-    <el-dialog
-      :visible.sync="displayLocationDialogVisible"
-      title="展示区域管理"
-      width="400px"
-    >
-      <div style="margin-bottom: 10px;">
-        <el-button class="common-button-primary add-button" type="primary" icon="add" @click="showAddDisplayLocationDialog(undefined)">新增</el-button>
-      </div>
-      <el-table
-        :loading="displayLocationDialogTableConfig.loading"
-        :data="displayLocationDialogTableData"
-        border
-        style="width: 100%"
-        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
-       fontWeight: 'bold', height: '48px'}"
-      >
-        <el-table-column
-          prop="areaName"
-          label="展示区域">
-        </el-table-column>
-        <el-table-column
-          prop="areaName"
-          label="所属模块">
-          <template slot-scope="scope">
-            {{ getSarTypeText(scope.row.sarType) }}
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="showIndex"
-          label="排序号">
-        </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="handleCommand2">
-                <i class="iconfont">&#xe61e;</i>
-                <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item :command="[scope.row, '修改']">修改</el-dropdown-item>
-                  <el-dropdown-item :disabled="scope.row.validFlag===1" :command="[scope.row, '删除']">删除</el-dropdown-item>
-                </el-dropdown-menu>
-              </el-dropdown>
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-dialog>
-    <el-dialog
-      destroy-on-close
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
-      :visible.sync="displayLocationFormDialogVisible"
-      :title="displayLocationFormDialogTilte"
-      @close="handleDisplayLocationFormDialogReset('displayLocationDialogForm')"
-      width="400px"
-    >
-      <el-form
-        ref="displayLocationDialogForm"
-        :model="displayLocationDialogFormData"
-        :rules="displayLocationDialogFormRules"
-        label-width="100px"
-        class="label-input-form"
-      >
-        <el-form-item label="区域名称" prop="areaName" class="add-form-item">
-          <el-input v-model="displayLocationDialogFormData.areaName" placeholder="请输入区域名称"></el-input>
-        </el-form-item>
-        <el-form-item label="所属模块" prop="sarType" class="add-form-item">
-          <el-select v-model="displayLocationDialogFormData.sarType" filterable>
-            <el-option
-              v-for="item in sarTypeOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="排序号" prop="showIndex" class="add-form-item">
-          <el-input v-model.number="displayLocationDialogFormData.showIndex" placeholder="请输入排序号"></el-input>
-        </el-form-item>
-      </el-form>
-      <span slot="footer" class="dialog-footer">
-        <el-button class="common-button-default" @click="handleDisplayLocationFormDialogReset('displayLocationDialogForm')">取 消</el-button>
-        <el-button class="common-button-primary" type="primary" @click="handleDisplayLocationFormDialogSubmit('displayLocationDialogForm')">确 定</el-button>
-      </span>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-const sarType = 'STAND'
-export default {
-  name: 'attribute-custom',
-  data () {
-    return {
-      sarType: sarType,
-      displayLocationDialogTableConfig: {
-        columns: [
-          {
-            title: '展示区域',
-            key: 'areaName'
-          },
-          {
-            title: '排序号',
-            key: 'showIndex'
-          },
-          {
-            title: '操作',
-            slot: 'operations'
-          }
-        ],
-        page: {
-          pageSize: 100,
-          currentPage: 1,
-          total: 0
-        },
-        loading: false
-      },
-      displayLocationDialogTableData: [],
-      displayLocationDialogVisible: false,
-      displayLocationFormDialogVisible: false,
-      defaultDisplayLocationDialogFormData: {
-        areaName: '',
-        sarType: '',
-        showIndex: ''
-      },
-      displayLocationDialogFormData: {
-        areaName: '',
-        showIndex: ''
-      },
-      displayLocationDialogFormRules: {
-        areaName: [
-          { required: true, message: '请输入展示区域', trigger: 'blur' },
-          { type: 'string', max: 100, message: '最多输入100字', trigger: 'blur' }
-        ],
-        sarType: [
-          {required: true, message: '所属模块不能为空', trigger: 'change'}
-        ],
-        showIndex: [
-          { type: 'number', required: true, message: '请输入排序号', trigger: 'blur' },
-          { type: 'number', min: 0, max: 999, message: '请输入0-999之间的整数', trigger: 'blur' }
-        ]
-      },
-      attributeDataLoading: false,
-      attributeList: [],
-      total: 0,
-      pageNo: 1,
-      pageSize: this.$store.getters.userInfo.configContent,
-      attributeEO: {
-        id: '',
-        attrField: '',
-        attrName: '',
-        attrLen: '',
-        attrType: '',
-        orderNum: '',
-        isMust: '1',
-        isShowImp: '0',
-        showRegionId: '',
-        selVal: '',
-        isSearch: '1',
-        sarType: '',
-        isWarn: '1'
-      },
-      attrTypeOptions: [
-        { label: '输入框（字符串）', value: 'INPUT_STR' },
-        { label: '输入框（数字）', value: 'INPUT_NUM' },
-        { label: '单选下拉框', value: 'SEL_OPTION' },
-        { label: '多选下拉框', value: 'SEL_OPTS' },
-        { label: '单日期选择', value: 'DATE_PICKER' },
-        { label: '多日期选择', value: 'DATE_PIC_OPTS' },
-        { label: '文件', value: 'FILE' },
-        { label: '文本框', value: 'TEXTAREA' }
-      ],
-      sarTypeOptions: [
-        { label: '国内标准法规', value: 'INLAND_STAND' },
-        { label: '海外标准法规', value: 'FOREIGN_STAND' },
-        { label: '国内及海外标准法规', value: 'STAND' }
-      ],
-      sarTypeLocationOptions: [
-        { label: '国内标准法规', value: 'INLAND_STAND' },
-        { label: '海外标准法规', value: 'FOREIGN_STAND' }
-      ],
-      isMustOptions: [
-        { label: '是', value: '0' },
-        { label: '否', value: '1' }
-      ],
-      showRegionOptions: [],
-      relateDicIdOptions: [],
-      attributeTitle: '',
-      showInfoModal: false,
-      attributeEOFormRules: {
-        sarType: [
-          {required: true, message: '所属模块不能为空', trigger: 'change'}
-        ],
-        attrField: [
-          {required: true, message: '属性字段不能为空', trigger: 'blur'},
-          {type: 'string', max: 50, message: '最多输入50位', trigger: 'blur'},
-          {type: 'string', validator: this.verify.validFieldOracle, trigger: 'blur'}
-        ],
-        attrName: [
-          {required: true, message: '属性名称不能为空', trigger: 'blur'},
-          {type: 'string', max: 100, message: '最多输入100位', trigger: 'blur'}
-        ],
-        attrType: [
-          {required: true, message: '属性类型不能为空', trigger: 'change'}
-        ],
-        attrLen: [
-          {type: 'number', required: true, message: '字段长度不能为空且为正整数', trigger: 'blur'},
-          {type: 'string', validator: this.verify.validStandNumInCompile3, trigger: 'blur'}
-        ],
-        orderNum: [
-          {type: 'number', required: true, message: '展示顺序不能为空且为正整数', trigger: 'blur'},
-          {type: 'string', validator: this.verify.validStandNumInCompile2, trigger: 'blur'}
-        ],
-        isMust: [
-          {required: true, message: '是否必填不能为空', trigger: 'change'}
-        ],
-        showRegionId: [
-          {required:true, message:'展示区域不能为空', trigger:'change'}
-        ],
-        isShowImp: [
-          {required: true, message: '是否展示必填不能为空', trigger: 'change'}
-        ],
-      },
-      styles: {
-        height: 'calc(100% - 55px)',
-        overflow: 'auto',
-        paddingBottom: '53px',
-        position: 'static'
-      },
-      addOrEdit: '',
-      selectedList: []
-    }
-  },
-  computed: {
-    displayLocationFormDialogTilte () {
-      const formData = {...this.displayLocationDialogFormData}
-      const isEdit = !!formData.id
-      return isEdit ? '修改展示区域' : '新增展示区域'
-    }
-  },
-  methods: {
-    // 更多
-    handleCommand (command) {
-      switch (command[1]) {
-        case '编辑':
-          this.handleTableEdit(command[0])
-          break
-        case '删除':
-          this.handleTableDelete(command[0])
-          break
-      }
-    },
-    // 展示区域 更多
-    handleCommand2 (command) {
-      switch (command[1]) {
-        case '修改':
-          this.showAddDisplayLocationDialog(command[0])
-          break
-        case '删除':
-          this.removeDisplayLocation(command[0])
-          break
-      }
-    },
-    removeDisplayLocation (data) {
-      this.$confirm('确认删除该条数据？', {
-        title: '确认删除',
-        confirmButtonClass: 'common-button-primary',
-        roundButton: false,
-        callback: (action, instance) => {
-          if (action === 'confirm') {
-            const {id} = data
-            this.$http.delete('lawssBase/utArea/deleteById', {
-              id,
-              sarType: this.sarType
-            }, {
-              _this: this
-            }, res => {
-              this.queryDisplayLocationDialogTableData()
-            }, e => {
-              console.log(e)
-            })
-          }
-        }
-      })
-    },
-    handleDisplayLocationFormDialogSubmit (name) {
-      this.$refs[name].validate((valid) => {
-        if (valid) {
-          const formData = {...this.displayLocationDialogFormData}
-          const isEdit = !!formData.id
-          const url = isEdit ? 'lawssBase/utArea/updateUtArea' : 'lawssBase/utArea/createUtArea'
-          const method = isEdit ? 'putData' : 'postData'
-          this.$http[method](url, formData, {
-            _this: this
-          }, res => {
-            this.displayLocationFormDialogVisible = false
-            this.queryDisplayLocationDialogTableData()
-            // this.displayLocationDialogTableData = res.data.list
-            // this.displayLocationDialogTableConfig.page.total = res.data.count
-          }, e => {
-            console.log(e)
-          })
-        } else {
-          // this.$message.error('Fail!')
-        }
-      })
-    },
-    handleDisplayLocationFormDialogReset (name) {
-      this.displayLocationFormDialogVisible = false
-      this.$refs.displayLocationDialogForm.resetFields()
-    },
-    /**
-     * 打开新增展示区域管理弹框
-     */
-    showAddDisplayLocationDialog (data) {
-      this.displayLocationFormDialogVisible = true
-      if (data) {
-        // 编辑
-        this.displayLocationDialogFormData = {
-          areaName: data.areaName,
-          showIndex: data.showIndex,
-          id: data.id,
-          sarType: data.sarType
-        }
-      } else {
-        this.displayLocationDialogFormData = {...this.defaultDisplayLocationDialogFormData}
-        this.$nextTick(() => {
-          this.$refs.displayLocationDialogForm.resetFields()
-        })
-      }
-    },
-    /**
-     * 打开展示区域管理弹框 并 查询展示区域数据
-     */
-    showDisplayLocationDialog () {
-      this.queryDisplayLocationDialogTableData().then(res => {
-        this.displayLocationDialogVisible = true
-      })
-    },
-    /**
-     * 查询展示区域管理弹框里的列表数据
-     */
-    queryDisplayLocationDialogTableData () {
-      return new Promise((resolve, reject) => {
-        this.$http.get('lawssBase/utArea/page', {
-          page: this.displayLocationDialogTableConfig.page.currentPage,
-          pageSize: this.displayLocationDialogTableConfig.page.pageSize,
-          sarType: this.sarType
-        }, {
-          _this: this.displayLocationDialogTableConfig,
-          loading: 'loading'
-        }, res => {
-          this.displayLocationDialogTableData = res.data.list
-          this.displayLocationDialogTableConfig.page.total = res.data.count
-          resolve(res)
-        }, e => {
-          console.log(e)
-          reject(e)
-        })
-      })
-    },
-    /**
-     * 查询新增弹框里的列表数据
-     */
-    queryDisplayLocationList (sarType) {
-      return new Promise((resolve, reject) => {
-        this.$http.get('lawssBase/utArea/getAreaList', {
-          sarType: sarType || 'INLAND_STAND'
-        }, {
-          _this: this
-        }, res => {
-          this.showRegionOptions = res.data || []
-          resolve(res)
-        }, e => {
-          console.log(e)
-          reject(e)
-        })
-      })
-    },
-    handleSelectone (data) {
-      this.selectedList = []
-      for (let i = 0; i < data.length; i++) {
-        this.selectedList.push(data[i].id)
-      }
-    },
-    pageChange (page) {
-      this.pageNo = page
-      this.getAttrByPage()
-    },
-    pageSizeChange (pageSize) {
-      this.pageSize = pageSize
-      this.getAttrByPage()
-    },
-    getAttrByPage () {
-      this.$http.get('lawss/sarStandAttrDetails/page', {
-          page: this.pageNo,
-          pageSize: this.pageSize,
-          sarType: this.sarType
-        }, {
-          _this: this,
-          loading: 'attributeDataLoading'
-        },
-        res => {
-          this.attributeList = res.data.list
-          this.total = res.data.count
-        }, e => {})
-      this.$refs.selections.clearSelection()
-    },
-    async showAddModel () {
-      await this.queryDisplayLocationList()
-      // this.$refs['attributeEO'] && this.$refs['attributeEO'].resetFields()
-      this.attributeEO.newWebSite = ''
-      this.addOrEdit = 'add'
-      this.attributeTitle = '新增'
-      this.showInfoModal = true
-      this.$nextTick(() => {
-        this.$refs['attributeEO'].resetFields()
-      })
-    },
-    saveInfo () {
-      this.$refs['attributeEO'].validate((valid) => {
-        if (valid) {
-          if ((this.attributeEO.attrType === 'SEL_OPTION' || this.attributeEO.attrType === 'SEL_OPTS') && (this.attributeEO.selVal == null || this.attributeEO.selVal === '')) {
-            this.$message.warning('下拉框类型字段，选项值不能为空')
-          } else if (this.attributeEO.isShowImp === '0' && (this.attributeEO.showRegionId == null || this.attributeEO.showRegionId === '')) {
-            this.$message.warning('展示字段，展示区域不能为空')
-          } else {
-            if (this.addOrEdit === 'add') {
-              this.$http.postData('lawss/sarStandAttrDetails/createStandAttrDetails', this.attributeEO,
-                {
-                  _this: this
-                }, res => {
-                  if (res.ok) {
-                    this.getAttrByPage()
-                    this.showInfoModal = false
-                  } else {
-                  }
-                })
-            } else {
-              this.$http.putData('lawss/sarStandAttrDetails/updateStandAttrDetails', this.attributeEO,
-                {
-                  _this: this
-                }, res => {
-                  if (res.ok) {
-                    this.getAttrByPage()
-                    this.showInfoModal = false
-                  } else {
-                  }
-                })
-            }
-          }
-        }
-      })
-    },
-    cancelModel () {
-      this.showInfoModal = false
-      this.$refs['attributeEO'] && this.$refs['attributeEO'].resetFields()
-    },
-    deleteAttr () {
-      if (this.selectedList.length === 0) {
-        this.$message.error('请先选择要删除的数据！')
-      } else {
-        this.$confirm('确认删除选中数据？', {
-          title: '提示',
-          confirmButtonClass: 'common-button-primary',
-          roundButton: false,
-          callback: (action, instance) => {
-            if (action === 'confirm') {
-              this.$http.put('lawss/sarStandAttrDetails/deleteByIds', {
-                ids: this.selectedList.join(','),
-                sarType: this.sarType
-              }, {
-                _this: this
-              }, res => {
-                this.getAttrByPage()
-              }, e => {
-              })
-            }
-          }
-        })
-      }
-    },
-    getDictionarySelList () {
-      this.$http.get('sys/dictionary/getDictionaryCodeSelList', {
-          sarType: this.sarType
-        }, {
-          _this: this
-        },
-        res => {
-          this.relateDicIdOptions = res.data
-        }, e => {})
-    },
-    getAttrTypeText (type) {
-      let texts = ''
-      if (type === 'INPUT_STR') {
-        texts = '输入框（字符串）'
-      } else if (type === 'INPUT_NUM') {
-        texts = '输入框（数字）'
-      } else if (type === 'SEL_OPTION') {
-        texts = '单选下拉框'
-      } else if (type === 'SEL_OPTS') {
-        texts = '多选下拉框'
-      } else if (type === 'DATE_PICKER') {
-        texts = '单日期选择'
-      } else if (type === 'DATE_PIC_OPTS') {
-        texts = '多日期选择'
-      } else if (type === 'FILE') {
-        texts = '文件'
-      } else if (type === 'TEXTAREA') {
-        texts = '文本框'
-      }
-      return texts
-    },
-    getSarTypeText (type) {
-      let texts = ''
-      if (type === 'INLAND_STAND') {
-        texts = '国内标准法规'
-      } else if (type === 'FOREIGN_STAND') {
-        texts = '海外标准法规'
-      } else if (type === 'STAND') {
-        texts = '国内及海外标准法规'
-      }
-      return texts
-    },
-    async handleTableEdit (params) {
-      await this.queryDisplayLocationList(params.sarType)
-      // this.$refs['attributeEO'] && this.$refs['attributeEO'].resetFields()
-      this.addOrEdit = 'edit'
-      this.attributeTitle = '编辑'
-      this.showInfoModal = true
-      this.$nextTick(() => {
-        this.attributeEO = JSON.parse(JSON.stringify(params))
-      })
-    },
-    handleTableDelete (params) {
-      this.selectedList = []
-      this.selectedList.push(params.id)
-      this.deleteAttr()
-    },
-    async handleSarTypeChange (sarType) {
-      this.attributeEO.showRegionId = ''
-      await this.queryDisplayLocationList(sarType)
-    }
-  },
-  mounted () {
-    this.getAttrByPage()
-    this.getDictionarySelList()
-  }
-}
-</script>
-
-<style lang="less" scoped>
-@import '~@/assets/styles/mixins';
-.attribute-custom{
-  height: 100%;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  flex: auto;
-  .action-bar{
-    padding: 0;
-  }
-  .content {
-    padding: 0;
-    overflow-y: auto;
-    flex: auto;
-    display: flex;
-    flex-direction: column;
-    //height: calc(~'100% - 50px - 56px');
-  }
-  .pagination {
-    position: static;
-    /deep/ .pagination-slot {
-      padding: 0;
-    }
-  }
-  .modalStyle{
-    padding: 14px;
-    font-size: 15px;
-  }
-  .sysMenuTreeDiv{
-    height: 400px;
-    overflow-y: auto;
-  }
-}
-</style>
+<!-- 配置管理 - 属性自定义 - 国内外标准法规 -->
+<template>
+  <div class="attribute-custom v-class">
+    <div class="action-bar1">
+      <el-button size="mini" style="margin-right: 5px" class="common-button-primary add-button"  type="primary" @click="showAddModel" v-btn-permission="'df57f63c9e993bbfb2a4b400d5257577'">新增</el-button>
+      <el-button size="small" class="common-button-default"  @click="showDisplayLocationDialog" v-btn-permission="'9557b51320a50728d7047448d01c57c6'">展示区域管理</el-button>
+    </div>
+    <loading :loading="attributeDataLoading">数据处理中</loading>
+    <div class="content">
+      <el-table
+        style="width: 100%;"
+        :data="attributeList"
+        height="100%"
+        border
+        ref="selections"
+        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+       fontWeight: 'bold', height: '48px'}"
+        @on-selection-change="handleSelectone"
+      >
+        <el-table-column
+          type="selection"
+          width="55"
+          align="center"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="sarType"
+          label="所属模块"
+          width="140"
+        >
+          <template slot-scope="scope">
+            {{ getSarTypeText(scope.row.sarType) }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="attrField"
+          label="属性字段"
+          width="120"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="attrName"
+          label="属性名称"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="attrType"
+          label="属性类型"
+          width="140"
+        >
+          <template slot-scope="scope">
+            {{ getAttrTypeText(scope.row.attrType) }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="attrLen"
+          label="字段长度"
+          width="120"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="orderNum"
+          label="展示顺序"
+          width="100"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="areaName"
+          label="展示区域"
+          width="120"
+        >
+        </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="handleCommand">
+                <i class="iconfont">&#xe61e;</i>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item :command="[scope.row, '编辑']">编辑</el-dropdown-item>
+                  <el-dropdown-item :disabled="scope.row.isEdit==='1'" :command="[scope.row, '删除']">删除</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <pagination :total="total" :pageChange="pageNo" :pageSizeChange="pageSize" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
+    <!-- 新建抽屉-->
+    <el-drawer
+      :title="attributeTitle"
+      :visible.sync="showInfoModal"
+      size="800px"
+      :styles="styles"
+      :wrapperClosable="false"
+      @close="cancelModel"
+    >
+      <div class="demo-drawer-content">
+        <el-form
+          ref="attributeEO"
+          :model="attributeEO"
+          :rules="attributeEOFormRules"
+          class="label-input-form"
+          label-width="150px"
+        >
+          <input v-model="attributeEO.id" v-show="false">
+          <el-form-item label="所属模块" prop="sarType" class="add-form-item">
+            <el-select
+              v-model="attributeEO.sarType"
+              placeholder="请选择"
+              filterable
+              @change="handleSarTypeChange">
+              <el-option
+                v-for="item in sarTypeOptions"
+                :label="item.label"
+                :value="item.value"
+                :key="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="属性字段" prop="attrField" class="add-form-item" :class="{'form-item-disabled': addOrEdit === 'edit'}">
+            <el-input v-model.trim="attributeEO.attrField" :disabled="addOrEdit === 'edit'" placeholder="请输入属性字段" clearable/>
+          </el-form-item>
+          <el-form-item label="属性名称" prop="attrName" class="add-form-item">
+            <el-input v-model.trim="attributeEO.attrName" placeholder="请输入属性名称" clearable/>
+          </el-form-item>
+          <el-form-item label="属性类型" prop="attrType" class="add-form-item" :class="{'form-item-disabled': addOrEdit === 'edit'}">
+            <el-select v-model="attributeEO.attrType" placeholder="请选择" :disabled="addOrEdit === 'edit'" filterable>
+              <el-option
+                v-for="item in attrTypeOptions"
+                :label="item.label"
+                :value="item.value"
+                :key="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="选项值" prop="selVal" class="add-form-item" v-if="attributeEO.attrType === 'SEL_OPTION' || attributeEO.attrType === 'SEL_OPTS'">
+            <el-select v-model="attributeEO.selVal" placeholder="请选择" :disabled="addOrEdit === 'edit'" filterable>
+              <el-option
+                v-for="item in relateDicIdOptions"
+                :label="item.label"
+                :value="item.value"
+                :key="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <!--              <el-form-item label="是否预警" prop="isWarn" class="laws-info-item" v-if="attributeEO.attrType === 'DATE_PICKER'">-->
+          <!--                <Select v-model="attributeEO.isWarn">-->
+          <!--                  <Option v-for="opt in isMustOptions" :key="opt.value" :value="opt.value">{{ opt.label }}</Option>-->
+          <!--                </Select>-->
+          <!--              </el-form-item>-->
+          <el-form-item label="字段长度" prop="attrLen" class="add-form-item">
+            <el-input v-model.number="attributeEO.attrLen" :disabled="addOrEdit === 'edit'" placeholder="只允许输入正整数" number  :maxlength="4"/>
+          </el-form-item>
+          <el-form-item label="展示顺序" prop="orderNum" class="add-form-item">
+            <el-input v-model.number="attributeEO.orderNum" placeholder="只允许输入正整数" number  :maxlength="3"/>
+          </el-form-item>
+          <el-form-item label="是否必填" prop="isMust" class="add-form-item">
+            <el-select v-model="attributeEO.isMust">
+              <el-option v-for="opt in isMustOptions" :key="opt.value" :value="opt.value" :label="opt.label">{{ opt.label }}</el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="是否展示" prop="isShowImp" class="add-form-item">
+            <el-select v-model="attributeEO.isShowImp">
+              <el-option
+                v-for="opt in isMustOptions"
+                :key="opt.value"
+                :value="opt.value"
+                :label="opt.label"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="展示区域" prop="showRegionId" class="add-form-item" v-if="attributeEO.isShowImp === '0'">
+            <el-select v-model="attributeEO.showRegionId">
+              <el-option
+                v-for="opt in showRegionOptions"
+                :key="opt.value"
+                :value="opt.value"
+                :label="opt.label"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <!--              <el-form-item label="作为搜索条件" prop="isSearch" class="laws-info-item">-->
+          <!--                <Select v-model="attributeEO.isSearch">-->
+          <!--                  <Option v-for="opt in isMustOptions" :key="opt.value" :value="opt.value">{{ opt.label }}</Option>-->
+          <!--                </Select>-->
+          <!--              </el-form-item>-->
+        </el-form>
+      </div>
+      <div id="roleFormButton" class="demo-drawer-footer">
+        <el-button class="common-button-primary" icon="el-icon-check" type="primary" @click="saveInfo()">提交</el-button>
+        <el-button class="common-button-default" icon="el-icon-close" @click="cancelModel">取消</el-button>
+      </div>
+    </el-drawer>
+
+    <el-dialog
+      :visible.sync="displayLocationDialogVisible"
+      title="展示区域管理"
+      width="400px"
+    >
+      <div style="margin-bottom: 10px;">
+        <el-button class="common-button-primary add-button" type="primary" icon="add" @click="showAddDisplayLocationDialog(undefined)" v-btn-permission="'e128da8f053dd19113e75772f2c70f29'">新增</el-button>
+      </div>
+      <el-table
+        :loading="displayLocationDialogTableConfig.loading"
+        :data="displayLocationDialogTableData"
+        border
+        style="width: 100%"
+        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+       fontWeight: 'bold', height: '48px'}"
+      >
+        <el-table-column
+          prop="areaName"
+          label="展示区域">
+        </el-table-column>
+        <el-table-column
+          prop="areaName"
+          label="所属模块">
+          <template slot-scope="scope">
+            {{ getSarTypeText(scope.row.sarType) }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="showIndex"
+          label="排序号">
+        </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="handleCommand2">
+                <i class="iconfont">&#xe61e;</i>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item :command="[scope.row, '修改']" v-btn-permission="'2a788bca1cca66384e97f8ff722d4232'">修改</el-dropdown-item>
+                  <el-dropdown-item :disabled="scope.row.validFlag===1" :command="[scope.row, '删除']" v-btn-permission="'116a3f339f3600e639271d0073045912'">删除</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+    <el-dialog
+      destroy-on-close
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :visible.sync="displayLocationFormDialogVisible"
+      :title="displayLocationFormDialogTilte"
+      @close="handleDisplayLocationFormDialogReset('displayLocationDialogForm')"
+      width="400px"
+    >
+      <el-form
+        ref="displayLocationDialogForm"
+        :model="displayLocationDialogFormData"
+        :rules="displayLocationDialogFormRules"
+        label-width="100px"
+        class="label-input-form"
+      >
+        <el-form-item label="区域名称" prop="areaName" class="add-form-item">
+          <el-input v-model="displayLocationDialogFormData.areaName" placeholder="请输入区域名称"></el-input>
+        </el-form-item>
+        <el-form-item label="所属模块" prop="sarType" class="add-form-item">
+          <el-select v-model="displayLocationDialogFormData.sarType" filterable>
+            <el-option
+              v-for="item in sarTypeOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="排序号" prop="showIndex" class="add-form-item">
+          <el-input v-model.number="displayLocationDialogFormData.showIndex" placeholder="请输入排序号"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button class="common-button-default" @click="handleDisplayLocationFormDialogReset('displayLocationDialogForm')">取 消</el-button>
+        <el-button class="common-button-primary" type="primary" @click="handleDisplayLocationFormDialogSubmit('displayLocationDialogForm')">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+const sarType = 'STAND'
+export default {
+  name: 'attribute-custom',
+  data () {
+    return {
+      sarType: sarType,
+      displayLocationDialogTableConfig: {
+        columns: [
+          {
+            title: '展示区域',
+            key: 'areaName'
+          },
+          {
+            title: '排序号',
+            key: 'showIndex'
+          },
+          {
+            title: '操作',
+            slot: 'operations'
+          }
+        ],
+        page: {
+          pageSize: 100,
+          currentPage: 1,
+          total: 0
+        },
+        loading: false
+      },
+      displayLocationDialogTableData: [],
+      displayLocationDialogVisible: false,
+      displayLocationFormDialogVisible: false,
+      defaultDisplayLocationDialogFormData: {
+        areaName: '',
+        sarType: '',
+        showIndex: ''
+      },
+      displayLocationDialogFormData: {
+        areaName: '',
+        showIndex: ''
+      },
+      displayLocationDialogFormRules: {
+        areaName: [
+          { required: true, message: '请输入展示区域', trigger: 'blur' },
+          { type: 'string', max: 100, message: '最多输入100字', trigger: 'blur' }
+        ],
+        sarType: [
+          {required: true, message: '所属模块不能为空', trigger: 'change'}
+        ],
+        showIndex: [
+          { type: 'number', required: true, message: '请输入排序号', trigger: 'blur' },
+          { type: 'number', min: 0, max: 999, message: '请输入0-999之间的整数', trigger: 'blur' }
+        ]
+      },
+      attributeDataLoading: false,
+      attributeList: [],
+      total: 0,
+      pageNo: 1,
+      pageSize: this.$store.getters.userInfo.configContent,
+      attributeEO: {
+        id: '',
+        attrField: '',
+        attrName: '',
+        attrLen: '',
+        attrType: '',
+        orderNum: '',
+        isMust: '1',
+        isShowImp: '0',
+        showRegionId: '',
+        selVal: '',
+        isSearch: '1',
+        sarType: '',
+        isWarn: '1'
+      },
+      attrTypeOptions: [
+        { label: '输入框（字符串）', value: 'INPUT_STR' },
+        { label: '输入框（数字）', value: 'INPUT_NUM' },
+        { label: '单选下拉框', value: 'SEL_OPTION' },
+        { label: '多选下拉框', value: 'SEL_OPTS' },
+        { label: '单日期选择', value: 'DATE_PICKER' },
+        { label: '多日期选择', value: 'DATE_PIC_OPTS' },
+        { label: '文件', value: 'FILE' },
+        { label: '文本框', value: 'TEXTAREA' }
+      ],
+      sarTypeOptions: [
+        { label: '国内标准法规', value: 'INLAND_STAND' },
+        { label: '海外标准法规', value: 'FOREIGN_STAND' },
+        { label: '国内及海外标准法规', value: 'STAND' }
+      ],
+      sarTypeLocationOptions: [
+        { label: '国内标准法规', value: 'INLAND_STAND' },
+        { label: '海外标准法规', value: 'FOREIGN_STAND' }
+      ],
+      isMustOptions: [
+        { label: '是', value: '0' },
+        { label: '否', value: '1' }
+      ],
+      showRegionOptions: [],
+      relateDicIdOptions: [],
+      attributeTitle: '',
+      showInfoModal: false,
+      attributeEOFormRules: {
+        sarType: [
+          {required: true, message: '所属模块不能为空', trigger: 'change'}
+        ],
+        attrField: [
+          {required: true, message: '属性字段不能为空', trigger: 'blur'},
+          {type: 'string', max: 50, message: '最多输入50位', trigger: 'blur'},
+          {type: 'string', validator: this.verify.validFieldOracle, trigger: 'blur'}
+        ],
+        attrName: [
+          {required: true, message: '属性名称不能为空', trigger: 'blur'},
+          {type: 'string', max: 100, message: '最多输入100位', trigger: 'blur'}
+        ],
+        attrType: [
+          {required: true, message: '属性类型不能为空', trigger: 'change'}
+        ],
+        attrLen: [
+          {type: 'number', required: true, message: '字段长度不能为空且为正整数', trigger: 'blur'},
+          {type: 'string', validator: this.verify.validStandNumInCompile3, trigger: 'blur'}
+        ],
+        orderNum: [
+          {type: 'number', required: true, message: '展示顺序不能为空且为正整数', trigger: 'blur'},
+          {type: 'string', validator: this.verify.validStandNumInCompile2, trigger: 'blur'}
+        ],
+        isMust: [
+          {required: true, message: '是否必填不能为空', trigger: 'change'}
+        ],
+        showRegionId: [
+          {required:true, message:'展示区域不能为空', trigger:'change'}
+        ],
+        isShowImp: [
+          {required: true, message: '是否展示必填不能为空', trigger: 'change'}
+        ],
+      },
+      styles: {
+        height: 'calc(100% - 55px)',
+        overflow: 'auto',
+        paddingBottom: '53px',
+        position: 'static'
+      },
+      addOrEdit: '',
+      selectedList: []
+    }
+  },
+  computed: {
+    displayLocationFormDialogTilte () {
+      const formData = {...this.displayLocationDialogFormData}
+      const isEdit = !!formData.id
+      return isEdit ? '修改展示区域' : '新增展示区域'
+    }
+  },
+  methods: {
+    // 更多
+    handleCommand (command) {
+      switch (command[1]) {
+        case '编辑':
+          this.handleTableEdit(command[0])
+          break
+        case '删除':
+          this.handleTableDelete(command[0])
+          break
+      }
+    },
+    // 展示区域 更多
+    handleCommand2 (command) {
+      switch (command[1]) {
+        case '修改':
+          this.showAddDisplayLocationDialog(command[0])
+          break
+        case '删除':
+          this.removeDisplayLocation(command[0])
+          break
+      }
+    },
+    removeDisplayLocation (data) {
+      this.$confirm('确认删除该条数据？', {
+        title: '确认删除',
+        confirmButtonClass: 'common-button-primary',
+        roundButton: false,
+        callback: (action, instance) => {
+          if (action === 'confirm') {
+            const {id} = data
+            this.$http.delete('lawssBase/utArea/deleteById', {
+              id,
+              sarType: this.sarType
+            }, {
+              _this: this
+            }, res => {
+              this.queryDisplayLocationDialogTableData()
+            }, e => {
+              console.log(e)
+            })
+          }
+        }
+      })
+    },
+    handleDisplayLocationFormDialogSubmit (name) {
+      this.$refs[name].validate((valid) => {
+        if (valid) {
+          const formData = {...this.displayLocationDialogFormData}
+          const isEdit = !!formData.id
+          const url = isEdit ? 'lawssBase/utArea/updateUtArea' : 'lawssBase/utArea/createUtArea'
+          const method = isEdit ? 'putData' : 'postData'
+          this.$http[method](url, formData, {
+            _this: this
+          }, res => {
+            this.displayLocationFormDialogVisible = false
+            this.queryDisplayLocationDialogTableData()
+            // this.displayLocationDialogTableData = res.data.list
+            // this.displayLocationDialogTableConfig.page.total = res.data.count
+          }, e => {
+            console.log(e)
+          })
+        } else {
+          // this.$message.error('Fail!')
+        }
+      })
+    },
+    handleDisplayLocationFormDialogReset (name) {
+      this.displayLocationFormDialogVisible = false
+      this.$refs.displayLocationDialogForm.resetFields()
+    },
+    /**
+     * 打开新增展示区域管理弹框
+     */
+    showAddDisplayLocationDialog (data) {
+      this.displayLocationFormDialogVisible = true
+      if (data) {
+        // 编辑
+        this.displayLocationDialogFormData = {
+          areaName: data.areaName,
+          showIndex: data.showIndex,
+          id: data.id,
+          sarType: data.sarType
+        }
+      } else {
+        this.displayLocationDialogFormData = {...this.defaultDisplayLocationDialogFormData}
+        this.$nextTick(() => {
+          this.$refs.displayLocationDialogForm.resetFields()
+        })
+      }
+    },
+    /**
+     * 打开展示区域管理弹框 并 查询展示区域数据
+     */
+    showDisplayLocationDialog () {
+      this.queryDisplayLocationDialogTableData().then(res => {
+        this.displayLocationDialogVisible = true
+      })
+    },
+    /**
+     * 查询展示区域管理弹框里的列表数据
+     */
+    queryDisplayLocationDialogTableData () {
+      return new Promise((resolve, reject) => {
+        this.$http.get('lawssBase/utArea/page', {
+          page: this.displayLocationDialogTableConfig.page.currentPage,
+          pageSize: this.displayLocationDialogTableConfig.page.pageSize,
+          sarType: this.sarType
+        }, {
+          _this: this.displayLocationDialogTableConfig,
+          loading: 'loading'
+        }, res => {
+          this.displayLocationDialogTableData = res.data.list
+          this.displayLocationDialogTableConfig.page.total = res.data.count
+          resolve(res)
+        }, e => {
+          console.log(e)
+          reject(e)
+        })
+      })
+    },
+    /**
+     * 查询新增弹框里的列表数据
+     */
+    queryDisplayLocationList (sarType) {
+      return new Promise((resolve, reject) => {
+        this.$http.get('lawssBase/utArea/getAreaList', {
+          sarType: sarType || 'INLAND_STAND'
+        }, {
+          _this: this
+        }, res => {
+          this.showRegionOptions = res.data || []
+          resolve(res)
+        }, e => {
+          console.log(e)
+          reject(e)
+        })
+      })
+    },
+    handleSelectone (data) {
+      this.selectedList = []
+      for (let i = 0; i < data.length; i++) {
+        this.selectedList.push(data[i].id)
+      }
+    },
+    pageChange (page) {
+      this.pageNo = page
+      this.getAttrByPage()
+    },
+    pageSizeChange (pageSize) {
+      this.pageSize = pageSize
+      this.getAttrByPage()
+    },
+    getAttrByPage () {
+      this.$http.get('lawss/sarStandAttrDetails/page', {
+          page: this.pageNo,
+          pageSize: this.pageSize,
+          sarType: this.sarType
+        }, {
+          _this: this,
+          loading: 'attributeDataLoading'
+        },
+        res => {
+          this.attributeList = res.data.list
+          this.total = res.data.count
+        }, e => {})
+      this.$refs.selections.clearSelection()
+    },
+    async showAddModel () {
+      await this.queryDisplayLocationList()
+      // this.$refs['attributeEO'] && this.$refs['attributeEO'].resetFields()
+      this.attributeEO.newWebSite = ''
+      this.addOrEdit = 'add'
+      this.attributeTitle = '新增'
+      this.showInfoModal = true
+      this.$nextTick(() => {
+        this.$refs['attributeEO'].resetFields()
+      })
+    },
+    saveInfo () {
+      this.$refs['attributeEO'].validate((valid) => {
+        if (valid) {
+          if ((this.attributeEO.attrType === 'SEL_OPTION' || this.attributeEO.attrType === 'SEL_OPTS') && (this.attributeEO.selVal == null || this.attributeEO.selVal === '')) {
+            this.$message.warning('下拉框类型字段，选项值不能为空')
+          } else if (this.attributeEO.isShowImp === '0' && (this.attributeEO.showRegionId == null || this.attributeEO.showRegionId === '')) {
+            this.$message.warning('展示字段，展示区域不能为空')
+          } else {
+            if (this.addOrEdit === 'add') {
+              this.$http.postData('lawss/sarStandAttrDetails/createStandAttrDetails', this.attributeEO,
+                {
+                  _this: this
+                }, res => {
+                  if (res.ok) {
+                    this.getAttrByPage()
+                    this.showInfoModal = false
+                  } else {
+                  }
+                })
+            } else {
+              this.$http.putData('lawss/sarStandAttrDetails/updateStandAttrDetails', this.attributeEO,
+                {
+                  _this: this
+                }, res => {
+                  if (res.ok) {
+                    this.getAttrByPage()
+                    this.showInfoModal = false
+                  } else {
+                  }
+                })
+            }
+          }
+        }
+      })
+    },
+    cancelModel () {
+      this.showInfoModal = false
+      this.$refs['attributeEO'] && this.$refs['attributeEO'].resetFields()
+    },
+    deleteAttr () {
+      if (this.selectedList.length === 0) {
+        this.$message.error('请先选择要删除的数据！')
+      } else {
+        this.$confirm('确认删除选中数据？', {
+          title: '提示',
+          confirmButtonClass: 'common-button-primary',
+          roundButton: false,
+          callback: (action, instance) => {
+            if (action === 'confirm') {
+              this.$http.put('lawss/sarStandAttrDetails/deleteByIds', {
+                ids: this.selectedList.join(','),
+                sarType: this.sarType
+              }, {
+                _this: this
+              }, res => {
+                this.getAttrByPage()
+              }, e => {
+              })
+            }
+          }
+        })
+      }
+    },
+    getDictionarySelList () {
+      this.$http.get('sys/dictionary/getDictionaryCodeSelList', {
+          sarType: this.sarType
+        }, {
+          _this: this
+        },
+        res => {
+          this.relateDicIdOptions = res.data
+        }, e => {})
+    },
+    getAttrTypeText (type) {
+      let texts = ''
+      if (type === 'INPUT_STR') {
+        texts = '输入框（字符串）'
+      } else if (type === 'INPUT_NUM') {
+        texts = '输入框（数字）'
+      } else if (type === 'SEL_OPTION') {
+        texts = '单选下拉框'
+      } else if (type === 'SEL_OPTS') {
+        texts = '多选下拉框'
+      } else if (type === 'DATE_PICKER') {
+        texts = '单日期选择'
+      } else if (type === 'DATE_PIC_OPTS') {
+        texts = '多日期选择'
+      } else if (type === 'FILE') {
+        texts = '文件'
+      } else if (type === 'TEXTAREA') {
+        texts = '文本框'
+      }
+      return texts
+    },
+    getSarTypeText (type) {
+      let texts = ''
+      if (type === 'INLAND_STAND') {
+        texts = '国内标准法规'
+      } else if (type === 'FOREIGN_STAND') {
+        texts = '海外标准法规'
+      } else if (type === 'STAND') {
+        texts = '国内及海外标准法规'
+      }
+      return texts
+    },
+    async handleTableEdit (params) {
+      await this.queryDisplayLocationList(params.sarType)
+      // this.$refs['attributeEO'] && this.$refs['attributeEO'].resetFields()
+      this.addOrEdit = 'edit'
+      this.attributeTitle = '编辑'
+      this.showInfoModal = true
+      this.$nextTick(() => {
+        this.attributeEO = JSON.parse(JSON.stringify(params))
+      })
+    },
+    handleTableDelete (params) {
+      this.selectedList = []
+      this.selectedList.push(params.id)
+      this.deleteAttr()
+    },
+    async handleSarTypeChange (sarType) {
+      this.attributeEO.showRegionId = ''
+      await this.queryDisplayLocationList(sarType)
+    }
+  },
+  mounted () {
+    this.getAttrByPage()
+    this.getDictionarySelList()
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '~@/assets/styles/mixins';
+.attribute-custom{
+  height: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  flex: auto;
+  .action-bar{
+    padding: 0;
+  }
+  .content {
+    padding: 0;
+    overflow-y: auto;
+    flex: auto;
+    display: flex;
+    flex-direction: column;
+    //height: calc(~'100% - 50px - 56px');
+  }
+  .pagination {
+    position: static;
+    /deep/ .pagination-slot {
+      padding: 0;
+    }
+  }
+  .modalStyle{
+    padding: 14px;
+    font-size: 15px;
+  }
+  .sysMenuTreeDiv{
+    height: 400px;
+    overflow-y: auto;
+  }
+}
+</style>
diff --git a/src/pages/config/pages/mechanismManage/pages/committee.vue b/src/pages/config/pages/mechanismManage/pages/committee.vue
index 383d35149..2bff9f7e5 100644
--- a/src/pages/config/pages/mechanismManage/pages/committee.vue
+++ b/src/pages/config/pages/mechanismManage/pages/committee.vue
@@ -11,12 +11,12 @@
           </el-form-item>
           <el-form-item label="" class="search-item btn-box">
             <el-button class="common-button-primary" type="primary" size="mini" @click="search"
-                       v-btn-permission="">查询
+                       v-btn-permission="'fc37681cb98f8122d8969c91b8ee1c94'">查询
             </el-button>
           </el-form-item>
           <el-form-item label="" class="search-item btn-box">
             <el-button class="common-button-default" @click="resetSelect" size="mini"
-                       v-btn-permission="">清空
+                       v-btn-permission="'6b449f378912df86bb15e4fc32da6435'">清空
             </el-button>
           </el-form-item>
         </el-form>
@@ -24,15 +24,15 @@
       <div class="table-content">
         <div class="table-button">
           <el-button type="primary" size="mini"
-                     class="common-button-primary" @click="committeeAdd">
+                     class="common-button-primary" @click="committeeAdd" v-btn-permission="'33519a9d6eee3576e04e165b98e926c7'">
             新增
           </el-button>
           <el-button type="primary" size="mini"
-                     class="common-button-primary" @click="committeeEdit">
+                     class="common-button-primary" @click="committeeEdit" v-btn-permission="'8fcdfb04dd4257f7ddc3372dd7d06056'">
             编辑
           </el-button>
           <el-button type="primary" size="mini"
-                     class="common-button-primary" @click="committeeDel">
+                     class="common-button-primary" @click="committeeDel" v-btn-permission="'6382abe1d7d3686909921161503de05f'">
             批量删除
           </el-button>
         </div>
diff --git a/src/pages/config/pages/mechanismManage/pages/mechanism.vue b/src/pages/config/pages/mechanismManage/pages/mechanism.vue
index a0a277786..652e418dc 100644
--- a/src/pages/config/pages/mechanismManage/pages/mechanism.vue
+++ b/src/pages/config/pages/mechanismManage/pages/mechanism.vue
@@ -58,18 +58,18 @@
             </el-form-item>
             <el-form-item>
               <el-button type="primary" size="mini"
-                         class="common-button-primary" @click="getDatas('1')">
+                         class="common-button-primary" @click="getDatas('1')" v-btn-permission="'d285ee99b52abcd63d863f6783e350f0'">
                 查询
               </el-button>
             </el-form-item>
             <el-form-item>
-              <el-button size="mini" class="common-button-default" @click="clearAllSearch">
+              <el-button size="mini" class="common-button-default" @click="clearAllSearch" v-btn-permission="'12a6b1f548cef7b152746c978fc32dbb'">
                 清空
               </el-button>
             </el-form-item>
 
             <el-form-item>
-              <el-button size="mini" type="primary" @click="selectEdit">
+              <el-button size="mini" type="primary" @click="selectEdit" v-btn-permission="'786a941b255a4fe4d13b7e67f100a4e5'">
                 批量配置岗位
               </el-button>
             </el-form-item>
@@ -166,7 +166,7 @@
                 <el-dropdown trigger="click" @command="handleCommand">
                   <i class="iconfont">&#xe61e;</i>
                   <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item v-btn-permission="'30db3b395deb5004266cd65d302c2776'" v-if="scope.row.disableFlag === '1'" :command="[scope.row, '启用']">
+                    <el-dropdown-item v-btn-permission="'30db3b395deb5004266cd65d302c2776'" v-if="scope.row.disableFlag === '1'" :command="[scope.row, '启用']" >
                       启用
                     </el-dropdown-item>
                     <el-dropdown-item v-btn-permission="'30db3b395deb5004266cd65d302c2776'" v-if="scope.row.disableFlag === '0'" :command="[scope.row, '禁用']">
@@ -203,7 +203,7 @@
         </el-form-item>
         <el-form-item label="" class="search-item btn-box">
           <el-button class="common-button-primary" type="primary" size="mini" @click="searchPostName"
-                     v-btn-permission="">查询
+                     v-btn-permission="''">查询
           </el-button>
         </el-form-item>
         <el-form-item label="" class="search-item btn-box">
diff --git a/src/pages/config/pages/mechanismManage/pages/workgroup.vue b/src/pages/config/pages/mechanismManage/pages/workgroup.vue
index 02d62b7f0..6d3b26aad 100644
--- a/src/pages/config/pages/mechanismManage/pages/workgroup.vue
+++ b/src/pages/config/pages/mechanismManage/pages/workgroup.vue
@@ -19,12 +19,12 @@
           </el-form-item>
           <el-form-item label="" class="search-item btn-box">
             <el-button class="common-button-primary" type="primary" size="mini" @click="searchPostName"
-                       v-btn-permission="">查询
+                       v-btn-permission="'0d8ddb11e7f924c91cb86c9d6f24dc20'">查询
             </el-button>
           </el-form-item>
           <el-form-item label="" class="search-item btn-box">
             <el-button class="common-button-default" @click="resetSelect" size="mini"
-                       v-btn-permission="">清空
+                       v-btn-permission="'93ed4eeb1ad7c005e505a346d3997412'">清空
             </el-button>
           </el-form-item>
         </el-form>
@@ -32,15 +32,15 @@
       <div class="table-content">
         <div class="table-button">
           <el-button type="primary" size="mini"
-                     class="common-button-primary" @click="add">
+                     class="common-button-primary" @click="add"  v-btn-permission="'c75cda0786cd76094456082cf8e2d098'">
             新增
           </el-button>
           <el-button type="primary" size="mini"
-                     class="common-button-primary" @click="edit">
+                     class="common-button-primary" @click="edit" v-btn-permission="'cabf2a3ddd06136225a46bce777ac21c'">
             编辑
           </el-button>
           <el-button type="primary" size="mini"
-                     class="common-button-primary" @click="workDel">
+                     class="common-button-primary" @click="workDel" v-btn-permission="'0a76fe1a368755aeefc5a1a48eb0ec7f'">
             批量删除
           </el-button>
         </div>
diff --git a/src/pages/config/pages/standLawsAttrManage/index.vue b/src/pages/config/pages/standLawsAttrManage/index.vue
index 456f4dea9..c7eeb9d2a 100644
--- a/src/pages/config/pages/standLawsAttrManage/index.vue
+++ b/src/pages/config/pages/standLawsAttrManage/index.vue
@@ -1,687 +1,689 @@
-<!-- 配置管理 - 标准法规属性管理 -->
-<template>
-  <div class="standLawsAttrManage">
-    <div class="search-area">
-      <div class="left">
-        <el-form
-          ref="searchForm"
-          :model="searchForm"
-          label-width="100px"
-          inline
-        >
-          <el-form-item label="数据字典编码" class="search-item">
-            <el-input
-              v-model="searchForm.dictionaryCode"
-              placeholder="请输入"
-              @keyup.enter.native="searchBtn"
-              clearable
-            ></el-input>
-          </el-form-item>
-          <el-form-item
-            label="数据字典名称"
-            class="search-item search-item-last"
-          >
-            <el-input
-              v-model="searchForm.dictionaryName"
-              placeholder="请输入"
-              @keyup.enter.native="searchBtn"
-              clearable
-            ></el-input>
-          </el-form-item>
-          <el-form-item label="" class="search-item btn-box">
-            <el-button
-              class="common-button-primary"
-              type="primary"
-              size="mini"
-              @click="searchBtn"
-            >搜索</el-button>
-          </el-form-item>
-          <el-form-item label="" class="search-item btn-box">
-            <el-button
-              class="common-button-default"
-              @click="resetSelect"
-              size="mini"
-            >清空</el-button>
-          </el-form-item>
-        </el-form>
-      </div>
-      <div class="right" style="line-height: normal">
-        <el-button
-          type="primary"
-          class="common-button-primary"
-          size="mini"
-          @click="showAddModel(1, null)"
-          v-btn-permission="''"
-          >新增</el-button
-        >
-        <el-button @click="deleteAttr" size="mini" type="danger" class="common-button-default" v-btn-permission=""
-          >删除</el-button
-        >
-      </div>
-    </div>
-    <div class="content">
-      <el-table
-        stripe
-        ref="selections"
-        tooltip-effect="dark"
-        border
-        height="100%"
-        :data="attributeList"
-        class="table"
-        :header-cell-style="{
-          background: '#e8e8e8',
-          color: '#333333',
-          fontSize: '16px',
-          fontWeight: 'bold',
-          height: '48px',
-        }"
-        @selection-change="handleSelectone"
-      >
-        <el-table-column type="selection" :selectable="handleSelected" width="55" align="center">
-        </el-table-column>
-        <el-table-column prop="dictionaryCode" label="数据字典编码">
-        </el-table-column>
-        <el-table-column prop="dictionaryName" label="数据字典名称">
-          <template slot-scope="scope">
-            <div class="table-jump" @click="goNuwPage(scope.row)">
-              {{ scope.row.dictionaryName }}
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column prop="orderNum" label="排序号"> </el-table-column>
-        <el-table-column prop="dictionType" label="类型">
-          <template slot-scope="scope">
-            <div v-if="scope.row.dictionType === 'SEL_OPTION'">下拉选项</div>
-            <div v-if="scope.row.dictionType === 'TREE'">树形结构</div>
-          </template>
-        </el-table-column>
-        <!--        <el-table-column-->
-        <!--          prop="enable"-->
-        <!--          label="启用状态">-->
-        <!--          <template slot-scope="scope">-->
-        <!--            <div v-if="scope.row.enable === '0'">启用中</div>-->
-        <!--            <div v-if="scope.row.enable === '1'">未启用</div>-->
-        <!--          </template>-->
-        <!--        </el-table-column>-->
-        <el-table-column prop="creationTime" label="创建时间" >
-        </el-table-column>
-        <!--        <el-table-column-->
-        <!--          fixed="right"-->
-        <!--          label="操作"-->
-        <!--          width="200"-->
-        <!--          align="center">-->
-        <!--          <template slot-scope="scope">-->
-        <!--            <el-button type="primary" size="mini" :disabled="scope.row.enable==='0'" @click="showAddModel(2, scope.row)">编辑</el-button>-->
-        <!--            <el-button type="danger" @click="handleClick(scope.row)" size="mini" :disabled="scope.row.enable==='0' ">删除</el-button>-->
-        <!--          </template>-->
-        <!--        </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="handleCommand">
-                <i class="iconfont">&#xe61e;</i>
-                <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item
-                    v-btn-permission="''"
-                    :disabled="scope.row.enable === '0'"
-                    :command="[scope.row, '编辑']"
-                    >编辑</el-dropdown-item
-                  >
-                  <el-dropdown-item
-                    v-btn-permission="''"
-                    :disabled="scope.row.enable === '0'"
-                    :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>
-      <loading :loading="attributeDataLoading">数据处理中</loading>
-    </div>
-    <pagination
-      :total="total"
-      :pageChange="pageNo"
-      :pageSizeChange="pageSize"
-      @pageChange="pageChange"
-      @pageSizeChange="pageSizeChange"
-    ></pagination>
-    <!-- 编辑抽屉-->
-    <el-drawer
-      :title="attributeTitle"
-      :wrapperClosable="false"
-      :visible.sync="showInfoModal"
-      size="800px"
-      :styles="styles"
-      :close="cancelModel"
-    >
-      <div class="demo-drawer-content">
-        <el-form
-          ref="attributeEO"
-          :model="attributeEO"
-          :rules="attributeEOFormRules"
-          class="label-input-form"
-          label-width="130px"
-          v-if="showInfoModal"
-        >
-          <el-form-item
-            label="数据字典编码"
-            prop="dictionaryCode"
-            class="add-form-item"
-          >
-            <el-input
-              v-model.trim="attributeEO.dictionaryCode"
-              placeholder="请输入数据字典编码"
-              :disabled="this.addOrEdit !== 'add'"
-              clearable
-            />
-          </el-form-item>
-          <el-form-item
-            label="数据字典名称"
-            prop="dictionaryName"
-            class="add-form-item"
-          >
-            <el-input
-              v-model.trim="attributeEO.dictionaryName"
-              placeholder="请输入数据字典名称"
-              clearable
-            />
-          </el-form-item>
-          <el-form-item label="排序号" prop="orderNum" class="add-form-item">
-            <el-input
-              v-model.number="attributeEO.orderNum"
-              placeholder="只允许输入正整数"
-              number
-              :maxlength="3"
-            />
-          </el-form-item>
-          <el-form-item
-            label="类型"
-            prop="dictionType"
-            class="add-form-item"
-          >
-            <el-select
-              placeholder="请选择类型"
-              v-model="attributeEO.dictionType"
-              filterable
-            >
-              <el-option
-                v-for="item in attrTypeOptions"
-                :value="item.value"
-                :key="item.value"
-                :label="item.label"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item
-            label="是否关联其他类别"
-            title="是否关联其他类别"
-            prop="isRelate"
-            class="add-form-item"
-          >
-            <el-select
-              placeholder="请选择类别"
-              v-model="attributeEO.isRelate"
-              filterable
-            >
-              <el-option
-                v-for="item in isRelateOptions"
-                :value="item.value"
-                :key="item.value"
-                :label="item.label"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item
-            label="关联类别"
-            prop="relateDicId"
-            v-if="attributeEO.isRelate === '0'"
-            class="add-form-item"
-          >
-            <el-select
-              v-model="attributeEO.relateDicId"
-              placeholder="请选择类别"
-            >
-              <el-option
-                v-for="opt in relateDicIdOptions"
-                :value="opt.value"
-                :key="opt.value"
-                :label="opt.label"
-                >{{ opt.label }}</el-option
-              >
-            </el-select>
-          </el-form-item>
-        </el-form>
-      </div>
-      <div id="roleFormButton" class="demo-drawer-footer">
-        <el-button
-          type="primary"
-          class="common-button-primary"
-          size="mini"
-          icon="el-icon-check"
-          @click="saveInfo"
-          >提交</el-button
-        >
-        <el-button
-          size="mini"
-          icon="el-icon-close"
-          class="common-button-default"
-          @click="cancelModel"
-          >取消</el-button
-        >
-      </div>
-    </el-drawer>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'standLawsAttrManage',
-  data () {
-    return {
-      attributeDataLoading: false,
-      attributeList: [],
-      oprState: 0,
-      total: 0,
-      pageNo: 1,
-      pageSize: this.$store.getters.userInfo.configContent,
-      attributeEO: {
-        id: '',
-        dictionaryCode: '',
-        dictionaryName: '',
-        dictionType: '',
-        orderNum: '',
-        isRelate: '1',
-        relateDicId: ''
-      },
-      attrTypeOptions: [
-        { label: '下拉选项', value: 'SEL_OPTION' },
-        { label: '树形结构', value: 'TREE' }
-      ],
-      attributeTitle: '',
-      showInfoModal: false,
-      attributeEOFormRules: {
-        dictionaryCode: [
-          { required: true, message: '数据字典编码不能为空', trigger: 'blur' },
-          { type: 'string', max: 50, message: '最多输入50位', trigger: 'blur' },
-          {
-            type: 'string',
-            validator: this.verify.validDicCode,
-            trigger: 'blur'
-          }
-        ],
-        dictionaryName: [
-          { required: true, message: '数据字典名称不能为空', trigger: 'blur' },
-          {
-            type: 'string',
-            max: 100,
-            message: '最多输入100位',
-            trigger: 'blur'
-          }
-        ],
-        dictionType: [
-          { required: true, message: '类型不能为空', trigger: 'change' }
-        ],
-        isRelate: [
-          {
-            required: true,
-            message: '是否关联其他类别不能为空',
-            trigger: 'change'
-          }
-        ],
-        orderNum: [
-          {
-            type: 'number',
-            required: true,
-            message: '展示顺序不能为空且为正整数',
-            trigger: 'blur'
-          },
-          {
-            type: 'string',
-            validator: this.verify.validStandNumInCompile2,
-            trigger: 'blur'
-          }
-        ]
-      },
-      styles: {
-        height: 'calc(100% - 55px)',
-        overflow: 'auto',
-        paddingBottom: '53px',
-        position: 'static'
-      },
-      selectedList: [], // 选定列表数据
-      addOrEdit: '',
-      searchForm: {
-        dictionaryCode: '',
-        dictionaryName: ''
-      },
-      isRelateOptions: [
-        { label: '是', value: '0' },
-        { label: '否', value: '1' }
-      ],
-      relateDicIdOptions: []
-    }
-  },
-  methods: {
-    // ...
-    handleCommand (command) {
-      switch (command[1]) {
-        case '编辑':
-          this.showAddModel(2, command[0])
-          break
-        case '删除':
-          this.handleClick(command[0])
-          break
-      }
-    },
-    goNuwPage (item) {
-      this.$store.commit('setDetailMap', this.$route.path)
-      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 = []
-      for (let i = 0; i < data.length; i++) {
-        this.selectedList.push(data[i].id)
-      }
-    },
-    // 判断可选择的项
-    handleSelected(row, index) {
-      if (row.enable === '1') {
-        return true
-      }
-    },
-    pageChange (page) {
-      this.pageNo = page
-      this.getAttrByPage()
-    },
-    pageSizeChange (pageSize) {
-      this.pageSize = pageSize
-      this.getAttrByPage()
-    },
-    searchBtn () {
-      this.pageNo = 1
-      this.getAttrByPage()
-    },
-    resetSelect () {
-      this.searchForm.dictionaryCode = ''
-      this.searchForm.dictionaryName = ''
-      this.pageNo = 1
-      this.getAttrByPage()
-    },
-    getAttrByPage () {
-      this.$http.get(
-        'sys/dictionary/page',
-        {
-          page: this.pageNo,
-          pageSize: this.pageSize,
-          dictionaryCode: this.searchForm.dictionaryCode,
-          dictionaryName: this.searchForm.dictionaryName
-        },
-        {
-          _this: this,
-          loading: 'attributeDataLoading'
-        },
-        (res) => {
-          this.attributeList = res.data.list
-          this.total = res.data.count
-        },
-        (e) => {}
-      )
-      // this.$refs.selections.selectAll(false)
-    },
-    showAddModel (oprState, row) {
-      this.oprState = oprState
-      if (this.oprState === 1) {
-        this.addOrEdit = 'add'
-        this.attributeTitle = '新增'
-        this.getDictionarySelList(null)
-        this.$nextTick(() => {
-          this.attributeEO = {
-            id: '',
-            dictionaryCode: '',
-            dictionaryName: '',
-            dictionType: '',
-            orderNum: '',
-            isRelate: '1',
-            relateDicId: ''
-          }
-          this.$refs['attributeEO'].resetFields()
-        })
-        this.showInfoModal = true
-      } else {
-        this.addOrEdit = 'edit'
-        this.attributeTitle = '编辑'
-        this.getDictionarySelList(null)
-        this.attributeEO = JSON.parse(JSON.stringify(row))
-        this.showInfoModal = true
-      }
-    },
-    saveInfo () {
-      this.$refs['attributeEO'].validate((valid) => {
-        if (valid) {
-          if (
-            this.attributeEO.isRelate === '0' &&
-            (this.attributeEO.relateDicId == null ||
-              this.attributeEO.relateDicId === '')
-          ) {
-            this.$message.warning('请选择需要关联的类别')
-          } else {
-            if (this.addOrEdit === 'add') {
-              this.$http.postData(
-                'sys/dictionary/addDictionary',
-                this.attributeEO,
-                {
-                  _this: this,
-                  loading: 'roleDataLoading'
-                },
-                (res) => {
-                  if (res.ok) {
-                    this.getAttrByPage()
-                    this.cancelModel()
-                    // this.showInfoModal = false
-                  } else {
-                  }
-                }
-              )
-            } else {
-              this.$http.putData(
-                'sys/dictionary/updateDictionary',
-                this.attributeEO,
-                {
-                  _this: this,
-                  loading: 'roleDataLoading'
-                },
-                (res) => {
-                  if (res.ok) {
-                    this.getAttrByPage()
-                    this.cancelModel()
-                    // this.showInfoModal = false
-                  } else {
-                  }
-                }
-              )
-            }
-          }
-        }
-      })
-    },
-    // 删除
-    handleClick (row) {
-      this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        confirmButtonClass: 'common-button-primary',
-        cancelButtonText: '取消',
-        roundButton: false,
-        type: 'warning'
-      })
-        .then(() => {
-          this.$http.put(
-            'sys/dictionary/deleteByIds',
-            {
-              id: row.id
-            },
-            {
-              _this: this
-            },
-            (res) => {
-              if (res.ok) {
-                this.getAttrByPage()
-                this.$message({
-                  type: 'success',
-                  message: '删除成功!'
-                })
-              } else {
-              }
-            },
-            (e) => {}
-          )
-        })
-        .catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消删除'
-          })
-        })
-    },
-    cancelModel () {
-      this.$nextTick(() => {
-        // this.$refs['attributeEO'].resetFields()
-        this.attributeEO = {
-          id: '',
-          dictionaryCode: '',
-          dictionaryName: '',
-          dictionType: '',
-          orderNum: '',
-          isRelate: '1',
-          relateDicId: ''
-        }
-      })
-      this.showInfoModal = false
-    },
-    //  deleteAttr () {
-    //   if (this.selectedList.length === 0) {
-    //     this.$message.error('请先选择要删除的数据！')
-    //   } else {
-    //     this.$Modal.confirm({
-    //       title: '提示',
-    //       content: '删除字典同时,该类型下数据将同步被删除,确认删除选中数据？',
-    //       onOk: () => {
-    //         this.$http.put('sys/dictionary/deleteByIds', {
-    //           id: this.selectedList.join(',')
-    //         }, {
-    //           _this: this
-    //         }, res => {
-    //           this.getAttrByPage()
-    //         }, e => {
-    //         })
-    //       },
-    //       onCancel: () => {
-    //       }
-    //     })
-    //   }
-    // },
-
-    deleteAttr () {
-      // 此处获取选中的数据
-      if (this.selectedList.length > 0) {
-        let listIds = []
-        for (let i = 0; i < this.selectedList.length; i++) {
-          let listId = this.selectedList[i]
-          listIds.push(listId)
-        }
-        let listIdsStr = listIds.join(',')
-        this.$confirm('确定删除这些数据?', '提示', {
-          confirmButtonText: '确定',
-          confirmButtonClass: 'common-button-primary',
-          cancelButtonText: '取消',
-          roundButton: false,
-          type: 'warning'
-        }).then(() => {
-          this.$http.put(
-            'sys/dictionary/deleteByIds',
-            {
-              // id: this.selectedList.join(","),
-              id: listIds
-            },
-            {
-              _this: this
-            },
-            (res) => {
-              if (res.ok) {
-                this.getAttrByPage()
-                this.$message({
-                  type: 'success',
-                  message: '删除成功!'
-                })
-              }
-            }
-          )
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消删除'
-          })
-        })
-      } else {
-        this.$message({
-          message: '请选择一条数据进行删除',
-          type: 'warning'
-        })
-      };
-    },
-
-    getDictionarySelList (id) {
-      this.$http.get(
-        'sys/dictionary/getDictionarySelList',
-        {
-          id: id
-        },
-        {
-          _this: this
-        },
-        (res) => {
-          this.relateDicIdOptions = res.data
-        },
-        (e) => {}
-      )
-    }
-  },
-  mounted () {
-    this.getAttrByPage()
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.standLawsAttrManage {
-  height: 100%;
-  .content {
-    height: calc(~"100% - 55px - 56px");
-    overflow-y: auto;
-  }
-  .search-select.el-dropdown {
-    width: 100%;
-  }
-}
-</style>
+<!-- 配置管理 - 标准法规属性管理 -->
+<template>
+  <div class="standLawsAttrManage">
+    <div class="search-area">
+      <div class="left">
+        <el-form
+          ref="searchForm"
+          :model="searchForm"
+          label-width="100px"
+          inline
+        >
+          <el-form-item label="数据字典编码" class="search-item">
+            <el-input
+              v-model="searchForm.dictionaryCode"
+              placeholder="请输入"
+              @keyup.enter.native="searchBtn"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            label="数据字典名称"
+            class="search-item search-item-last"
+          >
+            <el-input
+              v-model="searchForm.dictionaryName"
+              placeholder="请输入"
+              @keyup.enter.native="searchBtn"
+              clearable
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="" class="search-item btn-box">
+            <el-button
+              class="common-button-primary"
+              type="primary"
+              size="mini"
+              @click="searchBtn"
+              v-btn-permission="'47528dfdf744d0602e72da33e1b70ece'"
+            >搜索</el-button>
+          </el-form-item>
+          <el-form-item label="" class="search-item btn-box">
+            <el-button
+              class="common-button-default"
+              @click="resetSelect"
+              size="mini"
+              v-btn-permission="'16f0eb84681538029f59361b3778d44e'"
+            >清空</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="right" style="line-height: normal">
+        <el-button
+          type="primary"
+          class="common-button-primary"
+          size="mini"
+          @click="showAddModel(1, null)"
+          v-btn-permission="'eb10d6461d5540bd1bc57107e44c1f7f'"
+          >新增</el-button
+        >
+        <el-button @click="deleteAttr" size="mini" type="danger" class="common-button-default" v-btn-permission="'02e7caaa53bec6bb2e87e572c298dfec'"
+          >删除</el-button
+        >
+      </div>
+    </div>
+    <div class="content">
+      <el-table
+        stripe
+        ref="selections"
+        tooltip-effect="dark"
+        border
+        height="100%"
+        :data="attributeList"
+        class="table"
+        :header-cell-style="{
+          background: '#e8e8e8',
+          color: '#333333',
+          fontSize: '16px',
+          fontWeight: 'bold',
+          height: '48px',
+        }"
+        @selection-change="handleSelectone"
+      >
+        <el-table-column type="selection" :selectable="handleSelected" width="55" align="center">
+        </el-table-column>
+        <el-table-column prop="dictionaryCode" label="数据字典编码">
+        </el-table-column>
+        <el-table-column prop="dictionaryName" label="数据字典名称">
+          <template slot-scope="scope">
+            <div class="table-jump" @click="goNuwPage(scope.row)">
+              {{ scope.row.dictionaryName }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="orderNum" label="排序号"> </el-table-column>
+        <el-table-column prop="dictionType" label="类型">
+          <template slot-scope="scope">
+            <div v-if="scope.row.dictionType === 'SEL_OPTION'">下拉选项</div>
+            <div v-if="scope.row.dictionType === 'TREE'">树形结构</div>
+          </template>
+        </el-table-column>
+        <!--        <el-table-column-->
+        <!--          prop="enable"-->
+        <!--          label="启用状态">-->
+        <!--          <template slot-scope="scope">-->
+        <!--            <div v-if="scope.row.enable === '0'">启用中</div>-->
+        <!--            <div v-if="scope.row.enable === '1'">未启用</div>-->
+        <!--          </template>-->
+        <!--        </el-table-column>-->
+        <el-table-column prop="creationTime" label="创建时间" >
+        </el-table-column>
+        <!--        <el-table-column-->
+        <!--          fixed="right"-->
+        <!--          label="操作"-->
+        <!--          width="200"-->
+        <!--          align="center">-->
+        <!--          <template slot-scope="scope">-->
+        <!--            <el-button type="primary" size="mini" :disabled="scope.row.enable==='0'" @click="showAddModel(2, scope.row)">编辑</el-button>-->
+        <!--            <el-button type="danger" @click="handleClick(scope.row)" size="mini" :disabled="scope.row.enable==='0' ">删除</el-button>-->
+        <!--          </template>-->
+        <!--        </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="handleCommand">
+                <i class="iconfont">&#xe61e;</i>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item
+                    v-btn-permission="'5966a5368b682b658ea4e7d2b2099123'"
+                    :disabled="scope.row.enable === '0'"
+                    :command="[scope.row, '编辑']"
+                    >编辑</el-dropdown-item
+                  >
+                  <el-dropdown-item
+                    v-btn-permission="'7b526f036f2bac2fdee6f34dd976d865'"
+                    :disabled="scope.row.enable === '0'"
+                    :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>
+      <loading :loading="attributeDataLoading">数据处理中</loading>
+    </div>
+    <pagination
+      :total="total"
+      :pageChange="pageNo"
+      :pageSizeChange="pageSize"
+      @pageChange="pageChange"
+      @pageSizeChange="pageSizeChange"
+    ></pagination>
+    <!-- 编辑抽屉-->
+    <el-drawer
+      :title="attributeTitle"
+      :wrapperClosable="false"
+      :visible.sync="showInfoModal"
+      size="800px"
+      :styles="styles"
+      :close="cancelModel"
+    >
+      <div class="demo-drawer-content">
+        <el-form
+          ref="attributeEO"
+          :model="attributeEO"
+          :rules="attributeEOFormRules"
+          class="label-input-form"
+          label-width="130px"
+          v-if="showInfoModal"
+        >
+          <el-form-item
+            label="数据字典编码"
+            prop="dictionaryCode"
+            class="add-form-item"
+          >
+            <el-input
+              v-model.trim="attributeEO.dictionaryCode"
+              placeholder="请输入数据字典编码"
+              :disabled="this.addOrEdit !== 'add'"
+              clearable
+            />
+          </el-form-item>
+          <el-form-item
+            label="数据字典名称"
+            prop="dictionaryName"
+            class="add-form-item"
+          >
+            <el-input
+              v-model.trim="attributeEO.dictionaryName"
+              placeholder="请输入数据字典名称"
+              clearable
+            />
+          </el-form-item>
+          <el-form-item label="排序号" prop="orderNum" class="add-form-item">
+            <el-input
+              v-model.number="attributeEO.orderNum"
+              placeholder="只允许输入正整数"
+              number
+              :maxlength="3"
+            />
+          </el-form-item>
+          <el-form-item
+            label="类型"
+            prop="dictionType"
+            class="add-form-item"
+          >
+            <el-select
+              placeholder="请选择类型"
+              v-model="attributeEO.dictionType"
+              filterable
+            >
+              <el-option
+                v-for="item in attrTypeOptions"
+                :value="item.value"
+                :key="item.value"
+                :label="item.label"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            label="是否关联其他类别"
+            title="是否关联其他类别"
+            prop="isRelate"
+            class="add-form-item"
+          >
+            <el-select
+              placeholder="请选择类别"
+              v-model="attributeEO.isRelate"
+              filterable
+            >
+              <el-option
+                v-for="item in isRelateOptions"
+                :value="item.value"
+                :key="item.value"
+                :label="item.label"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            label="关联类别"
+            prop="relateDicId"
+            v-if="attributeEO.isRelate === '0'"
+            class="add-form-item"
+          >
+            <el-select
+              v-model="attributeEO.relateDicId"
+              placeholder="请选择类别"
+            >
+              <el-option
+                v-for="opt in relateDicIdOptions"
+                :value="opt.value"
+                :key="opt.value"
+                :label="opt.label"
+                >{{ opt.label }}</el-option
+              >
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div id="roleFormButton" class="demo-drawer-footer">
+        <el-button
+          type="primary"
+          class="common-button-primary"
+          size="mini"
+          icon="el-icon-check"
+          @click="saveInfo"
+          >提交</el-button
+        >
+        <el-button
+          size="mini"
+          icon="el-icon-close"
+          class="common-button-default"
+          @click="cancelModel"
+          >取消</el-button
+        >
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'standLawsAttrManage',
+  data () {
+    return {
+      attributeDataLoading: false,
+      attributeList: [],
+      oprState: 0,
+      total: 0,
+      pageNo: 1,
+      pageSize: this.$store.getters.userInfo.configContent,
+      attributeEO: {
+        id: '',
+        dictionaryCode: '',
+        dictionaryName: '',
+        dictionType: '',
+        orderNum: '',
+        isRelate: '1',
+        relateDicId: ''
+      },
+      attrTypeOptions: [
+        { label: '下拉选项', value: 'SEL_OPTION' },
+        { label: '树形结构', value: 'TREE' }
+      ],
+      attributeTitle: '',
+      showInfoModal: false,
+      attributeEOFormRules: {
+        dictionaryCode: [
+          { required: true, message: '数据字典编码不能为空', trigger: 'blur' },
+          { type: 'string', max: 50, message: '最多输入50位', trigger: 'blur' },
+          {
+            type: 'string',
+            validator: this.verify.validDicCode,
+            trigger: 'blur'
+          }
+        ],
+        dictionaryName: [
+          { required: true, message: '数据字典名称不能为空', trigger: 'blur' },
+          {
+            type: 'string',
+            max: 100,
+            message: '最多输入100位',
+            trigger: 'blur'
+          }
+        ],
+        dictionType: [
+          { required: true, message: '类型不能为空', trigger: 'change' }
+        ],
+        isRelate: [
+          {
+            required: true,
+            message: '是否关联其他类别不能为空',
+            trigger: 'change'
+          }
+        ],
+        orderNum: [
+          {
+            type: 'number',
+            required: true,
+            message: '展示顺序不能为空且为正整数',
+            trigger: 'blur'
+          },
+          {
+            type: 'string',
+            validator: this.verify.validStandNumInCompile2,
+            trigger: 'blur'
+          }
+        ]
+      },
+      styles: {
+        height: 'calc(100% - 55px)',
+        overflow: 'auto',
+        paddingBottom: '53px',
+        position: 'static'
+      },
+      selectedList: [], // 选定列表数据
+      addOrEdit: '',
+      searchForm: {
+        dictionaryCode: '',
+        dictionaryName: ''
+      },
+      isRelateOptions: [
+        { label: '是', value: '0' },
+        { label: '否', value: '1' }
+      ],
+      relateDicIdOptions: []
+    }
+  },
+  methods: {
+    // ...
+    handleCommand (command) {
+      switch (command[1]) {
+        case '编辑':
+          this.showAddModel(2, command[0])
+          break
+        case '删除':
+          this.handleClick(command[0])
+          break
+      }
+    },
+    goNuwPage (item) {
+      this.$store.commit('setDetailMap', this.$route.path)
+      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 = []
+      for (let i = 0; i < data.length; i++) {
+        this.selectedList.push(data[i].id)
+      }
+    },
+    // 判断可选择的项
+    handleSelected(row, index) {
+      if (row.enable === '1') {
+        return true
+      }
+    },
+    pageChange (page) {
+      this.pageNo = page
+      this.getAttrByPage()
+    },
+    pageSizeChange (pageSize) {
+      this.pageSize = pageSize
+      this.getAttrByPage()
+    },
+    searchBtn () {
+      this.pageNo = 1
+      this.getAttrByPage()
+    },
+    resetSelect () {
+      this.searchForm.dictionaryCode = ''
+      this.searchForm.dictionaryName = ''
+      this.pageNo = 1
+      this.getAttrByPage()
+    },
+    getAttrByPage () {
+      this.$http.get(
+        'sys/dictionary/page',
+        {
+          page: this.pageNo,
+          pageSize: this.pageSize,
+          dictionaryCode: this.searchForm.dictionaryCode,
+          dictionaryName: this.searchForm.dictionaryName
+        },
+        {
+          _this: this,
+          loading: 'attributeDataLoading'
+        },
+        (res) => {
+          this.attributeList = res.data.list
+          this.total = res.data.count
+        },
+        (e) => {}
+      )
+      // this.$refs.selections.selectAll(false)
+    },
+    showAddModel (oprState, row) {
+      this.oprState = oprState
+      if (this.oprState === 1) {
+        this.addOrEdit = 'add'
+        this.attributeTitle = '新增'
+        this.getDictionarySelList(null)
+        this.$nextTick(() => {
+          this.attributeEO = {
+            id: '',
+            dictionaryCode: '',
+            dictionaryName: '',
+            dictionType: '',
+            orderNum: '',
+            isRelate: '1',
+            relateDicId: ''
+          }
+          this.$refs['attributeEO'].resetFields()
+        })
+        this.showInfoModal = true
+      } else {
+        this.addOrEdit = 'edit'
+        this.attributeTitle = '编辑'
+        this.getDictionarySelList(null)
+        this.attributeEO = JSON.parse(JSON.stringify(row))
+        this.showInfoModal = true
+      }
+    },
+    saveInfo () {
+      this.$refs['attributeEO'].validate((valid) => {
+        if (valid) {
+          if (
+            this.attributeEO.isRelate === '0' &&
+            (this.attributeEO.relateDicId == null ||
+              this.attributeEO.relateDicId === '')
+          ) {
+            this.$message.warning('请选择需要关联的类别')
+          } else {
+            if (this.addOrEdit === 'add') {
+              this.$http.postData(
+                'sys/dictionary/addDictionary',
+                this.attributeEO,
+                {
+                  _this: this,
+                  loading: 'roleDataLoading'
+                },
+                (res) => {
+                  if (res.ok) {
+                    this.getAttrByPage()
+                    this.cancelModel()
+                    // this.showInfoModal = false
+                  } else {
+                  }
+                }
+              )
+            } else {
+              this.$http.putData(
+                'sys/dictionary/updateDictionary',
+                this.attributeEO,
+                {
+                  _this: this,
+                  loading: 'roleDataLoading'
+                },
+                (res) => {
+                  if (res.ok) {
+                    this.getAttrByPage()
+                    this.cancelModel()
+                    // this.showInfoModal = false
+                  } else {
+                  }
+                }
+              )
+            }
+          }
+        }
+      })
+    },
+    // 删除
+    handleClick (row) {
+      this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        confirmButtonClass: 'common-button-primary',
+        cancelButtonText: '取消',
+        roundButton: false,
+        type: 'warning'
+      })
+        .then(() => {
+          this.$http.put(
+            'sys/dictionary/deleteByIds',
+            {
+              id: row.id
+            },
+            {
+              _this: this
+            },
+            (res) => {
+              if (res.ok) {
+                this.getAttrByPage()
+                this.$message({
+                  type: 'success',
+                  message: '删除成功!'
+                })
+              } else {
+              }
+            },
+            (e) => {}
+          )
+        })
+        .catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          })
+        })
+    },
+    cancelModel () {
+      this.$nextTick(() => {
+        // this.$refs['attributeEO'].resetFields()
+        this.attributeEO = {
+          id: '',
+          dictionaryCode: '',
+          dictionaryName: '',
+          dictionType: '',
+          orderNum: '',
+          isRelate: '1',
+          relateDicId: ''
+        }
+      })
+      this.showInfoModal = false
+    },
+    //  deleteAttr () {
+    //   if (this.selectedList.length === 0) {
+    //     this.$message.error('请先选择要删除的数据！')
+    //   } else {
+    //     this.$Modal.confirm({
+    //       title: '提示',
+    //       content: '删除字典同时,该类型下数据将同步被删除,确认删除选中数据？',
+    //       onOk: () => {
+    //         this.$http.put('sys/dictionary/deleteByIds', {
+    //           id: this.selectedList.join(',')
+    //         }, {
+    //           _this: this
+    //         }, res => {
+    //           this.getAttrByPage()
+    //         }, e => {
+    //         })
+    //       },
+    //       onCancel: () => {
+    //       }
+    //     })
+    //   }
+    // },
+
+    deleteAttr () {
+      // 此处获取选中的数据
+      if (this.selectedList.length > 0) {
+        let listIds = []
+        for (let i = 0; i < this.selectedList.length; i++) {
+          let listId = this.selectedList[i]
+          listIds.push(listId)
+        }
+        let listIdsStr = listIds.join(',')
+        this.$confirm('确定删除这些数据?', '提示', {
+          confirmButtonText: '确定',
+          confirmButtonClass: 'common-button-primary',
+          cancelButtonText: '取消',
+          roundButton: false,
+          type: 'warning'
+        }).then(() => {
+          this.$http.put(
+            'sys/dictionary/deleteByIds',
+            {
+              // id: this.selectedList.join(","),
+              id: listIds
+            },
+            {
+              _this: this
+            },
+            (res) => {
+              if (res.ok) {
+                this.getAttrByPage()
+                this.$message({
+                  type: 'success',
+                  message: '删除成功!'
+                })
+              }
+            }
+          )
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          })
+        })
+      } else {
+        this.$message({
+          message: '请选择一条数据进行删除',
+          type: 'warning'
+        })
+      };
+    },
+
+    getDictionarySelList (id) {
+      this.$http.get(
+        'sys/dictionary/getDictionarySelList',
+        {
+          id: id
+        },
+        {
+          _this: this
+        },
+        (res) => {
+          this.relateDicIdOptions = res.data
+        },
+        (e) => {}
+      )
+    }
+  },
+  mounted () {
+    this.getAttrByPage()
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.standLawsAttrManage {
+  height: 100%;
+  .content {
+    height: calc(~"100% - 55px - 56px");
+    overflow-y: auto;
+  }
+  .search-select.el-dropdown {
+    width: 100%;
+  }
+}
+</style>
diff --git a/src/pages/config/pages/standLawsAttrManage/pages/standLawsAttrDetails.vue b/src/pages/config/pages/standLawsAttrManage/pages/standLawsAttrDetails.vue
index 47450ec7e..7f4c3690a 100644
--- a/src/pages/config/pages/standLawsAttrManage/pages/standLawsAttrDetails.vue
+++ b/src/pages/config/pages/standLawsAttrManage/pages/standLawsAttrDetails.vue
@@ -1,1080 +1,1080 @@
-<!-- 配置管理 - 标准法规属性管理详情页 -->
-<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" size="mini" @click="selectProductBtn">搜索</el-button>
-          </el-form-item>
-          <el-form-item label="" class="search-item btn-box">
-            <el-button class="common-button-default" size="mini"  @click="resetSelect" >清空</el-button>
-          </el-form-item>
-        </el-form>
-      </div>
-      <div class="right">
-        <el-button class="common-button-primary add-button"
-                   v-btn-permission="''"
-                   type="primary"
-                   icon="add"
-                   size="small"
-                   v-if="dictionaryId != 'ERDFGHGGJJ' && dictionaryId != 'D975E8V5KVQUY3DZFV7E' && dictionaryId != 'WQERWC39J4E8SV6WREP2'"
-                   @click="productAdd">新增</el-button>
-        <el-button class="common-button-default delete-button"
-                   v-btn-permission="''"
-                   v-if="dictionaryId != 'ERDFGHGGJJ' && dictionaryId != 'D975E8V5KVQUY3DZFV7E' && dictionaryId != 'WQERWC39J4E8SV6WREP2'"
-                   icon="delete"
-                   size="small"
-                   @click="productBatchDel">删除</el-button>
-      </div>
-    </div>
-    <div class="content">
-      <el-table
-        stripe
-        ref="selections"
-        tooltip-effect="dark"
-        border
-        :height="tableHeight"
-        :data="productData"
-        class="table"
-        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
-         fontWeight: 'bold', height: '48px'}"
-        @selection-change="handleSelectone">
-        <el-table-column
-          type="selection"
-          width="55"
-          align="center">
-        </el-table-column>
-        <el-table-column
-          prop="dicTypeName"
-          label="选项"
-          align="center">
-        </el-table-column>
-        <el-table-column
-          prop="showIndex"
-          label="排序号"
-          align="center">
-        </el-table-column>
-        <el-table-column
-          prop="describes"
-          label="描述"
-          align="center">
-        </el-table-column>
-        <el-table-column
-          fixed="right"
-          label=""
-          width="50"
-          align="center">
-          <template slot-scope="scope">
-            <div @click.stop style="display: inline-block">
-              <el-dropdown trigger="click" @command="handleCommand">
-<i class="iconfont">&#xe61e;</i>
-                <el-dropdown-menu slot="dropdown">
-                  <div v-if="relateDicId">
-                    <el-dropdown-item :command="[scope.row, '查看']"  v-btn-permission="'AQCEYWZK8F4DL85BZPRB'">查看</el-dropdown-item>
-                  </div>
-                  <el-dropdown-item :command="[scope.row, '编辑']"  v-if="dictionaryId !== 'ERDFGHGGJJ' && dictionaryId !== '48723deaa90798f56e939aea6aa49a23' && dictionaryId !== 'WQERWC39J4E8SV6WREP2'"  v-btn-permission="''">编辑</el-dropdown-item>
-                  <el-dropdown-item :command="[scope.row, '删除']"  v-if="dictionaryId !== 'ERDFGHGGJJ' && dictionaryId !== '982b2f92a26c3c91b6b868419f0e2d3b' && dictionaryId !== 'WQERWC39J4E8SV6WREP2'"  v-btn-permission="''">删除</el-dropdown-item>
-                  <!--                    <el-dropdown-item :command="[scope.row, '流程']">流程</el-dropdown-item>-->
-                </el-dropdown-menu>
-              </el-dropdown>
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
-      <pagination :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
-      <loading :loading="loading">数据处理中</loading>
-    </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="dicTypeName" class="add-form-item">
-                  <el-input v-model.trim="productModelAdd.dicTypeName" placeholder="请输入选项" clearable></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col>
-                <el-form-item label="排序号" prop="showIndex" class="add-form-item">
-                  <el-input v-model.number="productModelAdd.showIndex"
-                            number
-                            placeholder="请输入排序号"
-                            :maxlength="4"
-                            clearable></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col>
-                <el-form-item label="描述" prop="describes" class="add-form-item">
-                  <el-input v-model.trim="productModelAdd.describes"
-                            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>
-</template>
-
-<script>
-export default {
-  name: 'standLawsAttrDetails',
-  data () {
-    return {
-      modalType: '',
-      productTitle: '', // 模态框标题
-      selectNum: '', // 接收选中行数据
-      standardForm: {
-        standName: '', // 选项
-        standCode: '' // 描述
-      },
-      total: 0,
-      page: 1,
-      rows: 10,
-      loading: false,
-      productModelAdd: {
-        // 模态框信息
-        dicTypeName: '',
-        showIndex: '',
-        // 描述
-        describes: '',
-        // 唯一辨识
-        dicId: this.$route.params.id
-      },
-      // 规范
-      productRules: {
-        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: '',
-      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
-    }
-  },
-  methods: {
-    // 更多
-    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('sys/dictype/create', this.productModelAdd, {
-              _this: this
-            }, res => {
-              if (res.ok) {
-                this.selectProduct()
-                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('sys/dictype', this.productModelAdd, {
-              _this: this
-            }, res => {
-              this.selectProduct()
-              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
-    }
-  },
-  mounted () {
-    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');
-      }
-    }
-  }
-</style>
+<!-- 配置管理 - 标准法规属性管理详情页 -->
+<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" size="mini" @click="selectProductBtn" v-btn-permission="'8ddeee2d65ab6a223551771ff99869b7'">搜索</el-button>
+          </el-form-item>
+          <el-form-item label="" class="search-item btn-box">
+            <el-button class="common-button-default" size="mini"  @click="resetSelect" v-btn-permission="'af875e070ca13ecb04455f35c0b9d80a'">清空</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="right">
+        <el-button class="common-button-primary add-button"
+                   v-btn-permission="'8969811dc465528909628a3a13529023'"
+                   type="primary"
+                   icon="add"
+                   size="small"
+                   v-if="dictionaryId != 'ERDFGHGGJJ' && dictionaryId != 'D975E8V5KVQUY3DZFV7E' && dictionaryId != 'WQERWC39J4E8SV6WREP2'"
+                   @click="productAdd">新增</el-button>
+        <el-button class="common-button-default delete-button"
+                   v-btn-permission="'df889d64e87c977e4bc9f9a0851d4c27'"
+                   v-if="dictionaryId != 'ERDFGHGGJJ' && dictionaryId != 'D975E8V5KVQUY3DZFV7E' && dictionaryId != 'WQERWC39J4E8SV6WREP2'"
+                   icon="delete"
+                   size="small"
+                   @click="productBatchDel">删除</el-button>
+      </div>
+    </div>
+    <div class="content">
+      <el-table
+        stripe
+        ref="selections"
+        tooltip-effect="dark"
+        border
+        :height="tableHeight"
+        :data="productData"
+        class="table"
+        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+        @selection-change="handleSelectone">
+        <el-table-column
+          type="selection"
+          width="55"
+          align="center">
+        </el-table-column>
+        <el-table-column
+          prop="dicTypeName"
+          label="选项"
+          align="center">
+        </el-table-column>
+        <el-table-column
+          prop="showIndex"
+          label="排序号"
+          align="center">
+        </el-table-column>
+        <el-table-column
+          prop="describes"
+          label="描述"
+          align="center">
+        </el-table-column>
+        <el-table-column
+          fixed="right"
+          label=""
+          width="50"
+          align="center">
+          <template slot-scope="scope">
+            <div @click.stop style="display: inline-block">
+              <el-dropdown trigger="click" @command="handleCommand">
+<i class="iconfont">&#xe61e;</i>
+                <el-dropdown-menu slot="dropdown">
+                  <div v-if="relateDicId">
+                    <el-dropdown-item :command="[scope.row, '查看']"  v-btn-permission="'AQCEYWZK8F4DL85BZPRB'">查看</el-dropdown-item>
+                  </div>
+                  <el-dropdown-item :command="[scope.row, '编辑']"  v-if="dictionaryId !== 'ERDFGHGGJJ' && dictionaryId !== '48723deaa90798f56e939aea6aa49a23' && dictionaryId !== 'WQERWC39J4E8SV6WREP2'"  v-btn-permission="'48723deaa90798f56e939aea6aa49a23'">编辑</el-dropdown-item>
+                  <el-dropdown-item :command="[scope.row, '删除']"  v-if="dictionaryId !== 'ERDFGHGGJJ' && dictionaryId !== '982b2f92a26c3c91b6b868419f0e2d3b' && dictionaryId !== 'WQERWC39J4E8SV6WREP2'"  v-btn-permission="'982b2f92a26c3c91b6b868419f0e2d3b'">删除</el-dropdown-item>
+                  <!--                    <el-dropdown-item :command="[scope.row, '流程']">流程</el-dropdown-item>-->
+                </el-dropdown-menu>
+              </el-dropdown>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
+      <loading :loading="loading">数据处理中</loading>
+    </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="dicTypeName" class="add-form-item">
+                  <el-input v-model.trim="productModelAdd.dicTypeName" placeholder="请输入选项" clearable></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="排序号" prop="showIndex" class="add-form-item">
+                  <el-input v-model.number="productModelAdd.showIndex"
+                            number
+                            placeholder="请输入排序号"
+                            :maxlength="4"
+                            clearable></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="描述" prop="describes" class="add-form-item">
+                  <el-input v-model.trim="productModelAdd.describes"
+                            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>
+</template>
+
+<script>
+export default {
+  name: 'standLawsAttrDetails',
+  data () {
+    return {
+      modalType: '',
+      productTitle: '', // 模态框标题
+      selectNum: '', // 接收选中行数据
+      standardForm: {
+        standName: '', // 选项
+        standCode: '' // 描述
+      },
+      total: 0,
+      page: 1,
+      rows: 10,
+      loading: false,
+      productModelAdd: {
+        // 模态框信息
+        dicTypeName: '',
+        showIndex: '',
+        // 描述
+        describes: '',
+        // 唯一辨识
+        dicId: this.$route.params.id
+      },
+      // 规范
+      productRules: {
+        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: '',
+      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
+    }
+  },
+  methods: {
+    // 更多
+    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('sys/dictype/create', this.productModelAdd, {
+              _this: this
+            }, res => {
+              if (res.ok) {
+                this.selectProduct()
+                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('sys/dictype', this.productModelAdd, {
+              _this: this
+            }, res => {
+              this.selectProduct()
+              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
+    }
+  },
+  mounted () {
+    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');
+      }
+    }
+  }
+</style>