Explorar el Código

wbs树导入划分

gangyj hace 3 años
padre
commit
bbd7da25eb
Se han modificado 2 ficheros con 195 adiciones y 331 borrados
  1. 11 0
      src/api/manager/wbstree.js
  2. 184 331
      src/views/manager/wbsinfo/edit.vue

+ 11 - 0
src/api/manager/wbstree.js

@@ -113,3 +113,14 @@ export const removeTableById = (id, params) => {
     }
   })
 }
+
+export const importWbsTree = (froms) => {
+  return request({
+    url: '/api/blade-manager/wbsTree/import-wbsTree',
+    method: 'post',
+    //设置请求头
+    headers: { "Content-Type": "multipart/form-data" },
+    data: froms
+  })
+}
+

+ 184 - 331
src/views/manager/wbsinfo/edit.vue

@@ -1,352 +1,131 @@
 <template>
-  <basic-container>
-    <div class="flex">
-      <div class="flex1 mg-r-20">
+<basic-container>
+<el-row :gutter="20">
+  <el-col :span="10">
+      <div class="box">
         <p>工程节点信息</p>
         <div class="flex">
           <el-input placeholder="输入关键字进行过滤" v-model="filterText" @input="filterChange"></el-input>
-          <el-button type="info" class="mg-l-20">导入划分</el-button>
+          <!-- <el-button type="info" class="mg-l-20">导入划分</el-button> -->
         </div>
