From 0671467f33bc5851fa24b9167399fb1d5d7972cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E7=9A=87?= <236220500@qq.com>
Date: Mon, 15 Jun 2020 21:19:31 +0800
Subject: [PATCH] 1

---
 src/pages/shop/IncreaseStaffManager.vue | 1208 +++++++++++------------
 1 file changed, 594 insertions(+), 614 deletions(-)

diff --git a/src/pages/shop/IncreaseStaffManager.vue b/src/pages/shop/IncreaseStaffManager.vue
index b5442a8..9b5e2a8 100644
--- a/src/pages/shop/IncreaseStaffManager.vue
+++ b/src/pages/shop/IncreaseStaffManager.vue
@@ -1,638 +1,618 @@
 <template>
-    <div>
-        <Row class="search-row">
-            <i-col span="24" class="search-col">
-                <Row class="row-style">
-                    <i-col span="12" style="text-align: left;padding-right: 20px;">
-                        <Button type="primary" @click="back()">返回</Button>
-                    </i-col>
-                    <i-col span="12" style="text-align: right;padding-right: 20px;">
-                        <Button type="primary" @click="open(1)">添加推广人员</Button>
-                    </i-col>
-                </Row>
-            </i-col>
+  <div>
+    <Row class="search-row">
+      <i-col span="24" class="search-col">
+        <Row class="row-style">
+          <i-col span="12" style="text-align: left;padding-right: 20px;">
+            <Button type="primary" @click="back()">返回</Button>
+          </i-col>
+          <i-col span="12" style="text-align: right;padding-right: 20px;">
+            <Button type="primary" @click="open(1)">添加推广人员</Button>
+          </i-col>
         </Row>
+      </i-col>
+    </Row>
 
-        <Table
-                :loading="loading"
-                :columns="columns1"
-                :data="data1"
-                style="margin-top: 20px;"
-                size="small">
-            <template slot-scope="{ row }" slot="qrCodeAction">
-                <img
-                        :src="require('../../../static/img/qrCode-init.png')"
-                        @click="show(row)"
-                        style="margin-left: 5px;margin-top: 5px;width:30px;height:30px;"
-                />
-            </template>
-<!--            <template slot-scope="{ row, index }" slot="accountFlag">-->
-<!--                <i-switch-->
-<!--                        size="large"-->
-<!--                        :value="row.accountFlag"-->
-<!--                        @on-change="onSwitchChangeLister"-->
-<!--                >-->
-<!--                    <span slot="open">开启</span>-->
-<!--                    <span slot="close">关闭</span>-->
-<!--                </i-switch>-->
-<!--            </template>-->
-
-            <template slot-scope="{ row }" slot="action">
-                <Button
-                        ghost
-                        type="primary"
-                        size="small"
-                        style="border: 0px;color:#2074E2"
-                        @click="open(2, row)">修改
-                </Button>
-                <Button
-                        ghost
-                        type="error"
-                        size="small"
-                        style="border: 0px"
-                        @click="remove(row)">删除
-                </Button>
-            </template>
-        </Table>
+    <Table
+      :loading="loading"
+      :columns="columns1"
+      :data="data1"
+      style="margin-top: 20px;"
+      size="small"
+    >
+      <template slot-scope="{ row }" slot="qrCodeAction">
+        <img
+          :src="require('../../../static/img/qrCode-init.png')"
+          @click="show(row)"
+          style="margin-left: 5px;margin-top: 5px;width:30px;height:30px;"
+        />
+      </template>
+      <!--            <template slot-scope="{ row, index }" slot="accountFlag">-->
+      <!--                <i-switch-->
+      <!--                        size="large"-->
+      <!--                        :value="row.accountFlag"-->
+      <!--                        @on-change="onSwitchChangeLister"-->
+      <!--                >-->
+      <!--                    <span slot="open">开启</span>-->
+      <!--                    <span slot="close">关闭</span>-->
+      <!--                </i-switch>-->
+      <!--            </template>-->
 
-        <!-- 预览二维码 -->
-        <Modal
-                v-model="isShow"
-                :footer-hide="true"
-                width="230"
-                class-name="vertical-center-modal">
-            <div slot="header">
-                <p></p>
-            </div>
-            <p>{{ this.showStoreCode }}</p>
-            <p>{{ this.showStoreName }}</p>
-            <img :src="qrCodeImage" style="width:200px;height:200px;"/>
-            <div style="text-align: center;">
-                <Button ghost type="primary" @click="download(rowData)">下载</Button>
-            </div>
-        </Modal>
+      <template slot-scope="{ row }" slot="action">
+        <Button
+          ghost
+          type="primary"
+          size="small"
+          style="border: 0px;color:#2074E2"
+          @click="open(2, row)"
+        >修改</Button>
+        <Button ghost type="error" size="small" style="border: 0px" @click="remove(row)">删除</Button>
+      </template>
+    </Table>
 
