From 3da6b6dd36b4366f41174d2b2cb23729a8f96662 Mon Sep 17 00:00:00 2001
From: xiaofajia <1665375861@qq.com>
Date: Tue, 19 Nov 2024 19:22:52 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=A5=E5=BA=93=E5=8D=95=E8=87=AA=E5=8A=A8?=
 =?UTF-8?q?=E6=8A=8A=E9=87=87=E8=B4=AD=E5=8D=95=E7=9A=84=E5=AD=97=E6=AE=B5?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=87=BA=E6=9D=A5=EF=BC=8C=E5=B9=B6=E4=B8=94?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E4=BF=AE=E6=94=B9=EF=BC=8C=E9=9D=9E=E5=BF=85?=
 =?UTF-8?q?=E5=A1=AB=EF=BC=8C=E9=9C=80=E8=A6=81=E6=9C=89=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E3=80=82=E6=98=BE=E7=A4=BA=E6=97=B6=E6=8C=89?=
 =?UTF-8?q?=E5=88=86=E7=B1=BB=E8=BF=9B=E8=A1=8C=E5=88=86=E7=BB=84=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=EF=BC=8C=E5=8F=AF=E4=BB=A5=E6=8C=89=E5=88=86=E7=B1=BB?=
 =?UTF-8?q?=E8=BF=9B=E8=A1=8C=E5=B1=95=E5=BC=80=E6=94=B6=E8=B5=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../repair/stockOperate/stockOperateItem.js   |   8 +
 .../stockOperate/Components/SoIndex.vue       | 351 +++++++++++++-----
 .../stockOperate/Components/WaresItem.vue     |   1 -
 3 files changed, 268 insertions(+), 92 deletions(-)

diff --git a/src/api/repair/stockOperate/stockOperateItem.js b/src/api/repair/stockOperate/stockOperateItem.js
index cd77133..0368042 100644
--- a/src/api/repair/stockOperate/stockOperateItem.js
+++ b/src/api/repair/stockOperate/stockOperateItem.js
@@ -26,3 +26,11 @@ export function getRepairSoiBySoId(soId){
     method: 'get'
   })
 }
+
+// 根据主表的ID得到子表的所有数据，按类型区分的map，支持条件查询
+export function getMapBySoIdAndQuery(id, query){
+  return request({
+    url: preUrl + "/getMapBySoIdAndQuery?id=" + id + "&query=" + query,
+    method: 'get'
+  })
+}
diff --git a/src/views/repair/stockOperate/Components/SoIndex.vue b/src/views/repair/stockOperate/Components/SoIndex.vue
index 40407ce..4b7df47 100644
--- a/src/views/repair/stockOperate/Components/SoIndex.vue
+++ b/src/views/repair/stockOperate/Components/SoIndex.vue
@@ -42,41 +42,41 @@
     </el-form>
     <!-- 操作 -->
     <el-row :gutter="10" class="mb8">
-<!--      <el-col :span="1.5">-->
-<!--        <el-button type="primary" plain icon="el-icon-download" size="mini"-->
-<!--        >导出-->
-<!--        </el-button>-->
-<!--      </el-col>-->
+      <!--      <el-col :span="1.5">-->
+      <!--        <el-button type="primary" plain icon="el-icon-download" size="mini"-->
+      <!--        >导出-->
+      <!--        </el-button>-->
+      <!--      </el-col>-->
       <right-toolbar :showSearch.sync="showSearch"></right-toolbar>
     </el-row>
     <!-- 急件 -->