-        <div v-loading="treeLoad">
-          <el-tree v-show="!filterText"
-            class="filter-tree" lazy
-            :load="loadNode" @node-click="getNodeDetail"
-            :props="defaultProps" :expand-on-click-node="false"
-            highlight-current node-key="id"
-            ref="tree">
-            <span class="custom-tree-node" slot-scope="{ node, data }">
-              <span>
-                {{ node.label }}
-                <el-dropdown @click="command=>{setLeftType(command,data)}">
-                  <el-button
-                    type="text" icon="el-icon-more" class="normal-black">
-                  </el-button>
-                  <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item @click.native="setLeftType(1,data,node)" icon="el-icon-circle-plus-outline">新增子级</el-dropdown-item>
-                    <el-dropdown-item @click.native="setLeftType(2,data,node)" icon="el-icon-edit">编辑节点</el-dropdown-item>
-                    <el-dropdown-item @click.native="setLeftType(3,data,node)" icon="el-icon-document-copy">复制节点</el-dropdown-item>
-                    <el-dropdown-item @click.native="setLeftType(4,data,node)" icon="iconfont hcicon-danganziliao-biaogetianxie" class="font-s-12">元素公式</el-dropdown-item>
-                    <el-dropdown-item @click.native="setLeftType(5,data,node)" icon="el-icon-coin">元素设置</el-dropdown-item>
-                  </el-dropdown-menu>
-                </el-dropdown>
-              </span>
-            </span>
-          </el-tree>
-          <el-tree v-show="filterText"
-            class="filter-tree"
-            :data="treeData" @node-click="getNodeDetail"
-            :props="defaultProps" :expand-on-click-node="false"
-            highlight-current node-key="id"
-            :filter-node-method="filterNode"
-            ref="treeall">
-            <span class="custom-tree-node" slot-scope="{ node, data }">
-              <span>
-                {{ node.label }}
-                <el-dropdown @click="command=>{setLeftType(command,data)}">
-                  <el-button
-                    type="text" icon="el-icon-more" class="normal-black">
-                  </el-button>
-                  <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item @click.native="setLeftType(1,data,node)" icon="el-icon-circle-plus-outline">新增子级</el-dropdown-item>
-                    <el-dropdown-item @click.native="setLeftType(2,data,node)" icon="el-icon-edit">编辑节点</el-dropdown-item>
-                    <el-dropdown-item @click.native="setLeftType(3,data,node)" icon="el-icon-document-copy">复制节点</el-dropdown-item>
-                    <el-dropdown-item @click.native="setLeftType(4,data,node)" icon="iconfont hcicon-danganziliao-biaogetianxie" class="font-s-12">元素公式</el-dropdown-item>
-                    <el-dropdown-item @click.native="setLeftType(5,data,node)" icon="el-icon-coin">元素设置</el-dropdown-item>
-                  </el-dropdown-menu>
-                </el-dropdown>
-              </span>
-            </span>
-          </el-tree>
-        </div>
-
-      </div>
-      <div class="flex1">
-        <template v-if="leftType==2 || leftType==1">
-          <p>节点信息</p>
-          <el-table :data="tableData" border style="width: 100%">
-            <el-table-column align="center" prop="deptName" label="当前节点" ></el-table-column>
-            <el-table-column align="center" prop="deptCategory" :formatter="formatCat" label="节点类型" width="180"></el-table-column>
-            <el-table-column align="center" prop="parentName" label="上级节点"></el-table-column>
-          </el-table>
-          <p>
-            <span>当前已创建的元素表</span>
-            <el-button @click="showFormElement" type="text" icon="el-icon-circle-plus-outline" class="text-icon mg-l-10"></el-button>
-            <el-button type="text" icon="el-icon-document-copy" class="text-icon"></el-button>
-          </p>
-          <el-table :data="formData" border style="width: 100%">
-            <el-table-column align="center" prop="tableName" label="表单名称" ></el-table-column>
-            <el-table-column align="center" prop="elementTotal" label="元素总量"></el-table-column>
-            <el-table-column align="center" prop="tableType" :formatter="formatTableType" label="表单类型"></el-table-column>
-            <el-table-column align="center" prop="tableOwner" :formatter="formatOwner" label="所属方"></el-table-column>
-            <el-table-column label="操作">
-              <template slot-scope="scope">
-                <el-button
-                  size="mini"
-                  @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
-                <el-button
-                  size="mini"
-                  type="danger"
-                  @click="handleDelete(scope.$index, scope.row)">删除</el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </template>
-        <template v-if="leftType==4">
-          <el-table :data="formData" border style="width: 100%">
-            <el-table-column align="center" prop="tableName" label="表单名称" ></el-table-column>
-            <el-table-column align="center" prop="elementTotal" label="元素总量"></el-table-column>
-            <el-table-column align="center" prop="tableType" :formatter="formatTableType" label="表单类型"></el-table-column>
-            <el-table-column align="center" prop="tableOwner" :formatter="formatOwner" label="所属方"></el-table-column>
-            <el-table-column label="操作" width="200">
-              <template slot-scope="scope">
-                <el-button
-                  size="mini"
-                  @click="handleEditFormula(scope.$index, scope.row)">编辑元素公式</el-button>
-                <el-button
-                  size="mini"
-                  type="danger"
-                  @click="handleDelete(scope.$index, scope.row)">删除</el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </template>
-      </div>
-    </div>
-
-    <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="50%" append-to-body>
-      <el-form ref="nodeDetail" :model="nodeDetail" :rules="rules" label-width="110px">
-        <el-form-item label="节点名称" prop="deptName">
-          <el-input v-model="nodeDetail.deptName"></el-input>
-        </el-form-item>
-        <el-form-item label="上级节点">
-          <el-input v-model="nodeDetail.parentName" disabled></el-input>
-        </el-form-item>
-        <el-form-item label="节点类型" prop="deptCategory">
-          <el-select v-model="nodeDetail.deptCategory" placeholder="请选择" class="w-100p">
-            <el-option v-for="item in deptCategorylist" :key="item.id" :label="item.dictValue"  :value="item.dictKey"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="划分编号">
-          <el-input v-model="nodeDetail.partitionCode"></el-input>
-        </el-form-item>
-        <el-form-item label="唯一编码">
-          <el-input v-model="nodeDetail.uniqueCode"></el-input>
-        </el-form-item>
-        <template v-if="nodeDetail.deptCategory == 6">
-          <el-form-item label="是否有混凝土">
-            <el-radio-group v-model="nodeDetail.isConcrete" size="small">
-              <el-radio :label="0" border>无</el-radio>
-              <el-radio :label="1" border>有</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="是否试验节点">
-            <el-radio-group v-model="nodeDetail.isExpernode" size="small">
-              <el-radio :label="0" border>否</el-radio>
-              <el-radio :label="1" border>是</el-radio>
-            </el-radio-group>
-          </el-form-item>
-        </template>
-        <el-form-item label="内业资料类型">
-          <el-select v-model="nodeDetail.majorDataType" placeholder="请选择" class="w-100p">
-            <el-option v-for="item in majorDataTypeList" :key="item.id" :label="item.dictValue"  :value="item.dictKey"></el-option>
-          </el-select>
-        </el-form-item>
-      </el-form>
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="saveNode">确 定</el-button>
-      </span>
-    </el-dialog>
-
-    <el-dialog title="创建新的元素表" :visible.sync="eleVisible" width="80%" append-to-body>
-      <el-form ref="eleDialog" :model="eleForm" :rules="eleRules" label-width="110px">
-        <el-form-item label="表名" prop="deptName">
-          <el-input v-model="eleForm.deptName"></el-input>
-        </el-form-item>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="表类型" prop="tableType">
-              <el-select v-model="eleForm.tableType" placeholder="请选择" class="w-100p">
-                <el-option v-for="item in tableTypelist" :key="item.id" :label="item.dictValue"  :value="item.dictKey"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="所属方" prop="tableOwner">
-              <el-select v-model="eleForm.tableOwner" placeholder="请选择" class="w-100p">
-                <el-option v-for="item in ownerTypeList" :key="item.id" :label="item.dictValue"  :value="item.dictKey"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div class="flex jc-sb">
-        <div></div>
-        <div>
-          <el-link type="primary" @click="importVisible = true">快捷导入</el-link>
-          <el-link type="primary" class="mg-l-20">下载导入模版</el-link>
-        </div>
-      </div>
-      <div class="border-grey">
-        <p class="font-c-warning">编辑元素信息(请谨慎操作)</p>
-        <el-table :data="eleForm.elementList" border style="width: 100%" height="400px">
-            <el-table-column align="center" type="index" width="50"></el-table-column>
-            <el-table-column align="center" prop="eName" label="元素名称" >
-              <template slot-scope="scope">
-                <el-input v-model="scope.row.eName" size="small" placeholder="请输入内容"></el-input>
-              </template>
-            </el-table-column>
-            <el-table-column align="center" prop="eType" label="数据类型" width="120">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.eType" size="small" placeholder="请选择">
-                  <el-option v-for="item in dataTypeList" :key="item.id" :label="item.dictValue"  :value="item.dictKey"></el-option>
-                </el-select>
-              </template>
-            </el-table-column>
-            <el-table-column align="center" prop="eLength" label="长度" width="120">
-              <template slot-scope="scope">
-                <el-input v-model="scope.row.eLength" size="small" placeholder="请输入内容"></el-input>
-              </template>
-            </el-table-column>
-            <el-table-column align="center" prop="eAllowDeviation" label="允许偏差值">
-              <template slot-scope="scope">
-                <div class="flex">
-                  <el-select v-model="scope.row.allow" size="small" placeholder="请选择" style="width:120px">
-                    <el-option :key="1" label="≥" value="≥"></el-option>
-                    <el-option :key="2" label="≤" value="≤"></el-option>
-                    <el-option :key="3" label="±" value="±"></el-option>
-                    <el-option :key="4" label="【】" value="【】"></el-option>
-                  </el-select>
-                  <el-input v-model="scope.row.deviation" size="small" placeholder="请输入内容"></el-input>
-                </div>
-              </template>
-            </el-table-column>
-            <el-table-column align="center" prop="eInspectionMethod" label="检查方法和频率">
-              <template slot-scope="scope">
-                <el-input v-model="scope.row.eInspectionMethod" size="small" placeholder="请输入内容"></el-input>
-              </template>
-            </el-table-column>
-            <el-table-column align="center" label="操作" width="80">
-              <template slot="header">
-                <el-button @click="addEleRow(eleForm.elementList)" type="text" icon="el-icon-circle-plus-outline" class="text-icon"></el-button>
-              </template>
-              <template slot-scope="scope">
-                <el-button icon="el-icon-remove-outline" type="text" @click="delEleRow(scope.$index,eleForm.elementList)" class="text-icon text-icon-danger"></el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-      </div>
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="eleVisible = false">取 消</el-button>
-        <el-button type="primary" @click="saveFormAndElementHandle">保 存</el-button>
-      </span>
-    </el-dialog>
-
-    <el-dialog title="模版导入" :visible.sync="importVisible" width="50%" append-to-body>
-      <p>提示:必须按照系统要求的模版格式上传,否则系统识别无效  <el-link type="primary">下载导入模版</el-link></p>
-      <div>
-        <el-button size="small" type="primary">本地上传</el-button>
+        <el-scrollbar>
+            <div v-loading="treeLoad">
+              <el-tree v-show="!filterText"
+                class="filter-tree" lazy
+                :load="loadNode" @node-click="getNodeDetail"
+                :props="defaultProps" :expand-on-click-node="false"
+                highlight-current node-key="id"
+                ref="tree">
+                <span class="custom-tree-node" slot-scope="{ node, data }">
+                  <span>
+                    {{ node.label }}
+                    <el-dropdown @click="command=>{setLeftType(command,data)}">
+                      <el-button
+                        type="text" icon="el-icon-more" class="normal-black">
+                      </el-button>
+                      <el-dropdown-menu slot="dropdown">
+                        <el-dropdown-item @click.native="setLeftType(1,data,node)" icon="el-icon-circle-plus-outline">新增子级</el-dropdown-item>
+                        <el-dropdown-item @click.native="setLeftType(2,data,node)" icon="el-icon-edit">编辑节点</el-dropdown-item>
+                        <el-dropdown-item @click.native="setLeftType(3,data,node)" icon="el-icon-document-copy">复制节点</el-dropdown-item>
+                        <el-dropdown-item @click.native="setLeftType(4,data,node)" icon="iconfont hcicon-danganziliao-biaogetianxie" class="font-s-12">元素公式</el-dropdown-item>
+                        <el-dropdown-item @click.native="setLeftType(5,data,node)" icon="el-icon-coin">元素设置</el-dropdown-item>
+                        <el-dropdown-item @click.native="importTemplate(data,node)" v-if="node.level == 2" icon="el-icon-upload">导入划分</el-dropdown-item>
+                      </el-dropdown-menu>
+                    </el-dropdown>
+                  </span>
+                </span>
+              </el-tree>
+              <el-tree v-show="filterText"
+                class="filter-tree"
+                :data="treeData" @node-click="getNodeDetail"
+                :props="defaultProps" :expand-on-click-node="false"
+                highlight-current node-key="id"
+                :filter-node-method="filterNode"
+                ref="treeall">
+                <span class="custom-tree-node" slot-scope="{ node, data }">
+                  <span>
+                    {{ node.label }}
+                    <el-dropdown @click="command=>{setLeftType(command,data)}">
+                      <el-button
+                        type="text" icon="el-icon-more" class="normal-black">
+                      </el-button>
+                      <el-dropdown-menu slot="dropdown">
+                        <el-dropdown-item @click.native="setLeftType(1,data,node)" icon="el-icon-circle-plus-outline">新增子级</el-dropdown-item>
+                        <el-dropdown-item @click.native="setLeftType(2,data,node)" icon="el-icon-edit">编辑节点</el-dropdown-item>
+                        <el-dropdown-item @click.native="setLeftType(3,data,node)" icon="el-icon-document-copy">复制节点</el-dropdown-item>
+                        <el-dropdown-item @click.native="setLeftType(4,data,node)" icon="iconfont hcicon-danganziliao-biaogetianxie" class="font-s-12">元素公式</el-dropdown-item>
+                        <el-dropdown-item @click.native="setLeftType(5,data,node)" icon="el-icon-coin">元素设置</el-dropdown-item>
+                        <el-dropdown-item @click.native="importTemplate(data,node)" v-if="node.level == 2" icon="el-icon-upload">导入划分</el-dropdown-item>
+                      </el-dropdown-menu>
+                    </el-dropdown>
+                  </span>
+                </span>
+              </el-tree>
+            </div>
+        </el-scrollbar>
       </div>
