CPICXIM
/
it-console
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

保存进度！

This commit is contained in:
Kane Wang 2023-02-08 17:54:32 +08:00
parent 365815735e
commit 8e5dc6e617
1 changed files with 147 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

235
code/web/IT工具综合平台/src/views/requirement/RequirementManager.vue
View File

@ -2,7 +2,7 @@
* @Author: Kane * @Author: Kane
* @Date: 2023-02-02 22:19:12 * @Date: 2023-02-02 22:19:12
* @LastEditors: Kane * @LastEditors: Kane
* @LastEditTime: 2023-02-08 16:45:11 * @LastEditTime: 2023-02-08 17:38:23
* @FilePath: /IT工具综合平台/src/views/requirement/RequirementManager.vue * @FilePath: /IT工具综合平台/src/views/requirement/RequirementManager.vue
* @Description: * @Description:
* *
@ -127,83 +127,88 @@
@close="closeRequirementDetail"> @close="closeRequirementDetail">
<el-tabs v-loading="ui.dialogRequirementDetailLoadingVisible" v-model="ui.activeTabName"> <el-tabs v-loading="ui.dialogRequirementDetailLoadingVisible" v-model="ui.activeTabName">
<el-tab-pane name="requirement-detail" label="基本信息"> <el-tab-pane name="requirement-detail" label="基本信息">
<el-scrollbar height="400px"> <div class="requirement-detail-wrapper">
<div class="requirement-detail-wrapper"> <el-row :gutter="10">
<el-row :gutter="10"> <el-col :span="2">
<el-col :span="2"> <span>标题1</span>
<span>标题1</span> </el-col>
</el-col> <el-col :span="22">
<el-col :span="22"> <el-input readonly></el-input>
<el-input readonly></el-input> </el-col>
</el-col> </el-row>
</el-row> <el-row :gutter="10">
<el-row :gutter="10"> <el-col :span="2">
<el-col :span="2"> <span>需求编号</span>
<span>需求编号</span> </el-col>
</el-col> <el-col :span="6">
<el-col :span="6"> <el-input v-model="query_param.serial_no" readonly></el-input>
<el-input v-model="query_param.serial_no" readonly></el-input> </el-col>
</el-col> <el-col :span="2">
<el-col :span="2"> <span>主系统</span>
<span>主系统</span> </el-col>
</el-col> <el-col :span="14">
<el-col :span="14"> <el-input readonly></el-input>
<el-input readonly></el-input> </el-col>
</el-col> </el-row>
</el-row> <el-row :gutter="10">
<el-row :gutter="10"> <el-col :span="2">
<el-col :span="2"> <span>需求分类</span>
<span>需求分类</span> </el-col>
</el-col> <el-col :span="6">
<el-col :span="6"> <el-input readonly v-model="query_param.request_people"></el-input>
<el-input readonly v-model="query_param.request_people"></el-input> </el-col>
</el-col> <el-col :span="2">
<el-col :span="2"> <span>状态</span>
<span>状态</span> </el-col>
</el-col> <el-col :span="6">
<el-col :span="6"> <el-input readonly v-model="query_param.select_status"></el-input>
<el-input readonly v-model="query_param.select_status"></el-input> </el-col>
</el-col> <el-col :span="2">
<el-col :span="2"> <span>当前处理人</span>
<span>当前处理人</span> </el-col>
</el-col> <el-col :span="6">
<el-col :span="6"> <el-input readonly v-model="query_param.select_status"></el-input>
<el-input readonly v-model="query_param.select_status"></el-input> </el-col>
</el-col> </el-row>
</el-row> <el-row :gutter="10">
<el-row :gutter="10"> <el-col :span="2">
<el-col :span="2"> <span>联系人</span>
<span>联系人</span> </el-col>
</el-col> <el-col :span="6">
<el-col :span="6"> <el-input readonly v-model="query_param.select_status"></el-input>
<el-input readonly v-model="query_param.select_status"></el-input> </el-col>
</el-col> <el-col :span="2">
<el-col :span="2"> <span>联系方式</span>
<span>联系方式</span> </el-col>
</el-col> <el-col :span="6">
<el-col :span="6"> <el-input readonly v-model="query_param.select_status"></el-input>
<el-input readonly v-model="query_param.select_status"></el-input> </el-col>
</el-col> <el-col :span="2">
<el-col :span="2"> <span>提交日期</span>
<span>提交日期</span> </el-col>
</el-col> <el-col :span="6">
<el-col :span="6"> <el-input readonly v-model="query_param.select_status"></el-input>
<el-input readonly v-model="query_param.select_status"></el-input> </el-col>
</el-col> </el-row>
</el-row> <el-row>
<el-row> <el-col :span="24">
<el-col :span="24"> <div class="detailEditorWrapper" style="border: 1px solid #eee">
<div style="border: 1px solid #eee"> <div class="wangeditor_toolbar">
<Toolbar style="border-bottom: 1px solid #eee" :editor="detailEditorRef" <div style="display:block;">
:defaultConfig="detailToolbarConfig" :mode="mode" /> <Toolbar style="border-bottom: 1px solid #eee" :editor="detailEditorRef"
<Editor readonly style="height: 200px; overflow-y: hidden;" v-model="valueHtml" :defaultConfig="detailToolbarConfig" :mode="mode" />
:defaultConfig="detailEditorConfig" :mode="mode" </div>
@onCreated="handleDetailEditorCreated" />
</div> </div>
</el-col> <div class="wangeditor_editor">
</el-row> <div style="display:block;">
</div> <Editor readonly v-model="valueHtml" :defaultConfig="detailEditorConfig"
</el-scrollbar> :mode="mode" @onCreated="handleDetailEditorCreated" />
</div>
</div>
</div>
</el-col>
</el-row>
</div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="requirement-content" label="申请材料"> <el-tab-pane name="requirement-content" label="申请材料">
<el-scrollbar height="400px"></el-scrollbar> <el-scrollbar height="400px"></el-scrollbar>
@ -219,11 +224,16 @@
</el-scrollbar> </el-scrollbar>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="comment" label="备注"> <el-tab-pane name="comment" label="备注">
<div style="border: 1px solid #eee; height: 400px;"> <div class="commentEditorWrapper" style="border: 1px solid #eee; height: 400px;">
<Toolbar style="border-bottom: 1px solid #eee" :editor="commentEditorRef" <div class="wangeditor_toolbar">
:defaultConfig="commentToolbarConfig" :mode="mode" /> <Toolbar style="border-bottom: 1px solid #eee" :editor="commentEditorRef"
<Editor readonly style="height: 300px; overflow-y: hidden;" v-model="valueHtml" :defaultConfig="commentToolbarConfig" :mode="mode" />
:defaultConfig="commentEditorConfig" :mode="mode" @onCreated="handleCommentEditorCreated" /> </div>
<div class="wangeditor_editor">
<Editor readonly style="height: 100%; overflow-y: hidden;" v-model="valueHtml"
:defaultConfig="commentEditorConfig" :mode="mode"
@onCreated="handleCommentEditorCreated" />
</div>
</div> </div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
@ -586,12 +596,7 @@ export default {
height: 600px; height: 600px;
} }
.requirement-detail-dialog .el-row {
display: flex;
justify-content: left;
align-items: center;
/* margin-top: 10px; */
}
.requirement-detail-dialog .el-row+.el-row { .requirement-detail-dialog .el-row+.el-row {
margin-top: 10px; margin-top: 10px;
@ -599,6 +604,33 @@ export default {
.requirement-detail-wrapper { .requirement-detail-wrapper {
padding: 0px 10px; padding: 0px 10px;
height: 400px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.requirement-detail-wrapper .el-row {
display: flex;
justify-content: left;
align-items: center;
width: 100%;
flex-grow: 0;
/* 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 { .requirement-detail-wrapper span {
@ -606,6 +638,33 @@ export default {
text-align: right; text-align: right;
width: 100%; width: 100%;
} }
.detailEditorWrapper {
/* margin-top: 15px 10px 15px 10px !important; */
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>
<style> <style>
.requirement-detail-dialog .el-dialog__body { .requirement-detail-dialog .el-dialog__body {