-        <!-- 添加推广人员 -->
-        <Modal v-model="isShowAdd" :footer-hide="true">
-            <div slot="header">
-                <template v-if="flag === 1">
-                    <span>添加推广人员</span>
-                </template>
-                <template v-else>
-                    <span>修改推广人员</span>
-                </template>
-            </div>
+    <!-- 预览二维码 -->
+    <Modal v-model="isShow" :footer-hide="true" width="230" class-name="vertical-center-modal">
+      <div slot="header">
+        <p></p>
+      </div>
+      <p>{{ this.showStoreCode }}</p>
+      <p>{{ this.showStoreName }}</p>
+      <img :src="qrCodeImage" style="width:200px;height:200px;" />
+      <div style="text-align: center;">
+        <Button ghost type="primary" @click="download(rowData)">下载</Button>
+      </div>
+    </Modal>
 
-            <Form ref="formValidate"
-                    :model="formValidate"
-                    :rules="ruleValidate"
-                    :label-width="80">
-                <FormItem label="名称" prop="name">
-                    <i-input
-                            v-model="formValidate.name"
-                            placeholder="请输入名字"
-                    ></i-input>
-                </FormItem>
-                <FormItem label="手机" prop="phone">
-                    <i-input
-                            v-model="formValidate.phone"
-                            placeholder="成员通过验证该手机号后可加入企业"
-                            :disabled="flag !== 1">
-                    </i-input>
-                </FormItem>
-                <FormItem label="工号" prop="staffCode">
-                    <i-input
-                            v-model="formValidate.staffCode"
-                            placeholder="请输入工号"
-                            :disabled="flag !== 1"
-                    ></i-input>
-                </FormItem>
-                <FormItem label="角色" prop="roleId">
-                    <Select
-                            v-model="formValidate.roleId"
-                            placeholder="选择角色"
-                            :disabled="flag !== 1">
-                        <Option :value="4">店长</Option>
-                        <Option :value="5">导购</Option>
-                    </Select>
-                </FormItem>
-                <FormItem v-if="flag === 1" label="" prop="checkbox">
-                    <CheckboxGroup v-model="formValidate.checkbox">
-                        <Checkbox label="vail">同步开通账号</Checkbox>
-                    </CheckboxGroup>
-                </FormItem>
-                <FormItem v-if="flag !== 1 && formValidate.roleCode === 'DZ-DIANZHANG'" label="主店长" prop="type">
-                    <Checkbox :disabled="formValidate.type === 1" v-model="formValidate.type"
-                              :true-value="1" :false-value="2"></Checkbox>
-                </FormItem>
-                <FormItem style="text-align: left;">
-                    <Row>
-                        <i-col span="16">
-                            <Button type="primary" @click="handleSubmit(formValidate)"
-                            >保存
-                            </Button
-                            >
-                            <Button
-                                    @click="handleReset('formValidate')"
-                                    style="margin-left: 8px"
-                            >取消
-                            </Button
-                            >
-                        </i-col>
-                    </Row>
-                </FormItem>
-            </Form>
-        </Modal>
+    <!-- 添加推广人员 -->
+    <Modal v-model="isShowAdd" :footer-hide="true">
+      <div slot="header">
+        <template v-if="flag === 1">
+          <span>添加推广人员</span>
+        </template>
+        <template v-else>
+          <span>修改推广人员</span>
+        </template>
+      </div>
 
-        <Modal
-                v-model="modal13"
-                title="删除提示"
-                @on-cancel="cancel"
-                align="center"
+      <Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="80">
+        <FormItem label="名称" prop="name">
+          <i-input v-model="formValidate.name" placeholder="请输入名字"></i-input>
+        </FormItem>
+        <FormItem label="手机" prop="phone">
+          <i-input
+            v-model="formValidate.phone"
+            placeholder="成员通过验证该手机号后可加入企业"
+            :disabled="flag !== 1"
+          ></i-input>
+        </FormItem>
+        <FormItem label="工号" prop="staffCode">
+          <i-input v-model="formValidate.staffCode" placeholder="请输入工号" :disabled="flag !== 1"></i-input>
+        </FormItem>
+        <FormItem label="角色" prop="roleId">
+          <Select v-model="formValidate.roleId" placeholder="选择角色" :disabled="flag !== 1">
+            <Option :value="4">店长</Option>
+            <Option :value="5">导购</Option>
+          </Select>
+        </FormItem>
+        <FormItem v-if="flag === 1" label prop="checkbox">
+          <CheckboxGroup v-model="formValidate.checkbox">
+            <Checkbox label="vail">同步开通账号</Checkbox>
+          </CheckboxGroup>
+        </FormItem>
+        <FormItem
+          v-if="flag !== 1 && formValidate.roleCode === 'DZ-DIANZHANG'"
+          label="主店长"
+          prop="type"
         >
