http api

 src/api/data/channel/http/index.ts

@@ -29,7 +29,7 @@

// 新增HttpApi
export const createHttpApi = (data: HttpApiVO) => {
  return request.post({ url: '/data/channel/http/api/add', data })
  return request.post({ url: '/data/channel/http/api/create', data })
}

// 修改HttpApi

 src/utils/dict.ts

@@ -247,5 +247,6 @@
  OPCUA_SECURITY_POLICY = 'opcua_security_policy',
  OPCUA_SECURITY_MODE = 'opcua_security_mode',
  OPCUA_CONNECTION_TYPE = 'opcua_connection_type',
  HTTP_METHOD = 'http_method',

}

 src/views/data/channel/http/HttpApiForm.vue

@@ -9,18 +9,18 @@
    >
      <el-row>
        <el-col :span="12">
          <el-form-item label="编码" prop="code">
            <el-input v-model="formData.code" placeholder="请输入编码"/>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="名称" prop="name">
            <el-input v-model="formData.name" placeholder="请输入名称" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="编码" prop="code">
            <el-input v-model="formData.code" placeholder="请输入编码" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
        <el-col :span="24">
          <el-form-item label="url" prop="url">
            <el-input v-model="formData.url" placeholder="请输入url" />
          </el-form-item>
@@ -28,32 +28,28 @@
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="方法" prop="method">
            <el-input v-model="formData.method" placeholder="请输入方法" />
          <el-form-item label="请求方法" prop="method">
            <el-select v-model="formData.method" placeholder="请选择">
              <el-option
                v-for="dict in getStrDictOptions(DICT_TYPE.HTTP_METHOD)"
                :key="dict.value"
                :label="dict.label"
                :value="dict.value"
              />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="采集类型" prop="collectType">
            <el-input v-model="formData.collectType" placeholder="请输入采集类型" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="参数" prop="param">
            <el-input v-model="formData.param" placeholder="请输入参数" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="描述" prop="descp">
            <el-input v-model="formData.descp" placeholder="请输入描述" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="状态" prop="status">
            <el-input v-model="formData.status" placeholder="请输入状态" />
        <el-col :span="24">
          <el-form-item label="描述" prop="descp">
            <el-input v-model="formData.descp" placeholder="请输入描述" type="textarea" maxlength="100"
                      show-word-limit/>
          </el-form-item>
        </el-col>
      </el-row>
@@ -66,6 +62,7 @@
</template>
<script lang="ts" setup>
import * as HttpApi from '@/api/data/channel/http'
import { DICT_TYPE, getStrDictOptions, getBoolDictOptions } from '@/utils/dict'

defineOptions({ name: 'DataHttpApiForm' })


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

@@ -30,7 +30,7 @@
          type="primary"
          plain
          @click="openForm('create')"
          v-hasPermi="['system:tenant:create']"
          v-hasPermi="['data:channel-http:create']"
        >
          <Icon icon="ep:plus" class="mr-5px" />
          新增
@@ -44,20 +44,17 @@
    <el-table v-loading="loading" :data="list">
      <el-table-column label="名称" align="center" prop="name" />
      <el-table-column label="编码" align="center" prop="code" />
      <el-table-column label="url" align="center" prop="url" />
      <el-table-column label="url" header-align="center" align="left" min-width="300" prop="url"/>
      <el-table-column label="方法" align="center" prop="method" />
      <el-table-column label="采集类型" align="center" prop="collectType" />
      <el-table-column label="参数" align="center" prop="param" />
      <el-table-column label="描述" align="center" prop="descp" />
      <el-table-column label="状态" align="center" prop="status" />

      <el-table-column label="描述" header-align="center" align="left" min-width="300" prop="descp"/>
      <el-table-column label="操作" align="center" min-width="110" fixed="right">
        <template #default="scope">
          <el-button
            link
            type="primary"
            @click="openForm('update', scope.row.id)"
            v-hasPermi="['system:tenant:update']"
            v-hasPermi="['data:channel-http:update']"
          >
            编辑
          </el-button>
@@ -65,7 +62,7 @@
            link
            type="danger"
            @click="handleDelete(scope.row.id)"
            v-hasPermi="['system:tenant:delete']"
            v-hasPermi="['data:channel-http:delete']"
          >
            删除
          </el-button>
@@ -89,7 +86,7 @@
import * as HttpApi from '@/api/data/channel/http'
import HttpApiForm from './HttpApiForm.vue'

defineOptions({name: 'DataHttp'})
defineOptions({name: 'DataHttpApi'})

  const message = useMessage() // 消息弹窗
  const {t} = useI18n() // 国际化