hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-12 04:16:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat:项目(无项目),项目页面的弹窗

Browse Source
This commit is contained in:
岳佳鑫
2022-10-22 11:17:01 +08:00
parent 66a7ddab5f
commit 7c209e3d16
3 changed files with 553 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/projectadd/nopro.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 911 B

592
src/views/projectcenter/ProjectManage.vue
View File

@@ -63,7 +63,7 @@
</div> </div>
<!-- 搜索框及按钮 --> <!-- 搜索框及按钮 -->
<!-- 表格 --> <!-- 表格 -->
<div class="tableBox"> <div class="tableBox" >
<a-table <a-table
:columns="columns" :columns="columns"
:data-source="tableData" :data-source="tableData"
@@ -107,6 +107,29 @@
</a-table> </a-table>
</div> </div>
<!-- 表格 --> <!-- 表格 -->
<!-- 无项目 -->
<div class="tableBox" style="display: none">
<div
class="taskbox"
@click="showModal1"
style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
>
<div class="leftt">
<img src="../../assets/images/taskpage/left2.png" />
</div>
<div class="photo">
<img src="../../assets/images/projectadd/nopro.png" />
</div>
<div class="rightt">
<img src="../../assets/images/taskpage/right2.png" />
</div>
<div class="centerbox" style="color: rgba(78, 166, 255, 1)">
创建项目
</div>
<div class="centermain">点击创建项目任务</div>
</div>
</div>
<!-- 无项目 -->
<!-- 创建子项目弹窗 --> <!-- 创建子项目弹窗 -->
<div> <div>
<a-modal <a-modal
@@ -213,11 +236,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background: linear-gradient( background: linear-gradient(0deg,rgba(78, 166, 255, 0) 0%,rgba(78, 166, 255, 0.2) 100%);
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
" "
> >
<div class="headerLeft" style="margin-left: 32px"> <div class="headerLeft" style="margin-left: 32px">
@@ -422,11 +441,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background: linear-gradient(
0deg,
rgba(78, 166, 255, 0) 0%,
rgba(78, 166, 255, 0.2) 100%
);
" "
> >
<div class="headerLeft" style="margin-left: 32px"> <div class="headerLeft" style="margin-left: 32px">
@@ -519,6 +533,159 @@
</a-modal> </a-modal>
</div> </div>
<!-- 创建多层子项目弹窗 --> <!-- 创建多层子项目弹窗 -->
<!-- 复制路径弹窗 -->
<a-modal
v-model:visible="copyModal"
:footer="null"
:closable="closeCopy"
wrapClassName="CopyModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="closeCopyModal"></div>
</div>
<div class="body">
<span>您确定要复制此路径吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!-- 结束项目弹窗 -->
<a-modal
v-model:visible="stopModal"
:footer="null"
:closable="closeStop"
wrapClassName="CopyModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="closeStopModal"></div>
</div>
<div class="body">
<span>是否结束项目</span>
<div class="back">（项目结束后学员将无法继续学习，此操作不可逆）</div>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!-- 删除项目弹窗 -->
<a-modal
v-model:visible="deleteModal"
:footer="null"
:closable="closeDelete"
wrapClassName="CopyModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="closeDeleteModal"></div>
</div>
<div class="body">
<span>您确定要删除此项目吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!-- 存为模板弹窗 -->
<a-modal
v-model:visible="startModal"
:footer="null"
:closable="closeStart"
wrapClassName="CopyModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="closeStartModal"></div>
</div>
<div class="body">
<span>您确定要存为模板吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!-- 撤回路径弹窗 -->
<a-modal
v-model:visible="backModal"
:footer="null"
:closable="closeBack"
wrapClassName="CopyModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="closeBackModal"></div>
</div>
<div class="body">
<span>是否撤回项目</span>
<div class="back">（项目撤回后学员进度保留，发布后可继续学习）</div>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
</div> </div>
</template> </template>
<script> <script>
@@ -860,6 +1027,16 @@ export default {
estabish: false, estabish: false,
doublepro: false, doublepro: false,
doublesonpro: false, doublesonpro: false,
copyModal: false, //弹窗
closeCopy: false, //弹窗关闭图标
stopModal: false, //停用弹窗
closeStop: false, //停用弹窗关闭图标
deleteModal: false, //删除弹窗
closeDelete: false, //删除弹窗关闭图标
startModal: false, //启用弹窗
closeStart: false, //启用弹窗关闭图标
backModal: false, //撤回弹窗
closeBack: false, //撤回弹窗关闭图标
}); });
onMounted(() => { onMounted(() => {
@@ -930,7 +1107,9 @@ export default {
<router-link to="/taskpage">基础信息</router-link> <router-link to="/taskpage">基础信息</router-link>
</a-select-option> </a-select-option>
<a-select-option value="存为模板" label="存为模板"> <a-select-option value="存为模板" label="存为模板">
<div>存为模板</div> <div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option> </a-select-option>
</a-select> </a-select>
</div> </div>
@@ -965,7 +1144,11 @@ export default {
</a-select-option> </a-select-option>
</a-select> </a-select>
</div> </div>
<span class="operation3">复制</span> <span class="operation3"
onClick={() => {
showCopyModal();
}}
>复制</span>
<span class="more"></span> <span class="more"></span>
</div> </div>
) : value.state === "已结束" ? ( ) : value.state === "已结束" ? (
@@ -998,8 +1181,12 @@ export default {
</a-select-option> </a-select-option>
</a-select> </a-select>
</div> </div>
<span class="operation3">复制</span> <span class="operation3" onClick={() => {
<span class="more">删除</span> showCopyModal();
}}>复制</span>
<span class="more" onClick={() => {
showDeleteModal();
}}>删除</span>
</div> </div>
) : ( ) : (
<div></div> <div></div>
@@ -1050,10 +1237,14 @@ export default {
dropdownClassName="tabledropdown" dropdownClassName="tabledropdown"
> >
<a-select-option value="复制" label="复制"> <a-select-option value="复制" label="复制">
<div>复制</div> <div onClick={() => {
showCopyModal();
}}>复制</div>
</a-select-option> </a-select-option>
<a-select-option value="删除" label="删除"> <a-select-option value="删除" label="删除">
<div>删除</div> <div onClick={() => {
showDeleteModal();
}}>删除</div>
</a-select-option> </a-select-option>
</a-select> </a-select>
</div> </div>
@@ -1092,7 +1283,9 @@ export default {
<router-link to="/classadd" class="operation3"> <router-link to="/classadd" class="operation3">
创建班级 创建班级
</router-link> </router-link>
<span class="more">复制</span> <span class="more" onClick={() => {
showCopyModal();
}}>复制</span>
</div> </div>
) : item.state === "已结束" ? ( ) : item.state === "已结束" ? (
<div class="operation"> <div class="operation">
@@ -1124,8 +1317,12 @@ export default {
</a-select-option> </a-select-option>
</a-select> </a-select>
</div> </div>
<span class="operation3">复制</span> <span class="operation3" onClick={() => {
<span class="more">删除</span> showCopyModal();
}}>复制</span>
<span class="more" onClick={() => {
showDeleteModal();
}}>删除</span>
</div> </div>
) : ( ) : (
<div></div> <div></div>
@@ -1173,13 +1370,19 @@ export default {
dropdownClassName="tabledropdown" dropdownClassName="tabledropdown"
> >
<a-select-option value="复制" label="复制"> <a-select-option value="复制" label="复制">
<div>复制</div> <div onClick={() => {
showCopyModal();
}}>复制</div>
</a-select-option> </a-select-option>
<a-select-option value="删除" label="删除"> <a-select-option value="删除" label="删除">
<div>删除</div> <div onClick={() => {
showDeleteModal();
}}>删除</div>
</a-select-option> </a-select-option>
<a-select-option value="存为模板" label="存为模板"> <a-select-option value="存为模板" label="存为模板">
<div>存为模板</div> <div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option> </a-select-option>
<a-select-option value="基础信息" label="基础信息"> <a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link> <router-link to="/taskpage">基础信息</router-link>
@@ -1217,7 +1420,9 @@ export default {
</a-select-option> </a-select-option>
</a-select> </a-select>
</div> </div>
<span class="operation3">复制</span> <span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
<div class="tableSelect"> <div class="tableSelect">
<a-select <a-select
style="width: 50px" style="width: 50px"
@@ -1226,13 +1431,19 @@ export default {
dropdownClassName="tabledropdown" dropdownClassName="tabledropdown"
> >
<a-select-option value="撤回" label="撤回"> <a-select-option value="撤回" label="撤回">
<div>撤回</div> <div onClick={() => {
showBackModal();
}}>撤回</div>
</a-select-option> </a-select-option>
<a-select-option value="结束" label="结束"> <a-select-option value="结束" label="结束">
<div>结束</div> <div onClick={() => {
showStopModal();
}}>结束</div>
</a-select-option> </a-select-option>
<a-select-option value="存为模板" label="存为模板"> <a-select-option value="存为模板" label="存为模板">
<div>存为模板</div> <div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option> </a-select-option>
<a-select-option value="基础信息" label="基础信息"> <a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link> <router-link to="/taskpage">基础信息</router-link>
@@ -1270,8 +1481,12 @@ export default {
</a-select-option> </a-select-option>
</a-select> </a-select>
</div> </div>
<span class="operation3">复制</span> <span class="operation3" onClick={() => {
<span class="operation3">复制</span> showCopyModal();
}}>复制</span>
<span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
<div class="tableSelect"> <div class="tableSelect">
<a-select <a-select
style="width: 50px" style="width: 50px"
@@ -1280,10 +1495,14 @@ export default {
dropdownClassName="tabledropdown" dropdownClassName="tabledropdown"
> >
<a-select-option value="删除" label="删除"> <a-select-option value="删除" label="删除">
<div>删除</div> <div onClick={() => {
showDeleteModal();
}}>删除</div>
</a-select-option> </a-select-option>
<a-select-option value="存为模板" label="存为模板"> <a-select-option value="存为模板" label="存为模板">
<div>存为模板</div> <div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option> </a-select-option>
<a-select-option value="基础信息" label="基础信息"> <a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link> <router-link to="/taskpage">基础信息</router-link>
@@ -1321,7 +1540,9 @@ export default {
</a-select-option> </a-select-option>
</a-select> </a-select>
</div> </div>
<span class="operation3">复制</span> <span class="operation3"onClick={() => {
showCopyModal();
}}>复制</span>
<div class="tableSelect"> <div class="tableSelect">
<a-select <a-select
style="width: 50px" style="width: 50px"
@@ -1330,13 +1551,19 @@ export default {
dropdownClassName="tabledropdown" dropdownClassName="tabledropdown"
> >
<a-select-option value="结束" label="结束"> <a-select-option value="结束" label="结束">
<div>结束</div> <div onClick={() => {
showStopModal();
}}>结束</div>
</a-select-option> </a-select-option>
<a-select-option value="撤回" label="撤回"> <a-select-option value="撤回" label="撤回">
<div>撤回</div> <div onClick={() => {
showBackModal();
}}>撤回</div>
</a-select-option> </a-select-option>
<a-select-option value="存为模板" label="存为模板"> <a-select-option value="存为模板" label="存为模板">
<div>存为模板</div> <div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option> </a-select-option>
<a-select-option value="基础信息" label="基础信息"> <a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link> <router-link to="/taskpage">基础信息</router-link>
@@ -1390,13 +1617,19 @@ export default {
dropdownClassName="tabledropdown" dropdownClassName="tabledropdown"
> >
<a-select-option value="复制" label="复制"> <a-select-option value="复制" label="复制">
<div>复制</div> <div onClick={() => {
showCopyModal();
}}>复制</div>
</a-select-option> </a-select-option>
<a-select-option value="删除" label="删除"> <a-select-option value="删除" label="删除">
<div>删除</div> <div onClick={() => {
showDeleteModal();
}}>删除</div>
</a-select-option> </a-select-option>
<a-select-option value="存为模板" label="存为模板"> <a-select-option value="存为模板" label="存为模板">
<div>存为模板</div> <div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option> </a-select-option>
<a-select-option value="基础信息" label="基础信息"> <a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link> <router-link to="/taskpage">基础信息</router-link>
@@ -1434,7 +1667,9 @@ export default {
</a-select-option> </a-select-option>
</a-select> </a-select>
</div> </div>
<span class="operation3">复制</span> <span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
<div class="tableSelect"> <div class="tableSelect">
<a-select <a-select
style="width: 50px" style="width: 50px"
@@ -1443,13 +1678,19 @@ export default {
dropdownClassName="tabledropdown" dropdownClassName="tabledropdown"
> >
<a-select-option value="撤回" label="撤回"> <a-select-option value="撤回" label="撤回">
<div>撤回</div> <div onClick={() => {
showBackModal();
}}>撤回</div>
</a-select-option> </a-select-option>
<a-select-option value="结束" label="结束"> <a-select-option value="结束" label="结束">
<div>结束</div> <div onClick={() => {
showStopModal();
}}>结束</div>
</a-select-option> </a-select-option>
<a-select-option value="存为模板" label="存为模板"> <a-select-option value="存为模板" label="存为模板">
<div>存为模板</div> <div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option> </a-select-option>
<a-select-option value="基础信息" label="基础信息"> <a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link> <router-link to="/taskpage">基础信息</router-link>
@@ -1487,7 +1728,9 @@ export default {
</a-select-option> </a-select-option>
</a-select> </a-select>
</div> </div>
<span class="operation3">复制</span> <span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
<div class="tableSelect"> <div class="tableSelect">
<a-select <a-select
style="width: 50px" style="width: 50px"
@@ -1496,13 +1739,19 @@ export default {
dropdownClassName="tabledropdown" dropdownClassName="tabledropdown"
> >
<a-select-option value="删除" label="删除"> <a-select-option value="删除" label="删除">
<div>删除</div> <div onClick={() => {
showDeleteModal();
}}>删除</div>
</a-select-option> </a-select-option>
<a-select-option value="结束" label="结束"> <a-select-option value="结束" label="结束">
<div>结束</div> <div onClick={() => {
showStopModal();
}}>结束</div>
</a-select-option> </a-select-option>
<a-select-option value="存为模板" label="存为模板"> <a-select-option value="存为模板" label="存为模板">
<div>存为模板</div> <div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option> </a-select-option>
<a-select-option value="基础信息" label="基础信息"> <a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link> <router-link to="/taskpage">基础信息</router-link>
@@ -1540,7 +1789,9 @@ export default {
</a-select-option> </a-select-option>
</a-select> </a-select>
</div> </div>
<span class="operation3">复制</span> <span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
<div class="tableSelect"> <div class="tableSelect">
<a-select <a-select
style="width: 50px" style="width: 50px"
@@ -1549,13 +1800,19 @@ export default {
dropdownClassName="tabledropdown" dropdownClassName="tabledropdown"
> >
<a-select-option value="撤回" label="撤回"> <a-select-option value="撤回" label="撤回">
<div>撤回</div> <div onClick={() => {
showBackModal();
}}>撤回</div>
</a-select-option> </a-select-option>
<a-select-option value="结束" label="结束"> <a-select-option value="结束" label="结束">
<div>结束</div> <div onClick={() => {
showStopModal();
}}>结束</div>
</a-select-option> </a-select-option>
<a-select-option value="存为模板" label="存为模板"> <a-select-option value="存为模板" label="存为模板">
<div>存为模板</div> <div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option> </a-select-option>
<a-select-option value="基础信息" label="基础信息"> <a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link> <router-link to="/taskpage">基础信息</router-link>
@@ -1608,7 +1865,9 @@ export default {
{value.state === "草稿" ? ( {value.state === "草稿" ? (
<span class="operation3">发布</span> <span class="operation3">发布</span>
) : ( ) : (
<span class="operation3">复制</span> <span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
)} )}
<div class="tableSelect"> <div class="tableSelect">
{value.state === "草稿" ? ( {value.state === "草稿" ? (
@@ -1619,19 +1878,23 @@ export default {
dropdownClassName="tabledropdown" dropdownClassName="tabledropdown"
> >
<a-select-option value="复制" label="复制"> <a-select-option value="复制" label="复制">
<div>复制</div> <div onClick={() => {
showCopyModal();
}}>复制</div>
</a-select-option> </a-select-option>
<a-select-option value="删除" label="删除"> <a-select-option value="删除" label="删除">
<div <div
onClick={() => { onClick={() => {
console.log("点击了"); showDeleteModal();
}} }}
> >
删除 删除
</div> </div>
</a-select-option> </a-select-option>
<a-select-option value="存为模板" label="存为模板"> <a-select-option value="存为模板" label="存为模板">
<div>存为模板</div> <div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option> </a-select-option>
<a-select-option value="基础信息" label="基础信息"> <a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link> <router-link to="/taskpage">基础信息</router-link>
@@ -1645,19 +1908,23 @@ export default {
dropdownClassName="tabledropdown" dropdownClassName="tabledropdown"
> >
<a-select-option value="存为模板" label="存为模板"> <a-select-option value="存为模板" label="存为模板">
<div>存为模板</div> <div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option> </a-select-option>
<a-select-option value="结束" label="结束"> <a-select-option value="结束" label="结束">
<div <div
onClick={() => { onClick={() => {
console.log("点击了"); showStopModal();
}} }}
> >
结束 结束
</div> </div>
</a-select-option> </a-select-option>
<a-select-option value="撤回" label="撤回"> <a-select-option value="撤回" label="撤回">
<div>撤回</div> <div onClick={() => {
showBackModal();
}}>撤回</div>
</a-select-option> </a-select-option>
<a-select-option value="基础信息" label="基础信息"> <a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link> <router-link to="/taskpage">基础信息</router-link>
@@ -1671,13 +1938,15 @@ export default {
dropdownClassName="tabledropdown" dropdownClassName="tabledropdown"
> >
<a-select-option value="存为模板" label="存为模板"> <a-select-option value="存为模板" label="存为模板">
<div>存为模板</div> <div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option> </a-select-option>
<a-select-option value="删除" label="删除"> <a-select-option value="删除" label="删除">
<div <div
onClick={() => { onClick={() => {
console.log("点击了"); showDeleteModal();
}} }}
> >
删除 删除
</div> </div>
@@ -1727,6 +1996,36 @@ export default {
const closeModal3 = () => { const closeModal3 = () => {
state.doublesonpro = false; state.doublesonpro = false;
}; };
const showCopyModal = () => {
state.copyModal = true;
};
const closeCopyModal = () => {
state.copyModal = false;
};
const showStopModal = () => {
state.stopModal = true;
};
const closeStopModal = () => {
state.stopModal = false;
};
const showDeleteModal = () => {
state.deleteModal = true;
};
const closeDeleteModal = () => {
state.deleteModal = false;
};
const showStartModal = () => {
state.startModal = true;
};
const closeStartModal = () => {
state.startModal = false;
};
const showBackModal = () => {
state.backModal = true;
};
const closeBackModal = () => {
state.backModal = false;
};
return { return {
...toRefs(state), ...toRefs(state),
columns, columns,
@@ -1741,6 +2040,16 @@ export default {
showModal3, showModal3,
closeModal3, closeModal3,
getTableDate, getTableDate,
showCopyModal,
closeCopyModal,
showStopModal,
closeStopModal,
showDeleteModal,
closeDeleteModal,
showStartModal,
closeStartModal,
showBackModal,
closeBackModal,
}; };
}, },
}; };
@@ -1844,6 +2153,45 @@ export default {
} }
.tableBox { .tableBox {
margin: 20px 38px 30px; margin: 20px 38px 30px;
.taskbox {
width: 412px;
height: 160px;
border-radius: 10px;
position: relative;
//margin-left: 68px;
margin-bottom: 40px;
cursor: pointer;
.leftt {
position: absolute;
top: 18px;
left: 0;
}
.photo {
position: absolute;
top: 42px;
left: 37px;
}
.rightt {
position: absolute;
top: 69px;
right: 26px;
}
.centerbox {
position: absolute;
top: 52px;
left: 145px;
font-size: 20px;
font-weight: 700;
//line-height: 36px;
}
.centermain {
color: rgba(135, 139, 146, 1);
font-size: 14px;
position: absolute;
left: 144px;
bottom: 49px;
}
}
.ant-table-thead > tr > th { .ant-table-thead > tr > th {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
@@ -1911,6 +2259,9 @@ export default {
.doublesonpro { .doublesonpro {
.ant-modal { .ant-modal {
.ant-modal-body { .ant-modal-body {
.modalHeader {
background: linear-gradient(0deg,rgba(78, 166, 255, 0) 0%,rgba(78, 166, 255, 0.2) 100%);
}
padding: 0; padding: 0;
.modalMain { .modalMain {
display: flex; display: flex;
@@ -2074,6 +2425,9 @@ export default {
.sonproject { .sonproject {
.ant-modal { .ant-modal {
.ant-modal-body { .ant-modal-body {
.modalHeader {
background: linear-gradient(0deg,rgba(78, 166, 255, 0) 0%,rgba(78, 166, 255, 0.2) 100%);
}
padding: 0 !important; padding: 0 !important;
.modalMain { .modalMain {
display: flex; display: flex;
@@ -2125,6 +2479,9 @@ export default {
.estabish { .estabish {
.ant-modal { .ant-modal {
.ant-modal-body { .ant-modal-body {
.modalHeader {
background: linear-gradient(0deg,rgba(78, 166, 255, 0) 0%,rgba(78, 166, 255, 0.2) 100%);
}
padding: 0 !important; padding: 0 !important;
.modalMain { .modalMain {
display: flex; display: flex;
@@ -2193,4 +2550,115 @@ export default {
} }
} }
} }
.CopyModal {
.ant-modal {
width: 424px !important;
height: 258px !important;
.ant-modal-content {
width: 424px !important;
height: 258px !important;
.ant-modal-body {
width: 424px !important;
height: 258px !important;
padding: 0 !important;
.delete {
z-index: 999;
width: 424px;
height: 258px;
background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
border-radius: 4px;
// position: absolute;
// left: 50%;
// top: 10%;
// transform: translate(-50%, -50%);
.del_header {
position: absolute;
width: calc(100%);
height: 68px;
background: linear-gradient(
rgba(78, 166, 255, 0.2) 0%,
rgba(78, 166, 255, 0) 100%
);
}
.del_main {
width: 100%;
position: relative;
.header {
display: flex;
align-items: center;
padding-top: 20px;
padding-left: 26px;
font-size: 16px;
.icon {
width: 16px;
height: 16px;
margin-right: 10px;
background-image: url(@/assets/images/coursewareManage/QR.png);
background-size: 100% 100%;
}
.close_exit {
position: absolute;
right: 42px;
cursor: pointer;
width: 20px;
height: 20px;
background-image: url(@/assets/images/coursewareManage/close.png);
background-size: 100% 100%;
}
}
.body {
width: 100%;
margin: 34px auto 56px auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
// background-color: red;
position: relative;
.back {
position: absolute;
top: 30px;
font-size: 12px;
font-weight: 400;
color: #666666;
}
}
.del_btnbox {
display: flex;
margin: 30px auto;
justify-content: center;
.del_btn {
width: 100px;
height: 40px;
background: rgba(64, 158, 255, 0);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
cursor: pointer;
.btnText {
font-size: 14px;
font-weight: 400;
line-height: 40px;
}
}
.btn1 {
border: 1px solid rgba(64, 158, 255, 1);
color: #4ea6ff;
margin-right: 14px;
}
.btn2 {
background-color: #4ea6ff;
color: #ffffff;
}
}
}
}
}
}
}
}
</style> </style>

25
src/views/research/ResearchManage.vue
View File

@@ -21,8 +21,8 @@
v-model:value="projectName" v-model:value="projectName"
style="width: 270px" style="width: 270px"
placeholder="请选择状态" placeholder="请选择状态"
:options="projectNameList" :options="projectStateList"
@change="selectProjectName" @change="selectProjectState"
allowClear allowClear
showSearch showSearch
></a-select> ></a-select>
@@ -149,6 +149,23 @@ export default {
label: "项目四", label: "项目四",
}, },
], ],
projectStateList: [
{
id: 1,
value: "已发布",
label: "已发布",
},
{
id: 2,
value: "待发布",
label: "待发布",
},
{
id: 3,
value: "已结束",
label: "已结束",
},
],
out: false, out: false,
number: null, number: null,
selectTime: null, selectTime: null,
@@ -327,6 +344,9 @@ export default {
const selectProjectName = (value, index) => { const selectProjectName = (value, index) => {
console.log("value", value, index); console.log("value", value, index);
}; };
const selectProjectState = (value, index) => {
console.log("value", value, index);
};
const expandTable = (e, a) => { const expandTable = (e, a) => {
// console.log("惦记了"); // console.log("惦记了");
console.log("e", e, a); console.log("e", e, a);
@@ -340,6 +360,7 @@ export default {
return { return {
...toRefs(state), ...toRefs(state),
selectProjectName, selectProjectName,
selectProjectState,
expandTable, expandTable,
handleOut, handleOut,
tableDataFunc, tableDataFunc,