src/views/data/channel/modbus/index.vue

@@ -39,7 +39,7 @@
          type="primary"
          plain
          @click="openForm('create')"
          v-hasPermi="['system:tenant:create']"
          v-hasPermi="['data:channel-modbus:create']"
        >
          <Icon icon="ep:plus" class="mr-5px" />
          新增
@@ -68,15 +68,23 @@
            link
            type="primary"
            @click="openForm('update', scope.row.id)"
            v-hasPermi="['system:tenant:update']"
            v-hasPermi="['data:channel-modbus:update']"
          >
            编辑
          </el-button>
          <el-button
            link
            type="primary"
            @click="openTagList(scope.row.name)"
            v-hasPermi="['data:channel-modbus:update']"
          >
            TAG
          </el-button>
          <el-button
            link
            type="danger"
            @click="handleDelete(scope.row.id)"
            v-hasPermi="['system:tenant:delete']"
            v-hasPermi="['data:channel-modbus:delete']"
          >
            删除
          </el-button>
@@ -95,15 +103,16 @@
  <!-- 表单弹窗：添加/修改 -->
  <ModBusDeviceForm ref="formRef" @success="getList" />

  <!-- TAG弹窗：添加/修改 -->
  <TagList ref="tagRef" @success="getList" />

</template>
<script lang="ts" setup>
  import {DICT_TYPE, getIntDictOptions} from '@/utils/dict'
  import {dateFormatter} from '@/utils/formatTime'
  import download from '@/utils/download'
  import * as ModbusApi from '@/api/data/channel/modbus'
  import ModBusDeviceForm from './ModBusDeviceForm.vue'
import * as ModbusApi from '@/api/data/channel/modbus'
import ModBusDeviceForm from './ModBusDeviceForm.vue'
import TagList from './tag/index.vue'

  defineOptions({name: 'DataModbus'})
defineOptions({name: 'DataModBus'})

  const message = useMessage() // 消息弹窗
  const {t} = useI18n() // 国际化
@@ -150,6 +159,12 @@
    formRef.value.open(type, id)
  }

  /** TAG操作 */
  const tagRef = ref()
  const openTagList = (name?: string) => {
    tagRef.value.open(name)
  }

  /** 删除按钮操作 */
  const handleDelete = async (id: number) => {
    try {