-            <p style="margin-top: 20px;margin-bottom: 20px">
-                确定要删除此账户吗？删除后不可恢复
-            </p>
-            <div
-                    slot="footer"
-                    style="text-align: center;margin-bottom: 10px;margin-top: 10px"
-            >
-                <Button style="width: 100px;" @click="modal13 = false">取消删除</Button>
-                <Button
-                        type="error"
-                        style="width: 100px;margin-left: 20px"
-                        @click="deleteStaff"
-                >确认删除
-                </Button
-                >
-            </div>
-        </Modal>
+          <Checkbox
+            :disabled="formValidate.type === 1"
+            v-model="formValidate.type"
+            :true-value="1"
+            :false-value="2"
+          ></Checkbox>
+        </FormItem>
+        <FormItem style="text-align: left;">
+          <Row>
+            <i-col span="16">
+              <Button type="primary" @click="handleSubmit(formValidate)">保存</Button>
+              <Button @click="handleReset('formValidate')" style="margin-left: 8px">取消</Button>
+            </i-col>
+          </Row>
+        </FormItem>
+      </Form>
+    </Modal>
 
-        <Page
-                :total="total"
-                :current="pageNum"
-                :page-size="pageSize"
-                show-elevator
-                show-total
-                placement="top"
-                @on-change="handlePage"
-                class="ks-page"
-        ></Page>
-    </div>
+    <Modal v-model="modal13" title="删除提示" @on-cancel="cancel" align="center">
+      <p style="margin-top: 20px;margin-bottom: 20px">确定要删除此账户吗？删除后不可恢复</p>
+      <div slot="footer" style="text-align: center;margin-bottom: 10px;margin-top: 10px">
+        <Button style="width: 100px;" @click="modal13 = false">取消删除</Button>
+        <Button type="error" style="width: 100px;margin-left: 20px" @click="deleteStaff">确认删除</Button>
+      </div>
+    </Modal>
+
+    <Page
+      :total="total"
+      :current="pageNum"
+      :page-size="pageSize"
+      show-elevator
+      show-total
+      placement="top"
+      @on-change="handlePage"
+      class="ks-page"
+    ></Page>
+  </div>
 </template>
 
 <script>
-    import data from "../../utils/PhoneRegionData";
-    import http from "../../services/store/IncreaseStoreManager";
-    import accountManagementService from '../../services/account/AccountManagement';
-    import staff from "../../services/staff/staff";
+import data from "../../utils/PhoneRegionData";
+import http from "../../services/store/IncreaseStoreManager";
+import accountManagementService from "../../services/account/AccountManagement";
+import staff from "../../services/staff/staff";
 
