From 3c738f4fe2762bba8087e5a22fc0dc06560eab0e Mon Sep 17 00:00:00 2001
From: linwe <872216996@qq.com>
Date: Thu, 08 Aug 2024 10:01:17 +0800
Subject: [PATCH] 三色任务与自查任务
---
subPackage/label/form.vue | 127 ++++++++++++++++++++++++++++++++++++++---
1 files changed, 116 insertions(+), 11 deletions(-)
diff --git a/subPackage/label/form.vue b/subPackage/label/form.vue
index 16743fc..24981c5 100644
--- a/subPackage/label/form.vue
+++ b/subPackage/label/form.vue
@@ -1,15 +1,41 @@
<template>
<view class="">
- <u-form labelPosition="left" :model="info" :rules="rules" ref="form" labelWidth="100"
+ <u-form labelPosition="left" :model="info" :rules="rules" ref="form" labelWidth="120"
:labelStyle="{fontSize:'28rpx'}">
+ <view class="flex j-c-s-b a-i-c bgc-ff" style="padding:24rpx; margin: 20rpx 30rpx;">
+ <!-- <view class="box-title" style="width:50%;">
+ <box-title title="房东信息"></box-title>
+ </view> -->
+ <!-- #ifdef MP-WEIXIN -->
+ <ocr-navigator @onSuccess="recognizeSuccess($event)" certificateType="idCard" :opposite="false">
+ <view class="recognize-btn flex a-i-c">
+ <u-icon name="scan" color="#fff" size="24"></u-icon>
+ <text class="f-26 c-ff" style="margin-left: 10rpx;">身份证信息识别</text>
+ </view>
+ </ocr-navigator>
+ <!-- #endif -->
+ </view>
+
<view class="content">
<u-form-item label="场所名称" prop="districtName" borderBottom required>
<u-input v-model="info.districtName" border="none" placeholder="请输入" placeholderClass="f-28 c-99"
inputAlign="right"></u-input>
</u-form-item>
- <u-form-item label="对象电话" prop="transactionObjectTel" borderBottom required>
- <u-input v-model="info.transactionObjectTel" type="number" border="none" placeholder="请输入"
+ <u-form-item label="物品名称" prop="transactionObject" borderBottom required>
+ <u-input v-model="info.transactionObject" border="none" placeholder="请输入"
+ placeholderClass="f-28 c-99" inputAlign="right"></u-input>
+ </u-form-item>
+ <u-form-item label="请输入交易人姓名" prop="owner" borderBottom required>
+ <u-input v-model="info.owner" border="none" placeholder="请输入" placeholderClass="f-28 c-99"
+ inputAlign="right"></u-input>
+ </u-form-item>
+ <u-form-item label="请输入交易人电话" prop="phoneNumber" borderBottom required>
+ <u-input v-model="info.phoneNumber" type="number" border="none" placeholder="请输入"
+ placeholderClass="f-28 c-99" inputAlign="right"></u-input>
+ </u-form-item>
+ <u-form-item label="身份证号" prop="idCard" borderBottom required>
+ <u-input v-model="info.idCard" type="idcard" border="none" placeholder="请输入"
placeholderClass="f-28 c-99" inputAlign="right"></u-input>
</u-form-item>
<u-form-item label="交易金额" prop="transactionMoney" borderBottom required>
@@ -84,11 +110,18 @@
getLabelReportingDetail,
setLabelReporting
} from "@/api/reporting/reporting";
+ import {
+ getPlaceDetail
+ } from "@/api/place/place"
export default {
mixins: [uploadMixin],
data() {
return {
info: {
+ transactionObject: "",
+ owner: "",
+ phoneNumber: "",
+ idCard: "",
transactionObjectTel: "",
transactionMoney: "",
goodsNums: "",
@@ -100,15 +133,31 @@
reportType: ""
},
rules: {
- 'info.districtName': {
+ districtName: {
required: true,
message: '请输入场所名称',
trigger: ['blur', 'change']
},
- 'info.transactionObjectTel': [{
+ transactionObject: {
+ required: true,
+ message: '请输入物品名称',
+ trigger: ['blur', 'change']
+ },
+ owner: {
+ required: true,
+ message: '请输入交易人姓名',
+ trigger: ['blur', 'change']
+ },
+ goodsNums: [{
+ type: 'number',
+ required: true,
+ message: '请输入物品数量',
+ trigger: ['blur', 'change']
+ }],
+ phoneNumber: [{
type: 'number',
required: true,
- message: '请输入对象电话',
+ message: '请输入交易人手机号',
trigger: ['blur', 'change']
},
{
@@ -119,18 +168,34 @@
trigger: ['change', 'blur']
}
],
- 'info.transactionMoney': {
+ idCard: [{
+ // type: 'string',
+ required: false,
+ message: '请输入身份证号码',
+ trigger: ['change', 'blur']
+ },
+ {
+ validator: (rule, value, callback) => {
+ // const idCardRegex = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
+ return uni.$u.test.idCard(value)
+ // return idCardRegex.test(value)
+ },
+ message: '身份证号码有误',
+ trigger: ['change', 'blur']
+ }
+ ],
+ transactionMoney: {
required: true,
message: '请输入交易金额',
trigger: ['blur', 'change']
},
- 'info.localtion': {
+ localtion: {
type: 'string',
required: true,
message: '请输入交易位置',
trigger: ['blur', 'change']
},
- 'info.transactionProcess': {
+ transactionProcess: {
type: 'string',
required: false,
message: '请输入交易过程',
@@ -146,7 +211,10 @@
}
},
onLoad(option) {
- console.log(option);
+ console.log(option, 99999);
+ const {
+ houseCode
+ } = option;
if (option.id) {
this.isEdit = true;
this.id = option.id;
@@ -170,13 +238,43 @@
let siteInfo = uni.getStorageSync("siteInfo");
let userInfo = uni.getStorageSync("userInfo");
this.$set(this.info, "houseCode", siteInfo.houseCode);
- // this.$set(this.info, "districtName", siteInfo.name);
+ this.$set(this.info, "districtName", siteInfo.name);
this.$set(this.info, "userId", userInfo.user_id);
}
+ if (houseCode) {
+ // 获取地址
+ this.getPlaceDetail(houseCode)
+ }
+ },
+ onReady() {
+ //如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则。
+ this.$refs.form.setRules(this.rules)
},
methods: {
+ //识别成功
+ recognizeSuccess(e, key) {
+ let {
+ detail: {
+ name,
+ id
+ }
+ } = e;
+ this.info.owner = name.text;
+ this.info.idCard = id.text;
+ },
+
+ getPlaceDetail(houseCode) {
+ getPlaceDetail({
+ houseCode: houseCode
+ }).then(res => {
+ if (res.code == 200) {
+ let data = res.data;
+ this.info.localtion = data.location;
+ }
+ })
+ },
getDetail(id) {
getLabelReportingDetail({
taskId: id
@@ -335,6 +433,13 @@
background-color: #F5F5F5;
}
+ .recognize-btn {
+ padding: 12rpx;
+ border-radius: 6rpx;
+ background-color: #3c9cff;
+ margin-left: 30rpx;
+ }
+
.content {
margin: 20rpx 30rpx;
padding: 0 30rpx;
--
Gitblit v1.9.3