通讯录未完成

ybf_admin/src/assets/svg-icons/icons/counter.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1578375463276" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4798" xmlns:xlink="http://www.w3.org/1999/xlink" width="290" height="290"><defs><style type="text/css"></style></defs><path d="M290.514286 533.485714c1.485714 0.342857 3.085714 0.457143 4.571428 0.457143 10.628571 0 20.228571-7.542857 22.4-18.285714 10.742857-53.028571 33.257143-100.571429 63.314286-133.942857 32.914286-36.457143 72.685714-54.857143 118.285714-54.971429 4.114286 0.342857 8.228571 0.457143 12.457143 0.457143 90.057143 0 163.428571-73.257143 163.428572-163.428571S601.714286 0.342857 511.542857 0.342857c-90.057143 0-163.428571 73.257143-163.428571 163.428572 0 55.542857 27.885714 104.685714 70.4 134.285714-26.285714 11.771429-50.4 29.485714-71.542857 52.914286-35.542857 39.428571-61.942857 94.628571-74.285715 155.542857-2.514286 12.342857 5.485714 24.457143 17.828572 26.971428z m103.314285-369.714285c0-64.914286 52.8-117.714286 117.714286-117.714286s117.714286 52.8 117.714286 117.714286-52.8 117.714286-117.714286 117.714285-117.714286-52.8-117.714286-117.714285zM735.428571 561.942857c-1.485714 0-2.971429 0.114286-4.457142 0.457143h-438.857143c-1.371429-0.228571-2.857143-0.457143-4.457143-0.457143-12.571429 0-22.857143 10.285714-22.857143 22.857143 0 12.8 10.4 23.314286 23.314286 23.314286h446.857143c12.8 0 23.314286-10.4 23.314285-23.314286 0-12.685714-10.285714-22.857143-22.857143-22.857143zM652.228571 329.6c-9.6-8.114286-24.114286-6.857143-32.228571 2.742857-8.114286 9.6-6.857143 24.114286 2.742857 32.228572 39.542857 33.257143 69.6 88.457143 82.742857 151.2 2.285714 10.742857 11.771429 18.171429 22.4 18.171428 1.485714 0 3.085714-0.114286 4.685715-0.457143 12.342857-2.514286 20.342857-14.628571 17.714285-27.085714-15.428571-73.6-50.171429-136.342857-98.057143-176.8z" p-id="4799" fill="#4E59C7"></path><path d="M780.914286 1023.542857H244.685714c-13.257143 0-24-10.742857-24-24V776.914286H96.914286c-13.257143 0-24-10.742857-24-24V586.285714c0-13.257143 10.742857-24 24-24h830.171428c13.257143 0 24 10.742857 24 24v166.628572c0 13.257143-10.742857 24-24 24H804.914286v222.514285c0 13.257143-10.742857 24.114286-24 24.114286z m-514.514286-45.714286h492.914286V755.2c0-13.257143 10.742857-24 24-24h122.057143V608H118.628571v123.2h123.771429c13.257143 0 24 10.742857 24 24v222.628571zM927.085714 608z" p-id="4800" fill="#4E59C7"></path></svg>
\ No newline at end of file

