工艺案例

pages/aps/dispatch/index.vue

@@ -178,10 +178,8 @@
                 <Col span="8" class="dispatch_card02" v-for="(item,index) in listMan" :key="index">
                   <CheckboxGroup class="man_body">
                     <Checkbox v-model="item.checked" border class="checkUser">
-                      <!-- <Tooltip :content="item.userName" placement="top-start"> -->
                       <span class="svg_name" :title="item.userName">{{item.userName}}</span>
                       <!-- <span class="svg">{{item.id}}</span> -->
-                      <!-- </Tooltip> -->
                     </Checkbox>
                   </CheckboxGroup>
                 </Col>

pages/produce/execute/ProcessCase/index.vue

@@ -5,13 +5,10 @@
             <div class="sear_btn">
                 <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="deliteCard" ><Icon type="ios-trash-outline" />删除</a>
+                <!-- <a @click="copyCard" ><Icon type="ios-browsers-outline" />复制</a> -->
                 <a @click="importCard" ><Icon type="ios-log-in" />导入</a>
-                <a @click="exportCard" ><Icon type="ios-log-out" />导出</a>
                 <a @click="addCard" ><Icon type="ios-add-circle-outline" />新建</a>
                 <span>共 {{cardlist.length}} 个案例；</span>
-                <span>已选择 {{checkCards}} 个案例</span>
             </div>            
             <a class="slip fr" @click="starFun" ><Icon type="md-swap" /></a>
         </div>
@@ -38,7 +35,8 @@
                      v-for="(item,index) in cardlist" :label="item.id" :key="index">
                         <div class="file">
                             <Icon type="ios-paper" v-if="item.id%3==0"/>
-                            <Icon type="ios-film" v-else/>
+                            <!-- <Icon type="ios-film" v-else/> -->
+                            <Icon type="md-film" v-else/>
                         </div>
                         <div class="list">
                             <ul>
@@ -49,8 +47,13 @@
                         </div>
                     </Checkbox>
                 </CheckboxGroup>
-            
         </div>
+        <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 @click="cancel">取消</Button>
+        </FooterToolbar>
     </div>
 </template>
 <script>
@@ -60,6 +63,7 @@ export default {
         return{
             caseLise:[],
             checkCards:0,
+            footerToolbar:false,
             cardlist:[
                 {
                     name:'工艺文档名称',
@@ -252,12 +256,15 @@ export default {
         addCard(){
             this.$Message.success("新建工艺案例")
         },
-        changeCards(list){
+        changeCards(list){//多选方法
             this.checkCards = list.length
         },
         changeCard(value){
             console.log(111)
         },
+        cancel(){//底部取消
+            this.checkCards = 0;
+        }
     },
 }
 </script>

pages/produce/execute/execute.less

@@ -355,7 +355,7 @@
         }
     }
     .slip{
-        margin-right: 20px;
+        margin-right: 10px;
         i.ivu-icon{
             font-size: 32px;
             transform:rotate(90deg);
@@ -367,13 +367,13 @@
     }
 }
 .case_box{
-    padding: 10px 20px;
+    padding: 10px 20px 44px;
     height: calc(100vh - 210px);
     overflow-y: auto;
     .file_card{
         background: #F5F6FA;
-        margin: 10px 50px;
-        width: 360px;
+        margin: 15px 50px;
+        width: 367px;
         padding: 18px;
         height: 110px;
         line-height: 24px;
@@ -387,7 +387,7 @@
             float: left;
             margin: 0 8px 0 0;
             i{
-                font-size: 58px;
+                font-size: 62px;
             }
         }
     }