分站管理监测名称编辑-修改提交

src/views/vent/home/dustInfoTj/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="dustInfoTj">
-    <customHeader>安全监控新增列表</customHeader>
+    <customHeader>粉尘信息统计</customHeader>
     <div class="tj-content">
       <div class="mine-content">
         <div class="content-tabs">
@@ -184,7 +184,7 @@ let yData2 = reactive<any[]>([
     value: 10,
   },
 ])
-let title2=ref('榆林市')
+let title2 = ref('榆林市')
 //tabs选项切换
 function getChange(active) {
   activeIndex.value = active;
@@ -268,7 +268,7 @@ function getOption() {
       console.log(params, 'params----------')
       xData2.length = 0
       yData2.length = 0
-      title2.value=params.name
+      title2.value = params.name
       if (params.name == '西安市') {
         xData2 = ['新城区', '碑林区', '莲湖区', '雁塔区', '未央区', '灞桥区', '阎良区', '临潼区', '长安区', '鄠邑区', '高陵区', '周至县', '蓝田县']
         yData2 = [
@@ -304,7 +304,7 @@ function getOption() {
         ]
         getOptionAll();
       } else if (params.name == '咸阳市') {
-        xData2 = ['秦都区', '渭城区', '彬州市', '兴平市', '武功县', '礼泉县', '泾阳县', '三原县', '永寿县', '彬县', '长武县', '旬邑县','淳化县']
+        xData2 = ['秦都区', '渭城区', '彬州市', '兴平市', '武功县', '礼泉县', '泾阳县', '三原县', '永寿县', '彬县', '长武县', '旬邑县', '淳化县']
         yData2 = [
           { name: '秦都区', value: 5 },
           { name: '渭城区', value: 5 },
@@ -322,7 +322,7 @@ function getOption() {
         ]
         getOptionAll();
       } else if (params.name == '铜川市') {
-        xData2 = ['耀州区', '王益区', '印台区', '宜君县', ]
+        xData2 = ['耀州区', '王益区', '印台区', '宜君县',]
         yData2 = [
           { name: '耀州区', value: 5 },
           { name: '王益区', value: 5 },
@@ -332,7 +332,7 @@ function getOption() {
         getOptionAll();
 
       } else if (params.name == '渭南市') {
-        xData2 = ['临渭区', '华州区', '潼关县', '大荔县', '合阳县', '澄城县', '白水县', '蒲城县', '富平县', '韩城市', '华阴市', ]
+        xData2 = ['临渭区', '华州区', '潼关县', '大荔县', '合阳县', '澄城县', '白水县', '蒲城县', '富平县', '韩城市', '华阴市',]
         yData2 = [
           { name: '临渭区', value: 5 },
           { name: '华州区', value: 5 },
@@ -348,7 +348,7 @@ function getOption() {
         ]
         getOptionAll();
       } else if (params.name == '延安市') {
-        xData2 = ['宝塔区', '安塞区', '子长市‌', '延长县', '延川县', '志丹县', '吴起县', '甘泉县', '‌富县', '洛川县‌', '宜川县‌','黄陵县‌','黄龙县' ]
+        xData2 = ['宝塔区', '安塞区', '子长市‌', '延长县', '延川县', '志丹县', '吴起县', '甘泉县', '‌富县', '洛川县‌', '宜川县‌', '黄陵县‌', '黄龙县']
         yData2 = [
           { name: '宝塔区', value: 5 },
           { name: '安塞区', value: 5 },
@@ -415,7 +415,7 @@ function getOption() {
         ]
         getOptionAll();
       } else if (params.name == '汉中市') {
-        xData2 = ['汉台区', '南郑区',  '城固区', '勉县', '洋县', '西乡县', '宁强县', '略阳县', '镇巴县', '留坝县','佛坪县', ]
+        xData2 = ['汉台区', '南郑区', '城固区', '勉县', '洋县', '西乡县', '宁强县', '略阳县', '镇巴县', '留坝县', '佛坪县',]
         yData2 = [
           { name: '汉台区', value: 5 },
           { name: '南郑区', value: 5 },
@@ -431,7 +431,7 @@ function getOption() {
         ]
         getOptionAll();
       } else if (params.name == '安康市') {
-        xData2 = ['汉滨区', '旬阳市',  '汉阴县', '石泉县', '宁陕县', '紫阳县', '岚皋县', '平利县', '镇坪县', '白河县', ]
+        xData2 = ['汉滨区', '旬阳市', '汉阴县', '石泉县', '宁陕县', '紫阳县', '岚皋县', '平利县', '镇坪县', '白河县',]
         yData2 = [
           { name: '汉滨区', value: 5 },
           { name: '旬阳市', value: 5 },
@@ -446,7 +446,7 @@ function getOption() {
         ]
         getOptionAll();
       } else if (params.name == '商洛市') {
-        xData2 = ['商州区', '洛南县',  '丹凤县', '商南县', '山阳县', '镇安县', '柞水县',  ]
+        xData2 = ['商州区', '洛南县', '丹凤县', '商南县', '山阳县', '镇安县', '柞水县',]
         yData2 = [
           { name: '商州区', value: 5 },
           { name: '洛南县', value: 5 },

src/views/vent/safetyList/index.vue

@@ -47,7 +47,9 @@
         <a-table size="small" :scroll="{ y: 710 }" :columns="columns" :data-source="tableData" :pagination="pagination"
           @change="pageChange">
           <template #action="{ record }">
-            <a v-show="record.linkId == '0'" class="table-action-link" @click="handlerunDeviceMonitor(record)">启动</a>
+            <a-button type="primary" style="margin-right:10px" :disabled="record.linkId != '0'" size="small"
+              @click="handlerunDeviceMonitor(record, '启动')">启动</a-button>
+            <a-button type="success" size="small" @click="handlerunDeviceMonitor(record, '编辑')">编辑</a-button>
           </template>
           <template #bodyCell="{ column, text }">
             <template v-if="column.dataIndex === 'valueJc' && text">
@@ -72,6 +74,15 @@
             </a-form-item>
           </a-form>
         </a-modal>
+        <!-- 编辑弹窗 -->
+        <a-modal style="top:300px;left:360px" v-model:visible="visibleModalEdit" :width="450" title="编辑信息"
+          @ok="handleOkEdit" @cancel="handleCancelEdit">
+          <a-form :model="startupDataEdit" labelAlign="right" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
+            <a-form-item label="安装位置">
+              <a-input v-model:value="startupDataEdit.address" maxlength="8" placeholder="请输入" style="width: 260px" />
+            </a-form-item>
+          </a-form>
+        </a-modal>
       </div>
     </div>
   </div>
@@ -80,7 +91,7 @@
 <script setup lang="ts">
 import { ref, nextTick, reactive, onMounted, onUnmounted } from 'vue';
 import customHeader from '/@/components/vent/customHeader.vue';
-import { subStationList, getList, getEdit, runDeviceMonitor } from './safetyList.api';
+import { subStationList, getList, getEdit, runDeviceMonitor,update158DevName } from './safetyList.api';
 import { columns } from './safetyList.data'
 
 let isShow = ref(false)
@@ -113,6 +124,11 @@ let startupData = reactive({
 })
 let devId = ref('')
 
+//编辑弹窗
+let visibleModalEdit = ref(false)
+let startupDataEdit = reactive({
+  address: ''
+})
 
 // https获取监测数据
 let timer: null | NodeJS.Timeout = null;
@@ -192,10 +208,18 @@ function pageChange(val) {
   getStationList();
 }
 //启动新设备
-function handlerunDeviceMonitor(record) {
-  visibleModal.value = true
-  startupData.address = record.strinstallpos
+function handlerunDeviceMonitor(record, val) {
   devId.value = record.id
+  switch (val) {
+    case '编辑':
+      visibleModalEdit.value = true
+      startupDataEdit.address=record.strinstallpos
+      break;
+    case '启动':
+      visibleModal.value = true
+      startupData.address = record.strinstallpos
+      break;
+  }
 }
 async function handleOk() {
   let res = await runDeviceMonitor({ devId: devId.value, devName: startupData.address })
@@ -207,6 +231,18 @@ function handleCancel() {
   visibleModal.value = false
   startupData.address = ''
 }
+//编辑
+async function handleOkEdit() {
+  let res = await update158DevName({ devId: devId.value, devName: startupDataEdit.address })
+  console.log(res, '设备名称编辑---')
+  visibleModalEdit.value = false
+  getStationList();
+}
+//取消编辑
+function handleCancelEdit() {
+  visibleModalEdit.value = false
+  startupDataEdit.address=''
+}
 
 onMounted(() => {
   getSubStationList()

src/views/vent/safetyList/safetyList.api.ts

@@ -4,7 +4,8 @@ enum Api {
   subStationList = '/safety/ventanalySubStation/alllist',
   getList='/safety/ventanalyDeviceInfo/getDeviceListBySubId',
   getEdit='/safety/ventanalySubStation/edit',
-  runDeviceMonitor='/safety/ventanalyDeviceInfo/runDeviceMonitor'
+  runDeviceMonitor='/safety/ventanalyDeviceInfo/runDeviceMonitor',
+  update158DevName='/safety/ventanalyDeviceInfo/update158DevName'
 }
 
 
@@ -15,4 +16,6 @@ export const getList = (params) => defHttp.post({ url: Api.getList, params });
 //分站编辑
 export const getEdit = (params) => defHttp.put({ url: Api.getEdit, params });
 //启动新设备
-export const runDeviceMonitor = (params) => defHttp.post({ url: Api.runDeviceMonitor, params });
+export const runDeviceMonitor = (params) => defHttp.post({ url: Api.runDeviceMonitor, params });
+//编辑设备名称
+export const update158DevName = (params) => defHttp.post({ url: Api.update158DevName, params });

src/views/vent/safetyList/safetyList.data.ts

@@ -40,7 +40,7 @@ export const columns: BasicColumn[] = [
     {
         title: '操作',
         dataIndex: 'action',
-        width: 100,
+        width: 200,
         align: 'center',
         slots: { customRender: 'action' },
     },