Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
M
mes-ui
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
周远喜
mes-ui
Commits
a5776103
Commit
a5776103
authored
Oct 28, 2020
by
renjintao
Browse files
Options
Browse Files
Download
Plain Diff
page
parents
24ae67a5
8bbe81be
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
684 additions
and
307 deletions
+684
-307
projectTaskTree.vue
components/page/projectTaskTree.vue
+235
-175
state.vue
components/page/state.vue
+50
-34
index.vue
pages/project/plan/index.vue
+6
-6
index.vue
pages/project/task/index.vue
+393
-92
No files found.
components/page/projectTaskTree.vue
View file @
a5776103
<
template
>
<
template
>
<div
class=
"flex fd tree-menu"
>
<div
class=
"flex fd tree-menu"
>
<!-- 任务结构 -->
<div
class=
"p-list"
>
<h3>
<h3>
任务结构
<Dropdown
@
on-click=
"clickItem"
>
<div
class=
"fr mr10 mt10"
>
<a
href=
"javascript:void(0)"
>
{{
downName
}}
<Icon
type=
"ios-arrow-down"
></Icon>
</a>
<DropdownMenu
slot=
"list"
>
<DropdownItem
v-for=
"item in projectList"
:key=
"item.id"
:name=
"item.id"
>
{{
item
.
title
}}
</DropdownItem
>
</DropdownMenu>
</Dropdown>
</h3>
<div
class=
"mr10 mt10 icon-d"
>
<ButtonGroup
class=
"fr"
size=
"small"
>
<ButtonGroup
class=
"fr"
size=
"small"
>
<Button
:icon=
"expand ? 'md-arrow-dropright' : 'md-arrow-dropdown'"
@
click=
"toggle"
title=
"展开/合并"
></Button>
<Button
<Button
icon=
"md-refresh"
title=
"刷新"
@
click=
"loadTree"
></Button>
:icon=
"expand ? 'md-arrow-dropright' : 'md-arrow-dropdown'"
@
click=
"toggle"
title=
"展开/合并"
></Button>
<Button
icon=
"md-refresh"
title=
"刷新"
@
click=
"loadTree(curId)"
></Button>
<Button
icon=
"md-rewind"
title=
"收起"
@
click=
"hide"
></Button>
<Button
icon=
"md-rewind"
title=
"收起"
@
click=
"hide"
></Button>
</ButtonGroup>
</ButtonGroup>
</div>
</div>
</
h3
>
</
div
>
<div
class=
"search"
>
<div
class=
"search"
>
<Input
search
placeholder=
"请输入关键字"
v-model=
"keys"
clearable
/>
<Input
search
placeholder=
"请输入关键字"
v-model=
"keys"
clearable
/>
</div>
</div>
<div
class=
"fg"
>
<div
class=
"fg"
>
<div
class=
"tree"
>
<div
class=
"tree"
>
<Tree
:data=
"data"
:render=
"renderContent"
ref=
"tree"
@
on-select-change=
"change"
></Tree>
<Tree
:data=
"data"
:render=
"renderContent"
ref=
"tree"
@
on-select-change=
"change"
></Tree>
</div>
</div>
</div>
</div>
</div>
</div>
</
template
>
</
template
>
<
script
>
<
script
>
...
@@ -28,32 +57,63 @@ export default {
...
@@ -28,32 +57,63 @@ export default {
return
{
return
{
keys
:
""
,
keys
:
""
,
expand
:
true
,
expand
:
true
,
list
:
[]
list
:
[],
downName
:
""
,
projectList
:
[],
curdId
:
this
.
curId
,
};
};
},
},
props
:
{
props
:
{
curId
:
{
curId
:
{
type
:
String
,
type
:
String
,
default
:
''
,
default
:
""
,
},
},
},
},
created
()
{
created
()
{
this
.
loadTree
();
this
.
listSlecet
();
// this.loadTree();
},
},
methods
:
{
methods
:
{
clickItem
(
val
)
{
console
.
log
(
val
);
this
.
projectList
.
forEach
((
e
)
=>
{
if
(
val
==
e
.
id
)
{
this
.
downName
=
e
.
title
;
}
});
this
.
curdId
=
val
;
this
.
loadTree
();
},
listSlecet
()
{
let
data
=
{
conditions
:
[],
sortBy
:
"id"
,
isDesc
:
false
,
};
this
.
$api
.
post
(
`
${
material
}
/projectmain/list`
,
data
).
then
((
r
)
=>
{
if
(
r
.
result
)
{
this
.
projectList
=
r
.
result
;
this
.
downName
=
this
.
projectList
[
0
].
title
;
this
.
curdId
=
this
.
projectList
[
0
].
id
;
this
.
loadTree
(
this
.
projectList
[
0
].
id
);
}
});
},
loadTree
()
{
loadTree
()
{
let
params
=
{
let
params
=
{
conditions
:
[{
conditions
:
[
{
fieldName
:
"projectId"
,
fieldName
:
"projectId"
,
fieldValue
:
this
.
curId
,
fieldValue
:
this
.
curdId
,
conditionalType
:
"Equal"
conditionalType
:
"Equal"
,
}]
},
}
],
this
.
$api
.
post
(
`
${
material
}
/projectplan/list`
,
params
).
then
(
r
=>
{
};
this
.
$api
.
post
(
`
${
material
}
/projectplan/list`
,
params
).
then
((
r
)
=>
{
var
data
=
this
.
$u
.
toTree
(
var
data
=
this
.
$u
.
toTree
(
r
.
result
,
r
.
result
,
null
,
null
,
u
=>
{
(
u
)
=>
{
u
.
value
=
u
.
id
;
u
.
value
=
u
.
id
;
u
.
expand
=
true
;
u
.
expand
=
true
;
u
.
selected
=
false
;
u
.
selected
=
false
;
...
@@ -67,37 +127,29 @@ export default {
...
@@ -67,37 +127,29 @@ export default {
toggle
()
{
toggle
()
{
this
.
expand
=
!
this
.
expand
;
this
.
expand
=
!
this
.
expand
;
},
},
renderContent
(
h
,
{
renderContent
(
h
,
{
root
,
node
,
data
})
{
root
,
var
items
=
this
.
$store
.
getters
.
dictionaryByKey
(
node
,
"mes.project_plan.Status"
data
);
})
{
var
item
=
items
.
filter
((
u
)
=>
{
// let type = "md-folder"
;
return
u
.
code
==
data
.
status
;
// if (data.isProduct != 0) {
})[
0
];
// type = "ios-image"
;
// console.warn("jjjjjj", items, item)
;
// }
var
color
=
item
.
color
||
"black"
;
return
h
(
"div"
,
[
return
h
(
"div"
,
[
h
(
"state"
,
{
h
(
"state"
,
{
props
:
{
props
:
{
code
:
"mes.project_plan.Type"
,
code
:
"mes.project_plan.Type"
,
type
:
"icon"
,
type
:
"icon"
,
value
:
data
.
type
+
""
value
:
data
.
type
+
""
,
}
size
:
16
,
}),
h
(
"span"
,
{
style
:
{
// color: data.isProduct == 0 ? "#000" : "rgba(38, 128, 235, 1)"
}
},
},
data
.
title
}),
),
h
(
"Badge"
,
{
h
(
"state"
,
{
props
:
{
props
:
{
code
:
"mes.project_plan.Status"
,
color
:
color
,
type
:
"tag"
,
text
:
data
.
title
,
value
:
data
.
status
},
}
}),
}),
]);
]);
},
},
...
@@ -108,14 +160,14 @@ export default {
...
@@ -108,14 +160,14 @@ export default {
// if (b.bomId !== 0) {
// if (b.bomId !== 0) {
// ids.push(b.bomId);
// ids.push(b.bomId);
// }
// }
var
curentId
=
''
var
curentId
=
""
;
curentId
=
b
.
id
curentId
=
b
.
id
;
productIds
.
push
(
b
.
value
);
productIds
.
push
(
b
.
value
);
if
(
b
.
children
)
{
if
(
b
.
children
)
{
addId
(
b
.
children
);
addId
(
b
.
children
);
function
addId
(
data
)
{
function
addId
(
data
)
{
data
.
map
(
u
=>
{
data
.
map
((
u
)
=>
{
// if (u.bomId !== 0) {
// if (u.bomId !== 0) {
// ids.push(u.bomId);
// ids.push(u.bomId);
// }
// }
...
@@ -130,7 +182,7 @@ export default {
...
@@ -130,7 +182,7 @@ export default {
},
},
hide
()
{
hide
()
{
this
.
$emit
(
"on-hide"
);
this
.
$emit
(
"on-hide"
);
}
},
},
},
computed
:
{
computed
:
{
data
()
{
data
()
{
...
@@ -140,7 +192,7 @@ export default {
...
@@ -140,7 +192,7 @@ export default {
search
(
this
.
keys
,
items
);
search
(
this
.
keys
,
items
);
function
search
(
keys
,
data
)
{
function
search
(
keys
,
data
)
{
data
.
map
(
u
=>
{
data
.
map
((
u
)
=>
{
if
(
keys
.
length
<
2
)
{
if
(
keys
.
length
<
2
)
{
u
.
expand
=
expand
;
u
.
expand
=
expand
;
result
.
push
(
u
);
result
.
push
(
u
);
...
@@ -155,11 +207,12 @@ export default {
...
@@ -155,11 +207,12 @@ export default {
});
});
}
}
return
result
;
return
result
;
}
},
},
},
watch
:
{
watch
:
{
curId
(
v
)
{
curId
(
v
)
{
if
(
v
)
{
if
(
v
)
{
this
.
curdId
=
v
;
this
.
loadTree
();
this
.
loadTree
();
}
}
},
},
...
@@ -168,36 +221,43 @@ export default {
...
@@ -168,36 +221,43 @@ export default {
</
script
>
</
script
>
<
style
lang=
"less"
>
<
style
lang=
"less"
>
@import "../../assets/css/custom.less";
// @import "../../assets/css/custom.less";
.tree-menu {
h3 {
height: 50px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 50px;
color: @left-tree-header-color;
background: @left-tree-header-bg-color;
opacity: 1;
padding-left: 10px;
}
.search {
// .tree-menu {
height: 50px;
// h3 {
padding: 5px 10px;
// height: 50px;
}
// font-size: 14px;
// font-family: Microsoft YaHei;
// font-weight: bold;
// line-height: 50px;
// color: @left-tree-header-color;
// background: @left-tree-header-bg-color;
// opacity: 1;
// padding-left: 10px;
// }
.p-list {
position: relative;
}
.icon-d {
position: absolute;
top: 0;
right: 0;
}
// .search {
// height: 50px;
// padding: 5px 10px;
// }
.fg {
//
.fg {
flex: none;
//
flex: none;
// height:0;
//
// height:0;
overflow: auto;
//
overflow: auto;
padding-left: 10px;
//
padding-left: 10px;
}
//
}
.tree {
//
.tree {
height: calc(100vh - 215px);
//
height: calc(100vh - 215px);
overflow: auto;
//
overflow: auto;
}
//
}
}
//
}
</
style
>
</
style
>
components/page/state.vue
View file @
a5776103
<
template
>
<
template
>
<div
class=
"ib"
@
click=
"showLife"
>
<div
class=
"ib"
@
click=
"showLife"
>
<div
class=
"ib"
v-if=
"!isMore"
>
<div
class=
"ib"
v-if=
"!isMore"
>
<span
v-if=
"type=='text'"
:style=
"style"
>
{{
name
}}
</span>
<span
v-if=
"type == 'text'"
:style=
"style"
>
{{
name
}}
</span>
<Tag
v-if=
"type=='tag'"
:color=
"tagcolor"
>
{{
name
}}
</Tag>
<Tag
v-if=
"type == 'tag'"
:color=
"tagcolor"
>
{{
name
}}
</Tag>
<Badge
v-if=
"type=='dot'"
:color=
"tagcolor"
:text=
"name"
/>
<Badge
v-if=
"type == 'dot'"
:color=
"tagcolor"
:text=
"name"
/>
<Icon
v-if=
"type=='icon'"
:type=
"item.icon"
:color=
"tagcolor"
:title=
"name"
size=
"24"
/>
<Icon
v-if=
"type == 'icon'"
:type=
"item.icon"
:color=
"tagcolor"
:title=
"name"
:size=
"size"
/>
</div>
</div>
<div
class=
"ib"
v-else
v-for=
"(li,i) in items"
:key=
"i"
>
<div
class=
"ib"
v-else
v-for=
"(li,
i) in items"
:key=
"i"
>
<span
v-if=
"type
=='text'"
:style=
"li.style"
>
{{
li
.
name
}}
</span>
<span
v-if=
"type
== 'text'"
:style=
"li.style"
>
{{
li
.
name
}}
</span>
<Tag
v-if=
"type
=='tag'"
:color=
"li.tagcolor"
>
{{
li
.
name
}}
</Tag>
<Tag
v-if=
"type
== 'tag'"
:color=
"li.tagcolor"
>
{{
li
.
name
}}
</Tag>
<Badge
v-if=
"type
==
'dot'"
:color=
"li.tagcolor"
:text=
"li.name"
/>
<Badge
v-if=
"type
==
'dot'"
:color=
"li.tagcolor"
:text=
"li.name"
/>
</div>
</div>
<Modal
v-model=
"modal"
title=
"生命周期"
width=
"800"
footer-hide
:mask-closable=
"false"
>
<Modal
v-model=
"modal"
title=
"生命周期"
width=
"800"
footer-hide
:mask-closable=
"false"
>
<component
:is=
"detail"
:code=
"code"
:value=
"value"
:mode=
"mode"
/>
<component
:is=
"detail"
:code=
"code"
:value=
"value"
:mode=
"mode"
/>
</Modal>
</Modal>
</div>
</div>
...
@@ -21,48 +33,52 @@ export default {
...
@@ -21,48 +33,52 @@ export default {
name
:
"state"
,
name
:
"state"
,
data
()
{
data
()
{
return
{
return
{
mode
:
'0'
,
mode
:
"0"
,
name
:
""
,
name
:
""
,
isMore
:
false
,
isMore
:
false
,
modal
:
false
,
modal
:
false
,
item
:
{},
item
:
{},
items
:
[],
items
:
[],
data
:
[],
data
:
[],
detail
:
null
,
detail
:
null
,
};
};
},
},
props
:
{
props
:
{
default
:
{
default
:
{
type
:
String
,
type
:
String
,
default
:
""
default
:
""
,
},
},
type
:
{
type
:
{
type
:
String
,
type
:
String
,
default
:
"text"
,
default
:
"text"
,
validator
:
function
(
value
)
{
validator
:
function
(
value
)
{
return
[
"text"
,
"tag"
,
"dot"
,
"icon"
].
indexOf
(
value
)
!=
-
1
;
return
[
"text"
,
"tag"
,
"dot"
,
"icon"
].
indexOf
(
value
)
!=
-
1
;
}
}
,
},
},
code
:
{
code
:
{
type
:
String
,
type
:
String
,
required
:
true
required
:
true
,
},
},
value
:
{
value
:
{
type
:
[
String
,
Number
],
type
:
[
String
,
Number
],
required
:
false
required
:
false
,
},
},
color
:
{
color
:
{
type
:
Boolean
,
type
:
Boolean
,
default
:
true
default
:
true
,
},
size
:
{
type
:
Number
,
default
:
24
,
},
},
icon
:
{
icon
:
{
type
:
Boolean
,
type
:
Boolean
,
default
:
false
default
:
false
,
},
},
img
:
{
img
:
{
type
:
Boolean
,
type
:
Boolean
,
default
:
false
default
:
false
,
}
}
,
},
},
created
()
{
created
()
{
this
.
data
=
this
.
$store
.
getters
.
dictionaryByKey
(
this
.
code
)
||
[];
this
.
data
=
this
.
$store
.
getters
.
dictionaryByKey
(
this
.
code
)
||
[];
...
@@ -71,7 +87,7 @@ export default {
...
@@ -71,7 +87,7 @@ export default {
setName
(
v
)
{
setName
(
v
)
{
if
((
v
+
""
).
indexOf
(
","
)
==
-
1
)
{
if
((
v
+
""
).
indexOf
(
","
)
==
-
1
)
{
var
item
;
var
item
;
this
.
data
.
map
(
u
=>
{
this
.
data
.
map
(
(
u
)
=>
{
if
(
u
.
code
==
v
)
{
if
(
u
.
code
==
v
)
{
item
=
u
;
item
=
u
;
}
}
...
@@ -81,7 +97,7 @@ export default {
...
@@ -81,7 +97,7 @@ export default {
this
.
item
=
item
;
this
.
item
=
item
;
}
else
{
}
else
{
if
(
this
.
value
==
"undefined"
)
{
if
(
this
.
value
==
"undefined"
)
{
this
.
name
=
' '
this
.
name
=
" "
;
}
else
{
}
else
{
this
.
name
=
this
.
value
;
this
.
name
=
this
.
value
;
}
}
...
@@ -90,7 +106,7 @@ export default {
...
@@ -90,7 +106,7 @@ export default {
this
.
isMore
=
true
;
this
.
isMore
=
true
;
var
items
=
[];
var
items
=
[];
var
ul
=
(
v
+
""
).
split
(
","
);
var
ul
=
(
v
+
""
).
split
(
","
);
this
.
data
.
map
(
u
=>
{
this
.
data
.
map
(
(
u
)
=>
{
if
(
ul
.
indexOf
(
u
.
code
)
>
-
1
)
{
if
(
ul
.
indexOf
(
u
.
code
)
>
-
1
)
{
u
.
tagcolor
=
u
.
color
|
"default"
;
u
.
tagcolor
=
u
.
color
|
"default"
;
u
.
style
=
{
color
:
u
.
color
|
"inherit"
};
u
.
style
=
{
color
:
u
.
color
|
"inherit"
};
...
@@ -99,11 +115,11 @@ export default {
...
@@ -99,11 +115,11 @@ export default {
});
});
this
.
items
=
items
;
this
.
items
=
items
;
}
}
}
}
,
,
showLife
()
{
showLife
()
{
this
.
modal
=
true
;
this
.
modal
=
true
;
this
.
detail
=
()
=>
import
(
"./life"
);
this
.
detail
=
()
=>
import
(
"./life"
);
}
}
,
},
},
computed
:
{
computed
:
{
tagcolor
()
{
tagcolor
()
{
...
@@ -125,9 +141,9 @@ export default {
...
@@ -125,9 +141,9 @@ export default {
color
:
color
:
this
.
item
&&
this
.
item
.
color
!=
""
&&
this
.
item
.
color
!=
null
this
.
item
&&
this
.
item
.
color
!=
""
&&
this
.
item
.
color
!=
null
?
this
.
item
.
color
?
this
.
item
.
color
:
"inherit"
:
"inherit"
,
};
};
}
}
,
},
},
watch
:
{
watch
:
{
value
(
v
)
{
value
(
v
)
{
...
@@ -139,7 +155,7 @@ export default {
...
@@ -139,7 +155,7 @@ export default {
this
.
setName
(
this
.
value
);
this
.
setName
(
this
.
value
);
this
.
$forceUpdate
();
this
.
$forceUpdate
();
}
}
}
}
,
}
}
,
};
};
</
script
>
</
script
>
\ No newline at end of file
pages/project/plan/index.vue
View file @
a5776103
...
@@ -259,17 +259,17 @@ export default {
...
@@ -259,17 +259,17 @@ export default {
this
.
$Message
.
error
(
"未设置结束时间"
);
this
.
$Message
.
error
(
"未设置结束时间"
);
return
return
}
}
if
(
!
row
.
executor
){
if
(
row
.
executor
.
length
==
0
){
this
.
$Message
.
error
(
"
为
设置执行人"
);
this
.
$Message
.
error
(
"
请
设置执行人"
);
return
return
}
}
delete
row
.
chlidren
;
delete
row
.
chlidren
;
delete
row
.
parent
;
delete
row
.
parent
;
console
.
warn
(
row
)
console
.
warn
(
row
)
var
data
=
JSON
.
parse
(
JSON
.
stringify
(
row
));
data
.
status
=
1
;
row
.
status
=
1
;
Api
.
sendtask
(
data
).
then
(
r
=>
{
Api
.
sendtask
(
row
).
then
(
r
=>
{
if
(
r
.
result
){
if
(
r
.
success
){
this
.
$Message
.
info
(
"任务派发成功!"
);
this
.
$Message
.
info
(
"任务派发成功!"
);
this
.
search
();
this
.
search
();
}
}
...
...
pages/project/task/index.vue
View file @
a5776103
...
@@ -54,7 +54,8 @@
...
@@ -54,7 +54,8 @@
</Tabs>
</Tabs>
</div>
</div>
</FormItem>
</FormItem>
<FormItem
prop=
"keys"
><Input
placeholder=
"请输入项目标题/计划名称/任务标题"
v-model=
"easySearch.keys.value"
v-width=
"240"
/>
</FormItem>
<FormItem
prop=
"keys"
><Input
placeholder=
"请输入项目标题/计划名称/任务标题"
v-model=
"easySearch.keys.value"
v-width=
"240"
/>
</FormItem>
<FormItem><Button
type=
"primary"
@
click=
"search"
>
查询
</Button></FormItem>
<FormItem><Button
type=
"primary"
@
click=
"search"
>
查询
</Button></FormItem>
<!--
<!--
<FormItem>
<FormItem>
...
@@ -82,8 +83,8 @@
...
@@ -82,8 +83,8 @@
</template>
</template>
<
script
>
<
script
>
import
Api
from
'./api'
import
Api
from
"./api"
;
import
Search
from
'./search'
import
Search
from
"./search"
;
export
default
{
export
default
{
name
:
'list'
,
name
:
'list'
,
components
:
{
components
:
{
...
@@ -382,56 +383,341 @@ export default {
...
@@ -382,56 +383,341 @@ export default {
this
.
modal
=
false
this
.
modal
=
false
this
.
curId
=
0
;
this
.
curId
=
0
;
},
},
projectId
:
{
op
:
"Equal"
,
value
:
""
,
},
planId
:
{
op
:
"In"
,
value
:
[],
},
},
theme1
:
"light"
,
modal
:
false
,
title
:
"新增"
,
detail
:
null
,
curId
:
""
,
fullScreen
:
false
,
projectId
:
""
,
columns
:
[
// {
// key: "selection",
// type: "selection",
// width: 50,
// align: "center"
// },
{
key
:
"id"
,
title
:
this
.
$t
(
"id"
),
align
:
"left"
,
high
:
true
,
hide
:
true
,
},
{
key
:
"title"
,
title
:
this
.
l
(
"title"
),
align
:
"left"
,
easy
:
true
,
high
:
true
,
render
:
(
h
,
params
)
=>
{
return
h
(
"a"
,
{
attrs
:
{
oprate
:
"detail"
,
},
on
:
{
click
:
()
=>
this
.
viewRecord
(
params
.
row
.
id
),
},
},
params
.
row
.
title
);
},
},
{
key
:
"level"
,
title
:
this
.
l
(
"level"
),
align
:
"center"
,
high
:
true
,
code
:
"project.task.level"
,
},
{
key
:
"projectTitle"
,
title
:
this
.
l
(
"projectTitle"
),
align
:
"left"
,
easy
:
true
,
high
:
true
,
hide
:
true
,
},
{
key
:
"planTitle"
,
title
:
this
.
l
(
"planTitle"
),
align
:
"left"
,
easy
:
true
,
high
:
true
,
hide
:
true
,
},
{
key
:
"status"
,
title
:
this
.
l
(
"status"
),
align
:
"center"
,
high
:
true
,
code
:
"project.task.status"
,
},
{
key
:
"userId"
,
title
:
this
.
l
(
"userId"
),
align
:
"left"
,
high
:
true
,
type
:
"user"
,
},
{
key
:
"startDate"
,
title
:
this
.
l
(
"startDate"
),
align
:
"center"
,
high
:
true
,
},
{
key
:
"endDate"
,
title
:
this
.
l
(
"endDate"
),
align
:
"center"
,
high
:
true
,
},
{
key
:
"workHour"
,
title
:
this
.
l
(
"workHour"
),
align
:
"center"
,
high
:
true
,
render
:
(
h
,
params
)
=>
{
return
h
(
"a"
,
{
attrs
:
{
oprate
:
"detail"
,
},
on
:
{
click
:
()
=>
this
.
viewWork
(
params
.
row
.
id
),
},
},
params
.
row
.
workHour
);
},
},
updatepart
(
valId
,
valStatus
)
{
let
params
=
{
id
:
valId
,
status
:
valStatus
}
if
(
valStatus
==
1
)
{
params
.
startDate
=
''
}
if
(
valStatus
==
2
)
{
params
.
endDate
=
''
}
Api
.
updatepart
(
params
).
then
(
r
=>
{
if
(
r
.
success
)
{
this
.
$refs
.
grid
.
load
();
this
.
$Message
.
success
(
'操作成功'
)
}
else
{
this
.
$Message
.
error
(
'操作失败'
)
}
}).
catch
(
err
=>
{
this
.
disabled
=
false
;
this
.
$Message
.
error
(
'操作失败'
)
console
.
warn
(
err
)
})
},
{
key
:
"creationTime"
,
title
:
this
.
l
(
"creationTime"
),
align
:
"left"
,
high
:
true
,
hide
:
true
,
},
viewRecord
(
id
)
{
this
.
curId
=
id
;
this
.
title
=
"查看记录"
;
this
.
fullScreen
=
false
;
this
.
detail
=
()
=>
import
(
'./detail'
)
this
.
modal
=
true
;
},
{
title
:
"操作"
,
key
:
"action"
,
width
:
200
,
align
:
"center"
,
render
:
(
h
,
params
)
=>
{
return
h
(
"div"
,
{
class
:
"action"
,
},
[
h
(
"op"
,
{
attrs
:
{
icon
:
"md-arrow-dropright-circle"
,
type
:
"icon"
,
oprate
:
"edit"
,
title
:
params
.
row
.
status
==
0
?
"开始"
:
params
.
row
.
status
==
2
?
"继续"
:
""
,
//disable: (params.row.status == 0 || params.row.status == 2) ? false : true
},
on
:
{
click
:
()
=>
this
.
updatepart
(
params
.
row
.
id
,
1
),
},
}),
// h('op', {
// attrs: {
// icon: "ios-pause",
// type: "icon",
// title: "暂停",
// //disable: params.row.status == 1 ? false : true
// },
// on: {
// click: () => this.updatepart(params.row.id, 2)
// }
// }),
h
(
"op"
,
{
attrs
:
{
icon
:
"ios-alarm"
,
type
:
"icon"
,
oprate
:
"edit"
,
title
:
"完成"
,
//disable: (params.row.status != 0 && params.row.status != 3) ? false : true
},
on
:
{
click
:
()
=>
this
.
updatepart
(
params
.
row
.
id
,
3
),
},
}),
h
(
"op"
,
{
attrs
:
{
icon
:
"md-add"
,
type
:
"icon"
,
oprate
:
"add"
,
title
:
"新增记录"
,
// disable: (params.row.status != 3 && params.row.status != 4) ? false : true
},
on
:
{
click
:
()
=>
this
.
addRecord
(
params
.
row
.
id
),
},
}),
h
(
"op"
,
{
attrs
:
{
icon
:
"md-create"
,
type
:
"icon"
,
oprate
:
"edit"
,
title
:
"修改"
,
//disable: (params.row.status == 0 || params.row.status == 2) ? false : true
},
on
:
{
click
:
()
=>
this
.
edit
(
params
.
row
.
id
),
},
}),
h
(
"op"
,
{
attrs
:
{
icon
:
"md-trash"
,
type
:
"icon"
,
title
:
"删除"
,
oprate
:
"delete"
,
// disable: (params.row.status == 0 || params.row.status == 3) ? false : true
},
on
:
{
click
:
()
=>
this
.
remove
(
params
.
row
.
id
),
},
}),
]
);
},
},
],
data1
:
[{
id
:
1
,
title
:
"测试title"
,
},
],
data
:
[],
planId
:
""
,
//当前计划Id
planIdsCur
:
[],
};
},
props
:
{
eid
:
String
,
},
async
fetch
({
store
,
params
})
{
await
store
.
dispatch
(
"loadDictionary"
);
// 加载数据字典
},
created
()
{
if
(
this
.
eid
!=
""
)
{
this
.
projectId
=
this
.
eid
;
this
.
easySearch
.
projectId
.
value
=
this
.
eid
;
}
this
.
treeHeight
=
window
.
innerHeight
-
150
;
},
mounted
()
{
if
(
this
.
eid
!=
""
)
{
this
.
easySearch
.
projectId
.
value
=
this
.
eid
;
this
.
$refs
.
grid
.
reload
(
this
.
easySearch
);
}
},
methods
:
{
ok
()
{
this
.
$refs
.
grid
.
load
();
this
.
modal
=
false
;
this
.
curId
=
0
;
},
search
()
{
search
()
{
this
.
easySearch
.
planId
.
value
=
this
.
planIdsCur
this
.
easySearch
.
planId
.
value
=
this
.
planIdsCur
;
this
.
$refs
.
grid
.
reload
(
this
.
easySearch
)
this
.
$refs
.
grid
.
reload
(
this
.
easySearch
);
},
},
add
()
{
add
()
{
this
.
curId
=
this
.
projectId
;
this
.
curId
=
this
.
projectId
;
this
.
title
=
"新增"
;
this
.
title
=
"新增"
;
this
.
fullScreen
=
false
;
this
.
fullScreen
=
false
;
this
.
detail
=
()
=>
import
(
'./add'
)
this
.
detail
=
()
=>
import
(
"./add"
);
this
.
modal
=
true
;
this
.
modal
=
true
;
},
},
highSearch
()
{
highSearch
()
{
this
.
curId
=
0
;
this
.
curId
=
0
;
this
.
title
=
"高级搜索"
;
this
.
title
=
"高级搜索"
;
this
.
fullScreen
=
false
;
this
.
fullScreen
=
false
;
this
.
detail
=
()
=>
import
(
'./search'
)
this
.
detail
=
()
=>
import
(
"./search"
);
this
.
modal
=
true
;
this
.
modal
=
true
;
},
},
copy
(
id
)
{
copy
(
id
)
{
this
.
curId
=
id
;
this
.
curId
=
id
;
this
.
title
=
"克隆"
;
this
.
title
=
"克隆"
;
this
.
fullScreen
=
false
;
this
.
fullScreen
=
false
;
this
.
detail
=
()
=>
import
(
'./add'
)
this
.
detail
=
()
=>
import
(
"./add"
);
this
.
modal
=
true
;
this
.
modal
=
true
;
},
},
view
(
id
)
{
view
(
id
)
{
this
.
curId
=
id
;
this
.
curId
=
id
;
this
.
title
=
"详情"
;
this
.
title
=
"详情"
;
this
.
fullScreen
=
false
;
this
.
fullScreen
=
false
;
this
.
detail
=
()
=>
import
(
'./detail'
)
this
.
detail
=
()
=>
import
(
"./detail"
);
this
.
modal
=
true
;
this
.
modal
=
true
;
},
},
edit
(
id
)
{
edit
(
id
)
{
this
.
curId
=
id
;
this
.
curId
=
id
;
this
.
title
=
"编辑"
;
this
.
title
=
"编辑"
;
this
.
fullScreen
=
false
;
this
.
fullScreen
=
false
;
this
.
detail
=
()
=>
import
(
'./edit'
)
this
.
detail
=
()
=>
import
(
"./edit"
);
this
.
modal
=
true
;
this
.
modal
=
true
;
},
},
remove
(
id
)
{
remove
(
id
)
{
Api
.
delete
(
id
).
then
((
r
)
=>
{
Api
.
delete
(
id
).
then
((
r
)
=>
{
if
(
r
.
success
)
{
if
(
r
.
success
)
{
this
.
$refs
.
grid
.
load
();
this
.
$refs
.
grid
.
load
();
this
.
$Message
.
success
(
'删除成功'
)
this
.
$Message
.
success
(
"删除成功"
);
}
}
})
});
},
},
cancel
()
{
cancel
()
{
this
.
curId
=
0
;
this
.
curId
=
0
;
this
.
modal
=
false
this
.
modal
=
false
;
},
},
onHide
()
{
onHide
()
{
// this.$Message.info("收起左侧树")
// this.$Message.info("收起左侧树")
...
@@ -442,16 +728,16 @@ export default {
...
@@ -442,16 +728,16 @@ export default {
this
.
showMenu
=
true
;
this
.
showMenu
=
true
;
},
},
productSearch
(
id
,
item
,
planIds
)
{
productSearch
(
id
,
item
,
planIds
)
{
this
.
planId
=
item
.
selected
?
id
:
''
;
this
.
planId
=
item
.
selected
?
id
:
""
;
this
.
planIdsCur
=
item
.
selected
?
planIds
:
[]
this
.
planIdsCur
=
item
.
selected
?
planIds
:
[];
let
where
=
{
let
where
=
{
planId
:
{
planId
:
{
op
:
"In"
,
op
:
"In"
,
value
:
item
.
selected
?
planIds
:
[]
value
:
item
.
selected
?
planIds
:
[],
},
},
projectId
:
{
projectId
:
{
op
:
"Equal"
,
op
:
"Equal"
,
value
:
this
.
eid
value
:
this
.
eid
,
},
},
};
};
this
.
$refs
.
grid
.
reload
(
where
);
this
.
$refs
.
grid
.
reload
(
where
);
...
@@ -459,67 +745,65 @@ export default {
...
@@ -459,67 +745,65 @@ export default {
updatepart
(
valId
,
valStatus
)
{
updatepart
(
valId
,
valStatus
)
{
let
params
=
{
let
params
=
{
id
:
valId
,
id
:
valId
,
status
:
valStatus
status
:
valStatus
,
}
};
if
(
valStatus
==
1
)
{
Api
.
updatepart
(
params
)
params
.
startDate
=
''
.
then
((
r
)
=>
{
}
if
(
valStatus
==
2
)
{
params
.
endDate
=
''
}
Api
.
updatepart
(
params
).
then
(
r
=>
{
if
(
r
.
success
)
{
if
(
r
.
success
)
{
this
.
$refs
.
grid
.
load
();
this
.
$refs
.
grid
.
load
();
this
.
$Message
.
success
(
'操作成功'
)
this
.
$Message
.
success
(
"操作成功"
);
}
else
{
}
else
{
this
.
$Message
.
error
(
'操作失败'
)
this
.
$Message
.
error
(
"操作失败"
);
}
}
}).
catch
(
err
=>
{
this
.
disabled
=
false
;
this
.
$Message
.
error
(
'操作失败'
)
console
.
warn
(
err
)
})
})
.
catch
((
err
)
=>
{
this
.
disabled
=
false
;
this
.
$Message
.
error
(
"操作失败"
);
console
.
warn
(
err
);
});
},
},
onSelect
(
val
)
{
onSelect
(
val
)
{
this
.
$refs
.
grid
.
reload
(
this
.
easySearch
)
this
.
$refs
.
grid
.
reload
(
this
.
easySearch
);
},
},
viewRecord
(
id
)
{
viewRecord
(
id
)
{
this
.
curId
=
id
;
this
.
curId
=
id
;
this
.
title
=
"查看记录"
;
this
.
title
=
"查看记录"
;
this
.
fullScreen
=
fals
e
;
this
.
fullScreen
=
tru
e
;
this
.
detail
=
()
=>
import
(
'./detail'
)
this
.
detail
=
()
=>
import
(
"./detail"
);
this
.
modal
=
true
;
this
.
modal
=
true
;
},
},
viewWork
(
id
)
{
viewWork
(
id
)
{
this
.
curId
=
id
;
this
.
curId
=
id
;
this
.
title
=
"查看工时"
;
this
.
title
=
"查看工时"
;
this
.
fullScreen
=
false
;
this
.
fullScreen
=
false
;
this
.
detail
=
()
=>
import
(
'../record'
)
this
.
detail
=
()
=>
import
(
"../record"
);
this
.
modal
=
true
;
this
.
modal
=
true
;
},
},
addRecord
(
id
)
{
addRecord
(
id
)
{
this
.
curId
=
id
;
this
.
curId
=
id
;
this
.
title
=
"新增记录"
;
this
.
title
=
"新增记录"
;
this
.
fullScreen
=
false
;
this
.
fullScreen
=
false
;
this
.
detail
=
()
=>
import
(
'../record/add'
)
this
.
detail
=
()
=>
import
(
"../record/add"
);
this
.
modal
=
true
;
this
.
modal
=
true
;
},
},
l
(
key
)
{
l
(
key
)
{
let
vkey
=
"project_task"
+
"."
+
key
;
let
vkey
=
"project_task"
+
"."
+
key
;
return
this
.
$t
(
vkey
)
||
key
return
this
.
$t
(
vkey
)
||
key
;
}
},
},
},
watch
:
{
watch
:
{
eid
(
v
)
{
eid
(
v
)
{
if
(
v
!=
""
)
{
if
(
v
!=
""
)
{
this
.
eid
=
v
this
.
eid
=
v
;
}
}
}
}
}
},
},
};
</
script
>
</
script
>
<
style
lang=
"less"
>
<
style
lang=
"less"
>
@import "../../../assets/css/custom.less";
.full {
.full {
margin-top: 0;
margin-top: 0;
...
@@ -534,6 +818,23 @@ export default {
...
@@ -534,6 +818,23 @@ export default {
content: "\f33d";
content: "\f33d";
}
}
}
}
.ivu-layout-sider {
background: @layout-content-bg-color;
margin-right: 10px;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
// height: 89vh;
overflow: auto;
}
.ivu-layout-content {
margin-left: 5px;
background: @right-bg;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
overflow: auto;
padding: 10px;
// height: 89vh;
}
}
}
.taskTab .ivu-tabs-bar {
.taskTab .ivu-tabs-bar {
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment