update: 小程序跳转链接

src/views/enterprise/salutatorySet.vue

@@ -29,7 +29,10 @@
               <div class="flexBoxContainer" v-for="(item, index) in form.welcomeMediaList" :key="index">
                 <div class="flexBox">
                   <svg-icon :iconname="iconType[item.mediaType]" size="16" style="margin-right: 13px;"> </svg-icon>
-                  <span class="popverText">{{ item.mediaTitle }}</span>
+                  <span class="popverText">
+                    {{ item.mediaTitle }}
+                    <span v-if="item.mediaType == 5">({{ item.miniProgramPage }})</span>
+                  </span>
                   <i class="el-icon-close" style="margin-left: 20px;cursor: pointer;" @click="handleDelMedia(item, index)"></i>
                 </div>
               </div>
@@ -175,7 +178,7 @@
           <el-button type="primary" @click="addSuitDepartment">确认</el-button>
         </div>
       </el-dialog>
-      <el-dialog title="添加小程序" width="600px" :visible.sync="appletDialogVisible" @closed="closeAppletDialog">
+      <el-dialog title="添加小程序" width="640px" :visible.sync="appletDialogVisible" @closed="closeAppletDialog">
         <div class="admin-tip-body">
           <div role="alert" class="el-alert el-alert--info" style="width: 550px;">
             <i class="el-alert__icon el-icon-info"></i>
@@ -188,12 +191,15 @@
             </div>
           </div>
         </div>
-        <el-form label-position="right" ref="form" :model="{}" label-width="100px" style="margin-top:20px" @submit.native.prevent>
-          <el-form-item label="小程序配置">
-            <el-select v-model="selectedApple" style="width:458px;">
+        <el-form label-position="right" ref="appletForm" :model="appletForm" label-width="120px" style="margin-top:20px" @submit.native.prevent>
+          <el-form-item label="小程序配置" required>
+            <el-select v-model="appletForm.selectedApple" style="width:458px;">
               <el-option v-for="item in appTableData" :key="item.miniprogramSettingId" :label="item.miniprogramName" :value="item.miniprogramSettingId" :disabled="handleDiabled(item)"></el-option>
             </el-select>
           </el-form-item>
+          <el-form-item label="小程序路径" required v-show="appletForm.selectedApple != -1">
+            <el-input v-model="appletForm.appletPath" style="width: 458px;" placeholder="请输入小程序跳转路径，例如：/page " />
+          </el-form-item>
         </el-form>
         <div slot="footer" class="">
           <el-button @click="closeAppletDialog">取消</el-button>
@@ -218,6 +224,10 @@ export default {
       defaultProps: {
         label: 'departmentName'
       },
+      appletForm: {
+        appletPath: '',
+        selectedApple: ''
+      },
       form: {
         title: '',
         welcomeContent: '你好，<微信昵称>',
@@ -286,7 +296,6 @@ export default {
       showTree: true,
       appTableData: [],
       appletDialogVisible: false,
-      selectedApple: '',
       defaultWelcomeFlag: false,
       isNew: true,
       echoDefaultWelcomeFlag: 0
@@ -348,25 +357,30 @@ export default {
       }
     },
     addApplet(val) {
-      if (!this.selectedApple) {
+      if (!this.appletForm.selectedApple) {
         this.$message.error('请选择小程序');
         return;
       }
-      const obj = this.appTableData.filter(item => item.miniprogramSettingId == this.selectedApple)[0];
+      if (this.appletForm.selectedApple != -1 && !this.appletForm.appletPath) {
+        this.$message.error('请输入小程序跳转路径');
+        return;
+      }
+      const obj = this.appTableData.filter(item => item.miniprogramSettingId == this.appletForm.selectedApple)[0];
       if (!this.form.welcomeMediaList.filter(item => item.miniprogramSettingId && item.miniprogramSettingId == obj.miniprogramSettingId).length) {
         this.form.welcomeMediaList.push({
           miniProgramName: obj.miniprogramName,
           mediaType: obj.miniprogramSettingId == -1 ? 6 : 5,
           mediaUrl: obj.imageUrl,
+          miniProgramPage: obj.miniprogramSettingId != -1 ? this.appletForm.appletPath : '',
           mediaTitle: obj.title,
           miniprogramSettingId: obj.miniprogramSettingId
         });
       }
-      console.log(this.form.welcomeMediaList);
       this.closeAppletDialog();
     },
     closeAppletDialog() {
-      this.selectedApple = '';
+      this.appletForm.selectedApple = '';
+      this.appletForm.appletPath = '';
       this.appletDialogVisible = false;
     },
     getAppleList() {