Skip to content

P
pica.cloud.web-education-admin
提交 522f4a48 编写于 作者: huangwensu's avatar huangwensu
浏览文件
操作

Merge branch 'dev-eduadmin-20190222' of... 

Merge branch 'dev-eduadmin-20190222' of http://192.168.110.53/com.pica.cloud.education.frontend/pica.cloud.web-app into dev-eduadmin-20190222
上级 35a61bb2 7bfd9419
隐藏空白字符变更
内嵌 并排
正在显示 包含 420 行增加 和 237 行删除
package-lock.json
浏览文件 @ 522f4a48
......@@ -286,8 +286,8 @@
},
"async-validator": {
"version": "1.8.5",
"resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
"integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
"resolved": "http://registry.npm.taobao.org/async-validator/download/async-validator-1.8.5.tgz",
"integrity": "sha1-3D4I7B/Q3dtn5ghC8CwM0c7G1/A=",
"requires": {
"babel-runtime": "6.x"
}
......@@ -569,8 +569,8 @@
},
"babel-helper-vue-jsx-merge-props": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
"integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
"resolved": "http://registry.npm.taobao.org/babel-helper-vue-jsx-merge-props/download/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
"integrity": "sha1-Iq69OzOQIyjlEyk6jkmSs4T58bY="
},
"babel-helpers": {
"version": "6.24.1",
......@@ -2123,8 +2123,8 @@
},
"deepmerge": {
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz",
"integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
"resolved": "http://registry.npm.taobao.org/deepmerge/download/deepmerge-1.5.2.tgz",
"integrity": "sha1-EEmdhohEza1P7ghC34x/bwyVp1M="
},
"define-property": {
"version": "2.0.2",
......@@ -2329,9 +2329,9 @@
"dev": true
},
"element-ui": {
"version": "2.5.4",
"resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.5.4.tgz",
"integrity": "sha512-VlyPZ1A2VtVJdnu9nUV+u/eGhKaEF+IoENbDgNlUza0Slj6Jb0bC9mzK95JK2g7QSe8YXUWhQVy+d2kZUE2oKQ==",
"version": "2.6.1",
"resolved": "http://registry.npm.taobao.org/element-ui/download/element-ui-2.6.1.tgz",
"integrity": "sha1-htt5/13psbzDGHtls3crDFQHRxg=",
"requires": {
"async-validator": "~1.8.1",
"babel-helper-vue-jsx-merge-props": "^2.0.0",
......@@ -5414,7 +5414,7 @@
},
"normalize-wheel": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
"resolved": "http://registry.npm.taobao.org/normalize-wheel/download/normalize-wheel-1.0.1.tgz",
"integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
},
"npm-run-path": {
......@@ -7269,8 +7269,8 @@
},
"resize-observer-polyfill": {
"version": "1.5.1",
"resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
"integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
"resolved": "http://registry.npm.taobao.org/resize-observer-polyfill/download/resize-observer-polyfill-1.5.1.tgz",
"integrity": "sha1-DpAg3T0hAkRY1OvSfiPkAmmBBGQ="
},
"resolve": {
"version": "1.8.1",
......@@ -8283,8 +8283,8 @@
},
"throttle-debounce": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
"integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg=="
"resolved": "http://registry.npm.taobao.org/throttle-debounce/download/throttle-debounce-1.1.0.tgz",
"integrity": "sha1-UYU9o3vmihVctugns1FKPEIuic0="
},
"time-stamp": {
"version": "2.2.0",
......
src/router/router.js
浏览文件 @ 522f4a48
......@@ -7,6 +7,7 @@ const itemComponent = r => require.ensure([], () => r(require('../views/educatio
const createComponent = r => require.ensure([], () => r(require('../views/education/create-component.vue')),'create-component')
const roleManager = r => require.ensure([], () => r(require('../views/system/role.vue')),'role')
const addManager = r => require.ensure([], () => r(require('../views/education/add-manager.vue')), 'add-manager')
const itemRole = r => require.ensure([], () => r(require('../views/system/item-role.vue')), 'item-role')
export default [{
path: '/',
......@@ -39,6 +40,9 @@ export default [{
},{
path: '/create-component',
component: createComponent
}
},{
path: '/item-role',
component: itemRole
},
]
}]
\ No newline at end of file
src/views/education/add-manager.vue
浏览文件 @ 522f4a48
......@@ -3,7 +3,7 @@
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
<el-row class="step-content">
<el-col :span="14">
<el-steps :active="active" simple style="background: #fff;">
<el-steps :active="active" simple style="background: #F0F2F5;">
<span class="step-num" v-bind:class="{ 'on-step': stepData[0] }">1</span>
<el-step title="基础信息"></el-step>
<span class="step-num" v-bind:class="{ 'on-step': stepData[1] }">2</span>
......@@ -191,7 +191,7 @@
</el-select>
<el-table
class="department"
ref="multipleTable"
ref="multipleDepartment"
:data="tableDepartment"
tooltip-effect="dark"
style="width: 100%"
......@@ -222,7 +222,7 @@
</el-form>
<el-table
class="rim"
ref="multipleTablePerson"
ref="multiplePerson"
:data="tablePerson"
tooltip-effect="dark"
style="width: 100%"
......@@ -236,6 +236,15 @@
<el-table-column prop="city" label="所属城市"></el-table-column>
<el-table-column prop="district" label="所属区县" show-overflow-tooltip></el-table-column>
</el-table>
<el-pagination
@size-change="handleSizePerson"
@current-change="handleCurrentPerson"
:current-page="currentPerson"
:page-sizes="[2, 3, 4]"
:page-size="pageSizePerson"
layout="total, sizes, prev, pager, next, jumper"
:total="totalPerson"
></el-pagination>
</el-tab-pane>
</el-tabs>
</div>
......@@ -386,6 +395,9 @@ export default {
department: ""
},
tablePerson: new Array(),
currentPerson: 1,
pageSizePerson: 2,
totalPerson: 10,
//选择项目组件 数据
optionsComponent: [
{
......@@ -504,8 +516,10 @@ export default {
this.initPerson();
let that = this;
setTimeout(function() {
that.checkAll(true);
this.$nextTick(function() {
this.$refs.multipleOrganization.toggleAllSelection();
this.$refs.multipleDepartment.toggleAllSelection();
this.$refs.multiplePerson.toggleAllSelection();
});
},
methods: {
......@@ -683,7 +697,7 @@ export default {
console.log(tagsRegion);
let treeKeyList = [];
for (let index = 0; index < tagsRegion.length; index++) {
treeKeyList[index] = tagsRegion[index].key
treeKeyList[index] = tagsRegion[index].key;
}
console.log(treeKeyList);
this.$refs.tree.setCheckedKeys(treeKeyList);
......@@ -697,7 +711,7 @@ export default {
handleSelectionOrganization(val) {
this.multipleSelectionOrganization = val;
console.log(this.multipleSelectionOrganization);
this.updatePerson(this.multipleSelectionOrganization)
this.updatePerson(this.multipleSelectionOrganization);
},
//改变 table的check状态
handleSelectionChange(val) {
......@@ -705,19 +719,28 @@ export default {
console.log(this.multipleSelection);
},
//设定机构table全选
checkAll(flag) {
checkAll(flag, name) {
console.log(flag + " " + name);
if (flag === true) {
this.$refs.multipleOrganization.toggleAllSelection();
this.$refs[name].toggleAllSelection();
} else {
this.$refs.multipleOrganization.clearSelection();
//this.$refs[name].clearSelection();
}
},
//机构table修改
handleSizeOrganization(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentOrganization(val) {
console.log(`当前页: ${val}`);
},
//角色table修改
handleSizePerson(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentPerson(val) {
console.log(`当前页: ${val}`);
},
//初始化机构数据
initOrganization() {
//console.log(returnData());
......@@ -736,8 +759,7 @@ export default {
},
//设定机构改变更新设定人员
updatePerson(organization) {
if(this.hasOrganizationInit === true) {
if (this.hasOrganizationInit === true) {
this.tablePerson = [];
}
this.hasOrganizationInit = true;
......@@ -773,7 +795,7 @@ export default {
.step-content {
overflow: hidden;
height: 60px;
margin-top: 60px;
margin-top: 80px;
border-bottom: 1px solid #efefef;
}
.is-finish {
......@@ -879,7 +901,7 @@ export default {
}
.department {
margin-top: 20px;
min-height: 700px;
// min-height: 700px;
border: 1px solid #dddddd;
}
.is-text {
......
src/views/education/item-manager.vue
浏览文件 @ 522f4a48
<template>
<div class="main-container">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
<el-main>
<el-header class="header">
<h3 class="title">项目管理</h3>
</el-header>
<div class="component-content">
<div class="header-title">项目管理</div>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="项目名称：">
<el-input v-model="formInline.name" placeholder="审批人"></el-input>
</el-form-item>
<el-form-item label="项目时间：">
<el-date-picker
v-model="formInline.date"
type="daterange"
unlink-panels
range-separator="~"
start-placeholder="请选择开始时间"
end-placeholder="请选择结束时间"
:picker-options="pickerOptions"
value-format="yyyy-MM-dd hh:mm:ss"
v-model="formInline.startDates"
type="date"
placeholder="请选择开始时间"
></el-date-picker>
<el-date-picker
v-model="formInline.endDate"
type="date"
placeholder="请选择结束时间"
></el-date-picker>
</el-form-item>
<el-form-item>
......@@ -71,7 +69,7 @@
layout="total, sizes, prev, pager, next, jumper"
:total="400"
></el-pagination>
</el-main>
</div>
</div>
</template>
<script>
......@@ -101,7 +99,8 @@ export default {
currentPage: 1,
formInline: {
name: "",
date: "",
startDate: "",
endDate: "",
type: ""
},
pickerOptions: {
......@@ -172,31 +171,28 @@ export default {
</script>
<style lang="scss">
.main-container {
width: 100%;
.el-header {
margin-top: 20px;
color: #333;
line-height: 60px;
text-align: left;
font-size: 12px;
background-color: #fff;
border-bottom: 1px solid #fff;
.title {
.component-content {
margin-top: 50px;
padding: 10px;
.header-title {
padding: 10px 12px;
font-size: 12px;
color: #409eff;
border-bottom: 1px solid #efefef;
}
.table-option span {
color: #409eff;
}
.add-button {
float: right;
}
.el-table .cell {
color: #929292;
}
.el-table th > .cell {
font-weight: bold;
color: #000;
}
}
.table-option span {
color: #409eff;
}
.add-button {
float: right;
}
.el-table .cell {
color: #929292;
}
.el-table th > .cell {
font-weight: bold;
color: #000;
}
}
</style>
\ No newline at end of file
src/views/layout/slidebar.vue
浏览文件 @ 522f4a48
......@@ -52,12 +52,6 @@ export default {
icon: 'el-icon-menu',
index: '2',
subs: [
{
title: '基础数据管理',
icon: 'el-icon-setting',
index: 'role',
subs: []
},
{
title: '角色管理',
icon: 'el-icon-setting',
......
src/views/system/item-role.vue 0 → 100644
浏览文件 @ 522f4a48
<template>
<div class="main-container">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond" :curmbThird="curmbThird"></bread-crumb>
<div class="component-content">
<div class="header-title">查询条件</div>
<el-form :inline="true" :model="formInline" class="form-inline">
<el-form-item label="姓名：">
<el-input v-model="formInline.name" placeholder="审批人"></el-input>
</el-form-item>
<el-form-item label="所属机构：">
<el-select v-model="formInline.organization" placeholder="请选择所属机构">
<el-option label="机构1" value="organization1"></el-option>
<el-option label="机构2" value="organization2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属科室：">
<el-select v-model="formInline.department" placeholder="请选择所属科室">
<el-option label="科室1" value="department1"></el-option>
<el-option label="科室2" value="department12"></el-option>
</el-select>
</el-form-item>
<el-form-item class="to-right">
<el-button class="button-green" type="primary" plain>重置</el-button>
</el-form-item>
<el-form-item class="to-right">
<el-button class="button-white" type="primary">查询</el-button>
</el-form-item>
</el-form>
<el-table
v-loading="loading"
:data="tableData"
:header-cell-style="{background:'#FAFAFA',color:'#000'}"
>
<el-table-column prop="id" label="用户ID" ></el-table-column>
<el-table-column prop="name" label="姓名" ></el-table-column>
<el-table-column prop="role" label="角色"></el-table-column>
<el-table-column prop="organization" label="所属机构"></el-table-column>
<el-table-column prop="department" label="科室"></el-table-column>
<el-table-column fixed="right" label="操作" width="200">
<template slot-scope="scope">
<el-button class="title" type="text" size="small" @click="toPage()">升级项目负责人</el-button>
<el-button class="title" type="text" size="small" @click="toPage()">降为普通用户</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400"
></el-pagination>
</div>
</div>
</template>
<script>
import BreadCrumb from "../../components/breadcrumb.vue";
import { create } from "domain";
export default {
components: {
BreadCrumb
},
data() {
const item = {
id: "298490",
name: "李雪",
role: "项目负责人",
organization: "浙江省人民医院",
department: "外科",
};
return {
curmbFirst: "系统管理",
curmbSecond: "角色管理",
curmbThird: "项目角色",
tableData: Array(10).fill(item),
loading: false,
timingTime: "",
currentPage: 1,
formInline: {
name: "",
role: "",
organization: "",
department: ""
},
pickerOptions: {
shortcuts: [
{
text: "最近一周",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit("pick", [start, end]);
}
},
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit("pick", [start, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit("pick", [start, end]);
}
}
]
}
};
},
create() {},
methods: {
toPage() {
this.$router.push("item-role");
},
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
}
};
</script>
<style lang="scss">
.main-container {
.component-content {
margin-top: 50px;
margin-left: 10px;
padding: 10px;
.form-inline {
margin-left: 30px;
}
.button-green {
color: #ffffff;
background: #449284;
border-color: #bfdad5;
border-radius: 2px;
}
.button-white {
color: #606266;
background: #ffffff;
border-color: #ecedf1;
border-radius: 2px;
}
.header-title {
padding: 10px 12px;
font-size: 12px;
color: #409eff;
border-bottom: 1px solid #efefef;
}
.to-right {
float: right;
}
.table-option span {
color: #409eff;
}
.add-button {
float: right;
}
.el-table .cell {
color: #929292;
}
.el-table th > .cell {
font-weight: bold;
color: #000;
}
}
}
</style>
\ No newline at end of file
src/views/system/role.vue
浏览文件 @ 522f4a48
<template>
<div>
<el-tree
:data="data2"
show-checkbox
default-expand-all
node-key="id"
ref="tree"
highlight-current
:props="defaultProps"
@check="onChecked"
></el-tree>
<span></span>
<div class="buttons">
<el-button @click="getCheckedNodes">通过 node 获取</el-button>
<el-button @click="getCheckedKeys">通过 key 获取</el-button>
<el-button @click="setCheckedNodes">通过 node 设置</el-button>
<el-button @click="setCheckedKeys">通过 key 设置</el-button>
<el-button @click="resetChecked">清空</el-button>
<div class="main-container">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
<div class="component-content">
<div class="header-title">查询条件</div>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="项目名称：">
<el-input v-model="formInline.name" placeholder="审批人"></el-input>
</el-form-item>
<el-form-item label="项目时间：">
<el-date-picker v-model="formInline.startDates" type="date" placeholder="请选择开始时间"></el-date-picker>
<el-date-picker v-model="formInline.endDate" type="date" placeholder="请选择结束时间"></el-date-picker>
</el-form-item>
<el-form-item class="to-right">
<el-button class="button-white" plain>重置</el-button>
</el-form-item>
<el-form-item class="to-right">
<el-button class="button-green" type="primary">查询</el-button>
</el-form-item>
</el-form>
<el-table
v-loading="loading"
:data="tableData"
:header-cell-style="{background:'#FAFAFA',color:'#000'}"
>
<el-table-column prop="id" label="ID编号" width="140"></el-table-column>
<el-table-column prop="projectName" label="项目名称" width="120"></el-table-column>
<el-table-column prop="createName" label="创建人"></el-table-column>
<el-table-column prop="projectBrief" label="项目简介"></el-table-column>
<el-table-column prop="address" label="所属地区"></el-table-column>
<el-table-column prop="startTime" label="项目开始时间"></el-table-column>
<el-table-column prop="endTime" label="项目结束时间"></el-table-column>
<el-table-column prop="state" label="状态"></el-table-column>
<el-table-column fixed="right" label="操作" width="200">
<template slot-scope="scope">
<el-button class="title" type="text" size="small" @click="toPage()">查看项目人员</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400"
></el-pagination>
</div>
</div>
</template>
<script>
import { ELTree1 } from "element-ui/lib/checkbox";
// import Vue from 'vue'
// require("element-ui/lib/checkbox"
import BreadCrumb from "../../components/breadcrumb.vue";
import { create } from "domain";
export default {
// components: {
// base1
// },
mounted() {
// const base1 = Vue.extend(ELTree)
// Vue.component('base1', base1)
components: {
BreadCrumb
},
data() {
const item = {
id: "298490",
projectName: "浙江省防控中心指空中...",
createName: "李雷",
projectBrief: "显示项目简介简介",
address: "浙江省",
startTime: "2018-12-15 15:39:23",
endTime: "2018-12-15 15:39:23",
state: "草稿"
};
return {
data2: [
{
id: 11,
label: "一级 1",
children: [
{
id: 1,
label: "一级 1",
children: [
{
id: 4,
label: "二级 1-1",
children: [
{
id: 9,
label: "三级 1-1-1"
},
{
id: 10,
label: "三级 1-1-2"
}
]
}
]
},
{
id: 2,
label: "一级 2",
children: [
{
id: 5,
label: "二级 2-1"
},
{
id: 6,
label: "二级 2-2"
}
]
},
{
id: 3,
label: "一级 3",
children: [
{
id: 7,
label: "二级 3-1"
},
{
id: 8,
label: "二级 3-2"
}
]
curmbFirst: "系统管理",
curmbSecond: "角色管理",
tableData: Array(10).fill(item),
loading: false,
timingTime: "",
currentPage: 1,
formInline: {
name: "",
startDate: "",
endDate: "",
type: ""
},
pickerOptions: {
shortcuts: [
{
text: "最近一周",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit("pick", [start, end]);
}
},
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit("pick", [start, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit("pick", [start, end]);
}
]
}
],
defaultProps: {
children: "children",
label: "label"
}
]
}
};
},
create() {},
methods: {
getCheckedNodes() {
console.log(this.$refs.tree.getCheckedNodes());
},
getCheckedKeys() {
console.log(this.$refs.tree.getCheckedKeys());
},
setCheckedNodes() {
this.$refs.tree.setCheckedNodes([
{
id: 5,
label: "二级 2-1"
},
{
id: 9,
label: "三级 1-1-1"
}
]);
toPage() {
this.$router.push("item-role");
},
setCheckedKeys() {
this.$refs.tree.setCheckedKeys([3]);
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
resetChecked() {
this.$refs.tree.setCheckedKeys([]);
},
onChecked() {
let cData = [],
oldData = (this.data2.length && this.data2.slice()) || [],
checkedKeys = this.$refs.tree.getCheckedKeys(),
halfCheckedKeys = this.$refs.tree.getHalfCheckedKeys(),
savedCheckedKeys = this.handlerCheckedData(oldData, checkedKeys).map(
key => {
return { type: 2, key: key };
}
),
savedHalfCheckedKeys = halfCheckedKeys.map(key => {
return { type: 1, key: key };
}),
allSelectedKeys = savedCheckedKeys.concat(savedHalfCheckedKeys);
console.log(allSelectedKeys);
},
// 递归删除列表中所有子节点
delSubKeysByNode(node, checkedKeys) {
let idIndex;
if (node.children && node.children.length) {
if (node.children && node.children.length) {
node.children.forEach(elm => {
idIndex = checkedKeys.findIndex(id => {
return id === elm.id;
});
if (idIndex > -1) {
checkedKeys.splice(idIndex, 1);
}
if (elm.children && elm.children.length) {
this.delSubKeysByNode(elm, checkedKeys);
}
});
}
}
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
},
// 去除子节点
handlerCheckedData(oldData, checkedKeys) {
oldData.forEach(element => {
for (let i = 0; i < checkedKeys.length; i++) {
// 如果此节点被选中，则删除所有子节点
if (element.id === checkedKeys[i]) {
this.delSubKeysByNode(element, checkedKeys);
} else {
if (element.children && element.children.length) {
this.handlerCheckedData(element.children, checkedKeys);
}
}
}
});
return checkedKeys;
}
}
};
</script>
\ No newline at end of file
</script>
<style lang="scss">
.main-container {
.component-content {
margin-top: 50px;
padding: 10px;
.button-green {
color: #ffffff;
background: #449284;
border-color: #bfdad5;
border-radius: 2px;
}
.button-white {
color: #606266;
background: #ffffff;
border-color: #ecedf1;
border-radius: 2px;
}
.header-title {
padding: 10px 12px;
font-size: 12px;
color: #409eff;
border-bottom: 1px solid #efefef;
}
.to-right {
float: right;
}
.table-option span {
color: #409eff;
}
.add-button {
float: right;
}
.el-table .cell {
color: #929292;
}
.el-table th > .cell {
font-weight: bold;
color: #000;
}
}
}
</style>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或