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

2024-05-28 17:24:57 +08:00 · 2024-05-28 17:24:57 +08:00 · 1418fba680
parent 944d46eb30
commit 1418fba680
2 changed files with 194 additions and 4 deletions
--- a/src/views/keyprojects/platformvideo/index.vue
+++ b/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>
--- a/src/views/keyprojects/videoinfomanager/components/list.vue
+++ b/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>