mail.vue 19.2 KB
Newer Older
xd's avatar
xd committed
1
<template>
xd's avatar
xd committed
2
  <div class="mail">
xd's avatar
xd committed
3
    <div class="left">
xd's avatar
xd committed
4
      <div>
xd's avatar
xd committed
5 6 7 8 9
        <div class="title">组织架构</div>
        <div class="bottom">
          <div class="ty">
            <div>
              <span>全部</span>
xd's avatar
xd committed
10
              <span class="number">{{ allNumber }}</span>
xd's avatar
xd committed
11
            </div>
xd's avatar
xd committed
12
          </div>
xd's avatar
xd committed
13 14 15
          <div class="ty" style="margin:15px 0;">
            <div>
              <span>未分组</span>
xd's avatar
xd committed
16
              <span class="number">{{ wNumber }}</span>
xd's avatar
xd committed
17 18 19 20 21 22 23
            </div>
          </div>
          <div class="tree">
            <el-tree
              :data="data1"
              node-key="id"
              :expand-on-click-node="false"
xd's avatar
xd committed
24
              @node-click="handleTreeClick"
xd's avatar
xd committed
25 26 27
            >
              <span class="custom-tree-node" slot-scope="{ node, data }">
                <span>{{ node.label }}</span>
xd's avatar
xd committed
28
                <span style="margin-left:30px;" class="btn">
xd's avatar
xd committed
29 30 31 32 33 34
                  <el-button
                    type="text"
                    size="mini"
                    @click="() => edit(data)"
                    v-if="data.type"
                  >
xd's avatar
xd committed
35 36
                    <i class="el-icon-edit"></i>
                  </el-button>
xd's avatar
xd committed
37 38 39 40 41 42 43
                  <el-button
                    v-if="data.type"
                    type="text"
                    size="mini"
                    @click="() => remove(node, data)"
                  >
                    <i class="el-icon-delete"></i>
xd's avatar
xd committed
44
                  </el-button>
xd's avatar
xd committed
45 46 47 48 49
                </span>
              </span>
            </el-tree>
          </div>
        </div>
xd's avatar
xd committed
50 51
      </div>
      <div class="end">
xd's avatar
xd committed
52
        <!-- <span class="add-l" @click="addCounter">添加柜组</span> -->
xd's avatar
xd committed
53 54
        <span class="add-r" @click="addStore">添加门店/专柜</span>
      </div>
xd's avatar
xd committed
55 56
    </div>
    <div class="right">
xd's avatar
xd committed
57
      <!-- <div class="right-c"> -->
xd's avatar
xd committed
58 59 60
      <div class="top">三号柜组(共18人)</div>
      <div class="searchs">
        <div class="buttons">
xd's avatar
xd committed
61 62 63
          <el-button class="button buttondark" size="small" @click="handleMove"
            >移动</el-button
          >
xd's avatar
xd committed
64 65 66 67
          <el-button
            class="button buttonlight"
            size="small"
            @click="synchronismMember"
xd's avatar
xd committed
68
            >同步记录</el-button
xd's avatar
xd committed
69
          >
xd's avatar
xd committed
70
        </div>
xd's avatar
xd committed
71 72 73 74 75 76
        <!-- 搜索区 -->
        <el-form
          class="searchzone"
          :inline="true"
          :model="formData"
          label-width="auto"
xd's avatar
xd committed
77
        >
xd's avatar
xd committed
78 79 80 81 82 83 84 85 86 87 88 89 90 91 92
          <el-form-item label="关键词">
            <el-input
              size="small"
              v-model="formData.keys"
              style="width:160px"
              placeholder="请输入关键词"
            />
          </el-form-item>
          <el-button class="button buttondark" size="small">搜索</el-button>
        </el-form>
      </div>
      <el-table
        stripe
        class="list"
        ref="multipleTable"
xd's avatar
xd committed
93
        :data="list1.main4"
xd's avatar
xd committed
94 95 96 97 98 99
        tooltip-effect="dark"
        style="width: 100%"
        height="calc(100% - 140px)"
      >
        <el-table-column type="selection" width="60"></el-table-column>
        <el-table-column
xd's avatar
xd committed
100
          prop="name"
xd's avatar
xd committed
101 102 103 104
          label="姓名"
          align="center"
        ></el-table-column>
        <el-table-column
xd's avatar
xd committed
105
          prop="wxId"
xd's avatar
xd committed
106 107 108 109
          label="企业微信ID"
          align="center"
        ></el-table-column>
        <el-table-column
