添加用户管理

package-lock.json

 {
-  "name": "new-op-optimized-ui",
-  "version": "1.0.1",
+  "name": "store-manage-ui",
+  "version": "1.0.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

src/router/index.js

@@ -5,10 +5,11 @@ Vue.use(VueRouter);
 
 const home = r => require.ensure([], () => r(require('../view/common/Home.vue')), 'home');
 const micro = r => require.ensure([], () => r(require('../view/common/Micro.vue')), 'microLayout');
-const adList = r => require.ensure([], () => r(require('../view/operation/AdList.vue')), 'adList');
+// const adList = r => require.ensure([], () => r(require('../view/operation/AdList.vue')), 'adList');
 const newAdList = r => require.ensure([], () => r(require('../view/operation/newAdList.vue')), 'newAdList');
+const userManage = r => require.ensure([], () => r(require('../view/userManaga/index.vue')), 'userManage');
 
-const loanHomePage = r => require.ensure([], () => r(require('../view/operation/LoanHomePage.vue')), 'loanHomePage');
+// const loanHomePage = r => require.ensure([], () => r(require('../view/operation/LoanHomePage.vue')), 'loanHomePage');
 const templateManage = r => require.ensure([], () => r(require('../view/sendManagement/templateManage.vue')), 'templateManage');
 const strategyManage = r => require.ensure([], () => r(require('../view/sendManagement/StrategyManage.vue')), 'strategyManage');
 const createMessage = r => require.ensure([], () => r(require('../view/sendManagement/CreateMessage.vue')), 'CreateMessage');
@@ -73,6 +74,10 @@ const routes = [
       requireAuth: true,
     },
     children: [
+      {
+        path: 'userManage',
+        component: userManage,
+      },
       {
         path: 'specialList',
         component: specialList,
@@ -133,10 +138,10 @@ const routes = [
         path: 'createMessage',
         component: createMessage,
       },
-      {
-        path: 'adList',
-        component: adList,
-      },
+      // {
+      //   path: 'adList',
+      //   component: adList,
+      // },
       {
         path: 'newAdList',
         component: newAdList,
@@ -150,10 +155,10 @@ const routes = [
         component: memberLevel,
       },
 
-      {
-        path: 'loanHomePage',
-        component: loanHomePage,
-      },
+      // {
+      //   path: 'loanHomePage',
+      //   component: loanHomePage,
+      // },
       {
         path: 'templateManage',
         component: templateManage,

src/view/userManage/index.vue

+<template>
+  <div>
+    <Form ref="form" :label-width="90" inline :model="form" :rules="ruleValidate" style="margin-top:20px;">
+      <FormItem label="邀请人userId">
+        <Input v-model="form.inviterId" placeholder="请输入用户userId" clearable style="width: 150px" />
+      </FormItem>
+      <FormItem label="起始日期:">
+        <DatePicker
+          v-model="usedTime"
+          type="daterange"
+          confirm
+          placement="bottom-end"
+          placeholder="请选择开始时间 - 请选择结束时间"
+          style="width: 220px"
+          clearable
+          @on-change="
+            e => {
+              onDateRangeChange(e, 'startDate', 'endDate');
+            }
+          "
+        />
+      </FormItem>
+    </Form>
+    <Button type="primary" @click="getList()">查询</Button>
+    <Table ref="currentRowTable" border :columns="columns" :data="dataList" />
+    <Page style="margin:20px" :total="count" :current="form.pageNo" :page-size="form.pageSize" size="small" show-total show-elevator @on-change="changePage" />
+  </div>
+</template>
+<script>
+import sendMessageApi from '../../services/apis/appUrl.service';
+import appConfig from '../../services/appConfig.js';
+export default {
+  data() {
+    return {
+      ruleValidate: {},
+      usedTime: [],
+      width: '80',
+      form: {
+        pageNo: 1,
+        pageSize: 10,
+        inviterId: '',
+        startDate: '',
+        endDate: '',
+      },
+      count: 0,
+      columns: appConfig.FRIEND_COLUMNS,
+      dataList: [],
+    };
+  },
+  mounted() {
+    this.getList();
+  },
+  methods: {
+    onDateRangeChange(e, start, end) {
+      this.form[start] = e[0] || '';
+      this.form[end] = e[1] || '';
+    },
+    getList(page = 1) {
+      const reg = /^[0-9]+.?[0-9]*$/;
+      if (this.form.inviterId !== '' && !reg.test(this.form.inviterId)) {
+        this.$Notice.error({
+          title: '请输入数字类型的userId',
+        });
+        return;
+      }
+      if ((this.form.startDate !== '' && this.form.endDate === '') || (this.form.startDate === '' && this.form.endDate !== '')) {
+        this.$Notice.error({
+          title: '请检查起始时间是否填写完整',
+        });
+        return;
+      }
+      this.form.pageNo = page;
+      sendMessageApi.inviteList(this.form).then(res => {
+        this.dataList = res.dataList || [];
+        this.count = res.totalCount;
+      });
+    },
+    changePage(page) {
+      this.getList(page);
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.col-option {
+  margin: 5px 10px 5px 0;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+
+  .label-option {
+    line-height: 30px;
+    margin-right: 10px;
+  }
+}
+</style>