updated

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

@@ -179,3 +179,6 @@
 .el-select {
     width: 100%;
 }
+.el-scrollbar .el-scrollbar__bar {
+    opacity: 1 !important;
+}

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

@@ -236,3 +236,6 @@
 .el-select {
     width: 100%;
 }
+.el-scrollbar .el-scrollbar__bar {
+    opacity: 1 !important;
+}

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

@@ -42,6 +42,18 @@ new Vue({
             } else {
                 this.options = [];
             }
+        },
+        clear(async) {
+            this.$nextTick(() => {
+                if (!async) {
+                    // ios 手机有延迟问题
+                    setTimeout(() => {
+                        const { select } = this.$refs
+                        const input = select.$el.querySelector('.el-input__inner')
+                        input.removeAttribute('readonly')
+                    }, 200)
+                }
+            })
         }
     }
 })

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

@@ -64,6 +64,18 @@ new Vue({
             } else {
                 this.options = [];
             }
+        },
+        clear(async) {
+            this.$nextTick(() => {
+                if (!async) {
+                    // ios 手机有延迟问题
+                    setTimeout(() => {
+                        const { select } = this.$refs
+                        const input = select.$el.querySelector('.el-input__inner')
+                        input.removeAttribute('readonly')
+                    }, 200)
+                }
+            })
         }
     }
 })

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

@@ -18,8 +18,10 @@
                     v-model="form.providersName"
                     filterable
                     remote
+                    ref="select"
                     reserve-keyword
-                    placeholder="请输入名称搜索查询"
+                    placeholder="请输入名称搜索查询
+                    @focus="clear"
                     :remote-method="remoteMethod"
                     :loading="loading">
                 <el-option

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

@@ -22,9 +22,11 @@
                         v-model="form.providersName"
                         filterable
                         remote
+                        ref="select"
                         reserve-keyword
                         placeholder="请输入服务商名称查询"
                         :remote-method="remoteMethod"
+                        @focus="clear"
                         @visible-change="onSearch"
                         :loading="loading">
                     <el-option