summaryrefslogtreecommitdiff
path: root/src/views/rangeNodeManage/nodeList/module/Upload.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/views/rangeNodeManage/nodeList/module/Upload.vue')
-rw-r--r--src/views/rangeNodeManage/nodeList/module/Upload.vue285
1 files changed, 0 insertions, 285 deletions
diff --git a/src/views/rangeNodeManage/nodeList/module/Upload.vue b/src/views/rangeNodeManage/nodeList/module/Upload.vue
deleted file mode 100644
index 987749c..0000000
--- a/src/views/rangeNodeManage/nodeList/module/Upload.vue
+++ /dev/null
@@ -1,285 +0,0 @@
-<template>
-<div class="console-dialog" v-if="visible">
- <i class="el-icon-close" @click="close"></i>
- <div class="tag">
- <el-tag class="tags" :style="{'color': (tag==='主节点') ? '#f8fdff': '#565e6e'}" @click="updateTag('主节点')">主节点</el-tag>
- <el-tag class="tags" :style="{'color': (tag==='被操作节点') ? '#f8fdff': '#565e6e'}" @click="updateTag('被操作节点')">被操作节点</el-tag>
- <el-tag class="tags" :style="{'color': (tag==='文件管理') ? '#f8fdff': '#565e6e'}" @click="updateTag('文件管理')">文件管理</el-tag>
- </div>
- <div class="basic-box" v-show="tag==='主节点'">
- <div class="tip-message">请选择主节点作为打开文件系统的依据</div>
- <div class="content">
- <!-- 主节点 -->
- <MainNode
- :node-list="nodeList"
- @selectMainNode="selectMainNode"
- ></MainNode>
- </div>
- <footer class="anDiv">
- <el-button class="glBut" type="primary" @click="close">取消</el-button>
- <el-button class="glBut but-color" type="primary" @click="updateTag('被操作节点')">下一步</el-button>
- </footer>
- </div>
- <div class="basic-box" v-show="tag==='被操作节点'">
- <div class="tip-message">请勾选多个节点</div>
- <div class="content">
- <!-- 被操作节点 -->
- <OperateNode
- :node-list="nodeList"
- @selectOperateNode="selectOperateNode"
- ></OperateNode>
- </div>
- <div class="anDiv">
- <div>
- <el-button class="glBut" type="primary" @click="close">取消</el-button>
- <el-button class="glBut but-color" type="primary" @click="updateTag('主节点')">上一步</el-button>
- <el-button class="glBut but-color" type="primary" @click="updateTag('文件管理')">下一步</el-button>
- </div>
- </div>
-
- </div>
- <div class="basic-box" v-if="tag==='文件管理'">
- <div class="tip-message" style="height: 76px;">
- <span>{{`主节点名称：${master_node_name}`}}<br/>{{`已勾选的节点名称列表：${batch_node_name_list.join('、')}`}}</span>
- </div>
- <!-- 文件管理 -->
- <FileManager
- ref="fileManager"
- ></FileManager>
- <div class="anDiv">
- <div>
- <el-button class="glBut" type="primary" @click="close">取消</el-button>
- <el-button class="glBut but-color" type="primary" @click="updateTag('被操作节点')">上一步</el-button>
- <label
- class="file-upload-button"
- for="file-input-upload"
- >
- <span>上传</span>
- <input
- type="file"
- id="file-input-upload"
- @change="submit"
- style="display: none;"
- />
- </label>
- </div>
- </div>
- </div>
-</div>
-</template>
-
-<script>
-import MainNode from '../components/MainNode.vue'
-import OperateNode from '../components/OperateNode.vue'
-import FileManager from '../components/UploadFileManager.vue'
-import qs from 'qs'
-export default {
- name: 'Upload',
- components:{
- MainNode,
- OperateNode,
- FileManager
- },
- props: {
- target_id: {
- typeof: String,
- required: true
- }
- },
- data() {
- return {
- nodeList: [],
- uploadForm: {
- master_node_id: '',
- batch_node_id_list: [],
- current_dir: ''
- },
- file: '',
- master_node_name: '',
- batch_node_name_list: [],
- visible:false,
- loading: false,
- tag:"主节点",
- form: {}
- }
- },
- methods: {
- // 获取节点列表
- getNodeList() {
- const reqParams = {
- page: 1,
- size: 99
- }
- if (this.target_id && this.target_id !== '') {
- reqParams.target_id = this.target_id
- }
- this.$axios.get(this.$http.api.getNodeList, reqParams).then(res => {
- if (res.code == 200 || res.code == "OK") {
- this.nodeList = res?.result?.items
- }
- }).catch(err => {
- console.log(err)
- }).finally(() => {})
- },
- // 选择主节点
- selectMainNode({ id, nick_name }) {
- this.$store.commit('range/setNodeId', id)
- this.uploadForm.master_node_id = id
- this.master_node_name = nick_name
- },
- // 选择被操作节点
- selectOperateNode(selectRows) {
- this.batch_node_name_list = []
- this.uploadForm.batch_node_id_list = selectRows.map(row => {
- this.batch_node_name_list.push(row.nick_name)
- return row.id
- })
- },
- // // 选择上传文件
- // selectUploadFile({path}) {
- // this.uploadForm.current_dir = path
- // // this.file = file
- // },
- // 关闭
- close() {
- document.querySelector('.mask').style.display = 'none'
- this.visible = false
- this.tag = '主节点'
- this.resetForm()
- },
- // 重置
- resetForm() {
- this.form = {}
- },
- // 选择哪个页面
- updateTag(val){
- this.tag=val
- },
- // 提交数据
- submit(e) {
- this.uploadForm.current_dir = this.$refs.fileManager.selectNode.path
- this.file = e.target.files[0]
- const params = qs.stringify(this.uploadForm, { arrayFormat: 'repeat' })
- const url = this.$http.api.batchUpload + '?' + params
- const submitForm = new FormData()
- submitForm.append('file', this.file)
- this.loading = true
- this.$axios.postFormData(url, submitForm).then(res => {
- if (res.code == 200 || res.code == "OK") {
- this.$notify({
- title: '批量上传成功',
- type: 'success',
- duration: 2500
- })
- // 更新当前路径下的文件信息
- this.$refs.fileManager.updateCurrentPath()
- }
- }).catch(err => {
- console.log(err)
- }).finally(() => {
- this.loading = false
- })
- }
- }
-}
-</script>
-
-<style lang="less" scoped>
-.console-dialog{
- z-index: 997;
- width: 1331px;
- height: 800px;
- position: absolute; /* 绝对定位 */
- top: 50%; /* 向下偏移50% */
- left: 50%; /* 向右偏移50% */
- transform: translate(-50%, -50%); /* 回移50% */
- background-image:url('../../../../img/background/NodeListDialog.svg');
- background-repeat: no-repeat; /* 可选，防止图像重复 */
- background-size: cover; /* 宽度为100%，高度自适应保持宽高比 */
- .el-icon-close{
- float: right;
- padding-right: 8%;
- padding-top: 1.8%
- }
- .tag{
- margin-left: 15%;
- .tags{
- margin-right: 5%;
- margin-top: 1%;
- font-size: 23px;
- border: none;
- background-color: transparent !important;
- color: #565e6e;
- }
- }
- .base-input {
- width: 100%;
- float: left;
- margin-top: 2%;
- text-align: center;
- }
- .label-span {
- margin-right: 3%;
- display: inline-block;
- width: 60px;
- text-align: right;
- }
- .but-color {
- background-color: #02DDEA !important;
- }
-
- .file-upload-button {
- display: inline-block;
- padding: 5px 33px;
- background-color: #02DDEA;
- color: #1b7cc4;
- border: none;
- border-radius: 0;
- cursor: pointer;
- font-size: 14px;
- }
- .file-upload-button:hover {
- background-color: #02DDEA;
- }
-
- .basic-box{
- width: 100%;
- min-height: 100%;
- display: flex;
- flex-direction: column;
- padding: 2%;
- .tip-message{
- width: 100%;
- height: 50px;
- text-align: left;
- padding: 11px 0 12px 20px;
- font-size: 20px;
- background-color: #1A2648;
- border-radius: 4px;
- margin-bottom: 2%;
- }
- .content {
- flex: 1;
- display: flex;
- flex-direction: row;
- }
- .anDiv{
- width: 100%;
- float: left;
- margin-bottom: 7%;
- text-align: center;
- .glBut{
- width: 90px;
- height: 30px;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- margin-left: 5%;
- margin-right: 5%;
- background-color: rgba(24, 133, 234, 0.2);
- color: #1b7cc4;
- }
- }
- }
-}
-</style> \ No newline at end of file
generated by cgit v1.2.3 (git 2.39.1) at 2025-12-30 17:09:54 +0000