qt-scan-broadcast
Version:
qt-scan-broadcast extend for weex
638 lines (560 loc) • 16.8 kB
JavaScript
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
__webpack_require__(232)
var __weex_template__ = __webpack_require__(236)
var __weex_style__ = __webpack_require__(237)
var __weex_script__ = __webpack_require__(238)
__weex_define__('@weex-component/f7fd132bdb4ce0ff6745c3887b3163e2', [], function(__weex_require__, __weex_exports__, __weex_module__) {
__weex_script__(__weex_module__, __weex_exports__, __weex_require__)
if (__weex_exports__.__esModule && __weex_exports__.default) {
__weex_module__.exports = __weex_exports__.default
}
__weex_module__.exports.template = __weex_template__
__weex_module__.exports.style = __weex_style__
})
__weex_bootstrap__('@weex-component/f7fd132bdb4ce0ff6745c3887b3163e2',undefined,undefined)
/***/ },
/***/ 34:
/***/ function(module, exports) {
var core = module.exports = {version: '2.4.0'};
if(typeof __e == 'number')__e = core; // eslint-disable-line no-undef
/***/ },
/***/ 189:
/***/ function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(190), __esModule: true };
/***/ },
/***/ 190:
/***/ function(module, exports, __webpack_require__) {
var core = __webpack_require__(34)
, $JSON = core.JSON || (core.JSON = {stringify: JSON.stringify});
module.exports = function stringify(it){ // eslint-disable-line no-unused-vars
return $JSON.stringify.apply($JSON, arguments);
};
/***/ },
/***/ 232:
/***/ function(module, exports, __webpack_require__) {
var __weex_template__ = __webpack_require__(233)
var __weex_style__ = __webpack_require__(234)
var __weex_script__ = __webpack_require__(235)
__weex_define__('@weex-component/we-dropdown', [], function(__weex_require__, __weex_exports__, __weex_module__) {
__weex_script__(__weex_module__, __weex_exports__, __weex_require__)
if (__weex_exports__.__esModule && __weex_exports__.default) {
__weex_module__.exports = __weex_exports__.default
}
__weex_module__.exports.template = __weex_template__
__weex_module__.exports.style = __weex_style__
})
/***/ },
/***/ 233:
/***/ function(module, exports) {
module.exports = {
"type": "div",
"classList": [
"select-container"
],
"children": [
{
"type": "div",
"classList": [
"content"
],
"children": [
{
"type": "content"
}
]
},
{
"type": "div",
"classList": [
"mask"
],
"id": "mask",
"events": {
"click": "switchView"
}
},
{
"type": "div",
"classList": [
"options"
],
"id": "options",
"children": [
{
"type": "div",
"repeat": function () {return this.status},
"classList": [
"cell"
],
"attr": {
"vid": function () {return this.id}
},
"events": {
"click": "onItemClick"
},
"children": [
{
"type": "text",
"classList": function () {return ['name', this.id==this.statusId?'current':'']},
"attr": {
"value": function () {return this.name}
}
},
{
"type": "image",
"classList": [
"icon-curr-flag"
],
"attr": {
"src": function () {return this.flagSrc}
},
"shown": function () {return this.id==this.statusId}
}
]
}
]
},
{
"type": "div",
"classList": [
"select"
],
"events": {
"click": "switchView"
},
"children": [
{
"type": "text",
"classList": [
"current-text"
],
"attr": {
"value": function () {return this.statusName}
}
},
{
"type": "image",
"classList": [
"icon-arrow"
],
"id": "arrow",
"attr": {
"src": function () {return this.arrowSrc}
}
}
]
}
]
}
/***/ },
/***/ 234:
/***/ function(module, exports) {
module.exports = {
"select-container": {
"flexDirection": "column",
"position": "relative",
"zIndex": 1000
},
"content": {
"width": 750,
"marginTop": 90
},
"mask": {
"position": "absolute",
"top": 0,
"left": 0,
"bottom": 0,
"right": 0,
"flex": 1,
"width": 750,
"backgroundColor": "rgba(0,0,0,0.5)",
"visibility": "hidden"
},
"select": {
"width": 750,
"height": 90,
"flexDirection": "row",
"alignItems": "center",
"justifyContent": "space-between",
"paddingLeft": 30,
"paddingRight": 30,
"borderBottomWidth": 1,
"borderStyle": "solid",
"borderColor": "#dddddd",
"backgroundColor": "#eeeeee",
"zIndex": 1001,
"position": "absolute",
"top": 0
},
"current-text": {
"color": "#333333",
"fontSize": 33,
"flex": 1
},
"icon-arrow": {
"width": 27,
"height": 23
},
"options": {
"position": "absolute",
"top": -181,
"width": 750,
"backgroundColor": "#ffffff",
"transformOrigin": "center center"
},
"cell": {
"flexDirection": "row",
"justifyContent": "space-between",
"alignItems": "center",
"width": 750,
"height": 90,
"paddingLeft": 30,
"paddingRight": 30,
"borderBottomWidth": 1,
"borderStyle": "solid",
"borderColor": "#dddddd"
},
"name": {
"color": "#333333",
"fontSize": 33,
"flex": 1
},
"icon-curr-flag": {
"width": 32,
"height": 32
},
"current": {
"color": "#0088FB"
}
}
/***/ },
/***/ 235:
/***/ function(module, exports) {
module.exports = function(module, exports, __weex_require__){'use strict';
var animation = __weex_require__('@weex-module/animation');
module.exports = {
data: function () {return {
statusId: '0',
status: [{ id: '0', name: 'All' }, { id: '1', name: 'Doing' }, { id: '2', name: 'Done' }],
flagSrc: 'https://gw.alicdn.com/tps/TB11a2lKFXXXXbVXpXXXXXXXXXX-32-32.png',
arrowSrc: 'https://gw.alicdn.com/tps/TB1O3_aKFXXXXXdXVXXXXXXXXXX-27-23.png'
}},
computed: {
statusName: {
get: function get() {
var id = this.statusId;
return this.status.filter(function (s) {
return s.id == id;
})[0].name;
}
}
},
methods: {
switchView: function switchView() {
this.toggleMaskVisible();
this.opacity(this._ids.mask.el.ref);
this.collapse(this._ids.options.el.ref);
this.rotate(this._ids.arrow.el.ref);
},
onItemClick: function onItemClick(e) {
var vid = e.target.attr.vid;
this.updateStatus(vid);
this.switchView();
this.$dispatch('statuschange', {
id: this.statusId,
name: this.statusName
});
},
updateStatus: function updateStatus(id) {
this.statusId = id;
},
toggleMaskVisible: function toggleMaskVisible() {
this.current_showMask = !this.current_showMask;
var visibility = this.current_showMask ? 'visible' : 'hidden';
this._ids.mask.el.setClassStyle({ visibility: visibility });
},
collapse: function collapse(ref, callback) {
var platform = this.$getConfig().env.platform;
var translate = 'translate(0, 100%)';
if (platform == 'iOS') {
translate = 'translate(0, 270)';
}
this.current_translate = this.current_translate ? '' : translate;
this.anim(ref, {
transform: this.current_translate
}, 'ease', 100, callback);
},
opacity: function opacity(ref, callback) {
var self = this;
self.current_opacity = self.current_opacity === 1 ? 0.1 : 1;
self.anim(ref, {
opacity: self.current_opacity
}, 'ease', 100, callback);
},
rotate: function rotate(ref, callback) {
var self = this;
if (!self.current_rotate) {
self.current_rotate = 0;
}
self.current_rotate = self.current_rotate + 180;
self.anim(ref, {
transform: 'rotate(' + self.current_rotate + 'deg)'
}, 'linear', 100, callback);
},
anim: function anim(ref, styles, timingFunction, duration, callback) {
animation.transition(ref, {
styles: styles,
timingFunction: timingFunction,
duration: duration
}, callback || function () {});
}
}
};}
/* generated by weex-loader */
/***/ },
/***/ 236:
/***/ function(module, exports) {
module.exports = {
"type": "div",
"classList": [
"wrapper"
],
"children": [
{
"type": "we-dropdown",
"classList": [
"dropdown"
],
"attr": {
"statusId": function () {return this.status}
},
"children": [
{
"type": "div",
"style": {
"height": function () {return this.screenHeight}
},
"children": [
{
"type": "list",
"classList": [
"list"
],
"shown": function () {return this.list.length},
"children": [
{
"type": "cell",
"append": "tree",
"repeat": function () {return this.list},
"classList": [
"cell"
],
"attr": {
"vid": function () {return this.vid},
"index": function () {return this.vid}
},
"children": [
{
"type": "text",
"classList": [
"title"
],
"attr": {
"value": function () {return this.title}
}
},
{
"type": "div",
"classList": [
"info"
],
"children": [
{
"type": "text",
"classList": function () {return ['txt', 'status', 'status-' + (this.questionStatus)]},
"attr": {
"value": function () {return this.questionStatusValue}
}
},
{
"type": "text",
"classList": [
"txt"
],
"attr": {
"value": function () {return ', id: ' + (this.vid) + ' ,'}
}
},
{
"type": "text",
"classList": [
"txt"
],
"attr": {
"value": function () {return 'time: ' + (this.addTime)}
}
}
]
}
]
}
]
}
]
}
]
}
]
}
/***/ },
/***/ 237:
/***/ function(module, exports) {
module.exports = {
"dropdown": {
"justifyContent": "center",
"alignContent": "stretch",
"position": "relative",
"zIndex": 100
},
"wrapper": {
"justifyContent": "flex-start",
"flexDirection": "column",
"position": "relative"
},
"list": {
"flex": 1,
"width": 750
},
"refresh-view": {
"height": 120,
"width": 750,
"marginTop": 10,
"marginBottom": 10,
"alignItems": "center",
"justifyContent": "center"
},
"refresh-arrow": {
"fontSize": 30,
"color": "#45b5f0"
},
"indicator": {
"height": 40,
"width": 40,
"color": "#45b5f0"
},
"cell": {
"width": 750,
"paddingTop": 15,
"paddingBottom": 5,
"paddingLeft": 20,
"paddingRight": 20,
"borderBottomWidth": 1,
"borderStyle": "solid",
"borderColor": "#999999"
},
"title": {
"fontSize": 32,
"paddingTop": 5,
"paddingBottom": 5,
"color": "#333333"
},
"info": {
"flexDirection": "row",
"justifyContent": "flex-start",
"alignItems": "stretch"
},
"txt": {
"fontSize": 28,
"paddingTop": 5,
"paddingBottom": 5,
"color": "#999999"
},
"status-1": {
"color": "#009900"
},
"status-2": {
"color": "#ff0000"
}
}
/***/ },
/***/ 238:
/***/ function(module, exports, __webpack_require__) {
module.exports = function(module, exports, __weex_require__){'use strict';
var _stringify = __webpack_require__(189);
var _stringify2 = _interopRequireDefault(_stringify);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
__webpack_require__(232);
var initData = '[{\"addTime\":\"2016-07-14\",\"questionStatus\":\"2\",\"questionStatusValue\":\"Closed\",\"title\":\"This is a demo\",\"vid\":\"AW5PMSC\"},{\"addTime\":\"2016-07-14\",\"questionStatus\":\"1\",\"questionStatusValue\":\"Waiting\",\"title\":\"This is a demo\",\"vid\":\"AW5PMSM\"},{\"addTime\":\"2016-07-14\",\"questionStatus\":\"2\",\"questionStatusValue\":\"Confirmed\",\"title\":\"This is a demo\",\"vid\":\"AW5PMSA\"}]';
module.exports = {
data: function () {return {
screenHeight: 0,
status: '1',
list: []
}},
ready: function ready() {
this.screenHeight = this.$getConfig().env.deviceHeight;
this.$on('statuschange', function (e) {
var detail = e.detail;
this.toast({
message: (0, _stringify2.default)(detail)
});
this.status = detail.id;
this.filter();
}.bind(this));
this.filter();
},
methods: {
toast: function toast(params) {
var modal = __weex_require__('@weex-module/modal');
modal.toast(params);
},
filter: function filter() {
var status = this.status;
this.list = [];
var allList = JSON.parse(initData);
if (status == '0') {
this.list = allList;
} else {
this.list = allList.filter(function (item) {
return item.questionStatus == status;
});
}
}
}
};}
/* generated by weex-loader */
/***/ }
/******/ });