From bfa15e79401ef943f089c45b984cbd7fd2019de1 Mon Sep 17 00:00:00 2001
From: "271556543@qq.com" <271556543@qq.com>
Date: Mon, 4 Jul 2022 17:25:27 +0800
Subject: [PATCH] menu

---
 src/components/MyTable/index.vue             | 61 ++++++++++++++++++
 src/views/customer/createCustomer.vue        | 17 +++++
 src/views/customer/customerList.vue          | 17 +++++
 src/views/order/applyManage.vue              | 17 +++++
 src/views/order/orderList.vue                | 17 +++++
 src/views/order/schedulingManage.vue         | 17 +++++
 src/views/people/operatorManage.vue          | 17 +++++
 src/views/people/salespersonManage.vue       | 65 +++++++++++++++++++
 src/views/people/siteManage.vue              | 17 +++++
 src/views/people/workerManage.vue            | 68 ++++++++++++++++++++
 src/views/product/productClassify.vue        | 17 +++++
 src/views/product/productManage.vue          | 17 +++++
 src/views/product/serviceProject.vue         | 17 +++++
 src/views/product/serviceProjectClassify.vue | 17 +++++
 14 files changed, 381 insertions(+)
 create mode 100644 src/components/MyTable/index.vue
 create mode 100644 src/views/customer/createCustomer.vue
 create mode 100644 src/views/customer/customerList.vue
 create mode 100644 src/views/order/applyManage.vue
 create mode 100644 src/views/order/orderList.vue
 create mode 100644 src/views/order/schedulingManage.vue
 create mode 100644 src/views/people/operatorManage.vue
 create mode 100644 src/views/people/salespersonManage.vue
 create mode 100644 src/views/people/siteManage.vue
 create mode 100644 src/views/people/workerManage.vue
 create mode 100644 src/views/product/productClassify.vue
 create mode 100644 src/views/product/productManage.vue
 create mode 100644 src/views/product/serviceProject.vue
 create mode 100644 src/views/product/serviceProjectClassify.vue

