1

src/components/common/Sidebar.vue

@@ -56,6 +56,16 @@ export default {
           index: 'gly',
           title: '管理员管理',
         },
+        {
+          icon: 'el-icon-s-home',
+          index: 'jg',
+          title: '机构管理员',
+        },
+        {
+          icon: 'el-icon-s-home',
+          index: 'yw',
+          title: '业务管理员',
+        },
       ],
     };
   },

src/router/index.js

@@ -20,6 +20,7 @@ export default new Router({
           component: () => import('../views/homeIndex.vue'),
           meta: { title: '系统首页' },
         },
+        // 管理员
         {
           path: '/gly',
           component: () => import('../views/gly/index.vue'),
@@ -30,6 +31,28 @@ export default new Router({
           component: () => import('../views/gly/detail.vue'),
           meta: { title: '管理员信息管理' },
         },
+        // 机构管理员
+        {
+          path: '/jg',
+          component: () => import('../views/jg/index.vue'),
+          meta: { title: '机构管理员' },
+        },
+        {
+          path: '/jg/detail',
+          component: () => import('../views/jg/detail.vue'),
+          meta: { title: '机构管理员信息管理' },
+        },
+        // 业务管理员
+        {
+          path: '/yw',
+          component: () => import('../views/yw/index.vue'),
+          meta: { title: '业务管理员' },
+        },
+        {
+          path: '/yw/detail',
+          component: () => import('../views/yw/detail.vue'),
+          meta: { title: '业务管理员信息管理' },
+        },
       ],
     },
     {

src/views/gly/detail.vue

@@ -1,14 +1,20 @@
 <template>
   <div id="detail">
     <el-row>
-      <el-col :span="24">
-        <p>detail</p>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="back">
+          <el-button type="primary" size="mini" @click="back">返回</el-button>
+        </el-col>
+        <el-col :span="24" class="detail">
+          <data-form :data="form" :fields="formFields" :rules="rules" @save="toSave" labelWidth="135px"></data-form>
+        </el-col>
       </el-col>
     </el-row>
   </div>
 </template>
 
 <script>
+import dataForm from '@common/src/components/frame/form.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   metaInfo() {
@@ -16,12 +22,38 @@ export default {
   },
   name: 'detail',
   props: {},
-  components: {},
+  components: {
+    dataForm,
+  },
   data: function() {
-    return {};
+    return {
+      formFields: [
+        { label: '机构代码或邀请码', model: 'code' },
+        { label: '机构名称', model: 'deptname' },
+        { label: '姓名', model: 'name' },
+        { label: '手机号', model: 'phone', options: { maxLength: 11, minLength: 11, type: 'number' } },
+        { label: '密码', model: 'passwd', type: 'password' },
+      ],
+      form: {},
+      rules: {
+        code: [{ required: true, message: '请输入机构代码或邀请码' }],
+        name: [{ required: true, message: '请输入姓名' }],
+        phone: [{ required: true, message: '请输入手机号' }],
+        passwd: [{ required: true, message: '请输入密码' }],
+      },
+    };
   },
   created() {},
-  methods: {},
+  methods: {
+    // 提交
+    toSave({ data }) {
+      console.log(data);
+    },
+    // 返回
+    back() {
+      this.$router.push({ path: '/gly' });
+    },
+  },
   computed: {
     ...mapState(['user']),
   },
@@ -29,4 +61,11 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  .back {
+    text-align: right;
+    margin: 0 0 10px 0;
+  }
+}
+</style>

src/views/gly/index.vue

@@ -38,18 +38,31 @@ export default {
         },
       ],
       fields: [
-        { label: '房间号', prop: 'room_id', filter: 'input' },
-        { label: '标题', prop: 'title' },
-        { label: '开始时间', prop: 'create_date' },
-        { label: '负责人', prop: 'user' },
-        { label: '联系电话', prop: 'phone' },
+        { label: '机构代码或邀请码', prop: 'code', model: 'code' },
+        { label: '姓名', prop: 'name', model: 'name' },
+        { label: '手机号', prop: 'phone', model: 'phone', options: { maxLength: 11, minLength: 11, type: 'number' } },
+        { label: '机构名称', prop: 'deptname', model: 'deptname' },
       ],
       list: [],
       total: 0,
     };
   },
