未知依赖配置按钮

src/components/UnDependenceDispose/UnDependence.vue

@@ -33,8 +33,8 @@
                 label="操作"
                 align="center">
                 <template slot-scope="scope">
-                  <span class="change revise" @click="yesEdit(scope.row)"><span class="img support-img"></span>支持国产化</span>
-                  <span class="change delete" @click="noEdit(scope.row)"><span class="img Unsupport-img"></span>不支持国产化</span>
+                  <span class="buttonSupport support" @click="yesEdit(scope.row)">支持国产化</span>
+                  <span class="buttonSupport Unsupport" @click="noEdit(scope.row)">不支持国产化</span>
                 </template>
               </el-table-column>
             </el-table>
@@ -76,6 +76,7 @@ export default {
             components: '',
             technologyId:'未知依赖(未知)',
             input2: '',
+            status: 0
         }
     },
     mounted() {
@@ -95,12 +96,11 @@ export default {
             })
         },
         // 数据
-        getConfigList() {
+        getConfigList(dex, num, st) {
             let obj = {
                 technologyName:this.technologyId
             }
             this.$server.getConfigPageList(this.myPage,8,obj).then(res => {
-                console.log(res);
                 this.tableData = res.data.objects;
                 this.tablePageSize = res.data.totalElement;
             });
@@ -121,7 +121,7 @@ export default {
             this.components = '';
         },
         // 支持国产化
-        yesEdit(row){
+        yesEdit(row, index){
             let obj = {
                 suffix: ['java'],
                 target: row.target,
@@ -135,6 +135,7 @@ export default {
                     id:row.id
                 }
             };
+            console.log(index)
             this.$server.editConfigUpdate(obj).then(res => {
                 this.$message({
                     message: '修改成功',
@@ -144,7 +145,7 @@ export default {
             });
         },
         // 不支持国产化
-        noEdit(row){
+        noEdit(row, index){
             let obj = {
                 suffix: ['java'],
                 target: row.target,
@@ -219,32 +220,29 @@ export default {
   .UnDependence .content .button:hover{
     background: rgba(72,119,230,.6);
   }
-  .UnDependence .content .revise{
-    margin-right: 10px;
-  }
-  .UnDependence .content .img{
-    width: 17px;
-    height: 17px;
+  /*.UnDependence .content .img{*/
+  /*  width: 21px;*/
+  /*  height: 21px;*/
+  /*  display: inline-block;*/
+  /*  vertical-align: middle;*/
+  /*  margin-right: 5px;*/
+  /*}*/
+  .UnDependence .content .buttonSupport{
     display: inline-block;
-    vertical-align: middle;
+    background-color: #4877e6;
+    color: #ffffff;
+    border-radius: 4px;
+    line-height: 34px;
     margin-right: 5px;
+    width: 115px;
+    height: 34px;
   }
-  .UnDependence .support-img{
-    background-image: url("./img/select.png");
-  }
-  .Unsupport-img{
-    background-image: url("./img/un-select.png");
-  }
-  .el-table--striped .el-table__body tr.el-table__row--striped.el-table__row--striped.el-table__row--striped:hover td .support-img{
-    width: 19px;
-    height: 18px;
-    background-image: url("./img/select-h.png");
-    /*表格双行hover样式*/
+  .UnDependence .content .support:hover{
+    background-color: #ffffff;
+    color: #4877e6;
   }
-  .el-table--enable-row-hover .el-table__body tr:hover>td .support-img{
-    width: 19px;
-    height: 18px;
-    background-image: url("./img/select-h.png");
-    /*表格单行hover样式*/
+  .UnDependence .content .Unsupport:hover{
+    background-color: #ffffff;
+    color: #4877e6;
   }
 </style>
\ No newline at end of file