easybill-ui 0.0.6 → 0.0.7
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/components/CurdForm/src/CurdForm.vue +21 -73
- package/components/CurdForm/src/FormItem.vue +2 -0
- package/components/CurdForm/src/components/index.ts +0 -2
- package/components/CurdForm/src/types.ts +1 -1
- package/package.json +2 -2
- package/theme-chalk/curd-form.css +1 -1
- package/theme-chalk/curd-table.css +1 -1
- package/theme-chalk/index.css +1 -1
- package/components/CurdForm/src/components/schema-form-file.vue +0 -219
- package/components/CurdForm/src/icons/document/csv.svg +0 -1
- package/components/CurdForm/src/icons/document/doc.svg +0 -1
- package/components/CurdForm/src/icons/document/image.svg +0 -1
- package/components/CurdForm/src/icons/document/pdf.svg +0 -1
- package/components/CurdForm/src/icons/document/rar.svg +0 -1
- package/components/CurdForm/src/icons/document/txt.svg +0 -1
- package/components/CurdForm/src/icons/document/xls.svg +0 -1
- package/components/CurdForm/src/icons/document/zip.svg +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-form ref="schemaFormRef" :model="modelRef" :rules="rulesRef" v-bind="$attrs" class="
|
|
2
|
+
<el-form ref="schemaFormRef" :model="modelRef" :rules="rulesRef" v-bind="$attrs" class="curd-form" :label-width="sFormSchema.labelWidth" @submit.prevent>
|
|
3
3
|
<template v-for="formItem in schemaItems" :key="formItem.prop">
|
|
4
4
|
<el-form-item v-if="!$slots[formItem.type + 'Item']" :label="formItem.label" :prop="formItem.prop" :label-width="formItem.labelWidth" :style="getFormItemStyle(formItem)" v-bind="getFormItemProps(formItem)">
|
|
5
|
-
<slot :name="formItem.
|
|
6
|
-
<FormItem v-if="!(formItem.
|
|
5
|
+
<slot :name="formItem.prop" :form-item="formItem" :form-model="modelRef"></slot>
|
|
6
|
+
<FormItem v-if="!(formItem.prop && $slots[formItem.prop])" :form-item="formItem" :form-model="modelRef" @change="onChange">
|
|
7
7
|
<template #prefix>
|
|
8
8
|
<slot :name="formItem.prop + 'Prefix'" :form-item="formItem" :form-model="modelRef"></slot>
|
|
9
9
|
</template>
|
|
@@ -56,89 +56,37 @@ export default defineComponent({
|
|
|
56
56
|
},
|
|
57
57
|
emits: ["update:modelValue", "change"],
|
|
58
58
|
setup(props, { emit, attrs }) {
|
|
59
|
-
// a-form
|
|
60
59
|
const schemaFormRef = ref()
|
|
61
60
|
const sFormSchema: Ref<FormSchema> = ref(props.formSchema)
|
|
62
|
-
// 将外面传进来的form数据进行转化，如schema = {style: {color: '#fff' }} 转化为 form = {'style.color': '#fff'}
|
|
63
|
-
const getForm = (obj: any, parentPrefix?: any) => {
|
|
64
|
-
let result = {}
|
|
65
|
-
for (let i in obj) {
|
|
66
|
-
var formItem = obj[i]
|
|
67
|
-
let child = {}
|
|
68
|
-
const prefix = parentPrefix ? parentPrefix + "." + i : i
|
|
69
|
-
const curShemaItem = sFormSchema.value.formItem.find((a) => a.prop == i)
|
|
70
|
-
if (isObject(formItem) && !(curShemaItem && Object.keys(components).map((a) => a.replace("schema-", "").includes(curShemaItem.type)))) {
|
|
71
|
-
child = getForm(formItem, prefix)
|
|
72
|
-
} else {
|
|
73
|
-
child[prefix] = formItem
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
result = { ...result, ...child }
|
|
77
|
-
}
|
|
78
|
-
return result
|
|
79
|
-
}
|
|
80
61
|
|
|
81
|
-
|
|
82
|
-
// 表单项
|
|
83
|
-
const modelRef = reactive<Fields>({})
|
|
84
|
-
|
|
85
|
-
// 先从schema中读取默认值
|
|
86
|
-
const schemaValues = sFormSchema.value.formItem.reduce<Fields>((previousValue, currentValue) => {
|
|
87
|
-
currentValue.eventObject ??= {}
|
|
88
|
-
typeof currentValue.value == "undefined" ? false : currentValue.prop && (previousValue[currentValue.prop] = currentValue.value)
|
|
89
|
-
return previousValue
|
|
90
|
-
}, {})
|
|
62
|
+
const modelRef = reactive<Fields>(props.modelValue || {})
|
|
91
63
|
watch(
|
|
92
|
-
() =>
|
|
93
|
-
(
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
const model = props.modelValue
|
|
97
|
-
for (let i in val) {
|
|
98
|
-
if (i.indexOf(".") > -1) {
|
|
99
|
-
const s = i.split(".")
|
|
100
|
-
let index = 0
|
|
101
|
-
let o = model
|
|
102
|
-
while (o && index < s.length - 1) {
|
|
103
|
-
if (!o[s[index]]) {
|
|
104
|
-
o[s[index]] = {}
|
|
105
|
-
}
|
|
106
|
-
o = o[s[index]]
|
|
107
|
-
index++
|
|
108
|
-
}
|
|
109
|
-
if (o) {
|
|
110
|
-
o[s[s.length - 1]] = val[i]
|
|
111
|
-
}
|
|
112
|
-
} else {
|
|
113
|
-
model && (model[i] = val[i])
|
|
114
|
-
}
|
|
64
|
+
() => props.modelValue,
|
|
65
|
+
() => {
|
|
66
|
+
for (let i in modelRef) {
|
|
67
|
+
delete modelRef[i]
|
|
115
68
|
}
|
|
116
|
-
|
|
117
|
-
emit("update:modelValue", model)
|
|
118
|
-
},
|
|
119
|
-
{
|
|
120
|
-
deep: true,
|
|
69
|
+
Object.assign(modelRef, props.modelValue)
|
|
121
70
|
}
|
|
122
71
|
)
|
|
123
72
|
watch(
|
|
124
|
-
() =>
|
|
73
|
+
() => modelRef,
|
|
125
74
|
(val) => {
|
|
126
|
-
|
|
127
|
-
for (let i in modelRef) {
|
|
128
|
-
delete modelRef[i]
|
|
129
|
-
}
|
|
130
|
-
if (isChangeIn) return
|
|
131
|
-
const value = getForm(val)
|
|
132
|
-
Object.assign(modelRef, value)
|
|
133
|
-
},
|
|
134
|
-
{
|
|
135
|
-
deep: true,
|
|
75
|
+
emit("update:modelValue", val)
|
|
136
76
|
}
|
|
137
77
|
)
|
|
78
|
+
|
|
79
|
+
// 先从schema中读取默认值
|
|
80
|
+
const schemaValues = sFormSchema.value.formItem.reduce<Fields>((previousValue, currentValue) => {
|
|
81
|
+
currentValue.eventObject ??= {}
|
|
82
|
+
typeof currentValue.value == "undefined" ? false : currentValue.prop && (previousValue[currentValue.prop] = currentValue.value)
|
|
83
|
+
return previousValue
|
|
84
|
+
}, {})
|
|
85
|
+
|
|
138
86
|
Object.assign(modelRef, schemaValues)
|
|
139
87
|
// 如果有默认值，则覆盖
|
|
140
88
|
props.fields && Object.assign(modelRef, props.fields)
|
|
141
|
-
Object.assign(modelRef,
|
|
89
|
+
Object.assign(modelRef, props.modelValue)
|
|
142
90
|
// props.modelValue && Object.assign(modelRef, props.modelValue)
|
|
143
91
|
const instance = getCurrentInstance()
|
|
144
92
|
// 异步设置默认数据
|
|
@@ -220,4 +168,4 @@ export default defineComponent({
|
|
|
220
168
|
}
|
|
221
169
|
},
|
|
222
170
|
})
|
|
223
|
-
</script>
|
|
171
|
+
</script>
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="form-item">
|
|
3
|
+
<div v-if="props.formItem.prefix" class="form-item-prefix" v-html="props.formItem.prefix"></div>
|
|
3
4
|
<slot name="prefix"></slot>
|
|
4
5
|
<component :is="getComponent(props.formItem.type)" v-if="!(props.formItem.type && $slots[props.formItem.type])" v-model="modelRef[props.formItem.prop || '']" :form-item="props.formItem" :form-model="modelRef" :props="formItemProps" :event-object="eventObject" />
|
|
5
6
|
<FormTooltip v-if="props.formItem.tooltip" :tooltip="props.formItem.tooltip" :form-item="props.formItem" :form-model="props.formModel" />
|
|
6
7
|
<slot name="suffix"></slot>
|
|
8
|
+
<div v-if="props.formItem.suffix" class="form-item-suffix" v-html="props.formItem.suffix"></div>
|
|
7
9
|
</div>
|
|
8
10
|
</template>
|
|
9
11
|
<script lang="ts" setup>
|
|
@@ -4,7 +4,6 @@ import SchemaFormInput from "./schema-form-input.vue"
|
|
|
4
4
|
import SchemaFormRadio from "./schema-form-radio.vue"
|
|
5
5
|
import SchemaFormSelect from "./schema-form-select.vue"
|
|
6
6
|
import SchemaFormSwitch from "./schema-form-switch.vue"
|
|
7
|
-
import SchemaFormFile from "./schema-form-file.vue"
|
|
8
7
|
import SchemaFormDatePicker from "./schema-form-date-picker.vue"
|
|
9
8
|
import SchemaFormTimePicker from "./schema-form-time-picker.vue"
|
|
10
9
|
import SchemaFormColorPicker from "./schema-form-color-picker.vue"
|
|
@@ -21,7 +20,6 @@ const presetMap: PresetMap = {
|
|
|
21
20
|
"schema-checkbox": SchemaFormCheckbox,
|
|
22
21
|
"schema-input-number": SchemaFormInputNumber,
|
|
23
22
|
"schema-switch": SchemaFormSwitch,
|
|
24
|
-
"schema-file": SchemaFormFile,
|
|
25
23
|
"schema-date-picker": SchemaFormDatePicker,
|
|
26
24
|
"schema-time-picker": SchemaFormTimePicker,
|
|
27
25
|
"schema-color-picker": SchemaFormColorPicker,
|
|
@@ -36,7 +36,7 @@ export interface FormItem {
|
|
|
36
36
|
maxsize?: number
|
|
37
37
|
beforeUpload?: (isJpgOrPng: boolean, isLt2M: number) => void
|
|
38
38
|
}
|
|
39
|
-
type typeEmun = "input" | "select" | "radio" | "checkbox" | "input-number" | "switch" | "file" | "date-picker" | "color-picker" | "value"
|
|
39
|
+
type typeEmun = "input" | "select" | "radio" | "checkbox" | "input-number" | "switch" | "file" | "date-picker" | "time-picker" | "color-picker" | "value"
|
|
40
40
|
// type FormItemProps = FormItemPropObject | ((formModel: Fields, formItem: FormItem) => void)
|
|
41
41
|
export interface FormItemPropObject {
|
|
42
42
|
[key: string]: any
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "easybill-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.7",
|
|
4
4
|
"description": "A component library for easybill",
|
|
5
5
|
"author": "tuchongyang <779311998@qq.com>",
|
|
6
6
|
"private": false,
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
"publishConfig": {
|
|
15
15
|
"access": "public"
|
|
16
16
|
},
|
|
17
|
-
"gitHead": "
|
|
17
|
+
"gitHead": "d1ad5e3b72ca67936a731dcdc88eb5a991d0b4e8"
|
|
18
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.curd-form{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box;align-items:flex-start}.curd-form:not(.el-form--inline) .el-form-item{flex:0 0 100%}.curd-form .form-item{width:100%;display:flex}.curd-form .form-item .tooltip{color:var(--el-button-text-color);margin-left:10px;vertical-align:middle;color:#999}.curd-form .form-item .tooltip:hover{color:var(--color-primary)}.curd-form .el-checkbox-group.single .el-checkbox-button+.el-checkbox-button{margin-left:10px}.curd-form .el-checkbox-group.single .el-checkbox-button .el-checkbox-button__inner{border:var(--el-border);border-radius:var(--el-border-radius-base);padding-left:20px;padding-right:20px}.curd-form .el-checkbox-group.single .el-checkbox-button.is-checked .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.curd-form .tooltip{color:var(--el-button-text-color);margin-left:10px;vertical-align:middle}.schema-form-select-check{height:25px;margin-left:20px;margin-top:10px;display:block}.schema-form-select-check :deep(.el-checkbox__input){vertical-align:middle}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.table-container .el-table
|
|
1
|
+
.table-container .el-table tbody .el-table__cell{padding:9px 0}.table-container .el-table.el-table--medium tbody .el-table__cell{padding:12px 0}.table-container .el-table.el-table--small tbody .el-table__cell{padding:4px 0}.table-container .el-table.el-table--small .el-button{font-size:12px}.table-container .el-table .el-button{vertical-align:top}.table-container .pagination{margin:15px 0;justify-content:end;font-weight:400}.table-container .table-control{display:flex;justify-content:space-between;padding-bottom:10px;align-items:flex-end}.table-container .table-control .min-control>.el-button{margin-right:10px}.table-container .s-table-filter{margin-bottom:10px;margin-left:-20px;margin-right:-20px;padding:0 20px 5px;border-bottom:10px solid var(--el-bg-color-page)}.table-container .s-table-filter .el-form--inline .el-form-item{margin-right:15px}.table-container .el-button+.dropdown-item{margin-left:10px}.table-container .copy{cursor:pointer;margin-right:3px}.table-container .header-td{display:flex;align-items:center;word-break:break-word}.table-container .header-td.center{justify-content:center}.table-container .header-td.right{justify-content:flex-end}.table-container .filter-dropdown-toggle{display:inline-block;line-height:1;cursor:pointer;position:relative;margin-left:3px}.table-container .filter-dropdown-toggle.active{color:var(--el-color-primary)}.table-container .table-menu{display:inline-block;vertical-align:middle;position:relative}.table-container .table-menu .table-menu-item{color:var(--el-button-text-color);font-size:14px;border-radius:4px;border:1px solid var(--el-button-border-color);padding:0;height:28px;width:28px}.table-container .table-menu .table-menu-item:not(.is-disabled):active,.table-container .table-menu .table-menu-item:not(.is-disabled):focus{border-color:var(--el-button-border-color)}.table-container .table-menu .table-menu-item+.table-menu-item{margin-left:3px}.table-container .table-menu .table-menu-item:hover{background-color:var(--el-fill-color-light);border-color:var(--el-button-border-color)}.table-container .table-menu .current-size{color:var(--el-color-primary)}.table-container .simple-page{padding:20px 0;text-align:right}.table-container .simple-page>span{margin:0 10px}.curd-table-dropdown-menu .el-dropdown-menu__item{padding:0}.curd-table-dropdown-menu .el-dropdown-menu__item:hover{background-color:var(--el-fill-color-light)}.curd-table-dropdown-menu .el-dropdown-menu__item .el-button{display:block;padding:5px 16px;flex:1;text-align:left;font-size:12px}.table-main-filter-dropdown{padding:0}.table-main-filter-dropdown .search{position:relative;margin-bottom:5px}.table-main-filter-dropdown .search input{outline:0;border:0;width:100%;padding:5px 10px;background:#f4f4f4}.table-main-filter-dropdown .search .icon-suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.table-main-filter-dropdown .search .icon-close1{position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer;opacity:.7}.table-main-filter-dropdown .search .icon-close1:hover{opacity:1;color:#444}.table-main-filter-dropdown .select li{line-height:30px;padding:0 20px;list-style:none;cursor:pointer}.table-main-filter-dropdown .select li:hover{background:#f4f4f4}.table-main-filter-dropdown .select li.active{color:var(--el-color-primary)}.filter-type-popper{width:auto!important;min-width:0!important;padding:0!important;box-shadow:none!important}
|
package/theme-chalk/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.constant-status{--el-tag-border-opacity:1;--el-tag-bg-opacity:1}.constant-status .el-icon,.constant-status .name{vertical-align:middle;line-height:1}.constant-status .dot{width:5px;height:5px;display:inline-block;vertical-align:middle;border-radius:50%;background:var(--el-tag-text-color);margin-right:5px}.constant-status.dot-status{padding:0}.constant-status.dot-status .name{color:var(--el-text-color-primary)}.constant-status.el-tag--default{padding:0;--el-tag-bg-color:transparent;--el-tag-border-color:transparent;--el-tag-hover-color:var(--el-text-color-primary);--el-tag-text-color:var(--el-text-color-primary)}.constant-status.el-tag--blue{--el-tag-bg-color:rgba(236, 245, 255, var(--el-tag-bg-color));--el-tag-border-color:rgba(217, 236, 255, var(--el-tag-border-color));--el-tag-hover-color:rgba(111, 122, 175, 1);--el-tag-text-color:rgba(111, 122, 175, 1)}.constant-status.el-tag--blue.el-tag--dark{--el-tag-bg-color:rgba(111, 122, 175, 1);--el-tag-border-color:rgba(111, 122, 175, 1);--el-tag-hover-color:rgba(111, 122, 175, 0.8);--el-tag-text-color:#fff}.constant-status.el-tag--blue.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--yellow{--el-tag-bg-color:rgba(255, 251, 230, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(255, 229, 143, var(--el-tag-borer-opacity));--el-tag-hover-color:rgba(212, 136, 6, 1);--el-tag-text-color:rgba(212, 136, 6, 1)}.constant-status.el-tag--yellow.el-tag--dark{--el-tag-bg-color:rgba(212, 136, 6, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(212, 136, 6, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(212, 136, 6, 1);--el-tag-text-color:#fff}.constant-status.el-tag--yellow.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--blue-dark{--el-tag-bg-color:rgba(240, 245, 255, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(173, 198, 255, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(29, 57, 196, 1);--el-tag-text-color:rgba(29, 57, 196, 1)}.constant-status.el-tag--blue-dark.el-tag--dark{--el-tag-bg-color:rgba(29, 57, 196, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(29, 57, 196, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(29, 57, 196, 1);--el-tag-text-color:#fff}.constant-status.el-tag--blue-dark.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--red-purple{--el-tag-bg-color:rgba(251, 243, 248, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(227, 206, 219, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(191, 117, 163, 1);--el-tag-text-color:rgba(191, 117, 163, 1)}.constant-status.el-tag--red-purple.el-tag--dark{--el-tag-bg-color:rgba(191, 117, 163, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(191, 117, 163, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(191, 117, 163, 1);--el-tag-text-color:#fff}.constant-status.el-tag--red-purple.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--blueness{--el-tag-bg-color:rgba(243, 250, 251, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(194, 213, 221, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(99, 150, 177, 1);--el-tag-text-color:rgba(99, 150, 177, 1)}.constant-status.el-tag--blueness.el-tag--dark{--el-tag-bg-color:rgba(99, 150, 177, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(99, 150, 177, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(99, 150, 177, 1);--el-tag-text-color:#fff}.constant-status.el-tag--blueness.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.no-border{border:0!important;background:0 0}.curd-form{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box}.curd-form:not(.el-form--inline) .el-form-item{flex:0 0 100%}.curd-form .form-item{width:100%;display:flex}.curd-form .form-item .tooltip{color:var(--el-button-text-color);margin-left:10px;vertical-align:middle;color:#999}.curd-form .form-item .tooltip:hover{color:var(--color-primary)}.curd-form .el-checkbox-group.single .el-checkbox-button+.el-checkbox-button{margin-left:10px}.curd-form .el-checkbox-group.single .el-checkbox-button .el-checkbox-button__inner{border:var(--el-border);border-radius:var(--el-border-radius-base);padding-left:20px;padding-right:20px}.curd-form .el-checkbox-group.single .el-checkbox-button.is-checked .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.curd-form .tooltip{color:var(--el-button-text-color);margin-left:10px;vertical-align:middle}.curd-form .file-uploader-single .single-img{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.curd-form .file-uploader-single .el-upload--picture-card{position:relative;text-align:center;overflow:hidden}.curd-form .file-uploader-single .el-upload--picture-card .el-upload_input{display:block;position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer;opacity:0}.curd-form .file-uploader-single .el-upload--picture-card .file-main{text-align:center;line-height:1}.curd-form .file-uploader-single .el-upload--picture-card .file-main>i{margin:42px 0 10px}.curd-form .file-uploader-single .el-upload--picture-card .file-main .title{width:110px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 auto;text-align:center;padding:10px 0}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions{opacity:0;position:absolute;line-height:normal;top:4px;right:6px;background-color:transparent;z-index:1}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-button{margin:0;padding:0;font-size:14px;color:#ff6500;height:26px;width:26px;text-align:center}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-button .el-icon{font-size:14px}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-button:hover{background:#eee}.curd-form .file-uploader-single .el-upload--picture-card .el-upload-list__item-actions .el-icon-download{margin-right:10px}.curd-form .file-uploader-single .el-upload--picture-card .el-progress{position:absolute;top:0;left:0;bottom:0;right:0;transform:none;width:100%;background-color:rgba(0,0,0,.5);opacity:1;z-index:100}.curd-form .file-uploader-single .el-upload--picture-card .el-progress .el-progress-circle{margin:0 auto;padding-top:10px}.curd-form .file-uploader-single .el-upload--picture-card .el-progress .el-progress__text{color:#fff}.curd-form .file-uploader-single:hover .el-upload--picture-card .el-upload-list__item-actions{opacity:1}.curd-form [class*=icon-document-]{width:36px;height:36px;display:inline-block;vertical-align:top;background-size:100% 100%}.curd-form .icon-document-pdf{background-image:url(../icons/document/pdf.svg)}.curd-form .icon-document-csv{background-image:url(../icons/document/csv.svg)}.curd-form .icon-document-xls,.curd-form .icon-document-xlsx{background-image:url(../icons/document/xls.svg)}.curd-form .icon-document-doc,.curd-form .icon-document-docx{background-image:url(../icons/document/doc.svg)}.curd-form .icon-document-txt{background-image:url(../icons/document/txt.svg)}.curd-form .icon-document-zip{background-image:url(../icons/document/zip.svg)}.curd-form .icon-document-rar{background-image:url(../icons/document/rar.svg)}.curd-form .icon-document-image{background-image:url(../icons/document/image.svg)}.curd-form .schema-form-radio.single .el-radio-button+.el-radio-button{margin-left:10px}.curd-form .schema-form-radio.single .el-radio-button .el-radio-button__inner{border:var(--el-border);border-radius:var(--el-border-radius-base);padding-left:20px;padding-right:20px}.curd-form .schema-form-radio.single .el-radio-button.is-active .el-radio-button__inner{border-color:var(--el-radio-button-checked-border-color)}.curd-form .schema-form-radio .el-radio__label>span{vertical-align:middle}.curd-form .empty{color:#999}.curd-form .empty .el-icon,.curd-form .empty span{vertical-align:middle}.schema-form-select-check{height:25px;margin-left:20px;margin-top:10px;display:block}.schema-form-select-check :deep(.el-checkbox__input){vertical-align:middle}.table-container .el-table{--el-table-header-bg-color:#dfe2e7;--el-table-header-text-color:#575d6c;--el-table-text-color:#252b3a;--el-table-border-color:#e3e9f1;--el-table-row-hover-bg-color:#edf0f5}.table-container .el-table tbody .el-table__cell{padding:9px 0}.table-container .el-table.el-table--medium tbody .el-table__cell{padding:12px 0}.table-container .el-table.el-table--small tbody .el-table__cell{padding:4px 0}.table-container .el-table.el-table--small .el-button{font-size:12px}.table-container .el-table .el-button{vertical-align:top}.table-container .pagination{margin:15px 0;justify-content:end;font-weight:400}.table-container .table-control{display:flex;justify-content:space-between;padding-bottom:10px;align-items:flex-end}.table-container .table-control .min-control>.el-button{margin-right:10px}.table-container .s-table-filter{margin-bottom:10px;margin-left:-20px;margin-right:-20px;padding:0 20px 5px;border-bottom:10px solid var(--el-bg-color-page)}.table-container .s-table-filter .el-form--inline .el-form-item{margin-right:15px}.table-container .el-button+.dropdown-item{margin-left:10px}.table-container .copy{cursor:pointer;margin-right:3px}.table-container .header-td{display:flex;align-items:center;word-break:break-word}.table-container .header-td.center{justify-content:center}.table-container .header-td.right{justify-content:flex-end}.table-container .filter-dropdown-toggle{display:inline-block;line-height:1;cursor:pointer;position:relative;margin-left:3px}.table-container .filter-dropdown-toggle.active{color:var(--el-color-primary)}.table-container .table-menu{display:inline-block;vertical-align:middle;position:relative}.table-container .table-menu .table-menu-item{color:var(--el-button-text-color);font-size:14px;border-radius:4px;border:1px solid var(--el-button-border-color);padding:0;height:28px;width:28px}.table-container .table-menu .table-menu-item:not(.is-disabled):active,.table-container .table-menu .table-menu-item:not(.is-disabled):focus{border-color:var(--el-button-border-color)}.table-container .table-menu .table-menu-item+.table-menu-item{margin-left:3px}.table-container .table-menu .table-menu-item:hover{background-color:var(--el-fill-color-light);border-color:var(--el-button-border-color)}.table-container .table-menu .current-size{color:var(--el-color-primary)}.table-container .simple-page{padding:20px 0;text-align:right}.table-container .simple-page>span{margin:0 10px}.curd-table-dropdown-menu .el-dropdown-menu__item{padding:0}.curd-table-dropdown-menu .el-dropdown-menu__item:hover{background-color:var(--el-fill-color-light)}.curd-table-dropdown-menu .el-dropdown-menu__item .el-button{display:block;padding:5px 16px;flex:1;text-align:left;font-size:12px}.table-main-filter-dropdown{padding:0}.table-main-filter-dropdown .search{position:relative;margin-bottom:5px}.table-main-filter-dropdown .search input{outline:0;border:0;width:100%;padding:5px 10px;background:#f4f4f4}.table-main-filter-dropdown .search .icon-suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.table-main-filter-dropdown .search .icon-close1{position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer;opacity:.7}.table-main-filter-dropdown .search .icon-close1:hover{opacity:1;color:#444}.table-main-filter-dropdown .select li{line-height:30px;padding:0 20px;list-style:none;cursor:pointer}.table-main-filter-dropdown .select li:hover{background:#f4f4f4}.table-main-filter-dropdown .select li.active{color:var(--el-color-primary)}.filter-type-popper{width:auto!important;min-width:0!important;padding:0!important;box-shadow:none!important}.table-filter{background:var(--el-bg-color);display:flex;flex-direction:column;position:relative}.table-filter .filter-search-box{min-height:32px;border-width:1px;border-style:solid;border-color:var(--el-border-color);display:flex;min-width:460px;align-items:center;justify-items:center;justify-content:space-between;overflow:hidden;border-radius:18px;transition:all .3s}.table-filter .filter-search-box.is-focus{border-color:var(--el-color-primary)}.table-filter .filter-search-box .filter-action{height:32px;line-height:32px;align-self:flex-end;display:flex;align-items:center;justify-items:center;justify-content:space-between}.table-filter .filter-search-box .filter-action div{cursor:pointer}.table-filter .filter-search-box .filter-action .empty{color:var(--el-color-info);margin-right:15px;padding-left:10px}.table-filter .filter-search-box .filter-action .empty:hover{color:var(--el-color-primary)}.table-filter .filter-search-box .filter-action .search{padding:0 20px;text-align:center;border-radius:18px;position:relative;display:flex}.table-filter .filter-search-box .filter-action .search:before{content:"";display:block;width:1px;height:20px;background:#ddd;position:absolute;left:0;top:50%;transform:translateY(-50%)}.table-filter .filter-search-box .filter-action .search:hover{color:var(--el-color-primary)}.table-filter .filter-external .el-form-item{margin-bottom:10px}.table-filter .filter-tags{height:100%;flex-wrap:wrap;display:flex;flex:1;align-items:center;justify-items:center;margin-bottom:10px}.table-filter .filter-tags .tag-title{margin-right:20px;font-size:12px;color:#aeb2bb;margin-bottom:2px}.table-filter .filter-tags .dropdown-toggle{white-space:nowrap;display:flex;align-items:center;justify-items:center;font-size:12px}.table-filter .filter-tags .tag-list{height:24px;line-height:24px;white-space:nowrap;display:flex;align-items:center;justify-items:center;padding:0 10px;color:var(--el-color-info-dark-2);background:var(--el-color-info-light-9);font-size:12px;border-radius:12px;margin-right:5px;margin-bottom:2px;cursor:pointer}.table-filter .filter-tags .tag-list .action{color:var(--el-color-info-light-5);text-align:center;width:14px;height:14px;line-height:14px;border-radius:50%;margin-left:10px;font-size:14px;cursor:pointer}.table-filter .filter-tags .tag-list .action:hover{color:var(--el-color-primary)}.table-filter .tag-clear{margin-bottom:2px;margin-left:10px}.table-filter .filter-item .base-select{--el-font-size-base:12px;height:100%;max-height:300px;display:flex;flex-direction:column}.table-filter .filter-item .base-select .el-input .el-input__wrapper{box-shadow:none!important}.table-filter .filter-item .base-select .remote-input{width:100%}.table-filter .filter-item .base-select .remote-input .el-input{--el-input-border-radius:0;--el-input-bg-color:var(--el-bg-color-page);--el-input-border:none;--el-input-hover-border-color:transparent;--el-input-focus-border-color:var(--el-border-color)}.table-filter .filter-item .base-select .el-empty__image svg{height:50px}.table-filter .filter-item .base-select .select-spinner{flex:1;position:relative;overflow-y:auto}.table-filter .filter-item .base-select .select-spinner ul li{list-style:none;padding:6px 10px;cursor:pointer;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--el-font-size-base)}.table-filter .filter-item .base-select .select-spinner ul li.active{color:var(--el-color-primary)}.table-filter .filter-item .base-select .select-spinner ul li:hover{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.table-filter-type{box-shadow:var(--el-box-shadow-light);background:var(--el-bg-color);z-index:3060;min-width:150px;max-height:300px;overflow:hidden;--el-font-size-base:12px}.table-filter-type .base-select{--el-font-size-base:12px;height:100%;max-height:300px;display:flex;flex-direction:column}.table-filter-type .base-select .remote-input{width:100%}.table-filter-type .base-select .remote-input .el-input{--el-input-border-radius:0;--el-input-bg-color:var(--el-bg-color-page);--el-input-border:none;--el-input-hover-border-color:transparent;--el-input-focus-border-color:var(--el-border-color)}.table-filter-type .base-select .el-empty__image svg{height:50px}.table-filter-type .base-select .select-spinner{flex:1;position:relative;overflow-y:auto}.table-filter-type .base-select .select-spinner ul{margin:0;padding:0}.table-filter-type .base-select .select-spinner ul li{list-style:none;padding:6px 10px;cursor:pointer;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;font-size:var(--el-font-size-base)}.table-filter-type .base-select .select-spinner ul li.active{color:var(--el-color-primary)}.table-filter-type .base-select .select-spinner ul li:hover{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.table-filter-toggle{padding:0 10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-width:120px;font-size:12px}.table-filter-toggle .current-filter-label{margin-right:20px}.table-filter-List{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);background:var(--el-bg-color);z-index:3060;border-radius:2px;max-height:300px;overflow-y:auto;font-size:12px}.table-filter-List ul{width:100%;margin:0;padding:0}.table-filter-List ul li{width:100%;list-style:none;padding:6px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;cursor:pointer}.table-filter-List ul li:hover{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.table-filter-List ul li.active{color:var(--el-color-primary);font-weight:600}.table-filter-tag-popper{max-height:400px;overflow:auto;padding:0!important;width:250px!important}.table-filter-tag-popper .select-list .item{line-height:18px;cursor:pointer;padding:6px 10px;font-size:12px}.table-filter-tag-popper .select-list .item:hover{background-color:var(--el-fill-color-light)}.table-filter-tag-popper .select-list .item.active{color:var(--el-color-primary);font-weight:700}.detail-info{flex:1}.detail-info .detail-info-header{display:flex;justify-content:space-between;align-items:center}.detail-info .title{margin-bottom:10px;border-left:3px solid var(--el-color-primary);padding-left:10px;line-height:1.2}.detail-info+.detail-info{margin-top:30px}.table-detail{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box;margin-left:13px}.table-detail .table-detail-col{box-sizing:border-box}.table-detail .item-col{line-height:20px;height:100%;box-sizing:border-box;display:flex}.table-detail .item-col .label{padding:4px 0;color:var(--el-text-color-secondary);box-sizing:border-box;vertical-align:middle;float:left;display:flex;align-items:center}.table-detail .item-col .det{flex:1;padding:4px 10px;box-sizing:border-box;min-height:20px;height:100%;word-break:break-all}.table-detail.table{border-top:1px solid var(--el-border-color);border-left:1px solid var(--el-border-color)}.table-detail.table .table-detail-col{padding:0!important;border-bottom:1px solid var(--el-border-color);border-right:1px solid var(--el-border-color)}.table-detail.table .item-col{background:var(--el-bg-color-page);border:1px solid var(--el-bg-color)}.table-detail.table .item-col .label{padding-left:10px;padding-right:10px;width:100px}.table-detail.table .item-col .det{border-left:1px solid var(--el-border-color);background-color:var(--el-bg-color)}
|
|
1
|
+
.constant-status{--el-tag-border-opacity:1;--el-tag-bg-opacity:1}.constant-status .el-icon,.constant-status .name{vertical-align:middle;line-height:1}.constant-status .dot{width:5px;height:5px;display:inline-block;vertical-align:middle;border-radius:50%;background:var(--el-tag-text-color);margin-right:5px}.constant-status.dot-status{padding:0}.constant-status.dot-status .name{color:var(--el-text-color-primary)}.constant-status.el-tag--default{padding:0;--el-tag-bg-color:transparent;--el-tag-border-color:transparent;--el-tag-hover-color:var(--el-text-color-primary);--el-tag-text-color:var(--el-text-color-primary)}.constant-status.el-tag--blue{--el-tag-bg-color:rgba(236, 245, 255, var(--el-tag-bg-color));--el-tag-border-color:rgba(217, 236, 255, var(--el-tag-border-color));--el-tag-hover-color:rgba(111, 122, 175, 1);--el-tag-text-color:rgba(111, 122, 175, 1)}.constant-status.el-tag--blue.el-tag--dark{--el-tag-bg-color:rgba(111, 122, 175, 1);--el-tag-border-color:rgba(111, 122, 175, 1);--el-tag-hover-color:rgba(111, 122, 175, 0.8);--el-tag-text-color:#fff}.constant-status.el-tag--blue.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--yellow{--el-tag-bg-color:rgba(255, 251, 230, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(255, 229, 143, var(--el-tag-borer-opacity));--el-tag-hover-color:rgba(212, 136, 6, 1);--el-tag-text-color:rgba(212, 136, 6, 1)}.constant-status.el-tag--yellow.el-tag--dark{--el-tag-bg-color:rgba(212, 136, 6, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(212, 136, 6, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(212, 136, 6, 1);--el-tag-text-color:#fff}.constant-status.el-tag--yellow.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--blue-dark{--el-tag-bg-color:rgba(240, 245, 255, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(173, 198, 255, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(29, 57, 196, 1);--el-tag-text-color:rgba(29, 57, 196, 1)}.constant-status.el-tag--blue-dark.el-tag--dark{--el-tag-bg-color:rgba(29, 57, 196, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(29, 57, 196, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(29, 57, 196, 1);--el-tag-text-color:#fff}.constant-status.el-tag--blue-dark.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--red-purple{--el-tag-bg-color:rgba(251, 243, 248, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(227, 206, 219, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(191, 117, 163, 1);--el-tag-text-color:rgba(191, 117, 163, 1)}.constant-status.el-tag--red-purple.el-tag--dark{--el-tag-bg-color:rgba(191, 117, 163, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(191, 117, 163, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(191, 117, 163, 1);--el-tag-text-color:#fff}.constant-status.el-tag--red-purple.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.el-tag--blueness{--el-tag-bg-color:rgba(243, 250, 251, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(194, 213, 221, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(99, 150, 177, 1);--el-tag-text-color:rgba(99, 150, 177, 1)}.constant-status.el-tag--blueness.el-tag--dark{--el-tag-bg-color:rgba(99, 150, 177, var(--el-tag-bg-opacity));--el-tag-border-color:rgba(99, 150, 177, var(--el-tag-border-opacity));--el-tag-hover-color:rgba(99, 150, 177, 1);--el-tag-text-color:#fff}.constant-status.el-tag--blueness.el-tag--plain{--el-tag-bg-color:var(--el-fill-color-blank)}.constant-status.no-border{border:0!important;background:0 0}.curd-form{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box;align-items:flex-start}.curd-form:not(.el-form--inline) .el-form-item{flex:0 0 100%}.curd-form .form-item{width:100%;display:flex}.curd-form .form-item .tooltip{color:var(--el-button-text-color);margin-left:10px;vertical-align:middle;color:#999}.curd-form .form-item .tooltip:hover{color:var(--color-primary)}.curd-form .el-checkbox-group.single .el-checkbox-button+.el-checkbox-button{margin-left:10px}.curd-form .el-checkbox-group.single .el-checkbox-button .el-checkbox-button__inner{border:var(--el-border);border-radius:var(--el-border-radius-base);padding-left:20px;padding-right:20px}.curd-form .el-checkbox-group.single .el-checkbox-button.is-checked .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.curd-form .tooltip{color:var(--el-button-text-color);margin-left:10px;vertical-align:middle}.schema-form-select-check{height:25px;margin-left:20px;margin-top:10px;display:block}.schema-form-select-check :deep(.el-checkbox__input){vertical-align:middle}.table-container .el-table tbody .el-table__cell{padding:9px 0}.table-container .el-table.el-table--medium tbody .el-table__cell{padding:12px 0}.table-container .el-table.el-table--small tbody .el-table__cell{padding:4px 0}.table-container .el-table.el-table--small .el-button{font-size:12px}.table-container .el-table .el-button{vertical-align:top}.table-container .pagination{margin:15px 0;justify-content:end;font-weight:400}.table-container .table-control{display:flex;justify-content:space-between;padding-bottom:10px;align-items:flex-end}.table-container .table-control .min-control>.el-button{margin-right:10px}.table-container .s-table-filter{margin-bottom:10px;margin-left:-20px;margin-right:-20px;padding:0 20px 5px;border-bottom:10px solid var(--el-bg-color-page)}.table-container .s-table-filter .el-form--inline .el-form-item{margin-right:15px}.table-container .el-button+.dropdown-item{margin-left:10px}.table-container .copy{cursor:pointer;margin-right:3px}.table-container .header-td{display:flex;align-items:center;word-break:break-word}.table-container .header-td.center{justify-content:center}.table-container .header-td.right{justify-content:flex-end}.table-container .filter-dropdown-toggle{display:inline-block;line-height:1;cursor:pointer;position:relative;margin-left:3px}.table-container .filter-dropdown-toggle.active{color:var(--el-color-primary)}.table-container .table-menu{display:inline-block;vertical-align:middle;position:relative}.table-container .table-menu .table-menu-item{color:var(--el-button-text-color);font-size:14px;border-radius:4px;border:1px solid var(--el-button-border-color);padding:0;height:28px;width:28px}.table-container .table-menu .table-menu-item:not(.is-disabled):active,.table-container .table-menu .table-menu-item:not(.is-disabled):focus{border-color:var(--el-button-border-color)}.table-container .table-menu .table-menu-item+.table-menu-item{margin-left:3px}.table-container .table-menu .table-menu-item:hover{background-color:var(--el-fill-color-light);border-color:var(--el-button-border-color)}.table-container .table-menu .current-size{color:var(--el-color-primary)}.table-container .simple-page{padding:20px 0;text-align:right}.table-container .simple-page>span{margin:0 10px}.curd-table-dropdown-menu .el-dropdown-menu__item{padding:0}.curd-table-dropdown-menu .el-dropdown-menu__item:hover{background-color:var(--el-fill-color-light)}.curd-table-dropdown-menu .el-dropdown-menu__item .el-button{display:block;padding:5px 16px;flex:1;text-align:left;font-size:12px}.table-main-filter-dropdown{padding:0}.table-main-filter-dropdown .search{position:relative;margin-bottom:5px}.table-main-filter-dropdown .search input{outline:0;border:0;width:100%;padding:5px 10px;background:#f4f4f4}.table-main-filter-dropdown .search .icon-suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.table-main-filter-dropdown .search .icon-close1{position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer;opacity:.7}.table-main-filter-dropdown .search .icon-close1:hover{opacity:1;color:#444}.table-main-filter-dropdown .select li{line-height:30px;padding:0 20px;list-style:none;cursor:pointer}.table-main-filter-dropdown .select li:hover{background:#f4f4f4}.table-main-filter-dropdown .select li.active{color:var(--el-color-primary)}.filter-type-popper{width:auto!important;min-width:0!important;padding:0!important;box-shadow:none!important}.table-filter{background:var(--el-bg-color);display:flex;flex-direction:column;position:relative}.table-filter .filter-search-box{min-height:32px;border-width:1px;border-style:solid;border-color:var(--el-border-color);display:flex;min-width:460px;align-items:center;justify-items:center;justify-content:space-between;overflow:hidden;border-radius:18px;transition:all .3s}.table-filter .filter-search-box.is-focus{border-color:var(--el-color-primary)}.table-filter .filter-search-box .filter-action{height:32px;line-height:32px;align-self:flex-end;display:flex;align-items:center;justify-items:center;justify-content:space-between}.table-filter .filter-search-box .filter-action div{cursor:pointer}.table-filter .filter-search-box .filter-action .empty{color:var(--el-color-info);margin-right:15px;padding-left:10px}.table-filter .filter-search-box .filter-action .empty:hover{color:var(--el-color-primary)}.table-filter .filter-search-box .filter-action .search{padding:0 20px;text-align:center;border-radius:18px;position:relative;display:flex}.table-filter .filter-search-box .filter-action .search:before{content:"";display:block;width:1px;height:20px;background:#ddd;position:absolute;left:0;top:50%;transform:translateY(-50%)}.table-filter .filter-search-box .filter-action .search:hover{color:var(--el-color-primary)}.table-filter .filter-external .el-form-item{margin-bottom:10px}.table-filter .filter-tags{height:100%;flex-wrap:wrap;display:flex;flex:1;align-items:center;justify-items:center;margin-bottom:10px}.table-filter .filter-tags .tag-title{margin-right:20px;font-size:12px;color:#aeb2bb;margin-bottom:2px}.table-filter .filter-tags .dropdown-toggle{white-space:nowrap;display:flex;align-items:center;justify-items:center;font-size:12px}.table-filter .filter-tags .tag-list{height:24px;line-height:24px;white-space:nowrap;display:flex;align-items:center;justify-items:center;padding:0 10px;color:var(--el-color-info-dark-2);background:var(--el-color-info-light-9);font-size:12px;border-radius:12px;margin-right:5px;margin-bottom:2px;cursor:pointer}.table-filter .filter-tags .tag-list .action{color:var(--el-color-info-light-5);text-align:center;width:14px;height:14px;line-height:14px;border-radius:50%;margin-left:10px;font-size:14px;cursor:pointer}.table-filter .filter-tags .tag-list .action:hover{color:var(--el-color-primary)}.table-filter .tag-clear{margin-bottom:2px;margin-left:10px}.table-filter .filter-item .base-select{--el-font-size-base:12px;height:100%;max-height:300px;display:flex;flex-direction:column}.table-filter .filter-item .base-select .el-input .el-input__wrapper{box-shadow:none!important}.table-filter .filter-item .base-select .remote-input{width:100%}.table-filter .filter-item .base-select .remote-input .el-input{--el-input-border-radius:0;--el-input-bg-color:var(--el-bg-color-page);--el-input-border:none;--el-input-hover-border-color:transparent;--el-input-focus-border-color:var(--el-border-color)}.table-filter .filter-item .base-select .el-empty__image svg{height:50px}.table-filter .filter-item .base-select .select-spinner{flex:1;position:relative;overflow-y:auto}.table-filter .filter-item .base-select .select-spinner ul li{list-style:none;padding:6px 10px;cursor:pointer;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--el-font-size-base)}.table-filter .filter-item .base-select .select-spinner ul li.active{color:var(--el-color-primary)}.table-filter .filter-item .base-select .select-spinner ul li:hover{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.table-filter-type{box-shadow:var(--el-box-shadow-light);background:var(--el-bg-color);z-index:3060;min-width:150px;max-height:300px;overflow:hidden;--el-font-size-base:12px}.table-filter-type .base-select{--el-font-size-base:12px;height:100%;max-height:300px;display:flex;flex-direction:column}.table-filter-type .base-select .remote-input{width:100%}.table-filter-type .base-select .remote-input .el-input{--el-input-border-radius:0;--el-input-bg-color:var(--el-bg-color-page);--el-input-border:none;--el-input-hover-border-color:transparent;--el-input-focus-border-color:var(--el-border-color)}.table-filter-type .base-select .el-empty__image svg{height:50px}.table-filter-type .base-select .select-spinner{flex:1;position:relative;overflow-y:auto}.table-filter-type .base-select .select-spinner ul{margin:0;padding:0}.table-filter-type .base-select .select-spinner ul li{list-style:none;padding:6px 10px;cursor:pointer;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;font-size:var(--el-font-size-base)}.table-filter-type .base-select .select-spinner ul li.active{color:var(--el-color-primary)}.table-filter-type .base-select .select-spinner ul li:hover{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.table-filter-toggle{padding:0 10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-width:120px;font-size:12px}.table-filter-toggle .current-filter-label{margin-right:20px}.table-filter-List{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);background:var(--el-bg-color);z-index:3060;border-radius:2px;max-height:300px;overflow-y:auto;font-size:12px}.table-filter-List ul{width:100%;margin:0;padding:0}.table-filter-List ul li{width:100%;list-style:none;padding:6px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;cursor:pointer}.table-filter-List ul li:hover{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.table-filter-List ul li.active{color:var(--el-color-primary);font-weight:600}.table-filter-tag-popper{max-height:400px;overflow:auto;padding:0!important;width:250px!important}.table-filter-tag-popper .select-list .item{line-height:18px;cursor:pointer;padding:6px 10px;font-size:12px}.table-filter-tag-popper .select-list .item:hover{background-color:var(--el-fill-color-light)}.table-filter-tag-popper .select-list .item.active{color:var(--el-color-primary);font-weight:700}.detail-info{flex:1}.detail-info .detail-info-header{display:flex;justify-content:space-between;align-items:center}.detail-info .title{margin-bottom:10px;border-left:3px solid var(--el-color-primary);padding-left:10px;line-height:1.2}.detail-info+.detail-info{margin-top:30px}.table-detail{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box;margin-left:13px}.table-detail .table-detail-col{box-sizing:border-box}.table-detail .item-col{line-height:20px;height:100%;box-sizing:border-box;display:flex}.table-detail .item-col .label{padding:4px 0;color:var(--el-text-color-secondary);box-sizing:border-box;vertical-align:middle;float:left;display:flex;align-items:center}.table-detail .item-col .det{flex:1;padding:4px 10px;box-sizing:border-box;min-height:20px;height:100%;word-break:break-all}.table-detail.table{border-top:1px solid var(--el-border-color);border-left:1px solid var(--el-border-color)}.table-detail.table .table-detail-col{padding:0!important;border-bottom:1px solid var(--el-border-color);border-right:1px solid var(--el-border-color)}.table-detail.table .item-col{background:var(--el-bg-color-page);border:1px solid var(--el-bg-color)}.table-detail.table .item-col .label{padding-left:10px;padding-right:10px;width:100px}.table-detail.table .item-col .det{border-left:1px solid var(--el-border-color);background-color:var(--el-bg-color)}
|
|
@@ -1,219 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="file-uploader-single">
|
|
3
|
-
<div tabindex="0" class="el-upload--picture-card">
|
|
4
|
-
<!--添加-->
|
|
5
|
-
<template v-if="!model">
|
|
6
|
-
<el-icon class="file-uploader-icon"><Plus /></el-icon>
|
|
7
|
-
</template>
|
|
8
|
-
|
|
9
|
-
<!--下载、删除-->
|
|
10
|
-
<span v-if="model" class="el-upload-list__item-actions">
|
|
11
|
-
<!-- <el-button type="primary" link @click.stop="handleDownload()"
|
|
12
|
-
><el-icon><Download /></el-icon
|
|
13
|
-
></el-button> -->
|
|
14
|
-
<el-button type="primary" link @click.stop="handleRemove()"
|
|
15
|
-
><el-icon><Delete /></el-icon
|
|
16
|
-
></el-button>
|
|
17
|
-
</span>
|
|
18
|
-
<!--图片文件-->
|
|
19
|
-
<img v-if="model && accept == 'image'" class="single-img" :src="src" :alt="model" />
|
|
20
|
-
|
|
21
|
-
<video v-if="model && accept == 'video'" class="single-img" :src="src" :alt="model"></video>
|
|
22
|
-
|
|
23
|
-
<!--非图片文件-->
|
|
24
|
-
<div v-if="model && !['image', 'video'].includes(accept)" class="file-main">
|
|
25
|
-
<span :class="getFileIcon"></span>
|
|
26
|
-
<div class="title" :title="fileName">
|
|
27
|
-
{{ fileName }}
|
|
28
|
-
</div>
|
|
29
|
-
</div>
|
|
30
|
-
<input ref="fileInputRef" :title="fileName" type="file" :multiple="false" name="file" class="el-upload_input" :accept="acceptType" @change="handleUploadChange($event)" />
|
|
31
|
-
<el-progress v-if="saveMap.loading" type="circle" :percentage="saveMap.percent"></el-progress>
|
|
32
|
-
</div>
|
|
33
|
-
</div>
|
|
34
|
-
</template>
|
|
35
|
-
<script lang="ts">
|
|
36
|
-
import { defineComponent, computed, ref, reactive, PropType, watch, Ref } from "vue"
|
|
37
|
-
import { Plus, Delete } from "@element-plus/icons-vue"
|
|
38
|
-
import { ElButton, ElIcon, ElMessage, ElProgress, useFormItem } from "element-plus"
|
|
39
|
-
import { FormItemProps } from "../types"
|
|
40
|
-
// import axios from "axios"
|
|
41
|
-
import { ajaxUpload, UploadRequestOptions } from "../utils/ajax"
|
|
42
|
-
export default defineComponent({
|
|
43
|
-
name: "SchemaFormFile",
|
|
44
|
-
components: { Plus, Delete, ElButton, ElIcon, ElProgress },
|
|
45
|
-
props: {
|
|
46
|
-
...FormItemProps,
|
|
47
|
-
modelValue: {
|
|
48
|
-
type: [String, File],
|
|
49
|
-
default: undefined,
|
|
50
|
-
}, // 表单项值
|
|
51
|
-
},
|
|
52
|
-
emits: ["update:modelValue", "success"],
|
|
53
|
-
|
|
54
|
-
setup(props, { emit }) {
|
|
55
|
-
const model = computed<any>({
|
|
56
|
-
get: () => props.modelValue,
|
|
57
|
-
set: (val) => emit("update:modelValue", val),
|
|
58
|
-
})
|
|
59
|
-
|
|
60
|
-
const fileInputRef = ref()
|
|
61
|
-
|
|
62
|
-
const saveMap = reactive({
|
|
63
|
-
loading: false,
|
|
64
|
-
percent: 0,
|
|
65
|
-
})
|
|
66
|
-
let fileName = ref("")
|
|
67
|
-
const src = ref(model.value)
|
|
68
|
-
watch(
|
|
69
|
-
() => model.value,
|
|
70
|
-
(val) => {
|
|
71
|
-
if (typeof val == "string") {
|
|
72
|
-
src.value = val
|
|
73
|
-
return
|
|
74
|
-
}
|
|
75
|
-
if (val instanceof File) {
|
|
76
|
-
const reader = new FileReader() // 创建 FileReader
|
|
77
|
-
reader.onload = (res) => {
|
|
78
|
-
src.value = res.target?.result
|
|
79
|
-
}
|
|
80
|
-
reader.readAsDataURL(val)
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
)
|
|
84
|
-
const accept: Ref<string> = computed(() => props.props?.accept)
|
|
85
|
-
const acceptType = computed(() => {
|
|
86
|
-
const map: Record<string, string> = {
|
|
87
|
-
image: "image/png,image/gif,image/jpg,image/jpeg",
|
|
88
|
-
video: "video/mp4,video/ogg,video/flv,video/avi,video/wmv,video/rmvb,video/mov",
|
|
89
|
-
}
|
|
90
|
-
return (accept.value && map[accept.value]) || accept.value
|
|
91
|
-
})
|
|
92
|
-
|
|
93
|
-
function handleDownload() {
|
|
94
|
-
const url = fileName.value
|
|
95
|
-
const link = document.createElement("a")
|
|
96
|
-
link.style.display = "none"
|
|
97
|
-
link.href = url
|
|
98
|
-
link.target = "_blank"
|
|
99
|
-
const title = url //.split("?").shift().split("/").pop()
|
|
100
|
-
link.setAttribute("download", title)
|
|
101
|
-
document.body.appendChild(link)
|
|
102
|
-
link.click()
|
|
103
|
-
setTimeout(() => {
|
|
104
|
-
document.body.removeChild(link)
|
|
105
|
-
})
|
|
106
|
-
}
|
|
107
|
-
function handleRemove() {
|
|
108
|
-
model.value = ""
|
|
109
|
-
fileName.value = ""
|
|
110
|
-
fileInputRef.value && (fileInputRef.value.value = "")
|
|
111
|
-
}
|
|
112
|
-
function getFileTypeByName(name: string) {
|
|
113
|
-
if (!name) return "file"
|
|
114
|
-
const map: Record<string, string> = {
|
|
115
|
-
image: "png|gif|jpg|bmp|jpeg",
|
|
116
|
-
video: "mp4|ogg|flv|avi|wmv|rmvb|mov",
|
|
117
|
-
}
|
|
118
|
-
for (const i in map) {
|
|
119
|
-
const reg = eval("/\.(" + map[i] + ")$/i")
|
|
120
|
-
if (reg.test(name.split("?")[0])) {
|
|
121
|
-
return i
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
return "file"
|
|
126
|
-
}
|
|
127
|
-
//单个上传操作 原生
|
|
128
|
-
function handleUploadChange(e: Event) {
|
|
129
|
-
const target = e.target as HTMLInputElement
|
|
130
|
-
const file: File = (target.files as FileList)[0]
|
|
131
|
-
if (!file) return
|
|
132
|
-
if (props.props.maxSize && file.size > props.props.maxSize) {
|
|
133
|
-
return ElMessage.error("上传文件大小不能超过" + props.props?.maxSize + "!")
|
|
134
|
-
}
|
|
135
|
-
fileName.value = file.name
|
|
136
|
-
if (!props.props?.autoUpload) {
|
|
137
|
-
model.value = file
|
|
138
|
-
} else {
|
|
139
|
-
const formData = new FormData()
|
|
140
|
-
|
|
141
|
-
upLoadFile(file)
|
|
142
|
-
}
|
|
143
|
-
if (props.eventObject && props.eventObject.change) {
|
|
144
|
-
props.eventObject.change()
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
//上传接口
|
|
148
|
-
function upLoadFile(file: File) {
|
|
149
|
-
saveMap["loading"] = true
|
|
150
|
-
saveMap["percent"] = 0
|
|
151
|
-
|
|
152
|
-
const progressCallback = (currFilePercent: number) => {
|
|
153
|
-
if (currFilePercent > 99) {
|
|
154
|
-
currFilePercent = 99
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
const options: UploadRequestOptions = {
|
|
159
|
-
headers: {
|
|
160
|
-
"Content-Type": "multipart/form-data",
|
|
161
|
-
},
|
|
162
|
-
withCredentials: props.props?.withCredentials || false,
|
|
163
|
-
file: file,
|
|
164
|
-
method: "post",
|
|
165
|
-
filename: "file",
|
|
166
|
-
data: props.props?.data || {},
|
|
167
|
-
action: props.props?.action || "/file/upload?random=" + Math.random(),
|
|
168
|
-
onProgress: (evt) => {
|
|
169
|
-
saveMap["percent"] = evt.percent
|
|
170
|
-
progressCallback(saveMap["percent"])
|
|
171
|
-
},
|
|
172
|
-
onSuccess: (res) => {
|
|
173
|
-
//成功进度条100%
|
|
174
|
-
saveMap["loading"] = false
|
|
175
|
-
saveMap["percent"] = 100
|
|
176
|
-
progressCallback(100)
|
|
177
|
-
model.value = (<any>res).result
|
|
178
|
-
emit("success", (<any>res).result)
|
|
179
|
-
},
|
|
180
|
-
onError: (err) => {},
|
|
181
|
-
}
|
|
182
|
-
const request = ajaxUpload(options)
|
|
183
|
-
if (request instanceof Promise) {
|
|
184
|
-
request.then(options.onSuccess, options.onError)
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
const getFileIcon = computed(() => {
|
|
188
|
-
const avilable = ["pdf", "csv", "xls", "xlsx", "doc", "docx", "txt", "zip", "rar", "image"]
|
|
189
|
-
const suffix = fileName.value.split(".").pop()
|
|
190
|
-
return suffix && avilable.includes(suffix) ? "icon-document-" + suffix : "icon-document-txt"
|
|
191
|
-
})
|
|
192
|
-
const { formItem } = useFormItem()
|
|
193
|
-
watch(
|
|
194
|
-
() => props.modelValue,
|
|
195
|
-
() => {
|
|
196
|
-
// if (props.validateEvent) {
|
|
197
|
-
formItem?.validate?.("change")
|
|
198
|
-
// }
|
|
199
|
-
}
|
|
200
|
-
)
|
|
201
|
-
|
|
202
|
-
return {
|
|
203
|
-
model,
|
|
204
|
-
fileInputRef,
|
|
205
|
-
fileName,
|
|
206
|
-
src,
|
|
207
|
-
accept,
|
|
208
|
-
acceptType,
|
|
209
|
-
saveMap,
|
|
210
|
-
getFileIcon,
|
|
211
|
-
handleDownload,
|
|
212
|
-
handleRemove,
|
|
213
|
-
getFileTypeByName,
|
|
214
|
-
handleUploadChange,
|
|
215
|
-
upLoadFile,
|
|
216
|
-
}
|
|
217
|
-
},
|
|
218
|
-
})
|
|
219
|
-
</script>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1584696290596" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2314" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M149.845333 0A81.92 81.92 0 0 0 68.266667 81.578667v860.842666A81.92 81.92 0 0 0 149.845333 1024h732.842667a81.92 81.92 0 0 0 81.578667-81.578667V324.778667L660.2752 0H149.845333z" fill="#45B058" p-id="2315"></path><path d="M393.079467 691.2c1.570133 1.604267 3.1744 4.778667 3.1744 7.9872a10.922667 10.922667 0 0 1-11.195734 11.195733c-3.208533 0-6.382933 0-7.9872-3.1744-11.195733-12.8-30.378667-22.4256-47.991466-22.4256-41.642667 0-73.6256 32.017067-73.6256 78.404267 0 44.817067 32.017067 78.404267 73.6256 78.404267 17.578667 0 35.157333-7.9872 47.991466-22.391467a12.219733 12.219733 0 0 1 7.9872-3.208533 10.922667 10.922667 0 0 1 11.195734 11.195733 12.219733 12.219733 0 0 1-3.1744 8.021333c-14.404267 15.9744-35.2256 27.204267-64 27.204267-56.0128 0-99.2256-40.004267-99.2256-99.2256 0-59.1872 43.2128-99.191467 99.2256-99.191467 28.7744 0 49.595733 11.195733 64 27.204267z m108.782933 171.2128c-28.808533 0-51.2-9.6256-67.208533-23.995733-3.1744-1.604267-3.1744-4.8128-3.1744-8.021334 0-6.382933 3.1744-12.8 11.195733-12.8 1.604267 0 4.778667 1.604267 6.382933 3.208534 12.8 11.195733 32.017067 20.821333 54.408534 20.821333 33.5872 0 44.817067-19.217067 44.817066-33.621333 0-49.595733-113.629867-22.391467-113.629866-91.204267 0-30.378667 27.204267-52.804267 65.604266-52.804267 23.995733 0 46.421333 8.021333 62.395734 20.821334 1.604267 1.570133 3.208533 4.778667 3.208533 7.9872a10.922667 10.922667 0 0 1-11.195733 11.195733c-1.604267 0-4.778667 0-6.417067-1.604267a81.578667 81.578667 0 0 0-49.595733-17.578666c-23.995733 0-39.970133 12.8-39.970134 30.378666 0 43.2128 113.595733 19.217067 113.595734 91.204267 0 27.204267-19.217067 55.978667-70.417067 55.978667z m272.008533-179.2l-67.208533 164.795733c-3.208533 7.9872-9.591467 12.8-17.578667 12.8h-1.604266a20.821333 20.821333 0 0 1-19.217067-12.8l-65.604267-164.795733c-1.604267-1.604267-1.604267-3.208533-1.604266-4.8128a12.629333 12.629333 0 0 1 12.8-12.8c4.8128 0 9.6256 3.208533 11.195733 7.9872l62.429867 160.017067 62.395733-160.017067a12.014933 12.014933 0 0 1 11.195733-7.9872c7.9872 0 14.404267 6.417067 14.404267 12.8 0 1.604267-1.604267 3.208533-1.604267 4.778667z" fill="#FFFFFF" p-id="2316"></path><path d="M964.266667 326.417067v15.9744h-204.8s-100.795733-20.821333-97.621334-108.782934c0 0 3.208533 92.7744 96.017067 92.7744h206.404267z" fill="#349C42" p-id="2317"></path><path d="M661.845333 0v233.608533c0 25.6 17.6128 92.7744 97.621334 92.7744h204.8L661.845333 0z" fill="#FFFFFF" opacity=".5" p-id="2318"></path></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587095597238" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1675" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M201.142857 475.428571V60.233143C201.142857 27.684571 228.937143 0 263.021714 0h476.708572L1005.714286 299.227429v664.539428c0 32.585143-28.416 60.233143-62.537143 60.233143H263.021714C228.937143 1024 201.142857 996.352 201.142857 963.766857V841.142857h61.878857v92.525714c0 10.861714 19.602286 30.098286 30.939429 30.098286h618.934857c11.337143 0 30.939429-19.236571 30.939429-30.134857V329.142857h-204.068572C698.148571 329.142857 676.571429 306.102857 676.571429 262.656V60.196571l-382.610286 0.036572c-11.337143 0-30.939429 19.273143-30.939429 30.134857V475.428571H201.142857z" fill="#BFBFBF" p-id="1676"></path><path d="M54.857143 475.428571h731.428571a36.571429 36.571429 0 0 1 36.571429 36.571429v292.571429a36.571429 36.571429 0 0 1-36.571429 36.571428H54.857143a36.571429 36.571429 0 0 1-36.571429-36.571428v-292.571429a36.571429 36.571429 0 0 1 36.571429-36.571429z m60.269714 292.571429H199.131429c27.428571 0 49.225143-9.508571 65.353142-28.416 16.164571-18.980571 24.246857-44.434286 24.246858-76.434286 0-32.109714-7.899429-57.636571-23.661715-76.653714-15.725714-19.017143-36.973714-28.525714-63.634285-28.525714H115.126857V768z m28.452572-24.283429v-161.426285h54.418285c19.638857 0 34.742857 7.021714 45.421715 21.065143 10.678857 14.043429 16.018286 34.011429 16.018285 59.794285 0 25.709714-5.558857 45.568-16.64 59.574857-11.117714 14.006857-26.843429 20.992-47.213714 20.992H143.579429z m272.822857 29.988572c30.72 0 55.442286-10.166857 74.24-30.500572 18.797714-20.333714 28.196571-47.030857 28.196571-80.091428 0-33.097143-9.398857-59.867429-28.196571-80.274286-18.797714-20.370286-43.52-30.537143-74.24-30.537143-30.464 0-55.113143 10.166857-73.984 30.537143-18.834286 20.406857-28.269714 47.177143-28.269715 80.310857 0 33.024 9.435429 59.721143 28.269715 80.091429 18.870857 20.297143 43.52 30.464 74.020571 30.464z m0-25.124572c-21.796571 0-39.387429-7.862857-52.845715-23.588571-13.421714-15.725714-20.114286-36.315429-20.114285-61.842286 0-25.6 6.692571-46.299429 20.114285-62.061714 13.458286-15.762286 31.085714-23.661714 52.882286-23.661714 21.906286 0 39.570286 7.899429 52.992 23.661714 13.421714 15.725714 20.114286 36.425143 20.114286 62.061714 0 25.526857-6.692571 46.153143-20.114286 61.842286-13.421714 15.725714-31.085714 23.588571-53.028571 23.588571z m313.161143-57.856h-27.428572c-3.510857 18.468571-10.642286 32.731429-21.430857 42.788572-10.752 10.020571-24.283429 15.067429-40.594286 15.067428-21.942857 0-38.765714-7.314286-50.322285-21.869714-11.556571-14.555429-17.371429-35.766857-17.371429-63.561143 0-26.185143 6.217143-47.030857 18.724571-62.537143 12.470857-15.433143 29.257143-23.186286 50.285715-23.186285 16.091429 0 29.257143 3.803429 39.497143 11.337143 10.24 7.606857 16.713143 18.322286 19.382857 32.219428h27.428571c-3.072-21.394286-12.214857-38.217143-27.428571-50.395428-15.250286-12.214857-34.742857-18.285714-58.441143-18.285715-30.098286 0-54.089143 10.020571-71.936 30.061715-17.846857 20.041143-26.770286 46.957714-26.770286 80.786285 0 33.792 8.594286 60.708571 25.782857 80.64 17.188571 19.931429 40.228571 29.915429 69.193143 29.915429 24.868571 0 45.421714-7.314286 61.659429-22.052572 16.237714-14.738286 26.148571-35.035429 29.769143-60.928z" fill="#1890FF" p-id="1677"></path></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1629107084637" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4794" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100"><defs><style type="text/css"></style></defs><path d="M844.8 93.866667H179.2c-46.933333 0-85.333333 38.4-85.333333 85.333333v663.466667c0 46.933333 38.4 85.333333 85.333333 85.333333h665.6c46.933333 0 85.333333-38.4 85.333333-85.333333V179.2c0-46.933333-38.4-85.333333-85.333333-85.333333z m42.666667 533.333333l-130.133334-134.4c-36.266667-38.4-70.4-57.6-106.666666-51.2-57.6 8.533333-100.266667 74.666667-145.066667 172.8-21.333333 44.8-36.266667 55.466667-44.8 55.466667-14.933333 2.133333-36.266667-17.066667-55.466667-36.266667-6.4-6.4-12.8-12.8-19.2-17.066667-21.333333-17.066667-42.666667-25.6-64-23.466666-25.6 2.133333-42.666667 19.2-46.933333 25.6l-136.533333 130.133333V179.2c0-23.466667 19.2-42.666667 42.666666-42.666667h665.6c23.466667 0 42.666667 19.2 42.666667 42.666667v448zM343.466667 317.866667c-40.533333 0-74.666667 34.133333-74.666667 74.666666s34.133333 74.666667 74.666667 74.666667 74.666667-34.133333 74.666666-74.666667-34.133333-74.666667-74.666666-74.666666z" p-id="4795" fill="#1296db"></path></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1584696252702" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1383" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M921.6 409.6h87.771429v468.114286h-87.771429v117.028571a29.257143 29.257143 0 0 1-29.257143 29.257143H131.657143a29.257143 29.257143 0 0 1-29.257143-29.257143v-117.028571H14.628571V409.6h87.771429V29.257143a29.257143 29.257143 0 0 1 29.257143-29.257143h570.836114L921.6 248.802743V409.6z m-29.257143 0v-117.028571h-175.542857a58.514286 58.514286 0 0 1-58.514286-58.514286V29.257143H160.914286a29.257143 29.257143 0 0 0-29.257143 29.257143v351.085714h760.685714z m0 468.114286H131.657143v87.771428a29.257143 29.257143 0 0 0 29.257143 29.257143h702.171428a29.257143 29.257143 0 0 0 29.257143-29.257143v-87.771428zM687.542857 29.257143v204.8a29.257143 29.257143 0 0 0 29.257143 29.257143h175.542857l-204.8-234.057143zM190.171429 528.266971v251.318858h28.496457v-102.8096h90.463085a74.254629 74.254629 0 0 0 0-148.509258H190.171429z m30.222628 23.405715H302.518857a49.181257 49.181257 0 1 1 0 98.391771H220.394057v-98.391771zM415.3344 526.628571v252.372115h92.540343a117.028571 117.028571 0 0 0 117.028571-117.028572V643.657143a117.028571 117.028571 0 0 0-117.028571-117.028572h-92.540343z m29.461943 27.0336h77.297371a73.142857 73.142857 0 0 1 73.142857 73.142858v52.0192a73.142857 73.142857 0 0 1-73.142857 73.142857h-77.297371v-198.304915z m219.018971-26.272914v251.231086h29.315657v-116.472686h135.5776v-24.634514h-135.5776v-84.845714h135.5776v-25.278172H663.844571z" fill="#F95951" p-id="1384"></path></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587097196796" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4939" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M899.2 230.4L736 64l-16-16H188.8c-44.8 0-83.2 35.2-83.2 83.2v761.6c0 44.8 35.2 83.2 83.2 83.2H832c44.8 0 83.2-35.2 83.2-83.2V246.4l-16-16z" fill="#FBB03B" p-id="4940"></path><path d="M784 246.4h134.4l-16-16L736 64l-16-16v134.4c0 35.2 28.8 64 64 64z" fill="#FFD6A9" p-id="4941"></path><path d="M281.6 166.4h54.4v60.8H281.6zM342.4 108.8h54.4v60.8h-54.4zM342.4 227.2h54.4V288h-54.4zM281.6 284.8h54.4v60.8H281.6zM342.4 345.6v60.8H281.6v112c0 3.2 3.2 12.8 12.8 12.8H384c3.2 0 12.8-3.2 12.8-12.8v-169.6h-54.4z m32 156.8H297.6v-32h76.8v32zM281.6 48h54.4v60.8H281.6V48z" fill="#FFFFFF" p-id="4942"></path></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587097045117" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3436" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M724.5 298.8H841L724.5 182.3v116.5z m159.4-13.6c17.3 17.3 26.9 40.7 26.9 65.1v507.5c0 29.3-24 53.2-53.2 53.2H325.2c-29.3 0-53.2-24-53.2-53.2v-39.9h39.9v39.9c0 7.2 6.1 13.3 13.3 13.3h532.3c7.2 0 13.3-6.1 13.3-13.3V350.3c0-3.9-0.5-7.8-1.4-11.5H684.6v-185c-3.8-0.9-7.6-1.3-11.5-1.4H325.2c-7.2 0-13.3 6.1-13.3 13.3v119.8H272V165.7c0-29.3 24-53.2 53.2-53.2H673c24.4 0 47.8 9.7 65.1 27l145.8 145.7zM631.3 478.5v-39.9h186.3v39.9H631.3z m0 119.8v-39.9h186.3v39.9H631.3z m0 119.8v-39.9h186.3v39.9H631.3z m-519 59.8V325.4h452.5v452.5H112.3z m343-328.8v-39.9H221.8v39.9h93.4v245.1h46.7V449.1h93.4z m0 0" fill="#515151" p-id="3437"></path></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1584696335057" class="icon" viewBox="0 0 1163 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3160" xmlns:xlink="http://www.w3.org/1999/xlink" width="72.6875" height="64"><defs><style type="text/css"></style></defs><path d="M0 0m90.509956 0l950.354538 0q90.509956 0 90.509956 90.509956l0 814.589604q0 90.509956-90.509956 90.509956l-950.354538 0q-90.509956 0-90.509956-90.509956l0-814.589604q0-90.509956 90.509956-90.509956Z" fill="#FFFFFF" p-id="3161"></path><path d="M585.73518 46.160078h60.867946v84.015866h308.118517c17.423167 0.746707 36.452885 0 51.54542 10.63492 10.63492 15.49983 9.345153 35.276255 10.63492 53.129344-0.588315 182.309679-0.588315 364.641985 0 546.951664 0 30.614993 2.737926 61.840927-3.529888 91.912861-4.027693 21.880782-29.732521 22.401214-46.838903 23.170548h-319.273869v93.27051h-63.764264C426.460285 920.576762 269.742296 893.695305 113.137445 865.637219V130.289082c157.555206-28.058086 315.133039-55.663623 472.597735-84.151632z" fill="#207245" p-id="3162"></path><path d="M646.603126 161.741291h338.73351v661.831426h-338.73351v-63.017557h82.137785v-73.539339h-82.137785v-42.494424h82.137785v-73.08679h-82.137785v-41.973992h82.137785v-73.629849h-82.137785v-42.494425h82.137785v-72.996279h-82.137785v-42.494424h82.137785v-73.08679h-82.137785z" fill="#FFFFFF" p-id="3163"></path><path d="M769.855058 298.27556h143.661928v-73.539339h-143.661928z" fill="#207245" p-id="3164"></path><path d="M417.115132 323.23368c23.261059-1.697062 46.522117-3.145221 69.805804-4.367105-27.424517 57.49645-55.030053 114.902389-82.771355 172.240446 28.148596 58.763589 57.066527 116.870981 85.011476 176.041865l-74.376556-4.751773c-17.423167-43.897329-38.693006-86.188106-51.228635-132.076653-13.915906 42.494424-33.873351 82.975002-49.916241 124.722719-22.423842 0-44.960821-1.267139-67.362035-2.217494 26.338397-53.129344 51.81695-106.258688 79.037819-158.618698-23.170549-54.079699-48.445454-107.118533-72.249572-160.994584l67.67882-3.914556c15.296183 41.114148 31.882132 81.594725 44.621408 123.772365 14.255318-44.734546 34.642686-86.68591 51.749067-129.836532z" fill="#FFFFFF" p-id="3165"></path><path d="M769.855058 413.856774h143.661928v-73.516712h-143.661928v73.539339z m0 115.626469h143.661928v-73.652477h-143.661928V529.483243z m0 115.468076h143.661928v-73.539339h-143.661928v73.539339z m0 115.603841h143.661928v-73.539339h-143.661928v73.539339z" fill="#207245" p-id="3166"></path></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1587096948506" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2635" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M713.265797 0l237.34259 238.220148v706.981819a79.492034 79.492034 0 0 1-79.747988 78.614477H152.872553A79.492034 79.492034 0 0 1 73.088 945.055708V78.906996A79.492034 79.492034 0 0 1 152.872553 0h560.393244z" fill="#F69867" p-id="2636"></path><path d="M717.617017 0.146259l233.13763 229.042365h-155.327581a77.261577 77.261577 0 0 1-77.66379-76.347455V0.146259z" fill="#FFFFFF" fill-opacity="0.55" p-id="2637"></path><path d="M301.691586 715.903649h164.541929v28.59373l-126.73385 160.081014h133.973694v30.714494H292.477238v-28.301212l127.062934-160.373533H301.691586z m201.106802 0h35.94327v219.389238h-36.08953z m78.980125 0h90.79058q79.565164 0 79.565164 67.279366 0 67.900969-80.186767 67.900969h-54.371966v84.099208h-35.94327z m35.943271 30.714493v73.751349h52.251203a58.028453 58.028453 0 0 0 34.773194-8.446486 34.553805 34.553805 0 0 0 10.969462-28.59373 32.908386 32.908386 0 0 0-11.371675-27.972128 55.761431 55.761431 0 0 0-34.73663-8.592745z" fill="#FFFFFF" p-id="2638"></path><path d="M575.050577 0.146259h-32.579302a48.887235 48.887235 0 1 0 0 97.774471h32.579302c26.326709 0 16.307933 0 16.307933-32.579302S601.377285 0.146259 575.050577 0.146259z m0 0" fill="#FFFFFF" p-id="2639"></path><path d="M575.050577 169.990095h-32.579302a48.887235 48.887235 0 1 0 0 97.77447h32.579302c26.326709 0 16.307933 0 16.307933-32.579302s10.018775-65.195169-16.307933-65.195168z m0 0" fill="#FFFFFF" p-id="2640"></path><path d="M414.603914 194.854208h31.336096a48.887235 48.887235 0 1 0 0-97.77447H414.603914c-26.326709 0-16.307933 37.625254-16.307933 65.195168s-10.018775 32.579302 16.307933 32.579302z m0 0" fill="#FFFFFF" p-id="2641"></path><path d="M414.603914 351.644384h31.336096a48.887235 48.887235 0 1 0 0-97.774471H414.603914c-26.326709 0-16.307933 37.625254-16.307933 65.195169s-10.018775 32.579302 16.307933 32.579302z m0 0" fill="#FFFFFF" p-id="2642"></path><path d="M575.050577 509.312116h-30.056326a421.154207 421.154207 0 0 1-47.534335 0 428.650006 428.650006 0 0 1-51.666165 0 48.887235 48.887235 0 1 0 0-97.77447h-31.336097c-26.326709 0-16.307933 37.625254-16.307933 65.195168s-10.018775 32.579302 16.307933 32.579302c-26.326709 0-16.307933 37.625254-16.307933 65.195169s-10.018775 27.569914 16.307933 27.569914h160.446663c26.326709 0 16.307933 0 16.307934-32.579302s10.018775-60.185781-16.307934-60.185781z m0 0" fill="#FFFFFF" p-id="2643"></path><path d="M575.050577 338.810113h-32.579302a48.887235 48.887235 0 1 0 0 97.774471h32.579302c26.326709 0 16.307933 0 16.307933-32.579302s10.018775-65.195169-16.307933-65.195169z m0 0" fill="#FFFFFF" p-id="2644"></path></svg>
|