往来单位类别10.11

src/views/iosBasicData/bcorps/index.vue

@@ -5,7 +5,14 @@
               <div class="box">
                   <el-scrollbar>
                       <basic-container>
-                          <avue-tree :option="treeOption" :data="customTypeData" @node-click="nodeClick" />
+                          <avue-tree :option="treeOption" :data="customTypeData" @node-click="nodeClick" >
+                              <template slot="addBtn">
+                                  <el-tooltip class="item" effect="dark" content="新建分类" placement="top">
+                                      <i class="el-icon-setting" style="font-size:18px;line-height: 30px;width: 20px;padding: 0 10px;"
+                                         @click="corpTypeVisible = true"></i>
+                                  </el-tooltip>
+                              </template>
+                          </avue-tree>
                       </basic-container>
                   </el-scrollbar>
               </div>
@@ -70,6 +77,22 @@
           @copyOrder="copyOrder"
           :detailData="detailData"
       ></detailPage>
+
+      <!--类别弹窗-->
+      <el-dialog
+          title="类别"
+          :visible.sync="corpTypeVisible"
+          append-to-body
+          width="60%"
+          :before-close="corpTypeClose">
+          <div>
+              <bcorpstypedefine></bcorpstypedefine>
+          </div>
+          <span slot="footer" class="dialog-footer">
+             <el-button @click="corpTypeVisible = false">取 消</el-button>
+             <el-button type="primary" @click="corpTypeVisible = false">确 定</el-button>
+          </span>
+      </el-dialog>
   </div>
 </template>
 
@@ -78,13 +101,16 @@ import detailPage from "./detailsPage";
   import {getBcorpsList, getBcorpsDetail, addBcorps, updateBcorps, removeBcorps} from "@/api/iosBasicData/bcorps";
   import {mapGetters} from "vuex";
   import {bcorpstypedefineList} from "@/api/iosBasicData/bcorpstypedefine"
-
+  import bcorpstypedefine from "@/views/iosBasicData/bcorps/bcorpstypedefine.vue";
   export default {
   components: {
-    detailPage
+    detailPage,
+      bcorpstypedefine
   },
     data() {
       return {
+          // 类别弹窗的开启
+          corpTypeVisible:false,
           treeOption: {
               nodeKey: "id",
               lazy: true,
@@ -1031,6 +1057,14 @@ import detailPage from "./detailsPage";
       goBack() {
         this.isShow = true;
       },
+        // 类别弹窗关闭
+        corpTypeClose(done) {
+            this.$confirm('确认关闭？')
+                .then(_ => {
+                    done();
+                })
+                .catch(_ => {});
+        },
         //自定义列保存
         async saveColumnTwo(ref, option, optionBack, code) {
             /**
@@ -1079,4 +1113,7 @@ import detailPage from "./detailsPage";
 ::v-deep#out-table .back-two {
     background: #ecf5ff !important;
 }
+::v-deep .el-input-group__append {
+    padding: 0 0px !important;
+}
 </style>