Skip to content

T
TF-MOM-WEB
Commit cd0efbeb authored by jingnan's avatar jingnan 👀
Browse files
Options

Merge branch 'dev' of http://94.191.100.41/tfmom/tf-mom-web into dev

parents 51db4ef1 45f1c34f
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1508 additions and 0 deletions
applications/architecture-dee/src/layout/home.vue 0 → 100644
View file @ cd0efbeb
<template>
<div :class="classObj" class="app-wrapper">
<!-- <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" /> -->
<sidebar class="sidebar-container" />
<div v-if="showNav" :class="{'fixed-header':fixedHeader}">
<navbar />
<div v-if="showTag" class="tag-box">
<tags-view />
</div>
</div>
<div class="main-container">
<div style="min-width: 1280px;width:100%;height:100%;">
<Home />
</div>
</div>
</div>
</template>
<script>
import { Navbar, Sidebar, TagsView, Home } from './components'
import ResizeMixin from './mixin/ResizeHandler'
export default {
name: 'Layout',
components: {
Navbar,
Sidebar,
TagsView,
Home
},
mixins: [ResizeMixin],
props: {
showNav: {
type: Boolean,
default: false
}
},
data: function() {
return {
noSidePage: [],
showTag: false
}
},
computed: {
sidebar() {
return this.$store.state.app.sidebar
},
device() {
return this.$store.state.app.device
},
fixedHeader() {
return this.$store.state.settings.fixedHeader
},
classObj() {
return {
hideSidebar: !this.sidebar.opened || !this.showNav,
openSidebar: this.sidebar.opened && this.showNav,
withoutAnimation: this.sidebar.withoutAnimation,
mobile: this.device === 'mobile'
}
}
},
watch: {
'$route'(route) {
this.showTag = this.$route.query.showTag !== 'false'
// if (this.noSidePage.length && this.noSidePage.includes(route.name)) {
// this.handleClickOutside()
// } else {
// this.handleClickOpenside()
// }
}
},
methods: {
handleClickOutside() {
this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })
},
handleClickOpenside() {
this.$store.dispatch('app/openSideBar', { withoutAnimation: false })
}
}
}
</script>
<style lang="scss" scoped>
@import "~@/styles/mixin.scss";
@import "~@/styles/variables.scss";
.app-wrapper {
@include clearfix;
position: relative;
height: 100%;
width: 100%;
// background:linear-gradient(135deg,rgba(50,74,141,1) 0%,rgba(62,117,121,1) 47%,rgba(75,174,71,1) 100%);
background:#E8EDEF;
&.mobile.openSidebar{
position: fixed;
top: 0;
}
.tag-box{
padding-left: $asideBarWidth;
}
.show-nav{
height: 100%;
&.app-main{
padding: 0
}
}
}
.drawer-bg {
background: #000;
opacity: 0.3;
width: 100%;
top: 0;
height: 100%;
position: absolute;
z-index: 999;
}
.fixed-header {
position: fixed;
top: 0;
right: 0;
z-index: 9;
width: calc(100% - #{$sideBarWidth});
transition: width 0.28s;
}
.hideSidebar .fixed-header {
width: calc(100% - 54px)
}
.mobile .fixed-header {
width: 100%;
}
.main-container {
overflow: auto;
height: calc(100% - #{$asideBarWidth});
box-sizing:border-box;
background:#F1F4F5;
&::-webkit-scrollbar {
height: 12px;
width: 12px;
}
}
</style>
applications/architecture-dee/src/router/index.js
View file @ cd0efbeb
......@@ -140,6 +140,15 @@ export const constantRoutes = [
component: () => import('@/views/navigation/index'),
hidden: true
},
{
path: '/home',
name: 'home',
meta: { title: '任务中心', disnav: false },
// component: () => import('../../../dee-task-center/src/views/home/index.vue'),
// component: () => import('@/layout/home.vue'),
redirect: '/dee-task-center/home?title=任务中心',
hidden: true
},
// {
// path: '/oldIndex',
// name: 'oldNavigation',
......
applications/architecture-dee/src/views/home/index.vue 0 → 100644
View file @ cd0efbeb
<script>
export default {
created() {
// const { path } = params
// console.log('000000', decodeURIComponent(query.fullPath), path)
this.$router.push({ path: '/dee-task-center/workflow/task-center/home-index' })
},
render: function(h) {
return h() // avoid warning message
}
}
</script>
applications/dee-task-center/src/views/home/compontents/apply-app.vue 0 → 100644
View file @ cd0efbeb
/**
* @Description: 应用APP
* @author xioln
* @date 2023-11-27
* @FilePath: applications/dee-task-center/src/views/home/compontents/apply-app.vue
*/
<template>
<div class="apply-app">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>应用APP</span>
</div>
<div class="text item div-card">
<div v-for="(item, i) in cardList" :key="i" class="card" @click="handClick(item)">
<div class="icon">
<img :src="item.icon" alt="Icon">
</div>
<div class="title">
{{ item.title }}
</div>
</div>
</div>
</el-card>
</div>
</template>
<script>
export default {
components: {},
data() {
return {
cardList: [
{
icon: '/icons/home/cangku_kucun.png',
title: '库房管理',
route: {
path: '/page/86a5fa19-e245-4732-aff6-c48b18e2b5c7?title=采购入库&menuRootAppId=1626781924331'
}
},
{
icon: '/icons/home/计划管理与执行.png',
title: '计划管理与执行',
route: {
path: '/dee-mes/inspection-dispatch?title=检验派工&menuRootAppId=1626785745213'
}
},
{
icon: '/icons/home/质量单据.png',
title: '质量单据'
},
{
icon: '/icons/home/物料配套管理.png',
title: '物料配套管理',
route: {
path: '/page/f535277f-b636-437b-a88b-bf42b2087f5e?title=缺件明细维护&menuRootAppId=1626789048727'
}
},
{
icon: '/icons/home/不合格品.png',
title: '线边库管理',
route: {
path: '/page/0b6a7a64-8480-4f95-a24a-c9a480a90c10?title=工具台账管理&menuRootAppId=1626788064518'
}
},
{
icon: '/icons/home/报表中心.png',
title: '报表中心',
route: {
path: '/page/fb9de1be-089d-44e6-9482-6afe2ebf61ad?title=台账流水&menuRootAppId=1626788424160'
}
},
{
icon: '/icons/home/实物构型管理.png',
title: '实物构型管理'
},
{
icon: '/icons/home/基础数据管理.png',
title: '基础数据管理',
route: {
path: '/page/6f1343ab-3376-4bf1-8cd6-b1f8031e9a6f?title=库房库位定义&menuRootAppId=1626781744425'
}
},
{
icon: '/icons/home/系统管理.png',
title: '系统管理',
route: {
path: '/systemHome?title=systemHome'
}
},
{
icon: '/icons/home/看板.png',
title: '看板',
route: {
path: '/dee-task-center/workflow/task-center/home?title=我的任务&showMenu=false'
}
},
{
icon: '/icons/home/单架次MBOM.png',
title: '单架次MBOM',
route: {
path: '/page/262fe280-0436-4920-a549-4c4aade22f10?title=指令标识维护&menuRootAppId=1626782294437'
}
}
]
}
},
computed: {},
watch: {},
created() {
// 初始化数据
},
methods: {
handClick(val) {
if (!val.route) {
this.$utils.showMessageWarning('暂无页面')
return
}
this.$router.push(val.route)
}
}
}
</script>
<style lang='scss'>
.apply-app {
height: 100%;
.box-card {
height: 100%;
.el-card__body {
height: calc(100% - 90px);
}
}
.div-card {
height: 80px;
// 下面是重点
display: grid;
grid-template-columns: repeat(auto-fill, calc((100% - 60px) / 4)); // 自动填充一行的卡片个数
justify-content: space-between; // 卡片两端对齐，与flex的该属于一致
grid-gap: 20px;
// padding-bottom: 10px;
.card {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
width: calc(100%);
height: calc(100%);
font-size: 12px;
border-radius: 4px;
cursor: pointer;
transition: box-shadow 0.3s ease;
border: 1px solid #C7C7C7;
padding: 5px;
// .icon{
// img{
// width: 30px;
// }
// }
.title {
text-align: center;
width: calc(100% - 10px);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.card:hover {
box-shadow: 0 0 10px rgba(224, 220, 220, 0.7);
}
.card:active {
box-shadow: 0 0 5px rgba(185, 184, 184, 0.5);
transform: scale(0.95);
}
}
}</style>
applications/dee-task-center/src/views/home/compontents/personal-assistant.vue 0 → 100644
View file @ cd0efbeb
/**
* @Description: 个人助手
* @author xioln
* @date 2023-11-27
* @FilePath: applications/dee-task-center/src/views/home/compontents/apply-app.vue
*/
<template>
<div class="apply-app">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>个人助手</span>
</div>
<div class="text item div-card">
<div v-for="(item, i) in cardList" :key="i" class="card" @click="handClick(item.title)">
<div class="icon">
<img :src="item.icon" alt="Icon">
</div>
<div class="title">
{{ item.title }}
</div>
</div>
</div>
</el-card>
</div>
</template>
<script>
export default {
components: {},
data() {
return {
cardList: [
{
icon: '/icons/home/质量单据.png',
title: '标准规范'
},
{
icon: '/icons/home/质量单据.png',
title: '帮助手册'
}
]
}
},
computed: {},
watch: {},
created() {
// 初始化数据
},
methods: {
}
}
</script>
<style lang='scss'>
.apply-app {
height: 100%;
.box-card {
height: 100%;
.el-card__body {
height: calc(100% - 90px);
}
}
.div-card {
height: 80px;
// 下面是重点
display: grid;
grid-template-columns: repeat(auto-fill, calc((100% - 60px) / 4)); // 自动填充一行的卡片个数
justify-content: space-between; // 卡片两端对齐，与flex的该属于一致
grid-gap: 20px;
// padding-bottom: 10px;
.card {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
width: calc(100%);
height: calc(100%);
font-size: 12px;
border-radius: 4px;
cursor: pointer;
transition: box-shadow 0.3s ease;
border: 1px solid #C7C7C7;
padding: 5px;
// .icon{
// img{
// width: 30px;
// }
// }
.title {
text-align: center;
width: calc(100% - 10px);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.card:hover {
box-shadow: 0 0 10px rgba(224, 220, 220, 0.7);
}
.card:active {
box-shadow: 0 0 5px rgba(185, 184, 184, 0.5);
transform: scale(0.95);
}
}
}</style>
applications/dee-task-center/src/views/home/index.vue 0 → 100644
View file @ cd0efbeb
/**
* @Description: 主页
* @author xioln
* @date 2023-11-23
* @FilePath: applications/dee-task-center/src/views/home/index.vue
*/
<template>
<div class="home-container">
<dee-fold-pane :min-percent="30" :default-percent="35" split="vertical" class="detail-pane">
<template slot="paneL">
<!-- 左侧 -->
<div class="Left-pane">
<div v-for="(item, i) in cardList" :key="i" class="card" @click="handClick(item.title)">
<div class="icon">
<img :src="item.icon" alt="Icon">
</div>
<div class="title">
{{ item.title }}
</div>
</div>
</div>
<div class="task">
<dee-tab
ref="deetab"
class="dee-tab"
:tabs="tabs"
@tabClick="tabClick"
>
<div :slot="activeTitle" style="height: 100%;">
<MyTask ref="myTask" />
</div>
<div slot="批量签审" style="height: 100%;">
<module-task-list ref="moduleTaskList" @goModuleTaskDetail="getTaskDetail" />
</div>
</dee-tab>
</div>
</template>
<template slot="paneR">
<div class="right-pane">
<dee-fold-pane :min-percent="30" :default-percent="60" split="vertical" class="detail-pane">
<template slot="paneL">
<!-- 中间 -->
<div class="right-centerPane-top" />
<div class="right-centerPane-bottom" />
</template>
<template slot="paneR">
<!-- 右侧 -->
<div class="right-pane-top">
<apply-app />
</div>
<div class="right-pane-bottom">
<personal-assistant />
</div>
</template>
</dee-fold-pane>
</div>
</template>
</dee-fold-pane>
</div>
</template>
<script>
import MyTask from './compontents/my-task.vue'
import ModuleTaskList from '../workflow/task-center/myPlanTask/moduleTaskListNew'
import ApplyApp from './compontents/apply-app.vue'
import PersonalAssistant from './compontents/personal-assistant.vue'
export default {
components: { MyTask, ModuleTaskList, ApplyApp, PersonalAssistant },
data() {
return {
cardList: [
{
icon: '/icons/home/我的待办.png',
title: '我的待办'
},
{
icon: '/icons/home/已办任务.png',
title: '已办任务'
},
{
icon: '/icons/home/我的请求.png',
title: '我的请求'
}
],
activeTitle: '我的待办'
}
},
computed: {
tabs() {
return this.activeTitle === '我的待办' ? [
{ id: this.activeTitle, name: this.activeTitle },
{ id: '批量签审', name: '批量签审' }
] : [{ id: this.activeTitle, name: this.activeTitle }]
}
},
watch: {},
created() {
// 初始化数据
},
mounted() {
this.$nextTick(() => {
this.$refs.myTask.getTasks(1, '我的待办')
})
},
methods: {
tabClick() {
this.$nextTick(() => {
this.$refs.myTask.getTasks(1, this.activeTitle)
})
},
handClick(title) {
this.activeTitle = title
this.$nextTick(() => {
this.$refs.myTask.getTasks(1, this.activeTitle)
})
},
getTaskDetail(data) {
this.id = data && data.id ? data.id : ''
this.processInstanceId = data && data.processInstanceId ? data.processInstanceId : ''
this.$router.push({
path: `/task-detail-${this.id}`,
query: { id: this.id, insId: this.processInstanceId, title: this.title, showMenu: false }
})
}
}
}
</script>
<style lang='scss'>
.home-container {
height: 100%;
box-sizing: border-box;
background-color: #fff;
// border: 1px solid #d9d9d9;
.right-pane {
height: 100%;
background-color: #F1F4F5 !important;
// border: 1px solid #d9d9d9;
box-sizing: border-box;
.splitter-pane-resizer.horizontal {
opacity: 1;
background-color: #F1F4F5;
height: 8px;
border-bottom: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
}
}
.Left-pane {
height: 80px;
// 下面是重点
display: grid;
grid-template-columns: repeat(auto-fill, calc((100% - 40px) / 3)); // 自动填充一行的卡片个数
justify-content: space-between; // 卡片两端对齐，与flex的该属于一致
padding-bottom: 15px;
.card {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
width: calc(100% - 20px);
height: 100%;
font-size: 14px;
border-radius: 4px;
cursor: pointer;
transition: box-shadow 0.3s ease;
margin: 10px;
}
.card:hover {
box-shadow: 0 0 10px rgba(224, 220, 220, 0.7);
}
.card:active {
box-shadow: 0 0 5px rgba(185, 184, 184, 0.5);
transform: scale(0.95);
}
}
.task {
height: calc(100% - 55px);
box-sizing: border-box;
position: relative;
.dee-tab{
height: 100%;
}
}
.right-pane-top{
height: 60%;
}
.right-pane-bottom{
margin-top: 8px;
height: calc(40% - 9px);
}
.right-centerPane-top{
height: 50%;
background: #fff;
border-radius: 4px;
}
.right-centerPane-bottom{
margin-top: 8px;
height: calc(50% - 9px);
background: #fff;
border-radius: 4px;
}
}
</style>
applications/dee-task-center/src/views/workflow/task-center/myPlanTask/moduleTaskListNew.vue 0 → 100644
View file @ cd0efbeb
<template>
<div class="module-task-list">
<div class="task-header">
<div class="refresh">
<i class="el-icon-refresh" style="margin-right:10px" title="刷新" @click="loadData(true)" />
</div>
</div>
<el-scrollbar v-dee-loading="loading" class="task-content">
<div v-for="(item, index) in taskList" :key="index" :class="['task-item', {'active-item': clickTask && clickTask.taskType === item.taskType }]" @click="goInfo(item)">
<div class="task-item-label">
<div class="ti-label">
<div class="flex-start">
<span v-if="item.taskType" class="task-status" :style="{color: '#2A75CE'}">【{{ item.taskType }}】</span>
<!-- <span class="task-name">{{ item.taskType }}</span> -->
</div>
<div class="task-item-num">
{{ item.taskCount }}
</div>
</div>
</div>
</div>
</el-scrollbar>
</div>
</template>
<script>
import { getMyTodoList } from '@/api/workflow/taskCenter'
export default {
name: 'ModuleTaskList',
data() {
return {
loading: false,
taskList: [],
clickTask: null
}
},
created() {
},
mounted() {
this.loadData()
},
methods: {
loadData(hasFlag) {
this.loading = true
getMyTodoList().then(res => {
const that = this
that.taskList = res.items || []
that.loading = false
// if (!hasFlag) {
// this.goInfo(that.taskList.length ? that.taskList[0] : null)
// }
})
},
goInfo(item) {
this.clickTask = item
// this.$emit('goModuleTaskDetail', item)
this.$router.push({
path: '/dee-task-center/taskList?title=批量签审',
query: {
router: item.router,
taskCount: item.taskCount,
taskKey: item.taskKey,
taskType: item.taskType
}
})
}
}
}
</script>
<style lang="scss" >
.module-task-list {
height: 100%;
background-color: #ffffff;
padding: 10px;
box-sizing: border-box;
// border: 1px solid #D9D9D9;
position: relative;
.task-header{
height: 30px;
}
.refresh{
position: absolute;
right: 9px;
top: 20px;
z-index: 10;
span{
font-size:12px;
color: #999999;
cursor: pointer;
}
i{
cursor: pointer;
font-weight: 400;
color: #999999;
}
i:hover {
color: rgb(42, 117, 206);
}
}
.el-icon-refresh{
margin-left:16px;
color: #999999;
}
.task-content {
// padding-bottom: 10px;
font-size: 12px;
color: #212121;
overflow: hidden;
height: calc(100% - 30px);
width: 100%;
box-sizing: border-box;
.active-item{
background: #DEEDF4!important;
}
.task-item {
cursor: pointer;
height: 90px;
box-sizing: border-box;
background: #FBFDFF;
border-radius: 2px;
border: 1px solid rgba(200, 212, 220, 0.88);
border-left: 3px solid #76B0D7;
margin-bottom: 12px;
padding: 20px 22px 0 18px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
&:hover {
background-color: rgba(245,247,250,1);
}
.task-item-num {
text-align: right;
margin-top: 6px;
font-weight: 900;
font-size: 14px;
color:rgb(42, 117, 206);
}
.title {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin-right: 10px;
}
.due-text{
color: red;
margin-left: 10px;
}
.ti-label {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
img {
height: 18px;
width: 16px;
margin-right: 8px;
}
.task-status{
font-size: 14px;
}
.task-name{
font-weight: 900;
font-size: 14px;
}
}
.task-item-info {
width: 100%;
overflow: hidden;
.task-left {
width: calc(100% - 156px);
display: inline-flex;
justify-content: flex-start;
align-items: baseline;
color: #626262;
font-size:12px;
}
.theme {
box-flex: 1;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: calc(100% - 100px);
}
.state {
color: #363636;
padding: 0px 6px;
}
.state.cancel {
color: #fe2929;
}
}
}
}
.mt20{
display: inline-block;
margin-top: 20px;
}
.more-bar {
margin: 10px auto;
text-align: center;
font-size: 12px;
color: #999;
}
.more {
margin: auto;
margin-top: 20px;
color: #2f90e2;
height: 26px;
line-height: 26px;
padding: 0 20px;
background: rgba(231, 242, 255, 1);
border-radius: 13px;
display: inline-block;
cursor: pointer;
}
}
</style>
applications/dee-task-center/src/views/workflow/task-center/myPlanTask/taskList.vue
View file @ cd0efbeb
......@@ -50,6 +50,7 @@ export default {
immediate: true,
deep: true,
handler() {
console.log(this.selectData)
this.componentKey += 1
}
}
......
applications/dee-task-center/src/views/workflow/task-center/myPlanTask/taskListDetail.vue 0 → 100644
View file @ cd0efbeb
<template>
<div class="MyPlanTaskPage">
<div class="TaskComponentView" :class="{'height_class':heightClass}">
<compnent :is="$route.query.router" :key="componentKey" :select-data="$route.query" :sub-type="subType" :def-state="state" />
</div>
</div>
</template>
<script>
export default {
components: {
WarehouseApply: () => import('./warehouseApply'), // 验收入库申请
WarehouseExamine: () => import('./warehouseExamine'), // 验收入库审核
JobResponseInExperiment: () => import('./jobResponseInExperiment'), // 理化试验入库响应
WarehouseInTest: () => import('./warehouseInTest'), // 检验入库响应
OutStorageExpireApply: () => import('./outStorageExpireApply'), // 三期出库申请
OutStorageRecallApply: () => import('./outStorageRecallApply'), // 返厂出库申请
WarehouseConfirm: () => import('./warehouseConfirm'), // 验收入库确认
OutStorageExpireConfirm: () => import('./outStorageExpireConfirm'), // 三期出库确认
OutStorageRecallConfirm: () => import('./outStorageRecallConfirm'), // 返厂出库确认
OutStorageOutApply: () => import('./outStorageOutApply'), // 供外出库申请
OutStorageOutExamine: () => import('./outStorageOutExamine'), // 供外出库审核
OutStorageOutApproval: () => import('./outStorageOutApproval'), // 供外出库批准
OutStorageOutConfirm: () => import('./outStorageOutConfirm'), // 供外出库确认
InStorageMatchBackApply: () => import('./inStorageMatchBackApply'), // 配套退库申请
InStorageMatchBackExamin: () => import('./inStorageMatchBackExamine'), // 配套退库审核
InStorageMatchBackConfirm: () => import('./inStorageMatchBackConfirm'), // 配套退库确认
InStorageUseOutBackApply: () => import('./inStorageUseOutBackApply'), // 领用/供外退库申请
InStorageUseOutBackExamine: () => import('./inStorageUseOutBackExamine'), // 领用/供外退库审核
InStorageUseOutBackConfirm: () => import('./inStorageUseOutBackConfirm') // 领用/供外退库确认
},
data() {
return {
tabPosition: '',
subType: '计划',
state: '',
loadComponents: true,
heightClass: false,
componentKey: 0
}
},
watch: {
'$route.query': {
immediate: true,
deep: true,
handler(v) {
this.componentKey += 1
}
}
},
created() {
},
mounted() {
},
methods: {
}
}
</script>
<style lang="scss">
.MyPlanTaskPage {
// padding: 10px 0;
box-sizing: border-box;
height: 100%;
overflow: hidden;
.height_class {
height: calc(100% - 56px) !important;
}
.el-radio-button .el-radio-button__inner {
padding-left: 10px;
padding-right: 10px;
}
.TaskComponentView {
height: calc(100% - 40px);
box-sizing: border-box;
overflow: hidden;
}
.TodoListTable{
height: 100%;
box-sizing: border-box;
overflow: hidden;
}
.el-pagination{
text-align: right;
}
.TodoListView .splitter-pane:first-child {
padding-bottom: 0 !important;
}
.TodoListView .splitter-pane.splitter-paneR {
padding-top: 10px !important;
}
.splitter-pane-resizer{
&.horizontal{
opacity: 1;
background-color: transparent;
border: 0;
text-align: center;
&::after{
content: "";
display: inline-block;
width: 35px;
height: 2px;
border: 1px solid #8f9192;
border-left: 0;
border-right: 0;
z-index: 5;
}
&:hover{
&::after{
border-color:#3b5485;
}
}
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment