askbot-dragon 1.6.75-beta → 1.6.75

package/src/components/feedBack.vue

@@ -1,137 +1,139 @@
-<template>
-  <div id="feedBack" class="companyNotRem" :class="{phoneClass:isPhone,companyClass:isCompany,notClick:isDisabled===true}">
-    <span :class="!positiveClick?'feed-button':'feed-check-button'" class="feed-commen">
-      <el-button plain class="btnClass" @click="positiveFeedback(feedBack,1)"   v-html="feedBack.positiveFeedback.text" v-if="!positiveClick">{{feedBack.positiveFeedback.text}}</el-button>
-      <el-button plain class="btnClassActive"  v-html="feedBack.positiveFeedback.text" v-else>{{feedBack.positiveFeedback.text}}</el-button>
-    </span>
-    <span  :class="!negativeClick?'feed-button':'feed-check-button'">
-      <el-button plain class="btnClass" @click="positiveFeedback(feedBack,2)"   v-html="feedBack.negativeFeedback.text" v-if="!negativeClick">{{feedBack.negativeFeedback.text}}</el-button>
-      <el-button plain class="btnClassActive"  v-html="feedBack.negativeFeedback.text" v-else>{{feedBack.negativeFeedback.text}}</el-button>
-    </span>
-  </div>
-</template>
-<script>
-export default {
-name: "feedBack",
-  data(){
-    return{
-      isPhone:false,
-      isCompany:false,
-      isDisabled:false,
-      positiveClick:false,
-      negativeClick:false
-    }
-  },
-  props:{
-    feedBack:Object,
-    rem:String,
-    disable:Boolean,
-  },
-  beforeMount() {
-    if(this.disable===true)
-    {
-      this.isDisabled=true
-    }
-    else
-    {
-      this.isDisabled=false
-    }
-  },
-  mounted() {
-  this.isMobile()
-  },
-  methods:{
-    isMobile() {
-      let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
-      if (flag) {
-        this.isPhone=true
-      }
-      else
-      {
-        this.isCompany=true
-      }
-    },
-    positiveFeedback(Feedback,index){
-      let feedbackObj={};
-      let feedback={};
-      if(index===1)
-      {
-        feedbackObj['positiveFeedback']=Feedback.positiveFeedback;
-        feedback['feedback']=feedbackObj;
-        feedback['feedbackActions']=Feedback.feedbackActions
-        feedback['feedbackUid']=Feedback.feedbackUid
-        this.positiveClick=true
-      }
-      else if(index === 2)
-      {
-        feedbackObj['negativeFeedback']=Feedback.negativeFeedback;
-        feedback['feedback']=feedbackObj;
-        feedback['feedbackActions']=Feedback.feedbackActions
-        feedback['feedbackUid']=Feedback.feedbackUid
-        this.negativeClick=true
-      }
-      feedback.feedbackUid = this.feedBack.feedbackUid;
-      feedback.apiKey=this.feedBack.apiKey
-      this.$emit('positiveFeedback',feedback,this.feedBack.apiKey);
-      this.isDisabled=true
-    },
-  }
-}
-</script>
-
-<style scoped lang="less">
-#feedBack{
-  .feed-commen{
-    margin-right: 8px;
-  }
-  .feed-button{
-    /deep/.el-button{
-      border: 1px solid #BEC5DB;
-      color: #616161;
-      border-radius: 14px;
-      font-weight: 400;
-    }
-  }
-  .feed-check-button{
-    /deep/.el-button{
-      border: 1px solid #BBCDFF;
-      color: #366aff;
-      border-radius: 14px;
-      font-weight: 400;
-    }
-  }
-
-  /deep/.el-button.is-plain{
-    padding: 9px 20px;
-  }
-}
-.phoneClass{
-  width: 100vw;
-  text-align: left;
-  /*margin: 0 auto;*/
-  line-height: 34px;
-  height: 56px;
-  padding-left: 20px;
-  .el-button{
-    min-width: 60px;
-    height: 31px;
-    line-height: 0.9;
-  }
-}
-.companyClass{
-/*  min-width: 300px;*/
-  width: 370px;
-  text-align: left;
-  /*margin: 0 auto;*/
-  line-height: 34px;
-  padding-left: 20px;
-  .el-button{
-    min-width: 60px;
-    height: 32px;
-    line-height: 0.9;
-  }
-}
-.notClick{
-  pointer-events: none;
-}
+<template>
+  <div id="feedBack" class="companyNotRem" :class="{phoneClass:isPhone,companyClass:isCompany,notClick:isDisabled===true}">
+    <span :class="!positiveClick?'feed-button':'feed-check-button'" class="feed-commen">
+      <el-button plain class="btnClass" @click="positiveFeedback(feedBack,1)"   v-html="feedBack.positiveFeedback.text" v-if="!positiveClick">{{feedBack.positiveFeedback.text}}</el-button>
+      <el-button plain class="btnClassActive"  v-html="feedBack.positiveFeedback.text" v-else>{{feedBack.positiveFeedback.text}}</el-button>
+    </span>
+    <span  :class="!negativeClick?'feed-button':'feed-check-button'">
+      <el-button plain class="btnClass" @click="positiveFeedback(feedBack,2)"   v-html="feedBack.negativeFeedback.text" v-if="!negativeClick">{{feedBack.negativeFeedback.text}}</el-button>
+      <el-button plain class="btnClassActive"  v-html="feedBack.negativeFeedback.text" v-else>{{feedBack.negativeFeedback.text}}</el-button>
+    </span>
+  </div>
+</template>
+<script>
+export default {
+name: "feedBack",
+  data(){
+    return{
+      isPhone:false,
+      isCompany:false,
+      isDisabled:false,
+      positiveClick:false,
+      negativeClick:false
+    }
+  },
+  props:{
+    feedBack:Object,
+    rem:String,
+    disable:Boolean,
+  },
+  beforeMount() {
+    if(this.disable===true)
+    {
+      this.isDisabled=true
+    }
+    else
+    {
+      this.isDisabled=false
+    }
+  },
+  mounted() {
+  this.isMobile()
+  },
+  methods:{
+    isMobile() {
+      let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
+      if (flag) {
+        this.isPhone=true
+      }
+      else
+      {
+        this.isCompany=true
+      }
+    },
+    positiveFeedback(Feedback,index){
+      let feedbackObj={};
+      let feedback={};
+      if(index===1)
+      {
+        feedbackObj['positiveFeedback']=Feedback.positiveFeedback;
+        feedback['feedback']=feedbackObj;
+        feedback['feedbackActions']=Feedback.feedbackActions
+        feedback['feedbackUid']=Feedback.feedbackUid
+        this.positiveClick=true
+      }
+      else if(index === 2)
+      {
+        feedbackObj['negativeFeedback']=Feedback.negativeFeedback;
+        feedback['feedback']=feedbackObj;
+        feedback['feedbackActions']=Feedback.feedbackActions
+        feedback['feedbackUid']=Feedback.feedbackUid
+        this.negativeClick=true
+      }
+      feedback.feedbackUid = this.feedBack.feedbackUid;
+      feedback.apiKey=this.feedBack.apiKey
+      this.$emit('positiveFeedback',feedback,this.feedBack.apiKey);
+      this.isDisabled=true
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "../assets/less/variables.less";
+
+#feedBack{
+  .feed-commen{
+    margin-right: 8px;
+  }
+  .feed-button{
+    /deep/.el-button{
+      border: 1px solid @border-color-r8;
+      color: @font-secondary-color;
+      border-radius: 14px;
+      font-weight: 400;
+    }
+  }
+  .feed-check-button{
+    /deep/.el-button{
+      border: 1px solid @border-color-r9;
+      color: @font-primary-accent-color;
+      border-radius: 14px;
+      font-weight: 400;
+    }
+  }
+
+  /deep/.el-button.is-plain{
+    padding: 9px 20px;
+  }
+}
+.phoneClass{
+  width: 100vw;
+  text-align: left;
+  /*margin: 0 auto;*/
+  line-height: 34px;
+  height: 56px;
+  padding-left: 20px;
+  .el-button{
+    min-width: 60px;
+    height: 31px;
+    line-height: 0.9;
+  }
+}
+.companyClass{
+/*  min-width: 300px;*/
+  width: 370px;
+  text-align: left;
+  /*margin: 0 auto;*/
+  line-height: 34px;
+  padding-left: 20px;
+  .el-button{
+    min-width: 60px;
+    height: 32px;
+    line-height: 0.9;
+  }
+}
+.notClick{
+  pointer-events: none;
+}
 </style>