xd's avatar
xd committed
110
          prop="dept"
xd's avatar
xd committed
111 112 113 114
          label="部门"
          align="center"
        ></el-table-column>
        <el-table-column
xd's avatar
xd committed
115
          prop="role"
xd's avatar
xd committed
116 117 118 119
          label="角色"
          align="center"
        ></el-table-column>
        <el-table-column
xd's avatar
xd committed
120
          prop="mobile"
xd's avatar
xd committed
121 122 123 124
          label="手机号"
          align="center"
        ></el-table-column>
        <el-table-column
xd's avatar
xd committed
125 126
          label="同步时间"
          width="180"
xd's avatar
xd committed
127
          align="center"
xd's avatar
xd committed
128 129
          prop="time"
        />
xd's avatar
xd committed
130 131 132
      </el-table>
      <div class="fy">
        <el-pagination
xd's avatar
xd committed
133 134 135 136 137 138 139
          @current-change="handleCurrentChange"
          :current-page="page.currentPage"
          :page-size="page.size"
          layout="total, prev, pager, next, jumper"
          :total="page.total"
        >
        </el-pagination>
xd's avatar
xd committed
140
      </div>
xd's avatar
xd committed
141
    </div>
xd's avatar
xd committed
142 143 144 145 146 147
    <move-dialog
      v-if="moveDialogShow"
      :moveDialog="moveDialogShow"
      @handleCancel="moveDialogShow = false"
      @handleFinish="removeFinish"
    ></move-dialog>
xd's avatar
xd committed
148
    <add-store ref="addStore"></add-store>
xd's avatar
xd committed
149 150 151 152 153 154 155 156 157 158
    <el-dialog title="提示" :visible.sync="nameDialog" width="30%">
      <div class="changeName">
        <span style="margin:0 10px;">门店名称:</span>
        <el-input v-model="storeName" placeholder="请输入名称"></el-input>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="nameDialog = false">取 消</el-button>
        <el-button type="primary" @click="nameDialog = false">确 定</el-button>
      </span>
    </el-dialog>
xd's avatar
xd committed
159 160 161 162
  </div>
</template>

