|
@@ -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>
|