Skip to content

L
link-tools
Commit 3fbac29a by member
Options

连接小工具

parent 9173fe90
Showing with 424 additions and 454 deletions
linktools.vue
...@@ -662,13 +662,15 @@ export default { ...@@ -662,13 +662,15 @@ export default {
handlePaddGift(list) { handlePaddGift(list) {
// 拼接id // 拼接id
this.giftFlag = true; this.giftFlag = true;
this.giftName = list.proName;
this.giftUrl = list.integralMallProId; this.giftUrl = list.integralMallProId;
}, },
handlePassId(id) { handlePassId(row) {
this.chooseFlag = true; this.chooseFlag = true;
// 先保存下来 // 先保存下来
this.cardUrl = id; this.cardName = row.cardName;
this.cardUrl = row.coupCardId;
}, },
// -------------------------------------------------- // --------------------------------------------------
// 选择类型改变 (一级选择,保存选择类型) // 选择类型改变 (一级选择,保存选择类型)
...@@ -1511,7 +1513,7 @@ export default { ...@@ -1511,7 +1513,7 @@ export default {
if (this.giftType == 'coup') { if (this.giftType == 'coup') {
// 优惠券 // 优惠券
if (this.chooseFlag) { if (this.chooseFlag) {
this.selectLinkObj.name = 'coup'; this.selectLinkObj.name = '积分商城/' + this.cardName;
this.selectLinkObj.id = this.cardUrl; this.selectLinkObj.id = this.cardUrl;
this.selectLinkObj.url += `/${this.cardUrl}`; this.selectLinkObj.url += `/${this.cardUrl}`;
this.transData(); this.transData();
...@@ -1526,7 +1528,7 @@ export default { ...@@ -1526,7 +1528,7 @@ export default {
} else if (this.giftType == 'gift') { } else if (this.giftType == 'gift') {
// 礼品 // 礼品
if (this.giftFlag) { if (this.giftFlag) {
this.selectLinkObj.name = 'gift'; this.selectLinkObj.name = this.giftName;
this.selectLinkObj.id = this.giftUrl; this.selectLinkObj.id = this.giftUrl;
this.selectLinkObj.url += `/${this.giftUrl}`; this.selectLinkObj.url += `/${this.giftUrl}`;
this.transData(); this.transData();
...@@ -1559,7 +1561,6 @@ export default { ...@@ -1559,7 +1561,6 @@ export default {
} }
return false; return false;
} }
alert(JSON.stringify(this.selectLinkObj));
if (!!that.selectLinkObj.name && !!that.selectLinkObj.id) { if (!!that.selectLinkObj.name && !!that.selectLinkObj.id) {
// 触发父组件方法,传递参数 // 触发父组件方法,传递参数
that.transData(); that.transData();
...@@ -1593,6 +1594,7 @@ export default { ...@@ -1593,6 +1594,7 @@ export default {
// 重置所有组件 // 重置所有组件
resetAll() { resetAll() {
var that = this var that = this
this.cardLinksVisible = false;
that.h5linkVisible = false; that.h5linkVisible = false;
that.thirdlinkVisible = false; // 第三方小程序 that.thirdlinkVisible = false; // 第三方小程序
that.linksType = ''; that.linksType = '';
...@@ -1912,13 +1914,10 @@ export default { ...@@ -1912,13 +1914,10 @@ export default {
}, },
mounted(){ mounted(){
var that = this; this.repProjectName = this.projectName || 'gic-web';
that.repProjectName = that.projectName || 'gic-web';
// 获取 showType // 获取 showType
that.linkShowType = that.showType || 0; this.linkShowType = this.showType || 0;
this.getLinksList(0,1)
that.getLinksList(0,1)
}, },
components: { components: {
...@@ -3091,3 +3090,4 @@ export default { ...@@ -3091,3 +3090,4 @@ export default {
} }
} }
</style> </style>
linktoolspage.vue
<template> <template>
<!-- 链接小工具 --> <!-- 链接小工具 -->
<div class="link-tools-contain"> <div class="link-tools-contain">
...@@ -632,13 +631,15 @@ export default { ...@@ -632,13 +631,15 @@ export default {
handlePaddGift(list) { handlePaddGift(list) {
// 拼接id // 拼接id
this.giftFlag = true; this.giftFlag = true;
this.giftName = list.proName;
this.giftUrl = list.integralMallProId; this.giftUrl = list.integralMallProId;
}, },
handlePassId(id) { handlePassId(row) {
this.chooseFlag = true; this.chooseFlag = true;
// 先保存下来 // 先保存下来
this.cardUrl = id; this.cardName = row.cardName;
this.cardUrl = row.coupCardId;
}, },
// -------------------------------------------------- // --------------------------------------------------
// 选择类型改变 (一级选择,保存选择类型) // 选择类型改变 (一级选择,保存选择类型)
...@@ -1481,7 +1482,7 @@ export default { ...@@ -1481,7 +1482,7 @@ export default {
if (this.giftType == 'coup') { if (this.giftType == 'coup') {
// 优惠券 // 优惠券
if (this.chooseFlag) { if (this.chooseFlag) {
this.selectLinkObj.name = 'coup'; this.selectLinkObj.name = '积分商城/' + this.cardName;
this.selectLinkObj.id = this.cardUrl; this.selectLinkObj.id = this.cardUrl;
this.selectLinkObj.url += `/${this.cardUrl}`; this.selectLinkObj.url += `/${this.cardUrl}`;
this.transData(); this.transData();
...@@ -1496,7 +1497,7 @@ export default { ...@@ -1496,7 +1497,7 @@ export default {
} else if (this.giftType == 'gift') { } else if (this.giftType == 'gift') {
// 礼品 // 礼品
if (this.giftFlag) { if (this.giftFlag) {
this.selectLinkObj.name = 'gift'; this.selectLinkObj.name = this.giftName;
this.selectLinkObj.id = this.giftUrl; this.selectLinkObj.id = this.giftUrl;
this.selectLinkObj.url += `/${this.giftUrl}`; this.selectLinkObj.url += `/${this.giftUrl}`;
this.transData(); this.transData();
...@@ -1529,7 +1530,6 @@ export default { ...@@ -1529,7 +1530,6 @@ export default {
} }
return false; return false;
} }
alert(JSON.stringify(this.selectLinkObj));
if (!!that.selectLinkObj.name && !!that.selectLinkObj.id) { if (!!that.selectLinkObj.name && !!that.selectLinkObj.id) {
// 触发父组件方法,传递参数 // 触发父组件方法,传递参数
that.transData(); that.transData();
...@@ -1563,6 +1563,7 @@ export default { ...@@ -1563,6 +1563,7 @@ export default {
// 重置所有组件 // 重置所有组件
resetAll() { resetAll() {
var that = this var that = this
this.cardLinksVisible = false;
that.h5linkVisible = false; that.h5linkVisible = false;
that.thirdlinkVisible = false; // 第三方小程序 that.thirdlinkVisible = false; // 第三方小程序
that.linksType = ''; that.linksType = '';
...@@ -1882,13 +1883,10 @@ export default { ...@@ -1882,13 +1883,10 @@ export default {
}, },
mounted(){ mounted(){
var that = this; this.repProjectName = this.projectName || 'gic-web';
that.repProjectName = that.projectName || 'gic-web';
// 获取 showType // 获取 showType
that.linkShowType = that.showType || 0; this.linkShowType = this.showType || 0;
this.getLinksList(0,1)
that.getLinksList(0,1)
}, },
components: { components: {
...@@ -1901,149 +1899,436 @@ export default { ...@@ -1901,149 +1899,436 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
/************************************************/
/* tab linktools*/
.w200 { .w200 {
width:200px; width:200px;
} }
.link-tools-contain /deep/ { .p-l-7 {
.vue-treeselect-helper-zoom-effect-off { padding-left: 7px;
transform: none !important;
} }
/**
* Animations .p-l-47 {
*/ padding-left: 47px;
@keyframes vue-treeselect-animation-fade-in {
0% {
opacity: 0;
} }
.el-tab-pane {
min-height: 200px;
} }
@keyframes vue-treeselect-animation-bounce {
0%, .vue-treeselect {
100% { display: inline-block;
transform: scale(0); vertical-align: top;
} }
50% {
transform: scale(1); /* .vue-treeselect /deep/ .vue-treeselect__single-value {
color: #ff0000;
}*/
.inline-block {
display: inline-block;
} }
.goods-link-content {
padding: 15px 0 20px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.goods-link-list {
font-size: 0;
li:nth-child(3n+3) {
margin-right: 0;
} }
@keyframes vue-treeselect-animation-rotate {
100% {
transform: rotate(360deg);
} }
} }
.goods-link-item {
display: inline-block;
vertical-align: middle;
width: 310px;
padding: 10px 10px;
/*height: 110px;*/
border: 1px solid #dcdfe6;
border-radius: 4px;
margin-right: 7px;
margin-bottom: 10px;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.goods-link-item img {
width: 80px;
height: 80px;
border-radius: 4px;
display: inline-block;
/*margin-top: 10px;*/
}
.goods-message{
.vue-treeselect__menu .vue-treeselect__option { width: 65%;
padding-top: 4px; /*margin-top: 10px;*/
padding-bottom: 4px; vertical-align: top;
margin-left: 8px;
white-space: normal;
word-break: break-all;
font-size: 14px;
} }
.vue-treeselect__menu .vue-treeselect__option--selected {
background: #f0f7ff;
font-weight: 600; .links-tools-row /deep/ {
padding-top: 4px; /*overflow: hidden;*/
padding-bottom: 4px; font-size: 0;
.vue-treeselect+.vue-treeselect{
margin-left: 10px;
}
} }
.vue-treeselect__menu .vue-treeselect__option--selected:hover { .links-tools-row{
background: #f0f7ff; /*overflow: hidden;*/
font-size: 0;
.vue-treeselect+.vue-treeselect{
margin-left: 10px;
}
} }
.vue-treeselect__menu .vue-treeselect__option--highlight { /* 分页 */
background: #f5f7fa; .links-tools-page {
text-align: right;
} }
.vue-treeselect__menu .vue-treeselect__label-container { .goods-category {
color: #606266; height: 300px;
overflow: auto;
} }
.link-tools-contain .vue-treeselect__menu .vue-treeselect__option-arrow { /* 自定义 */
color: #c0c4cc; .definepage {
height: 300px;
overflow: auto;
.definepage-ul {
li {
height: 50px;
line-height: 50px;
cursor: pointer;
&:hover {
background: #f5f5f8;
} }
.link-tools-contain .vue-treeselect__option .vue-treeselect--branch-nodes-disabled .vue-treeselect__option:hover .vue-treeselect__option-arrow, .link-tools-contain .vue-treeselect__option .vue-treeselect__option-arrow-container:hover .vue-treeselect__option-arrow {
color: #c0c4cc;
} }
/**
* Transitions
*/
.vue-treeselect__multi-value-item--transition-enter-active,
.vue-treeselect__multi-value-item--transition-leave-active {
transition-duration: 200ms;
transition-property: transform, opacity;
} }
.vue-treeselect__multi-value-item--transition-enter-active {
transition-timing-function: ease-out-circ;
} }
.vue-treeselect__multi-value-item--transition-leave-active {
transition-timing-function: ease-out-cubic; /************************************************/
position: absolute; .links-types {
font-size: 0;
.types-title {
display: inline-block;
width: 72px;
text-align: right;
font-size: 14px;
padding-right: 10px;
vertical-align: middle;
} }
.vue-treeselect__multi-value-item--transition-enter,
.vue-treeselect__multi-value-item--transition-leave-to { .el-select+.el-select {
transform: scale(0.7); margin-left: 10px;
opacity: 0;
} }
.vue-treeselect__multi-value-item--transition-move {
transition: 200ms transform ease-out-quart; .el-select.el-select--large+.el-select.el-select--large {
margin-left: 10px;
} }
.vue-treeselect__menu--transition-enter-active,
.vue-treeselect__menu--transition-leave-active { /* 三级 wrap */
/* to be overriden */ .three-level-wrap {
display: inline-block;
vertical-align: top;
margin-left: 10px;
} }
.vue-treeselect__menu--transition-enter,
.vue-treeselect__menu--transition-leave-to {
/* to be overriden */
} }
.vue-treeselect__list--transition-enter-active,
.vue-treeselect__list--transition-leave-active { /* 商品链接 */
/* to be overriden */ .goods-links-contian {
margin-top: 30px;
padding: 20px;
border: 1px solid #e8e8e8;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.links-tools-row {
font-size: 0;
} }
.vue-treeselect__list--transition-enter,
.vue-treeselect__list--transition-leave-to { .goods-link-item{
/* to be overriden */ &:hover {
border: 1px solid #1890ff;
} }
/**
* Namespace &.goodSelect {
*/ border: 1px solid #1890ff;
.vue-treeselect {
position: relative;
text-align: left;
} }
.vue-treeselect div,
.vue-treeselect span { .limit-2 {
box-sizing: border-box; width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: pre-wrap;
word-break: break-all;
overflow: hidden;
line-height: 18px;
max-height: 36px;
} }
.vue-treeselect svg {
fill: currentColor; .pro-name {
color: #303133;
} }
/**
* Control .pro-code {
*/ margin: 5px 0;
.vue-treeselect__control {
padding-left: 5px;
padding-right: 5px;
display: table;
table-layout: fixed;
width: 100%; width: 100%;
height: 36px; overflow: hidden;
border: 1px solid #dcdfe6; white-space: nowrap;
border-radius: 5px; text-overflow: ellipsis;
background: #fff;
transition-duration: 200ms;
transition-property: border-color, box-shadow, width, height, background-color, opacity;
transition-timing-function: ease-out-cubic;
}
.vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover {
border-color: #dcdfe6;
} }
.vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control {
border-color: #dcdfe6; .gray-color {
box-shadow: none; color: #909399;
font-size: 14px;
line-height: 18px;
}
.pro-price {
display: inline-block;
width: 100%;
color: #303133;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}
/* h5链接 */
.h5link-row {
width: 100%;
margin-top: 22px;
label {
display: inline-block;
width: 71px;
margin-right: 7px;
text-align: right;
&.h5link-dynamic-title {
height: 48px;
line-height: 48px;
}
}
.el-input,.el-textarea {
width: 450px;
}
.h5-el-input {
width: 150px;
}
.el-textarea {
vertical-align: top;
}
.h5link-help {
padding-left: 10px;
font-size: 10px;
color: #5073FD;
}
.h5-table {
width: calc(100% - 86px);
display: inline-block;
vertical-align: top;
.el-table {
width: auto;
thead th, thead tr {
background: #f1f3f7;
}
th {
padding: 12px 0;
min-width: 0;
text-align: center;
box-sizing: border-box;
text-overflow: ellipsis;
vertical-align: middle;
position: relative;
}
td {
text-align: center;
padding: 5px 0;
}
.el-select {
width: 150px;
}
}
.el-table th {
padding: 12px 0;
min-width: 0;
box-sizing: border-box;
text-overflow: ellipsis;
vertical-align: middle;
position: relative;
}
}
.dynamic-param-select {
vertical-align: top;
}
}
/* tab linktools*/
.link-tools-contain /deep/ {
.vue-treeselect-helper-zoom-effect-off {
transform: none !important;
}
/**
* Animations
*/
@keyframes vue-treeselect-animation-fade-in {
0% {
opacity: 0;
}
}
@keyframes vue-treeselect-animation-bounce {
0%,
100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
@keyframes vue-treeselect-animation-rotate {
100% {
transform: rotate(360deg);
}
}
.vue-treeselect__menu .vue-treeselect__option {
padding-top: 4px;
padding-bottom: 4px;
}
.vue-treeselect__menu .vue-treeselect__option--selected {
background: #f0f7ff;
font-weight: 600;
padding-top: 4px;
padding-bottom: 4px;
}
.vue-treeselect__menu .vue-treeselect__option--selected:hover {
background: #f0f7ff;
}
.vue-treeselect__menu .vue-treeselect__option--highlight {
background: #f5f7fa;
}
.vue-treeselect__menu .vue-treeselect__label-container {
color: #606266;
}
.link-tools-contain .vue-treeselect__menu .vue-treeselect__option-arrow {
color: #c0c4cc;
}
.link-tools-contain .vue-treeselect__option .vue-treeselect--branch-nodes-disabled .vue-treeselect__option:hover .vue-treeselect__option-arrow, .link-tools-contain .vue-treeselect__option .vue-treeselect__option-arrow-container:hover .vue-treeselect__option-arrow {
color: #c0c4cc;
}
/**
* Transitions
*/
.vue-treeselect__multi-value-item--transition-enter-active,
.vue-treeselect__multi-value-item--transition-leave-active {
transition-duration: 200ms;
transition-property: transform, opacity;
}
.vue-treeselect__multi-value-item--transition-enter-active {
transition-timing-function: ease-out-circ;
}
.vue-treeselect__multi-value-item--transition-leave-active {
transition-timing-function: ease-out-cubic;
position: absolute;
}
.vue-treeselect__multi-value-item--transition-enter,
.vue-treeselect__multi-value-item--transition-leave-to {
transform: scale(0.7);
opacity: 0;
}
.vue-treeselect__multi-value-item--transition-move {
transition: 200ms transform ease-out-quart;
}
.vue-treeselect__menu--transition-enter-active,
.vue-treeselect__menu--transition-leave-active {
/* to be overriden */
}
.vue-treeselect__menu--transition-enter,
.vue-treeselect__menu--transition-leave-to {
/* to be overriden */
}
.vue-treeselect__list--transition-enter-active,
.vue-treeselect__list--transition-leave-active {
/* to be overriden */
}
.vue-treeselect__list--transition-enter,
.vue-treeselect__list--transition-leave-to {
/* to be overriden */
}
/**
* Namespace
*/
.vue-treeselect {
position: relative;
text-align: left;
}
.vue-treeselect div,
.vue-treeselect span {
box-sizing: border-box;
}
.vue-treeselect svg {
fill: currentColor;
}
/**
* Control
*/
.vue-treeselect__control {
padding-left: 5px;
padding-right: 5px;
display: table;
table-layout: fixed;
width: 100%;
height: 36px;
border: 1px solid #dcdfe6;
border-radius: 5px;
background: #fff;
transition-duration: 200ms;
transition-property: border-color, box-shadow, width, height, background-color, opacity;
transition-timing-function: ease-out-cubic;
}
.vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover {
border-color: #dcdfe6;
}
.vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control {
border-color: #dcdfe6;
box-shadow: none;
/*box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1);*/ /*box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1);*/
} }
.vue-treeselect--disabled .vue-treeselect__control { .vue-treeselect--disabled .vue-treeselect__control {
...@@ -2279,7 +2564,7 @@ export default { ...@@ -2279,7 +2564,7 @@ export default {
.vue-treeselect__control-arrow { .vue-treeselect__control-arrow {
width: 9px; width: 9px;
height: 9px; height: 9px;
color: #c0c4cc; color: #ccc;
} }
.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__control-arrow-container:hover .vue-treeselect__control-arrow { .vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__control-arrow-container:hover .vue-treeselect__control-arrow {
color: #c0c4cc; color: #c0c4cc;
...@@ -2637,302 +2922,17 @@ export default { ...@@ -2637,302 +2922,17 @@ export default {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
} }
.el-tabs__content {
overflow: auto;
}
/* .vue-treeselect /deep/ .vue-treeselect__single-value { .el-dialog__body {
color: #ff0000; border-bottom: 1px solid #e7e7eb;
}*/
.inline-block {
display: inline-block;
} }
.goods-link-content { .el-dialog__footer {
padding: 15px 0 20px 0; padding: 10px 20px;
-webkit-box-sizing: border-box; }
-moz-box-sizing: border-box;
box-sizing: border-box;
.goods-link-list {
font-size: 0;
li:nth-child(3n+3) {
margin-right: 0;
}
}
}
.goods-link-item {
display: inline-block;
width: 310px;
padding: 10px 10px;
/*height: 110px;*/
border: 1px solid #dcdfe6;
border-radius: 4px;
margin-right: 7px;
margin-bottom: 10px;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.goods-link-item img {
width: 80px;
height: 80px;
border-radius: 4px;
display: inline-block;
/*margin-top: 10px;*/
}
.goods-message{
width: 65%;
/*margin-top: 10px;*/
vertical-align: top;
margin-left: 8px;
white-space: normal;
word-break: break-all;
font-size: 14px;
}
.links-tools-row /deep/{
/*overflow: hidden;*/
font-size: 0;
.vue-treeselect+.vue-treeselect{
margin-left: 10px;
}
}
.links-tools-row{
font-size: 0;
.vue-treeselect+.vue-treeselect{
margin-left: 10px;
}
}
/* 分页 */
.links-tools-page {
text-align: right;
}
.goods-category {
height: 300px;
overflow: auto;
}
/* 自定义 */
.definepage {
height: 300px;
overflow: auto;
.definepage-ul {
li {
height: 50px;
line-height: 50px;
cursor: pointer;
&:hover {
background: #f5f5f8;
}
}
}
}
.links-types {
font-size: 0;
.types-title {
display: inline-block;
width: 72px;
text-align: right;
font-size: 14px;
padding-right: 10px;
vertical-align: middle;
}
.el-select+.el-select{
margin-left: 10px;
}
/* 三级 wrap */
.three-level-wrap {
display: inline-block;
vertical-align: top;
margin-left: 10px;
}
}
/* 商品链接 */
.goods-links-contian {
margin-top: 30px;
padding: 20px;
border: 1px solid #e8e8e8;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.links-tools-row {
font-size: 0;
}
.goods-link-item{
&:hover {
border: 1px solid #1890ff;
}
&.goodSelect {
border: 1px solid #1890ff;
}
.limit-2 {
width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: pre-wrap;
word-break: break-all;
overflow: hidden;
line-height: 18px;
max-height: 36px;
}
.pro-name {
color: #303133;
}
.pro-code {
margin: 5px 0;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.gray-color {
color: #909399;
font-size: 14px;
line-height: 18px;
}
.pro-price {
display: inline-block;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #303133;
}
}
}
/* h5链接 */
.h5link-row {
width: 100%;
margin-top: 22px;
label {
display: inline-block;
width: 71px;
margin-right: 7px;
text-align: right;
&.h5link-dynamic-title {
height: 48px;
line-height: 48px;
}
}
.el-input,.el-textarea {
width: 450px;
}
.h5-el-input {
width: 150px;
}
.el-textarea {
vertical-align: top;
}
.h5link-help {
padding-left: 10px;
font-size: 10px;
color: #5073FD;
}
.h5-table {
width: calc(100% - 86px);
display: inline-block;
vertical-align: top;
.el-table {
width: auto;
thead th, thead tr {
background: #f1f3f7;
}
th {
padding: 12px 0;
min-width: 0;
text-align: center;
box-sizing: border-box;
text-overflow: ellipsis;
vertical-align: middle;
position: relative;
}
td {
text-align: center;
padding: 5px 0;
}
.el-input {
width: 150px;
}
.el-select {
width: 150px;
}
}
.el-table th {
padding: 12px 0;
min-width: 0;
box-sizing: border-box;
text-overflow: ellipsis;
vertical-align: middle;
position: relative;
}
}
.dynamic-param-select {
vertical-align: top;
}
}
.el-tabs__content {
overflow: auto;
}
.el-dialog__body {
/*border-bottom: 1px solid #e7e7eb;*/
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.el-dialog__footer {
padding: 10px 20px;
}
.dialog-footer {
display: inline-block;
padding: 10px 20px;
width: 100%;
text-align: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.el-tree { .el-tree {
.el-tree-node { .el-tree-node {
...@@ -2942,13 +2942,6 @@ export default { ...@@ -2942,13 +2942,6 @@ export default {
.el-dialog { .el-dialog {
/*min-width: 1051px;*/ /*min-width: 1051px;*/
/*margin: 0 0 50px;*/
/*border: 1px solid #e8e8e8;*/
margin:0;
box-shadow: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.el-dialog__header { .el-dialog__header {
border-bottom: 1px solid #e7e7eb; border-bottom: 1px solid #e7e7eb;
...@@ -2961,9 +2954,9 @@ export default { ...@@ -2961,9 +2954,9 @@ export default {
} }
} }
.min-1028 { .min-1026 {
.el-dialog { .el-dialog {
min-width: 986px; min-width: 1026px;
} }
} }
...@@ -2971,6 +2964,7 @@ export default { ...@@ -2971,6 +2964,7 @@ export default {
width: 217px; width: 217px;
vertical-align: top; vertical-align: top;
float: right; float: right;
/*/deep/ .el-input__inner{ /*/deep/ .el-input__inner{
height: 36px; height: 36px;
line-height: 36px; line-height: 36px;
...@@ -3007,31 +3001,6 @@ export default { ...@@ -3007,31 +3001,6 @@ export default {
} }
} }
.vue-treeselect div, .vue-treeselect span {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.vue-treeselect__control {
padding-left: 5px;
padding-right: 5px;
display: table;
table-layout: fixed;
width: 100%;
height: 32px;
border: 1px solid #dcdfe6;
border-radius: 5px;
background: #fff;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
-webkit-transition-property: border-color, width, height, background-color, opacity, -webkit-box-shadow;
transition-property: border-color, width, height, background-color, opacity, -webkit-box-shadow;
transition-property: border-color, box-shadow, width, height, background-color, opacity;
transition-property: border-color, box-shadow, width, height, background-color, opacity, -webkit-box-shadow;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.vue-treeselect__control-arrow { .vue-treeselect__control-arrow {
display: none; display: none;
} }
...@@ -3090,3 +3059,4 @@ export default { ...@@ -3090,3 +3059,4 @@ export default {
} }
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment