Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-R7-Res
提交
2b0193de
提交
2b0193de
编写于
11月 17, 2022
作者:
Mosher
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update:更新导入组件
上级
15327e67
变更
2
展开全部
隐藏空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
557 行增加
和
395 行删除
+557
-395
app-data-upload.less
src/components/app-data-upload/app-data-upload.less
+130
-128
app-data-upload.vue
src/components/app-data-upload/app-data-upload.vue
+427
-267
未找到文件。
src/components/app-data-upload/app-data-upload.less
浏览文件 @
2b0193de
// 导入视图样式
// 导入视图样式
.app-data-upload-view{
.app-data-upload-view{
font-family: "Microsoft YaHei";
font-family: "Microsoft YaHei";
.main-content{
.main-content{
height: 174px;
height: calc(100% - 68px);
background: #FAFAFB;
background: #FAFAFB;
border-radius: 4px;
border-radius: 4px;
border: 1px dashed #D7D7D7;
border: 1px dashed #D7D7D7;
// 上传文件区域
margin-top: 10px;
.upload-container{
// 上传文件区域
cursor: pointer;
.upload-container{
height: 100%;
cursor: pointer;
width: 100%;
height: 100%;
text-align: center;
width: 100%;
padding-top: 58px;
text-align: center;
.icon-import{
padding-top: 58px;
display: block;
.icon-import{
margin: 0 auto 17px;
display: block;
}
margin: 0 auto 17px;
.select-file-text{
height: 17px;
font-size: 12px;
color: #565656;
line-height: 17px;
}
}
// 信息展示容器
.data-info-container{
padding: 8px 10px 6px;
height: 100%;
width: 100%;
// 进度条
.progress{
margin-bottom: 6px ;
.el-progress-bar__outer{
background-color: #FFFFFF;
}
.el-progress-bar__inner{
background-color: #D7E9FF;
}
}
.message-container{
height: 150px;
display: flex;
justify-content: space-between;
ul li{
list-style-type: none;
padding-left: 20px;
}
.result-list{
height: 100%;
width: 100%;
overflow: auto;
}
//成功信息区
.result-list{
ul .success-item{
background: url("~@/assets/img/icon-success.svg") no-repeat 5px 5px;
background-size: 10px 10px;
}
}
//错误信息区
.result-list{
ul .error-item{
background: url("~@/assets/img/icon-error.svg") no-repeat 5px 5px;
background-size: 10px 10px;
}
}
}
}
}
// 下载模板区
.second-content{
padding: 16px 12px 0;
margin-bottom: 30px;
.import-template-message{
font-size: 12px;
height: 17px;
color: #565656;
line-height: 17px;
}
}
.import-template{
.select-file-text{
.icon-link{
width: 12px;
margin-bottom: -1px;
margin-right: 3px;
}
height: 17px;
height: 17px;
font-size: 12px;
font-size: 12px;
color: #5
7A3FD
;
color: #5
65656
;
line-height: 17px;
line-height: 17px;
}
}
}
}
// 底部按钮
// 信息展示容器
.button-container{
.data-info-container{
text-align: right;
padding: 8px 10px 6px;
margin: 15px;
height: 100%;
.el-button{
width: 100%;
margin: 0 0 0 8px;
// 进度条
padding: 3px 15px;
.progress{
font-size: 12px;
margin-bottom: 6px ;
line-height: 20px;
.el-progress-bar__outer{
background-color: #FFFFFF;
}
.el-progress-bar__inner{
background-color: #D7E9FF;
}
}
}
.
primary-button
{
.
message-container
{
color: #FFFFFF
;
height: 150px
;
background-color: #57A3FD
;
display: flex
;
border-color: #57A3FD
;
justify-content: space-between
;
&:hover
{
ul li
{
background: #66b1ff
;
list-style-type: none
;
border-color: #66b1ff
;
padding-left: 20px
;
}
}
&:disabled
{
.result-list
{
color: var(--button-font-color-light)
;
height: 100%
;
border-color: var(--button-font-color-light)
;
width: 100%
;
background-color: var(--button-background-color-light)
;
overflow: auto
;
}
}
//成功信息区
.result-list{
ul .success-item{
background: url("~@/assets/img/icon-success.svg") no-repeat 5px 5px;
background-size: 10px 10px;
}
}
//错误信息区
.result-list{
ul .error-item{
background: url("~@/assets/img/icon-error.svg") no-repeat 5px 5px;
background-size: 10px 10px;
}
}
}
}
}
}
}
}
// 下载模板区
//模态样式
.second-content{
.view-default.app-data-upload-modal{
padding: 16px 12px 0;
.app-data-upload-view{
margin-bottom: 30px;
width: 100%;
.import-template-message{
height: 100%;
font-size: 12px;
padding: 0 20px 24px 20px;
height: 17px;
color: #565656;
line-height: 17px;
}
}
.ivu-modal-content .ivu-modal-body{
.import-template{
height: calc(100% - 58px);
.icon-link{
width: 12px;
margin-bottom: -1px;
margin-right: 3px;
}
height: 17px;
font-size: 12px;
color: #57A3FD;
line-height: 17px;
}
}
// 模态标题
}
.ivu-modal-header{
// 底部按钮
padding: 16px;
.button-container{
border: 0;
text-align: right;
.ivu-modal-header-inner{
margin: 15px;
color: #333333;
height: 28px;
font-weight: 600;
.el-button{
height: 24px;
margin: 0 0 0 8px;
line-height: 24px;
padding: 3px 15px;
font-size: 12px;
line-height: 20px;
}
.primary-button{
color: #FFFFFF;
background-color: #57A3FD;
border-color: #57A3FD;
&:hover{
background: #66b1ff;
border-color: #66b1ff;
}
&:disabled{
color: var(--button-font-color-light);
border-color: var(--button-font-color-light);
background-color: var(--button-background-color-light);
}
}
}
}
// 关闭图标
}
.ivu-modal-close .ivu-icon-ios-close{
}
color: #999999;
//模态样式
.view-default.app-data-upload-modal{
.app-data-upload-view{
width: 100%;
height: 100%;
padding: 0 20px 24px 20px;
}
.ivu-modal-content .ivu-modal-body{
height: calc(100% - 58px);
}
// 模态标题
.ivu-modal-header{
padding: 16px;
border: 0;
.ivu-modal-header-inner{
color: #333333;
font-weight: 600;
font-weight: 600;
height: 24px;
line-height: 24px;
}
}
}
}
\ No newline at end of file
// 关闭图标
.ivu-modal-close .ivu-icon-ios-close{
color: #999999;
font-weight: 600;
}
}
\ No newline at end of file
src/components/app-data-upload/app-data-upload.vue
浏览文件 @
2b0193de
此差异已折叠。
点击以展开。
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录