Skip to content

P
projectMgmtClient
Commit a10df043 by 孙香冬
Options

no message

parent 10483418
Showing with 166 additions and 58 deletions
package-lock.json
...@@ -6970,7 +6970,7 @@ ...@@ -6970,7 +6970,7 @@
}, },
"docx-preview": { "docx-preview": {
"version": "0.1.11", "version": "0.1.11",
"resolved": "https://registry.npmjs.org/docx-preview/-/docx-preview-0.1.11.tgz", "resolved": "http://localhost:4873/docx-preview/-/docx-preview-0.1.11.tgz",
"integrity": "sha512-dqNDLKJP5xiisB+OeC7f7xxNFzOS0JA/C/cwvnpMZS5bzguEuf+Ufli57unnaaT63EMZRVXvxB6/5fw/g3sWWA==", "integrity": "sha512-dqNDLKJP5xiisB+OeC7f7xxNFzOS0JA/C/cwvnpMZS5bzguEuf+Ufli57unnaaT63EMZRVXvxB6/5fw/g3sWWA==",
"requires": { "requires": {
"jszip": ">=3.0.0" "jszip": ">=3.0.0"
......
src/pages/file/fileInfo.vue
<template> <template>
<div class="fileInfoBox"> <div class="fileInfoBox">
<el-row :gutter="24"> <div class="tblPane">
<el-col :span="15"> <el-tabs v-model="editableTabsValue" :tab-position="tabPosition" @edit="initEditableTabs">
<div class="wordBox"> <el-tab-pane :key="item.name" v-for="(item) in editableTabs" :label="item.title" :name="item.name">
<div ref="word"></div> <el-upload class="upload-demo" action="http://192.168.0.58:6066/filess" :on-change="handleChange" :file-list="fileList">
</div> <el-button type="primary" plain @click="uploadFiles()">上传<i class="el-icon-upload el-icon--right"></i></el-button>
</el-col> </el-upload>
<el-col :span="9"> <el-row :gutter="24">
<div v-for="(item, index) in thisFileList" class="fileListBox" :key="index"> <el-col :span="8" :data="thisFileList" :key="index">
<div class="onceFileDesBox"> <div class="fileListBox">
<el-form ref="form" label-width="100px"> <div class="onceFileDesBox">
<el-form-item label="文件名称:">{{item.fileName}}</el-form-item> <el-form ref="form" label-width="100px">
<el-form-item label="上传人:">{{item.userName}}</el-form-item> <el-form-item label="文件名称:" prop="url"></el-form-item>
</el-form> <el-form-item label="上传人:" prop="userName"></el-form-item>
<div class="formButtonBox"> </el-form>
<el-button class="formButton" type="primary" size="mini">查看</el-button> <div class="formButtonBox">
<el-button class="formButton" type="success" size="mini">下载</el-button> <el-button class="formButton" type="primary" size="mini" @click="previewFileDialog">查看</el-button>
</div> <el-button class="formButton" type="success" size="mini">下载</el-button>
</div>
</div>
</div>
</el-col>
</el-row>
</el-tab-pane>
</el-tabs>
</div>
<div class="fileInfoDialog">
<el-dialog width="80%" styel="height:100%" top="2vh" :visible.sync="fileDialogVisible">
<el-col :span="23">
<div class="wordBox">
<div ref="word"></div>
</div> </div>
</div> </el-col>
</el-col> </el-dialog>
</el-row> </div>
</div> </div>
</template> </template>
<script> <script>
...@@ -31,31 +44,61 @@ export default { ...@@ -31,31 +44,61 @@ export default {
pId:this.checkId, pId:this.checkId,
vHtml:"", vHtml:"",
thisFileList:[], thisFileList:[],
editableTabsValue: '1',
tabPosition: 'left',
editableTabs:[],
fileDialogVisible :false,
} }
}, },
mounted:function() { mounted:function() {
this.initFile(); this.initFileList();
this.initFileList(this.pId); this.initEditableTabs();
}, },
methods: { methods: {
async initFileList(pId) { initEditableTabs() {
this.pid = pId; this.editableTabs = [
let result = await this.$store.dispatch('files/getProjectFile', {pId}); {
if (result && result.data && result.data.fileInfo) { title: '全部',
this.thisFileList = result.data.fileInfo; name: '1',
thisFileList: [
{fileName:"科艺统一认证对接文档.docs", userName:"张三"},
{fileName:"科艺统一认证设计文档v1.docs", userName:"张三"},
{fileName:"科艺统一认证设计文档v2.docs", userName:"张三"},
{fileName:"科艺统一认证交互文档.docs", userName:"张三"},
]
},
{
title: '设计说明',
name: '2',
thisFileList: [
{fileName:"科艺统一认证设计文档v1.docs", userName:"张三"},
{fileName:"科艺统一认证设计文档v2.docs", userName:"张三"},
]
},
{
title: '交互文档',
name: '3',
thisFileList: [
{fileName:"科艺统一认证交互文档.docs", userName:"张三"},
]
},
]
},
async initFileList() {
console.log('111')
let result = await this.$store.dispatch('files/getAllFilesList', {});
if (result && result.fileInfo) {
this.thisFileList = result.fileInfo;
} else { } else {
this.$message.error("获取文件失败"); this.$message.error("获取文件失败");
} }
// this.thisFileList = [
// {fileName:"科艺统一认证对接文档.docs", userName:"张三"},
// {fileName:"科艺统一认证对接文档.docs", userName:"张三"},
// {fileName:"科艺统一认证对接文档.docs", userName:"张三"},
// {fileName:"科艺统一认证对接文档.docs", userName:"张三"},
// {fileName:"科艺统一认证对接文档.docs", userName:"张三"},
// {fileName:"科艺统一认证对接文档.docs", userName:"张三"},
// ];
}, },
initFile:function() { async uploadFiles() {
//上传
let result = await this.$store.dispatch('files/uploadFiles');
},
previewFileDialog:function() {
this.fileDialogVisible = true;
let url = "http://192.168.0.105:6066/test.docx"; let url = "http://192.168.0.105:6066/test.docx";
var vm = this; var vm = this;
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
...@@ -70,6 +113,9 @@ export default { ...@@ -70,6 +113,9 @@ export default {
}; };
xhr.send(); xhr.send();
}, },
handleChange(file, fileList) {
this.fileList = fileList.slice(-3);
},
}, },
} }
</script> </script>
...@@ -85,29 +131,33 @@ export default { ...@@ -85,29 +131,33 @@ export default {
border-radius: 6px; border-radius: 6px;
} }
.fileInfoBox .el-form-item__label { .fileInfoBox .el-form-item__label {
color: rgb(255, 255, 255); color: rgb(0, 0, 0);
font-size: 16px; font-size: 16px;
} }
.fileInfoBox .el-row { .fileInfoBox .el-row, .fileInfoDialog .el-row {
height: 100%; height: 100%;
}
.fileInfoBox .el-row .el-col-9 {
height: 93%;
} }
.fileInfoBox .el-row .el-col-15 {
.fileInfoDialog {
height: 100%; height: 100%;
} }
.fileInfoBox .el-row .el-col-9 { .el-col-23 {
height: 93%; height: 95%;
overflow-y: scroll;
} }
.fileInfoBox .wordBox .docx-wrapper { .fileInfoDialog .wordBox .docx-wrapper {
padding: 0 !important; padding: 0 !important;
} }
.fileInfoBox .wordBox .docx-wrapper .docx { .fileInfoDialog .wordBox .docx-wrapper .docx {
width: auto !important; width: auto !important;
} }
.fileInfoBox .wordBox { .fileInfoDialog .wordBox {
/* box-shadow: 0 2px 12px 0 rgba(141, 141, 141, 0.753); */ /* box-shadow: 0 2px 12px 0 rgba(141, 141, 141, 0.753); */
border-radius: 6px; border-radius: 6px;
border: 1px solid rgb(114, 114, 114); border: 1px solid rgb(114, 114, 114);
...@@ -115,7 +165,7 @@ export default { ...@@ -115,7 +165,7 @@ export default {
overflow-x: hidden; overflow-x: hidden;
height: 93%; height: 93%;
} }
.fileInfoBox .wordBox .fileListBox { .fileInfoDialog .wordBox .fileListBox {
width: 100%; width: 100%;
} }
...@@ -124,22 +174,25 @@ export default { ...@@ -124,22 +174,25 @@ export default {
.fileInfoBox .onceFileDesBox { .fileInfoBox .onceFileDesBox {
margin: 14px; margin: 14px;
width: 90%; width: 90%;
height: 140px; height: 160px;
box-shadow: 0 2px 12px 0 rgba(94, 94, 94, 0.562); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
background-color: rgb(128, 128, 128); /* box-shadow: 0 2px 12px 0 rgba(94, 94, 94, 0.562); */
/* background-color: rgb(138, 138, 138); */
border-radius: 15px; border-radius: 15px;
} }
.fileInfoBox .onceFileDesBox:hover {
box-shadow: 0 2px 12px 0 rgba(94, 94, 94, 0.562);
}
.fileInfoBox .onceFileDesBox .el-form-item { .fileInfoBox .onceFileDesBox .el-form-item {
margin-bottom: 0px; margin-bottom: 0px;
} }
.fileInfoBox .onceFileDesBox .el-form-item__content { .fileInfoBox .onceFileDesBox .el-form-item__content {
color: rgb(255, 255, 255); color: #000;
font-size: 15px; font-size: 15px;
} }
.fileInfoBox .onceFileDesBox .formButtonBox { .fileInfoBox .onceFileDesBox .formButtonBox {
display: flex; display: flex;
margin-top: 10px; margin-top: 10px;
...@@ -147,9 +200,37 @@ export default { ...@@ -147,9 +200,37 @@ export default {
} }
.fileInfoBox .onceFileDesBox .formButtonBox .formButton { .fileInfoBox .onceFileDesBox .formButtonBox .formButton {
width: 100px; width: 100px;
font-size: 10px !important; font-size: 10px !important;
} }
.tblPane {
margin-top: 15px;
}
.el-tab-pane {
margin: 10px;
}
/* 弹出框 */
.fileInfoDialog {
height: 100%;
}
.fileInfoDialog .el-dialog, .el-pager li {
/* background-color: rgba(206, 206, 206, 0.486); */
border-radius: 5px;
box-shadow: 0 2px 50px 0 rgba(168, 168, 168, 0.699);
background-color: rgb(255, 255, 255);
height: 90%;
}
.fileInfoDialog .el-dialog .el-dialog__body {
height: 100%;
}
.fileInfoDialog .el-dialog__header {
padding:0 0 0 0;
}
</style> </style>
\ No newline at end of file
src/pages/self/notebook.vue
...@@ -123,7 +123,7 @@ export default { ...@@ -123,7 +123,7 @@ export default {
/* 弹出框 */ /* 弹出框 */
.notebookDialogBox { .notebookDialogBox {
/* height: 100%; */ height: 100%;
} }
.notebookDialogBox .el-dialog, .el-pager li { .notebookDialogBox .el-dialog, .el-pager li {
border-radius: 5px; border-radius: 5px;
......
src/server/axiosInstance.js
import axios from 'axios' import axios from 'axios'
const serverUrl = 'http://192.168.0.105:6066'; const serverUrl = 'http://192.168.0.58:6066';
let server = axios.create({ let server = axios.create({
baseURL: serverUrl, baseURL: serverUrl,
......
src/server/url.js
...@@ -28,4 +28,5 @@ export const publicUrlConfig = { ...@@ -28,4 +28,5 @@ export const publicUrlConfig = {
export const filesUrlConfig = { export const filesUrlConfig = {
"上传文件":"/api/files/uploadfiles", "上传文件":"/api/files/uploadfiles",
} "获取全部文件列表":"/api/files/viewfiles",
\ No newline at end of file }
src/store/files/actions.js 0 → 100644
import postReq from '../../server/axiosInstance';
import { projectUrlConfig, filesUrlConfig } from '../../server/url';
//获取列表
export async function getAllFilesList({commit}, payload) {
console.log(payload);
return await postReq(filesUrlConfig.获取全部文件列表, payload);
};
//上传文件
export async function uploadFiles({commit}, payload) {
return await postReq(filesUrlConfig.上传文件, payload);
}
\ No newline at end of file
src/store/files/index.js 0 → 100644
import * as actions from './actions'
import * as state from './state'
import * as getters from './getters'
export default {
namespaced: true,
actions,
state,
getters
}
\ No newline at end of file
src/store/store.js
...@@ -5,13 +5,15 @@ import Vuex from 'vuex' ...@@ -5,13 +5,15 @@ import Vuex from 'vuex'
import users from './users' import users from './users'
import project from './project' import project from './project'
import feedback from './feedback' import feedback from './feedback'
import files from './files'
Vue.use(Vuex); Vue.use(Vuex);
export default () => { export default () => {
const Store = new Vuex.Store({ const Store = new Vuex.Store({
modules: { modules: {
users, users,
project, project,
feedback feedback,
files,
} }
}) })
return Store return Store
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment