commit

src/pages/config/pages/linkManage/index.vue

@@ -1,25 +1,25 @@
 <!-- 配置管理 - 链接管理 -->
 <template>
     <div id="post-manage">
-<!--    头部操作按钮-->
+        <!--    头部操作按钮-->
         <div class="action-bar">
             <el-button type="primary"
                        class="common-button-primary add-button"
                        @click="addLink"
                        v-btn-permission="'980cb239683de9e29ee5335cec98e5b4'"
                        size="mini">新增</el-button>
-<!--      <el-button type="primary"-->
+            <!--      <el-button type="primary"-->
-<!--                 class="common-button-primary add-button"-->
+            <!--                 class="common-button-primary add-button"-->
-<!--                 @click="linkOrder"-->
+            <!--                 @click="linkOrder"-->
-<!--                 v-btn-permission="'779665b2e4bb20fc480cf9372a100f69'"-->
+            <!--                 v-btn-permission="'779665b2e4bb20fc480cf9372a100f69'"-->
-<!--                 size="mini">顺序调整</el-button>-->
+            <!--                 size="mini">顺序调整</el-button>-->
             <el-button type="primary"
                        class="common-button-primary add-button"
                        @click="deleteAllLink"
                        v-btn-permission="'779665b2e4bb20fc480cf9372a100f69'"
                        size="mini">删除</el-button>
         </div>
-<!--    表格-->
+        <!--    表格-->
         <div class="content">
             <el-table
                     :data="linkList"
@@ -36,6 +36,12 @@
                         width="55"
                         align="center">
                 </el-table-column>
+                <el-table-column
+                        prop="orderBy"
+                        label="序号"
+                        align="center"
+                        width="50px">
+                </el-table-column>
                 <el-table-column
                         prop="name"
                         label="链接名称"
@@ -45,12 +51,6 @@
                         prop="url"
                         label="链接">
                 </el-table-column>
-<!--        <el-table-column-->
-<!--            prop="orderBy"-->
-<!--            label="序号"-->
-<!--            sortable-->
-<!--            width="170px">-->
-<!--        </el-table-column>-->
                 <el-table-column
                         label="操作"
                         width="50px">
@@ -69,7 +69,7 @@
             </el-table>
         </div>
         <loading :loading="Loading">加载中...</loading>
-<!--    新增链接弹窗-->
+        <!--    新增链接弹窗-->
         <el-dialog
                 :title="dialogTitle"
                 :visible.sync="modalshowflag"
@@ -155,55 +155,76 @@
                 this.dialogTitle = '新增链接'
                 this.modalshowflag = true
             },
-
+            //表格中操作列删除操作弹窗
-      //头部顺序调整按钮
+            deleteLink (row) {
-      linkOrder () {
+                this.$http.delete('sarUrl/tsUrl/delete', {
-        this.order=[]
+                    id: row.id
-        for (var i=0;i<this.linkList.length;i++){
+                }, {
-          this.order.push({
+                    _this: this,
-            urlId:this.linkList[i].id,
+                    loading: 'Loading'
-            sortId:this.linkList[i].sortId
+                }, res => {
-          })
-        }
-        this.$http.postData('sarUrl/tsUrl/order',this.order, {}, res => {
                     if (res.ok) {
+                        this.$message.success('删除成功')
+                        let arr = []
+                        for (let a = 0; a < this.linkList.length; a++) {
+                            if (this.linkList[a].id === row.id) {
+                                this.linkList.splice(a, 1)
+                            }
+                        }
+                        this.linkList.forEach((item, index) => {
+                            let json = {}
+                            json.id = item.id
+                            json.orderBy = index + 1
+                            arr.push(json)
+                        })
+                        this.$http.putData('sarUrl/tsUrl/updateOrder', JSON.stringify(arr), {}, res => {
+                            this.getLink()
+                        })
                     }else {
                         this.$message.warning(res.message)
                     }
                 })
             },
-
             //头部删除按钮
             deleteAllLink() {
                 this.selectId=[]
                 for (var i=0;i<this.selectList.length;i++){
                     this.selectId.push(this.selectList[i].id)
                 }
-        this.ids=this.selectId.join(",")
+                this.ids = this.selectId.join(",")
                 if (this.selectList.length === 0) {
                     this.$message.warning('请选择要删除的链接')
                 } else {
                     this.modalRole = true
-          // this.nodeList = this.selectList[0].idList
                     this.$http.delete('sarUrl/tsUrl/deleteBatch', {
                         ids: this.ids
                     }, {}, res => {
                         if (res.ok) {
                             this.$message.success('删除成功')
+                            let arr = this.linkList.filter(items => {
+                                if (!this.ids.includes(items.id)) return items;
+                            })
+                            let newArr = []
+                            arr.forEach((item, index) => {
+                                let json = {}
+                                json.id = item.id
+                                json.orderBy = index + 1
+                                newArr.push(json)
+                            })
+                            this.$http.putData('sarUrl/tsUrl/updateOrder', JSON.stringify(newArr), {}, res => {
                                 this.getLink()
+                            })
                         }else {
                             this.$message.warning(res.message)
                         }
                     })
                 }
             },
-
             //弹窗关闭操作
             resetForm () {
                 this.$refs['sarStandardsInfoForm'].resetFields();
                 this.modalshowflag = false
             },
-
             //弹窗确认操作
             submit () {
                 this.$refs['sarStandardsInfoForm'].validate((valid) => {
@@ -247,7 +268,6 @@
                     }
                 });
             },
-
             //表格中操作列
             handleCommand (command) {
                 switch (command[1]) {
@@ -259,24 +279,6 @@
                         break
                 }
             },
-
-      //表格中操作列删除操作弹窗
-      deleteLink (row) {
-        this.$http.delete('sarUrl/tsUrl/delete', {
-          id: row.id
-        }, {
-          _this: this,
-          loading: 'Loading'
-        }, res => {
-          if (res.ok) {
-            this.$message.success('删除成功')
-            this.getLink()
-          }else {
-            this.$message.warning(res.message)
-          }
-        })
-      },
-
             //表格中操作列编辑操作弹窗
             editLink (row) {
                 this.type = 2
@@ -287,12 +289,10 @@
                 this.dialogTitle = '修改链接'
                 this.modalshowflag = true
             },
-
             //多选框选择
             handleSelectionChange (val) {
                 this.selectList = val
             },
-
             // 获取链接数据
             getLink () {
                 this.$http.get('sarUrl/tsUrl', {
@@ -326,7 +326,11 @@
                             arr.push(json)
                         })
                         this.$http.putData('sarUrl/tsUrl/updateOrder', JSON.stringify(arr), {}, res => {
+                            if (res.ok) {
                                 this.$message.success('保存成功')
+                            } else {
+                                this.$message.warning('保存失败!')
+                            }
                         })
                     }
                 })