-      <el-table :data="tempList" border style="width: 100%" >
-            <el-table-column align="center" prop="eName" label="元素名称" >
-            </el-table-column>
-            <el-table-column align="center" prop="eType" label="数据类型" width="120">
-            </el-table-column>
-            <el-table-column align="center" prop="eLength" label="长度" width="120">
-            </el-table-column>
-            <el-table-column align="center" prop="eAllowDeviation" label="允许偏差值">
-            </el-table-column>
-            <el-table-column align="center" prop="eInspectionMethod" label="检查方法和频率">
-            </el-table-column>
-          </el-table>
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="importVisible = false">取 消</el-button>
-        <el-button type="primary" @click="importHandle">确 定</el-button>
-      </span>
-    </el-dialog>
-
-    <el-dialog :title="(curEleTable.tableName?curEleTable.tableName:'')+'  元素编辑'" :visible.sync="editEleVisible" width="80%" append-to-body>
-      <p class="font-c-warning">编辑元素信息(请谨慎操作)</p>
-        <el-table :data="editEleList" border style="width: 100%" height="400px">
-          <el-table-column align="center" type="index" width="50"></el-table-column>
-          <el-table-column align="center" prop="eName" label="元素名称" >
-            <template slot-scope="scope">
-              <el-input v-model="scope.row.eName" size="small" placeholder="请输入内容"></el-input>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" prop="eType" label="数据类型" width="120">
-            <template slot-scope="scope">
-              <el-select v-model="scope.row.eType" size="small" placeholder="请选择">
-                <el-option v-for="item in dataTypeList" :key="item.id" :label="item.dictValue"  :value="item.dictKey"></el-option>
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" prop="eLength" label="长度" width="120">
-            <template slot-scope="scope">
-              <el-input v-model="scope.row.eLength" size="small" placeholder="请输入内容"></el-input>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" prop="eAllowDeviation" label="允许偏差值">
-            <template slot-scope="scope">
-              <div class="flex">
-                <el-select v-model="scope.row.allow" size="small" placeholder="请选择" style="width:120px">
-                  <el-option :key="1" label="≥" value="≥"></el-option>
-                  <el-option :key="2" label="≤" value="≤"></el-option>
-                  <el-option :key="3" label="±" value="±"></el-option>
-                  <el-option :key="4" label="【】" value="【】"></el-option>
-                </el-select>
-                <el-input v-model="scope.row.deviation" size="small" placeholder="请输入内容"></el-input>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" prop="eInspectionMethod" label="检查方法和频率">
-            <template slot-scope="scope">
-              <el-input v-model="scope.row.eInspectionMethod" size="small" placeholder="请输入内容"></el-input>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="操作" width="120">
-            <template slot="header">
-              <el-button @click="addEleRow(editEleList)" type="text" icon="el-icon-circle-plus-outline" class="text-icon"></el-button>
-            </template>
+  </el-col>
+  <el-col :span="14">
+      <template v-if="leftType==2 || leftType==1">
+        <p>节点信息</p>
+        <el-table :data="tableData" border style="width: 100%">
+          <el-table-column align="center" prop="deptName" label="当前节点" ></el-table-column>
+          <el-table-column align="center" prop="deptCategory" :formatter="formatCat" label="节点类型" width="180"></el-table-column>
+          <el-table-column align="center" prop="parentName" label="上级节点"></el-table-column>
+        </el-table>
+        <p>
+          <span>当前已创建的元素表</span>
+          <el-button @click="showFormElement" type="text" icon="el-icon-circle-plus-outline" class="text-icon mg-l-10"></el-button>
+          <el-button type="text" icon="el-icon-document-copy" class="text-icon"></el-button>
+        </p>
+        <el-table :data="formData" border style="width: 100%">
+          <el-table-column align="center" prop="tableName" label="表单名称" ></el-table-column>
+          <el-table-column align="center" prop="elementTotal" label="元素总量"></el-table-column>
+          <el-table-column align="center" prop="tableType" :formatter="formatTableType" label="表单类型"></el-table-column>
+          <el-table-column align="center" prop="tableOwner" :formatter="formatOwner" label="所属方"></el-table-column>
+          <el-table-column label="操作">
             <template slot-scope="scope">
