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

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

@@ -1,7 +1,7 @@
 <!--新建流程页面-->
 <template>
     <div id="NewProcess">
-    <div >
+        <div>
             <el-divider content-position="left"><h2>标准法规政策相关流程</h2></el-divider>
             <div class="process-box">
                 <div class="process-name">
@@ -395,16 +395,16 @@
     </div>
 </template>
 <script>
-export default {
+    export default {
         name: 'NewProcess',
-  data () {
+        data() {
             return {
                 type: '',
                 size: true
             }
         },
         methods: {
-    getImg (num) {
+            getImg(num) {
                 var url = ''
                 if (num == 0) {
                     url = require('@/assets/images/shangqi/img/process1.png')
@@ -422,7 +422,7 @@ export default {
                 return url
             },
             // 新建流程
-    handleCreateProcess (prcType) {
+            handleCreateProcess(prcType) {
                 this.$store.commit('setDetailMap', this.$route.path)
                 this.$store.commit('setHandleInfo')
                 switch (prcType) {
@@ -430,8 +430,8 @@ export default {
                         // 企标制修订-技术标准
                         this.$router.push({
                             name: 'bussLibrary1',
-            query:{
+                            query: {
-              reviseStatus:'3'
+                                reviseStatus: '3'
                             },
                         })
                         break
@@ -463,7 +463,7 @@ export default {
                     case '3':
                         // 标准征求意见流程
                         this.$router.push({
-            name:'bzzqyjStep1'
+                            name: 'bzzqyjStep1'
                         })
                         break
                     case '4':
@@ -481,7 +481,7 @@ export default {
                     case '6':
                         //标准清单发布流程
                         this.$router.push({
-            name:'bzqdfbStep1'
+                            name: 'bzqdfbStep1'
                         })
                         break
                     case '7':
@@ -493,13 +493,13 @@ export default {
                     case '8':
                         //未符合项整改流程
                         this.$router.push({
-            name:'wfhxzgStep1'
+                            name: 'wfhxzgStep1'
                         })
                         break
                     case '9':
                         // 标准解读流程
                         this.$router.push({
-            name:'bzjdStep1'
+                            name: 'bzjdStep1'
                         })
                         break
                     case '10':
@@ -511,7 +511,7 @@ export default {
                     case '11':
                         // 项目清单确认流程
                         this.$router.push({
-            name:'xmqdqrStep1'
+                            name: 'xmqdqrStep1'
                         })
                         break
                     case '12':
@@ -523,7 +523,7 @@ export default {
                     case '13':
                         // 重点认证标准/政策合规性项目审查流程
                         this.$router.push({
-            name: 'zdrzbzORzchgxxmscStep1'
+                            path: 'policyComplianceReview'
                         })
                         break
                     case '17':
@@ -607,7 +607,7 @@ export default {
             }
         },
         watch: {
-    $route (newVal) {
+            $route(newVal) {
                 this.type = newVal.params.type
             }
         },
@@ -661,7 +661,7 @@ export default {
                 return this.checkPermission(idArray)
             }
         },
-  mounted () {
+        mounted() {
             let width = document.body.clientWidth
             if (width > 1900) {
                 this.size = true
@@ -670,29 +670,34 @@ export default {
             }
             this.type = this.$route.params.type
         }
-}
+    }
 </script>
 <style lang="less" scoped>
-#NewProcess{
+    #NewProcess {
         width: 100%;
         //height: 100%;
         padding: 15px 15px 0;
         background: #ffffff;
-  /deep/.el-card__body {
+
+        /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{
+
+        .process-box {
             margin-left: -5px;
             margin-right: -5px;
             padding-top: 20px;
             padding-bottom: 20px;
-    .process-name{
+
+            .process-name {
                 margin-bottom: 10px;
                 text-align: center;
                 display: inline-block;
             }
+
             //.process-name:hover {
             //  transform:translateY(-5px);
             //  border: 1px dashed #2d8cf0;
@@ -759,6 +774,6 @@ export default {
             //  color: #2d8cf0;
             //}
         }
-}
+    }
 
 </style>

src/router/index.js

@@ -1,7 +1,8 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 import store from '../store'
-import { Message } from 'element-ui'
+import {Message} from 'element-ui'
+
 Vue.use(Router)
 const routes = [
     // 手机端链接，中转页面
@@ -593,7 +594,7 @@ const routes = [
                     requireAuth: true,
                     title: '政策征求意见流程'
                 }
-      },{
+            }, {
                 path: '/zczqyjStep9',
                 name: 'zczqyjStep9',
                 component: () => import('@/pages/processCenter/pages/creatProcess/zczqyj/step9.vue'),
@@ -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',
@@ -773,7 +783,7 @@ const routes = [
                     requireAuth: true,
                     title: '标准合规评估流程'
                 }
-      },{
+            }, {
                 path: '/bzpgStep8-2',
                 name: 'bzpgStep8-2',
                 component: () => import('@/pages/processCenter/pages/creatProcess/bzpg/step8-2.vue'),
@@ -1239,7 +1249,7 @@ const routes = [
                     requireAuth: true,
                     title: '企标制修订流程及企业标准库流程'
                 }
-        },{
+            }, {
                 path: '/bussLibraryC3',
                 name: 'bussLibraryC3',
                 component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/stepC3.vue'),
@@ -1247,7 +1257,7 @@ const routes = [
                     requireAuth: true,
                     title: '企标制修订流程及企业标准库流程'
                 }
-        },{
+            }, {
                 path: '/bussLibrary4',
                 name: 'bussLibrary4',
                 component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step4.vue'),
@@ -1255,7 +1265,7 @@ const routes = [
                     requireAuth: true,
                     title: '企标制修订流程及企业标准库流程'
                 }
-        },{
+            }, {
                 path: '/bussLibrary5',
                 name: 'bussLibrary5',
                 component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step5.vue'),
@@ -1263,7 +1273,7 @@ const routes = [
                     requireAuth: true,
                     title: '企标制修订流程及企业标准库流程'
                 }
-        },{
+            }, {
                 path: '/bussLibrary6',
                 name: 'bussLibrary6',
                 component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step6.vue'),
@@ -1271,7 +1281,7 @@ const routes = [
                     requireAuth: true,
                     title: '企标制修订流程及企业标准库流程'
                 }
-        },{
+            }, {
                 path: '/bussLibraryC6',
                 name: 'bussLibraryC6',
                 component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/stepC6.vue'),
@@ -1279,7 +1289,7 @@ const routes = [
                     requireAuth: true,
                     title: '企标制修订流程及企业标准库流程'
                 }
-        },{
+            }, {
                 path: '/bussLibrary7',
                 name: 'bussLibrary7',
                 component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step7.vue'),
@@ -1287,7 +1297,7 @@ const routes = [
                     requireAuth: true,
                     title: '企标制修订流程及企业标准库流程'
                 }
-        },{
+            }, {
                 path: '/bussLibrary8',
                 name: 'bussLibrary8',
                 component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step8.vue'),
@@ -1295,7 +1305,7 @@ const routes = [
                     requireAuth: true,
                     title: '企标制修订流程及企业标准库流程'
                 }
-        },{
+            }, {
                 path: '/bussLibrary9',
                 name: 'bussLibrary9',
                 component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step9.vue'),
@@ -1303,7 +1313,7 @@ const routes = [
                     requireAuth: true,
                     title: '企标制修订流程及企业标准库流程'
                 }
-        },{
+            }, {
                 path: '/bussLibrary10',
                 name: 'bussLibrary10',
                 component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step10.vue'),
@@ -1320,7 +1330,7 @@ const routes = [
                     requireAuth: true,
                     title: '企标制修订流程及企业标准库流程'
                 }
-        },{
+            }, {
                 path: '/bussLibrary11-1',
                 name: 'bussLibrary11-1',
                 component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step11-1.vue'),
@@ -1337,7 +1347,7 @@ const routes = [
                     requireAuth: true,
                     title: '企标制修订流程及企业标准库流程'
                 }
-        },{
+            }, {
                 path: '/bussLibrary13',
                 name: 'bussLibrary13',
                 component: () => import('@/pages/processCenter/pages/creatProcess/qbrk/step13.vue'),
@@ -1662,7 +1672,7 @@ const routes = [
                     requireAuth: true,
                     title: '标准调研流程'
                 }
-      },{
+            }, {
                 path: '/bzzqyjStep5-1',
                 name: 'bzzqyjStep5-1',
                 component: () => import('@/pages/processCenter/pages/creatProcess/bzzqyj/step5-1.vue'),
@@ -4432,7 +4442,7 @@ const routes = [
             title: '高级检索',
             menuId: 'K9BAYUPZBC'
         }
-  },{
+    }, {
         path: '/advancedSearchExternal/:selectKey?/:searchValue?',
         name: 'AdvancedSearchExternal',
         component: () =>
@@ -4498,18 +4508,18 @@ const routes = [
 ]
 
 const originalPush = Router.prototype.push
-Router.prototype.push = function push (location) {
+Router.prototype.push = function push(location) {
     return originalPush.call(this, location).catch(err => err)
 }
 
 const router = new Router({
     routes,
     mode: 'hash', // default: hash ,history
-  scrollBehavior (to, from, savedPosition) {
+    scrollBehavior(to, from, savedPosition) {
         if (savedPosition) {
             return savedPosition
         } else {
-      return { x: 0, y: 0 }
+            return {x: 0, y: 0}
         }
     }
 })
@@ -4519,7 +4529,7 @@ const router = new Router({
  * @author: chenxiaoxi
  * @date: 2019/04/10 19:48:00
  */
-function hasRouterPermission (menuId) {
+function hasRouterPermission(menuId) {
     let menuList = store.getters.getMenuList || []
     let has = false
     menuList.map((menu) => {
@@ -4535,7 +4545,7 @@ function hasRouterPermission (menuId) {
  * @author: chenxiaoxi
  * @date: 2019/03/27 14:42:51
  */
-function getRedirectPath (menuId) {
+function getRedirectPath(menuId) {
     // 全部菜单
     let menuList = store.getters.getMenuList || []
     // 用当前菜单的Id去匹配,然后找到全部子路由