获取验证码功能

yaolonglong

3 天以前 b5f084460e9e639358fbf91056a86be8d0a5c4b2

 qiye/record/evaluate.vue

@@ -1,218 +1,227 @@
<template>

   <view style="margin-top: 20rpx;">

      <view class="wbox2">

         <view class="t">

            执法评价

         </view>
         <template v-for="(item,index) in msg">
            <view class="sbox" v-if="item.questionType==2">
               <view class="t2">
                  {{item.questionName}}
               </view>
               <view class="xbox">
                  <view @click="daxing(index,1)">
                     <img src="/static/qiye/xing1.png" alt="" />
                     <view>
                        很糟糕
                     </view>
                  </view>
                  <view @click="daxing(index,2)">
                     <img v-if="item.getScore>=2" src="/static/qiye/xing1.png" alt="" />
                     <img v-else src="/static/qiye/xing2.png" alt="" />
                     <view :class="item.getScore==2?'hei':''">
                        不满意
                     </view>
                  </view>
                  <view @click="daxing(index,3)">
                     <img v-if="item.getScore>=3" src="/static/qiye/xing1.png" alt="" />
                     <img v-else src="/static/qiye/xing2.png" alt="" />
                     <view :class="item.getScore==3?'hei':''">
                        一般般
                     </view>
                  </view>
                  <view @click="daxing(index,4)">
                     <img v-if="item.getScore>=4" src="/static/qiye/xing1.png" alt="" />
                     <img v-else src="/static/qiye/xing2.png" alt="" />
                     <view :class="item.getScore==4?'hei':''">
                        满意
                     </view>
                  </view>
                  <view @click="daxing(index,5)">
                     <img v-if="item.getScore>=5" src="/static/qiye/xing1.png" alt="" />
                     <img v-else src="/static/qiye/xing2.png" alt="" />
                     <view :class="item.getScore==5?'hei':''">
                        非常满意
                     </view>
                  </view>
               </view>
               <view class="line"></view>
            </view>
            <view class="sbox" v-if="item.questionType==1">
               <view class="t2">
                  {{item.questionName}}
               </view>
               <u-radio-group v-model="item.remark" @change="radioGroupChange">
                  <u-radio v-for="(aa, ii) in item.answerList" :key="ii" :name="aa.answerId">
                     {{aa.answerName}}
                  </u-radio>
               </u-radio-group>
               <view class="line"></view>
            </view>
         </template>

	
			
         <view class="sbox">

            <view class="t2" style="margin-bottom: 30rpx;">

               对我们的评价

            </view>

            <u-textarea v-model="questionRemark" placeholder="请输入..."></u-textarea>

         </view>
      </view>
      <view style="height: 200rpx;"></view>
      <view class="bottom">
         <view class="b1" @click="submit()">
            提交
         </view>
      </view>

   </view>

  <view style="margin-top: 20rpx;">

    <view class="wbox2">

      <view class="t">

        执法评价

      </view>

      <template v-for="(item,index) in msg">

        <view class="sbox" v-if="item.questionType==2">

          <view class="t2">

            {{item.questionName}}

          </view>

          <view class="xbox">

            <view @click="daxing(index,1)">

              <img src="/static/qiye/xing1.png" alt="" />

              <view>

                很糟糕

              </view>

            </view>

            <view @click="daxing(index,2)">

              <img v-if="item.getScore>=2" src="/static/qiye/xing1.png" alt="" />

              <img v-else src="/static/qiye/xing2.png" alt="" />

              <view :class="item.getScore==2?'hei':''">

                不满意

              </view>

            </view>

            <view @click="daxing(index,3)">

              <img v-if="item.getScore>=3" src="/static/qiye/xing1.png" alt="" />

              <img v-else src="/static/qiye/xing2.png" alt="" />

              <view :class="item.getScore==3?'hei':''">

                一般般

              </view>

            </view>

            <view @click="daxing(index,4)">

              <img v-if="item.getScore>=4" src="/static/qiye/xing1.png" alt="" />

              <img v-else src="/static/qiye/xing2.png" alt="" />

              <view :class="item.getScore==4?'hei':''">

                满意

              </view>

            </view>

            <view @click="daxing(index,5)">

              <img v-if="item.getScore>=5" src="/static/qiye/xing1.png" alt="" />

              <img v-else src="/static/qiye/xing2.png" alt="" />

              <view :class="item.getScore==5?'hei':''">

                非常满意

              </view>

            </view>

          </view>

          <view class="line"></view>

        </view>

        <view class="sbox" v-if="item.questionType==1">

          <view class="t2">

            {{item.questionName}}

          </view>

          <u-radio-group v-model="item.remark" @change="radioGroupChange">

            <u-radio v-for="(aa, ii) in item.answerList" :key="ii" :name="aa.answerId">

              {{aa.answerName}}

            </u-radio>

          </u-radio-group>

          <view class="line"></view>

        </view>

      </template>





      <view class="sbox">

        <view class="t2" style="margin-bottom: 30rpx;">

          对我们的评价

        </view>

        <u-textarea :cursorSpacing="70" v-model="questionRemark" placeholder="请输入..."></u-textarea>

      </view>

    </view>

    <view style="height: 200rpx;"></view>

    <view class="bottom">

      <view class="b1" @click="submit()">

        提交

      </view>

    </view>

  </view>

