链接管理页面完善

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

@@ -8,11 +8,11 @@
                  @click="addLink"
                  v-btn-permission="'980cb239683de9e29ee5335cec98e5b4'"
                  size="mini">新增</el-button>
-<!--      <el-button type="primary"-->
-<!--                 class="common-button-primary add-button"-->
-<!--                 @click="linkOrder"-->
-<!--                 v-btn-permission="'779665b2e4bb20fc480cf9372a100f69'"-->
-<!--                 size="mini">顺序调整</el-button>-->
+      <el-button type="primary"
+                 class="common-button-primary add-button"
+                 @click="linkOrder"
+                 v-btn-permission="'779665b2e4bb20fc480cf9372a100f69'"
+                 size="mini">顺序调整</el-button>
       <el-button type="primary"
                  class="common-button-primary add-button"
                  @click="deleteAllLink"
@@ -22,7 +22,6 @@
 <!--    表格-->
     <div class="content">
       <el-table
-          ref="multipleTable"
           :data="linkList"
           tooltip-effect="dark"
           border
@@ -46,11 +45,11 @@
             prop="url"
             label="链接">
         </el-table-column>
-        <el-table-column
-            prop="orderBy"
-            label="序号"
-            sortable
-            width="170px">
+<!--        <el-table-column-->
+<!--            prop="orderBy"-->
+<!--            label="序号"-->
+<!--            sortable-->
+<!--            width="170px">-->
         </el-table-column>
         <el-table-column
             label="操作"
@@ -112,14 +111,21 @@
         type: '', // 1为新增 2为编辑
         dialogTitle: '',
         submitLoading: false,
-        selectList: [],
+        // 向后台传参使用
         data: [],
         Loading: false,
         modalshowflag: false,
+        // 排序
+        order:[],
+        // 表格选取的
+        selectList:[],
+        selectId:[],
+        ids:'',
+        // 向后台传参使用
         sarStandardsInfoEO: {
           name: '',
           url: '',
-          // orderBy: ''
+          // sortId: ''
         },
         //新增链接未输入时提示
         sarStandardsInfoRules: {
@@ -137,133 +143,7 @@
           children: 'children'
         },
 
-        linkList: [
-          {
-            url: 'http://www.sac.gov.cn/',
-            name: '国家标准化管理委员会',
-            orderBy: '01'
-          },
-          {
-            url: 'http://std.samr.gov.cn/',
-            name: '全国标准公共服务平台',
-            orderBy: '02'
-          },
-          {
-            url: 'http://www.gb688.cn/bzgk/gb/gbMainQuery%E5%9B%BD%E5%AE%B6%E6%A0%87%E5%87%86%E5%85%A8%E6%96%87%E5%85%AC%E5%BC%80',
-            name: '国家标准全文公开',
-            orderBy: '03'
-          },
-          {
-            url: 'http://www.catarc.org.cn/',
-            name: '全国汽车标准化技术委员会',
-            orderBy: '04'
-          },
-          {
-            url: 'http://jtst.mot.gov.cn/news/',
-            name: '交通运输标准化信息平台',
-            orderBy: '05'
-          },
-          {
-            url: 'https://www.miit.gov.cn/index.html',
-            name: '中华人民共和国工业和信息化部',
-            orderBy: '06'
-          },
-          {
-            url: 'http://www.miit-eidc.org.cn/',
-            name: '工信部装备工业发展中心',
-            orderBy: '07'
-          },
-          {
-            url: 'http://www.mee.gov.cn/',
-            name: '中华人民共和国生态环境部',
-            orderBy: '08'
-          },
-          {
-            url: 'http://sthjj.beijing.gov.cn/',
-            name: '北京市生态环境局',
-            orderBy: '09'
-          },
-          {
-            url: 'http://www.tmri.cn/',
-            name: '公安部交通管理科学研究院',
-            orderBy: '10'
-          },
-          {
-            url: 'http://www.tbt-sps.gov.cn/page/cwtoz/Indexquery.action',
-            name: '中国WTO/TBT-SPS通报资讯网',
-            orderBy: '11'
-          },
-          {
-            url: 'http://www.samr.gov.cn/',
-            name: '国家市场监督管理总局',
-            orderBy: '12'
-          },
-          {
-            url: 'http://www.caam.org.cn/',
-            name: '中国汽车工业协会',
-            orderBy: '13'
-          },
-          {
-            url: 'http://www.sae-china.org/',
-            name: '汽车工程学会',
-            orderBy: '14'
-          },
-          {
-            url: 'http://csae.sae-china.org/',
-            name: 'CSAE汽车工程学会标准',
-            orderBy: '15'
-          },
-          {
-            url: 'http://www.ttbz.org.cn/',
-            name: '全国团体标准信息平台',
-            orderBy: '16'
-          },
-          {
-            url: 'http://www.autoinfo.org.cn/',
-            name: '中国汽车工业信息网',
-            orderBy: '17'
-          },
-          {
-            url: 'http://cv.ce.cn/',
-            name: '中国商用车辆网',
-            orderBy: '18'
-          },
-          {
-            url: 'http://www.cnspv.cn/',
-            name: '中国专用汽车网',
-            orderBy: '19'
-          },
-          {
-            url: 'http://scjgj.beijing.gov.cn/bsfw/bmfw/bzhzl/',
-            name: '北京市市场监督管理局',
-            orderBy: '20'
-          },
-          {
-            url: 'http://www.unece.org/',
-            name: '欧盟经济委员会',
-            orderBy: '21'
-          },
-          {
-            url: 'https://eur-lex.europa.eu',
-            name: '欧盟',
-            orderBy: '22'
-          },
-          {
-            url: 'http://ec.europa.eu',
-            name: '欧共体',
-            orderBy: '23'
-          },
-          {
-            url: 'https://www.iso.org',
-            name: 'ISO',
-            orderBy: '24'
-          },
-          {
-            url: 'https://www.interregs.net/',
-            name: 'InterRegs',
-            orderBy: '25'
-          }
-        ]
+        linkList: []
       }
     },
     methods: {
@@ -274,26 +154,43 @@
         this.modalshowflag = true
       },
 
