From d27fbd63d7840787d7f3ca5333b6e24dc3a860d4 Mon Sep 17 00:00:00 2001
From: mh-two-thousand-and-two <17391232786@163.com>
Date: 星期五, 29 三月 2024 18:43:30 +0800
Subject: [PATCH] 第二次提交
---
pages/index/index.vue | 493 ++++++++++++++++--------------------------------------
1 files changed, 148 insertions(+), 345 deletions(-)
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 29b6d95..87e66b8 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,153 +1,40 @@
<template>
<view class="container flex flex-center" style="align-items: flex-start;">
- <view class="repository relative" style="margin-top: 38rpx;">
- <view class="Ttop flex flex-center flex-wrap" style="flex-direction: column;">
- <view class="r-top flex flex-center" style="width: 100%;justify-content: space-around;">
- <view class="" style="width: 5%;"></view>
- <view class="" ref="Rtop">
- <!-- <uni-icons type="heart-filled" size="26" style="margin-right: 18rpx;"></uni-icons> -->
- <text class="login"></text>
- <text
- style="font-size: 72rpx;font-weight: normal;letter-spacing: 4rpx;vertical-align: middle;font-family: cursive;font-weight: bold;">涓浗鍖诲浜虹墿鐭ヨ瘑搴�</text>
+ <view class="repository relative">
+ <view class="flex Ttop flex-column" style="width: 100%;">
+ <view class="flex" style="width: 100%;">
+ <view class="" style="width: 2.5rem;"></view>
+ <view class=" flex flex-center flex-wrap" style="width: 100%; flex-direction: column;">
+ <view class=""></view>
+ <view class="" ref="Rtop">
+ <text class="login"></text>
+ <text
+ style="font-size: .36rem;letter-spacing: 4rpx;vertical-align: middle;font-family: cursive;font-weight: bold;">涓浗鍖诲浜虹墿鐭ヨ瘑搴�</text>
+ </view>
</view>
- <view class="flex" >
- <view v-if="!loginTrue" v-for="item in 3" :key="item" :class="'s'+item" class="ss1" style="margin: 0 10rpx;">
+ <view class="flex" style="height: .5rem;">
+ <view @click="iconClick(item)" v-for="item in 3" :key="item" :class="'s'+item" class="ss1" style="margin-right: .3rem;">
</view>
</view>
</view>
- <view v-if="!loginTrue" class="rbottom " :style="{width:Rtop1+'px'}">
- <uni-easyinput class="search1 uni-mt-12" suffixIcon="search" v-model="value" placeholder="鎸夌収濮撳悕鎼滅储"
- @iconClick="iconClick"></uni-easyinput>
+
+ <!-- 楂樼骇鎼滅储 -->
+ <view v-if="isSearchTrue" style="margin: .35rem 0 .16rem 0; height: .52rem;">
+ <advancedSearch @onSearch="onSearch" :isAvancedTrue="false" :isSearchTrue="false" />
</view>
</view>
- <view class="Bbottom relative">
+ <view class="Bbottom ">
<!-- 閫夐」鍗� -->
- <ul v-if="!loginTrue" class="secretary flex relative">
- <li v-for="(item,index) in listData" :key="item">
+ <ul class="secretary flex ">
+ <li @click="listDataClick(item)" v-for="(item,index) in listData" :key="index">
<span class="font-family"
- style="font-weight: 700;color: #2C2C2C; width: 36px;display: inline-block; font-size: 45rpx;overflow: hidden;height: 80%;line-height: 1.5;">{{item.name}}</span>
+ style="font-weight: 700;color: #2C2C2C; width: 36px;display: inline-block; font-size: .32rem;overflow: hidden;height: 80%;line-height: 1.5;">{{item.name}}</span>
<view class="flex flex-content"
- style="width: 80rpx;height: 80rpx;border-radius: 50%;background-color: #244A7B;">
+ style="width: .5rem;height: .5rem;border-radius: 50%;background-color: #244A7B;">
<image style="width: 40%;height: 20%;" src="@/static/image/eResize.png" mode=""></image>
- </view>
+ </view>
</li>
</ul>
- <!-- 娉ㄥ唽鐢ㄦ埛 v-if="isRegister"-->
- <el-card v-if="isRegister" style="position: absolute;top: -500rpx;padding: 30rpx;width: 900rpx;" >
- <view class="" style="display: flex; justify-content: space-between;">
- <h2 style="color: #244a7b;padding-bottom: 20rpx;">鐢ㄦ埛娉ㄥ唽</h2>
- <view class="" @click="isRegister= !isRegister,isLogin=!isLogin" style="cursor: pointer;font-size: 20rpx;color: #244a7b;">
- 宸叉湁璐﹀彿锛熻繑鍥炵櫥褰�
- </view>
- </view>
- <el-form :hide-required-asterisk="true" ref="formLogin" label-position="left" :rules="rules"
- label-width="80px" :model="registerData">
- <el-form-item label="鐧诲綍璐﹀彿" prop="loginID">
- <el-input v-model="registerData.loginID"></el-input>
- </el-form-item>
- <el-form-item label="鐧诲綍瀵嗙爜" prop="pass">
- <el-input type="password" v-model="registerData.pass"></el-input>
- </el-form-item>
- <el-form-item label="纭瀵嗙爜" prop="checkPass">
- <el-input type="password" v-model="registerData.checkPass"></el-input>
- </el-form-item>
- <el-form-item label="鎵嬫満/閭" prop="cellphoneORmailbox">
- <el-input v-model="registerData.cellphoneORmailbox"></el-input>
- </el-form-item>
- <el-form-item label="楠岃瘉鐮�" prop="verifyCode">
- <el-input v-model="registerData.verifyCode"></el-input>
- </el-form-item>
- <el-form-item class="btn">
- <el-button class="font-family"
- style="margin-top: 30rpx; font-weight:900;font-size: 30rpx; width: 100%;background-color: #244a7b;color: #fff;padding: 30rpx;"
- size="medium" @click="Login1('formLogin')">鐧诲綍</el-button>
- </el-form-item>
- <view class=""
- style="font-size: 17rpx;color: #9E9E9E;text-align: center;line-height: 1;margin-bottom: 20rpx;">
- 鐢ㄦ埛娉ㄥ唽鍗充唬琛ㄥ悓鎰忋�婃湇鍔℃潯娆俱�嬪拰銆婄敤鎴烽殣绉佷繚鎶ゅ拰涓汉淇℃伅鏉℃銆�</view>
- </el-form>
- </el-card>
- <!-- 鐢ㄦ埛鐧诲綍 v-if="isLogin"-->
- <el-card v-if="isLogin" style="position: absolute;top: -500rpx;padding: 30rpx;width: 900rpx;">
- <view class="" style="display: flex; justify-content: space-between;">
- <h2 style="color: #244a7b;padding-bottom: 20rpx;">鐢ㄦ埛鐧诲綍</h2>
- <view class=""> </view>
- </view>
- <el-form :hide-required-asterisk="true" ref="formLogin1" label-position="top" label-width="80px" :rules="rules1"
- :model="loginData">
- <el-form-item label="鐧诲綍璐﹀彿" prop="loginID">
- <el-input v-model="loginData.loginID"></el-input>
- </el-form-item>
- <el-form-item label="鐧诲綍瀵嗙爜" prop="pass">
- <el-input v-model="loginData.pass"></el-input>
- </el-form-item>
- <el-form-item class="btn">
- <el-button class="font-family"
- style="margin-top: 30rpx; font-weight:900;font-size: 30rpx; width: 100%;background-color: #244a7b;color: #fff;padding: 30rpx;"
- size="medium" @click="Login('formLogin1')">鐧诲綍</el-button>
- </el-form-item>
- <view class="" style="display: flex;font-size: 20rpx;">
- <view class="" style="display: inline-block;cursor: pointer;" @click="forgetPass">蹇樿瀵嗙爜
- </view>
- <view class="" style="display: inline-block;margin: 0 20rpx;"> | </view>
- <view class="" style="display: inline-block;cursor: pointer;" @click="quickRegister">蹇�熸敞鍐�
- </view>
- </view>
- </el-form>
- </el-card>
- <!-- 閲嶇疆瀵嗙爜 -->
- <el-card v-if="isResetPass" style="position: absolute;top: -500rpx;padding: 30rpx;width: 900rpx;">
- <view class="" style="display: flex; justify-content: space-between;">
- <h2 style="color: #244a7b;padding-bottom: 20rpx;">閲嶇疆瀵嗙爜 </h2>
- <view class=""> </view>
- </view>
- <el-form :hide-required-asterisk="true" ref="formLogin2" label-position="left" label-width="80px" :rules="rules"
- :model="resetDataPass">
- <el-form-item label="鎵嬫満/閭" prop="cellphoneORmailbox">
- <el-input v-model="resetDataPass.cellphoneORmailbox"></el-input>
- </el-form-item>
- <el-form-item label="楠岃瘉鐮�" prop="verifyCode">
- <el-input v-model="resetDataPass.verifyCode"></el-input>
- </el-form-item>
- <el-form-item label="鏂板瘑鐮�" prop="pass">
- <el-input v-model="resetDataPass.newPass"></el-input>
- </el-form-item>
- <el-form-item label="纭瀵嗙爜" prop="checkPass">
- <el-input v-model="resetDataPass.checkPass"></el-input>
- </el-form-item>
- <el-form-item class="btn">
- <el-button class="font-family"
- style="margin-top: 30rpx; font-weight:900;font-size: 30rpx; width: 100%;background-color: #244a7b;color: #fff;padding: 30rpx;"
- size="medium" @click="Login2('formLogin2')">纭畾</el-button>
- </el-form-item>
- </el-form>
- </el-card>
- <!-- 淇敼瀵嗙爜 -->
- <!-- <el-card style="position: absolute;top: -500rpx;padding: 30rpx;width: 900rpx;">
- <view class="" style="display: flex; justify-content: space-between;">
- <h2 style="color: #244a7b;padding-bottom: 20rpx;">淇敼瀵嗙爜 </h2>
- <view class="" > </view>
- </view>
- <el-form :hide-required-asterisk="true" ref="formLogin" label-position="left" label-width="80px" :rules="rules" :model="amendDataPass">
- <el-form-item label="鐧诲綍璐﹀彿" prop="loginID">
- <el-input v-model="amendDataPass.loginID"></el-input>
- </el-form-item>
- <el-form-item label="鍘熷瘑鐮�" prop="pass">
- <el-input v-model="amendDataPass.originalPass"></el-input>
- </el-form-item>
- <el-form-item label="鏂板瘑鐮�" prop="pass">
- <el-input v-model="amendDataPass.newPass"></el-input>
- </el-form-item>
- <el-form-item label="纭鏂板瘑鐮�" prop="checkPass">
- <el-input v-model="amendDataPass.checkPass"></el-input>
- </el-form-item>
- <el-form-item class="btn">
- <el-button class="font-family"
- style="margin-top: 30rpx; font-weight:900;font-size: 30rpx; width: 100%;background-color: #244a7b;color: #fff;padding: 30rpx;"
- size="medium" @click="Login('formLogin')">纭畾</el-button>
- </el-form-item>
- </el-form>
- </el-card> -->
</view>
</view>
<view class="hua"></view>
@@ -155,18 +42,8 @@
<view class="fff"></view>
<!-- 搴曢儴鑺辩殑鑳屾櫙鍥惧彸渚� -->
<view class="rrr"></view>
- <view class="BottomColumn flex flex-center">
- <view class="Bbar flex">
- <img style="display: block;margin-right: 20rpx;" src="@/static/image/logo.png" alt="" srcset="" />
- <view class="font-family">
- <view class="">
- 92017涓浗涓尰绉戝闄腑鍖昏嵂淇℃伅鐮旂┒鎵�鐗堟潈鎵�鏈変含ICP澶囦笟鏂瑰畨澶т笟鏂逛笟鏂�
- </view>
- <view class="">鍦板潃:鍖椾含甯備笢鍩庡尯涓滅洿闂ㄥ唴鍗楀皬琛�16鍙烽偖缂�:100700
- 鐢佃瘽:8610-64089611Email:tcmbase@126.com</view>
- </view>
- </view>
- </view>
+
+ <Footer1 />
</view>
</template>
@@ -174,109 +51,14 @@
import {
nextTick
} from "vue";
+ import Footer1 from '@/components/footer/footer.vue'
export default {
- data() {
- // 瀵嗙爜
- var validatePass = (rule, value, callback) => {
- if (value === '') {
- callback(new Error('璇疯緭鍏ュ瘑鐮�'));
- } else {
- if (this.registerData.checkPass !== '') {
- this.$nextTick(() => {
- this.$refs.formLogin.validateField('checkPass');
- });
- }
- callback();
- }
- };
- // 纭瀵嗙爜
- var validatePass2 = (rule, value, callback) => {
- if (value === '') {
- callback(new Error('璇峰啀娆¤緭鍏ュ瘑鐮�'));
- } else if (value !== this.registerData.pass) {
- callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!'));
- } else {
- callback();
- }
- };
- return {
- // 鐢ㄦ埛娉ㄥ唽
- isRegister: false,
- // 鐢ㄦ埛鐧诲綍
- isLogin: true,
- // 淇敼瀵嗙爜
- isAmendPass: false,
- // 閲嶇疆瀵嗙爜
- isResetPass: false,
- // 娉ㄥ唽鐢ㄦ埛璐﹀彿鐨勬牎楠�
- rules: {
- loginID: [{
- required: true,
- message: '璇疯緭鍏ョ櫥褰曡处鍙�',
- trigger: 'blur'
- }],
- pass: [{
- required: true,
- message: '璇疯緭鍏ュ瘑鐮�',
- trigger: 'blur'
- },
- {
- min: 6,
- max: 12,
- message: '瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�',
- trigger: 'blur'
- },
- {
- validator: validatePass,
- trigger: 'blur'
- }
- ],
- checkPass: [{
- validator: validatePass2,
- trigger: 'blur'
- }],
- cellphoneORmailbox: [{
- required: true,
- message: '璇疯緭鍏ラ偖绠卞湴鍧�',
- trigger: 'blur'
- },
- {
- type: 'email',
- message: '璇疯緭鍏ユ纭殑閭鍦板潃',
- trigger: ['blur', 'change']
- }
- ],
- verifyCode: [{
- required: true,
- message: '璇疯緭鍏ラ獙璇佺爜',
- trigger: 'blur'
- },
- {
- validator: (rule, value, callback) => this.validateVerificationCode(rule, value, callback),
- trigger: 'blur'
- }
- ]
- },
- rules1: {
- loginID: [{
- required: true,
- message: '璇疯緭鍏ョ櫥褰曡处鍙�',
- trigger: 'blur'
- }],
- pass: [{
- required: true,
- message: '璇疯緭鍏ュ瘑鐮�',
- trigger: 'blur'
- },
- {
- min: 6,
- max: 12,
- message: '瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�',
- trigger: 'blur'
- }
- ],
- },
-
+ components: {
+ Footer1
+ },
+ data() {return {
+ // 鎼滅储鐨勬樉绀�
+ isSearchTrue:true,
// 鐧诲綍娉ㄥ唽妗�
loginTrue: true,
Rtop1: 0,
@@ -342,18 +124,42 @@
this.getElementWidth();
},
methods: {
- // 蹇樿瀵嗙爜
- forgetPass() {
- this.isLogin = !this.isLogin
- this.isResetPass = !this.isResetPass
- console.log('蹇樿瀵嗙爜');
+ onSearch(val){
+ uni.navigateTo({
+ url:'/pages/knowledgeBase/knowledgeBase?name='+val
+ })
+ console.log('vv',val);
},
- // 蹇�熸敞鍐�
- quickRegister() {
- this.isLogin = !this.isLogin
- this.isRegister = !this.isRegister
- console.log('蹇�熸敞鍐�');
+ // 鍒楄〃椤硅烦杞�
+ listDataClick(item) {
+ console.log(item);
+ // 鍦ㄥ綋鍓嶉〉闈㈣缃叏灞�鍙橀噺
+ // uni.setStorageSync('globalData', { id: 123, name: 'example' });
+ if (item.id == 1) {
+ uni.navigateTo({
+ url: '/pages/repository/repository?id=' + item.id
+ })
+ } else if (item.id == 2) {
+ console.log(item.name);
+ // uni.navigateTo({
+ // url:'/pages/repository/repository?id='+item.id
+ // })
+ } else if (item.id == 3) {
+ uni.navigateTo({
+ url: '/pages/dataDisplay/dataDisplay?id=' + item.id
+ })
+ } else if (item.id == 4) {
+ uni.navigateTo({
+ url: '/pages/territory/territory?id=' + item.id
+ })
+ } else if (item.id == 5) {
+ uni.navigateTo({
+ url: '/pages/TcmSystem/TcmSystem?id=' + item.id
+ })
+ }
+
},
+
// 楠岃瘉鐮佹牎楠�
validateVerificationCode(rule, value, callback) {
if (value !== '123456') {
@@ -370,49 +176,64 @@
console.log('Element width:', width);
})
},
- // 鐢ㄦ埛鐧诲綍
- Login(formName) {
- console.log('鐢ㄦ埛鐧诲綍鐨勭櫥褰曟寜閽�');
- this.isLogin=!this.isLogin
- this.loginTrue=!this.loginTrue
- this.$refs[formName].validate((valid) => {
- if (valid) {
- alert('submit!鎴愬姛');
- } else {
- console.log('error submit!!澶辫触');
- return false;
- }
- });
- },
- // 鐢ㄦ埛娉ㄥ唽
- Login1(formName) {
- console.log('鐢ㄦ埛娉ㄥ唽鐨勭櫥褰曟寜閽�');
- this.$refs[formName].validate((valid) => {
- if (valid) {
- alert('submit!鎴愬姛');
- } else {
- console.log('error submit!!澶辫触');
- return false;
- }
- });
- },
- // 蹇樿瀵嗙爜
- Login2(formName) {
- console.log('蹇樿瀵嗙爜鐨勭櫥褰曟寜閽�');
- this.$refs[formName].validate((valid) => {
- if (valid) {
- alert('submit!鎴愬姛');
- } else {
- console.log('error submit!!澶辫触');
- return false;
- }
- });
+ iconClick(index){
+ console.log(index);
+ // 鎼滅储鐨勬樉绀�
+ if(index==1){
+ this.isSearchTrue = !this.isSearchTrue
+ }
}
}
}
</script>
<style scoped>
+ /*
+ 鍦ㄥ睆骞曞搴﹁秴杩� 1440px 鏃剁殑鏍峰紡璁剧疆 */
+ @media screen and (min-width: 1441px) {
+ ::v-deep .el-card {
+ top: 60% !important;
+ }
+
+ .BottomColumn {
+ padding: .10rem 0;
+ }
+ .Ttop{
+ margin-bottom: .6rem !important;
+ }
+ .secretary{
+ li{
+ height: 4.5rem !important;
+ }
+ }
+ .LoginTop {
+ margin-bottom: .17rem !important;
+ }
+
+ .btn ::v-deep .el-button {
+ margin-top: 0.1rem !important;
+ font-size: 0.2rem !important;
+ width: 100%;
+ padding: 0.12rem !important;
+ }
+
+ .LoginBg {
+ height: .3rem !important;
+ }
+
+ .hua {
+ height: 4rem !important;
+ }
+
+ .fff {
+ height: 3.5rem !important;
+ }
+
+ .rrr {
+ height: 2.5rem !important;
+ }
+ }
+
.btn>>>.el-form-item__content {
margin-left: 0 !important;
}
@@ -454,22 +275,23 @@
.ss1 {
background-repeat: no-repeat;
background-size: 100% 100%;
- width: 40rpx;
- height: 40rpx;
+ width: .34rem;
+ height: .34rem;
background-size: 100% 100%;
}
.s1 {
- background-image: url(@/static/image/search.png);
+ background-image: url(@/static/image/search.svg);
}
.s2 {
- background-image: url(@/static/image/question.png);
+ background-image: url(@/static/image/profile.svg);
}
.s3 {
- background-image: url(@/static/image/question.png);
+ background-image: url(@/static/image/quote.svg);
+ margin-right: .59rem !important;
}
.container {
@@ -481,15 +303,16 @@
.repository {
width: 100% !important;
- margin-top: 19px;
- height: 68%;
+ /* margin-top: 19px; */
+ /* height: 68%; */
display: flex;
flex-direction: column;
justify-content: space-around;
+ align-items: center;
.Ttop {
- /* width: 500rpx; */
- margin: -100px 0 40px 0;
+ margin-top: .38rem;
+ margin-bottom: 1.22rem;
}
.r-top {
@@ -512,18 +335,18 @@
.rrr {
position: absolute;
- right: 180rpx;
- bottom: 120.5rpx;
- width: 255rpx;
- height: 350.5rpx;
+ right: .53rem;
+ bottom: .36rem;
+ width: 2.5rem;
+ height: 3.07rem;
opacity: 1;
background: url(@/static/image/bg4.png);
background-size: 100% 100%;
}
.hua {
- width: 95%;
- height: 60%;
+ width: 13.81rem;
+ height: 5.965rem;
position: absolute;
background: url(@/static/image/bg3.png) no-repeat 0 0;
background-size: 100% 100%;
@@ -533,10 +356,10 @@
.fff {
background: url(@/static/image/bg2.png) no-repeat 0 0;
background-size: 100% 100%;
- width: 400rpx;
- height: 600rpx;
+ width: 2.74rem;
+ height: 4.52rem;
position: fixed;
- bottom: 130rpx;
+ bottom: 0;
z-index: 9999999999999;
left: 0;
}
@@ -548,54 +371,34 @@
.secretary {
- width: 1300rpx !important;
- height: 50rpx;
+ /* width: 1300rpx !important; */
+ /* height: 50rpx; */
/* height: 80%; */
/* flex-wrap: wrap; */
padding: 0 20px;
text-align: center;
-
-
-
li {
background-color: #fff;
color: black;
- height: 600rpx;
+ width: 1.6rem;
+ height: 4.8rem;
display: flex;
- justify-content: space-between;
+ justify-content: center;
flex-direction: column;
align-items: center;
- border: 1rpx solid #fff;
- padding: 50rpx 65rpx;
- /* padding: 58rpx 128rpx 88rpx; */
text-align: center;
background: #EBF4FF;
+ font-weight: 600;
+ margin: 0 .21rem;
}
}
- .BottomColumn {
- position: fixed;
- left: 0px;
- bottom: 0px;
- padding: 20rpx 0;
- width: 100%;
- background-color: #e6eff8;
- font-size: 10px;
- color: #000;
- .Bbar {
- img {
- width: 60rpx;
- height: 60rpx;
- border-radius: 50%;
- }
- }
- }
- .Bbottom {
+ /* .Bbottom {
display: flex;
justify-content: center;
-
- }
+
+ } */
</style>
\ No newline at end of file
--
Gitblit v1.9.1