From 25b3408c69e02fb5eedc81c0695d275dbebda3e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E4=BC=9F=E4=BD=B3?= <2797716443@qq.com>
Date: Tue, 14 Dec 2021 21:26:59 +0800
Subject: [PATCH] commit

---
 .../processCenter/pages/newProcess/index.vue  | 551 +++++++++---------
 1 file changed, 272 insertions(+), 279 deletions(-)

diff --git a/src/pages/processCenter/pages/newProcess/index.vue b/src/pages/processCenter/pages/newProcess/index.vue
index 066ed5db3..fd8e38103 100644
--- a/src/pages/processCenter/pages/newProcess/index.vue
+++ b/src/pages/processCenter/pages/newProcess/index.vue
@@ -2,148 +2,130 @@
 <template>
   <div id="NewProcess">
     <div v-if="bzfggllc">
-      <el-divider content-position="left"><h2>标准法规管理流程</h2></el-divider>
+      <el-divider content-position="left"><h2>标准法规政策相关流程</h2></el-divider>
       <div class="process-box">
-        <el-col :span="size ? 6 : 8" v-btn-permission="'9adff72ab464793564c5d1de20b45620'">
-          <el-card shadow="hover">
-            <div class="card-box" @click="handleCreateProcess('1')">
+        <div class="process-name">
+            <el-card shadow="hover" v-btn-permission="'9adff72ab464793564c5d1de20b45620'">
+              <div class="card-box" @click="handleCreateProcess('1')">
+                <div class="card-top">
+                  <div class="card-top-left">
+                    <img :src="getImg(Math.floor(Math.random() * 6))">
+                  </div>
+                  <div class="card-top-right">
+                    <div class="card-top-right-text">标准入库流程</div>
+                    <div class="card-top-right-line"></div>
+                  </div>
+                </div>
+              </div>
+            </el-card>
+        </div>
+        <div class="process-name">
+            <el-card shadow="hover" v-btn-permission="'f4eeb9ed48eac5686a456a5582508d9c'">
+              <div class="card-box" @click="handleCreateProcess('2')">
+                <div class="card-top">
+                  <div class="card-top-left">
+                    <img :src="getImg(Math.floor(Math.random() * 6))">
+                  </div>
+                  <div class="card-top-right">
+                    <div class="card-top-right-text">标准调研流程</div>
+                    <div class="card-top-right-line"></div>
+                  </div>
+                </div>
+              </div>
+            </el-card>
+        </div>
+        <div class="process-name">
+            <el-card shadow="hover" v-btn-permission="'fc25b770ad3752cdec52f3bd7b35a6a1'">
+              <div class="card-box" @click="handleCreateProcess('3')">
+                <div class="card-top">
+                  <div class="card-top-left">
+                    <img :src="getImg(Math.floor(Math.random() * 6))">
+                  </div>
+                  <div class="card-top-right">
+                    <div class="card-top-right-text">标准征求意见流程</div>
+                    <div class="card-top-right-line"></div>
+                  </div>
+                </div>
+              </div>
+            </el-card>
+        </div>
+        <div class="process-name">
+            <el-card shadow="hover" v-btn-permission="'2d0f99ba961c551b1d8cad8ad5223731'">
+              <div class="card-box" @click="handleCreateProcess('6')">
+                <div class="card-top">
+                  <div class="card-top-left">
+                    <img :src="getImg(Math.floor(Math.random() * 6))">
+                  </div>
+                  <div class="card-top-right">
+                    <div class="card-top-right-text">标准清单发布/更新流程</div>
+                    <div class="card-top-right-line"></div>
+                  </div>
+                </div>
+              </div>
+            </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'2564bd61852551b99e0fe3d49a89b288'">
+            <div class="card-box" @click="handleCreateProcess('9')">
               <div class="card-top">
                 <div class="card-top-left">
                   <img :src="getImg(Math.floor(Math.random() * 6))">
                 </div>
                 <div class="card-top-right">
-                  <div class="card-top-right-text">标准入库流程</div>
+                  <div class="card-top-right-text">标准解读流程</div>
                   <div class="card-top-right-line"></div>
                 </div>
               </div>
-<!--              <div class="card-bottom">-->
-<!--                流程简介: 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。-->
-<!--              </div>-->
             </div>
           </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="'f4eeb9ed48eac5686a456a5582508d9c'">
