布局政策合规性项目审查流程

src/pages/processCenter/pages/creatProcess/policyComplianceReview/index.vue

@@ -0,0 +1,175 @@
+<template>
+    <div class="policyComplianceReview">
+        <ProcessHeader toggle>
+            <template slot="proName">重点认证标准/政策合规性项目审查流程</template>
+            <template slot="proNode">法规管理员发起流程</template>
+        </ProcessHeader>
+        <div class="headerTabs">
+            <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+            <div class="headerTabsItem" v-if="showPersonnel" :class="active === '2' ? 'active' : ''"
+                 @click="handleTabs('2')">人员信息
+            </div>
+            <div class="headerTabsItem" v-if="showApprovalHistory"
+                 :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    import ProcessHeader from "../../components/ProcessHeader";
+    import ProcessTitle from "../../components/ProcessTitle";
+    import ProcessFooter from "../../components/ProcessFooter";
+    import processFile from "../../components/processFile";
+
+    export default {
+        name: "index",
+        components: {
+            ProcessHeader,
+            ProcessTitle,
+            ProcessFooter,
+            processFile
+        },
+        data() {
+            return {
+                active: '1'
+            }
+        },
+        computed: {
+            showPersonnel() {
+                return true
+            },
+            showApprovalHistory() {
+                return true
+            },
+        },
+        methods: {
+            //基础信息/人员信息
+            handleTabs(type) {
+                this.active = type;
+            },
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    @import '~@/assets/styles/style';
+
+    .policyComplianceReview {
+        .standard-content {
+            height: 100%;
+            padding: 10px 0 0;
+
+            .content {
+                height: 100%;
+                display: flex;
+                flex-direction: column;
+                padding: 0 10px;
+
+                .standard-table-wrap {
+                    flex: auto;
+                    overflow-y: auto;
+                }
+
+                .pagination {
+                    position: static;
+
+                    /deep/ .pagination-slot {
+                        padding: 0;
+                    }
+                }
+
+                .search-area {
+                    display: flex;
+                    justify-content: left;
+                    background: #FFF;
+                    padding: 10px 10px 0;
+                }
+            }
+        }
+
+        .myForm {
+            /deep/ .el-form-item__content {
+                line-height: 10px;
+            }
+        }
+
+        /deep/ .el-drawer__container {
+            .prc-content-border {
+                border: none;
+                padding: 0 20px 0;
+            }
+        }
+
+        position: relative;
+        height: 100%;
+
+        .fileClass {
+            cursor: pointer;
+        }
+
+        .fileClass:hover {
+            color: #0c91e5;
+        }
+
+        .headerTabs {
+            height: 52px;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 0;
+            right: 10px;
+
+            .headerTabsItem {
+                border: 1px solid #c1c1c1;
+                padding: 0 5px;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+
+            .active {
+                border: 1px solid #E6A23C;
+                color: #fff;
+                background: #E6A23C;
+            }
+        }
+
+        .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: calc(~'100% - 103px');
+            overflow: auto;
+
+            .content {
+                display: flex;
+                flex-direction: column;
+                position: relative;
+                flex: auto;
+
+                .table-wrap {
+                    flex: auto;
+                    overflow: hidden;
+                    display: flex;
+                    flex-direction: column;
+                }
+            }
+
+            .tableTitle {
+                margin-bottom: 10px;
+                height: 30px;
+                line-height: 30px;
+                position: relative;
+                font-size: 13px;
+                font-weight: bold;
+
+                .tableButton {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                }
+            }
+        }
+    }
+</style>

src/pages/processCenter/pages/processList/tabComponents/newProcess/index.vue

@@ -523,7 +523,7 @@ export default {
                     case '13':
                         // 重点认证标准/政策合规性项目审查流程
                         this.$router.push({
-            name: 'zdrzbzORzchgxxmscStep1'
+                            path: 'policyComplianceReview'
                         })
                         break
                     case '17':
@@ -678,21 +678,26 @@ export default {
         //height: 100%;
         padding: 15px 15px 0;
         background: #ffffff;
+
         /deep/ .el-card__body {
             padding: 0;
         }
+
         .el-card {
             margin: 15px;
             border-radius: 10px;
         }
+
         .card-box {
             cursor: pointer;
+
             .card-top {
                 width: 100%;
                 background: #2d8cf0;
                 height: 100px;
                 display: flex;
                 justify-content: space-between;
+
                 .card-top-left {
                     img {
                         margin: 30px;
@@ -700,13 +705,16 @@ export default {
                         height: 40px;
                     }
                 }
+
                 .card-top-right {
                     width: 200px;
+
                     .card-top-right-text {
                         margin: 40px 0 5px 0;
                         color: #e6e6e6;
                         font-size: 18px;
                     }
+
                     .card-top-right-line {
                         height: 3px;
                         width: 250px;
@@ -714,6 +722,7 @@ export default {
                     }
                 }
             }
+
             .card-bottom {
                 width: calc(~'100% - 60px');
                 color: #c1c1c1;
@@ -727,31 +736,37 @@ export default {
                 overflow: hidden;
             }
         }
+
         .card-box:hover {
             .card-top {
                 .card-top-right {
                     .card-top-right-text {
                         color: rgb(247, 186, 42);
                     }
+
                     .card-top-right-line {
                         background: rgb(247, 186, 42);
                     }
                 }
             }
+
             .card-bottom {
                 color: #2d8cf0;
             }
         }
+
         .process-box {
             margin-left: -5px;
             margin-right: -5px;
             padding-top: 20px;
             padding-bottom: 20px;
+
             .process-name {
                 margin-bottom: 10px;
                 text-align: center;
                 display: inline-block;
             }
+
             //.process-name:hover {
             //  transform:translateY(-5px);
             //  border: 1px dashed #2d8cf0;

src/router/index.js

@@ -2,6 +2,7 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import store from '../store'
 import {Message} from 'element-ui'
+
 Vue.use(Router)
 const routes = [
     // 手机端链接，中转页面
@@ -611,6 +612,15 @@ const routes = [
                     title: '政策征求意见流程'
                 }
             },
+            {
+                path: '/policyComplianceReview',
+                name: 'policyComplianceReview',
+                component: () => import('@/pages/processCenter/pages/creatProcess/policyComplianceReview/index.vue'),
+                meta: {
+                    requireAuth: true,
+                    title: '重点认证标准/政策合规性项目审查流程'
+                }
+            },
             {
                 path: '/zdrzbzORzchgxxmscStep1',
                 name: 'zdrzbzORzchgxxmscStep1',