From 4c6a91cdcca1d5fe186540eaca9f938373c1d774 Mon Sep 17 00:00:00 2001 From: 346149741 <346149741@qq.com> Date: 星期六, 22 六月 2024 11:16:01 +0800 Subject: [PATCH] 投诉 --- qiye/record/details.vue | 226 +++++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 199 insertions(+), 27 deletions(-) diff --git a/qiye/record/details.vue b/qiye/record/details.vue index 237e7ae..ed12a1a 100644 --- a/qiye/record/details.vue +++ b/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> \ No newline at end of file -- Gitblit v1.9.1