车型排序

src/views/vehicleType/index.vue

@@ -74,6 +74,12 @@
             <span>{{scope.row.leasableQuantity}}</span>
           </template>
         </el-table-column>
+        <el-table-column width="100" align="center" label="排序">
+          <template scope="scope">
+            <el-button size="mini" type="text" @click="clickRank(scope.row)">{{scope.row.sort?scope.row.sort:0}}</el-button>
+          </template>
+        </el-table-column>
+
         <el-table-column align="center" width="200" label="操作" fixed="right">
           <template scope="scope">
             <el-button size="small"  class="el-button el-button--text el-button--small" @click="handleUpdate(scope.row)">{{vehicleTypeList_btn_edit?'编辑':'查看'}}
@@ -94,6 +100,24 @@
     </div>
     <!-- 车型编辑 -->
     <oneType v-if="oneTypeDialogVisible" :oneRow="oneRow" :vehicleTypeList_btn_edit="vehicleTypeList_btn_edit" :title="modalTitle" v-on:oneDialogEvent = "oneDialogEvent" :brandlist="brandlist" :numberList="numberList"></oneType>
+
+    <!-- 排序 modal弹窗 -->
+    <el-dialog :title="modalTitle" :visible.sync="rankDialogVisible">
+      <el-form :model="labelForm" ref="labelForm" label-width="90px">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="排序" prop="rank">
+              <el-input v-model="labelForm.sort" placeholder="请输入排序值"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancelHandel">取 消</el-button>
+        <el-button type="primary" @click="updateParentLabelRank('labelForm')">确 定</el-button>
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -125,7 +149,8 @@
     delVehicleModel,
     getLabelList,
     getLabelByParentId,
-    upStatusChange
+    upStatusChange,
+    updateVehicleModel
   } from 'api/vehicleType';
 
   import Element1 from "../admin/menu/components/element";
@@ -172,12 +197,14 @@
           update: '编辑',
           create: '创建'
         },
+        labelForm:{},
         tableKey: 0,
         departureDialogVisible: false,
         arrivalDialogVisible: false,
         vehicleTypeList_btn_add: false,//添加
         vehicleTypeList_btn_edit: false,//编辑
         vehicleTypeList_btn_del: false,//删除
+        rankDialogVisible: false//排序
       }
     },
     created() {
@@ -260,6 +287,12 @@
           });
         })
       },
+      /**
+       * 弹框-取消
+       * */
+      cancelHandel(){
+        this.rankDialogVisible = false;
+      },
       /**
        * 编辑
        * */
@@ -268,6 +301,41 @@
         this.oneRow = row;
         this.oneTypeDialogVisible = true;
       },
+      /**
+       * 排序点击事件
+       * */
+      clickRank(row){
+        this.modalTitle = "编辑";
+        this.labelForm = {sort: row.sort, id: row.id};
+//        this.labelForm.rank = this.labelForm.rank + "";
+        this.rankDialogVisible = true;
+      },
+      /**
+       * 编辑一级标签排序
+       * */
+      updateParentLabelRank(formName){
+        const set = this.$refs;
+        let params = {id: this.labelForm.id, sort: this.labelForm.sort};
+          updateVehicleModel(params).then(response => {
+            if (response.status === 200) {
+              this.$notify({
+                title: '成功',
+                message: '编辑成功',
+                type: 'success',
+                duration: 2000
+              });
+              this.rankDialogVisible = false;
+              this.getList();
+            } else {
+              this.$notify({
+                title: '编辑失败',
+                message: rsCode.msg[response.code] ? rsCode.msg[response.code] : '操作失败！',
+                type: 'error',
+                duration: 2000
+              });
+            }
+        });
+      },
       /**
        * 下架
        * */