修改第三方小程序

linktools.vue

@@ -39,7 +39,7 @@ components: {
       <!-- 链接类型 -->
       <div class="links-types">
         <label class="types-title">链接类型</label>
-        <el-select v-model="linksType" placeholder="请选择" @change="linksTypeChange">
+        <el-select v-model="linksType" class="w200" placeholder="请选择" @change="linksTypeChange">
           <el-option
             v-for="item in linksTypeOptions"
             :key="item.value"
@@ -48,7 +48,7 @@ components: {
           </el-option>
         </el-select>
         <!-- 二级下拉 -->
-        <el-select v-model="twoLevelValue" placeholder="请选择" v-if="twoLevelVisible" @change="twoLevelValueChange">
+        <el-select v-model="twoLevelValue" class="w200"  placeholder="请选择" v-if="twoLevelVisible" @change="twoLevelValueChange">
           <el-option
             v-for="item in twoLevelOptions"
             :key="item.value"
@@ -57,7 +57,7 @@ components: {
           </el-option>
         </el-select>
         <!-- 三级下拉 -->
-        <div class="three-level-wrap" v-if="threeLevelVisible">
+        <div class="three-level-wrap w200" v-if="threeLevelVisible">
           <!-- 三级单选 -->
           <el-select v-model="threeLevelValue" placeholder="请选择" v-if="threeLeveloneVisible" @change="threeSingleValueChange">
             <el-option
@@ -105,7 +105,7 @@ components: {
       <div class="h5link-contain" v-if="h5linkVisible">
         <div class="h5link-row">
           <label class="h5link-title">进入条件</label>
-          <el-select class="conditionType-select" v-model="h5linkObj.conditionType"  placeholder="请选择进入条件">
+          <el-select class="conditionType-select w200" v-model="h5linkObj.conditionType"  placeholder="请选择进入条件">
             <el-option
               v-for="item in h5linkObj.conditionTypeOptions"
               :key="item.value"
@@ -208,14 +208,14 @@ components: {
 
       <!-- 第三方小程序 -->
       <div class="h5link-contain" v-if="thirdlinkVisible">
-        <div class="h5link-row">
+        <!-- <div class="h5link-row">
           <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>
+        </div> -->
         <div class="h5link-row">
           <label class="h5link-title h5link-dynamic-title">动态参数</label>
           <div class="h5-table">
@@ -662,7 +662,7 @@ export default {
       that.threeLevelSelectValue = '';
 
       // 如果是 h5,二级,三级隐藏,
-      var type = selectOneItem.type == 5 || selectOneItem.type == 7? true:false;
+      var type = selectOneItem.type == 5 ? true:false;
       that.setOneLevelVisible(type,selectOneItem)
     },
 
@@ -705,8 +705,13 @@ export default {
           that.getDefinePage();
           console.log(that.selectLinkObj)
           return false;
+        } else if (selectOneItem.type == 7){
+          console.log('第三方小程序第三方小程序第三方小程序第三方小程序')
+          that.h5linkVisible = false;  // h5 链接参数输入部分显示
+          that.thirdlinkVisible = true; // 第三方小程序
+          that.threeLevelVisible = false; // 三级部分隐藏
+          this.getAppList();
         }
-
         // 清空设置选择的 id
         that.selectLinkObj.id = '';
         console.log("一级选择obj:",that.selectLinkObj)
@@ -754,7 +759,7 @@ export default {
 
       console.log("二级选择的 obj: ",that.selectLinkObj.id)
       // 判断是否结束, 1:结束;
-      if (selectTwoItem.type == 1 || selectTwoItem.type == 4 || selectTwoItem.type == 6) {
+      if (selectTwoItem.type == 1 || selectTwoItem.type == 4 || selectTwoItem.type == 6 || that.oneLevelTypeValue == 7) {
         that.threeLevelVisible = false; // 三级部分隐藏
         that.threeLevelValue = ''; // 清空三级数据
         that.twoLevelSelectValue = ''; // 清空门店签到
@@ -1056,6 +1061,38 @@ export default {
       });
     },
 
+        // 查询第三方小程序列表
+    getAppList() {
+      this.axios.post(this.baseUrl+'/api-plug/applet-app-search?requestProject=gic-web')
+      .then((res) => {
+        var resData = res.data;
+        let list = [];
+        if (resData.errorCode == 0) {
+          resData.result.forEach(v => {
+            if (v.appStatus === 1) {
+              list.push({
+                id:v.appId,
+                label:v.appName,
+                value:v.appletAppId
+              })
+            }
+          })
+          this.twoLevelOptions = list;
+        } else {
+          this.$message.error({
+            duration: 1000,
+            message: error.message
+          })
+        }
+      })
+      .catch( error => {
+        this.$message.error({
+          duration: 1000,
+          message: error.message
+        })
+      });
+    },
+
     // --------------------------------------------------
 
 
@@ -1385,16 +1422,18 @@ export default {
 
       // 如果是第三方小程序
       if (that.oneLevelTypeValue == 7) {
-        if (!that.thirdObj.name.trim() || !that.thirdObj.appid.trim()) {
+        if (!this.twoLevelValue) {
           that.$message.error({
             duration: 1000,
-            message: "请填写链接内容"
+            message: "请选择第三方小程序"
           })
-          return;
         }
-
-        that.selectLinkObj.name = that.thirdObj.name;
-        that.selectLinkObj.appid = that.thirdObj.appid;//
+        this.twoLevelOptions.forEach(v => {
+          if (v.value === this.twoLevelValue) {
+            that.selectLinkObj.name = v.label;
+            that.selectLinkObj.appid = v.value;//
+          }
+        })
         that.selectLinkObj.params = ''
         if (!!that.dynamicList.length) {
           let thirdDataList = JSON.parse(JSON.stringify(that.dynamicList))
@@ -1829,6 +1868,9 @@ export default {
 
 
 <style lang="scss" scoped>
+  .w200 {
+    width:200px;
+  }
 
   .el-tab-pane {
     min-height: 200px;
@@ -1943,10 +1985,11 @@ export default {
 
     .types-title {
       display: inline-block;
-      width: 80px;
+      width: 72px;
       text-align: right;
       font-size: 14px;
       padding-right: 10px;
+      vertical-align: middle;
     }
 
     .el-select+.el-select {