-              <el-button v-if="scope.row.id" icon="el-icon-remove-outline" type="text" @click="delEleRowHandle(scope.$index,editEleList)" class="text-icon text-icon-danger"></el-button>
-              <div class="flex" v-else>
-                <el-button @click="saveNewEle(scope.row)" type="mini">保存</el-button>
-                <el-button icon="el-icon-remove-outline" type="text" @click="delEleRowHandle(scope.$index,editEleList)" class="text-icon text-icon-danger"></el-button>
-              </div>
+              <el-button
+                size="mini"
+                @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+              <el-button
+                size="mini"
+                type="danger"
+                @click="handleDelete(scope.$index, scope.row)">删除</el-button>
             </template>
           </el-table-column>
         </el-table>
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="editEleVisible = false">取 消</el-button>
-        <el-button type="primary" @click="saveEles">确 定</el-button>
-      </span>
-    </el-dialog>
-
-    <el-dialog title="元素公式" :visible.sync="editEleFormulaVisible" width="800px" append-to-body>
-      <div class="flex mg-b-10">
-        <el-input v-model="formulaInput" placeholder="请输入内容" size="samll"></el-input>
-        <el-button type="info">保存</el-button>
-      </div>
-        <el-table :data="editEleList" border style="width: 100%" height="400px">
-          <el-table-column align="center" prop="eName" label="元素名称" >
-          </el-table-column>
-          <el-table-column align="center" label="操作" width="200">
+      </template>
+      <template v-if="leftType==4">
+        <el-table :data="formData" border style="width: 100%">
+          <el-table-column align="center" prop="tableName" label="表单名称" ></el-table-column>
+          <el-table-column align="center" prop="elementTotal" label="元素总量"></el-table-column>
+          <el-table-column align="center" prop="tableType" :formatter="formatTableType" label="表单类型"></el-table-column>
+          <el-table-column align="center" prop="tableOwner" :formatter="formatOwner" label="所属方"></el-table-column>
+          <el-table-column label="操作" width="200">
             <template slot-scope="scope">