-  created() {},
+  async created() {
+    await this.search();
+  },
   methods: {
+    // 查询列表
+    search({ skip = 0, limit = 10, ...info } = {}) {
+      console.log('列表');
+    },
+    // 修改
+    toEdit({ data }) {
+      console.log('修改');
+    },
+    // 删除
+    toDelete({ data }) {
+      console.log('删除');
+    },
     // 添加数据
     add() {
       this.$router.push({ path: '/gly/detail' });
@@ -66,6 +79,7 @@ export default {
 .main {
   .add {
     text-align: right;
+    margin: 0 0 10px 0;
   }
 }
 </style>

src/views/jg/detail.vue

@@ -0,0 +1,84 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="back">
+          <el-button type="primary" size="mini" @click="back">返回</el-button>
+        </el-col>
+        <el-col :span="24" class="detail">
+          <data-form :data="form" :fields="formFields" :rules="rules" @save="toSave" labelWidth="135px">
+            <template #options="{item}">
+              <template v-if="item.model === 'pid'">
+                <el-option v-for="(i, index) in pidList" :key="index" :label="i.name" :value="i.id"></el-option>
+              </template>
+            </template>
+          </data-form>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import dataForm from '@common/src/components/frame/form.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  name: 'detail',
+  props: {},
+  components: {
+    dataForm,
+  },
+  data: function() {
+    return {
+      formFields: [
+        { label: '所属管理员', model: 'pid', type: 'select' },
+        { label: '机构代码或邀请码', model: 'code' },
+        { label: '机构名称', model: 'deptname' },
+        { label: '姓名', model: 'name' },
+        { label: '手机号', model: 'phone', options: { maxLength: 11, minLength: 11, type: 'number' } },
+        { label: '密码', model: 'passwd', type: 'password' },
+      ],
+      form: {},
+      rules: {
+        pid: [{ required: true, message: '请选择所属管理员' }],
+        code: [{ required: true, message: '请输入机构代码或邀请码' }],
+        name: [{ required: true, message: '请输入姓名' }],
+        phone: [{ required: true, message: '请输入手机号' }],
+        passwd: [{ required: true, message: '请输入密码' }],
+      },
+      // 管理员列表
+      pidList: [
+        { id: '1', name: '管理员1' },
+        { id: '2', name: '管理员2' },
+      ],
+    };
+  },
+  created() {},
+  methods: {
+    // 提交
+    toSave({ data }) {
+      console.log(data);
+    },
+    // 返回
+    back() {
+      this.$router.push({ path: '/jg' });
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .back {
+    text-align: right;
+    margin: 0 0 10px 0;
+  }
+}
+</style>

src/views/jg/index.vue

@@ -0,0 +1,85 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="add">
+          <el-button type="primary" size="mini" @click="add">添加</el-button>
+        </el-col>
+        <el-col :span="24" class="list">
+          <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @edit="toEdit" @delete="toDelete"></data-table>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import dataTable from '@common/src/components/frame/filter-page-table.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  name: 'index',
+  props: {},
+  components: {
+    dataTable,
+  },
+  data: function() {
+    return {
+      opera: [
+        {
+          label: '编辑',
+          method: 'edit',
+        },
+        {
+          label: '删除',
+          method: 'delete',
+        },
+      ],
+      fields: [
+        { label: '机构代码或邀请码', prop: 'code', model: 'code' },
+        { label: '姓名', prop: 'name', model: 'name' },
+        { label: '手机号', prop: 'phone', model: 'phone', options: { maxLength: 11, minLength: 11, type: 'number' } },
+        { label: '机构名称', prop: 'deptname', model: 'deptname' },
+      ],
+      list: [],
+      total: 0,
+    };
+  },
+  async created() {
+    await this.search();
+  },
+  methods: {
+    // 查询列表
+    search({ skip = 0, limit = 10, ...info } = {}) {
+      console.log('列表');
+    },
+    // 修改
+    toEdit({ data }) {
+      console.log('修改');
+    },
+    // 删除
+    toDelete({ data }) {
+      console.log('删除');
+    },
+    // 添加数据
+    add() {
+      this.$router.push({ path: '/jg/detail' });
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .add {
+    text-align: right;
+    margin: 0 0 10px 0;
+  }
+}
+</style>

src/views/yw/detail.vue

@@ -0,0 +1,84 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="back">
+          <el-button type="primary" size="mini" @click="back">返回</el-button>
+        </el-col>
+        <el-col :span="24" class="detail">
+          <data-form :data="form" :fields="formFields" :rules="rules" @save="toSave" labelWidth="135px">
+            <template #options="{item}">
+              <template v-if="item.model === 'pid'">
+                <el-option v-for="(i, index) in pidList" :key="index" :label="i.name" :value="i.id"></el-option>
+              </template>
+            </template>
+          </data-form>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import dataForm from '@common/src/components/frame/form.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  name: 'detail',
+  props: {},
+  components: {
+    dataForm,
+  },
+  data: function() {
+    return {
+      formFields: [
+        { label: '所属机构', model: 'pid', type: 'select' },
+        { label: '机构代码或邀请码', model: 'code' },
+        { label: '机构名称', model: 'deptname' },
+        { label: '姓名', model: 'name' },
+        { label: '手机号', model: 'phone', options: { maxLength: 11, minLength: 11, type: 'number' } },
+        { label: '密码', model: 'passwd', type: 'password' },
+      ],
+      form: {},
+      rules: {
+        pid: [{ required: true, message: '请选择所属机构' }],
+        code: [{ required: true, message: '请输入机构代码或邀请码' }],
+        name: [{ required: true, message: '请输入姓名' }],
+        phone: [{ required: true, message: '请输入手机号' }],
+        passwd: [{ required: true, message: '请输入密码' }],
+      },
+      // 机构管理员列表
+      pidList: [
+        { id: '1', name: '机构管理员1' },
+        { id: '2', name: '机构管理员2' },
+      ],
+    };
+  },
+  created() {},
+  methods: {
+    // 提交
+    toSave({ data }) {
+      console.log(data);
+    },
+    // 返回
+    back() {
+      this.$router.push({ path: '/yw' });
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .back {
+    text-align: right;
+    margin: 0 0 10px 0;
+  }
+}
+</style>

src/views/yw/index.vue

@@ -0,0 +1,85 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="add">
+          <el-button type="primary" size="mini" @click="add">添加</el-button>
+        </el-col>
+        <el-col :span="24" class="list">
+          <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @edit="toEdit" @delete="toDelete"></data-table>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import dataTable from '@common/src/components/frame/filter-page-table.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  name: 'index',
+  props: {},
+  components: {
+    dataTable,
+  },
+  data: function() {
+    return {
+      opera: [
+        {
+          label: '编辑',
+          method: 'edit',
+        },
+        {
+          label: '删除',
+          method: 'delete',
+        },
+      ],
+      fields: [
+        { label: '机构代码或邀请码', prop: 'code', model: 'code' },
+        { label: '姓名', prop: 'name', model: 'name' },
+        { label: '手机号', prop: 'phone', model: 'phone', options: { maxLength: 11, minLength: 11, type: 'number' } },
+        { label: '机构名称', prop: 'deptname', model: 'deptname' },
+      ],
+      list: [],
+      total: 0,
+    };
+  },
+  async created() {
+    await this.search();
+  },
+  methods: {
+    // 查询列表
+    search({ skip = 0, limit = 10, ...info } = {}) {
+      console.log('列表');
+    },
+    // 修改
+    toEdit({ data }) {
+      console.log('修改');
+    },
+    // 删除
+    toDelete({ data }) {
+      console.log('删除');
+    },
+    // 添加数据
+    add() {
+      this.$router.push({ path: '/yw/detail' });
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .add {
+    text-align: right;
+    margin: 0 0 10px 0;
+  }
+}
+</style>