ybf_admin/src/assets/svg-icons/icons/delete.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1578396173802" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7431" xmlns:xlink="http://www.w3.org/1999/xlink" width="290" height="290"><defs><style type="text/css"></style></defs><path d="M517.59 21.609c-100.299 0-181.703 79.514-185.167 179.34H98.603c-25.979 0-47.235 21.099-47.235 47.236 0 25.98 21.099 47.237 47.236 47.237h52.117v528.416c0 99.196 67.233 180.285 150.37 180.285h423.55c82.98 0 150.37-80.616 150.37-180.285V295.737h47.236c25.98 0 47.236-21.1 47.236-47.237 0-25.98-21.099-47.236-47.236-47.236H702.441C699.449 101.124 617.888 21.61 517.59 21.61z m-96.677 179.34c3.464-51.172 45.19-90.85 96.834-90.85s93.37 39.835 96.362 90.85H420.913z m-119.98 714.842c-29.444 0-61.88-37.789-61.88-91.953V295.737h547.311V824.31c0 54.007-32.436 91.954-61.88 91.954H300.933v-0.473z m0 0" p-id="7432" fill="#D0021B"></path><path d="M364.387 802.267c21.57 0 39.363-21.571 39.363-48.653V476.022c0-27.082-17.635-48.654-39.363-48.654-21.572 0-39.364 21.572-39.364 48.654v277.592c0 26.924 17.32 48.653 39.364 48.653z m142.496 0c21.571 0 39.363-21.571 39.363-48.653V476.022c0-27.082-17.635-48.654-39.363-48.654-21.571 0-39.364 21.572-39.364 48.654v277.592c0 26.924 17.793 48.653 39.364 48.653z m149.896 0c21.571 0 39.364-21.571 39.364-48.653V476.022c0-27.082-17.635-48.654-39.364-48.654-21.571 0-39.363 21.572-39.363 48.654v277.592c0 26.924 17.162 48.653 39.363 48.653z m0 0" p-id="7433" fill="#D0021B"></path></svg>
\ No newline at end of file

ybf_admin/src/assets/svg-icons/icons/edit.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1578396139272" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6571" xmlns:xlink="http://www.w3.org/1999/xlink" width="290" height="290"><defs><style type="text/css"></style></defs><path d="M212.782 890.424a26.081 26.081 0 0 1-26.05-26.05 26.081 26.081 0 0 1 26.05-26.061h624.574a26.086 26.086 0 0 1 26.05 26.06 26.081 26.081 0 0 1-26.05 26.051H212.782z m486.682-500.193a25.748 25.748 0 0 1-18.37-7.629L571.97 273.48a26.081 26.081 0 0 1 0-36.844c4.92-4.915 11.458-7.629 18.421-7.629s13.502 2.709 18.422 7.63l109.123 109.117a25.907 25.907 0 0 1 7.618 18.432 25.892 25.892 0 0 1-7.66 18.421 25.861 25.861 0 0 1-18.39 7.624h-0.041z" fill="#F5A623" p-id="6572"></path><path d="M217.62 760.187a29.015 29.015 0 0 1-27.683-37.755l55.67-176.63a29.058 29.058 0 0 1 7.157-11.801l408.653-408.653a29.03 29.03 0 0 1 41.052 0l120.955 120.96a29.03 29.03 0 0 1 0 41.052L414.776 696.008a29.015 29.015 0 0 1-11.796 7.157L226.35 758.84a28.98 28.98 0 0 1-8.73 1.347z m81.219-190.162L262.062 686.71l116.685-36.782 383.104-383.1-79.903-79.902L298.84 570.025z" fill="#F5A623" p-id="6573"></path></svg>
\ No newline at end of file

ybf_admin/src/assets/svg-icons/icons/mail.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1578368184114" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3751" xmlns:xlink="http://www.w3.org/1999/xlink" width="290" height="290"><defs><style type="text/css"></style></defs><path d="M576 508.8c70.4 0 128-57.6 128-128s-57.6-128-128-128-128 57.6-128 128 57.6 128 128 128z m0-192c35.2 0 64 28.8 64 64s-28.8 64-64 64-64-28.8-64-64 28.8-64 64-64zM624 531.2h-96c-99.2 0-176 105.6-176 176 0 16 0 64 64 64h320c64 0 64-48 64-64 0-70.4-76.8-176-176-176zM416 707.2c0-38.4 51.2-112 112-112h96c60.8 0 112 73.6 112 112H416z" p-id="3752" fill="#4E59C7"></path><path d="M864 32H224C169.6 32 128 73.6 128 128v185.6H96c-19.2 0-32 12.8-32 32s12.8 32 32 32h32v256H96c-19.2 0-32 12.8-32 32s12.8 32 32 32h32V896c0 54.4 41.6 96 96 96h640c54.4 0 96-41.6 96-96V128c0-54.4-41.6-96-96-96z m32 864c0 19.2-12.8 32-32 32H224c-19.2 0-32-12.8-32-32v-198.4h32c19.2 0 32-12.8 32-32s-12.8-32-32-32H192v-256h32c19.2 0 32-12.8 32-32s-12.8-32-32-32H192V128c0-19.2 12.8-32 32-32h640c19.2 0 32 12.8 32 32v768z" p-id="3753" fill="#4E59C7"></path></svg>
\ No newline at end of file

