新增节点获取产品id

src/views/hardware/productList/index.vue

@@ -3,57 +3,23 @@
     <el-row>
       <el-col :span="2">todo 地区</el-col>
       <el-col :span="22">
-        <el-form
+        <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
-          :model="queryParams"
-          ref="queryForm"
-          :inline="true"
-          v-show="showSearch"
-          label-width="68px"
-        >
           <el-form-item label="名称" prop="productName">
-            <el-input
+            <el-input v-model="queryParams.productName" placeholder="请输入名称" clearable size="small" style="width: 240px"
-              v-model="queryParams.productName"
+              @keyup.enter.native="handleQuery" />
-              placeholder="请输入名称"
-              clearable
-              size="small"
-              style="width: 240px"
-              @keyup.enter.native="handleQuery"
-            />
           </el-form-item>
           <el-form-item>
-            <el-button
+            <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-              type="cyan"
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-              icon="el-icon-search"
-              size="mini"
-              @click="handleQuery"
-              >搜索</el-button
-            >
-            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-              >重置</el-button
-            >
           </el-form-item>
         </el-form>
         <el-row :gutter="10" class="mb8">
           <el-col :span="1.5">
-            <el-button
+            <el-button size="mini" type="primary" icon="el-icon-plus" @click="handleAdd" v-hasPermi="['system:product:add']">增加</el-button>
-              size="mini"
-              type="primary"
-              icon="el-icon-plus"
-              @click="handleAdd"
-              v-hasPermi="['system:product:add']"
-              >增加</el-button
-            >
           </el-col>
           <el-col :span="1.5">
-            <el-button
+            <el-button type="danger" icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
-              type="danger"
+              v-hasPermi="['monitor:product:remove']">批量删除</el-button>
-              icon="el-icon-delete"
-              size="mini"
-              :disabled="multiple"
-              @click="handleDelete"
-              v-hasPermi="['monitor:product:remove']"
-              >批量删除</el-button
-            >
           </el-col>
           <!-- <el-col :span="1.5">
             <el-button type="danger" icon="el-icon-delete" size="mini" @click="handleClean" v-hasPermi="['monitor:job:remove']">清空
@@ -63,17 +29,10 @@
             <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport" v-hasPermi="['monitor:job:export']">导出
             </el-button>
           </el-col> -->
-          <right-toolbar
+          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-            :showSearch.sync="showSearch"
-            @queryTable="getList"
-          ></right-toolbar>
         </el-row>
 
-        <el-table
+        <el-table :data="tableData" style="width: 100%" @selection-change="handleSelectionChange">
-          :data="tableData"
-          style="width: 100%"
-          @selection-change="handleSelectionChange"
-        >
           <el-table-column type="selection" width="55" align="center">
           </el-table-column>
           <el-table-column prop="productId" align="center" label="产品ID">
@@ -86,47 +45,21 @@
           </el-table-column>
           <el-table-column prop="status" align="center" label="状态">
           </el-table-column>
-          <el-table-column
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-            label="操作"
-            align="center"
-            class-name="small-padding fixed-width"
-          >
             <template slot-scope="scope">
-              <el-button
+              <el-button size="mini" type="text" icon="el-icon-plus" @click="handleAddnode(scope.row)"
-                size="mini"
+                v-hasPermi="['system:product:addNode']">新增
-                type="text"
-                icon="el-icon-edit"
-                @click="handleAddnode(scope.row)"
-                v-hasPermi="['system:product:addNode']"
-                >新增
               </el-button>
-              <el-button
+              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:product:edit']">
-                size="mini"
+                修改
-                type="text"
-                icon="el-icon-edit"
-                @click="handleUpdate(scope.row)"
-                v-hasPermi="['system:product:edit']"
-                >修改
               </el-button>
-              <el-button
+              <el-button class="text-danger" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-                class="text-danger"
+                v-hasPermi="['system:product:remove']">删除</el-button>
-                size="mini"
-                type="text"
-                icon="el-icon-delete"
-                @click="handleDelete(scope.row)"
-                v-hasPermi="['system:product:remove']"
-                >删除</el-button
-              >
             </template>
           </el-table-column>
         </el-table>
-        <pagination
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-          v-show="total > 0"
+          @pagination="getList" />
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
       </el-col>
     </el-row>
     <!-- 添加或修改参数配置对话框 -->
@@ -154,22 +87,17 @@
       </div>
     </el-dialog>
     <!-- 添加节点参数配置对话框 -->
-    <el-dialog
+    <el-dialog :title="title" :visible.sync="open1" width="500px" append-to-body>
-      :title="title"
-      :visible.sync="open1"
-      width="500px"
-      append-to-body
-    >
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="产品ID" :prop="productId">
+          <el-input v-model="form.productId" placeholder="请输入产品ID" />
+        </el-form-item>
         <el-form-item label="节点ID" prop="nodeId">
           <el-input v-model="form.nodeId" placeholder="请输入节点ID" />
         </el-form-item>
         <el-form-item label="节点名称" prop="nodeName">
           <el-input v-model="form.nodeName" placeholder="请输入节点名称" />
         </el-form-item>
-        <el-form-item label="产品ID" prop="productId">
-          <el-input v-model="form.productId" placeholder="请输入产品ID" />
-        </el-form-item>
         <el-form-item label="状态">
           <el-input v-model="form.status" />
         </el-form-item>
@@ -223,10 +151,12 @@ export default {
       value: "",
       // 表格数据
       tableData: null,
+      productId: undefined,
       // 查询参数
       queryParams: {
         pageNum: 1,
         pageSize: 10,
+        // productId:productId
       },
       rules: {
         productId: [
@@ -301,10 +231,11 @@ export default {
       this.open = true;
       this.title = "添加产品";
     },
-    handleAddnode() {
+    handleAddnode (row) {
       this.reset();
       this.open1 = true;
       this.title = "添加产品节点";
+      this.form.productId = row.productId;
     },
 
     /** 修改按钮操作 */