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