refactor(1): 1

src/views/promotion/task/index.vue

@@ -6,63 +6,74 @@
         inline
         label-width="auto">
         <el-row>
-          <el-form-item label="选择日期"
-            prop="date">
-            <el-date-picker v-model="queryParams.date"
-              type="daterange"
-              :clearable="false"
-              range-separator="至"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-              :shortcuts="pickerOptions"
-              @change="queryChangeFn('date')" />
-          </el-form-item>
-          <el-form-item label="任务状态"
-            prop="taskStatus">
-            <el-radio-group v-model="queryParams.taskStatus">
-              <el-radio-button v-for="item in taskStatusList"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value" />
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="区域查询"
-            prop="region">
-            <el-radio-group v-model="queryParams.region">
-              <el-radio-button label="全国"
-                value="全国" />
-              <el-radio-button label="省"
-                value="省" />
-              <el-radio-button label="省-市"
-                value="省-市" />
-            </el-radio-group>
-          </el-form-item>
+          <el-col :span="6">
+            <el-form-item label="选择日期"
+              prop="date">
+              <el-date-picker v-model="queryParams.date"
+                type="daterange"
+                :clearable="false"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                :shortcuts="pickerOptions"
+                @change="queryChangeFn('date')" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="任务状态"
+              prop="taskStatus">
+              <el-radio-group v-model="queryParams.taskStatus">
+                <el-radio-button v-for="item in taskStatusList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value" />
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
         </el-row>
         <!-- 省市 -->
         <el-row>
-          <el-form-item label="省份"
-            prop="province">
-            <el-select v-model="queryParams.province"
-              placeholder="请选择省"
-              @change="getCityList">
-              <el-option v-for="item in provinceList"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value" />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="市"
-            prop="city">
-            <el-select v-model="queryParams.city"
-              placeholder="请选择市">
-              <el-option v-for="item in cityList"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value" />
-            </el-select>
-          </el-form-item>
+          <el-col :span="6">
+            <el-form-item label="区域查询"
+              prop="region">
+              <el-radio-group v-model="queryParams.region">
+                <el-radio-button label="全国"
+                  value="全国" />
+                <el-radio-button label="省"
+                  value="省" />
+                <el-radio-button label="省-市"
+                  value="省-市" />
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="省份"
+              prop="province">
+              <el-select v-model="queryParams.province"
+                placeholder="请选择省"
+                @change="getCityList">
+                <el-option v-for="item in provinceList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="城市"
+              prop="city">
+              <el-select v-model="queryParams.city"
+                placeholder="请选择市">
+                <el-option v-for="item in cityList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
         </el-row>
         <el-row>
+          
           <el-form-item label="战区查询"
             prop="zone">
             <el-select v-model="queryParams.zoneId"