ybf_admin/src/assets/svg-icons/icons/store.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1578375531917" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5696" xmlns:xlink="http://www.w3.org/1999/xlink" width="290" height="290"><defs><style type="text/css"></style></defs><path d="M925.789091 425.658182a150.341818 150.341818 0 0 1-52.596364 113.570909 10.007273 10.007273 0 0 1 0 2.56v276.945454a75.403636 75.403636 0 0 1-75.403636 75.403637h-553.890909a75.636364 75.636364 0 0 1-75.636364-75.403637v-276.945454-2.56A150.109091 150.109091 0 0 1 116.363636 425.658182C116.363636 418.909091 116.363636 418.909091 206.429091 179.432727A64.698182 64.698182 0 0 1 264.378182 139.636364h513.396363a64.698182 64.698182 0 0 1 57.949091 40.029091C925.789091 418.909091 925.789091 418.909091 925.789091 425.658182z m-656.989091-186.181818a25.134545 25.134545 0 0 0 0 50.269091h504.32a25.134545 25.134545 0 0 0 0-50.269091z m554.589091 579.258181V568.32a148.712727 148.712727 0 0 1-50.967273 9.309091 186.181818 186.181818 0 0 1-128.698182-55.621818 164.538182 164.538182 0 0 1-121.949091 55.621818A188.509091 188.509091 0 0 1 395.636364 522.24a165.701818 165.701818 0 0 1-125.207273 55.389091 150.109091 150.109091 0 0 1-51.2-9.309091v250.414545a25.134545 25.134545 0 0 0 25.367273 25.134546H798.254545a25.134545 25.134545 0 0 0 25.134546-25.134546z" p-id="5697" fill="#4E59C7"></path></svg>
\ No newline at end of file

ybf_admin/src/pages/in/bar/index.vue

 <template>
-  <d2-container>
-    <template slot="header">header</template>
-    in/bar/index.vue
-    <template slot="footer">footer</template>
-  </d2-container>
+  <div class="gz">柜组</div>
 </template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style scoped>
+  .gz {
+    width: 100px;
+    height: 100px;
+    background-color: pink;
+  }
+</style>

ybf_admin/src/pages/in/contact/components/nav.vue

+<template>
+  <div>
+    <div>
+      <el-row class="tac">
+        <el-col>
+          <el-menu
+            :default-active="index"
+            class="el-menu-vertical-demo"
+            @open="handleOpen"
+            @close="handleClose"
+          >
+            <el-menu-item index="1">
+              <span class="circle"><d2-icon-svg name="mail"/></span>
+              <span slot="title">通讯录管理</span>
+            </el-menu-item>
+            <el-menu-item index="2">
+              <span class="circle"><d2-icon-svg name="counter"/></span>
+              <span slot="title">柜组管理</span>
+            </el-menu-item>
+            <el-menu-item index="3">
+              <span class="circle"><d2-icon-svg name="store"/></span>
+              <span slot="title">门店管理</span>
+            </el-menu-item>
+          </el-menu>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      index: '1'
+    }
+  },
+  methods: {
+    handleClose () {},
+    handleOpen () {}
+  }
+}
+</script>
+
+<style scoped>
+.tac {
+  width:248px;
+  height: 100%;
+}
+.tac >>> .el-menu {
+  border-right: none;
+}
+.circle {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  background:rgba(255,255,255,1);
+  box-shadow: 0px 1px 2px 0px rgba(78,89,199,1);
+  border-radius: 50%;
+  line-height: 24px;
+  text-align: center;
+  margin-right: 12px;
+}
+.theme-d2 .el-menu-item svg, .theme-d2 .el-submenu__title svg {
+  margin-right: 0;
+}
+
+</style>

