Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 924d762f by 史敦盼
Options

forcesave: true

1 parent 7c693ec2
Inline Side-by-side
Showing with 211 additions and 178 deletions
src/views/reviewArchiFollowCheck/tab1.vue
<template> <template>
<div class="tab1"> <div class="tab1">
<div class="content"> <div class="content">
<div class="left_container"> <div class="left_container">
<el-alert title="评审标准" type="success" :closable="false"></el-alert> <el-alert title="评审标准" type="success" :closable="false"></el-alert>
<el-select v-model="select1" class="leftSelect"> <el-select v-model="select1" class="leftSelect">
<el-option label="本项目-安全防护方案.pdf" value="1"></el-option> <el-option label="本项目-安全防护方案.pdf" value="1"></el-option>
</el-select> </el-select>
<div class="left_container_content w-100 h-100 flex-1"> <div class="left_container_content w-100 h-100 flex-1">
<vab-only-office <vab-only-office
id="office-preview" id="office-preview"
:documentServerUrl="documentServerUrl" :documentServerUrl="documentServerUrl"
:config="config" :config="config"
/> />
</div> </div>
</div> </div>
<div class="right_container"> <div class="right_container">
<el-alert title="评审内容" type="success" :closable="false"></el-alert> <el-alert title="评审内容" type="success" :closable="false"></el-alert>
<el-select v-model="select2" class="rightSelect" @change="select2Change"> <el-select
<!-- <el-option v-for="item in rightSelect" :key="item.viewDetailsId" :label="item.viewDetailName" :value="item.viewDetailsId"></el-option> --> v-model="select2"
<el-option label="系统架构-概设阶段架构设计-安全架构视图" value="1"></el-option> class="rightSelect"
</el-select> @change="select2Change"
<div style="height: calc(100% - 40px);overflow-y: auto;"> >
<div v-for="item in rightImageArray" :key="item.viewDetailsId"> <!-- <el-option v-for="item in rightSelect" :key="item.viewDetailsId" :label="item.viewDetailName" :value="item.viewDetailsId"></el-option> -->
<img :src="item.metaModelSvg" alt=""> <el-option
<el-divider></el-divider> label="系统架构-概设阶段架构设计-安全架构视图"
</div> value="1"
</div> ></el-option>
</div> </el-select>
</div> <div style="height: calc(100% - 40px); overflow-y: auto">
<div class="bottom_container"> <div v-for="item in rightImageArray" :key="item.viewDetailsId">
<div style="padding-right: 20px;text-align: left;margin: 15px 0;display: flex;align-items: center;justify-content: space-between;"> <img :src="item.metaModelSvg" alt="" />
<div> <el-divider></el-divider>
<el-divider direction="vertical"></el-divider> </div>
<span style="margin-right: 50px;">备注</span> </div>
<!-- <el-radio v-model="radio" label="1">通过</el-radio> </div>
</div>
<div class="bottom_container">
<div
style="
padding-right: 20px;
text-align: left;
margin: 15px 0;
display: flex;
align-items: center;
justify-content: space-between;
"
>
<div>
<el-divider direction="vertical"></el-divider>
<span style="margin-right: 50px">备注</span>
<!-- <el-radio v-model="radio" label="1">通过</el-radio>
<el-radio v-model="radio" label="0">不通过</el-radio> --> <el-radio v-model="radio" label="0">不通过</el-radio> -->
</div> </div>
<el-button type="primary" size="medium" @click="saveSuggestion">保存备注</el-button> <el-button type="primary" size="medium" @click="saveSuggestion"
</div> >保存备注</el-button
<el-input type="textarea" :rows="4" v-model="textarea" style="width: 98%;"></el-input> >
</div> </div>
</div> <el-input
type="textarea"
:rows="4"
v-model="textarea"
style="width: 98%"
></el-input>
</div>
</div>
</template> </template>
<script> <script>
import { import {
getReviewArchiFollowCheckRightGraph, getReviewArchiFollowCheckRightGraph,
saveReviewArchiFollowCheckRightSuggestion, saveReviewArchiFollowCheckRightSuggestion,
queryReviewArchiFollowCheckRightSuggestionDetails queryReviewArchiFollowCheckRightSuggestionDetails,
} from '@/api/index.js'; } from '@/api/index.js'
import { MessageBox, Message } from 'element-ui'; import { MessageBox, Message } from 'element-ui'
import vabOnlyOffice from "@/components/onlyOffice/index.vue"; import vabOnlyOffice from '@/components/onlyOffice/index.vue'
export default { export default {
name: 'tab1', name: 'tab1',
components: { components: {
vabOnlyOffice vabOnlyOffice,
}, },
data() { data() {
return { return {
radio: '1', radio: '1',
textarea: '', textarea: '',
select1: '1', select1: '1',
select2: '1', select2: '1',
rightImageArray: [], rightImageArray: [],
rightImageSrc: null, rightImageSrc: null,
prjId: null, prjId: null,
rightSelect: [], rightSelect: [],
documentServerUrl: 'http://192.168.0.120:18050/', documentServerUrl: 'http://192.168.0.120:18050/',
config: { config: {
document: { document: {
...@@ -96,6 +118,7 @@ export default { ...@@ -96,6 +118,7 @@ export default {
customization: { customization: {
//是否显示插件 //是否显示插件
plugins: false, plugins: false,
forcesave: true,
}, },
user: { user: {
// 当前正在view/edit此文档的用户信息 // 当前正在view/edit此文档的用户信息
...@@ -105,127 +128,129 @@ export default { ...@@ -105,127 +128,129 @@ export default {
callbackUrl: 'http://192.168.0.103:7005/callback?fileId=289', callbackUrl: 'http://192.168.0.103:7005/callback?fileId=289',
}, },
}, },
}; }
}, },
mounted(){ mounted() {
this.prjId = this.$route.query.prjId; this.prjId = this.$route.query.prjId
this.getRightGraph(5);
this.getDetails();
},
methods: {
getDetails() {//查看详情，从表格跳转过来的
const params = {
reviewEnum: 'SECURITY_ARCHITECTURE_CONFORMANCE',
prjId: this.prjId,
}
queryReviewArchiFollowCheckRightSuggestionDetails(params).then(res => {
if (res.code == 200) {
this.textarea = res.data.reviewSuggestion;
}
})
},
getRightGraph(archiBelongId) {//获取右侧图片
const params = {
archiBelongId: archiBelongId,
prjId: this.prjId,
archiStage: 3
}
getReviewArchiFollowCheckRightGraph(params).then(res => {
if (res.code == 200) {
if(res.data.length > 0) {
res.data.map(item => { this.getRightGraph(5)
item.metaModelSvg = 'data:image/svg+xml;base64,'+ item.metaModelSvg; this.getDetails()
}) },
this.rightImageArray = res.data; methods: {
// this.rightSelect = res.data; getDetails() {
// this.select2 = res.data[0].viewDetailsId; //查看详情，从表格跳转过来的
// this.rightImageSrc = 'data:image/svg+xml;base64,'+ res.data[0].metaModelSvg; const params = {
} reviewEnum: 'SECURITY_ARCHITECTURE_CONFORMANCE',
} prjId: this.prjId,
}) }
}, queryReviewArchiFollowCheckRightSuggestionDetails(params).then((res) => {
select2Change(data) {//右侧下拉框选择 if (res.code == 200) {
const res = this.rightSelect.find(item => item.viewDetailsId == data); this.textarea = res.data.reviewSuggestion
// this.rightImageSrc = 'data:image/svg+xml;base64,'+ res.metaModelSvg; }
}, })
saveSuggestion() {//保存 },
const params = { getRightGraph(archiBelongId) {
"reviewEnum": "SECURITY_ARCHITECTURE_CONFORMANCE", //获取右侧图片
"prjId": this.prjId, const params = {
"reviewState": this.radio, archiBelongId: archiBelongId,
"reviewSuggestion": this.textarea prjId: this.prjId,
} archiStage: 3,
saveReviewArchiFollowCheckRightSuggestion(params).then(res => { }
if (res.code == 200) { getReviewArchiFollowCheckRightGraph(params).then((res) => {
Message({ if (res.code == 200) {
type: "success", if (res.data.length > 0) {
message: '保存成功', res.data.map((item) => {
}); item.metaModelSvg =
}else { 'data:image/svg+xml;base64,' + item.metaModelSvg
Message({ })
type: "error", this.rightImageArray = res.data
message: res.msg, // this.rightSelect = res.data;
}); // this.select2 = res.data[0].viewDetailsId;
} // this.rightImageSrc = 'data:image/svg+xml;base64,'+ res.data[0].metaModelSvg;
}) }
} }
} })
},
select2Change(data) {
//右侧下拉框选择
const res = this.rightSelect.find((item) => item.viewDetailsId == data)
// this.rightImageSrc = 'data:image/svg+xml;base64,'+ res.metaModelSvg;
},
saveSuggestion() {
//保存
const params = {
reviewEnum: 'SECURITY_ARCHITECTURE_CONFORMANCE',
prjId: this.prjId,
reviewState: this.radio,
reviewSuggestion: this.textarea,
}
saveReviewArchiFollowCheckRightSuggestion(params).then((res) => {
if (res.code == 200) {
Message({
type: 'success',
message: '保存成功',
})
} else {
Message({
type: 'error',
message: res.msg,
})
}
})
},
},
} }
</script> </script>
<style scoped> <style scoped>
.tab1{ .tab1 {
height: 100%; height: 100%;
} }
.content{ .content {
display: flex; display: flex;
height: 77%; height: 77%;
} }
.leftSelect{ .leftSelect {
position: absolute; position: absolute;
top: 44px; top: 44px;
left: 22px; left: 22px;
width: 400px; width: 400px;
} }
.rightSelect{ .rightSelect {
position: absolute; position: absolute;
top: 44px; top: 44px;
left: 22px; left: 22px;
width: 400px; width: 400px;
}
} .el-button--primary {
.el-button--primary{ background: rgba(13, 134, 127, 1);
background: rgba(13,134,127,1); color: #fff;
color: #fff; border: 0;
border: 0; }
} /deep/ .el-alert--success.is-light {
/deep/ .el-alert--success.is-light{ background-color: #d5f5f3;
background-color: #D5F5F3; color: #000;
color: #000; }
} /deep/ .el-divider--vertical {
/deep/ .el-divider--vertical{ width: 4px;
width: 4px; background-color: #0d867f;
background-color: #0D867F; }
} .left_container {
.left_container{ width: 49%;
width: 49%; border: 1px solid #ccc;
border: 1px solid #ccc; margin-right: 1%;
margin-right: 1%; position: relative;
position: relative; }
} .right_container {
.right_container{ width: 49%;
width: 49%; border: 1px solid #ccc;
border: 1px solid #ccc; position: relative;
position: relative; }
} .rightImageContainer {
.rightImageContainer{ position: absolute;
position: absolute; transform: translate(-50%, -50%);
transform: translate(-50%, -50%); top: 50%;
top: 50%; left: 50%;
left: 50%; }
} .bottom_container {
.bottom_container{ }
</style>
}
</style>
\ No newline at end of file
src/views/reviewArchiPoliticeCheck/tab1.vue
...@@ -120,6 +120,7 @@ export default { ...@@ -120,6 +120,7 @@ export default {
customization: { customization: {
//是否显示插件 //是否显示插件
plugins: false, plugins: false,
forcesave: true,
}, },
user: { user: {
// 当前正在view/edit此文档的用户信息 // 当前正在view/edit此文档的用户信息
......
src/views/reviewArchiPoliticeCheck/tab2.vue
...@@ -120,6 +120,7 @@ export default { ...@@ -120,6 +120,7 @@ export default {
customization: { customization: {
//是否显示插件 //是否显示插件
plugins: false, plugins: false,
forcesave: true,
}, },
user: { user: {
// 当前正在view/edit此文档的用户信息 // 当前正在view/edit此文档的用户信息
......
src/views/reviewArchiPoliticeCheck/tab3.vue
...@@ -111,6 +111,7 @@ export default { ...@@ -111,6 +111,7 @@ export default {
customization: { customization: {
//是否显示插件 //是否显示插件
plugins: false, plugins: false,
forcesave: true,
}, },
user: { user: {
// 当前正在view/edit此文档的用户信息 // 当前正在view/edit此文档的用户信息
......
src/views/reviewArchiPoliticeCheck/tab4.vue
...@@ -111,6 +111,7 @@ export default { ...@@ -111,6 +111,7 @@ export default {
customization: { customization: {
//是否显示插件 //是否显示插件
plugins: false, plugins: false,
forcesave: true,
}, },
user: { user: {
// 当前正在view/edit此文档的用户信息 // 当前正在view/edit此文档的用户信息
......
src/views/reviewArchiPoliticeCheck/tab5.vue
...@@ -111,6 +111,7 @@ export default { ...@@ -111,6 +111,7 @@ export default {
customization: { customization: {
//是否显示插件 //是否显示插件
plugins: false, plugins: false,
forcesave: true,
}, },
user: { user: {
// 当前正在view/edit此文档的用户信息 // 当前正在view/edit此文档的用户信息
......
src/views/reviewArchiPoliticeCheck/tab6.vue
...@@ -120,6 +120,7 @@ export default { ...@@ -120,6 +120,7 @@ export default {
customization: { customization: {
//是否显示插件 //是否显示插件
plugins: false, plugins: false,
forcesave: true,
}, },
user: { user: {
// 当前正在view/edit此文档的用户信息 // 当前正在view/edit此文档的用户信息
......
src/views/reviewSituation/tab1.vue
...@@ -117,6 +117,7 @@ export default { ...@@ -117,6 +117,7 @@ export default {
customization: { customization: {
//是否显示插件 //是否显示插件
plugins: false, plugins: false,
forcesave: true,
}, },
user: { user: {
// 当前正在view/edit此文档的用户信息 // 当前正在view/edit此文档的用户信息
......
src/views/reviewSituation/tab4.vue
...@@ -97,6 +97,7 @@ export default { ...@@ -97,6 +97,7 @@ export default {
customization: { customization: {
//是否显示插件 //是否显示插件
plugins: false, plugins: false,
forcesave: true,
}, },
user: { user: {
// 当前正在view/edit此文档的用户信息 // 当前正在view/edit此文档的用户信息
......
src/views/reviewSituation/tab5.vue
...@@ -97,6 +97,7 @@ export default { ...@@ -97,6 +97,7 @@ export default {
customization: { customization: {
//是否显示插件 //是否显示插件
plugins: false, plugins: false,
forcesave: true,
}, },
user: { user: {
// 当前正在view/edit此文档的用户信息 // 当前正在view/edit此文档的用户信息
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!