</template>



<script>
   import { evaluate,saveOrder } from '@/api/qiye.js'
	
   export default {

      data() {

         return {

            xing: 5,

            value: 'orange',
            msg:[],
            questionRemark:'',
            orderId:''

         }

      },
      onLoad(options) {
         this.orderId = options.id
         //this.getdata(options.id)
         evaluate().then(val => {
            this.msg = val.data.data.questionList
            for(let i = 0;i<this.msg.length;i++){
               if(this.msg[i].questionType==2){
                  this.msg[i].getScore = 5
               }
            }
            //console.log(this.msg)
         })
      },

      methods: {

         daxing(i,a) {
            this.msg[i].getScore = a

            //this.xing = a

         },

         radioGroupChange(e){
            //console.log(this.msg)
         },
         submit(){
            let data = {
               orderId:this.orderId,
               questionList:this.msg,
               questionRemark:this.questionRemark
            }
            console.log(data)
            //return;
            saveOrder(data).then(val => {
               uni.showToast({
                  title: '提交成功',
                  icon: 'none'
               })
               setTimeout(() => {
                  uni.navigateBack()
               }, 500)
            })
         }

      }

   }

<script>

  import {

    evaluate,

    saveOrder

  } from '@/api/qiye.js'



  export default {

    data() {

      return {

        type: '', // 1综合查一次

        xing: 5,

        value: 'orange',

        msg: [],

        questionRemark: '',

        orderId: ''

      }

    },

    onLoad(options) {

      this.orderId = options.id

      this.type = options.type || ''

      //this.getdata(options.id)

      evaluate().then(val => {

        this.msg = val.data.data.questionList

        for (let i = 0; i < this.msg.length; i++) {

          if (this.msg[i].questionType == 2) {

            this.msg[i].getScore = 5

          }

        }

        //console.log(this.msg)

      })

    },

    methods: {

      daxing(i, a) {

        this.msg[i].getScore = a

        //this.xing = a

      },

      radioGroupChange(e) {

        //console.log(this.msg)

      },

      submit() {

        let data = {

          orderId: this.orderId,

          questionList: this.msg,

          questionRemark: this.questionRemark

        }

        console.log(data)

        //return;

        saveOrder(data).then(val => {

          uni.showToast({

            title: '提交成功',

            icon: 'none'

          })

          setTimeout(() => {

            uni.navigateBack()

            if (this.type == 1) {

              uni.$emit('refresh')

            }

          }, 500)

        })

      }

    }

  }

</script>



<style>

   page {

      background: #F4F4F4;

   }

  page {

    background: #F4F4F4;

  }

</style>

<style lang="scss" scoped>

   .wbox2 {

      background: #fff;

      border-radius: 5px;

      box-sizing: border-box;

      margin: 0 32rpx;

  .wbox2 {

    background: #fff;

    border-radius: 5px;

    box-sizing: border-box;

    margin: 0 32rpx;



      .t {

         padding: 24rpx;

         border-bottom: 1px solid #EEEEEE;

         color: #202d44;

         font-size: 36rpx;

         font-weight: bold;

      }

    .t {

      padding: 24rpx;

      border-bottom: 1px solid #EEEEEE;

      color: #202d44;

      font-size: 36rpx;

      font-weight: bold;

    }



      .sbox {

         padding: 24rpx;

    .sbox {

      padding: 24rpx;



         .line {

            border-bottom: 1px dashed #f1f1f1;

            margin-top: 32rpx;

         }

      .line {

        border-bottom: 1px dashed #f1f1f1;

        margin-top: 32rpx;

      }



         .xbox {

            display: flex;

            margin-top: 36rpx;

            justify-content: space-between;

      .xbox {

        display: flex;

        margin-top: 36rpx;

        justify-content: space-between;



            img {

               width: 74rpx;

               height: 74rpx;

            }

        img {

          width: 74rpx;

          height: 74rpx;

        }



            >view {

               text-align: center;

               font-size: 28rpx;

               color: #C3C6CD;

            }

         }

      }

   }

        >view {

          text-align: center;

          font-size: 28rpx;

          color: #C3C6CD;

        }

      }

    }

  }



   /deep/ .u-radio-group {

      margin-top: 20rpx;

  ::v-deep .u-radio-group {

    margin-top: 20rpx;



      .u-radio {

         margin-right: 20rpx;

      }

   }

    .u-radio {

      margin-right: 20rpx;

    }

  }



   .hei {

      color: #202D44;

   }

.bottom {

      position: fixed;

      bottom: 0;

      width: 100%;

      left: 0;

      height: 132rpx;

      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;

      .b1 {

            width: 686rpx;

            height: 88rpx;

            border-radius: 10px;

            background: #1171E0;

            line-height: 88rpx;

            text-align: center;

            color: #fff;

         }

		
  .hei {

    color: #202D44;

  }



		
   }

  .bottom {

    position: fixed;

    bottom: 0;

    width: 100%;

    left: 0;

    height: 132rpx;

    background: #fff;

    display: flex;

    justify-content: center;

    align-items: center;



    .b1 {

      width: 686rpx;

      height: 88rpx;

      border-radius: 10px;

      background: #1171E0;

      line-height: 88rpx;

      text-align: center;

      color: #fff;

    }







  }

</style>