updated

src/main/resources/static/css/service-settlement/index.css

@@ -97,11 +97,9 @@
         background-size: cover;
         display: flex;
         justify-content: center;
-        align-items: center;
     }
     #service-container .search {
-        position: fixed;
-        top: 40.5vw;
+        margin-top: 40.5vw;
         width: 76vw;
         height: 82vw;
         background: url("https://static.caimei365.com/app/img/serviceProvider/H5/search-bg.png") no-repeat 100%;

src/main/resources/static/js/service-settlement/index.js

@@ -14,6 +14,7 @@ new Vue({
     },
     mounted() {
         this.setWxConfig((wx) => this.setWxReady(wx))
+        document.getElementById("select").removeAttribute("readOnly");
     },
     methods: {
         toSearchProvider() {
@@ -44,6 +45,7 @@ new Vue({
             }
         },
         clear(async) {
+            document.getElementById("select").removeAttribute("readOnly");
             this.$nextTick(() => {
                 if (!async) {
                     // ios 手机有延迟问题

src/main/resources/static/js/service-settlement/search.js

@@ -20,6 +20,7 @@ new Vue({
         this.setWxConfig((wx) => this.setWxReady(wx))
         this.getParams()
         this.toSearchProvider()
+        document.getElementById("select").removeAttribute("readOnly");
     },
     methods: {
         getParams() {
@@ -66,6 +67,7 @@ new Vue({
             }
         },
         clear(async) {
+            document.getElementById("select").removeAttribute("readOnly");
             this.$nextTick(() => {
                 if (!async) {
                     // ios 手机有延迟问题

src/main/resources/templates/service-settlement/index.html

@@ -19,10 +19,12 @@
                     filterable
                     remote
                     ref="select"
+                    id="select"
                     reserve-keyword
                     placeholder="请输入名称搜索查询"
                     @hook:mounted="clear"
                     @focus="clear"
+                    @blur="clear"
                     :remote-method="remoteMethod"
                     :loading="loading">
                 <el-option

src/main/resources/templates/service-settlement/search.html

@@ -23,11 +23,13 @@
                         filterable
                         remote
                         ref="select"
+                        id="select"
                         reserve-keyword
                         placeholder="请输入服务商名称查询"
                         :remote-method="remoteMethod"
                         @focus="clear"
                         @hook:mounted="clear"
+                        @blur="clear"
                         @visible-change="onSearch"
                         :loading="loading">
                     <el-option