搜索框样式

project/tianfuxing/AppMerchantDiscounts/AppMerchantDiscounts.vue

@@ -5,6 +5,14 @@
       <template #content>
         <ai-search-bar>
           <template #left>
+            <ai-select
+              v-model="search.status"
+              @change="page.current = 1, getList()"
+              placeholder="状态"
+              :selectList="dict.getDict('integralDeclareStatus')">
+            </ai-select>
+          </template>
+          <template #right>
             <el-input
               v-model="search.title"
               class="search-input"
@@ -16,12 +24,6 @@
               @clear="page.current = 1, page.content = '', getList()"
               suffix-icon="iconfont iconSearch">
             </el-input>
-            <ai-select
-              v-model="search.status"
-              @change="page.current = 1, getList()"
-              placeholder="状态"
-              :selectList="dict.getDict('integralDeclareStatus')">
-            </ai-select>
           </template>
         </ai-search-bar>
         <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" 
@@ -76,7 +78,7 @@ export default {
       return [
         {prop: "merchantName", label: "商户名称", align: "left", showOverflowTooltip: true},
         {prop: "title", label: "优惠标题", align: "center"},
-        {prop: "content", label: "优惠内容", align: "center",showOverflowTooltip: true},
+        {prop: "content", label: "优惠内容", align: "center"},
         {prop: "status", label: "状态", align: "center", dict:"integralDeclareStatus"},
         {slot: "options"},
       ]
@@ -87,6 +89,7 @@ export default {
       this.instance.post(`/appmerchantinfo/discountList`,null, {
         params: {
           ...this.page,
+          ...this.search
         }
       }).then(res=> {
         if(res?.data) {