Skip to content

F
fj_app
Commit dc365df2 by 王锐
Options

断网测试

parent d23cdc2b
Showing with 289 additions and 335 deletions
config/index.js
...@@ -29,7 +29,7 @@ module.exports = { ...@@ -29,7 +29,7 @@ module.exports = {
assetsPublicPath: '/', assetsPublicPath: '/',
proxyTable: { proxyTable: {
'/api': { '/api': {
target: 'http://demo.dcloud.net.cn', // 接口的域名 target: 'http://k5.jst-gov.com', // 接口的域名
// secure: false, // 如果是https接口，需要配置这个参数 // secure: false, // 如果是https接口，需要配置这个参数
changeOrigin: true, // 如果接口跨域，需要进行这个参数配置 changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
pathRewrite: { pathRewrite: {
......
package-lock.json
...@@ -4657,14 +4657,12 @@ ...@@ -4657,14 +4657,12 @@
"balanced-match": { "balanced-match": {
"version": "1.0.0", "version": "1.0.0",
"bundled": true, "bundled": true,
"dev": true, "dev": true
"optional": true
}, },
"brace-expansion": { "brace-expansion": {
"version": "1.1.11", "version": "1.1.11",
"bundled": true, "bundled": true,
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"balanced-match": "^1.0.0", "balanced-match": "^1.0.0",
"concat-map": "0.0.1" "concat-map": "0.0.1"
...@@ -4679,20 +4677,17 @@ ...@@ -4679,20 +4677,17 @@
"code-point-at": { "code-point-at": {
"version": "1.1.0", "version": "1.1.0",
"bundled": true, "bundled": true,
"dev": true, "dev": true
"optional": true
}, },
"concat-map": { "concat-map": {
"version": "0.0.1", "version": "0.0.1",
"bundled": true, "bundled": true,
"dev": true, "dev": true
"optional": true
}, },
"console-control-strings": { "console-control-strings": {
"version": "1.1.0", "version": "1.1.0",
"bundled": true, "bundled": true,
"dev": true, "dev": true
"optional": true
}, },
"core-util-is": { "core-util-is": {
"version": "1.0.2", "version": "1.0.2",
...@@ -4809,8 +4804,7 @@ ...@@ -4809,8 +4804,7 @@
"inherits": { "inherits": {
"version": "2.0.3", "version": "2.0.3",
"bundled": true, "bundled": true,
"dev": true, "dev": true
"optional": true
}, },
"ini": { "ini": {
"version": "1.3.5", "version": "1.3.5",
...@@ -4822,7 +4816,6 @@ ...@@ -4822,7 +4816,6 @@
"version": "1.0.0", "version": "1.0.0",
"bundled": true, "bundled": true,
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"number-is-nan": "^1.0.0" "number-is-nan": "^1.0.0"
} }
...@@ -4837,7 +4830,6 @@ ...@@ -4837,7 +4830,6 @@
"version": "3.0.4", "version": "3.0.4",
"bundled": true, "bundled": true,
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"brace-expansion": "^1.1.7" "brace-expansion": "^1.1.7"
} }
...@@ -4845,14 +4837,12 @@ ...@@ -4845,14 +4837,12 @@
"minimist": { "minimist": {
"version": "0.0.8", "version": "0.0.8",
"bundled": true, "bundled": true,
"dev": true, "dev": true
"optional": true
}, },
"minipass": { "minipass": {
"version": "2.2.4", "version": "2.2.4",
"bundled": true, "bundled": true,
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"safe-buffer": "^5.1.1", "safe-buffer": "^5.1.1",
"yallist": "^3.0.0" "yallist": "^3.0.0"
...@@ -4871,7 +4861,6 @@ ...@@ -4871,7 +4861,6 @@
"version": "0.5.1", "version": "0.5.1",
"bundled": true, "bundled": true,
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"minimist": "0.0.8" "minimist": "0.0.8"
} }
...@@ -4952,8 +4941,7 @@ ...@@ -4952,8 +4941,7 @@
"number-is-nan": { "number-is-nan": {
"version": "1.0.1", "version": "1.0.1",
"bundled": true, "bundled": true,
"dev": true, "dev": true
"optional": true
}, },
"object-assign": { "object-assign": {
"version": "4.1.1", "version": "4.1.1",
...@@ -4965,7 +4953,6 @@ ...@@ -4965,7 +4953,6 @@
"version": "1.4.0", "version": "1.4.0",
"bundled": true, "bundled": true,
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"wrappy": "1" "wrappy": "1"
} }
...@@ -5087,7 +5074,6 @@ ...@@ -5087,7 +5074,6 @@
"version": "1.0.2", "version": "1.0.2",
"bundled": true, "bundled": true,
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"code-point-at": "^1.0.0", "code-point-at": "^1.0.0",
"is-fullwidth-code-point": "^1.0.0", "is-fullwidth-code-point": "^1.0.0",
...@@ -7312,6 +7298,11 @@ ...@@ -7312,6 +7298,11 @@
"integrity": "sha1-r3d02FQCprfLlsH5G7JP3VjXwLA=", "integrity": "sha1-r3d02FQCprfLlsH5G7JP3VjXwLA=",
"dev": true "dev": true
}, },
"node-ensure": {
"version": "0.0.0",
"resolved": "https://registry.npmjs.org/node-ensure/-/node-ensure-0.0.0.tgz",
"integrity": "sha1-7K52QVDemYYexcgQ/V0Jaxg5Mqc="
},
"node-gyp": { "node-gyp": {
"version": "3.8.0", "version": "3.8.0",
"resolved": "http://registry.npm.taobao.org/node-gyp/download/node-gyp-3.8.0.tgz", "resolved": "http://registry.npm.taobao.org/node-gyp/download/node-gyp-3.8.0.tgz",
...@@ -8047,6 +8038,15 @@ ...@@ -8047,6 +8038,15 @@
"sha.js": "^2.4.8" "sha.js": "^2.4.8"
} }
}, },
"pdfjs-dist": {
"version": "2.0.943",
"resolved": "https://registry.npmjs.org/pdfjs-dist/-/pdfjs-dist-2.0.943.tgz",
"integrity": "sha512-iLhNcm4XceTHRaSU5o22ZGCm4YpuW5+rf4+BJFH/feBhMQLbCGBry+Jet8Q419QDI4qgARaIQzXuiNrsNWS8Yw==",
"requires": {
"node-ensure": "^0.0.0",
"worker-loader": "^2.0.0"
}
},
"performance-now": { "performance-now": {
"version": "2.1.0", "version": "2.1.0",
"resolved": "http://registry.npm.taobao.org/performance-now/download/performance-now-2.1.0.tgz", "resolved": "http://registry.npm.taobao.org/performance-now/download/performance-now-2.1.0.tgz",
...@@ -13928,6 +13928,52 @@ ...@@ -13928,6 +13928,52 @@
"errno": "~0.1.7" "errno": "~0.1.7"
} }
}, },
"worker-loader": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/worker-loader/-/worker-loader-2.0.0.tgz",
"integrity": "sha512-tnvNp4K3KQOpfRnD20m8xltE3eWh89Ye+5oj7wXEEHKac1P4oZ6p9oTj8/8ExqoSBnk9nu5Pr4nKfQ1hn2APJw==",
"requires": {
"loader-utils": "^1.0.0",
"schema-utils": "^0.4.0"
},
"dependencies": {
"ajv": {
"version": "6.10.0",
"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.0.tgz",
"integrity": "sha512-nffhOpkymDECQyR0mnsUtoCE8RlX38G0rYP+wgLWFyZuUyuuojSSvi/+euOiQBIn63whYwYVIIH1TvE3tu4OEg==",
"requires": {
"fast-deep-equal": "^2.0.1",
"fast-json-stable-stringify": "^2.0.0",
"json-schema-traverse": "^0.4.1",
"uri-js": "^4.2.2"
}
},
"ajv-keywords": {
"version": "3.4.0",
"resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.4.0.tgz",
"integrity": "sha512-aUjdRFISbuFOl0EIZc+9e4FfZp0bDZgAdOOf30bJmw8VM9v84SHyVyxDfbWxpGYbdZD/9XoKxfHVNmxPkhwyGw=="
},
"fast-deep-equal": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
"integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk="
},
"json-schema-traverse": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
"integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
},
"schema-utils": {
"version": "0.4.7",
"resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.7.tgz",
"integrity": "sha512-v/iwU6wvwGK8HbU9yi3/nhGzP0yGSuhQMzL6ySiec1FSrZZDkhm4noOSWzrNFo/jEc+SJY6jRTwuwbSXJPDUnQ==",
"requires": {
"ajv": "^6.1.0",
"ajv-keywords": "^3.1.0"
}
}
}
},
"wrap-ansi": { "wrap-ansi": {
"version": "2.1.0", "version": "2.1.0",
"resolved": "http://registry.npm.taobao.org/wrap-ansi/download/wrap-ansi-2.1.0.tgz", "resolved": "http://registry.npm.taobao.org/wrap-ansi/download/wrap-ansi-2.1.0.tgz",
......
package.json
...@@ -21,6 +21,7 @@ ...@@ -21,6 +21,7 @@
"jquery": "^3.3.1", "jquery": "^3.3.1",
"lodash": "^4.17.4", "lodash": "^4.17.4",
"moment": "^2.23.0", "moment": "^2.23.0",
"pdfjs-dist": "^2.0.943",
"vue": "^2.5.16", "vue": "^2.5.16",
"vue-awesome-swiper": "^3.1.3", "vue-awesome-swiper": "^3.1.3",
"vue-datepicker": "^1.3.0", "vue-datepicker": "^1.3.0",
......
src/assets/img/loading10.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="64" height="64" fill="#CCC">
<circle cx="16" cy="3" r="0">
<animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
</circle>
<circle transform="rotate(45 16 16)" cx="16" cy="3" r="0">
<animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.125s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
</circle>
<circle transform="rotate(90 16 16)" cx="16" cy="3" r="0">
<animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.25s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
</circle>
<circle transform="rotate(135 16 16)" cx="16" cy="3" r="0">
<animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.375s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
</circle>
<circle transform="rotate(180 16 16)" cx="16" cy="3" r="0">
<animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
</circle>
<circle transform="rotate(225 16 16)" cx="16" cy="3" r="0">
<animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.625s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
</circle>
<circle transform="rotate(270 16 16)" cx="16" cy="3" r="0">
<animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.75s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
</circle>
<circle transform="rotate(315 16 16)" cx="16" cy="3" r="0">
<animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.875s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
</circle>
<circle transform="rotate(180 16 16)" cx="16" cy="3" r="0">
<animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin="0.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
</circle>
</svg>
src/components/PullRefresh.vue
<template> <template>
<yd-pullrefresh :callback="loadList" ref="pullrefreshDemo"> <div class="parent">
<yd-list theme="4"> <div class="child"></div>
<yd-list-item v-for="(item, key) in list" :key="key">
<img slot="img" :src="item.img">
<span slot="title">{{item.title}}</span>
<yd-list-other slot="other">
<div>
<span class="list-price">
<em>¥</em>
{{item.marketprice}}
</span>
<span class="list-del-price">¥{{item.productprice}}</span>
</div> </div>
<div>content</div>
</yd-list-other>
</yd-list-item>
</yd-list>
</yd-pullrefresh>
</template> </template>
<script>
<script type="text/babel">
import * as types from "./common/mixin";
export default { export default {
data() { data() {
return { return {
page: 1, state: "",
list: [ top: 0,
{ startY: 0, // 保存 y轴点的位置
img: "http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg", touching: false // 代表当前是否处于 下拉刷新行为的开关，也就是当属于滚动行为时，就要退出该事件机制
title: "标题标题标题标题标题",
marketprice: 56.23,
productprice: 89.36
},
]
}; };
}, },
methods: { methods: {
touchStart(e) {
loadList() { // e代表该事件对象，e.targetTouches[0].pageY可以拿到手指按下的 y轴点
this.startY = e.targetTouches[0].pageY; // 开启下拉刷新状态
setTimeout(() => { this.touching = true;
},
this.$dialog.toast({ touchMove(e) {
mes: //这个 touchMove，只要页面在动都会发生的，所以 touching就起作用了
"条内容"+"已是最新内容" // 如果 touching为false，说明这个正在移动的页面不是我们想要的下拉刷新，有可能是用户随意拉了一下页面而已，或者其他
if (!this.touching) return; // 获取移动的距离
let diff = e.targetTouches[0].pageY - this.startY; //判断是向上拉还是向下拉
if (diff > 0) {
e.preventDefault();
} else {
return;
} //这个this.top要对应绑定到该元素的transform: translateY(+top+ 'px')上，不然是无法拉动的 // 因此这里还要对偏移高度做一下处理，直接设置diff +(this.state === 2 ? 40 : 0) 太快了，因为拉取幅度太大 // 让diff*0.25这样子就差不多了
this.top = Math.floor(diff * 0.25) + (this.state === 2 ? 40 : 0);
if (this.top >= 40) {
this.state = 1; //代表正在拉取
} else {
this.state = 0; // 代表初始转态
}
},
touchEnd(e) {
this.touching = false;
if (this.state === 2) {
this.top = 40;
return;
} // 判断抬起时的高度，是大于40 就开启刷新
if (this.top >= 40) {
this.refresh();
} else {
this.state = 0;
this.top = 0;
}
},
refresh() {
this.state = 2;
this.top = 40;
const self = this; // 这里可以调用父组件的方法去请求刷新接口
this.$emit("getRefresh", function(self) {
//传个回调过去，请求完数据就复原
self.state = 0;
self.top = 0;
}); });
this.$refs.pullrefreshDemo.$emit('ydui.pullrefresh.finishLoad');
}, 1000);
} }
} }
}; };
</script> </script>
\ No newline at end of file
src/components/PullupLoading.vue
<template> <template>
<yd-infinitescroll :callback="loadList" ref="infinitescrollDemo" style="margin-bottom:1rem;" > <yd-infinitescroll :callback="pullList" ref="infinitescrollDemo">
<yd-pullrefresh :callback="downList" ref="pullrefreshDemo">
<yd-list theme="1" slot="list"> <yd-list theme="1" slot="list">
<yd-list-item v-for="(item, key) in list" :key="key"> <yd-list-item v-for="(item, key) in list" :key="key">
<img slot="img" :src="item.img"> <img slot="img" :src="item.img">
<span slot="title">{{item.title}}</span> <span slot="title">{{item.title}}</span>
<yd-list-other slot="other"> <yd-list-other slot="other">
<div> <div>
<span class="list-price"><em>¥</em>{{item.marketprice}}</span> <span class="list-price">
<em>¥</em>
{{item.marketprice}}
</span>
<span class="list-del-price">¥{{item.productprice}}</span> <span class="list-del-price">¥{{item.productprice}}</span>
</div> </div>
<div>content</div> <div>content</div>
...@@ -17,17 +20,14 @@ ...@@ -17,17 +20,14 @@
<!-- 数据全部加载完毕显示 --> <!-- 数据全部加载完毕显示 -->
<span slot="doneTip">啦啦啦，啦啦啦，没有数据啦~~</span> <span slot="doneTip">啦啦啦，啦啦啦，没有数据啦~~</span>
<!-- 加载中提示，不指定，将显示默认加载中图标 --> <!-- 加载中提示，不指定，将显示默认加载中图标 -->
<imgslot="loadingTip" src="http://static.ydcss.com/uploads/ydui/loading/loading10.svg"/> <img slot="loadingTip" src="http://static.ydcss.com/uploads/ydui/loading/loading10.svg">
</yd-pullrefresh>
</yd-infinitescroll> </yd-infinitescroll>
</template> </template>
<script type="text/babel"> <script type="text/babel">
export default {
Vue.component(InfiniteScroll.name, InfiniteScroll);
export default {
data() { data() {
return { return {
page: 1, page: 1,
...@@ -70,32 +70,36 @@ Vue.component(InfiniteScroll.name, InfiniteScroll); ...@@ -70,32 +70,36 @@ Vue.component(InfiniteScroll.name, InfiniteScroll);
productprice: 89.36 productprice: 89.36
} }
] ]
} };
}, },
methods: { methods: {
loadList() { loadList() {
// this.$http.jsonp('http://list.ydui.org/getdata.php?type=backposition', { this.$http
// params: { .jsonp("http://list.ydui.org/getdata.php?type=backposition", {
// page: this.page, params: {
// pagesize: this.pageSize page: this.page,
// } pagesize: this.pageSize
// }).then(function (response) { }
// const _list = response.body; })
.then(function(response) {
const _list = response.body;
// this.list = [...this.list, ..._list]; this.list = [...this.list, ..._list];
// if (_list.length < this.pageSize || this.page == 3) { if (_list.length < this.pageSize || this.page == 3) {
// /* 所有数据加载完毕 */ /* 所有数据加载完毕 */
this.$refs.infinitescrollDemo.$emit('ydui.infinitescroll.loadedDone'); this.$refs.infinitescrollDemo.$emit(
// return; "ydui.infinitescroll.loadedDone"
// } );
return;
}
// /* 单次请求数据完毕 */ /* 单次请求数据完毕 */
this.$refs.infinitescrollDemo.$emit('ydui.infinitescroll.finishLoad'); this.$refs.infinitescrollDemo.$emit("ydui.infinitescroll.finishLoad");
// this.page++; this.page++;
// }); });
}
} }
} }
};
</script> </script>
\ No newline at end of file
src/components/common/xx.json deleted 100644 → 0
{
"DomiId":"test",
"employees": [{
"firstName": "Bill",
"lastName": "Gates"
},
{
"firstName": "George",
"lastName": "Bush"
},
{
"firstName": "Thomas",
"lastName": "Carter"
}
]
}
src/components/swiper.vue
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
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 { fileDownload } from "./common/file"; import { fileDownload } from "./common/file";
import {fileWrite,fileReader} from "./common/file" import { fileWrite, fileReader } from "./common/file";
export default { export default {
data() { data() {
return { return {
...@@ -65,6 +65,7 @@ export default { ...@@ -65,6 +65,7 @@ export default {
.get("Restful/Kivii.Contents.Entities.Content/Query.json") .get("Restful/Kivii.Contents.Entities.Content/Query.json")
.then(res => { .then(res => {
for (let index = 0; index < res.data.Results.length; index++) { for (let index = 0; index < res.data.Results.length; index++) {
(function(index, res) {
if (window.plus) { if (window.plus) {
fileDownload( fileDownload(
vm.$baseurl + res.data.Results[index].TitleImageUrl, vm.$baseurl + res.data.Results[index].TitleImageUrl,
...@@ -75,6 +76,7 @@ export default { ...@@ -75,6 +76,7 @@ export default {
obj.title = res.data.Results[index].Title; obj.title = res.data.Results[index].Title;
obj.kvid = res.data.Results[index].Kvid; obj.kvid = res.data.Results[index].Kvid;
newcontent.push(obj); newcontent.push(obj);
fileWrite("swiper", JSON.stringify(newcontent));
}, },
function(e) {}, function(e) {},
function(e) { function(e) {
...@@ -83,28 +85,30 @@ export default { ...@@ -83,28 +85,30 @@ export default {
obj.title = res.data.Results[index].Title; obj.title = res.data.Results[index].Title;
obj.kvid = res.data.Results[index].Kvid; obj.kvid = res.data.Results[index].Kvid;
newcontent.push(obj); newcontent.push(obj);
fileWrite("swiper", JSON.stringify(newcontent));
} }
); );
} else { } else {
let obj = {}; let obj = {};
obj.imgurl = vm.$baseurl + res.data.Results[index].TitleImageUrl; obj.imgurl =
vm.$baseurl + res.data.Results[index].TitleImageUrl;
obj.title = res.data.Results[index].Title; obj.title = res.data.Results[index].Title;
obj.kvid = res.data.Results[index].Kvid; obj.kvid = res.data.Results[index].Kvid;
newcontent.push(obj); newcontent.push(obj);
} }
})(index, res);
} }
vm.oldimg = newcontent; vm.oldimg = newcontent;
if (window.plus) {
fileWrite('swiper', vm.oldimg)
}
}) })
.catch(responseerror => { .catch(responseerror => {
if (window.plus) { if (window.plus) {
fileReader('swiper',function(){ fileReader("swiper", function(res) {
alert(res) vm.oldimg = JSON.parse(res);
}) console.log(res);
});
} }
console.log("error"); console.log("error");
}); });
......
src/components/xx.vue deleted 100644 → 0
<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/views/home/complex/contract.vue
<template> <template>
<div> <div>
<yd-navbar title="我的合同"> <yd-pullrefresh :callback="loadList" ref="pullrefreshDemo">
<yd-navbar title="我的合同" fixed>
<a href="javascript:;window.history.go(-1)" slot="left"> <a href="javascript:;window.history.go(-1)" slot="left">
<yd-navbar-back-icon></yd-navbar-back-icon> <yd-navbar-back-icon></yd-navbar-back-icon>
</a> </a>
</yd-navbar> </yd-navbar>
<yd-search v-model="searchvalue" placeholder="报告编号" :on-submit="submitHandler"></yd-search> <yd-search style="margin-top:1rem;" v-model="searchvalue" placeholder="报告编号" :on-submit="submitHandler"></yd-search>
<router-link <router-link
:to="{name:'detailcontract',query:{kvid:item.Kvid}, params:{data:item}}" :to="{name:'detailcontract',query:{kvid:item.Kvid}, params:{data:item}}"
tag="div" tag="div"
...@@ -21,6 +22,7 @@ ...@@ -21,6 +22,7 @@
<p class="cont_content">下达日期：{{$helpers.Format(item.ReleaseDate,"yyyy-MM-dd")}}</p> <p class="cont_content">下达日期：{{$helpers.Format(item.ReleaseDate,"yyyy-MM-dd")}}</p>
<p class="cont_content">检验类型：{{item.TypeName}}</p> <p class="cont_content">检验类型：{{item.TypeName}}</p>
</router-link> </router-link>
</yd-pullrefresh>
</div> </div>
</template> </template>
<script> <script>
...@@ -36,10 +38,26 @@ export default { ...@@ -36,10 +38,26 @@ export default {
getcontract(url) { getcontract(url) {
var vm = this; var vm = this;
vm.$ajax.get(url).then(res => {
vm.results = res.data.Results;
});
},
loadList() {
var vm=this
const url = "/Restful/Jst.Lims.Entities.Contract/Query?Take=20&Skip=0";
vm.$ajax.get(url).then(res => { vm.$ajax.get(url).then(res => {
vm.results = res.data.Results; vm.results = res.data.Results;
vm.$dialog.toast({
mes:"更新成功"
});
vm.$refs.pullrefreshDemo.$emit("ydui.pullrefresh.finishLoad");
}); });
}, },
submitHandler(value) { submitHandler(value) {
...@@ -48,7 +66,7 @@ export default { ...@@ -48,7 +66,7 @@ export default {
} }
}, },
mounted() { mounted() {
var url = "/Restful/Jst.Lims.Entities.Contract/Query?Take=20&Skip=0" var url = "/Restful/Jst.Lims.Entities.Contract/Query?Take=20&Skip=0";
this.getcontract(url); this.getcontract(url);
} }
}; };
......
src/views/home/complex/detailreport.vue
...@@ -53,6 +53,7 @@ export default { ...@@ -53,6 +53,7 @@ export default {
vm.$ajax vm.$ajax
.get(url, _data) .get(url, _data)
.then(function(res) { .then(function(res) {
console.log(res)
var downurl = vm.$baseurl + res.data.Results[0].Path; var downurl = vm.$baseurl + res.data.Results[0].Path;
fileDownload( fileDownload(
downurl, downurl,
......
src/views/home/complex/report.vue
<template> <template>
<div> <div>
<yd-navbar title="我要查报告"> <yd-navbar title="我要查报告" fixed>
<a href="javascript:;window.history.go(-1)" slot="left"> <a href="javascript:;window.history.go(-1)" slot="left">
<yd-navbar-back-icon></yd-navbar-back-icon> <yd-navbar-back-icon></yd-navbar-back-icon>
</a> </a>
</yd-navbar> </yd-navbar>
<yd-search v-model="searchvalue" placeholder="报告编号" :on-submit="submitHandler"></yd-search> <yd-search style="margin-top:1rem;" v-model="searchvalue" placeholder="报告编号" :on-submit="submitHandler"></yd-search>
<router-link v-for="(item , key) in results" :key="key" :to="{name:'detailreport',query:{kvid:item.Kvid},params:{data:item}}" tag="div" class="repo_list"> <yd-infinitescroll :callback="upList" ref="infinitescrollDemo">
<yd-list theme="1" slot="list">
<router-link
v-for="(item , key) in results"
:key="key"
:to="{name:'detailreport',query:{kvid:item.Kvid},params:{data:item}}"
tag="div"
class="repo_list"
>
<p class="repo_title"> <p class="repo_title">
<b>{{item.ReportId}}</b> <b>{{item.ReportId}}</b>
</p> </p>
...@@ -15,32 +23,68 @@ ...@@ -15,32 +23,68 @@
<p class="repo_content">签发日期</p> <p class="repo_content">签发日期</p>
<p class="repo_content">检验结果</p> <p class="repo_content">检验结果</p>
</router-link> </router-link>
</yd-list>
<!-- 数据全部加载完毕显示 -->
<span slot="doneTip">没有数据</span>
<!-- 加载中提示，不指定，将显示默认加载中图标 -->
<img slot="loadingTip" src="../../../assets/img/loading10.svg">
</yd-infinitescroll>
</div> </div>
</template> </template>
<script type="text/babel"> <script type="text/babel">
export default { export default {
data() { data() {
return { return {
page: 1,
pageSize: 20,
searchvalue: "", searchvalue: "",
results:'' results: ""
}; };
}, },
methods: { methods: {
upList() {
var vm = this;
var _data = {
params: { Take: 20 , Skip: 20 * vm.page }
};
vm.$ajax
.get("/Restful/Jst.Lims.Entities.Report/Query", _data)
.then(function(res) {
const _list = res.data.Results;
vm.results = [...vm.results, ..._list];
console.log();
if (_list.length < vm.pageSize ) {
/* 所有数据加载完毕 */
vm.$refs.infinitescrollDemo.$emit("ydui.infinitescroll.loadedDone");
return;
}
/* 单次请求数据完毕 */
vm.$refs.infinitescrollDemo.$emit("ydui.infinitescroll.finishLoad");
vm.page++;
});
},
submitHandler(value) { submitHandler(value) {
var url="/Restful/Jst.Lims.Entities.Report/Query?ReportId="+value var url = "/Restful/Jst.Lims.Entities.Report/Query?ReportId=" + value;
this.getData(url) this.getData(url);
}, },
getData(url) { getData(url) {
var vm = this; var vm = this;
vm.$ajax.get(url).then(res => { vm.$ajax.get(url).then(res => {
vm.results = res.data.Results; vm.results = res.data.Results;
console.log( vm.results) console.log(vm.results);
}); });
} }
}, },
mounted() { mounted() {
var url = "/Restful/Jst.Lims.Entities.Report/Query?Take=20&Skip=0"; var url = "/Restful/Jst.Lims.Entities.Report/Query?Take=20&Skip=0";
this.getData(url) // var url = "/Restful/Jst.Lims.Entities.Report/Query";
this.getData(url);
} }
}; };
</script> </script>
......
src/views/home/tonews.vue
...@@ -5,20 +5,30 @@ ...@@ -5,20 +5,30 @@
<yd-navbar-back-icon></yd-navbar-back-icon> <yd-navbar-back-icon></yd-navbar-back-icon>
</a> </a>
</yd-navbar> </yd-navbar>
<div style="padding:0.2rem;" v-html="news">
<div style="padding:0.2rem;" v-html="data.DisplayContent">
</div> </div>
<down></down>
</div> </div>
</template> </template>
<script> <script>
import down from "../../components/PullRefresh"
export default { export default {
components:{
down
},
data() { data() {
return { return {
news:'', data: "",
kvid:'' kvid: ""
} };
}, },
created() { created() {
this.kvid=this.$route.query.kvid; this.kvid = this.$route.query.kvid;
this.getData(); this.getData();
}, },
methods: { methods: {
...@@ -27,13 +37,17 @@ export default { ...@@ -27,13 +37,17 @@ export default {
var _data = { var _data = {
params: {} params: {}
}; };
_data.params.Kvid= vm.kvid; _data.params.Kvid = vm.kvid;
vm.$ajax("Restful/Kivii.Contents.Entities.Content/Query.json",_data) vm.$ajax("Restful/Kivii.Contents.Entities.Content/Query.json", _data)
.then(res => { .then(res => {
vm.news=res.data.Results[0].DisplayContent vm.data = res.data.Results[0];
}) })
.catch(); .catch();
} }
} }
}; };
</script> </script>
<style>
</style>
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