feat: 短信

wupengfei

2025-09-29 588f577a14b2a51663d43f3bf2f303862d65b932

 src/views/TraceIdLogManage/components/JsonViewerDialog.vue

@@ -1,12 +1,23 @@
<template>
  <ProDialog title="查看" v-model="visible" destroy-on-close draggable>
    <json-viewer
      :copyable="true"
      :boxed="true"
      :preview-mode="true"
      :value="form.json"
      expanded
    ></json-viewer>
    <ProForm :model="form" ref="dialogForm" label-width="120px">
      <ProFormItemV2
        v-for="(item, index) in jsonList"
        :label="`${item}：`"
        :key="index"
        prop="electronSignAccesses"
        required
      >
        <json-viewer
          :copyable="true"
          :boxed="true"
          :preview-mode="true"
          :value="form.json?.[item]"
          expanded
        ></json-viewer>
      </ProFormItemV2>
    </ProForm>

    <template #footer>
      <span class="dialog-footer">
        <el-button @click="emit('onCancel')">取 消</el-button>
@@ -17,7 +28,7 @@
</template>

<script setup lang="ts">
import { ProDialog } from '@bole-core/components';
import { ProDialog, ProForm, ProFormItemV2 } from '@bole-core/components';
import JsonViewer from 'vue-json-viewer';

defineOptions({
@@ -37,6 +48,10 @@

const form = defineModel<Form>('form');

const jsonList = computed(() => {
  return Object.keys(form.value.json);
});

const emit = defineEmits<{
  (e: 'onConfirm'): void;
  (e: 'onCancel'): void;