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