重点工程-平台中所有的视频现支持反查绑定的重点工程

src/views/keyprojects/videomanager/components/video-list.vue

@@ -50,9 +50,10 @@
           <span v-else>未定位</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="left" width="500">
+      <el-table-column label="操作" align="left" width="600px">
         <template slot-scope="{row}">
           <el-button :disabled="STATE == 2" type="success" icon="el-icon-caret-right" size="mini" @click="showVideo(row)">播放</el-button>
+          <el-button type="success" size="mini" @click="getOutsourced(row)">查询绑定</el-button>
           <el-button type="info" icon="el-icon-location-information" size="mini" @click="handleMap(row)">定位</el-button>
           <el-button v-show="!row.PLATFORMVIDEOMANAGEMENT_ID" :disabled="STATE == 2" type="warning" icon="el-icon-caret-right" size="mini" @click="showVideoBack(row.VIDEOURL)">回放</el-button>
           <el-button v-show="row.PLATFORMVIDEOMANAGEMENT_ID" :disabled="STATE == 2" type="warning" size="mini" @click="getRTSP(row)">获取rtsp地址</el-button>
@@ -150,7 +151,49 @@
         <el-button @click="back">取 消</el-button>
       </div>
     </el-dialog>
+    <!-- 反查重点工程 -->
+    <el-dialog
+      :visible.sync="outsourcedListVisible"
+      :title="'绑定列表'"
+      width="80%">
+      <el-table
+      v-loading="listLoading"
+      ref="multipleTable"
+      :data="outsourcedList"
+      :row-key="getRowKey"
+      :header-cell-style="{
+        'font-weight': 'bold',
+        'color': '#000'
+      }"
+      tooltip-effect="dark"
+      border
+      fit
+      highlight-current-row
+    >
 
+      <el-table-column type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="OUTSOURCED_NAME" label="重点工程名称" show-overflow-tooltip />
+
+      <el-table-column prop="STATE" label="状态" width="100" >
+        <template slot-scope="{row}">
+          <span v-if="row.STATE == 0">未开工</span>
+          <span v-if="row.STATE == 1">进行中</span>
+          <span v-if="row.STATE == 2">已结束</span>
+          <span v-if="row.STATE == -1">开工申请中</span>
+          <span v-if="row.STATE == -2">结束申请中</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="400">
+        <template slot-scope="{row}">
+          <el-button type="danger" icon="el-icon-delete" size="mini" @click="untie(row.VIDEOMANAGER_ID)">解绑</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="outsourcedListVisible = false">返 回</el-button>
+      </div>
+    </el-dialog>
+    <!-- 反查重点工程END -->
     <platformvideo ref="platformvideo" @handleSelected="handleSelected"/>
     <BobileCamer ref="bobileCamer" @bobilehandleSelected="bobilehandleSelected"/>
   </div>
@@ -180,6 +223,9 @@ export default {
       dialogImageUrl: '',
       dialogVisible: false,
       dialogSelect: false,
+      outsourcedListVisible: false,// 重点工程
+      controlRowTemp: null,// 正在操作的row，用于删除后刷新
+      outsourcedList: [],// 重点工程
       add: true,
       del: true,
       edit: true,
@@ -735,7 +781,52 @@ export default {
     goBack() {
       this.$parent.activeName = 'List'
       this.$parent.OUTSOURCED_ID = ''
-    }
+    },
+    // 获取重点工程列表
+    async getOutsourced (row){
+      this.listLoading = true
+      this.outsourcedListVisible = true
+      this.controlRowTemp = row
+      this.outsourcedList = []
+      requestFN(
+        `/videoResources/getRelevanceOutsourced?VIDEO_ID=${row.VIDEO_RESOURCES_ID}`,
+        {
+          
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.outsourcedList = data.varList
+      }).catch((e) => {
+        this.listLoading = false
+      })
+
+    },
+    async untie(id) {
+      this.$confirm('确定要删除吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.listLoading = true
+        console.log(this.VIDEOMANAGER_ID)
+        requestFN(
+          '/videomanager/delete',
+          {
+            VIDEOMANAGER_ID: id
+          }
+        ).then(() => {
+          this.$message({
+            message: '删除成功',
+            type: 'success'
+          })
+          this.getOutsourced(this.controlRowTemp)
+          this.listLoading = false
+        }).catch((e) => {
+          this.listLoading = false
+        })
+      }).catch(() => {
+      })
+    },
   }
 
 }