-              <el-link type="primary" >公式配置</el-link>
-              <el-link class="mg-l-10" type="danger" @click="delEleRowHandle(scope.$index,editEleList)">删除</el-link>
+              <el-button
+                size="mini"
+                @click="handleEditFormula(scope.$index, scope.row)">编辑元素公式</el-button>
+              <el-button
+                size="mini"
+                type="danger"
+                @click="handleDelete(scope.$index, scope.row)">删除</el-button>
             </template>
           </el-table-column>
         </el-table>
-    </el-dialog>
-
-  </basic-container>
+      </template>
+  </el-col>
+</el-row>
+</basic-container>
 </template>
 
 <script>
   import {getLazytree,getDetail,update,selectByNodeTable,getAlltree,
-            saveFormAndElement,selectFormElements,removeTableById} from "@/api/manager/wbstree";
-  import {saveElement,remove as removeElement,updateBatchElements} from "@/api/manager/wbsformelement"
+            saveFormAndElement,selectFormElements,removeTableById,
+            importWbsTree} from "@/api/manager/wbstree";
+  import {saveElement,remove as removeElement,updateBatchElements} from "@/api/manager/wbsformelement";
+  import {getList as getAttchFromOriginalName} from "@/api/resource/attach";
   import {getDictionary} from "@/api/system/dict";
   import {mapGetters} from "vuex";
   export default {
@@ -409,6 +188,11 @@
 
         editEleFormulaVisible:false,
         formulaInput:'',
+
+        importTemplateVisible:false,
+        fileUrl:'',
+        upFile:null,
+        importLoading:false,
       };
     },
     computed: {
@@ -723,6 +507,75 @@
         })
       },
 
