|
|
@@ -0,0 +1,303 @@
|
|
|
+<template>
|
|
|
+ <view class="content">
|
|
|
+ <view class="zdyNav">
|
|
|
+ <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
|
|
|
+ <view class="nav">
|
|
|
+ <view @click="back"><image src="../../static/img/baiheiback.png" mode="" class="baiheiback" @click="back"></image></view>
|
|
|
+ <view >提交成功</view>
|
|
|
+ <view style="width:70px;"></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
|
|
|
+ <view style="height: 44px;"></view>
|
|
|
+ <view class="top">
|
|
|
+ <view class="toptop">
|
|
|
+ <image src="../../static/img/icon_select_per@2x.png" mode="" class="toptopIMg"></image>
|
|
|
+ <view class="topTitle">提交成功</view>
|
|
|
+ </view>
|
|
|
+ <view class="topCont">
|
|
|
+ <view class="topContBtn" @click="goHome">回到首页</view>
|
|
|
+ <view class="topContBtn">查看详情</view>
|
|
|
+ <view class="topContBtn dz" @click="clickDz">发给店长</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="competeCont">
|
|
|
+ <view class="competeContTitle">对该门店上次行动完成情况打分</view>
|
|
|
+ <view class="xxBox">
|
|
|
+ <uni-rate :max="5" v-model="xx" @change="onXXChange"/>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view>
|
|
|
+ <textarea placeholder-style="color:#CCCCCC" placeholder="请填写十字以上的评价内容～" v-model="userEvaContent" class="textareaCont"/>
|
|
|
+ </view>
|
|
|
+ <view class="submitBox">
|
|
|
+ <view class="submit" @click="submit">提交</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 弹框 -->
|
|
|
+ <view class="dzTk" v-if="dzShow" @click="dzShow">
|
|
|
+ <view class="dztkBox">
|
|
|
+ <view class="dzTitle">发给店主</view>
|
|
|
+ <image src="../../static/img/gaunbi.png" mode="" class="dzGbImg" @click.stop="dzShow=false"></image>
|
|
|
+ <view class="dzShop">吉安娜汽修</view>
|
|
|
+ <view class="dziphone">联系人：安老师</view>
|
|
|
+ <view class="dzCont">
|
|
|
+ <view class="dzLine" @click.stop="">
|
|
|
+ <image src="../../static/img/icon_duanxin@2x.png" mode="" class="dzlineImg"></image>
|
|
|
+ <view class="dzLineTxt">短信推送</view>
|
|
|
+ </view>
|
|
|
+ <view class="dzLine" @click.stop="dzShow=false">
|
|
|
+ <image src="../../static/img/icon_gongzhong@2x.png" mode="" class="dzlineImg"></image>
|
|
|
+ <view class="dzLineTxt">公众号推送</view>
|
|
|
+ </view>
|
|
|
+ <view class="dzLine" @click.stop="share">
|
|
|
+ <image src="../../static/img/icon_weixin@2x.png" mode="" class="dzlineImg"></image>
|
|
|
+ <view class="dzLineTxt">发送给好友</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+
|
|
|
+ export default {
|
|
|
+
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ sheetID:'',
|
|
|
+ userEvaContent:'',
|
|
|
+ userEvaStar:0,
|
|
|
+ xx:0,
|
|
|
+ dzShow:false,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad(opt) {
|
|
|
+ this.sheetID=opt.id
|
|
|
+ this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ clickDz(){
|
|
|
+ this.dzShow =true
|
|
|
+ },
|
|
|
+ back(){
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'entryReport'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ goHome(){
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'../index/index'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onXXChange(e){
|
|
|
+ console.log(e)
|
|
|
+ this.userEvaStar=e.value
|
|
|
+ },
|
|
|
+ submit(){
|
|
|
+
|
|
|
+ uni.showLoading({ });
|
|
|
+
|
|
|
+ this.$http('accompany/SuperCheckSheet/shopEvaStar', {
|
|
|
+ sheetID:this.sheetID,
|
|
|
+ shopEvaStar:this.userEvaStar,
|
|
|
+ shopEvaContent:this.userEvaContent
|
|
|
+ }, 'POST').then(res => {
|
|
|
+ //this.submitSuperCheckSheet()
|
|
|
+ uni.showToast({
|
|
|
+ title: '提交成功',
|
|
|
+ icon:'none',
|
|
|
+ duration: 2000,
|
|
|
+ });
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'entryReport'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+ .dzTk{
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 11;
|
|
|
+ position: fixed;
|
|
|
+ background: rgba(0, 0, 0, 0.4);
|
|
|
+ }
|
|
|
+ .dztkBox{
|
|
|
+ width: 626rpx;
|
|
|
+ height: 456rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 24rpx;
|
|
|
+ margin-left: 62rpx;
|
|
|
+ margin-top: 20vh;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .dzGbImg{
|
|
|
+ width: 32rpx;
|
|
|
+ height: 32rpx;
|
|
|
+ position: absolute;
|
|
|
+ top: 30rpx;
|
|
|
+ right: 30rpx;
|
|
|
+ }
|
|
|
+ .dzShop{
|
|
|
+ font-size: 30rpx;
|
|
|
+ text-align: center;
|
|
|
+ color: #3C3C3C;
|
|
|
+ padding-top: 28rpx;
|
|
|
+ padding-bottom: 10rpx;
|
|
|
+ }
|
|
|
+ .dziphone{
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #999999;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ background: #F4F5F7;
|
|
|
+ min-height: 100vh;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ /* #ifdef H5 */
|
|
|
+ .content {
|
|
|
+ background: #F4F5F7;
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ /* #endif */
|
|
|
+ .status_bar{
|
|
|
+ background: #FFFFFF;
|
|
|
+ }
|
|
|
+ .nav{
|
|
|
+ width: 100vw;
|
|
|
+ height: 44px;
|
|
|
+ background: #FFFFFF;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ font-size: 34rpx;
|
|
|
+ line-height: 44px;
|
|
|
+ }
|
|
|
+ .baiheiback{
|
|
|
+ width: 70px;
|
|
|
+ height: 44px;
|
|
|
+ }
|
|
|
+ .zdyNav{
|
|
|
+ position: fixed;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ background: #FFFFFF;
|
|
|
+ z-index: 11;
|
|
|
+ }
|
|
|
+ .top{
|
|
|
+ background: #FFFFFF;
|
|
|
+ }
|
|
|
+ .toptop{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ padding-top: 20rpx;
|
|
|
+ }
|
|
|
+ .toptopIMg{
|
|
|
+ width: 44rpx;height: 44rpx;
|
|
|
+ }
|
|
|
+ .topTitle{
|
|
|
+ font-size: 36rpx;
|
|
|
+ padding-left: 10rpx;
|
|
|
+ color: #3C3C3C;
|
|
|
+ }
|
|
|
+ .topCont{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ padding: 40rpx;
|
|
|
+ }
|
|
|
+ .topContBtn{
|
|
|
+ width: 150rpx;
|
|
|
+ height: 56rpx;
|
|
|
+ border-radius: 34rpx;
|
|
|
+ border: 2rpx solid #DDDDDD;
|
|
|
+ line-height: 56rpx;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #3C3C3C;
|
|
|
+ }
|
|
|
+ .competeCont{
|
|
|
+ margin-top: 20rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ padding: 40rpx 24rpx;
|
|
|
+ }
|
|
|
+ .competeContTitle{
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #3C3C3C;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .textareaCont{
|
|
|
+ width: 662rpx;
|
|
|
+ height: 200rpx;
|
|
|
+ background: #F4F5F7;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ padding: 20rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ }
|
|
|
+ .submit{
|
|
|
+ width: 420rpx;
|
|
|
+ height: 74rpx;
|
|
|
+ background: #FF4F00;
|
|
|
+ border-radius: 50rpx;
|
|
|
+ line-height: 74rpx;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ }
|
|
|
+ .submitBox{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ padding-top: 40rpx;
|
|
|
+ }
|
|
|
+ .xxBox{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ padding-top: 20rpx;
|
|
|
+ padding-bottom: 20rpx;
|
|
|
+ }
|
|
|
+ .dz{
|
|
|
+ border: 1px solid #FF4F00;
|
|
|
+ color: #FF4F00;
|
|
|
+ }
|
|
|
+ .dzTitle{
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: #3C3C3C;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 100rpx;
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+ }
|
|
|
+ .dzlineImg{
|
|
|
+ width: 108rpx;
|
|
|
+ height: 108rpx;
|
|
|
+ }
|
|
|
+ .dzCont{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ padding-top: 40rpx;
|
|
|
+ }
|
|
|
+ .dzLine{
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .dzLineTxt{
|
|
|
+ font-size: 26rpx;
|
|
|
+
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+</style>
|
