1

src/views/system/jdorder/orderList.vue

@@ -10,60 +10,75 @@
           @reset="resetQuery"
           @quick-search="handleQuickSearch"
         >
-          <el-form-item label="备注">
-            <el-input v-model="queryParams.remark" placeholder="单据备注" clearable size="small" @keyup.enter.native="handleQuery" />
-          </el-form-item>
-          <el-form-item label="订单号">
-            <el-input v-model="queryParams.orderSearch" placeholder="订单号/第三方单号/分销标识" clearable size="small" @keyup.enter.native="handleQuery" />
-          </el-form-item>
-          <el-form-item label="分销标记">
-            <el-input v-model="queryParams.distributionMark" placeholder="分销标记" clearable size="small" @keyup.enter.native="handleQuery" />
-          </el-form-item>
-          <el-form-item label="型号">
-            <el-input v-model="queryParams.modelNumber" placeholder="型号" clearable size="small" @keyup.enter.native="handleQuery" />
-          </el-form-item>
-          <el-form-item label="下单人">
-            <el-input v-model="queryParams.buyer" placeholder="下单人" clearable size="small" @keyup.enter.native="handleQuery" />
-          </el-form-item>
-          <el-form-item label="地址">
-            <el-input v-model="queryParams.address" placeholder="收货地址" clearable size="small" @keyup.enter.native="handleQuery" />
-          </el-form-item>
-          <el-form-item label="状态">
-            <el-input v-model="queryParams.status" placeholder="备注/状态" clearable size="small" @keyup.enter.native="handleQuery" />
-          </el-form-item>
-          <el-form-item label="下单时间">
-            <el-date-picker
-              v-model="dateRange"
-              type="daterange"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-              value-format="yyyy-MM-dd"
-              size="small"
-              range-separator="至"
-              @change="handleDateRangeChange"
-            />
-          </el-form-item>
-          <el-form-item label="完成日期">
-            <el-checkbox v-model="queryParams.hasFinishTime" @change="handleQuery">仅显示已完成订单</el-checkbox>
-          </el-form-item>
-          <el-form-item label="退款状态">
-            <el-select v-model="queryParams.isRefunded" placeholder="全部" clearable size="small" style="width: 120px;">
-              <el-option label="已退款" :value="1" />
-              <el-option label="未退款" :value="0" />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="退款到账">
-            <el-select v-model="queryParams.isRefundReceived" placeholder="全部" clearable size="small" style="width: 120px;">
-              <el-option label="已到账" :value="1" />
-              <el-option label="未到账" :value="0" />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="后返到账">
-            <el-select v-model="queryParams.isRebateReceived" placeholder="全部" clearable size="small" style="width: 120px;">
-              <el-option label="已到账" :value="1" />
-              <el-option label="未到账" :value="0" />
-            </el-select>
-          </el-form-item>
+          <template #form="{ expanded }">
+            <el-form 
+              :model="queryParams" 
+              :inline="!expanded"
+              :label-width="expanded ? '80px' : '68px'"
+              :label-position="expanded ? 'top' : 'left'"
+            >
+              <el-form-item label="备注">
+                <el-input v-model="queryParams.remark" placeholder="单据备注" clearable size="small" @keyup.enter.native="handleQuery" />
+              </el-form-item>
+              <el-form-item label="订单号">
+                <el-input v-model="queryParams.orderSearch" placeholder="订单号/第三方单号/分销标识" clearable size="small" @keyup.enter.native="handleQuery" />
+              </el-form-item>
+              <el-form-item label="分销标记">
+                <el-input v-model="queryParams.distributionMark" placeholder="分销标记" clearable size="small" @keyup.enter.native="handleQuery" />
+              </el-form-item>
+              <el-form-item label="型号">
+                <el-input v-model="queryParams.modelNumber" placeholder="型号" clearable size="small" @keyup.enter.native="handleQuery" />
+              </el-form-item>
+              <el-form-item label="下单人">
+                <el-input v-model="queryParams.buyer" placeholder="下单人" clearable size="small" @keyup.enter.native="handleQuery" />
+              </el-form-item>
+              <el-form-item label="地址">
+                <el-input v-model="queryParams.address" placeholder="收货地址" clearable size="small" @keyup.enter.native="handleQuery" />
+              </el-form-item>
+              <el-form-item label="状态">
+                <el-input v-model="queryParams.status" placeholder="备注/状态" clearable size="small" @keyup.enter.native="handleQuery" />
+              </el-form-item>
+              <el-form-item label="下单时间">
+                <el-date-picker
+                  v-model="dateRange"
+                  type="daterange"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  value-format="yyyy-MM-dd"
+                  size="small"
+                  range-separator="至"
+                  @change="handleDateRangeChange"
+                />
+              </el-form-item>
+              <el-form-item label="完成日期">
+                <el-checkbox v-model="queryParams.hasFinishTime" @change="handleQuery">仅显示已完成订单</el-checkbox>
+              </el-form-item>
+              <el-form-item label="退款状态">
+                <el-select v-model="queryParams.isRefunded" placeholder="全部" clearable size="small" style="width: 120px;">
+                  <el-option label="已退款" :value="1" />
+                  <el-option label="未退款" :value="0" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="退款到账">
+                <el-select v-model="queryParams.isRefundReceived" placeholder="全部" clearable size="small" style="width: 120px;">
+                  <el-option label="已到账" :value="1" />
+                  <el-option label="未到账" :value="0" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="后返到账">
+                <el-select v-model="queryParams.isRebateReceived" placeholder="全部" clearable size="small" style="width: 120px;">
+                  <el-option label="已到账" :value="1" />
+                  <el-option label="未到账" :value="0" />
+                </el-select>
+              </el-form-item>
+              <!-- 搜索按钮：桌面端显示，移动端展开时在底部显示 -->
+              <el-form-item>
+                <el-button type="primary" size="small" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+                <el-button size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+                <el-button type="warning" size="small" icon="el-icon-download" @click="handleExport" v-hasPermi="['system:jdorder:export']">导出</el-button>
+              </el-form-item>
+            </el-form>
+          </template>
         </mobile-search-form>
         
         <!-- 操作按钮区域（移动端单独显示） -->
@@ -76,7 +91,6 @@
         
         <!-- 桌面端按钮组 -->
         <div class="desktop-action-buttons">
-          <el-button type="warning" size="small" icon="el-icon-download" @click="handleExport" v-hasPermi="['system:jdorder:export']">导出</el-button>
           <el-button type="success" size="small" icon="el-icon-setting" @click="showAutoWriteConfig = true" title="配置H-TF订单自动写入腾讯文档">腾峰文档配置</el-button>
           <el-button type="info" size="small" icon="el-icon-monitor" @click="showPushMonitor = true" title="查看推送监控和历史记录">推送监控</el-button>
           <el-button type="warning" size="small" icon="el-icon-user" @click="showTouserConfig = true" title="配置分销标识对应的企业微信接收人">接收人配置</el-button>