1

src/views/customer/customer.vue

@@ -79,9 +79,9 @@
       <template v-slot:btns>
         <el-table-column
           fixed="right"
-          width="166"
+          width="220"
           header-align="center"
-          align="center"
+          align="left"
           label="操作"
         >
           <template v-slot:default="scope">
@@ -106,6 +106,7 @@
             <Button
               size="small"
               type="primary"
+              style="margin-right: 6px"
               @click="
                 ($refs['addOrder'].customerIdcard = scope.row.idcard),
                   ($refs['addOrder'].isShow = true),
@@ -113,6 +114,12 @@
               "
               >录入</Button
             >
+            <Button
+              size="small"
+              type="primary"
+              @click=""
+            >解绑</Button
+            >
             <el-select
               style="margin-top: 4px"
               size="mini"

src/views/worker/component/peopleBind.vue

@@ -0,0 +1,72 @@
+<template>
+  <div>
+    <el-drawer
+      size="680px"
+      title="人员结对"
+      :visible.sync="drawer"
+      direction="rtl">
+      <div style="padding: 20px;">
+        <el-transfer v-model="value" filterable :button-texts="['解绑', '绑定']" :titles="['未绑定', '已绑定']" :data="data"></el-transfer>
+
+        <div class="btns">
+          <Button type="primary" @click="submit">保存</Button>
+          <Button type="primary" style="margin-left: 20px;" ghost @click="hide">取消</Button>
+        </div>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+import { getList } from "@/api/customer"
+export default {
+  data() {
+    return {
+      nurseId: "",
+      drawer: false,
+      value: [],
+      data: []
+    }
+  },
+  methods: {
+    show () {
+      this.drawer = true;
+    },
+    hide () {
+      this.drawer = false;
+    },
+    setNurseId (id) {
+      this.nurseId = id
+    },
+    async getCustomers () {
+      const res = (await getList({
+        page: 1,
+        page_size: 9999
+      },false)).data.data
+      this.data = res.map(i => ({
+        key: i.id,
+        label: i.name
+      }))
+    },
+    submit () {
+      console.log(this.value)
+    }
+  },
+  computed: {},
+  created() {
+    this.getCustomers()
+  }
+}
+</script>
+
+<style scoped lang="scss">
+::v-deep .el-transfer__buttons {
+  padding: 0 20px;
+}
+.btns {
+  display: flex;
+  align-items: center;
+
+  margin-top: 60px;
+}
+</style>

src/views/worker/component/skuBind.vue

@@ -0,0 +1,80 @@
+<template>
+  <div>
+    <el-drawer
+      size="680px"
+      title="项目绑定"
+      :visible.sync="drawer"
+      direction="rtl">
+      <div style="padding: 20px;">
+        <el-tree
+          node-key="_treeId"
+          style="max-height: 50vw;overflow: scroll;"
+          ref="elTree"
+          :props="{
+            label: 'name'
+          }"
+          :data="skus"
+          show-checkbox>
+        </el-tree>
+
+        <div class="btns">
+          <Button type="primary" @click="submit">保存</Button>
+          <Button type="primary" style="margin-left: 20px;" ghost @click="hide">取消</Button>
+        </div>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+import { getList } from "@/api/sku"
+export default {
+  data() {
+    return {
+      nurseId: "",
+      drawer: false,
+      skus: []
+    }
+  },
+  methods: {
+    show () {
+      this.drawer = true;
+    },
+    hide () {
+      this.drawer = false;
+    },
+    setNurseId (id) {
+      this.nurseId = id
+    },
+    async getSkus () {
+      const res = (await getList({ page: 1,page_size: 9999 },false)).data;
+      let arr = [];
+      res.forEach(item => {
+        let myCategory = item.category
+        let arrFind = arr.find(i => i.id === item.category_id)
+        arrFind ? arrFind.children.push({...item, _treeId: item.id }) : arr.push({ ...myCategory, children: [{...item, _treeId: item.id }] , _treeId: `category-${myCategory.id}` })
+      })
+      this.skus = arr;
+    },
+    submit () {
+      console.log(this.$refs['elTree'].getCheckedNodes().filter(i => !i.hasOwnProperty("children")))
+    }
+  },
+  computed: {},
+  created() {
+    this.getSkus()
+  }
+}
+</script>
+
+<style scoped lang="scss">
+::v-deep .el-transfer__buttons {
+  padding: 0 20px;
+}
+.btns {
+  display: flex;
+  align-items: center;
+
+  margin-top: 60px;
+}
+</style>

src/views/worker/worker.vue

@@ -26,13 +26,58 @@
       @delete="destroy"
       @editor="editor"
       @pageSizeChange="e => select.page_size = e"
-      @pageIndexChange="e => {select.page = e;getWorkers()}"></xy-table>
+      @pageIndexChange="e => {select.page = e;getWorkers()}">
+      <template v-slot:btns>
+        <el-table-column
+          fixed="right"
+          width="200"
+          header-align="center"
+          align="left"
+          label="操作"
+        >
+          <template v-slot:default="scope">
+            <Poptip
+              transfer
+              confirm
+              title="确认要删除?"
+              @on-ok="destroy(scope.row)"
+            >
+              <Button size="small" type="error" ghost style="margin-right: 6px"
+              >删除</Button
+              >
+            </Poptip>
+            <Button
+              size="small"
+              ghost
+              type="primary"
+              @click="editor(scope.row)"
+              style="margin-right: 6px"
+            >编辑</Button
+            >
+            <Button
+              size="small"
+              type="primary"
+              @click="$refs['peopleBind'].setNurseId(scope.row.id),$refs['peopleBind'].show();"
+              style="margin-right: 6px"
+            >人员结对</Button>
+            <Button
+              size="small"
+              type="primary"
+              @click="$refs['skuBind'].setNurseId(scope.row.id),$refs['skuBind'].show();"
+              style="margin-right: 6px"
+            >项目绑定</Button>
+          </template>
+        </el-table-column>
+      </template>
+    </xy-table>
 
     <add-worker
       ref="addWorker"
       :product-type="productType"
       :serve-area="serveArea"
       @refresh="getWorkers"></add-worker>
+    <peopleBind ref="peopleBind"></peopleBind>
+    <skuBind ref="skuBind"></skuBind>
   </div>
 </template>
 
@@ -43,10 +88,13 @@ import {getparameter} from '@/api/system/dictionary'
 import { getAuthAreas,getAuthTypes } from "@/utils/auth"
 
 import addWorker from "@/views/worker/component/addWorker";
-
+import peopleBind from "@/views/worker/component/peopleBind.vue";
+import skuBind from "@/views/worker/component/skuBind.vue";
 export default {
   components: {
-    addWorker
+    addWorker,
+    peopleBind,
+    skuBind
   },
   data() {
     return {