a
This commit is contained in:
@@ -2,14 +2,14 @@
|
|||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="7">
|
<el-col :span="7">
|
||||||
<el-card style="margin-bottom: 20px">
|
<el-card style="margin-bottom: 10px">
|
||||||
<el-button size="small" type="distribution" @click="addFisrtLevel">创建一级菜单</el-button>
|
<el-button size="small" type="distribution" @click="addFisrtLevel">创建一级菜单</el-button>
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card>
|
<el-card>
|
||||||
<div slot="header">
|
<div slot="header">
|
||||||
<el-input v-model="filterTextLeft" size="small" placeholder="输入关键字进行过滤" clearable/>
|
<el-input v-model="filterTextLeft" size="small" placeholder="输入关键字进行过滤" clearable/>
|
||||||
</div>
|
</div>
|
||||||
<el-table ref="multipleTableLeft" :data="fisrtLevelFilter" stripe highlight-current-row size="mini" height="calc(100vh - 330px)" style="height:calc(100vh - 330px);" @selection-change="handleSelectionChangeLeft">
|
<el-table ref="multipleTableLeft" :data="fisrtLevelFilter" stripe highlight-current-row size="mini" height="500" style="height:calc(100vh - 330px);" @selection-change="handleSelectionChangeLeft">
|
||||||
<el-table-column :selectable="selectable" align="center" type="selection" width="55"/>
|
<el-table-column :selectable="selectable" align="center" type="selection" width="55"/>
|
||||||
<el-table-column align="center" label="模块名称">
|
<el-table-column align="center" label="模块名称">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
@@ -25,7 +25,7 @@
|
|||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-card style="margin-bottom: 20px">
|
<el-card style="margin-bottom: 10px">
|
||||||
<span>角色:</span>
|
<span>角色:</span>
|
||||||
<el-select v-model="roleName" placeholder="请选择" size="small" style="width:200px;margin-left:10px" filterable @change="getModule">
|
<el-select v-model="roleName" placeholder="请选择" size="small" style="width:200px;margin-left:10px" filterable @change="getModule">
|
||||||
<el-option
|
<el-option
|
||||||
@@ -35,20 +35,11 @@
|
|||||||
:value="item.value"/>
|
:value="item.value"/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card style="height:calc(100vh - 220px);overflow: auto">
|
<el-card style="height: 550px;overflow: auto">
|
||||||
<div slot="header">
|
<div slot="header">
|
||||||
<el-input v-model="filterText" size="small" placeholder="输入关键字进行过滤" clearable/>
|
<el-input v-model="filterText" size="small" placeholder="输入关键字进行过滤" clearable/>
|
||||||
</div>
|
</div>
|
||||||
<el-tree
|
<el-tree ref="moduleTree" :data="moduleTree" :filter-node-method="filterNode" check-strictly class="moduleTree" show-checkbox node-key="id" default-expand-all @check-change="treeCheck">
|
||||||
ref="moduleTree"
|
|
||||||
:data="moduleTree"
|
|
||||||
:filter-node-method="filterNode"
|
|
||||||
check-strictly
|
|
||||||
class="moduleTree"
|
|
||||||
show-checkbox
|
|
||||||
node-key="id"
|
|
||||||
default-expand-all
|
|
||||||
@check-change="treeCheck">
|
|
||||||
<span slot-scope="{ node, data }" class="custom-tree-node">
|
<span slot-scope="{ node, data }" class="custom-tree-node">
|
||||||
<span>{{ node.label }}</span>
|
<span>{{ node.label }}</span>
|
||||||
<span>
|
<span>
|
||||||
@@ -70,27 +61,15 @@
|
|||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="7">
|
<el-col :span="7">
|
||||||
<el-card style="margin-bottom: 20px">
|
<el-card style="margin-bottom: 10px">
|
||||||
<el-button size="small" type="distribution" @click="addSecondLevel">创建二级菜单</el-button>
|
<el-button size="small" type="distribution" @click="addSecondLevel">创建二级菜单</el-button>
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card>
|
<el-card>
|
||||||
<div slot="header">
|
<div slot="header">
|
||||||
<el-input v-model="filterTextRight" size="small" placeholder="输入关键字进行过滤" clearable/>
|
<el-input v-model="filterTextRight" size="small" placeholder="输入关键字进行过滤" clearable/>
|
||||||
</div>
|
</div>
|
||||||
<el-table
|
<el-table ref="multipleTableRight" :data="secondLevelFilter" stripe highlight-current-row size="mini" height="500" style="height:calc(100vh - 330px);" @selection-change="handleSelectionChangeRight">
|
||||||
ref="multipleTableRight"
|
<el-table-column :selectable="selectable" align="center" type="selection" width="55"/>
|
||||||
:data="secondLevelFilter"
|
|
||||||
stripe
|
|
||||||
highlight-current-row
|
|
||||||
size="mini"
|
|
||||||
height="calc(100vh - 330px)"
|
|
||||||
style="height:calc(100vh - 330px);"
|
|
||||||
@selection-change="handleSelectionChangeRight">
|
|
||||||
<el-table-column
|
|
||||||
:selectable="selectable"
|
|
||||||
align="center"
|
|
||||||
type="selection"
|
|
||||||
width="55"/>
|
|
||||||
<el-table-column align="center" label="模块名称">
|
<el-table-column align="center" label="模块名称">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ scope.row.title }}
|
{{ scope.row.title }}
|
||||||
@@ -101,6 +80,22 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
|
<el-row v-if="false">
|
||||||
|
<el-card>
|
||||||
|
<div slot="header">
|
||||||
|
<el-input v-model="filterTextRight" size="small" placeholder="输入关键字进行过滤" clearable/>
|
||||||
|
</div>
|
||||||
|
<el-table :data="secondLevelFilter" stripe size="mini" height="200" border>
|
||||||
|
<el-table-column label="序号" align="center" type="index" width="50"/>
|
||||||
|
<el-table-column align="center" label="模块名称">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
{{ scope.row.title }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-card>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
<el-dialog :visible.sync="dialogVisible1" title="新增一级模块" center style="min-height: 300px" width="400px">
|
<el-dialog :visible.sync="dialogVisible1" title="新增一级模块" center style="min-height: 300px" width="400px">
|
||||||
<el-form ref="form1" :model="form1" :rules="rules1" label-position="left" label-width="110px" class="demo-ruleForm">
|
<el-form ref="form1" :model="form1" :rules="rules1" label-position="left" label-width="110px" class="demo-ruleForm">
|
||||||
<el-form-item label="模块名称" prop="moduleName">
|
<el-form-item label="模块名称" prop="moduleName">
|
||||||
|
|||||||
@@ -161,7 +161,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>import { getData, getData1, getData2, getData3, getMachine, searchState } from '@/api/ManufacturingCenter/EquipmentConditionAnalysis'
|
<script>
|
||||||
|
import { getData, getData1, getData2, getData3, getMachine, searchState } from '@/api/ManufacturingCenter/EquipmentConditionAnalysis'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
|
|||||||
Reference in New Issue
Block a user