fix: scss跟背景图

yuanhao

2025-05-19 cc610ef597a4b600b4c48c80026f3a99be171f3b

 qiye/record/evaluate.vue

@@ -3,61 +3,61 @@
      <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>
         </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>

   

         

@@ -66,68 +66,68 @@
               对我们的评价

            </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>

      <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'
<script>

   import { evaluate,saveOrder } from '@/api/qiye.js'

   

   export default {

      data() {

         return {

            xing: 5,

            value: 'orange',
            msg:[],
            questionRemark:'',
            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)
         })
      },

      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) {
         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)
            })
         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)

            })

         }

      }

   }

@@ -180,7 +180,7 @@
      }

   }



   /deep/ .u-radio-group {

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

      margin-top: 20rpx;



      .u-radio {

@@ -197,9 +197,9 @@
      width: 100%;

      left: 0;

      height: 132rpx;

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

      display: flex;

      justify-content: center;

      align-items: center;

      .b1 {

            width: 686rpx;