inl-ui 0.0.38 → 0.0.39

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.
Files changed (28) hide show
  1. package/dist/index.js +21 -21
  2. package/dist/index.js.map +1 -1
  3. package/dist/src/pageComponent/views/workforceManager/workforceRule/components/classManager.d.ts +1 -1
  4. package/dist/src/pageComponent/views/workforceManager/workforceRule/components/{workforceRule.d.ts → workforceRuleComp.d.ts} +1 -0
  5. package/dist/src/pageComponent/views/workforceManager/workforceRule/index.d.ts +1 -0
  6. package/dist/style.css +9 -8
  7. package/package.json +1 -1
  8. package/src/pageComponent/assets/styles/systemManager/index.less +6 -0
  9. package/src/pageComponent/views/productionPlanManager/assets/productionPlan.less +9 -1
  10. package/src/pageComponent/views/productionPlanManager/productionPlanConfig.tsx +1 -1
  11. package/src/pageComponent/views/pss/assets/less/index.less +1 -0
  12. package/src/pageComponent/views/pss/components/table.tsx +2 -2
  13. package/src/pageComponent/views/pssRecord/assets/index.less +3 -0
  14. package/src/pageComponent/views/pssRecord/index.tsx +1 -1
  15. package/src/pageComponent/views/video/assets/styles/video/photo.less +5 -1
  16. package/src/pageComponent/views/video/assets/styles/video/preview.less +9 -0
  17. package/src/pageComponent/views/video/preview/components/followItem.tsx +5 -1
  18. package/src/pageComponent/views/video/preview/components/treeItem.tsx +1 -1
  19. package/src/pageComponent/views/video/preview/preview.tsx +21 -21
  20. package/src/pageComponent/views/video/sbgl/photo.tsx +1 -1
  21. package/src/pageComponent/views/workforceManager/workforcePlan/assets/workforcePlan.less +5 -0
  22. package/src/pageComponent/views/workforceManager/workforcePlan/index.tsx +1 -1
  23. package/src/pageComponent/views/workforceManager/workforceRule/assets/classManagerAndWorkforceRuleComp.less +23 -0
  24. package/src/pageComponent/views/workforceManager/workforceRule/assets/index.less +10 -0
  25. package/src/pageComponent/views/workforceManager/workforceRule/components/classManager.tsx +2 -2
  26. package/src/pageComponent/views/workforceManager/workforceRule/components/{workforceRule.tsx → workforceRuleComp.tsx} +3 -1
  27. package/src/pageComponent/views/workforceManager/workforceRule/index.tsx +5 -2
  28. package/src/pageComponent/views/workforceManager/workforceRule/assets/classManager.less +0 -14
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "inl-ui",
3
- "version": "0.0.38",
3
+ "version": "0.0.39",
4
4
  "description": "工业 pc ui库",
5
5
  "main": "dist/index.js",
6
6
  "types": "./dist/types/src/index.d.ts",
