Skip to content

L
link-tools
Commit 62535a6e by member
Options

第三方小程序增加一个网址

parent 7e6a40b8
Showing with 78 additions and 35 deletions
linktools.vue
......@@ -159,7 +159,7 @@ components: {linkId
</el-select>
</td>
<td>
<el-input size="small" class="h5-el-input" v-model="dynamicRow.value" type="text" clearable @keyup.native="(value) => dynamicBlur(value)" placeholder="请输入参数"></el-input>
<el-input size="small" class="h5-el-input" v-model="dynamicRow.value" clearable type="text" @keyup.native="(value) => dynamicBlur(value)" placeholder="请输入参数"></el-input>
</td>
<td><el-button type="text" @click.stop="addDynamic()">添加</el-button></td>
</tr>
......@@ -209,7 +209,7 @@ components: {linkId
<el-radio v-model="h5linkObj.shareWebType" label="0">当前页</el-radio>
</div>
<div class="h5link-row" v-if="h5linkObj.share">
<label class="h5link-title" > </label>
<label class="h5link-title"> </label>
<el-radio class="p-l-7" v-model="h5linkObj.shareWebType" label="1">其他链接网址</el-radio><el-input class="p-l-47" v-model="h5linkObj.shareUrl" placeholder="请输入网址"></el-input>
</div>
</div>
......@@ -220,10 +220,12 @@ components: {linkId
<label class="h5link-title">名称</label>
<el-input v-model="thirdObj.name" placeholder="请输入名称"></el-input>
</div>
-->
<div class="h5link-row">
<label class="h5link-title">appid</label>
<el-input v-model="thirdObj.appid" placeholder="请输入 appid"></el-input>
</div> -->
<label class="h5link-title">网址</label>
<el-input v-model="thirdObj.pagePath" placeholder="请输入网址"></el-input>
</div>
<!--
<div class="h5link-row">
<label class="h5link-title h5link-dynamic-title">动态参数（选填）</label>
<div class="h5-table">
......@@ -261,7 +263,7 @@ components: {linkId
</el-select>
</td>
<td>
<el-input size="small" class="h5-el-input" v-model="dynamicRow.value" type="text" clearable @keyup.native="(value) => dynamicBlur(value)" placeholder="请输入参数"></el-input>
<el-input size="small" class="h5-el-input" v-model="dynamicRow.value" clearable type="text" @keyup.native="(value) => dynamicBlur(value)" placeholder="请输入参数"></el-input>
</td>
<td><el-button type="text" @click.stop="addDynamic()">添加</el-button></td>
</tr>
......@@ -301,7 +303,9 @@ components: {linkId
</tbody>
</table>
</div>
</div>
</div> -->
</div>
......@@ -552,6 +556,7 @@ export default {
thirdlinkVisible: false,
thirdObj:{
name: '',
pagePath: '',
appid: '',
},
......@@ -640,7 +645,8 @@ export default {
name: '',
url: '',
params: '',
share: 0
share: 0,
pagePath: ''
},
// 获取 location origin
baseUrl: '',
......@@ -697,9 +703,11 @@ export default {
editAble: false
}
that.dynamicList = [];
that. thirdObj = {
this.thirdObj = {
name: '',
appid: '',
pagePath: ''
};
that.selectLinkObj.name = '';
that.selectLinkObj.url = '';
......@@ -1475,14 +1483,23 @@ export default {
message: "请选择第三方小程序"
})
}
const reg = /^(http|https|www)(:\/\/)?.[A-Za-z]+.[A-Za-z]+.*/;
if (!reg.test(this.thirdObj.pagePath)) {
this.$message.error({
duration: 1000,
message: "输入的网址不合法!"
})
return;
}
this.twoLevelOptions.forEach(v => {
if (v.value === this.twoLevelValue) {
that.selectLinkObj.name = v.label;
that.selectLinkObj.appid = v.value;//
that.selectLinkObj.appid = v.value;
// that.selectLinkObj.id = selectOneItem.linkId;
// that.selectLinkObj.id = v.id;
}
})
this.selectLinkObj.pagePath = this.thirdObj.pagePath;
that.selectLinkObj.params = ''
if (!!that.dynamicList.length) {
let thirdDataList = JSON.parse(JSON.stringify(that.dynamicList))
......@@ -1494,10 +1511,9 @@ export default {
that.selectLinkObj.params = thirdDataList
}
console.log(that.selectLinkObj)
console.log(this.selectLinkObj);
// 触发父组件方法,传递参数
that.transData();
return;
}
......@@ -1607,6 +1623,7 @@ export default {
resetAll() {
var that = this
this.cardLinksVisible = false;
this.visibleType = null;
that.h5linkVisible = false;
that.thirdlinkVisible = false; // 第三方小程序
that.linksType = '';
......@@ -1628,14 +1645,16 @@ export default {
that.dynamicList = [];
// 第三方小程序
that.thirdObj = {
this.thirdObj = {
name: '',
pagePath: '',
appid: ''
}
that.selectLinkObj = {
url: '',
name: ''
name: '',
pagePath: ''
}
that.currentPage = 1;
that.total = 0;
......@@ -1847,6 +1866,8 @@ export default {
// 添加对象到数组中
// that.dynamicList.push(that.dynamicRow)
// 删除一下
this.dynamicRow.value = '';
this.dynamicRow.key = null;
},
......
linktoolspage.vue
<template>
<!-- 链接小工具 -->
<div class="link-tools-contain">
......@@ -118,7 +119,7 @@
<tbody>
<tr>
<td>
<el-select size="small" class="dynamic-param-select" v-model="dynamicRow.key" placeholder="请选择参数" @change="dynamicChange($event)">
<el-select size="small" class="dynamic-param-select" v-model="dynamicRow.key" clearable placeholder="请选择参数" @change="dynamicChange($event)">
<el-option
v-for="item in h5linkObj.dynamicParaOptions"
:key="item.value"
......@@ -128,7 +129,7 @@
</el-select>
</td>
<td>
<el-input size="small" class="h5-el-input" v-model="dynamicRow.value" type="text" @keyup.native="(value) => dynamicBlur(value)" placeholder="请输入参数"></el-input>
<el-input size="small" class="h5-el-input" v-model="dynamicRow.value" clearable type="text" @keyup.native="(value) => dynamicBlur(value)" placeholder="请输入参数"></el-input>
</td>
<td><el-button type="text" @click.stop="addDynamic()">添加</el-button></td>
</tr>
......@@ -137,7 +138,7 @@
<td>
<template v-if="!dynamicItem.editAble">{{dynamicItem.key}}</template>
<template v-if="dynamicItem.editAble">
<el-select size="small" class="dynamic-param-select" clearable v-model="dynamicItem.selectKey" placeholder="请选择参数">
<el-select size="small" class="dynamic-param-select" v-model="dynamicItem.selectKey" placeholder="请选择参数">
<el-option
v-for="item in h5linkObj.dynamicParaOptions"
:key="item.value"
......@@ -150,7 +151,7 @@
<td>
<template v-if="!dynamicItem.editAble">{{dynamicItem.value}}</template>
<template v-if="dynamicItem.editAble">
<el-input size="small" class="h5-el-input" v-model="dynamicItem.inputValue" clearable type="text" placeholder="请输入参数"></el-input>
<el-input size="small" class="h5-el-input" v-model="dynamicItem.inputValue" type="text" placeholder="请输入参数"></el-input>
</template>
</td>
<td>
......@@ -189,10 +190,12 @@
<label class="h5link-title">名称</label>
<el-input v-model="thirdObj.name" placeholder="请输入名称"></el-input>
</div>
-->
<div class="h5link-row">
<label class="h5link-title">appid</label>
<el-input v-model="thirdObj.appid" placeholder="请输入 appid"></el-input>
</div> -->
<label class="h5link-title">网址</label>
<el-input v-model="thirdObj.pagePath" placeholder="请输入网址"></el-input>
</div>
<!--
<div class="h5link-row">
<label class="h5link-title h5link-dynamic-title">动态参数（选填）</label>
<div class="h5-table">
......@@ -220,7 +223,7 @@
<tbody>
<tr>
<td>
<el-select size="small" class="dynamic-param-select" v-model="dynamicRow.key" placeholder="请选择参数" @change="dynamicChange($event)">
<el-select size="small" class="dynamic-param-select" v-model="dynamicRow.key" clearable placeholder="请选择参数" @change="dynamicChange($event)">
<el-option
v-for="item in h5linkObj.dynamicParaOptions"
:key="item.value"
......@@ -230,7 +233,7 @@
</el-select>
</td>
<td>
<el-input size="small" class="h5-el-input" v-model="dynamicRow.value" type="text" @keyup.native="(value) => dynamicBlur(value)" placeholder="请输入参数"></el-input>
<el-input size="small" class="h5-el-input" v-model="dynamicRow.value" clearable type="text" @keyup.native="(value) => dynamicBlur(value)" placeholder="请输入参数"></el-input>
</td>
<td><el-button type="text" @click.stop="addDynamic()">添加</el-button></td>
</tr>
......@@ -239,7 +242,7 @@
<td>
<template v-if="!dynamicItem.editAble">{{dynamicItem.key}}</template>
<template v-if="dynamicItem.editAble">
<el-select size="small" class="dynamic-param-select" v-model="dynamicItem.selectKey" clearable placeholder="请选择参数">
<el-select size="small" class="dynamic-param-select" v-model="dynamicItem.selectKey" placeholder="请选择参数">
<el-option
v-for="item in h5linkObj.dynamicParaOptions"
:key="item.value"
......@@ -252,7 +255,7 @@
<td>
<template v-if="!dynamicItem.editAble">{{dynamicItem.value}}</template>
<template v-if="dynamicItem.editAble">
<el-input size="small" class="h5-el-input" v-model="dynamicItem.inputValue" clearable type="text" placeholder="请输入参数"></el-input>
<el-input size="small" class="h5-el-input" v-model="dynamicItem.inputValue" type="text" placeholder="请输入参数"></el-input>
</template>
</td>
<td>
......@@ -270,7 +273,9 @@
</tbody>
</table>
</div>
</div>
</div> -->
</div>
......@@ -521,6 +526,7 @@ export default {
thirdlinkVisible: false,
thirdObj:{
name: '',
pagePath: '',
appid: '',
},
......@@ -609,7 +615,8 @@ export default {
name: '',
url: '',
params: '',
share: 0
share: 0,
pagePath: ''
},
// 获取 location origin
baseUrl: '',
......@@ -666,9 +673,11 @@ export default {
editAble: false
}
that.dynamicList = [];
that. thirdObj = {
this.thirdObj = {
name: '',
appid: '',
pagePath: ''
};
that.selectLinkObj.name = '';
that.selectLinkObj.url = '';
......@@ -685,8 +694,8 @@ export default {
// set onelevel visible
setOneLevelVisible(type,selectOneItem) {
var that = this;
this.cardLinksVisible = false;
this.visibleType = null;
this.cardLinksVisible = false;
// 设置选择的 id
that.selectLinkObj.id = selectOneItem.linkId;
if (type) {
......@@ -740,8 +749,8 @@ export default {
// twoLevelValueChange (二级选择,保存选择类型)
twoLevelValueChange(e) {
var that = this
// 清空已经选择
this.visibleType = null;
// 清空已经选择
that.selectLinkObj.name = '';
that.selectLinkObj.url = '';
this.cardLinksVisible = false;
......@@ -1444,14 +1453,23 @@ export default {
message: "请选择第三方小程序"
})
}
const reg = /^(http|https|www)(:\/\/)?.[A-Za-z]+.[A-Za-z]+.*/;
if (!reg.test(this.thirdObj.pagePath)) {
this.$message.error({
duration: 1000,
message: "输入的网址不合法!"
})
return;
}
this.twoLevelOptions.forEach(v => {
if (v.value === this.twoLevelValue) {
that.selectLinkObj.name = v.label;
that.selectLinkObj.appid = v.value;//
that.selectLinkObj.appid = v.value;
// that.selectLinkObj.id = selectOneItem.linkId;
// that.selectLinkObj.id = v.id;
}
})
this.selectLinkObj.pagePath = this.thirdObj.pagePath;
that.selectLinkObj.params = ''
if (!!that.dynamicList.length) {
let thirdDataList = JSON.parse(JSON.stringify(that.dynamicList))
......@@ -1463,10 +1481,9 @@ export default {
that.selectLinkObj.params = thirdDataList
}
console.log(that.selectLinkObj)
console.log(this.selectLinkObj);
// 触发父组件方法,传递参数
that.transData();
return;
}
......@@ -1576,6 +1593,7 @@ export default {
resetAll() {
var that = this
this.cardLinksVisible = false;
this.visibleType = null;
that.h5linkVisible = false;
that.thirdlinkVisible = false; // 第三方小程序
that.linksType = '';
......@@ -1597,14 +1615,16 @@ export default {
that.dynamicList = [];
// 第三方小程序
that.thirdObj = {
this.thirdObj = {
name: '',
pagePath: '',
appid: ''
}
that.selectLinkObj = {
url: '',
name: ''
name: '',
pagePath: ''
}
that.currentPage = 1;
that.total = 0;
......@@ -1816,6 +1836,8 @@ export default {
// 添加对象到数组中
// that.dynamicList.push(that.dynamicRow)
// 删除一下
this.dynamicRow.value = '';
this.dynamicRow.key = null;
},
......
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