<script>
xd's avatar
xd committed
163
import MoveDialog from "./components/move";
xd's avatar
xd committed
164
// import AddCounter from "./components/addCounter";
xd's avatar
xd committed
165
import AddStore from "./components/addStore";
xd's avatar
xd committed
166
import { getOrgTree } from "@/api/in/mail";
xd's avatar
xd committed
167
export default {
xd's avatar
xd committed
168
  data() {
xd's avatar
xd committed
169
    const data1 = [
xd's avatar
xd committed
170 171
      {
        id: 1,
xd's avatar
xd committed
172
        label: "亿百分科技",
xd's avatar
xd committed
173 174
        children: [
          {
xd's avatar
xd committed
175 176 177
            id: 2,
            label: "一号柜组",

xd's avatar
xd committed
178 179
            children: [
              {
xd's avatar
xd committed
180 181 182
                id: 5,
                label: "Nike门店",
                type: "门店"
xd's avatar
xd committed
183 184
              },
              {
xd's avatar
xd committed
185 186 187 188 189 190 191 192 193 194 195 196 197 198
                id: 6,
                label: "阿迪达斯",
                type: "门店"
              }
            ]
          },
          {
            id: 3,
            label: "二号柜组",
            children: [
              {
                id: 7,
                label: "vans门店",
                type: "门店"
xd's avatar
xd committed
199 200 201
              }
            ]
          }
xd's avatar
xd committed
202 203 204 205 206 207 208 209 210 211
          /*  {
            id: 4,
            label: "三号柜组",
            children: [
              {
                id: 9,
                label: "匡威门店"
              }
            ]
          } */
xd's avatar
xd committed
212
        ]
xd's avatar
xd committed
213 214 215 216 217 218
      }
    ];
    return {
      data1: JSON.parse(JSON.stringify(data1)),
      list1: {
        main1: [
xd's avatar
xd committed
219
          {
xd's avatar
xd committed
220 221 222 223 224 225 226
            id: "1",
            name: "李振华",
            wxId: "lizhenhua",
            dept: "销售部",
            role: "店长",
            mobile: "1588171558",
            time: "2020/01/20"
xd's avatar
xd committed
227 228
          },
          {
xd's avatar
xd committed
229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244
            id: "1",
            name: "唐珊翰",
            wxId: "tangshanyu",
            dept: "销售部",
            role: "店员",
            mobile: "15655447788",
            time: "2020/01/20"
          },
          {
            id: "1",
            name: "苏聪",
            wxId: "sucong",
            dept: "销售部",
            role: "店员",
            mobile: "1887767865",
            time: "2020/01/20"
xd's avatar
xd committed
245
          }
xd's avatar
xd committed
246 247 248 249 250 251 252 253 254 255 256
        ],
        main2: [
          {
            id: "2",
            name: "胡鑫",
            wxId: "huxin",
            dept: "销售部",
            role: "店长",
            mobile: "15881715583",
            time: "2020/01/20"
          },
xd's avatar
xd committed
257
          {
xd's avatar
xd committed
258 259 260 261 262 263 264
            id: "2",
            name: "刘燕",
            wxId: "liuyan",
            dept: "销售部",
            role: "店员",
            mobile: "15655447788",
            time: "2020/01/20"
xd's avatar
xd committed
265 266
          },
          {
xd's avatar
xd committed
267 268 269 270 271 272 273
            id: "2",
            name: "张梦瑶",
            wxId: "zhangmengyao",
            dept: "销售部",
            role: "店员",
            mobile: "18877678653",
            time: "2020/01/20"
xd's avatar
xd committed
274
          }
xd's avatar
xd committed
275 276 277 278 279 280 281 282 283 284 285
        ],
        main3: [
          {
            id: "2",
            name: "吴倩",
            wxId: "wuqian",
            dept: "销售部",
            role: "店长",
            mobile: "15881715583",
            time: "2020/01/20"
          },
xd's avatar
xd committed
286
          {
xd's avatar
xd committed
287 288 289 290 291 292 293
            id: "2",
            name: "吕思思",
            wxId: "lvsisi",
            dept: "销售部",
            role: "店员",
            mobile: "15655443243",
            time: "2020/01/20"
xd's avatar
xd committed
294 295
          },
          {
xd's avatar
xd committed
296 297 298 299 300 301 302
            id: "2",
            name: "张君",
            wxId: "zhangjun",
            dept: "销售部",
            role: "店员",
            mobile: "18877678790",
            time: "2020/01/20"
xd's avatar
xd committed
303
          }
xd's avatar
xd committed
304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322
        ],
        main4: [
          {
            id: "1",
            name: "李振华",
            wxId: "lizhenhua",
            dept: "销售部",
            role: "店长",
            mobile: "1588171558",
            time: "2020/01/20"
          },
          {
            id: "1",
            name: "唐珊翰",
            wxId: "tangshanyu",
            dept: "销售部",
            role: "店员",
            mobile: "15655447788",
            time: "2020/01/20"
xd's avatar
xd committed
323 324
          },
          {
xd's avatar
xd committed
325 326 327 328 329 330 331
            id: "1",
            name: "苏聪",
            wxId: "sucong",
            dept: "销售部",
            role: "店员",
            mobile: "1887767865",
            time: "2020/01/20"
xd's avatar
xd committed
332
          },
xd's avatar
xd committed
333
          {
xd's avatar
xd committed
334 335 336 337 338 339 340
            id: "2",
            name: "胡鑫",
            wxId: "huxin",
            dept: "销售部",
            role: "店长",
            mobile: "15881715583",
            time: "2020/01/20"
xd's avatar
xd committed
341
          },
xd's avatar
xd committed
342
          {
xd's avatar
xd committed
343 344 345 346 347 348 349
            id: "2",
            name: "刘燕",
            wxId: "liuyan",
            dept: "销售部",
            role: "店员",
            mobile: "15655447788",
            time: "2020/01/20"
xd's avatar
xd committed
350 351
          },
          {
xd's avatar
xd committed
352 353 354 355 356 357 358
            id: "2",
            name: "张梦瑶",
            wxId: "zhangmengyao",
            dept: "销售部",
            role: "店员",
            mobile: "18877678653",
            time: "2020/01/20"
xd's avatar
xd committed
359 360
          },
          {
xd's avatar
xd committed
361 362 363 364 365 366 367
            id: "2",
            name: "吴倩",
            wxId: "wuqian",
            dept: "销售部",
            role: "店长",
            mobile: "15881715583",
            time: "2020/01/20"
xd's avatar
xd committed
368 369
          },
          {
xd's avatar
xd committed
370 371 372 373 374 375 376
            id: "2",
            name: "吕思思",
            wxId: "lvsisi",
            dept: "销售部",
            role: "店员",
            mobile: "15655443243",
            time: "2020/01/20"
xd's avatar
xd committed
377
          },
xd's avatar
xd committed
378
          {
xd's avatar
xd committed
379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524
            id: "2",
            name: "张君",
            wxId: "zhangjun",
            dept: "销售部",
            role: "店员",
            mobile: "18877678790",
            time: "2020/01/20"
          }
        ],
        main5: [
          {
            id: "1",
            name: "李振华",
            wxId: "lizhenhua",
            dept: "销售部",
            role: "店长",
            mobile: "1588171558",
            time: "2020/01/20"
          },
          {
            id: "1",
            name: "唐珊翰",
            wxId: "tangshanyu",
            dept: "销售部",
            role: "店员",
            mobile: "15655447788",
            time: "2020/01/20"
          },
          {
            id: "1",
            name: "苏聪",
            wxId: "sucong",
            dept: "销售部",
            role: "店员",
            mobile: "1887767865",
            time: "2020/01/20"
          },
          {
            id: "2",
            name: "胡鑫",
            wxId: "huxin",
            dept: "销售部",
            role: "店长",
            mobile: "15881715583",
            time: "2020/01/20"
          },
          {
            id: "2",
            name: "刘燕",
            wxId: "liuyan",
            dept: "销售部",
            role: "店员",
            mobile: "15655447788",
            time: "2020/01/20"
          },
          {
            id: "2",
            name: "张梦瑶",
            wxId: "zhangmengyao",
            dept: "销售部",
            role: "店员",
            mobile: "18877678653",
            time: "2020/01/20"
          }
        ],
        main6: [
          {
            id: "1",
            name: "李振华",
            wxId: "lizhenhua",
            dept: "销售部",
            role: "店长",
            mobile: "1588171558",
            time: "2020/01/20"
          },
          {
            id: "1",
            name: "唐珊翰",
            wxId: "tangshanyu",
            dept: "销售部",
            role: "店员",
            mobile: "15655447788",
            time: "2020/01/20"
          },
          {
            id: "1",
            name: "苏聪",
            wxId: "sucong",
            dept: "销售部",
            role: "店员",
            mobile: "1887767865",
            time: "2020/01/20"
          },
          {
            id: "2",
            name: "胡鑫",
            wxId: "huxin",
            dept: "销售部",
            role: "店长",
            mobile: "15881715583",
            time: "2020/01/20"
          },
          {
            id: "2",
            name: "刘燕",
            wxId: "liuyan",
            dept: "销售部",
            role: "店员",
            mobile: "15655447788",
            time: "2020/01/20"
          },
          {
            id: "2",
            name: "张梦瑶",
            wxId: "zhangmengyao",
            dept: "销售部",
            role: "店员",
            mobile: "18877678653",
            time: "2020/01/20"
          },
          {
            id: "2",
            name: "吴倩",
            wxId: "wuqian",
            dept: "销售部",
            role: "店长",
            mobile: "15881715583",
            time: "2020/01/20"
          },
          {
            id: "2",
            name: "吕思思",
            wxId: "lvsisi",
            dept: "销售部",
            role: "店员",
            mobile: "15655443243",
            time: "2020/01/20"
          },
          {
            id: "2",
            name: "张君",
            wxId: "zhangjun",
            dept: "销售部",
            role: "店员",
            mobile: "18877678790",
            time: "2020/01/20"
xd's avatar
xd committed
525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549
          }
        ],
        search: {
          bar: [
            {
              id: "1",
              name: "全部"
            },
            {
              id: "2",
              name: "测试"
            }
          ],
          taskType: [
            {
              id: "1",
              name: "全部"
            },
            {
              id: "2",
              name: "测试"
            }
          ]
        }
      },
xd's avatar
xd committed
550

xd's avatar
xd committed
551
      isShow: false,
xd's avatar
xd committed
552 553 554 555 556 557 558 559 560
      formData: {
        status: "",
        keys: ""
      },
      statusList: [],
      page: {
        currentPage: 1,
        size: 20,
        total: 100
xd's avatar
xd committed
561 562
      },
      moveDialogShow: false,
xd's avatar
xd committed
563
      counterDialog: false,
xd's avatar
xd committed
564 565 566 567 568 569 570 571 572 573
      storeDialog: false,
      storeName: "",
      nameDialog: false,
      allNumber: "",
      wNumber: "",
      orgData: {
        label: "name",
        children: "adminStallList",
        id: "id"
      }
xd's avatar
xd committed
574 575
    };
  },
xd's avatar
xd committed
576
  components: {
xd's avatar
xd committed
577
    MoveDialog,
xd's avatar
xd committed
578
    // AddCounter,
xd's avatar
xd committed
579
    AddStore
xd's avatar
xd committed
580
  },
xd's avatar
xd committed
581
  created() {
xd's avatar
xd committed
582 583
    this.getOrgTree();
    this.getMailList();
xd's avatar
xd committed
584
  },
xd's avatar
xd committed
585
  methods: {
xd's avatar
xd committed
586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618
    getOrgTree() {
      /* getOrgTree().then( res => {
        console.log(res,"tree???");
        let data = res.data
        this.allNumber = data['用户的总数']
        this.wNumber = data['未分组用户的总数']
        this.data1 = data['所有的柜组']
      }) */
    },
    handleTreeClick(data) {
      console.log(data, "data");

      switch (data.id) {
        case 1:
          this.list1.main4 = this.list1.main6;
          break;
        case 5:
          this.list1.main4 = this.list1.main1;
          break;
        case 6:
          this.list1.main4 = this.list1.main2;
          break;
        case 7:
          this.list1.main4 = this.list1.main3;
          break;
          case 2:
          this.list1.main4 = this.list1.main5;
          break;
        default:
          this.list1.main4 = this.list1.main3;
          break;
      }
    },
xd's avatar
xd committed
619
    append(data) {
xd's avatar
xd committed
620 621 622 623 624 625
      const newChild = { id: id++, label: "testtest", children: [] };
      if (!data.children) {
        this.$set(data, "children", []);
      }
      data.children.push(newChild);
    },
xd's avatar
xd committed
626
    edit(data) {
xd's avatar
xd committed
627 628 629
      console.log(data, "data");

      this.nameDialog = true;
xd's avatar
xd committed
630 631 632
    },
    remove(data) {
      console.log("删除");
xd's avatar
xd committed
633 634 635 636 637 638 639 640 641 642 643

      this.$confirm(
        "门店下包含成员,删除后所有成员将被移动到“未分组”列表,是否确认继续删除?",
        {}
      )
        .then(() => {
          this.$message.success("删除成功");
        })
        .catch(() => {
          this.$message.info("取消删除");
        });
xd's avatar
xd committed
644 645 646 647 648
    },
    listPick() {},
    testButtonClick() {},
    pagesSizeChange() {},
    pagesNowPageChange() {},
xd's avatar
xd committed
649 650 651 652 653
    synchronismMember() {
      this.isShow = true;
      this.$emit("isShow", this.isShow);
    },
    handleMove() {
xd's avatar
xd committed
654
      this.moveDialogShow = true;
xd's avatar
xd committed
655 656
    },
    removeFinish() {
xd's avatar
xd committed
657
      this.moveDialogShow = false;
xd's avatar
xd committed
658
    },
xd's avatar
xd committed
659
    handleCurrentChange() {},
xd's avatar
xd committed
660
    /* addCounter() {
xd's avatar
xd committed
661
      this.$refs.addCounter.counterDialog = true;
xd's avatar
xd committed
662
    }, */
xd's avatar
xd committed
663
    addStore() {
xd's avatar
xd committed
664
      console.log("触发没");
xd's avatar
xd committed
665

xd's avatar
xd committed
666
      this.$refs.addStore.addStoreDialog = true;
xd's avatar
xd committed
667 668
    },
    getMailList() {
xd's avatar
xd committed
669
      /* let data = {
xd's avatar
xd committed
670 671 672 673 674

      }
      getMailList(data).then(res => {
        console.log(res,"通讯录表格数据");
        
xd's avatar
xd committed
675
      }) */
xd's avatar
xd committed
676
    },
xd's avatar
xd committed
677
    handleShopowner() {}
xd's avatar
xd committed
678
  }
xd's avatar
xd committed
679
};
xd's avatar
xd committed
680 681 682
</script>

