Skip to content

F
fj_app
Commit dbc3ddec by 王锐
Options

首页修改

parent 07d061a4
Showing with 193 additions and 123 deletions
debug.log
[0325/091852.500:ERROR:http_transport_win.cc(276)] WinHttpSendRequest: 操作成功完成。 (0x0) [0325/091852.500:ERROR:http_transport_win.cc(276)] WinHttpSendRequest: 操作成功完成。 (0x0)
[0424/092055.599:ERROR:http_transport_win.cc(276)] WinHttpSendRequest: 操作成功完成。 (0x0)
src/components/FlashNews.vue
...@@ -2,50 +2,48 @@ ...@@ -2,50 +2,48 @@
<div class="home-news"> <div class="home-news">
<div class="home-news-left"> <div class="home-news-left">
<b>视点推荐</b> <b>视点推荐</b>
</div> </div>
<div class="home-news-right"> <div class="home-news-right">
<yd-rollnotice autoplay="2000" :height="'40'" style="font-size:0.3rem ;color:#999;" > <yd-rollnotice autoplay="2000" :height="'40'" style="font-size:0.3rem ;color:#999;">
<yd-rollnotice-item > <yd-rollnotice-item>
<span class="home-news-rollnotice"> <span class="home-news-rollnotice">
<span style="color:#FF6A6A;">荐</span>&nbsp;比较重要的行业资讯业资讯业资业资业资业资 <span style="color:#FF6A6A;">荐</span>&nbsp;比较重要的行业资讯业资讯业资业资业资业资
</span> </span>
</yd-rollnotice-item> </yd-rollnotice-item>
</yd-rollnotice> </yd-rollnotice>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default {}; export default {};
</script> </script>
<style> <style>
.home-news { .home-news {
background-color: white; background-color: white;
overflow: hidden;
height: 40px;
width: 100%;
} }
.home-news-left{ .home-news-left {
margin-left: 0.3rem; margin-left: 0.3rem;
margin-right: 0.4rem; margin-right: 0.4rem;
float: left; float: left;
height: 40px; height: 40px;
font-size: 0.3rem; font-size: 0.3rem;
display: flex; display: flex;
align-items: center; align-items: center;
background-color: white;
} }
.home-news-right{ .home-news-right {
float: left; float: left;
} }
.home-news-rollnotice{ .home-news-rollnotice {
width: 210px; width: 210px;
overflow: hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
</style> </style>
src/components/swiper.vue
<template> <template>
<swipe :showIndicators="false" class="my-swipe"> <swipe :showIndicators="false" class="my-swipe">
<swipe-item v-for="(item ,index) in oldimg" class="slide" :key="index"> <swipe-item v-for="(item ,index) in oldimg"
@click.native="gohref(index)" class="slide" :key="index" >
<img :src="item.imgurl" alt> <img :src="item.imgurl" alt>
<span class="swiper-font"> XXXX </span>
</swipe-item> </swipe-item>
</swipe> </swipe>
</template> </template>
<script> <script>
import { Swipe, SwipeItem } from "vue-swipe"; import { Swipe, SwipeItem } from "vue-swipe";
import "vue-swipe/dist/vue-swipe.css"; //引入样式 import "vue-swipe/dist/vue-swipe.css"; //引入样式
import { setTimeout } from "timers";
export default { export default {
data() { data() {
return { return {
type: "", type: "",
oldimg: [ oldimg: [
{ imgurl: "static/img/lunbo.png" }, { imgurl: "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1426331807,2460330022&fm=26&gp=0.jpg" },
{ imgurl: "static/img/lunbo1.jpg" }, { imgurl: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1638695478,3359394321&fm=26&gp=0.jpg" },
{ imgurl: "static/img/lunbo2.jpg" } { imgurl: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=277637819,392506811&fm=26&gp=0.jpg" }
], ],
newimg: [], newimg: [],
urlAll: [] urlAll: []
}; };
}, },
components: { components: {
swipe: Swipe, 'swipe': Swipe,
"swipe-item": SwipeItem 'swipe-item': SwipeItem
}, },
created() { created() {
var vm = this; var vm = this;
// vm.init(); // vm.init();
vm.getDownloadUrl(); // vm.getDownloadUrl();
}, },
methods: { methods: {
gohref(e){
window.location.href="http://www.baidu.com"
},
init() { init() {
let u = navigator.userAgent; let u = navigator.userAgent;
let isAndroid = u.indexOf("Android") > -1; //android终端 let isAndroid = u.indexOf("Android") > -1; //android终端
let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
this.type = isiOS ? "1" : "0"; this.type = isiOS ? "1" : "0";
}, },
getDownloadUrl() { getDownloadUrl() {
var vm = this; var vm = this;
vm.$ajax vm.$ajax
...@@ -154,14 +160,19 @@ export default { ...@@ -154,14 +160,19 @@ export default {
<style> <style>
.slide img { .slide img {
width: 100%; width: 100%;
height: 2rem; height: 3rem;
} }
.my-swipe { .my-swipe {
width: 100%; width: 100%;
display: block; display: block;
height: 2rem; height: 3rem;
color: red; color: red;
font-size: 30px; font-size: 30px;
text-align: center; position: relative;
}
.swiper-font{
position: absolute;
bottom:0;
width:100%;
} }
</style> </style>
src/store/actions.js
//actions 可以异步 //actions 可以异步 提交到mutations
import axios from 'axios'; import axios from 'axios';
export default { export default {
['VIEW_LOADING']: ({ ['VIEW_LOADING']: ({
...@@ -8,21 +8,13 @@ export default { ...@@ -8,21 +8,13 @@ export default {
commit('VIEW_LOADING', payload) commit('VIEW_LOADING', payload)
}, },
['SET_TOKEN']: ({ ['SET_TOKEN']: ({
commit, context
state
}, payload) => { }, payload) => {
commit('SET_TOKEN', payload) context.commit('SET_TOKEN', payload)
},
['UPDATE_USER']: ({
commit,
state
}, payload) => {
commit('UPDATE_USER', payload)
}, },
// ['CHANGE_STOCKNUM']:({commit,state},payload)=>{commit('CHANGE_STOCKNUM',payload)}, // ['CHANGE_STOCKNUM']:({commit,state},payload)=>{commit('CHANGE_STOCKNUM',payload)},
['CHANGE_STOCKNUM']: (context, value) => {
context.commit('CHANGE_STOCKNUM', value)
},
// ['CHANGE_LOGINURL']: (context, value) => { // ['CHANGE_LOGINURL']: (context, value) => {
// context.commit('CHANGE_LOGINURL', value) // context.commit('CHANGE_LOGINURL', value)
// }, // },
......
src/store/getters.js
//对state数据处理 //对state数据处理
export default { export default {
bLoading:(state)=>{return state.bLoading}, bLoading:(state)=>{return state.bLoading},
userauth:(state)=>{return state.userauth},
stocknum:(state)=>{return state.stocknum},
token:(state)=>{return state.token}, token:(state)=>{return state.token},
loginurl:(state)=>{return state.loginurl}, loginurl:(state)=>{return state.loginurl},
} }
\ No newline at end of file
src/store/mutations.js
//显式的更改state里的数据 //显式的更改state里的数据
export default { export default {
["VIEW_LOADING"]:(state,payload)=>{state.bLoading=payload}, ["VIEW_LOADING"]:(state,payload)=>{
["UPDATE_HOME"]:(state,payload)=>{state.home=payload}, state.bLoading=payload
},
[ "SET_TOKEN"]:(state,payload)=>{ [ "SET_TOKEN"]:(state,payload)=>{
state.token=payload; state.token=payload;
window.sessionStorage.setItem('token',payload) window.sessionStorage.setItem('token',payload)
}, },
['UPDATE_USER']:(state,payload)=>{state.userauth=payload},
['CHANGE_STOCKNUM']:(state,payload)=>{state.stocknum=payload}, ['CHANGE_LOGINURL']:(state,payload)=>{
['CHANGE_LOGINURL']:(state,payload)=>{state.loginurl=payload} state.loginurl=payload
}
} }
\ No newline at end of file
src/store/state.js
export default { export default {
bLoading: false,//loading图 bLoading: false,//loading图
userauth:false,//登陆状态
token:window.sessionStorage.getItem('token'),//登陆状态存session token:window.sessionStorage.getItem('token'),//登陆状态存session
stocknum:0,//销售采购返回数据
loginurl:'' loginurl:''
} }
\ No newline at end of file
src/views/group/group.vue
...@@ -14,20 +14,8 @@ ...@@ -14,20 +14,8 @@
<span>查看检测费用明细情况，即将开通</span> <span>查看检测费用明细情况，即将开通</span>
</div> </div>
</router-link> </router-link>
<router-link tag="div" to="grorder" class="group_list">
<img src="../../assets/img/wodedingdan.png" alt>
<div>
<p>我的订单</p>
<span>查看订单执行情况，和QCMS同步</span>
</div>
</router-link>
<router-link tag="div" to="contract" class="group_list">
<img src="../../assets/img/contract.png" alt>
<div>
<p>我的合同</p>
<span>我和纺检院签署的合同执行情况</span>
</div>
</router-link>
<router-link tag="div" :to="{name:'qrcode',params:{a:1},query:{b:2}}" class="group_list"> <router-link tag="div" :to="{name:'qrcode',params:{a:1},query:{b:2}}" class="group_list">
<img src="../../assets/img/qrcode.png" alt> <img src="../../assets/img/qrcode.png" alt>
<div> <div>
......
src/views/home/complex.vue
...@@ -5,35 +5,35 @@ ...@@ -5,35 +5,35 @@
<yd-navbar-back-icon></yd-navbar-back-icon> <yd-navbar-back-icon></yd-navbar-back-icon>
</a> </a>
</yd-navbar> </yd-navbar>
<router-link tag="div" to="contract" class="home_list"> <router-link tag="div" to="contract" class="comp_list">
<img src="../../assets/img/contract.png" alt> <img src="../../assets/img/contract.png" alt>
<div> <div>
<p>我的合同</p> <p>我的合同</p>
<span>我和纺检院签署的合同执行情况</span> <span>我和纺检院签署的合同执行情况</span>
</div> </div>
</router-link> </router-link>
<router-link tag="div" to="checkstandard" class="home_list"> <router-link tag="div" to="checkstandard" class="comp_list">
<img src="../../assets/img/standard.png" alt> <img src="../../assets/img/standard.png" alt>
<div> <div>
<p>我要查标准</p> <p>我要查标准</p>
<span>在线查看标准PDF文档</span> <span>在线查看标准PDF文档</span>
</div> </div>
</router-link> </router-link>
<router-link tag="div" to="sample" class="home_list"> <router-link tag="div" to="sample" class="comp_list">
<img src="../../assets/img/cominquiry.png" alt> <img src="../../assets/img/cominquiry.png" alt>
<div> <div>
<p>我要查样品信息</p> <p>我要查样品信息</p>
<span>查看样品状态信息</span> <span>查看样品状态信息</span>
</div> </div>
</router-link> </router-link>
<router-link tag="div" to="report" class="home_list"> <router-link tag="div" to="report" class="comp_list">
<img src="../../assets/img/report.png" alt> <img src="../../assets/img/report.png" alt>
<div> <div>
<p>我要查报告</p> <p>我要查报告</p>
<span>查询和下载已经签发的报告</span> <span>查询和下载已经签发的报告</span>
</div> </div>
</router-link> </router-link>
<router-link tag="div" to="schedule" class="home_list"> <router-link tag="div" to="schedule" class="comp_list">
<img src="../../assets/img/schedule.png" alt> <img src="../../assets/img/schedule.png" alt>
<div> <div>
<p>检测进度查询</p> <p>检测进度查询</p>
...@@ -63,21 +63,21 @@ export default { ...@@ -63,21 +63,21 @@ export default {
</script> </script>
<style > <style >
.home_list { .comp_list {
border-bottom: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;
padding: 0.2rem; padding: 0.2rem;
overflow: hidden; overflow: hidden;
} }
.home_list img { .comp_list img {
margin-right: 0.2rem; margin-right: 0.2rem;
height: 0.8rem; height: 0.8rem;
width: 0.8rem; width: 0.8rem;
float: left; float: left;
} }
.home_list p { .comp_list p {
font-size: 0.32rem; font-size: 0.32rem;
} }
.home_list span { .comp_list span {
font-size: 0.24rem; font-size: 0.24rem;
color: rgb(120, 121, 120); color: rgb(120, 121, 120);
margin-top: 0.2rem; margin-top: 0.2rem;
......
src/views/home/home.vue
<template> <template>
<div> <div style=" background:white;">
<div class="home_list"> <div class="home_header">
<img src="../../assets/img/announcement.png" alt> <div style=" display: flex;
<div>
<p>内部公告</p> align-items: center;">
<span>和OA实时同步的院内通知公告</span> <span class="home_logo"></span>
<span>江苏纺检</span>
</div> </div>
</div>
<div class="home_list">
<img src="../../assets/img/notice.png" alt>
<div> <div>
<p>通知通告</p> <img src="../../assets/img/Scancode.png" @click="scancode" alt>
<span>江苏纺检院发布的通知通告信息</span> <img src="../../assets/img/message.png" alt>
</div> </div>
</div> </div>
<router-link tag="div" to="checkstandard" class="home_list"> <div style="padding:0.2rem;">
<img src="../../assets/img/updata.png" alt> <swiper></swiper>
<div> </div>
<p>标准更新</p> <div style="padding:0.3rem 0.2rem; font-size:0.3rem;">常用功能</div>
<span>查看最近发的新标准</span> <div class="home_content">
</div> <!-- <div class="home_list">
</router-link> <img src="../../assets/img/announcement.png" alt>
<router-link tag="div" :to="{name:'qrcode',params:{a:1},query:{b:2}}" class="home_list"> <div>
<img src="../../assets/img/qrcode.png" alt> <p>内部公告</p>
<div> </div>
<p>二维码查报告</p> </div>-->
<span>扫描JST报告的二维码下载报告</span> <div class="home_list">
</div> <img src="../../assets/img/notice.png" alt>
</router-link> <div>
<router-link tag="div" to="complex" class="home_list"> <p>通知通告</p>
<img src="../../assets/img/inquiry.png" alt> </div>
<div>
<p>综合查询</p>
<span>查报告、合同、标准、样品、账单等信息</span>
</div>
</router-link>
<router-link tag="div" to="detect" class="home_list">
<img src="../../assets/img/order.png" alt>
<div>
<p>我要检测</p>
<span>在线下单，在QCMS系统中也可以管理</span>
</div> </div>
</router-link> <router-link tag="div" to="checkstandard" class="home_list">
<img src="../../assets/img/updata.png" alt>
<div>
<p>标准更新</p>
</div>
</router-link>
<!-- <router-link tag="div" :to="{name:'qrcode',params:{a:1},query:{b:2}}" class="home_list">
<img src="../../assets/img/qrcode.png" alt>
<div>
<p>二维码</p>
</div>
</router-link>-->
<router-link tag="div" to="complex" class="home_list">
<img src="../../assets/img/inquiry.png" alt>
<div>
<p>综合查询</p>
</div>
</router-link>
<router-link tag="div" to="detect" class="home_list">
<img src="../../assets/img/order.png" alt>
<div>
<p>我要检测</p>
</div>
</router-link>
<router-link tag="div" to="contract" class="home_list">
<img src="../../assets/img/contract.png" alt>
<div>
<p>我的合同</p>
</div>
</router-link>
<router-link tag="div" to="grorder" class="home_list">
<img src="../../assets/img/wodedingdan.png" alt>
<div>
<p>我的订单</p>
<!-- <span>查看订单执行情况，和QCMS同步</span> -->
</div>
</router-link>
</div>
<img style="width:100%" src="../../assets/img/home_bottom.png" alt="">
</div> </div>
</template> </template>
<script>
import swiper from "../../components/swiper";
export default {
components: { swiper },
methods:{
scancode(){
this.$router.push({path:'qrcode'})
}
}
};
</script>
<style> <style>
.home_header {
color: white;
font-size: 0.4rem;
padding: 0.2rem;
display: flex;
align-items: center;
justify-content: space-between;
background: url("../../assets/img/banner.jpg");
}
.home_logo {
height: 0.5rem;
width: 0.5rem;
display: inline-block;
background: url("../../assets/img/homelogo.png");
background-size: 0.5rem;
margin-right: 0.2rem;
}
.home_header img {
height: 0.4rem;
margin-right: 0.2rem;
}
.home_content {
overflow: hidden;
padding: 0 0.2rem;
box-shadow: #e1e1e1 0px 0px 10px;
}
.home_list { .home_list {
border-bottom: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
padding: 0.2rem; padding: 0.2rem;
overflow: hidden; overflow: hidden;
width: 50%;
float: left;
text-align: center;
display: flex;
align-items: center;
height: 1.2rem;
}
.home_list:nth-child(2n) {
border-right: none;
}
.home_list:nth-child(5) {
border-bottom: none;
}
.home_list:nth-child(6) {
border-bottom: none;
} }
.home_list img { .home_list img {
margin-right: 0.2rem; margin-right: 0.2rem;
height: 0.8rem; height: 0.5rem;
width: 0.8rem; width: 0.5rem;
float: left; float: left;
} }
.home_list p { .home_list p {
font-size: 0.32rem; font-size: 0.28rem;
} }
.home_list span { .home_list span {
font-size: 0.24rem; font-size: 0.24rem;
......
src/views/login/login.vue
...@@ -152,7 +152,7 @@ export default { ...@@ -152,7 +152,7 @@ export default {
login() { login() {
const vm = this; const vm = this;
vm.$dialog.loading.open("登录中..."); vm.$dialog.loading.open("登录中...");
var url = "/auth/kivii"; var url = "/auth/customer";
var _data = {}; var _data = {};
_data.UserName = this.username; _data.UserName = this.username;
_data.Password = this.password; _data.Password = this.password;
...@@ -178,8 +178,6 @@ export default { ...@@ -178,8 +178,6 @@ export default {
UserName: resp.data.UserName UserName: resp.data.UserName
}; };
setStore("userinfo", JSON.stringify(userinfo)); setStore("userinfo", JSON.stringify(userinfo));
vm.$store.dispatch("UPDATE_USER", true);
vm.$store.dispatch("SET_TOKEN", 1); //1 登陆 0 未登录 vm.$store.dispatch("SET_TOKEN", 1); //1 登陆 0 未登录
vm.$router.replace({ vm.$router.replace({
path: store.state.loginurl path: store.state.loginurl
......
src/views/user/user.vue
...@@ -84,8 +84,6 @@ export default { ...@@ -84,8 +84,6 @@ export default {
quit() { quit() {
var vm = this; var vm = this;
vm.ifquit = true; vm.ifquit = true;
vm.$store.dispatch("UPDATE_USER", false);
vm.$store.dispatch("SET_TOKEN", false);
vm.$ajax.post('/auth/logout.json', { vm.$ajax.post('/auth/logout.json', {
}).then(function(response){ }).then(function(response){
vm.$store.dispatch("SET_TOKEN", 0); vm.$store.dispatch("SET_TOKEN", 0);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment