update: 跳转链接

src/views/card/gic-card/card-form.js

@@ -942,6 +942,11 @@ export default {
         this.$refs.ruleForm1.validateField('giveBannerJumpUrl');
       }
     },
+    onHide2() {
+      if (!this.ruleForm1.cardJumpLink) {
+        this.ruleForm1.cardJumpFlag = 0;
+      }
+    },
     // ----首图链接-----
     // -----跳转配置-----
     onSave2(linkData) {

src/views/card/gic-card/card-form.vue

@@ -200,7 +200,7 @@
             </el-form-item>
             <el-form-item label="首图链接设置" prop="giveBannerJumpUrl">
               <el-checkbox v-model="checked" @change="onShow" />
-              <span class="op-btn ml5" @click="onShow(true)">首图链接 <i class="el-icon-arrow-right"></i></span>
+              <span class="op-btn ml5" style="cursor:pointer" @click="onShow(true)">首图链接 <i class="el-icon-arrow-right"></i></span>
               <span v-if="checked && (linkData.name || linkData.url)" class="gray03 ml10" :title="linkData.url">【{{ linkData.name || '--' }}】【{{ linkData.url || '--' }}】</span>
             </el-form-item>
             <el-form-item label="卡券转赠规则" prop="giveRule" v-show="ruleForm1.giveFlag === 1">
@@ -208,12 +208,15 @@
           </el-form-item>
           </template>
         </template>
-        <el-form-item label="跳转配置">
-          <el-switch :active-value="1" :inactive-value="0" v-model="ruleForm1.cardJumpFlag"></el-switch>
+        <el-form-item label="跳转链接配置">
+          <!-- <el-switch :active-value="1" :inactive-value="0" v-model="ruleForm1.cardJumpFlag"></el-switch>
           <template v-if="ruleForm1.cardJumpFlag">
             <el-button type="text" class="ml10" @click="$refs.link2.onShow()">设置链接</el-button>
             <span v-if="(linkData2.name || linkData2.url)" class="gray03 ml10" :title="linkData2.url">【{{ linkData2.name || '--' }}】【{{ linkData2.url || '--' }}】</span>
-          </template>
+          </template> -->
+          <el-checkbox v-model="ruleForm1.cardJumpFlag" :true-label="1" :false-label="0" @change="(val) => val && $refs.link2.onShow()" />
+          <span class="op-btn ml5" style="cursor:pointer" @click="$refs.link2.onShow(),ruleForm1.cardJumpFlag=1">跳转链接 <i class="el-icon-arrow-right"></i></span>
+          <span v-if="ruleForm1.cardJumpFlag && (linkData2.name || linkData2.url)" class="gray03 ml10" :title="linkData2.url">【{{ linkData2.name || '--' }}】【{{ linkData2.url || '--' }}】</span>
           <p class="tips">* 开启后小程序卡券详情将对应路径的跳转按钮</p>
         </el-form-item>
         <el-form-item label="库存消耗方式" prop="stockType">
@@ -321,7 +324,7 @@
     <div style="opacity:0;height:1px;visiable:hidden;">
       <!-- 链接小工具 -->
       <dm-link-tools :member-card-id="currentAreaId" v-if="currentAreaId" :data="ruleForm1.giveBannerJumpUrl" ref="link" @save="onSave" @onHide="onHide" />
-      <dm-link-tools :member-card-id="currentAreaId" v-if="currentAreaId" :data="ruleForm1.cardJumpLink" ref="link2" @save="onSave2" />
+      <dm-link-tools :member-card-id="currentAreaId" v-if="currentAreaId" :data="ruleForm1.cardJumpLink" ref="link2" @save="onSave2" @onHide="onHide2" />
     </div>
   </div>
 </template>

src/views/card/gic-card/card-info.vue

@@ -84,9 +84,10 @@
                 <el-form-item label="转赠首图链接"><span v-if="info.giveBannerJumpUrl">【{{ linkData.name || '--' }}】【{{ linkData.url || '--' }}】</span><span v-else>未添加</span></el-form-item>
               </template>
             </template>
-            <el-form-item label="跳转配置">
-              <el-switch disabled :active-value="1" :inactive-value="0" v-model="info.cardJumpFlag"></el-switch>
-              <span v-if="info.cardJumpFlag" class="gray03 ml10" :title="linkData2.url">【{{ linkData2.name || '--' }}】【{{ linkData2.url || '--' }}】</span>
+            <el-form-item label="跳转链接配置">
+              <!-- <el-switch disabled :active-value="1" :inactive-value="0" v-model="info.cardJumpFlag"></el-switch> -->
+              <span v-if="info.cardJumpFlag && info.cardJumpLink" :title="linkData2.url">【{{ linkData2.name || '--' }}】【{{ linkData2.url || '--' }}】</span>
+              <span v-else>未添加</span>
             </el-form-item>
             <el-form-item label="库存消耗方式">
               <!-- （0:占用,1:动态 , 2占用+动态） -->