开发中, 通过 websocket 来管理 docker 镜像和容器

src/views/devops/machine/Docker.vue

@@ -68,16 +68,6 @@
           width="210"
         >
           <template slot-scope="scope">
-            <el-button
-              size="mini"
-              type="danger"
-              @click="handleStart(scope.$index, scope.row)"
-            >启动</el-button>
-            <el-button
-              size="mini"
-              type="danger"
-              @click="handleStop(scope.$index, scope.row)"
-            >停止</el-button>
             <el-button
               size="mini"
               type="danger"
@@ -263,40 +253,6 @@ export default {
         })
       })
     },
-    handleStart(index, row) {
-      const formData = new FormData()
-      formData.append('opsType', 1)
-      formData.append('containerId', row.containerId)
-
-      const jsonPayload = {}
-      jsonPayload.machineId = this.machine
-      jsonPayload.ops = 'containerStart'
-      jsonPayload.payload = row.containerId
-      this.sendMessage(JSON.stringify(jsonPayload))
-      /* handleDockerContainer(formData).then(resp => {
-        this.$message.info(resp.msg)
-        this.getData()
-      }).catch(error => {
-        this.$message.error(error.message)
-      })*/
-    },
-    handleStop(index, row) {
-      const formData = new FormData()
-      formData.append('opsType', 2)
-      formData.append('containerId', row.containerId)
-
-      const jsonPayload = {}
-      jsonPayload.machineId = this.machine
-      jsonPayload.ops = 'containerStop'
-      jsonPayload.payload = row.containerId
-      this.sendMessage(JSON.stringify(jsonPayload))
-      /* handleDockerContainer(formData).then(resp => {
-        this.$message.info(resp.msg)
-        this.getData()
-      }).catch(error => {
-        this.$message.error(error.message)
-      })*/
-    },
     handleDelete(index, row) {
       this.$confirm('确定要删除选择的容器?', '提示', {
         confirmButtonText: '确定',
@@ -330,13 +286,15 @@ export default {
       const jsonPayload = {}
       jsonPayload.machineId = this.machine
       jsonPayload.ops = 'containerList'
-      // this.sendMessage(JSON.stringify(jsonPayload))
+      this.sendMessage(JSON.stringify(jsonPayload))
     },
     onGetImages() {
       const jsonPayload = {}
       jsonPayload.machineId = this.machine
       jsonPayload.ops = 'imageList'
+      jsonPayload.payload = this.queryInfo
       this.sendMessage(JSON.stringify(jsonPayload))
+      this.showImageDialog = true
 
       /* this.dataList1 = []
       getDockerImageList(this.queryInfo).then(resp => {
@@ -416,8 +374,10 @@ export default {
     processMessage(message) {
       const ops = message.ops
       if (ops === 'containerList') {
+        this.dataList = []
         this.dataList = message.resultList
       } else if (ops === 'imageList') {
+        this.dataList1 = []
         this.dataList1 = message.resultList
       } else {
         console.log(message)