添加详情页面的按钮

src/router/index.js

@@ -39,7 +39,7 @@ const routes = [
                 meta: {
                     title: '模型配置'
                 },
-                component: () => import ( /* webpackChunkName: "table" */ "../views/Config.vue")
+                component: () => import ( /* webpackChunkName: "table" */ "../views/ConfigList.vue")
             }, {
                 path: "/charts",
                 name: "basecharts",

src/views/ConfigDetail.vue

@@ -67,9 +67,25 @@
               <el-table-column label="训练状态">
                 <template #default="scope">{{ scope.row.trainedStatus}}</template>
               </el-table-column>
+              <el-table-column label="操作" width="180" align="center">
+                <template #default="scope">
+
+                  <router-link :to="{path:'/ConfigDetail',query:{configId:scope.row.configId}}">
+                    <el-button type="text" icon="el-icon-edit" >查看模型
+                    </el-button>
+                  </router-link>
+
+                </template>
+              </el-table-column>
+
+
 
             </el-table>
             </el-form-item>
+            <el-form-item>
+
+              <el-button type="primary"  @click="createModel">生成模型</el-button>
+            </el-form-item>
           </el-form>
           </div>
         </div>
@@ -85,61 +101,8 @@
 
     </div>
 
-    <!-- 编辑弹出框 -->
-    <el-dialog title="选择字段" v-model="editVisible" width="30%">
-      <el-form label-width="120px">
-        <el-form-item label="统计分析" required>
-          <el-input v-model="form.name"></el-input>
-        </el-form-item>
-        <el-form-item label="所选方法简介" required>
-          <el-input v-model="form.address"></el-input>
-        </el-form-item>
-        <el-form-item label="可选择字段" required>
-
-        </el-form-item>
-
-      </el-form>
-      <template #footer>
-                <span class="dialog-footer">
-                    <el-button @click="editVisible = false">取 消</el-button>
-                    <el-button type="primary" @click="saveEdit">确 定</el-button>
-                </span>
-      </template>
-    </el-dialog>
-    <el-dialog title="新建配置" v-model="configCreate" width="30%">
-      <el-form label-width="120px">
-        <el-form-item label="配置名" required>
-          <el-input v-model="form.name"></el-input>
-        </el-form-item>
-        <el-form-item label="模型类别" required>
-          <el-select v-model="form.type" placeholder="模型类别" class="handle-select mr10" >
-            <el-option key="0" label="所有" value="0"></el-option>
-            <el-option key="1" label="逻辑回归" value="1"></el-option>
-            <el-option key="2" label="决策树" value="2"></el-option>
-            <el-option key="3" label="随机森林" value="3"></el-option>
-            <el-option key="4" label="梯度提升决策树" value="4"></el-option>
-            <el-option key="5" label="多层感知器分类器" value="5"></el-option>
-            <el-option key="6" label="朴素贝叶斯" value="6"></el-option>
-            <el-option key="7" label="随机森林回归" value="7"></el-option>
-            <el-option key="8" label="K-均值" value="8"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="已选择字段" required>
-          <el-table :data="selectData" border class="table"  header-cell-class-name="table-header" >
-            <el-table-column label="字段名">
-              <template #default="scope"><span>{{ scope.row.fieldName }}</span></template>
-            </el-table-column>
-          </el-table>
-        </el-form-item>
-
-      </el-form>
-      <template #footer>
-                <span class="dialog-footer">
-                    <el-button @click="editVisible = false">取 消</el-button>
-                    <el-button type="primary" @click="saveConfig">确 定</el-button>
-                </span>
-      </template>
-    </el-dialog>
+
+
 
 </template>
 
@@ -218,17 +181,7 @@ export default {
     };
 
     // 删除操作
-    const handleDelete = (index) => {
-      // 二次确认删除
-      ElMessageBox.confirm("确定要删除吗？", "提示", {
-        type: "warning",
-      })
-          .then(() => {
-            ElMessage.success("删除成功");
-            tableData.value.splice(index, 1);
-          })
-          .catch(() => {});
-    };
+
 
     // 表格编辑时弹窗和保存
     const editVisible = ref(false);
@@ -254,22 +207,11 @@ export default {
 
       configCreate.value = true;
     };
-    const saveEdit = () => {
-      editVisible.value = false;
-      //todo: 数理分析相关
 
 
-      // ElMessage.success(`修改第 ${idx + 1} 行成功`);
-      // Object.keys(form).forEach((item) => {
-      //   tableData.value[idx][item] = form[item];
-      // });
-    };
-    const saveConfig = () => {
-      editVisible.value = false;
-      ElMessage.success(`已成功生成配置`);
-      //todo: 调用Config相关接口
+    const createModel=()=>{
 
-    };
+    }
     const handleSelectChange=val=>{
       selectData.value=val;
     }
@@ -287,9 +229,9 @@ export default {
       handleSelectChange,
       handleSearch,
       handlePageChange,
-      handleDelete,
+      createModel,
       handleEdit,
-      saveEdit,
+
       createConfig
     };
   },

src/views/Config.vue → src/views/ConfigList.vue

@@ -67,11 +67,7 @@
 
                 <el-table-column label="操作" width="180" align="center">
                     <template #default="scope">
-<!--                        <el-button type="text" icon="el-icon-edit" @click="handleEdit(scope.$index, scope.row)">编辑-->
-<!--                        </el-button>-->
-<!--                      <router-link :to="`/configformpf/${scope.$index}`">-->
-<!--                      <router-link :to="`/configformp/${scope.row.configId}`">-->
-<!--                      :to="{path:'/news/detail',query:{id:1}}"-->
+
                       <router-link :to="{path:'/ConfigDetail',query:{configId:scope.row.configId}}">
                         <el-button type="text" icon="el-icon-edit" >查看详情
                         </el-button>