diff --git a/src/components/MyTable/index.vue b/src/components/MyTable/index.vue
new file mode 100644
index 0000000..6bf542b
--- /dev/null
+++ b/src/components/MyTable/index.vue
@@ -0,0 +1,61 @@
+<template>
+  <div class="table-tree">
+    <el-table :data="list" :height="tableHeight" class="v-table" style="width: 100%;margin-bottom: 20px;" row-key="id" border default-expand-all :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
+      <el-table-column type="index" align="center"></el-table-column>
+
+      <template v-for="(item,index) in tableItem">
+        <el-table-column header-align="center" align="center" :label="item.label" :prop="item.prop" :width="item.width?item.width:'auto'" :sortable="item.sortable?item.sortable:true"></el-table-column>
+      </template>
+
+      <el-table-column fixed="right" label="操作" :width="rightWidth" header-align="center">
+        <template slot-scope="scope">
+          <slot name="btns">
+            <Button type="error"  size="small" style="margin-left: 10px;" ghost @click="$emit('delClick')">删除</Button>
+            <Button type="primary"  size="small" style="margin-left: 10px;" ghost @click="$emit('editorClick')">编辑</Button>
+          </slot>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  props:{
+    rightWidth:{
+      type:Number,
+      default:200
+    },
+    list:{
+      type:Array,
+      default:[]
+    },
+    tableItem:{
+      type:Array,
+      default:[]
+    }
+  },
+  data() {
+    return {
+      tableHeight: 0,
+    }
+  },
+  methods: {
+    initLoad() {
+      var that = this;
+      var clientHeight = document.documentElement.clientHeight
+      var lxHeader_height = 96.5; //查询 头部
+      var paginationHeight = 37; //分页的高度
+      var topHeight = 50; //页面 头部
+      let tableHeight = clientHeight - lxHeader_height - topHeight - paginationHeight - 20;
+      that.tableHeight = tableHeight;
+    },
+  },
+  created() {
+    this.initLoad()
+  }
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/views/customer/createCustomer.vue b/src/views/customer/createCustomer.vue
new file mode 100644
index 0000000..0310d13
--- /dev/null
+++ b/src/views/customer/createCustomer.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/views/customer/customerList.vue b/src/views/customer/customerList.vue
new file mode 100644
index 0000000..0310d13
--- /dev/null
+++ b/src/views/customer/customerList.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/views/order/applyManage.vue b/src/views/order/applyManage.vue
new file mode 100644
index 0000000..0310d13
--- /dev/null
+++ b/src/views/order/applyManage.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/views/order/orderList.vue b/src/views/order/orderList.vue
new file mode 100644
index 0000000..0310d13
--- /dev/null
+++ b/src/views/order/orderList.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/views/order/schedulingManage.vue b/src/views/order/schedulingManage.vue
new file mode 100644
index 0000000..0310d13
--- /dev/null
+++ b/src/views/order/schedulingManage.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/views/people/operatorManage.vue b/src/views/people/operatorManage.vue
new file mode 100644
index 0000000..0310d13
--- /dev/null
+++ b/src/views/people/operatorManage.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/views/people/salespersonManage.vue b/src/views/people/salespersonManage.vue
new file mode 100644
index 0000000..4797437
--- /dev/null
+++ b/src/views/people/salespersonManage.vue
@@ -0,0 +1,65 @@
+<template>
+  <div class="container" style="padding: 0px 20px">
+    <!--查询-->
+    <div>
+      <div ref="lxHeader">
+        <LxHeader icon="md-apps" text="销售管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
+          <div slot="content"></div>
+          <slot>
+            <div>
+              <Input style="width: 200px; margin-right: 10px" placeholder="关键字搜索" />
+              <Button type="primary" style="margin-left: 10px">查询</Button>
+              <Button type="primary" style="margin-left: 10px">创建销售人员</Button>
+            </div>
+          </slot>
+        </LxHeader>
+      </div>
+    </div>
+
+    <!--  表格  -->
+    <MyTable :table-item="tableItem" :list="list"></MyTable>
+
+    <div style="display: flex;justify-content: flex-end;">
+      <Page :total="10" show-elevator />
+    </div>
+  </div>
+</template>
+
+<script>
+import LxHeader from "@/components/LxHeader/index.vue"
+import MyTable from '@/components/MyTable/index.vue'
+import {getList} from "@/api/people/salespersonManage"
+export default {
+  components:{
+    LxHeader,
+    MyTable
+  },
+  data() {
+    return {
+      tableItem:[
+        {
+          prop:"name",
+          label:"姓名"
+        },
+        {
+          prop:"username",
+          label:"用户名"
+        }
+      ],
+      list:JSON.parse('{"status":1,"data":{"rows":[{"id":1,"username":"songwz","name":"\u5b8b\u536b\u5b97","mobile":"18962113007","avatar":null,"created_at":"2021-12-02T12:50:53.000000Z","updated_at":"2021-12-02T16:13:26.000000Z","deleted_at":null},{"id":3,"username":"ags","name":"\u5b8b\u6d4b\u8bd5","mobile":"13933193538","avatar":null,"created_at":"2021-12-02T12:56:41.000000Z","updated_at":"2021-12-02T12:56:41.000000Z","deleted_at":null},{"id":7,"username":"liuxy1","name":"\u5218\u7fd4\u5b87","mobile":"18550337240","avatar":null,"created_at":"2021-12-03T17:17:46.000000Z","updated_at":"2022-06-20T07:01:00.000000Z","deleted_at":null},{"id":8,"username":"liuyu","name":"\u5218\u745c","mobile":"18550337340","avatar":null,"created_at":"2021-12-08T07:57:37.000000Z","updated_at":"2022-05-06T08:24:00.000000Z","deleted_at":null},{"id":10,"username":"15995078066","name":"\u6c88\u9ece","mobile":"15995078066","avatar":null,"created_at":"2021-12-21T09:32:40.000000Z","updated_at":"2022-05-06T08:25:00.000000Z","deleted_at":null},{"id":11,"username":"18362235035","name":"\u7fc1\u96ea\u71d5","mobile":"18362235035","avatar":null,"created_at":"2021-12-21T09:33:18.000000Z","updated_at":"2022-05-06T08:25:13.000000Z","deleted_at":null},{"id":12,"username":"13813578617","name":"\u534e\u60e0\u7389","mobile":"13813578617","avatar":null,"created_at":"2021-12-21T09:33:50.000000Z","updated_at":"2022-05-06T08:25:20.000000Z","deleted_at":null},{"id":13,"username":"13915836633","name":"\u534e\u76ca\u840d","mobile":"13915836633","avatar":null,"created_at":"2021-12-21T09:34:17.000000Z","updated_at":"2022-05-06T08:25:29.000000Z","deleted_at":null},{"id":14,"username":"15861690406","name":"\u8c22\u4e9a\u6960","mobile":"15861690406","avatar":null,"created_at":"2021-12-21T09:34:50.000000Z","updated_at":"2022-05-06T08:25:36.000000Z","deleted_at":null},{"id":15,"username":"13961241491","name":"\u7a0b\u7476","mobile":"13961241491","avatar":null,"created_at":"2021-12-25T02:54:50.000000Z","updated_at":"2022-05-06T08:25:43.000000Z","deleted_at":null},{"id":16,"username":"15722790021","name":"\u9646\u96ea\u598d","mobile":"15722790021","avatar":null,"created_at":"2021-12-25T02:55:15.000000Z","updated_at":"2022-05-06T08:25:51.000000Z","deleted_at":null},{"id":17,"username":"13915808101","name":"\u7a0b\u7231\u7433","mobile":"13915808101","avatar":null,"created_at":"2022-01-04T07:55:52.000000Z","updated_at":"2022-05-06T08:25:58.000000Z","deleted_at":null},{"id":19,"username":"15851936391","name":"\u6f58\u96f7\u654f","mobile":"15851936391","avatar":null,"created_at":"2022-01-05T07:59:56.000000Z","updated_at":"2022-05-06T08:26:06.000000Z","deleted_at":null},{"id":20,"username":"15995090911","name":"\u5434\u5029\u5170","mobile":"15995090911","avatar":null,"created_at":"2022-01-05T08:00:29.000000Z","updated_at":"2022-01-05T08:00:29.000000Z","deleted_at":null}],"pager":""}}').data.rows
+    }
+  },
+  methods: {
+    async init(){
+      let res = await getList({page:1})
+      console.log(res)
+    }
+  },
+  created() {
+    //this.init()
+  }
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/views/people/siteManage.vue b/src/views/people/siteManage.vue
new file mode 100644
index 0000000..0310d13
--- /dev/null
+++ b/src/views/people/siteManage.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/views/people/workerManage.vue b/src/views/people/workerManage.vue
new file mode 100644
index 0000000..ebe2a7b
--- /dev/null
+++ b/src/views/people/workerManage.vue
@@ -0,0 +1,68 @@
+<template>
+  <div  class="container" style="padding: 0px 20px">
+    <!--查询-->
+    <div>
+      <div ref="lxHeader">
+        <LxHeader icon="md-apps" text="护工管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
+          <div slot="content"></div>
+          <slot>
+            <div>
+              <Input style="width: 200px; margin-right: 10px" placeholder="关键字搜索" />
+              <Button type="primary" style="margin-left: 10px">查询</Button>
+              <Button type="primary" style="margin-left: 10px">创建护工</Button>
+            </div>
+          </slot>
+        </LxHeader>
+      </div>
+    </div>
+
+    <!--  表格  -->
+    <MyTable :table-item="tableItem" :list="list"></MyTable>
+
+    <div style="display: flex;justify-content: flex-end;">
+      <Page :total="10" show-elevator />
+    </div>
+  </div>
+</template>
+
+<script>
+import MyTable from "@/components/MyTable"
+import LxHeader from "@/components/LxHeader"
+export default {
+  components:{
+    MyTable,
+    LxHeader
+  },
+  data() {
+    return {
+      tableItem:[
+        {
+          prop:'name',
+          label:'姓名'
+        },
+        {
+          prop: 'idcard',
+          label: "身份证号",
+          width:220
+        },
+        {
+          prop:'mobile',
+          label:"联系电话",
+          width: 180
+        },
+        {
+          prop:'hometown',
+          label:"户籍地址",
+          width:140
+        }
+      ],
+      list:JSON.parse('{"status":1,"data":{"rows":[{"id":1,"name":"\u5b8b\u536b\u5b97","mobile":"18962113007","avatar":null,"idcard":"320503198111122754","sex":"\u7537","birthday":null,"hometown":"\u82cf\u5dde","address":"\u82cf\u5dde\u5de5\u4e1a\u56ed\u533a","emergency_phone":null,"work_years":null,"join_at":null,"leave_at":null,"created_at":"2021-12-04T06:05:57.000000Z","updated_at":"2021-12-04T06:05:57.000000Z","deleted_at":null}],"pager":""}}').data.rows
+    }
+  },
+  methods: {},
+
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/views/product/productClassify.vue b/src/views/product/productClassify.vue
new file mode 100644
index 0000000..0310d13
--- /dev/null
+++ b/src/views/product/productClassify.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/views/product/productManage.vue b/src/views/product/productManage.vue
new file mode 100644
index 0000000..0310d13
--- /dev/null
+++ b/src/views/product/productManage.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/views/product/serviceProject.vue b/src/views/product/serviceProject.vue
new file mode 100644
index 0000000..0310d13
--- /dev/null
+++ b/src/views/product/serviceProject.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/views/product/serviceProjectClassify.vue b/src/views/product/serviceProjectClassify.vue
new file mode 100644
index 0000000..0310d13
--- /dev/null
+++ b/src/views/product/serviceProjectClassify.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+
+}
+</script>
+
+<style scoped lang="scss">
+</style>