履职登记-履职项增加数据来源处理,弹窗增加

src/views/menu/resumption/detail.vue

@@ -272,6 +272,8 @@
       </div>
       <!--  nfc弹窗  -->
       <nfc-popup v-if="enable" ref="NfcPopup" @checkNFC="checkNFC" @change="changeNfcImg"></nfc-popup>
+      <!--  主机详情弹窗 -->
+      <DvrDetailDialog  ref="dvrDetail"/>
     </van-form>
   </div>
 </template>
@@ -284,14 +286,15 @@
   import { getDict } from '@/api/toConsult'
   import { saveTask, taskDetail } from '@/views/menu/resumption/api'
   import NfcPopup from '@/components/nfcPopup/gxmore'
+  import DvrDetailDialog from "./dvrDetailDialog.vue"
   import { imgUrl } from '@/utils'
   import dayjs from 'dayjs'
   import { mapGetters } from 'vuex'
-  import { ref } from 'vue'
-  import { uploadBase64 } from '@/api/public'
+
 
   export default {
     components: {
+      DvrDetailDialog,
       SelectCell,
       Uploader,
       NavBar,
@@ -805,6 +808,7 @@
       },
       viewDetails(point){
         console.log("point",point)
+        this.$refs.dvrDetail.show(point)
       },
       //保存数据
       resumptionDataSave() {

src/views/menu/resumption/dvrDetailDialog.vue

@@ -0,0 +1,113 @@
+<template>
+  <div class="nfc-popup">
+    <van-popup v-model="visible"  get-container="nfc-popup" lock-scroll>
+      <!-- 添加标题部分 -->
+      <div class="popup-header">
+       {{this.DialogTitle}}
+      </div>
+      <div class="dvr-detail">
+        <div class="container">
+          <k-list :list="smartOprationlist" :params="search" :auto="false" ref="list" @load="reLoadData">
+            <template slot-scope="{ data }">
+              <disk-item :data="data" :defaultExpanded="!search.checkSub"></disk-item>
+              <!--                  <item v-else :data="data" :defaultExpanded="!search.checkSub"></item>-->
+            </template>
+          </k-list>
+        </div>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import SelectCell from "@/components/selectCell";
+import Item from "views/menu/iot/smartOpration/components/item.vue";
+import KList from "components/list/index.vue";
+import DiskItem from "views/menu/iot/smartOpration/components/diskItem.vue";
+import { list,smartOprationlist } from '@/api/iot/videoDiagnosis.js'
+export default {
+  components:{DiskItem, KList, Item, SelectCell},
+  data(){
+    return {
+      //nfc弹窗
+      visible:false,
+      //nfc数据
+      dataList:[],
+      //自定义字段
+      prop:{
+        label:'checkName',
+        value:'nfccdoe'
+      },
+      search: {
+        orgId: this.orgId,
+        checkSub: true,
+        state: null,
+        pageNum: 1,
+        pageSize: 10,
+        activeTab:"videoCheck",
+      },
+      DialogTitle:'',
+    }
+  },
+  mounted() {
+
+  },
+  watch:{
+    visible(val){
+      if(!this.visible){
+        this.clear();
+      }
+    }
+  },
+  methods:{
+    list,
+    smartOprationlist,
+    //清空数据
+    clear(){
+      this.showBottomBox = true;
+      this.dataList = [];
+
+    },
+    //显示弹窗
+    show(point){
+      if (point.pointDataSource==2){
+        this.search.activeTab = "videoCheck";
+        this.DialogTitle="录像检测信息";
+      }else {
+        this.search.activeTab = "videoDiagnosis";
+        this.DialogTitle="视频质量诊断信息";
+      }
+      this.visible = true;
+    },
+  }
+}
+</script>
+<style lang="scss">
+#app{
+  .nfc-popup{
+    .van-popup--center{
+      border-radius: 40px;
+    }
+  }
+}
+
+/* 新增样式 - 弹窗标题 */
+.popup-header {
+  background-color: #007bff; /* 蓝色背景 */
+  color: white;
+  padding: 16px;
+  text-align: center;
+  font-weight: bold;
+  border-top-left-radius: 40px;
+  border-top-right-radius: 40px;
+}
+
+
+.dvr-detail{
+  width: 600px;
+  height: 800px;
+
+}
+
+
+</style>