更新

src/views/backOfficeSystem/IntelligentControl/myControl/index.vue

@@ -25,6 +25,9 @@
           :controlsWidth="pageData.controlsWidth"
           @chooseData="chooseData"
         >
+        <template #yjcs="{row}">
+          <span @click="openWarning(row)" style="color: #00ffff;" class="mr5 pointer">{{ row.yjcs }}</span>次
+        </template>
           <!-- 操作 -->
           <template #controls="{ row }">
             <el-link type="primary" size="small" @click="handleRow('edit', row)">编辑</el-link>
@@ -41,10 +44,13 @@
   </div>
   <!-- 布控对象 -->
   <AddBkdx ref="addBkdxForm" />
+  <!-- 预警弹窗 -->
+  <YjDialog ref="warningkdxForm"></YjDialog>
 </template>
 
 <script setup>
 import AddBkdx from "./components/addBkdx.vue";
+import YjDialog from "./components/yjDialog.vue";
 import PageTitle from "@/components/aboutTable/PageTitle.vue";
 import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
@@ -54,6 +60,7 @@ import { reactive, ref, onMounted, getCurrentInstance } from "vue";
 const { proxy } = getCurrentInstance();
 const { D_GS_BK_DJ, D_GS_BK_DX, D_GS_BK_ZT } = proxy.$dict("D_GS_BK_DJ","D_GS_BK_DX","D_GS_BK_ZT"); //获取字典数据
 const addBkdxForm = ref(null); //布控对象组件
+const warningkdxForm = ref(); //布控对象组件
 const searchBox = ref(); //搜索框
 const searchConfiger = ref([
   {
@@ -98,7 +105,7 @@ const searchConfiger = ref([
 ]);
 const queryFrom = ref({});
 const pageData = reactive({
-  tableData: [], //表格数据
+  tableData: [{yjcs:5}], //表格数据
   keyCount: 0,
   tableConfiger: {
     rowHieght: 61,
@@ -120,7 +127,7 @@ const pageData = reactive({
     { label: "预警标签模型", prop: "czYq", showSolt: true },
     { label: "布控范围", prop: "bkSjKs" },
     { label: "涉及人数", prop: "bkSjJs" },
-    { label: "预警次数", prop: "bkSjSx" },
+    { label: "预警次数", prop: "yjcs",showSolt: true  },
     { label: "处置接收单位", prop: "bkfqrXm" },
     { label: "开始时间", prop: "bkZt"},
     { label: "结束时间", prop: "bkZt"},
@@ -169,6 +176,13 @@ const getList = (val) => {
   //     pageData.tableConfiger.loading = false;
   //   });
 };
+const chooseData = (val) =>{
+  console.log(val,'====');
+}
+// 打开预警
+const openWarning = (val) =>{
+  warningkdxForm.value.init(val)
+}
 
 const sendControl = () => {
   addBkdxForm.value.init();
@@ -187,13 +201,4 @@ const tabHeightFn = () => {
   background: rgba(0, 0, 0, 0.5) !important;
 }
 
-.content {
-  background-color: #fff;
-  border-radius: 4px;
-  padding-top: 10px;
-
-  .btns {
-    padding: 0 10px;
-  }
-}
 </style>