Skip to content

L
link-tools
Commit 3fbac29a by member
Options

连接小工具

parent 9173fe90
Showing with 317 additions and 347 deletions
linktools.vue
......@@ -662,13 +662,15 @@ export default {
handlePaddGift(list) {
// 拼接id
this.giftFlag = true;
this.giftName = list.proName;
this.giftUrl = list.integralMallProId;
},
handlePassId(id) {
handlePassId(row) {
this.chooseFlag = true;
// 先保存下来
this.cardUrl = id;
this.cardName = row.cardName;
this.cardUrl = row.coupCardId;
},
// --------------------------------------------------
// 选择类型改变 (一级选择,保存选择类型)
......@@ -1511,7 +1513,7 @@ export default {
if (this.giftType == 'coup') {
// 优惠券
if (this.chooseFlag) {
this.selectLinkObj.name = 'coup';
this.selectLinkObj.name = '积分商城/' + this.cardName;
this.selectLinkObj.id = this.cardUrl;
this.selectLinkObj.url += `/${this.cardUrl}`;
this.transData();
......@@ -1526,7 +1528,7 @@ export default {
} else if (this.giftType == 'gift') {
// 礼品
if (this.giftFlag) {
this.selectLinkObj.name = 'gift';
this.selectLinkObj.name = this.giftName;
this.selectLinkObj.id = this.giftUrl;
this.selectLinkObj.url += `/${this.giftUrl}`;
this.transData();
......@@ -1559,7 +1561,6 @@ export default {
}
return false;
}
alert(JSON.stringify(this.selectLinkObj));
if (!!that.selectLinkObj.name && !!that.selectLinkObj.id) {
// 触发父组件方法,传递参数
that.transData();
......@@ -1593,6 +1594,7 @@ export default {
// 重置所有组件
resetAll() {
var that = this
this.cardLinksVisible = false;
that.h5linkVisible = false;
that.thirdlinkVisible = false; // 第三方小程序
that.linksType = '';
......@@ -1912,13 +1914,10 @@ export default {
},
mounted(){
var that = this;
that.repProjectName = that.projectName || 'gic-web';
this.repProjectName = this.projectName || 'gic-web';
// 获取 showType
that.linkShowType = that.showType || 0;
that.getLinksList(0,1)
this.linkShowType = this.showType || 0;
this.getLinksList(0,1)
},
components: {
......@@ -3091,3 +3090,4 @@ export default {
}
}
</style>
linktoolspage.vue
<template>
<!-- 链接小工具 -->
<div class="link-tools-contain">
......@@ -632,13 +631,15 @@ export default {
handlePaddGift(list) {
// 拼接id
this.giftFlag = true;
this.giftName = list.proName;
this.giftUrl = list.integralMallProId;
},
handlePassId(id) {
handlePassId(row) {
this.chooseFlag = true;
// 先保存下来
this.cardUrl = id;
this.cardName = row.cardName;
this.cardUrl = row.coupCardId;
},
// --------------------------------------------------
// 选择类型改变 (一级选择,保存选择类型)
......@@ -1481,7 +1482,7 @@ export default {
if (this.giftType == 'coup') {
// 优惠券
if (this.chooseFlag) {
this.selectLinkObj.name = 'coup';
this.selectLinkObj.name = '积分商城/' + this.cardName;
this.selectLinkObj.id = this.cardUrl;
this.selectLinkObj.url += `/${this.cardUrl}`;
this.transData();
......@@ -1496,7 +1497,7 @@ export default {
} else if (this.giftType == 'gift') {
// 礼品
if (this.giftFlag) {
this.selectLinkObj.name = 'gift';
this.selectLinkObj.name = this.giftName;
this.selectLinkObj.id = this.giftUrl;
this.selectLinkObj.url += `/${this.giftUrl}`;
this.transData();
......@@ -1529,7 +1530,6 @@ export default {
}
return false;
}
alert(JSON.stringify(this.selectLinkObj));
if (!!that.selectLinkObj.name && !!that.selectLinkObj.id) {
// 触发父组件方法,传递参数
that.transData();
......@@ -1563,6 +1563,7 @@ export default {
// 重置所有组件
resetAll() {
var that = this
this.cardLinksVisible = false;
that.h5linkVisible = false;
that.thirdlinkVisible = false; // 第三方小程序
that.linksType = '';
......@@ -1882,13 +1883,10 @@ export default {
},
mounted(){
var that = this;
that.repProjectName = that.projectName || 'gic-web';
this.repProjectName = this.projectName || 'gic-web';
// 获取 showType
that.linkShowType = that.showType || 0;
that.getLinksList(0,1)
this.linkShowType = this.showType || 0;
this.getLinksList(0,1)
},
components: {
......@@ -1901,14 +1899,301 @@ export default {
<style lang="scss" scoped>
.w200 {
width:200px;
}
.p-l-7 {
padding-left: 7px;
}
.p-l-47 {
padding-left: 47px;
}
.el-tab-pane {
min-height: 200px;
}
.vue-treeselect {
display: inline-block;
vertical-align: top;
}
/* .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;
}
}
}
.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{
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{
/*overflow: hidden;*/
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;
}
.el-select.el-select--large+.el-select.el-select--large {
margin-left: 10px;
}
/* 三级 wrap */
.three-level-wrap {
display: inline-block;
vertical-align: top;
margin-left: 10px;
}
/* tab linktools*/
.w200 {
width:200px;
}
/* 商品链接 */
.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%;
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;
......@@ -2279,7 +2564,7 @@ export default {
.vue-treeselect__control-arrow {
width: 9px;
height: 9px;
color: #c0c4cc;
color: #ccc;
}
.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__control-arrow-container:hover .vue-treeselect__control-arrow {
color: #c0c4cc;
......@@ -2637,301 +2922,16 @@ export default {
display: inline-block;
vertical-align: top;
}
/* .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;
}
}
}
.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;
border-bottom: 1px solid #e7e7eb;
}
.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 {
......@@ -2942,13 +2942,6 @@ export default {
.el-dialog {
/*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 {
border-bottom: 1px solid #e7e7eb;
......@@ -2961,9 +2954,9 @@ export default {
}
}
.min-1028 {
.min-1026 {
.el-dialog {
min-width: 986px;
min-width: 1026px;
}
}
......@@ -2971,6 +2964,7 @@ export default {
width: 217px;
vertical-align: top;
float: right;
/*/deep/ .el-input__inner{
height: 36px;
line-height: 36px;
......@@ -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 {
display: none;
}
......@@ -3090,3 +3059,4 @@ export default {
}
}
</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