推荐代理

src/views/agent/home.vue

@@ -88,7 +88,7 @@
         <div class="accountBalance common-area">
           <div class="mb-16 red" v-if="walletList && walletList.pub && walletList.pub.forzen_money > 0">含冻结金额 {{ walletList.pub.forzen_money }} 元</div>
           <div class="flex-between">
-            <span>账户余额&nbsp; <b>{{ walletList.pub.remain }}</b>&nbsp;元</span>
+            <span>账户余额&nbsp; <b v-if="walletList && walletList.pub && walletList.pub.remain > 0">{{ walletList.pub.remain }}</b>&nbsp;元</span>
             <span class="hoverCommon" @click="isShowSpec = !isShowSpec">{{ isShowSpec ? '收起' : '展开' }}</span>
           </div>
           <div v-show="isShowSpec" class="mt-24" style="border-top: 1px solid #ebebeb;" v-if="walletList && walletList.spec && walletList.spec.length > 0">
@@ -114,7 +114,7 @@
           </div>
           <div class="carouselImage common-area">
             <!-- 轮播图 -->
-            <img src="@/assets/home/home-right.png" alt="">
+            <img src="@/assets/home/home-right.png" alt="" @click="showRecommendedAgentDialog">
           </div>
           <div class="preferredMarket common-area">
             <h2>优选营销</h2>
@@ -147,11 +147,24 @@
 
       </div>
     </div>
+
+    <GuipDialog :dialogVisible="dialogVisibleRecommendedAgent" title="推荐代理" :show-close-button="false"
+      :show-cancel-button="true" @confirm="handleConfirm" @cancel="handleCancel" confirmText="复制">
+      <!-- 自定义内容 -->
+      <el-form>
+        <PromptText text='每推荐成功一名新代理，奖励400元，立即返到您的平台账号下。' :type="1" />
+        <GuipTextarea v-model="recommendedText" label="复制如下内容发送给被推荐人:" column="column" class="mt-24" />
+      </el-form>
+  </GuipDialog>
+
   </div>
 </template>
 
 <script>
 import Footer from '@/components/Footer.vue';
+import PromptText from '@/components/PromptText.vue';
+import GuipDialog from '@/components/GuipDialog.vue';
+import GuipTextarea from '@/components/GuipTextarea.vue';
 
 export default {
   name: 'HomeView',
@@ -211,11 +224,17 @@ export default {
           label: 'AI范文整合的通知'
         },
       ],
+
+      dialogVisibleRecommendedAgent: false,
+      recommendedText: '',
     }
   },
   components: {
     // HelloWorld
     Footer,
+    PromptText,
+    GuipDialog,
+    GuipTextarea,
   },
   mounted() {
       this.getSupplyServiceList()
@@ -328,6 +347,39 @@ export default {
     lookAllSales() {
       // 销售统计 -查看全部
     },
+    // 弹框相关方法---start
+    showRecommendedAgentDialog() {
+      this.$http('POST', '/agentnew/ajax_get_recommended_text', {
+
+      },{
+          headers:{
+              'Auth': this.token
+          }
+      }).then(response => {
+          this.tableLoading = false
+          this.$nextTick(() => {
+            this.recommendedText = response.data.text
+            this.dialogVisibleRecommendedAgent = true
+          })
+      }).catch(error => {
+          console.error(error, 'error')
+      })
+      
+    },
+    // 取消按钮事件
+    handleCancel() {
+      this.dialogVisibleRecommendedAgent = false
+    },
+    // 确认按钮事件
+    handleConfirm() {
+      this.dialogVisibleRecommendedAgent = false;
+      this.$copy(this.recommendedText, {
+          successMsg: '内容已复制到剪贴板',
+          errorMsg: '复制失败，请按Ctrl+C手动复制',
+          vm: this
+      });
+    },
+    // 弹框相关方法---end
   }
 }
 </script>