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

src/views/keyprojects/platformvideo/index.vue

@@ -47,9 +47,10 @@
           <span v-else>未定位</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="left" width="400">
+      <el-table-column label="操作" align="left" width="500px">
         <template slot-scope="{row}">
           <el-button v-show="!row.PLATFORMVIDEOMANAGEMENT_ID" type="success" icon="el-icon-edit" size="mini" @click="handleIn(row)">加入</el-button>
+          <el-button v-show="row.PLATFORMVIDEOMANAGEMENT_ID" type="warning" size="mini" style="margin: 0;" @click="getOutsourced(row)">查询绑定</el-button>
           <el-button type="success" icon="el-icon-caret-right" size="mini" @click="showVideo(row)">播放</el-button>
           <el-button type="warning" size="mini" @click="getRTSP(row)">获取rtsp地址</el-button>
           <el-button type="info" icon="el-icon-location-information" size="mini" @click="handleMap(row)">定位</el-button>
@@ -89,6 +90,49 @@
         <el-button type="primary" @click="setPosition">确 定</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 -->
   </div>
 </template>
 <script>
@@ -110,6 +154,9 @@ export default {
         page: 1,
         limit: 20
       },
+      outsourcedListVisible: false,// 重点工程
+      controlRowTemp: null,// 正在操作的row，用于删除后刷新
+      outsourcedList: [],// 重点工程
       total: 0,
       KEYWORDS: '',
       tempList: [],
@@ -430,7 +477,53 @@ export default {
     handleBack() {
       this.player.dispose()
       this.dialogVideoHLS = false
-    }
+    },
+    // 获取重点工程列表
+    async getOutsourced (row){
+      this.listLoading = true
+      this.outsourcedListVisible = true
+      this.controlRowTemp = row
+      this.outsourcedList = []
+      requestFN(
+        `/videoResources/getRelevanceOutsourced?VIDEO_ID=${row.PLATFORMVIDEOMANAGEMENT_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(() => {
+      })
+
+    },
   }
 }
 </script>

src/views/keyprojects/videoinfomanager/components/list.vue

@@ -85,9 +85,15 @@
           </el-table-column>
           <el-table-column prop="CORP_NAME" label="创建人单位"/>
           <el-table-column prop="CREATOR_NAME" label="创建人"/>
-          <el-table-column label="操作" width="300px">
+          <el-table-column label="操作" width="400px">
             <template slot-scope="{row}">
               <el-button type="success" icon="el-icon-caret-right" size="mini" @click="showVideo(row)">播放</el-button>
+              <el-button
+                v-show="row.ITEM_COUNT != 0"
+                type="success"
+                size="mini"
+                @click="getOutsourced(row)">查询绑定
+              </el-button>
               <el-button
                 type="primary"
                 icon="el-icon-edit"
@@ -194,6 +200,49 @@
         <el-button type="primary" @click="confirm">提 交</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 -->
     <el-drawer
       :visible.sync="visible"
       title="重点工程"
@@ -245,6 +294,9 @@ export default {
       dialogVideoHLS: false,
       dialogVideoBack: false,
       dialogVideoAll: false,
+      outsourcedListVisible: false,// 重点工程
+      controlRowTemp: null,// 正在操作的row，用于删除后刷新
+      outsourcedList: [],// 重点工程
       corpinfoAllList: [],
       VIDEOURL: '',
       player: {},
@@ -667,7 +719,52 @@ export default {
       this.form.UNITS_ID = ''
       this.form.ONLINE_STATUS = ''
       this.getList()
-    }
+    },
+    // 获取重点工程列表
+    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(() => {
+      })
+    },
   }
 }
 </script>