|
|
@@ -0,0 +1,1078 @@
|
|
|
+<template>
|
|
|
+ <!-- 分类信息维护 -->
|
|
|
+ <div class="processInformation">
|
|
|
+ <div class="box">
|
|
|
+ <div
|
|
|
+ class="box-left"
|
|
|
+ :style="listTopicTree.show ? null : { width: '22px' }"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="box-left-bt"
|
|
|
+ style="overflow: hidden;"
|
|
|
+ >
|
|
|
+ <span v-show="listTopicTree.show">分类结构</span>
|
|
|
+ <div style="float: right;height: 100%;padding-right: 4px;">
|
|
|
+ <span
|
|
|
+ class="el-icon-d-arrow-right"
|
|
|
+ style="cursor: pointer; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;"
|
|
|
+ :style="listTopicTree.show ? { transform: 'rotate(180deg)'} : { transform: 'rotate(0deg)'} "
|
|
|
+ @click="listTopicTree.show = !listTopicTree.show;"
|
|
|
+ ></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="box-left-tree">
|
|
|
+ <el-tree
|
|
|
+ v-show="listTopicTree.show"
|
|
|
+ :data="listTopicTree.data"
|
|
|
+ :props="listTopicTree.defaultProps"
|
|
|
+ v-loading="listTopicTree.loading"
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="custom-tree-node"
|
|
|
+ :class="{'tree-row-on': filterForm.data.parentid === data.id}"
|
|
|
+ style="width:100%; font-size:12px;"
|
|
|
+ slot-scope="{ node, data }"
|
|
|
+ >
|
|
|
+ <p
|
|
|
+ style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;"
|
|
|
+ :title="node.label"
|
|
|
+ @click="selectByTopicId(data)"
|
|
|
+ >{{ node.label }}</p>
|
|
|
+ </span>
|
|
|
+ </el-tree>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="box-right"
|
|
|
+ :style="listTopicTree.show ? null : { 'margin-left': '22px' }"
|
|
|
+ >
|
|
|
+ <div class="box-top">
|
|
|
+ <el-form
|
|
|
+ style="overflow: hidden;"
|
|
|
+ :style="filterForm.show ? null : { height: '0px' }"
|
|
|
+ class="box-top-form"
|
|
|
+ size="mini"
|
|
|
+ label-width="70px"
|
|
|
+ >
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="分类名称">
|
|
|
+ <el-input
|
|
|
+ clearable
|
|
|
+ v-model="filterForm.data.name"
|
|
|
+ placeholder="分类名称"
|
|
|
+ style="width: 100%;"
|
|
|
+ @keyup.enter.native="getTableData(1)"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="上层结点">
|
|
|
+ <el-select
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ v-model="filterForm.data.parentid"
|
|
|
+ placeholder="上层结点"
|
|
|
+ style="width: 100%;"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item of nameObj.parentid.arr"
|
|
|
+ :key="item.id"
|
|
|
+ :value="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div class="box-top-gjl">
|
|
|
+ <el-button
|
|
|
+ class="button"
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ icon="el-icon-plus"
|
|
|
+ v-privilege="activeMenu + 'ADD'"
|
|
|
+ @click="but_add"
|
|
|
+ >新增</el-button>
|
|
|
+ <el-button
|
|
|
+ class="button"
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ icon="el-icon-edit-outline"
|
|
|
+ v-privilege="activeMenu + 'PUT'"
|
|
|
+ @click="but_edit_plural()"
|
|
|
+ :loading="loading"
|
|
|
+ >修改</el-button>
|
|
|
+ <el-button
|
|
|
+ class="button"
|
|
|
+ type="danger"
|
|
|
+ size="mini"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ v-privilege="activeMenu + 'DELETE'"
|
|
|
+ @click="but_del_plural()"
|
|
|
+ :loading="loading"
|
|
|
+ >删除</el-button>
|
|
|
+ <div style="float:right; text-align: right;">
|
|
|
+ <el-button
|
|
|
+ class="button"
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ icon="el-icon-search"
|
|
|
+ v-privilege="activeMenu + 'QUERY'"
|
|
|
+ @click="getTableData(1)"
|
|
|
+ >查询</el-button>
|
|
|
+ <el-button
|
|
|
+ class="button"
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ icon="el-icon-refresh"
|
|
|
+ v-privilege="activeMenu + 'QUERY'"
|
|
|
+ @click="tableDataCancel();"
|
|
|
+ >重置</el-button>
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ :icon="filterForm.show ? 'el-icon-caret-top' : 'el-icon-caret-bottom'"
|
|
|
+ :title="filterForm.show ? '收起搜索区' : '展开搜索区'"
|
|
|
+ @click="filterForm.show = !filterForm.show;
|
|
|
+ $nextTick(() => {
|
|
|
+ singleTableHeight = getRoleHeight($refs['singleTable'].$el) - 45;
|
|
|
+ }
|
|
|
+ );"
|
|
|
+ >{{ filterForm.show ? '收起' : '展开' }}</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="box-bottom">
|
|
|
+ <el-form
|
|
|
+ size="mini"
|
|
|
+ ref="dialog_form_arr"
|
|
|
+ label-width="0px"
|
|
|
+ :model="tableFormDataObj"
|
|
|
+ >
|
|
|
+ <el-table
|
|
|
+ stripe
|
|
|
+ id="singleTable"
|
|
|
+ ref="singleTable"
|
|
|
+ :data="tableData"
|
|
|
+ v-loading="tableLoading"
|
|
|
+ style="width: 100%;"
|
|
|
+ :height="singleTableHeight"
|
|
|
+ border
|
|
|
+ size="mini"
|
|
|
+ highlight-current-row
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ type="selection"
|
|
|
+ width="40"
|
|
|
+ align="center"
|
|
|
+ fixed="left"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="seqno"
|
|
|
+ type="index"
|
|
|
+ label="序号"
|
|
|
+ width="60px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="name"
|
|
|
+ label="分类名称"
|
|
|
+ width="160px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ > <template slot-scope="scope">
|
|
|
+ <el-form-item
|
|
|
+ v-if="scope.row.isSelection"
|
|
|
+ :prop="scope.row.id + '.name'"
|
|
|
+ :rules="dialog.editorBox.form.rules.name"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ clearable
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="tableFormDataObj[scope.row.id].name"
|
|
|
+ ></el-input>
|
|
|
+ <template
|
|
|
+ slot="error"
|
|
|
+ slot-scope="scope"
|
|
|
+ ><p
|
|
|
+ class="error"
|
|
|
+ :title="scope.error"
|
|
|
+ >{{ scope.error }}</p>
|
|
|
+ </template>
|
|
|
+ </el-form-item>
|
|
|
+ <span v-else>{{scope.row.name}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="parentid"
|
|
|
+ label="上层节点"
|
|
|
+ width="160px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ><template slot-scope="scope">
|
|
|
+ <span>{{ nameObj.parentid.obj[scope.row.parentid] ? nameObj.parentid.obj[scope.row.parentid].name : scope.row.parentid }}</span>
|
|
|
+ </template></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="node"
|
|
|
+ label="级别"
|
|
|
+ width="50px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="type"
|
|
|
+ label="信息类别"
|
|
|
+ width="160px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ > <template slot-scope="scope">
|
|
|
+ <el-form-item
|
|
|
+ v-if="scope.row.isSelection"
|
|
|
+ :prop="scope.row.id + '.ename'"
|
|
|
+ :rules="dialog.editorBox.form.rules.type"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ clearable
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="tableFormDataObj[scope.row.id].type"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <span v-else>{{scope.row.type}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="info"
|
|
|
+ label="安全信息"
|
|
|
+ width="160px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ > <template slot-scope="scope">
|
|
|
+ <el-form-item
|
|
|
+ v-if="scope.row.isSelection"
|
|
|
+ :prop="scope.row.id + '.qname'"
|
|
|
+ :rules="dialog.editorBox.form.rules.info"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ clearable
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="tableFormDataObj[scope.row.id].info"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <span v-else>{{scope.row.info}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="seqno"
|
|
|
+ label="顺序号"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ > <template slot-scope="scope">
|
|
|
+ <el-form-item
|
|
|
+ v-if="scope.row.isSelection"
|
|
|
+ :prop="scope.row.id + '.seqno'"
|
|
|
+ :rules="dialog.editorBox.form.rules.seqno"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ clearable
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="tableFormDataObj[scope.row.id].seqno"
|
|
|
+ ></el-input>
|
|
|
+ <template
|
|
|
+ slot="error"
|
|
|
+ slot-scope="scope"
|
|
|
+ >
|
|
|
+ <p
|
|
|
+ class="error"
|
|
|
+ :title="scope.error"
|
|
|
+ >{{ scope.error }}</p>
|
|
|
+ </template>
|
|
|
+ </el-form-item>
|
|
|
+ <span v-else>{{scope.row.seqno}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="url"
|
|
|
+ label="分类路径"
|
|
|
+ width="360px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="createman"
|
|
|
+ label="创建人"
|
|
|
+ min-width="80px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="createtime"
|
|
|
+ label="创建时间"
|
|
|
+ min-width="140px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="updateman"
|
|
|
+ label="修改人"
|
|
|
+ min-width="80px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="updatetime"
|
|
|
+ label="修改时间"
|
|
|
+ width="140px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ <!-- <el-table-column
|
|
|
+ class-name="gn-TableDownloadExcel-none"
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ width="140px"
|
|
|
+ fixed="right"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ v-privilege="activeMenu + 'PUT'"
|
|
|
+ @click="but_edit(scope.row)"
|
|
|
+ >修改</el-button>
|
|
|
+ <el-button
|
|
|
+ type="danger"
|
|
|
+ size="mini"
|
|
|
+ v-privilege="activeMenu + 'DELETE'"
|
|
|
+ @click="but_del(scope.row)"
|
|
|
+ >删除</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column> -->
|
|
|
+ </el-table>
|
|
|
+ </el-form>
|
|
|
+ <el-pagination
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="total"
|
|
|
+ :page-sizes="[10, 20, 50, 100, 500, 1000]"
|
|
|
+ :page-size="pageSize"
|
|
|
+ :current-page.sync="pageNum"
|
|
|
+ @size-change="tableSizeChange"
|
|
|
+ @current-change="getTableData()"
|
|
|
+ style="text-align: right;margin-top: 10px;"
|
|
|
+ ></el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-dialog
|
|
|
+ :title="'安全信息类别 - ' + (dialog.editorBox.type === 'add' ? '新增' : '修改')"
|
|
|
+ :visible.sync="dialog.editorBox.show"
|
|
|
+ width="600px"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :show-close="!loading"
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <el-form
|
|
|
+ ref="dialog_form"
|
|
|
+ :model="dialog.editorBox.form.data"
|
|
|
+ :rules="dialog.editorBox.form.rules"
|
|
|
+ size="mini"
|
|
|
+ label-width="120px"
|
|
|
+ >
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item
|
|
|
+ label="分类名称"
|
|
|
+ prop="name"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ clearable
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="dialog.editorBox.form.data.name"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item
|
|
|
+ label="安全类别"
|
|
|
+ prop="type"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ clearable
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="dialog.editorBox.form.data.type"
|
|
|
+ :disabled="dialog.editorBox.type !== 'add'"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item
|
|
|
+ label="安全信息"
|
|
|
+ prop="info"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ clearable
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="dialog.editorBox.form.data.info"
|
|
|
+ :disabled="dialog.editorBox.type !== 'add'"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item
|
|
|
+ label="上层节点"
|
|
|
+ prop="parentid"
|
|
|
+ >
|
|
|
+ <el-select
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="dialog.editorBox.form.data.parentid"
|
|
|
+ disabled
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item of nameObj.parentid.arr"
|
|
|
+ :key="item.id"
|
|
|
+ :value="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item
|
|
|
+ label="级别"
|
|
|
+ prop="node"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ clearable
|
|
|
+ style="width: 100%;"
|
|
|
+ v-model="dialog.editorBox.form.data.node"
|
|
|
+ disabled
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <span
|
|
|
+ slot="footer"
|
|
|
+ class="dialog-footer"
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ @click="dialog.editorBox.show = false"
|
|
|
+ :loading="loading"
|
|
|
+ >取 消</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="dataSave"
|
|
|
+ :loading="loading"
|
|
|
+ >保 存</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { zCheckNumber1 } from '@/utils/validator.js';
|
|
|
+export default {
|
|
|
+ name: 'processInformation',
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ multipleSelection: [],
|
|
|
+ tableFormDataObj: {},
|
|
|
+ activeMenu: '',
|
|
|
+ filterForm: {
|
|
|
+ show: true,
|
|
|
+ data: {
|
|
|
+ id: '',
|
|
|
+ name: '',
|
|
|
+ parentid: ''
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ listTopicTree: {
|
|
|
+ show: true,
|
|
|
+ loading: false,
|
|
|
+ data: [],
|
|
|
+ defaultProps: {
|
|
|
+ children: 'children',
|
|
|
+ label: 'securityName'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ total: 0,
|
|
|
+ singleTableHeight: 100,
|
|
|
+ tableData: [
|
|
|
+ // {
|
|
|
+ // id: '001',
|
|
|
+ // name: '球团',
|
|
|
+ // parentid: '球团总',
|
|
|
+ // node: '3',
|
|
|
+ // ename: '',
|
|
|
+ // qname: '',
|
|
|
+ // seqno: '1',
|
|
|
+ // issettle: '0',
|
|
|
+ // isreal: '0',
|
|
|
+ // isplan: '0',
|
|
|
+ // isbalance: '0',
|
|
|
+ // hasproduct: '0',
|
|
|
+ // isquality: '0',
|
|
|
+ // bcode: '',
|
|
|
+ // bdesc1: '',
|
|
|
+ // bdesc2: ''
|
|
|
+ // }
|
|
|
+ ],
|
|
|
+ nameObj: {
|
|
|
+ parentid: {
|
|
|
+ obj: {},
|
|
|
+ arr: []
|
|
|
+ },
|
|
|
+ id: {
|
|
|
+ obj: {},
|
|
|
+ arr: []
|
|
|
+ },
|
|
|
+ name: {
|
|
|
+ obj: {},
|
|
|
+ arr: []
|
|
|
+ },
|
|
|
+ seqno: {
|
|
|
+ obj: {},
|
|
|
+ arr: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ loading: false,
|
|
|
+ tableLoading: false,
|
|
|
+ dialog: {
|
|
|
+ editorBox: {
|
|
|
+ show: false,
|
|
|
+ type: '',
|
|
|
+ addRow: null,
|
|
|
+ form: {
|
|
|
+ default: {
|
|
|
+ parentid: ''
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ id: '',
|
|
|
+ name: '',
|
|
|
+ parentid: '',
|
|
|
+ node: '',
|
|
|
+ type: '',
|
|
|
+ info: '',
|
|
|
+ seqno: ''
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ id: [
|
|
|
+ { required: true, message: '该项不能为空', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ name: [
|
|
|
+ { required: true, message: '该项不能为空', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ isreal: [
|
|
|
+ { required: true, message: '该项不能为空', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ seqno: [
|
|
|
+ { validator: zCheckNumber1, trigger: 'change' }
|
|
|
+ ],
|
|
|
+ isplan: [
|
|
|
+ { required: true, message: '该项不能为空', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ isbalance: [
|
|
|
+ { required: true, message: '该项不能为空', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ hasproduct: [
|
|
|
+ { required: true, message: '该项不能为空', trigger: 'change' }
|
|
|
+ ]
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created () {
|
|
|
+ this.activeMenu = window.localStorage.getItem('activeMenu');
|
|
|
+ },
|
|
|
+ mounted () {
|
|
|
+ let that = this;
|
|
|
+ window.PEDataObj = {
|
|
|
+ // 将数据绑定到window上，供main页面使用
|
|
|
+ vm: that,
|
|
|
+ // tableArr：用于导出成Excel的表格的信息
|
|
|
+ tableArr: [
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ id: 'singleTable'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ that.$nextTick(() => {
|
|
|
+ // 立即获取的height有一定偏差，通过setTimeout延迟来解决
|
|
|
+ setTimeout(() => {
|
|
|
+ that.singleTableHeight = that.getRoleHeight(that.$refs['singleTable'].$el) - 45;
|
|
|
+ }, 1);
|
|
|
+ });
|
|
|
+ that.getNodeData();
|
|
|
+ that.getNodeTreeData();
|
|
|
+ that.getTableData();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 计算树区域高度
|
|
|
+ getRoleHeight (dom) {
|
|
|
+ return window.innerHeight - dom.offsetTop;
|
|
|
+ },
|
|
|
+ // 获取工序列表
|
|
|
+ getNodeData () {
|
|
|
+ let that = this
|
|
|
+ let url = 'pass/ems/v1/securitytypes/getIdAndName';
|
|
|
+ that.axios.get(url)
|
|
|
+ .then(function (res) {
|
|
|
+ if (res.code === '0') {
|
|
|
+ let arr = [];
|
|
|
+ let obj = {};
|
|
|
+ for (let item of res.data) {
|
|
|
+ arr.push({
|
|
|
+ id: item.id,
|
|
|
+ name: item.securityName
|
|
|
+ })
|
|
|
+ obj[item.id] = {
|
|
|
+ name: item.securityName,
|
|
|
+ node: item.securityNode
|
|
|
+ };
|
|
|
+ }
|
|
|
+ that.nameObj.parentid.arr = arr;
|
|
|
+ that.nameObj.parentid.obj = obj;
|
|
|
+ } else {
|
|
|
+ that.$message.error(res.message);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 获取安全类别节点树
|
|
|
+ getNodeTreeData () {
|
|
|
+ let that = this
|
|
|
+ let url = 'pass/ems/v1/securitytypes/gettree/';
|
|
|
+ that.listTopicTree.loading = true;
|
|
|
+ that.axios.get(url)
|
|
|
+ .then(function (res) {
|
|
|
+ if (res.code === '0') {
|
|
|
+ that.listTopicTree.data = [{
|
|
|
+ id: '',
|
|
|
+ securityName: '所有记录',
|
|
|
+ children: res.data
|
|
|
+ }];
|
|
|
+ } else {
|
|
|
+ that.$message.error(res.message);
|
|
|
+ }
|
|
|
+ that.listTopicTree.loading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 获取表格中的数据
|
|
|
+ getTableData (pageNum) {
|
|
|
+ let that = this,
|
|
|
+ params = {
|
|
|
+ securityName: that.filterForm.data.name,
|
|
|
+ securityParentid: that.filterForm.data.parentid
|
|
|
+ };
|
|
|
+ that.pageNum = pageNum || that.pageNum;
|
|
|
+ that.tableLoading = true;
|
|
|
+ that.dialog.editorBox.form.default.parentid = that.filterForm.data.parentid;
|
|
|
+ let url = 'pass/ems/v1/securitytypes/like/?pageNum=' + that.pageNum + '&pageSize=' + that.pageSize;
|
|
|
+ that.axios.get(url, {
|
|
|
+ params: params
|
|
|
+ })
|
|
|
+ .then(function (res) {
|
|
|
+ if (res.code === '0') {
|
|
|
+ let arr = [];
|
|
|
+ for (let item of res.data.list) {
|
|
|
+ arr.push({
|
|
|
+ id: item.id,
|
|
|
+ name: item.securityName,
|
|
|
+ parentid: item.securityParentid,
|
|
|
+ node: item.securityNode,
|
|
|
+ type: item.securityType,
|
|
|
+ info: item.securityInfo,
|
|
|
+ url: item.securityUploadUrl,
|
|
|
+ seqno: item.seqno,
|
|
|
+ createman: item.createMan,
|
|
|
+ createtime: item.createTime,
|
|
|
+ updateman: item.updateMan,
|
|
|
+ updatetime: item.updateTime
|
|
|
+ })
|
|
|
+ }
|
|
|
+ that.tableData = arr;
|
|
|
+ that.total = res.data.total;
|
|
|
+ } else {
|
|
|
+ that.$message.error(res.message);
|
|
|
+ }
|
|
|
+ that.tableLoading = false;
|
|
|
+ }).catch(function () {
|
|
|
+ that.tableLoading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 改变表格显示条数
|
|
|
+ tableSizeChange (val) {
|
|
|
+ let that = this;
|
|
|
+ that.pageSize = val;
|
|
|
+ that.getTableData(1);
|
|
|
+ },
|
|
|
+ // 重置搜索
|
|
|
+ tableDataCancel () {
|
|
|
+ let that = this;
|
|
|
+ that.filterForm.data.id = '';
|
|
|
+ that.filterForm.data.name = '';
|
|
|
+ that.filterForm.data.parentid = '';
|
|
|
+ that.getTableData(1);
|
|
|
+ },
|
|
|
+ // 表格中多选按钮的相关方法
|
|
|
+ handleSelectionChange (val) {
|
|
|
+ let that = this;
|
|
|
+ let tableFormDataObj = {};
|
|
|
+ for (let item of that.tableData) {
|
|
|
+ item.isSelection = false;
|
|
|
+ }
|
|
|
+ for (let item of val) {
|
|
|
+ let obj = {};
|
|
|
+ let xId = item.id;
|
|
|
+ if (that.tableFormDataObj[xId]) {
|
|
|
+ tableFormDataObj[xId] = that.tableFormDataObj[xId];
|
|
|
+ } else {
|
|
|
+ for (let key in item) {
|
|
|
+ obj[key] = item[key];
|
|
|
+ }
|
|
|
+ tableFormDataObj[xId] = obj;
|
|
|
+ }
|
|
|
+ item.isSelection = true;
|
|
|
+ }
|
|
|
+ that.tableFormDataObj = tableFormDataObj;
|
|
|
+ that.multipleSelection = val;
|
|
|
+ },
|
|
|
+ // 批量修改
|
|
|
+ but_edit_plural () {
|
|
|
+ let that = this;
|
|
|
+ if (that.multipleSelection.length > 0) {
|
|
|
+ that.$refs['dialog_form_arr'].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ let SubmitData = [];
|
|
|
+ for (let key in that.tableFormDataObj) {
|
|
|
+ SubmitData.push({
|
|
|
+ id: that.tableFormDataObj[key].id,
|
|
|
+ securityType: that.tableFormDataObj[key].type,
|
|
|
+ securityName: that.tableFormDataObj[key].name,
|
|
|
+ securityInfo: that.tableFormDataObj[key].info,
|
|
|
+ securityParentid: that.tableFormDataObj[key].parentid,
|
|
|
+ securityNode: that.tableFormDataObj[key].node,
|
|
|
+ seqno: that.tableFormDataObj[key].seqno
|
|
|
+ });
|
|
|
+ }
|
|
|
+ that.loading = true;
|
|
|
+ that.axios.put('pass/ems/v1/securitytypes/batchupdate', SubmitData)
|
|
|
+ .then(function (res) {
|
|
|
+ if (res.code === '0') {
|
|
|
+ that.$message({
|
|
|
+ message: '修改成功',
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ that.getTableData();
|
|
|
+ that.getNodeData();
|
|
|
+ that.getNodeTreeData();
|
|
|
+ that.dialog.editorBox.show = false;
|
|
|
+ } else {
|
|
|
+ that.$message.error(res.message);
|
|
|
+ }
|
|
|
+ that.loading = false;
|
|
|
+ }).catch(function () {
|
|
|
+ that.loading = false;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message.error('至少要选择一条数据');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 批量删除
|
|
|
+ but_del_plural () {
|
|
|
+ let that = this;
|
|
|
+ if (that.multipleSelection.length > 0) {
|
|
|
+ let ids = [];
|
|
|
+ for (let item of that.multipleSelection) {
|
|
|
+ ids.push(item.id);
|
|
|
+ }
|
|
|
+ that.$confirm('是否删除已选数据?', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ state: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ that.axios.delete('pass/ems/v1/securitytypes/' + ids.toString())
|
|
|
+ .then(function (res) {
|
|
|
+ if (res.code === '0') {
|
|
|
+ that.$message({
|
|
|
+ message: '删除成功',
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ that.getTableData();
|
|
|
+ that.getNodeData();
|
|
|
+ that.getNodeTreeData();
|
|
|
+ } else {
|
|
|
+ if (res.code === '51') {
|
|
|
+
|
|
|
+ }
|
|
|
+ that.$message.error(res.message);
|
|
|
+ }
|
|
|
+ }).catch(function () {
|
|
|
+ });
|
|
|
+ }).catch(() => {
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message.error('至少要选择一条数据');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 选择添加时的模板
|
|
|
+ handleCurrentChange (row) {
|
|
|
+ let that = this;
|
|
|
+ that.dialog.editorBox.addRow = row;
|
|
|
+ },
|
|
|
+ but_add () {
|
|
|
+ let that = this;
|
|
|
+ if (that.dialog.editorBox.addRow) {
|
|
|
+ for (let key in that.dialog.editorBox.form.data) {
|
|
|
+ if (that.dialog.editorBox.addRow[key] || that.dialog.editorBox.addRow[key] === 0) {
|
|
|
+ that.dialog.editorBox.form.data[key] = that.dialog.editorBox.addRow[key];
|
|
|
+ } else {
|
|
|
+ that.dialog.editorBox.form.data[key] = '';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$refs['singleTable'].setCurrentRow();
|
|
|
+ } else {
|
|
|
+ for (let key in that.dialog.editorBox.form.data) {
|
|
|
+ if (that.filterForm.data[key] || that.filterForm.data[key] === 0) {
|
|
|
+ that.dialog.editorBox.form.data[key] = that.filterForm.data[key];
|
|
|
+ } else {
|
|
|
+ that.dialog.editorBox.form.data[key] = '';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ that.dialog.editorBox.form.data.id = that.nameObj.id.obj[that.dialog.editorBox.form.data.id];
|
|
|
+ console.log('这里有什么用');
|
|
|
+ that.dialog.editorBox.form.data.name = that.nameObj.id.obj[that.dialog.editorBox.form.data.name];
|
|
|
+ that.dialog.editorBox.form.data.seqno = 0;
|
|
|
+ }
|
|
|
+ that.dialog.editorBox.form.data.parentid = that.dialog.editorBox.form.default.parentid;
|
|
|
+ that.dialog.editorBox.form.data.node = +(that.nameObj.parentid.obj[that.dialog.editorBox.form.default.parentid] ? that.nameObj.parentid.obj[that.dialog.editorBox.form.default.parentid].node : '0') + 1 + '';
|
|
|
+ that.dialog.editorBox.form.data.ename = '';
|
|
|
+ that.dialog.editorBox.form.data.qname = '';
|
|
|
+ that.dialog.editorBox.form.data.isreal = '0';
|
|
|
+ that.dialog.editorBox.form.data.isplan = '0';
|
|
|
+ that.dialog.editorBox.form.data.isbalance = '0';
|
|
|
+ that.dialog.editorBox.form.data.hasproduct = '0';
|
|
|
+ that.dialog.editorBox.form.data.issettle = '0';
|
|
|
+ // that.dialog.editorBox.form.data.isquality = '0';
|
|
|
+ that.dialog.editorBox.form.data.bcode = '';
|
|
|
+ that.dialog.editorBox.form.data.bdesc1 = '';
|
|
|
+ that.dialog.editorBox.form.data.bdesc2 = '';
|
|
|
+ that.dialog.editorBox.type = 'add';
|
|
|
+ that.dialog.editorBox.show = true;
|
|
|
+ setTimeout(() => {
|
|
|
+ that.$refs['dialog_form'].clearValidate();
|
|
|
+ }, 100);
|
|
|
+ },
|
|
|
+ dataSave () {
|
|
|
+ let that = this;
|
|
|
+ let SubmitData = {
|
|
|
+ securityType: that.dialog.editorBox.form.data.type,
|
|
|
+ securityName: that.dialog.editorBox.form.data.name,
|
|
|
+ securityInfo: that.dialog.editorBox.form.data.info,
|
|
|
+ securityParentid: that.dialog.editorBox.form.data.parentid,
|
|
|
+ securityNode: that.dialog.editorBox.form.data.node,
|
|
|
+ seqno: that.dialog.editorBox.form.data.seqno
|
|
|
+ };
|
|
|
+ that.$refs['dialog_form'].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ if (that.dialog.editorBox.type === 'add') {
|
|
|
+ let foorData = new FormData();
|
|
|
+ for (let key in SubmitData) {
|
|
|
+ foorData.append(key, SubmitData[key]);
|
|
|
+ }
|
|
|
+ that.loading = true;
|
|
|
+ that.axios.post('pass/ems/v1/securitytypes/', foorData, {
|
|
|
+ headers: {
|
|
|
+ 'Content-Type': 'multipart/form-data'
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .then(function (res) {
|
|
|
+ if (res.code === '0') {
|
|
|
+ that.$message({
|
|
|
+ message: '新增成功',
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ that.getNodeData();
|
|
|
+ that.getNodeTreeData();
|
|
|
+ that.getTableData();
|
|
|
+ that.dialog.editorBox.show = false;
|
|
|
+ } else {
|
|
|
+ that.$message.error(res.message);
|
|
|
+ }
|
|
|
+ that.loading = false;
|
|
|
+ }).catch(function () {
|
|
|
+ that.loading = false;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ that.loading = true;
|
|
|
+ that.axios.put('pass/ems/v1/securitytypes/' + SubmitData.id, SubmitData)
|
|
|
+ .then(function (res) {
|
|
|
+ if (res.code === '0') {
|
|
|
+ that.$message({
|
|
|
+ message: '修改成功',
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ that.getNodeData();
|
|
|
+ that.getNodeTreeData();
|
|
|
+ that.getTableData();
|
|
|
+ that.dialog.editorBox.show = false;
|
|
|
+ } else {
|
|
|
+ that.$message.error(res.message);
|
|
|
+ }
|
|
|
+ that.loading = false;
|
|
|
+ }).catch(function () {
|
|
|
+ that.loading = false;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ selectByTopicId (data) {
|
|
|
+ let that = this;
|
|
|
+ that.filterForm.data.parentid = data.id;
|
|
|
+ that.getTableData(1);
|
|
|
+ }
|
|
|
+ // but_edit (row) {
|
|
|
+ // let that = this;
|
|
|
+ // that.dialog.editorBox.form.data.id = row.id;
|
|
|
+ // that.dialog.editorBox.form.data.id = row.id;
|
|
|
+ // that.dialog.editorBox.form.data.name = row.name;
|
|
|
+ // that.dialog.editorBox.form.data.parentid = row.parentid;
|
|
|
+ // that.dialog.editorBox.form.data.node = row.node;
|
|
|
+ // that.dialog.editorBox.form.data.ename = row.ename;
|
|
|
+ // that.dialog.editorBox.form.data.qname = row.qname;
|
|
|
+ // that.dialog.editorBox.form.data.seqno = row.seqno;
|
|
|
+ // that.dialog.editorBox.form.data.issettle = row.issettle;
|
|
|
+ // that.dialog.editorBox.form.data.isreal = row.isreal;
|
|
|
+ // that.dialog.editorBox.form.data.isplan = row.isplan;
|
|
|
+ // that.dialog.editorBox.form.data.isbalance = row.isbalance;
|
|
|
+ // that.dialog.editorBox.form.data.hasproduct = row.hasproduct;
|
|
|
+ // that.dialog.editorBox.form.data.isquality = row.isquality;
|
|
|
+ // that.dialog.editorBox.form.data.bcode = row.bcode;
|
|
|
+ // that.dialog.editorBox.form.data.bdesc1 = row.bdesc1;
|
|
|
+ // that.dialog.editorBox.form.data.bdesc2 = row.bdesc2;
|
|
|
+ // that.dialog.editorBox.type = 'edit';
|
|
|
+ // that.dialog.editorBox.show = true;
|
|
|
+ // },
|
|
|
+ // but_del (row) {
|
|
|
+ // let that = this;
|
|
|
+ // that.$confirm('是否删除该条数据?', '提示', {
|
|
|
+ // confirmButtonText: '确定',
|
|
|
+ // cancelButtonText: '取消',
|
|
|
+ // state: 'warning'
|
|
|
+ // }).then(() => {
|
|
|
+ // that.axios.delete('pass/ems/v1/securitytypes/' + row.id)
|
|
|
+ // .then(function (res) {
|
|
|
+ // if (res.code === '0') {
|
|
|
+ // that.$message({
|
|
|
+ // message: '删除成功',
|
|
|
+ // type: 'success'
|
|
|
+ // });
|
|
|
+ // that.getNodeData();
|
|
|
+ // that.getNodeTreeData();
|
|
|
+ // that.getTableData();
|
|
|
+ // } else {
|
|
|
+ // that.$message.error(res.message);
|
|
|
+ // }
|
|
|
+ // }).catch(function () {
|
|
|
+ // });
|
|
|
+ // }).catch(() => {
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less">
|
|
|
+.processInformation {
|
|
|
+ min-width: 700px;
|
|
|
+ height: 100%;
|
|
|
+ .box {
|
|
|
+ height: 100%;
|
|
|
+ padding: 15px 15px 0 15px;
|
|
|
+ .box-left {
|
|
|
+ float: left;
|
|
|
+ width: 200px;
|
|
|
+ height: calc(100% - 3px);
|
|
|
+ overflow: auto;
|
|
|
+ .box-left-bt {
|
|
|
+ line-height: 35px;
|
|
|
+ font-size: 16px;
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+ }
|
|
|
+ .box-left-tree {
|
|
|
+ height: calc(100% - 50px);
|
|
|
+ overflow: auto;
|
|
|
+ padding: 7px 7px 0 0;
|
|
|
+ .tree-row-on {
|
|
|
+ color: #3279e8;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .box-right {
|
|
|
+ border-left: 1px solid #ccc;
|
|
|
+ margin-left: 200px;
|
|
|
+ .box-top {
|
|
|
+ .box-top-form {
|
|
|
+ padding-left: 7px;
|
|
|
+ .el-form-item {
|
|
|
+ margin-bottom: 7px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .box-top-gjl {
|
|
|
+ overflow: hidden;
|
|
|
+ // margin-top: -7px;
|
|
|
+ padding: 7px 0 7px 7px;
|
|
|
+ border-top: 1px solid #ccc;
|
|
|
+ // border-bottom: 1px solid #ccc;
|
|
|
+ // margin-bottom: 6px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .box-bottom {
|
|
|
+ padding-left: 7px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .el-table .el-table__row {
|
|
|
+ height: 35px;
|
|
|
+ }
|
|
|
+ .el-table__body .el-form-item--mini.el-form-item {
|
|
|
+ margin: 0px;
|
|
|
+ .error {
|
|
|
+ overflow: hidden;
|
|
|
+ color: #f56c6c;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .color_no {
|
|
|
+ color: #7a7a7a;
|
|
|
+ }
|
|
|
+ .color_yes {
|
|
|
+ color: #1a9f17;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
