更新

src/components/login.vue

@@ -16,7 +16,7 @@
       </el-col>
       <el-col :span="24" class="main">
         <div class="w_1200">
-          <mainInfo></mainInfo>
+          <mainInfo v-on="$listeners" :form="form" :forms="forms"></mainInfo>
         </div>
       </el-col>
       <el-col :span="24" class="foot">
@@ -38,6 +38,8 @@ export default {
   name: 'login',
   props: {
     info: null, //站点信息
+    form: null,
+    forms: null,
   },
   components: {
     top, //头部
@@ -73,7 +75,7 @@ export default {
 }
 
 .main {
-  height: 560px;
+  height: 1800px;
   overflow: hidden;
   margin: 10px 0;
 }

src/layout/login/mainInfo.vue

@@ -2,26 +2,105 @@
   <div id="mainInfo">
     <el-row>
       <el-col :span="24" class="info">
-        <el-image style="image" :src="beijing"></el-image>
         <el-col :span="24" class="login">
           <el-tabs v-model="activeName">
             <el-tab-pane label="登录" name="first" class="dengli">
-              <el-form ref="form" :model="form" label-width="0px">
-                <el-form-item> <el-input v-model="form.name" placeholder="用户名"></el-input> </el-form-item>
-                <el-form-item> <el-input v-model="form.region" placeholder="密码"></el-input> </el-form-item>
-                <el-button type="primary" @click="submitForm('ruleForm')">登录</el-button>
+              <el-form ref="form" :model="forms" label-width="0px">
+                <el-form-item label="">
+                  <el-radio-group v-model="form.role">
+                    <el-radio label="管理员"></el-radio>
+                    <el-radio label="企业管理员 "></el-radio>
+                    <el-radio label="个人"></el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item> <el-input v-model="forms.name" placeholder="用户名"></el-input> </el-form-item>
+                <el-form-item> <el-input v-model="forms.password" placeholder="密码"></el-input> </el-form-item>
+                <el-button type="primary" @click="clickUrldl(forms)">登录</el-button>
               </el-form>
             </el-tab-pane>
             <el-tab-pane label="注册" name="second">
               <el-form ref="form" :model="form" label-width="0px">
+                <el-form-item label="">
+                  <el-radio-group v-model="form.role">
+                    <el-radio label="管理员"></el-radio>
+                    <el-radio label="企业管理员 "></el-radio>
+                    <el-radio label="个人"></el-radio>
+                  </el-radio-group>
+                </el-form-item>
                 <el-form-item> <el-input v-model="form.name" placeholder="用户名称"></el-input> </el-form-item>
-                <el-form-item> <el-input v-model="form.region" placeholder="登录密码"></el-input> </el-form-item>
-                <el-form-item> <el-input v-model="form.passward" placeholder="设置密码"></el-input> </el-form-item>
-                <el-form-item> <el-input v-model="form.queren" placeholder="确认密码"></el-input> </el-form-item>
-                <el-form-item> <el-input v-model="form.card" placeholder="身份证号"></el-input> </el-form-item>
-                <el-form-item> <el-input v-model="form.phone" placeholder="联系电话"></el-input> </el-form-item>
+                <el-form-item> <el-input v-model="form.password" placeholder="登录密码"></el-input> </el-form-item>
+
+                <el-form-item> <el-input v-model="form.cardnumber" placeholder="身份证号"></el-input> </el-form-item>
+                <el-form-item> <el-input v-model="form.phone" placeholder="电话号码"></el-input> </el-form-item>
+                <el-form-item> <el-input v-model="form.email" placeholder="邮箱"></el-input> </el-form-item>
+
+                <!-- <el-form-item label="头像图片" label-width="4.5rem">
+                  <el-upload
+                    class="avatar-uploader"
+                    action="https://jsonplaceholder.typicode.com/posts/"
+                    :show-file-list="false"
+                    :on-success="handleAvatarSuccess"
+                    :before-upload="beforeAvatarUpload"
+                  >
+                    <img v-if="imageUrl" :src="form.img_path" class="avatar" />
+                    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                  </el-upload>
+                </el-form-item>
+
+                <el-form-item label="身份证正面" label-width="5.5rem">
+                  <el-upload
+                    class="avatar-uploader"
+                    action="https://jsonplaceholder.typicode.com/posts/"
+                    :show-file-list="false"
+                    :on-success="handleAvatarSuccess"
+                    :before-upload="beforeAvatarUpload"
+                  >
+                    <img v-if="imageUrl" :src="form.cardfile_a" class="avatar" />
+                    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                  </el-upload>
+                </el-form-item>
+
+                <el-form-item label="身份证背面" label-width="5.5rem">
+                  <el-upload
+                    class="avatar-uploader"
+                    action="https://jsonplaceholder.typicode.com/posts/"
+                    :show-file-list="false"
+                    :on-success="handleAvatarSuccess"
+                    :before-upload="beforeAvatarUpload"
+                  >
+                    <img v-if="imageUrl" :src="form.cardfile_b" class="avatar" />
+                    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                  </el-upload>
+                </el-form-item> -->
+                <!-- <el-form-item label="组织机构图片" label-width="6.5rem">
+                  <el-upload
+                    class="avatar-uploader"
+                    action="https://jsonplaceholder.typicode.com/posts/"
+                    :show-file-list="false"
+                    :on-success="handleAvatarSuccess"
+                    :before-upload="beforeAvatarUpload"
+                  >
+                    <img v-if="imageUrl" :src="form.img_qy" class="avatar" />
+                    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                  </el-upload>
+                </el-form-item> -->
+
                 <el-form-item> <el-input v-model="form.address" placeholder="地址"></el-input> </el-form-item>
-                <el-button type="primary" @click="submitForm('ruleForm')">注册</el-button>
+                <el-form-item label="">
+                  <el-radio-group v-model="form.is_qy">
+                    <el-radio label="个人" value="0"></el-radio>
+                    <el-radio label="法人" value="1"></el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item> <el-input v-model="form.institution_type" placeholder="机构类型"></el-input> </el-form-item>
+                <el-form-item> <el-input v-model="form.institution_name" placeholder="机构名称"></el-input> </el-form-item>
+                <el-form-item> <el-input v-model="form.institution_code" placeholder="机构代码"></el-input> </el-form-item>
+                <el-form-item> <el-input v-model="form.institution_nature" placeholder="机构性质"></el-input> </el-form-item>
+                <el-form-item> <el-input v-model="form.office_phone" placeholder="办公电话"></el-input> </el-form-item>
+                <el-form-item> <el-input v-model="form.profession" placeholder="所属行业"></el-input> </el-form-item>
+                <el-form-item> <el-input v-model="form.token" placeholder="令牌"></el-input> </el-form-item>
+                <!-- <el-button type="primary" @click="submitForm('ruleForm')">注册</el-button> -->
+                <el-button type="primary" @click="clickUrl()">注册</el-button>
               </el-form>
             </el-tab-pane>
           </el-tabs>
@@ -34,25 +113,45 @@
 <script>
 export default {
   name: 'mainInfo',
-  props: {},
+  props: {
+    form: null,
+    forms: null,
+  },
   components: {},
   data: () => ({
-    beijing: require('@/assets/denglu.jpg'),
-    form: {
-      name: '',
-      region: '',
-    },
     activeName: 'second',
   }),
   created() {},
   computed: {},
-  methods: {},
+  methods: {
+    clickUrl() {
+      this.$emit('onsave', { data: this.form });
+    },
+    // handleAvatarSuccess(res, file) {
+    //   this.imageUrl = URL.createObjectURL(file.raw);
+    // },
+    // beforeAvatarUpload(file) {
+    //   const isJPG = file.type === 'image/jpeg';
+    //   const isLt2M = file.size / 1024 / 1024 < 2;
+
+    //   if (!isJPG) {
+    //     this.$message.error('上传头像图片只能是 JPG 格式!');
+    //   }
+    //   if (!isLt2M) {
+    //     this.$message.error('上传头像图片大小不能超过 2MB!');
+    //   }
+    //   return isJPG && isLt2M;
+    // },
+  },
 };
 </script>
 
 <style lang="less" scoped>
+// .shangchuan {
+//   height: 100px;
+// }
 .info {
-  height: 560px;
+  height: 1800px;
   overflow: hidden;
   background-color: #fff;
 }
@@ -62,7 +161,7 @@ export default {
 }
 .info .login {
   position: absolute;
-  right: 90px;
+  right: 450px;
   top: 60px;
   width: 300px;
   height: 420px;
@@ -116,4 +215,29 @@ export default {
 .denglu {
   width: 150px;
 }
+
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.avatar-uploader .el-upload:hover {
+  border-color: #409eff;
+}
+.avatar-uploader-icon {
+  margin: 0px 0 0 48px;
+  font-size: 28px;
+  color: #8c939d;
+  width: 100px;
+  height: 100px;
+  line-height: 45px;
+  text-align: center;
+}
+.avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
 </style>

src/store/market.js

@@ -13,6 +13,10 @@ const actions = {
     const res = await this.$axios.$get(`${api.userInfo}`, { skip, limit, ...info });
     return res;
   },
+  async corpReg({ state, commit }, { data, id, name }) {
+    let result = await this.$axios.$post(api.corpReg, data, {}, { id: id, name: name });
+    return result;
+  },
   async create({ commit }, payload) {
     const res = await this.$axios.$post(`${api.userInfo}`, payload);
     return res;

src/views/enterprise/enterprisejb.vue

@@ -42,8 +42,7 @@ export default {
       }
     },
     async searchInfo() {
-      let detailId = '123456789';
-      const res = await this.fetch(detailId);
+      const res = await this.fetch('测试名称');
       console.log(res.data);
     },
 

src/views/login.vue

@@ -1,11 +1,16 @@
 <template>
   <div id="login">
-    <login-detail :info="info"></login-detail>
+    <login-detail :info="info" :form="form" :forms="forms" @onsave="onsaveClick"></login-detail>
   </div>
 </template>
 
 <script>
 import loginDetail from '@/components/login.vue';
+import { createNamespacedHelpers, mapGetters } from 'vuex';
+import _ from 'loadsh';
+const { mapActions: mapSite } = createNamespacedHelpers('site');
+const { mapActions: mapNews } = createNamespacedHelpers('market');
+
 export default {
   name: 'login',
   props: {},
@@ -13,20 +18,48 @@ export default {
     loginDetail,
   },
   data: () => ({
-    info: {
-      logo: require('@/assets/logo.png'),
-      banquan: '版权所有：吉林省计算中心',
-      jishu: '技术支持：长春市福瑞科技有限公司',
-      youbian: '邮编：130000',
-      chuanzhen: '传真：239823982',
-      address: '地址：吉林省长春市朝阳区前进大街1244号',
-      phone: '电话：0431-1234567',
-      email: '邮箱：123456@163.com',
-    },
+    form: {},
+    info: {},
+    forms: {},
+    sch: {},
   }),
-  created() {},
-  computed: {},
-  methods: {},
+
+  created() {
+    this.searchSite();
+  },
+  computed: {
+    keyWord() {
+      let meta = this.$route.meta;
+      let main = meta.title || '';
+      return main;
+    },
+  },
+  methods: {
+    ...mapSite(['showInfo']),
+    ...mapNews({ newsList: 'query', newsInfo: 'fetch', corpReg: 'create' }),
+
+    // 查询站点信息
+    async searchSite() {
+      let res = await this.showInfo();
+      let object = JSON.parse(JSON.stringify(res.data));
+      if (object) {
+        this.$set(this, `info`, res.data);
+      } else {
+        this.$message.error(res.errmsg ? res.errmsg : 'error');
+      }
+    },
+    async onsaveClick(data) {
+      let form = JSON.parse(JSON.stringify(this.form));
+      console.log(form);
+   
+      // console.log(data.name);
+      //连接接口
+      let result = await this.corpReg({ data: form });
+      this.$message({
+        message: `${result.errcode}` === '0' ? '注册成功' : result.errmag,
+      });
+    },
+  },
 };
 </script>