-          <el-card shadow="hover">
-          <div class="card-box" @click="handleCreateProcess('2')">
-            <div class="card-top">
-              <div class="card-top-left">
-                <img :src="getImg(Math.floor(Math.random() * 6))">
-              </div>
-              <div class="card-top-right">
-                <div class="card-top-right-text">标准调研流程</div>
-                <div class="card-top-right-line"></div>
-              </div>
-            </div>
-          </div>
-          </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="'fc25b770ad3752cdec52f3bd7b35a6a1'">
-          <el-card shadow="hover">
-          <div class="card-box" @click="handleCreateProcess('3')">
-            <div class="card-top">
-              <div class="card-top-left">
-                <img :src="getImg(Math.floor(Math.random() * 6))">
-              </div>
-              <div class="card-top-right">
-                <div class="card-top-right-text">标准征求意见流程</div>
-                <div class="card-top-right-line"></div>
-              </div>
-            </div>
-          </div>
-          </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="'2d0f99ba961c551b1d8cad8ad5223731'">
-          <el-card shadow="hover">
-          <div class="card-box" @click="handleCreateProcess('6')">
-            <div class="card-top">
-              <div class="card-top-left">
-                <img :src="getImg(Math.floor(Math.random() * 6))">
-              </div>
-              <div class="card-top-right">
-                <div class="card-top-right-text">标准清单发布/更新流程</div>
-                <div class="card-top-right-line"></div>
-              </div>
-            </div>
-          </div>
-          </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="'90c7bae6308595f053c6f6f90167e493'">
-          <el-card shadow="hover">
-          <div class="card-box" @click="handleCreateProcess('7')">
-            <div class="card-top">
-              <div class="card-top-left">
-                <img :src="getImg(Math.floor(Math.random() * 6))">
-              </div>
-              <div class="card-top-right">
-                <div class="card-top-right-text">标准合规评估流程</div>
-                <div class="card-top-right-line"></div>
-              </div>
-            </div>
-          </div>
-          </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="'a151f5e2ee44f8df81e201b8696fca31'">
-          <el-card shadow="hover">
-          <div class="card-box" @click="handleCreateProcess('8')">
-            <div class="card-top">
-              <div class="card-top-left">
-                <img :src="getImg(Math.floor(Math.random() * 6))">
-              </div>
-              <div class="card-top-right">
-                <div class="card-top-right-text">未符合项整改流程</div>
-                <div class="card-top-right-line"></div>
-              </div>
-            </div>
-          </div>
-          </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="'2564bd61852551b99e0fe3d49a89b288'">
-          <el-card shadow="hover">
-          <div class="card-box" @click="handleCreateProcess('9')">
-            <div class="card-top">
-              <div class="card-top-left">
-                <img :src="getImg(Math.floor(Math.random() * 6))">
-              </div>
-              <div class="card-top-right">
-                <div class="card-top-right-text">标准解读流程</div>
-                <div class="card-top-right-line"></div>
-              </div>
-            </div>
-          </div>
-          </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="'7751d25f72d0a6515e4110ae41837db8'">
-          <el-card shadow="hover">
-          <div class="card-box" @click="handleCreateProcess('10')">
-            <div class="card-top">
-              <div class="card-top-left">
-                <img :src="getImg(Math.floor(Math.random() * 6))">
-              </div>
-              <div class="card-top-right">
-                <div class="card-top-right-text">项目合规评估流程-项目</div>
-                <div class="card-top-right-line"></div>
-              </div>
-            </div>
-          </div>
-          </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="''">
-          <el-card shadow="hover">
-            <div class="card-box" @click="handleCreateProcess('11')">
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="''">
+            <div class="card-box" @click="handleCreateProcess('12')">
               <div class="card-top">
                 <div class="card-top-left">
                   <img :src="getImg(Math.floor(Math.random() * 6))">
                 </div>
                 <div class="card-top-right">
-                  <div class="card-top-right-text">项目清单确认流程</div>
+                  <div class="card-top-right-text">政策征求意见流程</div>
                   <div class="card-top-right-line"></div>
                 </div>
               </div>
             </div>
           </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="''">
-          <el-card shadow="hover">
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'90c7bae6308595f053c6f6f90167e493'">
+            <div class="card-box" @click="handleCreateProcess('7')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">标准合规评估流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'90c7bae6308595f053c6f6f90167e493'">
+            <div class="card-box" @click="handleCreateProcess('13')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">重点认证标准/政策合规性项目审查流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="''">
             <div class="card-box" @click="handleCreateProcess('laws1')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -156,150 +138,29 @@
               </div>
             </div>
           </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="'2e3f4c0aaf77629755533255f1335801'">
-          <el-card shadow="hover">
-            <div class="card-box" @click="handleCreateProcess('17')">
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'a151f5e2ee44f8df81e201b8696fca31'">
+            <div class="card-box" @click="handleCreateProcess('8')">
               <div class="card-top">
                 <div class="card-top-left">
                   <img :src="getImg(Math.floor(Math.random() * 6))">
                 </div>
                 <div class="card-top-right">
-                  <div class="card-top-right-text">政策课题入会流程</div>
+                  <div class="card-top-right-text">未符合项整改流程</div>
                   <div class="card-top-right-line"></div>
                 </div>
               </div>
             </div>
           </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="'d415c764036a02559976b41b9dfe2cf1'">
