@lemon30_npm/csit-vue3 0.0.17 → 0.0.19
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 +104 -8
- package/dist/csit-vue3.js +3 -3
- package/dist/index.css +1 -1
- package/dist/lib/ci-blue-line-title/index.js +1 -0
- package/dist/lib/ci-time-line-list/index.css +1 -1
- package/dist/lib/ci-time-line-list/index.vue.js +2 -2
- package/dist/lib/ci-time-line-list/index.vue2.js +4 -4
- package/dist/lib/components/index.js +1 -1
- package/dist/types/src/components/components-project/ci-blue-line-title/index.d.ts +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
## 📦 安装方式
|
|
8
8
|
|
|
9
9
|
```bash
|
|
10
|
-
|
|
11
10
|
# 使用 npm
|
|
12
11
|
npm install csit-vue3
|
|
13
12
|
|
|
@@ -19,7 +18,7 @@ pnpm add csit-vue3
|
|
|
19
18
|
|
|
20
19
|
```
|
|
21
20
|
|
|
22
|
-
#### ⚠️ 注意：该组件库依赖以下环境，请确保你的项目已安装(如果你使用Vue 3项目脚手架，请忽略)
|
|
21
|
+
#### ⚠️ 注意：该组件库依赖以下环境，请确保你的项目已安装(如果你使用Vue 3项目脚手架，请忽略)
|
|
23
22
|
|
|
24
23
|
> 版本可自行升级，无影响
|
|
25
24
|
|
|
@@ -39,7 +38,15 @@ pnpm add csit-vue3
|
|
|
39
38
|
|
|
40
39
|
## 🚀 快速开始
|
|
41
40
|
|
|
42
|
-
|
|
41
|
+
本节将介绍如何在项目中使用 cist-vue3。
|
|
42
|
+
|
|
43
|
+
## 用法
|
|
44
|
+
|
|
45
|
+
### 完整引入
|
|
46
|
+
|
|
47
|
+
如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。
|
|
48
|
+
|
|
49
|
+
在 main.ts 中写入以下内容：
|
|
43
50
|
|
|
44
51
|
```ts
|
|
45
52
|
import { createApp } from "vue";
|
|
@@ -57,18 +64,107 @@ app.use(CsitVue3);
|
|
|
57
64
|
app.mount("#app");
|
|
58
65
|
```
|
|
59
66
|
|
|
60
|
-
|
|
67
|
+
以上代码便完成了 cist-vue3 的引入。需要注意的是，样式文件需要单独引入。
|
|
68
|
+
|
|
69
|
+
### 按需导入
|
|
70
|
+
|
|
71
|
+
组件库默认支持**按需引入**，你可以只引入你所需要的组件，而无需引入整个组件库。
|
|
72
|
+
|
|
73
|
+
接下来，如果你只希望引入部分组件，比如 CiUpload 和 CiCommonListLayout 和 CiPageHeader，那么需要在 main.ts 中写入以下内容：
|
|
61
74
|
|
|
62
75
|
```ts
|
|
63
76
|
// main.ts
|
|
64
|
-
import
|
|
65
|
-
//
|
|
66
|
-
|
|
77
|
+
import CiUpload from 'csit-vue3/ci-upload';
|
|
78
|
+
// 单一组件样式支持按需导入
|
|
79
|
+
import "csit-vue3/ci-upload/style/index.css;
|
|
80
|
+
|
|
81
|
+
import CiCommonListLayout from 'csit-vue3/ci-common-list-layout';
|
|
82
|
+
// 单一组件样式支持按需导入
|
|
83
|
+
import "csit-vue3/ci-common-list-layout/style/index.css;
|
|
84
|
+
|
|
85
|
+
import CiPageHeader from 'csit-vue3/ci-page-header';
|
|
86
|
+
// 单一组件样式支持按需导入
|
|
87
|
+
import "csit-vue3/ci-page-header/style/index.css;
|
|
88
|
+
|
|
89
|
+
app.component(CiUpload.name, CiUpload);
|
|
90
|
+
app.component(CiCommonListLayout.name, CiCommonListLayout);
|
|
91
|
+
app.component(CiPageHeader.name, CiPageHeader);
|
|
92
|
+
// ...
|
|
93
|
+
|
|
94
|
+
/* 或写为
|
|
95
|
+
* app.use(CiUpload)
|
|
96
|
+
* app.use(CiCommonListLayout)
|
|
97
|
+
* app.use(CiPageHeader)
|
|
98
|
+
* ...
|
|
99
|
+
*/
|
|
100
|
+
|
|
101
|
+
// 单个组件中使用某个组件 - 直接引入 无需注册
|
|
102
|
+
import CiUpload from 'csit-vue3/ci-upload'
|
|
67
103
|
|
|
68
104
|
// 单个组件中使用某个组件 - 直接引入 无需注册
|
|
69
|
-
import
|
|
105
|
+
import CiPageHeader from 'csit-vue3/ci-page-header'
|
|
106
|
+
```
|
|
107
|
+
|
|
108
|
+
#### 单个组件中使用某个组件
|
|
109
|
+
|
|
110
|
+
```html
|
|
111
|
+
<template>
|
|
112
|
+
<CiBlueLineTitle title="自定义标题"></CiBlueLineTitle>
|
|
113
|
+
</template>
|
|
114
|
+
|
|
115
|
+
<script lang="ts" setup>
|
|
116
|
+
// 直接引入 无需注册
|
|
117
|
+
import CiBlueLineTitle from 'csit-vue3/ci-blue-line-title'
|
|
118
|
+
</script>
|
|
119
|
+
|
|
120
|
+
<style lang="less" scoped>
|
|
121
|
+
</style>
|
|
122
|
+
```
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
#### 按需导入规则和建议
|
|
127
|
+
|
|
128
|
+
相信细心的小伙伴们会有疑问了❓ 按需导入时 import xxx from 'csit-vue3/yyy'; 后面的yyy是什么值呢❓
|
|
129
|
+
|
|
130
|
+
##### 规则解释如下
|
|
131
|
+
|
|
132
|
+
```ts
|
|
133
|
+
// 组件导入模版
|
|
134
|
+
import xxx from 'csit-vue3/yyy';
|
|
135
|
+
// 示例
|
|
136
|
+
import CiCommonListLayout from 'csit-vue3/ci-common-list-layout';
|
|
137
|
+
|
|
138
|
+
// xxx: xxx值建议为大驼峰命名法;且值为 Vue3组件库文档 站点中你看到的示例名字; 比如: CiUpload、CiPageHeader 做到大家行业约定俗成的见名知意;
|
|
139
|
+
|
|
140
|
+
// yyy: 值为 Vue3组件库文档 站点中你看到的示例名字的 “kebab-case”（短横线连接命名）又称:（烤肉串命名法）比如你使用: CiPageHeader, 则 from 'csit-vue3/ci-page-header'; 使用: CiCommonListLayout, 则: from 'csit-vue3/ci-common-list-layout';
|
|
141
|
+
|
|
142
|
+
// 样式导入模版
|
|
143
|
+
import "csit-vue3/zzz/style/index.css;
|
|
144
|
+
//示例
|
|
145
|
+
import "csit-vue3/ci-common-list-layout/style/index.css;
|
|
146
|
+
|
|
147
|
+
// zzz: zzz值同理yyy值解释
|
|
148
|
+
```
|
|
149
|
+
|
|
150
|
+
##### 📢建议
|
|
151
|
+
|
|
152
|
+
```ts
|
|
153
|
+
// 样式不建议按需导入, 建议 main.ts 中直接全量导入, 清晰且不易出现问题
|
|
154
|
+
|
|
155
|
+
// main.ts
|
|
156
|
+
import "csit-vue3/dist/index.css";
|
|
70
157
|
```
|
|
71
158
|
|
|
159
|
+
##### 课外 - **常见命名风格比较：**
|
|
160
|
+
|
|
161
|
+
| **风格** | **示例** | **常见场景** |
|
|
162
|
+
| ---------- | ------------------ | ---------------------------------------- |
|
|
163
|
+
| camelCase | ciBlueLineTitle | JS 变量、函数名 |
|
|
164
|
+
| PascalCase | CiBlueLineTitle | Vue/React 组件名 |
|
|
165
|
+
| snake_case | ci_blue_line_title | Python变量、文件名、数据库字段 |
|
|
166
|
+
| kebab-case | ci-blue-line-title | 文件/文件夹、HTML/CSS 类名、自定义组件名 |
|
|
167
|
+
|
|
72
168
|
## 🧩 示例组件使用
|
|
73
169
|
|
|
74
170
|
```html
|
package/dist/csit-vue3.js
CHANGED
|
@@ -1623,8 +1623,8 @@ const j5 = [
|
|
|
1623
1623
|
title: "线索名称",
|
|
1624
1624
|
time: "2025-01-01"
|
|
1625
1625
|
}
|
|
1626
|
-
], V5 = { class: "
|
|
1627
|
-
name: "
|
|
1626
|
+
], V5 = { class: "CiTimeLineList" }, U5 = { class: "TimelineList-content" }, z5 = { class: "item-left" }, q5 = { class: "item-left-title" }, T5 = ["title"], W5 = { class: "item-right" }, K5 = { class: "item-right-time" }, H5 = {
|
|
1627
|
+
name: "CiTimeLineList"
|
|
1628
1628
|
}, Y5 = /* @__PURE__ */ x({
|
|
1629
1629
|
...H5,
|
|
1630
1630
|
props: {
|
|
@@ -1666,7 +1666,7 @@ const j5 = [
|
|
|
1666
1666
|
])
|
|
1667
1667
|
]));
|
|
1668
1668
|
}
|
|
1669
|
-
}), n1 = /* @__PURE__ */ k(Y5, [["__scopeId", "data-v-
|
|
1669
|
+
}), n1 = /* @__PURE__ */ k(Y5, [["__scopeId", "data-v-9cd26c5f"]]);
|
|
1670
1670
|
n1.install = (e) => {
|
|
1671
1671
|
e.component(n1.name, n1);
|
|
1672
1672
|
};
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.CiBlueLineTitle[data-v-bd337875]{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.CiBlueLineTitle .BlueLineTitle-left[data-v-bd337875]{display:flex;align-items:center}.CiBlueLineTitle .line-title-area[data-v-bd337875]{margin-right:28px;display:flex;align-items:center}.CiBlueLineTitle .line-title-area .line-area[data-v-bd337875]{width:4px;height:14px;border-radius:4px;margin-right:6px}.CiBlueLineTitle .line-title-area .title-area[data-v-bd337875]{font-size:18px;font-weight:700}#CiEchartPie[data-v-131d7e1f]{height:388px;width:95%}#CiEchartBar[data-v-c69eb72a]{height:405px}#CiEchartChinaMap[data-v-492b6878]{height:376px}.CiElDatePickerDaterange[data-v-ca26dbed]{display:flex}.CiElDatePickerDaterange[data-v-ca26dbed] .el-input__wrapper{border-radius:4px 0 0 4px}.CiElDatePickerDaterange .date-shortcuts[data-v-ca26dbed]{height:32px;padding:4px 10px;display:flex;background-color:#fff;border-radius:0 4px 4px 0;border:1px solid #dcdfe6;border-left:none}.CiElDatePickerDaterange .date-shortcuts .el-radio-group .el-radio-button[data-v-ca26dbed] .el-radio-button__inner{color:#3573f3;background-color:#eaf1fe;padding:4px 7px}.CiElDatePickerDaterange .date-shortcuts .el-radio-group .el-radio-button.is-active[data-v-ca26dbed] .el-radio-button__inner{background-color:#3573f3;color:#fff}.el-radio-group[data-v-ca26dbed]{--el-border: 1px solid #3573f3}.CiTimelineList[data-v-6bc8ca2e]{padding:16px;height:308px;overflow:hidden}.CiTimelineList[data-v-6bc8ca2e]:hover{overflow:auto}.CiTimelineList .TimelineList-content[data-v-6bc8ca2e]{position:relative}.CiTimelineList .TimelineList-content .link-line[data-v-6bc8ca2e]{position:absolute;width:1px;left:15.5px;top:23px;background:#0000000f;z-index:3}.CiTimelineList .TimelineList-content .time-line-item[data-v-6bc8ca2e]{display:flex;justify-content:space-between;align-items:center;padding:11px 11px 11px 4px}.CiTimelineList .TimelineList-content .time-line-item[data-v-6bc8ca2e]:hover{background-color:#dfe8f8!important;padding:11px 11px 11px 4px}.CiTimelineList .TimelineList-content .time-line-item:hover .round-one[data-v-6bc8ca2e]{background-color:#3573f3!important}.CiTimelineList .TimelineList-content .time-line-item:hover .round-two[data-v-6bc8ca2e]{background-color:#afc7f7!important}.CiTimelineList .TimelineList-content .time-line-item:hover .round-three[data-v-6bc8ca2e]{position:absolute;width:24px;height:24px;border-radius:50%;background-color:#cddcf8;z-index:1}.CiTimelineList .TimelineList-content .time-line-item .item-left[data-v-6bc8ca2e]{display:flex;align-items:center}.CiTimelineList .TimelineList-content .time-line-item .item-left .item-left-round[data-v-6bc8ca2e]{position:relative;width:24px;height:24px;margin-right:16px;display:flex;justify-content:center;align-items:center}.CiTimelineList .TimelineList-content .time-line-item .item-left .item-left-round .round-one[data-v-6bc8ca2e]{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#fa602f;z-index:4}.CiTimelineList .TimelineList-content .time-line-item .item-left .item-left-round .round-two[data-v-6bc8ca2e]{position:absolute;width:14px;height:14px;border-radius:50%;background-color:#f9d2c7;z-index:2}.CiTimelineList .TimelineList-content .time-line-item .item-left .item-left-title .span-title[data-v-6bc8ca2e]{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.CiTimelineList .TimelineList-content .time-line-item .item-right[data-v-6bc8ca2e]{display:flex;justify-content:space-between;align-items:center}.CiTimelineList .TimelineList-content .time-line-item .item-right .item-right-time[data-v-6bc8ca2e]{margin-right:10px;color:#a4a4a4}.CiTimelineList .TimelineList-content .time-line-item[data-v-6bc8ca2e]:nth-child(2n){background-color:#f7f8fa}.CiNoDataStatus[data-v-60fa6d54]{width:100%;display:flex;justify-content:center;align-items:center}.CiCommonListLayout[data-v-c9c1da85]{height:100%;display:flex;flex-direction:column}.CiCommonListLayout .area-actions[data-v-c9c1da85]{background-color:#f0f2f5;padding-bottom:10px;flex-shrink:0}.CiCommonListLayout .area-query[data-v-c9c1da85]{padding:20px;border-bottom:1px solid #dbdbdb;flex-shrink:0}.CiCommonListLayout .area-query.hasLastComponentIsCommonListQuery[data-v-c9c1da85]{padding-bottom:6px}.CiCommonListLayout .area-table[data-v-c9c1da85]{padding:20px;flex-grow:1}.CiCommonListLayout .area-pagination[data-v-c9c1da85]{display:flex;justify-content:center;align-items:center;padding-bottom:20px;flex-shrink:0}.CommonListQuery[data-v-9a8012aa]{display:flex;flex-wrap:wrap;align-items:center}.CommonListQuery .query-conditions[data-v-9a8012aa]{display:flex;flex-wrap:wrap;align-content:flex-start;overflow:hidden;transition:height .3s ease-in-out}.CommonListQuery .query-conditions[data-v-9a8012aa] .conditions-item{display:flex;align-items:center;margin-right:30px;margin-bottom:14px}.CommonListQuery .query-conditions[data-v-9a8012aa] .conditions-item label{flex-shrink:0;margin-right:10px}.CommonListQuery .query-conditions .query-actions[data-v-9a8012aa]{display:flex;align-items:center;margin-bottom:14px}.CommonListQuery .query-conditions .query-actions .down-triangle[data-v-9a8012aa]{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #3573f3;margin-left:5px}.CiCommonListStartEndDatePicker[data-v-e8646aac] .startDatePicker{margin-right:10px;width:190px}.CiCommonListStartEndDatePicker[data-v-e8646aac] .endDatePicker{width:190px}.CiPageHeader[data-v-84c25a21]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.CiPageHeader .content-btn-title-leftSlot[data-v-84c25a21]{display:flex;align-items:center}.CiPageHeader .content-btn-title-leftSlot .btn-back[data-v-84c25a21]{margin-right:10px;cursor:pointer;flex-shrink:0}.CiPageHeader .content-btn-title-leftSlot .title[data-v-84c25a21]{flex-shrink:0}.CiPageHeader .content-btn-title-leftSlot .content-left-slot[data-v-84c25a21]{margin-left:30px;margin-right:30px}.CiPageHeader .content-btn-title-leftSlot .content-left-slot.is-show-title[data-v-84c25a21]{margin-left:0}.CiPageHeader .content-right-slot[data-v-84c25a21]{flex-shrink:0}.CiUpload[data-v-df8cba2f]{width:680px}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger{height:142px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon,.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-hover,.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-disabled{width:20px;height:20px}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-hover,.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover{background-color:#fafbfd}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover .upload-btn-icon-hover{display:block}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-click{color:#3573f3}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-black{color:#191919}.CiUpload .ci-el-upload-component .upload-btn[data-v-df8cba2f]{color:#4a4a4a!important;border-color:#dbdbdb!important}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled[data-v-df8cba2f]{width:20px;height:20px;margin-right:10px}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn[data-v-df8cba2f]:hover{color:#3573f3!important;border-color:#3573f3!important}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-hover[data-v-df8cba2f]{display:block}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-disabled[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled[data-v-df8cba2f]{color:#a4a4a4!important;background-color:#f5f5f5!important;border-color:#dbdbdb!important;opacity:1!important}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-hover[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-disabled[data-v-df8cba2f]{display:block}.CiUpload .ci-el-upload-component .default-tip-slot-textInfo[data-v-df8cba2f],.CiUpload .ci-el-upload-component .tip-slot-textInfo[data-v-df8cba2f]{color:#a4a4a4;font-size:12px;margin-top:10px}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger{background-color:#f5f5f5}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon,.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-disabled{display:block}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger:hover{border:1px dashed #dcdfe6}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-click,.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-black{color:#a4a4a4}.CiUpload .custom-file-list-default[data-v-df8cba2f]{margin-top:20px;border:1px solid #dbdbdb;padding:8px 10px;border-radius:4px}.CiUpload .custom-file-list-default.is-readonly[data-v-df8cba2f]{margin-top:0;border:none;padding:0}.CiUpload .custom-file-list-default .file-item-wrapper[data-v-df8cba2f]{padding:5px}.CiUpload .custom-file-list-default .file-item-wrapper[data-v-df8cba2f]:hover{background-color:#f0f2f5}.CiUpload .custom-file-list-default .file-item-wrapper:hover .file-progress-bar[data-v-df8cba2f]{background-color:#e8e5e5}.CiUpload .custom-file-list-default .file-item-wrapper[data-v-df8cba2f]:not(:last-child){margin-bottom:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top[data-v-df8cba2f]{display:flex;align-items:center;justify-content:space-between}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon[data-v-df8cba2f]{display:flex;align-items:flex-start}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-icon[data-v-df8cba2f]{width:22px;height:22px;margin-right:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-name[data-v-df8cba2f]{max-width:257px;flex-shrink:0}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right[data-v-df8cba2f]{display:flex;align-items:center;justify-content:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-size[data-v-df8cba2f]{color:#a4a4a4;font-size:14px;margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn[data-v-df8cba2f]{margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn .el-divider--vertical[data-v-df8cba2f]{font-size:14px;border-left-color:#191919}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading[data-v-df8cba2f]{display:flex;align-items:center;color:#3573f3;font-size:14px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading .uploading-icon[data-v-df8cba2f]{width:14px;height:14px;margin-right:4px;animation:rotate 1.5s linear infinite}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .success .success-icon[data-v-df8cba2f],.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .downloading .success-icon[data-v-df8cba2f]{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper[data-v-df8cba2f]{display:flex;align-items:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .fail-icon[data-v-df8cba2f]{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .retry-icon[data-v-df8cba2f]{margin:0 8px;cursor:pointer;width:18px;height:18px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar[data-v-df8cba2f]{width:100%;height:5px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;margin-top:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar .file-progress-inner[data-v-df8cba2f]{height:100%;background-color:#3573f3;transition:width .3s ease}.CiUpload .custom-file-list-default .file-item-wrapper .download-progress-bar .file-progress-inner[data-v-df8cba2f]{background-color:#2aca96}.CiUpload{width:680px}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger){height:142px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon,.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-hover,.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-disabled{width:20px;height:20px}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover{background-color:#fafbfd}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover .upload-btn-icon-hover{display:block}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .drag-text-info .drag-text-info-click{color:#3573f3}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .drag-text-info .drag-text-info-black{color:#191919}.CiUpload .ci-el-upload-component .upload-btn{color:#4a4a4a!important;border-color:#dbdbdb!important}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon,.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover,.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled{width:20px;height:20px;margin-right:10px}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover,.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component .upload-btn:hover{color:#3573f3!important;border-color:#3573f3!important}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-hover{display:block}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled{color:#a4a4a4!important;background-color:#f5f5f5!important;border-color:#dbdbdb!important;opacity:1!important}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon,.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-disabled{display:block}.CiUpload .ci-el-upload-component .default-tip-slot-textInfo,.CiUpload .ci-el-upload-component .tip-slot-textInfo{color:#a4a4a4;font-size:12px;margin-top:10px}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger){background-color:#f5f5f5}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .upload-btn-icon-disabled{display:block}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger):hover{border:1px dashed #dcdfe6}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .drag-text-info .drag-text-info-click{color:#a4a4a4}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .drag-text-info .drag-text-info-black{color:#a4a4a4}.CiUpload .custom-file-list-default{margin-top:20px;border:1px solid #dbdbdb;padding:8px 10px;border-radius:4px}.CiUpload .custom-file-list-default.is-readonly{margin-top:0;border:none;padding:0}.CiUpload .custom-file-list-default .file-item-wrapper{padding:5px}.CiUpload .custom-file-list-default .file-item-wrapper:hover{background-color:#f0f2f5}.CiUpload .custom-file-list-default .file-item-wrapper:hover .file-progress-bar{background-color:#e8e5e5}.CiUpload .custom-file-list-default .file-item-wrapper:not(:last-child){margin-bottom:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top{display:flex;align-items:center;justify-content:space-between}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon{display:flex;align-items:flex-start}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-icon{width:22px;height:22px;margin-right:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-name{max-width:257px;flex-shrink:0}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right{display:flex;align-items:center;justify-content:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-size{color:#a4a4a4;font-size:14px;margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn{margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn .el-divider--vertical{font-size:14px;border-left-color:#191919}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading{display:flex;align-items:center;color:#3573f3;font-size:14px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading .uploading-icon{width:14px;height:14px;margin-right:4px;animation:rotate 1.5s linear infinite}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .success .success-icon,.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .downloading .success-icon{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper{display:flex;align-items:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .fail-icon{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .retry-icon{margin:0 8px;cursor:pointer;width:18px;height:18px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar{width:100%;height:5px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;margin-top:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar .file-progress-inner{height:100%;background-color:#3573f3;transition:width .3s ease}.CiUpload .custom-file-list-default .file-item-wrapper .download-progress-bar .file-progress-inner{background-color:#2aca96}
|
|
1
|
+
.CiBlueLineTitle[data-v-bd337875]{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.CiBlueLineTitle .BlueLineTitle-left[data-v-bd337875]{display:flex;align-items:center}.CiBlueLineTitle .line-title-area[data-v-bd337875]{margin-right:28px;display:flex;align-items:center}.CiBlueLineTitle .line-title-area .line-area[data-v-bd337875]{width:4px;height:14px;border-radius:4px;margin-right:6px}.CiBlueLineTitle .line-title-area .title-area[data-v-bd337875]{font-size:18px;font-weight:700}#CiEchartPie[data-v-131d7e1f]{height:388px;width:95%}#CiEchartBar[data-v-c69eb72a]{height:405px}#CiEchartChinaMap[data-v-492b6878]{height:376px}.CiElDatePickerDaterange[data-v-ca26dbed]{display:flex}.CiElDatePickerDaterange[data-v-ca26dbed] .el-input__wrapper{border-radius:4px 0 0 4px}.CiElDatePickerDaterange .date-shortcuts[data-v-ca26dbed]{height:32px;padding:4px 10px;display:flex;background-color:#fff;border-radius:0 4px 4px 0;border:1px solid #dcdfe6;border-left:none}.CiElDatePickerDaterange .date-shortcuts .el-radio-group .el-radio-button[data-v-ca26dbed] .el-radio-button__inner{color:#3573f3;background-color:#eaf1fe;padding:4px 7px}.CiElDatePickerDaterange .date-shortcuts .el-radio-group .el-radio-button.is-active[data-v-ca26dbed] .el-radio-button__inner{background-color:#3573f3;color:#fff}.el-radio-group[data-v-ca26dbed]{--el-border: 1px solid #3573f3}.CiTimeLineList[data-v-9cd26c5f]{padding:16px;height:308px;overflow:hidden}.CiTimeLineList[data-v-9cd26c5f]:hover{overflow:auto}.CiTimeLineList .TimelineList-content[data-v-9cd26c5f]{position:relative}.CiTimeLineList .TimelineList-content .link-line[data-v-9cd26c5f]{position:absolute;width:1px;left:15.5px;top:23px;background:#0000000f;z-index:3}.CiTimeLineList .TimelineList-content .time-line-item[data-v-9cd26c5f]{display:flex;justify-content:space-between;align-items:center;padding:11px 11px 11px 4px}.CiTimeLineList .TimelineList-content .time-line-item[data-v-9cd26c5f]:hover{background-color:#dfe8f8!important;padding:11px 11px 11px 4px}.CiTimeLineList .TimelineList-content .time-line-item:hover .round-one[data-v-9cd26c5f]{background-color:#3573f3!important}.CiTimeLineList .TimelineList-content .time-line-item:hover .round-two[data-v-9cd26c5f]{background-color:#afc7f7!important}.CiTimeLineList .TimelineList-content .time-line-item:hover .round-three[data-v-9cd26c5f]{position:absolute;width:24px;height:24px;border-radius:50%;background-color:#cddcf8;z-index:1}.CiTimeLineList .TimelineList-content .time-line-item .item-left[data-v-9cd26c5f]{display:flex;align-items:center}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-round[data-v-9cd26c5f]{position:relative;width:24px;height:24px;margin-right:16px;display:flex;justify-content:center;align-items:center}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-round .round-one[data-v-9cd26c5f]{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#fa602f;z-index:4}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-round .round-two[data-v-9cd26c5f]{position:absolute;width:14px;height:14px;border-radius:50%;background-color:#f9d2c7;z-index:2}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-title .span-title[data-v-9cd26c5f]{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.CiTimeLineList .TimelineList-content .time-line-item .item-right[data-v-9cd26c5f]{display:flex;justify-content:space-between;align-items:center}.CiTimeLineList .TimelineList-content .time-line-item .item-right .item-right-time[data-v-9cd26c5f]{margin-right:10px;color:#a4a4a4}.CiTimeLineList .TimelineList-content .time-line-item[data-v-9cd26c5f]:nth-child(2n){background-color:#f7f8fa}.CiNoDataStatus[data-v-60fa6d54]{width:100%;display:flex;justify-content:center;align-items:center}.CiCommonListLayout[data-v-c9c1da85]{height:100%;display:flex;flex-direction:column}.CiCommonListLayout .area-actions[data-v-c9c1da85]{background-color:#f0f2f5;padding-bottom:10px;flex-shrink:0}.CiCommonListLayout .area-query[data-v-c9c1da85]{padding:20px;border-bottom:1px solid #dbdbdb;flex-shrink:0}.CiCommonListLayout .area-query.hasLastComponentIsCommonListQuery[data-v-c9c1da85]{padding-bottom:6px}.CiCommonListLayout .area-table[data-v-c9c1da85]{padding:20px;flex-grow:1}.CiCommonListLayout .area-pagination[data-v-c9c1da85]{display:flex;justify-content:center;align-items:center;padding-bottom:20px;flex-shrink:0}.CommonListQuery[data-v-9a8012aa]{display:flex;flex-wrap:wrap;align-items:center}.CommonListQuery .query-conditions[data-v-9a8012aa]{display:flex;flex-wrap:wrap;align-content:flex-start;overflow:hidden;transition:height .3s ease-in-out}.CommonListQuery .query-conditions[data-v-9a8012aa] .conditions-item{display:flex;align-items:center;margin-right:30px;margin-bottom:14px}.CommonListQuery .query-conditions[data-v-9a8012aa] .conditions-item label{flex-shrink:0;margin-right:10px}.CommonListQuery .query-conditions .query-actions[data-v-9a8012aa]{display:flex;align-items:center;margin-bottom:14px}.CommonListQuery .query-conditions .query-actions .down-triangle[data-v-9a8012aa]{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #3573f3;margin-left:5px}.CiCommonListStartEndDatePicker[data-v-e8646aac] .startDatePicker{margin-right:10px;width:190px}.CiCommonListStartEndDatePicker[data-v-e8646aac] .endDatePicker{width:190px}.CiPageHeader[data-v-84c25a21]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.CiPageHeader .content-btn-title-leftSlot[data-v-84c25a21]{display:flex;align-items:center}.CiPageHeader .content-btn-title-leftSlot .btn-back[data-v-84c25a21]{margin-right:10px;cursor:pointer;flex-shrink:0}.CiPageHeader .content-btn-title-leftSlot .title[data-v-84c25a21]{flex-shrink:0}.CiPageHeader .content-btn-title-leftSlot .content-left-slot[data-v-84c25a21]{margin-left:30px;margin-right:30px}.CiPageHeader .content-btn-title-leftSlot .content-left-slot.is-show-title[data-v-84c25a21]{margin-left:0}.CiPageHeader .content-right-slot[data-v-84c25a21]{flex-shrink:0}.CiUpload[data-v-df8cba2f]{width:680px}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger{height:142px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon,.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-hover,.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-disabled{width:20px;height:20px}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-hover,.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover{background-color:#fafbfd}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover .upload-btn-icon-hover{display:block}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-click{color:#3573f3}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-black{color:#191919}.CiUpload .ci-el-upload-component .upload-btn[data-v-df8cba2f]{color:#4a4a4a!important;border-color:#dbdbdb!important}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled[data-v-df8cba2f]{width:20px;height:20px;margin-right:10px}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn[data-v-df8cba2f]:hover{color:#3573f3!important;border-color:#3573f3!important}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-hover[data-v-df8cba2f]{display:block}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-disabled[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled[data-v-df8cba2f]{color:#a4a4a4!important;background-color:#f5f5f5!important;border-color:#dbdbdb!important;opacity:1!important}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-hover[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-disabled[data-v-df8cba2f]{display:block}.CiUpload .ci-el-upload-component .default-tip-slot-textInfo[data-v-df8cba2f],.CiUpload .ci-el-upload-component .tip-slot-textInfo[data-v-df8cba2f]{color:#a4a4a4;font-size:12px;margin-top:10px}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger{background-color:#f5f5f5}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon,.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-disabled{display:block}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger:hover{border:1px dashed #dcdfe6}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-click,.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-black{color:#a4a4a4}.CiUpload .custom-file-list-default[data-v-df8cba2f]{margin-top:20px;border:1px solid #dbdbdb;padding:8px 10px;border-radius:4px}.CiUpload .custom-file-list-default.is-readonly[data-v-df8cba2f]{margin-top:0;border:none;padding:0}.CiUpload .custom-file-list-default .file-item-wrapper[data-v-df8cba2f]{padding:5px}.CiUpload .custom-file-list-default .file-item-wrapper[data-v-df8cba2f]:hover{background-color:#f0f2f5}.CiUpload .custom-file-list-default .file-item-wrapper:hover .file-progress-bar[data-v-df8cba2f]{background-color:#e8e5e5}.CiUpload .custom-file-list-default .file-item-wrapper[data-v-df8cba2f]:not(:last-child){margin-bottom:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top[data-v-df8cba2f]{display:flex;align-items:center;justify-content:space-between}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon[data-v-df8cba2f]{display:flex;align-items:flex-start}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-icon[data-v-df8cba2f]{width:22px;height:22px;margin-right:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-name[data-v-df8cba2f]{max-width:257px;flex-shrink:0}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right[data-v-df8cba2f]{display:flex;align-items:center;justify-content:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-size[data-v-df8cba2f]{color:#a4a4a4;font-size:14px;margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn[data-v-df8cba2f]{margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn .el-divider--vertical[data-v-df8cba2f]{font-size:14px;border-left-color:#191919}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading[data-v-df8cba2f]{display:flex;align-items:center;color:#3573f3;font-size:14px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading .uploading-icon[data-v-df8cba2f]{width:14px;height:14px;margin-right:4px;animation:rotate 1.5s linear infinite}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .success .success-icon[data-v-df8cba2f],.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .downloading .success-icon[data-v-df8cba2f]{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper[data-v-df8cba2f]{display:flex;align-items:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .fail-icon[data-v-df8cba2f]{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .retry-icon[data-v-df8cba2f]{margin:0 8px;cursor:pointer;width:18px;height:18px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar[data-v-df8cba2f]{width:100%;height:5px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;margin-top:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar .file-progress-inner[data-v-df8cba2f]{height:100%;background-color:#3573f3;transition:width .3s ease}.CiUpload .custom-file-list-default .file-item-wrapper .download-progress-bar .file-progress-inner[data-v-df8cba2f]{background-color:#2aca96}.CiUpload{width:680px}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger){height:142px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon,.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-hover,.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-disabled{width:20px;height:20px}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover{background-color:#fafbfd}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover .upload-btn-icon-hover{display:block}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .drag-text-info .drag-text-info-click{color:#3573f3}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .drag-text-info .drag-text-info-black{color:#191919}.CiUpload .ci-el-upload-component .upload-btn{color:#4a4a4a!important;border-color:#dbdbdb!important}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon,.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover,.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled{width:20px;height:20px;margin-right:10px}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover,.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component .upload-btn:hover{color:#3573f3!important;border-color:#3573f3!important}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-hover{display:block}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled{color:#a4a4a4!important;background-color:#f5f5f5!important;border-color:#dbdbdb!important;opacity:1!important}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon,.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-disabled{display:block}.CiUpload .ci-el-upload-component .default-tip-slot-textInfo,.CiUpload .ci-el-upload-component .tip-slot-textInfo{color:#a4a4a4;font-size:12px;margin-top:10px}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger){background-color:#f5f5f5}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .upload-btn-icon-disabled{display:block}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger):hover{border:1px dashed #dcdfe6}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .drag-text-info .drag-text-info-click{color:#a4a4a4}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .drag-text-info .drag-text-info-black{color:#a4a4a4}.CiUpload .custom-file-list-default{margin-top:20px;border:1px solid #dbdbdb;padding:8px 10px;border-radius:4px}.CiUpload .custom-file-list-default.is-readonly{margin-top:0;border:none;padding:0}.CiUpload .custom-file-list-default .file-item-wrapper{padding:5px}.CiUpload .custom-file-list-default .file-item-wrapper:hover{background-color:#f0f2f5}.CiUpload .custom-file-list-default .file-item-wrapper:hover .file-progress-bar{background-color:#e8e5e5}.CiUpload .custom-file-list-default .file-item-wrapper:not(:last-child){margin-bottom:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top{display:flex;align-items:center;justify-content:space-between}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon{display:flex;align-items:flex-start}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-icon{width:22px;height:22px;margin-right:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-name{max-width:257px;flex-shrink:0}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right{display:flex;align-items:center;justify-content:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-size{color:#a4a4a4;font-size:14px;margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn{margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn .el-divider--vertical{font-size:14px;border-left-color:#191919}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading{display:flex;align-items:center;color:#3573f3;font-size:14px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading .uploading-icon{width:14px;height:14px;margin-right:4px;animation:rotate 1.5s linear infinite}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .success .success-icon,.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .downloading .success-icon{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper{display:flex;align-items:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .fail-icon{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .retry-icon{margin:0 8px;cursor:pointer;width:18px;height:18px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar{width:100%;height:5px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;margin-top:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar .file-progress-inner{height:100%;background-color:#3573f3;transition:width .3s ease}.CiUpload .custom-file-list-default .file-item-wrapper .download-progress-bar .file-progress-inner{background-color:#2aca96}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.CiTimeLineList[data-v-9cd26c5f]{padding:16px;height:308px;overflow:hidden}.CiTimeLineList[data-v-9cd26c5f]:hover{overflow:auto}.CiTimeLineList .TimelineList-content[data-v-9cd26c5f]{position:relative}.CiTimeLineList .TimelineList-content .link-line[data-v-9cd26c5f]{position:absolute;width:1px;left:15.5px;top:23px;background:#0000000f;z-index:3}.CiTimeLineList .TimelineList-content .time-line-item[data-v-9cd26c5f]{display:flex;justify-content:space-between;align-items:center;padding:11px 11px 11px 4px}.CiTimeLineList .TimelineList-content .time-line-item[data-v-9cd26c5f]:hover{background-color:#dfe8f8!important;padding:11px 11px 11px 4px}.CiTimeLineList .TimelineList-content .time-line-item:hover .round-one[data-v-9cd26c5f]{background-color:#3573f3!important}.CiTimeLineList .TimelineList-content .time-line-item:hover .round-two[data-v-9cd26c5f]{background-color:#afc7f7!important}.CiTimeLineList .TimelineList-content .time-line-item:hover .round-three[data-v-9cd26c5f]{position:absolute;width:24px;height:24px;border-radius:50%;background-color:#cddcf8;z-index:1}.CiTimeLineList .TimelineList-content .time-line-item .item-left[data-v-9cd26c5f]{display:flex;align-items:center}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-round[data-v-9cd26c5f]{position:relative;width:24px;height:24px;margin-right:16px;display:flex;justify-content:center;align-items:center}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-round .round-one[data-v-9cd26c5f]{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#fa602f;z-index:4}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-round .round-two[data-v-9cd26c5f]{position:absolute;width:14px;height:14px;border-radius:50%;background-color:#f9d2c7;z-index:2}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-title .span-title[data-v-9cd26c5f]{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.CiTimeLineList .TimelineList-content .time-line-item .item-right[data-v-9cd26c5f]{display:flex;justify-content:space-between;align-items:center}.CiTimeLineList .TimelineList-content .time-line-item .item-right .item-right-time[data-v-9cd26c5f]{margin-right:10px;color:#a4a4a4}.CiTimeLineList .TimelineList-content .time-line-item[data-v-9cd26c5f]:nth-child(2n){background-color:#f7f8fa}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./index.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9cd26c5f"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
c as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as m, computed as _, ref as u, createElementBlock as s, openBlock as i, createElementVNode as t, normalizeStyle as p, Fragment as v, renderList as h, toDisplayString as o, renderSlot as f } from "vue";
|
|
2
2
|
import { timelineListData as g } from "./model/index.js";
|
|
3
|
-
const
|
|
4
|
-
name: "
|
|
3
|
+
const L = { class: "CiTimeLineList" }, y = { class: "TimelineList-content" }, k = { class: "item-left" }, C = { class: "item-left-title" }, S = ["title"], T = { class: "item-right" }, w = { class: "item-right-time" }, B = {
|
|
4
|
+
name: "CiTimeLineList"
|
|
5
5
|
}, $ = /* @__PURE__ */ m({
|
|
6
6
|
...B,
|
|
7
7
|
props: {
|
|
@@ -12,8 +12,8 @@ const y = { class: "CiTimelineList" }, L = { class: "TimelineList-content" }, k
|
|
|
12
12
|
// 高度为所有项数 - 1 乘以每一项的高度
|
|
13
13
|
height: r
|
|
14
14
|
});
|
|
15
|
-
return (l, n) => (i(), s("div",
|
|
16
|
-
t("div",
|
|
15
|
+
return (l, n) => (i(), s("div", L, [
|
|
16
|
+
t("div", y, [
|
|
17
17
|
t("div", {
|
|
18
18
|
class: "link-line",
|
|
19
19
|
style: p(c.value)
|