调整布局

src/views/activity/list.vue

@@ -2,26 +2,23 @@
 <div class="list">
         <div class="system-table-search">
       <div class="flex-h">
-        <div class="flex-item flex-h">
-          <el-button size="mini" type="success" @click='addDynamic'>新增</el-button>
-        </div>
-        <ul>
-          <li>
-           <el-select v-model="filterData.buildingId"  placeholder="请选择">
-              <el-option v-for="site in buildings" :label="site.buildingName" :value="site.buildingId" :key="site.buildingId"></el-option>
-           </el-select>
-          </li>
-          <li>
-             <select-building v-model="filterData.buildingId"></select-building>
-          </li>
-           <li>
+        <el-form :inline="true" :model="filterData" class="demo-form-inline">
+            <el-form-item label="">
+                <el-select v-model="filterData.buildingId"  placeholder="请选择">
+                    <el-option v-for="site in buildings" :label="site.buildingName" :value="site.buildingId" :key="site.buildingId"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="">
+                <select-building v-model="filterData.buildingId"></select-building>
+            </el-form-item>
+            <el-form-item label="">
                 <el-date-picker
                         v-model="filterData.time"
                         type="datetime"
                         placeholder="活动时间">
                 </el-date-picker>
-           </li>
-            <li>
+            </el-form-item>
+            <el-form-item label="">
                 <el-select v-model="filterData.isEnlist" placeholder="是否报名">
                     <el-option
                             v-for="item in enlistOptions"
@@ -30,12 +27,17 @@
                             :value="item.enlist">
                     </el-option>
                 </el-select>
-            </li>
+            </el-form-item>
+            <el-form-item label="">
+                <el-button
+                        size="mini"
+                        type="primary" @click="search">查询</el-button>
+            </el-form-item>
 
-        </ul>
-        <el-button
-          size="mini"
-          type="primary" @click="search">查询</el-button>
+        </el-form>
+      </div>
+      <div class="flex-item flex-h">
+         <el-button size="mini" type="success" @click='addDynamic'>新增</el-button>
       </div>
       <div class="moreFilter"></div>
     </div>

src/views/carouselFigure/advertisement.vue

@@ -2,20 +2,24 @@
   <div>
     <div class="system-table-search">
       <div class="flex-h">
-        <div class="flex-item flex-h">
-          <el-button size="mini" type="success" @click='addDynamic'>新增</el-button>
-        </div>
-        &nbsp;
-        <select-building v-model="form.buildingId"></select-building>
-        &nbsp;
-        <el-select v-model="form.contentType" placeholder="类型" @change="getList">
-          <el-option
-                  v-for="item in contentTypeOption"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value">
-          </el-option>
-        </el-select>
+        <el-form :inline="true" :model="form" class="demo-form-inline">
+          <el-form-item label="">
+            <select-building v-model="form.buildingId" @change="getList"></select-building>
+          </el-form-item>
+          <el-form-item label="">
+            <el-select v-model="form.contentType" placeholder="类型" @change="getList">
+              <el-option
+                      v-for="item in contentTypeOption"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="flex-item flex-h">
+        <el-button size="mini" type="success" @click='addDynamic'>新增</el-button>
       </div>
       <div class="moreFilter"></div>
     </div>

src/views/carouselFigure/list.vue

@@ -2,40 +2,46 @@
   <div>
     <div class="system-table-search">
       <div class="flex-h">
