From ca8f3a3479c04131e05ada1ce94ad6564204d293 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=9C=E7=8E=89=E7=90=A6?=
 <7507756+jiang_yuqi@user.noreply.gitee.com>
Date: Fri, 12 Jul 2024 02:23:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/menu/index.ts                     |   4 +-
 src/views/manage/calculate/edit.vue       |  33 +--
 src/views/manage/calculate/index.vue      |  11 +-
 src/views/manage/calculateParam/edit.vue  | 339 +++++++++++++---------
 src/views/manage/calculateParam/index.vue | 162 ++++-------
 5 files changed, 277 insertions(+), 272 deletions(-)

diff --git a/src/api/menu/index.ts b/src/api/menu/index.ts
index b9e0f7a..c8bd41c 100644
--- a/src/api/menu/index.ts
+++ b/src/api/menu/index.ts
@@ -297,9 +297,9 @@ class MenuAPI {
               },
             },
             {
-              path: "calculateParamView",
+              path: "calculateParamDetail",
               component: "manage/calculateParam/view",
-              name: "calculateParamView",
+              name: "calculateParamDetail",
               meta: {
                 title: "算子程序查看",
                 hidden: true,
diff --git a/src/views/manage/calculate/edit.vue b/src/views/manage/calculate/edit.vue
index 8babae1..a522537 100644
--- a/src/views/manage/calculate/edit.vue
+++ b/src/views/manage/calculate/edit.vue
@@ -2,7 +2,7 @@
 <template>
   <div class="app-container model-detail">
     <!-- 用户新增/编辑表单 -->
-    <el-card>
+    <el-card v-loading="loading">
       <template #header
         ><svg-icon icon-class="pause" style="width: 20px; height: 20px" /> 算子基本信息
       </template>
@@ -12,7 +12,6 @@
             ref="formRef"
             :model="formData"
             :rules="rules"
-            v-loading="loading"
             label-width="80px"
           >
             <el-form-item label="算子名称" prop="operator_name">
@@ -86,26 +85,20 @@
                 </template>
               </el-upload>
             </el-form-item>
-            <el-form-item label="文件预览" v-if="fileStatus">
-              <code id="codeHtml" v-html="codeHtml"></code>
-            </el-form-item>
           </el-form>
         </el-col>
         <el-col :lg="12" :xs="24">
-          <!-- <div style="padding-left: 35px">
-            <el-divider content-position="left"
-              ><strong style="color: #409eff">算子参数</strong></el-divider
+          <div style="padding-left: 35px" v-if="fileStatus">
+            <el-form
+              label-width="100px"
+              size="small"
             >
-            <el-table :data="list" style="width: 100%" stripe>
-              <el-table-column prop="csmc" label="参数名称" align="left"/>
-              <el-table-column prop="csmc" label="参数描述" align="left"/>
-              <el-table-column label="操作" fixed="right" width="120">
-                <template #default="scope">
-                  <el-button type="primary" plain size="small"><i-ep-view />查看参数</el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-          </div> -->
+              <el-divider content-position="left"
+                ><strong style="color: #409eff">算子文件预览</strong></el-divider
+              >
+              <code id="codeHtml" v-html="codeHtml"></code>
+            </el-form>
+          </div>
         </el-col>
       </el-row>
     </el-card>
@@ -121,19 +114,17 @@ import ConstApi from "@/api/const";
 import { useUserStore } from "@/store";
 import OperatorApi from "@/api/operator";
 const router = useRouter();
-const formRef = ref(ElForm); // 用户表单
+const formRef = ref(ElForm); // 表单
 const loading = ref(false); //  加载状态
 const fileStatus = ref(false); //  文件状态
 const codeHtml = ref(""); //  文件信息
 
 // 上传组件
 const uploadRef = ref<UploadInstance>();
-
 // 用户表单数据
 const formData = reactive({
   status: 1,
 });
-
 const userStore = useUserStore();
 
 // 基础数据列表
diff --git a/src/views/manage/calculate/index.vue b/src/views/manage/calculate/index.vue
index 07b0c6b..a914570 100644
--- a/src/views/manage/calculate/index.vue
+++ b/src/views/manage/calculate/index.vue
@@ -5,7 +5,7 @@
       <template #header>
         <div class="flex justify-between">
           <div>
-            <el-button type="primary" @click="handleAdd()"
+            <el-button type="primary" @click="handleAdd"
               ><i-ep-plus />添加算子</el-button
             >
           </div>
@@ -74,9 +74,13 @@
 
 <script setup lang="ts">
 import OperatorApi from '@/api/operator'
+
 const router = useRouter();
 
 const loading = ref(false); //  加载状态
+const total = ref(0); // 数据总数
+const pageData = ref([]); // 分页数据
+const removeIds = ref([]); // 删除ID集合 用于批量删除
 const queryFormRef = ref(ElForm); // 查询表单
 const queryParams = reactive({
   page_num: 1,
@@ -87,11 +91,6 @@ const queryParams = reactive({
   oper_main_type:null
 });
 
-const total = ref(0); // 数据总数
-const pageData = ref([]); // 用户分页数据
-
-const removeIds = ref([]); // 删除用户ID集合 用于批量删除
-
 /** 查询 */
 function handleQuery() {
   loading.value = true;
diff --git a/src/views/manage/calculateParam/edit.vue b/src/views/manage/calculateParam/edit.vue
index 4a3f71d..30fcc0b 100644
--- a/src/views/manage/calculateParam/edit.vue
+++ b/src/views/manage/calculateParam/edit.vue
@@ -2,114 +2,136 @@
 <template>
   <div class="app-container model-detail">
     <!-- 用户新增/编辑表单 -->
-    <el-card>
+    <el-card v-loading="loading">
       <template #header
         ><svg-icon icon-class="pause" style="width: 20px; height: 20px" />
-        算子参数基本信息
+        算子程序基本信息
       </template>
       <el-row>
         <el-col :lg="12" :xs="24">
-          <el-form
-            ref="userFormRef"
-            :model="formData"
-            :rules="rules"
-            v-loading="loading"
-            label-width="80px"
-          >
-            <el-form-item label="算子类型" prop="roleIds">
-              <el-row style="width: 100%">
-                <el-col :span="12">
-                  <el-select
-                    v-model="formData.roleIds"
-                    placeholder="请选择算子类型"
-                    style="width: 100%"
-                  >
-                    <el-option label="前置处理" value="1" />
-                  </el-select>
-                </el-col>
-                <el-col :span="12">
-                  <el-select
-                    v-model="formData.roleIds2"
-                    placeholder="请选择算子类型"
-                    style="width: 100%"
-                  >
-                    <el-option label="缩放算子" value="0" />
-                    <el-option label="图像分类" value="1" />
-                    <el-option label="目标检测" value="2" />
-                  </el-select>
-                </el-col>
-              </el-row>
-            </el-form-item>
-            <el-form-item label="适配硬件" prop="mobile">
+          <el-form ref="formRef" :model="formData" :rules="rules" label-width="80px">
+            <el-form-item label="算子类型" prop="oper_main_type">
               <el-select
-                v-model="formData.roleIds"
-                placeholder="请选择适配硬件"
+                v-model="formData.oper_main_type"
+                placeholder="请选择算子主类型"
                 style="width: 100%"
+                @change="handleChange"
               >
-                <el-option label="RGB24格式转换算子参数" value="1" />
-                <el-option label="图像缩放算子参数" value="2" />
-                <el-option label="人脸识别算子" value="2" />
+                <el-option
+                  v-for="item in listOpt.operTypeList"
+                  :key="item.oper_main_type"
+                  :label="item.oper_main_type_name"
+                  :value="item.oper_main_type"
+                />
               </el-select>
             </el-form-item>
-            <el-form-item label="算子名称" prop="roleIdsd">
+            <el-form-item label="算子名称" prop="operator_id">
               <el-select
-                v-model="formData.roleIdsd"
+                v-model="formData.operator_id"
                 placeholder="请选择算子名称"
                 style="width: 100%"
+                @change="handleChangeOperator"
               >
-                <el-option label="算子名称算子名称" value="1" />
+                <el-option
+                  v-for="item in listOpt.operatorList"
+                  :key="item.operator_id"
+                  :label="item.operator_name"
+                  :value="item.operator_id"
+                >
+                <span style="float: left">{{ item.operator_name }}</span>
+                  <span
+                    style="
+                      float: right;
+                      color: var(--el-text-color-secondary);
+                      font-size: 13px;
+                    "
+                  >
+                    {{ item.oper_sub_type_name }}
+                  </span>
+                </el-option>
+              </el-select>
+              <!-- <el-select
+                v-model="formData.operator_id"
+                multiple
+                filterable
+                remote
+                reserve-keyword
+                placeholder="请搜索选择算子名称"
+                remote-show-suffix
+                :remote-method="remoteMethod"
+                :loading="selLoading"
+                style="width: 100%"
+                @change="handleChangeOperator"
+              >
+                <el-option
+                  v-for="item in listOpt.operatorList"
+                  :key="item.operator_id"
+                  :label="item.operator_name"
+                  :value="item.operator_id"
+                >
+                  <span style="float: left">{{ item.operator_name }}</span>
+                  <span
+                    style="
+                      float: right;
+                      color: var(--el-text-color-secondary);
+                      font-size: 13px;
+                    "
+                  >
+                    {{ item.oper_sub_type_name }}
+                  </span>
+                </el-option>
+              </el-select> -->
+            </el-form-item>
+            <el-form-item label="适配硬件" prop="cmpt_hardware_type">
+              <el-select
+                v-model="formData.cmpt_hardware_type"
+                placeholder="请选择适配硬件类型"
+                style="width: 100%"
+                @change="handleChangeCmpt"
+              >
+                <el-option
+                  v-for="item in listOpt.cmptHardwareTypeList"
+                  :key="item"
+                  :label="item"
+                  :value="item"
+                />
               </el-select>
             </el-form-item>
-            <el-form-item label="程序版本" prop="mobile">
-              <el-input
-                v-model="formData.mobile"
-                placeholder="请输入参数说明"
-                maxlength="11"
-              />
+            <el-form-item label="程序版本" prop="program_version">
+              <el-input v-model="formData.program_version" type="number" placeholder="请输入程序版本" />
             </el-form-item>
-            <el-form-item label="参数文件" prop="email">
+            <el-form-item label="程序文件" prop="program_file_name">
               <el-upload
                 v-model:file-list="fileList"
-                class="upload-demo"
                 action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
-                multiple
-                :on-preview="handlePreview"
-                :on-remove="handleRemove"
-                :before-remove="beforeRemove"
-                :limit="3"
-                :on-exceed="handleExceed"
+                ref="uploadRef"
+                class="upload-demo"
+                :on-exceed="handleFileExceed"
+                :auto-upload="false"
+                :limit="1"
+                accept="application/x-tar"
               >
                 <el-button type="primary"
                   ><el-icon class="el-icon--upload"> <i-ep-upload-filled /> </el-icon
                   >选择文件</el-button
                 >
                 <template #tip>
-                  <div class="el-upload__tip">请上传大小不超过 <strong style="color: red">10M</strong>，格式为
-                      <strong style="color: red">tar</strong> 的文件</div>
+                  <div class="el-upload__tip">
+                    请上传大小不超过 <strong style="color: red">10M</strong>，格式为
+                    <strong style="color: red">tar</strong> 的文件
+                  </div>
                 </template>
               </el-upload>
             </el-form-item>
           </el-form>
         </el-col>
         <el-col :lg="12" :xs="24">
-          <div style="padding-left: 35px" v-if="formData.roleIdsd!=null">
-            <el-form
-              ref="userFormRef"
-              :model="formData"
-              v-loading="loading"
-              label-width="100px"
-              size="small"
-            >
+          <div style="padding-left: 35px" v-if="fileStatus">
+            <el-form label-width="100px" size="small">
               <el-divider content-position="left"
-                ><strong style="color: #409eff">算子参数信息</strong></el-divider
+                ><strong style="color: #409eff">算子文件预览</strong></el-divider
               >
-                <el-input
-                v-model="formData.usernamedd2"
-                :disabled="true"
-                placeholder="请输入数据集名称"
-                :rows="12"
-                type="textarea"
-              />
+              <el-input v-model="codeJson" :disabled="true" type="textarea" :rows="20" />
             </el-form>
           </div>
         </el-col>
@@ -123,91 +145,134 @@
 </template>
 
 <script setup lang="ts">
-defineOptions({
-  name: "User",
-  inheritAttrs: false,
-});
-
-import UserAPI from "@/api/user";
-import { UserForm } from "@/api/user/model";
+import ConstApi from "@/api/const";
+import { useUserStore } from "@/store";
+import OperatorApi from "@/api/operator";
 
 const router = useRouter();
+const formRef = ref(ElForm); // 表单
 const loading = ref(false); //  加载状态
+const selLoading = ref(false); //  加载状态
+const fileStatus = ref(false); //  文件状态
+const codeJson = ref(""); //  文件信息
 
-const calTypeList = ref<OptionType[]>(); // 角色下拉数据源
-
+// 上传组件
+const uploadRef = ref<UploadInstance>();
 // 用户表单数据
-const formData = reactive<UserForm>({
+const formData = reactive({
   status: 1,
-  roleIdsd:null,
-  usernamedd2: `{
-    "name" : "图像缩放算子",
-    "uni_id" : "OPER_1234567890",
-    "version" : 100,
-    "main_type" : "pre_process",
-    "sub_type" : "clip",
-    "cmpt_hardware_type" : "atlas200i",
-    "parameters" : {}
-}
-{
-    "name" : "图像缩放算子",
-    "uni_id" : "OPER_1234567890",
-    "version" : 100,
-    "main_type" : "pre_process",
-    "sub_type" : "clip",
-    "cmpt_hardware_type" : "atlas200i",
-    "parameters" : {}
-}
-{
-    "name" : "图像缩放算子",
-    "uni_id" : "OPER_1234567890",
-    "version" : 100,
-    "main_type" : "pre_process",
-    "sub_type" : "clip",
-    "cmpt_hardware_type" : "atlas200i",
-    "parameters" : {}
-}`,
+});
+const userStore = useUserStore();
+
+// 基础数据列表
+let listOpt = reactive({
+  operTypeList: [],
+  operatorList: [],
+  cmptHardwareTypeList: [],
 });
 
 // 校验规则
 const rules = reactive({
-  username: [{ required: true, message: "不能为空", trigger: "blur" }],
-  nickname: [{ required: true, message: "不能为空", trigger: "blur" }],
-  deptId: [{ required: true, message: "不能为空", trigger: "blur" }],
-  roleIds: [{ required: true, message: "不能为空", trigger: "blur" }],
-  email: [
-    {
-      pattern: /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/,
-      message: "请输入正确的邮箱地址",
-      trigger: "blur",
-    },
-  ],
-  mobile: [
-    {
-      pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
-      message: "请输入正确的手机号码",
-      trigger: "blur",
-    },
-  ],
+  oper_main_type: [{ required: true, message: "算子类型不能为空", trigger: "blur" }],
+  operator_id: [{ required: true, message: "算子名称不能为空", trigger: "blur" }],
+  cmpt_hardware_type: [{ required: true, message: "适配硬件不能为空", trigger: "blur" }],
+  program_version: [{ required: true, message: "程序版本不能为空", trigger: "blur" }],
+  program_file_name: [{ required: true, message: "程序文件不能为空", trigger: "blur" }],
 });
 
 /** 表单提交 */
 const handleSubmit = useThrottleFn(() => {
-  loading.value = true;
-  setTimeout(() => {
-    ElMessage.success("保存成功");
-    loading.value = false;
-    closeBack();
-  }, 1000);
+  formRef.value.validate((valid: any) => {
+    if (valid) {
+      loading.value = true;
+      formData.user_id = userStore.user?.id;
+      formData.create_time = new Date();
+      OperatorApi.addPrograms(formData).then((res) => {
+        if (res.data.code == 0) {
+          ElMessage.success("保存成功");
+          loading.value = false;
+          closeBack();
+        }
+      });
+    }
+  });
 }, 3000);
 
+// 超出限制，清空文件列表
+function handleFileExceed() {
+  uploadRef.value.clearFiles();
+  ElMessage.warning("已清空文件列表,请重新上传！");
+}
+
 /** 返回默认页面 */
 function closeBack() {
   router.replace({ path: "/operatorLibrary/calculateParam" });
 }
 
+/** 搜索算子 */
+const remoteMethod = (query: string) => {
+  if (query) {
+    selLoading.value = true;
+    setTimeout(() => {
+      let param = {
+        page_num: 1,
+        page_size: 999,
+        operator_name: query,
+        oper_main_type: formData.oper_main_type,
+      };
+      OperatorApi.list(param)
+        .then((res) => {
+          operatorList = res.data.data.operator_list;
+        })
+        .finally(() => {
+          selLoading.value = false;
+        });
+    }, 200);
+  } else {
+    operatorList = [];
+  }
+};
+
+/** 算子主类型改变 */
+function handleChange() {
+  formRef.value.validateField('oper_main_type');
+  let param = {
+    page_num: 1,
+    page_size: 999,
+    oper_main_type: formData.oper_main_type,
+  };
+  OperatorApi.list(param).then((res) => {
+    listOpt.operatorList = res.data.data.operator_list;
+  });
+}
+
+/** 选择算子名称 */
+function handleChangeOperator() {
+  formRef.value.validateField('operator_id');
+  OperatorApi.findOne(formData.operator_id).then((res) => {
+    //JSON转换
+    codeJson.value = JSON.stringify(res.data.data.parameters);
+    fileStatus.value = true;
+  });
+}
+
+/** 选择适配硬件 */
+function handleChangeCmpt(){
+  formRef.value.validateField('cmpt_hardware_type');
+}
+
+// 初始化选项列表
+const initData = () => {
+  ConstApi.operMainType().then((res) => {
+    listOpt.operTypeList = res.data.data.oper_main_type_list || [];
+  });
+  ConstApi.cmptHardwareType().then((res) => {
+    listOpt.cmptHardwareTypeList = res.data.data.cmpt_hardware_type_list || [];
+  });
+};
+
 onMounted(() => {
-  //handleQuery();
+  initData();
 });
 </script>
 <style scoped lang="scss">
diff --git a/src/views/manage/calculateParam/index.vue b/src/views/manage/calculateParam/index.vue
index fa32c91..6f18436 100644
--- a/src/views/manage/calculateParam/index.vue
+++ b/src/views/manage/calculateParam/index.vue
@@ -5,7 +5,7 @@
       <template #header>
         <div class="flex justify-between">
           <div>
-            <el-button type="primary" @click="openDialog('user-form')"
+            <el-button type="primary" @click="handleAdd"
               ><i-ep-plus />添加算子程序</el-button
             >
             <el-button
@@ -17,9 +17,9 @@
           </div>
           <div>
             <el-form ref="queryFormRef" :model="queryParams" :inline="true">
-              <el-form-item label="算子名称" prop="keywords">
+              <el-form-item label="算子名称" prop="operator_name">
                 <el-input
-                  v-model="queryParams.keywords"
+                  v-model="queryParams.operator_name"
                   placeholder="请输入算子参数名称"
                   clearable
                   style="width: 200px"
@@ -41,25 +41,25 @@
       </template>
       <el-table
         v-loading="loading"
-        :data="tableData"
+        :data="pageData"
         stripe
         @selection-change="handleSelectionChange"
       >
-        <el-table-column label="算子名称" align="left" prop="szmc" width="300" />
-        <el-table-column label="算子主类型" align="left" prop="szlx" />
-        <el-table-column label="算子子类型" align="left" prop="szzlx" />
-        <el-table-column label="程序版本" width="180" align="left" prop="bb1" />
-        <el-table-column label="程序适应硬件" width="180" align="left" prop="bb2" />
-        <el-table-column label="参数描述" width="180" align="left" prop="bb" />
-        <el-table-column label="互联时间" width="180" align="left" prop="hlcjsj" />
+        <el-table-column label="算子名称" align="left" prop="operator_name" width="300" />
+        <el-table-column label="算子主类型" align="left" prop="oper_main_type_name" />
+        <el-table-column label="算子子类型" align="left" prop="oper_sub_type_name" />
+        <el-table-column label="程序版本" width="180" align="left" prop="program_version" />
+        <el-table-column label="程序适应硬件" width="180" align="left" prop="cmpt_hardware_type" />
+        <el-table-column label="算子文件" width="180" align="left" prop="program_file_name" />
+        <el-table-column label="创建时间" width="180" align="left" prop="create_time" />
         <el-table-column label="操作" fixed="right" width="220">
           <template #default="scope">
             <el-button
             text type="primary" size="small"
-              @click="openDialogView('user-form', scope.row.id)"
+              @click="handleDetail(scope.row.program_id)"
               ><i-ep-view />查看参数</el-button
             >
-            <el-button text type="primary" size="small" @click="handleDelete(scope.row)"
+            <el-button text type="primary" size="small" @click="handleDelete(scope.row.program_id)"
               ><i-ep-delete />删除</el-button
             >
           </template>
@@ -69,8 +69,8 @@
       <pagination
         v-if="total > 0"
         v-model:total="total"
-        v-model:page="queryParams.pageNum"
-        v-model:limit="queryParams.pageSize"
+        v-model:page="queryParams.page_num"
+        v-model:limit="queryParams.page_size"
         @pagination="handleQuery"
       />
     </el-card>
@@ -78,130 +78,80 @@
 </template>
 
 <script setup lang="ts">
-defineOptions({
-  name: "calculateIndex",
-  inheritAttrs: false,
-});
+import OperatorApi from '@/api/operator'
 
-import { UserQuery } from "@/api/user/model";
-
-const queryFormRef = ref(ElForm); // 查询表单
 const router = useRouter();
 
 const loading = ref(false); //  加载状态
-const removeIds = ref([]); // 删除用户ID集合 用于批量删除
-const queryParams = reactive<UserQuery>({
-  pageNum: 1,
-  pageSize: 10,
-});
-const dateTimeRange = ref("");
 const total = ref(0); // 数据总数
-
-watch(dateTimeRange, (newVal) => {
-  if (newVal) {
-    queryParams.startTime = newVal[0];
-    queryParams.endTime = newVal[1];
-  }
+const pageData = ref([]); // 分页数据
+const removeIds = ref([]); // 删除ID集合 用于批量删除
+const queryFormRef = ref(ElForm); // 查询表单
+const queryParams = reactive({
+  page_num: 1,
+  page_size: 10,
+  operation_id: null,
+  oper_main_type: null,
+  oper_sub_type: null,
+  cmpt_hardware_type: null,
+  operator_name: null,
 });
 
-const tableData = [
-  {
-    szmc: "RGB24格式转换算子参数",
-    szlx: "前处理",
-    szzlx: "格式转换",
-    bb: "",
-    bb1: "1.0.0",
-    bb2: "人脸识别",
-    hlcjsj: "2024-05-03",
-  },
-  {
-    szmc: "图像缩放算子参数",
-    szlx: "前处理",
-    szzlx: "图像缩放",
-    bb: "专业的图像缩放",
-    bb1: "1.0.0",
-    bb2: "人脸识别",
-    hlcjsj: "2024-06-07",
-  },
-  {
-    szmc: "人脸识别算子",
-    szlx: "后处理",
-    szzlx: "人脸识别",
-    bb: "好高大上的人脸识别算子模型",
-    bb1: "1.0.0",
-    bb2: "人脸识别",
-    hlcjsj: "2024-06-08",
-  },
-];
-
 /** 查询 */
 function handleQuery() {
   loading.value = true;
-  ElMessage.success("查询成功");
-  loading.value = false;
-  // UserAPI.getPage(queryParams)
-  //   .then((data) => {
-  //     console.log("handleQuery", data);
-  //     pageData.value = data.list;
-  //     total.value = data.total;
-  //   })
-  //   .finally(() => {
-  //     loading.value = false;
-  // });
+  OperatorApi.getPrograms(queryParams)
+    .then((res) => {
+      pageData.value = res.data.data.program_list;
+      total.value = res.data.data.total;
+    })
+    .finally(() => {
+      loading.value = false;
+  });
 }
 
 /** 重置查询 */
 function resetQuery() {
   queryFormRef.value.resetFields();
-  dateTimeRange.value = "";
-  queryParams.pageNum = 1;
-  queryParams.deptId = undefined;
-  queryParams.startTime = undefined;
-  queryParams.endTime = undefined;
+  queryParams.page_num = 1;
+  queryParams.operation_id = null;
+  queryParams.oper_main_type = null;
+  queryParams.oper_sub_type = null;
+  queryParams.cmpt_hardware_type = null;
+  queryParams.operator_name = null;
   handleQuery();
 }
 
 /** 行选中 */
 function handleSelectionChange(selection: any) {
-  removeIds.value = selection.map((item: any) => item.id);
+  removeIds.value = selection.map((item: any) => item.program_id);
 }
 
 /** 删除数据 */
-function handleDelete(row: { [key: string]: any }) {
-  ElMessageBox.confirm("确认删除算子参数?", "警告", {
+function handleDelete(id?: number) {
+  ElMessageBox.confirm("确认删除算子程序?", "警告", {
     confirmButtonText: "确定",
     cancelButtonText: "取消",
     type: "warning",
   }).then(function () {
-    ElMessage.success("删除成功");
+    OperatorApi.deletePrograms(id).then((res) => {
+      ElMessage.success("删除成功");
+      resetQuery();
+    });
   });
 }
 
-/**
- * 打开弹窗
- *
- * @param type 弹窗类型  用户表单：user-form | 用户导入：user-import
- * @param id 用户ID
- */
-async function openDialog(type: string, id?: number) {
+/** 查看算子程序 */
+function handleDetail(program_id?: number) {
+  router.replace({path:"/operatorLibrary/calculateParamDetail",query:{id:program_id}})
+}
+
+/** 新增算子程序 */
+function handleAdd() {
   router.replace({ path: "/operatorLibrary/calculateParamEdit" });
 }
 
-async function openDialogView(type: string, id?: number) {
-  router.replace({ path: "/operatorLibrary/calculateParamView" });
-}
-
-/** 下载导入模板 */
-function downloadTemplate() {
-  ElMessage.success("下载模板成功");
-}
-
-/** 导出用户 */
-function handleExport() {
-  ElMessage.success("导出成功");
-}
-
 onMounted(() => {
-  //handleQuery();
+  handleQuery();
 });
 </script>