+      importTemplate(data){
+        this.importTemplateVisible = true;
+        this.curTreeData = data;
+
+        if(!this.fileUrl){
+          getAttchFromOriginalName(1, 20, {
+            originalName:'WBS划分模板.xls'
+          }).then((res)=>{
+            if(res.data.data.records.length){
+              this.fileUrl = res.data.data.records[0].link;
+            }else{
+              this.fileUrl = '';
+            }
+            
+          })
+        }
+        
+      },
+
+      importTemplateHandle(){
+        if(!this.upFile){
+          this.$message({
+            type: "warning",
+            message: "请先选择文件再进行导入"
+          });
+        }
+        let forms = new FormData();
+        forms.append('excelFile', this.upFile);
+        let wbsTreeFu = {
+          wbsId:this.id,
+          parentId:this.curTreeData.id,
+          ancestors:'0,'+this.curTreeData.id,
+        }
+        let json = JSON.stringify(wbsTreeFu);
+        let blob = new Blob([json],{type:'application/json'})
+        forms.append('wbsTreeFu', blob);
+        this.importLoading = true;
+        importWbsTree(forms).then(()=>{
+          //this.$router.go(0)
+        }).finally(()=>{
+          this.importLoading = false;
+        })
+      },
+
+      handleDownload() {
+        if(this.fileUrl){
+          window.open(this.fileUrl);
+        }else{
+          this.$message({
+            type: "warning",
+            message: "请先在附件管理上传【WBS划分模板.xls】文件"
+          });
+        }
+      },
+
+      fileClick(){
+        this.$refs.file.click();
+      },
+
+      fileChange(e){
+        const file = e.target.files[0]
+        if (!file) {
+          // 如果用户没有选择图片,只是点了文件上传这个按钮
+          return
+        }
+        //console.log(file)
+        this.upFile = file;
+      },
+
       getDeptCategorylist(){
         if(this.deptCategorylist.length >1){
           return;