<style scoped>
xd's avatar
xd committed
683 684 685
.btn >>> .el-button + .el-button {
  margin-left: 5px;
}
xd's avatar
xd committed
686 687 688 689 690
.mail {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}
xd's avatar
xd committed
691 692 693 694
.run {
  height: 34px;
  width: 100%;
  position: relative;
xd's avatar
xd committed
695
}
xd's avatar
xd committed
696 697
.top {
  padding-bottom: 10px;
698
  border-bottom: 1px solid #f8f8f8;
xd's avatar
xd committed
699
}
xd's avatar
xd committed
700 701 702 703 704 705 706
.changeName {
  display: flex;
  align-items: center;
}
.changeName >>> .el-input {
  width: 70%;
}
xd's avatar
xd committed
707 708 709 710
.end {
  display: flex;
  align-items: center;
  width: 100%;
xd's avatar
xd committed
711
  box-sizing: border-box;
xd's avatar
xd committed
712
  bottom: 0;
xd's avatar
xd committed
713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730
}
.add-l,
.add-r {
  width: 50%;
  height: 32px;
  border: 1px solid rgba(78, 89, 199, 1);
  width: 100%;
  text-align: center;
  line-height: 32px;
}
.add-l {
  background-color: #e8e9fe;
  color: rgba(78, 89, 199, 1);
}
.add-r {
  background-color: #4e59c7;
  color: #fff;
}
xd's avatar
xd committed
731
.ty {
xd's avatar
xd committed
732 733 734
  height: 40px;
  background: rgba(248, 248, 248, 1);
  border-radius: 26px;
xd's avatar
xd committed
735 736 737 738
  display: flex;
  align-items: center;
  padding: 0 16px;
  font-size: 16px;
xd's avatar
xd committed
739
  color: rgba(51, 51, 51, 1);
xd's avatar
xd committed
740 741 742 743
  justify-content: space-between;
}
.bottom {
  padding: 12px;
xd's avatar
xd committed
744
  margin-bottom: 20px;
xd's avatar
xd committed
745 746 747
}
.title {
  height: 48px;
xd's avatar
xd committed
748
  background: rgba(78, 89, 199, 1);
xd's avatar
xd committed
749 750 751 752 753 754 755 756
  line-height: 48px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.ct {
  display: flex;
  flex-direction: row;
xd's avatar
xd committed
757
  background-color: #f8f8f8;
xd's avatar
xd committed
758 759
  min-height: 100%;
}
xd's avatar
xd committed
760 761 762
.left {
  position: relative;
  width: 20%;
xd's avatar
xd committed
763
  overflow: auto;
xd's avatar
xd committed
764 765
  flex-direction: column;
  justify-content: space-between;
xd's avatar
xd committed
766 767
}
.right {
xd's avatar
xd committed
768
  position: relative;
xd's avatar
xd committed
769 770
  padding: 10px;
  margin-left: 10px;
xd's avatar
xd committed
771
  width: 79%;
xd's avatar
xd committed
772
}
xd's avatar
xd committed
773
.left,
xd's avatar
xd committed
774 775 776
.right {
  display: flex;
  flex-direction: column;
xd's avatar
xd committed
777 778 779
  background-color: #fff;
  height: 100%;
  box-sizing: border-box;
xd's avatar
xd committed
780
  box-shadow: 0px 2px 4px 0px #ddd;
xd's avatar
xd committed
781 782
}

xd's avatar
xd committed
783 784 785 786 787 788 789 790 791 792 793
.number {
  font-size: 14px;
  margin-top: 2px;
  margin-left: 8px;
}
.icon {
  /* display: inline-block; */
  width: 16px;
  height: 16px;
}

xd's avatar
xd committed
794
.main {
xd's avatar
xd committed
795
  /* // border: 2px solid orange; */
xd's avatar
xd committed
796
  width: 100%;
xd's avatar
xd committed
797 798 799 800 801
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
xd's avatar
xd committed
802

xd's avatar
xd committed
803 804 805 806 807 808
.lists {
  height: auto;
  min-height: 70%;
  width: 100%;
  margin-top: 20px;
}
xd's avatar
xd committed
809

xd's avatar
xd committed
810 811 812 813 814 815 816 817 818 819 820 821
.listButtonRed {
  /* // border: 2px solid green; */
  color: red;
}
.pages {
  height: 40px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
xd's avatar
xd committed
822 823 824
.fy {
  height: 35px;
}
xd's avatar
xd committed
825
.tree {
xd's avatar
xd committed
826
  border-radius: 10px;
xd's avatar
xd committed
827 828 829 830 831 832
  background: #f8f8f8;
}
.tree >>> .el-tree {
  background: transparent;
}
.el-icon-delete {
xd's avatar
xd committed
833
  color: rgba(208, 2, 27, 1);
xd's avatar
xd committed
834
}
xd's avatar
xd committed
835 836
.el-icon-delete,
.el-icon-edit {
xd's avatar
xd committed
837 838
  font-weight: bold;
}
xd's avatar
xd committed
839
</style>