保存进度!
This commit is contained in:
parent
9460316a69
commit
6a93923edd
@ -15,5 +15,9 @@
|
||||
"dom.iterable",
|
||||
"scripthost"
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"exclude": [
|
||||
"node_modules",
|
||||
"node_modules_1"
|
||||
],
|
||||
}
|
@ -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"
|
||||
}
|
||||
}
|
||||
|
||||
|
56
code/web/it-console/src/css/public/_public.scss
Normal file
56
code/web/it-console/src/css/public/_public.scss
Normal 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;
|
||||
}
|
||||
}
|
@ -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()
|
||||
|
@ -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 {
|
||||
|
@ -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 {
|
||||
|
Loading…
x
Reference in New Issue
Block a user