Skip to content

P
projectMgmtClient
Commit 824bd438 by lixinming
Options

no message

parent 8318a9e1
Showing with 911 additions and 361 deletions
package-lock.json
......@@ -3631,7 +3631,6 @@
"version": "1.0.10",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
"integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
"dev": true,
"requires": {
"sprintf-js": "~1.0.2"
}
......@@ -6905,6 +6904,11 @@
"randombytes": "^2.0.0"
}
},
"dingbat-to-unicode": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/dingbat-to-unicode/-/dingbat-to-unicode-1.0.1.tgz",
"integrity": "sha512-98l0sW87ZT58pU4i61wa2OHwxbiYSbuxsCBozaVnYX2iCnr3bLM3fIes1/ej7h1YdOKuKt/MLs706TVnALA65w=="
},
"dir-glob": {
"version": "2.2.2",
"resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.2.2.tgz",
......@@ -6964,6 +6968,14 @@
"buffer-indexof": "^1.0.0"
}
},
"docx-preview": {
"version": "0.1.11",
"resolved": "https://registry.npmjs.org/docx-preview/-/docx-preview-0.1.11.tgz",
"integrity": "sha512-dqNDLKJP5xiisB+OeC7f7xxNFzOS0JA/C/cwvnpMZS5bzguEuf+Ufli57unnaaT63EMZRVXvxB6/5fw/g3sWWA==",
"requires": {
"jszip": ">=3.0.0"
}
},
"dom-converter": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
......@@ -7023,6 +7035,14 @@
"domelementtype": "1"
}
},
"duck": {
"version": "0.1.12",
"resolved": "https://registry.npmjs.org/duck/-/duck-0.1.12.tgz",
"integrity": "sha512-wkctla1O6VfP89gQ+J/yDesM0S7B7XLXjKGzXxMDVFg7uEn706niAtyYovKbyq1oT9YwDcly721/iUWoc8MVRg==",
"requires": {
"underscore": "^1.13.1"
}
},
"duplexer": {
"version": "0.1.1",
"resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz",
......@@ -9264,6 +9284,11 @@
"integrity": "sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==",
"dev": true
},
"immediate": {
"version": "3.0.6",
"resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
"integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ=="
},
"import-cwd": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
......@@ -10431,6 +10456,17 @@
"verror": "1.10.0"
}
},
"jszip": {
"version": "3.10.0",
"resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.0.tgz",
"integrity": "sha512-LDfVtOLtOxb9RXkYOwPyNBTQDL4eUbqahtoY6x07GiDJHwSYvn8sHHIw8wINImV3MqbMNve2gSuM1DDqEKk09Q==",
"requires": {
"lie": "~3.3.0",
"pako": "~1.0.2",
"readable-stream": "~2.3.6",
"setimmediate": "^1.0.5"
}
},
"keyv": {
"version": "3.0.0",
"resolved": "http://192.168.12.179:4874/keyv/-/keyv-3.0.0.tgz",
......@@ -10501,6 +10537,14 @@
"type-check": "~0.3.2"
}
},
"lie": {
"version": "3.3.0",
"resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
"integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
"requires": {
"immediate": "~3.0.5"
}
},
"load-json-file": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
......@@ -10790,6 +10834,16 @@
"js-tokens": "^3.0.0 || ^4.0.0"
}
},
"lop": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/lop/-/lop-0.4.1.tgz",
"integrity": "sha512-9xyho9why2A2tzm5aIcMWKvzqKsnxrf9B5I+8O30olh6lQU8PH978LqZoI4++37RBgS1Em5i54v1TFs/3wnmXQ==",
"requires": {
"duck": "^0.1.12",
"option": "~0.2.1",
"underscore": "^1.13.1"
}
},
"loud-rejection": {
"version": "1.6.0",
"resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
......@@ -10847,6 +10901,34 @@
"tmpl": "1.0.x"
}
},
"mammoth": {
"version": "1.4.21",
"resolved": "https://registry.npmjs.org/mammoth/-/mammoth-1.4.21.tgz",
"integrity": "sha512-znix1/i7LtfVMAe6mmrxJSoN1HmTASJ48I+PofSHs4vPKCuPF1DDOCVeMgZTYpitzjWTWs9Xhxxi2LBbHpmovg==",
"requires": {
"argparse": "~1.0.3",
"bluebird": "~3.4.0",
"dingbat-to-unicode": "^1.0.1",
"jszip": "^3.7.1",
"lop": "^0.4.1",
"path-is-absolute": "^1.0.0",
"sax": "~1.1.1",
"underscore": "^1.13.1",
"xmlbuilder": "^10.0.0"
},
"dependencies": {
"bluebird": {
"version": "3.4.7",
"resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.4.7.tgz",
"integrity": "sha512-iD3898SR7sWVRHbiQv+sHUtHnMvC1o3nW5rAcqnq3uOn07DSAppZYUkIGslDz6gXC7HfunPe7YVBgoEJASPcHA=="
},
"sax": {
"version": "1.1.6",
"resolved": "https://registry.npmjs.org/sax/-/sax-1.1.6.tgz",
"integrity": "sha512-8zci48uUQyfqynGDSkUMD7FCJB96hwLnlZOXlgs1l3TX+LW27t3psSWKUxC0fxVgA86i8tL4NwGcY1h/6t3ESg=="
}
}
},
"map-cache": {
"version": "0.2.2",
"resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
......@@ -11758,6 +11840,11 @@
"last-call-webpack-plugin": "^2.1.2"
}
},
"option": {
"version": "0.2.4",
"resolved": "https://registry.npmjs.org/option/-/option-0.2.4.tgz",
"integrity": "sha512-pkEqbDyl8ou5cpq+VsnQbe/WlEy5qS7xPzMS1U55OCG9KPvwFD46zDbxQIj3egJSFc3D+XhYOPUzz49zQAVy7A=="
},
"optionator": {
"version": "0.8.2",
"resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.2.tgz",
......@@ -11934,8 +12021,7 @@
"pako": {
"version": "1.0.10",
"resolved": "https://registry.npmjs.org/pako/-/pako-1.0.10.tgz",
"integrity": "sha512-0DTvPVU3ed8+HNXOu5Bs+o//Mbdj9VNQMUOe9oKCwh8l0GNwpTDMKCWbRjgtD291AWnkAgkqA/LOnQS8AmS1tw==",
"dev": true
"integrity": "sha512-0DTvPVU3ed8+HNXOu5Bs+o//Mbdj9VNQMUOe9oKCwh8l0GNwpTDMKCWbRjgtD291AWnkAgkqA/LOnQS8AmS1tw=="
},
"parallel-transform": {
"version": "1.1.0",
......@@ -12031,8 +12117,7 @@
"path-is-absolute": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
"integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
"dev": true
"integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
},
"path-is-inside": {
"version": "1.0.2",
......@@ -15731,8 +15816,7 @@
"setimmediate": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
"integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=",
"dev": true
"integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU="
},
"setprototypeof": {
"version": "1.1.0",
......@@ -16119,8 +16203,7 @@
"sprintf-js": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
"integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
"dev": true
"integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
},
"ssf": {
"version": "0.10.3",
......@@ -16783,6 +16866,11 @@
}
}
},
"underscore": {
"version": "1.13.4",
"resolved": "https://registry.npmjs.org/underscore/-/underscore-1.13.4.tgz",
"integrity": "sha512-BQFnUDuAQ4Yf/cYY5LNrK9NCJFKriaRbD9uR1fTeXnBeoa97W0i41qkZfGO9pSo8I5KzjAcSY2XYtdf0oKd7KQ=="
},
"unicode-canonical-property-names-ecmascript": {
"version": "2.0.0",
"resolved": "http://localhost:4873/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
......@@ -17967,6 +18055,11 @@
"integrity": "sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==",
"dev": true
},
"xmlbuilder": {
"version": "10.1.1",
"resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-10.1.1.tgz",
"integrity": "sha512-OyzrcFLL/nb6fMGHbiRDuPup9ljBycsdCypwuyg5AAHvyWzGfChJpCXMG88AGTIMFhGZ9RccFN1e6lhg3hkwKg=="
},
"xregexp": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/xregexp/-/xregexp-2.0.0.tgz",
......
package.json
......@@ -17,6 +17,7 @@
"@babel/preset-env": "^7.18.6",
"@babel/preset-es2017": "^7.0.0-beta.53",
"axios": "^0.18.0",
"docx-preview": "^0.1.11",
"echarts": "^5.3.1",
"echarts-gl": "^1.1.1",
"element": "^0.1.4",
......@@ -24,6 +25,7 @@
"file-saver": "^2.0.2",
"jquery": "^3.6.0",
"js-md5": "^0.7.3",
"mammoth": "^1.4.21",
"node": "^18.5.0",
"node-annotation": "^1.0.0",
"nprogress": "^0.2.0",
......
src/App.vue
......@@ -5,8 +5,25 @@
</template>
<script>
import refreshSize from "./server/refreshSize"
export default {
name: 'App'
name: 'App',
data() {
return {
width:1920,
height:1080,
}
},
mixins:[refreshSize],
mounted:function() {
// const bodyStyle = document.body.style;
// bodyStyle.overflow = 'auto'
// 如无需设置自动适配则注释该方法即可
// this.initScale(this.width, this.height);
},
methods:{
}
}
</script>
<style>
......@@ -16,6 +33,16 @@ export default {
text-decoration: none;
list-style: none;
}
/* #app {
top: 0;
left: 50%;
right: 0;
bottom: 0;
overflow: hidden;
user-select: none;
background-position: center bottom;
} */
</style>
src/pages/boss/stats.vue
<template>
<div>统计</div>
<div>
</div>
</template>
<script>
......
src/pages/feedback/editTask.vue
......@@ -15,7 +15,7 @@
<div class="solveBox">
<el-form ref="form" label-width="80px">
<el-form-item label="指派人">
<el-tag v-for="item in peopleList" disable-transitions :key="item"> {{item}} </el-tag>
<el-tag class="solveTag" v-for="item in peopleList" disable-transitions :key="item"> {{item}} </el-tag>
</el-form-item>
<el-form-item label="是否解决">
<el-radio-group v-model="state">
......@@ -97,7 +97,7 @@ export default {
}
.taskInfoBox{
width: 100%;
height: 600px;
height: 100%;
}
.taskInfoBox .el-divider__text {
......@@ -114,13 +114,13 @@ export default {
height: 180px;
margin: auto;
background-color: rgb(255 255 255 / 15%);
border-radius: 15px;
border-radius: 5px;
box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.699);
}
.taskInfoBox .taskInfoMainBox .el-textarea__inner {
background-color: transparent;
color: rgb(255, 255, 255);
border-radius: 15px;
color: rgb(0, 0, 0);
border-radius: 5px;
cursor:auto !important;
}
......@@ -129,17 +129,22 @@ export default {
margin: auto;
}
.taskInfoBox .editTextAreaBox .el-textarea__inner{
color: rgb(255, 255, 255);
border-radius: 15px;
color: rgb(14, 14, 14);
border-radius: 5px;
cursor:auto !important;
background-color: rgb(255 255 255 / 15%);
border-radius: 15px;
box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.699);
}
.taskInfoBox .solveBox {
width: 100%;
}
.taskInfoBox .solveBox .solveTag{
margin-right: 10px;
background-color: rgba(245, 149, 23, 0.678);
color: rgb(0, 0, 0);
box-shadow: 0 2px 5px 0 rgba(194, 193, 193, 0.699);
}
.solvButtonBox {
width: 95%;
height: 40px;
......
src/pages/feedback/initiate.vue
......@@ -12,11 +12,11 @@
</el-table-column>
<el-table-column prop="qType" align="center" width="80" label="状态">
</el-table-column>
<el-table-column prop="qDetails" align="center" width="260" label="问题描述">
<el-table-column prop="qDetails" align="center" label="问题描述">
</el-table-column>
<el-table-column align="center" width="80" label="操作">
<template slot-scope="scope">
<i @click="checkInitiateItem(scope.row)" style="color:aliceblue;font-size:18px" class="el-icon-view"></i>
<i @click="checkInitiateItem(scope.row)" style="font-size:18px" class="el-icon-view"></i>
</template>
</el-table-column>
</el-table>
......@@ -54,7 +54,7 @@ export default {
this.initiateInfoDialogVisible = true;
this.checkQid = row.qId;
if (this.$refs.taskinfo) {
this.$refs.initiate.initProjectInfo(row.qId);
this.$refs.taskinfo.initProjectInfo(row.qId);
}
},
initInitiateList:async function() {
......@@ -81,25 +81,16 @@ export default {
}
.initiateListBox .initiateListTable {
width: 66%;
box-shadow: 0 2px 12px 0 rgba(252, 252, 252, 0.144);
background-color: rgb(255 255 255 / 15%);
border-radius: 6px;
}
/*最外层透明*/
.initiateListBox .initiateListTable .el-table, .el-table__expanded-cell{
background-color: transparent;
}
/* 表格内背景颜色 */
.initiateListBox .initiateListTable .el-table th, .el-table tr, .el-table td {
background-color: transparent;
color: aliceblue;
}
.initiateListBox .initiateListTable .success-row {
background: rgba(60, 255, 213, 0.61) !important;
}
.initiateListBox .initiateListTable .warning-row {
background: rgba(245, 134, 70, 0.904) !important;
background: rgba(245, 134, 70, 0.596) !important;
}
.initiateListBox .initiateListTable .error-row {
background: rgba(247, 52, 52, 0.37) !important;
......@@ -107,11 +98,14 @@ export default {
.initiateListBox .initiateListTable .el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: rgba(247, 247, 247, 0.205);
}
.initiateInfoDialog {
height: 100%;
}
.initiateInfoDialog .el-dialog, .el-pager li {
/* background-color: rgba(206, 206, 206, 0.486); */
border-radius: 40px;
box-shadow: 0 2px 50px 0 rgba(255, 255, 255, 0.699);
background: url('../../assets/login/logbackground.png') no-repeat;
border-radius: 5px;
box-shadow: 0 2px 50px 0 rgba(168, 168, 168, 0.699);
background-color: rgb(255, 255, 255);
height: 90%;
}
.initiateInfoDialog .el-dialog__header {
padding:0 0 0 0;
......
src/pages/feedback/initiateInfo.vue
......@@ -15,7 +15,7 @@
<div class="solveBox">
<el-form ref="form" label-width="80px">
<el-form-item label="指派人">
<el-tag v-for="item in peopleList" disable-transitions :key="item"> {{item}} </el-tag>
<el-tag class="solveTag" v-for="item in peopleList" disable-transitions :key="item"> {{item}} </el-tag>
</el-form-item>
<el-form-item label="是否解决">
<el-radio-group v-model="isSolve">
......@@ -27,7 +27,7 @@
</div>
</div>
<div class="solvButtonBox">
<el-button @click="auditingFeedback" size="mini" round>提交</el-button>
<el-button @click="auditingFeedback" size="mini">提交</el-button>
</div>
</div>
</template>
......@@ -84,11 +84,9 @@ export default {
}
.initiateInfoBox {
width: 100%;
height: 600px;
height: 100%;
}
.initiateInfoBox .el-divider__text {
border-radius: 10px;
font-size: 15px !important;
......@@ -103,32 +101,41 @@ export default {
height: 180px;
margin: auto;
background-color: rgb(255 255 255 / 15%);
border-radius: 15px;
border-radius: 5px;
box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.699);
}
.initiateInfoBox .initiateInfoMainBox .el-textarea__inner {
background-color: transparent;
color: rgb(255, 255, 255);
border-radius: 15px;
color: rgb(0, 0, 0);
border-radius: 5px;
cursor:auto !important;
}
.initiateInfoBox .solveEditMainBox {
width: 95%;
margin: auto;
}
.initiateInfoBox .editTextAreaBox .el-textarea__inner{
color: rgb(255, 255, 255);
color: rgb(0, 0, 0);
border-radius: 15px;
cursor:auto !important;
background-color: rgb(255 255 255 / 15%);
border-radius: 15px;
border-radius: 5px;
box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.699);
}
.initiateInfoBox .solveBox {
width: 100%;
}
.initiateInfoBox .solveBox .solveTag {
margin-right: 10px;
background-color: rgba(245, 149, 23, 0.678);
color: rgb(0, 0, 0);
box-shadow: 0 2px 5px 0 rgba(194, 193, 193, 0.699);
}
.initiateInfoBox .solvButtonBox {
width: 95%;
height: 40px;
......
src/pages/feedback/taskList.vue
<template>
<div class="taskListBox">
<div class="taskListTable">
<el-table :data="myTaskList" height="750">
<el-table :data="myTaskList">
<el-table-column prop="pName" align="center" width="220" label="项目名称">
</el-table-column>
<el-table-column prop="initiateTime" align="center" width="180" label="发起时间">
</el-table-column>
<el-table-column prop="initiateUser" align="center" width="80" label="发起人">
</el-table-column>
<el-table-column prop="qType" align="center" width="80" label="类型">
<el-table-column prop="qType" align="center" width="180" label="类型">
</el-table-column>
<el-table-column prop="qDetails" align="center" width="430" label="问题描述">
<el-table-column prop="qDetails" align="center" label="问题描述">
</el-table-column>
<el-table-column align="center" width="100" label="操作">
<template slot-scope="scope">
<i @click="checkTaskItem(scope.row)" style="color:aliceblue;font-size:18px" class="el-icon-edit"></i>
<i @click="checkTaskItem(scope.row)" style="font-size:18px" class="el-icon-edit"></i>
</template>
</el-table-column>
</el-table>
......@@ -69,31 +69,24 @@ export default {
<style>
.taskListBox{
width: 100%;
height:100%
}
.taskListBox .taskListTable {
width: 66%;
box-shadow: 0 2px 12px 0 rgba(252, 252, 252, 0.144);
background-color: rgb(255 255 255 / 15%);
box-shadow: 0 2px 12px 0 rgba(146, 146, 146, 0.164);
background-color: rgb(255 255 255);
border-radius: 6px;
height: 100%;
}
/*最外层透明*/
.taskListBox .taskListTable .el-table, .el-table__expanded-cell{
background-color: transparent;
}
/* 表格内背景颜色 */
.taskListBox .taskListTable .el-table th, .el-table tr, .el-table td {
background-color: transparent;
color: aliceblue;
}
.taskListBox .taskListTable .el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: rgba(247, 247, 247, 0.205);
.taskInfoDialog {
height: 100%;
}
.taskInfoDialog .el-dialog, .el-pager li {
/* background-color: rgba(206, 206, 206, 0.486); */
border-radius: 40px;
box-shadow: 0 2px 50px 0 rgba(255, 255, 255, 0.699);
background: url('../../assets/login/logbackground.png') no-repeat;
border-radius: 5px;
box-shadow: 0 2px 50px 0 rgba(168, 168, 168, 0.699);
background-color: rgb(255, 255, 255);
height: 90%;
}
.taskInfoDialog .el-dialog__header {
padding:0 0 0 0;
......
src/pages/home.vue
......@@ -11,27 +11,9 @@
</div>
</div>
</el-aside>
<el-container>
<!-- <el-header :style="defaultHeader">
<div class="headerBox">
<div class="headerBoxStyle">
<el-row>
<el-col :span="24">
<div class="headerLeftContent">
<div class="avatarBox pull-right">
<el-avatar class="avatarInfo" :size="46" src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar>
<span><b>Zhang Shan</b></span>
</div>
</div>
</el-col>
</el-row>
</div>
</div>
</el-header> -->
<el-main :style="defaultMainHeight">
<router-view></router-view>
</el-main>
</el-container>
<el-main :style="defaultMainHeight">
<router-view></router-view>
</el-main>
</el-container>
</div>
</template>
......@@ -46,17 +28,14 @@ export default {
//自适应高度
defaultMainHeight:{
height:"",
padding:"0 40"
padding:"0 40",
background: `rgb(245, 247, 250)`
},
defaultLeftMenu:{
width:"200px",
height:"",
"border-right":" 1px solid rgb(255 255 255 / 15%)"
},
defaultHeader:{
height:"60px",
padding:"0 0"
},
}
};
},
......@@ -65,7 +44,7 @@ export default {
//自适应main区域高度
getMainHeight() {
let windowHeight = window.innerHeight;
this.defaultMainHeight.height = windowHeight - 60 +"px";
this.defaultMainHeight.height = windowHeight+"px";
this.defaultLeftMenu.height = windowHeight +"px";
}
},
......@@ -77,31 +56,17 @@ export default {
</script>
<style scoped>
.mainStyle {
background: url('../assets/login/logbackground.png') no-repeat;
}
.headerBoxStyle {
background: rgb(0 0 0 / 15%);
border-bottom: 1px solid rgb(255 255 255 / 15%);
}
.headerBox .el-row {
height: 60px;
background: rgb(34, 40, 52);
}
.leftBox{
width: 100%;
height: 100%;
background-size:100% 100%;
}
.headerBox{
width: 100%;
height: 100%;
}
.headerBox .el-card {
height: 60px;
}
.logoBox {
width: 100%;
height: 60px;
background: rgb(255 255 255 / 15%);
/* background: rgb(255 255 255 / 15%); */
border-bottom: 1px solid rgb(255 255 255 / 12%);
}
......
src/pages/login.vue
<template>
<div>
<div class="loginBackgroundInfo">
<img :src="imgSrc" width="100%" height="100%" alt="" />
</div>
<template>
<el-row :gutter="24" style="height:100%;width:100%">
<div class="loginMainBox">
<el-row :gutter="24" style="height:100%;width:100%">
<el-col :xs="0" :sm="1" :md="2" :lg="4" :xl="3"><div class="grid-content "></div></el-col>
<el-col :xs="24" :sm="21" :md="16" :lg="15" :xl="15">
<div class="grid-content ">
......@@ -46,26 +42,19 @@
<el-col :xs="0" :sm="1" :md="2" :lg="2" :xl="1"><div class="grid-content "></div></el-col>
<el-col :xs="0" :sm="0" :md="2" :lg="2" :xl="4"><div class="grid-content "></div></el-col>
</el-row>
</template>
</div>
</template>
<script>
import {mapActions} from 'vuex';
let background = require('../assets/login/logbackground.png');
let logo = require('../assets/login/logo.png');
export default {
name: 'login',
data () {
return {
imgSrc:background,
bodyDefaultStyle:{height:"0px", width:"100%"},
logoImg:logo,
loginId:"",
pwd:"",
errMsg:"错误消息",
errMsg:"",
}
},
mounted() {
......@@ -98,86 +87,80 @@
if (!result.err) {
this.$router.push({path: '/home'});
} else {
this.$message.error("登录失败 ",result.errMsg);
this.errMsg = `登录失败: ${result.errMsg}`
}
}
}
}
</script>
<style type="text/css">
.loginBackgroundInfo{
width:100%;
height:100%; /**宽高100%是为了图片铺满屏幕 */
z-index:-1;
position: absolute;
}
.grid-content {
border-radius: 4px;
min-height: 36px;
}
.loginBody {
height: 600px;
width: 100%;
}
.logoStyle {
width: 100%;
height: 94px;
}
.bodyBack{
background-color: rgb(0 0 0 / 15%);
width: 630px;
height: 430px;
min-height: 150px;
background-size:100% 100%;
position: absolute;
top: 20%;
margin: 0 0 0 0;
text-align: center;
}
.logoImg{
position: relative;
top: 20px;
}
.boxStyle{
width: 100%;
height: 76px;
text-align: center;
}
.subBoxStyle{
position: relative;
top: 26px;
width: 460px;
height: 50px;
margin:0 auto;
}
.subBoxStyle .el-input__inner {
height: 50px !important;
background-color: rgb(0 0 0 / 15%);
}
.subBoxStyle .el-button {
height: 100% !important;
width: 100% !important;
border-radius: 0px;
background-color: rgb(255 255 255 / 15%);
border-color: rgb(255 255 255 / 35%);
}
.msgBoxStyle{
width: 100%;
height: 18px;
text-align: left;
}
.msgStyle{
position: relative;
left: 85px;
text-align: left;
width: 50%;
height: 100%;
}
.bodyBorder {
width: 94%;
height: 94%;
border: 1px solid rgb(255 255 255 / 15%)!important;
margin: 2% auto;
}
.loginMainBox {
background: rgba(226, 226, 226, 0.541);
}
.grid-content {
border-radius: 4px;
min-height: 36px;
}
.logoStyle {
width: 100%;
height: 94px;
}
.bodyBack{
background-color: rgb(116, 116, 116);
width: 630px;
height: 430px;
min-height: 150px;
background-size:100% 100%;
position: absolute;
top: 20%;
margin: 0 0 0 0;
text-align: center;
}
.logoImg{
position: relative;
top: 20px;
}
.boxStyle{
width: 100%;
height: 76px;
text-align: center;
}
.subBoxStyle{
position: relative;
top: 26px;
width: 460px;
height: 50px;
margin:0 auto;
}
.subBoxStyle .el-input__inner {
height: 50px !important;
/* background-color: rgb(0 0 0 / 15%); */
}
.subBoxStyle .el-button {
height: 100% !important;
width: 100% !important;
border-radius: 0px;
background-color: rgba(233, 232, 232, 0.63);
border-color: rgb(255, 255, 255)
}
.msgBoxStyle{
width: 100%;
height: 18px;
text-align: left;
}
.msgStyle{
position: relative;
left: 85px;
text-align: left;
width: 50%;
height: 100%;
color: rgba(255, 62, 4, 0.788);
}
.bodyBorder {
width: 94%;
height: 94%;
border: 1px solid rgb(255, 255, 255)!important;
margin: 2% auto;
}
</style>
src/pages/pm/stats.vue
<template>
<div>项目经理统计</div>
<div class="stats">
<div>
</div>
</div>
</template>
<script>
......
src/pages/project/projectInfo.vue
......@@ -169,7 +169,7 @@ export default {
.projectInfo {
width: 100%;
height: 700px;
height: 100%;
}
.projectInfo .el-divider__text {
border-radius: 10px;
......@@ -183,9 +183,6 @@ export default {
.projectInfo .leftInfoBox {
width: 100%;
height: 700px;
background-color: rgb(255 255 255 / 15%);
border-radius: 15px;
box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.699);
}
.projectInfo .leftInfoBox .titleBox {
width: 100%;
......@@ -194,15 +191,15 @@ export default {
font:'黑体';
font-weight: bold;
font-size: 25px;
color: rgb(255, 255, 255);
color: rgb(2, 2, 2);
}
.projectInfo .leftInfoBox .desBox {
width: 90%;
margin: auto;
height: 120px;
height: 140px;
font:'黑体';
font-size: 18px;
color: rgb(255, 255, 255);
color: rgb(24, 24, 24);
}
.projectInfo .leftInfoBox .joinBox {
width: 100%;
......@@ -210,7 +207,7 @@ export default {
font:'黑体';
font-size: 18px;
margin-left: 20px;
color: rgb(255, 255, 255);
color: rgb(65, 65, 65);
}
.projectInfo .leftInfoBox .scheduleBox{
width: 100%;
......@@ -235,7 +232,7 @@ export default {
left: 10px;
}
.scheduleTimelineBox .el-timeline-item__content {
color: rgb(255, 255, 255);
color: rgb(90, 90, 90);
}
.scheduleTimelineBox .el-timeline-item__timestamp {
color: rgb(184, 250, 178);
......@@ -273,12 +270,18 @@ export default {
}
/* 中间 */
.projectInfo .el-row {
height: 100%;
}
.projectInfo .el-row .el-col-16 {
height: 92%;
}
.projectInfo .centerInfoBox {
width: 100%;
height: 700px;
background-color: rgb(255 255 255 / 15%);
border-radius: 15px;
box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.699);
height: 100%;
background-color: rgb(209, 209, 209);
border-radius: 5px;
box-shadow: 0 2px 5px 0 rgba(139, 139, 139, 0.699);
}
......@@ -295,7 +298,6 @@ export default {
/* 表格内背景颜色 */
.projectInfo .centerInfoBox .projectFeedbackTable .el-table th, .el-table tr, .el-table td {
background-color: transparent;
color: aliceblue;
}
.projectInfo .centerInfoBox .projectFeedbackTable .el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: rgba(247, 247, 247, 0.205);
......@@ -313,7 +315,10 @@ export default {
color: aliceblue;
}
.projectFeedbackAddBox .el-button {
background: rgba(247, 247, 247, 0.5);
/* background: rgba(247, 247, 247, 0.5); */
border-radius: 0px;
background-color: rgb(229 120 11);
border-color: rgb(255 255 255 / 35%);
}
.projectFeedbackInputBox {
width: 95%;
......@@ -321,30 +326,15 @@ export default {
margin: auto;
}
.projectFeedbackInputBox .el-textarea__inner {
background-color: rgba(119, 119, 119, 0.671);
color: rgb(255, 255, 255);
background-color: rgb(255, 255, 255);
color: rgb(20, 20, 20);
}
.projectFeedbackSubmitBox {
.projectFeedbackAddBox .projectFeedbackSubmitBox {
width: 95%;
height: 40px;
text-align: right;
}
/* .projectFeedbackTargetSelectBox {
width: 100%;
}
.projectFeedbackTargetSelectBox .titleBox {
color: rgb(255, 255, 255);
font-size: 16px;
display: inline-block;
}
.projectFeedbackTargetSelectBox .selectBox {
width: 200px;
height: 30px;
display: inline-block;
} */
/* 右边 */
.projectInfo .rightInfoBox {
width: 100%;
......
src/pages/project/projectList.vue
......@@ -11,26 +11,26 @@
</div>
<div class="projectListBox">
<div class="projectListTable">
<el-table :data="projectList" height="650">
<el-table-column prop="pName" align="center" width="220" label="项目名称">
<el-table :data="projectList">
<el-table-column prop="pName" align="center" label="项目名称">
</el-table-column>
<el-table-column prop="pType" align="center" width="150" label="项目类型">
<el-table-column prop="pType" align="center" label="项目类型">
</el-table-column>
<el-table-column prop="currentState" align="center" width="200" label="当前进度">
<el-table-column prop="currentState" align="center" label="当前进度">
</el-table-column>
<el-table-column prop="startTime" align="center" width="200" label="开始时间">
<el-table-column prop="startTime" align="center" label="开始时间">
</el-table-column>
<el-table-column prop="lastNodeTime" align="center" width="200" label="下一节点时间">
<el-table-column prop="lastNodeTime" align="center" label="下一节点时间">
</el-table-column>
<el-table-column align="center" width="100" label="操作">
<el-table-column align="center" label="操作">
<template slot-scope="scope">
<div v-if="dId == 4">
<i @click="checkProjectItem(scope.row)" style="color:aliceblue;font-size:18px" class="el-icon-thumb"></i>
<i @click="checkProjectItem(scope.row)" style="font-size:18px" class="el-icon-thumb"></i>
&nbsp;
<i @click="editProjectItem(scope.row)" style="color:aliceblue;font-size:18px" class="el-icon-edit"></i>
<i @click="editProjectItem(scope.row)" style="font-size:18px" class="el-icon-edit"></i>
</div>
<div v-else>
<i @click="checkProjectItem(scope.row)" style="color:aliceblue;font-size:18px" class="el-icon-thumb"></i>
<i @click="checkProjectItem(scope.row)" style="font-size:18px" class="el-icon-thumb"></i>
</div>
</template>
</el-table-column>
......@@ -39,7 +39,7 @@
</div>
<div class="projectInfoDialog">
<el-dialog width="80%" top="2vh" :visible.sync="projectInfoDialogVisible">
<el-dialog width="80%" styel="height:100%" top="2vh" :visible.sync="projectInfoDialogVisible">
<projectInfo ref="p1" :checkId="checkPId"/>
</el-dialog>
</div>
......@@ -113,6 +113,10 @@ export default {
</script>
<style>
.projectList {
width: 100%;
height: 100%;
}
.projectList .selectBox{
width: 100%;
height: 60px;
......@@ -124,7 +128,9 @@ export default {
}
.selectInputBox .el-input__inner {
height: 40px !important;
background-color: rgb(0 0 0 / 15%);
}
.selectInputBox .el-input__inner:focus {
border-color: rgb(133, 133, 133) !important;
}
/* 查询按钮 */
......@@ -138,20 +144,21 @@ export default {
height: 100% !important;
width: 100% !important;
border-radius: 0px;
background-color: rgb(255 255 255 / 15%);
background-color: rgb(229 120 11);
border-color: rgb(255 255 255 / 35%);
}
/* 列表 */
.projectList .projectListBox{
width: 100%;
height: 90%;
}
.projectList .projectListBox .projectListTable {
width: 66%;
box-shadow: 0 2px 12px 0 rgba(252, 252, 252, 0.144);
background-color: rgb(255 255 255 / 15%);
box-shadow: 0 2px 12px 0 rgba(146, 146, 146, 0.164);
background-color: rgb(255 255 255);
border-radius: 6px;
height: 100%;
}
/*最外层透明*/
.projectList .projectListBox .projectListTable .el-table, .el-table__expanded-cell{
......@@ -159,20 +166,28 @@ export default {
}
/* 表格内背景颜色 */
.projectList .projectListBox .projectListTable .el-table th, .el-table tr, .el-table td {
background-color: transparent;
color: aliceblue;
color: rgb(3, 3, 3) !important;
}
.projectList .projectListBox .projectListTable .el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: rgba(247, 247, 247, 0.205);
}
/* 弹出框 */
.projectInfoDialog {
height: 100%;
}
.projectInfoDialog .el-dialog, .el-pager li {
/* background-color: rgba(206, 206, 206, 0.486); */
border-radius: 40px;
box-shadow: 0 2px 50px 0 rgba(255, 255, 255, 0.699);
background: url('../../assets/login/logbackground.png') no-repeat;
border-radius: 5px;
box-shadow: 0 2px 50px 0 rgba(168, 168, 168, 0.699);
background-color: rgb(255, 255, 255);
height: 90%;
}
.projectInfoDialog .el-dialog .el-dialog__body {
height: 100%;
}
.projectInfoDialog .el-dialog__header {
padding:0 0 0 0;
}
......
src/pages/project/task.vue
<template>
<div class="selfTask">
<el-row>
<el-col :span="8">
<div class="myTaskBaseBox">
<el-card shadow="always">
<div class="pscChartBox">
<pscChart></pscChart>
<div class="myTaskBaseBox">
<el-row :gutter="24">
<el-col :span="8">
<div class="pscChartBox" >
<!-- <pscChart></pscChart> -->
<el-calendar v-model="dateValue">
</el-calendar>
</div>
<div class="calendarChartBox">
</div>
</el-col>
<el-col :span="16">
<div class="taskTable">
<div v-for="(item, index) in taskList" :key="index">
<div class="onceProjectCheckBox">
<div class="titleBox">{{item.pName}}</div>
<div class="bodyBox">
<el-progress class="bodyProgress" :text-inside="true" :stroke-width="20" :percentage="item.process" :status="item.status"></el-progress>
</div>
<div class="desBox">距离提交日剩余
<font v-if="item.day <= 3" style="color:red;"> {{item.day}} </font>
<font v-else-if="item.day <= 5" style="color:rgb(255, 172, 62);"> {{item.day}} </font>
<font v-else> {{item.day}} </font>
天
<el-button class="upTaskBox" size="mini">提交任务</el-button>
</div>
<div class="buttonBox">
<el-upload
action="http://192.168.0.105:6068/file/upfile"
:on-change="handleChange"
:data="paramaterObj">
<el-button size="small" type="primary">{{item.haveUp}}</el-button>
</el-upload>
</div>
</div>
</div>
<div class="calendarChartBox">
<div id="calendarChart" style="width:400px;height:400px"></div>
</div>
</el-card>
</div>
</el-col>
<el-col :span="1">
&nbsp;
</el-col>
<el-col :span="11">
<div class="myTaskBaseBox">
<el-card shadow="always">
<div class="taskTable">
<el-table :data="taskList" height="650">
<el-table-column prop="pName" align="center" width="350" label="项目名称">
</el-table-column>
<el-table-column prop="day" align="center" width="150" label="剩余天数">
</el-table-column>
<el-table-column align="center" width="200" label="操作">
<template slot-scope="scope">
<i @click="submit(scope.row)" style="color:aliceblue;font-size:18px" class="el-icon-document-checked">提交任务</i>
</template>
</el-table-column>
</el-table>
</div>
</el-card>
</div>
</el-col>
</el-row>
</div>
</el-col>
</el-row>
</div>
</div>
</template>
<script>
......@@ -44,12 +50,21 @@ export default {
// 我的任务
data() {
return {
taskList:[]
taskList:[],
paramaterObj:{projectId:2, type:2},
dateValue:new Date(),
}
},
components: { pscChart },
mounted:function(){
this.initMyTaskList();
// this.initMyTaskList();
this.taskList = [
{pName:"徐汇教育局", status:"exception", day:7, process:70, haveUp:"上传文件" },
{pName:"体科艺", status:"exception", day:3, process:30, haveUp:"上传文件" },
{pName:"张江双创", status:"warning", day:5, process:50, haveUp:"重新上传" },
{pName:"徐汇教育局二期", status:"success", day:10, process:80, haveUp:"重新上传" },
{pName:"长三角", status:"success", day:10, process:100, haveUp:"重新上传" },
];
},
methods:{
initMyTaskList:async function() {
......@@ -68,29 +83,35 @@ export default {
} else {
this.$message.error("提交失败");
}
},
handleChange() {
}
}
}
</script>
<style>
.selfTask .myTaskBaseBox {
width: 100%;
height: 700px;
}
.selfTask .myTaskBaseBox .el-card {
box-shadow: 0 2px 12px 0 rgba(252, 252, 252, 0.144);
background-color: rgb(255 255 255 / 15%);
background-color: rgb(255, 255, 255);
border-radius: 6px;
background-color: rgb(255 255 255 / 25%);
height: 810px;
}
.myTaskBaseBox .pscChartBox {
width: 100%;
height: 400px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
background-color: rgb(255, 255, 255);
margin-top: 10px;
border-radius: 5px;
}
.myTaskBaseBox .pscChartBox .el-calendar-table td.is-today {
background: red;
}
......@@ -102,8 +123,9 @@ export default {
.myTaskBaseBox .taskTable {
width: 100%;
box-shadow: 0 2px 12px 0 rgba(252, 252, 252, 0.144);
background-color: rgb(255 255 255 / 15%);
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
border-radius: 6px;
}
/*最外层透明*/
......@@ -118,4 +140,66 @@ export default {
.myTaskBaseBox .taskTable .el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: rgba(247, 247, 247, 0.205);
}
/* 项目列表 */
.myTaskBaseBox .onceProjectCheckBox {
margin: 10px;
width: 340px;
height: 180px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
background-color: rgb(255, 255, 255);
border-radius: 5px;
}
.myTaskBaseBox .onceProjectCheckBox:hover {
box-shadow: 0px 0px 5px #7c7c7c;
bottom: 3px;
}
.myTaskBaseBox .onceProjectCheckBox .titleBox {
width:100%;
height:40px;
font-size: 19px;
color: rgb(0, 0, 0);
text-align:center;
line-height: 40px;
}
.myTaskBaseBox .onceProjectCheckBox .bodyBox {
width: 100%;
height: 40px;
}
.myTaskBaseBox .onceProjectCheckBox .bodyProgress .el-progress-bar__outer {
width: 80%;
margin: 0 auto;
margin-top: 10px;
}
.myTaskBaseBox .onceProjectCheckBox .desBox {
width:100%;
height:25px;
font-size: 15px;
color: rgb(138, 138, 138);
text-align:center;
line-height: 25px;
}
.myTaskBaseBox .onceProjectCheckBox .buttonBox {
width: 100%;
height: 40px;
text-align:center;
line-height: 40px;
}
.myTaskBaseBox .onceProjectCheckBox .upTaskBox {
margin-left: 25px;
}
.myTaskBaseBox .onceProjectCheckBox .el-upload-list__item-name {
color: rgb(255, 255, 255);
}
.myTaskBaseBox .onceProjectCheckBox .el-upload-list__item-name {
color: rgb(255, 255, 255);
}
.myTaskBaseBox .onceProjectCheckBox .el-upload-list__item:hover {
background: rgba(255, 255, 255, 0.233);
}
.myTaskBaseBox .onceProjectCheckBox .el-progress__text {
color: rgb(255, 255, 255);
}
</style>
\ No newline at end of file
src/pages/self/addNotebook.vue
<template>
<div>
添加笔记
<div class="addNotebookBox">
<el-form size="small" :inline="true" class="demo-form-inline" >
<el-form-item label="选择项目：">
<el-select v-model="projectId" placeholder="请选择">
<el-option v-for="item in allProjectList" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label=""></el-form-item>
<el-form-item label=" 笔记范围：">
<el-radio-group v-model="area" >
<el-radio border :label="1">仅自己</el-radio>
<el-radio border :label="2">仅部门</el-radio>
<el-radio border :label="3">公开</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<el-form label-width="92px" label-position="right">
<el-form-item size="small" label="开放编辑：">
<el-radio-group v-model="edit">
<el-radio border :label="1">是</el-radio>
<el-radio border :label="2">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="标题：">
<el-input v-model="title" style="width:60%" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="内容：">
<el-input resize="none" v-model="body" type="textarea" :autosize="{ minRows: 25, maxRows: 25}" style="width:60%" placeholder="请输入内容"></el-input>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
//添加笔记
data() {
return {
allProjectList:[],
projectId:1,
area:1,
edit:2,
title:"",
body:""
}
},
components: { },
mounted:function(){
this.allProjectList = [
{label:"张江", value:1},
{label:"徐汇", value:2},
{label:"徐汇二期", value:3},
{label:"深圳艺校", value:4},
{label:"盛大天地", value:5}
]
},
methods:{
}
......@@ -20,5 +62,27 @@ export default {
</script>
<style>
.addNotebookBox {
width: 100%;
height: 100%;
}
.addNotebookBox .el-form-item__label {
color: rgb(0, 0, 0);
font-size: 16px;
}
.addNotebookBox .el-radio__input.is-checked+.el-radio__label {
color: rgb(255, 134, 54);
}
.addNotebookBox .el-radio.is-bordered.is-checked {
border-color: rgb(255, 134, 54);
}
.el-radio__input.is-checked .el-radio__inner {
border-color:rgb(255, 134, 54);
background: rgb(255, 134, 54);
}
.addNotebookBox .el-radio {
color: rgb(0, 0, 0);
}
</style>
\ No newline at end of file
src/pages/self/fileInfo.vue 0 → 100644
<template>
<div class="fileInfoBox">
<el-row :gutter="24">
<el-col :span="15">
<div class="wordBox">
<div ref="word"></div>
</div>
</el-col>
<el-col :span="9">
<div v-for="(item, index) in thisFileList" class="fileListBox" :key="index">
<div class="onceFileDesBox">
<el-form ref="form" label-width="100px">
<el-form-item label="文件名称:">{{item.fileName}}</el-form-item>
<el-form-item label="上传人:">{{item.userName}}</el-form-item>
</el-form>
<div class="formButtonBox">
<el-button class="formButton" type="primary" size="mini">查看</el-button>
<el-button class="formButton" type="success" size="mini">下载</el-button>
</div>
</div>
</div>
</el-col>
</el-row>
</div>
</template>
<script>
const docx = require("docx-preview");
export default {
data() {
return {
vHtml:"",
thisFileList:[],
}
},
mounted:function() {
this.initFile();
this.initFileList();
},
methods: {
initFileList() {
this.thisFileList = [
{fileName:"科艺统一认证对接文档.docs", userName:"张三"},
{fileName:"科艺统一认证对接文档.docs", userName:"张三"},
{fileName:"科艺统一认证对接文档.docs", userName:"张三"},
{fileName:"科艺统一认证对接文档.docs", userName:"张三"},
{fileName:"科艺统一认证对接文档.docs", userName:"张三"},
{fileName:"科艺统一认证对接文档.docs", userName:"张三"},
];
},
initFile:function() {
let url = "http://192.168.0.105:6066/test.docx";
var vm = this;
var xhr = new XMLHttpRequest();
xhr.open("get", url, true);
xhr.responseType = "arraybuffer";
xhr.onload = function () {
if (xhr.status == 200) {
let blob = new Blob([xhr.response]);
docx.renderAsync(blob, vm.$refs.word);
}
};
xhr.send();
}
},
}
</script>
<style>
.fileInfoBox {
width: 100%;
height: 100%;
}
.fileInfoBox .el-card {
box-shadow: 0 2px 12px 0 rgba(252, 252, 252, 0.144);
background-color: rgb(255 255 255 / 15%);
border-radius: 6px;
}
.fileInfoBox .el-form-item__label {
color: rgb(255, 255, 255);
font-size: 16px;
}
.fileInfoBox .el-row {
height: 100%;
}
.fileInfoBox .el-row .el-col-15 {
height: 100%;
}
.fileInfoBox .el-row .el-col-9 {
height: 93%;
overflow-y: scroll;
}
.fileInfoBox .wordBox .docx-wrapper {
padding: 0 !important;
}
.fileInfoBox .wordBox .docx-wrapper .docx {
width: auto !important;
}
.fileInfoBox .wordBox {
/* box-shadow: 0 2px 12px 0 rgba(141, 141, 141, 0.753); */
border-radius: 6px;
border: 1px solid rgb(114, 114, 114);
overflow-y: scroll;
overflow-x: hidden;
height: 93%;
}
.fileInfoBox .wordBox .fileListBox {
width: 100%;
}
/* */
.fileInfoBox .onceFileDesBox {
margin: 14px;
width: 90%;
height: 140px;
box-shadow: 0 2px 12px 0 rgba(94, 94, 94, 0.562);
background-color: rgb(128, 128, 128);
border-radius: 15px;
}
.fileInfoBox .onceFileDesBox .el-form-item {
margin-bottom: 0px;
}
.fileInfoBox .onceFileDesBox .el-form-item__content {
color: rgb(255, 255, 255);
font-size: 15px;
}
.fileInfoBox .onceFileDesBox .formButtonBox {
display: flex;
margin-top: 10px;
justify-content: space-around;
}
.fileInfoBox .onceFileDesBox .formButtonBox .formButton {
width: 100px;
font-size: 10px !important;
}
</style>
\ No newline at end of file
src/pages/self/files.vue
<template>
<div>
<el-row>
<el-col :span="12">
<h1 class="buildingtitle"> 建 设 中 . . . </h1>
</el-col>
<el-col :span="12">
<img src="../../assets/under.gif" style="">
</el-col>
</el-row>
<div class="filesBox">
<div class="filesTable">
<div v-for="(item, index) in taskList" :key="index">
<div class="onceProjectCheckBox" @click="clieckProject">
<div class="titleBox">{{item.pName}}</div>
<div class="fileCountBox">
<el-button class="onceTitleBox" type="text">设计说明：7</el-button>
<el-button class="onceTitleBox" type="text">交互文档：3</el-button>
<el-button class="onceTitleBox" type="text">接口文档：2</el-button>
<el-button class="onceTitleBox" type="text">招标文档：1</el-button>
<el-button class="onceTitleBox" type="text">其他文档：1</el-button>
</div>
</div>
</div>
</div>
<div class="fileInfoDialog">
<el-dialog width="80%" top="2vh" :visible.sync="fileInfoDialogVisible">
<fileInfo ref="p2"/>
</el-dialog>
</div>
</div>
</template>
<script>
import fileInfo from "./fileInfo.vue"
export default {
data() {
return {
taskList:[],
fileInfoDialogVisible:false
}
},
components: { fileInfo },
mounted:function(){
// this.initMyTaskList();
this.taskList = [
{pName:"徐汇教育局", status:"", day:7, process:70, haveUp:"上传文件" },
{pName:"体科艺", status:"exception", day:3, process:30, haveUp:"上传文件" },
{pName:"张江双创", status:"warning", day:5, process:50, haveUp:"重新上传" },
{pName:"徐汇教育局二期", status:"success", day:10, process:80, haveUp:"重新上传" },
{pName:"长三角", status:"success", day:10, process:100, haveUp:"重新上传" },
];
},
methods:{
clieckProject() {
this.fileInfoDialogVisible = true;
}
}
}
</script>
<style>
.buildingtitle {
text-align: center;
font-size: 50px;
color: azure;
.filesBox {
width: 100%;
height: 100%;
}
.filesBox .onceProjectCheckBox {
margin: 25px;
width: 330px;
height: 180px;
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.192);
border-radius: 5px;
background: rgb(255, 255, 255);
}
.filesBox .filesTable {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
border-radius: 6px;
}
.filesBox .onceProjectCheckBox:hover {
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.788);
bottom: 3px;
}
.filesBox .onceProjectCheckBox .titleBox {
width:100%;
height:40px;
font-size: 19px;
color: rgb(12, 12, 12);
text-align:center;
line-height: 40px;
}
.filesBox .onceProjectCheckBox .fileCountBox {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding-left: 3px;
}
.filesBox .onceProjectCheckBox .fileCountBox .onceTitleBox {
width: 110px;
color: rgb(90, 90, 90);
margin: 5px;
}
/* 弹出框 */
.fileInfoDialog .el-dialog, .el-pager li {
/* background-color: rgba(206, 206, 206, 0.486); */
border-radius: 5px;
box-shadow: 0 2px 50px 0 rgba(255, 255, 255, 0.699);
height: 90%;
}
.fileInfoDialog .el-dialog .el-dialog__body {
height: 100%;
}
.fileInfoDialog .el-dialog__header {
padding:0 0 0 0;
}
</style>
\ No newline at end of file
src/pages/self/notebook.vue
<template>
<div class="notebookBox">
<div class="selectNotebookBox">
<div class="addNotebookBox">
<el-button type="primary" @click="addNotebookEvent"><font style="font-size:20px" class="el-icon-plus"></font></el-button>
</div>
</div>
<div class="notebookMainBox">
<el-row :gutter="24">
<el-col :span="24">
<div class="selectNotebookBox">
<div class="addNotebookBox">
<el-button type="primary" @click="addNotebookEvent"><font style="font-size:22px" class="el-icon-plus"></font></el-button>
</div>
</div>
<div class="notebookTable">
<el-table :data="notebookList" height="740" >
<el-table-column align="left" width="80" label="查看">
<template slot-scope="scope">
<i @click="checkNotebookItem(scope.row)" style="color:aliceblue;font-size:18px" class="el-icon-s-management"></i>
</template>
</el-table-column>
<el-table-column prop="projectName" align="left" label="项目名称">
</el-table-column>
<el-table-column prop="count" align="center" label="笔记数量">
</el-table-column>
</el-table>
</div>
</el-col>
</el-row>
<div class="notebookTable">
<el-table :data="notebookList" >
<el-table-column align="left" width="80" label="查看">
<template slot-scope="scope">
<i @click="checkNotebookItem(scope.row)" style="font-size:18px" class="el-icon-s-management"></i>
</template>
</el-table-column>
<el-table-column prop="projectName" align="left" label="项目名称">
</el-table-column>
<el-table-column prop="count" align="center" label="笔记数量">
</el-table-column>
</el-table>
</div>
</div>
<div class="notebookDialogBox">
<div class="addNotebookInfoDialog">
<el-dialog width="80%" top="2vh" :visible.sync="addNotebookInfoDialogVisible">
......@@ -58,7 +52,7 @@ export default {
},
methods:{
checkNotebookItem:function() {
},
addNotebookEvent:function() {
this.addNotebookInfoDialogVisible = true;
......@@ -74,11 +68,18 @@ export default {
<style>
.notebookBox {
width: 100%;
width: 100%;
height: 100%;
}
.notebookBox .notebookMainBox {
width: 100%;
height: 90%;
background: rgb(255, 255, 255);
}
.notebookBox .notebookTable {
width: 100%;
height: 750px;
}
.notebookBox .notebookTable {
......@@ -94,7 +95,6 @@ export default {
/* 表格内背景颜色 */
.notebookBox .notebookTable .el-table th, .el-table tr, .el-table td {
background-color: transparent;
color: aliceblue;
}
.notebookBox .notebookTable .el-table--enable-row-hover .el-table__body tr:hover>td {
......@@ -103,27 +103,32 @@ export default {
.notebookBox .selectNotebookBox {
width: 100%;
height: 60px;
height: 60px;
}
.notebookBox .selectNotebookBox .addNotebookBox {
display: inline-block;
border-radius: 10px;
height: 45px;
width: 100px;
height: 40px;
}
.notebookBox .selectNotebookBox .addNotebookBox .el-button {
height: 100% !important;
width: 100% !important;
border-radius: 0px;
background-color: rgb(255 255 255 / 15%);
border-color: rgb(255 255 255 / 35%);
background-color:rgb(229 120 11);
border-color: rgb(107, 107, 107);
box-shadow: 0 2px 10px 0 rgba(110, 110, 110, 0.705);
}
/* 弹出框 */
.notebookDialogBox {
/* height: 100%; */
}
.notebookDialogBox .el-dialog, .el-pager li {
/* background-color: rgba(206, 206, 206, 0.486); */
border-radius: 40px;
box-shadow: 0 2px 50px 0 rgba(255, 255, 255, 0.699);
background: url('../../assets/login/logbackground.png') no-repeat;
border-radius: 5px;
box-shadow: 0 2px 50px 0 rgba(168, 168, 168, 0.699);
background-color: rgb(255, 255, 255);
height: 90%;
}
.notebookDialogBox .el-dialog__header {
padding:0 0 0 0;
......
src/pages/self/notebookInfo.vue
<template>
<div></div>
<div class="noteInfo"></div>
</template>
<script>
export default {
}
</script>
<style>
.addNotebookBox {
width: 100%;
}
.addNotebookBox .el-card {
box-shadow: 0 2px 12px 0 rgba(252, 252, 252, 0.144);
background-color: rgb(255 255 255 / 15%);
border-radius: 6px;
height: 800px;
}
.addNotebookBox .el-form-item__label {
color: aliceblue;
font-size: 16px;
}
</style>
\ No newline at end of file
src/router/index.js
......@@ -8,7 +8,7 @@ export default new Router({
routes: [{
path: '/',
name: 'login',
component: () => import('../pages/home.vue')
component: () => import('../pages/login.vue')
},
{
path: '/new',
......
src/server/axiosInstance.js
......@@ -9,7 +9,6 @@ let server = axios.create({
async function postReq(url, paramater) {
let _this = this;
return new Promise((resolve, reject) => {
let headers = {};
if (sessionStorage.getItem('token') ) headers["token"] = sessionStorage.getItem('token');
......
src/server/menu.js
......@@ -39,6 +39,14 @@ let picList = [
},
{
index:3,
name:" 统 计",
icon:"el-icon-s-opportunity",
subList:[
{subName:"项目进度", path:"/pm/stats"},
]
},
{
index:4,
name:" 系 统 设 置",
icon:"el-icon-s-tools",
subList:[
......
src/server/refreshSize.js 0 → 100644
import utils from './utils'
export default {
data () {
return {}
},
methods: {
/**
* @method initScale 设置页面缩放事件
* @param {Int|Number} designW 设计稿宽度, 非必传, 默认: 1920px
* @param {Int|Number} designH 设计稿高度, 非必传, 默认: 1080px
* @param {Int|Number} designWRatio 宽高比 - 宽度, 非必传, 默认: 16
* @param {Int|Number} designHRatio 宽高比 - 高度, 非必传, 默认: 9
*/
initScale (designW = 1920, designH = 1080, designWRatio = 16, designHRatio = 9) {
const appStyle = document.getElementById('app').style
appStyle.position = 'fixed'
appStyle.backgroundSize = `${designW}px ${designH}px`
this.refreshScale(designW, designH, designWRatio, designHRatio)
// 窗口缩放时重新做适配
window.addEventListener('resize', utils.throttle(() => {
this.refreshScale(designW, designH, designWRatio, designHRatio)
}, false))
},
/**
* @method refreshScale 设置页面缩放比
* @param {Int|Number} designWidth 设计稿宽度, 默认: 1920
* @param {Int|Number} designHeight 设计稿高度, 默认: 1080
* @param {Int|Number} designWidthRatio 设计宽度比, 默认: 16
* @param {Int|Number} designHeightRatio 设计高度比, 默认: 9
*/
refreshScale (designWidth = 1920, designHeight = 1080, designWidthRatio = 16, designHeightRatio = 9) {
let baseWidth = document.documentElement.clientWidth
let baseHeight = document.documentElement.clientHeight
let appStyle = document.getElementById('app').style
let bodyStyle = document.body.style
let realRatio = baseWidth / baseHeight
let designRatio = designWidthRatio / designHeightRatio // 默认宽高比
let scaleRate = baseWidth / designWidth
if (realRatio > designRatio) {
scaleRate = baseHeight / designHeight
}
bodyStyle.overflow = 'hidden'
appStyle.transformOrigin = 'left top'
appStyle.transform = `scale(${scaleRate}) translateX(-50%)`
appStyle.width = `${baseWidth / scaleRate}px`
}
}
}
src/store/users/actions.js
......@@ -14,9 +14,11 @@ export async function login({commit}, payload) {
sessionStorage.setItem("dId", dId );
sessionStorage.setItem("token", token );
}
return {err:false, errMsg:""};
return {err:false, errMsg:"登录失败 联系管理员"};
} else {
return {err:true, errMsg:result.msg || "" };
let errMsg = result.message || "";
errMsg = errMsg == "Network Error" ? "网络超时" : errMsg;
return {err:true, errMsg };
}
};
......
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