Skip to content

F
fj_app
Commit 4e014859 by 王锐
Options

轮播图 新闻

parent dbc3ddec
Showing with 340 additions and 131 deletions
src/api/index.js
import { getStore } from "../components/common/mixin";
getStore('baseurl')
let baseUrl = getStore('baseurl')
// let baseUrl = getStore('baseurl')
let baseUrl = "http://k5.jst-gov.com"
export {
baseUrl
}
src/components/common/file.js
......@@ -8,7 +8,7 @@ export function fileWrite(name, data) {
fileEntry.createWriter(function (fileWrite) {
fileWrite.write(data);
fileWrite.onwrite = function (e) {
alert("write ok");
console.log("write ok");
}
})
});
......@@ -26,7 +26,7 @@ export function fileWrite(name, data) {
fileReader.readAsText(file, 'utf-8');
fileReader.onloadend = function (evt) {
alert("reader ok");
console.log("reader ok");
callback(evt.target.result)
// var data = JSON.parse(evt.target.result)
......@@ -35,6 +35,7 @@ export function fileWrite(name, data) {
});
});
};
export function fileDownload(downUrl, savePath, success, error,presence) {
//处理链接后问号
var allUrl = downUrl.split("?")[0]
......
src/components/swiper.vue
<template>
<swipe :showIndicators="false" class="my-swipe">
<swipe-item v-for="(item ,index) in oldimg"
@click.native="gohref(index)" class="slide" :key="index" >
<swipe-item
v-for="(item ,index) in oldimg"
class="slide"
:key="index"
@click.native="tonews(item)"
>
<img :src="item.imgurl" alt>
<span class="swiper-font"> XXXX </span>
<span class="swiper-font">{{item.title}}</span>
</swipe-item>
</swipe>
</template>
<script>
import { Swipe, SwipeItem } from "vue-swipe";
import "vue-swipe/dist/vue-swipe.css"; //引入样式
import { fileDownload } from "./common/file";
import { setStore, getStore, mixin } from "./common/mixin";
export default {
data() {
return {
type: "",
oldimg: [
{ 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" }
{
imgurl:
"https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1426331807,2460330022&fm=26&gp=0.jpg",
title: ""
},
{
imgurl:
"https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1638695478,3359394321&fm=26&gp=0.jpg",
title: ""
},
{
imgurl:
"https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=277637819,392506811&fm=26&gp=0.jpg",
title: ""
}
],
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终端
......@@ -47,110 +60,60 @@ export default {
getDownloadUrl() {
var vm = this;
var newcontent = [];
vm.$ajax
.get("Restful/Kivii.Contents.Entities.Content/Query.json")
.then(res => {
for (let index = 0; index < res.data.Results.length; index++) {
var url = vm.$baseurl + res.data.Results[index].TitleImageUrl;
vm.urlAll.push(url.split("?")[0]);
}
var downUrl = vm.urlAll; //下载链接，数组形式 必填
var localUrl = "image"; //文件类型 json 或 image 必填
vm.download(downUrl, localUrl);
})
.catch(responseerror => {
console.log('error')
});
},
download(downUrl, localUrl) {
var vm = this;
if (localUrl == null || downUrl == null) return;
if (vm.type == "0" || vm.type == "1") {
vm.downloadfile(downUrl, localUrl);
} else {
for (var i = 0; i < downUrl.length; i++) {
let downimg = {};
downimg.imgurl = downUrl[i];
vm.newimg.push(downimg);
}
vm.oldimg = vm.newimg;
}
},
downloadfile(downUrl, localUrl) {
var vm = this;
if (downUrl == null || localUrl == null) return;
//图片下载成功 默认保存在本地相对路径的"_downloads"文件夹里面,
for (var index = 0; index < downUrl.length; index++) {
var relativePath = "";
var filename = downUrl[index].substring(
downUrl[index].lastIndexOf("/") + 1,
downUrl[index].length
);
relativePath = "_downloads/" + localUrl + "/" + filename;
//检查文件是否已存在
console.log(relativePath)
(function(relativePath, downUrl) {
plus.io.resolveLocalFileSystemURL(
relativePath,
function(entry) {
console.log(localUrl + "文件存在,直接设置=" + relativePath);
//如果文件存在,则直接设置本地图片
vm.setImgFromLocal(relativePath);
if (window.plus) {
fileDownload(
vm.$baseurl + res.data.Results[index].TitleImageUrl,
"img/",
function(e) {
let obj = {};
obj.imgurl = e;
obj.title = res.data.Results[index].Title;
obj.kvid = res.data.Results[index].Kvid;
newcontent.push(obj);
},
function(e) {},
function(e) {
console.log(localUrl + "图片不存在,联网下载=" + relativePath);
//如果文件不存在,联网下载图片
vm.setImgFromNet(downUrl, relativePath, localUrl);
let obj = {};
obj.imgurl = e;
obj.title = res.data.Results[index].Title;
obj.kvid = res.data.Results[index].Kvid;
newcontent.push(obj);
}
);
})(relativePath, downUrl[index]);
} else {
let obj = {};
obj.imgurl = vm.$baseurl + res.data.Results[index].TitleImageUrl;
obj.title = res.data.Results[index].Title;
obj.kvid = res.data.Results[index].Kvid;
newcontent.push(obj);
}
},
setImgFromLocal(relativePath) {
//本地相对路径("_downloads/logo.jpg")转成SD卡绝对路径("/storage/emulated/0/Android/data/io.dcloud.HBuilder/.HBuilder/downloads/logo.jpg");
var vm = this;
var downimg = {};
var sd_path = plus.io.convertLocalFileSystemURL(relativePath);
downimg.imgurl = sd_path;
vm.newimg.push(downimg);
vm.oldimg = vm.newimg;
},
setImgFromNet(loadUrl, relativePath, localUrl) {
var vm = this;
// 创建下载任务
var dtask = plus.downloader.createDownload(
loadUrl,
{ method: "GET", filename: "_downloads/" + localUrl + "/" },
function(d, status) {
if (status == 200) {
//下载成功
console.log("下载成功=" + relativePath);
vm.setImgFromLocal(d.filename);
}
vm.oldimg = newcontent;
if (window.plus) {
plus.storage.setItem("swiper", JSON.stringify(vm.oldimg));
} else {
//下载失败,需删除本地临时文件,否则下次进来时会检查到图片已存在
console.log("下载失败=" + status + "==" + relativePath);
//dtask.abort();//文档描述:取消下载,删除临时文件;(但经测试临时文件没有删除,故使用delFile()方法删除);
if (relativePath != null) {
vm.delFile(relativePath);
setStore("swiper", JSON.stringify(newcontent));
}
})
.catch(responseerror => {
if (window.plus) {
if (plus.storage.getItem("swiper")) {
vm.oldimg = JSON.parse(plus.storage.getItem("swiper"));
}
}
);
//启动下载任务
dtask.start();
},
delFile(relativePath) {
plus.io.resolveLocalFileSystemURL(relativePath, function(entry) {
entry.remove(
function(entry) {
console.log("文件删除成功==" + relativePath);
console.log("error");
});
},
function(e) {
console.log("文件删除失败=" + relativePath);
}
);
tonews(e) {
this.$router.push({
name: "tonews",
query: { kvid: e.kvid }
});
}
}
......@@ -170,9 +133,9 @@ export default {
font-size: 30px;
position: relative;
}
.swiper-font{
.swiper-font {
position: absolute;
bottom:0;
width:100%;
bottom: 0;
width: 100%;
}
</style>
src/components/xx.vue 0 → 100644
<template>
<swipe :showIndicators="false" class="my-swipe">
<swipe-item v-for="(item ,index) in oldimg"
class="slide" :key="index" >
<img :src="item.imgurl" alt>
<span class="swiper-font"> {{item.title}} </span>
</swipe-item>
</swipe>
</template>
<script>
import { Swipe, SwipeItem } from "vue-swipe";
import { setStore, getStore } from "./common/mixin";
import "vue-swipe/dist/vue-swipe.css"; //引入样式
export default {
data() {
return {
type: "",
oldimg: [
{ imgurl: "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1426331807,2460330022&fm=26&gp=0.jpg" ,title:'1'},
{ imgurl: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1638695478,3359394321&fm=26&gp=0.jpg",title:'2' },
{ imgurl: "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=277637819,392506811&fm=26&gp=0.jpg",title:'3' }
],
newimg: [],
urlAll: []
};
},
components: {
'swipe': Swipe,
'swipe-item': SwipeItem
},
created() {
var vm = this;
// vm.init();
vm.getDownloadUrl();
getStore('swiper')
vm.oldimg=JSON.parse(getStore('swiper'))
},
methods: {
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
.get("Restful/Kivii.Contents.Entities.Content/Query.json")
.then(res => {
console.log(res)
for (let index = 0; index < res.data.Results.length; index++) {
//处理下载链接
var url = vm.$baseurl + res.data.Results[index].TitleImageUrl;
vm.urlAll.push(url.split("?")[0]);
}
var downUrl = vm.urlAll; //下载链接，数组形式
var localUrl = "image"; //文件类型 json 或 image
vm.download(downUrl, localUrl,res);
})
.catch(responseerror => {
console.log('error')
});
},
download(downUrl, localUrl,res) {
var vm = this;
if (localUrl == null || downUrl == null) return;
if (window.plus) {
//判断是否是手机
vm.downloadfile(downUrl, localUrl,res);
} else {
for (var i = 0; i < downUrl.length; i++) {
let downimg = {};
downimg.imgurl = downUrl[i];
downimg.title=res.data.Results[i].Title
downimg.kvid=res.data.Results[i].Kvid
vm.newimg.push(downimg);
}
vm.oldimg = vm.newimg;
}
},
downloadfile(downUrl, localUrl,res) {
var vm = this;
if (downUrl == null || localUrl == null) return;
//图片下载成功 默认保存在本地相对路径的"_downloads"文件夹里面,
for (var index = 0; index < downUrl.length; index++) {
var relativePath = "";
//获取文件名
var filename = downUrl[index].substring(
downUrl[index].lastIndexOf("/") + 1,
downUrl[index].length
);
relativePath = "_downloads/" + localUrl + "/" + filename;
//检查文件是否已存在
console.log(relativePath)
(function(relativePath, downUrl,res) {
plus.io.resolveLocalFileSystemURL(
relativePath,
function(entry) {
console.log(localUrl + "文件存在,直接设置=" + relativePath);
//如果文件存在,则直接设置本地图片
vm.setImgFromLocal(relativePath,res);
},
function(e) {
console.log(localUrl + "图片不存在,联网下载=" + relativePath);
//如果文件不存在,联网下载图片
vm.setImgFromNet(downUrl, relativePath, localUrl,res);
}
);
})(relativePath, downUrl[index],res.data.Results[index]);
}
},
setImgFromLocal(relativePath,res) {
//本地相对路径("_downloads/logo.jpg")转成SD卡绝对路径("/storage/emulated/0/Android/data/io.dcloud.HBuilder/.HBuilder/downloads/logo.jpg");
var vm = this;
var downimg = {};
var sd_path = plus.io.convertLocalFileSystemURL(relativePath);
downimg.imgurl = sd_path;
downimg.title = res.Title;
downimg.kvid = res.Kvid;
vm.newimg.push(downimg);
vm.oldimg = vm.newimg;
setStore('swiper',vm.newimg)
},
setImgFromNet(loadUrl, relativePath, localUrl,res) {
var vm = this;
// 创建下载任务
var dtask = plus.downloader.createDownload(
loadUrl,
{ method: "GET", filename: "_downloads/" + localUrl + "/" },
function(d, status) {
if (status == 200) {
//下载成功
console.log("下载成功=" + relativePath);
vm.setImgFromLocal(d.filename,res);
} else {
//下载失败,需删除本地临时文件,否则下次进来时会检查到图片已存在
console.log("下载失败=" + status + "==" + relativePath);
//dtask.abort();//文档描述:取消下载,删除临时文件;(但经测试临时文件没有删除,故使用delFile()方法删除);
if (relativePath != null) {
vm.delFile(loadUrl, relativePath, localUrl,res);
}
}
}
);
//启动下载任务
dtask.start();
},
delFile(loadUrl, relativePath, localUrl,res) {
var vm=this
plus.io.resolveLocalFileSystemURL(relativePath, function(entry) {
entry.remove(
function(entry) {
console.log("文件删除成功==" + relativePath);
vm.setImgFromNet(loadUrl, relativePath, localUrl,res)
},
function(e) {
console.log("文件删除失败=" + relativePath);
}
);
});
}
}
};
</script>
<style>
.slide img {
width: 100%;
height: 3rem;
}
.my-swipe {
width: 100%;
display: block;
height: 3rem;
color: red;
font-size: 30px;
position: relative;
}
.swiper-font{
position: absolute;
bottom:0;
width:100%;
}
</style>
src/main.js
......@@ -7,8 +7,8 @@ import {
import $ from "jquery"
import mui from './assets/js/mui.min.js'
Vue.prototype.$mui = mui;
// import mui from './assets/js/mui.min.js'
// Vue.prototype.$mui = mui;
import "Directives";
import fastclick from 'fastclick';
import VueScroller from 'vue-scroller'
......
src/routes/car.js
......@@ -3,7 +3,7 @@ export default [{
path: "/home",
component: resolve => require(['Views/home/home'], resolve),
meta: {
keepAlive: true, // 添加该字段，是否要缓存该组件
keepAlive: false, // 添加该字段，是否要缓存该组件
}
},
......@@ -64,6 +64,14 @@ export default [{
}
},
{
name: "tonews",
path: "/tonews",
component: resolve => require(['Views/home/tonews'], resolve),
meta:{
requireAuth: true,
}
},
{
name: "detailcontract",
path: "/detailcontract",
component: resolve => require(['Views/home/complex/detailcontract'], resolve),
......
src/store/actions.js
......@@ -7,9 +7,9 @@ export default {
}, payload) => {
commit('VIEW_LOADING', payload)
},
['SET_TOKEN']: ({
['SET_TOKEN']: (
context
}, payload) => {
, payload) => {
context.commit('SET_TOKEN', payload)
},
......
src/views/group/group.vue
<template>
<div>
<router-link tag="div" to="#" class="group_list">
<router-link tag="div" to="/storage/emulated/0/Android/data/io.dcloud.HBuilder/.HBuilder/downloads/dist/index.html" class="group_list">
<img src="../../assets/img/shoujian.png" alt>
<div>
<p>领取快递</p>
......
src/views/home/complex.vue
......@@ -43,19 +43,19 @@
</div>
</template>
<script>
document.addEventListener('plusready', function() {
var webview = plus.webview.currentWebview();
plus.key.addEventListener('backbutton', function() {
webview.canBack(function(e) {
if(e.canBack) {
webview.back();
} else {
webview.close(); //hide,quit
//plus.runtime.quit();
}
})
});
});
// document.addEventListener('plusready', function() {
// var webview = plus.webview.currentWebview();
// plus.key.addEventListener('backbutton', function() {
// webview.canBack(function(e) {
// if(e.canBack) {
// webview.back();
// } else {
// webview.close(); //hide,quit
// //plus.runtime.quit();
// }
// })
// });
// });
export default {
......
src/views/home/tonews.vue 0 → 100644
<template>
<div>
<yd-navbar title="新闻">
<a href="javascript:;window.history.go(-1)" slot="left">
<yd-navbar-back-icon></yd-navbar-back-icon>
</a>
</yd-navbar>
<div style="padding:0.2rem;" v-html="news">
</div>
</div>
</template>
<script>
export default {
data() {
return {
news:'',
kvid:''
}
},
created() {
this.kvid=this.$route.query.kvid;
this.getData();
},
methods: {
getData() {
var vm = this;
var _data = {
params: {}
};
_data.params.Kvid= vm.kvid;
vm.$ajax("Restful/Kivii.Contents.Entities.Content/Query.json",_data)
.then(res => {
vm.news=res.data.Results[0].DisplayContent
})
.catch();
}
}
};
</script>
\ No newline at end of file
src/views/login/login.vue
......@@ -102,6 +102,7 @@ export default {
this.username = JSON.parse(getStore("userinfo")).UserName;
}
// this.userid = plus.device.uuid
},
methods: {
......@@ -178,6 +179,7 @@ export default {
UserName: resp.data.UserName
};
setStore("userinfo", JSON.stringify(userinfo));
vm.$store.dispatch("SET_TOKEN", 1); //1 登陆 0 未登录
vm.$router.replace({
path: store.state.loginurl
......@@ -190,7 +192,7 @@ export default {
console.log(res.response);
vm.$dialog.toast({
mes: mess,
mes: res.response.data.ResponseStatus.Message,
icon: "error",
timeout: 2000
});
......
src/views/user/user.vue
......@@ -78,6 +78,7 @@ export default {
vm.username=JSON.parse(getStore("userinfo")).DisplayName;
vm.phone=JSON.parse(getStore("userinfo")).phone;
vm.Avatar=JSON.parse(getStore("userinfo")).Avatar
console.log( vm.username)
},
methods: {
......
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