|
|
@@ -16,41 +16,35 @@
|
|
|
<view>
|
|
|
<view class="flex_item zhil">
|
|
|
<view>商品质量</view>
|
|
|
- <view><uniRate text="1" size="20" margin="10" :value="rateValue1" @change="rateChange1"></uniRate></view>
|
|
|
+ <view class="padding-l-10"><uni-rate text="1" size="20" margin="10" :value="rateValue1" @change="rateChange1"></uni-rate></view>
|
|
|
</view>
|
|
|
<view class="flex_item zhil">
|
|
|
<view>服务态度</view>
|
|
|
- <view><uniRate text="1" size="20" margin="10" :value="rateValue2" @change="rateChange2"></uniRate></view>
|
|
|
+ <view class="padding-l-10"><uni-rate text="1" size="20" margin="10" :value="rateValue2" @change="rateChange2"></uni-rate></view>
|
|
|
</view>
|
|
|
<view class="equity_box">
|
|
|
- <view class="text-box uni-textarea">
|
|
|
- <textarea placeholder-style="color:#999" :placeholder="placeholder" @blur="bindTextAreaBlur"></textarea>
|
|
|
- </view>
|
|
|
- <view class="">
|
|
|
- <view class="add-img-box flex_item">
|
|
|
- <view class="add-img-item" v-for="(item, index) in imgList" :key="index">
|
|
|
- <image class="add-img" @click.stop="imgInfo(index)" :src="item.url" mode="aspectFill"></image>
|
|
|
- <image class="add-img-del" @click.stop="delImg(index)" src="/static/img/delete.png"></image>
|
|
|
- </view>
|
|
|
- <view v-if="imgList.length < 9" class="add-img-item" @click.stop="scImg()">
|
|
|
- <image class="add-img" src="/static/img/add.png"></image>
|
|
|
- </view>
|
|
|
+ <textarea class="text-box" auto-height placeholder-style="color:#999" :placeholder="placeholder" @blur="bindTextAreaBlur"></textarea>
|
|
|
+ <view class="add-img-box flex_item">
|
|
|
+ <view class="add-img-item" v-for="(item, index) in imgList" :key="index">
|
|
|
+ <image class="add-img" @click.stop="imgInfo(index)" :src="item.url" mode="aspectFill"></image>
|
|
|
+ <image class="add-img-del" @click.stop="delImg(index)" src="/static/image/delete.png"></image>
|
|
|
+ </view>
|
|
|
+ <view v-if="imgList.length < 9" class="add-img-item" @click.stop="scImg()">
|
|
|
+ <image class="add-img" src="/static/image/upImg.png"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view @click.stop="submit" class="address-box submit-box"><text class="submit-btn">提交评论</text></view>
|
|
|
+ <view class="base-buttom" @click="submit">
|
|
|
+ 提交评论
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { product, upload, order_comment } from '@/api/order.js';
|
|
|
-import uniRate from '@/components/uni-rate/uni-rate.vue';
|
|
|
export default {
|
|
|
- components: {
|
|
|
- uniRate
|
|
|
- },
|
|
|
data() {
|
|
|
return {
|
|
|
list: '', //订单详情
|
|
|
@@ -118,13 +112,13 @@ export default {
|
|
|
//提交评论
|
|
|
submit(e) {
|
|
|
let obj = this;
|
|
|
- if (obj.imgList.length < 1) {
|
|
|
- uni.showToast({
|
|
|
- title: '请添加图片',
|
|
|
- icon: 'none'
|
|
|
- });
|
|
|
- return;
|
|
|
- }
|
|
|
+ // if (obj.imgList.length < 1) {
|
|
|
+ // uni.showToast({
|
|
|
+ // title: '请添加图片',
|
|
|
+ // icon: 'none'
|
|
|
+ // });
|
|
|
+ // return;
|
|
|
+ // }
|
|
|
for (let i = 0; i < obj.imgList.length; i++) {
|
|
|
obj.cloudimgList.push(obj.imgList[i].url);
|
|
|
}
|
|
|
@@ -138,13 +132,13 @@ export default {
|
|
|
|
|
|
})
|
|
|
.then(e => {
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/order/order?state=4'
|
|
|
+ uni.reLaunch({
|
|
|
+ url: '/pages/home/order'
|
|
|
});
|
|
|
})
|
|
|
.catch(e => {
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/order/order?state=4'
|
|
|
+ uni.reLaunch({
|
|
|
+ url: '/pages/home/order'
|
|
|
});
|
|
|
});
|
|
|
},
|
|
|
@@ -257,114 +251,27 @@ page {
|
|
|
padding: 25rpx 25rpx;
|
|
|
margin: 25rpx 0rpx;
|
|
|
.text-box {
|
|
|
- height: 200rpx;
|
|
|
- textarea {
|
|
|
- font-size: 25rpx;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 5;
|
|
|
- }
|
|
|
+ font-size: 25rpx;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
}
|
|
|
.zhil {
|
|
|
font-size: 28rpx !important;
|
|
|
padding: 15rpx 15rpx;
|
|
|
}
|
|
|
-.submit-box {
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- width: 750rpx;
|
|
|
-}
|
|
|
-.submit-btn {
|
|
|
- margin-top: 10px;
|
|
|
- display: inline-block;
|
|
|
- width: 670rpx;
|
|
|
- height: 96rpx;
|
|
|
- line-height: 96rpx;
|
|
|
- text-align: center;
|
|
|
- background-color: #1BCC26 !important;
|
|
|
- opacity: 1;
|
|
|
- border-radius: 32rpx;
|
|
|
- border-width: 8rpx;
|
|
|
- border-color: rgba(255, 255, 255, 1);
|
|
|
- box-shadow: 0rpx 8rpx 12rpx rgba(0, 0, 0, 0.16);
|
|
|
- border-radius: 56rpx;
|
|
|
- font-size: 39rpx;
|
|
|
- font-weight: bold;
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
-}
|
|
|
-.submit-btn-txt {
|
|
|
- font-size: 39rpx;
|
|
|
- font-weight: bold;
|
|
|
- line-height: 47rpx;
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-.map-box {
|
|
|
- width: 484rpx;
|
|
|
- height: 256rpx;
|
|
|
- border-width: 4rpx;
|
|
|
- border-color: rgba(255, 255, 255, 1);
|
|
|
- box-shadow: 0rpx 0rpx 24rpx rgba(0, 0, 0, 0.16);
|
|
|
- /* border-radius: 12rpx; */
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.map {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
- width: 476rpx;
|
|
|
- height: 250rpx;
|
|
|
-}
|
|
|
-.map-img {
|
|
|
- position: absolute;
|
|
|
- top: 90rpx;
|
|
|
- left: 156rpx;
|
|
|
- width: 230rpx;
|
|
|
- height: 68rpx;
|
|
|
- background-color: rgba(51, 51, 51, 0.64);
|
|
|
- border-width: 1rpx;
|
|
|
- border-color: rgba(0, 0, 0, 0);
|
|
|
- border-radius: 34px;
|
|
|
-
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: bold;
|
|
|
- line-height: 66rpx;
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.address-box {
|
|
|
- padding: 15rpx 40rpx;
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-.label {
|
|
|
- font-size: 36rpx;
|
|
|
- font-weight: bold;
|
|
|
- line-height: 50rpx;
|
|
|
- color: #222222;
|
|
|
-}
|
|
|
-.label-img {
|
|
|
- padding-left: 40rpx;
|
|
|
-}
|
|
|
|
|
|
.add-img-box {
|
|
|
width: 100%;
|
|
|
flex-direction: row;
|
|
|
flex-wrap: wrap;
|
|
|
- margin-top: 50rpx;
|
|
|
+ margin-top: 30rpx;
|
|
|
}
|
|
|
.add-img-item {
|
|
|
- width: 180rpx;
|
|
|
- height: 180rpx;
|
|
|
+ width: 190rpx;
|
|
|
+ height: 190rpx;
|
|
|
border-radius: 24rpx;
|
|
|
position: relative;
|
|
|
- margin: 0rpx 20rpx;
|
|
|
+ margin-right: 20rpx;
|
|
|
margin-bottom: 25rpx;
|
|
|
.add-img {
|
|
|
width: 100%;
|
|
|
@@ -372,9 +279,6 @@ page {
|
|
|
border-radius: 24rpx;
|
|
|
}
|
|
|
}
|
|
|
-.add-img-camera {
|
|
|
- flex: 1;
|
|
|
-}
|
|
|
.add-img-del {
|
|
|
position: absolute;
|
|
|
width: 40rpx;
|
|
|
@@ -384,22 +288,4 @@ page {
|
|
|
//background-color: rgba(238, 0, 0, 1);
|
|
|
border-radius: 20rpx;
|
|
|
}
|
|
|
-.address-time {
|
|
|
- width: 484rpx;
|
|
|
- height: 88rpx;
|
|
|
- background-color: rgba(245, 245, 245, 1);
|
|
|
- opacity: 1;
|
|
|
- border-radius: 24rpx;
|
|
|
- text-align: center;
|
|
|
-
|
|
|
- font-size: 35rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: rgba(51, 51, 51, 1);
|
|
|
-}
|
|
|
-.line {
|
|
|
- width: 750rpx;
|
|
|
- height: 1px;
|
|
|
- transform: scaleY(0.3);
|
|
|
- background-color: rgba(0, 0, 0, 0.5);
|
|
|
-}
|
|
|
</style>
|