ybf_admin/src/pages/in/contact/counter.vue

+<template>
+  <div>
+      <div>柜台</div>
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file

ybf_admin/src/pages/in/contact/index.vue

 <template>
-  <d2-container>
-    <!-- <template slot="header">header</template> -->
-    in/contact/index.vue
-    <!-- <template slot="footer">footer</template> -->
+  <d2-container class="ct">
+    <template slot="header">header</template>
+    <div class="test">
+      <!-- <Left-Nav style="min-height:100%;"></Left-Nav>  -->
+      <div class="tac">
+        <el-menu
+          :default-active="index"
+          class="el-menu-vertical-demo"
+          @open="handleOpen"
+          @close="handleClose"
+        >
+          <el-menu-item index="1" @click="handleMenuChange('1')">
+            <span class="circle"><d2-icon-svg name="mail"/></span>
+            <span slot="title">通讯录管理</span>
+          </el-menu-item>
+          <el-menu-item index="2" @click="handleMenuChange('2')">
+            <span class="circle"><d2-icon-svg name="counter"/></span>
+            <span slot="title">柜组管理</span>
+          </el-menu-item>
+          <el-menu-item index="3" @click="handleMenuChange('3')">
+            <span class="circle"><d2-icon-svg name="store"/></span>
+            <span slot="title">门店管理</span>
+          </el-menu-item>
+        </el-menu>
+      </div>
+    </div>
+    <div class="content">
+      <mail v-if="index == '1'"></mail>
+      <store v-if="index == '2'"></store>
+      <counter v-if="index == '3'"></counter>
+    </div>
   </d2-container>
 </template>
+
+<script>
+import Mail from "./mail";
+import Store from "./store";
+import Counter from "./counter";
+export default {
+  components: {
+    Mail,
+    Store,
+    Counter
+  },
+  data () {
+    return {
+      index: '1'
+    }
+  },
+  methods: {
+    handleClose () {},
+    handleOpen (index) {
+    },
+    handleMenuChange (index) {
+      this.index = index    
+    }
+  } 
+}
+</script>
+<style></style>
+<style scoped>
+.test {
+  /* border: 2px solid red; */
+  min-height: 100%;
+  /* box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1); */
+  display: flex;
+}
+.ct >>> .d2-container-full__body {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 !important;
+}
+.tac {
+  width:248px;
+  height: 100%;
+  /* box-shadow: 0px 4px 0px 0px rgba(221, 221, 221, 1); */
+}
+.tac >>> .el-menu {
+  border-right: none;
+}
+.content {
+  flex: 6;
+}
+.circle {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  background:rgba(255,255,255,1);
+  box-shadow: 0px 1px 2px 0px rgba(78,89,199,1);
+  border-radius: 50%;
+  line-height: 24px;
+  text-align: center;
+  margin-right: 12px;
+}
+.theme-d2 .el-menu-item svg, .theme-d2 .el-submenu__title svg {
+  margin-right: 0;
+}
+</style>

ybf_admin/src/pages/in/contact/mail.vue

