qtsk-vue3 0.0.20 → 0.0.22
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -5,10 +5,14 @@
|
|
|
5
5
|
v-model="modelValue"
|
|
6
6
|
:type="type"
|
|
7
7
|
:placeholder="placeholder"
|
|
8
|
-
:format="format"
|
|
8
|
+
:format="format"
|
|
9
|
+
:disabled-date="disabledDate"
|
|
9
10
|
:value-format="format"
|
|
10
11
|
:start-placeholder="startPlaceholder"
|
|
11
12
|
:end-placeholder="endPlaceholder"
|
|
13
|
+
:disabled-hours="disabledHour"
|
|
14
|
+
:disabled-minutes="disabledMinute"
|
|
15
|
+
:disabled-seconds="disabledSecond"
|
|
12
16
|
/>
|
|
13
17
|
</el-config-provider>
|
|
14
18
|
</template>
|
|
@@ -45,7 +49,11 @@ const props = defineProps({
|
|
|
45
49
|
endPlaceholder: {
|
|
46
50
|
type: String,
|
|
47
51
|
default: '结束日期'
|
|
48
|
-
}
|
|
52
|
+
},
|
|
53
|
+
disabledDate: Function,
|
|
54
|
+
disabledHour: Function,
|
|
55
|
+
disabledMinute: Function,
|
|
56
|
+
disabledSecond: Function,
|
|
49
57
|
})
|
|
50
58
|
|
|
51
59
|
const modelValue = defineModel('modelValue', { type: [String, Array] })
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<el-dialog v-model="modelValue" :title="title" :width="width" align-center>
|
|
3
3
|
<slot>内容</slot>
|
|
4
|
-
<template #footer>
|
|
4
|
+
<template #footer v-if="showFooter">
|
|
5
5
|
<div class="dialog-footer">
|
|
6
6
|
<el-button @click="handleCancel">
|
|
7
7
|
{{ cancelName }}
|
|
@@ -34,6 +34,10 @@ defineProps({
|
|
|
34
34
|
confirmName: {
|
|
35
35
|
type: String,
|
|
36
36
|
default: '确认'
|
|
37
|
+
},
|
|
38
|
+
showFooter: {
|
|
39
|
+
type: Boolean,
|
|
40
|
+
default: true
|
|
37
41
|
}
|
|
38
42
|
})
|
|
39
43
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
:data="data"
|
|
7
7
|
style="width: 100%"
|
|
8
8
|
:height="height"
|
|
9
|
-
:header-cell-style="{background:'#f2f4f7', color:'#606266',height: '
|
|
9
|
+
:header-cell-style="{background:'#f2f4f7', color:'#606266',height: '50px'}"
|
|
10
10
|
@selection-change="handleSelectionChange"
|
|
11
11
|
>
|
|
12
12
|
<el-table-column v-if="checkbox" type="selection" width="55" :selectable="selectable"/>
|
|
@@ -93,6 +93,12 @@ defineExpose({
|
|
|
93
93
|
|
|
94
94
|
<style lang="less" scoped>
|
|
95
95
|
:deep(.el-table__row){
|
|
96
|
-
height:
|
|
96
|
+
height: 40px;
|
|
97
|
+
}
|
|
98
|
+
:deep(th) {
|
|
99
|
+
background: #F5F5F9!important;
|
|
100
|
+
}
|
|
101
|
+
:deep(tbody .el-table__cell) {
|
|
102
|
+
padding: 0;
|
|
97
103
|
}
|
|
98
104
|
</style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-tabs v-model="activeName" type="
|
|
2
|
+
<el-tabs v-model="activeName" :type="type" class="demo-tabs">
|
|
3
3
|
<slot/>
|
|
4
4
|
</el-tabs>
|
|
5
5
|
</template>
|
|
@@ -11,6 +11,13 @@ import '../../style/root.css'
|
|
|
11
11
|
defineOptions({
|
|
12
12
|
name: 'Tabs'
|
|
13
13
|
})
|
|
14
|
+
|
|
15
|
+
defineProps({
|
|
16
|
+
type: {
|
|
17
|
+
type: String,
|
|
18
|
+
default: 'border-card', // '' | 'card' | 'border-card'
|
|
19
|
+
}
|
|
20
|
+
})
|
|
14
21
|
const activeName = defineModel('activeName', {type: String})
|
|
15
22
|
</script>
|
|
16
23
|
|
package/package/style/root.css
CHANGED