保存进度!

This commit is contained in:
Kane Wang 2023-02-24 17:22:42 +08:00
parent 9460316a69
commit 6a93923edd
6 changed files with 142 additions and 152 deletions

View File

@ -15,5 +15,9 @@
"dom.iterable",
"scripthost"
]
}
}
},
"exclude": [
"node_modules",
"node_modules_1"
],
}

View File

@ -1,52 +1,52 @@
{
"name": "CPIC-IT-Console",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"serve-vite": "vite",
"build-vite": "vite build",
"preview-vite": "vite preview"
},
"dependencies": {
"@element-plus/icons-vue": "^1.1.4",
"@vitejs/plugin-vue": "^4.0.0",
"@wangeditor/editor": "^5.1.23",
"@wangeditor/editor-for-vue": "^5.1.12",
"axios": "^1.2.1",
"core-js": "^3.8.3",
"element-plus": "^2.2.26",
"sass": "^1.56.2",
"scss": "^0.2.4",
"scss-loader": "^0.0.1",
"vite": "^4.1.4",
"vue": "^3.2.13",
"vue-router": "^4.0.3",
"vuex": "^4.0.0"
},
"devDependencies": {
"@babel/core": "^7.12.16",
"@babel/eslint-parser": "^7.12.16",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-plugin-router": "~5.0.0",
"@vue/cli-plugin-vuex": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"eslint": "^7.32.0",
"eslint-plugin-vue": "^8.0.3",
"node-sass": "^8.0.0",
"sass-loader": "^13.2.0",
"svg-sprite-loader": "^2.1.0",
"vue-cli-plugin-element-plus": "~0.0.13",
"@vue/compiler-sfc": "^3.2.26",
"@vitejs/plugin-vue": "^2.0.1",
"@vitejs/plugin-vue-jsx": "^1.3.2",
"vite-plugin-env-compatible": "^1.1.1",
"vite-plugin-html": "3.2.0",
"vite": "^2.7.2",
"@originjs/vite-plugin-require-context": "1.0.9",
"@originjs/vite-plugin-commonjs": "^1.0.1"
}
"name": "CPIC-IT-Console",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"serve-vite": "vite",
"build-vite": "vite build",
"preview-vite": "vite preview"
},
"dependencies": {
"@element-plus/icons-vue": "^1.1.4",
"@vitejs/plugin-vue": "^4.0.0",
"@wangeditor/editor": "^5.1.23",
"@wangeditor/editor-for-vue": "^5.1.12",
"axios": "^1.2.1",
"core-js": "^3.8.3",
"element-plus": "^2.2.26",
"sass": "^1.56.2",
"scss": "^0.2.4",
"scss-loader": "^0.0.1",
"vite": "^4.1.4",
"vue": "^3.2.13",
"vue-router": "^4.0.3",
"vuex": "^4.0.0"
},
"devDependencies": {
"@babel/core": "^7.12.16",
"@babel/eslint-parser": "^7.12.16",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-plugin-router": "~5.0.0",
"@vue/cli-plugin-vuex": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"eslint": "^7.32.0",
"eslint-plugin-vue": "^8.0.3",
"node-sass": "^8.0.0",
"sass-loader": "^13.2.0",
"vue-cli-plugin-element-plus": "~0.0.13",
"@vue/compiler-sfc": "^3.2.26",
"@vitejs/plugin-vue": "^2.0.1",
"@vitejs/plugin-vue-jsx": "^1.3.2",
"vite-plugin-env-compatible": "^1.1.1",
"vite-plugin-html": "3.2.0",
"vite": "^2.7.2",
"@originjs/vite-plugin-require-context": "1.0.9",
"@originjs/vite-plugin-commonjs": "^1.0.1"
}
}

View File

@ -0,0 +1,56 @@
/*
* @Author: Kane
* @Date: 2023-02-24 09:36:08
* @LastEditors: Kane
* @LastEditTime: 2023-02-24 16:06:58
* @FilePath: /it-console/src/css/public/_public.scss
* @Description: 公共变量
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
*/
//背景色
$wrap-bg-color:#fff;
$span-font-color:#5f5f5f;
//阴影
$box-shadow:0px 0px 20px -10px rgb(14 18 22 / 25%);
$box-shadow-hover:0px 0px 20px -10px rgb(14 18 22 / 50%);
//文字大小
$font-size-normal:14px;
//查询框
@mixin query-box-wrap {
padding: 0px 10px;
span {
font-weight: normal;
display: block;
text-align: right;
font-size: $font-size-normal;
color: $span-font-color;
}
.el-row {
display: flex;
align-items: center;
justify-content: left;
}
.el-row+.el-row {
margin-top: 10px;
}
.button-wrapper-right {
display: flex;
justify-content: right;
align-items: center;
}
.button-wrapper-left {
display: flex;
justify-content: left;
align-items: center;
}
}

View File

