|  |  |  | 
|---|
|  |  |  | <div class="tree"> | 
|---|
|  |  |  | <div v-for="(item, index) in list" :key="index" @click.stop="clickIten(item)"> | 
|---|
|  |  |  | <div class="tree_item"> | 
|---|
|  |  |  | <i class="el-icon-caret-bottom" :class="{ 'activeColor': item.status }" v-show="item.status === 1 && item.childList.length > 0"></i> | 
|---|
|  |  |  | <i class="el-icon-caret-right color" v-show="item.childList.length > 0 && item.status === 0"></i> | 
|---|
|  |  |  | <div class="tree_item_label long-title-style" :title="item.name" :class="{ 'activeColor': item.status === 1 && item.childList.length === 0 }">{{ item.name }}</div> | 
|---|
|  |  |  | <i class="el-icon-caret-bottom" :class="{ 'activeColor': item.fsStatus === 1 }" v-show="item.fsStatus === 1 && item.childList.length > 0"></i> | 
|---|
|  |  |  | <i class="el-icon-caret-right color" v-show="item.childList.length > 0 && (item.fsStatus === 0 || !item.fsStatus)"></i> | 
|---|
|  |  |  | <div class="tree_item_label long-title-style" :title="item.name" :class="{ 'activeColor': item.fsDate === 1 && item.childList.length === 0 }">{{ item.name }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="tree_childern" v-show="item.status === 1"> | 
|---|
|  |  |  | <!--            v-show="item.status === 1"--> | 
|---|
|  |  |  | <div class="tree_childern" v-show="item.fsStatus === 1"> | 
|---|
|  |  |  | <tree | 
|---|
|  |  |  | :list="item.childList" | 
|---|
|  |  |  | :defaultProps="defaultProps" | 
|---|
|  |  |  | 
|---|
|  |  |  | // 点击当前项 | 
|---|
|  |  |  | clickIten (item) { | 
|---|
|  |  |  | this.recursion(this.list) | 
|---|
|  |  |  | item.status === 0 ? item.status = 1 : item.status = 0 | 
|---|
|  |  |  | item.fsDate === 0 || !item.fsDate ? item.fsDate = 1 : item.fsDate = 0 | 
|---|
|  |  |  | if (item.childList.length > 0) { | 
|---|
|  |  |  | item.fsStatus === 0 || !item.fsStatus ? item.fsStatus = 1 : item.fsStatus = 0 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // item[this.defaultProps.status] = !item[this.defaultProps.status] | 
|---|
|  |  |  | // this.list.forEach(subItem => { | 
|---|
|  |  |  | //   if ((subItem[this.defaultProps.id] !== item[this.defaultProps.id] && subItem[this.defaultProps.status]) || (this.list.length === 1 && subItem[this.defaultProps.status] === false)) { | 
|---|
|  |  |  | 
|---|
|  |  |  | //   } | 
|---|
|  |  |  | // }) | 
|---|
|  |  |  | children.forEach(item => { | 
|---|
|  |  |  | item.status = 0 | 
|---|
|  |  |  | item.fsDate = 0 | 
|---|
|  |  |  | if (item.childList.length > 0) { | 
|---|
|  |  |  | this.recursion(item.childList) | 
|---|
|  |  |  | } | 
|---|