-<!--    <el-table v-if="goodsYes" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">-->
-<!--      <el-table-column label="序号" align="center">-->
-<!--        <template scope="scope">-->
-<!--          <span>{{ scope.$index + 1 }}</span>-->
-<!--        </template>-->
-<!--      </el-table-column>-->
-<!--      <el-table-column label="单号" align="center" prop="soId" width="200"/>-->
-<!--      <el-table-column label="商品名称" align="center" width="180" prop="name"/>-->
-<!--      <el-table-column label="规格" align="center" width="180" prop="name"/>-->
-<!--      <el-table-column label="商品编码" align="center" width="180" prop="name"/>-->
-<!--      <el-table-column label="所属分类" align="center" width="150" prop="name"/>-->
-<!--      <el-table-column label="数量" align="center" width="150" prop="name"/>-->
-<!--      <el-table-column label="单位" align="center" width="150" prop="name"/>-->
-<!--      <el-table-column label="成本" align="center" width="150" prop="name"/>-->
-<!--      <el-table-column label="供应商" align="center" width="180" prop="name"/>-->
-<!--      <el-table-column label="仓库" align="center" width="150" prop="name"/>-->
-<!--      <el-table-column label="状态" align="center" width="150" prop="name"/>-->
-<!--      <el-table-column label="时间" align="center" width="150" prop="name"/>-->
-<!--      <el-table-column label="门店" align="center" width="180" prop="name"/>-->
-<!--      <el-table-column label="操作" align="center" width="180" fixed="right">-->
-<!--        <template v-slot="scope">-->
-<!--          <el-button size="mini" type="text" icon="el-icon-edit"-->
-<!--          >审核-->
-<!--          </el-button>-->
-<!--        </template>-->
-<!--      </el-table-column>-->
-<!--    </el-table>-->
+    <!--    <el-table v-if="goodsYes" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">-->
+    <!--      <el-table-column label="序号" align="center">-->
+    <!--        <template scope="scope">-->
+    <!--          <span>{{ scope.$index + 1 }}</span>-->
+    <!--        </template>-->
+    <!--      </el-table-column>-->
+    <!--      <el-table-column label="单号" align="center" prop="soId" width="200"/>-->
+    <!--      <el-table-column label="商品名称" align="center" width="180" prop="name"/>-->
+    <!--      <el-table-column label="规格" align="center" width="180" prop="name"/>-->
+    <!--      <el-table-column label="商品编码" align="center" width="180" prop="name"/>-->
+    <!--      <el-table-column label="所属分类" align="center" width="150" prop="name"/>-->
+    <!--      <el-table-column label="数量" align="center" width="150" prop="name"/>-->
+    <!--      <el-table-column label="单位" align="center" width="150" prop="name"/>-->
+    <!--      <el-table-column label="成本" align="center" width="150" prop="name"/>-->
+    <!--      <el-table-column label="供应商" align="center" width="180" prop="name"/>-->
+    <!--      <el-table-column label="仓库" align="center" width="150" prop="name"/>-->
+    <!--      <el-table-column label="状态" align="center" width="150" prop="name"/>-->
+    <!--      <el-table-column label="时间" align="center" width="150" prop="name"/>-->
+    <!--      <el-table-column label="门店" align="center" width="180" prop="name"/>-->
+    <!--      <el-table-column label="操作" align="center" width="180" fixed="right">-->
+    <!--        <template v-slot="scope">-->
+    <!--          <el-button size="mini" type="text" icon="el-icon-edit"-->
+    <!--          >审核-->
+    <!--          </el-button>-->
+    <!--        </template>-->
+    <!--      </el-table-column>-->
+    <!--    </el-table>-->
 
     <!-- 采购/领料 -->
     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
@@ -88,9 +88,11 @@
       <el-table-column label="单号" align="center" prop="soNo" width="200"/>
       <el-table-column label="数量" align="center" prop="itemCount" width="150"/>
       <el-table-column label="金额" align="center" prop="totalPrice" width="150"/>
-      <el-table-column :label="soByType ? '采购员' : !isBack ? '领料人' : '退料人'" align="center" prop="userName" width="150"/>
+      <el-table-column :label="soByType ? '采购员' : !isBack ? '领料人' : '退料人'" align="center" prop="userName"
+                       width="150"/>
       <el-table-column v-if="soByType" label="供应商" align="center" prop="supplierName" width="200"/>
