安全监控-分站管理界面及功能修改提交

src/views/vent/safetyList/index.vue

@@ -63,6 +63,15 @@
 
           </template>
         </a-table>
+        <!-- 一键启动弹窗 -->
+        <a-modal style="top:300px;left:360px" v-model:visible="visibleModal" :width="450" title="一键启动" @ok="handleOk"
+          @cancel="handleCancel">
+          <a-form :model="startupData" labelAlign="right" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
+            <a-form-item label="安装位置">
+              <a-input v-model:value="startupData.address" placeholder="请输入" style="width: 260px" />
+            </a-form-item>
+          </a-form>
+        </a-modal>
       </div>
     </div>
   </div>
@@ -74,6 +83,7 @@ import customHeader from '/@/components/vent/customHeader.vue';
 import { subStationList, getList, getEdit, runDeviceMonitor } from './safetyList.api';
 import { columns } from './safetyList.data'
 
+let value = ref('12111111')
 let isShow = ref(false)
 let stationName = ref('')
 let stationStatus = ref(null)
@@ -97,6 +107,13 @@ let pagination = reactive({
   pageSizeOptions: ['10', '20', '30', '40', '50', '100'], // 可选的每页显示条数
 });
 let tableData = ref<any[]>([])
+//一键启动弹窗
+let visibleModal = ref(false);
+let startupData = reactive({
+  address: '',
+})
+let devId = ref('')
+let devName = ref('')
 
 
 //获取分站信息
@@ -119,6 +136,7 @@ function cardClick(item, index) {
   stationStatus.value = item.linkstatus
   stationId.value = item.id
   isShow.value = true
+  getStationList()
 }
 //站点名称编辑
 function changeName(val) {
@@ -136,9 +154,8 @@ async function getChangeStation() {
 }
 //获取详细信息列表
 async function getStationList() {
-  let res = await getList({ pageNo: pagination.current, pageSize: pagination.pageSize, })
+  let res = await getList({ subId: stationId.value, pageNo: pagination.current, pageSize: pagination.pageSize, })
   console.log(res, '详细信息列表--------')
-
   res.forEach(el => {
     el.key = el.id
     el.linkstatusC = el.linkstatus ? '连接' : '未连接'
@@ -162,11 +179,21 @@ function pageChange(val) {
   getStationList();
 }
 //启动新设备
-async function handlerunDeviceMonitor(record) {
-  let res = await runDeviceMonitor({ devId: record.id })
-  console.log(res,'新设备启动---')
+function handlerunDeviceMonitor(record) {
+  visibleModal.value = true
+  startupData.address = record.strinstallpos
+  devId.value = record.id
+}
+async function handleOk() {
+  let res = await runDeviceMonitor({ devId: devId.value, devName: startupData.address })
+  console.log(res, '新设备启动---')
+  visibleModal.value = false
   getStationList();
 }
+function handleCancel() {
+  visibleModal.value = false
+  startupData.address = ''
+}
 
 onMounted(() => {
   getSubStationList()
@@ -337,6 +364,11 @@ onMounted(() => {
   }
 }
 
+.zxm-form {
+  padding-top: 20px !important;
+  box-sizing: border-box;
+}
+
 ::v-deep(.zxm-radio-wrapper) {
   font-size: 12px;
 }