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

2023-10-19 16:03:05 +08:00
parent 2b3844e64f
commit 69250ecd9c
3 changed files with 5406 additions and 5206 deletions
@@ -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>