mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-15 05:46:45 +08:00
feat:新增AddOnline弹窗（未完成）
This commit is contained in:
dongwug
@@ -62,12 +62,17 @@
|
||||
</div>
|
||||
<div class="mid">
|
||||
<div class="item">
|
||||
<div class="itcon">
|
||||
<div class="itcon" @click="showDrawerOnline">
|
||||
<div class="img">
|
||||
<img src="../../assets/images/leveladd/zai.png" />
|
||||
</div>
|
||||
<div class="text">在线</div>
|
||||
<div class="text" >在线</div>
|
||||
</div>
|
||||
<!-- 添加在线侧弹窗 -->
|
||||
<div>
|
||||
<add-online v-model:addonlineVisible="visible" />
|
||||
</div>
|
||||
<!-- 添加在线侧弹窗 -->
|
||||
<div class="lin"></div>
|
||||
</div>
|
||||
<div class="item">
|
||||
@@ -222,42 +227,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="draw" style="position: relative">
|
||||
<a-drawer
|
||||
v-model:visible="visible"
|
||||
class="drawerStyle"
|
||||
title="关联项目"
|
||||
placement="right"
|
||||
width="80%"
|
||||
@after-visible-change="afterVisibleChange"
|
||||
>
|
||||
<div class="drawerMain">
|
||||
<div class="header">
|
||||
<div class="headerTitle">关联项目</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="../../assets/images/basicinfo/close.png"
|
||||
@click="showDrawer"
|
||||
/>
|
||||
</div>
|
||||
<div class="drawerbox">
|
||||
<a-table
|
||||
:columns="drawercolumns"
|
||||
:data-source="drawertableData"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
:scroll="{ x: 700 }"
|
||||
@expand="expandTable"
|
||||
:pagination="false"
|
||||
>
|
||||
</a-table>
|
||||
</div>
|
||||
<div class="btnn">
|
||||
<button @click="showDrawer" class="btn1">取消</button>
|
||||
<button @click="showDrawer" class="btn2">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
</a-drawer>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<a-modal
|
||||
@@ -318,6 +287,7 @@
|
||||
|
||||
<script>
|
||||
import { reactive, toRefs, onMounted, onUnmounted } from "vue";
|
||||
import AddOnline from "../../components/drawers/AddOnline.vue";
|
||||
const drawercolumns = [
|
||||
{
|
||||
title: "项目名称",
|
||||
@@ -357,431 +327,404 @@ const drawercolumns = [
|
||||
},
|
||||
];
|
||||
export default {
|
||||
name: "LevelAddDetail",
|
||||
setup() {
|
||||
const state = reactive({
|
||||
projectNameList: [
|
||||
{
|
||||
id: 1,
|
||||
value: "项目一",
|
||||
label: "项目一",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
value: "项目二",
|
||||
label: "项目二",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
value: "项目三",
|
||||
label: "项目三",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
value: "项目四",
|
||||
label: "项目四",
|
||||
},
|
||||
],
|
||||
projectNameList2: [
|
||||
{
|
||||
id: 1,
|
||||
value: "删除任务",
|
||||
label: "删除任务",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
value: "移动任务到关卡",
|
||||
label: "移动任务到关卡",
|
||||
},
|
||||
],
|
||||
level: [
|
||||
{
|
||||
id: "1",
|
||||
tit: "阶段1",
|
||||
name: "腾飞班1基础",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
tit: "阶段2",
|
||||
name: "腾飞班基础",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
tit: "阶段2",
|
||||
name: "中级产品经理",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
tit: "阶段2",
|
||||
name: "中级产品经理",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
tit: "阶段2",
|
||||
name: "中级产品经理",
|
||||
},
|
||||
],
|
||||
tableData: [
|
||||
{
|
||||
key: 1,
|
||||
lei: "在线",
|
||||
// state: "已发布",
|
||||
creater: "管理者课程",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "60分钟",
|
||||
haspub: false,
|
||||
checked1: false,
|
||||
checkedd: false,
|
||||
},
|
||||
{
|
||||
key: 2,
|
||||
lei: "面授",
|
||||
// state: "草稿",
|
||||
creater: "管理者面授",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "20分钟",
|
||||
haspub: true,
|
||||
checked1: false,
|
||||
checkedd: false,
|
||||
},
|
||||
{
|
||||
key: 1,
|
||||
lei: "在线",
|
||||
// state: "已发布",
|
||||
creater: "管理者课程",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "60分钟",
|
||||
haspub: false,
|
||||
checked1: false,
|
||||
checkedd: false,
|
||||
},
|
||||
{
|
||||
key: 3,
|
||||
lei: "作业",
|
||||
// state: "已停用",
|
||||
creater: "管理者作业",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "60分钟",
|
||||
haspub: false,
|
||||
checked1: false,
|
||||
checkedd: false,
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
lei: "考试",
|
||||
// state: "草稿",
|
||||
creater: "管理者考试",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "20分钟",
|
||||
haspub: true,
|
||||
checked1: false,
|
||||
checkedd: false,
|
||||
},
|
||||
{
|
||||
key: 5,
|
||||
lei: "案例",
|
||||
// state: "草稿",
|
||||
creater: "腾飞班1案例",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "20分钟",
|
||||
haspub: true,
|
||||
checked1: true,
|
||||
checkedd: false,
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
lei: "考试",
|
||||
// state: "草稿",
|
||||
creater: "管理者考试",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "20分钟",
|
||||
haspub: true,
|
||||
checked1: false,
|
||||
checkedd: false,
|
||||
},
|
||||
{
|
||||
key: 5,
|
||||
lei: "案例",
|
||||
// state: "草稿",
|
||||
creater: "腾飞班1案例",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "20分钟",
|
||||
haspub: true,
|
||||
checked1: true,
|
||||
checkedd: false,
|
||||
},
|
||||
],
|
||||
drawertableData: [
|
||||
{
|
||||
key: 1,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: "1-1",
|
||||
projectName: "管理者进阶-腾飞班",
|
||||
manager: "黄华 刘俊",
|
||||
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
name: "LevelAddDetail",
|
||||
components: {
|
||||
AddOnline,
|
||||
},
|
||||
setup() {
|
||||
const state = reactive({
|
||||
projectNameList: [
|
||||
{
|
||||
key: "1-1-1",
|
||||
projectName: "管理者进阶-腾飞班K1",
|
||||
manager: "黄华 刘俊",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
id: 1,
|
||||
value: "项目一",
|
||||
label: "项目一",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 2,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: "2-1",
|
||||
projectName: "管理者进阶-腾飞班",
|
||||
manager: "黄华 刘俊",
|
||||
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: "2-1-1",
|
||||
projectName: "管理者进阶-腾飞班K1",
|
||||
manager: "黄华 刘俊",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
id: 2,
|
||||
value: "项目二",
|
||||
label: "项目二",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
{
|
||||
key: 3,
|
||||
projectName: "管理者进阶-腾飞班K1",
|
||||
manager: "黄华 刘俊",
|
||||
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶-腾飞班K1",
|
||||
manager: "黄华 刘俊",
|
||||
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 5,
|
||||
projectName: "管理者进阶-腾飞班K1",
|
||||
manager: "黄华 刘俊",
|
||||
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 6,
|
||||
projectName: "管理者进阶-腾飞班K1",
|
||||
manager: "黄华 刘俊",
|
||||
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 7,
|
||||
projectName: "管理者进阶-腾飞班K1",
|
||||
manager: "黄华 刘俊",
|
||||
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
currentPage: 1,
|
||||
tableDataTotal: 100,
|
||||
pageSize: 10,
|
||||
visible: false,
|
||||
stage: false,
|
||||
selectedRowKeys: [],
|
||||
});
|
||||
const selectProjectName = (value, index) => {
|
||||
console.log("value", value, index);
|
||||
};
|
||||
const selectProjectName2 = (value, index) => {
|
||||
console.log("value", value, index);
|
||||
};
|
||||
const showDrawer = () => {
|
||||
state.visible = !state.visible;
|
||||
};
|
||||
const afterVisibleChange = (bool) => {
|
||||
console.log("visible", bool);
|
||||
};
|
||||
const tableDataFunc = () => {
|
||||
const columns = [
|
||||
{
|
||||
title: "类型",
|
||||
dataIndex: "state",
|
||||
// width: "30%",
|
||||
key: "state",
|
||||
width: 60,
|
||||
align: "left",
|
||||
className: "classify",
|
||||
scopedSlots: { customRender: "action" }, //引入的插槽
|
||||
customRender: (text) => {
|
||||
// console.log(text.record.checked1);
|
||||
return (
|
||||
<div class="racona">
|
||||
<div
|
||||
class="img"
|
||||
style={{ cursor: "pointer" }}
|
||||
onClick={() => {
|
||||
console.log("点击了");
|
||||
}}
|
||||
></div>
|
||||
{
|
||||
id: 3,
|
||||
value: "项目三",
|
||||
label: "项目三",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
value: "项目四",
|
||||
label: "项目四",
|
||||
},
|
||||
],
|
||||
projectNameList2: [
|
||||
{
|
||||
id: 1,
|
||||
value: "删除任务",
|
||||
label: "删除任务",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
value: "移动任务到关卡",
|
||||
label: "移动任务到关卡",
|
||||
},
|
||||
],
|
||||
level: [
|
||||
{
|
||||
id: "1",
|
||||
tit: "阶段1",
|
||||
name: "腾飞班1基础",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
tit: "阶段2",
|
||||
name: "腾飞班基础",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
tit: "阶段2",
|
||||
name: "中级产品经理",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
tit: "阶段2",
|
||||
name: "中级产品经理",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
tit: "阶段2",
|
||||
name: "中级产品经理",
|
||||
},
|
||||
],
|
||||
tableData: [
|
||||
{
|
||||
key: 1,
|
||||
lei: "在线",
|
||||
// state: "已发布",
|
||||
creater: "管理者课程",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "60分钟",
|
||||
haspub: false,
|
||||
checked1: false,
|
||||
checkedd: false,
|
||||
},
|
||||
{
|
||||
key: 2,
|
||||
lei: "面授",
|
||||
// state: "草稿",
|
||||
creater: "管理者面授",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "20分钟",
|
||||
haspub: true,
|
||||
checked1: false,
|
||||
checkedd: false,
|
||||
},
|
||||
{
|
||||
key: 1,
|
||||
lei: "在线",
|
||||
// state: "已发布",
|
||||
creater: "管理者课程",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "60分钟",
|
||||
haspub: false,
|
||||
checked1: false,
|
||||
checkedd: false,
|
||||
},
|
||||
{
|
||||
key: 3,
|
||||
lei: "作业",
|
||||
// state: "已停用",
|
||||
creater: "管理者作业",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "60分钟",
|
||||
haspub: false,
|
||||
checked1: false,
|
||||
checkedd: false,
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
lei: "考试",
|
||||
// state: "草稿",
|
||||
creater: "管理者考试",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "20分钟",
|
||||
haspub: true,
|
||||
checked1: false,
|
||||
checkedd: false,
|
||||
},
|
||||
{
|
||||
key: 5,
|
||||
lei: "案例",
|
||||
// state: "草稿",
|
||||
creater: "腾飞班1案例",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "20分钟",
|
||||
haspub: true,
|
||||
checked1: true,
|
||||
checkedd: false,
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
lei: "考试",
|
||||
// state: "草稿",
|
||||
creater: "管理者考试",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "20分钟",
|
||||
haspub: true,
|
||||
checked1: false,
|
||||
checkedd: false,
|
||||
},
|
||||
{
|
||||
key: 5,
|
||||
lei: "案例",
|
||||
// state: "草稿",
|
||||
creater: "腾飞班1案例",
|
||||
// pubtime: "2022-07-20 14:00:03",
|
||||
cretime: "20分钟",
|
||||
haspub: true,
|
||||
checked1: true,
|
||||
checkedd: false,
|
||||
},
|
||||
],
|
||||
drawertableData: [
|
||||
{
|
||||
key: 1,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: "1-1",
|
||||
projectName: "管理者进阶-腾飞班",
|
||||
manager: "黄华 刘俊",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: "1-1-1",
|
||||
projectName: "管理者进阶-腾飞班K1",
|
||||
manager: "黄华 刘俊",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 2,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: "2-1",
|
||||
projectName: "管理者进阶-腾飞班",
|
||||
manager: "黄华 刘俊",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: "2-1-1",
|
||||
projectName: "管理者进阶-腾飞班K1",
|
||||
manager: "黄华 刘俊",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 3,
|
||||
projectName: "管理者进阶-腾飞班K1",
|
||||
manager: "黄华 刘俊",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶-腾飞班K1",
|
||||
manager: "黄华 刘俊",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 5,
|
||||
projectName: "管理者进阶-腾飞班K1",
|
||||
manager: "黄华 刘俊",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 6,
|
||||
projectName: "管理者进阶-腾飞班K1",
|
||||
manager: "黄华 刘俊",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 7,
|
||||
projectName: "管理者进阶-腾飞班K1",
|
||||
manager: "黄华 刘俊",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
currentPage: 1,
|
||||
tableDataTotal: 100,
|
||||
pageSize: 10,
|
||||
visible: false,
|
||||
stage: false,
|
||||
selectedRowKeys: [],
|
||||
});
|
||||
const selectProjectName = (value, index) => {
|
||||
console.log("value", value, index);
|
||||
};
|
||||
const selectProjectName2 = (value, index) => {
|
||||
console.log("value", value, index);
|
||||
};
|
||||
const afterVisibleChange = (bool) => {
|
||||
console.log("visible", bool);
|
||||
};
|
||||
const tableDataFunc = () => {
|
||||
const columns = [
|
||||
{
|
||||
title: "类型",
|
||||
dataIndex: "state",
|
||||
// width: "30%",
|
||||
key: "state",
|
||||
width: 60,
|
||||
align: "left",
|
||||
className: "classify",
|
||||
scopedSlots: { customRender: "action" },
|
||||
customRender: (text) => {
|
||||
// console.log(text.record.checked1);
|
||||
return (<div class="racona">
|
||||
<div class="img" style={{ cursor: "pointer" }} onClick={() => {
|
||||
console.log("点击了");
|
||||
}}></div>
|
||||
<span> {text.record.lei}</span>
|
||||
|
||||
{/**
|
||||
<div class="img"></div>
|
||||
<a-checkbox class="ch" checked={text.record.checkedd}>
|
||||
{text.record.lei}
|
||||
</a-checkbox>
|
||||
*/}
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "任务名称",
|
||||
dataIndex: "creater",
|
||||
// width: "30%",
|
||||
key: "creater",
|
||||
width: 200,
|
||||
align: "center",
|
||||
className: "h",
|
||||
},
|
||||
{
|
||||
title: "必修/选修",
|
||||
dataIndex: "pubtime",
|
||||
key: "pubtime",
|
||||
// width: 100,
|
||||
align: "center",
|
||||
className: "h",
|
||||
scopedSlots: { customRender: "action" }, //引入的插槽
|
||||
customRender: (text) => {
|
||||
// console.log(text.record.checked1);
|
||||
return (
|
||||
<div class="opat">
|
||||
<div class="img"></div>
|
||||
<a-checkbox class="ch" checked={text.record.checkedd}>
|
||||
{text.record.lei}
|
||||
</a-checkbox>
|
||||
*/}
|
||||
</div>);
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "任务名称",
|
||||
dataIndex: "creater",
|
||||
// width: "30%",
|
||||
key: "creater",
|
||||
width: 200,
|
||||
align: "center",
|
||||
className: "h",
|
||||
},
|
||||
{
|
||||
title: "必修/选修",
|
||||
dataIndex: "pubtime",
|
||||
key: "pubtime",
|
||||
// width: 100,
|
||||
align: "center",
|
||||
className: "h",
|
||||
scopedSlots: { customRender: "action" },
|
||||
customRender: (text) => {
|
||||
// console.log(text.record.checked1);
|
||||
return (<div class="opat">
|
||||
<div class="opacationt clearfix">
|
||||
<a-switch
|
||||
style="margin-left:-50px;margin-top:3px"
|
||||
checked={text.record.checked1}
|
||||
size="small"
|
||||
active-color="red"
|
||||
onClick={() => {
|
||||
console.log("点击了");
|
||||
text.record.checked1 = !text.record.checked1;
|
||||
}}
|
||||
/>
|
||||
<a-switch style="margin-left:-50px;margin-top:3px" checked={text.record.checked1} size="small" active-color="red" onClick={() => {
|
||||
console.log("点击了");
|
||||
text.record.checked1 = !text.record.checked1;
|
||||
}}/>
|
||||
<div class="showt clearfix">
|
||||
<div
|
||||
class="bi"
|
||||
style={
|
||||
text.record.checked1 ? "z-index:999" : "z-index:998"
|
||||
}
|
||||
>
|
||||
<div class="bi" style={text.record.checked1 ? "z-index:999" : "z-index:998"}>
|
||||
必修
|
||||
</div>
|
||||
<div class="xuan">选修</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "时长",
|
||||
dataIndex: "cretime",
|
||||
key: "cretime",
|
||||
// width: 100,
|
||||
align: "center",
|
||||
className: "h",
|
||||
},
|
||||
{
|
||||
title: "操作",
|
||||
className: "h",
|
||||
dataIndex: "opacation",
|
||||
key: "opacation",
|
||||
// width: 100,
|
||||
align: "center",
|
||||
scopedSlots: { customRender: "action" }, //引入的插槽
|
||||
customRender: () => {
|
||||
return (
|
||||
<div class="opa">
|
||||
</div>);
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "时长",
|
||||
dataIndex: "cretime",
|
||||
key: "cretime",
|
||||
// width: 100,
|
||||
align: "center",
|
||||
className: "h",
|
||||
},
|
||||
{
|
||||
title: "操作",
|
||||
className: "h",
|
||||
dataIndex: "opacation",
|
||||
key: "opacation",
|
||||
// width: 100,
|
||||
align: "center",
|
||||
scopedSlots: { customRender: "action" },
|
||||
customRender: () => {
|
||||
return (<div class="opa">
|
||||
<div class="opacation">
|
||||
<span style="color:#4EA6FF;margin-right:25px;cursor:pointer">
|
||||
编辑
|
||||
</span>
|
||||
<span style="color:#4EA6FF;cursor:pointer">删除</span>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
];
|
||||
return columns;
|
||||
};
|
||||
|
||||
const onSelectChange = (selectedRowKeys) => {
|
||||
console.log("selectedRowKeys changed: ", selectedRowKeys);
|
||||
state.selectedRowKeys = selectedRowKeys;
|
||||
};
|
||||
|
||||
// const getClientHeight = () => {
|
||||
// state.rightheight =
|
||||
// document.getElementsByClassName("addhead")[0].offsetHeight +
|
||||
// document.getElementsByClassName("mid")[0].offsetHeight +
|
||||
// document.getElementsByClassName("boom")[0].offsetHeight +
|
||||
// 40 +
|
||||
// "px";
|
||||
// };
|
||||
const showModal = () => {
|
||||
state.stage = true;
|
||||
};
|
||||
const closeModal = () => {
|
||||
state.stage = false;
|
||||
};
|
||||
onMounted(() => {
|
||||
document.getElementsByTagName("main")[0].style.background =
|
||||
"rgb(245, 247, 250,1)";
|
||||
document.getElementsByTagName("main")[0].style.boxShadow = "none";
|
||||
});
|
||||
onUnmounted(() => {
|
||||
document.getElementsByTagName("main")[0].style.background = "#ffffff";
|
||||
document.getElementsByTagName("main")[0].style.boxShadow =
|
||||
"0px 1px 35px 0px rgba(118, 136, 166, 0.07)";
|
||||
});
|
||||
return {
|
||||
...toRefs(state),
|
||||
selectProjectName,
|
||||
selectProjectName2,
|
||||
tableDataFunc,
|
||||
showModal,
|
||||
closeModal,
|
||||
showDrawer,
|
||||
afterVisibleChange,
|
||||
drawercolumns,
|
||||
onSelectChange,
|
||||
};
|
||||
},
|
||||
</div>);
|
||||
},
|
||||
},
|
||||
];
|
||||
return columns;
|
||||
};
|
||||
const onSelectChange = (selectedRowKeys) => {
|
||||
console.log("selectedRowKeys changed: ", selectedRowKeys);
|
||||
state.selectedRowKeys = selectedRowKeys;
|
||||
};
|
||||
// const getClientHeight = () => {
|
||||
// state.rightheight =
|
||||
// document.getElementsByClassName("addhead")[0].offsetHeight +
|
||||
// document.getElementsByClassName("mid")[0].offsetHeight +
|
||||
// document.getElementsByClassName("boom")[0].offsetHeight +
|
||||
// 40 +
|
||||
// "px";
|
||||
// };
|
||||
const showModal = () => {
|
||||
state.stage = true;
|
||||
};
|
||||
const closeModal = () => {
|
||||
state.stage = false;
|
||||
};
|
||||
onMounted(() => {
|
||||
document.getElementsByTagName("main")[0].style.background =
|
||||
"rgb(245, 247, 250,1)";
|
||||
document.getElementsByTagName("main")[0].style.boxShadow = "none";
|
||||
});
|
||||
onUnmounted(() => {
|
||||
document.getElementsByTagName("main")[0].style.background = "#ffffff";
|
||||
document.getElementsByTagName("main")[0].style.boxShadow =
|
||||
"0px 1px 35px 0px rgba(118, 136, 166, 0.07)";
|
||||
});
|
||||
const showDrawerOnline = () => {
|
||||
state.visible = true;
|
||||
};
|
||||
return {
|
||||
...toRefs(state),
|
||||
selectProjectName,
|
||||
selectProjectName2,
|
||||
tableDataFunc,
|
||||
showModal,
|
||||
closeModal,
|
||||
// showDrawer,
|
||||
afterVisibleChange,
|
||||
drawercolumns,
|
||||
onSelectChange,
|
||||
showDrawerOnline,
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user