样式修改

src/pages/new/storage.vue

@@ -18,7 +18,7 @@
                         @cancel="showPicker = false" />
                 </van-popup>
 
-                <van-field :value="onGroupObject.phones" @focus="onFocus" name="phone" label="收件人手机号"
+                <van-field :value="onGroupObject.phone" @focus="onFocus" name="phone" label="收件人手机号"
                     placeholder="请输入手机号" :rules="[{ required: true }]" />
 
                 <van-field :value="onGroupObject.NAME" readonly name="NAME" label="收件人姓名" placeholder="占位" />
@@ -58,7 +58,7 @@
                         name="payMoney" placeholder="请输入到付备注" />
                 </div>
 
-                <van-field v-model="object.remark" label="快递备注" name="remark" placeholder="请输入快递备注"
+                <van-field v-model="object.remark" label="快递备注" name="remark" placeholder="请输入快递金额"
                     :rules="[{ required: true }]" />
 
                 <div style=" display: flex; justify-content: space-around; background-color: #fff;  padding: 10px 0;">
@@ -79,16 +79,16 @@
                         color="#1989fa" size="20" />
                 </div>
 
-                <van-cell-group @click="onGroup(item)" v-for="(item, index) in searchKeyList" :key="index" inset
-                    style="border: 1px solid #ccc; margin-bottom: 10px ;height: 90px ; overflow: hidden;">
-                    <van-cell title="手机号" :value="item.phones" />
-                    <van-cell title="收件人姓名" :value="item.NAME" />
-                    <van-cell title="收件人部门" :value="item.departmentName" />
+                <van-cell-group class="vanPopup" @click="onGroup(item)" v-for="(item, index) in searchKeyList"
+                    :key="index" inset>
+                    <van-cell :value="item.phone" />
+                    <van-cell :value="item.NAME" />
+                    <!-- <van-cell title="收件人部门" :value="item.departmentName" />
                     <van-cell title="所属收发室" :value="item.mailRoomName" />
                     <van-cell title="收件人楼层" :value="item.mailFloor" />
                     <van-cell title="收件人座位" :value="item.seat_no" />
                     <van-cell title="收发室Id" :value="item.ROOM_ID" style="display: none;" />
-                    <van-cell title="收件人userID" :value="item.USER_ID" style="display: none;" />
+                    <van-cell title="收件人userID" :value="item.USER_ID" style="display: none;" /> -->
                 </van-cell-group>
 
                 <div style="height: 60px; width: 100%; background-color: #fff;"></div>
@@ -103,6 +103,7 @@
 
 <script>
 import { appGetEmployeeInfoByPhone, appGeLogisticsList, appSaveExpressRecord } from '@/api/index'
+import { Toast } from 'vant';
 export default {
     data() {
         return {
@@ -126,6 +127,7 @@ export default {
             value4: '', //快递公司
             shelfs: ['货架A', '货架B', '货架C'], //收发室
             shelf: false, //收发室
+            pattern: /^[\d]*$/,
         };
     },
     methods: {
@@ -170,6 +172,9 @@ export default {
         // 提交
         async onSubmit(values) {
             console.log(values, 'values')
+            if (this.pattern.test(this.object.remark)) {
+                return this.$toast('到付金额只能输入数字')
+            }
 
             const phone = values.phone.split(",")[0]
             const params = {
@@ -198,7 +203,13 @@ export default {
             }
 
             const res = await appSaveExpressRecord({ ...params, ...value }, { emulateJSON: true })
-            console.log(res, '123')
+            console.log(res[0], 'res===')
+            if (res.msg == 'success') {
+                this.$toast('打印成功')
+            } else if (res.msg == 'already') {
+                this.$toast('该账号已添加过')
+            }
+            console.log(res, '123====================')
             console.log('submit', values);
             // this.$router.push('/')
         },
@@ -261,4 +272,19 @@ export default {
     }
 
 }
+
+.vanPopup {
+
+    border-bottom: 1px solid #eaeaea;
+    padding: 12px 0;
+    border-radius: 0px;
+
+    .van-cell {
+        padding: 0;
+    }
+
+    .van-cell::after {
+        border: none;
+    }
+}
 </style>