-    export default {
-        name: "IncreaseStaffManager",
-        inject: ['setMenuName'],
-        data() {
-            return {
-                modal13: false,
-                deleteId: null,
-                userId: '',
-                // 标记 1添加 2修改
-                flag: 1,
-                prefixDefault: data.prefixDefault,
-                isShow: false,
-                isShowAdd: false,
-                showStoreName: '',
-                showStoreCode: '',
-                qrCodeImage: '',
-                loading: false,
-                spuLoading: false,
-                // 分页
-                total: 0,
-                pageSize: 10,
-                pageNum: 1,
-                selectedRegion: null,
-                regionList: [],
-                selectedStore: this.$route.query.storeId,
-                storeList: [],
-                shopList: [],
-                roleList: [],
-                rowData: {},
-                rules: {required: false},
-                columns1: [
-                    {
-                        title: '序号',
-                        key: 'id',
-                    },
-                    {
-                        title: '姓名',
-                        key: 'name',
-                    },
-                    {
-                        title: '员工ID',
-                        key: 'staffCode',
-                    },
-                    {
-                        title: '手机号码',
-                        key: 'mobil',
-                    },
-                    {
-                        title: '店铺',
-                        key: 'storeName',
-                    },
-                    {
-                        title: '角色',
-                        key: 'roleName',
-                    },
-                    {
-                        title: '客户数',
-                        key: 'customerNum',
-                    },
-                    {
-                        title: '推广码',
-                        slot: 'qrCodeAction',
-                        key: 'epWechatQrCode',
-                    },
-                    {
-                        title: '停用/启用',
-                        key: 'status',
-                        render: (h, params) => {
-                            let _this = this;
-                            return h('div', [
-                                h('i-switch', {
-                                    props: {
-                                        value: params.row.status,
-                                        'true-value': 1,//开启值
-                                        'false-value': 2,//关闭值
-                                        size: 'large'
-                                    },
-                                    on: { //操作事件
-                                        'on-change': function (value) {
-                                            //修改后请求方法
-                                            // _this.modifyStatus(params.row.accountId, value);
-                                            let request = {
-                                                status: value,
-                                                id: _this.formValidate.id
-                                            };
-                                            debugger
-                                            //修改接口
-                                            _this.editSattf(request);
-                                        }
-                                    },
-                                    scopedSlots: {
-                                        open: () => h('span', '开启'),
-                                        close: () => h('span', '关闭')
-                                    }
-                                })
-                            ])
-                        }
-                    },
-                    {
-                        title: '操作',
-                        slot: 'action',
-                    }
-                ],
-                data1: [],
-                // 开通企业微信 表单
-                formValidate: {
-                    name: '',
-                    staffCode: '',
-                    region: '',
-                    phone: '',
-                    roleId: 0,
-                    store: '',
-                    userId: '',
-                    type: '',
-                    status: 0,
-                    checkbox: ['vail'],
-                    roleCode: ''
-                },
-                ruleValidate: {
-                    name: [
-                        {required: true, message: '名称不能为空', trigger: 'blur'}
-                    ],
-                    staffCode: [
-                        {required: true, message: '工号不能为空', trigger: 'blur'}
-                    ],
-                    phone: [
-                        {required: true, message: '手机号码不能为空', trigger: 'blur'},
-                        {pattern: /^1[1-9]\d{9}$/, message: "手机号码格式不正确", trigger: "blur"}
-                    ],
-                    // mail: [
-                    //     { required: true, message: '邮箱不能为空', trigger: 'blur' },
-                    //     { type: 'email', message: '邮箱格式错误', trigger: 'blur' }
-                    // ],
-                    roleId: [
-                        {type: 'number', required: true, message: '请选择角色', trigger: 'change'}
-                    ],
-                    region: [
-                        {required: true, type: String, message: '请选择区域', trigger: 'change'}
-                    ],
-                    store: [
-                        {required: true, type: String, message: '请选择店铺', trigger: 'change'}
-                    ]
-                }
-            }
+export default {
+  name: "IncreaseStaffManager",
+  inject: ["setMenuName"],
+  data() {
+    let _this = this;
+    return {
+      modal13: false,
+      deleteId: null,
+      userId: "",
+      // 标记 1添加 2修改
+      flag: 1,
+      prefixDefault: data.prefixDefault,
+      isShow: false,
+      isShowAdd: false,
+      showStoreName: "",
+      showStoreCode: "",
+      qrCodeImage: "",
+      loading: false,
+      spuLoading: false,
+      // 分页
+      total: 0,
+      pageSize: 10,
+      pageNum: 1,
+      selectedRegion: null,
+      regionList: [],
+      selectedStore: this.$route.query.storeId,
+      storeList: [],
+      shopList: [],
+      roleList: [],
+      rowData: {},
+      rules: { required: false },
+      columns1: [
+        {
+          title: "序号",
+          key: "id"
         },
-        mounted() {
-            this.userId = JSON.parse(sessionStorage.getItem("loginInfo")).userId;
-            this.setMenuName("门店推广", "推广管理", "门店导购管理");
-            this.listOfLogistics();
+        {
+          title: "姓名",
+          key: "name"
         },
-        methods: {
-            cancel: function () {
-
-            },
-            listOfLogistics() {
-                this.loading = true;
-                let that = this;
-                let request = {
-                    shopId: that.selectedStore,
-                    pageNum: that.pageNum,
-                    pageSize: that.pageSize,
-                };
-                staff.getStaffList(request, function (data) {
-                    that.loading = false;
-                    data = data.data;
-                    if (data.code == "0000") {
-
-                        that.data1 = [];
-                        let datas = data.results;
-                        //总页数
-                        if (datas.total == null) {
-                            that.total = 0;
-                        } else {
-                            that.total = datas.total;
-                        }
-                        if (datas.records == null) {
-                            datas.records = [];
-                        }
-
-                        for (let i = 0; i < datas.records.length; i++) {
-                            let item = datas.records[i];
-
-                            that.data1.push(item);
-                        }
-                    }
-                }, function () {
-                    that.loading = false;
-                });
-            },
-            //区域用户下的区域
-            downRegionData: function () {
-                let that = this;
-                that.regionList = [{"id": 0, "name": "全部"}];
-                let request =
-                    {userId: that.userId};
-                staff.downRegionData(request, function (data) {
-                    data = data.data.results;
-                    if (data) {
-                        for (let i = 0; i < data.length; i++) {
-                            let entity = data[i];
-                            if (entity) {
-                                that.regionList.push(entity);
-                            }
-                        }
-                    }
-                })
-            },
-            downShopData: function () {
-                let that = this;
-                that.shopList = [{"id": 0, "name": "全部"}];
-                let request =
-                    {userId: that.userId, regionId: that.changeData(that.selectedRegion)};
-                staff.downShopData(request, function (data) {
-                    data = data.data.results;
-                    if (data) {
-                        for (let i = 0; i < data.length; i++) {
-                            let entity = data[i];
-                            if (entity) {
-                                that.shopList.push(entity);
-                            }
-                        }
-                    }
-                })
-            },
-            downRoleData: function () {
-                let that = this;
-                staff.downRoleData({}, function (data) {
-                    data = data.data.results;
-                    if (data) {
-                        for (let i = 0; i < data.length; i++) {
-                            let entity = data[i];
-                            if (entity) {
-                                that.roleList.push(entity);
-                            }
-                        }
-                    }
-                })
-            },
-            addSattf: function (request) {
-                let that = this;
-                staff.addSattf(request, function (data) {
-                    data = data.data;
-                    if (data.code == "0000") {
-                        if (data.results == "0001") {
-                            that.$Message.error('添加失败!');
-                        } else if (data.results == "0002") {
-                            that.$Message.error('该工号已经被使用!');
-                        } else if (data.results == "0003") {
-                            that.$Message.error('该手机号已经被使用!');
-                        } else if (data.results == "0004") {
-                            that.$Message.error('该工号已经被使用!');
-                        } else if (data.results == "0000") {
-                            that.$Message.success('添加成功!');
-                            that.handleAdd(that.formValidate);
-                            that.listOfLogistics();
-                        }
-
-                    }else{
-                        that.$Message.error(data.msg);
-                    }
-                })
-            },
-            editSattf: function (request) {
-                let that = this;
-                staff.editSattf(request, function (data) {
-                    data = data.data;
-                    if (data.code == "0000") {
-                        that.$Message.success('修改成功!');
-                        that.isShowAdd = false;
-                        that.listOfLogistics();
-                    }
-                })
-            },
-
-            searchCustomerDataBtnClick: function () {
-                this.listOfLogistics();
-            },
-            changeData: function (value) {
-                if (value == 0) {
-                    return null;
-                }
-                return value;
-            },
-            //切页处理
-            handlePage: function (value) {
-                this.pageNum = value;
-                this.listOfLogistics();
-            },
-            downRegionChange: function () {
-                this.downShopData();
-            },
-            onChangeDateLister: function () {
-            },
-            // 预览二维码
-            show: function (index) {
-                this.isShow = true;
-                this.showStoreName = "姓名:" + index.name;
-                this.showStoreCode = "工号:" + index.staffCode;
-                this.qrCodeImage = index.epWechatQrCode;
-                this.rowData = index;
-            },
-            // 下载二维码
-            download: function (index) {
-                let name = index.staffCode + "-" + index.name + "-导购码";
-                http.downloadImg(
-                    {
-                        url: index.epWechatQrCode,
-                    },
-                    name,
-                    function (/*data*/) {
-                    }
-                );
-            },
-            // 添加、修改推广人员
-            open: function (flag, row) {
-                this.flag = flag;
-                this.isShowAdd = true;
-                if (flag === 2) {
-                    this.formValidate = {
-                        name: row.name,
-                        staffCode: row.staffCode,
-                        phone: row.mobil,
-                        roleId: row.roleId,
-                        store: row.storeId,
-                        type: row.type,
-                        userId: row.userId,
-                        id: row.id,
-                        roleCode: row.roleCode
+        {
+          title: "员工ID",
+          key: "staffCode"
+        },
+        {
+          title: "手机号码",
+          key: "mobil"
+        },
+        {
+          title: "店铺",
+          key: "storeName"
+        },
+        {
+          title: "角色",
+          key: "roleName"
+        },
+        {
+          title: "客户数",
+          key: "customerNum"
+        },
+        {
+          title: "推广码",
+          slot: "qrCodeAction",
+          key: "epWechatQrCode"
+        },
+        {
+          title: "停用/启用",
+          key: "status",
+          render: (h, params) => {
+            return h("div", [
+              h("i-switch", {
+                props: {
+                  value: params.row.status,
+                  "true-value": 1, //开启值
+                  "false-value": 2, //关闭值
+                  size: "large"
+                },
+                on: {
+                  //操作事件
+                  "on-change": function(value) {
+                    //修改后请求方法
+                    // _this.modifyStatus(params.row.accountId, value);
+                    let request = {
+                      status: value,
+                      id: _this.formValidate.id
                     };
-                    debugger
-                } else {
-                    this.handleAdd(this.formValidate);
-                }
-            },
-            back: function () {
-                this.$router.push({path: "/shop/increase/manager"});
-            },
-            // 删除
-            remove: function (row) {
-                this.modal13 = true;
-                this.deleteId = row.id;
-            },
-            // 删除
-            deleteStaff: function () {
-                let requset = {
-                    staffId: this.deleteId,
-                };
-                let that = this;
-                staff.removeStaff(requset, function (data) {
-                    data = data.data;
-                    if (data.results) {
-                        that.$Message.success("删除成功!");
-                        that.modal13 = false;
-                        that.listOfLogistics();
-                    } else {
-                        that.$Message.success("删除失败!");
-                    }
-                });
-            },
-            // switch开关
-            modifyStatus(accountId, val) {
-                let that = this;
-                let status;
-                if (val) {
-                    status = 1;
-                } else {
-                    status = 2;
+                    debugger;
+                    //修改接口
+                    _this.editSattf(request);
+                  }
+                },
+                scopedSlots: {
+                  open: () => h("span", "开启"),
+                  close: () => h("span", "关闭")
                 }
-                let request = {
-                    accountId: accountId,
-                    status: status
-                };
-                accountManagementService.postAccountModifyStatus(request, function (res) {
-                    let data = res.data;
-                    if (data.code !== "0000") {
-                        that.$Message.error("修改失败");
-                    }
-                }, function (res) {
+              })
+            ]);
+          }
+        },
+        {
+          title: "操作",
+          slot: "action"
+        }
+      ],
+      data1: [],
+      // 开通企业微信 表单
+      formValidate: {
+        name: "",
+        staffCode: "",
+        region: "",
+        phone: "",
+        roleId: 0,
+        store: "",
+        userId: "",
+        type: "",
+        status: 0,
+        checkbox: ["vail"],
+        roleCode: ""
+      },
+      ruleValidate: {
+        name: [{ required: true, message: "名称不能为空", trigger: "blur" }],
+        staffCode: [
+          { required: true, message: "工号不能为空", trigger: "blur" }
+        ],
+        phone: [
+          { required: true, message: "手机号码不能为空", trigger: "blur" },
+          {
+            pattern: /^1[1-9]\d{9}$/,
+            message: "手机号码格式不正确",
+            trigger: "blur"
+          }
+        ],
+        // mail: [
+        //     { required: true, message: '邮箱不能为空', trigger: 'blur' },
+        //     { type: 'email', message: '邮箱格式错误', trigger: 'blur' }
+        // ],
+        roleId: [
+          {
+            type: "number",
+            required: true,
+            message: "请选择角色",
+            trigger: "change"
+          }
+        ],
+        region: [
+          {
+            required: true,
+            type: String,
+            message: "请选择区域",
+            trigger: "change"
+          }
+        ],
+        store: [
+          {
+            required: true,
+            type: String,
+            message: "请选择店铺",
+            trigger: "change"
+          }
+        ]
+      }
+    };
+  },
+  mounted() {
+    this.userId = JSON.parse(sessionStorage.getItem("loginInfo")).userId;
+    this.setMenuName("门店推广", "推广管理", "门店导购管理");
+    this.listOfLogistics();
+  },
+  methods: {
+    cancel: function() {},
+    listOfLogistics() {
+      this.loading = true;
+      let that = this;
+      let request = {
+        shopId: that.selectedStore,
+        pageNum: that.pageNum,
+        pageSize: that.pageSize
+      };
+      staff.getStaffList(
+        request,
+        function(data) {
+          that.loading = false;
+          data = data.data;
+          if (data.code == "0000") {
+            that.data1 = [];
+            let datas = data.results;
+            //总页数
+            if (datas.total == null) {
+              that.total = 0;
+            } else {
+              that.total = datas.total;
+            }
+            if (datas.records == null) {
+              datas.records = [];
+            }
 
-                });
-            },
-            handleSubmit(value) {
-                if (value) {
-                    let request = {};
-                    if (this.flag === 1) {
-                        if (value.name == null || value.name === "") {
-                            this.$Message.success("名称不能为空!");
-                            return;
-                        }
-                        if (value.staffCode == null || value.staffCode === "") {
-                            this.$Message.success("工号不能为空!");
-                            return;
-                        }
-                        if (value.roleId == null || value.roleId === 0) {
-                            this.$Message.success("角色不能为空!");
-                            return;
-                        }
-                        // 调用添加接口
-                        request = {
-                            name: value.name,
-                            storeId: this.selectedStore,
-                            mobil: value.phone,
-                            staffCode: value.staffCode,
-                            roleId: value.roleId,
-                            isOpen: this.formValidate.checkbox[0],
-                        };
-                        this.addSattf(request);
-                    } else {
+            for (let i = 0; i < datas.records.length; i++) {
+              let item = datas.records[i];
 
-                        request = {
-                            name: value.name,
-                            storeId: this.selectedStore,
-                            mobil: value.phone,
-                            staffCode: value.staffCode,
-                            roleId: value.roleId,
-                            userId: this.formValidate.userId,
-                            type: this.formValidate.type,
-                            id: this.formValidate.id,
-                        };
-                        //修改接口
-                        this.editSattf(request);
-                    }
-                } else {
-                    this.$Message.error("Fail!");
-                }
-            },
-            handleReset(name) {
-                this.$refs[name].resetFields();
-                this.isShowAdd = false;
-            },
-            handleAdd(value) {
-                value.name = "";
-                value.store = "";
-                value.phone = "";
-                value.staffCode = "";
-                value.roleId = 0;
-                value.type = "";
-                value.region = "";
-                value.checkbox = ["vail"];
-            },
+              that.data1.push(item);
+            }
+          }
         },
-    };
+        function() {
+          that.loading = false;
+        }
+      );
+    },
+    //区域用户下的区域
+    downRegionData: function() {
+      let that = this;
+      that.regionList = [{ id: 0, name: "全部" }];
+      let request = { userId: that.userId };
+      staff.downRegionData(request, function(data) {
+        data = data.data.results;
+        if (data) {
+          for (let i = 0; i < data.length; i++) {
+            let entity = data[i];
+            if (entity) {
+              that.regionList.push(entity);
+            }
+          }
+        }
+      });
+    },
+    downShopData: function() {
+      let that = this;
+      that.shopList = [{ id: 0, name: "全部" }];
+      let request = {
+        userId: that.userId,
+        regionId: that.changeData(that.selectedRegion)
+      };
+      staff.downShopData(request, function(data) {
+        data = data.data.results;
+        if (data) {
+          for (let i = 0; i < data.length; i++) {
+            let entity = data[i];
+            if (entity) {
+              that.shopList.push(entity);
+            }
+          }
+        }
+      });
+    },
+    downRoleData: function() {
+      let that = this;
+      staff.downRoleData({}, function(data) {
+        data = data.data.results;
+        if (data) {
+          for (let i = 0; i < data.length; i++) {
+            let entity = data[i];
+            if (entity) {
+              that.roleList.push(entity);
+            }
+          }
+        }
+      });
+    },
+    addSattf: function(request) {
+      let that = this;
+      staff.addSattf(request, function(data) {
+        data = data.data;
+        if (data.code == "0000") {
+          if (data.results == "0001") {
+            that.$Message.error("添加失败!");
+          } else if (data.results == "0002") {
+            that.$Message.error("该工号已经被使用!");
+          } else if (data.results == "0003") {
+            that.$Message.error("该手机号已经被使用!");
+          } else if (data.results == "0004") {
+            that.$Message.error("该工号已经被使用!");
+          } else if (data.results == "0000") {
+            that.$Message.success("添加成功!");
+            that.handleAdd(that.formValidate);
+            that.listOfLogistics();
+          }
+        } else {
+          that.$Message.error(data.msg);
+        }
+      });
+    },
+    editSattf: function(request) {
+      let that = this;
+      staff.editSattf(request, function(data) {
+        data = data.data;
+        if (data.code == "0000") {
+          that.$Message.success("修改成功!");
+          that.isShowAdd = false;
+          that.listOfLogistics();
+        }
+      });
+    },
+
+    searchCustomerDataBtnClick: function() {
+      this.listOfLogistics();
+    },
+    changeData: function(value) {
+      if (value == 0) {
+        return null;
+      }
+      return value;
+    },
+    //切页处理
+    handlePage: function(value) {
+      this.pageNum = value;
+      this.listOfLogistics();
+    },
+    downRegionChange: function() {
+      this.downShopData();
+    },
+    onChangeDateLister: function() {},
+    // 预览二维码
+    show: function(index) {
+      this.isShow = true;
+      this.showStoreName = "姓名:" + index.name;
+      this.showStoreCode = "工号:" + index.staffCode;
+      this.qrCodeImage = index.epWechatQrCode;
+      this.rowData = index;
+    },
+    // 下载二维码
+    download: function(index) {
+      let name = index.staffCode + "-" + index.name + "-导购码";
+      http.downloadImg(
+        {
+          url: index.epWechatQrCode
+        },
+        name,
+        function(/*data*/) {}
+      );
+    },
+    // 添加、修改推广人员
+    open: function(flag, row) {
+      this.flag = flag;
+      this.isShowAdd = true;
+      if (flag === 2) {
+        this.formValidate = {
+          name: row.name,
+          staffCode: row.staffCode,
+          phone: row.mobil,
+          roleId: row.roleId,
+          store: row.storeId,
+          type: row.type,
+          userId: row.userId,
+          id: row.id,
+          roleCode: row.roleCode
+        };
+        debugger;
+      } else {
+        this.handleAdd(this.formValidate);
+      }
+    },
+    back: function() {
+      this.$router.push({ path: "/shop/increase/manager" });
+    },
+    // 删除
+    remove: function(row) {
+      this.modal13 = true;
+      this.deleteId = row.id;
+    },
+    // 删除
+    deleteStaff: function() {
+      let requset = {
+        staffId: this.deleteId
+      };
+      let that = this;
+      staff.removeStaff(requset, function(data) {
+        data = data.data;
+        if (data.results) {
+          that.$Message.success("删除成功!");
+          that.modal13 = false;
+          that.listOfLogistics();
+        } else {
+          that.$Message.success("删除失败!");
+        }
+      });
+    },
+    // switch开关
+    modifyStatus(accountId, val) {
+      let that = this;
+      let status;
+      if (val) {
+        status = 1;
+      } else {
+        status = 2;
+      }
+      let request = {
+        accountId: accountId,
+        status: status
+      };
+      accountManagementService.postAccountModifyStatus(
+        request,
+        function(res) {
+          let data = res.data;
+          if (data.code !== "0000") {
+            that.$Message.error("修改失败");
+          }
+        },
+        function(res) {}
+      );
+    },
+    handleSubmit(value) {
+      if (value) {
+        let request = {};
+        if (this.flag === 1) {
+          if (value.name == null || value.name === "") {
+            this.$Message.success("名称不能为空!");
+            return;
+          }
+          if (value.staffCode == null || value.staffCode === "") {
+            this.$Message.success("工号不能为空!");
+            return;
+          }
+          if (value.roleId == null || value.roleId === 0) {
+            this.$Message.success("角色不能为空!");
+            return;
+          }
+          // 调用添加接口
+          request = {
+            name: value.name,
+            storeId: this.selectedStore,
+            mobil: value.phone,
+            staffCode: value.staffCode,
+            roleId: value.roleId,
+            isOpen: this.formValidate.checkbox[0]
+          };
+          this.addSattf(request);
+        } else {
+          request = {
+            name: value.name,
+            storeId: this.selectedStore,
+            mobil: value.phone,
+            staffCode: value.staffCode,
+            roleId: value.roleId,
+            userId: this.formValidate.userId,
+            type: this.formValidate.type,
+            id: this.formValidate.id
+          };
+          //修改接口
+          this.editSattf(request);
+        }
+      } else {
+        this.$Message.error("Fail!");
+      }
+    },
+    handleReset(name) {
+      this.$refs[name].resetFields();
+      this.isShowAdd = false;
+    },
+    handleAdd(value) {
+      value.name = "";
+      value.store = "";
+      value.phone = "";
+      value.staffCode = "";
+      value.roleId = 0;
+      value.type = "";
+      value.region = "";
+      value.checkbox = ["vail"];
+    }
+  }
+};
 </script>
 
 <style scoped>
-    .table-staff {
-        margin-top: 20px !important;
-    }
+.table-staff {
+  margin-top: 20px !important;
+}
 </style>