提交代码

web/src/views/hq/myddc/answerSurvey/index.vue

@@ -3,28 +3,60 @@
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div ref="searchRef" v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
-          <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+          <el-form ref="queryFormRef" :model="queryParams" label-width="100px">
-            <el-form-item label="问卷编号" prop="surveyCode">
+            <el-row :gutter="20">
-              <el-input v-model="queryParams.surveyCode" placeholder="请输入问卷编号" clearable @keyup.enter="handleQuery" />
+              <el-col :span="6">
-            </el-form-item>
+                <el-form-item label="问卷编号" prop="surveyCode">
-            <el-form-item label="问卷标题" prop="surveyTitle">
+                  <el-input v-model="queryParams.surveyCode" placeholder="请输入问卷编号" clearable @keyup.enter="handleQuery" />
-              <el-input v-model="queryParams.surveyTitle" placeholder="请输入问卷标题" clearable @keyup.enter="handleQuery" />
+                </el-form-item>
-            </el-form-item>
+              </el-col>
-            <el-form-item label="开始时间" prop="startTime">
+              <el-col :span="6">
-              <el-date-picker clearable v-model="queryParams.startTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择开始时间" />
+                <el-form-item label="问卷标题" prop="surveyTitle">
-            </el-form-item>
+                  <el-input v-model="queryParams.surveyTitle" placeholder="请输入问卷标题" clearable @keyup.enter="handleQuery" />
-            <el-form-item label="结束时间" prop="endTime">
+                </el-form-item>
-              <el-date-picker clearable v-model="queryParams.endTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择结束时间" />
+              </el-col>
-            </el-form-item>
+              <el-col :span="6">
-            <el-form-item label="是否匿名" prop="isAnonymous">
+                <el-form-item label="开始时间" prop="startTime">
-              <el-select v-model="queryParams.isAnonymous" placeholder="请选择是否匿名" clearable>
+                  <el-date-picker
-                <el-option v-for="dict in sys_yesno" :key="dict.value" :label="dict.label" :value="dict.value" />
+                    clearable
-              </el-select>
+                    v-model="queryParams.startTime"
-            </el-form-item>
+                    type="date"
-            <el-form-item>
+                    value-format="YYYY-MM-DD"
-              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+                    placeholder="请选择开始时间"
-              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+                    style="width: 100%"
-            </el-form-item>
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="结束时间" prop="endTime">
+                  <el-date-picker
+                    clearable
+                    v-model="queryParams.endTime"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                    placeholder="请选择结束时间"
+                    style="width: 100%"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="6">
+                <el-form-item label="是否匿名" prop="isAnonymous">
+                  <el-select v-model="queryParams.isAnonymous" placeholder="请选择是否匿名" clearable>
+                    <el-option v-for="dict in sys_yesno" :key="dict.value" :label="dict.label" :value="dict.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24" class="search-btn-container">
+                <el-form-item>
+                  <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+                  <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+                </el-form-item>
+              </el-col>
+            </el-row>
           </el-form>
         </el-card>
       </div>
@@ -2028,6 +2060,17 @@ onMounted(() => {
   padding: 0px 20px 20px 20px !important;
 }
 
+/* 检索栏按钮容器样式 */
+.search-btn-container {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 10px;
+
+  .el-form-item {
+    margin-bottom: 0 !important;
+  }
+}
+
 /* 表格容器 - 支持横向滚动 */
 .table-container {
   width: 100%;