-      // //头部顺序调整按钮
-      // linkOrder () {
-      //   this.$http.post('sarUrl/tsUrl/order',{
-      //     urlId: this.sarStandardsInfoEO.url
-      //   })
-      // },
+      //头部顺序调整按钮
+      linkOrder () {
+        this.order=[]
+        for (var i=0;i<this.linkList.length;i++){
+          this.order.push({
+            urlId:this.linkList[i].id,
+            sortId:this.linkList[i].sortId
+          })
+        }
+        this.$http.postData('sarUrl/tsUrl/order',this.order, {}, res => {
+          if (res.ok) {
+          }else {
+            this.$message.warning(res.message)
+          }
+        })
+      },
 
       //头部删除按钮
-      deleteAllLink(row) {
+      deleteAllLink() {
+        this.selectId=[]
+        for (var i=0;i<this.selectList.length;i++){
+          this.selectId.push(this.selectList[i].id)
+        }
+        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', {
-            id: this.selectList.id
+            ids: this.ids
           }, {}, res => {
             if (res.ok) {
               this.$message.success('删除成功')
               this.getLink()
+            }else {
+              this.$message.warning(res.message)
             }
           })
         }
@@ -310,9 +207,8 @@
         this.$refs['sarStandardsInfoForm'].validate((valid) => {
           if (valid) {
             if (this.type === 1) {
-              this.$http.post('sarUrl/tsUrl/add', {
-                name: this.sarStandardsInfoEO.name,
-                url: this.sarStandardsInfoEO.url,
+              this.$http.postData('/sarUrl/tsUrl/add', {
+                ...this.sarStandardsInfoEO,
               }, {
                 _this: this,
                 loading: 'Loading'
@@ -326,7 +222,8 @@
                 }
               })
             } else {
-              this.$http.put('sarUrl/tsUrl/edit', {
+              // 编辑
+              this.$http.putData('/sarUrl/tsUrl/edit', {
                 id: this.editId,
                 name: this.sarStandardsInfoEO.name,
                 url: this.sarStandardsInfoEO.url,
@@ -365,10 +262,15 @@
       deleteLink (row) {
         this.$http.delete('sarUrl/tsUrl/delete', {
           id: row.id
-        }, {}, res => {
+        }, {
+          _this: this,
+          loading: 'Loading'
+        }, res => {
           if (res.ok) {
             this.$message.success('删除成功')
             this.getLink()
+          }else {
+            this.$message.warning(res.message)
           }
         })
       },
@@ -379,7 +281,7 @@
         this.editId = row.id
         this.sarStandardsInfoEO.name = row.name
         this.sarStandardsInfoEO.url = row.url
-        this.sarStandardsInfoEO.orderBy = row.orderBy
+        this.sarStandardsInfoEO.sortId = row.sortId
         this.dialogTitle = '修改链接'
         this.modalshowflag = true
       },
@@ -391,12 +293,12 @@
 
       // 获取链接数据
       getLink () {
-        this.$http.get('sarUrl/tsUrl', {}, {
-          _this: this,
-          loading: 'Loading'
-        }, res=> {
-          this.data = res.data
-          console.log(data);
+        this.$http.get('sarUrl/tsUrl', {
+          }, {
+            _this: this,
+            loading: 'Loading'
+          }, res=> {
+          this.linkList = res.data
         })
       },
     },
@@ -407,14 +309,14 @@
 </script>
 
 <style lang="less" scoped>
-@import '~@/assets/styles/mixins';
-#post-manage {
-  height: 100%;
-  .content {
-    height: calc(~'100% - 53px')
+  @import '~@/assets/styles/mixins';
+  #post-manage {
+    height: 100%;
+    .content {
+      height: calc(~'100% - 53px')
+    }
+    .filter-tree {
+      height: calc(~'100% - 50px')
+    }
   }
-  .filter-tree {
-    height: calc(~'100% - 50px')
-  }
-}
 </style>