【学平险业务字段需求】 h5页面选择班级学校

src/views/ebiz/poster/PosterPreview.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="poster-preview-container">
     <div class="flex align-items-c justify-content-c top30 relative">
+      <van-button round type="info" class="config" size="small" @click="showPopup" v-show="showBut" >学校班级设置</van-button>
       <img class="w300" :src="imgPath | urlFormat" alt="" />
       <!--<div class="poster-info w300 white absolute fs14 bottom0" style="background:rgba(0,0,0,.5)">
         <p class="p5 mt5 ml5">{{ manageComName || '国富人寿保险股份有限公司' }}</p>
@@ -9,6 +10,18 @@
       </div>-->
     </div>
     <van-button type="danger" size="large" @click="shareFriends" v-if="!isWeixin" class="mt50">分享</van-button>
+      <van-dialog v-model="showDialog" title="学校班级设置" show-cancel-button @confirm="checkModelConfirm" confirmButtonText="确定">
+      <van-field
+              v-model="schoolName"
+              name="学校名称"
+              label="学校名称："
+              placeholder="学校名称"/>
+      <van-field
+              v-model="className"
+              name="班级名称"
+              label="班级名称："
+              placeholder="班级名称"/>
+      </van-dialog>
   </div>
 </template>
 
@@ -32,7 +45,11 @@ export default {
       imgUrl: '', // 分享的图片
       base64: '', // 分享的base64
       imgPath: '',
-      isShow: false
+      isShow: false,
+      showBut:false,
+      showDialog: false,
+      schoolName:"",
+      className:""
     }
   },
   async created() {
@@ -72,6 +89,9 @@ export default {
           this.$toast.clear()
           if (res.result == 0) {
             this.posterInfo = res.infoDTOList[0]
+            if(res.infoDTOList[0].isLearn=='0'){
+              this.showBut=true;
+            }
             resolve()
           } else {
             reject()
@@ -116,7 +136,10 @@ export default {
           },
           agentMobile: this.userMobile,
           agentName: this.userName,
-          companyName: this.manageComName || '国富人寿保险股份有限公司'
+          companyName: this.manageComName || '国富人寿保险股份有限公司',
+          schoolName:this.schoolName,
+          className:this.className
+
         }
         if (this.posterType == 'product') {
           shareUrlWithQR(params).then(res => {
@@ -171,7 +194,26 @@ export default {
         }
       }
       xhr.send()
-    }
+    },
+    showPopup() {
+      this.showDialog = true;
+    },
+    // 弹窗提交处理
+     checkModelConfirm() {
+      let that = this
+        if(that.schoolName.trim()==''){
+            that.schoolName="0";
+        };
+        if(that.className.trim()==''){
+            that.className="0";
+        };
+       that.getShareImg();
+       that.schoolName="";
+       that.className="";
+       location.reload();
+    },
+
+
   },
   filters: {
     urlFormat(url) {
@@ -226,4 +268,13 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+  .config{
+    background-color: steelblue;
+    top: 1%;
+    right: 12%;
+    position: absolute;
+    font-size: smaller;
+  }
+
+</style>