t

api/cust.js

@@ -15,4 +15,10 @@ export default {
 	apicustomerdetail: (params) => { // 客户  详情
 	  return request('api/customer/detail', params, 'loading')
 	},
+	apireportvisitchange: (params) => { // 到访材料添加
+	  return request('api/report/visit/change', params, 'loading')
+	},
+	apireportvisitdetail: (params) => { // 到访材料详情
+	  return request('api/report/visit/detail', params, 'loading')
+	},
 }

pages.json

@@ -42,6 +42,13 @@
 				"enablePullDownRefresh": false
 			}
 		},
+		{
+			"path": "pages/agent/recommend/visitimg",
+			"style": {
+				"navigationBarTitleText": "到访凭证",
+				"enablePullDownRefresh": false
+			}
+		},
 		{
 			"path": "pages/agent/recommend/detail2",
 			"style": {

pages/agent/recommend/detail.vue

@@ -32,7 +32,17 @@
 		</view>
 		<!-- 项目信息 -->
 		<view class="property-info u-skeleton-fillet box-shadow">
-			<view class="name u-skeleton-rect">{{ detail.estate_name }}</view>
+			<view class="name u-skeleton-rect">{{ detail.estate_name }}
+				
+				<u-tag
+					@click="pageTo('/pages/agent/recommend/visitimg?id=' + detail.id)"
+					text="上传/查看到访凭证"
+					:type="'primary'"
+					size="mini"
+					class="u-m-l-20"
+				></u-tag>
+				
+			</view>
 			<u-line margin="10rpx"></u-line>
 			<!-- <view class="saler u-skeleton-rect" v-if="detail.salerInfo !== undefined">
 				当前置业顾问：{{ detail.salerInfo.name }}-{{ detail.salerInfo.job }}（{{ detail.salerInfo.mobile }}）
@@ -179,6 +189,15 @@ export default {
 		// }
 	},
 	methods: {
+		pageTo(path) {
+			if (path === 'dev') {
+				uni.$msg('开发中~')
+				return
+			}
+			uni.navigateTo({
+				url: path
+			})
+		},
 		dial(tel) {
 			uni.makePhoneCall({
 				phoneNumber: tel

pages/agent/recommend/list.vue

@@ -332,8 +332,8 @@ export default {
 				if (list.length < 10) {
 					that.loadmore.status = 'nomore';
 				}
-				if (res.page = 1) {
-					if (list.length == 0) {
+				if (res.current_page === 1) {
+					if (list.length === 0) {
 						uni.$msg('无搜索结果', 'none');
 					}
 					that.customerList = [...list]

pages/agent/recommend/visitimg.vue

@@ -0,0 +1,263 @@
+<template>
+	<view class="page">
+		<view class="form">
+			<u-form :model="form" ref="uForm">
+				<!-- <u-form-item label-width="150" label="姓名" prop="real_name"><u-input placeholder="请输入您的真实姓名" v-model="form.real_name" type="text"></u-input></u-form-item>
+				<u-form-item label-width="150" label="身份证号" prop="id_number">
+					<u-input placeholder="请输入您的身份证号" v-model="form.id_number" type="text"></u-input>
+				</u-form-item> -->
+				<u-form-item label-width="150" label="到访备注信息" prop="visit_des" label-position="top">
+					<u-input placeholder="请输入到访备注信息" v-model="form.visit_des" type="textarea"></u-input>
+				</u-form-item>
+				<u-form-item label-position="top" label-width="150" label="第三方水印" prop="img1">
+					<view class="id_card" @click="uploadFrontImage">
+						<u-icon v-if="form.img1 == null" name="plus" size="32" color="#606266"></u-icon>
+						<text v-if="form.img1 == null">请先上传第三方水印照片</text>
+						<image v-if="form.img1 != null" :src="idCardFront" mode="aspectFill"></image>
+					</view>
+				</u-form-item>
+				<u-form-item label-position="top" label-width="150" label="带看单" prop="img2">
+					<view class="id_card" @click="uploadBackImage">
+						<u-icon v-if="form.img2 == null" name="plus" size="32" color="#606266"></u-icon>
+						<text v-if="form.img2 == null">请先上传带看单照片</text>
+						<image v-if="form.img2 != null" :src="idCardRevers" mode="aspectFill"></image>
+					</view>
+				</u-form-item>
+			</u-form>
+			<u-gap height="60"></u-gap>
+			<u-button type="primary" :disabled="submitButtonDisabled" @click="submitModalShow = true">提交</u-button>
+			<u-gap></u-gap>
+		</view>
+
+		<!-- modal -->
+		<u-modal v-model="submitModalShow" content="请务必仔细确认各项信息是否正确" :show-cancel-button="true" @confirm="submitHandle()"></u-modal>
+		
+		<!-- mask -->
+		<u-mask :show="maskShow" @click="maskShow = false">
+			<view class="warp">
+				<!-- <u-image src="https://zdcdn.2bwin.cn/uploads/20220513/90abe6fe85d6c17f6bdc069955fbb878.png" mode="widthFix" width="400rpx" border-radius="20rpx"></u-image> -->
+				<u-gap></u-gap>
+				<u-button size="medium" type="primary" @click="maskShow = false">确定</u-button>
+			</view>
+		</u-mask>
+		<!-- utoast -->
+		<u-toast ref="uToast" />
+	</view>
+</template>
+<script>
+var that;
+export default {
+	data() {
+		return {
+			maskShow: false,
+			idCardFront: '',
+			idCardRevers: '',
+			form: {
+				visit_des: '',
+				img1: null,
+				img2: null,
+			},
+			curId: '',
+			cObj: {},
+			submitButtonDisabled: false,
+			rules: {
+				visit_des: [
+					{
+						required: true,
+						message: '备注不得为空',
+						trigger: ['change', 'blur']
+					},
+				],
+				img1: [
+					{
+						required: true,
+						message: '第三方水印照片不得为空',
+						trigger: ['change', 'blur']
+					}
+				],
+				img2: [
+					{
+						required: true,
+						message: '带看单照片不得为空',
+						trigger: ['change', 'blur']
+					}
+				],
+			},
+			submitModalShow: false,
+		};
+	},
+	onLoad(params) {
+		this.curId = params.id
+		this.getData()
+	},
+	// 必须要在onReady生命周期，因为onLoad生命周期组件可能尚未创建完毕
+	onReady() {
+		this.$refs.uForm.setRules(this.rules);
+	},
+	methods: {
+		getData () {
+			uni.api.cust.apireportvisitdetail({report_id: this.curId}).then(res => {
+				const cObj = res || {}
+				if (cObj.id) {
+					this.idCardFront = cObj.img1
+					this.idCardRevers = cObj.img2
+					let f = {
+						visit_des: cObj.visit_des,
+						img1: cObj.img1,
+						img2: cObj.img2,
+					}
+					this.form = {...f}
+					this.cObj = {...cObj}
+				}
+			})
+		},
+		uploadImgHandle (bc) {
+			uni.chooseImage({
+				count: 1,
+				sizeType: ['compressed'],
+				success: function(res) {
+					const filePath = res.tempFilePaths[0];
+					let token = uni.getStorageSync('MD_token') || ''
+					uni.uploadFile({
+						url: uni.baseUrl + 'api/upload/cloud',
+						filePath,
+						name: 'upload',
+						formData: {
+							'token': token
+						},
+						success: (f) => {
+							const cData = JSON.parse(f.data)
+							if (cData.errno === 0) {
+								if (bc && typeof(bc) === 'function') bc(cData.data)
+							} else {
+								uin.$msg(cData.errmsg || `未知错误-${cData.errno}`)
+							}
+						}
+					})
+				}
+			})
+		},
+		// 选择、验证、上传正面照片
+		uploadFrontImage() {
+			this.uploadImgHandle((d) => {
+				this.form.img1 = d.url
+				this.idCardFront = d.url
+			})
+		},
+		// 选择、上传身份证背面
+		uploadBackImage() {
+			this.uploadImgHandle((d) => {
+				this.form.img2 = d.url
+				this.idCardRevers = d.url
+			})
+		},
+		submitHandle() {
+			const that = this
+			this.$refs.uForm.validate(valid => {
+				if (valid) {
+					let params = {
+						...that.form
+					}
+					params.report_id = that.curId
+					uni.api.cust.apireportvisitchange(params).then(res => {
+						uni.$msgConfirm('编辑成功', () => {
+							uni.reLaunch({
+								url: `/pages/agent/recommend/detail?id=${that.curId}`
+							})
+						}, () => {
+							uni.reLaunch({
+								url: `/pages/agent/recommend/detail?id=${that.curId}`
+							})
+						})
+					})
+				}
+			});
+		},
+
+
+		// 以下是工具函数
+		// 格式化日期的月份或天数的显示（小于10，在前面增加0）
+		getFormatDate(value) {
+			if (value == undefined || value == '') {
+				return '';
+			}
+			var str = value;
+			if (parseInt(value) < 10) {
+				str = '0' + value;
+			}
+			return str;
+		}
+	}
+};
+</script>
+<style lang="scss">
+.page {
+	background-color: #ffffff;
+}
+
+.form {
+	border-radius: 10rpx;
+	padding: 0 40rpx;
+}
+
+.popup-body {
+	.tips-title {
+		font-size: $u-p;
+		margin-bottom: 20rpx;
+	}
+
+	.tips-content {
+		font-size: $u-p2;
+		color: $u-tips-color;
+		margin-bottom: 60rpx;
+	}
+}
+
+.id_card {
+	color: #606266;
+	width: 100%;
+	height: 350rpx;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	background-color: #f4f5f6;
+	font-size: $u-p2;
+	border-radius: 10rpx;
+
+	image {
+		border-radius: 10rpx;
+	}
+}
+
+.footer {
+	position: relative;
+	text-align: center;
+	font-size: $u-p2;
+	left: 0;
+	bottom: 20rpx;
+	.agreement {
+		color: $u-theme-color;
+	}
+}
+
+.slot-content {
+	font-size: 28rpx;
+	color: $u-content-color;
+	padding: 20rpx;
+}
+
+.warp {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+}
+
+.rect {
+	width: 400rpx;
+	height: 400rpx;
+	background-color: #fff;
+}
+</style>

unpackage/dist/build/mp-weixin/app.json

@@ -6,6 +6,7 @@
     "pages/agent/recommend/create",
     "pages/agent/recommend/list",
     "pages/agent/recommend/detail",
+    "pages/agent/recommend/visitimg",
     "pages/agent/recommend/detail2",
     "pages/cust/create",
     "pages/cust/list",

unpackage/dist/build/mp-weixin/pages/agent/recommend/visitimg.json

@@ -0,0 +1,15 @@
+{
+  "navigationBarTitleText": "到访凭证",
+  "enablePullDownRefresh": false,
+  "usingComponents": {
+    "u-form": "/uni_modules/vk-uview-ui/components/u-form/u-form",
+    "u-form-item": "/uni_modules/vk-uview-ui/components/u-form-item/u-form-item",
+    "u-input": "/uni_modules/vk-uview-ui/components/u-input/u-input",
+    "u-icon": "/uni_modules/vk-uview-ui/components/u-icon/u-icon",
+    "u-gap": "/uni_modules/vk-uview-ui/components/u-gap/u-gap",
+    "u-button": "/uni_modules/vk-uview-ui/components/u-button/u-button",
+    "u-modal": "/uni_modules/vk-uview-ui/components/u-modal/u-modal",
+    "u-mask": "/uni_modules/vk-uview-ui/components/u-mask/u-mask",
+    "u-toast": "/uni_modules/vk-uview-ui/components/u-toast/u-toast"
+  }
+}

unpackage/dist/build/mp-weixin/pages/agent/recommend/visitimg.wxss

@@ -0,0 +1 @@
+.page{background-color:#f3f4f6;padding:20rpx}.empty-wrap{margin-top:200rpx;width:100%;display:flex;justify-content:center;align-items:center}.content-page{min-height:100vh;background-color:#fff}.footer{display:flex;align-items:center;color:#909399;width:100%;padding:20rpx 0;justify-content:center}.box-shadow{box-shadow:0rpx 2rpx 4rpx 0 rgba(0,0,0,.2)}.flex-empty{visibility:hidden;width:120rpx;height:0rpx}.bwin-btn-100{width:100%}.bwin-popup{display:flex;flex-direction:column;width:100%;position:relative;min-height:100%;overflow:hidden}.bwin-popup .popup-header{z-index:2;width:80%;position:fixed;padding:20rpx 0;text-align:center;font-size:32rpx;color:#fff;font-weight:700;background-color:#2080f0;border-top-left-radius:20rpx;border-top-right-radius:20rpx}.bwin-popup .popup-body{z-index:1;position:relative;top:90rpx;margin-bottom:90rpx;padding:20rpx;font-size:32rpx;overflow-y:scroll}.bwin-popup .popup-footer{position:relative;left:0;bottom:20rpx;width:100%;display:flex;justify-content:space-around}.page{background-color:#fff}.form{border-radius:10rpx;padding:0 40rpx}.popup-body .tips-title{font-size:32rpx;margin-bottom:20rpx}.popup-body .tips-content{font-size:24rpx;color:#909399;margin-bottom:60rpx}.id_card{color:#606266;width:100%;height:350rpx;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f4f5f6;font-size:24rpx;border-radius:10rpx}.id_card image{border-radius:10rpx}.footer{position:relative;text-align:center;font-size:24rpx;left:0;bottom:20rpx}.footer .agreement{color:#2080f0}.slot-content{font-size:28rpx;color:#606266;padding:20rpx}.warp{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.rect{width:400rpx;height:400rpx;background-color:#fff}

unpackage/dist/dev/mp-weixin/app.json

@@ -6,6 +6,7 @@
     "pages/agent/recommend/create",
     "pages/agent/recommend/list",
     "pages/agent/recommend/detail",
+    "pages/agent/recommend/visitimg",
     "pages/agent/recommend/detail2",
     "pages/cust/create",
     "pages/cust/list",

unpackage/dist/dev/mp-weixin/common/vendor.js

@@ -14570,6 +14570,12 @@ Object.defineProperty(exports, "__esModule", { value: true });exports.default =
   },
   apicustomerdetail: function apicustomerdetail(params) {// 客户  详情
     return (0, _http.request)('api/customer/detail', params, 'loading');
+  },
+  apireportvisitchange: function apireportvisitchange(params) {// 到访材料添加
+    return (0, _http.request)('api/report/visit/change', params, 'loading');
+  },
+  apireportvisitdetail: function apireportvisitdetail(params) {// 到访材料详情
+    return (0, _http.request)('api/report/visit/detail', params, 'loading');
   } };exports.default = _default;
 
 /***/ }),

unpackage/dist/dev/mp-weixin/pages/agent/recommend/detail.js

@@ -282,6 +282,16 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 var that;
 var QRCode = __webpack_require__(/*! ../../../utils/qrcode.js */ 94).default;var _default =
@@ -376,6 +386,15 @@ var QRCode = __webpack_require__(/*! ../../../utils/qrcode.js */ 94).default;var
     // }
   },
   methods: {
+    pageTo: function pageTo(path) {
+      if (path === 'dev') {
+        uni.$msg('开发中~');
+        return;
+      }
+      uni.navigateTo({
+        url: path });
+
+    },
     dial: function dial(tel) {
       uni.makePhoneCall({
         phoneNumber: tel });

unpackage/dist/dev/mp-weixin/pages/agent/recommend/list.js

@@ -544,8 +544,8 @@ var that;var _default =
         if (list.length < 10) {
           that.loadmore.status = 'nomore';
         }
-        if (res.page = 1) {
-          if (list.length == 0) {
+        if (res.current_page === 1) {
+          if (list.length === 0) {
             uni.$msg('无搜索结果', 'none');
           }
           that.customerList = _toConsumableArray(list);

unpackage/dist/dev/mp-weixin/pages/agent/recommend/visitimg.json

@@ -0,0 +1,15 @@
+{
+  "navigationBarTitleText": "到访凭证",
+  "enablePullDownRefresh": false,
+  "usingComponents": {
+    "u-form": "/uni_modules/vk-uview-ui/components/u-form/u-form",
+    "u-form-item": "/uni_modules/vk-uview-ui/components/u-form-item/u-form-item",
+    "u-input": "/uni_modules/vk-uview-ui/components/u-input/u-input",
+    "u-icon": "/uni_modules/vk-uview-ui/components/u-icon/u-icon",
+    "u-gap": "/uni_modules/vk-uview-ui/components/u-gap/u-gap",
+    "u-button": "/uni_modules/vk-uview-ui/components/u-button/u-button",
+    "u-modal": "/uni_modules/vk-uview-ui/components/u-modal/u-modal",
+    "u-mask": "/uni_modules/vk-uview-ui/components/u-mask/u-mask",
+    "u-toast": "/uni_modules/vk-uview-ui/components/u-toast/u-toast"
+  }
+}

unpackage/dist/dev/mp-weixin/pages/agent/recommend/visitimg.wxss

@@ -0,0 +1,133 @@
+@charset "UTF-8";
+/* 这里是你自己写的全局css样式 */
+.page {
+  background-color: #f3f4f6;
+  padding: 20rpx;
+}
+.empty-wrap {
+  margin-top: 200rpx;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.content-page {
+  min-height: 100vh;
+  background-color: #fff;
+}
+.footer {
+  display: flex;
+  align-items: center;
+  color: #909399;
+  width: 100%;
+  padding: 20rpx 0;
+  justify-content: center;
+}
+.box-shadow {
+  box-shadow: 0rpx 2rpx 4rpx 0 rgba(0, 0, 0, 0.2);
+}
+.flex-empty {
+  visibility: hidden;
+  width: 120rpx;
+  height: 0rpx;
+}
+.bwin-btn-100 {
+  width: 100%;
+}
+.bwin-popup {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  position: relative;
+  min-height: 100%;
+  overflow: hidden;
+}
+.bwin-popup .popup-header {
+  z-index: 2;
+  width: 80%;
+  position: fixed;
+  padding: 20rpx 0;
+  text-align: center;
+  font-size: 32rpx;
+  color: #fff;
+  font-weight: bold;
+  background-color: #2080f0;
+  border-top-left-radius: 20rpx;
+  border-top-right-radius: 20rpx;
+}
+.bwin-popup .popup-body {
+  z-index: 1;
+  position: relative;
+  top: 90rpx;
+  margin-bottom: 90rpx;
+  padding: 20rpx;
+  font-size: 32rpx;
+  overflow-y: scroll;
+}
+.bwin-popup .popup-footer {
+  position: relative;
+  left: 0;
+  bottom: 20rpx;
+  width: 100%;
+  display: flex;
+  justify-content: space-around;
+}
+.page {
+  background-color: #ffffff;
+}
+.form {
+  border-radius: 10rpx;
+  padding: 0 40rpx;
+}
+.popup-body .tips-title {
+  font-size: 32rpx;
+  margin-bottom: 20rpx;
+}
+.popup-body .tips-content {
+  font-size: 24rpx;
+  color: #909399;
+  margin-bottom: 60rpx;
+}
+.id_card {
+  color: #606266;
+  width: 100%;
+  height: 350rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: #f4f5f6;
+  font-size: 24rpx;
+  border-radius: 10rpx;
+}
+.id_card image {
+  border-radius: 10rpx;
+}
+.footer {
+  position: relative;
+  text-align: center;
+  font-size: 24rpx;
+  left: 0;
+  bottom: 20rpx;
+}
+.footer .agreement {
+  color: #2080f0;
+}
+.slot-content {
+  font-size: 28rpx;
+  color: #606266;
+  padding: 20rpx;
+}
+.warp {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+.rect {
+  width: 400rpx;
+  height: 400rpx;
+  background-color: #fff;
+}
+

unpackage/dist/dev/mp-weixin/project.private.config.json

@@ -13,6 +13,13 @@
           "query": "",
           "launchMode": "default",
           "scene": null
+        },
+        {
+          "name": "",
+          "pathName": "pages/agent/recommend/visitimg",
+          "query": "id=19",
+          "launchMode": "default",
+          "scene": null
         }
       ]
     }