-      <el-table-column :label="soByType ? '入库时间' : !isBack ? '领料时间' : '退料时间'" align="center" prop="soTime" width="150"/>
+      <el-table-column :label="soByType ? '入库时间' : !isBack ? '领料时间' : '退料时间'" align="center" prop="soTime"
+                       width="150"/>
       <el-table-column label="登记时间" align="center" prop="createTime" width="150">
         <template slot-scope="scope">
           {{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}
@@ -108,7 +110,8 @@
           <el-button size="mini" type="text" icon="el-icon-view" @click="handleShow(scope.row)"
           >查看
           </el-button>
-          <el-button @click="handleInWares(scope.row)" v-if="scope.row.soStatus === '02'" size="mini" type="text" icon="el-icon-edit-outline"
+          <el-button @click="handleInWares(scope.row)" v-if="scope.row.soStatus === '02'" size="mini" type="text"
+                     icon="el-icon-edit-outline"
           >入库
           </el-button>
           <el-button size="mini" type="text" icon="el-icon-close" @click="handleVoidSo(scope.row)"
@@ -118,33 +121,111 @@
       </el-table-column>
     </el-table>
     <!-- 分页 -->
-    <pagination @pagination="pageSo" style="margin-bottom: 3rem" v-show="total > 0" :total="total" :page.sync="queryParams.pageNo"
+    <pagination @pagination="pageSo" style="margin-bottom: 3rem" v-show="total > 0" :total="total"
+                :page.sync="queryParams.pageNo"
                 :limit.sync="queryParams.pageSize"
     />
 
-    <SoShow :so-by-type="soByType" :is-back="isBack" ref="soShow" />
+    <SoShow :so-by-type="soByType" :is-back="isBack" ref="soShow"/>
 
     <el-dialog title="入库" :visible.sync="dialogVisible" width="80%" v-dialogDrag append-to-body>
-      <el-table v-loading="inLoading" :data="inItems" :stripe="true" :show-overflow-tooltip="true"
-                @selection-change="selectRow"
-                @cell-mouse-enter="handleCellEnter"
-                @cell-mouse-leave="handleCellLeave"
-                @cell-click="handleCellClick"
-                :key="tableKey"
-      >
-        <el-table-column type="selection" width="55" align="center"/>
-        <el-table-column label="商品名称" align="center" prop="repairWares.name" />
-        <el-table-column label="商品编码" align="center" prop="repairWares.code" width="180" />
-        <el-table-column label="条形码" align="center" prop="repairWares.barCode" width="180" />
-        <el-table-column label="规格" align="center" prop="repairWares.model" width="180" />
-        <el-table-column label="采购数量" align="center" prop="goodsCount" width="150" />
-        <el-table-column label="入库数量" align="center" prop="inCount" width="150">
-          <div class="item" slot-scope="scope">
-            <el-input @blur="save(scope.row)" class="item__input" v-model="scope.row.inCount"/>
-            <span class="item__txt">{{ scope.row.inCount }}</span>
-          </div>
-        </el-table-column>
-      </el-table>
+      <el-form :inline="true">
+        <el-form-item label="关键字">
+          <el-input v-model="inItemsQuery" placeholder="名称、规格、编码"/>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="searchByQuery">搜索</el-button>
+          <el-button icon="el-icon-refresh" @click=resetByQuery>重置</el-button>
+        </el-form-item>
+      </el-form>
+      <el-collapse>
+        <el-collapse-item v-for="([key, value], index) in inItems" :title="key">
+          <el-table v-loading="inLoading" :ref="`tableRef_${index}`" :data="value" :stripe="true"
+                    :show-overflow-tooltip="true"
+                    @selection-change="selectRow"
+                    @cell-mouse-enter="handleCellEnter"
+                    @cell-mouse-leave="handleCellLeave"
+                    @cell-click="handleCellClick"
+          >
+            <el-table-column type="selection" width="55" align="center"/>
+            <el-table-column label="商品名称" align="center" prop="wares.name"/>
+            <el-table-column label="规格" align="center" width="180" prop="wares.model">
+              <div class="item" slot-scope="scope">
+                <el-input @blur="save(scope.row)" class="item__input" v-model="scope.row.wares.model"
+                          placeholder="请输入规格"></el-input>
+                <span class="item__txt">{{ scope.row.wares.model }}</span>
+              </div>
+            </el-table-column>
+            <el-table-column label="分类" align="center" width="180" prop="wares.type">
+              <div class="item" slot-scope="scope">
+                <el-select class="item__input" clearable ref="selectTree" v-model="scope.row.wares.type"
+                           @change="save(scope.row)">
+                  <el-option v-for="server in optionData(serverList)"
+                             :key="server.value"
+                             :label="server.label"
+                             :value="server.value" style="display: none"/>
+                  <el-tree class="item__input" ref="selectedTree"
+                           :data="serverList"
+                           :props="treeProps"
+                           highlight-current
+                           @node-click="handleNodeClick($event, scope.row)"
+                           :expand-on-click-node="expandOnClickNode"
+                           default-expand-all/>
+                </el-select>
+                <span class="item__txt">{{ getTypeById(scope.row.wares.type) }}</span>
+              </div>
+            </el-table-column>
+            <el-table-column label="商品编码" align="center" width="180" prop="wares.code">
+              <div class="item" slot-scope="scope">
+                <el-input @blur="save(scope.row)" class="item__input" v-model="scope.row.wares.code"
+                          placeholder="请输入内容"></el-input>
+                <span class="item__txt">{{ scope.row.wares.code }}</span>
+              </div>
+            </el-table-column>
+            <el-table-column label="仓库" align="center" width="150" prop="wares.warehouse">
+              <div class="item" slot-scope="scope">
+                <WarehouseChoose @input-blur="save(scope.row)" class="item__input" v-model="scope.row.wares.ware"
+                />
+                <span class="item__txt">{{ scope.row.wares?.ware?.name }}</span>
+              </div>
+            </el-table-column>
+            <el-table-column label="库存" align="center" width="150" prop="wares.stock"/>
+            <el-table-column label="单位" align="center" width="150" prop="wares.unit">
+              <div class="item" slot-scope="scope">
+                <el-select class="item__input" v-model="scope.row.wares.unit" @blur="save(scope.row)">
+                  <el-option v-for="dict in getDictDatasToType(DICT_TYPE.REPAIR_UNIT)" :key="dict.value"
+                             :label="dict.label"
+                             :value="dict.value"/>
+                </el-select>
+                <span class="item__txt">
+                          <dict-tag :type="DICT_TYPE.REPAIR_UNIT" v-model="scope.row.wares.unit"/>
+                        </span>
+              </div>
+            </el-table-column>
+            <el-table-column label="进价" align="center" width="150" prop="wares.purPrice">
+              <div class="item" slot-scope="scope">
+                <el-input @blur="save(scope.row)" class="item__input" v-model="scope.row.wares.purPrice"
+                          placeholder="请输入内容"></el-input>
+                <span class="item__txt">{{ scope.row.wares.purPrice }}</span>
+              </div>
+            </el-table-column>
+            <el-table-column label="售价" align="center" width="150" prop="wares.price">
+              <div class="item" slot-scope="scope">
+                <el-input @blur="save(scope.row)" class="item__input" v-model="scope.row.wares.price"
+                          placeholder="请输入内容"></el-input>
+                <span class="item__txt">{{ scope.row.wares.price }}</span>
+              </div>
+            </el-table-column>
+            <el-table-column label="采购数量" align="center" prop="goodsCount" width="150"/>
+            <el-table-column label="入库数量" align="center" prop="inCount" width="150">
+              <div class="item" slot-scope="scope">
+                <el-input @blur="save(scope.row)" class="item__input" v-model="scope.row.inCount"/>
+                <span class="item__txt">{{ scope.row.inCount }}</span>
+              </div>
+            </el-table-column>
+          </el-table>
+        </el-collapse-item>
+      </el-collapse>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" :disabled="selectRows.length === 0" @click="doInWares">确定</el-button>
         <el-button @click="dialogVisible = false">取消</el-button>
@@ -161,8 +242,10 @@ import StaffChoose from "@/views/repair/Components/StaffChoose.vue";
 import {DICT_TYPE} from "@/utils/dict";
 import {getRepairSoPage, voidSo, getRepairSoById, inWare} from "@/api/repair/stockOperate/stockOperate";
 import SoShow from "@/views/repair/stockOperate/Components/SoSow.vue";
-import {getRepairSoiByIds} from "@/api/repair/stockOperate/stockOperateItem";
+import {getRepairSoiByIds, getMapBySoIdAndQuery} from "@/api/repair/stockOperate/stockOperateItem";
 import {createUniqueCodeByHead} from "@/utils/createUniqueCode";
+import WarehouseChoose from "@/views/repair/Components/WarehouseChoose.vue";
+import {getBaseTypeList} from "@/api/base/type";
 
 export default {
   name: "SoIndex",
@@ -173,6 +256,7 @@ export default {
     }
   },
   components: {
+    WarehouseChoose,
     SoShow,
     StaffChoose,
     SupplierChoose,
@@ -189,7 +273,7 @@ export default {
       defaultValue: false,
       required: false
     },
-    isBack:{
+    isBack: {
       type: Boolean
     }
   },
@@ -235,38 +319,108 @@ export default {
       total: 0,
       dialogVisible: false,
       inItems: [],
+      inItemsQuery: null,
       inLoading: false,
       selectRows: [],
-      inWaresFormData:{
+      inWaresFormData: {
         id: null,
         soiList: [],
         soNo: null
       },
-      editProp: ['inCount'],
+      editProp: ['inCount', 'wares.model', 'wares.type', 'wares.code', 'wares.warehouse', 'wares.unit', 'wares.purPrice', 'wares.price'],
       clickCellMap: {},
-      tableKey: 0
+      tableKey: 0,
+      soId: null,
+      expandOnClickNode: true,
+      serverList: [],
+      treeProps: {
+        label: "name",
+        children: "children"
+      },
+      typeMap: null,
+      selectRowIds: []
     }
   },
   mounted() {
     this.pageSo();
   },
   methods: {
+    setSelectedRows() {
+      this.$nextTick(() => {
+        Object.keys(this.$refs).forEach(key => {
+          if (key.startsWith('tableRef_')) {
+            const tableRef = this.$refs[key];
+            if (tableRef[0]){
+              tableRef[0].clearSelection(); // 清除所有选择
+              this.inItems.forEach(([key, value]) => {
+                value.forEach(item => {
+                  if (this.selectRowIds.includes(item.id)) {
+                    tableRef[0].toggleRowSelection(item, true);
+                  }
+                });
+              });
+            }
+          }
+        });
+      });
+    },
+    getDictDatasToType(type) {
+      return this.getDictDatas(type)
+    },
+    getTypeById(id) {
+      return this.typeMap.get(id)
+    },
+    async listServer() {
+      if (!this.serverList || this.serverList.length === 0) {
+        const res = await getBaseTypeList({type: "02"})
+        this.serverList = this.handleTree(res.data, 'id', 'parentId', "children", "0")
+        this.typeMap = new Map()
+        this.extractNodesToMap(this.serverList, this.typeMap)
+      }
+    },
+    extractNodesToMap(nodes, map) {
+      nodes.forEach(node => {
+        map.set(node.id, node.name);
+        if (node.children && node.children.length > 0) {
+          this.extractNodesToMap(node.children, map);
+        }
+      });
+    },
+    handleNodeClick(data, scopeRow) {
+      scopeRow.wares.type = data.id;
+      this.save(scopeRow)
+    },
+    optionData(array, result = []) {
+      array.forEach(item => {
+        result.push({label: item.name, value: item.id})
+        if (item.children && item.children.length !== 0) {
+          this.optionData(item.children, result)
+        }
+      })
+      return JSON.parse(JSON.stringify(result))
+    },
+    searchByQuery() {
+      this.getSoiList().then(() => {
+        this.setSelectedRows()
+      })
+    },
+    resetByQuery() {
+      this.inItemsQuery = null
+      this.searchByQuery()
+    },
     // 分页
     async pageSo() {
       this.queryParams.soType = null
       this.queryParams.purchaseType = null
-      if (this.soByType && this.goodsYes){
+      if (this.soByType && this.goodsYes) {
         this.queryParams.soType = "03"
         this.queryParams.purchaseType = "02"
-      }
-      else if (this.soByType && !this.goodsYes){
+      } else if (this.soByType && !this.goodsYes) {
         this.queryParams.soType = "01"
         this.queryParams.purchaseType = "01"
-      }
-      else if (!this.soByType && !this.isBack){
+      } else if (!this.soByType && !this.isBack) {
         this.queryParams.soType = "02"
-      }
-      else if (this.isBack){
+      } else if (this.isBack) {
         this.queryParams.soType = '04'
       }
       try {
@@ -274,7 +428,7 @@ export default {
         const res = await getRepairSoPage(this.queryParams)
         this.list = res.data.records
         this.total = res.data.total
-      }finally {
+      } finally {
         this.loading = false
       }
     },
@@ -321,49 +475,64 @@ export default {
       }
     },
     // 查看单据
-    async handleShow(row){
+    async handleShow(row) {
       const res = await getRepairSoById(row.id)
       await this.$refs.soShow.open(res.data)
     },
     // 入库操作
-    async handleInWares(row){
+    async handleInWares(row) {
+      await this.listServer()
+      this.soId = row.id
       this.inWaresFormData = {
         id: null,
-          soiList: []
+        soiList: []
       }
       this.inWaresFormData['id'] = row.id
+      await this.getSoiList()
+    },
+    async getSoiList() {
       try {
         this.dialogVisible = true
         this.inLoading = true
-        const resRow = await getRepairSoById(row.id)
-        const ids = resRow.data.goodsList.map(item => item.id)
-        const res = await getRepairSoiByIds(ids)
-        this.inItems = res.data
-        this.inItems = this.inItems.filter(item => item.inCount !== item.goodsCount)
-        this.inItems = [...this.inItems.map(item => {
-          return {
-            ...item,
-            goodsCount: item.goodsCount - item?.inCount | 0,
-            inCount: item.goodsCount - item?.inCount | 0
-          }
-        })]
-      }finally {
+        const res = await getMapBySoIdAndQuery(this.soId, this.inItemsQuery)
+        this.inItems = Object.entries(res.data)
+        this.inItems = this.inItems.filter(([key, value]) => {
+          const newValue = value.filter(item => item.inCount !== item.goodsCount)
+          return newValue && newValue.length > 0
+        })
+        this.inItems.forEach(([key, value]) => {
+          value.forEach(item => {
+            item.goodsCount = item.goodsCount - item?.inCount | 0
+            item.inCount = item.goodsCount - item?.inCount | 0
+          })
+        })
+      } finally {
         this.inLoading = false
       }
     },
-    selectRow(val){
+    selectRow(val) {
       this.selectRows = val
+      if (val && val.length > 0) {
+        this.selectRowIds = val.map(item => item.id)
+      }
     },
-    async doInWares(){
+    async doInWares() {
       try {
         this.inWaresFormData.soiList = this.selectRows
+        this.inWaresFormData.waresList = this.selectRows.map(item => {
+          if (item.wares.ware){
+            item.wares.warehouse = item.wares.ware.id
+          }
+          return item.wares
+        })
         this.inWaresFormData.soNo = createUniqueCodeByHead("RC")
         this.inLoading = true
         await inWare(this.inWaresFormData)
         this.dialogVisible = false
         this.$modal.msgSuccess("入库成功")
         await this.pageSo()
-      }catch{}
+      } catch {
+      }
     },
     /** 鼠标移入cell */
     handleCellEnter(row, column, cell, event) {
@@ -416,8 +585,8 @@ export default {
         this.cancelEditable(cell)
       })
       this.clickCellMap[id] = []
-      this.tableKey++
-      this.selectRows = []
+      // this.tableKey++
+      // this.selectRows = []
     },
   }
 }
diff --git a/src/views/repair/stockOperate/Components/WaresItem.vue b/src/views/repair/stockOperate/Components/WaresItem.vue
index c50fda8..42a19c8 100644
--- a/src/views/repair/stockOperate/Components/WaresItem.vue
+++ b/src/views/repair/stockOperate/Components/WaresItem.vue
@@ -300,7 +300,6 @@ export default {
       twId: null,
       carInfo: {},
       ticketId: null,
-      serverSelected: undefined,
       expandOnClickNode: true,
       serverList: [],
       treeProps:{