协议

src/views/login/index.vue

@@ -15,24 +15,17 @@
         <div class="right-container">
             <div class="right-app-title">工程数字档案管理平台</div>
             <div class="sign-list">
-                <h1 class="font-lg">登录</h1>
                 <div class="title-tab">
                     <div :class="account ? 'active' : ''" @click="accountClick">密码登录</div>
                     <div :class="account ? '' : 'active'" @click="accountClick">游客登录</div>
                 </div>
                 <div v-if="account" class="form-box mt-4">
-                    <el-form
-                        ref="formRef" :model="formValue" :rules="formRules" label-position="left" label-width="0px"
-                        size="large"
-                    >
+                    <el-form ref="formRef" :model="formValue" :rules="formRules" label-position="left" label-width="0px" size="large">
                         <el-form-item prop="username">
                             <el-input v-model="formValue.username" clearable placeholder="账号" />
                         </el-form-item>
                         <el-form-item class="mt-8" prop="password">
-                            <el-input
-                                v-model="formValue.password" clearable placeholder="密码" show-password
-                                type="password" @keyup="passwordKeyUp"
-                            >
+                            <el-input v-model="formValue.password" clearable placeholder="密码" show-password type="password" @keyup="passwordKeyUp">
                                 <template #suffix>
                                     <span class="clickable-text" @click="clickableClick">忘记密码</span>
                                 </template>
@@ -45,18 +38,14 @@
                             <el-checkbox v-model="checkbox" label="记住密码" />
                         </el-form-item>
                         <el-form-item class="mt-8">
-                            <el-button :loading="loading" block type="primary" @click="formValidateClick">
-                                登 录
-                            </el-button>
+                            <el-button :loading="loading" block type="primary" @click="formValidateClick">登 录</el-button>
                         </el-form-item>
+                        <div class="form-protocol" @click="protocolClick">《软件产品用户使用服务协议》</div>
                     </el-form>
                 </div>
 
                 <div v-else class="form-box mt-4">
-                    <el-form
-                        ref="touristsRef" :model="touristsForm" :rules="touristsRules" label-position="left"
-                        label-width="auto" size="large"
-                    >
+                    <el-form ref="touristsRef" :model="touristsForm" :rules="touristsRules" label-position="left" label-width="auto" size="large">
                         <el-form-item prop="phone">
                             <el-input v-model="touristsForm.phone" clearable placeholder="请输入手机号" />
                         </el-form-item>
@@ -236,6 +225,11 @@ const clickableClick = () => {
         dangerouslyUseHTMLString: true,
     })
 }
+
+//协议
+const protocolClick = () => {
+    window.open('https://bladex-chongqing-info.oss-cn-hangzhou.aliyuncs.com//upload/20231213/73025c8aba72e1165e0731942f6e66c9.pdf', '_blank')
+}
 </script>
 
 <style lang="scss" scoped>
@@ -252,4 +246,14 @@ const clickableClick = () => {
         box-shadow: 0 0 0 2px var(--el-color-danger) inset;
     }
 }
+
+.form-protocol {
+    color: #8C8889;
+    font-size: 13px;
+    cursor: pointer;
+    transition: color 0.3s;
+    &:hover {
+        color: var(--el-color-primary);
+    }
+}
 </style>