<template> <dm-pop-view ref='popView' :isShowTitle="false" :isShowClose="false" :isShowConfirm="false" :maskTapHide='maskTapHide'> <view class="content" v-if="info"> <view class="content-des">是否确定判定客户{{mobile}}归属为:{{info.isZrSf?'案场自然获客':info.reporterOrganizeName+info.reporterName+"-"+info.reporterHiddenMobile}}</view> <view class="time_content" v-if="!info.isZrSf && info.reportTimeDate">{{info.isRecommendRelation?"推荐时间":"报备时间"}}{{info.reportTimeDate|dateFormatFilter}}</view> <view class="content_desc">(确定后其他所有报备关系自动失效,客户归类为{{info.isZrSf?'案场自然获客':(info.isRecommendRelation?'当前推荐获客':'当前渠道获客')}})</view> <view class="goBtn" :style="`background-color: ${themeColor};`" @click="confirmAction">{{confirmStr}}</view> <view class="knowBtn" @click="knowAction">{{cancelStr}}</view> </view> </dm-pop-view> </template> <script> import dmPopView from './dmPopView.vue' let app = getApp(); import { dateFormat, mobileFormat } from "../../static/format.js" export default { props: { maskTapHide: { type: Boolean, default: true }, confirmStr: { type: String, default: '确认' }, cancelStr: { type: String, default: '取消' }, info:Object, mobile:String }, data() { return { themeColor: null, fuzhuColor: null, themeColor50: null, themeColor25: null, fuzhuColor50: null, } }, mounted() { this.themeColor = app.globalData.themeColor this.themeColor50 = app.globalData.themeColor50 this.themeColor25 = app.globalData.themeColor25 this.fuzhuColor = app.globalData.fuzhuColor this.fuzhuColor50 = app.globalData.fuzhuColor50 }, filters:{ dateFormatFilter(val){ return dateFormat(val) } }, methods: { show() { this.$refs.popView.show() }, knowAction(){ this.$refs.popView.hide() }, confirmAction() { this.$refs.popView.hide() this.$emit('confirmAction') } }, components: { dmPopView } } </script> <style scoped lang="scss"> .content { width: 100%; height: 600rpx; font-family: Verdana; .content-des { color: #333333; font-size: 32rpx; font-weight: bold; margin-top: 60rpx; text-align: center; margin-left: 20rpx; margin-right: 20rpx; } .time_content{ font-size: 24rpx; font-family: Verdana, Verdana-Regular; font-weight: 400; text-align: left; color: #999999; margin-left: 20rpx; margin-top: 20rpx; } .content_desc{ font-size: 32rpx; font-family: Verdana, Verdana-Regular; font-weight: 400; text-align: left; color: red; margin-left: 20rpx; margin-right: 20rpx; margin-top: 30rpx; } .goBtn { width: 260rpx; height: 84rpx; border-radius: 42rpx; margin-left: calc((100% - 260rpx) / 2); margin-top: 50rpx; font-size: 32rpx; color: #FFFFFF; line-height: 84rpx; text-align: center; } .knowBtn { width: 260rpx; height: 84rpx; border-radius: 42rpx; margin-left: calc((100% - 260rpx) / 2); margin-top: 20rpx; color: #666666; font-size: 32rpx; line-height: 84rpx; text-align: center; } } </style>