ProcessCase card css

pages/produce/execute/ProcessCase/index.vue

@@ -20,12 +20,17 @@
       <template slot="card" slot-scope="{row}">
           <div class="card_box">
               <Row :gutter="16">
-                  <Col span="6">123</Col>
-                  <Col span="18">
-                    <p>{{l("title")}}：{{row.title}}</p>
-                    <p>{{l("creationTime")}}：{{row.creationTime}}</p>
-                    <p>{{l("creator")}}：{{row.creator}}</p>
-                  </Col>
+                    <Col span="6">
+                        <div class="file">
+                            <Icon type="ios-paper" v-if="row.id%2==0"/>
+                            <Icon type="md-film" v-else/>
+                        </div>
+                    </Col>
+                    <Col span="18">
+                        <p><b>{{row.title}}</b></p>
+                        <p>{{row.creationTime}}</p>
+                        <p>{{row.id}}{{row.creator}}</p>
+                    </Col>
               </Row>
             
           </div>

pages/produce/execute/execute.less

@@ -101,6 +101,19 @@
         padding: 5px 50px 0;
         .table_box{
             height: calc(100vh - 105px);
+            .card_box {
+                background: #F5F6FA;
+                border: 1px solid #dedede7d;
+                padding: 10px;
+                border-radius: 6px;
+                cursor: pointer;
+                i{
+                    font-size: 62px;
+                }
+            }
+            .card_box:hover {
+                box-shadow: 4px 5px 7px #d2d2d2bd;
+              }
         }
     }
 }