投诉

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>