WxxyDeveloper/JSL_OrganizeInternalOAWeb
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/master'

Browse Source 
# Conflicts:
#	src/js/request.js
This commit is contained in:
妖姐 2024-03-14 15:20:49 +08:00
commit f9b83000ab
4 changed files with 178 additions and 143 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/WorkLoadComponents/Header.vue
View File

@ -72,58 +72,72 @@
<li>
<a aria-current="page" class="text-gray-900 custom-link" href="/WorkLoad/PersonalInformation">
<div class="flex">
个人信息管理
<svg aria-hidden="true" class="w-5 h-5 text-gray-700 dark:text-white" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M4 10h16M8 14h8m-4-7V4M7 7V4m10 3V4M5 20h14c.6 0 1-.4 1-1V7c0-.6-.4-1-1-1H5a1 1 0 0 0-1 1v12c0 .6.4 1 1 1Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
个人信息管理
</div>
</a>
</li>
<li>
<a class="text-gray-900 custom-link" href="/WorkLoad/PersonalProject">
<div class="flex">
个人项目
<svg aria-hidden="true" class="w-5 h-5 text-gray-700" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M16 19h4c.6 0 1-.4 1-1v-1a3 3 0 0 0-3-3h-2m-2.2-4A3 3 0 0 0 19 8a3 3 0 0 0-5.2-2M3 18v-1a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v1c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1Zm8-10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" stroke="currentColor" stroke-linecap="round" stroke-width="2"/>
</svg>
个人项目
</div>
</a>
</li>
<li>
<a class="text-gray-900 custom-link" href="/WorkLoad/PersonalBelongings">
<div class="flex">
个人财务
<svg aria-hidden="true" class="w-5 h-5 text-gray-700" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M19 6c0 1.7-3.1 3-7 3S5 7.7 5 6m14 0c0-1.7-3.1-3-7-3S5 4.3 5 6m14 0v6M5 6v6m0 0c0 1.7 3.1 3 7 3s7-1.3 7-3M5 12v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
个人财务
</div>
</a>
</li>
<li>
<a class="text-gray-900 custom-link" href="/WorkLoad/Message">
<div class="flex">
消息
<svg aria-hidden="true" class="w-5 h-5 text-gray-700" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M16 10.5h0m-4 0h0m-4 0h0M5 5h14c.6 0 1 .4 1 1v9c0 .6-.4 1-1 1h-6.6a1 1 0 0 0-.7.3L8.8 19c-.3.3-.8 0-.8-.4V17c0-.6-.4-1-1-1H5a1 1 0 0 1-1-1V6c0-.6.4-1 1-1Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
消息
</div>
</a>
</li>
<li>
<a class="text-gray-900 custom-link" href="/WorkLoad/DailyPaper">
<div class="flex">
日报
<svg aria-hidden="true" class="w-5 h-5 text-gray-700" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M15 4h3c.6 0 1 .4 1 1v15c0 .6-.4 1-1 1H6a1 1 0 0 1-1-1V5c0-.6.4-1 1-1h3m0 3h6m-6 5h6m-6 4h6M10 3v4h4V3h-4Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
日报
</div>
</a>
</li>
<li>
<a class="text-gray-900 custom-link" href="/WorkLoad/I_Manage">我管理的</a>
<a class="text-gray-900 custom-link" href="/WorkLoad/I_Manage">
<div class="flex">
<svg aria-hidden="true" class="w-5 h-5 text-gray-700" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M8 7H5a2 2 0 0 0-2 2v4m5-6h8M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m0 0h3a2 2 0 0 1 2 2v4m0 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6m18 0s-4 2-9 2-9-2-9-2m9-2h.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
我管理的
</div>
</a>
</li>
<li>
<a class="text-gray-900 custom-link" href="/WorkLoad/I_Responsible">我负责的</a>
<a class="text-gray-900 custom-link" href="/WorkLoad/I_Responsible">
<div class="flex">
<svg aria-hidden="true" class="w-5 h-5 text-gray-800 dark:text-white" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M20 6H10m0 0a2 2 0 1 0-4 0m4 0a2 2 0 1 1-4 0m0 0H4m16 6h-2m0 0a2 2 0 1 0-4 0m4 0a2 2 0 1 1-4 0m0 0H4m16 6H10m0 0a2 2 0 1 0-4 0m4 0a2 2 0 1 1-4 0m0 0H4" stroke="currentColor" stroke-linecap="round" stroke-width="2"/>
</svg>
我负责的
</div>
</a>
</li>
</ul>
</div>
@ -146,6 +160,7 @@
</style>
<script>
import NavBar from "@/components/HomeComponents/NavBar.vue";
import colors from "tailwindcss/colors.js";
export default {
components: {NavBar},
@ -156,6 +171,9 @@ export default {
};
},
methods: {
colors() {
return colors
},
toggleDropdown() {
this.isDropdownOpen = !this.isDropdownOpen;
},

2
src/js/request.js
View File

@ -584,6 +584,7 @@ const getTagsProjectList
/**
* 得到tag列表
* @param data
* @param token
* 获取项目的所有子系统
*/
@ -659,5 +660,4 @@ export default {
messageGet,
}

39
src/views/WorkLoadPage/Back.vue
View File

@ -20,15 +20,44 @@
<svg aria-hidden="true" class="rtl:rotate-180 w-3 h-3 text-gray-400 mx-1" fill="none" viewBox="0 0 6 10" xmlns="http://www.w3.org/2000/svg">
<path d="m1 9 4-4-4-4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<a class="ms-1 text-sm font-medium text-gray-700 hover:text-blue-600 md:ms-2 dark:text-gray-400 dark:hover:text-white" href="#">后端</a>
<a class="ms-1 text-sm font-medium text-gray-700 hover:text-blue-600 md:ms-2 dark:text-gray-400 dark:hover:text-white" href="#">后台管理系统</a>
</div>
</li>
</ol>
</nav>
<div class="flex absolute right-8 mt-6 space-x-4">
<button class="rounded-lg bg-green-400 hover:bg-green-500 p-1.5 text-white">编辑</button>
<button class="rounded-lg bg-red-500 hover:bg-red-600 p-1.5 text-white">新增子模块</button>
<button class="rounded-lg bg-red-500 hover:bg-red-600 p-1.5 text-white" @click="showAddModal">新增子系统</button>
</div>
<a-modal v-model:open="AddModule" :okButtonProps="{ style: { backgroundColor: '#347def',color: 'white'} }" cancel-text="取消" ok-text="确定" title="新增子系统">
<a-form>
<div class="flex space-x-5">
<a-form-item class="my-4" label="子系统名称："><a-input class="h-8 w-36 border-gray-300 rounded-md"/></a-form-item>
<a-form-item class="my-4" label="状态：">
<a-select
ref="select"
style="width: 145px;margin-left: 1.7vw"
@focus="focus"
>
<a-select-option value="jack">进行中</a-select-option>
<a-select-option value="lucy">未开始</a-select-option>
<a-select-option value="disabled">已完成</a-select-option>
</a-select>
</a-form-item>
</div>
<div class="flex space-x-5">
<a-form-item class="my-4" label="周期："><a-input class="ml-[43px] h-8 w-36 border-gray-300 rounded-md"/></a-form-item>
<a-form-item class="my-4" label="工作量："><a-input class="ml-[15px] h-8 w-36 border-gray-300 rounded-md"/></a-form-item>
</div>
<div class="flex space-x-5">
<a-form-item class="my-4" label="负责人："><a-input class="ml-[30px] h-8 w-36 border-gray-300 rounded-md"/></a-form-item>
<a-form-item class="my-4" label="系统描述：">
<a-textarea :rows="1" class="w-36 h-8" />
</a-form-item>
</div>
</a-form>
</a-modal >
</div>
<div class="mt-12 ml-12 flex space-x-16 h-full">
<div class="flex flex-col space-y-6 border-r border-gray-200 w-80 h-full p-8">
@ -123,4 +152,10 @@
</template>
<script setup>
import {CaretUpOutlined, CheckOutlined} from '@ant-design/icons-vue';
import {ref} from 'vue';
const AddModule = ref(false)
function showAddModal(){
AddModule.value = true;
}
</script>

248
src/views/WorkLoadPage/I_Manage.vue
View File

@ -1,140 +1,122 @@
<template>
<div class="flex flex-col h-full bg-gray-50">
<nav aria-label="Breadcrumb" class="flex ml-12">
<div>
<ol class="mt-4 inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse">
<li class="inline-flex items-center">
<a class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white" href="#">
我管理的
</a>
</li>
<li>
<div class="flex items-center">
<svg aria-hidden="true" class="rtl:rotate-180 w-3 h-3 text-gray-400 mx-1" fill="none" viewBox="0 0 6 10" xmlns="http://www.w3.org/2000/svg">
<path d="m1 9 4-4-4-4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<a class="ms-1 text-sm font-medium text-gray-700 hover:text-blue-600 md:ms-2 dark:text-gray-400 dark:hover:text-white" href="#">梁溪区纪委大数据管理平台项目</a>
</div>
</li>
</ol>
<div class="flex flex-col h-full bg-gray-50 w-full">
<a-breadcrumb class="mt-6 ml-6">
<a-breadcrumb-item>我管理的</a-breadcrumb-item>
<a-breadcrumb-item><a href="">梁溪区纪委大数据管理平台项目</a></a-breadcrumb-item>
</a-breadcrumb>
<div class="flex space-x-[10vw] ml-96">
<div class="inline-flex rounded-md ml-6" role="group">
<button
:class="buttonClass('DisableSelection')"
class="w-16 h-8 flex justify-center items-center"
type="button"
@click="toggleSelectionDisabled"
>
全部
</button>
<button
:class="buttonClass('web')"
class="w-16 h-8 flex justify-center items-center"
type="button"
@click="toggleSelection('web')"
>
Web
</button>
<button
:class="buttonClass('Ai')"
class="w-16 h-8 flex justify-center items-center"
type="button"
@click="toggleSelection('Ai')"
>
Ai
</button>
<button
:class="buttonClass('App')"
class="w-16 h-8 flex justify-center items-center"
type="button"
@click="toggleSelection('App')"
>
App
</button>
<button
:class="buttonClass('大数据')"
class="w-20 h-8 flex justify-center items-center"
type="button"
@click="toggleSelection('大数据')"
>
大数据
</button>
</div>
<div class="flex space-x-[450px] ml-20">
<div class="inline-flex rounded-md ml-6 mt-6" role="group">
<button
:class="buttonClass('DisableSelection')"
class="w-16 h-10 rounded-lg "
type="button"
@click="toggleSelectionDisabled"
>
全部
</button>
<button
:class="buttonClass('web')"
class="w-16 h-10 rounded-lg"
type="button"
@click="toggleSelection('web')"
>
Web
</button>
<button
:class="buttonClass('Ai')"
class="w-16 h-10 rounded-lg"
type="button"
@click="toggleSelection('Ai')"
>
Ai
</button>
<button
:class="buttonClass('App')"
class="w-16 h-10 rounded-lg "
type="button"
@click="toggleSelection('App')"
>
App
</button>
<button
:class="buttonClass('大数据')"
class="w-18 h-10 rounded-lg "
type="button"
@click="toggleSelection('大数据')"
>
大数据
</button>
</div>
<div class="flex space-x-12 mt-8 mb-4">
<label class="inline-flex items-center space-x-2 hover:text-blue-600">
<input
v-model="selectedStatus.weikaishi"
class="form-checkbox h-5 w-5 text-red-400 rounded-lg focus:ring-white"
type="checkbox"
/>
<span class="text-sm">未开始</span>
</label>
<label class="inline-flex items-center space-x-2 hover:text-blue-600">
<input
v-model="selectedStatus.jinxingzhong"
class="form-checkbox h-5 w-5 text-blue-400 rounded-lg focus:ring-white"
type="checkbox"
/>
<span class="text-sm">进行中</span>
</label>
<label class="inline-flex items-center space-x-2 hover:text-blue-600">
<input
v-model="selectedStatus.yiwancheng"
class="form-checkbox h-5 w-5 text-green-400 rounded-full focus:ring-white"
type="checkbox"
/>
<span class="text-sm">已完成</span>
</label>
<label class="inline-flex items-center space-x-2 hover:text-blue-600">
<input
v-model="selectedStatus.stop"
class="form-checkbox h-5 w-5 text-red-400 rounded-full focus:ring-white "
type="checkbox"
/>
<span class="text-sm ">暂停</span>
</label>
</div>
</div>
</nav>
<div class="mt-12 ml-12 flex space-x-16 h-full">
<div class="flex flex-col space-y-6 border-r border-gray-200 w-80 h-full p-8">
<p class="text-lg">项目名称：梁溪区纪委大数据管理平台项目</p>
<p>项目周期：3个月</p>
<p>项目开始日期：2024/3/2</p>
<div class="space-y-2">
<p>技术选型：</p>
<p>前端：vue3</p>
<p>后端：java,springboot</p>
</div>
<p>完成情况：进行中</p>
<p>是否发布：未发布</p>
<p>负责人：张三</p>
</div>
<div class="flex space-x-9">
<a-card v-for="(ChildProject, index) in ChildProjects" :key="index" class="transition-transform transform-gpu hover:scale-105 relative w-96 h-64 rounded-none bg-cover bg-center bg-[url('@/assert/images/img23.jpg')]" @mouseleave="showButton[index]=false" @mouseover="showButton[index]=true">
<div class="flex absolute left-0 bottom-0 min-h-[30%] w-full bg-white">
<p class="ml-6 mt-4 text-xl font-bold tracking-tight text-gray-900">{{ChildProject.name}}</p>
<div class="flex flex-col">
<p class="mt-2 ml-12 text-lg">剩余</p>
<p class=" ml-12 text-xl text-green-400 font-bold">10天</p>
</div>
<div class="ml-auto mr-10">
<button v-if="showButton[index]" class="mt-8 w-6 h-6 flex items-center justify-center bg-green-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105" @click="$router.push('/WorkLoad/I_Manage/Back')">
<svg aria-hidden="true" class="rtl:rotate-180 w-4 h-4 text-white" fill="none" viewBox="0 0 14 10" xmlns="http://www.w3.org/2000/svg">
<path d="M1 5h12m0 0L9 1m4 4L9 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</button>
</div>
</div>
</a-card>
<div class="flex space-x-8">
<label class="inline-flex items-center space-x-2 hover:text-blue-600">
<input
v-model="selectedStatus.weikaishi"
class="form-checkbox h-5 w-5 text-red-400 rounded-lg focus:ring-white"
type="checkbox"
/>
<span class="text-sm">未开始</span>
</label>
<label class="inline-flex items-center space-x-2 hover:text-blue-600">
<input
v-model="selectedStatus.jinxingzhong"
class="form-checkbox h-5 w-5 text-blue-400 rounded-lg focus:ring-white"
type="checkbox"
/>
<span class="text-sm">进行中</span>
</label>
<label class="inline-flex items-center space-x-2 hover:text-blue-600">
<input
v-model="selectedStatus.yiwancheng"
class="form-checkbox h-5 w-5 text-green-400 rounded-full focus:ring-white"
type="checkbox"
/>
<span class="text-sm">已完成</span>
</label>
<label class="inline-flex items-center space-x-2 hover:text-blue-600">
<input
v-model="selectedStatus.stop"
class="form-checkbox h-5 w-5 text-red-400 rounded-full focus:ring-white "
type="checkbox"
/>
<span class="text-sm ">暂停</span>
</label>
</div>
</div>
<div class="mt-12 ml-12 flex space-x-16 h-full">
<div class="flex flex-col space-y-6 border-r border-gray-200 w-80 h-full p-8">
<p class="text-lg">项目名称：梁溪区纪委大数据管理平台项目</p>
<p>项目周期：3个月</p>
<p>项目开始日期：2024/3/2</p>
<div class="space-y-2">
<p>技术选型：</p>
<p>前端：vue3</p>
<p>后端：java,springboot</p>
</div>
<p>完成情况：进行中</p>
<p>是否发布：未发布</p>
<p>负责人：张三</p>
</div>
<div class="flex space-x-9">
<a-card v-for="(ChildProject, index) in ChildProjects" :key="index" class="transition-transform transform-gpu hover:scale-105 relative w-96 h-64 rounded-none bg-cover bg-center bg-[url('@/assert/images/img23.jpg')]" @mouseleave="showButton[index]=false" @mouseover="showButton[index]=true">
<div class="flex absolute left-0 bottom-0 min-h-[30%] w-full bg-white">
<p class="ml-6 mt-4 text-2xl font-bold tracking-tight text-gray-900">{{ChildProject.name}}</p>
<div class="flex mt-7 space-x-3">
<p class="ml-14 text-lg">剩余</p>
<p class="text-xl text-green-400 font-bold">10天</p>
</div>
<div class="ml-auto mr-10">
<button v-if="showButton[index]" class="mt-8 w-6 h-6 flex items-center justify-center bg-green-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105" @click="$router.push('/WorkLoad/I_Manage/Back')">
<svg aria-hidden="true" class="rtl:rotate-180 w-4 h-4 text-white" fill="none" viewBox="0 0 14 10" xmlns="http://www.w3.org/2000/svg">
<path d="M1 5h12m0 0L9 1m4 4L9 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</button>
</div>
</div>
</a-card>
</div>
</div>
</div>
</div>
</template>