+<template>
+  <div class="ct">
+    <div class="left">
+      <div class="title">组织架构</div>
+      <div class="bottom">
+        <div class="ty">
+          <div>
+            <span>全部</span>
+            <span class="number">(103)</span>
+          </div>
+          <div>
+            <span><d2-icon-svg name="edit" class="icon"/></span>
+            <span style="margin-left:8px;"><d2-icon-svg name="delete" class="icon"/></span>
+          </div>
+        </div>
+        <div class="ty" style="margin:15px 0;">
+          <div>
+            <span>未分组</span>
+            <span class="number">(8)</span>
+          </div>
+          <div>
+            <span><d2-icon-svg name="edit" class="icon"/></span>
+            <span style="margin-left:8px;"><d2-icon-svg name="delete" class="icon"/></span>
+          </div>
+        </div>
+        <el-tree
+          :data="data"
+          show-checkbox
+          node-key="id"
+          default-expand-all
+          :expand-on-click-node="false"
+        >
+          <span class="custom-tree-node" slot-scope="{ node, data }" >
+            <span>{{ node.label }}</span>
+            <span style="margin-left:20px;">
+              <d2-icon-svg name="edit" class="icon" @click="() => edit(data)"/>
+              <d2-icon-svg name="delete" class="icon" @click="() => remove(node, data)"/>
+            </span>
+          </span>
+        </el-tree>
+      </div>
+    </div>
+    <div class="right">
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    const data = [
+      {
+        id: 1,
+        label: "一级 1",
+        children: [
+          {
+            id: 4,
+            label: "二级 1-1",
+            children: [
+              {
+                id: 9,
+                label: "三级 1-1-1"
+              },
+              {
+                id: 10,
+                label: "三级 1-1-2"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        id: 2,
+        label: "一级 2",
+        children: [
+          {
+            id: 5,
+            label: "二级 2-1"
+          },
+          {
+            id: 6,
+            label: "二级 2-2"
+          }
+        ]
+      },
+      {
+        id: 3,
+        label: "一级 3",
+        children: [
+          {
+            id: 7,
+            label: "二级 3-1"
+          },
+          {
+            id: 8,
+            label: "二级 3-2"
+          }
+        ]
+      }
+    ];
+    return {
+      data: JSON.parse(JSON.stringify(data))
+    };
+  },
+  methods: {
+    append (data) {
+      const newChild = { id: id++, label: "testtest", children: [] };
+      if (!data.children) {
+        this.$set(data, "children", []);
+      }
+      data.children.push(newChild);
+    },
+    edit (data) {
+
+    },
+    remove (node, data) {
+      const parent = node.parent;
+      const children = parent.data.children || parent.data;
+      const index = children.findIndex(d => d.id === data.id);
+      children.splice(index, 1);
+    }
+  }
+}
+</script>
+
+<style scoped>
+.ty {
+  height:40px;
+  background:rgba(248,248,248,1);
+  border-radius:26px;
+  display: flex;
+  align-items: center;
+  padding: 0 16px;
+  font-size: 16px;
+  color:rgba(51,51,51,1);
+  justify-content: space-between;
+}
+.bottom {
+  padding: 12px;
+}
+.title {
+  height: 48px;
+  background:rgba(78,89,199,1);
+  line-height: 48px;
+  text-align: center;
+  color: #fff;
+  font-size: 16px;
+}
+.ct {
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row;
+  background-color: #F8F8F8;
+  padding: 16px;
+  min-height: 100%;
+}
+.left {
+ flex: 1;
+}
+.left, .right {
+  background-color: #fff;
+  min-height: 100%;
+}
+.right {
+  flex: 3;
+  background-color: blue;
+  height: 100px;
+  margin-left: 20px;  
+}
+.number {
+  font-size: 14px;
+  margin-top: 2px;
+  margin-left: 8px;
+}
+.icon {
+  /* display: inline-block; */
+  width: 16px;
+  height: 16px;
+}
+
+</style>

ybf_admin/src/pages/in/contact/store.vue

+<template>
+  <div>
+      <div>门店管理</div>
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file

ybf_admin/src/pages/in/shop/index.vue

 <template>
-  <d2-container>
-    <template slot="header">header</template>
-    in/shop/index.vue
-    <template slot="footer">footer</template>
-  </d2-container>
+  <div class="shop">门店</div>
 </template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style scoped>
+  .shop {
+    width: 100px;
+    height: 100px;
+    background-color: pink;
+  }
+</style>

ybf_admin/src/router/routes.js

@@ -2,7 +2,6 @@ import layoutHeaderAside from '@/layout/header-aside'
 
 // 由于懒加载页面太多的话会造成webpack热更新太慢，所以开发环境不使用懒加载，只有生产环境使用懒加载
 const _import = require('@/libs/util.import.' + process.env.NODE_ENV)
-
 /**
  * 在主框架内显示
  */