fix:设备告警 网关告警

hx-ai-intelligent/src/view/alarmManagement/equipmentAlarm/status.vue

@@ -39,21 +39,22 @@
         </div>
       </a-tab-pane>
       <a-tab-pane key="2" tab="状态流程">
-        <NsSteps v-bind="config" />
+        <!-- 自动生成工单 -->
+        <div v-if="infoObject.createWorkOrder === 1"> xxxx </div>
+        <!-- 没有自动生成工单 -->
+        <NsSteps v-else v-bind="config" />
       </a-tab-pane>
     </a-tabs>
     <template #footer>
-      <!-- <a-button style="margin-right: 8px" type="primary" @click="createOrder">创建工单</a-button> -->
       <a-button type="primary" @click="btnClick">确定</a-button>
     </template>
   </ns-drawer>
 </template>
 <script>
   import { defineComponent } from 'vue';
-  import { ref, createVNode } from 'vue';
+  import { ref } from 'vue';
   import NsSteps from '/@/components/ns-steps.vue';
-  import { NsMessage, NsModal } from '/nerv-lib/component';
-  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import { NsMessage } from '/nerv-lib/component';
 
   export default defineComponent({
     components: { NsSteps },
@@ -62,19 +63,14 @@
       const visible = ref(false);
       const showEdit = ref(true);
       const infoObject = ref({});
-      const statusOptions = ref([
-        { value: '0', label: '待处理' },
-        { value: '1', label: '处理中' },
-        { value: '2', label: '已完成' },
-        { value: '3', label: '超时' },
-        { value: '4', label: '已关闭' },
-      ]);
+      const data = ref({});
+      const statusOptions = ref();
       const logList = ref([
-        { name: '李四', status: '2', time: '2024-03-10 10:00:00', desc: '完成' },
+        { name: '李四', status: '3', time: '2024-03-10 10:00:00', desc: '完成' },
+        { name: '王五', status: '5', time: '2024-03-10 10:00:00' },
         { name: '王五', status: '4', time: '2024-03-10 10:00:00' },
-        { name: '王五', status: '3', time: '2024-03-10 10:00:00' },
-        { name: '王五', status: '1', time: '2024-03-10 10:00:00', desc: '创建工单' },
-        { name: '赵六', status: '0', time: '2024-03-10 10:00:00' },
+        { name: '王五', status: '2', time: '2024-03-10 10:00:00', desc: '创建工单' },
+        { name: '赵六', status: '1', time: '2024-03-10 10:00:00' },
       ]);
       const config = ref({
         size: logList.value.length,
@@ -84,23 +80,41 @@
         visible.value = false;
       };
       const btnClick = () => {
+        NsMessage.success('操作成功');
         console.log('btnClick');
       };
       const toggle = (data) => {
+        data.value = data;
         infoObject.value = { ...logList.value[0] };
+        if (data.value.createWorkOrder === 1) {
+          statusOptions.value = [
+            { value: '1', label: '待处理' },
+            { value: '2', label: '处理中' },
+            { value: '3', label: '已完成' },
+            { value: '4', label: '超时' },
+            { value: '5', label: '已关闭' },
+          ];
+        } else {
+          statusOptions.value = [
+            { value: '1', label: '待处理' },
+            { value: '2', label: '处理中' },
+            { value: '3', label: '已完成' },
+            { value: '5', label: '已关闭' },
+          ];
+        }
         let statusMap = {
-          0: '待处理',
-          1: '处理中',
-          2: '已完成',
-          3: '超时',
-          4: '已关闭',
+          1: '待处理',
+          2: '处理中',
+          3: '已完成',
+          4: '超时',
+          5: '已关闭',
         };
         let colorMap = {
-          0: '#ff7602',
-          1: '#00a1e6',
-          2: '#04d919',
-          3: '#d9001b',
-          4: '#a6a6a6',
+          1: '#ff7602',
+          2: '#00a1e6',
+          3: '#04d919',
+          4: '#d9001b',
+          5: '#a6a6a6',
         };
         logList.value.forEach((item) => {
           item.statusName = statusMap[item.status];
@@ -109,38 +123,12 @@
         });
         visible.value = true;
       };
-      const createOrder = () => {
-        NsModal.confirm({
-          title: '提示',
-          icon: createVNode(ExclamationCircleOutlined),
-          content: '是否创建工单',
-          okText: '确认',
-          okType: 'primary',
-          cancelText: '取消',
-          onOk() {
-            NsModal.confirm({
-              title: '提示',
-              icon: createVNode(ExclamationCircleOutlined),
-              content: '工单创建成功，工单号xxxxxxxxx',
-              okText: '确认',
-              okType: 'primary',
-              cancelButtonProps: { style: { display: 'none' } }, // 正确设置取消按钮样式
-              onOk() {
-                console.log('创建工单');
-              },
-            });
-          },
-          onCancel() {
-            console.log('Cancel');
-          },
-        });
-      };
       return {
         infoObject,
         showEdit,
+        data,
         statusOptions,
         btnClick,
-        createOrder,
         visible,
         logList,
         config,