序号

src/views/modules/base/community/buildTable.vue

@@ -69,27 +69,15 @@
                          :selectable="checkSelect"
                          width="55">
         </el-table-column>
-        <el-table-column prop="sort"
+        <el-table-column fixed="left"
-                         sortable="custom"
+                         width="55"
-                         min-width="140"
+                         type="index"
-                         label="序号">
+                         label="序号"
-          <template slot-scope="scope">
+                         :index="indexMethod">
-            <div @click="handleEditSort(scope.row)">
-              <span v-if="!scope.row.isChange">{{scope.row.sort}}</span>
-              <el-input-number v-else
-                               @change="handleChangeSort(scope.row)"
-                               v-model="scope.row.sort"
-                               class="item_width_4"
-                               :precision="2"
-                               size="small"
-                               :min="0"
-                               :max="9999"
-                               label="描述文字"></el-input-number>
-            </div>
-
-          </template>
         </el-table-column>
+
         <el-table-column prop="buildingName"
+                         fixed="left"
                          label="楼栋名称"
                          min-width="180">
           <template slot-scope="scope">
@@ -127,6 +115,26 @@
         <el-table-column prop="totalHouseNum"
                          label="总户数">
         </el-table-column>
+        <el-table-column prop="sort"
+                         sortable="custom"
+                         min-width="140"
+                         label="排序">
+          <template slot-scope="scope">
+            <div @click="handleEditSort(scope.row)">
+              <span v-if="!scope.row.isChange">{{scope.row.sort}}</span>
+              <el-input-number v-else
+                               @change="handleChangeSort(scope.row)"
+                               v-model="scope.row.sort"
+                               class="item_width_4"
+                               :precision="2"
+                               size="small"
+                               :min="0"
+                               :max="9999"
+                               label="描述文字"></el-input-number>
+            </div>
+
+          </template>
+        </el-table-column>
 
         <el-table-column label="操作"
                          fixed="right"
@@ -233,7 +241,9 @@ export default {
     ...mapGetters(['clientHeight', 'iframeHeight'])
   },
   methods: {
-
+    indexMethod (index) {
+      return index + 1;
+    },
     handleSortOrderChange (value) {
       console.log(value.column, value.prop, value.order)
       this.sortType = value.order === 'ascending' ? 'asc' : 'desc'

src/views/modules/base/community/roomTable.vue

@@ -52,28 +52,16 @@
                          :selectable="checkSelect"
                          width="55">
         </el-table-column>
-        <el-table-column prop="sort"
+        <el-table-column fixed="left"
-                         sortable="custom"
+                         width="55"
-                         min-width="140"
+                         type="index"
-                         label="序号">
+                         label="序号"
-          <template slot-scope="scope">
+                         :index="indexMethod">
-            <div @click="handleEditSort(scope.row)">
-              <span v-if="!scope.row.isChange">{{scope.row.sort}}</span>
-              <el-input-number v-else
-                               @change="handleChangeSort(scope.row)"
-                               v-model="scope.row.sort"
-                               class="item_width_4"
-                               :precision="2"
-                               size="small"
-                               :min="0"
-                               :max="9999"
-                               label="描述文字"></el-input-number>
-            </div>
-
-          </template>
         </el-table-column>
+
         <el-table-column prop="houseNameShow"
                          label="房屋名称"
+                         fixed="left"
                          min-width="160">
         </el-table-column>
         <el-table-column prop="neighborHoodName"
@@ -116,6 +104,27 @@
                          label="身份证"
                          width="170">
         </el-table-column>
+
+        <el-table-column prop="sort"
+                         sortable="custom"
+                         min-width="140"
+                         label="排序">
+          <template slot-scope="scope">
+            <div @click="handleEditSort(scope.row)">
+              <span v-if="!scope.row.isChange">{{scope.row.sort}}</span>
+              <el-input-number v-else
+                               @change="handleChangeSort(scope.row)"
+                               v-model="scope.row.sort"
+                               class="item_width_4"
+                               :precision="2"
+                               size="small"
+                               :min="0"
+                               :max="9999"
+                               label="描述文字"></el-input-number>
+            </div>
+
+          </template>
+        </el-table-column>
         <el-table-column label="操作"
                          fixed="right"
                          width="140"
@@ -242,6 +251,9 @@ export default {
     ...mapGetters(['clientHeight', 'iframeHeight'])
   },
   methods: {
+    indexMethod (index) {
+      return index + 1;
+    },
     handleSortOrderChange (value) {
       console.log(value.column, value.prop, value.order)
       this.sortType = value.order === 'ascending' ? 'asc' : 'desc'