消毒单申请

app/apis/api.js

@@ -117,5 +117,8 @@ export default {
 	},
 	addDeclare(data){
 		return ajax.postJson('/api/addDeclare',data)
-	}
+	},
+	addDisinfect(data){
+		return ajax.postJson('/api/addDisinfect',data)
+	},
 }

app/pages.json

@@ -171,6 +171,20 @@
 		
 		},
 		{
+			"path": "pages/disinfect/addDisinfect",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		
+		},
+		{
+			"path": "pages/disinfect/addDisinfectSuccess",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		
+		},
+		{
 			"path": "pages/business-entering/item-select",
 			"style": {
 				"navigationBarTitleText": "选择项目",

app/pages/disinfect/addDisinfect.vue

@@ -0,0 +1,290 @@
+<template>
+	<view>
+		<view class="box">
+			<view class="top">
+				<text class="title">申报单录入</text>
+			</view>
+			<view class="item">
+				<view class="l"><text style="color: red;">*</text>申报人：</view>
+				<view class="r">
+					<u-input placeholder="申报人" @input="handler()" v-model="form.declarePeople">
+					</u-input>
+				</view>
+			</view>
+			<view class="item">
+				<view class="l"><text style="color: red;">*</text>申报电话：</view>
+				<view class="r">
+					<u-input placeholder="申报电话" @input="handler()" v-model="form.declarePhone">
+					</u-input>
+				</view>
+			</view>
+			<view class="item">
+				<view class="l">申报单位：</view>
+				<view class="r">
+					<u-input placeholder="申报单位" @input="handler()" v-model="form.applyUnit">
+					</u-input>
+				</view>
+			</view>
+
+			<view class="item">
+				<view class="l"><text style="color: red;">*</text>品名：</view>
+				<view class="r">
+					<u-input placeholder="输入品名" @input="handler()" v-model="form.goodsName">
+					</u-input>
+				</view>
+			</view>
+			<view class="item">
+				<view class="l"><text style="color: red;">*</text>重量：</view>
+				<view class="r">
+					<u-input type="number" placeholder="输入毛重" @input="handler()" v-model="form.grossWeight">
+						<text slot="suffix">吨</text>
+					</u-input>
+				</view>
+			</view>
+			<view class="item">
+				<view class="l">数量：</view>
+				<view class="r">
+					<u-input type="number" placeholder="输入数量" @input="handler()" v-model="form.num">
+					</u-input>
+				</view>
+			</view>
+			<view class="item">
+				<view class="l">产地：</view>
+				<view class="r">
+					<u-input placeholder="输入产地" @input="handler()" v-model="form.origin">
+					</u-input>
+				</view>
+			</view>
+			<view class="item">
+				<view class="l">发货人名称：</view>
+				<view class="r">
+					<u-input placeholder="发货人名称" @input="handler()" v-model="form.sendPeople">
+					</u-input>
+				</view>
+			</view>
+			<view class="item">
+				<view class="l">收货人名称：</view>
+				<view class="r">
+					<u-input placeholder="收货人名称" @input="handler()" v-model="form.receivePeople">
+					</u-input>
+				</view>
+			</view>
+			<view class="item">
+				<view class="l">规格：</view>
+				<view class="r">
+					<u-input type="number" placeholder="输入规格" @input="handler()" v-model="form.unit">
+						<text slot="suffix">米</text>
+					</u-input>
+				</view>
+			</view>
+			<view class="item">
+				<view class="l">包装：</view>
+				<view class="r">
+					<view class="r">
+						<u-input placeholder="输入包装" @input="handler()" v-model="form.pack" />
+					</view>
+				</view>
+			</view>
+			<view class="item">
+				<view class="l">标记：</view>
+				<view class="r">
+					<u-input placeholder="标记" @input="handler()" v-model="form.flag" />
+				</view>
+			</view>
+			<view class="item">
+				<view class="l">号码：</view>
+				<view class="r">
+					<u-input placeholder="号码" @input="handler()" v-model="form.phone" />
+				</view>
+			</view>
+			<view class="item">
+				<view class="l">启运地：</view>
+				<view class="r">
+					<u-input placeholder="启运地" @input="handler()" v-model="form.sourceAddress" />
+				</view>
+			</view>
+			<view class="item">
+				<view class="l">到货口岸：</view>
+				<view class="r">
+					<u-input placeholder="到货口岸" @input="handler()" v-model="form.arrivePart" />
+				</view>
+			</view>
+			<view class="item">
+				<view class="l">运输工具：</view>
+				<view class="r">
+					<u-input placeholder="运输工具" @input="handler()" v-model="form.carName" />
+				</view>
+			</view>
+			<view class="item">
+				<view class="l">工具号码：</view>
+				<view class="r">
+					<u-input placeholder="运输工具号码" @input="handler()" v-model="form.carNo" />
+				</view>
+			</view>
+			<view class="item">
+				<view class="l">国内运输工具：</view>
+				<view class="r">
+					<u-input placeholder="国内运输工具" @input="handler()" v-model="form.chinaCarName" />
+				</view>
+			</view>
+			<view class="item">
+				<view class="l">工具号码：</view>
+				<view class="r">
+					<u-input placeholder="工具号码" @input="handler()" v-model="form.chinaCarNo" />
+				</view>
+			</view>
+			<view class="item">
+				<view class="l" style="flex: 6;">其他要求：</view>
+				<view class="r">
+					<u--textarea @input="handler()" v-model="form.remark" placeholder="其他要求及备注">
+					</u--textarea>
+				</view>
+			</view>
+		</view>
+		<u-button type="primary" text="确定" @click="saveFn"></u-button>
+		<u-button type="info" text="重置" @click="cleanFn" style="margin-top: 20rpx;"></u-button>
+		<!-- ---------------------------------------------------------- -->
+		<view class="bottom-safety"></view>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				form: {
+					declarePeople: '',
+					declarePhone: '',
+					goodsName: '',
+					grossWeight: 0,
+					num: 0,
+					origin: '',
+					unit: '',
+					pack: '',
+					flag: '',
+					phone: '',
+					sourceAddress: '',
+					arrivePart: '',
+					carName: '',
+					carNo: '',
+					chinaCarName: '',
+					chinaCarNo: '',
+					remark: ''
+				},
+			}
+		},
+		onShow() {},
+
+		mounted() {
+			this.checkStore();
+		},
+		methods: {
+			createModal() {
+				return {
+					declarePeople: '',
+					declarePhone: '',
+					goodsName: '',
+					grossWeight: 0,
+					num: 0,
+					origin: '',
+					unit: '',
+					pack: '',
+					flag: '',
+					phone: '',
+					sourceAddress: '',
+					arrivePart: '',
+					carName: '',
+					carNo: '',
+					chinaCarName: '',
+					chinaCarNo: '',
+					remark: ''
+				}
+			},
+			cleanFn() {
+				this.form = this.createModal();
+				this.cleanStore();
+			},
+			cleanStore() {
+				uni.removeStorageSync('declare')
+			},
+			handler() {
+				uni.setStorageSync('declare', this.form);
+			},
+			checkStore() {
+				let store = uni.getStorageSync('declare');
+				if (store && JSON.stringify(store) !== JSON.stringify(this.createModal())) {
+					let that = this;
+					uni.showModal({
+						title: '提示',
+						content: '检测到您有未完成表单，是否继续？',
+						success(resp) {
+							if (resp.confirm) {
+								that.form = store
+							} else {
+								that.cleanFn();
+							}
+						}
+					})
+				}
+			},
+			saveFn() {
+				if (!this.form.declarePeople) {
+					this.$common.toast('请填写申报人');
+					return;
+				}
+				if (!this.form.declarePhone) {
+					this.$common.toast('请填写申报电话');
+					return;
+				}
+				if (!this.form.grossWeight || this.form.grossWeight <= 0) {
+					this.$common.toast('请填写重量');
+					return;
+				}
+				this.$api.addDisinfect(this.$common.removeNull(this.form)).then(resp => {
+					this.cleanStore();
+					this.$common.to('/pages/disinfect/addDisinfectSuccess')
+				})
+			}
+		},
+
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #fff;
+	}
+
+	.hs-item {
+		text-align: center;
+	}
+
+	.item-line {
+		color: #a2a2a2;
+		padding: 5px 0 10px 29px;
+		border-bottom: 1px solid #E5E5E5;
+	}
+
+	.hj {
+		padding: 50rpx;
+		font-size: 40rpx;
+		color: red;
+		font-weight: bold;
+	}
+
+	.save-btn {
+		background-color: #ff4200;
+		height: 88rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin: 60rpx;
+		color: #fff;
+		font-size: 30rpx;
+		font-weight: bold;
+		border-radius: 10rpx;
+	}
+
+	@import '@/common/common.scss'
+</style>

