更新数据集市页面,更新节点方法

src/api/quest/middle.js

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询任务结点中间表列表
+export function listMiddle(query) {
+  return request({
+    url: '/quest/middle/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询任务结点中间表详细
+export function getMiddle(id) {
+  return request({
+    url: '/quest/middle/' + id,
+    method: 'get'
+  })
+}
+
+// 新增任务结点中间表
+export function addMiddle(data) {
+  return request({
+    url: '/quest/middle',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改任务结点中间表
+export function updateMiddle(data) {
+  return request({
+    url: '/quest/middle',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除任务结点中间表
+export function delMiddle(id) {
+  return request({
+    url: '/quest/middle/' + id,
+    method: 'delete'
+  })
+}

src/api/quest/node.js

@@ -18,9 +18,9 @@ export function getNode(id) {
 }
 
 // 新增节点管理
-export function addNode(data) {
+export function addNode(data, taskCode) {
   return request({
-    url: '/quest/node',
+    url: '/quest/node/'+taskCode,
     method: 'post',
     data: data
   })
@@ -36,9 +36,9 @@ export function updateNode(data) {
 }
 
 // 删除节点管理
-export function delNode(id) {
+export function delNode(id, taskCode) {
   return request({
-    url: '/quest/node/' + id,
+    url: '/quest/node/' + id + '/' + taskCode,
     method: 'delete'
   })
 }

src/views/market/apitype/index.vue

@@ -1,5 +1,19 @@
 <template>
   <div class="app-container">
+    <el-tabs v-model="activeNameL" type="card" @change="getType(activeNameL)">
+      <el-tab-pane
+        :key="all"
+        :label="all"
+        :name="all"
+      >
+      </el-tab-pane>
+      <el-tab-pane
+        :key="item.sysLeixingpick"
+        v-for="(item,index) in editableTabs"
+        :label="item.sysLeixingpick"
+        :name="item.sysLeixingpick"
+      >
+      </el-tab-pane>
         <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
           <el-form-item label="产品编号" prop="sysSerial">
             <el-input
@@ -9,18 +23,10 @@
               @keyup.enter.native="handleQuery"
             />
           </el-form-item>
-      <el-form-item label="简介" prop="sysIntro">
+          <el-form-item label="产品名称" prop="sysIntro">
             <el-input
               v-model="queryParams.sysIntro"
-          placeholder="请输入简介"
+              placeholder="请输入产品名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="产品状态" prop="sysTypes">
-        <el-input
-          v-model="queryParams.sysTypes"
-          placeholder="请输入产品状态"
               clearable
               @keyup.enter.native="handleQuery"
             />
@@ -33,18 +39,10 @@
               @keyup.enter.native="handleQuery"
             />
           </el-form-item>
-      <el-form-item label="类型选择" prop="sysLeixingpick">
+          <el-form-item label="元/次" prop="sysNumber">
-        <el-input
-          v-model="queryParams.sysLeixingpick"
-          placeholder="请输入类型选择"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="次/元 时间" prop="sysNumber">
             <el-input
               v-model="queryParams.sysNumber"
-          placeholder="请输入次/元 时间"
+              placeholder="请输入元/次"
               clearable
               @keyup.enter.native="handleQuery"
             />
@@ -55,81 +53,20 @@
           </el-form-item>
         </el-form>
 
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['market:apitype:add']"
-        >新增</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="success"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['market:apitype:edit']"
-        >修改</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['market:apitype:remove']"
-        >删除</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['market:apitype:export']"
-        >导出</el-button>
-      </el-col>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
 
         <el-row :gutter="10" >
-      <el-empty description="暂无支付客户" v-if="apitypeList.length == 0"></el-empty>
+          <el-empty description="暂无商品" v-if="apitypeList.length == 0"></el-empty>
-      <el-col :span="8" v-for="customer in apitypeList" v-if="apitypeList.length != 0">
+          <el-col :span="8" v-for="customer in apitypeList" v-if="apitypeList.length != 0&&activeNameL=='全部类型'||customer.sysLeixingpick==activeNameL">
             <el-card class="box-card">
               <div slot="header" class="clearfix">
+                <el-image :src="customer.sysTypes">
+                  <div slot="placeholder" class="image-slot">
+                    加载中<span class="dot">...</span>
+                  </div>
+                </el-image>
+                <br>
                 <span style="font-size: 18px;font-weight: 900;">{{customer.sysIntro}}</span>
-            <el-switch
+                <span style="float: right;font-size: 18px;font-weight: 900;" >{{customer.sysNumber}}元/次</span>
-              style="float: right;padding: 5px; margin: 4px 5px 0;"
-              v-model="customer.sysTypes"
-              active-value="1"
-              inactive-value="2"
-              active-color="#13ce66"
-              inactive-color="#ff4949"
-              @change="handleStatusChange(customer)"
-            >
-            </el-switch>
-
-
-            <el-button
-              style="float: right;padding: 5px; margin: 0 5px" type="primary" icon="el-icon-edit" circle
-              @click="handleUpdate(customer)"
-              v-hasPermi="['market:apitype:edit']"
-            ></el-button>
-            <el-button
-              style="float: right;padding: 5px; margin: 0 5px" type="danger" icon="el-icon-delete" circle
-              @click="handleDelete(customer)"
-              v-hasPermi="['market:apitype:remove']"
-            ></el-button>
-
               </div>
               <div >
                 <el-descriptions class="margin-top"  :column="1" :size="size" border>
@@ -138,11 +75,6 @@
                       <i class="el-icon-user"> </i>产品编号</template>
                     {{customer.sysSerial}}
                   </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <i class="el-icon-user"> </i>元/次</template>
-                {{customer.sysNumber}}
-              </el-descriptions-item>
                   <el-descriptions-item>
                     <template slot="label">
                       <i class="el-icon-user"> </i>备注</template>
@@ -191,16 +123,22 @@
             <el-button @click="cancel">取 消</el-button>
           </div>
         </el-dialog>
+    </el-tabs>
+
+
   </div>
 </template>
 
 <script>
-import { listApitype, getApitype, delApitype, addApitype, updateApitype } from "/src/api/market/apitype";
+import { listApitype, getApitype, delApitype, addApitype, updateApitype } from "@/api/market/apitype";
 
 export default {
   name: "Apitype",
   data() {
     return {
+      all:"全部类型",
+      activeNameL:"全部类型",
+      editableTabs: [],
       // 遮罩层
       loading: true,
       // 选中数组
@@ -241,6 +179,9 @@ export default {
     this.getList();
   },
   methods: {
+    getType(activeNameL){
+      this.activeNameL=activeNameL
+    },
     /** 查询接口列表 */
     getList() {
       this.loading = true;
@@ -248,6 +189,15 @@ export default {
         console.log(response);
         if(200==response.code){
           this.apitypeList = response.data.rows;
+
+          const uniqueSysLeixingpick = new Map();
+          response.data.rows.forEach(item => {
+            uniqueSysLeixingpick.set(item.sysLeixingpick, item);
+          });
+
+          // 将 Map 的值（即去重后的对象）转换回数组
+          this.editableTabs = Array.from(uniqueSysLeixingpick.values()) ;
+
           this.total = response.data.total;
           this.loading = false;
         }