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

master
面包骑士 2024-08-23 20:40:52 +08:00
parent 27010f124f
commit 6281884fd6
3 changed files with 184 additions and 190 deletions

View File

@ -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'
})
}

View File

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

View File

@ -1,206 +1,144 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-tabs v-model="activeNameL" type="card" @change="getType(activeNameL)">
<el-form-item label="产品编号" prop="sysSerial"> <el-tab-pane
<el-input :key="all"
v-model="queryParams.sysSerial" :label="all"
placeholder="请输入产品编号" :name="all"
clearable >
@keyup.enter.native="handleQuery" </el-tab-pane>
/> <el-tab-pane
</el-form-item> :key="item.sysLeixingpick"
<el-form-item label="简介" prop="sysIntro"> v-for="(item,index) in editableTabs"
<el-input :label="item.sysLeixingpick"
v-model="queryParams.sysIntro" :name="item.sysLeixingpick"
placeholder="请输入简介" >
clearable </el-tab-pane>
@keyup.enter.native="handleQuery" <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
/> <el-form-item label="产品编号" prop="sysSerial">
</el-form-item> <el-input
<el-form-item label="产品状态" prop="sysTypes"> v-model="queryParams.sysSerial"
<el-input placeholder="请输入产品编号"
v-model="queryParams.sysTypes" clearable
placeholder="请输入产品状态" @keyup.enter.native="handleQuery"
clearable />
@keyup.enter.native="handleQuery" </el-form-item>
/> <el-form-item label="产品名称" prop="sysIntro">
</el-form-item> <el-input
<el-form-item label="备注" prop="sysBeihzu"> v-model="queryParams.sysIntro"
<el-input placeholder="请输入产品名称"
v-model="queryParams.sysBeihzu" clearable
placeholder="请输入备注" @keyup.enter.native="handleQuery"
clearable />
@keyup.enter.native="handleQuery" </el-form-item>
/> <el-form-item label="备注" prop="sysBeihzu">
</el-form-item> <el-input
<el-form-item label="类型选择" prop="sysLeixingpick"> v-model="queryParams.sysBeihzu"
<el-input placeholder="请输入备注"
v-model="queryParams.sysLeixingpick" clearable
placeholder="请输入类型选择" @keyup.enter.native="handleQuery"
clearable />
@keyup.enter.native="handleQuery" </el-form-item>
/> <el-form-item label="元/次" prop="sysNumber">
</el-form-item> <el-input
<el-form-item label="次/元 时间" prop="sysNumber"> v-model="queryParams.sysNumber"
<el-input placeholder="请输入元/次"
v-model="queryParams.sysNumber" clearable
placeholder="请输入次/元 时间" @keyup.enter.native="handleQuery"
clearable />
@keyup.enter.native="handleQuery" </el-form-item>
/> <el-form-item>
</el-form-item> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery"></el-button>
<el-form-item> <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"></el-button>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery"></el-button> </el-form-item>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"></el-button> </el-form>
</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-col :span="8" v-for="customer in apitypeList" v-if="apitypeList.length != 0">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span style="font-size: 18px;font-weight: 900;">{{customer.sysIntro}}</span>
<el-switch
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 <el-row :gutter="10" >
style="float: right;padding: 5px; margin: 0 5px" type="primary" icon="el-icon-edit" circle <el-empty description="暂无商品" v-if="apitypeList.length == 0"></el-empty>
@click="handleUpdate(customer)" <el-col :span="8" v-for="customer in apitypeList" v-if="apitypeList.length != 0&&activeNameL=='全部类型'||customer.sysLeixingpick==activeNameL">
v-hasPermi="['market:apitype:edit']" <el-card class="box-card">
></el-button> <div slot="header" class="clearfix">
<el-button <el-image :src="customer.sysTypes">
style="float: right;padding: 5px; margin: 0 5px" type="danger" icon="el-icon-delete" circle <div slot="placeholder" class="image-slot">
@click="handleDelete(customer)" 加载中<span class="dot">...</span>
v-hasPermi="['market:apitype:remove']" </div>
></el-button> </el-image>
<br>
<span style="font-size: 18px;font-weight: 900;">{{customer.sysIntro}}</span>
<span style="float: right;font-size: 18px;font-weight: 900;" >{{customer.sysNumber}}/</span>
</div>
<div >
<el-descriptions class="margin-top" :column="1" :size="size" border>
<el-descriptions-item>
<template slot="label">
<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.sysBeihzu}}
</el-descriptions-item>
</el-descriptions>
</div>
</el-card>
</el-col>
</el-row>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改接口对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body :close-on-click-modal="false">
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="产品编号" prop="sysSerial">
<el-input v-model="form.sysSerial" placeholder="请输入产品编号" />
</el-form-item>
<el-form-item label="简介" prop="sysIntro">
<el-input v-model="form.sysIntro" placeholder="请输入简介" />
</el-form-item>
<el-form-item label="产品状态" prop="sysTypes">
<el-input v-model="form.sysTypes" placeholder="请输入产品状态" />
</el-form-item>
<el-form-item label="备注" prop="sysBeihzu">
<el-input v-model="form.sysBeihzu" placeholder="请输入备注" />
</el-form-item>
<el-form-item label="类型选择" prop="sysLeixingpick">
<el-input v-model="form.sysLeixingpick" placeholder="请输入类型选择" />
</el-form-item>
<el-form-item label="次/元 时间" prop="sysNumber">
<el-input v-model="form.sysNumber" placeholder="请输入次/元 时间" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div> </div>
<div > </el-dialog>
<el-descriptions class="margin-top" :column="1" :size="size" border> </el-tabs>
<el-descriptions-item>
<template slot="label">
<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>
{{customer.sysBeihzu}}
</el-descriptions-item>
</el-descriptions>
</div>
</el-card>
</el-col>
</el-row>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改接口对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body :close-on-click-modal="false">
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="产品编号" prop="sysSerial">
<el-input v-model="form.sysSerial" placeholder="请输入产品编号" />
</el-form-item>
<el-form-item label="简介" prop="sysIntro">
<el-input v-model="form.sysIntro" placeholder="请输入简介" />
</el-form-item>
<el-form-item label="产品状态" prop="sysTypes">
<el-input v-model="form.sysTypes" placeholder="请输入产品状态" />
</el-form-item>
<el-form-item label="备注" prop="sysBeihzu">
<el-input v-model="form.sysBeihzu" placeholder="请输入备注" />
</el-form-item>
<el-form-item label="类型选择" prop="sysLeixingpick">
<el-input v-model="form.sysLeixingpick" placeholder="请输入类型选择" />
</el-form-item>
<el-form-item label="次/元 时间" prop="sysNumber">
<el-input v-model="form.sysNumber" placeholder="请输入次/元 时间" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listApitype, getApitype, delApitype, addApitype, updateApitype } from "/src/api/market/apitype"; import { listApitype, getApitype, delApitype, addApitype, updateApitype } from "@/api/market/apitype";
export default { export default {
name: "Apitype", name: "Apitype",
data() { data() {
return { return {
all:"全部类型",
activeNameL:"全部类型",
editableTabs: [],
// //
loading: true, loading: true,
// //
@ -241,6 +179,9 @@ export default {
this.getList(); this.getList();
}, },
methods: { methods: {
getType(activeNameL){
this.activeNameL=activeNameL
},
/** 查询接口列表 */ /** 查询接口列表 */
getList() { getList() {
this.loading = true; this.loading = true;
@ -248,6 +189,15 @@ export default {
console.log(response); console.log(response);
if(200==response.code){ if(200==response.code){
this.apitypeList = response.data.rows; 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.total = response.data.total;
this.loading = false; this.loading = false;
} }