app/pages/disinfect/addDisinfectSuccess.vue

@@ -0,0 +1,62 @@
+<template>
+	<view class="box">
+		<u-icon name="checkmark-circle-fill" color="#07c160" size="200"></u-icon>
+		<text class="text">消毒申报信息提交成功！</text>
+		<view class="count-down-box">
+			<text @click="goback">返回</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				timestamp: 3,
+			}
+		},
+		onBackPress() {
+			this.goback();
+			return true;
+		},
+		methods: {
+			goback() {
+				this.$common.to('/pages/disinfect/addDisinfect');
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #fff;
+	}
+
+	.box {
+		display: flex;
+		flex: 1;
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+		padding: 100rpx 0;
+
+		.text {
+			color: #191919;
+			font-size: 36rpx;
+			font-weight: bold;
+			margin-top: 40rpx;
+		}
+
+		.count-down-box {
+			display: flex;
+			flex: 1;
+			align-items: center;
+			justify-content: center;
+			margin-top: 30rpx;
+
+			text {
+				margin-left: 20rpx;
+			}
+		}
+	}
+</style>

app/utils/request.js

@@ -1,6 +1,6 @@
-const server = 'http://127.0.0.1:8099/pro';
+// const server = 'http://127.0.0.1:8099/pro';
 // const server = 'http://47.101.143.145/pro';
- // const server = 'https://dxkaa1.bgigc.com/pro';
+ const server = 'https://dxkaa1.bgigc.com/pro';
 
 import common from '../common/js/common.js';