wl-design-mobile 0.8.19 → 0.8.21
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/README.md +6 -6
- package/api/doc.js +25 -25
- package/api/x1.js +56 -56
- package/btn/components/lambo-info-btn.vue +123 -123
- package/btn/components/lambo-primary-btn.vue +117 -117
- package/btn/components/lambo-text-btn.vue +116 -116
- package/btn/lambo-btn-divide.vue +35 -120
- package/btn/lambo-btn-group.vue +46 -46
- package/btn/lambo-btn-split-line.vue +41 -41
- package/btn/lambo-btn.vue +68 -68
- package/btn/lambo-extend-btn.vue +121 -121
- package/btn/lambo-icon-btn.vue +82 -82
- package/card-item/card-row-icon.vue +71 -71
- package/card-item/filtrate-row.vue +73 -73
- package/card-item/lambo-card-footer.vue +40 -40
- package/card-item/lambo-card-head.vue +66 -66
- package/card-item/lambo-card-row.vue +59 -59
- package/collapse/lambo-collapse.vue +93 -93
- package/config/config.js +14 -14
- package/detail/lambo-detail-grid.vue +58 -58
- package/detail/lambo-detail-row.vue +59 -59
- package/doc/file/compoents/lambo-file-list.vue +42 -42
- package/doc/file/compoents/lambo-file-row.vue +77 -77
- package/doc/file/lambo-file-upload-collapse.vue +107 -107
- package/doc/file-type/file-type.js +286 -286
- package/doc/img/comonents/lambo-img-grid.vue +109 -109
- package/doc/img/lambo-img-upload-collapse.vue +107 -107
- package/doc/img/styles/css/index.css +3 -3
- package/edit/list/Lambo-edit-list.vue +87 -87
- package/edit/list/lambo-edit-card-group.vue +100 -100
- package/edit/list/styles/css/index.css +39 -39
- package/edit/select/lambo-edit-date-range.vue +147 -147
- package/edit/select/lambo-edit-date-time.vue +122 -122
- package/edit/select/lambo-edit-date.vue +120 -120
- package/edit/select/lambo-edit-input-textarea.vue +91 -91
- package/edit/select/lambo-edit-input.vue +91 -91
- package/edit/select/lambo-edit-multi-select.vue +168 -168
- package/edit/select/lambo-edit-search-single-select.vue +186 -186
- package/edit/select/lambo-edit-single-select.vue +162 -162
- package/edit/select/styles/css/index.css +133 -133
- package/flow/approval/flow-approval.vue +552 -552
- package/flow/comps/flow-attachment-list.vue +230 -230
- package/flow/comps/flow-attachment-modal.vue +194 -194
- package/flow/comps/flow-copy-users.vue +358 -358
- package/flow/comps/flow-node-card.vue +150 -150
- package/flow/comps/flow-node-header.vue +172 -172
- package/flow/comps/flow-util.js +156 -156
- package/flow/comps/icons/approved.svg +11 -11
- package/flow/comps/icons/canceled.svg +11 -11
- package/flow/comps/icons/rejected.svg +11 -11
- package/flow/comps/icons/underway.svg +11 -11
- package/flow/detail/flow-detail.vue +467 -467
- package/flow/index.js +51 -51
- package/flow/lambo-flow-detail.vue +912 -912
- package/flow/lambo-flow-edit.vue +15 -15
- package/flow/submit/flow-submit.vue +383 -383
- package/icon/lambo-required-red-star.vue +47 -47
- package/icon/lambo-vector-icon.vue +71 -71
- package/list/lambo-list.vue +412 -413
- package/nav/lambo-top-nav.vue +81 -81
- package/order/comps/icons/approved.svg +10 -10
- package/order/comps/icons/underway.svg +10 -10
- package/order/comps/order-attachment-list.vue +228 -228
- package/order/comps/order-attachment-modal.vue +194 -194
- package/order/comps/order-node-card.vue +126 -126
- package/order/comps/order-node-header.vue +133 -133
- package/order/comps/order-util.js +132 -132
- package/order/detail/order-detail.vue +432 -432
- package/order/handle/order-handle.vue +517 -517
- package/order/index.js +33 -33
- package/package.json +38 -37
- package/search/lambo-date-range-page.vue +196 -196
- package/search/lambo-date-range.vue +111 -111
- package/search/lambo-date.vue +105 -105
- package/search/lambo-input.vue +74 -74
- package/search/lambo-multi-select.vue +129 -129
- package/search/lambo-org-select-page.vue +109 -109
- package/search/lambo-search-box.vue +61 -61
- package/search/lambo-search-single-select.vue +152 -152
- package/search/lambo-single-select.vue +123 -123
- package/search/lambo-week-date-select.vue +521 -521
- package/search/styles/css/index.css +138 -138
- package/styles/base.less +77 -77
- package/styles/components/btn.less +7 -7
- package/styles/components/search.less +33 -33
- package/styles/components/tag.less +181 -181
- package/styles/index.less +4 -4
- package/table/lambo-ag-table.vue +227 -227
- package/tag/lambo-tag.vue +23 -23
- package/title/lambo-title1.vue +151 -151
- package/title/lambo-title2.vue +37 -37
- package/title/lambo-title3.vue +77 -77
- package/util/assist.js +43 -43
- package/util/axios/cacheconf.js +19 -19
- package/util/axios/index.js +11 -11
- package/util/axios/interceptors.js +101 -101
- package/util/bus.js +4 -4
- package/util/jssdk-sczy.js +104 -104
- package/util/jssdk.js +608 -565
- package/util/math.js +76 -76
- package/util/token.js +36 -36
package/config/config.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
serverContext: '/',
|
|
3
|
-
homeName: 'home',
|
|
4
|
-
upmsServerContext: "/upms-server",
|
|
5
|
-
errorMessage: "数据请求出错,请稍后尝试",
|
|
6
|
-
|
|
7
|
-
authServerContext: '/auth-server',
|
|
8
|
-
userManageServerContext: '/user-manage-server',
|
|
9
|
-
lomServerContext: '/scl-lom-server',
|
|
10
|
-
platformServerContext: '/scl-platform-server',
|
|
11
|
-
sclDocServerContext: '/scl-doc-server',
|
|
12
|
-
didaHost: "/dida-runtime-micro",
|
|
13
|
-
didaRuntimeServerContext: "/dida-runtime-server",
|
|
14
|
-
}
|
|
1
|
+
export default {
|
|
2
|
+
serverContext: '/',
|
|
3
|
+
homeName: 'home',
|
|
4
|
+
upmsServerContext: "/upms-server",
|
|
5
|
+
errorMessage: "数据请求出错,请稍后尝试",
|
|
6
|
+
|
|
7
|
+
authServerContext: '/auth-server',
|
|
8
|
+
userManageServerContext: '/user-manage-server',
|
|
9
|
+
lomServerContext: '/scl-lom-server',
|
|
10
|
+
platformServerContext: '/scl-platform-server',
|
|
11
|
+
sclDocServerContext: '/scl-doc-server',
|
|
12
|
+
didaHost: "/dida-runtime-micro",
|
|
13
|
+
didaRuntimeServerContext: "/dida-runtime-server",
|
|
14
|
+
}
|
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="detail-grid">
|
|
3
|
-
<van-grid :border="false" :center="false" :column-num="columnNum" class="detail-grid-main">
|
|
4
|
-
<van-grid-item v-for="(row, index) in data" :key="index" class="detail-grid-box">
|
|
5
|
-
<div class="detail-grid-title">{{ row.title }}</div>
|
|
6
|
-
<div class="detail-grid-val">
|
|
7
|
-
{{ row.val }}
|
|
8
|
-
</div>
|
|
9
|
-
</van-grid-item>
|
|
10
|
-
</van-grid>
|
|
11
|
-
</div>
|
|
12
|
-
</template>
|
|
13
|
-
<script>
|
|
14
|
-
|
|
15
|
-
export default {
|
|
16
|
-
name: 'LamboDetailGrid',
|
|
17
|
-
props: {
|
|
18
|
-
data: {
|
|
19
|
-
type: Array,
|
|
20
|
-
default: () => [],
|
|
21
|
-
},
|
|
22
|
-
columnNum: {
|
|
23
|
-
type: [Number, String],
|
|
24
|
-
default: 2
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
created() {
|
|
28
|
-
console.log("LamboDetailGrid -- created -- data:", this.data)
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
</script>
|
|
32
|
-
<style scoped>
|
|
33
|
-
@import "../styles/index.less";
|
|
34
|
-
|
|
35
|
-
.detail-grid {
|
|
36
|
-
background-color: var(--scl-white-1);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.detail-grid-main {
|
|
40
|
-
padding: 0 14px;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.detail-grid-main /deep/ .van-grid-item__content {
|
|
44
|
-
padding: 12px 0 0 0;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
.detail-grid-title {
|
|
49
|
-
margin-bottom: 12px;
|
|
50
|
-
font-size: 0.9rem;
|
|
51
|
-
font-family: Regular;
|
|
52
|
-
color: var(--scl-gray-2)
|
|
53
|
-
}
|
|
54
|
-
.detail-grid-val {
|
|
55
|
-
font-size: 1rem;
|
|
56
|
-
color: var(--scl-lucency-1);
|
|
57
|
-
}
|
|
58
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="detail-grid">
|
|
3
|
+
<van-grid :border="false" :center="false" :column-num="columnNum" class="detail-grid-main">
|
|
4
|
+
<van-grid-item v-for="(row, index) in data" :key="index" class="detail-grid-box">
|
|
5
|
+
<div class="detail-grid-title">{{ row.title }}</div>
|
|
6
|
+
<div class="detail-grid-val">
|
|
7
|
+
{{ row.val }}
|
|
8
|
+
</div>
|
|
9
|
+
</van-grid-item>
|
|
10
|
+
</van-grid>
|
|
11
|
+
</div>
|
|
12
|
+
</template>
|
|
13
|
+
<script>
|
|
14
|
+
|
|
15
|
+
export default {
|
|
16
|
+
name: 'LamboDetailGrid',
|
|
17
|
+
props: {
|
|
18
|
+
data: {
|
|
19
|
+
type: Array,
|
|
20
|
+
default: () => [],
|
|
21
|
+
},
|
|
22
|
+
columnNum: {
|
|
23
|
+
type: [Number, String],
|
|
24
|
+
default: 2
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
created() {
|
|
28
|
+
console.log("LamboDetailGrid -- created -- data:", this.data)
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
</script>
|
|
32
|
+
<style scoped>
|
|
33
|
+
@import "../styles/index.less";
|
|
34
|
+
|
|
35
|
+
.detail-grid {
|
|
36
|
+
background-color: var(--scl-white-1);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.detail-grid-main {
|
|
40
|
+
padding: 0 14px;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.detail-grid-main /deep/ .van-grid-item__content {
|
|
44
|
+
padding: 12px 0 0 0;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
.detail-grid-title {
|
|
49
|
+
margin-bottom: 12px;
|
|
50
|
+
font-size: 0.9rem;
|
|
51
|
+
font-family: Regular;
|
|
52
|
+
color: var(--scl-gray-2)
|
|
53
|
+
}
|
|
54
|
+
.detail-grid-val {
|
|
55
|
+
font-size: 1rem;
|
|
56
|
+
color: var(--scl-lucency-1);
|
|
57
|
+
}
|
|
58
|
+
</style>
|
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="detail-row-main">
|
|
3
|
-
<div class="detail-row-box" v-for="(item,index) in data" :key="index">
|
|
4
|
-
<div class="detail-row-title">{{ item.title }}</div>
|
|
5
|
-
<div class="detail-row-val">{{ item.val }}</div>
|
|
6
|
-
</div>
|
|
7
|
-
</div>
|
|
8
|
-
</template>
|
|
9
|
-
<script>
|
|
10
|
-
|
|
11
|
-
export default {
|
|
12
|
-
name: 'LamboDetailRow',
|
|
13
|
-
components: {},
|
|
14
|
-
props: {
|
|
15
|
-
data: {
|
|
16
|
-
type: Array,
|
|
17
|
-
default: () => []
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
data() {
|
|
21
|
-
return {}
|
|
22
|
-
},
|
|
23
|
-
methods: {},
|
|
24
|
-
created() {
|
|
25
|
-
|
|
26
|
-
},
|
|
27
|
-
mounted() {
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
</script>
|
|
32
|
-
<style scoped>
|
|
33
|
-
@import "../styles/index.less";
|
|
34
|
-
|
|
35
|
-
.detail-row-main {
|
|
36
|
-
background-color: var(--scl-white-1);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.detail-row-box {
|
|
40
|
-
height: 70px;
|
|
41
|
-
margin: 0 14px;
|
|
42
|
-
padding: 12px 0;
|
|
43
|
-
border-bottom: 1px solid var(--scl-white-2);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.detail-row-title {
|
|
47
|
-
height: 16px;
|
|
48
|
-
margin-bottom: 12px;
|
|
49
|
-
font-size: 0.9rem;
|
|
50
|
-
font-family: Regular;
|
|
51
|
-
color: var(--scl-gray-2)
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.detail-row-val {
|
|
55
|
-
height: 1.1rem;
|
|
56
|
-
font-size: 1rem;
|
|
57
|
-
color: var(--scl-lucency-1);
|
|
58
|
-
}
|
|
59
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="detail-row-main">
|
|
3
|
+
<div class="detail-row-box" v-for="(item,index) in data" :key="index">
|
|
4
|
+
<div class="detail-row-title">{{ item.title }}</div>
|
|
5
|
+
<div class="detail-row-val">{{ item.val }}</div>
|
|
6
|
+
</div>
|
|
7
|
+
</div>
|
|
8
|
+
</template>
|
|
9
|
+
<script>
|
|
10
|
+
|
|
11
|
+
export default {
|
|
12
|
+
name: 'LamboDetailRow',
|
|
13
|
+
components: {},
|
|
14
|
+
props: {
|
|
15
|
+
data: {
|
|
16
|
+
type: Array,
|
|
17
|
+
default: () => []
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
data() {
|
|
21
|
+
return {}
|
|
22
|
+
},
|
|
23
|
+
methods: {},
|
|
24
|
+
created() {
|
|
25
|
+
|
|
26
|
+
},
|
|
27
|
+
mounted() {
|
|
28
|
+
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
</script>
|
|
32
|
+
<style scoped>
|
|
33
|
+
@import "../styles/index.less";
|
|
34
|
+
|
|
35
|
+
.detail-row-main {
|
|
36
|
+
background-color: var(--scl-white-1);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.detail-row-box {
|
|
40
|
+
height: 70px;
|
|
41
|
+
margin: 0 14px;
|
|
42
|
+
padding: 12px 0;
|
|
43
|
+
border-bottom: 1px solid var(--scl-white-2);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.detail-row-title {
|
|
47
|
+
height: 16px;
|
|
48
|
+
margin-bottom: 12px;
|
|
49
|
+
font-size: 0.9rem;
|
|
50
|
+
font-family: Regular;
|
|
51
|
+
color: var(--scl-gray-2)
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.detail-row-val {
|
|
55
|
+
height: 1.1rem;
|
|
56
|
+
font-size: 1rem;
|
|
57
|
+
color: var(--scl-lucency-1);
|
|
58
|
+
}
|
|
59
|
+
</style>
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div>
|
|
3
|
-
<div v-for="(item, index) in data" :key="index">
|
|
4
|
-
<lambo-file-row v-if="item && item.fileId" :file-id="item.fileId" :file-name="item.fileName" :if-delete="ifDelete"
|
|
5
|
-
@on-delete="handleDelete($event, index)"></lambo-file-row>
|
|
6
|
-
</div>
|
|
7
|
-
</div>
|
|
8
|
-
</template>
|
|
9
|
-
<script>
|
|
10
|
-
import LamboFileRow from "../../../doc/file/compoents/lambo-file-row.vue";
|
|
11
|
-
|
|
12
|
-
export default {
|
|
13
|
-
name: 'LamboFileList',
|
|
14
|
-
components: {LamboFileRow},
|
|
15
|
-
props: {
|
|
16
|
-
data: {
|
|
17
|
-
type: Array,
|
|
18
|
-
default: () => []
|
|
19
|
-
},
|
|
20
|
-
ifDelete: {
|
|
21
|
-
type: Boolean,
|
|
22
|
-
default: false
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
data() {
|
|
26
|
-
return {
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
methods: {
|
|
31
|
-
handleDelete(item, index) {
|
|
32
|
-
console.log("lambo-file-list item:", item)
|
|
33
|
-
console.log("lambo-file-list index:", index)
|
|
34
|
-
this.data.splice(index, 1)
|
|
35
|
-
this.$emit("on-delete", {...item, index: index});
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
</script>
|
|
40
|
-
<style scoped>
|
|
41
|
-
|
|
42
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div>
|
|
3
|
+
<div v-for="(item, index) in data" :key="index">
|
|
4
|
+
<lambo-file-row v-if="item && item.fileId" :file-id="item.fileId" :file-name="item.fileName" :if-delete="ifDelete"
|
|
5
|
+
@on-delete="handleDelete($event, index)"></lambo-file-row>
|
|
6
|
+
</div>
|
|
7
|
+
</div>
|
|
8
|
+
</template>
|
|
9
|
+
<script>
|
|
10
|
+
import LamboFileRow from "../../../doc/file/compoents/lambo-file-row.vue";
|
|
11
|
+
|
|
12
|
+
export default {
|
|
13
|
+
name: 'LamboFileList',
|
|
14
|
+
components: {LamboFileRow},
|
|
15
|
+
props: {
|
|
16
|
+
data: {
|
|
17
|
+
type: Array,
|
|
18
|
+
default: () => []
|
|
19
|
+
},
|
|
20
|
+
ifDelete: {
|
|
21
|
+
type: Boolean,
|
|
22
|
+
default: false
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
data() {
|
|
26
|
+
return {
|
|
27
|
+
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
methods: {
|
|
31
|
+
handleDelete(item, index) {
|
|
32
|
+
console.log("lambo-file-list item:", item)
|
|
33
|
+
console.log("lambo-file-list index:", index)
|
|
34
|
+
this.data.splice(index, 1)
|
|
35
|
+
this.$emit("on-delete", {...item, index: index});
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
</script>
|
|
40
|
+
<style scoped>
|
|
41
|
+
|
|
42
|
+
</style>
|
|
@@ -1,77 +1,77 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="file-container">
|
|
3
|
-
<div class="title-div">
|
|
4
|
-
<img :src="fileIcon" class="file-type-icon"/>
|
|
5
|
-
<p class="file-name">{{ fileName }}</p>
|
|
6
|
-
</div>
|
|
7
|
-
<div class="btn-div" v-if="ifDelete">
|
|
8
|
-
<van-icon name="cross" @click="deleteDoc"/>
|
|
9
|
-
</div>
|
|
10
|
-
</div>
|
|
11
|
-
</template>
|
|
12
|
-
<script>
|
|
13
|
-
import { getFileIconPath } from '../../file-type/file-type'
|
|
14
|
-
|
|
15
|
-
export default {
|
|
16
|
-
name: 'LamboFileRow',
|
|
17
|
-
props: {
|
|
18
|
-
fileId: {
|
|
19
|
-
type: String,
|
|
20
|
-
required: true
|
|
21
|
-
},
|
|
22
|
-
fileName: {
|
|
23
|
-
type: String,
|
|
24
|
-
default: ''
|
|
25
|
-
},
|
|
26
|
-
ifDelete: {
|
|
27
|
-
type: Boolean,
|
|
28
|
-
default: false
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
computed: {
|
|
32
|
-
fileIcon() {
|
|
33
|
-
return getFileIconPath(this.fileName)
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
methods: {
|
|
37
|
-
deleteDoc() {
|
|
38
|
-
this.$emit("on-delete", {fileId: this.fileId, fileName: this.fileName});
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
</script>
|
|
43
|
-
<style scoped>
|
|
44
|
-
.file-container {
|
|
45
|
-
margin: 0px 14px 5px 14px;
|
|
46
|
-
background-color: var(--scl-white-7);
|
|
47
|
-
height: 38px;
|
|
48
|
-
display: flex;
|
|
49
|
-
justify-content: space-between;
|
|
50
|
-
padding: 0px 10px;
|
|
51
|
-
border-radius: 3px;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.title-div {
|
|
55
|
-
display: flex;
|
|
56
|
-
flex-direction: row;
|
|
57
|
-
align-content: center;
|
|
58
|
-
align-items: center;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.btn-div {
|
|
62
|
-
display: flex;
|
|
63
|
-
flex-direction: row;
|
|
64
|
-
align-content: center;
|
|
65
|
-
align-items: center;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.file-type-icon {
|
|
69
|
-
width: 17px;
|
|
70
|
-
height: 20px;
|
|
71
|
-
margin-right: 5px;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.file-name {
|
|
75
|
-
font-size: 14px;
|
|
76
|
-
}
|
|
77
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="file-container">
|
|
3
|
+
<div class="title-div">
|
|
4
|
+
<img :src="fileIcon" class="file-type-icon"/>
|
|
5
|
+
<p class="file-name">{{ fileName }}</p>
|
|
6
|
+
</div>
|
|
7
|
+
<div class="btn-div" v-if="ifDelete">
|
|
8
|
+
<van-icon name="cross" @click="deleteDoc"/>
|
|
9
|
+
</div>
|
|
10
|
+
</div>
|
|
11
|
+
</template>
|
|
12
|
+
<script>
|
|
13
|
+
import { getFileIconPath } from '../../file-type/file-type'
|
|
14
|
+
|
|
15
|
+
export default {
|
|
16
|
+
name: 'LamboFileRow',
|
|
17
|
+
props: {
|
|
18
|
+
fileId: {
|
|
19
|
+
type: String,
|
|
20
|
+
required: true
|
|
21
|
+
},
|
|
22
|
+
fileName: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: ''
|
|
25
|
+
},
|
|
26
|
+
ifDelete: {
|
|
27
|
+
type: Boolean,
|
|
28
|
+
default: false
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
computed: {
|
|
32
|
+
fileIcon() {
|
|
33
|
+
return getFileIconPath(this.fileName)
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
methods: {
|
|
37
|
+
deleteDoc() {
|
|
38
|
+
this.$emit("on-delete", {fileId: this.fileId, fileName: this.fileName});
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
</script>
|
|
43
|
+
<style scoped>
|
|
44
|
+
.file-container {
|
|
45
|
+
margin: 0px 14px 5px 14px;
|
|
46
|
+
background-color: var(--scl-white-7);
|
|
47
|
+
height: 38px;
|
|
48
|
+
display: flex;
|
|
49
|
+
justify-content: space-between;
|
|
50
|
+
padding: 0px 10px;
|
|
51
|
+
border-radius: 3px;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.title-div {
|
|
55
|
+
display: flex;
|
|
56
|
+
flex-direction: row;
|
|
57
|
+
align-content: center;
|
|
58
|
+
align-items: center;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.btn-div {
|
|
62
|
+
display: flex;
|
|
63
|
+
flex-direction: row;
|
|
64
|
+
align-content: center;
|
|
65
|
+
align-items: center;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.file-type-icon {
|
|
69
|
+
width: 17px;
|
|
70
|
+
height: 20px;
|
|
71
|
+
margin-right: 5px;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.file-name {
|
|
75
|
+
font-size: 14px;
|
|
76
|
+
}
|
|
77
|
+
</style>
|