-        <div class="flex-item flex-h">
-          <el-button size="mini" type="success" @click='addDynamic'>新增</el-button>
-        </div>
-        &nbsp;
-        <select-building v-model="form.buildingId"></select-building>
-        &nbsp;
-        <el-select v-model="form.contentType" placeholder="类型" @change="getList">
-          <el-option
-                  v-for="item in contentTypeOption"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value">
-          </el-option>
-        </el-select>
-        &nbsp;
-        <el-select v-model="form.showPosition" placeholder="发布位置" @change="getList">
-          <el-option
-                  v-for="item in showPositionOption"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value">
-          </el-option>
-        </el-select>
-        &nbsp;
-        <el-select v-model="form.status" placeholder="状态" @change="getList">
-          <el-option
-                  v-for="item in statusOption"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value">
-          </el-option>
-        </el-select>
-
+        <el-form :inline="true" :model="form" class="demo-form-inline">
+          <el-form-item label="">
+            <select-building v-model="form.buildingId"></select-building>
+          </el-form-item>
+          <el-form-item label="">
+            <el-select v-model="form.contentType" placeholder="类型" @change="getList">
+              <el-option
+                      v-for="item in contentTypeOption"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="">
+            <el-select v-model="form.showPosition" placeholder="发布位置" @change="getList">
+              <el-option
+                      v-for="item in showPositionOption"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="">
+            <el-select v-model="form.status" placeholder="状态" @change="getList">
+              <el-option
+                      v-for="item in statusOption"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="flex-item flex-h">
+        <el-button size="mini" type="success" @click='addDynamic'>新增</el-button>
       </div>
+
       <div class="moreFilter"></div>
     </div>
     <el-table :data="carouselList.records || []">

src/views/consultant/list.vue

@@ -2,17 +2,14 @@
 <div class="list">
         <div class="system-table-search">
       <div class="flex-h">
-        <div class="flex-item flex-h">
-          <el-button size="mini" type="success" @click='addDynamic'>新增</el-button>
-        </div>
-        <ul>
-          <li>
+        <el-form :inline="true" :model="filterData" class="demo-form-inline">
+          <el-form-item label="">
             <el-input v-model="filterData.name" placeholder="姓名"></el-input>
-          </li>
-          <li>
+          </el-form-item>
+          <el-form-item label="">
             <el-input v-model="filterData.phone" placeholder="电话"></el-input>
-          </li>
-          <li>
+          </el-form-item>
+          <el-form-item label="">
             <el-select v-model="filterData.status" placeholder="状态">
               <el-option
                       v-for="item in optionsStatus"
@@ -21,18 +18,22 @@
                       :value="item.status">
               </el-option>
             </el-select>
-          </li>
-          <li>
+          </el-form-item>
+          <el-form-item label="">
             <select-building v-model="filterData.buildingId"></select-building>
-          </li>
-          <li>
+          </el-form-item>
+          <el-form-item label="">
             <el-input v-model="filterData.personTags" placeholder="标签"></el-input>
-          </li>
-
-        </ul>
-        <el-button
-          size="mini"
-          type="primary" @click="search">查询</el-button>
+          </el-form-item>
+          <el-form-item label="">
+            <el-button
+                    size="mini"
+                    type="primary" @click="search">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="flex-item flex-h">
+        <el-button size="mini" type="success" @click='addDynamic'>新增</el-button>
       </div>
       <div class="moreFilter"></div>
     </div>

src/views/customer/list.vue

@@ -2,20 +2,20 @@
   <div class="list">
     <div class="system-table-search">
       <div class="flex-h">
-        <ul>
-          <li>
+        <el-form :inline="true" :model="form" class="demo-form-inline">
+          <el-form-item label="">
             <el-input v-model="form.name" placeholder="姓名"></el-input>
-          </li>
-          <li>
+          </el-form-item>
+          <el-form-item label="">
             <el-input v-model="form.tel" placeholder="电话"></el-input>
-          </li>
-          <li>
+          </el-form-item>
+          <el-form-item label="">
             <el-input v-model="form.consultName" placeholder="推荐人"></el-input>
-          </li>
-          <li>
+          </el-form-item>
+          <el-form-item label="">
             <el-input v-model="form.consultTel" placeholder="推荐人电话"></el-input>
-          </li>
-          <li>
+          </el-form-item>
+          <el-form-item label="">
             <el-select v-model="form.sex" placeholder="性别">
               <el-option
                       v-for="item in sexOptions"
