inl-ui 0.0.78 → 0.0.80
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/dist/index.js +31 -18
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/api/pss.ts +2 -0
- package/src/pageComponent/views/pss/assets/less/cus-table.less +48 -60
- package/src/pageComponent/views/pss/assets/less/index.less +65 -69
- package/src/pageComponent/views/pss/components/Info.tsx +1 -0
- package/src/pageComponent/views/pss/components/NewOrder/SelectDevice.tsx +0 -1
- package/src/pageComponent/views/pss/components/NewOrder/SelectRelevance.tsx +0 -1
- package/src/pageComponent/views/pss/components/table.tsx +0 -1
- package/src/pageComponent/views/pss/index.tsx +55 -6
- package/src/pageComponent/views/pssRecord/components/Info.tsx +17 -0
- package/src/pageComponent/views/pssRecord/index.tsx +6 -1
- package/dist/src/pageComponent/views/pss/components/NewOrder.d.ts +0 -17
- package/dist/src/pageComponent/views/pss/list.d.ts +0 -3
- package/src/pageComponent/views/pss/list.tsx +0 -65
|
@@ -1,95 +1,91 @@
|
|
|
1
|
-
.
|
|
1
|
+
.pssList {
|
|
2
2
|
height: 100%;
|
|
3
|
-
|
|
3
|
+
position: relative;
|
|
4
4
|
|
|
5
|
-
.
|
|
5
|
+
.ant-tabs {
|
|
6
6
|
height: 100%;
|
|
7
|
-
position: relative;
|
|
8
7
|
|
|
9
|
-
|
|
8
|
+
&-content {
|
|
10
9
|
height: 100%;
|
|
11
|
-
|
|
12
|
-
&-content {
|
|
13
|
-
height: 100%;
|
|
14
|
-
}
|
|
15
10
|
}
|
|
11
|
+
}
|
|
16
12
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
13
|
+
&_content {
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-direction: column;
|
|
16
|
+
height: 100%;
|
|
21
17
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
18
|
+
.dropSelect {
|
|
19
|
+
display: flex;
|
|
20
|
+
flex-direction: row;
|
|
21
|
+
align-items: center;
|
|
22
|
+
margin-bottom: 24px;
|
|
27
23
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
24
|
+
.ant-dropdown-trigger {
|
|
25
|
+
margin-right: 44px;
|
|
31
26
|
}
|
|
27
|
+
}
|
|
32
28
|
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
.operation_btn {
|
|
30
|
+
margin-bottom: 16px;
|
|
35
31
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
32
|
+
// .ant-btn {
|
|
33
|
+
// height: 32px;
|
|
34
|
+
// cursor: pointer;
|
|
39
35
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
36
|
+
// &-primary {
|
|
37
|
+
// background: #3E7EFF;
|
|
38
|
+
// margin-right: 24px;
|
|
39
|
+
// }
|
|
40
|
+
// }
|
|
41
|
+
}
|
|
46
42
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
43
|
+
.batchLine {
|
|
44
|
+
width: 100%;
|
|
45
|
+
height: 48px;
|
|
46
|
+
background: rgba(62, 126, 255, 0.1);
|
|
47
|
+
border-radius: 2px;
|
|
48
|
+
margin-bottom: 16px;
|
|
49
|
+
padding: 0 16px;
|
|
50
|
+
}
|
|
54
51
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
52
|
+
.table {
|
|
53
|
+
flex: 1;
|
|
54
|
+
overflow-y: auto;
|
|
58
55
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}
|
|
56
|
+
.operation {
|
|
57
|
+
display: flex;
|
|
58
|
+
flex-direction: row;
|
|
59
|
+
align-items: center;
|
|
60
|
+
justify-content: space-between;
|
|
61
|
+
font-size: 14px;
|
|
62
|
+
font-weight: 500;
|
|
63
|
+
color: #3e7eff;
|
|
64
|
+
|
|
65
|
+
.op {
|
|
66
|
+
button {
|
|
67
|
+
padding: 0;
|
|
72
68
|
}
|
|
73
69
|
}
|
|
74
70
|
}
|
|
71
|
+
}
|
|
75
72
|
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
}
|
|
73
|
+
.pages {
|
|
74
|
+
display: flex;
|
|
75
|
+
justify-content: flex-end;
|
|
80
76
|
}
|
|
77
|
+
}
|
|
81
78
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
79
|
+
&_modal {
|
|
80
|
+
.modal {
|
|
81
|
+
&_content {
|
|
82
|
+
.ant-row {
|
|
83
|
+
margin-bottom: 24px;
|
|
84
|
+
}
|
|
88
85
|
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
}
|
|
86
|
+
.serach {
|
|
87
|
+
width: 307px;
|
|
88
|
+
margin-bottom: 24px;
|
|
93
89
|
}
|
|
94
90
|
}
|
|
95
91
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { defineComponent, reactive, ref, watch } from "vue";
|
|
2
2
|
import { Button, Modal, message } from "ant-design-vue";
|
|
3
3
|
import { CaretDownOutlined } from "@ant-design/icons-vue";
|
|
4
|
-
import { randomKey } from "../utils";
|
|
5
4
|
import useTableList from "@/pageComponent/hooks/useTableList";
|
|
6
5
|
import NewOrder from "@/pageComponent/views/pss/components/NewOrder";
|
|
7
6
|
import ApproveOpinion from "@/pageComponent/views/pss/components/ApproveOpinion";
|
|
@@ -1,16 +1,65 @@
|
|
|
1
|
-
import { defineComponent,
|
|
1
|
+
import { defineComponent, shallowRef, reactive } from "vue";
|
|
2
|
+
import { TabPane, Tabs } from "ant-design-vue";
|
|
2
3
|
import utils from "@/utils";
|
|
3
4
|
import "./assets/less/index.less";
|
|
4
|
-
import
|
|
5
|
+
import Tables from "./components/table";
|
|
6
|
+
|
|
5
7
|
const com = defineComponent({
|
|
6
8
|
components: {
|
|
7
|
-
|
|
9
|
+
Tables,
|
|
8
10
|
},
|
|
9
11
|
setup() {
|
|
10
|
-
|
|
12
|
+
const tabConfig = reactive<{
|
|
13
|
+
activeKey: string;
|
|
14
|
+
tabs: Array<{ name: string; key: string; component: any; count: number }>;
|
|
15
|
+
}>({
|
|
16
|
+
activeKey: "do",
|
|
17
|
+
tabs: [
|
|
18
|
+
{
|
|
19
|
+
key: "do",
|
|
20
|
+
name: "待办",
|
|
21
|
+
count: 0,
|
|
22
|
+
component: shallowRef(Tables),
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
key: "done",
|
|
26
|
+
name: "已办",
|
|
27
|
+
count: 0,
|
|
28
|
+
component: shallowRef(Tables),
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
key: "self",
|
|
32
|
+
name: "我发起的",
|
|
33
|
+
count: 0,
|
|
34
|
+
component: shallowRef(Tables),
|
|
35
|
+
},
|
|
36
|
+
],
|
|
37
|
+
});
|
|
38
|
+
|
|
11
39
|
return () => (
|
|
12
|
-
<div class="
|
|
13
|
-
<
|
|
40
|
+
<div class="pssList" id="pssList">
|
|
41
|
+
<Tabs
|
|
42
|
+
v-model={[tabConfig.activeKey, "activeKey"]}
|
|
43
|
+
animated
|
|
44
|
+
destroyInactiveTabPane
|
|
45
|
+
>
|
|
46
|
+
{tabConfig.tabs.map((tab) => (
|
|
47
|
+
<TabPane
|
|
48
|
+
key={tab.key}
|
|
49
|
+
v-slots={{
|
|
50
|
+
tab: () => {
|
|
51
|
+
return (
|
|
52
|
+
<div class={["tab-label", `tab-label-${tab.key}`]}>
|
|
53
|
+
<span class="tab-name">{tab.name}</span>
|
|
54
|
+
</div>
|
|
55
|
+
);
|
|
56
|
+
},
|
|
57
|
+
}}
|
|
58
|
+
>
|
|
59
|
+
<tab.component tab={tab.key} />
|
|
60
|
+
</TabPane>
|
|
61
|
+
))}
|
|
62
|
+
</Tabs>
|
|
14
63
|
</div>
|
|
15
64
|
);
|
|
16
65
|
},
|
|
@@ -13,6 +13,8 @@ import { CheckOutlined } from "@ant-design/icons-vue";
|
|
|
13
13
|
|
|
14
14
|
import dayjs, { Dayjs } from "dayjs";
|
|
15
15
|
|
|
16
|
+
import { getStatus } from "../../pss/utils";
|
|
17
|
+
|
|
16
18
|
import pssApi from "@/api/pss";
|
|
17
19
|
|
|
18
20
|
const Format = "YYYY-MM-DD HH:mm";
|
|
@@ -247,6 +249,20 @@ export default defineComponent({
|
|
|
247
249
|
</>
|
|
248
250
|
)}
|
|
249
251
|
</Col>
|
|
252
|
+
|
|
253
|
+
<Col span={8}>
|
|
254
|
+
<div class="label">试车流程:</div>
|
|
255
|
+
<div class="value">
|
|
256
|
+
{dataObj.value?.attempt === "1" ? "有" : "无"}
|
|
257
|
+
</div>
|
|
258
|
+
</Col>
|
|
259
|
+
|
|
260
|
+
<Col span={8}>
|
|
261
|
+
<div class="label">运行信号:</div>
|
|
262
|
+
<div class="value">
|
|
263
|
+
{getStatus(dataObj.value?.runStatus)}
|
|
264
|
+
</div>
|
|
265
|
+
</Col>
|
|
250
266
|
</Row>
|
|
251
267
|
</div>
|
|
252
268
|
|
|
@@ -298,6 +314,7 @@ export default defineComponent({
|
|
|
298
314
|
loading={false}
|
|
299
315
|
scroll={{ y: "100%" }}
|
|
300
316
|
dataSource={loopVo.loop.list}
|
|
317
|
+
size="small"
|
|
301
318
|
style="width: 100%"
|
|
302
319
|
v-slots={{
|
|
303
320
|
bodyCell: ({ column, record, index }: any) => {
|
|
@@ -213,7 +213,12 @@ const com = defineComponent({
|
|
|
213
213
|
</Button>
|
|
214
214
|
</div>
|
|
215
215
|
|
|
216
|
-
<Form
|
|
216
|
+
<Form
|
|
217
|
+
model={searchFormState.value}
|
|
218
|
+
ref={formRef}
|
|
219
|
+
class="table-query-form"
|
|
220
|
+
labelCol={{ style: { width: "9em" } }}
|
|
221
|
+
>
|
|
217
222
|
<FormItem label="申请开始时间">
|
|
218
223
|
<RangePicker
|
|
219
224
|
v-model={[searchFormState.value.date, "value"]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{
|
|
2
|
-
showCreate: {
|
|
3
|
-
type: BooleanConstructor;
|
|
4
|
-
default: boolean;
|
|
5
|
-
};
|
|
6
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("refresh" | "update:showCreate")[], "refresh" | "update:showCreate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
7
|
-
showCreate: {
|
|
8
|
-
type: BooleanConstructor;
|
|
9
|
-
default: boolean;
|
|
10
|
-
};
|
|
11
|
-
}>> & {
|
|
12
|
-
onRefresh?: ((...args: any[]) => any) | undefined;
|
|
13
|
-
"onUpdate:showCreate"?: ((...args: any[]) => any) | undefined;
|
|
14
|
-
}, {
|
|
15
|
-
showCreate: boolean;
|
|
16
|
-
}>;
|
|
17
|
-
export default _default;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import "./assets/less/index.less";
|
|
2
|
-
declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
3
|
-
export default _default;
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { defineComponent, onMounted, ref, shallowRef, reactive } from "vue";
|
|
2
|
-
import { TabPane, Tabs } from "ant-design-vue";
|
|
3
|
-
import Tables from "./components/table";
|
|
4
|
-
import "./assets/less/index.less";
|
|
5
|
-
|
|
6
|
-
export default defineComponent({
|
|
7
|
-
components: {
|
|
8
|
-
Tables,
|
|
9
|
-
},
|
|
10
|
-
setup() {
|
|
11
|
-
const tabConfig = reactive<{
|
|
12
|
-
activeKey: string;
|
|
13
|
-
tabs: Array<{ name: string; key: string; component: any; count: number }>;
|
|
14
|
-
}>({
|
|
15
|
-
activeKey: "do",
|
|
16
|
-
tabs: [
|
|
17
|
-
{
|
|
18
|
-
key: "do",
|
|
19
|
-
name: "待办",
|
|
20
|
-
count: 0,
|
|
21
|
-
component: shallowRef(Tables),
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
key: "done",
|
|
25
|
-
name: "已办",
|
|
26
|
-
count: 0,
|
|
27
|
-
component: shallowRef(Tables),
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
key: "self",
|
|
31
|
-
name: "我发起的",
|
|
32
|
-
count: 0,
|
|
33
|
-
component: shallowRef(Tables),
|
|
34
|
-
},
|
|
35
|
-
],
|
|
36
|
-
});
|
|
37
|
-
|
|
38
|
-
return () => (
|
|
39
|
-
<div class="pssList" id="pssList">
|
|
40
|
-
<Tabs
|
|
41
|
-
v-model={[tabConfig.activeKey, "activeKey"]}
|
|
42
|
-
animated
|
|
43
|
-
destroyInactiveTabPane
|
|
44
|
-
>
|
|
45
|
-
{tabConfig.tabs.map((tab) => (
|
|
46
|
-
<TabPane
|
|
47
|
-
key={tab.key}
|
|
48
|
-
v-slots={{
|
|
49
|
-
tab: () => {
|
|
50
|
-
return (
|
|
51
|
-
<div class={["tab-label", `tab-label-${tab.key}`]}>
|
|
52
|
-
<span class="tab-name">{tab.name}</span>
|
|
53
|
-
</div>
|
|
54
|
-
);
|
|
55
|
-
},
|
|
56
|
-
}}
|
|
57
|
-
>
|
|
58
|
-
<tab.component tab={tab.key} />
|
|
59
|
-
</TabPane>
|
|
60
|
-
))}
|
|
61
|
-
</Tabs>
|
|
62
|
-
</div>
|
|
63
|
-
);
|
|
64
|
-
},
|
|
65
|
-
});
|