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