@@ -24,11 +24,14 @@
                       :value="item.value">
               </el-option>
             </el-select>
-          </li>
-        </ul>
-        <el-button
-                size="mini"
-                type="primary" @click="search">查询</el-button>
+          </el-form-item>
+          <el-form-item label="">
+            <el-button
+                    size="mini"
+                    type="primary" @click="search">查询</el-button>
+          </el-form-item>
+        </el-form>
+
       </div>
     </div>
     <el-table :data="list || []"

src/views/customer/recommendCustomer.vue

@@ -2,33 +2,31 @@
   <div class="list">
     <div class="system-table-search">
       <div class="flex-h">
-        <ul>
-          <li>
-            <span>姓名</span>
+        <el-form :inline="true" :model="form" class="demo-form-inline">
+          <el-form-item label="姓名">
             <el-input v-model="form.name" ></el-input>
-          </li>
-          <li>
-            <span>电话</span>
+          </el-form-item>
+          <el-form-item label="电话">
             <el-input v-model="form.tel" ></el-input>
-          </li>
-          <li>
-            <span>推荐人</span>
+          </el-form-item>
+          <el-form-item label="推荐人">
             <el-input v-model="form.consultName" ></el-input>
-          </li>
-          <li>
-            <span>推荐人电话</span>
+          </el-form-item>
+          <el-form-item label="推荐人电话">
             <el-input v-model="form.consultTel" ></el-input>
-          </li>
-          <li>
-            <span>状态</span>
+          </el-form-item>
+          <el-form-item label="状态">
             <el-select v-model="form.verifyStatus" placeholder="请选择">
               <el-option v-for="(item,i) in gridData || []" :key="i" :label="item.name" :value="item.value"></el-option>
             </el-select>
-          </li>
-        </ul>
-        <el-button
-          size="mini"
-          type="primary" @click="search">查询</el-button>
+          </el-form-item>
+          <el-form-item label="">
+            <el-button
+                    size="mini"
+                    type="primary" @click="search">查询</el-button>
+          </el-form-item>
+        </el-form>
+
       </div>
     </div>
     <el-table :data="list || []"

src/views/goods/list.vue

@@ -2,14 +2,11 @@
 <div class="list">
         <div class="system-table-search">
       <div class="flex-h">
-        <div class="flex-item flex-h">
-          <el-button size="mini" type="success" @click='addGoods'>新增</el-button>
-        </div>
-        <ul>
-          <li>
+        <el-form :inline="true" :model="form" class="demo-form-inline">
+          <el-form-item label="">
             <el-input v-model="filterData.goodsName" placeholder="商品名称"></el-input>
-          </li>
-          <li>
+          </el-form-item>
+          <el-form-item label="">
             <el-select v-model="filterData.status" clearable placeholder="状态">
               <el-option
                       v-for="item in options"
@@ -18,23 +15,27 @@
                       :value="item.value">
               </el-option>
             </el-select>
-          </li>
-          <li>
+          </el-form-item>
+          <el-form-item label="">
             <select-building v-model="filterData.buildingId"></select-building>
-          </li>
-          <li>
+          </el-form-item>
+          <el-form-item label="">
             <el-input v-model="filterData.priceLesser" placeholder="价格小" style="width: 100px;"/>
-          </li>
-
-          <li>
+          </el-form-item>
+          <el-form-item label="">
             <el-input v-model="filterData.priceGreater" placeholder="价格大" style="width: 100px;"/>
-          </li>
-
-        </ul>
-        <el-button
-          size="mini"
-          type="primary" @click="search">查询</el-button>
+          </el-form-item>
+          <el-form-item label="">
+            <el-button
+                    size="mini"
+                    type="primary" @click="search">查询</el-button>
+          </el-form-item>
+        </el-form>
       </div>
+      <div class="flex-item flex-h">
+        <el-button size="mini" type="success" @click='addGoods'>新增</el-button>
+      </div>
+
       <div class="moreFilter"></div>
     </div>
   <el-table