|
@@ -7,17 +7,33 @@
|
|
<view class="backBox">
|
|
<view class="backBox">
|
|
<image src="../../static/img/icon_return_white@2x.png" mode="" class="baiheiback" @click="back"></image>
|
|
<image src="../../static/img/icon_return_white@2x.png" mode="" class="baiheiback" @click="back"></image>
|
|
<view class="shuxian"></view>
|
|
<view class="shuxian"></view>
|
|
- <image src="../../static/img/icon_home_white@2x.png" mode="" class="homeImg"></image>
|
|
|
|
|
|
+ <image src="../../static/img/icon_home_white@2x.png" mode="" class="homeImg" @click="goHome" ></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view >报告详情</view>
|
|
<view >报告详情</view>
|
|
<view style="width:157rpx;"></view>
|
|
<view style="width:157rpx;"></view>
|
|
</view>
|
|
</view>
|
|
- <view class="topCont">
|
|
|
|
|
|
+ <view class="topCont" v-if="info.state==1">
|
|
<image src="../../static/img/report_icon_daitijiao@2x.png" mode="" class="topContImg"></image>
|
|
<image src="../../static/img/report_icon_daitijiao@2x.png" mode="" class="topContImg"></image>
|
|
<view class="topContTxt">待提交</view>
|
|
<view class="topContTxt">待提交</view>
|
|
</view>
|
|
</view>
|
|
|
|
+ <view class="topCont" v-if="info.state==2">
|
|
|
|
+ <image src="../../static/img/report_icon_daizuoye@2x.png" mode="" class="topContImg2"></image>
|
|
|
|
+ <view class="topContTxt">待作业</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="topCont" v-if="info.state==3">
|
|
|
|
+ <image src="../../static/img/report_icon_dianping@2x.png" mode="" class="topContImg3"></image>
|
|
|
|
+ <view class="topContTxt">待点评</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="topCont" v-if="info.state==4">
|
|
|
|
+ <image src="../../static/img/report_icon_daihuifu@2x.png" mode="" class="topContImg4"></image>
|
|
|
|
+ <view class="topContTxt">待回复</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="topCont" v-if="info.state==5">
|
|
|
|
+ <image src="../../static/img/report_icon_yiwancheng@2x.png" mode="" class="topContImg5"></image>
|
|
|
|
+ <view class="topContTxt">已完成</view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
|
|
<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
|
|
@@ -36,8 +52,8 @@
|
|
<view class="shopTop">
|
|
<view class="shopTop">
|
|
<view class="shopName">{{info.shopInfo.shopName}}</view>
|
|
<view class="shopName">{{info.shopInfo.shopName}}</view>
|
|
<view class="shopTopImgBox">
|
|
<view class="shopTopImgBox">
|
|
- <image src="../../static/img/icon_daohang_def@2x.png" mode="" class="shopTopimg"></image>
|
|
|
|
- <image src="../../static/img/icon_phone_def@2x.png" mode="" class="shopTopimg"></image>
|
|
|
|
|
|
+ <image src="../../static/img/icon_daohang_def@2x.png" mode="" class="shopTopimg" @click="goaddress"></image>
|
|
|
|
+ <image src="../../static/img/icon_phone_def@2x.png" mode="" class="shopTopimg" @click="call"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="shopCont">
|
|
<view class="shopCont">
|
|
@@ -45,16 +61,19 @@
|
|
<view class="openingTime" v-if="info.shopInfo.openingTime">·{{info.shopInfo.openingTime}}</view>
|
|
<view class="openingTime" v-if="info.shopInfo.openingTime">·{{info.shopInfo.openingTime}}</view>
|
|
<view class="openingTime">联系人:{{info.shopInfo.contactor}} {{info.shopInfo.contactorPhone}}</view>
|
|
<view class="openingTime">联系人:{{info.shopInfo.contactor}} {{info.shopInfo.contactorPhone}}</view>
|
|
</view>
|
|
</view>
|
|
- <view class="address" v-if="info.shopInfo.address">{{info.shopInfo.address}}</view>
|
|
|
|
|
|
+ <view class="address" v-if="info.shopInfo.address">
|
|
|
|
+ <view style="padding-right: 30rpx;">{{info.shopInfo.address}}</view>
|
|
|
|
+ <view v-if="info.shopInfo.distance">{{info.shopInfo.distance}}km</view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<!-- tab -->
|
|
<!-- tab -->
|
|
<view class="tabBox">
|
|
<view class="tabBox">
|
|
- <view class="tabLine" :class="{tabActive:tabIndex==1}">检测情况</view>
|
|
|
|
- <view class="tabLine" :class="{tabActive:tabIndex==2}">行动建议</view>
|
|
|
|
|
|
+ <view class="tabLine" :class="{tabActive:tabIndex==1}" @click="tabClick(1)">检测情况</view>
|
|
|
|
+ <view class="tabLine" :class="{tabActive:tabIndex==2}" @click="tabClick(2)">行动建议</view>
|
|
</view>
|
|
</view>
|
|
<!-- 检测情况 -->
|
|
<!-- 检测情况 -->
|
|
- <view class="categoryList">
|
|
|
|
|
|
+ <view class="categoryList" v-if="tabIndex==1">
|
|
<view class="categoryListLine" v-for="(item,index) in info.categoryList">
|
|
<view class="categoryListLine" v-for="(item,index) in info.categoryList">
|
|
<view class="categoryName">{{item.categoryName}}</view>
|
|
<view class="categoryName">{{item.categoryName}}</view>
|
|
<view class="sectionList" v-for="(list,index2) in item.sectionList">
|
|
<view class="sectionList" v-for="(list,index2) in item.sectionList">
|
|
@@ -84,33 +103,89 @@
|
|
</view>
|
|
</view>
|
|
|
|
|
|
</view>
|
|
</view>
|
|
|
|
+ <!-- 行动建议 -->
|
|
|
|
+ <view class="suggestList" v-if="tabIndex==2">
|
|
|
|
+ <view class="suggestLine" v-for="(item,index) in info.suggestList">
|
|
|
|
+ <view class="suggestLineTop">建议({{index+1}})</view>
|
|
|
|
+ <view class="suggestCont">{{item.suggest}}</view>
|
|
|
|
+ <view class="suggestLineBottom">
|
|
|
|
+ <view class="suggestLineBottomTxt">预计完成日期:{{item.orderFinishTime.slice(0,item.orderFinishTime.length-8)}}</view>
|
|
|
|
+ <view class="suggestLineBottomTxt">{{item.managerName}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <image src="../../static/img/report_weixiugai@2x.png" mode="" class="exeStateImg" v-if="item.exeState==0"></image>
|
|
|
|
+ <image src="../../static/img/_report_yixiugai@2x.png" mode="" class="exeStateImg" v-if="item.exeState==1"></image>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <nodata v-if="info.suggestList.length==0"></nodata>
|
|
|
|
+ </view>
|
|
|
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view style="height: 150rpx;"></view>
|
|
<view style="height: 150rpx;"></view>
|
|
- <view class="bottom">
|
|
|
|
|
|
+ <view class="bottom" v-if="info.state==1&&loginType==1">
|
|
<view class="delBtn">删除</view>
|
|
<view class="delBtn">删除</view>
|
|
<view class="editBtn">编辑</view>
|
|
<view class="editBtn">编辑</view>
|
|
<view class="Submit">提交</view>
|
|
<view class="Submit">提交</view>
|
|
</view>
|
|
</view>
|
|
|
|
+ <view class="bottom" v-if="info.state==2&&loginType==1">
|
|
|
|
+ <view class="shoreDz">发送给店长</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="bottom" v-if="info.state==3&&loginType==1">
|
|
|
|
+ <view class="shoreDz">点评</view>
|
|
|
|
+ </view>
|
|
|
|
+ <!-- 店主-->
|
|
|
|
+ <view class="bottom" v-if="info.state==2&&loginType==2">
|
|
|
|
+ <view class="shoreDz" @click="editWork">修改作业</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="bottom" v-if="info.state==4&&loginType==2">
|
|
|
|
+ <view class="shoreDz">回复</view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
+ import nodata from '@/components/nodata/nodata.vue'
|
|
export default {
|
|
export default {
|
|
|
|
+ components: {
|
|
|
|
+ nodata
|
|
|
|
+ },
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
iStatusBarHeight:'',
|
|
iStatusBarHeight:'',
|
|
id:'',
|
|
id:'',
|
|
info:'',
|
|
info:'',
|
|
- tabIndex:1,
|
|
|
|
|
|
+ tabIndex:2,
|
|
|
|
+ lat:'',
|
|
|
|
+ lng:'',
|
|
|
|
+ loginType:'',
|
|
|
|
+ type:1,
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onLoad(opt) {
|
|
onLoad(opt) {
|
|
- //页面加载初始化生命周期函数
|
|
|
|
|
|
+
|
|
|
|
+ var that=this;
|
|
|
|
+ this.loginType=uni.getStorageSync("logInData").type;
|
|
|
|
+ console.log('this.loginType=='+this.loginType)
|
|
this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
|
|
this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
|
|
this.id=opt.id;
|
|
this.id=opt.id;
|
|
- this.getSuperCheckSheetInfo()
|
|
|
|
|
|
+ //this.getSuperCheckSheetInfo();
|
|
|
|
+ uni.getLocation({
|
|
|
|
+ success(res) {
|
|
|
|
+ that.lng = res.longitude
|
|
|
|
+ that.lat = res.latitude
|
|
|
|
+ that.getSuperCheckSheetInfo()
|
|
|
|
+ },
|
|
|
|
+ fail() {
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ //#ifdef H5
|
|
|
|
+
|
|
|
|
+ that.lng='117.06533'
|
|
|
|
+ that.lat='36.68013'
|
|
|
|
+ that.getSuperCheckSheetInfo()
|
|
|
|
+ // #endif
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
back(){
|
|
back(){
|
|
@@ -118,6 +193,43 @@
|
|
delta:1
|
|
delta:1
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ goaddress(){
|
|
|
|
+ var that=this;
|
|
|
|
+ if(that.info.shopInfo.lat==''||that.info.shopInfo.lng==''){
|
|
|
|
+ uni.showToast({
|
|
|
|
+ title: '该门店未设置定位',
|
|
|
|
+ icon:'none',
|
|
|
|
+ duration: 2000,
|
|
|
|
+ });
|
|
|
|
+ return false;
|
|
|
|
+ }
|
|
|
|
+ uni.openLocation({
|
|
|
|
+ latitude:Number(that.info.shopInfo.lat),
|
|
|
|
+ longitude:Number(that.info.shopInfo.lng),
|
|
|
|
+ name:that.info.shopInfo.shopName,
|
|
|
|
+ address:that.info.shopInfo.address,
|
|
|
|
+ success: function () {
|
|
|
|
+ console.log('success');
|
|
|
|
+ },
|
|
|
|
+ fail(err) {
|
|
|
|
+ console.log(err)
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ call(){
|
|
|
|
+ var that=this;
|
|
|
|
+ uni.makePhoneCall({
|
|
|
|
+ phoneNumber: that.info.shopInfo.contactorPhone
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ goHome(){
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url:'../index/index'
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ tabClick(num){
|
|
|
|
+ this.tabIndex=num
|
|
|
|
+ },
|
|
getSuperCheckSheetInfo(){
|
|
getSuperCheckSheetInfo(){
|
|
uni.showLoading({
|
|
uni.showLoading({
|
|
title: '加载中'
|
|
title: '加载中'
|
|
@@ -125,10 +237,17 @@
|
|
let url = 'accompany/SuperCheckSheet/querySuperCheckSheetInfo',
|
|
let url = 'accompany/SuperCheckSheet/querySuperCheckSheetInfo',
|
|
params = {
|
|
params = {
|
|
sheetID: this.id,
|
|
sheetID: this.id,
|
|
|
|
+ lat:this.lat,
|
|
|
|
+ lng:this.lng
|
|
}
|
|
}
|
|
this.$http(url, params, 'GET').then(res => {
|
|
this.$http(url, params, 'GET').then(res => {
|
|
this.info = res.data
|
|
this.info = res.data
|
|
})
|
|
})
|
|
|
|
+ },
|
|
|
|
+ editWork(){
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url:'../shop/shopIndex/editWork?sheetID='+this.id
|
|
|
|
+ })
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
@@ -192,6 +311,24 @@
|
|
width: 38rpx;
|
|
width: 38rpx;
|
|
height: 46rpx;
|
|
height: 46rpx;
|
|
}
|
|
}
|
|
|
|
+ .topContImg2{
|
|
|
|
+ width: 42rpx;
|
|
|
|
+ height: 44rpx;
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ .topContImg3{
|
|
|
|
+ width: 38rpx;
|
|
|
|
+ height: 44rpx;
|
|
|
|
+ }
|
|
|
|
+ .topContImg4{
|
|
|
|
+ width: 44rpx;
|
|
|
|
+ height: 38rpx;
|
|
|
|
+ margin-top: 4rpx;
|
|
|
|
+ }
|
|
|
|
+ .topContImg5{
|
|
|
|
+ width: 44rpx;
|
|
|
|
+ height: 46rpx;
|
|
|
|
+ }
|
|
.topContTxt{
|
|
.topContTxt{
|
|
font-size: 36rpx;
|
|
font-size: 36rpx;
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
@@ -384,4 +521,54 @@
|
|
display: flex;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
}
|
|
|
|
+ .suggestLine{
|
|
|
|
+ background: #FFFFFF;
|
|
|
|
+ border-radius: 10rpx;
|
|
|
|
+ margin-top: 20rpx;
|
|
|
|
+ position: relative;
|
|
|
|
+ }
|
|
|
|
+ .suggestLineTop{
|
|
|
|
+ height: 76rpx;
|
|
|
|
+ background: linear-gradient(270deg, rgba(255, 255, 255, 0.1) 0%, #FFE2D5 100%);
|
|
|
|
+ line-height: 76rpx;
|
|
|
|
+ color: #3C3C3C;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ padding-left: 20rpx;
|
|
|
|
+ }
|
|
|
|
+ .suggestCont{
|
|
|
|
+ color: #3C3C3C;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ line-height: 40rpx;
|
|
|
|
+ padding: 30rpx 20rpx;
|
|
|
|
+ }
|
|
|
|
+ .suggestLineBottom{
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ color: #999999;
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
+ padding: 0 20rpx 30rpx 20rpx;
|
|
|
|
+ }
|
|
|
|
+ .address{
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ }
|
|
|
|
+ .exeStateImg{
|
|
|
|
+ width: 116rpx;
|
|
|
|
+ height: 96rpx;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0;
|
|
|
|
+ right: 0;
|
|
|
|
+ z-index: 11;
|
|
|
|
+ }
|
|
|
|
+ .shoreDz{
|
|
|
|
+ width: 702rpx;
|
|
|
|
+ height: 74rpx;
|
|
|
|
+ background: linear-gradient(124deg, #FF8700 0%, #FF4F00 100%);
|
|
|
|
+ border-radius: 37rpx;
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height: 74rpx;
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
+ margin-top: 24rpx;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|