@ -2,7 +2,7 @@
* @Author: Kane
* @Date: 2023-02-06 14:12:11
* @LastEditors: Kane
* @LastEditTime: 2023-02-23 16:00:54
* @LastEditTime: 2023-02-24 09:31:03
* @FilePath: /it-console/src/utils/api/LocalStorage.js
* @Description: 初始化localStorage中保存的值
*
@ -13,7 +13,9 @@
const REQUIREMRNT_UI = `requirement_ui`;
/**
*
* 从localStorage中读取 REQUIREMRNT_UI 的值并转换成对象
* 如果转换不成功或者缺少属性就补充属性设置为空值
* 时间属性设置为初始日期
* @returns 读取并装配好的ui对象
*/
function loadRequirementUI()

View File

@ -11,7 +11,7 @@
* @Author: Kane
* @Date: 2023-02-21 11:03:15
* @LastEditors: Kane
* @LastEditTime: 2023-02-23 10:18:25
* @LastEditTime: 2023-02-24 11:09:40
* @FilePath: /it-console/src/views/info/StaffInfo.vue
* @Description:<
*
@ -89,31 +89,24 @@ export default {
</script>
<style scoped lang="scss">
@import "@/css/public/public.scss";
.view_wrapper {
border-radius: 5px;
background-color: #fff;
padding: 10px;
min-width: 800px;
// max-width: 1200px;
box-shadow: $box-shadow;
&:hover {
box-shadow: $box-shadow-hover;
}
}
.query_wrapper {
min-width: 800px;
max-width: 1200px;
padding: 10px;
.el-row {
display: flex;
align-items: center;
span {
display: block;
text-align: right;
font-size: 15px;
color: #5f5f5f;
}
}
.el-row+.el-row {
margin-top: 15px;
}
@include query-box-wrap;
}
.toolbutton-wrapper {

View File

@ -2,7 +2,7 @@
* @Author: Kane
* @Date: 2023-02-02 22:19:12
* @LastEditors: Kane
* @LastEditTime: 2023-02-23 15:51:11
* @LastEditTime: 2023-02-24 11:08:39
* @FilePath: /it-console/src/views/requirement/RequirementManager.vue
* @Description:
*
@ -219,20 +219,15 @@
</el-tab-pane>
<el-tab-pane name="comment" label="备注">
<el-scrollbar height="400px">
<div style="border: 1px solid #ccc;height:auto;">
<Toolbar style="border-bottom: 1px solid #eee" :editor="commentEditorRef"
:defaultConfig="commentToolbarConfig" :mode="mode" />
<Editor readonly style="overflow-y: hidden;" v-model="valueHtml"
<div style="border: 1px solid #ccc;height:auto;">
<Toolbar style="border-bottom: 1px solid #eee" :editor="commentEditorRef"
:defaultConfig="commentToolbarConfig" :mode="mode" />
<Editor readonly style="overflow-y: hidden;" v-model="valueHtml"
:defaultConfig="commentEditorConfig" :mode="mode" @onCreated="handleCommentEditorCreated" />
</div>
</el-scrollbar>
</el-tab-pane>
</el-tabs>
<!-- <template #footer>
<div class="dialogFooter">
<el-button type="primary" @click="dialogRequirementDetailVisible = false;">关闭</el-button>
</div>
</template> -->
</el-dialog>
</div>
</template>
@ -483,17 +478,19 @@ export default {
};
</script>
<style scoped>
<style scoped lang="scss">
/* 整个页面的外壳 ******************************/
@import "@/css/public/_public.scss";
.requirement_wrapper {
padding: 10px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 25%);
}
box-shadow: $box-shadow;
.requirement_wrapper:hover {
box-shadow: 0px 0px 20px -10px rgb(14 18 22 / 40%);
&:hover {
box-shadow: $box-shadow-hover;
}
}
.requirement_wrapper>*+* {
@ -503,25 +500,7 @@ export default {
/* 查询框 **********************************/
.search-box {
padding: 0 10px;
}
.search-box span {
font-weight: normal;
display: block;
text-align: right;
font-size: 15px;
color: #5f5f5f;
}
.search-box>.el-row {
display: flex;
align-items: center;
justify-content: left;
}
.search-box .el-row+.el-row {
margin-top: 10px;
@include query-box-wrap // padding: 0 10px;
}
/* 查询结果筛选框 */
@ -554,11 +533,6 @@ export default {
justify-content: right;
}
.button-wrapper-right {
display: flex;
justify-content: right;
align-items: center;
}
.button-wrapper-left {
display: flex;
@ -621,50 +595,11 @@ export default {
/* margin-top: 10px; */
}
/* .requirement-detail-wrapper .el-row:last-child {
flex-grow: 1;
display: block;
align-items: center;
justify-content: center;
}
.requirement-detail-wrapper .el-row:last-child .el-col {
height: 100%;
display: flex;
flex-direction: column;
} */
.requirement-detail-wrapper span {
display: block;
text-align: right;
width: 100%;
}
/* .detailEditorWrapper {
margin: 0px;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
} */
/* .commentEditorWrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.commentEditorWrapper .wangeditor_toolbar {
flex-grow: 0;
margin: 0px;
}
.commentEditorWrapper .wangeditor_editor {
flex-grow: 1;
margin: 0px;
} */
</style>
<style>
.requirement-detail-dialog .el-dialog__body {