工艺案例

pages/produce/execute/ProcessCase/index.vue

@@ -6,7 +6,7 @@
                 <Input search class="search_box mr10" enter-button placeholder="请输入文件名" />
                 <a @click="allChecked" ><Icon type="md-checkbox-outline" />全选</a>
                 <!-- <a @click="copyCard" ><Icon type="ios-browsers-outline" />复制</a> -->
-                <a @click="importCard" ><Icon type="ios-log-in" />导入</a>
+                <!-- <a @click="importCard" ><Icon type="ios-log-in" />导入</a> -->
                 <a @click="addCard" ><Icon type="ios-add-circle-outline" />新建</a>
                 <span>共 {{cardlist.length}} 个案例；</span>
             </div>            
@@ -48,12 +48,18 @@
                     </Checkbox>
                 </CheckboxGroup>
         </div>
-        <FooterToolbar style="height:65px" v-show="checkCards!=0">
+        <!-- <FooterToolbar style="height:65px" v-show="checkCards!=0">
             <span>已选择 {{checkCards}} 个案例</span>
             <Button class="span ml20" type="primary" @click="deliteCard"><Icon type="ios-trash-outline" />删除</Button>
-            <Button class="span ml20" type="primary" @click="exportCard"><Icon type="ios-log-out" />导出</Button>
+            <!-- <Button class="span ml20" type="primary" @click="exportCard"><Icon type="ios-log-out" />导出</Button> 
             <Button @click="cancel">取消</Button>
-        </FooterToolbar>
+        </FooterToolbar> -->
+        <div class="footer" v-if="checkCards!=0">
+            <span>已选: {{checkCards}} 个案例</span> &nbsp;&nbsp;&nbsp;
+            <Button class="span ml20" type="primary" @click="deliteCard"><Icon type="ios-trash-outline" />删除</Button>
+            <!-- <Button class="span ml20" type="primary" @click="exportCard"><Icon type="ios-log-out" />导出</Button> -->&nbsp;
+            <Button type="default" @click="cancel">取消</Button>
+        </div>
     </div>
 </template>
 <script>

pages/produce/execute/execute.less

@@ -340,7 +340,19 @@
 }
 .wu_bg{
     height: calc(100vh - 165px);
+    .footer {
+        width: 100%;
+        position: absolute;
+        left: 0;
+        bottom: -20px;
+        height: 60px;
+        line-height: 60px;
+        background: rgba(0, 0, 0, 0.6);
+        color: #fff;
+        padding-left: 50px;
+    }
 }
+
 .tech_box{
     height: calc(100vh - 165px);
     .ivu-layout-header{