@voplus/morpho-workspace 1.3.178 → 1.3.179
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/data/work-schedule/interfaces.d.ts +1 -0
- package/es/modules/work/work-schedule/components/WorkScheduleItem/index.js +31 -15
- package/es/modules/work/work-schedule/components/WorkScheduleItem/index.js.map +1 -1
- package/es/modules/work/work-schedule/components/WorkScheduleItem/index.less +32 -42
- package/package.json +1 -1
@@ -4,10 +4,12 @@ import { useWorkSchedule } from "../../../../../data/work-schedule";
|
|
4
4
|
import { Skeleton } from "@voplus/antd";
|
5
5
|
import { useMetaStore } from "@voplus/morpho-document-core";
|
6
6
|
import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
|
7
|
+
import { ColumnItem, ColumnItemCol } from "@voplus/morpho-ui/es/controls/ColumnItem";
|
8
|
+
import { faIdBadge } from "@fortawesome/pro-light-svg-icons";
|
9
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
7
10
|
import WorkScheduleMenu from "../../controls/WorkScheduleMenu";
|
8
11
|
import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
|
9
12
|
import WorkScheduleQuickViewDialog from "../WorkScheduleQuickViewDialog";
|
10
|
-
import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar";
|
11
13
|
import moment from "moment";
|
12
14
|
import classnames from "classnames";
|
13
15
|
import styles from "./index.less";
|
@@ -15,24 +17,38 @@ const WorkScheduleItem = (props) => {
|
|
15
17
|
const { id, avatar, quickView } = props;
|
16
18
|
const workSchedule = useWorkSchedule(id);
|
17
19
|
const meta = useMetaStore();
|
18
|
-
const [
|
20
|
+
const [hover, setHover] = useState(false);
|
19
21
|
const [visibleQuickView, setVisibleQuickView] = useState(false);
|
20
22
|
return observe(() => {
|
21
|
-
var _a, _b, _c;
|
22
|
-
return (React.createElement("div", { className: classnames(styles["work-schedule-item"]), onClick: onQuickView, onMouseOver: () =>
|
23
|
-
workSchedule.loading ? (React.createElement(Skeleton, { avatar: avatar, paragraph: { rows: 1 } })) : (React.createElement(
|
24
|
-
|
25
|
-
React.createElement(
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
React.createElement(
|
23
|
+
var _a, _b, _c, _d, _e;
|
24
|
+
return (React.createElement("div", { className: classnames(styles["work-schedule-item"]), onClick: onQuickView, onMouseOver: () => setHover(true), onMouseLeave: () => setHover(false) },
|
25
|
+
workSchedule.loading ? (React.createElement(Skeleton, { avatar: avatar, paragraph: { rows: 1 } })) : (React.createElement(ColumnItem, null,
|
26
|
+
React.createElement(ColumnItemCol, { span: 10 },
|
27
|
+
React.createElement("div", { className: "work-schedule-item-name" }, `${(_a = workSchedule.workType) === null || _a === void 0 ? void 0 : _a.name}`),
|
28
|
+
React.createElement("div", { className: "text-sm text-gray-500 margin-right-15" },
|
29
|
+
React.createElement(FAIcon, { icon: faIdBadge, className: "margin-right-5" }), (_b = workSchedule.contact) === null || _b === void 0 ? void 0 :
|
30
|
+
_b.name)),
|
31
|
+
((_c = workSchedule === null || workSchedule === void 0 ? void 0 : workSchedule.work) === null || _c === void 0 ? void 0 : _c.id) ? (React.createElement(React.Fragment, null,
|
32
|
+
React.createElement(ColumnItemCol, { span: 8, title: "Work" },
|
33
|
+
React.createElement("div", { className: "work-schedule-item-data-info" }, (_d = workSchedule.work) === null || _d === void 0 ? void 0 : _d.name)),
|
34
|
+
React.createElement(ColumnItemCol, { span: 3, title: "Work Status" },
|
35
|
+
React.createElement("div", { className: "work-schedule-item-data-info" }, (_e = workSchedule.work) === null || _e === void 0 ? void 0 : _e.status)),
|
36
|
+
React.createElement(ColumnItemCol, { span: 3, align: "flex-end" },
|
37
|
+
React.createElement("div", { className: classnames("work-schedule-item-tool", { show: hover }), onClick: (e) => {
|
38
|
+
e.stopPropagation();
|
39
|
+
setHover(false);
|
40
|
+
} },
|
41
|
+
React.createElement(ToolBar, { id: id, showMenu: false },
|
42
|
+
React.createElement(Open, { size: "middle", url: meta.getRoute(workSchedule) }),
|
43
|
+
React.createElement(WorkScheduleMenu, { id: id, closeAside: true })))))) : (React.createElement(ColumnItemCol, { span: 14, align: "flex-end" },
|
44
|
+
React.createElement(UpDownStatusBar, { className: classnames("work-schedule-item-menus", { hide: hover }), upNode: React.createElement("div", { className: classnames("flex items-baseline text-xl font-semibold commission-amount") }, workSchedule.schedule && (React.createElement("span", null, moment(workSchedule === null || workSchedule === void 0 ? void 0 : workSchedule.schedule).format("YYYY-MM-DD")))), downNode: React.createElement("div", { className: "work-schedule-item-schedule" }, workSchedule.status) }),
|
45
|
+
React.createElement("div", { className: classnames("work-schedule-item-tool", { show: hover }), onClick: (e) => {
|
46
|
+
e.stopPropagation();
|
47
|
+
setHover(false);
|
48
|
+
} },
|
33
49
|
React.createElement(ToolBar, { id: id, showMenu: false },
|
34
50
|
React.createElement(Open, { size: "middle", url: meta.getRoute(workSchedule) }),
|
35
|
-
React.createElement(WorkScheduleMenu, { id: id, closeAside: true })))))),
|
51
|
+
React.createElement(WorkScheduleMenu, { id: id, closeAside: true }))))))),
|
36
52
|
visibleQuickView && (React.createElement(WorkScheduleQuickViewDialog, { id: id, visible: true, onCancel: onQuickView }))));
|
37
53
|
});
|
38
54
|
/** Quick View */
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/work/work-schedule/components/WorkScheduleItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,qDAAqD,CAAC;AAC3E,OAAO,gBAAgB,MAAM,iCAAiC,CAAC;AAC/D,OAAO,OAAO,MAAM,sDAAsD,CAAC;AAC3E,OAAO,2BAA2B,MAAM,gCAAgC,CAAC;AACzE,OAAO,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/work/work-schedule/components/WorkScheduleItem/index.tsx"],"names":[],"mappings":"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"}
|
@@ -1,55 +1,45 @@
|
|
1
|
+
@import "~@voplus/antd/es/style/themes/index.less";
|
2
|
+
@import "~@voplus/morpho-theme/styles/index.less";
|
3
|
+
|
1
4
|
.work-schedule-item {
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
border-bottom: 1px solid #f2f2f2;
|
5
|
+
cursor: pointer;
|
6
|
+
|
7
|
+
&:hover {
|
8
|
+
background-color: #f5f8fd;
|
9
|
+
}
|
8
10
|
|
9
11
|
:global {
|
10
|
-
.
|
11
|
-
|
12
|
+
.work-schedule-item-name {
|
13
|
+
color: #575757;
|
14
|
+
font-weight: 500;
|
15
|
+
word-break: break-all;
|
12
16
|
}
|
13
17
|
|
14
|
-
.work-schedule-item-
|
15
|
-
|
16
|
-
|
17
|
-
align-items: center;
|
18
|
-
width: 100%;
|
19
|
-
|
20
|
-
.work-schedule-item-info {
|
21
|
-
display: flex;
|
22
|
-
flex-direction: column;
|
23
|
-
|
24
|
-
.work-schedule-item-name {
|
25
|
-
color: #575757;
|
26
|
-
font-weight: 500;
|
27
|
-
word-break: break-all;
|
28
|
-
}
|
29
|
-
|
30
|
-
.work-schedule-item-data-bar {
|
31
|
-
min-height: 22px;
|
32
|
-
}
|
33
|
-
}
|
18
|
+
.work-schedule-item-data-info {
|
19
|
+
height: 22px;
|
20
|
+
}
|
34
21
|
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
22
|
+
.work-schedule-item-menus {
|
23
|
+
&.hide {
|
24
|
+
display: none;
|
25
|
+
}
|
39
26
|
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
}
|
27
|
+
.work-schedule-item-schedule {
|
28
|
+
color: #00000073;
|
29
|
+
font-size: 12px;
|
44
30
|
}
|
31
|
+
}
|
45
32
|
|
46
|
-
|
47
|
-
|
33
|
+
.work-schedule-item-tool {
|
34
|
+
display: none;
|
48
35
|
|
49
|
-
|
50
|
-
|
51
|
-
}
|
36
|
+
&.show {
|
37
|
+
display: block;
|
52
38
|
}
|
53
39
|
}
|
40
|
+
|
41
|
+
.custom-column-item___yTecf {
|
42
|
+
padding: 10px 20px;
|
43
|
+
}
|
54
44
|
}
|
55
|
-
}
|
45
|
+
}
|