1

src/views/adminCenter/adminMech/detail.vue

@@ -0,0 +1,107 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col class="one">
+          <el-button type="primary" size="mini" @click="toReturn()">返回</el-button>
+          <span class="sp">机构用户-信息管理</span>
+        </el-col>
+        <el-col class="two">
+          <el-form :model="form" :rules="rules" ref="form" label-width="140px">
+            <el-form-item label="管理员" prop="name1">
+              <el-select v-model="form.name1" clearable filterable placeholder="请选择" style="width: 100%" size="small">
+                <el-option v-for="item in name1List" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="机构代码或邀请码" prop="title">
+              <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+            </el-form-item>
+            <el-form-item label="机构名称" prop="title">
+              <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+            </el-form-item>
+            <el-form-item label="姓名" prop="title">
+              <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+            </el-form-item>
+            <el-form-item label="手机号" prop="title">
+              <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+            </el-form-item>
+            <el-form-item label="密码" prop="title">
+              <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-button class="btn" type="primary" size="mini" @click="onSubmit('form')">提交</el-button>
+            </el-form-item>
+          </el-form>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'detail',
+  props: {},
+  components: {},
+  data: function () {
+    return {
+      rules: {
+        title: [{ required: true, message: '请输入', trigger: 'blur' }],
+        // title: [{ required: true, message: '机构代码或邀请码', trigger: 'blur' }],
+        // title: [{ required: true, message: '机构名称', trigger: 'blur' }],
+        // title: [{ required: true, message: '姓名', trigger: 'blur' }],
+        // title: [{ required: true, message: '手机号', trigger: 'blur' }],
+        // title: [{ required: true, message: '密码', trigger: 'blur' }],
+      },
+      form: {},
+      // 名称
+      name1List: [{ value: '0', label: '吉林专利市场系统管理员' }],
+    };
+  },
+  created() {},
+  methods: {
+    onSubmit(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.$emit('onSubmit', { data: this.form });
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    //返回
+    toReturn() {
+      this.$router.push({ path: '/adminCenter/adminMech/index' });
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .one {
+    padding: 0 0 20px 10px;
+    .sp {
+      padding: 0px 0 0 170px;
+      font-size: 24px;
+      font-weight: 700;
+      margin-right: 10px;
+    }
+  }
+}
+</style>

src/views/adminCenter/adminMech/index.vue

@@ -1,7 +1,18 @@
 <template>
   <div id="index">
     <el-row>
-      <el-col :span="24" class="main animate__animated animate__backInRight"> test </el-col>
+      <el-col :span="24" class="main animate__animated animate__backInRight">
+        <el-col class="one">
+          <span>机构用户</span>
+        </el-col>
+        <el-col :span="24" class="two">
+          <data-table :fields="fields" :opera="opera" :data="list" @query="search" :total="total" @edit="toEdit" @del="toDel" @reset="toReset">
+            <template slot="selfbtn">
+              <el-button type="primary" size="mini" @click="toAdd()">新增</el-button>
+            </template>
+          </data-table>
+        </el-col>
+      </el-col>
     </el-row>
   </div>
 </template>
@@ -13,10 +24,44 @@ export default {
   props: {},
   components: {},
   data: function () {
-    return {};
+    return {
+      //列头配置项
+      fields: [
+        { label: '名称', prop: 'name', filter: true },
+        { label: '机构代码或邀请码', prop: 'name', filter: true },
+        { label: '机构名称', prop: 'name', filter: true },
+        { label: '联系电话', prop: 'name', filter: true },
+      ],
+      // 操作
+      opera: [
+        { label: '修改', method: 'edit' },
+        { label: '删除', method: 'del', confirm: true, type: 'danger' },
+        { label: '重置', method: 'reset' },
+      ],
+      list: [],
+      total: 0,
+    };
+  },
+  created() {
+    this.search();
+  },
+  methods: {
+    async search({ skip = 0, limit = 10, ...info } = {}) {},
+    // 新增
+    toAdd() {
+      this.$router.push({ path: '/adminCenter/adminMech/detail' });
+    },
+    // 修改
+    toEdit({ data }) {},
+    // 刪除
+    toDel({ data }) {
+      console.log(data);
+    },
+    //重置
+    toReset({ data }) {
+      console.log(data);
+    },
   },
-  created() {},
-  methods: {},
   computed: {
     ...mapState(['user']),
   },
@@ -33,4 +78,13 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  .one {
+    padding: 20px 0 20px 0px;
+    font-size: 26px;
+    font-weight: 700;
+    margin-right: 10px;
+  }
+}
+</style>