@@ -24,11 +24,17 @@
24
24
  .postManager {
25
25
  display: flex;
26
26
  flex-direction: column;
27
+ overflow: hidden;
27
28
 
28
29
  .table-search {
29
30
  margin-bottom: 16px;
30
31
  }
31
32
 
33
+ > .ant-table-wrapper {
34
+ flex: 1;
35
+ overflow-y: auto;
36
+ }
37
+
32
38
  .control {
33
39
  margin-bottom: 16px;
34
40
  }
@@ -2,6 +2,14 @@
2
2
 
3
3
  .productionPlan,
4
4
  .productionPlanConfig {
5
+ flex-direction: column;
6
+ overflow: hidden;
7
+
8
+ .ant-table-wrapper {
9
+ flex: 1;
10
+ overflow-y: auto;
11
+ }
12
+
5
13
  .planBox {
6
14
  .line {
7
15
  width: 600px;
@@ -74,7 +82,7 @@
74
82
 
75
83
  .titleLine {
76
84
  &::before {
77
- content: '';
85
+ content: "";
78
86
  width: 8px;
79
87
  height: 8px;
80
88
  background: #3e7eff;
@@ -261,7 +261,7 @@ const com = defineComponent({
261
261
  };
262
262
 
263
263
  return () => (
264
- <div class="productionPlanConfig">
264
+ <div class="productionPlanConfig flex">
265
265
  <a-row class="row" style="margin-bottom: 10px">
266
266
  <a-col span="6">
267
267
  <a-button type="primary" onClick={addConfig}>
@@ -53,6 +53,7 @@
53
53
 
54
54
  .table {
55
55
  flex: 1;
56
+ overflow-y: auto;
56
57
 
57
58
  .operation {
58
59
  display: flex;
@@ -565,7 +565,7 @@ export default defineComponent({
565
565
  };
566
566
 
567
567
  return () => (
568
- <div class="pssList_content">
568
+ <div class="pssList_content flex">
569
569
  {state.typeOptions.length > 0 && state.statusOptions.length > 0 && (
570
570
  <div class="dropSelect">
571
571
  <a-dropdown
@@ -618,7 +618,7 @@ export default defineComponent({
618
618
  },
619
619
  }}
620
620
  >
621
- <div class="">
621
+ <div>
622
622
  <span>
623
623
  {(state.statusOptions[state.status] as any).text}
624
624
  <CaretDownOutlined />
@@ -1,6 +1,8 @@
1
1
  .pssRecord {
2
2
  height: 100%;
3
3
  position: relative;
4
+ overflow: hidden;
5
+ flex-direction: column;
4
6
 
5
7
  .seachFrom {
6
8
  justify-content: space-between;
@@ -13,6 +15,7 @@
13
15
 
14
16
  .table {
15
17
  flex: 1;
18
+ overflow-y: auto;
16
19
 
17
20
  .operation {
18
21
  display: flex;
@@ -197,7 +197,7 @@ const com = defineComponent({
197
197
  };
198
198
 
199
199
  return () => (
200
- <div class="pssRecord" id="pssRecord">
200
+ <div class="pssRecord flex" id="pssRecord">
201
201
  <div class="seachFrom flex">
202
202
  <div class="operation_btn flex">
203
203
  <Button
@@ -11,7 +11,7 @@
11
11
  }
12
12
  .photoPage {
13
13
  width: 100%;
14
- margin: 0px 20px 20px 10px;
14
+ flex-direction: column;
15
15
  box-sizing: border-box;
16
16
  background-color: #fff;
17
17
  overflow: auto;
@@ -44,6 +44,10 @@
44
44
  margin: 0 20px 20px 0;
45
45
  }
46
46
  }
47
+ .body {
48
+ flex: 1;
49
+ overflow-y: auto;
50
+ }
47
51
  .alarmTable {
48
52
  .tableOpera {
49
53
  font-weight: 500;
@@ -424,6 +424,15 @@
424
424
  flex: 1;
425
425
  font-size: 13px;
426
426
  }
427
+
428
+ img {
429
+ margin: 0;
430
+ width: 15px;
431
+ height: 15px;
432
+ &.active-l {
433
+ margin-left: 5px;
434
+ }
435
+ }
427
436
  }
428
437
  .itemgz {
429
438
  .ant-collapse-header {
@@ -152,7 +152,11 @@ export default defineComponent({
152
152
  }}
153
153
  title="确定取消关注?"
154
154
  >
155
- <DeleteOutlined title="取消关注" class="icons" />
155
+ <img
156
+ class="active-l"
157
+ src="/micro-assets/inl/video/operation/collectYes.png"
158
+ alt="取消关注"
159
+ />
156
160
  </a-popconfirm>
157
161
  </div>
158
162
  );
@@ -146,7 +146,7 @@ export default defineComponent({
146
146
  collctData.concernUuid = "";
147
147
  collctData.uuid && (collctData.uuid = "");
148
148
  e.stopPropagation();
149
- collctData.uuid && (collctData.uuid = item?.uuid);
149
+ item?.uuid && (collctData.uuid = item?.uuid);
150
150
  getConcern();
151
151
  collectVisible.value = true;
152
152
  };
@@ -549,27 +549,27 @@ const com = defineComponent({
549
549
  )}
550
550
  </a-tabs>
551
551
 
552
- {tabValue.value === "1" ? (
553
- <tree-item
554
- onGetFollow={getFollow}
555
- onTitleChange={titleChange}
556
- ref={treeItemRef}
557
- onDragTree={treeDrag}
558
- onStopVideo={(uuid: string, key: string) => {
559
- changeVideo(uuid, key, imgType.acitveClass);
560
- }}
561
- class="photoTree"
562
- domType={imgType.type}
563
- />
564
- ) : (
565
- <followItem
566
- domType={imgType.type}
567
- onStopVideo={(uuid: string, key: string) => {
568
- changeVideo(uuid, key, imgType.acitveClass);
569
- }}
570
- ref={followRef}
571
- />
572
- )}
552
+ <tree-item
553
+ v-show={tabValue.value === "1"}
554
+ onGetFollow={getFollow}
555
+ onTitleChange={titleChange}
556
+ ref={treeItemRef}
557
+ onDragTree={treeDrag}
558
+ onStopVideo={(uuid: string, key: string) => {
559
+ changeVideo(uuid, key, imgType.acitveClass);
560
+ }}
561
+ class="photoTree"
562
+ domType={imgType.type}
563
+ />
564
+
565
+ <followItem
566
+ v-show={tabValue.value === "2"}
567
+ domType={imgType.type}
568
+ onStopVideo={(uuid: string, key: string) => {
569
+ changeVideo(uuid, key, imgType.acitveClass);
570
+ }}
571
+ ref={followRef}
572
+ />
573
573
  </div>
574
574
  <div
575
575
  class={[
@@ -367,7 +367,7 @@ const com = defineComponent({
367
367
  userInfo = JSON.parse(localStorage.getItem("userinfo") || "");
368
368
  });
369
369
  return () => (
370
- <div class="photoPage">
370
+ <div class="photoPage flex">
371
371
  <CheckDialog />
372
372
  <a-modal
373
373
  v-model={[batchType.value, "visible"]}
@@ -1,6 +1,9 @@
1
1
  @borderColor: #000;
2
2
 
3
3
  .workforcePlan {
4
+ flex-direction: column;
5
+ overflow: hidden;
6
+
4
7
  .filter {
5
8
  margin-bottom: 16px;
6
9
  .form {
@@ -8,6 +11,8 @@
8
11
  }
9
12
  }
10
13
  .table-container {
14
+ flex: 1;
15
+ overflow-y: auto;
11
16
  .operation {
12
17
  display: flex;
13
18
  justify-content: space-between;
@@ -93,7 +93,7 @@ const com = defineComponent({
93
93
  };
94
94
 
95
95
  return () => (
96
- <div class="workforcePlan">
96
+ <div class="workforcePlan flex">
97
97
  {/* 筛选框 */}
98
98
  <div class="filter">
99
99
  <a-form class="form" layout="inline">
@@ -0,0 +1,23 @@
1
+ .classManager,
2
+ .workforceRuleComp {
3
+ flex-direction: column;
4
+ height: 100%;
5
+
6
+ .row {
7
+ margin-bottom: 10px;
8
+ }
9
+
10
+ .ant-table-wrapper {
11
+ flex: 1;
12
+ overflow-y: auto;
13
+ }
14
+ }
15
+
16
+ .chassManagerModal {
17
+ .classManager_infoRow {
18
+ padding: 6px 0;
19
+ .mtop {
20
+ margin-top: 6px;
21
+ }
22
+ }
23
+ }
@@ -0,0 +1,10 @@
1
+ .workforceRule {
2
+ overflow: hidden;
3
+ .ant-tabs.ant-tabs-top {
4
+ height: 100%;
5
+ }
6
+
7
+ .ant-tabs-content.ant-tabs-content-top {
8
+ height: 100%;
9
+ }
10
+ }
@@ -4,7 +4,7 @@ import { message, Modal } from "ant-design-vue";
4
4
  import useTableList from "@/pageComponent/hooks/useTableList";
5
5
  import workforceApi from "@/api/workforceManager";
6
6
 
7
- import "../assets/classManager.less";
7
+ import "../assets/classManagerAndWorkforceRuleComp.less";
8
8
 
9
9
  const columns = [
10
10
  {
@@ -149,7 +149,7 @@ export default defineComponent({
149
149
  const formRef = ref();
150
150
 
151
151
  return () => (
152
- <div class="classManager">
152
+ <div class="classManager flex">
153
153
  <a-row class="row">
154
154
  <a-col span="24" style={{ textAlign: "right" }}>
155
155
  <a-button
@@ -5,6 +5,8 @@ import useTableList from "@/pageComponent/hooks/useTableList";
5
5
 
6
6
  import workforceApi from "@/api/workforceManager";
7
7
 
8
+ import "../assets/classManagerAndWorkforceRuleComp.less";
9
+
8
10
  const columns = [
9
11
  {
10
12
  title: "排班编码",
@@ -102,7 +104,7 @@ export default defineComponent({
102
104
  };
103
105
 
104
106
  return () => (
105
- <div class="classManager">
107
+ <div class="workforceRuleComp flex">
106
108
  <a-form
107
109
  model={searchFormState.value}
108
110
  ref={searchFormRef}
@@ -2,7 +2,9 @@ import { defineComponent, ref } from "vue";
2
2
  import utils from "@/utils";
3
3
 
4
4
  import ClassManager from "./components/classManager";
5
- import WorkforceRule from "./components/workforceRule";
5
+ import WorkforceRuleComp from "./components/workforceRuleComp";
6
+
7
+ import "./assets/index.less";
6
8
 
7
9
  const com = defineComponent({
8
10
  setup() {
@@ -14,12 +16,13 @@ const com = defineComponent({
14
16
  v-model={[activeKey.value, "activeKey"]}
15
17
  animated
16
18
  destroyInactiveTabPane
19
+ style="height: 100%;"
17
20
  >
18
21
  <a-tab-pane key="1" tab="班制管理">
19
22
  <ClassManager />
20
23
  </a-tab-pane>
21
24
  <a-tab-pane key="2" tab="排班规则">
22
- <WorkforceRule />
25
+ <WorkforceRuleComp />
23
26
  </a-tab-pane>
24
27
  </a-tabs>
25
28
  </div>
@@ -1,14 +0,0 @@
1
- .classManager {
2
- .row {
3
- margin-bottom: 10px;
4
- }
5
- }
6
-
7
- .chassManagerModal {
8
- .classManager_infoRow {
9
- padding: 6px 0;
10
- .mtop {
11
- margin-top: 6px;
12
- }
13
- }
14
- }