23 changed files with 342 additions and 485 deletions
@ -1,83 +0,0 @@ |
|||
|
|||
.layout-container { |
|||
// border-top: 1px solid #eee; |
|||
background: #eee; |
|||
// padding: 15px; |
|||
/* margin-bottom: 40px; */ |
|||
} |
|||
// .animated { |
|||
// -webkit-animation-duration: 1s; |
|||
// animation-duration: 1s; |
|||
// -webkit-animation-fill-mode: both; |
|||
// animation-fill-mode: both; |
|||
// } |
|||
// .animated.infinite { |
|||
// -webkit-animation-iteration-count: infinite; |
|||
// animation-iteration-count: infinite; |
|||
// } |
|||
// .animated.hinge { |
|||
// -webkit-animation-duration: 2s; |
|||
// animation-duration: 2s; |
|||
// } |
|||
// .animated.bounceIn, |
|||
// .animated.bounceOut, |
|||
// .animated.flipOutX, |
|||
// .animated.flipOutY { |
|||
// -webkit-animation-duration: 0.75s; |
|||
// animation-duration: 0.75s; |
|||
// } |
|||
// @-webkit-keyframes fadeInDown { |
|||
// 0% { |
|||
// opacity: 0; |
|||
// -webkit-transform: translate3d(0, -100%, 0); |
|||
// transform: translate3d(0, -100%, 0); |
|||
// } |
|||
// to { |
|||
// opacity: 1; |
|||
// -webkit-transform: none; |
|||
// transform: none; |
|||
// } |
|||
// } |
|||
// @keyframes fadeInDown { |
|||
// 0% { |
|||
// opacity: 0; |
|||
// -webkit-transform: translate3d(0, -100%, 0); |
|||
// transform: translate3d(0, -100%, 0); |
|||
// } |
|||
// to { |
|||
// opacity: 1; |
|||
// -webkit-transform: none; |
|||
// transform: none; |
|||
// } |
|||
// } |
|||
// .fadeInDown { |
|||
// -webkit-animation-name: fadeInDown; |
|||
// animation-name: fadeInDown; |
|||
// } |
|||
|
|||
// @-webkit-keyframes slideInDown { |
|||
// 0% { |
|||
// -webkit-transform: translate3d(0, -100%, 0); |
|||
// transform: translate3d(0, -100%, 0); |
|||
// visibility: visible; |
|||
// } |
|||
// to { |
|||
// -webkit-transform: translateZ(0); |
|||
// transform: translateZ(0); |
|||
// } |
|||
// } |
|||
// @keyframes slideInDown { |
|||
// 0% { |
|||
// -webkit-transform: translate3d(0, -100%, 0); |
|||
// transform: translate3d(0, -100%, 0); |
|||
// visibility: visible; |
|||
// } |
|||
// to { |
|||
// -webkit-transform: translateZ(0); |
|||
// transform: translateZ(0); |
|||
// } |
|||
// } |
|||
// .slideInDown { |
|||
// -webkit-animation-name: slideInDown; |
|||
// animation-name: slideInDown; |
|||
// } |
|||
@ -1,229 +0,0 @@ |
|||
.view-container{ |
|||
padding: 15px; |
|||
background: white; |
|||
} |
|||
.view-header { |
|||
height: 45px; |
|||
position: relative; |
|||
padding-bottom: 11px; |
|||
display: -webkit-flex; |
|||
display: flex; |
|||
.search-line { |
|||
flex: 1; |
|||
margin-left: 50px; |
|||
display: flex; |
|||
text-align: right; |
|||
} |
|||
.search-line > div { |
|||
margin-left: 30px; |
|||
margin-right: 20px; |
|||
} |
|||
.search-line > div > div{ |
|||
width: 200px; |
|||
text-align: left; |
|||
} |
|||
.search-line > div:first-child{ |
|||
flex: 1; |
|||
} |
|||
.search-line > div .ivu-select-dropdown{ |
|||
max-height: 300px; |
|||
} |
|||
// .btn-group > button { |
|||
// text-align: right; |
|||
// } |
|||
.btn-group{ |
|||
white-space: nowrap; |
|||
button { |
|||
margin-left: 10px; |
|||
// padding: 5px 16px; |
|||
} |
|||
.dropdown{ |
|||
height: 31px; |
|||
padding-right: 9px; |
|||
padding-left: 11px; |
|||
border-top-right-radius: 0px; |
|||
border-bottom-right-radius: 0px; |
|||
} |
|||
.r-dropdown{ |
|||
height: 31px; |
|||
margin-left: 0px; |
|||
padding-left: 5px; |
|||
padding-right: 5px; |
|||
border-bottom-left-radius: 0px; |
|||
border-left: 1px solid #eee; |
|||
border-top-left-radius: 0; |
|||
} |
|||
} |
|||
// .btn-group button { |
|||
// margin-left: 10px; |
|||
// // padding: 5px 16px; |
|||
// } |
|||
// .btn-group .dropdown { |
|||
// position: relative; |
|||
// padding: 5px 34px 5px 10px; |
|||
// } |
|||
// .btn-group .dropdown span i.ivu-icon-ios-arrow-down { |
|||
// top: 0px; |
|||
// height: 34px; |
|||
// border-left: 1px solid; |
|||
// height: 100%; |
|||
// position: absolute; |
|||
// margin-left: 10px; |
|||
// padding: 9px 5px 5px 5px; |
|||
// } |
|||
// .btn-group .dropdown .ivu-dropdown { |
|||
// bottom: 0; |
|||
// right: 0; |
|||
// left: 0; |
|||
// position: absolute; |
|||
// } |
|||
.btn-group .ivu-dropdown-item { |
|||
text-align: left !important; |
|||
} |
|||
.btn-group .ivu-dropdown-item:not(:last-child) { |
|||
border-bottom: 1px dotted #eee; |
|||
} |
|||
.desc-text { |
|||
margin-top: 5px; |
|||
font-weight: bold; |
|||
margin-bottom: 3px; |
|||
font-size: 15px; |
|||
color: #607d8b; |
|||
white-space: nowrap; |
|||
border-bottom: 2px solid #009688; |
|||
} |
|||
.desc-text .ivu-icon { |
|||
font-size: 20px; |
|||
bottom: 2px; |
|||
position: relative; |
|||
} |
|||
.search-box { |
|||
background: #fefefe; |
|||
margin-top: 45px; |
|||
border: 1px solid #ececec; |
|||
position: absolute; |
|||
z-index: 999; |
|||
left: 0; |
|||
right: 0; |
|||
// width: 100%; |
|||
padding: 25px 40px; |
|||
padding-bottom: 0; |
|||
box-shadow: 0px 7px 18px -12px #bdc0bb; |
|||
} |
|||
.notice { |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
position: relative; |
|||
top: 12px; |
|||
left: 10px; |
|||
} |
|||
} |
|||
|
|||
.table-info-cell-title { |
|||
background-color: #f5f5f5 !important; |
|||
} |
|||
.iview-com { |
|||
background: #f3f3f3; |
|||
> div.item{ |
|||
// margin-bottom: 10px; |
|||
|
|||
margin-bottom: 12px; |
|||
background: white; |
|||
} |
|||
> div.form-item{ |
|||
padding: 8px 16px 7px 16px; |
|||
//box-shadow: 0 1px 7px rgb(199, 199, 199); |
|||
} |
|||
> div.table-item{ |
|||
// padding: 0px 16px 12px 16px; |
|||
border: 1px solid #e8e8e8; |
|||
box-shadow: 0 1px 7px rgb(199, 199, 199); |
|||
} |
|||
.v-text{ |
|||
line-height: 27px; |
|||
} |
|||
.form-text{ |
|||
position: relative; |
|||
/* height: 38px; */ |
|||
/* line-height: 38px; */ |
|||
/* padding: 0 15px; */ |
|||
// border-bottom: 1px solid #e4e4e4; |
|||
border-bottom: 1px solid #eee; |
|||
/* border-radius: 2px 2px 0 0; */ |
|||
font-size: 14px; |
|||
margin-bottom: 14px; |
|||
.title{ |
|||
border-bottom: 2px solid #00BCD4; |
|||
color: #009688; |
|||
font-weight: bold; |
|||
letter-spacing: 1px; |
|||
// border-bottom-right-radius: 5px; |
|||
// border-top-left-radius: 5px; |
|||
padding: 6px 0; |
|||
// background: #009688; |
|||
// color: white; |
|||
} |
|||
.icon{ |
|||
color: #00BCD4; |
|||
font-size: 19px; |
|||
position: relative; |
|||
top: -1px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.form-closex { |
|||
text-align: right; |
|||
padding-bottom: 24px; |
|||
} |
|||
.form-closex button { |
|||
margin-left: 10px; |
|||
padding: 4px 13px; |
|||
} |
|||
.grid-detail{ |
|||
// margin-left:16px; |
|||
// // margin-top:-28px; |
|||
// padding-bottom: 16px; |
|||
} |
|||
.toolbar{ |
|||
padding: 3px 15px; |
|||
width: 100%; |
|||
display: flex; |
|||
// padding: 3px; |
|||
border-top: 1px solid #eae9e9; |
|||
// border-top-left-radius: 5px; |
|||
// // background: #37aba0; |
|||
// border-top-right-radius: 5px; |
|||
// border: 1px solid #f1f1f1; |
|||
.title{ |
|||
line-height: 28px; |
|||
border-bottom: 2px solid #03A9F4; |
|||
font-size: 14px; |
|||
font-weight: bolder; |
|||
margin-bottom: 0; |
|||
color: #828282; |
|||
.icon{ |
|||
color: #009688; |
|||
font-size: 18px; |
|||
} |
|||
} |
|||
.btns{ |
|||
line-height: 28px; |
|||
flex: 1; |
|||
text-align: right; |
|||
margin-right: 12px; |
|||
button{ |
|||
border: none; |
|||
margin-left:15px; |
|||
border: 0px; |
|||
color: #009688; |
|||
} |
|||
button:hover{ |
|||
color: #FF9800; |
|||
border-color: #FF9800; |
|||
border: none; |
|||
} |
|||
|
|||
} |
|||
} |
|||
@ -1,75 +0,0 @@ |
|||
*{ |
|||
box-sizing:border-box; |
|||
-moz-box-sizing:border-box; /* Firefox */ |
|||
-webkit-box-sizing:border-box; /* Safari */ |
|||
} |
|||
.el-pager li{ |
|||
font-weight: 100; |
|||
margin-right: 9px; |
|||
border: 1px solid #eee; |
|||
border-radius: 3px; |
|||
min-width: 28px; |
|||
} |
|||
.el-pager li.active,.el-pager li:hover{ |
|||
background: #ed4014; |
|||
color: white; |
|||
} |
|||
.el-pagination__editor.el-input .el-input__inner{ |
|||
height: 23px; |
|||
} |
|||
|
|||
|
|||
.animated { |
|||
-webkit-animation-duration: 0.5s; |
|||
animation-duration: 0.5s; |
|||
-webkit-animation-fill-mode: both; |
|||
animation-fill-mode: both; |
|||
} |
|||
|
|||
@media (print), (prefers-reduced-motion) { |
|||
.animated { |
|||
-webkit-animation: unset !important; |
|||
animation: unset !important; |
|||
-webkit-transition: none !important; |
|||
transition: none !important; |
|||
} |
|||
} |
|||
|
|||
@-webkit-keyframes fadeInDown { |
|||
from { |
|||
opacity: 1; |
|||
-webkit-transform: translate3d(0, -100%, 0); |
|||
transform: translate3d(0, -100%, 0); |
|||
} |
|||
|
|||
to { |
|||
opacity: 1; |
|||
-webkit-transform: translate3d(0, 0, 0); |
|||
transform: translate3d(0, 0, 0); |
|||
} |
|||
} |
|||
|
|||
@keyframes fadeInDown { |
|||
from { |
|||
opacity: 0; |
|||
-webkit-transform: translate3d(0, -100%, 0); |
|||
transform: translate3d(0, -100%, 0); |
|||
} |
|||
|
|||
to { |
|||
opacity: 1; |
|||
-webkit-transform: translate3d(0, 0, 0); |
|||
transform: translate3d(0, 0, 0); |
|||
} |
|||
} |
|||
|
|||
.fadeInDown { |
|||
-webkit-animation-name: fadeInDown; |
|||
animation-name: fadeInDown; |
|||
} |
|||
.ivu-message{ |
|||
z-index: 999999999 !important; |
|||
} |
|||
.ivu-form-item-content{ |
|||
text-align: left; |
|||
} |
|||
@ -0,0 +1,43 @@ |
|||
@import '~ant-design-vue/dist/antd.less'; |
|||
|
|||
|
|||
.ant-tree-node-content-wrapper |
|||
{ |
|||
display: unset; |
|||
} |
|||
|
|||
.ant-tree li .ant-tree-node-content-wrapper |
|||
{ |
|||
display: unset; |
|||
cursor: default; |
|||
} |
|||
|
|||
.ant-tree-title |
|||
{ |
|||
display: inline-block; |
|||
} |
|||
|
|||
.ant-tree-title:hover |
|||
{ |
|||
background: unset; |
|||
cursor: unset; |
|||
} |
|||
|
|||
.ant-card-body:hover{ |
|||
cursor: unset; |
|||
} |
|||
|
|||
.ant-tree-node-content-wrapper |
|||
{ |
|||
cursor: default; |
|||
} |
|||
|
|||
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected |
|||
{ |
|||
background-color: unset; |
|||
} |
|||
|
|||
.ant-tree li .ant-tree-node-content-wrapper:hover |
|||
{ |
|||
background-color: unset; |
|||
} |
|||
|
Before Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 6.7 KiB |
@ -1,2 +0,0 @@ |
|||
var test1 = function () { alert(11) } |
|||
export { test1 } |
|||
@ -1,5 +0,0 @@ |
|||
//对vue参数进行扩展
|
|||
var extend = function (param) { |
|||
console.log(param) |
|||
} |
|||
export { extend } |
|||
@ -1,15 +0,0 @@ |
|||
//对vue参数进行扩展
|
|||
var extend = function ($vueParam) { |
|||
$vueParam.methods.volBoxFrom = function () { |
|||
this.$Message.info("扩展js,增加弹出消息"); |
|||
this.$refs.volBoxFrom.show(); |
|||
} |
|||
//修改data属性:
|
|||
let data = $vueParam.data(); |
|||
data.formFileds['extend'] = "动态扩展字段"; |
|||
data.formOptions.splice(0,0,{ filed: "extend", title: "动态增加字段", type: "text", required: true }); |
|||
$vueParam.data = function () { |
|||
return data; |
|||
} |
|||
} |
|||
export { extend } |
|||
Loading…
Reference in new issue