From 960cff221702d1744e79bd346cc682e52056f6fe Mon Sep 17 00:00:00 2001
From: seaheart <ycyin8795@163.com>
Date: Thu, 28 Dec 2017 15:21:36 +0800
Subject: [PATCH] add folder move batch style change.

---
 src/backyard/matter/List.vue              |  1 +
 src/backyard/matter/widget/FolderTree.vue | 26 ++++++++++++-----------
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/backyard/matter/List.vue b/src/backyard/matter/List.vue
index 1b85c28..dacc294 100644
--- a/src/backyard/matter/List.vue
+++ b/src/backyard/matter/List.vue
@@ -293,6 +293,7 @@
               let uuids = that.temporaryMatterUuids.join(',')
               that.matter.httpMove(uuids, this.targetMatter.uuid, function (response) {
                 Message.success('移动成功！')
+	              that.targetMatter.render(new Matter())
                 that.refresh()
               })
             }
diff --git a/src/backyard/matter/widget/FolderTree.vue b/src/backyard/matter/widget/FolderTree.vue
index 5c4d165..1051ae2 100644
--- a/src/backyard/matter/widget/FolderTree.vue
+++ b/src/backyard/matter/widget/FolderTree.vue
@@ -1,11 +1,11 @@
 <template>
 	<div class="folder-tree">
 		<div class="h50 cursor folder-block" :class="{'bg-silver-white': targetMatter.uuid === matter.uuid}" @click.stop.prevent="deepFolderToggle">
-			<span class="fa fa-chevron-down mr5" v-if="pager.data.length && deepFolder"></span>
-			<span class="fa fa-chevron-right mr5" v-if="pager.data.length && !deepFolder"></span>
-			<span :class="{ 'ml18': !pager.data.length }">
+			<span class="fa fa-chevron-down mr5 w14" v-if="pager.data.length && deepFolder"></span>
+			<span class="fa fa-chevron-right mr5 w14" v-if="pager.data.length && !deepFolder"></span>
+			<span :class="{ 'ml23': !pager.data.length }">
 				<span v-if="matter.uuid">
-					<img :src="matter.getIcon()" class="mr5" alt="文件夹" width="24" />
+					<img :src="matter.getIcon()" class="mr5" alt="文件夹" width="22" />
 					<span>{{matter.name}}</span>
 				</span>
 				<span v-else>
@@ -15,11 +15,14 @@
 			</span>
 
 		</div>
-		<div v-if="pager.data.length && deepFolder" class="pl20">
-			<div v-for="(child, index) in pager.data">
-				<FolderTree :matter="child" :targetMatter="targetMatter"></FolderTree>
+		<NbExpanding>
+			<div v-if="pager.data.length && deepFolder" class="pl20">
+				<div v-for="(child, index) in pager.data">
+					<FolderTree :matter="child" :targetMatter="targetMatter"></FolderTree>
+				</div>
 			</div>
-		</div>
+		</NbExpanding>
+
 	</div>
 </template>
 
@@ -52,9 +55,6 @@
 	      default: false
       }
 	  },
-    watch: {
-
-    },
 	  methods:{
       deepFolderToggle () {
         this.deepFolder = !this.deepFolder
@@ -65,7 +65,6 @@
 	  },
 	  components:{
       NbExpanding
-
 	  },
 	  mounted() {
       if (!this.matter.uuid) {
@@ -95,6 +94,9 @@
 				background: #eee;
 			}
 		}
+		.ml23{
+			margin-left: 23px;
+		}
 	}
 
 </style>
\ No newline at end of file