Skip to content

liangzhen / framework-tools-web

Go to a project
Commit c173fecd by liuyong
Options

修改bug

1 parent 5643b4e9
Expand all
Inline Side-by-side
Showing with 1313 additions and 35 deletions
src/router/index.js
...@@ -215,6 +215,26 @@ const routes = [ ...@@ -215,6 +215,26 @@ const routes = [
name: 'reviewSituationDetails', name: 'reviewSituationDetails',
component: () => import('@/views/reviewSituation/details.vue'), component: () => import('@/views/reviewSituation/details.vue'),
}, },
{
path: '/main/reviewArchiFollowCheck',//概设架构遵从审查
name: 'reviewArchiFollowCheck',
component: () => import('@/views/reviewArchiFollowCheck/index.vue'),
},
{
path: '/main/reviewArchiFollowCheckDetails',//概设架构遵从审查，详情
name: 'reviewArchiFollowCheckDetails',
component: () => import('@/views/reviewArchiFollowCheck/details.vue'),
},
{
path: '/main/reviewArchiPoliticeCheck',//概设架构政策审查
name: 'reviewArchiPoliticeCheck',
component: () => import('@/views/reviewArchiPoliticeCheck/index.vue'),
},
{
path: '/main/reviewArchiPoliticeCheckDetails',//概设架构政策审查，详情
name: 'reviewArchiPoliticeCheckDetails',
component: () => import('@/views/reviewArchiPoliticeCheck/details.vue'),
},
] ]
} }
] ]
......
src/views/Main/index.vue
...@@ -162,11 +162,11 @@ ...@@ -162,11 +162,11 @@
<img src="@/assets/main/3img.png" alt=""> <img src="@/assets/main/3img.png" alt="">
<span style="margin-left: 5px;">评审情况(概要设计)</span> <span style="margin-left: 5px;">评审情况(概要设计)</span>
</div> </div>
<div class="menu_1_item_subtitle"> <div class="menu_1_item_subtitle" @click="jumpPage('系统架构设计与管控', '系统架构管控要求', '概设架构遵从检查')">
<img src="@/assets/main/3img.png" alt=""> <img src="@/assets/main/3img.png" alt="">
<span style="margin-left: 5px;">概设架构遵从检查</span> <span style="margin-left: 5px;">概设架构遵从检查</span>
</div> </div>
<div class="menu_1_item_subtitle"> <div class="menu_1_item_subtitle" @click="jumpPage('系统架构设计与管控', '系统架构管控要求', '概设架构政策审查')">
<img src="@/assets/main/3img.png" alt=""> <img src="@/assets/main/3img.png" alt="">
<span style="margin-left: 5px;">概设架构政策审查</span> <span style="margin-left: 5px;">概设架构政策审查</span>
</div> </div>
...@@ -553,6 +553,14 @@ ...@@ -553,6 +553,14 @@
this.$router.push( '/main/reviewSituation', () => {}, () => {} ); this.$router.push( '/main/reviewSituation', () => {}, () => {} );
this.visible2 = false; this.visible2 = false;
break; break;
case '概设架构遵从检查':
this.$router.push( '/main/reviewArchiFollowCheck', () => {}, () => {} );
this.visible2 = false;
break;
case '概设架构政策审查':
this.$router.push( '/main/reviewArchiPoliticeCheck', () => {}, () => {} );
this.visible2 = false;
break;
} }
} }
} }
......
src/views/archi-asset-manage/index.vue
...@@ -486,7 +486,7 @@ ...@@ -486,7 +486,7 @@
item.subList = []; item.subList = [];
}); });
this.treeData[0].subList = res.data; this.treeData[0].subList = res.data;
this.archiBelongId = res.data[0].archiBelongId; this.archiBelongId = res.data[0].viewId;
this.assetConstant = res.data[0].archiType; this.assetConstant = res.data[0].archiType;
this.getZuJianLeiXingSelect(null); this.getZuJianLeiXingSelect(null);
this.get_table(); this.get_table();
...@@ -529,7 +529,7 @@ ...@@ -529,7 +529,7 @@
}) })
}, },
treeClick(data) {//左侧树点击 treeClick(data) {//左侧树点击
this.archiBelongId = data.archiBelongId; this.archiBelongId = data.viewId;
this.assetConstant = data.archiType; this.assetConstant = data.archiType;
this.getZuJianLeiXingSelect(null); this.getZuJianLeiXingSelect(null);
this.get_table(); this.get_table();
......
src/views/archi-ele-list/index.vue
...@@ -64,9 +64,10 @@ ...@@ -64,9 +64,10 @@
<span v-if="scope.row.state == 2">暂存</span> <span v-if="scope.row.state == 2">暂存</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="360" align="center"> <el-table-column label="操作" width="440" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;"> <div style="display: flex;align-items: center;justify-content: center;">
<el-button icon="el-icon-view" type="primary" size="mini" @click="viewItem(scope.row)">查看</el-button>
<el-button icon="el-icon-edit" type="primary" size="mini" @click="editItem(scope.row)" :disabled="scope.row.state == 1">编辑</el-button> <el-button icon="el-icon-edit" type="primary" size="mini" @click="editItem(scope.row)" :disabled="scope.row.state == 1">编辑</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="releaseItem(scope.row)" :disabled="scope.row.state == 1 ">发布</el-button> <el-button icon="el-icon-upload2" type="primary" size="mini" @click="releaseItem(scope.row)" :disabled="scope.row.state == 1 ">发布</el-button>
<el-button class="tingYong_btn" icon="el-icon-remove-outline" size="mini" @click="stopItem(scope.row)" :disabled="scope.row.state != 1">停用</el-button> <el-button class="tingYong_btn" icon="el-icon-remove-outline" size="mini" @click="stopItem(scope.row)" :disabled="scope.row.state != 1">停用</el-button>
...@@ -93,7 +94,7 @@ ...@@ -93,7 +94,7 @@
</div> </div>
<el-dialog <el-dialog
:title="is_add_edit == 'add' ? '新建元素' : '编辑元素'" :title="is_add_edit == 'add' ? '新建元素' : is_add_edit == 'edit' ? '编辑元素' : '查看元素'"
:visible.sync="add_dialog" :visible.sync="add_dialog"
:center="false" :center="false"
class="dialog1" class="dialog1"
...@@ -103,11 +104,11 @@ ...@@ -103,11 +104,11 @@
<el-form :model="ruleForm" :rules="rules" ref="form" style="margin-bottom: 20px;"> <el-form :model="ruleForm" :rules="rules" ref="form" style="margin-bottom: 20px;">
<div class="form_item_container"> <div class="form_item_container">
<el-form-item label="元素名称:" prop="let1"> <el-form-item label="元素名称:" prop="let1">
<el-input v-no-backslash v-model="ruleForm.let1" maxlength="100"></el-input> <el-input v-no-backslash v-model="ruleForm.let1" maxlength="100" :disabled="is_add_edit == 'view' ? true: false"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="架构层次:" prop="let2"> <el-form-item label="架构层次:" prop="let2">
<el-select clearable placeholder="请选择" v-model="ruleForm.let2"> <el-select clearable placeholder="请选择" v-model="ruleForm.let2" :disabled="is_add_edit == 'view' ? true: false">
<!-- <el-input placeholder="请输入内容" v-model="add_select_item"> <!-- <el-input placeholder="请输入内容" v-model="add_select_item">
<div slot="append" @click="add_select1"> <div slot="append" @click="add_select1">
新增 新增
...@@ -118,7 +119,7 @@ ...@@ -118,7 +119,7 @@
</el-form-item> </el-form-item>
<el-form-item label="架构归属:" prop="let3"> <el-form-item label="架构归属:" prop="let3">
<el-select clearable placeholder="请选择" v-model="ruleForm.let3"> <el-select clearable placeholder="请选择" v-model="ruleForm.let3" :disabled="is_add_edit == 'view' ? true: false">
<!-- <el-input placeholder="请输入内容" v-model="add_select_item2"> <!-- <el-input placeholder="请输入内容" v-model="add_select_item2">
<div slot="append" @click="add_select2"> <div slot="append" @click="add_select2">
新增 新增
...@@ -128,7 +129,7 @@ ...@@ -128,7 +129,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="元素层级:" prop="let5"> <el-form-item label="元素层级:" prop="let5">
<el-select clearable placeholder="请选择" v-model="ruleForm.let5" style="width: 200px;"> <el-select clearable placeholder="请选择" :disabled="is_add_edit == 'view' ? true: false" v-model="ruleForm.let5" style="width: 200px;">
<el-option label="L1" :value="1"></el-option> <el-option label="L1" :value="1"></el-option>
<el-option label="L2" :value="2"></el-option> <el-option label="L2" :value="2"></el-option>
<el-option label="L3" :value="3"></el-option> <el-option label="L3" :value="3"></el-option>
...@@ -137,7 +138,7 @@ ...@@ -137,7 +138,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="cross1" label="描述:" prop="let4"> <el-form-item class="cross1" label="描述:" prop="let4">
<el-input v-no-backslash type="textarea" :rows="3" maxlength="200" show-word-limit placeholder="请输入内容" class="dialog_form_item_content" v-model="ruleForm.let4"></el-input> <el-input v-no-backslash :disabled="is_add_edit == 'view' ? true: false" type="textarea" :rows="3" maxlength="200" show-word-limit placeholder="请输入内容" class="dialog_form_item_content" v-model="ruleForm.let4"></el-input>
</el-form-item> </el-form-item>
<div class="dialog_form_item3"> <div class="dialog_form_item3">
...@@ -146,7 +147,7 @@ ...@@ -146,7 +147,7 @@
<div style="text-align: left;margin-bottom: 10px;"> <div style="text-align: left;margin-bottom: 10px;">
<img :style="{'width': selectGraphSrc.length>0?'80px':0, height: selectGraphSrc.length>0?'40px':0}" :src="selectGraphSrc" alt="" /> <img :style="{'width': selectGraphSrc.length>0?'80px':0, height: selectGraphSrc.length>0?'40px':0}" :src="selectGraphSrc" alt="" />
</div> </div>
<div style="display: flex;"> <div style="display: flex;" v-if="is_add_edit == 'view' ? false: true">
<el-button type="primary" @click="openGraphDialog">图形选择</el-button> <el-button type="primary" @click="openGraphDialog">图形选择</el-button>
<el-input style="width: 80px;margin-left: 30px;" type="color" v-model="ruleForm.let6"></el-input> <el-input style="width: 80px;margin-left: 30px;" type="color" v-model="ruleForm.let6"></el-input>
</div> </div>
...@@ -178,7 +179,7 @@ ...@@ -178,7 +179,7 @@
</div> </div>
</el-form> </el-form>
<div style="text-align: right;margin-bottom: 10px;" v-if="is_add_edit != 'add'"> <div style="text-align: right;margin-bottom: 10px;" v-if="is_add_edit != 'add'">
<el-button type="primary" size="mini" @click="openDicyDialog">新增</el-button> <el-button type="primary" size="mini" @click="openDicyDialog" v-if="is_add_edit == 'view' ? false: true">新增</el-button>
</div> </div>
<el-table height="300" :data="tableData2" stripe border v-if="is_add_edit != 'add'"> <el-table height="300" :data="tableData2" stripe border v-if="is_add_edit != 'add'">
...@@ -188,7 +189,7 @@ ...@@ -188,7 +189,7 @@
<el-table-column prop="displayOrder" label="排序" align="center"></el-table-column> <el-table-column prop="displayOrder" label="排序" align="center"></el-table-column>
<el-table-column prop="contentLength" label="长度" align="center"></el-table-column> <el-table-column prop="contentLength" label="长度" align="center"></el-table-column>
<el-table-column prop="controlType" label="控件" align="center"></el-table-column> <el-table-column prop="controlType" label="控件" align="center"></el-table-column>
<el-table-column label="操作" width="260" align="center"> <el-table-column label="操作" width="260" align="center" v-if="is_add_edit == 'view' ? false: true">
<template slot-scope="scope"> <template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;"> <div style="display: flex;align-items: center;justify-content: center;">
<el-button icon="el-icon-edit" type="primary" size="mini" @click="edit_dicy(scope.row)">编辑</el-button> <el-button icon="el-icon-edit" type="primary" size="mini" @click="edit_dicy(scope.row)">编辑</el-button>
...@@ -198,7 +199,7 @@ ...@@ -198,7 +199,7 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer" v-if="is_add_edit == 'view' ? false: true">
<el-button class="greenButton" v-debounce:click="release_dialog">发布</el-button> <el-button class="greenButton" v-debounce:click="release_dialog">发布</el-button>
<el-button class="greenButton" v-debounce:click="save_dialog">保存</el-button> <el-button class="greenButton" v-debounce:click="save_dialog">保存</el-button>
<el-button @click="add_dialog = false">取消</el-button> <el-button @click="add_dialog = false">取消</el-button>
...@@ -498,6 +499,27 @@ export default { ...@@ -498,6 +499,27 @@ export default {
}); });
this.queryAllKey(); this.queryAllKey();
}, },
viewItem(row) {
this.ruleForm.let1 = row.elementName;
this.ruleForm.let2 = row.archiLevelId;
this.ruleForm.let3 = row.archiBelongId;
this.ruleForm.let4 = row.content;
this.ruleForm.let5 = row.eaLevel;
this.ruleForm.let6 = row.color;
this.is_add_edit = 'view';
this.elementId = row.elementId;
this.state = row.state;
this.version = row.version;
this.add_dialog = true;
this.selectGraphSrc = row.icon;
this.selectGraphShape = row.iconName;
this.$nextTick(() => {
this.$refs.form.clearValidate();
});
this.getDicyTable();
},
editItem(row) {//编辑 editItem(row) {//编辑
this.ruleForm.let1 = row.elementName; this.ruleForm.let1 = row.elementName;
this.ruleForm.let2 = row.archiLevelId; this.ruleForm.let2 = row.archiLevelId;
......
src/views/archiViewConfig/index.vue
...@@ -124,10 +124,10 @@ ...@@ -124,10 +124,10 @@
<el-form :model="formData" :rules="rules" ref="viewForm"> <el-form :model="formData" :rules="rules" ref="viewForm">
<div class="form_item_container"> <div class="form_item_container">
<el-form-item class="cross" label="架构视图名称:" prop="viewName"> <el-form-item class="cross" label="架构视图名称:" prop="viewName">
<el-input v-model="formData.viewName" maxlength="100" :disabled="true"></el-input> <el-input v-model="formData.viewName" maxlength="100" :disabled="title == '查看架构视图' ? true : false"></el-input>
</el-form-item> </el-form-item>
<el-form-item class="cross" label="架构大类:" prop="archiStage"> <el-form-item class="cross" label="架构大类:" prop="archiStage">
<el-select v-model="formData.archiStage" placeholder="请选择" clearable :disabled="true"> <el-select v-model="formData.archiStage" placeholder="请选择" clearable :disabled="title == '查看架构视图' ? true : false">
<el-option label="总体架构" :value="1"></el-option> <el-option label="总体架构" :value="1"></el-option>
<el-option label="系统架构" :value="2" ></el-option> <el-option label="系统架构" :value="2" ></el-option>
<el-option label="概设架构" :value="3" ></el-option> <el-option label="概设架构" :value="3" ></el-option>
...@@ -135,24 +135,24 @@ ...@@ -135,24 +135,24 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="cross" label="架构层次:" prop="archiLevelId"> <el-form-item class="cross" label="架构层次:" prop="archiLevelId">
<el-select v-model="formData.archiLevelId" placeholder="请选择" clearable> <el-select v-model="formData.archiLevelId" placeholder="请选择" clearable :disabled="title == '查看架构视图' ? true : false">
<el-option v-for="(item,idnex) in levelList" :key="idnex" :label="item.name" :value="item.levelId" ></el-option> <el-option v-for="(item,idnex) in levelList" :key="idnex" :label="item.name" :value="item.levelId" ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="cross" label="架构归属:" prop="archiBelongId"> <el-form-item class="cross" label="架构归属:" prop="archiBelongId">
<el-select v-model="formData.archiBelongId" placeholder="请选择" clearable> <el-select v-model="formData.archiBelongId" placeholder="请选择" clearable :disabled="title == '查看架构视图' ? true : false">
<el-option v-for="(item,idnex) in belongList" :key="idnex" :label="item.name" :value="item.belongId" ></el-option> <el-option v-for="(item,idnex) in belongList" :key="idnex" :label="item.name" :value="item.belongId" ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="cross1" label="视图描述:" prop="content"> <el-form-item class="cross1" label="视图描述:" prop="content">
<el-input type="textarea" :rows="3" maxlength="200" show-word-limit placeholder="请输入内容" class="dialog_form_item_content" v-model="formData.content"></el-input> <el-input type="textarea" :rows="3" maxlength="200" :disabled="title == '查看架构视图' ? true : false" show-word-limit placeholder="请输入内容" class="dialog_form_item_content" v-model="formData.content"></el-input>
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>元素范围</div> <div class="dialog_form_item_title"><span class="reqIcon">*</span>元素范围</div>
<el-input v-model="formData.eleName" readonly></el-input> <el-input v-model="formData.eleName" readonly></el-input>
<el-button type="primary" @click="openDialog2">添加</el-button> <el-button type="primary" @click="openDialog2" v-if="title == '查看架构视图' ? false : true">添加</el-button>
<!-- <el-table :data="tableData1" ref="multipleTable1" border height="195" @selection-change="handleSelectionChange1"> <!-- <el-table :data="tableData1" ref="multipleTable1" border height="195" @selection-change="handleSelectionChange1">
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55"></el-table-column>
...@@ -163,7 +163,7 @@ ...@@ -163,7 +163,7 @@
<div class="dialog_form_item"> <div class="dialog_form_item">
<div class="dialog_form_item_title"><span class="reqIcon">*</span>元素关系范围</div> <div class="dialog_form_item_title"><span class="reqIcon">*</span>元素关系范围</div>
<el-input v-model="formData.relName" readonly></el-input> <el-input v-model="formData.relName" readonly></el-input>
<el-button type="primary" @click="openDialog3">添加</el-button> <el-button type="primary" @click="openDialog3" v-if="title == '查看架构视图' ? false : true">添加</el-button>
<!-- <el-table :data="tableData2" ref="multipleTable2" border height="195" @selection-change="handleSelectionChange2"> <!-- <el-table :data="tableData2" ref="multipleTable2" border height="195" @selection-change="handleSelectionChange2">
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55"></el-table-column>
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
</el-table> --> </el-table> -->
</div> </div>
<div style="text-align: right;margin: 20px 0 10px 0;width: 96%;" v-if="title != '新建架构视图'"> <div style="text-align: right;margin: 20px 0 10px 0;width: 96%;" v-if="title != '新建架构视图'">
<el-button type="primary" size="mini" @click="openDicyDialog">新增</el-button> <el-button type="primary" size="mini" @click="openDicyDialog" v-if="title == '查看架构视图' ? false : true">新增</el-button>
</div> </div>
<div class="dialog_form_item" v-if="title != '新建架构视图'"> <div class="dialog_form_item" v-if="title != '新建架构视图'">
<el-table height="300" :data="tableData3" stripe border> <el-table height="300" :data="tableData3" stripe border>
...@@ -193,7 +193,7 @@ ...@@ -193,7 +193,7 @@
</el-table> </el-table>
</div> </div>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer" v-if="title == '查看架构视图' ? false : true">
<el-button class="greenButton" @click="operate('pushAdd')">发布</el-button> <el-button class="greenButton" @click="operate('pushAdd')">发布</el-button>
<el-button class="greenButton" @click="operate('create')">保存</el-button> <el-button class="greenButton" @click="operate('create')">保存</el-button>
<el-button @click="add_dialog = false">取消</el-button> <el-button @click="add_dialog = false">取消</el-button>
......
src/views/comCenterServeList/pages/page1.vue
...@@ -46,6 +46,30 @@ ...@@ -46,6 +46,30 @@
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column> <el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column>
<el-table-column prop="tcType" label="服务来源" align="center"></el-table-column> <el-table-column prop="tcType" label="服务来源" align="center"></el-table-column>
<el-table-column prop="platformSource" label="平台来源" align="center"></el-table-column>
<el-table-column label="服务类型" align="center">
<template slot-scope="scope">
<span v-if="scope.row.serveType == 1">聚合服务</span>
<span v-if="scope.row.serveType == 2">规则服务</span>
<span v-if="scope.row.serveType == 3">数据服务</span>
<span v-else>原子服务</span>
</template>
</el-table-column>
<el-table-column label="服务状态" align="center">
<template slot-scope="scope">
<span v-if="scope.row.serveState == 1">在建</span>
<span v-else>在运</span>
</template>
</el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column>
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column label="状态" align="center">
<template slot-scope="scope">
<span v-if="scope.row.state == 0">已停用</span>
<span v-if="scope.row.state == 1">已发布</span>
<span v-if="scope.row.state == 2">暂存</span>
</template>
</el-table-column>
<el-table-column prop="departName" label="归属部门" align="center"></el-table-column> <el-table-column prop="departName" label="归属部门" align="center"></el-table-column>
<el-table-column prop="compName" label="建设单位" align="center"></el-table-column> <el-table-column prop="compName" label="建设单位" align="center"></el-table-column>
<el-table-column prop="publishTime" label="发布时间" align="center" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="publishTime" label="发布时间" align="center" :show-overflow-tooltip="true"></el-table-column>
......
src/views/comCenterServeList/pages/page2.vue
...@@ -46,6 +46,30 @@ ...@@ -46,6 +46,30 @@
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column> <el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column>
<el-table-column prop="tcType" label="服务来源" align="center"></el-table-column> <el-table-column prop="tcType" label="服务来源" align="center"></el-table-column>
<el-table-column prop="platformSource" label="平台来源" align="center"></el-table-column>
<el-table-column label="服务类型" align="center">
<template slot-scope="scope">
<span v-if="scope.row.serveType == 1">聚合服务</span>
<span v-if="scope.row.serveType == 2">规则服务</span>
<span v-if="scope.row.serveType == 3">数据服务</span>
<span v-else>原子服务</span>
</template>
</el-table-column>
<el-table-column label="服务状态" align="center">
<template slot-scope="scope">
<span v-if="scope.row.serveState == 1">在建</span>
<span v-else>在运</span>
</template>
</el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column>
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column label="状态" align="center">
<template slot-scope="scope">
<span v-if="scope.row.state == 0">已停用</span>
<span v-if="scope.row.state == 1">已发布</span>
<span v-if="scope.row.state == 2">暂存</span>
</template>
</el-table-column>
<el-table-column prop="departName" label="归属部门" align="center"></el-table-column> <el-table-column prop="departName" label="归属部门" align="center"></el-table-column>
<el-table-column prop="compName" label="建设单位" align="center"></el-table-column> <el-table-column prop="compName" label="建设单位" align="center"></el-table-column>
<el-table-column prop="publishTime" label="发布时间" align="center" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="publishTime" label="发布时间" align="center" :show-overflow-tooltip="true"></el-table-column>
......
src/views/comCenterServeList/pages/page3.vue
...@@ -46,6 +46,30 @@ ...@@ -46,6 +46,30 @@
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column> <el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column>
<el-table-column prop="tcType" label="服务来源" align="center"></el-table-column> <el-table-column prop="tcType" label="服务来源" align="center"></el-table-column>
<el-table-column prop="platformSource" label="平台来源" align="center"></el-table-column>
<el-table-column label="服务类型" align="center">
<template slot-scope="scope">
<span v-if="scope.row.serveType == 1">聚合服务</span>
<span v-if="scope.row.serveType == 2">规则服务</span>
<span v-if="scope.row.serveType == 3">数据服务</span>
<span v-else>原子服务</span>
</template>
</el-table-column>
<el-table-column label="服务状态" align="center">
<template slot-scope="scope">
<span v-if="scope.row.serveState == 1">在建</span>
<span v-else>在运</span>
</template>
</el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column>
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column label="状态" align="center">
<template slot-scope="scope">
<span v-if="scope.row.state == 0">已停用</span>
<span v-if="scope.row.state == 1">已发布</span>
<span v-if="scope.row.state == 2">暂存</span>
</template>
</el-table-column>
<el-table-column prop="departName" label="归属部门" align="center"></el-table-column> <el-table-column prop="departName" label="归属部门" align="center"></el-table-column>
<el-table-column prop="compName" label="建设单位" align="center"></el-table-column> <el-table-column prop="compName" label="建设单位" align="center"></el-table-column>
<el-table-column prop="publishTime" label="发布时间" align="center" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="publishTime" label="发布时间" align="center" :show-overflow-tooltip="true"></el-table-column>
......
src/views/comCenterServeList/pages/page4.vue
...@@ -46,6 +46,30 @@ ...@@ -46,6 +46,30 @@
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column> <el-table-column prop="inventoryName" label="服务名称" align="center"></el-table-column>
<el-table-column prop="tcType" label="服务来源" align="center"></el-table-column> <el-table-column prop="tcType" label="服务来源" align="center"></el-table-column>
<el-table-column prop="platformSource" label="平台来源" align="center"></el-table-column>
<el-table-column label="服务类型" align="center">
<template slot-scope="scope">
<span v-if="scope.row.serveType == 1">聚合服务</span>
<span v-if="scope.row.serveType == 2">规则服务</span>
<span v-if="scope.row.serveType == 3">数据服务</span>
<span v-else>原子服务</span>
</template>
</el-table-column>
<el-table-column label="服务状态" align="center">
<template slot-scope="scope">
<span v-if="scope.row.serveState == 1">在建</span>
<span v-else>在运</span>
</template>
</el-table-column>
<el-table-column prop="serveRemark" label="服务描述" align="center"></el-table-column>
<el-table-column prop="module" label="模块" align="center"></el-table-column>
<el-table-column label="状态" align="center">
<template slot-scope="scope">
<span v-if="scope.row.state == 0">已停用</span>
<span v-if="scope.row.state == 1">已发布</span>
<span v-if="scope.row.state == 2">暂存</span>
</template>
</el-table-column>
<el-table-column prop="departName" label="归属部门" align="center"></el-table-column> <el-table-column prop="departName" label="归属部门" align="center"></el-table-column>
<el-table-column prop="compName" label="建设单位" align="center"></el-table-column> <el-table-column prop="compName" label="建设单位" align="center"></el-table-column>
<el-table-column prop="publishTime" label="发布时间" align="center" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="publishTime" label="发布时间" align="center" :show-overflow-tooltip="true"></el-table-column>
......
src/views/reviewArchiFollowCheck/details.vue 0 → 100644
<template>
<div class="reviewArchiFollowCheckDetails">
<el-tabs>
<el-tab-pane label="安全架构遵从">
<Tab1></Tab1>
</el-tab-pane>
<el-tab-pane label="部署架构审查">
<Tab2></Tab2>
</el-tab-pane>
<el-tab-pane label="技术架构遵从">
<Tab3></Tab3>
</el-tab-pane>
<el-tab-pane label="应用架构遵从">
<Tab4></Tab4>
</el-tab-pane>
<el-tab-pane label="物理数据架构遵从">
<Tab5></Tab5>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import Tab1 from './tab1.vue';
import Tab2 from './tab2.vue';
import Tab3 from './tab3.vue';
import Tab4 from './tab4.vue';
import Tab5 from './tab5.vue';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
import {
saveArchiViewManageCardDetails
} from '@/api/index.js';
export default {
name: 'reviewArchiFollowCheckDetails',
components: {
Tab1,
Tab2,
Tab3,
Tab4,
Tab5,
},
data() {
return {
routerId: null,
};
},
mounted(){
},
methods: {
}
}
</script>
<style>
.confirmClass{
background-color: #0D867F !important;
}
.el-message-box__content{
padding: 60px 15px 60px 15px;
}
</style>
<style scoped>
.el-tabs{
width: 100%;
height: 100%;
}
/deep/ .el-tabs__item.is-active {
color: #0D867F;
}
/deep/ .el-tabs__item:hover{
color: #0D867F;
}
/deep/ .el-tabs__active-bar{
background-color: #0D867F;
}
/deep/ .el-tabs__content{
height: calc(100% - 38px);
padding: 0;
}
.el-tab-pane{
height: 100%;
}
.reviewArchiFollowCheckDetails{
width: 100%;
height: 100%;
display: flex;
position: relative;
}
/deep/ .el-dialog__header{
background-color: #0D867F;
text-align: left;
}
/deep/ .el-dialog__title{
color: #fff;
}
/deep/ .el-dialog__close {
color: #fff;
}
.greenButton{
background-color: #0D867F;
color: #fff;
}
</style>
src/views/reviewArchiFollowCheck/tab1.vue 0 → 100644
<template>
<div class="tab1">
<div class="content">
<div class="left_container">
<el-alert title="评审标准" type="success" :closable="false"></el-alert>
<el-select v-model="select1" class="leftSelect">
<el-option label="1" value="1"></el-option>
</el-select>
</div>
<div class="right_container">
<el-alert title="评审内容" type="success" :closable="false"></el-alert>
<el-select v-model="select2" class="rightSelect">
<el-option label="1" value="1"></el-option>
</el-select>
</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="2">不通过</el-radio>
</div>
<el-button type="primary" size="medium">带入批准</el-button>
</div>
<el-input type="textarea" :rows="4" v-model="textarea" style="width: 98%;"></el-input>
</div>
</div>
</template>
<script>
import {
getArchiViewManageTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab1',
components: {
},
data() {
return {
radio: '1',
textarea: '',
select1: null,
select2: null,
};
},
mounted(){
},
methods: {
}
}
</script>
<style scoped>
.tab1{
height: 100%;
}
.content{
display: flex;
height: 77%;
}
.leftSelect{
position: absolute;
top: 44px;
left: 22px;
}
.rightSelect{
position: absolute;
top: 44px;
left: 22px;
}
.el-button--primary{
background: rgba(13,134,127,1);
color: #fff;
border: 0;
}
/deep/ .el-alert--success.is-light{
background-color: #D5F5F3;
color: #000;
}
/deep/ .el-divider--vertical{
width: 4px;
background-color: #0D867F;
}
.left_container{
width: 49%;
border: 1px solid red;
margin-right: 1%;
position: relative;
}
.right_container{
width: 49%;
border: 1px solid red;
position: relative;
}
.bottom_container{
}
</style>
\ No newline at end of file
src/views/reviewArchiFollowCheck/tab2.vue 0 → 100644
<template>
<div class="tab2">
<div class="content">
<div class="left_container">
<el-alert title="评审标准" type="success" :closable="false"></el-alert>
</div>
<div class="right_container">
<el-alert title="评审内容" type="success" :closable="false"></el-alert>
</div>
</div>
<div class="bottom_container">
<div style="padding-right: 20px;text-align: left;margin: 15px 0;">
<el-divider direction="vertical"></el-divider>
<span style="margin-right: 50px;">审查意见</span>
</div>
<el-input type="textarea" :rows="4" v-model="textarea" style="width: 98%;"></el-input>
</div>
</div>
</template>
<script>
import {
getArchiViewManageTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab2',
components: {
},
data() {
return {
radio: '1',
textarea: ''
};
},
mounted(){
},
methods: {
}
}
</script>
<style scoped>
.tab2{
height: 100%;
}
.content{
display: flex;
height: 77%;
}
.el-button--primary{
background: rgba(13,134,127,1);
color: #fff;
border: 0;
}
/deep/ .el-alert--success.is-light{
background-color: #D5F5F3;
color: #000;
}
/deep/ .el-divider--vertical{
width: 4px;
background-color: #0D867F;
}
.left_container{
width: 49%;
border: 1px solid red;
margin-right: 1%;
}
.right_container{
width: 49%;
border: 1px solid red;
}
.bottom_container{
}
</style>
\ No newline at end of file
src/views/reviewArchiFollowCheck/tab3.vue 0 → 100644
<template>
<div class="tab3">
<div class="content">
<div class="left_container">
<el-alert title="评审标准" type="success" :closable="false"></el-alert>
</div>
<div class="right_container">
<el-alert title="评审内容" type="success" :closable="false"></el-alert>
</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>
</div>
<el-button type="primary" size="medium">保存意见</el-button>
</div>
<el-input type="textarea" :rows="4" v-model="textarea" style="width: 98%;"></el-input>
</div>
</div>
</template>
<script>
import {
getArchiViewManageTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab3',
components: {
},
data() {
return {
radio: '1',
textarea: ''
};
},
mounted(){
},
methods: {
}
}
</script>
<style scoped>
.tab3{
height: 100%;
}
.content{
display: flex;
height: 77%;
}
.el-button--primary{
background: rgba(13,134,127,1);
color: #fff;
border: 0;
}
/deep/ .el-alert--success.is-light{
background-color: #D5F5F3;
color: #000;
}
/deep/ .el-divider--vertical{
width: 4px;
background-color: #0D867F;
}
.left_container{
width: 49%;
border: 1px solid red;
margin-right: 1%;
}
.right_container{
width: 49%;
border: 1px solid red;
}
.bottom_container{
}
</style>
\ No newline at end of file
src/views/reviewArchiFollowCheck/tab4.vue 0 → 100644
<template>
<div class="tab4">
<div class="content">
<div class="left_container">
<el-alert title="评审标准" type="success" :closable="false"></el-alert>
</div>
<div class="right_container">
<el-alert title="评审内容" type="success" :closable="false"></el-alert>
</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>
</div>
<el-button type="primary" size="medium">保存意见</el-button>
</div>
<el-input type="textarea" :rows="4" v-model="textarea" style="width: 98%;"></el-input>
</div>
</div>
</template>
<script>
import {
getArchiViewManageTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab4',
components: {
},
data() {
return {
radio: '1',
textarea: ''
};
},
mounted(){
},
methods: {
}
}
</script>
<style scoped>
.tab4{
height: 100%;
}
.content{
display: flex;
height: 77%;
}
.el-button--primary{
background: rgba(13,134,127,1);
color: #fff;
border: 0;
}
/deep/ .el-alert--success.is-light{
background-color: #D5F5F3;
color: #000;
}
/deep/ .el-divider--vertical{
width: 4px;
background-color: #0D867F;
}
.left_container{
width: 49%;
border: 1px solid red;
margin-right: 1%;
}
.right_container{
width: 49%;
border: 1px solid red;
}
.bottom_container{
}
</style>
\ No newline at end of file
src/views/reviewArchiFollowCheck/tab5.vue 0 → 100644
<template>
<div class="tab5">
<div class="content">
<div class="left_container">
<el-alert title="评审标准" type="success" :closable="false"></el-alert>
</div>
<div class="right_container">
<el-alert title="评审内容" type="success" :closable="false"></el-alert>
</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>
</div>
<el-button type="primary" size="medium">保存意见</el-button>
</div>
<el-input type="textarea" :rows="4" v-model="textarea" style="width: 98%;"></el-input>
</div>
</div>
</template>
<script>
import {
getArchiViewManageTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab5',
components: {
},
data() {
return {
radio: '1',
textarea: ''
};
},
mounted(){
},
methods: {
}
}
</script>
<style scoped>
.tab5{
height: 100%;
}
.content{
display: flex;
height: 77%;
}
.el-button--primary{
background: rgba(13,134,127,1);
color: #fff;
border: 0;
}
/deep/ .el-alert--success.is-light{
background-color: #D5F5F3;
color: #000;
}
/deep/ .el-divider--vertical{
width: 4px;
background-color: #0D867F;
}
.left_container{
width: 49%;
border: 1px solid red;
margin-right: 1%;
}
.right_container{
width: 49%;
border: 1px solid red;
}
.bottom_container{
}
</style>
\ No newline at end of file
src/views/reviewArchiPoliticeCheck/details.vue 0 → 100644
<template>
<div class="reviewArchiPoliticeCheckDetails">
<el-tabs>
<el-tab-pane label="运安符合性审查">
<Tab1></Tab1>
</el-tab-pane>
<el-tab-pane label="功能满足审查">
<Tab2></Tab2>
</el-tab-pane>
<el-tab-pane label="运行可靠性审查">
<Tab3></Tab3>
</el-tab-pane>
<el-tab-pane label="系统实用性审查">
<Tab4></Tab4>
</el-tab-pane>
<el-tab-pane label="系统安全性审查">
<Tab5></Tab5>
</el-tab-pane>
<el-tab-pane label="资源复用性审查">
<Tab6></Tab6>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import Tab1 from './tab1.vue';
import Tab2 from './tab2.vue';
import Tab3 from './tab3.vue';
import Tab4 from './tab4.vue';
import Tab5 from './tab5.vue';
import Tab6 from './tab6.vue';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
import {
saveArchiViewManageCardDetails
} from '@/api/index.js';
export default {
name: 'reviewArchiPoliticeCheckDetails',
components: {
Tab1,
Tab2,
Tab3,
Tab4,
Tab5,
Tab6
},
data() {
return {
routerId: null,
};
},
mounted(){
},
methods: {
}
}
</script>
<style>
.confirmClass{
background-color: #0D867F !important;
}
.el-message-box__content{
padding: 60px 15px 60px 15px;
}
</style>
<style scoped>
.el-tabs{
width: 100%;
height: 100%;
}
/deep/ .el-tabs__item.is-active {
color: #0D867F;
}
/deep/ .el-tabs__item:hover{
color: #0D867F;
}
/deep/ .el-tabs__active-bar{
background-color: #0D867F;
}
/deep/ .el-tabs__content{
height: calc(100% - 38px);
padding: 0;
}
.el-tab-pane{
height: 100%;
}
.reviewArchiPoliticeCheckDetails{
width: 100%;
height: 100%;
display: flex;
position: relative;
}
/deep/ .el-dialog__header{
background-color: #0D867F;
text-align: left;
}
/deep/ .el-dialog__title{
color: #fff;
}
/deep/ .el-dialog__close {
color: #fff;
}
.greenButton{
background-color: #0D867F;
color: #fff;
}
</style>
src/views/reviewArchiPoliticeCheck/tab1.vue 0 → 100644
<template>
<div class="tab1">
</div>
</template>
<script>
import {
getArchiViewManageTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab1',
components: {
},
data() {
return {
};
},
mounted(){
},
methods: {
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
src/views/reviewArchiPoliticeCheck/tab2.vue 0 → 100644
<template>
<div class="tab2">
</div>
</template>
<script>
import {
getArchiViewManageTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab2',
components: {
},
data() {
return {
};
},
mounted(){
},
methods: {
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
src/views/reviewArchiPoliticeCheck/tab3.vue 0 → 100644
<template>
<div class="tab3">
</div>
</template>
<script>
import {
getArchiViewManageTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab3',
components: {
},
data() {
return {
};
},
mounted(){
},
methods: {
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
src/views/reviewArchiPoliticeCheck/tab4.vue 0 → 100644
<template>
<div class="tab4">
</div>
</template>
<script>
import {
getArchiViewManageTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab4',
components: {
},
data() {
return {
};
},
mounted(){
},
methods: {
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
src/views/reviewArchiPoliticeCheck/tab5.vue 0 → 100644
<template>
<div class="tab5">
</div>
</template>
<script>
import {
getArchiViewManageTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab5',
components: {
},
data() {
return {
};
},
mounted(){
},
methods: {
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
src/views/reviewArchiPoliticeCheck/tab6.vue 0 → 100644
<template>
<div class="tab6">
</div>
</template>
<script>
import {
getArchiViewManageTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
export default {
name: 'tab6',
components: {
},
data() {
return {
};
},
mounted(){
},
methods: {
}
}
</script>
<style scoped>
</style>
\ No newline at end of file
src/views/reviewSituation/index.vue
...@@ -42,7 +42,8 @@ ...@@ -42,7 +42,8 @@
<div class="search_btn"> <div class="search_btn">
<el-button type="primary" size="medium" @click="toDetails">评审情况(概要设计)</el-button> <el-button type="primary" size="medium" @click="toDetails">评审情况(概要设计)</el-button>
</div> </div>
<el-table :height="tableHeight" v-loading="loading" :data="tableData" stripe border> <el-table :height="tableHeight" v-loading="loading" @selection-change="select_table_rows" :data="tableData" stripe border>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column> <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="deptName" label="单位" align="center"></el-table-column> <el-table-column prop="deptName" label="单位" align="center"></el-table-column>
<el-table-column prop="startTime" label="部门" align="center"></el-table-column> <el-table-column prop="startTime" label="部门" align="center"></el-table-column>
...@@ -147,6 +148,7 @@ export default { ...@@ -147,6 +148,7 @@ export default {
let4: null, let4: null,
}, },
fuHeDu: [], fuHeDu: [],
selectRows: []
}; };
}, },
...@@ -161,7 +163,24 @@ export default { ...@@ -161,7 +163,24 @@ export default {
}) })
}, },
methods: { methods: {
select_table_rows(data){//表格的勾选
this.selectRows = data;
},
toDetails() { toDetails() {
if(this.selectRows.length == 0) {
Message({
type: 'warning',
message: '请选择一条数据!'
});
return;
}
if(this.selectRows.length >1) {
Message({
type: 'warning',
message: '只能选择一条数据!'
});
return;
}
this.$router.push( `/main/reviewSituationDetails`, () => {}, () => {} ); this.$router.push( `/main/reviewSituationDetails`, () => {}, () => {} );
}, },
save_dicy() {//保存字典 save_dicy() {//保存字典
......
src/views/reviewSituation/tab1.vue
<template> <template>
<div class="tab1"> <div class="tab1">
<div class="content">
<div class="left_container">
<el-alert title="评审标准" type="success" :closable="false"></el-alert>
<el-select v-model="select1" class="leftSelect">
<el-option label="1" value="1"></el-option>
</el-select>
</div>
<div class="right_container">
<el-alert title="评审内容" type="success" :closable="false"></el-alert>
<el-select v-model="select2" class="rightSelect">
<el-option label="1" value="1"></el-option>
</el-select>
</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="2">不通过</el-radio>
</div>
<el-button type="primary" size="medium">带入批准</el-button>
</div>
<el-input type="textarea" :rows="4" v-model="textarea" style="width: 98%;"></el-input>
</div>
</div> </div>
</template> </template>
...@@ -16,7 +41,10 @@ export default { ...@@ -16,7 +41,10 @@ export default {
}, },
data() { data() {
return { return {
radio: '1',
textarea: '',
select1: null,
select2: null,
}; };
}, },
mounted(){ mounted(){
...@@ -28,5 +56,48 @@ export default { ...@@ -28,5 +56,48 @@ export default {
} }
</script> </script>
<style scoped> <style scoped>
.tab1{
height: 100%;
}
.content{
display: flex;
height: 77%;
}
.leftSelect{
position: absolute;
top: 44px;
left: 22px;
}
.rightSelect{
position: absolute;
top: 44px;
left: 22px;
}
.el-button--primary{
background: rgba(13,134,127,1);
color: #fff;
border: 0;
}
/deep/ .el-alert--success.is-light{
background-color: #D5F5F3;
color: #000;
}
/deep/ .el-divider--vertical{
width: 4px;
background-color: #0D867F;
}
.left_container{
width: 49%;
border: 1px solid red;
margin-right: 1%;
position: relative;
}
.right_container{
width: 49%;
border: 1px solid red;
position: relative;
}
.bottom_container{
}
</style> </style>
\ No newline at end of file
src/views/reviewSituation/tab2.vue
<template> <template>
<div class="tab2"> <div class="tab2">
<div class="content">
<div class="left_container">
<el-alert title="评审标准" type="success" :closable="false"></el-alert>
</div>
<div class="right_container">
<el-alert title="评审内容" type="success" :closable="false"></el-alert>
</div>
</div>
<div class="bottom_container">
<div style="padding-right: 20px;text-align: left;margin: 15px 0;">
<el-divider direction="vertical"></el-divider>
<span style="margin-right: 50px;">审查意见</span>
</div>
<el-input type="textarea" :rows="4" v-model="textarea" style="width: 98%;"></el-input>
</div>
</div> </div>
</template> </template>
...@@ -16,7 +30,8 @@ export default { ...@@ -16,7 +30,8 @@ export default {
}, },
data() { data() {
return { return {
radio: '1',
textarea: ''
}; };
}, },
mounted(){ mounted(){
...@@ -28,5 +43,36 @@ export default { ...@@ -28,5 +43,36 @@ export default {
} }
</script> </script>
<style scoped> <style scoped>
.tab2{
height: 100%;
}
.content{
display: flex;
height: 77%;
}
.el-button--primary{
background: rgba(13,134,127,1);
color: #fff;
border: 0;
}
/deep/ .el-alert--success.is-light{
background-color: #D5F5F3;
color: #000;
}
/deep/ .el-divider--vertical{
width: 4px;
background-color: #0D867F;
}
.left_container{
width: 49%;
border: 1px solid red;
margin-right: 1%;
}
.right_container{
width: 49%;
border: 1px solid red;
}
.bottom_container{
}
</style> </style>
\ No newline at end of file
src/views/reviewSituation/tab3.vue
<template> <template>
<div class="tab3"> <div class="tab3">
<div class="content">
<div class="left_container">
<el-alert title="评审标准" type="success" :closable="false"></el-alert>
</div>
<div class="right_container">
<el-alert title="评审内容" type="success" :closable="false"></el-alert>
</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>
</div>
<el-button type="primary" size="medium">保存意见</el-button>
</div>
<el-input type="textarea" :rows="4" v-model="textarea" style="width: 98%;"></el-input>
</div>
</div> </div>
</template> </template>
...@@ -16,7 +33,8 @@ export default { ...@@ -16,7 +33,8 @@ export default {
}, },
data() { data() {
return { return {
radio: '1',
textarea: ''
}; };
}, },
mounted(){ mounted(){
...@@ -28,5 +46,36 @@ export default { ...@@ -28,5 +46,36 @@ export default {
} }
</script> </script>
<style scoped> <style scoped>
.tab3{
height: 100%;
}
.content{
display: flex;
height: 77%;
}
.el-button--primary{
background: rgba(13,134,127,1);
color: #fff;
border: 0;
}
/deep/ .el-alert--success.is-light{
background-color: #D5F5F3;
color: #000;
}
/deep/ .el-divider--vertical{
width: 4px;
background-color: #0D867F;
}
.left_container{
width: 49%;
border: 1px solid red;
margin-right: 1%;
}
.right_container{
width: 49%;
border: 1px solid red;
}
.bottom_container{
}
</style> </style>
\ No newline at end of file
src/views/reviewSituation/tab4.vue
<template> <template>
<div class="tab4"> <div class="tab4">
<div class="content">
<div class="left_container">
<el-alert title="评审标准" type="success" :closable="false"></el-alert>
</div>
<div class="right_container">
<el-alert title="评审内容" type="success" :closable="false"></el-alert>
</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>
</div>
<el-button type="primary" size="medium">保存意见</el-button>
</div>
<el-input type="textarea" :rows="4" v-model="textarea" style="width: 98%;"></el-input>
</div>
</div> </div>
</template> </template>
...@@ -16,7 +33,8 @@ export default { ...@@ -16,7 +33,8 @@ export default {
}, },
data() { data() {
return { return {
radio: '1',
textarea: ''
}; };
}, },
mounted(){ mounted(){
...@@ -28,5 +46,36 @@ export default { ...@@ -28,5 +46,36 @@ export default {
} }
</script> </script>
<style scoped> <style scoped>
.tab4{
height: 100%;
}
.content{
display: flex;
height: 77%;
}
.el-button--primary{
background: rgba(13,134,127,1);
color: #fff;
border: 0;
}
/deep/ .el-alert--success.is-light{
background-color: #D5F5F3;
color: #000;
}
/deep/ .el-divider--vertical{
width: 4px;
background-color: #0D867F;
}
.left_container{
width: 49%;
border: 1px solid red;
margin-right: 1%;
}
.right_container{
width: 49%;
border: 1px solid red;
}
.bottom_container{
}
</style> </style>
\ No newline at end of file
src/views/reviewSituation/tab5.vue
<template> <template>
<div class="tab5"> <div class="tab5">
<div class="content">
<div class="left_container">
<el-alert title="评审标准" type="success" :closable="false"></el-alert>
</div>
<div class="right_container">
<el-alert title="评审内容" type="success" :closable="false"></el-alert>
</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>
</div>
<el-button type="primary" size="medium">保存意见</el-button>
</div>
<el-input type="textarea" :rows="4" v-model="textarea" style="width: 98%;"></el-input>
</div>
</div> </div>
</template> </template>
...@@ -16,7 +33,8 @@ export default { ...@@ -16,7 +33,8 @@ export default {
}, },
data() { data() {
return { return {
radio: '1',
textarea: ''
}; };
}, },
mounted(){ mounted(){
...@@ -28,5 +46,36 @@ export default { ...@@ -28,5 +46,36 @@ export default {
} }
</script> </script>
<style scoped> <style scoped>
.tab5{
height: 100%;
}
.content{
display: flex;
height: 77%;
}
.el-button--primary{
background: rgba(13,134,127,1);
color: #fff;
border: 0;
}
/deep/ .el-alert--success.is-light{
background-color: #D5F5F3;
color: #000;
}
/deep/ .el-divider--vertical{
width: 4px;
background-color: #0D867F;
}
.left_container{
width: 49%;
border: 1px solid red;
margin-right: 1%;
}
.right_container{
width: 49%;
border: 1px solid red;
}
.bottom_container{
}
</style> </style>
\ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!