新增 远程搜索自定义组件

miniprogram/components/remotePicker/remotePicker.js

@@ -0,0 +1,42 @@
+// components/remotePicker/remotePicker.js
+import {
+  postApi
+} from "../../apis/api"
+Component({
+  properties: {
+    url: {
+      type: String
+    },
+    params: {
+      type: Object
+    }
+  },
+  data: {
+    arr: [],
+    value: '',
+    label: '',
+  },
+  methods: {
+    async getList() {
+      let res = await postApi(this.data.url, {
+        ...this.data.params,
+        term: this.data.label
+      })
+      this.setData({
+        arr: res.data.result
+      })
+      console.log(res)
+    },
+    selectItem(e) {
+      let {
+        label,
+        value
+      } = e.currentTarget.dataset
+      this.setData({
+        label,
+        value,
+        arr: []
+      })
+    }
+  }
+})

miniprogram/components/remotePicker/remotePicker.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

miniprogram/components/remotePicker/remotePicker.wxml

@@ -0,0 +1,9 @@
+<!--components/remotePicker/remotePicker.wxml-->
+<input model:value="{{label}}" confirm-type="search" type="text" placeholder="模糊搜索" bindconfirm="getList" />
+<view style="position: relative;">
+  <scroll-view wx:if="{{arr.length}}" scroll-y="true" class="scroll">
+    <view wx:for="{{arr}}" bindtap="selectItem" data-label="{{item.value}}" data-value="{{item.key}}">
+      {{item.value}}
+    </view>
+  </scroll-view>
+</view>

miniprogram/components/remotePicker/remotePicker.wxss

@@ -0,0 +1,11 @@
+/* components/remotePicker/remotePicker.wxss */
+.scroll {
+  max-height: 30vh;
+  width: 50vw;
+  border: 1px solid black;
+  position: absolute;
+  top: 10rpx;
+  background: rgba(256, 256, 256, 0.5);
+  backdrop-filter: blur(3px);
+  z-index: 100;
+}

miniprogram/pages/shipOwnerManage/addShipOnwer/addShipOnwer.js

@@ -13,7 +13,7 @@ Page({
     userId: 0,
     userName: "",
     userPhone: "",
-    idCardNo: '',
+    idcardNo: '',
     idcardFrontFileKey: '',
     idcardFrontViewUrl: '',
     idcardFrontDownloadUrl: '',

miniprogram/pages/shipOwnerManage/addShipOnwer/addShipOnwer.wxml

@@ -16,7 +16,7 @@
     </view>
     <view class="df jcsb line">
       <view>身份证号</view>
-      <view><input model:value="{{idCardNo}}" type="text" /></view>
+      <view><input model:value="{{idcardNo}}" type="number" /></view>
     </view>
     <view>
       <view>身份证人像面</view>