提交代码

src/views/manage/otherTool/add.vue

@@ -39,8 +39,24 @@
               <el-table-column prop="uuid" label="ID编号" align="left" />
               <el-table-column prop="manufacturer" label="厂商名称" align="left" />
               <el-table-column prop="tool_version" label="服务程序版本" align="left" />
-              <el-table-column prop="connection_state" label="连接状态" align="left">
+              <el-table-column
-                
+                prop="connection_state"
+                label="连接状态"
+                align="left"
+                v-if="false"
+              >
+                <template #default="scope">
+                  <el-tag
+                    v-if="scope.row.connection_state == '已连接'"
+                    type="success"
+                    effect="dark"
+                  >
+                    {{ scope.row.connection_state }}
+                  </el-tag>
+                  <el-tag v-else type="danger" effect="dark">
+                    {{ scope.row.connection_state }}
+                  </el-tag>
+                </template>
               </el-table-column>
             </el-table>
           </el-form>

src/views/manage/otherTool/view.vue

@@ -128,12 +128,14 @@
       <el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
       <el-button @click="closeBack"><i-ep-close />取 消</el-button>
     </el-card>
-    <el-dialog
+    <el-dialog v-model="dialogFormVisible" title="添加工具链运行参数" width="880">
-      v-model="dialogFormVisible"
+      <el-form
-      title="添加工具链运行参数"
+        ref="formRef"
-      width="880"
+        :model="form"
+        v-loading="formLoading"
+        :rules="rules"
+        label-width="108px"
       >
-      <el-form ref="formRef" :model="form" v-loading="formLoading" :rules="rules" label-width="108px">
         <el-form-item label="运行参数名称" prop="params_name">
           <el-input v-model="form.params_name" placeholder="请输入运行参数名称" />
         </el-form-item>
@@ -183,12 +185,7 @@
           </el-upload>
         </el-form-item>
         <el-form-item v-if="fileStatus">
-          <el-input
+          <el-input v-model="paramsContent" :rows="10" type="textarea" disabled />
-            v-model="form.params_content_v2"
-            :rows="10"
-            type="textarea"
-            disabled
-          />
         </el-form-item>
       </el-form>
       <template #footer>
@@ -200,11 +197,7 @@
         </div>
       </template>
     </el-dialog>
-    <el-dialog
+    <el-dialog v-model="dialogInfoVisible" title="查看工具链运行参数" width="880">
-      v-model="dialogInfoVisible"
-      title="查看工具链运行参数"
-      width="880"
-    >
       <el-form v-loading="infoLoading" label-width="108px">
         <el-form-item label="适用模型类型">
           {{ dataInfo.modl_sub_type_name }}
@@ -226,12 +219,7 @@
           />
         </el-form-item>
         <el-form-item label="运行参数文件" prop="params_content">
-          <el-input
+          <el-input v-model="paramsContent" :rows="10" type="textarea" disabled />
-            v-model="form.params_content_v2"
-            :rows="10"
-            type="textarea"
-            disabled
-          />
         </el-form-item>
       </el-form>
       <template #footer>
@@ -271,7 +259,15 @@ const baseRules = reactive({
 });
 
 // 表单数据
-const form = reactive({});
+const form = reactive({
+  tool_id: null,
+  params_name: null,
+  params_desc: null,
+  modl_sub_type: null,
+  params_content: null,
+  params_content: null,
+});
+const paramsContent = ref(""); // 表单
 const formRef = ref(ElForm); // 表单
 const fileStatus = ref(false); //  文件状态
 const formLoading = ref(false); //  表单加载状态
@@ -339,8 +335,10 @@ const handleSubmitFile = useThrottleFn(() => {
       ToolChainshApi.addToolParams(form)
         .then((res) => {
           if (res.data.code == 0) {
-            ElMessage.success("修改成功");
+            ElMessage.success("保存成功");
-            closeBack();
+            handleQuery();
+            resultForm();
+            dialogFormVisible.value = false;
           }
         })
         .finally(() => {
@@ -352,10 +350,18 @@ const handleSubmitFile = useThrottleFn(() => {
 
 /** 添加运行参数 */
 function handlePushParams() {
-  form.value = {};
   dialogFormVisible.value = true;
 }
 
+/** 表单重置 */
+function resultForm() {
+  form.params_name = null;
+  form.params_desc = null;
+  form.modl_sub_type = null;
+  form.params_content = null;
+  form.params_content = null;
+}
+
 // 文件上传
 function handleFileChange(file) {
   //先创建一个读文件的对象 FileReader
@@ -371,7 +377,7 @@ function handleFileChange(file) {
   uploadFile(file).then((res) => {
     if (isJSON(res)) {
       form.params_content = JSON.parse(res);
-      form.params_content_v2 = res;
+      paramsContent.value = res;
       formRef.value.validateField("params_content");
       fileStatus.value = true;
     }
@@ -392,7 +398,7 @@ function isJSON(str) {
     uploadRef.value.clearFiles();
     fileStatus.value = false;
     form.params_content = "";
-    form.params_content_v2 = "";
+    paramsContent.value = "";
     return false;
   }
 }
@@ -413,7 +419,7 @@ function uploadFile(file) {
 // 文件删除
 function handleFileRemove() {
   form.params_content = "";
-  form.params_content_v2 = "{}";
+  paramsContent.value = "{}";
   fileStatus.value = false;
 }
 
@@ -435,9 +441,9 @@ function handleDetail(row: { [key: string]: any }) {
   ToolChainshApi.paramsInfo(row.params_id)
     .then((res) => {
       //JSON转换
-      res.data.data.params_content_v2 = JSON.stringify(res.data.data.params_content);
+      paramsContent.value = JSON.stringify(res.data.data.params_content);
       dataInfo.value = res.data.data;
-      if (res.data.data.params_content_v2 == "{}") {
+      if (paramsContent.value == "{}") {
         fileStatus.value = false;
       } else {
         fileStatus.value = true;
@@ -469,6 +475,7 @@ function handleDelete(row: { [key: string]: any }) {
 function initData() {
   let id = route.query.id;
   ID.value = id;
+  form.tool_id = id;
   handleQuery();
   loading.value = true;
   ToolChainshApi.toolChains(id)
@@ -491,7 +498,7 @@ function handleQuery() {
   queryParams.tool_id = ID;
   ToolChainshApi.paramsList(queryParams)
     .then((res) => {
-      pageData.value = res.data.data.ParamsList;
+      pageData.value = res.data.data.ToolParamsList;
       total.value = res.data.data.total;
     })
     .finally(() => {

src/views/system/user/index.vue

@@ -95,7 +95,7 @@
               v-for="item in listOpt.roleList"
               :key="item.key"
               :label="item.name"
-              :value="item.id"
+              :value="item.key"
             />
           </el-select>
         </el-form-item>
@@ -321,7 +321,7 @@ function handleDelete(id?: number) {
     UserAPI.deleteUser(id).then((res) => {
       if (res.data.code == 0) {
         ElMessage.success("删除成功");
-        resetQuery();
+        handleQuery();
       } else {
         ElMessage.error("删除失败");
       }