changfeng/videotask-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

node的增删改查

Browse Source
This commit is contained in:
ChangFeng
2024-04-15 17:43:12 +08:00
parent 64e7e6b80b
commit 244c19bacf
7 changed files with 15 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.vscode/settings.json vendored
View File

@@ -1,7 +1,7 @@
{
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.stylelint": true
"source.fixAll.stylelint": "explicit"
},
"stylelint.enable": true,
"stylelint.validate": ["css", "less", "postcss", "scss", "vue", "sass", "html"],

12
package-lock.json generated
View File

@@ -4491,9 +4491,9 @@
}
},
"node_modules/caniuse-lite": {
"version": "1.0.30001522",
"resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001522.tgz",
"integrity": "sha512-TKiyTVZxJGhsTszLuzb+6vUZSjVOAhClszBr2Ta2k9IwtNBT/4dzmL6aywt0HCgEZlmwJzXJd8yNiob6HgwTRg==",
"version": "1.0.30001608",
"resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001608.tgz",
"integrity": "sha512-cjUJTQkk9fQlJR2s4HMuPMvTiRggl0rAVMtthQuyOlDWuqHXqN8azLq+pi8B2TjwKJ32diHjUqRIKeFX4z1FoA==",
"dev": true
},
"node_modules/chalk": {
@@ -17683,9 +17683,9 @@
}
},
"caniuse-lite": {
"version": "1.0.30001522",
"resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001522.tgz",
"integrity": "sha512-TKiyTVZxJGhsTszLuzb+6vUZSjVOAhClszBr2Ta2k9IwtNBT/4dzmL6aywt0HCgEZlmwJzXJd8yNiob6HgwTRg==",
"version": "1.0.30001608",
"resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001608.tgz",
"integrity": "sha512-cjUJTQkk9fQlJR2s4HMuPMvTiRggl0rAVMtthQuyOlDWuqHXqN8azLq+pi8B2TjwKJ32diHjUqRIKeFX4z1FoA==",
"dev": true
},
"chalk": {

2
src/api/index.ts
View File

@@ -38,7 +38,7 @@ class RequestHttp {
// 当前请求不需要显示 loading，在 api 服务中通过指定的第三个参数: { noLoading: true } 来控制
config.noLoading || showFullScreenLoading();
if (config.headers && typeof config.headers.set === "function") {
config.headers.set("x-access-token", userStore.token);
config.headers.set("x-access-token", "Bearer " + userStore.token);
}
return config;
},

2
src/api/interface/node.ts
View File

@@ -4,8 +4,6 @@ import { ReqPage } from ".";
export namespace Node {
//这是节点查询时的请求参数，存放查询条件
export interface ReqNode extends ReqPage {
pageNum: number;
pageSize: number;
nodename?: string;
}

13
src/views/node/nodeinfo.vue
View File

@@ -1,14 +1,7 @@
<template>
<el-dialog v-model="dialogVisible" :title="PARAMS.title" :close-on-click-modal="false" width="500px" :destroy-on-close="true">
<el-form ref="refForm" label-width="100px" :model="PARAMS.data" :rules="rules" :hide-required-asterisk="PARAMS.readonly">
<el-form-item label="节点名称" prop="nodeName"><el-input v-model="PARAMS.data.nodeName"></el-input></el-form-item>
<el-form-item label="优先级" prop="defaultLevel">
<el-select v-model="PARAMS.data.defaultLevel">
<el-option label="高" value="1"></el-option>
<el-option label="中" value="2"></el-option>
<el-option label="低" value="3"></el-option>
</el-select>
</el-form-item>
<el-form-item label="节点名称" prop="nodeName"><el-input v-model="PARAMS.data.nodename"></el-input></el-form-item>
<el-form-item label="">
<el-button type="primary" @click="handleSubmit" v-if="!PARAMS.readonly">保存</el-button>
<el-button @click="dialogVisible = false">关闭</el-button>
@@ -26,8 +19,7 @@ const dialogVisible = ref(false);
//定义from的校验规则
const rules = reactive({
nodeName: [{ required: true, message: "请填写节点名称" }],
defaultLevel: [{ required: true, message: "请填写优先等级" }]
nodename: [{ required: true, message: "请填写节点名称" }]
});
//接收参数的接口定义
@@ -59,6 +51,7 @@ const handleSubmit = () => {
await PARAMS.value.api!(PARAMS.value.data);
ElMessage.success({ message: `${PARAMS.value.title}成功！` });
PARAMS.value.getTableList!();
dialogVisible.value = false;
} catch (error) {
console.log(error);
}

3
src/views/node/nodelist.vue
View File

@@ -19,7 +19,7 @@
<template #operation="scope">
<el-button type="primary" link @click="viewNode(scope.row)"> 查看 </el-button>
<el-button type="primary" link @click="editNode(scope.row)"> 编辑 </el-button>
<el-button type="primary" link @click="deleteNode([scope.row.ID])"> 删除 </el-button>
<el-button type="primary" link @click="deleteNode([scope.row.id])"> 删除 </el-button>
</template>
</ProTable>
@@ -50,6 +50,7 @@ const columns: ColumnProps<Node.Record>[] = [
];
const getTableList = (params: any) => {
// console.log("proTable的参数：" + JSON.stringify(params));
return GetNodeList(params);
};