-          <el-card shadow="hover">
-            <div class="card-box" @click="handleCreateProcess('18')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">政策课题参会流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8">
-          <el-card shadow="hover">
-            <div class="card-box" @click="handleCreateProcess('16')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">外部署名推荐审批流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8">
-          <el-card shadow="hover">
-            <div class="card-box" @click="handleCreateProcess('15')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">加入标准化协会信息提报流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8">
-          <el-card shadow="hover">
-            <div class="card-box" @click="handleCreateProcess('14')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">参与外部标准制修订信息提报流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8">
-          <el-card shadow="hover">
-            <div class="card-box" @click="handleCreateProcess('20')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">外部标准化协会入会流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8">
-          <el-card shadow="hover">
-            <div class="card-box" @click="handleCreateProcess('21')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">外部标准化协会参会流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-            </div>
-          </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="">
-          <el-card shadow="hover">
-            <div class="card-box" @click="handleCreateProcess('12')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">政策征求意见流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-              <!--            <div class="card-bottom">-->
-              <!--              流程简介: 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。-->
-              <!--            </div>-->
-            </div>
-          </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="">
-          <el-card shadow="hover">
-            <div class="card-box" @click="handleCreateProcess('13')">
-              <div class="card-top">
-                <div class="card-top-left">
-                  <img :src="getImg(Math.floor(Math.random() * 6))">
-                </div>
-                <div class="card-top-right">
-                  <div class="card-top-right-text">重点认证标准/政策合规性项目审查流程</div>
-                  <div class="card-top-right-line"></div>
-                </div>
-              </div>
-              <!--            <div class="card-bottom">-->
-              <!--              流程简介: 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。-->
-              <!--            </div>-->
-            </div>
-          </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="">
-          <el-card shadow="hover">
+        </div>
+      </div>
+    </div>
+    <div>
+      <el-divider content-position="left"><h2>企业标准相关流程</h2></el-divider>
+      <div class="process-box">
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="''">
             <div class="card-box" @click="handleCreateProcess('buss1')">
               <div class="card-top">
                 <div class="card-top-left">
@@ -312,8 +173,8 @@
               </div>
             </div>
           </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="">
+        </div>
+        <div class="process-name">
           <el-card shadow="hover">
             <div class="card-box" @click="handleCreateProcess('23')">
               <div class="card-top">
@@ -327,8 +188,8 @@
               </div>
             </div>
           </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="">
+        </div>
+        <div class="process-name">
           <el-card shadow="hover">
             <div class="card-box" @click="handleCreateProcess('24')">
               <div class="card-top">
@@ -342,8 +203,8 @@
               </div>
             </div>
           </el-card>
-        </el-col>
-        <el-col :span="size ? 6 : 8" v-btn-permission="">
+        </div>
+        <div class="process-name">
           <el-card shadow="hover">
             <div class="card-box" @click="handleCreateProcess('25')">
               <div class="card-top">
@@ -357,10 +218,152 @@
               </div>
             </div>
           </el-card>
-        </el-col>
+        </div>
+
       </div>
     </div>
-  </div>
+    <div>
+      <el-divider content-position="left"><h2>标准化活动相关流程</h2></el-divider>
+      <div class="process-box">
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'2e3f4c0aaf77629755533255f1335801'">
+            <div class="card-box" @click="handleCreateProcess('17')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">政策课题入会流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover" v-btn-permission="'d415c764036a02559976b41b9dfe2cf1'">
+            <div class="card-box" @click="handleCreateProcess('18')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">政策课题参会流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover">
+            <div class="card-box" @click="handleCreateProcess('laws1')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">政策入库流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover">
+            <div class="card-box" @click="handleCreateProcess('12')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">政策征求意见流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover">
+            <div class="card-box" @click="handleCreateProcess('20')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">外部标准化协会入会流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover">
+            <div class="card-box" @click="handleCreateProcess('21')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">外部标准化协会参会流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover">
+            <div class="card-box" @click="handleCreateProcess('16')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">外部署名推荐审批流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover">
+            <div class="card-box" @click="handleCreateProcess('15')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">加入标准化协会信息提报流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+        <div class="process-name">
+          <el-card shadow="hover">
+            <div class="card-box" @click="handleCreateProcess('15')">
+              <div class="card-top">
+                <div class="card-top-left">
+                  <img :src="getImg(Math.floor(Math.random() * 6))">
+                </div>
+                <div class="card-top-right">
+                  <div class="card-top-right-text">加入标准化协会信息提报流程</div>
+                  <div class="card-top-right-line"></div>
+                </div>
+              </div>
+            </div>
+          </el-card>
+        </div>
+      </div>
+    </div>
+
+      </div>
 </template>
 <script>
 export default {
@@ -700,26 +703,16 @@ export default {
     padding-top: 20px;
     padding-bottom: 20px;
     .process-name{
-      width: 300px;
-      padding: 40px 0;
       margin-bottom: 10px;
       text-align: center;
-      border: 1px dashed #ddd;
-      border-radius: 5px;
-      background: #fdfdfd;
-      font-size: 18px;
-      font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', Arial, sans-serif;
-      cursor: pointer;
       display: inline-block;
-      margin-left: 5px;
-      margin-right: 5px;
-    }
-    .process-name:hover {
-      transform:translateY(-5px);
-      border: 1px dashed #2d8cf0;
-      background: #c6e2ff;
-      color: #2d8cf0;
     }
+    //.process-name:hover {
+    //  transform:translateY(-5px);
+    //  border: 1px dashed #2d8cf0;
+    //  background: #c6e2ff;
+    //  color: #2d8cf0;
+    //}
   }
 }