diff --git a/src/assets/images/leveladd/add.png b/src/assets/images/leveladd/add.png
new file mode 100644
index 00000000..aecfb63e
Binary files /dev/null and b/src/assets/images/leveladd/add.png differ
diff --git a/src/assets/images/leveladd/an.png b/src/assets/images/leveladd/an.png
new file mode 100644
index 00000000..722e73e2
Binary files /dev/null and b/src/assets/images/leveladd/an.png differ
diff --git a/src/assets/images/leveladd/ce.png b/src/assets/images/leveladd/ce.png
new file mode 100644
index 00000000..9f058e9c
Binary files /dev/null and b/src/assets/images/leveladd/ce.png differ
diff --git a/src/assets/images/leveladd/diao.png b/src/assets/images/leveladd/diao.png
new file mode 100644
index 00000000..ef4afd06
Binary files /dev/null and b/src/assets/images/leveladd/diao.png differ
diff --git a/src/assets/images/leveladd/gan.png b/src/assets/images/leveladd/gan.png
new file mode 100644
index 00000000..f8442bb0
Binary files /dev/null and b/src/assets/images/leveladd/gan.png differ
diff --git a/src/assets/images/leveladd/huo.png b/src/assets/images/leveladd/huo.png
new file mode 100644
index 00000000..2312463d
Binary files /dev/null and b/src/assets/images/leveladd/huo.png differ
diff --git a/src/assets/images/leveladd/kao.png b/src/assets/images/leveladd/kao.png
new file mode 100644
index 00000000..fe88f8fe
Binary files /dev/null and b/src/assets/images/leveladd/kao.png differ
diff --git a/src/assets/images/leveladd/mian.png b/src/assets/images/leveladd/mian.png
new file mode 100644
index 00000000..8a91ac6f
Binary files /dev/null and b/src/assets/images/leveladd/mian.png differ
diff --git a/src/assets/images/leveladd/tao.png b/src/assets/images/leveladd/tao.png
new file mode 100644
index 00000000..843cebf9
Binary files /dev/null and b/src/assets/images/leveladd/tao.png differ
diff --git a/src/assets/images/leveladd/tou.png b/src/assets/images/leveladd/tou.png
new file mode 100644
index 00000000..fb8c033c
Binary files /dev/null and b/src/assets/images/leveladd/tou.png differ
diff --git a/src/assets/images/leveladd/wai.png b/src/assets/images/leveladd/wai.png
new file mode 100644
index 00000000..18dbe64d
Binary files /dev/null and b/src/assets/images/leveladd/wai.png differ
diff --git a/src/assets/images/leveladd/xiang.png b/src/assets/images/leveladd/xiang.png
new file mode 100644
index 00000000..fe1310fe
Binary files /dev/null and b/src/assets/images/leveladd/xiang.png differ
diff --git a/src/assets/images/leveladd/z1.png b/src/assets/images/leveladd/z1.png
new file mode 100644
index 00000000..3c6bfad6
Binary files /dev/null and b/src/assets/images/leveladd/z1.png differ
diff --git a/src/assets/images/leveladd/z2.png b/src/assets/images/leveladd/z2.png
new file mode 100644
index 00000000..8bd2307b
Binary files /dev/null and b/src/assets/images/leveladd/z2.png differ
diff --git a/src/assets/images/leveladd/zai.png b/src/assets/images/leveladd/zai.png
new file mode 100644
index 00000000..3b2310b6
Binary files /dev/null and b/src/assets/images/leveladd/zai.png differ
diff --git a/src/assets/images/leveladd/zhi.png b/src/assets/images/leveladd/zhi.png
new file mode 100644
index 00000000..36bfb33f
Binary files /dev/null and b/src/assets/images/leveladd/zhi.png differ
diff --git a/src/assets/images/leveladd/zuo.png b/src/assets/images/leveladd/zuo.png
new file mode 100644
index 00000000..423910fe
Binary files /dev/null and b/src/assets/images/leveladd/zuo.png differ
diff --git a/src/assets/images/projectadd/picture.png b/src/assets/images/projectadd/picture.png
new file mode 100644
index 00000000..bd3b3700
Binary files /dev/null and b/src/assets/images/projectadd/picture.png differ
diff --git a/src/assets/images/research/export.png b/src/assets/images/research/export.png
new file mode 100644
index 00000000..78b8331f
Binary files /dev/null and b/src/assets/images/research/export.png differ
diff --git a/src/assets/images/research/picture.png b/src/assets/images/research/picture.png
new file mode 100644
index 00000000..09cf517c
Binary files /dev/null and b/src/assets/images/research/picture.png differ
diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss
index a6068f6b..3e8dce2d 100644
--- a/src/assets/scss/common.scss
+++ b/src/assets/scss/common.scss
@@ -78,7 +78,6 @@ border: 1px solid #C7CBD2 !important;
// 表格---------------------------------
.tableBox{
-
.ant-table-row .ant-table-cell{
height: 48px ;
font-size: 14px;
@@ -148,4 +147,48 @@ border: 1px solid #C7CBD2 !important;
display: none;
}
}
-}
\ No newline at end of file
+}
+// 表格---------------------------------
+//表格下拉框-------------------------------------------
+.tableSelect {
+ margin-left: 21px;
+ display: inline-block;
+ .ant-select:not(.ant-select-customize-input)
+ .ant-select-selector
+ .ant-select-selection-search-input {
+ background-color: rgba(255, 255, 255, 0);
+ border: none;
+ }
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+ background-color: rgba(255, 255, 255, 0);
+ border: none;
+ }
+ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+ padding: 0;
+ }
+ .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input)
+ .ant-select-selector {
+ box-shadow: none;
+ }
+ .ant-select-arrow {
+ right: 0px;
+ color: rgba(0, 0, 0, 0.8);
+ font-size: 14px;
+ line-height: 36px;
+ // top: 17px;
+ top:14px;
+ }
+ .ant-select-selection-item {
+ font-size: 14px;
+ font-weight: 400;
+ color: #4ea6ff;
+ line-height: 36px;
+ }
+ .ant-select-single.ant-select-open .ant-select-selection-item{
+ color: #4ea6ff;
+ }
+}
+.tabledropdown {
+ width: 100px !important;
+}
+//表格下拉框-------------------------------------------
\ No newline at end of file
diff --git a/src/components/BreadCrumb.vue b/src/components/BreadCrumb.vue
index 11e7aaa1..78e6e7d2 100644
--- a/src/components/BreadCrumb.vue
+++ b/src/components/BreadCrumb.vue
@@ -134,6 +134,19 @@ export default {
},
];
}
+ if (n === "/researchmanage" || n === "/ResearchManage") {
+ state.list = [
+ {
+ name: "调研管理",
+ href: "",
+ // href: "#/researchmanage",
+ },
+ {
+ name: "管理",
+ href: "",
+ }
+ ];
+ }
if (n === "/systemmanage" || n === "/SystemManage") {
state.list = [
{
diff --git a/src/components/NavTop.vue b/src/components/NavTop.vue
index 7cd518d1..b8e05d2a 100644
--- a/src/components/NavTop.vue
+++ b/src/components/NavTop.vue
@@ -112,7 +112,7 @@ export default {
}
.roleItems {
width: 109px;
- height: 80px;
+ height: 90px;
padding-top: 10px;
background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
@@ -121,6 +121,7 @@ export default {
right: 0px;
text-align: center;
display: none;
+ z-index: 100;
}
.roleItem {
font-size: 14px;
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 0e8fd3af..5050e2d6 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -49,10 +49,10 @@
+ v-model:value="value2"
+ separator="至"
+ :placeholder="[' 开始时间', ' 结束时间']"
+ />
@@ -819,9 +819,9 @@
-
\ No newline at end of file
+
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index 21ef46bf..6dc730ce 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -1,12 +1,939 @@
- ddd
+
+
+
+
关卡
+
+
+
+
+
{{ item.tit }}
+
{{ item.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
产品经理进阶路径
+
创建时间:2022-07-21 00:00
+
+
+
+
+
+
+
发布
+
+
+
+
+
+
+ 返回
+
+
+
+
+
+
+
+
+
+
+
在线
+
+
+
+
+
+
+
+
+
面授
+
+
+
+
+
+
+
+
+
案例
+
+
+
+
+
+
+
+
+
作业
+
+
+
+
+
+
+
+
+
考试
+
+
+
+
+
+
+
+
+
直播
+
+
+
+
+
+
+
+
+
外链
+
+
+
+
+
+
+
+
+
讨论
+
+
+
+
+
+
+
+
+
活动
+
+
+
+
+
+
+
+
+
测评
+
+
+
+
+
+
+
+
+
调研
+
+
+
+
+
+
+
+
+
投票
+
+
+
+
+
+
+
+
+
项目
+
+
+
+
+
+
+
+
+
+
已选择
+
+
3
+
+
项
+
总数:
+
5
+
条
+
+
+
+
+
+
+
+
+
-
\ No newline at end of file
diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index 320fb7f2..d88df7c3 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -67,11 +67,10 @@
@@ -145,26 +159,10 @@ const columns = [
},
{
title: "操作",
- dataIndex: "opacation",
- key: "opacation",
+ dataIndex: "operation",
+ key: "operation",
width: 300,
align: "center",
- scopedSlots: { customRender: "action" }, //引入的插槽
- customRender: () => {
- // console.log(text);
- return (
-
-
编辑
-
授权
-
创建子项目
-
- 更多
-
-
-
-
- );
- },
},
];
@@ -209,7 +207,7 @@ export default {
time: "2022-07-20 14:00:03",
children: [
{
- key: 5,
+ key: "1-1",
projectName: "管理者进阶5",
manager: "黄华 刘俊",
state: "草稿",
@@ -217,14 +215,14 @@ export default {
time: "2022-07-20 14:00:03",
children: [
{
- key: 7,
+ key: "1-1-1",
projectName:
"管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7",
manager: "黄华 刘俊",
state: "草稿",
creater: "毛继禹",
time: "2022-07-20 14:00:03",
- },
+ },
],
},
],
@@ -242,21 +240,21 @@ export default {
key: 3,
projectName: "管理者进阶3",
manager: "黄华 刘俊",
- state: "草稿",
+ state: "进行中",
creater: "毛继禹",
time: "2022-07-20 14:00:03",
hasChildren: true,
children: [
{
- key: 35,
+ key: "3-1",
projectName: "管理者进阶35",
manager: "黄华 刘俊",
- state: "草稿",
+ state: "已结束",
creater: "毛继禹",
time: "2022-07-20 14:00:03",
},
{
- key: 36,
+ key: "3-2",
projectName: "管理者进阶36",
manager: "黄华 刘俊",
state: "草稿",
@@ -277,17 +275,59 @@ export default {
key: 4,
projectName: "管理者进阶5",
manager: "黄华 刘俊",
- state: "草稿",
+ state: "已结束",
creater: "毛继禹",
time: "2022-07-20 14:00:03",
+ children: [
+ {
+ key: "4-1",
+ projectName: "管理者进阶5",
+ manager: "黄华 刘俊",
+ state: "进行中",
+ creater: "毛继禹",
+ time: "2022-07-20 14:00:03",
+ children: [
+ {
+ key: "4-1-1",
+ projectName:
+ "管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7",
+ manager: "黄华 刘俊",
+ state: "草稿",
+ creater: "毛继禹",
+ time: "2022-07-20 14:00:03",
+ },
+ ],
+ },
+ ],
},
{
- key: 4,
- projectName: "管理者进阶",
+ key: 5,
+ projectName: "管理者进阶5",
manager: "黄华 刘俊",
- state: "草稿",
+ state: "已结束",
creater: "毛继禹",
time: "2022-07-20 14:00:03",
+ children: [
+ {
+ key: "5-1",
+ projectName: "管理者进阶5",
+ manager: "黄华 刘俊",
+ state: "已结束",
+ creater: "毛继禹",
+ time: "2022-07-20 14:00:03",
+ children: [
+ {
+ key: "5-1-1",
+ projectName:
+ "管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7",
+ manager: "黄华 刘俊",
+ state: "进行中",
+ creater: "毛继禹",
+ time: "2022-07-20 14:00:03",
+ },
+ ],
+ },
+ ],
},
{
key: 4,
@@ -417,11 +457,869 @@ export default {
// console.log("惦记了");
console.log("e", e, a);
};
+
+ const getTableDate = () => {
+ state.tableData.map((value) => {
+ if (value.children) {
+ //多层项目
+ console.log("11");
+ value.operation =
+ value.state === "草稿" ? (
+
+
编辑
+
+
+
+ 权限名单
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 归属权
+
+
+
+ 查看权
+
+
+ 管理权
+
+
+
+
创建子项目
+
+
+
+ 基础信息
+
+
+ 存为模板
+
+
+
+
+ ) : value.state === "进行中" ? (
+
+
查看
+
+
+
+ 权限名单
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 归属权
+
+
+
+ 查看权
+
+
+ 管理权
+
+
+
+
复制
+
+
+ ) : value.state === "已结束" ? (
+
+
查看
+
+
+
+ 权限名单
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 归属权
+
+
+
+ 查看权
+
+
+ 管理权
+
+
+
+
复制
+
删除
+
+ ) : null;
+
+ value.children.map((item) => {
+ if (item.children) {
+ //多层子项目
+ item.operation =
+ item.state === "草稿" ? (
+
+
编辑
+
+
+
+ 权限名单
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 归属权
+
+
+
+ 查看权
+
+
+ 管理权
+
+
+
+
创建班级
+
+
+ ) : item.state === "进行中" ? (
+
+
查看
+
+
+
+ 权限名单
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 归属权
+
+
+
+ 查看权
+
+
+ 管理权
+
+
+
+
+
创建班级
+
复制
+
+ ) : item.state === "已结束" ? (
+
+
查看
+
+
+
+ 权限名单
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 归属权
+
+
+
+ 查看权
+
+
+ 管理权
+
+
+
+
复制
+
删除
+
+ ) : null;
+
+ item.children.map((a) => {
+ //班级
+ a.operation =
+ a.state === "草稿" ? (
+
+
+
+
+
+ 权限名单
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 归属权
+
+
+
+ 查看权
+
+
+ 管理权
+
+
+
+
发布
+
+
+
+ 复制
+
+
+ 删除
+
+
+ 存为模板
+
+
+ 基础信息
+
+
+
+
+ ) : a.state === "进行中" ? (
+
+
+
+
+
+ 权限名单
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 归属权
+
+
+
+ 查看权
+
+
+ 管理权
+
+
+
+
复制
+
+
+
+ 撤回
+
+
+ 结束
+
+
+ 存为模板
+
+
+ 基础信息
+
+
+
+
+ ) : a.state === "已结束" ? (
+
+
+
+
+
+ 权限名单
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 归属权
+
+
+
+ 查看权
+
+
+ 管理权
+
+
+
+
复制
+
复制
+
+
+
+ 删除
+
+
+ 存为模板
+
+
+ 基础信息
+
+
+
+
+ ) : a.state === "未开始" ? (
+
+
+
+
+
+ 权限名单
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 归属权
+
+
+
+ 查看权
+
+
+ 管理权
+
+
+
+
复制
+
+
+
+ 结束
+
+
+ 撤回
+
+
+ 存为模板
+
+
+ 基础信息
+
+
+
+
+ ) : null;
+ });
+ } else {
+ //单层子项目
+ item.operation =
+ item.state === "草稿" ? (
+
+
+
+
+
+ 权限名单
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 归属权
+
+
+
+ 查看权
+
+
+ 管理权
+
+
+
+
发布
+
+
+
+ 复制
+
+
+ 删除
+
+
+ 存为模板
+
+
+ 基础信息
+
+
+
+
+ ) : item.state === "进行中" ? (
+
+
+
+
+
+ 权限名单
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 归属权
+
+
+
+ 查看权
+
+
+ 管理权
+
+
+
+
复制
+
+
+
+ 撤回
+
+
+ 结束
+
+
+ 存为模板
+
+
+ 基础信息
+
+
+
+
+ ) : item.state === "已结束" ? (
+
+
+
+
+
+ 权限名单
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 归属权
+
+
+
+ 查看权
+
+
+ 管理权
+
+
+
+
复制
+
+
+
+ 删除
+
+
+ 结束
+
+
+ 存为模板
+
+
+ 基础信息
+
+
+
+
+ ) : item.state === "未开始" ? (
+
+
+
+
+
+ 权限名单
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 归属权
+
+
+
+ 查看权
+
+
+ 管理权
+
+
+
+
复制
+
+
+
+ 撤回
+
+
+ 结束
+
+
+ 存为模板
+
+
+ 基础信息
+
+
+
+
+ ) : null;
+ }
+ });
+ } else {
+ //单层项目
+ value.operation = (
+
+
+
+
+
+ 权限名单
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 归属权
+
+
+
+ 查看权
+
+
+ 管理权
+
+
+
+
+ {value.state === "草稿" ? (
+
发布
+ ) : (
+
复制
+ )}
+
+ {value.state === "草稿" ? (
+
+
+ 复制
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 删除
+
+
+
+ 存为模板
+
+
+ 基础信息
+
+
+ ) : value.state === "进行中" ? (
+
+
+ 存为模板
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 结束
+
+
+
+ 撤回
+
+
+ 基础信息
+
+
+ ) : value.state === "已结束" || value.state === "未开始" ? (
+
+
+ 存为模板
+
+
+ {
+ console.log("点击了");
+ }}
+ >
+ 删除
+
+
+
+ 基础信息
+
+
+ ) : null}
+
+
+ );
+ }
+
+ return 0;
+ });
+ return state.tableData;
+ };
+
+ const tableDataFunc = () => {
+ const columns = [
+ {
+ title: "项目名称",
+ dataIndex: "projectName",
+ key: "projectName",
+ width: 180,
+ // align: "center",
+ ellipsis: true,
+ // scopedSlots: { customRender: "action" }, //引入的插槽
+ // customRender: (text, record) => {
+ // console.log(text, record);
+ // return {text.text} ;
+ // },
+ },
+ {
+ title: "项目经理",
+ dataIndex: "manager",
+ key: "manager",
+ width: 100,
+ align: "center",
+ },
+ {
+ title: "状态",
+ dataIndex: "state",
+ // width: "30%",
+ key: "state",
+ width: 100,
+ align: "center",
+ },
+ {
+ title: "创建人",
+ dataIndex: "creater",
+ // width: "30%",
+ key: "creater",
+ width: 100,
+ align: "center",
+ },
+ {
+ title: "创建时间",
+ dataIndex: "time",
+ key: "time",
+ width: 180,
+ align: "center",
+ },
+ {
+ title: "操作",
+ dataIndex: "operation",
+ key: "operation",
+ width: 300,
+ align: "center",
+ },
+ ];
+ const data = getTableDate();
+ return [columns, data];
+ };
return {
...toRefs(state),
columns,
selectProjectName,
expandTable,
+ getTableDate,
+ tableDataFunc,
};
},
};
@@ -525,14 +1423,42 @@ export default {
}
.tableBox {
margin: 20px 38px 30px;
+ .ant-table-thead > tr > th {
+ font-size: 14px;
+ font-weight: 400;
+ color: #999ba3;
+ line-height: 36px;
+ padding: 5px 16px;
+ background-color: #eff4fc;
+ }
+ .ant-table {
+ // overflow: visible;
+ // z-index: 99999;
+ }
}
- .opacation {
+ .operation {
font-size: 14px;
font-weight: 400;
color: #4ea6ff;
// line-height: 36px;
+ .operation1 {
+ margin-left: 21px;
+ width: 28px;
+ display: inline-block;
+ }
+ .operation3 {
+ margin-left: 21px;
+ width: 70px;
+ display: inline-block;
+ text-align: center;
+ }
.more {
+ width: 50px;
+ display: inline-block;
+ margin-left: 21px;
position: relative;
+ text-align: left;
+ // z-index: 99999;
.moreArrow {
width: 13px;
height: 7px;
@@ -544,7 +1470,7 @@ export default {
}
.moreItems {
width: 80px;
- height: 70px;
+ padding: 5px;
display: none;
background: #ffffff;
box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
@@ -552,8 +1478,9 @@ export default {
border: 0px solid #dcdcdc;
position: absolute;
left: 0px;
- top: 18px;
+ top: 28px;
z-index: 100;
+ text-align: center;
}
}
.more:hover .moreArrow {
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
new file mode 100644
index 00000000..d982d1ef
--- /dev/null
+++ b/src/views/projectcenter/TaskPage.vue
@@ -0,0 +1,33 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/research/ManagePage.vue b/src/views/research/ManagePage.vue
new file mode 100644
index 00000000..b6de2e90
--- /dev/null
+++ b/src/views/research/ManagePage.vue
@@ -0,0 +1,256 @@
+
+
+
+
+
+
+
基本信息
+
+
+ 调研名称:
+ 产品经理问卷调查
+
+
+ 创建人:
+ 管理员
+
+
+ 状态:
+ 已发布
+
+
+ 创建时间:
+ 2022-07-22 9:30
+
+
+ 创建时间:
+ 2022-07-22 9:30
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/research/ResearchAdd.vue b/src/views/research/ResearchAdd.vue
index bbe46ff7..29dc7116 100644
--- a/src/views/research/ResearchAdd.vue
+++ b/src/views/research/ResearchAdd.vue
@@ -1,16 +1,117 @@
+
-
+
+
+
提干
-
+
+
+
+
+
+
+
+
+
图片名称1.jpg
+
+
+
+
+
+
+
+
非常满意
+
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
+
非常不满意
+
+
+
+
-
\ No newline at end of file
diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index c40e72e1..2b5c3f45 100644
--- a/src/views/research/ResearchManage.vue
+++ b/src/views/research/ResearchManage.vue
@@ -1,174 +1,562 @@
-
+
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
创建调研
+
+
+
+
+
+
+
+
+
+
调研名称
+
+
+
+ 取消
+ 确定
+
+
+
+
-
\ No newline at end of file
+ .btns {
+ display: flex;
+ // flex-wrap: wrap;
+ .btn {
+ padding: 0px 26px 0px 26px;
+ height: 38px;
+ background: rgba(64, 158, 255, 0);
+ border-radius: 8px;
+ border: 1px solid rgba(64, 158, 255, 1);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-right: 14px;
+ flex-shrink: 0;
+ cursor: pointer;
+ .search {
+ background-size: 100%;
+ }
+ .btnText {
+ font-size: 14px;
+ font-weight: 400;
+ color: rgba(64, 158, 255, 1);
+ line-height: 36px;
+ margin-left: 5px;
+ }
+ }
+ .btn1 {
+ .search {
+ width: 15px;
+ height: 17px;
+ background-image: url("../../assets/images/courseManage/search1.png");
+ }
+ }
+ .btn2 {
+ .search {
+ width: 16px;
+ height: 18px;
+ background-image: url("../../assets/images/courseManage/reset1.png");
+ }
+ }
+ .btn3 {
+ margin-right: 0px;
+ .search {
+ width: 17px;
+ height: 18px;
+ background-image: url("../../assets/images/courseManage/add1.png");
+ }
+ }
+ .btn1:hover {
+ background: rgba(64, 158, 255, 1);
+ .search {
+ background-image: url("../../assets/images/courseManage/search0.png");
+ }
+ .btnText {
+ color: #ffffff;
+ }
+ }
+ .btn2:hover {
+ background: rgba(64, 158, 255, 1);
+ .search {
+ background-image: url("../../assets/images/courseManage/reset0.png");
+ }
+ .btnText {
+ color: #ffffff;
+ }
+ }
+ .btn3:hover {
+ background: rgba(64, 158, 255, 1);
+ .search {
+ background-image: url("../../assets/images/courseManage/add0.png");
+ }
+ .btnText {
+ color: #ffffff;
+ }
+ }
+ }
+ }
+ .tableBox {
+ margin: 20px 38px 30px ;
+ th.h {
+ background-color: #eff4fc !important;
+ }
+
+ .ant-table-tbody
+ > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+ > td {
+ background: #f6f9fd;
+ }
+ }
+ .out {
+ display: block;
+ position: absolute;
+ top: 120px;
+ width: 600px;
+ // height: 525px;
+ background-color: #fff;
+
+ box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ .top {
+ width: 100%;
+ height: 68px;
+
+ background: linear-gradient(
+ rgba(78, 166, 255, 0.2) 0%,
+ rgba(78, 166, 255, 0) 100%
+ );
+ display: flex;
+ align-items: center;
+ .topimg {
+ width: 18px;
+ height: 18px;
+ margin-left: 27px;
+ }
+ .topc {
+ color: #000000;
+ font-size: 16px;
+ margin-left: 8px;
+ }
+ }
+ .mid {
+ width: 100%;
+ height: 100%;
+ background-color: #fff;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ .d {
+ // margin-top: 8px;
+ // color: #ff4e4e;
+ margin-left: -5px;
+ }
+ .name {
+ width: 78%;
+ // background-color: lightcoral;
+ display: flex;
+ margin-top: 20px;
+ align-items: center;
+ height: 40px;
+ // border: 1px solid black;
+
+ .inname {
+ color: #6f6f6f;
+ font-size: 14px;
+ margin-left: 7px;
+ }
+ .in {
+ margin-left: 14px;
+ width: 81%;
+ .ant-input {
+ border-radius: 5px;
+ // height: 120%;
+ width: 100%;
+ height: 40px;
+ }
+ }
+ }
+ .btn {
+ width: 33%;
+ margin-top: 30px;
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 30px;
+ .samtn {
+ width: 100px;
+ height: 40px;
+ font-size: 14px;
+ border: 1px solid #4ea6ff;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ .btn1 {
+ background-color: #fff;
+ color: #4ea6ff;
+ }
+ .btn2 {
+ margin-left: 10px;
+ background-color: #4ea6ff;
+ color: #fff;
+ }
+ }
+ }
+ }
+ .unout {
+ display: none;
+ }
+
+ .opa {
+ display: flex;
+ justify-content: right;
+ .opacation {
+ font-size: 14px;
+ font-weight: 400;
+ color: #4ea6ff;
+ // line-height: 36px;
+ .activecls {
+ display: inline-block;
+ }
+ .errorCls {
+ display: none;
+ }
+ .more {
+ position: relative;
+ .moreArrow {
+ width: 13px;
+ height: 7px;
+ display: inline-block;
+ background-image: url("../../assets/images/navtop/down.png");
+ background-size: 100%;
+ margin: 2px;
+ margin-left: 7px;
+ }
+ .moreItems {
+ width: 80px;
+ height: 70px;
+ display: none;
+ background: #ffffff;
+ box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+ border-radius: 3px;
+ border: 0px solid #dcdcdc;
+ position: absolute;
+ left: 0px;
+ top: 18px;
+ z-index: 100;
+ }
+ }
+ }
+ }
+}
+