20210624

src/components/page/orcidLink.vue

@@ -0,0 +1,86 @@
+<template>
+    <div class="login-wrap" v-loading="loading">
+        <div class="ms_link" v-if="has_user"></div>
+        <div class="ms-login" v-else>
+            <div class="ms-title">User Register</div>
+            <el-form class="ms-content" :rules="registerRules" ref="registerForm" :model="registerForm" label-width="0">
+                <!-- 用户名 -->
+                <el-form-item prop="username">
+                    <el-input size="small" v-model="registerForm.username" auto-complete="off" placeholder="username">
+                        <i slot="prefix" class="el-icon-user"></i>
+                    </el-input>
+                </el-form-item>
+                <!-- 密码 -->
+                <el-form-item prop="password">
+                    <el-input size="small" v-model="registerForm.password" auto-complete="off" placeholder="password" show-password>
+                        <i slot="prefix" class="el-icon-lock"></i>
+                    </el-input>
+                </el-form-item>
+                <!-- 姓名 -->
+                <el-form-item prop="name">
+                    <el-input size="small" v-model="registerForm.name" auto-complete="off" placeholder="realname">
+                        <i slot="prefix" class="el-icon-edit-outline"></i>
+                    </el-input>
+                </el-form-item>
+                <!-- 手机 -->
+                <el-form-item prop="phone">
+                    <el-input size="small" v-model="registerForm.phone" auto-complete="off" placeholder="phone">
+                        <i slot="prefix" class="el-icon-mobile-phone" />
+                    </el-input>
+                </el-form-item>
+                <!-- 邮件 -->
+                <el-form-item prop="email">
+                    <el-input size="small" v-model="registerForm.email" auto-complete="off" placeholder="email">
+                        <i slot="prefix" class="el-icon-message"></i>
+                    </el-input>
+                </el-form-item>
+                <!-- 按钮 -->
+                <el-row type="flex" justify="center">
+                    <el-col :span="6">
+                        <el-form-item>
+                            <el-button size="small" type="primary" @click.native.prevent="handleRegister" class="register-submit"
+                                >bind</el-button
+                            >
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="14"></el-col>
+                    <el-col :span="4"> </el-col>
+                </el-row>
+            </el-form>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data: function () {
+        return {
+            account: localStorage.getItem('ms_username'),
+            loading: true,
+            has_user: false,
+            query: {
+                account: localStorage.getItem('ms_username'),
+                code: this.$route.query.code
+            }
+        };
+    },
+    created: function () {
+        this.initLinkOrcid();
+    },
+    methods: {
+        //推送记录信息
+        initLinkOrcid() {
+            this.$message.success(this.query.account);
+
+            // this.$api
+            //     .post('api/User/getUserForOrcid', this.query)
+            //     .then((res) => {
+            //         alert('okokok!!!!');
+            //     })
+            //     .catch((err) => {
+            //         console.log(err);
+            //     });
+        }
+    }
+};
+</script>