投诉

346149741

2024-06-22 4c6a91cdcca1d5fe186540eaca9f938373c1d774

 qiye/record/details.vue

@@ -133,25 +133,65 @@
               <view class="t2">

                  这是一个单选题的题干？

               </view>

               <u-radio-group v-model="value" >
                  <u-radio name="orange">选中</u-radio>
                  <u-radio name="1" :disabled="true">未选中</u-radio>
               <u-radio-group v-model="value">

                  <u-radio name="orange">选中</u-radio>

                  <u-radio name="1" :disabled="true">未选中</u-radio>

               </u-radio-group>

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

            </view>

            <view class="sbox">

               <view class="t2">

                  对我们的评价

               </view>
               <view class="pjbox">
                  这次执法非常好，非常好，这次执法非常好，非常好这次执法非常好，非常好
               </view>

               <view class="pjbox">

                  这次执法非常好，非常好，这次执法非常好，非常好这次执法非常好，非常好

               </view>

            </view>

         </view>

      </view>
      <view class="bottom">
			
      </view>

      <view class="bottom">

         <view class="one" v-if="type==1">

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

               投诉

            </view>

         </view>

         <view class="two" v-if="type==2">

            <view class="b2" @click="open()">

               投诉

            </view>

            <view class="b3">

               我要评价

            </view>

         </view>

      </view>

      <u-popup :show="show" @close="close" mode="bottom" round="10" closeable>

         <view class="page-box">

            <view class="title1">

               企业投诉

            </view>

            <view class="border"></view>

            <view class="padding">

               <view class="font">

                  投诉主题

               </view>

               <view>

                  <u-radio-group  placement="row">
                     <u-radio active-color="#3EB47A" label="aaa" name="3"></u-radio>
                     <u-radio active-color="#3EB47A" label="bbb" name="3"></u-radio>
                  </u-radio-group>

               </view>

               <view class="font">

                  投诉内容

               </view>

               <view class="margin-top">

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

               </view>

            </view>

            <view class="down">

               <view class="enter" @entery="entery">提交</view>

            </view>

         </view>

      </u-popup>

   </view>

</template>



@@ -159,9 +199,21 @@
   export default {

      data() {

         return {

            xing: 5,
            value: 'orange',
            type:1

            xing: 5,

            value: 'orange',

            type: 2,

            show: false,

            show2: false,

            list: [{
               //todo 请求接口

                  value: '1',

                  label: '江'

               },

               {

                  value: '2',

                  label: '湖'

               }

            ],

         }

      },

      methods: {

@@ -172,7 +224,18 @@
            uni.previewImage({

               urls: [url]

            })

         }

         },

         open() {

            this.show = true

         },

         close() {

            this.show = false

            this.$emit('cancel')

         },

         entery() {

            this.$emit('entery')

         },



      }

   }

</script>

@@ -288,23 +351,132 @@
            }

         }

      }

   }
   .pjbox{
      background: #F4F4F4;
      border-radius: 5px;
      margin: 10rpx 0;
      padding: 24rpx;
      color: #202d44;
      font-size: 32rpx;
		
   }

   /deep/ .u-radio-group{
      margin-top: 20rpx;
      .u-radio{
         margin-right: 20rpx;
      }


   .pjbox {

      background: #F4F4F4;

      border-radius: 5px;

      margin: 10rpx 0;

      padding: 24rpx;

      color: #202d44;

      font-size: 32rpx;



   }



   /deep/ .u-radio-group {

      margin-top: 20rpx;



      .u-radio {

         margin-right: 20rpx;

      }

   }



   .hei {

      color: #202D44;

   }



   .bottom {

      position: fixed;

      bottom: 0;

      width: 100%;

      left: 0;

      height: 132rpx;

      background: #fff;



      .one {

         display: flex;

         justify-content: center;

         align-items: center;

         height: 100%;



         .b1 {

            width: 686rpx;

            height: 88rpx;

            border-radius: 10px;

            background: #F7F7F7;

            line-height: 88rpx;

            text-align: center;

         }

      }



      .two {

         display: flex;

         justify-content: center;

         align-items: center;

         height: 100%;



         .b2 {

            width: 146rpx;

            height: 88rpx;

            border-radius: 10px;

            background: #F7F7F7;

            line-height: 88rpx;

            text-align: center;

            margin-right: 18rpx;

         }



         .b3 {

            width: 524rpx;

            height: 88rpx;

            border-radius: 10px;

            background: #1171E0;

            line-height: 88rpx;

            text-align: center;

            color: #fff;

         }

      }

   }



   .page-box {

      padding: 24rpx 0;

      .font{
         color: #4a4e60;
         font-size: 32rpx;
         margin-top: 20rpx;
      }

      .title1 {

         font-size: 36rpx;

         font-weight: 700;

         padding: 0 32rpx;

         border-bottom: 2rpx solid #F4F4F4;

         padding-bottom: 24rpx;

      }



      .padding {

         padding: 0 24rpx;

      }



      .margin-top {

         margin-top: 20rpx;

      }



      .down {

         padding: 34rpx 30rpx 30rpx;

         display: flex;

         justify-content: space-between;



         >view {

            display: inline-block;

         }



         .button {

            padding: 20rpx 40rpx;

            background: #F7F7F7;

            border-radius: 20rpx;

         }



         .enter {

            width: 100%;

            background: #1171E0;

            color: white;

            border-radius: 20rpx;

            padding: 20rpx 40rpx;

            text-align: center;

         }

      }

   }



   /deep/ .u-textarea {

      background-color: #F4F4F4;

   }

</style>