连续复制
一键复制

App.vue

复制代码
  1. <script>

  2.     export default {

  3.         onLaunch() {

  4.             // 获取店铺配置信息  全局只请求一次

  5.             this.$api.shopConfig(res => {

  6.                 this.$store.commit('config', res)

  7.                 // #ifdef H5

  8.                 //百度统计

  9.                 if (res.statistics) {

  10.                     var script = document.createElement("script");

  11.                     script.innerHTML = res.statistics;

  12.                     document.getElementsByTagName("body")[0].appendChild(script);

  13.                 }

  14.                 // #endif

  15.             })

  16. 

  17.             //获取地区信息

  18.             this.$api.getAreaList({}, res => {

  19.                 if (res.status) {

  20.                     this.$db.set('areaList', res.data)

  21.                 }

  22.             });

  23. 

  24.             // #ifdef APP-PLUS

  25.             this.checkVersion()

  26.             // #endif

  27.         },

  28.         onShow: function() {

  29.             //console.log('App Show')

  30.         },

  31.         onHide: function() {

  32.             //console.log('App Hide')

  33.         },

  34.         methods: {

  35.             // #ifdef APP-PLUS

  36.             // app更新检测

  37.             checkVersion() {

  38.                 // 获取应用版本号

  39.                 let version = plus.runtime.version

  40. 

  41.                 //检测当前平台，如果是安卓则启动安卓更新

  42.                 uni.getSystemInfo({

  43.                     success: res => {

  44.                         this.updateHandler(res.platform, version)

  45.                     }

  46.                 })

  47.             },

  48.             // 更新操作

  49.             updateHandler(platform, version) {

  50.                 let data = {

  51.                     platform: platform,

  52.                     version: version

  53.                 }

  54.                 let _this = this;

  55.                 this.$api.getAppVersion(data,

  56.                     res => {

  57.                         if (res.status && res.data.lengh > 0) {

  58.                             const info = res.data[0]

  59.                             if (info.version !== '' && info.version > version) {

  60.                                 uni.showModal({

  61.                                     //提醒用户更新

  62.                                     title: '更新提示',

  63.                                     content: info.note,

  64.                                     success: res => {

  65.                                         if (res.confirm) {

  66.                                             plus.runtime.openURL(info.download_url)

  67.                                         }

  68.                                     }

  69.                                 })

  70.                             }

  71.                         }

  72.                     }

  73.                 )

  74.             }

  75.             // #endif

  76.         }

  77.     }

  78. </script>

  79. 

  80. <style lang="scss">

  81.     /*每个页面公共css */

  82.     @import './static/css/style.css';

  83. 

  84.     .bgf {

  85.         background: #FFF;

  86.     }

  87. 

  88.     .flc {

  89.         display: flex;

  90.         justify-content: space-between;

  91.         align-items: center;

  92.     }

  93. 

  94.     .flc-inline {

  95.         display: inline-flex;

  96.         align-items: center;

  97.     }

  98. 

  99.     .g5 {

  100.         color: $g5;

  101.     }

  102. 

  103.     .fz12 {

  104.         font-size: $fz12;

  105.     }

  106. </style>

  107. <style>

  108.     @import url("/components/gaoyia-parse/parse.css");

  109. </style>

  110.

cli

复制代码
  1. <?php

  2. define('dir', __DIR__);

  3. $dirArr = explode('\\', dir);

  4. $md = dir . '\\' . $dirArr[count($dirArr) - 1] . '.md';

  5. if (is_file($md))

  6.     unlink($md);

  7. // 生成md文件

  8. // file_put_contents($md, listdir(dir, '', 0));

  9. $listArr = listdir(dir);

  10. $content = getContent($listArr);

  11. $tree = "###目录###" . PHP_EOL . "```package" . PHP_EOL . listTree($listArr) . PHP_EOL . '```';

  12. file_put_contents($md, $content . PHP_EOL . $tree);

  13. function getContent($arr, $level = 0)

  14. {

  15.     $content = '';

  16.     foreach ($arr as $k => $v) {

  17.         if (is_array($v)) {

  18.             $content .= '###' . getPlaceholder($level, '#') . $k . "###" . getPlaceholder($level, '#') . PHP_EOL;

  19.             $content .= getContent($v, $level + 1);

  20.         } else if(!in_array(getExt($file),['.gif','.jpg','.png'])){

  21.             echo getExt($file);

  22.             $fileArr = explode('/', str_replace('\\', '/', $v));

  23.             $file = $fileArr[count($fileArr) - 1];

  24.             $content .= '###' . getPlaceholder($level, '#') . $file . "###" . getPlaceholder($level, '#') . PHP_EOL;

  25.             $content .= '```' . str_replace('.', '', getExt($file)) . PHP_EOL .mb_convert_encoding( file_get_contents($v), 'UTF-8', 'UTF-8,GBK,GB2312,BIG5' ). PHP_EOL . '```' . PHP_EOL;

  26.         }

  27.     }

  28.     return $content;

  29. }

  30. function listTree($arr, $level = 0)

  31. {

  32.     $content = '';

  33.     $placeholder = getPlaceholder($level);

  34.     foreach ($arr as $k => $v) {

  35.         if (is_array($v)) {

  36.             $content .= $placeholder . '└── ' . $k . PHP_EOL;

  37.             $content .= listTree($v, $level + 1);

  38.         } else {

  39.             $fileArr = explode('/', str_replace('\\', '/', $v));

  40.             $file = $fileArr[count($fileArr) - 1];

  41.             $content .= $placeholder . '├── ' . $file . PHP_EOL;

  42.         }

  43.     }

  44.     return $content;

  45. }

  46. function listdir($dir)

  47. {

  48.     //定义一个数组

  49.     $files = array();

  50.     $notInArr = ['.', '..', '.git', '.idea', '.DS_Store', 'MD', 'MD.php', '.gitignore', '.gitignore'];

  51.     $notExt = ['.exe', '.doc', '.docx', '.pdf', '.sh~', '.rar', '.zip', '.tar','.gif','.jpg','.png'];

  52.     //检测是否存在文件

  53.     if (is_dir($dir)) {

  54.         //打开目录

  55.         if ($handle = opendir($dir)) {

  56.             //返回当前文件的条目

  57.             while (($file = readdir($handle)) !== false) {

  58.                 //去除特殊目录

  59.                 if (!in_array($file, $notInArr)) {

  60.                     //判断子目录是否还存在子目录

  61.                     if (is_dir($dir . "/" . $file)) {

  62.                         // 递归调用本函数，再次获取目录

  63.                         $files[$file] = listdir($dir . "/" . $file);

  64.                     } else {

  65.                         if (in_array(getExt($file), $notExt))

  66.                             continue;

  67.                         // 获取目录数组

  68.                         $files[] = $dir . "/" . $file;

  69.                     }

  70.                 }

  71.             }

  72.             //关闭文件夹

  73.             closedir($handle);

  74.             //返回文件夹数组

  75.             return $files;

  76.         }

  77.     }

  78. }

  79. /**

  80.  * 获取占位符

  81.  * @param $level

  82.  * @param string $placeholder

  83.  * @return string

  84.  */

  85. function getPlaceholder($level, $placeholder = '    ')

  86. {

  87.     for ($i = 0; $i < $level; $i++) {

  88.         $placeholder .= $placeholder;

  89.     }

  90.     return substr($placeholder, 0, strlen($placeholder) - 1);

  91. }

  92. /**

  93.  * 获取文件后戳

  94.  * @param $filename

  95.  * @return bool|string

  96.  */

  97. function getExt($filename)

  98. {

  99.     $pos = strrpos($filename, '.');

  100.     $ext = substr($filename, $pos);

  101.     return $ext;

  102. }

  103.

common

html-parser.js

复制代码
  1. /*

  2.  * HTML5 Parser By Sam Blowes

  3.  *

  4.  * Designed for HTML5 documents

  5.  *

  6.  * Original code by John Resig (ejohn.org)

  7.  * http://ejohn.org/blog/pure-javascript-html-parser/

  8.  * Original code by Erik Arvidsson, Mozilla Public License

  9.  * http://erik.eae.net/simplehtmlparser/simplehtmlparser.js

  10.  *

  11.  * ----------------------------------------------------------------------------

  12.  * License

  13.  * ----------------------------------------------------------------------------

  14.  *

  15.  * This code is triple licensed using Apache Software License 2.0,

  16.  * Mozilla Public License or GNU Public License

  17.  *

  18.  * ////////////////////////////////////////////////////////////////////////////

  19.  *

  20.  * Licensed under the Apache License, Version 2.0 (the "License"); you may not

  21.  * use this file except in compliance with the License.  You may obtain a copy

  22.  * of the License at http://www.apache.org/licenses/LICENSE-2.0

  23.  *

  24.  * ////////////////////////////////////////////////////////////////////////////

  25.  *

  26.  * The contents of this file are subject to the Mozilla Public License

  27.  * Version 1.1 (the "License"); you may not use this file except in

  28.  * compliance with the License. You may obtain a copy of the License at

  29.  * http://www.mozilla.org/MPL/

  30.  *

  31.  * Software distributed under the License is distributed on an "AS IS"

  32.  * basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the

  33.  * License for the specific language governing rights and limitations

  34.  * under the License.

  35.  *

  36.  * The Original Code is Simple HTML Parser.

  37.  *

  38.  * The Initial Developer of the Original Code is Erik Arvidsson.

  39.  * Portions created by Erik Arvidssson are Copyright (C) 2004. All Rights

  40.  * Reserved.

  41.  *

  42.  * ////////////////////////////////////////////////////////////////////////////

  43.  *

  44.  * This program is free software; you can redistribute it and/or

  45.  * modify it under the terms of the GNU General Public License

  46.  * as published by the Free Software Foundation; either version 2

  47.  * of the License, or (at your option) any later version.

  48.  *

  49.  * This program is distributed in the hope that it will be useful,

  50.  * but WITHOUT ANY WARRANTY; without even the implied warranty of

  51.  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

  52.  * GNU General Public License for more details.

  53.  *

  54.  * You should have received a copy of the GNU General Public License

  55.  * along with this program; if not, write to the Free Software

  56.  * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

  57.  *

  58.  * ----------------------------------------------------------------------------

  59.  * Usage

  60.  * ----------------------------------------------------------------------------

  61.  *

  62.  * // Use like so:

  63.  * HTMLParser(htmlString, {

  64.  *     start: function(tag, attrs, unary) {},

  65.  *     end: function(tag) {},

  66.  *     chars: function(text) {},

  67.  *     comment: function(text) {}

  68.  * });

  69.  *

  70.  * // or to get an XML string:

  71.  * HTMLtoXML(htmlString);

  72.  *

  73.  * // or to get an XML DOM Document

  74.  * HTMLtoDOM(htmlString);

  75.  *

  76.  * // or to inject into an existing document/DOM node

  77.  * HTMLtoDOM(htmlString, document);

  78.  * HTMLtoDOM(htmlString, document.body);

  79.  *

  80.  */

  81. // Regular Expressions for parsing tags and attributes

  82. var startTag = /^<([-A-Za-z0-9_]+)((?:\s+[a-zA-Z_:][-a-zA-Z0-9_:.]*(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/;

  83. var endTag = /^<\/([-A-Za-z0-9_]+)[^>]*>/;

  84. var attr = /([a-zA-Z_:][-a-zA-Z0-9_:.]*)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|([^>\s]+)))?/g; // Empty Elements - HTML 5

  85. 

  86. var empty = makeMap('area,base,basefont,br,col,frame,hr,img,input,link,meta,param,embed,command,keygen,source,track,wbr'); // Block Elements - HTML 5

  87. // fixed by xxx 将 ins 标签从块级名单中移除

  88. 

  89. var block = makeMap('a,address,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video'); // Inline Elements - HTML 5

  90. 

  91. var inline = makeMap('abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,code,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var'); // Elements that you can, intentionally, leave open

  92. // (and which close themselves)

  93. 

  94. var closeSelf = makeMap('colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr'); // Attributes that have their values filled in disabled="disabled"

  95. 

  96. var fillAttrs = makeMap('checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected'); // Special Elements (can contain anything)

  97. 

  98. var special = makeMap('script,style');

  99. function HTMLParser(html, handler) {

  100.   var index;

  101.   var chars;

  102.   var match;

  103.   var stack = [];

  104.   var last = html;

  105. 

  106.   stack.last = function () {

  107.     return this[this.length - 1];

  108.   };

  109. 

  110.   while (html) {

  111.     chars = true; // Make sure we're not in a script or style element

  112. 

  113.     if (!stack.last() || !special[stack.last()]) {

  114.       // Comment

  115.       if (html.indexOf('<!--') == 0) {

  116.         index = html.indexOf('-->');

  117. 

  118.         if (index >= 0) {

  119.           if (handler.comment) {

  120.             handler.comment(html.substring(4, index));

  121.           }

  122. 

  123.           html = html.substring(index + 3);

  124.           chars = false;

  125.         } // end tag

  126. 

  127.       } else if (html.indexOf('</') == 0) {

  128.         match = html.match(endTag);

  129. 

  130.         if (match) {

  131.           html = html.substring(match[0].length);

  132.           match[0].replace(endTag, parseEndTag);

  133.           chars = false;

  134.         } // start tag

  135. 

  136.       } else if (html.indexOf('<') == 0) {

  137.         match = html.match(startTag);

  138. 

  139.         if (match) {

  140.           html = html.substring(match[0].length);

  141.           match[0].replace(startTag, parseStartTag);

  142.           chars = false;

  143.         }

  144.       }

  145. 

  146.       if (chars) {

  147.         index = html.indexOf('<');

  148.         var text = index < 0 ? html : html.substring(0, index);

  149.         html = index < 0 ? '' : html.substring(index);

  150. 

  151.         if (handler.chars) {

  152.           handler.chars(text);

  153.         }

  154.       }

  155.     } else {

  156.       html = html.replace(new RegExp('([\\s\\S]*?)<\/' + stack.last() + '[^>]*>'), function (all, text) {

  157.         text = text.replace(/<!--([\s\S]*?)-->|<!\[CDATA\[([\s\S]*?)]]>/g, '$1$2');

  158. 

  159.         if (handler.chars) {

  160.           handler.chars(text);

  161.         }

  162. 

  163.         return '';

  164.       });

  165.       parseEndTag('', stack.last());

  166.     }

  167. 

  168.     if (html == last) {

  169.       throw 'Parse Error: ' + html;

  170.     }

  171. 

  172.     last = html;

  173.   } // Clean up any remaining tags

  174. 

  175. 

  176.   parseEndTag();

  177. 

  178.   function parseStartTag(tag, tagName, rest, unary) {

  179.     tagName = tagName.toLowerCase();

  180. 

  181.     if (block[tagName]) {

  182.       while (stack.last() && inline[stack.last()]) {

  183.         parseEndTag('', stack.last());

  184.       }

  185.     }

  186. 

  187.     if (closeSelf[tagName] && stack.last() == tagName) {

  188.       parseEndTag('', tagName);

  189.     }

  190. 

  191.     unary = empty[tagName] || !!unary;

  192. 

  193.     if (!unary) {

  194.       stack.push(tagName);

  195.     }

  196. 

  197.     if (handler.start) {

  198.       var attrs = [];

  199.       rest.replace(attr, function (match, name) {

  200.         var value = arguments[2] ? arguments[2] : arguments[3] ? arguments[3] : arguments[4] ? arguments[4] : fillAttrs[name] ? name : '';

  201.         attrs.push({

  202.           name: name,

  203.           value: value,

  204.           escaped: value.replace(/(^|[^\\])"/g, '$1\\\"') // "

  205. 

  206.         });

  207.       });

  208. 

  209.       if (handler.start) {

  210.         handler.start(tagName, attrs, unary);

  211.       }

  212.     }

  213.   }

  214. 

  215.   function parseEndTag(tag, tagName) {

  216.     // If no tag name is provided, clean shop

  217.     if (!tagName) {

  218.       var pos = 0;

  219.     } // Find the closest opened tag of the same type

  220.     else {

  221.         for (var pos = stack.length - 1; pos >= 0; pos--) {

  222.           if (stack[pos] == tagName) {

  223.             break;

  224.           }

  225.         }

  226.       }

  227. 

  228.     if (pos >= 0) {

  229.       // Close all the open elements, up the stack

  230.       for (var i = stack.length - 1; i >= pos; i--) {

  231.         if (handler.end) {

  232.           handler.end(stack[i]);

  233.         }

  234.       } // Remove the open elements from the stack

  235. 

  236. 

  237.       stack.length = pos;

  238.     }

  239.   }

  240. }

  241. 

  242. function makeMap(str) {

  243.   var obj = {};

  244.   var items = str.split(',');

  245. 

  246.   for (var i = 0; i < items.length; i++) {

  247.     obj[items[i]] = true;

  248.   }

  249. 

  250.   return obj;

  251. }

  252. 

  253. function removeDOCTYPE(html) {

  254.   return html.replace(/<\?xml.*\?>\n/, '').replace(/<!doctype.*>\n/, '').replace(/<!DOCTYPE.*>\n/, '');

  255. }

  256. 

  257. function parseAttrs(attrs) {

  258.   return attrs.reduce(function (pre, attr) {

  259.     var value = attr.value;

  260.     var name = attr.name;

  261. 

  262.     if (pre[name]) {

  263.             pre[name] = pre[name] + " " + value;

  264.     } else {

  265.             pre[name] = value;

  266.     }

  267. 

  268.     return pre;

  269.   }, {});

  270. }

  271. 

  272. function parseHtml(html) {

  273.   html = removeDOCTYPE(html);

  274.   var stacks = [];

  275.   var results = {

  276.     node: 'root',

  277.     children: []

  278.   };

  279.   HTMLParser(html, {

  280.     start: function start(tag, attrs, unary) {

  281.       var node = {

  282.         name: tag

  283.       };

  284. 

  285.       if (attrs.length !== 0) {

  286.         node.attrs = parseAttrs(attrs);

  287.       }

  288. 

  289.       if (unary) {

  290.         var parent = stacks[0] || results;

  291. 

  292.         if (!parent.children) {

  293.           parent.children = [];

  294.         }

  295. 

  296.         parent.children.push(node);

  297.       } else {

  298.         stacks.unshift(node);

  299.       }

  300.     },

  301.     end: function end(tag) {

  302.       var node = stacks.shift();

  303.       if (node.name !== tag) console.error('invalid state: mismatch end tag');

  304. 

  305.       if (stacks.length === 0) {

  306.         results.children.push(node);

  307.       } else {

  308.         var parent = stacks[0];

  309. 

  310.         if (!parent.children) {

  311.           parent.children = [];

  312.         }

  313. 

  314.         parent.children.push(node);

  315.       }

  316.     },

  317.     chars: function chars(text) {

  318.       var node = {

  319.         type: 'text',

  320.         text: text

  321.       };

  322. 

  323.       if (stacks.length === 0) {

  324.         results.children.push(node);

  325.       } else {

  326.         var parent = stacks[0];

  327. 

  328.         if (!parent.children) {

  329.           parent.children = [];

  330.         }

  331. 

  332.         parent.children.push(node);

  333.       }

  334.     },

  335.     comment: function comment(text) {

  336.       var node = {

  337.         node: 'comment',

  338.         text: text

  339.       };

  340.       var parent = stacks[0];

  341. 

  342.       if (!parent.children) {

  343.         parent.children = [];

  344.       }

  345. 

  346.       parent.children.push(node);

  347.     }

  348.   });

  349.   return results.children;

  350. }

  351. 

  352. export default parseHtml;

  353.

uni-H5Api.js

复制代码
  1. //#ifdef H5

  2. /** clipboard.js v2.0.4**/

  3. !function(t,e){try{window.ClipboardJS=e();}catch(e){};"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return function(n){var o={};function r(t){if(o[t])return o[t].exports;var e=o[t]={i:t,l:!1,exports:{}};return n[t].call(e.exports,e,e.exports,r),e.l=!0,e.exports}

  4.   return r.m=n,r.c=o,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=0)}([function(t,e,n){"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}

  5.   return function(t,e,n){return e&&o(t.prototype,e),n&&o(t,n),t}}(),a=o(n(1)),c=o(n(3)),u=o(n(4));function o(t){return t&&t.__esModule?t:{default:t}}

  6.   var l=function(t){function o(t,e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,o);var n=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,(o.__proto__||Object.getPrototypeOf(o)).call(this));return n.resolveOptions(e),n.listenClick(t),n}

  7.     return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(o,c.default),i(o,[{key:"resolveOptions",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===r(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=(0,u.default)(t,"click",function(t){return e.onClick(t)})}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new a.default({action:this.action(e),target:this.target(e),text:this.text(e),container:this.container,trigger:e,emitter:this})}},{key:"defaultAction",value:function(t){return s("action",t)||'copy'}},{key:"defaultTarget",value:function(t){var e=s("target",t);if(e){return document.querySelector(e)}}},{key:"defaultText",value:function(t){return s("text",t)||this.text}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach(function(t){n=n&&!!document.queryCommandSupported(t)}),n}}]),o}();function s(t,e){var n="data-clipboard-"+t;let isFun=e&&typeof e.hasAttribute==='function';if(isFun&&e.hasAttribute(n)){return e.getAttribute(n)}}

  8.   t.exports=l},function(t,e,n){"use strict";var o,r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}

  9.   return function(t,e,n){return e&&o(t.prototype,e),n&&o(t,n),t}}(),a=n(2),c=(o=a)&&o.__esModule?o:{default:o};var u=function(){function e(t){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),this.resolveOptions(t),this.initSelection()}

  10.   return i(e,[{key:"resolveOptions",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};this.action=t.action,this.container=t.container,this.emitter=t.emitter,this.target=t.target,this.text=t.text,this.trigger=t.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function(){var t=this,e="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return t.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[e?"right":"left"]="-9999px";var n=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=n+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=(0,c.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function(){this.selectedText=(0,c.default)(this.target),this.copyText()}},{key:"copyText",value:function(){var e=void 0;try{e=document.execCommand(this.action)}catch(t){e=!1}

  11.       this.handleResult(e)}},{key:"handleResult",value:function(t){this.emitter.emit(t?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function(){this.removeFake()}},{key:"action",set:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=t,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function(){return this._action}},{key:"target",set:function(t){if(void 0!==t){if(!t||"object"!==(void 0===t?"undefined":r(t))||1!==t.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&t.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(t.hasAttribute("readonly")||t.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=t}},get:function(){return this._target}}]),e}();t.exports=u},function(t,e){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var o=window.getSelection(),r=document.createRange();r.selectNodeContents(t),o.removeAllRanges(),o.addRange(r),e=o.toString()}

  12.   return e}},function(t,e){function n(){}

  13.   n.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var o=this;function r(){o.off(t,r),e.apply(n,arguments)}

  14.       return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,r=n.length;o<r;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],r=[];if(o&&e)for(var i=0,a=o.length;i<a;i++)o[i].fn!==e&&o[i].fn._!==e&&r.push(o[i]);return r.length?n[t]=r:delete n[t],this}},t.exports=n},function(t,e,n){var d=n(5),h=n(6);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!d.string(e))throw new TypeError("Second argument must be a String");if(!d.fn(n))throw new TypeError("Third argument must be a Function");if(d.node(t))return s=e,f=n,(l=t).addEventListener(s,f),{destroy:function(){l.removeEventListener(s,f)}};if(d.nodeList(t))return a=t,c=e,u=n,Array.prototype.forEach.call(a,function(t){t.addEventListener(c,u)}),{destroy:function(){Array.prototype.forEach.call(a,function(t){t.removeEventListener(c,u)})}};if(d.string(t))return o=t,r=e,i=n,h(document.body,o,r,i);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList");var o,r,i,a,c,u,l,s,f}},function(t,n){n.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},n.nodeList=function(t){var e=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===e||"[object HTMLCollection]"===e)&&"length"in t&&(0===t.length||n.node(t[0]))},n.string=function(t){return"string"==typeof t||t instanceof String},n.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},function(t,e,n){var a=n(7);function i(t,e,n,o,r){var i=function(e,n,t,o){return function(t){t.delegateTarget=a(t.target,n),t.delegateTarget&&o.call(e,t)}}.apply(this,arguments);return t.addEventListener(n,i,r),{destroy:function(){t.removeEventListener(n,i,r)}}}

  15.   t.exports=function(t,e,n,o,r){return"function"==typeof t.addEventListener?i.apply(null,arguments):"function"==typeof n?i.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,function(t){return i(t,e,n,o,r)}))}},function(t,e){if("undefined"!=typeof Element&&!Element.prototype.matches){var n=Element.prototype;n.matches=n.matchesSelector||n.mozMatchesSelector||n.msMatchesSelector||n.oMatchesSelector||n.webkitMatchesSelector}

  16.   t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}}])});let Types={isFunction:function(obj){var type=Object.prototype.toString.call(obj)

  17.     return type=='[object Function]'},isObject:function(obj){var type=Object.prototype.toString.call(obj)

  18.     return type=='[object Object]'},isString:function(obj){var type=Object.prototype.toString.call(obj)

  19.     return type=='[object String]'}}

  20. uni.setClipboardData=function(options){let emptyFun=function(){}

  21.   let config={data:null,event:null,success:emptyFun,fail:emptyFun,complete:emptyFun}

  22.   if(options&&Types.isObject(options)){config=Object.assign({},config,options)}

  23.   if(options&&Types.isString(options)){config=Object.assign({},config,{data:options})}

  24.   let data=config.data

  25.   let success=config.success||emptyFun

  26.   let fail=config.fail||emptyFun

  27.   let complete=config.complete||emptyFun

  28.   let e=config.event||window.event||{}

  29.   let cb=new ClipboardJS('.null',{text:()=>data})

  30.   cb.on('success',function(res){

  31.     window.__clipboard__=data;

  32.     success&&Types.isFunction(success)&&success({data:res.text})

  33.     complete&&Types.isFunction(complete)&&complete()

  34.     cb.off('error')

  35.     cb.off('success')

  36.     cb.destroy()})

  37.   cb.on('error',function(err){fail&&Types.isFunction(fail)&&fail(err)

  38.     complete&&Types.isFunction(complete)&&complete()

  39.     cb.off('error')

  40.     cb.off('success')

  41.     cb.destroy()})

  42.   cb.onClick(e)};

  43. uni.getClipboardData=function(options){let emptyFun=function(){}

  44.     let config={data:null,event:null,success:emptyFun,fail:emptyFun,complete:emptyFun}

  45.     if(options&&Types.isObject(options)){config=Object.assign({},config,options)}

  46.     let success=config.success||emptyFun

  47.     let fail=config.fail||emptyFun

  48.     let complete=config.complete||emptyFun

  49.     if(window.__clipboard__!==undefined){success&&Types.isFunction(success)&&success({data:window.__clipboard__})}else{fail&&Types.isFunction(fail)&&fail({data:null})}

  50.     complete&&Types.isFunction(complete)&&complete()};

  51. function fileDownLoad(data){var linkElement=document.createElement('a')

  52.   linkElement.setAttribute('href',data.blob)

  53.   linkElement.setAttribute('downLoad',data.name)

  54.   linkElement.click()}

  55. uni.saveImageToPhotosAlbum=uni.saveVideoToPhotosAlbum=function(options){let emptyFun=function(){}

  56.   let config={filePath:null,success:emptyFun,fail:emptyFun,complete:emptyFun}

  57.   if(options&&Types.isObject(options)){config=Object.assign({},config,options)}

  58.   if(options&&Types.isString(options)){config=Object.assign({},config,{filePath:options})}

  59.   let filePath=config.filePath

  60.   let success=config.success||emptyFun

  61.   let fail=config.fail||emptyFun

  62.   let complete=config.complete||emptyFun

  63.   if(!filePath){fail&&Types.isFunction(fail)&&fail({msg:'no File'})

  64.     complete&&Types.isFunction(complete)&&complete()

  65.     return}

  66.   let names=filePath.split('/')

  67.   let name=names[names.length-1]

  68.   uni.downloadFile({url:filePath,success:function(res){let tempFilePath=res.tempFilePath

  69.       fileDownLoad({name:name,blob:tempFilePath})

  70.       success&&Types.isFunction(success)&&success({filePath:filePath})},fail:function(err){fail&&Types.isFunction(fail)&&fail({msg:err})},complete:function(){complete&&Types.isFunction(complete)&&complete()}})}

  71. //#endif

  72.

components

area-picker

areaPicker.vue
复制代码
  1. <template>

  2.     <view>

  3.         <view class="picker-mask" @click="closePicker" catchtouchmove="true" v-show="pickerShow"  ></view>

  4.         <view class="picker-content" :class="{'pickerShow':pickerShow}" >

  5.             <view class="picker-button">

  6.                 <text @click="closePicker">取消</text>

  7.                 <text @click="confirm">确定</text>

  8.             </view>

  9.             <!-- 三列选择-联动 -->

  10.             <picker-view class="picker-view" indicator-class="picker-view-selected-three" :value="pickerIndex" @change="pickerViewChangeThree">

  11.                 <picker-view-column>

  12.                     <view class="picker-item" v-for="(item, index) in pickerList" :key="index">{{item.label}}</view>

  13.                 </picker-view-column>

  14.                 <picker-view-column >

  15.                     <view class="picker-item" v-for="(item, index) in pickerList[pickerIndex[0]].children" :key="index">{{item.label}}</view>

  16.                 </picker-view-column>

  17.                 <picker-view-column>

  18.                     <view class="picker-item" v-for="(item, index) in pickerList[pickerIndex[0]].children[pickerIndex[1]].children"

  19.                      :key="index">{{item.label}}</view>

  20.                 </picker-view-column>

  21.             </picker-view>

  22.         </view>

  23.     </view>

  24. </template>

  25. 

  26. <script>

  27.     // mode所有类型

  28.     let pickerModeArray = ["one", "two_linkage", "two_nolinkage", "three"];

  29. 

  30.     export default {

  31.         name: "area-picker",

  32.         props: {

  33.             areaId:{

  34.                 type: Number,

  35.                 required: true,

  36.             },

  37.             // 默认picker选中项索引

  38.             defaultIndex: {

  39.                 type: Array,

  40.                 required: true,

  41.                 validator: (value) => {

  42.                     if (value.length > 0 && value.length <= 3) {

  43.                         return true;

  44.                     }

  45.                     return false;

  46.                 }

  47.             }

  48.         },

  49.         data() {

  50.             return {

  51.                 pickerIndex: [0,0,0], // picker索引值

  52.                 pickerShow: false,

  53.                 region: ['河南省', '郑州市', '中原区'], //开户行地区

  54.                 provinceKey:-1,//省份id

  55.                 cityKey:-1,//市id

  56.                 areaKey:-1,//区域id

  57.                 selectedData:[],

  58.                 pickerList:this.$db.get("areaList"),

  59.                 province:this.$db.get("areaList"),

  60.             };

  61.         },

  62.         created() {

  63.             this.init();

  64.         },

  65.         watch: {

  66.             // 匹配选中索引

  67.             mode() {

  68.                 this.pickerIndex = this.defaultIndex;

  69.             }

  70.         },

  71.         methods: {

  72.             init(){

  73.                 this.province = this.$db.get("areaList");

  74.                 //查找省市区 id

  75.                 this.getFullPath(this.areaId,this.province);

  76.                 this.pickerIndex = [this.provinceKey,this.cityKey,this.areaKey];

  77.             },

  78.             //倒查城市信息

  79.             getFullPath(id,data){

  80.                 for(var i = 0;i<data.length;i++){

  81.                     if(id == data[i].value){

  82.                         if(!data[i].children){

  83.                             this.areaKey = i;

  84.                             return true;

  85.                         }else if(data[i].hasOwnProperty("children")){

  86.                             if(data[i].children[0] && !data[i].children[0].children){

  87.                                 this.cityKey = i;

  88.                                 return true;

  89.                             }else{

  90.                                 this.provinceKey = i;

  91.                                 return true;

  92.                             }

  93.                         }

  94.                     }else{

  95.                         if(data[i].hasOwnProperty("children")){

  96.                             if(data[i].children[0]!==undefined){

  97.                                 if(data[i].children[0].hasOwnProperty("children")){

  98.                                     this.provinceKey = i;

  99.                                 }else{

  100.                                     this.cityKey = i;

  101.                                 }

  102.                             }

  103.                             if(typeof data[i].children !='undefined' ){

  104.                                 var res = this.getFullPath(id,data[i].children);

  105.                                 if(res){

  106.                                     return true;

  107.                                 }

  108.                             }

  109.                         }

  110.                     }

  111.                 }

  112.             },

  113.             // 三列联动选项变化

  114.             pickerViewChangeThree(e) {

  115.                 let changeValue = e.detail.value;

  116.                 

  117.                 // 超规处理

  118.                 if (this.pickerList[changeValue[0]].children.length - 1 < changeValue[1]) {

  119.                     changeValue[1] = this.pickerList[changeValue[0]].children.length - 1;

  120.                 }

  121.                 if (this.pickerList[changeValue[0]].children[changeValue[1]].children.length - 1 < changeValue[2]) {

  122.                     changeValue[2] = this.pickerList[changeValue[0]].children[changeValue[1]].children.length - 1;

  123.                 }

  124.                 this.pickerIndex = changeValue;

  125.             },

  126.             // 显示组件

  127.             showPicker() {

  128.                 // 隐藏软件盘

  129.                 uni.hideKeyboard();

  130.                 this.init();

  131.                 this.pickerShow = true;

  132.             },

  133.             // 确定事件——返回选中项的数组索引（也可以自定义其他返回数据，不过返回索引通用性更强）

  134.             confirm() {

  135.                 this.pickerShow = false;

  136.                 this.selectedData = [

  137.                     {

  138.                         id:this.province[this.pickerIndex[0]].value,

  139.                         name:this.province[this.pickerIndex[0]].label,

  140.                     },

  141.                     {

  142.                         id:this.province[this.pickerIndex[0]].children[this.pickerIndex[1]].value,

  143.                         name:this.province[this.pickerIndex[0]].children[this.pickerIndex[1]].label,

  144.                     },

  145.                     {

  146.                         id:this.province[this.pickerIndex[0]].children[this.pickerIndex[1]].children[this.pickerIndex[2]].value,

  147.                         name:this.province[this.pickerIndex[0]].children[this.pickerIndex[1]].children[this.pickerIndex[2]].label,

  148.                     },

  149.                 ];

  150.                 this.$emit("onConfirm", this.selectedData);

  151.             },

  152.             // 隐藏组件

  153.             closePicker() {

  154.                 this.pickerShow = false;

  155.             }

  156.         }

  157.     }

  158. </script>

  159. 

  160. <style>

  161.     .picker-mask {

  162.         position: fixed;

  163.         top: 0;

  164.         right: 0;

  165.         left: 0;

  166.         bottom: 0;

  167.         z-index: 50;

  168.         width: 100%;

  169.         height: 100%;

  170.         background-color: rgba(0, 0, 0, 0.3);

  171.     }

  172. 

  173.     .picker-content {

  174.         flex-direction: column;

  175.         position: fixed;

  176.         bottom: 0;

  177.         left: 0;

  178.         z-index: 100;

  179.         width: 100%;

  180.         height: 600upx;

  181.         background-color: #FFFFFF;

  182.         transform: translateY(100%);

  183.         transition: all 200ms ease;

  184.     }

  185. 

  186.     .pickerShow {

  187.         transform: translateY(0) !important;

  188.     }

  189. 

  190.     .picker-content .picker-button {

  191.         justify-content: space-between;

  192.         height: 80upx;

  193.         line-height: 80upx;

  194.     }

  195. 

  196.     .picker-button text {

  197.         width: 180upx;

  198.         font-size: 28upx;

  199.         font-weight: 500;

  200.         display: block;

  201.         text-align: center;

  202.         overflow: hidden;

  203.     }

  204. 

  205.     .picker-button text:first-child {

  206.         color: #A1A1A1;

  207.         float: left;

  208.     }

  209. 

  210.     .picker-button text:last-child {

  211.         color: #FF7159;

  212.         float: right;

  213.     }

  214. 

  215.     .picker-content .picker-view {

  216.         width: 100%;

  217.         height: 500upx;

  218.     }

  219. 

  220.     .picker-content .picker-view-selected-one,

  221.     .picker-content .picker-view-selected-two,

  222.     .picker-content .picker-view-selected-three {

  223.         height: 68upx;

  224.         line-height: 68upx;

  225.         border-top: #1AAD19 1upx solid;

  226.         border-bottom: #1AAD19 1upx solid;

  227.     }

  228. 

  229.     .picker-content .picker-view-selected-one {

  230.         position: relative;

  231.         left: 25%;

  232.         width: 50%;

  233.     }

  234. 

  235.     .picker-content .picker-view-selected-two {

  236.         position: relative;

  237.         left: 15%;

  238.         width: 70%;

  239.     }

  240. 

  241.     .picker-content .picker-view-selected-three {

  242.         position: relative;

  243.         left: 5%;

  244.         width: 90%;

  245.     }

  246. 

  247.     .picker-view .picker-item {

  248.         width: 100%;

  249.         height: 34px;

  250.         line-height: 34px;

  251.         font-size: 15px;

  252.         font-weight: 600;

  253.         display: block;

  254.         text-align: center;

  255.     }

  256. </style>

  257.

cmd-progress

cmd-progress.vue
复制代码
  1. <template>

  2.   <view class="cmd-progress cmd-progress-default" :class="setStatusClass">

  3.     <block v-if="type == 'circle' || type == 'dashboard'">

  4.       <view class="cmd-progress cmd-progress-default" :class="setStatusClass">

  5.         <view class="cmd-progress-inner" :style="setCircleStyle">

  6.           <!-- 绘制圈 start -->

  7.           <!-- #ifdef H5 -->

  8.           <svg viewBox="0 0 100 100" class="cmd-progress-circle">

  9.             <path :d="setCirclePath" stroke="#f3f3f3" :stroke-linecap="strokeShape" :stroke-width="strokeWidth"

  10.               fill-opacity="0" class="cmd-progress-circle-trail" :style="setCircleTrailStyle"></path>

  11.             <path :d="setCirclePath" :stroke-linecap="strokeShape" :stroke-width="strokeWidth" fill-opacity="0" class="cmd-progress-circle-path"

  12.               :style="setCirclePathStyle"></path>

  13.           </svg>

  14.           <!-- #endif -->

  15.           <!-- #ifndef H5 -->

  16.           <text :style="setCircle"></text>

  17.           <!-- #endif -->

  18.           <!-- 绘制圈 end -->

  19.           <!-- 状态文本 start -->

  20.           <block v-if="showInfo && !custom">

  21.             <text class="cmd-progress-text" :title="setFormat">

  22.               <block v-if="status != 'success' && status != 'exception' && setProgress < 100">{{setFormat}}</block>

  23.               <!-- #ifdef H5 -->

  24.               <svg v-if="status == 'exception'" viewBox="64 64 896 896" data-icon="close" width="1.5em" height="1.5em" fill="currentColor"

  25.                 aria-hidden="true">

  26.                 <path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path>

  27.               </svg>

  28.               <svg v-if="status == 'success' || setProgress == 100" viewBox="64 64 896 896" data-icon="check" width="1.5em"

  29.                 height="1.5em" fill="currentColor" aria-hidden="true" :style="{'color': strokeColor ? strokeColor : ''}">

  30.                 <path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path>

  31.               </svg>

  32.               <!-- #endif -->

  33.               <!-- #ifndef H5 -->

  34.               <text v-if="status == 'exception' || status == 'success' || setProgress == 100" :style="setCircleIcon"></text>

  35.               <!-- #endif -->

  36.             </text>

  37.           </block>

  38.           <block v-else>

  39.             <view class="cmd-progress-custom">

  40.               <slot></slot>

  41.             </view>

  42.           </block>

  43.           <!-- 状态文本 end -->

  44.         </view>

  45.       </view>

  46.     </block>

  47. 

  48.     <block v-if="type == 'line'">

  49.       <!-- 进度条 start -->

  50.       <view class="cmd-progress-outer">

  51.         <view class="cmd-progress-inner" :style="{'border-radius': strokeShape == 'square' ? 0 : '100px'}">

  52.           <view class="cmd-progress-bg" :style="setLineStyle"></view>

  53.           <view v-if="successPercent" class="cmd-progress-success-bg" :style="setLineSuccessStyle"></view>

  54.         </view>

  55.       </view>

  56.       <!-- 进度条 end -->

  57.       <!-- 进度条是否显示信息 start -->

  58.       <block v-if="showInfo && !custom">

  59.         <text class="cmd-progress-text" :title="setFormat">

  60.           <block v-if="status != 'success' && status != 'exception' && setProgress < 100">{{setFormat}}</block>

  61.           <!-- #ifdef H5 -->

  62.           <svg v-if="status == 'exception'" viewBox="64 64 896 896" data-icon="close-circle" width="1.5em" height="1.5em"

  63.             fill="currentColor" aria-hidden="true">

  64.             <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path>

  65.           </svg>

  66.           <svg v-if="status == 'success' || setProgress == 100" viewBox="64 64 896 896" data-icon="check-circle" width="1.5em"

  67.             height="1.5em" fill="currentColor" aria-hidden="true" :style="{'color': strokeColor ? strokeColor : ''}">

  68.             <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"></path>

  69.           </svg>

  70.           <!-- #endif -->

  71.           <!-- #ifndef H5 -->

  72.           <text v-if="status == 'exception' || status == 'success' || setProgress == 100" :style="setLineStatusIcon"></text>

  73.           <!-- #endif -->

  74.         </text>

  75.       </block>

  76.       <block v-else>

  77.         <view class="cmd-progress-custom">

  78.           <slot></slot>

  79.         </view>

  80.       </block>

  81.       <!-- 进度条是否显示信息 end -->

  82.     </block>

  83.   </view>

  84. </template>

  85. 

  86. <script>

  87.   /**  

  88.    * 进度条组件  

  89.    * @description 显示一个操作完成的百分比时，为用户显示该操作的当前进度和状态。  

  90.    * @tutorial https://ext.dcloud.net.cn/plugin?id=259  

  91.    * @property {String} type 进度类型 - 线型：line、圆圈形：circle、仪表盘：dashboard，默认线型：line  

  92.    * @property {Number} percent 进度百分比值 - 显示范围0-100 ，可能数比较大就需要自己转成百分比的值  

  93.    * @property {Number} success-percent 进度已完成的百分几 - 仅支持进度线型：line  

  94.    * @property {String} status 进度状态 - 涌动：active（仅支持线型：line）、正常：normal、完成：success、失败：exception，默认正常：normal  

  95.    * @property {Boolean} show-info 进度状态信息 - 是否显示进度数值或状态图标，默认true  

  96.    * @property {Number} stroke-width 进度线条的宽度 - 建议在条线的宽度范围：1-50，与进度条显示宽度有关，默认8  

  97.    * @property {String} stroke-color 进度线条的颜色 - 渐变色仅支持线型：line  

  98.    * @property {String} stroke-shape 进度线条两端的形状 - 圆：round、方块直角：square，默认圆：round  

  99.    * @property {Number} width 进度画布宽度 - 仅支持圆圈形：circle、仪表盘：dashboard，默认80  

  100.    * @property {String} gap-degree 进度圆形缺口角度 - 可取值 0 ~ 360,仅支持圆圈形：circle、仪表盘：dashboard  

  101.    * @property {String} gap-position 进度圆形缺口位置 - 可取值'top', 'bottom', 'left', 'right',仅支持圆圈形：circle、仪表盘：dashboard  

  102.    * @property {Boolean} custom 自定义文本格式插槽，条line：圈circle 仪表板dashboard  

  103.    * @example <cmd-progress :percent="30"></cmd-progress>  

  104.    */

  105.   export default {

  106.     name: 'cmd-progress',

  107. 

  108.     props: {

  109.       /**

  110.        * 类型默认：line，可选 line circle dashboard

  111.        */

  112.       type: {

  113.         validator: val => {

  114.           return ['line', 'circle', 'dashboard'].includes(val);

  115.         },

  116.         default: 'line'

  117.       },

  118.       /**

  119.        * 百分比

  120.        */

  121.       percent: {

  122.         type: Number,

  123.         default: 0

  124.       },

  125.       /**

  126.        * 已完成的分段百分，仅支持类型line

  127.        */

  128.       successPercent: {

  129.         type: Number,

  130.         default: 0

  131.       },

  132.       /**

  133.        * 是否显示进度数值或状态图标

  134.        */

  135.       showInfo: {

  136.         type: Boolean,

  137.         default: true

  138.       },

  139.       /**

  140.        * 自定义文本格式插槽，条line：圈circle 仪表板dashboard

  141.        */

  142.       custom: {

  143.         type: Boolean,

  144.         default: false

  145.       },

  146.       /**

  147.        * 进度状态，可选：normal success exception （active仅支持类型line

  148.        */

  149.       status: {

  150.         validator: val => {

  151.           return ['normal', 'success', 'exception', 'active'].includes(val);

  152.         },

  153.         default: 'normal'

  154.       },

  155.       /**

  156.        * 条线的宽度1-50，与width有关

  157.        */

  158.       strokeWidth: {

  159.         type: Number,

  160.         default: 6

  161.       },

  162.       /**

  163.        * 条线的颜色，渐变色仅支持类型line

  164.        */

  165.       strokeColor: {

  166.         type: String,

  167.         default: ''

  168.       },

  169.       /**

  170.        * 条线两端的形状 可选：'round', 'square'

  171.        */

  172.       strokeShape: {

  173.         validator: val => {

  174.           return ['round', 'square'].includes(val);

  175.         },

  176.         default: 'round'

  177.       },

  178.       /**

  179.        * 圆形进度条画布宽度,支持类型circle dashboard

  180.        */

  181.       width: {

  182.         type: Number,

  183.         default: 80

  184.       },

  185.       /**

  186.        * 圆形进度条缺口角度，可取值 0 ~ 360,支持类型circle dashboard

  187.        */

  188.       gapDegree: {

  189.         type: Number,

  190.         default: 0

  191.       },

  192.       /**

  193.        * 圆形进度条缺口位置,可取值'top', 'bottom', 'left', 'right' ,支持类型circle dashboard

  194.        */

  195.       gapPosition: {

  196.         validator: val => {

  197.           return ['top', 'bottom', 'left', 'right'].includes(val);

  198.         },

  199.         default: 'top'

  200.       }

  201.     },

  202. 

  203.     computed: {

  204.       /**

  205.        * 百分比格式

  206.        */

  207.       setFormat() {

  208.         return `${this.setProgress}%`;

  209.       },

  210.       /**

  211.        * 设置显示进度值，禁止小于0和超过100

  212.        */

  213.       setProgress() {

  214.         let percent = this.percent;

  215.         if (!this.percent || this.percent < 0) {

  216.           percent = 0;

  217.         } else if (this.percent >= 100) {

  218.           percent = 100;

  219.         }

  220.         return percent;

  221.       },

  222.       /**

  223.        * 进度圈svg大小

  224.        */

  225.       setCircleStyle() {

  226.         return `width: ${this.width}px;

  227.                 height: ${this.width}px;

  228.                 fontSize: ${this.width * 0.15 + 6}px;`

  229.       },

  230.       /**

  231.        * 圈底色

  232.        */

  233.       setCircleTrailStyle() {

  234.         const radius = 50 - this.strokeWidth / 2;

  235.         const len = Math.PI * 2 * radius;

  236.         const gapDeg = this.gapDegree || (this.type === 'dashboard' && 75);

  237.         return `stroke-dasharray: ${len - (gapDeg||0)}px, ${len}px;

  238.                 stroke-dashoffset: -${(gapDeg||0) / 2}px;

  239.                 transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s;`

  240.       },

  241.       /**

  242.        * 圈进度

  243.        */

  244.       setCirclePathStyle() {

  245.         const radius = 50 - this.strokeWidth / 2;

  246.         const len = Math.PI * 2 * radius;

  247.         const gapDeg = this.gapDegree || (this.type === 'dashboard' && 75);

  248.         return `stroke: ${this.strokeColor};

  249.                 stroke-dasharray: ${(this.setProgress / 100) * (len - (gapDeg||0))}px, ${len}px;

  250.                 stroke-dashoffset: -${(gapDeg||0) / 2}px;

  251.                 transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s, stroke-width 0.06s ease 0.3s;`

  252.       },

  253.       /**

  254.        * 绘制圈

  255.        */

  256.       setCirclePath() {

  257.         const radius = 50 - this.strokeWidth / 2;

  258.         let beginPositionX = 0;

  259.         let beginPositionY = -radius;

  260.         let endPositionX = 0;

  261.         let endPositionY = -2 * radius;

  262.         const gapPos = (this.type === 'dashboard' && 'bottom') || this.gapPosition || 'top';

  263.         switch (gapPos) {

  264.           case 'left':

  265.             beginPositionX = -radius;

  266.             beginPositionY = 0;

  267.             endPositionX = 2 * radius;

  268.             endPositionY = 0;

  269.             break;

  270.           case 'right':

  271.             beginPositionX = radius;

  272.             beginPositionY = 0;

  273.             endPositionX = -2 * radius;

  274.             endPositionY = 0;

  275.             break;

  276.           case 'bottom':

  277.             beginPositionY = radius;

  278.             endPositionY = 2 * radius;

  279.             break;

  280.           default:

  281.             break;

  282.         }

  283.         return `M 50,50 m ${beginPositionX},${beginPositionY} a ${radius},${radius} 0 1 1 ${endPositionX},${-endPositionY} a ${radius},${radius} 0 1 1 ${-endPositionX},${endPositionY}`;

  284.       },

  285.       // #ifndef H5

  286.       /**

  287.        * 非H5端，绘制进度圈svg转base URL

  288.        */

  289.       setCircle() {

  290.         const radius = 50 - this.strokeWidth / 2;

  291.         const len = Math.PI * 2 * radius;

  292.         const gapDeg = this.gapDegree || (this.type === 'dashboard' && 75);

  293.         let currentColor = '#108ee9'

  294.         // 异常进度

  295.         if (this.status == 'exception') {

  296.           currentColor = '#f5222d'

  297.         }

  298.         // 完成进度

  299.         if (this.status == 'success' || this.setProgress >= 100 || this.strokeColor) {

  300.           currentColor = this.strokeColor || '#fff'

  301.         }

  302.         let svgToBase =

  303.           `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' class='cmd-progress-circle'%3E%3Cpath d='${this.setCirclePath}' stroke='%23f3f3f3' stroke-linecap='${this.strokeShape}' stroke-width='${this.strokeWidth}' fill-opacity='0' class='cmd-progress-circle-trail' style='stroke-dasharray: ${len - (gapDeg||0)}px, ${len}px;stroke-dashoffset: -${(gapDeg||0) / 2}px;transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s;'%3E%3C/path%3E%3Cpath  d='${this.setCirclePath}' stroke-linecap='${this.strokeShape}' stroke-width='${this.strokeWidth}' fill-opacity='0' class='cmd-progress-circle-path' style='stroke: ${currentColor};stroke-dasharray: ${(this.setProgress / 100) * (len - (gapDeg||0))}px, ${len}px;stroke-dashoffset: -${(gapDeg||0) / 2}px;transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s, stroke-width 0.06s ease 0.3s;'%3E%3C/path%3E%3C/svg%3E`

  304.         return `background-image: url("${svgToBase}");

  305.                 background-size: cover;

  306.                 display: inline-block;

  307.                 ${this.setCircleStyle}`;

  308.       },

  309.       /**

  310.        * 设置进度圈状态图标

  311.        */

  312.       setCircleIcon() {

  313.         let currentColor = '#108ee9'

  314.         let svgToBase = ''

  315.         // 异常进度

  316.         if (this.status == 'exception') {

  317.           currentColor = '#f5222d'

  318.           svgToBase =

  319.             `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' data-icon='close' width='1.5em' height='1.5em' fill='${currentColor}' aria-hidden='true'%3E %3Cpath d='M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z'%3E%3C/path%3E %3C/svg%3E`;

  320.         }

  321.         // 完成进度

  322.         if (this.status == 'success' || this.setProgress >= 100) {

  323.           currentColor = this.strokeColor || '#fff'

  324.           svgToBase =

  325.             `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' data-icon='check' width='1.5em' height='1.5em' fill='${currentColor}' aria-hidden='true'%3E %3Cpath d='M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z'%3E%3C/path%3E %3C/svg%3E`;

  326.         }

  327.         return `background-image: url("${svgToBase}");

  328.                 background-size: cover;

  329.                 display: inline-block;

  330.                 width: 1.5em;

  331.                 height: 1.5em;`;

  332.       },

  333.       // #endif

  334.       /**

  335.        * 设置进度条样式

  336.        */

  337.       setLineStyle() {

  338.         return `width: ${this.setProgress}%;

  339.                 height: ${this.strokeWidth}px;

  340.                 background: ${this.strokeColor};

  341.                 border-radius: ${this.strokeShape === 'square' ? 0 : '100px'};`;

  342.       },

  343.       /**

  344.        * 设置已完成分段进度

  345.        */

  346.       setLineSuccessStyle() {

  347.         let successPercent = this.successPercent;

  348.         if (!this.successPercent || this.successPercent < 0 || this.setProgress < this.successPercent) {

  349.           successPercent = 0;

  350.         } else if (this.successPercent >= 100) {

  351.           successPercent = 100;

  352.         }

  353.         return `width: ${successPercent}%;

  354.                 height: ${this.strokeWidth}px;

  355.                 border-radius: ${this.strokeShape === 'square' ? 0 : '100px'};`;

  356.       },

  357.       // #ifndef H5

  358.       /**

  359.        * 设置进度条状态图标

  360.        */

  361.       setLineStatusIcon() {

  362.         let currentColor = '#108ee9'

  363.         let svgToBase = ''

  364.         // 异常进度

  365.         if (this.status == 'exception') {

  366.           currentColor = '#f5222d'

  367.           svgToBase =

  368.             `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' data-icon='close-circle' width='1.5em' height='1.5em' fill='${currentColor}' aria-hidden='true'%3E %3Cpath d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z'%3E%3C/path%3E %3C/svg%3E`;

  369.         }

  370.         // 完成进度

  371.         if (this.status == 'success' || this.setProgress >= 100) {

  372.           currentColor = this.strokeColor || '#fff'

  373.           svgToBase =

  374.             `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' data-icon='check-circle' width='1.5em' height='1.5em' fill='${currentColor}' aria-hidden='true'%3E %3Cpath d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z'%3E%3C/path%3E %3C/svg%3E`;

  375.         }

  376.         return `background-image: url("${svgToBase}");

  377.                 background-size: cover;

  378.                 display: inline-block;

  379.                 width: 1.5em;

  380.                 height: 1.5em;`;

  381.       },

  382.       // #endif

  383.       /**

  384.        * 状态样式

  385.        */

  386.       setStatusClass() {

  387.         let statusClass = [];

  388.         // 异常进度

  389.         if (this.status == 'exception') {

  390.           statusClass.push('cmd-progress-status-exception')

  391.         }

  392.         // 完成进度

  393.         if (this.status == 'success' || this.setProgress >= 100) {

  394.           statusClass.push('cmd-progress-status-success')

  395.         }

  396.         // 活动进度条

  397.         if (this.status == 'active') {

  398.           statusClass.push('cmd-progress-status-active')

  399.         }

  400.         // 是否显示信息

  401.         if (this.showInfo) {

  402.           statusClass.push('cmd-progress-show-info')

  403.         }

  404.         // 进度条类型

  405.         if (this.type === 'line') {

  406.           statusClass.push('cmd-progress-line')

  407.         }

  408.         // 进度圈、仪表盘类型

  409.         if (this.type === 'circle' || this.type === 'dashboard') {

  410.           statusClass.push('cmd-progress-circle')

  411.         }

  412.         statusClass.push('cmd-progress-status-normal')

  413.         return statusClass;

  414.       }

  415.     }

  416.   }

  417. </script>

  418. 

  419. <style>

  420.   .cmd-progress {

  421.     font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

  422.     font-size: 28upx;

  423.     font-variant: tabular-nums;

  424.     line-height: 1.5;

  425.     color: rgba(0, 0, 0, 0.65);

  426.     box-sizing: border-box;

  427.     margin: 0;

  428.     padding: 0;

  429.     list-style: none;

  430.     display: inline-block;

  431.   }

  432. 

  433.   .cmd-progress-line {

  434.     width: 100%;

  435.     font-size: 28upx;

  436.     position: relative;

  437.     display: flex;

  438.     flex-direction: row;

  439.     justify-content: center;

  440.     align-items: center;

  441.   }

  442. 

  443.   .cmd-progress-outer {

  444.     display: inline-block;

  445.     width: 100%;

  446.     margin-right: 0;

  447.     padding-right: 0;

  448.   }

  449. 

  450.   .cmd-progress-show-info .cmd-progress-outer {

  451.     flex: 1;

  452.   }

  453. 

  454.   .cmd-progress-inner {

  455.     display: inline-block;

  456.     width: 100%;

  457.     background-color: #f5f5f5;

  458.     border-radius: 200upx;

  459.     vertical-align: middle;

  460.     position: relative;

  461.   }

  462. 

  463.   .cmd-progress-circle-trail {

  464.     stroke: #f5f5f5;

  465.   }

  466. 

  467.   .cmd-progress-circle-path {

  468.     stroke: #1890ff;

  469.     animation: appear 0.3s;

  470.   }

  471. 

  472.   .cmd-progress-success-bg,

  473.   .cmd-progress-bg {

  474.     background-color: #1890ff;

  475.     transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;

  476.     position: relative;

  477.   }

  478. 

  479.   .cmd-progress-success-bg {

  480.     background-color: #fff;

  481.     position: absolute;

  482.     top: 0;

  483.     left: 0;

  484.   }

  485. 

  486.   .cmd-progress-custom {

  487.     max-width: 50%;

  488.     margin-left: 16upx;

  489.     vertical-align: middle;

  490.     display: inline-block;

  491.     white-space: normal;

  492.     word-wrap: break-word;

  493.     word-break: break-all;

  494.     line-height: 1;

  495.   }

  496. 

  497.   .cmd-progress-text {

  498.     min-width: 60upx;

  499.     text-align: left;

  500.     margin-left: 16upx;

  501.     vertical-align: middle;

  502.     display: inline-block;

  503.     white-space: normal;

  504.     color: rgba(255, 255, 255, 0.8);

  505.     line-height: 1;

  506.   }

  507. 

  508.   .cmd-progress-status-active .cmd-progress-bg:before {

  509.     content: "";

  510.     opacity: 0;

  511.     position: absolute;

  512.     top: 0;

  513.     left: 0;

  514.     right: 0;

  515.     bottom: 0;

  516.     background: #fff;

  517.     border-radius: 20upx;

  518.     -webkit-animation: cmd-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;

  519.     animation: cmd-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;

  520.   }

  521. 

  522.   .cmd-progress-status-exception .cmd-progress-bg {

  523.     background-color: #f5222d;

  524.   }

  525. 

  526.   .cmd-progress-status-exception .cmd-progress-text {

  527.     color: #f5222d;

  528.   }

  529. 

  530.   .cmd-progress-status-exception .cmd-progress-circle-path {

  531.     stroke: #f5222d;

  532.   }

  533. 

  534.   .cmd-progress-status-success .cmd-progress-bg {

  535.     background-color: #fff;

  536.   }

  537. 

  538.   .cmd-progress-status-success .cmd-progress-text {

  539.     color: #fff;

  540.   }

  541. 

  542.   .cmd-progress-status-success .cmd-progress-circle-path {

  543.     stroke: #fff;

  544.   }

  545. 

  546.   .cmd-progress-circle .cmd-progress-inner {

  547.     position: relative;

  548.     line-height: 1;

  549.     background-color: transparent;

  550.   }

  551. 

  552.   .cmd-progress-circle .cmd-progress-custom {

  553.     display: block;

  554.     position: absolute;

  555.     line-height: 1;

  556.     top: 50%;

  557.     -webkit-transform: translateY(-50%);

  558.     transform: translateY(-50%);

  559.     left: 25%;

  560.     right: 25%;

  561.     margin: 0;

  562.     overflow: hidden;

  563.     white-space: normal;

  564.     word-wrap: break-word;

  565.     word-break: break-all;

  566.   }

  567. 

  568.   .cmd-progress-circle .cmd-progress-text {

  569.     display: block;

  570.     position: absolute;

  571.     width: 100%;

  572.     text-align: center;

  573.     line-height: 1;

  574.     top: 50%;

  575.     -webkit-transform: translateY(-50%);

  576.     transform: translateY(-50%);

  577.     left: 0;

  578.     margin: 0;

  579.     color: rgba(0, 0, 0, 0.65);

  580.     white-space: normal;

  581.   }

  582. 

  583.   .cmd-progress-circle .cmd-progress-status-exception .cmd-progress-text {

  584.     color: #f5222d;

  585.   }

  586. 

  587.   .cmd-progress-circle .cmd-progress-status-success .cmd-progress-text {

  588.     color: #fff;

  589.   }

  590. 

  591.   @keyframes cmd-progress-active {

  592.     0% {

  593.       opacity: 0.1;

  594.       width: 0;

  595.     }

  596. 

  597.     20% {

  598.       opacity: 0.5;

  599.       width: 0;

  600.     }

  601. 

  602.     100% {

  603.       opacity: 0;

  604.       width: 100%;

  605.     }

  606.   }

  607. </style>

  608.

gaoyia-parse

components
wxParseAudio.vue
复制代码
  1. <template>

  2.     <!-- '<audio/>' 组件不再维护，建议使用能力更强的 'uni.createInnerAudioContext' 接口 有时间再改-->

  3.   <!--增加audio标签支持-->

  4.   <audio

  5.     :id="node.attr.id"

  6.     :class="node.classStr"

  7.     :style="node.styleStr"

  8.     :src="node.attr.src"

  9.     :loop="node.attr.loop"

  10.     :poster="node.attr.poster"

  11.     :name="node.attr.name"

  12.     :author="node.attr.author"

  13.     controls></audio>

  14. </template>

  15. 

  16. <script>

  17. export default {

  18.   name: 'wxParseAudio',

  19.   props: {

  20.     node: {

  21.       type: Object,

  22.       default() {

  23.         return {};

  24.       },

  25.     },

  26.   },

  27. };

  28. </script>

  29.
wxParseImg.vue
复制代码
  1. <template>

  2.     <image

  3.         :mode="node.attr.mode"

  4.         :lazy-load="node.attr.lazyLoad"

  5.         :class="node.classStr"

  6.         :style="newStyleStr || node.styleStr"

  7.         :data-src="node.attr.src"

  8.         :src="node.attr.src"

  9.         @tap="wxParseImgTap"

  10.         @load="wxParseImgLoad"

  11.     />

  12. </template>

  13. 

  14. <script>

  15. export default {

  16.     name: 'wxParseImg',

  17.     data() {

  18.         return {

  19.             newStyleStr: '',

  20.             preview: true

  21.         };

  22.     },

  23.     inject: ['parseWidth'],

  24.     mounted() {},

  25.     props: {

  26.         node: {

  27.             type: Object,

  28.             default() {

  29.                 return {};

  30.             }

  31.         }

  32.     },

  33.     

  34.     methods: {

  35.         wxParseImgTap(e) {

  36.             if (!this.preview) return;

  37.             const { src } = e.currentTarget.dataset;

  38.             if (!src) return;

  39.             let parent = this.$parent;

  40.             while (!parent.preview || typeof parent.preview !== 'function') {

  41.                 // TODO 遍历获取父节点执行方法

  42.                 parent = parent.$parent;

  43.             }

  44.             parent.preview(src, e);

  45.         },

  46.         // 图片视觉宽高计算函数区

  47.         wxParseImgLoad(e) {

  48.             const { src } = e.currentTarget.dataset;

  49.             if (!src) return;

  50.             let { width, height } = e.mp.detail;

  51. 

  52.             const recal = this.wxAutoImageCal(width, height);

  53. 

  54.             const { imageheight, imageWidth } = recal;

  55.             const { padding, mode } = this.node.attr;//删除padding

  56.             // const { mode } = this.node.attr;

  57. 

  58.             const { styleStr } = this.node;

  59.             const imageHeightStyle = mode === 'widthFix' ? '' : `height: ${imageheight}px;`;

  60. 

  61.             this.newStyleStr = `${styleStr}; ${imageHeightStyle}; width: ${imageWidth}px; padding: 0 ${+padding}px;`;//删除padding

  62.             // this.newStyleStr = `${styleStr}; ${imageHeightStyle}; width: ${imageWidth}px;`;

  63.         },

  64.         // 计算视觉优先的图片宽高

  65.         wxAutoImageCal(originalWidth, originalHeight) {

  66.             // 获取图片的原始长宽

  67.             const windowWidth = this.parseWidth.value;

  68.             const results = {};

  69. 

  70.             if (originalWidth < 60 || originalHeight < 60) {

  71.                 const { src } = this.node.attr;

  72.                 let parent = this.$parent;

  73.                 while (!parent.preview || typeof parent.preview !== 'function') {

  74.                     parent = parent.$parent;

  75.                 }

  76.                 parent.removeImageUrl(src);

  77.                 this.preview = false;

  78.             }

  79. 

  80.             // 判断按照那种方式进行缩放

  81.             if (originalWidth > windowWidth) {

  82.                 // 在图片width大于手机屏幕width时候

  83.                 results.imageWidth = windowWidth;

  84.                 results.imageheight = windowWidth * (originalHeight / originalWidth);

  85.             } else {

  86.                 // 否则展示原来的数据

  87.                 results.imageWidth = originalWidth;

  88.                 results.imageheight = originalHeight;

  89.             }

  90.             return results;

  91.         }

  92.     }

  93. };

  94. </script>

  95.
wxParseTable.vue
复制代码
  1. <template>

  2.     <rich-text :nodes="nodes"></rich-text>

  3. </template>

  4. 

  5. <script>

  6. export default {

  7.     name: 'wxParseTable',

  8.     props: {

  9.         node: {

  10.             type: Object,

  11.             default() {

  12.                 return {};

  13.             },

  14.         },

  15.     },

  16.     data() {

  17.         return {

  18.             nodes:[]

  19.         };

  20.     },

  21.     mounted() {

  22.         this.nodes=this.loadNode([this.node]);

  23.     },

  24.     methods: {

  25.         loadNode(node) {

  26.             let obj = [];

  27.             for (let children of node) {

  28.                 // console.log(children)

  29.                 if (children.node=='element') {

  30.                     let t = {

  31.                         name:children.tag,

  32.                         attrs: {

  33.                             class: children.classStr,

  34.                             // style: children.styleStr,

  35.                         },

  36.                         children: children.nodes?this.loadNode(children.nodes):[]

  37.                     }

  38.                     

  39.                     obj.push(t)

  40.                 } else if(children.node=='text'){

  41.                     obj.push({

  42.                         type: 'text',

  43.                         text: children.text

  44.                     })

  45.                 }

  46.             }

  47.             return obj

  48.         }

  49.     }

  50. };

  51. </script>

  52.
wxParseTemplate0.vue
复制代码
  1. <template>

  2.     <!--判断是否是标签节点-->

  3.     <block v-if="node.node == 'element'">

  4.         <!--button类型-->

  5.         <button v-if="node.tag == 'button'" type="default" size="mini" :class="node.classStr" :style="node.styleStr">

  6.             <wx-parse-template :node="node" />

  7.         </button>

  8.         

  9.         <!--a类型-->

  10.         <view v-else-if="node.tag == 'a'" @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  11.             <block v-for="(node, index) of node.nodes" :key="index">

  12.                 <wx-parse-template :node="node" />

  13.             </block>

  14.         </view>

  15.         

  16.         <!--li类型-->

  17.         <view v-else-if="node.tag == 'li'" :class="node.classStr" :style="node.styleStr">

  18.             <block v-for="(node, index) of node.nodes" :key="index">

  19.                 <wx-parse-template :node="node" />

  20.             </block>

  21.         </view>

  22.         

  23.         <!--table类型-->

  24.         <wx-parse-table v-else-if="node.tag == 'table'" :node="node" />

  25.         

  26.         <!--br类型-->

  27.         <!-- #ifndef H5 -->

  28.             <text v-else-if="node.tag == 'br'">\n</text>

  29.         <!-- #endif -->

  30.         <!-- #ifdef H5 -->

  31.             <br v-else-if="node.tag == 'br'">

  32.         <!-- #endif -->

  33.         

  34.         <!--video类型-->

  35.         <wx-parse-video :node="node" v-else-if="node.tag == 'video'"/>

  36.     

  37.         <!--audio类型-->

  38.         <wx-parse-audio :node="node" v-else-if="node.tag == 'audio'"/>

  39.     

  40.         <!--img类型-->

  41.         <wx-parse-img :node="node" v-else-if="node.tag == 'img'"/>

  42.     

  43.         <!--其他标签-->

  44.         <view v-else :class="node.classStr" :style="node.styleStr">

  45.             <block v-for="(node, index) of node.nodes" :key="index">

  46.                 <wx-parse-template :node="node" />

  47.             </block>

  48.         </view>

  49.     </block>

  50.     

  51.     <!--判断是否是文本节点-->

  52.     <block v-else-if="node.node == 'text'">{{node.text}}</block>

  53. </template>

  54. 

  55. <script>

  56.     import wxParseTemplate from './wxParseTemplate1';

  57.     import wxParseImg from './wxParseImg';

  58.     import wxParseVideo from './wxParseVideo';

  59.     import wxParseAudio from './wxParseAudio';

  60.     import wxParseTable from './wxParseTable';

  61. 

  62.     export default {

  63.         name: 'wxParseTemplate0',

  64.         props: {

  65.             node: {},

  66.         },

  67.         components: {

  68.             wxParseTemplate,

  69.             wxParseImg,

  70.             wxParseVideo,

  71.             wxParseAudio,

  72.             wxParseTable

  73.         },

  74.         methods: {

  75.             wxParseATap(e) {

  76.                 const {

  77.                     href

  78.                 } = e.currentTarget.dataset;// TODO currentTarget才有dataset

  79.                 if (!href) return;

  80.                 let parent = this.$parent;

  81.                 while(!parent.preview || typeof parent.preview !== 'function') {// TODO 遍历获取父节点执行方法

  82.                     parent = parent.$parent;

  83.                 }

  84.                 parent.navigate(href, e);

  85.             },

  86.         }

  87.     };

  88. </script>

  89.
wxParseTemplate1.vue
复制代码
  1. <template>

  2.     <!--判断是否是标签节点-->

  3.     <block v-if="node.node == 'element'">

  4.         <!--button类型-->

  5.         <button v-if="node.tag == 'button'" type="default" size="mini" :class="node.classStr" :style="node.styleStr">

  6.             <wx-parse-template :node="node" />

  7.         </button>

  8.         

  9.         <!--a类型-->

  10.         <view v-else-if="node.tag == 'a'" @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  11.             <block v-for="(node, index) of node.nodes" :key="index">

  12.                 <wx-parse-template :node="node" />

  13.             </block>

  14.         </view>

  15.         

  16.         <!--li类型-->

  17.         <view v-else-if="node.tag == 'li'" :class="node.classStr" :style="node.styleStr">

  18.             <block v-for="(node, index) of node.nodes" :key="index">

  19.                 <wx-parse-template :node="node" />

  20.             </block>

  21.         </view>

  22.         

  23.         <!--table类型-->

  24.         <wx-parse-table v-else-if="node.tag == 'table'" :class="node.classStr" :style="node.styleStr" :node="node" />

  25.         

  26.         <!--br类型-->

  27.         <!-- #ifndef H5 -->

  28.             <text v-else-if="node.tag == 'br'">\n</text>

  29.         <!-- #endif -->

  30.         <!-- #ifdef H5 -->

  31.             <br v-else-if="node.tag == 'br'">

  32.         <!-- #endif -->

  33.         

  34.         <!--video类型-->

  35.         <wx-parse-video :node="node" v-else-if="node.tag == 'video'"/>

  36.     

  37.         <!--audio类型-->

  38.         <wx-parse-audio :node="node" v-else-if="node.tag == 'audio'"/>

  39.     

  40.         <!--img类型-->

  41.         <wx-parse-img :node="node" v-else-if="node.tag == 'img'"/>

  42.     

  43.         <!--其他标签-->

  44.         <view v-else :class="node.classStr" :style="node.styleStr">

  45.             <block v-for="(node, index) of node.nodes" :key="index">

  46.                 <wx-parse-template :node="node" />

  47.             </block>

  48.         </view>

  49.     </block>

  50.     

  51.     <!--判断是否是文本节点-->

  52.     <block v-else-if="node.node == 'text'">{{node.text}}</block>

  53. </template>

  54. 

  55. <script>

  56.     import wxParseTemplate from './wxParseTemplate2';

  57.     import wxParseImg from './wxParseImg';

  58.     import wxParseVideo from './wxParseVideo';

  59.     import wxParseAudio from './wxParseAudio';

  60.     import wxParseTable from './wxParseTable';

  61.     

  62.     export default {

  63.         name: 'wxParseTemplate1',

  64.         props: {

  65.             node: {},

  66.         },

  67.         components: {

  68.             wxParseTemplate,

  69.             wxParseImg,

  70.             wxParseVideo,

  71.             wxParseAudio,

  72.             wxParseTable

  73.         },

  74.         methods: {

  75.             wxParseATap(e) {

  76.                 const {

  77.                     href

  78.                 } = e.currentTarget.dataset;

  79.                 if (!href) return;

  80.                 let parent = this.$parent;

  81.                 while(!parent.preview || typeof parent.preview !== 'function') {

  82.                     parent = parent.$parent;

  83.                 }

  84.                 parent.navigate(href, e);

  85.             },

  86.         },

  87.     };

  88. </script>

  89.
wxParseTemplate10.vue
复制代码
  1. <template>

  2.         <!--判断是否是标签节点-->

  3.     <block v-if="node.node == 'element'">

  4.         <!--button类型-->

  5.         <button v-if="node.tag == 'button'" type="default" size="mini" :class="node.classStr" :style="node.styleStr">

  6.             <wx-parse-template :node="node" />

  7.         </button>

  8.         

  9.         <!--a类型-->

  10.         <view v-else-if="node.tag == 'a'" @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  11.             <block v-for="(node, index) of node.nodes" :key="index">

  12.                 <wx-parse-template :node="node" />

  13.             </block>

  14.         </view>

  15.         

  16.         <!--li类型-->

  17.         <view v-else-if="node.tag == 'li'" :class="node.classStr" :style="node.styleStr">

  18.             <block v-for="(node, index) of node.nodes" :key="index">

  19.                 <wx-parse-template :node="node" />

  20.             </block>

  21.         </view>

  22.         

  23.         <!--table类型-->

  24.         <wx-parse-table v-else-if="node.tag == 'table'" :class="node.classStr" :style="node.styleStr" :node="node" />

  25.         

  26.         <!--br类型-->

  27.         <!-- #ifndef H5 -->

  28.             <text v-else-if="node.tag == 'br'">\n</text>

  29.         <!-- #endif -->

  30.         <!-- #ifdef H5 -->

  31.             <br v-else-if="node.tag == 'br'">

  32.         <!-- #endif -->

  33.         

  34.         <!--video类型-->

  35.         <wx-parse-video :node="node" v-else-if="node.tag == 'video'"/>

  36.     

  37.         <!--audio类型-->

  38.         <wx-parse-audio :node="node" v-else-if="node.tag == 'audio'"/>

  39.     

  40.         <!--img类型-->

  41.         <wx-parse-img :node="node" v-else-if="node.tag == 'img'"/>

  42.     

  43.         <!--其他标签-->

  44.         <view v-else :class="node.classStr" :style="node.styleStr">

  45.             <block v-for="(node, index) of node.nodes" :key="index">

  46.                 <wx-parse-template :node="node" />

  47.             </block>

  48.         </view>

  49.     </block>

  50.     

  51.     <!--判断是否是文本节点-->

  52.     <block v-else-if="node.node == 'text'">{{node.text}}</block>

  53. </template>

  54. 

  55. <script>

  56.     import wxParseTemplate from './wxParseTemplate11';

  57.     import wxParseImg from './wxParseImg';

  58.     import wxParseVideo from './wxParseVideo';

  59.     import wxParseAudio from './wxParseAudio';

  60.     import wxParseTable from './wxParseTable';

  61.     

  62.     export default {

  63.         name: 'wxParseTemplate10',

  64.         props: {

  65.             node: {},

  66.         },

  67.         components: {

  68.             wxParseTemplate,

  69.             wxParseImg,

  70.             wxParseVideo,

  71.             wxParseAudio,

  72.             wxParseTable

  73.         },

  74.         methods: {

  75.             wxParseATap(e) {

  76.                 const {

  77.                     href

  78.                 } = e.currentTarget.dataset;

  79.                 if (!href) return;

  80.                 let parent = this.$parent;

  81.                 while(!parent.preview || typeof parent.preview !== 'function') {

  82.                     parent = parent.$parent;

  83.                 }

  84.                 parent.navigate(href, e);

  85.             },

  86.         },

  87.     };

  88. </script>

  89.
wxParseTemplate11.vue
复制代码
  1. <template>

  2.         <!--判断是否是标签节点-->

  3.     <block v-if="node.node == 'element'">

  4.         <!--button类型-->

  5.         <button v-if="node.tag == 'button'" type="default" size="mini" :class="node.classStr" :style="node.styleStr">

  6.         </button>

  7.         

  8.         <!--a类型-->

  9.         <view v-else-if="node.tag == 'a'" @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  10.             <block v-for="(node, index) of node.nodes" :key="index">

  11.             </block>

  12.         </view>

  13.         

  14.         <!--li类型-->

  15.         <view v-else-if="node.tag == 'li'" :class="node.classStr" :style="node.styleStr">

  16.             <block v-for="(node, index) of node.nodes" :key="index">

  17.             </block>

  18.         </view>

  19.         

  20.         <!--table类型-->

  21.         <wx-parse-table v-else-if="node.tag == 'table'" :class="node.classStr" :style="node.styleStr" :node="node" />

  22. 

  23.         <!--br类型-->

  24.         <!-- #ifndef H5 -->

  25.             <text v-else-if="node.tag == 'br'">\n</text>

  26.         <!-- #endif -->

  27.         <!-- #ifdef H5 -->

  28.             <br v-else-if="node.tag == 'br'">

  29.         <!-- #endif -->

  30.         

  31.         <!--video类型-->

  32.         <wx-parse-video :node="node" v-else-if="node.tag == 'video'"/>

  33.     

  34.         <!--audio类型-->

  35.         <wx-parse-audio :node="node" v-else-if="node.tag == 'audio'"/>

  36.     

  37.         <!--img类型-->

  38.         <wx-parse-img :node="node" v-else-if="node.tag == 'img'"/>

  39.     

  40.         <!--其他标签-->

  41.         <view v-else :class="node.classStr" :style="node.styleStr">

  42.             <block v-for="(node, index) of node.nodes" :key="index">

  43.             </block>

  44.         </view>

  45.     </block>

  46.     

  47.     <!--判断是否是文本节点-->

  48.     <block v-else-if="node.node == 'text'">{{node.text}}</block>

  49. </template>

  50. 

  51. <script>

  52.     import wxParseImg from './wxParseImg';

  53.     import wxParseVideo from './wxParseVideo';

  54.     import wxParseAudio from './wxParseAudio';

  55.     import wxParseTable from './wxParseTable';

  56.     

  57.     export default {

  58.         name: 'wxParseTemplate11',

  59.         props: {

  60.             node: {},

  61.         },

  62.         components: {

  63.             wxParseImg,

  64.             wxParseVideo,

  65.             wxParseAudio,

  66.             wxParseTable

  67.         },

  68.         methods: {

  69.             wxParseATap(e) {

  70.                 const {

  71.                     href

  72.                 } = e.currentTarget.dataset;

  73.                 if (!href) return;

  74.                 let parent = this.$parent;

  75.                 while(!parent.preview || typeof parent.preview !== 'function') {

  76.                     parent = parent.$parent;

  77.                 }

  78.                 parent.navigate(href, e);

  79.             },

  80.         },

  81.     };

  82. </script>

  83.
wxParseTemplate2.vue
复制代码
  1. <template>

  2.         <!--判断是否是标签节点-->

  3.     <block v-if="node.node == 'element'">

  4.         <!--button类型-->

  5.         <button v-if="node.tag == 'button'" type="default" size="mini" :class="node.classStr" :style="node.styleStr">

  6.             <wx-parse-template :node="node" />

  7.         </button>

  8.         

  9.         <!--a类型-->

  10.         <view v-else-if="node.tag == 'a'" @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  11.             <block v-for="(node, index) of node.nodes" :key="index">

  12.                 <wx-parse-template :node="node" />

  13.             </block>

  14.         </view>

  15.         

  16.         <!--li类型-->

  17.         <view v-else-if="node.tag == 'li'" :class="node.classStr" :style="node.styleStr">

  18.             <block v-for="(node, index) of node.nodes" :key="index">

  19.                 <wx-parse-template :node="node" />

  20.             </block>

  21.         </view>

  22.         

  23.         <!--table类型-->

  24.         <wx-parse-table v-else-if="node.tag == 'table'" :class="node.classStr" :style="node.styleStr" :node="node" />

  25.         

  26.         <!--br类型-->

  27.         <!-- #ifndef H5 -->

  28.             <text v-else-if="node.tag == 'br'">\n</text>

  29.         <!-- #endif -->

  30.         <!-- #ifdef H5 -->

  31.             <br v-else-if="node.tag == 'br'">

  32.         <!-- #endif -->

  33.         

  34.         <!--video类型-->

  35.         <wx-parse-video :node="node" v-else-if="node.tag == 'video'"/>

  36.     

  37.         <!--audio类型-->

  38.         <wx-parse-audio :node="node" v-else-if="node.tag == 'audio'"/>

  39.     

  40.         <!--img类型-->

  41.         <wx-parse-img :node="node" v-else-if="node.tag == 'img'"/>

  42.     

  43.         <!--其他标签-->

  44.         <view v-else :class="node.classStr" :style="node.styleStr">

  45.             <block v-for="(node, index) of node.nodes" :key="index">

  46.                 <wx-parse-template :node="node" />

  47.             </block>

  48.         </view>

  49.     </block>

  50.     

  51.     <!--判断是否是文本节点-->

  52.     <block v-else-if="node.node == 'text'">{{node.text}}</block>

  53. </template>

  54. 

  55. <script>

  56.     import wxParseTemplate from './wxParseTemplate3';

  57.     import wxParseImg from './wxParseImg';

  58.     import wxParseVideo from './wxParseVideo';

  59.     import wxParseAudio from './wxParseAudio';

  60.     import wxParseTable from './wxParseTable';

  61.     

  62.     export default {

  63.         name: 'wxParseTemplate2',

  64.         props: {

  65.             node: {},

  66.         },

  67.         components: {

  68.             wxParseTemplate,

  69.             wxParseImg,

  70.             wxParseVideo,

  71.             wxParseAudio,

  72.             wxParseTable

  73.         },

  74.         methods: {

  75.             wxParseATap(e) {

  76.                 const {

  77.                     href

  78.                 } = e.currentTarget.dataset;

  79.                 if (!href) return;

  80.                 let parent = this.$parent;

  81.                 while(!parent.preview || typeof parent.preview !== 'function') {

  82.                     parent = parent.$parent;

  83.                 }

  84.                 parent.navigate(href, e);

  85.             },

  86.         },

  87.     };

  88. </script>

  89.
wxParseTemplate3.vue
复制代码
  1. <template>

  2.         <!--判断是否是标签节点-->

  3.     <block v-if="node.node == 'element'">

  4.         <!--button类型-->

  5.         <button v-if="node.tag == 'button'" type="default" size="mini" :class="node.classStr" :style="node.styleStr">

  6.             <wx-parse-template :node="node" />

  7.         </button>

  8.         

  9.         <!--a类型-->

  10.         <view v-else-if="node.tag == 'a'" @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  11.             <block v-for="(node, index) of node.nodes" :key="index">

  12.                 <wx-parse-template :node="node" />

  13.             </block>

  14.         </view>

  15.         

  16.         <!--li类型-->

  17.         <view v-else-if="node.tag == 'li'" :class="node.classStr" :style="node.styleStr">

  18.             <block v-for="(node, index) of node.nodes" :key="index">

  19.                 <wx-parse-template :node="node" />

  20.             </block>

  21.         </view>

  22.         

  23.         <!--table类型-->

  24.         <wx-parse-table v-else-if="node.tag == 'table'" :class="node.classStr" :style="node.styleStr" :node="node" />

  25.         

  26.         <!--br类型-->

  27.         <!-- #ifndef H5 -->

  28.             <text v-else-if="node.tag == 'br'">\n</text>

  29.         <!-- #endif -->

  30.         <!-- #ifdef H5 -->

  31.             <br v-else-if="node.tag == 'br'">

  32.         <!-- #endif -->

  33.         

  34.         <!--video类型-->

  35.         <wx-parse-video :node="node" v-else-if="node.tag == 'video'"/>

  36.     

  37.         <!--audio类型-->

  38.         <wx-parse-audio :node="node" v-else-if="node.tag == 'audio'"/>

  39.     

  40.         <!--img类型-->

  41.         <wx-parse-img :node="node" v-else-if="node.tag == 'img'"/>

  42.     

  43.         <!--其他标签-->

  44.         <view v-else :class="node.classStr" :style="node.styleStr">

  45.             <block v-for="(node, index) of node.nodes" :key="index">

  46.                 <wx-parse-template :node="node" />

  47.             </block>

  48.         </view>

  49.     </block>

  50.     

  51.     <!--判断是否是文本节点-->

  52.     <block v-else-if="node.node == 'text'">{{node.text}}</block>

  53. </template>

  54. 

  55. <script>

  56.     import wxParseTemplate from './wxParseTemplate4';

  57.     import wxParseImg from './wxParseImg';

  58.     import wxParseVideo from './wxParseVideo';

  59.     import wxParseAudio from './wxParseAudio';

  60.     import wxParseTable from './wxParseTable';

  61.     

  62.     export default {

  63.         name: 'wxParseTemplate3',

  64.         props: {

  65.             node: {},

  66.         },

  67.         components: {

  68.             wxParseTemplate,

  69.             wxParseImg,

  70.             wxParseVideo,

  71.             wxParseAudio,

  72.             wxParseTable

  73.         },

  74.         methods: {

  75.             wxParseATap(e) {

  76.                 const {

  77.                     href

  78.                 } = e.currentTarget.dataset;

  79.                 if (!href) return;

  80.                 let parent = this.$parent;

  81.                 while(!parent.preview || typeof parent.preview !== 'function') {

  82.                     parent = parent.$parent;

  83.                 }

  84.                 parent.navigate(href, e);

  85.             },

  86.         },

  87.     };

  88. </script>

  89.
wxParseTemplate4.vue
复制代码
  1. <template>

  2.         <!--判断是否是标签节点-->

  3.     <block v-if="node.node == 'element'">

  4.         <!--button类型-->

  5.         <button v-if="node.tag == 'button'" type="default" size="mini" :class="node.classStr" :style="node.styleStr">

  6.             <wx-parse-template :node="node" />

  7.         </button>

  8.         

  9.         <!--a类型-->

  10.         <view v-else-if="node.tag == 'a'" @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  11.             <block v-for="(node, index) of node.nodes" :key="index">

  12.                 <wx-parse-template :node="node" />

  13.             </block>

  14.         </view>

  15.         

  16.         <!--li类型-->

  17.         <view v-else-if="node.tag == 'li'" :class="node.classStr" :style="node.styleStr">

  18.             <block v-for="(node, index) of node.nodes" :key="index">

  19.                 <wx-parse-template :node="node" />

  20.             </block>

  21.         </view>

  22.         

  23.         <!--table类型-->

  24.         <wx-parse-table v-else-if="node.tag == 'table'" :class="node.classStr" :style="node.styleStr" :node="node" />

  25.         

  26.         <!--br类型-->

  27.         <!-- #ifndef H5 -->

  28.             <text v-else-if="node.tag == 'br'">\n</text>

  29.         <!-- #endif -->

  30.         <!-- #ifdef H5 -->

  31.             <br v-else-if="node.tag == 'br'">

  32.         <!-- #endif -->

  33.         

  34.         <!--video类型-->

  35.         <wx-parse-video :node="node" v-else-if="node.tag == 'video'"/>

  36.     

  37.         <!--audio类型-->

  38.         <wx-parse-audio :node="node" v-else-if="node.tag == 'audio'"/>

  39.     

  40.         <!--img类型-->

  41.         <wx-parse-img :node="node" v-else-if="node.tag == 'img'"/>

  42.     

  43.         <!--其他标签-->

  44.         <view v-else :class="node.classStr" :style="node.styleStr">

  45.             <block v-for="(node, index) of node.nodes" :key="index">

  46.                 <wx-parse-template :node="node" />

  47.             </block>

  48.         </view>

  49.     </block>

  50.     

  51.     <!--判断是否是文本节点-->

  52.     <block v-else-if="node.node == 'text'">{{node.text}}</block>

  53. </template>

  54. 

  55. <script>

  56.     import wxParseTemplate from './wxParseTemplate5';

  57.     import wxParseImg from './wxParseImg';

  58.     import wxParseVideo from './wxParseVideo';

  59.     import wxParseAudio from './wxParseAudio';

  60.     import wxParseTable from './wxParseTable';

  61.     

  62.     export default {

  63.         name: 'wxParseTemplate4',

  64.         props: {

  65.             node: {},

  66.         },

  67.         components: {

  68.             wxParseTemplate,

  69.             wxParseImg,

  70.             wxParseVideo,

  71.             wxParseAudio,

  72.             wxParseTable

  73.         },

  74.         methods: {

  75.             wxParseATap(e) {

  76.                 const {

  77.                     href

  78.                 } = e.currentTarget.dataset;

  79.                 if (!href) return;

  80.                 let parent = this.$parent;

  81.                 while(!parent.preview || typeof parent.preview !== 'function') {

  82.                     parent = parent.$parent;

  83.                 }

  84.                 parent.navigate(href, e);

  85.             },

  86.         },

  87.     };

  88. </script>

  89.
wxParseTemplate5.vue
复制代码
  1. <template>

  2.         <!--判断是否是标签节点-->

  3.     <block v-if="node.node == 'element'">

  4.         <!--button类型-->

  5.         <button v-if="node.tag == 'button'" type="default" size="mini" :class="node.classStr" :style="node.styleStr">

  6.             <wx-parse-template :node="node" />

  7.         </button>

  8.         

  9.         <!--a类型-->

  10.         <view v-else-if="node.tag == 'a'" @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  11.             <block v-for="(node, index) of node.nodes" :key="index">

  12.                 <wx-parse-template :node="node" />

  13.             </block>

  14.         </view>

  15.         

  16.         <!--li类型-->

  17.         <view v-else-if="node.tag == 'li'" :class="node.classStr" :style="node.styleStr">

  18.             <block v-for="(node, index) of node.nodes" :key="index">

  19.                 <wx-parse-template :node="node" />

  20.             </block>

  21.         </view>

  22.         

  23.         <!--table类型-->

  24.         <wx-parse-table v-else-if="node.tag == 'table'" :class="node.classStr" :style="node.styleStr" :node="node" />

  25.         

  26.         <!--br类型-->

  27.         <!-- #ifndef H5 -->

  28.             <text v-else-if="node.tag == 'br'">\n</text>

  29.         <!-- #endif -->

  30.         <!-- #ifdef H5 -->

  31.             <br v-else-if="node.tag == 'br'">

  32.         <!-- #endif -->

  33.         

  34.         <!--video类型-->

  35.         <wx-parse-video :node="node" v-else-if="node.tag == 'video'"/>

  36.     

  37.         <!--audio类型-->

  38.         <wx-parse-audio :node="node" v-else-if="node.tag == 'audio'"/>

  39.     

  40.         <!--img类型-->

  41.         <wx-parse-img :node="node" v-else-if="node.tag == 'img'"/>

  42.     

  43.         <!--其他标签-->

  44.         <view v-else :class="node.classStr" :style="node.styleStr">

  45.             <block v-for="(node, index) of node.nodes" :key="index">

  46.                 <wx-parse-template :node="node" />

  47.             </block>

  48.         </view>

  49.     </block>

  50.     

  51.     <!--判断是否是文本节点-->

  52.     <block v-else-if="node.node == 'text'">{{node.text}}</block>

  53. </template>

  54. 

  55. <script>

  56.     import wxParseTemplate from './wxParseTemplate6';

  57.     import wxParseImg from './wxParseImg';

  58.     import wxParseVideo from './wxParseVideo';

  59.     import wxParseAudio from './wxParseAudio';

  60.     import wxParseTable from './wxParseTable';

  61.     

  62.     export default {

  63.         name: 'wxParseTemplate5',

  64.         props: {

  65.             node: {},

  66.         },

  67.         components: {

  68.             wxParseTemplate,

  69.             wxParseImg,

  70.             wxParseVideo,

  71.             wxParseAudio,

  72.             wxParseTable

  73.         },

  74.         methods: {

  75.             wxParseATap(e) {

  76.                 const {

  77.                     href

  78.                 } = e.currentTarget.dataset;

  79.                 if (!href) return;

  80.                 let parent = this.$parent;

  81.                 while(!parent.preview || typeof parent.preview !== 'function') {

  82.                     parent = parent.$parent;

  83.                 }

  84.                 parent.navigate(href, e);

  85.             },

  86.         },

  87.     };

  88. </script>

  89.
wxParseTemplate6.vue
复制代码
  1. <template>

  2.         <!--判断是否是标签节点-->

  3.     <block v-if="node.node == 'element'">

  4.         <!--button类型-->

  5.         <button v-if="node.tag == 'button'" type="default" size="mini" :class="node.classStr" :style="node.styleStr">

  6.             <wx-parse-template :node="node" />

  7.         </button>

  8.         

  9.         <!--a类型-->

  10.         <view v-else-if="node.tag == 'a'" @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  11.             <block v-for="(node, index) of node.nodes" :key="index">

  12.                 <wx-parse-template :node="node" />

  13.             </block>

  14.         </view>

  15.         

  16.         <!--li类型-->

  17.         <view v-else-if="node.tag == 'li'" :class="node.classStr" :style="node.styleStr">

  18.             <block v-for="(node, index) of node.nodes" :key="index">

  19.                 <wx-parse-template :node="node" />

  20.             </block>

  21.         </view>

  22.         

  23.         <!--table类型-->

  24.         <wx-parse-table v-else-if="node.tag == 'table'" :class="node.classStr" :style="node.styleStr" :node="node" />

  25.         

  26.         <!--br类型-->

  27.         <!-- #ifndef H5 -->

  28.             <text v-else-if="node.tag == 'br'">\n</text>

  29.         <!-- #endif -->

  30.         <!-- #ifdef H5 -->

  31.             <br v-else-if="node.tag == 'br'">

  32.         <!-- #endif -->

  33.         

  34.         <!--video类型-->

  35.         <wx-parse-video :node="node" v-else-if="node.tag == 'video'"/>

  36.     

  37.         <!--audio类型-->

  38.         <wx-parse-audio :node="node" v-else-if="node.tag == 'audio'"/>

  39.     

  40.         <!--img类型-->

  41.         <wx-parse-img :node="node" v-else-if="node.tag == 'img'"/>

  42.     

  43.         <!--其他标签-->

  44.         <view v-else :class="node.classStr" :style="node.styleStr">

  45.             <block v-for="(node, index) of node.nodes" :key="index">

  46.                 <wx-parse-template :node="node" />

  47.             </block>

  48.         </view>

  49.     </block>

  50.     

  51.     <!--判断是否是文本节点-->

  52.     <block v-else-if="node.node == 'text'">{{node.text}}</block>

  53. </template>

  54. 

  55. <script>

  56.     import wxParseTemplate from './wxParseTemplate7';

  57.     import wxParseImg from './wxParseImg';

  58.     import wxParseVideo from './wxParseVideo';

  59.     import wxParseAudio from './wxParseAudio';

  60.     import wxParseTable from './wxParseTable';

  61.     

  62.     export default {

  63.         name: 'wxParseTemplate6',

  64.         props: {

  65.             node: {},

  66.         },

  67.         components: {

  68.             wxParseTemplate,

  69.             wxParseImg,

  70.             wxParseVideo,

  71.             wxParseAudio,

  72.             wxParseTable

  73.         },

  74.         methods: {

  75.             wxParseATap(e) {

  76.                 const {

  77.                     href

  78.                 } = e.currentTarget.dataset;

  79.                 if (!href) return;

  80.                 let parent = this.$parent;

  81.                 while(!parent.preview || typeof parent.preview !== 'function') {

  82.                     parent = parent.$parent;

  83.                 }

  84.                 parent.navigate(href, e);

  85.             },

  86.         },

  87.     };

  88. </script>

  89.
wxParseTemplate7.vue
复制代码
  1. <template>

  2.         <!--判断是否是标签节点-->

  3.     <block v-if="node.node == 'element'">

  4.         <!--button类型-->

  5.         <button v-if="node.tag == 'button'" type="default" size="mini" :class="node.classStr" :style="node.styleStr">

  6.             <wx-parse-template :node="node" />

  7.         </button>

  8.         

  9.         <!--a类型-->

  10.         <view v-else-if="node.tag == 'a'" @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  11.             <block v-for="(node, index) of node.nodes" :key="index">

  12.                 <wx-parse-template :node="node" />

  13.             </block>

  14.         </view>

  15.         

  16.         <!--li类型-->

  17.         <view v-else-if="node.tag == 'li'" :class="node.classStr" :style="node.styleStr">

  18.             <block v-for="(node, index) of node.nodes" :key="index">

  19.                 <wx-parse-template :node="node" />

  20.             </block>

  21.         </view>

  22.         

  23.         <!--table类型-->

  24.         <wx-parse-table v-else-if="node.tag == 'table'" :class="node.classStr" :style="node.styleStr" :node="node" />

  25.         

  26.         <!--br类型-->

  27.         <!-- #ifndef H5 -->

  28.             <text v-else-if="node.tag == 'br'">\n</text>

  29.         <!-- #endif -->

  30.         <!-- #ifdef H5 -->

  31.             <br v-else-if="node.tag == 'br'">

  32.         <!-- #endif -->

  33.         

  34.         <!--video类型-->

  35.         <wx-parse-video :node="node" v-else-if="node.tag == 'video'"/>

  36.     

  37.         <!--audio类型-->

  38.         <wx-parse-audio :node="node" v-else-if="node.tag == 'audio'"/>

  39.     

  40.         <!--img类型-->

  41.         <wx-parse-img :node="node" v-else-if="node.tag == 'img'"/>

  42.     

  43.         <!--其他标签-->

  44.         <view v-else :class="node.classStr" :style="node.styleStr">

  45.             <block v-for="(node, index) of node.nodes" :key="index">

  46.                 <wx-parse-template :node="node" />

  47.             </block>

  48.         </view>

  49.     </block>

  50.     

  51.     <!--判断是否是文本节点-->

  52.     <block v-else-if="node.node == 'text'">{{node.text}}</block>

  53. </template>

  54. 

  55. <script>

  56.     import wxParseTemplate from './wxParseTemplate8';

  57.     import wxParseImg from './wxParseImg';

  58.     import wxParseVideo from './wxParseVideo';

  59.     import wxParseAudio from './wxParseAudio';

  60.     import wxParseTable from './wxParseTable';

  61.     

  62.     export default {

  63.         name: 'wxParseTemplate7',

  64.         props: {

  65.             node: {},

  66.         },

  67.         components: {

  68.             wxParseTemplate,

  69.             wxParseImg,

  70.             wxParseVideo,

  71.             wxParseAudio,

  72.             wxParseTable

  73.         },

  74.         methods: {

  75.             wxParseATap(e) {

  76.                 const {

  77.                     href

  78.                 } = e.currentTarget.dataset;

  79.                 if (!href) return;

  80.                 let parent = this.$parent;

  81.                 while(!parent.preview || typeof parent.preview !== 'function') {

  82.                     parent = parent.$parent;

  83.                 }

  84.                 parent.navigate(href, e);

  85.             },

  86.         },

  87.     };

  88. </script>

  89.
wxParseTemplate8.vue
复制代码
  1. <template>

  2.         <!--判断是否是标签节点-->

  3.     <block v-if="node.node == 'element'">

  4.         <!--button类型-->

  5.         <button v-if="node.tag == 'button'" type="default" size="mini" :class="node.classStr" :style="node.styleStr">

  6.             <wx-parse-template :node="node" />

  7.         </button>

  8.         

  9.         <!--a类型-->

  10.         <view v-else-if="node.tag == 'a'" @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  11.             <block v-for="(node, index) of node.nodes" :key="index">

  12.                 <wx-parse-template :node="node" />

  13.             </block>

  14.         </view>

  15.         

  16.         <!--li类型-->

  17.         <view v-else-if="node.tag == 'li'" :class="node.classStr" :style="node.styleStr">

  18.             <block v-for="(node, index) of node.nodes" :key="index">

  19.                 <wx-parse-template :node="node" />

  20.             </block>

  21.         </view>

  22.         

  23.         <!--table类型-->

  24.         <wx-parse-table v-else-if="node.tag == 'table'" :class="node.classStr" :style="node.styleStr" :node="node" />

  25. 

  26.         <!--br类型-->

  27.         <!-- #ifndef H5 -->

  28.             <text v-else-if="node.tag == 'br'">\n</text>

  29.         <!-- #endif -->

  30.         <!-- #ifdef H5 -->

  31.             <br v-else-if="node.tag == 'br'">

  32.         <!-- #endif -->

  33.         

  34.         <!--video类型-->

  35.         <wx-parse-video :node="node" v-else-if="node.tag == 'video'"/>

  36.     

  37.         <!--audio类型-->

  38.         <wx-parse-audio :node="node" v-else-if="node.tag == 'audio'"/>

  39.     

  40.         <!--img类型-->

  41.         <wx-parse-img :node="node" v-else-if="node.tag == 'img'"/>

  42.     

  43.         <!--其他标签-->

  44.         <view v-else :class="node.classStr" :style="node.styleStr">

  45.             <block v-for="(node, index) of node.nodes" :key="index">

  46.                 <wx-parse-template :node="node" />

  47.             </block>

  48.         </view>

  49.     </block>

  50.     

  51.     <!--判断是否是文本节点-->

  52.     <block v-else-if="node.node == 'text'">{{node.text}}</block>

  53. </template>

  54. 

  55. <script>

  56.     import wxParseTemplate from './wxParseTemplate9';

  57.     import wxParseImg from './wxParseImg';

  58.     import wxParseVideo from './wxParseVideo';

  59.     import wxParseAudio from './wxParseAudio';

  60.     import wxParseTable from './wxParseTable';

  61.     

  62.     export default {

  63.         name: 'wxParseTemplate8',

  64.         props: {

  65.             node: {},

  66.         },

  67.         components: {

  68.             wxParseTemplate,

  69.             wxParseImg,

  70.             wxParseVideo,

  71.             wxParseAudio,

  72.             wxParseTable

  73.         },

  74.         methods: {

  75.             wxParseATap(e) {

  76.                 const {

  77.                     href

  78.                 } = e.currentTarget.dataset;

  79.                 if (!href) return;

  80.                 let parent = this.$parent;

  81.                 while(!parent.preview || typeof parent.preview !== 'function') {

  82.                     parent = parent.$parent;

  83.                 }

  84.                 parent.navigate(href, e);

  85.             },

  86.         },

  87.     };

  88. </script>

  89.
wxParseTemplate9.vue
复制代码
  1. <template>

  2.         <!--判断是否是标签节点-->

  3.     <block v-if="node.node == 'element'">

  4.         <!--button类型-->

  5.         <button v-if="node.tag == 'button'" type="default" size="mini" :class="node.classStr" :style="node.styleStr">

  6.             <wx-parse-template :node="node" />

  7.         </button>

  8.         

  9.         <!--a类型-->

  10.         <view v-else-if="node.tag == 'a'" @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  11.             <block v-for="(node, index) of node.nodes" :key="index">

  12.                 <wx-parse-template :node="node" />

  13.             </block>

  14.         </view>

  15.         

  16.         <!--li类型-->

  17.         <view v-else-if="node.tag == 'li'" :class="node.classStr" :style="node.styleStr">

  18.             <block v-for="(node, index) of node.nodes" :key="index">

  19.                 <wx-parse-template :node="node" />

  20.             </block>

  21.         </view>

  22.         

  23.         <!--table类型-->

  24.         <wx-parse-table v-else-if="node.tag == 'table'" :class="node.classStr" :style="node.styleStr" :node="node" />

  25.         

  26.         <!--br类型-->

  27.         <!-- #ifndef H5 -->

  28.             <text v-else-if="node.tag == 'br'">\n</text>

  29.         <!-- #endif -->

  30.         <!-- #ifdef H5 -->

  31.             <br v-else-if="node.tag == 'br'">

  32.         <!-- #endif -->

  33.         

  34.         <!--video类型-->

  35.         <wx-parse-video :node="node" v-else-if="node.tag == 'video'"/>

  36.     

  37.         <!--audio类型-->

  38.         <wx-parse-audio :node="node" v-else-if="node.tag == 'audio'"/>

  39.     

  40.         <!--img类型-->

  41.         <wx-parse-img :node="node" v-else-if="node.tag == 'img'"/>

  42.     

  43.         <!--其他标签-->

  44.         <view v-else :class="node.classStr" :style="node.styleStr">

  45.             <block v-for="(node, index) of node.nodes" :key="index">

  46.                 <wx-parse-template :node="node" />

  47.             </block>

  48.         </view>

  49.     </block>

  50.     

  51.     <!--判断是否是文本节点-->

  52.     <block v-else-if="node.node == 'text'">{{node.text}}</block>

  53. </template>

  54. 

  55. <script>

  56.     import wxParseTemplate from './wxParseTemplate10';

  57.     import wxParseImg from './wxParseImg';

  58.     import wxParseVideo from './wxParseVideo';

  59.     import wxParseAudio from './wxParseAudio';

  60.     import wxParseTable from './wxParseTable';

  61.     

  62.     export default {

  63.         name: 'wxParseTemplate9',

  64.         props: {

  65.             node: {},

  66.         },

  67.         components: {

  68.             wxParseTemplate,

  69.             wxParseImg,

  70.             wxParseVideo,

  71.             wxParseAudio,

  72.             wxParseTable

  73.         },

  74.         methods: {

  75.             wxParseATap(e) {

  76.                 const {

  77.                     href

  78.                 } = e.currentTarget.dataset;

  79.                 if (!href) return;

  80.                 let parent = this.$parent;

  81.                 while(!parent.preview || typeof parent.preview !== 'function') {

  82.                     parent = parent.$parent;

  83.                 }

  84.                 parent.navigate(href, e);

  85.             },

  86.         },

  87.     };

  88. </script>

  89.
wxParseVideo.vue
复制代码
  1. <template>

  2.   <!--增加video标签支持，并循环添加-->

  3.   <view :class="node.classStr" :style="node.styleStr">

  4.     <video :class="node.classStr" :style="node.styleStr" class="video-video" :src="node.attr.src" :poster="node.attr.poster"></video>

  5.   </view>

  6. </template>

  7. 

  8. <script>

  9. export default {

  10.   name: 'wxParseVideo',

  11.   props: {

  12.     node: {},

  13.   },

  14. };

  15. </script>

  16.
libs
html2json.js
复制代码
  1. /**

  2.  * html2Json 改造来自: https://github.com/Jxck/html2json

  3.  *

  4.  *

  5.  * author: Di (微信小程序开发工程师)

  6.  * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)

  7.  *               垂直微信小程序开发交流社区

  8.  *

  9.  * github地址: https://github.com/icindy/wxParse

  10.  *

  11.  * for: 微信小程序富文本解析

  12.  * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184

  13.  */

  14. 

  15. import wxDiscode from './wxDiscode';

  16. import HTMLParser from './htmlparser';

  17. 

  18. function makeMap(str) {

  19.   const obj = {};

  20.   const items = str.split(',');

  21.   for (let i = 0; i < items.length; i += 1) obj[items[i]] = true;

  22.   return obj;

  23. }

  24. 

  25. // Block Elements - HTML 5

  26. const block = makeMap('br,code,address,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video');

  27. 

  28. // Inline Elements - HTML 5

  29. const inline = makeMap('a,abbr,acronym,applet,b,basefont,bdo,big,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var');

  30. 

  31. // Elements that you can, intentionally, leave open

  32. // (and which close themselves)

  33. const closeSelf = makeMap('colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr');

  34. 

  35. function removeDOCTYPE(html) {

  36.   const isDocument = /<body.*>([^]*)<\/body>/.test(html);

  37.   return isDocument ? RegExp.$1 : html;

  38. }

  39. 

  40. function trimHtml(html) {

  41.   return html

  42.     .replace(/<!--.*?-->/gi, '')

  43.     .replace(/\/\*.*?\*\//gi, '')

  44.     .replace(/[ ]+</gi, '<')

  45.     .replace(/<script[^]*<\/script>/gi, '')

  46.     .replace(/<style[^]*<\/style>/gi, '');

  47. }

  48. 

  49. function getScreenInfo() {

  50.   const screen = {};

  51.   wx.getSystemInfo({

  52.     success: (res) => {

  53.       screen.width = res.windowWidth;

  54.       screen.height = res.windowHeight;

  55.     },

  56.   });

  57.   return screen;

  58. }

  59. 

  60. function html2json(html, customHandler, imageProp, host) {

  61.   // 处理字符串

  62.   html = removeDOCTYPE(html);

  63.   html = trimHtml(html);

  64.   html = wxDiscode.strDiscode(html);

  65.   // 生成node节点

  66.   const bufArray = [];

  67.   const results = {

  68.     nodes: [],

  69.     imageUrls: [],

  70.   };

  71. 

  72.     const screen = getScreenInfo();

  73.   function Node(tag) {

  74.     this.node = 'element';

  75.     this.tag = tag;

  76.         

  77.         this.$screen = screen;

  78.   }

  79. 

  80.   HTMLParser(html, {

  81.     start(tag, attrs, unary) {

  82.       // node for this element

  83.       const node = new Node(tag);

  84. 

  85.       if (bufArray.length !== 0) {

  86.         const parent = bufArray[0];

  87.         if (parent.nodes === undefined) {

  88.           parent.nodes = [];

  89.         }

  90.       }

  91. 

  92.       if (block[tag]) {

  93.         node.tagType = 'block';

  94.       } else if (inline[tag]) {

  95.         node.tagType = 'inline';

  96.       } else if (closeSelf[tag]) {

  97.         node.tagType = 'closeSelf';

  98.       }

  99. 

  100.       node.attr = attrs.reduce((pre, attr) => {

  101.         const { name } = attr;

  102.         let { value } = attr;

  103.         if (name === 'class') {

  104.           node.classStr = value;

  105.         }

  106.         // has multi attibutes

  107.         // make it array of attribute

  108.         if (name === 'style') {

  109.           node.styleStr = value;

  110.         }

  111.         if (value.match(/ /)) {

  112.           value = value.split(' ');

  113.         }

  114. 

  115.         // if attr already exists

  116.         // merge it

  117.         if (pre[name]) {

  118.           if (Array.isArray(pre[name])) {

  119.             // already array, push to last

  120.             pre[name].push(value);

  121.           } else {

  122.             // single value, make it array

  123.             pre[name] = [pre[name], value];

  124.           }

  125.         } else {

  126.           // not exist, put it

  127.           pre[name] = value;

  128.         }

  129. 

  130.         return pre;

  131.       }, {});

  132. 

  133.       // 优化样式相关属性

  134.       if (node.classStr) {

  135.         node.classStr += ` ${node.tag}`;

  136.       } else {

  137.         node.classStr = node.tag;

  138.       }

  139.       if (node.tagType === 'inline') {

  140.         node.classStr += ' inline';

  141.       }

  142. 

  143.       // 对img添加额外数据

  144.       if (node.tag === 'img') {

  145.         let imgUrl = node.attr.src;

  146.         imgUrl = wxDiscode.urlToHttpUrl(imgUrl, imageProp.domain);

  147.         Object.assign(node.attr, imageProp, {

  148.           src: imgUrl || '',

  149.         });

  150.         if (imgUrl) {

  151.           results.imageUrls.push(imgUrl);

  152.         }

  153.       }

  154. 

  155.       // 处理a标签属性

  156.       if (node.tag === 'a') {

  157.         node.attr.href = node.attr.href || '';

  158.       }

  159. 

  160.       // 处理font标签样式属性

  161.       if (node.tag === 'font') {

  162.         const fontSize = [

  163.           'x-small',

  164.           'small',

  165.           'medium',

  166.           'large',

  167.           'x-large',

  168.           'xx-large',

  169.           '-webkit-xxx-large',

  170.         ];

  171.         const styleAttrs = {

  172.           color: 'color',

  173.           face: 'font-family',

  174.           size: 'font-size',

  175.         };

  176.         if (!node.styleStr) node.styleStr = '';

  177.         Object.keys(styleAttrs).forEach((key) => {

  178.           if (node.attr[key]) {

  179.             const value = key === 'size' ? fontSize[node.attr[key] - 1] : node.attr[key];

  180.             node.styleStr += `${styleAttrs[key]}: ${value};`;

  181.           }

  182.         });

  183.       }

  184. 

  185.       // 临时记录source资源

  186.       if (node.tag === 'source') {

  187.         results.source = node.attr.src;

  188.       }

  189. 

  190.       if (customHandler.start) {

  191.         customHandler.start(node, results);

  192.       }

  193. 

  194.       if (unary) {

  195.         // if this tag doesn't have end tag

  196.         // like <img src="hoge.png"/>

  197.         // add to parents

  198.         const parent = bufArray[0] || results;

  199.         if (parent.nodes === undefined) {

  200.           parent.nodes = [];

  201.         }

  202.         parent.nodes.push(node);

  203.       } else {

  204.         bufArray.unshift(node);

  205.       }

  206.     },

  207.     end(tag) {

  208.       // merge into parent tag

  209.       const node = bufArray.shift();

  210.       if (node.tag !== tag) {

  211.         console.error('invalid state: mismatch end tag');

  212.       }

  213. 

  214.       // 当有缓存source资源时于于video补上src资源

  215.       if (node.tag === 'video' && results.source) {

  216.         node.attr.src = results.source;

  217.         delete results.source;

  218.       }

  219. 

  220.       if (customHandler.end) {

  221.         customHandler.end(node, results);

  222.       }

  223. 

  224.       if (bufArray.length === 0) {

  225.         results.nodes.push(node);

  226.       } else {

  227.         const parent = bufArray[0];

  228.         if (!parent.nodes) {

  229.           parent.nodes = [];

  230.         }

  231.         parent.nodes.push(node);

  232.       }

  233.     },

  234.     chars(text) {

  235.       if (!text.trim()) return;

  236. 

  237.       const node = {

  238.         node: 'text',

  239.         text,

  240.       };

  241. 

  242.       if (customHandler.chars) {

  243.         customHandler.chars(node, results);

  244.       }

  245. 

  246.       if (bufArray.length === 0) {

  247.         results.nodes.push(node);

  248.       } else {

  249.         const parent = bufArray[0];

  250.         if (parent.nodes === undefined) {

  251.           parent.nodes = [];

  252.         }

  253.         parent.nodes.push(node);

  254.       }

  255.     },

  256.   });

  257. 

  258.   return results;

  259. }

  260. 

  261. export default html2json;

  262.
htmlparser.js
复制代码
  1. /**

  2.  *

  3.  * htmlParser改造自: https://github.com/blowsie/Pure-JavaScript-HTML5-Parser

  4.  *

  5.  * author: Di (微信小程序开发工程师)

  6.  * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)

  7.  *               垂直微信小程序开发交流社区

  8.  *

  9.  * github地址: https://github.com/icindy/wxParse

  10.  *

  11.  * for: 微信小程序富文本解析

  12.  * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184

  13.  */

  14. // Regular Expressions for parsing tags and attributes

  15. 

  16. const startTag = /^<([-A-Za-z0-9_]+)((?:\s+[a-zA-Z0-9_:][-a-zA-Z0-9_:.]*(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/;

  17. const endTag = /^<\/([-A-Za-z0-9_]+)[^>]*>/;

  18. const attr = /([a-zA-Z0-9_:][-a-zA-Z0-9_:.]*)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|([^>\s]+)))?/g;

  19. 

  20. function makeMap(str) {

  21.   const obj = {};

  22.   const items = str.split(',');

  23.   for (let i = 0; i < items.length; i += 1) obj[items[i]] = true;

  24.   return obj;

  25. }

  26. 

  27. // Empty Elements - HTML 5

  28. const empty = makeMap('area,base,basefont,br,col,frame,hr,img,input,link,meta,param,embed,command,keygen,source,track,wbr');

  29. 

  30. // Block Elements - HTML 5

  31. const block = makeMap('address,code,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video');

  32. 

  33. // Inline Elements - HTML 5

  34. const inline = makeMap('a,abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var');

  35. 

  36. // Elements that you can, intentionally, leave open

  37. // (and which close themselves)

  38. const closeSelf = makeMap('colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr');

  39. 

  40. // Attributes that have their values filled in disabled="disabled"

  41. const fillAttrs = makeMap('checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected');

  42. 

  43. function HTMLParser(html, handler) {

  44.   let index;

  45.   let chars;

  46.   let match;

  47.   let last = html;

  48.   const stack = [];

  49. 

  50.   stack.last = () => stack[stack.length - 1];

  51. 

  52.   function parseEndTag(tag, tagName) {

  53.     // If no tag name is provided, clean shop

  54.     let pos;

  55.     if (!tagName) {

  56.       pos = 0;

  57.     } else {

  58.       // Find the closest opened tag of the same type

  59.       tagName = tagName.toLowerCase();

  60.       for (pos = stack.length - 1; pos >= 0; pos -= 1) {

  61.         if (stack[pos] === tagName) break;

  62.       }

  63.     }

  64.     if (pos >= 0) {

  65.       // Close all the open elements, up the stack

  66.       for (let i = stack.length - 1; i >= pos; i -= 1) {

  67.         if (handler.end) handler.end(stack[i]);

  68.       }

  69. 

  70.       // Remove the open elements from the stack

  71.       stack.length = pos;

  72.     }

  73.   }

  74. 

  75.   function parseStartTag(tag, tagName, rest, unary) {

  76.     tagName = tagName.toLowerCase();

  77. 

  78.     if (block[tagName]) {

  79.       while (stack.last() && inline[stack.last()]) {

  80.         parseEndTag('', stack.last());

  81.       }

  82.     }

  83. 

  84.     if (closeSelf[tagName] && stack.last() === tagName) {

  85.       parseEndTag('', tagName);

  86.     }

  87. 

  88.     unary = empty[tagName] || !!unary;

  89. 

  90.     if (!unary) stack.push(tagName);

  91. 

  92.     if (handler.start) {

  93.       const attrs = [];

  94. 

  95.       rest.replace(attr, function genAttr(matches, name) {

  96.         const value = arguments[2] || arguments[3] || arguments[4] || (fillAttrs[name] ? name : '');

  97. 

  98.         attrs.push({

  99.           name,

  100.           value,

  101.           escaped: value.replace(/(^|[^\\])"/g, '$1\\"'), // "

  102.         });

  103.       });

  104. 

  105.       if (handler.start) {

  106.         handler.start(tagName, attrs, unary);

  107.       }

  108.     }

  109.   }

  110. 

  111.   while (html) {

  112.     chars = true;

  113. 

  114.     if (html.indexOf('</') === 0) {

  115.       match = html.match(endTag);

  116. 

  117.       if (match) {

  118.         html = html.substring(match[0].length);

  119.         match[0].replace(endTag, parseEndTag);

  120.         chars = false;

  121.       }

  122. 

  123.       // start tag

  124.     } else if (html.indexOf('<') === 0) {

  125.       match = html.match(startTag);

  126. 

  127.       if (match) {

  128.         html = html.substring(match[0].length);

  129.         match[0].replace(startTag, parseStartTag);

  130.         chars = false;

  131.       }

  132.     }

  133. 

  134.     if (chars) {

  135.       index = html.indexOf('<');

  136.       let text = '';

  137.       while (index === 0) {

  138.         text += '<';

  139.         html = html.substring(1);

  140.         index = html.indexOf('<');

  141.       }

  142.       text += index < 0 ? html : html.substring(0, index);

  143.       html = index < 0 ? '' : html.substring(index);

  144. 

  145.       if (handler.chars) handler.chars(text);

  146.     }

  147. 

  148.     if (html === last) throw new Error(`Parse Error: ${html}`);

  149.     last = html;

  150.   }

  151. 

  152.   // Clean up any remaining tags

  153.   parseEndTag();

  154. }

  155. 

  156. export default HTMLParser;

  157.
wxDiscode.js
复制代码
  1. // HTML 支持的数学符号

  2. function strNumDiscode(str) {

  3.   str = str.replace(/&forall;/g, '∀');

  4.   str = str.replace(/&part;/g, '∂');

  5.   str = str.replace(/&exist;/g, '∃');

  6.   str = str.replace(/&empty;/g, '∅');

  7.   str = str.replace(/&nabla;/g, '∇');

  8.   str = str.replace(/&isin;/g, '∈');

  9.   str = str.replace(/&notin;/g, '∉');

  10.   str = str.replace(/&ni;/g, '∋');

  11.   str = str.replace(/&prod;/g, '∏');

  12.   str = str.replace(/&sum;/g, '∑');

  13.   str = str.replace(/&minus;/g, '−');

  14.   str = str.replace(/&lowast;/g, '∗');

  15.   str = str.replace(/&radic;/g, '√');

  16.   str = str.replace(/&prop;/g, '∝');

  17.   str = str.replace(/&infin;/g, '∞');

  18.   str = str.replace(/&ang;/g, '∠');

  19.   str = str.replace(/&and;/g, '∧');

  20.   str = str.replace(/&or;/g, '∨');

  21.   str = str.replace(/&cap;/g, '∩');

  22.   str = str.replace(/&cup;/g, '∪');

  23.   str = str.replace(/&int;/g, '∫');

  24.   str = str.replace(/&there4;/g, '∴');

  25.   str = str.replace(/&sim;/g, '∼');

  26.   str = str.replace(/&cong;/g, '≅');

  27.   str = str.replace(/&asymp;/g, '≈');

  28.   str = str.replace(/&ne;/g, '≠');

  29.   str = str.replace(/&le;/g, '≤');

  30.   str = str.replace(/&ge;/g, '≥');

  31.   str = str.replace(/&sub;/g, '⊂');

  32.   str = str.replace(/&sup;/g, '⊃');

  33.   str = str.replace(/&nsub;/g, '⊄');

  34.   str = str.replace(/&sube;/g, '⊆');

  35.   str = str.replace(/&supe;/g, '⊇');

  36.   str = str.replace(/&oplus;/g, '⊕');

  37.   str = str.replace(/&otimes;/g, '⊗');

  38.   str = str.replace(/&perp;/g, '⊥');

  39.   str = str.replace(/&sdot;/g, '⋅');

  40.   return str;

  41. }

  42. 

  43. // HTML 支持的希腊字母

  44. function strGreeceDiscode(str) {

  45.   str = str.replace(/&Alpha;/g, 'Α');

  46.   str = str.replace(/&Beta;/g, 'Β');

  47.   str = str.replace(/&Gamma;/g, 'Γ');

  48.   str = str.replace(/&Delta;/g, 'Δ');

  49.   str = str.replace(/&Epsilon;/g, 'Ε');

  50.   str = str.replace(/&Zeta;/g, 'Ζ');

  51.   str = str.replace(/&Eta;/g, 'Η');

  52.   str = str.replace(/&Theta;/g, 'Θ');

  53.   str = str.replace(/&Iota;/g, 'Ι');

  54.   str = str.replace(/&Kappa;/g, 'Κ');

  55.   str = str.replace(/&Lambda;/g, 'Λ');

  56.   str = str.replace(/&Mu;/g, 'Μ');

  57.   str = str.replace(/&Nu;/g, 'Ν');

  58.   str = str.replace(/&Xi;/g, 'Ν');

  59.   str = str.replace(/&Omicron;/g, 'Ο');

  60.   str = str.replace(/&Pi;/g, 'Π');

  61.   str = str.replace(/&Rho;/g, 'Ρ');

  62.   str = str.replace(/&Sigma;/g, 'Σ');

  63.   str = str.replace(/&Tau;/g, 'Τ');

  64.   str = str.replace(/&Upsilon;/g, 'Υ');

  65.   str = str.replace(/&Phi;/g, 'Φ');

  66.   str = str.replace(/&Chi;/g, 'Χ');

  67.   str = str.replace(/&Psi;/g, 'Ψ');

  68.   str = str.replace(/&Omega;/g, 'Ω');

  69. 

  70.   str = str.replace(/&alpha;/g, 'α');

  71.   str = str.replace(/&beta;/g, 'β');

  72.   str = str.replace(/&gamma;/g, 'γ');

  73.   str = str.replace(/&delta;/g, 'δ');

  74.   str = str.replace(/&epsilon;/g, 'ε');

  75.   str = str.replace(/&zeta;/g, 'ζ');

  76.   str = str.replace(/&eta;/g, 'η');

  77.   str = str.replace(/&theta;/g, 'θ');

  78.   str = str.replace(/&iota;/g, 'ι');

  79.   str = str.replace(/&kappa;/g, 'κ');

  80.   str = str.replace(/&lambda;/g, 'λ');

  81.   str = str.replace(/&mu;/g, 'μ');

  82.   str = str.replace(/&nu;/g, 'ν');

  83.   str = str.replace(/&xi;/g, 'ξ');

  84.   str = str.replace(/&omicron;/g, 'ο');

  85.   str = str.replace(/&pi;/g, 'π');

  86.   str = str.replace(/&rho;/g, 'ρ');

  87.   str = str.replace(/&sigmaf;/g, 'ς');

  88.   str = str.replace(/&sigma;/g, 'σ');

  89.   str = str.replace(/&tau;/g, 'τ');

  90.   str = str.replace(/&upsilon;/g, 'υ');

  91.   str = str.replace(/&phi;/g, 'φ');

  92.   str = str.replace(/&chi;/g, 'χ');

  93.   str = str.replace(/&psi;/g, 'ψ');

  94.   str = str.replace(/&omega;/g, 'ω');

  95.   str = str.replace(/&thetasym;/g, 'ϑ');

  96.   str = str.replace(/&upsih;/g, 'ϒ');

  97.   str = str.replace(/&piv;/g, 'ϖ');

  98.   str = str.replace(/&middot;/g, '·');

  99.   return str;

  100. }

  101. 

  102. function strcharacterDiscode(str) {

  103.   // 加入常用解析

  104.   str = str.replace(/&nbsp;/g, ' ');

  105.   str = str.replace(/&ensp;/g, ' ');

  106.   str = str.replace(/&emsp;/g, '　');

  107.   str = str.replace(/&quot;/g, "'");

  108.   str = str.replace(/&amp;/g, '&');

  109.   str = str.replace(/&lt;/g, '<');

  110.   str = str.replace(/&gt;/g, '>');

  111.   str = str.replace(/&#8226;/g, '•');

  112. 

  113.   return str;

  114. }

  115. 

  116. // HTML 支持的其他实体

  117. function strOtherDiscode(str) {

  118.   str = str.replace(/&OElig;/g, 'Œ');

  119.   str = str.replace(/&oelig;/g, 'œ');

  120.   str = str.replace(/&Scaron;/g, 'Š');

  121.   str = str.replace(/&scaron;/g, 'š');

  122.   str = str.replace(/&Yuml;/g, 'Ÿ');

  123.   str = str.replace(/&fnof;/g, 'ƒ');

  124.   str = str.replace(/&circ;/g, 'ˆ');

  125.   str = str.replace(/&tilde;/g, '˜');

  126.   str = str.replace(/&ensp;/g, '');

  127.   str = str.replace(/&emsp;/g, '');

  128.   str = str.replace(/&thinsp;/g, '');

  129.   str = str.replace(/&zwnj;/g, '');

  130.   str = str.replace(/&zwj;/g, '');

  131.   str = str.replace(/&lrm;/g, '');

  132.   str = str.replace(/&rlm;/g, '');

  133.   str = str.replace(/&ndash;/g, '–');

  134.   str = str.replace(/&mdash;/g, '—');

  135.   str = str.replace(/&lsquo;/g, '‘');

  136.   str = str.replace(/&rsquo;/g, '’');

  137.   str = str.replace(/&sbquo;/g, '‚');

  138.   str = str.replace(/&ldquo;/g, '“');

  139.   str = str.replace(/&rdquo;/g, '”');

  140.   str = str.replace(/&bdquo;/g, '„');

  141.   str = str.replace(/&dagger;/g, '†');

  142.   str = str.replace(/&Dagger;/g, '‡');

  143.   str = str.replace(/&bull;/g, '•');

  144.   str = str.replace(/&hellip;/g, '…');

  145.   str = str.replace(/&permil;/g, '‰');

  146.   str = str.replace(/&prime;/g, '′');

  147.   str = str.replace(/&Prime;/g, '″');

  148.   str = str.replace(/&lsaquo;/g, '‹');

  149.   str = str.replace(/&rsaquo;/g, '›');

  150.   str = str.replace(/&oline;/g, '‾');

  151.   str = str.replace(/&euro;/g, '€');

  152.   str = str.replace(/&trade;/g, '™');

  153. 

  154.   str = str.replace(/&larr;/g, '←');

  155.   str = str.replace(/&uarr;/g, '↑');

  156.   str = str.replace(/&rarr;/g, '→');

  157.   str = str.replace(/&darr;/g, '↓');

  158.   str = str.replace(/&harr;/g, '↔');

  159.   str = str.replace(/&crarr;/g, '↵');

  160.   str = str.replace(/&lceil;/g, '⌈');

  161.   str = str.replace(/&rceil;/g, '⌉');

  162. 

  163.   str = str.replace(/&lfloor;/g, '⌊');

  164.   str = str.replace(/&rfloor;/g, '⌋');

  165.   str = str.replace(/&loz;/g, '◊');

  166.   str = str.replace(/&spades;/g, '♠');

  167.   str = str.replace(/&clubs;/g, '♣');

  168.   str = str.replace(/&hearts;/g, '♥');

  169. 

  170.   str = str.replace(/&diams;/g, '♦');

  171.   str = str.replace(/&#39;/g, "'");

  172.   return str;

  173. }

  174. 

  175. function strDiscode(str) {

  176.   str = strNumDiscode(str);

  177.   str = strGreeceDiscode(str);

  178.   str = strcharacterDiscode(str);

  179.   str = strOtherDiscode(str);

  180.   return str;

  181. }

  182. 

  183. function urlToHttpUrl(url, domain) {

  184.   if (/^\/\//.test(url)) {

  185.     return `https:${url}`;

  186.   } else if (/^\//.test(url)) {

  187.     return `https://${domain}${url}`;

  188.   }

  189.   return url;

  190. }

  191. 

  192. export default {

  193.   strDiscode,

  194.   urlToHttpUrl,

  195. };

  196.
parse.css
复制代码
  1. /**

  2.  * author: Di (微信小程序开发工程师)

  3.  * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)

  4.  *         垂直微信小程序开发交流社区

  5.  *

  6.  * github地址: https://github.com/icindy/wxParse

  7.  *

  8.  * for: 微信小程序富文本解析

  9.  * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184

  10.  */

  11. /**

  12.  * 请在全局下引入该文件，@import '/static/wxParse.css';

  13.  */

  14. .wxParse {

  15.     user-select:none;

  16.     width: 100%;

  17.     font-family: Helvetica, "PingFangSC", 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;

  18.     color: #333;

  19.     line-height: 1.5;

  20.     font-size: 1em;

  21.     text-align:justify;/* //左右两端对齐 */

  22.     word-wrap: break-word;/*超出自动换行*/

  23. }

  24. .wxParse view ,.wxParse uni-view{

  25.     word-break: break-word;

  26. }

  27. .wxParse .p {

  28.     padding-bottom: 1em;

  29.     clear: both;

  30.     /* letter-spacing: 0;//字间距 */

  31. }

  32. .wxParse .inline {

  33.   display: inline;

  34.   margin: 0;

  35.   padding: 0;

  36. }

  37. 

  38. .wxParse .div {

  39.   margin: 0;

  40.   padding: 0;

  41.   display: block;

  42. }

  43. 

  44. .wxParse .h1{

  45.   font-size: 2em;

  46.   line-height: 1.2em;

  47.   margin: 0.67em 0;

  48. }

  49. .wxParse .h2{

  50.   font-size: 1.5em;

  51.   margin: 0.83em 0;

  52. }

  53. .wxParse .h3{

  54.   font-size: 1.17em;

  55.   margin: 1em 0;

  56. }

  57. .wxParse .h4{

  58.   margin: 1.33em 0;

  59. }

  60. .wxParse .h5{

  61.   font-size: 0.83em;

  62.   margin: 1.67em 0;

  63. }

  64. .wxParse .h6{

  65.   font-size: 0.83em;

  66.   margin: 1.67em 0;

  67. }

  68. 

  69. .wxParse .h1,

  70. .wxParse .h2,

  71. .wxParse .h3,

  72. .wxParse .h4,

  73. .wxParse .h5,

  74. .wxParse .h6,

  75. .wxParse .b,

  76. .wxParse .strong{

  77.   font-weight: bolder;

  78. }

  79. 

  80. .wxParse .i,

  81. .wxParse .cite,

  82. .wxParse .em,

  83. .wxParse .var,

  84. .wxParse .address {

  85.   font-style: italic;

  86. }

  87. 

  88. .wxParse .pre,

  89. .wxParse .tt,

  90. .wxParse .code,

  91. .wxParse .kbd,

  92. .wxParse .samp {

  93.   font-family: monospace;

  94. }

  95. .wxParse .pre {

  96.   overflow: auto;

  97.   background: #f5f5f5;

  98.   padding: 16upx;

  99.   white-space: pre;

  100.   margin: 1em 0upx;

  101. }

  102. .wxParse .code {

  103.   display: inline;

  104.   background: #f5f5f5;

  105. }

  106. 

  107. .wxParse .big {

  108.   font-size: 1.17em;

  109. }

  110. 

  111. .wxParse .small,

  112. .wxParse .sub,

  113. .wxParse .sup {

  114.   font-size: 0.83em;

  115. }

  116. 

  117. .wxParse .sub {

  118.   vertical-align: sub;

  119. }

  120. .wxParse .sup {

  121.   vertical-align: super;

  122. }

  123. 

  124. .wxParse .s,

  125. .wxParse .strike,

  126. .wxParse .del {

  127.   text-decoration: line-through;

  128. }

  129. 

  130. .wxParse .strong,

  131. .wxParse .s {

  132.   display: inline;

  133. }

  134. 

  135. .wxParse .a {

  136.   color: deepskyblue;

  137. }

  138. 

  139. .wxParse .video {

  140.   text-align: center;

  141.   margin: 22upx 0;

  142. }

  143. 

  144. .wxParse .video-video {

  145.   width: 100%;

  146. }

  147. .wxParse .uni-image{

  148.     max-width: 100%;

  149. }

  150. .wxParse .img {

  151.   display: block;

  152.   max-width: 100%;

  153.   margin-bottom: -1em;/* //与p标签底部padding同时修改 */

  154.   overflow: hidden;

  155. }

  156. 

  157. .wxParse .blockquote {

  158.   margin: 10upx 0;

  159.   padding: 22upx 0 22upx 22upx;

  160.   font-family: Courier, Calibri, "宋体";

  161.   background: #f5f5f5;

  162.   border-left: 6upx solid #dbdbdb;

  163. }

  164. .wxParse .blockquote .p {

  165.   margin: 0;

  166. }

  167. .wxParse .ul, .wxParse .ol {

  168.   display: block;

  169.   margin: 1em 0;

  170.   padding-left: 2em;

  171. }

  172. .wxParse .ol {

  173.   list-style-type: disc;

  174. }

  175. .wxParse .ol {

  176.   list-style-type: decimal;

  177. }

  178. .wxParse .ol>weixin-parse-template,.wxParse .ul>weixin-parse-template {

  179.   display: list-item;

  180.   align-items: baseline;

  181.   text-align: match-parent;

  182. }

  183. 

  184. .wxParse .ol>.li,.wxParse .ul>.li {

  185.   display: list-item;

  186.   align-items: baseline;

  187.   text-align: match-parent;

  188. }

  189. .wxParse .ul .ul, .wxParse .ol .ul {

  190.   list-style-type: circle;

  191. }

  192. .wxParse .ol .ol .ul, .wxParse .ol .ul .ul, .wxParse .ul .ol .ul, .wxParse .ul .ul .ul {

  193.     list-style-type: square;

  194. }

  195. 

  196. .wxParse .u {

  197.   text-decoration: underline;

  198. }

  199. .wxParse .hide {

  200.   display: none;

  201. }

  202. .wxParse .del {

  203.   display: inline;

  204. }

  205. .wxParse .figure {

  206.   overflow: hidden;

  207. }

  208. .wxParse .table {

  209.     border-collapse:collapse;

  210.     box-sizing: border-box;

  211.     /* 内边框 */

  212.     border: 1px solid #dadada;

  213.     width: 100%;

  214. }

  215. .wxParse .tbody{

  216.     border-collapse:collapse;

  217.     box-sizing: border-box;

  218.     /* 内边框 */

  219.     border: 1px solid #dadada;

  220. }

  221. .wxParse .thead, .wxParse .tfoot, .wxParse .th{

  222.     border-collapse:collapse;

  223.     box-sizing: border-box;

  224.     background: #ececec;

  225.     font-weight: 40;

  226. }

  227. .wxParse .tr {

  228.     border-collapse:collapse;

  229.     box-sizing: border-box;

  230.     /* border: 2px solid #F0AD4E; */

  231.     overflow:auto;

  232. }

  233. .wxParse .th,

  234. .wxParse .td{

  235.     border-collapse:collapse;

  236.     box-sizing: border-box;

  237.     border: 2upx solid #dadada;

  238.     overflow:auto;

  239. }

  240. .wxParse .audio, .wxParse .uni-audio-default{

  241.     display: block;

  242. }

  243. .textarea ._div{

  244.     background-color:#fff !important;

  245. }

  246.
parse.vue
复制代码
  1. <!--**

  2.  * forked from：https://github.com/F-loat/mpvue-wxParse

  3.  *

  4.  * github地址: https://github.com/dcloudio/uParse

  5.  *

  6.  * for: uni-app框架下 富文本解析

  7.  * 

  8.  * 优化 by gaoyia@qq.com  https://github.com/gaoyia/parse

  9.  */-->

  10. 

  11. <template>

  12.     <!--基础元素-->

  13.     <div class="wxParse" :class="className" :style="'user-select:' + userSelect">

  14.         <block v-for="(node, index) of nodes" :key="index" v-if="!loading">

  15.             <wxParseTemplate :node="node" />

  16.         </block>

  17.     </div>

  18. </template>

  19. 

  20. <script>

  21.     import HtmlToJson from './libs/html2json';

  22.     import wxParseTemplate from './components/wxParseTemplate0';

  23. 

  24.     export default {

  25.         name: 'wxParse',

  26.         props: {

  27.             // user-select:none;

  28.             userSelect: {

  29.                 type: String,

  30.                 default: 'text' //none |text| all | element

  31.             },

  32.             imgOptions: {

  33.                 type: [Object, Boolean],

  34.                 default: function() {

  35.                     return {

  36.                         loop: false,

  37.                         indicator: 'number',

  38.                         longPressActions: false

  39.                         // longPressActions: {

  40.                         //      itemList: ['发送给朋友', '保存图片', '收藏'],

  41.                         //         success: function (res) {

  42.                         //             console.log('选中了第' + (res.tapIndex + 1) + '个按钮');

  43.                         //         },

  44.                         //         fail: function (res) {

  45.                         //             console.log(res.errMsg);

  46.                         //         }    

  47.                         //     }

  48.                         // }

  49.                     }

  50.                 }

  51.             },

  52.             loading: {

  53.                 type: Boolean,

  54.                 default: false

  55.             },

  56.             className: {

  57.                 type: String,

  58.                 default: ''

  59.             },

  60.             content: {

  61.                 type: String,

  62.                 default: ''

  63.             },

  64.             noData: {

  65.                 type: String,

  66.                 default: '<div style="color: red;">数据不能为空</div>'

  67.             },

  68.             startHandler: {

  69.                 type: Function,

  70.                 default () {

  71.                     return node => {

  72.                         node.attr.class = null;

  73.                         node.attr.style = null;

  74.                     };

  75.                 }

  76.             },

  77.             endHandler: {

  78.                 type: Function,

  79.                 default: null

  80.             },

  81.             charsHandler: {

  82.                 type: Function,

  83.                 default: null

  84.             },

  85.             imageProp: {

  86.                 type: Object,

  87.                 default () {

  88.                     return {

  89.                         mode: 'aspectFit',

  90.                         padding: 0,

  91.                         lazyLoad: false,

  92.                         domain: ''

  93.                     };

  94.                 }

  95.             }

  96.         },

  97.         components: {

  98.             wxParseTemplate

  99.         },

  100.         data() {

  101.             return {

  102.                 nodes: {},

  103.                 imageUrls: [],

  104.                 wxParseWidth: {

  105.                     value: 0

  106.                 }

  107.             };

  108.         },

  109.         computed: {},

  110.         mounted() {

  111.             let that = this

  112.             this.getWidth().then(function(data) {

  113.                 that.wxParseWidth.value = data;

  114.             })

  115.             this.setHtml()

  116.         },

  117.         methods: {

  118.             setHtml() {

  119.                 let {

  120.                     content,

  121.                     noData,

  122.                     imageProp,

  123.                     startHandler,

  124.                     endHandler,

  125.                     charsHandler

  126.                 } = this;

  127.                 let parseData = content || noData;

  128.                 let customHandler = {

  129.                     start: startHandler,

  130.                     end: endHandler,

  131.                     chars: charsHandler

  132.                 };

  133.                 let results = HtmlToJson(parseData, customHandler, imageProp, this);

  134.                 this.imageUrls = results.imageUrls;

  135.                 this.nodes = results.nodes;

  136.             },

  137.             getWidth() {

  138.                 return new Promise((res, rej) => {

  139.                     // #ifndef MP-ALIPAY || MP-BAIDU

  140.                     var view = uni.createSelectorQuery().select(".content");

  141.                     view.boundingClientRect(data => {

  142.                         if(data.width){

  143.                             res(data.width);

  144.                         }else{

  145.                             res('100%');

  146.                         }

  147.                     }).exec();

  148.                     /* uni.createSelectorQuery()

  149.                         .in(this)

  150.                         .select('.wxParse')

  151.                         .fields({size: true,scrollOffset: true},data => {

  152.                                 console.log(data);

  153.                                 //res(data.width);

  154.                             }

  155.                         ).exec(); */

  156.                     // #endif

  157.                     // #ifdef MP-BAIDU

  158.                     swan.createSelectorQuery().select('.wxParse').boundingClientRect(function(rect) {

  159.                         rect[0].width

  160.                     }).exec()

  161.                     // #endif

  162.                     // #ifdef MP-ALIPAY

  163.                     my.createSelectorQuery()

  164.                         .select('.wxParse')

  165.                         .boundingClientRect().exec((ret) => {

  166.                             res(ret[0].width);

  167.                         });

  168.                     // #endif

  169.                 });

  170.             },

  171.             navigate(href, $event) {

  172.                 this.$emit('navigate', href, $event);

  173.             },

  174.             preview(src, $event) {

  175.                 if (!this.imageUrls.length || typeof this.imgOptions === 'boolean') {

  176. 

  177.                 } else {

  178.                     uni.previewImage({

  179.                         current: src,

  180.                         urls: this.imageUrls,

  181.                         loop: this.imgOptions.loop,

  182.                         indicator: this.imgOptions.indicator,

  183.                         longPressActions: this.imgOptions.longPressActions

  184.                     });

  185.                 }

  186.                 this.$emit('preview', src, $event);

  187.             },

  188.             removeImageUrl(src) {

  189.                 const {

  190.                     imageUrls

  191.                 } = this;

  192.                 imageUrls.splice(imageUrls.indexOf(src), 1);

  193.             }

  194.         },

  195.         // 父组件中提供

  196.         provide() {

  197.             return {

  198.                 parseWidth: this.wxParseWidth

  199.                 // 提示：provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的属性还是可响应的。

  200.             };

  201.         },

  202.         watch: {

  203.             content() {

  204.                 this.setHtml()

  205.             }

  206.         }

  207.     };

  208. </script>

  209.

jihai-copyright

jihaiCopyright.vue
复制代码
  1. <template>

  2.     <view class="cpr">

  3.         <view class="color-9">

  4.             吉海科技 © jihainet.com

  5.         </view>

  6.         <view class="color-9">

  7.             版权所有

  8.         </view>

  9.     </view>

  10. </template>

  11. 

  12. <script>

  13. </script>

  14. 

  15. <style>

  16. .cpr{

  17.     text-align: center;

  18.     font-size: 24upx;

  19.     margin: 20upx 0;

  20. }

  21. </style>

  22.

jihai-lable.vue

复制代码
  1. <template>

  2.     <view>

  3.         <radio-group class="uni-list" @change="radioChange">

  4.             <label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in type_list" :key="index">

  5.                 <view class="invoice-type-icon">

  6.                     <radio class="a-radio" :id="item.name" :value="item.value" :checked="item.checked" :disabled="item.disabled"></radio>

  7.                 </view>

  8.                 <view class="invoice-type-c">

  9.                     <label class="label-2-text" :for="item.name">

  10.                         <text>{{item.name}}</text>

  11.                     </label>

  12.                 </view>

  13.             </label>

  14.         </radio-group>

  15.     </view>

  16. </template>

  17. 

  18. <script>

  19.     export default {

  20.         data() {

  21.             return {

  22.                 type_list: [

  23.                     { value: '1', name: '仅退款', checked: true, disabled: false },

  24.                     { value: '2', name: '退货退款', checked: false, disabled:false },

  25.                 ],

  26.             };

  27.         },

  28.         methods:{

  29.             radioChange: function(evt) {

  30.                 this.type_list.forEach(item => {

  31.                     if (item.value === evt.target.value) {

  32.                         item.checked = true;

  33.                         this.aftersale_type = evt.target.value;

  34.                     }else{

  35.                         item.checked = false;

  36.                     }

  37.                 });

  38.                 if(this.type_list[0].checked){

  39.                     this.refund_input_noedit = true;

  40.                 }else{

  41.                     this.refund_input_noedit = false;

  42.                 }

  43.             },

  44.         }

  45.     }

  46. </script>

  47. 

  48. <style>

  49. 

  50. </style>

  51.

jshop

image
jshop-article.vue
复制代码
  1. <template>

  2.     <view class='index-article cell-group bottom-cell-group' v-if="data.params.list && data.params.list.length > 0">

  3.         <view class='cell-item'

  4.         v-for="item in data.params.list"

  5.         :key="item.id"

  6.         @click="articleDetail(item.id)"

  7.         >

  8.             

  9.             <view class="cell-item-bd">

  10.                 <view class="article-title ">

  11.                     {{ item.title }}

  12.                 </view>

  13.                 <view class="article-time">

  14.                     {{ item.ctime }}

  15.                 </view>

  16.             </view>

  17.             <view class="cell-title-img">

  18.                 <image :src="item.cover" mode="aspectFill"></image>

  19.             </view>

  20.         </view>

  21.     </view>

  22. </template>

  23. 

  24. <script>

  25. export default {

  26.     name: "jshoparticle",

  27.     props: {

  28.         data:{

  29.             // type: Array,

  30.             required: true,

  31.         }

  32.     },

  33.     methods: {

  34.         // 查看文章详情

  35.         articleDetail (articleId) {

  36.             this.$common.navigateTo('/pages/article/index?id=' + articleId+'&id_type=1')

  37.         }

  38.     }

  39. }

  40. </script>

  41. 

  42. <style>

  43. .index-article .cell-title-img{

  44.     width: 160upx;

  45.     height: 160upx;

  46.     float: right;

  47. }

  48. .index-article .cell-title-img image{

  49.     width: 100%;

  50.     height: 100%;

  51. }

  52. .index-article .cell-item-bd{

  53.     padding-right: 0;

  54.     vertical-align: top;

  55.     position: relative;

  56. }

  57. .index-article .article-title{

  58.     font-size: 28upx;

  59.     color: #333;

  60.     width: 100%;

  61.     min-height: 80upx;

  62.     display: -webkit-box;

  63.     -webkit-box-orient: vertical;

  64.     -webkit-line-clamp: 2;

  65.     overflow: hidden;

  66. }

  67. .index-article .article-time{

  68.     font-size: 24upx;

  69.     color: #999;

  70.     display: inline-block;

  71.     min-width: 220upx;

  72.     min-height: 32upx;

  73.     position: absolute;

  74.     bottom: 0;

  75. }

  76. 

  77. </style>

  78.
jshop-articleClassify.vue
复制代码
  1. <template>

  2.     <view class='index-article cell-group bottom-cell-group' v-if="data.params.list && data.params.list.length > 0">

  3.         <view class='cell-item'

  4.         v-for="item in data.params.list"

  5.         :key="item.id"

  6.         @click="articleDetail(item.id)"

  7.         >

  8.             <view class="cell-item-bd">

  9.                 <view class="article-title ">

  10.                     {{ item.title }}

  11.                 </view>

  12.                 <view class="article-time">

  13.                     {{ item.ctime }}

  14.                 </view>

  15.             </view>

  16.         

  17.             <view class="cell-title-img">

  18.                 <image :src="item.cover" mode="aspectFill"></image>

  19.             </view>

  20.         </view>

  21.     </view>

  22. </template>

  23. 

  24. <script>

  25. export default {

  26.     name: "jshoparticleclassify",

  27.     props: {

  28.         data:{

  29.             // type: Array,

  30.             required: true,

  31.         }

  32.     },

  33.     methods: {

  34.         // 查看文章详情

  35.         articleDetail (articleId) {

  36.             this.$common.navigateTo('/pages/article/index?id=' + articleId+'&id_type=1')

  37.         }

  38.     }

  39. }

  40. </script>

  41. 

  42. <style>

  43. .index-article .cell-title-img{

  44.     width: 160upx;

  45.     height: 160upx;

  46.     float: right;

  47. }

  48. .index-article .cell-title-img image{

  49.     width: 100%;

  50.     height: 100%;

  51. }

  52. .index-article .cell-item-bd{

  53.     padding-right: 0;

  54.     vertical-align: top;

  55.     position: relative;

  56. }

  57. .index-article .article-title{

  58.     font-size: 28upx;

  59.     color: #333;

  60.     width: 100%;

  61.     min-height: 80upx;

  62.     display: -webkit-box;

  63.     -webkit-box-orient: vertical;

  64.     -webkit-line-clamp: 2;

  65.     overflow: hidden;

  66. }

  67. .index-article .article-time{

  68.     font-size: 24upx;

  69.     color: #999;

  70.     display: inline-block;

  71.     min-width: 220upx;

  72.     min-height: 32upx;

  73.     position: absolute;

  74.     bottom: 0;

  75. }

  76. 

  77. </style>

  78.
jshop-blank.vue
复制代码
  1. <template>

  2.     <view class="blank" :style="{background:data.params.backgroundColor,height:data.params.height*2+'rpx'}"></view>

  3. </template>

  4. 

  5. <script>

  6. export default {

  7.     name: "jshopblank",

  8.     props: {

  9.         data:{

  10.             // type: Array,

  11.             required: true,

  12.         }

  13.     },

  14.     methods: {

  15.         

  16.     }

  17. }

  18. </script>

  19. 

  20. <style>

  21. </style>

  22.
jshop-content.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <u-parse :content="content" @preview="preview" @navigate="navigate" />

  4.     </view>

  5. </template>

  6. <script>

  7.     //视频和文本解析组件

  8.     import uParse from '@/components/gaoyia-parse/parse.vue'

  9.     export default {

  10.         name: 'jshop-content',

  11.         components: {

  12.             uParse

  13.         },

  14.         props: {

  15.             content: {}

  16.         },

  17.         created() {},

  18.         methods: {

  19.             preview(src, e) {

  20.                 // do something

  21.             },

  22.             navigate(href, e) {

  23.                 // do something

  24.             }

  25.         }

  26.     }

  27. </script>

  28.
jshop-coupon.vue
复制代码
  1. <template>

  2.     <view class="coupon bottom-cell-group" v-if="data.params.list.length > 0">

  3.         <view class="coupon-item" v-for="item in data.params.list" :key="item.id" @click="receiveCoupon(item.id)">

  4.             <view class="coupon-i-l">

  5.                 <view class="coupon-i-l-t">

  6.                     <image class="icon" src="/static/image/element-ic.png" mode=""></image>

  7.                     <text>{{ item.name }}</text>

  8.                 </view>

  9.                 <view class="coupon-i-l-b">

  10.                     {{ item.expression1 + item.expression2 }}

  11.                 </view>

  12.             </view>

  13.             <view class="coupon-i-r">

  14.                 <image class="coupon-logo" src="/static/image/coupon-element.png" mode=""></image>

  15.             </view>

  16.         </view>

  17.     </view>

  18. </template>

  19. 

  20. <script>

  21. export default {

  22.     name: "jshopcoupon",

  23.     props: {

  24.         data:{

  25.             // type: Array,

  26.             required: true,

  27.         }

  28.     },

  29.     methods: {

  30.         // 用户领取优惠券

  31.         receiveCoupon(couponId) {

  32.             let data = {

  33.                 promotion_id: couponId

  34.             }

  35.             this.$api.getCoupon(data, res => {

  36.                 if (res.status) {

  37.                     this.$common.successToShow(res.msg)

  38.                 } else {

  39.                     this.$common.errorToShow(res.msg)

  40.                 }

  41.             })

  42.         },

  43.     }

  44. }    

  45. </script>

  46. 

  47. <style>

  48. .coupon {

  49.     padding: 0 26upx;

  50.     background-color: #f8f8f8;

  51. }

  52. 

  53. .coupon-item {

  54.     padding: 20upx;

  55.     margin-bottom: 20upx;

  56.     background-color: #fff;

  57. }

  58. 

  59. .coupon-i-l {

  60.     width: 400upx;

  61.     display: inline-block;

  62. }

  63. 

  64. .coupon-i-l-t {

  65.     font-size: 32upx;

  66.     position: relative;

  67.     margin-bottom: 10upx;

  68. }

  69. 

  70. .coupon-i-l-t .icon {

  71.     position: absolute;

  72.     top: 50%;

  73.     transform: translateY(-50%);

  74. }

  75. 

  76. .coupon-i-l-t text {

  77.     margin-left: 60upx;

  78. }

  79. 

  80. .coupon-i-l-b {

  81.     font-size: 24upx;

  82.     color: #999;

  83. }

  84. 

  85. .coupon-i-r {

  86.     width: 258upx;

  87.     display: inline-block;

  88.     text-align: center;

  89. }

  90. 

  91. .coupon-logo {

  92.     width: 130upx;

  93.     height: 100upx;

  94. }

  95. 

  96. </style>

  97.
jshop-goods.vue
复制代码
  1. <template>

  2.     <view class="index-goods">

  3.         <!-- 列表平铺两列三列 -->

  4.         <view class='img-grids bottom-cell-group' 

  5.         v-if="data.params.column == '2' && data.params.display == 'list' || data.params.column == '3' && data.params.display == 'list'"

  6.         v-bind:class="'column'+data.params.column">

  7.             <view class='cell-item right-img' v-if="data.params.title != ''">

  8.                 <view class='cell-item-hd'>

  9.                     <view class='cell-hd-title'>{{data.params.title}}</view>

  10.                 </view>

  11.                 <view class='cell-item-bd'>

  12.                 </view>

  13.                 <view class='cell-item-ft' v-if="data.params.lookMore == 'true'">

  14.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  15.                     <text class='cell-ft-text' @click="goodsList({cat_id: data.params.classifyId,brand_id:data.params.brandId})">查看更多</text>

  16.                 </view>

  17.             </view>

  18.             <!-- <view class='img-grids'> -->

  19.                 <view class="" v-if="data.params.list.length">

  20.                     <view class="img-grids-item" v-for="item in data.params.list" :key="item.id" @click="goodsDetail(item.id)">

  21.                         <image

  22.                             class="img-grids-item-t have-none"

  23.                             :src="item.image_url"

  24.                             mode='aspectFill'

  25.                         ></image>

  26.                         <view class="img-grids-item-b">

  27.                             <view class="goods-name grids-goods-name">

  28.                                 {{item.name}}

  29.                             </view>

  30.                             <view class="goods-item-c">

  31.                                 <view class="goods-price red-price">￥{{item.price}}</view>

  32.                             </view>

  33.                         </view>

  34.                     </view>

  35.                 </view>

  36.         

  37.                 <view v-else-if="!data.params.list.length && !data.params.listAjax">

  38.                     <view class='img-grids-item'>

  39.                         <image class='img-grids-item-t have-none' src='' mode=''></image>

  40.                         <view class='img-grids-item-b'>

  41.                             <view class='goods-name grids-goods-name have-none'></view>

  42.                             <view class='goods-item-c'>

  43.                                 <view class='goods-price red-price have-none'></view>

  44.                             </view>

  45.                         </view>

  46.                     </view>

  47.                     <view class='img-grids-item'>

  48.                         <image class='img-grids-item-t have-none' src='' mode=''></image>

  49.                         <view class='img-grids-item-b'>

  50.                             <view class='goods-name grids-goods-name have-none'></view>

  51.                             <view class='goods-item-c'>

  52.                                 <view class='goods-price red-price have-none'></view>

  53.                             </view>

  54.                         </view>

  55.                     </view>

  56.                     <view class='img-grids-item'>

  57.                         <image class='img-grids-item-t have-none' src='' mode=''></image>

  58.                         <view class='img-grids-item-b'>

  59.                             <view class='goods-name grids-goods-name have-none'></view>

  60.                             <view class='goods-item-c'>

  61.                                 <view class='goods-price red-price have-none'></view>

  62.                             </view>

  63.                         </view>

  64.                     </view>

  65.                 </view>

  66.                 <!-- <view v-else="">

  67.                     <scroll-view class='swiper-list' scroll-x="true"></scroll-view>

  68.                 </view> -->

  69.             <!-- </view> -->

  70.         </view>

  71.         

  72.         <!-- 列表平铺单列 -->

  73.         <view class="img-list bottom-cell-group" 

  74.         v-if="data.params.column == '1' && data.params.display == 'list'" >

  75.             <view class='cell-item right-img' v-if="data.params.title != ''">

  76.                 <view class='cell-item-hd'>

  77.                     <view class='cell-hd-title'>{{data.params.title}}</view>

  78.                 </view>

  79.                 <view class='cell-item-bd'>

  80.                 </view>

  81.                 <view class='cell-item-ft' v-if="data.params.lookMore == 'true'">

  82.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  83.                     <text class='cell-ft-text' @click="goodsList({cat_id: data.params.classifyId,brand_id:data.params.brandId})">查看更多</text>

  84.                 </view>

  85.             </view>

  86.             <view v-if="data.params.list.length>0">

  87.                 <view class="img-list-item" v-for="(item, index) in data.params.list" :key="index" @click="goodsDetail(item.id)">

  88.                     <image class="img-list-item-l have-none" :src="item.image_url" mode='aspectFill'></image>

  89.                     <view class="img-list-item-r">

  90.                         <view class="goods-name list-goods-name">

  91.                             {{item.name}}

  92.                         </view>

  93.                         <view class="goods-item-c">

  94.                             <view class="goods-price red-price">￥{{item.price}}</view>

  95.                             <view class="goods-buy">

  96.                                 <view class="goods-salesvolume" v-if="item.comments_count > 0">{{item.comments_count}}条评论</view>

  97.                                 <view class="goods-salesvolume" v-else-if="item.comments_count <= 0">暂无评论</view>

  98.                                 <image class="goods-cart" src="/static/image/ic-car.png"></image>

  99.                             </view>

  100.                         </view>

  101.                     </view>

  102.                 </view>

  103.             </view>

  104.             <view class="order-none" v-else>

  105.                 <image class="order-none-img" src="/static/image/order.png" mode=""></image>

  106.             </view>

  107.         </view>

  108.         

  109.         <!-- 横向滚动 -->

  110.         <view class='img-grids bottom-cell-group' 

  111.         v-if="data.params.column == '2' && data.params.display == 'slide' || data.params.column == '3' && data.params.display == 'slide'"

  112.         v-bind:class="'slide'+data.params.column">

  113.             <view class='cell-item right-img' v-if="data.params.title != ''">

  114.                 <view class='cell-item-hd'>

  115.                     <view class='cell-hd-title'>{{data.params.title}}</view>

  116.                 </view>

  117.                 <view class='cell-item-bd'>

  118.                 </view>

  119.                 <view class='cell-item-ft' v-if="data.params.lookMore == 'true'">

  120.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  121.                     <text class='cell-ft-text' @click="goodsList({cat_id: data.params.classifyId,brand_id:data.params.brandId})">查看更多</text>

  122.                 </view>

  123.             </view>

  124.             <view class='swiper-grids'>

  125.                 <scroll-view class='swiper-list' scroll-x="true" v-if="data.params.list.length">

  126.                     <view class='img-grids-item' v-for="item in data.params.list" :key="item.id" @click="goodsDetail(item.id)">

  127.                         <image class='img-grids-item-t have-none' :src='item.image_url' mode='aspectFill'></image>

  128.                         <view class='img-grids-item-b'>

  129.                             <view class='goods-name grids-goods-name'>{{ item.name }}</view>

  130.                             <view class='goods-item-c'>

  131.                                 <view class='goods-price red-price'>￥{{ item.price }}</view>

  132.                             </view>

  133.                         </view>

  134.                     </view>

  135.                 </scroll-view>

  136.                 <view v-else-if="!goodsListOfHotAjax && !goodsListOfHot.length">

  137.                     <scroll-view class='swiper-list' scroll-x="true">

  138.                         <view class='img-grids-item'>

  139.                             <image class='img-grids-item-t have-none' src='' mode='aspectFill'></image>

  140.                             <view class='img-grids-item-b'>

  141.                                 <view class='goods-name grids-goods-name have-none'></view>

  142.                                 <view class='goods-item-c'>

  143.                                     <view class='goods-price red-price have-none'></view>

  144.                                 </view>

  145.                             </view>

  146.                         </view>

  147.                         <view class='img-grids-item'>

  148.                             <image class='img-grids-item-t have-none' src='' mode='aspectFill'></image>

  149.                             <view class='img-grids-item-b'>

  150.                                 <view class='goods-name grids-goods-name have-none'></view>

  151.                                 <view class='goods-item-c'>

  152.                                     <view class='goods-price red-price have-none'></view>

  153.                                 </view>

  154.                             </view>

  155.                         </view>

  156.                         <view class='img-grids-item'>

  157.                             <image class='img-grids-item-t have-none' src='' mode=''></image>

  158.                             <view class='img-grids-item-b'>

  159.                                 <view class='goods-name grids-goods-name have-none'></view>

  160.                                 <view class='goods-item-c'>

  161.                                     <view class='goods-price red-price have-none'></view>

  162.                                 </view>

  163.                             </view>

  164.                         </view>

  165.                     </scroll-view>

  166.                 </view>

  167.                 <view v-else="">

  168.                     <scroll-view class='swiper-list' scroll-x="true"></scroll-view>

  169.                 </view>

  170.             </view>

  171.         </view>

  172.     </view>

  173. </template>

  174. 

  175. <script>

  176. import {goods} from '@/config/mixins.js'

  177. export default {

  178.     mixins: [goods],

  179.     name: "jshopgoods",

  180.     props: {

  181.         data:{

  182.             // type: Array,

  183.             required: true,

  184.         }

  185.     },

  186.     methods: {

  187.         //跳转到商品详情页面

  188.         goodsDetail: function(id) {

  189.             let url = '/pages/goods/index/index?id=' + id;

  190.             this.$common.navigateTo(url);

  191.         },

  192.     },

  193. }

  194. </script>

  195. 

  196. <style>

  197. .cell-item {

  198.     border: none;

  199.     /* padding-bottom: 0; */

  200. }

  201. .cell-ft-text {

  202.     font-size: 22upx;

  203.     color: #999;

  204. }

  205. .img-grids,.img-list{

  206.     /* margin-top: 20upx; */

  207.     background-color: #fff;

  208. }

  209. .img-grids-item{

  210.     display: inline-table;

  211.     margin-top: 0;

  212.     margin-bottom: 14upx;

  213. }

  214. .column3 .img-grids-item{

  215.     width: 230upx;

  216.     margin: 15upx;

  217.     margin-right: 0;

  218.     margin-top: 0;

  219.     margin-bottom: 6upx;

  220. }

  221. .column3 .img-grids-item:nth-child(3n){

  222.     margin-right: 15upx;

  223. }

  224. .column3 .img-grids-item-t{

  225.     width: 230upx;

  226.     height: 230upx;

  227. }

  228. .column3 .grids-goods-name{

  229.     font-size: 24upx;

  230.     height: 68upx;

  231. }

  232. .column3 .img-grids-item-b{

  233.     padding: 0 8upx 8upx;

  234. }

  235. .column3 .goods-price{

  236.     font-size: 26upx;

  237. }

  238. .slide3 .img-grids-item{

  239.     width: 200upx;

  240. }

  241. .slide3 .img-grids-item-t{

  242.     width: 200upx;

  243.     height: 200upx;

  244. }

  245. .slide3 .grids-goods-name{

  246.     font-size: 24upx;

  247. }

  248. .index-goods .img-grids-item{

  249.     display: inline-block;

  250.     margin-top: 0;

  251. }

  252. .index-goods .img-list-item{

  253.     padding: 0upx 26upx;

  254.     margin-bottom: 14upx;

  255. }

  256. .index-goods .img-list{

  257.     padding-bottom: 10upx;

  258. }

  259. </style>

  260.
jshop-groupPurchase.vue
复制代码
  1. <template>

  2.     <!-- 团购秒杀 -->

  3.     <view class="img-list bottom-cell-group group-buying" v-if="data.params.list && data.params.list.length > 0">

  4.         <view class='cell-item right-img'>

  5.             <view class='cell-item-hd group-title'>

  6.                 {{data.params.title}}

  7.                 <!-- <view class='cell-hd-title'></view> -->

  8.             </view>

  9.         </view>

  10.         <view class='swiper-grids'>

  11.             <scroll-view class='swiper-list' scroll-x="true">

  12.                 <view class="img-list-item" v-if="item.goods !== 'undefined' && item.goods" v-for="(item, key) in data.params.list"

  13.                  :key="key">

  14.                     <image class="img-list-item-l medium-img have-none" :src="item.goods.image_url" mode='aspectFill' @click="groupDetail(item.goods.id, item.goods.group_id)"></image>

  15.                     <view class="img-list-item-r medium-right">

  16.                         <view class="goods-name list-goods-name" @click="groupDetail(item.goods.id, item.goods.group_id)">{{item.goods.name}}</view>

  17.                         <view class="goods-item-c">

  18.                             <view class="goods-price red-price">￥{{item.goods.product.price}}</view>

  19.                             <view class="goods-buy">

  20.                                 <view class="goods-salesvolume red-price" v-if="(item.goods.lasttime != '已经结束' || item.goods.lasttime != '即将开始') && item.goods.lasttime">剩余：<uni-countdown

  21.                                      :show-day="false" :hour="item.goods.lasttime.hour" :minute="item.goods.lasttime.minute" :second="item.goods.lasttime.second"></uni-countdown>

  22.                                 </view>

  23.                                 <view class="goods-salesvolume red-price" v-if="item.goods.lasttime == '已经结束'">已结束</view>

  24.                                 <view class="goods-salesvolume red-price" v-if="item.goods.lasttime == '即将开始'">即将开始</view>

  25.                                 <image class="goods-cart" src="/static/image/ic-car.png" @click="groupDetail(item.goods.id, item.goods.group_id)"></image>

  26.                             </view>

  27.                         </view>

  28.                     </view>

  29.                 </view>

  30.             </scroll-view>

  31.         </view>

  32.     </view>

  33. </template>

  34. 

  35. <script>

  36.     import uniCountdown from "@/components/uni-countdown/uni-countdown.vue"

  37.     import {

  38.         goods

  39.     } from '@/config/mixins.js'

  40.     export default {

  41.         mixins: [goods],

  42.         components: {

  43.             uniCountdown

  44.         },

  45.         name: "jshopgrouppurchase",

  46.         props: {

  47.             data: {

  48.                 // type: Array,

  49.                 required: false,

  50.             }

  51.         },

  52.         methods: {

  53.             showSliderInfo(type, val) {

  54.                 if (type == 1) {

  55.                     if (val.indexOf('http') != -1) {

  56.                         // #ifdef H5 

  57.                         window.location.href = val

  58.                         // #endif

  59.                     } else {

  60.                         // #ifdef H5 || APP-PLUS || APP-PLUS-NVUE || MP

  61.                         if (val == '/pages/classify/classify' || val == '/pages/cart/index/index' || val == '/pages/member/index/index') {

  62.                             uni.switchTab({

  63.                                 url: val

  64.                             });

  65.                             return;

  66.                         } else {

  67.                             this.$common.navigateTo(val);

  68.                             return;

  69.                         }

  70.                         // #endif

  71.                     }

  72.                 } else if (type == 2) {

  73.                     // 商品详情

  74.                     this.goodsDetail(val)

  75.                 } else if (type == 3) {

  76.                     // 文章详情

  77.                     this.$common.navigateTo('/pages/article/index?id=' + val +'&id_type=1')

  78.                 } else if (type == 4) {

  79.                     // 文章列表

  80.                     this.$common.navigateTo('/pages/article/list?cid=' + val)

  81.                 } else if (type == 5) {

  82.                     //智能表单 

  83.                     this.$common.navigateTo('/pages/form/detail/form?id=' + val)

  84.                 }

  85.             },

  86.             //跳转到商品详情页面

  87.             // goodsDetail: function(id) {

  88.             //     let url = '/pages/goods/index/index?id=' + id;

  89.             //     this.$common.navigateTo(url);

  90.             // },

  91.         },

  92.     }

  93. </script>

  94. 

  95. <style>

  96.     .img-list,

  97.     .img-grids {

  98.         background-color: #fff;

  99.     }

  100. 

  101.     .cell-item {

  102.         border: none;

  103.     }

  104. 

  105.     .group-buying .img-list-item {

  106.         min-height: 236upx;

  107.         padding: 20upx;

  108.         margin-left: 26upx;

  109.         margin-bottom: 26upx;

  110.         display: inline-table;

  111.         background-color: #f9f9f9;

  112.     }

  113. 

  114.     .swiper-grids .img-list-item:last-child {

  115.         margin-right: 26upx;

  116.     }

  117. 

  118.     /* .group-buying .goods-name{

  119.     min-height: 74upx;

  120. } */

  121.     .group-buying .group-title {

  122.         width: 100%;

  123.         overflow: hidden;

  124.         text-overflow: ellipsis;

  125.         white-space: nowrap;

  126.     }

  127. </style>

  128.
jshop-imgSingle.vue
复制代码
  1. <template>

  2.     <!-- 单图 -->

  3.     <view class="ad jshop-imgsingle" v-if="data.params.list && data.params.list.length > 0">

  4.         <view class="" v-for="item in data.params.list" :key="item.id">

  5.             <image class="ad-img" :src="item.image" mode="widthFix" @click="showSliderInfo(item.linkType, item.linkValue)"></image>

  6.             <view class="imgup-btn" v-if="item.buttonText != ''" @click="showSliderInfo(item.linkType, item.linkValue)">

  7.                 <button class="btn btn-fillet" :style="{background:item.buttonColor,color:item.textColor}">{{item.buttonText}}</button>

  8.             </view>

  9.         </view>

  10.     </view>

  11. </template>

  12. 

  13. <script>

  14.     export default {

  15.         name: "jshopimgsingle",

  16.         props: {

  17.             data: {

  18.                 // type: Object,

  19.                 required: true,

  20.             }

  21.         },

  22.         methods: {

  23.             showSliderInfo(type, val) {

  24.                 if (!val) {

  25.                     return;

  26.                 }

  27.                 if (type == 1) {

  28.                     if (val.indexOf('http') != -1) {

  29.                         // #ifdef H5 

  30.                         window.location.href = val

  31.                         // #endif

  32.                     } else {

  33.                         // #ifdef H5 || APP-PLUS || APP-PLUS-NVUE || MP

  34.                         if (val == '/pages/index/index' || val == '/pages/classify/classify' || val == '/pages/cart/index/index' || val == '/pages/member/index/index') {

  35.                             uni.switchTab({

  36.                                 url: val

  37.                             });

  38.                             return;

  39.                         } else {

  40.                             this.$common.navigateTo(val);

  41.                             return;

  42.                         }

  43.                         // #endif

  44.                     }

  45.                 } else if (type == 2) {

  46.                     // 商品详情

  47.                     this.goodsDetail(val)

  48.                 } else if (type == 3) {

  49.                     // 文章详情

  50.                     this.$common.navigateTo('/pages/article/index?id=' + val + '&id_type=1')

  51.                 } else if (type == 4) {

  52.                     // 文章列表

  53.                     this.$common.navigateTo('/pages/article/list?cid=' + val)

  54.                 } else if (type == 5) {

  55.                     //智能表单 

  56.                     this.$common.navigateTo('/pages/form/detail/form?id=' + val)

  57.                 }

  58.             },

  59.             //跳转到商品详情页面

  60.             goodsDetail: function(id) {

  61.                 // let ins = encodeURIComponent('id='+id);

  62.                 let url = '/pages/goods/index/index?id=' + id;

  63.                 this.$common.navigateTo(url);

  64.             },

  65.         },

  66.     }

  67. </script>

  68. 

  69. <style>

  70.     /* .ad {

  71.     width: 100%;

  72.     overflow: hidden;

  73. }

  74. .ad-img{

  75.     width: 100%;

  76.     float: left;

  77.     margin-bottom: 20upx;

  78. }

  79. .ad-img:last-child{

  80.     margin-bottom: 0;

  81. } */

  82.     .jshop-imgsingle.ad {

  83.         width: 100%;

  84.         overflow: hidden;

  85.         position: relative;

  86.     }

  87. 

  88.     .jshop-imgsingle .ad-img {

  89.         width: 100%;

  90.         float: left;

  91.         position: relative;

  92.         z-index: 667;

  93.         /* margin-bottom: 20upx; */

  94.     }

  95. 

  96.     .jshop-imgsingle .ad-img:last-child {

  97.         margin-bottom: 0;

  98.     }

  99. 

  100.     .jshop-imgsingle .imgup-btn {

  101.         position: absolute;

  102.         z-index: 668;

  103.         bottom: 80upx;

  104.         left: 40upx;

  105.     }

  106. 

  107.     .jshop-imgsingle .imgup-btn .btn {

  108.         line-height: 2;

  109.         font-size: 28upx;

  110.         padding: 0 50upx;

  111.     }

  112. </style>

  113.
jshop-imgSlide.vue
复制代码
  1. <template>

  2.     <view class='swiper bottom-cell-group' v-if="data.params.list && data.params.list.length > 0">

  3.         <swiper class="swiper-c" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay" :interval="data.params.duration"

  4.          :duration="swiper.duration">

  5.             <swiper-item class="have-none" v-for="(item, index) in data.params.list" :key="index">

  6.                 <image class='' :src="item.image" @click="showSliderInfo(item.linkType, item.linkValue)" mode="aspectFill"></image>

  7.             </swiper-item>

  8.         </swiper>

  9.     </view>

  10. </template>

  11. 

  12. <script>

  13.     export default {

  14.         name: "jshopimgSlide",

  15.         props: {

  16.             data: {

  17.                 // type: Object,

  18.                 required: true,

  19.             }

  20.         },

  21.         data() {

  22.             return {

  23.                 swiper: {

  24.                     indicatorDots: true,

  25.                     autoplay: true,

  26.                     // interval: 2000,

  27.                     duration: 500,

  28.                 },

  29.             };

  30.         },

  31.         created() {},

  32.         watch: {},

  33.         methods: {

  34.             // 广告点击查看详情

  35.             showSliderInfo(type, val) {

  36.                 if (!val) {

  37.                     return;

  38.                 }

  39.                 if (type == 1) {

  40.                     if (val.indexOf('http') != -1) {

  41.                         // #ifdef H5 

  42.                         window.location.href = val

  43.                         // #endif

  44.                     } else {

  45.                         // #ifdef H5 || APP-PLUS || APP-PLUS-NVUE || MP

  46.                         if (val == '/pages/index/index' || val == '/pages/classify/classify' || val == '/pages/cart/index/index' || val == '/pages/member/index/index') {

  47.                             uni.switchTab({

  48.                                 url: val

  49.                             });

  50.                             return;

  51.                         } else {

  52.                             this.$common.navigateTo(val);

  53.                             return;

  54.                         }

  55.                         // #endif

  56.                     }

  57.                 } else if (type == 2) {

  58.                     // 商品详情

  59.                     this.goodsDetail(val)

  60.                 } else if (type == 3) {

  61.                     // 文章详情

  62.                     this.$common.navigateTo('/pages/article/index?id=' + val + '&id_type=1')

  63.                 } else if (type == 4) {

  64.                     // 文章列表

  65.                     this.$common.navigateTo('/pages/article/list?cid=' + val)

  66.                 } else if (type == 5) {

  67.                     //智能表单 

  68.                     this.$common.navigateTo('/pages/form/detail/form?id=' + val)

  69.                 }

  70.             },

  71.             //跳转到商品详情页面

  72.             goodsDetail: function(id) {

  73.                 let url = '/pages/goods/index/index?id=' + id;

  74.                 this.$common.navigateTo(url);

  75.             },

  76.         }

  77.     }

  78. </script>

  79. 

  80. <style>

  81.     .swiper {

  82.         height: 340upx;

  83.     }

  84. </style>

  85.
jshop-imgWindow.vue
复制代码
  1. <template>

  2.     <view class="imgwindow bottom-cell-group">

  3.         <view class="imgwindow-list" v-if="data.params.style == '2' ||data.params.style == '3' ||data.params.style == '4'"

  4.          v-bind:class="'row'+data.params.style" :style="{margin:-data.params.margin+'px'}">

  5.             <view class="imgwindow-item" ref="imgwitem" :style="{height:height+'px',padding:data.params.margin+'px'}" v-for="(item, index) in data.params.list"

  6.              :key="index">

  7.                 <image :src="item.image" mode="aspectFill" @click="showSliderInfo(item.linkType, item.linkValue)"></image>

  8.             </view>

  9.         </view>

  10.         <view class="imgwindow-list" v-if="data.params.style == '0'" v-bind:class="'row'+data.params.style" :style="{margin:-data.params.margin+'px'}">

  11.             <view class="imgwindow-item" ref="imgwitem" :style="{height:height+'px',padding:data.params.margin+'px'}" v-for="(item, index) in data.params.list"

  12.              :key="index" v-if="index == 0">

  13.                 <image :src="item.image" mode="aspectFill" @click="showSliderInfo(item.linkType, item.linkValue)"></image>

  14.             </view>

  15.             <view class="imgwindow-item" ref="imgwitem" :style="{height:height1+'px',padding:data.params.margin+'px'}" v-for="(item, index) in data.params.list"

  16.              :key="index" v-if="index !== 0">

  17.                 <image :src="item.image" mode="aspectFill" @click="showSliderInfo(item.linkType, item.linkValue)"></image>

  18.             </view>

  19.         </view>

  20.     </view>

  21. </template>

  22. 

  23. <script>

  24.     export default {

  25.         name: "jshopimgwindow",

  26.         props: {

  27.             data: {

  28.                 // type: Object,

  29.                 required: true,

  30.             }

  31.         },

  32.         data() {

  33.             return {

  34.                 height: '',

  35.                 height1: '',

  36.                 padding: '3'

  37.             }

  38.         },

  39.         mounted() {

  40.             // #ifdef H5 || APP-PLUS || APP-PLUS-NVUE

  41.             var view = uni.createSelectorQuery().in(this).select(".imgwindow-item");

  42.             view.boundingClientRect(data => {

  43.                 this.height = data.width;

  44.                 // 橱窗小图高度

  45.                 this.height1 = data.width / 2;

  46.             }).exec();

  47.             // #endif

  48. 

  49.             // #ifdef MP-ALIPAY

  50.             var view = uni.createSelectorQuery().select(".content").boundingClientRect().exec(data => {

  51.                 this.height1 = data[0].width / 4;

  52.                 if (this.data.params.style == '3') {

  53.                     this.height = data[0].width / 3;

  54.                 } else if (this.data.params.style == '2') {

  55.                     this.height = data[0].width / 2;

  56.                 } else if (this.data.params.style == '4') {

  57.                     this.height = data[0].width / 4;

  58.                 } else if (this.data.params.style == '0') {

  59.                     this.height = data[0].width / 2;

  60.                 }

  61.             });

  62.             // #endif

  63. 

  64.             // #ifdef MP-WEIXIN

  65. 

  66.             var view = uni.createSelectorQuery().select(".content");

  67. 

  68.             view.boundingClientRect(data => {

  69. 

  70.                 this.height1 = data.width / 4;

  71.                 if (this.data.params.style == '3') {

  72.                     this.height = data.width / 3;

  73.                 } else if (this.data.params.style == '2') {

  74.                     this.height = data.width / 2;

  75.                 } else if (this.data.params.style == '4') {

  76.                     this.height = data.width / 4;

  77.                 } else if (this.data.params.style == '0') {

  78.                     this.height = data.width / 2;

  79.                 }

  80.             }).exec();

  81.             // #endif

  82.         },

  83.         methods: {

  84.             showSliderInfo(type, val) {

  85.                 if (!val) {

  86.                     return;

  87.                 }

  88.                 if (type == 1) {

  89.                     if (val.indexOf('http') != -1) {

  90.                         // #ifdef H5 

  91.                         window.location.href = val

  92.                         // #endif

  93.                     } else {

  94.                         // #ifdef H5 || APP-PLUS || APP-PLUS-NVUE || MP

  95.                         if (val == '/pages/index/index' || val == '/pages/classify/classify' || val == '/pages/cart/index/index' || val ==

  96.                             '/pages/member/index/index') {

  97.                             uni.switchTab({

  98.                                 url: val

  99.                             });

  100.                             return;

  101.                         } else {

  102.                             this.$common.navigateTo(val);

  103.                             return;

  104.                         }

  105.                         // #endif

  106.                     }

  107.                 } else if (type == 2) {

  108.                     // 商品详情

  109.                     this.goodsDetail(val)

  110.                 } else if (type == 3) {

  111.                     // 文章详情

  112.                     this.$common.navigateTo('/pages/article/index?id=' + val + '&id_type=1')

  113.                 } else if (type == 4) {

  114.                     // 文章列表

  115.                     this.$common.navigateTo('/pages/article/list?cid=' + val)

  116.                 } else if (type == 5) {

  117.                     //智能表单 

  118.                     this.$common.navigateTo('/pages/form/detail/form?id=' + val)

  119.                 }

  120.             },

  121.             //跳转到商品详情页面

  122.             goodsDetail: function(id) {

  123.                 let url = '/pages/goods/index/index?id=' + id;

  124.                 this.$common.navigateTo(url);

  125.             },

  126.         }

  127.     }

  128. </script>

  129. 

  130. <style>

  131.     .imgwindow {

  132.         width: 100%;

  133.     }

  134. 

  135.     .imgwindow-list {

  136.         overflow: hidden;

  137.         /* margin: -16upx; */

  138.     }

  139. 

  140.     /* 堆积两列 */

  141.     .imgwindow-list .imgwindow-item {

  142.         height: auto;

  143.         float: left;

  144.         /* padding: 8upx; */

  145.     }

  146. 

  147.     .imgwindow-list .imgwindow-item image {

  148.         width: 100%;

  149.         height: 100%;

  150.     }

  151. 

  152.     .imgwindow-list.row0 .imgwindow-item:first-child {

  153.         width: 50%;

  154.     }

  155. 

  156.     .imgwindow-list.row0 .imgwindow-item:nth-child(2) {

  157.         width: 50%;

  158.     }

  159. 

  160.     .imgwindow-list.row0 .imgwindow-item:nth-child(3),

  161.     .imgwindow-list.row0 .imgwindow-item:nth-child(4) {

  162.         width: 25%;

  163. 

  164.     }

  165. 

  166.     .imgwindow-list.row2 .imgwindow-item {

  167.         width: 50%;

  168.     }

  169. 

  170.     .imgwindow-list.row3 .imgwindow-item {

  171.         width: 33.3%;

  172.     }

  173. 

  174.     .imgwindow-list.row4 .imgwindow-item {

  175.         width: 25%;

  176.     }

  177. </style>

  178.
jshop-navBar.vue
复制代码
  1. <template>

  2.     <view class="imgnavbar bottom-cell-group">

  3.         <view class="imgnavbar-list" v-if="data.params.limit == '3' ||data.params.limit == '4' ||data.params.limit == '5'"

  4.          v-bind:class="'row'+data.params.limit">

  5.             <view class="imgnavbar-item" ref="imgwitem" v-for="(item, index) in data.params.list" :key="index">

  6.                 <image class="imgnavbar-item-img" :src="item.image" mode="aspectFill" @click="showSliderInfo(item.linkType, item.linkValue)"></image>

  7.                 <view class="imgnavbar-item-text">{{item.text}}</view>

  8.             </view>

  9.         </view>

  10.     </view>

  11. </template>

  12. 

  13. <script>

  14.     export default {

  15.         name: "jshopnavbar",

  16.         props: {

  17.             data: {

  18.                 // type: Object,

  19.                 required: true,

  20.             }

  21.         },

  22.         data() {

  23.             return {

  24.                 height: '',

  25.                 height1: ''

  26.             }

  27.         },

  28.         onLoad() {

  29. 

  30.         },

  31.         mounted() {

  32. 

  33.         },

  34.         methods: {

  35.             showSliderInfo(type, val) {

  36.                 if (!val) {

  37.                     return;

  38.                 }

  39.                 if (type == 1) {

  40.                     if (val.indexOf('http') != -1) {

  41.                         // #ifdef H5 

  42.                         window.location.href = val

  43.                         // #endif

  44.                     } else {

  45.                         // #ifdef H5 || APP-PLUS || APP-PLUS-NVUE || MP

  46.                         if (val == '/pages/index/index' || val == '/pages/classify/classify' || val == '/pages/cart/index/index' || val == '/pages/member/index/index') {

  47.                             uni.switchTab({

  48.                                 url: val

  49.                             });

  50.                             return;

  51.                         } else {

  52.                             this.$common.navigateTo(val);

  53.                             return;

  54.                         }

  55.                         // #endif

  56.                     }

  57.                 } else if (type == 2) {

  58.                     // 商品详情

  59.                     this.goodsDetail(val)

  60.                 } else if (type == 3) {

  61.                     // 文章详情

  62.                     this.$common.navigateTo('/pages/article/index?id=' + val + '&id_type=1')

  63.                 } else if (type == 4) {

  64.                     // 文章列表

  65.                     this.$common.navigateTo('/pages/article/list?cid=' + val)

  66.                 } else if (type == 5) {

  67.                     //智能表单 

  68.                     this.$common.navigateTo('/pages/form/detail/form?id=' + val)

  69.                 }

  70.             },

  71.             //跳转到商品详情页面

  72.             goodsDetail: function(id) {

  73.                 let url = '/pages/goods/index/index?id=' + id;

  74.                 this.$common.navigateTo(url);

  75.             },

  76.         }

  77.     }

  78. </script>

  79. 

  80. <style>

  81.     .imgnavbar {

  82.         width: 100%;

  83.         background-color: #fff;

  84.     }

  85. 

  86.     .imgnavbar-list {

  87.         overflow: hidden;

  88.         padding: 24upx 0 0;

  89.     }

  90. 

  91.     /* 堆积两列 */

  92.     .imgnavbar-list .imgnavbar-item {

  93.         height: auto;

  94.         float: left;

  95.         padding: 0upx 10upx;

  96.         margin-bottom: 20upx;

  97.         text-align: center;

  98.     }

  99. 

  100.     .imgnavbar-list .imgnavbar-item image {

  101.         width: 90upx;

  102.         height: 90upx;

  103.         margin-bottom: 6upx;

  104.     }

  105. 

  106.     .imgnavbar-item-text {

  107.         font-size: 26upx;

  108.         color: #666;

  109.         width: 100%;

  110.         overflow: hidden;

  111.         text-overflow: ellipsis;

  112.         white-space: nowrap;

  113.     }

  114. 

  115.     .imgnavbar-list.row3 .imgnavbar-item {

  116.         width: 33.3%;

  117.     }

  118. 

  119.     .imgnavbar-list.row4 .imgnavbar-item {

  120.         width: 25%;

  121.     }

  122. 

  123.     .imgnavbar-list.row5 .imgnavbar-item {

  124.         width: 20%;

  125.     }

  126. 

  127.     .imgnavbar-list.row5 .imgnavbar-item .imgnavbar-item-text {

  128.         font-size: 24upx;

  129.     }

  130. </style>

  131.
jshop-notice.vue
复制代码
  1. <template>

  2.     <view class="notice bottom-cell-group" v-if="data.params.list && data.params.list.length > 0">

  3.         <view class="notice-icon">

  4.             <image class="icon news-icon" src="/static/image/news.png" mode=""></image>

  5.         </view>

  6.         <swiper class="notice-c" :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000" :vertical="true" :circular="true">

  7.             <swiper-item v-for="item in data.params.list" :key="item.id">

  8.                 <view class="swiper-item" @click="goNotice(item.id)">{{ item.title }}</view>

  9.             </swiper-item>

  10.         </swiper>

  11.     </view>

  12. </template>

  13. 

  14. <script>

  15.     export default {

  16.         name: "jshopnotice",

  17.         props: {

  18.             data:{

  19.                 // type: Object,

  20.                 required: true,

  21.             }

  22.         },

  23.         methods: {

  24.             // 点击公告

  25.             goNotice(id) {

  26.                 // 文章详情

  27.                 this.$common.navigateTo('/pages/article/index?id=' + id+'&id_type=2')

  28.             },

  29.         },

  30.     }

  31. </script>

  32. 

  33. <style>

  34. .notice {

  35.     padding: 6upx 26upx 6upx 60upx;

  36.     position: relative;

  37.     overflow: hidden;

  38.     background-color: #fff;

  39.     color: #333;

  40. }

  41. .notice-icon {

  42.     display: inline-block;

  43.     height: 40upx;

  44.     position: absolute;

  45.     top: 59%;

  46.     left: 26upx;

  47.     transform: translateY(-50%);

  48.     overflow: hidden;

  49. }

  50. .news-icon {

  51.     width: 30upx;

  52.     height: 30upx;

  53.     float: left;

  54. }

  55. .notice-c {

  56.     margin-left: 10upx;

  57.     height: 50upx;

  58.     line-height: 50upx;

  59.     width: 630upx;

  60.     display: inline-block;

  61.     font-size: 28upx;

  62.     float: left;

  63. }

  64. </style>

  65.
jshop-pintuan.vue
复制代码
  1. <template>

  2.     <!-- 拼团 -->

  3.     <view class="img-list bottom-cell-group group-buying" v-if="data.params.list && data.params.list.length > 0">

  4.         <view class='cell-item right-img'>

  5.             <view class='cell-item-hd group-title'>

  6.                 {{data.params.title}}

  7.             </view>

  8.         </view>

  9.         <view class='swiper-grids' >

  10.             <scroll-view class='swiper-list' scroll-x="true">

  11.                 <view class="img-list-item" v-if="item.goods_id !== 'undefined' && item.goods_id" v-for="(item, key) in data.params.list" :key="key">

  12.                     <image class="img-list-item-l medium-img have-none" :src="item.goods_image" mode='aspectFill' @click="pintuanDetail(item.goods_id)"></image>

  13.                     <view class="img-list-item-r medium-right">

  14.                         <view class="goods-name list-goods-name" @click="pintuanDetail(item.goods_id)">{{item.goods_name}}</view>

  15.                         <view class="goods-item-c">

  16.                             <view class="goods-price red-price">￥{{item.pintuan_price}}</view>

  17.                             <view class="goods-buy">

  18.                                 <view class="goods-salesvolume red-price" v-if="(item.pintuan_start_status == 1) && item.lasttime">剩余：<uni-countdown :show-day="false" :hour="item.lasttime.hour" :minute="item.lasttime.minute" :second="item.lasttime.second"></uni-countdown></view>

  19.                                 <view class="goods-salesvolume red-price" v-if="item.pintuan_start_status == 3">已结束</view>

  20.                                 <view class="goods-salesvolume red-price" v-if="item.pintuan_start_status == 2">即将开团</view>

  21.                                 

  22.                                 <image class="goods-cart" src="/static/image/ic-car.png" @click="pintuanDetail(item.goods.id)"></image>

  23.                             </view>

  24.                         </view>

  25.                     </view>

  26.                 </view>

  27.             </scroll-view>

  28.         </view>

  29.     </view>

  30. </template>

  31. 

  32. <script>

  33. import uniCountdown from "@/components/uni-countdown/uni-countdown.vue"

  34. import {goods} from '@/config/mixins.js'

  35. export default {

  36.     mixins: [goods],

  37.     components:{uniCountdown},

  38.     name: "jshoppintuan",

  39.     props: {

  40.         data:{

  41.             // type: Array,

  42.             required: false,

  43.         }

  44.     },

  45.     methods: {

  46.     },

  47. }

  48. </script>

  49. 

  50. <style>

  51. .img-list, .img-grids {

  52.     background-color: #fff;

  53. }

  54. .cell-item{

  55.     border: none;

  56. }

  57. .group-buying .img-list-item{

  58.     min-height: 236upx;

  59.     padding: 20upx;

  60.     margin-left: 26upx;

  61.     margin-bottom: 26upx;

  62.     display: inline-table;

  63.     background-color: #f9f9f9;

  64. }

  65. .swiper-grids .img-list-item:last-child{

  66.     margin-right: 26upx;

  67. }

  68. 

  69. /* .group-buying .goods-name{

  70.     min-height: 74upx;

  71. } */

  72. .group-buying .group-title{

  73.     width: 100%;

  74.     overflow: hidden;

  75.   text-overflow: ellipsis;

  76.   white-space: nowrap;

  77. }

  78. </style>

  79.
jshop-record.vue
复制代码
  1. <template>

  2.     <view class="adbrathing" 

  3.     v-show="adbshow" 

  4.     v-bind:class="['adbrathing'+data.params.style.align,!hideanimation?'pc':hideanimation?'hc':'']" 

  5.     :style="{top:data.params.style.top+'%'}" >

  6.         <view class="adbrathing-c">

  7.             <view class="adbrathing-l">

  8.                 <image class="user-head-img" :src="log.avatar" mode="aspectFill"></image>

  9.                 <view class="user-name">

  10.                     {{log.nickname}}

  11.                 </view>

  12.             </view>

  13.             <view class="adbrathing-r">

  14.                  {{log.ctime}}{{log.desc}}

  15.             </view>

  16.         </view>

  17.     </view>

  18. </template>

  19. 

  20. <script>

  21. import { apiBaseUrl } from '@/config/config.js';

  22. export default {

  23.     name: "jshoprecord",

  24.     props: {

  25.         data:{

  26.             // type: Object,

  27.             required: true,

  28.         },

  29.         //记录显示的位置类型

  30.         ltype:{

  31.             type: String,

  32.             required: false,

  33.             default:'home',

  34.         },

  35.         //记录显示的位置的值

  36.         lvalue:{

  37.             type: String,

  38.             required: false,

  39.             default:'0',

  40.         }

  41.     },

  42.     data() {

  43.         return { 

  44.             adbshow:false,

  45.             hideanimation: true,

  46.             log:{

  47.                 avatar:'/static/demo-img/user-head.jpg',

  48.                 nickname:'',

  49.                 desc:'',

  50.                 ctime:'',

  51.             },

  52.             times:{},//定时器

  53.         };

  54.     },

  55.     methods:{

  56.         //隐藏

  57.         hideLog(){

  58.             var _this = this;    

  59.             _this.times = setInterval(function(){

  60.                 _this.adbshow = !_this.adbshow;

  61.                 _this.hideanimation = !_this.hideanimation;

  62.                 clearInterval(_this.times);

  63.                 _this.times = setInterval(function(){

  64.                     _this.getRecod();

  65.                 },5000);

  66.             },3000)

  67.         },

  68.         //获取日志

  69.         getRecod(){

  70.             var _this = this;

  71.             if(_this.times !={}){

  72.                 clearInterval(_this.times);

  73.             }

  74.             var data = {

  75.                 type:_this.ltype,

  76.                 value:_this.lvalue,

  77.                 method:'pages.getrecod',

  78.             };

  79.             uni.request({

  80.                 url: apiBaseUrl+'api.html',

  81.                 data: data,

  82.                 header: {

  83.                     'Accept': 'application/json',

  84.                     'Content-Type': 'application/json',

  85.                 },

  86.                 method: 'POST',

  87.                 success: (response) => {

  88.                     var res = response.data;

  89.                     if(res.status == true){

  90.                         if(res.data){

  91.                             _this.log = res.data;

  92.                             _this.adbshow = true;

  93.                             _this.hideanimation = false;

  94.                             _this.hideLog();

  95.                         }

  96.                     }

  97.                 }

  98.             });

  99.         }

  100.     },

  101.     mounted() {

  102.         this.getRecod();

  103.     }

  104. }

  105. </script>

  106. 

  107. <style lang="scss">

  108. .adbrathing{

  109.     position: fixed;

  110.     // top: 100px;

  111.     // right: 30upx;

  112.     // max-width: 400upx;

  113.     height: 70upx;

  114.     background-color: rgba(0,0,0,.5);

  115.     border-radius: 10upx;

  116.     padding: 10upx;

  117.     z-index: 666;

  118.     .adbrathing-c{

  119.         width: 100%;

  120.         height: 100%;

  121.         overflow: hidden;

  122.         color: #fff;

  123.         font-size: 24upx;

  124.         

  125.         .adbrathing-l{

  126.             display: inline-block;

  127.             height: 100%;

  128.             float: left;

  129.             overflow: hidden;

  130.             .user-head-img{

  131.                 width: 50upx;

  132.                 height: 50upx;

  133.                 border-radius: 50%;

  134.                 float: left;

  135.                 

  136.             }

  137.             .user-name{

  138.                 float: left;

  139.                 display: inline-block;

  140.                 height: 100%;

  141.                 line-height: 50upx;

  142.                 margin: 0 4upx 0 10upx;

  143.                 max-width: 120upx;

  144.                 overflow: hidden;

  145.                 text-overflow: ellipsis;

  146.                 white-space: nowrap;

  147.             }

  148.         }

  149.         

  150.         .adbrathing-r{

  151.             float: left;

  152.             height: 100%;

  153.             display: inline-block;

  154.             line-height: 50upx;

  155.         }

  156.     }

  157.     

  158. }

  159. .adbrathingleft{

  160.     left: 30upx

  161. }

  162. .adbrathingright{

  163.     right: 30upx

  164. }

  165. .pc{

  166.     animation: showcenter .55s;

  167. }

  168. .hc{

  169.     animation: hidecenter .55s;

  170. }

  171. @keyframes showcenter{

  172.     0% {

  173.         opacity: 0;

  174.     }

  175.     100% {

  176.         opacity: 1;

  177.     }

  178. }

  179. @keyframes hidecenter{

  180.     0% {

  181.         opacity: 1;

  182.     }

  183.     100% {

  184.         opacity: 0;

  185.     }

  186. }

  187. </style>
jshop-search.vue
复制代码
  1. <template>

  2.     <view class="" >

  3.         <!-- 搜索框 -->

  4.         <view class="search" ref="searchBar" id="search">

  5.             <view class='search-c' @click='goSearch()'>

  6.                 <view class='search-input search-input-p' v-bind:class="data.params.style">

  7.                     <view class="search-input-p-c">

  8.                         {{data.params.keywords}}

  9.                     </view>

  10.                 </view>

  11.                 <image class='icon search-icon' src='/static/image/zoom.png'></image>

  12.             </view>

  13.         </view>

  14.         <!-- 搜索框 -->

  15.         <view class="search search-fixed" v-show="searchFixed">

  16.             <view class='search-c' @click='goSearch()'>

  17.                 <view class='search-input search-input-p' v-bind:class="data.params.style">

  18.                     <view class="search-input-p-c">

  19.                         {{data.params.keywords}}

  20.                     </view>

  21.                 </view>

  22.                 <image class='icon search-icon' src='/static/image/zoom.png'></image>

  23.             </view>

  24.         </view>    

  25.     </view>

  26. </template>

  27. 

  28. <script>

  29.     export default {

  30.         name: "jshopsearch",

  31.         props: {

  32.             data:{

  33.                 // type: Object,

  34.                 required: true,

  35.             }

  36.         },

  37.         data() {

  38.             return {

  39.                 keyword:'',

  40.                 searchTop: 0,

  41.                 scrollTop: 0,

  42.                 searchFixed: false

  43.             };

  44.         },

  45.         onLoad() {

  46.             

  47.         },

  48.     

  49.         created() {

  50.             //#ifdef H5

  51.             this.$nextTick(() => {

  52.                 this.searchTop = this.$refs.searchBar.$el.offsetTop;

  53.             })

  54.             // #endif

  55.             this.searchStyle()

  56.             

  57.             

  58.             

  59.         },

  60. 

  61.         mounted() {

  62.             // #ifdef H5

  63.             window.addEventListener('scroll', this.handleScroll)

  64.             // #endif

  65.             

  66.                 

  67.         },

  68.         methods: {

  69.             searchStyle (){

  70.                 this.$store.commit('searchStyle',this.data.params.style)

  71.                 // console.log(this.data.params.style)

  72.             },

  73.             goSearch() {

  74.                 uni.navigateTo({

  75.                     url: '/pages/index/search'

  76.                 });

  77.             },

  78.             handleScroll() {

  79.                 this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;

  80.                 this.scrollTop >= this.searchTop? this.searchFixed = true : this.searchFixed = false;

  81.             },

  82.         },

  83.         onPageScroll(){

  84.             var _this = this;

  85.             // #ifdef MP-WEIXIN || APP-PLUS

  86.             const query = uni.createSelectorQuery().in(this)

  87.               query.select('.search').boundingClientRect(function(res){

  88.                 if(res.top<0){

  89.                     _this.searchFixed = true ;

  90.                 }else{

  91.                     _this.searchFixed = false;

  92.                 }

  93.               }).exec()

  94.             // #endif

  95.         }

  96.     }

  97. </script>

  98. 

  99. <style>

  100. .search-input-p {

  101.     color: #888;

  102. }

  103. .square{

  104.     border-radius: 0;

  105. }

  106. .radius{

  107.     border-radius: 12upx;

  108. }

  109. .search-fixed{

  110.     position: fixed;

  111.     top: 0;

  112.     /* background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); */

  113.     transition: all .5s;

  114. }

  115. /* .isOpacity {

  116.         background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

  117.         transition: all .5s;

  118.     }

  119. 

  120. .isOpacity .search-input {

  121.     background-color: rgba(255, 255, 255, .5);

  122.     transition: all .5s;

  123. } */

  124. </style>

  125.
jshop-textarea.vue
复制代码
  1. <template>

  2.     <view class="textarea bottom-cell-group" >

  3.         <jshopContent :content="data.params" v-if="data.params"></jshopContent>

  4.     </view>

  5. </template>

  6. 

  7. <script>

  8. import htmlParser from '@/common/html-parser'

  9. import jshopContent from '@/components/jshop/jshop-content.vue'//视频和文本解析组件

  10. 

  11. export default {

  12.     components: {

  13.         jshopContent

  14.     },

  15.     name: "jshoptextarea",

  16.     props: {

  17.         data:{

  18.             // type: Object,

  19.             required: true,

  20.         }

  21.     },

  22.     created() {

  23.         //this.data.params = htmlParser(this.data.params)

  24.     },

  25.     onLoad() {

  26.         

  27.     },

  28.     methods: {

  29.         

  30.     }

  31. }

  32. </script>

  33. 

  34. <style>

  35. .textarea{

  36.     width: 100%;

  37.     background-color: #fff;

  38.     padding: 10upx 26upx;

  39.     /* height: 40upx; */

  40. }

  41. .textarea p img{

  42.     width: 100% !important;

  43. }

  44. .textarea div{

  45.     background-color: #000;

  46. }

  47. .textarea p {

  48.     background-color: #000;

  49. }

  50. </style>

  51.
jshop-video.vue
复制代码
  1. <template>

  2.     <view class="video bottom-cell-group" >

  3.         <video :src="data.params.list[0].url" :poster="data.params.list[0].image" controls :autoplay='data.params.autoplay'></video>

  4.     </view>

  5. </template>

  6. 

  7. <script>

  8. export default {

  9.     name: "jshopvideo",

  10.     props: {

  11.         data:{

  12.             type: Object,

  13.             required: true,

  14.         }

  15.     },

  16.     onLoad(){

  17.         

  18.     },

  19.     methods: {

  20.         

  21.     }

  22. }

  23. </script>

  24. 

  25. <style>

  26. .video video{

  27.     width: 100%;

  28.     min-height: 200upx;

  29. }

  30. </style>

  31.
jshop.vue
复制代码
  1. <template>

  2.   <view>

  3.     <block v-for="(item,index) in data" :key="index">

  4.       <jshopsearch :data="item" v-if="item.widget_code=='search' "></jshopsearch>

  5.       <jshopnotice :data="item" v-if="item.widget_code=='notice' "></jshopnotice>

  6.       <jshopimgSlide :data="item" v-if="item.widget_code=='imgSlide' "></jshopimgSlide>

  7.       <jshopcoupon :data="item" v-if="item.widget_code=='coupon' "></jshopcoupon>

  8.       <jshopblank :data="item" v-if="item.widget_code=='blank' "></jshopblank>

  9.       <jshoptextarea :data="item" v-if="item.widget_code=='textarea' "></jshoptextarea>

  10.       <jshopvideo :data="item" v-if="item.widget_code=='video' "></jshopvideo>

  11.       <jshopimgWindow :data="item" v-if="item.widget_code=='imgWindow' "></jshopimgWindow>

  12.       <jshopimgSingle :data="item" v-if="item.widget_code=='imgSingle' "></jshopimgSingle>

  13.       <jshopgoods :data="item" v-if="item.widget_code=='goods' "></jshopgoods>

  14.       <jshoparticle :data="item" v-if="item.widget_code=='article' "></jshoparticle>

  15.       <jshoparticleClassify :data="item" v-if="item.widget_code=='articleClassify' "></jshoparticleClassify>

  16.       <jshopnavBar :data="item" v-if="item.widget_code=='navBar' "></jshopnavBar>

  17.       <jshopgroupPurchase :data="item" v-if="item.widget_code=='groupPurchase' "></jshopgroupPurchase>

  18.       <jshoprecord :data="item" v-if="item.widget_code=='record' "></jshoprecord>

  19.       <jshoppintuan :data="item" v-if="item.widget_code=='pintuan' "></jshoppintuan>

  20.     </block>

  21.   </view>

  22. </template>

  23. 

  24. <script>

  25. /**

  26.  * 吉海科技jshop小程序插件集合。

  27.  * author:novice

  28.  * date:2019:05:20

  29.  */

  30. import uniCountdown from '@/components/uni-countdown/uni-countdown.vue'

  31. import jshopimgSlide from '@/components/jshop/jshop-imgSlide.vue'

  32. import jshopsearch from '@/components/jshop/jshop-search.vue'

  33. import jshopnotice from '@/components/jshop/jshop-notice.vue'

  34. import jshopcoupon from '@/components/jshop/jshop-coupon.vue'

  35. import jshopblank from '@/components/jshop/jshop-blank.vue'

  36. import jshoptextarea from '@/components/jshop/jshop-textarea.vue'

  37. import jshopvideo from '@/components/jshop/jshop-video.vue'

  38. import jshopimgWindow from '@/components/jshop/jshop-imgWindow.vue'

  39. import jshopimgSingle from '@/components/jshop/jshop-imgSingle.vue'

  40. import jshopgoods from '@/components/jshop/jshop-goods.vue'

  41. import jshoparticle from '@/components/jshop/jshop-article.vue'

  42. import jshoparticleClassify from '@/components/jshop/jshop-articleClassify.vue'

  43. import jshopnavBar from '@/components/jshop/jshop-navBar.vue'

  44. import jshopgroupPurchase from '@/components/jshop/jshop-groupPurchase.vue'

  45. import jshoprecord from '@/components/jshop/jshop-record.vue'

  46. import jshoppintuan from '@/components/jshop/jshop-pintuan.vue'

  47. export default {

  48.   name: 'jshop',

  49.   components: {

  50.     jshopimgSlide,

  51.     jshopsearch,

  52.     jshopnotice,

  53.     jshopcoupon,

  54.     jshopblank,

  55.     jshoptextarea,

  56.     jshopvideo,

  57.     jshopimgWindow,

  58.     jshopimgSingle,

  59.     jshopgoods,

  60.     jshoparticle,

  61.     jshoparticleClassify,

  62.     jshopnavBar,

  63.     jshopgroupPurchase,

  64.     jshoprecord,

  65.     jshoppintuan

  66.   },

  67.   props: {

  68.     data: {

  69.       default: function() {

  70.         return []

  71.       }

  72.     }

  73.   }

  74. }

  75. </script>

  76.

lvv-popup

lvv-popup.vue
复制代码
  1. <template>

  2.     <view class="lvv-popup" v-show="popshow" @touchmove.prevent>

  3.         <view class="lvv-popupmark" :class="position=='top'&&!hideanimation?'pt':position=='left'&&!hideanimation?'pl':position=='right'&&!hideanimation?'pr':position=='bottom'&&!hideanimation?'pc':position=='top'&&hideanimation?'ht':position=='left'&&hideanimation?'hl':position=='right'&&hideanimation?'hr':position=='bottom'&&hideanimation?'hc':''" @click="close"></view>

  4.         <view class="lvv-popupcontent" @click="close" :class="position=='top'&&!hideanimation?'pt':position=='left'&&!hideanimation?'pl':position=='right'&&!hideanimation?'pr':position=='bottom'&&!hideanimation?'pb':position=='top'&&hideanimation?'ht':position=='left'&&hideanimation?'hl':position=='right'&&hideanimation?'hr':position=='bottom'&&hideanimation?'hb':''">

  5.             <view class="realcontent" @click.stop="">

  6.                 <slot></slot>

  7.             </view>

  8.         </view>

  9.     </view>

  10. </template>

  11. <script>

  12.     export default {

  13.         props:{

  14.             position:{

  15.                 type:String,

  16.                 default:null 

  17.             }

  18.         },

  19.         data() { 

  20.             return { 

  21.                 popshow:false,

  22.                 hideanimation:false,

  23.             };

  24.         },

  25.         methods:{

  26.             // Toshow popup page

  27.             show:function(){

  28.                 this.popshow = true;

  29.             },

  30.             // Tohide popup page

  31.             close:function(){

  32.                 let that = this;

  33.                 this.$emit("close");

  34.                 that.hideanimation = true;

  35.                 if(that.position==null){

  36.                     that.popshow = false;

  37.                 }else{

  38.                     setTimeout(function(){

  39.                         that.popshow = false;

  40.                         that.hideanimation = false;

  41.                     },500)

  42.                 }

  43.             }

  44.         },

  45.     }

  46. </script>

  47. 

  48. <style lang="scss">

  49. .lvv-popup{

  50.     top:0;

  51.     left: 0;

  52.     width: 100%;

  53.     height: 100%;

  54.     position: fixed;

  55.         z-index: 98;

  56.     .lvv-popupmark{

  57.       top: 0; 

  58.       left: 0;

  59.       width: 100%;

  60.       height: 100%;

  61.             z-index: 99;

  62.       position: absolute;

  63.       background: rgba(0,0,0,0.5);      

  64.     }

  65.         .lvv-popupmark.pt,.lvv-popupmark.ht{

  66.             background: none

  67.         }

  68.         .lvv-popupcontent{

  69.             width: 100%;

  70.             height: 100%;

  71.             top:0;

  72.             left:0;

  73.             position: absolute;

  74.             z-index: 100;

  75.             // overflow-y:;

  76.         }

  77.         .pt{

  78.             animation: showtop 0.5s;

  79.         }

  80.         .pl{

  81.             animation: showleft 0.5s;

  82.         }

  83.         .pr{

  84.             animation: showright 0.5s;

  85.         }

  86.         .pb{

  87.             animation: showbottom .5s;

  88.         }

  89.         .ht{

  90.             animation: hidetop 0.5s;

  91.         }

  92.         .hl{

  93.             animation: hideleft 0.55s;

  94.         }

  95.         .hr{

  96.             animation: hideright 0.55s;

  97.         }

  98.         .hb{

  99.             animation: hidebottom 1s;

  100.         }

  101.         .pc{

  102.             animation: showcontent .55s;

  103.         }

  104.         .hc{

  105.             animation: hidecontent .55s;

  106.         }

  107.         

  108.   }

  109.     @keyframes showtop{

  110.       0% {

  111.             // top: -0px;

  112.         transform: translateY(-100%);

  113.             // height: 0;

  114.           opacity: 1;

  115.       }

  116.       100% {

  117.             top: 0px;

  118.             // height: 100%;

  119.         transform: translateY(0%);

  120.             opacity: 1;

  121.       }

  122.     }

  123.     @keyframes showleft{

  124.       0% {

  125.         transform: translateX(-100%);

  126.           opacity: 1;

  127.       }

  128.       50% {

  129.           opacity: 0;

  130.       }

  131.       100% {

  132.         transform: translateX(0);

  133.       }

  134.     }

  135.     @keyframes showright{

  136.       0% {

  137.         transform: translateX(100%);

  138.           opacity: 1;

  139.       }

  140.       50% {

  141.           opacity: 0;

  142.       }

  143.       100% {

  144.         transform: translateX(0);

  145.       }

  146.     }

  147.     @keyframes showbottom{

  148.       0% {

  149.         transform: translateY(100%);

  150.             opacity: 1;

  151.       }

  152.       50% {

  153.             opacity: 0.5;

  154.       }

  155.       100% {

  156.         transform: translateY(0);

  157.       }

  158.     }

  159.     @keyframes hidetop{

  160.       0% {

  161.         transform: translateY(0%);

  162.             // height: 100%;

  163.             opacity: 1;

  164.       }

  165.       100% {

  166.         transform: translateY(-100%);

  167.             // height: 0;

  168.           opacity: 1;

  169.       }

  170.     }

  171.     @keyframes hideleft{

  172.       0% {

  173.         transform: translateX(0);

  174.       }

  175.       50% {

  176.           opacity: 0;

  177.       }

  178.       100% {

  179.         transform: translateX(-100%);

  180.             opacity: 1;

  181.       }

  182.     }

  183.     @keyframes hideright{

  184.       0% {

  185.         transform: translateX(0);

  186.       }

  187.       50% {

  188.           opacity: 0;

  189.       }

  190.       100% {

  191.         transform: translateX(100%);

  192.             opacity: 1;

  193.       }

  194.     }

  195.     @keyframes hidebottom{

  196.       0% {

  197.         transform: translateY(0);

  198.       }

  199.       50% {

  200.             opacity: 0;

  201.       }

  202.       100% {

  203.         transform: translateY(100%);

  204.             opacity: 1;

  205.       }

  206.     }

  207.     

  208.     @keyframes showcontent{

  209.       0% {

  210.             opacity: 0;

  211.       }

  212.       100% {

  213.             opacity: 1;

  214.       }

  215.     }

  216.     @keyframes hidecontent{

  217.           0% {

  218.                 opacity: 1;

  219.           }

  220.           100% {

  221.                 opacity: 0;

  222.           }

  223.         }

  224. </style>

  225.

mpvue-citypicker

city-data
area.js
复制代码
  1. /* eslint-disable */

  2. var areaData = [

  3.     [

  4.         [{

  5.             "label": "东城区",

  6.             "value": "110101"

  7.         }, {

  8.             "label": "西城区",

  9.             "value": "110102"

  10.         }, {

  11.             "label": "朝阳区",

  12.             "value": "110105"

  13.         }, {

  14.             "label": "丰台区",

  15.             "value": "110106"

  16.         }, {

  17.             "label": "石景山区",

  18.             "value": "110107"

  19.         }, {

  20.             "label": "海淀区",

  21.             "value": "110108"

  22.         }, {

  23.             "label": "门头沟区",

  24.             "value": "110109"

  25.         }, {

  26.             "label": "房山区",

  27.             "value": "110111"

  28.         }, {

  29.             "label": "通州区",

  30.             "value": "110112"

  31.         }, {

  32.             "label": "顺义区",

  33.             "value": "110113"

  34.         }, {

  35.             "label": "昌平区",

  36.             "value": "110114"

  37.         }, {

  38.             "label": "大兴区",

  39.             "value": "110115"

  40.         }, {

  41.             "label": "怀柔区",

  42.             "value": "110116"

  43.         }, {

  44.             "label": "平谷区",

  45.             "value": "110117"

  46.         }, {

  47.             "label": "密云区",

  48.             "value": "110118"

  49.         }, {

  50.             "label": "延庆区",

  51.             "value": "110119"

  52.         }]

  53.     ],

  54.     [

  55.         [{

  56.             "label": "和平区",

  57.             "value": "120101"

  58.         }, {

  59.             "label": "河东区",

  60.             "value": "120102"

  61.         }, {

  62.             "label": "河西区",

  63.             "value": "120103"

  64.         }, {

  65.             "label": "南开区",

  66.             "value": "120104"

  67.         }, {

  68.             "label": "河北区",

  69.             "value": "120105"

  70.         }, {

  71.             "label": "红桥区",

  72.             "value": "120106"

  73.         }, {

  74.             "label": "东丽区",

  75.             "value": "120110"

  76.         }, {

  77.             "label": "西青区",

  78.             "value": "120111"

  79.         }, {

  80.             "label": "津南区",

  81.             "value": "120112"

  82.         }, {

  83.             "label": "北辰区",

  84.             "value": "120113"

  85.         }, {

  86.             "label": "武清区",

  87.             "value": "120114"

  88.         }, {

  89.             "label": "宝坻区",

  90.             "value": "120115"

  91.         }, {

  92.             "label": "滨海新区",

  93.             "value": "120116"

  94.         }, {

  95.             "label": "宁河区",

  96.             "value": "120117"

  97.         }, {

  98.             "label": "静海区",

  99.             "value": "120118"

  100.         }, {

  101.             "label": "蓟州区",

  102.             "value": "120119"

  103.         }]

  104.     ],

  105.     [

  106.         [{

  107.             "label": "市辖区",

  108.             "value": "130101"

  109.         }, {

  110.             "label": "长安区",

  111.             "value": "130102"

  112.         }, {

  113.             "label": "桥西区",

  114.             "value": "130104"

  115.         }, {

  116.             "label": "新华区",

  117.             "value": "130105"

  118.         }, {

  119.             "label": "井陉矿区",

  120.             "value": "130107"

  121.         }, {

  122.             "label": "裕华区",

  123.             "value": "130108"

  124.         }, {

  125.             "label": "藁城区",

  126.             "value": "130109"

  127.         }, {

  128.             "label": "鹿泉区",

  129.             "value": "130110"

  130.         }, {

  131.             "label": "栾城区",

  132.             "value": "130111"

  133.         }, {

  134.             "label": "井陉县",

  135.             "value": "130121"

  136.         }, {

  137.             "label": "正定县",

  138.             "value": "130123"

  139.         }, {

  140.             "label": "行唐县",

  141.             "value": "130125"

  142.         }, {

  143.             "label": "灵寿县",

  144.             "value": "130126"

  145.         }, {

  146.             "label": "高邑县",

  147.             "value": "130127"

  148.         }, {

  149.             "label": "深泽县",

  150.             "value": "130128"

  151.         }, {

  152.             "label": "赞皇县",

  153.             "value": "130129"

  154.         }, {

  155.             "label": "无极县",

  156.             "value": "130130"

  157.         }, {

  158.             "label": "平山县",

  159.             "value": "130131"

  160.         }, {

  161.             "label": "元氏县",

  162.             "value": "130132"

  163.         }, {

  164.             "label": "赵县",

  165.             "value": "130133"

  166.         }, {

  167.             "label": "晋州市",

  168.             "value": "130183"

  169.         }, {

  170.             "label": "新乐市",

  171.             "value": "130184"

  172.         }],

  173.         [{

  174.             "label": "市辖区",

  175.             "value": "130201"

  176.         }, {

  177.             "label": "路南区",

  178.             "value": "130202"

  179.         }, {

  180.             "label": "路北区",

  181.             "value": "130203"

  182.         }, {

  183.             "label": "古冶区",

  184.             "value": "130204"

  185.         }, {

  186.             "label": "开平区",

  187.             "value": "130205"

  188.         }, {

  189.             "label": "丰南区",

  190.             "value": "130207"

  191.         }, {

  192.             "label": "丰润区",

  193.             "value": "130208"

  194.         }, {

  195.             "label": "曹妃甸区",

  196.             "value": "130209"

  197.         }, {

  198.             "label": "滦县",

  199.             "value": "130223"

  200.         }, {

  201.             "label": "滦南县",

  202.             "value": "130224"

  203.         }, {

  204.             "label": "乐亭县",

  205.             "value": "130225"

  206.         }, {

  207.             "label": "迁西县",

  208.             "value": "130227"

  209.         }, {

  210.             "label": "玉田县",

  211.             "value": "130229"

  212.         }, {

  213.             "label": "遵化市",

  214.             "value": "130281"

  215.         }, {

  216.             "label": "迁安市",

  217.             "value": "130283"

  218.         }],

  219.         [{

  220.             "label": "市辖区",

  221.             "value": "130301"

  222.         }, {

  223.             "label": "海港区",

  224.             "value": "130302"

  225.         }, {

  226.             "label": "山海关区",

  227.             "value": "130303"

  228.         }, {

  229.             "label": "北戴河区",

  230.             "value": "130304"

  231.         }, {

  232.             "label": "抚宁区",

  233.             "value": "130306"

  234.         }, {

  235.             "label": "青龙满族自治县",

  236.             "value": "130321"

  237.         }, {

  238.             "label": "昌黎县",

  239.             "value": "130322"

  240.         }, {

  241.             "label": "卢龙县",

  242.             "value": "130324"

  243.         }],

  244.         [{

  245.             "label": "市辖区",

  246.             "value": "130401"

  247.         }, {

  248.             "label": "邯山区",

  249.             "value": "130402"

  250.         }, {

  251.             "label": "丛台区",

  252.             "value": "130403"

  253.         }, {

  254.             "label": "复兴区",

  255.             "value": "130404"

  256.         }, {

  257.             "label": "峰峰矿区",

  258.             "value": "130406"

  259.         }, {

  260.             "label": "邯郸县",

  261.             "value": "130421"

  262.         }, {

  263.             "label": "临漳县",

  264.             "value": "130423"

  265.         }, {

  266.             "label": "成安县",

  267.             "value": "130424"

  268.         }, {

  269.             "label": "大名县",

  270.             "value": "130425"

  271.         }, {

  272.             "label": "涉县",

  273.             "value": "130426"

  274.         }, {

  275.             "label": "磁县",

  276.             "value": "130427"

  277.         }, {

  278.             "label": "肥乡县",

  279.             "value": "130428"

  280.         }, {

  281.             "label": "永年县",

  282.             "value": "130429"

  283.         }, {

  284.             "label": "邱县",

  285.             "value": "130430"

  286.         }, {

  287.             "label": "鸡泽县",

  288.             "value": "130431"

  289.         }, {

  290.             "label": "广平县",

  291.             "value": "130432"

  292.         }, {

  293.             "label": "馆陶县",

  294.             "value": "130433"

  295.         }, {

  296.             "label": "魏县",

  297.             "value": "130434"

  298.         }, {

  299.             "label": "曲周县",

  300.             "value": "130435"

  301.         }, {

  302.             "label": "武安市",

  303.             "value": "130481"

  304.         }],

  305.         [{

  306.             "label": "市辖区",

  307.             "value": "130501"

  308.         }, {

  309.             "label": "桥东区",

  310.             "value": "130502"

  311.         }, {

  312.             "label": "桥西区",

  313.             "value": "130503"

  314.         }, {

  315.             "label": "邢台县",

  316.             "value": "130521"

  317.         }, {

  318.             "label": "临城县",

  319.             "value": "130522"

  320.         }, {

  321.             "label": "内丘县",

  322.             "value": "130523"

  323.         }, {

  324.             "label": "柏乡县",

  325.             "value": "130524"

  326.         }, {

  327.             "label": "隆尧县",

  328.             "value": "130525"

  329.         }, {

  330.             "label": "任县",

  331.             "value": "130526"

  332.         }, {

  333.             "label": "南和县",

  334.             "value": "130527"

  335.         }, {

  336.             "label": "宁晋县",

  337.             "value": "130528"

  338.         }, {

  339.             "label": "巨鹿县",

  340.             "value": "130529"

  341.         }, {

  342.             "label": "新河县",

  343.             "value": "130530"

  344.         }, {

  345.             "label": "广宗县",

  346.             "value": "130531"

  347.         }, {

  348.             "label": "平乡县",

  349.             "value": "130532"

  350.         }, {

  351.             "label": "威县",

  352.             "value": "130533"

  353.         }, {

  354.             "label": "清河县",

  355.             "value": "130534"

  356.         }, {

  357.             "label": "临西县",

  358.             "value": "130535"

  359.         }, {

  360.             "label": "南宫市",

  361.             "value": "130581"

  362.         }, {

  363.             "label": "沙河市",

  364.             "value": "130582"

  365.         }],

  366.         [{

  367.             "label": "市辖区",

  368.             "value": "130601"

  369.         }, {

  370.             "label": "竞秀区",

  371.             "value": "130602"

  372.         }, {

  373.             "label": "莲池区",

  374.             "value": "130606"

  375.         }, {

  376.             "label": "满城区",

  377.             "value": "130607"

  378.         }, {

  379.             "label": "清苑区",

  380.             "value": "130608"

  381.         }, {

  382.             "label": "徐水区",

  383.             "value": "130609"

  384.         }, {

  385.             "label": "涞水县",

  386.             "value": "130623"

  387.         }, {

  388.             "label": "阜平县",

  389.             "value": "130624"

  390.         }, {

  391.             "label": "定兴县",

  392.             "value": "130626"

  393.         }, {

  394.             "label": "唐县",

  395.             "value": "130627"

  396.         }, {

  397.             "label": "高阳县",

  398.             "value": "130628"

  399.         }, {

  400.             "label": "容城县",

  401.             "value": "130629"

  402.         }, {

  403.             "label": "涞源县",

  404.             "value": "130630"

  405.         }, {

  406.             "label": "望都县",

  407.             "value": "130631"

  408.         }, {

  409.             "label": "安新县",

  410.             "value": "130632"

  411.         }, {

  412.             "label": "易县",

  413.             "value": "130633"

  414.         }, {

  415.             "label": "曲阳县",

  416.             "value": "130634"

  417.         }, {

  418.             "label": "蠡县",

  419.             "value": "130635"

  420.         }, {

  421.             "label": "顺平县",

  422.             "value": "130636"

  423.         }, {

  424.             "label": "博野县",

  425.             "value": "130637"

  426.         }, {

  427.             "label": "雄县",

  428.             "value": "130638"

  429.         }, {

  430.             "label": "涿州市",

  431.             "value": "130681"

  432.         }, {

  433.             "label": "安国市",

  434.             "value": "130683"

  435.         }, {

  436.             "label": "高碑店市",

  437.             "value": "130684"

  438.         }],

  439.         [{

  440.             "label": "市辖区",

  441.             "value": "130701"

  442.         }, {

  443.             "label": "桥东区",

  444.             "value": "130702"

  445.         }, {

  446.             "label": "桥西区",

  447.             "value": "130703"

  448.         }, {

  449.             "label": "宣化区",

  450.             "value": "130705"

  451.         }, {

  452.             "label": "下花园区",

  453.             "value": "130706"

  454.         }, {

  455.             "label": "万全区",

  456.             "value": "130708"

  457.         }, {

  458.             "label": "崇礼区",

  459.             "value": "130709"

  460.         }, {

  461.             "label": "张北县",

  462.             "value": "130722"

  463.         }, {

  464.             "label": "康保县",

  465.             "value": "130723"

  466.         }, {

  467.             "label": "沽源县",

  468.             "value": "130724"

  469.         }, {

  470.             "label": "尚义县",

  471.             "value": "130725"

  472.         }, {

  473.             "label": "蔚县",

  474.             "value": "130726"

  475.         }, {

  476.             "label": "阳原县",

  477.             "value": "130727"

  478.         }, {

  479.             "label": "怀安县",

  480.             "value": "130728"

  481.         }, {

  482.             "label": "怀来县",

  483.             "value": "130730"

  484.         }, {

  485.             "label": "涿鹿县",

  486.             "value": "130731"

  487.         }, {

  488.             "label": "赤城县",

  489.             "value": "130732"

  490.         }],

  491.         [{

  492.             "label": "市辖区",

  493.             "value": "130801"

  494.         }, {

  495.             "label": "双桥区",

  496.             "value": "130802"

  497.         }, {

  498.             "label": "双滦区",

  499.             "value": "130803"

  500.         }, {

  501.             "label": "鹰手营子矿区",

  502.             "value": "130804"

  503.         }, {

  504.             "label": "承德县",

  505.             "value": "130821"

  506.         }, {

  507.             "label": "兴隆县",

  508.             "value": "130822"

  509.         }, {

  510.             "label": "平泉县",

  511.             "value": "130823"

  512.         }, {

  513.             "label": "滦平县",

  514.             "value": "130824"

  515.         }, {

  516.             "label": "隆化县",

  517.             "value": "130825"

  518.         }, {

  519.             "label": "丰宁满族自治县",

  520.             "value": "130826"

  521.         }, {

  522.             "label": "宽城满族自治县",

  523.             "value": "130827"

  524.         }, {

  525.             "label": "围场满族蒙古族自治县",

  526.             "value": "130828"

  527.         }],

  528.         [{

  529.             "label": "市辖区",

  530.             "value": "130901"

  531.         }, {

  532.             "label": "新华区",

  533.             "value": "130902"

  534.         }, {

  535.             "label": "运河区",

  536.             "value": "130903"

  537.         }, {

  538.             "label": "沧县",

  539.             "value": "130921"

  540.         }, {

  541.             "label": "青县",

  542.             "value": "130922"

  543.         }, {

  544.             "label": "东光县",

  545.             "value": "130923"

  546.         }, {

  547.             "label": "海兴县",

  548.             "value": "130924"

  549.         }, {

  550.             "label": "盐山县",

  551.             "value": "130925"

  552.         }, {

  553.             "label": "肃宁县",

  554.             "value": "130926"

  555.         }, {

  556.             "label": "南皮县",

  557.             "value": "130927"

  558.         }, {

  559.             "label": "吴桥县",

  560.             "value": "130928"

  561.         }, {

  562.             "label": "献县",

  563.             "value": "130929"

  564.         }, {

  565.             "label": "孟村回族自治县",

  566.             "value": "130930"

  567.         }, {

  568.             "label": "泊头市",

  569.             "value": "130981"

  570.         }, {

  571.             "label": "任丘市",

  572.             "value": "130982"

  573.         }, {

  574.             "label": "黄骅市",

  575.             "value": "130983"

  576.         }, {

  577.             "label": "河间市",

  578.             "value": "130984"

  579.         }],

  580.         [{

  581.             "label": "市辖区",

  582.             "value": "131001"

  583.         }, {

  584.             "label": "安次区",

  585.             "value": "131002"

  586.         }, {

  587.             "label": "广阳区",

  588.             "value": "131003"

  589.         }, {

  590.             "label": "固安县",

  591.             "value": "131022"

  592.         }, {

  593.             "label": "永清县",

  594.             "value": "131023"

  595.         }, {

  596.             "label": "香河县",

  597.             "value": "131024"

  598.         }, {

  599.             "label": "大城县",

  600.             "value": "131025"

  601.         }, {

  602.             "label": "文安县",

  603.             "value": "131026"

  604.         }, {

  605.             "label": "大厂回族自治县",

  606.             "value": "131028"

  607.         }, {

  608.             "label": "霸州市",

  609.             "value": "131081"

  610.         }, {

  611.             "label": "三河市",

  612.             "value": "131082"

  613.         }],

  614.         [{

  615.             "label": "市辖区",

  616.             "value": "131101"

  617.         }, {

  618.             "label": "桃城区",

  619.             "value": "131102"

  620.         }, {

  621.             "label": "冀州区",

  622.             "value": "131103"

  623.         }, {

  624.             "label": "枣强县",

  625.             "value": "131121"

  626.         }, {

  627.             "label": "武邑县",

  628.             "value": "131122"

  629.         }, {

  630.             "label": "武强县",

  631.             "value": "131123"

  632.         }, {

  633.             "label": "饶阳县",

  634.             "value": "131124"

  635.         }, {

  636.             "label": "安平县",

  637.             "value": "131125"

  638.         }, {

  639.             "label": "故城县",

  640.             "value": "131126"

  641.         }, {

  642.             "label": "景县",

  643.             "value": "131127"

  644.         }, {

  645.             "label": "阜城县",

  646.             "value": "131128"

  647.         }, {

  648.             "label": "深州市",

  649.             "value": "131182"

  650.         }],

  651.         [{

  652.             "label": "市辖区",

  653.             "value": "139001"

  654.         }, {

  655.             "label": "辛集市",

  656.             "value": "139002"

  657.         }]

  658.     ],

  659.     [

  660.         [{

  661.             "label": "市辖区",

  662.             "value": "140101"

  663.         }, {

  664.             "label": "小店区",

  665.             "value": "140105"

  666.         }, {

  667.             "label": "迎泽区",

  668.             "value": "140106"

  669.         }, {

  670.             "label": "杏花岭区",

  671.             "value": "140107"

  672.         }, {

  673.             "label": "尖草坪区",

  674.             "value": "140108"

  675.         }, {

  676.             "label": "万柏林区",

  677.             "value": "140109"

  678.         }, {

  679.             "label": "晋源区",

  680.             "value": "140110"

  681.         }, {

  682.             "label": "清徐县",

  683.             "value": "140121"

  684.         }, {

  685.             "label": "阳曲县",

  686.             "value": "140122"

  687.         }, {

  688.             "label": "娄烦县",

  689.             "value": "140123"

  690.         }, {

  691.             "label": "古交市",

  692.             "value": "140181"

  693.         }],

  694.         [{

  695.             "label": "市辖区",

  696.             "value": "140201"

  697.         }, {

  698.             "label": "城区",

  699.             "value": "140202"

  700.         }, {

  701.             "label": "矿区",

  702.             "value": "140203"

  703.         }, {

  704.             "label": "南郊区",

  705.             "value": "140211"

  706.         }, {

  707.             "label": "新荣区",

  708.             "value": "140212"

  709.         }, {

  710.             "label": "阳高县",

  711.             "value": "140221"

  712.         }, {

  713.             "label": "天镇县",

  714.             "value": "140222"

  715.         }, {

  716.             "label": "广灵县",

  717.             "value": "140223"

  718.         }, {

  719.             "label": "灵丘县",

  720.             "value": "140224"

  721.         }, {

  722.             "label": "浑源县",

  723.             "value": "140225"

  724.         }, {

  725.             "label": "左云县",

  726.             "value": "140226"

  727.         }, {

  728.             "label": "大同县",

  729.             "value": "140227"

  730.         }],

  731.         [{

  732.             "label": "市辖区",

  733.             "value": "140301"

  734.         }, {

  735.             "label": "城区",

  736.             "value": "140302"

  737.         }, {

  738.             "label": "矿区",

  739.             "value": "140303"

  740.         }, {

  741.             "label": "郊区",

  742.             "value": "140311"

  743.         }, {

  744.             "label": "平定县",

  745.             "value": "140321"

  746.         }, {

  747.             "label": "盂县",

  748.             "value": "140322"

  749.         }],

  750.         [{

  751.             "label": "市辖区",

  752.             "value": "140401"

  753.         }, {

  754.             "label": "城区",

  755.             "value": "140402"

  756.         }, {

  757.             "label": "郊区",

  758.             "value": "140411"

  759.         }, {

  760.             "label": "长治县",

  761.             "value": "140421"

  762.         }, {

  763.             "label": "襄垣县",

  764.             "value": "140423"

  765.         }, {

  766.             "label": "屯留县",

  767.             "value": "140424"

  768.         }, {

  769.             "label": "平顺县",

  770.             "value": "140425"

  771.         }, {

  772.             "label": "黎城县",

  773.             "value": "140426"

  774.         }, {

  775.             "label": "壶关县",

  776.             "value": "140427"

  777.         }, {

  778.             "label": "长子县",

  779.             "value": "140428"

  780.         }, {

  781.             "label": "武乡县",

  782.             "value": "140429"

  783.         }, {

  784.             "label": "沁县",

  785.             "value": "140430"

  786.         }, {

  787.             "label": "沁源县",

  788.             "value": "140431"

  789.         }, {

  790.             "label": "潞城市",

  791.             "value": "140481"

  792.         }],

  793.         [{

  794.             "label": "市辖区",

  795.             "value": "140501"

  796.         }, {

  797.             "label": "城区",

  798.             "value": "140502"

  799.         }, {

  800.             "label": "沁水县",

  801.             "value": "140521"

  802.         }, {

  803.             "label": "阳城县",

  804.             "value": "140522"

  805.         }, {

  806.             "label": "陵川县",

  807.             "value": "140524"

  808.         }, {

  809.             "label": "泽州县",

  810.             "value": "140525"

  811.         }, {

  812.             "label": "高平市",

  813.             "value": "140581"

  814.         }],

  815.         [{

  816.             "label": "市辖区",

  817.             "value": "140601"

  818.         }, {

  819.             "label": "朔城区",

  820.             "value": "140602"

  821.         }, {

  822.             "label": "平鲁区",

  823.             "value": "140603"

  824.         }, {

  825.             "label": "山阴县",

  826.             "value": "140621"

  827.         }, {

  828.             "label": "应县",

  829.             "value": "140622"

  830.         }, {

  831.             "label": "右玉县",

  832.             "value": "140623"

  833.         }, {

  834.             "label": "怀仁县",

  835.             "value": "140624"

  836.         }],

  837.         [{

  838.             "label": "市辖区",

  839.             "value": "140701"

  840.         }, {

  841.             "label": "榆次区",

  842.             "value": "140702"

  843.         }, {

  844.             "label": "榆社县",

  845.             "value": "140721"

  846.         }, {

  847.             "label": "左权县",

  848.             "value": "140722"

  849.         }, {

  850.             "label": "和顺县",

  851.             "value": "140723"

  852.         }, {

  853.             "label": "昔阳县",

  854.             "value": "140724"

  855.         }, {

  856.             "label": "寿阳县",

  857.             "value": "140725"

  858.         }, {

  859.             "label": "太谷县",

  860.             "value": "140726"

  861.         }, {

  862.             "label": "祁县",

  863.             "value": "140727"

  864.         }, {

  865.             "label": "平遥县",

  866.             "value": "140728"

  867.         }, {

  868.             "label": "灵石县",

  869.             "value": "140729"

  870.         }, {

  871.             "label": "介休市",

  872.             "value": "140781"

  873.         }],

  874.         [{

  875.             "label": "市辖区",

  876.             "value": "140801"

  877.         }, {

  878.             "label": "盐湖区",

  879.             "value": "140802"

  880.         }, {

  881.             "label": "临猗县",

  882.             "value": "140821"

  883.         }, {

  884.             "label": "万荣县",

  885.             "value": "140822"

  886.         }, {

  887.             "label": "闻喜县",

  888.             "value": "140823"

  889.         }, {

  890.             "label": "稷山县",

  891.             "value": "140824"

  892.         }, {

  893.             "label": "新绛县",

  894.             "value": "140825"

  895.         }, {

  896.             "label": "绛县",

  897.             "value": "140826"

  898.         }, {

  899.             "label": "垣曲县",

  900.             "value": "140827"

  901.         }, {

  902.             "label": "夏县",

  903.             "value": "140828"

  904.         }, {

  905.             "label": "平陆县",

  906.             "value": "140829"

  907.         }, {

  908.             "label": "芮城县",

  909.             "value": "140830"

  910.         }, {

  911.             "label": "永济市",

  912.             "value": "140881"

  913.         }, {

  914.             "label": "河津市",

  915.             "value": "140882"

  916.         }],

  917.         [{

  918.             "label": "市辖区",

  919.             "value": "140901"

  920.         }, {

  921.             "label": "忻府区",

  922.             "value": "140902"

  923.         }, {

  924.             "label": "定襄县",

  925.             "value": "140921"

  926.         }, {

  927.             "label": "五台县",

  928.             "value": "140922"

  929.         }, {

  930.             "label": "代县",

  931.             "value": "140923"

  932.         }, {

  933.             "label": "繁峙县",

  934.             "value": "140924"

  935.         }, {

  936.             "label": "宁武县",

  937.             "value": "140925"

  938.         }, {

  939.             "label": "静乐县",

  940.             "value": "140926"

  941.         }, {

  942.             "label": "神池县",

  943.             "value": "140927"

  944.         }, {

  945.             "label": "五寨县",

  946.             "value": "140928"

  947.         }, {

  948.             "label": "岢岚县",

  949.             "value": "140929"

  950.         }, {

  951.             "label": "河曲县",

  952.             "value": "140930"

  953.         }, {

  954.             "label": "保德县",

  955.             "value": "140931"

  956.         }, {

  957.             "label": "偏关县",

  958.             "value": "140932"

  959.         }, {

  960.             "label": "原平市",

  961.             "value": "140981"

  962.         }],

  963.         [{

  964.             "label": "市辖区",

  965.             "value": "141001"

  966.         }, {

  967.             "label": "尧都区",

  968.             "value": "141002"

  969.         }, {

  970.             "label": "曲沃县",

  971.             "value": "141021"

  972.         }, {

  973.             "label": "翼城县",

  974.             "value": "141022"

  975.         }, {

  976.             "label": "襄汾县",

  977.             "value": "141023"

  978.         }, {

  979.             "label": "洪洞县",

  980.             "value": "141024"

  981.         }, {

  982.             "label": "古县",

  983.             "value": "141025"

  984.         }, {

  985.             "label": "安泽县",

  986.             "value": "141026"

  987.         }, {

  988.             "label": "浮山县",

  989.             "value": "141027"

  990.         }, {

  991.             "label": "吉县",

  992.             "value": "141028"

  993.         }, {

  994.             "label": "乡宁县",

  995.             "value": "141029"

  996.         }, {

  997.             "label": "大宁县",

  998.             "value": "141030"

  999.         }, {

  1000.             "label": "隰县",

  1001.             "value": "141031"

  1002.         }, {

  1003.             "label": "永和县",

  1004.             "value": "141032"

  1005.         }, {

  1006.             "label": "蒲县",

  1007.             "value": "141033"

  1008.         }, {

  1009.             "label": "汾西县",

  1010.             "value": "141034"

  1011.         }, {

  1012.             "label": "侯马市",

  1013.             "value": "141081"

  1014.         }, {

  1015.             "label": "霍州市",

  1016.             "value": "141082"

  1017.         }],

  1018.         [{

  1019.             "label": "市辖区",

  1020.             "value": "141101"

  1021.         }, {

  1022.             "label": "离石区",

  1023.             "value": "141102"

  1024.         }, {

  1025.             "label": "文水县",

  1026.             "value": "141121"

  1027.         }, {

  1028.             "label": "交城县",

  1029.             "value": "141122"

  1030.         }, {

  1031.             "label": "兴县",

  1032.             "value": "141123"

  1033.         }, {

  1034.             "label": "临县",

  1035.             "value": "141124"

  1036.         }, {

  1037.             "label": "柳林县",

  1038.             "value": "141125"

  1039.         }, {

  1040.             "label": "石楼县",

  1041.             "value": "141126"

  1042.         }, {

  1043.             "label": "岚县",

  1044.             "value": "141127"

  1045.         }, {

  1046.             "label": "方山县",

  1047.             "value": "141128"

  1048.         }, {

  1049.             "label": "中阳县",

  1050.             "value": "141129"

  1051.         }, {

  1052.             "label": "交口县",

  1053.             "value": "141130"

  1054.         }, {

  1055.             "label": "孝义市",

  1056.             "value": "141181"

  1057.         }, {

  1058.             "label": "汾阳市",

  1059.             "value": "141182"

  1060.         }]

  1061.     ],

  1062.     [

  1063.         [{

  1064.             "label": "市辖区",

  1065.             "value": "150101"

  1066.         }, {

  1067.             "label": "新城区",

  1068.             "value": "150102"

  1069.         }, {

  1070.             "label": "回民区",

  1071.             "value": "150103"

  1072.         }, {

  1073.             "label": "玉泉区",

  1074.             "value": "150104"

  1075.         }, {

  1076.             "label": "赛罕区",

  1077.             "value": "150105"

  1078.         }, {

  1079.             "label": "土默特左旗",

  1080.             "value": "150121"

  1081.         }, {

  1082.             "label": "托克托县",

  1083.             "value": "150122"

  1084.         }, {

  1085.             "label": "和林格尔县",

  1086.             "value": "150123"

  1087.         }, {

  1088.             "label": "清水河县",

  1089.             "value": "150124"

  1090.         }, {

  1091.             "label": "武川县",

  1092.             "value": "150125"

  1093.         }],

  1094.         [{

  1095.             "label": "市辖区",

  1096.             "value": "150201"

  1097.         }, {

  1098.             "label": "东河区",

  1099.             "value": "150202"

  1100.         }, {

  1101.             "label": "昆都仑区",

  1102.             "value": "150203"

  1103.         }, {

  1104.             "label": "青山区",

  1105.             "value": "150204"

  1106.         }, {

  1107.             "label": "石拐区",

  1108.             "value": "150205"

  1109.         }, {

  1110.             "label": "白云鄂博矿区",

  1111.             "value": "150206"

  1112.         }, {

  1113.             "label": "九原区",

  1114.             "value": "150207"

  1115.         }, {

  1116.             "label": "土默特右旗",

  1117.             "value": "150221"

  1118.         }, {

  1119.             "label": "固阳县",

  1120.             "value": "150222"

  1121.         }, {

  1122.             "label": "达尔罕茂明安联合旗",

  1123.             "value": "150223"

  1124.         }],

  1125.         [{

  1126.             "label": "市辖区",

  1127.             "value": "150301"

  1128.         }, {

  1129.             "label": "海勃湾区",

  1130.             "value": "150302"

  1131.         }, {

  1132.             "label": "海南区",

  1133.             "value": "150303"

  1134.         }, {

  1135.             "label": "乌达区",

  1136.             "value": "150304"

  1137.         }],

  1138.         [{

  1139.             "label": "市辖区",

  1140.             "value": "150401"

  1141.         }, {

  1142.             "label": "红山区",

  1143.             "value": "150402"

  1144.         }, {

  1145.             "label": "元宝山区",

  1146.             "value": "150403"

  1147.         }, {

  1148.             "label": "松山区",

  1149.             "value": "150404"

  1150.         }, {

  1151.             "label": "阿鲁科尔沁旗",

  1152.             "value": "150421"

  1153.         }, {

  1154.             "label": "巴林左旗",

  1155.             "value": "150422"

  1156.         }, {

  1157.             "label": "巴林右旗",

  1158.             "value": "150423"

  1159.         }, {

  1160.             "label": "林西县",

  1161.             "value": "150424"

  1162.         }, {

  1163.             "label": "克什克腾旗",

  1164.             "value": "150425"

  1165.         }, {

  1166.             "label": "翁牛特旗",

  1167.             "value": "150426"

  1168.         }, {

  1169.             "label": "喀喇沁旗",

  1170.             "value": "150428"

  1171.         }, {

  1172.             "label": "宁城县",

  1173.             "value": "150429"

  1174.         }, {

  1175.             "label": "敖汉旗",

  1176.             "value": "150430"

  1177.         }],

  1178.         [{

  1179.             "label": "市辖区",

  1180.             "value": "150501"

  1181.         }, {

  1182.             "label": "科尔沁区",

  1183.             "value": "150502"

  1184.         }, {

  1185.             "label": "科尔沁左翼中旗",

  1186.             "value": "150521"

  1187.         }, {

  1188.             "label": "科尔沁左翼后旗",

  1189.             "value": "150522"

  1190.         }, {

  1191.             "label": "开鲁县",

  1192.             "value": "150523"

  1193.         }, {

  1194.             "label": "库伦旗",

  1195.             "value": "150524"

  1196.         }, {

  1197.             "label": "奈曼旗",

  1198.             "value": "150525"

  1199.         }, {

  1200.             "label": "扎鲁特旗",

  1201.             "value": "150526"

  1202.         }, {

  1203.             "label": "霍林郭勒市",

  1204.             "value": "150581"

  1205.         }],

  1206.         [{

  1207.             "label": "市辖区",

  1208.             "value": "150601"

  1209.         }, {

  1210.             "label": "东胜区",

  1211.             "value": "150602"

  1212.         }, {

  1213.             "label": "康巴什区",

  1214.             "value": "150603"

  1215.         }, {

  1216.             "label": "达拉特旗",

  1217.             "value": "150621"

  1218.         }, {

  1219.             "label": "准格尔旗",

  1220.             "value": "150622"

  1221.         }, {

  1222.             "label": "鄂托克前旗",

  1223.             "value": "150623"

  1224.         }, {

  1225.             "label": "鄂托克旗",

  1226.             "value": "150624"

  1227.         }, {

  1228.             "label": "杭锦旗",

  1229.             "value": "150625"

  1230.         }, {

  1231.             "label": "乌审旗",

  1232.             "value": "150626"

  1233.         }, {

  1234.             "label": "伊金霍洛旗",

  1235.             "value": "150627"

  1236.         }],

  1237.         [{

  1238.             "label": "市辖区",

  1239.             "value": "150701"

  1240.         }, {

  1241.             "label": "海拉尔区",

  1242.             "value": "150702"

  1243.         }, {

  1244.             "label": "扎赉诺尔区",

  1245.             "value": "150703"

  1246.         }, {

  1247.             "label": "阿荣旗",

  1248.             "value": "150721"

  1249.         }, {

  1250.             "label": "莫力达瓦达斡尔族自治旗",

  1251.             "value": "150722"

  1252.         }, {

  1253.             "label": "鄂伦春自治旗",

  1254.             "value": "150723"

  1255.         }, {

  1256.             "label": "鄂温克族自治旗",

  1257.             "value": "150724"

  1258.         }, {

  1259.             "label": "陈巴尔虎旗",

  1260.             "value": "150725"

  1261.         }, {

  1262.             "label": "新巴尔虎左旗",

  1263.             "value": "150726"

  1264.         }, {

  1265.             "label": "新巴尔虎右旗",

  1266.             "value": "150727"

  1267.         }, {

  1268.             "label": "满洲里市",

  1269.             "value": "150781"

  1270.         }, {

  1271.             "label": "牙克石市",

  1272.             "value": "150782"

  1273.         }, {

  1274.             "label": "扎兰屯市",

  1275.             "value": "150783"

  1276.         }, {

  1277.             "label": "额尔古纳市",

  1278.             "value": "150784"

  1279.         }, {

  1280.             "label": "根河市",

  1281.             "value": "150785"

  1282.         }],

  1283.         [{

  1284.             "label": "市辖区",

  1285.             "value": "150801"

  1286.         }, {

  1287.             "label": "临河区",

  1288.             "value": "150802"

  1289.         }, {

  1290.             "label": "五原县",

  1291.             "value": "150821"

  1292.         }, {

  1293.             "label": "磴口县",

  1294.             "value": "150822"

  1295.         }, {

  1296.             "label": "乌拉特前旗",

  1297.             "value": "150823"

  1298.         }, {

  1299.             "label": "乌拉特中旗",

  1300.             "value": "150824"

  1301.         }, {

  1302.             "label": "乌拉特后旗",

  1303.             "value": "150825"

  1304.         }, {

  1305.             "label": "杭锦后旗",

  1306.             "value": "150826"

  1307.         }],

  1308.         [{

  1309.             "label": "市辖区",

  1310.             "value": "150901"

  1311.         }, {

  1312.             "label": "集宁区",

  1313.             "value": "150902"

  1314.         }, {

  1315.             "label": "卓资县",

  1316.             "value": "150921"

  1317.         }, {

  1318.             "label": "化德县",

  1319.             "value": "150922"

  1320.         }, {

  1321.             "label": "商都县",

  1322.             "value": "150923"

  1323.         }, {

  1324.             "label": "兴和县",

  1325.             "value": "150924"

  1326.         }, {

  1327.             "label": "凉城县",

  1328.             "value": "150925"

  1329.         }, {

  1330.             "label": "察哈尔右翼前旗",

  1331.             "value": "150926"

  1332.         }, {

  1333.             "label": "察哈尔右翼中旗",

  1334.             "value": "150927"

  1335.         }, {

  1336.             "label": "察哈尔右翼后旗",

  1337.             "value": "150928"

  1338.         }, {

  1339.             "label": "四子王旗",

  1340.             "value": "150929"

  1341.         }, {

  1342.             "label": "丰镇市",

  1343.             "value": "150981"

  1344.         }],

  1345.         [{

  1346.             "label": "市辖区",

  1347.             "value": "152201"

  1348.         }, {

  1349.             "label": "阿尔山市",

  1350.             "value": "152202"

  1351.         }, {

  1352.             "label": "科尔沁右翼前旗",

  1353.             "value": "152221"

  1354.         }, {

  1355.             "label": "科尔沁右翼中旗",

  1356.             "value": "152222"

  1357.         }, {

  1358.             "label": "扎赉特旗",

  1359.             "value": "152223"

  1360.         }, {

  1361.             "label": "突泉县",

  1362.             "value": "152224"

  1363.         }],

  1364.         [{

  1365.             "label": "市辖区",

  1366.             "value": "152501"

  1367.         }, {

  1368.             "label": "锡林浩特市",

  1369.             "value": "152502"

  1370.         }, {

  1371.             "label": "阿巴嘎旗",

  1372.             "value": "152522"

  1373.         }, {

  1374.             "label": "苏尼特左旗",

  1375.             "value": "152523"

  1376.         }, {

  1377.             "label": "苏尼特右旗",

  1378.             "value": "152524"

  1379.         }, {

  1380.             "label": "东乌珠穆沁旗",

  1381.             "value": "152525"

  1382.         }, {

  1383.             "label": "西乌珠穆沁旗",

  1384.             "value": "152526"

  1385.         }, {

  1386.             "label": "太仆寺旗",

  1387.             "value": "152527"

  1388.         }, {

  1389.             "label": "镶黄旗",

  1390.             "value": "152528"

  1391.         }, {

  1392.             "label": "正镶白旗",

  1393.             "value": "152529"

  1394.         }, {

  1395.             "label": "正蓝旗",

  1396.             "value": "152530"

  1397.         }, {

  1398.             "label": "多伦县",

  1399.             "value": "152531"

  1400.         }],

  1401.         [{

  1402.             "label": "阿拉善左旗",

  1403.             "value": "152921"

  1404.         }, {

  1405.             "label": "阿拉善右旗",

  1406.             "value": "152922"

  1407.         }, {

  1408.             "label": "额济纳旗",

  1409.             "value": "152923"

  1410.         }]

  1411.     ],

  1412.     [

  1413.         [{

  1414.             "label": "市辖区",

  1415.             "value": "210101"

  1416.         }, {

  1417.             "label": "和平区",

  1418.             "value": "210102"

  1419.         }, {

  1420.             "label": "沈河区",

  1421.             "value": "210103"

  1422.         }, {

  1423.             "label": "大东区",

  1424.             "value": "210104"

  1425.         }, {

  1426.             "label": "皇姑区",

  1427.             "value": "210105"

  1428.         }, {

  1429.             "label": "铁西区",

  1430.             "value": "210106"

  1431.         }, {

  1432.             "label": "苏家屯区",

  1433.             "value": "210111"

  1434.         }, {

  1435.             "label": "浑南区",

  1436.             "value": "210112"

  1437.         }, {

  1438.             "label": "沈北新区",

  1439.             "value": "210113"

  1440.         }, {

  1441.             "label": "于洪区",

  1442.             "value": "210114"

  1443.         }, {

  1444.             "label": "辽中区",

  1445.             "value": "210115"

  1446.         }, {

  1447.             "label": "康平县",

  1448.             "value": "210123"

  1449.         }, {

  1450.             "label": "法库县",

  1451.             "value": "210124"

  1452.         }, {

  1453.             "label": "新民市",

  1454.             "value": "210181"

  1455.         }],

  1456.         [{

  1457.             "label": "市辖区",

  1458.             "value": "210201"

  1459.         }, {

  1460.             "label": "中山区",

  1461.             "value": "210202"

  1462.         }, {

  1463.             "label": "西岗区",

  1464.             "value": "210203"

  1465.         }, {

  1466.             "label": "沙河口区",

  1467.             "value": "210204"

  1468.         }, {

  1469.             "label": "甘井子区",

  1470.             "value": "210211"

  1471.         }, {

  1472.             "label": "旅顺口区",

  1473.             "value": "210212"

  1474.         }, {

  1475.             "label": "金州区",

  1476.             "value": "210213"

  1477.         }, {

  1478.             "label": "普兰店区",

  1479.             "value": "210214"

  1480.         }, {

  1481.             "label": "长海县",

  1482.             "value": "210224"

  1483.         }, {

  1484.             "label": "瓦房店市",

  1485.             "value": "210281"

  1486.         }, {

  1487.             "label": "庄河市",

  1488.             "value": "210283"

  1489.         }],

  1490.         [{

  1491.             "label": "市辖区",

  1492.             "value": "210301"

  1493.         }, {

  1494.             "label": "铁东区",

  1495.             "value": "210302"

  1496.         }, {

  1497.             "label": "铁西区",

  1498.             "value": "210303"

  1499.         }, {

  1500.             "label": "立山区",

  1501.             "value": "210304"

  1502.         }, {

  1503.             "label": "千山区",

  1504.             "value": "210311"

  1505.         }, {

  1506.             "label": "台安县",

  1507.             "value": "210321"

  1508.         }, {

  1509.             "label": "岫岩满族自治县",

  1510.             "value": "210323"

  1511.         }, {

  1512.             "label": "海城市",

  1513.             "value": "210381"

  1514.         }],

  1515.         [{

  1516.             "label": "市辖区",

  1517.             "value": "210401"

  1518.         }, {

  1519.             "label": "新抚区",

  1520.             "value": "210402"

  1521.         }, {

  1522.             "label": "东洲区",

  1523.             "value": "210403"

  1524.         }, {

  1525.             "label": "望花区",

  1526.             "value": "210404"

  1527.         }, {

  1528.             "label": "顺城区",

  1529.             "value": "210411"

  1530.         }, {

  1531.             "label": "抚顺县",

  1532.             "value": "210421"

  1533.         }, {

  1534.             "label": "新宾满族自治县",

  1535.             "value": "210422"

  1536.         }, {

  1537.             "label": "清原满族自治县",

  1538.             "value": "210423"

  1539.         }],

  1540.         [{

  1541.             "label": "市辖区",

  1542.             "value": "210501"

  1543.         }, {

  1544.             "label": "平山区",

  1545.             "value": "210502"

  1546.         }, {

  1547.             "label": "溪湖区",

  1548.             "value": "210503"

  1549.         }, {

  1550.             "label": "明山区",

  1551.             "value": "210504"

  1552.         }, {

  1553.             "label": "南芬区",

  1554.             "value": "210505"

  1555.         }, {

  1556.             "label": "本溪满族自治县",

  1557.             "value": "210521"

  1558.         }, {

  1559.             "label": "桓仁满族自治县",

  1560.             "value": "210522"

  1561.         }],

  1562.         [{

  1563.             "label": "市辖区",

  1564.             "value": "210601"

  1565.         }, {

  1566.             "label": "元宝区",

  1567.             "value": "210602"

  1568.         }, {

  1569.             "label": "振兴区",

  1570.             "value": "210603"

  1571.         }, {

  1572.             "label": "振安区",

  1573.             "value": "210604"

  1574.         }, {

  1575.             "label": "宽甸满族自治县",

  1576.             "value": "210624"

  1577.         }, {

  1578.             "label": "东港市",

  1579.             "value": "210681"

  1580.         }, {

  1581.             "label": "凤城市",

  1582.             "value": "210682"

  1583.         }],

  1584.         [{

  1585.             "label": "市辖区",

  1586.             "value": "210701"

  1587.         }, {

  1588.             "label": "古塔区",

  1589.             "value": "210702"

  1590.         }, {

  1591.             "label": "凌河区",

  1592.             "value": "210703"

  1593.         }, {

  1594.             "label": "太和区",

  1595.             "value": "210711"

  1596.         }, {

  1597.             "label": "黑山县",

  1598.             "value": "210726"

  1599.         }, {

  1600.             "label": "义县",

  1601.             "value": "210727"

  1602.         }, {

  1603.             "label": "凌海市",

  1604.             "value": "210781"

  1605.         }, {

  1606.             "label": "北镇市",

  1607.             "value": "210782"

  1608.         }],

  1609.         [{

  1610.             "label": "市辖区",

  1611.             "value": "210801"

  1612.         }, {

  1613.             "label": "站前区",

  1614.             "value": "210802"

  1615.         }, {

  1616.             "label": "西市区",

  1617.             "value": "210803"

  1618.         }, {

  1619.             "label": "鲅鱼圈区",

  1620.             "value": "210804"

  1621.         }, {

  1622.             "label": "老边区",

  1623.             "value": "210811"

  1624.         }, {

  1625.             "label": "盖州市",

  1626.             "value": "210881"

  1627.         }, {

  1628.             "label": "大石桥市",

  1629.             "value": "210882"

  1630.         }],

  1631.         [{

  1632.             "label": "市辖区",

  1633.             "value": "210901"

  1634.         }, {

  1635.             "label": "海州区",

  1636.             "value": "210902"

  1637.         }, {

  1638.             "label": "新邱区",

  1639.             "value": "210903"

  1640.         }, {

  1641.             "label": "太平区",

  1642.             "value": "210904"

  1643.         }, {

  1644.             "label": "清河门区",

  1645.             "value": "210905"

  1646.         }, {

  1647.             "label": "细河区",

  1648.             "value": "210911"

  1649.         }, {

  1650.             "label": "阜新蒙古族自治县",

  1651.             "value": "210921"

  1652.         }, {

  1653.             "label": "彰武县",

  1654.             "value": "210922"

  1655.         }],

  1656.         [{

  1657.             "label": "市辖区",

  1658.             "value": "211001"

  1659.         }, {

  1660.             "label": "白塔区",

  1661.             "value": "211002"

  1662.         }, {

  1663.             "label": "文圣区",

  1664.             "value": "211003"

  1665.         }, {

  1666.             "label": "宏伟区",

  1667.             "value": "211004"

  1668.         }, {

  1669.             "label": "弓长岭区",

  1670.             "value": "211005"

  1671.         }, {

  1672.             "label": "太子河区",

  1673.             "value": "211011"

  1674.         }, {

  1675.             "label": "辽阳县",

  1676.             "value": "211021"

  1677.         }, {

  1678.             "label": "灯塔市",

  1679.             "value": "211081"

  1680.         }],

  1681.         [{

  1682.             "label": "市辖区",

  1683.             "value": "211101"

  1684.         }, {

  1685.             "label": "双台子区",

  1686.             "value": "211102"

  1687.         }, {

  1688.             "label": "兴隆台区",

  1689.             "value": "211103"

  1690.         }, {

  1691.             "label": "大洼区",

  1692.             "value": "211104"

  1693.         }, {

  1694.             "label": "盘山县",

  1695.             "value": "211122"

  1696.         }],

  1697.         [{

  1698.             "label": "市辖区",

  1699.             "value": "211201"

  1700.         }, {

  1701.             "label": "银州区",

  1702.             "value": "211202"

  1703.         }, {

  1704.             "label": "清河区",

  1705.             "value": "211204"

  1706.         }, {

  1707.             "label": "铁岭县",

  1708.             "value": "211221"

  1709.         }, {

  1710.             "label": "西丰县",

  1711.             "value": "211223"

  1712.         }, {

  1713.             "label": "昌图县",

  1714.             "value": "211224"

  1715.         }, {

  1716.             "label": "调兵山市",

  1717.             "value": "211281"

  1718.         }, {

  1719.             "label": "开原市",

  1720.             "value": "211282"

  1721.         }],

  1722.         [{

  1723.             "label": "市辖区",

  1724.             "value": "211301"

  1725.         }, {

  1726.             "label": "双塔区",

  1727.             "value": "211302"

  1728.         }, {

  1729.             "label": "龙城区",

  1730.             "value": "211303"

  1731.         }, {

  1732.             "label": "朝阳县",

  1733.             "value": "211321"

  1734.         }, {

  1735.             "label": "建平县",

  1736.             "value": "211322"

  1737.         }, {

  1738.             "label": "喀喇沁左翼蒙古族自治县",

  1739.             "value": "211324"

  1740.         }, {

  1741.             "label": "北票市",

  1742.             "value": "211381"

  1743.         }, {

  1744.             "label": "凌源市",

  1745.             "value": "211382"

  1746.         }],

  1747.         [{

  1748.             "label": "市辖区",

  1749.             "value": "211401"

  1750.         }, {

  1751.             "label": "连山区",

  1752.             "value": "211402"

  1753.         }, {

  1754.             "label": "龙港区",

  1755.             "value": "211403"

  1756.         }, {

  1757.             "label": "南票区",

  1758.             "value": "211404"

  1759.         }, {

  1760.             "label": "绥中县",

  1761.             "value": "211421"

  1762.         }, {

  1763.             "label": "建昌县",

  1764.             "value": "211422"

  1765.         }, {

  1766.             "label": "兴城市",

  1767.             "value": "211481"

  1768.         }]

  1769.     ],

  1770.     [

  1771.         [{

  1772.             "label": "市辖区",

  1773.             "value": "220101"

  1774.         }, {

  1775.             "label": "南关区",

  1776.             "value": "220102"

  1777.         }, {

  1778.             "label": "宽城区",

  1779.             "value": "220103"

  1780.         }, {

  1781.             "label": "朝阳区",

  1782.             "value": "220104"

  1783.         }, {

  1784.             "label": "二道区",

  1785.             "value": "220105"

  1786.         }, {

  1787.             "label": "绿园区",

  1788.             "value": "220106"

  1789.         }, {

  1790.             "label": "双阳区",

  1791.             "value": "220112"

  1792.         }, {

  1793.             "label": "九台区",

  1794.             "value": "220113"

  1795.         }, {

  1796.             "label": "农安县",

  1797.             "value": "220122"

  1798.         }, {

  1799.             "label": "榆树市",

  1800.             "value": "220182"

  1801.         }, {

  1802.             "label": "德惠市",

  1803.             "value": "220183"

  1804.         }],

  1805.         [{

  1806.             "label": "市辖区",

  1807.             "value": "220201"

  1808.         }, {

  1809.             "label": "昌邑区",

  1810.             "value": "220202"

  1811.         }, {

  1812.             "label": "龙潭区",

  1813.             "value": "220203"

  1814.         }, {

  1815.             "label": "船营区",

  1816.             "value": "220204"

  1817.         }, {

  1818.             "label": "丰满区",

  1819.             "value": "220211"

  1820.         }, {

  1821.             "label": "永吉县",

  1822.             "value": "220221"

  1823.         }, {

  1824.             "label": "蛟河市",

  1825.             "value": "220281"

  1826.         }, {

  1827.             "label": "桦甸市",

  1828.             "value": "220282"

  1829.         }, {

  1830.             "label": "舒兰市",

  1831.             "value": "220283"

  1832.         }, {

  1833.             "label": "磐石市",

  1834.             "value": "220284"

  1835.         }],

  1836.         [{

  1837.             "label": "市辖区",

  1838.             "value": "220301"

  1839.         }, {

  1840.             "label": "铁西区",

  1841.             "value": "220302"

  1842.         }, {

  1843.             "label": "铁东区",

  1844.             "value": "220303"

  1845.         }, {

  1846.             "label": "梨树县",

  1847.             "value": "220322"

  1848.         }, {

  1849.             "label": "伊通满族自治县",

  1850.             "value": "220323"

  1851.         }, {

  1852.             "label": "公主岭市",

  1853.             "value": "220381"

  1854.         }, {

  1855.             "label": "双辽市",

  1856.             "value": "220382"

  1857.         }],

  1858.         [{

  1859.             "label": "市辖区",

  1860.             "value": "220401"

  1861.         }, {

  1862.             "label": "龙山区",

  1863.             "value": "220402"

  1864.         }, {

  1865.             "label": "西安区",

  1866.             "value": "220403"

  1867.         }, {

  1868.             "label": "东丰县",

  1869.             "value": "220421"

  1870.         }, {

  1871.             "label": "东辽县",

  1872.             "value": "220422"

  1873.         }],

  1874.         [{

  1875.             "label": "市辖区",

  1876.             "value": "220501"

  1877.         }, {

  1878.             "label": "东昌区",

  1879.             "value": "220502"

  1880.         }, {

  1881.             "label": "二道江区",

  1882.             "value": "220503"

  1883.         }, {

  1884.             "label": "通化县",

  1885.             "value": "220521"

  1886.         }, {

  1887.             "label": "辉南县",

  1888.             "value": "220523"

  1889.         }, {

  1890.             "label": "柳河县",

  1891.             "value": "220524"

  1892.         }, {

  1893.             "label": "梅河口市",

  1894.             "value": "220581"

  1895.         }, {

  1896.             "label": "集安市",

  1897.             "value": "220582"

  1898.         }],

  1899.         [{

  1900.             "label": "市辖区",

  1901.             "value": "220601"

  1902.         }, {

  1903.             "label": "浑江区",

  1904.             "value": "220602"

  1905.         }, {

  1906.             "label": "江源区",

  1907.             "value": "220605"

  1908.         }, {

  1909.             "label": "抚松县",

  1910.             "value": "220621"

  1911.         }, {

  1912.             "label": "靖宇县",

  1913.             "value": "220622"

  1914.         }, {

  1915.             "label": "长白朝鲜族自治县",

  1916.             "value": "220623"

  1917.         }, {

  1918.             "label": "临江市",

  1919.             "value": "220681"

  1920.         }],

  1921.         [{

  1922.             "label": "市辖区",

  1923.             "value": "220701"

  1924.         }, {

  1925.             "label": "宁江区",

  1926.             "value": "220702"

  1927.         }, {

  1928.             "label": "前郭尔罗斯蒙古族自治县",

  1929.             "value": "220721"

  1930.         }, {

  1931.             "label": "长岭县",

  1932.             "value": "220722"

  1933.         }, {

  1934.             "label": "乾安县",

  1935.             "value": "220723"

  1936.         }, {

  1937.             "label": "扶余市",

  1938.             "value": "220781"

  1939.         }],

  1940.         [{

  1941.             "label": "市辖区",

  1942.             "value": "220801"

  1943.         }, {

  1944.             "label": "洮北区",

  1945.             "value": "220802"

  1946.         }, {

  1947.             "label": "镇赉县",

  1948.             "value": "220821"

  1949.         }, {

  1950.             "label": "通榆县",

  1951.             "value": "220822"

  1952.         }, {

  1953.             "label": "洮南市",

  1954.             "value": "220881"

  1955.         }, {

  1956.             "label": "大安市",

  1957.             "value": "220882"

  1958.         }],

  1959.         [{

  1960.             "label": "市辖区",

  1961.             "value": "222401"

  1962.         }, {

  1963.             "label": "图们市",

  1964.             "value": "222402"

  1965.         }, {

  1966.             "label": "敦化市",

  1967.             "value": "222403"

  1968.         }, {

  1969.             "label": "珲春市",

  1970.             "value": "222404"

  1971.         }, {

  1972.             "label": "龙井市",

  1973.             "value": "222405"

  1974.         }, {

  1975.             "label": "和龙市",

  1976.             "value": "222406"

  1977.         }, {

  1978.             "label": "汪清县",

  1979.             "value": "222424"

  1980.         }, {

  1981.             "label": "安图县",

  1982.             "value": "222426"

  1983.         }]

  1984.     ],

  1985.     [

  1986.         [{

  1987.             "label": "市辖区",

  1988.             "value": "230101"

  1989.         }, {

  1990.             "label": "道里区",

  1991.             "value": "230102"

  1992.         }, {

  1993.             "label": "南岗区",

  1994.             "value": "230103"

  1995.         }, {

  1996.             "label": "道外区",

  1997.             "value": "230104"

  1998.         }, {

  1999.             "label": "平房区",

  2000.             "value": "230108"

  2001.         }, {

  2002.             "label": "松北区",

  2003.             "value": "230109"

  2004.         }, {

  2005.             "label": "香坊区",

  2006.             "value": "230110"

  2007.         }, {

  2008.             "label": "呼兰区",

  2009.             "value": "230111"

  2010.         }, {

  2011.             "label": "阿城区",

  2012.             "value": "230112"

  2013.         }, {

  2014.             "label": "双城区",

  2015.             "value": "230113"

  2016.         }, {

  2017.             "label": "依兰县",

  2018.             "value": "230123"

  2019.         }, {

  2020.             "label": "方正县",

  2021.             "value": "230124"

  2022.         }, {

  2023.             "label": "宾县",

  2024.             "value": "230125"

  2025.         }, {

  2026.             "label": "巴彦县",

  2027.             "value": "230126"

  2028.         }, {

  2029.             "label": "木兰县",

  2030.             "value": "230127"

  2031.         }, {

  2032.             "label": "通河县",

  2033.             "value": "230128"

  2034.         }, {

  2035.             "label": "延寿县",

  2036.             "value": "230129"

  2037.         }, {

  2038.             "label": "尚志市",

  2039.             "value": "230183"

  2040.         }, {

  2041.             "label": "五常市",

  2042.             "value": "230184"

  2043.         }],

  2044.         [{

  2045.             "label": "市辖区",

  2046.             "value": "230201"

  2047.         }, {

  2048.             "label": "龙沙区",

  2049.             "value": "230202"

  2050.         }, {

  2051.             "label": "建华区",

  2052.             "value": "230203"

  2053.         }, {

  2054.             "label": "铁锋区",

  2055.             "value": "230204"

  2056.         }, {

  2057.             "label": "昂昂溪区",

  2058.             "value": "230205"

  2059.         }, {

  2060.             "label": "富拉尔基区",

  2061.             "value": "230206"

  2062.         }, {

  2063.             "label": "碾子山区",

  2064.             "value": "230207"

  2065.         }, {

  2066.             "label": "梅里斯达斡尔族区",

  2067.             "value": "230208"

  2068.         }, {

  2069.             "label": "龙江县",

  2070.             "value": "230221"

  2071.         }, {

  2072.             "label": "依安县",

  2073.             "value": "230223"

  2074.         }, {

  2075.             "label": "泰来县",

  2076.             "value": "230224"

  2077.         }, {

  2078.             "label": "甘南县",

  2079.             "value": "230225"

  2080.         }, {

  2081.             "label": "富裕县",

  2082.             "value": "230227"

  2083.         }, {

  2084.             "label": "克山县",

  2085.             "value": "230229"

  2086.         }, {

  2087.             "label": "克东县",

  2088.             "value": "230230"

  2089.         }, {

  2090.             "label": "拜泉县",

  2091.             "value": "230231"

  2092.         }, {

  2093.             "label": "讷河市",

  2094.             "value": "230281"

  2095.         }],

  2096.         [{

  2097.             "label": "市辖区",

  2098.             "value": "230301"

  2099.         }, {

  2100.             "label": "鸡冠区",

  2101.             "value": "230302"

  2102.         }, {

  2103.             "label": "恒山区",

  2104.             "value": "230303"

  2105.         }, {

  2106.             "label": "滴道区",

  2107.             "value": "230304"

  2108.         }, {

  2109.             "label": "梨树区",

  2110.             "value": "230305"

  2111.         }, {

  2112.             "label": "城子河区",

  2113.             "value": "230306"

  2114.         }, {

  2115.             "label": "麻山区",

  2116.             "value": "230307"

  2117.         }, {

  2118.             "label": "鸡东县",

  2119.             "value": "230321"

  2120.         }, {

  2121.             "label": "虎林市",

  2122.             "value": "230381"

  2123.         }, {

  2124.             "label": "密山市",

  2125.             "value": "230382"

  2126.         }],

  2127.         [{

  2128.             "label": "市辖区",

  2129.             "value": "230401"

  2130.         }, {

  2131.             "label": "向阳区",

  2132.             "value": "230402"

  2133.         }, {

  2134.             "label": "工农区",

  2135.             "value": "230403"

  2136.         }, {

  2137.             "label": "南山区",

  2138.             "value": "230404"

  2139.         }, {

  2140.             "label": "兴安区",

  2141.             "value": "230405"

  2142.         }, {

  2143.             "label": "东山区",

  2144.             "value": "230406"

  2145.         }, {

  2146.             "label": "兴山区",

  2147.             "value": "230407"

  2148.         }, {

  2149.             "label": "萝北县",

  2150.             "value": "230421"

  2151.         }, {

  2152.             "label": "绥滨县",

  2153.             "value": "230422"

  2154.         }],

  2155.         [{

  2156.             "label": "市辖区",

  2157.             "value": "230501"

  2158.         }, {

  2159.             "label": "尖山区",

  2160.             "value": "230502"

  2161.         }, {

  2162.             "label": "岭东区",

  2163.             "value": "230503"

  2164.         }, {

  2165.             "label": "四方台区",

  2166.             "value": "230505"

  2167.         }, {

  2168.             "label": "宝山区",

  2169.             "value": "230506"

  2170.         }, {

  2171.             "label": "集贤县",

  2172.             "value": "230521"

  2173.         }, {

  2174.             "label": "友谊县",

  2175.             "value": "230522"

  2176.         }, {

  2177.             "label": "宝清县",

  2178.             "value": "230523"

  2179.         }, {

  2180.             "label": "饶河县",

  2181.             "value": "230524"

  2182.         }],

  2183.         [{

  2184.             "label": "市辖区",

  2185.             "value": "230601"

  2186.         }, {

  2187.             "label": "萨尔图区",

  2188.             "value": "230602"

  2189.         }, {

  2190.             "label": "龙凤区",

  2191.             "value": "230603"

  2192.         }, {

  2193.             "label": "让胡路区",

  2194.             "value": "230604"

  2195.         }, {

  2196.             "label": "红岗区",

  2197.             "value": "230605"

  2198.         }, {

  2199.             "label": "大同区",

  2200.             "value": "230606"

  2201.         }, {

  2202.             "label": "肇州县",

  2203.             "value": "230621"

  2204.         }, {

  2205.             "label": "肇源县",

  2206.             "value": "230622"

  2207.         }, {

  2208.             "label": "林甸县",

  2209.             "value": "230623"

  2210.         }, {

  2211.             "label": "杜尔伯特蒙古族自治县",

  2212.             "value": "230624"

  2213.         }],

  2214.         [{

  2215.             "label": "市辖区",

  2216.             "value": "230701"

  2217.         }, {

  2218.             "label": "伊春区",

  2219.             "value": "230702"

  2220.         }, {

  2221.             "label": "南岔区",

  2222.             "value": "230703"

  2223.         }, {

  2224.             "label": "友好区",

  2225.             "value": "230704"

  2226.         }, {

  2227.             "label": "西林区",

  2228.             "value": "230705"

  2229.         }, {

  2230.             "label": "翠峦区",

  2231.             "value": "230706"

  2232.         }, {

  2233.             "label": "新青区",

  2234.             "value": "230707"

  2235.         }, {

  2236.             "label": "美溪区",

  2237.             "value": "230708"

  2238.         }, {

  2239.             "label": "金山屯区",

  2240.             "value": "230709"

  2241.         }, {

  2242.             "label": "五营区",

  2243.             "value": "230710"

  2244.         }, {

  2245.             "label": "乌马河区",

  2246.             "value": "230711"

  2247.         }, {

  2248.             "label": "汤旺河区",

  2249.             "value": "230712"

  2250.         }, {

  2251.             "label": "带岭区",

  2252.             "value": "230713"

  2253.         }, {

  2254.             "label": "乌伊岭区",

  2255.             "value": "230714"

  2256.         }, {

  2257.             "label": "红星区",

  2258.             "value": "230715"

  2259.         }, {

  2260.             "label": "上甘岭区",

  2261.             "value": "230716"

  2262.         }, {

  2263.             "label": "嘉荫县",

  2264.             "value": "230722"

  2265.         }, {

  2266.             "label": "铁力市",

  2267.             "value": "230781"

  2268.         }],

  2269.         [{

  2270.             "label": "市辖区",

  2271.             "value": "230801"

  2272.         }, {

  2273.             "label": "向阳区",

  2274.             "value": "230803"

  2275.         }, {

  2276.             "label": "前进区",

  2277.             "value": "230804"

  2278.         }, {

  2279.             "label": "东风区",

  2280.             "value": "230805"

  2281.         }, {

  2282.             "label": "郊区",

  2283.             "value": "230811"

  2284.         }, {

  2285.             "label": "桦南县",

  2286.             "value": "230822"

  2287.         }, {

  2288.             "label": "桦川县",

  2289.             "value": "230826"

  2290.         }, {

  2291.             "label": "汤原县",

  2292.             "value": "230828"

  2293.         }, {

  2294.             "label": "同江市",

  2295.             "value": "230881"

  2296.         }, {

  2297.             "label": "富锦市",

  2298.             "value": "230882"

  2299.         }, {

  2300.             "label": "抚远市",

  2301.             "value": "230883"

  2302.         }],

  2303.         [{

  2304.             "label": "市辖区",

  2305.             "value": "230901"

  2306.         }, {

  2307.             "label": "新兴区",

  2308.             "value": "230902"

  2309.         }, {

  2310.             "label": "桃山区",

  2311.             "value": "230903"

  2312.         }, {

  2313.             "label": "茄子河区",

  2314.             "value": "230904"

  2315.         }, {

  2316.             "label": "勃利县",

  2317.             "value": "230921"

  2318.         }],

  2319.         [{

  2320.             "label": "市辖区",

  2321.             "value": "231001"

  2322.         }, {

  2323.             "label": "东安区",

  2324.             "value": "231002"

  2325.         }, {

  2326.             "label": "阳明区",

  2327.             "value": "231003"

  2328.         }, {

  2329.             "label": "爱民区",

  2330.             "value": "231004"

  2331.         }, {

  2332.             "label": "西安区",

  2333.             "value": "231005"

  2334.         }, {

  2335.             "label": "林口县",

  2336.             "value": "231025"

  2337.         }, {

  2338.             "label": "绥芬河市",

  2339.             "value": "231081"

  2340.         }, {

  2341.             "label": "海林市",

  2342.             "value": "231083"

  2343.         }, {

  2344.             "label": "宁安市",

  2345.             "value": "231084"

  2346.         }, {

  2347.             "label": "穆棱市",

  2348.             "value": "231085"

  2349.         }, {

  2350.             "label": "东宁市",

  2351.             "value": "231086"

  2352.         }],

  2353.         [{

  2354.             "label": "市辖区",

  2355.             "value": "231101"

  2356.         }, {

  2357.             "label": "爱辉区",

  2358.             "value": "231102"

  2359.         }, {

  2360.             "label": "嫩江县",

  2361.             "value": "231121"

  2362.         }, {

  2363.             "label": "逊克县",

  2364.             "value": "231123"

  2365.         }, {

  2366.             "label": "孙吴县",

  2367.             "value": "231124"

  2368.         }, {

  2369.             "label": "北安市",

  2370.             "value": "231181"

  2371.         }, {

  2372.             "label": "五大连池市",

  2373.             "value": "231182"

  2374.         }],

  2375.         [{

  2376.             "label": "市辖区",

  2377.             "value": "231201"

  2378.         }, {

  2379.             "label": "北林区",

  2380.             "value": "231202"

  2381.         }, {

  2382.             "label": "望奎县",

  2383.             "value": "231221"

  2384.         }, {

  2385.             "label": "兰西县",

  2386.             "value": "231222"

  2387.         }, {

  2388.             "label": "青冈县",

  2389.             "value": "231223"

  2390.         }, {

  2391.             "label": "庆安县",

  2392.             "value": "231224"

  2393.         }, {

  2394.             "label": "明水县",

  2395.             "value": "231225"

  2396.         }, {

  2397.             "label": "绥棱县",

  2398.             "value": "231226"

  2399.         }, {

  2400.             "label": "安达市",

  2401.             "value": "231281"

  2402.         }, {

  2403.             "label": "肇东市",

  2404.             "value": "231282"

  2405.         }, {

  2406.             "label": "海伦市",

  2407.             "value": "231283"

  2408.         }],

  2409.         [{

  2410.             "label": "呼玛县",

  2411.             "value": "232721"

  2412.         }, {

  2413.             "label": "塔河县",

  2414.             "value": "232722"

  2415.         }, {

  2416.             "label": "漠河县",

  2417.             "value": "232723"

  2418.         }]

  2419.     ],

  2420.     [

  2421.         [{

  2422.             "label": "黄浦区",

  2423.             "value": "310101"

  2424.         }, {

  2425.             "label": "徐汇区",

  2426.             "value": "310104"

  2427.         }, {

  2428.             "label": "长宁区",

  2429.             "value": "310105"

  2430.         }, {

  2431.             "label": "静安区",

  2432.             "value": "310106"

  2433.         }, {

  2434.             "label": "普陀区",

  2435.             "value": "310107"

  2436.         }, {

  2437.             "label": "虹口区",

  2438.             "value": "310109"

  2439.         }, {

  2440.             "label": "杨浦区",

  2441.             "value": "310110"

  2442.         }, {

  2443.             "label": "闵行区",

  2444.             "value": "310112"

  2445.         }, {

  2446.             "label": "宝山区",

  2447.             "value": "310113"

  2448.         }, {

  2449.             "label": "嘉定区",

  2450.             "value": "310114"

  2451.         }, {

  2452.             "label": "浦东新区",

  2453.             "value": "310115"

  2454.         }, {

  2455.             "label": "金山区",

  2456.             "value": "310116"

  2457.         }, {

  2458.             "label": "松江区",

  2459.             "value": "310117"

  2460.         }, {

  2461.             "label": "青浦区",

  2462.             "value": "310118"

  2463.         }, {

  2464.             "label": "奉贤区",

  2465.             "value": "310120"

  2466.         }, {

  2467.             "label": "崇明区",

  2468.             "value": "310151"

  2469.         }]

  2470.     ],

  2471.     [

  2472.         [{

  2473.             "label": "市辖区",

  2474.             "value": "320101"

  2475.         }, {

  2476.             "label": "玄武区",

  2477.             "value": "320102"

  2478.         }, {

  2479.             "label": "秦淮区",

  2480.             "value": "320104"

  2481.         }, {

  2482.             "label": "建邺区",

  2483.             "value": "320105"

  2484.         }, {

  2485.             "label": "鼓楼区",

  2486.             "value": "320106"

  2487.         }, {

  2488.             "label": "浦口区",

  2489.             "value": "320111"

  2490.         }, {

  2491.             "label": "栖霞区",

  2492.             "value": "320113"

  2493.         }, {

  2494.             "label": "雨花台区",

  2495.             "value": "320114"

  2496.         }, {

  2497.             "label": "江宁区",

  2498.             "value": "320115"

  2499.         }, {

  2500.             "label": "六合区",

  2501.             "value": "320116"

  2502.         }, {

  2503.             "label": "溧水区",

  2504.             "value": "320117"

  2505.         }, {

  2506.             "label": "高淳区",

  2507.             "value": "320118"

  2508.         }],

  2509.         [{

  2510.             "label": "市辖区",

  2511.             "value": "320201"

  2512.         }, {

  2513.             "label": "锡山区",

  2514.             "value": "320205"

  2515.         }, {

  2516.             "label": "惠山区",

  2517.             "value": "320206"

  2518.         }, {

  2519.             "label": "滨湖区",

  2520.             "value": "320211"

  2521.         }, {

  2522.             "label": "梁溪区",

  2523.             "value": "320213"

  2524.         }, {

  2525.             "label": "新吴区",

  2526.             "value": "320214"

  2527.         }, {

  2528.             "label": "江阴市",

  2529.             "value": "320281"

  2530.         }, {

  2531.             "label": "宜兴市",

  2532.             "value": "320282"

  2533.         }],

  2534.         [{

  2535.             "label": "市辖区",

  2536.             "value": "320301"

  2537.         }, {

  2538.             "label": "鼓楼区",

  2539.             "value": "320302"

  2540.         }, {

  2541.             "label": "云龙区",

  2542.             "value": "320303"

  2543.         }, {

  2544.             "label": "贾汪区",

  2545.             "value": "320305"

  2546.         }, {

  2547.             "label": "泉山区",

  2548.             "value": "320311"

  2549.         }, {

  2550.             "label": "铜山区",

  2551.             "value": "320312"

  2552.         }, {

  2553.             "label": "丰县",

  2554.             "value": "320321"

  2555.         }, {

  2556.             "label": "沛县",

  2557.             "value": "320322"

  2558.         }, {

  2559.             "label": "睢宁县",

  2560.             "value": "320324"

  2561.         }, {

  2562.             "label": "新沂市",

  2563.             "value": "320381"

  2564.         }, {

  2565.             "label": "邳州市",

  2566.             "value": "320382"

  2567.         }],

  2568.         [{

  2569.             "label": "市辖区",

  2570.             "value": "320401"

  2571.         }, {

  2572.             "label": "天宁区",

  2573.             "value": "320402"

  2574.         }, {

  2575.             "label": "钟楼区",

  2576.             "value": "320404"

  2577.         }, {

  2578.             "label": "新北区",

  2579.             "value": "320411"

  2580.         }, {

  2581.             "label": "武进区",

  2582.             "value": "320412"

  2583.         }, {

  2584.             "label": "金坛区",

  2585.             "value": "320413"

  2586.         }, {

  2587.             "label": "溧阳市",

  2588.             "value": "320481"

  2589.         }],

  2590.         [{

  2591.             "label": "市辖区",

  2592.             "value": "320501"

  2593.         }, {

  2594.             "label": "虎丘区",

  2595.             "value": "320505"

  2596.         }, {

  2597.             "label": "吴中区",

  2598.             "value": "320506"

  2599.         }, {

  2600.             "label": "相城区",

  2601.             "value": "320507"

  2602.         }, {

  2603.             "label": "姑苏区",

  2604.             "value": "320508"

  2605.         }, {

  2606.             "label": "吴江区",

  2607.             "value": "320509"

  2608.         }, {

  2609.             "label": "常熟市",

  2610.             "value": "320581"

  2611.         }, {

  2612.             "label": "张家港市",

  2613.             "value": "320582"

  2614.         }, {

  2615.             "label": "昆山市",

  2616.             "value": "320583"

  2617.         }, {

  2618.             "label": "太仓市",

  2619.             "value": "320585"

  2620.         }],

  2621.         [{

  2622.             "label": "市辖区",

  2623.             "value": "320601"

  2624.         }, {

  2625.             "label": "崇川区",

  2626.             "value": "320602"

  2627.         }, {

  2628.             "label": "港闸区",

  2629.             "value": "320611"

  2630.         }, {

  2631.             "label": "通州区",

  2632.             "value": "320612"

  2633.         }, {

  2634.             "label": "海安县",

  2635.             "value": "320621"

  2636.         }, {

  2637.             "label": "如东县",

  2638.             "value": "320623"

  2639.         }, {

  2640.             "label": "启东市",

  2641.             "value": "320681"

  2642.         }, {

  2643.             "label": "如皋市",

  2644.             "value": "320682"

  2645.         }, {

  2646.             "label": "海门市",

  2647.             "value": "320684"

  2648.         }],

  2649.         [{

  2650.             "label": "市辖区",

  2651.             "value": "320701"

  2652.         }, {

  2653.             "label": "连云区",

  2654.             "value": "320703"

  2655.         }, {

  2656.             "label": "海州区",

  2657.             "value": "320706"

  2658.         }, {

  2659.             "label": "赣榆区",

  2660.             "value": "320707"

  2661.         }, {

  2662.             "label": "东海县",

  2663.             "value": "320722"

  2664.         }, {

  2665.             "label": "灌云县",

  2666.             "value": "320723"

  2667.         }, {

  2668.             "label": "灌南县",

  2669.             "value": "320724"

  2670.         }],

  2671.         [{

  2672.             "label": "市辖区",

  2673.             "value": "320801"

  2674.         }, {

  2675.             "label": "淮安区",

  2676.             "value": "320803"

  2677.         }, {

  2678.             "label": "淮阴区",

  2679.             "value": "320804"

  2680.         }, {

  2681.             "label": "清江浦区",

  2682.             "value": "320812"

  2683.         }, {

  2684.             "label": "洪泽区",

  2685.             "value": "320813"

  2686.         }, {

  2687.             "label": "涟水县",

  2688.             "value": "320826"

  2689.         }, {

  2690.             "label": "盱眙县",

  2691.             "value": "320830"

  2692.         }, {

  2693.             "label": "金湖县",

  2694.             "value": "320831"

  2695.         }],

  2696.         [{

  2697.             "label": "市辖区",

  2698.             "value": "320901"

  2699.         }, {

  2700.             "label": "亭湖区",

  2701.             "value": "320902"

  2702.         }, {

  2703.             "label": "盐都区",

  2704.             "value": "320903"

  2705.         }, {

  2706.             "label": "大丰区",

  2707.             "value": "320904"

  2708.         }, {

  2709.             "label": "响水县",

  2710.             "value": "320921"

  2711.         }, {

  2712.             "label": "滨海县",

  2713.             "value": "320922"

  2714.         }, {

  2715.             "label": "阜宁县",

  2716.             "value": "320923"

  2717.         }, {

  2718.             "label": "射阳县",

  2719.             "value": "320924"

  2720.         }, {

  2721.             "label": "建湖县",

  2722.             "value": "320925"

  2723.         }, {

  2724.             "label": "东台市",

  2725.             "value": "320981"

  2726.         }],

  2727.         [{

  2728.             "label": "市辖区",

  2729.             "value": "321001"

  2730.         }, {

  2731.             "label": "广陵区",

  2732.             "value": "321002"

  2733.         }, {

  2734.             "label": "邗江区",

  2735.             "value": "321003"

  2736.         }, {

  2737.             "label": "江都区",

  2738.             "value": "321012"

  2739.         }, {

  2740.             "label": "宝应县",

  2741.             "value": "321023"

  2742.         }, {

  2743.             "label": "仪征市",

  2744.             "value": "321081"

  2745.         }, {

  2746.             "label": "高邮市",

  2747.             "value": "321084"

  2748.         }],

  2749.         [{

  2750.             "label": "市辖区",

  2751.             "value": "321101"

  2752.         }, {

  2753.             "label": "京口区",

  2754.             "value": "321102"

  2755.         }, {

  2756.             "label": "润州区",

  2757.             "value": "321111"

  2758.         }, {

  2759.             "label": "丹徒区",

  2760.             "value": "321112"

  2761.         }, {

  2762.             "label": "丹阳市",

  2763.             "value": "321181"

  2764.         }, {

  2765.             "label": "扬中市",

  2766.             "value": "321182"

  2767.         }, {

  2768.             "label": "句容市",

  2769.             "value": "321183"

  2770.         }],

  2771.         [{

  2772.             "label": "市辖区",

  2773.             "value": "321201"

  2774.         }, {

  2775.             "label": "海陵区",

  2776.             "value": "321202"

  2777.         }, {

  2778.             "label": "高港区",

  2779.             "value": "321203"

  2780.         }, {

  2781.             "label": "姜堰区",

  2782.             "value": "321204"

  2783.         }, {

  2784.             "label": "兴化市",

  2785.             "value": "321281"

  2786.         }, {

  2787.             "label": "靖江市",

  2788.             "value": "321282"

  2789.         }, {

  2790.             "label": "泰兴市",

  2791.             "value": "321283"

  2792.         }],

  2793.         [{

  2794.             "label": "市辖区",

  2795.             "value": "321301"

  2796.         }, {

  2797.             "label": "宿城区",

  2798.             "value": "321302"

  2799.         }, {

  2800.             "label": "宿豫区",

  2801.             "value": "321311"

  2802.         }, {

  2803.             "label": "沭阳县",

  2804.             "value": "321322"

  2805.         }, {

  2806.             "label": "泗阳县",

  2807.             "value": "321323"

  2808.         }, {

  2809.             "label": "泗洪县",

  2810.             "value": "321324"

  2811.         }]

  2812.     ],

  2813.     [

  2814.         [{

  2815.             "label": "市辖区",

  2816.             "value": "330101"

  2817.         }, {

  2818.             "label": "上城区",

  2819.             "value": "330102"

  2820.         }, {

  2821.             "label": "下城区",

  2822.             "value": "330103"

  2823.         }, {

  2824.             "label": "江干区",

  2825.             "value": "330104"

  2826.         }, {

  2827.             "label": "拱墅区",

  2828.             "value": "330105"

  2829.         }, {

  2830.             "label": "西湖区",

  2831.             "value": "330106"

  2832.         }, {

  2833.             "label": "滨江区",

  2834.             "value": "330108"

  2835.         }, {

  2836.             "label": "萧山区",

  2837.             "value": "330109"

  2838.         }, {

  2839.             "label": "余杭区",

  2840.             "value": "330110"

  2841.         }, {

  2842.             "label": "富阳区",

  2843.             "value": "330111"

  2844.         }, {

  2845.             "label": "桐庐县",

  2846.             "value": "330122"

  2847.         }, {

  2848.             "label": "淳安县",

  2849.             "value": "330127"

  2850.         }, {

  2851.             "label": "建德市",

  2852.             "value": "330182"

  2853.         }, {

  2854.             "label": "临安市",

  2855.             "value": "330185"

  2856.         }, {

  2857.             "label": "富阳市",

  2858.             "value": "920001"

  2859.         }],

  2860.         [{

  2861.             "label": "市辖区",

  2862.             "value": "330201"

  2863.         }, {

  2864.             "label": "海曙区",

  2865.             "value": "330203"

  2866.         }, {

  2867.             "label": "江东区",

  2868.             "value": "330204"

  2869.         }, {

  2870.             "label": "江北区",

  2871.             "value": "330205"

  2872.         }, {

  2873.             "label": "北仑区",

  2874.             "value": "330206"

  2875.         }, {

  2876.             "label": "镇海区",

  2877.             "value": "330211"

  2878.         }, {

  2879.             "label": "鄞州区",

  2880.             "value": "330212"

  2881.         }, {

  2882.             "label": "象山县",

  2883.             "value": "330225"

  2884.         }, {

  2885.             "label": "宁海县",

  2886.             "value": "330226"

  2887.         }, {

  2888.             "label": "余姚市",

  2889.             "value": "330281"

  2890.         }, {

  2891.             "label": "慈溪市",

  2892.             "value": "330282"

  2893.         }, {

  2894.             "label": "奉化市",

  2895.             "value": "330283"

  2896.         }],

  2897.         [{

  2898.             "label": "市辖区",

  2899.             "value": "330301"

  2900.         }, {

  2901.             "label": "鹿城区",

  2902.             "value": "330302"

  2903.         }, {

  2904.             "label": "龙湾区",

  2905.             "value": "330303"

  2906.         }, {

  2907.             "label": "瓯海区",

  2908.             "value": "330304"

  2909.         }, {

  2910.             "label": "洞头区",

  2911.             "value": "330305"

  2912.         }, {

  2913.             "label": "永嘉县",

  2914.             "value": "330324"

  2915.         }, {

  2916.             "label": "平阳县",

  2917.             "value": "330326"

  2918.         }, {

  2919.             "label": "苍南县",

  2920.             "value": "330327"

  2921.         }, {

  2922.             "label": "文成县",

  2923.             "value": "330328"

  2924.         }, {

  2925.             "label": "泰顺县",

  2926.             "value": "330329"

  2927.         }, {

  2928.             "label": "瑞安市",

  2929.             "value": "330381"

  2930.         }, {

  2931.             "label": "乐清市",

  2932.             "value": "330382"

  2933.         }],

  2934.         [{

  2935.             "label": "市辖区",

  2936.             "value": "330401"

  2937.         }, {

  2938.             "label": "南湖区",

  2939.             "value": "330402"

  2940.         }, {

  2941.             "label": "秀洲区",

  2942.             "value": "330411"

  2943.         }, {

  2944.             "label": "嘉善县",

  2945.             "value": "330421"

  2946.         }, {

  2947.             "label": "海盐县",

  2948.             "value": "330424"

  2949.         }, {

  2950.             "label": "海宁市",

  2951.             "value": "330481"

  2952.         }, {

  2953.             "label": "平湖市",

  2954.             "value": "330482"

  2955.         }, {

  2956.             "label": "桐乡市",

  2957.             "value": "330483"

  2958.         }],

  2959.         [{

  2960.             "label": "市辖区",

  2961.             "value": "330501"

  2962.         }, {

  2963.             "label": "吴兴区",

  2964.             "value": "330502"

  2965.         }, {

  2966.             "label": "南浔区",

  2967.             "value": "330503"

  2968.         }, {

  2969.             "label": "德清县",

  2970.             "value": "330521"

  2971.         }, {

  2972.             "label": "长兴县",

  2973.             "value": "330522"

  2974.         }, {

  2975.             "label": "安吉县",

  2976.             "value": "330523"

  2977.         }],

  2978.         [{

  2979.             "label": "市辖区",

  2980.             "value": "330601"

  2981.         }, {

  2982.             "label": "越城区",

  2983.             "value": "330602"

  2984.         }, {

  2985.             "label": "柯桥区",

  2986.             "value": "330603"

  2987.         }, {

  2988.             "label": "上虞区",

  2989.             "value": "330604"

  2990.         }, {

  2991.             "label": "新昌县",

  2992.             "value": "330624"

  2993.         }, {

  2994.             "label": "诸暨市",

  2995.             "value": "330681"

  2996.         }, {

  2997.             "label": "嵊州市",

  2998.             "value": "330683"

  2999.         }],

  3000.         [{

  3001.             "label": "市辖区",

  3002.             "value": "330701"

  3003.         }, {

  3004.             "label": "婺城区",

  3005.             "value": "330702"

  3006.         }, {

  3007.             "label": "金东区",

  3008.             "value": "330703"

  3009.         }, {

  3010.             "label": "武义县",

  3011.             "value": "330723"

  3012.         }, {

  3013.             "label": "浦江县",

  3014.             "value": "330726"

  3015.         }, {

  3016.             "label": "磐安县",

  3017.             "value": "330727"

  3018.         }, {

  3019.             "label": "兰溪市",

  3020.             "value": "330781"

  3021.         }, {

  3022.             "label": "义乌市",

  3023.             "value": "330782"

  3024.         }, {

  3025.             "label": "东阳市",

  3026.             "value": "330783"

  3027.         }, {

  3028.             "label": "永康市",

  3029.             "value": "330784"

  3030.         }],

  3031.         [{

  3032.             "label": "市辖区",

  3033.             "value": "330801"

  3034.         }, {

  3035.             "label": "柯城区",

  3036.             "value": "330802"

  3037.         }, {

  3038.             "label": "衢江区",

  3039.             "value": "330803"

  3040.         }, {

  3041.             "label": "常山县",

  3042.             "value": "330822"

  3043.         }, {

  3044.             "label": "开化县",

  3045.             "value": "330824"

  3046.         }, {

  3047.             "label": "龙游县",

  3048.             "value": "330825"

  3049.         }, {

  3050.             "label": "江山市",

  3051.             "value": "330881"

  3052.         }],

  3053.         [{

  3054.             "label": "市辖区",

  3055.             "value": "330901"

  3056.         }, {

  3057.             "label": "定海区",

  3058.             "value": "330902"

  3059.         }, {

  3060.             "label": "普陀区",

  3061.             "value": "330903"

  3062.         }, {

  3063.             "label": "岱山县",

  3064.             "value": "330921"

  3065.         }, {

  3066.             "label": "嵊泗县",

  3067.             "value": "330922"

  3068.         }],

  3069.         [{

  3070.             "label": "市辖区",

  3071.             "value": "331001"

  3072.         }, {

  3073.             "label": "椒江区",

  3074.             "value": "331002"

  3075.         }, {

  3076.             "label": "黄岩区",

  3077.             "value": "331003"

  3078.         }, {

  3079.             "label": "路桥区",

  3080.             "value": "331004"

  3081.         }, {

  3082.             "label": "玉环县",

  3083.             "value": "331021"

  3084.         }, {

  3085.             "label": "三门县",

  3086.             "value": "331022"

  3087.         }, {

  3088.             "label": "天台县",

  3089.             "value": "331023"

  3090.         }, {

  3091.             "label": "仙居县",

  3092.             "value": "331024"

  3093.         }, {

  3094.             "label": "温岭市",

  3095.             "value": "331081"

  3096.         }, {

  3097.             "label": "临海市",

  3098.             "value": "331082"

  3099.         }],

  3100.         [{

  3101.             "label": "市辖区",

  3102.             "value": "331101"

  3103.         }, {

  3104.             "label": "莲都区",

  3105.             "value": "331102"

  3106.         }, {

  3107.             "label": "青田县",

  3108.             "value": "331121"

  3109.         }, {

  3110.             "label": "缙云县",

  3111.             "value": "331122"

  3112.         }, {

  3113.             "label": "遂昌县",

  3114.             "value": "331123"

  3115.         }, {

  3116.             "label": "松阳县",

  3117.             "value": "331124"

  3118.         }, {

  3119.             "label": "云和县",

  3120.             "value": "331125"

  3121.         }, {

  3122.             "label": "庆元县",

  3123.             "value": "331126"

  3124.         }, {

  3125.             "label": "景宁畲族自治县",

  3126.             "value": "331127"

  3127.         }, {

  3128.             "label": "龙泉市",

  3129.             "value": "331181"

  3130.         }]

  3131.     ],

  3132.     [

  3133.         [{

  3134.             "label": "市辖区",

  3135.             "value": "340101"

  3136.         }, {

  3137.             "label": "瑶海区",

  3138.             "value": "340102"

  3139.         }, {

  3140.             "label": "庐阳区",

  3141.             "value": "340103"

  3142.         }, {

  3143.             "label": "蜀山区",

  3144.             "value": "340104"

  3145.         }, {

  3146.             "label": "包河区",

  3147.             "value": "340111"

  3148.         }, {

  3149.             "label": "长丰县",

  3150.             "value": "340121"

  3151.         }, {

  3152.             "label": "肥东县",

  3153.             "value": "340122"

  3154.         }, {

  3155.             "label": "肥西县",

  3156.             "value": "340123"

  3157.         }, {

  3158.             "label": "庐江县",

  3159.             "value": "340124"

  3160.         }, {

  3161.             "label": "巢湖市",

  3162.             "value": "340181"

  3163.         }],

  3164.         [{

  3165.             "label": "市辖区",

  3166.             "value": "340201"

  3167.         }, {

  3168.             "label": "镜湖区",

  3169.             "value": "340202"

  3170.         }, {

  3171.             "label": "弋江区",

  3172.             "value": "340203"

  3173.         }, {

  3174.             "label": "鸠江区",

  3175.             "value": "340207"

  3176.         }, {

  3177.             "label": "三山区",

  3178.             "value": "340208"

  3179.         }, {

  3180.             "label": "芜湖县",

  3181.             "value": "340221"

  3182.         }, {

  3183.             "label": "繁昌县",

  3184.             "value": "340222"

  3185.         }, {

  3186.             "label": "南陵县",

  3187.             "value": "340223"

  3188.         }, {

  3189.             "label": "无为县",

  3190.             "value": "340225"

  3191.         }],

  3192.         [{

  3193.             "label": "市辖区",

  3194.             "value": "340301"

  3195.         }, {

  3196.             "label": "龙子湖区",

  3197.             "value": "340302"

  3198.         }, {

  3199.             "label": "蚌山区",

  3200.             "value": "340303"

  3201.         }, {

  3202.             "label": "禹会区",

  3203.             "value": "340304"

  3204.         }, {

  3205.             "label": "淮上区",

  3206.             "value": "340311"

  3207.         }, {

  3208.             "label": "怀远县",

  3209.             "value": "340321"

  3210.         }, {

  3211.             "label": "五河县",

  3212.             "value": "340322"

  3213.         }, {

  3214.             "label": "固镇县",

  3215.             "value": "340323"

  3216.         }],

  3217.         [{

  3218.             "label": "市辖区",

  3219.             "value": "340401"

  3220.         }, {

  3221.             "label": "大通区",

  3222.             "value": "340402"

  3223.         }, {

  3224.             "label": "田家庵区",

  3225.             "value": "340403"

  3226.         }, {

  3227.             "label": "谢家集区",

  3228.             "value": "340404"

  3229.         }, {

  3230.             "label": "八公山区",

  3231.             "value": "340405"

  3232.         }, {

  3233.             "label": "潘集区",

  3234.             "value": "340406"

  3235.         }, {

  3236.             "label": "凤台县",

  3237.             "value": "340421"

  3238.         }, {

  3239.             "label": "寿县",

  3240.             "value": "340422"

  3241.         }],

  3242.         [{

  3243.             "label": "市辖区",

  3244.             "value": "340501"

  3245.         }, {

  3246.             "label": "花山区",

  3247.             "value": "340503"

  3248.         }, {

  3249.             "label": "雨山区",

  3250.             "value": "340504"

  3251.         }, {

  3252.             "label": "博望区",

  3253.             "value": "340506"

  3254.         }, {

  3255.             "label": "当涂县",

  3256.             "value": "340521"

  3257.         }, {

  3258.             "label": "含山县",

  3259.             "value": "340522"

  3260.         }, {

  3261.             "label": "和县",

  3262.             "value": "340523"

  3263.         }],

  3264.         [{

  3265.             "label": "市辖区",

  3266.             "value": "340601"

  3267.         }, {

  3268.             "label": "杜集区",

  3269.             "value": "340602"

  3270.         }, {

  3271.             "label": "相山区",

  3272.             "value": "340603"

  3273.         }, {

  3274.             "label": "烈山区",

  3275.             "value": "340604"

  3276.         }, {

  3277.             "label": "濉溪县",

  3278.             "value": "340621"

  3279.         }],

  3280.         [{

  3281.             "label": "市辖区",

  3282.             "value": "340701"

  3283.         }, {

  3284.             "label": "铜官区",

  3285.             "value": "340705"

  3286.         }, {

  3287.             "label": "义安区",

  3288.             "value": "340706"

  3289.         }, {

  3290.             "label": "郊区",

  3291.             "value": "340711"

  3292.         }, {

  3293.             "label": "枞阳县",

  3294.             "value": "340722"

  3295.         }],

  3296.         [{

  3297.             "label": "市辖区",

  3298.             "value": "340801"

  3299.         }, {

  3300.             "label": "迎江区",

  3301.             "value": "340802"

  3302.         }, {

  3303.             "label": "大观区",

  3304.             "value": "340803"

  3305.         }, {

  3306.             "label": "宜秀区",

  3307.             "value": "340811"

  3308.         }, {

  3309.             "label": "怀宁县",

  3310.             "value": "340822"

  3311.         }, {

  3312.             "label": "潜山县",

  3313.             "value": "340824"

  3314.         }, {

  3315.             "label": "太湖县",

  3316.             "value": "340825"

  3317.         }, {

  3318.             "label": "宿松县",

  3319.             "value": "340826"

  3320.         }, {

  3321.             "label": "望江县",

  3322.             "value": "340827"

  3323.         }, {

  3324.             "label": "岳西县",

  3325.             "value": "340828"

  3326.         }, {

  3327.             "label": "桐城市",

  3328.             "value": "340881"

  3329.         }],

  3330.         [{

  3331.             "label": "市辖区",

  3332.             "value": "341001"

  3333.         }, {

  3334.             "label": "屯溪区",

  3335.             "value": "341002"

  3336.         }, {

  3337.             "label": "黄山区",

  3338.             "value": "341003"

  3339.         }, {

  3340.             "label": "徽州区",

  3341.             "value": "341004"

  3342.         }, {

  3343.             "label": "歙县",

  3344.             "value": "341021"

  3345.         }, {

  3346.             "label": "休宁县",

  3347.             "value": "341022"

  3348.         }, {

  3349.             "label": "黟县",

  3350.             "value": "341023"

  3351.         }, {

  3352.             "label": "祁门县",

  3353.             "value": "341024"

  3354.         }],

  3355.         [{

  3356.             "label": "市辖区",

  3357.             "value": "341101"

  3358.         }, {

  3359.             "label": "琅琊区",

  3360.             "value": "341102"

  3361.         }, {

  3362.             "label": "南谯区",

  3363.             "value": "341103"

  3364.         }, {

  3365.             "label": "来安县",

  3366.             "value": "341122"

  3367.         }, {

  3368.             "label": "全椒县",

  3369.             "value": "341124"

  3370.         }, {

  3371.             "label": "定远县",

  3372.             "value": "341125"

  3373.         }, {

  3374.             "label": "凤阳县",

  3375.             "value": "341126"

  3376.         }, {

  3377.             "label": "天长市",

  3378.             "value": "341181"

  3379.         }, {

  3380.             "label": "明光市",

  3381.             "value": "341182"

  3382.         }],

  3383.         [{

  3384.             "label": "市辖区",

  3385.             "value": "341201"

  3386.         }, {

  3387.             "label": "颍州区",

  3388.             "value": "341202"

  3389.         }, {

  3390.             "label": "颍东区",

  3391.             "value": "341203"

  3392.         }, {

  3393.             "label": "颍泉区",

  3394.             "value": "341204"

  3395.         }, {

  3396.             "label": "临泉县",

  3397.             "value": "341221"

  3398.         }, {

  3399.             "label": "太和县",

  3400.             "value": "341222"

  3401.         }, {

  3402.             "label": "阜南县",

  3403.             "value": "341225"

  3404.         }, {

  3405.             "label": "颍上县",

  3406.             "value": "341226"

  3407.         }, {

  3408.             "label": "界首市",

  3409.             "value": "341282"

  3410.         }],

  3411.         [{

  3412.             "label": "市辖区",

  3413.             "value": "341301"

  3414.         }, {

  3415.             "label": "埇桥区",

  3416.             "value": "341302"

  3417.         }, {

  3418.             "label": "砀山县",

  3419.             "value": "341321"

  3420.         }, {

  3421.             "label": "萧县",

  3422.             "value": "341322"

  3423.         }, {

  3424.             "label": "灵璧县",

  3425.             "value": "341323"

  3426.         }, {

  3427.             "label": "泗县",

  3428.             "value": "341324"

  3429.         }],

  3430.         [{

  3431.             "label": "市辖区",

  3432.             "value": "341501"

  3433.         }, {

  3434.             "label": "金安区",

  3435.             "value": "341502"

  3436.         }, {

  3437.             "label": "裕安区",

  3438.             "value": "341503"

  3439.         }, {

  3440.             "label": "叶集区",

  3441.             "value": "341504"

  3442.         }, {

  3443.             "label": "霍邱县",

  3444.             "value": "341522"

  3445.         }, {

  3446.             "label": "舒城县",

  3447.             "value": "341523"

  3448.         }, {

  3449.             "label": "金寨县",

  3450.             "value": "341524"

  3451.         }, {

  3452.             "label": "霍山县",

  3453.             "value": "341525"

  3454.         }],

  3455.         [{

  3456.             "label": "市辖区",

  3457.             "value": "341601"

  3458.         }, {

  3459.             "label": "谯城区",

  3460.             "value": "341602"

  3461.         }, {

  3462.             "label": "涡阳县",

  3463.             "value": "341621"

  3464.         }, {

  3465.             "label": "蒙城县",

  3466.             "value": "341622"

  3467.         }, {

  3468.             "label": "利辛县",

  3469.             "value": "341623"

  3470.         }],

  3471.         [{

  3472.             "label": "市辖区",

  3473.             "value": "341701"

  3474.         }, {

  3475.             "label": "贵池区",

  3476.             "value": "341702"

  3477.         }, {

  3478.             "label": "东至县",

  3479.             "value": "341721"

  3480.         }, {

  3481.             "label": "石台县",

  3482.             "value": "341722"

  3483.         }, {

  3484.             "label": "青阳县",

  3485.             "value": "341723"

  3486.         }],

  3487.         [{

  3488.             "label": "市辖区",

  3489.             "value": "341801"

  3490.         }, {

  3491.             "label": "宣州区",

  3492.             "value": "341802"

  3493.         }, {

  3494.             "label": "郎溪县",

  3495.             "value": "341821"

  3496.         }, {

  3497.             "label": "广德县",

  3498.             "value": "341822"

  3499.         }, {

  3500.             "label": "泾县",

  3501.             "value": "341823"

  3502.         }, {

  3503.             "label": "绩溪县",

  3504.             "value": "341824"

  3505.         }, {

  3506.             "label": "旌德县",

  3507.             "value": "341825"

  3508.         }, {

  3509.             "label": "宁国市",

  3510.             "value": "341881"

  3511.         }]

  3512.     ],

  3513.     [

  3514.         [{

  3515.             "label": "市辖区",

  3516.             "value": "350101"

  3517.         }, {

  3518.             "label": "鼓楼区",

  3519.             "value": "350102"

  3520.         }, {

  3521.             "label": "台江区",

  3522.             "value": "350103"

  3523.         }, {

  3524.             "label": "仓山区",

  3525.             "value": "350104"

  3526.         }, {

  3527.             "label": "马尾区",

  3528.             "value": "350105"

  3529.         }, {

  3530.             "label": "晋安区",

  3531.             "value": "350111"

  3532.         }, {

  3533.             "label": "闽侯县",

  3534.             "value": "350121"

  3535.         }, {

  3536.             "label": "连江县",

  3537.             "value": "350122"

  3538.         }, {

  3539.             "label": "罗源县",

  3540.             "value": "350123"

  3541.         }, {

  3542.             "label": "闽清县",

  3543.             "value": "350124"

  3544.         }, {

  3545.             "label": "永泰县",

  3546.             "value": "350125"

  3547.         }, {

  3548.             "label": "平潭县",

  3549.             "value": "350128"

  3550.         }, {

  3551.             "label": "福清市",

  3552.             "value": "350181"

  3553.         }, {

  3554.             "label": "长乐市",

  3555.             "value": "350182"

  3556.         }],

  3557.         [{

  3558.             "label": "市辖区",

  3559.             "value": "350201"

  3560.         }, {

  3561.             "label": "思明区",

  3562.             "value": "350203"

  3563.         }, {

  3564.             "label": "海沧区",

  3565.             "value": "350205"

  3566.         }, {

  3567.             "label": "湖里区",

  3568.             "value": "350206"

  3569.         }, {

  3570.             "label": "集美区",

  3571.             "value": "350211"

  3572.         }, {

  3573.             "label": "同安区",

  3574.             "value": "350212"

  3575.         }, {

  3576.             "label": "翔安区",

  3577.             "value": "350213"

  3578.         }],

  3579.         [{

  3580.             "label": "市辖区",

  3581.             "value": "350301"

  3582.         }, {

  3583.             "label": "城厢区",

  3584.             "value": "350302"

  3585.         }, {

  3586.             "label": "涵江区",

  3587.             "value": "350303"

  3588.         }, {

  3589.             "label": "荔城区",

  3590.             "value": "350304"

  3591.         }, {

  3592.             "label": "秀屿区",

  3593.             "value": "350305"

  3594.         }, {

  3595.             "label": "仙游县",

  3596.             "value": "350322"

  3597.         }],

  3598.         [{

  3599.             "label": "市辖区",

  3600.             "value": "350401"

  3601.         }, {

  3602.             "label": "梅列区",

  3603.             "value": "350402"

  3604.         }, {

  3605.             "label": "三元区",

  3606.             "value": "350403"

  3607.         }, {

  3608.             "label": "明溪县",

  3609.             "value": "350421"

  3610.         }, {

  3611.             "label": "清流县",

  3612.             "value": "350423"

  3613.         }, {

  3614.             "label": "宁化县",

  3615.             "value": "350424"

  3616.         }, {

  3617.             "label": "大田县",

  3618.             "value": "350425"

  3619.         }, {

  3620.             "label": "尤溪县",

  3621.             "value": "350426"

  3622.         }, {

  3623.             "label": "沙县",

  3624.             "value": "350427"

  3625.         }, {

  3626.             "label": "将乐县",

  3627.             "value": "350428"

  3628.         }, {

  3629.             "label": "泰宁县",

  3630.             "value": "350429"

  3631.         }, {

  3632.             "label": "建宁县",

  3633.             "value": "350430"

  3634.         }, {

  3635.             "label": "永安市",

  3636.             "value": "350481"

  3637.         }],

  3638.         [{

  3639.             "label": "市辖区",

  3640.             "value": "350501"

  3641.         }, {

  3642.             "label": "鲤城区",

  3643.             "value": "350502"

  3644.         }, {

  3645.             "label": "丰泽区",

  3646.             "value": "350503"

  3647.         }, {

  3648.             "label": "洛江区",

  3649.             "value": "350504"

  3650.         }, {

  3651.             "label": "泉港区",

  3652.             "value": "350505"

  3653.         }, {

  3654.             "label": "惠安县",

  3655.             "value": "350521"

  3656.         }, {

  3657.             "label": "安溪县",

  3658.             "value": "350524"

  3659.         }, {

  3660.             "label": "永春县",

  3661.             "value": "350525"

  3662.         }, {

  3663.             "label": "德化县",

  3664.             "value": "350526"

  3665.         }, {

  3666.             "label": "金门县",

  3667.             "value": "350527"

  3668.         }, {

  3669.             "label": "石狮市",

  3670.             "value": "350581"

  3671.         }, {

  3672.             "label": "晋江市",

  3673.             "value": "350582"

  3674.         }, {

  3675.             "label": "南安市",

  3676.             "value": "350583"

  3677.         }],

  3678.         [{

  3679.             "label": "市辖区",

  3680.             "value": "350601"

  3681.         }, {

  3682.             "label": "芗城区",

  3683.             "value": "350602"

  3684.         }, {

  3685.             "label": "龙文区",

  3686.             "value": "350603"

  3687.         }, {

  3688.             "label": "云霄县",

  3689.             "value": "350622"

  3690.         }, {

  3691.             "label": "漳浦县",

  3692.             "value": "350623"

  3693.         }, {

  3694.             "label": "诏安县",

  3695.             "value": "350624"

  3696.         }, {

  3697.             "label": "长泰县",

  3698.             "value": "350625"

  3699.         }, {

  3700.             "label": "东山县",

  3701.             "value": "350626"

  3702.         }, {

  3703.             "label": "南靖县",

  3704.             "value": "350627"

  3705.         }, {

  3706.             "label": "平和县",

  3707.             "value": "350628"

  3708.         }, {

  3709.             "label": "华安县",

  3710.             "value": "350629"

  3711.         }, {

  3712.             "label": "龙海市",

  3713.             "value": "350681"

  3714.         }],

  3715.         [{

  3716.             "label": "市辖区",

  3717.             "value": "350701"

  3718.         }, {

  3719.             "label": "延平区",

  3720.             "value": "350702"

  3721.         }, {

  3722.             "label": "建阳区",

  3723.             "value": "350703"

  3724.         }, {

  3725.             "label": "顺昌县",

  3726.             "value": "350721"

  3727.         }, {

  3728.             "label": "浦城县",

  3729.             "value": "350722"

  3730.         }, {

  3731.             "label": "光泽县",

  3732.             "value": "350723"

  3733.         }, {

  3734.             "label": "松溪县",

  3735.             "value": "350724"

  3736.         }, {

  3737.             "label": "政和县",

  3738.             "value": "350725"

  3739.         }, {

  3740.             "label": "邵武市",

  3741.             "value": "350781"

  3742.         }, {

  3743.             "label": "武夷山市",

  3744.             "value": "350782"

  3745.         }, {

  3746.             "label": "建瓯市",

  3747.             "value": "350783"

  3748.         }],

  3749.         [{

  3750.             "label": "市辖区",

  3751.             "value": "350801"

  3752.         }, {

  3753.             "label": "新罗区",

  3754.             "value": "350802"

  3755.         }, {

  3756.             "label": "永定区",

  3757.             "value": "350803"

  3758.         }, {

  3759.             "label": "长汀县",

  3760.             "value": "350821"

  3761.         }, {

  3762.             "label": "上杭县",

  3763.             "value": "350823"

  3764.         }, {

  3765.             "label": "武平县",

  3766.             "value": "350824"

  3767.         }, {

  3768.             "label": "连城县",

  3769.             "value": "350825"

  3770.         }, {

  3771.             "label": "漳平市",

  3772.             "value": "350881"

  3773.         }],

  3774.         [{

  3775.             "label": "市辖区",

  3776.             "value": "350901"

  3777.         }, {

  3778.             "label": "蕉城区",

  3779.             "value": "350902"

  3780.         }, {

  3781.             "label": "霞浦县",

  3782.             "value": "350921"

  3783.         }, {

  3784.             "label": "古田县",

  3785.             "value": "350922"

  3786.         }, {

  3787.             "label": "屏南县",

  3788.             "value": "350923"

  3789.         }, {

  3790.             "label": "寿宁县",

  3791.             "value": "350924"

  3792.         }, {

  3793.             "label": "周宁县",

  3794.             "value": "350925"

  3795.         }, {

  3796.             "label": "柘荣县",

  3797.             "value": "350926"

  3798.         }, {

  3799.             "label": "福安市",

  3800.             "value": "350981"

  3801.         }, {

  3802.             "label": "福鼎市",

  3803.             "value": "350982"

  3804.         }]

  3805.     ],

  3806.     [

  3807.         [{

  3808.             "label": "市辖区",

  3809.             "value": "360101"

  3810.         }, {

  3811.             "label": "东湖区",

  3812.             "value": "360102"

  3813.         }, {

  3814.             "label": "西湖区",

  3815.             "value": "360103"

  3816.         }, {

  3817.             "label": "青云谱区",

  3818.             "value": "360104"

  3819.         }, {

  3820.             "label": "湾里区",

  3821.             "value": "360105"

  3822.         }, {

  3823.             "label": "青山湖区",

  3824.             "value": "360111"

  3825.         }, {

  3826.             "label": "新建区",

  3827.             "value": "360112"

  3828.         }, {

  3829.             "label": "南昌县",

  3830.             "value": "360121"

  3831.         }, {

  3832.             "label": "安义县",

  3833.             "value": "360123"

  3834.         }, {

  3835.             "label": "进贤县",

  3836.             "value": "360124"

  3837.         }],

  3838.         [{

  3839.             "label": "市辖区",

  3840.             "value": "360201"

  3841.         }, {

  3842.             "label": "昌江区",

  3843.             "value": "360202"

  3844.         }, {

  3845.             "label": "珠山区",

  3846.             "value": "360203"

  3847.         }, {

  3848.             "label": "浮梁县",

  3849.             "value": "360222"

  3850.         }, {

  3851.             "label": "乐平市",

  3852.             "value": "360281"

  3853.         }],

  3854.         [{

  3855.             "label": "市辖区",

  3856.             "value": "360301"

  3857.         }, {

  3858.             "label": "安源区",

  3859.             "value": "360302"

  3860.         }, {

  3861.             "label": "湘东区",

  3862.             "value": "360313"

  3863.         }, {

  3864.             "label": "莲花县",

  3865.             "value": "360321"

  3866.         }, {

  3867.             "label": "上栗县",

  3868.             "value": "360322"

  3869.         }, {

  3870.             "label": "芦溪县",

  3871.             "value": "360323"

  3872.         }],

  3873.         [{

  3874.             "label": "市辖区",

  3875.             "value": "360401"

  3876.         }, {

  3877.             "label": "濂溪区",

  3878.             "value": "360402"

  3879.         }, {

  3880.             "label": "浔阳区",

  3881.             "value": "360403"

  3882.         }, {

  3883.             "label": "九江县",

  3884.             "value": "360421"

  3885.         }, {

  3886.             "label": "武宁县",

  3887.             "value": "360423"

  3888.         }, {

  3889.             "label": "修水县",

  3890.             "value": "360424"

  3891.         }, {

  3892.             "label": "永修县",

  3893.             "value": "360425"

  3894.         }, {

  3895.             "label": "德安县",

  3896.             "value": "360426"

  3897.         }, {

  3898.             "label": "都昌县",

  3899.             "value": "360428"

  3900.         }, {

  3901.             "label": "湖口县",

  3902.             "value": "360429"

  3903.         }, {

  3904.             "label": "彭泽县",

  3905.             "value": "360430"

  3906.         }, {

  3907.             "label": "瑞昌市",

  3908.             "value": "360481"

  3909.         }, {

  3910.             "label": "共青城市",

  3911.             "value": "360482"

  3912.         }, {

  3913.             "label": "庐山市",

  3914.             "value": "360483"

  3915.         }],

  3916.         [{

  3917.             "label": "市辖区",

  3918.             "value": "360501"

  3919.         }, {

  3920.             "label": "渝水区",

  3921.             "value": "360502"

  3922.         }, {

  3923.             "label": "分宜县",

  3924.             "value": "360521"

  3925.         }],

  3926.         [{

  3927.             "label": "市辖区",

  3928.             "value": "360601"

  3929.         }, {

  3930.             "label": "月湖区",

  3931.             "value": "360602"

  3932.         }, {

  3933.             "label": "余江县",

  3934.             "value": "360622"

  3935.         }, {

  3936.             "label": "贵溪市",

  3937.             "value": "360681"

  3938.         }],

  3939.         [{

  3940.             "label": "市辖区",

  3941.             "value": "360701"

  3942.         }, {

  3943.             "label": "章贡区",

  3944.             "value": "360702"

  3945.         }, {

  3946.             "label": "南康区",

  3947.             "value": "360703"

  3948.         }, {

  3949.             "label": "赣县",

  3950.             "value": "360721"

  3951.         }, {

  3952.             "label": "信丰县",

  3953.             "value": "360722"

  3954.         }, {

  3955.             "label": "大余县",

  3956.             "value": "360723"

  3957.         }, {

  3958.             "label": "上犹县",

  3959.             "value": "360724"

  3960.         }, {

  3961.             "label": "崇义县",

  3962.             "value": "360725"

  3963.         }, {

  3964.             "label": "安远县",

  3965.             "value": "360726"

  3966.         }, {

  3967.             "label": "龙南县",

  3968.             "value": "360727"

  3969.         }, {

  3970.             "label": "定南县",

  3971.             "value": "360728"

  3972.         }, {

  3973.             "label": "全南县",

  3974.             "value": "360729"

  3975.         }, {

  3976.             "label": "宁都县",

  3977.             "value": "360730"

  3978.         }, {

  3979.             "label": "于都县",

  3980.             "value": "360731"

  3981.         }, {

  3982.             "label": "兴国县",

  3983.             "value": "360732"

  3984.         }, {

  3985.             "label": "会昌县",

  3986.             "value": "360733"

  3987.         }, {

  3988.             "label": "寻乌县",

  3989.             "value": "360734"

  3990.         }, {

  3991.             "label": "石城县",

  3992.             "value": "360735"

  3993.         }, {

  3994.             "label": "瑞金市",

  3995.             "value": "360781"

  3996.         }],

  3997.         [{

  3998.             "label": "市辖区",

  3999.             "value": "360801"

  4000.         }, {

  4001.             "label": "吉州区",

  4002.             "value": "360802"

  4003.         }, {

  4004.             "label": "青原区",

  4005.             "value": "360803"

  4006.         }, {

  4007.             "label": "吉安县",

  4008.             "value": "360821"

  4009.         }, {

  4010.             "label": "吉水县",

  4011.             "value": "360822"

  4012.         }, {

  4013.             "label": "峡江县",

  4014.             "value": "360823"

  4015.         }, {

  4016.             "label": "新干县",

  4017.             "value": "360824"

  4018.         }, {

  4019.             "label": "永丰县",

  4020.             "value": "360825"

  4021.         }, {

  4022.             "label": "泰和县",

  4023.             "value": "360826"

  4024.         }, {

  4025.             "label": "遂川县",

  4026.             "value": "360827"

  4027.         }, {

  4028.             "label": "万安县",

  4029.             "value": "360828"

  4030.         }, {

  4031.             "label": "安福县",

  4032.             "value": "360829"

  4033.         }, {

  4034.             "label": "永新县",

  4035.             "value": "360830"

  4036.         }, {

  4037.             "label": "井冈山市",

  4038.             "value": "360881"

  4039.         }],

  4040.         [{

  4041.             "label": "市辖区",

  4042.             "value": "360901"

  4043.         }, {

  4044.             "label": "袁州区",

  4045.             "value": "360902"

  4046.         }, {

  4047.             "label": "奉新县",

  4048.             "value": "360921"

  4049.         }, {

  4050.             "label": "万载县",

  4051.             "value": "360922"

  4052.         }, {

  4053.             "label": "上高县",

  4054.             "value": "360923"

  4055.         }, {

  4056.             "label": "宜丰县",

  4057.             "value": "360924"

  4058.         }, {

  4059.             "label": "靖安县",

  4060.             "value": "360925"

  4061.         }, {

  4062.             "label": "铜鼓县",

  4063.             "value": "360926"

  4064.         }, {

  4065.             "label": "丰城市",

  4066.             "value": "360981"

  4067.         }, {

  4068.             "label": "樟树市",

  4069.             "value": "360982"

  4070.         }, {

  4071.             "label": "高安市",

  4072.             "value": "360983"

  4073.         }],

  4074.         [{

  4075.             "label": "市辖区",

  4076.             "value": "361001"

  4077.         }, {

  4078.             "label": "临川区",

  4079.             "value": "361002"

  4080.         }, {

  4081.             "label": "南城县",

  4082.             "value": "361021"

  4083.         }, {

  4084.             "label": "黎川县",

  4085.             "value": "361022"

  4086.         }, {

  4087.             "label": "南丰县",

  4088.             "value": "361023"

  4089.         }, {

  4090.             "label": "崇仁县",

  4091.             "value": "361024"

  4092.         }, {

  4093.             "label": "乐安县",

  4094.             "value": "361025"

  4095.         }, {

  4096.             "label": "宜黄县",

  4097.             "value": "361026"

  4098.         }, {

  4099.             "label": "金溪县",

  4100.             "value": "361027"

  4101.         }, {

  4102.             "label": "资溪县",

  4103.             "value": "361028"

  4104.         }, {

  4105.             "label": "东乡县",

  4106.             "value": "361029"

  4107.         }, {

  4108.             "label": "广昌县",

  4109.             "value": "361030"

  4110.         }],

  4111.         [{

  4112.             "label": "市辖区",

  4113.             "value": "361101"

  4114.         }, {

  4115.             "label": "信州区",

  4116.             "value": "361102"

  4117.         }, {

  4118.             "label": "广丰区",

  4119.             "value": "361103"

  4120.         }, {

  4121.             "label": "上饶县",

  4122.             "value": "361121"

  4123.         }, {

  4124.             "label": "玉山县",

  4125.             "value": "361123"

  4126.         }, {

  4127.             "label": "铅山县",

  4128.             "value": "361124"

  4129.         }, {

  4130.             "label": "横峰县",

  4131.             "value": "361125"

  4132.         }, {

  4133.             "label": "弋阳县",

  4134.             "value": "361126"

  4135.         }, {

  4136.             "label": "余干县",

  4137.             "value": "361127"

  4138.         }, {

  4139.             "label": "鄱阳县",

  4140.             "value": "361128"

  4141.         }, {

  4142.             "label": "万年县",

  4143.             "value": "361129"

  4144.         }, {

  4145.             "label": "婺源县",

  4146.             "value": "361130"

  4147.         }, {

  4148.             "label": "德兴市",

  4149.             "value": "361181"

  4150.         }]

  4151.     ],

  4152.     [

  4153.         [{

  4154.             "label": "市辖区",

  4155.             "value": "370101"

  4156.         }, {

  4157.             "label": "历下区",

  4158.             "value": "370102"

  4159.         }, {

  4160.             "label": "市中区",

  4161.             "value": "370103"

  4162.         }, {

  4163.             "label": "槐荫区",

  4164.             "value": "370104"

  4165.         }, {

  4166.             "label": "天桥区",

  4167.             "value": "370105"

  4168.         }, {

  4169.             "label": "历城区",

  4170.             "value": "370112"

  4171.         }, {

  4172.             "label": "长清区",

  4173.             "value": "370113"

  4174.         }, {

  4175.             "label": "平阴县",

  4176.             "value": "370124"

  4177.         }, {

  4178.             "label": "济阳县",

  4179.             "value": "370125"

  4180.         }, {

  4181.             "label": "商河县",

  4182.             "value": "370126"

  4183.         }, {

  4184.             "label": "章丘市",

  4185.             "value": "370181"

  4186.         }],

  4187.         [{

  4188.             "label": "市辖区",

  4189.             "value": "370201"

  4190.         }, {

  4191.             "label": "市南区",

  4192.             "value": "370202"

  4193.         }, {

  4194.             "label": "市北区",

  4195.             "value": "370203"

  4196.         }, {

  4197.             "label": "黄岛区",

  4198.             "value": "370211"

  4199.         }, {

  4200.             "label": "崂山区",

  4201.             "value": "370212"

  4202.         }, {

  4203.             "label": "李沧区",

  4204.             "value": "370213"

  4205.         }, {

  4206.             "label": "城阳区",

  4207.             "value": "370214"

  4208.         }, {

  4209.             "label": "胶州市",

  4210.             "value": "370281"

  4211.         }, {

  4212.             "label": "即墨市",

  4213.             "value": "370282"

  4214.         }, {

  4215.             "label": "平度市",

  4216.             "value": "370283"

  4217.         }, {

  4218.             "label": "莱西市",

  4219.             "value": "370285"

  4220.         }],

  4221.         [{

  4222.             "label": "市辖区",

  4223.             "value": "370301"

  4224.         }, {

  4225.             "label": "淄川区",

  4226.             "value": "370302"

  4227.         }, {

  4228.             "label": "张店区",

  4229.             "value": "370303"

  4230.         }, {

  4231.             "label": "博山区",

  4232.             "value": "370304"

  4233.         }, {

  4234.             "label": "临淄区",

  4235.             "value": "370305"

  4236.         }, {

  4237.             "label": "周村区",

  4238.             "value": "370306"

  4239.         }, {

  4240.             "label": "桓台县",

  4241.             "value": "370321"

  4242.         }, {

  4243.             "label": "高青县",

  4244.             "value": "370322"

  4245.         }, {

  4246.             "label": "沂源县",

  4247.             "value": "370323"

  4248.         }],

  4249.         [{

  4250.             "label": "市辖区",

  4251.             "value": "370401"

  4252.         }, {

  4253.             "label": "市中区",

  4254.             "value": "370402"

  4255.         }, {

  4256.             "label": "薛城区",

  4257.             "value": "370403"

  4258.         }, {

  4259.             "label": "峄城区",

  4260.             "value": "370404"

  4261.         }, {

  4262.             "label": "台儿庄区",

  4263.             "value": "370405"

  4264.         }, {

  4265.             "label": "山亭区",

  4266.             "value": "370406"

  4267.         }, {

  4268.             "label": "滕州市",

  4269.             "value": "370481"

  4270.         }],

  4271.         [{

  4272.             "label": "市辖区",

  4273.             "value": "370501"

  4274.         }, {

  4275.             "label": "东营区",

  4276.             "value": "370502"

  4277.         }, {

  4278.             "label": "河口区",

  4279.             "value": "370503"

  4280.         }, {

  4281.             "label": "垦利区",

  4282.             "value": "370505"

  4283.         }, {

  4284.             "label": "利津县",

  4285.             "value": "370522"

  4286.         }, {

  4287.             "label": "广饶县",

  4288.             "value": "370523"

  4289.         }],

  4290.         [{

  4291.             "label": "市辖区",

  4292.             "value": "370601"

  4293.         }, {

  4294.             "label": "芝罘区",

  4295.             "value": "370602"

  4296.         }, {

  4297.             "label": "福山区",

  4298.             "value": "370611"

  4299.         }, {

  4300.             "label": "牟平区",

  4301.             "value": "370612"

  4302.         }, {

  4303.             "label": "莱山区",

  4304.             "value": "370613"

  4305.         }, {

  4306.             "label": "长岛县",

  4307.             "value": "370634"

  4308.         }, {

  4309.             "label": "龙口市",

  4310.             "value": "370681"

  4311.         }, {

  4312.             "label": "莱阳市",

  4313.             "value": "370682"

  4314.         }, {

  4315.             "label": "莱州市",

  4316.             "value": "370683"

  4317.         }, {

  4318.             "label": "蓬莱市",

  4319.             "value": "370684"

  4320.         }, {

  4321.             "label": "招远市",

  4322.             "value": "370685"

  4323.         }, {

  4324.             "label": "栖霞市",

  4325.             "value": "370686"

  4326.         }, {

  4327.             "label": "海阳市",

  4328.             "value": "370687"

  4329.         }],

  4330.         [{

  4331.             "label": "市辖区",

  4332.             "value": "370701"

  4333.         }, {

  4334.             "label": "潍城区",

  4335.             "value": "370702"

  4336.         }, {

  4337.             "label": "寒亭区",

  4338.             "value": "370703"

  4339.         }, {

  4340.             "label": "坊子区",

  4341.             "value": "370704"

  4342.         }, {

  4343.             "label": "奎文区",

  4344.             "value": "370705"

  4345.         }, {

  4346.             "label": "临朐县",

  4347.             "value": "370724"

  4348.         }, {

  4349.             "label": "昌乐县",

  4350.             "value": "370725"

  4351.         }, {

  4352.             "label": "青州市",

  4353.             "value": "370781"

  4354.         }, {

  4355.             "label": "诸城市",

  4356.             "value": "370782"

  4357.         }, {

  4358.             "label": "寿光市",

  4359.             "value": "370783"

  4360.         }, {

  4361.             "label": "安丘市",

  4362.             "value": "370784"

  4363.         }, {

  4364.             "label": "高密市",

  4365.             "value": "370785"

  4366.         }, {

  4367.             "label": "昌邑市",

  4368.             "value": "370786"

  4369.         }],

  4370.         [{

  4371.             "label": "市辖区",

  4372.             "value": "370801"

  4373.         }, {

  4374.             "label": "任城区",

  4375.             "value": "370811"

  4376.         }, {

  4377.             "label": "兖州区",

  4378.             "value": "370812"

  4379.         }, {

  4380.             "label": "微山县",

  4381.             "value": "370826"

  4382.         }, {

  4383.             "label": "鱼台县",

  4384.             "value": "370827"

  4385.         }, {

  4386.             "label": "金乡县",

  4387.             "value": "370828"

  4388.         }, {

  4389.             "label": "嘉祥县",

  4390.             "value": "370829"

  4391.         }, {

  4392.             "label": "汶上县",

  4393.             "value": "370830"

  4394.         }, {

  4395.             "label": "泗水县",

  4396.             "value": "370831"

  4397.         }, {

  4398.             "label": "梁山县",

  4399.             "value": "370832"

  4400.         }, {

  4401.             "label": "曲阜市",

  4402.             "value": "370881"

  4403.         }, {

  4404.             "label": "邹城市",

  4405.             "value": "370883"

  4406.         }],

  4407.         [{

  4408.             "label": "市辖区",

  4409.             "value": "370901"

  4410.         }, {

  4411.             "label": "泰山区",

  4412.             "value": "370902"

  4413.         }, {

  4414.             "label": "岱岳区",

  4415.             "value": "370911"

  4416.         }, {

  4417.             "label": "宁阳县",

  4418.             "value": "370921"

  4419.         }, {

  4420.             "label": "东平县",

  4421.             "value": "370923"

  4422.         }, {

  4423.             "label": "新泰市",

  4424.             "value": "370982"

  4425.         }, {

  4426.             "label": "肥城市",

  4427.             "value": "370983"

  4428.         }],

  4429.         [{

  4430.             "label": "市辖区",

  4431.             "value": "371001"

  4432.         }, {

  4433.             "label": "环翠区",

  4434.             "value": "371002"

  4435.         }, {

  4436.             "label": "文登区",

  4437.             "value": "371003"

  4438.         }, {

  4439.             "label": "荣成市",

  4440.             "value": "371082"

  4441.         }, {

  4442.             "label": "乳山市",

  4443.             "value": "371083"

  4444.         }],

  4445.         [{

  4446.             "label": "市辖区",

  4447.             "value": "371101"

  4448.         }, {

  4449.             "label": "东港区",

  4450.             "value": "371102"

  4451.         }, {

  4452.             "label": "岚山区",

  4453.             "value": "371103"

  4454.         }, {

  4455.             "label": "五莲县",

  4456.             "value": "371121"

  4457.         }, {

  4458.             "label": "莒县",

  4459.             "value": "371122"

  4460.         }],

  4461.         [{

  4462.             "label": "市辖区",

  4463.             "value": "371201"

  4464.         }, {

  4465.             "label": "莱城区",

  4466.             "value": "371202"

  4467.         }, {

  4468.             "label": "钢城区",

  4469.             "value": "371203"

  4470.         }],

  4471.         [{

  4472.             "label": "市辖区",

  4473.             "value": "371301"

  4474.         }, {

  4475.             "label": "兰山区",

  4476.             "value": "371302"

  4477.         }, {

  4478.             "label": "罗庄区",

  4479.             "value": "371311"

  4480.         }, {

  4481.             "label": "河东区",

  4482.             "value": "371312"

  4483.         }, {

  4484.             "label": "沂南县",

  4485.             "value": "371321"

  4486.         }, {

  4487.             "label": "郯城县",

  4488.             "value": "371322"

  4489.         }, {

  4490.             "label": "沂水县",

  4491.             "value": "371323"

  4492.         }, {

  4493.             "label": "兰陵县",

  4494.             "value": "371324"

  4495.         }, {

  4496.             "label": "费县",

  4497.             "value": "371325"

  4498.         }, {

  4499.             "label": "平邑县",

  4500.             "value": "371326"

  4501.         }, {

  4502.             "label": "莒南县",

  4503.             "value": "371327"

  4504.         }, {

  4505.             "label": "蒙阴县",

  4506.             "value": "371328"

  4507.         }, {

  4508.             "label": "临沭县",

  4509.             "value": "371329"

  4510.         }],

  4511.         [{

  4512.             "label": "市辖区",

  4513.             "value": "371401"

  4514.         }, {

  4515.             "label": "德城区",

  4516.             "value": "371402"

  4517.         }, {

  4518.             "label": "陵城区",

  4519.             "value": "371403"

  4520.         }, {

  4521.             "label": "宁津县",

  4522.             "value": "371422"

  4523.         }, {

  4524.             "label": "庆云县",

  4525.             "value": "371423"

  4526.         }, {

  4527.             "label": "临邑县",

  4528.             "value": "371424"

  4529.         }, {

  4530.             "label": "齐河县",

  4531.             "value": "371425"

  4532.         }, {

  4533.             "label": "平原县",

  4534.             "value": "371426"

  4535.         }, {

  4536.             "label": "夏津县",

  4537.             "value": "371427"

  4538.         }, {

  4539.             "label": "武城县",

  4540.             "value": "371428"

  4541.         }, {

  4542.             "label": "乐陵市",

  4543.             "value": "371481"

  4544.         }, {

  4545.             "label": "禹城市",

  4546.             "value": "371482"

  4547.         }],

  4548.         [{

  4549.             "label": "市辖区",

  4550.             "value": "371501"

  4551.         }, {

  4552.             "label": "东昌府区",

  4553.             "value": "371502"

  4554.         }, {

  4555.             "label": "阳谷县",

  4556.             "value": "371521"

  4557.         }, {

  4558.             "label": "莘县",

  4559.             "value": "371522"

  4560.         }, {

  4561.             "label": "茌平县",

  4562.             "value": "371523"

  4563.         }, {

  4564.             "label": "东阿县",

  4565.             "value": "371524"

  4566.         }, {

  4567.             "label": "冠县",

  4568.             "value": "371525"

  4569.         }, {

  4570.             "label": "高唐县",

  4571.             "value": "371526"

  4572.         }, {

  4573.             "label": "临清市",

  4574.             "value": "371581"

  4575.         }],

  4576.         [{

  4577.             "label": "市辖区",

  4578.             "value": "371601"

  4579.         }, {

  4580.             "label": "滨城区",

  4581.             "value": "371602"

  4582.         }, {

  4583.             "label": "沾化区",

  4584.             "value": "371603"

  4585.         }, {

  4586.             "label": "惠民县",

  4587.             "value": "371621"

  4588.         }, {

  4589.             "label": "阳信县",

  4590.             "value": "371622"

  4591.         }, {

  4592.             "label": "无棣县",

  4593.             "value": "371623"

  4594.         }, {

  4595.             "label": "博兴县",

  4596.             "value": "371625"

  4597.         }, {

  4598.             "label": "邹平县",

  4599.             "value": "371626"

  4600.         }],

  4601.         [{

  4602.             "label": "市辖区",

  4603.             "value": "371701"

  4604.         }, {

  4605.             "label": "牡丹区",

  4606.             "value": "371702"

  4607.         }, {

  4608.             "label": "定陶区",

  4609.             "value": "371703"

  4610.         }, {

  4611.             "label": "曹县",

  4612.             "value": "371721"

  4613.         }, {

  4614.             "label": "单县",

  4615.             "value": "371722"

  4616.         }, {

  4617.             "label": "成武县",

  4618.             "value": "371723"

  4619.         }, {

  4620.             "label": "巨野县",

  4621.             "value": "371724"

  4622.         }, {

  4623.             "label": "郓城县",

  4624.             "value": "371725"

  4625.         }, {

  4626.             "label": "鄄城县",

  4627.             "value": "371726"

  4628.         }, {

  4629.             "label": "东明县",

  4630.             "value": "371728"

  4631.         }]

  4632.     ],

  4633.     [

  4634.         [{

  4635.             "label": "市辖区",

  4636.             "value": "410101"

  4637.         }, {

  4638.             "label": "中原区",

  4639.             "value": "410102"

  4640.         }, {

  4641.             "label": "二七区",

  4642.             "value": "410103"

  4643.         }, {

  4644.             "label": "管城回族区",

  4645.             "value": "410104"

  4646.         }, {

  4647.             "label": "金水区",

  4648.             "value": "410105"

  4649.         }, {

  4650.             "label": "上街区",

  4651.             "value": "410106"

  4652.         }, {

  4653.             "label": "惠济区",

  4654.             "value": "410108"

  4655.         }, {

  4656.             "label": "中牟县",

  4657.             "value": "410122"

  4658.         }, {

  4659.             "label": "巩义市",

  4660.             "value": "410181"

  4661.         }, {

  4662.             "label": "荥阳市",

  4663.             "value": "410182"

  4664.         }, {

  4665.             "label": "新密市",

  4666.             "value": "410183"

  4667.         }, {

  4668.             "label": "新郑市",

  4669.             "value": "410184"

  4670.         }, {

  4671.             "label": "登封市",

  4672.             "value": "410185"

  4673.         }, {

  4674.             "label": "郑东新区",

  4675.             "value": "920002"

  4676.         }],

  4677.         [{

  4678.             "label": "市辖区",

  4679.             "value": "410201"

  4680.         }, {

  4681.             "label": "龙亭区",

  4682.             "value": "410202"

  4683.         }, {

  4684.             "label": "顺河回族区",

  4685.             "value": "410203"

  4686.         }, {

  4687.             "label": "鼓楼区",

  4688.             "value": "410204"

  4689.         }, {

  4690.             "label": "禹王台区",

  4691.             "value": "410205"

  4692.         }, {

  4693.             "label": "金明区",

  4694.             "value": "410211"

  4695.         }, {

  4696.             "label": "祥符区",

  4697.             "value": "410212"

  4698.         }, {

  4699.             "label": "杞县",

  4700.             "value": "410221"

  4701.         }, {

  4702.             "label": "通许县",

  4703.             "value": "410222"

  4704.         }, {

  4705.             "label": "尉氏县",

  4706.             "value": "410223"

  4707.         }, {

  4708.             "label": "兰考县",

  4709.             "value": "410225"

  4710.         }],

  4711.         [{

  4712.             "label": "市辖区",

  4713.             "value": "410301"

  4714.         }, {

  4715.             "label": "老城区",

  4716.             "value": "410302"

  4717.         }, {

  4718.             "label": "西工区",

  4719.             "value": "410303"

  4720.         }, {

  4721.             "label": "瀍河回族区",

  4722.             "value": "410304"

  4723.         }, {

  4724.             "label": "涧西区",

  4725.             "value": "410305"

  4726.         }, {

  4727.             "label": "吉利区",

  4728.             "value": "410306"

  4729.         }, {

  4730.             "label": "洛龙区",

  4731.             "value": "410311"

  4732.         }, {

  4733.             "label": "孟津县",

  4734.             "value": "410322"

  4735.         }, {

  4736.             "label": "新安县",

  4737.             "value": "410323"

  4738.         }, {

  4739.             "label": "栾川县",

  4740.             "value": "410324"

  4741.         }, {

  4742.             "label": "嵩县",

  4743.             "value": "410325"

  4744.         }, {

  4745.             "label": "汝阳县",

  4746.             "value": "410326"

  4747.         }, {

  4748.             "label": "宜阳县",

  4749.             "value": "410327"

  4750.         }, {

  4751.             "label": "洛宁县",

  4752.             "value": "410328"

  4753.         }, {

  4754.             "label": "伊川县",

  4755.             "value": "410329"

  4756.         }, {

  4757.             "label": "偃师市",

  4758.             "value": "410381"

  4759.         }],

  4760.         [{

  4761.             "label": "市辖区",

  4762.             "value": "410401"

  4763.         }, {

  4764.             "label": "新华区",

  4765.             "value": "410402"

  4766.         }, {

  4767.             "label": "卫东区",

  4768.             "value": "410403"

  4769.         }, {

  4770.             "label": "石龙区",

  4771.             "value": "410404"

  4772.         }, {

  4773.             "label": "湛河区",

  4774.             "value": "410411"

  4775.         }, {

  4776.             "label": "宝丰县",

  4777.             "value": "410421"

  4778.         }, {

  4779.             "label": "叶县",

  4780.             "value": "410422"

  4781.         }, {

  4782.             "label": "鲁山县",

  4783.             "value": "410423"

  4784.         }, {

  4785.             "label": "郏县",

  4786.             "value": "410425"

  4787.         }, {

  4788.             "label": "舞钢市",

  4789.             "value": "410481"

  4790.         }, {

  4791.             "label": "汝州市",

  4792.             "value": "410482"

  4793.         }],

  4794.         [{

  4795.             "label": "市辖区",

  4796.             "value": "410501"

  4797.         }, {

  4798.             "label": "文峰区",

  4799.             "value": "410502"

  4800.         }, {

  4801.             "label": "北关区",

  4802.             "value": "410503"

  4803.         }, {

  4804.             "label": "殷都区",

  4805.             "value": "410505"

  4806.         }, {

  4807.             "label": "龙安区",

  4808.             "value": "410506"

  4809.         }, {

  4810.             "label": "安阳县",

  4811.             "value": "410522"

  4812.         }, {

  4813.             "label": "汤阴县",

  4814.             "value": "410523"

  4815.         }, {

  4816.             "label": "滑县",

  4817.             "value": "410526"

  4818.         }, {

  4819.             "label": "内黄县",

  4820.             "value": "410527"

  4821.         }, {

  4822.             "label": "林州市",

  4823.             "value": "410581"

  4824.         }],

  4825.         [{

  4826.             "label": "市辖区",

  4827.             "value": "410601"

  4828.         }, {

  4829.             "label": "鹤山区",

  4830.             "value": "410602"

  4831.         }, {

  4832.             "label": "山城区",

  4833.             "value": "410603"

  4834.         }, {

  4835.             "label": "淇滨区",

  4836.             "value": "410611"

  4837.         }, {

  4838.             "label": "浚县",

  4839.             "value": "410621"

  4840.         }, {

  4841.             "label": "淇县",

  4842.             "value": "410622"

  4843.         }],

  4844.         [{

  4845.             "label": "市辖区",

  4846.             "value": "410701"

  4847.         }, {

  4848.             "label": "红旗区",

  4849.             "value": "410702"

  4850.         }, {

  4851.             "label": "卫滨区",

  4852.             "value": "410703"

  4853.         }, {

  4854.             "label": "凤泉区",

  4855.             "value": "410704"

  4856.         }, {

  4857.             "label": "牧野区",

  4858.             "value": "410711"

  4859.         }, {

  4860.             "label": "新乡县",

  4861.             "value": "410721"

  4862.         }, {

  4863.             "label": "获嘉县",

  4864.             "value": "410724"

  4865.         }, {

  4866.             "label": "原阳县",

  4867.             "value": "410725"

  4868.         }, {

  4869.             "label": "延津县",

  4870.             "value": "410726"

  4871.         }, {

  4872.             "label": "封丘县",

  4873.             "value": "410727"

  4874.         }, {

  4875.             "label": "长垣县",

  4876.             "value": "410728"

  4877.         }, {

  4878.             "label": "卫辉市",

  4879.             "value": "410781"

  4880.         }, {

  4881.             "label": "辉县市",

  4882.             "value": "410782"

  4883.         }],

  4884.         [{

  4885.             "label": "市辖区",

  4886.             "value": "410801"

  4887.         }, {

  4888.             "label": "解放区",

  4889.             "value": "410802"

  4890.         }, {

  4891.             "label": "中站区",

  4892.             "value": "410803"

  4893.         }, {

  4894.             "label": "马村区",

  4895.             "value": "410804"

  4896.         }, {

  4897.             "label": "山阳区",

  4898.             "value": "410811"

  4899.         }, {

  4900.             "label": "修武县",

  4901.             "value": "410821"

  4902.         }, {

  4903.             "label": "博爱县",

  4904.             "value": "410822"

  4905.         }, {

  4906.             "label": "武陟县",

  4907.             "value": "410823"

  4908.         }, {

  4909.             "label": "温县",

  4910.             "value": "410825"

  4911.         }, {

  4912.             "label": "沁阳市",

  4913.             "value": "410882"

  4914.         }, {

  4915.             "label": "孟州市",

  4916.             "value": "410883"

  4917.         }],

  4918.         [{

  4919.             "label": "市辖区",

  4920.             "value": "410901"

  4921.         }, {

  4922.             "label": "华龙区",

  4923.             "value": "410902"

  4924.         }, {

  4925.             "label": "清丰县",

  4926.             "value": "410922"

  4927.         }, {

  4928.             "label": "南乐县",

  4929.             "value": "410923"

  4930.         }, {

  4931.             "label": "范县",

  4932.             "value": "410926"

  4933.         }, {

  4934.             "label": "台前县",

  4935.             "value": "410927"

  4936.         }, {

  4937.             "label": "濮阳县",

  4938.             "value": "410928"

  4939.         }],

  4940.         [{

  4941.             "label": "市辖区",

  4942.             "value": "411001"

  4943.         }, {

  4944.             "label": "魏都区",

  4945.             "value": "411002"

  4946.         }, {

  4947.             "label": "许昌县",

  4948.             "value": "411023"

  4949.         }, {

  4950.             "label": "鄢陵县",

  4951.             "value": "411024"

  4952.         }, {

  4953.             "label": "襄城县",

  4954.             "value": "411025"

  4955.         }, {

  4956.             "label": "禹州市",

  4957.             "value": "411081"

  4958.         }, {

  4959.             "label": "长葛市",

  4960.             "value": "411082"

  4961.         }],

  4962.         [{

  4963.             "label": "市辖区",

  4964.             "value": "411101"

  4965.         }, {

  4966.             "label": "源汇区",

  4967.             "value": "411102"

  4968.         }, {

  4969.             "label": "郾城区",

  4970.             "value": "411103"

  4971.         }, {

  4972.             "label": "召陵区",

  4973.             "value": "411104"

  4974.         }, {

  4975.             "label": "舞阳县",

  4976.             "value": "411121"

  4977.         }, {

  4978.             "label": "临颍县",

  4979.             "value": "411122"

  4980.         }],

  4981.         [{

  4982.             "label": "市辖区",

  4983.             "value": "411201"

  4984.         }, {

  4985.             "label": "湖滨区",

  4986.             "value": "411202"

  4987.         }, {

  4988.             "label": "陕州区",

  4989.             "value": "411203"

  4990.         }, {

  4991.             "label": "渑池县",

  4992.             "value": "411221"

  4993.         }, {

  4994.             "label": "卢氏县",

  4995.             "value": "411224"

  4996.         }, {

  4997.             "label": "义马市",

  4998.             "value": "411281"

  4999.         }, {

  5000.             "label": "灵宝市",

  5001.             "value": "411282"

  5002.         }],

  5003.         [{

  5004.             "label": "市辖区",

  5005.             "value": "411301"

  5006.         }, {

  5007.             "label": "宛城区",

  5008.             "value": "411302"

  5009.         }, {

  5010.             "label": "卧龙区",

  5011.             "value": "411303"

  5012.         }, {

  5013.             "label": "南召县",

  5014.             "value": "411321"

  5015.         }, {

  5016.             "label": "方城县",

  5017.             "value": "411322"

  5018.         }, {

  5019.             "label": "西峡县",

  5020.             "value": "411323"

  5021.         }, {

  5022.             "label": "镇平县",

  5023.             "value": "411324"

  5024.         }, {

  5025.             "label": "内乡县",

  5026.             "value": "411325"

  5027.         }, {

  5028.             "label": "淅川县",

  5029.             "value": "411326"

  5030.         }, {

  5031.             "label": "社旗县",

  5032.             "value": "411327"

  5033.         }, {

  5034.             "label": "唐河县",

  5035.             "value": "411328"

  5036.         }, {

  5037.             "label": "新野县",

  5038.             "value": "411329"

  5039.         }, {

  5040.             "label": "桐柏县",

  5041.             "value": "411330"

  5042.         }, {

  5043.             "label": "邓州市",

  5044.             "value": "411381"

  5045.         }],

  5046.         [{

  5047.             "label": "市辖区",

  5048.             "value": "411401"

  5049.         }, {

  5050.             "label": "梁园区",

  5051.             "value": "411402"

  5052.         }, {

  5053.             "label": "睢阳区",

  5054.             "value": "411403"

  5055.         }, {

  5056.             "label": "民权县",

  5057.             "value": "411421"

  5058.         }, {

  5059.             "label": "睢县",

  5060.             "value": "411422"

  5061.         }, {

  5062.             "label": "宁陵县",

  5063.             "value": "411423"

  5064.         }, {

  5065.             "label": "柘城县",

  5066.             "value": "411424"

  5067.         }, {

  5068.             "label": "虞城县",

  5069.             "value": "411425"

  5070.         }, {

  5071.             "label": "夏邑县",

  5072.             "value": "411426"

  5073.         }, {

  5074.             "label": "永城市",

  5075.             "value": "411481"

  5076.         }],

  5077.         [{

  5078.             "label": "市辖区",

  5079.             "value": "411501"

  5080.         }, {

  5081.             "label": "浉河区",

  5082.             "value": "411502"

  5083.         }, {

  5084.             "label": "平桥区",

  5085.             "value": "411503"

  5086.         }, {

  5087.             "label": "罗山县",

  5088.             "value": "411521"

  5089.         }, {

  5090.             "label": "光山县",

  5091.             "value": "411522"

  5092.         }, {

  5093.             "label": "新县",

  5094.             "value": "411523"

  5095.         }, {

  5096.             "label": "商城县",

  5097.             "value": "411524"

  5098.         }, {

  5099.             "label": "固始县",

  5100.             "value": "411525"

  5101.         }, {

  5102.             "label": "潢川县",

  5103.             "value": "411526"

  5104.         }, {

  5105.             "label": "淮滨县",

  5106.             "value": "411527"

  5107.         }, {

  5108.             "label": "息县",

  5109.             "value": "411528"

  5110.         }],

  5111.         [{

  5112.             "label": "市辖区",

  5113.             "value": "411601"

  5114.         }, {

  5115.             "label": "川汇区",

  5116.             "value": "411602"

  5117.         }, {

  5118.             "label": "扶沟县",

  5119.             "value": "411621"

  5120.         }, {

  5121.             "label": "西华县",

  5122.             "value": "411622"

  5123.         }, {

  5124.             "label": "商水县",

  5125.             "value": "411623"

  5126.         }, {

  5127.             "label": "沈丘县",

  5128.             "value": "411624"

  5129.         }, {

  5130.             "label": "郸城县",

  5131.             "value": "411625"

  5132.         }, {

  5133.             "label": "淮阳县",

  5134.             "value": "411626"

  5135.         }, {

  5136.             "label": "太康县",

  5137.             "value": "411627"

  5138.         }, {

  5139.             "label": "鹿邑县",

  5140.             "value": "411628"

  5141.         }, {

  5142.             "label": "项城市",

  5143.             "value": "411681"

  5144.         }],

  5145.         [{

  5146.             "label": "市辖区",

  5147.             "value": "411701"

  5148.         }, {

  5149.             "label": "驿城区",

  5150.             "value": "411702"

  5151.         }, {

  5152.             "label": "西平县",

  5153.             "value": "411721"

  5154.         }, {

  5155.             "label": "上蔡县",

  5156.             "value": "411722"

  5157.         }, {

  5158.             "label": "平舆县",

  5159.             "value": "411723"

  5160.         }, {

  5161.             "label": "正阳县",

  5162.             "value": "411724"

  5163.         }, {

  5164.             "label": "确山县",

  5165.             "value": "411725"

  5166.         }, {

  5167.             "label": "泌阳县",

  5168.             "value": "411726"

  5169.         }, {

  5170.             "label": "汝南县",

  5171.             "value": "411727"

  5172.         }, {

  5173.             "label": "遂平县",

  5174.             "value": "411728"

  5175.         }, {

  5176.             "label": "新蔡县",

  5177.             "value": "411729"

  5178.         }],

  5179.         [{

  5180.             "label": "市辖区",

  5181.             "value": "419001"

  5182.         }]

  5183.     ],

  5184.     [

  5185.         [{

  5186.             "label": "市辖区",

  5187.             "value": "420101"

  5188.         }, {

  5189.             "label": "江岸区",

  5190.             "value": "420102"

  5191.         }, {

  5192.             "label": "江汉区",

  5193.             "value": "420103"

  5194.         }, {

  5195.             "label": "硚口区",

  5196.             "value": "420104"

  5197.         }, {

  5198.             "label": "汉阳区",

  5199.             "value": "420105"

  5200.         }, {

  5201.             "label": "武昌区",

  5202.             "value": "420106"

  5203.         }, {

  5204.             "label": "青山区",

  5205.             "value": "420107"

  5206.         }, {

  5207.             "label": "洪山区",

  5208.             "value": "420111"

  5209.         }, {

  5210.             "label": "东西湖区",

  5211.             "value": "420112"

  5212.         }, {

  5213.             "label": "汉南区",

  5214.             "value": "420113"

  5215.         }, {

  5216.             "label": "蔡甸区",

  5217.             "value": "420114"

  5218.         }, {

  5219.             "label": "江夏区",

  5220.             "value": "420115"

  5221.         }, {

  5222.             "label": "黄陂区",

  5223.             "value": "420116"

  5224.         }, {

  5225.             "label": "新洲区",

  5226.             "value": "420117"

  5227.         }],

  5228.         [{

  5229.             "label": "市辖区",

  5230.             "value": "420201"

  5231.         }, {

  5232.             "label": "黄石港区",

  5233.             "value": "420202"

  5234.         }, {

  5235.             "label": "西塞山区",

  5236.             "value": "420203"

  5237.         }, {

  5238.             "label": "下陆区",

  5239.             "value": "420204"

  5240.         }, {

  5241.             "label": "铁山区",

  5242.             "value": "420205"

  5243.         }, {

  5244.             "label": "阳新县",

  5245.             "value": "420222"

  5246.         }, {

  5247.             "label": "大冶市",

  5248.             "value": "420281"

  5249.         }],

  5250.         [{

  5251.             "label": "市辖区",

  5252.             "value": "420301"

  5253.         }, {

  5254.             "label": "茅箭区",

  5255.             "value": "420302"

  5256.         }, {

  5257.             "label": "张湾区",

  5258.             "value": "420303"

  5259.         }, {

  5260.             "label": "郧阳区",

  5261.             "value": "420304"

  5262.         }, {

  5263.             "label": "郧西县",

  5264.             "value": "420322"

  5265.         }, {

  5266.             "label": "竹山县",

  5267.             "value": "420323"

  5268.         }, {

  5269.             "label": "竹溪县",

  5270.             "value": "420324"

  5271.         }, {

  5272.             "label": "房县",

  5273.             "value": "420325"

  5274.         }, {

  5275.             "label": "丹江口市",

  5276.             "value": "420381"

  5277.         }],

  5278.         [{

  5279.             "label": "市辖区",

  5280.             "value": "420501"

  5281.         }, {

  5282.             "label": "西陵区",

  5283.             "value": "420502"

  5284.         }, {

  5285.             "label": "伍家岗区",

  5286.             "value": "420503"

  5287.         }, {

  5288.             "label": "点军区",

  5289.             "value": "420504"

  5290.         }, {

  5291.             "label": "猇亭区",

  5292.             "value": "420505"

  5293.         }, {

  5294.             "label": "夷陵区",

  5295.             "value": "420506"

  5296.         }, {

  5297.             "label": "远安县",

  5298.             "value": "420525"

  5299.         }, {

  5300.             "label": "兴山县",

  5301.             "value": "420526"

  5302.         }, {

  5303.             "label": "秭归县",

  5304.             "value": "420527"

  5305.         }, {

  5306.             "label": "长阳土家族自治县",

  5307.             "value": "420528"

  5308.         }, {

  5309.             "label": "五峰土家族自治县",

  5310.             "value": "420529"

  5311.         }, {

  5312.             "label": "宜都市",

  5313.             "value": "420581"

  5314.         }, {

  5315.             "label": "当阳市",

  5316.             "value": "420582"

  5317.         }, {

  5318.             "label": "枝江市",

  5319.             "value": "420583"

  5320.         }],

  5321.         [{

  5322.             "label": "市辖区",

  5323.             "value": "420601"

  5324.         }, {

  5325.             "label": "襄城区",

  5326.             "value": "420602"

  5327.         }, {

  5328.             "label": "樊城区",

  5329.             "value": "420606"

  5330.         }, {

  5331.             "label": "襄州区",

  5332.             "value": "420607"

  5333.         }, {

  5334.             "label": "南漳县",

  5335.             "value": "420624"

  5336.         }, {

  5337.             "label": "谷城县",

  5338.             "value": "420625"

  5339.         }, {

  5340.             "label": "保康县",

  5341.             "value": "420626"

  5342.         }, {

  5343.             "label": "老河口市",

  5344.             "value": "420682"

  5345.         }, {

  5346.             "label": "枣阳市",

  5347.             "value": "420683"

  5348.         }, {

  5349.             "label": "宜城市",

  5350.             "value": "420684"

  5351.         }],

  5352.         [{

  5353.             "label": "市辖区",

  5354.             "value": "420701"

  5355.         }, {

  5356.             "label": "梁子湖区",

  5357.             "value": "420702"

  5358.         }, {

  5359.             "label": "华容区",

  5360.             "value": "420703"

  5361.         }, {

  5362.             "label": "鄂城区",

  5363.             "value": "420704"

  5364.         }],

  5365.         [{

  5366.             "label": "市辖区",

  5367.             "value": "420801"

  5368.         }, {

  5369.             "label": "东宝区",

  5370.             "value": "420802"

  5371.         }, {

  5372.             "label": "掇刀区",

  5373.             "value": "420804"

  5374.         }, {

  5375.             "label": "京山县",

  5376.             "value": "420821"

  5377.         }, {

  5378.             "label": "沙洋县",

  5379.             "value": "420822"

  5380.         }, {

  5381.             "label": "钟祥市",

  5382.             "value": "420881"

  5383.         }],

  5384.         [{

  5385.             "label": "市辖区",

  5386.             "value": "420901"

  5387.         }, {

  5388.             "label": "孝南区",

  5389.             "value": "420902"

  5390.         }, {

  5391.             "label": "孝昌县",

  5392.             "value": "420921"

  5393.         }, {

  5394.             "label": "大悟县",

  5395.             "value": "420922"

  5396.         }, {

  5397.             "label": "云梦县",

  5398.             "value": "420923"

  5399.         }, {

  5400.             "label": "应城市",

  5401.             "value": "420981"

  5402.         }, {

  5403.             "label": "安陆市",

  5404.             "value": "420982"

  5405.         }, {

  5406.             "label": "汉川市",

  5407.             "value": "420984"

  5408.         }],

  5409.         [{

  5410.             "label": "市辖区",

  5411.             "value": "421001"

  5412.         }, {

  5413.             "label": "沙市区",

  5414.             "value": "421002"

  5415.         }, {

  5416.             "label": "荆州区",

  5417.             "value": "421003"

  5418.         }, {

  5419.             "label": "公安县",

  5420.             "value": "421022"

  5421.         }, {

  5422.             "label": "监利县",

  5423.             "value": "421023"

  5424.         }, {

  5425.             "label": "江陵县",

  5426.             "value": "421024"

  5427.         }, {

  5428.             "label": "石首市",

  5429.             "value": "421081"

  5430.         }, {

  5431.             "label": "洪湖市",

  5432.             "value": "421083"

  5433.         }, {

  5434.             "label": "松滋市",

  5435.             "value": "421087"

  5436.         }],

  5437.         [{

  5438.             "label": "市辖区",

  5439.             "value": "421101"

  5440.         }, {

  5441.             "label": "黄州区",

  5442.             "value": "421102"

  5443.         }, {

  5444.             "label": "团风县",

  5445.             "value": "421121"

  5446.         }, {

  5447.             "label": "红安县",

  5448.             "value": "421122"

  5449.         }, {

  5450.             "label": "罗田县",

  5451.             "value": "421123"

  5452.         }, {

  5453.             "label": "英山县",

  5454.             "value": "421124"

  5455.         }, {

  5456.             "label": "浠水县",

  5457.             "value": "421125"

  5458.         }, {

  5459.             "label": "蕲春县",

  5460.             "value": "421126"

  5461.         }, {

  5462.             "label": "黄梅县",

  5463.             "value": "421127"

  5464.         }, {

  5465.             "label": "麻城市",

  5466.             "value": "421181"

  5467.         }, {

  5468.             "label": "武穴市",

  5469.             "value": "421182"

  5470.         }],

  5471.         [{

  5472.             "label": "市辖区",

  5473.             "value": "421201"

  5474.         }, {

  5475.             "label": "咸安区",

  5476.             "value": "421202"

  5477.         }, {

  5478.             "label": "嘉鱼县",

  5479.             "value": "421221"

  5480.         }, {

  5481.             "label": "通城县",

  5482.             "value": "421222"

  5483.         }, {

  5484.             "label": "崇阳县",

  5485.             "value": "421223"

  5486.         }, {

  5487.             "label": "通山县",

  5488.             "value": "421224"

  5489.         }, {

  5490.             "label": "赤壁市",

  5491.             "value": "421281"

  5492.         }],

  5493.         [{

  5494.             "label": "市辖区",

  5495.             "value": "421301"

  5496.         }, {

  5497.             "label": "曾都区",

  5498.             "value": "421303"

  5499.         }, {

  5500.             "label": "随县",

  5501.             "value": "421321"

  5502.         }, {

  5503.             "label": "广水市",

  5504.             "value": "421381"

  5505.         }],

  5506.         [{

  5507.             "label": "市辖区",

  5508.             "value": "422801"

  5509.         }, {

  5510.             "label": "利川市",

  5511.             "value": "422802"

  5512.         }, {

  5513.             "label": "建始县",

  5514.             "value": "422822"

  5515.         }, {

  5516.             "label": "巴东县",

  5517.             "value": "422823"

  5518.         }, {

  5519.             "label": "宣恩县",

  5520.             "value": "422825"

  5521.         }, {

  5522.             "label": "咸丰县",

  5523.             "value": "422826"

  5524.         }, {

  5525.             "label": "来凤县",

  5526.             "value": "422827"

  5527.         }, {

  5528.             "label": "鹤峰县",

  5529.             "value": "422828"

  5530.         }],

  5531.         [{

  5532.             "label": "仙桃市",

  5533.             "value": "429004"

  5534.         }, {

  5535.             "label": "潜江市",

  5536.             "value": "429005"

  5537.         }, {

  5538.             "label": "天门市",

  5539.             "value": "429006"

  5540.         }, {

  5541.             "label": "神农架林区",

  5542.             "value": "429021"

  5543.         }]

  5544.     ],

  5545.     [

  5546.         [{

  5547.             "label": "市辖区",

  5548.             "value": "430101"

  5549.         }, {

  5550.             "label": "芙蓉区",

  5551.             "value": "430102"

  5552.         }, {

  5553.             "label": "天心区",

  5554.             "value": "430103"

  5555.         }, {

  5556.             "label": "岳麓区",

  5557.             "value": "430104"

  5558.         }, {

  5559.             "label": "开福区",

  5560.             "value": "430105"

  5561.         }, {

  5562.             "label": "雨花区",

  5563.             "value": "430111"

  5564.         }, {

  5565.             "label": "望城区",

  5566.             "value": "430112"

  5567.         }, {

  5568.             "label": "长沙县",

  5569.             "value": "430121"

  5570.         }, {

  5571.             "label": "宁乡县",

  5572.             "value": "430124"

  5573.         }, {

  5574.             "label": "浏阳市",

  5575.             "value": "430181"

  5576.         }],

  5577.         [{

  5578.             "label": "市辖区",

  5579.             "value": "430201"

  5580.         }, {

  5581.             "label": "荷塘区",

  5582.             "value": "430202"

  5583.         }, {

  5584.             "label": "芦淞区",

  5585.             "value": "430203"

  5586.         }, {

  5587.             "label": "石峰区",

  5588.             "value": "430204"

  5589.         }, {

  5590.             "label": "天元区",

  5591.             "value": "430211"

  5592.         }, {

  5593.             "label": "株洲县",

  5594.             "value": "430221"

  5595.         }, {

  5596.             "label": "攸县",

  5597.             "value": "430223"

  5598.         }, {

  5599.             "label": "茶陵县",

  5600.             "value": "430224"

  5601.         }, {

  5602.             "label": "炎陵县",

  5603.             "value": "430225"

  5604.         }, {

  5605.             "label": "醴陵市",

  5606.             "value": "430281"

  5607.         }],

  5608.         [{

  5609.             "label": "市辖区",

  5610.             "value": "430301"

  5611.         }, {

  5612.             "label": "雨湖区",

  5613.             "value": "430302"

  5614.         }, {

  5615.             "label": "岳塘区",

  5616.             "value": "430304"

  5617.         }, {

  5618.             "label": "湘潭县",

  5619.             "value": "430321"

  5620.         }, {

  5621.             "label": "湘乡市",

  5622.             "value": "430381"

  5623.         }, {

  5624.             "label": "韶山市",

  5625.             "value": "430382"

  5626.         }],

  5627.         [{

  5628.             "label": "市辖区",

  5629.             "value": "430401"

  5630.         }, {

  5631.             "label": "珠晖区",

  5632.             "value": "430405"

  5633.         }, {

  5634.             "label": "雁峰区",

  5635.             "value": "430406"

  5636.         }, {

  5637.             "label": "石鼓区",

  5638.             "value": "430407"

  5639.         }, {

  5640.             "label": "蒸湘区",

  5641.             "value": "430408"

  5642.         }, {

  5643.             "label": "南岳区",

  5644.             "value": "430412"

  5645.         }, {

  5646.             "label": "衡阳县",

  5647.             "value": "430421"

  5648.         }, {

  5649.             "label": "衡南县",

  5650.             "value": "430422"

  5651.         }, {

  5652.             "label": "衡山县",

  5653.             "value": "430423"

  5654.         }, {

  5655.             "label": "衡东县",

  5656.             "value": "430424"

  5657.         }, {

  5658.             "label": "祁东县",

  5659.             "value": "430426"

  5660.         }, {

  5661.             "label": "耒阳市",

  5662.             "value": "430481"

  5663.         }, {

  5664.             "label": "常宁市",

  5665.             "value": "430482"

  5666.         }],

  5667.         [{

  5668.             "label": "市辖区",

  5669.             "value": "430501"

  5670.         }, {

  5671.             "label": "双清区",

  5672.             "value": "430502"

  5673.         }, {

  5674.             "label": "大祥区",

  5675.             "value": "430503"

  5676.         }, {

  5677.             "label": "北塔区",

  5678.             "value": "430511"

  5679.         }, {

  5680.             "label": "邵东县",

  5681.             "value": "430521"

  5682.         }, {

  5683.             "label": "新邵县",

  5684.             "value": "430522"

  5685.         }, {

  5686.             "label": "邵阳县",

  5687.             "value": "430523"

  5688.         }, {

  5689.             "label": "隆回县",

  5690.             "value": "430524"

  5691.         }, {

  5692.             "label": "洞口县",

  5693.             "value": "430525"

  5694.         }, {

  5695.             "label": "绥宁县",

  5696.             "value": "430527"

  5697.         }, {

  5698.             "label": "新宁县",

  5699.             "value": "430528"

  5700.         }, {

  5701.             "label": "城步苗族自治县",

  5702.             "value": "430529"

  5703.         }, {

  5704.             "label": "武冈市",

  5705.             "value": "430581"

  5706.         }],

  5707.         [{

  5708.             "label": "市辖区",

  5709.             "value": "430601"

  5710.         }, {

  5711.             "label": "岳阳楼区",

  5712.             "value": "430602"

  5713.         }, {

  5714.             "label": "云溪区",

  5715.             "value": "430603"

  5716.         }, {

  5717.             "label": "君山区",

  5718.             "value": "430611"

  5719.         }, {

  5720.             "label": "岳阳县",

  5721.             "value": "430621"

  5722.         }, {

  5723.             "label": "华容县",

  5724.             "value": "430623"

  5725.         }, {

  5726.             "label": "湘阴县",

  5727.             "value": "430624"

  5728.         }, {

  5729.             "label": "平江县",

  5730.             "value": "430626"

  5731.         }, {

  5732.             "label": "汨罗市",

  5733.             "value": "430681"

  5734.         }, {

  5735.             "label": "临湘市",

  5736.             "value": "430682"

  5737.         }],

  5738.         [{

  5739.             "label": "市辖区",

  5740.             "value": "430701"

  5741.         }, {

  5742.             "label": "武陵区",

  5743.             "value": "430702"

  5744.         }, {

  5745.             "label": "鼎城区",

  5746.             "value": "430703"

  5747.         }, {

  5748.             "label": "安乡县",

  5749.             "value": "430721"

  5750.         }, {

  5751.             "label": "汉寿县",

  5752.             "value": "430722"

  5753.         }, {

  5754.             "label": "澧县",

  5755.             "value": "430723"

  5756.         }, {

  5757.             "label": "临澧县",

  5758.             "value": "430724"

  5759.         }, {

  5760.             "label": "桃源县",

  5761.             "value": "430725"

  5762.         }, {

  5763.             "label": "石门县",

  5764.             "value": "430726"

  5765.         }, {

  5766.             "label": "津市市",

  5767.             "value": "430781"

  5768.         }],

  5769.         [{

  5770.             "label": "市辖区",

  5771.             "value": "430801"

  5772.         }, {

  5773.             "label": "永定区",

  5774.             "value": "430802"

  5775.         }, {

  5776.             "label": "武陵源区",

  5777.             "value": "430811"

  5778.         }, {

  5779.             "label": "慈利县",

  5780.             "value": "430821"

  5781.         }, {

  5782.             "label": "桑植县",

  5783.             "value": "430822"

  5784.         }],

  5785.         [{

  5786.             "label": "市辖区",

  5787.             "value": "430901"

  5788.         }, {

  5789.             "label": "资阳区",

  5790.             "value": "430902"

  5791.         }, {

  5792.             "label": "赫山区",

  5793.             "value": "430903"

  5794.         }, {

  5795.             "label": "南县",

  5796.             "value": "430921"

  5797.         }, {

  5798.             "label": "桃江县",

  5799.             "value": "430922"

  5800.         }, {

  5801.             "label": "安化县",

  5802.             "value": "430923"

  5803.         }, {

  5804.             "label": "沅江市",

  5805.             "value": "430981"

  5806.         }],

  5807.         [{

  5808.             "label": "市辖区",

  5809.             "value": "431001"

  5810.         }, {

  5811.             "label": "北湖区",

  5812.             "value": "431002"

  5813.         }, {

  5814.             "label": "苏仙区",

  5815.             "value": "431003"

  5816.         }, {

  5817.             "label": "桂阳县",

  5818.             "value": "431021"

  5819.         }, {

  5820.             "label": "宜章县",

  5821.             "value": "431022"

  5822.         }, {

  5823.             "label": "永兴县",

  5824.             "value": "431023"

  5825.         }, {

  5826.             "label": "嘉禾县",

  5827.             "value": "431024"

  5828.         }, {

  5829.             "label": "临武县",

  5830.             "value": "431025"

  5831.         }, {

  5832.             "label": "汝城县",

  5833.             "value": "431026"

  5834.         }, {

  5835.             "label": "桂东县",

  5836.             "value": "431027"

  5837.         }, {

  5838.             "label": "安仁县",

  5839.             "value": "431028"

  5840.         }, {

  5841.             "label": "资兴市",

  5842.             "value": "431081"

  5843.         }],

  5844.         [{

  5845.             "label": "市辖区",

  5846.             "value": "431101"

  5847.         }, {

  5848.             "label": "零陵区",

  5849.             "value": "431102"

  5850.         }, {

  5851.             "label": "冷水滩区",

  5852.             "value": "431103"

  5853.         }, {

  5854.             "label": "祁阳县",

  5855.             "value": "431121"

  5856.         }, {

  5857.             "label": "东安县",

  5858.             "value": "431122"

  5859.         }, {

  5860.             "label": "双牌县",

  5861.             "value": "431123"

  5862.         }, {

  5863.             "label": "道县",

  5864.             "value": "431124"

  5865.         }, {

  5866.             "label": "江永县",

  5867.             "value": "431125"

  5868.         }, {

  5869.             "label": "宁远县",

  5870.             "value": "431126"

  5871.         }, {

  5872.             "label": "蓝山县",

  5873.             "value": "431127"

  5874.         }, {

  5875.             "label": "新田县",

  5876.             "value": "431128"

  5877.         }, {

  5878.             "label": "江华瑶族自治县",

  5879.             "value": "431129"

  5880.         }],

  5881.         [{

  5882.             "label": "市辖区",

  5883.             "value": "431201"

  5884.         }, {

  5885.             "label": "鹤城区",

  5886.             "value": "431202"

  5887.         }, {

  5888.             "label": "中方县",

  5889.             "value": "431221"

  5890.         }, {

  5891.             "label": "沅陵县",

  5892.             "value": "431222"

  5893.         }, {

  5894.             "label": "辰溪县",

  5895.             "value": "431223"

  5896.         }, {

  5897.             "label": "溆浦县",

  5898.             "value": "431224"

  5899.         }, {

  5900.             "label": "会同县",

  5901.             "value": "431225"

  5902.         }, {

  5903.             "label": "麻阳苗族自治县",

  5904.             "value": "431226"

  5905.         }, {

  5906.             "label": "新晃侗族自治县",

  5907.             "value": "431227"

  5908.         }, {

  5909.             "label": "芷江侗族自治县",

  5910.             "value": "431228"

  5911.         }, {

  5912.             "label": "靖州苗族侗族自治县",

  5913.             "value": "431229"

  5914.         }, {

  5915.             "label": "通道侗族自治县",

  5916.             "value": "431230"

  5917.         }, {

  5918.             "label": "洪江市",

  5919.             "value": "431281"

  5920.         }],

  5921.         [{

  5922.             "label": "市辖区",

  5923.             "value": "431301"

  5924.         }, {

  5925.             "label": "娄星区",

  5926.             "value": "431302"

  5927.         }, {

  5928.             "label": "双峰县",

  5929.             "value": "431321"

  5930.         }, {

  5931.             "label": "新化县",

  5932.             "value": "431322"

  5933.         }, {

  5934.             "label": "冷水江市",

  5935.             "value": "431381"

  5936.         }, {

  5937.             "label": "涟源市",

  5938.             "value": "431382"

  5939.         }],

  5940.         [{

  5941.             "label": "市辖区",

  5942.             "value": "433101"

  5943.         }, {

  5944.             "label": "泸溪县",

  5945.             "value": "433122"

  5946.         }, {

  5947.             "label": "凤凰县",

  5948.             "value": "433123"

  5949.         }, {

  5950.             "label": "花垣县",

  5951.             "value": "433124"

  5952.         }, {

  5953.             "label": "保靖县",

  5954.             "value": "433125"

  5955.         }, {

  5956.             "label": "古丈县",

  5957.             "value": "433126"

  5958.         }, {

  5959.             "label": "永顺县",

  5960.             "value": "433127"

  5961.         }, {

  5962.             "label": "龙山县",

  5963.             "value": "433130"

  5964.         }]

  5965.     ], {

  5966.         "0": [{

  5967.             "label": "市辖区",

  5968.             "value": "440101"

  5969.         }, {

  5970.             "label": "荔湾区",

  5971.             "value": "440103"

  5972.         }, {

  5973.             "label": "越秀区",

  5974.             "value": "440104"

  5975.         }, {

  5976.             "label": "海珠区",

  5977.             "value": "440105"

  5978.         }, {

  5979.             "label": "天河区",

  5980.             "value": "440106"

  5981.         }, {

  5982.             "label": "白云区",

  5983.             "value": "440111"

  5984.         }, {

  5985.             "label": "黄埔区",

  5986.             "value": "440112"

  5987.         }, {

  5988.             "label": "番禺区",

  5989.             "value": "440113"

  5990.         }, {

  5991.             "label": "花都区",

  5992.             "value": "440114"

  5993.         }, {

  5994.             "label": "南沙区",

  5995.             "value": "440115"

  5996.         }, {

  5997.             "label": "从化区",

  5998.             "value": "440117"

  5999.         }, {

  6000.             "label": "增城区",

  6001.             "value": "440118"

  6002.         }, {

  6003.             "label": "萝岗区",

  6004.             "value": "920003"

  6005.         }],

  6006.         "1": [{

  6007.             "label": "市辖区",

  6008.             "value": "440201"

  6009.         }, {

  6010.             "label": "武江区",

  6011.             "value": "440203"

  6012.         }, {

  6013.             "label": "浈江区",

  6014.             "value": "440204"

  6015.         }, {

  6016.             "label": "曲江区",

  6017.             "value": "440205"

  6018.         }, {

  6019.             "label": "始兴县",

  6020.             "value": "440222"

  6021.         }, {

  6022.             "label": "仁化县",

  6023.             "value": "440224"

  6024.         }, {

  6025.             "label": "翁源县",

  6026.             "value": "440229"

  6027.         }, {

  6028.             "label": "乳源瑶族自治县",

  6029.             "value": "440232"

  6030.         }, {

  6031.             "label": "新丰县",

  6032.             "value": "440233"

  6033.         }, {

  6034.             "label": "乐昌市",

  6035.             "value": "440281"

  6036.         }, {

  6037.             "label": "南雄市",

  6038.             "value": "440282"

  6039.         }],

  6040.         "2": [{

  6041.             "label": "市辖区",

  6042.             "value": "440301"

  6043.         }, {

  6044.             "label": "罗湖区",

  6045.             "value": "440303"

  6046.         }, {

  6047.             "label": "福田区",

  6048.             "value": "440304"

  6049.         }, {

  6050.             "label": "南山区",

  6051.             "value": "440305"

  6052.         }, {

  6053.             "label": "宝安区",

  6054.             "value": "440306"

  6055.         }, {

  6056.             "label": "龙岗区",

  6057.             "value": "440307"

  6058.         }, {

  6059.             "label": "盐田区",

  6060.             "value": "440308"

  6061.         }],

  6062.         "3": [{

  6063.             "label": "市辖区",

  6064.             "value": "440401"

  6065.         }, {

  6066.             "label": "香洲区",

  6067.             "value": "440402"

  6068.         }, {

  6069.             "label": "斗门区",

  6070.             "value": "440403"

  6071.         }, {

  6072.             "label": "金湾区",

  6073.             "value": "440404"

  6074.         }],

  6075.         "4": [{

  6076.             "label": "市辖区",

  6077.             "value": "440501"

  6078.         }, {

  6079.             "label": "龙湖区",

  6080.             "value": "440507"

  6081.         }, {

  6082.             "label": "金平区",

  6083.             "value": "440511"

  6084.         }, {

  6085.             "label": "濠江区",

  6086.             "value": "440512"

  6087.         }, {

  6088.             "label": "潮阳区",

  6089.             "value": "440513"

  6090.         }, {

  6091.             "label": "潮南区",

  6092.             "value": "440514"

  6093.         }, {

  6094.             "label": "澄海区",

  6095.             "value": "440515"

  6096.         }, {

  6097.             "label": "南澳县",

  6098.             "value": "440523"

  6099.         }],

  6100.         "5": [{

  6101.             "label": "市辖区",

  6102.             "value": "440601"

  6103.         }, {

  6104.             "label": "禅城区",

  6105.             "value": "440604"

  6106.         }, {

  6107.             "label": "南海区",

  6108.             "value": "440605"

  6109.         }, {

  6110.             "label": "顺德区",

  6111.             "value": "440606"

  6112.         }, {

  6113.             "label": "三水区",

  6114.             "value": "440607"

  6115.         }, {

  6116.             "label": "高明区",

  6117.             "value": "440608"

  6118.         }],

  6119.         "6": [{

  6120.             "label": "市辖区",

  6121.             "value": "440701"

  6122.         }, {

  6123.             "label": "蓬江区",

  6124.             "value": "440703"

  6125.         }, {

  6126.             "label": "江海区",

  6127.             "value": "440704"

  6128.         }, {

  6129.             "label": "新会区",

  6130.             "value": "440705"

  6131.         }, {

  6132.             "label": "台山市",

  6133.             "value": "440781"

  6134.         }, {

  6135.             "label": "开平市",

  6136.             "value": "440783"

  6137.         }, {

  6138.             "label": "鹤山市",

  6139.             "value": "440784"

  6140.         }, {

  6141.             "label": "恩平市",

  6142.             "value": "440785"

  6143.         }],

  6144.         "7": [{

  6145.             "label": "市辖区",

  6146.             "value": "440801"

  6147.         }, {

  6148.             "label": "赤坎区",

  6149.             "value": "440802"

  6150.         }, {

  6151.             "label": "霞山区",

  6152.             "value": "440803"

  6153.         }, {

  6154.             "label": "坡头区",

  6155.             "value": "440804"

  6156.         }, {

  6157.             "label": "麻章区",

  6158.             "value": "440811"

  6159.         }, {

  6160.             "label": "遂溪县",

  6161.             "value": "440823"

  6162.         }, {

  6163.             "label": "徐闻县",

  6164.             "value": "440825"

  6165.         }, {

  6166.             "label": "廉江市",

  6167.             "value": "440881"

  6168.         }, {

  6169.             "label": "雷州市",

  6170.             "value": "440882"

  6171.         }, {

  6172.             "label": "吴川市",

  6173.             "value": "440883"

  6174.         }],

  6175.         "8": [{

  6176.             "label": "市辖区",

  6177.             "value": "440901"

  6178.         }, {

  6179.             "label": "茂南区",

  6180.             "value": "440902"

  6181.         }, {

  6182.             "label": "电白区",

  6183.             "value": "440904"

  6184.         }, {

  6185.             "label": "高州市",

  6186.             "value": "440981"

  6187.         }, {

  6188.             "label": "化州市",

  6189.             "value": "440982"

  6190.         }, {

  6191.             "label": "信宜市",

  6192.             "value": "440983"

  6193.         }],

  6194.         "9": [{

  6195.             "label": "市辖区",

  6196.             "value": "441201"

  6197.         }, {

  6198.             "label": "端州区",

  6199.             "value": "441202"

  6200.         }, {

  6201.             "label": "鼎湖区",

  6202.             "value": "441203"

  6203.         }, {

  6204.             "label": "高要区",

  6205.             "value": "441204"

  6206.         }, {

  6207.             "label": "广宁县",

  6208.             "value": "441223"

  6209.         }, {

  6210.             "label": "怀集县",

  6211.             "value": "441224"

  6212.         }, {

  6213.             "label": "封开县",

  6214.             "value": "441225"

  6215.         }, {

  6216.             "label": "德庆县",

  6217.             "value": "441226"

  6218.         }, {

  6219.             "label": "四会市",

  6220.             "value": "441284"

  6221.         }],

  6222.         "10": [{

  6223.             "label": "市辖区",

  6224.             "value": "441301"

  6225.         }, {

  6226.             "label": "惠城区",

  6227.             "value": "441302"

  6228.         }, {

  6229.             "label": "惠阳区",

  6230.             "value": "441303"

  6231.         }, {

  6232.             "label": "博罗县",

  6233.             "value": "441322"

  6234.         }, {

  6235.             "label": "惠东县",

  6236.             "value": "441323"

  6237.         }, {

  6238.             "label": "龙门县",

  6239.             "value": "441324"

  6240.         }],

  6241.         "11": [{

  6242.             "label": "市辖区",

  6243.             "value": "441401"

  6244.         }, {

  6245.             "label": "梅江区",

  6246.             "value": "441402"

  6247.         }, {

  6248.             "label": "梅县区",

  6249.             "value": "441403"

  6250.         }, {

  6251.             "label": "大埔县",

  6252.             "value": "441422"

  6253.         }, {

  6254.             "label": "丰顺县",

  6255.             "value": "441423"

  6256.         }, {

  6257.             "label": "五华县",

  6258.             "value": "441424"

  6259.         }, {

  6260.             "label": "平远县",

  6261.             "value": "441426"

  6262.         }, {

  6263.             "label": "蕉岭县",

  6264.             "value": "441427"

  6265.         }, {

  6266.             "label": "兴宁市",

  6267.             "value": "441481"

  6268.         }],

  6269.         "12": [{

  6270.             "label": "市辖区",

  6271.             "value": "441501"

  6272.         }, {

  6273.             "label": "城区",

  6274.             "value": "441502"

  6275.         }, {

  6276.             "label": "海丰县",

  6277.             "value": "441521"

  6278.         }, {

  6279.             "label": "陆河县",

  6280.             "value": "441523"

  6281.         }, {

  6282.             "label": "陆丰市",

  6283.             "value": "441581"

  6284.         }],

  6285.         "13": [{

  6286.             "label": "市辖区",

  6287.             "value": "441601"

  6288.         }, {

  6289.             "label": "源城区",

  6290.             "value": "441602"

  6291.         }, {

  6292.             "label": "紫金县",

  6293.             "value": "441621"

  6294.         }, {

  6295.             "label": "龙川县",

  6296.             "value": "441622"

  6297.         }, {

  6298.             "label": "连平县",

  6299.             "value": "441623"

  6300.         }, {

  6301.             "label": "和平县",

  6302.             "value": "441624"

  6303.         }, {

  6304.             "label": "东源县",

  6305.             "value": "441625"

  6306.         }],

  6307.         "14": [{

  6308.             "label": "市辖区",

  6309.             "value": "441701"

  6310.         }, {

  6311.             "label": "江城区",

  6312.             "value": "441702"

  6313.         }, {

  6314.             "label": "阳东区",

  6315.             "value": "441704"

  6316.         }, {

  6317.             "label": "阳西县",

  6318.             "value": "441721"

  6319.         }, {

  6320.             "label": "阳春市",

  6321.             "value": "441781"

  6322.         }],

  6323.         "15": [{

  6324.             "label": "市辖区",

  6325.             "value": "441801"

  6326.         }, {

  6327.             "label": "清城区",

  6328.             "value": "441802"

  6329.         }, {

  6330.             "label": "清新区",

  6331.             "value": "441803"

  6332.         }, {

  6333.             "label": "佛冈县",

  6334.             "value": "441821"

  6335.         }, {

  6336.             "label": "阳山县",

  6337.             "value": "441823"

  6338.         }, {

  6339.             "label": "连山壮族瑶族自治县",

  6340.             "value": "441825"

  6341.         }, {

  6342.             "label": "连南瑶族自治县",

  6343.             "value": "441826"

  6344.         }, {

  6345.             "label": "英德市",

  6346.             "value": "441881"

  6347.         }, {

  6348.             "label": "连州市",

  6349.             "value": "441882"

  6350.         }],

  6351.         "18": [{

  6352.             "label": "市辖区",

  6353.             "value": "445101"

  6354.         }, {

  6355.             "label": "湘桥区",

  6356.             "value": "445102"

  6357.         }, {

  6358.             "label": "潮安区",

  6359.             "value": "445103"

  6360.         }, {

  6361.             "label": "饶平县",

  6362.             "value": "445122"

  6363.         }],

  6364.         "19": [{

  6365.             "label": "市辖区",

  6366.             "value": "445201"

  6367.         }, {

  6368.             "label": "榕城区",

  6369.             "value": "445202"

  6370.         }, {

  6371.             "label": "揭东区",

  6372.             "value": "445203"

  6373.         }, {

  6374.             "label": "揭西县",

  6375.             "value": "445222"

  6376.         }, {

  6377.             "label": "惠来县",

  6378.             "value": "445224"

  6379.         }, {

  6380.             "label": "普宁市",

  6381.             "value": "445281"

  6382.         }],

  6383.         "20": [{

  6384.             "label": "市辖区",

  6385.             "value": "445301"

  6386.         }, {

  6387.             "label": "云城区",

  6388.             "value": "445302"

  6389.         }, {

  6390.             "label": "云安区",

  6391.             "value": "445303"

  6392.         }, {

  6393.             "label": "新兴县",

  6394.             "value": "445321"

  6395.         }, {

  6396.             "label": "郁南县",

  6397.             "value": "445322"

  6398.         }, {

  6399.             "label": "罗定市",

  6400.             "value": "445381"

  6401.         }]

  6402.     },

  6403.     [

  6404.         [{

  6405.             "label": "市辖区",

  6406.             "value": "450101"

  6407.         }, {

  6408.             "label": "兴宁区",

  6409.             "value": "450102"

  6410.         }, {

  6411.             "label": "青秀区",

  6412.             "value": "450103"

  6413.         }, {

  6414.             "label": "江南区",

  6415.             "value": "450105"

  6416.         }, {

  6417.             "label": "西乡塘区",

  6418.             "value": "450107"

  6419.         }, {

  6420.             "label": "良庆区",

  6421.             "value": "450108"

  6422.         }, {

  6423.             "label": "邕宁区",

  6424.             "value": "450109"

  6425.         }, {

  6426.             "label": "武鸣区",

  6427.             "value": "450110"

  6428.         }, {

  6429.             "label": "隆安县",

  6430.             "value": "450123"

  6431.         }, {

  6432.             "label": "马山县",

  6433.             "value": "450124"

  6434.         }, {

  6435.             "label": "上林县",

  6436.             "value": "450125"

  6437.         }, {

  6438.             "label": "宾阳县",

  6439.             "value": "450126"

  6440.         }, {

  6441.             "label": "横县",

  6442.             "value": "450127"

  6443.         }],

  6444.         [{

  6445.             "label": "市辖区",

  6446.             "value": "450201"

  6447.         }, {

  6448.             "label": "城中区",

  6449.             "value": "450202"

  6450.         }, {

  6451.             "label": "鱼峰区",

  6452.             "value": "450203"

  6453.         }, {

  6454.             "label": "柳南区",

  6455.             "value": "450204"

  6456.         }, {

  6457.             "label": "柳北区",

  6458.             "value": "450205"

  6459.         }, {

  6460.             "label": "柳江区",

  6461.             "value": "450206"

  6462.         }, {

  6463.             "label": "柳城县",

  6464.             "value": "450222"

  6465.         }, {

  6466.             "label": "鹿寨县",

  6467.             "value": "450223"

  6468.         }, {

  6469.             "label": "融安县",

  6470.             "value": "450224"

  6471.         }, {

  6472.             "label": "融水苗族自治县",

  6473.             "value": "450225"

  6474.         }, {

  6475.             "label": "三江侗族自治县",

  6476.             "value": "450226"

  6477.         }],

  6478.         [{

  6479.             "label": "市辖区",

  6480.             "value": "450301"

  6481.         }, {

  6482.             "label": "秀峰区",

  6483.             "value": "450302"

  6484.         }, {

  6485.             "label": "叠彩区",

  6486.             "value": "450303"

  6487.         }, {

  6488.             "label": "象山区",

  6489.             "value": "450304"

  6490.         }, {

  6491.             "label": "七星区",

  6492.             "value": "450305"

  6493.         }, {

  6494.             "label": "雁山区",

  6495.             "value": "450311"

  6496.         }, {

  6497.             "label": "临桂区",

  6498.             "value": "450312"

  6499.         }, {

  6500.             "label": "阳朔县",

  6501.             "value": "450321"

  6502.         }, {

  6503.             "label": "灵川县",

  6504.             "value": "450323"

  6505.         }, {

  6506.             "label": "全州县",

  6507.             "value": "450324"

  6508.         }, {

  6509.             "label": "兴安县",

  6510.             "value": "450325"

  6511.         }, {

  6512.             "label": "永福县",

  6513.             "value": "450326"

  6514.         }, {

  6515.             "label": "灌阳县",

  6516.             "value": "450327"

  6517.         }, {

  6518.             "label": "龙胜各族自治县",

  6519.             "value": "450328"

  6520.         }, {

  6521.             "label": "资源县",

  6522.             "value": "450329"

  6523.         }, {

  6524.             "label": "平乐县",

  6525.             "value": "450330"

  6526.         }, {

  6527.             "label": "荔浦县",

  6528.             "value": "450331"

  6529.         }, {

  6530.             "label": "恭城瑶族自治县",

  6531.             "value": "450332"

  6532.         }],

  6533.         [{

  6534.             "label": "市辖区",

  6535.             "value": "450401"

  6536.         }, {

  6537.             "label": "万秀区",

  6538.             "value": "450403"

  6539.         }, {

  6540.             "label": "长洲区",

  6541.             "value": "450405"

  6542.         }, {

  6543.             "label": "龙圩区",

  6544.             "value": "450406"

  6545.         }, {

  6546.             "label": "苍梧县",

  6547.             "value": "450421"

  6548.         }, {

  6549.             "label": "藤县",

  6550.             "value": "450422"

  6551.         }, {

  6552.             "label": "蒙山县",

  6553.             "value": "450423"

  6554.         }, {

  6555.             "label": "岑溪市",

  6556.             "value": "450481"

  6557.         }],

  6558.         [{

  6559.             "label": "市辖区",

  6560.             "value": "450501"

  6561.         }, {

  6562.             "label": "海城区",

  6563.             "value": "450502"

  6564.         }, {

  6565.             "label": "银海区",

  6566.             "value": "450503"

  6567.         }, {

  6568.             "label": "铁山港区",

  6569.             "value": "450512"

  6570.         }, {

  6571.             "label": "合浦县",

  6572.             "value": "450521"

  6573.         }],

  6574.         [{

  6575.             "label": "市辖区",

  6576.             "value": "450601"

  6577.         }, {

  6578.             "label": "港口区",

  6579.             "value": "450602"

  6580.         }, {

  6581.             "label": "防城区",

  6582.             "value": "450603"

  6583.         }, {

  6584.             "label": "上思县",

  6585.             "value": "450621"

  6586.         }, {

  6587.             "label": "东兴市",

  6588.             "value": "450681"

  6589.         }],

  6590.         [{

  6591.             "label": "市辖区",

  6592.             "value": "450701"

  6593.         }, {

  6594.             "label": "钦南区",

  6595.             "value": "450702"

  6596.         }, {

  6597.             "label": "钦北区",

  6598.             "value": "450703"

  6599.         }, {

  6600.             "label": "灵山县",

  6601.             "value": "450721"

  6602.         }, {

  6603.             "label": "浦北县",

  6604.             "value": "450722"

  6605.         }],

  6606.         [{

  6607.             "label": "市辖区",

  6608.             "value": "450801"

  6609.         }, {

  6610.             "label": "港北区",

  6611.             "value": "450802"

  6612.         }, {

  6613.             "label": "港南区",

  6614.             "value": "450803"

  6615.         }, {

  6616.             "label": "覃塘区",

  6617.             "value": "450804"

  6618.         }, {

  6619.             "label": "平南县",

  6620.             "value": "450821"

  6621.         }, {

  6622.             "label": "桂平市",

  6623.             "value": "450881"

  6624.         }],

  6625.         [{

  6626.             "label": "市辖区",

  6627.             "value": "450901"

  6628.         }, {

  6629.             "label": "玉州区",

  6630.             "value": "450902"

  6631.         }, {

  6632.             "label": "福绵区",

  6633.             "value": "450903"

  6634.         }, {

  6635.             "label": "容县",

  6636.             "value": "450921"

  6637.         }, {

  6638.             "label": "陆川县",

  6639.             "value": "450922"

  6640.         }, {

  6641.             "label": "博白县",

  6642.             "value": "450923"

  6643.         }, {

  6644.             "label": "兴业县",

  6645.             "value": "450924"

  6646.         }, {

  6647.             "label": "北流市",

  6648.             "value": "450981"

  6649.         }],

  6650.         [{

  6651.             "label": "市辖区",

  6652.             "value": "451001"

  6653.         }, {

  6654.             "label": "右江区",

  6655.             "value": "451002"

  6656.         }, {

  6657.             "label": "田阳县",

  6658.             "value": "451021"

  6659.         }, {

  6660.             "label": "田东县",

  6661.             "value": "451022"

  6662.         }, {

  6663.             "label": "平果县",

  6664.             "value": "451023"

  6665.         }, {

  6666.             "label": "德保县",

  6667.             "value": "451024"

  6668.         }, {

  6669.             "label": "那坡县",

  6670.             "value": "451026"

  6671.         }, {

  6672.             "label": "凌云县",

  6673.             "value": "451027"

  6674.         }, {

  6675.             "label": "乐业县",

  6676.             "value": "451028"

  6677.         }, {

  6678.             "label": "田林县",

  6679.             "value": "451029"

  6680.         }, {

  6681.             "label": "西林县",

  6682.             "value": "451030"

  6683.         }, {

  6684.             "label": "隆林各族自治县",

  6685.             "value": "451031"

  6686.         }, {

  6687.             "label": "靖西市",

  6688.             "value": "451081"

  6689.         }],

  6690.         [{

  6691.             "label": "市辖区",

  6692.             "value": "451101"

  6693.         }, {

  6694.             "label": "八步区",

  6695.             "value": "451102"

  6696.         }, {

  6697.             "label": "平桂区",

  6698.             "value": "451103"

  6699.         }, {

  6700.             "label": "昭平县",

  6701.             "value": "451121"

  6702.         }, {

  6703.             "label": "钟山县",

  6704.             "value": "451122"

  6705.         }, {

  6706.             "label": "富川瑶族自治县",

  6707.             "value": "451123"

  6708.         }],

  6709.         [{

  6710.             "label": "市辖区",

  6711.             "value": "451201"

  6712.         }, {

  6713.             "label": "金城江区",

  6714.             "value": "451202"

  6715.         }, {

  6716.             "label": "南丹县",

  6717.             "value": "451221"

  6718.         }, {

  6719.             "label": "天峨县",

  6720.             "value": "451222"

  6721.         }, {

  6722.             "label": "凤山县",

  6723.             "value": "451223"

  6724.         }, {

  6725.             "label": "东兰县",

  6726.             "value": "451224"

  6727.         }, {

  6728.             "label": "罗城仫佬族自治县",

  6729.             "value": "451225"

  6730.         }, {

  6731.             "label": "环江毛南族自治县",

  6732.             "value": "451226"

  6733.         }, {

  6734.             "label": "巴马瑶族自治县",

  6735.             "value": "451227"

  6736.         }, {

  6737.             "label": "都安瑶族自治县",

  6738.             "value": "451228"

  6739.         }, {

  6740.             "label": "大化瑶族自治县",

  6741.             "value": "451229"

  6742.         }, {

  6743.             "label": "宜州市",

  6744.             "value": "451281"

  6745.         }],

  6746.         [{

  6747.             "label": "市辖区",

  6748.             "value": "451301"

  6749.         }, {

  6750.             "label": "兴宾区",

  6751.             "value": "451302"

  6752.         }, {

  6753.             "label": "忻城县",

  6754.             "value": "451321"

  6755.         }, {

  6756.             "label": "象州县",

  6757.             "value": "451322"

  6758.         }, {

  6759.             "label": "武宣县",

  6760.             "value": "451323"

  6761.         }, {

  6762.             "label": "金秀瑶族自治县",

  6763.             "value": "451324"

  6764.         }, {

  6765.             "label": "合山市",

  6766.             "value": "451381"

  6767.         }],

  6768.         [{

  6769.             "label": "市辖区",

  6770.             "value": "451401"

  6771.         }, {

  6772.             "label": "江州区",

  6773.             "value": "451402"

  6774.         }, {

  6775.             "label": "扶绥县",

  6776.             "value": "451421"

  6777.         }, {

  6778.             "label": "宁明县",

  6779.             "value": "451422"

  6780.         }, {

  6781.             "label": "龙州县",

  6782.             "value": "451423"

  6783.         }, {

  6784.             "label": "大新县",

  6785.             "value": "451424"

  6786.         }, {

  6787.             "label": "天等县",

  6788.             "value": "451425"

  6789.         }, {

  6790.             "label": "凭祥市",

  6791.             "value": "451481"

  6792.         }]

  6793.     ], {

  6794.         "0": [{

  6795.             "label": "市辖区",

  6796.             "value": "460101"

  6797.         }, {

  6798.             "label": "秀英区",

  6799.             "value": "460105"

  6800.         }, {

  6801.             "label": "龙华区",

  6802.             "value": "460106"

  6803.         }, {

  6804.             "label": "琼山区",

  6805.             "value": "460107"

  6806.         }, {

  6807.             "label": "美兰区",

  6808.             "value": "460108"

  6809.         }],

  6810.         "1": [{

  6811.             "label": "市辖区",

  6812.             "value": "460201"

  6813.         }, {

  6814.             "label": "海棠区",

  6815.             "value": "460202"

  6816.         }, {

  6817.             "label": "吉阳区",

  6818.             "value": "460203"

  6819.         }, {

  6820.             "label": "天涯区",

  6821.             "value": "460204"

  6822.         }, {

  6823.             "label": "崖州区",

  6824.             "value": "460205"

  6825.         }],

  6826.         "4": [{

  6827.             "label": "市辖区",

  6828.             "value": "469001"

  6829.         }, {

  6830.             "label": "琼海市",

  6831.             "value": "469002"

  6832.         }, {

  6833.             "label": "文昌市",

  6834.             "value": "469005"

  6835.         }, {

  6836.             "label": "万宁市",

  6837.             "value": "469006"

  6838.         }, {

  6839.             "label": "东方市",

  6840.             "value": "469007"

  6841.         }, {

  6842.             "label": "定安县",

  6843.             "value": "469021"

  6844.         }, {

  6845.             "label": "屯昌县",

  6846.             "value": "469022"

  6847.         }, {

  6848.             "label": "澄迈县",

  6849.             "value": "469023"

  6850.         }, {

  6851.             "label": "临高县",

  6852.             "value": "469024"

  6853.         }, {

  6854.             "label": "白沙黎族自治县",

  6855.             "value": "469025"

  6856.         }, {

  6857.             "label": "昌江黎族自治县",

  6858.             "value": "469026"

  6859.         }, {

  6860.             "label": "乐东黎族自治县",

  6861.             "value": "469027"

  6862.         }, {

  6863.             "label": "陵水黎族自治县",

  6864.             "value": "469028"

  6865.         }, {

  6866.             "label": "保亭黎族苗族自治县",

  6867.             "value": "469029"

  6868.         }, {

  6869.             "label": "琼中黎族苗族自治县",

  6870.             "value": "469030"

  6871.         }]

  6872.     },

  6873.     [

  6874.         [{

  6875.             "label": "万州区",

  6876.             "value": "500101"

  6877.         }, {

  6878.             "label": "涪陵区",

  6879.             "value": "500102"

  6880.         }, {

  6881.             "label": "渝中区",

  6882.             "value": "500103"

  6883.         }, {

  6884.             "label": "大渡口区",

  6885.             "value": "500104"

  6886.         }, {

  6887.             "label": "江北区",

  6888.             "value": "500105"

  6889.         }, {

  6890.             "label": "沙坪坝区",

  6891.             "value": "500106"

  6892.         }, {

  6893.             "label": "九龙坡区",

  6894.             "value": "500107"

  6895.         }, {

  6896.             "label": "南岸区",

  6897.             "value": "500108"

  6898.         }, {

  6899.             "label": "北碚区",

  6900.             "value": "500109"

  6901.         }, {

  6902.             "label": "綦江区",

  6903.             "value": "500110"

  6904.         }, {

  6905.             "label": "大足区",

  6906.             "value": "500111"

  6907.         }, {

  6908.             "label": "渝北区",

  6909.             "value": "500112"

  6910.         }, {

  6911.             "label": "巴南区",

  6912.             "value": "500113"

  6913.         }, {

  6914.             "label": "黔江区",

  6915.             "value": "500114"

  6916.         }, {

  6917.             "label": "长寿区",

  6918.             "value": "500115"

  6919.         }, {

  6920.             "label": "江津区",

  6921.             "value": "500116"

  6922.         }, {

  6923.             "label": "合川区",

  6924.             "value": "500117"

  6925.         }, {

  6926.             "label": "永川区",

  6927.             "value": "500118"

  6928.         }, {

  6929.             "label": "南川区",

  6930.             "value": "500119"

  6931.         }, {

  6932.             "label": "璧山区",

  6933.             "value": "500120"

  6934.         }, {

  6935.             "label": "铜梁区",

  6936.             "value": "500151"

  6937.         }, {

  6938.             "label": "潼南区",

  6939.             "value": "500152"

  6940.         }, {

  6941.             "label": "荣昌区",

  6942.             "value": "500153"

  6943.         }, {

  6944.             "label": "开州区",

  6945.             "value": "500154"

  6946.         }],

  6947.         [{

  6948.             "label": "梁平县",

  6949.             "value": "500228"

  6950.         }, {

  6951.             "label": "城口县",

  6952.             "value": "500229"

  6953.         }, {

  6954.             "label": "丰都县",

  6955.             "value": "500230"

  6956.         }, {

  6957.             "label": "垫江县",

  6958.             "value": "500231"

  6959.         }, {

  6960.             "label": "武隆县",

  6961.             "value": "500232"

  6962.         }, {

  6963.             "label": "忠县",

  6964.             "value": "500233"

  6965.         }, {

  6966.             "label": "云阳县",

  6967.             "value": "500235"

  6968.         }, {

  6969.             "label": "奉节县",

  6970.             "value": "500236"

  6971.         }, {

  6972.             "label": "巫山县",

  6973.             "value": "500237"

  6974.         }, {

  6975.             "label": "巫溪县",

  6976.             "value": "500238"

  6977.         }, {

  6978.             "label": "石柱土家族自治县",

  6979.             "value": "500240"

  6980.         }, {

  6981.             "label": "秀山土家族苗族自治县",

  6982.             "value": "500241"

  6983.         }, {

  6984.             "label": "酉阳土家族苗族自治县",

  6985.             "value": "500242"

  6986.         }, {

  6987.             "label": "彭水苗族土家族自治县",

  6988.             "value": "500243"

  6989.         }, {

  6990.             "label": "静海县",

  6991.             "value": "920000"

  6992.         }]

  6993.     ],

  6994.     [

  6995.         [{

  6996.             "label": "市辖区",

  6997.             "value": "510101"

  6998.         }, {

  6999.             "label": "锦江区",

  7000.             "value": "510104"

  7001.         }, {

  7002.             "label": "青羊区",

  7003.             "value": "510105"

  7004.         }, {

  7005.             "label": "金牛区",

  7006.             "value": "510106"

  7007.         }, {

  7008.             "label": "武侯区",

  7009.             "value": "510107"

  7010.         }, {

  7011.             "label": "成华区",

  7012.             "value": "510108"

  7013.         }, {

  7014.             "label": "龙泉驿区",

  7015.             "value": "510112"

  7016.         }, {

  7017.             "label": "青白江区",

  7018.             "value": "510113"

  7019.         }, {

  7020.             "label": "新都区",

  7021.             "value": "510114"

  7022.         }, {

  7023.             "label": "温江区",

  7024.             "value": "510115"

  7025.         }, {

  7026.             "label": "双流区",

  7027.             "value": "510116"

  7028.         }, {

  7029.             "label": "金堂县",

  7030.             "value": "510121"

  7031.         }, {

  7032.             "label": "郫县",

  7033.             "value": "510124"

  7034.         }, {

  7035.             "label": "大邑县",

  7036.             "value": "510129"

  7037.         }, {

  7038.             "label": "蒲江县",

  7039.             "value": "510131"

  7040.         }, {

  7041.             "label": "新津县",

  7042.             "value": "510132"

  7043.         }, {

  7044.             "label": "都江堰市",

  7045.             "value": "510181"

  7046.         }, {

  7047.             "label": "彭州市",

  7048.             "value": "510182"

  7049.         }, {

  7050.             "label": "邛崃市",

  7051.             "value": "510183"

  7052.         }, {

  7053.             "label": "崇州市",

  7054.             "value": "510184"

  7055.         }, {

  7056.             "label": "简阳市",

  7057.             "value": "510185"

  7058.         }],

  7059.         [{

  7060.             "label": "市辖区",

  7061.             "value": "510301"

  7062.         }, {

  7063.             "label": "自流井区",

  7064.             "value": "510302"

  7065.         }, {

  7066.             "label": "贡井区",

  7067.             "value": "510303"

  7068.         }, {

  7069.             "label": "大安区",

  7070.             "value": "510304"

  7071.         }, {

  7072.             "label": "沿滩区",

  7073.             "value": "510311"

  7074.         }, {

  7075.             "label": "荣县",

  7076.             "value": "510321"

  7077.         }, {

  7078.             "label": "富顺县",

  7079.             "value": "510322"

  7080.         }],

  7081.         [{

  7082.             "label": "市辖区",

  7083.             "value": "510401"

  7084.         }, {

  7085.             "label": "东区",

  7086.             "value": "510402"

  7087.         }, {

  7088.             "label": "西区",

  7089.             "value": "510403"

  7090.         }, {

  7091.             "label": "仁和区",

  7092.             "value": "510411"

  7093.         }, {

  7094.             "label": "米易县",

  7095.             "value": "510421"

  7096.         }, {

  7097.             "label": "盐边县",

  7098.             "value": "510422"

  7099.         }],

  7100.         [{

  7101.             "label": "市辖区",

  7102.             "value": "510501"

  7103.         }, {

  7104.             "label": "江阳区",

  7105.             "value": "510502"

  7106.         }, {

  7107.             "label": "纳溪区",

  7108.             "value": "510503"

  7109.         }, {

  7110.             "label": "龙马潭区",

  7111.             "value": "510504"

  7112.         }, {

  7113.             "label": "泸县",

  7114.             "value": "510521"

  7115.         }, {

  7116.             "label": "合江县",

  7117.             "value": "510522"

  7118.         }, {

  7119.             "label": "叙永县",

  7120.             "value": "510524"

  7121.         }, {

  7122.             "label": "古蔺县",

  7123.             "value": "510525"

  7124.         }],

  7125.         [{

  7126.             "label": "市辖区",

  7127.             "value": "510601"

  7128.         }, {

  7129.             "label": "旌阳区",

  7130.             "value": "510603"

  7131.         }, {

  7132.             "label": "中江县",

  7133.             "value": "510623"

  7134.         }, {

  7135.             "label": "罗江县",

  7136.             "value": "510626"

  7137.         }, {

  7138.             "label": "广汉市",

  7139.             "value": "510681"

  7140.         }, {

  7141.             "label": "什邡市",

  7142.             "value": "510682"

  7143.         }, {

  7144.             "label": "绵竹市",

  7145.             "value": "510683"

  7146.         }],

  7147.         [{

  7148.             "label": "市辖区",

  7149.             "value": "510701"

  7150.         }, {

  7151.             "label": "涪城区",

  7152.             "value": "510703"

  7153.         }, {

  7154.             "label": "游仙区",

  7155.             "value": "510704"

  7156.         }, {

  7157.             "label": "安州区",

  7158.             "value": "510705"

  7159.         }, {

  7160.             "label": "三台县",

  7161.             "value": "510722"

  7162.         }, {

  7163.             "label": "盐亭县",

  7164.             "value": "510723"

  7165.         }, {

  7166.             "label": "梓潼县",

  7167.             "value": "510725"

  7168.         }, {

  7169.             "label": "北川羌族自治县",

  7170.             "value": "510726"

  7171.         }, {

  7172.             "label": "平武县",

  7173.             "value": "510727"

  7174.         }, {

  7175.             "label": "江油市",

  7176.             "value": "510781"

  7177.         }],

  7178.         [{

  7179.             "label": "市辖区",

  7180.             "value": "510801"

  7181.         }, {

  7182.             "label": "利州区",

  7183.             "value": "510802"

  7184.         }, {

  7185.             "label": "昭化区",

  7186.             "value": "510811"

  7187.         }, {

  7188.             "label": "朝天区",

  7189.             "value": "510812"

  7190.         }, {

  7191.             "label": "旺苍县",

  7192.             "value": "510821"

  7193.         }, {

  7194.             "label": "青川县",

  7195.             "value": "510822"

  7196.         }, {

  7197.             "label": "剑阁县",

  7198.             "value": "510823"

  7199.         }, {

  7200.             "label": "苍溪县",

  7201.             "value": "510824"

  7202.         }],

  7203.         [{

  7204.             "label": "市辖区",

  7205.             "value": "510901"

  7206.         }, {

  7207.             "label": "船山区",

  7208.             "value": "510903"

  7209.         }, {

  7210.             "label": "安居区",

  7211.             "value": "510904"

  7212.         }, {

  7213.             "label": "蓬溪县",

  7214.             "value": "510921"

  7215.         }, {

  7216.             "label": "射洪县",

  7217.             "value": "510922"

  7218.         }, {

  7219.             "label": "大英县",

  7220.             "value": "510923"

  7221.         }],

  7222.         [{

  7223.             "label": "市辖区",

  7224.             "value": "511001"

  7225.         }, {

  7226.             "label": "市中区",

  7227.             "value": "511002"

  7228.         }, {

  7229.             "label": "东兴区",

  7230.             "value": "511011"

  7231.         }, {

  7232.             "label": "威远县",

  7233.             "value": "511024"

  7234.         }, {

  7235.             "label": "资中县",

  7236.             "value": "511025"

  7237.         }, {

  7238.             "label": "隆昌县",

  7239.             "value": "511028"

  7240.         }],

  7241.         [{

  7242.             "label": "市辖区",

  7243.             "value": "511101"

  7244.         }, {

  7245.             "label": "市中区",

  7246.             "value": "511102"

  7247.         }, {

  7248.             "label": "沙湾区",

  7249.             "value": "511111"

  7250.         }, {

  7251.             "label": "五通桥区",

  7252.             "value": "511112"

  7253.         }, {

  7254.             "label": "金口河区",

  7255.             "value": "511113"

  7256.         }, {

  7257.             "label": "犍为县",

  7258.             "value": "511123"

  7259.         }, {

  7260.             "label": "井研县",

  7261.             "value": "511124"

  7262.         }, {

  7263.             "label": "夹江县",

  7264.             "value": "511126"

  7265.         }, {

  7266.             "label": "沐川县",

  7267.             "value": "511129"

  7268.         }, {

  7269.             "label": "峨边彝族自治县",

  7270.             "value": "511132"

  7271.         }, {

  7272.             "label": "马边彝族自治县",

  7273.             "value": "511133"

  7274.         }, {

  7275.             "label": "峨眉山市",

  7276.             "value": "511181"

  7277.         }],

  7278.         [{

  7279.             "label": "市辖区",

  7280.             "value": "511301"

  7281.         }, {

  7282.             "label": "顺庆区",

  7283.             "value": "511302"

  7284.         }, {

  7285.             "label": "高坪区",

  7286.             "value": "511303"

  7287.         }, {

  7288.             "label": "嘉陵区",

  7289.             "value": "511304"

  7290.         }, {

  7291.             "label": "南部县",

  7292.             "value": "511321"

  7293.         }, {

  7294.             "label": "营山县",

  7295.             "value": "511322"

  7296.         }, {

  7297.             "label": "蓬安县",

  7298.             "value": "511323"

  7299.         }, {

  7300.             "label": "仪陇县",

  7301.             "value": "511324"

  7302.         }, {

  7303.             "label": "西充县",

  7304.             "value": "511325"

  7305.         }, {

  7306.             "label": "阆中市",

  7307.             "value": "511381"

  7308.         }],

  7309.         [{

  7310.             "label": "市辖区",

  7311.             "value": "511401"

  7312.         }, {

  7313.             "label": "东坡区",

  7314.             "value": "511402"

  7315.         }, {

  7316.             "label": "彭山区",

  7317.             "value": "511403"

  7318.         }, {

  7319.             "label": "仁寿县",

  7320.             "value": "511421"

  7321.         }, {

  7322.             "label": "洪雅县",

  7323.             "value": "511423"

  7324.         }, {

  7325.             "label": "丹棱县",

  7326.             "value": "511424"

  7327.         }, {

  7328.             "label": "青神县",

  7329.             "value": "511425"

  7330.         }],

  7331.         [{

  7332.             "label": "市辖区",

  7333.             "value": "511501"

  7334.         }, {

  7335.             "label": "翠屏区",

  7336.             "value": "511502"

  7337.         }, {

  7338.             "label": "南溪区",

  7339.             "value": "511503"

  7340.         }, {

  7341.             "label": "宜宾县",

  7342.             "value": "511521"

  7343.         }, {

  7344.             "label": "江安县",

  7345.             "value": "511523"

  7346.         }, {

  7347.             "label": "长宁县",

  7348.             "value": "511524"

  7349.         }, {

  7350.             "label": "高县",

  7351.             "value": "511525"

  7352.         }, {

  7353.             "label": "珙县",

  7354.             "value": "511526"

  7355.         }, {

  7356.             "label": "筠连县",

  7357.             "value": "511527"

  7358.         }, {

  7359.             "label": "兴文县",

  7360.             "value": "511528"

  7361.         }, {

  7362.             "label": "屏山县",

  7363.             "value": "511529"

  7364.         }],

  7365.         [{

  7366.             "label": "市辖区",

  7367.             "value": "511601"

  7368.         }, {

  7369.             "label": "广安区",

  7370.             "value": "511602"

  7371.         }, {

  7372.             "label": "前锋区",

  7373.             "value": "511603"

  7374.         }, {

  7375.             "label": "岳池县",

  7376.             "value": "511621"

  7377.         }, {

  7378.             "label": "武胜县",

  7379.             "value": "511622"

  7380.         }, {

  7381.             "label": "邻水县",

  7382.             "value": "511623"

  7383.         }, {

  7384.             "label": "华蓥市",

  7385.             "value": "511681"

  7386.         }],

  7387.         [{

  7388.             "label": "市辖区",

  7389.             "value": "511701"

  7390.         }, {

  7391.             "label": "通川区",

  7392.             "value": "511702"

  7393.         }, {

  7394.             "label": "达川区",

  7395.             "value": "511703"

  7396.         }, {

  7397.             "label": "宣汉县",

  7398.             "value": "511722"

  7399.         }, {

  7400.             "label": "开江县",

  7401.             "value": "511723"

  7402.         }, {

  7403.             "label": "大竹县",

  7404.             "value": "511724"

  7405.         }, {

  7406.             "label": "渠县",

  7407.             "value": "511725"

  7408.         }, {

  7409.             "label": "万源市",

  7410.             "value": "511781"

  7411.         }],

  7412.         [{

  7413.             "label": "市辖区",

  7414.             "value": "511801"

  7415.         }, {

  7416.             "label": "雨城区",

  7417.             "value": "511802"

  7418.         }, {

  7419.             "label": "名山区",

  7420.             "value": "511803"

  7421.         }, {

  7422.             "label": "荥经县",

  7423.             "value": "511822"

  7424.         }, {

  7425.             "label": "汉源县",

  7426.             "value": "511823"

  7427.         }, {

  7428.             "label": "石棉县",

  7429.             "value": "511824"

  7430.         }, {

  7431.             "label": "天全县",

  7432.             "value": "511825"

  7433.         }, {

  7434.             "label": "芦山县",

  7435.             "value": "511826"

  7436.         }, {

  7437.             "label": "宝兴县",

  7438.             "value": "511827"

  7439.         }],

  7440.         [{

  7441.             "label": "市辖区",

  7442.             "value": "511901"

  7443.         }, {

  7444.             "label": "巴州区",

  7445.             "value": "511902"

  7446.         }, {

  7447.             "label": "恩阳区",

  7448.             "value": "511903"

  7449.         }, {

  7450.             "label": "通江县",

  7451.             "value": "511921"

  7452.         }, {

  7453.             "label": "南江县",

  7454.             "value": "511922"

  7455.         }, {

  7456.             "label": "平昌县",

  7457.             "value": "511923"

  7458.         }],

  7459.         [{

  7460.             "label": "市辖区",

  7461.             "value": "512001"

  7462.         }, {

  7463.             "label": "雁江区",

  7464.             "value": "512002"

  7465.         }, {

  7466.             "label": "安岳县",

  7467.             "value": "512021"

  7468.         }, {

  7469.             "label": "乐至县",

  7470.             "value": "512022"

  7471.         }],

  7472.         [{

  7473.             "label": "市辖区",

  7474.             "value": "513201"

  7475.         }, {

  7476.             "label": "汶川县",

  7477.             "value": "513221"

  7478.         }, {

  7479.             "label": "理县",

  7480.             "value": "513222"

  7481.         }, {

  7482.             "label": "茂县",

  7483.             "value": "513223"

  7484.         }, {

  7485.             "label": "松潘县",

  7486.             "value": "513224"

  7487.         }, {

  7488.             "label": "九寨沟县",

  7489.             "value": "513225"

  7490.         }, {

  7491.             "label": "金川县",

  7492.             "value": "513226"

  7493.         }, {

  7494.             "label": "小金县",

  7495.             "value": "513227"

  7496.         }, {

  7497.             "label": "黑水县",

  7498.             "value": "513228"

  7499.         }, {

  7500.             "label": "壤塘县",

  7501.             "value": "513230"

  7502.         }, {

  7503.             "label": "阿坝县",

  7504.             "value": "513231"

  7505.         }, {

  7506.             "label": "若尔盖县",

  7507.             "value": "513232"

  7508.         }, {

  7509.             "label": "红原县",

  7510.             "value": "513233"

  7511.         }],

  7512.         [{

  7513.             "label": "市辖区",

  7514.             "value": "513301"

  7515.         }, {

  7516.             "label": "泸定县",

  7517.             "value": "513322"

  7518.         }, {

  7519.             "label": "丹巴县",

  7520.             "value": "513323"

  7521.         }, {

  7522.             "label": "九龙县",

  7523.             "value": "513324"

  7524.         }, {

  7525.             "label": "雅江县",

  7526.             "value": "513325"

  7527.         }, {

  7528.             "label": "道孚县",

  7529.             "value": "513326"

  7530.         }, {

  7531.             "label": "炉霍县",

  7532.             "value": "513327"

  7533.         }, {

  7534.             "label": "甘孜县",

  7535.             "value": "513328"

  7536.         }, {

  7537.             "label": "新龙县",

  7538.             "value": "513329"

  7539.         }, {

  7540.             "label": "德格县",

  7541.             "value": "513330"

  7542.         }, {

  7543.             "label": "白玉县",

  7544.             "value": "513331"

  7545.         }, {

  7546.             "label": "石渠县",

  7547.             "value": "513332"

  7548.         }, {

  7549.             "label": "色达县",

  7550.             "value": "513333"

  7551.         }, {

  7552.             "label": "理塘县",

  7553.             "value": "513334"

  7554.         }, {

  7555.             "label": "巴塘县",

  7556.             "value": "513335"

  7557.         }, {

  7558.             "label": "乡城县",

  7559.             "value": "513336"

  7560.         }, {

  7561.             "label": "稻城县",

  7562.             "value": "513337"

  7563.         }, {

  7564.             "label": "得荣县",

  7565.             "value": "513338"

  7566.         }],

  7567.         [{

  7568.             "label": "市辖区",

  7569.             "value": "513401"

  7570.         }, {

  7571.             "label": "木里藏族自治县",

  7572.             "value": "513422"

  7573.         }, {

  7574.             "label": "盐源县",

  7575.             "value": "513423"

  7576.         }, {

  7577.             "label": "德昌县",

  7578.             "value": "513424"

  7579.         }, {

  7580.             "label": "会理县",

  7581.             "value": "513425"

  7582.         }, {

  7583.             "label": "会东县",

  7584.             "value": "513426"

  7585.         }, {

  7586.             "label": "宁南县",

  7587.             "value": "513427"

  7588.         }, {

  7589.             "label": "普格县",

  7590.             "value": "513428"

  7591.         }, {

  7592.             "label": "布拖县",

  7593.             "value": "513429"

  7594.         }, {

  7595.             "label": "金阳县",

  7596.             "value": "513430"

  7597.         }, {

  7598.             "label": "昭觉县",

  7599.             "value": "513431"

  7600.         }, {

  7601.             "label": "喜德县",

  7602.             "value": "513432"

  7603.         }, {

  7604.             "label": "冕宁县",

  7605.             "value": "513433"

  7606.         }, {

  7607.             "label": "越西县",

  7608.             "value": "513434"

  7609.         }, {

  7610.             "label": "甘洛县",

  7611.             "value": "513435"

  7612.         }, {

  7613.             "label": "美姑县",

  7614.             "value": "513436"

  7615.         }, {

  7616.             "label": "雷波县",

  7617.             "value": "513437"

  7618.         }]

  7619.     ],

  7620.     [

  7621.         [{

  7622.             "label": "市辖区",

  7623.             "value": "520101"

  7624.         }, {

  7625.             "label": "南明区",

  7626.             "value": "520102"

  7627.         }, {

  7628.             "label": "云岩区",

  7629.             "value": "520103"

  7630.         }, {

  7631.             "label": "花溪区",

  7632.             "value": "520111"

  7633.         }, {

  7634.             "label": "乌当区",

  7635.             "value": "520112"

  7636.         }, {

  7637.             "label": "白云区",

  7638.             "value": "520113"

  7639.         }, {

  7640.             "label": "观山湖区",

  7641.             "value": "520115"

  7642.         }, {

  7643.             "label": "开阳县",

  7644.             "value": "520121"

  7645.         }, {

  7646.             "label": "息烽县",

  7647.             "value": "520122"

  7648.         }, {

  7649.             "label": "修文县",

  7650.             "value": "520123"

  7651.         }, {

  7652.             "label": "清镇市",

  7653.             "value": "520181"

  7654.         }],

  7655.         [{

  7656.             "label": "钟山区",

  7657.             "value": "520201"

  7658.         }, {

  7659.             "label": "六枝特区",

  7660.             "value": "520203"

  7661.         }, {

  7662.             "label": "水城县",

  7663.             "value": "520221"

  7664.         }, {

  7665.             "label": "盘县",

  7666.             "value": "520222"

  7667.         }],

  7668.         [{

  7669.             "label": "市辖区",

  7670.             "value": "520301"

  7671.         }, {

  7672.             "label": "红花岗区",

  7673.             "value": "520302"

  7674.         }, {

  7675.             "label": "汇川区",

  7676.             "value": "520303"

  7677.         }, {

  7678.             "label": "播州区",

  7679.             "value": "520304"

  7680.         }, {

  7681.             "label": "桐梓县",

  7682.             "value": "520322"

  7683.         }, {

  7684.             "label": "绥阳县",

  7685.             "value": "520323"

  7686.         }, {

  7687.             "label": "正安县",

  7688.             "value": "520324"

  7689.         }, {

  7690.             "label": "道真仡佬族苗族自治县",

  7691.             "value": "520325"

  7692.         }, {

  7693.             "label": "务川仡佬族苗族自治县",

  7694.             "value": "520326"

  7695.         }, {

  7696.             "label": "凤冈县",

  7697.             "value": "520327"

  7698.         }, {

  7699.             "label": "湄潭县",

  7700.             "value": "520328"

  7701.         }, {

  7702.             "label": "余庆县",

  7703.             "value": "520329"

  7704.         }, {

  7705.             "label": "习水县",

  7706.             "value": "520330"

  7707.         }, {

  7708.             "label": "赤水市",

  7709.             "value": "520381"

  7710.         }, {

  7711.             "label": "仁怀市",

  7712.             "value": "520382"

  7713.         }],

  7714.         [{

  7715.             "label": "市辖区",

  7716.             "value": "520401"

  7717.         }, {

  7718.             "label": "西秀区",

  7719.             "value": "520402"

  7720.         }, {

  7721.             "label": "平坝区",

  7722.             "value": "520403"

  7723.         }, {

  7724.             "label": "普定县",

  7725.             "value": "520422"

  7726.         }, {

  7727.             "label": "镇宁布依族苗族自治县",

  7728.             "value": "520423"

  7729.         }, {

  7730.             "label": "关岭布依族苗族自治县",

  7731.             "value": "520424"

  7732.         }, {

  7733.             "label": "紫云苗族布依族自治县",

  7734.             "value": "520425"

  7735.         }],

  7736.         [{

  7737.             "label": "市辖区",

  7738.             "value": "520501"

  7739.         }, {

  7740.             "label": "七星关区",

  7741.             "value": "520502"

  7742.         }, {

  7743.             "label": "大方县",

  7744.             "value": "520521"

  7745.         }, {

  7746.             "label": "黔西县",

  7747.             "value": "520522"

  7748.         }, {

  7749.             "label": "金沙县",

  7750.             "value": "520523"

  7751.         }, {

  7752.             "label": "织金县",

  7753.             "value": "520524"

  7754.         }, {

  7755.             "label": "纳雍县",

  7756.             "value": "520525"

  7757.         }, {

  7758.             "label": "威宁彝族回族苗族自治县",

  7759.             "value": "520526"

  7760.         }, {

  7761.             "label": "赫章县",

  7762.             "value": "520527"

  7763.         }],

  7764.         [{

  7765.             "label": "市辖区",

  7766.             "value": "520601"

  7767.         }, {

  7768.             "label": "碧江区",

  7769.             "value": "520602"

  7770.         }, {

  7771.             "label": "万山区",

  7772.             "value": "520603"

  7773.         }, {

  7774.             "label": "江口县",

  7775.             "value": "520621"

  7776.         }, {

  7777.             "label": "玉屏侗族自治县",

  7778.             "value": "520622"

  7779.         }, {

  7780.             "label": "石阡县",

  7781.             "value": "520623"

  7782.         }, {

  7783.             "label": "思南县",

  7784.             "value": "520624"

  7785.         }, {

  7786.             "label": "印江土家族苗族自治县",

  7787.             "value": "520625"

  7788.         }, {

  7789.             "label": "德江县",

  7790.             "value": "520626"

  7791.         }, {

  7792.             "label": "沿河土家族自治县",

  7793.             "value": "520627"

  7794.         }, {

  7795.             "label": "松桃苗族自治县",

  7796.             "value": "520628"

  7797.         }],

  7798.         [{

  7799.             "label": "市辖区",

  7800.             "value": "522301"

  7801.         }, {

  7802.             "label": "兴仁县",

  7803.             "value": "522322"

  7804.         }, {

  7805.             "label": "普安县",

  7806.             "value": "522323"

  7807.         }, {

  7808.             "label": "晴隆县",

  7809.             "value": "522324"

  7810.         }, {

  7811.             "label": "贞丰县",

  7812.             "value": "522325"

  7813.         }, {

  7814.             "label": "望谟县",

  7815.             "value": "522326"

  7816.         }, {

  7817.             "label": "册亨县",

  7818.             "value": "522327"

  7819.         }, {

  7820.             "label": "安龙县",

  7821.             "value": "522328"

  7822.         }],

  7823.         [{

  7824.             "label": "市辖区",

  7825.             "value": "522601"

  7826.         }, {

  7827.             "label": "黄平县",

  7828.             "value": "522622"

  7829.         }, {

  7830.             "label": "施秉县",

  7831.             "value": "522623"

  7832.         }, {

  7833.             "label": "三穗县",

  7834.             "value": "522624"

  7835.         }, {

  7836.             "label": "镇远县",

  7837.             "value": "522625"

  7838.         }, {

  7839.             "label": "岑巩县",

  7840.             "value": "522626"

  7841.         }, {

  7842.             "label": "天柱县",

  7843.             "value": "522627"

  7844.         }, {

  7845.             "label": "锦屏县",

  7846.             "value": "522628"

  7847.         }, {

  7848.             "label": "剑河县",

  7849.             "value": "522629"

  7850.         }, {

  7851.             "label": "台江县",

  7852.             "value": "522630"

  7853.         }, {

  7854.             "label": "黎平县",

  7855.             "value": "522631"

  7856.         }, {

  7857.             "label": "榕江县",

  7858.             "value": "522632"

  7859.         }, {

  7860.             "label": "从江县",

  7861.             "value": "522633"

  7862.         }, {

  7863.             "label": "雷山县",

  7864.             "value": "522634"

  7865.         }, {

  7866.             "label": "麻江县",

  7867.             "value": "522635"

  7868.         }, {

  7869.             "label": "丹寨县",

  7870.             "value": "522636"

  7871.         }],

  7872.         [{

  7873.             "label": "市辖区",

  7874.             "value": "522701"

  7875.         }, {

  7876.             "label": "福泉市",

  7877.             "value": "522702"

  7878.         }, {

  7879.             "label": "荔波县",

  7880.             "value": "522722"

  7881.         }, {

  7882.             "label": "贵定县",

  7883.             "value": "522723"

  7884.         }, {

  7885.             "label": "瓮安县",

  7886.             "value": "522725"

  7887.         }, {

  7888.             "label": "独山县",

  7889.             "value": "522726"

  7890.         }, {

  7891.             "label": "平塘县",

  7892.             "value": "522727"

  7893.         }, {

  7894.             "label": "罗甸县",

  7895.             "value": "522728"

  7896.         }, {

  7897.             "label": "长顺县",

  7898.             "value": "522729"

  7899.         }, {

  7900.             "label": "龙里县",

  7901.             "value": "522730"

  7902.         }, {

  7903.             "label": "惠水县",

  7904.             "value": "522731"

  7905.         }, {

  7906.             "label": "三都水族自治县",

  7907.             "value": "522732"

  7908.         }]

  7909.     ],

  7910.     [

  7911.         [{

  7912.             "label": "市辖区",

  7913.             "value": "530101"

  7914.         }, {

  7915.             "label": "五华区",

  7916.             "value": "530102"

  7917.         }, {

  7918.             "label": "盘龙区",

  7919.             "value": "530103"

  7920.         }, {

  7921.             "label": "官渡区",

  7922.             "value": "530111"

  7923.         }, {

  7924.             "label": "西山区",

  7925.             "value": "530112"

  7926.         }, {

  7927.             "label": "东川区",

  7928.             "value": "530113"

  7929.         }, {

  7930.             "label": "呈贡区",

  7931.             "value": "530114"

  7932.         }, {

  7933.             "label": "晋宁县",

  7934.             "value": "530122"

  7935.         }, {

  7936.             "label": "富民县",

  7937.             "value": "530124"

  7938.         }, {

  7939.             "label": "宜良县",

  7940.             "value": "530125"

  7941.         }, {

  7942.             "label": "石林彝族自治县",

  7943.             "value": "530126"

  7944.         }, {

  7945.             "label": "嵩明县",

  7946.             "value": "530127"

  7947.         }, {

  7948.             "label": "禄劝彝族苗族自治县",

  7949.             "value": "530128"

  7950.         }, {

  7951.             "label": "寻甸回族彝族自治县",

  7952.             "value": "530129"

  7953.         }, {

  7954.             "label": "安宁市",

  7955.             "value": "530181"

  7956.         }],

  7957.         [{

  7958.             "label": "市辖区",

  7959.             "value": "530301"

  7960.         }, {

  7961.             "label": "麒麟区",

  7962.             "value": "530302"

  7963.         }, {

  7964.             "label": "沾益区",

  7965.             "value": "530303"

  7966.         }, {

  7967.             "label": "马龙县",

  7968.             "value": "530321"

  7969.         }, {

  7970.             "label": "陆良县",

  7971.             "value": "530322"

  7972.         }, {

  7973.             "label": "师宗县",

  7974.             "value": "530323"

  7975.         }, {

  7976.             "label": "罗平县",

  7977.             "value": "530324"

  7978.         }, {

  7979.             "label": "富源县",

  7980.             "value": "530325"

  7981.         }, {

  7982.             "label": "会泽县",

  7983.             "value": "530326"

  7984.         }, {

  7985.             "label": "宣威市",

  7986.             "value": "530381"

  7987.         }],

  7988.         [{

  7989.             "label": "市辖区",

  7990.             "value": "530401"

  7991.         }, {

  7992.             "label": "红塔区",

  7993.             "value": "530402"

  7994.         }, {

  7995.             "label": "江川区",

  7996.             "value": "530403"

  7997.         }, {

  7998.             "label": "澄江县",

  7999.             "value": "530422"

  8000.         }, {

  8001.             "label": "通海县",

  8002.             "value": "530423"

  8003.         }, {

  8004.             "label": "华宁县",

  8005.             "value": "530424"

  8006.         }, {

  8007.             "label": "易门县",

  8008.             "value": "530425"

  8009.         }, {

  8010.             "label": "峨山彝族自治县",

  8011.             "value": "530426"

  8012.         }, {

  8013.             "label": "新平彝族傣族自治县",

  8014.             "value": "530427"

  8015.         }, {

  8016.             "label": "元江哈尼族彝族傣族自治县",

  8017.             "value": "530428"

  8018.         }],

  8019.         [{

  8020.             "label": "市辖区",

  8021.             "value": "530501"

  8022.         }, {

  8023.             "label": "隆阳区",

  8024.             "value": "530502"

  8025.         }, {

  8026.             "label": "施甸县",

  8027.             "value": "530521"

  8028.         }, {

  8029.             "label": "龙陵县",

  8030.             "value": "530523"

  8031.         }, {

  8032.             "label": "昌宁县",

  8033.             "value": "530524"

  8034.         }, {

  8035.             "label": "腾冲市",

  8036.             "value": "530581"

  8037.         }],

  8038.         [{

  8039.             "label": "市辖区",

  8040.             "value": "530601"

  8041.         }, {

  8042.             "label": "昭阳区",

  8043.             "value": "530602"

  8044.         }, {

  8045.             "label": "鲁甸县",

  8046.             "value": "530621"

  8047.         }, {

  8048.             "label": "巧家县",

  8049.             "value": "530622"

  8050.         }, {

  8051.             "label": "盐津县",

  8052.             "value": "530623"

  8053.         }, {

  8054.             "label": "大关县",

  8055.             "value": "530624"

  8056.         }, {

  8057.             "label": "永善县",

  8058.             "value": "530625"

  8059.         }, {

  8060.             "label": "绥江县",

  8061.             "value": "530626"

  8062.         }, {

  8063.             "label": "镇雄县",

  8064.             "value": "530627"

  8065.         }, {

  8066.             "label": "彝良县",

  8067.             "value": "530628"

  8068.         }, {

  8069.             "label": "威信县",

  8070.             "value": "530629"

  8071.         }, {

  8072.             "label": "水富县",

  8073.             "value": "530630"

  8074.         }],

  8075.         [{

  8076.             "label": "市辖区",

  8077.             "value": "530701"

  8078.         }, {

  8079.             "label": "古城区",

  8080.             "value": "530702"

  8081.         }, {

  8082.             "label": "玉龙纳西族自治县",

  8083.             "value": "530721"

  8084.         }, {

  8085.             "label": "永胜县",

  8086.             "value": "530722"

  8087.         }, {

  8088.             "label": "华坪县",

  8089.             "value": "530723"

  8090.         }, {

  8091.             "label": "宁蒗彝族自治县",

  8092.             "value": "530724"

  8093.         }],

  8094.         [{

  8095.             "label": "市辖区",

  8096.             "value": "530801"

  8097.         }, {

  8098.             "label": "思茅区",

  8099.             "value": "530802"

  8100.         }, {

  8101.             "label": "宁洱哈尼族彝族自治县",

  8102.             "value": "530821"

  8103.         }, {

  8104.             "label": "墨江哈尼族自治县",

  8105.             "value": "530822"

  8106.         }, {

  8107.             "label": "景东彝族自治县",

  8108.             "value": "530823"

  8109.         }, {

  8110.             "label": "景谷傣族彝族自治县",

  8111.             "value": "530824"

  8112.         }, {

  8113.             "label": "镇沅彝族哈尼族拉祜族自治县",

  8114.             "value": "530825"

  8115.         }, {

  8116.             "label": "江城哈尼族彝族自治县",

  8117.             "value": "530826"

  8118.         }, {

  8119.             "label": "孟连傣族拉祜族佤族自治县",

  8120.             "value": "530827"

  8121.         }, {

  8122.             "label": "澜沧拉祜族自治县",

  8123.             "value": "530828"

  8124.         }, {

  8125.             "label": "西盟佤族自治县",

  8126.             "value": "530829"

  8127.         }],

  8128.         [{

  8129.             "label": "市辖区",

  8130.             "value": "530901"

  8131.         }, {

  8132.             "label": "临翔区",

  8133.             "value": "530902"

  8134.         }, {

  8135.             "label": "凤庆县",

  8136.             "value": "530921"

  8137.         }, {

  8138.             "label": "云县",

  8139.             "value": "530922"

  8140.         }, {

  8141.             "label": "永德县",

  8142.             "value": "530923"

  8143.         }, {

  8144.             "label": "镇康县",

  8145.             "value": "530924"

  8146.         }, {

  8147.             "label": "双江拉祜族佤族布朗族傣族自治县",

  8148.             "value": "530925"

  8149.         }, {

  8150.             "label": "耿马傣族佤族自治县",

  8151.             "value": "530926"

  8152.         }, {

  8153.             "label": "沧源佤族自治县",

  8154.             "value": "530927"

  8155.         }],

  8156.         [{

  8157.             "label": "市辖区",

  8158.             "value": "532301"

  8159.         }, {

  8160.             "label": "双柏县",

  8161.             "value": "532322"

  8162.         }, {

  8163.             "label": "牟定县",

  8164.             "value": "532323"

  8165.         }, {

  8166.             "label": "南华县",

  8167.             "value": "532324"

  8168.         }, {

  8169.             "label": "姚安县",

  8170.             "value": "532325"

  8171.         }, {

  8172.             "label": "大姚县",

  8173.             "value": "532326"

  8174.         }, {

  8175.             "label": "永仁县",

  8176.             "value": "532327"

  8177.         }, {

  8178.             "label": "元谋县",

  8179.             "value": "532328"

  8180.         }, {

  8181.             "label": "武定县",

  8182.             "value": "532329"

  8183.         }, {

  8184.             "label": "禄丰县",

  8185.             "value": "532331"

  8186.         }],

  8187.         [{

  8188.             "label": "市辖区",

  8189.             "value": "532501"

  8190.         }, {

  8191.             "label": "开远市",

  8192.             "value": "532502"

  8193.         }, {

  8194.             "label": "蒙自市",

  8195.             "value": "532503"

  8196.         }, {

  8197.             "label": "弥勒市",

  8198.             "value": "532504"

  8199.         }, {

  8200.             "label": "屏边苗族自治县",

  8201.             "value": "532523"

  8202.         }, {

  8203.             "label": "建水县",

  8204.             "value": "532524"

  8205.         }, {

  8206.             "label": "石屏县",

  8207.             "value": "532525"

  8208.         }, {

  8209.             "label": "泸西县",

  8210.             "value": "532527"

  8211.         }, {

  8212.             "label": "元阳县",

  8213.             "value": "532528"

  8214.         }, {

  8215.             "label": "红河县",

  8216.             "value": "532529"

  8217.         }, {

  8218.             "label": "金平苗族瑶族傣族自治县",

  8219.             "value": "532530"

  8220.         }, {

  8221.             "label": "绿春县",

  8222.             "value": "532531"

  8223.         }, {

  8224.             "label": "河口瑶族自治县",

  8225.             "value": "532532"

  8226.         }],

  8227.         [{

  8228.             "label": "市辖区",

  8229.             "value": "532601"

  8230.         }, {

  8231.             "label": "砚山县",

  8232.             "value": "532622"

  8233.         }, {

  8234.             "label": "西畴县",

  8235.             "value": "532623"

  8236.         }, {

  8237.             "label": "麻栗坡县",

  8238.             "value": "532624"

  8239.         }, {

  8240.             "label": "马关县",

  8241.             "value": "532625"

  8242.         }, {

  8243.             "label": "丘北县",

  8244.             "value": "532626"

  8245.         }, {

  8246.             "label": "广南县",

  8247.             "value": "532627"

  8248.         }, {

  8249.             "label": "富宁县",

  8250.             "value": "532628"

  8251.         }],

  8252.         [{

  8253.             "label": "市辖区",

  8254.             "value": "532801"

  8255.         }, {

  8256.             "label": "勐海县",

  8257.             "value": "532822"

  8258.         }, {

  8259.             "label": "勐腊县",

  8260.             "value": "532823"

  8261.         }],

  8262.         [{

  8263.             "label": "市辖区",

  8264.             "value": "532901"

  8265.         }, {

  8266.             "label": "漾濞彝族自治县",

  8267.             "value": "532922"

  8268.         }, {

  8269.             "label": "祥云县",

  8270.             "value": "532923"

  8271.         }, {

  8272.             "label": "宾川县",

  8273.             "value": "532924"

  8274.         }, {

  8275.             "label": "弥渡县",

  8276.             "value": "532925"

  8277.         }, {

  8278.             "label": "南涧彝族自治县",

  8279.             "value": "532926"

  8280.         }, {

  8281.             "label": "巍山彝族回族自治县",

  8282.             "value": "532927"

  8283.         }, {

  8284.             "label": "永平县",

  8285.             "value": "532928"

  8286.         }, {

  8287.             "label": "云龙县",

  8288.             "value": "532929"

  8289.         }, {

  8290.             "label": "洱源县",

  8291.             "value": "532930"

  8292.         }, {

  8293.             "label": "剑川县",

  8294.             "value": "532931"

  8295.         }, {

  8296.             "label": "鹤庆县",

  8297.             "value": "532932"

  8298.         }],

  8299.         [{

  8300.             "label": "瑞丽市",

  8301.             "value": "533102"

  8302.         }, {

  8303.             "label": "芒市",

  8304.             "value": "533103"

  8305.         }, {

  8306.             "label": "梁河县",

  8307.             "value": "533122"

  8308.         }, {

  8309.             "label": "盈江县",

  8310.             "value": "533123"

  8311.         }, {

  8312.             "label": "陇川县",

  8313.             "value": "533124"

  8314.         }],

  8315.         [{

  8316.             "label": "市辖区",

  8317.             "value": "533301"

  8318.         }, {

  8319.             "label": "福贡县",

  8320.             "value": "533323"

  8321.         }, {

  8322.             "label": "贡山独龙族怒族自治县",

  8323.             "value": "533324"

  8324.         }, {

  8325.             "label": "兰坪白族普米族自治县",

  8326.             "value": "533325"

  8327.         }],

  8328.         [{

  8329.             "label": "市辖区",

  8330.             "value": "533401"

  8331.         }, {

  8332.             "label": "德钦县",

  8333.             "value": "533422"

  8334.         }, {

  8335.             "label": "维西傈僳族自治县",

  8336.             "value": "533423"

  8337.         }]

  8338.     ],

  8339.     [

  8340.         [{

  8341.             "label": "市辖区",

  8342.             "value": "540101"

  8343.         }, {

  8344.             "label": "城关区",

  8345.             "value": "540102"

  8346.         }, {

  8347.             "label": "堆龙德庆区",

  8348.             "value": "540103"

  8349.         }, {

  8350.             "label": "林周县",

  8351.             "value": "540121"

  8352.         }, {

  8353.             "label": "当雄县",

  8354.             "value": "540122"

  8355.         }, {

  8356.             "label": "尼木县",

  8357.             "value": "540123"

  8358.         }, {

  8359.             "label": "曲水县",

  8360.             "value": "540124"

  8361.         }, {

  8362.             "label": "达孜县",

  8363.             "value": "540126"

  8364.         }, {

  8365.             "label": "墨竹工卡县",

  8366.             "value": "540127"

  8367.         }],

  8368.         [{

  8369.             "label": "桑珠孜区",

  8370.             "value": "540202"

  8371.         }, {

  8372.             "label": "南木林县",

  8373.             "value": "540221"

  8374.         }, {

  8375.             "label": "江孜县",

  8376.             "value": "540222"

  8377.         }, {

  8378.             "label": "定日县",

  8379.             "value": "540223"

  8380.         }, {

  8381.             "label": "萨迦县",

  8382.             "value": "540224"

  8383.         }, {

  8384.             "label": "拉孜县",

  8385.             "value": "540225"

  8386.         }, {

  8387.             "label": "昂仁县",

  8388.             "value": "540226"

  8389.         }, {

  8390.             "label": "谢通门县",

  8391.             "value": "540227"

  8392.         }, {

  8393.             "label": "白朗县",

  8394.             "value": "540228"

  8395.         }, {

  8396.             "label": "仁布县",

  8397.             "value": "540229"

  8398.         }, {

  8399.             "label": "康马县",

  8400.             "value": "540230"

  8401.         }, {

  8402.             "label": "定结县",

  8403.             "value": "540231"

  8404.         }, {

  8405.             "label": "仲巴县",

  8406.             "value": "540232"

  8407.         }, {

  8408.             "label": "亚东县",

  8409.             "value": "540233"

  8410.         }, {

  8411.             "label": "吉隆县",

  8412.             "value": "540234"

  8413.         }, {

  8414.             "label": "聂拉木县",

  8415.             "value": "540235"

  8416.         }, {

  8417.             "label": "萨嘎县",

  8418.             "value": "540236"

  8419.         }, {

  8420.             "label": "岗巴县",

  8421.             "value": "540237"

  8422.         }],

  8423.         [{

  8424.             "label": "卡若区",

  8425.             "value": "540302"

  8426.         }, {

  8427.             "label": "江达县",

  8428.             "value": "540321"

  8429.         }, {

  8430.             "label": "贡觉县",

  8431.             "value": "540322"

  8432.         }, {

  8433.             "label": "类乌齐县",

  8434.             "value": "540323"

  8435.         }, {

  8436.             "label": "丁青县",

  8437.             "value": "540324"

  8438.         }, {

  8439.             "label": "察雅县",

  8440.             "value": "540325"

  8441.         }, {

  8442.             "label": "八宿县",

  8443.             "value": "540326"

  8444.         }, {

  8445.             "label": "左贡县",

  8446.             "value": "540327"

  8447.         }, {

  8448.             "label": "芒康县",

  8449.             "value": "540328"

  8450.         }, {

  8451.             "label": "洛隆县",

  8452.             "value": "540329"

  8453.         }, {

  8454.             "label": "边坝县",

  8455.             "value": "540330"

  8456.         }],

  8457.         [{

  8458.             "label": "巴宜区",

  8459.             "value": "540402"

  8460.         }, {

  8461.             "label": "工布江达县",

  8462.             "value": "540421"

  8463.         }, {

  8464.             "label": "米林县",

  8465.             "value": "540422"

  8466.         }, {

  8467.             "label": "墨脱县",

  8468.             "value": "540423"

  8469.         }, {

  8470.             "label": "波密县",

  8471.             "value": "540424"

  8472.         }, {

  8473.             "label": "察隅县",

  8474.             "value": "540425"

  8475.         }, {

  8476.             "label": "朗县",

  8477.             "value": "540426"

  8478.         }],

  8479.         [{

  8480.             "label": "市辖区",

  8481.             "value": "540501"

  8482.         }, {

  8483.             "label": "乃东区",

  8484.             "value": "540502"

  8485.         }, {

  8486.             "label": "扎囊县",

  8487.             "value": "540521"

  8488.         }, {

  8489.             "label": "贡嘎县",

  8490.             "value": "540522"

  8491.         }, {

  8492.             "label": "桑日县",

  8493.             "value": "540523"

  8494.         }, {

  8495.             "label": "琼结县",

  8496.             "value": "540524"

  8497.         }, {

  8498.             "label": "曲松县",

  8499.             "value": "540525"

  8500.         }, {

  8501.             "label": "措美县",

  8502.             "value": "540526"

  8503.         }, {

  8504.             "label": "洛扎县",

  8505.             "value": "540527"

  8506.         }, {

  8507.             "label": "加查县",

  8508.             "value": "540528"

  8509.         }, {

  8510.             "label": "隆子县",

  8511.             "value": "540529"

  8512.         }, {

  8513.             "label": "错那县",

  8514.             "value": "540530"

  8515.         }, {

  8516.             "label": "浪卡子县",

  8517.             "value": "540531"

  8518.         }],

  8519.         [{

  8520.             "label": "那曲县",

  8521.             "value": "542421"

  8522.         }, {

  8523.             "label": "嘉黎县",

  8524.             "value": "542422"

  8525.         }, {

  8526.             "label": "比如县",

  8527.             "value": "542423"

  8528.         }, {

  8529.             "label": "聂荣县",

  8530.             "value": "542424"

  8531.         }, {

  8532.             "label": "安多县",

  8533.             "value": "542425"

  8534.         }, {

  8535.             "label": "申扎县",

  8536.             "value": "542426"

  8537.         }, {

  8538.             "label": "索县",

  8539.             "value": "542427"

  8540.         }, {

  8541.             "label": "班戈县",

  8542.             "value": "542428"

  8543.         }, {

  8544.             "label": "巴青县",

  8545.             "value": "542429"

  8546.         }, {

  8547.             "label": "尼玛县",

  8548.             "value": "542430"

  8549.         }, {

  8550.             "label": "双湖县",

  8551.             "value": "542431"

  8552.         }],

  8553.         [{

  8554.             "label": "普兰县",

  8555.             "value": "542521"

  8556.         }, {

  8557.             "label": "札达县",

  8558.             "value": "542522"

  8559.         }, {

  8560.             "label": "噶尔县",

  8561.             "value": "542523"

  8562.         }, {

  8563.             "label": "日土县",

  8564.             "value": "542524"

  8565.         }, {

  8566.             "label": "革吉县",

  8567.             "value": "542525"

  8568.         }, {

  8569.             "label": "改则县",

  8570.             "value": "542526"

  8571.         }, {

  8572.             "label": "措勤县",

  8573.             "value": "542527"

  8574.         }]

  8575.     ],

  8576.     [

  8577.         [{

  8578.             "label": "市辖区",

  8579.             "value": "610101"

  8580.         }, {

  8581.             "label": "新城区",

  8582.             "value": "610102"

  8583.         }, {

  8584.             "label": "碑林区",

  8585.             "value": "610103"

  8586.         }, {

  8587.             "label": "莲湖区",

  8588.             "value": "610104"

  8589.         }, {

  8590.             "label": "灞桥区",

  8591.             "value": "610111"

  8592.         }, {

  8593.             "label": "未央区",

  8594.             "value": "610112"

  8595.         }, {

  8596.             "label": "雁塔区",

  8597.             "value": "610113"

  8598.         }, {

  8599.             "label": "阎良区",

  8600.             "value": "610114"

  8601.         }, {

  8602.             "label": "临潼区",

  8603.             "value": "610115"

  8604.         }, {

  8605.             "label": "长安区",

  8606.             "value": "610116"

  8607.         }, {

  8608.             "label": "高陵区",

  8609.             "value": "610117"

  8610.         }, {

  8611.             "label": "蓝田县",

  8612.             "value": "610122"

  8613.         }, {

  8614.             "label": "周至县",

  8615.             "value": "610124"

  8616.         }, {

  8617.             "label": "户县",

  8618.             "value": "610125"

  8619.         }],

  8620.         [{

  8621.             "label": "市辖区",

  8622.             "value": "610201"

  8623.         }, {

  8624.             "label": "王益区",

  8625.             "value": "610202"

  8626.         }, {

  8627.             "label": "印台区",

  8628.             "value": "610203"

  8629.         }, {

  8630.             "label": "耀州区",

  8631.             "value": "610204"

  8632.         }, {

  8633.             "label": "宜君县",

  8634.             "value": "610222"

  8635.         }],

  8636.         [{

  8637.             "label": "市辖区",

  8638.             "value": "610301"

  8639.         }, {

  8640.             "label": "渭滨区",

  8641.             "value": "610302"

  8642.         }, {

  8643.             "label": "金台区",

  8644.             "value": "610303"

  8645.         }, {

  8646.             "label": "陈仓区",

  8647.             "value": "610304"

  8648.         }, {

  8649.             "label": "凤翔县",

  8650.             "value": "610322"

  8651.         }, {

  8652.             "label": "岐山县",

  8653.             "value": "610323"

  8654.         }, {

  8655.             "label": "扶风县",

  8656.             "value": "610324"

  8657.         }, {

  8658.             "label": "眉县",

  8659.             "value": "610326"

  8660.         }, {

  8661.             "label": "陇县",

  8662.             "value": "610327"

  8663.         }, {

  8664.             "label": "千阳县",

  8665.             "value": "610328"

  8666.         }, {

  8667.             "label": "麟游县",

  8668.             "value": "610329"

  8669.         }, {

  8670.             "label": "凤县",

  8671.             "value": "610330"

  8672.         }, {

  8673.             "label": "太白县",

  8674.             "value": "610331"

  8675.         }],

  8676.         [{

  8677.             "label": "市辖区",

  8678.             "value": "610401"

  8679.         }, {

  8680.             "label": "秦都区",

  8681.             "value": "610402"

  8682.         }, {

  8683.             "label": "杨陵区",

  8684.             "value": "610403"

  8685.         }, {

  8686.             "label": "渭城区",

  8687.             "value": "610404"

  8688.         }, {

  8689.             "label": "三原县",

  8690.             "value": "610422"

  8691.         }, {

  8692.             "label": "泾阳县",

  8693.             "value": "610423"

  8694.         }, {

  8695.             "label": "乾县",

  8696.             "value": "610424"

  8697.         }, {

  8698.             "label": "礼泉县",

  8699.             "value": "610425"

  8700.         }, {

  8701.             "label": "永寿县",

  8702.             "value": "610426"

  8703.         }, {

  8704.             "label": "彬县",

  8705.             "value": "610427"

  8706.         }, {

  8707.             "label": "长武县",

  8708.             "value": "610428"

  8709.         }, {

  8710.             "label": "旬邑县",

  8711.             "value": "610429"

  8712.         }, {

  8713.             "label": "淳化县",

  8714.             "value": "610430"

  8715.         }, {

  8716.             "label": "武功县",

  8717.             "value": "610431"

  8718.         }, {

  8719.             "label": "兴平市",

  8720.             "value": "610481"

  8721.         }],

  8722.         [{

  8723.             "label": "市辖区",

  8724.             "value": "610501"

  8725.         }, {

  8726.             "label": "临渭区",

  8727.             "value": "610502"

  8728.         }, {

  8729.             "label": "华州区",

  8730.             "value": "610503"

  8731.         }, {

  8732.             "label": "潼关县",

  8733.             "value": "610522"

  8734.         }, {

  8735.             "label": "大荔县",

  8736.             "value": "610523"

  8737.         }, {

  8738.             "label": "合阳县",

  8739.             "value": "610524"

  8740.         }, {

  8741.             "label": "澄城县",

  8742.             "value": "610525"

  8743.         }, {

  8744.             "label": "蒲城县",

  8745.             "value": "610526"

  8746.         }, {

  8747.             "label": "白水县",

  8748.             "value": "610527"

  8749.         }, {

  8750.             "label": "富平县",

  8751.             "value": "610528"

  8752.         }, {

  8753.             "label": "韩城市",

  8754.             "value": "610581"

  8755.         }, {

  8756.             "label": "华阴市",

  8757.             "value": "610582"

  8758.         }],

  8759.         [{

  8760.             "label": "市辖区",

  8761.             "value": "610601"

  8762.         }, {

  8763.             "label": "宝塔区",

  8764.             "value": "610602"

  8765.         }, {

  8766.             "label": "安塞区",

  8767.             "value": "610603"

  8768.         }, {

  8769.             "label": "延长县",

  8770.             "value": "610621"

  8771.         }, {

  8772.             "label": "延川县",

  8773.             "value": "610622"

  8774.         }, {

  8775.             "label": "子长县",

  8776.             "value": "610623"

  8777.         }, {

  8778.             "label": "志丹县",

  8779.             "value": "610625"

  8780.         }, {

  8781.             "label": "吴起县",

  8782.             "value": "610626"

  8783.         }, {

  8784.             "label": "甘泉县",

  8785.             "value": "610627"

  8786.         }, {

  8787.             "label": "富县",

  8788.             "value": "610628"

  8789.         }, {

  8790.             "label": "洛川县",

  8791.             "value": "610629"

  8792.         }, {

  8793.             "label": "宜川县",

  8794.             "value": "610630"

  8795.         }, {

  8796.             "label": "黄龙县",

  8797.             "value": "610631"

  8798.         }, {

  8799.             "label": "黄陵县",

  8800.             "value": "610632"

  8801.         }],

  8802.         [{

  8803.             "label": "市辖区",

  8804.             "value": "610701"

  8805.         }, {

  8806.             "label": "汉台区",

  8807.             "value": "610702"

  8808.         }, {

  8809.             "label": "南郑县",

  8810.             "value": "610721"

  8811.         }, {

  8812.             "label": "城固县",

  8813.             "value": "610722"

  8814.         }, {

  8815.             "label": "洋县",

  8816.             "value": "610723"

  8817.         }, {

  8818.             "label": "西乡县",

  8819.             "value": "610724"

  8820.         }, {

  8821.             "label": "勉县",

  8822.             "value": "610725"

  8823.         }, {

  8824.             "label": "宁强县",

  8825.             "value": "610726"

  8826.         }, {

  8827.             "label": "略阳县",

  8828.             "value": "610727"

  8829.         }, {

  8830.             "label": "镇巴县",

  8831.             "value": "610728"

  8832.         }, {

  8833.             "label": "留坝县",

  8834.             "value": "610729"

  8835.         }, {

  8836.             "label": "佛坪县",

  8837.             "value": "610730"

  8838.         }],

  8839.         [{

  8840.             "label": "市辖区",

  8841.             "value": "610801"

  8842.         }, {

  8843.             "label": "榆阳区",

  8844.             "value": "610802"

  8845.         }, {

  8846.             "label": "横山区",

  8847.             "value": "610803"

  8848.         }, {

  8849.             "label": "神木县",

  8850.             "value": "610821"

  8851.         }, {

  8852.             "label": "府谷县",

  8853.             "value": "610822"

  8854.         }, {

  8855.             "label": "靖边县",

  8856.             "value": "610824"

  8857.         }, {

  8858.             "label": "定边县",

  8859.             "value": "610825"

  8860.         }, {

  8861.             "label": "绥德县",

  8862.             "value": "610826"

  8863.         }, {

  8864.             "label": "米脂县",

  8865.             "value": "610827"

  8866.         }, {

  8867.             "label": "佳县",

  8868.             "value": "610828"

  8869.         }, {

  8870.             "label": "吴堡县",

  8871.             "value": "610829"

  8872.         }, {

  8873.             "label": "清涧县",

  8874.             "value": "610830"

  8875.         }, {

  8876.             "label": "子洲县",

  8877.             "value": "610831"

  8878.         }],

  8879.         [{

  8880.             "label": "市辖区",

  8881.             "value": "610901"

  8882.         }, {

  8883.             "label": "汉滨区",

  8884.             "value": "610902"

  8885.         }, {

  8886.             "label": "汉阴县",

  8887.             "value": "610921"

  8888.         }, {

  8889.             "label": "石泉县",

  8890.             "value": "610922"

  8891.         }, {

  8892.             "label": "宁陕县",

  8893.             "value": "610923"

  8894.         }, {

  8895.             "label": "紫阳县",

  8896.             "value": "610924"

  8897.         }, {

  8898.             "label": "岚皋县",

  8899.             "value": "610925"

  8900.         }, {

  8901.             "label": "平利县",

  8902.             "value": "610926"

  8903.         }, {

  8904.             "label": "镇坪县",

  8905.             "value": "610927"

  8906.         }, {

  8907.             "label": "旬阳县",

  8908.             "value": "610928"

  8909.         }, {

  8910.             "label": "白河县",

  8911.             "value": "610929"

  8912.         }],

  8913.         [{

  8914.             "label": "市辖区",

  8915.             "value": "611001"

  8916.         }, {

  8917.             "label": "商州区",

  8918.             "value": "611002"

  8919.         }, {

  8920.             "label": "洛南县",

  8921.             "value": "611021"

  8922.         }, {

  8923.             "label": "丹凤县",

  8924.             "value": "611022"

  8925.         }, {

  8926.             "label": "商南县",

  8927.             "value": "611023"

  8928.         }, {

  8929.             "label": "山阳县",

  8930.             "value": "611024"

  8931.         }, {

  8932.             "label": "镇安县",

  8933.             "value": "611025"

  8934.         }, {

  8935.             "label": "柞水县",

  8936.             "value": "611026"

  8937.         }]

  8938.     ],

  8939.     [

  8940.         [{

  8941.             "label": "市辖区",

  8942.             "value": "620101"

  8943.         }, {

  8944.             "label": "城关区",

  8945.             "value": "620102"

  8946.         }, {

  8947.             "label": "七里河区",

  8948.             "value": "620103"

  8949.         }, {

  8950.             "label": "西固区",

  8951.             "value": "620104"

  8952.         }, {

  8953.             "label": "安宁区",

  8954.             "value": "620105"

  8955.         }, {

  8956.             "label": "红古区",

  8957.             "value": "620111"

  8958.         }, {

  8959.             "label": "永登县",

  8960.             "value": "620121"

  8961.         }, {

  8962.             "label": "皋兰县",

  8963.             "value": "620122"

  8964.         }, {

  8965.             "label": "榆中县",

  8966.             "value": "620123"

  8967.         }],

  8968.         [{

  8969.             "label": "市辖区",

  8970.             "value": "620201"

  8971.         }],

  8972.         [{

  8973.             "label": "市辖区",

  8974.             "value": "620301"

  8975.         }, {

  8976.             "label": "金川区",

  8977.             "value": "620302"

  8978.         }, {

  8979.             "label": "永昌县",

  8980.             "value": "620321"

  8981.         }],

  8982.         [{

  8983.             "label": "市辖区",

  8984.             "value": "620401"

  8985.         }, {

  8986.             "label": "白银区",

  8987.             "value": "620402"

  8988.         }, {

  8989.             "label": "平川区",

  8990.             "value": "620403"

  8991.         }, {

  8992.             "label": "靖远县",

  8993.             "value": "620421"

  8994.         }, {

  8995.             "label": "会宁县",

  8996.             "value": "620422"

  8997.         }, {

  8998.             "label": "景泰县",

  8999.             "value": "620423"

  9000.         }],

  9001.         [{

  9002.             "label": "市辖区",

  9003.             "value": "620501"

  9004.         }, {

  9005.             "label": "秦州区",

  9006.             "value": "620502"

  9007.         }, {

  9008.             "label": "麦积区",

  9009.             "value": "620503"

  9010.         }, {

  9011.             "label": "清水县",

  9012.             "value": "620521"

  9013.         }, {

  9014.             "label": "秦安县",

  9015.             "value": "620522"

  9016.         }, {

  9017.             "label": "甘谷县",

  9018.             "value": "620523"

  9019.         }, {

  9020.             "label": "武山县",

  9021.             "value": "620524"

  9022.         }, {

  9023.             "label": "张家川回族自治县",

  9024.             "value": "620525"

  9025.         }],

  9026.         [{

  9027.             "label": "市辖区",

  9028.             "value": "620601"

  9029.         }, {

  9030.             "label": "凉州区",

  9031.             "value": "620602"

  9032.         }, {

  9033.             "label": "民勤县",

  9034.             "value": "620621"

  9035.         }, {

  9036.             "label": "古浪县",

  9037.             "value": "620622"

  9038.         }, {

  9039.             "label": "天祝藏族自治县",

  9040.             "value": "620623"

  9041.         }],

  9042.         [{

  9043.             "label": "市辖区",

  9044.             "value": "620701"

  9045.         }, {

  9046.             "label": "甘州区",

  9047.             "value": "620702"

  9048.         }, {

  9049.             "label": "肃南裕固族自治县",

  9050.             "value": "620721"

  9051.         }, {

  9052.             "label": "民乐县",

  9053.             "value": "620722"

  9054.         }, {

  9055.             "label": "临泽县",

  9056.             "value": "620723"

  9057.         }, {

  9058.             "label": "高台县",

  9059.             "value": "620724"

  9060.         }, {

  9061.             "label": "山丹县",

  9062.             "value": "620725"

  9063.         }],

  9064.         [{

  9065.             "label": "市辖区",

  9066.             "value": "620801"

  9067.         }, {

  9068.             "label": "崆峒区",

  9069.             "value": "620802"

  9070.         }, {

  9071.             "label": "泾川县",

  9072.             "value": "620821"

  9073.         }, {

  9074.             "label": "灵台县",

  9075.             "value": "620822"

  9076.         }, {

  9077.             "label": "崇信县",

  9078.             "value": "620823"

  9079.         }, {

  9080.             "label": "华亭县",

  9081.             "value": "620824"

  9082.         }, {

  9083.             "label": "庄浪县",

  9084.             "value": "620825"

  9085.         }, {

  9086.             "label": "静宁县",

  9087.             "value": "620826"

  9088.         }],

  9089.         [{

  9090.             "label": "市辖区",

  9091.             "value": "620901"

  9092.         }, {

  9093.             "label": "肃州区",

  9094.             "value": "620902"

  9095.         }, {

  9096.             "label": "金塔县",

  9097.             "value": "620921"

  9098.         }, {

  9099.             "label": "瓜州县",

  9100.             "value": "620922"

  9101.         }, {

  9102.             "label": "肃北蒙古族自治县",

  9103.             "value": "620923"

  9104.         }, {

  9105.             "label": "阿克塞哈萨克族自治县",

  9106.             "value": "620924"

  9107.         }, {

  9108.             "label": "玉门市",

  9109.             "value": "620981"

  9110.         }, {

  9111.             "label": "敦煌市",

  9112.             "value": "620982"

  9113.         }],

  9114.         [{

  9115.             "label": "市辖区",

  9116.             "value": "621001"

  9117.         }, {

  9118.             "label": "西峰区",

  9119.             "value": "621002"

  9120.         }, {

  9121.             "label": "庆城县",

  9122.             "value": "621021"

  9123.         }, {

  9124.             "label": "环县",

  9125.             "value": "621022"

  9126.         }, {

  9127.             "label": "华池县",

  9128.             "value": "621023"

  9129.         }, {

  9130.             "label": "合水县",

  9131.             "value": "621024"

  9132.         }, {

  9133.             "label": "正宁县",

  9134.             "value": "621025"

  9135.         }, {

  9136.             "label": "宁县",

  9137.             "value": "621026"

  9138.         }, {

  9139.             "label": "镇原县",

  9140.             "value": "621027"

  9141.         }],

  9142.         [{

  9143.             "label": "市辖区",

  9144.             "value": "621101"

  9145.         }, {

  9146.             "label": "安定区",

  9147.             "value": "621102"

  9148.         }, {

  9149.             "label": "通渭县",

  9150.             "value": "621121"

  9151.         }, {

  9152.             "label": "陇西县",

  9153.             "value": "621122"

  9154.         }, {

  9155.             "label": "渭源县",

  9156.             "value": "621123"

  9157.         }, {

  9158.             "label": "临洮县",

  9159.             "value": "621124"

  9160.         }, {

  9161.             "label": "漳县",

  9162.             "value": "621125"

  9163.         }, {

  9164.             "label": "岷县",

  9165.             "value": "621126"

  9166.         }],

  9167.         [{

  9168.             "label": "市辖区",

  9169.             "value": "621201"

  9170.         }, {

  9171.             "label": "武都区",

  9172.             "value": "621202"

  9173.         }, {

  9174.             "label": "成县",

  9175.             "value": "621221"

  9176.         }, {

  9177.             "label": "文县",

  9178.             "value": "621222"

  9179.         }, {

  9180.             "label": "宕昌县",

  9181.             "value": "621223"

  9182.         }, {

  9183.             "label": "康县",

  9184.             "value": "621224"

  9185.         }, {

  9186.             "label": "西和县",

  9187.             "value": "621225"

  9188.         }, {

  9189.             "label": "礼县",

  9190.             "value": "621226"

  9191.         }, {

  9192.             "label": "徽县",

  9193.             "value": "621227"

  9194.         }, {

  9195.             "label": "两当县",

  9196.             "value": "621228"

  9197.         }],

  9198.         [{

  9199.             "label": "市辖区",

  9200.             "value": "622901"

  9201.         }, {

  9202.             "label": "临夏县",

  9203.             "value": "622921"

  9204.         }, {

  9205.             "label": "康乐县",

  9206.             "value": "622922"

  9207.         }, {

  9208.             "label": "永靖县",

  9209.             "value": "622923"

  9210.         }, {

  9211.             "label": "广河县",

  9212.             "value": "622924"

  9213.         }, {

  9214.             "label": "和政县",

  9215.             "value": "622925"

  9216.         }, {

  9217.             "label": "东乡族自治县",

  9218.             "value": "622926"

  9219.         }, {

  9220.             "label": "积石山保安族东乡族撒拉族自治县",

  9221.             "value": "622927"

  9222.         }],

  9223.         [{

  9224.             "label": "市辖区",

  9225.             "value": "623001"

  9226.         }, {

  9227.             "label": "临潭县",

  9228.             "value": "623021"

  9229.         }, {

  9230.             "label": "卓尼县",

  9231.             "value": "623022"

  9232.         }, {

  9233.             "label": "舟曲县",

  9234.             "value": "623023"

  9235.         }, {

  9236.             "label": "迭部县",

  9237.             "value": "623024"

  9238.         }, {

  9239.             "label": "玛曲县",

  9240.             "value": "623025"

  9241.         }, {

  9242.             "label": "碌曲县",

  9243.             "value": "623026"

  9244.         }, {

  9245.             "label": "夏河县",

  9246.             "value": "623027"

  9247.         }]

  9248.     ],

  9249.     [

  9250.         [{

  9251.             "label": "市辖区",

  9252.             "value": "630101"

  9253.         }, {

  9254.             "label": "城东区",

  9255.             "value": "630102"

  9256.         }, {

  9257.             "label": "城中区",

  9258.             "value": "630103"

  9259.         }, {

  9260.             "label": "城西区",

  9261.             "value": "630104"

  9262.         }, {

  9263.             "label": "城北区",

  9264.             "value": "630105"

  9265.         }, {

  9266.             "label": "大通回族土族自治县",

  9267.             "value": "630121"

  9268.         }, {

  9269.             "label": "湟中县",

  9270.             "value": "630122"

  9271.         }, {

  9272.             "label": "湟源县",

  9273.             "value": "630123"

  9274.         }],

  9275.         [{

  9276.             "label": "乐都区",

  9277.             "value": "630202"

  9278.         }, {

  9279.             "label": "平安区",

  9280.             "value": "630203"

  9281.         }, {

  9282.             "label": "民和回族土族自治县",

  9283.             "value": "630222"

  9284.         }, {

  9285.             "label": "互助土族自治县",

  9286.             "value": "630223"

  9287.         }, {

  9288.             "label": "化隆回族自治县",

  9289.             "value": "630224"

  9290.         }, {

  9291.             "label": "循化撒拉族自治县",

  9292.             "value": "630225"

  9293.         }],

  9294.         [{

  9295.             "label": "门源回族自治县",

  9296.             "value": "632221"

  9297.         }, {

  9298.             "label": "祁连县",

  9299.             "value": "632222"

  9300.         }, {

  9301.             "label": "海晏县",

  9302.             "value": "632223"

  9303.         }, {

  9304.             "label": "刚察县",

  9305.             "value": "632224"

  9306.         }],

  9307.         [{

  9308.             "label": "同仁县",

  9309.             "value": "632321"

  9310.         }, {

  9311.             "label": "尖扎县",

  9312.             "value": "632322"

  9313.         }, {

  9314.             "label": "泽库县",

  9315.             "value": "632323"

  9316.         }, {

  9317.             "label": "河南蒙古族自治县",

  9318.             "value": "632324"

  9319.         }],

  9320.         [{

  9321.             "label": "共和县",

  9322.             "value": "632521"

  9323.         }, {

  9324.             "label": "同德县",

  9325.             "value": "632522"

  9326.         }, {

  9327.             "label": "贵德县",

  9328.             "value": "632523"

  9329.         }, {

  9330.             "label": "兴海县",

  9331.             "value": "632524"

  9332.         }, {

  9333.             "label": "贵南县",

  9334.             "value": "632525"

  9335.         }],

  9336.         [{

  9337.             "label": "玛沁县",

  9338.             "value": "632621"

  9339.         }, {

  9340.             "label": "班玛县",

  9341.             "value": "632622"

  9342.         }, {

  9343.             "label": "甘德县",

  9344.             "value": "632623"

  9345.         }, {

  9346.             "label": "达日县",

  9347.             "value": "632624"

  9348.         }, {

  9349.             "label": "久治县",

  9350.             "value": "632625"

  9351.         }, {

  9352.             "label": "玛多县",

  9353.             "value": "632626"

  9354.         }],

  9355.         [{

  9356.             "label": "市辖区",

  9357.             "value": "632701"

  9358.         }, {

  9359.             "label": "杂多县",

  9360.             "value": "632722"

  9361.         }, {

  9362.             "label": "称多县",

  9363.             "value": "632723"

  9364.         }, {

  9365.             "label": "治多县",

  9366.             "value": "632724"

  9367.         }, {

  9368.             "label": "囊谦县",

  9369.             "value": "632725"

  9370.         }, {

  9371.             "label": "曲麻莱县",

  9372.             "value": "632726"

  9373.         }],

  9374.         [{

  9375.             "label": "市辖区",

  9376.             "value": "632801"

  9377.         }, {

  9378.             "label": "德令哈市",

  9379.             "value": "632802"

  9380.         }, {

  9381.             "label": "乌兰县",

  9382.             "value": "632821"

  9383.         }, {

  9384.             "label": "都兰县",

  9385.             "value": "632822"

  9386.         }, {

  9387.             "label": "天峻县",

  9388.             "value": "632823"

  9389.         }]

  9390.     ],

  9391.     [

  9392.         [{

  9393.             "label": "市辖区",

  9394.             "value": "640101"

  9395.         }, {

  9396.             "label": "兴庆区",

  9397.             "value": "640104"

  9398.         }, {

  9399.             "label": "西夏区",

  9400.             "value": "640105"

  9401.         }, {

  9402.             "label": "金凤区",

  9403.             "value": "640106"

  9404.         }, {

  9405.             "label": "永宁县",

  9406.             "value": "640121"

  9407.         }, {

  9408.             "label": "贺兰县",

  9409.             "value": "640122"

  9410.         }, {

  9411.             "label": "灵武市",

  9412.             "value": "640181"

  9413.         }],

  9414.         [{

  9415.             "label": "市辖区",

  9416.             "value": "640201"

  9417.         }, {

  9418.             "label": "大武口区",

  9419.             "value": "640202"

  9420.         }, {

  9421.             "label": "惠农区",

  9422.             "value": "640205"

  9423.         }, {

  9424.             "label": "平罗县",

  9425.             "value": "640221"

  9426.         }],

  9427.         [{

  9428.             "label": "市辖区",

  9429.             "value": "640301"

  9430.         }, {

  9431.             "label": "利通区",

  9432.             "value": "640302"

  9433.         }, {

  9434.             "label": "红寺堡区",

  9435.             "value": "640303"

  9436.         }, {

  9437.             "label": "盐池县",

  9438.             "value": "640323"

  9439.         }, {

  9440.             "label": "同心县",

  9441.             "value": "640324"

  9442.         }, {

  9443.             "label": "青铜峡市",

  9444.             "value": "640381"

  9445.         }],

  9446.         [{

  9447.             "label": "市辖区",

  9448.             "value": "640401"

  9449.         }, {

  9450.             "label": "原州区",

  9451.             "value": "640402"

  9452.         }, {

  9453.             "label": "西吉县",

  9454.             "value": "640422"

  9455.         }, {

  9456.             "label": "隆德县",

  9457.             "value": "640423"

  9458.         }, {

  9459.             "label": "泾源县",

  9460.             "value": "640424"

  9461.         }, {

  9462.             "label": "彭阳县",

  9463.             "value": "640425"

  9464.         }],

  9465.         [{

  9466.             "label": "市辖区",

  9467.             "value": "640501"

  9468.         }, {

  9469.             "label": "沙坡头区",

  9470.             "value": "640502"

  9471.         }, {

  9472.             "label": "中宁县",

  9473.             "value": "640521"

  9474.         }, {

  9475.             "label": "海原县",

  9476.             "value": "640522"

  9477.         }]

  9478.     ],

  9479.     [

  9480.         [{

  9481.             "label": "市辖区",

  9482.             "value": "650101"

  9483.         }, {

  9484.             "label": "天山区",

  9485.             "value": "650102"

  9486.         }, {

  9487.             "label": "沙依巴克区",

  9488.             "value": "650103"

  9489.         }, {

  9490.             "label": "新市区",

  9491.             "value": "650104"

  9492.         }, {

  9493.             "label": "水磨沟区",

  9494.             "value": "650105"

  9495.         }, {

  9496.             "label": "头屯河区",

  9497.             "value": "650106"

  9498.         }, {

  9499.             "label": "达坂城区",

  9500.             "value": "650107"

  9501.         }, {

  9502.             "label": "米东区",

  9503.             "value": "650109"

  9504.         }, {

  9505.             "label": "乌鲁木齐县",

  9506.             "value": "650121"

  9507.         }],

  9508.         [{

  9509.             "label": "市辖区",

  9510.             "value": "650201"

  9511.         }, {

  9512.             "label": "独山子区",

  9513.             "value": "650202"

  9514.         }, {

  9515.             "label": "克拉玛依区",

  9516.             "value": "650203"

  9517.         }, {

  9518.             "label": "白碱滩区",

  9519.             "value": "650204"

  9520.         }, {

  9521.             "label": "乌尔禾区",

  9522.             "value": "650205"

  9523.         }],

  9524.         [{

  9525.             "label": "高昌区",

  9526.             "value": "650402"

  9527.         }, {

  9528.             "label": "鄯善县",

  9529.             "value": "650421"

  9530.         }, {

  9531.             "label": "托克逊县",

  9532.             "value": "650422"

  9533.         }],

  9534.         [{

  9535.             "label": "伊州区",

  9536.             "value": "650502"

  9537.         }, {

  9538.             "label": "巴里坤哈萨克自治县",

  9539.             "value": "650521"

  9540.         }, {

  9541.             "label": "伊吾县",

  9542.             "value": "650522"

  9543.         }],

  9544.         [{

  9545.             "label": "市辖区",

  9546.             "value": "652301"

  9547.         }, {

  9548.             "label": "阜康市",

  9549.             "value": "652302"

  9550.         }, {

  9551.             "label": "呼图壁县",

  9552.             "value": "652323"

  9553.         }, {

  9554.             "label": "玛纳斯县",

  9555.             "value": "652324"

  9556.         }, {

  9557.             "label": "奇台县",

  9558.             "value": "652325"

  9559.         }, {

  9560.             "label": "吉木萨尔县",

  9561.             "value": "652327"

  9562.         }, {

  9563.             "label": "木垒哈萨克自治县",

  9564.             "value": "652328"

  9565.         }],

  9566.         [{

  9567.             "label": "市辖区",

  9568.             "value": "652701"

  9569.         }, {

  9570.             "label": "阿拉山口市",

  9571.             "value": "652702"

  9572.         }, {

  9573.             "label": "精河县",

  9574.             "value": "652722"

  9575.         }, {

  9576.             "label": "温泉县",

  9577.             "value": "652723"

  9578.         }],

  9579.         [{

  9580.             "label": "市辖区",

  9581.             "value": "652801"

  9582.         }, {

  9583.             "label": "轮台县",

  9584.             "value": "652822"

  9585.         }, {

  9586.             "label": "尉犁县",

  9587.             "value": "652823"

  9588.         }, {

  9589.             "label": "若羌县",

  9590.             "value": "652824"

  9591.         }, {

  9592.             "label": "且末县",

  9593.             "value": "652825"

  9594.         }, {

  9595.             "label": "焉耆回族自治县",

  9596.             "value": "652826"

  9597.         }, {

  9598.             "label": "和静县",

  9599.             "value": "652827"

  9600.         }, {

  9601.             "label": "和硕县",

  9602.             "value": "652828"

  9603.         }, {

  9604.             "label": "博湖县",

  9605.             "value": "652829"

  9606.         }],

  9607.         [{

  9608.             "label": "市辖区",

  9609.             "value": "652901"

  9610.         }, {

  9611.             "label": "温宿县",

  9612.             "value": "652922"

  9613.         }, {

  9614.             "label": "库车县",

  9615.             "value": "652923"

  9616.         }, {

  9617.             "label": "沙雅县",

  9618.             "value": "652924"

  9619.         }, {

  9620.             "label": "新和县",

  9621.             "value": "652925"

  9622.         }, {

  9623.             "label": "拜城县",

  9624.             "value": "652926"

  9625.         }, {

  9626.             "label": "乌什县",

  9627.             "value": "652927"

  9628.         }, {

  9629.             "label": "阿瓦提县",

  9630.             "value": "652928"

  9631.         }, {

  9632.             "label": "柯坪县",

  9633.             "value": "652929"

  9634.         }],

  9635.         [{

  9636.             "label": "市辖区",

  9637.             "value": "653001"

  9638.         }, {

  9639.             "label": "阿克陶县",

  9640.             "value": "653022"

  9641.         }, {

  9642.             "label": "阿合奇县",

  9643.             "value": "653023"

  9644.         }, {

  9645.             "label": "乌恰县",

  9646.             "value": "653024"

  9647.         }],

  9648.         [{

  9649.             "label": "市辖区",

  9650.             "value": "653101"

  9651.         }, {

  9652.             "label": "疏附县",

  9653.             "value": "653121"

  9654.         }, {

  9655.             "label": "疏勒县",

  9656.             "value": "653122"

  9657.         }, {

  9658.             "label": "英吉沙县",

  9659.             "value": "653123"

  9660.         }, {

  9661.             "label": "泽普县",

  9662.             "value": "653124"

  9663.         }, {

  9664.             "label": "莎车县",

  9665.             "value": "653125"

  9666.         }, {

  9667.             "label": "叶城县",

  9668.             "value": "653126"

  9669.         }, {

  9670.             "label": "麦盖提县",

  9671.             "value": "653127"

  9672.         }, {

  9673.             "label": "岳普湖县",

  9674.             "value": "653128"

  9675.         }, {

  9676.             "label": "伽师县",

  9677.             "value": "653129"

  9678.         }, {

  9679.             "label": "巴楚县",

  9680.             "value": "653130"

  9681.         }, {

  9682.             "label": "塔什库尔干塔吉克自治县",

  9683.             "value": "653131"

  9684.         }],

  9685.         [{

  9686.             "label": "市辖区",

  9687.             "value": "653201"

  9688.         }, {

  9689.             "label": "和田县",

  9690.             "value": "653221"

  9691.         }, {

  9692.             "label": "墨玉县",

  9693.             "value": "653222"

  9694.         }, {

  9695.             "label": "皮山县",

  9696.             "value": "653223"

  9697.         }, {

  9698.             "label": "洛浦县",

  9699.             "value": "653224"

  9700.         }, {

  9701.             "label": "策勒县",

  9702.             "value": "653225"

  9703.         }, {

  9704.             "label": "于田县",

  9705.             "value": "653226"

  9706.         }, {

  9707.             "label": "民丰县",

  9708.             "value": "653227"

  9709.         }],

  9710.         [{

  9711.             "label": "伊宁市",

  9712.             "value": "654002"

  9713.         }, {

  9714.             "label": "奎屯市",

  9715.             "value": "654003"

  9716.         }, {

  9717.             "label": "霍尔果斯市",

  9718.             "value": "654004"

  9719.         }, {

  9720.             "label": "伊宁县",

  9721.             "value": "654021"

  9722.         }, {

  9723.             "label": "察布查尔锡伯自治县",

  9724.             "value": "654022"

  9725.         }, {

  9726.             "label": "霍城县",

  9727.             "value": "654023"

  9728.         }, {

  9729.             "label": "巩留县",

  9730.             "value": "654024"

  9731.         }, {

  9732.             "label": "新源县",

  9733.             "value": "654025"

  9734.         }, {

  9735.             "label": "昭苏县",

  9736.             "value": "654026"

  9737.         }, {

  9738.             "label": "特克斯县",

  9739.             "value": "654027"

  9740.         }, {

  9741.             "label": "尼勒克县",

  9742.             "value": "654028"

  9743.         }],

  9744.         [{

  9745.             "label": "市辖区",

  9746.             "value": "654201"

  9747.         }, {

  9748.             "label": "乌苏市",

  9749.             "value": "654202"

  9750.         }, {

  9751.             "label": "额敏县",

  9752.             "value": "654221"

  9753.         }, {

  9754.             "label": "沙湾县",

  9755.             "value": "654223"

  9756.         }, {

  9757.             "label": "托里县",

  9758.             "value": "654224"

  9759.         }, {

  9760.             "label": "裕民县",

  9761.             "value": "654225"

  9762.         }, {

  9763.             "label": "和布克赛尔蒙古自治县",

  9764.             "value": "654226"

  9765.         }],

  9766.         [{

  9767.             "label": "市辖区",

  9768.             "value": "654301"

  9769.         }, {

  9770.             "label": "布尔津县",

  9771.             "value": "654321"

  9772.         }, {

  9773.             "label": "富蕴县",

  9774.             "value": "654322"

  9775.         }, {

  9776.             "label": "福海县",

  9777.             "value": "654323"

  9778.         }, {

  9779.             "label": "哈巴河县",

  9780.             "value": "654324"

  9781.         }, {

  9782.             "label": "青河县",

  9783.             "value": "654325"

  9784.         }, {

  9785.             "label": "吉木乃县",

  9786.             "value": "654326"

  9787.         }],

  9788.         [{

  9789.             "label": "市辖区",

  9790.             "value": "659001"

  9791.         }, {

  9792.             "label": "阿拉尔市",

  9793.             "value": "659002"

  9794.         }, {

  9795.             "label": "图木舒克市",

  9796.             "value": "659003"

  9797.         }, {

  9798.             "label": "五家渠市",

  9799.             "value": "659004"

  9800.         }, {

  9801.             "label": "铁门关市",

  9802.             "value": "659006"

  9803.         }]

  9804.     ]

  9805. ]

  9806. export default areaData;

  9807.
city.js
复制代码
  1. /* eslint-disable */

  2. var cityData = [

  3.     [{

  4.         "label": "北京市",

  5.         "value": "110100"

  6.     }],

  7.     [{

  8.         "label": "天津市",

  9.         "value": "120100"

  10.     }],

  11.     [{

  12.         "label": "石家庄市",

  13.         "value": "130100"

  14.     }, {

  15.         "label": "唐山市",

  16.         "value": "130200"

  17.     }, {

  18.         "label": "秦皇岛市",

  19.         "value": "130300"

  20.     }, {

  21.         "label": "邯郸市",

  22.         "value": "130400"

  23.     }, {

  24.         "label": "邢台市",

  25.         "value": "130500"

  26.     }, {

  27.         "label": "保定市",

  28.         "value": "130600"

  29.     }, {

  30.         "label": "张家口市",

  31.         "value": "130700"

  32.     }, {

  33.         "label": "承德市",

  34.         "value": "130800"

  35.     }, {

  36.         "label": "沧州市",

  37.         "value": "130900"

  38.     }, {

  39.         "label": "廊坊市",

  40.         "value": "131000"

  41.     }, {

  42.         "label": "衡水市",

  43.         "value": "131100"

  44.     }, {

  45.         "label": "省直辖县级行政区划",

  46.         "value": "139000"

  47.     }],

  48.     [{

  49.         "label": "太原市",

  50.         "value": "140100"

  51.     }, {

  52.         "label": "大同市",

  53.         "value": "140200"

  54.     }, {

  55.         "label": "阳泉市",

  56.         "value": "140300"

  57.     }, {

  58.         "label": "长治市",

  59.         "value": "140400"

  60.     }, {

  61.         "label": "晋城市",

  62.         "value": "140500"

  63.     }, {

  64.         "label": "朔州市",

  65.         "value": "140600"

  66.     }, {

  67.         "label": "晋中市",

  68.         "value": "140700"

  69.     }, {

  70.         "label": "运城市",

  71.         "value": "140800"

  72.     }, {

  73.         "label": "忻州市",

  74.         "value": "140900"

  75.     }, {

  76.         "label": "临汾市",

  77.         "value": "141000"

  78.     }, {

  79.         "label": "吕梁市",

  80.         "value": "141100"

  81.     }],

  82.     [{

  83.         "label": "呼和浩特市",

  84.         "value": "150100"

  85.     }, {

  86.         "label": "包头市",

  87.         "value": "150200"

  88.     }, {

  89.         "label": "乌海市",

  90.         "value": "150300"

  91.     }, {

  92.         "label": "赤峰市",

  93.         "value": "150400"

  94.     }, {

  95.         "label": "通辽市",

  96.         "value": "150500"

  97.     }, {

  98.         "label": "鄂尔多斯市",

  99.         "value": "150600"

  100.     }, {

  101.         "label": "呼伦贝尔市",

  102.         "value": "150700"

  103.     }, {

  104.         "label": "巴彦淖尔市",

  105.         "value": "150800"

  106.     }, {

  107.         "label": "乌兰察布市",

  108.         "value": "150900"

  109.     }, {

  110.         "label": "兴安盟",

  111.         "value": "152200"

  112.     }, {

  113.         "label": "锡林郭勒盟",

  114.         "value": "152500"

  115.     }, {

  116.         "label": "阿拉善盟",

  117.         "value": "152900"

  118.     }],

  119.     [{

  120.         "label": "沈阳市",

  121.         "value": "210100"

  122.     }, {

  123.         "label": "大连市",

  124.         "value": "210200"

  125.     }, {

  126.         "label": "鞍山市",

  127.         "value": "210300"

  128.     }, {

  129.         "label": "抚顺市",

  130.         "value": "210400"

  131.     }, {

  132.         "label": "本溪市",

  133.         "value": "210500"

  134.     }, {

  135.         "label": "丹东市",

  136.         "value": "210600"

  137.     }, {

  138.         "label": "锦州市",

  139.         "value": "210700"

  140.     }, {

  141.         "label": "营口市",

  142.         "value": "210800"

  143.     }, {

  144.         "label": "阜新市",

  145.         "value": "210900"

  146.     }, {

  147.         "label": "辽阳市",

  148.         "value": "211000"

  149.     }, {

  150.         "label": "盘锦市",

  151.         "value": "211100"

  152.     }, {

  153.         "label": "铁岭市",

  154.         "value": "211200"

  155.     }, {

  156.         "label": "朝阳市",

  157.         "value": "211300"

  158.     }, {

  159.         "label": "葫芦岛市",

  160.         "value": "211400"

  161.     }],

  162.     [{

  163.         "label": "长春市",

  164.         "value": "220100"

  165.     }, {

  166.         "label": "吉林市",

  167.         "value": "220200"

  168.     }, {

  169.         "label": "四平市",

  170.         "value": "220300"

  171.     }, {

  172.         "label": "辽源市",

  173.         "value": "220400"

  174.     }, {

  175.         "label": "通化市",

  176.         "value": "220500"

  177.     }, {

  178.         "label": "白山市",

  179.         "value": "220600"

  180.     }, {

  181.         "label": "松原市",

  182.         "value": "220700"

  183.     }, {

  184.         "label": "白城市",

  185.         "value": "220800"

  186.     }, {

  187.         "label": "延边朝鲜族自治州",

  188.         "value": "222400"

  189.     }],

  190.     [{

  191.         "label": "哈尔滨市",

  192.         "value": "230100"

  193.     }, {

  194.         "label": "齐齐哈尔市",

  195.         "value": "230200"

  196.     }, {

  197.         "label": "鸡西市",

  198.         "value": "230300"

  199.     }, {

  200.         "label": "鹤岗市",

  201.         "value": "230400"

  202.     }, {

  203.         "label": "双鸭山市",

  204.         "value": "230500"

  205.     }, {

  206.         "label": "大庆市",

  207.         "value": "230600"

  208.     }, {

  209.         "label": "伊春市",

  210.         "value": "230700"

  211.     }, {

  212.         "label": "佳木斯市",

  213.         "value": "230800"

  214.     }, {

  215.         "label": "七台河市",

  216.         "value": "230900"

  217.     }, {

  218.         "label": "牡丹江市",

  219.         "value": "231000"

  220.     }, {

  221.         "label": "黑河市",

  222.         "value": "231100"

  223.     }, {

  224.         "label": "绥化市",

  225.         "value": "231200"

  226.     }, {

  227.         "label": "大兴安岭地区",

  228.         "value": "232700"

  229.     }],

  230.     [{

  231.         "label": "上海市",

  232.         "value": "310100"

  233.     }],

  234.     [{

  235.         "label": "南京市",

  236.         "value": "320100"

  237.     }, {

  238.         "label": "无锡市",

  239.         "value": "320200"

  240.     }, {

  241.         "label": "徐州市",

  242.         "value": "320300"

  243.     }, {

  244.         "label": "常州市",

  245.         "value": "320400"

  246.     }, {

  247.         "label": "苏州市",

  248.         "value": "320500"

  249.     }, {

  250.         "label": "南通市",

  251.         "value": "320600"

  252.     }, {

  253.         "label": "连云港市",

  254.         "value": "320700"

  255.     }, {

  256.         "label": "淮安市",

  257.         "value": "320800"

  258.     }, {

  259.         "label": "盐城市",

  260.         "value": "320900"

  261.     }, {

  262.         "label": "扬州市",

  263.         "value": "321000"

  264.     }, {

  265.         "label": "镇江市",

  266.         "value": "321100"

  267.     }, {

  268.         "label": "泰州市",

  269.         "value": "321200"

  270.     }, {

  271.         "label": "宿迁市",

  272.         "value": "321300"

  273.     }],

  274.     [{

  275.         "label": "杭州市",

  276.         "value": "330100"

  277.     }, {

  278.         "label": "宁波市",

  279.         "value": "330200"

  280.     }, {

  281.         "label": "温州市",

  282.         "value": "330300"

  283.     }, {

  284.         "label": "嘉兴市",

  285.         "value": "330400"

  286.     }, {

  287.         "label": "湖州市",

  288.         "value": "330500"

  289.     }, {

  290.         "label": "绍兴市",

  291.         "value": "330600"

  292.     }, {

  293.         "label": "金华市",

  294.         "value": "330700"

  295.     }, {

  296.         "label": "衢州市",

  297.         "value": "330800"

  298.     }, {

  299.         "label": "舟山市",

  300.         "value": "330900"

  301.     }, {

  302.         "label": "台州市",

  303.         "value": "331000"

  304.     }, {

  305.         "label": "丽水市",

  306.         "value": "331100"

  307.     }],

  308.     [{

  309.         "label": "合肥市",

  310.         "value": "340100"

  311.     }, {

  312.         "label": "芜湖市",

  313.         "value": "340200"

  314.     }, {

  315.         "label": "蚌埠市",

  316.         "value": "340300"

  317.     }, {

  318.         "label": "淮南市",

  319.         "value": "340400"

  320.     }, {

  321.         "label": "马鞍山市",

  322.         "value": "340500"

  323.     }, {

  324.         "label": "淮北市",

  325.         "value": "340600"

  326.     }, {

  327.         "label": "铜陵市",

  328.         "value": "340700"

  329.     }, {

  330.         "label": "安庆市",

  331.         "value": "340800"

  332.     }, {

  333.         "label": "黄山市",

  334.         "value": "341000"

  335.     }, {

  336.         "label": "滁州市",

  337.         "value": "341100"

  338.     }, {

  339.         "label": "阜阳市",

  340.         "value": "341200"

  341.     }, {

  342.         "label": "宿州市",

  343.         "value": "341300"

  344.     }, {

  345.         "label": "六安市",

  346.         "value": "341500"

  347.     }, {

  348.         "label": "亳州市",

  349.         "value": "341600"

  350.     }, {

  351.         "label": "池州市",

  352.         "value": "341700"

  353.     }, {

  354.         "label": "宣城市",

  355.         "value": "341800"

  356.     }],

  357.     [{

  358.         "label": "福州市",

  359.         "value": "350100"

  360.     }, {

  361.         "label": "厦门市",

  362.         "value": "350200"

  363.     }, {

  364.         "label": "莆田市",

  365.         "value": "350300"

  366.     }, {

  367.         "label": "三明市",

  368.         "value": "350400"

  369.     }, {

  370.         "label": "泉州市",

  371.         "value": "350500"

  372.     }, {

  373.         "label": "漳州市",

  374.         "value": "350600"

  375.     }, {

  376.         "label": "南平市",

  377.         "value": "350700"

  378.     }, {

  379.         "label": "龙岩市",

  380.         "value": "350800"

  381.     }, {

  382.         "label": "宁德市",

  383.         "value": "350900"

  384.     }],

  385.     [{

  386.         "label": "南昌市",

  387.         "value": "360100"

  388.     }, {

  389.         "label": "景德镇市",

  390.         "value": "360200"

  391.     }, {

  392.         "label": "萍乡市",

  393.         "value": "360300"

  394.     }, {

  395.         "label": "九江市",

  396.         "value": "360400"

  397.     }, {

  398.         "label": "新余市",

  399.         "value": "360500"

  400.     }, {

  401.         "label": "鹰潭市",

  402.         "value": "360600"

  403.     }, {

  404.         "label": "赣州市",

  405.         "value": "360700"

  406.     }, {

  407.         "label": "吉安市",

  408.         "value": "360800"

  409.     }, {

  410.         "label": "宜春市",

  411.         "value": "360900"

  412.     }, {

  413.         "label": "抚州市",

  414.         "value": "361000"

  415.     }, {

  416.         "label": "上饶市",

  417.         "value": "361100"

  418.     }],

  419.     [{

  420.         "label": "济南市",

  421.         "value": "370100"

  422.     }, {

  423.         "label": "青岛市",

  424.         "value": "370200"

  425.     }, {

  426.         "label": "淄博市",

  427.         "value": "370300"

  428.     }, {

  429.         "label": "枣庄市",

  430.         "value": "370400"

  431.     }, {

  432.         "label": "东营市",

  433.         "value": "370500"

  434.     }, {

  435.         "label": "烟台市",

  436.         "value": "370600"

  437.     }, {

  438.         "label": "潍坊市",

  439.         "value": "370700"

  440.     }, {

  441.         "label": "济宁市",

  442.         "value": "370800"

  443.     }, {

  444.         "label": "泰安市",

  445.         "value": "370900"

  446.     }, {

  447.         "label": "威海市",

  448.         "value": "371000"

  449.     }, {

  450.         "label": "日照市",

  451.         "value": "371100"

  452.     }, {

  453.         "label": "莱芜市",

  454.         "value": "371200"

  455.     }, {

  456.         "label": "临沂市",

  457.         "value": "371300"

  458.     }, {

  459.         "label": "德州市",

  460.         "value": "371400"

  461.     }, {

  462.         "label": "聊城市",

  463.         "value": "371500"

  464.     }, {

  465.         "label": "滨州市",

  466.         "value": "371600"

  467.     }, {

  468.         "label": "菏泽市",

  469.         "value": "371700"

  470.     }],

  471.     [{

  472.         "label": "郑州市",

  473.         "value": "410100"

  474.     }, {

  475.         "label": "开封市",

  476.         "value": "410200"

  477.     }, {

  478.         "label": "洛阳市",

  479.         "value": "410300"

  480.     }, {

  481.         "label": "平顶山市",

  482.         "value": "410400"

  483.     }, {

  484.         "label": "安阳市",

  485.         "value": "410500"

  486.     }, {

  487.         "label": "鹤壁市",

  488.         "value": "410600"

  489.     }, {

  490.         "label": "新乡市",

  491.         "value": "410700"

  492.     }, {

  493.         "label": "焦作市",

  494.         "value": "410800"

  495.     }, {

  496.         "label": "濮阳市",

  497.         "value": "410900"

  498.     }, {

  499.         "label": "许昌市",

  500.         "value": "411000"

  501.     }, {

  502.         "label": "漯河市",

  503.         "value": "411100"

  504.     }, {

  505.         "label": "三门峡市",

  506.         "value": "411200"

  507.     }, {

  508.         "label": "南阳市",

  509.         "value": "411300"

  510.     }, {

  511.         "label": "商丘市",

  512.         "value": "411400"

  513.     }, {

  514.         "label": "信阳市",

  515.         "value": "411500"

  516.     }, {

  517.         "label": "周口市",

  518.         "value": "411600"

  519.     }, {

  520.         "label": "驻马店市",

  521.         "value": "411700"

  522.     }, {

  523.         "label": "省直辖县级行政区划",

  524.         "value": "419000"

  525.     }],

  526.     [{

  527.         "label": "武汉市",

  528.         "value": "420100"

  529.     }, {

  530.         "label": "黄石市",

  531.         "value": "420200"

  532.     }, {

  533.         "label": "十堰市",

  534.         "value": "420300"

  535.     }, {

  536.         "label": "宜昌市",

  537.         "value": "420500"

  538.     }, {

  539.         "label": "襄阳市",

  540.         "value": "420600"

  541.     }, {

  542.         "label": "鄂州市",

  543.         "value": "420700"

  544.     }, {

  545.         "label": "荆门市",

  546.         "value": "420800"

  547.     }, {

  548.         "label": "孝感市",

  549.         "value": "420900"

  550.     }, {

  551.         "label": "荆州市",

  552.         "value": "421000"

  553.     }, {

  554.         "label": "黄冈市",

  555.         "value": "421100"

  556.     }, {

  557.         "label": "咸宁市",

  558.         "value": "421200"

  559.     }, {

  560.         "label": "随州市",

  561.         "value": "421300"

  562.     }, {

  563.         "label": "恩施土家族苗族自治州",

  564.         "value": "422800"

  565.     }, {

  566.         "label": "省直辖县级行政区划",

  567.         "value": "429000"

  568.     }],

  569.     [{

  570.         "label": "长沙市",

  571.         "value": "430100"

  572.     }, {

  573.         "label": "株洲市",

  574.         "value": "430200"

  575.     }, {

  576.         "label": "湘潭市",

  577.         "value": "430300"

  578.     }, {

  579.         "label": "衡阳市",

  580.         "value": "430400"

  581.     }, {

  582.         "label": "邵阳市",

  583.         "value": "430500"

  584.     }, {

  585.         "label": "岳阳市",

  586.         "value": "430600"

  587.     }, {

  588.         "label": "常德市",

  589.         "value": "430700"

  590.     }, {

  591.         "label": "张家界市",

  592.         "value": "430800"

  593.     }, {

  594.         "label": "益阳市",

  595.         "value": "430900"

  596.     }, {

  597.         "label": "郴州市",

  598.         "value": "431000"

  599.     }, {

  600.         "label": "永州市",

  601.         "value": "431100"

  602.     }, {

  603.         "label": "怀化市",

  604.         "value": "431200"

  605.     }, {

  606.         "label": "娄底市",

  607.         "value": "431300"

  608.     }, {

  609.         "label": "湘西土家族苗族自治州",

  610.         "value": "433100"

  611.     }],

  612.     [{

  613.         "label": "广州市",

  614.         "value": "440100"

  615.     }, {

  616.         "label": "韶关市",

  617.         "value": "440200"

  618.     }, {

  619.         "label": "深圳市",

  620.         "value": "440300"

  621.     }, {

  622.         "label": "珠海市",

  623.         "value": "440400"

  624.     }, {

  625.         "label": "汕头市",

  626.         "value": "440500"

  627.     }, {

  628.         "label": "佛山市",

  629.         "value": "440600"

  630.     }, {

  631.         "label": "江门市",

  632.         "value": "440700"

  633.     }, {

  634.         "label": "湛江市",

  635.         "value": "440800"

  636.     }, {

  637.         "label": "茂名市",

  638.         "value": "440900"

  639.     }, {

  640.         "label": "肇庆市",

  641.         "value": "441200"

  642.     }, {

  643.         "label": "惠州市",

  644.         "value": "441300"

  645.     }, {

  646.         "label": "梅州市",

  647.         "value": "441400"

  648.     }, {

  649.         "label": "汕尾市",

  650.         "value": "441500"

  651.     }, {

  652.         "label": "河源市",

  653.         "value": "441600"

  654.     }, {

  655.         "label": "阳江市",

  656.         "value": "441700"

  657.     }, {

  658.         "label": "清远市",

  659.         "value": "441800"

  660.     }, {

  661.         "label": "东莞市",

  662.         "value": "441900"

  663.     }, {

  664.         "label": "中山市",

  665.         "value": "442000"

  666.     }, {

  667.         "label": "潮州市",

  668.         "value": "445100"

  669.     }, {

  670.         "label": "揭阳市",

  671.         "value": "445200"

  672.     }, {

  673.         "label": "云浮市",

  674.         "value": "445300"

  675.     }],

  676.     [{

  677.         "label": "南宁市",

  678.         "value": "450100"

  679.     }, {

  680.         "label": "柳州市",

  681.         "value": "450200"

  682.     }, {

  683.         "label": "桂林市",

  684.         "value": "450300"

  685.     }, {

  686.         "label": "梧州市",

  687.         "value": "450400"

  688.     }, {

  689.         "label": "北海市",

  690.         "value": "450500"

  691.     }, {

  692.         "label": "防城港市",

  693.         "value": "450600"

  694.     }, {

  695.         "label": "钦州市",

  696.         "value": "450700"

  697.     }, {

  698.         "label": "贵港市",

  699.         "value": "450800"

  700.     }, {

  701.         "label": "玉林市",

  702.         "value": "450900"

  703.     }, {

  704.         "label": "百色市",

  705.         "value": "451000"

  706.     }, {

  707.         "label": "贺州市",

  708.         "value": "451100"

  709.     }, {

  710.         "label": "河池市",

  711.         "value": "451200"

  712.     }, {

  713.         "label": "来宾市",

  714.         "value": "451300"

  715.     }, {

  716.         "label": "崇左市",

  717.         "value": "451400"

  718.     }],

  719.     [{

  720.         "label": "海口市",

  721.         "value": "460100"

  722.     }, {

  723.         "label": "三亚市",

  724.         "value": "460200"

  725.     }, {

  726.         "label": "三沙市",

  727.         "value": "460300"

  728.     }, {

  729.         "label": "儋州市",

  730.         "value": "460400"

  731.     }, {

  732.         "label": "省直辖县级行政区划",

  733.         "value": "469000"

  734.     }],

  735.     [{

  736.         "label": "重庆市",

  737.         "value": "500100"

  738.     }, {

  739.         "label": "县",

  740.         "value": "500200"

  741.     }],

  742.     [{

  743.         "label": "成都市",

  744.         "value": "510100"

  745.     }, {

  746.         "label": "自贡市",

  747.         "value": "510300"

  748.     }, {

  749.         "label": "攀枝花市",

  750.         "value": "510400"

  751.     }, {

  752.         "label": "泸州市",

  753.         "value": "510500"

  754.     }, {

  755.         "label": "德阳市",

  756.         "value": "510600"

  757.     }, {

  758.         "label": "绵阳市",

  759.         "value": "510700"

  760.     }, {

  761.         "label": "广元市",

  762.         "value": "510800"

  763.     }, {

  764.         "label": "遂宁市",

  765.         "value": "510900"

  766.     }, {

  767.         "label": "内江市",

  768.         "value": "511000"

  769.     }, {

  770.         "label": "乐山市",

  771.         "value": "511100"

  772.     }, {

  773.         "label": "南充市",

  774.         "value": "511300"

  775.     }, {

  776.         "label": "眉山市",

  777.         "value": "511400"

  778.     }, {

  779.         "label": "宜宾市",

  780.         "value": "511500"

  781.     }, {

  782.         "label": "广安市",

  783.         "value": "511600"

  784.     }, {

  785.         "label": "达州市",

  786.         "value": "511700"

  787.     }, {

  788.         "label": "雅安市",

  789.         "value": "511800"

  790.     }, {

  791.         "label": "巴中市",

  792.         "value": "511900"

  793.     }, {

  794.         "label": "资阳市",

  795.         "value": "512000"

  796.     }, {

  797.         "label": "阿坝藏族羌族自治州",

  798.         "value": "513200"

  799.     }, {

  800.         "label": "甘孜藏族自治州",

  801.         "value": "513300"

  802.     }, {

  803.         "label": "凉山彝族自治州",

  804.         "value": "513400"

  805.     }],

  806.     [{

  807.         "label": "贵阳市",

  808.         "value": "520100"

  809.     }, {

  810.         "label": "六盘水市",

  811.         "value": "520200"

  812.     }, {

  813.         "label": "遵义市",

  814.         "value": "520300"

  815.     }, {

  816.         "label": "安顺市",

  817.         "value": "520400"

  818.     }, {

  819.         "label": "毕节市",

  820.         "value": "520500"

  821.     }, {

  822.         "label": "铜仁市",

  823.         "value": "520600"

  824.     }, {

  825.         "label": "黔西南布依族苗族自治州",

  826.         "value": "522300"

  827.     }, {

  828.         "label": "黔东南苗族侗族自治州",

  829.         "value": "522600"

  830.     }, {

  831.         "label": "黔南布依族苗族自治州",

  832.         "value": "522700"

  833.     }],

  834.     [{

  835.         "label": "昆明市",

  836.         "value": "530100"

  837.     }, {

  838.         "label": "曲靖市",

  839.         "value": "530300"

  840.     }, {

  841.         "label": "玉溪市",

  842.         "value": "530400"

  843.     }, {

  844.         "label": "保山市",

  845.         "value": "530500"

  846.     }, {

  847.         "label": "昭通市",

  848.         "value": "530600"

  849.     }, {

  850.         "label": "丽江市",

  851.         "value": "530700"

  852.     }, {

  853.         "label": "普洱市",

  854.         "value": "530800"

  855.     }, {

  856.         "label": "临沧市",

  857.         "value": "530900"

  858.     }, {

  859.         "label": "楚雄彝族自治州",

  860.         "value": "532300"

  861.     }, {

  862.         "label": "红河哈尼族彝族自治州",

  863.         "value": "532500"

  864.     }, {

  865.         "label": "文山壮族苗族自治州",

  866.         "value": "532600"

  867.     }, {

  868.         "label": "西双版纳傣族自治州",

  869.         "value": "532800"

  870.     }, {

  871.         "label": "大理白族自治州",

  872.         "value": "532900"

  873.     }, {

  874.         "label": "德宏傣族景颇族自治州",

  875.         "value": "533100"

  876.     }, {

  877.         "label": "怒江傈僳族自治州",

  878.         "value": "533300"

  879.     }, {

  880.         "label": "迪庆藏族自治州",

  881.         "value": "533400"

  882.     }],

  883.     [{

  884.         "label": "拉萨市",

  885.         "value": "540100"

  886.     }, {

  887.         "label": "日喀则市",

  888.         "value": "540200"

  889.     }, {

  890.         "label": "昌都市",

  891.         "value": "540300"

  892.     }, {

  893.         "label": "林芝市",

  894.         "value": "540400"

  895.     }, {

  896.         "label": "山南市",

  897.         "value": "540500"

  898.     }, {

  899.         "label": "那曲地区",

  900.         "value": "542400"

  901.     }, {

  902.         "label": "阿里地区",

  903.         "value": "542500"

  904.     }],

  905.     [{

  906.         "label": "西安市",

  907.         "value": "610100"

  908.     }, {

  909.         "label": "铜川市",

  910.         "value": "610200"

  911.     }, {

  912.         "label": "宝鸡市",

  913.         "value": "610300"

  914.     }, {

  915.         "label": "咸阳市",

  916.         "value": "610400"

  917.     }, {

  918.         "label": "渭南市",

  919.         "value": "610500"

  920.     }, {

  921.         "label": "延安市",

  922.         "value": "610600"

  923.     }, {

  924.         "label": "汉中市",

  925.         "value": "610700"

  926.     }, {

  927.         "label": "榆林市",

  928.         "value": "610800"

  929.     }, {

  930.         "label": "安康市",

  931.         "value": "610900"

  932.     }, {

  933.         "label": "商洛市",

  934.         "value": "611000"

  935.     }],

  936.     [{

  937.         "label": "兰州市",

  938.         "value": "620100"

  939.     }, {

  940.         "label": "嘉峪关市",

  941.         "value": "620200"

  942.     }, {

  943.         "label": "金昌市",

  944.         "value": "620300"

  945.     }, {

  946.         "label": "白银市",

  947.         "value": "620400"

  948.     }, {

  949.         "label": "天水市",

  950.         "value": "620500"

  951.     }, {

  952.         "label": "武威市",

  953.         "value": "620600"

  954.     }, {

  955.         "label": "张掖市",

  956.         "value": "620700"

  957.     }, {

  958.         "label": "平凉市",

  959.         "value": "620800"

  960.     }, {

  961.         "label": "酒泉市",

  962.         "value": "620900"

  963.     }, {

  964.         "label": "庆阳市",

  965.         "value": "621000"

  966.     }, {

  967.         "label": "定西市",

  968.         "value": "621100"

  969.     }, {

  970.         "label": "陇南市",

  971.         "value": "621200"

  972.     }, {

  973.         "label": "临夏回族自治州",

  974.         "value": "622900"

  975.     }, {

  976.         "label": "甘南藏族自治州",

  977.         "value": "623000"

  978.     }],

  979.     [{

  980.         "label": "西宁市",

  981.         "value": "630100"

  982.     }, {

  983.         "label": "海东市",

  984.         "value": "630200"

  985.     }, {

  986.         "label": "海北藏族自治州",

  987.         "value": "632200"

  988.     }, {

  989.         "label": "黄南藏族自治州",

  990.         "value": "632300"

  991.     }, {

  992.         "label": "海南藏族自治州",

  993.         "value": "632500"

  994.     }, {

  995.         "label": "果洛藏族自治州",

  996.         "value": "632600"

  997.     }, {

  998.         "label": "玉树藏族自治州",

  999.         "value": "632700"

  1000.     }, {

  1001.         "label": "海西蒙古族藏族自治州",

  1002.         "value": "632800"

  1003.     }],

  1004.     [{

  1005.         "label": "银川市",

  1006.         "value": "640100"

  1007.     }, {

  1008.         "label": "石嘴山市",

  1009.         "value": "640200"

  1010.     }, {

  1011.         "label": "吴忠市",

  1012.         "value": "640300"

  1013.     }, {

  1014.         "label": "固原市",

  1015.         "value": "640400"

  1016.     }, {

  1017.         "label": "中卫市",

  1018.         "value": "640500"

  1019.     }],

  1020.     [{

  1021.         "label": "乌鲁木齐市",

  1022.         "value": "650100"

  1023.     }, {

  1024.         "label": "克拉玛依市",

  1025.         "value": "650200"

  1026.     }, {

  1027.         "label": "吐鲁番市",

  1028.         "value": "650400"

  1029.     }, {

  1030.         "label": "哈密市",

  1031.         "value": "650500"

  1032.     }, {

  1033.         "label": "昌吉回族自治州",

  1034.         "value": "652300"

  1035.     }, {

  1036.         "label": "博尔塔拉蒙古自治州",

  1037.         "value": "652700"

  1038.     }, {

  1039.         "label": "巴音郭楞蒙古自治州",

  1040.         "value": "652800"

  1041.     }, {

  1042.         "label": "阿克苏地区",

  1043.         "value": "652900"

  1044.     }, {

  1045.         "label": "克孜勒苏柯尔克孜自治州",

  1046.         "value": "653000"

  1047.     }, {

  1048.         "label": "喀什地区",

  1049.         "value": "653100"

  1050.     }, {

  1051.         "label": "和田地区",

  1052.         "value": "653200"

  1053.     }, {

  1054.         "label": "伊犁哈萨克自治州",

  1055.         "value": "654000"

  1056.     }, {

  1057.         "label": "塔城地区",

  1058.         "value": "654200"

  1059.     }, {

  1060.         "label": "阿勒泰地区",

  1061.         "value": "654300"

  1062.     }, {

  1063.         "label": "自治区直辖县级行政区划",

  1064.         "value": "659000"

  1065.     }]

  1066. ]

  1067. export default cityData;

  1068.
province.js
复制代码
  1. /* eslint-disable */

  2. var provinceData = [{

  3.     "label": "北京市",

  4.     "value": "110000"

  5. }, {

  6.     "label": "天津市",

  7.     "value": "120000"

  8. }, {

  9.     "label": "河北省",

  10.     "value": "130000"

  11. }, {

  12.     "label": "山西省",

  13.     "value": "140000"

  14. }, {

  15.     "label": "内蒙古自治区",

  16.     "value": "150000"

  17. }, {

  18.     "label": "辽宁省",

  19.     "value": "210000"

  20. }, {

  21.     "label": "吉林省",

  22.     "value": "220000"

  23. }, {

  24.     "label": "黑龙江省",

  25.     "value": "230000"

  26. }, {

  27.     "label": "上海市",

  28.     "value": "310000"

  29. }, {

  30.     "label": "江苏省",

  31.     "value": "320000"

  32. }, {

  33.     "label": "浙江省",

  34.     "value": "330000"

  35. }, {

  36.     "label": "安徽省",

  37.     "value": "340000"

  38. }, {

  39.     "label": "福建省",

  40.     "value": "350000"

  41. }, {

  42.     "label": "江西省",

  43.     "value": "360000"

  44. }, {

  45.     "label": "山东省",

  46.     "value": "370000"

  47. }, {

  48.     "label": "河南省",

  49.     "value": "410000"

  50. }, {

  51.     "label": "湖北省",

  52.     "value": "420000"

  53. }, {

  54.     "label": "湖南省",

  55.     "value": "430000"

  56. }, {

  57.     "label": "广东省",

  58.     "value": "440000"

  59. }, {

  60.     "label": "广西壮族自治区",

  61.     "value": "450000"

  62. }, {

  63.     "label": "海南省",

  64.     "value": "460000"

  65. }, {

  66.     "label": "重庆市",

  67.     "value": "500000"

  68. }, {

  69.     "label": "四川省",

  70.     "value": "510000"

  71. }, {

  72.     "label": "贵州省",

  73.     "value": "520000"

  74. }, {

  75.     "label": "云南省",

  76.     "value": "530000"

  77. }, {

  78.     "label": "西藏自治区",

  79.     "value": "540000"

  80. }, {

  81.     "label": "陕西省",

  82.     "value": "610000"

  83. }, {

  84.     "label": "甘肃省",

  85.     "value": "620000"

  86. }, {

  87.     "label": "青海省",

  88.     "value": "630000"

  89. }, {

  90.     "label": "宁夏回族自治区",

  91.     "value": "640000"

  92. }, {

  93.     "label": "新疆维吾尔自治区",

  94.     "value": "650000"

  95. }, {

  96.     "label": "台湾省",

  97.     "value": "710000"

  98. }, {

  99.     "label": "香港特别行政区",

  100.     "value": "810000"

  101. }, {

  102.     "label": "澳门特别行政区",

  103.     "value": "820000"

  104. }]

  105. export default provinceData;

  106.
mpvueCityPicker.vue
复制代码
  1. <template>

  2.   <div class="mpvue-picker">

  3.     <div :class="{'pickerMask':showPicker}" @click="maskClick" catchtouchmove="true"></div>

  4.     <div class="mpvue-picker-content " :class="{'mpvue-picker-view-show':showPicker}">

  5.       <div class="mpvue-picker__hd" catchtouchmove="true">

  6.         <div class="mpvue-picker__action" @click="pickerCancel">取消</div>

  7.         <div class="mpvue-picker__action" :style="{color:themeColor}" @click="pickerConfirm">确定</div>

  8.       </div>

  9.       <picker-view indicator-style="height: 40px;" class="mpvue-picker-view" :value="pickerValue" @change="pickerChange">

  10.         <block>

  11.           <picker-view-column>

  12.             <div class="picker-item" v-for="(item,index) in provinceDataList" :key="index">{{item.label}}</div>

  13.           </picker-view-column>

  14.           <picker-view-column>

  15.             <div class="picker-item" v-for="(item,index) in cityDataList" :key="index">{{item.label}}</div>

  16.           </picker-view-column>

  17.           <picker-view-column>

  18.             <div class="picker-item" v-for="(item,index) in areaDataList" :key="index">{{item.label}}</div>

  19.           </picker-view-column>

  20.         </block>

  21.       </picker-view>

  22.     </div>

  23.   </div>

  24. </template>

  25. 

  26. <script>

  27. import provinceData from './city-data/province.js';

  28. import cityData from './city-data/city.js';

  29. import areaData from './city-data/area.js';

  30. export default {

  31.   data() {

  32.     return {

  33.       pickerValue: [0, 0, 0],

  34.       provinceDataList: [],

  35.       cityDataList: [],

  36.       areaDataList: [],

  37.             /* 是否显示控件 */

  38.             showPicker: false,

  39.     };

  40.   },

  41.   created() {

  42.     this.init()

  43.   },

  44.   props: {

  45.     /* 默认值 */

  46.     pickerValueDefault: {

  47.       type: Array,

  48.       default(){

  49.                 return [0, 0, 0]

  50.             }

  51.     },

  52.     /* 主题色 */

  53.     themeColor: String

  54.   },

  55.     watch:{

  56.         pickerValueDefault(){

  57.             this.init();

  58.         }

  59.     },

  60.   methods: {

  61.         init() {

  62.             this.handPickValueDefault(); // 对 pickerValueDefault 做兼容处理

  63.             this.provinceDataList = provinceData;

  64.             this.cityDataList = cityData[this.pickerValueDefault[0]];

  65.             this.areaDataList = areaData[this.pickerValueDefault[0]][this.pickerValueDefault[1]];

  66.             this.pickerValue = this.pickerValueDefault;

  67.         

  68.         },

  69.     show() {

  70.       setTimeout(() => {

  71.         this.showPicker = true;

  72.       }, 0);

  73.     },

  74.     maskClick() {

  75.       this.pickerCancel();

  76.     },

  77.     pickerCancel() {

  78.       this.showPicker = false;

  79.       this._$emit('onCancel');

  80.     },

  81.     pickerConfirm(e) {

  82.       this.showPicker = false;

  83.       this._$emit('onConfirm');

  84.     },

  85.     showPickerView() {

  86.       this.showPicker = true;

  87.     },

  88.     handPickValueDefault() {

  89.                 

  90.       if (this.pickerValueDefault !== [0, 0, 0]) {

  91.         if (this.pickerValueDefault[0] > provinceData.length - 1) {

  92.           this.pickerValueDefault[0] = provinceData.length - 1;

  93.         }

  94.                 

  95.         if (this.pickerValueDefault[1] > cityData[this.pickerValueDefault[0]].length - 1) {

  96.           this.pickerValueDefault[1] = cityData[this.pickerValueDefault[0]].length - 1;

  97.         }

  98.         if (this.pickerValueDefault[2] > areaData[this.pickerValueDefault[0]][this.pickerValueDefault[1]].length - 1) {

  99.           this.pickerValueDefault[2] = areaData[this.pickerValueDefault[0]][this.pickerValueDefault[1]].length - 1;

  100.         }

  101.       }

  102.     },

  103.     pickerChange(e) {

  104.       let changePickerValue = e.mp.detail.value;

  105.       if (this.pickerValue[0] !== changePickerValue[0]) {

  106.         // 第一级发生滚动

  107.         this.cityDataList = cityData[changePickerValue[0]];

  108.         this.areaDataList = areaData[changePickerValue[0]][0];

  109.         changePickerValue[1] = 0;

  110.         changePickerValue[2] = 0;

  111.       } else if (this.pickerValue[1] !== changePickerValue[1]) {

  112.         // 第二级滚动

  113.         this.areaDataList =

  114.           areaData[changePickerValue[0]][changePickerValue[1]];

  115.         changePickerValue[2] = 0;

  116.       }

  117.       this.pickerValue = changePickerValue;

  118.       this._$emit('onChange');

  119.     },

  120.     _$emit(emitName) {

  121.       let pickObj = {

  122.         label: this._getLabel(),

  123.         value: this.pickerValue,

  124.         cityCode: this._getCityCode()

  125.       };

  126.       this.$emit(emitName, pickObj);

  127.     },

  128.     _getLabel() {

  129.       let pcikerLabel =

  130.         this.provinceDataList[this.pickerValue[0]].label +

  131.         '-' +

  132.         this.cityDataList[this.pickerValue[1]].label +

  133.         '-' +

  134.         this.areaDataList[this.pickerValue[2]].label;

  135.       return pcikerLabel;

  136.     },

  137.     _getCityCode() {

  138.       return this.areaDataList[this.pickerValue[2]].value;

  139.     }

  140.   }

  141. };

  142. </script>

  143. 

  144. <style>

  145. .pickerMask {

  146.   position: fixed;

  147.   z-index: 1000;

  148.   top: 0;

  149.   right: 0;

  150.   left: 0;

  151.   bottom: 0;

  152.   background: rgba(0, 0, 0, 0.6);

  153. }

  154. .mpvue-picker-content {

  155.   position: fixed;

  156.   bottom: 0;

  157.   left: 0;

  158.   width: 100%;

  159.   transition: all 0.3s ease;

  160.   transform: translateY(100%);

  161.   z-index: 3000;

  162. }

  163. .mpvue-picker-view-show {

  164.   transform: translateY(0);

  165. }

  166. .mpvue-picker__hd {

  167.   display: flex;

  168.   padding: 9px 15px;

  169.   background-color: #fff;

  170.   position: relative;

  171.   text-align: center;

  172.   font-size: 17px;

  173. }

  174. .mpvue-picker__hd:after {

  175.   content: ' ';

  176.   position: absolute;

  177.   left: 0;

  178.   bottom: 0;

  179.   right: 0;

  180.   height: 1px;

  181.   border-bottom: 1px solid #e5e5e5;

  182.   color: #e5e5e5;

  183.   transform-origin: 0 100%;

  184.   transform: scaleY(0.5);

  185. }

  186. .mpvue-picker__action {

  187.   display: block;

  188.   flex: 1;

  189.   color: #1aad19;

  190. }

  191. .mpvue-picker__action:first-child {

  192.   text-align: left;

  193.   color: #888;

  194. }

  195. .mpvue-picker__action:last-child {

  196.   text-align: right;

  197. }

  198. .picker-item {

  199.   text-align: center;

  200.   line-height: 40px;

  201.   text-overflow: ellipsis;

  202.   white-space: nowrap;

  203.   font-size: 16px;

  204. }

  205. .mpvue-picker-view {

  206.   position: relative;

  207.   bottom: 0;

  208.   left: 0;

  209.   width: 100%;

  210.   height: 238px;

  211.   background-color: rgba(255, 255, 255, 1);

  212. }

  213. </style>

  214.

mpvue-picker

mpvuePicker.vue
复制代码
  1. <template>

  2.     <view class="mpvue-picker">

  3.         <view :class="{'pickerMask':showPicker}" @click="maskClick" catchtouchmove="true"></view>

  4.         <view class="mpvue-picker-content " :class="{'mpvue-picker-view-show':showPicker}">

  5.             <view class="mpvue-picker__hd" catchtouchmove="true">

  6.                 <view class="mpvue-picker__action" @click="pickerCancel">取消</view>

  7.                 <view class="mpvue-picker__action" :style="{color:themeColor}" @click="pickerConfirm">确定</view>

  8.             </view>

  9.             <!-- 单列 -->

  10.             <picker-view indicator-style="height: 40px;" class="mpvue-picker-view" :value="pickerValue" @change="pickerChange" v-if="mode==='selector' && pickerValueSingleArray.length > 0">

  11.                 <block>

  12.                     <picker-view-column>

  13.                         <view class="picker-item" v-for="(item,index) in pickerValueSingleArray" :key="index">{{item.label}}</view>

  14.                     </picker-view-column>

  15.                 </block>

  16.             </picker-view>

  17.             <!-- 时间选择器 -->

  18.             <picker-view indicator-style="height: 40px;" class="mpvue-picker-view" :value="pickerValue" @change="pickerChange" v-if="mode==='timeSelector'">

  19.                 <block>

  20.                     <picker-view-column>

  21.                         <view class="picker-item" v-for="(item,index) in pickerValueHour" :key="index">{{item.label}}</view>

  22.                     </picker-view-column>

  23.                     <picker-view-column>

  24.                         <view class="picker-item" v-for="(item,index) in pickerValueMinute" :key="index">{{item.label}}</view>

  25.                     </picker-view-column>

  26.                 </block>

  27.             </picker-view>

  28.             <!-- 多列选择 -->

  29.             <picker-view indicator-style="height: 40px;" class="mpvue-picker-view" :value="pickerValue" @change="pickerChange" v-if="mode==='multiSelector'">

  30.                 <block v-for="(n,index) in pickerValueMulArray.length" :key="index">

  31.                     <picker-view-column>

  32.                         <view class="picker-item" v-for="(item,index1) in pickerValueMulArray[n]" :key="index1">{{item.label}}</view>

  33.                     </picker-view-column>

  34.                 </block>

  35.             </picker-view>

  36.             <!-- 二级联动 -->

  37.             <picker-view indicator-style="height: 40px;" class="mpvue-picker-view" :value="pickerValue" @change="pickerChangeMul" v-if="mode==='multiLinkageSelector' && deepLength===2">

  38.                 <block>

  39.                     <picker-view-column>

  40.                         <view class="picker-item" v-for="(item,index) in pickerValueMulTwoOne" :key="index">{{item.label}}</view>

  41.                     </picker-view-column>

  42.                     <picker-view-column>

  43.                         <view class="picker-item" v-for="(item,index) in pickerValueMulTwoTwo" :key="index">{{item.label}}</view>

  44.                     </picker-view-column>

  45.                 </block>

  46.             </picker-view>

  47.             <!-- 三级联动 -->

  48.             <picker-view indicator-style="height: 40px;" class="mpvue-picker-view" :value="pickerValue" @change="pickerChangeMul" v-if="mode==='multiLinkageSelector' && deepLength===3">

  49.                 <block>

  50.                     <picker-view-column>

  51.                         <view class="picker-item" v-for="(item,index) in pickerValueMulThreeOne" :key="index">{{item.label}}</view>

  52.                     </picker-view-column>

  53.                     <picker-view-column>

  54.                         <view class="picker-item" v-for="(item,index) in pickerValueMulThreeTwo" :key="index">{{item.label}}</view>

  55.                     </picker-view-column>

  56.                     <picker-view-column>

  57.                         <view class="picker-item" v-for="(item,index) in pickerValueMulThreeThree" :key="index">{{item.label}}</view>

  58.                     </picker-view-column>

  59.                 </block>

  60.             </picker-view>

  61.         </view>

  62.     </view>

  63. </template>

  64. 

  65. <script>

  66.     export default {

  67.         data() {

  68.             return {

  69.                 pickerChangeValue: [],

  70.                 pickerValue: [],

  71.                 pickerValueArrayChange: true,

  72.                 modeChange: false,

  73.                 pickerValueSingleArray: [],

  74.                 pickerValueHour: [],

  75.                 pickerValueMinute: [],

  76.                 pickerValueMulArray: [],

  77.                 pickerValueMulTwoOne: [],

  78.                 pickerValueMulTwoTwo: [],

  79.                 pickerValueMulThreeOne: [],

  80.                 pickerValueMulThreeTwo: [],

  81.                 pickerValueMulThreeThree: [],

  82.                 /* 是否显示控件 */

  83.                 showPicker: false,

  84.             };

  85.         },

  86.         props: {

  87.             /* mode */

  88.             mode: {

  89.                 type: String,

  90.                 default: 'selector'

  91.             },

  92.             /* picker 数值 */

  93.             pickerValueArray: {

  94.                 type: Array,

  95.                 default(){

  96.                     return []

  97.                 }

  98.             },

  99.             /* 默认值 */

  100.             pickerValueDefault: {

  101.                 type: Array,

  102.                 default(){

  103.                     return []

  104.                 }

  105.             },

  106.             /* 几级联动 */

  107.             deepLength: {

  108.                 type: Number,

  109.                 default: 2

  110.             },

  111.             /* 主题色 */

  112.             themeColor: String

  113.         },

  114.         watch: {

  115.             pickerValueArray(oldVal, newVal) {

  116.                 this.pickerValueArrayChange = true;

  117.             },

  118.             mode(oldVal, newVal) {

  119.                 this.modeChange = true;

  120.             },

  121.             pickerValueArray(val){

  122.                 this.initPicker(val);

  123.             }

  124.         },

  125.         methods: {

  126.             initPicker(valueArray) {

  127.                 let pickerValueArray = valueArray;

  128.                 this.pickerValue = this.pickerValueDefault;

  129.                 // 初始化多级联动

  130.                 if (this.mode === 'selector') {

  131.                     this.pickerValueSingleArray = valueArray;

  132.                 } else if (this.mode === 'timeSelector') {

  133.                     this.modeChange = false;

  134.                     let hourArray = [];

  135.                     let minuteArray = [];

  136.                     for (let i = 0; i < 24; i++) {

  137.                         hourArray.push({

  138.                             value: i,

  139.                             label: i > 9 ? `${i} 时` : `0${i} 时`

  140.                         });

  141.                     }

  142.                     for (let i = 0; i < 60; i++) {

  143.                         minuteArray.push({

  144.                             value: i,

  145.                             label: i > 9 ? `${i} 分` : `0${i} 分`

  146.                         });

  147.                     }

  148.                     this.pickerValueHour = hourArray;

  149.                     this.pickerValueMinute = minuteArray;

  150.                 } else if (this.mode === 'multiSelector') {

  151.                     this.pickerValueMulArray = valueArray;

  152.                 } else if (this.mode === 'multiLinkageSelector' && this.deepLength === 2) {

  153.                     // 两级联动

  154.                     let pickerValueMulTwoOne = [];

  155.                     let pickerValueMulTwoTwo = [];

  156.                     // 第一列

  157.                     for (let i = 0, length = pickerValueArray.length; i < length; i++) {

  158.                         pickerValueMulTwoOne.push(pickerValueArray[i]);

  159.                     }

  160.                     // 渲染第二列

  161.                     // 如果有设定的默认值

  162.                     if (this.pickerValueDefault.length === 2) {

  163.                         let num = this.pickerValueDefault[0];

  164.                         for (

  165.                             let i = 0, length = pickerValueArray[num].children.length; i < length; i++

  166.                         ) {

  167.                             pickerValueMulTwoTwo.push(pickerValueArray[num].children[i]);

  168.                         }

  169.                     } else {

  170.                         for (

  171.                             let i = 0, length = pickerValueArray[0].children.length; i < length; i++

  172.                         ) {

  173.                             pickerValueMulTwoTwo.push(pickerValueArray[0].children[i]);

  174.                         }

  175.                     }

  176.                     this.pickerValueMulTwoOne = pickerValueMulTwoOne;

  177.                     this.pickerValueMulTwoTwo = pickerValueMulTwoTwo;

  178.                 } else if (

  179.                     this.mode === 'multiLinkageSelector' &&

  180.                     this.deepLength === 3

  181.                 ) {

  182.                     let pickerValueMulThreeOne = [];

  183.                     let pickerValueMulThreeTwo = [];

  184.                     let pickerValueMulThreeThree = [];

  185.                     // 第一列

  186.                     for (let i = 0, length = pickerValueArray.length; i < length; i++) {

  187.                         pickerValueMulThreeOne.push(pickerValueArray[i]);

  188.                     }

  189.                     // 渲染第二列

  190.                     this.pickerValueDefault =

  191.                         this.pickerValueDefault.length === 3 ?

  192.                         this.pickerValueDefault :

  193.                         [0, 0, 0];

  194.                     if (this.pickerValueDefault.length === 3) {

  195.                         let num = this.pickerValueDefault[0];

  196.                         for (

  197.                             let i = 0, length = pickerValueArray[num].children.length; i < length; i++

  198.                         ) {

  199.                             pickerValueMulThreeTwo.push(pickerValueArray[num].children[i]);

  200.                         }

  201.                         // 第三列

  202.                         let numSecond = this.pickerValueDefault[1];

  203.                         for (let i = 0, length = pickerValueArray[num].children[numSecond].children.length; i < length; i++) {

  204.                             pickerValueMulThreeThree.push(

  205.                                 pickerValueArray[num].children[numSecond].children[i]

  206.                             );

  207.                         }

  208.                     }

  209.                     this.pickerValueMulThreeOne = pickerValueMulThreeOne;

  210.                     this.pickerValueMulThreeTwo = pickerValueMulThreeTwo;

  211.                     this.pickerValueMulThreeThree = pickerValueMulThreeThree;

  212.                 }

  213.             },

  214.             show() {

  215.                 setTimeout(() => {

  216.                     if (this.pickerValueArrayChange || this.modeChange) {

  217.                         this.initPicker(this.pickerValueArray);

  218.                         this.showPicker = true;

  219.                         this.pickerValueArrayChange = false;

  220.                         this.modeChange = false;

  221.                     } else {

  222.                         this.showPicker = true;

  223.                     }

  224.                 }, 0);

  225.             },

  226.             maskClick() {

  227.                 this.pickerCancel();

  228.             },

  229.             pickerCancel() {

  230.                 this.showPicker = false;

  231.                 this._initPickerVale();

  232.                 let pickObj = {

  233.                     index: this.pickerValue,

  234.                     value: this._getPickerLabelAndValue(this.pickerValue, this.mode).value,

  235.                     label: this._getPickerLabelAndValue(this.pickerValue, this.mode).label

  236.                 };

  237.                 this.$emit('onCancel', pickObj);

  238.             },

  239.             pickerConfirm(e) {

  240.                 this.showPicker = false;

  241.                 this._initPickerVale();

  242.                 let pickObj = {

  243.                     index: this.pickerValue,

  244.                     value: this._getPickerLabelAndValue(this.pickerValue, this.mode).value,

  245.                     label: this._getPickerLabelAndValue(this.pickerValue, this.mode).label

  246.                 };

  247.                 this.$emit('onConfirm', pickObj);

  248.             },

  249.             showPickerView() {

  250.                 this.showPicker = true;

  251.             },

  252.             pickerChange(e) {

  253.                 this.pickerValue = e.mp.detail.value;

  254.                 let pickObj = {

  255.                     index: this.pickerValue,

  256.                     value: this._getPickerLabelAndValue(this.pickerValue, this.mode).value,

  257.                     label: this._getPickerLabelAndValue(this.pickerValue, this.mode).label

  258.                 };

  259.                 this.$emit('onChange', pickObj);

  260.             },

  261.             pickerChangeMul(e) {

  262.                 if (this.deepLength === 2) {

  263.                     let pickerValueArray = this.pickerValueArray;

  264.                     let changeValue = e.mp.detail.value;

  265.                     // 处理第一列滚动

  266.                     if (changeValue[0] !== this.pickerValue[0]) {

  267.                         let pickerValueMulTwoTwo = [];

  268.                         // 第一列滚动第二列数据更新

  269.                         for (let i = 0, length = pickerValueArray[changeValue[0]].children.length; i < length; i++) {

  270.                             pickerValueMulTwoTwo.push(pickerValueArray[changeValue[0]].children[i]);

  271.                         }

  272.                         this.pickerValueMulTwoTwo = pickerValueMulTwoTwo;

  273.                         // 第二列初始化为 0

  274.                         changeValue[1] = 0;

  275.                     }

  276.                     this.pickerValue = changeValue;

  277.                 } else if (this.deepLength === 3) {

  278.                     let pickerValueArray = this.pickerValueArray;

  279.                     let changeValue = e.mp.detail.value;

  280.                     let pickerValueMulThreeTwo = [];

  281.                     let pickerValueMulThreeThree = [];

  282.                     // 重新渲染第二列

  283.                     // 如果是第一列滚动

  284.                     if (changeValue[0] !== this.pickerValue[0]) {

  285.                         this.pickerValueMulThreeTwo = [];

  286.                         for (let i = 0, length = pickerValueArray[changeValue[0]].children.length; i < length; i++) {

  287.                             pickerValueMulThreeTwo.push(pickerValueArray[changeValue[0]].children[i]);

  288.                         }

  289.                         // 重新渲染第三列

  290.                         for (let i = 0, length = pickerValueArray[changeValue[0]].children[0].children.length; i <

  291.                             length; i++) {

  292.                             pickerValueMulThreeThree.push(pickerValueArray[changeValue[0]].children[0].children[i]);

  293.                         }

  294.                         changeValue[1] = 0;

  295.                         changeValue[2] = 0;

  296.                         this.pickerValueMulThreeTwo = pickerValueMulThreeTwo;

  297.                         this.pickerValueMulThreeThree = pickerValueMulThreeThree;

  298.                     } else if (changeValue[1] !== this.pickerValue[1]) {

  299.                         // 第二列滚动

  300.                         // 重新渲染第三列

  301.                         this.pickerValueMulThreeThree = [];

  302.                         pickerValueMulThreeTwo = this.pickerValueMulThreeTwo;

  303.                         for (let i = 0, length = pickerValueArray[changeValue[0]].children[changeValue[1]].children.length; i <

  304.                             length; i++) {

  305.                             pickerValueMulThreeThree.push(pickerValueArray[changeValue[0]].children[changeValue[1]].children[

  306.                                 i]);

  307.                         }

  308.                         changeValue[2] = 0;

  309.                         this.pickerValueMulThreeThree = pickerValueMulThreeThree;

  310.                     }

  311.                     this.pickerValue = changeValue;

  312.                 }

  313.                 let pickObj = {

  314.                     index: this.pickerValue,

  315.                     value: this._getPickerLabelAndValue(this.pickerValue, this.mode).value,

  316.                     label: this._getPickerLabelAndValue(this.pickerValue, this.mode).label

  317.                 };

  318.                 this.$emit('onChange', pickObj);

  319.             },

  320.             // 获取 pxikerLabel

  321.             _getPickerLabelAndValue(value, mode) {

  322.                 let pickerLable;

  323.                 let pickerGetValue = [];

  324.                 // selector

  325.                 if (mode === 'selector') {

  326.                     pickerLable = this.pickerValueSingleArray[value].label;

  327.                     pickerGetValue.push(this.pickerValueSingleArray[value].value);

  328.                 } else if (mode === 'timeSelector') {

  329.                     pickerLable = `${this.pickerValueHour[value[0]].label}-${this.pickerValueMinute[value[1]].label}`;

  330.                     pickerGetValue.push(this.pickerValueHour[value[0]].value);

  331.                     pickerGetValue.push(this.pickerValueHour[value[1]].value);

  332.                 } else if (mode === 'multiSelector') {

  333.                     for (let i = 0; i < value.length; i++) {

  334.                         if (i > 0) {

  335.                             pickerLable += this.pickerValueMulArray[i][value[i]].label + (i === value.length - 1 ? '' :

  336.                                 '-');

  337.                         } else {

  338.                             pickerLable = this.pickerValueMulArray[i][value[i]].label + '-';

  339.                         }

  340.                         pickerGetValue.push(this.pickerValueMulArray[i][value[i]].value);

  341.                     }

  342.                 } else if (mode === 'multiLinkageSelector') {

  343.                     /* eslint-disable indent */

  344.                     pickerLable =

  345.                         this.deepLength === 2 ?

  346.                         `${this.pickerValueMulTwoOne[value[0]].label}-${this.pickerValueMulTwoTwo[value[1]].label}` :

  347.                         `${this.pickerValueMulThreeOne[value[0]].label}-${this.pickerValueMulThreeTwo[value[1]].label}-${this.pickerValueMulThreeThree[value[2]].label}`;

  348.                     if (this.deepLength === 2) {

  349.                         pickerGetValue.push(this.pickerValueMulTwoOne[value[0]].value);

  350.                         pickerGetValue.push(this.pickerValueMulTwoTwo[value[1]].value);

  351.                     } else {

  352.                         pickerGetValue.push(this.pickerValueMulThreeOne[value[0]].value);

  353.                         pickerGetValue.push(this.pickerValueMulThreeTwo[value[1]].value);

  354.                         pickerGetValue.push(this.pickerValueMulThreeThree[value[2]].value);

  355.                     }

  356.                     /* eslint-enable indent */

  357.                 }

  358.                 return {

  359.                     label: pickerLable,

  360.                     value: pickerGetValue

  361.                 };

  362.             },

  363.             // 初始化 pickerValue 默认值

  364.             _initPickerVale() {

  365.                 if (this.pickerValue.length === 0) {

  366.                     if (this.mode === 'selector') {

  367.                         this.pickerValue = [0];

  368.                     } else if (this.mode === 'multiSelector') {

  369.                         this.pickerValue = new Int8Array(this.pickerValueArray.length);

  370.                     } else if (

  371.                         this.mode === 'multiLinkageSelector' &&

  372.                         this.deepLength === 2

  373.                     ) {

  374.                         this.pickerValue = [0, 0];

  375.                     } else if (

  376.                         this.mode === 'multiLinkageSelector' &&

  377.                         this.deepLength === 3

  378.                     ) {

  379.                         this.pickerValue = [0, 0, 0];

  380.                     }

  381.                 }

  382.             }

  383.         }

  384.     };

  385. </script>

  386. 

  387. <style>

  388.     .pickerMask {

  389.         position: fixed;

  390.         z-index: 1000;

  391.         top: 0;

  392.         right: 0;

  393.         left: 0;

  394.         bottom: 0;

  395.         background: rgba(0, 0, 0, 0.6);

  396.     }

  397. 

  398.     .mpvue-picker-content {

  399.         position: fixed;

  400.         bottom: 0;

  401.         left: 0;

  402.         width: 100%;

  403.         transition: all 0.3s ease;

  404.         transform: translateY(100%);

  405.         z-index: 3000;

  406.     }

  407. 

  408.     .mpvue-picker-view-show {

  409.         transform: translateY(0);

  410.     }

  411. 

  412.     .mpvue-picker__hd {

  413.         display: flex;

  414.         padding: 9px 15px;

  415.         background-color: #fff;

  416.         position: relative;

  417.         text-align: center;

  418.         font-size: 17px;

  419.     }

  420. 

  421.     .mpvue-picker__hd:after {

  422.         content: ' ';

  423.         position: absolute;

  424.         left: 0;

  425.         bottom: 0;

  426.         right: 0;

  427.         height: 1px;

  428.         border-bottom: 1px solid #e5e5e5;

  429.         color: #e5e5e5;

  430.         transform-origin: 0 100%;

  431.         transform: scaleY(0.5);

  432.     }

  433. 

  434.     .mpvue-picker__action {

  435.         display: block;

  436.         flex: 1;

  437.         color: #1aad19;

  438.     }

  439. 

  440.     .mpvue-picker__action:first-child {

  441.         text-align: left;

  442.         color: #888;

  443.     }

  444. 

  445.     .mpvue-picker__action:last-child {

  446.         text-align: right;

  447.     }

  448. 

  449.     .picker-item {

  450.         text-align: center;

  451.         line-height: 40px;

  452.         font-size: 16px;

  453.     }

  454. 

  455.     .mpvue-picker-view {

  456.         position: relative;

  457.         bottom: 0;

  458.         left: 0;

  459.         width: 100%;

  460.         height: 238px;

  461.         background-color: rgba(255, 255, 255, 1);

  462.     }

  463. </style>

  464.

payments

paymentsByAli.vue
复制代码
  1. <template>

  2.     <view class='cell-group payment-method'>

  3.         <view class='cell-item add-title-item' v-for="item in payments" :key="item.code" @click="toPayHandler(item.code)"

  4.          v-if="!(type == 2 && item.code == 'balancepay')">

  5.             <view class='cell-item-hd'>

  6.                 <image class='cell-hd-icon' :src='item.icon'></image>

  7.             </view>

  8.             <view class='cell-item-bd'>

  9.                 <view class="cell-bd-view">

  10.                     <text class="cell-bd-text">{{ item.name }}</text>

  11.                 </view>

  12.                 <view class="cell-bd-view">

  13.                     <text class="cell-bd-text address">{{ item.memo }}</text>

  14.                 </view>

  15.             </view>

  16.             <view class='cell-item-ft'>

  17.                 <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  18.             </view>

  19.         </view>

  20.         <view class="payment-pop" v-show="popShow">

  21.             <view class="payment-pop-c">

  22.                 <image src="/static/image/wait-pay.png" style="width: 30px;

  23.         height: 30px;"></image>

  24.                 <view class="text">支付中，请稍后...</view>

  25.             </view>

  26.             <view class="payment-pop-b">

  27.                 <button class="btn btn-c" @click="popBtn">支付失败</button>

  28.                 <button class="btn btn-o" @click="popBtn">支付成功</button>

  29.             </view>

  30.         </view>

  31.     </view>

  32. </template>

  33. 

  34. <script>

  35.     import {

  36.         apiBaseUrl

  37.     } from '@/config/config.js';

  38.     export default {

  39.         props: {

  40.             // 如果是商品订单此参数必须

  41.             orderId: {

  42.                 type: String,

  43.                 default () {

  44.                     return '';

  45.                 }

  46.             },

  47.             // 如果是充值订单此参数必须

  48.             recharge: {

  49.                 type: Number,

  50.                 default () {

  51.                     return 0;

  52.                 }

  53.             },

  54.             // 用户id

  55.             uid: {

  56.                 type: Number,

  57.                 default () {

  58.                     return 0;

  59.                 }

  60.             },

  61.             // 订单类型

  62.             type: {

  63.                 type: Number,

  64.                 default () {

  65.                     return 1;

  66.                 }

  67.             }

  68.         },

  69.         data() {

  70.             return {

  71.                 payments: [],

  72.                 popShow: false

  73.             }

  74.         },

  75.         mounted() {

  76.             this.getPayments();

  77.         },

  78.         methods: {

  79.             // 获取可用支付方式列表

  80.             getPayments() {

  81.                 this.$api.paymentList({}, res => {

  82.                     if (res.status) {

  83.                         this.payments = this.formatPayments(res.data);

  84.                     }

  85.                 })

  86.             },

  87.             // 支付方式处理

  88.             formatPayments(payments) {

  89.                 payments = payments.filter(item => item.code !== 'wechatpay');

  90. 

  91. 

  92.                 // 如果是充值订单 过滤余额支付 过滤非线上支付方式

  93.                 if (this.type === 2) {

  94.                     payments = payments.filter(item => item.code !== 'balancepay' || item.is_online === 1)

  95.                 }

  96. 

  97.                 // 设置logo图片

  98.                 payments.forEach(item => {

  99.                     this.$set(item, 'icon', '/static/image/' + item.code + '.png');

  100.                 });

  101. 

  102.                 return payments;

  103.             },

  104.             // 用户点击支付方式处理

  105.             toPayHandler(code) {

  106.                 this.popShow = true;

  107.                 let data = {

  108.                     payment_code: code,

  109.                     payment_type: this.type

  110.                 }

  111.                 data['ids'] = (this.type == 1 || this.type == 5 || this.type == 6) ? this.orderId : this.uid

  112. 

  113.                 // 判断订单支付类型

  114.                 if (this.type == 2 && this.recharge) {

  115.                     data['params'] = {

  116.                         money: this.recharge,

  117.                         trade_type: 'JSAPI'

  118.                     }

  119.                 } else if ((this.type == 5 || this.type == 6) && this.recharge) {

  120.                     data['params'] = {

  121.                         trade_type: 'JSAPI',

  122.                         formid: this.orderId

  123.                     }

  124.                 } else {

  125.                     data['params'] = {

  126.                         trade_type: 'JSAPI'

  127.                     }

  128.                 }

  129. 

  130. 

  131.                 let _this = this;

  132.                 switch (code) {

  133.                     case 'alipay':

  134.                         this.$api.pay(data, res => {

  135.                             if (res.status) {

  136.                                 uni.requestPayment({

  137.                                     provider: 'alipay',

  138.                                     tradeNO: res.data.trade_no,

  139.                                     success: function(e) {

  140.                                         if (e.errMsg === 'requestPayment:ok') {

  141.                                             _this.$common.successToShow(res.msg, () => {

  142.                                                 _this.$common.redirectTo('/pages/goods/payment/result?id=' + res.data.payment_id);

  143.                                             });

  144.                                         }

  145.                                     }

  146.                                 });

  147.                             } else {

  148.                                 this.$common.errorToShow(res.msg);

  149.                             }

  150.                         })

  151.                         break

  152.                     case 'balancepay':

  153.                         //用户余额支付

  154.                         this.$api.pay(data, res => {

  155.                             if (res.status) {

  156.                                 this.$common.redirectTo('/pages/goods/payment/result?id=' + res.data.payment_id);

  157.                             } else {

  158.                                 this.$common.errorToShow(res.msg);

  159.                             }

  160.                         })

  161.                         break;

  162.                     case 'offline':

  163.                         //线下支付

  164.                         this.$common.modelShow('线下支付说明', '请联系客服进行线下支付', () => {}, false, '取消', '确定')

  165.                         break;

  166.                 }

  167. 

  168.             },

  169.             ,

  170.             // 支付中显示隐藏

  171.             popBtn() {

  172.                 this.popShow = false

  173.             }

  174.         }

  175. 

  176.     }

  177. </script>

  178. 

  179. <style>

  180.     .payment-method .cell-item-hd {

  181.         min-width: 70upx;

  182.     }

  183. 

  184.     .payment-method .cell-hd-icon {

  185.         width: 70upx;

  186.         height: 70upx;

  187.     }

  188. 

  189.     .payment-method .cell-item-bd {

  190.         border-left: 2upx solid #F0F0F0;

  191.         padding-left: 30upx;

  192.     }

  193. 

  194.     .payment-method .cell-bd-text {

  195.         font-size: 28upx;

  196.         color: #666;

  197.     }

  198. 

  199.     .payment-method .address {

  200.         font-size: 24upx;

  201.         color: #999;

  202.     }

  203. 

  204. 

  205.     .payment-pop {

  206.         position: fixed;

  207.         top: 50%;

  208.         left: 50%;

  209.         transform: translate(-50%, -50%);

  210.         width: 400rpx;

  211.         height: 272rpx;

  212.         background-color: #fff;

  213.         text-align: center;

  214.         box-shadow: 0 0 20rpx #ccc;

  215.         /* border-radius: 10rpx; */

  216.     }

  217. 

  218.     .payment-pop-c {

  219.         padding: 50rpx 30rpx;

  220.         /* line-height: 300rpx; */

  221.         font-size: 32rpx;

  222.         color: #999;

  223.     }

  224. 

  225.     .payment-pop-b {

  226.         position: absolute;

  227.         bottom: 0;

  228.         display: flex;

  229.         width: 100%;

  230.         justify-content: space-between;

  231.     }

  232. 

  233.     .payment-pop-b .btn {

  234.         flex: 1;

  235.     }

  236. 

  237.     .payment-pop .text {

  238.         font-size: 24upx;

  239.     }

  240. </style>

  241.
paymentsByApp.vue
复制代码
  1. <template>

  2.     <view class='cell-group payment-method'>

  3.         <view class='cell-item add-title-item' v-for="item in payments" :key="item.code" @click="toPayHandler(item.code)"

  4.          v-if="!(type == 2 && item.code == 'balancepay')">

  5.             <view class='cell-item-hd'>

  6.                 <image class='cell-hd-icon' :src='item.icon'></image>

  7.             </view>

  8.             <view class='cell-item-bd'>

  9.                 <view class="cell-bd-view">

  10.                     <text class="cell-bd-text">{{ item.name }}</text>

  11.                 </view>

  12.                 <view class="cell-bd-view">

  13.                     <text class="cell-bd-text address">{{ item.memo }}</text>

  14.                 </view>

  15.             </view>

  16.             <view class='cell-item-ft'>

  17.                 <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  18.             </view>

  19.         </view>

  20.         <view class="payment-pop" v-show="popShow">

  21.             <view class="payment-pop-c">

  22.                 <image src="/static/image/wait-pay.png" style="width: 30px;

  23.         height: 30px;"></image>

  24.                 <view class="text">支付中，请稍后...</view>

  25.             </view>

  26.             <view class="payment-pop-b">

  27.                 <button class="btn btn-c" @click="popBtn">支付失败</button>

  28.                 <button class="btn btn-o" @click="popBtn">支付成功</button>

  29.             </view>

  30.         </view>

  31.     </view>

  32. </template>

  33. 

  34. <script>

  35.     import {

  36.         apiBaseUrl

  37.     } from '@/config/config.js'

  38.     export default {

  39.         props: {

  40.             // 如果是商品订单此参数必须

  41.             orderId: {

  42.                 type: String,

  43.                 default () {

  44.                     return ''

  45.                 }

  46.             },

  47.             // 如果是充值订单此参数必须

  48.             recharge: {

  49.                 type: Number,

  50.                 default () {

  51.                     return 0

  52.                 }

  53.             },

  54.             // 用户id

  55.             uid: {

  56.                 type: Number,

  57.                 default () {

  58.                     return 0

  59.                 }

  60.             },

  61.             // 订单类型

  62.             type: {

  63.                 type: Number,

  64.                 default () {

  65.                     return 1

  66.                 }

  67.             }

  68.         },

  69.         data() {

  70.             return {

  71.                 payments: [],

  72.                 popShow: false

  73.             }

  74.         },

  75.         mounted() {

  76. 

  77.             this.getPayments()

  78.         },

  79.         methods: {

  80.             // 获取可用支付方式列表

  81.             getPayments() {

  82.                 this.$api.paymentList({}, res => {

  83.                     if (res.status) {

  84.                         this.payments = this.formatPayments(res.data)

  85.                     }

  86.                 })

  87.             },

  88.             // 支付方式处理

  89.             formatPayments(payments) {

  90.                 // 如果是充值订单 过滤余额支付 过滤非线上支付方式

  91.                 if (this.type === 2) {

  92.                     payments = payments.filter(item => item.code !== 'balancepay' || item.is_online === 1)

  93.                 }

  94. 

  95.                 // 设置logo图片

  96.                 payments.forEach(item => {

  97.                     this.$set(item, 'icon', '/static/image/' + item.code + '.png')

  98.                 })

  99.                 return payments

  100.             },

  101.             // 用户点击支付方式处理

  102.             toPayHandler(code) {

  103.                 this.popShow = true;

  104.                 let _this = this

  105. 

  106.                 let data = {

  107.                     payment_code: code,

  108.                     payment_type: _this.type

  109.                 }

  110. 

  111.                 data['ids'] = (this.type == 1 || this.type == 5 || this.type == 6) ? this.orderId : this.uid

  112.                 if ((this.type == 5 || this.type == 6) && this.recharge) {

  113.                     data['params'] = {

  114.                         trade_type: 'APP',

  115.                         formid: this.orderId

  116.                     }

  117.                 }

  118.                 switch (code) {

  119.                     case 'alipay':

  120.                         /**

  121.                          * 支付宝支付需要模拟GET提交数据

  122.                          */

  123.                         if (_this.type == 1 && _this.orderId) {

  124.                             data['params'] = {

  125.                                 trade_type: 'APP'

  126.                             }

  127.                         } else if (_this.type == 2 && _this.recharge) {

  128.                             data['params'] = {

  129.                                 trade_type: 'APP',

  130.                                 money: _this.recharge

  131.                             }

  132.                         }

  133. 

  134.                         _this.$api.pay(data, res => {

  135.                             if (res.status) {

  136.                                 uni.requestPayment({

  137.                                     provider: "alipay",

  138.                                     orderInfo: res.data.data,

  139.                                     success: function(data) {

  140.                                         _this.$common.successToShow('支付成功', () => {

  141.                                             _this.redirectHandler(res.data.payment_id)

  142.                                         })

  143.                                     }

  144.                                 });

  145.                             } else {

  146.                                 _this.$comon.errorToShow(res.msg)

  147.                             }

  148.                         })

  149.                         break

  150.                     case 'wechatpay':

  151.                         // 微信 H5支付

  152.                         if (_this.type == 1 && _this.orderId) {

  153.                             data['params'] = {

  154.                                 trade_type: 'APP'

  155.                             }

  156.                         } else if (_this.type == 2 && _this.recharge) {

  157.                             data['params'] = {

  158.                                 trade_type: 'APP',

  159.                                 money: _this.recharge

  160.                             }

  161.                         }

  162. 

  163.                         // 微信app支付

  164.                         _this.$api.pay(data, res => {

  165.                             if (res.status) {

  166.                                 console.log(JSON.stringify(res));

  167.                                 // 调用微信支付  

  168.                                 uni.requestPayment({

  169.                                     provider: "wxpay",

  170.                                     orderInfo: {

  171.                                         appid: res.data.appid,

  172.                                         noncestr: res.data.noncestr,

  173.                                         package: res.data.package,

  174.                                         partnerid: res.data.partnerid,

  175.                                         prepayid: res.data.prepayid,

  176.                                         timestamp: res.data.timestamp,

  177.                                         sign: res.data.sign,

  178.                                     },

  179.                                     success: function(data) {

  180.                                         _this.$common.successToShow('支付成功', () => {

  181.                                             _this.redirectHandler(res.data.payment_id)

  182.                                         })

  183.                                     },

  184.                                     fail: function(res) {

  185.                                         console.log(JSON.stringify(res));

  186.                                     }

  187.                                 });

  188.                             } else {

  189.                                 _this.$common.errorToShow(res.msg)

  190.                             }

  191.                         })

  192.                         break

  193.                     case 'balancepay':

  194.                         /**

  195.                          *  用户余额支付

  196.                          * 

  197.                          */

  198.                         _this.$api.pay(data, res => {

  199.                             if (res.status) {

  200.                                 _this.redirectHandler(res.data.payment_id)

  201.                             } else {

  202.                                 _this.$common.errorToShow(res.msg)

  203.                             }

  204.                         })

  205.                         break

  206.                     case 'offline':

  207.                         /**

  208.                          * 线下支付

  209.                          */

  210.                         _this.$common.modelShow('线下支付说明', '请联系客服进行线下支付', () => {}, false, '取消', '确定')

  211.                         break

  212.                 }

  213.             },

  214.             // 支付成功后跳转操作

  215.             redirectHandler(paymentId) {

  216.                 this.$common.redirectTo('/pages/goods/payment/result?id=' + paymentId)

  217.             },

  218.             // 支付中显示隐藏

  219.             popBtn() {

  220.                 this.popShow = false

  221.             }

  222.         }

  223. 

  224.     }

  225. </script>

  226. 

  227. <style>

  228.     .payment-method .cell-item-hd {

  229.         min-width: 70upx;

  230.     }

  231. 

  232.     .payment-method .cell-hd-icon {

  233.         width: 70upx;

  234.         height: 70upx;

  235.     }

  236. 

  237.     .payment-method .cell-item-bd {

  238.         border-left: 2upx solid #F0F0F0;

  239.         padding-left: 30upx;

  240.     }

  241. 

  242.     .payment-method .cell-bd-text {

  243.         font-size: 28upx;

  244.         color: #666;

  245.     }

  246. 

  247.     .payment-method .address {

  248.         font-size: 24upx;

  249.         color: #999;

  250.     }

  251. 

  252.     .payment-pop {

  253.         position: fixed;

  254.         top: 50%;

  255.         left: 50%;

  256.         transform: translate(-50%, -50%);

  257.         width: 400rpx;

  258.         height: 272rpx;

  259.         background-color: #fff;

  260.         text-align: center;

  261.         box-shadow: 0 0 20rpx #ccc;

  262.         /* border-radius: 10rpx; */

  263.     }

  264. 

  265.     .payment-pop-c {

  266.         padding: 50rpx 30rpx;

  267.         /* line-height: 300rpx; */

  268.         font-size: 32rpx;

  269.         color: #999;

  270.     }

  271. 

  272.     .payment-pop-b {

  273.         position: absolute;

  274.         bottom: 0;

  275.         display: flex;

  276.         width: 100%;

  277.         justify-content: space-between;

  278.     }

  279. 

  280.     .payment-pop-b .btn {

  281.         flex: 1;

  282.     }

  283. 

  284.     .payment-pop .text {

  285.         font-size: 24upx;

  286.     }

  287. </style>

  288.
paymentsByH5.vue
复制代码
  1. <template>

  2.     <view class='cell-group payment-method'>

  3.         <view class='cell-item add-title-item' v-for="item in payments" :key="item.code" @click="toPayHandler(item.code)"

  4.          v-if="!(type == 2 && item.code == 'balancepay')">

  5.             <view class='cell-item-hd'>

  6.                 <image class='cell-hd-icon' :src='item.icon'></image>

  7.             </view>

  8.             <view class='cell-item-bd'>

  9.                 <view class="cell-bd-view">

  10.                     <text class="cell-bd-text">{{ item.name }}</text>

  11.                 </view>

  12.                 <view class="cell-bd-view">

  13.                     <text class="cell-bd-text address">{{ item.memo }}</text>

  14.                 </view>

  15.             </view>

  16.             <view class='cell-item-ft'>

  17.                 <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  18.             </view>

  19.         </view>

  20.         <view class="payment-pop" v-show="popShow">

  21.             <view class="payment-pop-c">

  22.                 <image src="/static/image/wait-pay.png" style="width: 30px;

  23.         height: 30px;"></image>

  24.                 <view class="text">支付中，请稍后...</view>

  25.             </view>

  26.             <view class="payment-pop-b">

  27.                 <button class="btn btn-c" @click="popBtn">支付失败</button>

  28.                 <button class="btn btn-o" @click="popBtn">支付成功</button>

  29.             </view>

  30.         </view>

  31.     </view>

  32. </template>

  33. 

  34. <script>

  35.     import {

  36.         baseUrl

  37.     } from '@/config/config.js'

  38.     export default {

  39.         props: {

  40.             // 如果是商品订单此参数必须

  41.             orderId: {

  42.                 type: String,

  43.                 default () {

  44.                     return ''

  45.                 }

  46.             },

  47.             // 如果是充值订单此参数必须

  48.             recharge: {

  49.                 type: Number,

  50.                 default () {

  51.                     return 0

  52.                 }

  53.             },

  54.             // 用户id

  55.             uid: {

  56.                 type: Number,

  57.                 default () {

  58.                     return 0

  59.                 }

  60.             },

  61.             // 订单类型

  62.             type: {

  63.                 type: Number,

  64.                 default () {

  65.                     return 1

  66.                 }

  67.             }

  68.         },

  69.         data() {

  70.             return {

  71.                 payments: [],

  72.                 openid: '',

  73.                 popShow: false

  74.             }

  75.         },

  76.         mounted() {

  77.             this.getPayments()

  78.         },

  79.         methods: {

  80.             // 获取可用支付方式列表

  81.             getPayments() {

  82.                 this.$api.paymentList({}, res => {

  83.                     if (res.status) {

  84.                         this.payments = this.formatPayments(res.data)

  85.                     }

  86.                 })

  87.             },

  88.             // 支付方式处理

  89.             formatPayments(payments) {

  90.                 // h5支付并且是在微信浏览器内 过滤支付宝支付

  91.                 if (this.$common.isWeiXinBrowser()) {

  92.                     payments = payments.filter(item => item.code !== 'alipay')

  93.                 }

  94. 

  95.                 // 如果是充值订单 过滤余额支付 过滤非线上支付方式

  96.                 if (this.type === 2) {

  97.                     payments = payments.filter(

  98.                         item => item.code !== 'balancepay' || item.is_online === 1

  99.                     )

  100.                 }

  101. 

  102.                 // 设置logo图片

  103.                 payments.forEach(item => {

  104.                     this.$set(item, 'icon', '/static/image/' + item.code + '.png')

  105.                 })

  106. 

  107.                 return payments

  108.             },

  109.             checkWXJSBridge(data) {

  110.                 let that = this

  111.                 let interval = setInterval(() => {

  112.                     if (typeof window.WeixinJSBridge != 'undefined') {

  113.                         clearTimeout(interval)

  114.                         that.onBridgeReady(data)

  115.                     }

  116.                 }, 200)

  117.             },

  118.             onBridgeReady(data) {

  119.                 var _this = this

  120.                 window.WeixinJSBridge.invoke(

  121.                     'getBrandWCPayRequest', {

  122.                         appId: data.appid, // 公众号名称，由商户传入

  123.                         timeStamp: data.timeStamp, // 时间戳，自1970年以来的秒数

  124.                         nonceStr: data.nonceStr, // 随机串

  125.                         package: data.package,

  126.                         signType: data.signType, // 微信签名方式：

  127.                         paySign: data.paySign // 微信签名

  128.                     },

  129.                     function(res) {

  130.                         if (res.err_msg === 'get_brand_wcpay_request:ok') {

  131.                             _this.$common.successToShow('支付成功')

  132.                         } else if (res.err_msg === 'get_brand_wcpay_request:cancel') {

  133.                             _this.$common.errorToShow('取消支付')

  134.                         } else {

  135.                             _this.$common.errorToShow('支付失败')

  136.                         }

  137.                         setTimeout(() => {

  138.                             _this.$common.redirectTo(

  139.                                 '/pages/goods/payment/result?id=' + data.payment_id

  140.                             )

  141.                         }, 1000)

  142.                     }

  143.                 )

  144.             },

  145.             // 用户点击支付方式处理

  146.             toPayHandler(code) {

  147.                 this.popShow = true;

  148.                 let data = {

  149.                     payment_code: code,

  150.                     payment_type: this.type

  151.                 }

  152.                 data['ids'] = (this.type == 1 || this.type == 5 || this.type == 6) ? this.orderId : this.uid

  153.                 switch (code) {

  154.                     case 'alipay':

  155.                         /**

  156.                          * 支付宝支付需要模拟GET提交数据

  157.                          */

  158.                         if (this.type == 1 && this.orderId) {

  159.                             data['params'] = {

  160.                                 trade_type: 'WAP',

  161.                                 return_url: baseUrl +

  162.                                     'wap/pages/goods/payment/result'

  163.                             }

  164.                         } else if (this.type == 2 && this.recharge) {

  165.                             data['params'] = {

  166.                                 money: this.recharge,

  167.                                 return_url: baseUrl + 'wap/pages/goods/payment/result'

  168.                             }

  169.                         } else if ((this.type == 5 || this.type == 6) && this.recharge) {

  170.                             data['params'] = {

  171.                                 formid: this.orderId

  172.                             }

  173.                         }

  174. 

  175.                         this.$api.pay(data, res => {

  176.                             if (res.status) {

  177.                                 const url = res.data.url

  178.                                 const data = res.data.data

  179. 

  180.                                 // 模拟GET提交

  181.                                 let tempForm = document.createElement('form')

  182.                                 tempForm.id = 'aliPay'

  183.                                 tempForm.methods = 'post'

  184.                                 tempForm.action = url

  185.                                 tempForm.target = '_self'

  186.                                 let input = []

  187.                                 for (let k in data) {

  188.                                     input[k] = document.createElement('input')

  189.                                     input[k].type = 'hidden'

  190.                                     input[k].name = k

  191.                                     input[k].value = data[k]

  192.                                     tempForm.appendChild(input[k])

  193.                                 }

  194.                                 tempForm.addEventListener('submit', function() {}, false)

  195.                                 document.body.appendChild(tempForm)

  196.                                 tempForm.dispatchEvent(new Event('submit'))

  197.                                 tempForm.submit()

  198.                                 document.body.removeChild(tempForm)

  199.                             }

  200.                         })

  201.                         break

  202.                     case 'wechatpay':

  203. 

  204.                         /**

  205.                          * 微信支付有两种

  206.                          * 判断是否在微信浏览器

  207.                          *     微信jsapi支付

  208.                          */

  209.                         let isWeiXin = this.$common.isWeiXinBrowser()

  210. 

  211.                         if (isWeiXin) {

  212.                             var transitUrl =

  213.                                 baseUrl +

  214.                                 'wap/pages/goods/payment/auth?order_id=' +

  215.                                 this.orderId +

  216.                                 '&type=' +

  217.                                 this.type;

  218. 

  219.                             if (this.type == 1 && this.orderId) {

  220.                                 // 微信jsapi支付

  221.                                 // if (this.openid) {

  222.                                 //   data['params'] = {

  223.                                 //     trade_type: 'JSAPI_OFFICIAL',

  224.                                 //     openid: this.openid

  225.                                 //   }

  226.                                 // } else {

  227.                                 //   data['params'] = {

  228.                                 //     trade_type: 'JSAPI_OFFICIAL',

  229.                                 //     url: window.location.href

  230.                                 //   }

  231.                                 // }

  232.                                 data['params'] = {

  233.                                     trade_type: 'JSAPI_OFFICIAL',

  234.                                     url: transitUrl

  235.                                 }

  236.                             } else if (this.type == 2 && this.recharge) {

  237.                                 data['params'] = {

  238.                                     trade_type: 'JSAPI_OFFICIAL',

  239.                                     money: this.recharge,

  240.                                     url: transitUrl + '&uid=' + this.uid + '&money=' + this.recharge

  241.                                 }

  242.                                 // if (this.openid) {

  243.                                 //   data['params'] = {

  244.                                 //     money: this.recharge,

  245.                                 //     openid: this.openid

  246.                                 //   }

  247.                                 // } else {

  248.                                 //   data['params'] = {

  249.                                 //     money: this.recharge,

  250.                                 //     url: window.location.href

  251.                                 //   }

  252.                                 // }

  253.                             } else if ((this.type == 5 || this.type == 6) && this.recharge) {

  254.                                 data['params'] = {

  255.                                     formid: this.orderId

  256.                                 }

  257.                             }

  258.                             this.$api.pay(data, res => {

  259.                                 if (!res.status && res.data == '10066') {

  260.                                     window.location.href = res.msg

  261.                                     return;

  262.                                 }

  263.                                 const data = res.data

  264.                                 this.checkWXJSBridge(data)

  265.                             })

  266.                         } else {

  267.                             // 微信 H5支付

  268.                             if (this.type == 1 && this.orderId) {

  269.                                 data['params'] = {

  270.                                     trade_type: 'MWEB',

  271.                                     return_url: baseUrl +

  272.                                         'wap/pages/goods/payment/result'

  273.                                 }

  274.                             } else if (this.type == 2 && this.recharge) {

  275.                                 data['params'] = {

  276.                                     trade_type: 'MWEB',

  277.                                     money: this.recharge,

  278.                                     return_url: baseUrl + 'wap/pages/goods/payment/result'

  279.                                 }

  280.                             } else if ((this.type == 5 || this.type == 6) && this.recharge) {

  281.                                 data['params'] = {

  282.                                     formid: this.orderId

  283.                                 }

  284.                             }

  285.                             // 微信h5支付

  286.                             this.$api.pay(data, res => {

  287.                                 if (res.status) {

  288.                                     location.href = res.data.mweb_url

  289.                                 } else {

  290.                                     this.$common.errorToShow(res.msg)

  291.                                 }

  292.                             })

  293.                         }

  294.                         break

  295.                     case 'balancepay':

  296.                         /**

  297.                          *  用户余额支付

  298.                          *

  299.                          */

  300.                         if ((this.type == 5 || this.type == 6) && this.recharge) {

  301.                             data['params'] = {

  302.                                 formid: this.orderId

  303.                             }

  304.                         }

  305.                         this.$api.pay(data, res => {

  306.                             if (res.status) {

  307.                                 this.$common.redirectTo(

  308.                                     '/pages/goods/payment/result?id=' + res.data.payment_id

  309.                                 )

  310.                             } else {

  311.                                 this.$common.errorToShow(res.msg)

  312.                             }

  313.                         })

  314.                         break

  315.                     case 'offline':

  316.                         /**

  317.                          * 线下支付

  318.                          */

  319.                         this.$common.modelShow(

  320.                             '线下支付说明',

  321.                             '请联系客服进行线下支付',

  322.                             () => {},

  323.                             false,

  324.                             '取消',

  325.                             '确定'

  326.                         )

  327.                         break

  328.                 }

  329.             },

  330.             // 支付中显示隐藏

  331.             popBtn() {

  332.                 this.popShow = false

  333.             }

  334.         }

  335.     }

  336. </script>

  337. 

  338. <style>

  339.     .payment-method .cell-item-hd {

  340.         min-width: 70upx;

  341.     }

  342. 

  343.     .payment-method .cell-hd-icon {

  344.         width: 70upx;

  345.         height: 70upx;

  346.     }

  347. 

  348.     .payment-method .cell-item-bd {

  349.         border-left: 2upx solid #f0f0f0;

  350.         padding-left: 30upx;

  351.     }

  352. 

  353.     .payment-method .cell-bd-text {

  354.         font-size: 28upx;

  355.         color: #666;

  356.     }

  357. 

  358.     .payment-method .address {

  359.         font-size: 24upx;

  360.         color: #999;

  361.     }

  362. 

  363. 

  364. 

  365.     .payment-pop {

  366.         position: fixed;

  367.         top: 50%;

  368.         left: 50%;

  369.         transform: translate(-50%, -50%);

  370.         width: 400rpx;

  371.         height: 272rpx;

  372.         background-color: #fff;

  373.         text-align: center;

  374.         box-shadow: 0 0 20rpx #ccc;

  375.         /* border-radius: 10rpx; */

  376.     }

  377. 

  378.     .payment-pop-c {

  379.         padding: 50rpx 30rpx;

  380.         /* line-height: 300rpx; */

  381.         font-size: 32rpx;

  382.         color: #999;

  383.     }

  384. 

  385.     .payment-pop-b {

  386.         position: absolute;

  387.         bottom: 0;

  388.         display: flex;

  389.         width: 100%;

  390.         justify-content: space-between;

  391.     }

  392. 

  393.     .payment-pop-b .btn {

  394.         flex: 1;

  395.     }

  396. 

  397.     .payment-pop .text {

  398.         font-size: 24upx;

  399.     }

  400. </style>

  401.
paymentsByWx.vue
复制代码
  1. <template>

  2.     <view class='cell-group payment-method payment-wx'>

  3.         <form class='cell-item add-title-item' v-for="item in payments" :key="item.code" @submit="toPayHandler" report-submit="true"

  4.          v-if="!(type == 2 && item.code == 'balancepay')">

  5.             <input name="code" :value="item.code" class="no-show">

  6.             <button class="btn" form-type="submit">

  7.                 <view class='cell-item-hd'>

  8.                     <image class='cell-hd-icon' :src='item.icon'></image>

  9.                 </view>

  10.                 <view class='cell-item-bd'>

  11.                     <view class="cell-bd-view">

  12.                         <text class="cell-bd-text">{{ item.name }}</text>

  13.                     </view>

  14.                     <view class="cell-bd-view">

  15.                         <text class="cell-bd-text address">{{ item.memo }}</text>

  16.                     </view>

  17.                 </view>

  18.                 <view class='cell-item-ft'>

  19.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  20.                 </view>

  21.             </button>

  22.         </form>

  23.         <view class="payment-pop" v-show="popShow">

  24.             <view class="payment-pop-c">

  25.                 <image src="/static/image/wait-pay.png"></image>

  26.                 <view class="text">支付中，请稍后...</view>

  27.             </view>

  28.             <view class="payment-pop-b">

  29.                 <button class="btn btn-c" @click="popBtn">支付失败</button>

  30.                 <button class="btn btn-o" @click="popBtn">支付成功</button>

  31.             </view>

  32.         </view>

  33.     </view>

  34. </template>

  35. 

  36. <script>

  37.     import {

  38.         apiBaseUrl

  39.     } from '@/config/config.js'

  40.     export default {

  41.         props: {

  42.             // 如果是商品订单此参数必须

  43.             orderId: {

  44.                 type: String,

  45.                 default () {

  46.                     return ''

  47.                 }

  48.             },

  49.             // 如果是充值订单此参数必须

  50.             recharge: {

  51.                 type: Number,

  52.                 default () {

  53.                     return 0

  54.                 }

  55.             },

  56.             // 用户id

  57.             uid: {

  58.                 type: Number,

  59.                 default () {

  60.                     return 0

  61.                 }

  62.             },

  63.             // 订单类型

  64.             type: {

  65.                 type: Number,

  66.                 default () {

  67.                     return 1

  68.                 }

  69.             }

  70.         },

  71.         data() {

  72.             return {

  73.                 payments: [],

  74.                 popShow: false

  75.             }

  76.         },

  77.         mounted() {

  78.             this.getPayments()

  79.         },

  80.         methods: {

  81.             // 获取可用支付方式列表

  82.             getPayments() {

  83.                 this.$api.paymentList({}, res => {

  84.                     if (res.status) {

  85.                         this.payments = this.formatPayments(res.data)

  86.                     }

  87.                 })

  88.             },

  89.             // 支付方式处理

  90.             formatPayments(payments) {

  91.                 // 过滤支付宝支付

  92.                 payments = payments.filter(item => item.code !== 'alipay')

  93. 

  94.                 // 如果是充值订单 过滤余额支付 过滤非线上支付方式

  95.                 if (this.type === 2) {

  96.                     payments = payments.filter(item => item.code !== 'balancepay' || item.is_online === 1)

  97.                 }

  98. 

  99.                 // 设置logo图片

  100.                 payments.forEach(item => {

  101.                     this.$set(item, 'icon', '/static/image/' + item.code + '.png')

  102.                 })

  103. 

  104.                 return payments

  105.             },

  106.             // 用户点击支付方式处理

  107.             toPayHandler(e) {

  108.                 this.popShow = true;

  109.                 let code = e.target.value.code;

  110.                 let formId = e.detail.formId;

  111. 

  112.                 let data = {

  113.                     payment_code: code,

  114.                     payment_type: this.type,

  115.                     params: {

  116.                         formid: formId

  117.                     }

  118.                 }

  119.                 data['ids'] = (this.type == 1 || this.type == 5 || this.type == 6) ? this.orderId : this.uid

  120. 

  121.                 // 判断订单支付类型

  122.                 if (this.type == 2 && this.recharge) {

  123.                     data['params'] = {

  124.                         money: this.recharge

  125.                     }

  126.                 } else if ((this.type == 5 || this.type == 6) && this.recharge) {

  127.                     data['params'] = {

  128.                         formid: this.orderId

  129.                     }

  130.                 }

  131.                 let _this = this

  132.                 switch (code) {

  133.                     case 'wechatpay':

  134.                         this.$api.pay(data, res => {

  135.                             if (res.status) {

  136.                                 uni.requestPayment({

  137.                                     provider: 'wxpay',

  138.                                     timeStamp: res.data.timeStamp,

  139.                                     nonceStr: res.data.nonceStr,

  140.                                     package: res.data.package,

  141.                                     signType: res.data.signType,

  142.                                     paySign: res.data.paySign,

  143.                                     success: function(e) {

  144.                                         if (e.errMsg === 'requestPayment:ok') {

  145.                                             _this.$common.successToShow(res.msg, () => {

  146.                                                 _this.$common.redirectTo('/pages/goods/payment/result?id=' + res.data.payment_id)

  147.                                             })

  148.                                         }

  149.                                     }

  150.                                 });

  151.                             } else {

  152.                                 this.$common.errorToShow(res.msg)

  153.                             }

  154.                         })

  155.                         break

  156.                     case 'balancepay':

  157.                         /**

  158.                          *  用户余额支付

  159.                          * 

  160.                          */

  161.                         this.$api.pay(data, res => {

  162.                             if (res.status) {

  163.                                 this.$common.redirectTo('/pages/goods/payment/result?id=' + res.data.payment_id)

  164.                             } else {

  165.                                 this.$common.errorToShow(res.msg)

  166.                             }

  167.                         })

  168.                         break

  169.                     case 'offline':

  170.                         /**

  171.                          * 线下支付

  172.                          */

  173.                         this.$common.modelShow('线下支付说明', '请联系客服进行线下支付', () => {}, false, '取消', '确定')

  174.                         break

  175.                 }

  176. 

  177.             },

  178.             // 支付中显示隐藏

  179.             popBtn() {

  180.                 this.popShow = false

  181.             }

  182.         }

  183. 

  184.     }

  185. </script>

  186. 

  187. <style>

  188.     .payment-method .cell-item-hd {

  189.         min-width: 70upx;

  190.     }

  191. 

  192.     .payment-method .cell-hd-icon {

  193.         width: 70upx;

  194.         height: 70upx;

  195.     }

  196. 

  197.     .payment-method .cell-item-bd {

  198.         border-left: 2upx solid #F0F0F0;

  199.         padding-left: 30upx;

  200.     }

  201. 

  202.     .payment-method .cell-bd-text {

  203.         font-size: 28upx;

  204.         color: #666;

  205.     }

  206. 

  207.     .payment-method .address {

  208.         font-size: 24upx;

  209.         color: #999;

  210.     }

  211. 

  212.     .no-show {

  213.         display: none;

  214.     }

  215. 

  216.     .payment-wx .btn {

  217.         background-color: #fff;

  218.         line-height: 1.7;

  219.         padding: 0;

  220.         width: 724upx;

  221.         position: relative;

  222.         overflow: hidden;

  223.         float: left;

  224.     }

  225. 

  226.     .payment-wx .btn .cell-item-hd {

  227.         min-width: 100upx;

  228.     }

  229. 

  230.     .payment-pop {

  231.         position: fixed;

  232.         top: 50%;

  233.         left: 50%;

  234.         transform: translate(-50%, -50%);

  235.         width: 400rpx;

  236.         height: 272rpx;

  237.         background-color: #fff;

  238.         text-align: center;

  239.         box-shadow: 0 0 20rpx #ccc;

  240.         /* border-radius: 10rpx; */

  241.     }

  242. 

  243.     .payment-pop-c {

  244.         padding: 50rpx 30rpx;

  245.         /* line-height: 300rpx; */

  246.         font-size: 32rpx;

  247.         color: #999;

  248.     }

  249. 

  250.     .payment-pop-c image {

  251.         width: 60upx;

  252.         height: 60upx;

  253.     }

  254. 

  255.     .payment-pop-b {

  256.         position: absolute;

  257.         bottom: 0;

  258.         display: flex;

  259.         width: 100%;

  260.         justify-content: space-between;

  261.     }

  262. 

  263.     .payment-pop-b .btn {

  264.         flex: 1;

  265.     }

  266. 

  267.     .payment-pop-b .btn-o {

  268.         background-color: #FF7159;

  269.     }

  270. 

  271.     .payment-pop .text {

  272.         font-size: 24upx;

  273.     }

  274. </style>

  275.

posters-layer

index.vue
复制代码
  1. <style lang="less">

  2. .posters-layer {

  3.   position: fixed;

  4.   top: -5000px;

  5.   left: -5000px;

  6. //   top: 0;

  7. //   left: 0;

  8. }

  9. </style>

  10. 

  11. <template>

  12.     <canvas

  13.         canvas-id="canvasdrawer"

  14.         :style="{width: width + 'px', height: height + 'px'}"

  15.         class="posters-layer">

  16.     </canvas>

  17. </template>

  18. <script>

  19. const CACHE_KEYS = 'temp_canvasdrawer_pic_cache';

  20. export default {

  21.     data() {

  22.         return {

  23.             width: 100,

  24.             height: 100,

  25.             paintingData: { views: [] },

  26.             index: 0,

  27.             imageList: [],

  28.             tempFileList: [],

  29.             isPainting: false,

  30.             ctx: null,

  31.             cache: {},

  32.         }

  33.     },

  34.     props: {

  35.         postersData: {

  36.             type: Object,

  37.             default() {

  38.                 return { views: [] };

  39.             }

  40.         }

  41.     },

  42.     watch: {

  43.         postersData(newVal, oldVal) {

  44.             newVal = newVal || { views: [] };

  45.             this.createPosters(newVal);

  46.         }

  47.     },

  48.     mounted() {

  49.         uni.removeStorageSync('CACHE_KEYS');

  50.         this.cache = uni.getStorageSync('CACHE_KEYS') || {};

  51.         this.ctx = uni.createCanvasContext('canvasdrawer', this);

  52.         this.createPosters(this.postersData);

  53.     },

  54.     methods: {

  55.         createPosters(newVal) {

  56.             if (!newVal.width || !newVal.height) {

  57.                 return;

  58.             };

  59.             // newVal = newVal || { views: [] };

  60.             newVal.views = newVal.views || [];

  61.             uni.removeStorageSync('CACHE_KEYS')

  62.             this.paintingData = newVal;

  63.             this.ctx && this.ctx.clearActions();

  64.             if (!this.isPainting) {

  65.                 if (newVal.width && newVal.height) {

  66.                     this.isPainting = true;

  67.                     try {

  68.                         this.readyPigment();

  69.                     }

  70.                     catch(err) {

  71.                         this.$emit('error');

  72.                     }

  73.                 }

  74.             }

  75.         },

  76.         readyPigment() {

  77.             const { width, height, views, background, radius = 0 } = this.paintingData;

  78.             this.width = width;

  79.             this.height = height;

  80.             const inter = setInterval(() => {

  81.                 if (this.ctx) {

  82.                     clearInterval(inter);

  83.                     this.ctx.clearActions();

  84.                     this.ctx.closePath();

  85.                     // begin another path

  86.                     this.ctx.beginPath();

  87.                     this.drawRect({

  88.                         //  || 'rgba(255, 255, 255, 0)'

  89.                         background: background,

  90.                         top: 0,

  91.                         left: 0,

  92.                         radius,

  93.                         width,

  94.                         height

  95.                     })

  96.                     this.getImageList(views);

  97.                     this.downLoadImages(0);

  98.                 }

  99.             }, 100);

  100.         },

  101.         getImageList(views) {

  102.             const imageList = [];

  103.             for (let i = 0; i < views.length; i++) {

  104.                 if (views[i].type === 'image') {

  105.                     imageList.push(views[i].url);

  106.                 }

  107.             }

  108.             this.imageList = imageList;

  109.         },

  110.         downLoadImages(index) {

  111.             const imageList = this.imageList;

  112.             const tempFileList = this.tempFileList;

  113.             if (index < imageList.length) {

  114.                 // console.log(imageList[index])

  115.                 this.getImageInfo(imageList[index]).then(imgInfo => {

  116.                     tempFileList.push(imgInfo)

  117.                     this.tempFileList = tempFileList;

  118.                     this.downLoadImages(index + 1);

  119.                 })

  120.             } else {

  121.                 this.startPainting();

  122.             }

  123.         },

  124.         tailorImageDraw(view, imgInfo) {

  125.             // _views.tailor == 'center'

  126.             let px = 1;

  127.             let wMultiple = (view.width * px) / imgInfo.originWidth;

  128.             let hMultiple = (view.height * px) / imgInfo.originHeight;

  129.             let sizeNormal = false;

  130.             if (wMultiple <= 1 && hMultiple <= 1) {

  131.                 let multiple = wMultiple > hMultiple ? wMultiple : hMultiple;

  132.                 // let tempW = imgInfo.originWidth * multiple;

  133.                 // let tempH = imgInfo.originHeight * multiple;

  134.                 let tempW = (view.width * px) / multiple;

  135.                 let tempH = (view.height * px) / multiple;

  136.                 let sx = (imgInfo.originWidth - tempW) / 2;

  137.                 let sy = (imgInfo.originHeight - tempH) / 2;

  138.                 let ex = sx + tempW;

  139.                 let ey = sy + tempH;

  140.                 view['sx'] = sx || 0;

  141.                 view['sy'] = sy || 0;

  142.                 view['ex'] = ex || 0;

  143.                 view['ey'] = ey || 0;

  144.                 sizeNormal = true;

  145.             }

  146.             const data = {

  147.                 ...view,

  148.                 ow: imgInfo.originWidth,

  149.                 oh: imgInfo.originHeight

  150.             };

  151.             // console.log(JSON.stringify(data));

  152.             if (!sizeNormal) {

  153.                 delete data.tailor;

  154.             }

  155.             // this.drawImage(data);

  156.             return data;

  157.         },

  158.         async startPainting() {

  159.             const { tempFileList, paintingData: { views } } = this;

  160.             for (let i = 0, imageIndex = 0; i < views.length; i++) {

  161.                 if (views[i].type === 'image') {

  162.                     let _img = tempFileList[imageIndex];

  163.                     let _views = views[i];

  164.                     let drawData = {};

  165.                     if (_views.tailor) {

  166.                         _views = this.tailorImageDraw(_views, _img);

  167.                     }

  168.                     drawData = {

  169.                         ..._views,

  170.                         url: _img.localPath

  171.                     };

  172.                     this.drawImage(drawData);

  173.                     // if (_views.radius) {

  174.                     //     this.drawRoundRect(drawData);

  175.                     // }

  176.                     // else {

  177.                     // }

  178.                     imageIndex++;

  179.                 } else if (views[i].type === 'text') {

  180.                     if (!this.ctx.measureText) {

  181.                         uni.showModal({

  182.                             title: '提示',

  183.                             content: '当前微信版本过低，无法使用 measureText 功能，请升级到最新微信版本后重试。'

  184.                         });

  185.                     } else {

  186.                         this.drawText(views[i]);

  187.                     }

  188.                 } else if (views[i].type === 'rect') {

  189.                     this.drawRect(views[i]);

  190.                 }

  191.                 else if (views[i].type === 'round') {

  192.                     this.drawRound(views[i]);

  193.                 }

  194.             }

  195.             this.ctx.draw(true, () => {

  196.                 uni.setStorageSync('CACHE_KEYS', this.cache);

  197.                 this.saveImageToLocal();

  198.             })

  199.         },

  200.         old_drawImage(params) {

  201.             // console.log(params)

  202.             const {

  203.                 url,

  204.                 top = 0,

  205.                 left = 0,

  206.                 width = 0,

  207.                 height = 0,

  208.                 sx = 0,

  209.                 sy = 0,

  210.                 ex = 0,

  211.                 ey = 0

  212.             } = params;

  213.             if ('tailor' in params) {

  214.                 this.ctx.drawImage(url, sx, sy, ex, ey, left, top, width, height);

  215.             }

  216.             else if (params.round === true) {

  217.                 this.drawRoundImage(params);

  218.             }

  219.             else {

  220.                 this.ctx.drawImage(url, left, top, width, height);

  221.             }

  222.         },

  223.         old_drawRoundImage(params) {

  224.             let ctx = this.ctx;

  225.             let x = params.left;

  226.             let y = params.top;

  227.             let w = params.width;

  228.             let h = params.height;

  229.             let url = params.url;

  230.             let r = w / 2;

  231.             ctx.save();

  232.             ctx.beginPath();

  233.             ctx.arc(x + r, y + r, r, 0, 2 * Math.PI);

  234.             ctx.setFillStyle(params.background || '#ffffff');

  235.             ctx.fill();

  236.             ctx.clip();

  237.             // 这个地方想要的是头像，简单点就放了个矩形

  238.             ctx.drawImage(url, x, y, w, h);

  239.             ctx.restore();

  240.         },

  241.          _drawRadiusRect(params) {

  242.             const {

  243.                 top = 0,

  244.                 left = 0,

  245.                 width = 0,

  246.                 height = 0,

  247.                 radius = 0,

  248.              } = params;

  249.             let x = left;

  250.             let y = top;

  251.             let w = width;

  252.             let h = height;

  253.             // let bgc = background;

  254.             let r = radius;

  255.             // let br = radius;

  256.             this.ctx.beginPath();

  257.             this.ctx.moveTo(x + r, y);    // 移动到左上角的点

  258.             this.ctx.lineTo(x + w - r, y);

  259.             this.ctx.arc(x + w - r, y + r, r, 2 * Math.PI * (3 / 4), 2 * Math.PI * (4 / 4));

  260.             this.ctx.lineTo(x + w, y + h - r);

  261.             this.ctx.arc(x + w - r, y + h - r, r, 0, 2 * Math.PI * (1 / 4));

  262.             this.ctx.lineTo(x + r, y + h);

  263.             this.ctx.arc(x + r, y + h - r, r, 2 * Math.PI * (1 / 4), 2 * Math.PI * (2 / 4));

  264.             this.ctx.lineTo((x), (y + r));

  265.             this.ctx.arc(x + r, y + r, r, 2 * Math.PI * (2 / 4), 2 * Math.PI * (3 / 4));

  266. 

  267.             // this.ctx.moveTo(x + r, y);

  268.             // this.ctx.arcTo(x + w, y, x + w, y + h, r);

  269.             // this.ctx.arcTo(x + w, y + h, x, y + h, r);

  270.             // this.ctx.arcTo(x, y + h, x, y, r);

  271.             // this.ctx.arcTo(x, y, x + w, y, r);

  272.         },

  273.         drawImage(params) {

  274.             const {

  275.                 type = '',

  276.                 background,

  277.                 top = 0,

  278.                 left = 0,

  279.                 width = 0,

  280.                 height = 0,

  281.                 radius = 0,

  282.                 url = '',

  283.                 sx = 0,

  284.                 sy = 0,

  285.                 ex = 0,

  286.                 ey = 0

  287.             } = params;

  288.             let x = left;

  289.             let y = top;

  290.             let w = width;

  291.             let h = height;

  292.             let r = radius;

  293.             this.ctx.save();

  294.             if (radius) {

  295.                 this.ctx.beginPath();

  296.                 

  297. 

  298.                 // if (radius === parseInt(width / 2)) {

  299.                 //     console.log('圆');

  300.                 //     this.ctx.beginPath();

  301.                 //     this.ctx.arc(left + radius, top + radius, radius, 0, 2 * Math.PI);

  302.                 //     this.ctx.setFillStyle(params.background || '#ffffff')

  303.                 //     this.ctx.fill()

  304.                 //     this.ctx.clip();

  305.                 //     this.ctx.drawImage(url, x, y, w, h);

  306.                 // }

  307.                 // else {

  308.                 // }

  309.                 this._drawRadiusRect(params);

  310.                 this.ctx.fill();

  311.                 this.ctx.clip();

  312.             }

  313.             if ('tailor' in params) {

  314.                 this.ctx.drawImage(url, sx, sy, ex, ey, left, top, width, height);

  315.             }

  316.             else {

  317.                 this.ctx.drawImage(url, left, top, width, height);

  318.             }

  319.             // this.drawImage(params);

  320.             

  321.             this.ctx.restore();

  322.         },

  323.         old_drawRound(params) {

  324.             let ctx = this.ctx;

  325.             let x = params.left;

  326.             let y = params.top;

  327.             let w = params.width;

  328.             let h = params.height;

  329.             let r = params.radius;

  330.             ctx.save();

  331.             ctx.beginPath();

  332.             ctx.arc(x + r, y + r, r, 0, 2 * Math.PI);

  333.             ctx.setFillStyle(params.background || '#ffffff');

  334.             ctx.fill();

  335.             ctx.clip();

  336.             ctx.restore();

  337.         },

  338.         drawText(params) {

  339.             let {

  340.                 MaxLineNumber = 2,

  341.                 breakWord = false,

  342.                 color = 'black',

  343.                 content = '',

  344.                 fontSize = 16,

  345.                 top = 0,

  346.                 left = 0,

  347.                 lineHeight = 20,

  348.                 textAlign = 'left',

  349.                 width,

  350.                 bolder = false,

  351.                 textDecoration = 'none'

  352.             } = params;

  353.             if (bolder) {

  354.                 top -= 0.3;

  355.             }

  356.             // this.ctx.save();

  357.             // this.ctx.beginPath();

  358.             // this.ctx.stroke();

  359.             let _setStyle = () => {

  360.                 // this.ctx.save();

  361.                 this.ctx.closePath();

  362.                 this.ctx.beginPath();

  363.                 this.ctx.setTextBaseline('top');

  364.                 this.ctx.setFillStyle(color);

  365.                 this.ctx.setFontSize(fontSize);

  366.                 this.ctx.setTextAlign(textAlign);

  367.             }

  368.             _setStyle();

  369.             if (!breakWord) {

  370.                 this.ctx.fillText(content, left, top);

  371.                 this.drawTextLine(left, top, textDecoration, color, fontSize, content);

  372.             } else {

  373.                 let fillText = '';

  374.                 let fillTop = top;

  375.                 let lineNum = 1;

  376.                 for (let i = 0; i < content.length; i++) {

  377.                     fillText += [content[i]];

  378.                     // _setStyle();

  379.                     if (this.ctx.measureText(fillText).width > width) {

  380.                         if (lineNum === MaxLineNumber) {

  381.                             if (i !== content.length) {

  382.                                 fillText = fillText.substring(0, fillText.length - 1) + '...';

  383.                                 // _setStyle();

  384.                                 this.ctx.fillText(fillText, left, fillTop);

  385.                                 this.drawTextLine(left, fillTop, textDecoration, color, fontSize, fillText);

  386.                                 fillText = '';

  387.                                 break;

  388.                             }

  389.                         }

  390.                         // _setStyle();

  391.                         this.ctx.fillText(fillText, left, fillTop);

  392.                         this.drawTextLine(left, fillTop, textDecoration, color, fontSize, fillText);

  393.                         fillText = '';

  394.                         fillTop += lineHeight;

  395.                         lineNum++;

  396.                     }

  397.                 }

  398.                 // _setStyle();

  399.                 this.ctx.fillText(fillText, left, fillTop);

  400.                 this.drawTextLine(left, fillTop, textDecoration, color, fontSize, fillText);

  401.             }

  402.             // this.ctx.draw();

  403.             if (bolder) {

  404.                 this.drawText({

  405.                     ...params,

  406.                     left: left - 0.3,

  407.                     top: top,

  408.                     bolder: false,

  409.                     textDecoration: 'none'

  410.                 });

  411.             }

  412.         },

  413.         drawTextLine(left, top, textDecoration, color, fontSize, content) {

  414.             if (textDecoration === 'underline') {

  415.                 this.drawRect({

  416.                     background: color,

  417.                     top: top + fontSize * 1.2,

  418.                     left: left - 1,

  419.                     width: this.ctx.measureText(content).width + 2,

  420.                     height: 1

  421.                 });

  422.             } else if (textDecoration === 'line-through') {

  423.                 this.drawRect({

  424.                     background: color,

  425.                     top: top + fontSize * 0.6,

  426.                     left: left - 1,

  427.                     width: this.ctx.measureText(content).width + 2,

  428.                     height: 1

  429.                 });

  430.             }

  431.         },

  432.         drawRect(params) {

  433.             // console.log(params)

  434.             const { background, top = 0, left = 0, width = 0, height = 0 } = params

  435.             this.ctx.save();

  436.             this.ctx.setFillStyle(background);

  437.             if (params.radius) {

  438.                 this._drawRadiusRect(params);

  439.                 this.ctx.fill();

  440.             }

  441.             else {

  442.                 this.ctx.setFillStyle(background);

  443.                 this.ctx.fillRect(left, top, width, height);

  444.             }

  445.             this.ctx.restore();

  446.         },

  447.         getImageInfo(url) {

  448.             return new Promise((resolve, reject) => {

  449.                 /* 获得要在画布上绘制的图片 */

  450.                 if (this.cache[url]) {

  451.                     resolve(this.cache[url]);

  452.                 } else {

  453.                     const objExp = new RegExp(/^http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/);

  454.                     if (objExp.test(url)) {

  455.                         uni.getImageInfo({

  456.                             src: url,

  457.                             complete: res => {

  458.                                 if (res.errMsg === 'getImageInfo:ok') {

  459.                                     const img = {

  460.                                         url,

  461.                                         originWidth: res.width,

  462.                                         originHeight: res.height,

  463.                                         localPath: res.path

  464.                                     };

  465.                                     this.cache[url] = img;

  466.                                     // console.log(res);

  467.                                     // resolve(res.path)

  468.                                     resolve(img);

  469.                                 } else {

  470.                                     reject(new Error('getImageInfo fail'));

  471.                                 }

  472.                             }

  473.                         });

  474.                     } else {

  475.                         this.cache[url] = {

  476.                             url,

  477.                             originWidth: 0,

  478.                             originHeight: 0,

  479.                             localPath: url

  480.                         };

  481.                         resolve(url);

  482.                     }

  483.                 }

  484.             })

  485.         },

  486.         saveImageToLocal() {

  487.             const { width, height } = this;

  488.             uni.canvasToTempFilePath({

  489.                 x: 0,

  490.                 y: 0,

  491.                 width,

  492.                 height,

  493.                 canvasId: 'canvasdrawer',

  494.                 success: res => {

  495.                     if (res.errMsg === 'canvasToTempFilePath:ok') {

  496.                         this.isPainting = false;

  497.                         this.imageList = [];

  498.                         this.tempFileList = [];

  499.                         this.$emit('success', {

  500.                             width,

  501.                             height,

  502.                             path: res.tempFilePath

  503.                         });

  504.                     }

  505.                 }

  506.             }, this);

  507.         }

  508.     }

  509. }

  510. </script>

  511.
README.md
复制代码
  1. # 海报生成组件

  2. 

  3. ## 组件使用

  4. 

  5. > 运行下面demo时，主要图片路径

  6.

<template>

复制代码
  1. <view>

  2.     <posters-layer

  3.         :postersData="postersData"

  4.         @success="onSuccessCreatePosters"

  5.         @error="onPostersError">

  6.     </posters-layer>

  7.     <img :src="posterImg.path" />

  8. </view>

</template>
<script>
import postersLayer from '../../components/posters-layer/index';
export default {

复制代码
  1. data() {

  2.     return {

  3.         postersData: {},

  4.         posterImg: {}

  5.     };

  6. },

  7. components: {

  8.     postersLayer

  9. },

  10. onLoad() {

  11.     this.initPostersConfig();

  12. },

  13. methods: {

  14.     initPostersConfig() {

  15.         const config = {

  16.             clear: true,

  17.             width: 660,

  18.             height: 850,

  19.             background: '#ffffff',

  20.             views: [

  21.             {

  22.                 type: 'image',

  23.                 width: 660,

  24.                 height: 660,

  25.                 top: 0,

  26.                 left: 0,

  27.                 // 封面图，测试的时候填上

  28.                 url: 'http://127.0.0.1:8080/static/images/test/1.jpg'

  29.             },

  30.             {

  31.                 type: 'text',

  32.                 width: 400,

  33.                 height: 50,

  34.                 left: 20,

  35.                 top: 680,

  36.                 fontSize: 30,

  37.                 lineHeight: 40,

  38.                 bolder: true,

  39.                 breakWord: true,

  40.                 content: '        Apple/苹果 iPhone XR 移动联通电信全网通版 苹果xr iphonexr 苹果xr手机 iphone xr',

  41.                 MaxLineNumber: 2

  42.             },

  43.             {

  44.                 type: 'rect',

  45.                 width: 70,

  46.                 height: 34,

  47.                 left: 20,

  48.                 top: 684,

  49.                 background: '#ff4201',

  50.                 radius: 8

  51.             },

  52.             {

  53.                 type: 'text',

  54.                 width: 400,

  55.                 height: 50,

  56.                 left: 20,

  57.                 top: 690,

  58.                 fontSize: 24,

  59.                 lineHeight: 40,

  60.                 bolder: true,

  61.                 breakWord: true,

  62.                 content: ' 活动',

  63.                 color: '#ffffff',

  64.                 MaxLineNumber: 2

  65.             },

  66.             {

  67.                 type: 'text',

  68.                 width: 400,

  69.                 left: 20,

  70.                 top: 770,

  71.                 fontSize: 54,

  72.                 bolder: true,

  73.                 breakWord: true,

  74.                 content: '￥0.0',

  75.                 color: '#F40',

  76.                 MaxLineNumber: 2

  77.             },

  78.             {

  79.                 type: 'image',

  80.                 width: 140,

  81.                 height: 140,

  82.                 top: 680,

  83.                 left: 500,

  84.                 // 二维码图片路径，测试的时候填上

  85.                 url: 'http://127.0.0.1:8080/static/images/test/qr.png'

  86.             },

  87.             ]

  88.         };

  89.         this.postersData = config;

  90.     },

  91.     onSuccessCreatePosters(res) {

  92.         this.posterImg = res;

  93.     },

  94.     onPostersError(res) {}

  95. }

}
</script>

复制代码
  1. 

  2. 

  3. ## 组件参数解释

  4. 

  5. ### config字段

  6. 

  7. 

  8. | 字段             | 类型                     | 必填 | 描述                                       |

  9. | --------------- | ------------------------ | ---- | ------------------------------------------ |

  10. | width           | Number(单位:px)         | 是   | 画布宽度                                   |

  11. | height          | Number(单位:px)         | 是   | 画布高度                                   |

  12. | background      | String                 | 否   | 画布背景颜色                                   |

  13. | radius          | Number                  | 否   | 圆角 |

  14. | views           | Array                  | 否   | 海报的所有元素             |

  15. 

  16. ### views字段

  17. 

  18. #### 文本

  19. | 字段             | 类型                     | 必填 | 描述 |

  20. | --------------- | ------------------------ | ---- | ------------------------------------------ |

  21. | type            | String                   | 是   | 类型，值：text                               | 

  22. | width           | Number(单位:px)           | 是   | 宽度                                   | 

  23. | height          | Number(单位:px)           | 否   | 高度                                   | 

  24. | left            | Number(单位:px)           | 否   | 距离海报左边距                          |

  25. | top             | Number(单位:px)           | 否   | 距离海报上边距                          |

  26. | fontSize        | Number(单位:px)           | 否   | 字体大小，默认：16                       |

  27. | lineHeight      | Number(单位:px)           | 否   | 行高，默认：20                           |

  28. | breakWord       | Boolean                  | 否   | 是否自动换行，默认：false                   |

  29. | bolder          | Boolean                  | 否   | 是否加粗，默认：false                      |

  30. | textAlign       | String                   | 否   | 对齐方式，可选值：left、center、right，默认：left    |

  31. | color           | String                   | 否   | 字体颜色                                  |

  32. | content         | String                   | 是   | 文本内容                                 |

  33. | MaxLineNumber   | Number                   | 否   | 显示多少行，超出省略                        |

  34. 

  35. 

  36. ### 矩形

  37. | 字段             | 类型                     | 必填 | 描述 |

  38. | --------------- | ------------------------ | ---- | ------------------------------------------ |

  39. | type            | String                   | 是   | 类型，值：rect                              | 

  40. | width           | Number(单位:px)           | 是   | 宽度                                       | 

  41. | height          | Number(单位:px)           | 是   | 高度                                       | 

  42. | left            | Number(单位:px)           | 否   | 距离海报左边距                               | 

  43. | top             | Number(单位:px)           | 否   | 距离海报上边距                               | 

  44. | radius          | Number(单位:px)           | 否   | 圆角半径，如果radius === width / 2，则是个圆，和CSS一样   | 

  45. | background      | String                   | 否   | 填充背景色                                   | 

  46. 

  47. ### 图片

  48. | 字段             | 类型                     | 必填 | 描述 |

  49. | --------------- | ------------------------ | ---- | ------------------------------------------ |

  50. | type            | String                   | 是   | 类型，值：image                              | 

  51. | tailor          | Number(单位:px)           | 否   | 裁剪方式，可选值：center                           | 

  52. | radius          | Number(单位:px)           | 否   | 圆角半径，如果radius === width / 2，则是个圆，和CSS一样   | 

  53. | width           | Number(单位:px)           | 是   | 宽度                               | 

  54. | height          | Number(单位:px)           | 是   | 高度                               | 

  55. | left            | Number(单位:px)           | 否   | 距离海报左边距                               | 

  56. | top             | Number(单位:px)           | 否   | 距离海报上边距                               | 

  57. | url             | String                   | 是   | 图片路径                               | 

  58. 

  59. 

  60. ## 事件

  61. 

  62. ### `success` 海报生成成功时触发

  63. 

  64. ### `error` 海报生成失败时触发

red-bag

index.vue
复制代码
  1. <template>

  2.   <view class="wrapper" v-show="redBagShow">

  3.     <view class="modal-bg" >

  4.     </view>

  5.     <view class="rb-wrapper">

  6.       <view class="rb-content" @click="handleBtn">

  7. 

  8.       </view>

  9.       <view class="close" @click="handleClose">

  10.         <image src='../../static/image/close.png' class="img"></image>

  11.       </view>

  12.     </view>

  13.   </view>

  14. </template>

  15. 

  16. <script>

  17. export default {

  18.   name: 'redBag',

  19.   components: {},

  20.   props: {

  21.     

  22.   },

  23.   data() {

  24.     return {

  25.       redBagShow: true

  26.     }

  27.   },

  28.   watch: {},

  29.   computed: {},

  30.   methods: {

  31.     handleClose() {

  32.       this.redBagShow=false

  33.     },

  34.     handleBtn() {

  35.       this.$emit('click')

  36.       this.redBagShow=false

  37.     }

  38.   },

  39.   created() {},

  40.   mounted() {}

  41. }

  42. </script>

  43. <style lang="scss" scoped>

  44. .modal-bg {

  45.   position: absolute;

  46.   width: 100%;

  47.   height: 100%;

  48.   top: 0;

  49.   left: 0;

  50.   background: rgba(0, 0, 0, 0.4);

  51. }

  52. .rb-wrapper {

  53.   position: absolute;

  54.   top: 50%;

  55.   left: 50%;

  56.   width: 60%;

  57.   height: 600upx;

  58.   transform: translate3d(-50%, -50%, 0);

  59.   background: red;

  60.   padding: 40upx;

  61.   .rb-content{

  62.     height: 100%;

  63.   }

  64.   .close {

  65.     position: absolute;

  66.     bottom: -120upx;

  67.     left: 50%;

  68.     margin-left: -30upx;

  69.     width: 60upx;

  70.     height: 60upx;

  71.     border-radius: 50%;

  72.     background: #ddd;

  73.     .img {

  74.       width: 100%;

  75.       height: 100%;

  76.     }

  77.   }

  78. }

  79. </style>

share

share.vue
复制代码
  1. <template>

  2.     

  3.     <view style="width: 100%;height: 300upx;background: #FFFFFF;position: absolute;left:0;bottom: 0;">

  4.         <!-- #ifdef H5 || APP-PLUS || MP-ALIPAY -->

  5.         <view class="share-pop">

  6.             <view class="share-item" 

  7.             v-for="(item, index) in providerList"

  8.             :key="index"

  9.             @click="clickHandler(item)">

  10.                 <image :src="item.img" mode=""></image>

  11.                 <view class="">{{ item.name }}</view>

  12.             </view>

  13.         </view>

  14.         <view class="button-bottom">

  15.             <button class="btn btn-w btn-square" @click="close()">关闭</button>

  16.         </view>

  17.         <!-- #endif -->

  18.         

  19.         <!-- #ifdef MP-WEIXIN -->

  20.         <view class="share-pop">

  21.             <view class="share-item">

  22.                 

  23.                 <button class="btn" open-type="share">

  24.                     <image src="../../../static/image/share-f.png" mode=""></image>

  25.                     <view class="">

  26.                         分享微信好友

  27.                     </view>

  28.                 </button>

  29.             </view>

  30.             <view class="share-item" @click="createPoster()">

  31.                 <image src="../../../static/image/poster.png" mode=""></image>

  32.                 <view class="">生成海报</view>

  33.             </view>

  34.         </view>

  35.         <view class="button-bottom">

  36.             <button class="btn btn-w btn-square" @click="close()">关闭</button>

  37.         </view>

  38.         <!-- #endif -->

  39.         

  40.         <!-- #ifdef MP-ALIPAY -->

  41.         <view class="share-pop">

  42.             <view class="share-item">

  43.                 <image src="../../../static/image/share-f.png" mode=""></image>

  44.                 <button class="btn" open-type="share">分享给好友</button>

  45.             </view>

  46.             <view class="share-item" @click="createPoster()">

  47.                 <image src="../../../static/image/poster.png" mode=""></image>

  48.                 <view class="">生成海报</view>

  49.             </view>

  50.         </view>

  51.         <view class="button-bottom">

  52.             <button class="btn btn-w btn-square" @click="close()">关闭</button>

  53.         </view>

  54.         <!-- #endif -->

  55.     </view>    

  56. </template>

  57. 

  58. <script>

  59. import { apiBaseUrl } from '@/config/config.js'    

  60. export default {

  61.     props: {

  62.         // 商品id

  63.         goodsId: {

  64.             type: Number,

  65.             default: 0

  66.         },

  67.         // 分享的图片

  68.         shareImg: {

  69.             type: String,

  70.             default: ''

  71.         },

  72.         // 分享标题

  73.         shareTitle: {

  74.             type: String,

  75.             default: ''

  76.         },

  77.         // 分享内容

  78.         shareContent: {

  79.             type: String,

  80.             default: ''

  81.         },

  82.         // 分享链接

  83.         shareHref: {

  84.             type: String,

  85.             default: ''

  86.         }

  87.     },

  88.     data () {

  89.         return {

  90.             shareType: 0,

  91.             providerList: [] // 分享通道 包含生成海报

  92.         }

  93.     },

  94.     mounted () {

  95.         /**

  96.          * 

  97.          * H5端分享两种 (微信浏览器内引导用户去分享, 其他浏览器)

  98.          * 

  99.          */

  100.         // #ifdef H5

  101.         if (this.$common.isWeiXinBrowser()) {

  102.             // 微信浏览器里面

  103.         } else {

  104.             // 其他浏览器里面

  105.             this.providerList = [

  106.                 {

  107.                     name: '分享给好友',

  108.                     cate: 'share',

  109.                     id: 'share',

  110.                     img: '../../../static/image/share-f.png',

  111.                     sort: 0

  112.                 },

  113.                 {

  114.                     name: '生成海报',

  115.                     cate: 'poster',

  116.                     id: 'poster',

  117.                     img: '../../../static/image/poster.png',

  118.                     sort: 1

  119.                 }

  120.             ]

  121.         }

  122.         // #endif

  123.         

  124.         

  125.         /**

  126.          * 

  127.          *  支付宝小程序中的分享

  128.          * 

  129.          */

  130.         // #ifdef MP-ALIPAY

  131.         this.providerList = [

  132.             {

  133.                 name: '生成海报',

  134.                 cate: 'poster',

  135.                 id: 'poster',

  136.                 img: '../../../static/image/ic-img.png',

  137.                 sort: 1

  138.             }

  139.         ]

  140.         // #endif

  141.         

  142.         

  143.         /**

  144.          * 

  145.          *  H5+ 获取分享通道

  146.          * 

  147.          */

  148.         // #ifdef APP-PLUS

  149.         uni.getProvider({

  150.             service: 'share',

  151.             success: (e) => {

  152.                 let data = []

  153.                 for (let i = 0; i < e.provider.length; i++) {

  154.                     switch (e.provider[i]) {

  155.                         case 'weixin':

  156.                             data.push({

  157.                                 name: '分享到微信好友',

  158.                                 cate: 'share',

  159.                                 id: 'weixin',

  160.                                 img: '../../../static/image/ic-wechat.png',

  161.                                 sort: 0

  162.                             })

  163.                             data.push({

  164.                                 name: '分享到微信朋友圈',

  165.                                 cate: 'share',

  166.                                 id: 'weixin',

  167.                                 type:'WXSenceTimeline',

  168.                                 img: '../../../static/image/circle-of-friends.png',

  169.                                 sort:1

  170.                             })

  171.                             break;

  172. //                         case 'sinaweibo':

  173. //                             data.push({

  174. //                                 name: '分享到新浪微博',

  175. //                                 cate: 'share',

  176. //                                 id: 'sinaweibo',

  177. //                                 img: '../../../static/image/sina-weibo.png',

  178. //                                 sort:2

  179. //                             })

  180. //                             break;

  181.                         case 'qq':

  182.                             data.push({

  183.                                 name: '分享到QQ',

  184.                                 cate: 'share',

  185.                                 id: 'qq',

  186.                                 img: '../../../static/image/qq.png',

  187.                                 sort:3

  188.                             })

  189.                             break;

  190.                         default:

  191.                             break;

  192.                     }

  193.                 }

  194.                 

  195.                 data.push({

  196.                     name: '生成海报',

  197.                     cate: 'poster',

  198.                     id: 'poster',

  199.                     img: '../../../static/image/poster.png',

  200.                     sort: 5

  201.                 })

  202.                 this.providerList = data.sort((x,y) => {

  203.                     return x.sort - y.sort

  204.                 });

  205.             },

  206.             fail: (e) => {

  207.                 // console.log('获取分享通道失败', e)

  208.             }

  209.         });

  210.         // #endif

  211.     },

  212.     methods: {

  213.         // 关闭弹出层

  214.         close () {

  215.             this.$emit('close')

  216.         },

  217.         // 点击操作

  218.         clickHandler (e) {

  219.             if (e.cate === 'poster') {

  220.                 this.createPoster()

  221.             } else {

  222.                 // 去分享

  223.                 this.share(e)

  224.             }

  225.         },

  226.         // 生成海报

  227.         createPoster () {

  228.             let data = {

  229.                 id: this.goodsId,

  230.                 type: 1

  231.             }

  232.             

  233.             let pages = getCurrentPages()

  234.             let page = pages[pages.length - 1]

  235.             

  236.             // #ifdef H5

  237.             data.source = 1;

  238.             data.return_url = apiBaseUrl + 'wap/pages/share/jump';

  239.             // #endif

  240.             

  241.             // #ifdef MP-WEIXIN

  242.             data.source = 2;

  243.             data.return_url = 'pages/share/jump'; //page.route;

  244.             // #endif

  245.             

  246.             // #ifdef MP-ALIPAY

  247.             data.source = 3;

  248.             data.return_url = 'pages/share/jump';//page.__proto__.route;

  249.             // #endif

  250.             

  251.             let userToken = this.$db.get('userToken')

  252.             

  253.             if (userToken) {

  254.                 data.user_id = userToken

  255.             }

  256.             

  257.             this.$api.createPoster(data, res => {

  258.                 if (res.status) {

  259.                     this.close()

  260.                     this.$common.navigateTo('/pages/share?poster=' + res.data)

  261.                 } else {

  262.                     this.$common.errorToShow(res.msg)

  263.                 }

  264.             })

  265.         },

  266.         // 分享操作

  267.         async share (e) {

  268.             // console.log('分享通道:'+ e.id +'； 分享类型:' + this.shareType);

  269. //             if(!this.shareContent){

  270. //                 uni.showModal({

  271. //                     content:'分享内容不能为空',

  272. //                     showCancel:false

  273. //                 })

  274. //                 return;

  275. //             }

  276. //             

  277. //             if(!this.shareImg){

  278. //                 uni.showModal({

  279. //                     content:'分享图片不能为空',

  280. //                     showCancel:false

  281. //                 })

  282. //                 return;

  283. //             }

  284.             

  285.             // #ifdef APP-PLUS

  286.             let shareOPtions = {

  287.                 provider: e.id,

  288.                 scene: e.type && e.type === 'WXSenceTimeline' ? 'WXSenceTimeline' : 'WXSceneSession', //WXSceneSession”分享到聊天界面，“WXSenceTimeline”分享到朋友圈，“WXSceneFavorite”分享到微信收藏     

  289.                 type: this.shareType,

  290.                 success: (e) => {

  291.                     uni.showModal({

  292.                         content: '分享成功',

  293.                         showCancel:false

  294.                     })

  295.                 },

  296.                 fail: (e) => {

  297.                     uni.showModal({

  298.                         content: e.errMsg,

  299.                         showCancel:false

  300.                     })

  301.                 },

  302.                 complete:function(){

  303.                     // console.log('分享操作结束!')

  304.                 }

  305.             }

  306.             

  307.             shareOPtions.summary = this.shareContent ? this.shareContent : ''

  308.             shareOPtions.imageUrl = this.shareImg ? this.shareImg : ''

  309.             shareOPtions.title = this.shareTitle ? this.shareTitle : ''

  310.             shareOPtions.href = this.shareHref ? this.shareHref : ''

  311.             

  312.             if(shareOPtions.type === 0 && plus.os.name === 'iOS'){//如果是图文分享，且是ios平台，则压缩图片 

  313.                 shareOPtions.imageUrl = await this.compress()

  314.             }

  315.             if(shareOPtions.type === 1 && shareOPtions.provider === 'qq'){//如果是分享文字到qq，则必须加上href和title

  316.                 shareOPtions.href = this.shareHref

  317.                 shareOPtions.title = this.shareTitle

  318.             }

  319.             uni.share(shareOPtions);    

  320.             // #endif

  321.         },

  322.         // 压缩图片 图文分享要求分享图片大小不能超过20Kb

  323.         compress () {

  324.             // console.log('开始压缩');

  325.             let img = this.shareImg;

  326.             return new Promise((res) => {

  327.                 var localPath = plus.io.convertAbsoluteFileSystem(img.replace('file://', ''));

  328.                 // console.log('after' + localPath);

  329.                 // 压缩size

  330.                 plus.io.resolveLocalFileSystemURL(localPath, (entry) => {

  331.                     entry.file((file) => {// 可通过entry对象操作图片 

  332.                         // console.log('getFile:' + JSON.stringify(file));

  333.                         if(file.size > 20480) {// 压缩后size 大于20Kb

  334.                             plus.zip.compressImage({

  335.                                 src: img,

  336.                                 dst: img.replace('.jpg', '2222.jpg').replace('.JPG', '2222.JPG'),

  337.                                 width: '10%',

  338.                                 height: '10%',

  339.                                 quality: 1,

  340.                                 overwrite: true

  341.                             }, (event) => {

  342.                                 // console.log('success zip****' + event.size);

  343.                                 let newImg = img.replace('.jpg', '2222.jpg').replace('.JPG', '2222.JPG');

  344.                                 res(newImg);

  345.                             }, function(error) {

  346.                                 uni.showModal({

  347.                                     content:'分享图片太大,需要请重新选择图片!',

  348.                                     showCancel:false

  349.                                 })

  350.                             });

  351.                         }

  352.                     });

  353.                 }, (e) => {

  354.                     // console.log('Resolve file URL failed: ' + e.message);

  355.                     uni.showModal({

  356.                         content:'分享图片太大,需要请重新选择图片!',

  357.                         showCancel:false

  358.                     })

  359.                 });

  360.             })

  361.         }

  362.     }

  363. }    

  364. </script>

  365. 

  366. <style>

  367. .share-pop{

  368.     height: 300upx;

  369.     width: 100%;

  370.     display: flex;

  371. }

  372. .share-item{

  373.     flex: 1;

  374.     text-align: center;

  375.     font-size: 26upx;

  376.     color: #333;

  377.     padding: 20upx 0;

  378. }

  379. .share-item image{

  380.     width: 80upx;

  381.     height: 80upx;

  382.     margin: 20upx;

  383. }    

  384. .share-item .btn{

  385.     line-height: 1;

  386.     display: block;

  387.     font-size: 26upx;

  388.     background-color: #fff;

  389. }

  390. </style>

  391.
shareByAli.vue
复制代码
  1. <template>

  2.     

  3.     <view style="width: 100%;height: 300upx;background: #FFFFFF;position: absolute;left:0;bottom: 0;">

  4. 

  5.         <view class="share-pop">

  6.             <view class="share-item">

  7.                 <button class="btn" open-type="share">

  8.                     <image src="../../../static/image/share-f.png" mode=""></image>

  9.                     <button class="btn" open-type="share">分享给好友</button>

  10.                 </button>

  11.             </view>

  12.             <view class="share-item" @click="createPoster()">

  13.                 <image src="../../../static/image/poster.png" mode=""></image>

  14.                 <view class="">生成海报</view>

  15.             </view>

  16.         </view>

  17.         <view class="button-bottom">

  18.             <button class="btn btn-w btn-square" @click="close()">关闭</button>

  19.         </view>

  20.     </view>    

  21. </template>

  22. 

  23. <script>

  24. import { apiBaseUrl } from '@/config/config.js'

  25. export default {

  26.     props: {

  27.         // 商品id

  28.         goodsId: {

  29.             type: Number,

  30.             default: 0

  31.         },

  32.         // 分享的图片

  33.         shareImg: {

  34.             type: String,

  35.             default: ''

  36.         },

  37.         // 分享标题

  38.         shareTitle: {

  39.             type: String,

  40.             default: ''

  41.         },

  42.         // 分享内容

  43.         shareContent: {

  44.             type: String,

  45.             default: ''

  46.         },

  47.         // 分享链接

  48.         shareHref: {

  49.             type: String,

  50.             default: ''

  51.         },

  52.         //分享类型

  53.         shareType:{

  54.             type:Number,

  55.             default:1

  56.         },

  57.         //拼团id

  58.         groupId:{

  59.             type:Number,

  60.             default:0

  61.         },

  62.         //拼团的团队id

  63.         teamId:{

  64.             type:Number,

  65.             default:0

  66.         }

  67.     },

  68.     data () {

  69.         return {

  70.             shareType: 0,

  71.             providerList: [] // 分享通道 包含生成海报

  72.         }

  73.     },

  74.     mounted () {

  75.         

  76.     },

  77.     methods: {

  78.         // 关闭弹出层

  79.         close () {

  80.             this.$emit('close')

  81.         },

  82.         // 生成海报

  83.         createPoster () {

  84.             let data = {

  85.                 id: this.goodsId,

  86.                 type: this.shareType,

  87.                 group_id :this.groupId,

  88.                 team_id :this.teamId,

  89.             }

  90.             

  91.             let pages = getCurrentPages()

  92.             let page = pages[pages.length - 1]

  93.             

  94.             data.source = 3;

  95.             data.return_url = 'pages/share/jump';//page.__proto__.route;

  96.             

  97.             let userToken = this.$db.get('userToken')

  98.             if (userToken) {

  99.                 data.token = userToken

  100.             }

  101.             

  102.             this.$api.createPoster(data, res => {

  103.                 if (res.status) {

  104.                     this.close()

  105.                     this.$common.navigateTo('/pages/share?poster=' + res.data)

  106.                 } else {

  107.                     this.$common.errorToShow(res.msg)

  108.                 }

  109.             })

  110.         },

  111.         // 分享操作

  112.         async share (e) {

  113. 

  114.         }

  115.     }

  116. }    

  117. </script>

  118. 

  119. <style>

  120. .share-pop{

  121.     height: 300upx;

  122.     width: 100%;

  123.     display: flex;

  124. }

  125. .share-item{

  126.     flex: 1;

  127.     text-align: center;

  128.     font-size: 26upx;

  129.     color: #333;

  130.     padding: 20upx 0;

  131. }

  132. .share-item image{

  133.     width: 80upx;

  134.     height: 80upx;

  135.     margin: 20upx;

  136. }    

  137. .share-item .btn{

  138.     line-height: 1;

  139.     display: block;

  140.     font-size: 26upx;

  141.     background-color: #fff;

  142. }

  143. </style>

  144.
shareByApp.vue
复制代码
  1. <template>

  2.     

  3.     <view style="width: 100%;height: 300upx;background: #FFFFFF;position: absolute;left:0;bottom: 0;">

  4.         <view class="share-pop">

  5.             <view class="share-item" 

  6.             v-for="(item, index) in providerList"

  7.             :key="index"

  8.             @click="clickHandler(item)">

  9.                 <image :src="item.img" mode=""></image>

  10.                 <view class="">{{ item.name }}</view>

  11.             </view>

  12.         </view>

  13.         <view class="button-bottom">

  14.             <button class="btn btn-w btn-square" @click="close()">关闭</button>

  15.         </view>

  16.     </view>    

  17. </template>

  18. 

  19. <script>

  20. import { apiBaseUrl } from '@/config/config.js'

  21. export default {

  22.     props: {

  23.         // 商品id

  24.         goodsId: {

  25.             type: Number,

  26.             default: 0

  27.         },

  28.         // 分享的图片

  29.         shareImg: {

  30.             type: String,

  31.             default: ''

  32.         },

  33.         // 分享标题

  34.         shareTitle: {

  35.             type: String,

  36.             default: ''

  37.         },

  38.         // 分享内容

  39.         shareContent: {

  40.             type: String,

  41.             default: ''

  42.         },

  43.         // 分享链接

  44.         shareHref: {

  45.             type: String,

  46.             default: ''

  47.         }

  48.     },

  49.     data () {

  50.         return {

  51.             shareType: 0,

  52.             providerList: [] // 分享通道 包含生成海报

  53.         }

  54.     },

  55.     mounted () {

  56.         /**

  57.          * 

  58.          *  H5+ 获取分享通道

  59.          * 

  60.          */

  61.         uni.getProvider({

  62.             service: 'share',

  63.             success: (e) => {

  64.                 let data = []

  65.                 for (let i = 0; i < e.provider.length; i++) {

  66.                     switch (e.provider[i]) {

  67.                         case 'weixin':

  68.                             data.push({

  69.                                 name: '分享到微信好友',

  70.                                 cate: 'share',

  71.                                 id: 'weixin',

  72.                                 img: '../../../static/image/ic-wechat.png',

  73.                                 sort: 0

  74.                             })

  75.                             data.push({

  76.                                 name: '分享到微信朋友圈',

  77.                                 cate: 'share',

  78.                                 id: 'weixin',

  79.                                 type:'WXSenceTimeline',

  80.                                 img: '../../../static/image/circle-of-friends.png',

  81.                                 sort:1

  82.                             })

  83.                             break;

  84. //                         case 'sinaweibo':

  85. //                             data.push({

  86. //                                 name: '分享到新浪微博',

  87. //                                 cate: 'share',

  88. //                                 id: 'sinaweibo',

  89. //                                 img: '../../../static/image/sina-weibo.png',

  90. //                                 sort:2

  91. //                             })

  92. //                             break;

  93.                         case 'qq':

  94.                             data.push({

  95.                                 name: '分享到QQ',

  96.                                 cate: 'share',

  97.                                 id: 'qq',

  98.                                 img: '../../../static/image/qq.png',

  99.                                 sort:3

  100.                             })

  101.                             break;

  102.                         default:

  103.                             break;

  104.                     }

  105.                 }

  106.                 

  107.                 data.push({

  108.                     name: '生成海报',

  109.                     cate: 'poster',

  110.                     id: 'poster',

  111.                     img: '../../../static/image/poster.png',

  112.                     sort: 5

  113.                 })

  114.                 this.providerList = data.sort((x,y) => {

  115.                     return x.sort - y.sort

  116.                 });

  117.             },

  118.             fail: (e) => {

  119.                 // console.log('获取分享通道失败', e)

  120.             }

  121.         });

  122.     },

  123.     methods: {

  124.         // 关闭弹出层

  125.         close () {

  126.             this.$emit('close')

  127.         },

  128.         // 点击操作

  129.         clickHandler (e) {

  130.             if (e.cate === 'poster') {

  131.                 this.createPoster()

  132.             } else {

  133.                 // 去分享

  134.                 this.share(e)

  135.             }

  136.         },

  137.         // 生成海报

  138.         createPoster () {

  139.             let data = {

  140.                 id: this.goodsId,

  141.                 type: 1

  142.             }

  143.             

  144.             let pages = getCurrentPages()

  145.             let page = pages[pages.length - 1]

  146.             

  147.             data.source = 1;

  148.             data.return_url = apiBaseUrl + 'wap/' + page.route;

  149.             

  150.             let userToken = this.$db.get('userToken')

  151.             if (userToken) {

  152.                 data.token = userToken

  153.             }

  154.             

  155.             this.$api.createPoster(data, res => {

  156.                 if (res.status) {

  157.                     this.close()

  158.                     this.$common.navigateTo('/pages/share?poster=' + res.data)

  159.                 } else {

  160.                     this.$common.errorToShow(res.msg)

  161.                 }

  162.             })

  163.         },

  164.         // 分享操作

  165.         async share (e) {

  166.             // console.log('分享通道:'+ e.id +'； 分享类型:' + this.shareType);

  167. //             if(!this.shareContent){

  168. //                 uni.showModal({

  169. //                     content:'分享内容不能为空',

  170. //                     showCancel:false

  171. //                 })

  172. //                 return;

  173. //             }

  174. //             

  175. //             if(!this.shareImg){

  176. //                 uni.showModal({

  177. //                     content:'分享图片不能为空',

  178. //                     showCancel:false

  179. //                 })

  180. //                 return;

  181. //             }

  182.             

  183.             let shareOPtions = {

  184.                 provider: e.id,

  185.                 scene: e.type && e.type === 'WXSenceTimeline' ? 'WXSenceTimeline' : 'WXSceneSession', //WXSceneSession”分享到聊天界面，“WXSenceTimeline”分享到朋友圈，“WXSceneFavorite”分享到微信收藏     

  186.                 type: this.shareType,

  187.                 success: (e) => {

  188.                     uni.showModal({

  189.                         content: '分享成功',

  190.                         showCancel:false

  191.                     })

  192.                 },

  193.                 fail: (e) => {

  194.                     uni.showModal({

  195.                         content: e.errMsg,

  196.                         showCancel:false

  197.                     })

  198.                 },

  199.                 complete:function(){

  200.                     // console.log('分享操作结束!')

  201.                 }

  202.             }

  203.             

  204.             shareOPtions.summary = this.shareContent ? this.shareContent : ''

  205.             shareOPtions.imageUrl = this.shareImg ? this.shareImg : ''

  206.             shareOPtions.title = this.shareTitle ? this.shareTitle : ''

  207.             shareOPtions.href = this.shareHref ? this.shareHref : ''

  208.             

  209.             if(shareOPtions.type === 0 && plus.os.name === 'iOS'){//如果是图文分享，且是ios平台，则压缩图片 

  210.                 shareOPtions.imageUrl = await this.compress()

  211.             }

  212.             if(shareOPtions.type === 1 && shareOPtions.provider === 'qq'){//如果是分享文字到qq，则必须加上href和title

  213.                 shareOPtions.href = this.shareHref

  214.                 shareOPtions.title = this.shareTitle

  215.             }

  216.             uni.share(shareOPtions);    

  217.         },

  218.         // 压缩图片 图文分享要求分享图片大小不能超过20Kb

  219.         compress () {

  220.             // console.log('开始压缩');

  221.             let img = this.shareImg;

  222.             return new Promise((res) => {

  223.                 var localPath = plus.io.convertAbsoluteFileSystem(img.replace('file://', ''));

  224.                 // console.log('after' + localPath);

  225.                 // 压缩size

  226.                 plus.io.resolveLocalFileSystemURL(localPath, (entry) => {

  227.                     entry.file((file) => {// 可通过entry对象操作图片 

  228.                         // console.log('getFile:' + JSON.stringify(file));

  229.                         if(file.size > 20480) {// 压缩后size 大于20Kb

  230.                             plus.zip.compressImage({

  231.                                 src: img,

  232.                                 dst: img.replace('.jpg', '2222.jpg').replace('.JPG', '2222.JPG'),

  233.                                 width: '10%',

  234.                                 height: '10%',

  235.                                 quality: 1,

  236.                                 overwrite: true

  237.                             }, (event) => {

  238.                                 // console.log('success zip****' + event.size);

  239.                                 let newImg = img.replace('.jpg', '2222.jpg').replace('.JPG', '2222.JPG');

  240.                                 res(newImg);

  241.                             }, function(error) {

  242.                                 uni.showModal({

  243.                                     content:'分享图片太大,需要请重新选择图片!',

  244.                                     showCancel:false

  245.                                 })

  246.                             });

  247.                         }

  248.                     });

  249.                 }, (e) => {

  250.                     // console.log('Resolve file URL failed: ' + e.message);

  251.                     uni.showModal({

  252.                         content:'分享图片太大,需要请重新选择图片!',

  253.                         showCancel:false

  254.                     })

  255.                 });

  256.             })

  257.         }

  258.     }

  259. }    

  260. </script>

  261. 

  262. <style>

  263. .share-pop{

  264.     height: 300upx;

  265.     width: 100%;

  266.     display: flex;

  267. }

  268. .share-item{

  269.     flex: 1;

  270.     text-align: center;

  271.     font-size: 26upx;

  272.     color: #333;

  273.     padding: 20upx 0;

  274. }

  275. .share-item image{

  276.     width: 80upx;

  277.     height: 80upx;

  278.     margin: 20upx;

  279. }    

  280. .share-item .btn{

  281.     line-height: 1;

  282.     display: block;

  283.     font-size: 26upx;

  284.     background-color: #fff;

  285. }

  286. </style>

  287.
shareByh5.vue
复制代码
  1. <template>

  2.     <view style="width: 100%;height: 300upx;background: #FFFFFF;position: absolute;left:0;bottom: 0;">

  3.         <view class="share-pop">

  4.             <view class="share-item" @click="copyUrl()">

  5.                 <image src="../../../static/image/share-f.png" mode=""></image>

  6.                 <view class="">复制链接</view>

  7.             </view>

  8.             <view class="share-item" @click="createPoster()">

  9.                 <image src="../../../static/image/poster.png" mode=""></image>

  10.                 <view class="">生成海报</view>

  11.             </view>

  12.         </view>

  13.         <view class="button-bottom">

  14.             <button class="btn btn-w btn-square" @click="close()">关闭</button>

  15.         </view>

  16.     </view>    

  17. </template>

  18. 

  19. <script>

  20. import { apiBaseUrl } from '@/config/config.js'    

  21. export default {

  22.     props: {

  23.         // 商品id

  24.         goodsId: {

  25.             type: Number,

  26.             default: 0

  27.         },

  28.         // 分享的图片

  29.         shareImg: {

  30.             type: String,

  31.             default: ''

  32.         },

  33.         // 分享标题

  34.         shareTitle: {

  35.             type: String,

  36.             default: ''

  37.         },

  38.         // 分享内容

  39.         shareContent: {

  40.             type: String,

  41.             default: ''

  42.         },

  43.         // 分享链接

  44.         shareHref: {

  45.             type: String,

  46.             default: ''

  47.         },

  48.         //分享类型

  49.         shareType:{

  50.             type:Number,

  51.             default:1

  52.         },

  53.         //拼团id

  54.         groupId:{

  55.             type:Number,

  56.             default:0

  57.         },

  58.         //拼团的团队id

  59.         teamId:{

  60.             type:Number,

  61.             default:0

  62.         }

  63.     },

  64.     mounted () {

  65.         /**

  66.          * 

  67.          * H5端分享两种 (微信浏览器内引导用户去分享, 其他浏览器)

  68.          * 

  69.          */

  70.     },

  71.     methods: {

  72.         // 关闭弹出层

  73.         close () {

  74.             this.$emit('close')

  75.         },

  76.         // 生成海报

  77.         createPoster () {

  78.             let data = {

  79.                 id: this.goodsId,

  80.                 type: this.shareType,

  81.                 group_id :this.groupId,

  82.                 team_id :this.teamId,

  83.             }

  84.             

  85.             data.return_url = apiBaseUrl + 'wap/pages/share/jump';

  86. 

  87.             let userToken = this.$db.get('userToken')

  88.             if (userToken) {

  89.                 data.token = userToken

  90.             }

  91.             

  92.             this.$api.createPoster(data, res => {

  93.                 if (res.status) {

  94.                     this.close()

  95.                     this.$common.navigateTo('/pages/share?poster=' + res.data)

  96.                 } else {

  97.                     this.$common.errorToShow(res.msg)

  98.                 }

  99.             });

  100.         },

  101.         copyUrl () {

  102.             let data = {

  103.                 id: this.goodsId,

  104.                 type: this.shareType,

  105.                 group_id :this.groupId,

  106.                 team_id :this.teamId,

  107.             }

  108.             

  109.             data.return_url = apiBaseUrl + 'wap/pages/share/jump';

  110.             let userToken = this.$db.get('userToken')

  111.             if (userToken) {

  112.                 data.token = userToken

  113.             }

  114.             let _this = this;

  115.             _this.$api.createShareUrl(data, res => {

  116.                 if(res.status) {

  117.                     //todo::要复制的内容是 res.data

  118.                     uni.setClipboardData({

  119.                         data:res.data,

  120.                         success:function(data){

  121.                             _this.$common.successToShow('复制成功');

  122.                         }, 

  123.                         fail:function(err){

  124.                             _this.$common.errorToShow('复制分享URL失败');

  125.                         }

  126.                     })

  127.                 } else {

  128.                     _this.$common.errorToShow('复制分享URL失败');

  129.                 }

  130.             });

  131.         },

  132.         // 分享操作

  133.         share () {

  134.             // h5分享 判断是否是微信浏览器 引导用户完成分享操作

  135.             

  136.             // 其他浏览器的分享 

  137.         }

  138.     }

  139. }    

  140. </script>

  141. 

  142. <style>

  143. .share-pop{

  144.     height: 300upx;

  145.     width: 100%;

  146.     display: flex;

  147. }

  148. .share-item{

  149.     flex: 1;

  150.     text-align: center;

  151.     font-size: 26upx;

  152.     color: #333;

  153.     padding: 20upx 0;

  154. }

  155. .share-item image{

  156.     width: 80upx;

  157.     height: 80upx;

  158.     margin: 20upx;

  159. }    

  160. .share-item .btn{

  161.     line-height: 1;

  162.     display: block;

  163.     font-size: 26upx;

  164.     background-color: #fff;

  165. }

  166. </style>

  167.
shareByWx.vue
复制代码
  1. <template>

  2.     

  3.     <view style="width: 100%;height: 300upx;background: #FFFFFF;position: absolute;left:0;bottom: 0;">

  4. 

  5.         <view class="share-pop">

  6.             <view class="share-item">

  7.                 <button class="btn" open-type="share">

  8.                     <image src="../../../static/image/share-f.png" mode=""></image>

  9.                     <view class="">

  10.                         分享微信好友

  11.                     </view>

  12.                 </button>

  13.             </view>

  14.             <view class="share-item" @click="createPoster()">

  15.                 <image src="../../../static/image/poster.png" mode=""></image>

  16.                 <view class="">生成海报</view>

  17.             </view>

  18.         </view>

  19.         <view class="button-bottom">

  20.             <button class="btn btn-w btn-square" @click="close()">关闭</button>

  21.         </view>

  22.         

  23.     </view>    

  24. </template>

  25. 

  26. <script>

  27. import { apiBaseUrl } from '@/config/config.js'    

  28. export default {

  29.     props: {

  30.         // 商品id

  31.         goodsId: {

  32.             type: Number,

  33.             default: 0

  34.         },

  35.         // 分享的图片

  36.         shareImg: {

  37.             type: String,

  38.             default: ''

  39.         },

  40.         // 分享标题

  41.         shareTitle: {

  42.             type: String,

  43.             default: ''

  44.         },

  45.         // 分享内容

  46.         shareContent: {

  47.             type: String,

  48.             default: ''

  49.         },

  50.         // 分享链接

  51.         shareHref: {

  52.             type: String,

  53.             default: ''

  54.         },

  55.         //分享类型

  56.         shareType:{

  57.             type:Number,

  58.             default:1

  59.         },

  60.         //拼团id

  61.         groupId:{

  62.             type:Number,

  63.             default:0

  64.         },

  65.         //拼团的团队id

  66.         teamId:{

  67.             type:Number,

  68.             default:0

  69.         }

  70.     },

  71.     data () {

  72.         return {

  73.             shareType: 0,

  74.             providerList: [] // 分享通道 包含生成海报

  75.         }

  76.     },

  77.     mounted () {

  78.         

  79.     },

  80.     methods: {

  81.         // 关闭弹出层

  82.         close () {

  83.             this.$emit('close')

  84.         },

  85.         // 生成海报

  86.         createPoster () {

  87.             let data = {

  88.                 id: this.goodsId,

  89.                 type: this.shareType,

  90.                 group_id :this.groupId,

  91.                 team_id :this.teamId,

  92.             }

  93.             

  94.             let pages = getCurrentPages()

  95.             let page = pages[pages.length - 1]

  96.             

  97.             data.source = 2;

  98.             data.return_url = 'pages/share/jump';//page.route;

  99.             

  100.             let userToken = this.$db.get('userToken')

  101.             if (userToken) {

  102.                 data.token = userToken

  103.             }

  104.             

  105.             this.$api.createPoster(data, res => {

  106.                 if (res.status) {

  107.                     this.close()

  108.                     this.$common.navigateTo('/pages/share?poster=' + res.data)

  109.                 } else {

  110.                     this.$common.errorToShow(res.msg)

  111.                 }

  112.             })

  113.         }

  114.     }

  115. }    

  116. </script>

  117. 

  118. <style>

  119. .share-pop{

  120.     height: 300upx;

  121.     width: 100%;

  122.     display: flex;

  123. }

  124. .share-item{

  125.     flex: 1;

  126.     text-align: center;

  127.     font-size: 26upx;

  128.     color: #333;

  129.     padding: 20upx 0;

  130. }

  131. .share-item image{

  132.     width: 80upx;

  133.     height: 80upx;

  134.     margin: 20upx;

  135. }    

  136. .share-item .btn{

  137.     line-height: 1;

  138.     display: block;

  139.     font-size: 26upx;

  140.     background-color: #fff;

  141. }

  142. </style>

  143.

spec

spec.vue
复制代码
  1. <template>

  2.     <view>

  3.         <view class="goods-specs" v-for="(item, index) in spesData" :key="index">

  4.             <text class="pop-m-title">{{ index }}</text>

  5.             <view class="pop-m-bd">

  6.                 <view :class="spes.cla" v-for="(spes, key) in item" :key="key" @click="specChangeSpes(index, key)">

  7.                     {{ spes.name }}

  8.                 </view>

  9.             </view>

  10.         </view>

  11.     </view>

  12. </template>

  13. <script>

  14.     export default {

  15.         name: "spec",

  16.         props: {

  17.             // 默认picker选中项索引

  18.             spesData: {

  19.                 required: true

  20.             }

  21.         },

  22.         methods: {

  23.             specChangeSpes(v, k){

  24.                 let newData = {

  25.                     v: v,

  26.                     k: k

  27.                 }

  28.                 this.$emit("changeSpes", newData);

  29.             }

  30.         }

  31.     }

  32. </script>

  33. <style>

  34. 

  35. .goods-specs,.goods-number{

  36.     padding: 26upx;

  37.     border-top: 1px solid #f3f3f3;

  38. }

  39. .goods-specs:first-child{

  40.     border: none;

  41. }

  42. .pop-m-title{

  43.     margin-right: 10upx;

  44.     color: #666;

  45. }

  46. .pop-m-item{

  47.     display: inline-block;

  48.     float: left;

  49.     padding: 6upx 16upx;

  50.     background-color: #fff;

  51.     color: #333;

  52.     margin-right: 16upx;

  53.     margin-bottom: 10upx;

  54. }

  55. .pop-m-bd{

  56.     overflow: hidden;

  57.     margin-top: 10upx;

  58. }

  59. .selected{

  60.     border: 2upx solid #333;

  61.     background-color: #333;

  62.     color: #fff;

  63. }

  64. .not-selected{

  65.     border: 2upx solid #ccc;

  66. }

  67. .none{

  68.     border: 2upx dashed #ccc;

  69.     color: #888;

  70. }

  71. </style>

tki-qrcode

qrcode.js
复制代码
  1. //---------------------------------------------------------------------

  2. //

  3. // QR Code Generator for JavaScript

  4. //

  5. // Copyright (c) 2009 Kazuhiko Arase

  6. //

  7. // URL: [url=http://www.d-project.com/]http://www.d-project.com/[/url]

  8. //

  9. // Licensed under the MIT license:

  10. //        [url=http://www.opensource.org/licenses/mit-license.php]http://www.opensource.org/licenses/mit-license.php[/url]

  11. //

  12. // The word 'QR Code' is registered trademark of

  13. // DENSO WAVE INCORPORATED

  14. //        [url=http://www.denso-wave.com/qrcode/faqpatent-e.html]http://www.denso-wave.com/qrcode/faqpatent-e.html[/url]

  15. //

  16. //---------------------------------------------------------------------

  17.  

  18. //---------------------------------------------------------------------

  19. // qrcode

  20. //代码第1588行为补充代码

  21. //修改人：chenxing

  22. //2017-02-27 16:21:32

  23. //---------------------------------------------------------------------

  24.  

  25. /**

  26.  * qrcode

  27.  * @param typeNumber 1 to 40

  28.  * @param errorCorrectLevel 'L','M','Q','H'

  29.  */

  30. var qrcode = function(typeNumber, errorCorrectLevel) {

  31.  

  32.     var PAD0 = 0xEC;

  33.     var PAD1 = 0x11;

  34.  

  35.     var _typeNumber = typeNumber;

  36.     var _errorCorrectLevel = QRErrorCorrectLevel[errorCorrectLevel];

  37.     var _modules = null;

  38.     var _moduleCount = 0;

  39.     var _dataCache = null;

  40.     var _dataList = new Array();

  41.  

  42.     var _this = {};

  43.  

  44.     var makeImpl = function(test, maskPattern) {

  45.  

  46.         _moduleCount = _typeNumber * 4 + 17;

  47.         _modules = function(moduleCount) {

  48.             var modules = new Array(moduleCount);

  49.             for (var row = 0; row < moduleCount; row += 1) {

  50.                 modules[row] = new Array(moduleCount);

  51.                 for (var col = 0; col < moduleCount; col += 1) {

  52.                     modules[row][col] = null;

  53.                 }

  54.             }

  55.             return modules;

  56.         }(_moduleCount);

  57.  

  58.         setupPositionProbePattern(0, 0);

  59.         setupPositionProbePattern(_moduleCount - 7, 0);

  60.         setupPositionProbePattern(0, _moduleCount - 7);

  61.         setupPositionAdjustPattern();

  62.         setupTimingPattern();

  63.         setupTypeInfo(test, maskPattern);

  64.  

  65.         if (_typeNumber >= 7) {

  66.             setupTypeNumber(test);

  67.         }

  68.  

  69.         if (_dataCache == null) {

  70.             _dataCache = createData(_typeNumber, _errorCorrectLevel, _dataList);

  71.         }

  72.  

  73.         mapData(_dataCache, maskPattern);

  74.     };

  75.  

  76.     var setupPositionProbePattern = function(row, col) {

  77.  

  78.         for (var r = -1; r <= 7; r += 1) {

  79.  

  80.             if (row + r <= -1 || _moduleCount <= row + r) continue;

  81.  

  82.             for (var c = -1; c <= 7; c += 1) {

  83.  

  84.                 if (col + c <= -1 || _moduleCount <= col + c) continue;

  85.  

  86.                 if ( (0 <= r && r <= 6 && (c == 0 || c == 6) )

  87.                      || (0 <= c && c <= 6 && (r == 0 || r == 6) )

  88.                      || (2 <= r && r <= 4 && 2 <= c && c <= 4) ) {

  89.                     _modules[row + r][col + c] = true;

  90.                 } else {

  91.                     _modules[row + r][col + c] = false;

  92.                 }

  93.             }

  94.         }

  95.     };

  96.  

  97.     var getBestMaskPattern = function() {

  98.  

  99.         var minLostPoint = 0;

  100.         var pattern = 0;

  101.  

  102.         for (var i = 0; i < 8; i += 1) {

  103.  

  104.             makeImpl(true, i);

  105.  

  106.             var lostPoint = QRUtil.getLostPoint(_this);

  107.  

  108.             if (i == 0 || minLostPoint > lostPoint) {

  109.                 minLostPoint = lostPoint;

  110.                 pattern = i;

  111.             }

  112.         }

  113.  

  114.         return pattern;

  115.     };

  116.  

  117.     var setupTimingPattern = function() {

  118.  

  119.         for (var r = 8; r < _moduleCount - 8; r += 1) {

  120.             if (_modules[r][6] != null) {

  121.                 continue;

  122.             }

  123.             _modules[r][6] = (r % 2 == 0);

  124.         }

  125.  

  126.         for (var c = 8; c < _moduleCount - 8; c += 1) {

  127.             if (_modules[6][c] != null) {

  128.                 continue;

  129.             }

  130.             _modules[6][c] = (c % 2 == 0);

  131.         }

  132.     };

  133.  

  134.     var setupPositionAdjustPattern = function() {

  135.  

  136.         var pos = QRUtil.getPatternPosition(_typeNumber);

  137.  

  138.         for (var i = 0; i < pos.length; i += 1) {

  139.  

  140.             for (var j = 0; j < pos.length; j += 1) {

  141.  

  142.                 var row = pos[i];

  143.                 var col = pos[j];

  144.  

  145.                 if (_modules[row][col] != null) {

  146.                     continue;

  147.                 }

  148.  

  149.                 for (var r = -2; r <= 2; r += 1) {

  150.  

  151.                     for (var c = -2; c <= 2; c += 1) {

  152.  

  153.                         if (r == -2 || r == 2 || c == -2 || c == 2

  154.                             || (r == 0 && c == 0) ) {

  155.                             _modules[row + r][col + c] = true;

  156.                         } else {

  157.                             _modules[row + r][col + c] = false;

  158.                         }

  159.                     }

  160.                 }

  161.             }

  162.         }

  163.     };

  164.  

  165.     var setupTypeNumber = function(test) {

  166.  

  167.         var bits = QRUtil.getBCHTypeNumber(_typeNumber);

  168.  

  169.         for (var i = 0; i < 18; i += 1) {

  170.             var mod = (!test && ( (bits >> i) & 1) == 1);

  171.             _modules[Math.floor(i / 3)][i % 3 + _moduleCount - 8 - 3] = mod;

  172.         }

  173.  

  174.         for (var i = 0; i < 18; i += 1) {

  175.             var mod = (!test && ( (bits >> i) & 1) == 1);

  176.             _modules[i % 3 + _moduleCount - 8 - 3][Math.floor(i / 3)] = mod;

  177.         }

  178.     };

  179.  

  180.     var setupTypeInfo = function(test, maskPattern) {

  181.  

  182.         var data = (_errorCorrectLevel << 3) | maskPattern;

  183.         var bits = QRUtil.getBCHTypeInfo(data);

  184.  

  185.         // vertical

  186.         for (var i = 0; i < 15; i += 1) {

  187.  

  188.             var mod = (!test && ( (bits >> i) & 1) == 1);

  189.  

  190.             if (i < 6) {

  191.                 _modules[i][8] = mod;

  192.             } else if (i < 8) {

  193.                 _modules[i + 1][8] = mod;

  194.             } else {

  195.                 _modules[_moduleCount - 15 + i][8] = mod;

  196.             }

  197.         }

  198.  

  199.         // horizontal

  200.         for (var i = 0; i < 15; i += 1) {

  201.  

  202.             var mod = (!test && ( (bits >> i) & 1) == 1);

  203.  

  204.             if (i < 8) {

  205.                 _modules[8][_moduleCount - i - 1] = mod;

  206.             } else if (i < 9) {

  207.                 _modules[8][15 - i - 1 + 1] = mod;

  208.             } else {

  209.                 _modules[8][15 - i - 1] = mod;

  210.             }

  211.         }

  212.  

  213.         // fixed module

  214.         _modules[_moduleCount - 8][8] = (!test);

  215.     };

  216.  

  217.     var mapData = function(data, maskPattern) {

  218.  

  219.         var inc = -1;

  220.         var row = _moduleCount - 1;

  221.         var bitIndex = 7;

  222.         var byteIndex = 0;

  223.         var maskFunc = QRUtil.getMaskFunction(maskPattern);

  224.  

  225.         for (var col = _moduleCount - 1; col > 0; col -= 2) {

  226.  

  227.             if (col == 6) col -= 1;

  228.  

  229.             while (true) {

  230.  

  231.                 for (var c = 0; c < 2; c += 1) {

  232.  

  233.                     if (_modules[row][col - c] == null) {

  234.  

  235.                         var dark = false;

  236.  

  237.                         if (byteIndex < data.length) {

  238.                             dark = ( ( (data[byteIndex] >>> bitIndex) & 1) == 1);

  239.                         }

  240.  

  241.                         var mask = maskFunc(row, col - c);

  242.  

  243.                         if (mask) {

  244.                             dark = !dark;

  245.                         }

  246.  

  247.                         _modules[row][col - c] = dark;

  248.                         bitIndex -= 1;

  249.  

  250.                         if (bitIndex == -1) {

  251.                             byteIndex += 1;

  252.                             bitIndex = 7;

  253.                         }

  254.                     }

  255.                 }

  256.  

  257.                 row += inc;

  258.  

  259.                 if (row < 0 || _moduleCount <= row) {

  260.                     row -= inc;

  261.                     inc = -inc;

  262.                     break;

  263.                 }

  264.             }

  265.         }

  266.     };

  267.  

  268.     var createBytes = function(buffer, rsBlocks) {

  269.  

  270.         var offset = 0;

  271.  

  272.         var maxDcCount = 0;

  273.         var maxEcCount = 0;

  274.  

  275.         var dcdata = new Array(rsBlocks.length);

  276.         var ecdata = new Array(rsBlocks.length);

  277.  

  278.         for (var r = 0; r < rsBlocks.length; r += 1) {

  279.  

  280.             var dcCount = rsBlocks[r].dataCount;

  281.             var ecCount = rsBlocks[r].totalCount - dcCount;

  282.  

  283.             maxDcCount = Math.max(maxDcCount, dcCount);

  284.             maxEcCount = Math.max(maxEcCount, ecCount);

  285.  

  286.             dcdata[r] = new Array(dcCount);

  287.  

  288.             for (var i = 0; i < dcdata[r].length; i += 1) {

  289.                 dcdata[r][i] = 0xff & buffer.getBuffer()[i + offset];

  290.             }

  291.             offset += dcCount;

  292.  

  293.             var rsPoly = QRUtil.getErrorCorrectPolynomial(ecCount);

  294.             var rawPoly = qrPolynomial(dcdata[r], rsPoly.getLength() - 1);

  295.  

  296.             var modPoly = rawPoly.mod(rsPoly);

  297.             ecdata[r] = new Array(rsPoly.getLength() - 1);

  298.             for (var i = 0; i < ecdata[r].length; i += 1) {

  299.                 var modIndex = i + modPoly.getLength() - ecdata[r].length;

  300.                 ecdata[r][i] = (modIndex >= 0)? modPoly.getAt(modIndex) : 0;

  301.             }

  302.         }

  303.  

  304.         var totalCodeCount = 0;

  305.         for (var i = 0; i < rsBlocks.length; i += 1) {

  306.             totalCodeCount += rsBlocks[i].totalCount;

  307.         }

  308.  

  309.         var data = new Array(totalCodeCount);

  310.         var index = 0;

  311.  

  312.         for (var i = 0; i < maxDcCount; i += 1) {

  313.             for (var r = 0; r < rsBlocks.length; r += 1) {

  314.                 if (i < dcdata[r].length) {

  315.                     data[index] = dcdata[r][i];

  316.                     index += 1;

  317.                 }

  318.             }

  319.         }

  320.  

  321.         for (var i = 0; i < maxEcCount; i += 1) {

  322.             for (var r = 0; r < rsBlocks.length; r += 1) {

  323.                 if (i < ecdata[r].length) {

  324.                     data[index] = ecdata[r][i];

  325.                     index += 1;

  326.                 }

  327.             }

  328.         }

  329.  

  330.         return data;

  331.     };

  332.  

  333.     var createData = function(typeNumber, errorCorrectLevel, dataList) {

  334.  

  335.         var rsBlocks = QRRSBlock.getRSBlocks(typeNumber, errorCorrectLevel);

  336.  

  337.         var buffer = qrBitBuffer();

  338.  

  339.         for (var i = 0; i < dataList.length; i += 1) {

  340.             var data = dataList[i];

  341.             buffer.put(data.getMode(), 4);

  342.             buffer.put(data.getLength(), QRUtil.getLengthInBits(data.getMode(), typeNumber) );

  343.             data.write(buffer);

  344.         }

  345.  

  346.         // calc num max data.

  347.         var totalDataCount = 0;

  348.         for (var i = 0; i < rsBlocks.length; i += 1) {

  349.             totalDataCount += rsBlocks[i].dataCount;

  350.         }

  351.  

  352.         if (buffer.getLengthInBits() > totalDataCount * 8) {

  353.             throw new Error('code length overflow. ('

  354.                             + buffer.getLengthInBits()

  355.                             + '>'

  356.                             + totalDataCount * 8

  357.                             + ')');

  358.         }

  359.  

  360.         // end code

  361.         if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) {

  362.             buffer.put(0, 4);

  363.         }

  364.  

  365.         // padding

  366.         while (buffer.getLengthInBits() % 8 != 0) {

  367.             buffer.putBit(false);

  368.         }

  369.  

  370.         // padding

  371.         while (true) {

  372.  

  373.             if (buffer.getLengthInBits() >= totalDataCount * 8) {

  374.                 break;

  375.             }

  376.             buffer.put(PAD0, 8);

  377.  

  378.             if (buffer.getLengthInBits() >= totalDataCount * 8) {

  379.                 break;

  380.             }

  381.             buffer.put(PAD1, 8);

  382.         }

  383.  

  384.         return createBytes(buffer, rsBlocks);

  385.     };

  386.  

  387.     _this.addData = function(data) {

  388.         var newData = qr8BitByte(data);

  389.         _dataList.push(newData);

  390.         _dataCache = null;

  391.     };

  392.  

  393.     _this.isDark = function(row, col) {

  394.         if (row < 0 || _moduleCount <= row || col < 0 || _moduleCount <= col) {

  395.             throw new Error(row + ',' + col);

  396.         }

  397.         return _modules[row][col];

  398.     };

  399.  

  400.     _this.getModuleCount = function() {

  401.         return _moduleCount;

  402.     };

  403.  

  404.     _this.make = function() {

  405.         makeImpl(false, getBestMaskPattern() );

  406.     };

  407.  

  408.     _this.createTableTag = function(cellSize, margin) {

  409.  

  410.         cellSize = cellSize || 2;

  411.         margin = (typeof margin == 'undefined')? cellSize * 4 : margin;

  412.  

  413.         var qrHtml = '';

  414.  

  415.         qrHtml += '<table style="';

  416.         qrHtml += ' border-width: 0px; border-style: none;';

  417.         qrHtml += ' border-collapse: collapse;';

  418.         qrHtml += ' padding: 0px; margin: ' + margin + 'px;';

  419.         qrHtml += '">';

  420.         qrHtml += '<tbody>';

  421.  

  422.         for (var r = 0; r < _this.getModuleCount(); r += 1) {

  423.  

  424.             qrHtml += '<tr>';

  425.  

  426.             for (var c = 0; c < _this.getModuleCount(); c += 1) {

  427.                 qrHtml += '<td style="';

  428.                 qrHtml += ' border-width: 0px; border-style: none;';

  429.                 qrHtml += ' border-collapse: collapse;';

  430.                 qrHtml += ' padding: 0px; margin: 0px;';

  431.                 qrHtml += ' width: ' + cellSize + 'px;';

  432.                 qrHtml += ' height: ' + cellSize + 'px;';

  433.                 qrHtml += ' background-color: ';

  434.                 qrHtml += _this.isDark(r, c)? '#000000' : '#ffffff';

  435.                 qrHtml += ';';

  436.                 qrHtml += '"/>';

  437.             }

  438.  

  439.             qrHtml += '</tr>';

  440.         }

  441.  

  442.         qrHtml += '</tbody>';

  443.         qrHtml += '</table>';

  444.  

  445.         return qrHtml;

  446.     };

  447.  

  448.     _this.createImgTag = function(cellSize, margin, size) {

  449.  

  450.         cellSize = cellSize || 2;

  451.         margin = (typeof margin == 'undefined')? cellSize * 4 : margin;

  452.  

  453.         var min = margin;

  454.         var max = _this.getModuleCount() * cellSize + margin;

  455.  

  456.         return createImgTag(size, size, function(x, y) {

  457.             if (min <= x && x < max && min <= y && y < max) {

  458.                 var c = Math.floor( (x - min) / cellSize);

  459.                 var r = Math.floor( (y - min) / cellSize);

  460.                 return _this.isDark(r, c)? 0 : 1;

  461.             } else {

  462.                 return 1;

  463.             }

  464.         } );

  465.     };

  466.  

  467.     return _this;

  468. };

  469.  

  470. //---------------------------------------------------------------------

  471. // qrcode.stringToBytes

  472. //---------------------------------------------------------------------

  473.  

  474. qrcode.stringToBytes = function(s) {

  475.     var bytes = new Array();

  476.     for (var i = 0; i < s.length; i += 1) {

  477.         var c = s.charCodeAt(i);

  478.         bytes.push(c & 0xff);

  479.     }

  480.     return bytes;

  481. };

  482.  

  483. //---------------------------------------------------------------------

  484. // qrcode.createStringToBytes

  485. //---------------------------------------------------------------------

  486.  

  487. /**

  488.  * @param unicodeData base64 string of byte array.

  489.  * [16bit Unicode],[16bit Bytes], ...

  490.  * @param numChars

  491.  */

  492. qrcode.createStringToBytes = function(unicodeData, numChars) {

  493.  

  494.     // create conversion map.

  495.  

  496.     var unicodeMap = function() {

  497.  

  498.         var bin = base64DecodeInputStream(unicodeData);

  499.         var read = function() {

  500.             var b = bin.read();

  501.             if (b == -1) throw new Error();

  502.             return b;

  503.         };

  504.  

  505.         var count = 0;

  506.         var unicodeMap = {};

  507.         while (true) {

  508.             var b0 = bin.read();

  509.             if (b0 == -1) break;

  510.             var b1 = read();

  511.             var b2 = read();

  512.             var b3 = read();

  513.             var k = String.fromCharCode( (b0 << 8) | b1);

  514.             var v = (b2 << 8) | b3;

  515.             unicodeMap[k] = v;

  516.             count += 1;

  517.         }

  518.         if (count != numChars) {

  519.             throw new Error(count + ' != ' + numChars);

  520.         }

  521.  

  522.         return unicodeMap;

  523.     }();

  524.  

  525.     var unknownChar = '?'.charCodeAt(0);

  526.  

  527.     return function(s) {

  528.         var bytes = new Array();

  529.         for (var i = 0; i < s.length; i += 1) {

  530.             var c = s.charCodeAt(i);

  531.             if (c < 128) {

  532.                 bytes.push(c);

  533.             } else {

  534.                 var b = unicodeMap[s.charAt(i)];

  535.                 if (typeof b == 'number') {

  536.                     if ( (b & 0xff) == b) {

  537.                         // 1byte

  538.                         bytes.push(b);

  539.                     } else {

  540.                         // 2bytes

  541.                         bytes.push(b >>> 8);

  542.                         bytes.push(b & 0xff);

  543.                     }

  544.                 } else {

  545.                     bytes.push(unknownChar);

  546.                 }

  547.             }

  548.         }

  549.         return bytes;

  550.     };

  551. };

  552.  

  553. //---------------------------------------------------------------------

  554. // QRMode

  555. //---------------------------------------------------------------------

  556.  

  557. var QRMode = {

  558.     MODE_NUMBER :                1 << 0,

  559.     MODE_ALPHA_NUM :         1 << 1,

  560.     MODE_8BIT_BYTE :         1 << 2,

  561.     MODE_KANJI :                1 << 3

  562. };

  563.  

  564. //---------------------------------------------------------------------

  565. // QRErrorCorrectLevel

  566. //---------------------------------------------------------------------

  567.  

  568. var QRErrorCorrectLevel = {

  569.     L : 1,

  570.     M : 0,

  571.     Q : 3,

  572.     H : 2

  573. };

  574.  

  575. //---------------------------------------------------------------------

  576. // QRMaskPattern

  577. //---------------------------------------------------------------------

  578.  

  579. var QRMaskPattern = {

  580.     PATTERN000 : 0,

  581.     PATTERN001 : 1,

  582.     PATTERN010 : 2,

  583.     PATTERN011 : 3,

  584.     PATTERN100 : 4,

  585.     PATTERN101 : 5,

  586.     PATTERN110 : 6,

  587.     PATTERN111 : 7

  588. };

  589.  

  590. //---------------------------------------------------------------------

  591. // QRUtil

  592. //---------------------------------------------------------------------

  593.  

  594. var QRUtil = function() {

  595.  

  596.     var PATTERN_POSITION_TABLE = [

  597.         [],

  598.         [6, 18],

  599.         [6, 22],

  600.         [6, 26],

  601.         [6, 30],

  602.         [6, 34],

  603.         [6, 22, 38],

  604.         [6, 24, 42],

  605.         [6, 26, 46],

  606.         [6, 28, 50],

  607.         [6, 30, 54],

  608.         [6, 32, 58],

  609.         [6, 34, 62],

  610.         [6, 26, 46, 66],

  611.         [6, 26, 48, 70],

  612.         [6, 26, 50, 74],

  613.         [6, 30, 54, 78],

  614.         [6, 30, 56, 82],

  615.         [6, 30, 58, 86],

  616.         [6, 34, 62, 90],

  617.         [6, 28, 50, 72, 94],

  618.         [6, 26, 50, 74, 98],

  619.         [6, 30, 54, 78, 102],

  620.         [6, 28, 54, 80, 106],

  621.         [6, 32, 58, 84, 110],

  622.         [6, 30, 58, 86, 114],

  623.         [6, 34, 62, 90, 118],

  624.         [6, 26, 50, 74, 98, 122],

  625.         [6, 30, 54, 78, 102, 126],

  626.         [6, 26, 52, 78, 104, 130],

  627.         [6, 30, 56, 82, 108, 134],

  628.         [6, 34, 60, 86, 112, 138],

  629.         [6, 30, 58, 86, 114, 142],

  630.         [6, 34, 62, 90, 118, 146],

  631.         [6, 30, 54, 78, 102, 126, 150],

  632.         [6, 24, 50, 76, 102, 128, 154],

  633.         [6, 28, 54, 80, 106, 132, 158],

  634.         [6, 32, 58, 84, 110, 136, 162],

  635.         [6, 26, 54, 82, 110, 138, 166],

  636.         [6, 30, 58, 86, 114, 142, 170]

  637.     ];

  638.     var G15 = (1 << 10) | (1 << 8) | (1 << 5) | (1 << 4) | (1 << 2) | (1 << 1) | (1 << 0);

  639.     var G18 = (1 << 12) | (1 << 11) | (1 << 10) | (1 << 9) | (1 << 8) | (1 << 5) | (1 << 2) | (1 << 0);

  640.     var G15_MASK = (1 << 14) | (1 << 12) | (1 << 10) | (1 << 4) | (1 << 1);

  641.  

  642.     var _this = {};

  643.  

  644.     var getBCHDigit = function(data) {

  645.         var digit = 0;

  646.         while (data != 0) {

  647.             digit += 1;

  648.             data >>>= 1;

  649.         }

  650.         return digit;

  651.     };

  652.  

  653.     _this.getBCHTypeInfo = function(data) {

  654.         var d = data << 10;

  655.         while (getBCHDigit(d) - getBCHDigit(G15) >= 0) {

  656.             d ^= (G15 << (getBCHDigit(d) - getBCHDigit(G15) ) );

  657.         }

  658.         return ( (data << 10) | d) ^ G15_MASK;

  659.     };

  660.  

  661.     _this.getBCHTypeNumber = function(data) {

  662.         var d = data << 12;

  663.         while (getBCHDigit(d) - getBCHDigit(G18) >= 0) {

  664.             d ^= (G18 << (getBCHDigit(d) - getBCHDigit(G18) ) );

  665.         }

  666.         return (data << 12) | d;

  667.     };

  668.  

  669.     _this.getPatternPosition = function(typeNumber) {

  670.         return PATTERN_POSITION_TABLE[typeNumber - 1];

  671.     };

  672.  

  673.     _this.getMaskFunction = function(maskPattern) {

  674.  

  675.         switch (maskPattern) {

  676.  

  677.             case QRMaskPattern.PATTERN000 :

  678.                 return function(i, j) { return (i + j) % 2 == 0; };

  679.             case QRMaskPattern.PATTERN001 :

  680.                 return function(i, j) { return i % 2 == 0; };

  681.             case QRMaskPattern.PATTERN010 :

  682.                 return function(i, j) { return j % 3 == 0; };

  683.             case QRMaskPattern.PATTERN011 :

  684.                 return function(i, j) { return (i + j) % 3 == 0; };

  685.             case QRMaskPattern.PATTERN100 :

  686.                 return function(i, j) { return (Math.floor(i / 2) + Math.floor(j / 3) ) % 2 == 0; };

  687.             case QRMaskPattern.PATTERN101 :

  688.                 return function(i, j) { return (i * j) % 2 + (i * j) % 3 == 0; };

  689.             case QRMaskPattern.PATTERN110 :

  690.                 return function(i, j) { return ( (i * j) % 2 + (i * j) % 3) % 2 == 0; };

  691.             case QRMaskPattern.PATTERN111 :

  692.                 return function(i, j) { return ( (i * j) % 3 + (i + j) % 2) % 2 == 0; };

  693.  

  694.                 default :

  695.                 throw new Error('bad maskPattern:' + maskPattern);

  696.         }

  697.     };

  698.  

  699.     _this.getErrorCorrectPolynomial = function(errorCorrectLength) {

  700.         var a = qrPolynomial([1], 0);

  701.         for (var i = 0; i < errorCorrectLength; i += 1) {

  702.             a = a.multiply(qrPolynomial([1, QRMath.gexp(i)], 0) );

  703.         }

  704.         return a;

  705.     };

  706.  

  707.     _this.getLengthInBits = function(mode, type) {

  708.  

  709.         if (1 <= type && type < 10) {

  710.  

  711.             // 1 - 9

  712.  

  713.             switch(mode) {

  714.                 case QRMode.MODE_NUMBER         : return 10;

  715.                 case QRMode.MODE_ALPHA_NUM         : return 9;

  716.                 case QRMode.MODE_8BIT_BYTE        : return 8;

  717.                 case QRMode.MODE_KANJI                : return 8;

  718.                     default :

  719.                     throw new Error('mode:' + mode);

  720.             }

  721.  

  722.         } else if (type < 27) {

  723.  

  724.             // 10 - 26

  725.  

  726.             switch(mode) {

  727.                 case QRMode.MODE_NUMBER         : return 12;

  728.                 case QRMode.MODE_ALPHA_NUM         : return 11;

  729.                 case QRMode.MODE_8BIT_BYTE        : return 16;

  730.                 case QRMode.MODE_KANJI                : return 10;

  731.                     default :

  732.                     throw new Error('mode:' + mode);

  733.             }

  734.  

  735.         } else if (type < 41) {

  736.  

  737.             // 27 - 40

  738.  

  739.             switch(mode) {

  740.                 case QRMode.MODE_NUMBER         : return 14;

  741.                 case QRMode.MODE_ALPHA_NUM        : return 13;

  742.                 case QRMode.MODE_8BIT_BYTE        : return 16;

  743.                 case QRMode.MODE_KANJI                : return 12;

  744.                     default :

  745.                     throw new Error('mode:' + mode);

  746.             }

  747.  

  748.         } else {

  749.             throw new Error('type:' + type);

  750.         }

  751.     };

  752.  

  753.     _this.getLostPoint = function(qrcode) {

  754.  

  755.         var moduleCount = qrcode.getModuleCount();

  756.  

  757.         var lostPoint = 0;

  758.  

  759.         // LEVEL1

  760.  

  761.         for (var row = 0; row < moduleCount; row += 1) {

  762.             for (var col = 0; col < moduleCount; col += 1) {

  763.  

  764.                 var sameCount = 0;

  765.                 var dark = qrcode.isDark(row, col);

  766.  

  767.                 for (var r = -1; r <= 1; r += 1) {

  768.  

  769.                     if (row + r < 0 || moduleCount <= row + r) {

  770.                         continue;

  771.                     }

  772.  

  773.                     for (var c = -1; c <= 1; c += 1) {

  774.  

  775.                         if (col + c < 0 || moduleCount <= col + c) {

  776.                             continue;

  777.                         }

  778.  

  779.                         if (r == 0 && c == 0) {

  780.                             continue;

  781.                         }

  782.  

  783.                         if (dark == qrcode.isDark(row + r, col + c) ) {

  784.                             sameCount += 1;

  785.                         }

  786.                     }

  787.                 }

  788.  

  789.                 if (sameCount > 5) {

  790.                     lostPoint += (3 + sameCount - 5);

  791.                 }

  792.             }

  793.         };

  794.  

  795.         // LEVEL2

  796.  

  797.         for (var row = 0; row < moduleCount - 1; row += 1) {

  798.             for (var col = 0; col < moduleCount - 1; col += 1) {

  799.                 var count = 0;

  800.                 if (qrcode.isDark(row, col) ) count += 1;

  801.                 if (qrcode.isDark(row + 1, col) ) count += 1;

  802.                 if (qrcode.isDark(row, col + 1) ) count += 1;

  803.                 if (qrcode.isDark(row + 1, col + 1) ) count += 1;

  804.                 if (count == 0 || count == 4) {

  805.                     lostPoint += 3;

  806.                 }

  807.             }

  808.         }

  809.  

  810.         // LEVEL3

  811.  

  812.         for (var row = 0; row < moduleCount; row += 1) {

  813.             for (var col = 0; col < moduleCount - 6; col += 1) {

  814.                 if (qrcode.isDark(row, col)

  815.                     && !qrcode.isDark(row, col + 1)

  816.                     &&  qrcode.isDark(row, col + 2)

  817.                     &&  qrcode.isDark(row, col + 3)

  818.                     &&  qrcode.isDark(row, col + 4)

  819.                     && !qrcode.isDark(row, col + 5)

  820.                     &&  qrcode.isDark(row, col + 6) ) {

  821.                     lostPoint += 40;

  822.                 }

  823.             }

  824.         }

  825.  

  826.         for (var col = 0; col < moduleCount; col += 1) {

  827.             for (var row = 0; row < moduleCount - 6; row += 1) {

  828.                 if (qrcode.isDark(row, col)

  829.                     && !qrcode.isDark(row + 1, col)

  830.                     &&  qrcode.isDark(row + 2, col)

  831.                     &&  qrcode.isDark(row + 3, col)

  832.                     &&  qrcode.isDark(row + 4, col)

  833.                     && !qrcode.isDark(row + 5, col)

  834.                     &&  qrcode.isDark(row + 6, col) ) {

  835.                     lostPoint += 40;

  836.                 }

  837.             }

  838.         }

  839.  

  840.         // LEVEL4

  841.  

  842.         var darkCount = 0;

  843.  

  844.         for (var col = 0; col < moduleCount; col += 1) {

  845.             for (var row = 0; row < moduleCount; row += 1) {

  846.                 if (qrcode.isDark(row, col) ) {

  847.                     darkCount += 1;

  848.                 }

  849.             }

  850.         }

  851.  

  852.         var ratio = Math.abs(100 * darkCount / moduleCount / moduleCount - 50) / 5;

  853.         lostPoint += ratio * 10;

  854.  

  855.         return lostPoint;

  856.     };

  857.  

  858.     return _this;

  859. }();

  860.  

  861. //---------------------------------------------------------------------

  862. // QRMath

  863. //---------------------------------------------------------------------

  864.  

  865. var QRMath = function() {

  866.  

  867.     var EXP_TABLE = new Array(256);

  868.     var LOG_TABLE = new Array(256);

  869.  

  870.     // initialize tables

  871.     for (var i = 0; i < 8; i += 1) {

  872.         EXP_TABLE[i] = 1 << i;

  873.     }

  874.     for (var i = 8; i < 256; i += 1) {

  875.         EXP_TABLE[i] = EXP_TABLE[i - 4]

  876.             ^ EXP_TABLE[i - 5]

  877.             ^ EXP_TABLE[i - 6]

  878.             ^ EXP_TABLE[i - 8];

  879.     }

  880.     for (var i = 0; i < 255; i += 1) {

  881.         LOG_TABLE[EXP_TABLE[i] ] = i;

  882.     }

  883.  

  884.     var _this = {};

  885.  

  886.     _this.glog = function(n) {

  887.  

  888.         if (n < 1) {

  889.             throw new Error('glog(' + n + ')');

  890.         }

  891.  

  892.         return LOG_TABLE[n];

  893.     };

  894.  

  895.     _this.gexp = function(n) {

  896.  

  897.         while (n < 0) {

  898.             n += 255;

  899.         }

  900.  

  901.         while (n >= 256) {

  902.             n -= 255;

  903.         }

  904.  

  905.         return EXP_TABLE[n];

  906.     };

  907.  

  908.     return _this;

  909. }();

  910.  

  911. //---------------------------------------------------------------------

  912. // qrPolynomial

  913. //---------------------------------------------------------------------

  914.  

  915. function qrPolynomial(num, shift) {

  916.  

  917.     if (typeof num.length == 'undefined') {

  918.         throw new Error(num.length + '/' + shift);

  919.     }

  920.  

  921.     var _num = function() {

  922.         var offset = 0;

  923.         while (offset < num.length && num[offset] == 0) {

  924.             offset += 1;

  925.         }

  926.         var _num = new Array(num.length - offset + shift);

  927.         for (var i = 0; i < num.length - offset; i += 1) {

  928.             _num[i] = num[i + offset];

  929.         }

  930.         return _num;

  931.     }();

  932.  

  933.     var _this = {};

  934.  

  935.     _this.getAt = function(index) {

  936.         return _num[index];

  937.     };

  938.  

  939.     _this.getLength = function() {

  940.         return _num.length;

  941.     };

  942.  

  943.     _this.multiply = function(e) {

  944.  

  945.         var num = new Array(_this.getLength() + e.getLength() - 1);

  946.  

  947.         for (var i = 0; i < _this.getLength(); i += 1) {

  948.             for (var j = 0; j < e.getLength(); j += 1) {

  949.                 num[i + j] ^= QRMath.gexp(QRMath.glog(_this.getAt(i) ) + QRMath.glog(e.getAt(j) ) );

  950.             }

  951.         }

  952.  

  953.         return qrPolynomial(num, 0);

  954.     };

  955.  

  956.     _this.mod = function(e) {

  957.  

  958.         if (_this.getLength() - e.getLength() < 0) {

  959.             return _this;

  960.         }

  961.  

  962.         var ratio = QRMath.glog(_this.getAt(0) ) - QRMath.glog(e.getAt(0) );

  963.  

  964.         var num = new Array(_this.getLength() );

  965.         for (var i = 0; i < _this.getLength(); i += 1) {

  966.             num[i] = _this.getAt(i);

  967.         }

  968.  

  969.         for (var i = 0; i < e.getLength(); i += 1) {

  970.             num[i] ^= QRMath.gexp(QRMath.glog(e.getAt(i) ) + ratio);

  971.         }

  972.  

  973.         // recursive call

  974.         return qrPolynomial(num, 0).mod(e);

  975.     };

  976.  

  977.     return _this;

  978. };

  979.  

  980. //---------------------------------------------------------------------

  981. // QRRSBlock

  982. //---------------------------------------------------------------------

  983.  

  984. var QRRSBlock = function() {

  985.  

  986.  

  987.     // [1: [L, M, Q, H], ..]

  988.     var RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]];

  989.  

  990.     var qrRSBlock = function(totalCount, dataCount) {

  991.         var _this = {};

  992.         _this.totalCount = totalCount;

  993.         _this.dataCount = dataCount;

  994.         return _this;

  995.     };

  996.  

  997.     var _this = {};

  998.  

  999.     var getRsBlockTable = function(typeNumber, errorCorrectLevel) {

  1000.  

  1001.         switch(errorCorrectLevel) {

  1002.             case QRErrorCorrectLevel.L :

  1003.                 return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0];

  1004.             case QRErrorCorrectLevel.M :

  1005.                 return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1];

  1006.             case QRErrorCorrectLevel.Q :

  1007.                 return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2];

  1008.             case QRErrorCorrectLevel.H :

  1009.                 return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3];

  1010.                 default :

  1011.                 return undefined;

  1012.         }

  1013.     };

  1014.  

  1015.     _this.getRSBlocks = function(typeNumber, errorCorrectLevel) {

  1016.  

  1017.         var rsBlock = getRsBlockTable(typeNumber, errorCorrectLevel);

  1018.  

  1019.         if (typeof rsBlock == 'undefined') {

  1020.             throw new Error('bad rs block [url=home.php?mod=space&uid=5302]@[/url] typeNumber:' + typeNumber +

  1021.                             '/errorCorrectLevel:' + errorCorrectLevel);

  1022.         }

  1023.  

  1024.         var length = rsBlock.length / 3;

  1025.  

  1026.         var list = new Array();

  1027.  

  1028.         for (var i = 0; i < length; i += 1) {

  1029.  

  1030.             var count = rsBlock[i * 3 + 0];

  1031.             var totalCount = rsBlock[i * 3 + 1];

  1032.             var dataCount = rsBlock[i * 3 + 2];

  1033.  

  1034.             for (var j = 0; j < count; j += 1) {

  1035.                 list.push(qrRSBlock(totalCount, dataCount) );

  1036.             }

  1037.         }

  1038.  

  1039.         return list;

  1040.     };

  1041.  

  1042.     return _this;

  1043. }();

  1044.  

  1045. //---------------------------------------------------------------------

  1046. // qrBitBuffer

  1047. //---------------------------------------------------------------------

  1048.  

  1049. var qrBitBuffer = function() {

  1050.  

  1051.     var _buffer = new Array();

  1052.     var _length = 0;

  1053.  

  1054.     var _this = {};

  1055.  

  1056.     _this.getBuffer = function() {

  1057.         return _buffer;

  1058.     };

  1059.  

  1060.     _this.getAt = function(index) {

  1061.         var bufIndex = Math.floor(index / 8);

  1062.         return ( (_buffer[bufIndex] >>> (7 - index % 8) ) & 1) == 1;

  1063.     };

  1064.  

  1065.     _this.put = function(num, length) {

  1066.         for (var i = 0; i < length; i += 1) {

  1067.             _this.putBit( ( (num >>> (length - i - 1) ) & 1) == 1);

  1068.         }

  1069.     };

  1070.  

  1071.     _this.getLengthInBits = function() {

  1072.         return _length;

  1073.     };

  1074.  

  1075.     _this.putBit = function(bit) {

  1076.  

  1077.         var bufIndex = Math.floor(_length / 8);

  1078.         if (_buffer.length <= bufIndex) {

  1079.             _buffer.push(0);

  1080.         }

  1081.  

  1082.         if (bit) {

  1083.             _buffer[bufIndex] |= (0x80 >>> (_length % 8) );

  1084.         }

  1085.  

  1086.         _length += 1;

  1087.     };

  1088.  

  1089.     return _this;

  1090. };

  1091.  

  1092. //---------------------------------------------------------------------

  1093. // qr8BitByte

  1094. //---------------------------------------------------------------------

  1095.  

  1096. var qr8BitByte = function(data) {

  1097.  

  1098.     var _mode = QRMode.MODE_8BIT_BYTE;

  1099.     var _data = data;

  1100.     var _parsedData = [];

  1101.  

  1102.     var _this = {};

  1103.  

  1104.  

  1105.     // Added to support UTF-8 Characters

  1106.     for (var i = 0, l = _data.length; i < l; i++) {

  1107.         var byteArray = [];

  1108.         var code = _data.charCodeAt(i);

  1109.  

  1110.         if (code > 0x10000) {

  1111.             byteArray[0] = 0xF0 | ((code & 0x1C0000) >>> 18);

  1112.             byteArray[1] = 0x80 | ((code & 0x3F000) >>> 12);

  1113.             byteArray[2] = 0x80 | ((code & 0xFC0) >>> 6);

  1114.             byteArray[3] = 0x80 | (code & 0x3F);

  1115.         } else if (code > 0x800) {

  1116.             byteArray[0] = 0xE0 | ((code & 0xF000) >>> 12);

  1117.             byteArray[1] = 0x80 | ((code & 0xFC0) >>> 6);

  1118.             byteArray[2] = 0x80 | (code & 0x3F);

  1119.         } else if (code > 0x80) {

  1120.             byteArray[0] = 0xC0 | ((code & 0x7C0) >>> 6);

  1121.             byteArray[1] = 0x80 | (code & 0x3F);

  1122.         } else {

  1123.             byteArray[0] = code;

  1124.         }

  1125.  

  1126.         // Fix Unicode corruption bug

  1127.         _parsedData.push(byteArray);

  1128.     }

  1129.  

  1130.     _parsedData = Array.prototype.concat.apply([], _parsedData);

  1131.  

  1132.     if (_parsedData.length != _data.length) {

  1133.         _parsedData.unshift(191);

  1134.         _parsedData.unshift(187);

  1135.         _parsedData.unshift(239);

  1136.     }

  1137.  

  1138.     var _bytes = _parsedData;

  1139.  

  1140.     _this.getMode = function() {

  1141.         return _mode;

  1142.     };

  1143.  

  1144.     _this.getLength = function(buffer) {

  1145.         return _bytes.length;

  1146.     };

  1147.  

  1148.     _this.write = function(buffer) {

  1149.         for (var i = 0; i < _bytes.length; i += 1) {

  1150.             buffer.put(_bytes[i], 8);

  1151.         }

  1152.     };

  1153.  

  1154.     return _this;

  1155. };

  1156.  

  1157. //=====================================================================

  1158. // GIF Support etc.

  1159. //

  1160.  

  1161. //---------------------------------------------------------------------

  1162. // byteArrayOutputStream

  1163. //---------------------------------------------------------------------

  1164.  

  1165. var byteArrayOutputStream = function() {

  1166.  

  1167.     var _bytes = new Array();

  1168.  

  1169.     var _this = {};

  1170.  

  1171.     _this.writeByte = function(b) {

  1172.         _bytes.push(b & 0xff);

  1173.     };

  1174.  

  1175.     _this.writeShort = function(i) {

  1176.         _this.writeByte(i);

  1177.         _this.writeByte(i >>> 8);

  1178.     };

  1179.  

  1180.     _this.writeBytes = function(b, off, len) {

  1181.         off = off || 0;

  1182.         len = len || b.length;

  1183.         for (var i = 0; i < len; i += 1) {

  1184.             _this.writeByte(b[i + off]);

  1185.         }

  1186.     };

  1187.  

  1188.     _this.writeString = function(s) {

  1189.         for (var i = 0; i < s.length; i += 1) {

  1190.             _this.writeByte(s.charCodeAt(i) );

  1191.         }

  1192.     };

  1193.  

  1194.     _this.toByteArray = function() {

  1195.         return _bytes;

  1196.     };

  1197.  

  1198.     _this.toString = function() {

  1199.         var s = '';

  1200.         s += '[';

  1201.         for (var i = 0; i < _bytes.length; i += 1) {

  1202.             if (i > 0) {

  1203.                 s += ',';

  1204.             }

  1205.             s += _bytes[i];

  1206.         }

  1207.         s += ']';

  1208.         return s;

  1209.     };

  1210.  

  1211.     return _this;

  1212. };

  1213.  

  1214. //---------------------------------------------------------------------

  1215. // base64EncodeOutputStream

  1216. //---------------------------------------------------------------------

  1217.  

  1218. var base64EncodeOutputStream = function() {

  1219.  

  1220.     var _buffer = 0;

  1221.     var _buflen = 0;

  1222.     var _length = 0;

  1223.     var _base64 = '';

  1224.  

  1225.     var _this = {};

  1226.  

  1227.     var writeEncoded = function(b) {

  1228.         _base64 += String.fromCharCode(encode(b & 0x3f) );

  1229.     };

  1230.  

  1231.     var encode = function(n) {

  1232.         if (n < 0) {

  1233.             // error.

  1234.         } else if (n < 26) {

  1235.             return 0x41 + n;

  1236.         } else if (n < 52) {

  1237.             return 0x61 + (n - 26);

  1238.         } else if (n < 62) {

  1239.             return 0x30 + (n - 52);

  1240.         } else if (n == 62) {

  1241.             return 0x2b;

  1242.         } else if (n == 63) {

  1243.             return 0x2f;

  1244.         }

  1245.         throw new Error('n:' + n);

  1246.     };

  1247.  

  1248.     _this.writeByte = function(n) {

  1249.  

  1250.         _buffer = (_buffer << 8) | (n & 0xff);

  1251.         _buflen += 8;

  1252.         _length += 1;

  1253.  

  1254.         while (_buflen >= 6) {

  1255.             writeEncoded(_buffer >>> (_buflen - 6) );

  1256.             _buflen -= 6;

  1257.         }

  1258.     };

  1259.  

  1260.     _this.flush = function() {

  1261.  

  1262.         if (_buflen > 0) {

  1263.             writeEncoded(_buffer << (6 - _buflen) );

  1264.             _buffer = 0;

  1265.             _buflen = 0;

  1266.         }

  1267.  

  1268.         if (_length % 3 != 0) {

  1269.             // padding

  1270.             var padlen = 3 - _length % 3;

  1271.             for (var i = 0; i < padlen; i += 1) {

  1272.                 _base64 += '=';

  1273.             }

  1274.         }

  1275.     };

  1276.  

  1277.     _this.toString = function() {

  1278.         return _base64;

  1279.     };

  1280.  

  1281.     return _this;

  1282. };

  1283.  

  1284. //---------------------------------------------------------------------

  1285. // base64DecodeInputStream

  1286. //---------------------------------------------------------------------

  1287.  

  1288. var base64DecodeInputStream = function(str) {

  1289.  

  1290.     var _str = str;

  1291.     var _pos = 0;

  1292.     var _buffer = 0;

  1293.     var _buflen = 0;

  1294.  

  1295.     var _this = {};

  1296.  

  1297.     _this.read = function() {

  1298.  

  1299.         while (_buflen < 8) {

  1300.  

  1301.             if (_pos >= _str.length) {

  1302.                 if (_buflen == 0) {

  1303.                     return -1;

  1304.                 }

  1305.                 throw new Error('unexpected end of file./' + _buflen);

  1306.             }

  1307.  

  1308.             var c = _str.charAt(_pos);

  1309.             _pos += 1;

  1310.  

  1311.             if (c == '=') {

  1312.                 _buflen = 0;

  1313.                 return -1;

  1314.             } else if (c.match(/^\s$/) ) {

  1315.                 // ignore if whitespace.

  1316.                 continue;

  1317.             }

  1318.  

  1319.             _buffer = (_buffer << 6) | decode(c.charCodeAt(0) );

  1320.             _buflen += 6;

  1321.         }

  1322.  

  1323.         var n = (_buffer >>> (_buflen - 8) ) & 0xff;

  1324.         _buflen -= 8;

  1325.         return n;

  1326.     };

  1327.  

  1328.     var decode = function(c) {

  1329.         if (0x41 <= c && c <= 0x5a) {

  1330.             return c - 0x41;

  1331.         } else if (0x61 <= c && c <= 0x7a) {

  1332.             return c - 0x61 + 26;

  1333.         } else if (0x30 <= c && c <= 0x39) {

  1334.             return c - 0x30 + 52;

  1335.         } else if (c == 0x2b) {

  1336.             return 62;

  1337.         } else if (c == 0x2f) {

  1338.             return 63;

  1339.         } else {

  1340.             throw new Error('c:' + c);

  1341.         }

  1342.     };

  1343.  

  1344.     return _this;

  1345. };

  1346.  

  1347. //---------------------------------------------------------------------

  1348. // gifImage (B/W)

  1349. //---------------------------------------------------------------------

  1350.  

  1351. var gifImage = function(width, height) {

  1352.  

  1353.     var _width = width;

  1354.     var _height = height;

  1355.     var _data = new Array(width * height);

  1356.  

  1357.     var _this = {};

  1358.  

  1359.     _this.setPixel = function(x, y, pixel) {

  1360.         _data[y * _width + x] = pixel;

  1361.     };

  1362.  

  1363.     _this.write = function(out) {

  1364.  

  1365.         //---------------------------------

  1366.         // GIF Signature

  1367.  

  1368.         out.writeString('GIF87a');

  1369.  

  1370.         //---------------------------------

  1371.         // Screen Descriptor

  1372.  

  1373.         out.writeShort(_width);

  1374.         out.writeShort(_height);

  1375.  

  1376.         out.writeByte(0x80); // 2bit

  1377.         out.writeByte(0);

  1378.         out.writeByte(0);

  1379.  

  1380.         //---------------------------------

  1381.         // Global Color Map

  1382.  

  1383.         // black

  1384.         out.writeByte(0x00);

  1385.         out.writeByte(0x00);

  1386.         out.writeByte(0x00);

  1387.  

  1388.         // white

  1389.         out.writeByte(0xff);

  1390.         out.writeByte(0xff);

  1391.         out.writeByte(0xff);

  1392.  

  1393.         //---------------------------------

  1394.         // Image Descriptor

  1395.  

  1396.         out.writeString(',');

  1397.         out.writeShort(0);

  1398.         out.writeShort(0);

  1399.         out.writeShort(_width);

  1400.         out.writeShort(_height);

  1401.         out.writeByte(0);

  1402.  

  1403.         //---------------------------------

  1404.         // Local Color Map

  1405.  

  1406.         //---------------------------------

  1407.         // Raster Data

  1408.  

  1409.         var lzwMinCodeSize = 2;

  1410.         var raster = getLZWRaster(lzwMinCodeSize);

  1411.  

  1412.         out.writeByte(lzwMinCodeSize);

  1413.  

  1414.         var offset = 0;

  1415.  

  1416.         while (raster.length - offset > 255) {

  1417.             out.writeByte(255);

  1418.             out.writeBytes(raster, offset, 255);

  1419.             offset += 255;

  1420.         }

  1421.  

  1422.         out.writeByte(raster.length - offset);

  1423.         out.writeBytes(raster, offset, raster.length - offset);

  1424.         out.writeByte(0x00);

  1425.  

  1426.         //---------------------------------

  1427.         // GIF Terminator

  1428.         out.writeString(';');

  1429.     };

  1430.  

  1431.     var bitOutputStream = function(out) {

  1432.  

  1433.         var _out = out;

  1434.         var _bitLength = 0;

  1435.         var _bitBuffer = 0;

  1436.  

  1437.         var _this = {};

  1438.  

  1439.         _this.write = function(data, length) {

  1440.  

  1441.             if ( (data >>> length) != 0) {

  1442.                 throw new Error('length over');

  1443.             }

  1444.  

  1445.             while (_bitLength + length >= 8) {

  1446.                 _out.writeByte(0xff & ( (data << _bitLength) | _bitBuffer) );

  1447.                 length -= (8 - _bitLength);

  1448.                 data >>>= (8 - _bitLength);

  1449.                 _bitBuffer = 0;

  1450.                 _bitLength = 0;

  1451.             }

  1452.  

  1453.             _bitBuffer = (data << _bitLength) | _bitBuffer;

  1454.             _bitLength = _bitLength + length;

  1455.         };

  1456.  

  1457.         _this.flush = function() {

  1458.             if (_bitLength > 0) {

  1459.                 _out.writeByte(_bitBuffer);

  1460.             }

  1461.         };

  1462.  

  1463.         return _this;

  1464.     };

  1465.  

  1466.     var getLZWRaster = function(lzwMinCodeSize) {

  1467.  

  1468.         var clearCode = 1 << lzwMinCodeSize;

  1469.         var endCode = (1 << lzwMinCodeSize) + 1;

  1470.         var bitLength = lzwMinCodeSize + 1;

  1471.  

  1472.         // Setup LZWTable

  1473.         var table = lzwTable();

  1474.  

  1475.         for (var i = 0; i < clearCode; i += 1) {

  1476.             table.add(String.fromCharCode(i) );

  1477.         }

  1478.         table.add(String.fromCharCode(clearCode) );

  1479.         table.add(String.fromCharCode(endCode) );

  1480.  

  1481.         var byteOut = byteArrayOutputStream();

  1482.         var bitOut = bitOutputStream(byteOut);

  1483.  

  1484.         // clear code

  1485.         bitOut.write(clearCode, bitLength);

  1486.  

  1487.         var dataIndex = 0;

  1488.  

  1489.         var s = String.fromCharCode(_data[dataIndex]);

  1490.         dataIndex += 1;

  1491.  

  1492.         while (dataIndex < _data.length) {

  1493.  

  1494.             var c = String.fromCharCode(_data[dataIndex]);

  1495.             dataIndex += 1;

  1496.  

  1497.             if (table.contains(s + c) ) {

  1498.  

  1499.                 s = s + c;

  1500.  

  1501.             } else {

  1502.  

  1503.                 bitOut.write(table.indexOf(s), bitLength);

  1504.  

  1505.                 if (table.size() < 0xfff) {

  1506.  

  1507.                     if (table.size() == (1 << bitLength) ) {

  1508.                         bitLength += 1;

  1509.                     }

  1510.  

  1511.                     table.add(s + c);

  1512.                 }

  1513.  

  1514.                 s = c;

  1515.             }

  1516.         }

  1517.  

  1518.         bitOut.write(table.indexOf(s), bitLength);

  1519.  

  1520.         // end code

  1521.         bitOut.write(endCode, bitLength);

  1522.  

  1523.         bitOut.flush();

  1524.  

  1525.         return byteOut.toByteArray();

  1526.     };

  1527.  

  1528.     var lzwTable = function() {

  1529.  

  1530.         var _map = {};

  1531.         var _size = 0;

  1532.  

  1533.         var _this = {};

  1534.  

  1535.         _this.add = function(key) {

  1536.             if (_this.contains(key) ) {

  1537.                 throw new Error('dup key:' + key);

  1538.             }

  1539.             _map[key] = _size;

  1540.             _size += 1;

  1541.         };

  1542.  

  1543.         _this.size = function() {

  1544.             return _size;

  1545.         };

  1546.  

  1547.         _this.indexOf = function(key) {

  1548.             return _map[key];

  1549.         };

  1550.  

  1551.         _this.contains = function(key) {

  1552.             return typeof _map[key] != 'undefined';

  1553.         };

  1554.  

  1555.         return _this;

  1556.     };

  1557.  

  1558.     return _this;

  1559. };

  1560.  

  1561. var createImgTag = function(width, height, getPixel, alt) {

  1562.  

  1563.     var gif = gifImage(width, height);

  1564.     for (var y = 0; y < height; y += 1) {

  1565.         for (var x = 0; x < width; x += 1) {

  1566.             gif.setPixel(x, y, getPixel(x, y) );

  1567.         }

  1568.     }

  1569.  

  1570.     var b = byteArrayOutputStream();

  1571.     gif.write(b);

  1572.  

  1573.     var base64 = base64EncodeOutputStream();

  1574.     var bytes = b.toByteArray();

  1575.     for (var i = 0; i < bytes.length; i += 1) {

  1576.         base64.writeByte(bytes[i]);

  1577.     }

  1578.     base64.flush();

  1579.  

  1580.     var img = '';

  1581.     img += 'data:image/gif;base64,';

  1582.     img += base64;

  1583.  

  1584.     return img;

  1585. };

  1586.  

  1587. //---------------------------------------------------------------------

  1588. // returns qrcode function.

  1589.  

  1590. var createQrCodeImg = function(text, options) {

  1591.     options = options || {};

  1592.     var typeNumber = options.typeNumber || 4;

  1593.     var errorCorrectLevel = options.errorCorrectLevel || 'M';

  1594.     var size = options.size || 500;

  1595.  

  1596.     var qr;

  1597.  

  1598.     try {

  1599.         qr = qrcode(typeNumber, errorCorrectLevel || 'M');

  1600.         qr.addData(text);

  1601.         qr.make();

  1602.     } catch (e) {

  1603.         if(typeNumber >= 40) {

  1604.             throw new Error('Text too long to encode');

  1605.         } else {

  1606.             return gen(text, {

  1607.                 size: size,

  1608.                 errorCorrectLevel: errorCorrectLevel,

  1609.                 typeNumber: typeNumber + 1

  1610.             });

  1611.         }

  1612.     }

  1613.  

  1614.     // calc cellsize and margin

  1615.     var cellsize = parseInt(size / qr.getModuleCount());

  1616.     var margin = parseInt((size - qr.getModuleCount() * cellsize) / 2);

  1617.  

  1618.     return qr.createImgTag(cellsize, margin, size);

  1619. };

  1620. // var module = {}; 需要注释这一行，否则微信小程序无法使用

  1621. export default {

  1622.     createQrCodeImg

  1623. }
tki-qrcode.vue
复制代码
  1. <template xlang="wxml" minapp="mpvue">

  2.     <view class="_qrCode">

  3.         <canvas class="_qrCodeCanvas" id="_myQrCodeCanvas" canvas-id="_myQrCodeCanvas" :style="{width:cpSize+'px',height:cpSize+'px'}" />

  4.         <image v-show="show" :src="result" :style="{width:cpSize+'px',height:cpSize+'px'}" />

  5.     </view>

  6. </template>

  7. 

  8. <script>

  9. import QRCode from "./qrcode.js"

  10. let qrcode

  11. export default {

  12.     name: "tki-qrcode",

  13.     props: {

  14.         size: {

  15.             type: Number,

  16.             default: 200

  17.         },

  18.         unit: {

  19.             type: String,

  20.             default: 'upx'

  21.         },

  22.         show: {

  23.             type: Boolean,

  24.             default: true

  25.         },

  26.         val: {

  27.             type: String,

  28.             default: ''

  29.         },

  30.         background: {

  31.             type: String,

  32.             default: '#ffffff'

  33.         },

  34.         foreground: {

  35.             type: String,

  36.             default: '#000000'

  37.         },

  38.         pdground: {

  39.             type: String,

  40.             default: '#000000'

  41.         },

  42.         icon: {

  43.             type: String,

  44.             default: ''

  45.         },

  46.         iconSize: {

  47.             type: Number,

  48.             default: 40

  49.         },

  50.         lv: {

  51.             type: Number,

  52.             default: 3

  53.         },

  54.         onval: {

  55.             type: Boolean,

  56.             default: false

  57.         },

  58.         loadMake: {

  59.             type: Boolean,

  60.             default: false

  61.         },

  62.     },

  63.     data() {

  64.         return {

  65.             result: '',

  66.         }

  67.     },

  68.     methods: {

  69.         _makeCode() {

  70.             let that = this

  71.             if (!this._empty(this.val)) {

  72.                 qrcode = new QRCode({

  73.                     context: that,

  74.                     text: that.val, // 生成内容

  75.                     size: that.cpSize, // 二维码大小

  76.                     background: that.background, // 背景色

  77.                     foreground: that.foreground, // 前景色

  78.                     pdground: that.pdground, // 定位角点颜色

  79.                     correctLevel: that.lv, // 容错级别

  80.                     image: that.icon, // 二维码图标

  81.                     imageSize: that.iconSize,// 二维码图标大小

  82.                     cbResult: function (res) { // 生成二维码的回调

  83.                         that._result(res)

  84.                     },

  85.                 });

  86.             } else {

  87.                 uni.showToast({

  88.                     title: '二维码内容不能为空',

  89.                     icon: 'none',

  90.                     duration: 1000,

  91.                     complete: function () {

  92.                         setTimeout(function() {

  93.                             uni.hideToast();

  94.                         },1000);

  95.                     }

  96.                 });

  97.             }

  98.         },

  99.         _clearCode() {

  100.             this._result('')

  101.             qrcode.clear()

  102.         },

  103.         _saveCode() {

  104.             let that = this;

  105.             if (this.result != "") {

  106.                 uni.saveImageToPhotosAlbum({

  107.                     filePath: that.result,

  108.                     success: function () {

  109.                         uni.showToast({

  110.                             title: '二维码保存成功',

  111.                             icon: 'success',

  112.                             duration: 1000,

  113.                             complete: function () {

  114.                                 setTimeout(function() {

  115.                                     uni.hideToast();

  116.                                 },1000);

  117.                             }

  118.                         });

  119.                     }

  120.                 });

  121.             }

  122.         },

  123.         _result(res) {

  124.             this.result = res;

  125.             this.$emit('result', res)

  126.         },

  127.         _empty(v) {

  128.             let tp = typeof v,

  129.                 rt = false;

  130.             if (tp == "number" && String(v) == "") {

  131.                 rt = true

  132.             } else if (tp == "undefined") {

  133.                 rt = true

  134.             } else if (tp == "object") {

  135.                 if (JSON.stringify(v) == "{}" || JSON.stringify(v) == "[]" || v == null) rt = true

  136.             } else if (tp == "string") {

  137.                 if (v == "" || v == "undefined" || v == "null" || v == "{}" || v == "[]") rt = true

  138.             } else if (tp == "function") {

  139.                 rt = false

  140.             }

  141.             return rt

  142.         }

  143.     },

  144.     watch: {

  145.         size: function (n, o) {

  146.             if (n != o && !this._empty(n)) {

  147.                 this.cSize = n

  148.                 if (!this._empty(this.val)) {

  149.                     setTimeout(() => {

  150.                         this._makeCode()

  151.                     }, 100);

  152.                 }

  153.             }

  154.         },

  155.         val: function (n, o) {

  156.             if (this.onval) {

  157.                 if (n != o && !this._empty(n)) {

  158.                     setTimeout(() => {

  159.                         this._makeCode()

  160.                     }, 0);

  161.                 }

  162.             }

  163.         }

  164.     },

  165.     computed: {

  166.         cpSize() {

  167.             if(this.unit == "upx"){

  168.                 return uni.upx2px(this.size)

  169.             }else{

  170.                 return this.size

  171.             }

  172.         }

  173.     },

  174.     mounted: function () {

  175.         if (this.loadMake) {

  176.             if (!this._empty(this.val)) {

  177.                 setTimeout(() => {

  178.                     this._makeCode()

  179.                 }, 0);

  180.             }

  181.         }

  182.     },

  183. }

  184. </script>

  185. <style>

  186. ._qrCode {

  187.   position: relative;

  188. }

  189. ._qrCodeCanvas {

  190.   position: fixed;

  191.   top: -99999upx;

  192.   left: -99999upx;

  193.   z-index: -99999;

  194. }

  195. </style>

  196.

u-charts

component.vue
复制代码
  1. <template>

  2.     <canvas v-if="canvasId" :id="canvasId" :canvasId="canvasId" :style="{'width':cWidth*pixelRatio+'px','height':cHeight*pixelRatio+'px', 'transform': 'scale('+(1/pixelRatio)+')','margin-left':-cWidth*(pixelRatio-1)/2+'px','margin-top':-cHeight*(pixelRatio-1)/2+'px'}"

  3.      @touchstart="touchStart" @touchmove="touchMove" @touchend="touchEnd" @error="error">

  4.     </canvas>

  5. </template>

  6. 

  7. <script>

  8.     import uCharts from './u-charts.js';

  9.     var canvases = {};

  10.     

  11.     export default {

  12.         props: {

  13.             chartType: {

  14.                 required: true,

  15.                 type: String,

  16.                 default: 'column'

  17.             },

  18.             opts: {

  19.                 required: true,

  20.                 type: Object,

  21.                 default () {

  22.                     return null;

  23.                 },

  24.             },

  25.             canvasId: {

  26.                 type: String,

  27.                 default: 'u-canvas',

  28.             },

  29.             cWidth: {

  30.                 default: 375,

  31.             },

  32.             cHeight: {

  33.                 default: 250,

  34.             },

  35.             pixelRatio: {

  36.                 type: Number,

  37.                 default: 1,

  38.             },

  39.         },

  40.         mounted() {

  41.             this.init();

  42.         },

  43.         methods: {

  44.             init() {

  45.                 switch (this.chartType) {

  46.                     case 'column':

  47.                         this.initColumnChart();

  48.                         break;

  49.                     case 'line':

  50.                         this.initLineChart();

  51.                         break;

  52.                     default:

  53.                         break;

  54.                 }

  55.             },

  56.             initColumnChart() {

  57.                 canvases[this.canvasId] = new uCharts({

  58.                     $this: this,

  59.                     canvasId: this.canvasId,

  60.                     type: 'column',

  61.                     legend: true,

  62.                     fontSize: 11,

  63.                     background: '#FFFFFF',

  64.                     pixelRatio: this.pixelRatio,

  65.                     animation: true,

  66.                     categories: this.opts.categories,

  67.                     series: this.opts.series,

  68.                     enableScroll: true,

  69.                     xAxis: {

  70.                         disableGrid: true,

  71.                         itemCount: 4,

  72.                         scrollShow: true

  73.                     },

  74.                     yAxis: {

  75.                         //disabled:true

  76.                     },

  77.                     dataLabel: true,

  78.                     width: this.cWidth * this.pixelRatio,

  79.                     height: this.cHeight * this.pixelRatio,

  80.                     extra: {

  81.                         column: {

  82.                             type: 'group',

  83.                         }

  84.                     }

  85.                 });

  86.             },

  87.             initLineChart() {

  88.                 canvases[this.canvasId] = new uCharts({

  89.                     $this: this,

  90.                     canvasId: this.canvasId,

  91.                     type: 'line',

  92.                     fontSize: 11,

  93.                     legend: true,

  94.                     dataLabel: false,

  95.                     dataPointShape: true,

  96.                     background: '#FFFFFF',

  97.                     pixelRatio: this.pixelRatio,

  98.                     categories: this.opts.categories,

  99.                     series: this.opts.series,

  100.                     animation: true,

  101.                     enableScroll: true,

  102.                     xAxis: {

  103.                         type: 'grid',

  104.                         gridColor: '#CCCCCC',

  105.                         gridType: 'dash',

  106.                         dashLength: 8,

  107.                         itemCount: 4,

  108.                         scrollShow: true

  109.                     },

  110.                     yAxis: {

  111.                         gridType: 'dash',

  112.                         gridColor: '#CCCCCC',

  113.                         dashLength: 8,

  114.                         splitNumber: 5,

  115.                         min: 10,

  116.                         max: 180,

  117.                         format: (val) => {

  118.                             return val.toFixed(0) + '元'

  119.                         }

  120.                     },

  121.                     width: this.cWidth * this.pixelRatio,

  122.                     height: this.cHeight * this.pixelRatio,

  123.                     extra: {

  124.                         line: {

  125.                             type: 'straight'

  126.                         }

  127.                     }

  128.                 });

  129.             },

  130.             // 这里仅作为示例传入两个参数，cid为canvas-id,newdata为更新的数据，需要更多参数请自行修改

  131.             changeData(cid,newdata) {

  132.                 canvases[cid].updateData({

  133.                     series: newdata.series,

  134.                     categories: newdata.categories

  135.                 });

  136.             },

  137.             touchStart(e) {

  138.                 canvases[this.canvasId].showToolTip(e, {

  139.                     format: function(item, category) {

  140.                         return category + ' ' + item.name + ':' + item.data

  141.                     }

  142.                 });

  143.                 canvases[this.canvasId].scrollStart(e);

  144.             },

  145.             touchMove(e) {

  146.                 canvases[this.canvasId].scroll(e);

  147.             },

  148.             touchEnd(e) {

  149.                 canvases[this.canvasId].scrollEnd(e);

  150.             },

  151.             error(e) {

  152.                 // console.log(e)

  153.             }

  154.         },

  155.     };

  156. </script>

  157. 

  158. <style scoped>

  159.     .charts {

  160.         width: 100%;

  161.         height: 100%;

  162.         flex: 1;

  163.         background-color: #FFFFFF;

  164.     }

  165. </style>

  166.
u-charts.js
复制代码
  1. /*

  2.  * uCharts v1.7.0.20190713

  3.  * uni-app平台高性能跨全端图表，支持H5、APP、小程序（微信/支付宝/百度/头条）

  4.  * Copyright (c) 2019 QIUN秋云 https://www.ucharts.cn All rights reserved.

  5.  * Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )

  6.  * 

  7.  * uCharts官方网站

  8.  * https://www.uCharts.cn

  9.  * 

  10.  * 开源地址:

  11.  * https://gitee.com/uCharts/uCharts

  12.  * 

  13.  * uni-app插件市场地址：

  14.  * http://ext.dcloud.net.cn/plugin?id=271

  15.  * 

  16.  * 

  17.  */

  18. 

  19. 'use strict';

  20. 

  21. var config = {

  22.     yAxisWidth: 15,

  23.     yAxisSplit: 5,

  24.     xAxisHeight: 15,

  25.     xAxisLineHeight: 15,

  26.     legendHeight: 15,

  27.     yAxisTitleWidth: 15,

  28.     padding: 12,

  29.     pixelRatio: 1, //适配H5高分屏

  30.     rotate: false, //横屏模式

  31.     columePadding: 3,

  32.     fontSize: 13,

  33.     //dataPointShape: ['diamond', 'circle', 'triangle', 'rect'],

  34.     dataPointShape: ['circle', 'circle', 'circle', 'circle'], //仿F2图例样式改为圆点

  35.     colors: ['#1890ff', '#2fc25b', '#facc14', '#f04864', '#8543e0', '#90ed7d'],

  36.     pieChartLinePadding: 15,

  37.     pieChartTextPadding: 5,

  38.     xAxisTextPadding: 3,

  39.     titleColor: '#333333',

  40.     titleFontSize: 20,

  41.     subtitleColor: '#999999',

  42.     subtitleFontSize: 15,

  43.     toolTipPadding: 3,

  44.     toolTipBackground: '#000000',

  45.     toolTipOpacity: 0.7,

  46.     toolTipLineHeight: 20,

  47.     radarGridCount: 3,

  48.     radarLabelTextMargin: 15,

  49.     gaugeLabelTextMargin: 15

  50. };

  51. 

  52. // Object.assign polyfill

  53. // https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

  54. function assign(target, varArgs) {

  55.     if (target == null) {

  56.         // TypeError if undefined or null

  57.         throw new TypeError('Cannot convert undefined or null to object');

  58.     }

  59. 

  60.     var to = Object(target);

  61. 

  62.     for (var index = 1; index < arguments.length; index++) {

  63.         var nextSource = arguments[index];

  64. 

  65.         if (nextSource != null) {

  66.             // Skip over if undefined or null

  67.             for (var nextKey in nextSource) {

  68.                 // Avoid bugs when hasOwnProperty is shadowed

  69.                 if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {

  70.                     to[nextKey] = nextSource[nextKey];

  71.                 }

  72.             }

  73.         }

  74.     }

  75.     return to;

  76. }

  77. 

  78. var util = {

  79.     toFixed: function toFixed(num, limit) {

  80.         limit = limit || 2;

  81.         if (this.isFloat(num)) {

  82.             num = num.toFixed(limit);

  83.         }

  84.         return num;

  85.     },

  86.     isFloat: function isFloat(num) {

  87.         return num % 1 !== 0;

  88.     },

  89.     approximatelyEqual: function approximatelyEqual(num1, num2) {

  90.         return Math.abs(num1 - num2) < 1e-10;

  91.     },

  92.     isSameSign: function isSameSign(num1, num2) {

  93.         return Math.abs(num1) === num1 && Math.abs(num2) === num2 || Math.abs(num1) !== num1 && Math.abs(num2) !== num2;

  94.     },

  95.     isSameXCoordinateArea: function isSameXCoordinateArea(p1, p2) {

  96.         return this.isSameSign(p1.x, p2.x);

  97.     },

  98.     isCollision: function isCollision(obj1, obj2) {

  99.         obj1.end = {};

  100.         obj1.end.x = obj1.start.x + obj1.width;

  101.         obj1.end.y = obj1.start.y - obj1.height;

  102.         obj2.end = {};

  103.         obj2.end.x = obj2.start.x + obj2.width;

  104.         obj2.end.y = obj2.start.y - obj2.height;

  105.         var flag = obj2.start.x > obj1.end.x || obj2.end.x < obj1.start.x || obj2.end.y > obj1.start.y || obj2.start.y <

  106.             obj1.end.y;

  107. 

  108.         return !flag;

  109.     }

  110. };

  111. 

  112. //兼容H5点击事件

  113. function getH5Offset(e) {

  114.     e.mp={changedTouches:[]};

  115.     e.mp.changedTouches.push({x:e.offsetX,y:e.offsetY});

  116.     return e;

  117. }

  118. 

  119. // hex 转 rgba

  120. function hexToRgb(hexValue, opc) {

  121.     var rgx = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;

  122.     var hex = hexValue.replace(rgx, function(m, r, g, b) {

  123.         return r + r + g + g + b + b;

  124.     });

  125.     var rgb = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);

  126.     var r = parseInt(rgb[1], 16);

  127.     var g = parseInt(rgb[2], 16);

  128.     var b = parseInt(rgb[3], 16);

  129.     return 'rgba(' + r + ',' + g + ',' + b + ',' + opc + ')';

  130. }

  131. 

  132. function findRange(num, type, limit) {

  133.     if (isNaN(num)) {

  134.         throw new Error('[wxCharts] unvalid series data!');

  135.     }

  136.     limit = limit || 10;

  137.     type = type ? type : 'upper';

  138.     var multiple = 1;

  139.     while (limit < 1) {

  140.         limit *= 10;

  141.         multiple *= 10;

  142.     }

  143.     if (type === 'upper') {

  144.         num = Math.ceil(num * multiple);

  145.     } else {

  146.         num = Math.floor(num * multiple);

  147.     }

  148.     while (num % limit !== 0) {

  149.         if (type === 'upper') {

  150.             num++;

  151.         } else {

  152.             num--;

  153.         }

  154.     }

  155. 

  156.     return num / multiple;

  157. }

  158. 

  159. function calCandleMA(dayArr, nameArr, colorArr, kdata) {

  160.     let seriesTemp = [];

  161.     for (let k = 0; k < dayArr.length; k++) {

  162.         let seriesItem = {

  163.             data: [],

  164.             name: nameArr[k],

  165.             color: colorArr[k]

  166.         };

  167.         for (let i = 0, len = kdata.length; i < len; i++) {

  168.             if (i < dayArr[k]) {

  169.                 seriesItem.data.push(null);

  170.                 continue;

  171.             }

  172.             let sum = 0;

  173.             for (let j = 0; j < dayArr[k]; j++) {

  174.                 sum += kdata[i - j][1];

  175.             }

  176.             seriesItem.data.push(+(sum / dayArr[k]).toFixed(3));

  177.         }

  178.         seriesTemp.push(seriesItem);

  179.     }

  180.     return seriesTemp;

  181. }

  182. 

  183. function calValidDistance(distance, chartData, config, opts) {

  184. 

  185.     var dataChartAreaWidth = opts.width - config.padding - chartData.xAxisPoints[0];

  186.     var dataChartWidth = chartData.eachSpacing * opts.categories.length;

  187.     var validDistance = distance;

  188.     if (distance >= 0) {

  189.         validDistance = 0;

  190.     } else if (Math.abs(distance) >= dataChartWidth - dataChartAreaWidth) {

  191.         validDistance = dataChartAreaWidth - dataChartWidth;

  192.     }

  193.     return validDistance;

  194. }

  195. 

  196. function isInAngleRange(angle, startAngle, endAngle) {

  197.     function adjust(angle) {

  198.         while (angle < 0) {

  199.             angle += 2 * Math.PI;

  200.         }

  201.         while (angle > 2 * Math.PI) {

  202.             angle -= 2 * Math.PI;

  203.         }

  204. 

  205.         return angle;

  206.     }

  207. 

  208.     angle = adjust(angle);

  209.     startAngle = adjust(startAngle);

  210.     endAngle = adjust(endAngle);

  211.     if (startAngle > endAngle) {

  212.         endAngle += 2 * Math.PI;

  213.         if (angle < startAngle) {

  214.             angle += 2 * Math.PI;

  215.         }

  216.     }

  217. 

  218.     return angle >= startAngle && angle <= endAngle;

  219. }

  220. 

  221. function calRotateTranslate(x, y, h) {

  222.     var xv = x;

  223.     var yv = h - y;

  224. 

  225.     var transX = xv + (h - yv - xv) / Math.sqrt(2);

  226.     transX *= -1;

  227. 

  228.     var transY = (h - yv) * (Math.sqrt(2) - 1) - (h - yv - xv) / Math.sqrt(2);

  229. 

  230.     return {

  231.         transX: transX,

  232.         transY: transY

  233.     };

  234. }

  235. 

  236. function createCurveControlPoints(points, i) {

  237. 

  238.     function isNotMiddlePoint(points, i) {

  239.         if (points[i - 1] && points[i + 1]) {

  240.             return points[i].y >= Math.max(points[i - 1].y, points[i + 1].y) || points[i].y <= Math.min(points[i - 1].y, points[

  241.                 i + 1].y);

  242.         } else {

  243.             return false;

  244.         }

  245.     }

  246. 

  247.     var a = 0.2;

  248.     var b = 0.2;

  249.     var pAx = null;

  250.     var pAy = null;

  251.     var pBx = null;

  252.     var pBy = null;

  253.     if (i < 1) {

  254.         pAx = points[0].x + (points[1].x - points[0].x) * a;

  255.         pAy = points[0].y + (points[1].y - points[0].y) * a;

  256.     } else {

  257.         pAx = points[i].x + (points[i + 1].x - points[i - 1].x) * a;

  258.         pAy = points[i].y + (points[i + 1].y - points[i - 1].y) * a;

  259.     }

  260. 

  261.     if (i > points.length - 3) {

  262.         var last = points.length - 1;

  263.         pBx = points[last].x - (points[last].x - points[last - 1].x) * b;

  264.         pBy = points[last].y - (points[last].y - points[last - 1].y) * b;

  265.     } else {

  266.         pBx = points[i + 1].x - (points[i + 2].x - points[i].x) * b;

  267.         pBy = points[i + 1].y - (points[i + 2].y - points[i].y) * b;

  268.     }

  269. 

  270.     // fix issue https://github.com/xiaolin3303/wx-charts/issues/79

  271.     if (isNotMiddlePoint(points, i + 1)) {

  272.         pBy = points[i + 1].y;

  273.     }

  274.     if (isNotMiddlePoint(points, i)) {

  275.         pAy = points[i].y;

  276.     }

  277. 

  278.     return {

  279.         ctrA: {

  280.             x: pAx,

  281.             y: pAy

  282.         },

  283.         ctrB: {

  284.             x: pBx,

  285.             y: pBy

  286.         }

  287.     };

  288. }

  289. 

  290. function convertCoordinateOrigin(x, y, center) {

  291.     return {

  292.         x: center.x + x,

  293.         y: center.y - y

  294.     };

  295. }

  296. 

  297. function avoidCollision(obj, target) {

  298.     if (target) {

  299.         // is collision test

  300.         while (util.isCollision(obj, target)) {

  301.             if (obj.start.x > 0) {

  302.                 obj.start.y--;

  303.             } else if (obj.start.x < 0) {

  304.                 obj.start.y++;

  305.             } else {

  306.                 if (obj.start.y > 0) {

  307.                     obj.start.y++;

  308.                 } else {

  309.                     obj.start.y--;

  310.                 }

  311.             }

  312.         }

  313.     }

  314.     return obj;

  315. }

  316. 

  317. function fillSeriesColor(series, config) {

  318.     var index = 0;

  319.     return series.map(function(item) {

  320.         if (!item.color) {

  321.             item.color = config.colors[index];

  322.             index = (index + 1) % config.colors.length;

  323.         }

  324.         return item;

  325.     });

  326. }

  327. 

  328. function fillSeriesType(series, opts) {

  329.     return series.map(function(item) {

  330.         if (!item.type) {

  331.             item.type = opts.type;

  332.         }

  333.         return item;

  334.     });

  335. }

  336. 

  337. function getDataRange(minData, maxData) {

  338.     var limit = 0;

  339.     var range = maxData - minData;

  340.     if (range >= 10000) {

  341.         limit = 1000;

  342.     } else if (range >= 1000) {

  343.         limit = 100;

  344.     } else if (range >= 100) {

  345.         limit = 10;

  346.     } else if (range >= 10) {

  347.         limit = 5;

  348.     } else if (range >= 1) {

  349.         limit = 1;

  350.     } else if (range >= 0.1) {

  351.         limit = 0.1;

  352.     } else {

  353.         limit = 0.01;

  354.     }

  355.     return {

  356.         minRange: findRange(minData, 'lower', limit),

  357.         maxRange: findRange(maxData, 'upper', limit)

  358.     };

  359. }

  360. 

  361. function measureText(text) {

  362.     var fontSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : config.fontSize;

  363. 

  364.     // wx canvas 未实现measureText方法, 此处自行实现

  365.     // 适配修改初始字体10px为其他大小的方法

  366.     text = String(text);

  367.     var text = text.split('');

  368.     var width = 0;

  369.     for (let i = 0; i < text.length; i++) {

  370.         let item = text[i];

  371.         if (/[a-zA-Z]/.test(item)) {

  372.             width += 7;

  373.         } else if (/[0-9]/.test(item)) {

  374.             width += 5.5;

  375.         } else if (/\./.test(item)) {

  376.             width += 2.7;

  377.         } else if (/-/.test(item)) {

  378.             width += 3.25;

  379.         } else if (/[\u4e00-\u9fa5]/.test(item)) {

  380.             width += 10;

  381.         } else if (/\(|\)/.test(item)) {

  382.             width += 3.73;

  383.         } else if (/\s/.test(item)) {

  384.             width += 2.5;

  385.         } else if (/%/.test(item)) {

  386.             width += 8;

  387.         } else {

  388.             width += 10;

  389.         }

  390.     }

  391.     return width * fontSize / 10;

  392. }

  393. 

  394. function dataCombine(series) {

  395.     return series.reduce(function(a, b) {

  396.         return (a.data ? a.data : a).concat(b.data);

  397.     }, []);

  398. }

  399. 

  400. function dataCombineStack(series) {

  401.     var sum = new Array(series[0].data.length);

  402.     for (var j = 0; j < sum.length; j++) {

  403.         sum[j] = 0;

  404.     }

  405.     for (var i = 0; i < series.length; i++) {

  406.         for (var j = 0; j < sum.length; j++) {

  407.             sum[j] += series[i].data[j];

  408.         }

  409.     }

  410.     return series.reduce(function(a, b) {

  411.         return (a.data ? a.data : a).concat(b.data).concat(sum);

  412.     }, []);

  413. }

  414. 

  415. function getTouches(touches, opts, e) {

  416.     let x, y;

  417.     if (touches.clientX) {

  418.         if (opts.rotate) { //适配横屏

  419.             y = opts.height - touches.clientX * opts.pixelRatio;

  420.             x = (touches.pageY - e.currentTarget.offsetTop - (opts.height / opts.pixelRatio / 2) * (opts.pixelRatio - 1)) *

  421.                 opts.pixelRatio;

  422.         } else {

  423.             x = touches.clientX * opts.pixelRatio;

  424.             y = (touches.pageY - e.currentTarget.offsetTop - (opts.height / opts.pixelRatio / 2) * (opts.pixelRatio - 1)) *

  425.                 opts.pixelRatio;

  426.         }

  427.     } else {

  428.         if (opts.rotate) { //适配横屏

  429.             y = opts.height - touches.x * opts.pixelRatio;

  430.             x = touches.y * opts.pixelRatio;

  431.         } else {

  432.             x = touches.x * opts.pixelRatio;

  433.             y = touches.y * opts.pixelRatio;

  434.         }

  435.     }

  436.     return {

  437.         x: x,

  438.         y: y

  439.     }

  440. }

  441. 

  442. function getSeriesDataItem(series, index) {

  443.     var data = [];

  444.     for (let i = 0; i < series.length; i++) {

  445.         let item = series[i];

  446.         if (item.data[index] !== null && typeof item.data[index] !== 'undefined') {

  447.             let seriesItem = {};

  448.             seriesItem.color = item.color;

  449.             seriesItem.type = item.type;

  450.             seriesItem.style = item.style;

  451.             seriesItem.shape = item.shape;

  452.             seriesItem.disableLegend = item.disableLegend;

  453.             seriesItem.name = item.name;

  454.             seriesItem.data = item.format ? item.format(item.data[index]) : item.data[index];

  455.             data.push(seriesItem);

  456.         }

  457.     }

  458.     return data;

  459. }

  460. 

  461. function getMaxTextListLength(list) {

  462.     var lengthList = list.map(function(item) {

  463.         return measureText(item);

  464.     });

  465.     return Math.max.apply(null, lengthList);

  466. }

  467. 

  468. function getRadarCoordinateSeries(length) {

  469.     var eachAngle = 2 * Math.PI / length;

  470.     var CoordinateSeries = [];

  471.     for (var i = 0; i < length; i++) {

  472.         CoordinateSeries.push(eachAngle * i);

  473.     }

  474. 

  475.     return CoordinateSeries.map(function(item) {

  476.         return -1 * item + Math.PI / 2;

  477.     });

  478. }

  479. 

  480. function getToolTipData(seriesData, calPoints, index, categories) {

  481.     var option = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};

  482. 

  483.     var textList = seriesData.map(function(item) {

  484.         return {

  485.             text: option.format ? option.format(item, categories[index]) : item.name + ': ' + item.data,

  486.             color: item.color

  487.         };

  488.     });

  489.     var validCalPoints = [];

  490.     var offset = {

  491.         x: 0,

  492.         y: 0

  493.     };

  494.     for (let i = 0; i < calPoints.length; i++) {

  495.         let points = calPoints[i];

  496.         if (typeof points[index] !== 'undefined' && points[index] !== null) {

  497.             validCalPoints.push(points[index]);

  498.         }

  499.     }

  500.     for (let i = 0; i < validCalPoints.length; i++) {

  501.         let item = validCalPoints[i];

  502.         offset.x = Math.round(item.x);

  503.         offset.y += item.y;

  504.     }

  505.     offset.y /= validCalPoints.length;

  506.     return {

  507.         textList: textList,

  508.         offset: offset

  509.     };

  510. }

  511. 

  512. function getMixToolTipData(seriesData, calPoints, index, categories) {

  513.     var option = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};

  514.     var textList = seriesData.map(function(item) {

  515.         return {

  516.             text: option.format ? option.format(item, categories[index]) : item.name + ': ' + item.data,

  517.             color: item.color,

  518.             disableLegend: item.disableLegend ? true : false

  519.         };

  520.     });

  521.     textList = textList.filter(function(item) {

  522.         if (item.disableLegend !== true) {

  523.             return item;

  524.         }

  525.     });

  526.     var validCalPoints = [];

  527.     var offset = {

  528.         x: 0,

  529.         y: 0

  530.     };

  531.     for (let i = 0; i < calPoints.length; i++) {

  532.         let points = calPoints[i];

  533.         if (typeof points[index] !== 'undefined' && points[index] !== null) {

  534.             validCalPoints.push(points[index]);

  535.         }

  536.     }

  537.     for (let i = 0; i < validCalPoints.length; i++) {

  538.         let item = validCalPoints[i];

  539.         offset.x = Math.round(item.x);

  540.         offset.y += item.y;

  541.     }

  542.     offset.y /= validCalPoints.length;

  543.     return {

  544.         textList: textList,

  545.         offset: offset

  546.     };

  547. }

  548. 

  549. function getCandleToolTipData(series, seriesData, calPoints, index, categories, extra) {

  550.     var option = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};

  551.     let upColor = extra.color.upFill;

  552.     let downColor = extra.color.downFill;

  553.     //颜色顺序为开盘，收盘，最低，最高

  554.     let color = [upColor, upColor, downColor, upColor];

  555.     var textList = [];

  556.     let text0 = {

  557.         text: categories[index],

  558.         color: null

  559.     };

  560.     textList.push(text0);

  561.     seriesData.map(function(item) {

  562.         //console.log(color)

  563.         if (index == 0 && item.data[1] - item.data[0] < 0) {

  564.             color[1] = downColor;

  565.         } else {

  566.             if (item.data[0] < series[index - 1][1]) {

  567.                 color[0] = downColor;

  568.             }

  569.             if (item.data[1] < item.data[0]) {

  570.                 color[1] = downColor;

  571.             }

  572.             if (item.data[2] > series[index - 1][1]) {

  573.                 color[2] = upColor;

  574.             }

  575.             if (item.data[3] < series[index - 1][1]) {

  576.                 color[3] = downColor;

  577.             }

  578.         }

  579. 

  580.         let text1 = {

  581.             text: '开盘：' + item.data[0],

  582.             color: color[0]

  583.         };

  584.         let text2 = {

  585.             text: '收盘：' + item.data[1],

  586.             color: color[1]

  587.         };

  588.         let text3 = {

  589.             text: '最低：' + item.data[2],

  590.             color: color[2]

  591.         };

  592.         let text4 = {

  593.             text: '最高：' + item.data[3],

  594.             color: color[3]

  595.         };

  596.         textList.push(text1, text2, text3, text4);

  597.     });

  598.     var validCalPoints = [];

  599.     var offset = {

  600.         x: 0,

  601.         y: 0

  602.     };

  603.     for (let i = 0; i < calPoints.length; i++) {

  604.         let points = calPoints[i];

  605.         if (typeof points[index] !== 'undefined' && points[index] !== null) {

  606.             validCalPoints.push(points[index]);

  607.         }

  608.     }

  609.     offset.x = Math.round(validCalPoints[0][0].x);

  610.     return {

  611.         textList: textList,

  612.         offset: offset

  613.     };

  614. }

  615. 

  616. function findCurrentIndex(currentPoints, xAxisPoints, opts, config) {

  617.     var offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;

  618.     var currentIndex = -1;

  619.     if (isInExactChartArea(currentPoints, opts, config)) {

  620.         xAxisPoints.forEach(function(item, index) {

  621.             if (currentPoints.x + offset > item) {

  622.                 currentIndex = index;

  623.             }

  624.         });

  625.     }

  626. 

  627.     return currentIndex;

  628. }

  629. 

  630. function isInExactChartArea(currentPoints, opts, config) {

  631.     return currentPoints.x < opts.width - config.padding && currentPoints.x > config.padding + config.yAxisWidth + config.yAxisTitleWidth &&

  632.         currentPoints.y > config.padding && currentPoints.y < opts.height - config.legendHeight - config.xAxisHeight - config

  633.         .padding;

  634. }

  635. 

  636. function findRadarChartCurrentIndex(currentPoints, radarData, count) {

  637.     var eachAngleArea = 2 * Math.PI / count;

  638.     var currentIndex = -1;

  639.     if (isInExactPieChartArea(currentPoints, radarData.center, radarData.radius)) {

  640.         var fixAngle = function fixAngle(angle) {

  641.             if (angle < 0) {

  642.                 angle += 2 * Math.PI;

  643.             }

  644.             if (angle > 2 * Math.PI) {

  645.                 angle -= 2 * Math.PI;

  646.             }

  647.             return angle;

  648.         };

  649. 

  650.         var angle = Math.atan2(radarData.center.y - currentPoints.y, currentPoints.x - radarData.center.x);

  651.         angle = -1 * angle;

  652.         if (angle < 0) {

  653.             angle += 2 * Math.PI;

  654.         }

  655. 

  656.         var angleList = radarData.angleList.map(function(item) {

  657.             item = fixAngle(-1 * item);

  658. 

  659.             return item;

  660.         });

  661. 

  662.         angleList.forEach(function(item, index) {

  663.             var rangeStart = fixAngle(item - eachAngleArea / 2);

  664.             var rangeEnd = fixAngle(item + eachAngleArea / 2);

  665.             if (rangeEnd < rangeStart) {

  666.                 rangeEnd += 2 * Math.PI;

  667.             }

  668.             if (angle >= rangeStart && angle <= rangeEnd || angle + 2 * Math.PI >= rangeStart && angle + 2 * Math.PI <=

  669.                 rangeEnd) {

  670.                 currentIndex = index;

  671.             }

  672.         });

  673.     }

  674. 

  675.     return currentIndex;

  676. }

  677. 

  678. function findPieChartCurrentIndex(currentPoints, pieData) {

  679.     var currentIndex = -1;

  680.     if (isInExactPieChartArea(currentPoints, pieData.center, pieData.radius)) {

  681.         var angle = Math.atan2(pieData.center.y - currentPoints.y, currentPoints.x - pieData.center.x);

  682.         angle = -angle;

  683.         for (var i = 0, len = pieData.series.length; i < len; i++) {

  684.             var item = pieData.series[i];

  685.             if (isInAngleRange(angle, item._start_, item._start_ + item._proportion_ * 2 * Math.PI)) {

  686.                 currentIndex = i;

  687.                 break;

  688.             }

  689.         }

  690.     }

  691. 

  692.     return currentIndex;

  693. }

  694. 

  695. function isInExactPieChartArea(currentPoints, center, radius) {

  696.     return Math.pow(currentPoints.x - center.x, 2) + Math.pow(currentPoints.y - center.y, 2) <= Math.pow(radius, 2);

  697. }

  698. 

  699. function splitPoints(points) {

  700.     var newPoints = [];

  701.     var items = [];

  702.     points.forEach(function(item, index) {

  703.         if (item !== null) {

  704.             items.push(item);

  705.         } else {

  706.             if (items.length) {

  707.                 newPoints.push(items);

  708.             }

  709.             items = [];

  710.         }

  711.     });

  712.     if (items.length) {

  713.         newPoints.push(items);

  714.     }

  715. 

  716.     return newPoints;

  717. }

  718. 

  719. function calLegendData(series, opts, config) {

  720.     if (opts.legend === false) {

  721.         return {

  722.             legendList: [],

  723.             legendHeight: 0

  724.         };

  725.     }

  726.     //适配H5高分屏

  727.     var padding = 5 * opts.pixelRatio;

  728.     var marginTop = 8 * opts.pixelRatio;

  729.     var shapeWidth = 15 * opts.pixelRatio;

  730.     var legendList = [];

  731.     var widthCount = 0;

  732.     var currentRow = [];

  733.     for (let i = 0; i < series.length; i++) {

  734.         let item = series[i];

  735.         let itemWidth = 3 * padding + shapeWidth + measureText(item.name || 'undefined');

  736.         if (widthCount + itemWidth > opts.width) {

  737.             legendList.push(currentRow);

  738.             widthCount = itemWidth;

  739.             currentRow = [item];

  740.         } else {

  741.             widthCount += itemWidth;

  742.             currentRow.push(item);

  743.         }

  744.     }

  745.     if (currentRow.length) {

  746.         legendList.push(currentRow);

  747.     }

  748. 

  749.     return {

  750.         legendList: legendList,

  751.         legendHeight: legendList.length * (config.fontSize + marginTop) + padding

  752.     };

  753. }

  754. 

  755. function calCategoriesData(categories, opts, config) {

  756.     var result = {

  757.         angle: 0,

  758.         xAxisHeight: config.xAxisHeight

  759.     };

  760. 

  761.     var _getXAxisPoints = getXAxisPoints(categories, opts, config),

  762.         eachSpacing = _getXAxisPoints.eachSpacing;

  763. 

  764.     // get max length of categories text

  765. 

  766. 

  767.     var categoriesTextLenth = categories.map(function(item) {

  768.         return measureText(item);

  769.     });

  770. 

  771.     var maxTextLength = Math.max.apply(this, categoriesTextLenth);

  772. 

  773.     if (opts.xAxis.rotateLabel == true && maxTextLength + 2 * config.xAxisTextPadding > eachSpacing) {

  774.         result.angle = 45 * Math.PI / 180;

  775.         result.xAxisHeight = 2 * config.xAxisTextPadding + maxTextLength * Math.sin(result.angle);

  776.     }

  777. 

  778.     return result;

  779. }

  780. 

  781. function getRadarDataPoints(angleList, center, radius, series, opts) {

  782.     var process = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;

  783. 

  784.     var radarOption = opts.extra.radar || {};

  785.     radarOption.max = radarOption.max || 0;

  786.     var maxData = Math.max(radarOption.max, Math.max.apply(null, dataCombine(series)));

  787. 

  788.     var data = [];

  789.     for (let i = 0; i < series.length; i++) {

  790.         let each = series[i];

  791.         let listItem = {};

  792.         listItem.color = each.color;

  793.         listItem.data = [];

  794.         each.data.forEach(function(item, index) {

  795.             let tmp = {};

  796.             tmp.angle = angleList[index];

  797. 

  798.             tmp.proportion = item / maxData;

  799.             tmp.position = convertCoordinateOrigin(radius * tmp.proportion * process * Math.cos(tmp.angle), radius * tmp.proportion *

  800.                 process * Math.sin(tmp.angle), center);

  801.             listItem.data.push(tmp);

  802.         });

  803. 

  804.         data.push(listItem);

  805.     }

  806. 

  807.     return data;

  808. }

  809. 

  810. function getPieDataPoints(series, radius) {

  811.     var process = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;

  812. 

  813.     var count = 0;

  814.     var _start_ = 0;

  815.     for (let i = 0; i < series.length; i++) {

  816.         let item = series[i];

  817.         item.data = item.data === null ? 0 : item.data;

  818.         count += item.data;

  819.     }

  820.     for (let i = 0; i < series.length; i++) {

  821.         let item = series[i];

  822.         item.data = item.data === null ? 0 : item.data;

  823.         if (count === 0) {

  824.             item._proportion_ = 1 / series.length * process;

  825.         } else {

  826.             item._proportion_ = item.data / count * process;

  827.         }

  828.         item._radius_=radius;

  829.     }

  830.     for (let i = 0; i < series.length; i++) {

  831.         let item = series[i];

  832.         item._start_ = _start_;

  833.         _start_ += 2 * item._proportion_ * Math.PI;

  834.     }

  835. 

  836.     return series;

  837. }

  838. 

  839. function getRoseDataPoints(series, type, minRadius, radius) {

  840.     var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;

  841.     var count = 0;

  842.     var _start_ = 0;

  843.     

  844.     var dataArr=[];

  845.     for (let i = 0; i < series.length; i++) {

  846.         let item = series[i];

  847.         item.data = item.data === null ? 0 : item.data;

  848.         count += item.data;

  849.         dataArr.push(item.data);

  850.     }

  851.     var minData = dataArr.pop();

  852.     var maxData = dataArr.shift();

  853.     var radiusLength = radius - minRadius;

  854.     

  855.     for (let i = 0; i < series.length; i++) {

  856.         let item = series[i];

  857.         item.data = item.data === null ? 0 : item.data;

  858.         if (count === 0 || type == 'area') {

  859.             item._proportion_ = 1 / series.length * process;

  860.         } else {

  861.             item._proportion_ = item.data / count * process;

  862.         }

  863.         item._radius_ = minRadius + radiusLength * ( (item.data - minData)/(maxData-minData) );

  864.     }

  865.     for (let i = 0; i < series.length; i++) {

  866.         let item = series[i];

  867.         item._start_ = _start_;

  868.         _start_ += 2 * item._proportion_ * Math.PI;

  869.     }

  870. 

  871.     return series;

  872. }

  873. 

  874. function getArcbarDataPoints(series, arcbarOption) {

  875.     var process = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;

  876.     if (process == 1) {

  877.         process = 0.999999;

  878.     }

  879.     for (let i = 0; i < series.length; i++) {

  880.         let item = series[i];

  881.         item.data = item.data === null ? 0 : item.data;

  882.         let totalAngle;

  883.         if (arcbarOption.type == 'default') {

  884.             totalAngle = arcbarOption.startAngle - arcbarOption.endAngle + 1;

  885.         } else {

  886.             totalAngle = 2;

  887.         }

  888.         item._proportion_ = totalAngle * item.data * process + arcbarOption.startAngle;

  889.         if (item._proportion_ >= 2) {

  890.             item._proportion_ = item._proportion_ % 2;

  891.         }

  892.     }

  893.     return series;

  894. }

  895. 

  896. function getGaugeAxisPoints(categories, startAngle, endAngle) {

  897.     let totalAngle = startAngle - endAngle + 1;

  898.     let tempStartAngle = startAngle;

  899.     for (let i = 0; i < categories.length; i++) {

  900.         categories[i].value = categories[i].value === null ? 0 : categories[i].value;

  901.         categories[i]._startAngle_ = tempStartAngle;

  902.         categories[i]._endAngle_ = totalAngle * categories[i].value + startAngle;

  903.         if (categories[i]._endAngle_ >= 2) {

  904.             categories[i]._endAngle_ = categories[i]._endAngle_ % 2;

  905.         }

  906.         tempStartAngle = categories[i]._endAngle_;

  907.     }

  908.     return categories;

  909. }

  910. 

  911. function getGaugeDataPoints(series, categories, gaugeOption) {

  912.     let process = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;

  913.     for (let i = 0; i < series.length; i++) {

  914.         let item = series[i];

  915.         item.data = item.data === null ? 0 : item.data;

  916.         if (gaugeOption.pointer.color == 'auto') {

  917.             for (let i = 0; i < categories.length; i++) {

  918.                 if (item.data <= categories[i].value) {

  919.                     item.color = categories[i].color;

  920.                     break;

  921.                 }

  922.             }

  923.         } else {

  924.             item.color = gaugeOption.pointer.color;

  925.         }

  926.         let totalAngle = gaugeOption.startAngle - gaugeOption.endAngle + 1;

  927.         item._endAngle_ = totalAngle * item.data + gaugeOption.startAngle;

  928.         item._oldAngle_ = gaugeOption.oldAngle;

  929.         if (gaugeOption.oldAngle < gaugeOption.endAngle) {

  930.             item._oldAngle_ += 2;

  931.         }

  932.         if (item.data >= gaugeOption.oldData) {

  933.             item._proportion_ = (item._endAngle_ - item._oldAngle_) * process + gaugeOption.oldAngle;

  934.         } else {

  935.             item._proportion_ = item._oldAngle_ - (item._oldAngle_ - item._endAngle_) * process;

  936.         }

  937.         if (item._proportion_ >= 2) {

  938.             item._proportion_ = item._proportion_ % 2;

  939.         }

  940.     }

  941.     return series;

  942. }

  943. 

  944. 

  945. function getPieTextMaxLength(series) {

  946.     series = getPieDataPoints(series);

  947.     let maxLength = 0;

  948.     for (let i = 0; i < series.length; i++) {

  949.         let item = series[i];

  950.         let text = item.format ? item.format(+item._proportion_.toFixed(2)) : util.toFixed(item._proportion_ * 100) + '%';

  951.         maxLength = Math.max(maxLength, measureText(text));

  952.     }

  953. 

  954.     return maxLength;

  955. }

  956. 

  957. function fixColumeData(points, eachSpacing, columnLen, index, config, opts) {

  958.     return points.map(function(item) {

  959.         if (item === null) {

  960.             return null;

  961.         }

  962.         item.width = Math.ceil((eachSpacing - 2 * config.columePadding) / columnLen);

  963. 

  964.         if (opts.extra.column && opts.extra.column.width && +opts.extra.column.width > 0) {

  965.             item.width = Math.min(item.width, +opts.extra.column.width);

  966.         } 

  967.         item.x += (index + 0.5 - columnLen / 2) * item.width;

  968.         return item;

  969.     });

  970. }

  971. 

  972. function fixColumeMeterData(points, eachSpacing, columnLen, index, config, opts, border) {

  973.     return points.map(function(item) {

  974.         if (item === null) {

  975.             return null;

  976.         }

  977.         item.width = eachSpacing - 2 * config.columePadding;

  978. 

  979.         if (opts.extra.column && opts.extra.column.width && +opts.extra.column.width > 0) {

  980.             item.width = Math.min(item.width, +opts.extra.column.width);

  981.         } else {

  982.             item.width = Math.min(item.width, 25);

  983.         }

  984.         if (index > 0) {

  985.             item.width -= 2 * border;

  986.         }

  987.         return item;

  988.     });

  989. }

  990. 

  991. function fixColumeStackData(points, eachSpacing, columnLen, index, config, opts, series) {

  992. 

  993.     return points.map(function(item, indexn) {

  994. 

  995.         if (item === null) {

  996.             return null;

  997.         }

  998.         item.width = eachSpacing - 2 * config.columePadding;

  999. 

  1000.         if (opts.extra.column && opts.extra.column.width && +opts.extra.column.width > 0) {

  1001.             item.width = Math.min(item.width, +opts.extra.column.width);

  1002.         } else {

  1003.             item.width = Math.min(item.width, 25);

  1004.         }

  1005.         return item;

  1006.     });

  1007. }

  1008. 

  1009. function getXAxisPoints(categories, opts, config) {

  1010.     var yAxisTotalWidth = config.yAxisWidth + config.yAxisTitleWidth;

  1011.     var spacingValid = opts.width - 2 * config.padding - yAxisTotalWidth;

  1012.     var dataCount = opts.enableScroll ? Math.min(opts.xAxis.itemCount, categories.length) : categories.length;

  1013.     var eachSpacing = spacingValid / dataCount;

  1014. 

  1015.     var xAxisPoints = [];

  1016.     var startX = config.padding + yAxisTotalWidth;

  1017.     var endX = opts.width - config.padding;

  1018.     categories.forEach(function(item, index) {

  1019.         xAxisPoints.push(startX + index * eachSpacing);

  1020.     });

  1021.     if (opts.enableScroll === true) {

  1022.         xAxisPoints.push(startX + categories.length * eachSpacing);

  1023.     } else {

  1024.         xAxisPoints.push(endX);

  1025.     }

  1026. 

  1027.     return {

  1028.         xAxisPoints: xAxisPoints,

  1029.         startX: startX,

  1030.         endX: endX,

  1031.         eachSpacing: eachSpacing

  1032.     };

  1033. }

  1034. 

  1035. function getCandleDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config) {

  1036.     var process = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 1;

  1037. 

  1038.     var points = [];

  1039.     var validHeight = opts.height - 2 * config.padding - config.xAxisHeight - config.legendHeight;

  1040.     data.forEach(function(item, index) {

  1041.         if (item === null) {

  1042.             points.push(null);

  1043.         } else {

  1044.             var cPoints = [];

  1045.             item.forEach(function(items, indexs) {

  1046.                 var point = {};

  1047.                 point.x = xAxisPoints[index] + Math.round(eachSpacing / 2);

  1048.                 var value = items.value || items;

  1049.                 var height = validHeight * (value - minRange) / (maxRange - minRange);

  1050.                 height *= process;

  1051.                 point.y = opts.height - config.xAxisHeight - config.legendHeight - Math.round(height) - config.padding;

  1052.                 cPoints.push(point);

  1053.             });

  1054.             points.push(cPoints);

  1055.         }

  1056.     });

  1057. 

  1058.     return points;

  1059. }

  1060. 

  1061. function getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config) {

  1062.     var process = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 1;

  1063. 

  1064.     var points = [];

  1065.     var validHeight = opts.height - 2 * config.padding - config.xAxisHeight - config.legendHeight;

  1066.     data.forEach(function(item, index) {

  1067.         if (item === null) {

  1068.             points.push(null);

  1069.         } else {

  1070.             var point = {};

  1071.             point.color = item.color;

  1072.             point.x = xAxisPoints[index] + Math.round(eachSpacing / 2);

  1073.             var value = item;

  1074.             if (typeof item === 'object' && item !== null) {

  1075.                 value = item.value

  1076.             }

  1077.             var height = validHeight * (value - minRange) / (maxRange - minRange);

  1078.             height *= process;

  1079.             point.y = opts.height - config.xAxisHeight - config.legendHeight - Math.round(height) - config.padding;

  1080.             points.push(point);

  1081.         }

  1082.     });

  1083. 

  1084.     return points;

  1085. }

  1086. 

  1087. function getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, seriesIndex, stackSeries) {

  1088.     var process = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : 1;

  1089.     var points = [];

  1090.     var validHeight = opts.height - 2 * config.padding - config.xAxisHeight - config.legendHeight;

  1091. 

  1092.     data.forEach(function(item, index) {

  1093.         if (item === null) {

  1094.             points.push(null);

  1095.         } else {

  1096.             var point = {};

  1097.             point.color = item.color;

  1098.             point.x = xAxisPoints[index] + Math.round(eachSpacing / 2);

  1099. 

  1100.             if (seriesIndex > 0) {

  1101.                 var value = 0;

  1102.                 for (let i = 0; i <= seriesIndex; i++) {

  1103.                     value += stackSeries[i].data[index];

  1104.                 }

  1105.                 var value0 = value - item;

  1106.                 var height = validHeight * (value - minRange) / (maxRange - minRange);

  1107.                 var height0 = validHeight * (value0 - minRange) / (maxRange - minRange);

  1108.             } else {

  1109.                 var value = item;

  1110.                 var height = validHeight * (value - minRange) / (maxRange - minRange);

  1111.                 var height0 = 0;

  1112.             }

  1113.             var heightc = height0;

  1114.             height *= process;

  1115.             heightc *= process;

  1116.             point.y = opts.height - config.xAxisHeight - config.legendHeight - Math.round(height) - config.padding;

  1117.             point.y0 = opts.height - config.xAxisHeight - config.legendHeight - Math.round(heightc) - config.padding;

  1118.             points.push(point);

  1119.         }

  1120.     });

  1121. 

  1122.     return points;

  1123. }

  1124. 

  1125. function getYAxisTextList(series, opts, config, stack) {

  1126.     var data;

  1127.     if (stack == 'stack') {

  1128.         //data = dataCombine(series);

  1129.         data = dataCombineStack(series);

  1130.     } else {

  1131.         data = dataCombine(series);

  1132.     }

  1133. 

  1134.     var sorted = [];

  1135.     // remove null from data

  1136.     data = data.filter(function(item) {

  1137.         //return item !== null;

  1138.         if (typeof item === 'object' && item !== null) {

  1139.             //判断是否为数组

  1140.             if (item.constructor == Array) {

  1141.                 return item !== null;

  1142.             } else {

  1143.                 return item.value !== null;

  1144.             }

  1145.         } else {

  1146.             return item !== null;

  1147.         }

  1148.     });

  1149.     //var minData = Math.min.apply(this, data);

  1150.     //var maxData = Math.max.apply(this, data);

  1151.     data.map(function(item) {

  1152.         if (typeof item === 'object') {

  1153.             if (item.constructor == Array) {

  1154.                 item.map(function(subitem) {

  1155.                     sorted.push(subitem);

  1156.                 })

  1157.             } else {

  1158.                 sorted.push(item.value);

  1159.             }

  1160.         } else {

  1161.             sorted.push(item);

  1162.         }

  1163.         //typeof item === 'object' ? sorted.push(item.value) : sorted.push(item)

  1164.     })

  1165.     var minData = 0;

  1166.     var maxData = 0;

  1167.     if (sorted.length > 0) {

  1168.         minData = Math.min.apply(this, sorted);

  1169.         maxData = Math.max.apply(this, sorted);

  1170.     }

  1171.     if (typeof opts.yAxis.min === 'number') {

  1172.         minData = Math.min(opts.yAxis.min, minData);

  1173.     }

  1174.     if (typeof opts.yAxis.max === 'number') {

  1175.         maxData = Math.max(opts.yAxis.max, maxData);

  1176.     }

  1177. 

  1178.     // fix issue https://github.com/xiaolin3303/wx-charts/issues/9

  1179.     if (minData === maxData) {

  1180.         var rangeSpan = maxData || 10;

  1181.         //minData -= rangeSpan;

  1182.         maxData += rangeSpan;

  1183.     }

  1184. 

  1185.     var dataRange = getDataRange(minData, maxData);

  1186.     var minRange = dataRange.minRange;

  1187.     var maxRange = dataRange.maxRange;

  1188. 

  1189.     var range = [];

  1190.     var eachRange = (maxRange - minRange) / config.yAxisSplit;

  1191. 

  1192.     for (var i = 0; i <= config.yAxisSplit; i++) {

  1193.         range.push(minRange + eachRange * i);

  1194.     }

  1195.     return range.reverse();

  1196. }

  1197. 

  1198. function calYAxisData(series, opts, config) {

  1199.     //堆叠图重算Y轴

  1200.     var columnstyle = assign({}, opts.extra.column || {

  1201.         "type": ""

  1202.     });

  1203. 

  1204.     var ranges = getYAxisTextList(series, opts, config, columnstyle.type);

  1205.     var yAxisWidth = config.yAxisWidth;

  1206.     var rangesFormat = ranges.map(function(item) {

  1207.         item = util.toFixed(item, 2);

  1208.         item = opts.yAxis.format ? opts.yAxis.format(Number(item)) : item;

  1209.         yAxisWidth = Math.max(yAxisWidth, measureText(item) + 5);

  1210.         return item;

  1211.     });

  1212.     if (opts.yAxis.disabled === true) {

  1213.         yAxisWidth = 0;

  1214.     }

  1215. 

  1216.     return {

  1217.         rangesFormat: rangesFormat,

  1218.         ranges: ranges,

  1219.         yAxisWidth: yAxisWidth

  1220.     };

  1221. }

  1222. 

  1223. function calTooltipYAxisData(point, series, opts, config, eachSpacing) {

  1224.     var ranges = getYAxisTextList(series, opts, config);

  1225.     var spacingValid = opts.height - 2 * config.padding - config.xAxisHeight - config.legendHeight;

  1226.     let maxVal = ranges[0];

  1227.     let minVal = ranges[ranges.length - 1];

  1228.     let minAxis = config.padding;

  1229.     let maxAxis = config.padding + spacingValid;

  1230.     let item = maxVal - (maxVal - minVal) * (point - minAxis) / (maxAxis - minAxis);

  1231.     item = opts.yAxis.format ? opts.yAxis.format(Number(item)) : item;

  1232.     return item;

  1233. }

  1234. 

  1235. function contextRotate(context, opts) {

  1236.     if (opts.rotateLock !== true) {

  1237.         context.translate(opts.height, 0);

  1238.         context.rotate(90 * Math.PI / 180);

  1239.     } else if (opts._rotate_ !== true) {

  1240.         context.translate(opts.height, 0);

  1241.         context.rotate(90 * Math.PI / 180);

  1242.         opts._rotate_ = true;

  1243.     }

  1244. }

  1245. 

  1246. function drawPointShape(points, color, shape, context, opts) {

  1247.     context.beginPath();

  1248.     context.setStrokeStyle("#ffffff");

  1249.     context.setLineWidth(1 * opts.pixelRatio);

  1250.     context.setFillStyle(color);

  1251.     if (shape === 'diamond') {

  1252.         points.forEach(function(item, index) {

  1253.             if (item !== null) {

  1254.                 context.moveTo(item.x, item.y - 4.5);

  1255.                 context.lineTo(item.x - 4.5, item.y);

  1256.                 context.lineTo(item.x, item.y + 4.5);

  1257.                 context.lineTo(item.x + 4.5, item.y);

  1258.                 context.lineTo(item.x, item.y - 4.5);

  1259.             }

  1260.         });

  1261.     } else if (shape === 'circle') {

  1262.         points.forEach(function(item, index) {

  1263.             if (item !== null) {

  1264.                 context.moveTo(item.x + 3.5 * opts.pixelRatio, item.y);

  1265.                 context.arc(item.x, item.y, 4 * opts.pixelRatio, 0, 2 * Math.PI, false);

  1266.             }

  1267.         });

  1268.     } else if (shape === 'rect') {

  1269.         points.forEach(function(item, index) {

  1270.             if (item !== null) {

  1271.                 context.moveTo(item.x - 3.5, item.y - 3.5);

  1272.                 context.rect(item.x - 3.5, item.y - 3.5, 7, 7);

  1273.             }

  1274.         });

  1275.     } else if (shape === 'triangle') {

  1276.         points.forEach(function(item, index) {

  1277.             if (item !== null) {

  1278.                 context.moveTo(item.x, item.y - 4.5);

  1279.                 context.lineTo(item.x - 4.5, item.y + 4.5);

  1280.                 context.lineTo(item.x + 4.5, item.y + 4.5);

  1281.                 context.lineTo(item.x, item.y - 4.5);

  1282.             }

  1283.         });

  1284.     }

  1285.     context.closePath();

  1286.     context.fill();

  1287.     context.stroke();

  1288. }

  1289. 

  1290. function drawRingTitle(opts, config, context) {

  1291.     var titlefontSize = opts.title.fontSize || config.titleFontSize;

  1292.     var subtitlefontSize = opts.subtitle.fontSize || config.subtitleFontSize;

  1293.     var title = opts.title.name || '';

  1294.     var subtitle = opts.subtitle.name || '';

  1295.     var titleFontColor = opts.title.color || config.titleColor;

  1296.     var subtitleFontColor = opts.subtitle.color || config.subtitleColor;

  1297.     var titleHeight = title ? titlefontSize : 0;

  1298.     var subtitleHeight = subtitle ? subtitlefontSize : 0;

  1299.     var margin = 5;

  1300.     if (subtitle) {

  1301.         var textWidth = measureText(subtitle, subtitlefontSize);

  1302.         var startX = (opts.width - textWidth) / 2 + (opts.subtitle.offsetX || 0);

  1303.         var startY = ((opts.height - config.legendHeight + subtitlefontSize) / 2) + (opts.subtitle.offsetY || 0);

  1304.         if (title) {

  1305.             startY -= (titleHeight + margin) / 2;

  1306.         }

  1307.         context.beginPath();

  1308.         context.setFontSize(subtitlefontSize);

  1309.         context.setFillStyle(subtitleFontColor);

  1310.         context.fillText(subtitle, startX, startY);

  1311.         context.closePath();

  1312.         context.stroke();

  1313.     }

  1314.     if (title) {

  1315.         var _textWidth = measureText(title, titlefontSize);

  1316.         var _startX = (opts.width - _textWidth) / 2 + (opts.title.offsetX || 0);

  1317.         var _startY = ((opts.height - config.legendHeight + titlefontSize) / 2) + (opts.title.offsetY || 0);

  1318.         if (subtitle) {

  1319.             _startY += (subtitleHeight + margin) / 2;

  1320.         }

  1321.         context.beginPath();

  1322.         context.setFontSize(titlefontSize);

  1323.         context.setFillStyle(titleFontColor);

  1324.         context.fillText(title, _startX, _startY);

  1325.         context.closePath();

  1326.         context.stroke();

  1327.     }

  1328. }

  1329. 

  1330. function drawPointText(points, series, config, context) {

  1331.     // 绘制数据文案

  1332.     var data = series.data;

  1333.     points.forEach(function(item, index) {

  1334.         if (item !== null) {

  1335.             //var formatVal = series.format ? series.format(data[index]) : data[index];

  1336.             context.beginPath();

  1337.             context.setFontSize(series.textSize || config.fontSize);

  1338.             context.setFillStyle(series.textColor || '#666666');

  1339.             var value = data[index]

  1340.             if (typeof data[index] === 'object' && data[index] !== null) {

  1341.                 value = data[index].value

  1342.             }

  1343.             var formatVal = series.format ? series.format(value) : value;

  1344.             context.fillText(formatVal, item.x - measureText(formatVal,series.textSize || config.fontSize) / 2, item.y - 2);

  1345.             context.closePath();

  1346.             context.stroke();

  1347.         }

  1348.     });

  1349. 

  1350. }

  1351. 

  1352. function drawGaugeLabel(gaugeOption, radius, centerPosition, opts, config, context) {

  1353.     radius -= gaugeOption.width / 2 + config.gaugeLabelTextMargin;

  1354. 

  1355.     let totalAngle = gaugeOption.startAngle - gaugeOption.endAngle + 1;

  1356.     let splitAngle = totalAngle / gaugeOption.splitLine.splitNumber;

  1357.     let totalNumber = gaugeOption.endNumber - gaugeOption.startNumber;

  1358.     let splitNumber = totalNumber / gaugeOption.splitLine.splitNumber;

  1359.     let nowAngle = gaugeOption.startAngle;

  1360.     let nowNumber = gaugeOption.startNumber;

  1361.     for (let i = 0; i < gaugeOption.splitLine.splitNumber + 1; i++) {

  1362.         var pos = {

  1363.             x: radius * Math.cos(nowAngle * Math.PI),

  1364.             y: radius * Math.sin(nowAngle * Math.PI)

  1365.         };

  1366.         var labelText = gaugeOption.labelFormat ? gaugeOption.labelFormat(nowNumber) : nowNumber;

  1367.         pos.x += centerPosition.x - measureText(labelText) / 2;

  1368.         pos.y += centerPosition.y;

  1369.         var startX = pos.x;

  1370.         var startY = pos.y;

  1371.         context.beginPath();

  1372.         context.setFontSize(config.fontSize);

  1373.         context.setFillStyle(gaugeOption.labelColor || '#666666');

  1374.         context.fillText(labelText, startX, startY + config.fontSize / 2);

  1375.         context.closePath();

  1376.         context.stroke();

  1377. 

  1378.         nowAngle += splitAngle;

  1379.         if (nowAngle >= 2) {

  1380.             nowAngle = nowAngle % 2;

  1381.         }

  1382.         nowNumber += splitNumber;

  1383.     }

  1384. 

  1385. }

  1386. 

  1387. function drawRadarLabel(angleList, radius, centerPosition, opts, config, context) {

  1388.     var radarOption = opts.extra.radar || {};

  1389.     radius += config.radarLabelTextMargin;

  1390. 

  1391.     angleList.forEach(function(angle, index) {

  1392.         var pos = {

  1393.             x: radius * Math.cos(angle),

  1394.             y: radius * Math.sin(angle)

  1395.         };

  1396.         var posRelativeCanvas = convertCoordinateOrigin(pos.x, pos.y, centerPosition);

  1397.         var startX = posRelativeCanvas.x;

  1398.         var startY = posRelativeCanvas.y;

  1399.         if (util.approximatelyEqual(pos.x, 0)) {

  1400.             startX -= measureText(opts.categories[index] || '') / 2;

  1401.         } else if (pos.x < 0) {

  1402.             startX -= measureText(opts.categories[index] || '');

  1403.         }

  1404.         context.beginPath();

  1405.         context.setFontSize(config.fontSize);

  1406.         context.setFillStyle(radarOption.labelColor || '#666666');

  1407.         context.fillText(opts.categories[index] || '', startX, startY + config.fontSize / 2);

  1408.         context.closePath();

  1409.         context.stroke();

  1410.     });

  1411. 

  1412. }

  1413. 

  1414. function drawPieText(series, opts, config, context, radius, center) {

  1415.     var lineRadius = config.pieChartLinePadding;

  1416.     var textObjectCollection = [];

  1417.     var lastTextObject = null;

  1418. 

  1419.     var seriesConvert = series.map(function(item) {

  1420.         var arc = 2 * Math.PI - (item._start_ + 2 * Math.PI * item._proportion_ / 2);

  1421.         var text = item.format ? item.format(+item._proportion_.toFixed(2)) : util.toFixed(item._proportion_ * 100) + '%';

  1422.         var color = item.color;

  1423.         var radius = item._radius_;

  1424.         return {

  1425.             arc: arc,

  1426.             text: text,

  1427.             color: color,

  1428.             radius: radius,

  1429.             textColor: item.textColor,

  1430.             textSize: item.textSize,

  1431.         };

  1432.     });

  1433.     for (let i = 0; i < seriesConvert.length; i++) {

  1434.         let item = seriesConvert[i];

  1435.         // line end

  1436.         let orginX1 = Math.cos(item.arc) * (item.radius+lineRadius);

  1437.         let orginY1 = Math.sin(item.arc) * (item.radius+lineRadius);

  1438. 

  1439.         // line start

  1440.         let orginX2 = Math.cos(item.arc) * item.radius;

  1441.         let orginY2 = Math.sin(item.arc) * item.radius;

  1442. 

  1443.         // text start

  1444.         let orginX3 = orginX1 >= 0 ? orginX1 + config.pieChartTextPadding : orginX1 - config.pieChartTextPadding;

  1445.         let orginY3 = orginY1;

  1446.         let textWidth = measureText(item.text);

  1447.         let startY = orginY3;

  1448. 

  1449.         if (lastTextObject && util.isSameXCoordinateArea(lastTextObject.start, {

  1450.                 x: orginX3

  1451.             })) {

  1452.             if (orginX3 > 0) {

  1453.                 startY = Math.min(orginY3, lastTextObject.start.y);

  1454.             } else if (orginX1 < 0) {

  1455.                 startY = Math.max(orginY3, lastTextObject.start.y);

  1456.             } else {

  1457.                 if (orginY3 > 0) {

  1458.                     startY = Math.max(orginY3, lastTextObject.start.y);

  1459.                 } else {

  1460.                     startY = Math.min(orginY3, lastTextObject.start.y);

  1461.                 }

  1462.             }

  1463.         }

  1464.         if (orginX3 < 0) {

  1465.             orginX3 -= textWidth;

  1466.         }

  1467. 

  1468.         let textObject = {

  1469.             lineStart: {

  1470.                 x: orginX2,

  1471.                 y: orginY2

  1472.             },

  1473.             lineEnd: {

  1474.                 x: orginX1,

  1475.                 y: orginY1

  1476.             },

  1477.             start: {

  1478.                 x: orginX3,

  1479.                 y: startY

  1480.             },

  1481.             width: textWidth,

  1482.             height: config.fontSize,

  1483.             text: item.text,

  1484.             color: item.color,

  1485.             textColor: item.textColor,

  1486.             textSize: item.textSize

  1487.         };

  1488.         lastTextObject = avoidCollision(textObject, lastTextObject);

  1489.         textObjectCollection.push(lastTextObject);

  1490.     }

  1491. 

  1492.     for (let i = 0; i < textObjectCollection.length; i++) {

  1493.         let item = textObjectCollection[i];

  1494.         let lineStartPoistion = convertCoordinateOrigin(item.lineStart.x, item.lineStart.y, center);

  1495.         let lineEndPoistion = convertCoordinateOrigin(item.lineEnd.x, item.lineEnd.y, center);

  1496.         let textPosition = convertCoordinateOrigin(item.start.x, item.start.y, center);

  1497.         context.setLineWidth(1 * opts.pixelRatio);

  1498.         context.setFontSize(config.fontSize);

  1499.         context.beginPath();

  1500.         context.setStrokeStyle(item.color);

  1501.         context.setFillStyle(item.color);

  1502.         context.moveTo(lineStartPoistion.x, lineStartPoistion.y);

  1503.         let curveStartX = item.start.x < 0 ? textPosition.x + item.width : textPosition.x;

  1504.         let textStartX = item.start.x < 0 ? textPosition.x - 5 : textPosition.x + 5;

  1505.         context.quadraticCurveTo(lineEndPoistion.x, lineEndPoistion.y, curveStartX, textPosition.y);

  1506.         context.moveTo(lineStartPoistion.x, lineStartPoistion.y);

  1507.         context.stroke();

  1508.         context.closePath();

  1509.         context.beginPath();

  1510.         context.moveTo(textPosition.x + item.width, textPosition.y);

  1511.         context.arc(curveStartX, textPosition.y, 2, 0, 2 * Math.PI);

  1512.         context.closePath();

  1513.         context.fill();

  1514.         context.beginPath();

  1515.         context.setFontSize(item.textSize||config.fontSize);

  1516.         context.setFillStyle(item.textColor||'#666666');

  1517.         context.fillText(item.text, textStartX, textPosition.y + 3);

  1518.         context.closePath();

  1519.         context.stroke();

  1520.         context.closePath();

  1521.     }

  1522. }

  1523. 

  1524. function drawToolTipSplitLine(offsetX, opts, config, context) {

  1525.     var toolTipOption = opts.extra.tooltip || {};

  1526.     toolTipOption.gridType = toolTipOption.gridType == undefined ? 'solid' : toolTipOption.gridType;

  1527.     toolTipOption.dashLength = toolTipOption.dashLength == undefined ? 4 : toolTipOption.dashLength;

  1528.     var startY = config.padding;

  1529.     var endY = opts.height - config.padding - config.xAxisHeight - config.legendHeight;

  1530. 

  1531.     if (toolTipOption.gridType == 'dash') {

  1532.         context.setLineDash([toolTipOption.dashLength, toolTipOption.dashLength]);

  1533.     }

  1534.     context.beginPath();

  1535.     context.setStrokeStyle(toolTipOption.gridColor || '#cccccc');

  1536.     context.setLineWidth(1 * opts.pixelRatio);

  1537.     context.moveTo(offsetX, startY);

  1538.     context.lineTo(offsetX, endY);

  1539.     context.closePath();

  1540.     context.stroke();

  1541.     context.setLineDash([]);

  1542. 

  1543.     if (toolTipOption.xAxisLabel) {

  1544.         let labelText = opts.categories[opts.tooltip.index];

  1545.         context.setFontSize(config.fontSize);

  1546.         let textWidth = context.measureText(labelText).width;

  1547. 

  1548.         let textX = offsetX - config.toolTipPadding - 0.5 * textWidth;

  1549.         let textY = endY;

  1550.         context.beginPath();

  1551.         context.setFillStyle(hexToRgb(toolTipOption.labelBgColor || config.toolTipBackground, toolTipOption.labelBgOpacity ||

  1552.             config.toolTipOpacity));

  1553.         context.setStrokeStyle(toolTipOption.labelBgColor || config.toolTipBackground);

  1554.         context.setLineWidth(1 * opts.pixelRatio);

  1555.         context.rect(textX, textY, textWidth + 2 * config.toolTipPadding, config.fontSize + 2 * config.toolTipPadding);

  1556.         context.closePath();

  1557.         context.stroke();

  1558.         context.fill();

  1559. 

  1560.         context.beginPath();

  1561.         context.setFontSize(config.fontSize);

  1562.         context.setFillStyle(toolTipOption.labelFontColor || config.fontColor);

  1563.         context.fillText(labelText, textX + 2 * config.toolTipPadding, textY + config.toolTipPadding + config.fontSize);

  1564.         context.closePath();

  1565.         context.stroke();

  1566.     }

  1567. }

  1568. 

  1569. function drawToolTipHorizentalLine(opts, config, context, eachSpacing, xAxisPoints) {

  1570.     var toolTipOption = opts.extra.tooltip || {};

  1571.     toolTipOption.gridType = toolTipOption.gridType == undefined ? 'solid' : toolTipOption.gridType;

  1572.     toolTipOption.dashLength = toolTipOption.dashLength == undefined ? 4 : toolTipOption.dashLength;

  1573.     var startX = config.padding + config.yAxisWidth + config.yAxisTitleWidth;

  1574.     var endX = opts.width - config.padding;

  1575. 

  1576.     if (toolTipOption.gridType == 'dash') {

  1577.         context.setLineDash([toolTipOption.dashLength, toolTipOption.dashLength]);

  1578.     }

  1579.     context.beginPath();

  1580.     context.setStrokeStyle(toolTipOption.gridColor || '#cccccc');

  1581.     context.setLineWidth(1 * opts.pixelRatio);

  1582.     context.moveTo(startX, opts.tooltip.offset.y);

  1583.     context.lineTo(endX, opts.tooltip.offset.y);

  1584.     context.closePath();

  1585.     context.stroke();

  1586.     context.setLineDash([]);

  1587. 

  1588.     if (toolTipOption.yAxisLabel) {

  1589. 

  1590.         let labelText = calTooltipYAxisData(opts.tooltip.offset.y, opts.series, opts, config, eachSpacing);

  1591.         context.setFontSize(config.fontSize);

  1592.         let textWidth = context.measureText(labelText).width;

  1593. 

  1594.         let textX = startX - 2 * config.toolTipPadding - textWidth;

  1595.         let textY = opts.tooltip.offset.y;

  1596.         context.beginPath();

  1597.         context.setFillStyle(hexToRgb(toolTipOption.labelBgColor || config.toolTipBackground, toolTipOption.labelBgOpacity ||

  1598.             config.toolTipOpacity));

  1599.         context.setStrokeStyle(toolTipOption.labelBgColor || config.toolTipBackground);

  1600.         context.setLineWidth(1 * opts.pixelRatio);

  1601.         context.rect(textX, textY - 0.5 * config.fontSize - config.toolTipPadding, textWidth + 2 * config.toolTipPadding,

  1602.             config.fontSize + 2 * config.toolTipPadding);

  1603.         context.closePath();

  1604.         context.stroke();

  1605.         context.fill();

  1606. 

  1607.         context.beginPath();

  1608.         context.setFontSize(config.fontSize);

  1609.         context.setFillStyle(toolTipOption.labelFontColor || config.fontColor);

  1610.         context.fillText(labelText, textX + config.toolTipPadding, textY + 0.5 * config.fontSize);

  1611.         context.closePath();

  1612.         context.stroke();

  1613.     }

  1614. }

  1615. 

  1616. 

  1617. function drawToolTipSplitArea(offsetX, opts, config, context, eachSpacing) {

  1618.     var toolTipOption = opts.extra.tooltip || {

  1619.         activeBgColor: '#000000',

  1620.         activeBgOpacity: 0.08

  1621.     };

  1622.     toolTipOption.activeBgColor = toolTipOption.activeBgColor ? toolTipOption.activeBgColor : '#000000';

  1623.     toolTipOption.activeBgOpacity = toolTipOption.activeBgOpacity ? toolTipOption.activeBgOpacity : 0.08;

  1624.     var startY = config.padding;

  1625.     var endY = opts.height - config.padding - config.xAxisHeight - config.legendHeight;

  1626.     context.beginPath();

  1627.     context.setFillStyle(hexToRgb(toolTipOption.activeBgColor, toolTipOption.activeBgOpacity));

  1628.     context.rect(offsetX - eachSpacing / 2, startY, eachSpacing, endY - startY);

  1629.     context.closePath();

  1630.     context.fill();

  1631. }

  1632. 

  1633. function drawToolTip(textList, offset, opts, config, context, eachSpacing, xAxisPoints) {

  1634.     var toolTipOption = opts.extra.tooltip || {

  1635.         bgColor: '#000000',

  1636.         bgOpacity: 0.7,

  1637.         fontColor: '#FFFFFF'

  1638.     };

  1639.     toolTipOption.bgColor = toolTipOption.bgColor ? toolTipOption.bgColor : '#000000';

  1640.     toolTipOption.bgOpacity = toolTipOption.bgOpacity ? toolTipOption.bgOpacity : 0.7;

  1641.     toolTipOption.fontColor = toolTipOption.fontColor ? toolTipOption.fontColor : '#FFFFFF';

  1642.     var legendWidth = 4 * opts.pixelRatio;

  1643.     var legendMarginRight = 5 * opts.pixelRatio;

  1644.     var arrowWidth = 8 * opts.pixelRatio;

  1645.     var isOverRightBorder = false;

  1646.     if (opts.type == 'line' || opts.type == 'area' || opts.type == 'candle' || opts.type == 'mix') {

  1647.         drawToolTipSplitLine(opts.tooltip.offset.x, opts, config, context);

  1648.     }

  1649. 

  1650.     offset = assign({

  1651.         x: 0,

  1652.         y: 0

  1653.     }, offset);

  1654.     offset.y -= 8 * opts.pixelRatio;

  1655.     var textWidth = textList.map(function(item) {

  1656.         return measureText(item.text);

  1657.     });

  1658. 

  1659.     var toolTipWidth = legendWidth + legendMarginRight + 4 * config.toolTipPadding + Math.max.apply(null, textWidth);

  1660.     var toolTipHeight = 2 * config.toolTipPadding + textList.length * config.toolTipLineHeight;

  1661. 

  1662.     // if beyond the right border

  1663.     if (offset.x - Math.abs(opts._scrollDistance_) + arrowWidth + toolTipWidth > opts.width) {

  1664.         isOverRightBorder = true;

  1665.     }

  1666. 

  1667.     // draw background rect

  1668.     context.beginPath();

  1669.     context.setFillStyle(hexToRgb(toolTipOption.bgColor || config.toolTipBackground, toolTipOption.bgOpacity || config.toolTipOpacity));

  1670.     if (isOverRightBorder) {

  1671.         context.moveTo(offset.x, offset.y + 10 * opts.pixelRatio);

  1672.         context.lineTo(offset.x - arrowWidth, offset.y + 10 * opts.pixelRatio - 5 * opts.pixelRatio);

  1673.         context.lineTo(offset.x - arrowWidth, offset.y);

  1674.         context.lineTo(offset.x - arrowWidth - Math.round(toolTipWidth), offset.y);

  1675.         context.lineTo(offset.x - arrowWidth - Math.round(toolTipWidth), offset.y + toolTipHeight);

  1676.         context.lineTo(offset.x - arrowWidth, offset.y + toolTipHeight);

  1677.         context.lineTo(offset.x - arrowWidth, offset.y + 10 * opts.pixelRatio + 5 * opts.pixelRatio);

  1678.         context.lineTo(offset.x, offset.y + 10 * opts.pixelRatio);

  1679.     } else {

  1680.         context.moveTo(offset.x, offset.y + 10 * opts.pixelRatio);

  1681.         context.lineTo(offset.x + arrowWidth, offset.y + 10 * opts.pixelRatio - 5 * opts.pixelRatio);

  1682.         context.lineTo(offset.x + arrowWidth, offset.y);

  1683.         context.lineTo(offset.x + arrowWidth + Math.round(toolTipWidth), offset.y);

  1684.         context.lineTo(offset.x + arrowWidth + Math.round(toolTipWidth), offset.y + toolTipHeight);

  1685.         context.lineTo(offset.x + arrowWidth, offset.y + toolTipHeight);

  1686.         context.lineTo(offset.x + arrowWidth, offset.y + 10 * opts.pixelRatio + 5 * opts.pixelRatio);

  1687.         context.lineTo(offset.x, offset.y + 10 * opts.pixelRatio);

  1688.     }

  1689. 

  1690.     context.closePath();

  1691.     context.fill();

  1692. 

  1693.     // draw legend

  1694.     textList.forEach(function(item, index) {

  1695.         if (item.color !== null) {

  1696.             context.beginPath();

  1697.             context.setFillStyle(item.color);

  1698.             var startX = offset.x + arrowWidth + 2 * config.toolTipPadding;

  1699.             var startY = offset.y + (config.toolTipLineHeight - config.fontSize) / 2 + config.toolTipLineHeight * index +

  1700.                 config.toolTipPadding + 1;

  1701.             if (isOverRightBorder) {

  1702.                 startX = offset.x - toolTipWidth - arrowWidth + 2 * config.toolTipPadding;

  1703.             }

  1704.             context.fillRect(startX, startY, legendWidth, config.fontSize);

  1705.             context.closePath();

  1706.         }

  1707.     });

  1708. 

  1709.     // draw text list

  1710. 

  1711.     textList.forEach(function(item, index) {

  1712.         var startX = offset.x + arrowWidth + 2 * config.toolTipPadding + legendWidth + legendMarginRight;

  1713.         if (isOverRightBorder) {

  1714.             startX = offset.x - toolTipWidth - arrowWidth + 2 * config.toolTipPadding + +legendWidth + legendMarginRight;

  1715.         }

  1716.         var startY = offset.y + (config.toolTipLineHeight - config.fontSize) / 2 + config.toolTipLineHeight * index +

  1717.             config.toolTipPadding;

  1718.         context.beginPath();

  1719.         context.setFontSize(config.fontSize);

  1720.         context.setFillStyle(toolTipOption.fontColor);

  1721.         context.fillText(item.text, startX, startY + config.fontSize);

  1722.         context.closePath();

  1723.         context.stroke();

  1724.     });

  1725. }

  1726. 

  1727. function drawYAxisTitle(title, opts, config, context) {

  1728.     var startX = config.xAxisHeight + (opts.height - config.xAxisHeight - measureText(title)) / 2;

  1729.     context.save();

  1730.     context.beginPath();

  1731.     context.setFontSize(config.fontSize);

  1732.     context.setFillStyle(opts.yAxis.titleFontColor || '#333333');

  1733.     context.translate(0, opts.height);

  1734.     context.rotate(-90 * Math.PI / 180);

  1735.     context.fillText(title, startX, config.padding + 0.5 * config.fontSize);

  1736.     context.closePath();

  1737.     context.stroke();

  1738.     context.restore();

  1739. }

  1740. 

  1741. function drawColumnDataPoints(series, opts, config, context) {

  1742.     var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;

  1743.     var columnOption = opts.extra.column || {

  1744.         type: {},

  1745.         meter: {}

  1746.     };

  1747.     columnOption.type = columnOption.type == undefined ? 'group' : columnOption.type;

  1748.     columnOption.meter = columnOption.meter || {}

  1749.     columnOption.meter.border = columnOption.meter.border == undefined ? 4 : columnOption.meter.border;

  1750.     columnOption.meter.fillColor = columnOption.meter.fillColor == undefined ? '#FFFFFF' : columnOption.meter.fillColor;

  1751.     var _calYAxisData = calYAxisData(series, opts, config),

  1752.         ranges = _calYAxisData.ranges;

  1753. 

  1754.     var _getXAxisPoints = getXAxisPoints(opts.categories, opts, config),

  1755.         xAxisPoints = _getXAxisPoints.xAxisPoints,

  1756.         eachSpacing = _getXAxisPoints.eachSpacing;

  1757. 

  1758.     var minRange = ranges.pop();

  1759.     var maxRange = ranges.shift();

  1760.     var calPoints = [];

  1761. 

  1762.     context.save();

  1763.     if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) {

  1764.         context.translate(opts._scrollDistance_, 0);

  1765.     }

  1766.     if (opts.tooltip && opts.tooltip.textList && opts.tooltip.textList.length && process === 1) {

  1767.         drawToolTipSplitArea(opts.tooltip.offset.x, opts, config, context, eachSpacing);

  1768.     }

  1769. 

  1770.     series.forEach(function(eachSeries, seriesIndex) {

  1771.         var data = eachSeries.data;

  1772.         switch (columnOption.type) {

  1773.             case 'group':

  1774.                 var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);

  1775.                 var tooltipPoints = getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config,

  1776.                     seriesIndex, series, process);

  1777.                 calPoints.push(tooltipPoints);

  1778.                 points = fixColumeData(points, eachSpacing, series.length, seriesIndex, config, opts);

  1779.                 points.forEach(function(item, index) {

  1780.                     if (item !== null) {

  1781.                         context.beginPath();

  1782.                         context.setFillStyle(item.color || eachSeries.color);

  1783.                         var startX = item.x - item.width / 2 + 1;

  1784.                         var height = opts.height - item.y - config.padding - config.xAxisHeight - config.legendHeight;

  1785.                         context.moveTo(startX, item.y);

  1786.                         context.fillRect(startX, item.y, item.width - 2, height);

  1787.                         context.closePath();

  1788.                         context.fill();

  1789.                     }

  1790.                 });

  1791.                 break;

  1792.             case 'stack':

  1793.                 // 绘制堆叠数据图

  1794.                 var points = getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, seriesIndex,

  1795.                     series, process);

  1796.                 calPoints.push(points);

  1797.                 points = fixColumeStackData(points, eachSpacing, series.length, seriesIndex, config, opts, series);

  1798. 

  1799.                 points.forEach(function(item, index) {

  1800.                     if (item !== null) {

  1801.                         context.beginPath();

  1802.                         context.setFillStyle(item.color || eachSeries.color);

  1803.                         var startX = item.x - item.width / 2 + 1;

  1804.                         var height = opts.height - item.y - config.padding - config.xAxisHeight - config.legendHeight;

  1805.                         var height0 = opts.height - item.y0 - config.padding - config.xAxisHeight - config.legendHeight;

  1806.                         if (seriesIndex > 0) {

  1807.                             height -= height0;

  1808.                         }

  1809.                         context.moveTo(startX, item.y);

  1810.                         context.fillRect(startX, item.y, item.width - 2, height);

  1811.                         context.closePath();

  1812.                         context.fill();

  1813.                     }

  1814.                 });

  1815.                 break;

  1816.             case 'meter':

  1817.                 // 绘制温度计数据图

  1818.                 var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);

  1819.                 calPoints.push(points);

  1820.                 points = fixColumeMeterData(points, eachSpacing, series.length, seriesIndex, config, opts, columnOption.meter.border);

  1821.                 if (seriesIndex == 0) {

  1822.                     points.forEach(function(item, index) {

  1823.                         if (item !== null) {

  1824.                             //画背景颜色

  1825.                             context.beginPath();

  1826.                             context.setFillStyle(columnOption.meter.fillColor);

  1827.                             var startX = item.x - item.width / 2 ;

  1828.                             var height = opts.height - item.y - config.padding - config.xAxisHeight - config.legendHeight;

  1829.                             context.moveTo(startX, item.y);

  1830.                             context.fillRect(startX, item.y, item.width, height);

  1831.                             context.closePath();

  1832.                             context.fill();

  1833.                             //画边框线

  1834.                             if(columnOption.meter.border>0){

  1835.                                 context.beginPath();

  1836.                                 context.setStrokeStyle(eachSeries.color);

  1837.                                 context.setLineWidth(columnOption.meter.border * opts.pixelRatio);

  1838.                                 context.moveTo(startX + columnOption.meter.border*0.5, item.y + height);

  1839.                                 context.lineTo(startX + columnOption.meter.border*0.5, item.y + columnOption.meter.border*0.5);

  1840.                                 context.lineTo(startX + item.width - columnOption.meter.border*0.5, item.y + columnOption.meter.border*0.5);

  1841.                                 context.lineTo(startX + item.width - columnOption.meter.border*0.5, item.y + height);

  1842.                                 context.stroke();

  1843.                             }

  1844.                         }

  1845.                     });

  1846.                 } else {

  1847.                     points.forEach(function(item, index) {

  1848.                         if (item !== null) {

  1849.                             context.beginPath();

  1850.                             context.setFillStyle(item.color || eachSeries.color);

  1851.                             var startX = item.x - item.width / 2;

  1852.                             var height = opts.height - item.y - config.padding - config.xAxisHeight - config.legendHeight;

  1853.                             context.moveTo(startX, item.y);

  1854.                             context.fillRect(startX, item.y, item.width, height);

  1855.                             context.closePath();

  1856.                             context.fill();

  1857.                         }

  1858.                     });

  1859.                 }

  1860.                 break;

  1861.         }

  1862.     });

  1863.     if (opts.dataLabel !== false && process === 1) {

  1864.         series.forEach(function(eachSeries, seriesIndex) {

  1865.             var data = eachSeries.data;

  1866.             switch (columnOption.type) {

  1867.                 case 'group':

  1868.                     var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);

  1869.                     points = fixColumeData(points, eachSpacing, series.length, seriesIndex, config, opts);

  1870. 

  1871.                     drawPointText(points, eachSeries, config, context);

  1872.                     break;

  1873.                 case 'stack':

  1874.                     var points = getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, seriesIndex,

  1875.                         series, process);

  1876.                     drawPointText(points, eachSeries, config, context);

  1877.                     break;

  1878.                 case 'meter':

  1879.                     var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);

  1880.                     drawPointText(points, eachSeries, config, context);

  1881.                     break;

  1882.             }

  1883.         });

  1884.     }

  1885. 

  1886.     context.restore();

  1887. 

  1888.     return {

  1889.         xAxisPoints: xAxisPoints,

  1890.         calPoints: calPoints,

  1891.         eachSpacing: eachSpacing

  1892.     };

  1893. }

  1894. 

  1895. function drawCandleDataPoints(series, seriesMA, opts, config, context) {

  1896.     var process = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;

  1897.     var candleOption = opts.extra.candle || {

  1898.         color: {},

  1899.         average: {}

  1900.     };

  1901.     candleOption.color.upLine = candleOption.color.upLine ? candleOption.color.upLine : '#f04864';

  1902.     candleOption.color.upFill = candleOption.color.upFill ? candleOption.color.upFill : '#f04864';

  1903.     candleOption.color.downLine = candleOption.color.downLine ? candleOption.color.downLine : '#2fc25b';

  1904.     candleOption.color.downFill = candleOption.color.downFill ? candleOption.color.downFill : '#2fc25b';

  1905.     candleOption.average.show = candleOption.average.show === true ? true : false;

  1906.     candleOption.average.name = candleOption.average.name ? candleOption.average.name : [];

  1907.     candleOption.average.day = candleOption.average.day ? candleOption.average.day : [];

  1908.     candleOption.average.color = candleOption.average.color ? candleOption.average.color : ['#1890ff', '#2fc25b',

  1909.         '#facc14', '#f04864', '#8543e0', '#90ed7d'

  1910.     ];

  1911.     opts.extra.candle = candleOption;

  1912. 

  1913.     var _calYAxisData5 = calYAxisData(series, opts, config),

  1914.         ranges = _calYAxisData5.ranges;

  1915. 

  1916.     var _getXAxisPoints5 = getXAxisPoints(opts.categories, opts, config),

  1917.         xAxisPoints = _getXAxisPoints5.xAxisPoints,

  1918.         eachSpacing = _getXAxisPoints5.eachSpacing;

  1919. 

  1920.     var minRange = ranges.pop();

  1921.     var maxRange = ranges.shift();

  1922.     var calPoints = [];

  1923. 

  1924.     context.save();

  1925.     if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) {

  1926.         context.translate(opts._scrollDistance_, 0);

  1927.     }

  1928.     //画均线

  1929.     if (candleOption.average.show) {

  1930.         seriesMA.forEach(function(eachSeries, seriesIndex) {

  1931.             var data = eachSeries.data;

  1932.             var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);

  1933.             //calPoints.push(points);

  1934.             var splitPointList = splitPoints(points);

  1935. 

  1936.             splitPointList.forEach(function(points, index) {

  1937.                 context.beginPath();

  1938.                 context.setStrokeStyle(eachSeries.color);

  1939.                 context.setLineWidth(1);

  1940.                 if (points.length === 1) {

  1941.                     context.moveTo(points[0].x, points[0].y);

  1942.                     context.arc(points[0].x, points[0].y, 1, 0, 2 * Math.PI);

  1943.                 } else {

  1944.                     context.moveTo(points[0].x, points[0].y);

  1945.                     points.forEach(function(item, index) {

  1946.                         if (index > 0) {

  1947.                             var ctrlPoint = createCurveControlPoints(points, index - 1);

  1948.                             context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x, item

  1949.                                 .y);

  1950.                         }

  1951.                     });

  1952.                     context.moveTo(points[0].x, points[0].y);

  1953.                 }

  1954.                 context.closePath();

  1955.                 context.stroke();

  1956.             });

  1957.         });

  1958.     }

  1959.     //画K线

  1960.     series.forEach(function(eachSeries, seriesIndex) {

  1961.         var data = eachSeries.data;

  1962.         var points = getCandleDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);

  1963.         calPoints.push(points);

  1964.         var splitPointList = splitPoints(points);

  1965.         splitPointList = splitPointList[0];

  1966. 

  1967.         splitPointList.forEach(function(points, index) {

  1968.             context.beginPath();

  1969.             //如果上涨

  1970.             if (data[index][1] - data[index][0] > 0) {

  1971.                 context.setStrokeStyle(candleOption.color.upLine);

  1972.                 context.setFillStyle(candleOption.color.upFill);

  1973.                 context.setLineWidth(1 * opts.pixelRatio);

  1974.                 context.moveTo(points[3].x, points[3].y); //顶点

  1975.                 context.lineTo(points[1].x, points[1].y); //收盘中间点

  1976.                 context.lineTo(points[1].x - eachSpacing / 4, points[1].y); //收盘左侧点

  1977.                 context.lineTo(points[0].x - eachSpacing / 4, points[0].y); //开盘左侧点

  1978.                 context.lineTo(points[0].x, points[0].y); //开盘中间点

  1979.                 context.lineTo(points[2].x, points[2].y); //底点

  1980.                 context.lineTo(points[0].x, points[0].y); //开盘中间点

  1981.                 context.lineTo(points[0].x + eachSpacing / 4, points[0].y); //开盘右侧点

  1982.                 context.lineTo(points[1].x + eachSpacing / 4, points[1].y); //收盘右侧点

  1983.                 context.lineTo(points[1].x, points[1].y); //收盘中间点

  1984.                 context.moveTo(points[3].x, points[3].y); //顶点

  1985.             } else {

  1986.                 context.setStrokeStyle(candleOption.color.downLine);

  1987.                 context.setFillStyle(candleOption.color.downFill);

  1988.                 context.setLineWidth(1 * opts.pixelRatio);

  1989.                 context.moveTo(points[3].x, points[3].y); //顶点

  1990.                 context.lineTo(points[0].x, points[0].y); //开盘中间点

  1991.                 context.lineTo(points[0].x - eachSpacing / 4, points[0].y); //开盘左侧点

  1992.                 context.lineTo(points[1].x - eachSpacing / 4, points[1].y); //收盘左侧点

  1993.                 context.lineTo(points[1].x, points[1].y); //收盘中间点

  1994.                 context.lineTo(points[2].x, points[2].y); //底点

  1995.                 context.lineTo(points[1].x, points[1].y); //收盘中间点

  1996.                 context.lineTo(points[1].x + eachSpacing / 4, points[1].y); //收盘右侧点

  1997.                 context.lineTo(points[0].x + eachSpacing / 4, points[0].y); //开盘右侧点

  1998.                 context.lineTo(points[0].x, points[0].y); //开盘中间点

  1999.                 context.moveTo(points[3].x, points[3].y); //顶点

  2000.             }

  2001.             context.closePath();

  2002.             context.fill();

  2003.             context.stroke();

  2004.         });

  2005.     });

  2006. 

  2007. 

  2008.     context.restore();

  2009. 

  2010. 

  2011. 

  2012.     return {

  2013.         xAxisPoints: xAxisPoints,

  2014.         calPoints: calPoints,

  2015.         eachSpacing: eachSpacing

  2016.     };

  2017. }

  2018. 

  2019. function drawAreaDataPoints(series, opts, config, context) {

  2020.     var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;

  2021.     var areaOption = opts.extra.area || {

  2022.         type: 'straight',

  2023.         opacity: 0.5,

  2024.         addLine: false,

  2025.         width: 2

  2026.     };

  2027.     areaOption.type = areaOption.type ? areaOption.type : 'straight';

  2028.     areaOption.opacity = areaOption.opacity ? areaOption.opacity : 0.2;

  2029.     areaOption.addLine = areaOption.addLine == true ? true : false;

  2030.     areaOption.width = areaOption.width ? areaOption.width : 2;

  2031.     var _calYAxisData2 = calYAxisData(series, opts, config),

  2032.         ranges = _calYAxisData2.ranges;

  2033. 

  2034.     var _getXAxisPoints2 = getXAxisPoints(opts.categories, opts, config),

  2035.         xAxisPoints = _getXAxisPoints2.xAxisPoints,

  2036.         eachSpacing = _getXAxisPoints2.eachSpacing;

  2037. 

  2038.     var minRange = ranges.pop();

  2039.     var maxRange = ranges.shift();

  2040.     var endY = opts.height - config.padding - config.xAxisHeight - config.legendHeight;

  2041.     var calPoints = [];

  2042. 

  2043.     context.save();

  2044.     if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) {

  2045.         context.translate(opts._scrollDistance_, 0);

  2046.     }

  2047. 

  2048.     if (opts.tooltip && opts.tooltip.textList && opts.tooltip.textList.length && process === 1) {

  2049.         drawToolTipSplitLine(opts.tooltip.offset.x, opts, config, context);

  2050.     }

  2051. 

  2052. 

  2053.     series.forEach(function(eachSeries, seriesIndex) {

  2054.         let data = eachSeries.data;

  2055.         let points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);

  2056.         calPoints.push(points);

  2057. 

  2058.         let splitPointList = splitPoints(points);

  2059. 

  2060.         for (let i = 0; i < splitPointList.length; i++) {

  2061.             let points = splitPointList[i];

  2062.             // 绘制区域数

  2063.             context.beginPath();

  2064.             context.setStrokeStyle(hexToRgb(eachSeries.color, areaOption.opacity));

  2065.             context.setFillStyle(hexToRgb(eachSeries.color, areaOption.opacity));

  2066.             context.setLineWidth(areaOption.width * opts.pixelRatio);

  2067.             if (points.length > 1) {

  2068.                 let firstPoint = points[0];

  2069.                 let lastPoint = points[points.length - 1];

  2070. 

  2071.                 context.moveTo(firstPoint.x, firstPoint.y);

  2072.                 if (areaOption.type === 'curve') {

  2073.                     points.forEach(function(item, index) {

  2074.                         if (index > 0) {

  2075.                             let ctrlPoint = createCurveControlPoints(points, index - 1);

  2076.                             context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x, item

  2077.                                 .y);

  2078.                         }

  2079.                     });

  2080.                 } else {

  2081.                     points.forEach(function(item, index) {

  2082.                         if (index > 0) {

  2083.                             context.lineTo(item.x, item.y);

  2084.                         }

  2085.                     });

  2086.                 }

  2087. 

  2088.                 context.lineTo(lastPoint.x, endY);

  2089.                 context.lineTo(firstPoint.x, endY);

  2090.                 context.lineTo(firstPoint.x, firstPoint.y);

  2091.             } else {

  2092.                 let item = points[0];

  2093.                 context.moveTo(item.x - eachSpacing / 2, item.y);

  2094.                 context.lineTo(item.x + eachSpacing / 2, item.y);

  2095.                 context.lineTo(item.x + eachSpacing / 2, endY);

  2096.                 context.lineTo(item.x - eachSpacing / 2, endY);

  2097.                 context.moveTo(item.x - eachSpacing / 2, item.y);

  2098.             }

  2099.             context.closePath();

  2100.             context.fill();

  2101. 

  2102. 

  2103.             //画连线

  2104.             if (areaOption.addLine) {

  2105.                 context.beginPath();

  2106.                 context.setStrokeStyle(eachSeries.color);

  2107.                 context.setLineWidth(areaOption.width * opts.pixelRatio);

  2108.                 if (points.length === 1) {

  2109.                     context.moveTo(points[0].x, points[0].y);

  2110.                     context.arc(points[0].x, points[0].y, 1, 0, 2 * Math.PI);

  2111.                 } else {

  2112.                     context.moveTo(points[0].x, points[0].y);

  2113.                     if (areaOption.type === 'curve') {

  2114.                         points.forEach(function(item, index) {

  2115.                             if (index > 0) {

  2116.                                 let ctrlPoint = createCurveControlPoints(points, index - 1);

  2117.                                 context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x,

  2118.                                     item.y);

  2119.                             }

  2120.                         });

  2121.                     } else {

  2122.                         points.forEach(function(item, index) {

  2123.                             if (index > 0) {

  2124.                                 context.lineTo(item.x, item.y);

  2125.                             }

  2126.                         });

  2127.                     }

  2128.                     context.moveTo(points[0].x, points[0].y);

  2129.                 }

  2130.                 context.closePath();

  2131.                 context.stroke();

  2132.             }

  2133.         }

  2134. 

  2135.         //画点

  2136.         if (opts.dataPointShape !== false) {

  2137.             var shape = config.dataPointShape[seriesIndex % config.dataPointShape.length];

  2138.             drawPointShape(points, eachSeries.color, shape, context, opts);

  2139.         }

  2140. 

  2141.     });

  2142.     if (opts.dataLabel !== false && process === 1) {

  2143.         series.forEach(function(eachSeries, seriesIndex) {

  2144.             var data = eachSeries.data;

  2145.             var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);

  2146.             drawPointText(points, eachSeries, config, context);

  2147.         });

  2148.     }

  2149. 

  2150.     context.restore();

  2151. 

  2152.     return {

  2153.         xAxisPoints: xAxisPoints,

  2154.         calPoints: calPoints,

  2155.         eachSpacing: eachSpacing

  2156.     };

  2157. }

  2158. 

  2159. function drawLineDataPoints(series, opts, config, context) {

  2160.     var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;

  2161.     var lineOption = opts.extra.line || {

  2162.         type: 'straight',

  2163.         width: 2

  2164.     };

  2165.     lineOption.type = lineOption.type ? lineOption.type : 'straight';

  2166.     lineOption.width = lineOption.width ? lineOption.width : 2;

  2167.     var _calYAxisData3 = calYAxisData(series, opts, config),

  2168.         ranges = _calYAxisData3.ranges;

  2169. 

  2170.     var _getXAxisPoints3 = getXAxisPoints(opts.categories, opts, config),

  2171.         xAxisPoints = _getXAxisPoints3.xAxisPoints,

  2172.         eachSpacing = _getXAxisPoints3.eachSpacing;

  2173. 

  2174.     var minRange = ranges.pop();

  2175.     var maxRange = ranges.shift();

  2176.     var calPoints = [];

  2177. 

  2178.     context.save();

  2179.     if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) {

  2180.         context.translate(opts._scrollDistance_, 0);

  2181.     }

  2182. 

  2183.     if (opts.tooltip && opts.tooltip.textList && opts.tooltip.textList.length && process === 1) {

  2184.         drawToolTipSplitLine(opts.tooltip.offset.x, opts, config, context);

  2185.     }

  2186. 

  2187.     series.forEach(function(eachSeries, seriesIndex) {

  2188.         var data = eachSeries.data;

  2189.         var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);

  2190.         calPoints.push(points);

  2191.         var splitPointList = splitPoints(points);

  2192. 

  2193.         splitPointList.forEach(function(points, index) {

  2194.             context.beginPath();

  2195.             context.setStrokeStyle(eachSeries.color);

  2196.             context.setLineWidth(lineOption.width * opts.pixelRatio);

  2197.             if (points.length === 1) {

  2198.                 context.moveTo(points[0].x, points[0].y);

  2199.                 context.arc(points[0].x, points[0].y, 1, 0, 2 * Math.PI);

  2200.             } else {

  2201.                 context.moveTo(points[0].x, points[0].y);

  2202.                 if (lineOption.type === 'curve') {

  2203.                     points.forEach(function(item, index) {

  2204.                         if (index > 0) {

  2205.                             var ctrlPoint = createCurveControlPoints(points, index - 1);

  2206.                             context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x, item

  2207.                                 .y);

  2208.                         }

  2209.                     });

  2210.                 } else {

  2211.                     points.forEach(function(item, index) {

  2212.                         if (index > 0) {

  2213.                             context.lineTo(item.x, item.y);

  2214.                         }

  2215.                     });

  2216.                 }

  2217.                 context.moveTo(points[0].x, points[0].y);

  2218.             }

  2219.             context.closePath();

  2220.             context.stroke();

  2221.         });

  2222. 

  2223.         if (opts.dataPointShape !== false) {

  2224.             var shape = config.dataPointShape[seriesIndex % config.dataPointShape.length];

  2225.             drawPointShape(points, eachSeries.color, shape, context, opts);

  2226.         }

  2227.     });

  2228.     if (opts.dataLabel !== false && process === 1) {

  2229.         series.forEach(function(eachSeries, seriesIndex) {

  2230.             var data = eachSeries.data;

  2231.             var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);

  2232.             drawPointText(points, eachSeries, config, context);

  2233.         });

  2234.     }

  2235. 

  2236.     context.restore();

  2237. 

  2238.     return {

  2239.         xAxisPoints: xAxisPoints,

  2240.         calPoints: calPoints,

  2241.         eachSpacing: eachSpacing

  2242.     };

  2243. }

  2244. 

  2245. function drawMixDataPoints(series, opts, config, context) {

  2246.     var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;

  2247. 

  2248.     var _calYAxisData6 = calYAxisData(series, opts, config),

  2249.         ranges = _calYAxisData6.ranges;

  2250. 

  2251.     var _getXAxisPoints6 = getXAxisPoints(opts.categories, opts, config),

  2252.         xAxisPoints = _getXAxisPoints6.xAxisPoints,

  2253.         eachSpacing = _getXAxisPoints6.eachSpacing;

  2254. 

  2255.     var minRange = ranges.pop();

  2256.     var maxRange = ranges.shift();

  2257.     var endY = opts.height - config.padding - config.xAxisHeight - config.legendHeight;

  2258.     var calPoints = [];

  2259. 

  2260.     var columnIndex = 0;

  2261.     var columnLength = 0;

  2262.     series.forEach(function(eachSeries, seriesIndex) {

  2263.         if (eachSeries.type == 'column') {

  2264.             columnLength += 1;

  2265.         }

  2266.     });

  2267.     context.save();

  2268.     if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) {

  2269.         context.translate(opts._scrollDistance_, 0);

  2270.     }

  2271. 

  2272.     if (opts.tooltip && opts.tooltip.textList && opts.tooltip.textList.length && process === 1) {

  2273.         drawToolTipSplitLine(opts.tooltip.offset.x, opts, config, context);

  2274.     }

  2275. 

  2276.     series.forEach(function(eachSeries, seriesIndex) {

  2277.         var data = eachSeries.data;

  2278.         var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);

  2279.         calPoints.push(points);

  2280. 

  2281.         // 绘制柱状数据图

  2282.         if (eachSeries.type == 'column') {

  2283.             points = fixColumeData(points, eachSpacing, columnLength, columnIndex, config, opts);

  2284.             points.forEach(function(item, index) {

  2285.                 if (item !== null) {

  2286.                     context.beginPath();

  2287.                     context.setFillStyle(item.color || eachSeries.color);

  2288.                     var startX = item.x - item.width / 2 + 1;

  2289.                     var height = opts.height - item.y - config.padding - config.xAxisHeight - config.legendHeight;

  2290.                     context.moveTo(startX, item.y);

  2291.                     context.rect(startX, item.y, item.width - 2, height);

  2292.                     context.closePath();

  2293.                     context.fill();

  2294.                 }

  2295.             });

  2296.             columnIndex += 1;

  2297.         }

  2298. 

  2299.         //绘制区域图数据

  2300. 

  2301.         if (eachSeries.type == 'area') {

  2302.             let splitPointList = splitPoints(points);

  2303.             for (let i = 0; i < splitPointList.length; i++) {

  2304.                 let points = splitPointList[i];

  2305.                 // 绘制区域数据

  2306.                 context.beginPath();

  2307.                 context.setStrokeStyle(eachSeries.color);

  2308.                 context.setFillStyle(eachSeries.color);

  2309.                 context.setGlobalAlpha(0.2);

  2310.                 context.setLineWidth(2 * opts.pixelRatio);

  2311.                 if (points.length > 1) {

  2312.                     var firstPoint = points[0];

  2313.                     let lastPoint = points[points.length - 1];

  2314.                     context.moveTo(firstPoint.x, firstPoint.y);

  2315.                     if (eachSeries.style === 'curve') {

  2316.                         points.forEach(function(item, index) {

  2317.                             if (index > 0) {

  2318.                                 var ctrlPoint = createCurveControlPoints(points, index - 1);

  2319.                                 context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x,

  2320.                                     item.y);

  2321.                             }

  2322.                         });

  2323.                     } else {

  2324.                         points.forEach(function(item, index) {

  2325.                             if (index > 0) {

  2326.                                 context.lineTo(item.x, item.y);

  2327.                             }

  2328.                         });

  2329.                     }

  2330.                     context.lineTo(lastPoint.x, endY);

  2331.                     context.lineTo(firstPoint.x, endY);

  2332.                     context.lineTo(firstPoint.x, firstPoint.y);

  2333.                 } else {

  2334.                     let item = points[0];

  2335.                     context.moveTo(item.x - eachSpacing / 2, item.y);

  2336.                     context.lineTo(item.x + eachSpacing / 2, item.y);

  2337.                     context.lineTo(item.x + eachSpacing / 2, endY);

  2338.                     context.lineTo(item.x - eachSpacing / 2, endY);

  2339.                     context.moveTo(item.x - eachSpacing / 2, item.y);

  2340.                 }

  2341.                 context.closePath();

  2342.                 context.fill();

  2343.                 context.setGlobalAlpha(1);

  2344.             }

  2345.         }

  2346.         

  2347.         // 绘制折线数据图

  2348.         if (eachSeries.type == 'line') {

  2349.             var splitPointList = splitPoints(points);

  2350.             splitPointList.forEach(function(points, index) {

  2351.                 context.beginPath();

  2352.                 context.setStrokeStyle(eachSeries.color);

  2353.                 context.setLineWidth(2 * opts.pixelRatio);

  2354.                 if (points.length === 1) {

  2355.                     context.moveTo(points[0].x, points[0].y);

  2356.                     context.arc(points[0].x, points[0].y, 1, 0, 2 * Math.PI);

  2357.                 } else {

  2358.                     context.moveTo(points[0].x, points[0].y);

  2359.                     if (eachSeries.style == 'curve') {

  2360.                         points.forEach(function(item, index) {

  2361.                             if (index > 0) {

  2362.                                 var ctrlPoint = createCurveControlPoints(points, index - 1);

  2363.                                 context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x,

  2364.                                     item.y);

  2365.                             }

  2366.                         });

  2367.                     } else {

  2368.                         points.forEach(function(item, index) {

  2369.                             if (index > 0) {

  2370.                                 context.lineTo(item.x, item.y);

  2371.                             }

  2372.                         });

  2373.                     }

  2374.                     context.moveTo(points[0].x, points[0].y);

  2375.                 }

  2376.                 context.closePath();

  2377.                 context.stroke();

  2378.             });

  2379.         }

  2380. 

  2381.         // 绘制点数据图

  2382.         if (eachSeries.type == 'point') {

  2383.             points.forEach(function(pointsa, index) {

  2384.                 if(pointsa){

  2385.                     context.beginPath();

  2386.                     context.setFillStyle(eachSeries.color);

  2387.                     context.setStrokeStyle('#FFFFFF');

  2388.                     context.setLineWidth(1 * opts.pixelRatio);

  2389.                     context.moveTo(pointsa.x + 3.5 * opts.pixelRatio, pointsa.y);

  2390.                     context.arc(pointsa.x, pointsa.y, 4* opts.pixelRatio, 0, 2 * Math.PI);

  2391.                     context.closePath();

  2392.                     context.fill();

  2393.                     context.stroke();

  2394.                 }

  2395.             });

  2396.         }

  2397. 

  2398.         if (eachSeries.addPoint == true && eachSeries.type !== 'column') {

  2399.             var shape = config.dataPointShape[seriesIndex % config.dataPointShape.length];

  2400.             drawPointShape(points, eachSeries.color, shape, context, opts);

  2401.         }

  2402.     });

  2403.     if (opts.dataLabel !== false && process === 1) {

  2404.         var columnIndex = 0;

  2405.         series.forEach(function(eachSeries, seriesIndex) {

  2406.             var data = eachSeries.data;

  2407.             var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);

  2408.             if (eachSeries.type !== 'column') {

  2409.                 drawPointText(points, eachSeries, config, context);

  2410.             } else {

  2411.                 points = fixColumeData(points, eachSpacing, columnLength, columnIndex, config, opts);

  2412.                 drawPointText(points, eachSeries, config, context);

  2413.                 columnIndex += 1;

  2414.             }

  2415. 

  2416.         });

  2417.     }

  2418. 

  2419.     context.restore();

  2420. 

  2421.     return {

  2422.         xAxisPoints: xAxisPoints,

  2423.         calPoints: calPoints,

  2424.         eachSpacing: eachSpacing

  2425.     };

  2426. }

  2427. 

  2428. function drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints) {

  2429.     var toolTipOption = opts.extra.tooltip || {};

  2430.     if (toolTipOption.horizentalLine && opts.tooltip && process === 1 && (opts.type == 'line' || opts.type == 'area' ||

  2431.             opts.type == 'column' || opts.type == 'candle' || opts.type == 'mix')) {

  2432.         drawToolTipHorizentalLine(opts, config, context, eachSpacing, xAxisPoints)

  2433.     }

  2434.     context.save();

  2435.     if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) {

  2436.         context.translate(opts._scrollDistance_, 0);

  2437.     }

  2438.     if (opts.tooltip && opts.tooltip.textList && opts.tooltip.textList.length && process === 1) {

  2439.         drawToolTip(opts.tooltip.textList, opts.tooltip.offset, opts, config, context, eachSpacing, xAxisPoints);

  2440.     }

  2441.     context.restore();

  2442. 

  2443. }

  2444. 

  2445. function drawXAxis(categories, opts, config, context) {

  2446. 

  2447.     var _getXAxisPoints4 = getXAxisPoints(categories, opts, config),

  2448.         xAxisPoints = _getXAxisPoints4.xAxisPoints,

  2449.         startX = _getXAxisPoints4.startX,

  2450.         endX = _getXAxisPoints4.endX,

  2451.         eachSpacing = _getXAxisPoints4.eachSpacing;

  2452. 

  2453.     var startY = opts.height - config.padding - config.xAxisHeight - config.legendHeight;

  2454.     var endY = config.padding;

  2455. 

  2456. 

  2457.     //绘制滚动条

  2458.     if (opts.enableScroll && opts.xAxis.scrollShow) {

  2459.         var scrollY = opts.height - config.padding - config.legendHeight + 6 * opts.pixelRatio;

  2460.         var scrollScreenWidth = endX - startX;

  2461.         var scrollTotalWidth = eachSpacing * (xAxisPoints.length - 1);

  2462.         var scrollWidth = scrollScreenWidth * scrollScreenWidth / scrollTotalWidth;

  2463.         var scrollLeft = 0;

  2464.         if (opts._scrollDistance_) {

  2465.             scrollLeft = -opts._scrollDistance_ * (scrollScreenWidth) / scrollTotalWidth;

  2466.         }

  2467.         context.beginPath();

  2468.         context.setLineCap('round');

  2469.         context.setLineWidth(6 * opts.pixelRatio);

  2470.         context.setStrokeStyle(opts.xAxis.scrollBackgroundColor || "#EFEBEF");

  2471.         context.moveTo(startX, scrollY);

  2472.         context.lineTo(endX, scrollY);

  2473.         context.stroke();

  2474.         context.closePath();

  2475.         context.beginPath();

  2476.         context.setLineCap('round');

  2477.         context.setLineWidth(6 * opts.pixelRatio);

  2478.         context.setStrokeStyle(opts.xAxis.scrollColor || "#A6A6A6");

  2479.         context.moveTo(startX + scrollLeft, scrollY);

  2480.         context.lineTo(startX + scrollLeft + scrollWidth, scrollY);

  2481.         context.stroke();

  2482.         context.setLineCap('butt');

  2483.         context.closePath();

  2484.     }

  2485. 

  2486.     context.save();

  2487. 

  2488.     if (opts._scrollDistance_ && opts._scrollDistance_ !== 0) {

  2489.         context.translate(opts._scrollDistance_, 0);

  2490.     }

  2491. 

  2492.     context.beginPath();

  2493.     context.setStrokeStyle(opts.xAxis.gridColor || "#cccccc");

  2494.     context.setLineCap('butt');

  2495.     context.setLineWidth(1 * opts.pixelRatio);

  2496.     if (opts.xAxis.gridType == 'dash') {

  2497.         context.setLineDash([opts.xAxis.dashLength, opts.xAxis.dashLength]);

  2498.     }

  2499.     if (opts.xAxis.disableGrid !== true) {

  2500.         if (opts.xAxis.type === 'calibration') {

  2501.             xAxisPoints.forEach(function(item, index) {

  2502.                 if (index > 0) {

  2503.                     context.moveTo(item - eachSpacing / 2, startY);

  2504.                     context.lineTo(item - eachSpacing / 2, startY + 4 * opts.pixelRatio);

  2505.                 }

  2506.             });

  2507.         } else {

  2508.             opts.xAxis.gridEval = opts.xAxis.gridEval || 1; 

  2509.             xAxisPoints.forEach(function(item, index) {

  2510.                 if(index % opts.xAxis.gridEval == 0){

  2511.                     context.moveTo(item, startY);

  2512.                     context.lineTo(item, endY);

  2513.                 }

  2514.             });

  2515.         }

  2516.     }

  2517.     context.closePath();

  2518.     context.stroke();

  2519.     context.setLineDash([]);

  2520. 

  2521.     //不绘制X轴

  2522.     if (opts.xAxis.disabled !== true) {

  2523.         // 对X轴列表做抽稀处理

  2524.         let validWidth = opts.width - 2 * config.padding - config.yAxisWidth - config.yAxisTitleWidth;

  2525.         //默认全部显示X轴标签

  2526.         let maxXAxisListLength = categories.length;

  2527.         //如果设置了X轴单屏数量

  2528.         if (opts.xAxis.labelCount) {

  2529.             //如果设置X轴密度

  2530.             if (opts.xAxis.itemCount) {

  2531.                 maxXAxisListLength = Math.ceil(categories.length / opts.xAxis.itemCount * opts.xAxis.labelCount);

  2532.             } else {

  2533.                 maxXAxisListLength = opts.xAxis.labelCount;

  2534.             }

  2535.             maxXAxisListLength -= 1;

  2536.         }

  2537. 

  2538.         let ratio = Math.ceil(categories.length / maxXAxisListLength);

  2539. 

  2540.         let newCategories = [];

  2541.         let cgLength = categories.length;

  2542.         for (let i = 0; i < cgLength; i++) {

  2543.             if (i % ratio !== 0) {

  2544.                 newCategories.push("");

  2545.             } else {

  2546.                 newCategories.push(categories[i]);

  2547.             }

  2548.         }

  2549.         newCategories[cgLength - 1] = categories[cgLength - 1];

  2550.         /*

  2551.         categories = categories.map(function (item, index) {

  2552.             return index % ratio !== 0 ? '' : item;

  2553.         });*/

  2554. 

  2555.         var xAxisFontSize = opts.xAxis.fontSize || config.fontSize;

  2556.         if (config._xAxisTextAngle_ === 0) {

  2557.             newCategories.forEach(function(item, index) {

  2558.                 var offset = eachSpacing / 2 - measureText(item,xAxisFontSize) / 2;

  2559.                 context.beginPath();

  2560.                 context.setFontSize(xAxisFontSize);

  2561.                 context.setFillStyle(opts.xAxis.fontColor || '#666666');

  2562.                 context.fillText(item, xAxisPoints[index] + offset, startY + xAxisFontSize + 5);

  2563.                 context.closePath();

  2564.                 context.stroke();

  2565.             });

  2566. 

  2567.         } else {

  2568.             newCategories.forEach(function(item, index) {

  2569.                 context.save();

  2570.                 context.beginPath();

  2571.                 context.setFontSize(xAxisFontSize);

  2572.                 context.setFillStyle(opts.xAxis.fontColor || '#666666');

  2573.                 var textWidth = measureText(item);

  2574.                 var offset = eachSpacing / 2 - textWidth;

  2575. 

  2576.                 var _calRotateTranslate = calRotateTranslate(xAxisPoints[index] + eachSpacing / 2, startY + xAxisFontSize / 2 + 5, opts.height),

  2577.                     transX = _calRotateTranslate.transX,

  2578.                     transY = _calRotateTranslate.transY;

  2579. 

  2580.                 context.rotate(-1 * config._xAxisTextAngle_);

  2581.                 context.translate(transX, transY);

  2582.                 context.fillText(item, xAxisPoints[index] + offset, startY + xAxisFontSize + 5);

  2583.                 context.closePath();

  2584.                 context.stroke();

  2585.                 context.restore();

  2586.             });

  2587.         }

  2588.     }

  2589.     context.restore();

  2590. 

  2591. }

  2592. 

  2593. function drawYAxisGrid(categories, opts, config, context) {

  2594.     if (opts.yAxis.disableGrid === true) {

  2595.         return;

  2596.     }

  2597.     var spacingValid = opts.height - 2 * config.padding - config.xAxisHeight - config.legendHeight;

  2598.     var eachSpacing = Math.floor(spacingValid / config.yAxisSplit);

  2599.     var yAxisTotalWidth = config.yAxisWidth + config.yAxisTitleWidth;

  2600.     var startX = config.padding + yAxisTotalWidth;

  2601.     var _getXAxisPoints4 = getXAxisPoints(categories, opts, config),

  2602.         xAxisPoints = _getXAxisPoints4.xAxisPoints,

  2603.         xAxiseachSpacing = _getXAxisPoints4.eachSpacing;

  2604.     var TotalWidth = xAxiseachSpacing * (xAxisPoints.length - 1);

  2605.     var endX = startX + TotalWidth;

  2606. 

  2607.     var points = [];

  2608.     for (var i = 0; i < config.yAxisSplit; i++) {

  2609.         points.push(config.padding + eachSpacing * i);

  2610.     }

  2611.     points.push(config.padding + eachSpacing * config.yAxisSplit + 2);

  2612. 

  2613.     context.save();

  2614.     if (opts._scrollDistance_ && opts._scrollDistance_ !== 0) {

  2615.         context.translate(opts._scrollDistance_, 0);

  2616.     }

  2617. 

  2618.     if (opts.yAxis.gridType == 'dash') {

  2619.         context.setLineDash([opts.yAxis.dashLength, opts.yAxis.dashLength]);

  2620.     }

  2621.     context.beginPath();

  2622.     context.setStrokeStyle(opts.yAxis.gridColor || "#cccccc");

  2623. 

  2624.     context.setLineWidth(1 * opts.pixelRatio);

  2625.     points.forEach(function(item, index) {

  2626.         context.moveTo(startX, item);

  2627.         context.lineTo(endX, item);

  2628.     });

  2629.     context.closePath();

  2630.     context.stroke();

  2631.     context.setLineDash([]);

  2632. 

  2633.     context.restore();

  2634. }

  2635. 

  2636. function drawYAxis(series, opts, config, context) {

  2637.     if (opts.yAxis.disabled === true) {

  2638.         return;

  2639.     }

  2640. 

  2641.     var _calYAxisData4 = calYAxisData(series, opts, config),

  2642.         rangesFormat = _calYAxisData4.rangesFormat;

  2643. 

  2644.     var yAxisTotalWidth = config.yAxisWidth + config.yAxisTitleWidth;

  2645. 

  2646.     var spacingValid = opts.height - 2 * config.padding - config.xAxisHeight - config.legendHeight;

  2647.     var eachSpacing = Math.floor(spacingValid / config.yAxisSplit);

  2648.     var startX = config.padding + yAxisTotalWidth;

  2649.     var endX = opts.width - config.padding;

  2650.     var endY = opts.height - config.padding - config.xAxisHeight - config.legendHeight + config.xAxisTextPadding;

  2651. 

  2652.     // set YAxis background

  2653.     context.beginPath();

  2654.     context.setFillStyle(opts.background || '#ffffff');

  2655.     if (opts._scrollDistance_ < 0) {

  2656.         context.fillRect(0, 0, startX, endY + config.xAxisHeight);

  2657.     }

  2658.     context.fillRect(endX, 0, opts.width, endY + config.xAxisHeight);

  2659.     context.closePath();

  2660.     context.stroke();

  2661. 

  2662.     var points = [];

  2663.     for (var i = 0; i <= config.yAxisSplit; i++) {

  2664.         points.push(config.padding + eachSpacing * i);

  2665.     }

  2666. 

  2667.     var yAxisFontSize = opts.yAxis.fontSize || config.fontSize;

  2668.     rangesFormat.forEach(function(item, index) {

  2669.         var pos = points[index] ? points[index] : endY;

  2670.         context.beginPath();

  2671.         context.setFontSize(yAxisFontSize);

  2672.         context.setFillStyle(opts.yAxis.fontColor || '#666666');

  2673.         context.fillText(item, config.padding + config.yAxisTitleWidth, pos + yAxisFontSize / 2);

  2674.         context.closePath();

  2675.         context.stroke();

  2676.     });

  2677. 

  2678. 

  2679.     if (opts.yAxis.title) {

  2680.         drawYAxisTitle(opts.yAxis.title, opts, config, context);

  2681.     }

  2682. }

  2683. 

  2684. function drawLegend(series, opts, config, context) {

  2685.     if (opts.legend === false) {

  2686.         return;

  2687.     }

  2688.     // each legend shape width 15px

  2689.     // the spacing between shape and text in each legend is the `padding`

  2690.     // each legend spacing is the `padding`

  2691.     // legend margin top `config.padding`

  2692. 

  2693.     var _calLegendData = calLegendData(series, opts, config),

  2694.         legendList = _calLegendData.legendList;

  2695. 

  2696.     var padding = 5 * opts.pixelRatio;

  2697.     var marginTop = 10 * opts.pixelRatio;

  2698.     var shapeWidth = 15 * opts.pixelRatio;

  2699.     legendList.forEach(function(itemList, listIndex) {

  2700.         var width = 0;

  2701.         for (let i = 0; i < itemList.length; i++) {

  2702.             let item = itemList[i];

  2703.             item.name = item.name || 'undefined';

  2704.             width += 3 * padding + measureText(item.name) + shapeWidth;

  2705.         }

  2706.         var startX = (opts.width - width) / 2 + padding;

  2707.         var startY = opts.height - config.padding - config.legendHeight + listIndex * (config.fontSize + marginTop) +

  2708.             padding + marginTop;

  2709. 

  2710.         context.setFontSize(config.fontSize);

  2711.         for (let i = 0; i < itemList.length; i++) {

  2712.             let item = itemList[i];

  2713.             switch (opts.type) {

  2714.                 case 'line':

  2715.                     context.beginPath();

  2716.                     context.setLineWidth(1 * opts.pixelRatio);

  2717.                     context.setStrokeStyle(item.color);

  2718.                     context.setFillStyle(item.color);

  2719.                     context.moveTo(startX + 7.5 * opts.pixelRatio, startY + 5 * opts.pixelRatio);

  2720.                     context.arc(startX + 7.5 * opts.pixelRatio, startY + 5 * opts.pixelRatio, 6 * opts.pixelRatio, 0, 2 * Math.PI);

  2721.                     context.closePath();

  2722.                     context.fill();

  2723.                     context.stroke();

  2724.                     break;

  2725.                 case 'pie':

  2726.                     context.beginPath();

  2727.                     context.setLineWidth(1 * opts.pixelRatio);

  2728.                     context.setStrokeStyle(item.color);

  2729.                     context.setFillStyle(item.color);

  2730.                     context.moveTo(startX + 7.5 * opts.pixelRatio, startY + 5 * opts.pixelRatio);

  2731.                     context.arc(startX + 7.5 * opts.pixelRatio, startY + 5 * opts.pixelRatio, 6 * opts.pixelRatio, 0, 2 * Math.PI);

  2732.                     context.closePath();

  2733.                     context.fill();

  2734.                     context.stroke();

  2735.                     break;

  2736.                 case 'ring':

  2737.                 case 'rose':

  2738.                     context.beginPath();

  2739.                     context.setLineWidth(1 * opts.pixelRatio);

  2740.                     context.setStrokeStyle(item.color);

  2741.                     context.setFillStyle(item.color);

  2742.                     context.moveTo(startX + 7.5 * opts.pixelRatio, startY + 5 * opts.pixelRatio);

  2743.                     context.arc(startX + 7.5 * opts.pixelRatio, startY + 5 * opts.pixelRatio, 6 * opts.pixelRatio, 0, 2 * Math.PI);

  2744.                     context.closePath();

  2745.                     context.fill();

  2746.                     context.stroke();

  2747.                     break;

  2748.                     //圆弧进度图不显示图例

  2749.                 case 'gauge':

  2750.                     break;

  2751.                 case 'arcbar':

  2752.                     break;

  2753.                 default:

  2754.                     context.beginPath();

  2755.                     context.setLineWidth(1 * opts.pixelRatio);

  2756.                     context.setStrokeStyle(item.color);

  2757.                     context.setFillStyle(item.color);

  2758.                     context.moveTo(startX, startY);

  2759.                     context.fillRect(startX, startY, 15 * opts.pixelRatio, 10 * opts.pixelRatio);

  2760.                     context.closePath();

  2761.                     context.fill();

  2762.                     context.stroke();

  2763.             }

  2764.             startX += padding + shapeWidth;

  2765.             context.beginPath();

  2766.             context.setFontSize(config.fontSize);

  2767.             context.setFillStyle(opts.extra.legendTextColor || '#333333');

  2768.             context.fillText(item.name, startX, startY + 6 * opts.pixelRatio + 3 * opts.pixelRatio);

  2769.             context.closePath();

  2770.             context.stroke();

  2771.             startX += measureText(item.name) + 2 * padding;

  2772.         }

  2773.     });

  2774. }

  2775. 

  2776. function drawPieDataPoints(series, opts, config, context) {

  2777.     var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;

  2778. 

  2779.     var pieOption = opts.extra.pie || {};

  2780.     var centerPosition = {

  2781.         x: opts.width / 2,

  2782.         y: (opts.height - config.legendHeight) / 2

  2783.     };

  2784.     var radius = Math.min(centerPosition.x - config.pieChartLinePadding - config.pieChartTextPadding - config._pieTextMaxLength_,

  2785.         centerPosition.y - config.pieChartLinePadding - config.pieChartTextPadding);

  2786.     if (opts.dataLabel) {

  2787.         radius -= 10;

  2788.     } else {

  2789.         radius -= 2 * config.padding;

  2790.     }

  2791.     series = getPieDataPoints(series, radius, process);

  2792. 

  2793.     var activeRadius = config.pieChartLinePadding / 2;

  2794. 

  2795.     series = series.map(function(eachSeries) {

  2796.         eachSeries._start_ += (pieOption.offsetAngle || 0) * Math.PI / 180;

  2797.         return eachSeries;

  2798.     });

  2799.     series.forEach(function(eachSeries, seriesIndex) {

  2800.         if (opts.tooltip) {

  2801.             if (opts.tooltip.index == seriesIndex) {

  2802.                 context.beginPath();

  2803.                 context.setFillStyle(hexToRgb(eachSeries.color, opts.extra.pie.activeOpacity || 0.5));

  2804.                 context.moveTo(centerPosition.x, centerPosition.y);

  2805.                 context.arc(centerPosition.x, centerPosition.y, eachSeries._radius_+activeRadius, eachSeries._start_, eachSeries._start_ + 2 *

  2806.                     eachSeries._proportion_ * Math.PI);

  2807.                 context.closePath();

  2808.                 context.fill();

  2809.             }

  2810.         }

  2811.         context.beginPath();

  2812.         context.setLineWidth(2 * opts.pixelRatio);

  2813.         context.lineJoin = "round";

  2814.         context.setStrokeStyle('#ffffff');

  2815.         context.setFillStyle(eachSeries.color);

  2816.         context.moveTo(centerPosition.x, centerPosition.y);

  2817.         context.arc(centerPosition.x, centerPosition.y, eachSeries._radius_, eachSeries._start_, eachSeries._start_ + 2 * eachSeries._proportion_ *

  2818.             Math.PI);

  2819.         context.closePath();

  2820.         context.fill();

  2821.         if (opts.disablePieStroke !== true) {

  2822.             context.stroke();

  2823.         }

  2824.     });

  2825. 

  2826.     if (opts.type === 'ring') {

  2827.         var innerPieWidth = radius * 0.6;

  2828.         if (typeof opts.extra.pie.ringWidth === 'number' && opts.extra.pie.ringWidth > 0) {

  2829.             innerPieWidth = Math.max(0, radius - opts.extra.pie.ringWidth);

  2830.         }

  2831.         context.beginPath();

  2832.         context.setFillStyle(opts.background || '#ffffff');

  2833.         context.moveTo(centerPosition.x, centerPosition.y);

  2834.         context.arc(centerPosition.x, centerPosition.y, innerPieWidth, 0, 2 * Math.PI);

  2835.         context.closePath();

  2836.         context.fill();

  2837.     }

  2838. 

  2839.     if (opts.dataLabel !== false && process === 1) {

  2840.         var valid = false;

  2841.         for (var i = 0, len = series.length; i < len; i++) {

  2842.             if (series[i].data > 0) {

  2843.                 valid = true;

  2844.                 break;

  2845.             }

  2846.         }

  2847. 

  2848.         if (valid) {

  2849.             drawPieText(series, opts, config, context, radius, centerPosition);

  2850.         }

  2851.     }

  2852. 

  2853.     if (process === 1 && opts.type === 'ring') {

  2854.         drawRingTitle(opts, config, context);

  2855.     }

  2856. 

  2857.     return {

  2858.         center: centerPosition,

  2859.         radius: radius,

  2860.         series: series

  2861.     };

  2862. }

  2863. 

  2864. function drawRoseDataPoints(series, opts, config, context) {

  2865.     var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;

  2866. 

  2867.     var roseOption = opts.extra.rose || {};

  2868.     roseOption.type = roseOption.type || 'area';

  2869.     var centerPosition = {

  2870.         x: opts.width / 2,

  2871.         y: (opts.height - config.legendHeight) / 2

  2872.     };

  2873.     var radius = Math.min(centerPosition.x - config.pieChartLinePadding - config.pieChartTextPadding - config._pieTextMaxLength_,

  2874.         centerPosition.y - config.pieChartLinePadding - config.pieChartTextPadding);

  2875.     if (opts.dataLabel) {

  2876.         radius -= 10;

  2877.     } else {

  2878.         radius -= 2 * config.padding;

  2879.     }

  2880.     var minRadius = roseOption.minRadius || radius*0.5;

  2881.     

  2882.     series = getRoseDataPoints(series, roseOption.type, minRadius, radius, process);

  2883. 

  2884.     var activeRadius = config.pieChartLinePadding / 2;

  2885. 

  2886. 

  2887.     series = series.map(function(eachSeries) {

  2888.         eachSeries._start_ += (roseOption.offsetAngle || 0) * Math.PI / 180;

  2889.         return eachSeries;

  2890.     });

  2891.     

  2892.     series.forEach(function(eachSeries, seriesIndex) {

  2893.         if (opts.tooltip) {

  2894.             if (opts.tooltip.index == seriesIndex) {

  2895.                 context.beginPath();

  2896.                 context.setFillStyle(hexToRgb(eachSeries.color, roseOption.activeOpacity || 0.5));

  2897.                 context.moveTo(centerPosition.x, centerPosition.y);

  2898.                 context.arc(centerPosition.x, centerPosition.y, activeRadius+eachSeries._radius_, eachSeries._start_, eachSeries._start_ + 2 * eachSeries._proportion_ * Math.PI);

  2899.                 context.closePath();

  2900.                 context.fill();

  2901.             }

  2902.         }

  2903.         context.beginPath();

  2904.         context.setLineWidth(2 * opts.pixelRatio);

  2905.         context.lineJoin = "round";

  2906.         context.setStrokeStyle('#ffffff');

  2907.         context.setFillStyle(eachSeries.color);

  2908.         context.moveTo(centerPosition.x, centerPosition.y);

  2909.         context.arc(centerPosition.x, centerPosition.y, eachSeries._radius_ , eachSeries._start_, eachSeries._start_ + 2 * eachSeries._proportion_ *Math.PI);

  2910.         context.closePath();

  2911.         context.fill();

  2912.         if (opts.disablePieStroke !== true) {

  2913.             context.stroke();

  2914.         }

  2915.     });

  2916. 

  2917. 

  2918.     if (opts.dataLabel !== false && process === 1) {

  2919.         // fix https://github.com/xiaolin3303/wx-charts/issues/132

  2920.         var valid = false;

  2921.         for (var i = 0, len = series.length; i < len; i++) {

  2922.             if (series[i].data > 0) {

  2923.                 valid = true;

  2924.                 break;

  2925.             }

  2926.         }

  2927. 

  2928.         if (valid) {

  2929.             drawPieText(series, opts, config, context, radius, centerPosition);

  2930.         }

  2931.     }

  2932. 

  2933.     return {

  2934.         center: centerPosition,

  2935.         radius: radius,

  2936.         series: series

  2937.     };

  2938. }

  2939. 

  2940. function drawArcbarDataPoints(series, opts, config, context) {

  2941.     var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;

  2942. 

  2943.     var arcbarOption = opts.extra.arcbar || {};

  2944.     arcbarOption.startAngle = arcbarOption.startAngle ? arcbarOption.startAngle : 0.75;

  2945.     arcbarOption.endAngle = arcbarOption.endAngle ? arcbarOption.endAngle : 0.25;

  2946.     arcbarOption.type = arcbarOption.type ? arcbarOption.type : 'default';

  2947. 

  2948.     series = getArcbarDataPoints(series, arcbarOption, process);

  2949.     var centerPosition = {

  2950.         x: opts.width / 2,

  2951.         y: (opts.height) / 2

  2952.     };

  2953.     var radius = Math.min(centerPosition.x, centerPosition.y);

  2954. 

  2955.     if (typeof arcbarOption.width === 'number' && arcbarOption.width > 0) {

  2956.         arcbarOption.width = arcbarOption.width;

  2957.     } else {

  2958.         arcbarOption.width = 12 * opts.pixelRatio;

  2959.     }

  2960.     radius -= config.padding + arcbarOption.width / 2;

  2961. 

  2962.     //背景颜色

  2963.     context.setLineWidth(arcbarOption.width); // 设置圆环的宽度

  2964.     context.setStrokeStyle(arcbarOption.backgroundColor || '#E9E9E9'); // 设置圆环的颜色

  2965.     context.setLineCap('round'); // 设置圆环端点的形状

  2966.     context.beginPath(); //开始一个新的路径

  2967.     if (arcbarOption.type == 'default') {

  2968.         context.arc(centerPosition.x, centerPosition.y, radius, arcbarOption.startAngle * Math.PI, arcbarOption.endAngle *

  2969.             Math.PI, false);

  2970.     } else {

  2971.         context.arc(centerPosition.x, centerPosition.y, radius, 0, 2 * Math.PI, false);

  2972.     }

  2973. 

  2974.     context.stroke(); //对当前路径进行描边

  2975. 

  2976.     for (let i = 0; i < series.length; i++) {

  2977.         let eachSeries = series[i];

  2978.         context.setLineWidth(arcbarOption.width);

  2979.         context.setStrokeStyle(eachSeries.color);

  2980.         context.setLineCap('round');

  2981.         context.beginPath();

  2982.         context.arc(centerPosition.x, centerPosition.y, radius, arcbarOption.startAngle * Math.PI, eachSeries._proportion_ *

  2983.             Math.PI, false);

  2984.         context.stroke();

  2985.     }

  2986.     drawRingTitle(opts, config, context);

  2987.     return {

  2988.         center: centerPosition,

  2989.         radius: radius,

  2990.         series: series

  2991.     };

  2992. }

  2993. 

  2994. function drawGaugeDataPoints(categories, series, opts, config, context) {

  2995.     var process = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;

  2996.     var gaugeOption = opts.extra.gauge || {};

  2997.     gaugeOption.startAngle = gaugeOption.startAngle ? gaugeOption.startAngle : 0.75;

  2998.     if (gaugeOption.oldAngle == undefined) {

  2999.         gaugeOption.oldAngle = gaugeOption.startAngle;

  3000.     }

  3001.     if (gaugeOption.oldData == undefined) {

  3002.         gaugeOption.oldData = 0;

  3003.     }

  3004.     gaugeOption.endAngle = gaugeOption.endAngle ? gaugeOption.endAngle : 0.25;

  3005.     categories = getGaugeAxisPoints(categories, gaugeOption.startAngle, gaugeOption.endAngle);

  3006.     var centerPosition = {

  3007.         x: opts.width / 2,

  3008.         y: (opts.height) / 2

  3009.     };

  3010.     var radius = Math.min(centerPosition.x, centerPosition.y);

  3011.     if (typeof gaugeOption.width === 'number' && gaugeOption.width > 0) {

  3012.         gaugeOption.width = gaugeOption.width;

  3013.     } else {

  3014.         gaugeOption.width = 15 * opts.pixelRatio;

  3015.     }

  3016.     radius -= config.padding + gaugeOption.width / 2;

  3017.     var innerRadius = radius - gaugeOption.width;

  3018. 

  3019. 

  3020. 

  3021.     //画背景

  3022.     context.setLineWidth(gaugeOption.width);

  3023.     context.setLineCap('butt');

  3024.     for (let i = 0; i < categories.length; i++) {

  3025.         let eachCategories = categories[i];

  3026.         context.beginPath();

  3027.         context.setStrokeStyle(eachCategories.color);

  3028.         context.arc(centerPosition.x, centerPosition.y, radius, eachCategories._startAngle_ * Math.PI, eachCategories._endAngle_ *

  3029.             Math.PI, false);

  3030.         context.stroke();

  3031.     }

  3032.     context.save();

  3033. 

  3034.     //画刻度线

  3035.     let totalAngle = gaugeOption.startAngle - gaugeOption.endAngle + 1;

  3036.     gaugeOption.splitLine.fixRadius = gaugeOption.splitLine.fixRadius ? gaugeOption.splitLine.fixRadius : 0;

  3037.     gaugeOption.splitLine.splitNumber = gaugeOption.splitLine.splitNumber ? gaugeOption.splitLine.splitNumber : 10;

  3038.     gaugeOption.splitLine.width = gaugeOption.splitLine.width ? gaugeOption.splitLine.width : 15 * opts.pixelRatio;

  3039.     gaugeOption.splitLine.color = gaugeOption.splitLine.color ? gaugeOption.splitLine.color : '#FFFFFF';

  3040.     gaugeOption.splitLine.childNumber = gaugeOption.splitLine.childNumber ? gaugeOption.splitLine.childNumber : 5;

  3041.     gaugeOption.splitLine.childWidth = gaugeOption.splitLine.childWidth ? gaugeOption.splitLine.childWidth : 5 * opts.pixelRatio;

  3042. 

  3043.     let splitAngle = totalAngle / gaugeOption.splitLine.splitNumber;

  3044.     let childAngle = totalAngle / gaugeOption.splitLine.splitNumber / gaugeOption.splitLine.childNumber;

  3045.     let startX = -radius - gaugeOption.width * 0.5 - gaugeOption.splitLine.fixRadius;

  3046.     let endX = -radius - gaugeOption.width * 0.5 - gaugeOption.splitLine.fixRadius + gaugeOption.splitLine.width;

  3047.     let childendX = -radius - gaugeOption.width * 0.5 - gaugeOption.splitLine.fixRadius + gaugeOption.splitLine.childWidth;

  3048. 

  3049.     context.translate(centerPosition.x, centerPosition.y);

  3050.     context.rotate((gaugeOption.startAngle - 1) * Math.PI);

  3051. 

  3052.     for (let i = 0; i < gaugeOption.splitLine.splitNumber + 1; i++) {

  3053.         context.beginPath();

  3054.         context.setStrokeStyle(gaugeOption.splitLine.color);

  3055.         context.setLineWidth(2 * opts.pixelRatio);

  3056.         context.moveTo(startX, 0);

  3057.         context.lineTo(endX, 0);

  3058.         context.stroke();

  3059.         context.rotate(splitAngle * Math.PI);

  3060.     }

  3061.     context.restore();

  3062. 

  3063.     context.save();

  3064.     context.translate(centerPosition.x, centerPosition.y);

  3065.     context.rotate((gaugeOption.startAngle - 1) * Math.PI);

  3066. 

  3067.     for (let i = 0; i < gaugeOption.splitLine.splitNumber * gaugeOption.splitLine.childNumber + 1; i++) {

  3068.         context.beginPath();

  3069.         context.setStrokeStyle(gaugeOption.splitLine.color);

  3070.         context.setLineWidth(1 * opts.pixelRatio);

  3071.         context.moveTo(startX, 0);

  3072.         context.lineTo(childendX, 0);

  3073.         context.stroke();

  3074.         context.rotate(childAngle * Math.PI);

  3075.     }

  3076.     context.restore();

  3077. 

  3078.     //画指针

  3079.     gaugeOption.pointer.width = gaugeOption.pointer.width ? gaugeOption.pointer.width : 15 * opts.pixelRatio;

  3080.     if (gaugeOption.pointer.color == undefined || gaugeOption.pointer.color == 'auto') {

  3081.         gaugeOption.pointer.color == 'auto';

  3082.     } else {

  3083.         gaugeOption.pointer.color == gaugeOption.pointer.color;

  3084.     }

  3085.     series = getGaugeDataPoints(series, categories, gaugeOption, process);

  3086. 

  3087.     for (let i = 0; i < series.length; i++) {

  3088.         let eachSeries = series[i];

  3089.         context.save();

  3090.         context.translate(centerPosition.x, centerPosition.y);

  3091.         context.rotate((eachSeries._proportion_ - 1) * Math.PI);

  3092.         context.beginPath();

  3093.         context.setFillStyle(eachSeries.color);

  3094.         context.moveTo(gaugeOption.pointer.width, 0);

  3095.         context.lineTo(0, -gaugeOption.pointer.width / 2);

  3096.         context.lineTo(-innerRadius, 0);

  3097.         context.lineTo(0, gaugeOption.pointer.width / 2);

  3098.         context.lineTo(gaugeOption.pointer.width, 0);

  3099.         context.closePath();

  3100.         context.fill();

  3101.         context.beginPath();

  3102.         context.setFillStyle('#FFFFFF');

  3103.         context.arc(0, 0, gaugeOption.pointer.width / 6, 0, 2 * Math.PI, false);

  3104.         context.fill();

  3105.         context.restore();

  3106.     }

  3107. 

  3108.     if (opts.dataLabel !== false) {

  3109.         drawGaugeLabel(gaugeOption, radius, centerPosition, opts, config, context);

  3110.     }

  3111. 

  3112.     drawRingTitle(opts, config, context);

  3113. 

  3114.     if (process === 1 && opts.type === 'gauge') {

  3115.         gaugeOption.oldAngle = series[0]._proportion_;

  3116.         gaugeOption.oldData = series[0].data;

  3117.     }

  3118.     return {

  3119.         center: centerPosition,

  3120.         radius: radius,

  3121.         innerRadius: innerRadius,

  3122.         categories: categories,

  3123.         totalAngle: totalAngle

  3124.     };

  3125. }

  3126. 

  3127. function drawRadarDataPoints(series, opts, config, context) {

  3128.     var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;

  3129. 

  3130.     var radarOption = opts.extra.radar || {};

  3131.     var coordinateAngle = getRadarCoordinateSeries(opts.categories.length);

  3132.     var centerPosition = {

  3133.         x: opts.width / 2,

  3134.         y: (opts.height - config.legendHeight) / 2

  3135.     };

  3136. 

  3137.     var radius = Math.min(centerPosition.x - (getMaxTextListLength(opts.categories) + config.radarLabelTextMargin),

  3138.         centerPosition.y - config.radarLabelTextMargin);

  3139. 

  3140.     radius -= config.padding;

  3141. 

  3142.     // draw grid

  3143.     context.beginPath();

  3144.     context.setLineWidth(1 * opts.pixelRatio);

  3145.     context.setStrokeStyle(radarOption.gridColor || "#cccccc");

  3146.     coordinateAngle.forEach(function (angle) {

  3147.         var pos = convertCoordinateOrigin(radius * Math.cos(angle), radius * Math.sin(angle), centerPosition);

  3148.         context.moveTo(centerPosition.x, centerPosition.y);

  3149.         context.lineTo(pos.x, pos.y);

  3150.     });

  3151.     context.stroke();

  3152.     context.closePath();

  3153. 

  3154.     // draw split line grid

  3155. 

  3156.     var _loop = function _loop(i) {

  3157.         var startPos = {};

  3158.         context.beginPath();

  3159.         context.setLineWidth(1 * opts.pixelRatio);

  3160.         context.setStrokeStyle(radarOption.gridColor || "#cccccc");

  3161.         coordinateAngle.forEach(function (angle, index) {

  3162.             var pos = convertCoordinateOrigin(radius / config.radarGridCount * i * Math.cos(angle), radius / config.radarGridCount * i * Math.sin(angle), centerPosition);

  3163.             if (index === 0) {

  3164.                 startPos = pos;

  3165.                 context.moveTo(pos.x, pos.y);

  3166.             } else {

  3167.                 context.lineTo(pos.x, pos.y);

  3168.             }

  3169.         });

  3170.         context.lineTo(startPos.x, startPos.y);

  3171.         context.stroke();

  3172.         context.closePath();

  3173.     };

  3174. 

  3175.     for (var i = 1; i <= config.radarGridCount; i++) {

  3176.         _loop(i);

  3177.     }

  3178. 

  3179.     var radarDataPoints = getRadarDataPoints(coordinateAngle, centerPosition, radius, series, opts, process);

  3180. 

  3181.     radarDataPoints.forEach(function(eachSeries, seriesIndex) {

  3182.         // 绘制区域数据

  3183.         context.beginPath();

  3184.         context.setFillStyle(eachSeries.color);

  3185.         context.setGlobalAlpha(0.3);

  3186.         eachSeries.data.forEach(function(item, index) {

  3187.             if (index === 0) {

  3188.                 context.moveTo(item.position.x, item.position.y);

  3189.             } else {

  3190.                 context.lineTo(item.position.x, item.position.y);

  3191.             }

  3192.         });

  3193.         context.closePath();

  3194.         context.fill();

  3195.         context.setGlobalAlpha(1);

  3196. 

  3197.         if (opts.dataPointShape !== false) {

  3198.             var shape = config.dataPointShape[seriesIndex % config.dataPointShape.length];

  3199.             var points = eachSeries.data.map(function(item) {

  3200.                 return item.position;

  3201.             });

  3202.             drawPointShape(points, eachSeries.color, shape, context, opts);

  3203.         }

  3204.     });

  3205.     // draw label text

  3206.     drawRadarLabel(coordinateAngle, radius, centerPosition, opts, config, context);

  3207. 

  3208.     return {

  3209.         center: centerPosition,

  3210.         radius: radius,

  3211.         angleList: coordinateAngle

  3212.     };

  3213. }

  3214. 

  3215. function drawCanvas(opts, context) {

  3216.     context.draw();

  3217. }

  3218. 

  3219. var Timing = {

  3220.     easeIn: function easeIn(pos) {

  3221.         return Math.pow(pos, 3);

  3222.     },

  3223. 

  3224.     easeOut: function easeOut(pos) {

  3225.         return Math.pow(pos - 1, 3) + 1;

  3226.     },

  3227. 

  3228.     easeInOut: function easeInOut(pos) {

  3229.         if ((pos /= 0.5) < 1) {

  3230.             return 0.5 * Math.pow(pos, 3);

  3231.         } else {

  3232.             return 0.5 * (Math.pow(pos - 2, 3) + 2);

  3233.         }

  3234.     },

  3235. 

  3236.     linear: function linear(pos) {

  3237.         return pos;

  3238.     }

  3239. };

  3240. 

  3241. function Animation(opts) {

  3242.     this.isStop = false;

  3243.     opts.duration = typeof opts.duration === 'undefined' ? 1000 : opts.duration;

  3244.     opts.timing = opts.timing || 'linear';

  3245. 

  3246.     var delay = 17;

  3247. 

  3248.     var createAnimationFrame = function createAnimationFrame() {

  3249. 

  3250.         if (typeof requestAnimationFrame !== 'undefined') {

  3251.             return requestAnimationFrame;

  3252.         } else if (typeof setTimeout !== 'undefined') {

  3253. 

  3254.             return function(step, delay) {

  3255.                 setTimeout(function() {

  3256.                     var timeStamp = +new Date();

  3257.                     step(timeStamp);

  3258.                 }, delay);

  3259.             };

  3260.         } else {

  3261. 

  3262.             return function(step) {

  3263.                 step(null);

  3264.             };

  3265.         }

  3266.     };

  3267.     var animationFrame = createAnimationFrame();

  3268.     var startTimeStamp = null;

  3269. 

  3270.     var _step = function step(timestamp) {

  3271. 

  3272.         if (timestamp === null || this.isStop === true) {

  3273.             opts.onProcess && opts.onProcess(1);

  3274.             opts.onAnimationFinish && opts.onAnimationFinish();

  3275.             return;

  3276.         }

  3277.         if (startTimeStamp === null) {

  3278.             startTimeStamp = timestamp;

  3279.         }

  3280.         if (timestamp - startTimeStamp < opts.duration) {

  3281.             var process = (timestamp - startTimeStamp) / opts.duration;

  3282.             var timingFunction = Timing[opts.timing];

  3283.             process = timingFunction(process);

  3284. 

  3285.             opts.onProcess && opts.onProcess(process);

  3286.             animationFrame(_step, delay);

  3287.         } else {

  3288.             opts.onProcess && opts.onProcess(1);

  3289.             opts.onAnimationFinish && opts.onAnimationFinish();

  3290.         }

  3291.     };

  3292.     _step = _step.bind(this);

  3293.     animationFrame(_step, delay);

  3294. }

  3295. 

  3296. // stop animation immediately

  3297. // and tigger onAnimationFinish

  3298. Animation.prototype.stop = function() {

  3299.     this.isStop = true;

  3300. };

  3301. 

  3302. function drawCharts(type, opts, config, context) {

  3303.     var _this = this;

  3304.     var series = opts.series;

  3305.     var categories = opts.categories;

  3306.     series = fillSeriesColor(series, config);

  3307.     series = fillSeriesType(series, opts);

  3308.     let seriesMA = null;

  3309.     

  3310.     if (type == 'candle') {

  3311.         let average = assign({}, opts.extra.candle.average);

  3312.         if (average.show) {

  3313.             seriesMA = calCandleMA(average.day, average.name, average.color, series[0].data);

  3314.             opts.seriesMA = seriesMA;

  3315.         }

  3316.     }

  3317. 

  3318.     var _calLegendData = calLegendData(series, opts, config),

  3319.         legendHeight = _calLegendData.legendHeight;

  3320. 

  3321.     config.legendHeight = legendHeight;

  3322. 

  3323.     var _calYAxisData = calYAxisData(series, opts, config),

  3324.         yAxisWidth = _calYAxisData.yAxisWidth;

  3325. 

  3326.     config.yAxisWidth = yAxisWidth;

  3327.     if (categories && categories.length) {

  3328.         var _calCategoriesData = calCategoriesData(categories, opts, config),

  3329.             xAxisHeight = _calCategoriesData.xAxisHeight,

  3330.             angle = _calCategoriesData.angle;

  3331. 

  3332.         config.xAxisHeight = xAxisHeight;

  3333.         config._xAxisTextAngle_ = angle;

  3334.     }

  3335.     if (type === 'pie' || type === 'ring' || type === 'rose') {

  3336.         config._pieTextMaxLength_ = opts.dataLabel === false ? 0 : getPieTextMaxLength(series);

  3337.     }

  3338. 

  3339.     var duration = opts.animation ? opts.duration : 0;

  3340.     this.animationInstance && this.animationInstance.stop();

  3341. 

  3342.     switch (type) {

  3343.         case 'line':

  3344.             this.animationInstance = new Animation({

  3345.                 timing: 'easeIn',

  3346.                 duration: duration,

  3347.                 onProcess: function onProcess(process) {

  3348.                     context.clearRect(0, 0, opts.width, opts.height);

  3349.                     if (opts.rotate) {

  3350.                         contextRotate(context, opts);

  3351.                     }

  3352.                     drawYAxisGrid(categories, opts, config, context);

  3353.                     drawXAxis(categories, opts, config, context);

  3354.                     var _drawLineDataPoints = drawLineDataPoints(series, opts, config, context, process),

  3355.                         xAxisPoints = _drawLineDataPoints.xAxisPoints,

  3356.                         calPoints = _drawLineDataPoints.calPoints,

  3357.                         eachSpacing = _drawLineDataPoints.eachSpacing;

  3358. 

  3359.                     _this.chartData.xAxisPoints = xAxisPoints;

  3360.                     _this.chartData.calPoints = calPoints;

  3361.                     _this.chartData.eachSpacing = eachSpacing;

  3362.                     drawLegend(opts.series, opts, config, context);

  3363.                     drawYAxis(series, opts, config, context);

  3364.                     drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints);

  3365.                     drawCanvas(opts, context);

  3366. 

  3367.                 },

  3368.                 onAnimationFinish: function onAnimationFinish() {

  3369.                     _this.event.trigger('renderComplete');

  3370.                 }

  3371.             });

  3372. 

  3373.             break;

  3374.         case 'mix':

  3375.             this.animationInstance = new Animation({

  3376.                 timing: 'easeIn',

  3377.                 duration: duration,

  3378.                 onProcess: function onProcess(process) {

  3379.                     context.clearRect(0, 0, opts.width, opts.height);

  3380.                     if (opts.rotate) {

  3381.                         contextRotate(context, opts);

  3382.                     }

  3383.                     drawYAxisGrid(categories, opts, config, context);

  3384.                     drawXAxis(categories, opts, config, context);

  3385.                     var _drawMixDataPoints = drawMixDataPoints(series, opts, config, context, process),

  3386.                         xAxisPoints = _drawMixDataPoints.xAxisPoints,

  3387.                         calPoints = _drawMixDataPoints.calPoints,

  3388.                         eachSpacing = _drawMixDataPoints.eachSpacing;

  3389. 

  3390.                     _this.chartData.xAxisPoints = xAxisPoints;

  3391.                     _this.chartData.calPoints = calPoints;

  3392.                     _this.chartData.eachSpacing = eachSpacing;

  3393.                     drawLegend(opts.series, opts, config, context);

  3394.                     drawYAxis(series, opts, config, context);

  3395.                     drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints);

  3396.                     drawCanvas(opts, context);

  3397.                 },

  3398.                 onAnimationFinish: function onAnimationFinish() {

  3399.                     _this.event.trigger('renderComplete');

  3400.                 }

  3401.             });

  3402. 

  3403.             break;

  3404.         case 'column':

  3405.             this.animationInstance = new Animation({

  3406.                 timing: 'easeIn',

  3407.                 duration: duration,

  3408.                 onProcess: function onProcess(process) {

  3409.                     context.clearRect(0, 0, opts.width, opts.height);

  3410.                     if (opts.rotate) {

  3411.                         contextRotate(context, opts);

  3412.                     }

  3413.                     drawYAxisGrid(categories, opts, config, context);

  3414.                     drawXAxis(categories, opts, config, context);

  3415.                     var _drawColumnDataPoints = drawColumnDataPoints(series, opts, config, context, process),

  3416.                         xAxisPoints = _drawColumnDataPoints.xAxisPoints,

  3417.                         calPoints = _drawColumnDataPoints.calPoints,

  3418.                         eachSpacing = _drawColumnDataPoints.eachSpacing;

  3419.                     _this.chartData.xAxisPoints = xAxisPoints;

  3420.                     _this.chartData.calPoints = calPoints;

  3421.                     _this.chartData.eachSpacing = eachSpacing;

  3422.                     drawLegend(opts.series, opts, config, context);

  3423.                     drawYAxis(series, opts, config, context);

  3424.                     drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints);

  3425.                     drawCanvas(opts, context);

  3426.                 },

  3427.                 onAnimationFinish: function onAnimationFinish() {

  3428.                     _this.event.trigger('renderComplete');

  3429.                 }

  3430.             });

  3431.             break;

  3432.         case 'area':

  3433.             this.animationInstance = new Animation({

  3434.                 timing: 'easeIn',

  3435.                 duration: duration,

  3436.                 onProcess: function onProcess(process) {

  3437.                     context.clearRect(0, 0, opts.width, opts.height);

  3438.                     if (opts.rotate) {

  3439.                         contextRotate(context, opts);

  3440.                     }

  3441.                     drawYAxisGrid(categories, opts, config, context);

  3442.                     drawXAxis(categories, opts, config, context);

  3443.                     var _drawAreaDataPoints = drawAreaDataPoints(series, opts, config, context, process),

  3444.                         xAxisPoints = _drawAreaDataPoints.xAxisPoints,

  3445.                         calPoints = _drawAreaDataPoints.calPoints,

  3446.                         eachSpacing = _drawAreaDataPoints.eachSpacing;

  3447. 

  3448.                     _this.chartData.xAxisPoints = xAxisPoints;

  3449.                     _this.chartData.calPoints = calPoints;

  3450.                     _this.chartData.eachSpacing = eachSpacing;

  3451.                     drawLegend(opts.series, opts, config, context);

  3452.                     drawYAxis(series, opts, config, context);

  3453.                     drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints);

  3454. 

  3455.                     drawCanvas(opts, context);

  3456.                 },

  3457.                 onAnimationFinish: function onAnimationFinish() {

  3458.                     _this.event.trigger('renderComplete');

  3459.                 }

  3460.             });

  3461.             break;

  3462.         case 'ring':

  3463.         case 'pie':

  3464.             this.animationInstance = new Animation({

  3465.                 timing: 'easeInOut',

  3466.                 duration: duration,

  3467.                 onProcess: function onProcess(process) {

  3468.                     context.clearRect(0, 0, opts.width, opts.height);

  3469.                     if (opts.rotate) {

  3470.                         contextRotate(context, opts);

  3471.                     }

  3472.                     _this.chartData.pieData = drawPieDataPoints(series, opts, config, context, process);

  3473.                     drawLegend(opts.series, opts, config, context);

  3474.                     drawToolTipBridge(opts, config, context, process);

  3475.                     drawCanvas(opts, context);

  3476.                 },

  3477.                 onAnimationFinish: function onAnimationFinish() {

  3478.                     _this.event.trigger('renderComplete');

  3479.                 }

  3480.             });

  3481.             break;

  3482.         case 'rose':

  3483.             this.animationInstance = new Animation({

  3484.                 timing: 'easeInOut',

  3485.                 duration: duration,

  3486.                 onProcess: function onProcess(process) {

  3487.                     context.clearRect(0, 0, opts.width, opts.height);

  3488.                     if (opts.rotate) {

  3489.                         contextRotate(context, opts);

  3490.                     }

  3491.                     _this.chartData.pieData = drawRoseDataPoints(series, opts, config, context, process);

  3492.                     drawLegend(opts.series, opts, config, context);

  3493.                     drawToolTipBridge(opts, config, context, process);

  3494.                     drawCanvas(opts, context);

  3495.                 },

  3496.                 onAnimationFinish: function onAnimationFinish() {

  3497.                     _this.event.trigger('renderComplete');

  3498.                 }

  3499.             });

  3500.             break;

  3501.         case 'radar':

  3502.             this.animationInstance = new Animation({

  3503.                 timing: 'easeInOut',

  3504.                 duration: duration,

  3505.                 onProcess: function onProcess(process) {

  3506.                     context.clearRect(0, 0, opts.width, opts.height);

  3507.                     if (opts.rotate) {

  3508.                         contextRotate(context, opts);

  3509.                     }

  3510.                     _this.chartData.radarData = drawRadarDataPoints(series, opts, config, context, process);

  3511.                     drawLegend(opts.series, opts, config, context);

  3512.                     drawToolTipBridge(opts, config, context, process);

  3513.                     drawCanvas(opts, context);

  3514.                 },

  3515.                 onAnimationFinish: function onAnimationFinish() {

  3516.                     _this.event.trigger('renderComplete');

  3517.                 }

  3518.             });

  3519.             break;

  3520.         case 'arcbar':

  3521.             this.animationInstance = new Animation({

  3522.                 timing: 'easeInOut',

  3523.                 duration: duration,

  3524.                 onProcess: function onProcess(process) {

  3525.                     context.clearRect(0, 0, opts.width, opts.height);

  3526.                     if (opts.rotate) {

  3527.                         contextRotate(context, opts);

  3528.                     }

  3529.                     _this.chartData.arcbarData = drawArcbarDataPoints(series, opts, config, context, process);

  3530.                     drawCanvas(opts, context);

  3531.                 },

  3532.                 onAnimationFinish: function onAnimationFinish() {

  3533.                     _this.event.trigger('renderComplete');

  3534.                 }

  3535.             });

  3536.             break;

  3537.         case 'gauge':

  3538.             this.animationInstance = new Animation({

  3539.                 timing: 'easeInOut',

  3540.                 duration: duration,

  3541.                 onProcess: function onProcess(process) {

  3542.                     context.clearRect(0, 0, opts.width, opts.height);

  3543.                     if (opts.rotate) {

  3544.                         contextRotate(context, opts);

  3545.                     }

  3546.                     _this.chartData.gaugeData = drawGaugeDataPoints(categories, series, opts, config, context, process);

  3547.                     drawCanvas(opts, context);

  3548.                 },

  3549.                 onAnimationFinish: function onAnimationFinish() {

  3550.                     _this.event.trigger('renderComplete');

  3551.                 }

  3552.             });

  3553.             break;

  3554.         case 'candle':

  3555.             this.animationInstance = new Animation({

  3556.                 timing: 'easeIn',

  3557.                 duration: duration,

  3558.                 onProcess: function onProcess(process) {

  3559.                     context.clearRect(0, 0, opts.width, opts.height);

  3560.                     if (opts.rotate) {

  3561.                         contextRotate(context, opts);

  3562.                     }

  3563.                     drawYAxisGrid(categories, opts, config, context);

  3564.                     drawXAxis(categories, opts, config, context);

  3565.                     var _drawCandleDataPoints = drawCandleDataPoints(series, seriesMA, opts, config, context, process),

  3566.                         xAxisPoints = _drawCandleDataPoints.xAxisPoints,

  3567.                         calPoints = _drawCandleDataPoints.calPoints,

  3568.                         eachSpacing = _drawCandleDataPoints.eachSpacing;

  3569. 

  3570.                     _this.chartData.xAxisPoints = xAxisPoints;

  3571.                     _this.chartData.calPoints = calPoints;

  3572.                     _this.chartData.eachSpacing = eachSpacing;

  3573.                     if (seriesMA) {

  3574.                         drawLegend(seriesMA, opts, config, context);

  3575.                     } else {

  3576.                         drawLegend(opts.series, opts, config, context);

  3577.                     }

  3578.                     drawYAxis(series, opts, config, context);

  3579.                     drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints);

  3580.                     drawCanvas(opts, context);

  3581.                 },

  3582.                 onAnimationFinish: function onAnimationFinish() {

  3583.                     _this.event.trigger('renderComplete');

  3584.                 }

  3585.             });

  3586.             break;

  3587.     }

  3588. }

  3589. 

  3590. // simple event implement

  3591. 

  3592. function Event() {

  3593.     this.events = {};

  3594. }

  3595. 

  3596. Event.prototype.addEventListener = function(type, listener) {

  3597.     this.events[type] = this.events[type] || [];

  3598.     this.events[type].push(listener);

  3599. };

  3600. 

  3601. Event.prototype.trigger = function() {

  3602.     for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {

  3603.         args[_key] = arguments[_key];

  3604.     }

  3605. 

  3606.     var type = args[0];

  3607.     var params = args.slice(1);

  3608.     if (!!this.events[type]) {

  3609.         this.events[type].forEach(function(listener) {

  3610.             try {

  3611.                 listener.apply(null, params);

  3612.             } catch (e) {

  3613.                 // console.error(e);

  3614.             }

  3615.         });

  3616.     }

  3617. };

  3618. 

  3619. var Charts = function Charts(opts) {

  3620.     opts.pixelRatio = opts.pixelRatio ? opts.pixelRatio : 1;

  3621.     opts.fontSize = opts.fontSize ? opts.fontSize * opts.pixelRatio : 13 * opts.pixelRatio;

  3622.     opts.title = assign({}, opts.title);

  3623.     opts.subtitle = assign({}, opts.subtitle);

  3624.     opts.yAxis = assign({}, {

  3625.         gridType:'solid',

  3626.         dashLength:4 * opts.pixelRatio

  3627.     },opts.yAxis);

  3628.     opts.xAxis = assign({}, {

  3629.         rotateLabel:false,

  3630.         type:'calibration',

  3631.         gridType:'solid',

  3632.         dashLength:4 * opts.pixelRatio,

  3633.         scrollAlign:'left'

  3634.     },opts.xAxis);

  3635.     opts.extra = assign({}, opts.extra);

  3636.     opts.rotate = opts.rotate ? true : false;

  3637.     opts.animation = opts.animation ? true : false;

  3638.     var config$$1 = assign({}, config);

  3639.     config$$1.yAxisTitleWidth = opts.yAxis.disabled !== true && opts.yAxis.title ? config$$1.yAxisTitleWidth : 0;

  3640.     if (opts.type == 'pie' || opts.type == 'ring' ) {

  3641.         config$$1.pieChartLinePadding = opts.dataLabel === false ? 0 : opts.extra.pie.labelWidth*opts.pixelRatio || config$$1.pieChartLinePadding *opts.pixelRatio;

  3642.     }

  3643.     if (opts.type == 'rose' ) {

  3644.         config$$1.pieChartLinePadding = opts.dataLabel === false ? 0 : opts.extra.rose.labelWidth*opts.pixelRatio || config$$1.pieChartLinePadding *opts.pixelRatio;

  3645.     }

  3646.     config$$1.pieChartTextPadding = opts.dataLabel === false ? 0 : config$$1.pieChartTextPadding * opts.pixelRatio;

  3647.     config$$1.yAxisSplit = opts.yAxis.splitNumber ? opts.yAxis.splitNumber : config.yAxisSplit;

  3648.     //屏幕旋转

  3649.     config$$1.rotate = opts.rotate;

  3650.     if (opts.rotate) {

  3651.         let tempWidth = opts.width;

  3652.         let tempHeight = opts.height;

  3653.         opts.width = tempHeight;

  3654.         opts.height = tempWidth;

  3655.     }

  3656. 

  3657.     //适配高分屏

  3658.     config$$1.yAxisWidth = config.yAxisWidth * opts.pixelRatio;

  3659.     config$$1.xAxisHeight = config.xAxisHeight * opts.pixelRatio;

  3660.     if (opts.enableScroll && opts.xAxis.scrollShow) {

  3661.         config$$1.xAxisHeight += 6 * opts.pixelRatio;

  3662.     }

  3663.     config$$1.xAxisLineHeight = config.xAxisLineHeight * opts.pixelRatio;

  3664.     config$$1.legendHeight = config.legendHeight * opts.pixelRatio;

  3665.     config$$1.padding = config.padding * opts.pixelRatio;

  3666.     config$$1.fontSize = opts.fontSize;

  3667.     config$$1.titleFontSize = config.titleFontSize * opts.pixelRatio;

  3668.     config$$1.subtitleFontSize = config.subtitleFontSize * opts.pixelRatio;

  3669.     config$$1.toolTipPadding = config.toolTipPadding * opts.pixelRatio;

  3670.     config$$1.toolTipLineHeight = config.toolTipLineHeight * opts.pixelRatio;

  3671.     config$$1.columePadding = config.columePadding * opts.pixelRatio;

  3672. 

  3673.     this.opts = opts;

  3674.     this.config = config$$1;

  3675.     opts.$this = opts.$this ? opts.$this : this;

  3676.     this.context = uni.createCanvasContext(opts.canvasId, opts.$this);

  3677.     /* 兼容原生H5

  3678.     this.context = document.getElementById(opts.canvasId).getContext("2d");

  3679.     this.context.setStrokeStyle = function(e){ return this.strokeStyle=e; }

  3680.     this.context.setLineWidth = function(e){ return this.lineWidth=e; }

  3681.     this.context.setLineCap = function(e){ return this.lineCap=e; }

  3682.     this.context.setFontSize = function(e){ return this.font=e+"px sans-serif"; }

  3683.     this.context.setFillStyle = function(e){ return this.fillStyle=e; }

  3684.     this.context.draw = function(){ }

  3685.     */

  3686.     this.chartData = {};

  3687.     this.event = new Event();

  3688. 

  3689.     this.scrollOption = {

  3690.         currentOffset: 0,

  3691.         startTouchX: 0,

  3692.         distance: 0,

  3693.         lastMoveTime: 0

  3694.     };

  3695. 

  3696.     //计算右对齐偏移距离

  3697.     if (opts.enableScroll && opts.xAxis.scrollAlign == 'right') {

  3698.         let _calYAxisData = calYAxisData(opts.series, opts, config$$1),

  3699.             yAxisWidth = _calYAxisData.yAxisWidth;

  3700.         config$$1.yAxisWidth = yAxisWidth;

  3701.         let offsetLeft = 0;

  3702.         let _getXAxisPoints0 = getXAxisPoints(opts.categories, opts, config$$1),

  3703.             xAxisPoints = _getXAxisPoints0.xAxisPoints,

  3704.             startX = _getXAxisPoints0.startX,

  3705.             endX = _getXAxisPoints0.endX,

  3706.             eachSpacing = _getXAxisPoints0.eachSpacing;

  3707.         let totalWidth = eachSpacing * (xAxisPoints.length - 1);

  3708.         let screenWidth = endX - startX;

  3709.         offsetLeft = screenWidth - totalWidth;

  3710.         this.scrollOption = {

  3711.             currentOffset: offsetLeft,

  3712.             startTouchX: offsetLeft,

  3713.             distance: 0,

  3714.             lastMoveTime: 0

  3715.         };

  3716.         opts._scrollDistance_ = offsetLeft;

  3717.     }

  3718. 

  3719.     drawCharts.call(this, opts.type, opts, config$$1, this.context);

  3720. };

  3721. 

  3722. Charts.prototype.updateData = function() {

  3723.     let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

  3724.     this.opts = assign({}, this.opts, data);

  3725.     let scrollPosition = data.scrollPosition || 'current';

  3726.     switch (scrollPosition) {

  3727.         case 'current':

  3728.             this.opts._scrollDistance_ = this.scrollOption.currentOffset;

  3729.             break;

  3730.         case 'left':

  3731.             this.opts._scrollDistance_ = 0;

  3732.             this.scrollOption = {

  3733.                 currentOffset: 0,

  3734.                 startTouchX: 0,

  3735.                 distance: 0,

  3736.                 lastMoveTime: 0

  3737.             };

  3738.             break;

  3739.         case 'right':

  3740.             let _calYAxisData = calYAxisData(this.opts.series, this.opts, this.config),

  3741.                 yAxisWidth = _calYAxisData.yAxisWidth;

  3742.             this.config.yAxisWidth = yAxisWidth;

  3743.             let offsetLeft = 0;

  3744.             let _getXAxisPoints0 = getXAxisPoints(this.opts.categories, this.opts, this.config),

  3745.                 xAxisPoints = _getXAxisPoints0.xAxisPoints,

  3746.                 startX = _getXAxisPoints0.startX,

  3747.                 endX = _getXAxisPoints0.endX,

  3748.                 eachSpacing = _getXAxisPoints0.eachSpacing;

  3749.             let totalWidth = eachSpacing * (xAxisPoints.length - 1);

  3750.             let screenWidth = endX - startX;

  3751.             offsetLeft = screenWidth - totalWidth;

  3752.             this.scrollOption = {

  3753.                 currentOffset: offsetLeft,

  3754.                 startTouchX: offsetLeft,

  3755.                 distance: 0,

  3756.                 lastMoveTime: 0

  3757.             };

  3758.             this.opts._scrollDistance_ = offsetLeft;

  3759.             break;

  3760.     }

  3761.     drawCharts.call(this, this.opts.type, this.opts, this.config, this.context);

  3762. };

  3763. 

  3764. Charts.prototype.zoom = function() {

  3765.     var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.opts.xAxis.itemCount;

  3766.     if (this.opts.enableScroll !== true) {

  3767.         // console.log('请启用滚动条后使用！')

  3768.         return;

  3769.     }

  3770.     //当前屏幕中间点

  3771.     let centerPoint = Math.round(Math.abs(this.scrollOption.currentOffset) / this.chartData.eachSpacing) + Math.round(

  3772.         this.opts.xAxis.itemCount / 2);

  3773.     this.opts.animation = false;

  3774.     this.opts.xAxis.itemCount = val.itemCount;

  3775.     //重新计算x轴偏移距离

  3776.     let _calYAxisData = calYAxisData(this.opts.series, this.opts, this.config),

  3777.         yAxisWidth = _calYAxisData.yAxisWidth;

  3778.     this.config.yAxisWidth = yAxisWidth;

  3779.     let offsetLeft = 0;

  3780.     let _getXAxisPoints0 = getXAxisPoints(this.opts.categories, this.opts, this.config),

  3781.         xAxisPoints = _getXAxisPoints0.xAxisPoints,

  3782.         startX = _getXAxisPoints0.startX,

  3783.         endX = _getXAxisPoints0.endX,

  3784.         eachSpacing = _getXAxisPoints0.eachSpacing;

  3785.     let centerLeft = eachSpacing * centerPoint;

  3786.     let screenWidth = endX - startX;

  3787.     let MaxLeft = screenWidth - eachSpacing * (xAxisPoints.length - 1);

  3788.     offsetLeft = screenWidth / 2 - centerLeft;

  3789.     if (offsetLeft > 0) {

  3790.         offsetLeft = 0;

  3791.     }

  3792.     if (offsetLeft < MaxLeft) {

  3793.         offsetLeft = MaxLeft;

  3794.     }

  3795.     this.scrollOption = {

  3796.         currentOffset: offsetLeft,

  3797.         startTouchX: offsetLeft,

  3798.         distance: 0,

  3799.         lastMoveTime: 0

  3800.     };

  3801.     this.opts._scrollDistance_ = offsetLeft;

  3802. 

  3803.     drawCharts.call(this, this.opts.type, this.opts, this.config, this.context);

  3804. };

  3805. 

  3806. Charts.prototype.stopAnimation = function() {

  3807.     this.animationInstance && this.animationInstance.stop();

  3808. };

  3809. 

  3810. Charts.prototype.addEventListener = function(type, listener) {

  3811.     this.event.addEventListener(type, listener);

  3812. };

  3813. 

  3814. Charts.prototype.getCurrentDataIndex = function(e) {

  3815.     var touches = null;

  3816.     if(e.changedTouches){

  3817.         touches = e.changedTouches[0];

  3818.     }else{

  3819.         touches = e.mp.changedTouches[0];

  3820.     }

  3821.     if (touches) {

  3822.         var _touches$ = getTouches(touches, this.opts, e);

  3823.         if (this.opts.type === 'pie' || this.opts.type === 'ring' || this.opts.type === 'rose') {

  3824.             return findPieChartCurrentIndex({

  3825.                 x: _touches$.x,

  3826.                 y: _touches$.y

  3827.             }, this.chartData.pieData);

  3828.         } else if (this.opts.type === 'radar') {

  3829.             return findRadarChartCurrentIndex({

  3830.                 x: _touches$.x,

  3831.                 y: _touches$.y

  3832.             }, this.chartData.radarData, this.opts.categories.length);

  3833.         } else {

  3834.             return findCurrentIndex({

  3835.                 x: _touches$.x,

  3836.                 y: _touches$.y

  3837.             }, this.chartData.xAxisPoints, this.opts, this.config, Math.abs(this.scrollOption.currentOffset));

  3838.         }

  3839.     }

  3840.     return -1;

  3841. };

  3842. 

  3843. Charts.prototype.showToolTip = function(e) {

  3844.     var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

  3845.     var touches = null;

  3846.     if(e.changedTouches){

  3847.         touches = e.changedTouches[0];

  3848.     }else{

  3849.         touches = e.mp.changedTouches[0];

  3850.     }

  3851.     if(!touches){

  3852.         // console.log("touchError");

  3853.         return;

  3854.     }

  3855.     var _touches$ = getTouches(touches, this.opts, e);

  3856. 

  3857.     if (this.opts.type === 'line' || this.opts.type === 'area' || this.opts.type === 'column') {

  3858.         var index = this.getCurrentDataIndex(e);

  3859.         var currentOffset = this.scrollOption.currentOffset;

  3860. 

  3861.         var opts = assign({}, this.opts, {

  3862.             _scrollDistance_: currentOffset,

  3863.             animation: false

  3864.         });

  3865.         if (index > -1) {

  3866. 

  3867.             var seriesData = getSeriesDataItem(this.opts.series, index);

  3868.             if (seriesData.length !== 0) {

  3869.                 var _getToolTipData = getToolTipData(seriesData, this.chartData.calPoints, index, this.opts.categories, option),

  3870.                     textList = _getToolTipData.textList,

  3871.                     offset = _getToolTipData.offset;

  3872.                 offset.y = _touches$.y;

  3873.                 opts.tooltip = {

  3874.                     textList: textList,

  3875.                     offset: offset,

  3876.                     option: option,

  3877.                     index: index

  3878.                 };

  3879.             }

  3880.         }

  3881.         drawCharts.call(this, opts.type, opts, this.config, this.context);

  3882.     }

  3883.     if (this.opts.type === 'mix') {

  3884. 

  3885.         var index = this.getCurrentDataIndex(e);

  3886.         var currentOffset = this.scrollOption.currentOffset;

  3887. 

  3888.         var opts = assign({}, this.opts, {

  3889.             _scrollDistance_: currentOffset,

  3890.             animation: false

  3891.         });

  3892.         if (index > -1) {

  3893.             var seriesData = getSeriesDataItem(this.opts.series, index);

  3894.             if (seriesData.length !== 0) {

  3895.                 var _getMixToolTipData = getMixToolTipData(seriesData, this.chartData.calPoints, index, this.opts.categories,option),

  3896.                     textList = _getMixToolTipData.textList,

  3897.                     offset = _getMixToolTipData.offset;

  3898.                 offset.y = _touches$.y;

  3899.                 opts.tooltip = {

  3900.                     textList: textList,

  3901.                     offset: offset,

  3902.                     option: option,

  3903.                     index: index

  3904.                 };

  3905.             }

  3906.         }

  3907.         drawCharts.call(this, opts.type, opts, this.config, this.context);

  3908.     }

  3909.     if (this.opts.type === 'candle') {

  3910. 

  3911.         var index = this.getCurrentDataIndex(e);

  3912.         var currentOffset = this.scrollOption.currentOffset;

  3913. 

  3914.         var opts = assign({}, this.opts, {

  3915.             _scrollDistance_: currentOffset,

  3916.             animation: false

  3917.         });

  3918.         if (index > -1) {

  3919.             var seriesData = getSeriesDataItem(this.opts.series, index);

  3920.             if (seriesData.length !== 0) {

  3921.                 var _getToolTipData = getCandleToolTipData(this.opts.series[0].data, seriesData, this.chartData.calPoints, index,this.opts.categories, this.opts.extra.candle, option),

  3922.                     textList = _getToolTipData.textList,

  3923.                     offset = _getToolTipData.offset;

  3924.                 offset.y = _touches$.y;

  3925.                 opts.tooltip = {

  3926.                     textList: textList,

  3927.                     offset: offset,

  3928.                     option: option,

  3929.                     index: index

  3930.                 };

  3931.             }

  3932.         }

  3933.         drawCharts.call(this, opts.type, opts, this.config, this.context);

  3934.     }

  3935.     if (this.opts.type === 'pie' || this.opts.type === 'ring' || this.opts.type === 'rose') {

  3936.         var index = this.getCurrentDataIndex(e);

  3937.         var currentOffset = this.scrollOption.currentOffset;

  3938. 

  3939.         var opts = assign({}, this.opts, {

  3940.             _scrollDistance_: currentOffset,

  3941.             animation: false

  3942.         });

  3943.         if (index > -1) {

  3944. 

  3945.             var seriesData = this.opts.series[index];

  3946.             var textList = [{

  3947.                 text: option.format ? option.format(seriesData) : seriesData.name + ': ' + seriesData.data,

  3948.                 color: seriesData.color

  3949.             }];

  3950.             var offset = {

  3951.                 x: _touches$.x,

  3952.                 y: _touches$.y

  3953.             };

  3954. 

  3955.             opts.tooltip = {

  3956.                 textList: textList,

  3957.                 offset: offset,

  3958.                 option: option,

  3959.                 index: index

  3960.             };

  3961.         }

  3962.         drawCharts.call(this, opts.type, opts, this.config, this.context);

  3963.     }

  3964.     if (this.opts.type === 'radar') {

  3965.         var index = this.getCurrentDataIndex(e);

  3966.         var currentOffset = this.scrollOption.currentOffset;

  3967.     

  3968.         var opts = assign({}, this.opts, {

  3969.             _scrollDistance_: currentOffset,

  3970.             animation: false

  3971.         });

  3972.         if (index > -1) {

  3973.     

  3974.             var seriesData = getSeriesDataItem(this.opts.series, index);

  3975.             if (seriesData.length !== 0) {

  3976.                 var textList = seriesData.map(function(item) {

  3977.                         return {

  3978.                             text: option.format ? option.format(item) : item.name + ': ' + item.data,

  3979.                             color: item.color

  3980.                         };

  3981.                 });

  3982.                 var offset = {

  3983.                     x: _touches$.x,

  3984.                     y: _touches$.y

  3985.                 };

  3986.                 opts.tooltip = {

  3987.                     textList: textList,

  3988.                     offset: offset,

  3989.                     option: option,

  3990.                     index: index

  3991.                 };

  3992.             }

  3993.         }

  3994.         drawCharts.call(this, opts.type, opts, this.config, this.context);

  3995.     }

  3996. };

  3997. 

  3998. Charts.prototype.translate = function(distance) {

  3999.     this.scrollOption = {

  4000.         currentOffset: distance,

  4001.         startTouchX: distance,

  4002.         distance: 0,

  4003.         lastMoveTime: 0

  4004.     };

  4005.     let opts = assign({}, this.opts, {

  4006.         _scrollDistance_: distance,

  4007.         animation: false

  4008.     });

  4009.     drawCharts.call(this, this.opts.type, opts, this.config, this.context);

  4010. };

  4011. 

  4012. Charts.prototype.scrollStart = function(e) {

  4013.     var touches = null;

  4014.     if(e.changedTouches){

  4015.         touches = e.changedTouches[0];

  4016.     }else{

  4017.         touches = e.mp.changedTouches[0];

  4018.     }

  4019.     var _touches$ = getTouches(touches, this.opts, e);

  4020.     if (touches && this.opts.enableScroll === true) {

  4021.         this.scrollOption.startTouchX = _touches$.x;

  4022.     }

  4023. };

  4024. 

  4025. Charts.prototype.scroll = function(e) {

  4026.     if (this.scrollOption.lastMoveTime === 0) {

  4027.         this.scrollOption.lastMoveTime = Date.now();

  4028.     }

  4029.     let Limit = this.opts.extra.touchMoveLimit || 20;

  4030.     let currMoveTime = Date.now();

  4031.     let duration = currMoveTime - this.scrollOption.lastMoveTime;

  4032.     if (duration < Math.floor(1000 / Limit)) return;

  4033. 

  4034.     this.scrollOption.lastMoveTime = currMoveTime;

  4035. 

  4036.     var touches = null;

  4037.     if(e.changedTouches){

  4038.         touches = e.changedTouches[0];

  4039.     }else{

  4040.         touches = e.mp.changedTouches[0];

  4041.     }

  4042.     var _touches$ = getTouches(touches, this.opts, e);

  4043.     if (touches && this.opts.enableScroll === true) {

  4044.         var _distance;

  4045.         _distance = _touches$.x - this.scrollOption.startTouchX;

  4046.         var currentOffset = this.scrollOption.currentOffset;

  4047. 

  4048.         var validDistance = calValidDistance(currentOffset + _distance, this.chartData, this.config, this.opts);

  4049. 

  4050.         this.scrollOption.distance = _distance = validDistance - currentOffset;

  4051.         var opts = assign({}, this.opts, {

  4052.             _scrollDistance_: currentOffset + _distance,

  4053.             animation: false

  4054.         });

  4055.         drawCharts.call(this, opts.type, opts, this.config, this.context);

  4056.         return currentOffset + _distance;

  4057.     }

  4058. };

  4059. 

  4060. Charts.prototype.scrollEnd = function(e) {

  4061.     if (this.opts.enableScroll === true) {

  4062.         var _scrollOption = this.scrollOption,

  4063.             currentOffset = _scrollOption.currentOffset,

  4064.             distance = _scrollOption.distance;

  4065. 

  4066.         this.scrollOption.currentOffset = currentOffset + distance;

  4067.         this.scrollOption.distance = 0;

  4068.     }

  4069. };

  4070. if ( typeof module === "object" && typeof module.exports === "object" ) {

  4071.     module.exports = Charts;

  4072.     //export default Charts;//建议使用nodejs的module导出方式，如报错请使用export方式导出

  4073. }
u-charts.min.js
复制代码
  1. 'use strict';var config={yAxisWidth:15,yAxisSplit:5,xAxisHeight:15,xAxisLineHeight:15,legendHeight:15,yAxisTitleWidth:15,padding:12,pixelRatio:1,rotate:!1,columePadding:3,fontSize:13,dataPointShape:["circle","circle","circle","circle"],colors:["#1890ff","#2fc25b","#facc14","#f04864","#8543e0","#90ed7d"],pieChartLinePadding:15,pieChartTextPadding:5,xAxisTextPadding:3,titleColor:"#333333",titleFontSize:20,subtitleColor:"#999999",subtitleFontSize:15,toolTipPadding:3,toolTipBackground:"#000000",toolTipOpacity:.7,toolTipLineHeight:20,radarGridCount:3,radarLabelTextMargin:15,gaugeLabelTextMargin:15};function assign(e){if(null==e)throw new TypeError("Cannot convert undefined or null to object");for(var t,i=Object(e),o=1;o<arguments.length;o++)if(t=arguments[o],null!=t)for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(i[a]=t[a]);return i}var util={toFixed:function(e,t){return t=t||2,this.isFloat(e)&&(e=e.toFixed(t)),e},isFloat:function(e){return 0!=e%1},approximatelyEqual:function(e,t){return 1e-10>Math.abs(e-t)},isSameSign:function(e,t){var i=Math.abs;return i(e)===e&&i(t)===t||i(e)!==e&&i(t)!==t},isSameXCoordinateArea:function(e,t){return this.isSameSign(e.x,t.x)},isCollision:function(e,t){e.end={},e.end.x=e.start.x+e.width,e.end.y=e.start.y-e.height,t.end={},t.end.x=t.start.x+t.width,t.end.y=t.start.y-t.height;var i=t.start.x>e.end.x||t.end.x<e.start.x||t.end.y>e.start.y||t.start.y<e.end.y;return!i}};function getH5Offset(t){return t.mp={changedTouches:[]},t.mp.changedTouches.push({x:t.offsetX,y:t.offsetY}),t}function hexToRgb(e,t){var i=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,o=e.replace(i,function(e,t,i,o){return t+t+i+i+o+o}),a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(o),n=parseInt(a[1],16),l=parseInt(a[2],16),r=parseInt(a[3],16);return"rgba("+n+","+l+","+r+","+t+")"}function findRange(e,t,i){if(isNaN(e))throw new Error("[wxCharts] unvalid series data!");i=i||10,t=t?t:"upper";for(var o=1;1>i;)i*=10,o*=10;for(e="upper"===t?Math.ceil(e*o):Math.floor(e*o);0!=e%i;)"upper"===t?e++:e--;return e/o}function calCandleMA(e,t,i,o){let a=[];for(let n,l=0;l<e.length;l++){n={data:[],name:t[l],color:i[l]};for(let t=0,i=o.length;t<i;t++){if(t<e[l]){n.data.push(null);continue}let i=0;for(let a=0;a<e[l];a++)i+=o[t-a][1];n.data.push(+(i/e[l]).toFixed(3))}a.push(n)}return a}function calValidDistance(e,t,i,o){var a=o.width-i.padding-t.xAxisPoints[0],n=t.eachSpacing*o.categories.length,l=e;return 0<=e?l=0:Math.abs(e)>=n-a&&(l=a-n),l}function isInAngleRange(e,t,i){function o(e){for(;0>e;)e+=2*a;for(;e>2*a;)e-=2*a;return e}var a=Math.PI;return e=o(e),t=o(t),i=o(i),t>i&&(i+=2*a,e<t&&(e+=2*a)),e>=t&&e<=i}function calRotateTranslate(e,t,i){var o=e,a=i-t,n=o+(i-a-o)/1.4142135623730951;n*=-1;return{transX:n,transY:(i-a)*(1.4142135623730951-1)-(i-a-o)/1.4142135623730951}}function createCurveControlPoints(e,t){function i(e,t){return!!(e[t-1]&&e[t+1])&&(e[t].y>=Math.max(e[t-1].y,e[t+1].y)||e[t].y<=Math.min(e[t-1].y,e[t+1].y))}var o=.2,a=.2,n=null,l=null,r=null,s=null;if(1>t?(n=e[0].x+(e[1].x-e[0].x)*o,l=e[0].y+(e[1].y-e[0].y)*o):(n=e[t].x+(e[t+1].x-e[t-1].x)*o,l=e[t].y+(e[t+1].y-e[t-1].y)*o),t>e.length-3){var d=e.length-1;r=e[d].x-(e[d].x-e[d-1].x)*a,s=e[d].y-(e[d].y-e[d-1].y)*a}else r=e[t+1].x-(e[t+2].x-e[t].x)*a,s=e[t+1].y-(e[t+2].y-e[t].y)*a;return i(e,t+1)&&(s=e[t+1].y),i(e,t)&&(l=e[t].y),{ctrA:{x:n,y:l},ctrB:{x:r,y:s}}}function convertCoordinateOrigin(e,t,i){return{x:i.x+e,y:i.y-t}}function avoidCollision(e,t){if(t)for(;util.isCollision(e,t);)0<e.start.x?e.start.y--:0>e.start.x?e.start.y++:0<e.start.y?e.start.y++:e.start.y--;return e}function fillSeriesColor(e,t){var i=0;return e.map(function(e){return e.color||(e.color=t.colors[i],i=(i+1)%t.colors.length),e})}function fillSeriesType(e,t){return e.map(function(e){return e.type||(e.type=t.type),e})}function getDataRange(e,t){var i=0,o=t-e;return i=1e4<=o?1e3:1e3<=o?100:100<=o?10:10<=o?5:1<=o?1:.1<=o?.1:.01,{minRange:findRange(e,"lower",i),maxRange:findRange(t,"upper",i)}}function measureText(e){var t=1<arguments.length&&arguments[1]!==void 0?arguments[1]:config.fontSize;e=e+"";var e=e.split(""),o=0;for(let t,a=0;a<e.length;a++)t=e[a],o+=/[a-zA-Z]/.test(t)?7:/[0-9]/.test(t)?5.5:/\./.test(t)?2.7:/-/.test(t)?3.25:/[\u4e00-\u9fa5]/.test(t)?10:/\(|\)/.test(t)?3.73:/\s/.test(t)?2.5:/%/.test(t)?8:10;return o*t/10}function dataCombine(e){return e.reduce(function(e,t){return(e.data?e.data:e).concat(t.data)},[])}function dataCombineStack(e){for(var t=Array(e[0].data.length),o=0;o<t.length;o++)t[o]=0;for(var a=0;a<e.length;a++)for(var o=0;o<t.length;o++)t[o]+=e[a].data[o];return e.reduce(function(e,i){return(e.data?e.data:e).concat(i.data).concat(t)},[])}function getTouches(t,i,o){let e,a;return t.clientX?i.rotate?(a=i.height-t.clientX*i.pixelRatio,e=(t.pageY-o.currentTarget.offsetTop-i.height/i.pixelRatio/2*(i.pixelRatio-1))*i.pixelRatio):(e=t.clientX*i.pixelRatio,a=(t.pageY-o.currentTarget.offsetTop-i.height/i.pixelRatio/2*(i.pixelRatio-1))*i.pixelRatio):i.rotate?(a=i.height-t.x*i.pixelRatio,e=t.y*i.pixelRatio):(e=t.x*i.pixelRatio,a=t.y*i.pixelRatio),{x:e,y:a}}function getSeriesDataItem(e,t){var i=[];for(let o,a=0;a<e.length;a++)if(o=e[a],null!==o.data[t]&&"undefined"!=typeof o.data[t]){let e={};e.color=o.color,e.type=o.type,e.style=o.style,e.shape=o.shape,e.disableLegend=o.disableLegend,e.name=o.name,e.data=o.format?o.format(o.data[t]):o.data[t],i.push(e)}return i}function getMaxTextListLength(e){var t=e.map(function(e){return measureText(e)});return Math.max.apply(null,t)}function getRadarCoordinateSeries(e){for(var t=Math.PI,o=[],a=0;a<e;a++)o.push(2*t/e*a);return o.map(function(e){return-1*e+t/2})}function getToolTipData(e,t,o,i){var a=4<arguments.length&&void 0!==arguments[4]?arguments[4]:{},n=e.map(function(e){return{text:a.format?a.format(e,i[o]):e.name+": "+e.data,color:e.color}}),l=[],r={x:0,y:0};for(let a,n=0;n<t.length;n++)a=t[n],"undefined"!=typeof a[o]&&null!==a[o]&&l.push(a[o]);for(let a,n=0;n<l.length;n++)a=l[n],r.x=Math.round(a.x),r.y+=a.y;return r.y/=l.length,{textList:n,offset:r}}function getMixToolTipData(e,t,o,i){var a=4<arguments.length&&void 0!==arguments[4]?arguments[4]:{},n=e.map(function(e){return{text:a.format?a.format(e,i[o]):e.name+": "+e.data,color:e.color,disableLegend:!!e.disableLegend}});n=n.filter(function(e){if(!0!==e.disableLegend)return e});var l=[],r={x:0,y:0};for(let a,n=0;n<t.length;n++)a=t[n],"undefined"!=typeof a[o]&&null!==a[o]&&l.push(a[o]);for(let a,n=0;n<l.length;n++)a=l[n],r.x=Math.round(a.x),r.y+=a.y;return r.y/=l.length,{textList:n,offset:r}}function getCandleToolTipData(e,t,o,a,i,n){6<arguments.length&&void 0!==arguments[6]?arguments[6]:{};let l=n.color.upFill,r=n.color.downFill,s=[l,l,r,l];var d=[];let h={text:i[a],color:null};d.push(h),t.map(function(t){0==a&&0>t.data[1]-t.data[0]?s[1]=r:(t.data[0]<e[a-1][1]&&(s[0]=r),t.data[1]<t.data[0]&&(s[1]=r),t.data[2]>e[a-1][1]&&(s[2]=l),t.data[3]<e[a-1][1]&&(s[3]=r));let i={text:"\u5F00\u76D8\uFF1A"+t.data[0],color:s[0]},o={text:"\u6536\u76D8\uFF1A"+t.data[1],color:s[1]},n={text:"\u6700\u4F4E\uFF1A"+t.data[2],color:s[2]},h={text:"\u6700\u9AD8\uFF1A"+t.data[3],color:s[3]};d.push(i,o,n,h)});var c=[],x={x:0,y:0};for(let l,r=0;r<o.length;r++)l=o[r],"undefined"!=typeof l[a]&&null!==l[a]&&c.push(l[a]);return x.x=Math.round(c[0][0].x),{textList:d,offset:x}}function findCurrentIndex(e,t,i,o){var a=4<arguments.length&&void 0!==arguments[4]?arguments[4]:0,n=-1;return isInExactChartArea(e,i,o)&&t.forEach(function(t,i){e.x+a>t&&(n=i)}),n}function isInExactChartArea(e,t,i){return e.x<t.width-i.padding&&e.x>i.padding+i.yAxisWidth+i.yAxisTitleWidth&&e.y>i.padding&&e.y<t.height-i.legendHeight-i.xAxisHeight-i.padding}function findRadarChartCurrentIndex(e,t,i){var o=Math.PI,a=2*o/i,n=-1;if(isInExactPieChartArea(e,t.center,t.radius)){var l=function(e){return 0>e&&(e+=2*o),e>2*o&&(e-=2*o),e},r=Math.atan2(t.center.y-e.y,e.x-t.center.x);r=-1*r,0>r&&(r+=2*o);var s=t.angleList.map(function(e){return e=l(-1*e),e});s.forEach(function(e,t){var i=l(e-a/2),s=l(e+a/2);s<i&&(s+=2*o),(r>=i&&r<=s||r+2*o>=i&&r+2*o<=s)&&(n=t)})}return n}function findPieChartCurrentIndex(e,t){var o=-1;if(isInExactPieChartArea(e,t.center,t.radius)){var a=Math.atan2(t.center.y-e.y,e.x-t.center.x);a=-a;for(var n,l=0,r=t.series.length;l<r;l++)if(n=t.series[l],isInAngleRange(a,n._start_,n._start_+2*n._proportion_*Math.PI)){o=l;break}}return o}function isInExactPieChartArea(e,t,i){var o=Math.pow;return o(e.x-t.x,2)+o(e.y-t.y,2)<=o(i,2)}function splitPoints(e){var t=[],i=[];return e.forEach(function(e){null===e?(i.length&&t.push(i),i=[]):i.push(e)}),i.length&&t.push(i),t}function calLegendData(e,t,i){if(!1===t.legend)return{legendList:[],legendHeight:0};var o=5*t.pixelRatio,a=8*t.pixelRatio,n=15*t.pixelRatio,l=[],r=0,s=[];for(let a=0;a<e.length;a++){let i=e[a],d=3*o+n+measureText(i.name||"undefined");r+d>t.width?(l.push(s),r=d,s=[i]):(r+=d,s.push(i))}return s.length&&l.push(s),{legendList:l,legendHeight:l.length*(i.fontSize+a)+o}}function calCategoriesData(e,t,i){var o={angle:0,xAxisHeight:i.xAxisHeight},a=getXAxisPoints(e,t,i),n=a.eachSpacing,l=e.map(function(e){return measureText(e)}),r=Math.max.apply(this,l);return!0==t.xAxis.rotateLabel&&r+2*i.xAxisTextPadding>n&&(o.angle=45*Math.PI/180,o.xAxisHeight=2*i.xAxisTextPadding+r*Math.sin(o.angle)),o}function getRadarDataPoints(e,t,i,o,a){var n=Math.max,l=5<arguments.length&&void 0!==arguments[5]?arguments[5]:1,r=a.extra.radar||{};r.max=r.max||0;var s=n(r.max,n.apply(null,dataCombine(o))),d=[];for(let n=0;n<o.length;n++){let a=o[n],r={};r.color=a.color,r.data=[],a.data.forEach(function(o,a){let n={};n.angle=e[a],n.proportion=o/s,n.position=convertCoordinateOrigin(i*n.proportion*l*Math.cos(n.angle),i*n.proportion*l*Math.sin(n.angle),t),r.data.push(n)}),d.push(r)}return d}function getPieDataPoints(e,t){var o=2<arguments.length&&arguments[2]!==void 0?arguments[2]:1,a=0,n=0;for(let o,n=0;n<e.length;n++)o=e[n],o.data=null===o.data?0:o.data,a+=o.data;for(let n,l=0;l<e.length;l++)n=e[l],n.data=null===n.data?0:n.data,n._proportion_=0===a?1/e.length*o:n.data/a*o,n._radius_=t;for(let o,a=0;a<e.length;a++)o=e[a],o._start_=n,n+=2*o._proportion_*Math.PI;return e}function getRoseDataPoints(e,t,o,a){var n=4<arguments.length&&arguments[4]!==void 0?arguments[4]:1,l=0,r=0,s=[];for(let n,r=0;r<e.length;r++)n=e[r],n.data=null===n.data?0:n.data,l+=n.data,s.push(n.data);var d=s.pop(),h=s.shift();for(let r,s=0;s<e.length;s++)r=e[s],r.data=null===r.data?0:r.data,r._proportion_=0===l||"area"==t?1/e.length*n:r.data/l*n,r._radius_=o+(a-o)*((r.data-d)/(h-d));for(let n,l=0;l<e.length;l++)n=e[l],n._start_=r,r+=2*n._proportion_*Math.PI;return e}function getArcbarDataPoints(e,t){var o=2<arguments.length&&arguments[2]!==void 0?arguments[2]:1;1==o&&(o=.999999);for(let a,n=0;n<e.length;n++){a=e[n],a.data=null===a.data?0:a.data;let i;i="default"==t.type?t.startAngle-t.endAngle+1:2,a._proportion_=i*a.data*o+t.startAngle,2<=a._proportion_&&(a._proportion_%=2)}return e}function getGaugeAxisPoints(e,t,o){let a=t;for(let n=0;n<e.length;n++)e[n].value=null===e[n].value?0:e[n].value,e[n]._startAngle_=a,e[n]._endAngle_=(t-o+1)*e[n].value+t,2<=e[n]._endAngle_&&(e[n]._endAngle_%=2),a=e[n]._endAngle_;return e}function getGaugeDataPoints(e,t,o){let a=3<arguments.length&&arguments[3]!==void 0?arguments[3]:1;for(let n,l=0;l<e.length;l++){if(n=e[l],n.data=null===n.data?0:n.data,"auto"==o.pointer.color){for(let e=0;e<t.length;e++)if(n.data<=t[e].value){n.color=t[e].color;break}}else n.color=o.pointer.color;let i=o.startAngle-o.endAngle+1;n._endAngle_=i*n.data+o.startAngle,n._oldAngle_=o.oldAngle,o.oldAngle<o.endAngle&&(n._oldAngle_+=2),n._proportion_=n.data>=o.oldData?(n._endAngle_-n._oldAngle_)*a+o.oldAngle:n._oldAngle_-(n._oldAngle_-n._endAngle_)*a,2<=n._proportion_&&(n._proportion_%=2)}return e}function getPieTextMaxLength(e){e=getPieDataPoints(e);let t=0;for(let o=0;o<e.length;o++){let i=e[o],a=i.format?i.format(+i._proportion_.toFixed(2)):util.toFixed(100*i._proportion_)+"%";t=Math.max(t,measureText(a))}return t}function fixColumeData(e,t,i,o,a,n){return e.map(function(e){return null===e?null:(e.width=Math.ceil((t-2*a.columePadding)/i),n.extra.column&&n.extra.column.width&&0<+n.extra.column.width&&(e.width=Math.min(e.width,+n.extra.column.width)),e.x+=(o+.5-i/2)*e.width,e)})}function fixColumeMeterData(e,t,i,o,a,n,l){var r=Math.min;return e.map(function(e){return null===e?null:(e.width=t-2*a.columePadding,e.width=n.extra.column&&n.extra.column.width&&0<+n.extra.column.width?r(e.width,+n.extra.column.width):r(e.width,25),0<o&&(e.width-=2*l),e)})}function fixColumeStackData(e,t,i,o,a,n){var l=Math.min;return e.map(function(e){return null===e?null:(e.width=t-2*a.columePadding,e.width=n.extra.column&&n.extra.column.width&&0<+n.extra.column.width?l(e.width,+n.extra.column.width):l(e.width,25),e)})}function getXAxisPoints(e,t,i){var o=i.yAxisWidth+i.yAxisTitleWidth,a=t.width-2*i.padding-o,n=t.enableScroll?Math.min(t.xAxis.itemCount,e.length):e.length,l=a/n,r=[],s=i.padding+o,d=t.width-i.padding;return e.forEach(function(e,t){r.push(s+t*l)}),!0===t.enableScroll?r.push(s+e.length*l):r.push(d),{xAxisPoints:r,startX:s,endX:d,eachSpacing:l}}function getCandleDataPoints(e,t,i,o,a,n,l){var r=Math.round,s=7<arguments.length&&void 0!==arguments[7]?arguments[7]:1,d=[],h=n.height-2*l.padding-l.xAxisHeight-l.legendHeight;return e.forEach(function(e,c){if(null===e)d.push(null);else{var x=[];e.forEach(function(e){var d={x:o[c]+r(a/2)},p=e.value||e,g=h*(p-t)/(i-t);g*=s,d.y=n.height-l.xAxisHeight-l.legendHeight-r(g)-l.padding,x.push(d)}),d.push(x)}}),d}function getDataPoints(e,t,i,o,a,n,l){var r=Math.round,s=7<arguments.length&&void 0!==arguments[7]?arguments[7]:1,d=[],h=n.height-2*l.padding-l.xAxisHeight-l.legendHeight;return e.forEach(function(e,c){if(null===e)d.push(null);else{var x={color:e.color,x:o[c]+r(a/2)},p=e;"object"==typeof e&&null!=e&&(p=e.value);var g=h*(p-t)/(i-t);g*=s,x.y=n.height-l.xAxisHeight-l.legendHeight-r(g)-l.padding,d.push(x)}}),d}function getStackDataPoints(e,t,i,o,a,n,l,r,s){var d=Math.round,h=9<arguments.length&&void 0!==arguments[9]?arguments[9]:1,c=[],x=n.height-2*l.padding-l.xAxisHeight-l.legendHeight;return e.forEach(function(e,p){if(null===e)c.push(null);else{var g={color:e.color,x:o[p]+d(a/2)};if(0<r){var y=0;for(let e=0;e<=r;e++)y+=s[e].data[p];var f=y-e,u=x*(y-t)/(i-t),m=x*(f-t)/(i-t)}else var y=e,u=x*(y-t)/(i-t),m=0;var T=m;u*=h,T*=h,g.y=n.height-l.xAxisHeight-l.legendHeight-d(u)-l.padding,g.y0=n.height-l.xAxisHeight-l.legendHeight-d(T)-l.padding,c.push(g)}}),c}function getYAxisTextList(e,t,o,a){var n,l=Math.min,r=Math.max;n="stack"==a?dataCombineStack(e):dataCombine(e);var s=[];n=n.filter(function(e){return"object"==typeof e&&null!==e?e.constructor==Array?null!==e:null!==e.value:null!==e}),n.map(function(e){"object"==typeof e?e.constructor==Array?e.map(function(e){s.push(e)}):s.push(e.value):s.push(e)});var d=0,h=0;if(0<s.length&&(d=l.apply(this,s),h=r.apply(this,s)),"number"==typeof t.yAxis.min&&(d=l(t.yAxis.min,d)),"number"==typeof t.yAxis.max&&(h=r(t.yAxis.max,h)),d===h){var c=h||10;h+=c}for(var x=getDataRange(d,h),p=x.minRange,g=x.maxRange,y=[],f=(g-p)/o.yAxisSplit,u=0;u<=o.yAxisSplit;u++)y.push(p+f*u);return y.reverse()}function calYAxisData(e,t,i){var o=assign({},t.extra.column||{type:""}),a=getYAxisTextList(e,t,i,o.type),n=i.yAxisWidth,l=a.map(function(e){return e=util.toFixed(e,2),e=t.yAxis.format?t.yAxis.format(+e):e,n=Math.max(n,measureText(e)+5),e});return!0===t.yAxis.disabled&&(n=0),{rangesFormat:l,ranges:a,yAxisWidth:n}}function calTooltipYAxisData(e,t,i,o){var a=getYAxisTextList(t,i,o),n=i.height-2*o.padding-o.xAxisHeight-o.legendHeight;let l=a[0],r=a[a.length-1],s=o.padding,d=o.padding+n,h=l-(l-r)*(e-s)/(d-s);return h=i.yAxis.format?i.yAxis.format(+h):h,h}function contextRotate(e,t){var i=Math.PI;!0===t.rotateLock?!0!==t._rotate_&&(e.translate(t.height,0),e.rotate(90*i/180),t._rotate_=!0):(e.translate(t.height,0),e.rotate(90*i/180))}function drawPointShape(e,t,i,o,a){o.beginPath(),o.setStrokeStyle("#ffffff"),o.setLineWidth(1*a.pixelRatio),o.setFillStyle(t),"diamond"===i?e.forEach(function(e){null!==e&&(o.moveTo(e.x,e.y-4.5),o.lineTo(e.x-4.5,e.y),o.lineTo(e.x,e.y+4.5),o.lineTo(e.x+4.5,e.y),o.lineTo(e.x,e.y-4.5))}):"circle"===i?e.forEach(function(e){null!==e&&(o.moveTo(e.x+3.5*a.pixelRatio,e.y),o.arc(e.x,e.y,4*a.pixelRatio,0,2*Math.PI,!1))}):"rect"===i?e.forEach(function(e){null!==e&&(o.moveTo(e.x-3.5,e.y-3.5),o.rect(e.x-3.5,e.y-3.5,7,7))}):"triangle"==i&&e.forEach(function(e){null!==e&&(o.moveTo(e.x,e.y-4.5),o.lineTo(e.x-4.5,e.y+4.5),o.lineTo(e.x+4.5,e.y+4.5),o.lineTo(e.x,e.y-4.5))}),o.closePath(),o.fill(),o.stroke()}function drawRingTitle(e,t,i){var o=e.title.fontSize||t.titleFontSize,a=e.subtitle.fontSize||t.subtitleFontSize,n=e.title.name||"",l=e.subtitle.name||"",r=e.title.color||t.titleColor,s=e.subtitle.color||t.subtitleColor,d=n?o:0,h=l?a:0,c=5;if(l){var x=measureText(l,a),p=(e.width-x)/2+(e.subtitle.offsetX||0),g=(e.height-t.legendHeight+a)/2+(e.subtitle.offsetY||0);n&&(g-=(d+c)/2),i.beginPath(),i.setFontSize(a),i.setFillStyle(s),i.fillText(l,p,g),i.closePath(),i.stroke()}if(n){var y=measureText(n,o),f=(e.width-y)/2+(e.title.offsetX||0),u=(e.height-t.legendHeight+o)/2+(e.title.offsetY||0);l&&(u+=(h+c)/2),i.beginPath(),i.setFontSize(o),i.setFillStyle(r),i.fillText(n,f,u),i.closePath(),i.stroke()}}function drawPointText(e,t,i,o){var a=t.data;e.forEach(function(e,n){if(null!==e){o.beginPath(),o.setFontSize(t.textSize||i.fontSize),o.setFillStyle(t.textColor||"#666666");var l=a[n];"object"==typeof a[n]&&null!==a[n]&&(l=a[n].value);var r=t.format?t.format(l):l;o.fillText(r,e.x-measureText(r,t.textSize||i.fontSize)/2,e.y-2),o.closePath(),o.stroke()}})}function drawGaugeLabel(e,t,i,o,a,n){var l=Math.PI;t-=e.width/2+a.gaugeLabelTextMargin;let r=e.startAngle-e.endAngle+1,s=r/e.splitLine.splitNumber,d=e.endNumber-e.startNumber,h=d/e.splitLine.splitNumber,c=e.startAngle,x=e.startNumber;for(let r=0;r<e.splitLine.splitNumber+1;r++){var p={x:t*Math.cos(c*l),y:t*Math.sin(c*l)},g=e.labelFormat?e.labelFormat(x):x;p.x+=i.x-measureText(g)/2,p.y+=i.y;var y=p.x,f=p.y;n.beginPath(),n.setFontSize(a.fontSize),n.setFillStyle(e.labelColor||"#666666"),n.fillText(g,y,f+a.fontSize/2),n.closePath(),n.stroke(),c+=s,2<=c&&(c%=2),x+=h}}function drawRadarLabel(e,t,i,o,a,n){var l=o.extra.radar||{};t+=a.radarLabelTextMargin,e.forEach(function(e,r){var s={x:t*Math.cos(e),y:t*Math.sin(e)},d=convertCoordinateOrigin(s.x,s.y,i),h=d.x,c=d.y;util.approximatelyEqual(s.x,0)?h-=measureText(o.categories[r]||"")/2:0>s.x&&(h-=measureText(o.categories[r]||"")),n.beginPath(),n.setFontSize(a.fontSize),n.setFillStyle(l.labelColor||"#666666"),n.fillText(o.categories[r]||"",h,c+a.fontSize/2),n.closePath(),n.stroke()})}function drawPieText(e,t,o,a,i,n){var l=Math.cos,r=Math.sin,s=Math.min,d=Math.max,h=Math.PI,c=o.pieChartLinePadding,x=[],p=null,g=e.map(function(e){var t=2*h-(e._start_+2*h*e._proportion_/2),i=e.format?e.format(+e._proportion_.toFixed(2)):util.toFixed(100*e._proportion_)+"%",o=e.color,a=e._radius_;return{arc:t,text:i,color:o,radius:a,textColor:e.textColor,textSize:e.textSize}});for(let h=0;h<g.length;h++){let e=g[h],t=l(e.arc)*(e.radius+c),i=r(e.arc)*(e.radius+c),a=l(e.arc)*e.radius,n=r(e.arc)*e.radius,y=0<=t?t+o.pieChartTextPadding:t-o.pieChartTextPadding,f=i,u=measureText(e.text),m=f;p&&util.isSameXCoordinateArea(p.start,{x:y})&&(0<y?m=s(f,p.start.y):0>t?m=d(f,p.start.y):0<f?m=d(f,p.start.y):m=s(f,p.start.y)),0>y&&(y-=u);let T={lineStart:{x:a,y:n},lineEnd:{x:t,y:i},start:{x:y,y:m},width:u,height:o.fontSize,text:e.text,color:e.color,textColor:e.textColor,textSize:e.textSize};p=avoidCollision(T,p),x.push(p)}for(let l=0;l<x.length;l++){let e=x[l],i=convertCoordinateOrigin(e.lineStart.x,e.lineStart.y,n),r=convertCoordinateOrigin(e.lineEnd.x,e.lineEnd.y,n),s=convertCoordinateOrigin(e.start.x,e.start.y,n);a.setLineWidth(1*t.pixelRatio),a.setFontSize(o.fontSize),a.beginPath(),a.setStrokeStyle(e.color),a.setFillStyle(e.color),a.moveTo(i.x,i.y);let d=0>e.start.x?s.x+e.width:s.x,c=0>e.start.x?s.x-5:s.x+5;a.quadraticCurveTo(r.x,r.y,d,s.y),a.moveTo(i.x,i.y),a.stroke(),a.closePath(),a.beginPath(),a.moveTo(s.x+e.width,s.y),a.arc(d,s.y,2,0,2*h),a.closePath(),a.fill(),a.beginPath(),a.setFontSize(e.textSize||o.fontSize),a.setFillStyle(e.textColor||"#666666"),a.fillText(e.text,c,s.y+3),a.closePath(),a.stroke(),a.closePath()}}function drawToolTipSplitLine(e,t,i,o){var a=t.extra.tooltip||{};a.gridType=null==a.gridType?"solid":a.gridType,a.dashLength=null==a.dashLength?4:a.dashLength;var n=i.padding,l=t.height-i.padding-i.xAxisHeight-i.legendHeight;if("dash"==a.gridType&&o.setLineDash([a.dashLength,a.dashLength]),o.beginPath(),o.setStrokeStyle(a.gridColor||"#cccccc"),o.setLineWidth(1*t.pixelRatio),o.moveTo(e,n),o.lineTo(e,l),o.closePath(),o.stroke(),o.setLineDash([]),a.xAxisLabel){let n=t.categories[t.tooltip.index];o.setFontSize(i.fontSize);let r=o.measureText(n).width,s=e-i.toolTipPadding-.5*r,d=l;o.beginPath(),o.setFillStyle(hexToRgb(a.labelBgColor||i.toolTipBackground,a.labelBgOpacity||i.toolTipOpacity)),o.setStrokeStyle(a.labelBgColor||i.toolTipBackground),o.setLineWidth(1*t.pixelRatio),o.rect(s,d,r+2*i.toolTipPadding,i.fontSize+2*i.toolTipPadding),o.closePath(),o.stroke(),o.fill(),o.beginPath(),o.setFontSize(i.fontSize),o.setFillStyle(a.labelFontColor||i.fontColor),o.fillText(n,s+2*i.toolTipPadding,d+i.toolTipPadding+i.fontSize),o.closePath(),o.stroke()}}function drawToolTipHorizentalLine(e,t,i,o){var a=e.extra.tooltip||{};a.gridType=null==a.gridType?"solid":a.gridType,a.dashLength=null==a.dashLength?4:a.dashLength;var n=t.padding+t.yAxisWidth+t.yAxisTitleWidth,l=e.width-t.padding;if("dash"==a.gridType&&i.setLineDash([a.dashLength,a.dashLength]),i.beginPath(),i.setStrokeStyle(a.gridColor||"#cccccc"),i.setLineWidth(1*e.pixelRatio),i.moveTo(n,e.tooltip.offset.y),i.lineTo(l,e.tooltip.offset.y),i.closePath(),i.stroke(),i.setLineDash([]),a.yAxisLabel){let l=calTooltipYAxisData(e.tooltip.offset.y,e.series,e,t,o);i.setFontSize(t.fontSize);let r=i.measureText(l).width,s=n-2*t.toolTipPadding-r,d=e.tooltip.offset.y;i.beginPath(),i.setFillStyle(hexToRgb(a.labelBgColor||t.toolTipBackground,a.labelBgOpacity||t.toolTipOpacity)),i.setStrokeStyle(a.labelBgColor||t.toolTipBackground),i.setLineWidth(1*e.pixelRatio),i.rect(s,d-.5*t.fontSize-t.toolTipPadding,r+2*t.toolTipPadding,t.fontSize+2*t.toolTipPadding),i.closePath(),i.stroke(),i.fill(),i.beginPath(),i.setFontSize(t.fontSize),i.setFillStyle(a.labelFontColor||t.fontColor),i.fillText(l,s+t.toolTipPadding,d+.5*t.fontSize),i.closePath(),i.stroke()}}function drawToolTipSplitArea(e,t,i,o,a){var n=t.extra.tooltip||{activeBgColor:"#000000",activeBgOpacity:.08};n.activeBgColor=n.activeBgColor?n.activeBgColor:"#000000",n.activeBgOpacity=n.activeBgOpacity?n.activeBgOpacity:.08;var l=i.padding,r=t.height-i.padding-i.xAxisHeight-i.legendHeight;o.beginPath(),o.setFillStyle(hexToRgb(n.activeBgColor,n.activeBgOpacity)),o.rect(e-a/2,l,a,r-l),o.closePath(),o.fill()}function drawToolTip(e,t,i,o,a){var n=Math.round,l=i.extra.tooltip||{bgColor:"#000000",bgOpacity:.7,fontColor:"#FFFFFF"};l.bgColor=l.bgColor?l.bgColor:"#000000",l.bgOpacity=l.bgOpacity?l.bgOpacity:.7,l.fontColor=l.fontColor?l.fontColor:"#FFFFFF";var r=4*i.pixelRatio,s=5*i.pixelRatio,d=8*i.pixelRatio,h=!1;("line"==i.type||"area"==i.type||"candle"==i.type||"mix"==i.type)&&drawToolTipSplitLine(i.tooltip.offset.x,i,o,a),t=assign({x:0,y:0},t),t.y-=8*i.pixelRatio;var c=e.map(function(e){return measureText(e.text)}),x=r+s+4*o.toolTipPadding+Math.max.apply(null,c),p=2*o.toolTipPadding+e.length*o.toolTipLineHeight;t.x-Math.abs(i._scrollDistance_)+d+x>i.width&&(h=!0),a.beginPath(),a.setFillStyle(hexToRgb(l.bgColor||o.toolTipBackground,l.bgOpacity||o.toolTipOpacity)),h?(a.moveTo(t.x,t.y+10*i.pixelRatio),a.lineTo(t.x-d,t.y+10*i.pixelRatio-5*i.pixelRatio),a.lineTo(t.x-d,t.y),a.lineTo(t.x-d-n(x),t.y),a.lineTo(t.x-d-n(x),t.y+p),a.lineTo(t.x-d,t.y+p),a.lineTo(t.x-d,t.y+10*i.pixelRatio+5*i.pixelRatio),a.lineTo(t.x,t.y+10*i.pixelRatio)):(a.moveTo(t.x,t.y+10*i.pixelRatio),a.lineTo(t.x+d,t.y+10*i.pixelRatio-5*i.pixelRatio),a.lineTo(t.x+d,t.y),a.lineTo(t.x+d+n(x),t.y),a.lineTo(t.x+d+n(x),t.y+p),a.lineTo(t.x+d,t.y+p),a.lineTo(t.x+d,t.y+10*i.pixelRatio+5*i.pixelRatio),a.lineTo(t.x,t.y+10*i.pixelRatio)),a.closePath(),a.fill(),e.forEach(function(e,i){if(null!==e.color){a.beginPath(),a.setFillStyle(e.color);var n=t.x+d+2*o.toolTipPadding,l=t.y+(o.toolTipLineHeight-o.fontSize)/2+o.toolTipLineHeight*i+o.toolTipPadding+1;h&&(n=t.x-x-d+2*o.toolTipPadding),a.fillRect(n,l,r,o.fontSize),a.closePath()}}),e.forEach(function(e,i){var n=t.x+d+2*o.toolTipPadding+r+s;h&&(n=t.x-x-d+2*o.toolTipPadding+ +r+s);var c=t.y+(o.toolTipLineHeight-o.fontSize)/2+o.toolTipLineHeight*i+o.toolTipPadding;a.beginPath(),a.setFontSize(o.fontSize),a.setFillStyle(l.fontColor),a.fillText(e.text,n,c+o.fontSize),a.closePath(),a.stroke()})}function drawYAxisTitle(e,t,i,o){var a=i.xAxisHeight+(t.height-i.xAxisHeight-measureText(e))/2;o.save(),o.beginPath(),o.setFontSize(i.fontSize),o.setFillStyle(t.yAxis.titleFontColor||"#333333"),o.translate(0,t.height),o.rotate(-90*Math.PI/180),o.fillText(e,a,i.padding+.5*i.fontSize),o.closePath(),o.stroke(),o.restore()}function drawColumnDataPoints(e,t,i,o){var a=4<arguments.length&&void 0!==arguments[4]?arguments[4]:1,n=t.extra.column||{type:{},meter:{}};n.type=null==n.type?"group":n.type,n.meter=n.meter||{},n.meter.border=null==n.meter.border?4:n.meter.border,n.meter.fillColor=null==n.meter.fillColor?"#FFFFFF":n.meter.fillColor;var l=calYAxisData(e,t,i),r=l.ranges,s=getXAxisPoints(t.categories,t,i),d=s.xAxisPoints,h=s.eachSpacing,c=r.pop(),x=r.shift(),p=[];return o.save(),t._scrollDistance_&&0!==t._scrollDistance_&&!0===t.enableScroll&&o.translate(t._scrollDistance_,0),t.tooltip&&t.tooltip.textList&&t.tooltip.textList.length&&1===a&&drawToolTipSplitArea(t.tooltip.offset.x,t,i,o,h),e.forEach(function(l,r){var s=l.data;switch(n.type){case"group":var g=getDataPoints(s,c,x,d,h,t,i,a),y=getStackDataPoints(s,c,x,d,h,t,i,r,e,a);p.push(y),g=fixColumeData(g,h,e.length,r,i,t),g.forEach(function(e){if(null!==e){o.beginPath(),o.setFillStyle(e.color||l.color);var a=e.x-e.width/2+1,n=t.height-e.y-i.padding-i.xAxisHeight-i.legendHeight;o.moveTo(a,e.y),o.fillRect(a,e.y,e.width-2,n),o.closePath(),o.fill()}});break;case"stack":var g=getStackDataPoints(s,c,x,d,h,t,i,r,e,a);p.push(g),g=fixColumeStackData(g,h,e.length,r,i,t,e),g.forEach(function(e){if(null!==e){o.beginPath(),o.setFillStyle(e.color||l.color);var a=e.x-e.width/2+1,n=t.height-e.y-i.padding-i.xAxisHeight-i.legendHeight,s=t.height-e.y0-i.padding-i.xAxisHeight-i.legendHeight;0<r&&(n-=s),o.moveTo(a,e.y),o.fillRect(a,e.y,e.width-2,n),o.closePath(),o.fill()}});break;case"meter":var g=getDataPoints(s,c,x,d,h,t,i,a);p.push(g),g=fixColumeMeterData(g,h,e.length,r,i,t,n.meter.border),0==r?g.forEach(function(e){if(null!==e){o.beginPath(),o.setFillStyle(n.meter.fillColor);var a=e.x-e.width/2,r=t.height-e.y-i.padding-i.xAxisHeight-i.legendHeight;o.moveTo(a,e.y),o.fillRect(a,e.y,e.width,r),o.closePath(),o.fill(),0<n.meter.border&&(o.beginPath(),o.setStrokeStyle(l.color),o.setLineWidth(n.meter.border*t.pixelRatio),o.moveTo(a+.5*n.meter.border,e.y+r),o.lineTo(a+.5*n.meter.border,e.y+.5*n.meter.border),o.lineTo(a+e.width-.5*n.meter.border,e.y+.5*n.meter.border),o.lineTo(a+e.width-.5*n.meter.border,e.y+r),o.stroke())}}):g.forEach(function(e){if(null!==e){o.beginPath(),o.setFillStyle(e.color||l.color);var a=e.x-e.width/2,n=t.height-e.y-i.padding-i.xAxisHeight-i.legendHeight;o.moveTo(a,e.y),o.fillRect(a,e.y,e.width,n),o.closePath(),o.fill()}});}}),!1!==t.dataLabel&&1===a&&e.forEach(function(l,r){var s=l.data;switch(n.type){case"group":var p=getDataPoints(s,c,x,d,h,t,i,a);p=fixColumeData(p,h,e.length,r,i,t),drawPointText(p,l,i,o);break;case"stack":var p=getStackDataPoints(s,c,x,d,h,t,i,r,e,a);drawPointText(p,l,i,o);break;case"meter":var p=getDataPoints(s,c,x,d,h,t,i,a);drawPointText(p,l,i,o);}}),o.restore(),{xAxisPoints:d,calPoints:p,eachSpacing:h}}function drawCandleDataPoints(e,t,i,o,a){var n=5<arguments.length&&void 0!==arguments[5]?arguments[5]:1,l=i.extra.candle||{color:{},average:{}};l.color.upLine=l.color.upLine?l.color.upLine:"#f04864",l.color.upFill=l.color.upFill?l.color.upFill:"#f04864",l.color.downLine=l.color.downLine?l.color.downLine:"#2fc25b",l.color.downFill=l.color.downFill?l.color.downFill:"#2fc25b",l.average.show=!0===l.average.show,l.average.name=l.average.name?l.average.name:[],l.average.day=l.average.day?l.average.day:[],l.average.color=l.average.color?l.average.color:["#1890ff","#2fc25b","#facc14","#f04864","#8543e0","#90ed7d"],i.extra.candle=l;var r=calYAxisData(e,i,o),s=r.ranges,d=getXAxisPoints(i.categories,i,o),h=d.xAxisPoints,c=d.eachSpacing,x=s.pop(),p=s.shift(),g=[];return a.save(),i._scrollDistance_&&0!==i._scrollDistance_&&!0===i.enableScroll&&a.translate(i._scrollDistance_,0),l.average.show&&t.forEach(function(e){var t=e.data,l=getDataPoints(t,x,p,h,c,i,o,n),r=splitPoints(l);r.forEach(function(t){a.beginPath(),a.setStrokeStyle(e.color),a.setLineWidth(1),1===t.length?(a.moveTo(t[0].x,t[0].y),a.arc(t[0].x,t[0].y,1,0,2*Math.PI)):(a.moveTo(t[0].x,t[0].y),t.forEach(function(e,i){if(0<i){var o=createCurveControlPoints(t,i-1);a.bezierCurveTo(o.ctrA.x,o.ctrA.y,o.ctrB.x,o.ctrB.y,e.x,e.y)}}),a.moveTo(t[0].x,t[0].y)),a.closePath(),a.stroke()})}),e.forEach(function(e){var t=e.data,r=getCandleDataPoints(t,x,p,h,c,i,o,n);g.push(r);var s=splitPoints(r);s=s[0],s.forEach(function(e,o){a.beginPath(),0<t[o][1]-t[o][0]?(a.setStrokeStyle(l.color.upLine),a.setFillStyle(l.color.upFill),a.setLineWidth(1*i.pixelRatio),a.moveTo(e[3].x,e[3].y),a.lineTo(e[1].x,e[1].y),a.lineTo(e[1].x-c/4,e[1].y),a.lineTo(e[0].x-c/4,e[0].y),a.lineTo(e[0].x,e[0].y),a.lineTo(e[2].x,e[2].y),a.lineTo(e[0].x,e[0].y),a.lineTo(e[0].x+c/4,e[0].y),a.lineTo(e[1].x+c/4,e[1].y),a.lineTo(e[1].x,e[1].y),a.moveTo(e[3].x,e[3].y)):(a.setStrokeStyle(l.color.downLine),a.setFillStyle(l.color.downFill),a.setLineWidth(1*i.pixelRatio),a.moveTo(e[3].x,e[3].y),a.lineTo(e[0].x,e[0].y),a.lineTo(e[0].x-c/4,e[0].y),a.lineTo(e[1].x-c/4,e[1].y),a.lineTo(e[1].x,e[1].y),a.lineTo(e[2].x,e[2].y),a.lineTo(e[1].x,e[1].y),a.lineTo(e[1].x+c/4,e[1].y),a.lineTo(e[0].x+c/4,e[0].y),a.lineTo(e[0].x,e[0].y),a.moveTo(e[3].x,e[3].y)),a.closePath(),a.fill(),a.stroke()})}),a.restore(),{xAxisPoints:h,calPoints:g,eachSpacing:c}}function drawAreaDataPoints(e,t,i,o){var a=4<arguments.length&&void 0!==arguments[4]?arguments[4]:1,n=t.extra.area||{type:"straight",opacity:.5,addLine:!1,width:2};n.type=n.type?n.type:"straight",n.opacity=n.opacity?n.opacity:.2,n.addLine=!0==n.addLine,n.width=n.width?n.width:2;var l=calYAxisData(e,t,i),r=l.ranges,s=getXAxisPoints(t.categories,t,i),d=s.xAxisPoints,h=s.eachSpacing,c=r.pop(),x=r.shift(),p=t.height-i.padding-i.xAxisHeight-i.legendHeight,g=[];return o.save(),t._scrollDistance_&&0!==t._scrollDistance_&&!0===t.enableScroll&&o.translate(t._scrollDistance_,0),t.tooltip&&t.tooltip.textList&&t.tooltip.textList.length&&1===a&&drawToolTipSplitLine(t.tooltip.offset.x,t,i,o),e.forEach(function(e,l){let r=e.data,s=getDataPoints(r,c,x,d,h,t,i,a);g.push(s);let y=splitPoints(s);for(let a,r=0;r<y.length;r++){if(a=y[r],o.beginPath(),o.setStrokeStyle(hexToRgb(e.color,n.opacity)),o.setFillStyle(hexToRgb(e.color,n.opacity)),o.setLineWidth(n.width*t.pixelRatio),1<a.length){let e=a[0],t=a[a.length-1];o.moveTo(e.x,e.y),"curve"===n.type?a.forEach(function(e,t){if(0<t){let i=createCurveControlPoints(a,t-1);o.bezierCurveTo(i.ctrA.x,i.ctrA.y,i.ctrB.x,i.ctrB.y,e.x,e.y)}}):a.forEach(function(e,t){0<t&&o.lineTo(e.x,e.y)}),o.lineTo(t.x,p),o.lineTo(e.x,p),o.lineTo(e.x,e.y)}else{let e=a[0];o.moveTo(e.x-h/2,e.y),o.lineTo(e.x+h/2,e.y),o.lineTo(e.x+h/2,p),o.lineTo(e.x-h/2,p),o.moveTo(e.x-h/2,e.y)}o.closePath(),o.fill(),n.addLine&&(o.beginPath(),o.setStrokeStyle(e.color),o.setLineWidth(n.width*t.pixelRatio),1===a.length?(o.moveTo(a[0].x,a[0].y),o.arc(a[0].x,a[0].y,1,0,2*Math.PI)):(o.moveTo(a[0].x,a[0].y),"curve"===n.type?a.forEach(function(e,t){if(0<t){let i=createCurveControlPoints(a,t-1);o.bezierCurveTo(i.ctrA.x,i.ctrA.y,i.ctrB.x,i.ctrB.y,e.x,e.y)}}):a.forEach(function(e,t){0<t&&o.lineTo(e.x,e.y)}),o.moveTo(a[0].x,a[0].y)),o.closePath(),o.stroke())}if(!1!==t.dataPointShape){var f=i.dataPointShape[l%i.dataPointShape.length];drawPointShape(s,e.color,f,o,t)}}),!1!==t.dataLabel&&1===a&&e.forEach(function(e){var n=e.data,l=getDataPoints(n,c,x,d,h,t,i,a);drawPointText(l,e,i,o)}),o.restore(),{xAxisPoints:d,calPoints:g,eachSpacing:h}}function drawLineDataPoints(e,t,i,o){var a=4<arguments.length&&void 0!==arguments[4]?arguments[4]:1,n=t.extra.line||{type:"straight",width:2};n.type=n.type?n.type:"straight",n.width=n.width?n.width:2;var l=calYAxisData(e,t,i),r=l.ranges,s=getXAxisPoints(t.categories,t,i),d=s.xAxisPoints,h=s.eachSpacing,c=r.pop(),x=r.shift(),p=[];return o.save(),t._scrollDistance_&&0!==t._scrollDistance_&&!0===t.enableScroll&&o.translate(t._scrollDistance_,0),t.tooltip&&t.tooltip.textList&&t.tooltip.textList.length&&1===a&&drawToolTipSplitLine(t.tooltip.offset.x,t,i,o),e.forEach(function(e,l){var r=e.data,s=getDataPoints(r,c,x,d,h,t,i,a);p.push(s);var g=splitPoints(s);if(g.forEach(function(i){o.beginPath(),o.setStrokeStyle(e.color),o.setLineWidth(n.width*t.pixelRatio),1===i.length?(o.moveTo(i[0].x,i[0].y),o.arc(i[0].x,i[0].y,1,0,2*Math.PI)):(o.moveTo(i[0].x,i[0].y),"curve"===n.type?i.forEach(function(e,t){if(0<t){var a=createCurveControlPoints(i,t-1);o.bezierCurveTo(a.ctrA.x,a.ctrA.y,a.ctrB.x,a.ctrB.y,e.x,e.y)}}):i.forEach(function(e,t){0<t&&o.lineTo(e.x,e.y)}),o.moveTo(i[0].x,i[0].y)),o.closePath(),o.stroke()}),!1!==t.dataPointShape){var y=i.dataPointShape[l%i.dataPointShape.length];drawPointShape(s,e.color,y,o,t)}}),!1!==t.dataLabel&&1===a&&e.forEach(function(e){var n=e.data,l=getDataPoints(n,c,x,d,h,t,i,a);drawPointText(l,e,i,o)}),o.restore(),{xAxisPoints:d,calPoints:p,eachSpacing:h}}function drawMixDataPoints(e,t,i,o){var a=Math.PI,n=4<arguments.length&&void 0!==arguments[4]?arguments[4]:1,l=calYAxisData(e,t,i),r=l.ranges,s=getXAxisPoints(t.categories,t,i),d=s.xAxisPoints,h=s.eachSpacing,c=r.pop(),x=r.shift(),p=t.height-i.padding-i.xAxisHeight-i.legendHeight,g=[],y=0,f=0;if(e.forEach(function(e){"column"==e.type&&(f+=1)}),o.save(),t._scrollDistance_&&0!==t._scrollDistance_&&!0===t.enableScroll&&o.translate(t._scrollDistance_,0),t.tooltip&&t.tooltip.textList&&t.tooltip.textList.length&&1===n&&drawToolTipSplitLine(t.tooltip.offset.x,t,i,o),e.forEach(function(e,l){var r=e.data,s=getDataPoints(r,c,x,d,h,t,i,n);if(g.push(s),"column"==e.type&&(s=fixColumeData(s,h,f,y,i,t),s.forEach(function(a){if(null!==a){o.beginPath(),o.setFillStyle(a.color||e.color);var n=a.x-a.width/2+1,l=t.height-a.y-i.padding-i.xAxisHeight-i.legendHeight;o.moveTo(n,a.y),o.rect(n,a.y,a.width-2,l),o.closePath(),o.fill()}}),y+=1),"area"==e.type){let a=splitPoints(s);for(let n,l=0;l<a.length;l++){if(n=a[l],o.beginPath(),o.setStrokeStyle(e.color),o.setFillStyle(e.color),o.setGlobalAlpha(.2),o.setLineWidth(2*t.pixelRatio),1<n.length){var u=n[0];let t=n[n.length-1];o.moveTo(u.x,u.y),"curve"===e.style?n.forEach(function(e,t){if(0<t){var i=createCurveControlPoints(n,t-1);o.bezierCurveTo(i.ctrA.x,i.ctrA.y,i.ctrB.x,i.ctrB.y,e.x,e.y)}}):n.forEach(function(e,t){0<t&&o.lineTo(e.x,e.y)}),o.lineTo(t.x,p),o.lineTo(u.x,p),o.lineTo(u.x,u.y)}else{let e=n[0];o.moveTo(e.x-h/2,e.y),o.lineTo(e.x+h/2,e.y),o.lineTo(e.x+h/2,p),o.lineTo(e.x-h/2,p),o.moveTo(e.x-h/2,e.y)}o.closePath(),o.fill(),o.setGlobalAlpha(1)}}if("line"==e.type){var m=splitPoints(s);m.forEach(function(i){o.beginPath(),o.setStrokeStyle(e.color),o.setLineWidth(2*t.pixelRatio),1===i.length?(o.moveTo(i[0].x,i[0].y),o.arc(i[0].x,i[0].y,1,0,2*a)):(o.moveTo(i[0].x,i[0].y),"curve"==e.style?i.forEach(function(e,t){if(0<t){var a=createCurveControlPoints(i,t-1);o.bezierCurveTo(a.ctrA.x,a.ctrA.y,a.ctrB.x,a.ctrB.y,e.x,e.y)}}):i.forEach(function(e,t){0<t&&o.lineTo(e.x,e.y)}),o.moveTo(i[0].x,i[0].y)),o.closePath(),o.stroke()})}if("point"==e.type&&s.forEach(function(i){i&&(o.beginPath(),o.setFillStyle(e.color),o.setStrokeStyle("#FFFFFF"),o.setLineWidth(1*t.pixelRatio),o.moveTo(i.x+3.5*t.pixelRatio,i.y),o.arc(i.x,i.y,4*t.pixelRatio,0,2*a),o.closePath(),o.fill(),o.stroke())}),!0==e.addPoint&&"column"!==e.type){var T=i.dataPointShape[l%i.dataPointShape.length];drawPointShape(s,e.color,T,o,t)}}),!1!==t.dataLabel&&1===n){var y=0;e.forEach(function(e){var a=e.data,l=getDataPoints(a,c,x,d,h,t,i,n);"column"===e.type?(l=fixColumeData(l,h,f,y,i,t),drawPointText(l,e,i,o),y+=1):drawPointText(l,e,i,o)})}return o.restore(),{xAxisPoints:d,calPoints:g,eachSpacing:h}}function drawToolTipBridge(e,t,i,o,a,n){var l=e.extra.tooltip||{};l.horizentalLine&&e.tooltip&&1===o&&("line"==e.type||"area"==e.type||"column"==e.type||"candle"==e.type||"mix"==e.type)&&drawToolTipHorizentalLine(e,t,i,a,n),i.save(),e._scrollDistance_&&0!==e._scrollDistance_&&!0===e.enableScroll&&i.translate(e._scrollDistance_,0),e.tooltip&&e.tooltip.textList&&e.tooltip.textList.length&&1===o&&drawToolTip(e.tooltip.textList,e.tooltip.offset,e,t,i,a,n),i.restore()}function drawXAxis(e,t,i,o){var a=Math.ceil,n=getXAxisPoints(e,t,i),l=n.xAxisPoints,r=n.startX,s=n.endX,d=n.eachSpacing,h=t.height-i.padding-i.xAxisHeight-i.legendHeight,c=i.padding;if(t.enableScroll&&t.xAxis.scrollShow){var x=t.height-i.padding-i.legendHeight+6*t.pixelRatio,p=s-r,g=d*(l.length-1),y=0;t._scrollDistance_&&(y=-t._scrollDistance_*p/g),o.beginPath(),o.setLineCap("round"),o.setLineWidth(6*t.pixelRatio),o.setStrokeStyle(t.xAxis.scrollBackgroundColor||"#EFEBEF"),o.moveTo(r,x),o.lineTo(s,x),o.stroke(),o.closePath(),o.beginPath(),o.setLineCap("round"),o.setLineWidth(6*t.pixelRatio),o.setStrokeStyle(t.xAxis.scrollColor||"#A6A6A6"),o.moveTo(r+y,x),o.lineTo(r+y+p*p/g,x),o.stroke(),o.setLineCap("butt"),o.closePath()}if(o.save(),t._scrollDistance_&&0!==t._scrollDistance_&&o.translate(t._scrollDistance_,0),o.beginPath(),o.setStrokeStyle(t.xAxis.gridColor||"#cccccc"),o.setLineCap("butt"),o.setLineWidth(1*t.pixelRatio),"dash"==t.xAxis.gridType&&o.setLineDash([t.xAxis.dashLength,t.xAxis.dashLength]),!0!==t.xAxis.disableGrid&&("calibration"===t.xAxis.type?l.forEach(function(e,i){0<i&&(o.moveTo(e-d/2,h),o.lineTo(e-d/2,h+4*t.pixelRatio))}):(t.xAxis.gridEval=t.xAxis.gridEval||1,l.forEach(function(e,i){0==i%t.xAxis.gridEval&&(o.moveTo(e,h),o.lineTo(e,c))}))),o.closePath(),o.stroke(),o.setLineDash([]),!0!==t.xAxis.disabled){let n=t.width-2*i.padding-i.yAxisWidth-i.yAxisTitleWidth,r=e.length;t.xAxis.labelCount&&(r=t.xAxis.itemCount?a(e.length/t.xAxis.itemCount*t.xAxis.labelCount):t.xAxis.labelCount,r-=1);let s=a(e.length/r),c=[],x=e.length;for(let t=0;t<x;t++)0==t%s?c.push(e[t]):c.push("");c[x-1]=e[x-1];var f=t.xAxis.fontSize||i.fontSize;0===i._xAxisTextAngle_?c.forEach(function(e,i){var a=d/2-measureText(e,f)/2;o.beginPath(),o.setFontSize(f),o.setFillStyle(t.xAxis.fontColor||"#666666"),o.fillText(e,l[i]+a,h+f+5),o.closePath(),o.stroke()}):c.forEach(function(e,a){o.save(),o.beginPath(),o.setFontSize(f),o.setFillStyle(t.xAxis.fontColor||"#666666");var n=measureText(e),r=calRotateTranslate(l[a]+d/2,h+f/2+5,t.height),s=r.transX,c=r.transY;o.rotate(-1*i._xAxisTextAngle_),o.translate(s,c),o.fillText(e,l[a]+(d/2-n),h+f+5),o.closePath(),o.stroke(),o.restore()})}o.restore()}function drawYAxisGrid(e,t,o,a){if(!0!==t.yAxis.disableGrid){for(var n=t.height-2*o.padding-o.xAxisHeight-o.legendHeight,l=Math.floor(n/o.yAxisSplit),r=o.yAxisWidth+o.yAxisTitleWidth,s=o.padding+r,d=getXAxisPoints(e,t,o),h=d.xAxisPoints,c=d.eachSpacing,x=c*(h.length-1),p=s+x,g=[],y=0;y<o.yAxisSplit;y++)g.push(o.padding+l*y);g.push(o.padding+l*o.yAxisSplit+2),a.save(),t._scrollDistance_&&0!==t._scrollDistance_&&a.translate(t._scrollDistance_,0),"dash"==t.yAxis.gridType&&a.setLineDash([t.yAxis.dashLength,t.yAxis.dashLength]),a.beginPath(),a.setStrokeStyle(t.yAxis.gridColor||"#cccccc"),a.setLineWidth(1*t.pixelRatio),g.forEach(function(e){a.moveTo(s,e),a.lineTo(p,e)}),a.closePath(),a.stroke(),a.setLineDash([]),a.restore()}}function drawYAxis(e,t,o,a){if(!0!==t.yAxis.disabled){var n=calYAxisData(e,t,o),l=n.rangesFormat,r=o.yAxisWidth+o.yAxisTitleWidth,s=t.height-2*o.padding-o.xAxisHeight-o.legendHeight,d=Math.floor(s/o.yAxisSplit),h=o.padding+r,c=t.width-o.padding,x=t.height-o.padding-o.xAxisHeight-o.legendHeight+o.xAxisTextPadding;a.beginPath(),a.setFillStyle(t.background||"#ffffff"),0>t._scrollDistance_&&a.fillRect(0,0,h,x+o.xAxisHeight),a.fillRect(c,0,t.width,x+o.xAxisHeight),a.closePath(),a.stroke();for(var p=[],g=0;g<=o.yAxisSplit;g++)p.push(o.padding+d*g);var y=t.yAxis.fontSize||o.fontSize;l.forEach(function(e,i){var n=p[i]?p[i]:x;a.beginPath(),a.setFontSize(y),a.setFillStyle(t.yAxis.fontColor||"#666666"),a.fillText(e,o.padding+o.yAxisTitleWidth,n+y/2),a.closePath(),a.stroke()}),t.yAxis.title&&drawYAxisTitle(t.yAxis.title,t,o,a)}}function drawLegend(e,t,o,a){var n=Math.PI;if(!1!==t.legend){var i=calLegendData(e,t,o),l=i.legendList,r=5*t.pixelRatio,s=10*t.pixelRatio,d=15*t.pixelRatio;l.forEach(function(e,i){var l=0;for(let t,o=0;o<e.length;o++)t=e[o],t.name=t.name||"undefined",l+=3*r+measureText(t.name)+d;var h=(t.width-l)/2+r,c=t.height-o.padding-o.legendHeight+i*(o.fontSize+s)+r+s;a.setFontSize(o.fontSize);for(let l,s=0;s<e.length;s++){switch(l=e[s],t.type){case"line":a.beginPath(),a.setLineWidth(1*t.pixelRatio),a.setStrokeStyle(l.color),a.setFillStyle(l.color),a.moveTo(h+7.5*t.pixelRatio,c+5*t.pixelRatio),a.arc(h+7.5*t.pixelRatio,c+5*t.pixelRatio,6*t.pixelRatio,0,2*n),a.closePath(),a.fill(),a.stroke();break;case"pie":a.beginPath(),a.setLineWidth(1*t.pixelRatio),a.setStrokeStyle(l.color),a.setFillStyle(l.color),a.moveTo(h+7.5*t.pixelRatio,c+5*t.pixelRatio),a.arc(h+7.5*t.pixelRatio,c+5*t.pixelRatio,6*t.pixelRatio,0,2*n),a.closePath(),a.fill(),a.stroke();break;case"ring":case"rose":a.beginPath(),a.setLineWidth(1*t.pixelRatio),a.setStrokeStyle(l.color),a.setFillStyle(l.color),a.moveTo(h+7.5*t.pixelRatio,c+5*t.pixelRatio),a.arc(h+7.5*t.pixelRatio,c+5*t.pixelRatio,6*t.pixelRatio,0,2*n),a.closePath(),a.fill(),a.stroke();break;case"gauge":break;case"arcbar":break;default:a.beginPath(),a.setLineWidth(1*t.pixelRatio),a.setStrokeStyle(l.color),a.setFillStyle(l.color),a.moveTo(h,c),a.fillRect(h,c,15*t.pixelRatio,10*t.pixelRatio),a.closePath(),a.fill(),a.stroke();}h+=r+d,a.beginPath(),a.setFontSize(o.fontSize),a.setFillStyle(t.extra.legendTextColor||"#333333"),a.fillText(l.name,h,c+6*t.pixelRatio+3*t.pixelRatio),a.closePath(),a.stroke(),h+=measureText(l.name)+2*r}})}}function drawPieDataPoints(e,t,o,a){var n=Math.PI,l=4<arguments.length&&void 0!==arguments[4]?arguments[4]:1,r=t.extra.pie||{},s={x:t.width/2,y:(t.height-o.legendHeight)/2},d=Math.min(s.x-o.pieChartLinePadding-o.pieChartTextPadding-o._pieTextMaxLength_,s.y-o.pieChartLinePadding-o.pieChartTextPadding);d-=t.dataLabel?10:2*o.padding,e=getPieDataPoints(e,d,l);var h=o.pieChartLinePadding/2;if(e=e.map(function(e){return e._start_+=(r.offsetAngle||0)*n/180,e}),e.forEach(function(e,i){t.tooltip&&t.tooltip.index==i&&(a.beginPath(),a.setFillStyle(hexToRgb(e.color,t.extra.pie.activeOpacity||.5)),a.moveTo(s.x,s.y),a.arc(s.x,s.y,e._radius_+h,e._start_,e._start_+2*e._proportion_*n),a.closePath(),a.fill()),a.beginPath(),a.setLineWidth(2*t.pixelRatio),a.lineJoin="round",a.setStrokeStyle("#ffffff"),a.setFillStyle(e.color),a.moveTo(s.x,s.y),a.arc(s.x,s.y,e._radius_,e._start_,e._start_+2*e._proportion_*n),a.closePath(),a.fill(),!0!==t.disablePieStroke&&a.stroke()}),"ring"===t.type){var c=.6*d;"number"==typeof t.extra.pie.ringWidth&&0<t.extra.pie.ringWidth&&(c=Math.max(0,d-t.extra.pie.ringWidth)),a.beginPath(),a.setFillStyle(t.background||"#ffffff"),a.moveTo(s.x,s.y),a.arc(s.x,s.y,c,0,2*n),a.closePath(),a.fill()}if(!1!==t.dataLabel&&1===l){for(var x=!1,p=0,g=e.length;p<g;p++)if(0<e[p].data){x=!0;break}x&&drawPieText(e,t,o,a,d,s)}return 1===l&&"ring"===t.type&&drawRingTitle(t,o,a),{center:s,radius:d,series:e}}function drawRoseDataPoints(e,t,o,a){var n=Math.PI,l=4<arguments.length&&void 0!==arguments[4]?arguments[4]:1,r=t.extra.rose||{};r.type=r.type||"area";var s={x:t.width/2,y:(t.height-o.legendHeight)/2},d=Math.min(s.x-o.pieChartLinePadding-o.pieChartTextPadding-o._pieTextMaxLength_,s.y-o.pieChartLinePadding-o.pieChartTextPadding);d-=t.dataLabel?10:2*o.padding;var h=r.minRadius||.5*d;e=getRoseDataPoints(e,r.type,h,d,l);var c=o.pieChartLinePadding/2;if(e=e.map(function(e){return e._start_+=(r.offsetAngle||0)*n/180,e}),e.forEach(function(e,i){t.tooltip&&t.tooltip.index==i&&(a.beginPath(),a.setFillStyle(hexToRgb(e.color,r.activeOpacity||.5)),a.moveTo(s.x,s.y),a.arc(s.x,s.y,c+e._radius_,e._start_,e._start_+2*e._proportion_*n),a.closePath(),a.fill()),a.beginPath(),a.setLineWidth(2*t.pixelRatio),a.lineJoin="round",a.setStrokeStyle("#ffffff"),a.setFillStyle(e.color),a.moveTo(s.x,s.y),a.arc(s.x,s.y,e._radius_,e._start_,e._start_+2*e._proportion_*n),a.closePath(),a.fill(),!0!==t.disablePieStroke&&a.stroke()}),!1!==t.dataLabel&&1===l){for(var x=!1,p=0,g=e.length;p<g;p++)if(0<e[p].data){x=!0;break}x&&drawPieText(e,t,o,a,d,s)}return{center:s,radius:d,series:e}}function drawArcbarDataPoints(e,t,i,o){var a=Math.PI,n=4<arguments.length&&void 0!==arguments[4]?arguments[4]:1,l=t.extra.arcbar||{};l.startAngle=l.startAngle?l.startAngle:.75,l.endAngle=l.endAngle?l.endAngle:.25,l.type=l.type?l.type:"default",e=getArcbarDataPoints(e,l,n);var r={x:t.width/2,y:t.height/2},s=Math.min(r.x,r.y);l.width="number"==typeof l.width&&0<l.width?l.width:12*t.pixelRatio,s-=i.padding+l.width/2,o.setLineWidth(l.width),o.setStrokeStyle(l.backgroundColor||"#E9E9E9"),o.setLineCap("round"),o.beginPath(),"default"==l.type?o.arc(r.x,r.y,s,l.startAngle*a,l.endAngle*a,!1):o.arc(r.x,r.y,s,0,2*a,!1),o.stroke();for(let n,d=0;d<e.length;d++)n=e[d],o.setLineWidth(l.width),o.setStrokeStyle(n.color),o.setLineCap("round"),o.beginPath(),o.arc(r.x,r.y,s,l.startAngle*a,n._proportion_*a,!1),o.stroke();return drawRingTitle(t,i,o),{center:r,radius:s,series:e}}function drawGaugeDataPoints(e,t,o,i,a){var n=Math.PI,l=5<arguments.length&&void 0!==arguments[5]?arguments[5]:1,r=o.extra.gauge||{};r.startAngle=r.startAngle?r.startAngle:.75,null==r.oldAngle&&(r.oldAngle=r.startAngle),null==r.oldData&&(r.oldData=0),r.endAngle=r.endAngle?r.endAngle:.25,e=getGaugeAxisPoints(e,r.startAngle,r.endAngle);var s={x:o.width/2,y:o.height/2},d=Math.min(s.x,s.y);r.width="number"==typeof r.width&&0<r.width?r.width:15*o.pixelRatio,d-=i.padding+r.width/2;var h=d-r.width;a.setLineWidth(r.width),a.setLineCap("butt");for(let l,r=0;r<e.length;r++)l=e[r],a.beginPath(),a.setStrokeStyle(l.color),a.arc(s.x,s.y,d,l._startAngle_*n,l._endAngle_*n,!1),a.stroke();a.save();let c=r.startAngle-r.endAngle+1;r.splitLine.fixRadius=r.splitLine.fixRadius?r.splitLine.fixRadius:0,r.splitLine.splitNumber=r.splitLine.splitNumber?r.splitLine.splitNumber:10,r.splitLine.width=r.splitLine.width?r.splitLine.width:15*o.pixelRatio,r.splitLine.color=r.splitLine.color?r.splitLine.color:"#FFFFFF",r.splitLine.childNumber=r.splitLine.childNumber?r.splitLine.childNumber:5,r.splitLine.childWidth=r.splitLine.childWidth?r.splitLine.childWidth:5*o.pixelRatio;let x=c/r.splitLine.splitNumber,p=c/r.splitLine.splitNumber/r.splitLine.childNumber,g=-d-.5*r.width-r.splitLine.fixRadius,y=-d-.5*r.width-r.splitLine.fixRadius+r.splitLine.width,f=-d-.5*r.width-r.splitLine.fixRadius+r.splitLine.childWidth;a.translate(s.x,s.y),a.rotate((r.startAngle-1)*n);for(let l=0;l<r.splitLine.splitNumber+1;l++)a.beginPath(),a.setStrokeStyle(r.splitLine.color),a.setLineWidth(2*o.pixelRatio),a.moveTo(g,0),a.lineTo(y,0),a.stroke(),a.rotate(x*n);a.restore(),a.save(),a.translate(s.x,s.y),a.rotate((r.startAngle-1)*n);for(let l=0;l<r.splitLine.splitNumber*r.splitLine.childNumber+1;l++)a.beginPath(),a.setStrokeStyle(r.splitLine.color),a.setLineWidth(1*o.pixelRatio),a.moveTo(g,0),a.lineTo(f,0),a.stroke(),a.rotate(p*n);a.restore(),r.pointer.width=r.pointer.width?r.pointer.width:15*o.pixelRatio,null==r.pointer.color||"auto"==r.pointer.color?"auto"==r.pointer.color:r.pointer.color==r.pointer.color,t=getGaugeDataPoints(t,e,r,l);for(let l,d=0;d<t.length;d++)l=t[d],a.save(),a.translate(s.x,s.y),a.rotate((l._proportion_-1)*n),a.beginPath(),a.setFillStyle(l.color),a.moveTo(r.pointer.width,0),a.lineTo(0,-r.pointer.width/2),a.lineTo(-h,0),a.lineTo(0,r.pointer.width/2),a.lineTo(r.pointer.width,0),a.closePath(),a.fill(),a.beginPath(),a.setFillStyle("#FFFFFF"),a.arc(0,0,r.pointer.width/6,0,2*n,!1),a.fill(),a.restore();return!1!==o.dataLabel&&drawGaugeLabel(r,d,s,o,i,a),drawRingTitle(o,i,a),1===l&&"gauge"===o.type&&(r.oldAngle=t[0]._proportion_,r.oldData=t[0].data),{center:s,radius:d,innerRadius:h,categories:e,totalAngle:c}}function drawRadarDataPoints(e,t,o,a){var n=Math.cos,l=Math.sin,r=4<arguments.length&&void 0!==arguments[4]?arguments[4]:1,s=t.extra.radar||{},d=getRadarCoordinateSeries(t.categories.length),h={x:t.width/2,y:(t.height-o.legendHeight)/2},c=Math.min(h.x-(getMaxTextListLength(t.categories)+o.radarLabelTextMargin),h.y-o.radarLabelTextMargin);c-=o.padding,a.beginPath(),a.setLineWidth(1*t.pixelRatio),a.setStrokeStyle(s.gridColor||"#cccccc"),d.forEach(function(e){var t=convertCoordinateOrigin(c*n(e),c*l(e),h);a.moveTo(h.x,h.y),a.lineTo(t.x,t.y)}),a.stroke(),a.closePath();for(var x=function(e){var i={};a.beginPath(),a.setLineWidth(1*t.pixelRatio),a.setStrokeStyle(s.gridColor||"#cccccc"),d.forEach(function(t,r){var s=convertCoordinateOrigin(c/o.radarGridCount*e*n(t),c/o.radarGridCount*e*l(t),h);0===r?(i=s,a.moveTo(s.x,s.y)):a.lineTo(s.x,s.y)}),a.lineTo(i.x,i.y),a.stroke(),a.closePath()},p=1;p<=o.radarGridCount;p++)x(p);var g=getRadarDataPoints(d,h,c,e,t,r);return g.forEach(function(e,i){if(a.beginPath(),a.setFillStyle(e.color),a.setGlobalAlpha(.3),e.data.forEach(function(e,t){0===t?a.moveTo(e.position.x,e.position.y):a.lineTo(e.position.x,e.position.y)}),a.closePath(),a.fill(),a.setGlobalAlpha(1),!1!==t.dataPointShape){var n=o.dataPointShape[i%o.dataPointShape.length],l=e.data.map(function(e){return e.position});drawPointShape(l,e.color,n,a,t)}}),drawRadarLabel(d,c,h,t,o,a),{center:h,radius:c,angleList:d}}function drawCanvas(e,t){t.draw()}var Timing={easeIn:function(e){return Math.pow(e,3)},easeOut:function(e){return Math.pow(e-1,3)+1},easeInOut:function(e){var t=Math.pow;return 1>(e/=.5)?.5*t(e,3):.5*(t(e-2,3)+2)},linear:function(e){return e}};function Animation(e){this.isStop=!1,e.duration="undefined"==typeof e.duration?1e3:e.duration,e.timing=e.timing||"linear";var t=function(){return"undefined"==typeof requestAnimationFrame?"undefined"==typeof setTimeout?function(e){e(null)}:function(e,t){setTimeout(function(){var t=+new Date;e(t)},t)}:requestAnimationFrame}(),i=null,o=function(a){if(null===a||!0===this.isStop)return e.onProcess&&e.onProcess(1),void(e.onAnimationFinish&&e.onAnimationFinish());if(null===i&&(i=a),a-i<e.duration){var n=(a-i)/e.duration,l=Timing[e.timing];n=l(n),e.onProcess&&e.onProcess(n),t(o,17)}else e.onProcess&&e.onProcess(1),e.onAnimationFinish&&e.onAnimationFinish()};o=o.bind(this),t(o,17)}Animation.prototype.stop=function(){this.isStop=!0};function drawCharts(e,t,i,o){var a=this,n=t.series,l=t.categories;n=fillSeriesColor(n,i),n=fillSeriesType(n,t);let r=null;if("candle"==e){let e=assign({},t.extra.candle.average);e.show&&(r=calCandleMA(e.day,e.name,e.color,n[0].data),t.seriesMA=r)}var s=calLegendData(n,t,i),d=s.legendHeight;i.legendHeight=d;var h=calYAxisData(n,t,i),c=h.yAxisWidth;if(i.yAxisWidth=c,l&&l.length){var x=calCategoriesData(l,t,i),p=x.xAxisHeight,g=x.angle;i.xAxisHeight=p,i._xAxisTextAngle_=g}("pie"===e||"ring"===e||"rose"===e)&&(i._pieTextMaxLength_=!1===t.dataLabel?0:getPieTextMaxLength(n));var y=t.animation?t.duration:0;this.animationInstance&&this.animationInstance.stop(),"line"===e?this.animationInstance=new Animation({timing:"easeIn",duration:y,onProcess:function(e){o.clearRect(0,0,t.width,t.height),t.rotate&&contextRotate(o,t),drawYAxisGrid(l,t,i,o),drawXAxis(l,t,i,o);var r=drawLineDataPoints(n,t,i,o,e),s=r.xAxisPoints,d=r.calPoints,h=r.eachSpacing;a.chartData.xAxisPoints=s,a.chartData.calPoints=d,a.chartData.eachSpacing=h,drawLegend(t.series,t,i,o),drawYAxis(n,t,i,o),drawToolTipBridge(t,i,o,e,h,s),drawCanvas(t,o)},onAnimationFinish:function(){a.event.trigger("renderComplete")}}):"mix"===e?this.animationInstance=new Animation({timing:"easeIn",duration:y,onProcess:function(e){o.clearRect(0,0,t.width,t.height),t.rotate&&contextRotate(o,t),drawYAxisGrid(l,t,i,o),drawXAxis(l,t,i,o);var r=drawMixDataPoints(n,t,i,o,e),s=r.xAxisPoints,d=r.calPoints,h=r.eachSpacing;a.chartData.xAxisPoints=s,a.chartData.calPoints=d,a.chartData.eachSpacing=h,drawLegend(t.series,t,i,o),drawYAxis(n,t,i,o),drawToolTipBridge(t,i,o,e,h,s),drawCanvas(t,o)},onAnimationFinish:function(){a.event.trigger("renderComplete")}}):"column"===e?this.animationInstance=new Animation({timing:"easeIn",duration:y,onProcess:function(e){o.clearRect(0,0,t.width,t.height),t.rotate&&contextRotate(o,t),drawYAxisGrid(l,t,i,o),drawXAxis(l,t,i,o);var r=drawColumnDataPoints(n,t,i,o,e),s=r.xAxisPoints,d=r.calPoints,h=r.eachSpacing;a.chartData.xAxisPoints=s,a.chartData.calPoints=d,a.chartData.eachSpacing=h,drawLegend(t.series,t,i,o),drawYAxis(n,t,i,o),drawToolTipBridge(t,i,o,e,h,s),drawCanvas(t,o)},onAnimationFinish:function(){a.event.trigger("renderComplete")}}):"area"===e?this.animationInstance=new Animation({timing:"easeIn",duration:y,onProcess:function(e){o.clearRect(0,0,t.width,t.height),t.rotate&&contextRotate(o,t),drawYAxisGrid(l,t,i,o),drawXAxis(l,t,i,o);var r=drawAreaDataPoints(n,t,i,o,e),s=r.xAxisPoints,d=r.calPoints,h=r.eachSpacing;a.chartData.xAxisPoints=s,a.chartData.calPoints=d,a.chartData.eachSpacing=h,drawLegend(t.series,t,i,o),drawYAxis(n,t,i,o),drawToolTipBridge(t,i,o,e,h,s),drawCanvas(t,o)},onAnimationFinish:function(){a.event.trigger("renderComplete")}}):"ring"===e||"pie"===e?this.animationInstance=new Animation({timing:"easeInOut",duration:y,onProcess:function(e){o.clearRect(0,0,t.width,t.height),t.rotate&&contextRotate(o,t),a.chartData.pieData=drawPieDataPoints(n,t,i,o,e),drawLegend(t.series,t,i,o),drawToolTipBridge(t,i,o,e),drawCanvas(t,o)},onAnimationFinish:function(){a.event.trigger("renderComplete")}}):"rose"===e?this.animationInstance=new Animation({timing:"easeInOut",duration:y,onProcess:function(e){o.clearRect(0,0,t.width,t.height),t.rotate&&contextRotate(o,t),a.chartData.pieData=drawRoseDataPoints(n,t,i,o,e),drawLegend(t.series,t,i,o),drawToolTipBridge(t,i,o,e),drawCanvas(t,o)},onAnimationFinish:function(){a.event.trigger("renderComplete")}}):"radar"===e?this.animationInstance=new Animation({timing:"easeInOut",duration:y,onProcess:function(e){o.clearRect(0,0,t.width,t.height),t.rotate&&contextRotate(o,t),a.chartData.radarData=drawRadarDataPoints(n,t,i,o,e),drawLegend(t.series,t,i,o),drawToolTipBridge(t,i,o,e),drawCanvas(t,o)},onAnimationFinish:function(){a.event.trigger("renderComplete")}}):"arcbar"===e?this.animationInstance=new Animation({timing:"easeInOut",duration:y,onProcess:function(e){o.clearRect(0,0,t.width,t.height),t.rotate&&contextRotate(o,t),a.chartData.arcbarData=drawArcbarDataPoints(n,t,i,o,e),drawCanvas(t,o)},onAnimationFinish:function(){a.event.trigger("renderComplete")}}):"gauge"===e?this.animationInstance=new Animation({timing:"easeInOut",duration:y,onProcess:function(e){o.clearRect(0,0,t.width,t.height),t.rotate&&contextRotate(o,t),a.chartData.gaugeData=drawGaugeDataPoints(l,n,t,i,o,e),drawCanvas(t,o)},onAnimationFinish:function(){a.event.trigger("renderComplete")}}):"candle"===e?this.animationInstance=new Animation({timing:"easeIn",duration:y,onProcess:function(e){o.clearRect(0,0,t.width,t.height),t.rotate&&contextRotate(o,t),drawYAxisGrid(l,t,i,o),drawXAxis(l,t,i,o);var s=drawCandleDataPoints(n,r,t,i,o,e),d=s.xAxisPoints,h=s.calPoints,c=s.eachSpacing;a.chartData.xAxisPoints=d,a.chartData.calPoints=h,a.chartData.eachSpacing=c,r?drawLegend(r,t,i,o):drawLegend(t.series,t,i,o),drawYAxis(n,t,i,o),drawToolTipBridge(t,i,o,e,c,d),drawCanvas(t,o)},onAnimationFinish:function(){a.event.trigger("renderComplete")}}):void 0}function Event(){this.events={}}Event.prototype.addEventListener=function(e,t){this.events[e]=this.events[e]||[],this.events[e].push(t)},Event.prototype.trigger=function(){for(var e=arguments.length,t=Array(e),i=0;i<e;i++)t[i]=arguments[i];var o=t[0],a=t.slice(1);!this.events[o]||this.events[o].forEach(function(e){try{e.apply(null,a)}catch(t){console.error(t)}})};var Charts=function(e){e.pixelRatio=e.pixelRatio?e.pixelRatio:1,e.fontSize=e.fontSize?e.fontSize*e.pixelRatio:13*e.pixelRatio,e.title=assign({},e.title),e.subtitle=assign({},e.subtitle),e.yAxis=assign({},{gridType:"solid",dashLength:4*e.pixelRatio},e.yAxis),e.xAxis=assign({},{rotateLabel:!1,type:"calibration",gridType:"solid",dashLength:4*e.pixelRatio,scrollAlign:"left"},e.xAxis),e.extra=assign({},e.extra),e.rotate=!!e.rotate,e.animation=!!e.animation;var t=assign({},config);if(t.yAxisTitleWidth=!0!==e.yAxis.disabled&&e.yAxis.title?t.yAxisTitleWidth:0,("pie"==e.type||"ring"==e.type)&&(t.pieChartLinePadding=!1===e.dataLabel?0:e.extra.pie.labelWidth*e.pixelRatio||t.pieChartLinePadding*e.pixelRatio),"rose"==e.type&&(t.pieChartLinePadding=!1===e.dataLabel?0:e.extra.rose.labelWidth*e.pixelRatio||t.pieChartLinePadding*e.pixelRatio),t.pieChartTextPadding=!1===e.dataLabel?0:t.pieChartTextPadding*e.pixelRatio,t.yAxisSplit=e.yAxis.splitNumber?e.yAxis.splitNumber:config.yAxisSplit,t.rotate=e.rotate,e.rotate){let t=e.width,i=e.height;e.width=i,e.height=t}if(t.yAxisWidth=config.yAxisWidth*e.pixelRatio,t.xAxisHeight=config.xAxisHeight*e.pixelRatio,e.enableScroll&&e.xAxis.scrollShow&&(t.xAxisHeight+=6*e.pixelRatio),t.xAxisLineHeight=config.xAxisLineHeight*e.pixelRatio,t.legendHeight=config.legendHeight*e.pixelRatio,t.padding=config.padding*e.pixelRatio,t.fontSize=e.fontSize,t.titleFontSize=config.titleFontSize*e.pixelRatio,t.subtitleFontSize=config.subtitleFontSize*e.pixelRatio,t.toolTipPadding=config.toolTipPadding*e.pixelRatio,t.toolTipLineHeight=config.toolTipLineHeight*e.pixelRatio,t.columePadding=config.columePadding*e.pixelRatio,this.opts=e,this.config=t,e.$this=e.$this?e.$this:this,this.context=uni.createCanvasContext(e.canvasId,e.$this),this.chartData={},this.event=new Event,this.scrollOption={currentOffset:0,startTouchX:0,distance:0,lastMoveTime:0},e.enableScroll&&"right"==e.xAxis.scrollAlign){let i=calYAxisData(e.series,e,t),o=i.yAxisWidth;t.yAxisWidth=o;let a=0,n=getXAxisPoints(e.categories,e,t),l=n.xAxisPoints,r=n.startX,s=n.endX,d=n.eachSpacing,h=d*(l.length-1);a=s-r-h,this.scrollOption={currentOffset:a,startTouchX:a,distance:0,lastMoveTime:0},e._scrollDistance_=a}drawCharts.call(this,e.type,e,t,this.context)};Charts.prototype.updateData=function(){let e=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{};this.opts=assign({},this.opts,e);let t=e.scrollPosition||"current";switch(t){case"current":this.opts._scrollDistance_=this.scrollOption.currentOffset;break;case"left":this.opts._scrollDistance_=0,this.scrollOption={currentOffset:0,startTouchX:0,distance:0,lastMoveTime:0};break;case"right":let e=calYAxisData(this.opts.series,this.opts,this.config),i=e.yAxisWidth;this.config.yAxisWidth=i;let o=0,a=getXAxisPoints(this.opts.categories,this.opts,this.config),n=a.xAxisPoints,l=a.startX,r=a.endX,s=a.eachSpacing,d=s*(n.length-1);o=r-l-d,this.scrollOption={currentOffset:o,startTouchX:o,distance:0,lastMoveTime:0},this.opts._scrollDistance_=o;}drawCharts.call(this,this.opts.type,this.opts,this.config,this.context)},Charts.prototype.zoom=function(){var e=Math.round,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:this.opts.xAxis.itemCount;if(!0!==this.opts.enableScroll)return void console.log("\u8BF7\u542F\u7528\u6EDA\u52A8\u6761\u540E\u4F7F\u7528\uFF01");let i=e(Math.abs(this.scrollOption.currentOffset)/this.chartData.eachSpacing)+e(this.opts.xAxis.itemCount/2);this.opts.animation=!1,this.opts.xAxis.itemCount=t.itemCount;let o=calYAxisData(this.opts.series,this.opts,this.config),a=o.yAxisWidth;this.config.yAxisWidth=a;let n=0,l=getXAxisPoints(this.opts.categories,this.opts,this.config),r=l.xAxisPoints,s=l.startX,d=l.endX,h=l.eachSpacing,c=d-s,x=c-h*(r.length-1);n=c/2-h*i,0<n&&(n=0),n<x&&(n=x),this.scrollOption={currentOffset:n,startTouchX:n,distance:0,lastMoveTime:0},this.opts._scrollDistance_=n,drawCharts.call(this,this.opts.type,this.opts,this.config,this.context)},Charts.prototype.stopAnimation=function(){this.animationInstance&&this.animationInstance.stop()},Charts.prototype.addEventListener=function(e,t){this.event.addEventListener(e,t)},Charts.prototype.getCurrentDataIndex=function(t){var e=null;if(e=t.changedTouches?t.changedTouches[0]:t.mp.changedTouches[0],e){var i=getTouches(e,this.opts,t);return"pie"===this.opts.type||"ring"===this.opts.type||"rose"===this.opts.type?findPieChartCurrentIndex({x:i.x,y:i.y},this.chartData.pieData):"radar"===this.opts.type?findRadarChartCurrentIndex({x:i.x,y:i.y},this.chartData.radarData,this.opts.categories.length):findCurrentIndex({x:i.x,y:i.y},this.chartData.xAxisPoints,this.opts,this.config,Math.abs(this.scrollOption.currentOffset))}return-1},Charts.prototype.showToolTip=function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},i=null;if(i=t.changedTouches?t.changedTouches[0]:t.mp.changedTouches[0],!i)return void console.log("touchError");var o=getTouches(i,this.opts,t);if("line"===this.opts.type||"area"===this.opts.type||"column"===this.opts.type){var a=this.getCurrentDataIndex(t),n=this.scrollOption.currentOffset,l=assign({},this.opts,{_scrollDistance_:n,animation:!1});if(-1<a){var r=getSeriesDataItem(this.opts.series,a);if(0!==r.length){var s=getToolTipData(r,this.chartData.calPoints,a,this.opts.categories,e),d=s.textList,h=s.offset;h.y=o.y,l.tooltip={textList:d,offset:h,option:e,index:a}}}drawCharts.call(this,l.type,l,this.config,this.context)}if("mix"===this.opts.type){var a=this.getCurrentDataIndex(t),n=this.scrollOption.currentOffset,l=assign({},this.opts,{_scrollDistance_:n,animation:!1});if(-1<a){var r=getSeriesDataItem(this.opts.series,a);if(0!==r.length){var c=getMixToolTipData(r,this.chartData.calPoints,a,this.opts.categories,e),d=c.textList,h=c.offset;h.y=o.y,l.tooltip={textList:d,offset:h,option:e,index:a}}}drawCharts.call(this,l.type,l,this.config,this.context)}if("candle"===this.opts.type){var a=this.getCurrentDataIndex(t),n=this.scrollOption.currentOffset,l=assign({},this.opts,{_scrollDistance_:n,animation:!1});if(-1<a){var r=getSeriesDataItem(this.opts.series,a);if(0!==r.length){var s=getCandleToolTipData(this.opts.series[0].data,r,this.chartData.calPoints,a,this.opts.categories,this.opts.extra.candle,e),d=s.textList,h=s.offset;h.y=o.y,l.tooltip={textList:d,offset:h,option:e,index:a}}}drawCharts.call(this,l.type,l,this.config,this.context)}if("pie"===this.opts.type||"ring"===this.opts.type||"rose"===this.opts.type){var a=this.getCurrentDataIndex(t),n=this.scrollOption.currentOffset,l=assign({},this.opts,{_scrollDistance_:n,animation:!1});if(-1<a){var r=this.opts.series[a],d=[{text:e.format?e.format(r):r.name+": "+r.data,color:r.color}],h={x:o.x,y:o.y};l.tooltip={textList:d,offset:h,option:e,index:a}}drawCharts.call(this,l.type,l,this.config,this.context)}if("radar"===this.opts.type){var a=this.getCurrentDataIndex(t),n=this.scrollOption.currentOffset,l=assign({},this.opts,{_scrollDistance_:n,animation:!1});if(-1<a){var r=getSeriesDataItem(this.opts.series,a);if(0!==r.length){var d=r.map(function(t){return{text:e.format?e.format(t):t.name+": "+t.data,color:t.color}}),h={x:o.x,y:o.y};l.tooltip={textList:d,offset:h,option:e,index:a}}}drawCharts.call(this,l.type,l,this.config,this.context)}},Charts.prototype.translate=function(e){this.scrollOption={currentOffset:e,startTouchX:e,distance:0,lastMoveTime:0};let t=assign({},this.opts,{_scrollDistance_:e,animation:!1});drawCharts.call(this,this.opts.type,t,this.config,this.context)},Charts.prototype.scrollStart=function(t){var e=null;e=t.changedTouches?t.changedTouches[0]:t.mp.changedTouches[0];var i=getTouches(e,this.opts,t);e&&!0===this.opts.enableScroll&&(this.scrollOption.startTouchX=i.x)},Charts.prototype.scroll=function(t){0===this.scrollOption.lastMoveTime&&(this.scrollOption.lastMoveTime=Date.now());let e=this.opts.extra.touchMoveLimit||20,i=Date.now(),o=i-this.scrollOption.lastMoveTime;if(!(o<Math.floor(1e3/e))){this.scrollOption.lastMoveTime=i;var a=null;a=t.changedTouches?t.changedTouches[0]:t.mp.changedTouches[0];var n=getTouches(a,this.opts,t);if(a&&!0===this.opts.enableScroll){var l=n.x-this.scrollOption.startTouchX;var r=this.scrollOption.currentOffset,s=calValidDistance(r+l,this.chartData,this.config,this.opts);this.scrollOption.distance=l=s-r;var d=assign({},this.opts,{_scrollDistance_:r+l,animation:!1});return drawCharts.call(this,d.type,d,this.config,this.context),r+l}}},Charts.prototype.scrollEnd=function(){if(!0===this.opts.enableScroll){var e=this.scrollOption,t=e.currentOffset,i=e.distance;this.scrollOption.currentOffset=t+i,this.scrollOption.distance=0}},"object"==typeof module&&"object"==typeof module.exports&&(module.exports=Charts);

u-parse

components
wxParseAudio.vue
复制代码
  1. <template>

  2.   <!--增加audio标签支持-->

  3.   <audio

  4.     :id="node.attr.id"

  5.     :class="node.classStr"

  6.     :style="node.styleStr"

  7.     :src="node.attr.src"

  8.     :loop="node.attr.loop"

  9.     :poster="node.attr.poster"

  10.     :name="node.attr.name"

  11.     :author="node.attr.author"

  12.     controls></audio>

  13. </template>

  14. 

  15. <script>

  16. export default {

  17.   name: 'wxParseAudio',

  18.   props: {

  19.     node: {

  20.       type: Object,

  21.       default() {

  22.         return {};

  23.       },

  24.     },

  25.   },

  26. };

  27. </script>

  28.
wxParseImg.vue
复制代码
  1. <template>

  2.   <image

  3.     :mode="node.attr.mode"

  4.     :lazy-load="node.attr.lazyLoad"

  5.     :class="node.classStr"

  6.     :style="newStyleStr || node.styleStr"

  7.     :data-src="node.attr.src"

  8.     :src="node.attr.src"

  9.     @tap="wxParseImgTap"

  10.     @load="wxParseImgLoad"

  11.     />

  12. </template>

  13. 

  14. <script>

  15. export default {

  16.   name: 'wxParseImg',

  17.   data() {

  18.     return {

  19.       newStyleStr: '',

  20.       preview: true,

  21.     };

  22.   },

  23.   props: {

  24.     node: {

  25.       type: Object,

  26.       default() {

  27.         return {};

  28.       },

  29.     },

  30.   },

  31.   methods: {

  32.     wxParseImgTap(e) {

  33.       if (!this.preview) return;

  34.       const { src } = e.currentTarget.dataset;

  35.       if (!src) return;

  36.       let parent = this.$parent;

  37.       while(!parent.preview || typeof parent.preview !== 'function') {// TODO 遍历获取父节点执行方法

  38.           parent = parent.$parent;

  39.       }

  40.       parent.preview(src, e);

  41.     },

  42.     // 图片视觉宽高计算函数区

  43.     wxParseImgLoad(e) {

  44.       const { src } = e.currentTarget.dataset;

  45.       if (!src) return;

  46.       const { width, height } = e.mp.detail;

  47.       const recal = this.wxAutoImageCal(width, height);

  48.       const { imageheight, imageWidth } = recal;

  49.       const { padding, mode } = this.node.attr;

  50.       const { styleStr } = this.node;

  51.       const imageHeightStyle = mode === 'widthFix' ? '' : `height: ${imageheight}px;`;

  52.       this.newStyleStr = `${styleStr}; ${imageHeightStyle}; width: ${imageWidth}px; padding: 0 ${+padding}px;`;

  53.     },

  54.     // 计算视觉优先的图片宽高

  55.     wxAutoImageCal(originalWidth, originalHeight) {

  56.       // 获取图片的原始长宽

  57.       const { padding } = this.node.attr;

  58.       const windowWidth = this.node.$screen.width - (2 * padding);

  59.       const results = {};

  60. 

  61.       if (originalWidth < 60 || originalHeight < 60) {

  62.         const { src } = this.node.attr;

  63.                 let parent = this.$parent;

  64.                 while(!parent.preview || typeof parent.preview !== 'function') {

  65.                     parent = parent.$parent;

  66.                 }

  67.                 parent.removeImageUrl(src);

  68.         this.preview = false;

  69.       }

  70. 

  71.       // 判断按照那种方式进行缩放

  72.       if (originalWidth > windowWidth) {

  73.         // 在图片width大于手机屏幕width时候

  74.         results.imageWidth = windowWidth;

  75.         results.imageheight = windowWidth * (originalHeight / originalWidth);

  76.       } else {

  77.         // 否则展示原来的数据

  78.         results.imageWidth = originalWidth;

  79.         results.imageheight = originalHeight;

  80.       }

  81. 

  82.       return results;

  83.     },

  84.   },

  85. };

  86. </script>

  87.
wxParseTemplate0.vue
复制代码
  1. <template>

  2.     <view>

  3.         <!--判断是否是标签节点-->

  4.         <block v-if="node.node == 'element'">

  5.             <block v-if="node.tag == 'button'">

  6.                 <button type="default" size="mini">

  7.                     <block v-for="(node, index) of node.nodes" :key="index">

  8.                         <wx-parse-template :node="node" />

  9.                     </block>

  10.                 </button>

  11.             </block>

  12. 

  13.             <!--li类型-->

  14.             <block v-else-if="node.tag == 'li'">

  15.                 <view :class="node.classStr" :style="node.styleStr">

  16.                     <block v-for="(node, index) of node.nodes" :key="index">

  17.                         <wx-parse-template :node="node" />

  18.                     </block>

  19.                 </view>

  20.             </block>

  21. 

  22.             <!--video类型-->

  23.             <block v-else-if="node.tag == 'video'">

  24.                 <wx-parse-video :node="node" />

  25.             </block>

  26. 

  27.             <!--audio类型-->

  28.             <block v-else-if="node.tag == 'audio'">

  29.                 <wx-parse-audio :node="node" />

  30.             </block>

  31. 

  32.             <!--img类型-->

  33.             <block v-else-if="node.tag == 'img'">

  34.                 <wx-parse-img :node="node" />

  35.             </block>

  36. 

  37.             <!--a类型-->

  38.             <block v-else-if="node.tag == 'a'">

  39.                 <view @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  40.                     <block v-for="(node, index) of node.nodes" :key="index">

  41.                         <wx-parse-template :node="node" />

  42.                     </block>

  43.                 </view>

  44.             </block>

  45. 

  46.             <!--table类型-->

  47.             <block v-else-if="node.tag == 'table'">

  48.                 <view :class="node.classStr" class="table" :style="node.styleStr">

  49.                     <block v-for="(node, index) of node.nodes" :key="index">

  50.                         <wx-parse-template :node="node" />

  51.                     </block>

  52.                 </view>

  53.             </block>

  54. 

  55.             <!--br类型-->

  56.             <block v-else-if="node.tag == 'br'">

  57.                 <text>\n</text>

  58.             </block>

  59. 

  60.             <!--其他标签-->

  61.             <block v-else>

  62.                 <view :class="node.classStr" :style="node.styleStr">

  63.                     <block v-for="(node, index) of node.nodes" :key="index">

  64.                         <wx-parse-template :node="node" />

  65.                     </block>

  66.                 </view>

  67.             </block>

  68. 

  69.         </block>

  70. 

  71.         <!--判断是否是文本节点-->

  72.         <block v-else-if="node.node == 'text'">{{node.text}}</block>

  73.     </view>

  74. </template>

  75. 

  76. <script>

  77.     import wxParseTemplate from './wxParseTemplate1';

  78.     import wxParseImg from './wxParseImg';

  79.     import wxParseVideo from './wxParseVideo';

  80.     import wxParseAudio from './wxParseAudio';

  81. 

  82.     export default {

  83.         name: 'wxParseTemplate0',

  84.         props: {

  85.             node: {},

  86.         },

  87.         components: {

  88.             wxParseTemplate,

  89.             wxParseImg,

  90.             wxParseVideo,

  91.             wxParseAudio,

  92.         },

  93.         methods: {

  94.             wxParseATap(e) {

  95.                 const {

  96.                     href

  97.                 } = e.currentTarget.dataset;// TODO currentTarget才有dataset

  98.                 if (!href) return;

  99.                 let parent = this.$parent;

  100.                 while(!parent.preview || typeof parent.preview !== 'function') {// TODO 遍历获取父节点执行方法

  101.                     parent = parent.$parent;

  102.                 }

  103.                 parent.navigate(href, e);

  104.             },

  105.         },

  106.     };

  107. </script>

  108.
wxParseTemplate1.vue
复制代码
  1. <template>

  2.     <view :class="(node.tag == 'li' ? node.classStr : (node.node==='text'?'text':''))">

  3.         <!--判断是否是标签节点-->

  4.         <block v-if="node.node == 'element'">

  5.             <block v-if="node.tag == 'button'">

  6.                 <button type="default" size="mini">

  7.                     <block v-for="(node, index) of node.nodes" :key="index">

  8.                         <wx-parse-template :node="node" />

  9.                     </block>

  10.                 </button>

  11.             </block>

  12. 

  13.             <!--li类型-->

  14.             <block v-else-if="node.tag == 'li'">

  15.                 <!-- <view :class="node.classStr" :style="node.styleStr"> -->

  16.                 <view :style="node.styleStr">

  17.                     <block v-for="(node, index) of node.nodes" :key="index">

  18.                         <wx-parse-template :node="node" />

  19.                     </block>

  20.                 </view>

  21.             </block>

  22. 

  23.             <!--video类型-->

  24.             <block v-else-if="node.tag == 'video'">

  25.                 <wx-parse-video :node="node" />

  26.             </block>

  27. 

  28.             <!--audio类型-->

  29.             <block v-else-if="node.tag == 'audio'">

  30.                 <wx-parse-audio :node="node" />

  31.             </block>

  32. 

  33.             <!--img类型-->

  34.             <block v-else-if="node.tag == 'img'">

  35.                 <wx-parse-img :node="node" />

  36.             </block>

  37. 

  38.             <!--a类型-->

  39.             <block v-else-if="node.tag == 'a'">

  40.                 <view @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  41.                     <block v-for="(node, index) of node.nodes" :key="index">

  42.                         <wx-parse-template :node="node" />

  43.                     </block>

  44.                 </view>

  45.             </block>

  46. 

  47.             <!--br类型-->

  48.             <block v-else-if="node.tag == 'br'">

  49.                 <text>\n</text>

  50.             </block>

  51. 

  52.             <!--其他标签-->

  53.             <block v-else>

  54.                 <view :class="node.classStr" :style="node.styleStr">

  55.                     <block v-for="(node, index) of node.nodes" :key="index">

  56.                         <wx-parse-template :node="node" />

  57.                     </block>

  58.                 </view>

  59.             </block>

  60. 

  61.         </block>

  62. 

  63.         <!--判断是否是文本节点-->

  64.         <block v-else-if="node.node == 'text'">{{node.text}}</block>

  65.     </view>

  66. </template>

  67. 

  68. <script>

  69.     import wxParseTemplate from './wxParseTemplate2';

  70.     import wxParseImg from './wxParseImg';

  71.     import wxParseVideo from './wxParseVideo';

  72.     import wxParseAudio from './wxParseAudio';

  73. 

  74.     export default {

  75.         name: 'wxParseTemplate1',

  76.         props: {

  77.             node: {},

  78.         },

  79.         components: {

  80.             wxParseTemplate,

  81.             wxParseImg,

  82.             wxParseVideo,

  83.             wxParseAudio,

  84.         },

  85.         methods: {

  86.             wxParseATap(e) {

  87.                 const {

  88.                     href

  89.                 } = e.currentTarget.dataset;

  90.                 if (!href) return;

  91.                 let parent = this.$parent;

  92.                 while(!parent.preview || typeof parent.preview !== 'function') {

  93.                     parent = parent.$parent;

  94.                 }

  95.                 parent.navigate(href, e);

  96.             },

  97.         },

  98.     };

  99. </script>

  100.
wxParseTemplate10.vue
复制代码
  1. <template>

  2.     <view>

  3.         <!--判断是否是标签节点-->

  4.         <block v-if="node.node == 'element'">

  5.             <block v-if="node.tag == 'button'">

  6.                 <button type="default" size="mini">

  7.                     <block v-for="(node, index) of node.nodes" :key="index">

  8.                         <wx-parse-template :node="node" />

  9.                     </block>

  10.                 </button>

  11.             </block>

  12. 

  13.             <!--li类型-->

  14.             <block v-else-if="node.tag == 'li'">

  15.                 <view :class="node.classStr" :style="node.styleStr">

  16.                     <block v-for="(node, index) of node.nodes" :key="index">

  17.                         <wx-parse-template :node="node" />

  18.                     </block>

  19.                 </view>

  20.             </block>

  21. 

  22.             <!--video类型-->

  23.             <block v-else-if="node.tag == 'video'">

  24.                 <wx-parse-video :node="node" />

  25.             </block>

  26. 

  27.             <!--audio类型-->

  28.             <block v-else-if="node.tag == 'audio'">

  29.                 <wx-parse-audio :node="node" />

  30.             </block>

  31. 

  32.             <!--img类型-->

  33.             <block v-else-if="node.tag == 'img'">

  34.                 <wx-parse-img :node="node" />

  35.             </block>

  36. 

  37.             <!--a类型-->

  38.             <block v-else-if="node.tag == 'a'">

  39.                 <view @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  40.                     <block v-for="(node, index) of node.nodes" :key="index">

  41.                         <wx-parse-template :node="node" />

  42.                     </block>

  43.                 </view>

  44.             </block>

  45. 

  46.             <!--br类型-->

  47.             <block v-else-if="node.tag == 'br'">

  48.                 <text>\n</text>

  49.             </block>

  50. 

  51.             <!--其他标签-->

  52.             <block v-else>

  53.                 <view :class="node.classStr" :style="node.styleStr">

  54.                     <block v-for="(node, index) of node.nodes" :key="index">

  55.                         <wx-parse-template :node="node" />

  56.                     </block>

  57.                 </view>

  58.             </block>

  59.         </block>

  60. 

  61.         <!--判断是否是文本节点-->

  62.         <block v-else-if="node.node == 'text'">{{node.text}}</block>

  63.     </view>

  64. </template>

  65. 

  66. <script>

  67.     import wxParseTemplate from './wxParseTemplate11';

  68.     import wxParseImg from './wxParseImg';

  69.     import wxParseVideo from './wxParseVideo';

  70.     import wxParseAudio from './wxParseAudio';

  71. 

  72.     export default {

  73.         name: 'wxParseTemplate10',

  74.         props: {

  75.             node: {},

  76.         },

  77.         components: {

  78.             wxParseTemplate,

  79.             wxParseImg,

  80.             wxParseVideo,

  81.             wxParseAudio,

  82.         },

  83.         methods: {

  84.             wxParseATap(e) {

  85.                 const {

  86.                     href

  87.                 } = e.currentTarget.dataset;

  88.                 if (!href) return;

  89.                 let parent = this.$parent;

  90.                 while(!parent.preview || typeof parent.preview !== 'function') {

  91.                     parent = parent.$parent;

  92.                 }

  93.                 parent.navigate(href, e);

  94.             },

  95.         },

  96.     };

  97. </script>

  98.
wxParseTemplate11.vue
复制代码
  1. <template>

  2.     <view>

  3.         <!--判断是否是标签节点-->

  4.         <block v-if="node.node == 'element'">

  5.             <!--button类型-->

  6.             <block v-if="node.tag == 'button'">

  7.                 <button type="default" size="mini">

  8.                 </button>

  9.             </block>

  10. 

  11.             <!--li类型-->

  12.             <block v-else-if="node.tag == 'li'">

  13.                 <view :class="node.classStr" :style="node.styleStr">

  14.                     {{node.text}}

  15.                 </view>

  16.             </block>

  17. 

  18.             <!--video类型-->

  19.             <block v-else-if="node.tag == 'video'">

  20.                 <wx-parse-video :node="node" />

  21.             </block>

  22. 

  23.             <!--audio类型-->

  24.             <block v-else-if="node.tag == 'audio'">

  25.                 <wx-parse-audio :node="node" />

  26.             </block>

  27. 

  28.             <!--img类型-->

  29.             <block v-else-if="node.tag == 'img'">

  30.                 <wx-parse-img :node="node" />

  31.             </block>

  32. 

  33.             <!--a类型-->

  34.             <block v-else-if="node.tag == 'a'">

  35.                 <view @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  36.                     {{node.text}}

  37.                 </view>

  38.             </block>

  39. 

  40.             <!--br类型-->

  41.             <block v-else-if="node.tag == 'br'">

  42.                 <text>\n</text>

  43.             </block>

  44. 

  45.             <!--其他标签-->

  46.             <block v-else>

  47.                 <view :class="node.classStr" :style="node.styleStr">

  48.                     {{node.text}}

  49.                 </view>

  50.             </block>

  51.         </block>

  52. 

  53.         <!--判断是否是文本节点-->

  54.         <block v-else-if="node.node == 'text'">{{node.text}}</block>

  55.     </view>

  56. </template>

  57. 

  58. <script>

  59.     import wxParseImg from './wxParseImg';

  60.     import wxParseVideo from './wxParseVideo';

  61.     import wxParseAudio from './wxParseAudio';

  62. 

  63.     export default {

  64.         name: 'wxParseTemplate11',

  65.         props: {

  66.             node: {},

  67.         },

  68.         components: {

  69.             wxParseImg,

  70.             wxParseVideo,

  71.             wxParseAudio,

  72.         },

  73.         methods: {

  74.             wxParseATap(e) {

  75.                 const {

  76.                     href

  77.                 } = e.currentTarget.dataset;

  78.                 if (!href) return;

  79.                 let parent = this.$parent;

  80.                 while(!parent.preview || typeof parent.preview !== 'function') {

  81.                     parent = parent.$parent;

  82.                 }

  83.                 parent.navigate(href, e);

  84.             },

  85.         },

  86.     };

  87. </script>

  88.
wxParseTemplate2.vue
复制代码
  1. <template>

  2.     <view>

  3.         <!--判断是否是标签节点-->

  4.         <block v-if="node.node == 'element'">

  5.             <block v-if="node.tag == 'button'">

  6.                 <button type="default" size="mini">

  7.                     <block v-for="(node, index) of node.nodes" :key="index">

  8.                         <wx-parse-template :node="node" />

  9.                     </block>

  10.                 </button>

  11.             </block>

  12. 

  13.             <!--li类型-->

  14.             <block v-else-if="node.tag == 'li'">

  15.                 <view :class="node.classStr" :style="node.styleStr">

  16.                     <block v-for="(node, index) of node.nodes" :key="index">

  17.                         <wx-parse-template :node="node" />

  18.                     </block>

  19.                 </view>

  20.             </block>

  21. 

  22.             <!--video类型-->

  23.             <block v-else-if="node.tag == 'video'">

  24.                 <wx-parse-video :node="node" />

  25.             </block>

  26. 

  27.             <!--audio类型-->

  28.             <block v-else-if="node.tag == 'audio'">

  29.                 <wx-parse-audio :node="node" />

  30.             </block>

  31. 

  32.             <!--img类型-->

  33.             <block v-else-if="node.tag == 'img'">

  34.                 <wx-parse-img :node="node" />

  35.             </block>

  36. 

  37.             <!--a类型-->

  38.             <block v-else-if="node.tag == 'a'">

  39.                 <view @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  40.                     <block v-for="(node, index) of node.nodes" :key="index">

  41.                         <wx-parse-template :node="node" />

  42.                     </block>

  43.                 </view>

  44.             </block>

  45. 

  46.             <!--br类型-->

  47.             <block v-else-if="node.tag == 'br'">

  48.                 <text>\n</text>

  49.             </block>

  50. 

  51.             <!--其他标签-->

  52.             <block v-else>

  53.                 <view :class="node.classStr" :style="node.styleStr">

  54.                     <block v-for="(node, index) of node.nodes" :key="index">

  55.                         <wx-parse-template :node="node" />

  56.                     </block>

  57.                 </view>

  58.             </block>

  59. 

  60.         </block>

  61. 

  62.         <!--判断是否是文本节点-->

  63.         <block v-else-if="node.node == 'text'">{{node.text}}</block>

  64.     </view>

  65. </template>

  66. 

  67. <script>

  68.     import wxParseTemplate from './wxParseTemplate3';

  69.     import wxParseImg from './wxParseImg';

  70.     import wxParseVideo from './wxParseVideo';

  71.     import wxParseAudio from './wxParseAudio';

  72. 

  73.     export default {

  74.         name: 'wxParseTemplate2',

  75.         props: {

  76.             node: {},

  77.         },

  78.         components: {

  79.             wxParseTemplate,

  80.             wxParseImg,

  81.             wxParseVideo,

  82.             wxParseAudio,

  83.         },

  84.         methods: {

  85.             wxParseATap(e) {

  86.                 const {

  87.                     href

  88.                 } = e.currentTarget.dataset;

  89.                 if (!href) return;

  90.                 let parent = this.$parent;

  91.                 while(!parent.preview || typeof parent.preview !== 'function') {

  92.                     parent = parent.$parent;

  93.                 }

  94.                 parent.navigate(href, e);

  95.             },

  96.         },

  97.     };

  98. </script>

  99.
wxParseTemplate3.vue
复制代码
  1. <template>

  2.     <view>

  3.         <!--判断是否是标签节点-->

  4.         <block v-if="node.node == 'element'">

  5.             <block v-if="node.tag == 'button'">

  6.                 <button type="default" size="mini">

  7.                     <block v-for="(node, index) of node.nodes" :key="index">

  8.                         <wx-parse-template :node="node" />

  9.                     </block>

  10.                 </button>

  11.             </block>

  12. 

  13.             <!--li类型-->

  14.             <block v-else-if="node.tag == 'li'">

  15.                 <view :class="node.classStr" :style="node.styleStr">

  16.                     <block v-for="(node, index) of node.nodes" :key="index">

  17.                         <wx-parse-template :node="node" />

  18.                     </block>

  19.                 </view>

  20.             </block>

  21. 

  22.             <!--video类型-->

  23.             <block v-else-if="node.tag == 'video'">

  24.                 <wx-parse-video :node="node" />

  25.             </block>

  26. 

  27.             <!--audio类型-->

  28.             <block v-else-if="node.tag == 'audio'">

  29.                 <wx-parse-audio :node="node" />

  30.             </block>

  31. 

  32.             <!--img类型-->

  33.             <block v-else-if="node.tag == 'img'">

  34.                 <wx-parse-img :node="node" />

  35.             </block>

  36. 

  37.             <!--a类型-->

  38.             <block v-else-if="node.tag == 'a'">

  39.                 <view @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  40.                     <block v-for="(node, index) of node.nodes" :key="index">

  41.                         <wx-parse-template :node="node" />

  42.                     </block>

  43.                 </view>

  44.             </block>

  45. 

  46.             <!--br类型-->

  47.             <block v-else-if="node.tag == 'br'">

  48.                 <text>\n</text>

  49.             </block>

  50. 

  51.             <!--其他标签-->

  52.             <block v-else>

  53.                 <view :class="node.classStr" :style="node.styleStr">

  54.                     <block v-for="(node, index) of node.nodes" :key="index">

  55.                         <wx-parse-template :node="node" />

  56.                     </block>

  57.                 </view>

  58.             </block>

  59. 

  60.         </block>

  61. 

  62.         <!--判断是否是文本节点-->

  63.         <block v-else-if="node.node == 'text'">{{node.text}}</block>

  64.     </view>

  65. </template>

  66. 

  67. <script>

  68.     import wxParseTemplate from './wxParseTemplate4';

  69.     import wxParseImg from './wxParseImg';

  70.     import wxParseVideo from './wxParseVideo';

  71.     import wxParseAudio from './wxParseAudio';

  72. 

  73.     export default {

  74.         name: 'wxParseTemplate3',

  75.         props: {

  76.             node: {},

  77.         },

  78.         components: {

  79.             wxParseTemplate,

  80.             wxParseImg,

  81.             wxParseVideo,

  82.             wxParseAudio,

  83.         },

  84.         methods: {

  85.             wxParseATap(e) {

  86.                 const {

  87.                     href

  88.                 } = e.currentTarget.dataset;

  89.                 if (!href) return;

  90.                 let parent = this.$parent;

  91.                 while(!parent.preview || typeof parent.preview !== 'function') {

  92.                     parent = parent.$parent;

  93.                 }

  94.                 parent.navigate(href, e);

  95.             },

  96.         },

  97.     };

  98. </script>

  99.
wxParseTemplate4.vue
复制代码
  1. <template>

  2.     <view>

  3.         <!--判断是否是标签节点-->

  4.         <block v-if="node.node == 'element'">

  5.             <block v-if="node.tag == 'button'">

  6.                 <button type="default" size="mini">

  7.                     <block v-for="(node, index) of node.nodes" :key="index">

  8.                         <wx-parse-template :node="node" />

  9.                     </block>

  10.                 </button>

  11.             </block>

  12. 

  13.             <!--li类型-->

  14.             <block v-else-if="node.tag == 'li'">

  15.                 <view :class="node.classStr" :style="node.styleStr">

  16.                     <block v-for="(node, index) of node.nodes" :key="index">

  17.                         <wx-parse-template :node="node" />

  18.                     </block>

  19.                 </view>

  20.             </block>

  21. 

  22.             <!--video类型-->

  23.             <block v-else-if="node.tag == 'video'">

  24.                 <wx-parse-video :node="node" />

  25.             </block>

  26. 

  27.             <!--audio类型-->

  28.             <block v-else-if="node.tag == 'audio'">

  29.                 <wx-parse-audio :node="node" />

  30.             </block>

  31. 

  32.             <!--img类型-->

  33.             <block v-else-if="node.tag == 'img'">

  34.                 <wx-parse-img :node="node" />

  35.             </block>

  36. 

  37.             <!--a类型-->

  38.             <block v-else-if="node.tag == 'a'">

  39.                 <view @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  40.                     <block v-for="(node, index) of node.nodes" :key="index">

  41.                         <wx-parse-template :node="node" />

  42.                     </block>

  43.                 </view>

  44.             </block>

  45. 

  46.             <!--br类型-->

  47.             <block v-else-if="node.tag == 'br'">

  48.                 <text>\n</text>

  49.             </block>

  50. 

  51.             <!--其他标签-->

  52.             <block v-else>

  53.                 <view :class="node.classStr" :style="node.styleStr">

  54.                     <block v-for="(node, index) of node.nodes" :key="index">

  55.                         <wx-parse-template :node="node" />

  56.                     </block>

  57.                 </view>

  58.             </block>

  59. 

  60.         </block>

  61. 

  62.         <!--判断是否是文本节点-->

  63.         <block v-else-if="node.node == 'text'">{{node.text}}</block>

  64.     </view>

  65. </template>

  66. 

  67. <script>

  68.     import wxParseTemplate from './wxParseTemplate5';

  69.     import wxParseImg from './wxParseImg';

  70.     import wxParseVideo from './wxParseVideo';

  71.     import wxParseAudio from './wxParseAudio';

  72. 

  73.     export default {

  74.         name: 'wxParseTemplate4',

  75.         props: {

  76.             node: {},

  77.         },

  78.         components: {

  79.             wxParseTemplate,

  80.             wxParseImg,

  81.             wxParseVideo,

  82.             wxParseAudio,

  83.         },

  84.         methods: {

  85.             wxParseATap(e) {

  86.                 const {

  87.                     href

  88.                 } = e.currentTarget.dataset;

  89.                 if (!href) return;

  90.                 let parent = this.$parent;

  91.                 while(!parent.preview || typeof parent.preview !== 'function') {

  92.                     parent = parent.$parent;

  93.                 }

  94.                 parent.navigate(href, e);

  95.             },

  96.         },

  97.     };

  98. </script>

  99.
wxParseTemplate5.vue
复制代码
  1. <template>

  2.     <view>

  3.         <!--判断是否是标签节点-->

  4.         <block v-if="node.node == 'element'">

  5.             <block v-if="node.tag == 'button'">

  6.                 <button type="default" size="mini">

  7.                     <block v-for="(node, index) of node.nodes" :key="index">

  8.                         <wx-parse-template :node="node" />

  9.                     </block>

  10.                 </button>

  11.             </block>

  12. 

  13.             <!--li类型-->

  14.             <block v-else-if="node.tag == 'li'">

  15.                 <view :class="node.classStr" :style="node.styleStr">

  16.                     <block v-for="(node, index) of node.nodes" :key="index">

  17.                         <wx-parse-template :node="node" />

  18.                     </block>

  19.                 </view>

  20.             </block>

  21. 

  22.             <!--video类型-->

  23.             <block v-else-if="node.tag == 'video'">

  24.                 <wx-parse-video :node="node" />

  25.             </block>

  26. 

  27.             <!--audio类型-->

  28.             <block v-else-if="node.tag == 'audio'">

  29.                 <wx-parse-audio :node="node" />

  30.             </block>

  31. 

  32.             <!--img类型-->

  33.             <block v-else-if="node.tag == 'img'">

  34.                 <wx-parse-img :node="node" />

  35.             </block>

  36. 

  37.             <!--a类型-->

  38.             <block v-else-if="node.tag == 'a'">

  39.                 <view @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  40.                     <block v-for="(node, index) of node.nodes" :key="index">

  41.                         <wx-parse-template :node="node" />

  42.                     </block>

  43.                 </view>

  44.             </block>

  45. 

  46.             <!--br类型-->

  47.             <block v-else-if="node.tag == 'br'">

  48.                 <text>\n</text>

  49.             </block>

  50. 

  51.             <!--其他标签-->

  52.             <block v-else>

  53.                 <view :class="node.classStr" :style="node.styleStr">

  54.                     <block v-for="(node, index) of node.nodes" :key="index">

  55.                         <wx-parse-template :node="node" />

  56.                     </block>

  57.                 </view>

  58.             </block>

  59. 

  60.         </block>

  61. 

  62.         <!--判断是否是文本节点-->

  63.         <block v-else-if="node.node == 'text'">{{node.text}}</block>

  64.     </view>

  65. </template>

  66. 

  67. <script>

  68.     import wxParseTemplate from './wxParseTemplate6';

  69.     import wxParseImg from './wxParseImg';

  70.     import wxParseVideo from './wxParseVideo';

  71.     import wxParseAudio from './wxParseAudio';

  72. 

  73.     export default {

  74.         name: 'wxParseTemplate5',

  75.         props: {

  76.             node: {},

  77.         },

  78.         components: {

  79.             wxParseTemplate,

  80.             wxParseImg,

  81.             wxParseVideo,

  82.             wxParseAudio,

  83.         },

  84.         methods: {

  85.             wxParseATap(e) {

  86.                 const {

  87.                     href

  88.                 } = e.currentTarget.dataset;

  89.                 if (!href) return;

  90.                 let parent = this.$parent;

  91.                 while(!parent.preview || typeof parent.preview !== 'function') {

  92.                     parent = parent.$parent;

  93.                 }

  94.                 parent.navigate(href, e);

  95.             },

  96.         },

  97.     };

  98. </script>

  99.
wxParseTemplate6.vue
复制代码
  1. <template>

  2.     <view>

  3.         <!--判断是否是标签节点-->

  4.         <block v-if="node.node == 'element'">

  5.             <block v-if="node.tag == 'button'">

  6.                 <button type="default" size="mini">

  7.                     <block v-for="(node, index) of node.nodes" :key="index">

  8.                         <wx-parse-template :node="node" />

  9.                     </block>

  10.                 </button>

  11.             </block>

  12. 

  13.             <!--li类型-->

  14.             <block v-else-if="node.tag == 'li'">

  15.                 <view :class="node.classStr" :style="node.styleStr">

  16.                     <block v-for="(node, index) of node.nodes" :key="index">

  17.                         <wx-parse-template :node="node" />

  18.                     </block>

  19.                 </view>

  20.             </block>

  21. 

  22.             <!--video类型-->

  23.             <block v-else-if="node.tag == 'video'">

  24.                 <wx-parse-video :node="node" />

  25.             </block>

  26. 

  27.             <!--audio类型-->

  28.             <block v-else-if="node.tag == 'audio'">

  29.                 <wx-parse-audio :node="node" />

  30.             </block>

  31. 

  32.             <!--img类型-->

  33.             <block v-else-if="node.tag == 'img'">

  34.                 <wx-parse-img :node="node" />

  35.             </block>

  36. 

  37.             <!--a类型-->

  38.             <block v-else-if="node.tag == 'a'">

  39.                 <view @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  40.                     <block v-for="(node, index) of node.nodes" :key="index">

  41.                         <wx-parse-template :node="node" />

  42.                     </block>

  43.                 </view>

  44.             </block>

  45. 

  46.             <!--br类型-->

  47.             <block v-else-if="node.tag == 'br'">

  48.                 <text>\n</text>

  49.             </block>

  50. 

  51.             <!--其他标签-->

  52.             <block v-else>

  53.                 <view :class="node.classStr" :style="node.styleStr">

  54.                     <block v-for="(node, index) of node.nodes" :key="index">

  55.                         <wx-parse-template :node="node" />

  56.                     </block>

  57.                 </view>

  58.             </block>

  59. 

  60.         </block>

  61. 

  62.         <!--判断是否是文本节点-->

  63.         <block v-else-if="node.node == 'text'">{{node.text}}</block>

  64.     </view>

  65. </template>

  66. 

  67. <script>

  68.     import wxParseTemplate from './wxParseTemplate7';

  69.     import wxParseImg from './wxParseImg';

  70.     import wxParseVideo from './wxParseVideo';

  71.     import wxParseAudio from './wxParseAudio';

  72. 

  73.     export default {

  74.         name: 'wxParseTemplate6',

  75.         props: {

  76.             node: {},

  77.         },

  78.         components: {

  79.             wxParseTemplate,

  80.             wxParseImg,

  81.             wxParseVideo,

  82.             wxParseAudio,

  83.         },

  84.         methods: {

  85.             wxParseATap(e) {

  86.                 const {

  87.                     href

  88.                 } = e.currentTarget.dataset;

  89.                 if (!href) return;

  90.                 let parent = this.$parent;

  91.                 while(!parent.preview || typeof parent.preview !== 'function') {

  92.                     parent = parent.$parent;

  93.                 }

  94.                 parent.navigate(href, e);

  95.             },

  96.         },

  97.     };

  98. </script>

  99.
wxParseTemplate7.vue
复制代码
  1. <template>

  2.     <view>

  3.         <!--判断是否是标签节点-->

  4.         <block v-if="node.node == 'element'">

  5.             <block v-if="node.tag == 'button'">

  6.                 <button type="default" size="mini">

  7.                     <block v-for="(node, index) of node.nodes" :key="index">

  8.                         <wx-parse-template :node="node" />

  9.                     </block>

  10.                 </button>

  11.             </block>

  12. 

  13.             <!--li类型-->

  14.             <block v-else-if="node.tag == 'li'">

  15.                 <view :class="node.classStr" :style="node.styleStr">

  16.                     <block v-for="(node, index) of node.nodes" :key="index">

  17.                         <wx-parse-template :node="node" />

  18.                     </block>

  19.                 </view>

  20.             </block>

  21. 

  22.             <!--video类型-->

  23.             <block v-else-if="node.tag == 'video'">

  24.                 <wx-parse-video :node="node" />

  25.             </block>

  26. 

  27.             <!--audio类型-->

  28.             <block v-else-if="node.tag == 'audio'">

  29.                 <wx-parse-audio :node="node" />

  30.             </block>

  31. 

  32.             <!--img类型-->

  33.             <block v-else-if="node.tag == 'img'">

  34.                 <wx-parse-img :node="node" />

  35.             </block>

  36. 

  37.             <!--a类型-->

  38.             <block v-else-if="node.tag == 'a'">

  39.                 <view @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  40.                     <block v-for="(node, index) of node.nodes" :key="index">

  41.                         <wx-parse-template :node="node" />

  42.                     </block>

  43.                 </view>

  44.             </block>

  45. 

  46.             <!--br类型-->

  47.             <block v-else-if="node.tag == 'br'">

  48.                 <text>\n</text>

  49.             </block>

  50. 

  51.             <!--其他标签-->

  52.             <block v-else>

  53.                 <view :class="node.classStr" :style="node.styleStr">

  54.                     <block v-for="(node, index) of node.nodes" :key="index">

  55.                         <wx-parse-template :node="node" />

  56.                     </block>

  57.                 </view>

  58.             </block>

  59. 

  60.         </block>

  61. 

  62.         <!--判断是否是文本节点-->

  63.         <block v-else-if="node.node == 'text'">{{node.text}}</block>

  64.     </view>

  65. </template>

  66. 

  67. <script>

  68.     import wxParseTemplate from './wxParseTemplate8';

  69.     import wxParseImg from './wxParseImg';

  70.     import wxParseVideo from './wxParseVideo';

  71.     import wxParseAudio from './wxParseAudio';

  72. 

  73.     export default {

  74.         name: 'wxParseTemplate7',

  75.         props: {

  76.             node: {},

  77.         },

  78.         components: {

  79.             wxParseTemplate,

  80.             wxParseImg,

  81.             wxParseVideo,

  82.             wxParseAudio,

  83.         },

  84.         methods: {

  85.             wxParseATap(e) {

  86.                 const {

  87.                     href

  88.                 } = e.currentTarget.dataset;

  89.                 if (!href) return;

  90.                 let parent = this.$parent;

  91.                 while(!parent.preview || typeof parent.preview !== 'function') {

  92.                     parent = parent.$parent;

  93.                 }

  94.                 parent.navigate(href, e);

  95.             },

  96.         },

  97.     };

  98. </script>

  99.
wxParseTemplate8.vue
复制代码
  1. <template>

  2.     <view>

  3.         <!--判断是否是标签节点-->

  4.         <block v-if="node.node == 'element'">

  5.             <block v-if="node.tag == 'button'">

  6.                 <button type="default" size="mini">

  7.                     <block v-for="(node, index) of node.nodes" :key="index">

  8.                         <wx-parse-template :node="node" />

  9.                     </block>

  10.                 </button>

  11.             </block>

  12. 

  13.             <!--li类型-->

  14.             <block v-else-if="node.tag == 'li'">

  15.                 <view :class="node.classStr" :style="node.styleStr">

  16.                     <block v-for="(node, index) of node.nodes" :key="index">

  17.                         <wx-parse-template :node="node" />

  18.                     </block>

  19.                 </view>

  20.             </block>

  21. 

  22.             <!--video类型-->

  23.             <block v-else-if="node.tag == 'video'">

  24.                 <wx-parse-video :node="node" />

  25.             </block>

  26. 

  27.             <!--audio类型-->

  28.             <block v-else-if="node.tag == 'audio'">

  29.                 <wx-parse-audio :node="node" />

  30.             </block>

  31. 

  32.             <!--img类型-->

  33.             <block v-else-if="node.tag == 'img'">

  34.                 <wx-parse-img :node="node" />

  35.             </block>

  36. 

  37.             <!--a类型-->

  38.             <block v-else-if="node.tag == 'a'">

  39.                 <view @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  40.                     <block v-for="(node, index) of node.nodes" :key="index">

  41.                         <wx-parse-template :node="node" />

  42.                     </block>

  43.                 </view>

  44.             </block>

  45. 

  46.             <!--br类型-->

  47.             <block v-else-if="node.tag == 'br'">

  48.                 <text>\n</text>

  49.             </block>

  50. 

  51.             <!--其他标签-->

  52.             <block v-else>

  53.                 <view :class="node.classStr" :style="node.styleStr">

  54.                     <block v-for="(node, index) of node.nodes" :key="index">

  55.                         <wx-parse-template :node="node" />

  56.                     </block>

  57.                 </view>

  58.             </block>

  59. 

  60.         </block>

  61. 

  62.         <!--判断是否是文本节点-->

  63.         <block v-else-if="node.node == 'text'">{{node.text}}</block>

  64.     </view>

  65. </template>

  66. 

  67. <script>

  68.     import wxParseTemplate from './wxParseTemplate9';

  69.     import wxParseImg from './wxParseImg';

  70.     import wxParseVideo from './wxParseVideo';

  71.     import wxParseAudio from './wxParseAudio';

  72. 

  73.     export default {

  74.         name: 'wxParseTemplate8',

  75.         props: {

  76.             node: {},

  77.         },

  78.         components: {

  79.             wxParseTemplate,

  80.             wxParseImg,

  81.             wxParseVideo,

  82.             wxParseAudio,

  83.         },

  84.         methods: {

  85.             wxParseATap(e) {

  86.                 const {

  87.                     href

  88.                 } = e.currentTarget.dataset;

  89.                 if (!href) return;

  90.                 let parent = this.$parent;

  91.                 while(!parent.preview || typeof parent.preview !== 'function') {

  92.                     parent = parent.$parent;

  93.                 }

  94.                 parent.navigate(href, e);

  95.             },

  96.         },

  97.     };

  98. </script>

  99.
wxParseTemplate9.vue
复制代码
  1. <template>

  2.     <view>

  3.         <!--判断是否是标签节点-->

  4.         <block v-if="node.node == 'element'">

  5.             <block v-if="node.tag == 'button'">

  6.                 <button type="default" size="mini">

  7.                     <block v-for="(node, index) of node.nodes" :key="index">

  8.                         <wx-parse-template :node="node" />

  9.                     </block>

  10.                 </button>

  11.             </block>

  12. 

  13.             <!--li类型-->

  14.             <block v-else-if="node.tag == 'li'">

  15.                 <view :class="node.classStr" :style="node.styleStr">

  16.                     <block v-for="(node, index) of node.nodes" :key="index">

  17.                         <wx-parse-template :node="node" />

  18.                     </block>

  19.                 </view>

  20.             </block>

  21. 

  22.             <!--video类型-->

  23.             <block v-else-if="node.tag == 'video'">

  24.                 <wx-parse-video :node="node" />

  25.             </block>

  26. 

  27.             <!--audio类型-->

  28.             <block v-else-if="node.tag == 'audio'">

  29.                 <wx-parse-audio :node="node" />

  30.             </block>

  31. 

  32.             <!--img类型-->

  33.             <block v-else-if="node.tag == 'img'">

  34.                 <wx-parse-img :node="node" />

  35.             </block>

  36. 

  37.             <!--a类型-->

  38.             <block v-else-if="node.tag == 'a'">

  39.                 <view @click="wxParseATap" :class="node.classStr" :data-href="node.attr.href" :style="node.styleStr">

  40.                     <block v-for="(node, index) of node.nodes" :key="index">

  41.                         <wx-parse-template :node="node" />

  42.                     </block>

  43.                 </view>

  44.             </block>

  45. 

  46.             <!--br类型-->

  47.             <block v-else-if="node.tag == 'br'">

  48.                 <text>\n</text>

  49.             </block>

  50. 

  51.             <!--其他标签-->

  52.             <block v-else>

  53.                 <view :class="node.classStr" :style="node.styleStr">

  54.                     <block v-for="(node, index) of node.nodes" :key="index">

  55.                         <wx-parse-template :node="node" />

  56.                     </block>

  57.                 </view>

  58.             </block>

  59. 

  60.         </block>

  61. 

  62.         <!--判断是否是文本节点-->

  63.         <block v-else-if="node.node == 'text'">{{node.text}}</block>

  64.     </view>

  65. </template>

  66. 

  67. <script>

  68.     import wxParseTemplate from './wxParseTemplate10';

  69.     import wxParseImg from './wxParseImg';

  70.     import wxParseVideo from './wxParseVideo';

  71.     import wxParseAudio from './wxParseAudio';

  72. 

  73.     export default {

  74.         name: 'wxParseTemplate9',

  75.         props: {

  76.             node: {},

  77.         },

  78.         components: {

  79.             wxParseTemplate,

  80.             wxParseImg,

  81.             wxParseVideo,

  82.             wxParseAudio,

  83.         },

  84.         methods: {

  85.             wxParseATap(e) {

  86.                 const {

  87.                     href

  88.                 } = e.currentTarget.dataset;

  89.                 if (!href) return;

  90.                 let parent = this.$parent;

  91.                 while(!parent.preview || typeof parent.preview !== 'function') {

  92.                     parent = parent.$parent;

  93.                 }

  94.                 parent.navigate(href, e);

  95.             },

  96.         },

  97.     };

  98. </script>

  99.
wxParseVideo.vue
复制代码
  1. <template>

  2.   <!--增加video标签支持，并循环添加-->

  3.   <view :class="node.classStr" :style="node.styleStr">

  4.     <video :class="node.classStr" class="video-video" :src="node.attr.src"></video>

  5.   </view>

  6. </template>

  7. 

  8. <script>

  9. export default {

  10.   name: 'wxParseVideo',

  11.   props: {

  12.     node: {},

  13.   },

  14. };

  15. </script>

  16.
libs
html2json.js
复制代码
  1. /**

  2.  * html2Json 改造来自: https://github.com/Jxck/html2json

  3.  *

  4.  *

  5.  * author: Di (微信小程序开发工程师)

  6.  * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)

  7.  *               垂直微信小程序开发交流社区

  8.  *

  9.  * github地址: https://github.com/icindy/wxParse

  10.  *

  11.  * for: 微信小程序富文本解析

  12.  * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184

  13.  */

  14. 

  15. import wxDiscode from './wxDiscode';

  16. import HTMLParser from './htmlparser';

  17. 

  18. function makeMap(str) {

  19.   const obj = {};

  20.   const items = str.split(',');

  21.   for (let i = 0; i < items.length; i += 1) obj[items[i]] = true;

  22.   return obj;

  23. }

  24. 

  25. // Block Elements - HTML 5

  26. const block = makeMap('br,code,address,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video');

  27. 

  28. // Inline Elements - HTML 5

  29. const inline = makeMap('a,abbr,acronym,applet,b,basefont,bdo,big,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var');

  30. 

  31. // Elements that you can, intentionally, leave open

  32. // (and which close themselves)

  33. const closeSelf = makeMap('colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr');

  34. 

  35. function removeDOCTYPE(html) {

  36.   const isDocument = /<body.*>([^]*)<\/body>/.test(html);

  37.   return isDocument ? RegExp.$1 : html;

  38. }

  39. 

  40. function trimHtml(html) {

  41.   return html

  42.     .replace(/<!--.*?-->/gi, '')

  43.     .replace(/\/\*.*?\*\//gi, '')

  44.     .replace(/[ ]+</gi, '<')

  45.     .replace(/<script[^]*<\/script>/gi, '')

  46.     .replace(/<style[^]*<\/style>/gi, '');

  47. }

  48. 

  49. function getScreenInfo() {

  50.   const screen = {};

  51.   wx.getSystemInfo({

  52.     success: (res) => {

  53.       screen.width = res.windowWidth;

  54.       screen.height = res.windowHeight;

  55.     },

  56.   });

  57.   return screen;

  58. }

  59. 

  60. function html2json(html, customHandler, imageProp, host) {

  61.   // 处理字符串

  62.   html = removeDOCTYPE(html);

  63.   html = trimHtml(html);

  64.   html = wxDiscode.strDiscode(html);

  65.   // 生成node节点

  66.   const bufArray = [];

  67.   const results = {

  68.     nodes: [],

  69.     imageUrls: [],

  70.   };

  71. 

  72.     const screen = getScreenInfo();

  73.   function Node(tag) {

  74.     this.node = 'element';

  75.     this.tag = tag;

  76.         

  77.         this.$screen = screen;

  78.   }

  79. 

  80.   HTMLParser(html, {

  81.     start(tag, attrs, unary) {

  82.       // node for this element

  83.       const node = new Node(tag);

  84. 

  85.       if (bufArray.length !== 0) {

  86.         const parent = bufArray[0];

  87.         if (parent.nodes === undefined) {

  88.           parent.nodes = [];

  89.         }

  90.       }

  91. 

  92.       if (block[tag]) {

  93.         node.tagType = 'block';

  94.       } else if (inline[tag]) {

  95.         node.tagType = 'inline';

  96.       } else if (closeSelf[tag]) {

  97.         node.tagType = 'closeSelf';

  98.       }

  99. 

  100.       node.attr = attrs.reduce((pre, attr) => {

  101.         const { name } = attr;

  102.         let { value } = attr;

  103.         if (name === 'class') {

  104.           node.classStr = value;

  105.         }

  106.         // has multi attibutes

  107.         // make it array of attribute

  108.         if (name === 'style') {

  109.           node.styleStr = value;

  110.         }

  111.         if (value.match(/ /)) {

  112.           value = value.split(' ');

  113.         }

  114. 

  115.         // if attr already exists

  116.         // merge it

  117.         if (pre[name]) {

  118.           if (Array.isArray(pre[name])) {

  119.             // already array, push to last

  120.             pre[name].push(value);

  121.           } else {

  122.             // single value, make it array

  123.             pre[name] = [pre[name], value];

  124.           }

  125.         } else {

  126.           // not exist, put it

  127.           pre[name] = value;

  128.         }

  129. 

  130.         return pre;

  131.       }, {});

  132. 

  133.       // 优化样式相关属性

  134.       if (node.classStr) {

  135.         node.classStr += ` ${node.tag}`;

  136.       } else {

  137.         node.classStr = node.tag;

  138.       }

  139.       if (node.tagType === 'inline') {

  140.         node.classStr += ' inline';

  141.       }

  142. 

  143.       // 对img添加额外数据

  144.       if (node.tag === 'img') {

  145.         let imgUrl = node.attr.src;

  146.         imgUrl = wxDiscode.urlToHttpUrl(imgUrl, imageProp.domain);

  147.         Object.assign(node.attr, imageProp, {

  148.           src: imgUrl || '',

  149.         });

  150.         if (imgUrl) {

  151.           results.imageUrls.push(imgUrl);

  152.         }

  153.       }

  154. 

  155.       // 处理a标签属性

  156.       if (node.tag === 'a') {

  157.         node.attr.href = node.attr.href || '';

  158.       }

  159. 

  160.       // 处理font标签样式属性

  161.       if (node.tag === 'font') {

  162.         const fontSize = [

  163.           'x-small',

  164.           'small',

  165.           'medium',

  166.           'large',

  167.           'x-large',

  168.           'xx-large',

  169.           '-webkit-xxx-large',

  170.         ];

  171.         const styleAttrs = {

  172.           color: 'color',

  173.           face: 'font-family',

  174.           size: 'font-size',

  175.         };

  176.         if (!node.styleStr) node.styleStr = '';

  177.         Object.keys(styleAttrs).forEach((key) => {

  178.           if (node.attr[key]) {

  179.             const value = key === 'size' ? fontSize[node.attr[key] - 1] : node.attr[key];

  180.             node.styleStr += `${styleAttrs[key]}: ${value};`;

  181.           }

  182.         });

  183.       }

  184. 

  185.       // 临时记录source资源

  186.       if (node.tag === 'source') {

  187.         results.source = node.attr.src;

  188.       }

  189. 

  190.       if (customHandler.start) {

  191.         customHandler.start(node, results);

  192.       }

  193. 

  194.       if (unary) {

  195.         // if this tag doesn't have end tag

  196.         // like <img src="hoge.png"/>

  197.         // add to parents

  198.         const parent = bufArray[0] || results;

  199.         if (parent.nodes === undefined) {

  200.           parent.nodes = [];

  201.         }

  202.         parent.nodes.push(node);

  203.       } else {

  204.         bufArray.unshift(node);

  205.       }

  206.     },

  207.     end(tag) {

  208.       // merge into parent tag

  209.       const node = bufArray.shift();

  210.       if (node.tag !== tag) {

  211.         // console.error('invalid state: mismatch end tag');

  212.       }

  213. 

  214.       // 当有缓存source资源时于于video补上src资源

  215.       if (node.tag === 'video' && results.source) {

  216.         node.attr.src = results.source;

  217.         delete results.source;

  218.       }

  219. 

  220.       if (customHandler.end) {

  221.         customHandler.end(node, results);

  222.       }

  223. 

  224.       if (bufArray.length === 0) {

  225.         results.nodes.push(node);

  226.       } else {

  227.         const parent = bufArray[0];

  228.         if (!parent.nodes) {

  229.           parent.nodes = [];

  230.         }

  231.         parent.nodes.push(node);

  232.       }

  233.     },

  234.     chars(text) {

  235.       if (!text.trim()) return;

  236. 

  237.       const node = {

  238.         node: 'text',

  239.         text,

  240.       };

  241. 

  242.       if (customHandler.chars) {

  243.         customHandler.chars(node, results);

  244.       }

  245. 

  246.       if (bufArray.length === 0) {

  247.         results.nodes.push(node);

  248.       } else {

  249.         const parent = bufArray[0];

  250.         if (parent.nodes === undefined) {

  251.           parent.nodes = [];

  252.         }

  253.         parent.nodes.push(node);

  254.       }

  255.     },

  256.   });

  257. 

  258.   return results;

  259. }

  260. 

  261. export default html2json;

  262.
htmlparser.js
复制代码
  1. /**

  2.  *

  3.  * htmlParser改造自: https://github.com/blowsie/Pure-JavaScript-HTML5-Parser

  4.  *

  5.  * author: Di (微信小程序开发工程师)

  6.  * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)

  7.  *               垂直微信小程序开发交流社区

  8.  *

  9.  * github地址: https://github.com/icindy/wxParse

  10.  *

  11.  * for: 微信小程序富文本解析

  12.  * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184

  13.  */

  14. // Regular Expressions for parsing tags and attributes

  15. 

  16. const startTag = /^<([-A-Za-z0-9_]+)((?:\s+[a-zA-Z0-9_:][-a-zA-Z0-9_:.]*(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/;

  17. const endTag = /^<\/([-A-Za-z0-9_]+)[^>]*>/;

  18. const attr = /([a-zA-Z0-9_:][-a-zA-Z0-9_:.]*)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|([^>\s]+)))?/g;

  19. 

  20. function makeMap(str) {

  21.   const obj = {};

  22.   const items = str.split(',');

  23.   for (let i = 0; i < items.length; i += 1) obj[items[i]] = true;

  24.   return obj;

  25. }

  26. 

  27. // Empty Elements - HTML 5

  28. const empty = makeMap('area,base,basefont,br,col,frame,hr,img,input,link,meta,param,embed,command,keygen,source,track,wbr');

  29. 

  30. // Block Elements - HTML 5

  31. const block = makeMap('address,code,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video');

  32. 

  33. // Inline Elements - HTML 5

  34. const inline = makeMap('a,abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var');

  35. 

  36. // Elements that you can, intentionally, leave open

  37. // (and which close themselves)

  38. const closeSelf = makeMap('colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr');

  39. 

  40. // Attributes that have their values filled in disabled="disabled"

  41. const fillAttrs = makeMap('checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected');

  42. 

  43. function HTMLParser(html, handler) {

  44.   let index;

  45.   let chars;

  46.   let match;

  47.   let last = html;

  48.   const stack = [];

  49. 

  50.   stack.last = () => stack[stack.length - 1];

  51. 

  52.   function parseEndTag(tag, tagName) {

  53.     // If no tag name is provided, clean shop

  54.     let pos;

  55.     if (!tagName) {

  56.       pos = 0;

  57.     } else {

  58.       // Find the closest opened tag of the same type

  59.       tagName = tagName.toLowerCase();

  60.       for (pos = stack.length - 1; pos >= 0; pos -= 1) {

  61.         if (stack[pos] === tagName) break;

  62.       }

  63.     }

  64.     if (pos >= 0) {

  65.       // Close all the open elements, up the stack

  66.       for (let i = stack.length - 1; i >= pos; i -= 1) {

  67.         if (handler.end) handler.end(stack[i]);

  68.       }

  69. 

  70.       // Remove the open elements from the stack

  71.       stack.length = pos;

  72.     }

  73.   }

  74. 

  75.   function parseStartTag(tag, tagName, rest, unary) {

  76.     tagName = tagName.toLowerCase();

  77. 

  78.     if (block[tagName]) {

  79.       while (stack.last() && inline[stack.last()]) {

  80.         parseEndTag('', stack.last());

  81.       }

  82.     }

  83. 

  84.     if (closeSelf[tagName] && stack.last() === tagName) {

  85.       parseEndTag('', tagName);

  86.     }

  87. 

  88.     unary = empty[tagName] || !!unary;

  89. 

  90.     if (!unary) stack.push(tagName);

  91. 

  92.     if (handler.start) {

  93.       const attrs = [];

  94. 

  95.       rest.replace(attr, function genAttr(matches, name) {

  96.         const value = arguments[2] || arguments[3] || arguments[4] || (fillAttrs[name] ? name : '');

  97. 

  98.         attrs.push({

  99.           name,

  100.           value,

  101.           escaped: value.replace(/(^|[^\\])"/g, '$1\\"'), // "

  102.         });

  103.       });

  104. 

  105.       if (handler.start) {

  106.         handler.start(tagName, attrs, unary);

  107.       }

  108.     }

  109.   }

  110. 

  111.   while (html) {

  112.     chars = true;

  113. 

  114.     if (html.indexOf('</') === 0) {

  115.       match = html.match(endTag);

  116. 

  117.       if (match) {

  118.         html = html.substring(match[0].length);

  119.         match[0].replace(endTag, parseEndTag);

  120.         chars = false;

  121.       }

  122. 

  123.       // start tag

  124.     } else if (html.indexOf('<') === 0) {

  125.       match = html.match(startTag);

  126. 

  127.       if (match) {

  128.         html = html.substring(match[0].length);

  129.         match[0].replace(startTag, parseStartTag);

  130.         chars = false;

  131.       }

  132.     }

  133. 

  134.     if (chars) {

  135.       index = html.indexOf('<');

  136.       let text = '';

  137.       while (index === 0) {

  138.         text += '<';

  139.         html = html.substring(1);

  140.         index = html.indexOf('<');

  141.       }

  142.       text += index < 0 ? html : html.substring(0, index);

  143.       html = index < 0 ? '' : html.substring(index);

  144. 

  145.       if (handler.chars) handler.chars(text);

  146.     }

  147. 

  148.     if (html === last) throw new Error(`Parse Error: ${html}`);

  149.     last = html;

  150.   }

  151. 

  152.   // Clean up any remaining tags

  153.   parseEndTag();

  154. }

  155. 

  156. export default HTMLParser;

  157.
wxDiscode.js
复制代码
  1. // HTML 支持的数学符号

  2. function strNumDiscode(str) {

  3.   str = str.replace(/&forall;/g, '∀');

  4.   str = str.replace(/&part;/g, '∂');

  5.   str = str.replace(/&exist;/g, '∃');

  6.   str = str.replace(/&empty;/g, '∅');

  7.   str = str.replace(/&nabla;/g, '∇');

  8.   str = str.replace(/&isin;/g, '∈');

  9.   str = str.replace(/&notin;/g, '∉');

  10.   str = str.replace(/&ni;/g, '∋');

  11.   str = str.replace(/&prod;/g, '∏');

  12.   str = str.replace(/&sum;/g, '∑');

  13.   str = str.replace(/&minus;/g, '−');

  14.   str = str.replace(/&lowast;/g, '∗');

  15.   str = str.replace(/&radic;/g, '√');

  16.   str = str.replace(/&prop;/g, '∝');

  17.   str = str.replace(/&infin;/g, '∞');

  18.   str = str.replace(/&ang;/g, '∠');

  19.   str = str.replace(/&and;/g, '∧');

  20.   str = str.replace(/&or;/g, '∨');

  21.   str = str.replace(/&cap;/g, '∩');

  22.   str = str.replace(/&cup;/g, '∪');

  23.   str = str.replace(/&int;/g, '∫');

  24.   str = str.replace(/&there4;/g, '∴');

  25.   str = str.replace(/&sim;/g, '∼');

  26.   str = str.replace(/&cong;/g, '≅');

  27.   str = str.replace(/&asymp;/g, '≈');

  28.   str = str.replace(/&ne;/g, '≠');

  29.   str = str.replace(/&le;/g, '≤');

  30.   str = str.replace(/&ge;/g, '≥');

  31.   str = str.replace(/&sub;/g, '⊂');

  32.   str = str.replace(/&sup;/g, '⊃');

  33.   str = str.replace(/&nsub;/g, '⊄');

  34.   str = str.replace(/&sube;/g, '⊆');

  35.   str = str.replace(/&supe;/g, '⊇');

  36.   str = str.replace(/&oplus;/g, '⊕');

  37.   str = str.replace(/&otimes;/g, '⊗');

  38.   str = str.replace(/&perp;/g, '⊥');

  39.   str = str.replace(/&sdot;/g, '⋅');

  40.   return str;

  41. }

  42. 

  43. // HTML 支持的希腊字母

  44. function strGreeceDiscode(str) {

  45.   str = str.replace(/&Alpha;/g, 'Α');

  46.   str = str.replace(/&Beta;/g, 'Β');

  47.   str = str.replace(/&Gamma;/g, 'Γ');

  48.   str = str.replace(/&Delta;/g, 'Δ');

  49.   str = str.replace(/&Epsilon;/g, 'Ε');

  50.   str = str.replace(/&Zeta;/g, 'Ζ');

  51.   str = str.replace(/&Eta;/g, 'Η');

  52.   str = str.replace(/&Theta;/g, 'Θ');

  53.   str = str.replace(/&Iota;/g, 'Ι');

  54.   str = str.replace(/&Kappa;/g, 'Κ');

  55.   str = str.replace(/&Lambda;/g, 'Λ');

  56.   str = str.replace(/&Mu;/g, 'Μ');

  57.   str = str.replace(/&Nu;/g, 'Ν');

  58.   str = str.replace(/&Xi;/g, 'Ν');

  59.   str = str.replace(/&Omicron;/g, 'Ο');

  60.   str = str.replace(/&Pi;/g, 'Π');

  61.   str = str.replace(/&Rho;/g, 'Ρ');

  62.   str = str.replace(/&Sigma;/g, 'Σ');

  63.   str = str.replace(/&Tau;/g, 'Τ');

  64.   str = str.replace(/&Upsilon;/g, 'Υ');

  65.   str = str.replace(/&Phi;/g, 'Φ');

  66.   str = str.replace(/&Chi;/g, 'Χ');

  67.   str = str.replace(/&Psi;/g, 'Ψ');

  68.   str = str.replace(/&Omega;/g, 'Ω');

  69. 

  70.   str = str.replace(/&alpha;/g, 'α');

  71.   str = str.replace(/&beta;/g, 'β');

  72.   str = str.replace(/&gamma;/g, 'γ');

  73.   str = str.replace(/&delta;/g, 'δ');

  74.   str = str.replace(/&epsilon;/g, 'ε');

  75.   str = str.replace(/&zeta;/g, 'ζ');

  76.   str = str.replace(/&eta;/g, 'η');

  77.   str = str.replace(/&theta;/g, 'θ');

  78.   str = str.replace(/&iota;/g, 'ι');

  79.   str = str.replace(/&kappa;/g, 'κ');

  80.   str = str.replace(/&lambda;/g, 'λ');

  81.   str = str.replace(/&mu;/g, 'μ');

  82.   str = str.replace(/&nu;/g, 'ν');

  83.   str = str.replace(/&xi;/g, 'ξ');

  84.   str = str.replace(/&omicron;/g, 'ο');

  85.   str = str.replace(/&pi;/g, 'π');

  86.   str = str.replace(/&rho;/g, 'ρ');

  87.   str = str.replace(/&sigmaf;/g, 'ς');

  88.   str = str.replace(/&sigma;/g, 'σ');

  89.   str = str.replace(/&tau;/g, 'τ');

  90.   str = str.replace(/&upsilon;/g, 'υ');

  91.   str = str.replace(/&phi;/g, 'φ');

  92.   str = str.replace(/&chi;/g, 'χ');

  93.   str = str.replace(/&psi;/g, 'ψ');

  94.   str = str.replace(/&omega;/g, 'ω');

  95.   str = str.replace(/&thetasym;/g, 'ϑ');

  96.   str = str.replace(/&upsih;/g, 'ϒ');

  97.   str = str.replace(/&piv;/g, 'ϖ');

  98.   str = str.replace(/&middot;/g, '·');

  99.   return str;

  100. }

  101. 

  102. function strcharacterDiscode(str) {

  103.   // 加入常用解析

  104.   str = str.replace(/&nbsp;/g, ' ');

  105.   str = str.replace(/&ensp;/g, ' ');

  106.   str = str.replace(/&emsp;/g, '　');

  107.   str = str.replace(/&quot;/g, "'");

  108.   str = str.replace(/&amp;/g, '&');

  109.   str = str.replace(/&lt;/g, '<');

  110.   str = str.replace(/&gt;/g, '>');

  111.   str = str.replace(/&#8226;/g, '•');

  112. 

  113.   return str;

  114. }

  115. 

  116. // HTML 支持的其他实体

  117. function strOtherDiscode(str) {

  118.   str = str.replace(/&OElig;/g, 'Œ');

  119.   str = str.replace(/&oelig;/g, 'œ');

  120.   str = str.replace(/&Scaron;/g, 'Š');

  121.   str = str.replace(/&scaron;/g, 'š');

  122.   str = str.replace(/&Yuml;/g, 'Ÿ');

  123.   str = str.replace(/&fnof;/g, 'ƒ');

  124.   str = str.replace(/&circ;/g, 'ˆ');

  125.   str = str.replace(/&tilde;/g, '˜');

  126.   str = str.replace(/&ensp;/g, '');

  127.   str = str.replace(/&emsp;/g, '');

  128.   str = str.replace(/&thinsp;/g, '');

  129.   str = str.replace(/&zwnj;/g, '');

  130.   str = str.replace(/&zwj;/g, '');

  131.   str = str.replace(/&lrm;/g, '');

  132.   str = str.replace(/&rlm;/g, '');

  133.   str = str.replace(/&ndash;/g, '–');

  134.   str = str.replace(/&mdash;/g, '—');

  135.   str = str.replace(/&lsquo;/g, '‘');

  136.   str = str.replace(/&rsquo;/g, '’');

  137.   str = str.replace(/&sbquo;/g, '‚');

  138.   str = str.replace(/&ldquo;/g, '“');

  139.   str = str.replace(/&rdquo;/g, '”');

  140.   str = str.replace(/&bdquo;/g, '„');

  141.   str = str.replace(/&dagger;/g, '†');

  142.   str = str.replace(/&Dagger;/g, '‡');

  143.   str = str.replace(/&bull;/g, '•');

  144.   str = str.replace(/&hellip;/g, '…');

  145.   str = str.replace(/&permil;/g, '‰');

  146.   str = str.replace(/&prime;/g, '′');

  147.   str = str.replace(/&Prime;/g, '″');

  148.   str = str.replace(/&lsaquo;/g, '‹');

  149.   str = str.replace(/&rsaquo;/g, '›');

  150.   str = str.replace(/&oline;/g, '‾');

  151.   str = str.replace(/&euro;/g, '€');

  152.   str = str.replace(/&trade;/g, '™');

  153. 

  154.   str = str.replace(/&larr;/g, '←');

  155.   str = str.replace(/&uarr;/g, '↑');

  156.   str = str.replace(/&rarr;/g, '→');

  157.   str = str.replace(/&darr;/g, '↓');

  158.   str = str.replace(/&harr;/g, '↔');

  159.   str = str.replace(/&crarr;/g, '↵');

  160.   str = str.replace(/&lceil;/g, '⌈');

  161.   str = str.replace(/&rceil;/g, '⌉');

  162. 

  163.   str = str.replace(/&lfloor;/g, '⌊');

  164.   str = str.replace(/&rfloor;/g, '⌋');

  165.   str = str.replace(/&loz;/g, '◊');

  166.   str = str.replace(/&spades;/g, '♠');

  167.   str = str.replace(/&clubs;/g, '♣');

  168.   str = str.replace(/&hearts;/g, '♥');

  169. 

  170.   str = str.replace(/&diams;/g, '♦');

  171.   str = str.replace(/&#39;/g, "'");

  172.   return str;

  173. }

  174. 

  175. function strDiscode(str) {

  176.   str = strNumDiscode(str);

  177.   str = strGreeceDiscode(str);

  178.   str = strcharacterDiscode(str);

  179.   str = strOtherDiscode(str);

  180.   return str;

  181. }

  182. 

  183. function urlToHttpUrl(url, domain) {

  184.   if (/^\/\//.test(url)) {

  185.     return `https:${url}`;

  186.   } else if (/^\//.test(url)) {

  187.     return `https://${domain}${url}`;

  188.   }

  189.   return url;

  190. }

  191. 

  192. export default {

  193.   strDiscode,

  194.   urlToHttpUrl,

  195. };

  196.
readme.md
复制代码
  1. ## uParse 适用于 uni-app/mpvue 的富文本解析组件

  2. 

  3. > 支持 Html、Markdown 解析，Fork自: [mpvue-wxParse](https://github.com/F-loat/mpvue-wxParse)

  4. 

  5. 

  6. ## 属性

  7. 

  8. | 名称             | 类型          | 默认值        | 描述               |

  9. | -----------------|--------------- | ------------- | ----------------  |

  10. | loading          | Boolean        | false         | 数据加载状态       |

  11. | className        | String         | —             | 自定义 class 名称  |

  12. | content          | String         | —             | 渲染内容           |

  13. | noData           | String         | 数据不能为空   | 空数据时的渲染展示  |

  14. | startHandler     | Function       | 见源码         | 自定义 parser 函数 |

  15. | endHandler       | Function       | null          | 自定义 parser 函数 |

  16. | charsHandler     | Function       | null          | 自定义 parser 函数 |

  17. | imageProp        | Object         | 见下文        | 图片相关参数        |

  18. 

  19. ### 自定义 parser 函数具体介绍

  20. 

  21. * 传入的参数为当前节点 `node` 对象及解析结果 `results` 对象，例如 `startHandler(node, results)`

  22. * 无需返回值，通过对传入的参数直接操作来完成需要的改动

  23. * 自定义函数会在原解析函数处理之后执行

  24. 

  25. ### imageProp 对象具体属性

  26. 

  27. | 名称              | 类型           | 默认值        | 描述                |

  28. | -----------------|--------------- | ------------- | ------------------ |

  29. | mode             | String         | 'aspectFit'   | 图片裁剪、缩放的模式 |

  30. | padding          | Number         | 0             | 图片内边距          |

  31. | lazyLoad         | Boolean        | false         | 图片懒加载          |

  32. | domain           | String         | ''            | 图片服务域名        |

  33. 

  34. ## 事件

  35. 

  36. | 名称             | 参数              | 描述              |

  37. | -----------------|----------------- | ----------------  |

  38. | preview          | 图片地址，原始事件 | 预览图片时触发     |

  39. | navigate         | 链接地址，原始事件 | 点击链接时触发     |

  40. 

  41. ## 基本使用方法

  42. 

  43.

<template>
<div>

复制代码
  1. <u-parse :content="article" @preview="preview" @navigate="navigate" />

</div>
</template>

<script>
import uParse from '@/components/u-parse/u-parse.vue'

export default {
components: {

复制代码
  1. uParse

},
data () {

复制代码
  1. return {

  2.   article: '<div>我是HTML代码</div>'

  3. }

},
methods: {

复制代码
  1. preview(src, e) {

  2.   // do something

  3. },

  4. navigate(href, e) {

  5.   // do something

  6. }

}
}
</script>

<style>
@import url("@/components/u-parse/u-parse.css");
</style>

复制代码
  1. 

  2. 

  3. ## 渲染 Markdown

  4. 

  5. > 先将 markdown 转换为 html 即可

  6.

npm install marked

import marked from 'marked'
import uParse from '@/components/u-parse/u-parse.vue'

export default {
components: {

复制代码
  1. uParse

},
data () {

复制代码
  1. return {

  2.   article: marked(`#hello, markdown!`)

  3. }

}
}

u-parse.css
复制代码
  1. /**

  2.  * author: Di (微信小程序开发工程师)

  3.  * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)

  4.  *         垂直微信小程序开发交流社区

  5.  *

  6.  * github地址: https://github.com/icindy/wxParse

  7.  *

  8.  * for: 微信小程序富文本解析

  9.  * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184

  10.  */

  11. 

  12. .wxParse {

  13.   width: 100%;

  14.   font-family: Helvetica, sans-serif;

  15.   font-size: 30upx;

  16.   color: #666;

  17.   line-height: 1.8;

  18. }

  19. 

  20. .wxParse view {

  21.   word-break: hyphenate;

  22. }

  23. 

  24. .wxParse .inline {

  25.   display: inline;

  26.   margin: 0;

  27.   padding: 0;

  28. }

  29. 

  30. .wxParse .div {

  31.   margin: 0;

  32.   padding: 0;

  33. }

  34. 

  35. .wxParse .h1 .text {

  36.   font-size: 2em;

  37.   margin: 0.67em 0;

  38. }

  39. .wxParse .h2 .text {

  40.   font-size: 1.5em;

  41.   margin: 0.83em 0;

  42. }

  43. .wxParse .h3 .text {

  44.   font-size: 1.17em;

  45.   margin: 1em 0;

  46. }

  47. .wxParse .h4 .text {

  48.   margin: 1.33em 0;

  49. }

  50. .wxParse .h5 .text {

  51.   font-size: 0.83em;

  52.   margin: 1.67em 0;

  53. }

  54. .wxParse .h6 .text {

  55.   font-size: 0.67em;

  56.   margin: 2.33em 0;

  57. }

  58. 

  59. .wxParse .h1 .text,

  60. .wxParse .h2 .text,

  61. .wxParse .h3 .text,

  62. .wxParse .h4 .text,

  63. .wxParse .h5 .text,

  64. .wxParse .h6 .text,

  65. .wxParse .b,

  66. .wxParse .strong {

  67.   font-weight: bolder;

  68. }

  69. 

  70. 

  71. .wxParse .p {

  72.   margin: 1em 0;

  73. }

  74. 

  75. .wxParse .i,

  76. .wxParse .cite,

  77. .wxParse .em,

  78. .wxParse .var,

  79. .wxParse .address {

  80.   font-style: italic;

  81. }

  82. 

  83. .wxParse .pre,

  84. .wxParse .tt,

  85. .wxParse .code,

  86. .wxParse .kbd,

  87. .wxParse .samp {

  88.   font-family: monospace;

  89. }

  90. .wxParse .pre {

  91.   overflow: auto;

  92.   background: #f5f5f5;

  93.   padding: 16upx;

  94.   white-space: pre;

  95.   margin: 1em 0upx;

  96. }

  97. .wxParse .code {

  98.   display: inline;

  99.   background: #f5f5f5;

  100. }

  101. 

  102. .wxParse .big {

  103.   font-size: 1.17em;

  104. }

  105. 

  106. .wxParse .small,

  107. .wxParse .sub,

  108. .wxParse .sup {

  109.   font-size: 0.83em;

  110. }

  111. 

  112. .wxParse .sub {

  113.   vertical-align: sub;

  114. }

  115. .wxParse .sup {

  116.   vertical-align: super;

  117. }

  118. 

  119. .wxParse .s,

  120. .wxParse .strike,

  121. .wxParse .del {

  122.   text-decoration: line-through;

  123. }

  124. 

  125. .wxParse .strong,

  126. .wxParse .s {

  127.   display: inline;

  128. }

  129. 

  130. .wxParse .a {

  131.   color: deepskyblue;

  132. }

  133. 

  134. .wxParse .video {

  135.   text-align: center;

  136.   margin: 22upx 0;

  137. }

  138. 

  139. .wxParse .video-video {

  140.   width: 100%;

  141. }

  142. 

  143. .wxParse .img {

  144.   display: inline-block;

  145.   width: 0;

  146.   height: 0;

  147.   max-width: 100%;

  148.   overflow: hidden;

  149. }

  150. 

  151. .wxParse .blockquote {

  152.   margin: 10upx 0;

  153.   padding: 22upx 0 22upx 22upx;

  154.   font-family: Courier, Calibri, "宋体";

  155.   background: #f5f5f5;

  156.   border-left: 6upx solid #dbdbdb;

  157. }

  158. .wxParse .blockquote .p {

  159.   margin: 0;

  160. }

  161. 

  162. .wxParse .ul, .wxParse .ol {

  163.   display: block;

  164.   margin: 1em 0;

  165.   padding-left: 33upx;

  166. }

  167. .wxParse .ol {

  168.   list-style-type: disc;

  169. }

  170. .wxParse .ol {

  171.   list-style-type: decimal;

  172. }

  173. .wxParse .ol>weixin-parse-template,.wxParse .ul>weixin-parse-template {

  174.   display: list-item;

  175.   align-items: baseline;

  176.   text-align: match-parent;

  177. }

  178. 

  179. .wxParse .ol>.li,.wxParse .ul>.li {

  180.   display: list-item;

  181.   align-items: baseline;

  182.   text-align: match-parent;

  183. }

  184. .wxParse .ul .ul, .wxParse .ol .ul {

  185.   list-style-type: circle;

  186. }

  187. .wxParse .ol .ol .ul, .wxParse .ol .ul .ul, .wxParse .ul .ol .ul, .wxParse .ul .ul .ul {

  188.     list-style-type: square;

  189. }

  190. 

  191. .wxParse .u {

  192.   text-decoration: underline;

  193. }

  194. .wxParse .hide {

  195.   display: none;

  196. }

  197. .wxParse .del {

  198.   display: inline;

  199. }

  200. .wxParse .figure {

  201.   overflow: hidden;

  202. }

  203. 

  204. .wxParse .table {

  205.   width: 100%;

  206. }

  207. .wxParse .thead, .wxParse .tfoot, .wxParse .tr {

  208.   display: flex;

  209.   flex-direction: row;

  210. }

  211. .wxParse .tr {

  212.   width:100%;

  213.   display: flex;

  214.   border-right: 2upx solid #e0e0e0;

  215.   border-bottom: 2upx solid #e0e0e0;

  216. }

  217. .wxParse .th,

  218. .wxParse .td {

  219.   display: flex;

  220.   width: 1276upx;

  221.   overflow: auto;

  222.   flex: 1;

  223.   padding: 11upx;

  224.   border-left: 2upx solid #e0e0e0;

  225. }

  226. .wxParse .td:last {

  227.   border-top: 2upx solid #e0e0e0;

  228. }

  229. .wxParse .th {

  230.   background: #f0f0f0;

  231.   border-top: 2upx solid #e0e0e0;

  232. }

  233.
u-parse.vue
复制代码
  1. <!--**

  2.  * forked from：https://github.com/F-loat/mpvue-wxParse

  3.  *

  4.  * github地址: https://github.com/dcloudio/uParse

  5.  *

  6.  * for: uni-app框架下 富文本解析

  7.  */-->

  8. 

  9. <template>

  10. <!--基础元素-->

  11. <div class="wxParse" :class="className" v-if="!loading">

  12.   <block v-for="(node,index) of nodes" :key="index">

  13.     <wxParseTemplate :node="node" />

  14.   </block>

  15. </div>

  16. </template>

  17. 

  18. <script>

  19. import HtmlToJson from './libs/html2json';

  20. import wxParseTemplate from './components/wxParseTemplate0';

  21. 

  22. export default {

  23.   name: 'wxParse',

  24.   props: {

  25.     loading: {

  26.       type: Boolean,

  27.       default: false,

  28.     },

  29.     className: {

  30.       type: String,

  31.       default: '',

  32.     },

  33.     content: {

  34.       type: String,

  35.       default: '',

  36.     },

  37.     noData: {

  38.       type: String,

  39.       default: '<div style="color: #999;text-align: center;">加载中...</div>',

  40.     },

  41.     startHandler: {

  42.       type: Function,

  43.       default() {

  44.         return (node) => {

  45.           node.attr.class = null;

  46.           node.attr.style = null;

  47.         };

  48.       },

  49.     },

  50.     endHandler: {

  51.       type: Function,

  52.       default: null,

  53.     },

  54.     charsHandler: {

  55.       type: Function,

  56.       default: null,

  57.     },

  58.     imageProp: {

  59.       type: Object,

  60.       default() {

  61.         return {

  62.           mode: 'aspectFit',

  63.           padding: 0,

  64.           lazyLoad: false,

  65.           domain: '',

  66.         };

  67.       },

  68.     },

  69.   },

  70.   components: {

  71.     wxParseTemplate,

  72.   },

  73.   data() {

  74.     return {

  75.       imageUrls: [],

  76.     };

  77.   },

  78.   computed: {

  79.     nodes() {

  80.       const {

  81.         content,

  82.         noData,

  83.         imageProp,

  84.         startHandler,

  85.         endHandler,

  86.         charsHandler,

  87.       } = this;

  88.       const parseData = content || noData;

  89.       const customHandler = {

  90.         start: startHandler,

  91.         end: endHandler,

  92.         chars: charsHandler,

  93.       };

  94.       const results = HtmlToJson(parseData, customHandler, imageProp, this);

  95.       this.imageUrls = results.imageUrls;

  96.       return results.nodes;

  97.     },

  98.   },

  99.   methods: {

  100.     navigate(href, $event) {

  101.       this.$emit('navigate', href, $event);

  102.     },

  103.     preview(src, $event) {

  104.       if (!this.imageUrls.length) return;

  105.       uni.previewImage({

  106.         current: src,

  107.         urls: this.imageUrls,

  108.       });

  109.       this.$emit('preview', src, $event);

  110.     },

  111.     removeImageUrl(src) {

  112.       const { imageUrls } = this;

  113.       imageUrls.splice(imageUrls.indexOf(src), 1);

  114.     },

  115.   },

  116. };

  117. </script>

  118.

uni-countdown

readme.md
复制代码
  1. ### CountDown 倒计时

  2. 

  3. 倒计时组件，组件名：``uni-countdown``，代码块： uCountDown。

  4. 

  5. **使用方式：**

  6. 

  7. 在 ``script`` 中引用组件 

  8.

import uniCountdown from "@/components/uni-countdown/uni-countdown.vue"
export default {

复制代码
  1. components: {uniCountdown}

}

复制代码
  1. 

  2. 一般用法

  3.

<uni-countdown

复制代码
  1. :day="1" 

  2. :hour="1" 

  3. :minute="12" 

  4. :second="40">

</uni-countdown>

复制代码
  1. 

  2. 不显示天数

  3.

<uni-countdown

复制代码
  1. :show-day="false" 

  2. :hour="12" 

  3. :minute="12" 

  4. :second="12">

</uni-countdown>

复制代码
  1. 

  2. 修改颜色

  3.

<uni-countdown

复制代码
  1. color="#FFFFFF" 

  2. background-color="#00B26A" 

  3. border-color="#00B26A" 

  4. :day="1" 

  5. :hour="2" 

  6. :minute="30" 

  7. :second="0">

</uni-countdown>

复制代码
  1. 

  2. 实际效果参考：[https://github.com/dcloudio/uni-ui](https://github.com/dcloudio/uni-ui)

  3. 

  4. **uniCountDown 属性说明：**

  5. 

  6. |属性名|类型|默认值    |说明|

  7. |---|----|---|---|

  8. |background-color|String|#FFFFFF|背景色|

  9. |border-color|String|#000000|边框颜色|

  10. |color    |String    |#000000|文字颜色|

  11. |splitor-color|String|#000000|割符号颜色|

  12. |day|Number|0|天数|

  13. |hour|Number|0|小时|

  14. |minute|Number|0|分钟|

  15. |second|Number|0|秒|

  16. |show-day|Boolean|true|是否显示天数|

  17. |show-colon|Boolean|true|是否以冒号为分隔符|

  18. 

  19. **uniCountDown 事件说明：**

  20. 

  21. |事件称名|说明|返回参数|

  22. |---|----|---|

  23. |timeup|倒计时时间到触发事件|-|

  24.
uni-countdown.vue
复制代码
  1. <template>

  2.     <view class="uni-countdown">

  3.         <view v-if="showDay && d!=0" class="uni-countdown__number" :style="{borderColor:borderColor, color:color, background:backgroundColor}">{{d}}</view>

  4.         <view v-if="showDay  && d!=0" class="uni-countdown__splitor" :style="{color:textColor}">天</view>

  5.         <view class="uni-countdown__number" :style="{borderColor:borderColor, color:color, background:backgroundColor}">{{h}}</view>

  6.         <view class="uni-countdown__splitor" :style="{color:textColor}">{{showColon ? ':' : '时'}}</view>

  7.         <view class="uni-countdown__number" :style="{borderColor:borderColor, color:color, background:backgroundColor}">{{i}}</view>

  8.         <view class="uni-countdown__splitor" :style="{color:textColor}">{{showColon ? ':' : '分'}}</view>

  9.         <view class="uni-countdown__number" :style="{borderColor:borderColor, color:color, background:backgroundColor}">{{s}}</view>

  10.         <view v-if="!showColon" class="uni-countdown__splitor" :style="{color:textColor}">秒</view>

  11.     </view>

  12. </template>

  13. <script>

  14.     export default {

  15.         name: "uni-countdown",

  16.         props: {

  17.             showDay: {

  18.                 type: Boolean,

  19.                 default: true

  20.             },

  21.             showColon: {

  22.                 type: Boolean,

  23.                 default: true

  24.             },

  25.             backgroundColor: {

  26.                 type: String,

  27.                 default: "#FFFFFF"

  28.             },

  29.             borderColor: {

  30.                 type: String,

  31.                 default: "#000000"

  32.             },

  33.             color: {

  34.                 type: String,

  35.                 // value: "#000000"

  36.             },

  37.             textColor: {

  38.                 type: String,

  39.                 default: "#000000"

  40.             },

  41.             splitorColor: {

  42.                 type: String,

  43.                 default: "#000"

  44.             },

  45.             day: {

  46.                 type: Number,

  47.                 default: 0

  48.             },

  49.             hour: {

  50.                 type: Number,

  51.                 default: 0

  52.             },

  53.             minute: {

  54.                 type: Number,

  55.                 default: 0

  56.             },

  57.             second: {

  58.                 type: Number,

  59.                 default: 0

  60.             }

  61.         },

  62.         data() {

  63.             return {

  64.                 timer: null,

  65.                 d: '00',

  66.                 h: '00',

  67.                 i: '00',

  68.                 s: '00',

  69.                 leftTime: 0,

  70.                 seconds: 0

  71.             }

  72.         },

  73.         created: function(e) {

  74.             this.seconds = this.toSeconds(this.day, this.hour, this.minute, this.second)

  75.             this.countDown()

  76.             this.timer = setInterval(() => {

  77.                 this.seconds--

  78.                 if (this.seconds < 0) {

  79.                     this.timeUp()

  80.                     return

  81.                 }

  82.                 this.countDown()

  83.             }, 1000)

  84.         },

  85.         beforeDestroy() {

  86.             clearInterval(this.timer)

  87.         },

  88.         methods: {

  89.             toSeconds(day, hours, minutes, seconds) {

  90.                 return (day * 60 * 60 * 24) + (hours * 60 * 60) + (minutes * 60) + seconds

  91.             },

  92.             timeUp() {

  93.                 clearInterval(this.timer)

  94.                 this.$emit('timeup')

  95.             },

  96.             countDown() {

  97.                 let seconds = this.seconds

  98.                 let [day, hour, minute, second] = [0, 0, 0, 0]

  99.                 if (seconds > 0) {

  100.                     day = Math.floor(seconds / (60 * 60 * 24))

  101.                     hour = Math.floor(seconds / (60 * 60)) - (day * 24)

  102.                     minute = Math.floor(seconds / 60) - (day * 24 * 60) - (hour * 60)

  103.                     second = Math.floor(seconds) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60)

  104.                 } else {

  105.                     this.timeUp()

  106.                 }

  107.                 if (day < 10) {

  108.                     day = '0' + day

  109.                 }

  110.                 if (hour < 10) {

  111.                     hour = '0' + hour

  112.                 }

  113.                 if (minute < 10) {

  114.                     minute = '0' + minute

  115.                 }

  116.                 if (second < 10) {

  117.                     second = '0' + second

  118.                 }

  119.                 this.d = day

  120.                 this.h = hour

  121.                 this.i = minute

  122.                 this.s = second

  123.             }

  124.         }

  125.     }

  126. </script>

  127. <style lang="scss">

  128.     $countdown-height:44upx;

  129. 

  130.     .uni-countdown {

  131.         padding: 2upx 0;

  132.         display: inline-flex;

  133.         flex-wrap: nowrap;

  134.         justify-content: center;

  135. 

  136.         &__splitor {

  137.             justify-content: center;

  138.             line-height: $countdown-height;

  139.             padding: 0 5upx;

  140.             font-size: 24upx;

  141.             // color: #d0d0d0;

  142.         }

  143. 

  144.         &__number {

  145.             line-height: $countdown-height;

  146.             justify-content: center;

  147.             height: $countdown-height;

  148.             border-radius: $uni-border-radius-base;

  149.             // margin: 0 5upx;

  150.             font-size:  24upx;

  151.             // border: 1px solid #000000;

  152.             font-size: $uni-font-size-sm;

  153.             // padding: 0 10upx;

  154.         }

  155.     }

  156. </style>

  157.

uni-fab

uni-fab.vue
复制代码
  1. <template>

  2.     <view>

  3.         <view

  4.             class="fab-box fab" 

  5.             :class="{

  6.                 leftBottom: leftBottom,

  7.                 rightBottom: rightBottom,

  8.                 leftTop: leftTop,

  9.                 rightTop: rightTop

  10.             }"

  11.         >

  12.             <view

  13.                 class="fab-circle"

  14.                 :class="{

  15.                     left: horizontal === 'left' && direction === 'horizontal',

  16.                     top: vertical === 'top' && direction === 'vertical',

  17.                     bottom: vertical === 'bottom' && direction === 'vertical',

  18.                     right: horizontal === 'right' && direction === 'horizontal'

  19.                 }"

  20.                 :style="{ 'background-color': styles.buttonColor }"

  21.                 @click="open"

  22.             >

  23.                 <image class="icon icon-jia" src="../../../static/image/menu.png" mode="" :class="{ active: showContent }"></image>

  24.                 <!-- <text class="icon icon-jia" :class="{ active: showContent }"></text> -->

  25.             </view>

  26.             <view

  27.                 class="fab-content"

  28.                 :class="{

  29.                     left: horizontal === 'left',

  30.                     right: horizontal === 'right',

  31.                     flexDirection: direction === 'vertical',

  32.                     flexDirectionStart: flexDirectionStart,

  33.                     flexDirectionEnd: flexDirectionEnd

  34.                 }"

  35.                 :style="{ width: boxWidth, height: boxHeight, background: styles.backgroundColor }"

  36.             >

  37.                 <view v-if="flexDirectionStart || horizontalLeft" class="fab-item first"></view>

  38.                 <view

  39.                     class="fab-item"

  40.                     v-for="(item, index) in content"

  41.                     :key="index"

  42.                     :class="{ active: showContent }"

  43.                     :style="{

  44.                         color: item.active ? styles.selectedColor : styles.color

  45.                     }"

  46.                     @click="taps(index, item)"

  47.                 >

  48.                     <image

  49.                         class="content-image icon"

  50.                         :src="item.active ? item.selectedIconPath : item.iconPath"

  51.                         mode=""

  52.                     ></image>

  53.                     <text class="text">{{ item.text }}</text>

  54.                 </view>

  55.                 <view v-if="flexDirectionEnd || horizontalRight" class="fab-item first"></view>

  56.             </view>

  57.         </view>

  58.     </view>

  59. </template>

  60. 

  61. <script>

  62. export default {

  63.     props: {

  64.         pattern: {

  65.             type: Object,

  66.             default: () => {

  67.                 return {};

  68.             }

  69.         },

  70.         horizontal: {

  71.             type: String,

  72.             default: 'left'

  73.         },

  74.         vertical: {

  75.             type: String,

  76.             default: 'bottom'

  77.         },

  78.         direction: {

  79.             type: String,

  80.             default: 'horizontal'

  81.         },

  82.         content: {

  83.             type: Array,

  84.             default: () => {

  85.                 return [];

  86.             }

  87.         }

  88.     },

  89.     data() {

  90.         return {

  91.             fabShow: false,

  92.             flug: true,

  93.             showContent: false,

  94.             styles: {

  95.                 color: '#3c3e49',

  96.                 selectedColor: '#007AFF',

  97.                 backgroundColor: '#fff',

  98.                 buttonColor: '#3c3e49'

  99.             }

  100.         };

  101.     },

  102.     created() {

  103.         if (this.top === 0) {

  104.             this.fabShow = true;

  105.         }

  106.         // 初始化样式

  107.         this.styles = Object.assign({}, this.styles, this.pattern);

  108.     },

  109.     methods: {

  110.         open() {

  111.             this.showContent = !this.showContent;

  112.         },

  113.         /**

  114.          * 按钮点击事件

  115.          */

  116.         taps(index, item) {

  117.             this.$emit('trigger', {

  118.                 index,

  119.                 item

  120.             });

  121.         },

  122.         /**

  123.          * 获取 位置信息

  124.          */

  125.         getPosition(types, paramA, paramB) {

  126.             if (types === 0) {

  127.                 return this.horizontal === paramA && this.vertical === paramB;

  128.             } else if (types === 1) {

  129.                 return this.direction === paramA && this.vertical === paramB;

  130.             } else if (types === 2) {

  131.                 return this.direction === paramA && this.horizontal === paramB;

  132.             } else {

  133.                 return this.showContent && this.direction === paramA

  134.                     ? this.contentWidth

  135.                     : this.contentWidthMin;

  136.             }

  137.         }

  138.     },

  139.     watch: {

  140.         pattern(newValue, oldValue) {

  141.             // console.log(JSON.stringify(newValue));

  142.             this.styles = Object.assign({}, this.styles, newValue);

  143.         }

  144.     },

  145.     computed: {

  146.         contentWidth(e) {

  147.             return uni.upx2px((this.content.length + 1) * 90 + 20) + 'px';

  148.         },

  149.         contentWidthMin() {

  150.             return uni.upx2px(90) + 'px';

  151.         },

  152.         // 动态计算宽度

  153.         boxWidth() {

  154.             return this.getPosition(3, 'horizontal');

  155.         },

  156.         // 动态计算高度

  157.         boxHeight() {

  158.             return this.getPosition(3, 'vertical');

  159.         },

  160.         // 计算左下位置

  161.         leftBottom() {

  162.             return this.getPosition(0, 'left', 'bottom');

  163.         },

  164.         // 计算右下位置

  165.         rightBottom() {

  166.             return this.getPosition(0, 'right', 'bottom');

  167.         },

  168.         // 计算左上位置

  169.         leftTop() {

  170.             return this.getPosition(0, 'left', 'top');

  171.         },

  172.         rightTop() {

  173.             return this.getPosition(0, 'right', 'top');

  174.         },

  175.         flexDirectionStart() {

  176.             return this.getPosition(1, 'vertical', 'top');

  177.         },

  178.         flexDirectionEnd() {

  179.             return this.getPosition(1, 'vertical', 'bottom');

  180.         },

  181.         horizontalLeft() {

  182.             return this.getPosition(2, 'horizontal', 'left');

  183.         },

  184.         horizontalRight() {

  185.             return this.getPosition(2, 'horizontal', 'right');

  186.         }

  187.     }

  188. };

  189. </script>

  190. 

  191. <style scoped>

  192. .fab-box {

  193.     position: fixed;

  194.     display: flex;

  195.     justify-content: center;

  196.     align-items: center;

  197.     z-index: 2;

  198. }

  199. 

  200. .fab-box.top {

  201.     width: 60upx;

  202.     height: 60upx;

  203.     right: 30upx;

  204.     bottom: 60upx;

  205.     border: 1px #5989b9 solid;

  206.     background: #6699cc;

  207.     border-radius: 10upx;

  208.     color: #fff;

  209.     transition: all 0.3;

  210.     opacity: 0;

  211. }

  212. 

  213. .fab-box.active {

  214.     opacity: 1;

  215. }

  216. 

  217. .fab-box.fab {

  218.     z-index: 10;

  219. }

  220. 

  221. .fab-box.fab.leftBottom {

  222.     left: 30upx;

  223.     bottom: 130upx;

  224. }

  225. 

  226. .fab-box.fab.leftTop {

  227.     left: 30upx;

  228.     top: 80upx;

  229.     /* #ifdef H5 */

  230.     top: calc(80upx + var(--window-top));

  231.     /* #endif */

  232. }

  233. 

  234. .fab-box.fab.rightBottom {

  235.     right: 30upx;

  236.     bottom: 130upx;

  237. }

  238. 

  239. .fab-box.fab.rightTop {

  240.     right: 30upx;

  241.     top: 80upx;

  242.     /* #ifdef H5 */

  243.     top: calc(80upx + var(--window-top));

  244.     /* #endif */

  245. }

  246. 

  247. .fab-circle {

  248.     display: flex;

  249.     justify-content: center;

  250.     align-items: center;

  251.     position: absolute;

  252.     width: 90upx;

  253.     height: 90upx;

  254.     background: #3c3e49;

  255.     /* background: #5989b9; */

  256.     border-radius: 50%;

  257.     box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);

  258.     z-index: 11;

  259. }

  260. 

  261. .fab-circle.left {

  262.     left: 0;

  263. }

  264. 

  265. .fab-circle.right {

  266.     right: 0;

  267. }

  268. 

  269. .fab-circle.top {

  270.     top: 0;

  271. }

  272. 

  273. .fab-circle.bottom {

  274.     bottom: 0;

  275. }

  276. 

  277. .fab-circle .icon-jia {

  278.     color: #ffffff;

  279.     font-size: 50upx;

  280.     transition: all 0.3s;

  281. }

  282. 

  283. .fab-circle .icon-jia.active {

  284.     transform: rotate(90deg);

  285. }

  286. 

  287. .fab-content {

  288.     background: #6699cc;

  289.     box-sizing: border-box;

  290.     display: flex;

  291.     border-radius: 100upx;

  292.     overflow: hidden;

  293.     box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);

  294.     transition: all 0.2s;

  295.     width: 110upx;

  296. }

  297. 

  298. .fab-content.left {

  299.     justify-content: flex-start;

  300. }

  301. 

  302. .fab-content.right {

  303.     justify-content: flex-end;

  304. }

  305. 

  306. .fab-content.flexDirection {

  307.     flex-direction: column;

  308.     justify-content: flex-end;

  309. }

  310. 

  311. .fab-content.flexDirectionStart {

  312.     flex-direction: column;

  313.     justify-content: flex-start;

  314. }

  315. 

  316. .fab-content.flexDirectionEnd {

  317.     flex-direction: column;

  318.     justify-content: flex-end;

  319. }

  320. 

  321. .fab-content .fab-item {

  322.     display: flex;

  323.     flex-direction: column;

  324.     justify-content: center;

  325.     align-items: center;

  326.     width: 90upx;

  327.     height: 90upx;

  328.     font-size: 24upx;

  329.     color: #fff;

  330.     opacity: 0;

  331.     transition: opacity 0.2s;

  332. }

  333. 

  334. .fab-content .fab-item.active {

  335.     opacity: 1;

  336. }

  337. 

  338. .fab-content .fab-item .content-image {

  339.     width: 60upx;

  340.     height: 60upx;

  341.     margin-bottom: 10upx;

  342. }

  343. 

  344. .fab-content .fab-item.first {

  345.     width: 110upx;

  346. }

  347. 

  348. /* @font-face {

  349.     font-family: 'iconfont';

  350.     src: url('https://at.alicdn.com/t/font_1028200_xhbo4rn58rp.ttf?t=1548214263520')

  351.         format('truetype');

  352. }

  353. 

  354. .icon {

  355.     font-family: 'iconfont' !important;

  356.     font-size: 16px;

  357.     font-style: normal;

  358.     -webkit-font-smoothing: antialiased;

  359.     -moz-osx-font-smoothing: grayscale;

  360. }

  361. 

  362. .icon-jia:before {

  363.     content: '\e630';

  364. }

  365. 

  366. .icon-arrow-up:before {

  367.     content: '\e603';

  368. } */

  369. </style>

  370.

uni-icon

readme.md
复制代码
  1. ### Icon 图标

  2. 

  3. 用于展示 icon，组件名：``uni-icon``，代码块： uIcon。

  4. 

  5. **使用方式：**

  6. 

  7. 在 ``script`` 中引用组件 

  8.

import uniIcon from "@/components/uni-icon/uni-icon.vue"
export default {

复制代码
  1. components: {uniIcon}

}

复制代码
  1. 

  2. 在 ``template`` 中使用组件

  3.

<uni-icon type="contact" size="30"></uni-icon>

复制代码
  1. 

  2. 实际效果参考：[https://github.com/dcloudio/uni-ui](https://github.com/dcloudio/uni-ui)

  3. 

  4. **Icon 属性说明：**

  5. 

  6. |属性名        |类型|默认值    |说明|

  7. |---|----|---|---|

  8. |type    |String    |-|图标图案，参考下表|

  9. |color    |String    |-|图标颜色    |

  10. |size    |Number    |24|图标大小|

  11. |@click    |EventHandle|-|点击 Icon 触发事件|

  12. 

  13. **type 类型：**

  14. 

  15. <div>

  16.   <link rel="stylesheet" type="text/css" href="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/icon1.1.css"/>

  17.   <ul class="icon-group">

  18.       <li class="icon-item"><span class="uni-icon uni-icon-contact"></span><span>contact</span></li>

  19.       <li class="icon-item"><span class="uni-icon uni-icon-person"></span><span>person</span></li>

  20.       <li class="icon-item"><span class="uni-icon uni-icon-personadd"></span><span>personadd</span></li>

  21.       <li class="icon-item"><span class="uni-icon uni-icon-contact-filled"></span><span>contact-filled</span></li>

  22.       <li class="icon-item"><span class="uni-icon uni-icon-person-filled"></span><span>person-filled</span></li>

  23.       <li class="icon-item"><span class="uni-icon uni-icon-personadd-filled"></span><span>personadd-filled</span></li>

  24.       <li class="icon-item"><span class="uni-icon uni-icon-phone"></span><span>phone</span></li>

  25.       <li class="icon-item"><span class="uni-icon uni-icon-email"></span><span>email</span></li>

  26.       <li class="icon-item"><span class="uni-icon uni-icon-chatbubble"></span><span>chatbubble</span></li>

  27.       <li class="icon-item"><span class="uni-icon uni-icon-chatboxes"></span><span>chatboxes</span></li>

  28.       <li class="icon-item"><span class="uni-icon uni-icon-phone-filled"></span><span>phone-filled</span></li>

  29.       <li class="icon-item"><span class="uni-icon uni-icon-email-filled"></span><span>email-filled</span></li>

  30.       <li class="icon-item"><span class="uni-icon uni-icon-chatbubble-filled"></span><span>chatbubble-filled</span></li>

  31.       <li class="icon-item"><span class="uni-icon uni-icon-chatboxes-filled"></span><span>chatboxes-filled</span></li>

  32.       <li class="icon-item"><span class="uni-icon uni-icon-weibo"></span><span>weibo</span></li>

  33.       <li class="icon-item"><span class="uni-icon uni-icon-weixin"></span><span>weixin</span></li>

  34.       <li class="icon-item"><span class="uni-icon uni-icon-pengyouquan"></span><span>pengyouquan</span></li>

  35.       <li class="icon-item"><span class="uni-icon uni-icon-chat"></span><span>chat</span></li>

  36.       <li class="icon-item"><span class="uni-icon uni-icon-qq"></span><span>qq</span></li>

  37.       <li class="icon-item"><span class="uni-icon uni-icon-videocam"></span><span>videocam</span></li>

  38.       <li class="icon-item"><span class="uni-icon uni-icon-camera"></span><span>camera</span></li>

  39.       <li class="icon-item"><span class="uni-icon uni-icon-mic"></span><span>mic</span></li>

  40.       <li class="icon-item"><span class="uni-icon uni-icon-location"></span><span>location</span></li>

  41.       <li class="icon-item"><span class="uni-icon uni-icon-mic-filled"></span><span>mic-filled</span></li>

  42.       <li class="icon-item"><span class="uni-icon uni-icon-location-filled"></span><span>location-filled</span></li>

  43.       <li class="icon-item"><span class="uni-icon uni-icon-micoff"></span><span>micoff</span></li>

  44.       <li class="icon-item"><span class="uni-icon uni-icon-image"></span><span>image</span></li>

  45.       <li class="icon-item"><span class="uni-icon uni-icon-map"></span><span>map</span></li>

  46.       <li class="icon-item"><span class="uni-icon uni-icon-compose"></span><span>compose</span></li>

  47.       <li class="icon-item"><span class="uni-icon uni-icon-trash"></span><span>trash</span></li>

  48.       <li class="icon-item"><span class="uni-icon uni-icon-upload"></span><span>upload</span></li>

  49.       <li class="icon-item"><span class="uni-icon uni-icon-download"></span><span>download</span></li>

  50.       <li class="icon-item"><span class="uni-icon uni-icon-close"></span><span>close</span></li>

  51.       <li class="icon-item"><span class="uni-icon uni-icon-redo"></span><span>redo</span></li>

  52.       <li class="icon-item"><span class="uni-icon uni-icon-undo"></span><span>undo</span></li>

  53.       <li class="icon-item"><span class="uni-icon uni-icon-refresh"></span><span>refresh</span></li>

  54.       <li class="icon-item"><span class="uni-icon uni-icon-star"></span><span>star</span></li>

  55.       <li class="icon-item"><span class="uni-icon uni-icon-plus"></span><span>plus</span></li>

  56.       <li class="icon-item"><span class="uni-icon uni-icon-minus"></span><span>minus</span></li>

  57.       <li class="icon-item"><span class="uni-icon uni-icon-circle"></span><span>circle</span></li>

  58.       <li class="icon-item"><span class="uni-icon uni-icon-clear"></span><span>clear</span></li>

  59.       <li class="icon-item"><span class="uni-icon uni-icon-refresh-filled"></span><span>refresh-filled</span></li>

  60.       <li class="icon-item"><span class="uni-icon uni-icon-star-filled"></span><span>star-filled</span></li>

  61.       <li class="icon-item"><span class="uni-icon uni-icon-plus-filled"></span><span>plus-filled</span></li>

  62.       <li class="icon-item"><span class="uni-icon uni-icon-minus-filled"></span><span>minus-filled</span></li>

  63.       <li class="icon-item"><span class="uni-icon uni-icon-circle-filled"></span><span>circle-filled</span></li>

  64.       <li class="icon-item"><span class="uni-icon uni-icon-checkbox-filled"></span><span>checkbox-filled</span></li>

  65.       <li class="icon-item"><span class="uni-icon uni-icon-closeempty"></span><span>closeempty</span></li>

  66.       <li class="icon-item"><span class="uni-icon uni-icon-refreshempty"></span><span>refreshempty</span></li>

  67.       <li class="icon-item"><span class="uni-icon uni-icon-reload"></span><span>reload</span></li>

  68.       <li class="icon-item"><span class="uni-icon uni-icon-starhalf"></span><span>starhalf</span></li>

  69.       <li class="icon-item"><span class="uni-icon uni-icon-spinner"></span><span>spinner</span></li>

  70.       <li class="icon-item"><span class="uni-icon uni-icon-spinner-cycle"></span><span>spinner-cycle</span></li>

  71.       <li class="icon-item"><span class="uni-icon uni-icon-search"></span><span>search</span></li>

  72.       <li class="icon-item"><span class="uni-icon uni-icon-plusempty"></span><span>plusempty</span></li>

  73.       <li class="icon-item"><span class="uni-icon uni-icon-forward"></span><span>forward</span></li>

  74.       <li class="icon-item"><span class="uni-icon uni-icon-back"></span><span>back</span></li>

  75.       <li class="icon-item"><span class="uni-icon uni-icon-checkmarkempty"></span><span>checkmarkempty</span></li>

  76.       <li class="icon-item"><span class="uni-icon uni-icon-home"></span><span>home</span></li>

  77.       <li class="icon-item"><span class="uni-icon uni-icon-navigate"></span><span>navigate</span></li>

  78.       <li class="icon-item"><span class="uni-icon uni-icon-gear"></span><span>gear</span></li>

  79.       <li class="icon-item"><span class="uni-icon uni-icon-paperplane"></span><span>paperplane</span></li>

  80.       <li class="icon-item"><span class="uni-icon uni-icon-info"></span><span>info</span></li>

  81.       <li class="icon-item"><span class="uni-icon uni-icon-help"></span><span>help</span></li>

  82.       <li class="icon-item"><span class="uni-icon uni-icon-locked"></span><span>locked</span></li>

  83.       <li class="icon-item"><span class="uni-icon uni-icon-more"></span><span>more</span></li>

  84.       <li class="icon-item"><span class="uni-icon uni-icon-flag"></span><span>flag</span></li>

  85.       <li class="icon-item"><span class="uni-icon uni-icon-home-filled"></span><span>home-filled</span></li>

  86.       <li class="icon-item"><span class="uni-icon uni-icon-gear-filled"></span><span>gear-filled</span></li>

  87.       <li class="icon-item"><span class="uni-icon uni-icon-info-filled"></span><span>info-filled</span></li>

  88.       <li class="icon-item"><span class="uni-icon uni-icon-help-filled"></span><span>help-filled</span></li>

  89.       <li class="icon-item"><span class="uni-icon uni-icon-more-filled"></span><span>more-filled</span></li>

  90.       <li class="icon-item"><span class="uni-icon uni-icon-settings"></span><span>settings</span></li>

  91.       <li class="icon-item"><span class="uni-icon uni-icon-list"></span><span>list</span></li>

  92.       <li class="icon-item"><span class="uni-icon uni-icon-bars"></span><span>bars</span></li>

  93.       <li class="icon-item"><span class="uni-icon uni-icon-loop"></span><span>loop</span></li>

  94.       <li class="icon-item"><span class="uni-icon uni-icon-paperclip"></span><span>paperclip</span></li>

  95.       <li class="icon-item"><span class="uni-icon uni-icon-eye"></span><span>eye</span></li>

  96.       <li class="icon-item"><span class="uni-icon uni-icon-arrowup"></span><span>arrowup</span></li>

  97.       <li class="icon-item"><span class="uni-icon uni-icon-arrowdown"></span><span>arrowdown</span></li>

  98.       <li class="icon-item"><span class="uni-icon uni-icon-arrowleft"></span><span>arrowleft</span></li>

  99.       <li class="icon-item"><span class="uni-icon uni-icon-arrowright"></span><span>arrowright</span></li>

  100.       <li class="icon-item"><span class="uni-icon uni-icon-arrowthinup"></span><span>arrowthinup</span></li>

  101.       <li class="icon-item"><span class="uni-icon uni-icon-arrowthindown"></span><span>arrowthindown</span></li>

  102.       <li class="icon-item"><span class="uni-icon uni-icon-arrowthinleft"></span><span>arrowthinleft</span></li>

  103.       <li class="icon-item"><span class="uni-icon uni-icon-arrowthinright"></span><span>arrowthinright</span></li>

  104.       <li class="icon-item"><span class="uni-icon uni-icon-pulldown"></span><span>pulldown</span></li>

  105.       <li class="icon-item"><span class="uni-icon uni-icon-scan"></span><span>scan</span></li>

  106.   </ul>

  107. </div>

  108.
uni-icon.vue
复制代码
  1. <template>

  2.     <view class="uni-icon" :class="['uni-icon-'+type]" :style="{color:color,'font-size':fontSize}" @click="onClick()"></view>

  3. </template>

  4. 

  5. <script>

  6.     export default {

  7.         name: 'uni-icon',

  8.         props: {

  9.             /**

  10.              * 图标类型

  11.              */

  12.             type: String,

  13.             /**

  14.              * 图标颜色

  15.              */

  16.             color: String,

  17.             /**

  18.              * 图标大小

  19.              */

  20.             size: [Number, String]

  21.         },

  22.         computed: {

  23.             fontSize() {

  24.                 return `${this.size}px`

  25.             }

  26.         },

  27.         methods: {

  28.             onClick() {

  29.                 this.$emit('click')

  30.             }

  31.         }

  32.     }

  33. </script>

  34. 

  35. <style>

  36.     @font-face {

  37.         font-family: uniicons;

  38.         font-weight: normal;

  39.         font-style: normal;

  40.         src: url(data:font/truetype;charset=utf-8;base64,AAEAAAAQAQAABAAARkZUTYBH1lsAAHcQAAAAHEdERUYAJwBmAAB28AAAAB5PUy8yWe1cyQAAAYgAAABgY21hcGBhbBUAAAK0AAACQmN2dCAMpf40AAAPKAAAACRmcGdtMPeelQAABPgAAAmWZ2FzcAAAABAAAHboAAAACGdseWZsfgfZAAAQEAAAYQxoZWFkDdbyjwAAAQwAAAA2aGhlYQd+AyYAAAFEAAAAJGhtdHgkeBuYAAAB6AAAAMpsb2NhPEknLgAAD0wAAADCbWF4cAIjA3IAAAFoAAAAIG5hbWVceWDDAABxHAAAAg1wb3N05pkPsQAAcywAAAO8cHJlcKW5vmYAAA6QAAAAlQABAAAAAQAA6ov1dV8PPPUAHwQAAAAAANJrTZkAAAAA2DhhuQAA/yAEAAMgAAAACAACAAAAAAAAAAEAAAMg/yAAXAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAFAAEAAABgAXoADAAAAAAAAgBGAFQAbAAAAQQBogAAAAAABAP/AfQABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAIABgMAAAAAAAAAAAABEAAAAAAAAAAAAAAAUGZFZAGAAB3mEgMs/ywAXAMgAOAAAAABAAAAAAMYAs0AAAAgAAEBdgAiAAAAAAFVAAAD6QAsBAAAYADAAMAAYADAAMAAoACAAIAAYACgAIAAgABgALMAQABAAAUAVwBeAIABAAD0AQAA9AEAAEAAVgCgAOAAwADAAFEAfgCAAGAAQABgAGAAYAA+AFEAYABAAGAAYAA0AGAAPgFAAQAAgABAAAAAJQCBAQABQAFAASwAgABgAIAAwABgAGAAwADBAQAAgACAAGAAYADBAEAARABAABcBXwATAMAAwAFAAUABQAFAAMAAwAEeAF8AVQBAAAAAAAADAAAAAwAAABwAAQAAAAABPAADAAEAAAAcAAQBIAAAAEQAQAAFAAQAAAAdAHjhAuEy4gPiM+Jk4wPjM+Ng42TkCeQR5BPkNOQ55EPkZuRo5HLlCOUw5TLlNeU35WDlY+Vl5WjlieWQ5hL//wAAAAAAHQB44QDhMOIA4jDiYOMA4zLjYONj5ADkEOQT5DTkN+RA5GDkaORw5QDlMOUy5TTlN+Vg5WLlZeVn5YDlkOYS//8AAf/k/4sfBB7XHgod3h2yHRcc6Ry9HLscIBwaHBkb+Rv3G/Eb1RvUG80bQBsZGxgbFxsWGu4a7RrsGusa1BrOGk0AAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywCCNCsAcjQrAAI0KwAEOwB0NRWLAIQyuyAAEAQ2BCsBZlHFktsAUssABDIEUgsAJFY7ABRWJgRC2wBiywAEMgRSCwACsjsQQEJWAgRYojYSBkILAgUFghsAAbsDBQWLAgG7BAWVkjsABQWGVZsAMlI2FERC2wByyxBQVFsAFhRC2wCCywAWAgILAKQ0qwAFBYILAKI0JZsAtDSrAAUlggsAsjQlktsAksILgEAGIguAQAY4ojYbAMQ2AgimAgsAwjQiMtsAosS1RYsQcBRFkksA1lI3gtsAssS1FYS1NYsQcBRFkbIVkksBNlI3gtsAwssQANQ1VYsQ0NQ7ABYUKwCStZsABDsAIlQrIAAQBDYEKxCgIlQrELAiVCsAEWIyCwAyVQWLAAQ7AEJUKKiiCKI2GwCCohI7ABYSCKI2GwCCohG7AAQ7ACJUKwAiVhsAgqIVmwCkNHsAtDR2CwgGIgsAJFY7ABRWJgsQAAEyNEsAFDsAA+sgEBAUNgQi2wDSyxAAVFVFgAsA0jQiBgsAFhtQ4OAQAMAEJCimCxDAQrsGsrGyJZLbAOLLEADSstsA8ssQENKy2wECyxAg0rLbARLLEDDSstsBIssQQNKy2wEyyxBQ0rLbAULLEGDSstsBUssQcNKy2wFiyxCA0rLbAXLLEJDSstsBgssAcrsQAFRVRYALANI0IgYLABYbUODgEADABCQopgsQwEK7BrKxsiWS2wGSyxABgrLbAaLLEBGCstsBsssQIYKy2wHCyxAxgrLbAdLLEEGCstsB4ssQUYKy2wHyyxBhgrLbAgLLEHGCstsCEssQgYKy2wIiyxCRgrLbAjLCBgsA5gIEMjsAFgQ7ACJbACJVFYIyA8sAFgI7ASZRwbISFZLbAkLLAjK7AjKi2wJSwgIEcgILACRWOwAUViYCNhOCMgilVYIEcgILACRWOwAUViYCNhOBshWS2wJiyxAAVFVFgAsAEWsCUqsAEVMBsiWS2wJyywByuxAAVFVFgAsAEWsCUqsAEVMBsiWS2wKCwgNbABYC2wKSwAsANFY7ABRWKwACuwAkVjsAFFYrAAK7AAFrQAAAAAAEQ+IzixKAEVKi2wKiwgPCBHILACRWOwAUViYLAAQ2E4LbArLC4XPC2wLCwgPCBHILACRWOwAUViYLAAQ2GwAUNjOC2wLSyxAgAWJSAuIEewACNCsAIlSYqKRyNHI2EgWGIbIVmwASNCsiwBARUUKi2wLiywABawBCWwBCVHI0cjYbAGRStlii4jICA8ijgtsC8ssAAWsAQlsAQlIC5HI0cjYSCwBCNCsAZFKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgsAlDIIojRyNHI2EjRmCwBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhIyAgsAQmI0ZhOBsjsAlDRrACJbAJQ0cjRyNhYCCwBEOwgGJgIyCwACsjsARDYLAAK7AFJWGwBSWwgGKwBCZhILAEJWBkI7ADJWBkUFghGyMhWSMgILAEJiNGYThZLbAwLLAAFiAgILAFJiAuRyNHI2EjPDgtsDEssAAWILAJI0IgICBGI0ewACsjYTgtsDIssAAWsAMlsAIlRyNHI2GwAFRYLiA8IyEbsAIlsAIlRyNHI2EgsAUlsAQlRyNHI2GwBiWwBSVJsAIlYbABRWMjIFhiGyFZY7ABRWJgIy4jICA8ijgjIVktsDMssAAWILAJQyAuRyNHI2EgYLAgYGawgGIjICA8ijgtsDQsIyAuRrACJUZSWCA8WS6xJAEUKy2wNSwjIC5GsAIlRlBYIDxZLrEkARQrLbA2LCMgLkawAiVGUlggPFkjIC5GsAIlRlBYIDxZLrEkARQrLbA3LLAuKyMgLkawAiVGUlggPFkusSQBFCstsDgssC8riiAgPLAEI0KKOCMgLkawAiVGUlggPFkusSQBFCuwBEMusCQrLbA5LLAAFrAEJbAEJiAuRyNHI2GwBkUrIyA8IC4jOLEkARQrLbA6LLEJBCVCsAAWsAQlsAQlIC5HI0cjYSCwBCNCsAZFKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7CAYmAgsAArIIqKYSCwAkNgZCOwA0NhZFBYsAJDYRuwA0NgWbADJbCAYmGwAiVGYTgjIDwjOBshICBGI0ewACsjYTghWbEkARQrLbA7LLAuKy6xJAEUKy2wPCywLyshIyAgPLAEI0IjOLEkARQrsARDLrAkKy2wPSywABUgR7AAI0KyAAEBFRQTLrAqKi2wPiywABUgR7AAI0KyAAEBFRQTLrAqKi2wPyyxAAEUE7ArKi2wQCywLSotsEEssAAWRSMgLiBGiiNhOLEkARQrLbBCLLAJI0KwQSstsEMssgAAOistsEQssgABOistsEUssgEAOistsEYssgEBOistsEcssgAAOystsEgssgABOystsEkssgEAOystsEossgEBOystsEsssgAANystsEwssgABNystsE0ssgEANystsE4ssgEBNystsE8ssgAAOSstsFAssgABOSstsFEssgEAOSstsFIssgEBOSstsFMssgAAPCstsFQssgABPCstsFUssgEAPCstsFYssgEBPCstsFcssgAAOCstsFgssgABOCstsFkssgEAOCstsFossgEBOCstsFsssDArLrEkARQrLbBcLLAwK7A0Ky2wXSywMCuwNSstsF4ssAAWsDArsDYrLbBfLLAxKy6xJAEUKy2wYCywMSuwNCstsGEssDErsDUrLbBiLLAxK7A2Ky2wYyywMisusSQBFCstsGQssDIrsDQrLbBlLLAyK7A1Ky2wZiywMiuwNistsGcssDMrLrEkARQrLbBoLLAzK7A0Ky2waSywMyuwNSstsGossDMrsDYrLbBrLCuwCGWwAyRQeLABFTAtAABLuADIUlixAQGOWbkIAAgAYyCwASNEILADI3CwDkUgIEu4AA5RS7AGU1pYsDQbsChZYGYgilVYsAIlYbABRWMjYrACI0SzCgkFBCuzCgsFBCuzDg8FBCtZsgQoCUVSRLMKDQYEK7EGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAAAAAAAAAAAAAAAAAAAAAAAAAAMgAyAxj/4QMg/yADGP/hAyD/IAAAACgAKAAoAWQCCgO0BYoGDgaiB4gIgAjICXYJ8Ap6CrQLGAtsDPgN3A50D1wRyhIyEzATnhQaFHIUvBVAFeIXHBd8GEoYkBjWGTIZjBnoGmAaohsCG1QblBvqHCgcehyiHOAdDB1qHaQd6h4IHkYenh7YHzggmiDkIQwhJCE8IVwhviIcJGYkiCT0JYYmACZ4J3YntijEKQ4peim6KsQsECw+LLwtSC3eLfYuDi4mLj4uiC7QLxYvXC94L5owBjCGAAAAAgAiAAABMgKqAAMABwApQCYAAAADAgADVwACAQECSwACAgFPBAEBAgFDAAAHBgUEAAMAAxEFDyszESERJzMRIyIBEO7MzAKq/VYiAmYAAAAFACz/4QO8AxgAFgAwADoAUgBeAXdLsBNQWEBKAgEADQ4NAA5mAAMOAQ4DXgABCAgBXBABCQgKBgleEQEMBgQGDF4ACwQLaQ8BCAAGDAgGWAAKBwUCBAsKBFkSAQ4ODVEADQ0KDkIbS7AXUFhASwIBAA0ODQAOZgADDgEOA14AAQgIAVwQAQkICggJCmYRAQwGBAYMXgALBAtpDwEIAAYMCAZYAAoHBQIECwoEWRIBDg4NUQANDQoOQhtLsBhQWEBMAgEADQ4NAA5mAAMOAQ4DXgABCAgBXBABCQgKCAkKZhEBDAYEBgwEZgALBAtpDwEIAAYMCAZYAAoHBQIECwoEWRIBDg4NUQANDQoOQhtATgIBAA0ODQAOZgADDgEOAwFmAAEIDgEIZBABCQgKCAkKZhEBDAYEBgwEZgALBAtpDwEIAAYMCAZYAAoHBQIECwoEWRIBDg4NUQANDQoOQllZWUAoU1M7OzIxFxdTXlNeW1g7UjtSS0M3NTE6MjoXMBcwURExGBEoFUATFisBBisBIg4CHQEhNTQmNTQuAisBFSEFFRQWFA4CIwYmKwEnIQcrASInIi4CPQEXIgYUFjMyNjQmFwYHDgMeATsGMjYnLgEnJicBNTQ+AjsBMhYdAQEZGxpTEiUcEgOQAQoYJx6F/koCogEVHyMODh8OIC3+SSwdIhQZGSATCHcMEhIMDRISjAgGBQsEAgQPDiVDUVBAJBcWCQUJBQUG/qQFDxoVvB8pAh8BDBknGkwpEBwEDSAbEmGINBc6OiUXCQEBgIABExsgDqc/ERoRERoRfBoWEyQOEA0IGBoNIxETFAF35AsYEwwdJuMAAAIAYP+AA6ACwAAHAFcASEBFSklDOTg2JyYcGRcWDAQDTw8CAQQCQAAEAwEDBAFmAAAFAQIDAAJZAAMEAQNNAAMDAVEAAQMBRQkITEswLQhXCVcTEAYQKwAgBhAWIDYQJTIeAhUUByYnLgE1NDc1Nj8DPgE3Njc2NzYvATUmNzYmJyYnIwYHDgEXFgcUBxUOARceARcWFxYVMBUUBhQPARQjDgEHJjU0PgQCrP6o9PQBWPT+YE2OZjxYUWkEAgEBAQICAgECAg0FEwgHCAEECgQOEyhNI0woFA4ECgQBBAEEBQ4IBA4IAQECASlwHFkbMUdTYwLA9P6o9PQBWNE8Zo5NimohHwEGDgMDBgMDBgYGAwUDHSIWLCMUAgEVORM6GjMFBTMaOhM5FQEBAQoTGhkgCSEeECAIAwUCAQEBDCgMaos0Y1NHMRsAAAAAAwDA/+ADQAJgAAAAUwDAATZLsAtQWEAck5KFAAQBC56alYR6BQABqadzQkA/EQoICgADQBtLsAxQWEAck5KFAAQBC56alYR6BQABqadzQkA/EQoIBwADQBtAHJOShQAEAQuempWEegUAAamnc0JAPxEKCAoAA0BZWUuwC1BYQDUDAQELAAsBAGYEAQAKCwAKZAAKBwsKB2QJCAIHBgsHBmQAAgALAQILWQwBBgYFUAAFBQsFQhtLsAxQWEAvAwEBCwALAQBmBAEABwsAB2QKCQgDBwYLBwZkAAIACwECC1kMAQYGBVAABQULBUIbQDUDAQELAAsBAGYEAQAKCwAKZAAKBwsKB2QJCAIHBgsHBmQAAgALAQILWQwBBgYFUAAFBQsFQllZQB5VVIuKZWRiYV9eXVxUwFXATk05OC8uJyUfHhMSDQ4rCQEuAScmJy4BPwE2Nz4DNTcyPgE3PgE1NC4DIzc+ATc2JiMiDgEVHgEfASIHFBYXHgMXMxYXFh8DBgcOAQcOBAcGFSE0LgMHITY3Njc+ATcyNjI+ATI+ATI3Njc2Jz0CNCY9AycuAScmLwEuAicmJyY+ATc1JicmNzYyFxYHDgIHMQYVHgEHBgcUDgEVBw4CBw4BDwEdAQYdARQGFRQXHgIXFhceARcWFx4CFwGVAUIQRAMeCgMBAQEMBgIEBAMBAgUJAwELAwMDAgEDAgYBAVBGL0YgAQYCAwsBCwECBQQFAQIHBwMFBwMBAQIFGAsGExETEghpAoASFyEU4v7tBQwWIAkZEQEFAwQDBAMEAwIpEAwBAQUDCgMFBwEBCAkBBAQCAgcBCQEBHSByIB0BAQUDAQEBCwMEBQkJAQIEBQEDCgMFAQEMBxwPBwgYERkJIRUEBQUCAY3+uwYLAQYMBCkSExMRBRARDwUFAQwLByYLBQcEAgEJBiwaNlEoPCMaKgkIEwskCQYKBQIBLhEHCQ8FRAsDBQoDAQMDBAQDJUMSIRUUCEQHCBALBAUCAQEBAQEBCRQOMggJBwQFAgMCCAcFEggOKgcEBQQDExIMCAkDDBswKR0hIR0pFSYNAwUGAhINEhMDBAUEBwkWFQQIEAcHCAIDBAkEDAYyDgkOBQECBAIFBAsQAwQFAwAABADA/+ADQAJgAAsADABfAMwBckuwC1BYQByfnpEMBAcEqqahkIYFBge1s39OTEsdFggQBgNAG0uwDFBYQByfnpEMBAcEqqahkIYFBge1s39OTEsdFggNBgNAG0Acn56RDAQHBKqmoZCGBQYHtbN/TkxLHRYIEAYDQFlZS7ALUFhARwkBBwQGBAcGZgoBBhAEBhBkABANBBANZA8OAg0MBA0MZAAIABEBCBFZAgEABQEDBAADVwABAAQHAQRXEgEMDAtQAAsLCwtCG0uwDFBYQEEJAQcEBgQHBmYKAQYNBAYNZBAPDgMNDAQNDGQACAARAQgRWQIBAAUBAwQAA1cAAQAEBwEEVxIBDAwLUAALCwsLQhtARwkBBwQGBAcGZgoBBhAEBhBkABANBBANZA8OAg0MBA0MZAAIABEBCBFZAgEABQEDBAADVwABAAQHAQRXEgEMDAtQAAsLCwtCWVlAJGFgl5ZxcG5ta2ppaGDMYcxaWUVEOzozMSsqHx4RERERERATFCsBIzUjFSMVMxUzNTMFAS4BJyYnLgE/ATY3PgM1NzI+ATc+ATU0LgMjNz4BNzYmIyIOARUeAR8BIgcUFhceAxczFhcWHwMGBw4BBw4EBwYVITQuAwchNjc2Nz4BNzI2Mj4BMj4BMjc2NzYnPQI0Jj0DJy4BJyYvAS4CJyYnJj4BNzUmJyY3NjIXFgcOAgcxBhUeAQcGBxQOARUHDgIHDgEPAR0BBh0BFAYVFBceAhcWFx4BFxYXHgIXA0AyHDIyHDL+VQFCEEQDHgoDAQEBDAYCBAQDAQIFCQMBCwMDAwIBAwIGAQFQRi9GIAEGAgMLAQsBAgUEBQECBwcDBQcDAQECBRgLBhMRExIIaQKAEhchFOL+7QUMFiAJGREBBQMEAwQDBAMCKRAMAQEFAwoDBQcBAQgJAQQEAgIHAQkBAR0gciAdAQEFAwEBAQsDBAUJCQECBAUBAwoDBQEBDAccDwcIGBEZCSEVBAUFAgHuMjIcMjJF/rsGCwEGDAQpEhMTEQUQEQ8FBQEMCwcmCwUHBAIBCQYsGjZRKDwjGioJCBMLJAkGCgUCAS4RBwkPBUQLAwUKAwEDAwQEAyVDEiEVFAhEBwgQCwQFAgEBAQEBAQkUDjIICQcEBQIDAggHBRIIDioHBAUEAxMSDAgJAwwbMCkdISEdKRUmDQMFBgISDRITAwQFBAcJFhUECBAHBwgCAwQJBAwGMg4JDgUBAgQCBQQLEAMEBQMAAAIAYP+AA6ACwAAHAEQAMkAvQRsaCwQCAwFAAAAAAwIAA1kEAQIBAQJNBAECAgFRAAECAUUJCCckCEQJRBMQBRArACAGEBYgNhABIiYnPgE3PgE1NCcmJyYnJj8BNTYmJyY+Ajc2NzMWFx4BBwYXMBceAQcOAQcOBRUUFhcWFw4CAqz+qPT0AVj0/mBWmTUccCgEAggOBBMJBwgBAgQEAgIGDgooTCNNKBQOBAoEAQQBBAUPBwIGBwgFBAIDaVEjWm0CwPT+qPT0AVj910hADCgMAQYOIBAeIRUtIxQBAgcxFgcZGh8OMwUFMxo6EzkVAwoTGhkgCQsYFBAOEQgOBgEfISs9IQAAAAEAwP/gA0ACYABSADdANEE/PhAJBQUAAUADAQECAAIBAGYEAQAFAgAFZAACAgVPAAUFCwVCTUw4Ny4tJiQeHRIRBg4rJS4BJyYnLgE/ATY3PgM1NzI+ATc+ATU0LgMjNz4BNzYmIyIOARUeAR8BIgcUFhceAxczFhcWHwMGBw4BBw4EBwYVITQuAwLXEEQDHgoDAQEBDAYCBAQDAQIFCQMBCwMDAwIBAwIGAQFQRi9GIAEGAgMLAQsBAgUEBQECBwcDBQcDAQECBRgLBhMRExIIaQKAEhchFEgGCwEGDAQpEhMTEQUQEQ8FBQEMCwcmCwUHBAIBCQYsGjZRKDwjGioJCBMLJAkGCgUCAS4RBwkPBUQLAwUKAwEDAwQEAyVDEiEVFAgAAAAAAgDA/+ADQAJgAAsAXgDAQApNS0ocFQULBgFAS7ALUFhALgAIAQAIXAkBBwQGAAdeCgEGCwQGC2QCAQAFAQMEAANYAAEABAcBBFcACwsLC0IbS7AMUFhALQAIAQhoCQEHBAYAB14KAQYLBAYLZAIBAAUBAwQAA1gAAQAEBwEEVwALCwsLQhtALgAIAQhoCQEHBAYEBwZmCgEGCwQGC2QCAQAFAQMEAANYAAEABAcBBFcACwsLC0JZWUAUWVhEQzo5MjAqKR4dEREREREQDBQrASM1IxUjFTMVMzUzAy4BJyYnLgE/ATY3PgM1NzI+ATc+ATU0LgMjNz4BNzYmIyIOARUeAR8BIgcUFhceAxczFhcWHwMGBw4BBw4EBwYVITQuAwNAMhwyMhwyaRBEAx4KAwEBAQwGAgQEAwECBQkDAQsDAwMCAQMCBgEBUEYvRiABBgIDCwELAQIFBAUBAgcHAwUHAwEBAgUYCwYTERMSCGkCgBIXIRQB7jIyHDIy/nYGCwEGDAQpEhMTEQUQEQ8FBQEMCwcmCwUHBAIBCQYsGjZRKDwjGioJCBMLJAkGCgUCAS4RBwkPBUQLAwUKAwEDAwQEAyVDEiEVFAgAAAIAoP/AA3cCgABJAIwAXEBZYgEGB3l3EhAEAAYCQAADAgcCAwdmAAYHAAcGAGYAAgAHBgIHWQAAAAkBAAlZAAEACAUBCFkABQQEBU0ABQUEUQAEBQRFhYOAfmVjYWBPTUJALSwqKCQiChArJS4BIyIOAQcGIyImLwEmLwEmLwEuAy8BLgI1ND4CNzYnJi8BJiMiBwYjBw4CBw4BFB4BFx4BFx4BFx4BMzI+Ajc2JyYHBgcGIyInLgEnLgY2NzY3MDcyNTYzMhYfAR4BBwYXHgIfAR4BFxYXFh8BFh8BFjMyNjc2MzIeAhcWBwYDQBtnJQYMCgQwCgQKCwIlFgQBAgQGBg0QDAEKCAgCBgkHIR4QMQIdJhwkAQEBDhcPBAQECBQQI0gzLDo2NWEkFhYjIBI2KwYdJCYKFUBoNDkrGSglISMTBAMECSECAR0TDBULAi4jFSACAQoLDAEXFQsBAgMBAxYnAhwRDR8fBgoPKykjChsGBIEbOwIEAh8HCgIfGAMCAwMGBw0TDQELCgwEAwgLDgksPyE7AyQXAQEJFhgMDRYiJDMdQGE1LjAnJioCChoWQTcGaSsEAUomLy0ZLzI1PzMmGA4cFQEBEgwNAjlKHCwYCRMODgEZFwsBAwIBBBciAhgPFAQRGBoKGxYRAAADAIAAIAOAAiAAAwAGABMAPEA5EhEODQwJCAQIAwIBQAQBAQACAwECVwUBAwAAA0sFAQMDAE8AAAMAQwcHAAAHEwcTBgUAAwADEQYPKxMRIREBJSEBERcHFzcXNxc3JzcRgAMA/oD+ugKM/VrmiASeYGCeBIjmAiD+AAIA/uj4/kABrK+bBItJSYsEm6/+VAACAID/4AOAAmAAJwBVAGpAZzQyIQMEABQBAQJKAQgBThgCDAk/AQcMBUAABAACAAQCZgUDAgIBAAIBZAsKAggBCQEICWYACQwBCQxkAAYAAAQGAFkAAQAMBwEMWQAHBwsHQlFPTUtJSEZFRUQ+PCkoERIRISYQDRQrADIeARUUBwYjIiciIycjJiciByMHDgEPAT4DNTQnJicmJyY1NDYkIg4BFRQXHgIXJjUxFhUUBwYWFzMyPwI2PwEzIzY3MhcVMzIVFjMyPgE0JgGhvqNeY2WWVDcBAgECDw4REAEEBQsCTwsLBQENAgEDATVeAWrQsWc9AQMCAQIHJAIJCAYDBANlAQoJAQELCwsKAgE9WmiwZmcCQEqAS29MTxMBBAEGAgEEASMhJBMFAhYTAwEEAUNPS39qU45UWkwBBAQBAwELDAJyBgwCAQEsAQMEAwEDAQEUTYqnjgAAAAADAGD/gAOgAsAACQARABgAnrUUAQYFAUBLsApQWEA6AAEACAABCGYABgUFBl0AAgAAAQIAVwwBCAALBAgLVwAEAAMJBANXCgEJBQUJSwoBCQkFTwcBBQkFQxtAOQABAAgAAQhmAAYFBmkAAgAAAQIAVwwBCAALBAgLVwAEAAMJBANXCgEJBQUJSwoBCQkFTwcBBQkFQ1lAFgoKGBcWFRMSChEKEREREhEREREQDRYrEyEVMzUhETM1IzcRIRczNTMRAyMVJyERIYACACD9wODA4AFFgBtgIGBu/s4CAAKgwOD+QCCg/kCAgAHA/mBtbQGAAAAAAQCg/8ADdwKAAEkANkAzEhACAAMBQAACAwJoAAMAA2gAAQAEAAEEZgAAAQQATQAAAARRAAQABEVCQC0sKigkIgUQKyUuASMiDgEHBiMiJi8BJi8BJi8BLgMvAS4CNTQ+Ajc2JyYvASYjIgcGIwcOAgcOARQeARceARceARceATMyPgI3NicmA0AbZyUGDAoEMAoECgsCJRYEAQIEBgYNEAwBCggIAgYJByEeEDECHSYcJAEBAQ4XDwQEBAgUECNIMyw6NjVhJBYWIyASNisGgRs7AgQCHwcKAh8YAwIDAwYHDRMNAQsKDAQDCAsOCSw/ITsDJBcBAQkWGAwNFiIkMx1AYTUuMCcmKgIKGhZBNwYAAAAAAgCAACADgAIgAAwADwArQCgPCwoHBgUCAQgAAQFAAAEAAAFLAAEBAE8CAQABAEMAAA4NAAwADAMOKyURBRcHJwcnByc3JREBIQEDgP76iASeYGCeBIj++gLv/SEBcCAB5MebBItJSYsEm8f+HAIA/ugAAAABAID/4AOAAmAALQBBQD4iDAoDAgAmAQYDFwEBBgNABQQCAgADAAIDZgADBgADBmQAAAAGAQAGWQABAQsBQiknJSMhIB4dHRwWFBAHDysAIg4BFRQXHgIXJjUxFhUUBwYWFzMyPwI2PwEzIzY3MhcVMzIVFjMyPgE0JgJo0LFnPQEDAgECByQCCQgGAwQDZQEKCQEBCwsLCgIBPVposGZnAmBTjlRaTAEEBAEDAQsMAnIGDAIBASwBAwQDAQMBARRNiqeOAAAAAAIAYP+AA6ACwAAFAA0AbUuwClBYQCkAAQYDBgEDZgAEAwMEXQAAAAIGAAJXBwEGAQMGSwcBBgYDTwUBAwYDQxtAKAABBgMGAQNmAAQDBGkAAAACBgACVwcBBgEDBksHAQYGA08FAQMGA0NZQA4GBgYNBg0RERIRERAIFCsBIREzNSEFESEXMzUzEQKg/cDgAWD+wAFFgBtgAsD+QOAg/kCAgAHAAAAAAAcAs//hAygCZwA3AEYAWABmAHEAjwC7AQBAIZkBCwkZFBMDAAd2AQQABQEMA0wpAgIMBUB+AQUlAQ0CP0uwC1BYQFQACQgLCAkLZgAKCwELCgFmAAAHBAEAXg8BBA0HBA1kAA0DBw0DZAAMAwIDDAJmDgECAmcACAALCggLWQABBQMBTQYBBQAHAAUHWQABAQNRAAMBA0UbQFUACQgLCAkLZgAKCwELCgFmAAAHBAcABGYPAQQNBwQNZAANAwcNA2QADAMCAwwCZg4BAgJnAAgACwoIC1kAAQUDAU0GAQUABwAFB1kAAQEDUQADAQNFWUAmc3I5OLW0srGko6CfmJeUkoSDgH99fHKPc49BPzhGOUYeHREQEA4rAS4CNj8BNicuAQ4BDwEOASImJzUmPgI3NC4CBgcOBBUOAR0BHgQXFj4CNzYnJgMGLgI1NDY3NhYVFAcGJw4DFxUUHgEXFjY3PgEuAQcGJjU0Njc2HgIVFAY3BiYnJjY3NhYXFjcyPgE3NTYuBA8BIgYVFDM2HgMOARUUFxYnLgEGIg4BByMPAQYVFB4BMzY3NjIeAxcWBw4CFRQWMjY3Mz4BLgMChQcIAQEBARgdCiAgHQkKBQgGAwEBAQECAQMMFSUZGTMnIBAXFwQiLz86ISdXT0IPJEAQ6yVFMh5tTU9sQjVYHSgQCAEBDg0vUhoMAhIzPg8UEw4IDgkGFS8FCwIDAgUGCwIG9AQHBQECBxAVFhIFBgcKERAWDgYDAQEOAgsJExEODwYFAQEBEgcLBwEVAw4VGRkZCRMLAQEDDhUMAQEJARAZISIBLgEGBgYCAjIlDAkHCgUFAgIBAwQDCAcMBA4XGg4BCwsrLywbAShPFBQsRSsfDgMEEidCKmM0Df7mAhUnOSFBXwUETEFKNyv7BSAnJg0NBQ4gCB4YKRQ8NyK0AhMPEBsCAQUJDQgQGUEFAQYFEAQFAQYNtAUIBgIeLRkRBAEBAQwJFgYHCRYPFAcCEwIB/gMDAQMCAQEBBhgJDgkBBgECCxAeEzcyAgYQBw0PChAqSjcuHxQAAAYAQP+kA8ACmwAOABkAPABHAE8AcwCJQIZSAQQLZl4CDQBfOjEDBg0DQDk0AgY9CgEHCAsIBwtmEQELBAgLBGQQAg8DAAENAQANZg4BDQYBDQZkAAYGZwAMCQEIBwwIWQUBBAEBBE0FAQQEAVEDAQEEAUVRUBAPAQBtamloVlRQc1FzTUxJSENBPj0wLiIfHh0WFQ8ZEBkGBAAOAQ4SDislIiY0NjMyHgMVFA4BIyIuATU0NjIWFAYFNC4BJyYrASIOBhUUFx4BMzI3FzAXHgE+ATUnPgEAIiY0NjMyHgEVFDYyFhQGIiY0FzIXLgEjIg4DFRQWFwcUBhQeAT8BHgEzMDsCLgE1ND4BAw4QFxcQBgwKBwQLEdMKEgsXIBcXAWpEdUcGBQkdNjIsJh4VCwgXlWFBOj4BAgUEAxIsMv1UIBcXEAsSCr0hFhYhFtoGCxG0dzVhTzshPTYYAQUJClgcOyADBAMEBFCI4RchFwQICQwHChILCxIKERcXIRc4P2tCBAEKEhohJyowGR0dT2gZKgEBAQEHBkIiXgFEFyAXChILEDcXIBcXIEEBZogcM0VVLUBvJ1kBBAoDAwQ9CgoPHQ9HeEYAAAgAQP9hA8EC4gAHABAAFAAYAB0AJgAvADcAZkBjMCATAwIENiECAQI3HQwBBAABLRwCAwAsJxoXBAUDBUAAAQIAAgEAZgAAAwIAA2QIAQQGAQIBBAJXBwEDBQUDSwcBAwMFUQAFAwVFHx4VFRERKigeJh8mFRgVGBEUERQSFQkQKyUBBhUUFyEmASEWFwE+ATU0JyYnBwEWFz8BETY3JwMiBxEBLgMDFjMyNjcRBgcBDgQHFwFd/vcUGAEPBgJI/vEFBQEJCgo1RIK//m5EgL/bf0C/00pGARMQHyEilEBDJkgiBQX+pxguKSQfDL6cAQlAREpGBgEbBQb+9x9CIkuIgEDA/lp/P77E/oNEgb8ByRj+8QETBQcFA/yTFAwMAQ4FBAIvDSAmKi8ZvgAAAAAFAAX/QgP7AwAAIQA0AEAAUABgAMFADggBAgUWAQECAkAQAQE9S7ALUFhAKQoBAAADBAADWQ0IDAYEBAkHAgUCBAVZCwECAQECTQsBAgIBUQABAgFFG0uwFlBYQCINCAwGBAQJBwIFAgQFWQsBAgABAgFVAAMDAFEKAQAACgNCG0ApCgEAAAMEAANZDQgMBgQECQcCBQIEBVkLAQIBAQJNCwECAgFRAAECAUVZWUAmUlFCQSMiAQBbWVFgUmBKSEFQQlA8OzY1LSsiNCM0GhgAIQEhDg4rASIOAhUUFhcWDgQPAT4ENx4BMzI+AjU0LgEDIi4BNTQ+AzMyHgIVFA4BAiIGFRQeATI+ATU0JSIOAhUUFjMyPgI1NCYhIgYVFB4DMzI+ATQuAQIFZ72KUmlbAQgOExIQBQUIHVBGUBgaNxxnuoZPhueKdMF0K1BogkRVm29CcL5PPSoUISciFP7ODxoTDCoeDxsUDCsBsR8pBw0SFgwUIRQUIQMARHSgWGWyPBctJCEYEQUEAQYTFiQUBQVEdKBYdchz/PRTm2E6bllDJTphhUlhmlQBpycfFSMVFSMVHycKEhsPIC0MFRwQHycnHw0XEw4IFSMqIBEAAAEAV/9uA6kC0QF5AaJBjQFiAIYAdAByAHEAbgBtAGwAawBqAGkAYAAhABQAEwASABEAEAAMAAsACgAFAAQAAwACAAEAAAAbAAsAAAFHAUYBRQADAAIACwFgAV0BXAFbAVoBWQFYAUoAqACnAJ0AkACPAI4AjQCMABAADQACAJsAmgCZAJQAkwCSAAYAAQANAS4BLQEqALUAtACzAAYACQABAScBJgElASQBIwEiASEBIAEfAR4BHQEcARsBGgEZARgBFgEVARQBEwESAREBEAEPAQ4BDQEMAO0AzADLAMkAyADHAMYAxADDAMIAwQDAAL8AvgC9ALwAKwAFAAkBCgDoAOcA0wAEAAMABQAHAEABRACHAAIACwCcAJEAAgANAQsAAQAFAAMAP0BFDAELAAIACwJmAAINAAINZAANAQANAWQAAQkAAQlkCgEJBQAJBWQEAQMFBwUDB2YIAQcHZwAACwUASwAAAAVPBgEFAAVDQR4BVwFUAUMBQgFBAT8BLAErASkBKAD9APoA+AD3AOwA6wDqAOkA2wDaANkA2ACmAKUAmACVADkANwAOAA4rEy8CNT8FNT8HNT8iOwEfMRUHFQ8DHQEfERUPDSsCLwwjDwwfDRUXBx0BBxUPDyMHIy8NIycjJw8JIw8BKwIvFDU3NTc9AT8PMz8BMzUvESsBNSMPARUPDSsCLwg1PxfRAgEBAgEDAgQFAQECAgICAgMBAgMEAgMDBAQEBQYDAwcHBwkJCQsICAkKCQsLCwsMCw0NGQ0nDQ0ODA0NDQ0MDAwLCwkFBAkIBwcGBwUFBgQHBAMDAgICBAMCAQIBAgUDAgQDAgICAQEBAQMCAgMMCQQGBQYGBwQDAwMCAwIDAQEBAgQBAgICAwIDAgQDAgMDBAICAwIEBAQDBAUFAQECAgIEBQcGBgcHAwUKAQEFFgkJCQgEAgMDAQIBAQICBAMDAwYGBwgJBAQKCgsLDAslDgwNDQ4ODQ0ODQcGBAQLDAcIBQcKCwcGEAgIDAgICAonFhYLCwoKCgkJCAgGBwIDAgICAQIBAQEBAgEDAgEEAwQCBQMFBQUGBgcHAgEBBAoGCAcICQQEBAMFAwQDAwIBAQEDAQEBBQIEAwUEBQUGBgUHBwECAQICAgIBAQIBAQECAQMDAwMEBQUFBwcHBgcIBAUGBwsIAUsFBwQOBgYHBwgHBQUHBwkDBAQCEwoLDQ4HCQcICggJCQUECgoJCgkKCgcGBwUFBQUEAwQDAgIEAQIBAwMDBAQFBgUHBwYEAwcIBwgICAkICQgRCQgJCAcJDw0MChACAwgFBgYHCAgIBAYEBAYFCgUGAgEFEQ0ICgoLDA4JCAkICQgPEA4TBwwLCgQEBAQCBAMCAQIDAQEDAgQGBgUGCgsBAgMDCw8RCQoKCgUFCgEBAwsFBQcGAwQEBAQEBAQDAwMDAgMFBQMCBQMEAwQBAQMCAgICAQECAQIEAgQFBAICAgEBAQUEBQYDAwYCAgMBAQICAgECAwIEAwQEBQIDAgMDAwYDAwMEBAMHBAUEBQIDBQICAwECAgICAQEBAQECAggFBwcKCgYGBwcHCAkJCAsBAQICAgMIBQQFBgQFBQMEAgIDAQYEBAUFCwcWEAgJCQgKCgkKCQsJCwkKCAgIBAUGBQoGAAAABABeACADogIgABMAKAAsADEAN0A0MTAvLiwrKikIAgMBQAQBAAADAgADWQACAQECTQACAgFRAAECAUUCACYjGRYLCAATAhMFDisBISIOARURFBYzITI2NRE0LgMTFAYjISIuBTURNDYzBTIWFRcVFxEHESc1NwJf/kYSIRQrHAG6HCcHDBAUFRMO/kYECAcHBQQCFg8Bug4TXsQigIACIBEeEv6IHCsqHQF4CxQQDAb+Rw8WAgQFBwcIBAF4DRIBEQ1pq2sBgDz+90OEQwAAAAYAgAAAA4ACQAAfAEkAUQBZAF0AZQDfS7AoUFhAUgAPCw4HD14AEA4SDhASZgABCQEIAwEIWQADAAcDSwQCEwMACgEHCwAHWQALAA4QCw5ZABIAEQ0SEVkADQAMBg0MWQAGBQUGTQAGBgVSAAUGBUYbQFMADwsOCw8OZgAQDhIOEBJmAAEJAQgDAQhZAAMABwNLBAITAwAKAQcLAAdZAAsADhALDlkAEgARDRIRWQANAAwGDQxZAAYFBQZNAAYGBVIABQYFRllALAEAZWRhYF1cW1pXVlNST05LSkZEOjg3Ni8tJiMaFxIQDw4NDAgFAB8BHxQOKwEjJicuASsBIgYHBgcjNSMVIyIGFREUFjMhMjY1ETQmExQOASMhIiY1ETQ+AjsBNz4BNzY/ATMwOwEeAhceAx8BMzIeARUkIgYUFjI2NAYiJjQ2MhYUNzMVIwQUFjI2NCYiA0N7AwYwJBCxECMuCAQbRBsbKCkaAoAaIyMDBw4I/YANFgYJDQeICQQPAyYNDLEBAQEDBQMFDxgSCgmKCQ0H/ueOZGSOZHF0UVF0UTUiIv8AJTYlJTYB4AMHNSEfNAgFICAkGf6gGygoGwFgGiP+YwoPChYNAWAGCwcFBgUTBCoMCAECAwMFERwUCwYHDggCZI5kZI7SUXRRUXTgImk2JSU2JQADAQD/YAMAAuAACwAXADEATUBKDAsCBQMCAwUCZgAAAAMFAANZAAIAAQQCAVkABAoBBgcEBlkJAQcICAdLCQEHBwhPAAgHCEMYGBgxGDEuLSwrERETEycVFxUQDRcrACIGFREUFjI2NRE0AxQGIiY1ETQ2MhYVFxUUDgEjIiY9ASMVFBYXFSMVITUjNT4BPQECQYJdXYJdIEpoSkpoSmA7ZjtagiaLZZIBQopjhwLgYkX+y0ViYkUBNUX+hjhPTzgBNThPTziZnzxkO4Bbn59lkwd+JCR+B5NlnwAABAD0/2ADDALgABIAJAAsADkARkBDFhQTDAoGBgMEAUAYCAIDPQAAAAECAAFZAAIABQQCBVkGAQQDAwRNBgEEBANRAAMEA0UuLTQzLTkuOSopJiUhIBAHDysAIgYVFB8CGwE3Nj8BPgI1NAcVBg8BCwEmJy4BNTQ2MhYVFCYiBhQWMjY0ByImNTQ+ATIeARQOAQJv3p0TAQP19QEBAQEGCQQyAQEC1tgBAQgKisSKt2pLS2pLgCc3GSwyLBkZLALgm24zMgMG/fcCCQIDAQMQISIRb8gBAQME/jkBywMBFi4XYYiIYS63S2pLS2qTNycZLBkZLDIsGQACAQD/YAMAAuAACwAlAEFAPgoJAgMBAAEDAGYAAQAAAgEAWQACCAEEBQIEWQcBBQYGBUsHAQUFBk8ABgUGQwwMDCUMJRERERETEykVEAsXKyQyNjURNCYiBhURFCUVFA4BIyImPQEjFRQWFxUjFSE1IzU+AT0BAb+CXV2CXQF8O2Y7WoImi2WSAUKKY4ddYkUBNUViYkX+y0XhnzxkO4Bbn59lkwd+JCR+B5NlnwAAAAIA9P9gAwwC4AASAB8AK0AoDAoIBgQBPQMBAQIBaQAAAgIATQAAAAJRAAIAAkUUExoZEx8UHxAEDysAIgYVFB8CGwE3Nj8BPgI1NAUiJjU0PgEyHgEUDgECb96dEwED9fUBAQEBBgkE/vQnNxksMiwZGSwC4JtuMzIDBv33AgkCAwEDECEiEW/DNycZLBkZLDIsGQAFAQD/YAMwAuAAAwAKABUAHQA1AF9AXAcBAgEcGxQGBAACIQEEACABAwQEQAUBAgEAAQIAZgABCgEABAEAWQAEBgEDBwQDWQkBBwgIB0sJAQcHCE8ACAcIQwUENTQzMjEwLy4rKiQiHx4YFxAOBAoFCgsOKwE3AQclMjcDFRQWNxE0JiMiDgEHATY3NSMVFAcXNgc2NycGIyIuAz0BIxUUFhcVIxUhNSMBERwCAxz+7CUg413fXEIZLyYPARIJYiIiFDDqMi0TLTMjQzYpFyaLZZIBQooC0BD8kBD9EQGB60VipwE1RWIQHRP+LRoan59ANSJDqwMXIBYWKTVDI6CfZZMHfiQkAAADAED/oAPAAqAABwAXADoAkEALMQEBBzowAgMFAkBLsBhQWEAwAAYBAAEGAGYABAAFBQReCAECAAcBAgdZAAEAAAQBAFkABQMDBU0ABQUDUgADBQNGG0AxAAYBAAEGAGYABAAFAAQFZggBAgAHAQIHWQABAAAEAQBZAAUDAwVNAAUFA1IAAwUDRllAFAoINjMuLCUjGxkSDwgXChcTEAkQKwAyNjQmIgYUASEiBhURFBYzITI2NRE0JgMmIyIGDwEOBCMiJy4CLwEmIyIHAxE+ATMhMh4BFRMCuFA4OFA4AQj88BchIRcDEBchIeULDwcLByYCBAUEBQMNCQEDAwFsDRQUDv0CDgoCzAYMBwEBYDhQODhQAQghGP1yGCEhGAKOGCH+dQwGBSACAgMBAQgBAgQBdA8P/s8CCQoNBgsH/fcAAAAIAFb/PQO3AskAKQA2AFUAYwBxAIAAkQCdALJAr3IBBwxNAQYHcAELCTg3IBMEAgVMRUQZBAACKgEBAAZAVVROAwQMPgAGBwkHBglmAAUOAg4FAmYAAgAOAgBkAAABDgABZAABAWcADAALBAwLWQAJAAoDCQpZAAQAAw0EA1kSAQ0AEAgNEFkRAQcACA8HCFkADw4OD00ADw8OUQAODw5FgoFXVpiWk5KKiIGRgpF/fnd2bWxlZF1cVmNXY1FQSUhAPjIwIyIdHBcVEw4rAScPAScmDwEOARURFB4DNj8BFxYzMj8BFhcWMjc2NxcWMjY3NjURNAEuATU0PgEzMhYVFAY3Jz4BNTQuASMiBhUUFwcnLgEjBg8BETcXFjI2PwEXBSIGFREUFjI2NRE0LgEXIg4CHQEUFjI2PQEmNxUUHgEyPgE9ATQuASMGAyIOAhUUFjMyPgI1NC4BBiImNDYzMh4CFRQDqbcL28kHB9MGBgIEBAYGA83KAwQEAx4vQwUUBWQsTgMGBQIH/vw2XCdDKD1WXakzBgUxVDJMayYWyQIDAgQDusHKAgUFAtyi/aoICwsPCwUIzAQHBQMLDwsDxAUICgkFBQkFDzAOGRILKBwOGRMLEx8GGhMTDQcLCQUCnyoBZFQDA1ICCQb9vAMGBQMCAQFQVQECDV5mCAiXbhIBAgIGCAJFDvzVVbUqJ0QnVjwqtZoMERwMMVUxbEspUgpUAQEBAUgCHExVAQEBZCU1Cwf+kAgLCwgBcAUIBUcDBQcDjQcLCweND1K6BQkEBAkFugUIBQP+nQsSGQ4cKAoTGQ4SIBJkExoTBQkMBg0AAAAAAwCg/+ADgAKgAAkAEgAjAEFAPh4SEQ0MBQIGDgkIAwQBAkAABQYFaAAGAgZoAAQBAAEEAGYAAgABBAIBVwAAAANPAAMDCwNCEicYEREREAcVKykBESE3IREhEQcFJwEnARUzASc3Jy4CIyIPATMfATc+ATU0AuD94AGgIP4gAmAg/vsTAVYW/phAAWkXRhkCBwcECwgZARYqGAQEAgAg/cABwCCYEwFXF/6YQQFoF0AZAwMCCBgXKhkECgUMAAAABgDg/6ADIAKgACAALwBCAEYASgBOALhAC0A5ODAeEAYICwFAS7AUUFhAQQAKAwwDCl4OAQwNAwwNZA8BDQsDDQtkAAsICAtcAAEABgABBlkHAgIACQUCAwoAA1cACAQECE0ACAgEUgAECARGG0BDAAoDDAMKDGYOAQwNAwwNZA8BDQsDDQtkAAsIAwsIZAABAAYAAQZZBwICAAkFAgMKAANXAAgEBAhNAAgIBFIABAgERllAGU5NTEtKSUhHRkVEQ0JBNBY1GjMRFTMQEBcrASM1NCYrASIOAh0BIxUzExQWMyEyPgc1EzMlND4COwEyHgMdASMBFRQGIyEiJi8BLgQ9AQMhBzMRIxMjAzMDIxMzAyCgIhmLCxYQCaAqLyMYARoFCwkJCAYFBAIuKf59BQgLBYsFCQcGA8YBDhEM/uYDBgMEAwQDAgEwAbPoHByOHRYezh0VHgI9KBkiCRAWDCgd/bsZIgIDBgYICAoKBgJFRQYLCAUDBgcJBSj9nwENEQECAgIEBQUGAwECRED+HgHi/h4B4v4eAAAAAAIAwP+gA0AC4AALABQAP0A8FBEQDw4NDAcDPgAGAAEABgFmBwUCAwIBAAYDAFcAAQQEAUsAAQEEUAAEAQREAAATEgALAAsREREREQgTKwEVMxEhETM1IREhESUnNxcHJxEjEQJA4P3A4P8AAoD+QheVlRduIAIAIP3gAiAg/aACYDQXlZUXbf4aAeYAAgDA/6ADQAKgAAsAFAA+QDsUERAPDg0MBwEAAUAABgMGaAcFAgMCAQABAwBXAAEEBAFLAAEBBFAABAEERAAAExIACwALEREREREIEysBFTMRIREzNSERIREFBxc3JwcRIxECQOD9wOD/AAKA/kIXlZUXbiACACD94AIgIP2gAmDZF5WVF20B5v4aAAADAFH/cQOvAsAADgAdACkAJ0AkKSgnJiUkIyIhIB8eDAE9AAABAQBNAAAAAVEAAQABRRkYEgIPKwEuASIGBw4BHgI+AiYDDgEuAjY3PgEyFhcWEAMHJwcXBxc3FzcnNwMmPJuemzxQOTmg1tagOTloScXFkjQ0STePkI83b9WoqBioqBioqBipqQJGPD4+PFDW1qA5OaDW1v4cSTQ0ksXFSTY5OTZw/sQBXqinF6ioF6eoGKioAAAAAgB+AAADgAJgABMAIgBBQD4WCgIDBBsXEhAJBQABAkAVCwICPgAAAQBpAAIFAQQDAgRZAAMBAQNNAAMDAVEAAQMBRRQUFCIUIhsUFhAGEis7ATc2Nz4CNxUJARUGBwYXMBUwATUNATUiBgcmPgWAFSZKThwrQCYBgP6At2hjAgGgASj+2IyvRQEBDBg4T4M+dyMMDwwBoAEAAQChCGhkpQYBYIHBwoJcdwcZRkBOOCcAAAAAAgCAAAADgAJgAB8AKgA6QDclDAIDBCQgDQAEAgECQCYLAgA+AAIBAmkAAAAEAwAEWQADAQEDTQADAwFRAAEDAUUUHBYUGQUTKyUwNTQuAicuASc1CQE1HgEXHgEfATMwPQcnLgEjFS0BFSAXFgOAAxAsIzWLXv6AAYA3TCorSiMmFSBFr4z+2AEoAQRZI0AGGipRUSM1NwSh/wD/AKACExMUTjg+BwcIBwcIBggTd1yCwsGBtEkAAAMAYP+AA6ACwAAVAB0ALgBdQFoNAQIICwEEAQJADAEBAT8JAQQBAAEEAGYABQAIAgUIWQACAAEEAgFZAAAAAwcAA1kKAQcGBgdNCgEHBwZRAAYHBkUfHgAAJyYeLh8uGxoXFgAVABUTFBUiCxIrARQGIyIuATQ+ATMVNycVIgYUFjI2NQIgBhAWIDYQASIuATU0PgIyHgIUDgIC2H5aO2M6OmM7wMBqlpbUllT+qPT0AVj0/mBnsGY8Zo6ajmY8PGaOASBafjpjdmM6b2+AWJbUlpVrAaD0/qj09AFY/ddmsGdNjmY8PGaOmo5mPAAAAAIAQP+AA8ACwAAJABMALkArEAICAD4TDQwLCgkIBwYFCgI9AQEAAgIASwEBAAACTwMBAgACQxIaEhAEEisBIQsBIQUDJQUDFycHNychNxchBwPA/qlpaf6pARhtARUBFW4u1dVV2AEGUlIBBtgBggE+/sLE/sLFxQE+6JiY9ZX395UAAAMAYP+AA6ACwAAHABoAJgBHQEQAAAADBAADWQkBBQgBBgcFBlcABAAHAgQHVwoBAgEBAk0KAQICAVEAAQIBRQkIJiUkIyIhIB8eHRwbEA4IGgkaExALECsAIAYQFiA2EAEiLgE0PgEzMh4EFRQOAgMjFSMVMxUzNTM1IwKs/qj09AFY9P5gZ7BmZrBnNGNTRzEbPGaOPSHv7yHw8ALA9P6o9PQBWP3XZrDOsGYbMUdTYzRNjmY8An3wIe/vIQAAAAMAYP+AA6ACwAAHABgAHAA8QDkABAMFAwQFZgAFAgMFAmQAAAADBAADWQYBAgEBAk0GAQICAVIAAQIBRgkIHBsaGREQCBgJGBMQBxArACAGEBYgNhABIi4BNTQ+AjIeAhQOAgEhFSECrP6o9PQBWPT+YGewZjxmjpqOZjw8Zo7+swIA/gACwPT+qPT0AVj912awZ02OZjw8Zo6ajmY8AY0iAAAAAgBg/4ADoALAAAcAGAApQCYAAAADAgADWQQBAgEBAk0EAQICAVEAAQIBRQkIERAIGAkYExAFECsAIAYQFiA2EAEiLgE1ND4CMh4CFA4CAqz+qPT0AVj0/mBnsGY8Zo6ajmY8PGaOAsD0/qj09AFY/ddmsGdNjmY8PGaOmo5mPAACAD7/XgPCAuIAEQArACpAJwQBAAADAgADWQACAQECTQACAgFRAAECAUUCACYjGRYMCQARAhEFDisBISIOAhURFBYzITI2NRE0JhMUDgIjISIuBTURNDYzITIeAxUDW/1KFSYcEDwrArYrPDwPCA4TCv08BgsKCQcFAx4VAsQIEAwKBQLiEBwmFf1KKzw8KwK2Kzz83AoTDggDBQcJCgsGAsQVHgUKDBAIAAAAAgBR/3EDrwLAAA4AGgAZQBYaGRgXFhUUExIREA8MAD0AAABfEgEPKwEuASIGBw4BHgI+AiYDBycHJzcnNxc3FwcDJjybnps8UDk5oNbWoDk5thioqBioqBioqBipAkY8Pj48UNbWoDk5oNbW/oIYqKcXqKgXp6gYqAAAAAIAYP+AA6ACwAAHABwAQ0BADgEDABABBgQCQA8BBAE/AAYEBQQGBWYAAAADBAADWQAEAAUCBAVZAAIBAQJNAAICAVEAAQIBRRIVFBMTExAHFSsAIAYQFiA2EAAiJjQ2MzUXBzUiDgEVFBYyNjUzFAKs/qj09AFY9P7K1JaWasDAO2M6f7N+KALA9P6o9PQBWP5UltSWWIBvbzpjO1l/flpqAAAAAQBA/4ADwALAAAkAGEAVAgEAPgkIBwYFBQA9AQEAAF8SEAIQKwEhCwEhBQMlBQMDwP6paWn+qQEYbQEVARVuAYIBPv7CxP7CxcUBPgAAAAACAGD/gAOgAsAABwATADZAMwcBBQYCBgUCZgQBAgMGAgNkAAAABgUABlcAAwEBA0sAAwMBUgABAwFGERERERETExAIFisAIAYQFiA2EAcjFSM1IzUzNTMVMwKs/qj09AFY9KDwIu7uIvACwPT+qPT0AVi+7u4i8PAAAAAAAgBg/4ADoALAAAcACwAhQB4AAAADAgADVwACAQECSwACAgFRAAECAUURExMQBBIrACAGEBYgNhAHITUhAqz+qPT0AVj0oP4AAgACwPT+qPT0AVi+IgAAAAMANP9TA80C7AAHABgAKgA5QDYAAQQABAEAZgAABQQABWQAAwYBBAEDBFkABQICBU0ABQUCUgACBQJGGhkjIRkqGioXFRMSBxIrABQWMjY0JiIFFA4CIi4CND4CMh4CASIOAhUUHgEzMj4CNTQuAQEufK57e64CI0h8qryre0lJe6u8qnxI/jRRlGtAa7htUZRrP2u4AXeve3uve9Ndq3tJSXuru6t7SUl7qwEyQGqUUmy4az9rlFFtuGsAAgBg/4ADoALAAAcAEgAnQCQSERAPDgUCAAFAAAACAGgAAgEBAk0AAgIBUgABAgFGJBMQAxErACAGEBYgNhABBiMiJi8BNxc3FwKs/qj09AFY9P4gCQkECgRwJF76IwLA9P6o9PQBWP7BCQUEcCNe+yQAAAACAD7/XgPCAuIAFAAcACpAJxwbGhkYFgYBAAFAAgEAAQEATQIBAAABUQABAAFFAgAKBwAUAhQDDisBISIGFREUFjMhMjY1ETQuBQEnByc3FwEXA1v9Sis8PCsCtis8BQsOEhQX/kQFBcogrwFjIALiPCv9Sis8PCsCtgwXFREOCwX9bwUFyiCvAWMgAAEBQABgAsAB4AALAAazCAABJisBBycHFwcXNxc3JzcCqKioGKioGKioGKmpAeCpqBeoqBenqBepqAAAAAEBAAAgAwACeAAUADlANggBBAIBQAcBAgE/BgEBPgAEAgMCBANmAAEAAgQBAlkAAwAAA00AAwMAUQAAAwBFEhUUExAFEyskIiY0NjM1Fwc1Ig4BFRQWMjY1MxQCatSWlmrAwDtjOn+zfiggltSWWIBvbzpjO1l/flpqAAABAID/oAQAAqAAJgA4QDUbGgoJCAcGBQQJAgEBQAQBAAABAgABWQACAwMCTQACAgNRAAMCA0UBAB8dFxUQDgAmASYFDisBMh4BFTcXByc3FzQuAiMiDgEUHgEzMj4BNxcOASMiLgE1ND4CAgBosWduEo2FEmY5YIRJYaVgYKVhTYtjGBknyH1osWc9Z44CoGaxaGkSiIgSaUmEYDhgpcKlYD5uRwd0kmexaE6OZz0AAAIAQP+AA8ACwAAJAA8AKkAnCgcCAD4PDg0EAwIBAAgCPQEBAAICAEsBAQAAAk8AAgACQxISFQMRKyUDJQUDJSELASElFyEHFycBWG0BFQEVbQEY/qlpaf6pAcBSAQbYVdW+/sLFxQE+xAE+/sLU9pX1lwAAAgAA/yAEAAMgABQAKwA8QDkABQECAQUCZgACBAECBGQABAcBAwQDVQABAQBRBgEAAAoBQhYVAQAmJSEfFSsWKw8OCggAFAEUCA4rASIOAgc+AjMyEhUUFjI2NTQuAQMyPgM3DgMjIgI1NCYiBhUUHgECAGe7iVIDA3C+b6z0OFA4ieyLUpt8XzYCAkRvmFOs9DhQOInsAyBPhrlmd8l0/vq6KDg4KIvsifwAMl16mVJZonRFAQa6KDg4KIvsiQAADAAl/0QD2wL6AA8AHQAuADwATgBfAHAAgACVAKcAtADDAG1AapWBcAMBAE49AgYBLh4CBQa1AQkKlgECCQVAAAoFCQUKCWYACQIFCQJkCwEAAAEGAAFZCAEGBwEFCgYFWQQBAgMDAk0EAQICA1EAAwIDRQEAuLeYlzs4NDErKCMgHRwXFhEQCgkADwEPDA4rATIeAx0BFAYiJj0BNDYTMhYdARQGIiY9ATQ2MwEUBisBIi4BNTQ2OwEyHgEVIRQGKwEiJjU0NjsBMhYlFhQGDwEGJicmNj8BPgEeARcBFgYPAQ4BLgEnJjY/ATYWFwEeAQ8BDgEnLgE/AT4CFhcBHgEPAQ4BJy4BNj8BPgEXAz4BHgEfARYGBwYmLwEuAT4DNwE2MhYfARYGBw4BLgEvASY2NwE+AR8BHgEOAS8BLgEBPgEyHwEeAQ4BLwEuATcCAAUJBwYDEhgSEgwMEhIYEhIMAdsSDH4IDggSDH4IDgj9BBIMfgwSEgx+DBICvAQIB20KGAcGBwptBgwKCgP9agYGC20FDAsJAwcHC2wLGAYB6AsGBj8GGAoLBwc/AwkLDAX+ggsGBj8GGAsHCAEDPwcYCl0GDAsJAz8GBgsKGAc/AgIBAgMGAwF/Bw8OBD8GBgsFDAsJAz8HBwv91AYYCm0LBgwYC2wLBwKcBQ4PB20LBgwYC20KBwYC+gMFCAkFfQ0REQ19DRH9BBENfgwSEgx+DREBIQwRCA0IDREIDQkMEREMDRER4QgPDgQ/BgYLCxgGPwMBAwcF/oILGAY/AwEDBwULGAY/BgcKAiwGGAttCwYGBhgLbQUHAwED/WoGGAttCwYGBA4QB20LBgYClgMBAwcFbQsYBgYGC20DCAgHBwYC/WoECAdtCxgGAwEDBwVtCxgGAegLBgY/BhgWBgY/Bhj+jQcIBD8GGBYGBj8GGAsAAgCB/6ADgQKgAA8AIAAtQCoOAQIDAgFADwACAT0AAAACAwACWQADAQEDTQADAwFRAAEDAUUoGCMmBBIrBSc2NTQuASMiBhQWMzI3FwEuATU0NjIWFRQOBCMiA4HjQ1KMUn6ysn5rVOL9niYpn+GgEyM0PUUkcTHiVGtSjVGy/LNE4wEPJmQ2caCfcSVFPTQjEwAAAAEBAAAgAwACIAALACVAIgAEAwEESwUBAwIBAAEDAFcABAQBTwABBAFDEREREREQBhQrASMVIzUjNTM1MxUzAwDwIu7uIvABDu7uIvDwAAAAAQFA/+ACwAJgAAUABrMDAQEmKwE3CQEnAQFAQQE//sFBAP8CH0H+wP7AQQD/AAAAAQFA/+ACwAJgAAUABrMDAQEmKwEnCQE3AwLAQf7BAT9B/wIfQf7A/sBBAP8AAAAAAQEsAIQCywG9AAoAEkAPCgkIBwYFAD4AAABfIQEPKyUGIyImLwE3FzcXAcAJCQQKBHAkXvojjQkFBHAjXvskAAQAgP+gA4ACoAAIABEAGwAfAExASR0cGxoYFxYTERAPCAENBAcBQAABBwE/GRICBj4ABgAHBAYHVwAEAAEDBAFXBQEDAAADSwUBAwMATwIBAAMAQxkWERESERESCBYrCQERMxEzETMRAyMRIREjESUFAQc1IxUHFQkBNSUHNTMCAP7A4MDgIKD/AKABIAEg/uDAgEABgAGA/aBAQAJA/wD+YAEA/wABoP6AAQD/AAFx5uYBb5pawDMpATP+zSmAM4YAAAADAGD/gAOgAsAAGQAhACUAPkA7IgEEACUBAQQCQAAEAAEABAFmAAIFAQAEAgBZAAEDAwFNAAEBA1EAAwEDRQEAJCMfHhsaEA4AGQEZBg4rATIeARceARQGBw4EIyIuAScuATQ+AyAGEBYgNhAnBSERAgAzYVckNjo6NhYxNTk7HzNhVyQ2Ojpti/n+qPT0AVj04P5BAP8CnxoyJDeLmos3FSQbEwkaMiQ3i5qMbDoh9P6o9PQBWBTA/wAAAAQAgP+gA4ACoAASAB4ApgE3AW5LsCZQWEBhAAcAHQUHHVkJAQUfGwIaBgUaWQgBBh4BHAAGHFkhAQAAAwQAA1kKIgIEIAEZEgQZWRgBEhEBCwISC1kAAgABFAIBWRYBFA8BDRMUDVkAFQAOFQ5VFwETEwxREAEMDAsMQhtAZwAHAB0FBx1ZCQEFHxsCGgYFGlkIAQYeARwABhxZIQEAAAMEAANZCiICBCABGRIEGVkYARIRAQsCEgtZAAIAARQCAVkWARQPAQ0TFA1ZFwETEAEMFRMMWQAVDg4VTQAVFQ5RAA4VDkVZQUwAIQAfAAEAAAE2ATMBIwEiAR4BHAEQAQ0BBgEEAP8A/QD8APsA7wDsAOcA5ADZANcA0wDRAMsAyADBAL8AvAC6AKwAqQCfAJwAkgCRAI4AjACHAIQAfwB9AHkAdwBqAGcAWgBXAEwASgBGAEQAPAA5ADQAMgAtACsAHwCmACEApgAaABkAFAATAA0ADAAAABIAAQASACMADisBIg4CBwYVFB4BFxYyNjU0JyYCIiY1ND4BMh4BFRQ3IyImNTQ/ATY0LwEmIyIPAQ4CIyImPQE0JisBIgYdARQOAyMiJi8BJiMiDwEGFB8BFhUUDgErASIOAg8BDgMdARQWOwEyHgEVFA4BDwEGFB8BFjMyPwE+ATMyFh0BFBY7ATI2PQE0NjMyHwEWMj8BNjQvASY1NDY7ATI2PQI0LgEXFRQrASIHDgIVFB4BHwEWDwEGIyIvASYjIgYdARQOAisBIiY9ATQnJiMiBg8BBiMiLwEmND8BNjU0JyYrASImPQE0NjsBMjc2NTQmLwEmND8BNjMwMzIeAR8BFjMyPgE3Nj0BNDsBMh4BHQEUHwEeBDMyPwE+ATIWHwEeARUUDwEGFRQeARcWOwEyFQICFCUiIA04DRkSOJ9xOTgNhV0qSldKK68eExsPFA4OLQ4VFQ4TBAsNBhMdHBQ8FR0FCAwOCAkRBxMOFRUOLQ4OEw8MFQwfBAkICAMGAwQDAh4UHwwVDAMHBRMODi0NFhQPEwYRChMcHRQ9FB4bExQOEw4qDi0ODhQPGxMeFBsMFgIPHiAXBwoGBgsIEw0NLAUICAQTGCEfLwMFBgQ8BwsXGB8QHgsSBQgIBC0FBRIaFxYhHwcLCwcfIBcWDQwSBQUsBQgDAgMDARMXIQsTEgcYET0ECAQYCAQJCQoKBiEYEgIHBwcCLQIDBRMZBQoIFiEeDwHgBw8VDThQGjAsEjhwUE85OP6gXkIrSisrSitCkhsTFA0TDykOLA4OEgUHBBsTHhQeHhQfBw4LCAUIBxMODiwOKQ8SDhQMFgwCAwQDBgMHCAkFPBUdDBYMBwwKBRIPKQ4sDg4TBwgbEx4VHR0VHhMbEBMODi0OKQ8TDRQTHBwUHx4OFw1QHhAYBxIUCwoVEgcTDAwtBQUSGi0hHgQHBAMKCB4gFxcNDBMFBS0FDgUSGCEgFxcLBj0HCxcXIBAeCxIFDgUtBAECARMZBQoHFyAfEgUIBR8fGAYDBQQDARkSAwICAi0CBgQHBRMXIQsTEQgXEgAAAwDA/+ADQAJgAAMABgAJAAq3CAcGBQMCAyYrEx8BCQIDEwEnwOlzAST+iAE45uL+tqYBLWfmAoD+bwFM/g8B9f7GSQAEAGD/gAOgAsAABwARABkAKgBRQE4ABwAKAQcKWQABAAACAQBZAAIAAwQCA1cLBgIEAAUJBAVXDAEJCAgJTQwBCQkIUQAICQhFGxoICCMiGiobKhcWExIIEQgREREREhMSDRQrABQWMjY0JiITESMVMxUjFTM1EiAGEBYgNhABIi4BNTQ+AjIeAhQOAgHPFyIXFyI6YCAggGz+qPT0AVj0/mBnsGY8Zo6ajmY8PGaOAdkiFxciF/6AAQAQ8BAQAlD0/qj09AFY/ddmsGdNjmY8PGaOmo5mPAAEAGD/gAOgAsAABwAYADMAQABeQFsABQYHBgUHZgAHCAYHCGQAAAADBAADWQsBBAAGBQQGWQwBCAAJAggJWQoBAgEBAk0KAQICAVEAAQIBRTU0GhkJCDk4NEA1QCsqIR8eHRkzGjMREAgYCRgTEA0QKwAgBhAWIDYQASIuATU0PgIyHgIUDgIDIg4BFTMmMzIWFRQGBw4CBzM+ATc+ATU0JgMiBhQWMjY1NC4DAqz+qPT0AVj0/mBnsGY8Zo6ajmY8PGaORis8ICYCYSQyFRIXGQsBJgENIBoaRjEPExQcFAQGCAsCwPT+qPT0AVj912awZ02OZjw8Zo6ajmY8AlkbOCldLSMWJREVJikdKiEfGC4fMjv+ixMcFBQOBQsIBgMAAAAABQDA/4ADQALAAAsAEwAXACkAMQBYQFUnIAIJCgFAAAAABAEABFkFDAMDAQAHCAEHVwAIAAsKCAtZAAoACQYKCVkABgICBksABgYCTwACBgJDAAAvLisqJCMbGhcWFRQTEg8OAAsACxETEw0RKwE1NCYiBh0BIxEhESU0NjIWHQEhASERIQc0JiIGFRQWFxUUFjI2PQE+AQYiJjQ2MhYUAtB6rHpwAoD+EGeSZ/6gAdD9wAJA4CU2JRsVCQ4JFRszGhMTGhMBYJBWenpWkP4gAeCQSWdnSZD+QAGgoBslJRsWIwVSBwkJB1IFIwoTGhMTGgAAAAYAwQDgA0ABYAAHAA8AHgAnAC8ANwBFQEIKDQYDAggMBAMAAQIAWQkFAgEDAwFNCQUCAQEDUQsHAgMBA0UgHxEQNTQxMC0sKSgkIx8nICcYFhAeER4TExMQDhIrADIWFAYiJjQ2IgYUFjI2NCUyHgEVFAYjIi4CNTQ2NyIGFBYyNjQmBDIWFAYiJjQ2IgYUFjI2NAHxHhUVHhU/NiUlNiX+wQoQChUPBw4JBhUPGyUlNSYmAdYeFRUeFT82JSU2JQFEFR4VFR4xJTYlJTYJChAKDxUGCQ4HDxUcJTYlJTYlHBUeFRUeMSU2JSU2AAAAAAIBAP/gAwACYAAwAEsBIUuwC1BYQB4vFwIJA0s+AgoBPQEFCDEBBwUtKgIGBwVAGwEHAT8bS7AMUFhAHi8XAgkDSz4CCgI9AQUIMQEHBS0qAgYHBUAbAQcBPxtAHi8XAgkDSz4CCgE9AQUIMQEHBS0qAgYHBUAbAQcBP1lZS7ALUFhALwAACQEJAAFmAAMACQADCVkCAQEACggBClkACAAFBwgFWQAHAAYEBwZZAAQECwRCG0uwDFBYQC8BAQAJAgkAAmYAAwAJAAMJWQACAAoIAgpZAAgABQcIBVkABwAGBAcGWQAEBAsEQhtALwAACQEJAAFmAAMACQADCVkCAQEACggBClkACAAFBwgFWQAHAAYEBwZZAAQECwRCWVlAD0pIQkAkLDQjFikxEhALFysBIg4EIyIuAS8BJicuAiMiDgEPARkBMxE+ATMyHgEXFjMyPgM3PgE3ETUGAwYjIicuAiMiDgEHET4BMzIXHgQzMjcC4AISCBEMDwcOGh4JGxIHHCEzFipAEgUHIA0zKBMqNQ5aMQgREgsUAwoPBwwUNxYuVw03LRUYKhsLDTMoLVMGJxIgHA4XOAJAAwEBAQECBQIGBAEGBwYLCAMF/rf+5AEfBQgIDwMTAQIBAgEBAgEBOiEC/sMHEgMPCQQFAwETBQgSAQkDBgIHAAACAID/oAOAAqAACAASADVAMhIRDw4NCggBAAkBAwFAEAkCAz4AAQMAAwEAZgADAQADSwADAwBPAgEAAwBDFBEREgQSKwkBETMRMxEzEQEHNSMVBxUJATUCAP7A4MDg/sDAgEABgAGAAkD/AP5gAQD/AAGgAWCaWsAzKQEz/s0pAAIAgP+gA4ACoACBAI4ApLaIhwIHAAFAS7AmUFhAMQADAA8AAw9ZBhACAA0BBw4AB1kEAQILAQkIAglZAA4ACg4KVQUBAQEIUQwBCAgLCEIbQDcAAwAPAAMPWQYQAgANAQcOAAdZAA4JCg5NBAECCwEJCAIJWQUBAQwBCAoBCFkADg4KUQAKDgpFWUAmAgCMi4WEe3hramdlX1xXVVFPRUI8OSwqJSMbGBMRDQwAgQKBEQ4rASMiJjU0PwE2NC8BJiIPAQ4BIyImPQE0JisBIg4BHQEUDgIjIi4BLwEmIyIPAQYUHwEeAxUUBisBIg4BHQEUFjsBMhYVFA8BBhQfARYzMj8BPgEzMhYdARQWOwEyNj0BND4BMzIfARYyPwE+ATQmLwEmNTQ+ATsBMjY9AjYmBxQGIiY1MTQ+ATIeAQNRHhMbDxQODi0OKg4TBxEKExwdFD0NFg0IDREJBwwKBRMOFRUOLQ4OEwQFBAIbEh8NFw4eFB8SGw8TDg4tDRYUDxMGEgkTHB0UPRQdDRUNEw8TDikPLAcICAcTDwwVDB8UGgEbw16FXSpKV0orAW8cExMOEw4pDywODhMHCBsSHxQeDhcNHwkQDQcDBwUTDg4sDikPEgQICAkFExwNFg48FRwcExQOEg8pDiwODhMHCBsTHhQeHRUeDBUNEBIODiwHExITBxMNFA0VDRwUHx4VHE9CXl5CK0orK0oAAAMAYP+AA6ACwAAHABEAGwA3QDQAAAACAwACWQADAAcGAwdXAAYIAQUEBgVXAAQBAQRLAAQEAVEAAQQBRREREREUFBMTEAkXKwAgBhAWIDYQJDIWFRQGIiY1NBMjNTM1IzUzETMCrP6o9PQBWPT+RiIXFyIXcYAgIGAgAsD0/qj09AFYJBcREBgYEBH+hxDwEP8AAAADAGD/gAOgAsAABwAUAC4ASEBFAAUHBgcFBmYABgQHBgRkAAAABwUAB1kABAADAgQDWggBAgEBAk0IAQICAVIAAQIBRgkIKignJiUjGRgNDAgUCRQTEAkQKwAgBhAWIDYQASImNDYyFhUUDgM3DgEHIzQ+Ajc+ATU0JiMiFyM2MzIWFRQGAqz+qPT0AVj0/mkPExMdFAQGCAs+IA0BJgcOFhESFTIkYQImAYYzRhoCwPT+qPT0AVj+eBQcExMOBgoIBwPnICEqFiEfGxARJhUjLV18OzIeLwADAMEA4ANAAWAABwAQABgAK0AoBAYCAwABAQBNBAYCAwAAAVEFAwIBAAFFCQgWFRIRDQwIEAkQExAHECsAIgYUFjI2NCUiBhQWMjY0JiAiBhQWMjY0Ahs2JSU2Jf7BGyUlNSYmAgA2JSU2JQFgJTYlJTYlJTYlJTYlJTYlJTYAAAwAQP/QA8ACcAAHAA8AFwAfACcALwA1ADsAQwBLAFMAWwEES7AhUFhAYgACAAJoAAMBCgEDCmYACggBCghkAAsJBgkLBmYABgQJBgRkAAcFB2kYFwIUFgEVARQVVwAAAAEDAAFZDwEMDgENCQwNWAAIAAkLCAlZEwEQEgERBRARWAAEBAVRAAUFCwVCG0BnAAIAAmgAAwEKAQMKZgAKCAEKCGQACwkGCQsGZgAGBAkGBGQABwUHaRgXAhQWARUBFBVXAAAAAQMAAVkPAQwOAQ0JDA1YAAgACQsICVkABBAFBE0TARASAREFEBFYAAQEBVEABQQFRVlALVRUVFtUW1pZT05NTEpJSEc/Pj08Ozo5ODMyMTAtLCkoJSQTExMTExMTExAZFysAMhYUBiImNDYiBhQWMjY0AjIWFAYiJjQ2IgYUFjI2NAAyFhQGIiY0NiIGFBYyNjQXIRUhNjQiFBcjNTMBMxUjNjU0JgcUFhUhNSEGEzMVIzY1NCYnBhUUFhUhNQKzGhMTGhM6NCYmNCZNGhMTGhM6NCYmNCb+MxoTExoTOjQmJjQmHwIh/d8BwAGhoQI+oaEBAb8B/d8CIQG/oaEBAb4BAf3fAlATGhMTGjMmNCYmNP3mExoTExozJjQmJjQBFhMaExMaMyY0JiY0CiAIEBAIIP7wIAgIBAgMBAgEIAgCKCAICAQIBAgIBAgEIAAJAEQAIAO8AssAFQAnADMARABQAF0AcQB+AIwBEkuwClBYQF4XAQwLAwoMXgANAgoLDV4ABwAIAQcIWQABEgEACQEAWQAJFQEGCwkGWQADEwECDQMCWQALFgEKDwsKWQAPGQEQBQ8QWQAFFAEEEQUEWQARDg4RTQAREQ5RGAEOEQ5FG0BgFwEMCwMLDANmAA0CCgINCmYABwAIAQcIWQABEgEACQEAWQAJFQEGCwkGWQADEwECDQMCWQALFgEKDwsKWQAPGQEQBQ8QWQAFFAEEEQUEWQARDg4RTQAREQ5RGAEOEQ5FWUBGgH9zcl9eUlE1NCooGBYCAISDf4yAjHl4cn5zfmlnXnFfcVhXUV1SXUxLRkU9OzRENUQwLSgzKjMhHhYnGCcOCwAVAhUaDisBISIuBTU0NjMhMh4DFRQGByEiLgI1NDYzITIeAhUUBgchIiY0NjMhMhYUBgEiJjU0PgIzMh4BFRQOAiYiDgEUHgEyPgE0JgMiJjU0PgEyHgEUDgEnIg4BFRQeAzMyPgE1NC4DAyImNTQ+ATIeARQOASciBhQWMjY1NC4EA5r93QQHBwYFAwIUDgIjBQsIBgQUDv3dBg0JBhQOAiMHDAkGFA793Q4UFA4CIw4UFP0DKzwRGyYVGzAbEBwmCxMPCQkPExAJCRkrPBwvNzAbGzAbCg8JAwYJCgYJEAkEBggLBSs8HC83MBsbMBsOFBQcFAMEBggJAkICAwUGBwcEDhQDBgkKBg4U7wYJDAcOFAUJDQcOFO8UHRQUHRQBmjwqFSYbERwvHBUlHBCICQ8TEAkJEBMP/pI8KhwvHBwvNzAbiAkPCgULCAYECRAJBgoJBgP+iTwqHC8cHC83MBuJFB0UFA4FCQcHBAMAAwBA/+EDvwJnAAMABwALACZAIwACAAMAAgNXAAAAAQQAAVcABAQFTwAFBQsFQhEREREREAYUKxMhFSERIRUhESEVIUADf/yBA3/8gQN//IEBPDABWzD92S8AAAAEABf/iAPpArgABQAiADkAPwA9QDo/Pj08Ozo5LSwjIiEfHhQTBgUEAwIBABcCAQFAAAAAAQIAAVkAAgMDAk0AAgIDUQADAgNFLx4XLQQSKwEHJwcXNycwPQEuAyMiDgIHFz4BMh4BFxUUBgcXNjUxBw4BIi4BNTQ2NycGHQMeAjMyNjcBBxc3FzcD01NVFWppUQFBbZdSN2lcTRscMrDMrGUBAQEgAlAysMytZQEBIAICb7ptbsA2/RxpFlNTFgEgU1MWamkYAQJTlWxAHTZNMBBZZ2SsZg4GDgcEFRa4WWdkrWYKFAoEFRYCBANsuGtwYAFIaRdTUxcAAAABAV//nwKgAqAASQBLQEg6AQAFRx8KAwIDAkAABQAFaAcBAAMAaAADAgNoAAIABAECBFkAAQYGAU0AAQEGUgAGAQZGAQBDQTc2LSslIx0bCAcASQFJCA4rASIOARURFAYiJjcwETQ2NzYXHgEVERQOAgcGIyImNTARNCYjIg4BFQMUFjMWNz4CNRM0JyYiBwYHMB0DBhYzFjc2NRE2JgKJBgsGRVtFARIQIyMQEQICBAIGCAkNDQkHCgYBKRwdFAYJBAE4Gz8aOAEBYEBDLi8BDQHqBgsG/no9QUM9AdYXIwkVFQojF/4/BgoICAMHFhMBWgoNBgsG/qcqLwEZCBQXDQHBSyIQDyFLeI19VFFeAS8wTwGFCg4AAwAT//YD7QJJABcAIwAxAJpLsA9QWEAiBwEEAgUCBF4ABQMDBVwAAQYBAgQBAlkAAwMAUgAAAAsAQhtLsBhQWEAkBwEEAgUCBAVmAAUDAgUDZAABBgECBAECWQADAwBSAAAACwBCG0ApBwEEAgUCBAVmAAUDAgUDZAABBgECBAECWQADAAADTQADAwBSAAADAEZZWUAUJSQZGCsqJDElMSAfGCMZIykmCBArARQOBCMiLgM0PgMzMhcWFxYlIg4CFRQWMjY0JgciDgEVFBYyNjU0LgID7SE8WmqGRlGddVsvL1t2nFHInWMdCP4TMFhAJYvFi4tjKUYoWH5YGCg4ASAYPkM/Mx8rRFBNPE1QRCpwR0sW4iZCWjFljo7KjlgpSCpAW1tAIDkqGAAAAQDAAGADQAHgAAUABrMCAAEmKyU3CQEXAQMZJ/7A/sAnARlgKQFX/qkpAS0AAAAAAQDAAGADQAHgAAUABrMCAAEmKwEXCQE3AQMZJ/7A/sAnARkB4Cn+qQFXKf7TAAAAAQFA/+ACwAJgAAUABrMDAQEmKwEnCQE3AQLAKf6pAVcp/tMCOSf+wP7AJwEZAAAAAQFA/+ACwAJgAAUABrMDAQEmKwE3CQEnAQFAKQFX/qkpAS0COSf+wP7AJwEZAAAAAQFA/+ACwAJgACEAJUAiGRgTCwQFAAIBQAAAAgECAAFmAAICAVEAAQELAUIsFREDESsBBiIvAREUBiImNREHBicmNDc2NzYzMhYfAR4BHwEeARUUArsEDQWVCQ4JlQwKBQWuAgYFAwUBAgFYLCsDAgGkBASF/ccHCQkHAjmECwoFDgSfAQUCAQIBUCgnAgYDBwAAAAEBQP/gAsACYAAgACRAIRgTCwQEAgABQAAAAQIBAAJmAAEBAlEAAgILAkIsFREDESslJiIPARE0JiIGFREnJgcGFBcWFxYzMjY3PgE/AT4BNTQCuwQNBZUJDgmVDAoFBa4CBgUEBgEBWCwrAwKcBASFAjkHCQkH/ceECwoFDgSfAQUDAgFQKCcCBgMHAAAAAAEAwABgA0AB4AAdACpAJxYSAgABAUAAAgECaAADAANpAAEAAAFNAAEBAFIAAAEARhwUIyMEEislNi8BITI2NCYjITc2JyYiBwYHBhUUFx4BHwEWMzYBfAoKhQI5BwkJB/3HhAsKBQ4EnwEFBQFQKCcEBwdlCgyVCQ4JlQwKBQWuAgYFBwQBWCwrBQEAAQDAAGADQAHhAB4AJUAiFxMCAAEBQAACAAJpAAEAAAFNAAEBAFEAAAEARR0cIyMDECslJj8BISImNDYzIScmNz4BFhcWFxYVFAcOAQ8BBiMmAoQKCoX9xwcJCQcCOYQLCgMJCAOfAQUFAVAoJwQHB2UKDJUJDgmVDAoDAwIErgIGBQcEAVgsKwUBAAABAR7/pwLaAn8ABgAWQBMAAQA9AAEAAWgCAQAAXxEREQMRKwUTIxEjESMB/N6Rm5BZASgBsP5QAAEAX/97A6ECvQALAAAJAgcJARcJATcJAQNt/pL+lDQBbf6TNAFsAW40/pEBbwK9/pIBbDP+lP6UMwFs/pIzAW4BbQAABABV/3EDqgLIABMAJwA+AEQAAAUGLgE0Nz4BNCYnJjQ+ARceARQGJw4BJjQ3PgE0JicmNDYWFx4BFAYDJyMiJicRPgE3Mzc+AR4BFREUDgEmJzcRByMRMwMwCBgQCTI2NTIJEBgJOj4/rAgYEQgYGRgXCBEYCB8gIuHIpxchAQEhF6fFDh8eEBAbHw4f1Lq4FAkBEhgJNIaXhTQJGBIBCTycsJxSCAESFwkZPkU+GQkXEQEIIVNcU/7ggiEYAbkXIQGTCgMPGxD9HBAaDwEIMALkn/5HAAAABQBA/3wDwAK8AAsAHwAzAEgAXQAAJSEiJjQ2MyEyFhQGAyMiJjQ2OwEyNj0BNDYyFh0BDgEFIy4BJzU0NjIWHQEUFjsBMhYUBgMiJj0BPgE3MzIWFAYrASIGHQEUBiEiJj0BNCYrASImNDY7AR4BFxUUBgOg/MAOEhIOA0AOEhJuwA4SEg7ADhISHBIBNv33oCk2ARIcEhIOoA4SEu4OEgE2KaAOEhIOoA4SEgLyDhISDsAOEhIOwCk2ARL8EhwSEhwS/oASHBISDqAOEhIOoCk2AQE2KaAOEhIOoA4SEhwSAiASDqApNgESHBISDqAOEhIOoA4SEhwSATYpoA4SAAAADACWAAEAAAAAAAEACAASAAEAAAAAAAIABgApAAEAAAAAAAMAHABqAAEAAAAAAAQADwCnAAEAAAAAAAUALwEXAAEAAAAAAAYADwFnAAMAAQQJAAEAEAAAAAMAAQQJAAIADAAbAAMAAQQJAAMAOAAwAAMAAQQJAAQAHgCHAAMAAQQJAAUAXgC3AAMAAQQJAAYAHgFHAGkAYwBvAG4AZgBvAG4AdAAAaWNvbmZvbnQAAE0AZQBkAGkAdQBtAABNZWRpdW0AAGkAYwBvAG4AZgBvAG4AdAAgAE0AZQBkAGkAdQBtADoAVgBlAHIAcwBpAG8AbgAgADEALgAwADAAAGljb25mb250IE1lZGl1bTpWZXJzaW9uIDEuMDAAAGkAYwBvAG4AZgBvAG4AdAAgAE0AZQBkAGkAdQBtAABpY29uZm9udCBNZWRpdW0AAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAwACAARABlAGMAZQBtAGIAZQByACAAMQAzACwAIAAyADAAMQA4ACwAIABpAG4AaQB0AGkAYQBsACAAcgBlAGwAZQBhAHMAZQAAVmVyc2lvbiAxLjAwIERlY2VtYmVyIDEzLCAyMDE4LCBpbml0aWFsIHJlbGVhc2UAAGkAYwBvAG4AZgBvAG4AdAAtAE0AZQBkAGkAdQBtAABpY29uZm9udC1NZWRpdW0AAAAAAAIAAAAAAAD/UQAyAAAAAAAAAAAAAAAAAAAAAAAAAAAAYAAAAAEAAgBbAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcBGAEZARoBGwEcAR0BHgEfASABIQEiASMBJAElASYBJwEoASkBKgErASwBLQEuAS8BMAExATIBMwE0ATUBNgE3ATgBOQE6ATsBPAE9AT4BPwFAAUEBQgFDAUQBRQFGAUcBSAFJAUoBSwFMAU0BTgFPAVABUQFSAVMBVAFVAVYBVwFYAVkBWgFbAVwBXQd1bmlFMTAwB3VuaUUxMDEHdW5pRTEwMgd1bmlFMTMwB3VuaUUxMzEHdW5pRTEzMgd1bmlFMjAwB3VuaUUyMDEHdW5pRTIwMgd1bmlFMjAzB3VuaUUyMzAHdW5pRTIzMQd1bmlFMjMyB3VuaUUyMzMHdW5pRTI2MAd1bmlFMjYxB3VuaUUyNjIHdW5pRTI2Mwd1bmlFMjY0B3VuaUUzMDAHdW5pRTMwMQd1bmlFMzAyB3VuaUUzMDMHdW5pRTMzMgd1bmlFMzMzB3VuaUUzNjAHdW5pRTM2Mwd1bmlFMzY0B3VuaUU0MDAHdW5pRTQwMQd1bmlFNDAyB3VuaUU0MDMHdW5pRTQwNAd1bmlFNDA1B3VuaUU0MDYHdW5pRTQwNwd1bmlFNDA4B3VuaUU0MDkHdW5pRTQxMAd1bmlFNDExB3VuaUU0MTMHdW5pRTQzNAd1bmlFNDM3B3VuaUU0MzgHdW5pRTQzOQd1bmlFNDQwB3VuaUU0NDEHdW5pRTQ0Mgd1bmlFNDQzB3VuaUU0NjAHdW5pRTQ2MQd1bmlFNDYyB3VuaUU0NjMHdW5pRTQ2NAd1bmlFNDY1B3VuaUU0NjYHdW5pRTQ2OAd1bmlFNDcwB3VuaUU0NzEHdW5pRTQ3Mgd1bmlFNTAwB3VuaUU1MDEHdW5pRTUwMgd1bmlFNTAzB3VuaUU1MDQHdW5pRTUwNQd1bmlFNTA2B3VuaUU1MDcHdW5pRTUwOAd1bmlFNTMwB3VuaUU1MzIHdW5pRTUzNAd1bmlFNTM1B3VuaUU1MzcHdW5pRTU2MAd1bmlFNTYyB3VuaUU1NjMHdW5pRTU2NQd1bmlFNTY3B3VuaUU1NjgHdW5pRTU4MAd1bmlFNTgxB3VuaUU1ODIHdW5pRTU4Mwd1bmlFNTg0B3VuaUU1ODUHdW5pRTU4Ngd1bmlFNTg3B3VuaUU1ODgHdW5pRTU4OQRFdXJvBEV1cm8AAQAB//8ADwABAAAADAAAABYAAAACAAEAAQBfAAEABAAAAAIAAAAAAAAAAQAAAADVpCcIAAAAANJrTZkAAAAA2DhhuQ==) format('truetype');

  41.     }

  42. 

  43.     .uni-icon {

  44.         font-family: uniicons;

  45.         font-size: 24px;

  46.         font-weight: normal;

  47.         font-style: normal;

  48.         line-height: 1;

  49.         display: inline-block;

  50.         text-decoration: none;

  51.         -webkit-font-smoothing: antialiased;

  52.     }

  53. 

  54.     .uni-icon.uni-active {

  55.         color: #007aff;

  56.     }

  57. 

  58.     .uni-icon-contact:before {

  59.         content: '\e100';

  60.     }

  61. 

  62.     .uni-icon-person:before {

  63.         content: '\e101';

  64.     }

  65. 

  66.     .uni-icon-personadd:before {

  67.         content: '\e102';

  68.     }

  69. 

  70.     .uni-icon-contact-filled:before {

  71.         content: '\e130';

  72.     }

  73. 

  74.     .uni-icon-person-filled:before {

  75.         content: '\e131';

  76.     }

  77. 

  78.     .uni-icon-personadd-filled:before {

  79.         content: '\e132';

  80.     }

  81. 

  82.     .uni-icon-phone:before {

  83.         content: '\e200';

  84.     }

  85. 

  86.     .uni-icon-email:before {

  87.         content: '\e201';

  88.     }

  89. 

  90.     .uni-icon-chatbubble:before {

  91.         content: '\e202';

  92.     }

  93. 

  94.     .uni-icon-chatboxes:before {

  95.         content: '\e203';

  96.     }

  97. 

  98.     .uni-icon-phone-filled:before {

  99.         content: '\e230';

  100.     }

  101. 

  102.     .uni-icon-email-filled:before {

  103.         content: '\e231';

  104.     }

  105. 

  106.     .uni-icon-chatbubble-filled:before {

  107.         content: '\e232';

  108.     }

  109. 

  110.     .uni-icon-chatboxes-filled:before {

  111.         content: '\e233';

  112.     }

  113. 

  114.     .uni-icon-weibo:before {

  115.         content: '\e260';

  116.     }

  117. 

  118.     .uni-icon-weixin:before {

  119.         content: '\e261';

  120.     }

  121. 

  122.     .uni-icon-pengyouquan:before {

  123.         content: '\e262';

  124.     }

  125. 

  126.     .uni-icon-chat:before {

  127.         content: '\e263';

  128.     }

  129. 

  130.     .uni-icon-qq:before {

  131.         content: '\e264';

  132.     }

  133. 

  134.     .uni-icon-videocam:before {

  135.         content: '\e300';

  136.     }

  137. 

  138.     .uni-icon-camera:before {

  139.         content: '\e301';

  140.     }

  141. 

  142.     .uni-icon-mic:before {

  143.         content: '\e302';

  144.     }

  145. 

  146.     .uni-icon-location:before {

  147.         content: '\e303';

  148.     }

  149. 

  150.     .uni-icon-mic-filled:before,

  151.     .uni-icon-speech:before {

  152.         content: '\e332';

  153.     }

  154. 

  155.     .uni-icon-location-filled:before {

  156.         content: '\e333';

  157.     }

  158. 

  159.     .uni-icon-micoff:before {

  160.         content: '\e360';

  161.     }

  162. 

  163.     .uni-icon-image:before {

  164.         content: '\e363';

  165.     }

  166. 

  167.     .uni-icon-map:before {

  168.         content: '\e364';

  169.     }

  170. 

  171.     .uni-icon-compose:before {

  172.         content: '\e400';

  173.     }

  174. 

  175.     .uni-icon-trash:before {

  176.         content: '\e401';

  177.     }

  178. 

  179.     .uni-icon-upload:before {

  180.         content: '\e402';

  181.     }

  182. 

  183.     .uni-icon-download:before {

  184.         content: '\e403';

  185.     }

  186. 

  187.     .uni-icon-close:before {

  188.         content: '\e404';

  189.     }

  190. 

  191.     .uni-icon-redo:before {

  192.         content: '\e405';

  193.     }

  194. 

  195.     .uni-icon-undo:before {

  196.         content: '\e406';

  197.     }

  198. 

  199.     .uni-icon-refresh:before {

  200.         content: '\e407';

  201.     }

  202. 

  203.     .uni-icon-star:before {

  204.         content: '\e408';

  205.     }

  206. 

  207.     .uni-icon-plus:before {

  208.         content: '\e409';

  209.     }

  210. 

  211.     .uni-icon-minus:before {

  212.         content: '\e410';

  213.     }

  214. 

  215.     .uni-icon-circle:before,

  216.     .uni-icon-checkbox:before {

  217.         content: '\e411';

  218.     }

  219. 

  220.     .uni-icon-close-filled:before,

  221.     .uni-icon-clear:before {

  222.         content: '\e434';

  223.     }

  224. 

  225.     .uni-icon-refresh-filled:before {

  226.         content: '\e437';

  227.     }

  228. 

  229.     .uni-icon-star-filled:before {

  230.         content: '\e438';

  231.     }

  232. 

  233.     .uni-icon-plus-filled:before {

  234.         content: '\e439';

  235.     }

  236. 

  237.     .uni-icon-minus-filled:before {

  238.         content: '\e440';

  239.     }

  240. 

  241.     .uni-icon-circle-filled:before {

  242.         content: '\e441';

  243.     }

  244. 

  245.     .uni-icon-checkbox-filled:before {

  246.         content: '\e442';

  247.     }

  248. 

  249.     .uni-icon-closeempty:before {

  250.         content: '\e460';

  251.     }

  252. 

  253.     .uni-icon-refreshempty:before {

  254.         content: '\e461';

  255.     }

  256. 

  257.     .uni-icon-reload:before {

  258.         content: '\e462';

  259.     }

  260. 

  261.     .uni-icon-starhalf:before {

  262.         content: '\e463';

  263.     }

  264. 

  265.     .uni-icon-spinner:before {

  266.         content: '\e464';

  267.     }

  268. 

  269.     .uni-icon-spinner-cycle:before {

  270.         content: '\e465';

  271.     }

  272. 

  273.     .uni-icon-search:before {

  274.         content: '\e466';

  275.     }

  276. 

  277.     .uni-icon-plusempty:before {

  278.         content: '\e468';

  279.     }

  280. 

  281.     .uni-icon-forward:before {

  282.         content: '\e470';

  283.     }

  284. 

  285.     .uni-icon-back:before,

  286.     .uni-icon-left-nav:before {

  287.         content: '\e471';

  288.     }

  289. 

  290.     .uni-icon-checkmarkempty:before {

  291.         content: '\e472';

  292.     }

  293. 

  294.     .uni-icon-home:before {

  295.         content: '\e500';

  296.     }

  297. 

  298.     .uni-icon-navigate:before {

  299.         content: '\e501';

  300.     }

  301. 

  302.     .uni-icon-gear:before {

  303.         content: '\e502';

  304.     }

  305. 

  306.     .uni-icon-paperplane:before {

  307.         content: '\e503';

  308.     }

  309. 

  310.     .uni-icon-info:before {

  311.         content: '\e504';

  312.     }

  313. 

  314.     .uni-icon-help:before {

  315.         content: '\e505';

  316.     }

  317. 

  318.     .uni-icon-locked:before {

  319.         content: '\e506';

  320.     }

  321. 

  322.     .uni-icon-more:before {

  323.         content: '\e507';

  324.     }

  325. 

  326.     .uni-icon-flag:before {

  327.         content: '\e508';

  328.     }

  329. 

  330.     .uni-icon-home-filled:before {

  331.         content: '\e530';

  332.     }

  333. 

  334.     .uni-icon-gear-filled:before {

  335.         content: '\e532';

  336.     }

  337. 

  338.     .uni-icon-info-filled:before {

  339.         content: '\e534';

  340.     }

  341. 

  342.     .uni-icon-help-filled:before {

  343.         content: '\e535';

  344.     }

  345. 

  346.     .uni-icon-more-filled:before {

  347.         content: '\e537';

  348.     }

  349. 

  350.     .uni-icon-settings:before {

  351.         content: '\e560';

  352.     }

  353. 

  354.     .uni-icon-list:before {

  355.         content: '\e562';

  356.     }

  357. 

  358.     .uni-icon-bars:before {

  359.         content: '\e563';

  360.     }

  361. 

  362.     .uni-icon-loop:before {

  363.         content: '\e565';

  364.     }

  365. 

  366.     .uni-icon-paperclip:before {

  367.         content: '\e567';

  368.     }

  369. 

  370.     .uni-icon-eye:before {

  371.         content: '\e568';

  372.     }

  373. 

  374.     .uni-icon-arrowup:before {

  375.         content: '\e580';

  376.     }

  377. 

  378.     .uni-icon-arrowdown:before {

  379.         content: '\e581';

  380.     }

  381. 

  382.     .uni-icon-arrowleft:before {

  383.         content: '\e582';

  384.     }

  385. 

  386.     .uni-icon-arrowright:before {

  387.         content: '\e583';

  388.     }

  389. 

  390.     .uni-icon-arrowthinup:before {

  391.         content: '\e584';

  392.     }

  393. 

  394.     .uni-icon-arrowthindown:before {

  395.         content: '\e585';

  396.     }

  397. 

  398.     .uni-icon-arrowthinleft:before {

  399.         content: '\e586';

  400.     }

  401. 

  402.     .uni-icon-arrowthinright:before {

  403.         content: '\e587';

  404.     }

  405. 

  406.     .uni-icon-pulldown:before {

  407.         content: '\e588';

  408.     }

  409. 

  410.     .uni-icon-closefill:before {

  411.         content: '\e589';

  412.     }

  413. 

  414.     .uni-icon-sound:before {

  415.         content: "\e590";

  416.     }

  417. 

  418.     .uni-icon-scan:before {

  419.         content: "\e612";

  420.     }

  421. </style>

  422.

uni-load-more

readme.md
复制代码
  1. ### LoadMore 加载更多

  2. 

  3. 用于列表中，做滚动加载使用，展示 loading 的各种状态，组件名：``uni-load-more``，代码块： uLoadMore。

  4. 

  5. **使用方式：**

  6. 

  7. 在 ``script`` 中引用组件 

  8.

import uniLoadMore from "@/components/uni-load-more/uni-load-more.vue"
export default {

复制代码
  1. components: {uniLoadMore}

}

复制代码
  1. 

  2. 在 ``template`` 中使用组件

  3.

<uni-load-more status="loading"></uni-load-more>

复制代码
  1. 

  2. 实际效果参考：[https://github.com/dcloudio/uni-ui](https://github.com/dcloudio/uni-ui)

  3. 

  4. **属性说明：**

  5. 

  6. |属性名        |类型|默认值    |说明|

  7. |---|----|---|---|

  8. |status    |String    |more|loading 的状态，可选值：more（loading前）、loading（loading中）、noMore（没有更多了）|

  9. |show-icon    |Boolean    |true|是否显示 loading 图标|

  10. |color    |String    |#777777|图标和文字颜色    |

  11. |content-text    |Object    |```{contentdown: "上拉显示更多",contentrefresh: "正在加载...",contentnomore: "没有更多数据了"}```|各状态文字说明|

  12. 

  13.
uni-load-more.vue
复制代码
  1. <template>

  2.     <view class="uni-load-more">

  3.         <view class="uni-load-more__img" v-show="status === 'loading' && showIcon">

  4.             <view class="load1">

  5.                 <view :style="{background:color}"></view>

  6.                 <view :style="{background:color}"></view>

  7.                 <view :style="{background:color}"></view>

  8.                 <view :style="{background:color}"></view>

  9.             </view>

  10.             <view class="load2">

  11.                 <view :style="{background:color}"></view>

  12.                 <view :style="{background:color}"></view>

  13.                 <view :style="{background:color}"></view>

  14.                 <view :style="{background:color}"></view>

  15.             </view>

  16.             <view class="load3">

  17.                 <view :style="{background:color}"></view>

  18.                 <view :style="{background:color}"></view>

  19.                 <view :style="{background:color}"></view>

  20.                 <view :style="{background:color}"></view>

  21.             </view>

  22.         </view>

  23.         <text class="uni-load-more__text" :style="{color:color}">{{status === 'more' ? contentText.contentdown : (status === 'loading' ? contentText.contentrefresh : contentText.contentnomore)}}</text>

  24.     </view>

  25. </template>

  26. 

  27. <script>

  28.     export default {

  29.         name: "uni-load-more",

  30.         props: {

  31.             status: {

  32.                 //上拉的状态：more-loading前；loading-loading中；noMore-没有更多了

  33.                 type: String,

  34.                 default: 'more'

  35.             },

  36.             showIcon: {

  37.                 type: Boolean,

  38.                 default: true

  39.             },

  40.             color: {

  41.                 type: String,

  42.                 default: "#999"

  43.             },

  44.             contentText: {

  45.                 type: Object,

  46.                 default () {

  47.                     return {

  48.                         contentdown: "上拉显示更多",

  49.                         contentrefresh: "正在加载...",

  50.                         contentnomore: "没有更多数据了"

  51.                     };

  52.                 }

  53.             }

  54.         },

  55.         data() {

  56.             return {}

  57.         }

  58.     }

  59. </script>

  60. 

  61. <style lang="scss">

  62.     .uni-load-more {

  63.         display: flex;

  64.         flex-direction: row;

  65.         height: 80upx;

  66.         align-items: center;

  67.         justify-content: center;

  68. 

  69.         &__text {

  70.             font-size: 26upx;

  71.             color: $uni-text-color-grey;

  72.         }

  73. 

  74.         &__img {

  75.             height: 24px;

  76.             width: 24px;

  77.             margin-right: 10px;

  78. 

  79.             &>view {

  80.                 position: absolute;

  81. 

  82.                 view {

  83.                     width: 6px;

  84.                     height: 2px;

  85.                     border-top-left-radius: 1px;

  86.                     border-bottom-left-radius: 1px;

  87.                     background: $uni-text-color-grey;

  88.                     position: absolute;

  89.                     opacity: 0.2;

  90.                     transform-origin: 50%;

  91.                     animation: load 1.56s ease infinite;

  92. 

  93.                     &:nth-child(1) {

  94.                         transform: rotate(90deg);

  95.                         top: 2px;

  96.                         left: 9px;

  97.                     }

  98. 

  99.                     &:nth-child(2) {

  100.                         transform: rotate(180deg);

  101.                         top: 11px;

  102.                         right: 0px;

  103.                     }

  104. 

  105.                     &:nth-child(3) {

  106.                         transform: rotate(270deg);

  107.                         bottom: 2px;

  108.                         left: 9px;

  109.                     }

  110. 

  111.                     &:nth-child(4) {

  112.                         top: 11px;

  113.                         left: 0px;

  114.                     }

  115.                 }

  116.             }

  117.         }

  118.     }

  119. 

  120.     .load1,

  121.     .load2,

  122.     .load3 {

  123.         height: 24px;

  124.         width: 24px;

  125.     }

  126. 

  127.     .load2 {

  128.         transform: rotate(30deg);

  129.     }

  130. 

  131.     .load3 {

  132.         transform: rotate(60deg);

  133.     }

  134. 

  135. 

  136.     .load1 view:nth-child(1) {

  137.         animation-delay: 0s;

  138.     }

  139. 

  140.     .load2 view:nth-child(1) {

  141.         animation-delay: 0.13s;

  142.     }

  143. 

  144.     .load3 view:nth-child(1) {

  145.         animation-delay: 0.26s;

  146.     }

  147. 

  148.     .load1 view:nth-child(2) {

  149.         animation-delay: 0.39s;

  150.     }

  151. 

  152.     .load2 view:nth-child(2) {

  153.         animation-delay: 0.52s;

  154.     }

  155. 

  156.     .load3 view:nth-child(2) {

  157.         animation-delay: 0.65s;

  158.     }

  159. 

  160.     .load1 view:nth-child(3) {

  161.         animation-delay: 0.78s;

  162.     }

  163. 

  164.     .load2 view:nth-child(3) {

  165.         animation-delay: 0.91s;

  166.     }

  167. 

  168.     .load3 view:nth-child(3) {

  169.         animation-delay: 1.04s;

  170.     }

  171. 

  172.     .load1 view:nth-child(4) {

  173.         animation-delay: 1.17s;

  174.     }

  175. 

  176.     .load2 view:nth-child(4) {

  177.         animation-delay: 1.30s;

  178.     }

  179. 

  180.     .load3 view:nth-child(4) {

  181.         animation-delay: 1.43s;

  182.     }

  183. 

  184.     @-webkit-keyframes load {

  185.         0% {

  186.             opacity: 1;

  187.         }

  188. 

  189.         100% {

  190.             opacity: 0.2;

  191.         }

  192.     }

  193. </style>

  194.

uni-number-box

readme.md
复制代码
  1. ### NumberBox 数字输入框

  2. 

  3. 带加减按钮的数字输入框，组件名：``uni-number-box``，代码块： uNumberBox。

  4. 

  5. **使用方式：**

  6. 

  7. 在 ``script`` 中引用组件 

  8.

import uniNumberBox from "@/components/uni-number-box/uni-number-box.vue"
export default {

复制代码
  1. components: {uniNumberBox}

}

复制代码
  1. 

  2. 在 ``template`` 中使用组件

  3.

<uni-number-box></uni-number-box>
<uni-number-box :min="0" :max="9"></uni-number-box>
<uni-number-box @change="bindChange"></uni-number-box>

复制代码
  1. 

  2. 实际效果参考：[https://github.com/dcloudio/uni-ui](https://github.com/dcloudio/uni-ui)

  3. 

  4. **NumberBox 属性说明：**

  5. 

  6. |属性名        |类型    |默认值    |说明                    |

  7. |---        |----    |---    |---                    |

  8. |value        |Number    |0        |输入框当前值            |

  9. |min        |Number    |0        |最小值                    |

  10. |max        |Number    |100    |最大值                    |

  11. |step        |Number    |1        |每次点击改变的间隔大小    |

  12. |disabled    |Boolean|false    |是否为禁用状态            |

  13. 

  14. **事件说明：**

  15. 

  16. |事件名称    |说明        |

  17. |---|---|

  18. |change    |输入框值改变时触发的事件，参数为输入框当前的 value|
uni-number-box.vue
复制代码
  1. <template>

  2.     <view class="uni-numbox">

  3.         <view class="uni-numbox__minus" :class="{'uni-numbox--disabled': disableSubtract||disabled}" @click="_calcValue('subtract')">-</view>

  4.         <input class="uni-numbox__value" type="number" :disabled="disabled" :value="inputValue" @blur="_onBlur">

  5.         <view class="uni-numbox__plus" :class="{'uni-numbox--disabled': disableAdd||disabled}" @click="_calcValue('add')">+</view>

  6.     </view>

  7. </template>

  8. <script>

  9.     export default {

  10.         name: 'uni-number-box',

  11.         props: {

  12.             value: {

  13.                 type: Number,

  14.                 default: 1

  15.             },

  16.             min: {

  17.                 type: Number,

  18.                 default: 0

  19.             },

  20.             max: {

  21.                 type: Number,

  22.                 default: 9999

  23.             },

  24.             step: {

  25.                 type: Number,

  26.                 default: 1

  27.             },

  28.             disabled: {

  29.                 type: Boolean,

  30.                 default: false

  31.             }

  32.         },

  33.         data() {

  34.             return {

  35.                 inputValue: this.value

  36.             }

  37.         },

  38.         computed: {

  39.             disableSubtract() {

  40.                 return this.inputValue <= this.min

  41.             },

  42.             disableAdd() {

  43.                 return this.inputValue >= this.max

  44.             }

  45.         },

  46.         watch: {

  47.             value(val) {

  48.                 this.inputValue = val;

  49.             },

  50.             inputValue(val) {

  51.                 this.$emit('change', val);

  52.             }

  53.         },

  54.         methods: {

  55.             _calcValue(type) {

  56.                 if (this.disabled) {

  57.                     return

  58.                 }

  59.                 const scale = this._getDecimalScale()

  60.                 let value = this.inputValue * scale

  61.                 let step = this.step * scale

  62.                 if (type === 'subtract') {

  63.                     value -= step

  64.                 } else if (type === 'add') {

  65.                     value += step

  66.                 }

  67.                 if (value < this.min || value > this.max) {

  68.                     return

  69.                 }

  70.                 this.inputValue = value / scale;

  71.             },

  72.             _getDecimalScale() {

  73.                 let scale = 1

  74.                 // 浮点型

  75.                 if (~~this.step !== this.step) {

  76.                     scale = Math.pow(10, (this.step + '').split('.')[1].length)

  77.                 }

  78.                 return scale

  79.             },

  80.             _onBlur(event) {

  81.                 let value = event.detail.value

  82.                 if (!value) {

  83.                     this.inputValue = 0

  84.                     return

  85.                 }

  86.                 value = +value;

  87.                 if (value > this.max) {

  88.                     value = this.max

  89.                 } else if (value < this.min) {

  90.                     value = this.min

  91.                 }

  92.                 this.inputValue = value

  93.             }

  94.         }

  95.     }

  96. </script>

  97. <style lang="scss">

  98.     $numbox-btn-width:44upx;

  99.     $numbox-input-width:44upx;

  100.     $numbox-height:52upx;

  101.     $uni-font-size-xxl:32upx;

  102. 

  103.     .uni-numbox {

  104.         display: inline-flex;

  105.         flex-direction: row;

  106.         justify-content: flex-start;

  107.         height: $numbox-height;

  108.         position: relative;

  109. 

  110.         &:after {

  111.             content: '';

  112.             position: absolute;

  113.             transform-origin: center;

  114.             box-sizing: border-box;

  115.             pointer-events: none;

  116.             top: -50%;

  117.             left: -50%;

  118.             right: -50%;

  119.             bottom: -50%;

  120.             // border: 1px solid $uni-border-color;

  121.             border-radius: $uni-border-radius-lg;

  122.             transform: scale(.5);

  123.         }

  124. 

  125.         &__minus,

  126.         &__plus {

  127.             margin: 0;

  128.             // background-color: $uni-bg-color-grey;

  129.             width: $numbox-btn-width;

  130.             font-size: $uni-font-size-xxl;

  131.             height: 100%;

  132.             line-height: $numbox-height;

  133.             text-align: center;

  134.             color: $uni-text-color;

  135.             position: relative;

  136.         }

  137. 

  138.         &__value {

  139.             position: relative;

  140.             background-color: $uni-bg-color;

  141.             width: $numbox-input-width;

  142.             height: 100%;

  143.             text-align: center;

  144.             min-height: 40upx;

  145.             font-size: 26upx;

  146.             &:after {

  147.                 content: '';

  148.                 position: absolute;

  149.                 transform-origin: center;

  150.                 box-sizing: border-box;

  151.                 pointer-events: none;

  152.                 top: -50%;

  153.                 left: -50%;

  154.                 right: -50%;

  155.                 bottom: -50%;

  156.                 border-style: solid;

  157.                 border-color: $uni-border-color;

  158.                 border-left-width: 0px;

  159.                 border-right-width: 0px;

  160.                 border-top-width: 0;

  161.                 border-bottom-width: 0;

  162.                 transform: scale(.5);

  163.             }

  164.         }

  165. 

  166.         &--disabled {

  167.             color: $uni-text-color-disable;

  168.         }

  169.     }

  170. </style>

  171.

uni-rate

readme.md
复制代码
  1. ### Rate 评分

  2. 

  3. 评分组件，组件名：``uni-rate``，代码块： uRate。

  4. 

  5. **使用方式：**

  6. 

  7. 在 ``script`` 中引用组件 

  8.

import uniRate from "@/components/uni-rate/uni-rate.vue"
export default {

复制代码
  1. components: {uniRate}

}

复制代码
  1. 

  2. 基本用法

  3.

<uni-rate value="2"></uni-rate>

复制代码
  1. 

  2. 自定义星星大小

  3.

<uni-rate size="18" value="5"></uni-rate>

复制代码
  1. 

  2. 设置评分数

  3.

<uni-rate max="10" value="5"></uni-rate>

复制代码
  1. 

  2. 不可点击状态

  3.

<uni-rate disabled="true" value="3.5"></uni-rate>

复制代码
  1. 

  2. 实际效果参考：[https://github.com/dcloudio/uni-ui](https://github.com/dcloudio/uni-ui)

  3. 

  4. **属性说明：**

  5. 

  6. |属性名|类型|默认值    |说明|

  7. |---|----|---|---|

  8. |value|Number|0|当前评分|

  9. |max|Number|5|最大的评分|

  10. |size|Number|24|星星的大小|

  11. |margin|Number|0|星星的间距|

  12. |color|String|#ececec|星星的颜色|

  13. |active-color|String|#ffca3e|选中状态的星星的颜色|

  14. |is-fill|Boolean|true|星星的类型，是否为实心类型|

  15. |disabled|Boolean|false|是否为不可点击状态|

  16. 

  17. **事件说明：**

  18. 

  19. |事件称名|说明|返回参数|

  20. |---|----|---|

  21. |change|Rate 的 value 改变时触发事件，返回参数为Rate的value|{value:Number}|

  22.
uni-rate.vue
复制代码
  1. <template>

  2.     <view class="uni-rate">

  3.         <view class="uni-rate-icon" v-for="(star,index) in stars" :key="index" :style="{marginLeft:margin+'px'}" @click="onClick(index)">

  4.             <uni-icon :size="size" :color="color" :type="isFill === false || isFill === 'false' ? 'star' : 'star-filled'"></uni-icon>

  5.             <view class="uni-rate-icon-on" :style="{width:star.activeWitch}">

  6.                 <uni-icon :size="size" :color="activeColor" type="star-filled"></uni-icon>

  7.             </view>

  8.         </view>

  9.     </view>

  10. </template>

  11. 

  12. <script>

  13.     import uniIcon from '../uni-icon/uni-icon.vue'

  14.     export default {

  15.         name: "uni-rate",

  16.         components: {

  17.             uniIcon

  18.         },

  19.         props: {

  20.             isFill: { //星星的类型，是否镂空

  21.                 type: [Boolean, String],

  22.                 default: true

  23.             },

  24.             color: { //星星的颜色

  25.                 type: String,

  26.                 default: '#ececec'

  27.             },

  28.             activeColor: { //星星选中状态颜色

  29.                 type: String,

  30.                 default: '#ffca3e'

  31.             },

  32.             size: { //星星的大小

  33.                 type: [Number, String],

  34.                 default: 24

  35.             },

  36.             value: { //当前评分

  37.                 type: [Number, String],

  38.                 default: 0

  39.             },

  40.             max: { //最大评分

  41.                 type: [Number, String],

  42.                 default: 5

  43.             },

  44.             margin: { //星星的间距

  45.                 type: [Number, String],

  46.                 default: 0

  47.             },

  48.             disabled: { //是否可点击

  49.                 type: [Boolean, String],

  50.                 default: false

  51.             },

  52.             id: {

  53.                 type: [Number, String],

  54.                 default: 1

  55.             }

  56.         },

  57.         data() {

  58.             // console.log('data')

  59.             return {

  60.                 maxSync: this.max,

  61.                 valueSync: this.value

  62.             }

  63.         },

  64.         computed: {

  65.             stars() {

  66.                 const max = Number(this.maxSync) ? Number(this.maxSync) : 5

  67.                 const value = Number(this.valueSync) ? Number(this.valueSync) : 0

  68.                 const starList = []

  69.                 const floorValue = Math.floor(value)

  70.                 const ceilValue = Math.ceil(value)

  71.                 for (let i = 0; i < max; i++) {

  72.                     if (floorValue > i) {

  73.                         starList.push({

  74.                             activeWitch: '100%'

  75.                         })

  76.                     } else if (ceilValue - 1 === i) {

  77.                         starList.push({

  78.                             activeWitch: (value - floorValue) * 100 + '%'

  79.                         })

  80.                     } else {

  81.                         starList.push({

  82.                             activeWitch: '0'

  83.                         })

  84.                     }

  85.                 }

  86.                 return starList

  87.             }

  88.         },

  89.         methods: {

  90.             onClick(index) {

  91.                 if (this.disabled === true || this.disabled === 'true') {

  92.                     return

  93.                 }

  94.                 this.valueSync = index + 1

  95.                 this.$emit('change', {

  96.                     id: this.id,

  97.                     value: this.valueSync

  98.                 })

  99.             }

  100.         }

  101.     }

  102. </script>

  103. 

  104. <style lang="scss">

  105.     .uni-rate {

  106.         line-height: 0;

  107.         font-size: 0;

  108.         display: flex;

  109.         flex-direction: row;

  110. 

  111.         &-icon {

  112.             position: relative;

  113.             line-height: 0;

  114.             font-size: 0;

  115.             display: inline-block;

  116. 

  117.             &-on {

  118.                 position: absolute;

  119.                 top: 0;

  120.                 left: 0;

  121.                 overflow: hidden;

  122.             }

  123.         }

  124.     }

  125. </style>

  126.

uni-segmented-control

uni-segmented-control.vue
复制代码
  1. <template>

  2.     <view class="segmented-control" :class="styleType" :style="wrapStyle">

  3.         <view v-for="(item, index) in values" class="segmented-control-item" :class="styleType" :key="index" :style="index === currentIndex ? activeStyle : itemStyle" @click="onClick(index)">

  4.             {{item}}

  5.         </view>

  6.     </view>

  7. </template>

  8. 

  9. <script>

  10.     export default {

  11.         name: 'uni-segmented-control',

  12.         props: {

  13.             current: {

  14.                 type: Number,

  15.                 default: 0

  16.             },

  17.             values: {

  18.                 type: Array,

  19.                 default () {

  20.                     return [];

  21.                 }

  22.             },

  23.             activeColor: {

  24.                 type: String,

  25.                 default: '#007aff'

  26.             },

  27.             styleType: {

  28.                 type: String,

  29.                 default: 'button'

  30.             }

  31.         },

  32.         data() {

  33.             return {

  34.                 currentIndex: this.current

  35.             }

  36.         },

  37.         watch: {

  38.             current(val) {

  39.                 if (val !== this.currentIndex) {

  40.                     this.currentIndex = val;

  41.                 }

  42.             }

  43.         },

  44.         computed: {

  45.             wrapStyle() {

  46.                 let styleString = '';

  47.                 switch (this.styleType) {

  48.                     case 'text':

  49.                         styleString = `border:0;`;

  50.                         break;

  51.                     default:

  52.                         styleString = `border-color: ${this.activeColor}`;

  53.                         break;

  54.                 }

  55.                 return styleString;

  56.             },

  57.             itemStyle() {

  58.                 let styleString = '';

  59.                 switch (this.styleType) {

  60.                     case 'text':

  61.                         styleString = `color:#999;border-left:0;`;

  62.                         break;

  63.                     default:

  64.                         styleString = `color:${this.activeColor};border-color:${this.activeColor};`;

  65.                         break;

  66.                 }

  67.                 return styleString;

  68.             },

  69.             activeStyle() {

  70.                 let styleString = '';

  71.                 switch (this.styleType) {

  72.                     case 'text':

  73.                         styleString = `color:${this.activeColor};border-left:0;border-bottom-style:solid;border-bottom-width:4upx`;

  74.                         break;

  75.                     default:

  76.                         styleString = `color:#fff;border-color:${this.activeColor};background-color:${this.activeColor}`;

  77.                         break;

  78.                 }

  79.                 return styleString;

  80.             }

  81.         },

  82.         methods: {

  83.             onClick(index) {

  84.                 if (this.currentIndex !== index) {

  85.                     this.currentIndex = index;

  86.                     this.$emit('clickItem', index);

  87.                 }

  88.             }

  89.         },

  90.     }

  91. </script>

  92. 

  93. <style>

  94.     .segmented-control {

  95.         display: flex;

  96.         flex-direction: row;

  97.         justify-content: center;

  98.         width: 75%;

  99.         font-size: 28upx;

  100.         border-radius: 10upx;

  101.         box-sizing: border-box;

  102.         margin: 0 auto;

  103.         overflow: hidden;

  104.     }

  105. 

  106.     .segmented-control.button {

  107.         border: 2upx solid;

  108.     }

  109. 

  110.     .segmented-control.text {

  111.         border: 0;

  112.         border-radius: 0upx;

  113.     }

  114. 

  115.     .segmented-control-item {

  116.         flex: 1;

  117.         text-align: center;

  118.         line-height: 60upx;

  119.         box-sizing: border-box;

  120.     }

  121. 

  122.     .segmented-control-item.button {

  123.         border-left: 1upx solid;

  124.     }

  125. 

  126.     .segmented-control-item.text {

  127.         border-left: 0;

  128.     }

  129. 

  130.     .segmented-control-item:first-child {

  131.         border-left-width: 0;

  132.     }

  133. </style>

  134.

uni-swipe-action

readme.md
复制代码
  1. ### SwipeAction 滑动操作

  2. 

  3. 通过滑动触发选项的容器，组件名：``uni-swipe-action``

  4. 

  5. **使用方式：**

  6. 

  7. 在 ``script`` 中引用组件 

  8.

import uniSwipeAction from "@/components/uni-swipe-action"
export default {

复制代码
  1. components: {uniSwipeAction}

}

复制代码
  1. 

  2. 一般用法

  3.

<uni-swipe-action :options="[

复制代码
  1. {

  2.     text: '取消',

  3.     style: {

  4.         backgroundColor: '#007aff'

  5.     }

  6. }, {

  7.     text: '确认',

  8.     style: {

  9.         backgroundColor: '#dd524d'

  10.     }

  11. }

]">

复制代码
  1. <view class='cont'>SwipeAction 基础使用场景</view>

</uni-swipe-action>

复制代码
  1. 

  2. 

  3. 禁止滑动

  4.

<uni-swipe-action :disabled="true" :options="[

复制代码
  1. {

  2.     text: '取消',

  3.     style: {

  4.         backgroundColor: '#007aff'

  5.     }

  6. }, {

  7.     text: '确认',

  8.     style: {

  9.         backgroundColor: '#dd524d'

  10.     }

  11. }

]">

复制代码
  1. <view class='cont'>点击按钮自动关闭</view>

</uni-swipe-action>

复制代码
  1. 

  2. 

  3. 传递点击事件

  4.

<uni-swipe-action @click="bindClick" :options="[

复制代码
  1. {

  2.     text: '取消',

  3.     style: {

  4.         backgroundColor: '#007aff'

  5.     }

  6. }, {

  7.     text: '确认',

  8.     style: {

  9.         backgroundColor: '#dd524d'

  10.     }

  11. }

]">

复制代码
  1. <view class='cont'>点击选项时触发事件</view>

</uni-swipe-action>

复制代码
  1. 

  2. 与 List 组件使用

  3.

<uni-list>

复制代码
  1. <uni-swipe-action :options="options1">

  2.     <uni-list-item title="item1" show-arrow="false"></uni-list-item>

  3. </uni-swipe-action>

  4. <uni-swipe-action :options="options2">

  5.     <uni-list-item title="item2" show-arrow="false"></uni-list-item>

  6. </uni-swipe-action>

  7. <uni-swipe-action :options="options3">

  8.     <uni-list-item title="item3" show-arrow="false"></uni-list-item>

  9. </uni-swipe-action>

</uni-list>

复制代码
  1. 

  2. **SwipeAction 属性说明：**

  3. 

  4. |属性名|类型|默认值|是否必填    |说明|

  5. |:--|:--|:--|:--|:--|

  6. |is-opened|Boolean|false|否|是否为开启状态|

  7. |disabled|Boolean|false|否|是否禁止滑动|

  8. |auto-close|Boolean|true|否|在组件开启状态时点击组件，是否自动关闭|

  9. |options|Array<Object>|-|是|组件选项内容及样式|

  10. 

  11. options 参数说明

  12. 

  13. |参数|类型|是否必填|说明|

  14. |:--|:--|:--|:--|

  15. |text|String|是|按钮的文字|

  16. |style|Object|否|按钮样式{backgroundColor,color,fontSize}，backgroundColor默认为：#C7C6CD，color默认为：#FFFFFF，fontSize默认为：28upx|

  17. 

  18. **SwipeAction 事件说明：**

  19. 

  20. |事件称名|说明|返回参数|

  21. |:--|:---|:--|

  22. |click|点击选项按钮时触发事件|{text,style,index} ，text（按钮文字）、style（按钮的样式）、index（下标）|

  23. |opened|完全打开时触发|-|

  24. |closed|完全关闭时触发|-|

  25. 

  26.
uni-swipe-action.vue
复制代码
  1. <template>

  2.     <view class="uni-swipe-action">

  3.         <view class="uni-swipe-action__container" :class="!isMoving ? 'animtion' : ''" @touchstart="touchStart" @touchmove="touchMove" @touchend="touchEnd" @touchcancel="touchEnd" @click="bindClickCont" :style="{'transform':transformX,'-webkit-transform':transformX}">

  4.             <view class="uni-swipe-action__content">

  5.                 <slot></slot>

  6.             </view>

  7.             <view class="uni-swipe-action__btn-group" :id="elId">

  8.                 <div v-for="(item,index) in options" :key="index" class="uni-swipe-action--btn" :style="{backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD',color: item.style && item.style.color ? item.style.color : '#FFFFFF',fontSize: item.style && item.style.fontSize ? item.style.fontSize : '28upx'}" @click="bindClickBtn(item,index)">

  9.                     {{item.text}}

  10.                 </div>

  11.             </view>

  12.         </view>

  13.     </view>

  14. </template>

  15. 

  16. <script>

  17.     export default {

  18.         name: 'uni-swipe-action',

  19.         props: {

  20.             isOpened: {

  21.                 type: Boolean,

  22.                 default: false

  23.             },

  24.             disabled: {

  25.                 type: Boolean,

  26.                 default: false

  27.             },

  28.             autoClose: {

  29.                 type: Boolean,

  30.                 default: true

  31.             },

  32.             options: Array

  33.         },

  34.         watch: {

  35.             isOpened(newValue, oldValue) {

  36.                 this.isShowBtn = newValue ? true : false;

  37.                 this.endMove();

  38.             }

  39.         },

  40.         data() {

  41.             const elId = `Uni_${Math.ceil(Math.random() * 10e5).toString(36)}`

  42.             return {

  43.                 elId: elId,

  44.                 moveLength: 0,

  45.                 isMoving: false,

  46.                 direction: '',

  47.                 startX: 0,

  48.                 startY: 0,

  49.                 isShowBtn: false,

  50.                 btnGroupWidth: 0

  51.             }

  52.         },

  53.         // #ifdef H5

  54.         mounted() {

  55.             let view = uni.createSelectorQuery().select(`#${this.elId}`);

  56.             view.fields({

  57.                 size: true

  58.             }, data => {

  59.                 this.btnGroupWidth = data.width;

  60.             }).exec();

  61.             if (this.isOpened === true) {

  62.                 this.isShowBtn = true;

  63.                 this.endMove();

  64.             }

  65.         },

  66.         // #endif

  67.         // #ifndef H5

  68.         onReady() {

  69.             let view = uni.createSelectorQuery().select(`#${this.elId}`);

  70.             view.fields({

  71.                 size: true

  72.             }, data => {

  73.                 this.btnGroupWidth = data.width;

  74.             }).exec();

  75.             if (this.isOpened === true) {

  76.                 this.isShowBtn = true;

  77.                 this.endMove();

  78.             }

  79.         },

  80.         // #endif

  81.         computed: {

  82.             transformX() {

  83.                 return `translateX(${this.moveLength}px)`

  84.             }

  85.         },

  86.         methods: {

  87.             bindClickBtn(item, index) {

  88.                 this.$emit('click', {

  89.                     text: item.text,

  90.                     style: item.style,

  91.                     index: index,

  92.                     key: item.key

  93.                 })

  94.             },

  95.             bindClickCont(e) {

  96.                 if (this.isShowBtn && this.autoClose === true) {

  97.                     this.isShowBtn = false;

  98.                     this.endMove();

  99.                 }

  100.             },

  101.             touchStart(event) {

  102.                 this.startX = event.touches[0].pageX;

  103.                 this.startY = event.touches[0].pageY;

  104.             },

  105.             touchMove(event) {

  106.                 if (this.direction === 'Y' || this.disabled === true) {

  107.                     return;

  108.                 }

  109.                 var moveY = event.touches[0].pageY - this.startY,

  110.                     moveX = event.touches[0].pageX - this.startX;

  111.                 if (!this.isMoving && Math.abs(moveY) > Math.abs(moveX)) { //纵向滑动

  112.                     this.direction = 'Y';

  113.                     return;

  114.                 }

  115.                 this.direction = moveX > 0 ? 'right' : 'left';

  116.                 this.isMoving = true;

  117.             },

  118.             touchEnd(event) {

  119.                 this.isMoving = false;

  120.                 if (this.direction !== 'right' && this.direction !== 'left') {

  121.                     this.direction = '';

  122.                     return;

  123.                 }

  124.                 if (this.direction == 'right') {

  125.                     this.isShowBtn = false

  126.                 } else {

  127.                     this.isShowBtn = true

  128.                 }

  129.                 this.endMove()

  130.             },

  131.             endMove() {

  132.                 if (this.direction === 'Y' || this.disabled === true) {

  133.                     this.direction = '';

  134.                     return;

  135.                 }

  136.                 if (this.isShowBtn) {

  137.                     this.moveLength = -this.btnGroupWidth;

  138.                     this.$emit('opened');

  139.                 } else {

  140.                     this.moveLength = 0;

  141.                     this.$emit('closed');

  142.                 }

  143.                 this.direction = '';

  144.             }

  145.         }

  146.     }

  147. </script>

  148. 

  149. <style>

  150.     @charset "UTF-8";

  151. 

  152.     .uni-swipe-action {

  153.         width: 100%;

  154.         overflow: hidden

  155.     }

  156. 

  157.     .uni-swipe-action__container {

  158.         background-color: #fff;

  159.         width: 200%;

  160.         display: flex;

  161.         flex-direction: row;

  162.         flex-wrap: wrap

  163.     }

  164. 

  165.     .uni-swipe-action__container.animtion {

  166.         transition: transform 350ms cubic-bezier(.165, .84, .44, 1)

  167.     }

  168. 

  169.     .uni-swipe-action__content {

  170.         width: 50%

  171.     }

  172. 

  173.     .uni-swipe-action__btn-group {

  174.         display: flex;

  175.         flex-direction: row

  176.     }

  177. 

  178.     .uni-swipe-action--btn {

  179.         padding: 0 32upx;

  180.         color: #fff;

  181.         background-color: #c7c6cd;

  182.         font-size: 28upx;

  183.         display: inline-flex;

  184.         text-align: center;

  185.         flex-direction: row;

  186.         align-items: center

  187.     }

  188. </style>

config

api.js

复制代码
  1. import {

  2.     apiBaseUrl

  3. } from './config.js';

  4. import * as common from './common.js' //引入common

  5. import * as db from './db.js' //引入common

  6. // 需要登陆的，都写到这里，否则就是不需要登陆的接口

  7. const methodsToken = [

  8.     'user.info',

  9.     'user.editinfo',

  10.     'user.changeavatar',

  11.     'user.logout',

  12.     'user.addgoodsbrowsing',

  13.     'user.delgoodsbrowsing',

  14.     'user.goodsbrowsing',

  15.     'user.goodscollection',

  16.     'user.goodscollectionlist',

  17.     'user.vuesaveusership',

  18.     'user.saveusership',

  19.     'user.getshipdetail',

  20.     'user.setdefship',

  21.     'user.editship',

  22.     'user.removeship',

  23.     'user.getusership',

  24.     'user.pay',

  25.     'user.orderevaluate',

  26.     'user.getuserdefaultship',

  27.     'user.issign',

  28.     'user.sign',

  29.     'user.mypoint',

  30.     'user.userpointlog',

  31.     'user.getbankcardlist',

  32.     'user.getdefaultbankcard',

  33.     'user.addbankcard',

  34.     'user.removebankcard',

  35.     'user.setdefaultbankcard',

  36.     'user.getbankcardinfo',

  37.     'user.editpwd',

  38.     'user.forgotpwd',

  39.     'user.recommend',

  40.     'user.balancelist',

  41.     'user.sharecode',

  42.     'user.cash',

  43.     'user.cashlist',

  44.     'user.myinvite',

  45.     'user.activationinvite',

  46.     'coupon.getcoupon',

  47.     'coupon.usercoupon',

  48.     'cart.add',

  49.     'cart.del',

  50.     'cart.getlist',

  51.     'cart.setnums',

  52.     'cart.getnumber',

  53.     'order.cancel',

  54.     'order.del',

  55.     'order.details',

  56.     'order.confirm',

  57.     'order.getlist',

  58.     'order.create',

  59.     'order.getship',

  60.     'order.getorderlist',

  61.     'order.getorderstatusnum',

  62.     'order.aftersaleslist',

  63.     'order.aftersalesinfo',

  64.     'order.aftersalesstatus',

  65.     'order.addaftersales',

  66.     'order.sendreship',

  67.     'order.iscomment',

  68.     'payments.getinfo',

  69.     'user.getuserpoint',

  70.     'coupon.getcouponkey',

  71.     'store.isclerk',

  72.     'store.storeladinglist',

  73.     'store.ladinginfo',

  74.     'store.lading',

  75.     'store.ladingdel',

  76.     'distribution_center-api-info',

  77.     'distribution_center-api-applydistribution',

  78.     'distribution_center-api-setstore',

  79.     'distribution_center-api-myorder',

  80.     'pintuan.pintuanteam',

  81.     'lottery-api-getLotteryConfig',

  82.     'lottery-api-lottery',

  83.     'lottery-api-lotteryLog'

  84. ];

  85. 

  86. const post = (method, data, callback) => {

  87.     uni.showLoading({

  88.         title: '加载中'

  89.     });

  90. 

  91.     // 判断token是否存在

  92.     if (methodsToken.indexOf(method) >= 0) {

  93.         // 获取用户token

  94.         let userToken = db.get("userToken");

  95.         if (!userToken) {

  96.             common.jumpToLogin();

  97.             return false;

  98.         } else {

  99.             data.token = userToken;

  100.         }

  101.     }

  102. 

  103.     data.method = method;

  104. 

  105.     uni.request({

  106.         url: apiBaseUrl + 'api.html',

  107.         data: data,

  108.         header: {

  109.             'Accept': 'application/json',

  110.             'Content-Type': 'application/json',

  111.             // 'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息

  112.         },

  113.         method: 'POST',

  114.         success: (response) => {

  115.             uni.hideLoading();

  116.             const result = response.data

  117.             if (!result.status) {

  118.                 // 登录信息过期或者未登录

  119.                 if (result.data === 14007 || result.data === 14006) {

  120.                     db.del("userToken");

  121.                     uni.showToast({

  122.                         title: result.msg,

  123.                         icon: 'none',

  124.                         duration: 1000,

  125.                         complete: function() {

  126.                             setTimeout(function() {

  127.                                 uni.hideToast();

  128.                                 // #ifdef H5 || APP-PLUS

  129.                                 uni.navigateTo({

  130.                                     url: '/pages/login/login/index1'

  131.                                 })

  132.                                 // #endif

  133.                                 // #ifdef MP-WEIXIN || MP-ALIPAY    

  134.                                 uni.navigateTo({

  135.                                     url: '/pages/login/choose/index',

  136.                                     animationType: 'pop-in',

  137.                                     animationDuration: 200

  138.                                 });

  139.                                 // #endif

  140.                             }, 1000)

  141.                         }

  142.                     });

  143.                 }

  144.             }

  145.             callback(result);

  146.         },

  147.         complete: () => {

  148.             uni.hideLoading();

  149.         },

  150.         fail: (error) => {

  151.             uni.hideLoading();

  152.             if (error && error.response) {

  153.                 showError(error.response);

  154.             }

  155.         },

  156.     });

  157. 

  158. }

  159. 

  160. //插件post

  161. const pluginsPost = (method, data, callback) => {

  162.     uni.showLoading({

  163.         title: '加载中'

  164.     });

  165. 

  166.     // 判断token是否存在

  167.     if (methodsToken.indexOf(method) >= 0) {

  168.         // 获取用户token

  169.         let userToken = db.get("userToken");

  170.         if (!userToken) {

  171.             common.jumpToLogin();

  172.             return false;

  173.         } else {

  174.             data.token = userToken;

  175.         }

  176.     }

  177.     uni.request({

  178.         url: apiBaseUrl + 'plugins/' + method + '.html',

  179.         data: data,

  180.         header: {

  181.             'Accept': 'application/json',

  182.             'Content-Type': 'application/json',

  183.             // 'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息

  184.         },

  185.         method: 'POST',

  186.         success: (response) => {

  187.             uni.hideLoading();

  188.             const result = response.data

  189.             if (!result.status) {

  190.                 // 登录信息过期或者未登录

  191.                 if (result.data === 14007 || result.data === 14006) {

  192.                     db.del("userToken");

  193.                     uni.showToast({

  194.                         title: result.msg,

  195.                         icon: 'none',

  196.                         duration: 1000,

  197.                         complete: function() {

  198.                             setTimeout(function() {

  199.                                 uni.hideToast();

  200.                                 // #ifdef H5 || APP-PLUS

  201.                                 uni.navigateTo({

  202.                                     url: '/pages/login/login/index1'

  203.                                 })

  204.                                 // #endif

  205.                                 // #ifdef MP-WEIXIN || MP-ALIPAY    

  206.                                 uni.navigateTo({

  207.                                     url: '/pages/login/choose/index',

  208.                                     animationType: 'pop-in',

  209.                                     animationDuration: 200

  210.                                 });

  211.                                 // #endif

  212.                             }, 1000);

  213.                         }

  214.                     });

  215.                 }

  216.             }

  217.             callback(result);

  218.         },

  219.         fail: (error) => {

  220.             uni.hideLoading();

  221.             if (error && error.response) {

  222.                 showError(error.response);

  223.             }

  224.         },

  225.         complete: () => {

  226.             setTimeout(function() {

  227.                 uni.hideLoading();

  228.             }, 250);

  229.         }

  230.     });

  231. 

  232. }

  233. 

  234. const get = (url, callback) => {

  235.     uni.showLoading({

  236.         title: '加载中'

  237.     });

  238.     uni.request({

  239.         url: url,

  240.         header: {

  241.             'Accept': 'application/json',

  242.             'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息

  243.         },

  244.         method: 'GET',

  245.         success: (response) => {

  246.             uni.hideLoading();

  247.             callback(response.data);

  248.         },

  249.         fail: (error) => {

  250.             uni.hideLoading();

  251.             if (error && error.response) {

  252.                 showError(error.response);

  253.             }

  254.         },

  255.         complete: () => {

  256.             setTimeout(function() {

  257.                 uni.hideLoading();

  258.             }, 250);

  259.         }

  260.     });

  261. }

  262. 

  263. const showError = error => {

  264.     let errorMsg = ''

  265.     switch (error.status) {

  266.         case 400:

  267.             errorMsg = '请求参数错误'

  268.             break

  269.         case 401:

  270.             errorMsg = '未授权，请登录'

  271.             break

  272.         case 403:

  273.             errorMsg = '跨域拒绝访问'

  274.             break

  275.         case 404:

  276.             errorMsg = `请求地址出错: ${error.config.url}`

  277.             break

  278.         case 408:

  279.             errorMsg = '请求超时'

  280.             break

  281.         case 500:

  282.             errorMsg = '服务器内部错误'

  283.             break

  284.         case 501:

  285.             errorMsg = '服务未实现'

  286.             break

  287.         case 502:

  288.             errorMsg = '网关错误'

  289.             break

  290.         case 503:

  291.             errorMsg = '服务不可用'

  292.             break

  293.         case 504:

  294.             errorMsg = '网关超时'

  295.             break

  296.         case 505:

  297.             errorMsg = 'HTTP版本不受支持'

  298.             break

  299.         default:

  300.             errorMsg = error.msg

  301.             break

  302.     }

  303. 

  304.     uni.showToast({

  305.         title: errorMsg,

  306.         icon: 'none',

  307.         duration: 1000,

  308.         complete: function() {

  309.             setTimeout(function() {

  310.                 uni.hideToast();

  311.             }, 1000);

  312.         }

  313.     });

  314. }

  315. 

  316. // 文件上传

  317. export const uploadFiles = (callback) => {

  318.     uni.chooseImage({

  319.         success: (chooseImageRes) => {

  320.             uni.showLoading({

  321.                 title: '上传中...'

  322.             });

  323.             const tempFilePaths = chooseImageRes.tempFilePaths;

  324.             const uploadTask = uni.uploadFile({

  325.                 url: apiBaseUrl + 'api.html', //仅为示例，非真实的接口地址

  326.                 filePath: tempFilePaths[0],

  327.                 fileType: 'image',

  328.                 name: 'file',

  329.                 headers: {

  330.                     'Accept': 'application/json',

  331.                     'Content-Type': 'multipart/form-data',

  332.                 },

  333.                 formData: {

  334.                     'method': 'images.upload',

  335.                     'upfile': tempFilePaths[0]

  336.                 },

  337.                 success: (uploadFileRes) => {

  338.                     callback(JSON.parse(uploadFileRes.data));

  339.                 },

  340.                 fail: (error) => {

  341.                     if (error && error.response) {

  342.                         showError(error.response);

  343.                     }

  344.                 },

  345.                 complete: () => {

  346.                     setTimeout(function() {

  347.                         uni.hideLoading();

  348.                     }, 250);

  349.                 }

  350.             });

  351.             //                     uploadTask.onProgressUpdate((res) => {

  352.             //             console.log('上传进度' + res.progress);

  353.             //             console.log('已经上传的数据长度' + res.totalBytesSent);

  354.             //             console.log('预期需要上传的数据总长度' + res.totalBytesExpectedToSend);

  355.             //

  356.             //             // 测试条件，取消上传任务。

  357.             //             if (res.progress > 50) {

  358.             //                 uploadTask.abort();

  359.             //             }

  360.             //                     });

  361.         }

  362.     });

  363. }

  364. 

  365. // 上传图片

  366. export const uploadImage = (num, callback) => {

  367.     uni.chooseImage({

  368.         count: num,

  369.         success: (res) => {

  370.             uni.showLoading({

  371.                 title: '上传中...'

  372.             });

  373.             let tempFilePaths = res.tempFilePaths

  374.             for (var i = 0; i < tempFilePaths.length; i++) {

  375.                 uni.uploadFile({

  376.                     url: apiBaseUrl + 'api.html',

  377.                     filePath: tempFilePaths[i],

  378.                     fileType: 'image',

  379.                     name: 'file',

  380.                     headers: {

  381.                         'Accept': 'application/json',

  382.                         'Content-Type': 'multipart/form-data',

  383.                     },

  384.                     formData: {

  385.                         'method': 'images.upload',

  386.                         'upfile': tempFilePaths[i]

  387.                     },

  388.                     success: (uploadFileRes) => {

  389.                         callback(JSON.parse(uploadFileRes.data));

  390.                     },

  391.                     fail: (error) => {

  392.                         if (error && error.response) {

  393.                             showError(error.response);

  394.                         }

  395.                     },

  396.                     complete: () => {

  397.                         setTimeout(function() {

  398.                             uni.hideLoading();

  399.                         }, 250);

  400.                     },

  401.                 });

  402.             }

  403.         }

  404.     });

  405. }

  406. 

  407. // 获取店铺配置

  408. export const shopConfig = (callback) => get(apiBaseUrl + 'api/common/jshopconf', callback);

  409. 

  410. // 用户注册

  411. export const reg = (data, callback) => post('user.reg', data, callback);

  412. 

  413. // 用户登录

  414. export const login = (data, callback) => post('user.login', data, callback);

  415. 

  416. // 用户信息

  417. export const userInfo = (data, callback) => post('user.info', data, callback);

  418. 

  419. // 上传头像

  420. export const changeAvatar = (data, callback) => post('user.changeavatar', data, callback);

  421. 

  422. // 编辑用户信息

  423. export const editInfo = (data, callback) => post('user.editinfo', data, callback);

  424. 

  425. // 发送短信验证码

  426. export const sms = (data, callback) => post('user.sms', data, callback);

  427. 

  428. // 短信验证码登录

  429. export const smsLogin = (data, callback) => post('user.smslogin', data, callback);

  430. 

  431. // 退出登录

  432. export const logout = (data, callback) => post('user.logout', data, callback);

  433. 

  434. // 获取首页幻灯片

  435. export const slider = (data, callback) => post('advert.getAdvertList', data, callback);

  436. 

  437. // 获取广告

  438. export const advert = (data, callback) => post('advert.getcarousellists', data, callback);

  439. 

  440. // 获取公告列表

  441. export const notice = (data, callback) => post('notice.noticeList', data, callback);

  442. 

  443. // 获取公告详情

  444. export const noticeInfo = (data, callback) => post('notice.noticeInfo', data, callback);

  445. 

  446. // 获取文章详情

  447. export const articleInfo = (data, callback) => post('articles.getArticleDetail', data, callback);

  448. 

  449. // 获取文章列表

  450. export const articleList = (data, callback) => post('articles.getArticleList', data, callback);

  451. 

  452. // 获取商品分类

  453. export const categories = (data, callback) => post('categories.getallcat', data, callback);

  454. 

  455. // 获取商品列表

  456. export const goodsList = (data, callback) => post('goods.getlist', data, callback);

  457. 

  458. // 获取商品详情

  459. export const goodsDetail = (data, callback) => post('goods.getdetial', data, callback);

  460. 

  461. // 获取商品参数信息

  462. export const goodsParams = (data, callback) => post('goods.getgoodsparams', data, callback);

  463. 

  464. // 获取设置默认货品

  465. export const getProductInfo = (data, callback) => post('goods.getproductinfo', data, callback);

  466. 

  467. // 获取商品评论信息

  468. export const goodsComment = (data, callback) => post('goods.getgoodscomment', data, callback);

  469. 

  470. // 添加购物车

  471. export const addCart = (data, callback) => post('cart.add', data, callback);

  472. 

  473. // 移除购物车

  474. export const removeCart = (data, callback) => post('cart.del', data, callback);

  475. 

  476. // 获取购物车列表

  477. export const cartList = (data, callback) => post('cart.getlist', data, callback);

  478. 

  479. // 设置购物车商品数量

  480. export const setCartNum = (data, callback) => post('cart.setnums', data, callback);

  481. 

  482. // 获取购物车数量

  483. export const getCartNum = (data, callback) => post('cart.getnumber', data, callback);

  484. 

  485. // 获取用户的收货地址列表

  486. export const userShip = (data, callback) => post('user.getusership', data, callback);

  487. 

  488. // 获取用户默认收货地址

  489. export const userDefaultShip = (data, callback) => post('user.getuserdefaultship', data, callback);

  490. 

  491. // 存储用户收货地址

  492. export const saveUserShip = (data, callback) => post('user.vuesaveusership', data, callback);

  493. 

  494. // 微信存储收货地址

  495. export const saveUserShipWx = (data, callback) => post('user.saveusership', data, callback);

  496. 

  497. //获取区域ID

  498. export const getAreaId = (data, callback) => post('user.getareaid', data, callback);

  499. 

  500. // 获取收货地址详情

  501. export const shipDetail = (data, callback) => post('user.getshipdetail', data, callback);

  502. 

  503. // 收货地址编辑

  504. export const editShip = (data, callback) => post('user.editship', data, callback);

  505. 

  506. // 收货地址删除

  507. export const removeShip = (data, callback) => post('user.removeship', data, callback);

  508. 

  509. // 设置默认收货地址

  510. export const setDefShip = (data, callback) => post('user.setdefship', data, callback);

  511. 

  512. // 生成订单

  513. export const createOrder = (data, callback) => post('order.create', data, callback);

  514. 

  515. // 获取状态订单列表

  516. export const getOrderList = (data, callback) => post('order.getlist', data, callback);

  517. 

  518. // 取消订单

  519. export const cancelOrder = (data, callback) => post('order.cancel', data, callback);

  520. 

  521. // 删除订单

  522. export const delOrder = (data, callback) => post('order.del', data, callback);

  523. 

  524. // 获取订单详情

  525. export const orderDetail = (data, callback) => post('order.details', data, callback);

  526. 

  527. // 确认收货

  528. export const confirmOrder = (data, callback) => post('order.confirm', data, callback);

  529. 

  530. // 获取配送方式

  531. export const orderShip = (data, callback) => post('order.getship', data, callback);

  532. 

  533. // 获取全部订单列表

  534. export const orderList = (data, callback) => post('order.getorderlist', data, callback);

  535. 

  536. // 获取订单不同状态的数量

  537. export const getOrderStatusSum = (data, callback) => post('order.getorderstatusnum', data, callback);

  538. 

  539. // 售后单列表

  540. export const afterSalesList = (data, callback) => post('order.aftersaleslist', data, callback);

  541. 

  542. // 售后单详情

  543. export const afterSalesInfo = (data, callback) => post('order.aftersalesinfo', data, callback);

  544. 

  545. // 订单售后状态

  546. export const afterSalesStatus = (data, callback) => post('order.aftersalesstatus', data, callback);

  547. 

  548. // 添加售后单

  549. export const addAfterSales = (data, callback) => post('order.addaftersales', data, callback);

  550. 

  551. // 用户发送退货包裹

  552. export const sendShip = (data, callback) => post('order.sendreship', data, callback);

  553. 

  554. // 添加商品浏览足迹

  555. export const addGoodsBrowsing = (data, callback) => post('user.addgoodsbrowsing', data, callback);

  556. 

  557. // 删除商品浏览足迹

  558. export const delGoodsBrowsing = (data, callback) => post('user.delgoodsbrowsing', data, callback);

  559. 

  560. // 获取商品浏览足迹

  561. export const goodsBrowsing = (data, callback) => post('user.goodsbrowsing', data, callback);

  562. 

  563. // 商品收藏 关注/取消

  564. export const goodsCollection = (data, callback) => post('user.goodscollection', data, callback);

  565. 

  566. // 获取商品收藏关注列表

  567. export const goodsCollectionList = (data, callback) => post('user.goodscollectionlist', data, callback);

  568. 

  569. // 获取店铺支付方式列表

  570. export const paymentList = (data, callback) => post('payments.getlist', data, callback);

  571. 

  572. // 获取支付单详情

  573. export const paymentInfo = (data, callback) => post('payments.getinfo', data, callback);

  574. 

  575. // 支付接口

  576. export const pay = (data, callback) => post('user.pay', data, callback);

  577. 

  578. // 订单评价接口

  579. export const orderEvaluate = (data, callback) => post('user.orderevaluate', data, callback);

  580. 

  581. // 判断是否签到

  582. export const isSign = (data, callback) => post('user.issign', data, callback);

  583. 

  584. // 签到接口

  585. export const sign = (data, callback) => post('user.sign', data, callback);

  586. 

  587. // 我的积分

  588. export const myPoint = (data, callback) => post('user.mypoint', data, callback);

  589. 

  590. // 积分记录

  591. export const pointLog = (data, callback) => post('user.userpointlog', data, callback);

  592. 

  593. // 物流信息接口

  594. export const logistics = (data, callback) => post('order.logisticbyapi', data, callback);

  595. 

  596. // 优惠券列表

  597. export const couponList = (data, callback) => post('coupon.couponlist', data, callback);

  598. 

  599. // 优惠券详情

  600. export const couponDetail = (data, callback) => post('coupon.coupondetail', data, callback);

  601. 

  602. // 用户领取优惠券

  603. export const getCoupon = (data, callback) => post('coupon.getcoupon', data, callback);

  604. 

  605. // 用户已领取的优惠券列表

  606. export const userCoupon = (data, callback) => post('coupon.usercoupon', data, callback);

  607. 

  608. // 获取店铺设置

  609. export const getSetting = (data, callback) => post('user.getsetting', data, callback);

  610. 

  611. // 获取商户配置信息

  612. export const getSellerSetting = (data, callback) => post('user.getsellersetting', data, callback);

  613. 

  614. // 获取我的银行卡列表

  615. export const getBankCardList = (data, callback) => post('user.getbankcardlist', data, callback);

  616. 

  617. // 获取默认的银行卡

  618. export const getDefaultBankCard = (data, callback) => post('user.getdefaultbankcard', data, callback);

  619. 

  620. // 添加银行卡

  621. export const addBankCard = (data, callback) => post('user.addbankcard', data, callback);

  622. 

  623. // 删除银行卡

  624. export const removeBankCard = (data, callback) => post('user.removebankcard', data, callback);

  625. 

  626. // 设置默认银行卡

  627. export const setDefaultBankCard = (data, callback) => post('user.setdefaultbankcard', data, callback);

  628. 

  629. // 获取银行卡信息

  630. export const getBankCardInfo = (data, callback) => post('user.getbankcardinfo', data, callback);

  631. 

  632. // 获取银行卡组织信息

  633. export const getBankCardOrganization = (data, callback) => post('user.getbankcardorganization', data, callback);

  634. 

  635. // 用户修改密码

  636. export const editPwd = (data, callback) => post('user.editpwd', data, callback);

  637. 

  638. // 用户找回密码

  639. export const forgotPwd = (data, callback) => post('user.forgotpwd', data, callback);

  640. 

  641. // 获取用户余额明细

  642. export const getBalanceList = (data, callback) => post('user.balancelist', data, callback);

  643. 

  644. // 用户推荐列表

  645. export const recommendList = (data, callback) => post('user.recommend', data, callback);

  646. 

  647. // 邀请码

  648. export const shareCode = (data, callback) => post('user.sharecode', data, callback);

  649. 

  650. // 用户提现

  651. export const userToCash = (data, callback) => post('user.cash', data, callback);

  652. 

  653. // 用户提现列表

  654. export const cashList = (data, callback) => post('user.cashlist', data, callback);

  655. 

  656. // 绑定授权登录

  657. export const trustBind = (data, callback) => post('user.trustbind', data, callback);

  658. 

  659. // 获取用户信息

  660. // export const trustLogin = (data, callback) => post('user.trustcallback', data, callback);

  661. 

  662. // 判断用户下单可以使用多少积分

  663. export const usablePoint = (data, callback) => post('user.getuserpoint', data, callback);

  664. 

  665. // 门店列表

  666. export const storeList = (data, callback) => post('store.getstorelist', data, callback);

  667. 

  668. // 判断是否开启门店自提

  669. export const switchStore = (data, callback) => post('store.getstoreswitch', data, callback);

  670. 

  671. // 获取默认的门店

  672. export const defaultStore = (data, callback) => post('store.getdefaultstore', data, callback);

  673. 

  674. // 判断是否开启积分

  675. export const isPoint = (data, callback) => post('user.ispoint', data, callback);

  676. 

  677. // 用户输入code领取优惠券

  678. export const couponKey = (data, callback) => post('coupon.getcouponkey', data, callback);

  679. 

  680. // 判断是否是店员

  681. export const isStoreUser = (data, callback) => post('store.isclerk', data, callback);

  682. 

  683. // 获取店铺提货单列表

  684. export const storeLadingList = (data, callback) => post('store.storeladinglist', data, callback);

  685. 

  686. // 获取提货单详情

  687. export const ladingInfo = (data, callback) => post('store.ladinginfo', data, callback);

  688. 

  689. // 店铺提单操作

  690. export const ladingExec = (data, callback) => post('store.lading', data, callback);

  691. 

  692. // 提货单删除

  693. export const ladingDel = (data, callback) => post('store.ladingdel', data, callback);

  694. 

  695. // 获取活动列表

  696. export const activityList = (data, callback) => post('group.getlist', data, callback);

  697. 

  698. // 获取活动详情

  699. export const activityDetail = (data, callback) => post('group.getgoodsdetial', data, callback);

  700. 

  701. //小程序解析code

  702. export const login1 = (data, callback) => post('user.wxapplogin1', data, callback);

  703. 

  704. //小程序登录第二步

  705. export const login2 = (data, callback) => post('user.wxapplogin2', data, callback);

  706. 

  707. //支付宝小程序解析code

  708. export const alilogin1 = (data, callback) => post('user.alipayapplogin1', data, callback);

  709. 

  710. //取下级地址列表

  711. export const getAreaList = (data, callback) => post('user.getarealist', data, callback);

  712. 

  713. //取搜索页推荐关键字

  714. export const getRecommendKeys = (callback) => post('store.getrecommendkeys', {}, callback);

  715. 

  716. // 获取我的邀请信息

  717. export const myInvite = (callback) => post('user.myinvite', {}, callback);

  718. 

  719. // 设置我的上级邀请人

  720. export const setMyInvite = (data, callback) => post('user.activationinvite', data, callback);

  721. 

  722. // 获取小程序二维码

  723. export const getInviteQRCode = (data, callback) => post('store.getinviteqrcode', data, callback);

  724. 

  725. // 生成海报

  726. export const createPoster = (data, callback) => post('user.getposter', data, callback);

  727. 

  728. // 获取秒杀团购

  729. export const getGroup = (data, callback) => post('group.getlist', data, callback);

  730. 

  731. // 获取秒杀团购详情

  732. export const groupInfo = (data, callback) => post('group.getgoodsdetial', data, callback);

  733. 

  734. // 自定义页面

  735. export const getPageConfig = (data, callback) => post('pages.getpageconfig', data, callback);

  736. 

  737. //万能表单

  738. export const getFormDetial = (data, callback) => post('form.getformdetial', data, callback);

  739. 

  740. //提交表单

  741. export const addSubmitForm = (data, callback) => post('form.addsubmit', data, callback);

  742. 

  743. //公众号授权获取openid

  744. export const getOpenId = (data, callback) => post('user.officiallogin', data, callback);

  745. 

  746. // 获取授权登录方式

  747. export const getTrustLogin = (data, callback) => post('user.gettrustlogin', data, callback);

  748. 

  749. // APP信任登录

  750. export const appTrustLogin = (data, callback) => post('user.uniapplogin', data, callback);

  751. 

  752. // 获取分销商进度状态

  753. export const getDistributioninfo = (data, callback) => pluginsPost('distribution_center-api-info', data, callback);

  754. 

  755. // 申请分销商

  756. export const applyDistribution = (data, callback) => pluginsPost('distribution_center-api-applydistribution', data,

  757.     callback);

  758. 

  759. // 店铺设置

  760. export const setStore = (data, callback) => pluginsPost('distribution_center-api-setstore', data, callback);

  761. 

  762. //我的分销订单

  763. export const getStoreInfo = (data, callback) => pluginsPost('distribution_center-api-getstoreinfo', data, callback);

  764. 

  765. //我的分销订单

  766. export const getDistributionOrder = (data, callback) => pluginsPost('distribution_center-api-myorder', data, callback);

  767. 

  768. // 拼团列表

  769. export const pintuanList = (data, callback) => post('pintuan.list', data, callback);

  770. 

  771. // 拼团商品详情

  772. export const pintuanGoodsInfo = (data, callback) => post('pintuan.goodsinfo', data, callback);

  773. 

  774. // 拼团货品详情

  775. export const pintuanProductInfo = (data, callback) => post('pintuan.productinfo', data, callback);

  776. 

  777. //微信图文消息

  778. export const messageDetail = (data, callback) => post('articles.getweixinmessage', data, callback);

  779. 

  780. //获取APP版本

  781. export const getAppVersion = (data, callback) => pluginsPost('app-api-checkVersion', data, callback);

  782. 

  783. //获取APP版本

  784. export const getOrderPintuanTeamInfo = (data, callback) => post('pintuan.pintuanteam', data, callback);

  785. 

  786. //抽奖规则

  787. export const lotteryConfig = (callback) => pluginsPost('lottery-api-getLotteryConfig', {}, callback);

  788. 

  789. //抽奖操作

  790. export const lottery = (callback) => pluginsPost('lottery-api-lottery', {}, callback);

  791. 

  792. //获取我的抽奖记录

  793. export const myLottery = (data, callback) => pluginsPost('lottery-api-lotteryLog', data, callback);

  794. 

  795. //生成分享URL

  796. export const createShareUrl = (data, callback) => post('user.shareurl', data, callback);

common.js

复制代码
  1. import * as db from './db.js' //引入common

  2. import store from './../store'

  3. //把obj对象里的值覆盖到newobj里面

  4. function deepCopy(newobj, obj) {

  5.     if (typeof obj != 'object') {

  6.         return obj

  7.     }

  8.     for (var attr in obj) {

  9.         var a = {}

  10.         if (newobj[attr]) {

  11.             a = newobj[attr]

  12.         }

  13.         newobj[attr] = deepCopy(a, obj[attr])

  14.     }

  15.     return newobj

  16. }

  17. 

  18. //跳转到登陆页面

  19. function jumpToLogin(method) {

  20.     var now_time = Date.parse(new Date())

  21.     var value = db.get('jump_to_login')

  22.     if (!value) {

  23.         value = 0

  24.     }

  25.     if (now_time - value > 3000) {

  26.         //db.set('jump_to_login',now_time); //暂时屏蔽登录时间查询

  27.         // 将当前页面route存vuex中 登录注册后跳转

  28.         let pages = getCurrentPages()

  29.         let page = pages[pages.length - 1]

  30.         // 获取页面参数信息

  31.         let pagePath = ''

  32.         // #ifdef H5 || MP-WEIXIN || APP-PLUS     || APP-PLUS-NVUE

  33.         if (page.route.indexOf('pages/goods/index/index') !== -1) {

  34.             //商品详情页

  35.             if (page.goodsId) {

  36.                 pagePath = '/' + page.route + '?id=' + page.goodsId;

  37.             } else {

  38.                 pagePath = '/pages/index/index';

  39.             }

  40.         }

  41.         if (page.route.indexOf('pages/goods/index/group') !== -1) {

  42.             //团购秒杀详情页

  43.             if (page.goodsId && page.groupId) {

  44.                 pagePath = '/' + page.route + '?id=' + page.goodsId + '&group_id' + page.groupId;

  45.             } else {

  46.                 pagePath = '/pages/index/index';

  47.             }

  48.         }

  49.         // #endif

  50. 

  51.         // #ifdef MP-ALIPAY

  52.         if (page.__proto__.route.indexOf('pages/goods/index/index') !== -1) {

  53.             //商品详情页

  54.             if (page.rootVM.goodsId) {

  55.                 pagePath = '/' + page.__proto__.route + '?id=' + page.rootVM.goodsId;

  56.             } else {

  57.                 pagePath = '/pages/index/index';

  58.             }

  59.         }

  60.         if (page.__proto__.route.indexOf('pages/goods/index/group') !== -1) {

  61.             //团购秒杀详情页

  62.             if (page.rootVM.goodsId && page.rootVM.groupId) {

  63.                 pagePath = '/' + page.__proto__.route + '?id=' + page.rootVM.goodsId + '&group_id' + page.rootVM.groupId;

  64.             } else {

  65.                 pagePath = '/pages/index/index';

  66.             }

  67.         }

  68.         // #endif

  69.         if (pagePath) {

  70.             store.commit({

  71.                 type: 'redirect',

  72.                 page: pagePath

  73.             })

  74.         }

  75.         uni.showToast({

  76.             title: '请先登录!',

  77.             icon: 'none',

  78.             duration: 1000,

  79.             success: function(res) {

  80.                 // #ifdef H5 || APP-PLUS

  81.                 setTimeout(() => {

  82.                     uni.hideToast();

  83.                     uni.navigateTo({

  84.                         url: '/pages/login/login/index1'

  85.                     })

  86.                 }, 1000)

  87.                 // #endif

  88.                 // #ifdef MP-WEIXIN || MP-ALIPAY

  89.                 setTimeout(() => {

  90.                     uni.hideToast();

  91.                     uni.navigateTo({

  92.                         url: '/pages/login/choose/index',

  93.                         animationType: 'pop-in',

  94.                         animationDuration: 200

  95.                     })

  96.                 }, 500)

  97.                 // #endif

  98.             }

  99.         })

  100.     }

  101. }

  102. 

  103. //当出错的时候，显示错误信息，并且跳转 弃用

  104. /* function errorToBack(msg = '出错了，请重试',delta=1){

  105.   uni.showToast({

  106.     title: msg,

  107.     icon: 'none',

  108.     duration: 2000,

  109.   });

  110.   if(delta > 0){

  111.     setTimeout(function () {

  112.       uni.navigateBack({

  113.         delta: delta

  114.       })

  115.     }, 1000);

  116.   }

  117. } */

  118. //操作成功后，的提示信息

  119. function successToShow(msg = '保存成功', callback = function() {}) {

  120. 

  121. 

  122.     setTimeout(function() {

  123.         uni.showToast({

  124.             title: msg,

  125.             icon: 'success',

  126.             duration: 1000,

  127.             success() {

  128.                 setTimeout(function() {

  129.                     callback()

  130.                 }, 500)

  131.             }

  132.         })

  133.     }, 100)

  134.     /*  uni.showToast({

  135.         title: msg,

  136.         icon: 'success',

  137.         duration: 1000

  138.       }) */

  139. }

  140. 

  141. //操作失败的提示信息

  142. function errorToShow(msg = '操作失败', callback = function() {}) {

  143.     setTimeout(function() {

  144.         uni.showToast({

  145.             title: msg,

  146.             icon: 'none',

  147.             duration: 1500,

  148.             success() {

  149.                 setTimeout(function() {

  150.                     callback()

  151.                 }, 1500)

  152.             }

  153.         })

  154.     },100)

  155. 

  156. }

  157. 

  158. //加载显示

  159. function loadToShow(msg = '加载中') {

  160.     uni.showToast({

  161.         title: msg,

  162.         icon: 'loading'

  163.     })

  164. }

  165. 

  166. //加载隐藏

  167. function loadToHide() {

  168.     uni.hideToast()

  169. }

  170. 

  171. // 提示框

  172. function modelShow(

  173.     title = '提示',

  174.     content = '确认执行此操作吗?',

  175.     callback = () => {},

  176.     showCancel = true,

  177.     cancelText = '取消',

  178.     confirmText = '确定'

  179. ) {

  180.     uni.showModal({

  181.         title: title,

  182.         content: content,

  183.         showCancel: showCancel,

  184.         cancelText: cancelText,

  185.         confirmText: confirmText,

  186.         cancelText: cancelText,

  187.         success: function(res) {

  188.             if (res.confirm) {

  189.                 // 用户点击确定操作

  190.                 setTimeout(() => {

  191.                     callback()

  192.                 }, 500)

  193.             } else if (res.cancel) {

  194.                 // 用户取消操作

  195.             }

  196.         }

  197.     })

  198. }

  199. 

  200. //时间戳转时间格式

  201. function timeToDate(date, flag = false) {

  202.     var date = new Date(date * 1000) //如果date为13位不需要乘1000

  203.     var Y = date.getFullYear() + '-'

  204.     var M =

  205.         (date.getMonth() + 1 < 10 ?

  206.             '0' + (date.getMonth() + 1) :

  207.             date.getMonth() + 1) + '-'

  208.     var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '

  209.     var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'

  210.     var m =

  211.         (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'

  212.     var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()

  213.     if (flag) {

  214.         return Y + M + D

  215.     } else {

  216.         return Y + M + D + h + m + s

  217.     }

  218. }

  219. 

  220. function time2date(micro_second) {

  221.     var time = {}

  222.     // 总秒数

  223.     var second = Math.floor(micro_second)

  224.     // 天数

  225.     time.day = PrefixInteger(Math.floor(second / 3600 / 24), 2)

  226.     // 小时

  227.     time.hour = PrefixInteger(Math.floor((second / 3600) % 24), 2)

  228.     // 分钟

  229.     time.minute = PrefixInteger(Math.floor((second / 60) % 60), 2)

  230.     // 秒

  231.     time.second = PrefixInteger(Math.floor(second % 60), 2)

  232. 

  233.     var newtime = ''

  234.     if (time.day > 0) {

  235.         newtime =

  236.             time.day +

  237.             '天' +

  238.             time.hour +

  239.             '小时' +

  240.             time.minute +

  241.             '分' +

  242.             time.second +

  243.             '秒'

  244.     } else {

  245.         if (time.hour != 0) {

  246.             newtime = time.hour + '小时' + time.minute + '分' + time.second + '秒'

  247.         } else {

  248.             newtime = time.minute + '分' + time.second + '秒'

  249.         }

  250.     }

  251.     return newtime

  252. }

  253. 

  254. function timeToDateObj(micro_second) {

  255.     var time = {}

  256.     // 总秒数

  257.     var second = Math.floor(micro_second)

  258.     // 天数

  259.     time.day = Math.floor(second / 3600 / 24)

  260.     // 小时

  261.     time.hour = Math.floor((second / 3600) % 24)

  262.     // 分钟

  263.     time.minute = Math.floor((second / 60) % 60)

  264.     // 秒

  265.     time.second = Math.floor(second % 60)

  266. 

  267.     return time

  268. 

  269. }

  270. 

  271. //货币格式化

  272. function formatMoney(number, places, symbol, thousand, decimal) {

  273.     number = number || 0

  274.     places = !isNaN((places = Math.abs(places))) ? places : 2

  275.     symbol = symbol !== undefined ? symbol : '￥'

  276.     thousand = thousand || ','

  277.     decimal = decimal || '.'

  278.     var negative = number < 0 ? '-' : '',

  279.         i = parseInt((number = Math.abs(+number || 0).toFixed(places)), 10) + '',

  280.         j = (j = i.length) > 3 ? j % 3 : 0

  281.     return (

  282.         symbol +

  283.         negative +

  284.         (j ? i.substr(0, j) + thousand : '') +

  285.         i.substr(j).replace(/(\d{3})(?=\d)/g, '$1' + thousand) +

  286.         (places ?

  287.             decimal +

  288.             Math.abs(number - i)

  289.             .toFixed(places)

  290.             .slice(2) :

  291.             '')

  292.     )

  293. }

  294. 

  295. function throttle(fn, context, delay) {

  296.     clearTimeout(fn.timeoutId)

  297.     fn.timeoutId = setTimeout(function() {

  298.         fn.call(context)

  299.     }, delay)

  300. }

  301. 

  302. // 时间格式化输出，如11:03 25:19 每1s都会调用一次

  303. function dateformat(micro_second) {

  304.     var time = {}

  305.     // 总秒数

  306.     var second = Math.floor(micro_second / 1000) // 天数

  307.     time.day = PrefixInteger(Math.floor(second / 3600 / 24), 2) // 小时

  308.     time.hour = PrefixInteger(Math.floor((second / 3600) % 24), 2) // 分钟

  309.     time.minute = PrefixInteger(Math.floor((second / 60) % 60), 2) // 秒

  310.     time.second = PrefixInteger(Math.floor(second % 60), 2)

  311.     return time

  312. }

  313. 

  314. //不足位数前面补0

  315. function PrefixInteger(num, length) {

  316.     return (Array(length).join('0') + num).slice(-length)

  317. }

  318. 

  319. //验证是否是手机号

  320. function isPhoneNumber(str) {

  321.     var myreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/

  322.     if (!myreg.test(str)) {

  323.         return false

  324.     } else {

  325.         return true

  326.     }

  327. }

  328. 

  329. /**

  330.  *

  331.  * 对象参数转为url参数

  332.  *

  333.  */

  334. function builderUrlParams(url, data) {

  335.     if (typeof url == 'undefined' || url == null || url == '') {

  336.         return ''

  337.     }

  338.     if (typeof data == 'undefined' || data == null || typeof data != 'object') {

  339.         return ''

  340.     }

  341.     url += url.indexOf('?') != -1 ? '' : '?'

  342.     for (var k in data) {

  343.         url += (url.indexOf('=') != -1 ? '&' : '') + k + '=' + encodeURI(data[k])

  344.     }

  345.     return url

  346. }

  347. 

  348. /**

  349.  * 使用循环的方式判断一个元素是否存在于一个数组中

  350.  * @param {Object} arr 数组

  351.  * @param {Object} value 元素值

  352.  */

  353. function isInArray(arr, value) {

  354.     for (var i = 0; i < arr.length; i++) {

  355.         if (value === arr[i]) {

  356.             return true

  357.         }

  358.     }

  359.     return false

  360. }

  361. /**

  362.  * 统一跳转

  363.  */

  364. function navigateTo(url) {

  365.     uni.navigateTo({

  366.         url: url,

  367.         animationType: 'pop-in',

  368.         animationDuration: 300

  369.     })

  370. }

  371. 

  372. /**

  373.  *  关闭当前页面并跳转

  374.  */

  375. function redirectTo(url) {

  376.     uni.redirectTo({

  377.         url: url,

  378.         animationType: 'pop-in',

  379.         animationDuration: 300

  380.     })

  381. }

  382. 

  383. /**

  384.  * 获取url参数

  385.  *

  386.  * @param {*} name

  387.  * @param {*} [url=window.location.serach]

  388.  * @returns

  389.  */

  390. function getQueryString(name, url) {

  391.     var url = url || window.location.href

  392.     var reg = new RegExp('(^|&|/?)' + name + '=([^&|/?]*)(&|/?|$)', 'i')

  393.     var r = url.substr(1).match(reg)

  394.     if (r != null) {

  395.         return r[2]

  396.     }

  397.     return null

  398. }

  399. 

  400. /**

  401.  *

  402.  *  判断是否在微信浏览器 true是

  403.  */

  404. function isWeiXinBrowser() {

  405.     // #ifdef H5

  406.     // window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型

  407.     let ua = window.navigator.userAgent.toLowerCase()

  408.     // 通过正则表达式匹配ua中是否含有MicroMessenger字符串

  409.     if (ua.match(/MicroMessenger/i) == 'micromessenger') {

  410.         return true

  411.     } else {

  412.         return false

  413.     }

  414.     // #endif

  415. 

  416.     return false

  417. }

  418. 

  419. /**

  420.  * 金额相加

  421.  * @param {Object} value1

  422.  * @param {Object} value2

  423.  */

  424. function moneySum(value1, value2) {

  425.     return (parseFloat(value1) + parseFloat(value2)).toFixed(2);

  426. }

  427. /**

  428.  * 金额相减

  429.  * @param {Object} value1

  430.  * @param {Object} value2

  431.  */

  432. function moneySub(value1, value2) {

  433.     let res = (parseFloat(value1) - parseFloat(value2)).toFixed(2);

  434.     return res > 0 ? res : 0;

  435. }

  436. 

  437. 

  438. /**

  439.  * 分享URL解压缩

  440.  * @param {Object} url

  441.  */

  442. function shareParameterEncode(url) {

  443.     let urlArray = url.split('-');

  444.     let newUrl = 'type=' + urlArray[0] + '&invite=' + urlArray[1] + '&id=' + urlArray[2] + '&team_id=' + urlArray[3] +

  445.         '&id_type=' + urlArray[4] + '&page_code=' + urlArray[5] + '&group_id=' + urlArray[6];

  446.     return newUrl;

  447. }

  448. 

  449. 

  450. /**

  451.  * 分享URL压缩

  452.  * @param {Object} url

  453.  */

  454. function shareParameterDecode(url) {

  455.     var urlArray = url.split('&');

  456.     var allParameter = {

  457.         'type': '',

  458.         'invite': '',

  459.         'id': '',

  460.         'team_id': '',

  461.         'id_type': '',

  462.         'page_code': '',

  463.         'group_id': '',

  464.     };

  465.     for (var i = 0; i < urlArray.length; i++) {

  466.         var parameter = urlArray[i].split('=');

  467.         allParameter[parameter[0]] = parameter[1];

  468.     }

  469.     var newUrl = allParameter.type + '-' + allParameter.invite + '-' + allParameter.id + '-' + allParameter.team_id + '-' +

  470.         allParameter.id_type + '-' + allParameter.page_code + '-' + allParameter.group_id;

  471.     return newUrl;

  472. }

  473. 

  474. export {

  475.     deepCopy,

  476.     jumpToLogin,

  477.     timeToDate,

  478.     formatMoney,

  479.     /* errorToBack, */

  480.     successToShow,

  481.     throttle,

  482.     errorToShow,

  483.     time2date,

  484.     isPhoneNumber,

  485.     isInArray,

  486.     loadToShow,

  487.     loadToHide,

  488.     navigateTo,

  489.     redirectTo,

  490.     modelShow,

  491.     builderUrlParams,

  492.     isWeiXinBrowser,

  493.     dateformat,

  494.     getQueryString,

  495.     timeToDateObj,

  496.     moneySum,

  497.     moneySub,

  498.     shareParameterEncode,

  499.     shareParameterDecode

  500. }

  501.

config.js

复制代码
  1. 

  2. export const apiBaseUrl = 'http://www.b2c.com/'

  3. // #ifdef H5

  4. export const baseUrl=process.env.NODE_ENV === 'development'?window.location.origin+'/':apiBaseUrl

  5. // #endif

  6. export const paymentType = {

  7.   //支付单类型

  8.   order: 1, //订单

  9.   recharge: 2, //充值

  10.   form_order: 5, //表单付款码

  11.   form_pay: 6 //表单订单

  12. }

db.js

复制代码
  1. import * as common from './common.js' //引入common

  2. 

  3. //取值

  4. function get(key,sync = true) {

  5.     try {

  6.         if(sync){

  7.             return uni.getStorageSync(key);

  8.         }else{

  9.             let data = '';

  10.             uni.getStorage({

  11.                 key:key,

  12.                 success: function (res) {

  13.                     data = res.data;

  14.                 }

  15.             });

  16.             return data;

  17.         }

  18.     } catch (e) {

  19.         return false;

  20.     }

  21. }

  22. 

  23. //赋值

  24. function set(key, value, sync = true) {

  25.     try {

  26.         if (sync) {

  27.             return uni.setStorageSync(key, value);

  28.         } else {

  29.             uni.setStorage({

  30.                 key: key,

  31.                 data: value

  32.             });

  33.         }

  34.     } catch (e) {

  35. 

  36.     }

  37. }

  38. 

  39. //移除

  40. function del(key, sync = true){

  41.     try {

  42.         if (sync) {

  43.             return uni.removeStorageSync(key);

  44.         } else {

  45.             uni.removeStorage({

  46.                 key: key

  47.             });

  48.         }

  49.     } catch (e) {

  50.         return false;

  51.     }

  52. }

  53. 

  54. //清空

  55. function clear(sync = true){

  56.     try {

  57.         if (sync) {

  58.             return uni.clearStorageSync();

  59.         } else {

  60.             uni.clearStorage();

  61.         }

  62.     } catch (e) {

  63.         return false;

  64.     }

  65. }

  66. 

  67. //获取用户token，如果缓存有，直接返回，如果没有，就先微信登陆，然后服务器登陆，最后返回token

  68. function userToken(callback) {

  69.     var token = get('userToken');

  70.     if (token){

  71.         callback(token);

  72.     }else{

  73.         //如果没有登陆，就去登陆

  74.         common.jumpToLogin();

  75.     }

  76. }

  77. 

  78. export {

  79.     get,

  80.     set,

  81.     del,

  82.     clear,

  83.     userToken

  84. }

mixins.js

复制代码
  1. export const orders = {

  2.     mounted() {},

  3.     methods: {

  4.         // 查看订单详情

  5.         orderDetail(orderId) {

  6.             this.$common.navigateTo(

  7.                 '/pages/member/order/orderdetail?order_id=' + orderId

  8.             )

  9.         },

  10.         // 取消订单

  11. 

  12.         // 去支付

  13.         toPay(orderId) {

  14.             this.$common.navigateTo(

  15.                 '/pages/goods/payment/index?order_id=' + orderId + '&type=1'

  16.             )

  17.         },

  18.         // 确认收货

  19. 

  20.         // 去评价

  21.         toEvaluate(orderId) {

  22.             this.$common.navigateTo(

  23.                 '/pages/member/order/evaluate?order_id=' + orderId

  24.             )

  25.         },

  26.         // 申请售后

  27. 

  28.         // 查看物流信息

  29.         showExpress(code, no, address = '') {

  30.             let params = encodeURIComponent(

  31.                 'code=' + code + '&no=' + no + '&add=' + address

  32.             )

  33. 

  34.             this.$common.navigateTo(

  35.                 '/pages/member/order/express_delivery?params=' + params

  36.             )

  37.         }

  38.     }

  39. }

  40. 

  41. /**

  42.  *  商品接口信息

  43.  *

  44.  */

  45. export const goods = {

  46.     mounted() {},

  47.     methods: {

  48.         // 查看商品详情

  49.         goodsDetail(goodsId) {

  50.             this.$common.navigateTo('/pages/goods/index/index?id=' + goodsId)

  51.         },

  52.         // 跳转商品列表页

  53.         goodsList(obj = {}) {

  54.             let url = '/pages/classify/index'

  55.             if (Object.keys(obj).length) {

  56.                 url = this.$common.builderUrlParams(url, obj)

  57.             }

  58.             this.$common.navigateTo(url)

  59.         },

  60.         // 团购秒杀详情

  61.         groupDetail(id, group_id) {

  62.             this.$common.navigateTo(

  63.                 '/pages/goods/index/group?id=' + id + '&group_id=' + group_id

  64.             )

  65.         },

  66.         //拼团详情页

  67.         pintuanDetail(id, team_id) {

  68.             if (team_id) {

  69.                 this.$common.navigateTo(

  70.                     '/pages/goods/index/pintuan?id=' + id + '&team_id=' + team_id

  71.                 )

  72.             } else {

  73.                 this.$common.navigateTo('/pages/goods/index/pintuan?id=' + id)

  74.             }

  75.         }

  76.     }

  77. }

  78. 

  79. /**

  80.  *

  81.  *  返回操作处理

  82.  *

  83.  */

  84. export const goBack = {

  85.     onBackPress(options) {

  86.         if (options.from === 'navigateBack') {

  87.             return false

  88.         }

  89.         let loginPages = ['/pages/cart/index/index', '/pages/member/index/index']

  90.         let backPage = this.$store.state.redirectPage

  91.         if (loginPages.indexOf(backPage) > -1) {

  92.             this.$store.commit({

  93.                 type: 'redirect',

  94.                 page: ''

  95.             })

  96.             uni.switchTab({

  97.                 url: '/pages/index/index'

  98.             })

  99.             return true

  100.         }

  101.     }

  102. }

  103. 

  104. /* Function Info

  105.  * Author:      zhf

  106.  * CreateTime:  2019/7/12 下午12:10:00

  107.  * LastEditor:  zhf

  108.  * ModifyTime:  2019/7/12 下午12:10:00

  109.  * Description: 登录成功统一跳转处理

  110.  */

  111. 

  112. export const jumpBackPage = {

  113.     methods: {

  114.         handleBack() {

  115.             let redirect = this.$store.state.redirectPage

  116.             this.$store.commit({

  117.                 type: 'redirect',

  118.                 page: ''

  119.             })

  120.             let switchTabs = ['/pages/index/index', '/pages/member/index/index']

  121.             if (switchTabs.indexOf(redirect) > -1) {

  122.                 uni.switchTab({

  123.                     url: redirect

  124.                 })

  125.             } else if (redirect) {

  126.                 uni.redirectTo({

  127.                     url: redirect

  128.                 })

  129.             } else {

  130.                 uni.switchTab({

  131.                     url: '/pages/index/index'

  132.                 })

  133.             }

  134.         }

  135.     }

  136. }

  137. 

  138. /* Function Info

  139.  * Author:      zhf

  140.  * CreateTime:  2019/7/12 下午12:10:28

  141.  * LastEditor:  zhf

  142.  * ModifyTime:  2019/7/12 下午12:10:28

  143.  * Description: 操作判断登录处理

  144.  */

  145. 

  146. export const checkLogin = {

  147.     methods: {

  148.         checkIsLogin() {

  149.             uni.showToast({

  150.                 title: '请先登录!',

  151.                 icon: 'none',

  152.                 duration: 800,

  153.                 success: function(res) {

  154.                     // #ifdef H5 || APP-PLUS

  155.                     setTimeout(() => {

  156.                         uni.hideToast()

  157.                         uni.navigateTo({

  158.                             url: '/pages/login/login/index1'

  159.                         })

  160.                     }, 800)

  161.                     // #endif

  162.                     // #ifdef MP-WEIXIN || MP-ALIPAY

  163.                     setTimeout(() => {

  164.                         uni.hideToast()

  165.                         uni.navigateTo({

  166.                             url: '/pages/login/choose/index',

  167.                             animationType: 'pop-in',

  168.                             animationDuration: 200

  169.                         })

  170.                     }, 500)

  171.                     // #endif

  172.                 }

  173.             })

  174.         }

  175.     }

  176. }

  177. 

  178. 

  179. /**

  180.  * 工具函数

  181.  */

  182. 

  183. export const tools = {

  184.     methods: {

  185.         copyData(data) {

  186.             var _this = this;

  187.             uni.setClipboardData({

  188.                 data: data,

  189.                 success: function() {

  190.                     _this.$common.errorToShow('复制成功')

  191.                 }

  192.             });

  193.         }

  194.     }

  195. }

  196.

index.html

复制代码
  1. <!DOCTYPE html>

  2. <html lang="zh-CN">

  3. 

  4. <head>

  5.     <meta charset="utf-8">

  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">

  7.     <meta name="author" content="novice@jihainet.com" />

  8.     <meta name="viewport"

  9.         content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

  10.     <title>

  11.         <%= htmlWebpackPlugin.options.title %>

  12.     </title>

  13. <!--     <script type="text/javascript">

  14.         let url = window.location.origin;

  15.         if(!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {

  16.             window.location.href= url + '/web/';

  17.         }

  18.     </script> -->

  19.     <script>

  20.         document.addEventListener('DOMContentLoaded', function () {

  21.             document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'

  22.         })

  23.     </script>

  24.     <!-- <script src="https://cdn.bootcss.com/vConsole/3.3.2/vconsole.min.js"></script>

  25.     <script>

  26.         var vConsole = new VConsole();

  27.     </script> -->

  28.     <link rel="stylesheet" href="<%= BASE_URL %>static/index.css" />

  29. </head>

  30. 

  31. <body>

  32.     <div id="app"></div>

  33. </body>

  34. <script>

  35.     (function (w, d, s, n, a, e) {

  36.         w[n] = w[n] || function () {

  37.             (w[n].z = w[n].z || []).push(arguments)

  38.         };

  39.         a = d.createElement(s), e = d.getElementsByTagName(s)[0];

  40.         a.async = 1;

  41.         a.charset = "UTF-8";

  42.         a.src = "https://pubres.aihecong.com/hecong.js";

  43.         e.parentNode.insertBefore(a, e)

  44.     })(window, document, "script", "_AIHECONG");

  45. </script>

  46. 

  47. 

  48. </html>

main.js

复制代码
  1. import Vue from 'vue'

  2. import App from './App'

  3. import * as Api from './config/api.js'

  4. 

  5. import * as Common from './config/common.js'

  6. import * as Db from './config/db.js'

  7. import * as Config from './config/config.js'

  8. import store from './store'

  9. import './common/uni-H5Api'

  10. 

  11. Vue.config.productionTip = false

  12. Vue.prototype.$api = Api;

  13. Vue.prototype.$common = Common;

  14. Vue.prototype.$db = Db;

  15. Vue.prototype.$config = Config;

  16. Vue.prototype.$store = store;

  17. 

  18. App.mpType = 'app'

  19. 

  20. const app = new Vue({

  21.     ...App

  22. })

  23. app.$mount()

  24.

manifest.json

复制代码
  1. {

  2.     "name" : "Jshop云商",

  3.     "appid" : "__UNI__60F611E",

  4.     "description" : "Jshop云商",

  5.     "versionName" : "2.0",

  6.     "versionCode" : 15,

  7.     "transformPx" : false,

  8.     "app-plus" : {

  9.         /* 5+App特有相关 */

  10.         "modules" : {

  11.             "Payment" : {}

  12.         },

  13.         /* 模块配置 */

  14.         "distribute" : {

  15.             /* 应用发布信息 */

  16.             "android" : {

  17.                 /* android打包配置 */

  18.                 "permissions" : [

  19.                     "<uses-feature android:name=\"android.hardware.camera\"/>",

  20.                     "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",

  21.                     "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",

  22.                     "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",

  23.                     "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",

  24.                     "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",

  25.                     "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",

  26.                     "<uses-permission android:name=\"android.permission.CAMERA\"/>",

  27.                     "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",

  28.                     "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",

  29.                     "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",

  30.                     "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",

  31.                     "<uses-permission android:name=\"android.permission.INTERNET\"/>",

  32.                     "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",

  33.                     "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",

  34.                     "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",

  35.                     "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",

  36.                     "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",

  37.                     "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",

  38.                     "<uses-permission android:name=\"android.permission.VIBRATE\"/>",

  39.                     "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",

  40.                     "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",

  41.                     "<uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\"/>",

  42.                     "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"

  43.                 ]

  44.             },

  45.             "ios" : {},

  46.             /* ios打包配置 */

  47.             "sdkConfigs" : {

  48.                 "payment" : {

  49.                     "weixin" : {

  50.                         "appid" : "wxf62e2f29f15741af"

  51.                     },

  52.                     "alipay" : {

  53.                         "scheme" : ""

  54.                     }

  55.                 }

  56.             }

  57.         },

  58.         "splashscreen" : {

  59.             "waiting" : true

  60.         }

  61.     },

  62.     /* SDK配置 */

  63.     "quickapp" : {},

  64.     /* 快应用特有相关 */

  65.     "mp-weixin" : {

  66.         "appid" : "wxaec38ca2e5cdc46a",

  67.         "setting" : {

  68.             "urlCheck" : true,

  69.             "postcss" : true,

  70.             "minified" : true,

  71.             "es6" : true

  72.         },

  73.         "permission" : {

  74.             "scope.userLocation" : {

  75.                 "desc" : "用于获取您附近的门店列表"

  76.             }

  77.         },

  78.         "usingComponents" : false

  79.     },

  80.     "h5" : {

  81.         "title" : "Jshop云商",

  82.         "domain" : "https://wmp.uneedabox.com",

  83.         "router" : {

  84.             "base" : "/wap/",

  85.             "mode" : "history"

  86.         },

  87.         "template" : "index.html",

  88.         "devServer" : {

  89.             "port" : 8080,

  90.             "disableHostCheck" : true,

  91.             "https" : false

  92.         },

  93.         "sdkConfigs" : {

  94.             "maps" : {

  95.                 "qqmap" : {

  96.                     "key" : "AEIBZ-H5TRI-A6VGA-5KRNA-QKKK6-JGB33"

  97.                 }

  98.             }

  99.         }

  100.     }

  101. }

  102.

pages

activity

index.vue
复制代码
  1. <template>

  2.     <view class="conbox">

  3.         <view class="container">

  4.             <image src="../../static/img/bg.png" class="cont" mode=""></image>

  5.             <image src="../../static/img/caidai.png" class="caidai" mode=""></image>

  6.             <view class="header">

  7.                 <view class="header-title">

  8.                     <view class="left">

  9.                         免费次数：<text style="color: #E4431A;">{{chishu}}</text>

  10.                     </view>

  11.                     <view class="left">

  12.                         账户积分：<text style="color: #E4431A;">{{jifen}}</text>

  13.                     </view>

  14.                     <view class="right" @click="getmyPrize">

  15.                         抽奖记录 >

  16.                     </view>

  17.                 </view>

  18.             </view>

  19.             <view class="main">

  20.                 <view class="canvas-container">

  21.                     <view :animation="animationData" class="canvas-content" id="zhuanpano" style="">

  22.                     <!-- <view :animation="animationData" class="canvas-content" id="zhuanpano"  :style="[{transform:'rotate('+runDeg+')'}]"> -->

  23.                         <!-- <canvas class="canvas" canvas-id="canvas"></canvas> -->

  24.                         <view class="canvas-line">

  25.                             <view class="canvas-litem" v-for="(item,index1) in awardsList" :key="index1" :style="[{transform:'rotate('+item.lineTurn+')'}]"></view>

  26.                         </view>

  27.                         <view class="canvas-list">

  28.                             <view class="canvas-item" :style="[{zIndex:index2}]" v-for="(iteml,index2) in awardsList" :key="index2">

  29.                                 <view class="canvas-item-text" :style="[{transform:'rotate('+iteml.turn+')'}]">

  30.                                     <text>{{iteml.award}}</text>

  31.                                     <image class="canvas-item-text-img" src="../../static/img/kongjiang.png" v-if="iteml.type == 0"></image>

  32.                                     <image class="canvas-item-text-img" src="../../static/img/jifen.png" v-if="iteml.type == 1"></image>

  33.                                     <image class="canvas-item-text-img" src="../../static/img/youhuiquan.png" v-if="iteml.type == 2"></image>

  34.                                     <image class="canvas-item-text-img" src="../../static/img/yue.png" v-if="iteml.type == 3"></image>

  35.                                     <image class="canvas-item-text-img" src="../../static/img/shangpin.png" v-if="iteml.type == 4"></image>

  36.                                 </view>

  37.                             </view>

  38.                         </view>

  39.                     </view>

  40.                     <view @tap="playReward" class="canvas-btn" v-bind:class="btnDisabled">开始 </view>

  41.                 </view>

  42.             </view>

  43.             <view class="typecheckbox"></view>

  44.             <!-- 规则 -->

  45.             <view class="guize">

  46.                 <view class="title">

  47.                     规则说明

  48.                 </view>

  49.                 <view class="g_item" v-for="(v, k) in awardsConfig.rule" :key="k">

  50.                     {{v}}

  51.                 </view>

  52.             </view>

  53.             <view class="typecheckbox2"></view>

  54.             <!-- 抽奖记录 -->

  55.             <view class="shadowbox" v-if="r_flg" @click="closeshadow">

  56.                 <view class="myrewards" @click.stop="openshadow">

  57.                     <view class="title">

  58.                         抽奖记录

  59.                     </view>

  60.                     <view class="itembox">

  61.                         <view class="item" v-for="(items,i) in myPrizelist" :key="i">

  62.                             <div class="t">

  63.                                 <text class="left">{{items.name}}</text>

  64.                                 <text class="right">{{items.ctime_name}}</text>

  65.                             </div>

  66.                             <div class="b">

  67.                                 {{items.prize_content}}

  68.                             </div>

  69.                         </view>

  70.                     </view>

  71.                 </view>

  72.             </view>

  73.         </view>

  74.     </view>

  75. </template>

  76. 

  77. <script>

  78.     export default {

  79.         data() {

  80.             return {

  81.                 awardsConfig: {

  82.                     chance: true, //是否有抽奖机会

  83.                     prize: [], //奖品列表 

  84.                 },

  85.                 awardsList: {},

  86.                 animationData: {},

  87.                 btnDisabled: '',

  88.                 thanksarr: [], //存储谢谢参与的索引

  89.                 chishu: 0,

  90.                 mold: 1,

  91.                 r_flg: 0,

  92.                 myPrizelist:[],

  93.                 jifen: 0

  94.             }

  95.         },

  96.         onLoad: function() {

  97.             // 获取奖品列表

  98.             this.initdata(this)

  99.         },

  100.         onReady: function(e) {

  101. 

  102.         },

  103.         methods: {

  104.             // 查看奖品

  105.             getmyPrize(){

  106.                 this.$api.myLottery({page: 1, limit: 1000}, res => {

  107.                     this.myPrizelist = res.data

  108.                     this.r_flg=1

  109.                 })

  110.             },

  111.             openshadow(){

  112.                 this.r_flg=1

  113.             },

  114.             closeshadow(){

  115.                 this.r_flg=0

  116.             },

  117.             // 初始化抽奖数据

  118.             initdata:function(that){

  119.                 this.$api.lotteryConfig(res => {

  120.                     if(res.status){

  121.                         this.awardsConfig = res.data

  122.                         this.chishu = res.data.user.day_remaining;

  123.                         this.jifen = res.data.user.jifen;

  124.                         // 获取奖品的个数

  125.                         let awarrlength = this.awardsConfig.prize.length

  126.                         // 为每一项追加index属性

  127.                         this.awardsConfig.prize.forEach(function(element, index) {

  128.                             element.index = index

  129.                         });

  130.                         

  131.                         // 画转盘

  132.                         this.drawAwardRoundel();

  133.                     }else{

  134.                         this.$common.errorToShow(res.msg, () => {

  135.                             uni.navigateBack({

  136.                                 delta: 1

  137.                             });

  138.                         });

  139.                     }

  140.                 });

  141.             },

  142.             //画抽奖圆盘  

  143.             drawAwardRoundel: function() {

  144.                 // 拿到奖品列表

  145.                 var awards = this.awardsConfig.prize;

  146.                 var awardsList = [];

  147.                 // 每份奖品所占角度

  148.                 var turnNum = 1 / awards.length * 360; // 文字旋转 turn 值  

  149.                 // 奖项列表  

  150.                 for (var i = 0; i < awards.length; i++) {

  151.                     awardsList.push({

  152.                         turn: i * turnNum + 'deg', //每个奖品块旋转的角度

  153.                         lineTurn: i * turnNum + turnNum / 2 + 'deg', //奖品分割线的旋转角度

  154.                         award: awards[i].title, //奖品的名字,

  155.                         type: awards[i].type,

  156.                         id: awards[i].id,

  157.                     });

  158.                 }

  159.                 if(this.chishu < 1 && this.jifen < this.awardsConfig.integral_exchange) {

  160.                     this.btnDisabled = 'disabled';

  161.                 }else{

  162.                     if(!this.awardsConfig.user.lottery){

  163.                         this.btnDisabled = 'disabled';

  164.                     }else{

  165.                         this.btnDisabled = '';

  166.                     }

  167.                 }

  168.                 

  169.                 this.awardsList = awardsList;

  170.             },

  171.             //发起抽奖  

  172.             playReward: function() {

  173.                 if(this.chishu < 1) {

  174.                     if(this.jifen < this.awardsConfig.integral_exchange) {

  175.                         this.$common.errorToShow('抽奖次数已经用完');

  176.                         return false;

  177.                     } else if (this.jifen >= this.awardsConfig.integral_exchange) {

  178.                         this.$common.modelShow('提示', '本次抽奖将消耗'+this.awardsConfig.integral_exchange+'积分，确认吗？', res => {

  179.                             this.lottery();

  180.                         });

  181.                     }

  182.                 }else{

  183.                     this.lottery();

  184.                 }

  185.             },

  186.             lottery: function () {

  187.                 // 抽奖

  188.                 this.$api.lottery(res => {

  189.                     if(res.status) {

  190.                         let awardIndex = 0;

  191.                         let awardInfo = res.data.result;

  192.                         

  193.                         //获取抽奖结果

  194.                         this.awardsList.forEach(function(element, index) {

  195.                             if (element.id == awardInfo.id) {

  196.                                 awardIndex = index;

  197.                             }

  198.                         })

  199.                         

  200.                         //中奖index  

  201.                         let awardsNum = this.awardsConfig.prize;

  202.                         let runNum = 4; //旋转8周

  203.                         let duration = 3686; //时长

  204.                                         

  205.                         // 旋转角度  

  206.                         this.runDeg = this.runDeg || 0;

  207.                         let preDeg = this.runDeg;

  208.                         this.runDeg = this.runDeg + (360 - this.runDeg % 360) + (360 * runNum - awardIndex * (360 / awardsNum.length)) + 1;

  209.                         

  210.                         //创建动画  

  211.                         if(process.env.VUE_APP_PLATFORM == 'h5'){

  212.                             // document.styleSheets[0]

  213.                             document.getElementById('zhuanpano').style='animation:rotate_before 4s 0ms ease forwards;'

  214.                             if(document.styleSheets[0].cssRules.length>0){

  215.                                 Array.from(document.styleSheets[0].cssRules).forEach(function(element,index){

  216.                                     if(element.name == 'rotate_before'){

  217.                                         // 删除上次插入的动画

  218.                                         document.styleSheets[0].deleteRule(index)

  219.                                     }

  220.                                 })

  221.                             }

  222.                             

  223.                             // console.log(document.styleSheets[0].cssRules)

  224.                             // console.log("@keyframes rotate_before{from{ transform: rotate("+preDeg+"deg); }to{ transform: rotate("+this.runDeg+"deg);}}")

  225.                             // 插入定义的动画

  226.                             document.styleSheets[0].insertRule("@keyframes rotate_before{from{ transform: rotate("+preDeg+"deg); }to{ transform: rotate("+this.runDeg+"deg);}}",8);

  227.                         }else{

  228.                             var animationRun = uni.createAnimation({

  229.                                 duration: duration,

  230.                                 timingFunction: 'ease'

  231.                             })

  232.                             animationRun.rotate(this.runDeg).step();

  233.                             this.animationData = animationRun.export();

  234.                         }

  235.                         //                     // #ifndef H5

  236.                         //                     console.log(document.styleSheets)

  237.                         //                     document.getElementById('zhuanpano')

  238.                         //                     // #endif

  239.                         this.btnDisabled = 'disabled';

  240.                         

  241.                         // 中奖提示  

  242.                         var awardsConfig = this.awardsConfig;

  243.                         var awardType = awardsConfig.prize[awardIndex].type;

  244.                         this.jifen = this.chishu <= 0 ? (this.jifen - awardsConfig.integral_exchange >= 0 ? this.jifen - awardsConfig.integral_exchange : 0) : this.jifen;

  245.                         this.chishu = this.chishu > 1 ? this.chishu - 1 : 0;

  246.                         if (awardType != 0) {

  247.                             let msg = this.getPrizeMsg(awardsConfig.prize[awardIndex].type, awardsConfig.prize[awardIndex].val);

  248.                             setTimeout(function() {

  249.                                 this.$common.modelShow('恭喜', '获得' + (awardsConfig.prize[awardIndex].title) + '，' + msg, res => {

  250.                                     setTimeout(function(){

  251.                                         document.getElementById('zhuanpano').style=''

  252.                                     },1000)

  253.                                 }, false);

  254.                                 if(!res.data.is_lottery.lottery){

  255.                                     this.btnDisabled = 'disabled';

  256.                                 }else{

  257.                                     this.btnDisabled = '';

  258.                                 }

  259.                             }.bind(this), duration);

  260.                         } else {

  261.                             setTimeout(function() {

  262.                                 this.$common.modelShow('很遗憾', '没中奖，再接再厉！', res => {

  263.                                     setTimeout(function(){

  264.                                         document.getElementById('zhuanpano').style=''

  265.                                     },1000)

  266.                                 }, false);

  267.                                 if(!res.data.is_lottery.lottery){

  268.                                     this.btnDisabled = 'disabled';

  269.                                 }else{

  270.                                     this.btnDisabled = '';

  271.                                 }

  272.                             }.bind(this), duration);

  273.                         }

  274.                     } else {

  275.                         this.$common.modelShow('提示', res.msg);

  276.                     }

  277.                 });

  278.             },

  279.             //获取显示的奖品信息

  280.             getPrizeMsg: function(type, val){

  281.                 let msg = '';

  282.                 switch(type){

  283.                     case 1: //积分

  284.                         msg = '积分：' + val + '个';

  285.                         break;

  286.                     case 2: //优惠券

  287.                         msg = '优惠券：“' + val + '” 一张';

  288.                         break;

  289.                     case 3: //余额

  290.                         msg = '余额：' + val + '元';

  291.                         break;

  292.                     case 4: //商品

  293.                         msg = '商品：“' + val + '”';

  294.                         break;

  295.                     default: //默认

  296.                         break;

  297.                 }

  298.                 return msg;

  299.             }

  300.         }

  301.     }

  302. </script>

  303. <style scoped>

  304.     .conbox {

  305.         width: 750upx;

  306.         height: 100vh;

  307.         overflow-x: hidden;

  308.         overflow-y: scroll;

  309.     }

  310. 

  311.     .container,

  312.     image.cont {

  313.         width: 750upx;

  314.         min-height: 100vh;

  315.         height: auto;

  316.         position: relative;

  317.     }

  318. 

  319.     image.cont {

  320.         height: 100%;

  321.         position: absolute;

  322.         z-index: 0;

  323.     }

  324. 

  325.     image.caidai {

  326.         position: absolute;

  327.         top: 0;

  328.         left: 0;

  329.         width: 750upx;

  330.         height: 1024upx;

  331.     }

  332. 

  333.     .header {

  334.         display: flex;

  335.         flex-direction: column;

  336.         align-items: center;

  337.         justify-content: center;

  338.         /* height: 246upx; */

  339.         padding-top: 48upx;

  340.         padding-bottom: 40upx;

  341.         box-sizing: border-box;

  342.         position: relative;

  343.         z-index: 3;

  344.     }

  345. 

  346.     .header-title {

  347.         width: 100%;

  348.         height: 60upx;

  349.         display: flex;

  350.         align-items: center;

  351.         padding: 0 48upx;

  352.         box-sizing: border-box;

  353.         justify-content: space-between;

  354.     }

  355. 

  356.     .header-title>view {

  357.         padding: 8upx 16upx;

  358.         border: 1px solid #d89720;

  359.         color: #d89720;

  360.         font-size: 28upx;

  361.         border-radius: 26upx;

  362.     }

  363. 

  364.     /* 转盘 */

  365.     .canvas-container {

  366.         margin: 0 auto;

  367.         position: relative;

  368.         width: 600upx;

  369.         height: 600upx;

  370.         background: url(../../static/img/circle.png) no-repeat;

  371.         background-size: cover;

  372.         border-radius: 50%;

  373.     }

  374. 

  375.     .canvas {

  376.         width: 100%;

  377.         height: 100%;

  378.         display: block !important;

  379.         border-radius: 50%;

  380.     }

  381. 

  382.     .canvas-content {

  383.         position: absolute;

  384.         left: 0;

  385.         top: 0;

  386.         z-index: 1;

  387.         display: block;

  388.         width: 600upx;

  389.         height: 600upx;

  390.         border-radius: inherit;

  391.         /* background-clip: padding-box; */

  392.         /* background-color: #ffcb3f; */

  393.     }

  394. 

  395.     .canvas-element {

  396.         position: relative;

  397.         z-index: 1;

  398.         width: inherit;

  399.         height: inherit;

  400.         border-radius: 50%;

  401.     }

  402. 

  403.     .canvas-list {

  404.         position: absolute;

  405.         left: 0;

  406.         top: 0;

  407.         width: inherit;

  408.         height: inherit;

  409.         z-index: 9999;

  410.     }

  411. 

  412.     .canvas-item {

  413.         position: absolute;

  414.         left: 0;

  415.         top: 0;

  416.         width: 100%;

  417.         height: 100%;

  418.         color: #e4370e;

  419.         /* text-shadow: 0 1upx 1upx rgba(255, 255, 255, 0.6); */

  420.     }

  421. 

  422.     .canvas-item-text {

  423.         position: relative;

  424.         display: block;

  425.         padding-top: 46upx;

  426.         margin: 0 auto;

  427.         text-align: center;

  428.         -webkit-transform-origin: 50% 300upx;

  429.         transform-origin: 50% 300upx;

  430.         display: flex;

  431.         flex-direction: column;

  432.         align-items: center;

  433.         color: #FB778B;

  434.     }

  435. 

  436.     .canvas-item-text text {

  437.         font-size: 30upx;

  438.     }

  439. 

  440.     .canvas-item-text-img {

  441.         width: 50upx;

  442.         height: 50upx;

  443.         padding-top: 30upx;

  444.     }

  445. 

  446.     /* 分隔线 */

  447.     .canvas-line {

  448.         position: absolute;

  449.         left: 0;

  450.         top: 0;

  451.         width: inherit;

  452.         height: inherit;

  453.         z-index: 99;

  454.     }

  455. 

  456.     .canvas-litem {

  457.         position: absolute;

  458.         left: 300upx;

  459.         top: 0;

  460.         width: 3upx;

  461.         height: 300upx;

  462.         background-color: rgba(228, 55, 14, 0.4);

  463.         overflow: hidden;

  464.         -webkit-transform-origin: 50% 300upx;

  465.         transform-origin: 50% 300upx;

  466.     }

  467. 

  468.     /**  

  469. * 抽奖按钮  

  470. */

  471.     .canvas-btn {

  472.         position: absolute;

  473.         left: 260upx;

  474.         top: 260upx;

  475.         z-index: 400;

  476.         width: 80upx;

  477.         height: 80upx;

  478.         border-radius: 50%;

  479.         color: #f4e9cc;

  480.         background-color: #e44025;

  481.         line-height: 80upx;

  482.         text-align: center;

  483.         font-size: 26upx;

  484.         text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);

  485.         box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);

  486.         text-decoration: none;

  487.     }

  488. 

  489.     .canvas-btn::after {

  490.         position: absolute;

  491.         display: block;

  492.         content: ' ';

  493.         left: 12upx;

  494.         top: -44upx;

  495.         width: 0;

  496.         height: 0;

  497.         overflow: hidden;

  498.         border-width: 30upx;

  499.         border-style: solid;

  500.         border-color: transparent;

  501.         border-bottom-color: #e44025;

  502.     }

  503. 

  504.     .canvas-btn.disabled {

  505.         pointer-events: none;

  506.         background: #b07a7b;

  507.         color: #ccc;

  508.     }

  509. 

  510.     .canvas-btn.disabled::after {

  511.         border-bottom-color: #b07a7b;

  512.     }

  513. 

  514.     .canvas-btn-table {

  515.         color: #A83FDB;

  516.         width: 120upx;

  517.         text-align: center;

  518.         position: absolute;

  519.         left: 240upx;

  520.         top: 360upx;

  521.         font-size: 26upx;

  522.         background-color: #FFFFFF;

  523.         opacity: 0.9;

  524.     }

  525. 

  526.     .typecheckbox {

  527.         width: 100%;

  528.         position: relative;

  529.         z-index: 3;

  530.         display: flex;

  531.         justify-content: space-between;

  532.         padding: 20upx;

  533.         box-sizing: border-box;

  534.         color: #fff;

  535.         font-size: 28upx;

  536.         top: -120upx;

  537.         flex-direction: column;

  538.         height: 180upx;

  539.         align-items: flex-end;

  540.         /* padding-top: 46upx; */

  541.     }

  542.     

  543.     .typecheckbox2{

  544.         width: 100%;

  545.         position: relative;

  546.         z-index: 3;

  547.         display: flex;

  548.         justify-content: space-between;

  549.         padding: 20upx;

  550.         box-sizing: border-box;

  551.         color: #fff;

  552.         font-size: 28upx;

  553.         top: -120upx;

  554.         flex-direction: column;

  555.         height: 120upx;

  556.         align-items: flex-end;

  557.         /* padding-top: 46upx; */

  558.     }

  559. 

  560.     .typecheckbox view {

  561.         border: 1px solid #FF3637;

  562.         background: transparent;

  563.         color: #FF3637;

  564.         display: flex;

  565.         height: 60upx;

  566.         width: 140upx;

  567.         border-radius: 50upx;

  568.         align-items: center;

  569.         justify-content: center;

  570.         display: flex;

  571.         margin-left: 20upx;

  572.     }

  573. 

  574.     .typecheckbox view.active {

  575.         background: #FF3637;

  576.         color: #fff;

  577.     }

  578. 

  579.     .guize {

  580.         width: 502upx;

  581.         min-height: 300upx;

  582.         display: flex;

  583.         flex-direction: column;

  584.         position: relative;

  585.         z-index: 3;

  586.         background-image: linear-gradient(-180deg, #F48549 0%, #F2642E 100%);

  587.         border: 18upx solid #E4431A;

  588.         border-radius: 16px;

  589.         margin: 0 auto;

  590.         margin-top: -104upx;

  591.         padding: 48upx;

  592.         /* box-sizing: border-box; */

  593.         color: #fff;

  594.     }

  595. 

  596.     .guize .title {

  597.         text-align: center;

  598.         margin-bottom: 28upx;

  599.     }

  600. 

  601.     .guize .g_item {

  602.         font-family: PingFang-SC-Medium;

  603.         font-size: 24upx;

  604.         color: #FFFFFF;

  605.         letter-spacing: 0.5px;

  606.         text-align: justify;

  607.         line-height: 20px;

  608.     }

  609. 

  610.     .shadowbox {

  611.         width: 750upx;

  612.         height: 100vh;

  613.         position: fixed;

  614.         top: 0;

  615.         left: 0;

  616.         z-index: 999;

  617.         background: rgba(0, 0, 0, .6);

  618.         display: flex;

  619.         justify-content: center;

  620.         align-items: center;

  621. 

  622.     }

  623. 

  624.     .myrewards {

  625.         width: 600upx;

  626.         min-height: 80upx;

  627.         background: #FFEEDF;

  628.         border: 10upx solid #F2692F;

  629.         color: #333;

  630.         font-size: 24upx;

  631.         font-family: PingFang-SC-Medium;

  632.         border-radius: 40upx;

  633.         padding:0 24upx 20upx;

  634.     }

  635. 

  636.     .myrewards .title {

  637.         font-family: PingFang-SC-Bold;

  638.         font-size: 16px;

  639.         color: #E4431A;

  640.         letter-spacing: 0.57px;

  641.         display: flex;

  642.         padding-top: 36upx;

  643.         justify-content: center;

  644.     }

  645. 

  646.     .myrewards .itembox {

  647. 

  648.         max-height: 320upx;

  649.         overflow-y: auto;

  650.     }

  651. 

  652.     .myrewards .item {

  653.         width: 100%;

  654.         padding: 12upx 0;

  655.         box-sizing: border-box;

  656.         border-bottom: 1upx dashed #CCCCCC;

  657. 

  658.     }

  659.     .myrewards .item .t{

  660.         display: flex;

  661.         justify-content: space-between;

  662.         align-items: center;

  663.         margin-bottom:10upx;

  664.     }

  665.     .myrewards .item .b{

  666.         font-size: 12px;

  667.         color:#999999;

  668.         text-align: left;

  669.     }

  670. </style>

  671.

article

index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="article">

  4.             <view class="article-title" v-if="shopLogo && shopName">

  5.                 <img :src="shopLogo" alt="" class='shop-logo'>

  6.                 <text class='shop-name'>{{ shopName }}</text>

  7.                 <text class="fsz24 color-9 article-time">{{ info.ctime }}</text>

  8.             </view>

  9.             <!-- <view class="article-time">

  10.             </view> -->

  11.             <view class="article-content">

  12.                 <jshopContent :content="info.content" v-if="info.content"></jshopContent>

  13.             </view>

  14.         </view>

  15.     </view>

  16. </template>

  17. 

  18. <script>

  19.     import jshopContent from '@/components/jshop/jshop-content.vue'

  20.     export default {

  21.         components: {

  22.             jshopContent

  23.         },

  24.         data() {

  25.             return {

  26.                 myShareCode: '', //分享Code

  27.                 idType: 1, //1文章 2公告 3微信图文消息

  28.                 id: 0,

  29.                 info: {}

  30.             }

  31.         },

  32.         onLoad(e) {

  33.             this.idType = e.id_type;

  34.             this.id = e.id;

  35. 

  36.             if (!this.idType && !this.id) {

  37.                 this.$common.errorToShow('请求出错', res => {

  38.                     uni.switchTab({

  39.                         url: '/pages/index/index'

  40.                     });

  41.                 });

  42.             } else if (this.idType == 1) {

  43.                 this.articleDetail();

  44.             } else if (this.idType == 2) {

  45.                 uni.setNavigationBarTitle({

  46.                     title: '公告详情'

  47.                 });

  48.                 this.noticeDetail();

  49.             } else if (this.idType == 3) {

  50.                 uni.setNavigationBarTitle({

  51.                     title: '图文消息'

  52.                 });

  53. 

  54.                 this.messageDetail();

  55.             }

  56. 

  57.             this.getMyShareCode();

  58.         },

  59.         computed: {

  60.             shopName() {

  61.                 return this.$store.state.config.shop_name

  62.             },

  63.             shopLogo() {

  64.                 return this.$store.state.config.shop_logo

  65.             }

  66.         },

  67.         methods: {

  68.             articleDetail() {

  69.                 let data = {

  70.                     article_id: this.id

  71.                 }

  72.                 this.$api.articleInfo(data, res => {

  73.                     if (res.status) {

  74.                         this.info = res.data

  75.                         uni.setNavigationBarTitle({

  76.                             title: this.info.title

  77.                         });

  78.                     } else {

  79.                         this.$common.errorToShow(res.msg, res => {

  80.                             uni.navigateBack({

  81.                                 delta: 1

  82.                             });

  83.                         });

  84.                     }

  85.                 })

  86.             },

  87.             noticeDetail() {

  88.                 let data = {

  89.                     id: this.id

  90.                 }

  91.                 this.$api.noticeInfo(data, res => {

  92.                     if (res.status) {

  93.                         this.info = res.data

  94.                         uni.setNavigationBarTitle({

  95.                             title: this.info.title

  96.                         });

  97.                     } else {

  98.                         this.$common.errorToShow(res.msg)

  99.                     }

  100.                 })

  101.             },

  102.             //微信图文消息

  103.             messageDetail() {

  104.                 let data = {

  105.                     id: this.id

  106.                 }

  107.                 this.$api.messageDetail(data, res => {

  108.                     if (res.status) {

  109.                         this.info  = res.data

  110.                         uni.setNavigationBarTitle({

  111.                             title: this.info.title

  112.                         });

  113.                     } else {

  114.                         this.$common.errorToShow(res.msg)

  115.                     }

  116.                 })

  117.             },

  118.             getMyShareCode() {

  119.                 let userToken = this.$db.get("userToken");

  120.                 if (userToken && userToken != '') {

  121.                     // 获取我的分享码

  122.                     this.$api.shareCode({}, res => {

  123.                         if (res.status) {

  124.                             this.myShareCode = res.data ? res.data : '';

  125.                         }

  126.                     });

  127.                 }

  128.             }

  129.         },

  130.         //分享

  131.         onShareAppMessage() {

  132.             let myInviteCode = this.myShareCode ? this.myShareCode : '';

  133.             let ins = this.$common.shareParameterDecode('type=4&id=' + this.id + '&id_type=' + this.idType + '&invite=' +

  134.                 myInviteCode);

  135.             let path = '/pages/share/jump?scene=' + ins;

  136.             return {

  137.                 title: this.info.title,

  138.                 // #ifdef MP-ALIPAY

  139.                 //desc: this.goodsInfo.brief,

  140.                 // #endif

  141.                 //imageUrl: this.goodsInfo.album[0],

  142.                 path: path

  143.             }

  144.         }

  145.     }

  146. </script>

  147. 

  148. <style>

  149.     .content {

  150.         /*  #ifdef  H5  */

  151.         height: calc(100vh - 90upx);

  152.         /*  #endif  */

  153.         /*  #ifndef  H5  */

  154.         height: 100vh;

  155.         /*  #endif  */

  156.         background-color: #fff;

  157.     }

  158. 

  159.     .article {

  160.         padding: 20upx;

  161.     }

  162. 

  163.     .article-title {

  164.         font-size: 32upx;

  165.         color: #333;

  166.         margin-bottom: 20upx;

  167.         /* text-align: center; */

  168.         position: relative;

  169.         height: 100upx;

  170.     }

  171. 

  172.     .article-time {

  173.         /* text-align: right; */

  174.         margin-left: 20upx;

  175.     }

  176. 

  177.     .article-content {

  178.         font-size: 28upx !important;

  179.         color: #666;

  180.         line-height: 1.6;

  181.         margin-top: 20upx;

  182.     }

  183. 

  184.     .article-content p img {

  185.         width: 100% !important;

  186.     }

  187. 

  188.     .shop-logo {

  189.         width: 60upx;

  190.         height: 60upx;

  191.         border-radius: 50%;

  192.         position: absolute;

  193.         top: 50%;

  194.         transform: translateY(-50%);

  195.     }

  196. 

  197.     .shop-name {

  198.         line-height: 100upx;

  199.         margin-left: 80upx;

  200.     }

  201. </style>

  202.
list.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class='cell-group margin-cell-group'>

  4.             <view class='cell-item'

  5.             v-for="item in list"

  6.             :key="item.id"

  7.             @click="articleDetail(item.id)"

  8.             >

  9.                 <view class="cell-title-img">

  10.                     <image :src="item.cover" mode="aspectFill"></image>

  11.                 </view>

  12.                 <view class="cell-item-bd">

  13.                     <view class="article-title ">

  14.                         {{ item.title }}

  15.                     </view>

  16.                     <view class="article-time">

  17.                         {{ item.ctime }}

  18.                     </view>

  19.                 </view>

  20.             </view>

  21.         </view>

  22.         <uni-load-more

  23.         :status="loadStatus"

  24.         ></uni-load-more>

  25.     </view>

  26. </template>

  27. 

  28. <script>

  29. import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue'

  30. export default {

  31.     components: { uniLoadMore },

  32.     data () {

  33.         return {

  34.             cid: 0, // 文章分类id

  35.             page: 1,

  36.             limit: 10,

  37.             list: [],

  38.             loadStatus: 'more'

  39.         }

  40.     },

  41.     onLoad (options) {

  42.         this.cid = options.cid

  43.         if (!this.cid) {

  44.             this.$common.errorToShow('未指定文章分类', () => {

  45.                 uni.navigateBack({

  46.                     delta: 1

  47.                 })

  48.             })

  49.         } else {

  50.             this.articleList()

  51.         }

  52.     },

  53.     onReachBottom () {

  54.         if (this.loadStatus === 'more') {

  55.             this.articleList()

  56.         }

  57.     },

  58.     methods: {

  59.         articleList () {

  60.             let data = {

  61.                 page: this.page,

  62.                 limit: this.limit,

  63.                 type_id:this.cid

  64.             }

  65.             

  66.             this.loadStatus = 'loading'

  67.             

  68.             this.$api.articleList(data, res => {

  69.                 if (res.status) {

  70.                     const _list = res.data.list

  71.                     

  72.                     this.list = [...this.list, ..._list]

  73.                     

  74.                     if (res.data.count > this.list.length) {

  75.                         this.loadStatus = 'more'

  76.                         this.page ++

  77.                     } else {

  78.                         // 数据已加载完毕

  79.                         this.loadStatus = 'noMore'

  80.                     }

  81.                 } else {

  82.                     // 接口请求出错了

  83.                     this.$common.errorToShow(res.msg)

  84.                 }

  85.             })

  86.         },

  87.         // 查看文章详情

  88.         articleDetail (articleId) {

  89.             this.$common.navigateTo('/pages/article/index?id=' + articleId +'&id_type=1')

  90.         }

  91.     }

  92. }    

  93. </script>

  94. 

  95. <style>

  96. .cell-title-img{

  97.     width: 160upx;

  98.     height: 160upx;

  99. }

  100. .cell-title-img image{

  101.     width: 100%;

  102.     height: 100%;

  103. }

  104. .cell-item-bd{

  105.     padding-right: 0;

  106.     vertical-align: top;

  107.     position: relative;

  108. }

  109. .article-title{

  110.     font-size: 28upx;

  111.     color: #333;

  112.     width: 100%;

  113.     min-height: 80upx;

  114.     display: -webkit-box;

  115.     -webkit-box-orient: vertical;

  116.     -webkit-line-clamp: 2;

  117.     overflow: hidden;

  118. }

  119. .article-time{

  120.     font-size: 24upx;

  121.     color: #999;

  122.     display: inline-block;

  123.     min-width: 220upx;

  124.     min-height: 32upx;

  125.     position: absolute;

  126.     bottom: 0;

  127. }

  128. 

  129. </style>

  130.

author.vue

复制代码
  1. <template>

  2.   <view class="content">

  3.     <view class="content-c">

  4.       <image class="load-img" src="/static/image/loading.gif" mode=""></image>

  5.       <view class="load-text color-9">信息加载中.....</view>

  6.     </view>

  7.   </view>

  8. </template>

  9. 

  10. <script>

  11. export default {

  12.   data() {

  13.     return {

  14.       code: '',

  15.       type: '',

  16.       state: ''

  17.     }

  18.   },

  19.   onLoad(options) {

  20.     // 获取url上的参数

  21.     this.code = this.getUrlParam('code')

  22.     this.state = this.getUrlParam('state')

  23.     this.type = options.type

  24.     var _this = this

  25.     setTimeout(function() {

  26.       _this.userTrustLogin()

  27.     }, 100)

  28.   },

  29.   methods: {

  30.     // 获取url地址参数

  31.     getUrlParam(paraName) {

  32.       let url = window.location.toString()

  33.       let arrObj = url.split('?')

  34.       if (arrObj.length > 1) {

  35.         let arrPara = arrObj[1].split('&')

  36.         let arr

  37.         for (let i = 0; i < arrPara.length; i++) {

  38.           arr = arrPara[i].split('=')

  39.           if (arr != null && arr[0] == paraName) {

  40.             if (arr[1].indexOf('#')) {

  41.               let str

  42.               str = arr[1].split('#')

  43.               return str[0]

  44.             }

  45.             return arr[1]

  46.           }

  47.         }

  48.         return ''

  49.       } else {

  50.         return ''

  51.       }

  52.     },

  53.     // 第三方登录

  54.     userTrustLogin() {

  55.       let data = {

  56.         scope: 1,

  57.         code: this.code,

  58.         state: this.state,

  59.         invitecode: this.$db.get('invitecode') || ''

  60.       }

  61.       this.$api.getOpenId(data, res => {

  62.         if (res.status) {

  63.           if (res.data.token) {

  64.             this.$db.set('userToken', res.data.token)

  65.             this.redirectHandler()

  66.           } else if (res.data.user_wx_id) {

  67.             uni.redirectTo({

  68.               url: '/pages/login/login/index?user_wx_id=' + res.data.user_wx_id

  69.             })

  70.           }

  71.         } else {

  72.           this.$common.errorToShow(res.msg)

  73.         }

  74.       })

  75.     },

  76.     redirectHandler() {

  77.       this.$db.del('invitecode')

  78.       let redirectPage = this.$db.get('redirectPage')

  79.       if (redirectPage) {

  80.         this.$db.del('redirectPage')

  81.         this.$common.redirectTo(redirectPage)

  82.       } else {

  83.         uni.reLaunch({

  84.           url: '/pages/index/index'

  85.         })

  86.       }

  87.     }

  88.   }

  89. }

  90. </script>

  91. 

  92. <style>

  93. .content {

  94.   position: relative;

  95.   height: 80vh;

  96. }

  97. .content-c {

  98.   position: absolute;

  99.   top: 50%;

  100.   left: 50%;

  101.   transform: translate(-50%, -50%);

  102.   text-align: center;

  103. }

  104. .load-img {

  105.   width: 100upx;

  106.   height: 100upx;

  107. }

  108. .load-text {

  109.   font-size: 26upx;

  110. }

  111. </style>

  112.

cart

index
index.vue
复制代码
  1. <template>

  2.     <view class="content" v-if="cartData.list && cartData.list.length > 0">

  3.         <view class="content-top">

  4.             <view class="cell-group margin-cell-group">

  5.                 <view class="cell-item">

  6.                     <view class="cell-item-hd">

  7.                         <image class="cell-hd-icon" src="/static/image/homepage.png" style="width: 32upx;height: 32upx;"></image>

  8.                     </view>

  9.                     <view class="cell-item-bd">

  10.                         <text class="cell-bd-text">{{ shopName }}</text>

  11.                     </view>

  12.                     <view class="cell-item-ft">

  13.                         <text class="cell-bd-text" @click="editBtn" v-if="!editStatus">编辑</text>

  14.                         <text class="cell-bd-text" @click="editNoBtn" v-else>完成</text>

  15.                         <!-- <image class='cell-ft-next icon' src='/static/image/right.png'></image> -->

  16.                     </view>

  17.                 </view>

  18.             </view>

  19.             <view class="img-list cart-list">

  20.                 <checkbox-group class="cart-checkbox" v-for="(item, index) in cartData.list" :key="index" :val="item.id" @change="checkboxChange(item.id)">

  21.                     <view class="">

  22.                         <label class="uni-list-cell uni-list-cell-pd">

  23.                             <view class="cart-checkbox-c">

  24.                                 <checkbox color="#FF7159" :checked="item.is_select" :value="item.id" :disabled="item.stockNo" v-if="item.stockNo" class="checkboxNo" />

  25.                                 <checkbox color="#FF7159" :checked="item.is_select" :value="item.id" v-else/>

  26.                             </view>

  27.                         </label>

  28.                         <view class="img-list-item">

  29.                             <image class="img-list-item-l little-img have-none" :src="item.products.image_path" mode="aspectFill"></image>

  30.                             <view class="img-list-item-r little-right">

  31.                                 <view class="little-right-t">

  32.                                     <view class="goods-name list-goods-name" @click="goodsDetail(item.products.goods_id)">

  33.                                         {{ item.products.name }}

  34.                                     </view>

  35.                                     <view class="goods-price red-price">

  36.                                         ￥{{ item.products.price }}

  37.                                     </view>

  38.                                 </view>

  39.                                 <view class="romotion-tip" v-if="item.products.promotion_list">

  40.                                     <view class="romotion-tip-item" v-for="(v, k) in item.products.promotion_list" :key="k" :class="v.type !== 2 ? 'bg-gray' : ''">

  41.                                         {{v.name}}

  42.                                     </view>

  43.                                 </view>

  44.                                 <view class="goods-item-c">

  45.                                     <view class="goods-buy">

  46.                                         <!-- 商品规格 -->

  47.                                         <view class="goods-salesvolume" v-if="item.products.spes_desc">

  48.                                             {{ item.products.spes_desc }}

  49.                                         </view>

  50.                                         <view class="goods-salesvolume" v-else></view>

  51.                                         <view class="goods-numbox">

  52.                                             <text v-if="item.stockNo && !editStatus" class="stockError">库存不足</text>

  53.                                             <text v-else-if="item.stockTension && !editStatus" class="stockError stockTension">库存紧张</text>

  54.                                             <uni-number-box v-on:change="bindChange($event, item)" :min="1" :max="item.maxStock" :value="item.nums" v-if="!editStatus"></uni-number-box>

  55.                                             <view v-else="" @click="del(index,item.id)" class='click-del'>

  56.                                                 <image class="icon" src="/static/image/delete.png" mode=""></image>

  57.                                             </view>

  58.                                         </view>

  59.                                     </view>

  60.                                 </view>

  61.                             </view>

  62.                         </view>

  63.                     </view>

  64.                 </checkbox-group>

  65.             </view>

  66.         </view>

  67.         <view class="cart-bottom">

  68.             <checkbox-group class="cart-checkbox" @change="checkboxAllButton">

  69.                 <label class="uni-list-cell uni-list-cell-pd">

  70.                     <view class="cart-checkbox-c">

  71.                         <checkbox :checked="checkboxAll" color="#FF7159" /> 全选

  72.                     </view>

  73.                 </label>

  74.                 <view class="cart-bottom-right">

  75.                     <view class="cart-bottom-right-t" v-if="!editStatus">

  76.                         合计：

  77.                         <view class="goods-price red-price">￥{{ cartData.amount }}</view>

  78.                     </view>

  79.                     <button class="btn btn-square btn-b" v-if="!editStatus" @click="settlement" hover-class="btn-hover2">去结算</button>

  80.                     <view v-else>

  81.                         <button class="btn btn-square btn-b" @click="delList">删除</button>

  82.                         <!-- <button class="btn btn-square"  @click="collection">收藏</button> -->

  83.                     </view>

  84.                 </view>

  85.             </checkbox-group>

  86.         </view>

  87.     </view>

  88.     <!-- 购物车为空 -->

  89.     <!-- <view class='cart-none' v-else-if="cartData.list && cartData.list.length < 1 && isLoad == true">

  90.         <image class="cart-none-img" src="/static/image/car.png" mode=""></image>

  91.         <view class='cart-none-t'>购物车快饿瘪了 T.T</view>

  92.         <view class='cart-none-m'>快给我挑点宝贝吧</view>

  93.         <navigator class="cart-none-b" url='../../index/index' hover-class="btn-hover" open-type="switchTab">去逛逛</navigator>

  94.     </view> -->

  95.     <view class='cart-none' v-else>

  96.         <image class="cart-none-img" src="/static/image/car.png" mode=""></image>

  97.         <view class='cart-none-t'>购物车快饿瘪了 T.T</view>

  98.         <view class='cart-none-m'>快给我挑点宝贝吧</view>

  99.         <navigator class="cart-none-b" url='../../index/index' hover-class="btn-hover" open-type="switchTab">去逛逛</navigator>

  100.     </view>

  101. </template>

  102. 

  103. <script>

  104. import uniNumberBox from '@/components/uni-number-box/uni-number-box.vue'

  105. import { goods } from '@/config/mixins.js'

  106. export default {

  107.   mixins: [goods],

  108.   data() {

  109.     return {

  110.       startX: 0, //开始坐标

  111.       startY: 0,

  112.       cartData: {}, //购物车数据

  113.       cartIds: [], //选中ids

  114.       checkboxAll: false, //全选按钮

  115.       total: 0.0, //总价

  116.       goSettlement: false, //去结算按钮

  117.       cartId: '',

  118.       cartNum: '',

  119.       isLoad: false,

  120.       cartNums: 0,

  121.       editStatus: false

  122.     }

  123.   },

  124.   components: { uniNumberBox },

  125.   //页面加载

  126.   onShow: function() {

  127.     let userToken = this.$db.get('userToken')

  128.     if (userToken) {

  129.       this.getCartData(); //获取购物车数据

  130.     }

  131.   },

  132.   computed: {

  133.     // 从vuex中获取店铺名称

  134.     shopName() {

  135.       return this.$store.state.config.shop_name

  136.     },

  137.     goods_stocks_warn() {

  138.       return this.$store.state.config.goods_stocks_warn

  139.     }

  140.   },

  141.   methods: {

  142.     checkboxChange: function(e) {

  143.       let _this = this

  144.       let id = e

  145.       let cartData = _this.cartData

  146.       for (let key in cartData.list) {

  147.         if (cartData.list[key].id == id) {

  148.           if (cartData.list[key].is_select == true) {

  149.             cartData.list[key].is_select = false

  150.           } else {

  151.             cartData.list[key].is_select = true

  152.           }

  153.         }

  154.       }

  155.       _this.cartData = cartData

  156.       _this.setNumsData()

  157.       _this.isAllCheckbox()

  158.     },

  159. 

  160.     //数组转字符串

  161.     arrayToStr: function(array) {

  162.       return array.toString()

  163.     },

  164. 

  165.     //获取购物车数据

  166.     getCartData: function() {

  167.       let _this = this

  168.       let cartIds = _this.arrayToStr(_this.cartIds)

  169.       let data = {

  170.         ids: cartIds,

  171.         display: 'all'

  172.       }

  173.       this.$api.cartList(data, function(res) {

  174.         if (res.status) {

  175.           let data = res.data

  176.           _this.showHandle(data) //数量设置

  177.         }

  178.       })

  179.     },

  180. 

  181.     //渲染前配置数据

  182.     showHandle: function(data, flag = true) {

  183.       let _this = this

  184.       let goSettlement = false

  185.       for (let i in data.list) {

  186.         //不可能购买0件

  187.         if (data.list[i].nums < 1) {

  188.           data.list[i].nums = 1

  189.         }

  190.         //不能买大于库存的数量(库存不足)

  191.         let stockNo = false

  192.         let maxStock = data.list[i].products.stock

  193.         if (data.list[i].nums > data.list[i].products.stock) {

  194.           //data.list[i].nums = data.list[i].products.stock;

  195.           stockNo = true

  196.           maxStock = data.list[i].nums

  197.         }

  198.         data.list[i].maxStock = maxStock

  199.         data.list[i].stockNo = stockNo

  200. 

  201.         //库存紧张

  202.         let stockTension = false

  203.         if (_this.goods_stocks_warn >= data.list[i].products.stock) {

  204.           stockTension = true

  205.         }

  206.         data.list[i].stockTension = stockTension

  207. 

  208.         //设置样式

  209.         data.list[i].minStatus = 'normal'

  210.         data.list[i].maxStatus = 'normal'

  211.         if (data.list[i].nums == 1) {

  212.           data.list[i].minStatus = 'disabled'

  213.         }

  214.         if (data.list[i].nums == data.list[i].products.stock) {

  215.           data.list[i].maxStatus = 'disabled'

  216.         }

  217. 

  218.         //设置规格参数

  219.         data.list[i].spes = []

  220.         if (data.list[i].products.spes_desc != null) {

  221.           let spesArray = data.list[i].products.spes_desc.split(',')

  222.           for (let key in spesArray) {

  223.             let spesOne = spesArray[key].split(':')

  224.             data.list[i].spes.push(spesOne[1])

  225.           }

  226.         }

  227.         //添加左滑效果

  228.         data.list[i].isTouchMove = false

  229.         //是否可以去支付

  230.         if (data.list[i].is_select) {

  231.           goSettlement = true

  232.         }

  233.         //id转换为字符串

  234.         data.list[i].id = _this.arrayToStr(data.list[i].id)

  235. 

  236.         //选中状态

  237.         if (flag) {

  238.           if (data.list[i].is_select) {

  239.             if (_this.cartIds.indexOf(data.list[i].id) < 0) {

  240.               _this.cartIds.push(data.list[i].id)

  241.             }

  242.           }

  243.         }

  244.       }

  245. 

  246.       data.goods_pmt = _this.$common.formatMoney(data.goods_pmt, 2, '')

  247.       data.order_pmt = _this.$common.formatMoney(data.order_pmt, 2, '')

  248.       data.amount = _this.$common.formatMoney(data.amount, 2, '')

  249.       let isLoad = false

  250.       if (data.list.length < 1) {

  251.         isLoad = true

  252.       }

  253.       let n = 0

  254.       for (let i in data.promotion_list) {

  255.         n++

  256.       }

  257. 

  258.       _this.goSettlement = goSettlement

  259.       _this.isLoad = isLoad

  260.       _this.cartNums = n

  261. 

  262.       if (flag) {

  263.         _this.cartData = data

  264.       } else {

  265.         _this.getCartData()

  266.       }

  267. 

  268.       _this.isAllCheckbox()

  269.     },

  270. 

  271.     //是否全选

  272.     isAllCheckbox: function() {

  273.       let _this = this

  274.       let cartData = _this.cartData.list

  275.       let goSettlement = false

  276.       let flag = true

  277.       for (let key in cartData) {

  278.         if (

  279.           cartData[key].is_select == false &&

  280.           cartData[key].stockNo == false

  281.         ) {

  282.           flag = false

  283.         }

  284.         if (cartData[key].is_select == true) {

  285.           goSettlement = true

  286.         }

  287.       }

  288.       if (cartData.length <= 0) {

  289.         flag = false

  290.       }

  291. 

  292.       _this.checkboxAll = flag

  293.       _this.goSettlement = goSettlement

  294.     },

  295. 

  296.     //全选操作

  297.     checkboxAllButton: function(e) {

  298.       if (this.checkboxAll == true) {

  299.         this.checkboxAll = false

  300.         this.setAllCheckbox(false)

  301.       } else {

  302.         this.checkboxAll = true

  303.         this.setAllCheckbox(true)

  304.       }

  305.     },

  306. 

  307.     //全选设置

  308.     setAllCheckbox: function(e) {

  309.       let _this = this

  310.       let cartData = _this.cartData

  311.       if (e) {

  312.         //全选

  313.         for (let key in cartData.list) {

  314.           if (cartData.list[key].stockNo == false) {

  315.             cartData.list[key].is_select = true

  316.           }

  317.         }

  318.       } else {

  319.         //全不选

  320.         for (let key in cartData.list) {

  321.           cartData.list[key].is_select = false

  322.         }

  323.       }

  324. 

  325.       _this.cartData = cartData

  326.       _this.setNumsData()

  327.       _this.isAllCheckbox()

  328.     },

  329. 

  330.     //设置刷新数据

  331.     setNumsData: function() {

  332.       let _this = this

  333.       let cartData = _this.cartData

  334.       let cartIds = []

  335.       for (let key in cartData.list) {

  336.         if (cartData.list[key].is_select) {

  337.           cartIds.push(cartData.list[key].id)

  338.         } else {

  339.           //                     if (cartData.list[key].products.promotion_list) {

  340.           //                         for (let k in cartData.list[key].products.promotion_list) {

  341.           //                             cartData.list[key].products.promotion_list[k].type = 1;

  342.           //                         }

  343.           //                     }

  344.         }

  345.       }

  346.       _this.cartIds = cartIds

  347.       _this.cartData = cartData

  348.       if (cartIds.length == 0) {

  349.         let cartData = _this.cartData

  350.         for (let k in cartData.promotion_list) {

  351.           cartData.promotion_list[k].type = 1

  352.         }

  353.         cartData.goods_pmt = '0.00'

  354.         cartData.order_pmt = '0.00'

  355.         cartData.amount = '0.00'

  356.         _this.cartData = cartData

  357.       } else {

  358.         _this.getCartData()

  359.       }

  360.     },

  361. 

  362.     //购物车数量调整

  363.     bindChange(value, e) {

  364.       let _this = this

  365.       let id = e.id

  366.       let num = value

  367.       let cartData = _this.cartData

  368.       let changeSelected = false

  369.       for (let key in cartData.list) {

  370.         if (cartData.list[key].id == id) {

  371.           if (num <= cartData.list[key].products.stock) {

  372.             cartData.list[key].nums = num

  373.             changeSelected = true

  374.           }

  375.         }

  376.       }

  377.       if (changeSelected) {

  378.         _this.cartData = cartData

  379.         _this.cartId = id

  380.         _this.cartNum = num

  381.         _this.$common.throttle(_this.bindCartNumberOperation, _this, 350)

  382.       } else {

  383.         //_this.$common.errorToShow('数量错误1');

  384.       }

  385.       return false

  386.     },

  387. 

  388.     //数量减一操作

  389.     bindCartNumberOperation: function() {

  390.       let _this = this

  391.       _this.setCartNum(_this.cartId, _this.cartNum)

  392.     },

  393. 

  394.     //设置购物车数量

  395.     setCartNum: function(id, nums) {

  396.       let _this = this

  397.       let data = {

  398.         id: id,

  399.         nums: nums

  400.       }

  401.       _this.$api.setCartNum(data, function(res) {

  402.         if (_this.cartIds.indexOf(id) > -1) {

  403.           //_this.getCartData();

  404.           if (res.status) {

  405.             _this.$nextTick(function() {

  406.               _this.showHandle(res.data, false)

  407.             })

  408.           } else {

  409.             _this.$common.errorToShow(res.msg)

  410.           }

  411.         } else {

  412.           _this.$nextTick(function() {

  413.             _this.showHandle(res.data, false)

  414.           })

  415.         }

  416.       })

  417.     },

  418. 

  419.     //删除事件

  420.     del: function(index, id) {

  421.       let _this = this

  422.       let cartid = id //cart_id

  423.       //移除渲染

  424.       _this.cartData.list.splice(index, 1)

  425.       _this.cartData = _this.cartData

  426.       _this.isLoad = true

  427. 

  428.       //移除数据库

  429.       let data = {

  430.         ids: cartid

  431.       }

  432.       _this.$api.removeCart(data, function(res) {

  433.         if (res.status) {

  434.           _this.$common.successToShow(res.msg)

  435.         }

  436.         _this.setNumsData()

  437.         _this.isAllCheckbox()

  438.       })

  439.     },

  440. 

  441.     //收藏

  442.     collection: function(e) {

  443.       let _this = this

  444.       app.db.userToken(function(token) {

  445.         let data = {

  446.           goods_id: e.currentTarget.dataset.goodsid

  447.         }

  448.         app.api.goodsCollection(data, function(res) {

  449.           for (let k in _this.cartData.list) {

  450.             if (

  451.               _this.cartData.list[k].products.goods_id ==

  452.               e.currentTarget.dataset.goodsid

  453.             ) {

  454.               if (res.msg == '收藏成功') {

  455.                 _this.cartData.list[k].isCollection = true

  456.               } else {

  457.                 _this.cartData.list[k].isCollection = false

  458.               }

  459.             }

  460.           }

  461.           wx.showToast({

  462.             title: res.msg,

  463.             complete: function () {

  464.                 setTimeout(function() {

  465.                     uni.hideToast();

  466.                 },1000);

  467.             }

  468.           })

  469.         })

  470.       })

  471.     },

  472. 

  473.     //去结算

  474.     settlement: function(e) {

  475.       let _this = this

  476.       if (_this.goSettlement) {

  477.         let cartData = _this.cartData.list

  478.         let newData = ''

  479.         for (let key in cartData) {

  480.           if (cartData[key].is_select == true) {

  481.             newData += ',' + cartData[key].id

  482.           }

  483.         }

  484.         if (newData.substr(0, 1) == ',') {

  485.           newData = newData.substr(1)

  486.         }

  487.         if (newData.length > 0) {

  488.           _this.$common.navigateTo(

  489.             '/pages/goods/place-order/index?cart_ids=' + JSON.stringify(newData)

  490.           )

  491.           return true

  492.         } else {

  493.           //没有选择不跳转

  494.         }

  495.       }

  496.     },

  497. 

  498.     //手指触摸动作开始 记录起点X坐标

  499.     touchstart: function(e) {

  500.       //开始触摸时 重置所有删除

  501.       let _this = this

  502.       _this.cartData.list.forEach(function(v, i) {

  503.         if (v.isTouchMove)

  504.           //只操作为true的

  505.           v.isTouchMove = false

  506.       })

  507.       _this.setData({

  508.         startX: e.changedTouches[0].clientX,

  509.         startY: e.changedTouches[0].clientY,

  510.         cartData: _this.cartData

  511.       })

  512.     },

  513. 

  514.     //滑动事件处理

  515.     touchmove: function(e) {

  516.       let _this = this

  517.       let index = e.currentTarget.dataset.index //当前索引

  518.       let startX = _this.startX //开始X坐标

  519.       let startY = _this.startY //开始Y坐标

  520.       let touchMoveX = e.changedTouches[0].clientX //滑动变化坐标

  521.       let touchMoveY = e.changedTouches[0].clientY //滑动变化坐标

  522.       let angle = _this.angle(

  523.         { X: startX, Y: startY },

  524.         { X: touchMoveX, Y: touchMoveY }

  525.       ) //获取滑动角度

  526.       _this.cartData.list.forEach(function(v, i) {

  527.         v.isTouchMove = false

  528.         //滑动超过30度角 return

  529.         if (Math.abs(angle) > 30) return

  530.         if (i == index) {

  531.           if (touchMoveX > startX)

  532.             //右滑

  533.             v.isTouchMove = false

  534.           else

  535.             //左滑

  536.             v.isTouchMove = true

  537.         }

  538.       })

  539.       //更新数据

  540.       _this.setData({

  541.         cartData: _this.cartData

  542.       })

  543.     },

  544. 

  545.     //计算滑动角度

  546.     angle: function(start, end) {

  547.       let _X = end.X - start.X,

  548.         _Y = end.Y - start.Y

  549.       //返回角度 /Math.atan()返回数字的反正切值

  550.       return 360 * Math.atan(_Y / _X) / (2 * Math.PI)

  551.     },

  552.     //点击编辑

  553.     editBtn: function() {

  554.       this.editStatus = true

  555.     },

  556.     //点击完成

  557.     editNoBtn: function() {

  558.       let _this = this

  559.       this.editStatus = false

  560.       let is_select = false

  561.       for (let i in _this.cartData.list) {

  562.         if (_this.cartData.list[i].is_select) {

  563.           is_select = true

  564.           break

  565.         }

  566.       }

  567.       if (is_select) {

  568.         _this.getCartData()

  569.       }

  570.     },

  571. 

  572.     delList: function() {

  573.       let _this = this

  574.       let ids = []

  575.       for (let k in _this.cartData.list) {

  576.         if (_this.cartData.list[k].is_select) {

  577.           ids += _this.cartData.list[k].id + ','

  578.         }

  579.       }

  580.       let data = {

  581.         ids: ids

  582.       }

  583.       _this.$api.removeCart(data, function(res) {

  584.         if (res.status) {

  585.           _this.$common.successToShow(res.msg)

  586.         }

  587.         _this.setNumsData()

  588.         _this.isAllCheckbox()

  589.       })

  590.     }

  591.   }

  592. }

  593. </script>

  594. <style>

  595. .cell-item-hd {

  596.   max-width: 40upx;

  597.   min-width: 40upx;

  598. }

  599. .margin-cell-group {

  600.   margin: 0 0 2upx 0;

  601. }

  602. .little-right .goods-salesvolume {

  603.   float: none;

  604. }

  605. .cart-bottom {

  606.   /*  #ifdef  H5  */

  607.   bottom: 50px;

  608.   /*  #endif  */

  609.   /*  #ifndef  H5  */

  610.   bottom: 0;

  611.   /*  #endif  */

  612.   z-index: 99;

  613.   height: 90upx;

  614.   width: 100%;

  615.   background-color: #fff;

  616.   position: fixed;

  617. 

  618.   overflow: hidden;

  619.   box-shadow: 0 0 20upx #ccc;

  620. }

  621. .cart-bottom-right {

  622.   height: 90upx;

  623.   float: right;

  624.   overflow: hidden;

  625. }

  626. .cart-bottom-right-t {

  627.   display: inline-block;

  628.   height: 100%;

  629.   line-height: 90upx;

  630.   margin-right: 20upx;

  631.   font-size: 28upx;

  632.   color: #666;

  633. }

  634. .cart-bottom-right-t .red-price {

  635.   float: none;

  636. }

  637. .btn-square {

  638.   float: right;

  639. }

  640. .cart-bottom .cart-checkbox-c {

  641.   color: #333;

  642.   font-size: 30upx;

  643. }

  644. .cart-none {

  645.   text-align: center;

  646.   padding: 200upx 0;

  647. }

  648. .cart-none-img {

  649.   width: 252upx;

  650.   height: 228upx;

  651.   margin-bottom: 40upx;

  652. }

  653. .cart-none-t {

  654.   color: #666;

  655.   font-size: 28upx;

  656. }

  657. .cart-none-m {

  658.   color: #666;

  659.   font-size: 28upx;

  660.   margin-bottom: 40upx;

  661. }

  662. .cart-none-b {

  663.   /* border: 2upx solid #ccc; */

  664.   display: inline-block;

  665.   padding: 16upx 40upx;

  666.   font-size: 30upx;

  667.   color: #666;

  668.   background-color: #e3e3e3;

  669. }

  670. .stockError {

  671.   font-size: 12px;

  672.   color: #ffffff;

  673.   background-color: #ff7159;

  674.   padding: 1px 3px;

  675.   border-radius: 3px;

  676. }

  677. .stockTension {

  678.   background-color: #ffc107;

  679. }

  680. /* #ifdef MP-ALIPAY */

  681. label {

  682.   display: block;

  683. }

  684. /* #endif */

  685. .click-del{

  686.     overflow: hidden;

  687.     height: 52upx;

  688. }

  689. .click-del .icon{

  690.     float: right;

  691. }

  692. </style>

  693.

classify

classify.vue
复制代码
  1. <template>

  2.     <view class="classify">

  3.         <!-- 二级小图 -->

  4.         <view class="goods-box" v-if="cate_style == 3">

  5.             <view class="goods-list">

  6.                 <scroll-view scroll-y="true">

  7.                     <view class="goods-li" :class="{active:index==ins}" @click="active(index)" v-for="(tab,index) in beans" :key="index">

  8.                         <view class="shelectedZhu"></view>

  9.                         {{tab.name}}

  10.                     </view>

  11.                 </scroll-view>

  12.             </view>

  13.             <view class="goods-grid">

  14.                 <scroll-view class="goods-content" scroll-y="true">

  15.                     <view class="goods-banner" v-if="advert.tpl1_class_banner1">

  16.                         <image mode="widthFix" v-for="item in advert.tpl1_class_banner1" :key="item.id" :src="item.img" @click="showSliderInfo(item.type, item.val)"/>

  17.                     </view>

  18.                     <view class="goods-item">

  19.                         <view class="goods-item-box" v-if="isChild">

  20.                             <view class="goods-items" v-for="(item, index) in beans[ins].child" :key="index" @click="goClass(item.id)">

  21.                                 <image class="goods-item-img" :src="item.image_url" alt="" mode="aspectFill"/>

  22.                                 <view class="goods-item-name">{{item.name}}</view>

  23.                             </view>

  24.                         </view>

  25.                     </view>

  26.                 </scroll-view>

  27.             </view>

  28.         </view>

  29.         

  30.         <!-- 一级小图 -->

  31.         <view class="goods-box level1-s" v-if="cate_style == 2">

  32.             <view class="goods-grid">

  33.                 <scroll-view class="goods-content" scroll-y="true">

  34.                     <view class="goods-item">

  35.                         <view class="goods-item-box">

  36.                             <view class="goods-items" v-for="(item, index) in beans" :key="index" @click="goClass(item.id)">

  37.                                 <image class="goods-item-img" :src="item.image_url" alt="" mode="aspectFill"/>

  38.                                 <view class="goods-item-name">{{item.name}}</view>

  39.                             </view>

  40.                         </view>

  41.                     </view>

  42.                 </scroll-view>

  43.             </view>

  44.         </view>

  45.         

  46.         <!-- 一级大图 -->

  47.         <view class="goods-box level1-b" v-if="cate_style == 1">

  48.             <view class="goods-grid">

  49.                 <scroll-view class="goods-content" scroll-y="true">

  50.                     <view class="goods-item">

  51.                         <view class="goods-item-box">

  52.                             <view class="goods-items" v-for="(item, index) in beans" :key="index" @click="goClass(item.id)">

  53.                                 <image class="goods-item-img" :src="item.image_url" alt="" mode="aspectFill"/>

  54.                                 <view class="goods-item-name">{{item.name}}</view>

  55.                             </view>

  56.                         </view>

  57.                     </view>

  58.                 </scroll-view>

  59.             </view>

  60.         </view>

  61.     </view>

  62. </template>

  63. 

  64. <script>

  65. var _this;

  66. import { mapGetters } from 'vuex'

  67. import { goods } from '@/config/mixins.js'

  68. export default {

  69.     mixins: [goods],

  70.     data() {

  71.         return {

  72.             dataList: null,

  73.             ins: 0,

  74.             beans:[],

  75.             advert: {},

  76.             isChild: false

  77.         };

  78.     },

  79.     computed: {

  80.         cate_style () {

  81.             return this.$store.state.config.cate_style ? this.$store.state.config.cate_style : 3;

  82.         }

  83.     },

  84.     methods: {

  85.         //切换样式 请求分类数据

  86.         active (index) {

  87.             this.ins = index;

  88.             this.isChild = this.beans[index].hasOwnProperty('child');

  89.         },

  90.         categories () {

  91.             this.$api.categories({}, res => {

  92.                 if(res.status){

  93.                     for(var i = 0; i < res.data.length; i++){

  94.                         if (i == 0) {

  95.                             res.data[i].active = true;

  96.                         }

  97.                     }

  98.                     this.beans = res.data;

  99.                     this.isChild = this.beans[0].hasOwnProperty('child');

  100.                 }

  101.             });

  102.         },

  103.         goClass (cat_id) {

  104.             uni.navigateTo({

  105.                 url: '/pages/classify/index?id=' + cat_id

  106.             });

  107.         },

  108.         getBanner() {

  109.             this.$api.advert({

  110.                 codes: 'tpl1_class_banner1'

  111.             }, res => {

  112.                 this.advert = res.data.list;

  113.             });

  114.         },

  115.         // 广告点击查看详情

  116.         showSliderInfo(type, val) {

  117.             if (type == 1) {

  118.                 // URL

  119.                 // #ifdef H5

  120.                 window.location.href = val

  121.                 // #endif

  122.             } else if (type == 2) {

  123.                 // 商品详情

  124.                 this.goodsDetail(val)

  125.             } else if (type == 3) {

  126.                 // 文章详情

  127.                 this.$common.navigateTo('/pages/article/index?id=' + val +'&id_type=1')

  128.             } else if (type == 4) {

  129.                 // 文章列表

  130.                 this.$common.navigateTo('/pages/article/list?cid=' + val)

  131.             }

  132.         },

  133.     },

  134.     onLoad () {

  135.         this.categories();

  136.         this.getBanner();

  137.     },

  138. };

  139. </script>

  140. 

  141. <style>

  142. .classify {

  143.     /*  #ifdef  H5  */

  144.     height: calc(100vh - 188upx);

  145.     /*  #endif  */

  146.     /*  #ifndef  H5  */

  147.     height: 100vh;

  148.     /*  #endif  */

  149. }

  150. .goods-box {

  151.     height: 100%;

  152.     overflow: hidden;

  153. }

  154. .goods-list {

  155.     overflow: auto;

  156.     height: 100%;

  157.     width: 160upx;

  158.     float: left;

  159.     display: inline-block;

  160.     background-color: #f8f8f8;

  161. }

  162. .goods-li{

  163.     font-size: 24upx;

  164.     color: #666;

  165.     height: 100upx;

  166.     line-height: 100upx;

  167.     text-align: center;

  168.     position: relative;

  169.     overflow: hidden;

  170.     text-overflow: ellipsis;

  171.     white-space: nowrap;

  172. }

  173. .goods-li.active{

  174.     background-color: #fff;    

  175. }

  176. .shelectedZhu {

  177.     height: 56upx;

  178.     width: 8upx;

  179.     position: absolute;

  180.     top: 50%;

  181.     transform: translateY(-50%);

  182. }

  183. .goods-li.active .shelectedZhu{

  184.     background-color: #333;

  185. }

  186. .goods-content{

  187.     width: 590upx;

  188.     display: inline-block;

  189.     float: left;

  190.     padding: 20upx;

  191.     box-sizing: border-box;

  192. }

  193. .goods-grid{

  194.     height: 100%;

  195.     overflow: auto;

  196.     background-color: #fff;

  197. }

  198. .goods-banner{

  199.     width: 100%;

  200.     /* height: 200upx; */

  201.     margin-bottom: 20upx;

  202. }

  203. .goods-banner image{

  204.     width: 100%;

  205.     height: 100%;

  206. }

  207. .goods-item{

  208.     

  209. }

  210. .goods-item-box{

  211.     overflow: hidden;

  212. }

  213. .goods-items{

  214.     width: 170upx;

  215.     margin-right: 20upx;

  216.     margin-bottom: 20upx;

  217.     display: inline-block;

  218.     

  219. }

  220. .goods-items:nth-child(3n){

  221.     margin-right: 0;

  222. }

  223. .goods-item-img{

  224.     width: 170upx;

  225.     height: 170upx;

  226. }

  227. .goods-item-name{

  228.     text-align: center;

  229.     color: #666;

  230.     font-size: 26upx;

  231. }

  232. .level1-s .goods-content,.level1-b .goods-content{

  233.     width: 100%;

  234. }

  235. .level1-s .goods-items{

  236.     width: 222upx;

  237. }

  238. .level1-s .goods-item-img{

  239.     width: 222upx;

  240.     height: 222upx;

  241. }

  242. .level1-b .goods-items{

  243.     width: 100%;

  244. }

  245. .level1-b .goods-item-img{

  246.     width: 100%;

  247.     height: 222upx;

  248. }

  249. </style>

  250.
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <!-- 搜索框 -->

  4.         <view class="search">

  5.             <view class="search-c" @click="goSearch">

  6.                 <view class="search-input search-input-p" v-bind:class="$store.state.searchStyle">

  7.                     <view class="search-input-p-c">

  8.                     {{ searchKey }}

  9.                     </view>

  10.                 </view>

  11.                 <image class="icon search-icon" src="/static/image/zoom.png"></image>

  12.             </view>

  13.         </view>

  14. 

  15.         <!-- 条件筛选 -->

  16.         <view class="screen">

  17.             <view class="screen-item" @click="comprehensive">

  18.                 <text class="screen-item-text">综合</text>

  19.                 <view class='screen-item-icon'>

  20.                     <image v-if="searchData.order.key == 'sort' && searchData.order.sort == 'asc'" class="screen-item-icon-img" src="/static/image/bottom-black.png"></image>

  21.                     <image v-else class="screen-item-icon-img" src="/static/image/bottom-gray.png" ></image>

  22.                 </view>

  23.             </view>

  24.             <view class="screen-item" @click="priceSort">

  25.                 <text class="screen-item-text">价格</text>

  26.                 <view class="screen-item-icon">

  27.                     <image v-if="searchData.order.key == 'price' && searchData.order.sort == 'asc'" class="screen-item-icon-img" src="/static/image/top-black.png"></image>

  28.                     <image v-else-if="!(searchData.order.key == 'price' && searchData.order.sort == 'asc')" class="screen-item-icon-img" src="/static/image/top-gray.png"></image>

  29.                     <image v-if="searchData.order.key == 'price' && searchData.order.sort == 'desc'" class="screen-item-icon-img" src="/static/image/bottom-black.png"></image>

  30.                     <image v-if="!(searchData.order.key == 'price' && searchData.order.sort == 'desc')" class="screen-item-icon-img" src="/static/image/bottom-gray.png" ></image>

  31.                 </view>

  32.             </view>

  33.             <view class="screen-item" @click="salesVolume">

  34.                 <text class="screen-item-text">销量</text>

  35.                 <view class="screen-item-icon">

  36.                     <image v-if="searchData.order.key == 'buy_count' && searchData.order.sort == 'asc'" class="screen-item-icon-img" src="/static/image/top-black.png"></image>

  37.                     <image v-else-if="!(searchData.order.key == 'buy_count' && searchData.order.sort == 'asc')" class="screen-item-icon-img" src="/static/image/top-gray.png"></image>

  38.                     <image v-if="searchData.order.key == 'buy_count' && searchData.order.sort == 'desc'" class="screen-item-icon-img" src="/static/image/bottom-black.png"></image>

  39.                     <image v-if="!(searchData.order.key == 'buy_count' && searchData.order.sort == 'desc')" class="screen-item-icon-img" src="/static/image/bottom-gray.png"></image>

  40.                 </view>

  41.             </view>

  42.             <view class="screen-item">

  43.                 <view class="screen-item-icon" style-type="button" :current="current" @click="listGrid">

  44.                     <image class="list-grid" src="/static/image/switch-ic-side-2.png" v-if="current == 0"></image>

  45.                     <image class="list-grid" src="/static/image/switch-ic-list.png" v-else-if="current == 1"></image>

  46.                 </view>

  47.             </view>

  48.             <view class="screen-item screents" v-if="screents" @click="toshow()">

  49.                 <text class="screen-item-text">筛选</text>

  50.                 <image class="filter-img" src="/static/image/top.png"></image>

  51.             </view>

  52.             <view class="screen-item screents" v-else-if="screentc" @click="toclose()">

  53.                 <text class="screen-item-text">筛选</text>

  54.                 <image class="filter-img" src="/static/image/bottom.png"></image>

  55.             </view>

  56.         </view>

  57.         

  58.         <!-- 高级赛选 -->

  59.         <lvv-popup position="top" ref="lvvpopref" style="background: none;">

  60.             <view class="fliter-c">

  61.                 <scroll-view scroll-y="true" style="height: 100%;">

  62.                     <view class="fliter-item">

  63.                         <view class='cell-item right-img'>

  64.                             <view class='cell-item-hd'>

  65.                                 <view class='cell-hd-title'>价格区间</view>

  66.                             </view>

  67.                         </view>

  68.                         <view class="fliter-i-c">

  69.                             <view class="fic-item">

  70.                                 <input class="fic-item-input" type="number" v-model="sPrice" />

  71.                             </view>

  72.                             <view class="fic-item-line"></view>

  73.                             <view class="fic-item">

  74.                                 <input class="fic-item-input" type="number" v-model="ePrice" />

  75.                             </view>

  76.                         </view>

  77.                     </view>

  78.                     <view class="fliter-item" v-if="cat_list.length > 0">

  79.                         <view class='cell-item right-img'>

  80.                             <view class='cell-item-hd'>

  81.                                 <view class='cell-hd-title'>分类</view>

  82.                             </view>

  83.                         </view>

  84.                         <view class="fliter-i-c">

  85.                             <view v-for="item in cat_list" :key="item.goods_cat_id" v-if="item.goods_cat_id && item.name" @click="selectKey('cat_list', item.goods_cat_id)">

  86.                                 <view class="fic-item" v-if="!item.isSelect">

  87.                                     <view class="fic-item-text two-line" >

  88.                                         {{item.name}}

  89.                                     </view>

  90.                                 </view>

  91.                                 <view class="fic-item fic-item-active" v-else-if="item.isSelect">

  92.                                     <view class="fic-item-text two-line">

  93.                                         {{item.name}}

  94.                                     </view>

  95.                                 </view>

  96.                             </view>

  97.                         </view>

  98.                     </view>

  99.                     <view class="fliter-item" v-if="brand_list.length > 0">

  100.                         <view class='cell-item right-img'>

  101.                             <view class='cell-item-hd'>

  102.                                 <view class='cell-hd-title'>品牌</view>

  103.                             </view>

  104.                         </view>

  105.                         <view class="fliter-i-c">

  106.                             <view v-for="item in brand_list" :key="item.brand_id" v-if="item.brand_id && item.name" @click="selectKey('brand_list', item.brand_id)">

  107.                                 <view class="fic-item" v-if="!item.isSelect">

  108.                                     <view class="fic-item-text two-line">

  109.                                         {{item.name}}

  110.                                     </view>

  111.                                 </view>

  112.                                 <view class="fic-item fic-item-active" v-else-if="item.isSelect">

  113.                                     <view class="fic-item-text two-line">

  114.                                         {{item.name}}

  115.                                     </view>

  116.                                 </view>

  117.                             </view>

  118.                         </view>

  119.                     </view>

  120.                     <view class="fliter-item" v-if="label_list.length > 0">

  121.                         <view class='cell-item right-img'>

  122.                             <view class='cell-item-hd'>

  123.                                 <view class='cell-hd-title'>标签</view>

  124.                             </view>

  125.                         </view>

  126.                         <view class="fliter-i-c">

  127.                             <view v-for="item in label_list" :key="item.id" v-if="item.id && item.name" @click="selectKey('label_list', item.id)">

  128.                                 <view class="fic-item" v-if="!item.isSelect">

  129.                                     <view class="fic-item-text two-line">

  130.                                         {{item.name}}

  131.                                     </view>

  132.                                 </view>

  133.                                 <view class="fic-item fic-item-active" v-else-if="item.isSelect">

  134.                                     <view class="fic-item-text two-line">

  135.                                         {{item.name}}

  136.                                     </view>

  137.                                 </view>

  138.                             </view>

  139.                         </view>

  140.                     </view>

  141.                 </scroll-view>

  142.                 <view class="button-bottom">

  143.                     <!-- <button class="btn btn-square" @click="filterNo()">重置</button> -->

  144.                     <button class="btn btn-square" @click="toclose()">关闭</button>

  145.                     <button class="btn btn-b btn-square" @click="filterOk()">确定</button>

  146.                 </view>

  147.             </view>

  148.         </lvv-popup>

  149. 

  150.         <!-- 商品列表 -->

  151.         <scroll-view scroll-y="true" :scroll-into-view="toView" class="scroll-Y" @scrolltolower="lower" enable-back-to-top="true" lower-threshold="45">

  152.             <!-- 表格图片 -->

  153.             <view class="img-grids" v-show="current === 0">

  154.                 <view v-if="goodsList.length>0">

  155.                     <view class="img-grids-item" v-for="(item, index) in goodsList" :key="index" @click="goodsDetail(item.id)">

  156.                         <image class="img-grids-item-t have-none" :src="item.image_url" mode='aspectFill'></image>

  157.                         <view class="img-grids-item-b">

  158.                             <view class="goods-name grids-goods-name">

  159.                                 {{item.name}}

  160.                             </view>

  161.                             <view class="goods-item-c">

  162.                                 <view class="goods-price red-price">￥{{item.price}}</view>

  163.                                 <image class="goods-cart" src="/static/image/ic-car.png"></image>

  164.                             </view>

  165.                         </view>

  166.                     </view>

  167.                 </view>

  168.                 <!-- 无数据时默认显示 -->

  169.                 <view class="order-none" v-else>

  170.                     <image class="order-none-img" src="/static/image/order.png" mode=""></image>

  171.                 </view>

  172.             </view>

  173.         

  174.             <!-- 列表图片 -->

  175.             <view class="img-list" v-show="current === 1">

  176.                 <view v-if="goodsList.length>0">

  177.                     <view class="img-list-item" v-for="(item, index) in goodsList" :key="index" @click="goodsDetail(item.id)">

  178.                         <image class="img-list-item-l" :src="item.image_url" mode='aspectFill'></image>

  179.                         <view class="img-list-item-r">

  180.                             <view class="goods-name list-goods-name">

  181.                                 {{item.name}}

  182.                             </view>

  183.                             <view class="goods-item-c">

  184.                                 <view class="goods-price red-price">￥{{item.price}}</view>

  185.                                 <view class="goods-buy">

  186.                                     <view class="goods-salesvolume" v-if="item.comments_count > 0">{{item.comments_count}}条评论</view>

  187.                                     <view class="goods-salesvolume" v-else-if="item.comments_count <= 0">暂无评论</view>

  188.                                     <image class="goods-cart" src="/static/image/ic-car.png"></image>

  189.                                 </view>

  190.                             </view>

  191.                         </view>

  192.                     </view>

  193.                 </view>

  194.                 <view class="order-none" v-else>

  195.                     <image class="order-none-img" src="/static/image/order.png" mode=""></image>

  196.                 </view>

  197.             </view>

  198.         </scroll-view>

  199.     </view>

  200. </template>

  201. 

  202. <script>

  203. import lvvPopup from '@/components/lvv-popup/lvv-popup.vue'

  204. export default {

  205.     data() {

  206.         return {

  207.             current: 0,

  208.             id: '',

  209.             showView: false,

  210.             goodsList: [],

  211.             minPrice: '',

  212.             maxPrice: '',

  213.             ajaxStatus: false,

  214.             loading: true,

  215.             loadingComplete: false,

  216.             nodata: false,

  217.             toView: '',

  218.             searchData: {

  219.                 where: {},

  220.                 limit: 10,

  221.                 page: 1,

  222.                 order: {

  223.                     key: 'sort',

  224.                     sort: 'asc'

  225.                 }

  226.             },

  227.             searchKey: '请输入关键字搜索', //关键词

  228.             alllist: true,

  229.             allgrid: false,

  230.             screents: true,

  231.             screentc: false,

  232.             sPrice: '',

  233.             ePrice: '',

  234.             brand_list: [],

  235.             cat_list: [],

  236.             label_list: []

  237.         };

  238.     },

  239.     //加载执行

  240.     onLoad: function(options) {

  241.         var where = {};

  242.         if (options.id) {

  243.             where = {

  244.                 cat_id: options.id

  245.             };

  246.             //this.getGoodsClass(options.id);

  247.         }

  248.         if (options.key) {

  249.             where = {

  250.                 search_name: options.key

  251.             };

  252.             this.searchKey = options.key;

  253.         }

  254.         if (options.type) {

  255.             if (options.type == 'hot') {

  256.                 where = {

  257.                     hot: true

  258.                 };

  259.             }

  260.             if (options.type == 'recommend') {

  261.                 where = {

  262.                     recommend: true

  263.                 }

  264.             }

  265.         }

  266.         if(options.cat_id){

  267.             where.cat_id = options.cat_id

  268.         }

  269.         if(options.brand_id){

  270.             where.brand_id =options.brand_id

  271.         }

  272.         if(options.hot){

  273.             where.hot =options.hot

  274.         }

  275.         if(options.recommend){

  276.             where.recommend =options.recommend

  277.         }

  278.         if(options.label_id){

  279.             where.label_id =options.label_id

  280.         }

  281.         this.setSearchData({

  282.             where: where

  283.         });

  284.         

  285.         this.getGoods();

  286.     },

  287. 

  288.     components: {lvvPopup},

  289.     methods: {

  290.         listGrid() {

  291.             if (this.current == 0) {

  292.                 this.current = 1;

  293.             } else {

  294.                 this.current = 0;

  295.             }

  296.         },

  297.         //设置查询条件

  298.         setSearchData: function(searchData, clear = false) {

  299.             var sd = this.searchData;

  300.             this.searchData = this.$common.deepCopy(sd, searchData)

  301.             if (clear) {

  302.                 this.goodsList = [];

  303.             }

  304.         },

  305.         //获取分类名称

  306. //         getGoodsClass: function(id) {

  307. //             let data = {

  308. //                 id: id

  309. //             };

  310. //             this.$api.getGoodsClass(data, function(res) {

  311. //                 wx.setNavigationBarTitle({

  312. //                     title: res.data

  313. //                 });

  314. //             });

  315. //         },

  316.         onChangeShowState: function() {

  317.             var _this = this;

  318.             _this.showView = !_this.showView;

  319.         },

  320.         //点击综合排序

  321.         comprehensive: function() {

  322.             this.setSearchData(

  323.                 {

  324.                     order: {

  325.                         key: 'sort',

  326.                         sort: 'asc'

  327.                     },

  328.                     page: 1

  329.                 },

  330.                 true

  331.             );

  332.             this.getGoods();

  333.         },

  334.         //销量

  335.         salesVolume: function() {

  336.             if (this.searchData.order.key == 'buy_count') {

  337.                 if (this.searchData.order.sort == 'desc') {

  338.                     this.searchData.order.sort = 'asc';

  339.                 } else {

  340.                     this.searchData.order.sort = 'desc';

  341.                 }

  342.             } else {

  343.                 this.searchData.order = {

  344.                     key: 'buy_count',

  345.                     sort: 'desc'

  346.                 };

  347.             }

  348.             this.searchData.page = 1; //从第一页重新显示

  349.             this.setSearchData(this.searchData, true);

  350.             this.getGoods();

  351.         },

  352.         //价格排序

  353.         priceSort: function() {

  354.             if (this.searchData.order.key == 'price') {

  355.                 if (this.searchData.order.sort == 'desc') {

  356.                     this.searchData.order.sort = 'asc';

  357.                 } else {

  358.                     this.searchData.order.sort = 'desc';

  359.                 }

  360.             } else {

  361.                 this.searchData.order = {

  362.                     key: 'price',

  363.                     sort: 'asc'

  364.                 };

  365.             }

  366.             this.searchData.page = 1; //从第一页重新显示

  367.             this.setSearchData(this.searchData, true);

  368.             this.getGoods();

  369.         },

  370.         //设置查询价格区间

  371. //         orderPrice: function(e) {

  372. //             var reg = /^[0-9]+(.[0-9]{2})?$/;

  373. //             if (!reg.test(e.detail.value)) {

  374. //                 this.$common.errorToShow('请输入正确金额');

  375. //                 this.maxPrice = '';

  376. //             } else {

  377. //                 this.maxPrice = e.detail.value;

  378. //             }

  379. //         },

  380.         //查询价格区间

  381. //         searchPrice: function(event) {

  382. //             if (

  383. //                 this.minPrice > 0 &&

  384. //                 this.maxPrice > 0 &&

  385. //                 this.minPrice > this.maxPrice

  386. //             ) {

  387. //                 app.common.errorToShow('价格区间有误');

  388. //                 return false;

  389. //             }

  390. // 

  391. //             this.setSearchData(

  392. //                 {

  393. //                     page: 1,

  394. //                     where: {

  395. //                         price_f: this.minPrice,

  396. //                         price_t: this.maxPrice

  397. //                     }

  398. //                 },

  399. //                 true

  400. //             );

  401. //             this.getGoods();

  402. //         },

  403.         //页面相关事件处理函数--监听用户下拉动作

  404.         onPullDownRefresh: function() {},

  405.         //跳转到商品详情页面

  406.         goodsDetail: function(id) {

  407.             let url = '/pages/goods/index/index?id=' + id;

  408.             this.$common.navigateTo(url);

  409.         },

  410.         //取得商品数据

  411.         getGoods: function() {

  412.             var _this = this;

  413.             if (_this.ajaxStatus) {

  414.                 return false;

  415.             }

  416.             _this.ajaxStatus = true;

  417.             _this.loading = true;

  418.             _this.loadingComplete = false;

  419.             _this.nodata = true;

  420.             //如果已经没有数据了，就不取数据了，直接提示已经没有数据

  421.             if (_this.loadingComplete) {

  422.                 _this.$common.errorToShow("暂时没有数据了")

  423.                 return false;

  424.             }

  425.             

  426.             

  427.             _this.$api.goodsList(_this.conditions(), function(res) {

  428.                 if (res.status) {

  429.                     //判是否没有数据了，只要返回的记录条数小于总记录条数，那就说明到底了，因为后面没有数据了

  430.                     var isEnd = false;

  431.                     if (res.data.list.length < _this.searchData.limit) {

  432.                         isEnd = true;

  433.                     }

  434.                     //判断是否为空

  435.                     var isEmpty = false;

  436.                     if (_this.searchData.page == 1 && res.data.list.length == 0) {

  437.                         isEmpty = true;

  438.                     }

  439.                     

  440.                     if(res.data.class_name != ''){

  441.                         uni.setNavigationBarTitle({

  442.                             title: res.data.class_name

  443.                         });

  444.                     }else{

  445.                         if(res.data.where && res.data.where.search_name && res.data.where.search_name != ''){

  446.                             uni.setNavigationBarTitle({

  447.                                 title: '商品搜索'

  448.                             });

  449.                         }

  450.                     }

  451.                     

  452.                     _this.goodsList = _this.goodsList.concat(res.data.list);

  453.                     _this.ajaxStatus = false;

  454.                     _this.loading = !isEnd && !isEmpty;

  455.                     _this.toView = '';

  456.                     _this.loadingComplete =  isEnd && !isEmpty;

  457.                     _this.nodata = isEmpty;

  458.                     if(res.data.filter){

  459.                         let filter = res.data.filter;

  460.                         if(filter.brand_ids){

  461.                             for(let i = 0; i < filter.brand_ids.length; i++){

  462.                                 filter.brand_ids[i].isSelect = false;

  463.                             }

  464.                             _this.brand_list = filter.brand_ids;

  465.                         }

  466.                         if(filter.goods_cat){

  467.                             for(let i = 0; i < filter.goods_cat.length; i++){

  468.                                 filter.goods_cat[i].isSelect = false;

  469.                             }

  470.                             _this.cat_list = filter.goods_cat;

  471.                         }

  472.                         if(filter.label_ids){

  473.                             for(let i = 0; i < filter.label_ids.length; i++){

  474.                                 filter.label_ids[i].isSelect = false;

  475.                             }

  476.                             _this.label_list = filter.label_ids;

  477.                         }

  478.                     }

  479.                 }

  480.             });

  481.         },

  482.         //上拉加载

  483.         lower: function() {

  484.             var _this = this;

  485.             _this.toView = 'loading';

  486. 

  487.             if (!_this.loadingComplete) {

  488.                 _this.setSearchData({

  489.                     page: _this.searchData.page + 1

  490.                 });

  491.                 _this.getGoods();

  492.             }

  493.         },

  494.         listgrid: function() {

  495.             let _this = this;

  496.             if (_this.alllist) {

  497.                 _this.allgrid = true;

  498.                 _this.listgrid = true;

  499.                 _this.alllist = false;

  500.             } else {

  501.                 _this.allgrid = false;

  502.                 _this.listgrid = false;

  503.                 _this.alllist = true;

  504.             }

  505.         },

  506.         // 统一返回筛选条件 查询条件 分页

  507.         conditions () {

  508.             let data = this.searchData;

  509.             var newData = {};

  510.             newData = this.$common.deepCopy(newData,data);

  511.             //把data里的where换成json

  512.             if(data.where){

  513.                 newData.where = JSON.stringify(data.where);

  514.             }

  515.             //把排序换成字符串

  516.             if(data.order){

  517.                 var sort = data.order.key + ' ' + data.order.sort;

  518.                 if(data.order.key != 'sort'){

  519.                     sort = sort + ',sort asc'   //如果不是综合排序，增加上第二个排序优先级排序

  520.                 }

  521.                 newData.order = sort;

  522.             }else{

  523.                 newData.order = 'sort asc';

  524.             }

  525.             return newData;

  526.         },

  527.         //老搜索

  528.         search(){

  529.             this.setSearchData(

  530.                 {

  531.                     page: 1,

  532.                     where: {

  533.                         search_name: this.keyword

  534.                     }

  535.                 },

  536.                 true

  537.             );

  538.             this.getGoods();

  539.         },

  540.         //去搜索

  541.         goSearch() {

  542.             let pages = getCurrentPages();

  543.             let prevPage = pages[pages.length - 2];

  544.             // #ifdef H5 || MP-WEIXIN

  545.             if(prevPage && prevPage.route){

  546.                 let search_flag = prevPage.route;

  547.                 if (search_flag == 'pages/index/search') {

  548.                     uni.navigateBack({

  549.                         delta: 1

  550.                     });

  551.                 }else{

  552.                     this.$common.navigateTo('/pages/index/search');

  553.                 }

  554.             }else{

  555.                 this.$common.navigateTo('/pages/index/search');

  556.             }

  557.             // #endif

  558.             

  559.             // #ifdef MP-ALIPAY

  560.             if(prevPage && prevPage.__proto__.route){

  561.                 let search_flag = prevPage.__proto__.route;

  562.                 if (search_flag == 'pages/index/search') {

  563.                     uni.navigateBack({

  564.                         delta: 1

  565.                     });

  566.                 }else{

  567.                     this.$common.navigateTo('/pages/index/search');

  568.                 }

  569.             }else{

  570.                 this.$common.navigateTo('/pages/index/search');

  571.             }

  572.             // #endif

  573.         },

  574.         //筛选条件弹出窗口

  575.         toshow(){

  576.             this.$refs.lvvpopref.show();

  577.             this.screents = false;

  578.             this.screentc = true;

  579.         },

  580.         //关闭筛选

  581.         toclose(){

  582.             this.$refs.lvvpopref.close();

  583.             this.screentc = false;

  584.             this.screents = true;

  585.         },

  586.         //取消筛选

  587.         filterNo(){

  588.             this.ePrice = '';

  589.             this.sPrice = '';

  590.             for(let i = 0; i < this.cat_list.length; i++){

  591.                 this.cat_list[i].isSelect = false;

  592.             }

  593.             for(let i = 0; i < this.brand_list.length; i++){

  594.                 this.brand_list[i].isSelect = false;

  595.             }

  596.             for(let i = 0; i < this.label_list.length; i++){

  597.                 this.label_list[i].isSelect = false;

  598.             }

  599.             this.filterOk();

  600.             this.toclose();

  601.         },

  602.         //确认筛选

  603.         filterOk(){

  604.             let data = this.searchData;

  605.             

  606.             //获取分类

  607.             // data.where.cat_id = '';

  608.             for(let i = 0; i < this.cat_list.length; i++){

  609.                 if(this.cat_list[i].isSelect){

  610.                     data.where.cat_id = this.cat_list[i].goods_cat_id;

  611.                 }

  612.             }

  613.             

  614.             //获取多个品牌

  615.             let brand_ids = '';

  616.             for(let i = 0; i < this.brand_list.length; i++){

  617.                 if(this.brand_list[i].isSelect){

  618.                     brand_ids += this.brand_list[i].brand_id+',';

  619.                 }

  620.             }

  621.             if(brand_ids){

  622.                 brand_ids = brand_ids.substr(0, brand_ids.length-1);

  623.             }

  624.             data.where.brand_id = brand_ids;

  625.             

  626.             //获取标签

  627.             data.where.label_id = '';

  628.             for(let i = 0; i < this.label_list.length; i++){

  629.                 if(this.label_list[i].isSelect){

  630.                     data.where.label_id = this.label_list[i].id;

  631.                 }

  632.             }

  633.             

  634.             //价格区间

  635.             data.where.price_f = '';

  636.             data.where.price_t = '';

  637.             if(this.sPrice*1 < 0 || (this.ePrice != '' && this.ePrice <= 0) || this.ePrice*1 < 0 || (this.sPrice*1 > this.ePrice*1 && this.sPrice != '' && this.ePrice != '')){

  638.                 this.$common.errorToShow('价格区间有误');

  639.                 return false;

  640.             }else{

  641.                 data.where.price_f = this.sPrice;

  642.                 data.where.price_t = this.ePrice;

  643.             }

  644. 

  645.             this.setSearchData(data, true);

  646.             this.getGoods();

  647.             this.toclose();

  648.         },

  649.         //选择

  650.         selectKey(type, id){

  651.             //分类一次只能选择一个

  652.             if(type == 'cat_list'){

  653.                 for(let i = 0; i < this.cat_list.length; i++){

  654.                     if(this.cat_list[i].goods_cat_id == id){

  655.                         this.cat_list[i].isSelect = this.cat_list[i].isSelect?false:true;

  656.                     }else{

  657.                         this.cat_list[i].isSelect = false;

  658.                     }

  659.                 }

  660.             }

  661.             

  662.             if(type == 'brand_list'){

  663.                 for(let i = 0; i < this.brand_list.length; i++){

  664.                     if(this.brand_list[i].brand_id == id){

  665.                         this.brand_list[i].isSelect = this.brand_list[i].isSelect?false:true;

  666.                     }

  667.                 }

  668.             }

  669.             

  670.             if(type == 'label_list'){

  671.                 for(let i = 0; i < this.label_list.length; i++){

  672.                     if(this.label_list[i].id == id){

  673.                         this.label_list[i].isSelect = this.label_list[i].isSelect?false:true;

  674.                     }else{

  675.                         this.label_list[i].isSelect = false;

  676.                     }

  677.                 }

  678.             }

  679.         }

  680.     },

  681.     // #ifdef MP-ALIPAY

  682.     onChangeShowState_show: function () {

  683.         var that = this;

  684.         that.setData({

  685.         showView: that.showView =true

  686.         })

  687.         },

  688.         onChangeShowState_hid: function () {

  689.         var that = this;

  690.         that.setData({

  691.         showView: that.showView =false

  692.         })

  693.     },

  694.     // #endif

  695. };

  696. </script>

  697. 

  698. <style>

  699. page{

  700.     background-color: #fff;

  701. }

  702. .search{

  703.     position: fixed;

  704.     z-index: 997;

  705.     /*  #ifdef  H5  */

  706.     top: 44px;

  707.     /*  #endif  */

  708. }

  709. .screen {

  710.     width: 100%;

  711.     padding: 10upx 26upx 20upx;

  712.     overflow: hidden;

  713.     margin-bottom: 2upx;

  714.     background-color: #fff;

  715.     position: fixed;

  716.     /*  #ifdef  H5  */

  717.     top: calc(44px + 104upx);

  718.     /*  #endif  */

  719.     /*  #ifndef H5 */

  720.     top: 104upx;

  721.     /*  #endif  */

  722.     

  723.     z-index: 997;

  724. }

  725. .screen-item {

  726.     width: 20%;

  727.     height: 50upx;

  728.     line-height: 42upx;

  729.     float: left;

  730.     text-align: center;

  731.     position: relative;

  732. }

  733. .screents {

  734.     border-left: 2upx solid #eee;

  735. }

  736. .screen-item-text {

  737.     font-size: 24upx;

  738.     color: #333;

  739.     margin-right: 8upx;

  740. }

  741. .screen-item-icon {

  742.     display: inline-block;

  743.     position: absolute;

  744.     top: 50%;

  745.     transform: translateY(-50%);

  746.     overflow: hidden;

  747. }

  748. .screen-item-icon-img {

  749.     width: 16upx;

  750.     height: 8upx;

  751.     display: block;

  752. }

  753. .screen-item-icon .screen-item-icon-img:first-child {

  754.     margin-bottom: 4upx;

  755. }

  756. .list-grid {

  757.     width: 44upx;

  758.     height: 44upx;

  759.     float: left;

  760. }

  761. .filter-img {

  762.     width: 18upx;

  763.     height: 8upx;

  764.     position: absolute;

  765.     top: 50%;

  766.     transform: translateY(-50%);

  767. }

  768. .img-grids{

  769.     padding-bottom: 26upx;

  770. }

  771. .img-grids-item {

  772.     margin-bottom: 0;

  773. }

  774. .img-grids>view,.img-list>view{

  775.     overflow: hidden;

  776. }

  777. .scroll-Y{

  778.     /*  #ifdef  H5  */

  779.     height:calc(100vh - 44px - 186upx);

  780.     /*  #endif  */

  781.     /*  #ifndef H5 */

  782.     height:calc(100vh - 186upx);

  783.     /*  #endif  */

  784.     position: fixed;

  785.     bottom: 0;

  786. }

  787. .search-input-p{

  788.     color: #888;

  789. }

  790. .order-none{

  791.     text-align: center;

  792.     padding: 200upx 0;

  793. }

  794. .order-none-img{

  795.     width: 274upx;

  796.     height: 274upx;

  797. }

  798. .fliter-c{

  799.     width: 100%;

  800.     /*  #ifdef  H5  */

  801.     height: calc(100% - 44px - 184upx);

  802.     top: calc(44px + 182upx);

  803.     /*  #endif  */

  804.     /*  #ifndef H5 */

  805.     height: calc(100% - 184upx);

  806.     top: 182upx;

  807.     /*  #endif  */

  808.     background: #FFFFFF;

  809.     position: absolute;

  810.     left:0;

  811.     

  812.     padding-bottom: 90upx;

  813. }

  814. .fliter-item{}

  815. .fliter-item .cell-item{

  816.     border-bottom: none;

  817. }

  818. .fliter-i-c{

  819.     padding: 0 26upx;

  820.     overflow: hidden;

  821. }

  822. .fic-item{

  823.     display: inline-block;

  824.     float: left;

  825.     width: 160upx;

  826.     margin-right: 14upx;

  827.     height: 70upx;

  828.     background-color: #f1f1f1;

  829.     text-align: center;

  830.     font-size: 24upx;

  831.     margin-bottom: 14upx;

  832.     color: #333;

  833.     padding: 0 10upx;

  834. }

  835. .fic-item-active{

  836.     background-color: #FF7159;

  837.     color: #fff;

  838. }

  839. .fic-item-text{

  840.     position: relative;

  841.     top:50%;

  842.     transform: translateY(-50%);

  843. }

  844. .fic-item:nth-child(4n){

  845.     margin-right: 0;

  846. }

  847. .fic-item-line{

  848.     float: left;

  849.     margin: 34upx 18upx 0 0;

  850.     width: 50upx;

  851.     height: 2upx;

  852.     border-bottom: 2upx solid #ccc;

  853. }

  854. .fic-item-input{

  855.     position: relative;

  856.     top: 50%;

  857.     transform: translateY(-50%);

  858. }

  859. 

  860. /* #ifdef MP-ALIPAY */

  861. .hide{

  862.  display: none;

  863. }

  864. .show{ 

  865.  display: block;

  866. 

  867. }

  868. /* #endif */

  869. .square{

  870.     border-radius: 0;

  871. }

  872. .radius{

  873.     border-radius: 12upx;

  874. }

  875. </style>
pintuan_list.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <!-- 列表图片 -->

  4.         <view class="img-list" >

  5.             <view v-if="goodsList.length>0">

  6.                 <view class="img-list-item" v-for="(item, index) in goodsList" :key="index" @click="goodsDetail(item.id)">

  7.                     <image class="img-list-item-l" :src="item.image_url" mode='aspectFill'></image>

  8.                     <view class="img-list-item-r">

  9.                         <view class="goods-name list-goods-name">

  10.                             {{item.name}}

  11.                         </view>

  12.                         <view class="goods-item-c">

  13.                             <view class="pintuan_time">

  14.                                 <text class="fsz24 color-9">剩余：</text><uni-countdown textColor="#999" color="#999" :day="item.lasttime.day" :hour="item.lasttime.hour" :minute="item.lasttime.minute" :second="item.lasttime.second"></uni-countdown>

  15.                             </view>

  16.                             <view class="goods-price red-price">

  17.                                 ￥{{item.pintuanPrice}} <text class="people-num color-9 fsz24">{{item.pintuan_rule.people_number}}人成团</text>

  18.                                 <!-- <image class="goods-cart" src="/static/image/more.png"></image> -->

  19.                             </view>

  20.                             <view class="goods-buy">

  21.                                 <view class="goods-salesvolume" v-if="item.comments_count > 0">{{item.comments_count}}条评论</view>

  22.                                 <view class="goods-salesvolume" v-else-if="item.comments_count <= 0">暂无评论</view>

  23.                                 <image class="goods-cart" src="/static/image/more.png"></image>

  24.                             </view>

  25.                         </view>

  26.                     </view>

  27.                 </view>

  28.             </view>

  29.             <view class="order-none" v-else>

  30.                 <image class="order-none-img" src="/static/image/order.png" mode=""></image>

  31.             </view>

  32.         </view>

  33.     </view>

  34. </template>

  35. 

  36. <script>

  37. import uniCountdown from "@/components/uni-countdown/uni-countdown.vue"

  38. export default {

  39.     components:{uniCountdown},

  40.     data() {

  41.         return {

  42.             goodsList: {},

  43.             pintuanPrice: 0,

  44.             lasttime: {

  45.                 day: 0,

  46.                 hour: false,

  47.                 minute: 0,

  48.                 second: 0

  49.             }, //购买倒计时

  50.         };

  51.     },

  52.     //加载执行

  53.     onLoad: function() {

  54.         this.getGoods();

  55.     },

  56.     methods: {

  57.         //跳转到商品详情页面

  58.         goodsDetail: function(id) {

  59.             let url = '/pages/goods/index/pintuan?id=' + id;

  60.             this.$common.navigateTo(url);

  61.         },

  62.         //取得商品数据

  63.         getGoods: function() {

  64.             var _this = this;

  65.             let data = {}

  66.             _this.$api.pintuanList(data, res => {

  67.                 if (res.status) {

  68.                     _this.goodsList = res.data;

  69.                     _this.goodsList.forEach(item=>{

  70.                         

  71.                         if (item.pintuan_price<=0) {

  72.                             item.pintuan_price = '0.00'

  73.                         } else {

  74.                             item.pintuanPrice =  this.$common.moneySub(item.price,item.pintuan_rule.discount_amount);

  75.                         }

  76.                         let timestamp = Date.parse(new Date())/1000;

  77.                         let lasttime = item.pintuan_rule.etime - timestamp;

  78.                         item.lasttime = _this.$common.timeToDateObj(lasttime);

  79.                         

  80.                     })

  81.                 }

  82.             });

  83.         },

  84.     },

  85.     

  86. };

  87. </script>

  88. 

  89. <style>

  90. 

  91. .list-grid {

  92.     width: 44upx;

  93.     height: 44upx;

  94.     float: left;

  95. }

  96. 

  97. .img-grids{

  98.     padding-bottom: 26upx;

  99. }

  100. .img-grids-item {

  101.     margin-bottom: 0;

  102. }

  103. .img-grids>view,.img-list>view{

  104.     overflow: hidden;

  105. }

  106. 

  107. .order-none{

  108.     text-align: center;

  109.     padding: 200upx 0;

  110. }

  111. .order-none-img{

  112.     width: 274upx;

  113.     height: 274upx;

  114. }

  115. .goods-price{

  116.     margin-bottom: 10upx;

  117.     width: 100%;

  118.     overflow: hidden;

  119. }

  120. .people-num{

  121.     

  122.     margin-left: 16upx;

  123. }

  124. .img-list-item .goods-item-c{

  125.     bottom: 0;

  126. }

  127. </style>

form

detail
form.vue
复制代码
  1. <template>

  2.     <view v-show="showPage">

  3.         <form @submit="formSubmit" bindreset="formReset">

  4.             <view class="content">

  5.                 <view v-if="form.head_type==1">

  6.                     <view class="banner">

  7.                         <image :src='form.head_type_value_url[0]' mode='widthFix'></image>

  8.                     </view>

  9.                 </view>

  10.                 <!-- 轮播图 -->

  11.                 <view v-else-if="form.head_type == 2">

  12.                     <view>

  13.                         <view class='sw'>

  14.                             <swiper>

  15.                                 <swiper-item v-for="(item,item_index) in form.head_type_value_url" :key="item_index">

  16.                                     <image :src="item" class="slide-image" mode='widthFix' />

  17.                                 </swiper-item>

  18.                             </swiper>

  19.                         </view>

  20.                     </view>

  21.                 </view>

  22.                 <view v-else-if="form.head_type==3">

  23.                     <view class='video'>

  24.                         <video :src='form.head_type_video_url[0]' :poster="form.head_type_value_url[0]"></video>

  25.                     </view>

  26.                 </view>

  27.                 <!-- 纯文字 -->

  28.                 <view v-if="form.desc !=''">

  29.                     <view class='plaintext'>

  30.                         <text>{{form.desc}}</text>

  31.                     </view>

  32.                 </view>

  33.                 <view class="input-box">

  34.                     <view v-for="(item,index) in form.items" :key="index">

  35.                         <view class='goods-box-item' v-if="item.type=='goods'">

  36.                             <image class='goods-img' :src='item.goods.image_url' mode='aspectFit'></image>

  37.                             <view class='goods-right'>

  38.                                 <view class='goods-name'>{{item.name}}</view>

  39.                                 <view class='goods-mid'>

  40.                                     <text>已售{{item.goods.buy_count}}</text>

  41.                                 </view>

  42.                                 <view class='goods-buttom'>

  43.                                     <view class="goods-price">￥{{item.goods.price}}</view>

  44.                                     <view class='choose-specs' @click="specifications($event,item)" data-type='1' :data-goods="item.goods.id"

  45.                                      :data-id="item.id" data-statu="openspecs">

  46.                                         选规格

  47.                                     </view>

  48.                                     <text class='order-num' v-if="item.cart_count> 0">{{item.cart_count}}</text>

  49.                                 </view>

  50.                             </view>

  51.                         </view>

  52.                         <view class='form-input-box-item' v-if="item.type=='text'">

  53.                             <view class='ib-item-left'>

  54.                                 <text>{{item.name}}：</text>

  55.                             </view>

  56.                             <view class='ib-item-right'>

  57.                                 <input class='ib-item-input' type="text" :name="''+item.id" :data-id="item.id" v-model="item.default_value"

  58.                                  placeholder-class='ib-item-input-c' :placeholder="'请输入'+item.name"></input>

  59.                             </view>

  60.                         </view>

  61.                         <!-- 日期 -->

  62.                         <view class='form-input-box-item' v-if="item.type=='date'">

  63.                             <view class='ib-item-left'>

  64.                                 <text>{{item.name}}：</text>

  65.                             </view>

  66.                             <view class='ib-item-right'>

  67.                                 <view class="ib-item-mid">

  68.                                     <picker mode="date" :name="''+item.id" :value="item.default_value" start="1949-10-01" end="2019-10-01" @change="bindDateChange($event,item)"

  69.                                      :data-id='item.id'>

  70.                                         <view>{{item.default_value}}</view>

  71.                                     </picker>

  72.                                     <image class='icon-img-right' src='/static/image/ic-unfold.png'></image>

  73.                                 </view>

  74.                             </view>

  75.                         </view>

  76.                         <!-- 时间 -->

  77.                         <view class='form-input-box-item' v-if="item.type=='time'">

  78.                             <view class='ib-item-left'>

  79.                                 <text>{{item.name}}：</text>

  80.                             </view>

  81.                             <view class='ib-item-right'>

  82.                                 <view class="ib-item-mid">

  83.                                     <picker class="weui-btn" :name="''+item.id" mode="time" :value="item.default_value" start="09:01" end="21:01"

  84.                                      @change="bindTimeChange($event,item)" :data-id='item.id'>

  85.                                         <view>{{item.default_value}}</view>

  86.                                     </picker>

  87.                                     <image class='icon-img-right' src='/static/image/ic-unfold.png'></image>

  88.                                 </view>

  89.                             </view>

  90.                         </view>

  91.                         <!-- 范围选择 -->

  92.                         <!-- 多选 -->

  93.                         <view class='form-input-box-item' v-if="item.type=='checbox'">

  94.                             <view class='ib-item-left'>

  95.                                 <text>{{item.name}}：</text>

  96.                             </view>

  97.                             <view class='ib-item-right'>

  98.                                 <view class='checkout-list'>

  99.                                     <checkbox-group @change="checkboxChange($event,item)" :data-value="item.id" :name="''+item.id">

  100.                                         <label class="checkout-item" v-for="(checkbox_item,item_index) in item.checbox_value" :key="item_index">

  101.                                             <view class="checkout-item-c" :class="checkbox_item.checked?'black':''">

  102.                                                 <checkbox class="" :value="checkbox_item.value" :checked="checkbox_item.checked" /> {{checkbox_item.value}}

  103.                                             </view>

  104.                                         </label>

  105.                                     </checkbox-group>

  106.                                 </view>

  107.                             </view>

  108.                         </view>

  109.                         <!-- radio时处理 -->

  110.                         <view class='form-input-box-item' v-if="item.type=='radio'">

  111.                             <view class='ib-item-left'>

  112.                                 <text>{{item.name}}:</text>

  113.                             </view>

  114.                             <view class='ib-item-right'>

  115.                                 <radio-group class="uni-list" @change="radioChange($event,item)" :data-value="item.id" :name="''+item.id">

  116.                                     <label class=" uni-list-cell uni-list-cell-pd " v-for="(radio_item, item_index) in  item.radio_value" :key="item_index">

  117.                                         <view class="invoice-type-icon">

  118.                                             <radio class="a-radio" :id="radio_item" :value="radio_item" checked=true v-if="radio_item==item.default_value"></radio>

  119.                                             <radio class="a-radio" :id="radio_item" :value="radio_item" v-if="radio_item!=item.default_value"></radio>

  120.                                         </view>

  121.                                         <view class="invoice-type-c">

  122.                                             <label class="label-2-text" :for="radio_item">

  123.                                                 <text>{{radio_item}}</text>

  124.                                             </label>

  125.                                         </view>

  126.                                     </label>

  127.                                 </radio-group>

  128.                             </view>

  129.                         </view>

  130.                         <!-- 省市区选择 -->

  131.                         <view class='form-input-box-item' v-if="item.type=='area'">

  132.                             <view class='ib-item-left'>

  133.                                 <text>{{item.name}}：</text>

  134.                             </view>

  135.                             <view class='ib-item-right'>

  136.                                 <view class="ib-item-mid">

  137.                                     <input class="fsz26" :value="pickerValue" @focus="showThreePicker" :name="''+item.id" />

  138.                                     <area-picker class="fsz26" ref="areaPicker" :areaId="areaId" :defaultIndex="defaultIndex" @onConfirm="onConfirm"></area-picker>

  139.                                 </view>

  140.                             </view>

  141.                         </view>

  142.                         <!-- 金额 -->

  143.                         <view class='form-input-box-item' v-if="item.type=='money'">

  144.                             <view class='ib-item-left'>

  145.                                 <text>{{item.name}}：</text>

  146.                             </view>

  147.                             <view class='ib-item-right'>

  148.                                 <view class="ib-item-mid">

  149.                                     <input class='ib-item-input' type="digit" :name="''+item.id" v-model="item.default_value" placeholder-class='ib-item-input-c'

  150.                                      :placeholder="'请输入'+item.name"></input>

  151.                                 </view>

  152.                             </view>

  153.                         </view>

  154.                         <!-- 密码 -->

  155.                         <view class='form-input-box-item' v-if="item.type=='password'">

  156.                             <view class='ib-item-left'>

  157.                                 <text>{{item.name}}：</text>

  158.                             </view>

  159.                             <view class='ib-item-right'>

  160.                                 <view class="ib-item-mid">

  161.                                     <input class='ib-item-input' type='password' :name="''+item.id" v-model="item.default_value" placeholder-class='ib-item-input-c'

  162.                                      :placeholder="'请输入'+item.name"></input>

  163.                                 </view>

  164.                             </view>

  165.                         </view>

  166.                         <!-- 图片 -->

  167.                         <view class='form-input-box-item' v-if="item.type=='image'">

  168.                             <view class='form-input-box-title'>上传{{item.name}}</view>

  169.                             <view class='form-multiple-rows'>

  170.                                 <view class='f-m-r-item'>

  171.                                     <view class='upload-img-list'>

  172.                                         <view class='upload-img-bd'>

  173.                                             <view class='upload-img' v-for="(pic_item, i) in item.pics" :key="i">

  174.                                                 <image @click='pic_del(item,index,i)' :data-index="i" class='del-img' src='/static/image/del.png'></image>

  175.                                                 <image class='upload-camera' :src="pic_item.src" mode='aspectFit'></image>

  176.                                                 <input type='text' hidden='hidden' :name="item.id+'_'+i" v-model="pic_item.image_id"></input>

  177.                                             </view>

  178.                                         </view>

  179.                                         <view class='upload-img-hd'>

  180.                                             <image class='upload-camera' src="/static/image/camera.png" @click="pic_choose($event,item,index)"

  181.                                              :data-id="item.id"></image>

  182.                                         </view>

  183.                                     </view>

  184.                                 </view>

  185.                             </view>

  186.                         </view>

  187.                         <!-- 文本域 -->

  188.                         <view class='form-input-box-item' v-if="item.type=='textarea'">

  189.                             <view class='form-input-box-title'>{{item.name}}</view>

  190.                             <view class='form-multiple-rows'>

  191.                                 <view class='f-m-r-item form-input-box-item'>

  192.                                     <textarea :name="''+item.id" class='ib-item-textarea' :placeholder="'请输入'+item.name" placeholder-class="ib-item-input-c"></textarea>

  193.                                 </view>

  194.                             </view>

  195.                         </view>

  196.                         <!-- 定位 -->

  197.                         <view class='form-input-box-item' v-if="item.type=='coordinate'">

  198.                             <view class='ib-item-left'>

  199.                                 <text>{{item.name}}：</text>

  200.                             </view>

  201.                             <view class='ib-item-right'>

  202.                                 <view class="ib-item-mid">

  203.                                     <image class='icon-img' src='/static/image/ic-location.png'></image>

  204.                                     <input class='ib-item-input margin-r' placeholder-class='ib-item-input-c' :name="''+item.id" :value="item.default_value"

  205.                                      disabled='disabled' placeholder="点击获取位置信息" @click="chooseLocation($event,item)" :data-id='item.id' />

  206.                                 </view>

  207.                             </view>

  208.                         </view>

  209.                     </view>

  210.                 </view>

  211.                 <view class='goods-bottom' v-if="form.type==1">

  212.                     <text class='goods-total'>合计

  213.                         <text class='goods-total-r'>￥{{goodsTotalMoney}}</text>

  214.                     </text>

  215.                 </view>

  216.             </view>

  217.             <!-- 底部按钮 -->

  218.             <view class='bottom-btn'>

  219.                 <button :style='{backgroundColor:form.button_color}' data-statu="open" form-type="submit" :disabled='submitStatus'

  220.                  :loading='submitStatus'>{{form.button_name}}</button>

  221.             </view>

  222.         </form>

  223.         <lvv-popup position="bottom" ref="lvvpopref" class="lvvpopref">

  224.             <!-- 多规格商品弹出 -->

  225.             <block v-if="showSpecs">

  226.                 <view class="modal-body" data-statu="closespecs" catchtouchmove="move">

  227.                     <view class='specs-goods-t'>

  228.                         <view class='specs-goods-information'>

  229.                             <text class='specs-goods-name'>{{goodsInfoName}}</text>

  230.                             <text class='specs-goods-price'>￥{{goodsInfoPrint}}</text>

  231.                         </view>

  232.                         <view class='close-btn' @click="closeModal" :data-goods="select_goods_id" :data-id="select_id" data-type="100"

  233.                          data-statu="closespecs">

  234.                             <image src='/static/image/close.png'></image>

  235.                         </view>

  236.                     </view>

  237.                     <scroll-view class='specs-goods-c' scroll-y="true">

  238. 

  239.                         <view class="color" v-for="(value,key) in goodsSpesDesc" :key="key">

  240.                             <text class='salespromotion-service-name'>{{key}}</text>

  241.                             <view class='salespromotion-service-b'>

  242.                                 <block v-for="(i,item_index) in value" :key="item_index">

  243.                                     <view v-if="i.is_default" class='pitch-on'>{{i.name}}</view>

  244.                                     <view v-else-if="i.product_id != 0" :class='i.is_default ? "pitch-on" : ""' :data-key="i.product_id" :data-id="i.name"

  245.                                      @click="selectSku">{{i.name}}</view>

  246.                                     <view v-else class='nothing'>{{i.name}}</view>

  247.                                 </block>

  248.                             </view>

  249.                         </view>

  250. 

  251.                         <!-- 库存 -->

  252.                         <view class='number'>

  253.                             <text class='salespromotion-service-name'>数量</text>

  254.                             <view class="stepper">

  255.                                 <text :class="goodsNums==0?'disabled':'normal'" @click="bindMinus">-</text>

  256.                                 <input type="number" @change="bindManual" v-model="goodsNums" />

  257.                                 <text :class="goodsNums==goodsInfoNumber?'disabled':'normal'" @click="bindPlus">+</text>

  258.                             </view>

  259.                         </view>

  260.                     </scroll-view>

  261.                     <view class='detail-footer'>

  262.                         <!-- 点击加购物车/购买 -->

  263.                         <view class='detail-footer-right determine-next' v-if="status">

  264.                             <!-- <view @click='goodsAddCart' class='determine'>确定</view> -->

  265.                             <view @click='goodsAddCart' class='next'>下一步</view>

  266.                         </view>

  267.                         <view class='detail-footer-right' v-else>

  268.                             <view class='stockno'>该商品已售罄</view>

  269.                         </view>

  270.                     </view>

  271.                 </view>

  272.             </block>

  273.         </lvv-popup>

  274.     </view>

  275. </template>

  276. <script>

  277.     import areaPicker from '@/components/area-picker/areaPicker.vue'

  278.     import lvvPopup from '@/components/lvv-popup/lvv-popup.vue'

  279.     export default {

  280.         name: '',

  281.         components: {

  282.             areaPicker,

  283.             lvvPopup

  284.         },

  285.         props: {},

  286.         data() {

  287.             return {

  288.                 formId: '',

  289.                 form: {

  290.                     head_type: 1,

  291.                     head_type_value_url: '',

  292.                 },

  293.                 showPage: true,

  294.                 hiddenForm: true,

  295.                 indicatorDots: true, //商品轮播图底部圆点

  296.                 autoplay: true, //商品轮播图自动播放

  297.                 interval: 3000, //商品轮播图切换间隔

  298.                 duration: 500, //商品轮播图切换动画时间

  299.                 slideImg: [], //幻灯片广告数据

  300.                 minusStatus: 'disabled', // 使用data数据对象设置样式名

  301.                 animationData: {},

  302.                 opacityData: {},

  303.                 hide: 'animathide',

  304.                 formMoney: 0.0, //表单金额

  305.                 region: ['河南省', '郑州市', '中原区'],

  306.                 areaId: 410102,

  307.                 pickerValue: '',

  308.                 defaultIndex: [0, 0, 0],

  309.                 pics: [], //图片

  310.                 goodsNums: 0,

  311.                 cart: [],

  312.                 currentKey: 0, //当前下单的商品的Key

  313.                 currentGoodsId: 0, //当前选中的商品ID

  314.                 goodsTotalMoney: '0.00', //商品总额

  315.                 originForm: [], //原始表单

  316.                 paymentType: '', //支付类型

  317.                 payment_type: '', //表单付款码||表单订单

  318.                 /** 商品信息*/

  319.                 goodsSpesDesc: '',

  320.                 productId: '',

  321.                 status: '',

  322.                 goodsInfoName: '',

  323.                 goodsInfoPrint: '',

  324.                 goodsInfoNumber: '',

  325.                 select_goods_id: '',

  326.                 select_id: '',

  327.                 showSpecs: false,

  328.                 submitStatus: false, //按钮状态

  329. 

  330.             }

  331.         },

  332.         onLoad(options) {

  333.             var id = options.id

  334.             if (!id) {

  335.                 this.$common.errorToShow('路径错误')

  336.                 return false

  337.             }

  338.             this.formId = id

  339.             this.$db.set('formId', id)

  340.         },

  341.         onShow() {

  342.             this.getFormDetail()

  343.         },

  344.         methods: {

  345.             // 省市区联动初始化

  346.             showThreePicker() {

  347.                 this.pickerValue =

  348.                     this.region[0] + ' ' + this.region[1] + ' ' + this.region[2]

  349.                 this.$refs.areaPicker[0].showPicker()

  350.             },

  351.             onConfirm(e) {

  352.                 let province_name = e[0].name

  353.                 let city_name = e[1].name

  354.                 let county_name = e[2].name

  355.                 this.pickerValue = e[0].name + ' ' + e[1].name + ' ' + e[2].name

  356.                 let data = {

  357.                     province_name: province_name,

  358.                     city_name: city_name,

  359.                     county_name: county_name

  360.                 }

  361.                 let regionName = [province_name, city_name, county_name]

  362.                 this.$api.getAreaId(data, res => {

  363.                     if (res.status) {

  364.                         this.areaId = res.data

  365.                     } else {

  366.                         uni.showModal({

  367.                             title: '提示',

  368.                             content: '地区选择出现问题，请重新选择地区',

  369.                             showCancel: false

  370.                         })

  371.                     }

  372.                 })

  373.             },

  374.             getFormDetail() {

  375.                 var data = {

  376.                     id: this.formId,

  377.                     token: this.$db.get('userToken')

  378.                 }

  379.                 var that = this

  380.                 this.$api.getFormDetial(data, res => {

  381.                     if (res.status) {

  382.                         this.form = res.data

  383.                         this.originForm = res.data

  384.                         if (res.data.type == '1' || res.data.type == '2') {

  385.                             if (res.data.type == '1') {

  386.                                 //订单

  387.                                 that.payment_type = this.$config.paymentType.form_order

  388.                             } else if (res.data.type == '2') {

  389.                                 //付款码

  390.                                 that.payment_type = this.$config.paymentType.form_pay

  391.                             }

  392.                         }

  393.                         //设置title名称

  394.                         uni.setNavigationBarTitle({

  395.                             title: res.data.name

  396.                         })

  397. 

  398.                     } else {

  399.                         this.showPage = false;

  400.                         if (typeof res.data.need_login == 'undefined') {

  401.                             uni.showModal({

  402.                                 title: '提示',

  403.                                 content: '表单已过期，请扫描新的二维码',

  404.                                 showCancel: false,

  405.                                 success: function(res) {

  406.                                     if (res.confirm) {

  407.                                         uni.switchTab({

  408.                                             url: '../../index/index'

  409.                                         })

  410.                                     }

  411.                                 }

  412.                             })

  413.                         } else {

  414.                             //去登录    

  415.                             this.$store.commit({

  416.                                 type: 'redirect',

  417.                                 page: '/pages/form/detail/form?id=' + this.formId

  418.                             })

  419.                             this.$common.jumpToLogin();

  420.                         }

  421.                     }

  422.                 })

  423.             },

  424.             // 选择日期

  425.             bindDateChange(e, item) {

  426.                 item.default_value = e.target.value

  427.             },

  428.             // 选择时间

  429.             bindTimeChange(e, item) {

  430.                 item.default_value = e.target.value

  431.             },

  432.             // 单选

  433.             radioChange(e, item) {

  434.                 item.default_value = e.detail.value

  435.             },

  436.             // 多选

  437.             checkboxChange(e, item) {

  438.                 var values = e.detail.value

  439.                 for (var i = 0; i < item.checbox_value.length; ++i) {

  440.                     const checkbox_item = item.checbox_value[i]

  441.                     if (values.includes(checkbox_item.value)) {

  442.                         this.$set(checkbox_item, 'checked', true)

  443.                     } else {

  444.                         this.$set(checkbox_item, 'checked', false)

  445.                     }

  446.                 }

  447.             },

  448. 

  449.             //商品减一

  450.             bindMinus() {

  451.                 if (this.goodsNums > 1) {

  452.                     this.goodsNums--

  453.                 } else {

  454.                     this.goodsNums = 0

  455.                 }

  456.             },

  457.             //商品加一

  458.             bindPlus() {

  459.                 if (this.goodsNums >= this.goodsInfoNumber) {

  460.                     this.goodsNums = this.goodsInfoNumber

  461.                 } else {

  462.                     this.goodsNums++

  463.                 }

  464.             },

  465.             /* 输入框事件 */

  466.             bindManual(e) {

  467.                 this.num = e.detail.value

  468.             },

  469.             //选择位置

  470.             chooseLocation(e, item) {

  471.                 wx.chooseLocation({

  472.                     success(e) {

  473.                         item.default_value = e.latitude + ',' + e.longitude

  474.                     },

  475.                     fail(e) {

  476.                         wx.getSetting({

  477.                             success(res) {

  478.                                 if (!res.authSetting['scope.userLocation']) {

  479.                                     wx.openSetting()

  480.                                 }

  481.                             }

  482.                         })

  483.                     }

  484.                 })

  485.             },

  486.             pic_choose(e, item, index) {

  487.                 var that = this

  488.                 this.$api.uploadImage(5, res => {

  489.                     if (res.status) {

  490.                         if (!item.pics) {

  491.                             item.pics = []

  492.                         }

  493.                         item.pics.push({

  494.                             src: res.data.url.replace(/\\/g, '/'),

  495.                             image_id: res.data.image_id

  496.                         })

  497.                         this.$set(this.form.items, index, item)

  498.                         that.$common.successToShow(res.msg)

  499.                     } else {

  500.                         that.$common.errorToShow(res.msg)

  501.                     }

  502.                 })

  503.             },

  504.             //删除图片

  505.             pic_del(item, index, i) {

  506.                 item.pics.splice(i, 1)

  507.                 this.$set(this.form.items, index, item)

  508.             },

  509.             //表单提交

  510.             formSubmit(e) {

  511.                 var that = this

  512.                 var data = e.detail.value

  513.                 //订单时需要合并购物车信息

  514.                 if (this.form.type == 1) {

  515.                     if (this.cart.length < 1) {

  516.                         this.$common.errorToShow('请先选择商品')

  517.                         return true

  518.                     }

  519.                     var tempArray = []

  520.                     this.cart.forEach(function(item, index, input) {

  521.                         tempArray[item.key + '_' + index] = item

  522.                     })

  523.                     data = Object.assign(data, tempArray)

  524.                 }

  525.                 let userToken = this.$db.get('userToken')

  526.                 let obj = {

  527.                     data,

  528.                     id: this.form.id,

  529.                     token: userToken

  530.                 }

  531.                 this.submitStatus = true;

  532.                 this.$api.addSubmitForm(obj, res => {

  533.                     this.submitStatus = false;

  534.                     if (res.status) {

  535.                         //表单类型判断是否需要支付，支付金额多少

  536.                         if (that.form.type == '1' || that.form.type == '2') {

  537.                             that.$common.successToShow(res.msg);

  538.                             //跳转首页

  539.                             setTimeout(function() {

  540.                                 //出来支付按钮

  541.                                 that.$common.redirectTo('/pages/goods/payment/index?form_id=' + res.data.id + '&type=' + that.payment_type +

  542.                                     '&recharge=' + res.data.money)

  543.                             }, 1000)

  544.                         } else {

  545.                             that.formReset()

  546.                             that.$common.successToShow(res.msg)

  547.                             //跳转首页

  548.                             setTimeout(function() {

  549.                                 wx.switchTab({

  550.                                     url: '../../index/index'

  551.                                 })

  552.                             }, 1500)

  553.                         }

  554.                     } else {

  555.                         this.$common.errorToShow(res.msg);

  556.                     }

  557.                 })

  558.             },

  559.             //表单清空

  560.             formReset(e) {

  561.                 this.$db.set('formId', '')

  562.                 this.cart = [] //初始化，刷新当前页面

  563.                 this.form = this.originForm

  564.             },

  565.             closeModal() {

  566.                 this.$refs.lvvpopref.close()

  567.             },

  568.             //选择规格弹出

  569.             specifications(e, item) {

  570.                 this.$refs.lvvpopref.show()

  571.                 this.showSpecs = true

  572.                 this.select_id = e.target.dataset.id

  573.                 this.select_goods_id = e.target.dataset.goods

  574.                 this.currentKey = e.target.dataset.id //当前选中的key

  575.                 this.currentGoodsId = e.target.dataset.goods //当前选中的商品ID

  576.                 this.getGoodsInfo(item)

  577.             },

  578.             //获取商品详情

  579.             getGoodsInfo(item) {

  580.                 let goods = item.goods

  581.                 this.goodsSpesDesc = this.getSpes(goods.product)

  582.                 this.productId = goods.product.id

  583.                 this.goodsInfoName = goods.product.name

  584.                 this.goodsInfoPrint = goods.product.price

  585.                 this.goodsInfoNumber = goods.product.stock

  586.                 this.goodsNums = this.getNumsByKey(this.currentKey, goods.product.id)

  587.                 this.status = goods.product.stock < 1 ? false : true

  588.             },

  589.             /*获取key的数量 */

  590.             getNumsByKey(key, productId) {

  591.                 var that = this

  592.                 if (that.cart.length < 1) {

  593.                     return 0

  594.                 } else {

  595.                     for (var i = 0; i < that.cart.length; i++) {

  596.                         if (that.cart[i].key == key && that.cart[i].productId == productId) {

  597.                             return that.cart[i].nums

  598.                         }

  599.                     }

  600.                     return 0

  601.                 }

  602.             },

  603.             //加入购物车

  604.             goodsAddCart: function() {

  605.                 var productId = this.productId

  606.                 var currentKey = this.currentKey

  607.                 if (this.cart.length < 1) {

  608.                     this.cart.push({

  609.                         key: currentKey,

  610.                         productId: productId,

  611.                         goodsId: this.select_goods_id,

  612.                         nums: this.goodsNums,

  613.                         price: this.goodsInfoPrint

  614.                     })

  615.                 } else {

  616.                     var isIn = false

  617.                     for (var i = 0; i < this.cart.length; i++) {

  618.                         if (

  619.                             this.cart[i].key == currentKey &&

  620.                             this.cart[i].productId == productId

  621.                         ) {

  622.                             this.cart[i] = {

  623.                                 key: currentKey,

  624.                                 productId: productId,

  625.                                 goodsId: this.select_goods_id,

  626.                                 nums: this.goodsNums,

  627.                                 price: this.goodsInfoPrint

  628.                             }

  629.                             isIn = true

  630.                         }

  631.                     }

  632.                     if (!isIn) {

  633.                         this.cart.push({

  634.                             key: currentKey,

  635.                             productId: productId,

  636.                             goodsId: this.select_goods_id,

  637.                             nums: this.goodsNums,

  638.                             price: this.goodsInfoPrint

  639.                         })

  640.                     }

  641.                 }

  642.                 this.showSpecs = false

  643.                 this.$refs.lvvpopref.close()

  644.                 this.getCartNums()

  645.             },

  646.             getCartNums() {

  647.                 var items = this.form.items

  648.                 var itemKey = ''

  649.                 for (var i = 0, len = items.length; i < len; ++i) {

  650.                     if (items[i].id == this.currentKey) {

  651.                         itemKey = i

  652.                     }

  653.                 }

  654.                 var that = this

  655.                 if (this.form.items[itemKey].goods.id == this.currentGoodsId) {

  656.                     if (this.form.items[itemKey].cart_count > 0) {

  657.                         var cart_count = 0

  658.                         var currentKey = this.currentKey

  659.                         this.cart.forEach(function(item, index, input) {

  660.                             if (item.key == currentKey) {

  661.                                 cart_count += item.nums

  662.                             }

  663.                             that.form.items[itemKey].cart_count = cart_count

  664.                         })

  665.                     } else {

  666.                         this.form.items[itemKey].cart_count = this.goodsNums

  667.                     }

  668.                 } else {

  669.                     this.form.items[itemKey].cart_count = this.goodsNums

  670.                 }

  671.                 this.getGoodsTotalMoney()

  672.             },

  673.             //获取商品总额

  674.             getGoodsTotalMoney() {

  675.                 var that = this

  676.                 var goodsTotalMoney = 0

  677.                 this.cart.forEach(function(item, index, input) {

  678.                     goodsTotalMoney += item.price * item.nums

  679.                 })

  680.                 this.goodsTotalMoney = this.$common.formatMoney(goodsTotalMoney, 2, '')

  681.             },

  682.             getSpes: function(product) {

  683.                 if (!product.default_spes_desc) {

  684.                     return []

  685.                 }

  686.                 return product.default_spes_desc

  687.             },

  688.             //获取规格信息

  689.             selectSku(e) {

  690.                 var id = e.target.dataset.key

  691.                 this.$api.getProductInfo({

  692.                     id

  693.                 }, res => {

  694.                     if (res.status) {

  695.                         this.goodsSpesDesc = this.getSpes(res.data)

  696.                         this.productId = res.data.id

  697.                         this.goodsInfoName = res.data.name

  698.                         this.goodsInfoPrint = res.data.price

  699.                         this.goodsInfoNumber = res.data.stock

  700.                         this.goodsNums = this.getNumsByKey(this.currentKey, res.data.id)

  701.                         this.status = res.data.stock < 1 ? false : true

  702.                     }

  703.                 })

  704.             }

  705.         },

  706.         //分享

  707.         onShareAppMessage() {

  708.             let myInviteCode = this.$db.get("userToken");

  709.             let ins = this.$common.shareParameterDecode('type=10&id=' + this.formId + '&invite=' + myInviteCode);

  710.             let path = '/pages/share/jump?scene=' + ins;

  711.             return {

  712.                 title: this.form.name,

  713.                 path: path

  714.             }

  715.         }

  716.     }

  717. </script>

  718. <style>

  719.     .content {

  720.         margin-bottom: 200rpx;

  721.         background-color: #eeeeee;

  722.     }

  723. 

  724.     .sw,

  725.     .video {

  726.         height: 350rpx;

  727.     }

  728. 

  729.     .banner,

  730.     .sw,

  731.     .video {

  732.         width: 100%;

  733.         /* height: 350rpx; */

  734.         background-color: #fff;

  735.     }

  736. 

  737.     .banner image,

  738.     .sw swiper,

  739.     .sw swiper image,

  740.     .video video {

  741.         width: 100%;

  742.         height: 100%;

  743.     }

  744. 

  745.     .plaintext {

  746.         padding: 20rpx 30rpx;

  747.         font-size: 30rpx;

  748.         color: #333;

  749.         background-color: #fff;

  750.     }

  751. 

  752.     .goods {

  753.         /* margin: 20rpx 0; */

  754.         background-color: #fff;

  755.     }

  756. 

  757.     .form-input-box-title {

  758.         /* padding: 20rpx 30rpx 0; */

  759.         font-size: 28rpx;

  760.     }

  761. 

  762.     .goods-box-item {

  763.         overflow: hidden;

  764.         padding: 20rpx 30rpx 20rpx 0;

  765.         margin-left: 30rpx;

  766.         border-bottom: 2rpx solid #eeeeee;

  767.     }

  768. 

  769.     .goods-box-item:nth-last-child(2) {

  770.         border: none;

  771.     }

  772. 

  773.     .goods-img {

  774.         width: 150rpx;

  775.         height: 150rpx;

  776.         display: inline-block;

  777.         float: left;

  778.     }

  779. 

  780.     .goods-right {

  781.         width: 520rpx;

  782.         display: inline-block;

  783.         float: left;

  784.         margin-left: 20rpx;

  785.     }

  786. 

  787.     .goods-name {

  788.         font-size: 30rpx;

  789.         color: #333;

  790.         overflow: hidden;

  791.         display: -webkit-box;

  792.         -webkit-line-clamp: 2;

  793.         -webkit-box-orient: vertical;

  794.     }

  795. 

  796.     .goods-mid {

  797.         font-size: 24rpx;

  798.         color: #999;

  799.     }

  800. 

  801.     .goods-buttom {

  802.         overflow: hidden;

  803.         position: relative;

  804.         height: 60rpx;

  805.     }

  806. 

  807.     .goods-price {

  808.         font-size: 28rpx;

  809.         color: #eb0000;

  810.         display: inline-block;

  811.     }

  812. 

  813.     .stepper {

  814.         width: 156rpx;

  815.         height: 48rpx;

  816.         border-radius: 6rpx;

  817.         margin: 0 auto;

  818.         display: inline-block;

  819.         overflow: hidden;

  820.         box-sizing: border-box;

  821.         float: right;

  822.     }

  823. 

  824.     .stepper text {

  825.         width: 44rpx;

  826.         line-height: 42rpx;

  827.         text-align: center;

  828.         float: left;

  829.         box-sizing: border-box;

  830.         border: 2rpx solid #ccc;

  831.     }

  832. 

  833.     .stepper input {

  834.         width: 64rpx;

  835.         height: 38rpx;

  836.         float: left;

  837.         text-align: center;

  838.         font-size: 28rpx;

  839.         display: inline-block;

  840.         box-sizing: border-box;

  841.     }

  842. 

  843.     .stepper .normal {

  844.         color: black;

  845.     }

  846. 

  847.     .stepper .disabled {

  848.         color: #ccc;

  849.     }

  850. 

  851.     .choose-specs {

  852.         width: 136rpx;

  853.         height: 48rpx;

  854.         line-height: 46rpx;

  855.         border-radius: 50rpx;

  856.         margin: 0 auto;

  857.         text-align: center;

  858.         display: inline-block;

  859.         overflow: hidden;

  860.         box-sizing: border-box;

  861.         float: right;

  862.         font-size: 24rpx;

  863.         border: 2rpx solid #ccc;

  864.         position: relative;

  865.         top: 12rpx;

  866.     }

  867. 

  868.     .goods-bottom {

  869.         border-top: 2rpx solid #eeeeee;

  870.         overflow: hidden;

  871.         padding: 20rpx 30rpx;

  872.         background-color: #fff;

  873.     }

  874. 

  875.     .goods-total {

  876.         float: right;

  877.         color: #999;

  878.         font-size: 28rpx;

  879.     }

  880. 

  881.     .goods-total-r {

  882.         color: #eb0000;

  883.         font-size: 30rpx;

  884.     }

  885. 

  886.     .input-box {

  887.         margin: 20rpx 0;

  888.         background-color: #fff;

  889.     }

  890. 

  891.     .form-input-box-item {

  892.         overflow: hidden;

  893.         padding: 20rpx 30rpx 20rpx 0;

  894.         margin-left: 30rpx;

  895.         border-bottom: 2rpx solid #eeeeee;

  896.     }

  897. 

  898.     .ib-item-left {

  899.         display: inline-block;

  900.         min-width: 150rpx;

  901.         max-width: 600rpx;

  902.         font-size: 28rpx;

  903.         color: #333;

  904. 

  905.         float: left;

  906.         padding: 10rpx 0;

  907.     }

  908. 

  909.     .ib-item-right {

  910.         min-width: 600rpx;

  911.         max-width: 690rpx;

  912.         display: inline-block;

  913.         color: #666;

  914.         font-size: 28rpx;

  915.         float: left;

  916.         padding: 6rpx 0;

  917.     }

  918. 

  919.     .ib-item-input {

  920.         color: #666;

  921.         font-size: 28rpx;

  922.     }

  923. 

  924.     .margin-r {

  925.         margin-left: 40rpx;

  926.     }

  927. 

  928.     .ib-item-input-c {

  929.         color: #999;

  930.         font-size: 28rpx;

  931.     }

  932. 

  933.     .ib-item-label {

  934.         display: inline-block;

  935.         position: relative;

  936.         min-width: 150rpx;

  937.         margin-right: 20rpx;

  938.     }

  939. 

  940.     .ib-item-label radio {

  941.         position: absolute;

  942.         opacity: 0;

  943.         width: 40rpx;

  944.         height: 40rpx;

  945.     }

  946. 

  947.     .ib-item-label-text {

  948.         display: inline-block;

  949.         margin-left: 60rpx;

  950.         position: relative;

  951.         top: 2rpx;

  952.     }

  953. 

  954.     .label-icon {

  955.         position: absolute;

  956.         top: 0;

  957.     }

  958. 

  959.     .label-icon icon {

  960.         margin: 0;

  961.     }

  962. 

  963.     .ib-item-mid {

  964.         padding-top: 4rpx;

  965.         margin: 0;

  966.         position: relative;

  967.     }

  968. 

  969.     .ib-item-mid picker {

  970.         height: 40rpx;

  971.     }

  972. 

  973.     .ib-item-mid .weui-select {

  974.         border: none;

  975.         height: 100%;

  976.         line-height: 48rpx;

  977.         min-height: 40rpx;

  978.     }

  979. 

  980.     .ib-item-mid-text {

  981.         margin-left: 40rpx;

  982.         color: #999;

  983.     }

  984. 

  985.     .icon-img {

  986.         position: absolute;

  987.         top: 50%;

  988.         transform: translateY(-50%);

  989.         width: 32rpx;

  990.         height: 32rpx;

  991.     }

  992. 

  993.     .icon-img-right {

  994.         position: absolute;

  995.         top: 50%;

  996.         transform: translateY(-50%);

  997.         width: 32rpx;

  998.         height: 32rpx;

  999.         right: 0;

  1000.     }

  1001. 

  1002.     .form-multiple-rows .form-input-box-item {

  1003.         border: none;

  1004.     }

  1005. 

  1006.     .f-m-r-item {

  1007.         color: #666;

  1008.         font-size: 28rpx;

  1009.         margin-top: 16upx;

  1010.     }

  1011. 

  1012.     .f-m-r-item .ib-item-label {

  1013.         display: block;

  1014.         margin-bottom: 20rpx;

  1015.     }

  1016. 

  1017.     .f-m-r-item .ib-item-label:last-child {

  1018.         margin-bottom: 0;

  1019.     }

  1020. 

  1021.     .various-spec-list {

  1022.         overflow: hidden;

  1023.     }

  1024. 

  1025.     .various-spec-item {

  1026.         padding: 10rpx 20rpx;

  1027.         display: inline-block;

  1028.         border: 2rpx solid #e2e2e2;

  1029.         margin-right: 20rpx;

  1030.         margin-bottom: 20rpx;

  1031.         border-radius: 6rpx;

  1032.         color: #666;

  1033.         background-color: #f7f7f7;

  1034.         min-width: 130rpx;

  1035.         text-align: center;

  1036.     }

  1037. 

  1038.     .vAactive {

  1039.         border: 2rpx solid #333;

  1040.         color: #333;

  1041.     }

  1042. 

  1043.     .various-spec-list:last-child .various-spec-item {

  1044.         margin-bottom: 0rpx;

  1045.     }

  1046. 

  1047.     .upload-img-list {

  1048.         overflow: hidden;

  1049.     }

  1050. 

  1051.     .upload-img-hd {

  1052.         position: relative;

  1053.         width: 150rpx;

  1054.         height: 150rpx;

  1055.         border: 2rpx solid #e2e2e2;

  1056.         background-color: #f7f7f7;

  1057.         border-radius: 6rpx;

  1058.         box-sizing: border-box;

  1059.         float: left;

  1060.         margin-left: 30rpx;

  1061.     }

  1062. 

  1063.     .upload-img-hd input {

  1064.         position: absolute;

  1065.         width: 100%;

  1066.         height: 100%;

  1067.         opacity: 0;

  1068.     }

  1069. 

  1070.     .upload-img-hd image {

  1071.         width: 48rpx;

  1072.         height: 48rpx;

  1073.         position: relative;

  1074.         top: 50%;

  1075.         left: 50%;

  1076.         transform: translate(-50%, -50%);

  1077.     }

  1078. 

  1079.     .upload-img-bd {

  1080.         /* width: 150rpx; */

  1081.         /* height: 150rpx; */

  1082.         float: left;

  1083. 

  1084.         overflow: hidden;

  1085.     }

  1086. 

  1087.     .upload-img .upload-camera {

  1088.         width: 100%;

  1089.         height: 100%;

  1090.     }

  1091. 

  1092.     .upload-img {

  1093.         width: 150rpx;

  1094.         height: 150rpx;

  1095.         position: relative;

  1096.         float: left;

  1097.         margin-right: 30rpx;

  1098.     }

  1099. 

  1100.     .upload-img:last-child {

  1101.         margin-right: 0;

  1102.     }

  1103. 

  1104.     .del-img {

  1105.         width: 36rpx !important;

  1106.         height: 36rpx !important;

  1107.         position: absolute;

  1108.         right: 0;

  1109.         top: 0;

  1110.         z-index: 99;

  1111.     }

  1112. 

  1113.     .ib-item-textarea {

  1114.         width: 100%;

  1115.         height: 200rpx;

  1116.         box-sizing: border-box;

  1117.         border: 2rpx solid #e2e2e2;

  1118.         background-color: #f7f7f7;

  1119.         border-radius: 6rpx;

  1120.         padding: 20rpx 30rpx;

  1121.     }

  1122. 

  1123.     .bottom-btn {

  1124.         position: fixed;

  1125.         bottom: 0;

  1126.         width: 100%;

  1127.         z-index: 95;

  1128.     }

  1129. 

  1130.     .bottom-btn button {

  1131.         width: 100%;

  1132.         height: 90rpx;

  1133.         line-height: 90rpx;

  1134.         margin: 0 auto;

  1135.         background-color: #333;

  1136.         color: #fff;

  1137.         font-size: 32rpx;

  1138.         border-radius: 0;

  1139.     }

  1140. 

  1141.     .bottom-btn button::after {

  1142.         border-radius: 0;

  1143.     }

  1144. 

  1145.     .hidden {

  1146.         display: none;

  1147.     }

  1148. 

  1149.     .checkout-list {

  1150.         overflow: hidden;

  1151.     }

  1152. 

  1153.     .checkout-item {

  1154.         display: inline-block;

  1155.         float: left;

  1156.     }

  1157. 

  1158.     .checkout-item-c {

  1159.         padding: 4rpx 14rpx;

  1160.         border: 2rpx solid #ccc;

  1161.         margin-right: 10rpx;

  1162.         border-radius: 6rpx;

  1163.         color: #888;

  1164.     }

  1165. 

  1166.     .checkout-item-c checkbox {

  1167.         display: none;

  1168.     }

  1169. 

  1170.     .black {

  1171.         background-color: rgb(55, 55, 55);

  1172.         color: #fff;

  1173.         border: 2rpx solid rgb(55, 55, 55);

  1174.     }

  1175. 

  1176.     /*支付按钮样式*/

  1177. 

  1178.     .content-bot {

  1179.         margin-top: 18rpx;

  1180.     }

  1181. 

  1182.     .content-bot>view {

  1183.         padding: 16rpx 0;

  1184.         margin-bottom: 2rpx;

  1185.         position: relative;

  1186.         background-color: #fff;

  1187.         height: 75rpx;

  1188.     }

  1189. 

  1190.     .content-bot>view button {

  1191.         background-color: #fff;

  1192.         width: 100%;

  1193.         height: 100%;

  1194.         padding: 0;

  1195.         position: static;

  1196.         text-align: left;

  1197.     }

  1198. 

  1199.     .content-bot>view button::after {

  1200.         border: none;

  1201.     }

  1202. 

  1203.     .content-bot .left-img {

  1204.         display: inline-block;

  1205.         height: 82rpx;

  1206.         width: 94rpx;

  1207.         border-right: 2rpx solid #f4f4f4;

  1208.         position: absolute;

  1209.         left: 30rpx;

  1210.         top: 50%;

  1211.         transform: translateY(-50%);

  1212.     }

  1213. 

  1214.     .content-bot .left-img image {

  1215.         width: 64rpx;

  1216.         height: 64rpx;

  1217.         position: relative;

  1218.         top: 8rpx;

  1219.     }

  1220. 

  1221.     .content-bot-right {

  1222.         display: inline-block;

  1223.         margin-left: 150rpx;

  1224.         position: relative;

  1225.         top: 16rpx;

  1226.     }

  1227. 

  1228.     .modal-box {

  1229.         position: fixed;

  1230.         width: 100%;

  1231.         height: 100%;

  1232.         top: 0px;

  1233.         background: rgba(0, 0, 0, 0.4);

  1234.         overflow: hidden;

  1235.         z-index: 1000;

  1236.     }

  1237. 

  1238.     .modal-body {

  1239.         position: fixed;

  1240.         bottom: 0;

  1241.         background-color: #fff;

  1242.         width: 100%;

  1243.         z-index: 1001;

  1244.         font-size: 28rpx;

  1245.     }

  1246. 

  1247.     .modal-payment .item {

  1248.         height: 80rpx;

  1249.         width: 100%;

  1250.         line-height: 80rpx;

  1251.         text-align: center;

  1252.     }

  1253. 

  1254.     .modal-payment .immediate-pay {

  1255.         height: 80rpx;

  1256.         line-height: 80rpx;

  1257.         width: 100%;

  1258.         text-align: center;

  1259.         border: none;

  1260.         border-radius: 0;

  1261.         border-bottom: 2rpx solid #eee;

  1262.         box-sizing: border-box;

  1263.         background-color: #fff;

  1264.     }

  1265. 

  1266.     .modal-payment .immediate-pay::after {

  1267.         border: none;

  1268.     }

  1269. 

  1270.     .specs-goods-t {

  1271.         position: relative;

  1272.         padding: 30rpx;

  1273.         border-bottom: 2rpx solid #f3f3f3;

  1274.     }

  1275. 

  1276.     .specs-goods-information {

  1277.         width: 520rpx;

  1278.         display: inline-block;

  1279.     }

  1280. 

  1281.     .specs-goods-information .specs-goods-name {

  1282.         width: 100%;

  1283.         overflow: hidden;

  1284.         white-space: nowrap;

  1285.         text-overflow: ellipsis;

  1286.         display: block;

  1287.         font-size: 24rpx;

  1288.         margin-bottom: 20rpx;

  1289.     }

  1290. 

  1291.     .specs-goods-information .specs-goods-price {

  1292.         display: block;

  1293.         color: #ff3b44;

  1294.         font-size: 30rpx;

  1295.     }

  1296. 

  1297.     .close-btn {

  1298.         width: 40rpx;

  1299.         height: 40rpx;

  1300.         border-radius: 50%;

  1301.         display: inline-block;

  1302.         position: absolute;

  1303.         right: 30rpx;

  1304.     }

  1305. 

  1306.     .close-btn image {

  1307.         width: 100%;

  1308.         height: 100%;

  1309.     }

  1310. 

  1311.     .modal-body .detail-footer-right {

  1312.         width: 100%;

  1313.     }

  1314. 

  1315.     .gray-text {

  1316.         color: #a5a5a5;

  1317.         font-size: 28rpx;

  1318.     }

  1319. 

  1320.     .salespromotion-service-name {

  1321.         color: #a5a5a5;

  1322.         margin-right: 26rpx;

  1323.     }

  1324. 

  1325.     .color .salespromotion-service-name {

  1326.         float: left;

  1327.     }

  1328. 

  1329.     .salespromotion-service-body,

  1330.     .salespromotion-service-body view {

  1331.         display: inline-block;

  1332.     }

  1333. 

  1334.     .sales-promotion .salespromotion-service-body {

  1335.         margin: auto;

  1336.     }

  1337. 

  1338.     .sales-promotion text.salespromotion-service-body {

  1339.         background-color: #ff3b44;

  1340.         color: #fff;

  1341.         font-size: 18rpx;

  1342.         margin-left: 0rpx;

  1343.         border-radius: 10rpx;

  1344.         height: 28rpx;

  1345.         line-height: 28rpx;

  1346.         padding: 0 10rpx;

  1347.     }

  1348. 

  1349.     .salespromotion-service-body view {

  1350.         width: 170rpx;

  1351.         height: 40rpx;

  1352.         overflow: hidden;

  1353.         white-space: nowrap;

  1354.         text-overflow: ellipsis;

  1355.         position: relative;

  1356.         left: -6rpx;

  1357.     }

  1358. 

  1359.     .salespromotion-service-body view:first-child {

  1360.         margin-right: 8rpx;

  1361.     }

  1362. 

  1363.     .color-number {

  1364.         font-size: 28rpx;

  1365.         border-bottom: 14rpx solid #f3f3f3;

  1366.     }

  1367. 

  1368.     .color,

  1369.     .specifications,

  1370.     .number {

  1371.         padding: 22rpx 25rpx;

  1372.         border-bottom: 2rpx solid #f3f3f3;

  1373.         overflow: hidden;

  1374.     }

  1375. 

  1376.     .color {

  1377.         padding-bottom: 8rpx;

  1378.     }

  1379. 

  1380.     .color .salespromotion-service-b,

  1381.     .specifications .salespromotion-service-b {

  1382.         width: 600rpx;

  1383.         display: inline-block;

  1384.         float: left;

  1385.     }

  1386. 

  1387.     .color .salespromotion-service-b>view,

  1388.     .specifications .salespromotion-service-b>view {

  1389.         padding: 2rpx 20rpx;

  1390.         display: inline-block;

  1391.         text-align: center;

  1392.         border: 2rpx solid #e0e0e0;

  1393.         border-radius: 8rpx;

  1394.         color: #666;

  1395.         margin-right: 22rpx;

  1396.         margin-bottom: 12rpx;

  1397.     }

  1398. 

  1399.     .pitch-on {

  1400.         border: 2rpx solid #ff3b44;

  1401.         background-color: #ff3b44;

  1402.         color: #fff !important;

  1403.     }

  1404. 

  1405.     .nothing {

  1406.         border: 2rpx dashed #e0e0e0 !important;

  1407.         color: #c9c9c9 !important;

  1408.     }

  1409. 

  1410.     .specs-goods-c {

  1411.         margin-bottom: 100rpx;

  1412.         max-height: 432rpx;

  1413.     }

  1414. 

  1415.     .number {

  1416.         padding: 22rpx 25rpx;

  1417.     }

  1418. 

  1419.     .number>text {

  1420.         color: #999;

  1421.         position: relative;

  1422.         font-size: 28rpx;

  1423.     }

  1424. 

  1425.     .detail-footer {

  1426.         overflow: hidden;

  1427.         height: 100rpx;

  1428.         position: fixed;

  1429.         bottom: 0;

  1430.         width: 750rpx;

  1431.         text-align: center;

  1432.         z-index: 1000;

  1433.     }

  1434. 

  1435.     .detail-footer-left {

  1436.         width: 30%;

  1437.         height: 100rpx;

  1438.         font-size: 24rpx;

  1439.         color: #666;

  1440.         background-color: #f7f7f7;

  1441.         padding-top: 10rpx;

  1442.         box-sizing: border-box;

  1443.         display: inline-block;

  1444.     }

  1445. 

  1446.     .detail-footer-left>view {

  1447.         width: 50%;

  1448.         box-sizing: border-box;

  1449.         float: left;

  1450.         display: inline-block;

  1451.     }

  1452. 

  1453.     .detail-footer-left>view image {

  1454.         height: 36rpx;

  1455.         width: 36rpx;

  1456.     }

  1457. 

  1458.     .detail-footer-left>view text {

  1459.         display: block;

  1460.     }

  1461. 

  1462.     .detail-footer-right {

  1463.         width: 70%;

  1464.         display: inline-block;

  1465.         height: 100rpx;

  1466.         line-height: 100rpx;

  1467.         float: right;

  1468.         font-size: 28rpx;

  1469.         color: #fff;

  1470.         box-sizing: border-box;

  1471.     }

  1472. 

  1473.     .detail-footer-right>view {

  1474.         width: 100%;

  1475.         display: inline-block;

  1476.     }

  1477. 

  1478.     .modal-body .detail-footer-right {

  1479.         width: 100%;

  1480.     }

  1481. 

  1482.     .detail-footer-right>view {

  1483.         background-color: #333;

  1484.     }

  1485. 

  1486.     .order-num {

  1487.         display: block;

  1488.         min-width: 16rpx;

  1489.         height: 28rpx;

  1490.         line-height: 28rpx;

  1491.         background-color: #ff3b44;

  1492.         color: #fff;

  1493.         font-size: 16rpx;

  1494.         border-radius: 50rpx;

  1495.         position: absolute;

  1496.         right: 0rpx;

  1497.         top: 0rpx;

  1498.         padding: 0 6rpx;

  1499.         text-align: center;

  1500.     }

  1501. 

  1502.     .uni-list-cell-pd {

  1503.         /* width: 200upx; */

  1504.         margin-right: 40upx;

  1505.     }

  1506. 

  1507.     .invoice-type-icon,

  1508.     .invoice-type-c {

  1509.         display: inline-block;

  1510.     }

  1511. 

  1512.     .lvvpopref {

  1513.         z-index: 100;

  1514.     }

  1515. </style>

  1516.

goods

index
group.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="nav-back">

  4.             <view class="back-btn" @click="backBtn()">

  5.                 <image class="icon" src="/static/image/back-black.png" mode=""></image>

  6.             </view>

  7.         </view>

  8.         

  9.         <view class="content-top">

  10.             <!-- 轮播图 -->

  11.             <view class='swiper'>

  12.                 <swiper class="swiper-c" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay" :interval="swiper.interval"

  13.                  :duration="swiper.duration">

  14.                     <swiper-item class="have-none" v-for="(item, index) in goodsInfo.album" :key="index" @click="clickImg(item)">

  15.                         <image class='' :src='item' mode="aspectFill"></image>

  16.                     </swiper-item>

  17.                 </swiper>

  18.             </view>

  19.             <!-- 轮播图end -->

  20. 

  21.             <view class='cell-group'>

  22.                 <!-- 倒计时 -->

  23.                 <view class='price-salesvolume' v-if="lasttime.hour!==false">

  24.                     <view class='commodity-price'>

  25.                         <text class='current-price'>￥{{product.price}}</text>

  26.                         <text class='cost-price' v-if="parseFloat(product.mktprice)>0">￥{{product.mktprice}}</text>

  27.                     </view>

  28.                     <view class='commodity-salesvolume'>

  29.                         <text>已售{{goodsInfo.buy_count}}件/剩余{{product.stock}}件</text>

  30.                         <text>累计销售{{goodsInfo.buy_count}}件</text>

  31.                     </view>

  32.                     <view class='commodity-time-img'></view>

  33.                     <view class='commodity-time'>

  34.                         <text>距结束仅剩</text>

  35.                         <view class='commodity-day'>

  36.                             <uni-countdown :show-day="false" :hour="lasttime.hour" :minute="lasttime.minute" :second="lasttime.second"></uni-countdown>

  37.                         </view>

  38.                     </view>

  39.                     <!-- <view class='commodity-time'>

  40.                         已结束

  41.                     </view> -->

  42.                 </view>

  43.                 <!-- 倒计时end -->

  44. 

  45.                 <!-- 分享 -->

  46.                 <view class='cell-item goods-details'>

  47.                     <view class='cell-item-hd'>

  48.                         <view class='cell-hd-title'>

  49.                             <view class="color-3 fsz28 cell-hd-title-view">

  50.                                 {{ product.name }}

  51.                             </view>

  52.                             <view v-if="goodsInfo.brief" class="color-9 fsz24 cell-hd-title-view">

  53.                                 {{ goodsInfo.brief }}

  54.                             </view>

  55.                         </view>

  56.                     </view>

  57.                     <view class='cell-item-ft'>

  58.                         <image class='cell-ft-next icon' @click="goShare()" src='/static/image/share.png'></image>

  59.                     </view>

  60.                 </view>

  61.                 <!-- 分享end -->

  62. 

  63.                 <!-- 促销 -->

  64.                 <view class='cell-item goods-title-item' v-if="promotion.length">

  65.                     <view class='cell-item-hd'>

  66.                         <view class='cell-hd-title'>促销</view>

  67.                     </view>

  68.                     <view class='cell-item-bd'>

  69.                         <view class="romotion-tip">

  70.                             <view class="romotion-tip-item" :class="item.type !== 2 ? 'bg-gray' : ''" v-for="(item, index) in promotion"

  71.                              :key="index">

  72.                                 {{ item.name }}

  73.                             </view>

  74.                         </view>

  75.                     </view>

  76.                 </view>

  77.                 <!-- 促销end -->

  78. 

  79.                 <!-- 规格 -->

  80.                 <view class='cell-item goods-title-item' v-if="isSpes">

  81.                     <view class='cell-item-hd'>

  82.                         <view class='cell-hd-title'>规格</view>

  83.                     </view>

  84.                     <view class='cell-item-bd' @click="toshow()">

  85.                         <text class='cell-bd-text'>{{ product.spes_desc }}</text>

  86.                     </view>

  87.                 </view>

  88.                 <!-- 规格end -->

  89. 

  90.                 <!-- 说明 -->

  91.                 <view class='cell-item goods-title-item'>

  92.                     <view class='cell-item-hd'>

  93.                         <view class='cell-hd-title'>说明</view>

  94.                     </view>

  95.                     <view class='cell-item-bd'>

  96.                         <view class="cell-bd-view">

  97.                             <image class="goods-title-item-ic" src="/static/image/ic-dui.png" mode=""></image>

  98.                             <text class="cell-bd-text">24小时内发货</text>

  99.                         </view>

  100.                         <view class="cell-bd-view">

  101.                             <image class="goods-title-item-ic" src="/static/image/ic-dui.png" mode=""></image>

  102.                             <text class="cell-bd-text">7天拆封无条件退货</text>

  103.                         </view>

  104.                     </view>

  105.                 </view>

  106.                 <!-- 说明end -->

  107.             </view>

  108. 

  109.             <view class="goods-content">

  110.                 <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" style-type="text" active-color="#333"></uni-segmented-control>

  111.                 <view class="goods-content-c">

  112.                     <view class="goods-detail" v-if="current === 0">

  113.                         <jshopContent :content="goodsInfo.intro" v-if="goodsInfo.intro"></jshopContent>

  114.                     </view>

  115.                     <view class="goods-parameter" v-else-if="current === 1">

  116.                         <view class='cell-group' v-if="goodsParams.length">

  117.                             <view class='cell-item' v-for="(item, index) in goodsParams" :key="index">

  118.                                 <view class='cell-item-hd'>

  119.                                     <view class='cell-hd-title'>{{ item.name }}</view>

  120.                                 </view>

  121.                                 <view class='cell-item-bd'>

  122.                                     <text class='cell-bd-text'>{{ item.value }}</text>

  123.                                 </view>

  124.                             </view>

  125.                             <!--                             <view class='cell-item'>

  126.                                 <view class='cell-item-hd'>

  127.                                     <view class='cell-hd-title'>保修政策</view>

  128.                                 </view>

  129.                                 <view class='cell-item-bd'>

  130.                                     <view class="cell-bd-view">

  131.                                         <text class="cell-bd-text">二十日内包修理或换货</text>

  132.                                     </view>

  133.                                     <view class="cell-bd-view">

  134.                                         <text class="cell-bd-text">一年内包修理</text>

  135.                                     </view>

  136.                                 </view>

  137.                             </view> -->

  138.                         </view>

  139.                     </view>

  140.                     <view class="goods-assess" v-else-if="current === 2">

  141.                         <view v-if="goodsComments.list.length">

  142.                             <view class="goods-assess-item" v-for="(item, index) in goodsComments.list" :key="index">

  143.                                 <view class='cell-group'>

  144.                                     <view class='cell-item goods-title-item'>

  145.                                         <view class='cell-item-hd'>

  146.                                             <image class='user-head-img' :src='item.user.avatar' mode="aspectFill"></image>

  147.                                         </view>

  148.                                         <view class='cell-item-bd'>

  149.                                             <view class="cell-bd-view">

  150.                                                 <text class="cell-bd-text">{{ item.user.nickname }}</text>

  151.                                                 <view class="cell-bd-text-right">

  152.                                                     <uni-rate size="16" disabled="true" :value="item.score"></uni-rate>

  153.                                                 </view>

  154.                                             </view>

  155.                                             <view class="cell-bd-view">

  156.                                                 <text class="cell-bd-text color-9" style="margin-right: 16upx;">{{ item.ctime }}</text>

  157.                                                 <text class="cell-bd-text color-9">{{ item.addon }}</text>

  158.                                             </view>

  159.                                         </view>

  160.                                     </view>

  161.                                 </view>

  162.                                 <view class="gai-body">

  163.                                     <view class="gai-body-text">

  164.                                         {{ item.content }}

  165.                                     </view>

  166.                                     <view class="gai-body-img" v-if="item.images_url.length">

  167.                                         <image :src="img" mode="aspectFill" v-for="(img, key) in item.images_url" :key="key" @click="clickImg(img)"></image>

  168.                                     </view>

  169.                                 </view>

  170.                             </view>

  171.                             <uni-load-more :status="goodsComments.loadStatus"></uni-load-more>

  172.                         </view>

  173.                         <view class="comment-none" v-else>

  174.                             <image class="comment-none-img" src="/static/image/order.png" mode=""></image>

  175.                         </view>

  176.                     </view>

  177.                 </view>

  178.             </view>

  179.         </view>

  180. 

  181.         <lvv-popup position="bottom" ref="share">

  182. 

  183.             <!-- #ifdef H5 -->

  184.             <shareByH5 :goodsId="goodsInfo.id" :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief"

  185.              :shareHref="shareHref" @close="closeShare()"></shareByH5>

  186.             <!-- #endif -->

  187. 

  188.             <!-- #ifdef MP-WEIXIN -->

  189.             <shareByWx :goodsId="goodsInfo.id" :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief"

  190.              :shareHref="shareHref" @close="closeShare()"></shareByWx>

  191.             <!-- #endif -->

  192. 

  193.             <!-- #ifdef MP-ALIPAY -->

  194.             <shareByAli :goodsId="goodsInfo.id" :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief"

  195.              :shareHref="shareHref" @close="closeShare()"></shareByAli>

  196.             <!-- #endif -->

  197. 

  198.             <!-- #ifdef APP-PLUS -->

  199.             <shareByApp :goodsId="goodsInfo.id" :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief"

  200.              :shareHref="shareHref" @close="closeShare()"></shareByApp>

  201.             <!-- #endif -->

  202. 

  203.         </lvv-popup>

  204. 

  205.         <!-- 弹出层 -->

  206.         <lvv-popup position="bottom" ref="lvvpopref">

  207.             <view style="width: 100%;max-height: 804upx;background: #FFFFFF;position: absolute;left:0;bottom: 0;">

  208.                 <view class="pop-c">

  209.                     <view class="pop-t">

  210.                         <view class='goods-img'>

  211.                             <image :src='product.image_path' mode='aspectFill'></image>

  212.                         </view>

  213.                         <view class='goods-information'>

  214.                             <view class='pop-goods-name'>{{ product.name }}</view>

  215.                             <view class='pop-goods-price red-price'>￥ {{ product.price }}</view>

  216.                         </view>

  217.                         <view class='close-btn' @click="toclose()">

  218.                             <image src='/static/image/close.png'></image>

  219.                         </view>

  220.                     </view>

  221.                     <scroll-view class="pop-m" scroll-y="true" style="max-height: 560upx;">

  222.                         <spec :spesData="product.default_spes_desc" ref="spec" @changeSpes="changeSpes"></spec>

  223. 

  224.                         <view class="goods-number">

  225.                             <text class="pop-m-title">数量</text>

  226.                             <view class="pop-m-bd-in">

  227.                                 <uni-number-box :min="minNums" :max="product.stock" :value="buyNum" @change="bindChange"></uni-number-box>

  228.                             </view>

  229.                         </view>

  230.                     </scroll-view>

  231.                     <view class="pop-b">

  232.                         <!-- <button class='btn btn-square btn-g btn-half' @click="addToCart">加入购物车</button>

  233.                         <button class='btn btn-square btn-b btn-half' @click="buyNow">立即购买</button> -->

  234.                         <button class='btn btn-square btn-b btn-all' hover-class="btn-hover2" @click="buyNow()" v-if="product.stock">确定</button>

  235.                         <button class='btn btn-square btn-g btn-all' v-else>已售罄</button>

  236.                     </view>

  237.                 </view>

  238.             </view>

  239.         </lvv-popup>

  240.         <!-- 弹出层end -->

  241. 

  242.         <div id="qrCode" ref="qrCodeDiv"></div>

  243.         <!-- 底部按钮 -->

  244.         <view class="goods-bottom">

  245.             <view class="goods-bottom-ic" @click="collection">

  246.                 <image class="icon" :src="isfav ? favLogo[1] : favLogo[0]" mode=""></image>

  247.                 <view v-if="!isfav">收藏</view>

  248.                 <view v-if="isfav">已收藏</view>

  249.             </view>

  250. 

  251.             <view class="goods-bottom-ic" @click="redirectCart">

  252.                 <view class="badge color-f" v-if="cartNums">{{ cartNums }}</view>

  253.                 <image class="icon" src="/static/image/ic-me-car.png" mode=""></image>

  254.                 <view>购物车</view>

  255.             </view>

  256.             <button class='btn btn-square btn-b tl' @click="toshow(2)" hover-class="btn-hover2">立即{{typeName}}</button>

  257.         </view>

  258.         <!-- 底部按钮end -->

  259. 

  260.         <!-- 右边浮动球 -->

  261.         <!-- <view class="right-ball">

  262.             <view class="" @click="goIndex()">

  263.                 <image class="icon" src="/static/image/tab-ic-hom-selected.png" mode=""></image>

  264.             </view>

  265.         </view> -->

  266.         <uni-fab :pattern="pattern" :content="content" :horizontal="horizontal" :vertical="vertical" :direction="direction"

  267.          @trigger="trigger"></uni-fab>

  268.     </view>

  269. </template>

  270. 

  271. <script>

  272.     import uniSegmentedControl from "@/components/uni-segmented-control/uni-segmented-control.vue";

  273.     import lvvPopup from '@/components/lvv-popup/lvv-popup.vue';

  274.     import uniNumberBox from "@/components/uni-number-box/uni-number-box.vue";

  275.     import uniRate from "@/components/uni-rate/uni-rate.vue";

  276.     import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';

  277.     import uniFab from '@/components/uni-fab/uni-fab.vue';

  278.     import {

  279.         get

  280.     } from '@/config/db.js';

  281.     import {

  282.         apiBaseUrl

  283.     } from '@/config/config.js'

  284.     import uniCountdown from "@/components/uni-countdown/uni-countdown.vue"

  285.     import spec from '@/components/spec/spec.vue'

  286.     // #ifdef H5

  287.     import shareByH5 from '@/components/share/shareByh5.vue'

  288.     // #endif

  289.     // #ifdef MP-WEIXIN

  290.     import shareByWx from '@/components/share/shareByWx.vue'

  291.     // #endif

  292.     // #ifdef MP-ALIPAY

  293.     import shareByAli from '@/components/share/shareByAli.vue'

  294.     // #endif

  295.     // #ifdef APP-PLUS

  296.     import shareByApp from '@/components/share/shareByApp.vue'

  297.     // #endif

  298. 

  299.     import jshopContent from '@/components/jshop/jshop-content.vue'//视频和文本解析组件

  300.     

  301.     export default {

  302.         components: {

  303.             uniSegmentedControl,

  304.             lvvPopup,

  305.             uniNumberBox,

  306.             uniRate,

  307.             uniLoadMore,

  308.             uniFab,

  309.             uniCountdown,

  310.             spec,

  311.             jshopContent,

  312.             // #ifdef H5

  313.             shareByH5,

  314.             // #endif

  315. 

  316.             // #ifdef MP-WEIXIN

  317.             shareByWx,

  318.             // #endif

  319. 

  320.             // #ifdef MP-ALIPAY

  321.             shareByAli,

  322.             // #endif

  323. 

  324.             // #ifdef APP-PLUS

  325.             shareByApp,

  326.             // #endif

  327.         },

  328.         data() {

  329.             return {

  330.                 myShareCode: '', //分享Code

  331.                 swiper: {

  332.                     indicatorDots: true,

  333.                     autoplay: true,

  334.                     interval: 3000,

  335.                     duration: 800,

  336.                 }, // 轮播图属性设置

  337.                 items: ['图文详情', '商品参数', '买家评论'],

  338.                 current: 0, // init tab位

  339.                 goodsId: 0, // 商品id

  340.                 groupId: 0, // 团购ID

  341.                 goodsInfo: {}, // 商品详情

  342.                 cartNums: 0, // 购物车数量

  343.                 product: {}, // 规格详情

  344.                 goodsParams: [], // 商品参数信息

  345.                 goodsComments: {

  346.                     loadStatus: 'more',

  347.                     page: 1,

  348.                     limit: 5,

  349.                     list: []

  350.                 }, // 商品评论信息

  351.                 buyNum: 1, // 选定的购买数量

  352.                 minBuyNum: 1, // 最小可购买数量

  353.                 type: 1,

  354.                 isfav: false, // 商品是否收藏

  355.                 favLogo: [

  356.                     '/static/image/ic-me-collect.png',

  357.                     '/static/image/ic-me-collect2.png'

  358.                 ],

  359.                 horizontal: 'right', //右下角弹出按钮

  360.                 vertical: 'bottom',

  361.                 direction: 'vertical',

  362.                 pattern: {

  363.                     color: '#7A7E83',

  364.                     backgroundColor: '#fff',

  365.                     selectedColor: '#007AFF',

  366.                     buttonColor: "#FF7159"

  367.                 },

  368.                 content: [{

  369.                         iconPath: '/static/image/tab-ic-hom-selected.png',

  370.                         selectedIconPath: '/static/image/tab-ic-hom-unselected.png',

  371.                         // text: '首页',

  372.                         active: false,

  373.                         url: '/pages/index/index'

  374.                     },

  375. 

  376.                     {

  377.                         iconPath: '/static/image/tab-ic-me-selected.png',

  378.                         selectedIconPath: '/static/image/tab-ic-me-unselected.png',

  379.                         // text: '个人中心',

  380.                         active: false,

  381.                         url: '/pages/member/index/index'

  382.                     },

  383.                 ],

  384.                 indicatorDots: false,

  385.                 autoplay: false,

  386.                 interval: 2000,

  387.                 duration: 500,

  388.                 lasttime: {

  389.                     hour: false,

  390.                     minute: 0,

  391.                     second: 0

  392.                 },

  393.             }

  394.         },

  395.         onLoad(e) {

  396.             this.goodsId = e.id;

  397.             this.groupId = e.group_id;

  398. 

  399.             if (this.goodsId && this.groupId) {

  400.                 this.getGoodsInfo();

  401.                 this.getGoodsParams();

  402.                 this.getGoodsComments();

  403.             } else {

  404.                 this.$common.errorToShow('获取失败', () => {

  405.                     uni.navigateBack({

  406.                         delta: 1

  407.                     });

  408.                 });

  409.             }

  410. 

  411.             // 获取购物车数量

  412.             this.getCartNums();

  413.             this.getMyShareCode();

  414.         },

  415.         computed: {

  416.             // 规格切换计算规格商品的 可购买数量

  417.             minNums() {

  418.                 return this.product.stock > this.minBuyNum ? this.minBuyNum : this.product.stock;

  419.             },

  420.             // 判断商品是否是多规格商品  (为了兼容小程序 只能写在计算属性里面了)

  421.             isSpes() {

  422.                 if (this.product.hasOwnProperty('default_spes_desc') && Object.keys(this.product.default_spes_desc).length) {

  423.                     return true;

  424.                 } else {

  425.                     return false;

  426.                 }

  427.             },

  428.             // 优惠信息重新组装

  429.             promotion() {

  430.                 let arr = [];

  431.                 if (this.product.promotion_list) {

  432.                     for (let k in this.product.promotion_list) {

  433.                         arr.push(this.product.promotion_list[k]);

  434.                     }

  435.                 }

  436.                 return arr;

  437.             },

  438.             typeName() {

  439.                 return this.goodsInfo.group_type == 3 ? '团购' : '秒杀';

  440.             },

  441.             shareHref() {

  442.                 let pages = getCurrentPages()

  443.                 let page = pages[pages.length - 1]

  444.                 // #ifdef H5 || MP-WEIXIN || APP-PLUS || APP-PLUS-NVUE

  445.                 return apiBaseUrl + 'wap/' + page.route + '?id=' + this.goodsId + '&group_id=' + this.groupId;

  446.                 // #endif

  447. 

  448.                 // #ifdef MP-ALIPAY

  449.                 return apiBaseUrl + 'wap/' + page.__proto__.route + '?id=' + this.goodsId + '&group_id=' + this.groupId;

  450.                 // #endif

  451.             }

  452.         },

  453.         onReachBottom() {

  454.             if (this.current === 2 && this.goodsComments.loadStatus === 'more') {

  455.                 this.getGoodsComments();

  456.             }

  457.         },

  458.         methods: {

  459.             // 返回上一页

  460.             backBtn() {

  461.                 uni.navigateBack({

  462.                     delta: 1

  463.                 });

  464.             },

  465.             getGoodsInfo() {

  466.                 let data = {

  467.                     id: this.goodsId,

  468.                     group_id: this.groupId,

  469.                 }

  470.                 // 如果用户已经登录 要传用户token

  471.                 let userToken = get('userToken');

  472.                 if (userToken) {

  473.                     data['token'] = userToken;

  474.                 }

  475.                 let _this = this;

  476.                 this.$api.groupInfo(data, res => {

  477.                     if (res.status) {

  478.                         if (res.data.length < 1) {

  479.                             this.$common.errorToShow('该商品不存在，请返回重新选择商品。', () => {

  480.                                 uni.navigateBack({

  481.                                     delta: 1

  482.                                 });

  483.                             });

  484.                         } else if (res.data.marketable != 1) {

  485.                             this.$common.errorToShow('该商品已下架，请返回重新选择商品。', () => {

  486.                                 uni.navigateBack({

  487.                                     delta: 1

  488.                                 });

  489.                             });

  490.                         } else {

  491.                             let info = res.data;

  492.                             let products = res.data.product;

  493.                             this.goodsInfo = info;

  494.                             this.isfav = this.goodsInfo.isfav === 'true' ? true : false;

  495.                             this.product = this.spesClassHandle(products);

  496.                             let lasttime = res.data.lasttime;

  497.                             _this.lasttime = lasttime;

  498. 

  499.                             // 判断如果登录用户添加商品浏览足迹

  500.                             if (userToken) {

  501.                                 this.goodsBrowsing();

  502.                             }

  503.                         }

  504.                     }

  505.                 });

  506.             },

  507.             // 获取购物车数量

  508.             getCartNums() {

  509.                 let userToken = this.$db.get("userToken");

  510.                 if (userToken && userToken != '') {

  511.                     // 获取购物车数量

  512.                     this.$api.getCartNum({}, res => {

  513.                         if (res.status) {

  514.                             this.cartNums = res.data;

  515.                         }

  516.                     });

  517.                 }

  518.             },

  519.             // 显示modal弹出框

  520.             toshow(type) {

  521.                 this.type = type;

  522.                 this.$refs.lvvpopref.show();

  523.             },

  524.             // 关闭modal弹出框

  525.             toclose() {

  526.                 this.$refs.lvvpopref.close();

  527.             },

  528.             // 切换商品规格

  529.             changeSpes(obj) {

  530.                 let index = obj.v;

  531.                 let key = obj.k;

  532.                 if (this.product.default_spes_desc[index][key].hasOwnProperty('product_id') && this.product.default_spes_desc[index]

  533.                     [key].product_id) {

  534.                     let data = {

  535.                         'id': this.product.default_spes_desc[index][key].product_id

  536.                     };

  537.                     let userToken = this.$db.get("userToken");

  538.                     if (userToken) {

  539.                         data['token'] = userToken;

  540.                     }

  541.                     this.$api.getProductInfo(data, res => {

  542.                         if (res.status == true) {

  543.                             // 切换规格判断可购买数量

  544.                             this.buyNum = res.data.stock > this.minBuyNum ? this.minBuyNum : res.data.stock;

  545.                             this.product = this.spesClassHandle(res.data);

  546.                         }

  547.                     });

  548.                     uni.showLoading({

  549.                         title: '加载中'

  550.                     });

  551.                     setTimeout(function() {

  552.                         uni.hideLoading();

  553.                     }, 1000);

  554.                 }

  555.             },

  556.             // 多规格样式统一处理

  557.             spesClassHandle(products) {

  558.                 // 判断是否是多规格 (是否有默认规格)

  559.                 if (products.hasOwnProperty('default_spes_desc')) {

  560.                     let spes = products.default_spes_desc;

  561.                     for (let key in spes) {

  562.                         for (let i in spes[key]) {

  563.                             if (spes[key][i].hasOwnProperty('is_default') && spes[key][i].is_default === true) {

  564.                                 this.$set(spes[key][i], 'cla', 'pop-m-item selected');

  565.                             } else if (spes[key][i].hasOwnProperty('product_id') && spes[key][i].product_id) {

  566.                                 this.$set(spes[key][i], 'cla', 'pop-m-item not-selected');

  567.                             } else {

  568.                                 this.$set(spes[key][i], 'cla', 'pop-m-item none');

  569.                             }

  570.                         }

  571.                     }

  572.                     products.default_spes_desc = spes;

  573.                 }

  574.                 return products;

  575.             },

  576.             // 购买数量加减操作

  577.             bindChange(val) {

  578.                 this.buyNum = val;

  579.             },

  580.             // 商品收藏/取消

  581.             collection() {

  582.                 let data = {

  583.                     goods_id: this.goodsInfo.id

  584.                 }

  585.                 this.$api.goodsCollection(data, res => {

  586.                     if (res.status) {

  587.                         this.isfav = !this.isfav;

  588.                         this.$common.successToShow(res.msg);

  589.                     } else {

  590.                         this.$common.errorToShow(res.msg);

  591.                     }

  592.                 })

  593.             },

  594.             // tab点击切换

  595.             onClickItem(index) {

  596.                 if (this.current !== index) {

  597.                     this.current = index;

  598.                 }

  599.             },

  600.             // 获取商品参数信息

  601.             getGoodsParams() {

  602.                 this.$api.goodsParams({

  603.                     id: this.goodsId

  604.                 }, res => {

  605.                     if (res.status == true) {

  606.                         this.goodsParams = res.data;

  607.                     }

  608.                 })

  609.             },

  610.             // 获取商品评论信息

  611.             getGoodsComments() {

  612.                 let data = {

  613.                     page: this.goodsComments.page,

  614.                     limit: this.goodsComments.limit,

  615.                     goods_id: this.goodsId

  616.                 }

  617. 

  618.                 this.goodsComments.loadStatus = 'loading';

  619. 

  620.                 this.$api.goodsComment(data, res => {

  621.                     if (res.status == true) {

  622.                         let _list = res.data.list;

  623. 

  624.                         // 如果评论没有图片 在这块作处理否则控制台报错

  625.                         _list.forEach(item => {

  626.                             item.ctime = this.$common.timeToDate(item.ctime)

  627.                             if (!item.hasOwnProperty('images_url')) {

  628.                                 this.$set(item, 'images_url', [])

  629.                             }

  630.                         });

  631. 

  632.                         this.goodsComments.list = [...this.goodsComments.list, ..._list];

  633.                         // 根据count数量判断是否还有数据

  634.                         if (res.data.count > this.goodsComments.list.length) {

  635.                             this.goodsComments.loadStatus = 'more';

  636.                             this.goodsComments.page++;

  637.                         } else {

  638.                             this.goodsComments.loadStatus = 'noMore';

  639.                         }

  640.                     } else {

  641.                         this.$common.errorToShow(res.msg);

  642.                     }

  643.                 })

  644.             },

  645.             // 添加商品浏览足迹

  646.             goodsBrowsing() {

  647.                 let data = {

  648.                     goods_id: this.goodsInfo.id

  649.                 }

  650. 

  651.                 this.$api.addGoodsBrowsing(data, res => {});

  652.             },

  653. 

  654.             // 立即购买

  655.             buyNow() {

  656.                 if (this.buyNum > 0) {

  657.                     let data = {

  658.                         product_id: this.product.id,

  659.                         nums: this.buyNum,

  660.                         order_type: 1,

  661. 

  662.                     }

  663.                     this.$api.addCart(data, res => {

  664.                         if (res.status) {

  665.                             this.toclose();

  666.                             let cartIds = res.data;

  667.                             this.$common.navigateTo('/pages/goods/place-order/index?cart_ids=' + JSON.stringify(cartIds));

  668.                         } else {

  669.                             this.$common.errorToShow(res.msg);

  670.                         }

  671.                     })

  672.                 }

  673.             },

  674.             // 拼团

  675.             Group() {

  676.                 if (this.buyNum > 0) {

  677.                     let data = {

  678.                         product_id: this.product.id,

  679.                         nums: this.buyNum,

  680.                         order_type: this.type, // 区分购买和拼团

  681. 

  682.                     }

  683.                     this.$api.addCart(data, res => {

  684.                         if (res.status) {

  685.                             this.toclose();

  686.                             let cartIds = res.data;

  687.                             this.$common.navigateTo('/pages/goods/place-order/index?cart_ids=' + JSON.stringify(cartIds));

  688.                         }

  689.                     })

  690.                 }

  691.             },

  692. 

  693.             // 购物车页面跳转

  694.             redirectCart() {

  695.                 uni.switchTab({

  696.                     url: '/pages/cart/index/index'

  697.                 });

  698.             },

  699. 

  700.             trigger(e) {

  701.                 this.content[e.index].active = !e.item.active;

  702.                 uni.switchTab({

  703.                     url: e.item.url

  704.                 })

  705.             },

  706.             // 跳转到h5分享页面

  707.             goShare() {

  708.                 this.$refs.share.show();

  709.             },

  710.             closeShare() {

  711.                 this.$refs.share.close();

  712.             },

  713.             // 图片点击放大

  714.             clickImg(imgs) {

  715.                 // 预览图片

  716.                 uni.previewImage({

  717.                     urls: imgs.split()

  718.                 });

  719.             },

  720.             getMyShareCode() {

  721.                 let userToken = this.$db.get("userToken");

  722.                 if (userToken && userToken != '') {

  723.                     // 获取我的分享码

  724.                     this.$api.shareCode({}, res => {

  725.                         if (res.status) {

  726.                             this.myShareCode = res.data ? res.data : '';

  727.                         }

  728.                     });

  729.                 }

  730.             }

  731.         },

  732.         //分享

  733.         onShareAppMessage() {

  734.             let myInviteCode = this.myShareCode ? this.myShareCode : '';

  735.             let ins = this.$common.shareParameterDecode('type=6&id=' + this.goodsId + '&group_id=' + this.groupId + '&invite=' +

  736.                 myInviteCode);

  737.             let path = '/pages/share/jump?scene=' + ins;

  738.             return {

  739.                 title: this.goodsInfo.name,

  740.                 // #ifdef MP-ALIPAY

  741.                 desc: this.goodsInfo.brief,

  742.                 // #endif

  743.                 imageUrl: this.goodsInfo.album[0],

  744.                 path: path

  745.             }

  746.         }

  747.     }

  748. </script>

  749. 

  750. <style>

  751.     .swiper {

  752.         height: 750upx;

  753.     }

  754. 

  755.     .goods-top {

  756.         border-bottom: 0;

  757.     }

  758. 

  759.     .goods-top .goods-price {

  760.         font-size: 38upx;

  761.     }

  762. 

  763.     .cost-price {

  764.         font-size: 28upx !important;

  765.         bottom: -10upx;

  766.         color: #999;

  767.         text-decoration: line-through;

  768.     }

  769. 

  770.     .goods-top .cell-item-ft {

  771.         font-size: 20upx;

  772.         color: #666;

  773.     }

  774. 

  775.     .goods-details {

  776.         padding-top: 16upx;

  777.     }

  778. 

  779.     .goods-details .cell-hd-title {

  780.         width: 620upx;

  781.     }

  782. 

  783.     .goods-details .cell-hd-title .cell-hd-title-view {

  784.         width: 100%;

  785.         display: -webkit-box;

  786.         -webkit-box-orient: vertical;

  787.         -webkit-line-clamp: 2;

  788.         overflow: hidden;

  789.     }

  790. 

  791.     .goods-details .cell-hd-title .cell-hd-title-view:last-child {

  792.         margin-top: 10upx;

  793.     }

  794. 

  795.     .goods-details .cell-item-ft {

  796.         top: 24upx;

  797.     }

  798. 

  799.     .goods-title-item .cell-item-hd {

  800.         min-width: 60upx;

  801.         color: #666;

  802.         font-size: 24upx;

  803.     }

  804. 

  805.     .goods-title-item .cell-item-bd {

  806.         color: #333;

  807.         font-size: 24upx;

  808.     }

  809. 

  810.     .goods-title-item .cell-bd-text {

  811.         bottom: 0;

  812.     }

  813. 

  814.     .cell-bd-view {

  815.         position: relative;

  816.         overflow: hidden;

  817.     }

  818. 

  819.     .cell-bd-view:first-child {

  820.         margin-bottom: 8upx;

  821.     }

  822. 

  823.     .goods-title-item-ic {

  824.         width: 22upx;

  825.         height: 22upx;

  826.         position: absolute;

  827.         top: 50%;

  828.         transform: translateY(-50%);

  829.         /* #ifdef MP-ALIPAY */

  830.         background-size: 100% 100%;

  831.         /* #endif */

  832.     }

  833. 

  834.     .cell-bd-view .cell-bd-text {

  835.         margin-left: 30upx;

  836.     }

  837. 

  838.     .goods-content {

  839.         margin-top: 26upx;

  840.         background-color: #fff;

  841.         padding: 26upx 0;

  842.     }

  843. 

  844.     .goods-content-c {}

  845. 

  846.     .goods-parameter {

  847.         padding: 10upx 26upx;

  848.     }

  849. 

  850.     .goods-bottom,

  851.     .pop-b {

  852.         background-color: #fff;

  853.         position: fixed;

  854.         bottom: 0;

  855.         height: 90upx;

  856.         width: 100%;

  857.         overflow: hidden;

  858.         box-shadow: 0 0 20upx #ccc;

  859.     }

  860. 

  861.     .goods-bottom button {

  862.         height: 100%;

  863.         width: 35%;

  864.     }

  865. 

  866.     .goods-bottom-ic {

  867.         display: inline-block;

  868.         position: relative;

  869.         text-align: center;

  870.         height: 100%;

  871.         width: 15%;

  872.         float: left;

  873.         font-size: 22upx;

  874.         color: #666;

  875.     }

  876. 

  877.     .goods-bottom-ic .icon {

  878.         position: relative;

  879.         top: 6upx;

  880.         /* left: -6upx; */

  881.         /* #ifdef MP-ALIPAY */

  882.         background-size: 100% 100%;

  883.         /* #endif */

  884.     }

  885. 

  886.     .goods-bottom .btn-g {

  887.         color: #333;

  888.         background-color: #D9D9D9;

  889.     }

  890. 

  891.     .goods-parameter .cell-item {

  892.         border-bottom: none;

  893.         margin-left: 0;

  894.     }

  895. 

  896.     .goods-parameter .cell-item-hd {

  897.         color: #333;

  898.         font-size: 24upx;

  899.     }

  900. 

  901.     .goods-parameter .cell-item-bd {

  902.         color: #999;

  903.     }

  904. 

  905.     .goods-parameter .cell-item-bd .cell-bd-text {

  906.         bottom: 0;

  907.     }

  908. 

  909.     .goods-parameter .cell-bd-text {

  910.         margin-left: 0;

  911.     }

  912. 

  913.     .pop-t {

  914.         position: relative;

  915.         padding: 30upx 26upx;

  916.         border-bottom: 2upx solid #f3f3f3;

  917.         /* box-shadow: 0 0 20upx #ccc; */

  918.     }

  919. 

  920.     .goods-img {

  921.         width: 160upx;

  922.         height: 160upx;

  923.         position: absolute;

  924.         top: -20upx;

  925.         background-color: #fff;

  926.         border-radius: 6upx;

  927.         border: 2upx solid #fff;

  928.     }

  929. 

  930.     .goods-img image {

  931.         height: 100%;

  932.         width: 100%;

  933.     }

  934. 

  935.     .goods-information {

  936.         width: 420upx;

  937.         display: inline-block;

  938.         margin-left: 180upx;

  939.     }

  940. 

  941.     .pop-goods-name {

  942.         width: 100%;

  943.         overflow: hidden;

  944.         white-space: nowrap;

  945.         text-overflow: ellipsis;

  946.         display: block;

  947.         font-size: 24upx;

  948.         margin-bottom: 20upx;

  949.     }

  950. 

  951.     .pop-goods-price {

  952.         font-size: 30upx;

  953.     }

  954. 

  955.     .close-btn {

  956.         width: 40upx;

  957.         height: 40upx;

  958.         border-radius: 50%;

  959.         display: inline-block;

  960.         position: absolute;

  961.         right: 30upx;

  962.     }

  963. 

  964.     .close-btn image {

  965.         width: 100%;

  966.         height: 100%;

  967.     }

  968. 

  969.     .pop-m {

  970.         font-size: 28upx;

  971.         margin-bottom: 90upx;

  972.     }

  973. 

  974.     .goods-specs,

  975.     .goods-number {

  976.         padding: 26upx;

  977.         border-top: 1px solid #f3f3f3;

  978.     }

  979. 

  980.     .goods-specs:first-child {

  981.         border: none;

  982.     }

  983. 

  984.     .pop-m-title {

  985.         margin-right: 10upx;

  986.         color: #666;

  987.     }

  988. 

  989.     .pop-m-bd {

  990.         overflow: hidden;

  991.         margin-top: 10upx;

  992.     }

  993. 

  994.     .pop-m-item {

  995.         display: inline-block;

  996.         float: left;

  997.         padding: 6upx 16upx;

  998.         background-color: #fff;

  999.         color: #333;

  1000.         margin-right: 16upx;

  1001.         margin-bottom: 10upx;

  1002.     }

  1003. 

  1004.     .selected {

  1005.         border: 2upx solid #333;

  1006.         background-color: #333;

  1007.         color: #fff;

  1008.     }

  1009. 

  1010.     .not-selected {

  1011.         border: 2upx solid #ccc;

  1012.     }

  1013. 

  1014.     .none {

  1015.         border: 2upx dashed #ccc;

  1016.         color: #888;

  1017.     }

  1018. 

  1019.     .pop-m-bd-in {

  1020.         display: inline-block;

  1021.     }

  1022. 

  1023.     .badge {

  1024.         top: 2upx;

  1025.         left: 62upx;

  1026.     }

  1027. 

  1028.     .goods-assess .user-head-img {

  1029.         width: 80upx;

  1030.         height: 80upx;

  1031.         border-radius: 50%;

  1032.     }

  1033. 

  1034.     .goods-assess .cell-item-bd {

  1035.         padding-right: 0;

  1036.     }

  1037. 

  1038.     .goods-assess .cell-bd-text {

  1039.         margin: 0;

  1040.     }

  1041. 

  1042.     .goods-assess .cell-bd-text.color-9 {

  1043.         overflow: hidden;

  1044.         text-overflow: ellipsis;

  1045.         white-space: nowrap;

  1046.         max-width: 440upx;

  1047.     }

  1048. 

  1049.     .gai-body {}

  1050. 

  1051.     .gai-body-text {

  1052.         font-size: 26upx;

  1053.         color: #333;

  1054.         padding: 0 26upx;

  1055.         word-wrap: break-word;

  1056.     }

  1057. 

  1058.     .gai-body-img {

  1059.         overflow: hidden;

  1060.         padding: 20upx 26upx;

  1061.     }

  1062. 

  1063.     .gai-body-img image {

  1064.         width: 220upx;

  1065.         height: 220upx;

  1066.         float: left;

  1067.         margin-right: 19upx;

  1068.         margin-bottom: 18upx;

  1069.     }

  1070. 

  1071.     .gai-body-img image:nth-child(3n) {

  1072.         margin-right: 0;

  1073.     }

  1074. 

  1075.     .redstar {

  1076.         width: 24rpx;

  1077.         height: 24rpx;

  1078.         padding: 2rpx;

  1079.     }

  1080. 

  1081.     .mask-share-wechat {

  1082.         display: inline-block;

  1083.         background-color: #fff;

  1084.         padding: 0;

  1085.     }

  1086. 

  1087.     .mask-share-wechat:after {

  1088.         border: none;

  1089.     }

  1090. 

  1091.     .right-ball {

  1092.         position: fixed;

  1093.         right: 30upx;

  1094.         bottom: 300upx;

  1095.         z-index: 999;

  1096.         text-align: center;

  1097.         padding: 14upx 0;

  1098.         /* line-height: 80upx; */

  1099.         width: 80upx;

  1100.         height: 80upx;

  1101.         font-size: 24upx;

  1102.         color: #fff;

  1103.         background-color: rgba(0, 0, 0, .5);

  1104.         border-radius: 50%;

  1105.     }

  1106. 

  1107.     .share-pop {

  1108.         height: 300upx;

  1109.         width: 100%;

  1110.         display: flex;

  1111.     }

  1112. 

  1113.     .share-item {

  1114.         flex: 1;

  1115.         text-align: center;

  1116.         font-size: 26upx;

  1117.         color: #333;

  1118.         padding: 20upx 0;

  1119.     }

  1120. 

  1121.     /* .share-item image{

  1122.     width: 120upx;

  1123.     height: 120upx;

  1124. } */

  1125.     .comment-none {

  1126.         text-align: center;

  1127.         padding: 200upx 0;

  1128.     }

  1129. 

  1130.     .comment-none-img {

  1131.         width: 274upx;

  1132.         height: 274upx;

  1133.     }

  1134. 

  1135.     .price-salesvolume {

  1136.         width: 100%;

  1137.         padding: 0 0 0 26upx;

  1138.         overflow: hidden;

  1139.         color: #A5A5A5;

  1140.         background-color: rgb(252, 226, 80);

  1141.         position: relative;

  1142.     }

  1143. 

  1144.     .commodity-price {

  1145.         width: 224upx;

  1146.         display: inline-block;

  1147.         float: left;

  1148.     }

  1149. 

  1150.     .current-price {

  1151.         font-size: 40upx;

  1152.         color: #FF7159;

  1153.         display: block;

  1154.         line-height: 1.5;

  1155.     }

  1156. 

  1157.     .cost-price {

  1158.         font-size: 26upx;

  1159.         text-decoration: line-through;

  1160.         /* margin-left: 8rpx; */

  1161.         display: block;

  1162.     }

  1163. 

  1164.     .commodity-salesvolume {

  1165.         width: 240upx;

  1166.         display: inline-block;

  1167.         font-size: 22upx;

  1168.         float: left;

  1169.         padding: 16upx 0;

  1170.     }

  1171. 

  1172.     .commodity-salesvolume>text {

  1173.         display: block;

  1174.     }

  1175. 

  1176.     .commodity-time-img {

  1177.         display: block;

  1178.         width: 0;

  1179.         height: 0;

  1180.         border-width: 56upx 28upx 56upx 0;

  1181.         border-style: solid;

  1182.         border-color: transparent #FF7159 transparent transparent;

  1183.         /*透明 黄 透明 透明 */

  1184.         position: absolute;

  1185.         top: 0px;

  1186.         left: 462upx;

  1187.     }

  1188. 

  1189.     .commodity-time {

  1190.         display: inline-block;

  1191.         width: 260upx;

  1192.         text-align: center;

  1193.         font-size: 24upx;

  1194.         background-color: #FF7159;

  1195.         padding: 16upx 0 18upx;

  1196.         color: #FF7159;

  1197.     }

  1198. 

  1199.     .commodity-time>text {

  1200.         color: rgb(252, 226, 80);

  1201.     }

  1202. 

  1203. 

  1204.     .nav-back {

  1205.         width: 100%;

  1206.         height: 44px;

  1207.         /* #ifndef MP-WEIXIN */

  1208.         padding: 12px 12px 0;

  1209.         /* #endif */

  1210.         /* #ifdef MP-WEIXIN */

  1211.         padding: 26px 12px 0;

  1212.         /* #endif */

  1213.         

  1214.         position: fixed;

  1215.         top: 0;

  1216.         background-color: rgba(255, 255, 255, 0);

  1217.         z-index: 98;

  1218.     }

  1219. 

  1220.     .back-btn {

  1221.         height: 32px;

  1222.         width: 32px;

  1223.         border-radius: 50%;

  1224.         background-color: rgba(255, 255, 255, 0.8);

  1225.     }

  1226. 

  1227.     .back-btn .icon {

  1228.         height: 20px;

  1229.         width: 20px;

  1230.         position: relative;

  1231.         top: 50%;

  1232.         left: 46%;

  1233.         transform: translate(-50%, -50%);

  1234.     }

  1235.     .commodity-day>text {

  1236.         display: inline-block;

  1237.         background-color: rgb(255, 212, 176);

  1238.         color: rgb(255, 115, 0);

  1239.         padding: 0 6upx;

  1240.         border-radius: 6upx;

  1241.     }

  1242. 

  1243.     .tl {

  1244.         width: 70% !important;

  1245.     }

  1246. 

  1247.     .group-swiper {

  1248.         /* padding: 20upx 26upx; */

  1249.     }

  1250. 

  1251.     .group-swiper-c {

  1252.         height: 242upx;

  1253.     }

  1254. 

  1255.     .group-swiper-c .swiper-item .cell-item {

  1256.         height: 50%;

  1257.     }

  1258. 

  1259.     .group-swiper-c .swiper-item .cell-item .user-head-img {

  1260.         width: 80upx;

  1261.         height: 80upx;

  1262.         border-radius: 50%;

  1263.     }

  1264. 

  1265.     .group-swiper-c .swiper-item .cell-item .cell-hd-title {

  1266.         position: absolute;

  1267.         top: 50%;

  1268.         left: 100upx;

  1269.         transform: translateY(-50%);

  1270.         max-width: 260upx;

  1271.         width: 100%;

  1272.         overflow: hidden;

  1273.         text-overflow: ellipsis;

  1274.         white-space: nowrap;

  1275.     }

  1276. 

  1277.     .group-swiper-c .swiper-item .cell-item .cell-item-bd {

  1278.         min-width: 150upx;

  1279.         max-width: 150upx

  1280.     }

  1281. 

  1282.     .group-swiper-c .swiper-item .cell-item .cell-item-ft .btn {

  1283.         font-size: 26upx;

  1284.         color: #fff;

  1285.         background-color: #FF7159;

  1286.         /* padding: 0; */

  1287.         text-align: center;

  1288.     }

  1289. </style>

  1290.
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         

  4.         <view class="nav-back">

  5.             <view class="back-btn" @click="backBtn()">

  6.                 <image class="icon" src="/static/image/back-black.png" mode=""></image>

  7.             </view>

  8.         </view>

  9.         

  10. 

  11.         <view class="content-top">

  12. 

  13.             <!-- 轮播图 -->

  14.             <view class='swiper'>

  15.                 <swiper class="swiper-c" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay" :interval="swiper.interval"

  16.                  :duration="swiper.duration">

  17.                     <swiper-item class="have-none" v-for="(item, index) in goodsInfo.album" :key="index" @click="clickImg(item)">

  18.                         <image class='' :src='item' mode="aspectFill"></image>

  19.                     </swiper-item>

  20.                 </swiper>

  21.             </view>

  22.             <!-- 轮播图end -->

  23. 

  24.             <view class='cell-group'>

  25.                 <view class='cell-item goods-top'>

  26.                     <view class='cell-item-hd'>

  27.                         <view class='cell-hd-title goods-price red-price'>￥{{ product.price }}</view>

  28.                         <view class='cell-hd-title goods-price cost-price' v-if="parseFloat(product.mktprice)>0">￥{{ product.mktprice }}</view>

  29.                     </view>

  30.                     <view class='cell-item-ft'>

  31.                         <text>{{ goodsInfo.buy_count }} 人已购买</text>

  32.                     </view>

  33.                 </view>

  34. 

  35.                 <view class='cell-item goods-details'>

  36.                     <view class='cell-item-hd'>

  37.                         <view class='cell-hd-title'>

  38.                             <view class="color-3 fsz28 cell-hd-title-view">

  39.                                 {{ product.name }}

  40.                             </view>

  41.                             <text v-if="goodsInfo.brief" class="color-9 fsz24 ">

  42.                                 {{ goodsInfo.brief }}

  43.                             </text>

  44.                         </view>

  45.                     </view>

  46.                     <view class='cell-item-ft'>

  47.                         <image class='cell-ft-next icon' @click="goShare()" src='/static/image/share.png'></image>

  48.                     </view>

  49.                 </view>

  50. 

  51.                 <!-- 促销 -->

  52.                 <view class='cell-item goods-title-item' v-if="promotion.length">

  53.                     <view class='cell-item-hd'>

  54.                         <view class='cell-hd-title'>促销</view>

  55.                     </view>

  56.                     <view class='cell-item-bd'>

  57.                         <view class="romotion-tip">

  58.                             <view class="romotion-tip-item" :class="item.type !== 2 ? 'bg-gray' : ''" v-for="(item, index) in promotion"

  59.                              :key="index">

  60.                                 {{ item.name }}

  61.                             </view>

  62.                         </view>

  63.                     </view>

  64.                 </view>

  65.                 <!-- 促销end -->

  66. 

  67.                 <!-- 规格 -->

  68.                 <view class='cell-item goods-title-item' v-if="isSpes">

  69.                     <view class='cell-item-hd'>

  70.                         <view class='cell-hd-title'>规格</view>

  71.                     </view>

  72.                     <view class='cell-item-bd' @click="toshow()">

  73.                         <text class='cell-bd-text'>{{ product.spes_desc }}</text>

  74.                     </view>

  75.                 </view>

  76.                 <!-- 规格end -->

  77. 

  78.                 <view class='cell-item goods-title-item'>

  79.                     <view class='cell-item-hd'>

  80.                         <view class='cell-hd-title'>说明</view>

  81.                     </view>

  82.                     <view class='cell-item-bd'>

  83.                         <view class="cell-bd-view">

  84.                             <image class="goods-title-item-ic" src="/static/image/ic-dui.png" mode=""></image>

  85.                             <text class="cell-bd-text">24小时内发货</text>

  86.                         </view>

  87.                         <view class="cell-bd-view">

  88.                             <image class="goods-title-item-ic" src="/static/image/ic-dui.png" mode=""></image>

  89.                             <text class="cell-bd-text">7天拆封无条件退货</text>

  90.                         </view>

  91.                     </view>

  92.                 </view>

  93.             </view>

  94. 

  95.             <view class="goods-content">

  96.                 <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" style-type="text" active-color="#333"></uni-segmented-control>

  97.                 <view class="goods-content-c">

  98.                     <view class="goods-detail" v-show="current === 0">

  99.                         <jshopContent :content="goodsInfo.intro" v-if="goodsInfo.intro"></jshopContent>

  100.                     </view>

  101.                     <view class="goods-parameter" v-show="current === 1">

  102.                         <view class='cell-group' v-if="goodsParams.length">

  103.                             <view class='cell-item' v-for="(item, index) in goodsParams" :key="index">

  104.                                 <view class='cell-item-hd'>

  105.                                     <view class='cell-hd-title'>{{ item.name }}</view>

  106.                                 </view>

  107.                                 <view class='cell-item-bd'>

  108.                                     <text class='cell-bd-text'>{{ item.value }}</text>

  109.                                 </view>

  110.                             </view>

  111.                             <!--                             <view class='cell-item'>

  112.                                 <view class='cell-item-hd'>

  113.                                     <view class='cell-hd-title'>保修政策</view>

  114.                                 </view>

  115.                                 <view class='cell-item-bd'>

  116.                                     <view class="cell-bd-view">

  117.                                         <text class="cell-bd-text">二十日内包修理或换货</text>

  118.                                     </view>

  119.                                     <view class="cell-bd-view">

  120.                                         <text class="cell-bd-text">一年内包修理</text>

  121.                                     </view>

  122.                                 </view>

  123.                             </view> -->

  124.                         </view>

  125.                     </view>

  126.                     <view class="goods-assess" v-show="current === 2">

  127.                         <view v-if="goodsComments.list.length">

  128.                             <view class="goods-assess-item" v-for="(item, index) in goodsComments.list" :key="index">

  129.                                 <view class='cell-group'>

  130.                                     <view class='cell-item goods-title-item'>

  131.                                         <view class='cell-item-hd'>

  132.                                             <image class='user-head-img' :src='item.user.avatar' mode="aspectFill"></image>

  133.                                         </view>

  134.                                         <view class='cell-item-bd'>

  135.                                             <view class="cell-bd-view">

  136.                                                 <text class="cell-bd-text">{{ (item.user.nickname && item.user.nickname != '')?item.user.nickname:item.user.mobile }}</text>

  137.                                                 <view class="cell-bd-text-right">

  138.                                                     <uni-rate size="16" disabled="true" :value="item.score"></uni-rate>

  139.                                                 </view>

  140.                                             </view>

  141.                                             <view class="cell-bd-view">

  142.                                                 <text class="cell-bd-text color-9" style="margin-right: 16upx;">{{ item.ctime }}</text>

  143.                                                 <text class="cell-bd-text color-9">{{ item.addon }}</text>

  144.                                             </view>

  145.                                         </view>

  146.                                     </view>

  147.                                 </view>

  148.                                 <view class="gai-body">

  149.                                     <view class="gai-body-text">

  150.                                         {{ item.content }}

  151.                                     </view>

  152.                                     <view class="gai-body-img" v-if="item.images_url.length">

  153.                                         <image :src="img" mode="aspectFill" v-for="(img, key) in item.images_url" :key="key" @click="clickImg(img)"></image>

  154.                                     </view>

  155.                                     <view class="seller-content" v-if="item.seller_content">

  156.                                         <view class="seller-content-top">

  157.                                             <image class="seller-content-img" src="/static/image/seller-content.png"></image>掌柜回复

  158.                                         </view>

  159.                                         {{item.seller_content}}

  160.                                     </view>

  161.                                 </view>

  162.                             </view>

  163.                             <uni-load-more :status="goodsComments.loadStatus"></uni-load-more>

  164.                         </view>

  165.                         <view class="comment-none" v-else>

  166.                             <image class="comment-none-img" src="/static/image/order.png" mode=""></image>

  167.                         </view>

  168.                     </view>

  169.                 </view>

  170.             </view>

  171.         </view>

  172. 

  173.         <lvv-popup position="bottom" ref="share">

  174. 

  175.             <!-- #ifdef H5 -->

  176.             <shareByH5 :goodsId="goodsInfo.id" :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief"

  177.              :shareHref="shareHref" @close="closeShare()"></shareByH5>

  178.             <!-- #endif -->

  179. 

  180.             <!-- #ifdef MP-WEIXIN -->

  181.             <shareByWx :goodsId="goodsInfo.id" :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief"

  182.              :shareHref="shareHref" @close="closeShare()"></shareByWx>

  183.             <!-- #endif -->

  184. 

  185.             <!-- #ifdef MP-ALIPAY -->

  186.             <shareByAli :goodsId="goodsInfo.id" :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief"

  187.              :shareHref="shareHref" @close="closeShare()"></shareByAli>

  188.             <!-- #endif -->

  189. 

  190.             <!-- #ifdef APP-PLUS -->

  191.             <shareByApp :goodsId="goodsInfo.id" :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief"

  192.              :shareHref="shareHref" @close="closeShare()"></shareByApp>

  193.             <!-- #endif -->

  194. 

  195.         </lvv-popup>

  196. 

  197.         <!-- 弹出层 -->

  198.         <lvv-popup position="bottom" ref="lvvpopref">

  199.             <view style="width: 100%;max-height: 804upx;background: #FFFFFF;position: absolute;left:0;bottom: 0;">

  200.                 <view class="pop-c">

  201.                     <view class="pop-t">

  202.                         <view class='goods-img'>

  203.                             <image :src='product.image_path' mode='aspectFill'></image>

  204.                         </view>

  205.                         <view class='goods-information'>

  206.                             <view class='pop-goods-name'>{{ product.name }}</view>

  207.                             <view class='pop-goods-price red-price'>￥ {{ product.price }}</view>

  208.                         </view>

  209.                         <view class='close-btn' @click="toclose()">

  210.                             <image src='/static/image/close.png'></image>

  211.                         </view>

  212.                     </view>

  213.                     <scroll-view class="pop-m" scroll-y="true" style="max-height: 560upx;">

  214.                         <spec :spesData="product.default_spes_desc" ref="spec" @changeSpes="changeSpes"></spec>

  215.                         <view class="goods-number">

  216.                             <text class="pop-m-title">数量</text>

  217.                             <view class="pop-m-bd-in">

  218.                                 <uni-number-box :min="minNums" :max="product.stock" :value="buyNum" @change="bindChange"></uni-number-box>

  219.                             </view>

  220.                         </view>

  221.                     </scroll-view>

  222.                     <view class="pop-b">

  223.                         <!-- <button class='btn btn-square btn-g btn-half' @click="addToCart">加入购物车</button>

  224.                         <button class='btn btn-square btn-b btn-half' @click="buyNow">立即购买</button> -->

  225.                         <button class='btn btn-square btn-b btn-all' hover-class="btn-hover2" @click="clickHandle()" :disabled='submitStatus'

  226.                          :loading='submitStatus' v-if="product.stock">确定</button>

  227.                         <button class='btn btn-square btn-g btn-all' v-else>已售罄</button>

  228.                     </view>

  229.                 </view>

  230.             </view>

  231.         </lvv-popup>

  232.         <!-- 弹出层end -->

  233. 

  234.         <div id="qrCode" ref="qrCodeDiv"></div>

  235.         <!-- 底部按钮 -->

  236.         <view class="goods-bottom">

  237.             <view class="goods-bottom-ic" @click="collection">

  238.                 <image class="icon" :src="isfav ? favLogo[1] : favLogo[0]" mode=""></image>

  239.                 <view v-if="!isfav">收藏</view>

  240.                 <view v-if="isfav">已收藏</view>

  241.             </view>

  242. 

  243.             <view class="goods-bottom-ic" @click="redirectCart">

  244.                 <view class="badge color-f" v-if="cartNums">{{ cartNums }}</view>

  245.                 <image class="icon" src="/static/image/ic-me-car.png" mode=""></image>

  246.                 <view>购物车</view>

  247.             </view>

  248.             <button class='btn btn-square btn-g' @click="toshow(1)" hover-class="btn-hover2">加入购物车</button>

  249.             <button class='btn btn-square btn-b' @click="toshow(2)" hover-class="btn-hover2">立即购买</button>

  250.         </view>

  251.         <!-- 底部按钮end -->

  252. 

  253.         <!-- 右边浮动球 -->

  254.         <!-- <view class="right-ball">

  255.             <view class="" @click="goIndex()">

  256.                 <image class="icon" src="/static/image/tab-ic-hom-selected.png" mode=""></image>

  257.             </view>

  258.         </view> -->

  259.         <uni-fab :pattern="pattern" :content="content" :horizontal="horizontal" :vertical="vertical" :direction="direction"

  260.          @trigger="trigger"></uni-fab>

  261.     </view>

  262. </template>

  263. 

  264. <script>

  265.     import uniSegmentedControl from "@/components/uni-segmented-control/uni-segmented-control.vue";

  266.     import lvvPopup from '@/components/lvv-popup/lvv-popup.vue';

  267.     import uniNumberBox from "@/components/uni-number-box/uni-number-box.vue";

  268.     import uniRate from "@/components/uni-rate/uni-rate.vue";

  269.     import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';

  270.     import uniFab from '@/components/uni-fab/uni-fab.vue';

  271.     import {

  272.         get

  273.     } from '@/config/db.js';

  274.     import {

  275.         apiBaseUrl

  276.     } from '@/config/config.js'

  277.     import spec from '@/components/spec/spec.vue'

  278.     // #ifdef H5

  279.     import shareByH5 from '@/components/share/shareByh5.vue'

  280.     // #endif

  281.     // #ifdef MP-WEIXIN

  282.     import shareByWx from '@/components/share/shareByWx.vue'

  283.     // #endif

  284.     // #ifdef MP-ALIPAY

  285.     import shareByAli from '@/components/share/shareByAli.vue'

  286.     // #endif

  287.     // #ifdef APP-PLUS

  288.     import shareByApp from '@/components/share/shareByApp.vue'

  289.     // #endif

  290.     import jshopContent from '@/components/jshop/jshop-content.vue'//视频和文本解析组件

  291.     

  292.     export default {

  293.         components: {

  294.             uniSegmentedControl,

  295.             lvvPopup,

  296.             uniNumberBox,

  297.             uniRate,

  298.             uniLoadMore,

  299.             uniFab,

  300.             spec,

  301.             jshopContent,

  302.             // #ifdef H5

  303.             shareByH5,

  304.             // #endif

  305.             // #ifdef MP-WEIXIN

  306.             shareByWx,

  307.             // #endif

  308.             // #ifdef MP-ALIPAY

  309.             shareByAli,

  310.             // #endif

  311.             // #ifdef APP-PLUS

  312.             shareByApp,

  313.             // #endif

  314.         },

  315.         data() {

  316.             return {

  317.                 myShareCode: '', //分享Code

  318.                 swiper: {

  319.                     indicatorDots: true,

  320.                     autoplay: true,

  321.                     interval: 3000,

  322.                     duration: 800,

  323.                 }, // 轮播图属性设置

  324.                 items: ['图文详情', '商品参数', '买家评论'],

  325.                 current: 0, // init tab位

  326.                 goodsId: 0, // 商品id

  327.                 goodsInfo: {}, // 商品详情

  328.                 cartNums: 0, // 购物车数量

  329.                 product: {}, // 规格详情

  330.                 goodsParams: [], // 商品参数信息

  331.                 goodsComments: {

  332.                     loadStatus: 'more',

  333.                     page: 1,

  334.                     limit: 5,

  335.                     list: []

  336.                 }, // 商品评论信息

  337.                 buyNum: 1, // 选定的购买数量

  338.                 minBuyNum: 1, // 最小可购买数量

  339.                 type: 2, // 1加入购物车 2购买

  340.                 isfav: false, // 商品是否收藏

  341.                 favLogo: [

  342.                     '/static/image/ic-me-collect.png',

  343.                     '/static/image/ic-me-collect2.png'

  344.                 ],

  345.                 horizontal: 'right', //右下角弹出按钮

  346.                 vertical: 'bottom',

  347.                 direction: 'vertical',

  348.                 pattern: {

  349.                     color: '#7A7E83',

  350.                     backgroundColor: '#fff',

  351.                     selectedColor: '#007AFF',

  352.                     buttonColor: "#FF7159"

  353.                 },

  354.                 content: [{

  355.                         iconPath: '/static/image/tab-ic-hom-selected.png',

  356.                         selectedIconPath: '/static/image/tab-ic-hom-unselected.png',

  357.                         // text: '首页',

  358.                         active: false,

  359.                         url: '/pages/index/index'

  360.                     },

  361.                     {

  362.                         iconPath: '/static/image/tab-ic-me-selected.png',

  363.                         selectedIconPath: '/static/image/tab-ic-me-unselected.png',

  364.                         // text: '个人中心',

  365.                         active: false,

  366.                         url: '/pages/member/index/index'

  367.                     }

  368.                 ],

  369.                 submitStatus: false

  370.             }

  371.         },

  372.         onLoad(options) {

  373.             //获取商品ID

  374.             if (options.id != '') {

  375.                 this.goodsId = options.id;

  376.             }

  377. 

  378.             if (this.goodsId) {

  379.                 this.getGoodsDetail();

  380.                 this.getGoodsParams();

  381.                 this.getGoodsComments();

  382.             } else {

  383.                 this.$common.errorToShow('获取失败', () => {

  384.                     uni.navigateBack({

  385.                         delta: 1

  386.                     });

  387.                 });

  388.             }

  389. 

  390.             // 获取购物车数量

  391.             this.getCartNums();

  392.             this.getMyShareCode();

  393.         },

  394.         onShow(){

  395.             this.submitStatus = false;

  396.         },

  397.         computed: {

  398.             // 规格切换计算规格商品的 可购买数量

  399.             minNums() {

  400.                 return this.product.stock > this.minBuyNum ? this.minBuyNum : this.product.stock;

  401.             },

  402.             // 判断商品是否是多规格商品  (为了兼容小程序 只能写在计算属性里面了)

  403.             isSpes() {

  404.                 if (this.product.hasOwnProperty('default_spes_desc') && Object.keys(this.product.default_spes_desc).length) {

  405.                     return true;

  406.                 } else {

  407.                     return false;

  408.                 }

  409.             },

  410.             // 优惠信息重新组装

  411.             promotion() {

  412.                 let arr = [];

  413.                 if (this.product.promotion_list) {

  414.                     for (let k in this.product.promotion_list) {

  415.                         arr.push(this.product.promotion_list[k]);

  416.                     }

  417.                 }

  418.                 return arr;

  419.             },

  420.             shareHref() {

  421.                 let pages = getCurrentPages()

  422.                 let page = pages[pages.length - 1]

  423.                 // #ifdef H5 || MP-WEIXIN || APP-PLUS || APP-PLUS-NVUE

  424.                 return apiBaseUrl + 'wap/' + page.route + '?id=' + this.goodsId;

  425.                 // #endif

  426. 

  427.                 // #ifdef MP-ALIPAY

  428.                 return apiBaseUrl + 'wap/' + page.__proto__.route + '?id=' + this.goodsId;

  429.                 // #endif

  430.             }

  431.         },

  432.         onReachBottom() {

  433.             if (this.current === 2 && this.goodsComments.loadStatus === 'more') {

  434.                 this.getGoodsComments();

  435.             }

  436.         },

  437.         methods: {

  438.             // 返回上一页

  439.             backBtn() {

  440.                 uni.navigateBack({

  441.                     delta: 1

  442.                 });

  443.             },

  444.             // 获取商品详情

  445.             getGoodsDetail() {

  446.                 let data = {

  447.                     id: this.goodsId

  448.                 }

  449. 

  450.                 // 如果用户已经登录 要传用户token

  451.                 let userToken = this.$db.get("userToken");

  452. 

  453.                 if (userToken) {

  454.                     data['token'] = userToken;

  455.                 }

  456. 

  457.                 this.$api.goodsDetail(data, res => {

  458.                     if (res.status == true) {

  459.                         let info = res.data;

  460.                         let products = res.data.product;

  461. 

  462.                         //var htmlString = info.intro; //replace(/\\/g, "").replace(/<img/g, "<img style=\"display:none;\"")

  463.                         //info.intro = htmlParser(htmlString);

  464.                         this.goodsInfo = info;

  465.                         this.isfav = this.goodsInfo.isfav === 'true' ? true : false;

  466.                         this.product = this.spesClassHandle(products);

  467. 

  468. 

  469. 

  470.                         // 判断如果登录用户添加商品浏览足迹

  471.                         if (userToken) {

  472.                             this.goodsBrowsing();

  473.                         }

  474.                     } else {

  475.                         this.$common.errorToShow(res.msg, () => {

  476.                             uni.navigateBack({

  477.                                 delta: 1

  478.                             });

  479.                         })

  480.                     }

  481.                 })

  482.             },

  483.             // 获取购物车数量    

  484.             getCartNums() {

  485.                 let userToken = this.$db.get("userToken");

  486.                 if (userToken && userToken != '') {

  487.                     // 获取购物车数量

  488.                     this.$api.getCartNum({}, res => {

  489.                         if (res.status) {

  490.                             this.cartNums = res.data;

  491.                         }

  492.                     })

  493.                 }

  494.             },

  495.             // 显示modal弹出框

  496.             toshow(type) {

  497.                 this.type = type;

  498.                 this.$refs.lvvpopref.show();

  499.             },

  500.             // 关闭modal弹出框

  501.             toclose() {

  502.                 this.$refs.lvvpopref.close();

  503.             },

  504.             // 切换商品规格

  505.             changeSpes(obj) {

  506.                 let index = obj.v;

  507.                 let key = obj.k;

  508. 

  509.                 if (this.product.default_spes_desc[index][key].hasOwnProperty('product_id') && this.product.default_spes_desc[index]

  510.                     [key].product_id) {

  511.                     let data = {

  512.                         'id': this.product.default_spes_desc[index][key].product_id

  513.                     };

  514.                     let userToken = this.$db.get("userToken");

  515.                     if (userToken) {

  516.                         data['token'] = userToken;

  517.                     }

  518.                     this.$api.getProductInfo(data, res => {

  519.                         if (res.status == true) {

  520.                             // 切换规格判断可购买数量

  521.                             this.buyNum = res.data.stock > this.minBuyNum ? this.minBuyNum : res.data.stock;

  522.                             this.product = this.spesClassHandle(res.data);

  523.                         }

  524.                     });

  525.                     uni.showLoading({

  526.                         title: '加载中'

  527.                     });

  528.                     setTimeout(function() {

  529.                         uni.hideLoading();

  530.                     }, 1000);

  531.                 }

  532.             },

  533.             // 多规格样式统一处理

  534.             spesClassHandle(products) {

  535.                 // 判断是否是多规格 (是否有默认规格)

  536.                 if (products.hasOwnProperty('default_spes_desc')) {

  537.                     let spes = products.default_spes_desc;

  538.                     for (let key in spes) {

  539.                         for (let i in spes[key]) {

  540.                             if (spes[key][i].hasOwnProperty('is_default') && spes[key][i].is_default === true) {

  541.                                 this.$set(spes[key][i], 'cla', 'pop-m-item selected');

  542.                             } else if (spes[key][i].hasOwnProperty('product_id') && spes[key][i].product_id) {

  543.                                 this.$set(spes[key][i], 'cla', 'pop-m-item not-selected');

  544.                             } else {

  545.                                 this.$set(spes[key][i], 'cla', 'pop-m-item none');

  546.                             }

  547.                         }

  548.                     }

  549.                     products.default_spes_desc = spes;

  550.                 }

  551.                 return products;

  552.             },

  553.             // 购买数量加减操作

  554.             bindChange(val) {

  555.                 this.buyNum = val;

  556.             },

  557.             // 商品收藏/取消

  558.             collection() {

  559.                 let data = {

  560.                     goods_id: this.goodsInfo.id

  561.                 }

  562.                 this.$api.goodsCollection(data, res => {

  563.                     if (res.status) {

  564.                         this.isfav = !this.isfav;

  565.                         this.$common.successToShow(res.msg);

  566.                     } else {

  567.                         this.$common.errorToShow(res.msg);

  568.                     }

  569.                 })

  570.             },

  571.             // tab点击切换

  572.             onClickItem(index) {

  573.                 if (this.current !== index) {

  574.                     this.current = index;

  575.                 }

  576.             },

  577.             // 获取商品参数信息

  578.             getGoodsParams() {

  579.                 this.$api.goodsParams({

  580.                     id: this.goodsId

  581.                 }, res => {

  582.                     if (res.status == true) {

  583.                         this.goodsParams = res.data;

  584.                     }

  585.                 })

  586.             },

  587.             // 获取商品评论信息

  588.             getGoodsComments() {

  589.                 let data = {

  590.                     page: this.goodsComments.page,

  591.                     limit: this.goodsComments.limit,

  592.                     goods_id: this.goodsId

  593.                 }

  594. 

  595.                 this.goodsComments.loadStatus = 'loading';

  596. 

  597.                 this.$api.goodsComment(data, res => {

  598.                     if (res.status == true) {

  599.                         let _list = res.data.list;

  600.                         let count = res.data.count;

  601.                         this.items = ['图文详情', '商品参数', '买家评论(' + count + ')']

  602.                         // 如果评论没有图片 在这块作处理否则控制台报错

  603.                         _list.forEach(item => {

  604.                             item.ctime = this.$common.timeToDate(item.ctime, true);

  605.                             if (!item.hasOwnProperty('images_url')) {

  606.                                 this.$set(item, 'images_url', [])

  607.                             }

  608.                         });

  609. 

  610.                         this.goodsComments.list = [...this.goodsComments.list, ..._list];

  611.                         // 根据count数量判断是否还有数据

  612.                         if (res.data.count > this.goodsComments.list.length) {

  613.                             this.goodsComments.loadStatus = 'more';

  614.                             this.goodsComments.page++;

  615.                         } else {

  616.                             this.goodsComments.loadStatus = 'noMore';

  617.                         }

  618.                     } else {

  619.                         this.$common.errorToShow(res.msg);

  620.                     }

  621.                 })

  622.             },

  623.             // 添加商品浏览足迹

  624.             goodsBrowsing() {

  625.                 let data = {

  626.                     goods_id: this.goodsInfo.id

  627.                 }

  628. 

  629.                 this.$api.addGoodsBrowsing(data, res => {});

  630.             },

  631.             // 加入购物车

  632.             addToCart() {

  633.                 if (this.buyNum > 0) {

  634.                     let data = {

  635.                         product_id: this.product.id,

  636.                         nums: this.buyNum

  637.                     }

  638.                     this.$api.addCart(data, res => {

  639.                         if (res.status) {

  640.                             this.toclose(); // 关闭弹出层

  641.                             this.getCartNums(); // 获取购物车数量

  642.                             this.$common.successToShow(res.msg);

  643.                         } else {

  644.                             this.$common.errorToShow(res.msg);

  645.                         }

  646.                         this.submitStatus = false;

  647.                     })

  648.                 } else {

  649.                     this.submitStatus = false;

  650.                 }

  651.             },

  652.             // 立即购买

  653.             buyNow() {

  654.                 if (this.buyNum > 0) {

  655.                     let data = {

  656.                         product_id: this.product.id,

  657.                         nums: this.buyNum,

  658.                         type: 2 // 区分加入购物车和购买

  659.                     }

  660. 

  661.                     this.$api.addCart(data, res => {

  662.                         if (res.status) {

  663.                             this.toclose();

  664.                             let cartIds = res.data;

  665.                             this.$common.navigateTo('/pages/goods/place-order/index?cart_ids=' + JSON.stringify(cartIds));

  666.                         }

  667.                         this.submitStatus = false;

  668.                     })

  669.                 } else {

  670.                     this.submitStatus = false;

  671.                 }

  672.             },

  673.             // 购物车页面跳转

  674.             redirectCart() {

  675.                 uni.switchTab({

  676.                     url: '/pages/cart/index/index'

  677.                 });

  678.             },

  679.             // 点击弹出框确定按钮事件处理

  680.             clickHandle() {

  681.                 this.submitStatus = true;

  682.                 this.type === 1 ? this.addToCart() : this.buyNow();

  683.             },

  684.             // 右下角按钮

  685.             //         goIndex(){

  686.             //             uni.switchTab({

  687.             //                 url:'../../index/index'

  688.             //             });

  689.             //         },

  690.             trigger(e) {

  691.                 // console.log(e);

  692.                 this.content[e.index].active = !e.item.active;

  693.                 //             uni.showModal({

  694.                 //                 title: '提示',

  695.                 //                 content: `您${this.content[e.index].active?'选中了':'取消了'}${e.item.text}`,

  696.                 //                 success: function(res) {

  697.                 //                     if (res.confirm) {

  698.                 //                         console.log('用户点击确定');

  699.                 //                     } else if (res.cancel) {

  700.                 //                         console.log('用户点击取消');

  701.                 //                     }

  702.                 //                 }

  703.                 //             });

  704.                 uni.switchTab({

  705.                     url: e.item.url

  706.                 })

  707.             },

  708.             // 跳转到h5分享页面

  709.             goShare() {

  710.                 this.$refs.share.show();

  711.             },

  712.             closeShare() {

  713.                 this.$refs.share.close();

  714.             },

  715.             // 图片点击放大

  716.             clickImg(imgs) {

  717.                 // 预览图片

  718.                 uni.previewImage({

  719.                     urls: imgs.split()

  720.                 });

  721.             },

  722.             getMyShareCode() {

  723.                 let userToken = this.$db.get("userToken");

  724.                 if (userToken && userToken != '') {

  725.                     // 获取我的分享码

  726.                     this.$api.shareCode({}, res => {

  727.                         if (res.status) {

  728.                             this.myShareCode = res.data ? res.data : '';

  729.                         }

  730.                     });

  731.                 }

  732.             }

  733.         },

  734.         //分享

  735.         onShareAppMessage() {

  736.             let myInviteCode = this.myShareCode ? this.myShareCode : '';

  737.             let ins = this.$common.shareParameterDecode('type=2&id=' + this.goodsInfo.id + '&invite=' + myInviteCode);

  738.             let path = '/pages/share/jump?scene=' + ins;

  739.             return {

  740.                 title: this.goodsInfo.name,

  741.                 // #ifdef MP-ALIPAY

  742.                 desc: this.goodsInfo.brief,

  743.                 // #endif

  744.                 imageUrl: this.goodsInfo.album[0],

  745.                 path: path

  746.             }

  747.         }

  748.     }

  749. </script>

  750. 

  751. <style>

  752.     .swiper {

  753.         height: 750upx;

  754.     }

  755. 

  756.     .goods-top {

  757.         border-bottom: 0;

  758.     }

  759. 

  760.     .goods-top .goods-price {

  761.         font-size: 38upx;

  762.     }

  763. 

  764.     .cost-price {

  765.         font-size: 28upx !important;

  766.         bottom: -10upx;

  767.         color: #999;

  768.         text-decoration: line-through;

  769.     }

  770. 

  771.     .goods-top .cell-item-ft {

  772.         font-size: 20upx;

  773.         color: #666;

  774.     }

  775. 

  776.     .goods-details {

  777.         padding-top: 0;

  778.     }

  779. 

  780.     .goods-details .cell-hd-title {

  781.         width: 620upx;

  782.     }

  783. 

  784.     .goods-details .cell-hd-title .cell-hd-title-view {

  785.         width: 100%;

  786.         display: -webkit-box;

  787.         -webkit-box-orient: vertical;

  788.         -webkit-line-clamp: 2;

  789.         overflow: hidden;

  790.     }

  791. 

  792.     .goods-details .cell-hd-title .cell-hd-title-view:last-child {

  793.         margin-top: 10upx;

  794.     }

  795. 

  796.     .goods-details .cell-item-ft {

  797.         top: 24upx;

  798.     }

  799. 

  800.     .goods-title-item .cell-item-hd {

  801.         min-width: 60upx;

  802.         color: #666;

  803.         font-size: 24upx;

  804.     }

  805. 

  806.     .goods-title-item .cell-item-bd {

  807.         color: #333;

  808.         font-size: 24upx;

  809.     }

  810. 

  811.     .goods-title-item .cell-bd-text {

  812.         bottom: 0;

  813.     }

  814. 

  815.     .cell-bd-view {

  816.         position: relative;

  817.         overflow: hidden;

  818.     }

  819. 

  820.     .cell-bd-view:first-child {

  821.         margin-bottom: 8upx;

  822.     }

  823. 

  824.     .goods-title-item-ic {

  825.         width: 22upx;

  826.         height: 22upx;

  827.         position: absolute;

  828.         top: 50%;

  829.         transform: translateY(-50%);

  830.         /* #ifdef MP-ALIPAY */

  831.         background-size: 100% 100%;

  832.         /* #endif */

  833.     }

  834. 

  835.     .cell-bd-view .cell-bd-text {

  836.         margin-left: 30upx;

  837.     }

  838. 

  839.     .goods-content {

  840.         margin-top: 26upx;

  841.         background-color: #fff;

  842.         padding: 26upx 0;

  843.     }

  844. 

  845.     .goods-content-c {

  846.         margin-top: 20upx;

  847.     }

  848. 

  849.     .goods-parameter {

  850.         padding: 10upx 26upx;

  851.     }

  852. 

  853.     .goods-bottom,

  854.     .pop-b {

  855.         background-color: #fff;

  856.         position: fixed;

  857.         bottom: 0;

  858.         height: 90upx;

  859.         width: 100%;

  860.         overflow: hidden;

  861.         box-shadow: 0 0 20upx #ccc;

  862. 

  863.     }

  864. 

  865.     .goods-bottom button {

  866.         height: 100%;

  867.         width: 35%;

  868.     }

  869. 

  870.     .goods-bottom-ic {

  871.         display: inline-block;

  872.         position: relative;

  873.         text-align: center;

  874.         height: 100%;

  875.         width: 15%;

  876.         float: left;

  877.         font-size: 22upx;

  878.         color: #666;

  879.     }

  880. 

  881.     .goods-bottom-ic .icon {

  882.         position: relative;

  883.         top: 6upx;

  884.         /* left: -6upx; */

  885.         /* #ifdef MP-ALIPAY */

  886.         background-size: 100% 100%;

  887.         /* #endif */

  888.     }

  889. 

  890.     .goods-bottom .btn-g {

  891.         color: #333;

  892.         background-color: #D9D9D9;

  893.     }

  894. 

  895.     .goods-parameter .cell-item {

  896.         border-bottom: none;

  897.         margin-left: 0;

  898.     }

  899. 

  900.     .goods-parameter .cell-item-hd {

  901.         color: #333;

  902.         font-size: 24upx;

  903.     }

  904. 

  905.     .goods-parameter .cell-item-bd {

  906.         color: #999;

  907.     }

  908. 

  909.     .goods-parameter .cell-item-bd .cell-bd-text {

  910.         bottom: 0;

  911.     }

  912. 

  913.     .goods-parameter .cell-bd-text {

  914.         margin-left: 0;

  915.     }

  916. 

  917.     .pop-t {

  918.         position: relative;

  919.         padding: 30upx 26upx;

  920.         border-bottom: 2upx solid #f3f3f3;

  921.         /* box-shadow: 0 0 20upx #ccc; */

  922.     }

  923. 

  924.     .goods-img {

  925.         width: 160upx;

  926.         height: 160upx;

  927.         position: absolute;

  928.         top: -20upx;

  929.         background-color: #fff;

  930.         border-radius: 6upx;

  931.         border: 2upx solid #fff;

  932. 

  933.     }

  934. 

  935.     .goods-img image {

  936.         height: 100%;

  937.         width: 100%;

  938.     }

  939. 

  940.     .goods-information {

  941.         width: 420upx;

  942.         display: inline-block;

  943.         margin-left: 180upx;

  944.     }

  945. 

  946.     .pop-goods-name {

  947.         width: 100%;

  948.         overflow: hidden;

  949.         white-space: nowrap;

  950.         text-overflow: ellipsis;

  951.         display: block;

  952.         font-size: 24upx;

  953.         margin-bottom: 20upx;

  954.     }

  955. 

  956.     .pop-goods-price {

  957.         font-size: 30upx;

  958.     }

  959. 

  960.     .close-btn {

  961.         width: 40upx;

  962.         height: 40upx;

  963.         border-radius: 50%;

  964.         display: inline-block;

  965.         position: absolute;

  966.         right: 30upx;

  967.     }

  968. 

  969.     .close-btn image {

  970.         width: 100%;

  971.         height: 100%;

  972.     }

  973. 

  974.     .pop-m {

  975.         font-size: 28upx;

  976.         margin-bottom: 90upx;

  977.     }

  978. 

  979.     .goods-specs,

  980.     .goods-number {

  981.         padding: 26upx;

  982.         border-top: 1px solid #f3f3f3;

  983.     }

  984. 

  985.     .goods-specs:first-child {

  986.         border: none;

  987.     }

  988. 

  989.     .pop-m-title {

  990.         margin-right: 10upx;

  991.         color: #666;

  992.     }

  993. 

  994.     .pop-m-bd {

  995.         overflow: hidden;

  996.         margin-top: 10upx;

  997.     }

  998. 

  999.     .pop-m-item {

  1000.         display: inline-block;

  1001.         float: left;

  1002.         padding: 6upx 16upx;

  1003.         background-color: #fff;

  1004.         color: #333;

  1005.         margin-right: 16upx;

  1006.         margin-bottom: 10upx;

  1007.     }

  1008. 

  1009.     .selected {

  1010.         border: 2upx solid #333;

  1011.         background-color: #333;

  1012.         color: #fff;

  1013.     }

  1014. 

  1015.     .not-selected {

  1016.         border: 2upx solid #ccc;

  1017.     }

  1018. 

  1019.     .none {

  1020.         border: 2upx dashed #ccc;

  1021.         color: #888;

  1022.     }

  1023. 

  1024.     .pop-m-bd-in {

  1025.         display: inline-block;

  1026.     }

  1027. 

  1028.     .badge {

  1029.         top: 2upx;

  1030.         left: 62upx;

  1031.     }

  1032. 

  1033.     .goods-assess .user-head-img {

  1034.         width: 80upx;

  1035.         height: 80upx;

  1036.         border-radius: 50%;

  1037.     }

  1038. 

  1039.     .goods-assess .cell-item-bd {

  1040.         padding-right: 0;

  1041.     }

  1042. 

  1043.     .goods-assess .cell-bd-text {

  1044.         margin: 0;

  1045.     }

  1046. 

  1047.     .goods-assess .cell-bd-text.color-9 {

  1048.         overflow: hidden;

  1049.         text-overflow: ellipsis;

  1050.         white-space: nowrap;

  1051.         max-width: 440upx;

  1052.     }

  1053. 

  1054.     .gai-body {}

  1055. 

  1056.     .gai-body-text {

  1057.         font-size: 26upx;

  1058.         color: #333;

  1059.         padding: 0 26upx;

  1060.         word-wrap: break-word;

  1061.     }

  1062. 

  1063.     .gai-body-img {

  1064.         overflow: hidden;

  1065.         padding: 20upx 26upx;

  1066.     }

  1067. 

  1068.     .gai-body-img image {

  1069.         width: 220upx;

  1070.         height: 220upx;

  1071.         float: left;

  1072.         margin-right: 19upx;

  1073.         margin-bottom: 18upx;

  1074.     }

  1075. 

  1076.     .gai-body-img image:nth-child(3n) {

  1077.         margin-right: 0;

  1078.     }

  1079. 

  1080.     .redstar {

  1081.         width: 24rpx;

  1082.         height: 24rpx;

  1083.         padding: 2rpx;

  1084.     }

  1085. 

  1086.     .mask-share-wechat {

  1087.         display: inline-block;

  1088.         background-color: #fff;

  1089.         padding: 0;

  1090.     }

  1091. 

  1092.     .mask-share-wechat:after {

  1093.         border: none;

  1094.     }

  1095. 

  1096.     .right-ball {

  1097.         position: fixed;

  1098.         right: 30upx;

  1099.         bottom: 300upx;

  1100.         z-index: 999;

  1101.         text-align: center;

  1102.         padding: 14upx 0;

  1103.         /* line-height: 80upx; */

  1104.         width: 80upx;

  1105.         height: 80upx;

  1106.         font-size: 24upx;

  1107.         color: #fff;

  1108.         background-color: rgba(0, 0, 0, .5);

  1109.         border-radius: 50%;

  1110.     }

  1111. 

  1112.     .comment-none {

  1113.         text-align: center;

  1114.         padding: 200upx 0;

  1115.     }

  1116. 

  1117.     .comment-none-img {

  1118.         width: 274upx;

  1119.         height: 274upx;

  1120.     }

  1121. 

  1122. 

  1123.     .price-salesvolume {

  1124.         width: 100%;

  1125.         padding: 0 0 0 26upx;

  1126.         overflow: hidden;

  1127.         color: #A5A5A5;

  1128.         background-color: rgb(252, 226, 80);

  1129.         position: relative;

  1130.     }

  1131. 

  1132.     .commodity-price {

  1133.         width: 224upx;

  1134.         display: inline-block;

  1135.         float: left;

  1136.     }

  1137. 

  1138.     .current-price {

  1139.         font-size: 40upx;

  1140.         color: #FF7159;

  1141.         display: block;

  1142.         line-height: 1.5;

  1143.     }

  1144. 

  1145.     .cost-price {

  1146.         font-size: 26upx;

  1147.         text-decoration: line-through;

  1148.         /* margin-left: 8rpx; */

  1149.         display: block;

  1150.     }

  1151. 

  1152.     .commodity-salesvolume {

  1153.         width: 240upx;

  1154.         display: inline-block;

  1155.         font-size: 22upx;

  1156.         float: left;

  1157.         padding: 16upx 0;

  1158.     }

  1159. 

  1160.     .commodity-salesvolume>text {

  1161.         display: block;

  1162.     }

  1163. 

  1164.     .commodity-time-img {

  1165.         display: block;

  1166.         width: 0;

  1167.         height: 0;

  1168.         border-width: 48upx 28upx 50upx 0;

  1169.         border-style: solid;

  1170.         border-color: transparent #FF7159 transparent transparent;

  1171.         /*透明 黄 透明 透明 */

  1172.         position: absolute;

  1173.         top: 0px;

  1174.         left: 462upx;

  1175.     }

  1176. 

  1177.     .commodity-time {

  1178.         display: inline-block;

  1179.         width: 260upx;

  1180.         text-align: center;

  1181.         font-size: 24upx;

  1182.         background-color: #FF7159;

  1183.         padding: 16upx 0 18upx;

  1184.         color: rgb(250, 233, 0);

  1185.     }

  1186. 

  1187.     .commodity-time>text {

  1188.         display: block;

  1189.     }

  1190. 

  1191.     .commodity-day {

  1192.         font-size: 22upx;

  1193.     }

  1194. 

  1195.     .commodity-day>text {

  1196.         display: inline-block;

  1197.         background-color: rgb(255, 212, 176);

  1198.         color: rgb(255, 115, 0);

  1199.         padding: 0 6upx;

  1200.         border-radius: 6upx;

  1201.     }

  1202. 

  1203.     .nav-back {

  1204.         width: 100%;

  1205.         height: 44px;

  1206.         /* #ifndef MP-WEIXIN */

  1207.         padding: 12px 12px 0;

  1208.         /* #endif */

  1209.         /* #ifdef MP-WEIXIN */

  1210.         padding: 26px 12px 0;

  1211.         /* #endif */

  1212.         

  1213.         position: fixed;

  1214.         top: 0;

  1215.         background-color: rgba(255, 255, 255, 0);

  1216.         z-index: 98;

  1217.     }

  1218. 

  1219.     .back-btn {

  1220.         height: 32px;

  1221.         width: 32px;

  1222.         border-radius: 50%;

  1223.         background-color: rgba(255, 255, 255, 0.8);

  1224.     }

  1225. 

  1226.     .back-btn .icon {

  1227.         height: 20px;

  1228.         width: 20px;

  1229.         position: relative;

  1230.         top: 50%;

  1231.         left: 46%;

  1232.         transform: translate(-50%, -50%);

  1233.     }

  1234. 

  1235.     .seller-content {

  1236.         background-color: #f8f8f8;

  1237.         margin: 0 13px 15px;

  1238.         padding: 10px;

  1239.         color: #6e6e6e;

  1240.         border-radius: 4px;

  1241.     }

  1242. 

  1243.     .seller-content-top {

  1244.         font-weight: bold;

  1245.         margin-bottom: 6px;

  1246.     }

  1247. 

  1248.     .seller-content-img {

  1249.         width: 20px;

  1250.         height: 20px;

  1251.         vertical-align: middle;

  1252.         margin-right: 4px;

  1253.     }

  1254. </style>

  1255.
pintuan.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="nav-back">

  4.             <view class="back-btn" @click="backBtn()">

  5.                 <image class="icon" src="/static/image/back-black.png" mode=""></image>

  6.             </view>

  7.         </view>

  8.         

  9.         <view class="content-top">

  10.             <!-- 轮播图 -->

  11.             <view class='swiper'>

  12.                 <swiper class="swiper-c" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay" :interval="swiper.interval"

  13.                  :duration="swiper.duration">

  14.                     <swiper-item class="have-none" v-for="(item, index) in goodsInfo.album" :key="index" @click="clickImg(item)">

  15.                         <!-- {{goodsInfo.album}} -->

  16.                         <image class='' :src='item' mode="aspectFill"></image>

  17.                     </swiper-item>

  18.                 </swiper>

  19.             </view>

  20.             <!-- 轮播图end -->

  21. 

  22.             <view class='cell-group'>

  23.                 <!-- 倒计时 -->

  24.                 <view class='price-salesvolume' v-if="lasttime.hour!==false">

  25.                     <view class='commodity-price'>

  26.                         <text class='current-price'>￥{{pintuanPrice}}</text>

  27.                         <text class='cost-price' v-if="parseFloat(product.mktprice)>0">￥{{product.mktprice}}</text>

  28.                     </view>

  29.                     <view class='commodity-salesvolume'>

  30.                         <text>已售{{goodsInfo.buy_count}}件/剩余{{product.stock}}件</text>

  31.                         <text>累计销售{{goodsInfo.buy_count}}件</text>

  32.                     </view>

  33. 

  34.                     <view class='commodity-time' v-if="goodsInfo.pintuan_rule.pintuan_start_status == 1">

  35.                         <text>距结束仅剩</text>

  36.                         <view class='commodity-day'>

  37.                             <uni-countdown textColor="#fce250" :day="lasttime.day" :hour="lasttime.hour" :minute="lasttime.minute" :second="lasttime.second"></uni-countdown>

  38.                         </view>

  39.                     </view>

  40. 

  41.                     <view class='commodity-time' v-if="goodsInfo.pintuan_rule.pintuan_start_status == 2">

  42.                         <text>即将开团</text>

  43.                         <view class='commodity-day'>

  44.                             <uni-countdown textColor="#fce250" :day="goodsInfo.pintuan_rule.lasttime.day" :hour="goodsInfo.pintuan_rule.lasttime.hour"

  45.                              :minute="goodsInfo.pintuan_rule.lasttime.minute" :second="goodsInfo.pintuan_rule.lasttime.second"></uni-countdown>

  46.                         </view>

  47.                     </view>

  48.                     <view class='commodity-time-img'></view>

  49.                     <!-- <view class='commodity-time'>

  50.                         已结束

  51.                     </view> -->

  52.                 </view>

  53.                 <!-- 倒计时end -->

  54. 

  55.                 <!-- 分享 -->

  56.                 <view class='cell-item goods-details'>

  57.                     <view class='cell-item-hd'>

  58.                         <view class='cell-hd-title'>

  59.                             <view class="color-3 fsz28 cell-hd-title-view">

  60.                                 {{ product.name }}

  61.                             </view>

  62.                             <view v-if="goodsInfo.brief" class="color-9 fsz24 cell-hd-title-view">

  63.                                 {{ goodsInfo.brief }}

  64.                             </view>

  65.                         </view>

  66.                     </view>

  67.                     <view class='cell-item-ft'>

  68.                         <image class='cell-ft-next icon' @click="goShare()" src='/static/image/share.png'></image>

  69.                     </view>

  70.                 </view>

  71.                 <!-- 分享end -->

  72. 

  73.                 <!-- 促销 -->

  74.                 <view class='cell-item goods-title-item' v-if="promotion.length">

  75.                     <view class='cell-item-hd'>

  76.                         <view class='cell-hd-title'>促销</view>

  77.                     </view>

  78.                     <view class='cell-item-bd'>

  79.                         <view class="romotion-tip">

  80.                             <view class="romotion-tip-item" :class="item.type !== 2 ? 'bg-gray' : ''" v-for="(item, index) in promotion"

  81.                              :key="index">

  82.                                 {{ item.name }}

  83.                             </view>

  84.                         </view>

  85.                     </view>

  86.                 </view>

  87.                 <!-- 促销end -->

  88. 

  89.                 <!-- 规格 -->

  90.                 <view class='cell-item goods-title-item' v-if="isSpes">

  91.                     <view class='cell-item-hd'>

  92.                         <view class='cell-hd-title'>规格</view>

  93.                     </view>

  94.                     <view class='cell-item-bd' @click="toshow()">

  95.                         <text class='cell-bd-text'>{{ product.spes_desc }}</text>

  96.                     </view>

  97.                 </view>

  98.                 <!-- 规格end -->

  99. 

  100.                 <!-- 说明 -->

  101.                 <view class='cell-item goods-title-item'>

  102.                     <view class='cell-item-hd'>

  103.                         <view class='cell-hd-title'>说明</view>

  104.                     </view>

  105.                     <view class='cell-item-bd'>

  106.                         <view class="cell-bd-view">

  107.                             <image class="goods-title-item-ic" src="/static/image/ic-dui.png" mode=""></image>

  108.                             <text class="cell-bd-text">24小时内发货</text>

  109.                         </view>

  110.                         <view class="cell-bd-view">

  111.                             <image class="goods-title-item-ic" src="/static/image/ic-dui.png" mode=""></image>

  112.                             <text class="cell-bd-text">7天拆封无条件退货</text>

  113.                         </view>

  114.                     </view>

  115.                 </view>

  116.                 <!-- 说明end -->

  117.             </view>

  118. 

  119.             <!-- 团购拼单 -->

  120.             <view class="cell-group margin-cell-group" v-if="pintuanRecord.length>0">

  121. 

  122.                 <view class='cell-item right-img'>

  123.                     <view class='cell-item-hd'>

  124.                         <view class='cell-hd-title'>{{teamCount}}人在拼单，可直接参与</view>

  125.                     </view>

  126.                     <!-- <view class='cell-item-ft' >

  127.                         <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  128.                         <text class='cell-ft-text'>查看更多</text>

  129.                     </view> -->

  130.                 </view>

  131.                 <view class="group-swiper">

  132.                     <swiper class="group-swiper-c" :class="groupHeight" :indicator-dots="indicatorDots" :autoplay="autoplay" vertical="true"

  133.                      circular="true" :interval="interval" :duration="duration">

  134.                         <swiper-item v-for="(item, index) in pintuanRecord" :key="index">

  135.                             <view class="swiper-item">

  136.                                 <view class='cell-item'>

  137.                                     <view class='cell-item-hd'>

  138.                                         <image class="user-head-img cell-hd-icon have-none" :src='item[0].user_avatar' mode=""></image>

  139.                                         <view class="cell-hd-title">

  140.                                             {{item[0].nickname}}

  141.                                         </view>

  142.                                     </view>

  143.                                     <view class='cell-item-bd'>

  144.                                         <view class="cell-bd-view">

  145.                                             <text class="cell-bd-text">还差<text class="red-price">{{item[0].team_nums}}人</text>拼成</text>

  146.                                         </view>

  147.                                         <view class="cell-bd-view">

  148.                                             <view class='commodity-day'>

  149.                                                 <text class="fsz24 color-6">剩余：</text>

  150.                                                 <uni-countdown color="#666" :day="item[0].remainder_time.day" :hour="item[0].remainder_time.hour" :minute="item[0].remainder_time.minute"

  151.                                                  :second="item[0].remainder_time.second"></uni-countdown>

  152.                                             </view>

  153. 

  154.                                         </view>

  155.                                     </view>

  156.                                     <view class="cell-item-ft">

  157.                                         <button class="btn" @click="toshow(2,item[0].team_id)">去拼单</button>

  158.                                     </view>

  159.                                     <!-- <view class="cell-item-ft" v-else>

  160.                                         <button class="btn btn-b">拼团中</button>

  161.                                     </view> -->

  162.                                 </view>

  163.                                 <view class='cell-item' v-if="item[1]">

  164.                                     <view class='cell-item-hd'>

  165.                                         <image class="user-head-img cell-hd-icon have-none" :src='item[1].user_avatar' mode=""></image>

  166.                                         <view class="cell-hd-title">

  167.                                             {{item[1].nickname}}

  168.                                         </view>

  169.                                     </view>

  170.                                     <view class='cell-item-bd'>

  171.                                         <view class="cell-bd-view">

  172.                                             <text class="cell-bd-text">还差<text class="red-price">{{item[1].team_nums}}人</text>拼成</text>

  173.                                         </view>

  174.                                         <view class="cell-bd-view">

  175.                                             <view class='commodity-day'>

  176.                                                 <text class="fsz24 color-6">剩余：</text>

  177.                                                 <uni-countdown color="#666" :day="item[1].remainder_time.day" :hour="item[1].remainder_time.hour" :minute="item[1].remainder_time.minute"

  178.                                                  :second="item[1].remainder_time.second"></uni-countdown>

  179.                                             </view>

  180. 

  181.                                         </view>

  182.                                     </view>

  183.                                     <view class="cell-item-ft">

  184.                                         <button class="btn" @click="toshow(2,item[1].id)">去拼单</button>

  185.                                     </view>

  186.                                 </view>

  187.                             </view>

  188.                         </swiper-item>

  189.                     </swiper>

  190.                 </view>

  191.             </view>

  192.             <view class="cell-group margin-cell-group" v-else="">

  193.                 <view class='cell-item right-img'>

  194.                     <view class='cell-item-hd'>

  195.                         <view class='cell-hd-title'>暂无开团信息</view>

  196.                     </view>

  197.                 </view>

  198.             </view>

  199. 

  200.             <view class="goods-content">

  201.                 <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" style-type="text" active-color="#333"></uni-segmented-control>

  202.                 <view class="goods-content-c">

  203.                     <view class="goods-detail" v-if="current === 0">

  204.                         <jshopContent :content="goodsInfo.intro" v-if="goodsInfo.intro"></jshopContent>

  205.                     </view>

  206.                     <view class="goods-parameter" v-else-if="current === 1">

  207.                         <view class='cell-group' v-if="goodsParams.length">

  208.                             <view class='cell-item' v-for="(item, index) in goodsParams" :key="index">

  209.                                 <view class='cell-item-hd'>

  210.                                     <view class='cell-hd-title'>{{ item.name }}</view>

  211.                                 </view>

  212.                                 <view class='cell-item-bd'>

  213.                                     <text class='cell-bd-text'>{{ item.value }}</text>

  214.                                 </view>

  215.                             </view>

  216.                         </view>

  217.                     </view>

  218.                     <view class="goods-assess" v-else-if="current === 2">

  219.                         <view v-if="goodsComments.list.length">

  220.                             <view class="goods-assess-item" v-for="(item, index) in goodsComments.list" :key="index">

  221.                                 <view class='cell-group'>

  222.                                     <view class='cell-item goods-title-item'>

  223.                                         <view class='cell-item-hd'>

  224.                                             <image class='user-head-img' :src='item.user.avatar' mode="aspectFill"></image>

  225.                                         </view>

  226.                                         <view class='cell-item-bd'>

  227.                                             <view class="cell-bd-view">

  228.                                                 <text class="cell-bd-text">{{ item.user.nickname }}</text>

  229.                                                 <view class="cell-bd-text-right">

  230.                                                     <uni-rate size="16" disabled="true" :value="item.score"></uni-rate>

  231.                                                 </view>

  232.                                             </view>

  233.                                             <view class="cell-bd-view">

  234.                                                 <text class="cell-bd-text color-9" style="margin-right: 16upx;">{{ item.ctime }}</text>

  235.                                                 <text class="cell-bd-text color-9">{{ item.addon }}</text>

  236.                                             </view>

  237.                                         </view>

  238.                                     </view>

  239.                                 </view>

  240.                                 <view class="gai-body">

  241.                                     <view class="gai-body-text">

  242.                                         {{ item.content }}

  243.                                     </view>

  244.                                     <view class="gai-body-img" v-if="item.images_url.length">

  245.                                         <image :src="img" mode="aspectFill" v-for="(img, key) in item.images_url" :key="key" @click="clickImg(img)"></image>

  246.                                     </view>

  247.                                 </view>

  248.                             </view>

  249.                             <uni-load-more :status="goodsComments.loadStatus"></uni-load-more>

  250.                         </view>

  251.                         <view class="comment-none" v-else>

  252.                             <image class="comment-none-img" src="/static/image/order.png" mode=""></image>

  253.                         </view>

  254.                     </view>

  255.                 </view>

  256.             </view>

  257.         </view>

  258. 

  259.         <lvv-popup position="bottom" ref="pintuanpop">

  260.             <view class="ig-top" v-if="teamInfo.list.length>0">

  261.                 <view class="ig-top-t">

  262.                     <view class="">

  263.                         剩余时间：<uni-countdown :day="teamInfo.team_time.day" :hour="teamInfo.team_time.hour" :minute="teamInfo.team_time.minute"

  264.                          :second="teamInfo.team_time.second"></uni-countdown>

  265.                     </view>

  266.                 </view>

  267.                 <view class="ig-top-m">

  268.                     <view class="user-head-img-c" v-for="(item, index) in teamInfo.list" :key="index">

  269.                         <view class="user-head-img-tip" v-if="item.id == item.team_id">拼主</view>

  270.                         <image class="user-head-img cell-hd-icon have-none" :src='item.user_avatar' mode=""></image>

  271.                     </view>

  272.                     <view class="user-head-img-c uhihn" v-if="teamInfo.team_nums" v-for="n in teamInfo.team_nums" :key="n"><text>?</text></view>

  273.                 </view>

  274.                 <view class="ig-top-b">

  275.                     <view class="igtb-top">

  276.                         还差<text class="red-price">{{ teamInfo.team_nums }}</text>人，赶快拼单吧

  277.                     </view>

  278.                     <view class="igtb-mid">

  279.                         <button class="btn" @click="toshow(2,teamInfo.id)">参与拼团</button>

  280.                     </view>

  281.                 </view>

  282.             </view>

  283.         </lvv-popup>

  284. 

  285.         <lvv-popup position="bottom" ref="share">

  286. 

  287.             <!-- #ifdef H5 -->

  288.             <shareByH5 :shareType='3' :goodsId="goodsInfo.id" :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name"

  289.              :shareContent="goodsInfo.brief" :shareHref="shareHref" @close="closeShare()"></shareByH5>

  290.             <!-- #endif -->

  291. 

  292.             <!-- #ifdef MP-WEIXIN -->

  293.             <shareByWx :shareType='3' :goodsId="goodsInfo.id" :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name"

  294.              :shareContent="goodsInfo.brief" :shareHref="shareHref" @close="closeShare()"></shareByWx>

  295.             <!-- #endif -->

  296. 

  297.             <!-- #ifdef MP-ALIPAY -->

  298.             <shareByAli :shareType='3' :goodsId="goodsInfo.id" :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name"

  299.              :shareContent="goodsInfo.brief" :shareHref="shareHref" @close="closeShare()"></shareByAli>

  300.             <!-- #endif -->

  301. 

  302.             <!-- #ifdef APP-PLUS -->

  303.             <shareByApp :shareType='3' :goodsId="goodsInfo.id" :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name"

  304.              :shareContent="goodsInfo.brief" :shareHref="shareHref" @close="closeShare()"></shareByApp>

  305.             <!-- #endif -->

  306. 

  307.         </lvv-popup>

  308. 

  309.         <!-- 弹出层 -->

  310.         <lvv-popup position="bottom" ref="lvvpopref">

  311.             <view style="width: 100%;max-height: 804upx;background: #FFFFFF;position: absolute;left:0;bottom: 0;">

  312.                 <view class="pop-c">

  313.                     <view class="pop-t">

  314.                         <view class='goods-img'>

  315.                             <image :src='product.image_path' mode='aspectFill'></image>

  316.                         </view>

  317.                         <view class='goods-information'>

  318.                             <view class='pop-goods-name'>{{ product.name }}</view>

  319.                             <view class='pop-goods-price red-price'>￥ {{ price }}</view>

  320.                         </view>

  321.                         <view class='close-btn' @click="toclose()">

  322.                             <image src='/static/image/close.png'></image>

  323.                         </view>

  324.                     </view>

  325.                     <scroll-view class="pop-m" scroll-y="true" style="max-height: 560upx;">

  326.                         <spec :spesData="product.default_spes_desc" ref="spec" @changeSpes="changeSpes"></spec>

  327. 

  328.                         <view class="goods-number">

  329.                             <text class="pop-m-title">数量</text>

  330.                             <view class="pop-m-bd-in">

  331.                                 <uni-number-box :min="minNums" :max="product.stock" :value="buyNum" @change="bindChange"></uni-number-box>

  332.                             </view>

  333.                         </view>

  334.                     </scroll-view>

  335.                     <view class="pop-b">

  336.                         <!-- <button class='btn btn-square btn-g btn-half' @click="addToCart">加入购物车</button>

  337.                         <button class='btn btn-square btn-b btn-half' @click="buyNow">立即购买</button> -->

  338.                         <button class='btn btn-square btn-b btn-all' hover-class="btn-hover2" @click="buyNow()" v-if="product.stock">确定</button>

  339.                         <button class='btn btn-square btn-g btn-all' v-else>已售罄</button>

  340.                     </view>

  341.                 </view>

  342.             </view>

  343.         </lvv-popup>

  344.         <!-- 弹出层end -->

  345. 

  346.         <div id="qrCode" ref="qrCodeDiv"></div>

  347.         <!-- 底部按钮 -->

  348.         <view class="goods-bottom">

  349.             <view class="goods-bottom-ic" @click="collection">

  350.                 <image class="icon" :src="isfav ? favLogo[1] : favLogo[0]" mode=""></image>

  351.                 <view v-if="!isfav">收藏</view>

  352.                 <view v-if="isfav">已收藏</view>

  353.             </view>

  354. 

  355.             <view class="goods-bottom-ic" @click="redirectCart">

  356.                 <view class="badge color-f" v-if="cartNums">{{ cartNums }}</view>

  357.                 <image class="icon" src="/static/image/ic-me-car.png" mode=""></image>

  358.                 <view>购物车</view>

  359.             </view>

  360.             <button class='btn btn-square btn-g' @click="toshow(1)" hover-class="btn-hover2">

  361.                 <view class="btn-content">

  362.                     <view class="color-6">￥{{product.price}}</view>

  363.                     <view class="color-6 fsz24">单独购买</view>

  364.                 </view>

  365.             </button>

  366.             <button class='btn btn-square btn-b' @click="toshow(2)" hover-class="btn-hover2" v-if="goodsInfo.pintuan_rule.pintuan_start_status == 1 ">

  367.                 <view class="btn-content">

  368.                     <view class="">￥{{pintuanPrice}}</view>

  369.                     <view class="fsz24">发起拼团</view>

  370.                 </view>

  371.             </button>

  372.             <button class='btn btn-square btn-b' hover-class="btn-hover2" v-if="goodsInfo.pintuan_rule.pintuan_start_status == 2 ">

  373.                 <view class="btn-content">

  374.                     <view class="">￥{{pintuanPrice}}</view>

  375.                     <view class="fsz24">即将开团</view>

  376.                 </view>

  377.             </button>

  378.             <button class='btn btn-square btn-b' hover-class="btn-hover2" v-if="goodsInfo.pintuan_rule.pintuan_start_status == 3 ">

  379.                 <view class="btn-content">

  380.                     <view class="">￥{{pintuanPrice}}</view>

  381.                     <view class="fsz24">拼团已结束</view>

  382.                 </view>

  383.             </button>

  384.         </view>

  385.         <!-- 底部按钮end -->

  386. 

  387.         <!-- 右边浮动球 -->

  388.         <!-- <view class="right-ball">

  389.             <view class="" @click="goIndex()">

  390.                 <image class="icon" src="/static/image/tab-ic-hom-selected.png" mode=""></image>

  391.             </view>

  392.         </view> -->

  393.         <uni-fab :pattern="pattern" :content="content" :horizontal="horizontal" :vertical="vertical" :direction="direction"

  394.          @trigger="trigger"></uni-fab>

  395.     </view>

  396. </template>

  397. 

  398. <script>

  399.     import uniSegmentedControl from "@/components/uni-segmented-control/uni-segmented-control.vue";

  400.     import lvvPopup from '@/components/lvv-popup/lvv-popup.vue';

  401.     import uniNumberBox from "@/components/uni-number-box/uni-number-box.vue";

  402.     import uniRate from "@/components/uni-rate/uni-rate.vue";

  403.     import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';

  404.     import uniFab from '@/components/uni-fab/uni-fab.vue';

  405.     import {

  406.         get

  407.     } from '@/config/db.js';

  408.     import {

  409.         apiBaseUrl

  410.     } from '@/config/config.js'

  411.     import uniCountdown from "@/components/uni-countdown/uni-countdown.vue"

  412.     import spec from '@/components/spec/spec.vue'

  413.     // #ifdef H5

  414.     import shareByH5 from '@/components/share/shareByh5.vue'

  415.     // #endif

  416.     // #ifdef MP-WEIXIN

  417.     import shareByWx from '@/components/share/shareByWx.vue'

  418.     // #endif

  419.     // #ifdef MP-ALIPAY

  420.     import shareByAli from '@/components/share/shareByAli.vue'

  421.     // #endif

  422.     // #ifdef APP-PLUS

  423.     import shareByApp from '@/components/share/shareByApp.vue'

  424.     // #endif

  425.     import jshopContent from '@/components/jshop/jshop-content.vue'//视频和文本解析组件

  426.     export default {

  427.         components: {

  428.             uniSegmentedControl,

  429.             lvvPopup,

  430.             uniNumberBox,

  431.             uniRate,

  432.             uniLoadMore,

  433.             uniFab,

  434.             uniCountdown,

  435.             spec,

  436.             jshopContent,

  437.             // #ifdef H5

  438.             shareByH5,

  439.             // #endif

  440. 

  441.             // #ifdef MP-WEIXIN

  442.             shareByWx,

  443.             // #endif

  444. 

  445.             // #ifdef MP-ALIPAY

  446.             shareByAli,

  447.             // #endif

  448. 

  449.             // #ifdef APP-PLUS

  450.             shareByApp,

  451.             // #endif

  452.         },

  453.         data() {

  454.             return {

  455.                 myShareCode: '', //分享Code

  456.                 swiper: {

  457.                     indicatorDots: true,

  458.                     autoplay: true,

  459.                     interval: 3000,

  460.                     duration: 800,

  461.                 }, // 轮播图属性设置

  462.                 items: ['图文详情', '商品参数', '买家评论'],

  463.                 current: 0, // init tab位

  464.                 goodsId: 0, // 商品id

  465.                 groupId: 0, // 团购ID

  466.                 goodsInfo: {

  467.                     pintuan_rule: {

  468.                         pintuan_start_status: 1

  469.                     }

  470.                 }, // 商品详情

  471.                 cartNums: 0, // 购物车数量

  472.                 product: {}, // 规格详情

  473.                 goodsParams: [], // 商品参数信息

  474.                 goodsComments: {

  475.                     loadStatus: 'more',

  476.                     page: 1,

  477.                     limit: 5,

  478.                     list: []

  479.                 }, // 商品评论信息

  480.                 buyNum: 1, // 选定的购买数量

  481.                 minBuyNum: 1, // 最小可购买数量

  482.                 type: 2, // 1单独购买 2拼团

  483.                 isfav: false, // 商品是否收藏

  484.                 favLogo: [

  485.                     '/static/image/ic-me-collect.png',

  486.                     '/static/image/ic-me-collect2.png'

  487.                 ],

  488.                 horizontal: 'right', //右下角弹出按钮

  489.                 vertical: 'bottom',

  490.                 direction: 'vertical',

  491.                 pattern: {

  492.                     color: '#7A7E83',

  493.                     backgroundColor: '#fff',

  494.                     selectedColor: '#007AFF',

  495.                     buttonColor: "#FF7159"

  496.                 },

  497.                 content: [{

  498.                         iconPath: '/static/image/tab-ic-hom-selected.png',

  499.                         selectedIconPath: '/static/image/tab-ic-hom-unselected.png',

  500.                         // text: '首页',

  501.                         active: false,

  502.                         url: '/pages/index/index'

  503.                     },

  504. 

  505.                     {

  506.                         iconPath: '/static/image/tab-ic-me-selected.png',

  507.                         selectedIconPath: '/static/image/tab-ic-me-unselected.png',

  508.                         // text: '个人中心',

  509.                         active: false,

  510.                         url: '/pages/member/index/index'

  511.                     },

  512.                 ],

  513.                 indicatorDots: false,

  514.                 autoplay: false,

  515.                 interval: 2000,

  516.                 duration: 500,

  517.                 lasttime: {

  518.                     day: 0,

  519.                     hour: false,

  520.                     minute: 0,

  521.                     second: 0

  522.                 }, //购买倒计时

  523.                 pintuanPrice: 0,

  524.                 discount_amount: 0, //拼团优惠金额

  525.                 price: 0,

  526.                 teamCount: 0, //已经有多少人拼团

  527.                 pintuanRecord: [], //拼团列表

  528.                 remainder_time: {

  529.                     day: 0,

  530.                     hour: false,

  531.                     minute: 0,

  532.                     second: 0

  533.                 }, //拼团倒计时

  534.                 groupHeight: 'groupHeight',

  535.                 teamId: 0, //去参团的teamid

  536.                 teamInfo: {

  537.                     list: [],

  538.                     team_time: {

  539.                         day: 0,

  540.                         hour: 0,

  541.                         minute: 0,

  542.                         second: 0

  543.                     }, //被邀请拼团倒计时

  544.                 },

  545. 

  546.             }

  547.         },

  548.         onLoad(e) {

  549.             this.goodsId = e.id;

  550.             if (e.team_id) {

  551.                 this.teamId = e.team_id;

  552.                 this.getTeam(this.teamId)

  553.             }

  554.             if (this.goodsId) {

  555.                 this.getGoodsInfo();

  556.                 this.getGoodsParams();

  557.                 this.getGoodsComments();

  558. 

  559.             } else {

  560.                 this.$common.errorToShow('获取失败', () => {

  561.                     uni.navigateBack({

  562.                         delta: 1

  563.                     });

  564.                 });

  565.             }

  566. 

  567.             // 获取购物车数量

  568.             this.getCartNums();

  569.             this.getMyShareCode();

  570.         },

  571.         onReady() {

  572. 

  573.         },

  574.         computed: {

  575. 

  576.             // 规格切换计算规格商品的 可购买数量

  577.             minNums() {

  578.                 return this.product.stock > this.minBuyNum ? this.minBuyNum : this.product.stock;

  579.             },

  580.             // 判断商品是否是多规格商品  (为了兼容小程序 只能写在计算属性里面了)

  581.             isSpes() {

  582.                 if (this.product.hasOwnProperty('default_spes_desc') && Object.keys(this.product.default_spes_desc).length) {

  583.                     return true;

  584.                 } else {

  585.                     return false;

  586.                 }

  587.             },

  588.             // 优惠信息重新组装

  589.             promotion() {

  590.                 let arr = [];

  591.                 if (this.product.promotion_list) {

  592.                     for (let k in this.product.promotion_list) {

  593.                         arr.push(this.product.promotion_list[k]);

  594.                     }

  595.                 }

  596.                 return arr;

  597.             },

  598.             typeName() {

  599.                 return this.goodsInfo.group_type == 3 ? '团购' : '秒杀';

  600.             },

  601.             shareHref() {

  602.                 let pages = getCurrentPages()

  603.                 let page = pages[pages.length - 1]

  604.                 // #ifdef H5 || MP-WEIXIN || APP-PLUS || APP-PLUS-NVUE

  605.                 return apiBaseUrl + 'wap/' + page.route + '?id=' + this.goodsId + '&group_id=' + this.groupId;

  606.                 // #endif

  607. 

  608.                 // #ifdef MP-ALIPAY

  609.                 return apiBaseUrl + 'wap/' + page.__proto__.route + '?id=' + this.goodsId + '&group_id=' + this.groupId;

  610.                 // #endif

  611.             }

  612.         },

  613.         onReachBottom() {

  614.             if (this.current === 2 && this.goodsComments.loadStatus === 'more') {

  615.                 this.getGoodsComments();

  616.             }

  617.         },

  618.         methods: {

  619.             // 返回上一页

  620.             backBtn() {

  621.                 uni.navigateBack({

  622.                     delta: 1

  623.                 });

  624.             },

  625.             // 获取商品详情

  626.             getGoodsInfo() {

  627.                 let data = {

  628.                     id: this.goodsId

  629.                 }

  630.                 // 如果用户已经登录 要传用户token

  631.                 let userToken = get('userToken');

  632.                 if (userToken) {

  633.                     data['token'] = userToken;

  634.                 }

  635.                 let _this = this;

  636.                 _this.$api.pintuanGoodsInfo(data, res => {

  637.                     console.log(res);

  638.                     if (res.status) {

  639.                         if (res.data.length < 1) {

  640.                             _this.$common.errorToShow('该商品不存在，请返回重新选择商品。', () => {

  641.                                 uni.navigateBack({

  642.                                     delta: 1

  643.                                 });

  644.                             });

  645.                         } else if (res.data.marketable != 1) {

  646.                             _this.$common.errorToShow('该商品已下架，请返回重新选择商品。', () => {

  647.                                 uni.navigateBack({

  648.                                     delta: 1

  649.                                 });

  650.                             });

  651.                         } else {

  652.                             let info = res.data;

  653.                             _this.goodsInfo = info;

  654.                             let products = res.data.product;

  655.                             _this.discount_amount = parseFloat(info.pintuan_rule.discount_amount).toFixed(2);

  656. 

  657.                             //products.price = _this.$common.moneySub(products.price,_this.discount_amount);

  658.                             _this.product = _this.spesClassHandle(products);

  659.                             _this.isfav = _this.goodsInfo.isfav === 'true' ? true : false;

  660.                             // _this.pintuanPrice = info.pintuan_price.toFixed(2)

  661.                             _this.pintuanPrice = this.$common.moneySub(this.product.price, this.discount_amount);

  662.                             let timestamp = Date.parse(new Date()) / 1000;

  663. 

  664.                             let lasttime = res.data.pintuan_rule.etime - timestamp;

  665.                             _this.lasttime = _this.$common.timeToDateObj(lasttime);

  666.                             // 获取拼团记录

  667.                             let pintuan_data = info.pintuan_record;

  668.                             let new_data = new Array();

  669.                             for (var k = 0; k < pintuan_data.length; k++) {

  670.                                 pintuan_data[k].remainder_time = _this.$common.timeToDateObj(pintuan_data[k].close_time - timestamp)

  671.                                 if (k == 0 || k % 2 == 0) {

  672.                                     if (k + 1 < pintuan_data.length) {

  673.                                         var a = [

  674.                                             pintuan_data[k],

  675.                                             pintuan_data[k + 1]

  676.                                         ];

  677.                                     } else {

  678.                                         var a = [pintuan_data[k]];

  679.                                     }

  680.                                     new_data.push(a);

  681.                                 }

  682.                             }

  683.                             pintuan_data.length < 2 ? _this.groupHeight = 'groupHeight' : _this.groupHeight = '';

  684.                             _this.pintuanRecord = new_data;

  685.                             // console.log(new_data);

  686.                             _this.teamCount = info.pintuan_record_nums;

  687.                             // 判断如果登录用户添加商品浏览足迹

  688.                             if (userToken) {

  689.                                 _this.goodsBrowsing();

  690.                             }

  691.                         }

  692.                     }

  693.                 });

  694.             },

  695. 

  696.             // 获取通过分享进来的拼团数据

  697.             getTeam(id) {

  698.                 this.$api.getOrderPintuanTeamInfo({

  699.                     team_id: id

  700.                 }, res => {

  701.                     if (res.status) {

  702.                         this.teamInfo = {

  703.                             list: res.data.teams,

  704.                             current_count: res.data.teams.length,

  705.                             people_number: res.data.people_number,

  706.                             team_nums: res.data.team_nums, //剩余

  707.                             close_time: res.data.close_time, //关闭时间

  708.                             id: res.data.id, //拼团id

  709.                             team_id: res.data.team_id, //拼团团队id

  710.                             rule_id: res.data.rule_id,

  711.                             status: res.data.status

  712.                         };

  713.                         let timestamp = Date.parse(new Date()) / 1000;

  714.                         this.teamInfo.team_time = this.$common.timeToDateObj(res.data.close_time - timestamp);

  715.                         if (res.data.status == 1) {

  716.                             this.pintuanShow();

  717.                         } else {

  718.                             this.teamId = 0;

  719.                         }

  720.                     } else {

  721.                         this.$common.errorToShow(res.msg)

  722.                     }

  723. 

  724.                 });

  725.             },

  726. 

  727.             // 获取购物车数量    

  728.             getCartNums() {

  729.                 let userToken = this.$db.get("userToken");

  730.                 if (userToken && userToken != '') {

  731.                     // 获取购物车数量

  732.                     this.$api.getCartNum({}, res => {

  733.                         if (res.status) {

  734.                             this.cartNums = res.data;

  735.                         }

  736.                     });

  737.                 }

  738.             },

  739.             // 显示modal弹出框

  740.             toshow(type, team_id) {

  741.                 this.type = type;

  742.                 if (team_id) {

  743.                     this.teamId = team_id

  744.                 }

  745.                 if (this.type == 2) {

  746.                     this.price = this.pintuanPrice;

  747.                 } else {

  748.                     this.price = this.product.price;

  749.                 }

  750.                 this.$refs.lvvpopref.show();

  751.             },

  752.             // 关闭modal弹出框

  753.             toclose() {

  754.                 this.$refs.lvvpopref.close();

  755.             },

  756.             // 切换商品规格

  757.             changeSpes(obj) {

  758.                 let index = obj.v;

  759.                 let key = obj.k;

  760.                 //type = 1是立即购买，2是拼团购买

  761.                 if (this.product.default_spes_desc[index][key].hasOwnProperty('product_id') && this.product.default_spes_desc[index]

  762.                     [key].product_id) {

  763. 

  764.                     let data = {

  765.                         'id': this.product.default_spes_desc[index][key].product_id

  766.                     };

  767.                     let userToken = this.$db.get("userToken");

  768.                     if (userToken) {

  769.                         data['token'] = userToken;

  770.                     }

  771.                     this.$api.getProductInfo(data, res => {

  772.                         if (res.status == true) {

  773.                             // 切换规格判断可购买数量

  774.                             this.buyNum = res.data.stock > this.minBuyNum ? this.minBuyNum : res.data.stock;

  775.                             this.product = this.spesClassHandle(res.data);

  776.                             //products.price = _this.$common.moneySub(products.price,_this.discount_amount);

  777.                             if (this.type == 2) { //拼团

  778.                                 this.price = this.$common.moneySub(this.product.price, this.discount_amount);

  779.                             } else {

  780.                                 this.price = this.product.price;

  781.                             }

  782.                         }

  783.                     });

  784.                     uni.showLoading({

  785.                         title: '加载中'

  786.                     });

  787.                     setTimeout(function() {

  788.                         uni.hideLoading();

  789.                     }, 1000);

  790.                 }

  791.             },

  792.             // 多规格样式统一处理

  793.             spesClassHandle(products) {

  794.                 // 判断是否是多规格 (是否有默认规格)

  795.                 if (products.hasOwnProperty('default_spes_desc')) {

  796.                     let spes = products.default_spes_desc;

  797.                     for (let key in spes) {

  798.                         for (let i in spes[key]) {

  799.                             if (spes[key][i].hasOwnProperty('is_default') && spes[key][i].is_default === true) {

  800.                                 this.$set(spes[key][i], 'cla', 'pop-m-item selected');

  801.                             } else if (spes[key][i].hasOwnProperty('product_id') && spes[key][i].product_id) {

  802.                                 this.$set(spes[key][i], 'cla', 'pop-m-item not-selected');

  803.                             } else {

  804.                                 this.$set(spes[key][i], 'cla', 'pop-m-item none');

  805.                             }

  806.                         }

  807.                     }

  808.                     products.default_spes_desc = spes;

  809.                 }

  810.                 return products;

  811.             },

  812.             // 购买数量加减操作

  813.             bindChange(val) {

  814.                 this.buyNum = val;

  815.             },

  816.             // 商品收藏/取消

  817.             collection() {

  818.                 let data = {

  819.                     goods_id: this.goodsInfo.id

  820.                 }

  821.                 this.$api.goodsCollection(data, res => {

  822.                     if (res.status) {

  823.                         this.isfav = !this.isfav;

  824.                         this.$common.successToShow(res.msg);

  825.                     } else {

  826.                         this.$common.errorToShow(res.msg);

  827.                     }

  828.                 })

  829.             },

  830.             // tab点击切换

  831.             onClickItem(index) {

  832.                 if (this.current !== index) {

  833.                     this.current = index;

  834.                 }

  835.             },

  836.             // 获取商品参数信息

  837.             getGoodsParams() {

  838.                 this.$api.goodsParams({

  839.                     id: this.goodsId

  840.                 }, res => {

  841.                     if (res.status == true) {

  842.                         this.goodsParams = res.data;

  843.                     }

  844.                 })

  845.             },

  846.             // 获取商品评论信息

  847.             getGoodsComments() {

  848.                 let data = {

  849.                     page: this.goodsComments.page,

  850.                     limit: this.goodsComments.limit,

  851.                     goods_id: this.goodsId

  852.                 }

  853. 

  854.                 this.goodsComments.loadStatus = 'loading';

  855. 

  856.                 this.$api.goodsComment(data, res => {

  857.                     if (res.status == true) {

  858.                         let _list = res.data.list;

  859. 

  860.                         // 如果评论没有图片 在这块作处理否则控制台报错

  861.                         _list.forEach(item => {

  862.                             item.ctime = this.$common.timeToDate(item.ctime)

  863.                             if (!item.hasOwnProperty('images_url')) {

  864.                                 this.$set(item, 'images_url', [])

  865.                             }

  866.                         });

  867. 

  868.                         this.goodsComments.list = [...this.goodsComments.list, ..._list];

  869.                         // 根据count数量判断是否还有数据

  870.                         if (res.data.count > this.goodsComments.list.length) {

  871.                             this.goodsComments.loadStatus = 'more';

  872.                             this.goodsComments.page++;

  873.                         } else {

  874.                             this.goodsComments.loadStatus = 'noMore';

  875.                         }

  876.                     } else {

  877.                         this.$common.errorToShow(res.msg);

  878.                     }

  879.                 })

  880.             },

  881.             // 添加商品浏览足迹

  882.             goodsBrowsing() {

  883.                 let data = {

  884.                     goods_id: this.goodsInfo.id

  885.                 }

  886. 

  887.                 this.$api.addGoodsBrowsing(data, res => {});

  888.             },

  889. 

  890.             // 立即购买

  891.             buyNow() {

  892.                 if (this.buyNum > 0) {

  893.                     let data = {

  894.                         product_id: this.product.id,

  895.                         nums: this.buyNum,

  896.                         order_type: this.type

  897.                     }

  898.                     this.$api.addCart(data, res => {

  899.                         if (res.status) {

  900.                             this.toclose();

  901.                             let cartIds = res.data;

  902.                             if (this.teamId == 0) {

  903.                                 this.$common.navigateTo('/pages/goods/place-order/index?cart_ids=' + JSON.stringify(cartIds) + '&order_type=' +

  904.                                     this.type);

  905.                             } else {

  906.                                 this.$common.navigateTo('/pages/goods/place-order/index?cart_ids=' + JSON.stringify(cartIds) + '&order_type=' +

  907.                                     this.type + '&team_id=' + this.teamId);

  908.                             }

  909. 

  910.                         } else {

  911.                             this.toclose();

  912.                             this.$common.errorToShow(res.msg);

  913.                         }

  914.                     })

  915.                 }

  916.             },

  917.             // 购物车页面跳转

  918.             redirectCart() {

  919.                 uni.switchTab({

  920.                     url: '/pages/cart/index/index'

  921.                 });

  922.             },

  923. 

  924.             trigger(e) {

  925.                 this.content[e.index].active = !e.item.active;

  926.                 uni.switchTab({

  927.                     url: e.item.url

  928.                 })

  929.             },

  930.             // 跳转到h5分享页面

  931.             goShare() {

  932.                 this.$refs.share.show();

  933.             },

  934.             closeShare() {

  935.                 this.$refs.share.close();

  936.             },

  937.             // 拼团弹出层

  938.             pintuanShow() {

  939.                 this.$refs.pintuanpop.show();

  940.                 // this.$refs.lvvpopref.close();

  941.             },

  942.             pintuanClose() {

  943.                 //this.$refs.pintuanpop.close();

  944.                 // this.$refs.pintuanpop.close();

  945.                 // this.$refs.share.close();

  946.                 //this.$refs.lvvpopref.close();

  947.             },

  948.             // 图片点击放大

  949.             clickImg(imgs) {

  950.                 // 预览图片

  951.                 uni.previewImage({

  952.                     urls: imgs.split()

  953.                 });

  954.             },

  955.             getMyShareCode() {

  956.                 let userToken = this.$db.get("userToken");

  957.                 if (userToken && userToken != '') {

  958.                     // 获取我的分享码

  959.                     this.$api.shareCode({}, res => {

  960.                         if (res.status) {

  961.                             this.myShareCode = res.data ? res.data : '';

  962.                         }

  963.                     });

  964.                 }

  965.             }

  966.         },

  967.         //分享

  968.         onShareAppMessage() {

  969.             let myInviteCode = this.myShareCode ? this.myShareCode : '';

  970.             let ins = this.$common.shareParameterDecode('type=5&id=' + this.goodsId + '&invite=' + myInviteCode);

  971.             let path = '/pages/share/jump?scene=' + ins;

  972.             console.log(path);

  973.             return {

  974.                 title: this.goodsInfo.name,

  975.                 // #ifdef MP-ALIPAY

  976.                 desc: this.goodsInfo.brief,

  977.                 // #endif

  978.                 imageUrl: this.goodsInfo.album[0],

  979.                 path: path

  980.             }

  981.         }

  982.     }

  983. </script>

  984. 

  985. <style>

  986.     .swiper {

  987.         height: 750upx;

  988.     }

  989. 

  990.     .goods-top {

  991.         border-bottom: 0;

  992.     }

  993. 

  994.     .goods-top .goods-price {

  995.         font-size: 38upx;

  996.     }

  997. 

  998.     .cost-price {

  999.         font-size: 28upx !important;

  1000.         bottom: -10upx;

  1001.         color: #999;

  1002.         text-decoration: line-through;

  1003.     }

  1004. 

  1005.     .goods-top .cell-item-ft {

  1006.         font-size: 20upx;

  1007.         color: #666;

  1008.     }

  1009. 

  1010.     .goods-details {

  1011.         padding-top: 16upx;

  1012.     }

  1013. 

  1014.     .goods-details .cell-hd-title {

  1015.         width: 620upx;

  1016.     }

  1017. 

  1018.     .goods-details .cell-hd-title .cell-hd-title-view {

  1019.         width: 100%;

  1020.         display: -webkit-box;

  1021.         -webkit-box-orient: vertical;

  1022.         -webkit-line-clamp: 2;

  1023.         overflow: hidden;

  1024.     }

  1025. 

  1026.     .goods-details .cell-hd-title .cell-hd-title-view:last-child {

  1027.         margin-top: 10upx;

  1028.     }

  1029. 

  1030.     .goods-details .cell-item-ft {

  1031.         top: 42upx;

  1032.     }

  1033. 

  1034.     .goods-title-item .cell-item-hd {

  1035.         min-width: 60upx;

  1036.         color: #666;

  1037.         font-size: 24upx;

  1038.     }

  1039. 

  1040.     .goods-title-item .cell-item-bd {

  1041.         color: #333;

  1042.         font-size: 24upx;

  1043.     }

  1044. 

  1045.     .goods-title-item .cell-bd-text {

  1046.         bottom: 0;

  1047.     }

  1048. 

  1049.     .cell-bd-view {

  1050.         position: relative;

  1051.         overflow: hidden;

  1052.     }

  1053. 

  1054.     .cell-bd-view:first-child {

  1055.         margin-bottom: 8upx;

  1056.     }

  1057. 

  1058.     .goods-title-item-ic {

  1059.         width: 22upx;

  1060.         height: 22upx;

  1061.         position: absolute;

  1062.         top: 50%;

  1063.         transform: translateY(-50%);

  1064.         /* #ifdef MP-ALIPAY */

  1065.         background-size: 100% 100%;

  1066.         /* #endif */

  1067.     }

  1068. 

  1069.     .cell-bd-view .cell-bd-text {

  1070.         margin-left: 30upx;

  1071.     }

  1072. 

  1073.     .goods-content {

  1074.         margin-top: 26upx;

  1075.         background-color: #fff;

  1076.         padding: 26upx 0;

  1077.     }

  1078. 

  1079.     .goods-content-c {}

  1080. 

  1081.     .goods-parameter {

  1082.         padding: 10upx 26upx;

  1083.     }

  1084. 

  1085.     .goods-bottom,

  1086.     .pop-b {

  1087.         background-color: #fff;

  1088.         position: fixed;

  1089.         bottom: 0;

  1090.         height: 90upx;

  1091.         width: 100%;

  1092.         overflow: hidden;

  1093.         box-shadow: 0 0 20upx #ccc;

  1094.     }

  1095. 

  1096.     .goods-bottom button {

  1097.         height: 100%;

  1098.         width: 35%;

  1099.     }

  1100. 

  1101.     .goods-bottom-ic {

  1102.         display: inline-block;

  1103.         position: relative;

  1104.         text-align: center;

  1105.         height: 100%;

  1106.         width: 15%;

  1107.         float: left;

  1108.         font-size: 22upx;

  1109.         color: #666;

  1110.     }

  1111. 

  1112.     .goods-bottom-ic .icon {

  1113.         position: relative;

  1114.         top: 6upx;

  1115.         /* left: -6upx; */

  1116.         /* #ifdef MP-ALIPAY */

  1117.         background-size: 100% 100%;

  1118.         /* #endif */

  1119.     }

  1120. 

  1121.     .goods-bottom .btn-g {

  1122.         color: #333;

  1123.         background-color: #D9D9D9;

  1124.     }

  1125. 

  1126.     .goods-parameter .cell-item {

  1127.         border-bottom: none;

  1128.         margin-left: 0;

  1129.     }

  1130. 

  1131.     .goods-parameter .cell-item-hd {

  1132.         color: #333;

  1133.         font-size: 24upx;

  1134.     }

  1135. 

  1136.     .goods-parameter .cell-item-bd {

  1137.         color: #999;

  1138.     }

  1139. 

  1140.     .goods-parameter .cell-item-bd .cell-bd-text {

  1141.         bottom: 0;

  1142.     }

  1143. 

  1144.     .goods-parameter .cell-bd-text {

  1145.         margin-left: 0;

  1146.     }

  1147. 

  1148.     .pop-t {

  1149.         position: relative;

  1150.         padding: 30upx 26upx;

  1151.         border-bottom: 2upx solid #f3f3f3;

  1152.         /* box-shadow: 0 0 20upx #ccc; */

  1153.     }

  1154. 

  1155.     .goods-img {

  1156.         width: 160upx;

  1157.         height: 160upx;

  1158.         position: absolute;

  1159.         top: -20upx;

  1160.         background-color: #fff;

  1161.         border-radius: 6upx;

  1162.         border: 2upx solid #fff;

  1163.     }

  1164. 

  1165.     .goods-img image {

  1166.         height: 100%;

  1167.         width: 100%;

  1168.     }

  1169. 

  1170.     .goods-information {

  1171.         width: 420upx;

  1172.         display: inline-block;

  1173.         margin-left: 180upx;

  1174.     }

  1175. 

  1176.     .pop-goods-name {

  1177.         width: 100%;

  1178.         overflow: hidden;

  1179.         white-space: nowrap;

  1180.         text-overflow: ellipsis;

  1181.         display: block;

  1182.         font-size: 24upx;

  1183.         margin-bottom: 20upx;

  1184.     }

  1185. 

  1186.     .pop-goods-price {

  1187.         font-size: 30upx;

  1188.     }

  1189. 

  1190.     .close-btn {

  1191.         width: 40upx;

  1192.         height: 40upx;

  1193.         border-radius: 50%;

  1194.         display: inline-block;

  1195.         position: absolute;

  1196.         right: 30upx;

  1197.     }

  1198. 

  1199.     .close-btn image {

  1200.         width: 100%;

  1201.         height: 100%;

  1202.     }

  1203. 

  1204.     .pop-m {

  1205.         font-size: 28upx;

  1206.         margin-bottom: 90upx;

  1207.     }

  1208. 

  1209.     .goods-specs,

  1210.     .goods-number {

  1211.         padding: 26upx;

  1212.         border-top: 1px solid #f3f3f3;

  1213.     }

  1214. 

  1215.     .goods-specs:first-child {

  1216.         border: none;

  1217.     }

  1218. 

  1219.     .pop-m-title {

  1220.         margin-right: 10upx;

  1221.         color: #666;

  1222.     }

  1223. 

  1224.     .pop-m-bd {

  1225.         overflow: hidden;

  1226.         margin-top: 10upx;

  1227.     }

  1228. 

  1229.     .pop-m-item {

  1230.         display: inline-block;

  1231.         float: left;

  1232.         padding: 6upx 16upx;

  1233.         background-color: #fff;

  1234.         color: #333;

  1235.         margin-right: 16upx;

  1236.         margin-bottom: 10upx;

  1237.     }

  1238. 

  1239.     .selected {

  1240.         border: 2upx solid #333;

  1241.         background-color: #333;

  1242.         color: #fff;

  1243.     }

  1244. 

  1245.     .not-selected {

  1246.         border: 2upx solid #ccc;

  1247.     }

  1248. 

  1249.     .none {

  1250.         border: 2upx dashed #ccc;

  1251.         color: #888;

  1252.     }

  1253. 

  1254.     .pop-m-bd-in {

  1255.         display: inline-block;

  1256.     }

  1257. 

  1258.     .badge {

  1259.         top: 2upx;

  1260.         left: 62upx;

  1261.     }

  1262. 

  1263.     .goods-assess .user-head-img {

  1264.         width: 80upx;

  1265.         height: 80upx;

  1266.         border-radius: 50%;

  1267.     }

  1268. 

  1269.     .goods-assess .cell-item-bd {

  1270.         padding-right: 0;

  1271.     }

  1272. 

  1273.     .goods-assess .cell-bd-text {

  1274.         margin: 0;

  1275.     }

  1276. 

  1277.     .goods-assess .cell-bd-text.color-9 {

  1278.         overflow: hidden;

  1279.         text-overflow: ellipsis;

  1280.         white-space: nowrap;

  1281.         max-width: 440upx;

  1282.     }

  1283. 

  1284.     .gai-body {}

  1285. 

  1286.     .gai-body-text {

  1287.         font-size: 26upx;

  1288.         color: #333;

  1289.         padding: 0 26upx;

  1290.         word-wrap: break-word;

  1291.     }

  1292. 

  1293.     .gai-body-img {

  1294.         overflow: hidden;

  1295.         padding: 20upx 26upx;

  1296.     }

  1297. 

  1298.     .gai-body-img image {

  1299.         width: 220upx;

  1300.         height: 220upx;

  1301.         float: left;

  1302.         margin-right: 19upx;

  1303.         margin-bottom: 18upx;

  1304.     }

  1305. 

  1306.     .gai-body-img image:nth-child(3n) {

  1307.         margin-right: 0;

  1308.     }

  1309. 

  1310.     .redstar {

  1311.         width: 24rpx;

  1312.         height: 24rpx;

  1313.         padding: 2rpx;

  1314.     }

  1315. 

  1316.     .mask-share-wechat {

  1317.         display: inline-block;

  1318.         background-color: #fff;

  1319.         padding: 0;

  1320.     }

  1321. 

  1322.     .mask-share-wechat:after {

  1323.         border: none;

  1324.     }

  1325. 

  1326.     .right-ball {

  1327.         position: fixed;

  1328.         right: 30upx;

  1329.         bottom: 300upx;

  1330.         z-index: 999;

  1331.         text-align: center;

  1332.         padding: 14upx 0;

  1333.         /* line-height: 80upx; */

  1334.         width: 80upx;

  1335.         height: 80upx;

  1336.         font-size: 24upx;

  1337.         color: #fff;

  1338.         background-color: rgba(0, 0, 0, .5);

  1339.         border-radius: 50%;

  1340.     }

  1341. 

  1342.     .share-pop {

  1343.         height: 300upx;

  1344.         width: 100%;

  1345.         display: flex;

  1346.     }

  1347. 

  1348.     .share-item {

  1349.         flex: 1;

  1350.         text-align: center;

  1351.         font-size: 26upx;

  1352.         color: #333;

  1353.         padding: 20upx 0;

  1354.     }

  1355. 

  1356.     /* .share-item image{

  1357.     width: 120upx;

  1358.     height: 120upx;

  1359. } */

  1360.     .comment-none {

  1361.         text-align: center;

  1362.         padding: 200upx 0;

  1363.     }

  1364. 

  1365.     .comment-none-img {

  1366.         width: 274upx;

  1367.         height: 274upx;

  1368.     }

  1369. 

  1370.     .price-salesvolume {

  1371.         width: 100%;

  1372.         height: 112upx;

  1373.         padding: 0 0 0 26upx;

  1374.         overflow: hidden;

  1375.         color: #A5A5A5;

  1376.         background-color: rgb(252, 226, 80);

  1377.         position: relative;

  1378.     }

  1379. 

  1380.     .commodity-price {

  1381.         width: 224upx;

  1382.         display: inline-block;

  1383.         float: left;

  1384.     }

  1385. 

  1386.     .current-price {

  1387.         font-size: 40upx;

  1388.         color: #FF7159;

  1389.         display: block;

  1390.         line-height: 1.5;

  1391.     }

  1392. 

  1393.     .cost-price {

  1394.         font-size: 26upx;

  1395.         text-decoration: line-through;

  1396.         /* margin-left: 8rpx; */

  1397.         display: block;

  1398.     }

  1399. 

  1400.     .commodity-salesvolume {

  1401.         width: 240upx;

  1402.         display: inline-block;

  1403.         font-size: 22upx;

  1404.         float: left;

  1405.         padding: 16upx 0;

  1406.     }

  1407. 

  1408.     .commodity-salesvolume>text {

  1409.         display: block;

  1410.     }

  1411. 

  1412.     .commodity-time-img {

  1413.         display: block;

  1414.         width: 0;

  1415.         height: 0;

  1416.         border-width: 56upx 28upx 56upx 0;

  1417.         border-style: solid;

  1418.         border-color: transparent #FF7159 transparent transparent;

  1419.         /*透明 黄 透明 透明 */

  1420.         /* position: absolute; */

  1421.         /* top: 0px; */

  1422.         /* right: 260upx; */

  1423.         float: right;

  1424.     }

  1425. 

  1426.     .commodity-time {

  1427.         display: inline-block;

  1428.         width: 220upx;

  1429.         height: 100%;

  1430.         text-align: center;

  1431.         font-size: 24upx;

  1432.         background-color: #FF7159;

  1433.         padding: 16upx 0 18upx;

  1434.         color: #FF7159;

  1435.         float: right;

  1436.     }

  1437. 

  1438.     .commodity-time>text {

  1439.         color: rgb(252, 226, 80);

  1440.     }

  1441. 

  1442.     .commodity-day>text {

  1443.         display: inline-block;

  1444.         background-color: rgb(255, 212, 176);

  1445.         color: rgb(255, 115, 0);

  1446.         padding: 0 6upx;

  1447.         border-radius: 6upx;

  1448.     }

  1449. 

  1450. 

  1451.     .nav-back {

  1452.         width: 100%;

  1453.         height: 44px;

  1454.         /* #ifndef MP-WEIXIN */

  1455.         padding: 12px 12px 0;

  1456.         /* #endif */

  1457.         /* #ifdef MP-WEIXIN */

  1458.         padding: 26px 12px 0;

  1459.         /* #endif */

  1460.         

  1461.         position: fixed;

  1462.         top: 0;

  1463.         background-color: rgba(255, 255, 255, 0);

  1464.         z-index: 98;

  1465.     }

  1466. 

  1467.     .back-btn {

  1468.         height: 32px;

  1469.         width: 32px;

  1470.         border-radius: 50%;

  1471.         background-color: rgba(255, 255, 255, 0.8);

  1472.     }

  1473. 

  1474.     .back-btn .icon {

  1475.         height: 20px;

  1476.         width: 20px;

  1477.         position: relative;

  1478.         top: 50%;

  1479.         left: 46%;

  1480.         transform: translate(-50%, -50%);

  1481.     }

  1482.     .tl {

  1483.         width: 70% !important;

  1484.     }

  1485. 

  1486.     .group-swiper {

  1487.         /* padding: 20upx 26upx; */

  1488.     }

  1489. 

  1490.     .groupHeight {

  1491.         height: 122upx !important;

  1492.     }

  1493. 

  1494.     .group-swiper-c {

  1495.         height: 242upx;

  1496.     }

  1497. 

  1498.     .group-swiper-c .swiper-item .cell-item {

  1499.         height: 50%;

  1500.     }

  1501. 

  1502.     .group-swiper-c .swiper-item .cell-item .user-head-img {

  1503.         width: 80upx;

  1504.         height: 80upx;

  1505.         border-radius: 50%;

  1506.     }

  1507. 

  1508.     .group-swiper-c .swiper-item .cell-item .cell-hd-title {

  1509.         position: absolute;

  1510.         top: 50%;

  1511.         left: 100upx;

  1512.         transform: translateY(-50%);

  1513.         max-width: 220upx;

  1514.         width: 100%;

  1515.         overflow: hidden;

  1516.         text-overflow: ellipsis;

  1517.         white-space: nowrap;

  1518.     }

  1519. 

  1520.     .group-swiper-c .swiper-item .cell-item .cell-item-bd {

  1521.         min-width: 150upx;

  1522.         max-width: 200upx;

  1523.         padding-right: 134upx;

  1524.         text-align: center;

  1525.     }

  1526. 

  1527.     .group-swiper-c .swiper-item .cell-item .cell-item-bd .cell-bd-view {

  1528.         margin-bottom: 0;

  1529.     }

  1530. 

  1531.     .group-swiper-c .swiper-item .cell-item .cell-item-bd .cell-bd-text {

  1532.         float: none;

  1533.     }

  1534. 

  1535.     .group-swiper-c .commodity-day>text {

  1536.         background: none !important;

  1537.         padding: 0;

  1538.     }

  1539. 

  1540.     .group-swiper-c .swiper-item .cell-item .cell-item-ft .btn {

  1541.         font-size: 26upx;

  1542.         color: #fff;

  1543.         background-color: #FF7159;

  1544.         /* padding: 0; */

  1545.         text-align: center;

  1546.     }

  1547. 

  1548.     .btn-content {

  1549.         line-height: 1.2;

  1550.         position: relative;

  1551.         top: 49%;

  1552.         transform: translateY(-50%);

  1553.     }

  1554. 

  1555.     .ig-top {

  1556.         text-align: center;

  1557.         background-color: #fff;

  1558.         padding: 20upx 26upx;

  1559.         width: 690upx;

  1560.         min-height: 90upx;

  1561.         position: absolute;

  1562.         top: 50%;

  1563.         left: 50%;

  1564.         transform: translate(-50%, -50%);

  1565.     }

  1566. 

  1567.     .ig-top-t,

  1568.     .ig-top-m {

  1569.         margin-bottom: 20upx;

  1570.     }

  1571. 

  1572.     .ig-top-t>view {

  1573.         display: inline-block;

  1574.         padding: 0 10upx;

  1575.         color: #999;

  1576.     }

  1577. 

  1578.     .user-head-img-c {

  1579.         position: relative;

  1580.         width: 80upx;

  1581.         height: 80upx;

  1582.         border-radius: 50%;

  1583.         margin-right: 20upx;

  1584.         box-sizing: border-box;

  1585.         display: inline-block;

  1586.         /* float: left; */

  1587.         border: 1px solid #f3f3f3;

  1588.     }

  1589. 

  1590.     .user-head-img-tip {

  1591.         position: absolute;

  1592.         top: -6upx;

  1593.         left: -10upx;

  1594.         display: inline-block;

  1595.         background-color: #FF7159;

  1596.         color: #fff;

  1597.         font-size: 22upx;

  1598.         z-index: 98;

  1599.         padding: 0 10upx;

  1600.         border-radius: 10upx;

  1601.         transform: scale(.8);

  1602.     }

  1603. 

  1604.     .user-head-img-c .user-head-img {

  1605.         width: 100%;

  1606.         height: 100%;

  1607.         border-radius: 50%;

  1608.     }

  1609. 

  1610.     .user-head-img-c:first-child {

  1611.         border: 1px solid #FF7159;

  1612.     }

  1613. 

  1614.     .uhihn {

  1615.         width: 80upx;

  1616.         height: 80upx;

  1617.         border-radius: 50%;

  1618.         display: inline-block;

  1619.         border: 2upx dashed #e1e1e1;

  1620.         text-align: center;

  1621.         color: #d1d1d1;

  1622.         font-size: 40upx;

  1623.         box-sizing: border-box;

  1624.         position: relative;

  1625.     }

  1626. 

  1627.     .uhihn>text {

  1628.         position: absolute;

  1629.         left: 50%;

  1630.         top: 50%;

  1631.         transform: translate(-50%, -50%);

  1632.     }

  1633. 

  1634.     .igtb-top {

  1635.         font-size: 32upx;

  1636.         color: #333;

  1637.         margin-bottom: 16upx;

  1638.     }

  1639. 

  1640.     .igtb-mid {

  1641.         margin-bottom: 16upx;

  1642.     }

  1643. 

  1644.     .igtb-mid .btn {

  1645.         width: 100%;

  1646.         background-color: #FF7159;

  1647.         color: #fff;

  1648.     }

  1649. 

  1650.     .igtb-bot {

  1651.         font-size: 24upx;

  1652.         color: #666;

  1653.     }

  1654. </style>

  1655.
pintuan2.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top">

  4.             <!-- 轮播图 -->

  5.             <view class='swiper'>

  6.                 <swiper class="swiper-c" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay" :interval="swiper.interval"

  7.                  :duration="swiper.duration">

  8.                     <swiper-item class="have-none" v-for="(item, index) in goodsInfo.album" :key="index" @click="clickImg(item)">

  9.                         <image class='' :src='item' mode="aspectFill"></image>

  10.                     </swiper-item>

  11.                 </swiper>

  12.             </view>

  13.             <!-- 轮播图end -->

  14. 

  15.             <view class='cell-group'>

  16.                 <!-- 倒计时 -->

  17.                 <view class='price-salesvolume' v-if="lasttime.hour!==false">

  18.                     <view class='commodity-price'>

  19.                         <text class='current-price'>￥{{ product.pintuan_price }}</text>

  20.                         <text class='cost-price'>￥{{product.mktprice}}</text>

  21.                     </view>

  22.                     <view class='commodity-salesvolume'>

  23.                         <text>已售{{goodsInfo.buy_count}}件/剩余{{product.stock}}件</text>

  24.                         <text>累计销售{{goodsInfo.buy_count}}件</text>

  25.                     </view>

  26.                     <view class='commodity-time-img'></view>

  27.                     <view class='commodity-time'>

  28.                         <text>距结束仅剩</text>

  29.                         <view class='commodity-day'>

  30.                             <uni-countdown :day="lasttime.day" :hour="lasttime.hour" :minute="lasttime.minute" :second="lasttime.second"></uni-countdown>

  31.                         </view>

  32.                     </view>

  33.                     <!-- <view class='commodity-time'>

  34.                         已结束

  35.                     </view> -->

  36.                 </view>

  37.                 <!-- 倒计时end -->

  38. 

  39.                 <!-- 分享 -->

  40.                 <view class='cell-item goods-details'>

  41.                     <view class='cell-item-hd'>

  42.                         <view class='cell-hd-title'>{{ product.name }}</view>

  43.                     </view>

  44.                     <view class='cell-item-ft'>

  45.                         <image class='cell-ft-next icon' @click="goShare()" src='../../../static/image/share.png'></image>

  46.                     </view>

  47.                 </view>

  48.                 <!-- 分享end -->

  49. 

  50. 

  51. 

  52.                 <!-- 规格 -->

  53.                 <view class='cell-item goods-title-item' v-if="isSpes">

  54.                     <view class='cell-item-hd'>

  55.                         <view class='cell-hd-title'>规格</view>

  56.                     </view>

  57.                     <view class='cell-item-bd' @click="toshow(2)">

  58.                         <text class='cell-bd-text'>{{ product.spes_desc }}</text>

  59.                     </view>

  60.                 </view>

  61.                 <!-- 规格end -->

  62. 

  63.                 <!-- 说明 -->

  64.                 <view class='cell-item goods-title-item'>

  65.                     <view class='cell-item-hd'>

  66.                         <view class='cell-hd-title'>说明</view>

  67.                     </view>

  68.                     <view class='cell-item-bd'>

  69.                         <view class="cell-bd-view">

  70.                             <image class="goods-title-item-ic" src="../../../static/image/ic-dui.png" mode=""></image>

  71.                             <text class="cell-bd-text">24小时内发货</text>

  72.                         </view>

  73.                         <view class="cell-bd-view">

  74.                             <image class="goods-title-item-ic" src="../../../static/image/ic-dui.png" mode=""></image>

  75.                             <text class="cell-bd-text">7天拆封无条件退货</text>

  76.                         </view>

  77.                     </view>

  78.                 </view>

  79.                 <!-- 说明end -->

  80.             </view>

  81. 

  82.             <!-- 团购拼单 -->

  83.             <view class="cell-group margin-cell-group" v-if="teamCount">

  84.                 <view class='cell-item right-img'>

  85.                     <view class='cell-item-hd'>

  86.                         <view class='cell-hd-title'>{{teamCount}}人在拼单，可直接参与</view>

  87.                     </view>

  88.                     <!-- <view class='cell-item-ft' >

  89.                         <image class='cell-ft-next icon' src='../../../static/image/right.png'></image>

  90.                         <text class='cell-ft-text'>查看更多</text>

  91.                     </view> -->

  92.                 </view>

  93.                 <view class="group-swiper">

  94.                     <swiper class="group-swiper-c" :indicator-dots="indicatorDots" :autoplay="autoplay" vertical="true" circular="true"

  95.                      :interval="interval" :duration="duration">

  96.                         <swiper-item v-for="(item, index) in teamList" :key="index">

  97.                             <view class="swiper-item">

  98.                                 <view class='cell-item'>

  99.                                     <view class='cell-item-hd'>

  100.                                         <image class="user-head-img cell-hd-icon have-none" :src='item[0].avatar' mode=""></image>

  101.                                         <view class="cell-hd-title">

  102.                                             {{item[0].user_name}}

  103.                                         </view>

  104.                                     </view>

  105.                                     <view class='cell-item-bd'>

  106.                                         <view class="cell-bd-view">

  107.                                             <text class="cell-bd-text">还差<text class="red-price">{{item[0].peopleNums}}人</text>拼成</text>

  108.                                         </view>

  109.                                         <view class="cell-bd-view">

  110.                                             <view class='commodity-day'>

  111.                                                 <uni-countdown :day="item[0].remainder_time.day" :hour="item[0].remainder_time.hour" :minute="item[0].remainder_time.minute"

  112.                                                  :second="item[0].remainder_time.second"></uni-countdown>

  113.                                             </view>

  114. 

  115.                                         </view>

  116.                                     </view>

  117.                                     <view class="cell-item-ft" v-if="!item[0].is_own">

  118.                                         <button class="btn" @click="toshow(1,item[0].id)">去拼单</button>

  119.                                     </view>

  120.                                     <view class="cell-item-ft" v-else>

  121.                                         <button class="btn btn-b">拼团中</button>

  122.                                     </view>

  123.                                 </view>

  124.                                 <view class='cell-item' v-if="item[1]">

  125.                                     <view class='cell-item-hd'>

  126.                                         <image class="user-head-img cell-hd-icon have-none" :src='item[1].avatar' mode=""></image>

  127.                                         <view class="cell-hd-title">

  128.                                             {{item[1].user_name}}

  129.                                         </view>

  130.                                     </view>

  131.                                     <view class='cell-item-bd'>

  132.                                         <view class="cell-bd-view">

  133.                                             <text class="cell-bd-text">还差<text class="red-price">{{item[1].peopleNums}}人</text>拼成</text>

  134.                                         </view>

  135.                                         <view class="cell-bd-view">

  136.                                             <view class='commodity-day'>

  137.                                                 <uni-countdown :day="item[1].remainder_time.day" :hour="item[1].remainder_time.hour" :minute="item[1].remainder_time.minute"

  138.                                                  :second="item[1].remainder_time.second"></uni-countdown>

  139.                                             </view>

  140. 

  141.                                         </view>

  142.                                     </view>

  143.                                     <view class="cell-item-ft" v-if="!item[1].is_own">

  144.                                         <button class="btn" @click="toshow(1,item[1].id)">去拼单</button>

  145.                                     </view>

  146.                                     <view class="cell-item-ft" v-else>

  147.                                         <button class="btn btn-b">拼团中</button>

  148.                                     </view>

  149.                                 </view>

  150.                             </view>

  151.                         </swiper-item>

  152.                     </swiper>

  153.                 </view>

  154.             </view>

  155.             <view class="cell-group margin-cell-group" v-else>

  156.                 <view class='cell-item right-img'>

  157.                     <view class='cell-item-hd'>

  158.                         <view class='cell-hd-title'>暂无开团信息</view>

  159.                     </view>

  160. 

  161.                 </view>

  162.             </view>

  163.             <view class="goods-content">

  164.                 <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" style-type="text" active-color="#333"></uni-segmented-control>

  165.                 <view class="goods-content-c">

  166.                     <view class="goods-detail" v-if="current === 0">

  167.                         <u-parse :content="goodsInfo.intro" />

  168.                     </view>

  169.                     <view class="goods-parameter" v-else-if="current === 1">

  170.                         <view class='cell-group' v-if="goodsParams.length">

  171.                             <view class='cell-item' v-for="(item, index) in goodsParams" :key="index">

  172.                                 <view class='cell-item-hd'>

  173.                                     <view class='cell-hd-title'>{{ item.name }}</view>

  174.                                 </view>

  175.                                 <view class='cell-item-bd'>

  176.                                     <text class='cell-bd-text'>{{ item.value }}</text>

  177.                                 </view>

  178.                             </view>

  179.                         </view>

  180.                     </view>

  181.                     <view class="goods-assess" v-else-if="current === 2">

  182.                         <view v-if="goodsComments.list.length">

  183.                             <view class="goods-assess-item" v-for="(item, index) in goodsComments.list" :key="index">

  184.                                 <view class='cell-group'>

  185.                                     <view class='cell-item goods-title-item'>

  186.                                         <view class='cell-item-hd'>

  187.                                             <image class='user-head-img' :src='item.user.avatar' mode="aspectFill"></image>

  188.                                         </view>

  189.                                         <view class='cell-item-bd'>

  190.                                             <view class="cell-bd-view">

  191.                                                 <text class="cell-bd-text">{{ item.user.nickname }}</text>

  192.                                                 <view class="cell-bd-text-right">

  193.                                                     <uni-rate size="16" disabled="true" :value="item.score"></uni-rate>

  194.                                                 </view>

  195.                                             </view>

  196.                                             <view class="cell-bd-view">

  197.                                                 <text class="cell-bd-text color-9" style="margin-right: 16upx;">{{ item.ctime }}</text>

  198.                                                 <text class="cell-bd-text color-9">{{ item.addon }}</text>

  199.                                             </view>

  200.                                         </view>

  201.                                     </view>

  202.                                 </view>

  203.                                 <view class="gai-body">

  204.                                     <view class="gai-body-text">

  205.                                         {{ item.content }}

  206.                                     </view>

  207.                                     <view class="gai-body-img" v-if="item.images_url.length">

  208.                                         <image :src="img" mode="aspectFill" v-for="(img, key) in item.images_url" :key="key" @click="clickImg(img)"></image>

  209.                                     </view>

  210.                                 </view>

  211.                             </view>

  212.                             <uni-load-more :status="goodsComments.loadStatus"></uni-load-more>

  213.                         </view>

  214.                         <view class="comment-none" v-else>

  215.                             <image class="comment-none-img" src="../../../static/image/order.png" mode=""></image>

  216.                         </view>

  217.                     </view>

  218.                 </view>

  219.             </view>

  220.         </view>

  221. 

  222.         <!-- 弹出层 -->

  223.         <lvv-popup position="bottom" ref="share">

  224. 

  225.             <!-- #ifdef H5 -->

  226.             <shareByH5 :shareType='3' :goodsId="goodsInfo.id" :groupId="groupInfo.id" :shareImg="goodsInfo.image_url"

  227.              :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief" :shareHref="shareHref" @close="closeShare()"></shareByH5>

  228.             <!-- #endif -->

  229. 

  230.             <!-- #ifdef MP-WEIXIN -->

  231.             <shareByWx :shareType='3' :goodsId="goodsInfo.id" :groupId="groupInfo.id" :shareImg="goodsInfo.image_url"

  232.              :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief" :shareHref="shareHref" @close="closeShare()"></shareByWx>

  233.             <!-- #endif -->

  234. 

  235.             <!-- #ifdef MP-ALIPAY -->

  236.             <shareByAli :shareType='3' :goodsId="goodsInfo.id" :groupId="groupInfo.id" :shareImg="goodsInfo.image_url"

  237.              :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief" :shareHref="shareHref" @close="closeShare()"></shareByAli>

  238.             <!-- #endif -->

  239. 

  240.             <!-- #ifdef APP-PLUS -->

  241.             <shareByApp :shareType='3' :goodsId="goodsInfo.id" :groupId="groupInfo.id" :shareImg="goodsInfo.image_url"

  242.              :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief" :shareHref="shareHref" @close="closeShare()"></shareByApp>

  243.             <!-- #endif -->

  244. 

  245.         </lvv-popup>

  246. 

  247.         <!-- 弹出层 -->

  248. 

  249.         <lvv-popup position="bottom" ref="lvvpopref">

  250.             <view style="width: 100%;max-height: 804upx;background: #FFFFFF;position: absolute;left:0;bottom: 0;">

  251.                 <view class="pop-c">

  252.                     <view class="pop-t">

  253.                         <view class='goods-img'>

  254.                             <image :src='product.image_path' mode='aspectFill'></image>

  255.                         </view>

  256.                         <view class='goods-information'>

  257.                             <view class='pop-goods-name'>{{ product.name }}</view>

  258.                             <view class='pop-goods-price red-price'>￥ {{ product.price }}</view>

  259.                         </view>

  260.                         <view class='close-btn' @click="toclose()">

  261.                             <image src='../../../static/image/close.png'></image>

  262.                         </view>

  263.                     </view>

  264.                     <scroll-view class="pop-m" scroll-y="true" style="max-height: 560upx;">

  265.                         <spec :spesData="product.default_spes_desc" ref="spec" @changeSpes="changeSpes"></spec>

  266. 

  267.                         <view class="goods-number">

  268.                             <text class="pop-m-title">数量</text>

  269.                             <view class="pop-m-bd-in">

  270.                                 <uni-number-box :min="minNums" :max="product.stock" :value="buyNum" @change="bindChange"></uni-number-box>

  271.                             </view>

  272.                         </view>

  273.                     </scroll-view>

  274.                     <view class="pop-b" v-if="lvvpopref_type == 2">

  275.                         <button class='btn btn-square btn-g btn-half' @click="buyNow(1)">单独购买￥ {{ product.price }}</button>

  276.                         <button class='btn btn-square btn-b btn-half' @click="buyNow(2)">立即拼单￥ {{ product.pintuan_price }}</button>

  277.                     </view>

  278.                     <view class="pop-b" v-else>

  279.                         <button class='btn btn-square btn-b' @click="buyNow1(2)">确定￥ {{ product.pintuan_price }}</button>

  280.                     </view>

  281.                 </view>

  282.             </view>

  283.         </lvv-popup>

  284.         <!-- 弹出层end -->

  285.         <!-- 底部按钮 -->

  286.         <view class="goods-bottom">

  287.             <view class="goods-bottom-ic" @click="collection">

  288.                 <image class="icon" :src="isfav ? favLogo[1] : favLogo[0]" mode=""></image>

  289.                 <view v-if="!isfav">收藏</view>

  290.                 <view v-if="isfav">已收藏</view>

  291.             </view>

  292. 

  293.             <view class="goods-bottom-ic" @click="redirectCart">

  294.                 <view class="badge color-f" v-if="cartNums">{{ cartNums }}</view>

  295.                 <image class="icon" src="../../../static/image/ic-me-car.png" mode=""></image>

  296.                 <view>购物车</view>

  297.             </view>

  298.             <button class='btn btn-square btn-b tl' @click="toshow(2)" hover-class="btn-hover2">立即拼单</button>

  299.         </view>

  300.         <!-- 底部按钮end -->

  301. 

  302.         <!-- 右边浮动球 -->

  303.         <uni-fab :pattern="pattern" :content="content" :horizontal="horizontal" :vertical="vertical" :direction="direction"

  304.          @trigger="trigger"></uni-fab>

  305.     </view>

  306. </template>

  307. 

  308. <script>

  309.     import uniSegmentedControl from "@/components/uni-segmented-control/uni-segmented-control.vue";

  310.     import lvvPopup from '@/components/lvv-popup/lvv-popup.vue';

  311.     import uniNumberBox from "@/components/uni-number-box/uni-number-box.vue";

  312.     import uniRate from "@/components/uni-rate/uni-rate.vue";

  313.     import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';

  314.     import uniFab from '@/components/uni-fab/uni-fab.vue';

  315.     import {

  316.         get

  317.     } from '@/config/db.js';

  318.     import {

  319.         apiBaseUrl

  320.     } from '@/config/config.js';

  321.     import {

  322.         pintuanUrl

  323.     } from '@/config/config.js';

  324.     import uniCountdown from "@/components/uni-countdown/uni-countdown.vue";

  325.     import uParse from '@/components/u-parse/u-parse.vue';

  326.     import spec from '@/components/spec/spec.vue';

  327.     import share from '@/components/share/share.vue';

  328.     // #ifdef H5

  329.     import shareByH5 from '@/components/share/shareByh5.vue'

  330.     // #endif

  331.     // #ifdef MP-WEIXIN

  332.     import shareByWx from '@/components/share/shareByWx.vue'

  333.     // #endif

  334.     // #ifdef MP-ALIPAY

  335.     import shareByAli from '@/components/share/shareByAli.vue'

  336.     // #endif

  337.     // #ifdef APP-PLUS

  338.     import shareByApp from '@/components/share/shareByApp.vue'

  339.     // #endif

  340. 

  341.     import htmlParser from '@/common/html-parser'

  342.     export default {

  343. 

  344.         components: {

  345.             uniSegmentedControl,

  346.             lvvPopup,

  347.             uniNumberBox,

  348.             uniRate,

  349.             uniLoadMore,

  350.             uniFab,

  351.             uniCountdown,

  352.             uParse,

  353.             share,

  354.             spec,

  355.             // #ifdef H5

  356.             shareByH5,

  357.             // #endif

  358. 

  359.             // #ifdef MP-WEIXIN

  360.             shareByWx,

  361.             // #endif

  362. 

  363.             // #ifdef MP-ALIPAY

  364.             shareByAli,

  365.             // #endif

  366. 

  367.             // #ifdef APP-PLUS

  368.             shareByApp,

  369.             // #endif

  370.         },

  371.         data() {

  372.             return {

  373.                 myShareCode: '', //分享Code

  374.                 shareType: 0,

  375.                 providerList: [], // 分享通道 包含生成海报

  376.                 swiper: {

  377.                     indicatorDots: true,

  378.                     autoplay: true,

  379.                     interval: 3000,

  380.                     duration: 800,

  381.                 }, // 轮播图属性设置

  382.                 items: ['图文详情', '商品参数', '买家评论'],

  383.                 current: 0, // init tab位

  384.                 goodsId: 0, // 商品id

  385.                 groupId: 0, // 拼团ID

  386.                 cartNums: 0, // 购物车数量

  387.                 groupInfo: {}, // 拼团详情

  388.                 goodsInfo: {}, //商品详情

  389.                 teamList: [], //团队列表

  390.                 teamCount: 0, //开团团数

  391.                 product: {}, // 规格详情

  392.                 goodsParams: [], // 商品参数信息

  393.                 goodsComments: {

  394.                     loadStatus: 'more',

  395.                     page: 1,

  396.                     limit: 5,

  397.                     list: []

  398.                 }, // 商品评论信息

  399.                 buyNum: 1, // 选定的购买数量

  400.                 minBuyNum: 1, // 最小可购买数量

  401.                 type: 2, // 1加入购物车 2购买

  402.                 isfav: false, // 商品是否收藏

  403.                 favLogo: [

  404.                     '../../../static/image/ic-me-collect.png',

  405.                     '../../../static/image/ic-me-collect2.png'

  406.                 ],

  407.                 horizontal: 'right', //右下角弹出按钮

  408.                 vertical: 'bottom',

  409.                 direction: 'vertical',

  410.                 pattern: {

  411.                     color: '#7A7E83',

  412.                     backgroundColor: '#fff',

  413.                     selectedColor: '#007AFF',

  414.                     buttonColor: "#FF7159"

  415.                 },

  416.                 content: [{

  417.                         iconPath: '../../../static/image/tab-ic-hom-selected.png',

  418.                         selectedIconPath: '../../../static/image/tab-ic-hom-unselected.png',

  419.                         // text: '首页',

  420.                         active: false,

  421.                         url: '/pages/index/index'

  422.                     },

  423. 

  424.                     {

  425.                         iconPath: '../../../static/image/tab-ic-me-selected.png',

  426.                         selectedIconPath: '../../../static/image/tab-ic-me-unselected.png',

  427.                         // text: '个人中心',

  428.                         active: false,

  429.                         url: '/pages/member/index/index'

  430.                     },

  431.                 ],

  432.                 indicatorDots: false,

  433.                 autoplay: false,

  434.                 interval: 2000,

  435.                 duration: 500,

  436.                 lasttime: {

  437.                     hour: false,

  438.                     minute: 0,

  439.                     second: 0

  440.                 },

  441.                 lvvpopref_type: 2,

  442.                 team_id: 0, //团id

  443.                 userToken: 0,

  444.                 invite: 0 //邀请人的团Id

  445.             }

  446.         },

  447.         onLoad(e) {

  448.             this.goodsId = e.id;

  449.             this.groupId = e.group_id;

  450.             

  451.             //获取拼团id，商品ID

  452.             if (this.goodsId && this.groupId) {

  453.                 this.getPintuanInfo(groupId);

  454.                 this.getTeam(groupId);

  455.                 this.getGoodsParams();

  456.                 this.getGoodsComments();

  457.             } else {

  458.                 this.$common.errorToShow('获取失败', () => {

  459.                     uni.navigateBack({

  460.                         delta: 1

  461.                     });

  462.                 });

  463.             }

  464.             

  465.             // 获取购物车数量

  466.             this.getCartNums();

  467.             this.getMyShareCode();

  468.         },

  469.         computed: {

  470. 

  471.             // 规格切换计算规格商品的 可购买数量

  472.             minNums() {

  473.                 return this.product.stock > this.minBuyNum ? this.minBuyNum : this.product.stock;

  474.             },

  475.             // 判断商品是否是多规格商品  (为了兼容小程序 只能写在计算属性里面了)

  476.             isSpes() {

  477.                 if (this.product.hasOwnProperty('default_spes_desc') && Object.keys(this.product.default_spes_desc).length) {

  478.                     return true;

  479.                 } else {

  480.                     return false;

  481.                 }

  482.             },

  483.             // 优惠信息重新组装

  484.             promotion() {

  485.                 let arr = [];

  486.                 if (this.product.promotion_list) {

  487.                     for (let k in this.product.promotion_list) {

  488.                         arr.push(this.product.promotion_list[k]);

  489.                     }

  490.                 }

  491.                 return arr;

  492.             },

  493.             shareHref() {

  494.                 let pages = getCurrentPages()

  495.                 let page = pages[pages.length - 1]

  496.                 // #ifdef H5 || MP-WEIXIN || APP-PLUS || APP-PLUS-NVUE

  497.                 return apiBaseUrl + 'wap/#/' + page.route + '?id=' + this.goodsId + '&group_id=' + this.groupId;

  498.                 // #endif

  499. 

  500.                 // #ifdef MP-ALIPAY

  501.                 return apiBaseUrl + 'wap/#/' + page.__proto__.route + '?id=' + this.goodsId + '&group_id=' + this.groupId;

  502.                 // #endif

  503.             }

  504. 

  505.         },

  506.         onReachBottom() {

  507.             if (this.current === 2 && this.goodsComments.loadStatus === 'more') {

  508.                 this.getGoodsComments();

  509.             }

  510.         },

  511.         methods: {

  512.             // 关闭弹出层

  513.             close() {

  514.                 this.$emit('close')

  515.             },

  516.             // 点击操作

  517.             clickHandler(e) {

  518.                 if (e.cate === 'poster') {

  519.                     this.createPoster()

  520.                 } else {

  521.                     // 去分享

  522.                     this.share(e)

  523.                 }

  524.             },

  525.             // 购物车页面跳转

  526.             redirectCart() {

  527.                 uni.switchTab({

  528.                     url: '/pages/cart/index/index'

  529.                 });

  530.             },

  531.             //开团列表

  532.             getTeam(id) {

  533.                 uni.showLoading({

  534.                     title: '加载中'

  535.                 });

  536.                 let userToken = this.$db.get("userToken");

  537.                 if (userToken && userToken != '') {

  538.                     this.userToken = userToken;

  539.                 }

  540.                 uni.request({

  541.                     url: this.$config.pintuanUrl + 'getTeam',

  542.                     header: {

  543.                         'Accept': 'application/json',

  544.                         'Content-Type': 'application/json',

  545.                     },

  546.                     method: 'POST',

  547.                     data: {

  548.                         rule_id: id,

  549.                         token: this.userToken

  550.                     },

  551.                     success: (res) => {

  552.                         uni.hideLoading();

  553.                         if (res.data.status) {

  554.                             let data = res.data.data;

  555.                             let new_data = new Array();

  556.                             for (var k = 0; k < data.length; k++) {

  557.                                 if (k == 0 || k % 2 == 0) {

  558.                                     if (k + 1 < data.length) {

  559.                                         var a = [

  560.                                             data[k],

  561.                                             data[k + 1]

  562.                                         ];

  563.                                     } else {

  564.                                         var a = [data[k]];

  565. 

  566.                                     }

  567.                                     new_data.push(a);

  568.                                 }

  569.                             }

  570.                             //console.log(new_data);

  571.                             this.teamList = new_data;

  572.                             this.teamCount = res.data.count;

  573.                         }

  574.                     },

  575.                     fail: (error) => {

  576.                         uni.hideLoading();

  577.                         if (error && error.response) {

  578.                             this.$common.showError(error.response);

  579.                         }

  580.                     },

  581.                 });

  582.             },

  583. 

  584.             //拼团信息

  585.             getPintuanInfo(id) {

  586.                 uni.showLoading({

  587.                     title: '加载中'

  588.                 });

  589.                 uni.request({

  590.                     url: this.$config.pintuanUrl + 'getPintuanInfo',

  591.                     header: {

  592.                         'Accept': 'application/json',

  593.                         'Content-Type': 'application/json',

  594.                     },

  595.                     method: 'POST',

  596.                     data: {

  597.                         id: id

  598.                     },

  599.                     success: (res) => {

  600.                         uni.hideLoading();

  601.                         if (res.data.status) {

  602.                             if (res.data.data.length < 1) {

  603.                                 this.$common.errorToShow('该拼团活动不存在，请返回重新选择。', () => {

  604.                                     uni.navigateBack({

  605.                                         delta: 1

  606.                                     });

  607.                                 });

  608.                             }

  609.                             // else if (res.data.data.goods_info.goodmarketable != 1){

  610.                             //     this.$common.errorToShow('该商品已下架，请返回重新选择商品。', () => {

  611.                             //         uni.navigateBack({

  612.                             //             delta: 1

  613.                             //         });

  614.                             //     });

  615.                             // }

  616.                             else {

  617.                                 this.groupInfo = res.data.data;

  618.                                 this.product = res.data.data.goods_info.product;

  619.                                 this.goodsInfo = this.groupInfo.goods_info;

  620.                                 let price = this.product.price;

  621.                                 if (price > 0) {

  622.                                     this.product.price = price;

  623.                                 } else {

  624.                                     this.product.price = 0.00;

  625.                                 }

  626.                                 this.product = this.spesClassHandle(this.product);

  627.                                 this.lasttime = res.data.data.lasttime;

  628.                             }

  629. 

  630.                         }

  631.                     },

  632.                     fail: (error) => {

  633.                         uni.hideLoading();

  634.                         if (error && error.response) {

  635.                             this.$common.showError(error.response);

  636.                         }

  637.                     },

  638.                 });

  639.             },

  640.             // 获取购物车数量    

  641.             getCartNums() {

  642.                 let userToken = this.$db.get("userToken");

  643.                 if (userToken && userToken != '') {

  644.                     // 获取购物车数量

  645.                     this.$api.getCartNum({}, res => {

  646.                         if (res.status) {

  647.                             this.cartNums = res.data;

  648.                         }

  649.                     });

  650.                 }

  651.             },

  652.             // 显示modal弹出框

  653.             toshow(type, team_id = 0) {

  654.                 if (type == 1) {

  655.                     this.lvvpopref_type = 1;

  656.                 }

  657.                 if (type == 2) {

  658.                     this.lvvpopref_type = 2;

  659.                 }

  660.                 if (team_id !== 0) {

  661.                     this.team_id = team_id;

  662.                 }

  663.                 this.$refs.lvvpopref.show();

  664.             },

  665.             // 关闭modal弹出框

  666.             toclose() {

  667.                 this.$refs.lvvpopref.close();

  668.             },

  669.             // 切换商品规格

  670.             changeSpes(obj) {

  671.                 //console.log(obj);

  672.                 let index = obj.v;

  673.                 let key = obj.k;

  674.                 if (this.product.default_spes_desc[index][key].hasOwnProperty('product_id') && this.product.default_spes_desc[index]

  675.                     [key].product_id) {

  676.                     uni.showLoading({

  677.                         title: '加载中'

  678.                     });

  679.                     uni.request({

  680.                         url: this.$config.pintuanUrl + 'getProductInfo',

  681.                         header: {

  682.                             'Accept': 'application/json',

  683.                             'Content-Type': 'application/json',

  684.                         },

  685.                         method: 'POST',

  686.                         data: {

  687.                             id: this.product.default_spes_desc[index][key].product_id,

  688.                             discount_amount: this.groupInfo.discount_amount

  689.                         },

  690.                         success: (res) => {

  691.                             uni.hideLoading();

  692.                             if (res.data.status) {

  693.                                 // 切换规格判断可购买数量

  694.                                 this.buyNum = res.data.data.stock > this.minBuyNum ? this.minBuyNum : res.data.data.stock;

  695.                                 this.product = this.spesClassHandle(res.data.data);

  696.                             }

  697.                         },

  698.                         fail: (error) => {

  699.                             uni.hideLoading();

  700.                             if (error && error.response) {

  701.                                 this.$common.showError(error.response);

  702.                             }

  703.                         },

  704.                     });

  705.                     setTimeout(function() {

  706.                         uni.hideLoading();

  707.                     }, 1000);

  708.                 }

  709.             },

  710.             // 多规格样式统一处理

  711.             spesClassHandle(products) {

  712.                 // 判断是否是多规格 (是否有默认规格)

  713.                 if (products.hasOwnProperty('default_spes_desc')) {

  714.                     let spes = products.default_spes_desc;

  715.                     for (let key in spes) {

  716.                         for (let i in spes[key]) {

  717.                             if (spes[key][i].hasOwnProperty('is_default') && spes[key][i].is_default === true) {

  718.                                 this.$set(spes[key][i], 'cla', 'pop-m-item selected');

  719.                             } else if (spes[key][i].hasOwnProperty('product_id') && spes[key][i].product_id) {

  720.                                 this.$set(spes[key][i], 'cla', 'pop-m-item not-selected');

  721.                             } else {

  722.                                 this.$set(spes[key][i], 'cla', 'pop-m-item none');

  723.                             }

  724.                         }

  725.                     }

  726.                     products.default_spes_desc = spes;

  727.                 }

  728.                 return products;

  729.             },

  730.             // 购买数量加减操作

  731.             bindChange(val) {

  732.                 this.buyNum = val;

  733.             },

  734.             // 商品收藏/取消

  735.             collection() {

  736.                 let data = {

  737.                     goods_id: this.goodsId

  738.                 }

  739.                 this.$api.goodsCollection(data, res => {

  740.                     if (res.status) {

  741.                         this.isfav = !this.isfav;

  742.                         this.$common.successToShow(res.msg);

  743.                     } else {

  744.                         this.$common.errorToShow(res.msg);

  745.                     }

  746.                 })

  747.             },

  748. 

  749.             // tab点击切换

  750.             onClickItem(index) {

  751.                 if (this.current !== index) {

  752.                     this.current = index;

  753.                 }

  754.             },

  755.             // 获取商品参数信息

  756.             getGoodsParams() {

  757.                 this.$api.goodsParams({

  758.                     id: this.goodsId

  759.                 }, res => {

  760.                     if (res.status == true) {

  761.                         this.goodsParams = res.data;

  762.                     }

  763.                 })

  764.             },

  765.             // 获取商品评论信息

  766.             getGoodsComments() {

  767.                 let data = {

  768.                     page: this.goodsComments.page,

  769.                     limit: this.goodsComments.limit,

  770.                     goods_id: this.goodsId

  771.                 }

  772. 

  773.                 this.goodsComments.loadStatus = 'loading';

  774. 

  775.                 this.$api.goodsComment(data, res => {

  776.                     if (res.status == true) {

  777.                         let _list = res.data.list;

  778. 

  779.                         // 如果评论没有图片 在这块作处理否则控制台报错

  780.                         _list.forEach(item => {

  781.                             item.ctime = this.$common.timeToDate(item.ctime)

  782.                             if (!item.hasOwnProperty('images_url')) {

  783.                                 this.$set(item, 'images_url', [])

  784.                             }

  785.                         });

  786. 

  787.                         this.goodsComments.list = [...this.goodsComments.list, ..._list];

  788.                         // 根据count数量判断是否还有数据

  789.                         if (res.data.count > this.goodsComments.list.length) {

  790.                             this.goodsComments.loadStatus = 'more';

  791.                             this.goodsComments.page++;

  792.                         } else {

  793.                             this.goodsComments.loadStatus = 'noMore';

  794.                         }

  795.                     } else {

  796.                         this.$common.errorToShow(res.msg);

  797.                     }

  798.                 })

  799.             },

  800.             // 添加商品浏览足迹

  801.             goodsBrowsing() {

  802.                 let data = {

  803.                     goods_id: this.goodsInfo.id

  804.                 }

  805. 

  806.                 this.$api.addGoodsBrowsing(data, res => {});

  807.             },

  808. 

  809.             // 立即购买

  810.             buyNow(card_type) {

  811.                 if (this.buyNum > 0) {

  812.                     let data = {

  813.                         product_id: this.product.id,

  814.                         nums: this.buyNum,

  815.                         type: 2, // 区分加入购物车和购买,

  816.                     }

  817.                     if (card_type == 2) {

  818.                         data['cart_type'] = 2;

  819. 

  820.                     }

  821.                     this.$api.addCart(data, res => {

  822.                         if (res.status) {

  823.                             this.toclose();

  824.                             let cartIds = res.data;

  825.                             if (card_type == 1) {

  826.                                 this.$common.navigateTo('/pages/goods/place-order/index?cart_ids=' + JSON.stringify(cartIds));

  827.                             } else {

  828.                                 if (this.invite != 0) {

  829.                                     this.$common.navigateTo('/pages/goods/place-order/index?cart_ids=' + JSON.stringify(cartIds) +

  830.                                         '&cart_type=2&team_id=' + this.invite);

  831.                                 } else {

  832.                                     this.$common.navigateTo('/pages/goods/place-order/index?cart_ids=' + JSON.stringify(cartIds) +

  833.                                         '&cart_type=2');

  834.                                 }

  835. 

  836.                             }

  837. 

  838.                         }

  839.                     })

  840.                 }

  841.             },

  842.             // 立即购买

  843.             buyNow1(card_type) {

  844.                 if (this.buyNum > 0) {

  845.                     let data = {

  846.                         product_id: this.product.id,

  847.                         nums: this.buyNum,

  848.                         type: 2, // 区分加入购物车和购买,

  849.                     }

  850.                     if (card_type == 2) {

  851.                         data['cart_type'] = 2;

  852. 

  853.                     }

  854.                     this.$api.addCart(data, res => {

  855.                         if (res.status) {

  856.                             this.toclose();

  857.                             let cartIds = res.data;

  858.                             if (this.team_id != 0) {

  859.                                 this.$common.navigateTo('/pages/goods/place-order/index?cart_ids=' + JSON.stringify(cartIds) +

  860.                                     '&cart_type=2&team_id=' + this.team_id);

  861.                             } else {

  862.                                 this.$common.navigateTo('/pages/goods/place-order/index?cart_ids=' + JSON.stringify(cartIds) + '&cart_type=2');

  863.                             }

  864. 

  865.                         }

  866.                     })

  867.                 }

  868.             },

  869.             trigger(e) {

  870.                 this.content[e.index].active = !e.item.active;

  871.                 uni.switchTab({

  872.                     url: e.item.url

  873.                 })

  874.             },

  875.             // 跳转到h5分享页面

  876.             goShare() {

  877.                 this.$refs.share.show();

  878.             },

  879.             closeShare() {

  880.                 this.$refs.share.close();

  881.             },

  882. 

  883.             // 图片点击放大

  884.             clickImg(imgs) {

  885.                 // 预览图片

  886.                 uni.previewImage({

  887.                     urls: imgs.split()

  888.                 });

  889.             },

  890.             getMyShareCode() {

  891.                 let userToken = this.$db.get("userToken");

  892.                 if (userToken && userToken != '') {

  893.                     // 获取我的分享码

  894.                     this.$api.shareCode({}, res => {

  895.                         if (res.status) {

  896.                             this.myShareCode = res.data ? res.data : '';

  897.                         }

  898.                     });

  899.                 }

  900.             }

  901.         },

  902.         //分享

  903.         onShareAppMessage() {

  904.             let myInviteCode = this.myShareCode ? this.myShareCode : '';

  905.             let ins = encodeURIComponent('type=5&id=' + this.goodsId + '&group_id=' + this.groupId + '&invite=' + myInviteCode);

  906.             let path = '/pages/share/jump?scene=' + ins;

  907.             return {

  908.                 title: this.goodsInfo.name,

  909.                 // #ifdef MP-ALIPAY

  910.                 desc: this.goodsInfo.brief,

  911.                 // #endif

  912.                 imageUrl: this.goodsInfo.album[0],

  913.                 path: path

  914.             }

  915.         }

  916.     }

  917. </script>

  918. 

  919. <style>

  920.     .swiper {

  921.         height: 750upx;

  922.     }

  923. 

  924.     .goods-top {

  925.         border-bottom: 0;

  926.     }

  927. 

  928.     .goods-top .goods-price {

  929.         font-size: 38upx;

  930.     }

  931. 

  932.     .cost-price {

  933.         font-size: 28upx !important;

  934.         bottom: -10upx;

  935.         color: #999;

  936.         text-decoration: line-through;

  937.     }

  938. 

  939.     .goods-top .cell-item-ft {

  940.         font-size: 20upx;

  941.         color: #666;

  942.     }

  943. 

  944.     .goods-details {

  945.         padding-top: 16upx;

  946.     }

  947. 

  948.     .goods-details .cell-hd-title {

  949.         width: 620upx;

  950.         color: #333;

  951.         font-size: 26upx;

  952.         display: -webkit-box;

  953.         -webkit-box-orient: vertical;

  954.         -webkit-line-clamp: 2;

  955.         overflow: hidden;

  956.     }

  957. 

  958.     .goods-details .cell-item-ft {

  959.         top: 40%;

  960.     }

  961. 

  962.     .goods-title-item .cell-item-hd {

  963.         min-width: 60upx;

  964.         color: #666;

  965.         font-size: 24upx;

  966.     }

  967. 

  968.     .goods-title-item .cell-item-bd {

  969.         color: #333;

  970.         font-size: 24upx;

  971.     }

  972. 

  973.     .goods-title-item .cell-bd-text {

  974.         bottom: 0;

  975.     }

  976. 

  977.     .cell-bd-view {

  978.         position: relative;

  979.         overflow: hidden;

  980.     }

  981. 

  982.     .cell-bd-view:first-child {

  983.         margin-bottom: 8upx;

  984.     }

  985. 

  986.     .goods-title-item-ic {

  987.         width: 22upx;

  988.         height: 22upx;

  989.         position: absolute;

  990.         top: 50%;

  991.         transform: translateY(-50%);

  992.         /* #ifdef MP-ALIPAY */

  993.         background-size: 100% 100%;

  994.         /* #endif */

  995.     }

  996. 

  997.     .cell-bd-view .cell-bd-text {

  998.         margin-left: 30upx;

  999.     }

  1000. 

  1001.     .goods-content {

  1002.         margin-top: 26upx;

  1003.         background-color: #fff;

  1004.         padding: 26upx 0;

  1005.     }

  1006. 

  1007.     .goods-content-c {}

  1008. 

  1009.     .goods-parameter {

  1010.         padding: 10upx 26upx;

  1011.     }

  1012. 

  1013.     .goods-bottom,

  1014.     .pop-b {

  1015.         background-color: #fff;

  1016.         position: fixed;

  1017.         bottom: 0;

  1018.         height: 90upx;

  1019.         width: 100%;

  1020.         overflow: hidden;

  1021.         display: flex;

  1022.         box-shadow: 0 0 20upx #ccc;

  1023.     }

  1024. 

  1025.     .pop-b button {

  1026.         flex: 1;

  1027.     }

  1028. 

  1029.     .goods-bottom button {

  1030.         height: 100%;

  1031.         width: 35%;

  1032.     }

  1033. 

  1034.     .goods-bottom-ic {

  1035.         display: inline-block;

  1036.         position: relative;

  1037.         text-align: center;

  1038.         height: 100%;

  1039.         width: 15%;

  1040.         float: left;

  1041.         font-size: 22upx;

  1042.         color: #666;

  1043.     }

  1044. 

  1045.     .goods-bottom-ic .icon {

  1046.         position: relative;

  1047.         top: 6upx;

  1048.         /* left: -6upx; */

  1049.         /* #ifdef MP-ALIPAY */

  1050.         background-size: 100% 100%;

  1051.         /* #endif */

  1052.     }

  1053. 

  1054.     .goods-bottom .btn-g {

  1055.         color: #333;

  1056.         background-color: #D9D9D9;

  1057.     }

  1058. 

  1059.     .goods-parameter .cell-item {

  1060.         border-bottom: none;

  1061.         margin-left: 0;

  1062.     }

  1063. 

  1064.     .goods-parameter .cell-item-hd {

  1065.         color: #333;

  1066.         font-size: 24upx;

  1067.     }

  1068. 

  1069.     .goods-parameter .cell-item-bd {

  1070.         color: #999;

  1071.     }

  1072. 

  1073.     .goods-parameter .cell-item-bd .cell-bd-text {

  1074.         bottom: 0;

  1075.     }

  1076. 

  1077.     .goods-parameter .cell-bd-text {

  1078.         margin-left: 0;

  1079.     }

  1080. 

  1081.     .pop-t {

  1082.         position: relative;

  1083.         padding: 30upx 26upx;

  1084.         border-bottom: 2upx solid #f3f3f3;

  1085.         /* box-shadow: 0 0 20upx #ccc; */

  1086.     }

  1087. 

  1088.     .goods-img {

  1089.         width: 160upx;

  1090.         height: 160upx;

  1091.         position: absolute;

  1092.         top: -20upx;

  1093.         background-color: #fff;

  1094.         border-radius: 6upx;

  1095.         border: 2upx solid #fff;

  1096.     }

  1097. 

  1098.     .goods-img image {

  1099.         height: 100%;

  1100.         width: 100%;

  1101.     }

  1102. 

  1103.     .goods-information {

  1104.         width: 420upx;

  1105.         display: inline-block;

  1106.         margin-left: 180upx;

  1107.     }

  1108. 

  1109.     .pop-goods-name {

  1110.         width: 100%;

  1111.         overflow: hidden;

  1112.         white-space: nowrap;

  1113.         text-overflow: ellipsis;

  1114.         display: block;

  1115.         font-size: 24upx;

  1116.         margin-bottom: 20upx;

  1117.     }

  1118. 

  1119.     .pop-goods-price {

  1120.         font-size: 30upx;

  1121.     }

  1122. 

  1123.     .close-btn {

  1124.         width: 40upx;

  1125.         height: 40upx;

  1126.         border-radius: 50%;

  1127.         display: inline-block;

  1128.         position: absolute;

  1129.         right: 30upx;

  1130.     }

  1131. 

  1132.     .close-btn image {

  1133.         width: 100%;

  1134.         height: 100%;

  1135.     }

  1136. 

  1137.     .pop-m {

  1138.         font-size: 28upx;

  1139.         margin-bottom: 90upx;

  1140.     }

  1141. 

  1142.     .goods-specs,

  1143.     .goods-number {

  1144.         padding: 26upx;

  1145.         border-top: 1px solid #f3f3f3;

  1146.     }

  1147. 

  1148.     .goods-specs:first-child {

  1149.         border: none;

  1150.     }

  1151. 

  1152.     .pop-m-title {

  1153.         margin-right: 10upx;

  1154.         color: #666;

  1155.     }

  1156. 

  1157.     .pop-m-bd {

  1158.         overflow: hidden;

  1159.         margin-top: 10upx;

  1160.     }

  1161. 

  1162.     .pop-m-item {

  1163.         display: inline-block;

  1164.         float: left;

  1165.         padding: 6upx 16upx;

  1166.         background-color: #fff;

  1167.         color: #333;

  1168.         margin-right: 16upx;

  1169.         margin-bottom: 10upx;

  1170.     }

  1171. 

  1172.     .selected {

  1173.         border: 2upx solid #333;

  1174.         background-color: #333;

  1175.         color: #fff;

  1176.     }

  1177. 

  1178.     .not-selected {

  1179.         border: 2upx solid #ccc;

  1180.     }

  1181. 

  1182.     .none {

  1183.         border: 2upx dashed #ccc;

  1184.         color: #888;

  1185.     }

  1186. 

  1187.     .pop-m-bd-in {

  1188.         display: inline-block;

  1189.     }

  1190. 

  1191.     .badge {

  1192.         top: 2upx;

  1193.         left: 62upx;

  1194.     }

  1195. 

  1196.     .goods-assess .user-head-img {

  1197.         width: 80upx;

  1198.         height: 80upx;

  1199.         border-radius: 50%;

  1200.     }

  1201. 

  1202.     .goods-assess .cell-item-bd {

  1203.         padding-right: 0;

  1204.     }

  1205. 

  1206.     .goods-assess .cell-bd-text {

  1207.         margin: 0;

  1208.     }

  1209. 

  1210.     .goods-assess .cell-bd-text.color-9 {

  1211.         overflow: hidden;

  1212.         text-overflow: ellipsis;

  1213.         white-space: nowrap;

  1214.         max-width: 440upx;

  1215.     }

  1216. 

  1217.     .gai-body {}

  1218. 

  1219.     .gai-body-text {

  1220.         font-size: 26upx;

  1221.         color: #333;

  1222.         padding: 0 26upx;

  1223.     }

  1224. 

  1225.     .gai-body-img {

  1226.         overflow: hidden;

  1227.         padding: 20upx 26upx;

  1228.     }

  1229. 

  1230.     .gai-body-img image {

  1231.         width: 220upx;

  1232.         height: 220upx;

  1233.         float: left;

  1234.         margin-right: 19upx;

  1235.         margin-bottom: 18upx;

  1236.     }

  1237. 

  1238.     .gai-body-img image:nth-child(3n) {

  1239.         margin-right: 0;

  1240.     }

  1241. 

  1242.     .redstar {

  1243.         width: 24rpx;

  1244.         height: 24rpx;

  1245.         padding: 2rpx;

  1246.     }

  1247. 

  1248.     .mask-share-wechat {

  1249.         display: inline-block;

  1250.         background-color: #fff;

  1251.         padding: 0;

  1252.     }

  1253. 

  1254.     .mask-share-wechat:after {

  1255.         border: none;

  1256.     }

  1257. 

  1258.     .right-ball {

  1259.         position: fixed;

  1260.         right: 30upx;

  1261.         bottom: 300upx;

  1262.         z-index: 999;

  1263.         text-align: center;

  1264.         padding: 14upx 0;

  1265.         /* line-height: 80upx; */

  1266.         width: 80upx;

  1267.         height: 80upx;

  1268.         font-size: 24upx;

  1269.         color: #fff;

  1270.         background-color: rgba(0, 0, 0, .5);

  1271.         border-radius: 50%;

  1272.     }

  1273. 

  1274.     .share-pop {

  1275.         height: 300upx;

  1276.         width: 100%;

  1277.         display: flex;

  1278.     }

  1279. 

  1280.     .share-item {

  1281.         flex: 1;

  1282.         text-align: center;

  1283.         font-size: 26upx;

  1284.         color: #333;

  1285.         padding: 20upx 0;

  1286.     }

  1287. 

  1288.     .share-item image {

  1289.         width: 120upx;

  1290.         height: 120upx;

  1291.     }

  1292. 

  1293.     .share-item .btn {

  1294.         line-height: 1;

  1295.         display: block;

  1296.         font-size: 26upx;

  1297.         background-color: #fff;

  1298.     }

  1299. 

  1300.     .comment-none {

  1301.         text-align: center;

  1302.         padding: 200upx 0;

  1303.     }

  1304. 

  1305.     .comment-none-img {

  1306.         width: 274upx;

  1307.         height: 274upx;

  1308.     }

  1309. 

  1310.     .price-salesvolume {

  1311.         width: 100%;

  1312.         padding: 0 0 0 26upx;

  1313.         overflow: hidden;

  1314.         color: #A5A5A5;

  1315.         background-color: rgb(252, 226, 80);

  1316.         position: relative;

  1317.     }

  1318. 

  1319.     .commodity-price {

  1320.         width: 224upx;

  1321.         display: inline-block;

  1322.         float: left;

  1323.     }

  1324. 

  1325.     .current-price {

  1326.         font-size: 40upx;

  1327.         color: #FF7159;

  1328.         display: block;

  1329.         line-height: 1.5;

  1330.     }

  1331. 

  1332.     .cost-price {

  1333.         font-size: 26upx;

  1334.         text-decoration: line-through;

  1335.         /* margin-left: 8rpx; */

  1336.         display: block;

  1337.     }

  1338. 

  1339.     .commodity-salesvolume {

  1340.         width: 240upx;

  1341.         display: inline-block;

  1342.         font-size: 22upx;

  1343.         float: left;

  1344.         padding: 16upx 0;

  1345.     }

  1346. 

  1347.     .commodity-salesvolume>text {

  1348.         display: block;

  1349.     }

  1350. 

  1351.     .commodity-time-img {

  1352.         display: block;

  1353.         width: 0;

  1354.         height: 0;

  1355.         border-width: 56upx 28upx 56upx 0;

  1356.         border-style: solid;

  1357.         border-color: transparent #FF7159 transparent transparent;

  1358.         /*透明 黄 透明 透明 */

  1359.         position: absolute;

  1360.         top: 0px;

  1361.         left: 462upx;

  1362.     }

  1363. 

  1364.     .commodity-time {

  1365.         display: inline-block;

  1366.         width: 260upx;

  1367.         text-align: center;

  1368.         font-size: 24upx;

  1369.         background-color: #FF7159;

  1370.         padding: 16upx 0 18upx;

  1371.         color: #FF7159;

  1372.     }

  1373. 

  1374.     .commodity-time>text {

  1375.         color: rgb(252, 226, 80);

  1376.     }

  1377. 

  1378.     .commodity-day>text {

  1379.         display: inline-block;

  1380.         background-color: rgb(255, 212, 176);

  1381.         color: rgb(255, 115, 0);

  1382.         padding: 0 6upx;

  1383.         border-radius: 6upx;

  1384.     }

  1385. 

  1386.     .tl {

  1387.         width: 70% !important;

  1388.     }

  1389. 

  1390.     .group-swiper {

  1391.         /* padding: 20upx 26upx; */

  1392.     }

  1393. 

  1394.     .group-swiper-c {

  1395.         height: 242upx;

  1396.     }

  1397. 

  1398.     .group-swiper-c .swiper-item .cell-item {

  1399.         height: 50%;

  1400.     }

  1401. 

  1402.     .group-swiper-c .swiper-item .cell-item .user-head-img {

  1403.         width: 80upx;

  1404.         height: 80upx;

  1405.         border-radius: 50%;

  1406.     }

  1407. 

  1408.     .group-swiper-c .swiper-item .cell-item .cell-hd-title {

  1409.         position: absolute;

  1410.         top: 50%;

  1411.         left: 100upx;

  1412.         transform: translateY(-50%);

  1413.         max-width: 260upx;

  1414.         width: 100%;

  1415.         overflow: hidden;

  1416.         text-overflow: ellipsis;

  1417.         white-space: nowrap;

  1418.     }

  1419. 

  1420.     .group-swiper-c .swiper-item .cell-item .cell-item-bd {

  1421.         min-width: 150upx;

  1422.         max-width: 150upx

  1423.     }

  1424. 

  1425.     .group-swiper-c .swiper-item .cell-item .cell-item-ft .btn {

  1426.         font-size: 26upx;

  1427.         color: #fff;

  1428.         background-color: #FF7159;

  1429.         /* padding: 0; */

  1430.         text-align: center;

  1431.     }

  1432. 

  1433.     .price-salesvolume .commodity-day .uni-countdown__splitor {

  1434.         color: rgb(252, 226, 80);

  1435.     }

  1436. 

  1437.     .group-swiper .commodity-day .uni-countdown__splitor {

  1438.         color: #666;

  1439.     }

  1440. 

  1441.     @import url('@/components/u-parse/u-parse.css')

  1442. </style>

  1443.
payment
auth.vue
复制代码
  1. <template>

  2.   <view class="content">

  3.     <view class="content-c">

  4.       <image class="load-img" src="/static/image/loading.gif" mode=""></image>

  5.       <view class="load-text color-9">信息加载中.....</view>

  6.     </view>

  7.   </view>

  8. </template>

  9. 

  10. <script>

  11. export default {

  12.   data() {

  13.     return {

  14.       type: '',

  15.       openid: '',

  16.       orderId: '',

  17.       state: ''

  18.     }

  19.   },

  20.   onLoad(options) {

  21.     this.orderId = options.order_id

  22.     this.money = Number(options.money)

  23.     this.type = Number(options.type)

  24.     this.uid = Number(options.uid)

  25.     this.state = this.$common.getQueryString('state')

  26.     this.getCode()

  27.   },

  28.   methods: {

  29.     getCode() {

  30.       var code = this.$common.getQueryString('code')

  31.       code && this.getOpenId(code)

  32.     },

  33.     getOpenId(code) {

  34.       let data = {

  35.         code: code,

  36.         scope: 2,

  37.         state: this.state

  38.       }

  39.       //模拟接口

  40.       this.$api.getOpenId(data, res => {

  41.         if (res.status) {

  42.           this.openid = res.data.openid

  43.           this.toPayHandler('wechatpay')

  44.         } else {

  45.           this.$common.errorToShow(res.msg)

  46.         }

  47.       })

  48.     },

  49.     checkWXJSBridge(data) {

  50.       let that = this

  51.       let interval = setInterval(() => {

  52.         if (typeof window.WeixinJSBridge != 'undefined') {

  53.           clearTimeout(interval)

  54.           that.onBridgeReady(data)

  55.         }

  56.       }, 200)

  57.     },

  58.     onBridgeReady(data) {

  59.       var _this = this

  60.       window.WeixinJSBridge.invoke(

  61.         'getBrandWCPayRequest',

  62.         {

  63.           appId: data.appid, // 公众号名称，由商户传入

  64.           timeStamp: data.timeStamp, // 时间戳，自1970年以来的秒数

  65.           nonceStr: data.nonceStr, // 随机串

  66.           package: data.package,

  67.           signType: data.signType, // 微信签名方式：

  68.           paySign: data.paySign // 微信签名

  69.         },

  70.         function(res) {

  71.           if (res.err_msg === 'get_brand_wcpay_request:ok') {

  72.             _this.$common.successToShow('支付成功')

  73.           } else if (res.err_msg === 'get_brand_wcpay_request:cancel') {

  74.             _this.$common.errorToShow('取消支付')

  75.           } else {

  76.             _this.$common.errorToShow('支付失败')

  77.           }

  78.           setTimeout(() => {

  79.             _this.$common.redirectTo(

  80.               '/pages/goods/payment/result?id=' + data.payment_id

  81.             )

  82.           },1000)

  83.         }

  84.       )

  85.     },

  86.     toPayHandler(code) {

  87.       let data = {

  88.         payment_code: code,

  89.         payment_type: this.type

  90.       }

  91.       data['ids'] = (this.type == 1 || this.type == 5 || this.type == 6) ? this.orderId : this.uid

  92.       //data['ids'] = this.type == 1 ? this.orderId : this.uid

  93.       

  94.       if (this.type == 1 && this.orderId) {

  95.         // 微信jsapi支付

  96.         if (this.openid) {

  97.           data['params'] = {

  98.             trade_type: 'JSAPI_OFFICIAL',

  99.             openid: this.openid

  100.           }

  101.         }

  102.       } else if (this.type == 2 && this.money) {

  103.         if (this.openid) {

  104.           data['params'] = {

  105.             trade_type: 'JSAPI_OFFICIAL',

  106.             money: this.money,

  107.             openid: this.openid

  108.           }

  109.         }

  110.       }else if ((this.type == 5 || this.type == 6) && this.recharge) {

  111.         data['params'] = {

  112.             trade_type: 'JSAPI_OFFICIAL',

  113.             openid: this.openid,

  114.             formid: this.orderId

  115.         }

  116.       }

  117.       this.$api.pay(data, res => {

  118.         if (res.status) {

  119.           const data = res.data

  120.           this.checkWXJSBridge(data)

  121.         } else {

  122.           this.$common.errorToShow(res.msg)

  123.         }

  124.       })

  125.     }

  126.   }

  127. }

  128. </script>

  129. 

  130. <style>

  131. .content {

  132.   position: relative;

  133.   height: 80vh;

  134. }

  135. .content-c {

  136.   position: absolute;

  137.   top: 50%;

  138.   left: 50%;

  139.   transform: translate(-50%, -50%);

  140.   text-align: center;

  141. }

  142. .load-img {

  143.   width: 100upx;

  144.   height: 100upx;

  145. }

  146. .load-text {

  147.   font-size: 26upx;

  148. }

  149. </style>

  150.
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class='cell-group margin-cell-group'>

  4.             <view class='cell-item'>

  5.                 <view class='cell-item-hd'>

  6.                     <view class='cell-hd-title'>订单类型</view>

  7.                 </view>

  8.                 <view class='cell-item-ft'>

  9.                     <text class="cell-ft-p" v-if="type == 1" @click="orderDetail(orderId)">商品订单</text>

  10.                     <text class="cell-ft-p" v-if="type == 2" @click="toRecharge()">充值订单</text>

  11.                     <text class="cell-ft-p" v-if="type == 5" >快捷下单</text>

  12.                     <text class="cell-ft-p" v-if="type == 6" >付款码</text>

  13.                 </view>

  14.             </view>

  15.             <view v-if="type == 1">

  16.                 <view class='cell-item'>

  17.                     <view class='cell-item-hd'>

  18.                         <view class='cell-hd-title'>订单编号</view>

  19.                     </view>

  20.                     <view class='cell-item-ft'>

  21.                         <text class="cell-ft-p" @click="orderDetail(orderId)">{{ orderId }}</text>

  22.                     </view>

  23.                 </view>

  24.                 <view class='cell-item'>

  25.                     <view class='cell-item-hd'>

  26.                         <view class='cell-hd-title'>订单金额</view>

  27.                     </view>

  28.                     <view class='cell-item-ft'>

  29.                         <text class="cell-ft-p red-price">￥{{ orderInfo.order_amount }}</text>

  30.                     </view>

  31.                 </view>

  32.             </view>

  33.             <view v-else-if="type == 2">

  34.                 <view class='cell-item'>

  35.                     <view class='cell-item-hd'>

  36.                         <view class='cell-hd-title'>充值金额</view>

  37.                     </view>

  38.                     <view class='cell-item-ft'>

  39.                         <text class="cell-ft-p red-price">￥ {{ recharge }}</text>

  40.                     </view>

  41.                 </view>

  42.             </view>

  43.         </view>

  44. 

  45.         <!-- #ifdef H5 -->

  46.         <payments-by-h5

  47.                 :orderId="orderId"

  48.                 :recharge="recharge"

  49.                 :type="type"

  50.                 :uid="userInfo.id"

  51.         ></payments-by-h5>

  52.         <!-- #endif -->

  53. 

  54.         <!-- #ifdef MP-WEIXIN -->

  55.         <payments-by-wx

  56.                 :orderId="orderId"

  57.                 :recharge="recharge"

  58.                 :type="type"

  59.                 :uid="userInfo.id"

  60.         ></payments-by-wx>

  61.         <!-- #endif -->

  62. 

  63.         <!-- #ifdef MP-ALIPAY -->

  64.         <payments-by-ali

  65.                 :orderId="orderId"

  66.                 :recharge="recharge"

  67.                 :type="type"

  68.                 :uid="userInfo.id"

  69.         ></payments-by-ali>

  70.         <!-- #endif -->

  71. 

  72.         <!-- #ifdef APP-PLUS||APP-PLUS-NVUE -->

  73.         <payments-by-app

  74.                 :orderId="orderId"

  75.                 :recharge="recharge"

  76.                 :type="type"

  77.                 :uid="userInfo.id"

  78.         ></payments-by-app>

  79.         <!-- #endif -->

  80.         

  81.         

  82.     </view>

  83. </template>

  84. 

  85. <script>

  86.     // #ifdef H5

  87.     import paymentsByH5 from '@/components/payments/paymentsByH5.vue'

  88.     // #endif

  89. 

  90.     // #ifdef MP-WEIXIN

  91.     import paymentsByWx from '@/components/payments/paymentsByWx.vue'

  92.     // #endif

  93. 

  94.     // #ifdef MP-ALIPAY

  95.     import paymentsByAli from '@/components/payments/paymentsByAli.vue'

  96.     // #endif

  97. 

  98.     // #ifdef APP-PLUS||APP-PLUS-NVUE

  99.     import paymentsByApp from '@/components/payments/paymentsByApp.vue'

  100.     // #endif

  101. 

  102.     import { orders } from '@/config/mixins.js'

  103.     export default {

  104.         mixins: [orders],

  105.         data () {

  106.             return {

  107.                 orderId: 0,

  108.                 recharge: 0,

  109.                 type: 1,    // 订单类型 1商品订单 2充值订单

  110.                 orderInfo: {}, // 订单详情

  111.                 userInfo: {},    // 用户信息

  112.                 form_id:0

  113.             }

  114.         },

  115. 

  116.         components: {

  117.             // #ifdef H5

  118.             paymentsByH5,

  119.             // #endif

  120.             // #ifdef MP-WEIXIN

  121.             paymentsByWx,

  122.             // #endif

  123.             // #ifdef MP-ALIPAY

  124.             paymentsByAli,

  125.             // #endif

  126.             // #ifdef APP-PLUS||APP-PLUS-NVUE

  127.             paymentsByApp,

  128.             // #endif

  129.         },

  130. 

  131.         onLoad (options) {

  132.             this.orderId = options.order_id

  133.             this.recharge = Number(options.recharge)

  134.             this.type = Number(options.type)

  135.             this.form_id =  Number(options.form_id)

  136.             

  137.             if (this.orderId && this.type == 1) {

  138.                 // 商品订单

  139.                 this.getOrderInfo()

  140.             } else if (this.recharge && this.type == 2) {

  141.                 // 充值订单 获取用户id

  142.                 this.getUserInfo()

  143.             } else if (this.form_id && (this.type == 5 || this.type == 6)) {

  144.                 // 表单订单 id传到订单上

  145.                 this.orderId = ''+this.form_id;

  146.             } else {

  147.                 this.$common.errorToShow('订单支付参数错误', () => {

  148.                     uni.navigateBack({

  149.                         delta: 1

  150.                     })

  151.                 })

  152.             }

  153.         },

  154.         methods: {

  155.             // 获取订单详情

  156.             getOrderInfo () {

  157.                 let data = {

  158.                     order_id: this.orderId

  159.                 }

  160.                 this.$api.orderDetail(data, res => {

  161.                     if (res.status) {

  162.                         this.orderInfo = res.data

  163.                         if(this.orderInfo.pay_status == 2){

  164.                             this.$common.redirectTo(

  165.                                 '/pages/goods/payment/result?order_id=' + this.orderInfo.order_id

  166.                             )

  167.                         }

  168.                     }

  169.                 })

  170.             },

  171.             // 获取用户信息

  172.             getUserInfo () {

  173.                 this.$api.userInfo({}, res => {

  174.                     if (res.status) {

  175.                         this.userInfo = res.data

  176.                         

  177.                     } else {

  178.                         this.$common.errorToShow(res.msg)

  179.                     }

  180.                 })

  181.             },

  182.             // 跳转我的余额页面

  183.             toRecharge () {

  184.                 this.$common.navigateTo('/pages/member/balance/index')

  185.             }

  186.         }

  187.     }

  188. </script>

  189. 

  190. <style>

  191.     .margin-cell-group{

  192.         margin-bottom: 20upx;

  193.     }

  194.     .cell-hd-title{

  195.         color: #999;

  196.     }

  197.     .payment-method .cell-item-hd{

  198.         min-width: 70upx;

  199.     }

  200.     .payment-method .cell-hd-icon{

  201.         width: 70upx;

  202.         height: 70upx;

  203.     }

  204.     .payment-method .cell-item-bd{

  205.         border-left: 2upx solid #F0F0F0;

  206.         padding-left: 30upx;

  207.     }

  208.     .payment-method .cell-bd-text{

  209.         font-size: 28upx;

  210.         color: #666;

  211.     }

  212.     .payment-method .address{

  213.         font-size: 24upx;

  214.         color: #999;

  215.     }

  216. </style>

  217.
result.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="result succsee" v-if="status && paymentInfo.status === 2">

  4.             <image class="result-img" src="/static/image/win.png" mode=""></image>

  5.             <view class="result-top">

  6.                 支付成功

  7.             </view>

  8.             <view class="result-mid red-price">

  9.                 {{ paymentInfo.money }}

  10.             </view>

  11.             <view class="result-bot">

  12.                 <button class="btn btn-g" @click="orderDetail()">查看详情</button>

  13.             </view>

  14.         </view>

  15.         <view class="result fail" v-else-if="status && paymentInfo.status === 1">

  16.             <image class="result-img" src="/static/image/pastdue.png" mode=""></image>

  17.             <view class="result-top">

  18.                 支付失败

  19.             </view>

  20.             <view class="result-mid red-price">

  21.                 {{ paymentInfo.money }}

  22.             </view>

  23.             <view class="result-bot">

  24.                 <button class="btn btn-g" @click="orderDetail()">查看详情</button>

  25.             </view>

  26.         </view>

  27.     </view>

  28. </template>

  29. 

  30. <script>

  31.     export default {

  32.         data() {

  33.             return {

  34.                 paymentId: 0,

  35.                 paymentInfo: {}, // 支付单详情

  36.                 orderId: 0,

  37.                 status: false

  38.             }

  39.         },

  40.         onLoad(options) {

  41.             if (options.id) {

  42.                 this.paymentId = options.id

  43.             }

  44.             if (options.order_id) {

  45.                 this.orderId = options.order_id

  46.             }

  47.         },

  48.         mounted() {

  49.             this.getPaymentInfo()

  50.         },

  51.         methods: {

  52. 

  53.             getPaymentInfo() {

  54.                 if (!this.paymentId) {

  55.                     this.status = true;

  56.                     this.paymentInfo.money = '0.00'

  57.                     this.paymentInfo.status = 2;

  58.                     this.paymentInfo.type = 1;

  59. 

  60.                     return

  61.                 }

  62.                 let data = {

  63.                     payment_id: this.paymentId

  64.                 }

  65. 

  66.                 this.$api.paymentInfo(data, res => {

  67.                     if (res.status) {

  68.                         let info = res.data

  69.                         if (info.payment_code === 'alipay') {

  70.                             info.payment_name = '支付宝支付'

  71.                         } else if (info.payment_code === 'wechatpay') {

  72.                             info.payment_name = '微信支付'

  73.                         } else if (info.payment_code === 'balancepay') {

  74.                             info.payment_name = '余额支付'

  75.                         }

  76. 

  77.                         // 获取订单号

  78.                         if (info.rel.length) {

  79.                             for (let i = 0; i < info.rel.length; i++) {

  80.                                 if (info.rel[i].source_id) {

  81.                                     this.orderId = info.rel[i].source_id

  82.                                     break;

  83.                                 }

  84.                             }

  85.                         }

  86.                         this.status = true;

  87.                         this.paymentInfo = info

  88.                     } else {

  89.                         this.$common.errorToShow(res.msg)

  90.                     }

  91.                 })

  92.             },

  93.             orderDetail() {

  94.                 if (this.orderId && this.paymentInfo.type === 1) {

  95.                     this.$common.redirectTo('/pages/member/order/orderdetail?order_id=' + this.orderId)

  96.                 } else if (this.paymentInfo.type === 2) {

  97.                     this.$common.redirectTo('/pages/member/balance/details')

  98.                 } else if (this.paymentInfo.type === 5 || this.paymentInfo.type === 6) {

  99.                     uni.switchTab({

  100.                         url: '/pages/index/index'

  101.                     });

  102.                 }

  103.             }

  104.         }

  105.     }

  106. </script>

  107. 

  108. <style>

  109.     .result {

  110.         text-align: center;

  111.         padding-top: 200upx;

  112.     }

  113. 

  114.     .result-img {

  115.         width: 140upx;

  116.         height: 140upx;

  117.         margin-bottom: 20upx;

  118.     }

  119. 

  120.     .result-num {

  121.         color: #666;

  122.         font-size: 30upx;

  123.         margin-bottom: 20upx;

  124.     }

  125. 

  126.     .result-top {

  127.         color: #666;

  128.         font-size: 30upx;

  129.         margin-bottom: 20upx;

  130.     }

  131. 

  132.     .result-mid {

  133.         margin-bottom: 60upx;

  134.     }

  135. 

  136.     .result-bot .btn {

  137.         margin-top: 40upx;

  138.         font-size: 26upx;

  139.         padding: 0 50upx;

  140.     }

  141. </style>

  142.
place-order
index.vue
复制代码
  1. <template>

  2.     <form class="content" @submit="toPay" report-submit="true">

  3.         <view class="content-top">

  4.             <uni-segmented-control :current="type_current" :values="type_items" @clickItem="onTypeItem" style-type="text" active-color="#333" v-if="storeSwitch == 1"></uni-segmented-control>

  5.             <view class="content">

  6.                 <view v-show="type_current === 0">

  7.                     <!-- 收货地址信息 -->

  8.                     <view class='cell-group margin-cell-group' v-if="userShip.id"  @click="showAddressList">

  9.                         <view class='cell-item add-title-item right-img'>

  10.                             <view class='cell-item-hd'>

  11.                                 <image class='cell-hd-icon' src='/static/image/location.png'></image>

  12.                             </view>

  13.                             <view class='cell-item-bd'>

  14.                                 <view class="cell-bd-view">

  15.                                     <text class="cell-bd-text">收货人：{{ userShip.name }}</text>

  16.                                     <text class="cell-bd-text-right">{{ userShip.mobile }}</text>

  17.                                 </view>

  18.                                 <view class="cell-bd-view">

  19.                                     <text class="cell-bd-text address">{{ userShip.area_name }}</text>

  20.                                 </view>

  21.                             </view>

  22.                             <view class='cell-item-ft'>

  23.                                 <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  24.                             </view>

  25.                         </view>

  26.                     </view>

  27.                     <view class="cell-group margin-cell-group" v-else>

  28.                         <view class='cell-item add-title-items'>

  29.                             <button class="btn btn-b" @click="goAddress()" hover-class="btn-hover2">添加收货地址</button>

  30.                         </view>

  31.                     </view>

  32.                 </view>

  33.                 <view v-show="type_current === 1">

  34.                     <!-- 门店信息 -->

  35.                     <view v-if="store.id != 0" class='cell-group margin-cell-group' @click="goStorelist()">

  36.                         <view class='cell-item add-title-item right-img'>

  37.                             <view class='cell-item-hd'>

  38.                                 <image class='cell-hd-icon' src='/static/image/homepage.png'></image>

  39.                             </view>

  40.                             <view class='cell-item-bd'>

  41.                                 <view class="cell-bd-view">

  42.                                     <text class="cell-bd-text">{{store.name}}</text>

  43.                                     <text class="cell-bd-text-right">{{store.mobile}}</text>

  44.                                 </view>

  45.                                 <view class="cell-bd-view">

  46.                                     <text class="cell-bd-text address">{{store.address}}</text>

  47.                                 </view>

  48.                             </view>

  49.                             <view class='cell-item-ft'>

  50.                                 <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  51.                             </view>

  52.                         </view>

  53.                     </view>

  54.                     <view v-else class='cell-group margin-cell-group'>

  55.                         <view class='cell-item add-title-item right-img no-store'>暂无门店</view>

  56.                     </view>

  57.                 </view>

  58.             </view>

  59. 

  60.             <view class='cell-group margin-cell-group' v-if="storeSwitch == 1 && type_current === 1">

  61.                 <view class='cell-item user-head'>

  62.                     <view class='cell-item-hd'>

  63.                         <view class='cell-hd-title'>姓名</view>

  64.                     </view>

  65.                     <view class='cell-item-bd'>

  66.                         <input class='cell-bd-input' placeholder='请输入提货人姓名' v-model="store_pick.name"></input>

  67.                     </view>

  68.                 </view>

  69.                 <view class='cell-item'>

  70.                     <view class='cell-item-hd'>

  71.                         <view class='cell-hd-title'>电话</view>

  72.                     </view>

  73.                     <view class='cell-item-bd'>

  74.                         <input class='cell-bd-input' placeholder='请输入提货人电话' v-model="store_pick.mobile"></input>

  75.                     </view>

  76.                 </view>

  77.             </view>

  78. 

  79.             <!-- 商品列表信息 -->

  80.             <view class='img-list'>

  81.                 <view class='img-list-item' v-if="item.is_select == true" v-for="(item, index) in products" :key="index">

  82.                     <image class='img-list-item-l little-img have-none' :src='item.products.image_path' mode='aspectFill'></image>

  83.                     <view class='img-list-item-r little-right'>

  84.                         <view class='little-right-t'>

  85.                             <view class='goods-name list-goods-name' @click="goodsDetail(item.products.goods_id)">{{ item.products.name }}</view>

  86.                             <view class='goods-price'>￥{{ item.products.price }}</view>

  87.                         </view>

  88.                         <view class="romotion-tip" v-if="item.products.promotion_list">

  89.                             <view class="romotion-tip-item" :class="v.type !== 2 ? 'bg-gray' : ''" v-for="(v, k) in item.products.promotion_list" :key="k">

  90.                                 {{ v.name }}

  91.                             </view>

  92.                         </view>

  93.                         <view class='goods-item-c'>

  94.                             <view class='goods-buy'>

  95.                                 <view class='goods-salesvolume' v-if="item.products.spes_desc !== null">{{ item.products.spes_desc }}</view>

  96.                                 <view class='goods-num'>× {{ item.nums }}</view>

  97.                             </view>

  98.                         </view>

  99.                     </view>

  100.                 </view>

  101.             </view>

  102. 

  103.             <view class='cell-group'>

  104.                 <view class='cell-item'>

  105.                     <view class='cell-item-hd'>

  106.                         <view class='cell-hd-title'>优惠券</view>

  107.                     </view>

  108.                     <view class='cell-item-ft'>

  109.                         <text class="cell-ft-p" @click="toshow()">{{ usedCouponsCompute }}</text>

  110.                     </view>

  111.                 </view>

  112. 

  113.                 <!-- 商户开启积分 并且用户有积分情况下 -->

  114.                 <view class='cell-item add-title-item right-img' v-if="isOpenPoint === 1 && userPointNums > 0">

  115.                     <view class='cell-item-bd'>

  116.                         <view class="cell-bd-view">

  117.                             积分抵扣

  118.                         </view>

  119.                         <view class="cell-bd-view">

  120.                             <text class="cell-bd-text address color-9">可用 {{ canUsePoint }} 积分，可抵扣 {{ pointMoney }} 元，共有 {{ userPointNums }} 积分。</text>

  121.                         </view>

  122.                     </view>

  123.                     <view class='cell-item-ft' @click="changePointHandle">

  124.                         <label class="radio">

  125.                             <radio value="1" :checked="isUsePoint" color="#FF7159"/>

  126.                             <!-- <radio class="radioNo" disabled="true"/> -->

  127.                         </label>

  128.                     </view>

  129.                 </view>

  130. 

  131.                 <view class='cell-item invoice right-img' v-if="invoiceSwitch == 1">

  132.                     <view class='cell-item-hd'>

  133.                         <view class='cell-hd-title'>发票</view>

  134.                     </view>

  135.                     <view class='cell-item-ft' @click="goInvoice()">

  136.                         <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  137.                         <text class='cell-ft-text'>{{invoice.name}}</text>

  138.                     </view>

  139.                 </view>

  140. 

  141.                 <view class='cell-item'>

  142.                     <view class='cell-item-hd'>

  143.                         <view class='cell-bd-view'>商品价格</view>

  144.                         <view class='cell-bd-view' v-if="cartData.goods_pmt_old > 0">商品优惠</view>

  145.                         <view class='cell-hd-view' v-if="cartData.order_pmt_old > 0">订单优惠</view>

  146.                         <view class='cell-hd-view' v-if="!couponIsUsed">优惠券抵扣</view>

  147.                         <view class='cell-hd-view' v-if="cartData.point > 0">积分抵扣</view>

  148.                         <view class='cell-hd-view'>运费</view>

  149.                     </view>

  150.                     <view class='cell-item-ft'>

  151.                         <view class="cell-ft-view red-price">{{ cartData.goods_amount }}</view>

  152.                         <view class="cell-ft-view" v-if="cartData.goods_pmt_old > 0">-{{ cartData.goods_pmt }}</view>

  153.                         <view class="cell-ft-view" v-if="cartData.order_pmt_old > 0">-{{ cartData.order_pmt }}</view>

  154.                         <view class="cell-ft-view" v-if="!couponIsUsed">-{{ cartData.coupon_pmt }}</view>

  155.                         <view class="cell-ft-view" v-if="cartData.point > 0">-{{ cartData.point_money }}</view>

  156.                         <view class="cell-ft-view">{{ cartData.cost_freight }}</view>

  157.                     </view>

  158.                 </view>

  159.             </view>

  160. 

  161.             <view class='cell-group leave-message'>

  162.                 <view class='cell-item right-img'>

  163.                     <view class='cell-item-hd'>

  164.                         <view class='cell-hd-title'>买家留言</view>

  165.                     </view>

  166.                 </view>

  167.                 <view class="cell-textarea ">

  168.                     <!-- #ifndef MP-WEIXIN -->

  169.                     <textarea v-model="memo" placeholder="50字以内(选填)" maxlength="50"/>

  170.                     <!-- #endif -->

  171.                     <!-- #ifdef MP-WEIXIN -->

  172.                     <input v-model="memo" placeholder="50字以内(选填)"/>

  173.                     <!-- #endif -->

  174.                 </view>

  175.             </view>

  176.         </view>

  177. 

  178.         <!-- 优惠券信息 -->

  179.         <lvv-popup position="bottom" ref="lvvpopref">

  180.             <view style="width: 100%;height: 700upx;background: #F8F8F8;;position: absolute;left:0;bottom: 0;">

  181.                 <view class="pop-c">

  182.                     <!-- <view class="pop-t">

  183.                         <view class='cell-item invoice'>

  184.                             <view class='cell-item-hd'>

  185.                                 <view class='cell-hd-title'>优惠券</view>

  186.                             </view>

  187.                             <view class='cell-item-ft'

  188.                             @click="toclose()">

  189.                                 <image class='cell-ft-next icon' src='/static/image/close.png'></image>

  190.                             </view>

  191.                         </view>

  192.                     </view> -->

  193. 

  194.                     <view class="pop-b">

  195.                         <view class="pop-b-t">

  196.                             <uni-segmented-control

  197.                                     :current="current"

  198.                                     :values="items"

  199.                                     @clickItem="onClickItem"

  200.                                     style-type="text"

  201.                                     active-color="#333"

  202.                             ></uni-segmented-control>

  203.                         </view>

  204.                         <view class="" v-show="current === 0">

  205.                             <scroll-view class="coupon-c" scroll-y="true" style="" v-if="userCoupons.length">

  206.                                 <view class="coupon-c-item" v-for="(item, index) in userCoupons" :key="index">

  207.                                     <view :class="item.cla">

  208.                                         <view class="cci-l-c color-f">

  209.                                             coupon

  210.                                         </view>

  211.                                     </view>

  212. 

  213.                                     <view class="cci-r">

  214.                                         <!-- <image class="cci-r-img" src="" mode=""></image> -->

  215.                                         <view class="cci-r-c">

  216.                                             <view class="ccirc-t color-9">

  217.                                                 {{ item.name }}

  218.                                             </view>

  219.                                             <view class="ccirc-b">

  220.                                                 <view class="ccirc-b-l">

  221.                                                     <view class="ccirc-b-tip">

  222.                                                         {{ item.expression1 + item.expression2 }}

  223.                                                     </view>

  224.                                                     <view class="ccirc-b-time color-9">

  225.                                                         有效期：{{ item.stime + ' - ' + item.etime }}

  226.                                                     </view>

  227.                                                 </view>

  228.                                                 <view class="ccirc-b-r color-f"

  229.                                                       @click="couponHandle(index)"

  230.                                                       v-if="!item.checked && !item.disabled"

  231.                                                 >

  232.                                                     立即使用

  233.                                                 </view>

  234.                                                 <view class="ccirc-b-r color-f"

  235.                                                       @click="couponHandle(index)"

  236.                                                       v-else-if="item.checked && !item.disabled"

  237.                                                 >

  238.                                                     取消使用

  239.                                                 </view>

  240.                                                 <!-- <view class="ccirc-b-r color-f bg-c">

  241.                                                     不可用

  242.                                                 </view> -->

  243.                                             </view>

  244.                                         </view>

  245.                                     </view>

  246.                                 </view>

  247.                             </scroll-view>

  248.                             <view class="coupon-none" v-else>

  249.                                 <image class="coupon-none-img" src="/static/image/order.png" mode=""></image>

  250.                             </view>

  251.                         </view>

  252. 

  253.                         <view class="coupon-c" v-show="current === 1">

  254.                             <view class="coupon-enter">

  255.                                 <view class="coupon-input">

  256.                                     <input type="text" v-model="inputCouponCode" placeholder="请输入优惠券码"/>

  257.                                 </view>

  258.                                 <!-- #ifdef MP-WEIXIN -->

  259.                                 <!-- <view class="coupon-code">

  260.                                     <image src="/static/image/ewm.png" class="icon" mode="" @click="scanCode"></image>

  261.                                 </view> -->

  262.                                 <!-- #endif -->

  263.                                 <view class="coupon-enter-btn"

  264.                                       @click="useInputCouponCode"

  265.                                 >

  266.                                     <button class="btn btn-b">确认</button>

  267.                                 </view>

  268.                             </view>

  269.                         </view>

  270.                     </view>

  271.                     <view class="button-bottom">

  272.                         <button class="btn btn-square"

  273.                                 @click="notUseCoupon()"

  274.                         >不使用优惠卷</button>

  275.                         <button class="btn btn-square btn-b"

  276.                                 @click="toclose()"

  277.                         >确定</button>

  278.                     </view>

  279. 

  280.                 </view>

  281.             </view>

  282.         </lvv-popup>

  283. 

  284.         <view class="button-bottom">

  285.             <view class="button-bottom-c">

  286.                 <view class="button-bottom-c-t">共 {{ productNums }} 件商品</view>

  287.                 <view class="button-bottom-c-b">合计<text class="red-price"> {{ cartData.amount }}</text></view>

  288.             </view>

  289.             <button class='btn btn-square btn-b' hover-class="btn-hover2" form-type="submit" :disabled='submitStatus' :loading='submitStatus'>立即支付</button>

  290.         </view>

  291.     </form>

  292. </template>

  293. 

  294. <script>

  295.     import lvvPopup from '@/components/lvv-popup/lvv-popup.vue'

  296.     import uniSegmentedControl from "@/components/uni-segmented-control/uni-segmented-control.vue"

  297.     import { goods } from '@/config/mixins.js'

  298.     export default {

  299.         mixins: [ goods ],

  300.         data () {

  301.             return {

  302.                 type_items: ['快递配送','门店自提'],//门店自提切换

  303.                 type_current: 0,

  304.                 cartData: {}, // 购物车商品详情

  305.                 products: [], // 货品信息

  306.                 promotions: [], // 促销信息

  307.                 userShip: {}, // 用户收货地址

  308.                 receiptType: 1, // 订单类型 1是发货订单 2是门店自提订单

  309.                 params: {

  310.                     ids: 0, // 传递过来的购物车id

  311.                     area_id: 0, // 收货地址id

  312.                     coupon_code: '', // 优惠券码列表(string)多张逗号分隔

  313.                     point: 0 ,// 抵扣积分额

  314.                     type :1 ,//购物车类型

  315.                 }, // 监听params参数信息 以重新请求接口

  316.                 // 发票信息

  317.                 invoice: {

  318.                     type: '1',    // 类型 1不开发票 2个人发票 3公司发票

  319.                     name: '不开发票',    // 发票抬头

  320.                     code: ''    // 发票税号

  321.                 },

  322.                 memo: '', // 买家留言

  323.                 items: [

  324.                     '选择优惠券',

  325.                     '输入券码',

  326.                 ],

  327.                 orderType: 1, // 商品订单类型 1

  328.                 current: 0,

  329.                 isUsePoint: false,    // 是否勾选使用积分

  330.                 userPointNums: 0, // 用户的总积分

  331.                 canUsePoint: 0,    // 可以使用的积分

  332.                 pointMoney: '', // 积分抵扣的金额

  333.                 userCoupons: [], // 用户的可用优惠券列表

  334.                 usedCoupons: {}, // 已经选择使用的优惠券

  335.                 inputCouponCode: '', // 输入的优惠券码

  336.                 optCoupon: '' ,// 当前选择使用的优惠券(暂存使用 如果接口返回不可用则剔除优惠券状态)

  337.                 store : {

  338.                     id: 0,

  339.                     name: '',

  340.                     mobile: '',

  341.                     address: ''

  342.                 },

  343.                 store_pick: {

  344.                     name: '',

  345.                     mobile: ''

  346.                 },

  347.                 team_id: 0, //拼团id

  348.                 submitStatus: false

  349.             }

  350.         },

  351.         components: {lvvPopup,uniSegmentedControl},

  352.         onLoad (options) {

  353.             let cartIds = options.cart_ids;

  354.             if(options.order_type){

  355.                 this.params.order_type = options.order_type;

  356.             }

  357.             if(options.team_id){

  358.                 this.team_id = options.team_id;

  359.             }

  360.             

  361. 

  362.             this.params.ids = JSON.parse(cartIds)

  363.             if (!this.params.ids) {

  364.                 this.$common.successToShow('获取失败', function(){

  365.                     uni.navigateBack({

  366.                         delta: 1

  367.                     })

  368.                 })

  369.             }

  370.             // 获取用户的默认收货地址信息

  371.             this.userDefaultShip()

  372. 

  373.             // 获取用户的可用优惠券信息

  374.             this.getUserCounpons()

  375. 

  376.             //获取默认门店信息

  377.             this.getDefaultStore();

  378.         },

  379.         methods: {

  380.             // 切换门店

  381.             onTypeItem(index) {

  382.                 if (this.type_current !== index) {

  383.                     this.type_current = index;

  384.                 }

  385.                 let receiptType = 1;

  386.                 if(this.type_current != 0){

  387.                     receiptType = 2;

  388.                 }

  389.                 this.receiptType = receiptType;

  390. 

  391.                 this.getCartList();

  392.             },

  393.             // 跳转到门店列表

  394.             goStorelist(){

  395.                 uni.navigateTo({

  396.                     url: './storelist'

  397.                 })

  398.             },

  399.             // 没有收货地址时跳转

  400.             goAddress(){

  401.                 uni.navigateTo({

  402.                     url: '/pages/member/address/list?type=order'

  403.                 })

  404.             },

  405.             // 获取用户的默认收货地址

  406.             userDefaultShip () {

  407.                 this.$api.userDefaultShip({}, res => {

  408.                     if (res.status && Object.keys(res.data).length) {

  409.                         this.userShip = res.data

  410.                         this.params.area_id = this.userShip.area_id

  411.                     }

  412.                 })

  413.             },

  414.             // 获取购物车商品详情

  415.             getCartList () {

  416.                 let data = this.params

  417.                 data['receipt_type'] = this.receiptType    // 区分订单类型  1快递订单 2门店自提订单

  418. 

  419.                 this.$api.cartList(data, res => {

  420.                     if (res.status) {

  421.                         let data = res.data

  422. 

  423.                         // 判断是否开启积分抵扣 并且 没有勾选积分使用

  424.                         if (this.isOpenPoint === 1 && !this.isUsePoint) {

  425.                             let money = {

  426.                                 order_money: data.amount

  427.                             }

  428.                             this.$api.usablePoint(money, res => {

  429.                                 if (res.status) {

  430.                                     this.userPointNums = res.data    // 用户总积分

  431.                                     this.canUsePoint = res.available_point    // 可以使用的积分

  432.                                     this.pointMoney = res.point_rmb    // 积分抵扣的总金额

  433.                                 }

  434.                             })

  435.                         }

  436. 

  437.                         // 所有价格转换

  438.                         data.amount = this.$common.formatMoney(data.amount);

  439.                         data.goods_amount = this.$common.formatMoney(data.goods_amount);

  440.                         data.goods_pmt_old = data.goods_pmt;

  441.                         data.goods_pmt = this.$common.formatMoney(data.goods_pmt);

  442.                         data.coupon_pmt = this.$common.formatMoney(data.coupon_pmt);

  443.                         data.order_pmt_old = data.order_pmt;

  444.                         data.order_pmt = this.$common.formatMoney(data.order_pmt);

  445.                         data.point_money = this.$common.formatMoney(data.point_money);

  446.                         data.cost_freight = this.$common.formatMoney(data.cost_freight);

  447. 

  448.                         // 购物车详情

  449.                         this.cartData = data

  450.                         // 商品详情

  451.                         this.products = data.list

  452.                         // 优惠信息

  453.                         this.promotions = data.promotion_list

  454.                         // 使用的优惠券信息

  455.                         this.usedCoupons = data.coupon

  456. 

  457.                         // 手动输入的优惠券使用成功后关闭弹窗并清除输入的优惠券码

  458.                         this.current === 1 && this.$refs.lvvpopref.popshow && this.inputCouponCode ? this.toclose() : ''

  459.                         this.inputCouponCode = ''

  460. 

  461.                         this.optCoupon = ''

  462.                     } else {

  463.                         this.$common.errorToShow(res.msg, () => {

  464.                             // 优惠券不可用状态判断

  465.                             // 优惠券号码不存在             15009

  466.                             // 优惠券未开始                15010

  467.                             // 优惠券已使用                15013

  468.                             // 优惠券不符合使用规则        15014

  469.                             // 优惠券不可使用多张            15015

  470.                             let errStatus = [15009, 15010, 15013, 15014, 15015]

  471. 

  472.                             if (errStatus.indexOf(res.data) !== -1) {

  473.                                 // 删除使用的优惠券号码

  474.                                 if (this.current === 1) {

  475.                                     this.removeCouponCode(this.inputCouponCode, this.current)

  476.                                 } else {

  477.                                     // 取消选择使用的状态

  478.                                     if (this.optCoupon) {

  479.                                         this.userCoupons.forEach(item => {

  480.                                             if (item.coupon_code === this.optCoupon) {

  481.                                                 item.checked = false

  482.                                             }

  483.                                         })

  484.                                     }

  485.                                     this.removeCouponCode(this.optCoupon, this.current)

  486.                                 }

  487.                             }

  488.                         })

  489.                     }

  490.                 })

  491.             },

  492.             // 获取用户可用的优惠券信息

  493.             getUserCounpons () {

  494.                 let data = {

  495.                     display: 'no_used'

  496.                 }

  497.                 this.$api.userCoupon(data, res => {

  498.                     if (res.status) {

  499.                         let _list = res.data.list

  500.                         let nowTime = Math.round(new Date().getTime() / 1000).toString()

  501.                         _list.forEach(item => {

  502.                             this.$set(item, 'checked', false)

  503.                             // 判断优惠券是否有效(开始时间)

  504.                             this.$set(item, 'disabled', item.start_time > nowTime ? true : false)

  505.                             this.$set(item, 'cla', item.disabled ? 'cci-l bg-c' : 'cci-l')    // 绑定相应的class样式

  506.                         })

  507.                         this.userCoupons = _list

  508.                     }

  509.                 })

  510.             },

  511.             // 点击使用/取消优惠券操作

  512.             couponHandle (index) {

  513.                 // 更改使用/取消状态

  514.                 this.userCoupons[index].checked = !this.userCoupons[index].checked

  515. 

  516.                 // 暂存当次选中使用的优惠券key

  517.                 this.optCoupon = this.userCoupons[index].coupon_code

  518. 

  519.                 let arr = []

  520.                 this.userCoupons.forEach(item => {

  521.                     if (item.checked) {

  522.                         arr.push(item.coupon_code)

  523.                     }

  524.                 })

  525.                 if (this.userCoupons[index].checked) {

  526.                     // 使用

  527.                     this.params.coupon_code = arr.join()

  528.                 } else {

  529.                     // 取消使用

  530.                     let paramsCodes = this.params.coupon_code.split(',')

  531.                     let usedIndex = paramsCodes.indexOf(this.userCoupons[index].coupon_code)

  532.                     if (usedIndex !== -1) {

  533.                         paramsCodes.splice(usedIndex, 1)

  534.                         this.params.coupon_code = paramsCodes.join()

  535.                     }

  536.                 }

  537.             },

  538.             // 手输的优惠券码使用

  539.             useInputCouponCode () {

  540.                 if (!this.inputCouponCode) {

  541.                     this.$common.errorToShow('请输入优惠券码')

  542.                 } else {

  543.                     // 判断是否有使用的优惠券

  544.                     if (this.params.coupon_code.length > 0) {

  545.                         this.params.coupon_code += ',' + this.inputCouponCode

  546.                     } else {

  547.                         this.params.coupon_code = this.inputCouponCode

  548.                     }

  549.                 }

  550.             },

  551.             // 不使用优惠券

  552.             notUseCoupon () {

  553.                 this.toclose()

  554.                 this.inputCouponCode = ''    // 清空手输的优惠券码

  555.                 this.userCoupons.forEach(item => {

  556.                     item.checked = false

  557.                 }) // 取消所有选中的使用状态

  558.                 this.params.coupon_code = ''    // 清空params优惠券码

  559.             },

  560.             // 移除/取消使用中的指定优惠券

  561.             removeCouponCode (code, current) {

  562.                 let arr = this.params.coupon_code.split(',')

  563.                 arr.splice(arr.indexOf(code), 1)

  564.                 current === 0 ? this.optCoupon = '' : this.inputCouponCode = ''

  565.                 this.params.coupon_code = arr.join()

  566.             },

  567.             // 是否使用积分

  568.             changePointHandle(){

  569.                 if(this.userPointNums > 0){

  570.                     this.isUsePoint = !this.isUsePoint;

  571.                     this.params.point = this.isUsePoint ? this.canUsePoint : 0;

  572.                 }

  573.             },

  574.             // 显示modal弹出框

  575.             toshow(){

  576.                 this.$refs.lvvpopref.show();

  577.             },

  578.             // 关闭modal弹出框

  579.             toclose(){

  580.                 this.$refs.lvvpopref.close();

  581.             },

  582.             // 去支付

  583.             toPay (e) {

  584.                 this.submitStatus = true;

  585.                 let receiptType = 1;

  586.                 if(this.type_current != 0){

  587.                     receiptType = 2;

  588.                 }

  589.                 this.receiptType = receiptType;

  590. 

  591.                 let data = {

  592.                     cart_ids: this.params.ids,

  593.                     memo: this.memo,

  594.                     coupon_code: this.params.coupon_code,

  595.                     point: this.params.point,

  596.                     receipt_type: this.receiptType

  597.                 }

  598.                 data['order_type'] = this.params.order_type; //订单类型

  599.                 if(this.team_id != 0){

  600.                     data['params'] = JSON.stringify({team_id:this.team_id})  //团id

  601.                 }

  602.                 let delivery = {}

  603.                 // 判断是快递配送还是门店自提

  604.                 if(this.receiptType == 1){

  605.                     if(!this.userShip.id || !this.params.area_id){

  606.                         this.$common.errorToShow('请选择收货地址');

  607.                         this.submitStatus = false;

  608.                         return false;

  609.                     }

  610.                     // 快递配送

  611.                     delivery = {

  612.                         uship_id: this.userShip.id,

  613.                         area_id: this.params.area_id

  614.                     }

  615.                 }

  616.                 if(this.receiptType == 2){

  617.                     if(!this.store.id){

  618.                         this.$common.errorToShow('请选择自提门店');

  619.                         this.submitStatus = false;

  620.                         return false;

  621.                     }

  622.                     if(!this.store_pick.name){

  623.                         this.$common.errorToShow('请输入提货人姓名');

  624.                         this.submitStatus = false;

  625.                         return false;

  626.                     }

  627.                     if(!this.store_pick.mobile){

  628.                         this.$common.errorToShow('请输入提货人电话');

  629.                         this.submitStatus = false;

  630.                         return false;

  631.                     }

  632.                     // 门店自提

  633.                     delivery = {

  634.                         store_id: this.store.id,

  635.                         lading_name: this.store_pick.name,

  636.                         lading_mobile: this.store_pick.mobile

  637.                     }

  638.                 }

  639. 

  640.                 // 发票信息

  641.                 data['tax_type'] = this.invoice.type

  642.                 data['tax_name'] = this.invoice.name

  643.                 data['tax_code'] = this.invoice.code

  644. 

  645.                 // #ifdef H5

  646.                 data['source'] = 2;

  647.                 // #endif

  648.                 // #ifdef MP-WEIXIN

  649.                 data['source'] = 3;

  650.                 data['formId'] = e.detail.formId;

  651.                 // #endif

  652.                 // #ifdef MP-ALIPAY

  653.                 data['source'] = 4;

  654.                 // #endif

  655.                 // #ifdef APP-PLUS|| APP-PLUS-NVUE

  656.                 data['source'] = 5;

  657.                 // #endif

  658. 

  659.                 data = Object.assign(data, delivery)

  660. 

  661.                 this.$api.createOrder(data, res => {

  662.                     if (res.status) {

  663.                         // 创建订单成功 去支付

  664.                         this.submitStatus = false;

  665.                         this.$common.redirectTo('/pages/goods/payment/index?order_id=' + res.data.order_id + '&type=' + this.orderType)

  666.                     }else{

  667.                         this.$common.errorToShow(res.msg);

  668.                         this.submitStatus = false;

  669.                     }

  670.                 })

  671.             },

  672.             // 跳转发票页面

  673.             goInvoice () {

  674.                 this.$common.navigateTo('./invoice')

  675.             },

  676.             // 跳转我的收货地址列表

  677.             showAddressList () {

  678.                 this.$common.navigateTo('/pages/member/address/list?type=order')

  679.             },

  680.             // tab点击切换

  681.             onClickItem(index) {

  682.                 if (this.current !== index) {

  683.                     this.current = index;

  684.                 }

  685.             },

  686.             // 获取默认店铺

  687.             getDefaultStore(){

  688.                 this.$api.defaultStore({}, res => {

  689.                     if(res.status){

  690.                         let store = {

  691.                             id: res.data.id,

  692.                             name: res.data.store_name,

  693.                             mobile: res.data.store_mobile,

  694.                             address: res.data.all_address

  695.                         }

  696.                         this.store = store;

  697.                     }

  698.                 });

  699.             }

  700.             //扫码

  701. //         scanCode() {

  702. //             console.log(1);

  703. //             uni.scanCode({

  704. //                 success(res) {

  705. //                     console.log(2);

  706. //                     console.log(res)

  707. //                 },

  708. //                 complete(res){

  709. //                     console.log(3);

  710. //                     console.log(res)

  711. //                 },

  712. //                 fail(res) {

  713. //                     console.log(4);

  714. //                     console.log(res)

  715. //                 }

  716. //             })

  717. //         }

  718.         },

  719.         computed: {

  720.             // 计算购物车商品数量

  721.             productNums () {

  722.                 let nums = 0

  723.                 for (let i in this.cartData.list) {

  724.                     if(this.cartData.list[i].is_select){

  725.                         nums += this.cartData.list[i].nums;

  726.                     }

  727.                 }

  728.                 return nums

  729.             },

  730.             // 判断商户是否开启积分抵扣 1开启 2未开启

  731.             isOpenPoint () {

  732.                 return this.$store.state.config.point_switch

  733.             },

  734.             // 获取使用的优惠券名称

  735.             usedCouponsCompute () {

  736.                 let name = '未使用'

  737.                 if (Object.keys(this.usedCoupons).length) {

  738.                     let coupons = []

  739.                     for (let i in this.usedCoupons) {

  740.                         coupons.push(this.usedCoupons[i])

  741.                     }

  742.                     name = coupons.join()

  743.                 }

  744.                 return name

  745.             },

  746.             // 判断是否开启发票功能

  747.             invoiceSwitch () {

  748.                 return this.$store.state.config.invoice_switch || 2;

  749.             },

  750.             // 判断店铺开关

  751.             storeSwitch() {

  752.                 return this.$store.state.config.store_switch || 2;

  753.             },

  754.             // 根据接口返回数据判断是否使用优惠券

  755.             couponIsUsed () {

  756.                 return this.cartData.coupon instanceof Array

  757.             }

  758.         },

  759.         watch: {

  760.             // 监听数据状态(切换收货地址, 是否使用优惠券, 是否使用积分) 重新请求订单数据

  761.             params: {

  762.                 handler () {

  763.                     this.getCartList()

  764.                 },

  765.                 deep: true

  766.             }

  767.         }

  768.     }

  769. </script>

  770. 

  771. <style>

  772.     .margin-cell-group {

  773.         margin: 0 0 2upx 0;

  774.     }

  775. 

  776.     .add-title-items{

  777.         text-align: center;

  778.     }

  779.     .add-title-items .btn{

  780.         height: ;

  781.         font-size: 24upx;

  782.         /* margin: 0 auto; */

  783.     }

  784.     .add-title-item .cell-item-hd {

  785.         min-width: 40upx;

  786.         color: #666;

  787.         font-size: 28upx;

  788.     }

  789.     .add-title-item .cell-item-bd {

  790.         color: #333;

  791.         font-size: 28upx;

  792.     }

  793.     .add-title-item .cell-bd-text {

  794.         bottom: 0;

  795.     }

  796.     .cell-bd-view:first-child {

  797.         margin-bottom: 8upx;

  798.     }

  799.     .cell-ft-view:first-child {

  800.         margin-bottom: 8upx;

  801.     }

  802.     .address {

  803.         display: -webkit-box;

  804.         -webkit-box-orient: vertical;

  805.         -webkit-line-clamp: 2;

  806.         overflow: hidden;

  807.         width: 100%;

  808.     }

  809.     .img-list {

  810.         margin-bottom: 20upx;

  811.     }

  812.     .button-bottom button{

  813.         height: 100%;

  814.         width: 280upx;

  815.     }

  816.     .button-bottom-c{

  817.         display: inline-block;

  818.         position: relative;

  819.         padding: 10upx 26upx;

  820.         height: 100%;

  821.         width: 470upx;

  822.         float: left;

  823.         font-size: 22upx;

  824.         color: #666;

  825.         overflow: hidden;

  826.     }

  827.     .button-bottom-c-t{

  828.         font-size: 22upx;

  829.         color: #999;

  830.         display: inline-block;

  831.         float: left;

  832.         height: 100%;

  833.         line-height: 70upx;

  834.     }

  835.     .button-bottom-c-b{

  836.         font-size: 26upx;

  837.         color: #333;

  838.         display: inline-block;

  839.         float: right;

  840.         height: 100%;

  841.         line-height: 70upx;

  842.     }

  843.     .invoice .cell-ft-text{

  844.         /* top: 4upx; */

  845.         color: #666;

  846.         font-size: 24upx;

  847.     }

  848.     .pop-t{

  849.         border-bottom: 2upx solid #f4f4f4;

  850.         background-color: #fff;

  851.     }

  852.     .pop-b{

  853.         margin-bottom: 90upx;

  854.     }

  855.     .pop-b-t{

  856.         background-color: #fff;

  857.         width: 100%;

  858.         padding-top: 10upx;

  859.     }

  860.     .coupon-c{

  861.         /* padding: 50upx; */

  862.         height: 546upx;

  863.         box-sizing: border-box;

  864.     }

  865.     .coupon-c-item{

  866.         margin: 30upx 50upx;

  867.         /* width: 100%; */

  868.         height: 150upx;

  869.         margin-bottom: 20upx;

  870.     }

  871.     .cci-l{

  872.         width: 60upx;

  873.         height: 100%;

  874.         background-color: #FF7159;

  875.         font-size: 32upx;

  876.         display: inline-block;

  877.         box-sizing: border-box;

  878.         float: left;

  879.         border-top-left-radius: 16upx;

  880.         border-bottom-left-radius: 16upx;

  881.     }

  882.     .cci-l-c{

  883.         height: 60upx;

  884.         line-height: 44upx;

  885.         width: 150upx;

  886.         text-align: center;

  887.         transform-origin: 30upx 30upx;

  888.         transform: rotate(90deg);

  889.     }

  890.     .cci-r{

  891.         position: relative;

  892.         height: 150upx;

  893.         width: calc(100% - 70upx);

  894.         margin-left: 10upx;

  895.         display: inline-block;

  896.         background-color: #fff;

  897.     }

  898.     .cci-r-img{

  899.         position: absolute;

  900.         width: 100%;

  901.         height: 100%;

  902.         background-color: #fff;

  903.     }

  904.     .cci-r-c{

  905.         position: relative;

  906.         z-index: 99;

  907.     }

  908.     .ccirc-t{

  909.         font-size: 24upx;

  910.         padding: 10upx 20upx;

  911.         min-height: 56upx;

  912.     }

  913.     .ccirc-b{

  914.         padding: 10upx;

  915.         position: relative;

  916.     }

  917.     .ccirc-b-l{

  918.         display: inline-block;

  919.         max-width: 400upx;

  920.     }

  921.     .ccirc-b-tip{

  922.         font-size: 28upx;

  923.         width: 100%;

  924.         overflow: hidden;

  925.         text-overflow: ellipsis;

  926.         white-space: nowrap;

  927.         min-height: 38upx;

  928.     }

  929.     .ccirc-b-tip text{

  930.         font-size: 34upx;

  931.     }

  932.     .ccirc-b-time{

  933.         font-size: 24upx;

  934.     }

  935.     .ccirc-b-r{

  936.         display: inline-block;

  937.         background-color: #FF7159;

  938.         font-size: 26upx;

  939.         padding: 4upx 10upx;

  940.         border-radius: 4upx;

  941.         position: absolute;

  942.         right: 20upx;

  943.         bottom: 12upx;

  944.     }

  945.     .pop-c .btn{

  946.         width: 100%;

  947.     }

  948.     .leave-message{

  949.         margin: 20upx 0;

  950.     }

  951.     .leave-message .cell-item{

  952.         border-bottom: 0;

  953.     }

  954.     .cell-textarea{

  955.         padding: 0 26upx 20upx;

  956.     }

  957. 

  958.     /* #ifndef MP-WEIXIN */

  959.     .cell-textarea textarea{

  960.         width: 100%;

  961.         height: 100upx;

  962.         font-size: 26upx;

  963.         color: #333;

  964.     }

  965.     /* #endif */

  966.     /* #ifdef MP-WEIXIN */

  967.     .cell-textarea input{

  968.         width: 100%;

  969.         font-size: 26upx;

  970.         color: #333;

  971.     }

  972.     /* #endif */

  973.     .coupon-enter{

  974.         display: flex;

  975.         height: 60upx;

  976.         margin: 40upx;

  977.     }

  978.     .coupon-enter>view{

  979.         display: inline-block;

  980.     }

  981.     .coupon-input{

  982.         /* width: 450upx; */

  983.         flex: 1;

  984.         border: 2upx solid #e8e8e8;

  985.         background-color: #fff;

  986.         height: 100%;

  987.     }

  988.     .coupon-input input{

  989.         height: 100%;

  990.         font-size: 26upx;

  991.         padding: 2upx 10upx;

  992.     }

  993.     .coupon-code{

  994.         margin: 4upx 30upx;

  995.     }

  996.     .coupon-enter-btn{

  997.         height: 100%;

  998.         margin-left: 20upx;

  999.     }

  1000.     .coupon-enter-btn .btn{

  1001.         font-size: 24upx;

  1002.         height: 100%;

  1003.         width: 108upx;

  1004.         line-height: 58upx;

  1005.     }

  1006.     .bg-c{

  1007.         background-color: #ccc;

  1008.     }

  1009.     .no-store{

  1010.         text-align: center;

  1011.         padding: 30upx 0;

  1012.         font-size: 26upx;

  1013.         color: #666;

  1014.         /* min-height: 60upx; */

  1015.     }

  1016.     .coupon-none{

  1017.         text-align: center;

  1018.         padding: 120upx 0;

  1019.     }

  1020.     .coupon-none-img{

  1021.         width: 274upx;

  1022.         height: 274upx;

  1023.     }

  1024. </style>

  1025.
invoice.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top">

  4.             <view class='cell-group margin-cell-group'>

  5.                 <view class='cell-item'>

  6.                     <view class='cell-item-hd'>

  7.                         <view class='cell-hd-title'>发票类型</view>

  8.                     </view>

  9.                     <view class='cell-item-ft'>

  10.                         <view class="uni-form-item uni-column invoice-type">

  11.                             <radio-group class="uni-list" @change="radioChange">

  12.                                 <label class="uni-list-cell uni-list-cell-pd" v-for="(item,index) in radioItems" :key="index">

  13.                                     <view class="invoice-type-icon">

  14.                                         <radio :id="item.name" :value="item.value" :checked="item.value == type"></radio>

  15.                                     </view>

  16.                                     <view class="invoice-type-c">

  17.                                         <label class="label-2-text" :for="item.name">

  18.                                             <text>{{item.name}}</text>

  19.                                         </label>

  20.                                     </view>

  21.                                 </label>

  22.                             </radio-group>

  23.                         </view>

  24.                     </view>

  25.                 </view>

  26.                 <view class='cell-item'>

  27.                     <view class='cell-item-hd'>

  28.                         <view class='cell-hd-title'>发票抬头</view>

  29.                     </view>

  30.                     <view class='cell-item-ft'>

  31.                         <input class='cell-bd-input' v-model="name" placeholder='抬头名称'></input>

  32.                     </view>

  33.                 </view>

  34.                 <view class='cell-item' v-show="type === '3'">

  35.                     <view class='cell-item-hd'>

  36.                         <view class='cell-hd-title'>税号</view>

  37.                     </view>

  38.                     <view class='cell-item-ft'>

  39.                         <input class='cell-bd-input' v-model="code" placeholder='纳税人识别号'></input>

  40.                     </view>

  41.                 </view>

  42.                 

  43.             </view>

  44.             <view class='cell-group margin-cell-group'>

  45.                 <view class='cell-item'>

  46.                     <view class='cell-item-hd'>

  47.                         <view class='cell-hd-title'>发票内容</view>

  48.                     </view>

  49.                     <view class='cell-item-ft'>

  50.                         <view class="cell-ft-view">明细</view>

  51.                     </view>

  52.                 </view>

  53.             </view>

  54.             <view class='cell-group margin-cell-group'>

  55.                 <view class='cell-item right-img'  @click="notNeedInvoice">

  56.                     <view class='cell-item-hd'>

  57.                         <view class='cell-hd-title'>本次不开具发票</view>

  58.                     </view>

  59.                     <view class='cell-item-ft'>

  60.                         <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  61.                     </view>

  62.                 </view>

  63.             </view>

  64.         </view>

  65.         <view class="button-bottom">

  66.             <button class="btn btn-square btn-b" @click="saveInvoice" hover-class="btn-hover2">保存</button>

  67.         </view>

  68.     </view>

  69. </template>

  70. 

  71. <script>

  72. export default {

  73.     data() {

  74.         return {

  75.             radioItems: [

  76.                 {

  77.                     name: '个人或事业单位',

  78.                     value: '2'

  79.                 },

  80.                 {

  81.                     name: '企业',

  82.                     value: '3'

  83.                 }

  84.             ],

  85.             type: '3', // 发票类型 2个人 3企业

  86.             name: '', // 抬头名称

  87.             code: '' // 税号

  88.         }

  89.     },

  90.     onLoad () {

  91.         let invoice

  92.         let pages = getCurrentPages()

  93.         let pre = pages[pages.length - 2]

  94.         

  95.         // #ifdef H5

  96.         invoice = pre.invoice

  97.         // #endif

  98.         

  99.         // #ifdef MP-WEIXIN || APP-PLUS || APP-PLUS-NVUE

  100.         invoice = pre.$vm.invoice

  101.         // #endif

  102.         

  103.         // #ifdef MP-ALIPAY

  104.         invoice = pre.rootVM.invoice;

  105.         // #endif

  106. 

  107.         if (invoice && invoice.hasOwnProperty('type') && invoice.type !== '1') {

  108.             // 发票不是未使用, 展示发票信息

  109.             this.name = invoice.name

  110.             this.code = invoice.code

  111.             this.type = invoice.type

  112.         }

  113.         

  114.     },

  115.     methods: {

  116.         // 单选框点击切换

  117.         radioChange (evt) {

  118.             this.radioItems.forEach(item => {

  119.                 if (item.value === evt.target.value) {

  120.                     this.type = item.value

  121.                 }

  122.             })

  123.         },

  124.         // 不需要发票信息

  125.         notNeedInvoice () {

  126.             let data = {

  127.                 type: '1',

  128.                 name: '不开发票',

  129.                 code: ''

  130.             }

  131.             

  132.             this.setPageData(data)

  133.         },

  134.         // 保存发票信息

  135.         saveInvoice () {

  136.             if (!this.name) {

  137.                 this.$common.errorToShow('请输入发票抬头')

  138.                 return false

  139.             }

  140.             

  141.             // 企业类型需要输入税号

  142.             if (this.type === '3' && !this.code) {

  143.                 this.$common.errorToShow('请输入发票税号信息')

  144.                 return false

  145.             }

  146.             

  147.             let data = {

  148.                 type: this.type,

  149.                 name: this.name

  150.             }

  151.             

  152.             // 不是企业类型不需要税号

  153.             data['code'] = this.type === '3' ? this.code : ''

  154.             

  155.             this.setPageData(data)

  156.         },

  157.         // 向上个页面赋值并返回

  158.         setPageData (data) {

  159.             let pages = getCurrentPages();//当前页

  160.             let beforePage = pages[pages.length - 2];//上个页面

  161.             

  162.             // #ifdef MP-ALIPAY

  163.             beforePage.rootVM.invoice = data;

  164.             // #endif

  165.             

  166.             // #ifdef MP-WEIXIN || APP-PLUS || APP-PLUS-NVUE

  167.             beforePage.$vm.invoice = data;

  168.             // #endif

  169.             

  170.             // #ifdef H5 

  171.             beforePage.invoice = data;

  172.             // #endif

  173.             

  174.             uni.navigateBack({

  175.                 delta: 1

  176.             })

  177.         }

  178.     }

  179. }

  180. </script>

  181. 

  182. <style>

  183. /* .margin-cell-group{

  184.     margin-bottom: 20upx;

  185. } */

  186. .invoice-type .uni-list-cell{

  187.     display: inline-block;

  188.     font-size: 26upx;

  189.     color: #333;

  190.     position: relative;

  191.     margin-left: 50upx;

  192. }

  193. .invoice-type .uni-list-cell>view{

  194.     display: inline-block;

  195. }

  196. .invoice-type-icon{

  197.     position: absolute;

  198.     top: 50%;

  199.     transform: translateY(-50%);

  200. }

  201. .invoice-type-c{

  202.     margin-left: 50upx;

  203.     line-height: 2;

  204. }

  205. .cell-item-ft .cell-bd-input{

  206.     text-align: right;

  207.     width: 500upx;

  208. }

  209. .button-bottom .btn {

  210.     width: 100%;

  211. }

  212. </style>

  213.
storelist.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class='search'>

  4.             <view class='search-c'>

  5.                 <image class='icon search-icon' src='/static/image/zoom.png'></image>

  6.                 <input class='search-input' placeholder-class='search-input-p' placeholder='请输入门店名' v-model="key"></input>

  7.             </view>

  8.             <button class="btn btn-g" hover-class="btn-hover2" @click="storeSearch">搜索</button>

  9.         </view>

  10.         <view class='cell-group margin-cell-group'>

  11.             <view class='cell-item add-title-item right-img' v-for="(item, key) in storeList" :key="key" @click="selectStore(item.id, item.store_name, item.mobile, item.all_address)">

  12.                 <view class="cell-item-hd">

  13.                     <image class='cell-hd-icon' src='/static/image/homepage.png'></image>

  14.                 </view>

  15.                 <view class='cell-item-bd'>

  16.                     <view class="cell-bd-view black-text">

  17.                         <text class="cell-bd-text">{{item.store_name}}</text>

  18.                     </view>

  19.                     <view class="cell-bd-view">

  20.                         <text class="cell-bd-text">电话：{{item.mobile}}</text>

  21.                     </view>

  22.                     <view class="cell-bd-view">

  23.                         <text class="cell-bd-text">地址：{{item.all_address}}</text>

  24.                     </view>

  25.                 </view>

  26.                 <view class='cell-item-ft'>

  27.                     <image class='cell-ft-next icon' src='/static/image/location.png'></image>

  28.                     <text class="cell-ft-text color-9">{{item.distance}}</text>

  29.                 </view>

  30.             </view>

  31.         </view>

  32.     </view>

  33. </template>

  34. 

  35. <script>

  36.     export default {

  37.         data () {

  38.             return {

  39.                 storeList: [],

  40.                 key: '',

  41.                 longitude: '',

  42.                 latitude: '',

  43.             }

  44.         },

  45.         onShow () {

  46.             this.getStoreList();

  47.         },

  48.         methods: {

  49.             //门店搜索

  50.             storeSearch(){

  51.                 this.getStoreList();

  52.             },

  53.             //获取门店列表

  54.             getStoreList(){

  55.                 let _this = this;

  56.                 uni.getLocation({

  57.                     type: 'gcj02',

  58.                     success: function (res) {

  59.                         _this.longitude = res.longitude;

  60.                         _this.latitude = res.latitude;

  61.                     },

  62.                     complete: function (res) {

  63.                         let data = {

  64.                             'key': _this.key,

  65.                             'longitude': _this.longitude,

  66.                             'latitude': _this.latitude

  67.                         }

  68.                         _this.$api.storeList(data, e => {

  69.                             _this.storeList = e.data;

  70.                         });

  71.                     }

  72.                 });

  73.             },

  74.             //门店选择

  75.             selectStore(id, name, mobile, address){

  76.                 let pages = getCurrentPages()

  77.                 let pre = pages[pages.length - 2]

  78.                 let store = {};

  79.                 store['id'] = id;

  80.                 store['name'] = name;

  81.                 store['mobile'] = mobile;

  82.                 store['address'] = address;

  83.                 

  84.                 // #ifdef MP-ALIPAY

  85.                 pre.rootVM.store = store;

  86.                 // #endif

  87. 

  88.                 // #ifdef MP-WEIXIN || APP-PLUS || APP-PLUS-NVUE

  89.                 pre.$vm.store = store

  90.                 // #endif

  91.                 

  92.                 // #ifdef H5 

  93.                 pre.store = store

  94.                 // #endif

  95.                 

  96.                 uni.navigateBack({

  97.                     delta: 1

  98.                 });

  99.             }

  100.         }

  101.     }

  102. </script>

  103. 

  104. <style>

  105. .search{

  106.     display: flex;

  107. }

  108. .search-c{

  109.     width: 80%;

  110.     margin-right: 2%;

  111. }

  112. .search-icon{

  113.     left: 30upx;    

  114. }

  115. .search-input {

  116.     padding: 10upx 30upx 10upx 90upx;

  117. }

  118. .search-input-p{

  119.     padding: 0 !important;

  120. }

  121. .search .btn{

  122.     width: 18%;

  123.     border: none;

  124.     background-color: #f1f1f1;

  125.     font-size: 28upx;

  126.     color: #333;

  127.     border-radius: 6upx;

  128.     line-height: 72upx;

  129. }

  130. .add-title-item .cell-item-hd {

  131.     min-width: 50upx;

  132.     color: #666;

  133.     font-size: 28upx;

  134. }

  135. .cell-bd-view {

  136.     margin-bottom: 6upx;

  137. }

  138. .cell-bd-view .cell-bd-text{

  139.     font-size: 22upx;

  140.     color: #999;

  141. }

  142. .black-text .cell-bd-text{

  143.     font-size: 28upx;

  144.     color: #333;    

  145. }

  146. </style>

  147.

index

custom.vue
复制代码
  1. <template>

  2.     <view class="content" style="padding-top: 0upx;">

  3.         <jshop :data="pageData"></jshop>

  4.         <jihaiCopyright></jihaiCopyright>

  5.     </view>

  6. </template>

  7. <script>

  8.     import jshop from "@/components/jshop/jshop.vue"

  9.     import jihaiCopyright from "@/components/jihai-copyright/jihaiCopyright.vue"

  10.     import {

  11.         goods

  12.     } from '@/config/mixins.js'

  13.     export default {

  14.         mixins: [goods],

  15.         components: {

  16.             jihaiCopyright,

  17.             jshop

  18.         },

  19.         data() {

  20.             return {

  21.                 myShareCode: '', //分享Code

  22.                 imageUrl: '/static/image/share_image.png', //店铺分享图片

  23.                 pageData: [],

  24.                 pageCode: 'mobile_home', //页面布局编码

  25.                 statusBarHeight: '0',

  26.                 customBarOpacity: false,

  27.                 scrollTop: 0,

  28.                 showLoad: false, //是否显示loading

  29.                 share_name: ''

  30.             }

  31.         },

  32.         computed: {

  33.             appTitle() {

  34.                 return this.$store.state.config.shop_name;

  35.             }

  36.         },

  37.         onLoad(e) {

  38.             //增加页面编码，可自定义编码

  39.             if (e.page_code) {

  40.                 this.pageCode = e.page_code

  41.             }

  42.             this.initData()

  43.         },

  44.         // 小程序沉浸式状态栏变色

  45.         onPageScroll(e) {

  46.             // console.log(e);

  47.             e.scrollTop > 50 ? this.customBarOpacity = true : this.customBarOpacity = false

  48.         },

  49.         mounted() {

  50.             // #ifdef H5 

  51.             window.addEventListener('scroll', this.handleScroll)

  52.             // #endif

  53.         },

  54.         methods: {

  55.             // 搜索框滑动变色

  56.             handleScroll() {

  57.                 var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop

  58.                 scrollTop > 50 ? this.searchBarOpacity = true : this.searchBarOpacity = false

  59.             },

  60.             destroyed() {

  61.                 window.removeEventListener('scroll', this.handleScroll)

  62.             },

  63.             goSearch() {

  64.                 uni.navigateTo({

  65.                     url: './search'

  66.                 });

  67.             },

  68.             // 首页初始化获取数据

  69.             initData() {

  70.                 this.showLoad = true;

  71.                 //获取首页配置

  72.                 this.$api.getPageConfig({

  73.                     code: this.pageCode,

  74.                 }, res => {

  75.                     if (res.status == true) {

  76.                         this.pageData = res.data.items;

  77.                         this.share_name = res.data.name;

  78.                         uni.setNavigationBarTitle({

  79.                             title: res.data.name

  80.                         });

  81.                         //隐藏loading

  82.                         setTimeout(() => {

  83.                             this.showLoad = false;

  84.                         }, 600);

  85.                     }

  86.                 });

  87.                 

  88.                 this.getMyShareCode();

  89.             },

  90.             getMyShareCode() {

  91.                 let userToken = this.$db.get("userToken");

  92.                 if (userToken && userToken != '') {

  93.                     // 获取我的分享码

  94.                     this.$api.shareCode({}, res => {

  95.                         if (res.status) {

  96.                             this.myShareCode = res.data ? res.data : '';

  97.                         }

  98.                     });

  99.                 }

  100.             }

  101.         },

  102.         onPullDownRefresh() {

  103.             this.initData();

  104.             uni.stopPullDownRefresh();

  105.         },

  106.         //分享

  107.         onShareAppMessage() {

  108.             let myInviteCode = this.myShareCode ? this.myShareCode : '';

  109.             let ins = this.$common.shareParameterDecode('type=8&page_code=' + this.pageCode + '&invite=' + myInviteCode);

  110.             let path = '/pages/share/jump?scene=' + ins;

  111.             return {

  112.                 title: this.share_name,

  113.                 // #ifdef MP-ALIPAY

  114.                 //desc: this.$store.state.config.share_desc,

  115.                 // #endif

  116.                 //imageUrl: this.$store.state.config.share_image,

  117.                 path: path

  118.             }

  119.         }

  120.     }

  121. </script>

  122. 

  123. <style>

  124.     .search {

  125.         /* position: fixed; */

  126.         /*  #ifdef  H5  */

  127.         /* top: 44px; */

  128.         /*  #endif  */

  129.         /*  #ifndef  H5  */

  130.         /* top: 0; */

  131.         /*  #endif  */

  132.     }

  133. 

  134.     .cell-item {

  135.         border: none;

  136.     }

  137. 

  138.     .cell-ft-text {

  139.         font-size: 22upx;

  140.         color: #999;

  141.     }

  142. 

  143.     .status_bar {

  144.         height: var(--status-bar-height);

  145.         width: 100%;

  146.         position: fixed;

  147.         top: 0;

  148.         z-index: 999;

  149.         background: rgba(0, 0, 0, 0);

  150.         transition: all .5s;

  151.     }

  152. 

  153.     .custom-navbar {

  154.         height: 40px;

  155.         line-height: 34px;

  156.         position: fixed;

  157.         width: 100%;

  158.         padding-left: 26upx;

  159.         top: var(--status-bar-height);

  160.         z-index: 999;

  161.         background: rgba(0, 0, 0, 0);

  162.         transition: all .5s;

  163.     }

  164. 

  165.     .index-logo {

  166.         width: 140upx;

  167.         height: 70upx;

  168.         /* margin: 0 auto; */

  169.     }

  170. 

  171.     .index-logo-img {

  172.         width: 100%;

  173.         height: 100%;

  174.     }

  175. 

  176.     .isOpacity {

  177.         background: rgba(255, 255, 255, 1);

  178.         transition: all .5s;

  179.     }

  180. 

  181.     /* iPhone X in portrait & landscape */

  182.     @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) {

  183.         .status_bar {

  184.             height: 50px;

  185.         }

  186. 

  187.         .custom-navbar {

  188.             top: 50px;

  189.         }

  190.     }

  191. 

  192.     /* iPhone X in landscape */

  193.     @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {

  194.         .status_bar {

  195.             height: 50px;

  196.         }

  197. 

  198.         .custom-navbar {

  199.             top: 50px;

  200.         }

  201.     }

  202. 

  203.     /* iPhone X in portrait */

  204.     @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {

  205.         .status_bar {

  206.             height: 50px;

  207.         }

  208. 

  209.         .custom-navbar {

  210.             top: 50px;

  211.         }

  212.     }

  213. </style>

  214.
index.vue
复制代码
  1. <template>

  2.     <view class="content" style="padding-top: 0upx;">

  3.         <jshop :data="pageData"></jshop>

  4.         <jihaiCopyright></jihaiCopyright>

  5.         <red-bag v-if="redBagShow" @click="handleGet"></red-bag>

  6.     </view>

  7. </template>

  8. <script>

  9.     import jshop from '@/components/jshop/jshop.vue'

  10.     import jihaiCopyright from '@/components/jihai-copyright/jihaiCopyright.vue'

  11.     import uniCountdown from '@/components/uni-countdown/uni-countdown.vue'

  12.     import redBag from '@/components/red-bag/index'

  13.     import {

  14.         goods

  15.     } from '@/config/mixins.js'

  16.     import {

  17.         goBack

  18.     } from '@/config/mixins.js'

  19.     export default {

  20.         mixins: [goods],

  21.         components: {

  22.             jihaiCopyright,

  23.             jshop,

  24.             uniCountdown,

  25.             redBag

  26.         },

  27.         data() {

  28.             return {

  29.                 myShareCode: '', //分享Code

  30.                 imageUrl: '/static/image/share_image.png', //店铺分享图片

  31.                 pageData: [],

  32.                 pageCode: 'mobile_home', //页面布局编码

  33.                 pintuan: [], //拼团列表,

  34.                 redBagShow: false, //红包

  35.             }

  36.         },

  37.         computed: {

  38.             appTitle() {

  39.                 return this.$store.state.config.shop_name

  40.             }

  41.         },

  42.         onLoad(e) {

  43.             this.initData()

  44.             if(this.$store.state.config.shop_name){

  45.                 uni.setNavigationBarTitle({

  46.                     title: this.$store.state.config.shop_name||''

  47.                 });

  48.             }

  49.         },

  50.         methods: {

  51.             //领取红包

  52.             handleGet() {},

  53.             destroyed() {

  54.                 window.removeEventListener('scroll', this.handleScroll)

  55.             },

  56.             goSearch() {

  57.                 uni.navigateTo({

  58.                     url: './search'

  59.                 })

  60.             },

  61.             // 首页初始化获取数据

  62.             initData() {

  63.                 //获取首页配置

  64.                 this.$api.getPageConfig({

  65.                         code: this.pageCode

  66.                     },

  67.                     res => {

  68.                         if (res.status == true) {

  69.                             this.pageData = res.data.items;

  70.                             //隐藏loading

  71.                             setTimeout(() => {

  72.                                 this.showLoad = false;

  73.                             }, 600);

  74.                         }

  75.                     }

  76.                 );

  77.                 

  78.                 this.getMyShareCode();

  79.             },

  80.             getMyShareCode() {

  81.                 let userToken = this.$db.get("userToken");

  82.                 if (userToken && userToken != '') {

  83.                     // 获取我的分享码

  84.                     this.$api.shareCode({}, res => {

  85.                         if (res.status) {

  86.                             this.myShareCode = res.data ? res.data : '';

  87.                         }

  88.                     });

  89.                 }

  90.             }

  91.         },

  92.         onPullDownRefresh() {

  93.             this.initData()

  94.             //this.$db.del('all_cat');

  95.             uni.stopPullDownRefresh()

  96.         },

  97.         //分享

  98.         onShareAppMessage() {

  99.             let myInviteCode = this.myShareCode ? this.myShareCode : '';

  100.             let ins = this.$common.shareParameterDecode('type=1&invite=' + myInviteCode);

  101.             let path = '/pages/share/jump?scene=' + ins;

  102.             return {

  103.                 title: this.$store.state.config.share_title,

  104.                 // #ifdef MP-ALIPAY

  105.                 desc: this.$store.state.config.share_desc,

  106.                 // #endif

  107.                 imageUrl: this.$store.state.config.share_image,

  108.                 path: path

  109.             }

  110.         }

  111.     }

  112. </script>

  113. 

  114. <style>

  115.     .search {

  116.         /* position: fixed; */

  117.         /*  #ifdef  H5  */

  118.         /* top: 44px; */

  119.         /*  #endif  */

  120.         /*  #ifndef  H5  */

  121.         /* top: 0; */

  122.         /*  #endif  */

  123.     }

  124. 

  125.     .cell-item {

  126.         border: none;

  127.     }

  128. 

  129.     .cell-ft-text {

  130.         font-size: 22upx;

  131.         color: #999;

  132.     }

  133. 

  134.     /* .new-goods {

  135.         min-height: 300upx;

  136.         white-space: nowrap;

  137.         width: 100%;

  138.     }

  139. 

  140.     .new-goods-item {

  141.         width: 200upx;

  142.         display: inline-block;

  143.         margin-right: 20upx;

  144.     }

  145. 

  146.     .new-goods-item:last-child {

  147.         margin-right: 0;

  148.     }

  149. 

  150.     .news-goods-img {

  151.         width: 200upx;

  152.         height: 200upx;

  153.     }

  154. 

  155.     .news-goods-img image {

  156.         width: 100%;

  157.         height: 100%;

  158.     }

  159. 

  160.     .news-goods-bot {

  161.         margin-top: 6upx;

  162.     }

  163. 

  164.     .new-goods-name {

  165.         display: block;

  166.         font-size: 26upx;

  167.     }

  168. 

  169.     .new-goods-price {

  170.         display: block;

  171.         font-size: 26upx;

  172.         color: #e14d4d;

  173.     } */

  174. </style>

  175.
search.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class='search'>

  4.             <view class='search-c'>

  5.                 <image class='icon search-icon' src='/static/image/zoom.png'></image>

  6.                 <input v-bind:class="$store.state.searchStyle" class='search-input' placeholder-class='search-input-p' placeholder='请输入关键字搜索' v-model="key" focus :auto-focus="focus" :fixed="focus"></input>

  7.             </view>

  8.             <button class="btn btn-g" @click="search" hover-class="btn-hover2">搜索</button>

  9.         </view>

  10.         <view class="history-c" v-show="keys.length > 0">

  11.             <view class="history-title">

  12.                 <view class='ht-left'>历史记录</view>

  13.                 <view class='ht-right' @click="deleteKey">清除</view>

  14.             </view>

  15.             <view class="history-body">

  16.                 <view class="hb-item" v-for="(item, key) in keys" :key="key" @click="toNav(item)">

  17.                     {{item}}

  18.                 </view>

  19.             </view>

  20.         </view>

  21.         <view class="history-c" v-show="recommend && recommend.length > 0">

  22.             <view class="history-title">

  23.                 <view class='ht-left'>搜索发现</view>

  24.             </view>

  25.             <view class="history-body">

  26.                 <view class="hb-item" v-for="(item, key) in recommend" :key="key" @click="toNav(item)">

  27.                     {{item}}

  28.                 </view>

  29.             </view>

  30.         </view>

  31.     </view>

  32. </template>

  33. 

  34. <script>

  35. export default {

  36.     data() {

  37.         return {

  38.             keys: [],

  39.             key: '',

  40.             navType: 'toNav',

  41.             focus: true,

  42.         }

  43.     },

  44.     computed: {

  45.         recommend() {

  46.             return this.$store.state.config.recommend_keys

  47.         }

  48.     },

  49.     methods: {

  50.         //搜索

  51.         search: function () {

  52.             let keys = this.key;

  53.             if(keys != '') {

  54.                 let search_key = this.$db.get('search_key');

  55.                 if (!search_key) {

  56.                     search_key = [];

  57.                 }

  58.                 let flag = true;

  59.                 for (var key in search_key) {

  60.                     if (search_key[key] == keys) {

  61.                         flag = false;

  62.                     }

  63.                 }

  64.                 if (flag) {

  65.                     search_key.unshift(keys);

  66.                 }

  67.                 this.$db.set('search_key', search_key);

  68.                 this.$db.set('search_term', keys);

  69.                 this.$common.navigateTo('/pages/classify/index?key=' + keys);

  70.             }

  71.         },

  72. 

  73.         //清除

  74.         deleteKey: function () {

  75.             //删除显示

  76.             this.keys = [];

  77.             //删除存储

  78.             this.$db.del('search_key');

  79.         },

  80. 

  81.         //跳转操作

  82.         toNav: function (keys) {

  83.             this.$db.set('search_term', keys);

  84.             let search_key = this.$db.get('search_key');

  85.             if (!search_key) {

  86.                 search_key = [];

  87.             }

  88.             var flag = true;

  89.             for (var key in search_key) {

  90.                 if (search_key[key] == keys) {

  91.                     flag = false;

  92.                 }

  93.             }

  94.             if (flag) {

  95.                 search_key.unshift(keys);

  96.             }

  97.             this.$db.set('search_key', search_key);

  98.             this.$common.navigateTo('/pages/classify/index?key=' + keys);

  99.         },

  100.     },

  101.     //加载触发

  102.     onShow(e) {

  103.         this.keys = this.$db.get('search_key');

  104.         this.key = this.$db.get('search_term');

  105.         this.focus = true;

  106.     },

  107.     //页面卸载触发

  108.     onUnload() {

  109.         this.$db.set('search_term', '');

  110.     }

  111. }

  112. </script>

  113. 

  114. <style>

  115. .search{

  116.     display: flex;

  117. }

  118. .search-c{

  119.     width: 80%;

  120.     margin-right: 2%;

  121. }

  122. .search-icon{

  123.     left: 30upx;    

  124. }

  125. .search-input {

  126.     padding: 10upx 30upx 10upx 90upx;

  127. }

  128. .search-input-p{

  129.     padding: 0 !important;

  130. }

  131. .search .btn{

  132.     width: 18%;

  133.     border: none;

  134.     background-color: #f1f1f1;

  135.     font-size: 28upx;

  136.     color: #333;

  137.     border-radius: 6upx;

  138.     line-height: 72upx;

  139. }

  140. .history-c{

  141.     /* background-color: #fff; */

  142.     padding: 20upx 26upx;

  143. }

  144. .history-title{

  145.     overflow: hidden;    

  146. }

  147. .ht-left{

  148.     float: left;

  149.     font-size: 28upx;

  150.     color: #333;

  151. }

  152. .ht-right{

  153.     float: right;

  154.     color: #999;

  155.     font-size: 26upx;

  156. }

  157. .history-body{

  158.     overflow: hidden;

  159.     margin-top: 20upx;

  160.     min-height: 200upx;

  161. }

  162. .hb-item{

  163.     display: inline-block;

  164.     float: left;

  165.     background-color: #fff;

  166.     color: #888;

  167.     margin-right: 20upx;

  168.     margin-bottom: 14upx;

  169.     font-size: 26upx;

  170.     padding: 10upx 20upx;

  171. }

  172. .square{

  173.     border-radius: 0;

  174. }

  175. .radius{

  176.     border-radius: 12upx;

  177. }

  178. </style>

  179.

login

choose
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="login-m">

  4.             <view class="login-item">

  5.                 <view class="logo">

  6.                     <open-data type="userAvatarUrl"></open-data>

  7.                 </view>

  8.             </view>

  9.             <view class="login-tip">

  10.                 <view class="login-tip-big">

  11.                     申请获取以下权限

  12.                 </view>

  13.                 <view class="login-tip-small">

  14.                     获得你的公开信息 （昵称、头像等）

  15.                 </view>

  16.             </view>

  17.         </view>

  18.         <view class="login-b flc">

  19.             <!-- #ifdef MP-WEIXIN -->

  20.             <button class="auth-btn refuse" @click="handleRefuse">拒绝</button>

  21.             <button class="auth-btn " open-type="getUserInfo" @getuserinfo="getUserInfo" hover-class="btn-hover">允许</button>

  22.             <!-- #endif -->

  23.             <!-- #ifdef MP-ALIPAY -->

  24.             <button class="auth-btn " @click="getALICode" hover-class="btn-hover">授权登录</button>

  25.             <!-- #endif -->

  26.         </view>

  27.     </view>

  28. </template>

  29. 

  30. <script>

  31. export default {

  32.   data() {

  33.     return {

  34.       open_id: ''

  35.     }

  36.   },

  37.   computed: {

  38.     logoImage() {

  39.       return this.$store.state.config.shop_logo

  40.     }

  41.   },

  42.   onLoad() {

  43.     const _this = this

  44.     // #ifdef MP-WEIXIN

  45.     this.getCode(function(code) {

  46.       var data = {

  47.         code: code

  48.       }

  49.       _this.$api.login1(data, (res)=>{

  50.         if (!res.status) {

  51.           _this.$common.successToShow(res.msg, function() {

  52.             uni.navigateBack({

  53.               delta: 1

  54.             })

  55.           })

  56.         } else {

  57.           _this.open_id = res.data

  58.         }

  59.       })

  60.     })

  61.     // #endif

  62.   },

  63.   // #ifdef MP-WEIXIN

  64.   // onUnload: function() {

  65.   //   wx.reLaunch({

  66.   //     url: '/pages/index/index'

  67.   //   })

  68.   // },

  69.   // #endif

  70.   methods: {

  71.     getCode: function(callback) {

  72.       uni.login({

  73.         // #ifdef MP-ALIPAY

  74.         scopes: 'auth_user',

  75.         // #endif

  76.         success: function(res) {

  77.           if (res.code) {

  78.             return callback(res.code)

  79.           } else {

  80.             //login成功，但是没有取到code

  81.             this.$common.errorToShow('未取得code')

  82.           }

  83.         },

  84.         fail: function(res) {

  85.           this.$common.errorToShow('用户授权失败wx.login')

  86.         }

  87.       })

  88.     },

  89.     handleRefuse(){

  90.       uni.showToast({

  91.         title: '未授权',

  92.         icon: 'none',

  93.         duration: 1000,

  94.       })

  95.       setTimeout(() => {

  96.         uni.hideToast();

  97.         uni.navigateBack(-1);

  98.       }, 1000);

  99.     },

  100.     getUserInfo: function(e) {

  101.       //console.log(e);

  102.       let _this = this

  103.       //return false;

  104.       if (e.detail.errMsg == 'getUserInfo:fail auth deny') {

  105.         _this.$common.errorToShow('未授权')

  106.       } else {

  107.         var data = {

  108.           open_id: _this.open_id,

  109.           iv: e.detail.iv,

  110.           edata: e.detail.encryptedData,

  111.           signature: e.detail.signature

  112.         }

  113.         //有推荐码的话，带上

  114.         var invitecode = _this.$db.get('invitecode')

  115.         if (invitecode) {

  116.           data.invitecode = invitecode

  117.         }

  118.         _this.toLogin(data)

  119.       }

  120.     },

  121.     //实际的去登陆

  122.     toLogin: function(data) {

  123.       let _this = this

  124.       _this.$api.login2(data, function(res) {

  125.         if (res.status) {

  126.           //判断是否返回了token，如果没有，就说明没有绑定账号，跳转到绑定页面

  127.           if (typeof res.data.token == 'undefined') {

  128.             uni.redirectTo({

  129.               url: '/pages/login/login/index?user_wx_id=' + res.data.user_wx_id

  130.             })

  131.           } else {

  132.             //登陆成功，设置token，并返回上一页

  133.             _this.$db.set('userToken', res.data.token)

  134.             uni.navigateBack({

  135.               delta: 1

  136.             })

  137.             return false

  138.           }

  139.         } else {

  140.           _this.$common.errorToShow('登录失败，请重试')

  141.         }

  142.       })

  143.     },

  144.     getALICode() {

  145.         let that = this

  146.         uni.login({

  147.             scopes: 'auth_user',

  148.             success: (res) => {

  149.                 if(res.authCode){

  150.                     uni.getUserInfo({

  151.                         provider: 'alipay',

  152.                         success: function (infoRes) {

  153.                             if(infoRes.errMsg == "getUserInfo:ok"){

  154.                                 let user_info = {

  155.                                     'nickname': infoRes.nickName,

  156.                                     'avatar': infoRes.avatar

  157.                                 }

  158.                                 that.aLiLoginStep1(res.authCode, user_info);

  159.                             }

  160.                         },

  161.                         fail: function (errorRes) {

  162.                             this.$common.errorToShow('未取得用户昵称头像信息');

  163.                         }

  164.                     });

  165.                 }else{

  166.                     this.$common.errorToShow('未取得code');

  167.                 }

  168.             },

  169.             fail: function(res) {

  170.                 this.$common.errorToShow('用户授权失败my.login');

  171.             }

  172.         });

  173.     },

  174.     aLiLoginStep1(code, user_info) {

  175.         let data = {

  176.             'code': code,

  177.             'user_info': user_info

  178.         }

  179.         this.$api.alilogin1(data, res => {

  180.             this.alipayNoLogin = false;

  181.             if (res.status) {

  182.                 this.open_id = res.data.user_wx_id

  183.                 //判断是否返回了token，如果没有，就说明没有绑定账号，跳转到绑定页面

  184.                 if (!res.data.hasOwnProperty('token')) {

  185.                     this.$common.redirectTo('/pages/login/login/index?user_wx_id=' + res.data.user_wx_id);

  186.                 } else {

  187.                     this.$db.set('userToken', res.data.token)

  188.                     uni.navigateBack({

  189.                       delta: 1

  190.                     });

  191.                 }

  192.             } else {

  193.                 this.$common.errorToShow(res.msg)

  194.             }

  195.         })

  196.     },

  197.   }

  198. }

  199. </script>

  200. 

  201. <style lang="scss">

  202. .content {

  203.   background-color: #fff;

  204.   height: 100vh;

  205.   padding: 100upx 60upx 0;

  206. }

  207. .login-item {

  208.   display: flex;

  209.   justify-content: center;

  210.   padding-bottom: 40upx;

  211.   border-bottom: 1upx solid #dddddd;

  212. }

  213. .logo {

  214.   display: block;

  215.   width: 180upx;

  216.   height: 180upx;

  217.   border-radius: 50%;

  218.   overflow: hidden;

  219.   border: 2px solid #fff;

  220.   box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);

  221. }

  222. .login-tip{

  223.     padding:60upx 0;

  224.     &-big{

  225.         font-size: 28upx;

  226.         line-height: 80upx;

  227.     }

  228.     &-small{

  229.         font-size: 12px;

  230.         color:#9e9e9e;

  231.     }

  232. }

  233. .app-name {

  234.   font-size: 28upx;

  235.   color: #999;

  236. }

  237. .login-b .btn-g {

  238.   margin-top: 40upx;

  239. }

  240. .auth-btn{

  241.   flex:1;

  242.     display: block;

  243.     height: 80upx;

  244.     line-height: 80upx;

  245.     text-align: center;

  246.     font-size: 12px;

  247.     color:#FFF;

  248.     background:#1aad19;

  249.     border-radius: 40upx;

  250.   &.refuse{

  251.     background:#999;

  252.     margin-right:40upx;

  253.   }

  254. }

  255. </style>

  256.
login
index.vue
复制代码
  1. <template>

  2.   <view class="content">

  3.     <view class="login-t">

  4.       <image class="login-logo" :src="logoImage" mode="aspectFill"></image>

  5.     </view>

  6.     <view class="login-m">

  7.       <view class="login-item">

  8.         <input type="number" v-model="mobile" :maxlength="maxMobile" placeholder="请输入手机号码" focus placeholder-class="login-item-i-p" />

  9.       </view>

  10.       <view class="login-item flc">

  11.         <input class="login-item-input" placeholder-class="login-item-i-p" type="text" v-model="code" placeholder="请输入验证码" />

  12.         <view :class="sendCodeBtn" @click="sendCode" v-if="verification">发送验证码</view>

  13.         <view class="btn btn-g" v-if="!verification">{{ timer }} 秒后重新获取</view>

  14.       </view>

  15. 

  16.     </view>

  17.     <view class="login-b">

  18.       <!-- #ifdef H5|APP-PLUS|APP-PLUS-NVUE -->

  19.       <view v-if="user_wx_id">

  20.         <button :class="regButtonClass" @click="toBind()" hover-class="btn-hover">登录</button>

  21.       </view>

  22.       <view v-else>

  23.         <button :class="regButtonClass" @click="login()" hover-class="btn-hover">登录</button>

  24.         <view class="login-other flc">

  25.           <view class="fz12 item" @click="selectLoginType">

  26.             密码登录

  27.           </view>

  28.           <view class="fz12 item" @click="toReg">

  29.             注册

  30.           </view>

  31.         </view>

  32.       </view>

  33.       <!-- #endif -->

  34.       <!-- #ifdef MP -->

  35.       <button :class="regButtonClass" @click="showTopTips()" hover-class="btn-hover">登录</button>

  36.       <!-- #endif -->

  37.     </view>

  38.   </view>

  39. </template>

  40. 

  41. <script>

  42. import { goBack, jumpBackPage } from '@/config/mixins.js'

  43. export default {

  44.   mixins: [goBack,jumpBackPage],

  45.   data() {

  46.     return {

  47.       maxMobile: 11,

  48.       mobile: '', // 用户手机号

  49.       code: '', // 短信验证码

  50.       user_wx_id: '', //授权id

  51.       verification: true, // 通过v-show控制显示获取还是倒计时

  52.       timer: 60, // 定义初始时间为60s

  53.       btnb: 'btn btn-square btn-c btn-all', //按钮背景

  54.       type: '', // 有值是第三方登录账号绑定

  55.       isWeixinBrowser: this.$common.isWeiXinBrowser()

  56.     }

  57.   },

  58.   onLoad(option) {

  59.     if (option.user_wx_id) {

  60.       this.user_wx_id = option.user_wx_id

  61.       uni.setNavigationBarTitle({

  62.         title: '绑定手机号'

  63.       })

  64.     }

  65. 

  66. 

  67.     // H5第三方授权登录绑定

  68.     // if (option.type && option.type === 'bind') {

  69.     //     this.type = option.type

  70.     //     uni.setNavigationBarTitle({

  71.     //         title: '绑定手机号'

  72.     //     })

  73.     // }

  74.   },

  75.   computed: {

  76.     // 验证手机号

  77.     rightMobile() {

  78.       let res = {}

  79.       if (!this.mobile) {

  80.         res.status = false

  81.         res.msg = '请输入手机号'

  82.       } else if (!/^1[3456789]{1}\d{9}$/gi.test(this.mobile)) {

  83.         res.status = false

  84.         res.msg = '手机号格式不正确'

  85.       } else {

  86.         res.status = true

  87.       }

  88.       return res

  89.     },

  90.     // 动态计算发送验证码按钮样式

  91.     sendCodeBtn() {

  92.       let btn = 'btn btn-g'

  93.       if (this.mobile.length === this.maxMobile && this.rightMobile.status) {

  94.         return btn + ' btn-b'

  95.       } else {

  96.         return btn

  97.       }

  98.     },

  99.     // 动态更改登录按钮bg

  100.     regButtonClass() {

  101.       return this.mobile && this.mobile.length === this.maxMobile && this.code

  102.         ? this.btnb + ' btn-b'

  103.         : this.btnb

  104.     },

  105.     logoImage() {

  106.       return this.$store.state.config.shop_logo

  107.     }

  108.   },

  109.   onShow() {

  110.     let _this = this

  111.     let userToken = _this.$db.get('userToken')

  112.     if (userToken) {

  113.       uni.switchTab({

  114.         url: '/pages/member/index/index'

  115.       })

  116.       return true

  117.     }

  118.     _this.timer = parseInt(_this.$db.get('timer'))

  119.     if (_this.timer != null && _this.timer > 0) {

  120.       _this.countDown()

  121.       _this.verification = false

  122.     }

  123.   },

  124.   methods: {

  125.     // 发送短信验证码

  126.     sendCode() {

  127.       if (!this.rightMobile.status) {

  128.         this.$common.errorToShow(this.rightMobile.msg)

  129.       } else {

  130.         this.$common.loadToShow('发送中...')

  131.         setTimeout(() => {

  132.           this.$common.loadToHide()

  133.           this.$api.sms({ mobile: this.mobile, code: 'login' }, res => {

  134.             if (res.status) {

  135.               this.timer = 60

  136.               this.verification = false

  137.               this.$common.successToShow(res.msg)

  138.               this.countDown() // 执行验证码计时

  139.               // this.btnb = 'btn btn-square btn-all btn-b';

  140.             } else {

  141.               this.$common.errorToShow(res.msg)

  142.             }

  143.           })

  144.         }, 1000)

  145.       }

  146.     },

  147.     // 去注册

  148.     toReg() {

  149.       this.$common.navigateTo('/pages/login/register/index')

  150.     },

  151.     // 验证码倒计时

  152.     countDown() {

  153.       let auth_timer = setInterval(() => {

  154.         // 定时器设置每秒递减

  155.         this.timer-- // 递减时间

  156.         uni.setStorage({

  157.           key: 'timer',

  158.           data: this.timer,

  159.           success: function() {}

  160.         })

  161.         if (this.timer <= 0) {

  162.           this.verification = true // 60s时间结束还原v-show状态并清除定时器

  163.           clearInterval(auth_timer)

  164.         }

  165.       }, 1000)

  166.     },

  167.     // 登录

  168.     login() {

  169.       var _this = this

  170.       if (!_this.rightMobile.status) {

  171.         _this.$common.errorToShow(_this.rightMobile.msg)

  172.       } else {

  173.         // 短信验证码登录

  174.         if (!_this.code) {

  175.           _this.$common.errorToShow('请输入短信验证码!')

  176.         } else {

  177.           let data = {

  178.             mobile: _this.mobile,

  179.             code: _this.code

  180.           }

  181. 

  182.           let invicode = _this.$db.get('invitecode')

  183.           if (invicode) {

  184.             data.invitecode = invicode

  185.           }

  186. 

  187.           _this.$api.smsLogin(data, res => {

  188.             if (res.status) {

  189.               this.$db.set('userToken', res.data)

  190.               _this.redirectHandler()

  191.             } else {

  192.               _this.$common.errorToShow(res.msg)

  193.             }

  194.           })

  195.         }

  196.       }

  197.     },

  198.     // 重定向跳转 或者返回上一个页面

  199.     redirectHandler() {

  200.       this.$common.successToShow('登录成功!', () => {

  201.         this.$db.set('timer', 0)

  202.         this.$db.del('invitecode')

  203.         this.handleBack()

  204.       })

  205.     },

  206.     // 跳转到普通登录

  207.     toLogin() {

  208.       uni.navigateTo({

  209.         url: '../../login/login/index'

  210.       })

  211.     },

  212.     //提交按钮

  213.     showTopTips: function() {

  214.       let _this = this

  215.       if (_this.mobile == '') {

  216.         _this.$common.errorToShow('请输入手机号码')

  217.         return false

  218.       }

  219.       if (this.code == '') {

  220.         _this.$common.errorToShow('请输入验证码')

  221.         return false

  222.       }

  223.       if (_this.user_wx_id == 0) {

  224.         _this.$common.errorToShow('登录失败，请稍后再试', function() {

  225.           uni.navigateBack({

  226.             delta: 1

  227.           })

  228.         })

  229.         return false

  230.       }

  231.       var platform = 2

  232.       //1就是h5登陆（h5端和微信公众号端），2就是微信小程序登陆，3是支付宝小程序，4是app，5是pc

  233.       // #ifdef MP-ALIPAY

  234.       platform = 3

  235.       // #endif

  236.       // #ifdef APP-PLUS||APP-PLUS-NVUE

  237.       platform = 4

  238.       // #endif

  239.       var data = {

  240.         mobile: _this.mobile,

  241.         code: _this.code,

  242.         platform: platform, //平台id，标识是小程序登陆的

  243.         user_wx_id: _this.user_wx_id //微信小程序接口存不了session，所以要绑定的id只能传到前台

  244.       }

  245.       //有推荐码的话，带上

  246.       var invitecode = _this.$db.get('invitecode')

  247.       if (invitecode) {

  248.         data.invitecode = invitecode

  249.       }

  250.       _this.$api.smsLogin(data, function(res) {

  251.         if (res.status) {

  252.           _this.$db.set('userToken', res.data)

  253.           _this.redirectHandler()

  254.         } else {

  255.           //报错了

  256.           _this.$common.errorToShow(res.msg)

  257.         }

  258.       })

  259.     },

  260.     // 公众号第三方登录账号绑定

  261.     toBind() {

  262.       if (this.mobile == '') {

  263.         this.$common.errorToShow('请输入手机号码')

  264.         return false

  265.       }

  266.       if (this.code == '') {

  267.         this.$common.errorToShow('请输入验证码')

  268.         return false

  269.       }

  270. 

  271.       let data = {

  272.         mobile: this.mobile,

  273.         code: this.code,

  274.         user_wx_id:this.user_wx_id

  275.       }

  276. 

  277.       // 获取邀请码

  278.       let invicode = this.$db.get('invitecode')

  279.       if (invicode) {

  280.         data.invitecode = invicode

  281.       }

  282. 

  283.       this.$api.smsLogin(data, res => {

  284.         if (res.status) {

  285.           this.$db.set('userToken', res.data)

  286.           this.redirectHandler()

  287.         } else {

  288.           this.$common.errorToShow(res.msg)

  289.         }

  290.       })

  291.     },

  292.     // 切换登录方式

  293.     selectLoginType() {

  294.       this.$common.redirectTo('./index1')

  295.     }

  296.   }

  297. }

  298. </script>

  299. 

  300. <style lang="scss">

  301. .content {

  302.   /*  #ifdef  H5  */

  303.   height: calc(100vh - 90upx);

  304.   /*  #endif  */

  305.   /*  #ifndef  H5  */

  306.   height: 100vh;

  307.   /*  #endif  */

  308.   background-color: #fff;

  309. 

  310.   padding: 0upx 100upx;

  311. }

  312. .login-t {

  313.   text-align: center;

  314.   padding: 50upx 0;

  315. }

  316. .login-logo {

  317.   width: 180upx;

  318.   height: 180upx;

  319.   border-radius: 20upx;

  320.   background-color: #f8f8f8;

  321.   /* margin: 0 auto; */

  322. }

  323. .login-m {

  324.   margin-bottom: 100upx;

  325. }

  326. .login-item {

  327.   border-bottom: 2upx solid #d0d0d0;

  328.   overflow: hidden;

  329.   padding: 10upx;

  330.   color: #333;

  331.   margin-bottom: 30upx;

  332. }

  333. .login-item-input {

  334.   display: inline-block;

  335.   flex: 1;

  336.   box-sizing: border-box;

  337. }

  338. .login-item .btn {

  339.   border: none;

  340.   width: 40%;

  341.   text-align: right;

  342.   padding: 0;

  343.   &.btn-b {

  344.     background: none;

  345.     color: #333 !important;

  346.   }

  347. }

  348. .login-b .btn {

  349.   color: #999;

  350. }

  351. .btn-b {

  352.   color: #fff !important;

  353. }

  354. .login-other {

  355.   margin-bottom: 40upx;

  356.   .item {

  357.     padding: 20upx 0;

  358.   }

  359. }

  360. .btn-square {

  361.   color: #333;

  362. }

  363. </style>

  364.
index1.vue
复制代码
  1. <template>

  2.   <view class="content">

  3.     <view class="login-t">

  4.       <image class="login-logo" :src="logoImage" mode="aspectFill"></image>

  5.     </view>

  6.     <view>

  7.       <view class="login-m">

  8.         <view class="login-item">

  9.           <input type="number" v-model="mobile" :maxlength="maxMobile" placeholder="请输入手机号码"  placeholder-class="login-item-i-p" />

  10.         </view>

  11.         <view class="login-item flc">

  12.           <input class="login-item-input" :password="true" placeholder-class="login-item-i-p" type="text" v-model="pwd" placeholder="请输入密码" />

  13.         </view>

  14.         <view class="login-item" v-if="isCaptcha">

  15.           <input class="login-item-input" placeholder-class="login-item-i-p" type="text" v-model="captcha" placeholder="输入验证码" />

  16.           <img class='codeimg' :src="captchaUrl" alt="">

  17.         </view>

  18.       </view>

  19.       <view class="login-b">

  20.         <button :class="loginButtonClass" @click="loginHandler" hover-class="btn-hover">登录</button>

  21.         <view class="login-other flc">

  22.           <view class="fz12 item" @click="selectLoginType">

  23.             验证码登录

  24.           </view>

  25.           <view class="fz12 item" @click="toReg">

  26.             注册

  27.           </view>

  28.         </view>

  29.       </view>

  30.     </view>

  31.     <!--  微信浏览器里 -->

  32.     <!-- #ifdef H5 -->

  33.     <template v-if="weixinBrowser">

  34.       <view class="fz12 g5">

  35.         第三方账号登录：

  36.       </view>

  37.       <view class="flc third-block">

  38.         <view class="third-item" v-for="(item, key,index) in thirdPartyLogins" :key="index" @click="handleThirdLogin(item)">

  39.           <image class="third-item-img" :src="getThirdLoginImg(key)" mode="aspectFill"></image>

  40.         </view>

  41.       </view>

  42.     </template>

  43.         <!-- #endif -->

  44.     <!-- #ifdef APP-PLUS||APP-PLUS-NVUE -->

  45.       <view class="fz12 g5">

  46.         第三方账号登录：

  47.       </view>

  48.       <view class="flc third-block" v-if="thirdPartyLogins.length>0">

  49.         <view class="third-item" v-for="(item, key,index) in thirdPartyLogins" :key="key" @click="handleThirdLoginApp(item)">

  50.         <image class="third-item-img" src="/static/image/ic-wechat.png" mode="aspectFill" v-if="item=='weixin'"></image>

  51.         </view>

  52.       </view>

  53.     <!-- #endif -->

  54.     

  55.     

  56.   </view>

  57. </template>

  58. 

  59. <script>

  60. import { baseUrl } from '@/config/config.js'

  61. import { goBack,jumpBackPage} from '@/config/mixins.js'

  62. export default {

  63.   mixins: [goBack,jumpBackPage],

  64.   data() {

  65.     return {

  66.       maxMobile: 11,

  67.       mobile: '', // 手机号

  68.       pwd: '', // 密码

  69.       isCaptcha: false, // 是否需要验证码

  70.       captcha: '', // 输入的验证码

  71.       captchaUrl: '', // 验证码图片地址

  72.       btnb: 'btn btn-square btn-c btn-all', // 按钮bg

  73.       weixinBrowser: false, // 是否是微信浏览器

  74.       thirdPartyLogins: [], // 第三方登录列表      

  75.     }

  76.   },

  77.   onLoad(options) {

  78.     if (options.invitecode) {

  79.       this.$db.set('invitecode', options.invitecode)

  80.     }

  81.     // 判断浏览器环境

  82.     this.weixinBrowser = this.$common.isWeiXinBrowser()

  83.     

  84.     if (this.weixinBrowser) {

  85.       this.getAuths()

  86.     }

  87.     // #ifdef APP-PLUS||APP-PLUS-NVUE

  88.     this.getAppAuths();

  89.     // #endif

  90.     

  91.   },

  92.   onShow() {

  93.     if (this.$db.get('userToken')) {

  94.       uni.switchTab({

  95.         url:'/pages/index/index'

  96.       })

  97.     }

  98.   },

  99.   computed: {

  100.     // 动态更改登录按钮bg

  101.     loginButtonClass() {

  102.       return this.mobile && this.mobile.length === 11 && this.pwd

  103.         ? this.btnb + ' btn-b'

  104.         : this.btnb

  105.     },

  106.     logoImage() {

  107.       return this.$store.state.config.shop_logo

  108.     },

  109.     getThirdLoginImg(key) {

  110.         

  111.       return key => {

  112.         if (key == 'Wxofficial') {

  113.           return '/static/image/ic-wechat.png'

  114.         }else if(key == 'weixin'){

  115.           return '/static/image/ic-wechat.png'

  116.         }

  117.       }

  118.     }

  119.   },

  120.   methods: {

  121.     // 验证手机号

  122.     rightMobile() {

  123.       let res = {}

  124.       if (!this.mobile) {

  125.         res.status = false

  126.         res.msg = '请输入手机号'

  127.       } else if (!/^1[3456789]{1}\d{9}$/gi.test(this.mobile)) {

  128.         res.status = false

  129.         res.msg = '手机号格式不正确'

  130.       } else if (!this.pwd) {

  131.         res.status = false

  132.         res.msg = '请输入密码'

  133.       } else {

  134.         res.status = true

  135.       }

  136.       return res

  137.     },

  138.     // 登录处理

  139.     loginHandler() {

  140.       if (this.mobile && this.mobile.length === 11 && this.pwd) {

  141.         if (!this.rightMobile().status) {

  142.           this.$common.errorToShow(this.rightMobile().msg)

  143.         } else {

  144.           this.toLogin()

  145.         }

  146.       }

  147.     },

  148.     // 获取验证码图片地址

  149.     getCaptchaUrl() {

  150.       this.captchaUrl = this.$config.apiBaseUrl + 'captcha.html'

  151.     },

  152.     // 去注册

  153.     toReg() {

  154.       this.$common.navigateTo('/pages/login/register/index')

  155.     },

  156.     // 去登录

  157.     toLogin() {

  158.       let data = {

  159.         mobile: this.mobile,

  160.         password: this.pwd

  161.       }

  162. 

  163.       if (this.isCaptcha) {

  164.         data.captcha = this.captcha

  165.       }

  166. 

  167.       // 获取邀请码

  168.       let invicode = this.$db.get('invitecode')

  169.       if (invicode) {

  170.         data.invitecode = invicode

  171.       }

  172. 

  173.       this.$api.login(data, res => {

  174.         if (res.status) {

  175.           this.$db.set('userToken', res.data)

  176.           this.redirectHandler()

  177.         } else {

  178.           this.$common.errorToShow(res.msg, () => {

  179.             // 需要输入验证码 或者 验证码错误刷新

  180.             if (res.data === 10013 || res.data === 10012) {

  181.               this.isCaptcha = true

  182.             }

  183. 

  184.             // 登录需要验证码

  185.             if (this.isCaptcha) {

  186.               this.getCaptchaUrl()

  187.             }

  188.           })

  189.         }

  190.       })

  191.     },

  192.     // 重定向跳转 或者返回上一个页面

  193.     redirectHandler() {

  194.       this.$db.del('invitecode')

  195.       this.handleBack()

  196.     },

  197.     // 登录方式切换

  198.     selectLoginType() {

  199.       this.$common.redirectTo('/pages/login/login/index')

  200.     },

  201.     // 获取第三方登录列表

  202.     getAuths() {

  203.       let data = {

  204.         url: baseUrl + 'wap/pages/author'

  205.       }

  206.       this.$api.getTrustLogin(data, res => {

  207.         if (res.status) {

  208.           this.thirdPartyLogins = res.data

  209.         }

  210.       })

  211.     },

  212.     // 第三方登录授权

  213.     handleThirdLogin(url) {

  214.       this.$common.redirectTo('')

  215.       let redirect = this.$store.state.redirectPage

  216.       this.$db.set('redirectPage', redirect)

  217.       window.location.href = url

  218.     },

  219.     //获取APP信任登录

  220.     getAppAuths(){

  221.         let _this = this;

  222.         _this.thirdPartyLogins = [];

  223.         uni.getProvider({

  224.             service: 'oauth',

  225.             success: function (res) {

  226.                 if(res.errMsg == 'getProvider:ok'){

  227.                     _this.thirdPartyLogins = res.provider;

  228.                     

  229.                 }

  230.             }

  231.         });

  232.     },

  233.     //app第三方登录

  234.     handleThirdLoginApp(type){

  235.         uni.showLoading({

  236.             title: '加载中'

  237.         });

  238.         let _this = this;

  239.         uni.login({

  240.           provider: type,

  241.           success: function (loginRes) {

  242.             // 获取用户信息

  243.             uni.getUserInfo({

  244.               provider: type,

  245.               success: function (infoRes) {

  246.                   if(infoRes.errMsg == 'getUserInfo:ok'){

  247.                       var data = {

  248.                           user:infoRes.userInfo,

  249.                           type:type

  250.                       };

  251.                       var invitecode = _this.$db.get('invitecode')

  252.                       if (invitecode) {

  253.                         data.invitecode = invitecode

  254.                       }

  255.                       _this.$api.appTrustLogin(data,res=>{

  256.                           uni.hideLoading();

  257.                           if (res.status) {

  258.                             //判断是否返回了token，如果没有，就说明没有绑定账号，跳转到绑定页面

  259.                             if (typeof res.data.token == 'undefined') {

  260.                               uni.redirectTo({

  261.                                 url: '/pages/login/login/index?user_wx_id=' + res.data.user_wx_id

  262.                               })

  263.                             } else {

  264.                               //登陆成功，设置token，并返回上一页

  265.                               _this.$db.set('userToken', res.data.token)

  266.                               uni.navigateBack({

  267.                                 delta: 1

  268.                               })

  269.                               return false

  270.                             }

  271.                           } else {

  272.                             _this.$common.errorToShow('登录失败，请重试')

  273.                           }

  274.                       });

  275.                   }else{

  276.                         uni.hideLoading();

  277.                        _this.$common.errorToShow('登录失败，请重试')

  278.                   }

  279.               }

  280.             });

  281.           }

  282.         });

  283.     }

  284.   }

  285. }

  286. </script>

  287. 

  288. <style lang="scss">

  289. .content {

  290.   /*  #ifdef  H5  */

  291.   height: calc(100vh - 90upx);

  292.   /*  #endif  */

  293.   /*  #ifndef  H5  */

  294.   height: 100vh;

  295.   /*  #endif  */

  296.   background-color: #fff;

  297. 

  298.   padding: 0upx 100upx;

  299. }

  300. .login-t {

  301.   text-align: center;

  302.   padding: 50upx 0;

  303. }

  304. .login-logo {

  305.   width: 180upx;

  306.   height: 180upx;

  307.   border-radius: 20upx;

  308.   background-color: #f8f8f8;

  309.   /* margin: 0 auto; */

  310. }

  311. .login-m {

  312.   margin-bottom: 100upx;

  313. }

  314. .login-item {

  315.   border-bottom: 2upx solid #d0d0d0;

  316.   overflow: hidden;

  317.   padding: 10upx;

  318.   font-size: 28upx;

  319.   color: #333;

  320.   margin-bottom: 30upx;

  321.   display: flex;

  322.   align-items: center;

  323. }

  324. .login-item-input {

  325.   display: inline-block;

  326.   // width: 60%;

  327.   flex: 1;

  328.   box-sizing: border-box;

  329. }

  330. .codeimg{

  331.     width: 210rpx;

  332. }

  333. .login-item .btn {

  334.   display: inline-block;

  335.   font-size: 28upx;

  336.   border: none;

  337.   width: 40%;

  338.   padding: 0;

  339.   line-height: 1.7;

  340.   float: right;

  341. }

  342. .login-b .btn {

  343.   color: #999;

  344. }

  345. .btn-b {

  346.   color: #fff !important;

  347. }

  348. .registered-item {

  349.   overflow: hidden;

  350.   width: 100%;

  351. }

  352. .registered {

  353.   float: right;

  354. }

  355. .registered-item .btn-square {

  356.   color: #333;

  357. }

  358. .third-block {

  359.   justify-content: center;

  360.   padding-top: 40upx;

  361.   .third-item {

  362.     width: 80upx;

  363.     height: 80upx;

  364.     background: $g2;

  365.     border-radius: 50%;

  366.     padding: 16upx;

  367.     &-img {

  368.       display: block;

  369.       width: 100%;

  370.       height: 100%;

  371.     }

  372.   }

  373. }

  374. .login-other {

  375.   margin-bottom: 40upx;

  376.   .item {

  377.     padding: 20upx 0;

  378.   }

  379. }

  380. </style>

  381.
register
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="reg-t">

  4.             <image class="reg-logo" :src="logoImage" mode="aspectFill"></image>

  5.         </view>

  6.         <view class="reg-m">

  7.             <view class="reg-item">

  8.                 <input type="number" v-model="mobile" :maxlength="maxMobile" placeholder="请输入手机号码" focus placeholder-class="reg-item-i-p" />

  9.             </view>

  10.             <view class="reg-item flc">

  11.                 <input class="reg-item-input" placeholder-class="reg-item-i-p" type="text" v-model="code" placeholder="请输入验证码" />

  12.                 <view :class="sendCodeBtn" @click="sendCode" v-if="verification">发送验证码</view>

  13.                 <view class="btn btn-g" v-if="!verification">{{ timer }} 秒后重新获取</view>

  14.             </view>

  15.             <view class="reg-item">

  16.                 <input class="login-item-input" :password="true" placeholder-class="login-item-i-p" type="text" v-model="pwd" placeholder="请输入密码" />

  17.             </view>

  18.         </view>

  19.         <view class="reg-b">

  20.             <button :class="regButtonClass" @click="toReg()" hover-class="btn-hover">注册</button>

  21.         </view>

  22.         <view class="registered-item">

  23.             <view class="btn btn-g btn-square registered" @click="toLogin">已有账号，立即登录</view>

  24.         </view>

  25.     </view>

  26. </template>

  27. 

  28. <script>

  29. import { goBack } from '@/config/mixins.js'

  30. export default {

  31.   mixins: [goBack],

  32.   data() {

  33.     return {

  34.       maxMobile: 11,

  35.       mobile: '', // 用户手机号

  36.       code: '', // 短信验证码

  37.       pwd: '', // 用户密码

  38.       verification: true, // 通过v-show控制显示获取还是倒计时

  39.       timer: 60, // 定义初始时间为60s

  40.       btnb: 'btn btn-c btn-square btn-all' //按钮背景

  41.     }

  42.   },

  43.   onLoad(options) {

  44.     let _this = this

  45.     _this.timer = parseInt(_this.$db.get('timer'))

  46.     if (_this.timer != null && _this.timer > 0) {

  47.       _this.countDown()

  48.       _this.verification = false

  49.     }

  50. 

  51.     if (options.invitecode) {

  52.       this.$db.set('invitecode', options.invitecode)

  53.     }

  54.   },

  55.   computed: {

  56.     // 验证手机号

  57.     rightMobile() {

  58.       let res = {}

  59.       if (!this.mobile) {

  60.         res.status = false

  61.         res.msg = '请输入手机号'

  62.       } else if (!/^1[3456789]{1}\d{9}$/gi.test(this.mobile)) {

  63.         res.status = false

  64.         res.msg = '手机号格式不正确'

  65.       } else {

  66.         res.status = true

  67.       }

  68.       return res

  69.     },

  70.     // 动态更改登录按钮bg

  71.     regButtonClass() {

  72.       return this.mobile && this.mobile.length === 11 && this.pwd && this.code

  73.         ? this.btnb + ' btn-b'

  74.         : this.btnb

  75.     },

  76.     // 动态修改发送验证码按钮

  77.     sendCodeBtn() {

  78.       let btn = 'btn btn-g'

  79.       if (this.mobile.length === this.maxMobile && this.rightMobile.status) {

  80.         return btn + ' btn-b'

  81.       } else {

  82.         return btn

  83.       }

  84.     },

  85.     logoImage() {

  86.       return this.$store.state.config.shop_logo

  87.     }

  88.   },

  89.   onShow() {

  90.     let _this = this

  91.     let userToken = _this.$db.get('userToken')

  92.     if (userToken && userToken != '') {

  93.       uni.switchTab({

  94.         url: '/pages/member/index/index'

  95.       })

  96.       return true

  97.     }

  98.     _this.timer = parseInt(_this.$db.get('timer'))

  99.     if (_this.timer != null && _this.timer > 0) {

  100.       _this.countDown()

  101.       _this.verification = false

  102.     }

  103.   },

  104.   methods: {

  105.     // 发送短信验证码

  106.     sendCode() {

  107.       if (!this.rightMobile.status) {

  108.         this.$common.errorToShow(this.rightMobile.msg)

  109.       } else {

  110.         this.$common.loadToShow('发送中...')

  111.         setTimeout(() => {

  112.           this.$common.loadToHide()

  113.           this.$api.sms({ mobile: this.mobile, code: 'reg' }, res => {

  114.             if (res.status) {

  115.               this.timer = 60

  116.               this.verification = false

  117.               this.$common.successToShow(res.msg)

  118.               this.countDown() // 执行验证码计时

  119.               this.btnb = 'btn btn-square btn-all btn-b'

  120.             } else {

  121.               this.$common.errorToShow(res.msg)

  122.             }

  123.           })

  124.         }, 1000)

  125.       }

  126.     },

  127.     // 验证码倒计时

  128.     countDown() {

  129.       let auth_timer = setInterval(() => {

  130.         // 定时器设置每秒递减

  131.         this.timer-- // 递减时间

  132.         uni.setStorage({

  133.           key: 'timer',

  134.           data: this.timer,

  135.           success: function() {}

  136.         })

  137.         if (this.timer <= 0) {

  138.           this.verification = true // 60s时间结束还原v-show状态并清除定时器

  139.           clearInterval(auth_timer)

  140.         }

  141.       }, 1000)

  142.     },

  143.     toReg() {

  144.       if (!this.rightMobile.status) {

  145.         this.$common.errorToShow(this.rightMobile.msg)

  146.       } else if (!this.code) {

  147.         this.$common.errorToShow('请输入短信验证码')

  148.       } else if (!this.pwd) {

  149.         this.$common.errorToShow('请输入登录密码')

  150.       } else {

  151.         let data = {

  152.           mobile: this.mobile,

  153.           code: this.code,

  154.           password: this.pwd

  155.         }

  156. 

  157.         // 获取邀请码

  158.         let invicode = this.$db.get('invitecode')

  159.         if (invicode) {

  160.           data.invitecode = invicode

  161.                 }

  162.         this.$api.smsLogin(data, res => {

  163.           if (res.status) {

  164.             this.$db.set('userToken', res.data)

  165.             this.$common.successToShow('注册成功', () => {

  166.               // 清除随机uid 和 邀请码

  167.               this.$db.del('uuid')

  168.               this.$db.del('invitecode')

  169.               let redirect = this.$store.state.redirectPage

  170.                 ? this.$store.state.redirectPage

  171.                 : '/pages/member/index/index'

  172.               this.$store.commit({

  173.                 type: 'redirect',

  174.                 page: ''

  175.               })

  176.               uni.reLaunch({

  177.                 url: redirect

  178.               })

  179.             })

  180.           } else {

  181.             this.$common.errorToShow(res.msg)

  182.           }

  183.         })

  184.       }

  185.     },

  186.     toLogin() {

  187.       this.$common.navigateTo('/pages/login/login/index1')

  188.     }

  189.   }

  190. }

  191. </script>

  192. 

  193. <style lang="scss">

  194. .content {

  195.   /*  #ifdef  H5  */

  196.   height: calc(100vh - 90upx);

  197.   /*  #endif  */

  198.   /*  #ifndef  H5  */

  199.   height: 100vh;

  200.   /*  #endif  */

  201.   background-color: #fff;

  202. 

  203.   padding: 0upx 100upx;

  204. }

  205. .reg-t {

  206.   text-align: center;

  207.   padding: 50upx 0;

  208. }

  209. .reg-logo {

  210.   width: 180upx;

  211.   height: 180upx;

  212.   border-radius: 20upx;

  213.   background-color: #f8f8f8;

  214.   /* margin: 0 auto; */

  215. }

  216. .reg-m {

  217.   margin-bottom: 100upx;

  218. }

  219. .reg-item {

  220.   border-bottom: 2upx solid #d0d0d0;

  221.   overflow: hidden;

  222.   padding: 10upx;

  223.   color: #333;

  224.   margin-bottom: 30upx;

  225.   .btn{

  226.     border: none;

  227.     width: 40%;

  228.     text-align:right;

  229.     &.btn-b {

  230.       background: none;

  231.       color: #333 !important;

  232.     }

  233.   }

  234. }

  235. .reg-item-input {

  236.   flex:1;

  237. }

  238. 

  239. .reg-b .btn {

  240.   color: #999;

  241. }

  242. 

  243. .registered-item {

  244.   overflow: hidden;

  245.   width: 100%;

  246. }

  247. .registered {

  248.   float: right;

  249. }

  250. .btn-square {

  251.   color: #333;

  252.   height: 80upx;

  253.     line-height: 80upx;

  254.   padding:0;

  255.   font-size:$fz12;

  256. }

  257. </style>

  258.

member

address
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top">

  4.             <view class='cell-group'>

  5.                 <view class='cell-item'>

  6.                     <view class='cell-item-hd'>

  7.                         <view class='cell-hd-title'>收货人</view>

  8.                     </view>

  9.                     <view class='cell-item-bd'>

  10.                         <input type="text" class='cell-bd-input' placeholder='请填写收货人姓名' v-model="name"></input>

  11.                     </view>

  12.                 </view>

  13.                 <view class='cell-item'>

  14.                     <view class='cell-item-hd'>

  15.                         <view class='cell-hd-title'>手机号</view>

  16.                     </view>

  17.                     <view class='cell-item-bd'>

  18.                         <input type="text" class='cell-bd-input' placeholder='请填写收货人手机号' v-model="mobile"></input>

  19.                     </view>

  20.                 </view>

  21.                 

  22.                 <view class='cell-item'>

  23.                     <view class='cell-item-hd'>

  24.                         <view class='cell-hd-title'>省市区</view>

  25.                     </view>

  26. 

  27.                     <view class='cell-item-bd'>

  28.                         <input :value="pickerValue" @focus="showThreePicker"></input>

  29.                         <area-picker ref="areaPicker" :areaId="areaId" :defaultIndex="defaultIndex" @onConfirm="onConfirm"></area-picker>

  30.                     </view>

  31.                     

  32.                     <view class='cell-item-ft'>

  33.                         <image class='cell-ft-next icon' src='/static/image/ic-pull-down.png' @click="showThreePicker"></image>

  34.                     </view>

  35.                 </view>

  36.                 

  37.                 <view class='cell-item'>

  38.                     <view class='cell-item-hd'>

  39.                         <view class='cell-hd-title'>详细地址</view>

  40.                     </view>

  41.                     <view class='cell-item-bd'>

  42.                         <input type="text" class='cell-bd-input' placeholder='请填写收货详细地址' v-model="address"></input>

  43.                     </view>

  44.                 </view>

  45.                 <view class='cell-item' @click="defaultChange">

  46.                     <view class='cell-item-hd'>

  47.                         <view class='cell-hd-title'>设为默认</view>

  48.                     </view>

  49.                     <view class='cell-item-ft' >

  50.                         <label class="radio" ><radio value="1" :checked="checked" color="#FF7159"/></label>

  51.                     </view>

  52.                 </view>

  53.             </view>

  54.         </view>

  55.         <view class="button-bottom">

  56.             

  57.             <button class="btn btn-square btn-w" @click="delShip" v-if="id && id != 0" hover-class="btn-hover2" :disabled='submitStatus' :loading='submitStatus'>删除</button>

  58.             

  59.             <button class="btn btn-square btn-b" @click="saveShip" hover-class="btn-hover2" :disabled='submitStatus' :loading='submitStatus'>保存</button>

  60.         </view>

  61.     </view>

  62. 

  63. </template>

  64. 

  65. <script>

  66. import areaPicker from "@/components/area-picker/areaPicker.vue";

  67. export default {

  68.     components: {

  69.         areaPicker

  70.     },

  71.     data() {

  72.         return {

  73.             id: 0,

  74.             name: '',

  75.             mobile: '',

  76.             region: ['北京市', '北京市', '东城区'],

  77.             areaId: 110101,

  78.             address: '',

  79.             is_def: 2,

  80.             multiArray: [

  81.                 [],

  82.                 [],

  83.                 []

  84.             ],

  85.             multiIndex: [110000, 110100, 110101],

  86.             checked: false,

  87.             pickerValue: '',

  88.             defaultIndex: [0, 0, 0],

  89.             submitStatus: false

  90.         }

  91.     },

  92.     computed: {},

  93.     methods: {

  94.         // 省市区联动初始化

  95.         showThreePicker() {

  96.             this.$refs.areaPicker.showPicker();

  97.         },

  98.         onConfirm(e) {

  99.             let province_name = e[0].name;

  100.             let city_name = e[1].name;

  101.             let county_name = e[2].name;

  102.             this.pickerValue = e[0].name+ " "+ e[1].name+" "+e[2].name

  103.             let data = {

  104.                 province_name: province_name,

  105.                 city_name: city_name,

  106.                 county_name: county_name

  107.             }

  108.             let regionName = [province_name, city_name, county_name];

  109.             this.$api.getAreaId(data, res => {

  110.                 if (res.status) {

  111.                     this.areaId = res.data

  112.                 } else {

  113.                     uni.showModal({

  114.                         title: '提示',

  115.                         content: '地区选择出现问题，请重新选择地区',

  116.                         showCancel: false

  117.                     });

  118.                 }

  119.             });

  120.         },

  121.         // 信息验证

  122.         checkData (data) {

  123.             this.submitStatus = false;

  124.             if (!data.name) {

  125.                 this.$common.errorToShow('请输入收货人姓名')

  126.                 return false

  127.             } else if (!data.mobile) {

  128.                 this.$common.errorToShow('请输入收货人手机号')

  129.                 return false

  130.             } else if (data.mobile.length !== 11) {

  131.                 this.$common.errorToShow('收货人手机号格式不正确')

  132.                 return false

  133.             } else if (!data.area_id) {

  134.                 this.$common.errorToShow('请选择地区信息')

  135.                 return false

  136.             } else if (!data.address) {

  137.                 this.$common.errorToShow('请输入收货地址详细信息')

  138.                 return false

  139.             } else {

  140.                 return true

  141.             }

  142.         },

  143.         //默认

  144.         defaultChange(){

  145.             if(this.checked){

  146.                 this.checked = false;

  147.                 this.is_def = 2;

  148.             }else{

  149.                 this.checked = true;

  150.                 this.is_def = 1;

  151.             }

  152.         },

  153.         //编辑获取收货地址信息

  154.         getShipInfo() {

  155.             let data = {

  156.                 'id': this.id

  157.             }

  158.             this.$api.shipDetail(data, res => {

  159.                 if(res.status){

  160.                     let region = res.data.area_name.split(" ");

  161.                     this.name = res.data.name;

  162.                     this.mobile = res.data.mobile;

  163.                     this.region = region;

  164.                     this.areaId = res.data.area_id;

  165.                     

  166.                     this.pickerValue = this.region[0]+ " "+ this.region[1]+" "+this.region[2]

  167.                     this.$refs.areaPicker.init();//初始化插件

  168.                     

  169.                     this.address = res.data.address;

  170.                     this.is_def = res.data.is_def;

  171.                     if(res.data.is_def == 1){

  172.                         this.checked = true;

  173.                     }else{

  174.                         this.checked = false;

  175.                     }

  176.                 }else{

  177.                     this.$common.errorToShow('获取收货地址信息出现问题');

  178.                     this.submitStatus = false;

  179.                 }

  180.             });

  181.         },

  182.         //删除地址

  183.         delShip() {

  184.             this.submitStatus = true;

  185.             this.$api.removeShip({'id': this.id}, res => {

  186.                 if(res.status){

  187.                     this.$common.successToShow(res.msg, ress => {

  188.                         this.submitStatus = false;

  189.                         uni.navigateBack({

  190.                             delta: 1

  191.                         });

  192.                     });

  193.                 }else{

  194.                     this.$common.errorToShow(res.msg);

  195.                     this.submitStatus = false;

  196.                 }

  197.             });

  198.         },

  199.         //存储收货地址

  200.         saveShip() {

  201.             this.submitStatus = true;

  202.             let data = {

  203.                 name: this.name,

  204.                 address: this.address,

  205.                 mobile: this.mobile,

  206.                 is_def: this.is_def,

  207.                 area_id: this.areaId

  208.             }

  209.             

  210.             if(this.id && this.id != 0){

  211.                 //编辑存储

  212.                 data.id = this.id

  213.                 

  214.                 if (this.checkData(data)) {

  215.                     this.$api.editShip(data, res => {

  216.                         if(res.status){

  217.                             this.$common.successToShow(res.msg, ress => {

  218.                                 this.submitStatus = false;

  219.                                 uni.navigateBack({

  220.                                     delta: 1

  221.                                 });

  222.                             });

  223.                         }else{

  224.                             this.$common.errorToShow(res.msg);

  225.                             this.submitStatus = false;

  226.                         }

  227.                     });

  228.                 }

  229.             }else{

  230.                 //添加

  231.                 if (this.checkData(data)) {

  232.                     this.$api.saveUserShip(data, res => {

  233.                         if(res.status){

  234.                             this.$common.successToShow(res.msg, ress => {

  235.                                 this.submitStatus = false;

  236.                                 uni.navigateBack({

  237.                                     delta: 1

  238.                                 });

  239.                             });

  240.                         }else{

  241.                             this.$common.errorToShow(res.msg);

  242.                             this.submitStatus = false;

  243.                         }

  244.                     });

  245.                 }

  246.             }

  247.         }

  248.     },

  249.     onLoad(e) {

  250.         if(e.ship_id){

  251.             //编辑

  252.             this.id = e.ship_id;

  253.             this.getShipInfo();

  254.         }else{

  255.             //添加

  256.             this.pickerValue = this.region[0]+ " "+ this.region[1]+" "+this.region[2];

  257.             uni.setNavigationBarTitle({

  258.                 title: '添加地址'

  259.             });

  260.         }

  261.     },

  262.     onBackPress() {

  263.         if (this.$refs.areaPicker.pickerShow) {

  264.             this.$refs.areaPicker.closePicker();

  265.             return true;

  266.         }

  267.     },

  268. 

  269. }

  270. </script>

  271. 

  272. <style>

  273. .user-head{

  274.     height: 100upx;

  275. }

  276. .user-head-img{

  277.     height: 90upx;

  278.     width: 90upx;

  279.     border-radius: 50%;

  280. }

  281. .cell-hd-title{

  282.     color: #333;

  283. }

  284. .cell-item-bd{

  285.     color: #666;

  286.     font-size: 26upx;

  287. }

  288. .button-bottom .btn {

  289.     width: 50%;

  290. }

  291. .cell-bd-input{

  292.     width: 100%;

  293. }

  294. /* #ifdef MP-ALIPAY */

  295. input{

  296.     font-size: 24upx;

  297. }

  298. /* #endif */

  299. </style>
list.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top" v-if="list.length">

  4.             <view class="uni-list-cell uni-list-cell-pd" v-for="(item, key) in list" :key="key">

  5.                 <view class='cell-group min-cell-group'>

  6.                     <view class='cell-item'>

  7.                         <view class='cell-item-hd' @click="isSelect(item)">

  8.                             <view class='cell-hd-title'>{{item.name}} <text class="phone-num">{{item.mobile}}</text></view>

  9.                         </view>

  10.                         <view class='cell-item-ft' v-show="type != 'order'">

  11.                             <image class='cell-ft-next icon' src='/static/image/compile.png' @click="toEdit(item.id)"></image>

  12.                             <text class="cell-ft-text"></text>

  13.                         </view>

  14.                     </view>

  15.                     <view class='cell-item' @click="isSelect(item)">

  16.                         <view class='cell-item-bd'>

  17.                             <view class="cell-bd-view">

  18.                                 <view class="cell-tip" v-show="item.is_def === 1">默认</view>

  19.                                 <text class="cell-bd-text">{{item.area_name + item.address}}</text>

  20.                             </view>

  21.                         </view>

  22.                     </view>

  23.                 </view>

  24.             </view>

  25.         </view>

  26.         <view class="address-none" v-else>

  27.             <image class="address-none-img" src="/static/image/order.png" mode=""></image>

  28.         </view>

  29.         <view class="button-bottom">

  30.             <!-- #ifdef MP-WEIXIN -->

  31.             <button class="btn btn-square btn-b" @click="wechatAddress" hover-class="btn-hover2">从微信获取</button>

  32.             <!-- #endif -->

  33.             <button class="btn btn-square btn-w" @click="toAdd()" hover-class="btn-hover2">新增收货地址</button>

  34.         </view>

  35.     </view>

  36. </template>

  37. 

  38. <script>

  39. export default {

  40.     data() {

  41.         return {

  42.             list: [] ,// 用户收货地址列表

  43.             type: ''

  44.         }

  45.     },

  46.     onLoad (e) {

  47.         if(e.type){

  48.             this.type = e.type;

  49.         }

  50.     },

  51.     onShow () {

  52.         this.userShipList();

  53.     },

  54.     methods: {

  55.         // 获取收货地址列表

  56.         userShipList () {

  57.             this.$api.userShip({}, res => {

  58.                 if (res.status) {

  59.                     this.list = res.data

  60.                 }

  61.             })

  62.         },

  63.         // 收货地址删除

  64.         delShip (id) {

  65.             this.$common.modelShow('提示', '确认删除此收货地址?', () => {

  66.                 let data = {

  67.                     id: id

  68.                 }

  69.                 this.$api.removeShip(data, res => {

  70.                     if (res.status) {

  71.                         this.$common.successToShow(res.msg, () => {

  72.                             this.userShipList();

  73.                         });

  74.                     } else {

  75.                         this.$common.errorToShow(res.msg);

  76.                     }

  77.                 })

  78.             })

  79.         },

  80.         //编辑

  81.         toEdit (id) {

  82.             this.$common.navigateTo('./index?ship_id=' + id);

  83.         },

  84.         //添加

  85.         toAdd() {

  86.             this.$common.navigateTo('./index');

  87.         },

  88.         //选择

  89.         isSelect(data) {

  90.             if(this.type == 'order'){

  91.                 let pages = getCurrentPages();//当前页

  92.                 let beforePage = pages[pages.length - 2];//上个页面

  93.                 

  94.                 // #ifdef MP-ALIPAY

  95.                 beforePage.rootVM.userShip = data;

  96.                 beforePage.rootVM.params.area_id = data.area_id;

  97.                 // #endif

  98.                 

  99.                 // #ifdef H5

  100.                 beforePage.userShip = data;

  101.                 beforePage.params.area_id = data.area_id;

  102.                 // #endif

  103. 

  104.                 // #ifdef MP-WEIXIN || APP-PLUS || APP-PLUS-NVUE

  105.                 beforePage.$vm.userShip = data;

  106.                 beforePage.$vm.params.area_id = data.area_id;

  107.                 // #endif 

  108.                 

  109.                 uni.navigateBack({

  110.                     delta: 1

  111.                 });

  112.             }

  113.         },

  114.         // #ifdef MP-WEIXIN

  115.         wechatAddress: function () {

  116.             wx.chooseAddress({

  117.                 success: res => {

  118.                     if (res.errMsg == "chooseAddress:ok") {

  119.                         //获取成功

  120.                         //存储这个收获地区信息到数据库

  121.                         let data = {

  122.                             province_name: res.provinceName,

  123.                             city_name: res.cityName,

  124.                             county_name: res.countyName,

  125.                             postal_code: res.postalCode

  126.                         };

  127.                         let areaId = 0;

  128.                         this.$api.getAreaId(data, res1 => {

  129.                             if (res1.status) {

  130.                                 //存储用户收货信息

  131.                                 let userShipId = 0;

  132.                                 let userShipData = {

  133.                                     area_id: res1.data,

  134.                                     user_name: res.userName,

  135.                                     detail_info: res.detailInfo,

  136.                                     tel_number: res.telNumber,

  137.                                     is_def: 2

  138.                                 }

  139.                                 this.$api.saveUserShipWx(userShipData, res2 => {

  140.                                     if (res2.status) {

  141.                                         this.$common.errorToShow('存储微信地址成功', r => {

  142.                                             setTimeout(rp => {

  143.                                                 this.userShipList();

  144.                                             }, 1000);

  145.                                         });

  146.                                     }else{

  147.                                         uni.showModal({

  148.                                             title: '提示',

  149.                                             content: '存储微信地址失败',

  150.                                             showCancel: false

  151.                                         });

  152.                                     }

  153.                                 });

  154.                             }else{

  155.                                 uni.showModal({

  156.                                     title: '提示',

  157.                                     content: '获取微信地址失败',

  158.                                     showCancel: false

  159.                                 });

  160.                             }

  161.                         });

  162.                     } else {

  163.                         uni.showModal({

  164.                             title: '提示',

  165.                             content: '获取微信地址失败',

  166.                             showCancel: false

  167.                         });

  168.                     }

  169.                 }

  170.             });

  171.         },

  172.         // #endif

  173.     }

  174. }

  175. </script>

  176. 

  177. <style>

  178. .cell-tip{

  179.     background-color: #FF7159;

  180.     color: #fff;

  181.     font-size: 24upx;

  182.     display: inline-block;

  183.     float: left;

  184.     /* border-radius: 10upx; */

  185.     padding: 4upx 10upx;

  186.     margin-right: 10upx;

  187.     transform: scale(.9);

  188. }

  189. .min-cell-group .cell-ft-text{

  190.     font-size: 24upx;

  191.     margin-right: 10upx;

  192. }

  193. .min-cell-group .cell-item-bd{

  194.     color: #666;

  195.     padding-right: 0;

  196. }

  197. .min-cell-group .default{

  198.     color: #666;

  199. }

  200. .min-cell-group uni-radio .uni-radio-input{

  201.     width: 36upx;

  202.     height: 36upx;

  203. }

  204. .min-cell-group .default .checked-radio{

  205.     display: inline-block;

  206.     float: left;

  207.     position: relative;

  208.     bottom: 2upx;

  209. }

  210. .green{

  211.     background-color: #999;

  212. }

  213. .cell-hd-title{

  214.     font-size: 28upx;

  215. }

  216. .phone-num{

  217.     margin-left: 20upx;

  218.     color: #999;

  219.     font-size: 24upx;

  220. }

  221. .address-none{

  222.     text-align: center;

  223.     padding: 200upx 0;

  224. }

  225. .address-none-img{

  226.     width: 274upx;

  227.     height: 274upx;

  228. }

  229. </style>
after_sale
detail.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top">

  4.             <!-- <view class="back-img">

  5.                 <view class="back-img-c">

  6.                     <view class="back-img-t">退款单状态</view>

  7.                     <view class="back-img-b">{{status_name}} {{refund_name}} {{reship_name}}...</view>

  8.                 </view>

  9.             </view> -->

  10.             <view class='cell-group margin-cell-group'>

  11.                 <view class='cell-item add-title-item'>

  12.                     <view class='cell-item-bd'>

  13.                         <view class="cell-bd-view black-text">

  14.                             <text class="cell-bd-text color-3">退款单状态</text>

  15.                         </view>

  16.                         <view class="cell-bd-view">

  17.                             <text class="cell-bd-text color-9">{{status_name}} {{refund_name}} {{reship_name}}...</text>

  18.                         </view>

  19.                         <view class="cell-bd-view">

  20.                             <!-- <text class="cell-bd-text">下单时间：{{ orderInfo.ctime }}</text> -->

  21.                         </view>

  22.                     </view>

  23.                 </view>

  24.             </view>

  25.             <view class='cell-group margin-cell-group'>

  26.                 <view class='cell-item'>

  27.                     <view class='cell-item-hd'><view class='cell-hd-title'>售后类型</view></view>

  28.                     <view class='cell-item-ft'><view class="cell-ft-p">{{type_name}}</view></view>

  29.                 </view>

  30.                 <view class='cell-item'>

  31.                     <view class='cell-item-hd'><view class='cell-hd-title'>退款金额</view></view>

  32.                     <view class='cell-item-ft'><view class="cell-ft-p red-price">{{refund}}元</view></view>

  33.                 </view>

  34.             </view>

  35.             <view class='cell-group margin-cell-group' v-if="images.length > 0">

  36.                 <view class='cell-item right-img'><view class='cell-item-hd'><view class='cell-hd-title'>图片凭证</view></view></view>

  37.                 <view class="">

  38.                     <view class="evaluate-c-b">

  39.                         <view class="goods-img-item" v-for="(item, key) in images" :key="key">

  40.                             <image :src="item.url" mode="aspectFit" @click="clickImg(item.url)"></image>

  41.                         </view>

  42.                     </view>

  43.                 </view>

  44.             </view>

  45.             <view class='cell-group margin-cell-group'>

  46.                 <view class='cell-item right-img'>

  47.                     <view class='cell-item-hd'>

  48.                         <view class='cell-hd-title'>问题描述</view>

  49.                     </view>

  50.                 </view>

  51.                 <view class="cell-textarea">

  52.                     <text v-if="reason">{{reason}}</text>

  53.                     <text v-else>暂无描述</text>

  54.                 </view>

  55.             </view>

  56.             <view class='cell-group margin-cell-group' v-show="status == 2 && reship_status == 1">

  57.                 <view class='cell-item right-img'>

  58.                     <view class='cell-item-hd'>

  59.                         <view class='cell-hd-title'>退货邮寄信息</view>

  60.                     </view>

  61.                 </view>

  62.                 <view class='cell-item'>

  63.                     <view class='cell-item-hd'>

  64.                         <view class='cell-hd-title'>收件人</view>

  65.                     </view>

  66.                     <view class='cell-item-bd'>

  67.                         <input class='cell-bd-input' type="text" disabled="false" :value="reship_info.reship_name" />

  68.                     </view>

  69.                 </view>

  70.                 <view class='cell-item'>

  71.                     <view class='cell-item-hd'>

  72.                         <view class='cell-hd-title'>联系方式</view>

  73.                     </view>

  74.                     <view class='cell-item-bd'>

  75.                         <input class='cell-bd-input' type="text" disabled="false" :value="reship_info.reship_mobile" />

  76.                     </view>

  77.                 </view>

  78.                 <view class='cell-item'>

  79.                     <view class='cell-item-hd'>

  80.                         <view class='cell-hd-title'>邮寄地址</view>

  81.                     </view>

  82.                     <view class='cell-item-bd'>

  83.                         <input class='cell-bd-input' type="text" disabled="false" :value="reship_info.reship_area + reship_info.reship_address" />

  84.                     </view>

  85.                 </view>

  86.             </view>

  87.             <view class='cell-group margin-cell-group' v-show="status == 2 && reship_status == 1">

  88.                 <view class='cell-item'>

  89.                     <view class='cell-item-hd'>

  90.                         <view class='cell-hd-title'>快递公司</view>

  91.                     </view>

  92.                     <view class='cell-item-bd'>

  93.                         <input class='cell-bd-input' type="text" v-model="logi_code" placeholder="请填写快递公司名称"/>

  94.                     </view>

  95.                 </view>

  96.                 <view class='cell-item'>

  97.                     <view class='cell-item-hd'>

  98.                         <view class='cell-hd-title'>物流单号</view>

  99.                     </view>

  100.                     <view class='cell-item-bd'>

  101.                         <input class='cell-bd-input' type="text" v-model="logi_no" placeholder="请填写物流单号" />

  102.                     </view>

  103.                 </view>

  104.             </view>

  105.             <view class='cell-group margin-cell-group' v-show="status == 2 && reship_status > 1">

  106.                 <view class='cell-item'>

  107.                     <view class='cell-item-hd'>

  108.                         <view class='cell-hd-title'>快递公司</view>

  109.                     </view>

  110.                     <view class='cell-item-bd'>

  111.                         <input class='cell-bd-input' type="text" disabled="false" :value="logi_code"/>

  112.                     </view>

  113.                 </view>

  114.                 <view class='cell-item'>

  115.                     <view class='cell-item-hd'>

  116.                         <view class='cell-hd-title'>物流单号</view>

  117.                     </view>

  118.                     <view class='cell-item-bd'>

  119.                         <input class='cell-bd-input' type="text" disabled="false" :value="logi_no"/>

  120.                     </view>

  121.                 </view>

  122.             </view>

  123.         </view>

  124.         <view class="button-bottom" v-show="status == 2 && reship_status == 1">

  125.             <button class="btn btn-b" @click="submitBtn" :disabled='submitStatus' :loading='submitStatus'>提交</button>

  126.         </view>

  127.         <view class="button-bottom" v-show="(order_status == 1 && status == 3) || (order_status == 1 && status == 2 && refund_status != 1 && refund_status != 0) || (order_status == 1 && status == 2 && reship_status == 3)">

  128.             <button class="btn btn-b" @click="repeat">再次申请售后</button>

  129.         </view>

  130.     </view>

  131. </template>

  132. 

  133. <script>

  134. export default {

  135.     data() {

  136.         return {

  137.             delivers: ["请选择物流公司","顺丰", "中通", "圆通","韵达"],

  138.             deliverIndex: 0,

  139.             type_name:'',     //售后类型显示

  140.             refund:0,         //退款金额

  141.             images:[],        //图片

  142.             reason: '暂无',       //问题描述

  143.             ttype:1,          //售后类型

  144.             status:1,         //售后单状态

  145.             status_name: '审核中',   //售后单状态文字描述

  146.             reship_status:0,        //退货单状态

  147.             reship_name:'',

  148.             refund_status:0,        //退款单状态

  149.             refund_name:'',

  150.             reship_info:[],         //退货单明细,如果售后单未审核呢，那么显示的是售后单明细，如果售后单审核通过了，显示退款单明细

  151.             items:[],             //退货明细

  152.             mark:"暂无",            //拒绝原因

  153.             logi_no:'',            //回填物流信息

  154.             logi_code:'',          //物流公司

  155.             reship_id:'',

  156.             mode: 'aspectFill',

  157.             order_id: '', //订单号

  158.             order_status: '', //订单状态

  159.             submitStatus: false

  160.         }

  161.     },

  162.     methods: {

  163.         //提交按钮

  164.         submitBtn() {

  165.             this.submitStatus = true;

  166.             if (this.logino == '') {

  167.                 this.$common.errorToShow('请输入退货快递信息');

  168.                 this.submitStatus = false;

  169.                 return false;

  170.             }

  171.             let data = {

  172.                 logi_no: this.logi_no,

  173.                 logi_code:this.logi_code,

  174.                 reship_id: this.reship_id,

  175.             };

  176.             this.$api.sendShip(data, res => {

  177.                 if (res.status) {

  178.                     this.$common.successToShow('提交成功', ress => {

  179.                         this.submitStatus = false;

  180.                         uni.navigateBack({

  181.                             delta: 1

  182.                         });

  183.                     });

  184.                 } else {

  185.                     this.$common.errorToShow(res.msg);

  186.                     this.submitStatus = false;

  187.                 }

  188.             });

  189.         },

  190.         repeat() {

  191.             this.$common.navigateTo('../after_sale/index?order_id='+this.order_id);

  192.         },

  193.         // 图片点击放大

  194.         clickImg (img) {

  195.             // 预览图片

  196.             uni.previewImage({

  197.                 urls: img.split()

  198.             });

  199.         }

  200.     },

  201.     //页面加载

  202.     onLoad(options) {

  203.         let data = {

  204.             aftersales_id: options.aftersales_id

  205.         }

  206.         this.$api.afterSalesInfo(data, res => {

  207.             if(res.status){

  208.                 let info = res.data.info;

  209.                 if (info.type == 1){

  210.                     this.ttype = 1;

  211.                     this.type_name = '仅退款';

  212.                 }else{

  213.                     this.ttype = 2;

  214.                     this.type_name = '退款退货';

  215.                 }

  216.                 this.refund = info.refund;

  217.                 this.images = info.images;

  218.                 this.reason = info.reason;

  219.                 this.reship_info = res.data.reship;

  220.                 this.order_id = info.order_id;

  221.                 this.order_status = info.order_status;

  222.                 if(info.mark){

  223.                     this.mark = info.mark;

  224.                 }

  225.                 if(info.status == 1){

  226.                     this.status = 1;

  227.                     this.status_name = '审核中';

  228.                 }else if(info.status == 2){

  229.                     this.status = 2;

  230.                     this.status_name = '申请通过';

  231.                     //退款单状态

  232.                     if (info.bill_refund) {

  233.                         if (info.bill_refund.status == 1) {

  234.                             this.refund_status = 1;

  235.                             this.refund_name = '退款中';

  236.                         } else if (info.bill_refund.status == 2) {

  237.                             this.refund_status = 2;

  238.                             this.refund_name = '退款成功';

  239.                         }

  240.                     }

  241.         

  242.                     //退货单状态

  243.                     if(info.bill_reship){

  244.                         this.reship_id = info.bill_reship.reship_id

  245.                         if(info.bill_reship.status == 1) {

  246.                             this.reship_status = 1;

  247.                             this.reship_name = '待发退货';

  248.                         } else if (info.bill_reship.status == 2) {

  249.                             this.reship_status = 2;

  250.                             this.reship_name = '待收退货';

  251.                             this.logi_no = info.bill_reship.logi_no;

  252.                             this.logi_code = info.bill_reship.logi_code;

  253.                         } else {

  254.                             this.reship_status = 3;

  255.                             this.reship_name = '已收退货';

  256.                             this.logi_no = info.bill_reship.logi_no;

  257.                             this.logi_code = info.bill_reship.logi_code;

  258.                         }

  259.                     }

  260.                 }else{

  261.                     this.status = 3;

  262.                     this.status_name = '申请驳回';

  263.                 }

  264.                 //售后单明细,如果有退货单明细，就用退货单明细，否则就用售后单明细

  265.                 // if(info.bill_reship.items){

  266.                 //   page.data.items = info.bill_reship.items;

  267.                 // }else{

  268.                 //   page.data.items = info.items;

  269.                 // }

  270.             } else {

  271.                 this.$common.errorToShow(res.msg);

  272.             }

  273.         });

  274.     }

  275. }

  276. </script>

  277. 

  278. <style>

  279. .back-img{

  280.     width: 100%;

  281.     height: 200upx;

  282.     position: relative;

  283.     background-color: #FF7159;

  284. }

  285. .back-img image{

  286.     width: 100%;

  287.     height: 100%;

  288.     position: absolute;

  289. }

  290. .back-img-c{

  291.     width: 100%;

  292.     height: 100%;

  293.     color: #fff;

  294.     position: relative;

  295.     z-index: 99;

  296.     padding: 50upx;

  297. }

  298. .back-img-t{

  299.     font-size: 32upx;

  300. }

  301. .back-img-b{

  302.     font-size: 24upx;

  303. }

  304. .list-goods-name{

  305.     width: 100% !important;

  306. }

  307. .invoice-type .uni-list-cell{

  308.     display: inline-block;

  309.     font-size: 26upx;

  310.     color: #333;

  311.     position: relative;

  312.     margin-left: 50upx;

  313. }

  314. .invoice-type .uni-list-cell>view{

  315.     display: inline-block;

  316. }

  317. .invoice-type-icon{

  318.     position: absolute;

  319.     top: 50%;

  320.     transform: translateY(-50%);

  321. }

  322. .invoice-type-c{

  323.     margin-left: 50upx;

  324.     line-height: 2;

  325. }

  326. .cell-item-ft .cell-bd-input{

  327.     text-align: right;

  328.     width: 500upx;

  329.     font-size: 28upx;

  330. }

  331. .cell-item-bd .cell-bd-input{

  332.     width: 100%;

  333.     overflow: hidden;

  334.     text-overflow: ellipsis;

  335.     white-space: nowrap;

  336. }

  337. .right-img{

  338.     border-bottom: 0;

  339. }

  340. .cell-textarea{

  341.     padding: 0 26upx 20upx;

  342.     font-size: 26upx;

  343.     color: #333;

  344.     word-wrap: break-word;

  345. }

  346. .evaluate-c-b{

  347.     overflow: hidden;

  348.     padding: 0 20upx;

  349. }

  350. .upload-img{

  351.     width: 146upx;

  352.     height: 146upx;

  353.     margin: 14upx;

  354.     text-align: center;

  355.     color: #999999;

  356.     font-size: 22upx;

  357.     border: 2upx solid #E1E1E1;

  358.     border-radius: 4upx;

  359.     display: inline-block;

  360.     float: left;

  361.     padding: 24upx 0;

  362. }

  363. .goods-img-item{

  364.     width: 174upx;

  365.     height: 174upx;

  366.     padding: 14upx;

  367.     float: left;

  368.     position: relative;

  369. }

  370. .goods-img-item:nth-child(4n){

  371.     margin-right: 0;

  372. }

  373. .goods-img-item image{

  374.     width: 100%;

  375.     height: 100%;

  376. }

  377. .del{

  378.     width: 30upx !important;

  379.     height: 30upx !important;

  380.     position: absolute;

  381.     right: 0;

  382.     top: 0;

  383.     z-index: 999;

  384. }

  385. .black-text .cell-bd-text{

  386.     font-size: 28upx;

  387. }

  388. </style>

  389.
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <form @submit="submit" report-submit='true'>

  4.             <view class="content-top">

  5.                 <view class="img-list cart-list">

  6.                     <checkbox-group class="cart-checkbox" @change="checkboxChange">

  7.                         <view class="cart-checkbox-item" v-for="(item, key) in items" :key="key">

  8.                             <label class="uni-list-cell uni-list-cell-pd">

  9.                                 <view class="cart-checkbox-c"><checkbox :value='item.id' :checked="item.checked" color="#FF7159"/></view>

  10.                                 <view class="img-list-item">

  11.                                     <image class="img-list-item-l little-img have-none" :src="item.image_url" mode="aspectFill"></image>

  12.                                     <view class="img-list-item-r little-right">

  13.                                         <view class="little-right-t">

  14.                                             <view class="goods-name list-goods-name">{{item.name}}</view>

  15.                                         </view>

  16.                                         <view class="goods-item-c">

  17.                                             <view class="goods-buy">

  18.                                                 <!-- 商品规格 -->

  19.                                                 <view class="goods-salesvolume">

  20.                                                     {{item.addon}} x{{item.nums}}

  21.                                                 </view>

  22.                                             </view>

  23.                                         </view>

  24.                                     </view>

  25.                                 </view>

  26.                             </label>

  27.                         </view>

  28.                     </checkbox-group>

  29.                 </view>

  30.                 <view class='cell-group margin-cell-group'>

  31.                     <view class='cell-item'>

  32.                         <view class='cell-item-hd'>

  33.                             <view class='cell-hd-title'>服务类型</view>

  34.                         </view>

  35.                         <view class='cell-item-ft'>

  36.                             <view class="uni-form-item uni-column invoice-type">

  37.                                 <!-- <radio-group class="uni-list" @change="radioChange">

  38.                                     <label class="uni-list-cell uni-list-cell-pd" v-for="(item,index) in type_list" :key="index">

  39.                                         <view>

  40.                                             <radio :id="item.name" :value="item.name" :checked="item.checked"></radio>

  41.                                         </view>

  42.                                         <view>

  43.                                             <label class="label-2-text" :for="item.name">

  44.                                                 <text>{{item.value}}</text>

  45.                                             </label>

  46.                                         </view>

  47.                                     </label>

  48.                                 </radio-group> -->

  49.                                 <!-- #ifndef MP-ALIPAY -->

  50.                                 <radio-group class="uni-list" @change="radioChange">

  51.                                     <label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in type_list" :key="index">

  52.                                         <view class="invoice-type-icon">

  53.                                             <radio class="a-radio" :id="item.name" :value="item.value" :checked="item.checked" :disabled="item.disabled"></radio>

  54.                                         </view>

  55.                                         <view class="invoice-type-c">

  56.                                             <label class="label-2-text" :for="item.name">

  57.                                                 <text>{{item.name}}</text>

  58.                                             </label>

  59.                                         </view>

  60.                                     </label>

  61.                                 </radio-group>

  62.                                 <!-- #endif -->

  63.                                 <!-- #ifdef MP-ALIPAY -->

  64.                                 <jhlable></jhlable>

  65.                                 <!-- #endif -->

  66.                             </view>

  67.                         </view>

  68.                     </view>

  69.                     <view class='cell-item'>

  70.                         <view class='cell-item-hd'>

  71.                             <view class='cell-hd-title'>退款金额</view>

  72.                         </view>

  73.                         <view class='cell-item-ft'>

  74.                             <input class='cell-bd-input red-price' v-model="refund" :disabled="refund_input_noedit"></input>

  75.                         </view>

  76.                     </view>

  77.                 </view>

  78.                 <view class='cell-group margin-cell-group'>

  79.                     <view class='cell-item right-img'>

  80.                         <view class='cell-item-hd'>

  81.                             <view class='cell-hd-title'>上传凭证</view>

  82.                         </view>

  83.                     </view>

  84.                     <view class="">

  85.                         <view class="evaluate-c-b">

  86.                             <view class="goods-img-item" v-for="(item, key) in images" :key="key">

  87.                                 <image class="del" src="/static/image/del.png" mode="" @click="delImage(item)"></image>

  88.                                 <image class="" :src="item.url" mode="" @click="clickImg(item.url)"></image>

  89.                             </view>

  90.                             <view class="upload-img" v-show="isImage" @click="upImage">

  91.                                 <image class="icon" src="/static/image/camera.png" mode=""></image>

  92.                                 <view class="">上传照片</view>

  93.                             </view>

  94.                         </view>

  95.                     </view>

  96.                 </view>

  97.                 <view class='cell-group margin-cell-group'>

  98.                     <view class='cell-item right-img'>

  99.                         <view class='cell-item-hd'>

  100.                             <view class='cell-hd-title'>问题描述</view>

  101.                         </view>

  102.                     </view>

  103.                     <view class="cell-textarea ">

  104.                         <textarea v-model="reason" placeholder="请您在此描述问题(最多200字)" maxlength="200"/>

  105.                     </view>

  106.                 </view>

  107.             </view>

  108.             <view class="button-bottom">

  109.                 <button class="btn btn-b btn-square" formType="submit" :disabled='submitStatus' :loading='submitStatus'>提交</button>

  110.             </view>

  111.         </form>

  112.     </view>

  113. </template>

  114. 

  115. <script>

  116. import jhlable from '@/components/jihai-lable.vue'

  117. export default {

  118.     data() {

  119.         return {

  120.             type_list: [

  121.                 { value: '1', name: '仅退款', checked: true, disabled: false },

  122.                 { value: '2', name: '退货退款', checked: false, disabled:false },

  123.             ],

  124.             order_id:'',

  125.             items:[],   //退货明细

  126.             item_ids:[],  //选择的退货

  127.             aftersale_type:1,     //售后类型1退款，2退款退货

  128.             refund:0,   //退款金额，等于已支付的金额减去已退款的金额

  129.             refund_show:0,

  130.             images:[],      //图片

  131.             reason:'',      //原因

  132.             image_max: 5,    //用于前台判断上传图片按钮是否显示

  133.             refund_input_noedit: true,

  134.             mode: 'aspectFill',

  135.             submitStatus: false

  136.         }

  137.     },

  138.     components: { jhlable },

  139.     computed: {

  140.         isImage() {

  141.             let num = this.image_max - this.images.length;

  142.             if(num > 0) {

  143.                 return true;

  144.             }else{

  145.                 return false;

  146.             }

  147.         }

  148.     },

  149.     methods: {

  150.         // 单选框点击切换

  151.         radioChange: function(evt) {

  152.             this.type_list.forEach(item => {

  153.                 if (item.value === evt.target.value) {

  154.                     item.checked = true;

  155.                     this.aftersale_type = evt.target.value;

  156.                 }else{

  157.                     item.checked = false;

  158.                 }

  159.             });

  160.             if(this.type_list[0].checked){

  161.                 this.refund_input_noedit = true;

  162.             }else{

  163.                 this.refund_input_noedit = false;

  164.             }

  165.         },

  166.         

  167.         //订单商品信息

  168.         getOrderInfo() {

  169.             let data = {

  170.                 order_id: this.order_id

  171.             }

  172.             this.$api.afterSalesStatus(data, res => {

  173.                 if (res.status) {

  174.                     //如果不是未支付的，已取消的，已完成的状态，就都可以售后

  175.                     if (res.data.text_status != 1 && res.data.text_status != 6 && res.data.text_status != 7){

  176.                         //判断是已付款未发货，如果是，就禁用退货

  177.                         let type_list = this.type_list;

  178.                         if (res.data.text_status == 2){

  179.                             type_list[1].disabled = true; 

  180.                         }

  181.                         

  182.                         //设置已选中的商品

  183.                         let nums = 0;

  184.                         for(var i=0;i<res.data.items.length;i++){

  185.                             //  if(res.data.items[i].sendnums > res.data.items[i].reship_nums){

  186.                             //    nums = res.data.items[i].sendnums - res.data.items[i].reship_nums;

  187.                             //  }

  188.                             res.data.items[i].id = res.data.items[i].id.toString();

  189.                             nums = res.data.items[i].nums;

  190.                             res.data.items[i].checked = true;

  191.                             this.item_ids = this.item_ids.concat({ id: res.data.items[i].id, nums: nums });

  192.                         }

  193.                         this.items = res.data.items;

  194.                         this.refund = res.data.payed - res.data.refunded;

  195.                         this.refund_show = res.data.payed - res.data.refunded;

  196.                         this.type_list = type_list;

  197.                     }else{

  198.                         this.$common.errorToBack('订单不可以进行售后');

  199.                     }

  200.                 } else {

  201.                     this.$common.errorToBack('没有找到此订单');

  202.                 }

  203.             });

  204.         },

  205.         

  206.         //退货商品选择

  207.         checkboxChange (e) {

  208.             let nums = 0;

  209.             this.item_ids = [];

  210.             for (var i = 0; i < e.detail.value.length; i++) {

  211.                 let k = e.detail.value[i];

  212.                 for(var j = 0; j < this.items.length; j++){

  213.                     if(this.items[j].id == k) {

  214.                         if(this.items[j].sendnums > this.items[j].reship_nums) {

  215.                             nums = this.items[j].sendnums - this.items[j].reship_nums;

  216.                             this.item_ids = this.item_ids.concat({ id: k, nums: nums });

  217.                         }

  218.                     }

  219.                 }

  220.             }

  221.         },

  222. 

  223.         //提交

  224.         submit(e) {

  225.             this.submitStatus = true;

  226.             let images = [];

  227.             for(var i = 0; i<this.images.length; i++) {

  228.                 images = images.concat(this.images[i].image_id);

  229.             }

  230. 

  231.             //判断退款金额

  232.             let reg = /^[0-9]+(.[0-9]{1,2})?$/;

  233.             if (!reg.test(this.refund)) {

  234.                 this.$common.errorToShow('请输入正确金额');

  235.                 this.submitStatus = false;

  236.                 return false;

  237.             } else {

  238.                 if (this.refund > this.refund_show) {

  239.                     this.$common.errorToShow('退款金额过大');

  240.                     this.submitStatus = false;

  241.                     return false;

  242.                 } 

  243.             }

  244. 

  245.             //组装数据，提交数据

  246.             let data = {

  247.                 order_id:this.order_id,

  248.                 type: this.aftersale_type,

  249.                 items:this.item_ids,

  250.                 images:images,

  251.                 refund: this.refund,

  252.                 reason:this.reason

  253.             };

  254.             // #ifdef MP-WEIXIN

  255.             data['formId'] = e.detail.formId;

  256.             // #endif

  257.             this.$api.addAfterSales(data, res => {

  258.                 if(res.status){

  259.                     this.$common.successToShow('提交成功', ress => {

  260.                         this.submitStatus = false;

  261.                         uni.navigateBack({

  262.                             delta: 1

  263.                         });

  264.                     });

  265.                 }else{

  266.                     this.$common.errorToShow(res.msg);

  267.                     this.submitStatus = false;

  268.                 }

  269.             });

  270.         },

  271.         

  272.         //上传图片

  273.         upImage() {

  274.             let num = this.image_max - this.images.length;

  275.             if(num > 0){

  276.                 this.$api.uploadImage(num, res => {

  277.                     if(res.status){

  278.                         this.images.push(res.data);

  279.                         this.$common.successToShow(res.msg);

  280.                     }else{

  281.                         this.$common.errorToShow(res.msg);

  282.                     }

  283.                 });

  284.             }

  285.         },

  286. 

  287.         //删除图片

  288.         delImage(e) {

  289.             let newImages = [];

  290.             for(var i = 0; i < this.images.length; i++) {

  291.                 if(this.images[i].image_id != e.image_id){

  292.                     newImages.push(this.images[i]);

  293.                 }

  294.             }

  295.             this.images = newImages;

  296.         },

  297.         // 图片点击放大

  298.         clickImg (img) {

  299.             // 预览图片

  300.             uni.previewImage({

  301.                 urls: img.split()

  302.             });

  303.         }

  304.     },

  305.     onLoad(e) {

  306.         this.order_id = e.order_id;

  307.         this.getOrderInfo();

  308.     }

  309. }

  310. </script>

  311. 

  312. <style>

  313. .list-goods-name{

  314.     width: 100% !important;

  315. }

  316. .cart-checkbox-item{

  317.     position: relative;

  318. }

  319. .invoice-type .uni-list-cell{

  320.     display: inline-block;

  321.     font-size: 26upx;

  322.     color: #333;

  323.     position: relative;

  324.     margin-left: 50upx;

  325. }

  326. .invoice-type .uni-list-cell>view{

  327.     display: inline-block;

  328. }

  329. .invoice-type-icon{

  330.     position: absolute;

  331.     top: 50%;

  332.     transform: translateY(-50%);

  333. }

  334. .invoice-type-c{

  335.     margin-left: 50upx;

  336.     line-height: 2;

  337. }

  338. .cell-item-ft .cell-bd-input{

  339.     text-align: right;

  340.     width: 500upx;

  341.     font-size: 28upx;

  342. }

  343. .right-img{

  344.     border-bottom: 0;

  345. }

  346. .cell-textarea{

  347.     padding: 0 26upx 20upx;

  348. }

  349. .cell-textarea textarea{

  350.     width: 100%;

  351.     height: 200upx;

  352.     font-size: 26upx;

  353.     color: #333;

  354. }

  355. .evaluate-c-b{

  356.     overflow: hidden;

  357.     padding: 0 20upx;

  358. }

  359. .upload-img{

  360.     width: 146upx;

  361.     height: 146upx;

  362.     margin: 14upx;

  363.     text-align: center;

  364.     color: #999999;

  365.     font-size: 22upx;

  366.     border: 2upx solid #E1E1E1;

  367.     border-radius: 4upx;

  368.     display: inline-block;

  369.     float: left;

  370.     padding: 24upx 0;

  371. }

  372. .goods-img-item{

  373.     width: 174upx;

  374.     height: 174upx;

  375.     padding: 14upx;

  376.     float: left;

  377.     position: relative;

  378. }

  379. .goods-img-item:nth-child(4n){

  380.     margin-right: 0;

  381. }

  382. .goods-img-item image{

  383.     width: 100%;

  384.     height: 100%;

  385. }

  386. .del{

  387.     width: 30upx !important;

  388.     height: 30upx !important;

  389.     position: absolute;

  390.     right: 0;

  391.     top: 0;

  392.     z-index: 999;

  393. }

  394. 

  395. /* #ifdef MP-ALIPAY */

  396. 

  397. /* #endif */

  398. </style>

  399.
list.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="order-list">

  4.             <view class="goods-detail" v-for="(item, key) in order" :key="key" v-if="item.order && item.order.items">

  5.                 <view class="order-item">

  6.                     <view class='cell-group'>

  7.                         <view class='cell-item'>

  8.                             <view class='cell-item-hd'>

  9.                                 <view class='cell-hd-title'>售后单号：{{item.aftersales_id}}</view>

  10.                                 <button class='btn btn-g btn-small' hover-class="btn-hover" @click="copyData(item.aftersales_id)">复制</button>

  11.                             </view>

  12.                             <view class='cell-item-ft'>

  13.                                 <text class='cell-ft-text' v-if="item.status == 1">待审核</text>

  14.                                 <text class='cell-ft-text' v-else-if="item.status == 2">审核通过</text>

  15.                                 <text class='cell-ft-text' v-else-if="item.status == 3">审核拒绝</text>

  16.                             </view>

  17.                         </view>

  18.                     </view>

  19.                     <view class='img-list' v-if="item.order && item.order.items">

  20.                         <view class='img-list-item' v-for="(v, k) in item.order.items" :key="k" @click="showOrder(item.aftersales_id)">

  21.                             <image class='img-list-item-l little-img' :src='v.image_url' mode='aspectFill'></image>

  22.                             <view class='img-list-item-r little-right'>

  23.                                 <view class='little-right-t'>

  24.                                     <view class='goods-name list-goods-name'>{{v.name}}</view>

  25.                                     <view class='goods-price'>￥{{v.price}}</view>

  26.                                 </view>

  27.                                 <view class='goods-item-c'>

  28.                                     <view class='goods-buy'>

  29.                                         <view class='goods-salesvolume' v-if="v.addon">{{v.addon}}</view>

  30.                                         <view class='goods-num'>× {{v.nums}}</view>

  31.                                     </view>

  32.                                 </view>

  33.                             </view>

  34.                         </view>

  35.                     </view>

  36.                     <!-- <view class='cell-group'>

  37.                         <view class='cell-item'>

  38.                             <view class='cell-item-ft goods-num'>

  39.                                 <text class='cell-ft-text'>合计<text class="red-price">￥{{item.order.order_amount}}（含运费￥{{item.order.cost_freight}})</text></text>

  40.                                 <text class='cell-ft-text'>共计{{item.countnum}}件商品</text>

  41.                             </view>

  42.                         </view>

  43.                     </view> -->

  44.                     <view class='order-list-button'>

  45.                         <button class='btn btn-circle btn-b' @click="showOrder(item.aftersales_id)">查看详情</button>

  46.                     </view>

  47.                 </view>

  48.             </view>

  49.             <uni-load-more :status="loadStatus"></uni-load-more>

  50.         </view>

  51.     </view>

  52. </template>

  53. 

  54. <script>

  55. import {

  56.     tools

  57. } from '@/config/mixins.js'

  58. import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue'

  59. export default {

  60.     mixins: [tools],

  61.     components: {

  62.         uniLoadMore

  63.     },

  64.     data() {

  65.         return {

  66.             order: [], //订单列表

  67.             page: 1, //当前页

  68.             limit: 5, //每页显示几条

  69.             loadStatus: 'more'

  70.         }

  71.     },

  72.     onShow() {

  73.         this.getOrderList();

  74.     },

  75.     onReachBottom () {

  76.         if (this.loadStatus === 'more') {

  77.             this.getOrderList()

  78.         }

  79.     },

  80.     methods: {

  81.         //获取订单数据

  82.         getOrderList() {

  83.             let data = {};

  84.             this.loadStatus = 'loading'

  85.             data['page'] = this.page;

  86.             data['limit'] = this.limit;

  87.             this.$api.afterSalesList(data, res => {

  88.                 let orderList = this.dataFormat(res.data.list);

  89.                 this.order = this.order.concat(orderList);

  90.                 this.page = res.data.page*1+1;

  91.                 let allpage = res.data.total_page;

  92.                 if(allpage < this.page){

  93.                     this.loadStatus = 'noMore'

  94.                 }else{

  95.                     this.loadStatus = 'more'

  96.                 }

  97.             });

  98.         },

  99. 

  100.         //数据格式处理

  101.         dataFormat(data) {

  102.             for (var i = 0; i < data.length; i++) {

  103.                 let countnum = 0

  104.                 if(data[i].order && data[i].order.items){

  105.                     for (var j = 0; j < data[i].order.items.length; j++) {

  106.                         countnum += data[i].order.items[j].nums;

  107.                     }

  108.                     data[i].countnum = countnum;

  109.                 }

  110.             }

  111.             return data;

  112.         },

  113. 

  114.         //查看详情

  115.         showOrder(aftersales_id) {

  116.             this.$common.navigateTo('detail?aftersales_id=' + aftersales_id);

  117.         }

  118.     },

  119. }

  120. </script>

  121. 

  122. <style>

  123. .segmented-control {

  124.     width: 100%;

  125.     background-color: #fff;

  126.     position: fixed;

  127.     top: 88upx;

  128.     z-index: 999;

  129. }

  130. .segmented-control-item{

  131.     line-height: 70upx;

  132. }

  133. .order-list{

  134.     /* margin-top: 64upx; */

  135. }

  136. .order-item{

  137.     margin-bottom: 20upx;

  138. }

  139. .img-list{

  140.     margin-top: 2upx;

  141. }

  142. .cell-group,.img-list-item {

  143.     background-color: #fff;

  144. }

  145. .cell-hd-title{

  146.     font-size: 22upx;

  147.     color: #666;

  148. }

  149. .cell-ft-text{

  150.     top: 0;

  151.     font-size: 22upx;

  152.     color: #333;

  153. }

  154. .order-list-button{

  155.     width: 100%;

  156.     background-color: #fff;

  157.     text-align: right;

  158.     padding: 10upx 26upx;

  159. }

  160. .order-list-button .btn{

  161.     height: 50upx;

  162.     line-height: 50upx;

  163. }

  164. .order-list-button .btn-w{

  165.     margin-left: 20upx;

  166. }

  167. .goods-num .cell-ft-text{

  168.     color: #999;

  169. }

  170. .goods-num .cell-ft-text:first-child{

  171.     margin-left: 10upx;

  172. }

  173. .order-none{

  174.     text-align: center;

  175.     padding: 200upx 0;

  176. }

  177. .order-none-img{

  178.     width: 274upx;

  179.     height: 274upx;

  180. }

  181. </style>

  182.
balance
add_bankcard.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top">

  4.             <view class='cell-group'>

  5.                 <view class='cell-item'>

  6.                     <view class='cell-item-hd'>

  7.                         <view class='cell-hd-title'>银行卡号</view>

  8.                     </view>

  9.                     <view class='cell-item-bd'>

  10.                         <input type="number" class='cell-bd-input' v-model="cardNumber" focus @blur="checkCard()" placeholder='请输入银行卡号'></input>

  11.                     </view>

  12.                 </view>

  13.                 <view class='cell-item'>

  14.                     <view class='cell-item-hd'>

  15.                         <view class='cell-hd-title'>持卡人</view>

  16.                     </view>

  17.                     <view class='cell-item-bd'>

  18.                         <input type="text" class='cell-bd-input' v-model="name" placeholder='请输入持卡人姓名'></input>

  19.                     </view>

  20.                 </view>

  21.                 <view class='cell-item'>

  22.                     <view class='cell-item-hd'>

  23.                         <view class='cell-hd-title'>银行名称</view>

  24.                     </view>

  25.                     <view class='cell-item-bd'>

  26.                         <input type="text" class='cell-bd-input' :disabled="true" v-model="bankName"></input>

  27.                     </view>

  28.                 </view>

  29.                 <view class='cell-item'>

  30.                     <view class='cell-item-hd'>

  31.                         <view class='cell-hd-title'>银行卡类型</view>

  32.                     </view>

  33.                     <view class='cell-item-bd'>

  34.                         <input type="text" class='cell-bd-input' :disabled="true" v-model='cardTypeName'></input>

  35.                     </view>

  36.                 </view>

  37.                 <view class='cell-item'>

  38.                     <view class='cell-item-hd'>

  39.                         <view class='cell-hd-title'>开户行名</view>

  40.                     </view>

  41.                     <view class='cell-item-bd'>

  42.                         <input type="text" class='cell-bd-input' v-model="accountBank" placeholder='请输入开户银行名'></input>

  43.                     </view>

  44.                 </view>

  45.                 

  46.                 <view class='cell-item'>

  47.                     <view class='cell-item-hd'>

  48.                         <view class='cell-hd-title'>开户行地址</view>

  49.                     </view>

  50.                     <view class='cell-item-bd'>

  51.                         <input :value="pickerValue" @focus="showThreePicker"></input>

  52.                         <area-picker ref="areaPicker" :areaId="areaId" :defaultIndex="defaultIndex" @onConfirm="onConfirm"></area-picker>

  53.                     </view>

  54.                     <view class='cell-item-ft'>

  55.                         <image class='cell-ft-next icon' src='/static/image/ic-pull-down.png' @click="showThreePicker"></image>

  56.                     </view>

  57.                 </view>

  58.                 

  59.                 <view class='cell-item'>

  60.                     <view class='cell-item-hd'>

  61.                         <view class='cell-hd-title'>设为默认</view>

  62.                     </view>

  63.                     <view @click="defaultChange">

  64.                         <view class='cell-item-ft'>

  65.                             <label class="radio"><radio value="1" :checked="checked" color="#333"/></label>

  66.                         </view>

  67.                     </view>

  68.                 </view>

  69.             </view>

  70.         </view>

  71.         <view class="button-bottom">

  72.             <!-- <button class="btn btn-square btn-w" @click="delShip" v-show="id && id != 0" hover-class="btn-hover2">删除</button> -->

  73.             <button class="btn btn-square btn-b" @click="addCard" hover-class="btn-hover2" :disabled='submitStatus' :loading='submitStatus'>保存</button>

  74.         </view>

  75.     </view>

  76. 

  77. </template>

  78. 

  79. <script>

  80. import areaPicker from "@/components/area-picker/areaPicker.vue";

  81. export default {

  82.     components: {

  83.         areaPicker

  84.     },

  85.     data() {

  86.         return {

  87.             bankName: '',    // 银行名称

  88.             cardType: 1, // 卡类型

  89.             cardTypeName: '', // 卡片类型

  90.             bankCode: '', // 银行缩写码

  91.             accountBank: '', // 开户行

  92.             cardNumber: '', // 银行卡号

  93.             name: '',    // 开户人姓名

  94.             mobile: '',    // 

  95.             region: ['北京市', '北京市', '东城区'],

  96.             areaId: 110101,

  97.             address: '',

  98.             is_def: 2,

  99.             checked: false,

  100.             pickerValue: '',

  101.             defaultIndex: [0, 0, 0],

  102.             submitStatus: false

  103.         }

  104.     },

  105.     computed: {},

  106.     methods: {

  107.         // 省市区联动初始化

  108.         showThreePicker() {

  109.             this.$refs.areaPicker.showPicker();

  110.         },

  111.         // 选择收货地址

  112.         onConfirm(e) {

  113.             let province_name = e[0].name;

  114.             let city_name = e[1].name;

  115.             let county_name = e[2].name;

  116.             this.pickerValue = e[0].name+ " "+ e[1].name+" "+e[2].name

  117.             let data = {

  118.                 province_name: province_name,

  119.                 city_name: city_name,

  120.                 county_name: county_name

  121.             }

  122.             let regionName = [province_name, city_name, county_name];

  123.             this.$api.getAreaId(data, res => {

  124.                 if (res.status) {

  125.                     this.areaId = res.data

  126.                 } else {

  127.                     uni.showModal({

  128.                         title: '提示',

  129.                         content: '地区选择出现问题，请重新选择地区',

  130.                         showCancel: false

  131.                     });

  132.                 }

  133.             });

  134.         },

  135.         // 选择/取消默认

  136.         defaultChange () {

  137.             this.checked = !this.checked

  138.             this.is_def = this.is_def === 1 ? 2 : 1

  139.         },

  140.         //存储收货地址

  141.         saveShip() {

  142.             if(this.id && this.id != 0){

  143.                 //编辑存储

  144.                 let data = {

  145.                     'id': this.id,

  146.                     'name': this.name,

  147.                     'address': this.address,

  148.                     'mobile': this.mobile,

  149.                     'is_def': this.is_def

  150.                 }

  151.                 

  152.                 data['area_id'] = this.areaId,

  153.                 this.$api.editShip(data, res => {

  154.                     if(res.status){

  155.                         this.$common.successToShow('编辑成功', function(){

  156.                             uni.navigateBack({

  157.                                 delta: 1

  158.                             });

  159.                         });

  160.                     }else{

  161.                         this.$common.errorToShow(res.msg);

  162.                     }

  163.                 });

  164.             }else{

  165.                 //添加

  166.                 let data = {

  167.                     'area_id': this.areaId,

  168.                     'name': this.name,

  169.                     'address': this.address,

  170.                     'mobile': this.mobile,

  171.                     'is_def': this.is_def

  172.                 }

  173.                 this.$api.saveUserShip(data, res => {

  174.                     if(res.status){

  175.                         this.$common.successToShow('添加成功', function(){

  176.                             uni.navigateBack({

  177.                                 delta: 1

  178.                             });

  179.                         });

  180.                     }else{

  181.                         this.$common.errorToShow(res.msg);

  182.                     }

  183.                 });

  184.             }

  185.         },

  186.         // 判断获取银行卡类型

  187.         checkCard () {

  188.             if (this.cardNumber) {

  189.                 let data = {

  190.                     card_code: this.cardNumber

  191.                 }

  192.                 this.$api.getBankCardOrganization(data, res => {

  193.                     if (res.status) {

  194.                         let data = res.data

  195.                         this.bankName = data.name

  196.                         this.cardType = data.type

  197.                         this.bankCode = data.bank_code

  198.                         this.cardTypeName = data.type_name

  199.                     } else {

  200.                         this.$common.errorToShow(res.msg, () => {

  201.                             this.bankCode = this.bankName = this.cardType = this.cardTypeName = ''

  202.                         })

  203.                     }

  204.                 })

  205.             } else {

  206.                 this.bankCode = this.bankName = this.cardType = this.cardTypeName = ''

  207.             }

  208.         },

  209.         // 添加银行卡

  210.         addCard () {

  211.             if (!this.cardNumber) {

  212.                 this.$common.errorToShow('请输入银行卡号')

  213.             } else if (!this.bankName || !this.cardType || !this.bankCode) {

  214.                 this.$common.errorToShow('请输入正确的银行卡号')

  215.             } else if (!/^[\u4E00-\u9FA5]{2,4}$/.test(this.name)) {

  216.                 this.$common.errorToShow('请输入正确的持卡人名称')

  217.             } else if (!this.areaId) {

  218.                 this.$common.errorToShow('请选择开户行所在地区')

  219.             } else if (!this.accountBank) {

  220.                 this.$common.errorToShow('请输入开户银行信息')

  221.             } else {

  222.                 this.submitStatus = true;

  223.                 let data = {

  224.                     bankName: this.bankName,

  225.                     areaId: this.areaId,

  226.                     accountBank: this.accountBank,

  227.                     accountName: this.name,

  228.                     bankCode: this.bankCode,

  229.                     cardNumber: this.cardNumber,

  230.                     cardType: this.cardType,

  231.                     isDefault: this.is_def

  232.                 }

  233.                 

  234.                 this.$api.addBankCard(data, res => {

  235.                     if (res.status) {

  236.                         this.$common.successToShow(res.msg, ress => {

  237.                             this.submitStatus = false;

  238.                             uni.navigateBack({

  239.                                 delta: 1

  240.                             });

  241.                         })

  242.                     } else {

  243.                         this.$common.errorToShow(res.msg);

  244.                         this.submitStatus = false;

  245.                     }

  246.                 })

  247.             }

  248.         },

  249.         // #ifdef MP-ALIPAY

  250.         // alipay bank

  251.         aliPayBank() {

  252.             if(this.cardNumber.length >= 16 && this.cardNumber.length <= 19){

  253.                 let data = {

  254.                     card_code: this.cardNumber

  255.                 }

  256.                 this.$api.getBankCardOrganization(data, res => {

  257.                     if (res.status) {

  258.                         let data = res.data

  259.                         this.bankName = data.name

  260.                         this.cardType = data.type

  261.                         this.bankCode = data.bank_code

  262.                         this.cardTypeName = data.type_name

  263.                     } else {

  264.                         this.$common.errorToShow(res.msg, () => {

  265.                             this.bankCode = this.bankName = this.cardType = this.cardTypeName = ''

  266.                         });

  267.                     }

  268.                 })

  269.             } else {

  270.                 this.bankCode = this.bankName = this.cardType = this.cardTypeName = ''

  271.             }

  272.         }

  273.         // #endif

  274.     },

  275.     onLoad(e) {

  276.         if(e.ship_id){

  277.             //编辑

  278.             this.id = e.ship_id;

  279.             this.getShipInfo();

  280.         }else{

  281.             //添加

  282.             this.pickerValue = this.region[0]+ " "+ this.region[1]+" "+this.region[2];

  283.         }

  284.     },

  285.     onBackPress() {

  286.         if (this.$refs.areaPicker.pickerShow) {

  287.             this.$refs.areaPicker.closePicker();

  288.             return true;

  289.         }

  290.     },

  291.     // #ifdef MP-ALIPAY

  292.     watch: {

  293.         cardNumber () {

  294.             this.$common.throttle(this.aliPayBank, this, 450);

  295.         }

  296.     },

  297.     // #endif

  298. }

  299. </script>

  300. 

  301. <style>

  302. .user-head{

  303.     height: 100upx;

  304. }

  305. .user-head-img{

  306.     height: 90upx;

  307.     width: 90upx;

  308.     border-radius: 50%;

  309. }

  310. .cell-hd-title{

  311.     color: #333;

  312. }

  313. .cell-item-bd{

  314.     color: #666;

  315.     font-size: 26upx;

  316. }

  317. .button-bottom .btn {

  318.     width: 50%;

  319. }

  320. /* #ifdef MP-ALIPAY */

  321. input{

  322.     font-size: 24upx;

  323. }

  324. /* #endif */

  325. </style>
bankcard.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top" v-if="cards.length">

  4.             <view class="card-item"

  5.             v-for="(item, index) in cards"

  6.             :key="index"

  7.             >

  8.                 <view class="card-item-tip" v-if="item.is_default === 1">

  9.                     <view class="cit-bg"></view>

  10.                     <view class="cit-text">默</view>

  11.                 </view>

  12.                 <view class="card-item-body">

  13.                     <view class="cib-left">

  14.                         <image class="bank-logo" :src="item.bank_logo" mode=""></image>

  15.                     </view>

  16.                     <view class="cib-right">

  17.                         <view class="cibr-t color-3">

  18.                             {{ item.bank_name }} - {{ item.card_type }}

  19.                         </view>

  20.                         <view class="cibr-b color-9">

  21.                             {{ item.card_number }}

  22.                         </view>

  23.                     </view>

  24.                 </view>

  25.                 <view class="mr-card" 

  26.                 v-if="item.is_default === 2"

  27.                 @click="setDefault(item.id)"

  28.                 >

  29.                     <button class="btn btn-w" :disabled='submitStatus' :loading='submitStatus'>设为默认</button>

  30.                 </view>

  31.                 <view class="del-card" 

  32.                 v-if="mold"

  33.                 @click="selected(index)"

  34.                 >

  35.                     <button class="btn btn-b">选择</button>

  36.                 </view>

  37.                 <view class="del-card" 

  38.                 v-else

  39.                 @click="removeCard(item.id)"

  40.                 >

  41.                     <button class="btn btn-b" :disabled='delSubmitStatus' :loading='delSubmitStatus'>删除</button>

  42.                 </view>

  43.             </view>

  44.         </view>

  45.         <view class="cards-none" v-else>

  46.             <image class="cards-none-img" src="/static/image/order.png" mode=""></image>

  47.         </view>

  48.         <view class="button-bottom">

  49.             <button class="btn btn-b" @click="goAddcard()">添加银行卡</button>

  50.         </view>

  51.     </view>

  52. </template>

  53. 

  54. <script>

  55. export default {

  56.     data () {

  57.         return {

  58.             mold: '',

  59.             cards: [] ,// 我的银行卡列表

  60.             submitStatus: false,

  61.             delSubmitStatus: false

  62.         }

  63.     },

  64.     onLoad (options) {

  65.         if (options.mold && options.mold == 'select') {

  66.             this.mold = options.mold

  67.         }

  68.     },

  69.     onShow () {

  70.         this.getBankCards()

  71.     },

  72.     methods:{

  73.         // 获取我的银行卡列表

  74.         getBankCards() {

  75.             this.$api.getBankCardList({}, res => {

  76.                 if (res.status) {

  77.                     this.cards = res.data

  78.                 }

  79.             })

  80.         },

  81.         // 删除银行卡

  82.         removeCard (cardId) {

  83.             this.$common.modelShow('提示', '确定删除该银行卡?', res => {

  84.                 this.delSubmitStatus = true;

  85.                 let data = {

  86.                     id: cardId

  87.                 }

  88.                 this.$api.removeBankCard(data, res => {

  89.                     if (res.status) {

  90.                         this.$common.successToShow(res.msg, ress => {

  91.                             this.delSubmitStatus = false;

  92.                             this.getBankCards();

  93.                         })

  94.                     } else {

  95.                         this.$common.errorToShow(res.msg);

  96.                         this.delSubmitStatus = false;

  97.                     }

  98.                 })

  99.             })

  100.         },

  101.         // 设置默认卡

  102.         setDefault (id) {

  103.             this.submitStatus = true;

  104.             let data = {

  105.                 id: id

  106.             }

  107.             this.$api.setDefaultBankCard(data, res => {

  108.                 if (res.status) {

  109.                     this.$common.successToShow(res.msg, ress => {

  110.                         this.submitStatus = false;

  111.                         this.getBankCards();

  112.                     })

  113.                 } else {

  114.                     this.$common.errorToShow(res.msg);

  115.                     this.submitStatus = false;

  116.                 }

  117.             })

  118.         },

  119.         // 添加新的银行卡

  120.         goAddcard(){

  121.             this.$common.navigateTo('./add_bankcard')

  122.         },

  123.         selected (index) {

  124.             let pages = getCurrentPages();//当前页

  125.             let beforePage = pages[pages.length - 2];//上个页面

  126.             

  127.             // #ifdef H5

  128.             beforePage.cardInfo = this.cards[index]

  129.             // #endif

  130.             

  131.             // #ifdef MP-WEIXIN

  132.             beforePage.$vm.cardInfo = this.cards[index]

  133.             // #endif

  134.             

  135.             // #ifdef MP-ALIPAY

  136.             beforePage.rootVM.cardInfo = this.cards[index]

  137.             // #endif

  138.             

  139.             uni.navigateBack({

  140.                 delta: 1

  141.             })

  142.         }

  143.     }

  144. }

  145. </script>

  146. 

  147. <style>

  148. .card-item{

  149.     position: relative;

  150.     background-color: #fff;

  151.     margin: 26upx;

  152.     border-radius: 10upx;

  153.     box-shadow: 0 0 20upx #ccc;

  154.     padding: 60upx 30upx 80upx;

  155. }

  156. .card-item-tip{

  157.     position:absolute;

  158.     top:0upx;

  159.     left:0upx;

  160.     z-index:10;

  161.     border-top-left-radius:10upx;

  162.     overflow:hidden;

  163.     width:100upx;

  164.     height:100upx;

  165. }

  166. .cit-bg{

  167.     position:absolute;

  168.     top:0;

  169.     left:0;

  170.     z-index:11;

  171.     color:#ffffff;

  172.     width:0upx;

  173.     height:0upx;

  174.     border-bottom:solid 100upx transparent;

  175.     border-right:solid 100upx transparent;

  176.     border-top:solid 100upx #FF7159;

  177. }

  178. .cit-text{

  179.     position:absolute;

  180.     top:0;

  181.     left:0;

  182.     z-index:12;

  183.     color:#ffffff;

  184.     margin-top:4upx;

  185.     margin-left:14upx;

  186.     font-size:30upx;

  187. 

  188. }

  189. .card-item-body{

  190.     position: relative;

  191. }

  192. .cib-left{

  193.     position: absolute;

  194.     top: 60%;

  195.     transform: translateY(-50%);

  196.     width: 250upx;

  197. }

  198. .bank-logo{

  199.     width: 240upx;

  200.     height: 70upx;

  201. }

  202. .cib-right{

  203.     margin-left: 250upx;

  204. }

  205. .cibr-t{

  206.     font-size: 30upx;

  207.     margin-bottom: 10upx;

  208.     text-align: center;

  209. }

  210. .cibr-b{

  211.     font-size: 26upx;

  212.     text-align: center;

  213. }

  214. .mr-card{

  215.     position: absolute;

  216.     right: 140upx;

  217.     bottom: 0upx;

  218. }

  219. .del-card{

  220.     position: absolute;

  221.     right: 30upx;

  222.     bottom: 0upx;

  223. }

  224. .del-card .btn,.mr-card .btn{

  225.     font-size: 24upx;

  226.     height: 48upx;

  227.     line-height: 46upx;

  228.     padding: 0 16upx;

  229. }

  230. .cards-none{

  231.     text-align: center;

  232.     padding: 200upx 0;

  233. }

  234. .cards-none-img{

  235.     width: 274upx;

  236.     height: 274upx;

  237. }

  238. </style>

  239.
cashlist.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class='cell-group'>

  4.             <view class='cell-item right-img'>

  5.                 <view class='cell-item-hd'>

  6.                     <view class='cell-hd-title color-6'>类型筛选</view>

  7.                 </view>

  8.                 <view class='cell-item-bd'>

  9.                     <view class="uni-list">

  10.                         <view class="uni-list-cell-db color-6">

  11.                             <picker @change="changeState" :value="index" :range="objectType">

  12.                                 <view class="uni-input">{{objectType[index]}}</view>

  13.                             </picker>

  14.                         </view>

  15.                         <image class='right-img icon' src='/static/image/ic-pull-down.png'></image>

  16.                     </view>

  17.                 </view>

  18.             </view>

  19.         </view>

  20.         <view class="type-c"

  21.         v-if="list.length"

  22.         >

  23.             <view class="cell-group margin-cell-group"

  24.             v-for="(item, index) in list"

  25.             :key="index"

  26.             >

  27.                 <view class="cell-item">

  28.                     <view class="cell-item-hd">

  29.                         <view class='cell-hd-title'>{{ item.type }}</view>

  30.                     </view>

  31.                     <view class="cell-item-ft">

  32.                         <view class="cell-ft-p color-9">

  33.                             {{ item.ctime }}

  34.                         </view>

  35.                     </view>

  36.                 </view>

  37.                 <view class="cell-item">

  38.                     <view class="cell-item-hd">

  39.                         <view class='cell-hd-title color-9'>提现卡号：{{ item.card_number }}</view>

  40.                     </view>

  41.                     <view class="cell-item-ft red-price">

  42.                         {{ item.money }}

  43.                     </view>

  44.                 </view>

  45.             </view>

  46.             <uni-load-more

  47.             :status="loadStatus"

  48.             ></uni-load-more>

  49.         </view>

  50.         <view class="order-none" v-else>

  51.             <image class="cash-none-img" src="/static/image/order.png" mode=""></image>

  52.         </view>

  53.     </view>

  54. </template>

  55. 

  56. <script>

  57. import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue'    

  58. export default {

  59.     components: {

  60.         uniLoadMore

  61.     },

  62.     data() {

  63.         return {

  64.             objectType: ['全部', '待审核', '提现成功', '提现失败'],

  65.             index: 0,    // 默认选中的类型    索引

  66.             page: 1,

  67.             limit: 10,

  68.             list: [],

  69.             states: [0, 1, 2, 3], // 不同类型的状态

  70.             loadStatus: 'more'

  71.         }

  72.     },

  73.     onLoad () {

  74.         this.getCash()

  75.     },

  76.     onReachBottom () {

  77.         if (this.loadStatus === 'more') {

  78.             this.getCash()

  79.         }

  80.     },

  81.     methods: {

  82.         // 切换类型

  83.         changeState (e) {

  84.             if (this.index !== e.target.value) {

  85.                 this.index = e.target.value;

  86.                 this.page = 1

  87.                 this.list = []

  88.             }

  89.         },

  90.         // 获取余额明细

  91.         getCash () {

  92.             let data = {

  93.                 page: this.page,

  94.                 limit: this.limit

  95.             }

  96.             

  97.             if (this.states[this.index]) {

  98.                 data.type = this.states[this.index]

  99.             }

  100.             

  101.             this.loadStatus = 'loading'

  102.             

  103.             this.$api.cashList(data, res => {

  104.                 if (res.status) {

  105.                     if (this.page >= res.total) {

  106.                         // 没有数据了

  107.                         this.loadStatus = 'noMore'

  108.                     } else {

  109.                         // 未加载完毕

  110.                         this.loadStatus = 'more'

  111.                         this.page ++

  112.                     }

  113.                     this.list = [...this.list, ...res.data]

  114.                 } else {

  115.                     this.$common.errorToShow(res.msg)

  116.                 }

  117.             })

  118.         }

  119.     },

  120.     watch: {

  121.         index () {

  122.             this.getCash()

  123.         }

  124.     }

  125. }

  126. </script>

  127. 

  128. <style>

  129. .uni-list{

  130.     overflow: hidden;

  131. }

  132. .uni-list-cell-db{

  133.     float: left;

  134.     padding-top: 8upx;

  135.     margin-right: 6upx;

  136.     display: inline-block;

  137. }

  138. .uni-list .right-img{

  139.     float: left;

  140. }

  141. .cell-item-bd{

  142.     font-size: 26upx;

  143. }

  144. .type-c .cell-group{

  145.     padding: 10upx 0;

  146. }

  147. .type-c .cell-item{

  148.     border: none;

  149.     min-height: 70upx;

  150.     padding: 0 26upx 0 0;

  151. }

  152. .type-c .cell-item .red-price{

  153.     font-size: 50upx;

  154. }

  155. .type-c .cell-item .color-9{

  156.     font-size: 24upx;

  157. }

  158. .order-none{

  159.     text-align: center;

  160.     padding: 200upx 0;

  161. }

  162. .cash-none-img{

  163.     width: 274upx;

  164.     height: 274upx;

  165. }

  166. </style>

  167.
details.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class='cell-group'>

  4.             <view class='cell-item right-img'>

  5.                 <view class='cell-item-hd'>

  6.                     <view class='cell-hd-title color-6' style="top: 0;">类型筛选</view>

  7.                 </view>

  8.                 <view class='cell-item-bd down-pull'>

  9.                     <view class="uni-list">

  10.                         <view class="uni-list-cell-db color-6">

  11.                             <picker @change="changeState" :value="index" :range="objectType">

  12.                                 <view class="uni-input">{{objectType[index]}}</view>

  13.                             </picker>

  14.                         </view>

  15.                         <image class='right-img icon' src='/static/image/ic-pull-down.png'></image>

  16.                     </view>

  17.                 </view>

  18.             </view>

  19.         </view>

  20.         <view class="type-c"

  21.         v-if="list.length"

  22.         >

  23.             <view class="cell-group margin-cell-group"

  24.             v-for="(item, index) in list"

  25.             :key="index"

  26.             >

  27.                 <view class="cell-item">

  28.                     <view class="cell-item-hd">

  29.                         <view class='cell-hd-title'>{{ item.type }}</view>

  30.                     </view>

  31.                     <view class="cell-item-ft">

  32.                         <view class="cell-ft-p color-9">

  33.                             {{ item.ctime }}

  34.                         </view>

  35.                     </view>

  36.                 </view>

  37.                 <view class="cell-item">

  38.                     <view class="cell-item-hd">

  39.                         <view class='cell-hd-title color-9'>余额：{{ item.balance }}</view>

  40.                     </view>

  41.                     <view class="cell-item-ft red-price">

  42.                         {{ item.money }}

  43.                     </view>

  44.                 </view>

  45.             </view>

  46.             <uni-load-more

  47.             :status="loadStatus"

  48.             ></uni-load-more>

  49.         </view>

  50.         <view class="order-none" v-else>

  51.             <image class="balance-none-img" src="/static/image/order.png" mode=""></image>

  52.         </view>

  53.     </view>

  54. </template>

  55. 

  56. <script>

  57. import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue'    

  58. export default {

  59.     components: {

  60.         uniLoadMore

  61.     },

  62.     data() {

  63.         return {

  64.             objectType: ['全部', '消费', '退款', '充值', '提现', '佣金', '平台调整'],

  65.             index: 0,    // 默认选中的类型    索引

  66.             page: 1,

  67.             limit: 10,

  68.             list: [],

  69.             states: [0, 1, 2, 3, 4, 5, 7], // 不同类型的状态

  70.             loadStatus: 'more'

  71.         }

  72.     },

  73.     onLoad (e) {

  74.         if(e.status){

  75.             this.index = this.states.indexOf(parseInt(e.status));

  76.         }else{

  77.             this.balances()//修复多次加载问题

  78.         }

  79.     },

  80.     onReachBottom () {

  81.         if (this.loadStatus === 'more') {

  82.             this.balances()

  83.         }

  84.     },

  85.     methods: {

  86.         // 切换类型

  87.         changeState (e) {

  88.             if (this.index !== e.target.value) {

  89.                 this.index = e.target.value;

  90.                 this.page = 1

  91.                 this.list = []

  92.             }

  93.         },

  94.         // 获取余额明细

  95.         balances () {

  96.             let data = {

  97.                 type: this.states[this.index],

  98.                 page: this.page,

  99.                 limit: this.limit

  100.             }

  101.             

  102.             this.loadStatus = 'loading'

  103.             

  104.             this.$api.getBalanceList(data, res => {

  105.                 if (res.status) {

  106.                     if (this.page >= res.total) {

  107.                         // 没有数据了

  108.                         this.loadStatus = 'noMore'

  109.                     } else {

  110.                         // 未加载完毕

  111.                         this.loadStatus = 'more'

  112.                         this.page ++

  113.                     }

  114.                     this.list = [...this.list, ...res.data]

  115.                 } else {

  116.                     this.$common.errorToShow(res.msg)

  117.                 }

  118.             })

  119.         }

  120.     },

  121.     watch: {

  122.         index () {

  123.             this.balances();

  124.         }

  125.     }

  126. }

  127. </script>

  128. 

  129. <style>

  130. .uni-list{

  131.     overflow: hidden;

  132. }

  133. .uni-list-cell-db{

  134.     float: left;

  135.     /* padding-top: 8upx; */

  136.     margin-right: 6upx;

  137.     display: inline-block;

  138.     height: 50upx;

  139.     line-height: 50upx;

  140. }

  141. .uni-list .right-img{

  142.     float: left;

  143. }

  144. .cell-item-bd{

  145.     font-size: 26upx;

  146. }

  147. .type-c .cell-group{

  148.     padding: 10upx 0;

  149. }

  150. .type-c .cell-item{

  151.     border: none;

  152.     min-height: 70upx;

  153.     padding: 0 26upx 0 0;

  154. }

  155. .type-c .cell-item .red-price{

  156.     font-size: 50upx;

  157. }

  158. .type-c .cell-item .color-9{

  159.     font-size: 24upx;

  160. }

  161. .order-none{

  162.     text-align: center;

  163.     padding: 200upx 0;

  164. }

  165. .balance-none-img{

  166.     width: 274upx;

  167.     height: 274upx;

  168. }

  169. .down-pull{

  170.     position: absolute;

  171.     top: 50%;

  172.     transform: translateY(-50%);

  173.     left: 120upx;

  174. }

  175. </style>

  176.
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class='withdrawcash-top'>

  4.             <text class='withdrawcash-title'>账户余额（元）</text>

  5.             <text class='withdrawcash-num'>{{ userInfo.balance }}</text>

  6.         </view>

  7.         <view class='cell-group margin-cell-group right-img'>

  8.             <view class='cell-item'>

  9.                 <view class='cell-item-hd' @click="navigateToHandle('./recharge')">

  10.                     <image class='cell-hd-icon' src='/static/image/topup.png'></image>

  11.                     <view class='cell-hd-title'>账户充值</view>

  12.                 </view>

  13.                 <view class='cell-item-ft'>

  14.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  15.                 </view>

  16.             </view>

  17.             <view class='cell-item'>

  18.                 <view class='cell-item-hd' @click="navigateToHandle('./withdraw_cash')">

  19.                     <image class='cell-hd-icon' src='/static/image/withdraw.png'></image>

  20.                     <view class='cell-hd-title'>余额提现</view>

  21.                 </view>

  22.                 <view class='cell-item-ft'>

  23.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  24.                 </view>

  25.             </view>

  26.             <view class='cell-item'>

  27.                 <view class='cell-item-hd' @click="navigateToHandle('./details')">

  28.                     <image class='cell-hd-icon' src='/static/image/detail.png'></image>

  29.                     <view class='cell-hd-title'>余额明细</view>

  30.                 </view>

  31.                 <view class='cell-item-ft'>

  32.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  33.                 </view>

  34.             </view>

  35.             <view class='cell-item'>

  36.                 <view class='cell-item-hd' @click="navigateToHandle('./cashlist')">

  37.                     <image class='cell-hd-icon' src='/static/image/record.png'></image>

  38.                     <view class='cell-hd-title'>提现记录</view>

  39.                 </view>

  40.                 <view class='cell-item-ft'>

  41.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  42.                 </view>

  43.             </view>

  44.             <view class='cell-item'>

  45.                 <view class='cell-item-hd' @click="navigateToHandle('./bankcard')">

  46.                     <image class='cell-hd-icon' src='/static/image/card.png'></image>

  47.                     <view class='cell-hd-title'>我的银行卡</view>

  48.                 </view>

  49.                 <view class='cell-item-ft'>

  50.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  51.                 </view>

  52.             </view>

  53.         </view>

  54.     </view>

  55. </template>

  56. 

  57. <script>

  58. export default {

  59.     data () {

  60.         return {

  61.             userInfo: {}

  62.         }

  63.     },

  64.     onShow () {

  65.         this.getUserInfo()

  66.     },

  67.     methods: {

  68.         // 获取用户信息

  69.         getUserInfo () {

  70.             this.$api.userInfo({}, res => {

  71.                 if (res.status) {

  72.                     this.userInfo = res.data

  73.                 } else {

  74.                     this.$common.errorToShow(res.msg)

  75.                 }

  76.             })

  77.         },

  78.         // 页面跳转

  79.         navigateToHandle (pageUrl) {

  80.             this.$common.navigateTo(pageUrl)

  81.         }

  82.     }

  83. }    

  84. </script>

  85. 

  86. <style>

  87. .withdrawcash-top{

  88.   padding: 40upx 26upx;

  89.   background-color: #FF7159;

  90.   color: #fff;

  91. }

  92. .withdrawcash-title{

  93.   font-size: 28upx;

  94.   display: block

  95. }

  96. .withdrawcash-num{

  97.   font-size: 70upx;

  98.   display: block;

  99.   margin-top: 20upx;

  100.   margin-left: 50upx;

  101. }

  102. .margin-cell-group {

  103.     margin: 20upx 0;

  104.     color: #666666;

  105. }

  106. </style>

  107.
recharge.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top">

  4.             <view class='cell-group margin-cell-group'>

  5.                 <view class='cell-item'>

  6.                     <view class='cell-item-hd'>

  7.                         <view class='cell-hd-title'>当前金额</view>

  8.                     </view>

  9.                     <view class='cell-item-bd'>

  10.                         <text class="cell-bd-view">￥{{ user.balance }}</text>

  11.                     </view>

  12.                 </view>

  13.                 <view class='cell-item'>

  14.                     <view class='cell-item-hd'>

  15.                         <view class='cell-hd-title'>充值金额</view>

  16.                     </view>

  17.                     <view class='cell-item-bd'>

  18.                         <input class='cell-bd-input' placeholder='请输入要充值的金额' v-model="money" focus type="digit"></input>

  19.                     </view>

  20.                 </view>

  21.             </view>

  22.         </view>

  23.         <view class="button-bottom">

  24.             <button class="btn btn-square btn-b" hover-class="btn-hover2" @click="navigateToHandle">去支付</button>

  25.         </view>

  26.     </view>

  27. </template>

  28. 

  29. <script>

  30. export default {

  31.     data () {

  32.         return {

  33.             user: {}, // 用户信息

  34.             payments: [], // 可用充值方式列表

  35.             money: '', // 充值的金额

  36.             orderType: 2    // 充值类型

  37.         }

  38.     },

  39.     onLoad () {

  40.         this.userInfo()

  41.     },

  42.     methods: {

  43.         // 获取用户信息

  44.         userInfo () {

  45.             this.$api.userInfo({}, res => {

  46.                 if (res.status) {

  47.                     this.user = res.data

  48.                 }

  49.             })

  50.         },

  51.         // 去充值

  52.         navigateToHandle () {

  53.             if (!Number(this.money)) {

  54.                 this.$common.errorToShow('请输入要充值的金额')

  55.             } else {

  56.                 this.$common.navigateTo('/pages/goods/payment/index?recharge=' + Number(this.money) + '&type=' + this.orderType)

  57.             }

  58.         }

  59.     }

  60. }

  61. </script>

  62. 

  63. <style>

  64. .user-head{

  65.     height: 100upx;

  66. }

  67. .user-head-img{

  68.     height: 90upx;

  69.     width: 90upx;

  70.     border-radius: 50%;

  71. }

  72. .cell-hd-title{

  73.     color: #333;

  74. }

  75. .cell-item-bd{

  76.     color: #666;

  77.     font-size: 26upx;

  78. }

  79. .button-bottom .btn {

  80.     width: 100%;

  81. }

  82. </style>

  83.
withdraw_cash.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top">

  4.             

  5.             <!-- 我的银行卡信息 -->

  6.             <view class='cell-group margin-cell-group' 

  7.             v-if="userbankCard"

  8.             @click="toBankCardList"

  9.             >

  10.                 <view class='cell-item right-img'>

  11.                     <view class='cell-item-hd'>

  12.                         <image class="yl-logo" :src="cardInfo.bank_logo" mode=""></image>

  13.                     </view>

  14.                     <view class='cell-item-bd'>

  15.                         <text class="cell-bd-view">{{ cardInfo.card_number }}</text>

  16.                     </view>

  17.                     <view class="cell-item-ft">

  18.                         <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  19.                     </view>

  20.                 </view>

  21.             </view>

  22.             <view class='cell-group margin-cell-group' 

  23.             v-else

  24.             @click="toBankCardList"

  25.             >

  26.                 <view class='cell-item right-img'>

  27.                     <view class='cell-item-hd'>

  28.                         <image class="yl-logo" src="/static/image/yl.png" mode=""></image>

  29.                     </view>

  30.                     <view class='cell-item-bd'>

  31.                         <text class="cell-bd-view">请添加银行卡</text>

  32.                     </view>

  33.                     <view class="cell-item-ft">

  34.                         <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  35.                     </view>

  36.                 </view>

  37.             </view>

  38.             

  39.             <!-- 提现金额手续费 提现金额input -->

  40.             <view class='cell-group margin-cell-group'>

  41.                 <view class='cell-item'>

  42.                     <view class='cell-item-bd' v-if="tocashExplain">

  43.                         <view class='cell-hd-title' style="color: #666;">{{ tocashExplain }}</view>

  44.                     </view>

  45.                 </view>

  46.                 <view class='cell-item'>

  47.                     <view class='cell-item-bd withdrawcash-input'>

  48.                         <view class='cell-hd-title'><text>￥</text><input type="number" focus v-model="money"/></view>

  49.                     </view>

  50.                 </view>

  51.                 <view class='cell-item'>

  52.                     <view class='cell-item-bd'>

  53.                         <view class='cell-hd-title' style="color: #666;" v-show="!isError">可用余额 {{ user.balance }} 元</view>

  54.                         <view class='cell-hd-title' style="color: #f00;" v-show="isError">提现金额超过可用余额</view>

  55.                     </view>

  56.                 </view>

  57.             </view>

  58.             

  59.         </view>

  60.         <view class="button-bottom">

  61.             <button class="btn btn-square btn-b" hover-class="btn-hover2" v-if="isSubmit" @click="toCash" :disabled='submitStatus' :loading='submitStatus'>确认提现</button>

  62.             <button class="btn btn-square btn-b" hover-class="btn-hover2" v-else-if="!isSubmit" disabled>确认提现</button>

  63.         </view>

  64.     </view>

  65. </template>

  66. 

  67. <script>

  68. export default {

  69.     data () {

  70.         return {

  71.             cardInfo: {}, // 我的银行卡信息

  72.             user: {}, // 用户信息

  73.             isError: false, // 当提现金额大于可用余额 显示错误提示

  74.             isSubmit: false, // 提现点击

  75.             money: '', // 用户输入的提现金额

  76.             submitStatus: false

  77.         }

  78.     },

  79.     onLoad () {

  80.         this.userBankCard()

  81.         this.userInfo()

  82.     },

  83.     computed: {

  84.         userbankCard () {

  85.             if (Object.keys(this.cardInfo).length) {

  86.                 return true

  87.             } else {

  88.                 return false

  89.             }

  90.         },

  91.         // 店铺提现手续费

  92.         tocashMoneyRate () {

  93.             return this.$store.state.config.tocash_money_rate

  94.         },

  95.         // 店铺提现最低金额

  96.         tocashMoneyLow () {

  97.             return this.$store.state.config.tocash_money_low

  98.         },

  99.         // 提现文字说明

  100.         tocashExplain () {

  101.             if (this.tocashMoneyRate && this.tocashMoneyLow) {

  102.                 return '最低提现金额 ' + this.tocashMoneyLow + ' 元（收取 ' + this.tocashMoneyRate + ' %服务费）'

  103.             } else if (this.tocashMoneyLow) {

  104.                 return '最低提现金额 ' + this.tocashMoneyLow + ' 元'

  105.             } else if (this.tocashMoneyRate) {

  106.                 return '收取 ' + this.tocashMoneyRate + ' %服务费'

  107.             } else {

  108.                 return ''

  109.             }

  110.         }

  111.     },

  112.     methods: {

  113.         // 获取我的默认银行卡信息

  114.         userBankCard () {

  115.             this.$api.getDefaultBankCard({}, res => {

  116.                 if (res.status) {

  117.                     this.cardInfo = res.data

  118.                 }

  119.             })

  120.         },

  121.         // 获取用户信息

  122.         userInfo () {

  123.             // 获取我的余额信息

  124.             // 获取用户的可用余额

  125.             this.$api.userInfo({}, res => {

  126.                 this.user = res.data

  127.             })

  128.         },

  129.         // 去提现

  130.         toCash () {

  131.             if (!Object.keys(this.cardInfo).length) {

  132.                 this.$common.errorToShow('请选择要提现的银行卡')

  133.                 return false

  134.             } else if (!this.money) {

  135.                 this.$common.errorToShow('请输入要提现的金额')

  136.                 return false

  137.             } else if (Number(this.money) === 0) {

  138.                 this.$common.errorToShow('提现金额不能为0')

  139.             } else {

  140.                 this.submitStatus = true;

  141.                 this.$api.userToCash({

  142.                     money: this.money,

  143.                     cardId: this.cardInfo.id

  144.                 }, res => {

  145.                     if (res.status) {

  146.                         this.$common.successToShow(res.msg, () => {

  147.                             this.submitStatus = false;

  148.                             uni.navigateBack({

  149.                                 delta: 1

  150.                             });

  151.                         })

  152.                     } else {

  153.                         this.$common.errorToShow(res.msg);

  154.                         this.submitStatus = false;

  155.                     }

  156.                 })

  157.             }

  158.         },

  159.         // 跳转我的银行卡列表

  160.         toBankCardList () {

  161.             this.$common.navigateTo('./bankcard?mold=select')

  162.         }

  163.     },

  164.     watch: {

  165.         money () {

  166.             // 比较用户的输入金额 如果大于可用金额

  167.             if (this.money === '' || Number(this.money) <= 0) {

  168.                 this.isSubmit = false

  169.             } else if (Number(this.money) > Number(this.user.balance)) {

  170.                 this.isError = true

  171.                 this.isSubmit = false

  172.             } else if (Number(this.money) < Number(this.tocashMoneyLow)) {

  173.                 this.isError = false

  174.                 this.isSubmit = false

  175.             } else {

  176.                 this.isError = false

  177.                 this.isSubmit = true

  178.             }

  179.         }

  180.     }

  181. }

  182. </script>

  183. 

  184. <style>

  185. .user-head{

  186.     height: 100upx;

  187. }

  188. .user-head-img{

  189.     height: 90upx;

  190.     width: 90upx;

  191.     border-radius: 50%;

  192. }

  193. .cell-hd-title{

  194.     color: #333;

  195. }

  196. .cell-item{

  197.     border: none;

  198. }

  199. .cell-item-bd{

  200.     color: #666;

  201.     font-size: 26upx;

  202. }

  203. .button-bottom .btn {

  204.     width: 100%;

  205. }

  206. .yl-logo{

  207.     width: 188upx;

  208.     height: 54upx;

  209.     float: left;

  210. }

  211. .withdrawcash-input{

  212.     font-size: 50upx;

  213.     border-bottom: 2upx solid #e8e8e8;

  214.     padding-bottom: 20upx;

  215. }

  216. .withdrawcash-input text{

  217.     font-size: 40upx;

  218. }

  219. .withdrawcash-input input{

  220.     display: inline-block;

  221.     min-width: 500upx;

  222.     padding-left: 20upx;

  223. }

  224. /* #ifdef MP-ALIPAY */

  225. .cell-hd-title input {

  226.     font-size: 24px;

  227.     height: 18px;

  228. }

  229. /* #endif */

  230. </style>

  231.
collection
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="collection" v-if="list.length">

  4.             <view class="container_of_slide" 

  5.             v-for="(item, index) in list" 

  6.             :key="index"

  7.             >

  8.                 <view class="slide_list" 

  9.                 @touchstart="touchStart($event,index)" 

  10.                 @touchend="touchEnd($event,index)" 

  11.                 @touchmove="touchMove($event,index)"

  12.                 @tap="recover(index)" 

  13.                 :style="{transform:'translate3d('+item.slide_x+'px, 0, 0)'}"

  14.                 v-if="item.goods"

  15.                 >

  16.                     <view class="now-message-info" hover-class="uni-list-cell-hover" :style="{width:Screen_width+'px'}" 

  17.                     @click="goodsDetail(item.goods_id)">

  18.                         <view class="icon-circle">

  19.                             <image class='goods-img' :src="item.goods.image_url" mode="aspectFill"></image>

  20.                         </view>

  21.                         

  22.                         <view class="list-right">

  23.                             <view class="list-title">{{ item.goods.name }}</view>

  24.                             <view class="red-price">￥{{ item.goods.price }}</view>

  25.                             <view class="list-detail">{{ item.ctime }}</view>

  26.                         </view>

  27.                         <view class="list-right-1">

  28.                             <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  29.                         </view>

  30.                     </view>

  31.                     <view class="group-btn">

  32.                         <view class="removeM btn-div" @tap="collect(index)">

  33.                             取消

  34.                         </view>

  35.                     </view>

  36.                     <view style="clear:both"></view>

  37.                 </view>

  38.             </view>

  39.             <uni-load-more

  40.             :status="loadStatus"

  41.             ></uni-load-more>

  42.         </view>

  43.         <view class="collection-none" v-else>

  44.             <image class="collection-none-img" src="/static/image/order.png" mode=""></image>

  45.         </view>

  46.     </view>

  47. </template>

  48. 

  49. <script>

  50. import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue'

  51. import { goods } from '@/config/mixins.js'

  52.     export default {

  53.         mixins: [ goods ],

  54.         components: {

  55.             uniLoadMore

  56.         },

  57.         computed: {

  58.             Screen_width() {

  59.                 return uni.getSystemInfoSync().windowWidth;

  60.             }

  61.         },

  62.         data() {

  63.             return {

  64.                 visible: false,

  65.                 start_slide_x: 0,

  66.                 btnWidth: 0,

  67.                 startX: 0,

  68.                 LastX: 0,

  69.                 startTime: 0,

  70.                 screenName: '',

  71.                 page: 1,

  72.                 limit: 10,

  73.                 list: [], // 商品浏览足迹

  74.                 loadStatus: 'more'

  75.             };

  76.         },

  77.         onLoad () {

  78.             this.goodsCollectionList()

  79.         },

  80.         onShow() {

  81.             const res = uni.getSystemInfoSync();

  82.         },

  83.         onReachBottom () {

  84.             if (this.loadStatus === 'more') {

  85.                 this.goodsCollectionList()

  86.             }

  87.         },

  88.         methods: {

  89.             goodsCollectionList () {

  90.                 let data = {

  91.                     page: this.page,

  92.                     limit: this.limit

  93.                 }

  94. 

  95.                 this.loadStatus = 'loading'

  96.                 

  97.                 this.$api.goodsCollectionList(data, res => {

  98.                     if (res.status) {

  99.                         let _list = res.data.list

  100.                         _list.forEach (item => {

  101.                             this.$set(item, 'slide_x', 0)

  102.                             item.ctime = this.$common.timeToDate(item.ctime)

  103.                         })

  104.                         this.list = [...this.list, ..._list]

  105.                         

  106.                         if (res.data.count > this.list.length) {

  107.                             this.page ++

  108.                             this.loadStatus = 'more'

  109.                         } else {

  110.                             this.loadStatus = 'noMore'

  111.                         }

  112.                     } else {

  113.                         this.$common.errorToShow(res.msg)

  114.                     }

  115.                 })

  116.             },

  117.             cancelEvent(){

  118.                 this.visible = false

  119.             },

  120.             // 滑动开始

  121.             touchStart(e, index) {

  122.                 this.startCilentY = e.touches[0].clientY;

  123.                 //记录手指放上去的时间

  124.                 this.startTime = e.timeStamp;

  125.                 //记录滑块的初始位置

  126.                 this.start_slide_x = this.list[index].slide_x;

  127.                 // 按钮宽度

  128.                 uni.createSelectorQuery()

  129.                     .selectAll('.group-btn')

  130.                     .boundingClientRect()

  131.                     .exec(res => {

  132.                         if (res[0] != null) {

  133.                             this.btnWidth = res[0][index].width * -1;

  134.                         }

  135.                     });

  136.                 // 记录上一次开始时手指所处位置

  137.                 this.startX = e.touches[0].pageX;

  138.                 // 记录上一次手指位置

  139.                 this.lastX = this.startX;

  140.                 //初始化非当前滑动消息列的位置

  141.                 this.list.forEach((item, eq) => {

  142.                     if (eq !== index) {

  143.                         item.slide_x = 0;

  144.                     }

  145.                 });

  146.             },

  147.             // 滑动中

  148.             touchMove(e, index) {

  149.                 var endCilentY = e.touches[0].clientY; 

  150.                 var moveClientY = endCilentY - this.startCilentY;

  151.                 if (this.direction === 'Y' || Math.abs(moveClientY ) > 20 || e.currentTarget.dataset.disabled === true) { this.direction = ''; return; }

  152.                 const endX = e.touches[0].pageX;

  153.                 const distance = endX - this.lastX;

  154.                 // 预测滑块所处位置

  155.                 const duang = this.list[index].slide_x + distance;

  156.                 // 如果在可行区域内

  157.                 if (duang <= 0 && duang >= this.btnWidth) {

  158.                     this.list[index].slide_x = duang;

  159.                 }

  160.                 // 此处手指所处位置将成为下次手指移动时的上一次位置

  161.                 this.lastX = endX;

  162.             },

  163.             // 滑动结束

  164.             touchEnd(e, index) {

  165.                 let distance = 10;

  166.                 const endTime = e.timeStamp;

  167.                 const x_end_distance = this.startX - this.lastX;

  168.                 if (Math.abs(endTime - this.startTime) > 200) {

  169.                     distance = this.btnWidth / -2;

  170.                 }

  171.                 // 判断手指最终位置与手指开始位置的位置差距

  172.                 if (x_end_distance > distance) {

  173.                     this.list[index].slide_x = this.btnWidth;

  174.                 } else if (x_end_distance < distance * -1) {

  175.                     this.list[index].slide_x = 0;

  176.                 } else {

  177.                     this.list[index].slide_x = this.start_slide_x;

  178.                 }

  179.             },

  180.             // 点击回复原状

  181.             recover(index) {

  182.                 this.list[index].slide_x = 0;

  183.             },

  184.             // 取消收藏

  185.             collect (index) {

  186.                 let data = {

  187.                     goods_id: this.list[index].goods_id

  188.                 }

  189.                 

  190.                 this.$api.goodsCollection(data, res => {

  191.                     if (res.status) {

  192.                         this.$common.successToShow(res.msg, () => {

  193.                             this.$nextTick(() => {

  194.                                 this.list.splice(index, 1)

  195.                             })

  196.                         })

  197.                     } else {

  198.                         this.$common.errorToShow(res.msg)

  199.                     }

  200.                 })

  201.             }

  202.         }

  203.     };

  204. </script>

  205. 

  206. <style scoped>

  207. .collection .goods-img{

  208.     width: 150upx;

  209.     height: 150upx;    

  210. }

  211. .container_of_slide {

  212.     width: 100%;

  213.     overflow: hidden;

  214. }

  215. .slide_list {

  216.     transition: all 100ms;

  217.     transition-timing-function: ease-out;

  218.     min-width: 200%;

  219. }

  220. .now-message-info {

  221.     box-sizing:border-box;

  222.     display: flex;

  223.     align-items: center;

  224.     font-size: 16px;

  225.     clear:both;

  226.     padding: 20upx 26upx;

  227.     margin-bottom: 2upx;

  228.     background: #FFFFFF;

  229. }

  230. .now-message-info,

  231. .group-btn {

  232.     float: left;

  233. }

  234. .group-btn {

  235.     display: flex;

  236.     flex-direction: row;

  237.     height: 190upx;

  238.     min-width: 100upx;

  239.     align-items: center;

  240. 

  241. }

  242. .group-btn .btn-div {

  243.     height: 190upx;

  244.     color: #fff;

  245.     text-align: center;

  246.     padding: 0 50upx;

  247.     font-size: 34upx;

  248.     line-height: 190upx;

  249. }

  250. .group-btn .top {

  251.     background-color: #FFAA33;

  252. }

  253. .group-btn .removeM {

  254.     background-color: #ff3b44;

  255. }

  256. .icon-circle{

  257.     width:150upx;

  258.     height: 150upx;

  259.     float: left;

  260. }

  261. .list-right{

  262.     float: left;

  263.     margin-left: 25upx;

  264.     height: 150upx;

  265. }

  266. .list-right-1{

  267.     float: right;

  268.     color: #A9A9A9;

  269. }

  270. .list-title{

  271.     width: 490upx;

  272.     line-height:1.5;

  273.     overflow:hidden;

  274.     color:#333;

  275.     display:-webkit-box;

  276.     -webkit-box-orient:vertical;

  277.     -webkit-line-clamp:2;

  278.     overflow:hidden;

  279.     font-size: 26upx;

  280.     color: #333;

  281.     min-height: 80upx;

  282. }

  283. .list-detail{

  284.     width: 460upx;

  285.     font-size: 24upx;

  286.     color: #a9a9a9;

  287.     display:-webkit-box;

  288.     -webkit-box-orient:vertical;

  289.     -webkit-line-clamp:1;

  290.     overflow:hidden;

  291. }

  292. .collection-none{

  293.     text-align: center;

  294.     padding: 200upx 0;

  295. }

  296. .collection-none-img{

  297.     width: 274upx;

  298.     height: 274upx;

  299. }

  300. </style>

  301.
coupon
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" style-type="text" active-color="#333"></uni-segmented-control>

  4.         <view class="">

  5.             <view class="coupon-c-item" v-for="(item, key) in listData" :key="key">

  6.                 <view class="cci-l">

  7.                     <view class="cci-l-c color-f" v-if="current == 0">

  8.                         coupon

  9.                     </view>

  10.                     <view class="cci-l-c color-f color-b" v-if="current != 0">

  11.                         coupon

  12.                     </view>

  13.                 </view>

  14.                 <view class="cci-r">

  15.                     <view class="cci-r-c">

  16.                         <view class="ccirc-t color-9">

  17.                             {{item.name}}

  18.                         </view>

  19.                         <view class="ccirc-b">

  20.                             <view class="ccirc-b-l">

  21.                                 <view class="ccirc-b-tip">

  22.                                     {{ item.expression1 + item.expression2 }}

  23.                                 </view>

  24.                                 <view class="ccirc-b-time color-9">

  25.                                     有效期：{{item.stime}} - {{item.etime}}

  26.                                 </view>

  27.                             </view>

  28.                             <view class="ccirc-b-r color-f" @click="goIndex" v-if="current == 0">

  29.                                 立即使用

  30.                             </view>

  31.                         </view>

  32.                     </view>

  33.                 </view>

  34.             </view>

  35.             <uni-load-more :status="loadStatus"></uni-load-more>

  36.         </view>

  37.     </view>

  38. </template>

  39. 

  40. <script>

  41.     import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue'

  42.     import uniSegmentedControl from "@/components/uni-segmented-control/uni-segmented-control.vue";

  43.     export default {

  44.         components: {

  45.             uniSegmentedControl,uniLoadMore

  46.         },

  47.         data() {

  48.             return {

  49.                 items: ['未使用','已使用','已失效'],

  50.                 current: 0,

  51.                 page: 1,

  52.                 limit: 10,

  53.                 listData: [],

  54.                 loadStatus: 'more'

  55.             }

  56.         },

  57.         onLoad() {

  58.             this.getData();

  59.         },

  60.         onReachBottom () {

  61.             if (this.loadStatus === 'more') {

  62.                 this.getData();

  63.             }

  64.         },

  65.         methods: {

  66.             // tab点击切换

  67.             onClickItem(index) {

  68.                 if (this.current !== index) {

  69.                     this.current = index;

  70.                     this.page = 1;

  71.                     this.listData = [];

  72.                     this.getData();

  73.                 }

  74.             },

  75.             //获取优惠券列表

  76.             getData() {

  77.                 this.loadStatus = 'loading'

  78.                 let data = {

  79.                     page: this.page,

  80.                     limit: this.limit

  81.                 }

  82.                 if (this.current == 0) {

  83.                     data['display'] = 'no_used';

  84.                 }

  85.                 if (this.current == 1) {

  86.                     data['display'] = 'yes_used';

  87.                 }

  88.                 if (this.current == 2) {

  89.                     data['display'] = 'invalid';

  90.                 }

  91.                 this.$api.userCoupon(data, res => {

  92.                     if (res.status) {

  93.                         let now_type = 'no_used';

  94.                         if (this.current == 1) {

  95.                             now_type = 'yes_used';

  96.                         }

  97.                         if (this.current == 2) {

  98.                             now_type = 'invalid';

  99.                         }

  100.                         if (now_type == res.data.q_type) {

  101.                             if (res.data.page >= this.page) {

  102.                                 let newList = this.listData.concat(res.data.list);

  103.                                 this.listData = newList;

  104.                                 if (res.data.count > this.listData.length) {

  105.                                     this.page ++

  106.                                     this.loadStatus = 'more'

  107.                                 } else {

  108.                                     this.loadStatus = 'noMore'

  109.                                 }

  110.                             }

  111.                         }

  112.                     }else{

  113.                         this.$common.errorToShow(res.msg);

  114.                     }

  115.                 });

  116.             },

  117.             //跳转首页

  118.             goIndex() {

  119.                 uni.switchTab({

  120.                     url: '/pages/index/index'

  121.                 });

  122.             }

  123.         }

  124.     }

  125. </script>

  126. 

  127. <style>

  128. .coupon-c-item{

  129.     margin: 30upx 50upx;

  130.     /* width: 100%; */

  131.     height: 150upx;

  132.     margin-bottom: 20upx;

  133. }

  134. .cci-l{

  135.     width: 60upx;

  136.     height: 100%;

  137.     background-color: #FF7159;

  138.     font-size: 32upx;

  139.     display: inline-block;

  140.     box-sizing: border-box;

  141.     float: left;

  142.     border-top-left-radius: 16upx;

  143.     border-bottom-left-radius: 16upx;

  144. }

  145. .cci-l-c{

  146.     height: 60upx;

  147.     line-height: 44upx;

  148.     width: 150upx;

  149.     text-align: center;

  150.     transform-origin: 30upx 30upx;

  151.     transform: rotate(90deg);

  152. }

  153. .cci-r{

  154.     position: relative;

  155.     height: 150upx;

  156.     width: calc(100% - 70upx);

  157.     margin-left: 10upx;

  158.     display: inline-block;

  159.     background-color: #fff;

  160. }

  161. .cci-r-img{

  162.     position: absolute;

  163.     width: 100%;

  164.     height: 100%;

  165.     background-color: #fff;

  166. }

  167. .cci-r-c{

  168.     position: relative;

  169.     z-index: 99;

  170. }

  171. .ccirc-t{

  172.     font-size: 24upx;

  173.     padding: 10upx 20upx;

  174. }

  175. .ccirc-b{

  176.     padding: 10upx;

  177.     position: relative;

  178. }

  179. .ccirc-b-l{

  180.     display: inline-block;

  181.     max-width: 400upx;

  182. }

  183. .ccirc-b-tip{

  184.     font-size: 28upx;

  185.     width: 100%;

  186.     overflow: hidden;

  187.     text-overflow: ellipsis;

  188.     white-space: nowrap;

  189. }

  190. .ccirc-b-tip text{

  191.     font-size: 34upx;

  192. }

  193. .ccirc-b-time{

  194.     font-size: 24upx;

  195. }

  196. .ccirc-b-r{

  197.     display: inline-block;

  198.     background-color: #FF7159;

  199.     font-size: 26upx;

  200.     padding: 4upx 10upx;

  201.     border-radius: 4upx;

  202.     position: absolute;

  203.     right: 20upx;

  204.     bottom: 16upx;

  205. }

  206. .color-b{

  207.     background-color: #e5e5e5;

  208.     border-bottom-right-radius: 12upx;

  209.     border-bottom-left-radius: 12upx;

  210.     color: #fff;

  211. }

  212. </style>

  213.
distribution
agreement.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="article">

  4.             <view class="article-content">

  5.                 <rich-text :nodes="content"></rich-text>

  6.             </view>

  7.         </view>

  8.     </view>

  9. </template>

  10. 

  11. <script>

  12.     import htmlParser from '@/common/html-parser'

  13.     export default {

  14.         data() {

  15.             return {

  16.                 content:this.$store.state.config.distribution_agreement,

  17.             }

  18.         },

  19.         onLoad(e) {

  20.         },

  21.         computed: {

  22.         },

  23.         methods: {

  24.         }

  25.     }

  26. </script>

  27. 

  28. <style>

  29.     .content {

  30.         /*  #ifdef  H5  */

  31.         height: calc(100vh - 90upx);

  32.         /*  #endif  */

  33.         /*  #ifndef  H5  */

  34.         height: 100vh;

  35.         /*  #endif  */

  36.         background-color: #fff;

  37.     }

  38. 

  39.     .article {

  40.         padding: 20upx;

  41.     }

  42. 

  43.     .article-title {

  44.         font-size: 32upx;

  45.         color: #333;

  46.         margin-bottom: 20upx;

  47.         /* text-align: center; */

  48.         position: relative;

  49.         height: 100upx;

  50.     }

  51. 

  52.     .article-time {

  53.         /* text-align: right; */

  54.         margin-left: 20upx;

  55.     }

  56. 

  57.     .article-content {

  58.         font-size: 28upx !important;

  59.         color: #666;

  60.         line-height: 1.6;

  61.         margin-top: 20upx;

  62.     }

  63. 

  64.     .article-content p img {

  65.         width: 100% !important;

  66.     }

  67. 

  68.     .shop-logo {

  69.         width: 60upx;

  70.         height: 60upx;

  71.         border-radius: 50%;

  72.         position: absolute;

  73.         top: 50%;

  74.         transform: translateY(-50%);

  75.     }

  76. 

  77.     .shop-name {

  78.         line-height: 100upx;

  79.         margin-left: 80upx;

  80.     }

  81. </style>

  82.
apply.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="apply-c">

  4.             <view class="apply-top">

  5.                 <view class='cell-group'>

  6.                     <view class='cell-item'>

  7.                         <view class='cell-item-hd'>

  8.                             <view class='cell-hd-title'>姓名</view>

  9.                         </view>

  10.                         <view class='cell-item-bd'>

  11.                             <input type="text" class='cell-bd-input' placeholder='请填您的姓名' v-model="name"></input>

  12.                         </view>

  13.                     </view>

  14.                     <view class='cell-item'>

  15.                         <view class='cell-item-hd'>

  16.                             <view class='cell-hd-title'>微信</view>

  17.                         </view>

  18.                         <view class='cell-item-bd'>

  19.                             <input type="text" class='cell-bd-input' placeholder='请填您的微信' v-model="weixin"></input>

  20.                         </view>

  21.                     </view>

  22.                     <view class='cell-item'>

  23.                         <view class='cell-item-hd'>

  24.                             <view class='cell-hd-title'>QQ</view>

  25.                         </view>

  26.                         <view class='cell-item-bd'>

  27.                             <input type="number" class='cell-bd-input' placeholder='请填您的QQ' v-model="qq"></input>

  28.                         </view>

  29.                     </view>

  30.                     <view class='cell-item'>

  31.                         <view class='cell-item-hd'>

  32.                             <view class='cell-hd-title'>手机</view>

  33.                         </view>

  34.                         <view class='cell-item-bd'>

  35.                             <input type="number" class='cell-bd-input' placeholder='请填写您的手机号码' v-model="mobile"></input>

  36.                         </view>

  37.                     </view>

  38.                     

  39.                 </view>

  40.                 <view class="apply-tip color-6 fsz26">

  41.                     <label class="radio" @click="agreeAgreement"><radio value="1" :checked="checked" color="#FF7159"/>我已经阅读并接受</label><text class="" @click="goAgreement()">"分销协议"</text>

  42.                 </view>

  43.             </view>

  44.             

  45.             <view class="apply-bot">

  46.                 <button class="btn btn-square btn-o btn-all" hover-class="btn-hover" @click="goApplyState()">申请成为分销</button>

  47.             </view>

  48.         </view>

  49.     </view>

  50. </template>

  51. 

  52. <script>

  53. export default {

  54.     data() {

  55.         return {

  56.             name: '',

  57.             weixin: '',

  58.             qq: '',

  59.             mobile: '',

  60.             checked: false,

  61.             is_agree: 'off'

  62.         }

  63.     },

  64.     methods: {

  65.         // 是否同意协议

  66.         agreeAgreement(){

  67.             

  68.             if(this.checked){

  69.                 this.checked = false;

  70.                 this.is_agree = 'off';

  71.             }else{

  72.                 this.checked = true;

  73.                 this.is_agree = 'on';

  74.             }

  75.             // console.log(this.checked)

  76.         },

  77.         // 信息验证

  78.         checkData (data) {

  79.             if (!data.name) {

  80.                 this.$common.errorToShow('请输入您的姓名')

  81.                 return false

  82.             } else if (!data.weixin) {

  83.                 this.$common.errorToShow('请输入您的微信')

  84.                 return false

  85.             } else if (!data.qq) {

  86.                 // console.log(this.is_agree)

  87.                 this.$common.errorToShow('请输入您的QQ')

  88.                 return false

  89.             } else if (!data.mobile) {

  90.                 this.$common.errorToShow('请输入您的手机号')

  91.                 return false

  92.             } else if (data.mobile.length !== 11) {

  93.                 this.$common.errorToShow('手机号格式不正确')

  94.                 return false

  95.             } else if (data.agreement != 'on') {

  96.                 //console.log(data)

  97.                 this.$common.errorToShow('请钩选分销协议')

  98.                 return false

  99.             } else {

  100.                 return true

  101.             }

  102.         },

  103.         // 提交审核

  104.         goApplyState() {

  105.             let data = {

  106.                 name: this.name,

  107.                 weixin: this.weixin,

  108.                 qq: this.qq,

  109.                 mobile: this.mobile,

  110.                 agreement: this.is_agree,

  111.             }

  112.             

  113.             if (this.checkData(data)) {

  114.                 this.$api.applyDistribution(data, res => {

  115.                     if(res.status){

  116.                         this.$common.successToShow(res.msg, function(){

  117.                             uni.navigateTo({

  118.                                 url:'./apply_state'

  119.                             });

  120.                         });

  121.                     }else{

  122.                         this.$common.errorToShow(res.msg);

  123.                     }

  124.                 });

  125.             }

  126.         },

  127.         goAgreement(){

  128.             uni.navigateTo({

  129.                 url: './agreement'

  130.             })

  131.         }

  132.         

  133.     }

  134. }

  135. </script>

  136. 

  137. <style>

  138. .content{

  139.     background-color: #FF7159;

  140.     height: calc(100vh - 44px);

  141.     padding-top: 50upx;

  142. }

  143. .apply-c{

  144.     margin: 40upx auto;

  145.     padding: 26upx 0;

  146.     border-radius: 30upx;

  147.     box-shadow: 0 0 10px #aaa;

  148.     width: 670upx;

  149.     min-height: 400upx;

  150.     background-color: #fff;

  151. }

  152. .apply-top .cell-item{

  153.     width: 610upx;

  154. }

  155. .apply-top .cell-item:last-child{

  156.     border-bottom: 1px solid #f3f3f3;

  157. }

  158. .apply-top .cell-item .cell-item-hd{

  159.     min-width: 120upx;

  160. }

  161. .apply-top .cell-item .cell-bd-input{

  162.     width: 100%;

  163. }

  164. .apply-tip{

  165.     padding: 26upx;

  166. }

  167. .apply-bot{

  168.     width: 100%;

  169.     text-align: center;

  170. }

  171. .apply-bot .btn{

  172.     border-radius: 50upx;

  173.     width: 90%;

  174.     margin: 40upx auto 0;

  175. }

  176. </style>

  177.
apply_state.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="apply-c">

  4.             <view class="apply-top fsz36 color-o"  v-if="info.verify==2">

  5.                 恭喜，您的申请已提交！

  6.             </view>

  7.             <view class="apply-top-refuse fsz36 color-o"  v-if="info.verify==3">

  8.                 抱歉，您的申请被驳回！

  9.             </view>

  10.             <view class="apply-top fsz36 color-o"  v-if="info.verify==1">

  11.                 恭喜，您的申请已通过！

  12.             </view>

  13.             <view class="apply-bot"  v-if="info.verify==2">

  14.                 <view class="apply-bot-sop">

  15.                     <view class="abs-img">

  16.                         <image class="icon" src="/static/image/del.png" mode=""></image>

  17.                     </view>

  18.                     <view class="color-9 abs-mid"  >

  19.                         <image class="dot" src="/static/image/dot-o.png" mode=""></image>

  20.                         <image class="dot" src="/static/image/dot-o.png" mode=""></image>

  21.                         <image class="dot" src="/static/image/dot-o.png" mode=""></image>

  22.                         <image class="dot" src="/static/image/dot-o.png" mode=""></image>

  23.                         <image class="dot" src="/static/image/dot-o.png" mode=""></image>

  24.                         <image class="dot" src="/static/image/dot-o.png" mode=""></image>

  25. 

  26.                         <image class="dot" src="/static/image/dot-g.png" mode=""></image>

  27.                         <image class="dot" src="/static/image/dot-g.png" mode="" ></image>

  28.                         <image class="dot" src="/static/image/dot-g.png" mode="" ></image>

  29.                         <image class="dot" src="/static/image/dot-g.png" mode="" ></image>

  30.                         <image class="dot" src="/static/image/dot-g.png" mode="" ></image>

  31.                         <image class="dot" src="/static/image/dot-g.png" mode="" ></image>

  32.                     </view>

  33.                     <view class="abs-img">

  34.                         <image class="icon" src="/static/image/close.png" mode=""></image>

  35.                     </view>

  36.                 </view>

  37.                 <view class="apply-bot-text">

  38.                     <view class="abt-c">

  39.                         <view class="color-6 fsz30">

  40.                             申请提交成功

  41.                         </view>

  42.                         <view class="color-9 fsz24">

  43.                             {{info.ctime}}

  44.                         </view>

  45.                     </view>

  46.                     <view class="abt-c">

  47.                         <view class="color-6 fsz30" v-if="info.verify==2">

  48.                             等待审核

  49.                         </view>

  50.                         <view class="color-6 fsz30" v-if="info.verify==3">

  51.                             审核驳回

  52.                         </view>

  53.                         <view class="color-6 fsz30" v-if="info.verify==1">

  54.                             审核通过

  55.                         </view>

  56.                     </view>

  57.                 </view>

  58.             </view>

  59.         </view>

  60.     </view>

  61. </template>

  62. 

  63. <script>

  64. export default {

  65.     data() {

  66.         return {

  67.             info: {}

  68.         }

  69.     },

  70.     onLoad:function() {

  71.         var _this = this;

  72.         _this.$api.getDistributioninfo({check_condition:true}, function(res) {

  73.             if (res.status) {

  74.                 if(res.data.need_apply && res.data.condition_status ==false){

  75.                     _this.$common.redirectTo('/pages/member/distribution/index');

  76.                 }

  77.                 if(res.data.verify == 1){//审核通过

  78.                     _this.$common.redirectTo('/pages/member/distribution/user');

  79.                 }

  80.                 _this.info = res.data;

  81.             } else {

  82.                 //报错了

  83.                 _this.$common.errorToShow(res.msg);

  84.             }

  85.         });

  86.     },

  87.     methods: {

  88.        

  89.         

  90.     }

  91. }

  92. </script>

  93. 

  94. <style>

  95. .content{

  96.     height: calc(100vh - 44px);

  97.     padding-top: 50upx;

  98. }

  99. 

  100. .apply-c{

  101.     margin: 40upx auto;

  102.     text-align: center;

  103.     padding: 26upx;

  104.     border-radius: 30upx;

  105.     box-shadow: 0 0 10px #aaa;

  106.     width: 670upx;

  107.     min-height: 400upx;

  108.     background-color: #fff;

  109. }

  110. .apply-top{

  111.     margin-top: 40upx;

  112. }

  113. .apply-top-refuse{

  114.     margin-top: 140upx;

  115. }

  116. .apply-bot{

  117.     width: 100%;

  118.     text-align: center;

  119. }

  120. .apply-bot-sop{

  121.     position: relative;

  122.     height: 60upx;

  123.     width: 65%;

  124.     margin: 40upx auto 20upx;

  125.     display: flex;

  126.     line-height: 1.7555;

  127.     /* vertical-align: middle; */

  128. }

  129. .apply-bot-sop>view{

  130.     display: inline-block;

  131. }

  132. .abs-img{

  133.     flex: 1;

  134. }

  135. .abs-img image{

  136.     position: relative;

  137.     top: 50%;

  138.     transform: translateY(-50%);

  139. }

  140. .abs-mid{

  141.     /* font-size: 70upx; */

  142.     flex: 2;

  143.     display: flex;

  144. }

  145. .apply-bot-text{

  146.     display: flex;

  147. }

  148. .abt-c{

  149.     flex: 1;

  150. }

  151. .dot{

  152.     width: 8upx;

  153.     height: 8upx;

  154.     margin: 0 4upx;

  155. }

  156. </style>

  157.
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top">

  4.             <view class="dist-head">

  5.                 <view class="dist-head-top">

  6.                     <view class="dht-margin color-f fsz34" v-if="condition.condition_status">已达标</view>

  7.                     <view class="dht-margin color-f fsz34" v-if="!condition.condition_status">未达标</view>

  8.                     

  9.                     <cmd-progress class="dht-margin" :percent="condition.condition_progress" :stroke-width="23" stroke-color="linear-gradient(to right, #ef32d9, #89fffd)"></cmd-progress>

  10. 

  11.                     <view class="dht-margin color-d fsz28">{{condition.condition_msg}}</view>

  12.                 </view>

  13.                 <view class="dist-head-tip color-f fsz24">

  14.                     注：消费金额只算实付金额部分，储值抵扣/退款退货金额不算在内。

  15.                 </view>

  16.             </view>

  17.             <view class="dist-body">

  18.                 <view class="db-title color-3 fsz34">

  19.                     分销商须知

  20.                 </view>

  21.                 <view class="db-body color-6 fsz30">

  22.                     <text class="db-item">{{distributionNotes}}</text>

  23.                 </view>

  24.             </view>

  25.         </view>

  26.         <view class="button-bottom">

  27.             <button class="btn btn-square btn-o" hover-class="btn-hover" v-if="condition.condition_status" @click="goApply()">申请</button>

  28.             <button class="btn btn-square btn-g" v-else >您的条件暂不满足</button>

  29.         </view>

  30.     </view>

  31. </template>

  32. 

  33. <script>

  34. import cmdProgress  from '@/components/cmd-progress/cmd-progress.vue'

  35. export default {

  36.     components: { cmdProgress },

  37.     data() {

  38.         return {

  39.             condition: {}

  40.         }

  41.     },

  42.     methods: {

  43.         goApply() {

  44.             this.$common.navigateTo('./apply');

  45.         }

  46.     },

  47.     computed: {

  48.         distributionNotes () {

  49.             return this.$store.state.config.distribution_notes

  50.         }

  51.         

  52.     },

  53.     onLoad: function() {

  54.         var _this = this;

  55.         _this.$api.getDistributioninfo({}, function(res) {

  56.             if (res.status) {

  57.                 _this.condition = res.data;

  58.                 if(_this.condition.hasOwnProperty('verify')){

  59.                     if(_this.condition.verify == 1 || (!_this.condition.need_apply && _this.condition_status)){

  60.                         _this.$common.redirectTo('/pages/member/distribution/user');

  61.                     }else if(_this.condition.condition_status){

  62.                         _this.$common.redirectTo('/pages/member/distribution/apply_state');//待审核

  63.                     }

  64.                 }

  65.             } else {

  66.                 //报错了

  67.                 _this.$common.errorToShow(res.msg);

  68.             }

  69.         });

  70.     }

  71. }

  72. </script>

  73. 

  74. <style>

  75. .content{

  76.     background-color: #fff;

  77.     height: calc(100vh - 44px);

  78. }

  79. .dist-head{

  80.     padding: 50upx 26upx 20upx;

  81.     text-align: center;

  82.     background: linear-gradient( #FF7159, #ff9785);

  83. }

  84. .dist-head-top{

  85.     padding: 0upx 50upx 30upx;

  86. }

  87. .dht-margin{

  88.     margin-bottom: 26upx;

  89. }

  90. .dht-margin.color-d{

  91.     padding: 0 40upx;

  92. }

  93. .dht-mid{

  94.     margin-bottom: 12upx;

  95. }

  96. .dist-head-tip{

  97.     text-align: left;

  98.     

  99. }

  100. .dist-body{

  101.     padding: 26upx;

  102. }

  103. .db-title{

  104.     border-bottom: 2upx solid #ccc;

  105.     padding-bottom: 26upx;

  106. }

  107. .db-body{

  108.     padding: 26upx 10upx;

  109. }

  110. .db-item{

  111.     /* padding: ; */

  112.     margin-bottom: 14upx;

  113. }

  114. pre {

  115.     white-space: pre-wrap;       /* css-3 */

  116.     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */

  117.     white-space: -pre-wrap;      /* Opera 4-6 */

  118.     white-space: -o-pre-wrap;    /* Opera 7 */

  119.     word-wrap: break-word;       /* Internet Explorer 5.5+ */

  120. } 

  121. </style>

  122.
my_store.vue
复制代码
  1. <template>

  2.     <view class="content my-store">

  3.         <view class="" ref="myStore">

  4.             <view class="my-store-t">

  5.                 <view class="mst-top">

  6.                     <image :src="store_banner_src" mode="widthFix"></image>

  7.                 </view>

  8.                 <view class="mst-bot">

  9.                     <view class='member-grid'>

  10.                         <view class='member-item'>

  11.                             <image class='member-item-img' :src='store_logo_src'></image>

  12.                         </view>

  13.                         <view class='member-item'>

  14.                             <view class="color-o fsz36">{{total_goods}}</view>

  15.                             <text class='member-item-text'>全部宝贝</text>

  16.                         </view>

  17.                         <view class='member-item' @click="openPopup()">

  18.                             <image class='member-item-icon' src='/static/image/ic-me-collect.png'></image>

  19.                             <text class='member-item-text'>收藏本店</text>

  20.                         </view>

  21.                         <view class='member-item'>

  22.                             <!-- #ifdef MP-WEIXIN -->

  23.                             <button class='share btn' open-type="share">

  24.                                 <image class='member-item-icon' src='/static/image/qr_code.png'></image>

  25.                                 <text class='member-item-text'>二维码</text>

  26.                             </button>

  27.                             <!-- #endif -->

  28.                             <!-- #ifndef MP-WEIXIN -->

  29.                             <button class='share btn' @click="createPoster()">

  30.                                 <image class='member-item-icon' src='/static/image/qr_code.png'></image>

  31.                                 <text class='member-item-text'>二维码</text>

  32.                             </button>

  33.                             <!-- #endif -->

  34. 

  35.                         </view>

  36.                     </view>

  37.                 </view>

  38.             </view>

  39.             <view class="my-store-m">

  40.                 <view class="search">

  41.                     <view class="search-c" @click="goSearch">

  42.                         <view class="search-input search-input-p">

  43.                             <view class="search-input-p-c">

  44.                                 {{ searchKey }}

  45.                             </view>

  46.                         </view>

  47.                         <image class="icon search-icon" src="/static/image/zoom.png"></image>

  48.                     </view>

  49.                 </view>

  50.             </view>

  51.             <!-- 收藏弹出窗 -->

  52.             <lvv-popup position="bottom" ref="lvvpopref" @click="closePopup()">

  53.                 <view class="collect-pop" @click="closePopup()">

  54.                     <image v-if="isWeixinBrowser" src="/static/image/wxh5.png" mode="widthFix"></image>

  55.                     <!-- #ifdef MP-WEIXIN -->

  56.                     <image src="/static/image/wxxcx.png" mode="widthFix"></image>

  57.                     <!-- #endif -->

  58.                     <!-- #ifdef H5 -->

  59.                     <view class="h5-tip color-f fsz38">

  60.                         <view>请将此页面添加浏览器书签</view>

  61.                         <view>方便下次浏览</view>

  62.                     </view>

  63.                     <!-- #endif -->

  64.                 </view>

  65.             </lvv-popup>

  66.         </view>

  67.         <!-- 商品列表 -->

  68.         <view class="img-grids">

  69.             <view v-if="goodsList.length>0">

  70.                 <view class="img-grids-item" v-for="(item, index) in goodsList" :key="index" @click="goodsDetail(item.id)">

  71.                     <image class="img-grids-item-t have-none" :src="item.image_url" mode='aspectFill'></image>

  72.                     <view class="img-grids-item-b">

  73.                         <view class="goods-name grids-goods-name">

  74.                             {{item.name}}

  75.                         </view>

  76.                         <view class="goods-item-c">

  77.                             <view class="goods-price red-price">￥{{item.price}}</view>

  78.                             <image class="goods-cart" src="../../static/image/ic-car.png"></image>

  79.                         </view>

  80.                     </view>

  81.                 </view>

  82. 

  83.             </view>

  84.             <!-- 无数据时默认显示 -->

  85.             <view class="order-none" v-else>

  86.                 <image class="order-none-img" src="../../static/image/order.png" mode=""></image>

  87.             </view>

  88. 

  89.         </view>

  90.         <uni-load-more :status="loadStatus"></uni-load-more>

  91. 

  92.     </view>

  93. </template>

  94. 

  95. <script>

  96.     import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue'

  97. 

  98.     import lvvPopup from '@/components/lvv-popup/lvv-popup.vue';

  99.     import {

  100.         apiBaseUrl

  101.     } from '@/config/config.js'

  102.     export default {

  103.         components: {

  104.             lvvPopup,

  105.             uniLoadMore

  106.         },

  107.         data() {

  108.             return {

  109.                 goodsList: [],

  110.                 loadStatus: 'more',

  111.                 orderItems: [{

  112.                         name: '全部宝贝',

  113.                         nums: '115'

  114.                     },

  115.                     {

  116.                         name: '收藏本店',

  117.                         icon: '/static/image/ic-me-collect.png',

  118.                     },

  119.                     {

  120.                         name: '二维码',

  121.                         icon: '/static/image/qr_code.png',

  122.                     }

  123.                 ],

  124.                 storeCode: '',

  125.                 store_name: '', //店铺名称

  126.                 store_logo: '',

  127.                 store_logo_src: '',

  128.                 store_banner: '',

  129.                 store_desc: '', //店铺介绍

  130.                 store_banner_src: '',

  131.                 isWeixinBrowser: this.$common.isWeiXinBrowser(), //判断是否是微信浏览器

  132.                 total_goods: 0,

  133.                 myShareCode: '', //邀请码

  134.                 page: 1, //默认页码

  135.                 searchKey: '请输入关键字搜索'

  136.             }

  137.         },

  138.         onShow: function() {

  139.             if (this.$store.state.config.distribution_store == '2') {

  140.                 //跳转到首页

  141.                 uni.switchTab({

  142.                     url: '/pages/index/index'

  143.                 });

  144.             }

  145.         },

  146.         //加载执行

  147.         onLoad: function(options) {

  148.             let store = options.store;

  149.             this.storeCode = store;

  150.             this.getDistribution(store);

  151.             this.getGoods();

  152.             this.getMyShareCode()

  153.         },

  154.         mounted() {

  155.             // #ifdef H5 || APP-PLUS

  156.             window.addEventListener('scroll', this.handleScroll)

  157.             // #endif

  158.         },

  159.         updated() {

  160.             // #ifndef MP-WEIXIN

  161.             // 获取上半部分的整体高度

  162.             this.$nextTick(() => {

  163.                 let h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; //浏览器高度

  164.                 this.top_height = this.$refs.myStore.$el.clientHeight;

  165.             })

  166.             // #endif

  167.         },

  168.         methods: {

  169.             // 显示modal弹出框

  170.             openPopup() {

  171.                 this.$refs.lvvpopref.show();

  172.             },

  173.             // 关闭modal弹出框

  174.             closePopup() {

  175.                 this.$refs.lvvpopref.close();

  176.             },

  177.             //去搜索

  178.             goSearch() {

  179.                 let pages = getCurrentPages();

  180.                 let prevPage = pages[pages.length - 2];

  181.                 // #ifdef H5 || MP-WEIXIN

  182.                 if (prevPage && prevPage.route) {

  183.                     let search_flag = prevPage.route;

  184.                     if (search_flag == 'pages/index/search') {

  185.                         uni.navigateBack({

  186.                             delta: 1

  187.                         });

  188.                     } else {

  189.                         this.$common.navigateTo('/pages/index/search');

  190.                     }

  191.                 } else {

  192.                     this.$common.navigateTo('/pages/index/search');

  193.                 }

  194.                 // #endif

  195. 

  196.                 // #ifdef MP-ALIPAY

  197.                 if (prevPage && prevPage.__proto__.route) {

  198.                     let search_flag = prevPage.__proto__.route;

  199.                     if (search_flag == 'pages/index/search') {

  200.                         uni.navigateBack({

  201.                             delta: 1

  202.                         });

  203.                     } else {

  204.                         this.$common.navigateTo('/pages/index/search');

  205.                     }

  206.                 } else {

  207.                     this.$common.navigateTo('/pages/index/search');

  208.                 }

  209.                 // #endif

  210.             },

  211.             //跳转到商品详情页面

  212.             goodsDetail: function(id) {

  213.                 let url = '/pages/goods/index/index?id=' + id;

  214.                 this.$common.navigateTo(url);

  215.             },

  216.             //取得商品数据

  217.             getGoods: function() {

  218.                 let data = {

  219.                     page: this.page,

  220.                     limit: 10

  221.                 }

  222.                 this.loadStatus = 'loading'

  223.                 this.$api.goodsList(data, res => {

  224.                     if (res.status) {

  225.                         if (this.page >= res.data.total_page) {

  226.                             // 没有数据了

  227.                             this.loadStatus = 'noMore'

  228.                         } else {

  229.                             // 未加载完毕

  230.                             this.loadStatus = 'more'

  231.                             this.page++

  232.                         }

  233.                         this.goodsList = [...this.goodsList, ...res.data.list]

  234.                     } else {

  235.                         this.$common.errorToShow(res.msg)

  236.                     }

  237.                 });

  238.             },

  239.             //获取分销商信息

  240.             getDistribution: function(store) {

  241.                 let _this = this;

  242.                 _this.$api.getStoreInfo({

  243.                     store: store

  244.                 }, function(res) {

  245.                     if (res.status) {

  246.                         _this.store_name = res.data.store_name;

  247.                         _this.store_desc = res.data.store_desc;

  248.                         _this.store_logo_src = res.data.store_logo_src;

  249.                         _this.store_logo = res.data.store_logo;

  250.                         _this.store_banner_src = res.data.store_banner_src;

  251.                         _this.total_goods = res.data.total_goods;

  252.                         uni.setNavigationBarTitle({

  253.                             title: _this.store_name

  254.                         });

  255.                     } else {

  256.                         //报错了

  257.                         _this.$common.errorToShow(res.msg);

  258.                     }

  259.                 });

  260.             },

  261.             // 生成邀请海报

  262.             createPoster() {

  263.                 let data = {

  264.                     type: 4,

  265.                     id: this.storeCode

  266.                 }

  267. 

  268.                 let pages = getCurrentPages()

  269.                 let page = pages[pages.length - 1]

  270.                 let page_path = '/pages/share/jump';

  271.                 // #ifdef H5

  272.                 data.source = 1;

  273.                 data.return_url = apiBaseUrl + 'wap/' + page_path;

  274.                 // #endif

  275. 

  276.                 // #ifdef MP-WEIXIN

  277.                 data.source = 2;

  278.                 data.return_url = page_path;

  279.                 // #endif

  280. 

  281.                 // #ifdef MP-ALIPAY

  282.                 data.source = 3;

  283.                 data.return_url = page_path;

  284.                 // #endif

  285. 

  286.                 let userToken = this.$db.get('userToken')

  287. 

  288.                 if (userToken) {

  289.                     data.token = userToken

  290.                 }

  291.                 this.$api.createPoster(data, res => {

  292.                     if (res.status) {

  293.                         this.$common.navigateTo('/pages/share?poster=' + res.data)

  294.                     } else {

  295.                         this.$common.errorToShow(res.msg)

  296.                     }

  297.                 })

  298.             },

  299.             getMyShareCode() {

  300.                 let userToken = this.$db.get("userToken");

  301.                 if (userToken && userToken != '') {

  302.                     // 获取我的分享码

  303.                     this.$api.shareCode({}, res => {

  304.                         if (res.status) {

  305.                             this.myShareCode = res.data ? res.data : '';

  306.                         }

  307.                     });

  308.                 }

  309.             }

  310.         },

  311.         //上拉加载

  312.         onReachBottom() {

  313.             if (this.loadStatus === 'more') {

  314.                 this.getGoods();

  315.             }

  316.         },

  317.         //分享

  318.         onShareAppMessage() {

  319.             let myInviteCode = this.myShareCode ? this.myShareCode : '';

  320.             let ins = this.$common.shareParameterDecode('type=9&invite=' + myInviteCode + "&id=" + this.storeCode);

  321.             let path = '/pages/share/jump?scene=' + ins;

  322.             return {

  323.                 title: this.$store.state.config.share_title,

  324.                 // #ifdef MP-ALIPAY

  325.                 desc: this.$store.state.config.share_desc,

  326.                 // #endif

  327.                 imageUrl: this.$store.state.config.share_image,

  328.                 path: path

  329.             }

  330.         }

  331. 

  332.     }

  333. </script>

  334. 

  335. <style>

  336.     .mst-top {

  337.         width: 100%;

  338.     }

  339. 

  340.     .mst-top image {

  341.         width: 100%;

  342.     }

  343. 

  344.     .member-grid {

  345.         border-top: 2upx solid #ddd;

  346.         background-color: #fff;

  347.         margin-bottom: 20upx;

  348.     }

  349. 

  350.     .member-item {

  351.         border-right: 2upx solid #eee;

  352.         height: 90upx;

  353.     }

  354. 

  355.     .member-item:last-child {

  356.         border-right: none;

  357.     }

  358. 

  359.     .member-item-img {

  360.         width: 150upx;

  361.         height: 150upx;

  362.         top: -70upx;

  363.         position: absolute;

  364.         left: 42%;

  365.         transform: translateX(-50%);

  366.         border-radius: 10upx;

  367.         background-color: #fff;

  368.         border-radius: 6upx;

  369.         box-shadow: 0 0 10upx #ccc;

  370.     }

  371. 

  372.     .img-grids {

  373.         padding-bottom: 26upx;

  374.     }

  375. 

  376.     .img-grids-item {

  377.         margin-bottom: 0;

  378.     }

  379. 

  380.     .scroll-Y {

  381.         /*  #ifdef  H5  */

  382.         height: calc(100vh - 44px - 0upx);

  383.         /*  #endif  */

  384.         /*  #ifndef H5 */

  385.         height: calc(100vh - 0upx);

  386.         /*  #endif  */

  387.         position: position;

  388.         /* bottom: 0; */

  389.         /*     padding-bottom:200upx */

  390. 

  391.     }

  392. 

  393.     .collect-pop {

  394.         width: 100%;

  395.         height: 100%;

  396.         /* background: #FFFFFF; */

  397.         position: absolute;

  398.         left: 0;

  399.         bottom: 0;

  400.         /* transform: ; */

  401.     }

  402. 

  403.     .collect-pop image {

  404.         width: 100%;

  405.     }

  406. 

  407.     .h5-tip {

  408.         text-align: center;

  409.         margin-top: 300upx;

  410.     }

  411. 

  412.     .member-item .share {

  413.         background: none !important;

  414.         line-height: normal;

  415.     }

  416. </style>

  417.
order.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="type-c" v-if="list.length">

  4.             <view class="cell-group margin-cell-group" v-for="(item, index) in list" :key="index">

  5.                 <view class="cell-item">

  6.                     <view class="cell-item-hd">

  7.                         <view class='cell-hd-title'>下单人:{{ item.buy_user }}</view>

  8.                     </view>

  9.                     <view class="cell-item-ft">

  10.                         <view class="cell-ft-p color-9">

  11.                             {{ item.ctime }}

  12.                         </view>

  13.                     </view>

  14.                 </view>

  15.                 <view class="cell-item">

  16.                     <view class="cell-item-hd">

  17.                         <view class='cell-hd-title color-9'>订单号:{{ item.order_id }}</view>

  18.                     </view>

  19.                     <view class="cell-item-ft red-price">

  20.                         {{ item.amount }}

  21.                     </view>

  22.                 </view>

  23.             </view>

  24.             <uni-load-more

  25.             :status="loadStatus"

  26.             ></uni-load-more>

  27.         </view>

  28.         <view class="order-none" v-else>

  29.             <image class="balance-none-img" src="/static/image/order.png" mode=""></image>

  30.         </view>

  31.     </view>

  32. </template>

  33. 

  34. <script>

  35. import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue'

  36. import { goods } from '@/config/mixins.js'

  37.     export default {

  38.         mixins: [ goods ],

  39.         components: {

  40.             uniLoadMore

  41.         },

  42.         data() {

  43.             return {

  44.                 startTime: 0,

  45.                 screenName: '',

  46.                 page: 1,

  47.                 limit: 10,

  48.                 list: [], // 商品浏览足迹

  49.                 loadStatus: 'more'

  50.             };

  51.         },

  52.         onLoad () {

  53.             this.getDistributionOrder()

  54.         },

  55.         onShow() {

  56.             const res = uni.getSystemInfoSync();

  57.         },

  58.         onReachBottom () {

  59.             if (this.loadStatus === 'more') {

  60.                 this.getDistributionOrder()

  61.             }

  62.         },

  63.         methods: {

  64.             getDistributionOrder () {

  65.                 let data = {

  66.                     page: this.page,

  67.                     limit: this.limit

  68.                 }

  69. 

  70.                 this.loadStatus = 'loading'

  71.                 

  72.                 this.$api.getDistributionOrder(data, res => {

  73.                     //console.log(res);

  74.                     if (res.status) {

  75.                         let _list = res.data.list

  76.                         _list.forEach (item => {

  77.                             this.$set(item, 'slide_x', 0)

  78.                         })

  79.                         this.list = [...this.list, ..._list]

  80.                         

  81.                         if (res.data.count > this.list.length) {

  82.                             this.page ++

  83.                             this.loadStatus = 'more'

  84.                         } else {

  85.                             this.loadStatus = 'noMore'

  86.                         }

  87.                     } else {

  88.                         this.$common.errorToShow(res.msg)

  89.                     }

  90.                 })

  91.             },

  92.         }

  93.     };

  94. </script>

  95. 

  96. <style scoped>

  97. .type-c .cell-group{

  98.     padding: 10upx 0;

  99.     margin-top: 0;

  100. }

  101. .type-c .cell-item{

  102.     border: none;

  103.     min-height: 70upx;

  104.     padding: 0 26upx 0 0;

  105. }

  106. .type-c .cell-item .red-price{

  107.     font-size: 50upx;

  108. }

  109. .type-c .cell-item .color-9{

  110.     font-size: 24upx;

  111. }

  112. .order-none{

  113.     text-align: center;

  114.     padding: 200upx 0;

  115. }

  116. .balance-none-img{

  117.     width: 274upx;

  118.     height: 274upx;

  119. }

  120. </style>

  121.
popularize.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-c">

  4.             <view class="content-c-top color-6 fsz28">

  5.                 将网站分享给您的好友，您的好友通过您的分享购买网站商品，你将会获得佣金。

  6.             </view>

  7.             <image class="qrcode-img" src="/static/demo-img/qcode.png" mode="widthFix"></image>

  8.             <view class="color-3 fsz26">

  9.                 长按保存二维码图片

  10.             </view>

  11.         </view>

  12.     </view>

  13. </template>

  14. 

  15. <script>

  16. </script>

  17. 

  18. <style>

  19. .content-c{

  20.     text-align: center;

  21.     padding: 50upx 0;

  22.     width: 80%;

  23.     margin: 0 auto;

  24. }

  25. .content-c-top{

  26.     text-align: left;

  27. }

  28. .qrcode-img{

  29.     width: 400upx;

  30.     height: 400upx;

  31.     /* margin-top: 50upx; */

  32.     margin: 50upx auto;

  33. }

  34. </style>

  35.
store_setting.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top">

  4.             <view class='cell-group'>

  5.                 <view class='cell-item'>

  6.                     <view class='cell-item-hd'>

  7.                         <view class='cell-hd-title'>名称</view>

  8.                     </view>

  9.                     <view class='cell-item-bd'>

  10.                         <input class='cell-bd-input' placeholder='请输入店铺名称' v-model="store_name"></input>

  11.                     </view>

  12.                 </view>

  13.                 <view class='cell-item user-head'>

  14.                     <view class='cell-item-hd'>

  15.                         <view class='cell-hd-title'>图标</view>

  16.                     </view>

  17.                     <view class='cell-item-ft'>

  18.                         <image class='cell-ft-next user-head-img have-none' mode="aspectFill" :src="logo" @click="uploadLogo"></image>

  19.                     </view>

  20.                 </view>

  21.             </view>

  22.             <view class='cell-group'>

  23.                 <view class='cell-item right-img'>

  24.                     <view class='cell-item-hd'>

  25.                         <view class='cell-hd-title'>店招</view>

  26.                     </view>

  27.                 </view>

  28.                 <view class="">

  29.                     <view class="evaluate-c-b">

  30.                         <view class="goods-img-item" v-for="(item, key) in images" :key="key">

  31.                             <image class="del" src="/static/image/del.png" mode="" @click="delImage(item)"></image>

  32.                             <image class="" :src="item.url" mode="" @click="clickImg(item.url)"></image>

  33.                         </view>

  34.                         <view class="upload-img" v-show="isImage" @click="upImage">

  35.                             <image class="icon" src="/static/image/camera.png" mode=""></image>

  36.                             <view class="">上传照片</view>

  37.                         </view>

  38.                     </view>

  39.                 </view>

  40.             </view>

  41.             <view class='cell-group'>

  42.                 <view class='cell-item right-img'>

  43.                     <view class='cell-item-hd'>

  44.                         <view class='cell-hd-title'>简介</view>

  45.                     </view>

  46. 

  47.                 </view>

  48.                 <view class="cell-textarea ">

  49.                     <textarea v-model="store_desc" placeholder="请您在此描述问题(最多200字)" maxlength="200" />

  50.                     </view>

  51.             </view>

  52.         </view>

  53.         <view class="button-bottom">

  54.             <button class="btn btn-square btn-b"  hover-class="btn-hover2" @click="submitHandler()">保存</button>

  55.         </view>

  56.     </view>

  57. </template>

  58. 

  59. <script>

  60. export default {

  61.     data() {

  62.         return {

  63.             title: 'picker',

  64.             logo: '',

  65.             index: 2,

  66.             images:[],

  67.             image_max: 1,

  68.             store_name:'',//店铺名称

  69.             store_logo:'',

  70.             store_banner:'',

  71.             store_desc:'',//店铺介绍

  72.             store_logo_src:'',

  73.             store_banner_src:'',

  74.         }

  75.     },

  76.     computed: {

  77.         isImage() {

  78.             let num = this.image_max - this.images.length;

  79.             if(num > 0) {

  80.                 return true;

  81.             }else{

  82.                 return false;

  83.             }

  84.         }

  85.     },

  86.     methods: {

  87.         // 用户上传头像

  88.         uploadLogo () {

  89.             this.$api.uploadFiles(res => {

  90.                 if (res.status) {

  91.                     this.store_logo = res.data.image_id;

  92.                     this.logo = res.data.url;

  93.                 } else {

  94.                     this.$common.errorToShow(res.msg)

  95.                 }

  96.             })

  97.         },

  98.         // 保存资料

  99.         submitHandler() {

  100.             if(!this.store_name||this.store_name==''){

  101.                 this.$common.errorToShow('请填写店铺名称');

  102.                 return;

  103.             }

  104.             if(this.images.length <= 0){

  105.                 this.$common.errorToShow('请上传店招');

  106.                 return;

  107.             }

  108.             if(!this.store_logo){

  109.                 this.$common.errorToShow('请上传图标');

  110.                 return;

  111.             }

  112.             this.store_banner = this.images[0].image_id;

  113.             

  114.             this.$api.setStore({

  115.                     store_name: this.store_name,

  116.                     store_logo: this.store_logo,

  117.                     store_banner: this.store_banner,

  118.                     store_desc: this.store_desc

  119.                 }, res => {

  120.                     if(res.status){

  121.                         this.$common.successToShow(res.msg, result => {

  122.                             uni.navigateBack({

  123.                                 delta: 1

  124.                             });

  125.                         });

  126.                     }else{

  127.                         this.$common.errorToShow(res.msg);

  128.                     }

  129.                 }

  130.             );

  131.         },

  132.                 //上传图片

  133.         upImage() {

  134.             let num = this.image_max - this.images.length;

  135.             if(num > 0){

  136.                 this.$api.uploadImage(num, res => {

  137.                     if(res.status){

  138.                         this.images.push(res.data);

  139.                         this.$common.successToShow(res.msg);

  140.                     }else{

  141.                         this.$common.errorToShow(res.msg);

  142.                     }

  143.                 });

  144.             }

  145.         },

  146.         //删除图片

  147.         delImage(e) {

  148.             let newImages = [];

  149.             for(var i = 0; i < this.images.length; i++) {

  150.                 if(this.images[i].image_id != e.image_id){

  151.                     newImages.push(this.images[i]);

  152.                 }

  153.             }

  154.             this.images = newImages;

  155.         },

  156.         // 图片点击放大

  157.         clickImg (img) {

  158.             // 预览图片

  159.             uni.previewImage({

  160.                 urls: img.split()

  161.             });

  162.         }

  163.     },

  164.     onLoad: function() {

  165.         var _this = this;

  166.         _this.$api.getDistributioninfo({check_condition:false}, function(res) {

  167.             if (res.status) {

  168.                 _this.store_name = res.data.store_name;

  169.                 _this.store_desc = res.data.store_desc;

  170.                 _this.store_logo = res.data.store_logo;

  171.                 if( res.data.store_logo){

  172.                     _this.logo = res.data.store_logo_src;

  173.                 }

  174.                 _this.store_banner = res.data.store_banner;

  175.                 if(_this.store_banner){

  176.                     _this.images.push({

  177.                         image_id:res.data.store_banner,

  178.                         url:res.data.store_banner_src

  179.                         });

  180.                 }

  181.             } else {

  182.                 //报错了

  183.                 _this.$common.errorToShow(res.msg);

  184.             }

  185.         });

  186.     }

  187. }

  188. </script>

  189. 

  190. <style>

  191. .user-head{

  192.     height: 100upx;

  193. }

  194. .user-head-img{

  195.     height: 90upx;

  196.     width: 90upx;

  197.     border-radius: 50%;

  198. }

  199. .cell-hd-title{

  200.     color: #333;

  201. }

  202. .cell-item-bd{

  203.     color: #666;

  204.     font-size: 26upx;

  205. }

  206. .list-goods-name{

  207.     width: 100% !important;

  208. }

  209. .cart-checkbox-item{

  210.     position: relative;

  211. }

  212. .invoice-type .uni-list-cell{

  213.     display: inline-block;

  214.     font-size: 26upx;

  215.     color: #333;

  216.     position: relative;

  217.     margin-left: 50upx;

  218. }

  219. .invoice-type .uni-list-cell>view{

  220.     display: inline-block;

  221. }

  222. .invoice-type-icon{

  223.     position: absolute;

  224.     top: 50%;

  225.     transform: translateY(-50%);

  226. }

  227. .invoice-type-c{

  228.     margin-left: 50upx;

  229.     line-height: 2;

  230. }

  231. .cell-item-ft .cell-bd-input{

  232.     text-align: right;

  233.     width: 500upx;

  234.     font-size: 28upx;

  235. }

  236. .right-img{

  237.     border-bottom: 0;

  238. }

  239. .cell-textarea{

  240.     padding: 0 26upx 20upx;

  241. }

  242. .cell-textarea textarea{

  243.     width: 100%;

  244.     height: 200upx;

  245.     font-size: 26upx;

  246.     color: #333;

  247. }

  248. .evaluate-c-b{

  249.     overflow: hidden;

  250.     padding: 0 20upx;

  251. }

  252. .upload-img{

  253.     width: 146upx;

  254.     height: 146upx;

  255.     margin: 14upx;

  256.     text-align: center;

  257.     color: #999999;

  258.     font-size: 22upx;

  259.     border: 2upx solid #E1E1E1;

  260.     border-radius: 4upx;

  261.     display: inline-block;

  262.     float: left;

  263.     padding: 24upx 0;

  264. }

  265. .goods-img-item{

  266.     width: 174upx;

  267.     height: 174upx;

  268.     padding: 14upx;

  269.     float: left;

  270.     position: relative;

  271. }

  272. .goods-img-item:nth-child(4n){

  273.     margin-right: 0;

  274. }

  275. .goods-img-item image{

  276.     width: 100%;

  277.     height: 100%;

  278. }

  279. .del{

  280.     width: 30upx !important;

  281.     height: 30upx !important;

  282.     position: absolute;

  283.     right: 0;

  284.     top: 0;

  285.     z-index: 999;

  286. }

  287. .cell-textarea textarea{

  288.     background-color: #f8f8f8;

  289.     padding: 12upx 20upx;

  290.     box-sizing: border-box;

  291. }

  292. </style>

  293.
user.vue
复制代码
  1. <template>

  2.     <view class="content">

  3. 

  4.         <!-- 用户头像header -->

  5.         <view class='member-top'>

  6.             <!-- <image class='bg-img' src='/static/image/member-bg.png'></image> -->

  7.             <view class='member-top-c'>

  8.                 <view class="fsz50 color-f">{{info.total_settlement_amount}}</view>

  9.                 <view class='fsz26 color-d'>累计收入</view>

  10.             </view>

  11.         </view>

  12.         <!-- 用户头像header end -->

  13. 

  14.         <!-- 其他功能菜单 -->

  15.         <view class='member-grid'>

  16.             <view class='member-item' v-for="(item, index) in orderItems" :key="index">

  17.                 <text class='member-item-text'>{{ item.name }}</text>

  18.                 <view class="color-o fsz38">{{ item.nums }}</view>

  19.             </view>

  20.         </view>

  21.         <view class='cell-group margin-cell-group right-img'>

  22.             <view class='cell-item' v-for="(item, index) in utilityMenus" :key="index">

  23.                 <view class='cell-item-hd' @click="navigateToHandle(item.router)">

  24.                     <image class='cell-hd-icon' :src='item.icon'></image>

  25.                     <view class='cell-hd-title'>{{ item.name }}</view>

  26.                 </view>

  27.                 <view class='cell-item-ft'>

  28.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  29.                 </view>

  30.             </view>

  31.             <view class='cell-item'>

  32.                 <view class='cell-item-hd' @click="createPoster()">

  33.                     <image class='cell-hd-icon' src='/static/image/extension.png'></image>

  34.                     <view class='cell-hd-title'>我要推广</view>

  35.                 </view>

  36.                 <view class='cell-item-ft'>

  37.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  38.                 </view>

  39.             </view>

  40.         </view>

  41.         <!-- 其他功能菜单end -->

  42.         <jihaiCopyright></jihaiCopyright>

  43.     </view>

  44. </template>

  45. 

  46. 

  47. <script>

  48.     import jihaiCopyright from '@/components/jihai-copyright/jihaiCopyright.vue'

  49.     import {

  50.         checkLogin

  51.     } from '@/config/mixins.js'

  52.     import {

  53.         apiBaseUrl

  54.     } from '@/config/config.js'

  55.     export default {

  56.         components: {

  57.             jihaiCopyright

  58.         },

  59.         mixins: [checkLogin],

  60.         data() {

  61.             return {

  62.                 // isClerk: false,

  63.                 orderItems: {

  64.                     freeze: {

  65.                         name: '冻结金额',

  66.                         nums: "0"

  67.                     },

  68.                     settlement: {

  69.                         name: '已结算金额',

  70.                         nums: '0'

  71.                     },

  72.                     current_month_order: {

  73.                         name: '本月订单数',

  74.                         nums: '0'

  75.                     }

  76.                 },

  77.                 utilityMenus: {

  78.                     invite: {

  79.                         name: '我的邀请',

  80.                         icon: '/static/image/ic-me-invite.png',

  81.                         router: '../invite/list'

  82.                     },

  83.                     order: {

  84.                         name: '推广订单',

  85.                         icon: '/static/image/extension_order.png',

  86.                         router: './order'

  87.                     },

  88.                     balance: {

  89.                         name: '我的佣金',

  90.                         icon: '/static/image/ic-me-balance.png',

  91.                         router: '../balance/details?status=5'

  92.                     },

  93.                     my_store: {

  94.                         name: '我的店铺',

  95.                         icon: '/static/image/my_store.png',

  96.                         router: './my_store'

  97.                     },

  98.                     store_setting: {

  99.                         name: '店铺设置',

  100.                         icon: '/static/image/me-ic-set.png',

  101.                         router: './store_setting'

  102.                     }

  103.                 },

  104.                 info: {}, //分销商信息

  105. 

  106.             }

  107.         },

  108.         onShow() {

  109.             var _this = this;

  110.             if (_this.$store.state.config.distribution_store != '1') {

  111.                 delete this.utilityMenus.my_store;

  112.                 delete this.utilityMenus.store_setting;

  113.             }

  114.             _this.$api.getDistributioninfo({}, function(res) {

  115.                 if (res.status) {

  116.                     _this.info = res.data;

  117.                     if (res.data.verify != 1) { //审核通过

  118.                         _this.$common.redirectTo('/pages/member/distribution/index');

  119.                     }

  120.                     _this.orderItems.freeze.nums = _this.info.freeze_amount;

  121.                     _this.orderItems.settlement.nums = _this.info.settlement_amount;

  122.                     _this.orderItems.current_month_order.nums = _this.info.current_month_order;

  123.                     if (_this.$store.state.config.distribution_store == '1') {

  124.                         _this.utilityMenus.my_store.router = './my_store?store=' + _this.info.store;

  125.                     }

  126.                     

  127.                 } else {

  128.                     //报错了

  129.                     _this.$common.errorToShow(res.msg);

  130.                 }

  131.             });

  132.         },

  133.         methods: {

  134. 

  135.             navigateToHandle(pageUrl) {

  136.                 this.$common.navigateTo(pageUrl)

  137.             },

  138.             orderNavigateHandle(url, tab = 0) {

  139.                 if (!this.hasLogin) {

  140.                     return this.checkIsLogin()

  141.                 }

  142.                 this.$store.commit('orderTab', tab)

  143.                 this.$common.navigateTo(url)

  144.             },

  145.             goAfterSaleList() {

  146.                 if (!this.hasLogin) {

  147.                     return this.checkIsLogin()

  148.                 }

  149.                 this.$common.navigateTo('../after_sale/list')

  150.             },

  151.             // 生成邀请海报

  152.             createPoster() {

  153.                 let data = {

  154.                     type: 4,

  155.                     id: this.info.store,

  156. 

  157.                 }

  158.                 //console.log(this.info.store)

  159.                 let pages = getCurrentPages()

  160.                 let page = pages[pages.length - 1]

  161.                 let page_path = '/pages/share/jump';

  162.                 // #ifdef H5

  163.                 data.source = 1;

  164.                 data.return_url = apiBaseUrl + 'wap/' + page_path;

  165.                 // #endif

  166. 

  167.                 // #ifdef MP-WEIXIN

  168.                 data.source = 2;

  169.                 data.return_url = page_path;

  170.                 // #endif

  171. 

  172.                 // #ifdef MP-ALIPAY

  173.                 data.source = 3;

  174.                 data.return_url = page_path;

  175.                 // #endif

  176. 

  177.                 let userToken = this.$db.get('userToken')

  178. 

  179.                 if (userToken) {

  180.                     data.token = userToken

  181.                 }

  182.                 this.$api.createPoster(data, res => {

  183.                     if (res.status) {

  184.                         this.$common.navigateTo('/pages/share?poster=' + res.data)

  185.                     } else {

  186.                         this.$common.errorToShow(res.msg)

  187.                     }

  188.                 })

  189.             },

  190.         },

  191.         //分享

  192.         onShareAppMessage() {

  193.             let myInviteCode = this.myShareCode ? this.myShareCode : '';

  194.             let ins = this.$common.shareParameterDecode('type=3&invite=' + myInviteCode);

  195.             let path = '/pages/share/jump?scene=' + ins;

  196.             return {

  197.                 title: this.$store.state.config.share_title,

  198.                 // #ifdef MP-ALIPAY

  199.                 desc: this.$store.state.config.share_desc,

  200.                 // #endif

  201.                 imageUrl: this.$store.state.config.share_image,

  202.                 path: path

  203.             }

  204.         }

  205.     }

  206. </script>

  207. 

  208. <style>

  209.     .member-top {

  210.         position: relative;

  211.         width: 100%;

  212.         height: 340upx;

  213.         background-color: #FF7159;

  214.     }

  215. 

  216.     .bg-img {

  217.         position: absolute;

  218.         width: 100%;

  219.         height: 100%;

  220.     }

  221. 

  222.     .member-top-c {

  223.         position: absolute;

  224.         top: 50%;

  225.         left: 50%;

  226.         transform: translate(-50%, -50%);

  227.         text-align: center;

  228.     }

  229. 

  230.     .user-head-img {

  231.         display: block;

  232.         width: 160upx;

  233.         height: 160upx;

  234.         border-radius: 50%;

  235.         overflow: hidden;

  236.         background-color: rgba(255, 255, 255, 0.7);

  237.     }

  238. 

  239.     .user-name {

  240.         font-size: 30upx;

  241.         color: #fff;

  242.     }

  243. 

  244.     .member-grid {

  245.         background-color: #fff;

  246.         border-top: 2upx solid #eee;

  247.         padding: 20upx 0;

  248.     }

  249. 

  250.     .margin-cell-group {

  251.         margin: 20upx 0;

  252.         color: #666666;

  253.     }

  254. 

  255.     .badge {

  256.         left: 80upx;

  257.         top: -6upx;

  258.     }

  259. 

  260.     button.cell-item-hd {

  261.         background-color: #fff;

  262.         padding: 0;

  263.         line-height: 1.4;

  264.         color: #333;

  265.     }

  266. 

  267.     button.cell-item-hd:after {

  268.         border: none;

  269.     }

  270. 

  271.     .login-btn {

  272.         color: #fff;

  273.         width: 160upx;

  274.         height: 50upx;

  275.         line-height: 50upx;

  276.         border-radius: 25upx;

  277.         background: #ff7159;

  278.         font-size: 12px;

  279.         margin-top: 16upx;

  280.     }

  281. </style>

  282.
history
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="collection" v-if="list.length">

  4.             <view class="container_of_slide" 

  5.             v-for="(item, index) in list" 

  6.             :key="index"

  7.             >

  8.                 <view class="slide_list" 

  9.                 @touchstart="touchStart($event,index)" 

  10.                 @touchend="touchEnd($event,index)" 

  11.                 @touchmove="touchMove($event,index)"

  12.                 @tap="recover(index)" 

  13.                 :style="{transform:'translate3d('+item.slide_x+'px, 0, 0)'}"

  14.                 v-if="item.goods"

  15.                 >

  16.                     <view class="now-message-info" hover-class="uni-list-cell-hover" :style="{width:Screen_width+'px'}" 

  17.                     @click="goodsDetail(item.goods_id)">

  18.                         <view class="icon-circle">

  19.                             <image class='goods-img' :src="item.goods.image_url" mode="aspectFill"></image>

  20.                         </view>

  21.                         

  22.                         <view class="list-right">

  23.                             <view class="list-title">{{ item.goods.name }}</view>

  24.                             <view class="red-price">￥{{ item.goods.price }}</view>

  25.                             <view class="list-detail">{{ item.ctime }}</view>

  26.                         </view>

  27.                         <view class="list-right-1">

  28.                             <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  29.                         </view>

  30.                     </view>

  31.                     <view class="group-btn">

  32.                         <view class="top btn-div" @tap="collect(index)" v-if="item.isCollection">

  33.                             取消

  34.                         </view>

  35.                         <view class="top btn-div" @tap="collect(index)" v-if="!item.isCollection">

  36.                             收藏

  37.                         </view>

  38.                         <view class="removeM btn-div" @tap="remove(index)">

  39.                             删除

  40.                         </view>

  41.                     </view>

  42.                     <view style="clear:both"></view>

  43.                 </view>

  44.             </view>

  45.             <uni-load-more

  46.             :status="loadStatus"

  47.             ></uni-load-more>

  48.         </view>

  49.         <view class="history-none" v-else>

  50.             <image class="history-none-img" src="/static/image/order.png" mode=""></image>

  51.         </view>

  52.     </view>

  53. </template>

  54. 

  55. <script>

  56. import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue'

  57. import { goods } from '@/config/mixins.js'

  58.     export default {

  59.         mixins: [ goods ],

  60.         components: {

  61.             uniLoadMore

  62.         },

  63.         computed: {

  64.             Screen_width() {

  65.                 return uni.getSystemInfoSync().windowWidth;

  66.             }

  67.         },

  68.         data() {

  69.             return {

  70.                 visible: false,

  71.                 start_slide_x: 0,

  72.                 btnWidth: 0,

  73.                 startX: 0,

  74.                 LastX: 0,

  75.                 startTime: 0,

  76.                 screenName: '',

  77.                 page: 1,

  78.                 limit: 10,

  79.                 list: [], // 商品浏览足迹

  80.                 loadStatus: 'more'

  81.             };

  82.         },

  83.         onLoad () {

  84.             this.goodsBrowsing()

  85.         },

  86.         onShow() {

  87.             const res = uni.getSystemInfoSync();

  88.         },

  89.         onReachBottom () {

  90.             if (this.loadStatus === 'more') {

  91.                 this.goodsBrowsing()

  92.             }

  93.         },

  94.         methods: {

  95.             goodsBrowsing () {

  96.                 let data = {

  97.                     page: this.page,

  98.                     limit: this.limit

  99.                 }

  100. 

  101.                 this.loadStatus = 'loading'

  102.                 

  103.                 this.$api.goodsBrowsing(data, res => {

  104.                     if (res.status) {

  105.                         let _list = res.data.list

  106.                         _list.forEach (item => {

  107.                             this.$set(item, 'slide_x', 0)

  108.                             item.ctime = this.$common.timeToDate(item.ctime)

  109.                         })

  110.                         this.list = [...this.list, ..._list]

  111.                         

  112.                         if (res.data.count > this.list.length) {

  113.                             this.page ++

  114.                             this.loadStatus = 'more'

  115.                         } else {

  116.                             this.loadStatus = 'noMore'

  117.                         }

  118.                     } else {

  119.                         this.$common.errorToShow(res.msg)

  120.                     }

  121.                 })

  122.             },

  123.             cancelEvent(){

  124.                 this.visible = false

  125.             },

  126.             // 滑动开始

  127.             touchStart(e, index) {

  128.                 this.startCilentY = e.touches[0].clientY;

  129.                 //记录手指放上去的时间

  130.                 this.startTime = e.timeStamp;

  131.                 //记录滑块的初始位置

  132.                 this.start_slide_x = this.list[index].slide_x;

  133.                 // 按钮宽度

  134.                 uni.createSelectorQuery()

  135.                     .selectAll('.group-btn')

  136.                     .boundingClientRect()

  137.                     .exec(res => {

  138.                         if (res[0] != null) {

  139.                             this.btnWidth = res[0][index].width * -1;

  140.                         }

  141.                     });

  142.                 // 记录上一次开始时手指所处位置

  143.                 this.startX = e.touches[0].pageX;

  144.                 // 记录上一次手指位置

  145.                 this.lastX = this.startX;

  146.                 //初始化非当前滑动消息列的位置

  147.                 this.list.forEach((item, eq) => {

  148.                     if (eq !== index) {

  149.                         item.slide_x = 0;

  150.                     }

  151.                 });

  152.             },

  153.             // 滑动中

  154.             touchMove(e, index) {

  155.                 var endCilentY = e.touches[0].clientY; 

  156.                 var moveClientY = endCilentY - this.startCilentY;

  157.                 if (this.direction === 'Y' || Math.abs(moveClientY ) > 20 || e.currentTarget.dataset.disabled === true) { this.direction = ''; return; }

  158.                 const endX = e.touches[0].pageX;

  159.                 const distance = endX - this.lastX;

  160.                 // 预测滑块所处位置

  161.                 const duang = this.list[index].slide_x + distance;

  162.                 // 如果在可行区域内

  163.                 if (duang <= 0 && duang >= this.btnWidth) {

  164.                     this.list[index].slide_x = duang;

  165.                 }

  166.                 // 此处手指所处位置将成为下次手指移动时的上一次位置

  167.                 this.lastX = endX;

  168.             },

  169.             // 滑动结束

  170.             touchEnd(e, index) {

  171.                 let distance = 10;

  172.                 const endTime = e.timeStamp;

  173.                 const x_end_distance = this.startX - this.lastX;

  174.                 if (Math.abs(endTime - this.startTime) > 200) {

  175.                     distance = this.btnWidth / -2;

  176.                 }

  177.                 // 判断手指最终位置与手指开始位置的位置差距

  178.                 if (x_end_distance > distance) {

  179.                     this.list[index].slide_x = this.btnWidth;

  180.                 } else if (x_end_distance < distance * -1) {

  181.                     this.list[index].slide_x = 0;

  182.                 } else {

  183.                     this.list[index].slide_x = this.start_slide_x;

  184.                 }

  185.             },

  186.             // 点击回复原状

  187.             recover(index) {

  188.                 this.list[index].slide_x = 0;

  189.             },

  190.             // 收藏/取消

  191.             collect (index) {

  192.                 let data = {

  193.                     goods_id: this.list[index].goods_id

  194.                 }

  195.                 

  196.                 this.$api.goodsCollection(data, res => {

  197.                     if (res.status) {

  198.                         this.$common.successToShow(res.msg, () => {

  199.                             this.$nextTick(() => {

  200.                                 this.list[index].isCollection = !this.list[index].isCollection

  201.                             })

  202.                         })

  203.                     } else {

  204.                         this.$common.errorToShow(res.msg)

  205.                     }

  206.                 })

  207.             },

  208.             // 删除

  209.             remove(index) {

  210.                 

  211.                 let data = {

  212.                     goods_ids: this.list[index].goods_id

  213.                 }

  214.                 

  215.                 this.$api.delGoodsBrowsing(data, res => {

  216.                     if (res.status) {

  217.                         this.$common.successToShow(res.msg, () => {

  218.                             this.list.splice(index, 1)

  219.                         })

  220.                     } else {

  221.                         this.$common.errorToShow(res.msg)

  222.                     }

  223.                 })

  224.             }

  225.         }

  226.     };

  227. </script>

  228. 

  229. <style scoped>

  230. .collection .goods-img{

  231.     width: 150upx;

  232.     height: 150upx;    

  233. }

  234. .container_of_slide {

  235.     width: 100%;

  236.     overflow: hidden;

  237. }

  238. .slide_list {

  239.     transition: all 100ms;

  240.     transition-timing-function: ease-out;

  241.     min-width: 200%;

  242. }

  243. .now-message-info {

  244.     box-sizing:border-box;

  245.     display: flex;

  246.     align-items: center;

  247.     font-size: 16px;

  248.     clear:both;

  249.     padding: 20upx 26upx;

  250.     margin-bottom: 2upx;

  251.     background: #FFFFFF;

  252. }

  253. .now-message-info,

  254. .group-btn {

  255.     float: left;

  256. }

  257. .group-btn {

  258.     display: flex;

  259.     flex-direction: row;

  260.     height: 190upx;

  261.     min-width: 100upx;

  262.     align-items: center;

  263. 

  264. }

  265. .group-btn .btn-div {

  266.     height: 190upx;

  267.     color: #fff;

  268.     text-align: center;

  269.     padding: 0 50upx;

  270.     font-size: 34upx;

  271.     line-height: 190upx;

  272. }

  273. .group-btn .top {

  274.     background-color: #FF7159;

  275. }

  276. .group-btn .removeM {

  277.     background-color: #999;

  278. }

  279. .icon-circle{

  280.     width:150upx;

  281.     height: 150upx;

  282.     float: left;

  283. }

  284. .list-right{

  285.     float: left;

  286.     margin-left: 25upx;

  287.     height: 150upx;

  288. }

  289. .list-right-1{

  290.     float: right;

  291.     color: #A9A9A9;

  292. }

  293. .list-title{

  294.     width: 490upx;

  295.     line-height:1.5;

  296.     overflow:hidden;

  297.     color:#333;

  298.     display:-webkit-box;

  299.     -webkit-box-orient:vertical;

  300.     -webkit-line-clamp:2;

  301.     overflow:hidden;

  302.     font-size: 26upx;

  303.     color: #333;

  304.     min-height: 80upx;

  305. }

  306. .list-detail{

  307.     width: 460upx;

  308.     font-size: 24upx;

  309.     color: #a9a9a9;

  310.     display:-webkit-box;

  311.     -webkit-box-orient:vertical;

  312.     -webkit-line-clamp:1;

  313.     overflow:hidden;

  314. }

  315. .history-none{

  316.     text-align: center;

  317.     padding: 200upx 0;

  318. }

  319. .history-none-img{

  320.     width: 274upx;

  321.     height: 274upx;

  322. }

  323. </style>

  324.
index
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3. 

  4.         <!-- 用户头像header -->

  5.         <view class='member-top'>

  6.             <image class='bg-img' src='/static/image/member-bg.png'></image>

  7.             <view class='member-top-c'>

  8.                 <template v-if="hasLogin">

  9.                     <image class='user-head-img' mode="aspectFill" :src='userInfo.avatar'></image>

  10.                     <view class='user-name'>{{ userInfo.nickname }}</view>

  11.                     <view class="fz12 grade" v-if="userInfo.grade_name">

  12.                         {{userInfo.grade_name}}

  13.                     </view>

  14.                 </template>

  15.                 <template v-else>

  16.                     <!-- #ifdef H5 || APP-PLUS -->

  17.                     <image class='user-head-img' mode="aspectFill" :src='$store.state.config.shop_logo'></image>

  18.                     <view class="login-btn" @click="toLogin">

  19.                         登录/注册

  20.                     </view>

  21.                     <!-- #endif -->

  22.                     <!-- #ifdef MP-WEIXIN -->

  23.                     <view class="user-head-img">

  24.                         <open-data type="userAvatarUrl"></open-data>

  25.                     </view>

  26.                     <view>

  27.                         <!-- open-type="getUserInfo" @getuserinfo="getUserInfo" -->

  28.                         <button class="login-btn" hover-class="btn-hover" @click="goLogin()">授权登录</button>

  29.                     </view>

  30.                     <!-- #endif -->

  31.                     <!-- #ifdef MP-ALIPAY -->

  32.                     <view class="user-head-img"></view>

  33.                     <view>

  34.                         <button class="login-btn" open-type="getAuthorize" @click="getALICode" hover-class="btn-hover">授权登录</button>

  35.                     </view>

  36.                     <!-- #endif -->

  37.                 </template>

  38. 

  39.             </view>

  40.         </view>

  41.         <!-- 用户头像header end -->

  42. 

  43.         <!-- 订单列表信息 -->

  44.         <view class='cell-group'>

  45.             <view class='cell-item right-img' @click="orderNavigateHandle('../order/orderlist')">

  46.                 <view class='cell-item-hd'>

  47.                     <view class='cell-hd-title'>我的订单</view>

  48.                 </view>

  49.                 <view class='cell-item-ft'>

  50.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  51.                 </view>

  52.             </view>

  53.         </view>

  54. 

  55.         <view class='member-grid'>

  56.             <view class='member-item' v-for="(item, index) in orderItems" :key="index" @click="orderNavigateHandle('../order/orderlist', index + 1)">

  57.                 <view class="badge color-f" v-if="item.nums">{{ item.nums }}</view>

  58.                 <image class='member-item-icon' :src='item.icon'></image>

  59.                 <text class='member-item-text'>{{ item.name }}</text>

  60.             </view>

  61.             <view class='member-item' @click="goAfterSaleList">

  62.                 <view class="badge color-f" v-if="afterSaleNums != 0">{{afterSaleNums}}</view>

  63.                 <image class='member-item-icon' src='/static/image/me-ic-evaluate.png'></image>

  64.                 <text class='member-item-text'>退换货</text>

  65.             </view>

  66.         </view>

  67.         <!-- 订单列表end -->

  68. 

  69.         <!-- 其他功能菜单 -->

  70.         <view class='cell-group margin-cell-group right-img'>

  71. 

  72.             <view class='cell-item' v-for="(item, index) in utilityMenus" :key="index" v-if="!item.unshowItem">

  73.                 <view class='cell-item-hd' @click="navigateToHandle(item.router)">

  74.                     <image class='cell-hd-icon' :src='item.icon'></image>

  75.                     <view class='cell-hd-title'>{{ item.name }}</view>

  76.                 </view>

  77.                 <view class='cell-item-ft'>

  78.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  79.                 </view>

  80.             </view>

  81.             <!-- #ifdef H5 || APP-PLUS -->

  82.             <view class='cell-item'>

  83.                 <view class='cell-item-hd' @click="showChat()">

  84.                     <image class='cell-hd-icon' src='/static/image/me-ic-phone.png'></image>

  85.                     <view class='cell-hd-title'>联系客服</view>

  86.                 </view>

  87.                 <view class='cell-item-ft'>

  88.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  89.                 </view>

  90.             </view>

  91.             <!-- #endif -->

  92.             <!-- #ifdef MP-WEIXIN -->

  93.             <view class='cell-item'>

  94.                 <button class="cell-item-hd " hover-class="none" open-type="contact" bindcontact="showChat" :session-from="kefupara">

  95.                     <image src='/static/image/me-ic-phone.png' class='cell-hd-icon'></image>

  96.                     <view class='cell-hd-title'>联系客服</view>

  97.                 </button>

  98.                 <view class='cell-item-ft'>

  99.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  100.                 </view>

  101.             </view>

  102.             <!-- #endif -->

  103.             <!-- #ifdef MP-ALIPAY -->

  104.             <view class='cell-item'>

  105.                 <contact-button icon="/static/image/kefu2.png" size="170rpx*76rpx" tnt-inst-id="WKPKUZXG" scene="SCE00040186"

  106.                  class="cell-item-hd " hover-class="none" />

  107.                 <view class='cell-item-ft'>

  108.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  109.                 </view>

  110.             </view>

  111.             <!-- #endif -->

  112.         </view>

  113. 

  114.         <view class='cell-group margin-cell-group right-img' v-if="isClerk">

  115.             <view class='cell-item' v-for="(item, index) in clerk" :key="index">

  116.                 <view class='cell-item-hd' @click="navigateToHandle(item.router)">

  117.                     <image class='cell-hd-icon' :src='item.icon'></image>

  118.                     <view class='cell-hd-title'>{{ item.name }}</view>

  119.                 </view>

  120.                 <view class='cell-item-ft'>

  121.                     <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  122.                 </view>

  123.             </view>

  124.         </view>

  125.         <!-- 其他功能菜单end -->

  126.         <jihaiCopyright></jihaiCopyright>

  127.     </view>

  128. </template>

  129. 

  130. 

  131. <script>

  132.     import jihaiCopyright from '@/components/jihai-copyright/jihaiCopyright.vue'

  133.     import {

  134.         checkLogin

  135.     } from '@/config/mixins.js'

  136.     export default {

  137.         components: {

  138.             jihaiCopyright

  139.         },

  140.         mixins: [checkLogin],

  141.         data() {

  142.             return {

  143.                 open_id: '',

  144.                 hasLogin: false,

  145.                 userInfo: {}, // 用户信息

  146.                 kefupara: '', //客服传递资料

  147.                 afterSaleNums: 0,

  148.                 isClerk: false,

  149.                 alipayNoLogin: true,

  150.                 alipayName: '',

  151.                 alipayAvatar: '',

  152.                 config:'',//配置信息

  153.                 orderItems: [{

  154.                         name: '待付款',

  155.                         icon: '/static/image/me-ic-obligation.png',

  156.                         nums: 0

  157.                     },

  158.                     {

  159.                         name: '待发货',

  160.                         icon: '/static/image/me-ic-sendout.png',

  161.                         nums: 0

  162.                     },

  163.                     {

  164.                         name: '待收货',

  165.                         icon: '/static/image/me-ic-receiving.png',

  166.                         nums: 0

  167.                     },

  168.                     {

  169.                         name: '待评价',

  170.                         icon: '/static/image/me-ic-evaluate.png',

  171.                         nums: 0

  172.                     }

  173.                 ],

  174.                 utilityMenus: {

  175.                     distribution: {

  176.                         name: '分销中心',

  177.                         icon: '/static/image/distribution.png',

  178.                         router: '../distribution/user',

  179.                         unshowItem: false

  180.                     },

  181.                     coupon: {

  182.                         name: '我的优惠券',

  183.                         icon: '/static/image/ic-me-coupon.png',

  184.                         router: '../coupon/index',

  185.                         unshowItem: false

  186.                     },

  187.                     balance: {

  188.                         name: '我的余额',

  189.                         icon: '/static/image/ic-me-balance.png',

  190.                         router: '../balance/index',

  191.                         unshowItem: false

  192.                     },

  193.                     integral: {

  194.                         name: '我的积分',

  195.                         icon: '/static/image/integral.png',

  196.                         router: '../integral/index',

  197.                         unshowItem: false

  198.                     },

  199.                     address: {

  200.                         name: '地址管理',

  201.                         icon: '/static/image/me-ic-site.png',

  202.                         router: '../address/list',

  203.                         unshowItem: false

  204.                     },

  205.                     collection: {

  206.                         name: '我的收藏',

  207.                         icon: '/static/image/ic-me-collect.png',

  208.                         router: '../collection/index',

  209.                         unshowItem: false

  210.                     },

  211.                     history: {

  212.                         name: '我的足迹',

  213.                         icon: '/static/image/ic-me-track.png',

  214.                         router: '../history/index',

  215.                         unshowItem: false

  216.                     },

  217.                     invite: {

  218.                         name: '邀请好友',

  219.                         icon: '/static/image/ic-me-invite.png',

  220.                         router: '../invite/index',

  221.                         unshowItem: true

  222.                     },

  223.                     setting: {

  224.                         name: '系统设置',

  225.                         icon: '/static/image/me-ic-set.png',

  226.                         router: '../setting/index',

  227.                         unshowItem: false

  228.                     }

  229.                 },

  230.                 clerk: [{

  231.                         name: '提货单列表',

  232.                         icon: '/static/image/me-ic-phone.png',

  233.                         router: '../take_delivery/list'

  234. 

  235.                     },

  236.                     {

  237.                         name: '提货单核销',

  238.                         icon: '/static/image/me-ic-about.png',

  239.                         router: '../take_delivery/index'

  240.                     }

  241.                 ]

  242.             }

  243.         },

  244.         onShow() {

  245.             this.initData()

  246.         },

  247.         methods: {

  248.             goLogin(){

  249.                 uni.navigateTo({

  250.                     url:'/pages/login/choose/index'

  251.                 })

  252.             },

  253.             getUserInfo(e) {

  254.                 let _this = this

  255.                 //return false;

  256.                 if (e.detail.errMsg == 'getUserInfo:fail auth deny') {

  257.                     _this.$common.errorToShow('未授权')

  258.                 } else {

  259.                     var data = {

  260.                         open_id: _this.open_id,

  261.                         iv: e.detail.iv,

  262.                         edata: e.detail.encryptedData,

  263.                         signature: e.detail.signature

  264.                     }

  265.                     //有推荐码的话，带上

  266.                     var invitecode = _this.$db.get('invitecode')

  267.                     if (invitecode) {

  268.                         data.invitecode = invitecode

  269.                     }

  270.                     _this.toWxLogin(data)

  271.                 }

  272.             },

  273.             getALICode() {

  274.                 let that = this

  275.                 uni.login({

  276.                     scopes: 'auth_user',

  277.                     success: (res) => {

  278.                         if (res.authCode) {

  279.                             uni.getUserInfo({

  280.                                 provider: 'alipay',

  281.                                 success: function(infoRes) {

  282.                                     if (infoRes.errMsg == "getUserInfo:ok") {

  283.                                         let user_info = {

  284.                                             'nickname': infoRes.nickName,

  285.                                             'avatar': infoRes.avatar

  286.                                         }

  287.                                         that.aLiLoginStep1(res.authCode, user_info);

  288.                                     }

  289.                                 },

  290.                                 fail: function(errorRes) {

  291.                                     this.$common.errorToShow('未取得用户昵称头像信息');

  292.                                 }

  293.                             });

  294.                         } else {

  295.                             this.$common.errorToShow('未取得code');

  296.                         }

  297.                     },

  298.                     fail: function(res) {

  299.                         this.$common.errorToShow('用户授权失败my.login');

  300.                     }

  301.                 });

  302.             },

  303.             getWxCode() {

  304.                 let that = this

  305.                 uni.login({

  306.                     scopes: 'auth_user',

  307.                     success: function(res) {

  308.                         if (res.code) {

  309.                             that.wxLoginStep1(res.code)

  310.                         } else {

  311.                             this.$common.errorToShow('未取得code')

  312.                         }

  313.                     },

  314.                     fail: function(res) {

  315.                         this.$common.errorToShow('用户授权失败wx.login')

  316.                     }

  317.                 })

  318.             },

  319.             wxLoginStep1(code) {

  320.                 this.$api.login1({

  321.                     code

  322.                 }, res => {

  323.                     if (res.status) {

  324.                         this.open_id = res.data

  325.                     } else {

  326.                         this.$common.errorToShow(res.msg, function() {

  327.                             uni.navigateBack({

  328.                                 delta: 1

  329.                             })

  330.                         })

  331.                     }

  332.                 })

  333.             },

  334.             aLiLoginStep1(code, user_info) {

  335.                 let data = {

  336.                     'code': code,

  337.                     'user_info': user_info

  338.                 }

  339.                 this.$api.alilogin1(data, res => {

  340.                     this.alipayNoLogin = false;

  341.                     if (res.status) {

  342.                         this.open_id = res.data.user_wx_id

  343.                         //判断是否返回了token，如果没有，就说明没有绑定账号，跳转到绑定页面

  344.                         if (!res.data.hasOwnProperty('token')) {

  345.                             this.$common.redirectTo('/pages/login/login/index?user_wx_id=' + res.data.user_wx_id);

  346.                         } else {

  347.                             this.$db.set('userToken', res.data.token)

  348.                             this.initData()

  349.                         }

  350.                     } else {

  351.                         this.$common.errorToShow(res.msg)

  352.                     }

  353.                 })

  354.             },

  355.             toWxLogin(data) {

  356.                 let _this = this

  357.                 _this.$api.login2(data, function(res) {

  358.                     if (res.status) {

  359.                         //判断是否返回了token，如果没有，就说明没有绑定账号，跳转到绑定页面

  360.                         if (typeof res.data.token == 'undefined') {

  361.                             uni.redirectTo({

  362.                                 url: '/pages/login/login/index?user_wx_id=' + res.data.user_wx_id

  363.                             })

  364.                         } else {

  365.                             _this.$db.set('userToken', res.data.token)

  366.                             _this.initData()

  367.                         }

  368.                     } else {

  369.                         _this.$common.errorToShow('登录失败，请重试')

  370.                     }

  371.                 })

  372.             },

  373.             toLogin() {

  374.                 this.$common.navigateTo('../../login/login/index1')

  375.             },

  376.             initData() {

  377.                 // 获取用户信息

  378.                 var _this = this

  379.                 //判断是开启分销还是原始推广

  380.                 this.$api.shopConfig(res => {

  381.                     this.config = res;

  382.                     if (res.open_distribution) {

  383.                         this.utilityMenus.invite.unshowItem = true

  384.                     } else {

  385.                         this.utilityMenus.distribution.unshowItem = true

  386.                         this.utilityMenus.invite.unshowItem = false

  387.                     }

  388.                 })

  389.                 if (this.$db.get('userToken')) {

  390.                     this.hasLogin = true

  391.                     this.$api.userInfo({}, res => {

  392.                         if (res.status) {

  393.                             _this.userInfo = res.data

  394.                             // #ifdef MP-WEIXIN

  395.                             //微信小程序打开客服时，传递用户信息

  396.                             var kefupara = {}

  397.                             kefupara.nickName = res.data.nickname

  398.                             kefupara.tel = res.data.mobile

  399.                             _this.kefupara = JSON.stringify(kefupara)

  400.                             // #endif

  401.                             // 获取订单不同状态的数量

  402.                             let data = {

  403.                                 ids: '1,2,3,4',

  404.                                 isAfterSale: true

  405.                             }

  406.                             _this.$api.getOrderStatusSum(data, res => {

  407.                                 if (res.status) {

  408.                                     _this.orderItems.forEach((item, key) => {

  409.                                         item.nums = res.data[key + 1]

  410.                                     })

  411.                                     _this.afterSaleNums = res.data.isAfterSale ?

  412.                                         res.data.isAfterSale :

  413.                                         0

  414.                                 }

  415.                             })

  416.                             //判断是否是店员

  417.                             this.$api.isStoreUser({}, res => {

  418.                                 this.isClerk = res.flag

  419.                             })

  420.                         }

  421.                     })

  422.                 } else {

  423.                     this.hasLogin = false

  424.                     // #ifdef MP-WEIXIN

  425.                     this.getWxCode()

  426.                     // #endif

  427.                 }

  428.             },

  429.             navigateToHandle(pageUrl) {

  430.                 if (!this.hasLogin) {

  431.                     return this.checkIsLogin()

  432.                 }

  433.                 this.$common.navigateTo(pageUrl)

  434.             },

  435.             orderNavigateHandle(url, tab = 0) {

  436.                 if (!this.hasLogin) {

  437.                     return this.checkIsLogin()

  438.                 }

  439.                 this.$store.commit('orderTab', tab)

  440.                 this.$common.navigateTo(url)

  441.             },

  442.             goAfterSaleList() {

  443.                 if (!this.hasLogin) {

  444.                     return this.checkIsLogin()

  445.                 }

  446.                 this.$common.navigateTo('../after_sale/list')

  447.             },

  448.             //在线客服,只有手机号的，请自己替换为手机号

  449.             showChat() {

  450.                 // #ifdef H5

  451.                 let _this = this

  452.                 window._AIHECONG('ini', {

  453.                     entId: this.config.ent_id,

  454.                     button: false,

  455.                     appearance: {

  456.                         panelMobile: {

  457.                             tone: '#FF7159',

  458.                             sideMargin: 30,

  459.                             ratio: 'part',

  460.                             headHeight: 50

  461.                         }

  462.                     }

  463.                 })

  464.                 //传递客户信息

  465.                 window._AIHECONG('customer', {

  466.                     head: _this.userInfo.avatar,

  467.                     '名称': _this.userInfo.nickname,

  468.                     '手机': _this.userInfo.mobile

  469.                 })

  470.                 window._AIHECONG('showChat')

  471.                 // #endif

  472. 

  473.                 // 拨打电话

  474.                 // #ifdef APP-PLUS

  475.                 if (this.kfmobile) {

  476.                     uni.makePhoneCall({

  477.                         phoneNumber: '' + this.kfmobile,

  478.                         success: () => {

  479.                             // console.log("成功拨打电话")

  480.                         }

  481.                     })

  482.                 } else {

  483.                     this.$common.errorToShow('商户未设置客服手机号')

  484.                 }

  485.                 // #endif

  486.             }

  487.         },

  488.         computed: {

  489.             // 获取店铺联系人手机号

  490.             kfmobile() {

  491.                 return this.$store.state.config.shop_mobile || 0

  492.             }

  493.         },

  494.         watch: {}

  495.     }

  496. </script>

  497. 

  498. 

  499. <style>

  500.     .member-top {

  501.         position: relative;

  502.         width: 100%;

  503.         height: 340upx;

  504.     }

  505. 

  506.     .bg-img {

  507.         position: absolute;

  508.         width: 100%;

  509.         height: 100%;

  510.     }

  511. 

  512.     .member-top-c {

  513.         position: absolute;

  514.         top: 50%;

  515.         left: 50%;

  516.         transform: translate(-50%, -50%);

  517.         text-align: center;

  518.     }

  519. 

  520.     .user-head-img {

  521.         display: block;

  522.         width: 160upx;

  523.         height: 160upx;

  524.         border-radius: 50%;

  525.         overflow: hidden;

  526.         background-color: rgba(255, 255, 255, 0.7);

  527.         margin: 0 auto 16upx;

  528.     }

  529. 

  530.     .user-name {

  531.         font-size: 30upx;

  532.         color: #fff;

  533.         margin-bottom: 16upx;

  534.     }

  535. 

  536.     .grade {

  537.         color: #FFF;

  538.     }

  539. 

  540.     .member-grid {

  541.         background-color: #fff;

  542.         border-top: 2upx solid #eee;

  543.         padding: 20upx 0;

  544.     }

  545. 

  546.     .margin-cell-group {

  547.         margin: 20upx 0;

  548.         color: #666666;

  549.     }

  550. 

  551.     .badge {

  552.         left: 80upx;

  553.         top: -6upx;

  554.     }

  555. 

  556.     button.cell-item-hd {

  557.         background-color: #fff;

  558.         padding: 0;

  559.         line-height: 1.4;

  560.         color: #333;

  561.     }

  562. 

  563.     button.cell-item-hd:after {

  564.         border: none;

  565.     }

  566. 

  567.     .login-btn {

  568.         color: #fff;

  569.         width: 180upx;

  570.         height: 50upx;

  571.         line-height: 50upx;

  572.         border-radius: 25upx;

  573.         background: #ff7159;

  574.         font-size: 12px;

  575.     }

  576. </style>

  577.
integral
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="integral-top">

  4.             <view class="integral-top-t">

  5.                 可用积分

  6.             </view>

  7.             <view class="integral-top-n">

  8.                 {{ pointList.length ? pointList[0].balance : 0}}

  9.             </view>

  10.             <view class="integral-top-d">

  11.                 {{ nowDate }}

  12.             </view>

  13.         </view>

  14.         <view class="integral-bottom">

  15.             <view class='cell-group margin-cell-group'>

  16.                 <view class='cell-item add-title-item cell-title'>

  17.                     <view class='cell-item-bd'>

  18.                         <view class="cell-bd-view black-text">

  19.                             <text class="cell-bd-text">积分记录</text>

  20.                         </view>

  21.                     </view>

  22.                 </view>

  23.                 <view 

  24.                 class='cell-item add-title-item'

  25.                 v-for="item in pointList"

  26.                 :key="item.id"

  27.                 >

  28.                     <view class='cell-item-bd'>

  29.                         <view class="cell-bd-view black-text">

  30.                             <text class="cell-bd-text">{{ item.remarks }}</text>

  31.                         </view>

  32.                         <view class="cell-bd-view">

  33.                             <text class="cell-bd-text">{{ item.ctime }}</text>

  34.                         </view>

  35.                     </view>

  36.                     <view class="cell-item-ft">

  37.                         <text class="cell-ft-p">{{ item.num > 0 ? '+' + item.num : item.num }}</text>

  38.                     </view>

  39.                 </view>

  40.                 <uni-load-more

  41.                 :status="loadStatus"

  42.                 :show-icon="true"

  43.                 ></uni-load-more>

  44.             </view>

  45.         </view>

  46.     </view>

  47. </template>

  48. 

  49. <script>

  50. import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue'    

  51. export default {

  52.     data () {

  53.         return {

  54.             page: 1,

  55.             limit: 10,

  56.             pointList: [], // 积分记录

  57.             loadStatus: 'more'

  58.         }

  59.     },

  60.     components: { uniLoadMore },

  61.     onLoad () {

  62.         this.userPointLog()

  63.     },

  64.     computed: {

  65.         nowDate () {

  66.             return this.$common.timeToDate(Math.round(new Date().getTime()/1000))

  67.         }

  68.     },

  69.     methods: {

  70.         userPointLog () {

  71.             let _this = this

  72.             let data = {

  73.                 page: _this.page,

  74.                 limit: _this.limit

  75.             }

  76.             

  77.             _this.loadStatus = 'loading'

  78.             

  79.             _this.$api.pointLog(data, function (res) {

  80.                 if (res.status) {

  81.                     _this.pointList = [..._this.pointList, ...res.data]

  82.                     // 判断数据是否加载完毕

  83.                     if (res.count > _this.pointList.length) {

  84.                         _this.page ++

  85.                         _this.loadStatus = 'more'

  86.                     } else {

  87.                         _this.loadStatus = 'noMore'

  88.                     }

  89.                 } else {

  90.                     // 接口請求出錯

  91.                     _this.$common.errorToShow(res.msg)

  92.                     _this.loadStatus = 'more'

  93.                 }

  94.             })

  95.         }

  96.     },

  97.     // 页面滚动到底部触发事件

  98.     onReachBottom () {

  99.         let _this = this

  100.         if (_this.loadStatus === 'more') {

  101.             _this.userPointLog()

  102.         }

  103.     }

  104. }    

  105. </script>

  106. 

  107. <style>

  108. .content{

  109.     background-color: #fff;

  110.     padding-top: 20upx;

  111. }

  112. .integral-top{

  113.     background-color: #F7F7F7;

  114.     text-align: center;

  115.     width: 698upx;

  116.     margin: 0 auto 10upx;

  117.     border-radius: 12upx;

  118.     padding: 40upx 0;

  119.     border: 2upx solid #E9E9E9;

  120.     box-shadow: 0 0 10upx #ddd;

  121. }

  122. .integral-top-t{

  123.     font-size: 28upx;

  124.     color: #666;

  125.     margin-bottom: 16upx;

  126. }

  127. .integral-top-n{

  128.     font-size: 58upx;

  129.     color: #333;

  130.     margin-bottom: 16upx;

  131. }

  132. .integral-top-d{

  133.     font-size: 22upx;

  134.     color: #999;

  135. }

  136. .cell-title .cell-bd-text{

  137.     font-size: 34upx !important;

  138. }

  139. .cell-bd-view{

  140.     font-size: 22upx;

  141.     color: #999;

  142. }

  143. .cell-item .black-text .cell-bd-text{

  144.     font-size: 28upx;

  145.     color: #333;

  146. }

  147. </style>

  148.
invite
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <image class="invite-bg" src="/static/image/invite-bg.png" mode=""></image>

  4.         <view class="invite-c">

  5.             <view class="invite-w">

  6.                 <view class='invite-w-t'>我的专属邀请码</view>

  7.                 <text class='invite-w-num'>{{code}}</text>

  8.                 <view class='invite-w-detail'>快去分享您的邀请码吧，让更多的好友加入到【{{appTitle}}】，您也可以获得丰厚的奖励！</view>

  9.                 <view class='invite-w-bot'>

  10.                     <view bindtap='commission' @click="toMoney">

  11.                         <image class='invite-w-bot-ic' src='/static/image/ic-earnings.png'></image>

  12.                         <text class='invite-w-bot-red'>￥{{money}}元</text>

  13.                         <text class='invite-w-bot-gray'>邀请收益</text>

  14.                     </view>

  15.                     <view bindtap='recommendlist' @click="toList">

  16.                         <image class='invite-w-bot-ic' src='/static/image/ic-number.png'></image>

  17.                         <text class='invite-w-bot-red'>{{number}}人</text>

  18.                         <text class='invite-w-bot-gray'>邀请人数</text>

  19.                     </view>

  20.                 </view>

  21.             </view>

  22.             <view class="invite-w" v-if="!is_superior">

  23.                 <text class='invite-w-t-blue'>谁推荐你的？</text>

  24.                 <input class='invite-w-input' placeholder='请输入推荐人邀请码' v-model="inviteKey"></input>

  25.                 <view class='invite-w-btn' @click="setMyInvite">提交</view>

  26.             </view>

  27.             <view class='invite-btn'>

  28.                 <!-- #ifdef MP-WEIXIN -->

  29.                 <button class='share btn' open-type="share">

  30.                     <image src='/static/image/ic-wechat.png'></image>

  31.                 </button>

  32.                 <!-- #endif -->

  33.                 <!-- #ifdef H5 -->

  34.                 <button class='share btn' @click="copyUrl()">

  35.                     <image src='/static/image/ic-link.png'></image>

  36.                 </button>

  37.                 <!-- #endif -->

  38.                 <button class='share btn' @click="createPoster()">

  39.                     <image src='/static/image/ic-img.png'></image>

  40.                 </button>

  41.             </view>

  42.         </view>

  43.     </view>

  44. </template>

  45. 

  46. <script>

  47.     import {

  48.         apiBaseUrl

  49.     } from '@/config/config.js'

  50.     export default {

  51.         data() {

  52.             return {

  53.                 myShareCode: '', //分享Code

  54.                 code: '',

  55.                 money: 0,

  56.                 number: 0,

  57.                 is_superior: false,

  58.                 inviteKey: '',

  59.                 imageUrl: '/static/image/share_image.png'

  60.             }

  61.         },

  62.         computed: {

  63.             appTitle() {

  64.                 return this.$store.state.config.shop_name;

  65.             }

  66.         },

  67.         onShow() {

  68.             this.getInviteData();

  69.             this.getMyShareCode();

  70.         },

  71.         methods: {

  72.             //获取数据

  73.             getInviteData() {

  74.                 this.$api.myInvite(res => {

  75.                     this.code = res.data.code;

  76.                     this.money = res.data.money;

  77.                     this.number = res.data.number;

  78.                     this.is_superior = res.data.is_superior;

  79.                 });

  80.             },

  81.             //去佣金明细

  82.             toMoney() {

  83.                 this.$common.navigateTo('../balance/details?status=5');

  84.             },

  85.             //去邀请列表

  86.             toList() {

  87.                 this.$common.navigateTo('./list');

  88.             },

  89.             //填写设置要求

  90.             setMyInvite() {

  91.                 let data = {

  92.                     code: this.inviteKey

  93.                 }

  94.                 this.$api.setMyInvite(data, res => {

  95.                     if (res.status) {

  96.                         this.$common.successToShow('邀请码填写成功');

  97.                         this.is_superior = true;

  98.                     } else {

  99.                         this.$common.errorToShow(res.msg);

  100.                     }

  101.                 });

  102.             },

  103.             // 生成邀请海报

  104.             createPoster() {

  105.                 let data = {

  106.                     type: 2

  107.                 }

  108. 

  109.                 let page_path = '/pages/share/jump';

  110.                 // #ifdef H5

  111.                 data.source = 1;

  112.                 data.return_url = apiBaseUrl + 'wap/' + page_path;

  113.                 // #endif

  114. 

  115.                 // #ifdef MP-WEIXIN

  116.                 data.source = 2;

  117.                 data.return_url = page_path;

  118.                 // #endif

  119. 

  120.                 // #ifdef MP-ALIPAY

  121.                 data.source = 3;

  122.                 data.return_url = page_path;

  123.                 // #endif

  124. 

  125.                 let userToken = this.$db.get('userToken')

  126. 

  127.                 if (userToken) {

  128.                     data.token = userToken

  129.                 }

  130.                 this.$api.createPoster(data, res => {

  131.                     if (res.status) {

  132.                         this.$common.navigateTo('/pages/share?poster=' + res.data)

  133.                     } else {

  134.                         this.$common.errorToShow(res.msg)

  135.                     }

  136.                 })

  137.             },

  138.             //复制URL链接

  139.             copyUrl() {

  140.                 let data = {

  141.                     type: 2

  142.                 }

  143.                 let page_path = '/pages/share/jump';

  144.                 data.return_url = apiBaseUrl + 'wap' + page_path;

  145.                 let userToken = this.$db.get('userToken')

  146.                 if (userToken) {

  147.                     data.token = userToken

  148.                 }

  149.                 let _this = this;

  150.                 _this.$api.createShareUrl(data, res => {

  151.                     if(res.status) {

  152.                         //todo::要复制的内容是 res.data

  153.                         uni.setClipboardData({

  154.                             data:res.data,

  155.                             success:function(data){

  156.                                 _this.$common.successToShow('复制成功');

  157.                             }, 

  158.                             fail:function(err){

  159.                                 _this.$common.errorToShow('复制分享URL失败');

  160.                             }

  161.                         })

  162.                         

  163.                     } else {

  164.                         _this.$common.errorToShow('复制分享URL失败');

  165.                     }

  166.                 });

  167.             },

  168.             getMyShareCode() {

  169.                 let userToken = this.$db.get("userToken");

  170.                 if (userToken && userToken != '') {

  171.                     // 获取我的分享码

  172.                     this.$api.shareCode({}, res => {

  173.                         if (res.status) {

  174.                             this.myShareCode = res.data ? res.data : '';

  175.                         }

  176.                     });

  177.                 }

  178.             }

  179.         },

  180.         //分享

  181.         onShareAppMessage() {

  182.             let myInviteCode = this.myShareCode ? this.myShareCode : '';

  183.             let ins = this.$common.shareParameterDecode('type=3&invite=' + myInviteCode);

  184.             let path = '/pages/share/jump?scene=' + ins;

  185.             return {

  186.                 title: this.$store.state.config.share_title,

  187.                 // #ifdef MP-ALIPAY

  188.                 desc: this.$store.state.config.share_desc,

  189.                 // #endif

  190.                 imageUrl: this.$store.state.config.share_image,

  191.                 path: path

  192.             }

  193.         }

  194.     }

  195. </script>

  196. 

  197. <style>

  198.     .invite {

  199.         width: 100%;

  200.         height: 100%;

  201.         background: linear-gradient(to right, #4c21d2, #4864f8);

  202.     }

  203. 

  204.     .invite-bg {

  205.         position: absolute;

  206.         width: 750upx;

  207.         height: 683upx;

  208.         z-index: 66;

  209.     }

  210. 

  211.     .invite-c {

  212.         position: relative;

  213.         z-index: 67;

  214.         width: 750upx;

  215.         padding: 0 30upx;

  216.         top: 488upx;

  217.         background: linear-gradient(to right, #4c21d2, #4864f8);

  218.     }

  219. 

  220.     .invite-w {

  221.         background-color: #fff;

  222.         width: 690upx;

  223.         text-align: center;

  224.         padding: 40upx 100upx;

  225.         box-sizing: border-box;

  226.         border-radius: 30upx;

  227.         margin-bottom: 70upx;

  228.         position: relative;

  229.         top: -148upx;

  230.     }

  231. 

  232.     .invite-w-t {

  233.         width: 70%;

  234.         margin: 0 auto;

  235.         color: #fff;

  236.         border-radius: 50upx;

  237.         font-size: 30upx;

  238.         box-sizing: border-box;

  239.         padding: 10upx;

  240.         display: block;

  241.         background: linear-gradient(to right, #5f2ef6, #b945dd);

  242.     }

  243. 

  244.     .invite-w-num {

  245.         color: #5f2ef6;

  246.         display: block;

  247.         font-size: 36upx;

  248.         margin-top: 20upx;

  249.     }

  250. 

  251.     .invite-w-detail {

  252.         color: #666;

  253.         font-size: 24upx;

  254.         line-height: 1.5;

  255.         margin-top: 20upx;

  256.     }

  257. 

  258.     .invite-w-bot {

  259.         margin: 20upx 0 50upx;

  260.     }

  261. 

  262.     .invite-w-bot>view {

  263.         width: 49%;

  264.         display: inline-block;

  265.     }

  266. 

  267.     .invite-w-bot-ic {

  268.         width: 48upx;

  269.         height: 48upx;

  270.     }

  271. 

  272.     .invite-w-bot-red {

  273.         font-size: 24upx;

  274.         color: #ca0400;

  275.         display: block;

  276.     }

  277. 

  278.     .invite-w-bot-gray {

  279.         font-size: 24upx;

  280.         color: #acacac;

  281.         display: block;

  282.     }

  283. 

  284.     .invite-w-t-blue {

  285.         color: #348dfc;

  286.         font-size: 30upx;

  287.         margin-bottom: 50upx;

  288.         display: block;

  289.     }

  290. 

  291.     .invite-w-input {

  292.         font-size: 30upx;

  293.         border-bottom: 1px solid #dadada;

  294.         margin-bottom: 50upx;

  295.         color: #999;

  296.     }

  297. 

  298.     .invite-w-btn {

  299.         background: linear-gradient(to right, #4a6af9, #28c4ff);

  300.         color: #fff;

  301.         width: 50%;

  302.         margin: 0 auto;

  303.         border-radius: 50upx;

  304.         font-size: 30upx;

  305.         padding: 10upx 0;

  306.     }

  307. 

  308.     .invite-btn {

  309.         position: relative;

  310.         top: -150upx;

  311.         text-align: center;

  312.         width: 690upx;

  313.     }

  314. 

  315.     .share {

  316.         background-color: none;

  317.         position: relative;

  318.         width: 98upx;

  319.         height: 98upx;

  320.         display: inline-block;

  321.         border-radius: 50%;

  322.         padding: 0;

  323.         margin: 0 40rpx 40rpx;

  324.     }

  325. 

  326.     .invite-btn image {

  327.         width: 98upx;

  328.         height: 98upx;

  329.     }

  330. </style>

  331.
list.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="collection">

  4.             <view class="container_of_slide" v-for="(item, index) in lists" :key="index">

  5.                 <view class="slide_list">

  6.                     <view class="now-message-info" hover-class="uni-list-cell-hover">

  7.                         <view class="icon-circle">

  8.                             <image class='goods-img' :src="item.avatar" mode="aspectFill"></image>

  9.                         </view>

  10.                         <view class="list-right">

  11.                             <view class="list-title">昵称: {{ item.nickname }}</view>

  12.                             <view class="list-detail color-6">手机号: {{ item.mobile }}</view>

  13.                             <view class="list-detail">推荐时间: {{ item.ctime }}</view>

  14.                         </view>

  15.                     </view>

  16.                     <view style="clear:both"></view>

  17.                 </view>

  18.             </view>

  19.             <uni-load-more :status="loadStatus"></uni-load-more>

  20.         </view>

  21.     </view>

  22. </template>

  23. 

  24. <script>

  25. import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue'

  26. export default {

  27.     components: {

  28.         uniLoadMore

  29.     },

  30.     data() {

  31.         return {

  32.             lists: [],

  33.             page: 1, //当前页

  34.             limit: 10, //每页显示几条

  35.             loadStatus: 'more'

  36.         };

  37.     },

  38.     onLoad () {

  39.         this.getShareCode();

  40.         this.getDataList();

  41.     },

  42.     onReachBottom () {

  43.         if (this.loadStatus === 'more') {

  44.             this.getDataList()

  45.         }

  46.     },

  47.     methods: {

  48.         getDataList() {

  49.             this.loadStatus = 'loading'

  50.             let data = {

  51.                 page: this.page,

  52.                 limit: this.limit

  53.             }

  54.             this.$api.recommendList(data, res => {

  55.                 if (res.status) {

  56.                     for (let i = 0; i < res.data.length; i++) {

  57.                         if (res.data[i].avatar == null) {

  58.                             res.data[i].avatar = this.$store.state.config.shop_default_image;

  59.                         }

  60.                         if (res.data[i].nickname == null) {

  61.                             res.data[i].nickname = '暂无昵称'

  62.                         }

  63.                     }

  64.                     let lists = this.lists.concat(res.data);

  65.                     this.lists = lists;

  66.                     if (res.total > this.page) {

  67.                         this.page++

  68.                         this.loadStatus = 'more'

  69.                     } else {

  70.                         this.loadStatus = 'noMore'

  71.                     }

  72.                 }else{

  73.                     this.$common.errorToShow(res.msg)

  74.                 }

  75.             });

  76.         },

  77.         //获取邀请码

  78.         getShareCode(){

  79.             let userToken = this.$db.get("userToken");

  80.             if (userToken && userToken != '') {

  81.                 // 获取我的分享码

  82.                 this.$api.shareCode({}, res => {

  83.                     if (res.status) {

  84.                         this.myShareCode = res.data;

  85.                     }

  86.                 });

  87.             }

  88.         }

  89.     },

  90. };

  91. </script>

  92. 

  93. <style scoped>

  94. .collection .goods-img{

  95.     width: 150upx;

  96.     height: 150upx;    

  97. }

  98. .container_of_slide {

  99.     width: 100%;

  100.     overflow: hidden;

  101. }

  102. .slide_list {

  103.     transition: all 100ms;

  104.     transition-timing-function: ease-out;

  105.     min-width: 100%;

  106. }

  107. .now-message-info {

  108.     box-sizing:border-box;

  109.     display: flex;

  110.     align-items: center;

  111.     font-size: 16px;

  112.     clear:both;

  113.     padding: 20upx 26upx;

  114.     margin-bottom: 2upx;

  115.     background: #FFFFFF;

  116.     width: 100%;

  117. }

  118. .now-message-info,

  119. .group-btn {

  120.     float: left;

  121. }

  122. .group-btn {

  123.     display: flex;

  124.     flex-direction: row;

  125.     height: 190upx;

  126.     min-width: 100upx;

  127.     align-items: center;

  128. 

  129. }

  130. .group-btn .btn-div {

  131.     height: 190upx;

  132.     color: #fff;

  133.     text-align: center;

  134.     padding: 0 50upx;

  135.     font-size: 34upx;

  136.     line-height: 190upx;

  137. }

  138. .group-btn .top {

  139.     background-color: #FF7159;

  140. }

  141. .group-btn .removeM {

  142.     background-color: #999;

  143. }

  144. .icon-circle{

  145.     width:150upx;

  146.     height: 150upx;

  147.     float: left;

  148. }

  149. .list-right{

  150.     float: left;

  151.     margin-left: 25upx;

  152.     height: 150upx;

  153. }

  154. .list-right-1{

  155.     float: right;

  156.     color: #A9A9A9;

  157. }

  158. .list-title{

  159.     width: 490upx;

  160.     line-height:1.5;

  161.     overflow:hidden;

  162.     color:#333;

  163.     font-size: 26upx;

  164.     min-height: 60upx;

  165. }

  166. .list-detail{

  167.     width: 460upx;

  168.     font-size: 24upx;

  169.     color: #a9a9a9;

  170.     display:-webkit-box;

  171.     -webkit-box-orient:vertical;

  172.     -webkit-line-clamp:1;

  173.     overflow:hidden;

  174.     height: 50upx;

  175. }

  176. </style>

  177.
order
evaluate.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top">

  4.             <view class='img-list'>

  5.                 <view class='img-list-item'

  6.                 v-for="item in info.items"

  7.                 :key="item.id"

  8.                 >

  9.                     <view class="img-list-item-gray">

  10.                         <image class='img-list-item-l small-img' :src='item.image_url' mode='aspectFill'></image>

  11.                         <view class='img-list-item-r small-right'

  12.                         @click="goodsDetail(item.goods_id)"

  13.                         >

  14.                             <view class='little-right-t'>

  15.                                 <view class='goods-name list-goods-name'>{{ item.name }}</view>

  16.                             </view>

  17.                         </view>

  18.                     </view>

  19.                     

  20.                     <view class="evaluate-num">

  21.                         <view class="evaluate-num-t">商品评分</view>

  22.                         <view class="evaluate-num-b">

  23.                             <uni-rate 

  24.                             size="18" 

  25.                             :id="item.id"

  26.                             :value="score[item.id]"

  27.                             @change="changeScore"

  28.                             ></uni-rate>

  29.                         </view>

  30.                     </view>

  31.                     

  32.                     <view class="evaluate-content">

  33.                         <view class="evaluate-c-t">

  34.                             <textarea v-model="textarea[item.id]" placeholder="宝贝满足你的期待吗? 说说你的使用心得" />

  35.                         </view>

  36.                         <view class="evaluate-c-b">

  37.                             <view class="goods-img-item"

  38.                             v-if="images[item.id].length"

  39.                             v-for="(img, key) in images[item.id]"

  40.                             :key="key"

  41.                             >

  42.                                 <image class="del" src="/static/image/del.png" mode="" @click="removeImg(item.id, key)"></image>

  43.                                 <image class="" :src="img.url" mode="" @click="clickImg(img.url)"></image>

  44.                             </view>

  45.                             <view class="upload-img" v-show="isupload[item.id]">

  46.                                 <image class="icon" src="/static/image/camera.png" mode="" @click="uploadImg(item.id)"></image>

  47.                                 <view class="">上传照片</view>

  48.                             </view>

  49.                         </view>

  50.                     </view>

  51.                     

  52.                 </view>

  53.             </view>

  54.             

  55.         </view>

  56. 

  57.         <view class="button-bottom">

  58.             <button class="btn btn-square btn-b" hover-class="btn-hover" @click="toEvaluate" :disabled='submitStatus' :loading='submitStatus'>提交评论</button>

  59.         </view>

  60.         

  61.     </view>

  62. </template>

  63. 

  64. <script>

  65. import uniRate from "@/components/uni-rate/uni-rate.vue"

  66. import { goods } from '@/config/mixins.js'

  67. export default {

  68.     mixins: [goods],

  69.     components: {uniRate},

  70.     data () {

  71.         return {

  72.             orderId: 0,

  73.             info: {}, // 订单详情

  74.             images: [],

  75.             score: [], // 商品评价

  76.             textarea: [], // 商品评价信息

  77.             isupload: [], // 启/禁用 图片上传按钮

  78.             rate: 5,

  79.             submitStatus: false

  80.         }

  81.     },

  82.     onLoad (options) {

  83.         this.orderId = options.order_id

  84.         this.orderId 

  85.         ? this.orderInfo() 

  86.         : this.$common.errorToShow('获取失败', () => {

  87.             uni.navigateBack({

  88.                 delta: 1

  89.             })

  90.         })

  91.     },

  92.     computed: {

  93.         // 获取vuex中状态

  94.         maxUploadImg () {

  95.             return this.$store.state.config.image_max

  96.         }

  97.     },

  98.     methods: {

  99.         // 获取订单详情

  100.         orderInfo () {

  101.             let data = {

  102.                 order_id: this.orderId

  103.             }

  104.             this.$api.orderDetail(data, res => {

  105.                 if (res.status && res.data.text_status === 4) {

  106.                     const _info = res.data

  107.                     

  108.                     let images = []

  109.                     let textarea = []

  110.                     let upload = []

  111.                     let score = []

  112.                     

  113.                     _info.items.forEach (item => {

  114.                         images[item.id] = []

  115.                         textarea[item.id] = ''

  116.                         upload[item.id] = true

  117.                         score[item.id] = 5

  118.                     })

  119.                     

  120.                     this.info = _info

  121.                     

  122.                     this.images = images

  123.                     this.textarea = textarea

  124.                     this.score = score

  125.                     this.isupload = upload

  126.                 } else {

  127.                     this.$common.errorToShow('订单不存在或状态不可评价!')

  128.                 }

  129.             })

  130.         },

  131.         // 上传图片

  132.         uploadImg (key) {

  133.             this.$api.uploadFiles(res => {

  134.                 if (res.status) {

  135.                     let img = {

  136.                         url: res.data.url,

  137.                         id: res.data.image_id

  138.                     }

  139.                     this.images[key].push(img)

  140.                     

  141.                     this.$common.successToShow(res.msg)

  142.                 } else {

  143.                     this.$common.errorToShow(res.msg)

  144.                 }

  145.             })

  146.         },

  147.         // 删除图片

  148.         removeImg (id, key) {

  149.             this.images[id].splice(key, 1)

  150.         },

  151.         // 图片点击放大

  152.         clickImg (img) {

  153.             // 预览图片

  154.             uni.previewImage({

  155.                 urls: img.split()

  156.             });

  157.         },

  158.         // 改变评分

  159.         changeScore (e) {

  160.             this.score[e.id] = e.value

  161.         },

  162.         // 提交评价

  163.         toEvaluate () {

  164.             this.submitStatus = true;

  165.             let items = {}

  166.             

  167.             this.images.forEach((item, key) => {

  168.                 items[key] = {

  169.                     images: item,

  170.                     score: this.score[key],

  171.                     textarea: this.textarea[key]

  172.                 }

  173.             })

  174. 

  175.             let data = {

  176.                 order_id: this.orderId,

  177.                 items: items

  178.             }

  179. 

  180.             this.$api.orderEvaluate(data, res => {

  181.                 if (res.status) {

  182.                     this.$common.successToShow(res.msg, ress => {

  183.                         // 更改订单列表页的订单状态

  184.                         let pages = getCurrentPages(); // 当前页

  185.                         let beforePage = pages[pages.length - 2]; // 上个页面

  186.                         

  187.                         if (beforePage !== undefined && beforePage.route === 'pages/member/order/orderlist') {

  188.                             // #ifdef MP-WEIXIN

  189.                             beforePage.$vm.isReload = true

  190.                             // #endif

  191.                             

  192.                             // #ifdef H5

  193.                             beforePage.isReload = true

  194.                             // #endif

  195.                             

  196.                             // #ifdef MP-ALIPAY

  197.                             beforePage.rootVM.isReload = true

  198.                             // #endif

  199.                         }

  200.                         this.submitStatus = false;

  201.                         uni.navigateBack({

  202.                             delta: 1

  203.                         })

  204.                     })

  205.                 } else {

  206.                     this.$common.errorToShow(res.msg)

  207.                     this.submitStatus = false;

  208.                 }

  209.             })

  210.         }

  211.     },

  212.     watch: {

  213.         images: {

  214.             handler () {

  215.                 this.images.forEach((item, key) => {

  216.                     this.isupload[key] = item.length > this.maxUploadImg ? false : true

  217.                 })

  218.             },

  219.             deep: true

  220.         }

  221.     }

  222. }

  223. </script>

  224. 

  225. <style>

  226. .img-list-item{

  227.     padding: 30upx 20upx;

  228. }

  229. .img-list-item-gray{

  230.     background-color: #F7F7F7;

  231.     overflow: hidden;

  232.     padding: 18upx 20upx;

  233. }

  234. .small-right{

  235.     width: 520upx;

  236. }

  237. .evaluate-content{

  238.     background-color: #fff;

  239.     padding: 20upx 0upx;

  240. }

  241. .evaluate-c-t{

  242.     width: 100%;

  243.     height: 240upx;

  244. }

  245. .evaluate-c-t textarea{

  246.     width: 100%;

  247.     height: 100%;

  248.     font-size: 26upx;

  249.     padding: 10upx;

  250. }

  251. .evaluate-c-b{

  252.     overflow: hidden;

  253. }

  254. .upload-img{

  255.     width: 146upx;

  256.     height: 146upx;

  257.     margin: 14upx;

  258.     text-align: center;

  259.     color: #999999;

  260.     font-size: 22upx;

  261.     border: 2upx solid #E1E1E1;

  262.     /* #ifdef MP-ALIPAY */

  263.     border-top: 8upx solid #E1E1E1;

  264.     /* #endif */

  265.     border-radius: 4upx;

  266.     display: inline-block;

  267.     float: left;

  268.     padding: 24upx 0;

  269. }

  270. .goods-img-item{

  271.     width: 174upx;

  272.     height: 174upx;

  273.     padding: 14upx;

  274.     float: left;

  275.     position: relative;

  276. }

  277. .goods-img-item:nth-child(4n){

  278.     margin-right: 0;

  279. }

  280. .goods-img-item image{

  281.     width: 100%;

  282.     height: 100%;

  283. }

  284. .del{

  285.     width: 30upx !important;

  286.     height: 30upx !important;

  287.     position: absolute;

  288.     right: 0;

  289.     top: 0;

  290.     z-index: 999;

  291. }

  292. .evaluate-num{

  293.     padding: 20upx 26upx;

  294.     background-color: #fff;

  295.     margin-top: 20upx;

  296. }

  297. .evaluate-num-t{

  298.     color: #333;

  299.     font-size: 28upx;

  300.     margin-bottom: 20upx;

  301. }

  302. .button-bottom .btn{

  303.     width: 100%;

  304. }

  305. </style>

  306.
express_delivery.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="ed-head color-6"

  4.         v-if="add.length"

  5.         >

  6.             收货地址：{{ add }}

  7.         </view>

  8.         <view class="ed-body">

  9.             <view v-if="isExpress">

  10.                 <view class="ed-body-item"

  11.                 v-for="(item, index) in express.data"

  12.                 :key="index"

  13.                 >

  14.                     <view class="edbi-left">

  15.                         <view class="edbi-date color-6">

  16.                             {{ item.date }}

  17.                         </view>

  18.                         <view class="edbi-time color-9">

  19.                             {{ item.utime }}

  20.                         </view>

  21.                     </view>

  22.                     <view class="edbi-circle last-circle" v-if="item.end">

  23.                         <view>收</view>

  24.                     </view>

  25.                     <view class="edbi-circle"v-else>

  26.                         <view></view>

  27.                     </view>

  28.                     <view class="edbi-right">

  29.                         <view class="edbi-title color-3">

  30.                             {{ item.title }}

  31.                         </view>

  32.                         <view class="edbi-content color-9">

  33.                             {{ item.content }}

  34.                         </view>

  35.                     </view>

  36.                 </view>

  37.             </view>

  38.             <view class="ed-none" v-else>

  39.                 暂无物流信息

  40.             </view>

  41.         </view>

  42.     </view>

  43. </template>

  44. 

  45. <script>

  46. export default {

  47.     data () {

  48.         return {

  49.             add: '', // 收货地址

  50.             express: {}, // 快递物流信息

  51. //             no:"70433978952894",

  52. //             data:[

  53. //                 {"time":"2019-03-25 11:19:15","context":"郑州市【郑州二七区七部】，已送达 已签收"},

  54. //                 {"time":"2019-03-25 08:42:02","context":"郑州市【郑州二七区七部】，【左颜璞\/15837175131】正在派件"},

  55. //                 {"time":"2019-03-25 07:43:35","context":"到郑州市【郑州二七区七部】"},

  56. //                 {"time":"2019-03-24 16:59:41","context":"郑州市【郑州转运中心】，正发往【郑州二七区七部】"},

  57. //                 {"time":"2019-03-24 16:25:55","context":"到郑州市【郑州转运中心】"},

  58. //                 {"time":"2019-03-23 22:43:27","context":"漯河市【漯河转运中心】，正发往【郑州转运中心】"},

  59. //                 {"time":"2019-03-23 22:41:13","context":"到漯河市【漯河转运中心】"},

  60. //                 {"time":"2019-03-23 01:35:51","context":"杭州市【杭州转运中心】，正发往【漯河转运中心】"},

  61. //                 {"time":"2019-03-23 01:34:46","context":"到杭州市【杭州转运中心】"},

  62. //                 {"time":"2019-03-22 22:27:29","context":"杭州市【杭州萧山区十部】，正发往【杭州转运中心】"},

  63. //                 {"time":"2019-03-22 20:10:58","context":"到杭州市【杭州萧山区十部集货点】"},

  64. //                 {"time":"2019-03-22 18:49:57","context":"杭州市【杭州萧山区十部】，【吴永海\/15885770819】已揽收"},

  65. //             ],

  66. //             state:"3",

  67. //             state_name:"已签收"

  68.         }

  69.     },

  70.     onLoad (options) {

  71.         let params = options.params

  72.         let arr = decodeURIComponent(params).split('&')

  73.         let code, no

  74.         for (var i = 0; i < arr.length; i++) {

  75.             let key = arr[i].split("=")[0]

  76.             if (key == 'code') {

  77.                 code = arr[i].split("=")[1]

  78.             }

  79.             if (key == 'no') {

  80.                 no = arr[i].split("=")[1]

  81.             }

  82.             if (key == 'add') {

  83.                 this.add = arr[i].split('=')[1]

  84.             }

  85.         }

  86.         

  87.         if (!code || !no) {

  88.             this.$common.errorToShow('缺少物流查询参数', () => {

  89.                 uni.navigateBack({

  90.                     delta: 1

  91.                 })

  92.             })

  93.         } 

  94.         

  95.         this.expressInfo(code, no)

  96.     },

  97.     computed: {

  98.         isExpress () {

  99.             return Object.keys(this.express).length ? true : false

  100.         }

  101.     },

  102.     methods: {

  103.         expressInfo (code, no) {

  104.             let data = {

  105.                 code: code,

  106.                 no: no

  107.             }

  108.             this.$api.logistics(data, res => {

  109.                 if (res.status) {

  110.                     let _info = res.data.info

  111.                     _info.data.forEach((item, key) => {

  112.                         // 日期时间重新格式化处理

  113.                         let times = item.time.split(' ')

  114.                         this.$set(item, 'date', times[0].substring(5, times[0].length))

  115.                         this.$set(item, 'utime', times[1].substring(0, 5))

  116.                         

  117.                         // 快递信息格式化处理

  118.                         let contents = item.context.split('，')

  119.                         this.$set(item, 'title', contents[0])

  120.                         this.$set(item, 'content', contents[1] ? contents[1] : '')

  121.                         

  122.                         // 签收状态logo处理

  123.                         this.$set(item, 'end', _info.state === 3 && key === 0 ? true : false)

  124.                     })

  125.                     

  126.                     this.express = _info

  127.                 } else {

  128.                     this.$common.errorToShow(res.msg)

  129.                 }

  130.             })

  131.         }

  132.     }

  133. }    

  134. </script>

  135. 

  136. <style>

  137. .ed-head{

  138.     font-size: 30upx;

  139.     padding: 20upx 26upx;

  140. }

  141. .ed-body{

  142.     margin: 0 26upx;

  143.     background-color: #fff;

  144.     box-shadow: 0 0 20upx #ccc;

  145.     padding: 26upx;

  146. }

  147. .ed-body-item{

  148.     /* display: flex; */

  149.     overflow: hidden;

  150.     position: relative;    

  151. }

  152. .edbi-left{

  153.     display: inline-block;

  154.     width: 96upx;

  155.     float: left;

  156.     padding: 4upx 0;

  157. }

  158. .edbi-date{

  159.     font-size: 26upx;

  160. }

  161. .edbi-time{

  162.     font-size: 24upx;

  163. }

  164. .edbi-circle{

  165.     display: inline-block;

  166.     width: 18upx;

  167.     height: 18upx;

  168.     border: 2upx solid #ccc;

  169.     border-radius: 50%;

  170.     position: absolute;

  171.     left: 88upx;

  172.     top: 12upx;

  173.     background-color: #fff;

  174.     z-index: 99;

  175. }

  176. .last-circle{

  177.     width: 40upx;

  178.     height: 40upx;

  179.     font-size: 24upx;

  180.     left: 78upx;

  181.     text-align: center;

  182.     line-height: 40upx;

  183.     color: #fff;

  184.     background-color: #FF7159;

  185.     border: none;

  186.     top: 0;

  187. }

  188. .edbi-right{

  189.     display: inline-block;

  190.     width: 550upx;

  191.     float: right;

  192.     border-left: 2upx solid #e8e8e8;

  193.     padding-left: 30upx;

  194.     position: relative;

  195.     padding-bottom: 30upx;

  196. }

  197. .edbi-title{

  198.     font-size: 30upx;

  199. }

  200. .edbi-content{

  201.     font-size: 26upx;

  202.     margin-top: 4upx;

  203. }

  204. .ed-none{

  205.     text-align: center;

  206.     font-size: 26upx;

  207.     color: #666;

  208.     padding: 100upx;

  209. }

  210. </style>

  211.
invitation_group.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="ig-top">

  4.             <view class="ig-top-t">

  5.                 <view class="">

  6.                     剩余时间：<uni-countdown :day="lasttime.day" :hour="lasttime.hour" :minute="lasttime.minute" :second="lasttime.second"></uni-countdown>

  7.                 </view>

  8.             </view>

  9.             <view class="ig-top-m">

  10.                 <view class="user-head-img-c" v-for="(item, index) in teamInfo.list" :key="index">

  11.                     <view class="user-head-img-tip" v-if="item.id == item.team_id">拼主</view>

  12.                     <image class="user-head-img cell-hd-icon have-none" :src='item.user_avatar' mode=""></image>

  13.                 </view>

  14.                 <view class="user-head-img-c uhihn" v-if="teamInfo.team_nums" v-for="n in teamInfo.team_nums" :key="n"><text>?</text></view>

  15.             </view>

  16.             <view class="ig-top-b">

  17.                 <view class="igtb-top">

  18.                     还差<text class="red-price">{{ teamInfo.team_nums }}</text>人，赶快邀请好友来拼单吧

  19.                 </view>

  20.                 <view class="igtb-mid">

  21.                     <button class="btn" @click="goShare()">邀请好友拼单</button>

  22.                 </view>

  23.                 <view class="igtb-bot">

  24.                     分享好友越多，成团越快

  25.                 </view>

  26.             </view>

  27.         </view>

  28.         <!-- 弹出层 -->

  29.         <lvv-popup position="bottom" ref="share">

  30. 

  31.             <!-- #ifdef H5 -->

  32.             <shareByH5 :shareType='3' :goodsId="goodsInfo.goods_id" :teamId="teamInfo.team_id" :groupId="teamInfo.rule_id"

  33.              :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief" :shareHref="shareHref"

  34.              @close="closeShare()"></shareByH5>

  35.             <!-- #endif -->

  36. 

  37.             <!-- #ifdef MP-WEIXIN -->

  38.             <shareByWx :shareType='3' :goodsId="goodsInfo.goods_id" :teamId="teamInfo.team_id" :groupId="teamInfo.rule_id"

  39.              :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief" :shareHref="shareHref"

  40.              @close="closeShare()"></shareByWx>

  41.             <!-- #endif -->

  42. 

  43.             <!-- #ifdef MP-ALIPAY -->

  44.             <shareByAli :shareType='3' :goodsId="goodsInfo.goods_id" :teamId="teamInfo.team_id" :groupId="teamInfo.rule_id"

  45.              :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief" :shareHref="shareHref"

  46.              @close="closeShare()"></shareByAli>

  47.             <!-- #endif -->

  48. 

  49.             <!-- #ifdef APP-PLUS -->

  50.             <shareByApp :shareType='3' :goodsId="goodsInfo.goods_id" :teamId="teamInfo.team_id" :groupId="teamInfo.rule_id"

  51.              :shareImg="goodsInfo.image_url" :shareTitle="goodsInfo.name" :shareContent="goodsInfo.brief" :shareHref="shareHref"

  52.              @close="closeShare()"></shareByApp>

  53.             <!-- #endif -->

  54. 

  55.         </lvv-popup>

  56.         <view class="cell-group margin-cell-group">

  57.             <view class='cell-item'>

  58.                 <view class='cell-item-hd'>

  59.                     <view class='cell-hd-title'>商品名称</view>

  60.                 </view>

  61.                 <view class='cell-item-ft'>

  62.                     <text class="cell-ft-text">{{ goodsInfo.name }}</text>

  63.                 </view>

  64.             </view>

  65.             <view class='cell-item'>

  66.                 <view class='cell-item-hd'>

  67.                     <view class='cell-hd-title'>拼单时间</view>

  68.                 </view>

  69.                 <view class='cell-item-ft'>

  70.                     <text class="cell-ft-text">{{ orderInfo.ctime }}</text>

  71.                 </view>

  72.             </view>

  73.             <view class='cell-item'>

  74.                 <view class='cell-item-hd'>

  75.                     <view class='cell-hd-title'>拼单须知</view>

  76.                 </view>

  77.                 <view class='cell-item-ft group-notice'>

  78.                     <text class="cell-ft-text">* 好友拼单 </text>

  79.                     <text class="cell-ft-text">* 人满发货 </text>

  80.                     <text class="cell-ft-text">* 人不满退款 </text>

  81.                 </view>

  82.             </view>

  83.         </view>

  84.     </view>

  85. </template>

  86. 

  87. <script>

  88.     import lvvPopup from '@/components/lvv-popup/lvv-popup.vue';

  89.     import uniCountdown from "@/components/uni-countdown/uni-countdown.vue"

  90.     import {

  91.         get

  92.     } from '@/config/db.js';

  93.     import {

  94.         apiBaseUrl

  95.     } from '@/config/config.js';

  96.     import share from '@/components/share/share.vue';

  97.     // #ifdef H5

  98.     import shareByH5 from '@/components/share/shareByh5.vue'

  99.     // #endif

  100.     // #ifdef MP-WEIXIN

  101.     import shareByWx from '@/components/share/shareByWx.vue'

  102.     // #endif

  103.     // #ifdef MP-ALIPAY

  104.     import shareByAli from '@/components/share/shareByAli.vue'

  105.     // #endif

  106.     // #ifdef APP-PLUS

  107.     import shareByApp from '@/components/share/shareByApp.vue'

  108.     // #endif

  109. 

  110.     import htmlParser from '@/common/html-parser'

  111.     export default {

  112.         components: {

  113.             lvvPopup,

  114.             uniCountdown,

  115.             share,

  116.             // #ifdef H5

  117.             shareByH5,

  118.             // #endif

  119. 

  120.             // #ifdef MP-WEIXIN

  121.             shareByWx,

  122.             // #endif

  123. 

  124.             // #ifdef MP-ALIPAY

  125.             shareByAli,

  126.             // #endif

  127. 

  128.             // #ifdef APP-PLUS

  129.             shareByApp,

  130.             // #endif

  131.             // spec

  132.         },

  133.         data() {

  134.             return {

  135.                 myShareCode: '', //分享Code

  136.                 shareType: 3,

  137.                 providerList: [], // 分享通道 包含生成海报

  138.                 swiper: {

  139.                     indicatorDots: true,

  140.                     autoplay: true,

  141.                     interval: 3000,

  142.                     duration: 800,

  143.                 }, // 轮播图属性设置

  144.                 goodsInfo: [],

  145.                 teamInfo: [],

  146.                 favLogo: [

  147.                     '/static/image/ic-me-collect.png',

  148.                     '/static/image/ic-me-collect2.png'

  149.                 ],

  150.                 horizontal: 'right', //右下角弹出按钮

  151.                 vertical: 'bottom',

  152.                 direction: 'vertical',

  153.                 pattern: {

  154.                     color: '#7A7E83',

  155.                     backgroundColor: '#fff',

  156.                     selectedColor: '#007AFF',

  157.                     buttonColor: "#FF7159"

  158.                 },

  159. 

  160.                 query: '', // query参数登录跳转回来使用

  161.                 indicatorDots: false,

  162.                 autoplay: false,

  163.                 interval: 2000,

  164.                 duration: 500,

  165.                 lasttime: {

  166.                     day: 0,

  167.                     hour: 0,

  168.                     minute: 0,

  169.                     second: 0

  170.                 }, //购买倒计时

  171.                 userToken: 0,

  172.                 time: 0,

  173.                 order_id:'',//订单号

  174.                 orderInfo:{}

  175.             }

  176.         },

  177.         onLoad(options) {

  178.             if(options.order_id){

  179.                 this.order_id = options.order_id;

  180.             }else{

  181.                 this.$common.errorToShow('参数错误');

  182.             }

  183.             let teamInfo,orderInfo,goodsInfo

  184.     

  185.             let pages = getCurrentPages()

  186.             let pre = pages[pages.length - 2]

  187.             if(typeof pre!='undefined'){

  188.                 // #ifdef H5

  189.                 teamInfo = pre.teamInfo

  190.                 orderInfo = pre.orderInfo

  191.                 // #endif

  192.                 

  193.                 // #ifdef MP-WEIXIN || APP-PLUS || APP-PLUS-NVUE

  194.                 teamInfo = pre.$vm.teamInfo

  195.                 orderInfo = pre.$vm.orderInfo

  196.                 // #endif

  197.                 

  198.                 // #ifdef MP-ALIPAY

  199.                 teamInfo = pre.rootVM.teamInfo;

  200.                 orderInfo = pre.rootVM.orderInfo

  201.                 // #endif

  202.             }

  203.             if(teamInfo && orderInfo){

  204.                 this.teamInfo = teamInfo;

  205.                 this.orderInfo = orderInfo;

  206.                 this.goodsInfo = orderInfo.items[0];

  207.                 

  208.             }else{

  209.                 this.orderDetail();

  210.                 this.getTeam();

  211.             }

  212.             let timestamp = Date.parse(new Date())/1000;

  213.             this.lasttime = this.$common.timeToDateObj(options.close_time-timestamp);

  214.             this.getMyShareCode();

  215.         },

  216.         computed: {

  217.             shareHref() {

  218.                 let pages = getCurrentPages()

  219.                 let page = pages[pages.length - 1]

  220.                 // #ifdef H5 || MP-WEIXIN || APP-PLUS || APP-PLUS-NVUE

  221.                 return apiBaseUrl + 'wap/' + page.route + '?scene=' + this.query;

  222.                 // #endif

  223. 

  224.                 // #ifdef MP-ALIPAY

  225.                 return apiBaseUrl + 'wap/' + page.__proto__.route + '?scene=' + this.query;

  226.                 // #endif

  227.             }

  228. 

  229.         },

  230.         onReachBottom() {

  231.             if (this.current === 2 && this.goodsComments.loadStatus === 'more') {

  232.                 this.getGoodsComments();

  233.             }

  234.         },

  235.         methods: {

  236.             //拼团信息

  237.             getTeam(){

  238.                 this.$api.getOrderPintuanTeamInfo({order_id:this.order_id},res=>{

  239.                     if (res.status) {

  240.                         

  241.                         this.teamInfo = {

  242.                             list:res.data.teams,

  243.                             current_count:res.data.teams.length,

  244.                             people_number:res.data.people_number,

  245.                             team_nums:res.data.team_nums,//剩余

  246.                             close_time:res.data.close_time,//关闭时间

  247.                             id:res.data.id,//拼团id

  248.                             team_id:res.data.team_id,//拼团团队id

  249.                             rule_id:res.data.rule_id,

  250.                         };

  251.                         console.log(this.lasttime);

  252.                     }else{

  253.                         this.$common.errorToShow(res.msg)

  254.                     }

  255.                     

  256.                 });

  257.             },

  258.             //获取订单详情

  259.             orderDetail () {

  260.                 let _this = this

  261.                 let data = {

  262.                     order_id: _this.order_id

  263.                 }

  264.                 _this.$api.orderDetail(data, function(res) {

  265.                     if (res.status) {

  266.                         let data = res.data

  267.                         // 支付时间转换

  268.                         if (data.ctime !== null) {

  269.                             data.ctime = _this.$common.timeToDate(data.ctime)

  270.                         }

  271.                         

  272.                         _this.orderInfo = data

  273.                         _this.goodsInfo = data.items[0];

  274.                     

  275.                     } else {

  276.                         _this.$common.errorToShow(res.msg)

  277.                     }

  278.                 })

  279.             },

  280.             // 关闭弹出层

  281.             close() {

  282.                 this.$emit('close')

  283.             },

  284.             // 点击操作

  285.             clickHandler(e) {

  286.                 if (e.cate === 'poster') {

  287.                     this.createPoster()

  288.                 } else {

  289.                     // 去分享

  290.                     this.share(e)

  291.                 }

  292.             },

  293.             // 显示modal弹出框

  294.             toshow(type, team_id = 0) {

  295.                 if (type == 1) {

  296.                     this.lvvpopref_type = 1;

  297.                 }

  298.                 if (team_id !== 0) {

  299.                     this.team_id = team_id;

  300.                 }

  301.                 this.$refs.lvvpopref.show();

  302.             },

  303.             // 关闭modal弹出框

  304.             toclose() {

  305.                 this.$refs.lvvpopref.close();

  306.             },

  307. 

  308.             // 跳转到h5分享页面

  309.             goShare() {

  310.                 this.$refs.share.show();

  311.             },

  312.             closeShare() {

  313.                 this.$refs.share.close();

  314.             },

  315.             getMyShareCode() {

  316.                 let userToken = this.$db.get("userToken");

  317.                 if (userToken && userToken != '') {

  318.                     // 获取我的分享码

  319.                     this.$api.shareCode({}, res => {

  320.                         if (res.status) {

  321.                             this.myShareCode = res.data ? res.data : '';

  322.                         }

  323.                     });

  324.                 }

  325.             }

  326.         },

  327.         //分享

  328.         onShareAppMessage() {

  329.              let myInviteCode = this.myShareCode ? this.myShareCode : '';

  330.              let teamId = this.teamInfo.list[0].team_id;

  331.              let ins = this.$common.shareParameterDecode('type=5&invite=' + myInviteCode+'&id='+ this.goodsInfo.goods_id +'&team_id=' + teamId );

  332.             

  333.              let path = '/pages/share/jump?scene=' + ins;

  334.               console.log(path);

  335.              return {

  336.                  title: this.goodsInfo.name,

  337.                  // #ifdef MP-ALIPAY

  338.                  desc: this.goodsInfo.brief,

  339.                  // #endif

  340.                  imageUrl: this.goodsInfo.image_url,

  341.                  path: path

  342.              }

  343.          }

  344.     }

  345. </script>

  346. 

  347. <style>

  348.     .ig-top {

  349.         text-align: center;

  350.         background-color: #fff;

  351.         padding: 20upx 26upx;

  352.     }

  353. 

  354.     .ig-top-t,

  355.     .ig-top-m {

  356.         margin-bottom: 20upx;

  357.     }

  358. 

  359.     .ig-top-t>view {

  360.         display: inline-block;

  361.         padding: 0 10upx;

  362.         color: #999;

  363.     }

  364. 

  365.     .user-head-img-c {

  366.         position: relative;

  367.         width: 80upx;

  368.         height: 80upx;

  369.         border-radius: 50%;

  370.         margin-right: 20upx;

  371.         box-sizing: border-box;

  372.         display: inline-block;

  373.         /* float: left; */

  374.         border: 1px solid #f3f3f3;

  375.     }

  376. 

  377.     .user-head-img-tip {

  378.         position: absolute;

  379.         top: -6upx;

  380.         left: -10upx;

  381.         display: inline-block;

  382.         background-color: #FF7159;

  383.         color: #fff;

  384.         font-size: 22upx;

  385.         z-index: 98;

  386.         padding: 0 10upx;

  387.         border-radius: 10upx;

  388.         transform: scale(.8);

  389.     }

  390. 

  391.     .user-head-img-c .user-head-img {

  392.         width: 100%;

  393.         height: 100%;

  394.         border-radius: 50%;

  395.     }

  396. 

  397.     .user-head-img-c:first-child {

  398.         border: 1px solid #FF7159;

  399.     }

  400. 

  401.     .uhihn {

  402.         width: 80upx;

  403.         height: 80upx;

  404.         border-radius: 50%;

  405.         display: inline-block;

  406.         border: 2upx dashed #e1e1e1;

  407.         text-align: center;

  408.         color: #d1d1d1;

  409.         font-size: 40upx;

  410.         box-sizing: border-box;

  411.         position: relative;

  412.     }

  413. 

  414.     .uhihn>text {

  415.         position: absolute;

  416.         left: 50%;

  417.         top: 50%;

  418.         transform: translate(-50%, -50%);

  419.     }

  420. 

  421.     .igtb-top {

  422.         font-size: 32upx;

  423.         color: #333;

  424.         margin-bottom: 16upx;

  425.     }

  426. 

  427.     .igtb-mid {

  428.         margin-bottom: 16upx;

  429.     }

  430. 

  431.     .igtb-mid .btn {

  432.         width: 100%;

  433.         background-color: #FF7159;

  434.         color: #fff;

  435.     }

  436. 

  437.     .igtb-bot {

  438.         font-size: 24upx;

  439.         color: #666;

  440.     }

  441. 

  442.     .cell-ft-text {

  443.         max-width: 520upx;

  444.         overflow: hidden;

  445.         text-overflow: ellipsis;

  446.         white-space: nowrap;

  447.     }

  448. 

  449.     .group-notice .cell-ft-text {

  450.         color: #999;

  451.         margin-left: 20upx;

  452.         font-size: 26upx;

  453.     }

  454. </style>

  455.
orderdetail.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top">

  4.             <view class='cell-group margin-cell-group'>

  5.                 <view class='cell-item add-title-item'>

  6.                     <view class='cell-item-bd'>

  7.                         <view class="cell-bd-view black-text" v-if="orderInfo.order_type != 2">

  8.                             <text class="cell-bd-text">{{ orderInfo.status_name }}</text>

  9.                         </view>

  10.                         <view class="cell-bd-view">

  11.                             <text class="cell-bd-text">订单号：{{ orderInfo.order_id }}</text>

  12.                             <button class='btn btn-g btn-small' hover-class="btn-hover" @click="copyData(orderInfo.order_id)">复制</button>

  13.                         </view>

  14.                         <view class="cell-bd-view">

  15.                             <text class="cell-bd-text">下单时间：{{ orderInfo.ctime }}</text>

  16.                         </view>

  17.                     </view>

  18.                 </view>

  19.             </view>

  20. 

  21.             <view class='cell-group margin-cell-group'>

  22.                 <view class='cell-item add-title-item' v-if="isDelivery" @click="logistics">

  23.                     <view class='cell-item-bd'>

  24.                         <view class="cell-bd-view black-text">

  25.                             <text class="cell-bd-text">{{ orderInfo.express_delivery.context }}</text>

  26.                         </view>

  27.                         <view class="cell-bd-view">

  28.                             <text class="cell-bd-text">{{ orderInfo.express_delivery.time }}</text>

  29.                         </view>

  30.                     </view>

  31.                     <view class="cell-item-ft">

  32.                         <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  33.                     </view>

  34.                 </view>

  35.                 <view class='cell-item add-title-item' v-if="!orderInfo.store">

  36.                     <view class='cell-item-bd'>

  37.                         <view class="cell-bd-view black-text">

  38.                             <text class="cell-bd-text">收件人：{{ orderInfo.ship_name }}</text>

  39.                         </view>

  40.                         <view class="cell-bd-view">

  41.                             <text class="cell-bd-text">{{ orderInfo.ship_area_name + orderInfo.ship_address }}</text>

  42.                         </view>

  43.                     </view>

  44.                 </view>

  45.             </view>

  46.             

  47.             <view class='cell-group margin-cell-group' v-if="orderInfo.store">

  48.                 <view class='cell-item add-title-item'>

  49.                     <view class="cell-item-hd">

  50.                         <image class='cell-hd-icon' src='/static/image/homepage.png'></image>

  51.                     </view>

  52.                     <view class='cell-item-bd'>

  53.                         <view class="cell-bd-view black-text">

  54.                             <text class="cell-bd-text">{{orderInfo.store.store_name}}</text>

  55.                         </view>

  56.                         <view class="cell-bd-view">

  57.                             <text class="cell-bd-text">门店电话：{{orderInfo.store.mobile}}</text>

  58.                         </view>

  59.                         <view class="cell-bd-view">

  60.                             <text class="cell-bd-text">门店地址：{{orderInfo.store.all_address}}</text>

  61.                         </view>

  62.                         <view class="cell-bd-view">

  63.                             <text class="cell-bd-text">提货人信息：{{orderInfo.ship_name}}</text><text class="cell-bd-text" style="margin-left: 10rpx;">{{orderInfo.ship_mobile}}</text>

  64.                         </view>

  65.                         <view class="cell-bd-view" v-if="lading.status">

  66.                             <text class="cell-bd-text">提货码：<text class="red-price">{{lading.code}}</text></text>

  67.                         </view>

  68.                     </view>

  69.                 </view>

  70.             </view>

  71.             

  72. 

  73.             <!-- 团购分享拼单 -->

  74.             <view class="cell-group margin-cell-group" v-if="(orderInfo.text_status == 1 || orderInfo.text_status == 2 ) && orderInfo.order_type==2">

  75.                 <view class='cell-item right-img'>

  76.                     <view class='cell-item-hd'>

  77.                         <view v-if="teamInfo.status==1" class='cell-hd-title'>待拼团，还差{{ teamInfo.team_nums }}人</view>

  78.                         <view v-else-if="teamInfo.status==2" class='cell-hd-title'>拼团成功，待发货</view>

  79.                         <view v-else-if="teamInfo.status==3" class='cell-hd-title'>拼团失败</view>

  80.                     </view>

  81.                 </view>

  82.                 <view class="group-swiper">

  83.                     <view class='cell-item' v-if="teamInfo.current_count">

  84.                         <view class='cell-item-hd'>

  85.                             <view class="user-head-img-c" v-for="(item, index) in teamInfo.list" :key="index">

  86.                                 <view class="user-head-img-tip" v-if="item.id == item.team_id">拼主</view>

  87.                                 <image class="user-head-img cell-hd-icon have-none" :src='item.user_avatar' mode=""></image>

  88.                             </view>

  89.                             <view v-if="teamInfo.team_nums > 3">

  90.                                 <view class="uhihn" v-for="n in 3" :key="n">?</view>

  91.                                 <view class="uhihn">···</view>

  92.                             </view>

  93.                             <view v-else>

  94.                                 <view class="uhihn" v-for="n in teamInfo.team_nums" :key="n">?</view>

  95.                             </view>

  96.                         </view>

  97.                         <view class="cell-item-ft" v-if="teamInfo.status==1">

  98.                             <button class="btn" @click="goInvition()">邀请拼单</button>

  99.                         </view>

  100.                     </view>

  101.                 </view>

  102.             </view>

  103. 

  104.             <view class='img-list'>

  105.                 <view class='img-list-item' v-for="item in orderInfo.items" :key="item.id">

  106.                     <image class='img-list-item-l little-img have-none' :src='item.image_url' mode='aspectFill'></image>

  107.                     <view class='img-list-item-r little-right'>

  108.                         <view class='little-right-t'>

  109.                             <view class='goods-name list-goods-name' @click="goodsDetail(item.goods_id)" v-if="orderInfo.order_type == 1">{{ item.name }}</view>

  110.                             <view class='goods-name list-goods-name' @click="pintuanDetail(item.goods_id)" v-else-if="orderInfo.order_type == 2">{{ item.name }}</view>

  111.                             <view class='goods-price'>￥{{ item.price }}</view>

  112.                         </view>

  113.                         <view class="romotion-tip">

  114.                             <view class="romotion-tip-item" v-for="(promotion, key) in formatPormotions(item.promotion_list)" :key="key">

  115.                                 {{ promotion }}

  116.                             </view>

  117.                         </view>

  118.                         <view class='goods-item-c'>

  119.                             <view class='goods-buy'>

  120.                                 <view class='goods-salesvolume' v-if="item.addon !== null">{{ item.addon }}</view>

  121.                                 <view class='goods-num'>× {{ item.nums }}</view>

  122.                             </view>

  123.                         </view>

  124.                     </view>

  125.                 </view>

  126.             </view>

  127. 

  128.             <view class='cell-group margin-cell-group' v-if="orderInfo.tax_type != 1">

  129.                 <view class='cell-item add-title-item'>

  130.                     <view class='cell-item-bd'>

  131.                         <view class="cell-bd-view black-text">

  132.                             <text class="cell-bd-text">发票信息</text>

  133.                         </view>

  134.                         <view class="cell-bd-view" v-if="orderInfo.tax_type != 1">

  135.                             <text class="cell-bd-text">发票抬头：{{orderInfo.tax_title}}</text>

  136.                         </view>

  137.                         <view class="cell-bd-view" v-if="orderInfo.tax_type == 3">

  138.                             <text class="cell-bd-text">发票税号：{{orderInfo.tax_code}}</text>

  139.                         </view>

  140.                     </view>

  141.                 </view>

  142.             </view>

  143. 

  144.             <view class='cell-group margin-cell-group order-offer' v-if="orderInfo.promotion_list && orderInfo.promotion_list.length > 0">

  145.                 <view class='cell-item add-title-item'>

  146.                     <view class='cell-item-hd'>

  147.                         <view class="cell-bd-view promotion-title">

  148.                             <text class="cell-bd-text promotion-title-text">订单优惠</text>

  149.                         </view>

  150.                     </view>

  151.                     <view class='cell-item-bd'>

  152.                         <view v-for="(item, key) in orderInfo.promotion_list" :key="key" v-show="item.type == 2" class="order-promotion">{{item.name}}</view>

  153.                     </view>

  154.                 </view>

  155.             </view>

  156. 

  157.             <view class='cell-group margin-cell-group order-price'>

  158.                 <view class='cell-item add-title-item'>

  159.                     <view class='cell-item-bd'>

  160.                         <view class="cell-bd-view">

  161.                             <text class="cell-bd-text">商品总价</text>

  162.                         </view>

  163.                     </view>

  164.                     <view class='cell-item-ft'>

  165.                         <text class="cell-ft-p">￥{{ orderInfo.goods_amount }}</text>

  166.                     </view>

  167.                 </view>

  168.                 <view class='cell-item add-title-item'>

  169.                     <view class='cell-item-bd'>

  170.                         <view class="cell-bd-view">

  171.                             <text class="cell-bd-text">运费</text>

  172.                         </view>

  173.                     </view>

  174.                     <view class='cell-item-ft'>

  175.                         <text class="cell-ft-p">￥{{ orderInfo.cost_freight }}</text>

  176.                     </view>

  177.                 </view>

  178.                 <view class='cell-item add-title-item' v-if="orderInfo.goods_pmt > 0">

  179.                     <view class='cell-item-bd'>

  180.                         <view class="cell-bd-view">

  181.                             <text class="cell-bd-text">商品优惠</text>

  182.                         </view>

  183.                     </view>

  184.                     <view class='cell-item-ft'>

  185.                         <text class="cell-ft-p">-￥{{ orderInfo.goods_pmt }}</text>

  186.                     </view>

  187.                 </view>

  188.                 <view class='cell-item add-title-item' v-if="orderInfo.point_money > 0">

  189.                     <view class='cell-item-bd'>

  190.                         <view class="cell-bd-view">

  191.                             <text class="cell-bd-text">积分优惠</text>

  192.                         </view>

  193.                     </view>

  194.                     <view class='cell-item-ft'>

  195.                         <text class="cell-ft-p">-￥{{ orderInfo.point_money }}</text>

  196.                     </view>

  197.                 </view>

  198.                 <view class='cell-item add-title-item' v-if="orderInfo.order_pmt > 0">

  199.                     <view class='cell-item-bd'>

  200.                         <view class="cell-bd-view">

  201.                             <text class="cell-bd-text">订单优惠</text>

  202.                         </view>

  203.                     </view>

  204.                     <view class='cell-item-ft'>

  205.                         <text class="cell-ft-p">-￥{{ orderInfo.order_pmt }}</text>

  206.                     </view>

  207.                 </view>

  208.                 <view class='cell-item add-title-item' v-if="orderInfo.coupon_pmt > 0">

  209.                     <view class='cell-item-bd'>

  210.                         <view class="cell-bd-view">

  211.                             <text class="cell-bd-text">其他优惠</text>

  212.                         </view>

  213.                     </view>

  214.                     <view class='cell-item-ft'>

  215.                         <text class="cell-ft-p">-￥{{ orderInfo.coupon_pmt }}</text>

  216.                     </view>

  217.                 </view>

  218.                 <view class='cell-item add-title-item'>

  219.                     <view class='cell-item-bd'>

  220.                         <view class="cell-bd-view">

  221.                             <text class="cell-bd-text">订单总价</text>

  222.                         </view>

  223.                     </view>

  224.                     <view class='cell-item-ft'>

  225.                         <text class="cell-ft-p red-price">￥{{ orderInfo.order_amount }}</text>

  226.                     </view>

  227.                 </view>

  228.                 <view class='cell-item add-title-item' v-if="orderInfo.pay_status > 1">

  229.                     <view class='cell-item-bd'>

  230.                         <view class="cell-bd-view">

  231.                             <text class="cell-bd-text">支付方式</text>

  232.                         </view>

  233.                     </view>

  234.                     <view class='cell-item-ft'>

  235.                         <text class="cell-ft-p">{{ orderInfo.payment_name }}</text>

  236.                     </view>

  237.                 </view>

  238.                 <view class='cell-item add-title-item' v-if="orderInfo.pay_status > 1">

  239.                     <view class='cell-item-bd'>

  240.                         <view class="cell-bd-view">

  241.                             <text class="cell-bd-text">支付时间</text>

  242.                         </view>

  243.                     </view>

  244.                     <view class='cell-item-ft'>

  245.                         <text class="cell-ft-p">{{ orderInfo.payment_time }}</text>

  246.                     </view>

  247.                 </view>

  248.             </view>

  249.         </view>

  250.         <view class="button-bottom" v-if="orderInfo.text_status === 1">

  251.             <button class='btn btn-circle btn-g' hover-class="btn-hover" @click="cancelOrder(orderInfo.order_id)">取消订单</button>

  252.             <button class='btn btn-circle btn-w' hover-class="btn-hover" @click="toPay(orderInfo.order_id)">立即支付</button>

  253.         </view>

  254.         <view class="button-bottom" v-if="orderInfo.text_status === 2">

  255.             <button class='btn btn-circle btn-w' hover-class="btn-hover" @click="customerService(orderInfo.order_id)" v-if="orderInfo.bill_aftersales_id == false">申请售后</button>

  256.             <button class='btn btn-circle btn-w' hover-class="btn-hover" @click="showCustomerService(orderInfo.bill_aftersales_id)"

  257.              v-else-if="orderInfo.bill_aftersales_id && orderInfo.bill_aftersales_id != false">查看售后</button>

  258.         </view>

  259.         <view class="button-bottom" v-if="orderInfo.text_status === 3">

  260.             <button class='btn btn-circle btn-g' hover-class="btn-hover" @click="customerService(orderInfo.order_id)" v-if="orderInfo.bill_aftersales_id == false">申请售后</button>

  261.             <button class='btn btn-circle btn-g' hover-class="btn-hover" @click="showCustomerService(orderInfo.bill_aftersales_id)"

  262.              v-else-if="orderInfo.bill_aftersales_id && orderInfo.bill_aftersales_id != false">查看售后</button>

  263.             <button class='btn btn-circle btn-g' hover-class="btn-hover" @click="logistics">查看物流</button>

  264.             <button class='btn btn-circle btn-w' hover-class="btn-hover" @click="tackDeliery(orderInfo.order_id)">确认收货</button>

  265.         </view>

  266.         <view class="button-bottom" v-if="orderInfo.text_status === 4">

  267.             <button class='btn btn-circle btn-g' hover-class="btn-hover" @click="customerService(orderInfo.order_id)" v-if="orderInfo.bill_aftersales_id == false">申请售后</button>

  268.             <button class='btn btn-circle btn-g' hover-class="btn-hover" @click="showCustomerService(orderInfo.bill_aftersales_id)"

  269.              v-else-if="orderInfo.bill_aftersales_id && orderInfo.bill_aftersales_id != false">查看售后</button>

  270.             <button class='btn btn-circle btn-w' hover-class="btn-hover" @click="toEvaluate(orderInfo.order_id)">立即评价</button>

  271.         </view>

  272.         <view class="button-bottom" v-if="orderInfo.text_status === 5">

  273.             <button class='btn btn-circle btn-w' hover-class="btn-hover" @click="customerService(orderInfo.order_id)" v-if="orderInfo.bill_aftersales_id == false">申请售后</button>

  274.             <button class='btn btn-circle btn-w' hover-class="btn-hover" @click="showCustomerService(orderInfo.bill_aftersales_id)"

  275.              v-else-if="orderInfo.bill_aftersales_id && orderInfo.bill_aftersales_id != false">查看售后</button>

  276.         </view>

  277.     </view>

  278. </template>

  279. 

  280. <script>

  281.     import {

  282.         orders,

  283.         goods,

  284.         tools

  285.     } from '@/config/mixins.js'

  286.     export default {

  287.         mixins: [orders, goods,tools],

  288.         data() {

  289.             return {

  290.                 orderId: 0,

  291.                 orderInfo: {}, // 订单详情

  292.                 teamInfo: [], //拼团团信息

  293.                 lading: {

  294.                     status: false,

  295.                     code: ''

  296.                 }, //提货信息

  297.             }

  298.         },

  299.         onLoad(options) {

  300.             this.orderId = options.order_id

  301.             if (this.orderId) {

  302.                 //this.orderDetail()

  303.             } else {

  304.                 this.$common.errorToShow('', () => {

  305.                     uni.navigateBack({

  306.                         delta: 1,

  307.                     })

  308.                 })

  309.             }

  310.         },

  311.         onShow() {

  312.             this.orderDetail();

  313.         },

  314.         computed: {

  315.             // 判断是否发货

  316.             isDelivery() {

  317.                 if (this.orderInfo.text_status > 2 &&

  318.                     this.orderInfo.express_delivery != null &&

  319.                     this.orderInfo.hasOwnProperty('express_delivery') &&

  320.                     Object.keys(this.orderInfo.express_delivery).length

  321.                 ) {

  322.                     return true

  323.                 } else {

  324.                     return false

  325.                 }

  326.             }

  327.         },

  328.         methods: {

  329.             // 获取订单详情

  330.             orderDetail() {

  331.                 let _this = this

  332.                 let data = {

  333.                     order_id: _this.orderId

  334.                 }

  335.                 _this.$api.orderDetail(data, function(res) {

  336.                     if (res.status) {

  337.                         let data = res.data

  338.                         // 订单状态文字转化

  339.                         switch (data.text_status) {

  340.                             case 1:

  341.                                 _this.$set(data, 'status_name', '待付款')

  342.                                 break

  343.                             case 2:

  344.                                 _this.$set(data, 'status_name', '待发货')

  345.                                 break

  346.                             case 3:

  347.                                 _this.$set(data, 'status_name', '待收货')

  348.                                 break

  349.                             case 4:

  350.                                 _this.$set(data, 'status_name', '待评价')

  351.                                 break

  352.                             case 6:

  353.                                 _this.$set(data, 'status_name', '交易完成')

  354.                                 break

  355.                             case 7:

  356.                                 _this.$set(data, 'status_name', '交易取消')

  357.                                 break

  358.                             case 8:

  359.                                 _this.$set(data, 'status_name', '待分享')

  360.                                 break

  361.                             default:

  362.                                 _this.$set(data, 'status_name', '交易成功')

  363.                                 break

  364.                         }

  365.                         // 订单时间转换

  366.                         data.ctime = _this.$common.timeToDate(data.ctime)

  367. 

  368.                         // 支付时间转换

  369.                         if (data.payment_time !== null) {

  370.                             data.payment_time = _this.$common.timeToDate(data.payment_time)

  371.                         }

  372. 

  373.                         _this.orderInfo = data

  374.                         if (data.order_type == 2 && (data.text_status == 2 || data.text_status == 1)) {

  375.                             _this.getTeam(data.order_id);

  376.                         }

  377.                         

  378.                         if(data.ladingItem[0]){

  379.                             _this.lading = {

  380.                                 status: true,

  381.                                 code: data.ladingItem[0].id

  382.                             }

  383.                         }

  384.                     } else {

  385.                         _this.$common.errorToShow(res.msg)

  386.                     }

  387.                 })

  388.             },

  389.             // 取消订单

  390.             cancelOrder(orderId) {

  391.                 this.$common.modelShow('提示', '确认要取消订单吗?', () => {

  392.                     let data = {

  393.                         order_ids: orderId

  394.                     }

  395. 

  396.                     this.$api.cancelOrder(data, res => {

  397.                         if (res.status) {

  398.                             this.$common.successToShow(res.msg, () => {

  399.                                 this.orderDetail()

  400.                             })

  401.                         } else {

  402.                             this.$common.errorToShow(res.msg)

  403.                         }

  404.                     })

  405.                 })

  406.             },

  407.             // 确认收货

  408.             tackDeliery(orderId) {

  409.                 this.$common.modelShow('提示', '确认收货操作吗?', () => {

  410.                     let data = {

  411.                         order_id: orderId

  412.                     }

  413.                     this.$api.confirmOrder(data, res => {

  414.                         if (res.status) {

  415.                             this.$common.successToShow('确认收货成功', () => {

  416.                                 // 更改订单列表页的订单状态

  417.                                 let pages = getCurrentPages(); // 当前页

  418.                                 let beforePage = pages[pages.length - 2]; // 上个页面

  419. 

  420.                                 if (beforePage !== undefined && beforePage.route === 'pages/member/order/orderlist') {

  421.                                     // #ifdef MP-WEIXIN

  422.                                     beforePage.$vm.isReload = true

  423.                                     // #endif

  424. 

  425.                                     // #ifdef H5

  426.                                     beforePage.isReload = true

  427.                                     // #endif

  428. 

  429.                                     // #ifdef MP-ALIPAY

  430.                                     beforePage.rootVM.isReload = true

  431.                                     // #endif

  432.                                 }

  433. 

  434.                                 this.orderDetail()

  435.                             })

  436.                         } else {

  437.                             this.$common.errorToShow(res.msg)

  438.                         }

  439.                     })

  440.                 })

  441.             },

  442.             formatPormotions(promotion) {

  443.                 let obj = {}

  444.                 obj = JSON.parse(promotion)

  445.                 return obj

  446.             },

  447.             //申请售后

  448.             customerService(id) {

  449.                 this.$common.navigateTo('../after_sale/index?order_id=' + id);

  450.             },

  451.             //快递信息

  452.             logistics() {

  453.                 let address1 = this.orderInfo.ship_area_name ? this.orderInfo.ship_area_name : ''

  454.                 let address2 = this.orderInfo.ship_address ? this.orderInfo.ship_address : ''

  455.                 let address = address1 + address2

  456.                 this.showExpress(this.orderInfo.delivery[0].logi_code, this.orderInfo.delivery[0].logi_no, address)

  457.             },

  458.             //查看售后

  459.             showCustomerService(id) {

  460.                 this.$common.navigateTo('../after_sale/detail?aftersales_id=' + id);

  461.             },

  462.             goInvition() {

  463.                 uni.navigateTo({

  464.                     url: './invitation_group?order_id=' + this.orderInfo.order_id + '&close_time=' + this.teamInfo.close_time

  465.                 })

  466.             },

  467.             //拼团信息

  468.             getTeam(id) {

  469.                 this.$api.getOrderPintuanTeamInfo({

  470.                     order_id: id

  471.                 }, res => {

  472.                     if (res.status) {

  473.                         this.teamInfo = {

  474.                             list: res.data.teams,

  475.                             current_count: res.data.teams.length,

  476.                             people_number: res.data.people_number,

  477.                             team_nums: res.data.team_nums, //剩余

  478.                             close_time: res.data.close_time, //关闭时间

  479.                             id: res.data.id, //拼团id

  480.                             team_id: res.data.team_id, //拼团团队id

  481.                             rule_id: res.data.rule_id,

  482.                             status: res.data.status

  483.                         };

  484.                     } else {

  485.                         this.$common.errorToShow(res.msg)

  486.                     }

  487. 

  488.                 });

  489.             }

  490.         }

  491.     }

  492. </script>

  493. 

  494. <style>

  495.     .cell-group {

  496.         margin-bottom: 20upx;

  497.     }

  498. 

  499.     .cell-bd-view {

  500.         margin-bottom: 8upx;

  501.     }

  502. 

  503.     .cell-bd-view .cell-bd-text {

  504.         font-size: 22upx;

  505.         color: #999;

  506.     }

  507. 

  508.     .black-text .cell-bd-text {

  509.         font-size: 28upx;

  510.         color: #333;

  511.     }

  512. 

  513.     .button-bottom {

  514.         padding: 15upx 26upx;

  515.         text-align: right;

  516.         display: block;

  517.     }

  518. 

  519.     .button-bottom .btn {

  520.         margin-left: 20upx;

  521.     }

  522. 

  523.     .order-price {

  524.         padding: 10upx 0 20upx;

  525.     }

  526. 

  527.     .order-price .cell-item {

  528.         border-bottom: none;

  529.         padding-bottom: 0;

  530.         padding-top: 0;

  531.         min-height: 40upx;

  532.     }

  533. 

  534.     .order-price .cell-bd-view {

  535.         margin-bottom: 0;

  536.     }

  537. 

  538.     .order-offer .cell-item-hd {

  539.         vertical-align: top;

  540.         padding-top: 8upx;

  541.     }

  542. 

  543.     .order-offer .cell-item-bd {

  544.         padding: 0;

  545.     }

  546. 

  547.     .order-promotion {

  548.         font-size: 24upx;

  549.         color: #fff;

  550.         background-color: #ff7159;

  551.         margin: 0 0 4upx 6upx;

  552.         padding: 2upx 10upx;

  553.         display: inline-block;

  554.         float: right;

  555.     }

  556. 

  557.     .tax_name {}

  558. 

  559.     .tax_code {}

  560. 

  561.     .user-head-img-c {

  562.         position: relative;

  563.         width: 80upx;

  564.         height: 80upx;

  565.         border-radius: 50%;

  566.         margin-right: 20upx;

  567.         box-sizing: border-box;

  568.         display: inline-block;

  569.         float: left;

  570.         border: 1px solid #f3f3f3;

  571.     }

  572. 

  573.     .user-head-img-tip {

  574.         position: absolute;

  575.         top: -6upx;

  576.         left: -10upx;

  577.         display: inline-block;

  578.         background-color: #FF7159;

  579.         color: #fff;

  580.         font-size: 22upx;

  581.         z-index: 99;

  582.         padding: 0 10upx;

  583.         border-radius: 10upx;

  584.         transform: scale(.8);

  585.     }

  586. 

  587.     .group-swiper .cell-item .user-head-img {

  588.         width: 100%;

  589.         height: 100%;

  590.         border-radius: 50%;

  591.     }

  592. 

  593.     .group-swiper .cell-item .user-head-img-c:first-child {

  594.         border: 1px solid #FF7159;

  595.     }

  596. 

  597.     .uhihn {

  598.         width: 80upx;

  599.         height: 80upx;

  600.         border-radius: 50%;

  601.         margin-right: 20upx;

  602.         display: inline-block;

  603.         border: 2upx dashed #e1e1e1;

  604.         text-align: center;

  605.         line-height: 80upx;

  606.         color: #d1d1d1;

  607.         font-size: 40upx;

  608.         box-sizing: border-box;

  609.     }

  610. 

  611.     .group-swiper .cell-item .cell-item-ft .btn {

  612.         font-size: 26upx;

  613.         color: #fff;

  614.         background-color: #FF7159;

  615.         /* padding: 0; */

  616.         text-align: center;

  617.     }

  618.     

  619.     .add-title-item .cell-item-hd {

  620.         min-width: 20px;

  621.         color: #666;

  622.         font-size: 14px;

  623.     }

  624. </style>

  625.
orderlist.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <uni-segmented-control 

  4.         :current="tab" 

  5.         :values="items" 

  6.         @clickItem="onClickItem" 

  7.         style-type="text" 

  8.         active-color="#333"

  9.         ></uni-segmented-control>

  10.         <view class="order-list">

  11.             

  12.             <view class="goods-detail" 

  13.             v-if="list.length">

  14.                 <view class="order-item"

  15.                 v-for="(item, index) in list"

  16.                 :key="index"

  17.                 >

  18.                     <view class='cell-group'>

  19.                         <view class='cell-item'

  20.                         @click="orderDetail(item.order_id)"

  21.                         >

  22.                             <view class='cell-item-hd'>

  23.                                 <view class='cell-hd-title'>订单编号：{{ item.order_id }}</view>

  24.                             </view>

  25.                             <view class='cell-item-ft'>

  26.                                 <text class='cell-ft-text'>{{ item.order_status_name }}</text>

  27.                             </view>

  28.                         </view>

  29.                     </view>

  30.                     <view class='img-list'>

  31.                         <view class='img-list-item'

  32.                         v-for="(goods, key) in item.items"

  33.                         :key="key"

  34.                         >

  35.                             <image class='img-list-item-l little-img have-none' :src='goods.image_url' mode='aspectFill'></image>

  36.                             <view class='img-list-item-r little-right'>

  37.                                 <view class='little-right-t'>

  38.                                     <view class='goods-name list-goods-name'

  39.                                     @click="orderDetail(item.order_id)"

  40.                                     >{{ goods.name }}</view>

  41.                                     <view class='goods-price'>￥{{ goods.price }}</view>

  42.                                 </view>

  43.                                 <view class="romotion-tip">

  44.                                     <view class="romotion-tip-item"

  45.                                     v-for="(promotion, k) in formatPromotions(goods.promotion_list)"

  46.                                     :key="k"

  47.                                     >

  48.                                         {{ promotion }}

  49.                                     </view>

  50.                                 </view>

  51.                                 <view class='goods-item-c'>

  52.                                     <view class='goods-buy'>

  53.                                         <view class='goods-salesvolume'

  54.                                         v-if="goods.addon !== null"

  55.                                         >{{ goods.addon }}</view>

  56.                                         <view class='goods-num'>× {{ goods.nums }}</view>

  57.                                     </view>

  58.                                 </view>

  59.                             </view>

  60.                         </view>

  61.                     </view>

  62.                     <view class='cell-group'>

  63.                         <view class='cell-item'>

  64.                             <view class='cell-item-ft goods-num'>

  65.                                 <text class='cell-ft-text'>合计<text class="red-price">￥ {{ item.order_amount }}</text></text>

  66.                                 <text class='cell-ft-text'>共 {{ item.items.length }} 件</text>

  67.                             </view>

  68.                         </view>

  69.                     </view>

  70.                     <view class='order-list-button'>

  71.                         

  72.                         <button class='btn btn-circle btn-g' hover-class="btn-hover" @click="orderDetail(item.order_id)">查看详情</button>

  73.                         

  74.                         <button class='btn btn-circle btn-w'

  75.                         hover-class="btn-hover"

  76.                         v-if="item.status === 1 && item.pay_status === 1" 

  77.                         @click="toPay(item.order_id)"

  78.                         >立即支付</button>

  79.                         

  80.                         <button class='btn btn-circle btn-w' 

  81.                         hover-class="btn-hover"

  82.                         v-if="item.status === 1 && item.pay_status === 2 && item.ship_status === 3 && item.confirm === 1" 

  83.                         @click="tackDelivery(index)"

  84.                         >确认收货</button>

  85.                         

  86.                         <button class='btn btn-circle btn-w' 

  87.                         hover-class="btn-hover"

  88.                         v-if="item.status === 1 && item.pay_status === 2 && item.ship_status === 3 && item.confirm === 2 && item.is_comment === 1" 

  89.                         @click="toEvaluate(item.order_id)"

  90.                         >立即评价</button>

  91.                         

  92.                     </view>

  93.                 </view>

  94.                 <uni-load-more

  95.                 :status="loadStatus"

  96.                 ></uni-load-more>

  97.             </view>

  98.             <view class="order-none" v-else>

  99.                 <image class="order-none-img" src="/static/image/order.png" mode=""></image>

  100.             </view>

  101. <!--             <view class="goods-detail" v-show="current === 1">

  102.                 <view class="order-none">

  103.                     <image class="order-none-img" src="/static/image/order.png" mode=""></image>

  104.                 </view>

  105.             </view>

  106.             <view class="goods-detail" v-show="current === 2">

  107.                 3

  108.             </view>

  109.             <view class="goods-detail" v-show="current === 3">

  110.                 4

  111.             </view>

  112.             <view class="goods-detail" v-show="current === 4">

  113.                 5

  114.             </view> -->

  115.         </view>

  116.     </view>

  117. </template>

  118. 

  119. <script>

  120. import uniSegmentedControl from "@/components/uni-segmented-control/uni-segmented-control.vue"

  121. import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue'

  122. import { orders, goods } from '@/config/mixins.js'

  123. export default {

  124.     mixins: [orders, goods],

  125.     components: {

  126.         uniSegmentedControl, uniLoadMore

  127.     },

  128.     data() {

  129.         return {

  130.             items: [

  131.                 '全部',

  132.                 '待付款',

  133.                 '待发货',

  134.                 '待收货',

  135.                 '待评价',

  136.             ],

  137.             list: [],

  138.             page: 1,

  139.             limit: 5, // 每页订单显示数量

  140.             loadStatus: 'more',

  141.             status: [0, 1, 2, 3, 4]    ,// 订单状态 0全部 1待付款 2待发货 3待收货 4待评价

  142.             isReload: false, // 页面是否刷新?重载

  143.         }

  144.     },

  145.     onLoad () {

  146.         this.initData()

  147.     },

  148.     onShow () {

  149.         if (this.isReload) {

  150.             this.initData()

  151.         }

  152.     },

  153.     computed: {

  154.         // 获取订单列表tab

  155.         tab () {

  156.             return this.$store.state.orderTab

  157.         }

  158.     },

  159.     methods: {

  160.         // 初始化数据并获取订单列表

  161.         initData (page = 1) {

  162.             this.page = page

  163.             this.list = []

  164.             this.orderList()

  165.         },

  166.         // 订单状态切换

  167.         onClickItem(index) {

  168.             if (this.tab !== index) {

  169.                 this.$store.commit('orderTab', index)

  170.                 this.initData()

  171.             }

  172.         },

  173.         // 获取订单列表

  174.         orderList () {

  175.             let data = {

  176.                 page: this.page,

  177.                 limit: this.limit,

  178.                 status: this.status[this.tab]

  179.             }

  180.             

  181.             this.loadStatus = 'loading'

  182. 

  183.             this.$api.orderList(data, res => {

  184.                 if (res.status) {

  185.                     let _list = res.data.list

  186.                     if (res.data.status == this.status[this.tab]) {

  187.                         this.list = [...this.list, ...this.formatOrderStatus(_list)]

  188.                         // 判断所有数据是否请求完毕

  189.                         if (res.data.count > this.list.length) {

  190.                             this.page ++

  191.                             this.loadStatus = 'more'

  192.                         } else {

  193.                             this.loadStatus = 'noMore'

  194.                         }

  195.                     }

  196.                 } else {

  197.                     this.$common.errorToShow(res.msg)

  198.                 }

  199.             })

  200.             

  201.             if (this.isReload) {

  202.                 this.isReload = false

  203.             }

  204.         },

  205.         // 确认收货

  206.         tackDelivery (index) {

  207.             this.$common.modelShow('提示', '确认执行收货操作吗?', () => {

  208.                 let data = {

  209.                     order_id: this.list[index].order_id

  210.                 }

  211.                 this.$api.confirmOrder(data, res => {

  212.                     if (res.status) {

  213.                         this.$common.successToShow('确认收货成功', () => {

  214.                             if (this.tab !== 0) {

  215.                                 this.list.splice(index, 1)

  216.                             } else {

  217.                                 this.initData()

  218.                             }

  219.                         })

  220.                     } else {

  221.                         this.$common.errorToShow(res.msg)

  222.                     }

  223.                 })

  224.             })

  225.         },

  226.         // 订单状态统一在这处理

  227.         formatOrderStatus (orderList) {

  228.             orderList.forEach (item => {

  229.                 switch (item.status) {

  230.                     case 1:

  231.                         if (item.pay_status === 1) {

  232.                             this.$set(item, 'order_status_name', '待付款')

  233.                         }

  234.                         if (item.pay_status === 2 && item.ship_status === 1){

  235.                             this.$set(item, 'order_status_name', '待发货')

  236.                         }

  237.                         if (item.pay_status === 2 && item.ship_status === 3 && item.confirm === 1) {

  238.                             this.$set(item, 'order_status_name', '待收货')

  239.                         }

  240.                         if (item.pay_status === 2 && item.ship_status === 3 && item.confirm === 2 && item.is_comment === 1) {

  241.                             this.$set(item, 'order_status_name', '待评价')

  242.                         }

  243.                         if (item.pay_status === 2 && item.ship_status === 3 && item.confirm === 2 && item.is_comment === 2) {

  244.                             this.$set(item, 'order_status_name', '已评价')

  245.                         }

  246.                         if (item.pay_status === 4) {

  247.                             this.$set(item, 'order_status_name', '售后单')

  248.                         }

  249.                         break

  250.                     case 2:

  251.                         this.$set(item, 'order_status_name', '已完成')

  252.                         break

  253.                     case 3:

  254.                         this.$set(item, 'order_status_name', '已取消')

  255.                         break

  256.                 }

  257.             })

  258.             return orderList

  259.         },

  260.         formatPromotions (promotions) {

  261.             let obj = {}

  262.             obj = JSON.parse(promotions)

  263.             return obj

  264.         }

  265.     },

  266.     // 页面下拉到底部触发

  267.     onReachBottom () {

  268.         if (this.loadStatus == 'more') {

  269.             this.orderList()

  270.         }

  271.     }

  272. }

  273. </script>

  274. 

  275. <style>

  276. .segmented-control {

  277.     /*  #ifdef  H5  */

  278.     top: 44px;

  279.     /*  #endif  */

  280.     /*  #ifndef  H5  */

  281.     top: 0;

  282.     /*  #endif  */

  283.     width: 100%;

  284.     background-color: #fff;

  285.     position: fixed;

  286.     

  287.     z-index: 999;

  288. }

  289. .segmented-control-item{

  290.     line-height: 70upx;

  291. }

  292. .order-list{

  293.     margin-top: 64upx;

  294. }

  295. .order-item{

  296.     margin-bottom: 20upx;

  297. }

  298. .img-list{

  299.     margin-top: 2upx;

  300. }

  301. .cell-group,.img-list-item {

  302.     background-color: #fff;

  303. }

  304. .cell-hd-title{

  305.     font-size: 22upx;

  306.     color: #666;

  307. }

  308. .cell-ft-text{

  309.     top: 0;

  310.     font-size: 22upx;

  311.     color: #333;

  312. }

  313. .order-list-button{

  314.     width: 100%;

  315.     background-color: #fff;

  316.     text-align: right;

  317.     padding: 10upx 26upx;

  318.     /* border-top: 2upx solid #f8f8f8; */

  319. }

  320. .order-list-button .btn{

  321.     height: 50upx;

  322.     line-height: 50upx;

  323. }

  324. .order-list-button .btn-w{

  325.     margin-left: 20upx;

  326. }

  327. .goods-num .cell-ft-text{

  328.     color: #999;

  329.     line-height: 32upx;

  330. }

  331. .goods-num .cell-ft-text:first-child{

  332.     margin-left: 10upx;

  333. }

  334. .order-none{

  335.     text-align: center;

  336.     padding: 200upx 0;

  337. }

  338. .order-none-img{

  339.     width: 274upx;

  340.     height: 274upx;

  341. }

  342. .goods-name{

  343.     min-height: 74upx;

  344. }

  345. </style>

  346.
setting
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top">

  4.             <view class='cell-group right-img'>

  5.                 <view class='cell-item'>

  6.                     <view class='cell-item-hd' @click="navigateToHandle('./user_info/index')">

  7.                         <!-- <image class='cell-hd-icon' src=''></image> -->

  8.                         <view class='cell-hd-title'>个人信息</view>

  9.                     </view>

  10.                     <view class='cell-item-ft'>

  11.                         <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  12.                     </view>

  13.                 </view>

  14.                 <view class='cell-item'>

  15.                     <view class='cell-item-hd' @click="navigateToHandle('./user_info/password')">

  16.                         <view class='cell-hd-title'>修改密码</view>

  17.                     </view>

  18.                     <view class='cell-item-ft'>

  19.                         <image class='cell-ft-next icon' src='../../../static/image/right.png'></image>

  20.                     </view>

  21.                 </view>

  22.                 <view class='cell-item'>

  23.                     <view class='cell-item-hd' @click="clearCache">

  24.                         <!-- <image class='cell-hd-icon' src=''></image> -->

  25.                         <view class='cell-hd-title'>清除缓存</view>

  26.                     </view>

  27.                     <view class='cell-item-ft'>

  28.                         <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  29.                     </view>

  30.                 </view>

  31.                 <view class='cell-item'>

  32.                     <view class='cell-item-hd' @click="aboutUs">

  33.                         <!-- <image class='cell-hd-icon' src='/static/image/me-ic-about.png'></image> -->

  34.                         <view class='cell-hd-title'>关于我们</view>

  35.                     </view>

  36.                     <view class='cell-item-ft'>

  37.                         <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  38.                     </view>

  39.                 </view>

  40.                 <view class='cell-item'>

  41.                     <view class='cell-item-hd' @click="logOff">

  42.                         <!-- <image class='cell-hd-icon' src='/static/image/me-ic-about.png'></image> -->

  43.                         <view class='cell-hd-title'>退出</view>

  44.                     </view>

  45.                     <view class='cell-item-ft'>

  46.                         <image class='cell-ft-next icon' src='/static/image/right.png'></image>

  47.                     </view>

  48.                 </view>

  49.             </view>

  50.         </view>

  51.         <!--         <view class="button-bottom">

  52.             <button class="btn btn-b">退出登录</button>

  53.         </view> -->

  54.     </view>

  55. </template>

  56. 

  57. <script>

  58. export default {

  59.   methods: {

  60.     navigateToHandle(pageUrl) {

  61.       this.$common.navigateTo(pageUrl)

  62.     },

  63.     // 清除缓存

  64.     clearCache() {

  65.       // 重新获取统一配置信息

  66.       this.$api.shopConfig(res => {

  67.         this.$store.commit('config', res)

  68.       })

  69.       // 删除地区缓存信息

  70.       this.$db.del('areaList')

  71.       setTimeout(() => {

  72.         this.$common.successToShow('清除成功')

  73.       }, 500)

  74.     },

  75.     // 关于我们

  76.     aboutUs() {

  77.       let articleId = this.$store.state.config.about_article_id;

  78.       this.$common.navigateTo('/pages/article/index?id_type=1&id=' + articleId);

  79.     },

  80.     // 退出登录

  81.     logOff() {

  82.       this.$common.modelShow('退出', '确认退出登录吗?', () => {

  83.         this.$db.del('userToken')

  84.         uni.reLaunch({

  85.           url: '/pages/index/index'

  86.         })

  87.       })

  88.     }

  89.   }

  90. }

  91. </script>

  92. 

  93. <style>

  94. </style>

  95.
user_info
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top">

  4.             <view class='cell-group'>

  5.                 <view class='cell-item user-head'>

  6.                     <view class='cell-item-hd'>

  7.                         <view class='cell-hd-title'>头像</view>

  8.                     </view>

  9.                     <view class='cell-item-ft'>

  10.                         <image class='cell-ft-next user-head-img have-none' mode="aspectFill" :src="avatar" @click="uploadAvatar"></image>

  11.                     </view>

  12.                 </view>

  13.                 <view class='cell-item'>

  14.                     <view class='cell-item-hd'>

  15.                         <view class='cell-hd-title'>昵称</view>

  16.                     </view>

  17.                     <view class='cell-item-bd'>

  18.                         <input class='cell-bd-input' placeholder='' v-model="nickname" ></input>

  19.                     </view>

  20.                 </view>

  21.                 <view class='cell-item right-img'>

  22.                     <view class='cell-item-hd'>

  23.                         <view class='cell-hd-title'>性别</view>

  24.                     </view>

  25.                     <view class='cell-item-bd'>

  26.                         <view class="uni-list">

  27.                             <view class="uni-list-cell-db">

  28.                                 <picker @change="bindPickerChange" :value="index" :range="objectSex">

  29.                                     <view class="uni-input">{{objectSex[sex]}}</view>

  30.                                 </picker>

  31.                             </view>

  32.                         </view>

  33.                     </view>

  34.                     <view class='cell-item-ft'>

  35.                         <image class='cell-ft-next icon' src='/static/image/ic-pull-down.png'></image>

  36.                     </view>

  37.                 </view>

  38.                 <view class='cell-item right-img'>

  39.                     <view class='cell-item-hd'>

  40.                         <view class='cell-hd-title'>生日</view>

  41.                     </view>

  42.                     <view class='cell-item-bd'>

  43.                         <view class="uni-list">

  44.                             <view class="uni-list-cell-db">

  45.                                 <picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange">

  46.                                     <view class="uni-input">{{birthday}}</view>

  47.                                 </picker>

  48.                             </view>

  49.                         </view>

  50.                     </view>

  51.                     <view class='cell-item-ft'>

  52.                         <image class='cell-ft-next icon' src='/static/image/ic-pull-down.png'></image>

  53.                     </view>

  54.                 </view>

  55.             </view>

  56.         </view>

  57.         <view class="button-bottom">

  58.             <button class="btn btn-square btn-b"  hover-class="btn-hover2" @click="submitHandler()" :disabled='submitStatus' :loading='submitStatus'>保存</button>

  59.         </view>

  60.     </view>

  61. </template>

  62. 

  63. <script>

  64. export default {

  65.     data() {

  66.         return {

  67.             title: 'picker',

  68.             avatar: '',

  69.             objectSex: ['男', '女', '未知'],

  70.             index: 2,

  71.             nickname: '',

  72.             mobile: '',

  73.             date: '1990-01-01',

  74.             birthday: '请选择',

  75.             sex: 0,

  76.             submitStatus: false

  77.         }

  78.     },

  79.     computed: {

  80.         startDate() {

  81.             return this.getDate('start');

  82.         },

  83.         endDate() {

  84.             return this.getDate('end');

  85.         }

  86.     },

  87.     methods: {

  88.         //性别

  89.         bindPickerChange: function(e) {

  90.             this.sex = e.target.value;

  91.         },

  92.         //生日

  93.         bindDateChange: function(e) {

  94.             this.birthday = e.target.value;

  95.         },

  96.         getDate(type) {

  97.             const date = new Date();

  98.             let year = date.getFullYear();

  99.             let month = date.getMonth() + 1;

  100.             let day = date.getDate();

  101. 

  102.             if (type === 'start') {

  103.                 year = year - 60;

  104.             } else if (type === 'end') {

  105.                 year = year + 2;

  106.             }

  107.             month = month > 9 ? month : '0' + month;;

  108.             day = day > 9 ? day : '0' + day;

  109.             return `${year}-${month}-${day}`;

  110.         },

  111.         // 用户上传头像

  112.         uploadAvatar () {

  113.             this.$api.uploadFiles(res => {

  114.                 if (res.status) {

  115.                     let avatar = res.data.url // 上传成功的图片地址

  116.                     // 执行头像修改

  117.                     this.$api.changeAvatar({

  118.                         avatar: avatar

  119.                     }, res => {

  120.                         if (res.status) {

  121.                             this.$common.successToShow('上传成功', () => {

  122.                                 this.avatar = res.data.avatar

  123.                             })

  124.                         } else {

  125.                             this.$common.errorToShow(res.msg)

  126.                         }

  127.                     })

  128.                 } else {

  129.                     this.$common.errorToShow(res.msg)

  130.                 }

  131.             })

  132.         },

  133.         // 保存资料

  134.         submitHandler() {

  135.             this.submitStatus = true;

  136.             let sex = this.sex +1;

  137.             if(this.birthday == '请选择'){

  138.                 this.$common.successToShow('请选择出生日期');

  139.                 this.submitStatus = false;

  140.                 return false;

  141.             }else{

  142.                 this.$api.editInfo({

  143.                         sex: sex,

  144.                         birthday: this.birthday,

  145.                         nickname: this.nickname

  146.                     }, res => {

  147.                         this.$common.successToShow(res.msg, result => {

  148.                             this.submitStatus = false;

  149.                             uni.navigateBack({

  150.                                 delta: 1

  151.                             });

  152.                         });

  153.                     }

  154.                 );

  155.             }

  156.         }

  157.     },

  158.     onLoad: function() {

  159.         var _this = this;

  160.         _this.$api.userInfo({}, function(res) {

  161.             if (res.status) {

  162.                 var the_sex = res.data.sex - 1;

  163.                 if (res.data.birthday == null) {

  164.                     res.data.birthday = '请选择';

  165.                 }

  166.                 _this.nickname = res.data.nickname;

  167.                 _this.mobile = res.data.mobile;

  168.                 _this.sex = the_sex;

  169.                 _this.index = the_sex;

  170.                 _this.birthday = res.data.birthday;

  171.                 _this.avatar = res.data.avatar;

  172.                 if(_this.birthday!='请选择'){

  173.                     _this.date = _this.birthday;

  174.                 }

  175.             } else {

  176.                 //报错了

  177.                 _this.$common.errorToShow(res.msg);

  178.             }

  179.         });

  180.     }

  181. }

  182. </script>

  183. 

  184. <style>

  185. .user-head{

  186.     height: 100upx;

  187. }

  188. .user-head-img{

  189.     height: 90upx;

  190.     width: 90upx;

  191.     border-radius: 50%;

  192. }

  193. .cell-hd-title{

  194.     color: #333;

  195. }

  196. .cell-item-bd{

  197.     color: #666;

  198.     font-size: 26upx;

  199. }

  200. </style>

  201.
password.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top">

  4.             <view class='cell-group'>

  5.                 <view class='cell-item'>

  6.                     <view class='cell-item-hd'>

  7.                         <view class='cell-hd-title'>旧密码</view>

  8.                     </view>

  9.                     <view class='cell-item-bd'>

  10.                         <input class='cell-bd-input' placeholder='' v-model="pwd"></input>

  11.                     </view>

  12.                 </view>

  13.             </view>

  14.             <view class='cell-group'>

  15.                 <view class='cell-item'>

  16.                     <view class='cell-item-hd'>

  17.                         <view class='cell-hd-title'>新密码</view>

  18.                     </view>

  19.                     <view class='cell-item-bd'>

  20.                         <input class='cell-bd-input' placeholder='' v-model="newPwd"></input>

  21.                     </view>

  22.                 </view>

  23.             </view>

  24.             <view class='cell-group'>

  25.                 <view class='cell-item'>

  26.                     <view class='cell-item-hd'>

  27.                         <view class='cell-hd-title'>确认密码</view>

  28.                     </view>

  29.                     <view class='cell-item-bd'>

  30.                         <input class='cell-bd-input' placeholder='' v-model="rePwd"></input>

  31.                     </view>

  32.                 </view>

  33.             </view>

  34.         </view>

  35.         <view class="button-bottom">

  36.             <button class="btn btn-square btn-b" hover-class="btn-hover2" @click="submitHandler()" :disabled='submitStatus'

  37.              :loading='submitStatus'>保存</button>

  38.         </view>

  39.     </view>

  40. </template>

  41. 

  42. <script>

  43.     export default {

  44.         data() {

  45.             return {

  46.                 pwd: '',

  47.                 newPwd: '',

  48.                 rePwd: '',

  49.                 sex: 0,

  50.                 submitStatus: false

  51.             }

  52.         },

  53.         computed: {},

  54.         methods: {

  55.             // 保存资料

  56.             submitHandler() {

  57.                 this.submitStatus = true;

  58.                 if (this.pwd === '') {

  59.                     this.$common.errorToShow('请输入旧密码')

  60.                     this.submitStatus = false;

  61.                 } else if (this.newPwd === '') {

  62.                     this.$common.errorToShow('请输入新密码')

  63.                     this.submitStatus = false;

  64.                 } else if (this.rePwd === '') {

  65.                     this.$common.errorToShow('请输入重复密码')

  66.                     this.submitStatus = false;

  67.                 } else {

  68.                     this.$api.editPwd({

  69.                         pwd: this.pwd,

  70.                         newpwd: this.newPwd,

  71.                         repwd: this.rePwd

  72.                     }, res => {

  73.                         this.submitStatus = false;

  74.                         this.$common.successToShow(res.msg)

  75.                         this.pwd = this.newPwd = this.rePwd = '';

  76.                     })

  77.                 }

  78.             }

  79.         },

  80.         onLoad: function() {

  81.             var _this = this;

  82.             _this.$api.userInfo({}, function(res) {

  83.                 if (res.status) {

  84.                     var the_sex = res.data.sex - 1;

  85.                     if (res.data.birthday == null) {

  86.                         res.data.birthday = '请选择';

  87.                     }

  88.                     _this.nickname = res.data.nickname;

  89.                     _this.mobile = res.data.mobile;

  90.                     _this.sex = the_sex;

  91.                     _this.index = the_sex;

  92.                     _this.birthday = res.data.birthday;

  93.                     _this.avatar = res.data.avatar;

  94.                     if (_this.birthday != '请选择') {

  95.                         _this.date = _this.birthday;

  96.                     }

  97.                 } else {

  98.                     //报错了

  99.                     _this.$common.errorToShow(res.msg);

  100.                 }

  101.             });

  102.         }

  103.     }

  104. </script>

  105. 

  106. <style>

  107.     .user-head {

  108.         height: 100upx;

  109.     }

  110. 

  111.     .user-head-img {

  112.         height: 90upx;

  113.         width: 90upx;

  114.         border-radius: 50%;

  115.     }

  116. 

  117.     .cell-hd-title {

  118.         color: #333;

  119.     }

  120. 

  121.     .cell-item-bd {

  122.         color: #666;

  123.         font-size: 26upx;

  124.     }

  125. </style>

  126.
take_delivery
index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="content-top">

  4.             <view class="ad" >

  5.                 <image class="ad-img" src="/static/demo-img/banner.png" mode="widthFix" ></image>

  6.             </view>

  7.             <view class='search'>

  8.                 <view class='search-c'>

  9.                     <image class='icon search-icon' src='/static/image/zoom.png'></image>

  10.                     <input class='search-input' placeholder-class='search-input-p' placeholder='请输入完整提货单号、订单号、提货手机号' v-model="key"></input>

  11.                 </view>

  12.                 <button class="btn btn-g" hover-class="btn-hover2" @click="search">查询</button>

  13.             </view>

  14.             <view v-if="allData.length">

  15.                 <checkbox-group @change="checkboxChange">

  16.                     <view class="img-list">

  17.                         

  18.                         <view class="img-list-c" v-for="(item, index) in allData" :key="index">

  19.                             <view class="img-list-title">

  20.                                 <view class="ilt-left">

  21.                                     <text class="color-6">订单号:</text><text class="color-9">{{ item.order_id }}</text>

  22.                                 </view>

  23.                                 <view class="ilt-right  color-9">

  24.                                     {{ item.status_name }}

  25.                                 </view>

  26.                             </view>

  27.                             <view class="img-list-bot">

  28.                                 <label class="uni-list-cell uni-list-cell-pd">

  29.                                     <view v-if="!item.disabled" class="img-list-checkbox">

  30.                                         <checkbox color="#FF7159" :value="item.id" :checked="item.checked" :disabled="item.disabled" v-if="item.disabled" class="checkboxNo"/>

  31.                                         <checkbox color="#FF7159" :value="item.id" :checked="item.checked" :disabled="item.disabled" v-else/>

  32.                                     </view>

  33.                                 </label>

  34.                                 <view class="img-list-right">

  35.                                     <view class="img-list-content" v-for="(i, key) in item.goods" :key="key">

  36.                                         <view class="img-list-item">

  37.                                             <image class="img-list-item-l" :src="i.image_url" mode='aspectFill'></image>

  38.                                             <view class="img-list-item-r">

  39.                                                 <view class="goods-name list-goods-name">{{i.name}}</view>

  40.                                                 <view class="goods-item-c">

  41.                                                     <view class="goods-buy">

  42.                                                         <view class="goods-salesvolume">规格：{{i.addon}}</view>

  43.                                                         <view class="goods-salesvolume">数量：{{i.nums}}</view>

  44.                                                         <view class="goods-salesvolume">SN码：{{i.sn}}</view>

  45.                                                         <view class="goods-salesvolume">BN码：{{i.bn}}</view>

  46.                                                     </view>

  47.                                                 </view>

  48.                                             </view>

  49.                                         </view>

  50.                                     </view>

  51.                                 </view>

  52.                             </view>

  53.                         </view>

  54.                         

  55.                     </view>

  56.                 </checkbox-group>

  57.             </view>

  58.         </view>

  59.         

  60.         <view class="button-bottom" v-if="allData.length">

  61.             <button class="btn btn-b btn-square" @click="write" v-if="checkedIds.length">确认核销</button>

  62.             <button class="btn btn-b btn-square completed" v-else>请选择待核销订单</button>

  63.         </view>

  64.     </view>

  65. </template>

  66. 

  67. <script>

  68.     export default {

  69.         data(){

  70.             return {

  71.                 key: '', // 筛选条件

  72.                 isgo: false,

  73.                 isgotext: '确认核销',

  74.                 allData: [] // 提货单列表

  75.             }

  76.         },

  77.         onLoad(e){

  78.             if(e.id){

  79.                 this.key = e.id;

  80.             }

  81.             this.getLadingInfo();

  82.         },

  83.         computed: {

  84.             // 获取选中的提货单id

  85.             checkedIds () {

  86.                 let ids = []

  87.                 this.allData.forEach(item => {

  88.                     // 判断不是禁用状态 并且是选中状态 并且是未核销状态

  89.                     if (!item.disabled && item.checked && item.status === 1) {

  90.                         ids.push(item.id)

  91.                     }

  92.                 })

  93.                 return ids

  94.             },

  95.         },

  96.         methods: {

  97.             // 多选框点击事件处理

  98.             checkboxChange (e) {

  99.                 var values = e.detail.value;

  100.                 this.allData.forEach(item => {

  101.                     if (values.includes(item.id)) {

  102.                         item.checked = true

  103.                     } else {

  104.                         item.checked = false

  105.                     }

  106.                 })

  107.             },

  108.             //获取提货单详情

  109.             getLadingInfo() {

  110.                 if(this.key){

  111.                     let data = {

  112.                         'key': this.key

  113.                     }

  114.                     this.$api.ladingInfo(data, e => {

  115.                         if (e.status) {

  116.                             this.allData = this.formatData(e.data);

  117.                         } else {

  118.                             this.allData = []; // 清空数据

  119.                             this.$common.modelShow('提示', e.msg, function(){});

  120.                         }

  121.                     });

  122.                 }

  123.             },

  124. 

  125.             //搜索

  126.             search() {

  127.                 if(this.key != ''){

  128.                     this.getLadingInfo();

  129.                 }else{

  130.                     this.$common.errorToShow('请输入查询关键字');

  131.                     return false;

  132.                 }

  133.             },

  134.     

  135.             //查询判断是否可以核销

  136.             isGoWrite(data) {

  137.                 let isgo = false;

  138.                 if (data.order_info.pay_status == 2 && data.order_info.ship_status == 3){

  139.                     isgo = true;

  140.                     this.lading_id = data.id;

  141.                     this.goodsList = data.goods;

  142.                     this.allData = data;

  143.                 } else {

  144.                     this.$common.modelShow('无法核销', '订单必须支付并已发货才可以核销', function(){});

  145.                 }

  146.                 this.isgo = isgo;

  147.             },

  148.             // 数据转化

  149.             formatData (data){

  150.                 data.forEach (item => {

  151.                     if (item.status === 2) {

  152.                         // 已提货

  153.                         this.$set(item, 'checked', false)

  154.                         this.$set(item, 'disabled', true)

  155.                     } else {

  156.                         // 未提货

  157.                         this.$set(item, 'checked', true)

  158.                         this.$set(item, 'disabled', false)

  159.                     }

  160.                 })

  161.                 return data

  162.             },

  163.             //去核销

  164.             write() {

  165.                 let _this = this;

  166.                 this.$common.modelShow('提示', '您确认核销吗？', function(res){

  167.                     //去核销

  168.                     let data = {

  169.                         lading_ids: _this.checkedIds.join()

  170.                     }

  171.                     _this.$api.ladingExec(data, res => {

  172.                         if(res.status) {

  173.                             _this.$common.successToShow(res.msg, _this.afterChangeDataStatus())

  174.                         }

  175.                     });

  176.                 });

  177.             },

  178.             // 核销完成后更改数据状态

  179.             afterChangeDataStatus () {

  180.                 this.allData.forEach(item => {

  181.                     if (this.checkedIds.indexOf(item.id) > -1) {

  182.                         item.status = 2

  183.                         item.checked = false

  184.                         item.disabled = true

  185.                     }

  186.                 })

  187.             }

  188.         }

  189.     }

  190. </script>

  191. 

  192. <style>

  193. .ad {

  194.     width: 100%;

  195.     /* margin: 20upx 0; */

  196.     overflow: hidden;

  197. }

  198. .ad-img{

  199.     width: 100%;

  200.     float: left;

  201.     margin-bottom: 20upx;

  202. }

  203. .ad-img:last-child{

  204.     margin-bottom: 0;

  205. }

  206. .search{

  207.     display: flex;

  208. }

  209. .search-c{

  210.     width: 85%;

  211.     margin-right: 2%;

  212. }

  213. .search-icon{

  214.     left: 20upx;    

  215. }

  216. .search-input {

  217.     padding: 10upx 30upx 10upx 70upx;

  218. }

  219. .search-input-p{

  220.     padding: 0 !important;

  221. }

  222. .search .btn{

  223.     width: 15%;

  224.     border: none;

  225.     background-color: #f1f1f1;

  226.     font-size: 26upx;

  227.     color: #333;

  228.     border-radius: 6upx;

  229.     line-height: 72upx;

  230.     padding-left: 18upx;

  231.     padding-right: 18upx;

  232. }

  233. .list-goods-name{

  234.     margin-bottom: 8upx;

  235. }

  236. .goods-salesvolume{

  237.     display: block;

  238.     margin-bottom: 6upx;

  239. }

  240. .completed{

  241.     background-color: #d9d9d9;

  242.     color: #4e4e4e;

  243. }

  244. .img-list-bot{

  245.     background-color: #fff;

  246.     display: flex;

  247.     padding: 30upx 26upx;

  248. }

  249. .img-list-title{

  250.     padding: 26upx 26upx 0;

  251.     background-color: #fff;

  252.     font-size: 28upx;

  253.     overflow: hidden;

  254. }

  255. .ilt-left{

  256.     float: left;

  257. }

  258. .ilt-right{

  259.     float: right;

  260. }

  261. .img-list-checkbox{

  262.     /* display: inline-block; */

  263.     position: relative;

  264.     height: 100%;

  265. }

  266. .img-list-checkbox uni-checkbox{

  267.     position: absolute;

  268.     top: 50%;

  269.     transform: translateY(-50%);

  270. }

  271. .img-list-right{

  272.     /* display: inline-block; */

  273.     margin-left: 60upx;

  274. }

  275. .img-list-item{

  276.     padding: 0;

  277. }

  278. .img-list-item-r{

  279.     width: 360upx;

  280. }

  281. </style>

  282.
list.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="order-list">

  4.             <view class="goods-detail">

  5.                 <view class="order-item" v-for="(item, key) in ladingList" :key="key">

  6.                     <view class='cell-group'>

  7.                         <view class='cell-item' style="padding: 10upx 26upx 0 0;">

  8.                             <view class='cell-item-hd'>

  9.                                 <view class='cell-hd-title'>提货码：{{item.id}}</view>

  10.                             </view>

  11.                             <view class='cell-item-ft'>

  12.                                 <text class='cell-ft-text'>{{item.status_name}}</text>

  13.                             </view>

  14.                         </view>

  15.                     </view>

  16.                     <view class='cell-group'>

  17.                         <view class='cell-item'>

  18.                             <view class='cell-item-hd'>

  19.                                 <view class='cell-hd-title'>订单编号：{{item.order_id}}</view>

  20.                             </view>

  21.                             <view class='cell-item-ft'>

  22. <!--                                 <text class='cell-ft-text' v-if="item.status == 1">待提货</text>

  23.                                 <text class='cell-ft-text' v-else-if="item.status === 2">已提货</text>

  24.                                 <text class='cell-ft-text' v-else>未知状态</text> -->

  25.                             </view>

  26.                         </view>

  27.                     </view>

  28.                     <view class='img-list'>

  29.                         <view class='img-list-item' v-for="(v, k) in item.order_items" :key="k">

  30.                             <image class='img-list-item-l little-img have-none' :src='v.image_url' mode='aspectFill'></image>

  31.                             <view class='img-list-item-r little-right'>

  32.                                 <view class='little-right-t'>

  33.                                     <view class='goods-name list-goods-name'>{{v.name}}</view>

  34.                                     <view class='goods-price'>￥{{v.price}}</view>

  35.                                 </view>

  36.                                 <view class='goods-item-c'>

  37.                                     <view class='goods-buy'>

  38.                                         <view class='goods-salesvolume' v-show="v.addon">{{v.addon}}</view>

  39.                                         <view class='goods-num'>×{{v.nums}}</view>

  40.                                     </view>

  41.                                 </view>

  42.                             </view>

  43.                         </view>

  44.                     </view>

  45.                     <view class='order-list-button'>

  46.                         <button class='btn btn-circle btn-g' hover-class="btn-hover" v-if="item.status == 2" @click="ladingDel(item.id)">删除</button>

  47.                         <button class='btn btn-circle btn-w' hover-class="btn-hover" v-if="item.status == 1" @click="ladingWrite(item.id)">提货单核销</button>

  48.                     </view>

  49.                 </view>

  50.             </view>

  51.         </view>

  52.     </view>

  53. </template>

  54. 

  55. <script>

  56. export default {

  57.     data(){

  58.         return {

  59.             ladingList: [],

  60.         }

  61.     },

  62.     onShow(){

  63.         this.getLadingList();

  64.     },

  65.     methods: {

  66.         //获取提货单列表

  67.         getLadingList() {

  68.             this.$api.storeLadingList({}, res => {

  69.                 this.ladingList = res.data;

  70.             });

  71.         },

  72.         

  73.         //提货单核销

  74.         ladingWrite(id) {

  75.             this.$common.navigateTo('./index?id=' + id);

  76.         },

  77. 

  78.         //删除

  79.         ladingDel(id) {

  80.             this.$common.modelShow('提示', '删除提货单后将无法找回！', res => {

  81.                 let data = {

  82.                     'lading_id': id

  83.                 }

  84.                 this.$api.ladingDel(data, res => {

  85.                     this.$common.successToShow(res.msg, res => {

  86.                         this.getLadingList();

  87.                     });

  88.                 });

  89.             });

  90.         }

  91.     }

  92. }

  93. </script>

  94. 

  95. <style>

  96. .segmented-control {

  97.     /*  #ifdef  H5  */

  98.     top: 44px;

  99.     /*  #endif  */

  100.     /*  #ifndef  H5  */

  101.     top: 0;

  102.     /*  #endif  */

  103.     width: 100%;

  104.     background-color: #fff;

  105.     position: fixed;

  106.     

  107.     z-index: 999;

  108. }

  109. .segmented-control-item{

  110.     line-height: 70upx;

  111. }

  112. .order-list{

  113.     /* margin-top: 64upx; */

  114. }

  115. .order-item{

  116.     margin-bottom: 20upx;

  117. }

  118. .img-list{

  119.     margin-top: 2upx;

  120. }

  121. .cell-group,.img-list-item {

  122.     background-color: #fff;

  123. }

  124. .cell-hd-title{

  125.     font-size: 22upx;

  126.     color: #666;

  127. }

  128. .cell-ft-text{

  129.     top: 0;

  130.     font-size: 22upx;

  131.     color: #333;

  132. }

  133. .order-list-button{

  134.     width: 100%;

  135.     background-color: #fff;

  136.     text-align: right;

  137.     padding: 10upx 26upx;

  138.     /* border-top: 2upx solid #f8f8f8; */

  139. }

  140. .order-list-button .btn{

  141.     height: 50upx;

  142.     line-height: 50upx;

  143. }

  144. .order-list-button .btn-w{

  145.     margin-left: 20upx;

  146. }

  147. .goods-num .cell-ft-text{

  148.     color: #999;

  149.     line-height: 32upx;

  150. }

  151. .goods-num .cell-ft-text:first-child{

  152.     margin-left: 10upx;

  153. }

  154. .order-none{

  155.     text-align: center;

  156.     padding: 200upx 0;

  157. }

  158. .order-none-img{

  159.     width: 274upx;

  160.     height: 274upx;

  161. }

  162. </style>

model

index.vue

share

jump.vue
复制代码
  1. <template>

  2.     <view></view>

  3. </template>

  4. <script>

  5.     export default {

  6.         data() {

  7.             return {};

  8.         },

  9.         onLoad(e) {

  10.             let url = this.$common.shareParameterEncode(e.scene);

  11.             let arr1 = url.split('&');

  12.             

  13.             let type = '',

  14.                 invite = '',

  15.                 page_code = '',

  16.                 id = '',

  17.                 id_type = '',

  18.                 group_id = '',

  19.                 team_id = '';

  20. 

  21.             for (var i = 0; i < arr1.length; i++) {

  22.                 let key = arr1[i].split('=')[0]

  23.                 if (key == 'type') {

  24.                     type = arr1[i].split('=')[1]

  25.                 }

  26.                 if (key == 'invite') {

  27.                     invite = arr1[i].split('=')[1]

  28.                 }

  29.                 if (key == 'page_code') {

  30.                     page_code = arr1[i].split('=')[1]

  31.                 }

  32.                 if (key == 'id') {

  33.                     id = arr1[i].split('=')[1]

  34.                 }

  35.                 if (key == 'id_type') {

  36.                     id_type = arr1[i].split('=')[1]

  37.                 }

  38.                 if (key == 'group_id') {

  39.                     group_id = arr1[i].split('=')[1]

  40.                 }

  41.                 if (key == 'team_id') {//拼团参团id

  42.                     team_id = arr1[i].split('=')[1]

  43.                 }

  44.             }

  45.             

  46.             this.saveInviteCode(invite); //存储邀请码

  47.             switch (type) {

  48.                 case '1': //首页

  49.                     this.gotoIndex();

  50.                     break;

  51.                 case '2': //商品详情页面

  52.                     this.gotoGoods(id);

  53.                     break;

  54.                 case '3': //首页

  55.                     this.gotoIndex();

  56.                     break;

  57.                 case '4': //文章页面

  58.                     this.gotoArticle(id, id_type);

  59.                     break;

  60.                 case '5': //拼团页面

  61.                     this.gotoPinTuan(id, team_id);

  62.                     break;

  63.                 case '6': //团购页面

  64.                     this.gotoGroup(id, group_id);

  65.                     break;

  66.                 case '7': //参团页面

  67.                     // todo:: 功能暂无后续开发

  68.                     // this.gotoInvitationGroup(id, group_id, team_id);

  69.                     break;

  70.                 case '8': //自定义页面

  71.                     this.gotoCustom(page_code);

  72.                     break;

  73.                 case '9': //店铺邀请

  74.                     this.gotoStore(id);

  75.                     break;

  76.                 case '10': //智能表单

  77.                     this.gotoForm(id);

  78.                     break;

  79.                 default:

  80.                     this.gotoIndex();

  81.                     break;

  82.             }

  83.         },

  84.         methods: {

  85.             //存储邀请码

  86.             saveInviteCode(invite) {

  87.                 if (invite && invite != '') {

  88.                     this.$db.set('invitecode', invite);

  89.                 }

  90.             },

  91.             //跳转到首页

  92.             gotoIndex() {

  93.                 uni.switchTab({

  94.                     url: '/pages/index/index'

  95.                 });

  96.             },

  97.             //跳转到商品

  98.             gotoGoods(id) {

  99.                 if(id && id != ''){

  100.                     let url = '/pages/goods/index/index?id=' + id;

  101.                     this.$common.redirectTo(url);

  102.                 }else{

  103.                     this.gotoIndex();

  104.                 }

  105.             },

  106.             //跳转到文章

  107.             gotoArticle(id, id_type) {

  108.                 if(id && id != ''){

  109.                     let url = '/pages/article/index?id=' + id + '&id_type=' + id_type;

  110.                     this.$common.redirectTo(url);

  111.                 }else{

  112.                     this.gotoIndex();

  113.                 }

  114.             },

  115.             //跳转到拼团

  116.             gotoPinTuan(id, team_id) {

  117.                 if(id && id != ''){

  118.                     let url = '/pages/goods/index/pintuan?id=' + id + '&team_id=' + team_id;

  119.                     this.$common.redirectTo(url);

  120.                 }else{

  121.                     this.gotoIndex();

  122.                 }

  123.             },

  124.             //跳转到团购

  125.             gotoGroup(id, group_id) {

  126.                 if(id && id != ''){

  127.                     let url = '/pages/goods/index/group?id=' + id + '&group_id=' + group_id;

  128.                     this.$common.redirectTo(url);

  129.                 }else{

  130.                     this.gotoIndex();

  131.                 }

  132.             },

  133.             //跳转到参团

  134.             //todo:: 功能暂无后续开发

  135.             // gotoInvitationGroup(id, group_id, team_id) {

  136.             //     if(id && id != '' && group_id && group_id != '' && team_id && team_id != ''){

  137.             //         let url = '/pages/member/order/invitation_group?id=' + id + '&group_id=' + group_id + '&team_id=' + team_id;

  138.             //         this.$common.redirectTo(url);

  139.             //     }else{

  140.             //         this.gotoIndex();

  141.             //     }

  142.             // },

  143.             //跳转到自定义页

  144.             gotoCustom(page_code) {

  145.                 if(page_code && page_code != ''){

  146.                     let url = '/pages/index/custom?page_code=' + page_code;

  147.                     this.$common.redirectTo(url);

  148.                 }else{

  149.                     this.gotoIndex();

  150.                 }

  151.             },

  152.             gotoStore(id) {

  153.                 if(id && id != ''){

  154.                     let url = '/pages/member/distribution/my_store?store=' + id;

  155.                     this.$common.redirectTo(url);

  156.                 }else{

  157.                     this.gotoIndex();

  158.                 }

  159.             },

  160.             //跳转表单

  161.             gotoForm(id){

  162.                 if(id && id != ''){

  163.                     let url = '/pages/form/detail/form?id=' + id;

  164.                     this.$common.redirectTo(url);

  165.                 }else{

  166.                     this.gotoIndex();

  167.                 }

  168.             }

  169.         }

  170.     };

  171. </script>

share.vue

复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="share-top"><img class="share-img" :src="poster" mode="widthFix"/></view>

  4.         <view class="share-bot">

  5.             <button class="btn btn-b" v-if="weiXinBrowser">长按图片保存到手机</button>

  6.             <button class="btn btn-b" @click="savePoster()" v-else>保存到本地</button>

  7.             <button class="btn btn-w" @click="goBack()">返回</button>

  8.         </view>

  9.     </view>

  10. </template>

  11. <script>

  12. export default {

  13.     data() {

  14.         return {

  15.             poster: ''

  16.         };

  17.     },

  18.     onLoad(options) {

  19.         this.poster = options.poster;

  20.     },

  21.     computed: {

  22.         weiXinBrowser () {

  23.             return this.$common.isWeiXinBrowser()

  24.         }

  25.     },

  26.     methods: {

  27.         goBack() {

  28.             uni.navigateBack({

  29.                 delta: 1

  30.             });

  31.         },

  32.         // 保存海报到本地

  33.         savePoster() {

  34.             let _this = this;

  35.             // #ifdef H5 

  36.             _this.downloadIamge(_this.poster, 'image');

  37.             // #endif

  38. 

  39.             // #ifdef MP || MP-ALIPAY || APP-PLUS || APP-PLUS-NVUE

  40.             _this.downloadImageOfMp(_this.poster)

  41.             // #endif

  42.         },

  43.         //下载图片地址和图片名

  44.         downloadIamge(imgsrc, name) {

  45.             var image = new Image();

  46.             // 解决跨域 Canvas 污染问题

  47.             image.setAttribute('crossorigin', 'anonymous');

  48.             image.onload = () => {

  49.                 var canvas = document.createElement('canvas');

  50.                 canvas.width = image.width;

  51.                 canvas.height = image.height;

  52.                 var context = canvas.getContext('2d');

  53.                 context.drawImage(image, 0, 0, image.width, image.height);

  54.                 var url = canvas.toDataURL('image/png'); //得到图片的base64编码数据

  55.                 var a = document.createElement('a'); // 生成一个a元素

  56.                 var event = new MouseEvent('click'); // 创建一个单击事件

  57.                 a.download = name || 'photo'; // 设置图片名称

  58.                 a.href = url; // 将生成的URL设置为a.href属性

  59.                 a.dispatchEvent(event); // 触发a的单击事件

  60.             };

  61.             image.src = imgsrc;

  62.         },

  63.         downloadImageOfMp (image) {

  64.             let _this = this

  65.             

  66.             // #ifdef APP-PLUS

  67.             uni.downloadFile({

  68.                 url: image,

  69.                 success (res) {

  70.                     uni.saveImageToPhotosAlbum({

  71.                         filePath: res.tempFilePath,

  72.                         success() {

  73.                             _this.$common.successToShow('保存成功')

  74.                         },

  75.                         fail() {

  76.                             _this.$common.errorToShow('图片保存失败')

  77.                         }

  78.                     });

  79.                 },

  80.                 fail () {

  81.                     _this.$common.errorToShow('下载失败')

  82.                 }

  83.             })

  84.             // #endif

  85.             

  86.             // #ifdef MP

  87.             uni.authorize({

  88.                 scope: 'scope.writePhotosAlbum',

  89.                 success() {

  90.                     // 先下载到本地

  91.                     uni.downloadFile({

  92.                         url: image,

  93.                         success (res) {

  94.                             uni.saveImageToPhotosAlbum({

  95.                                 filePath: res.tempFilePath,

  96.                                 success() {

  97.                                     _this.$common.successToShow('保存成功')

  98.                                 },

  99.                                 fail() {

  100.                                     _this.$common.errorToShow('图片保存失败')

  101.                                 }

  102.                             });

  103.                         },

  104.                         fail () {

  105.                             _this.$common.errorToShow('下载失败')

  106.                         }

  107.                     })

  108.                 },

  109.                 fail() {

  110.                     //console.log('授权失败')

  111.                 }

  112.             })

  113.             // #endif

  114.         }

  115.     }

  116. };

  117. </script>

  118. <style>

  119. .share-top {

  120.     margin-bottom: 50upx;

  121.     padding-top: 50upx;

  122.     text-align: center;

  123. }

  124. .share-img {

  125.     box-shadow: 0 0 20upx #ccc;

  126.     width: 80%;

  127. }

  128. .share-bot {

  129.     width: 80%;

  130.     margin: 0 auto;

  131. }

  132. .share-bot .btn {

  133.     width: 100%;

  134.     margin: 20upx 0;

  135. }

  136. </style>

  137.

store_map

index.vue
复制代码
  1. <template>

  2.     <view class="content">

  3.         <view class="map-body">

  4.             <cover-view></cover-view>

  5.             <map id="storeMap" :latitude="latitude" :longitude="longitude" :markers="covers"  style="width: 100%;height: 100%;"></map>

  6.         </view>

  7.         <scroll-view class="store-list" scroll-y>

  8.             <view class="cell-item add-title-item" v-for="(item, index) in storeList" :key="index" @click="goMarkers(item.id)">

  9.                 <view class="cell-item-hd"><image class="store-img" :src="item.logo"></image></view>

  10.                 <view class="cell-item-bd">

  11.                     <view class="cell-bd-view">

  12.                         <text class="cell-bd-text fsz30">{{ item.store_name }}</text>

  13.                     </view>

  14.                     <view class="cell-bd-view">

  15.                         <text class="cell-bd-text color-6 fsz24">电话：{{ item.mobile }}</text>

  16.                     </view>

  17.                     <view class="cell-bd-view">

  18.                         <text class="cell-bd-text color-6 fsz24">地址：{{ item.all_address }}</text>

  19.                     </view>

  20.                 </view>

  21.                 <view class="cell-item-ft"><image class="cell-ft-next icon" src="/static/image/right.png"></image></view>

  22.             </view>

  23.         </scroll-view>

  24.     </view>

  25. </template>

  26. 

  27. <script>

  28. export default {

  29.     data() {

  30.         return {

  31.             storeList: [],

  32.             longitude: 0,

  33.             latitude: 0,

  34.             covers: [{

  35.                 'longitude': 0,

  36.                 'latitude': 0

  37.             }]

  38.         };

  39.     },

  40.     onLoad() {

  41.         this.getMyLocation();

  42.         this.getStoreList();

  43.     },

  44.     methods: {

  45.         // 获取自己的位置信息

  46.         getMyLocation() {

  47.             let _this = this;

  48.             uni.getLocation({

  49.                 type: 'wgs84',

  50.                 success: function (res) {

  51.                     _this.longitude = res.longitude;

  52.                     _this.latitude = res.latitude;

  53.                 },

  54.                 fail: function () {

  55.                     _this.$common.errorToShow("获取位置信息失败")

  56.                 }

  57.             });

  58. 

  59.         },

  60.         // 获取店铺列表信息

  61.         getStoreList() {

  62.             let _this = this;

  63.             _this.$api.storeList({}, res => {

  64.                 if (res.status) {

  65.                     _this.storeList = res.data;

  66.                     let storeList = res.data;

  67.                     let covers = [];

  68.                     for (let i=0; i < storeList.length; i++) {

  69.                         let newArr = {}

  70.                         newArr.latitude = storeList[i].latitude;

  71.                         newArr.longitude = storeList[i].longitude;

  72.                         newArr.width = '50rpx';

  73.                         newArr.height = '50rpx';

  74.                         newArr.iconPath = '/static/image/gps-blue.png'

  75.                         covers.push(newArr)

  76.                         

  77.                     }

  78.                     console.log(covers)

  79.                     _this.covers = covers;

  80.                 } else {

  81.                 }

  82.                 // console.log(res)

  83.             });

  84.         }

  85.     }

  86. };

  87. </script>

  88. 

  89. <style scoped>

  90. .content {

  91.     width: 100%;

  92.     /* #ifdef H5 */

  93.     height: calc(100vh - 44px);

  94.     /* #endif */

  95.     /* height: 100vh; */

  96. }

  97. .map-body {

  98.     width: 100%;

  99.     height: 700rpx;

  100.     position: relative;

  101. }

  102. .store-list {

  103.     background-color: #fff;

  104.     height: calc(100vh - 44px - 700rpx);

  105. }

  106. .store-item {

  107.     display: flex;

  108. }

  109. .store-img {

  110.     width: 140rpx;

  111.     height: 140rpx;

  112. }

  113. .store-right {

  114.     flex: 1;

  115. }

  116. </style>

  117.

pages.json

复制代码
  1. {

  2.   "pages": [

  3.     {

  4.       "path": "pages/index/index",

  5.       "style": {

  6.         "navigationBarTitleText": "首页",

  7.         // #ifdef H5

  8.         "titleNView": false,

  9.         // #endif

  10.         "enablePullDownRefresh": true

  11.       }

  12.     },

  13.     {

  14.       "path": "pages/index/custom",

  15.       "style": {

  16.         "navigationBarTitleText": "页面",

  17.         // #ifdef H5

  18.         "titleNView": false,

  19.         // #endif

  20.         "enablePullDownRefresh": true

  21.       }

  22.     },

  23.     {

  24.       "path": "pages/index/search",

  25.       "style": {

  26.         "navigationBarTitleText": "搜索"

  27.       }

  28.     },

  29.     {

  30.       "path": "pages/classify/classify",

  31.       "style": {

  32.         "navigationBarTitleText": "分类"

  33.       }

  34.     },

  35.     {

  36.       "path": "pages/classify/index",

  37.       "style": {

  38.         "navigationBarTitleText": "商品列表"

  39.       }

  40.     },

  41.     {

  42.       "path": "pages/cart/index/index",

  43.       "style": {

  44.         "navigationBarTitleText": "购物车"

  45.       }

  46.     },

  47.     {

  48.       "path": "pages/member/index/index",

  49.       "style": {

  50.         // #ifdef H5

  51.         "titleNView": false,

  52.         // #endif

  53.         "navigationBarTitleText": "个人中心"

  54.       }

  55.     },

  56.     {

  57.       "path": "pages/member/coupon/index",

  58.       "style": {

  59.         "navigationBarTitleText": "我的优惠券"

  60.       }

  61.     },

  62.     {

  63.       "path": "pages/member/balance/index",

  64.       "style": {

  65.         "navigationBarTitleText": "我的余额"

  66.       }

  67.     },

  68.     {

  69.       "path": "pages/member/balance/recharge",

  70.       "style": {

  71.         "navigationBarTitleText": "充值"

  72.       }

  73.     },

  74.     {

  75.       "path": "pages/member/balance/withdraw_cash",

  76.       "style": {

  77.         "navigationBarTitleText": "提现"

  78.       }

  79.     },

  80.     {

  81.       "path": "pages/member/balance/details",

  82.       "style": {

  83.         "navigationBarTitleText": "余额明细"

  84.       }

  85.     },

  86.     {

  87.       "path": "pages/member/balance/cashlist",

  88.       "style": {

  89.         "navigationBarTitleText": "提现记录"

  90.       }

  91.     },

  92.     {

  93.       "path": "pages/member/balance/bankcard",

  94.       "style": {

  95.         "navigationBarTitleText": "我的银行卡"

  96.       }

  97.     },

  98.     {

  99.       "path": "pages/member/balance/add_bankcard",

  100.       "style": {

  101.         "navigationBarTitleText": "添加银行卡"

  102.       }

  103.     },

  104.     {

  105.       "path": "pages/member/collection/index",

  106.       "style": {

  107.         "navigationBarTitleText": "我的收藏"

  108.       }

  109.     },

  110.     {

  111.       "path": "pages/member/history/index",

  112.       "style": {

  113.         "navigationBarTitleText": "我的足迹"

  114.       }

  115.     },

  116.     {

  117.       "path": "pages/member/address/list",

  118.       "style": {

  119.         "navigationBarTitleText": "地址管理"

  120.       }

  121.     },

  122.     {

  123.       "path": "pages/member/address/index",

  124.       "style": {

  125.         "navigationBarTitleText": "修改地址"

  126.       }

  127.     },

  128.     {

  129.       "path": "pages/member/setting/index",

  130.       "style": {

  131.         "navigationBarTitleText": "设置"

  132.       }

  133.     },

  134.     {

  135.       "path": "pages/member/setting/user_info/index",

  136.       "style": {

  137.         "navigationBarTitleText": "个人信息"

  138.       }

  139.     },

  140.     {

  141.       "path": "pages/member/setting/user_info/password",

  142.       "style": {

  143.         "navigationBarTitleText": "修改密码"

  144.       }

  145.     },

  146.     {

  147.       "path": "pages/member/integral/index",

  148.       "style": {

  149.         "navigationBarTitleText": "我的积分"

  150.       }

  151.     },

  152.     {

  153.       "path": "pages/member/invite/index",

  154.       "style": {

  155.         "navigationBarTitleText": "邀请好友"

  156.       }

  157.     },

  158.     {

  159.       "path": "pages/member/invite/list",

  160.       "style": {

  161.         "navigationBarTitleText": "邀请列表"

  162.       }

  163.     },

  164.     {

  165.       "path": "pages/member/take_delivery/index",

  166.       "style": {

  167.         "navigationBarTitleText": "提货单核销"

  168.       }

  169.     },

  170.     {

  171.       "path": "pages/member/take_delivery/list",

  172.       "style": {

  173.         "navigationBarTitleText": "提货单列表"

  174.       }

  175.     },

  176.     {

  177.       "path": "pages/goods/index/index",

  178.       "style": {

  179.         // #ifdef H5

  180.         "titleNView": false,

  181.         // #endif

  182.         "navigationBarTitleText": "商品详情",

  183.         "navigationStyle": "custom"

  184.       }

  185.     },

  186.     {

  187.       "path": "pages/goods/index/group",

  188.       "style": {

  189.         "navigationBarTitleText": "促销详情",

  190.         "navigationStyle": "custom"

  191.       }

  192.     },

  193.     {

  194.       "path": "pages/goods/place-order/index",

  195.       "style": {

  196.         "navigationBarTitleText": "提交订单"

  197.       }

  198.     },

  199.     {

  200.       "path": "pages/goods/place-order/invoice",

  201.       "style": {

  202.         "navigationBarTitleText": "发票"

  203.       }

  204.     },

  205.     {

  206.       "path": "pages/goods/place-order/storelist",

  207.       "style": {

  208.         "navigationBarTitleText": "门店列表"

  209.       }

  210.     },

  211.     {

  212.       "path": "pages/goods/payment/index",

  213.       "style": {

  214.         "navigationBarTitleText": "支付"

  215.       }

  216.     },

  217.     {

  218.       "path": "pages/goods/payment/auth",

  219.       "style": {

  220.         "navigationBarTitleText": "等待支付"

  221.       }

  222.     },

  223.     {

  224.       "path": "pages/goods/payment/result",

  225.       "style": {

  226.         "navigationBarTitleText": "支付结果"

  227.       }

  228.     },

  229.     {

  230.       "path": "pages/member/order/orderlist",

  231.       "style": {

  232.         "navigationBarTitleText": "订单列表"

  233.       }

  234.     },

  235.     {

  236.       "path": "pages/member/order/orderdetail",

  237.       "style": {

  238.         "navigationBarTitleText": "订单详情"

  239.       }

  240.     },

  241.     {

  242.       "path": "pages/member/order/invitation_group",

  243.       "style": {

  244.         "navigationBarTitleText": "邀请拼单"

  245.       }

  246.     },

  247.     {

  248.       "path": "pages/member/after_sale/index",

  249.       "style": {

  250.         "navigationBarTitleText": "申请售后"

  251.       }

  252.     },

  253.     {

  254.       "path": "pages/member/after_sale/list",

  255.       "style": {

  256.         "navigationBarTitleText": "售后列表"

  257.       }

  258.     },

  259.     {

  260.       "path": "pages/member/after_sale/detail",

  261.       "style": {

  262.         "navigationBarTitleText": "售后详情"

  263.       }

  264.     },

  265.     {

  266.       "path": "pages/member/order/evaluate",

  267.       "style": {

  268.         "navigationBarTitleText": "订单评价"

  269.       }

  270.     },

  271.     {

  272.       "path": "pages/member/order/express_delivery",

  273.       "style": {

  274.         "navigationBarTitleText": "物流信息"

  275.       }

  276.     },

  277.     {

  278.       "path": "pages/article/index",

  279.       "style": {

  280.         "navigationBarTitleText": "文章详情"

  281.       }

  282.     },

  283.     {

  284.       "path": "pages/article/list",

  285.       "style": {

  286.         "navigationBarTitleText": "文章列表"

  287.       }

  288.     },

  289.     {

  290.       "path": "pages/login/choose/index",

  291.       "style": {

  292.         "navigationBarTitleText": "授权登录"

  293.       }

  294.     },

  295.     {

  296.       "path": "pages/login/login/index",

  297.       "style": {

  298.         "navigationBarTitleText": "登录"

  299.       }

  300.     },

  301.     {

  302.       "path": "pages/login/login/index1",

  303.       "style": {

  304.         "navigationBarTitleText": "登录"

  305.       }

  306.     },

  307.     {

  308.       "path": "pages/share",

  309.       "style": {

  310.         "navigationBarTitleText": "分享"

  311.       }

  312.     },

  313.     {

  314.       "path": "pages/author",

  315.       "style": {

  316.         // #ifdef H5

  317.         "titleNView": false,

  318.         // #endif

  319.         "navigationBarTitleText": "获取授权中"

  320.       }

  321.     },

  322.     {

  323.       "path": "pages/login/register/index",

  324.       "style": {

  325.         "navigationBarTitleText": "注册"

  326.       }

  327.     },

  328.     {

  329.       "path": "pages/classify/pintuan_list",

  330.       "style": {

  331.         "navigationBarTitleText": "拼团列表"

  332.       }

  333.     },

  334.     {

  335.       "path": "pages/goods/index/pintuan",

  336.       "style": {

  337.         "navigationBarTitleText": "拼团详情",

  338.         "navigationStyle": "custom"

  339.       }

  340.     },

  341.     {

  342.       "path": "pages/form/detail/form",

  343.       "style": {

  344.         "navigationBarTitleText": "万能表单"

  345.       }

  346.     },

  347.     {

  348.       "path": "pages/member/distribution/index",

  349.       "style": {

  350.         "navigationBarTitleText": "分销中心"

  351.       }

  352.     },

  353.     {

  354.       "path": "pages/member/distribution/apply",

  355.       "style": {

  356.         "navigationBarTitleText": "申请成为分销"

  357.       }

  358.     },

  359.     {

  360.       "path": "pages/member/distribution/apply_state",

  361.       "style": {

  362.         "navigationBarTitleText": "审核状态"

  363.       }

  364.     },

  365.     {

  366.       "path": "pages/member/distribution/user",

  367.       "style": {

  368.         "navigationBarTitleText": "分销中心"

  369.       }

  370.     },

  371.     {

  372.       "path": "pages/member/distribution/agreement",

  373.       "style": {

  374.         "navigationBarTitleText": "分销协议"

  375.       }

  376.     },

  377.     {

  378.       "path": "pages/member/distribution/order",

  379.       "style": {

  380.         "navigationBarTitleText": "推广订单"

  381.       }

  382.     },

  383.     {

  384.       "path": "pages/member/distribution/popularize",

  385.       "style": {

  386.         "navigationBarTitleText": "我要推广"

  387.       }

  388.     },

  389.     {

  390.       "path": "pages/member/distribution/my_store",

  391.       "style": {

  392.         "navigationBarTitleText": "我的店铺"

  393.       }

  394.     },

  395.     {

  396.       "path": "pages/member/distribution/store_setting",

  397.       "style": {

  398.         "navigationBarTitleText": "店铺设置"

  399.       }

  400.     },

  401.     {

  402.       "path": "pages/activity/index",

  403.       "style": {

  404.         "navigationBarTitleText": "转盘抽奖"

  405.       }

  406.     },

  407.     {

  408.       "path": "pages/share/jump",

  409.       "style": {

  410.         // #ifdef H5

  411.         "titleNView": false,

  412.         // #endif

  413.         "navigationBarTitleText": "加载中..."

  414.       }

  415.     },

  416.     {

  417.       "path": "pages/store_map/index",

  418.       "style": {

  419.         "navigationBarTitleText": "门店列表"

  420.       }

  421.     }

  422.   ],

  423.   "globalStyle": {

  424.     "navigationBarTextStyle": "black",

  425.     "navigationBarTitleText": "新模板",

  426.     "navigationBarBackgroundColor": "#fff",

  427.     "backgroundColor": "#F8F8F8"

  428.   },

  429.   "tabBar": {

  430.     "color": "#999",

  431.     "selectedColor": "#333",

  432.     "backgroundColor": "#fff",

  433.     "list": [

  434.       {

  435.         "pagePath": "pages/index/index",

  436.         "text": "首页",

  437.         "iconPath": "static/image/index_gray.png",

  438.         "selectedIconPath": "static/image/index_black.png"

  439.       },

  440.       {

  441.         "pagePath": "pages/classify/classify",

  442.         "text": "分类",

  443.         "iconPath": "static/image/classify_gray.png",

  444.         "selectedIconPath": "static/image/classify_black.png"

  445.       },

  446.       {

  447.         "pagePath": "pages/cart/index/index",

  448.         "text": "购物车",

  449.         "iconPath": "static/image/cart_gray.png",

  450.         "selectedIconPath": "static/image/cart_black.png"

  451.       },

  452.       {

  453.         "pagePath": "pages/member/index/index",

  454.         "text": "我的",

  455.         "iconPath": "static/image/user_gray.png",

  456.         "selectedIconPath": "static/image/user_black.png"

  457.       }

  458.     ]

  459.   },

  460.   "condition": {

  461.     //模式配置，仅开发期间生效

  462.     "current": 0, //当前激活的模式(list 的索引项)

  463.     "list": [

  464.       {

  465.         "name": "", //模式名称

  466.         "path": "", //启动页面，必选

  467.         "query": "" //启动参数，在页面的onLoad函数里面得到

  468.       }

  469.     ]

  470.   }

  471. }

  472.

README.md

复制代码
  1. # Jshop小程序uniapp前台简约模板

  2. 

  3. #### 介绍

  4. 

  5. 当前版本已支持可视化操作首页

  6. 

  7. uni-app简约前台H5+小程序模板，全新UI设计，更多交互细节，我们倾尽全力为您提供更加流畅舒爽的体验。

  8. 

  9. 增加对支付宝小程序、APP的支持，实现一个后台，管理5个前端。

  10. 

  11. 同时又实现了一套前端代码，发布多个平台，为您的业务可以提供更加强有力的支撑！

  12. 

  13. 

  14. 

  15. #### Jshop小程序商城介绍

  16. Jshop小程序商城，是一款开源的电商系统，包含微信小程序和H5端，为大中小企业提供移动电子商务优秀的解决方案。

  17. 

  18. 后台采用Thinkphp5.1框架开发，执行效率、扩展性、稳定性值得信赖。并且Jshop小程序商城上手难度低，可大量节省定制化开发周期。

  19. 

  20. 前台H5使用Vue开发，在页面的打开和渲染效率上更快，下单流程流畅自然，可大大增加用户体验，提升订单量。

  21. 

  22. 强大的促销引擎，多种促销方式自由搭配，满足各种场景的促销方式需求，做活动更灵活简单，并且在促销的扩展上也非常方便。

  23. 

  24. 

  25. 

  26. #### 关于开源

  27. 

  28. 这不是一款免费的系统，商用记得授权哦。

  29. 

  30. 之所以不彻底免费，一方面是可以让我们有持续维护下去的动力和资源，另外一方面也是不想让您有后顾之忧，避免后期尴尬。

  31. 

  32. 我们的团队水平有限，也是在探索中学习，在改进。之所以开源，就是为了方便大家，也是为了提升下该项目的质量，我们相信有您的参与，可以使我们的系统更加完善和健壮。

  33. 

  34. 

  35. 

  36. #### 功能介绍

  37. 

  38.  + 商品管理，单规格、多规格商品管理，品牌、分类管理、商品评价

  39.  + 订单管理，订单支付、发货、取消、售后等

  40.  + 会员管理，会员列表，消息管理等

  41.  + 运营管理，广告管理、文章管理

  42.  + 微信管理，小程序管理、微信公众号管理、模板列表、公众号菜单管理

  43.  + 促销管理，商品促销、订单促销、优惠券、团购秒杀

  44.  + 财务管理，支付单、退款单管理、提现管理、账户资金管理

  45.  + 控制面板，计划任务、插件、图片、地区、消息、店铺配置、支付方式、配送方式、物流公司管理。信任登录插件、阿里云OSS插件、阿里云短信插件、微信消息模板插件、分销功能

  46.  + 门店管理，门店列表。门店核销、店员管理、提货单管理。

  47.  + 智能表单，表单列表、表单统计、表单提交管理、表单小程序码等

  48.  + 统计报表，商品销量统计、财务收款统计、订单销量统计

  49.  + 页面管理，布局管理，页面可视化操作

  50. 

  51. #### 项目演示

  52. - H5体验地址：https://demo.jihainet.com/wap/

  53. - 后台项目地址：https://gitee.com/hnjihai/jshop_mall

  54. - QQ交流群：823732583（开发手册、接口文档、操作手册请进群查看哦~）

  55. - 交流社区：[https://bbs.jihainet.com/](https://bbs.jihainet.com/)

  56. - H5体验二维码

  57. 

  58. ![输入图片说明](https://gitee.com/uploads/images/2019/0426/090608_1a1f0073_8503.png "H5.png")

  59. 

  60. - APP体验二维码

  61. 

  62. ![输入图片说明](https://gitee.com/uploads/images/2019/0426/090622_d1d4b372_8503.png "app.png")

  63. 

  64. - 微信小程序体验码

  65. 

  66. ![输入图片说明](https://gitee.com/uploads/images/2019/0426/082533_e2f315f9_8503.jpeg "gh_f9fafa5a7066_344.jpg")

  67. 

  68. 

  69. #### 项目截图

  70. ![输入图片说明](https://gitee.com/uploads/images/2019/0404/180847_9615f414_8503.png "未标题-1.png")

  71. 

  72. #### 目录结构

  73. 

  74. 

  75. 初始的目录结构如下：

wap WEB部署目录（或者子目录）
├─components uniapp组件目录
├─pages 应用页面
│ ├─article 文章相关页面
│ ├─cart 购物车相关页面
│ ├─classify 分类以及商品列表页面
│ ├─goods 商品详情页等相关页面
│ ├─index 首页以及搜索页
│ ├─login 登录相关页面
│ ├─member 会员中心相关页面
│
├─config 配置文件目录
├─static 静态文件目录
├─unpackage 编译后目录
├─index.html 入口文件模板

复制代码
  1. #### 更新说明

  2. 2019-07-31 v1.0.6

  3. 更新日志

  4. 1. 可视化图片分组添加最小高度

  5. 2. 禁止可视化垃圾桶拖拽

  6. 3. 1086短信接口改为curl

  7. 4. 增加是否绑定手机号码选项，优化后台生成用户方法

  8. 5. 修复购物车数量加减的问题

  9. 6. 生成订单的时候，有几个值没有保存成功的bug，感谢@打酱油网友提供的bug

  10. 7. 修复运费包邮bug

  11. 8. 开启规格处增加提示

  12. 9. 新增拼团功能

  13. 10. 微信登陆免手机号码校验

  14. 11. 第三方登录的时候，免手机号码验证登陆的时候，保存推荐人信息

  15. 12. 如果是第三方微信登陆，增加直接登陆

  16. 13. 用户列表显示编号

  17. 14. 修复团购秒杀删除商品后依然显示问题

  18. 15. 门店表距离获取 表前缀bug修复

  19. 16. 修复商品商品详情页品牌为空的时候，显示null的问题

  20. 17. 门店列表表前缀sql修复

  21. 18. 小程序可视化单图组件添加按钮功能

  22. 19. 订单列表加类型筛选

  23. 20. 商品详情显示优化

  24. 21. 修复库存问题

  25. 22. 可视化编辑添加文字按钮颜色

  26. 23. 小程序价格区间问题修复

  27. 24. 微信公众号无感登陆支付

  28. 25. 公众号自动登陆调整

  29. 26. 修复售后单详情查询的时候必填user_id的问题

  30. 27. 商品分类排序问题修复

  31. 28. 文章详情接口修改(文章发布时间修改为相对时间)

  32. 29. 手机号验证规则修复

  33. 30. 修复后台用户信息保存推荐人信息错误的bug

  34. 31. 修复多规格商品添加时，第一次无法保存库存问题

  35. 32. 修改可视化商品组件手动选择数据绑定

  36. 33. 修复团购秒杀问题

  37. 34. 微信和支付宝同步回调地址增加上支付单号

  38. 35. 修复门店订单有运费问题

  39. 36. 后台提货单操作,提货单详情接口修改

  40. 37. 订单售后状态简单修改

  41. 38. 修复首页多个商品组件时问题

  42. 39. 商品列表问题修复

  43. 40. 商品列表筛选调整

  44. 41. 商品分类优化

  45. 42. 页面布局修改

  46. 43. 修改商品和货品库存显示

  47. 44. 优化权限问题，修复订单支付无权限bug

  48. 45. 优化角色权限选择，可以单独选择父节点

  49. 46. 商品添加扩展分类

  50. 47. 后台商品列表动态计算库存

  51. 48. 修复公众号菜单问题

  52. 49. 修复关键词菜单

  53. 50. 图文编辑原文地址必填项问题修复，增加系统图文地址

  54. 51. 商品增加批量出库库存，改价

  55. 52. 修复商品评论，评论优化

  56. 53. 分类增加是否显示

  57. 54. 页面增加添加功能

  58. 55. 会员增加批量删除

  59. 56. 新增分销插件

  60. 57. 增加每日提现上限

  61. 58. 接口增加全局安全过滤

  62. 59. 后台登录添加背景动画，优化后台登录

  63. 60. 后台管理弹框显示修改

  64. 61. 余额变动优化，增加余额当前页统计，余额筛选类型修复

  65. 62. 修复收货地址前端输入换行问题

  66. 63. 修复后台修改管理员密码问题

  67. 64. 优化后台优化输出结构，避免节点无权限时乱码

  68. 65. 优化公众号配置地址

  69. 66. 修复原生小程序商品列表翻页问题

  70. 67. 海报生成提出来，统一处理

  71. 68. 订单发货问题优化

  72. 69. 修复vue，H5底部遮挡问题

  73. 70. 优化添加商品按钮

  74. 71. 增加加解密函数

  75. 72. 增加图片缓存，路由缓存

  76. 73. 优化分享设置，后台可设置分享

  77. 74. 后台商品列表修复高级筛选

  78. 75. 商品评价列表优化

  79. 76. 表单功能修复

  80. 77. uniapp增加智能表单

  81. 78. 表单增加提交次数限制

  82. 79. uniapp增加微信模板消息

  83. 80. 增加关于我们后台可直接配置

  84. 81. 添加批量购物车接口

  85. 82. 修复商品规格编辑问题

  86. 83. 购物车和促销价格使用精确计算

  87. 84. 微信图文增加创建和更新时间

  88. 85. 最低提现金额不能小于0.01

  89. 86. 自定义页面增加操作说明

  90. 87. 配置统一获取方法优化确保只查询一次数据库

  91. 88. 修复广告位

  92. 89. 修复编辑文章时分类问题

  93. 90. 可视化单图组件增加按钮以及颜色

  94. 2019-05-23 v1.0.5

  95. 1.修复图片组件跳转问题

  96. 

  97. 2019-05-22 v1.0.4

  98. 1.增加可视化支持

  99. 

  100. 2019-04-25 v1.0.3

  101. 1. 修复海报生成

  102. 2. 修复支付宝支付问题

  103. 3. 微信授权登录修复

  104. 4. 修复app登录返回问题

  105. 5. 修复支付宝绑定账户时短信验证码ip问题

  106. 

  107. 

  108. #### 安装教程

  109. 

  110. 1. 小程序发布教程

  111. 具体配置稍后提供

  112. 开发相关介绍：https://uniapp.dcloud.io/

  113. 

  114. 2. H5发布教程

  115. 具体配置稍后提供

  116. 开发相关开发介绍：https://uniapp.dcloud.io/

  117. 

  118. ## 配置

  119. ### 服务器地址

  120. config/config.js中

export const baseUrl = 'http://www.b2c.com/';//注意最后斜杠,填写你的域名地址
export const entId = '';//客服ID 在https://www.jihainet.com中找客服开通

复制代码
  1. 

  2. ### 海报H5中保存图片跨域

  3. nginx中添加以下配置

复制代码
  1. location ~ .*\.(gif|jpg|jpeg|png)$ {

  2.   add_header Access-Control-Allow-Origin *;

  3.   add_header Access-Control-Allow-Headers X-Requested-With;

  4.   add_header Access-Control-Allow-Methods GET,POST,OPTIONS;

  5. }

复制代码
  1. 

  2. 

  3. #### 安全&缺陷

  4. 如果你发现了一个安全漏洞或缺陷，请发送邮件到 jima@jihainet.com。所有的安全漏洞都将及时得到解决。

  5. 

  6. 

  7. #### License

  8. 

  9. Jshop小程序商城遵循JPPL（吉海科技Jshop系列付费产品许可）协议。

  10. 

  11. 本项目包含的第三方源码和二进制文件之版权信息另行标注。

  12. 

  13. 版权所有Copyright © 2019 by 吉海科技 (https://www.jihainet.com)

  14. 

  15. All rights reserved。

  16. 

  17. 吉海科技Jshop系列付费产品许可协议详情请参阅 [LICENSE.txt](LICENSE.txt)

static

css

style.css
复制代码
  1. body{

  2.   background-color: #f8f8f8;

  3.   font-size: 28upx;

  4. }

  5. view{

  6.   box-sizing: border-box;

  7. }

  8. /* #ifdef MP-ALIPAY */

  9. image{

  10.     background-size: 100% 100%;

  11. }

  12. button{

  13.     height: auto;

  14.     border: none;

  15.     line-height: 2.55555556;

  16.     padding: 0 28upx;

  17. }

  18. input{

  19.     background: none;

  20.     padding: 0;

  21. }

  22. shared-checkbox{

  23.     border-radius: 50%;

  24. }

  25. shared-checkbox{

  26.     border-radius: 50%;

  27.     height: 36rpx;

  28.     width: 36rpx;

  29.     margin-top: -4rpx;

  30.     border: 1rpx solid #d1d1d1;

  31.     color: #FF7159;

  32. }

  33. shared-checkbox:checked {

  34.   /* width: 36rpx;

  35.   height: 36rpx;

  36.   line-height: 36rpx;

  37.   border-radius: 50%;

  38.   text-align: center;

  39.   font-size: 28rpx;

  40.   color: #fff;

  41.   background: transparent;

  42.   transform: translate(-50%, -50%) scale(1);

  43.   -webkit-transform: translate(-50%, -50%) scale(1);

  44.   background-color: #FF7159;

  45.   border: 1rpx solid #FF7159; */

  46.   background-color: #000;

  47.   color: #000;

  48. }

  49. ._radio{

  50.    border-radius: 50%;/* 圆角 */

  51.    width: 36rpx;

  52.    height: 36rpx;

  53.    margin-top: -4rpx;

  54.    border: 1rpx solid #d1d1d1;

  55. }

  56. /* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */

  57. ._radio:checked{

  58.    border: 1rpx solid #FF7159;

  59.    background: #FF7159;

  60. }

  61. /* 选中后的 对勾样式 （白色对勾 可根据UI需求自己修改） */

  62. ._radio:checked::before{

  63.    border-radius: 50%;/* 圆角 */

  64.    width: 36rpx; /* 选中后对勾大小，不要超过背景的尺寸 */

  65.    height: 36rpx; /* 选中后对勾大小，不要超过背景的尺寸 */

  66.    line-height: 36rpx;

  67.    text-align: center;

  68.    font-size:28rpx; /* 对勾大小 30rpx */

  69.    color:#fff; /* 对勾颜色 白色 */

  70.    background: transparent;

  71.    transform:translate(-50%, -50%) scale(1);

  72.    -webkit-transform:translate(-50%, -50%) scale(1);

  73. }

  74. /* #endif */

  75. uni-toast .uni-toast{

  76.     /* width: 6em; */

  77.     font-size: 24upx;

  78.     border-radius: 10px;

  79.     background: rgba(17,17,17,.5);

  80. }

  81. uni-input div, uni-input div div,uni-input, uni-input input{

  82.     /* min-height: 1rem !important; */

  83. }

  84. uni-input{

  85.     /* height: 1rem; */

  86. }

  87. uni-input div div.input-placeholder{

  88.     /* padding: 8upx 0; */

  89. }

  90. .content-top{

  91.     margin-bottom: 116upx;

  92. }

  93. .have-none{

  94.   background-color: #f3f3f3;

  95. }

  96. .color-o{

  97.     color: #FF7159 !important;

  98. }

  99. .color-f{

  100.     color: #fff !important;

  101. }

  102. .color-d{

  103.     color: #ddd !important;

  104. }

  105. .color-3{

  106.     color: #333 !important;

  107. }

  108. .color-6{

  109.     color: #666 !important;

  110. }

  111. .color-9{

  112.     color: #999 !important;

  113. }

  114. .fsz24{

  115.     font-size: 24upx !important;

  116. }

  117. .fsz26{

  118.     font-size: 26upx !important;

  119. }

  120. .fsz28{

  121.     font-size: 28upx !important;

  122. }

  123. .fsz30{

  124.     font-size: 30upx !important;

  125. }

  126. .fsz32{

  127.     font-size: 32upx !important;

  128. }

  129. .fsz34{

  130.     font-size: 34upx !important;

  131. }

  132. .fsz36{

  133.     font-size: 36upx !important;

  134. }

  135. .fsz38{

  136.     font-size: 38upx !important;

  137. }

  138. .fsz50{

  139.     font-size: 50upx !important;

  140. }

  141. .search{

  142.   width: 100%;

  143.   height: 104upx;

  144.   padding: 16upx 26upx;

  145.   background-color: rgba(255,255,255,1);

  146.     z-index: 999;

  147.     transition: all .5s;

  148. }

  149. .search-c{

  150.   width: 100%;

  151.   height: 100%;

  152.   position: relative;

  153. }

  154. .search-input{

  155.   background-color: #E9E9E9;

  156.   width: 100%;

  157.   height: 100%;

  158.   box-sizing: border-box;

  159.   line-height: 52upx;

  160.   padding: 10upx 90upx 10upx 40upx;

  161.   border-radius: 50upx;

  162.   font-size: 24upx;

  163.     transition: all .5s;  

  164. }

  165. .search-input-p{

  166.   color: #999;

  167.   width: 100%;

  168.   height: 100%;

  169. }

  170. .search-input-p-c{

  171.     position: relative;

  172.     top: 50%;

  173.     transform: translateY(-50%);

  174. }

  175. .search-icon{

  176.   position: absolute;

  177.   top: 50%;

  178.   right: 30upx;

  179.   transform: translateY(-50%);

  180.     z-index: 99;

  181. }

  182. .swiper-c{

  183.   height: 100%;

  184. }

  185. .swiper-c image{

  186.   height: 100%;

  187.   width: 100%;

  188. }

  189. .btn{

  190.   display: inline-block;

  191.   box-sizing: border-box;

  192.   border-radius: 0;

  193.   font-size: 28upx;

  194.     transform: scale(1);

  195.     transition: all .5s;

  196. }

  197. /*按钮按下缩小变色*/

  198. .btn-hover{

  199.     transform: scale(.90);

  200.     transition: all .5s;

  201.     opacity: .8;

  202. }

  203. /*按钮按下只变色*/

  204. .btn-hover2{

  205. /*     transform: scale(.95); */

  206.     transition: all .1s;

  207.     opacity: .6;

  208. }

  209. .btn::after{

  210.   border: none;

  211. }

  212. .btn-circle{

  213.   padding: 0upx 20upx;

  214.   height: 60upx;

  215.   line-height: 60upx;

  216.   min-width: 140upx;

  217. /*  border-radius: 6upx; */

  218.   font-size: 22upx;

  219. }

  220. .btn-square{

  221.   padding: 0upx 40upx;

  222.   height: 90upx;

  223.   line-height: 90upx;

  224.   min-width: 150upx;

  225.   border: none !important;

  226. }

  227. .btn-fillet{

  228.     border-radius: 50upx;

  229. }

  230. .btn-c{

  231.     background-color: #f7f7f7;

  232. }

  233. .btn-w{

  234.   border: 2upx solid #333;

  235.   color: #333;

  236.     background-color: #fff;

  237. }

  238. .btn-g{

  239.   border: 2upx solid #E0E0E0;

  240.   color: #999;

  241.     background-color: #fff;

  242. }

  243. .btn-b{

  244.   border: 2upx solid #333;

  245.   background-color: #333;

  246.   color: #fff;

  247. }

  248. .btn-o{

  249.   border: 2upx solid #FF7159;

  250.   background-color: #FF7159;

  251.   color: #fff;

  252. }

  253. .btn-half{

  254.     width: 50%;

  255. }

  256. .btn-all{

  257.     width: 100%;

  258. }

  259. .img-grids{

  260.   overflow: hidden;

  261.     /* padding-bottom: 26upx; */

  262. }

  263. .img-grids .goods-name{

  264.     height: 72upx;

  265. }

  266. .column3.img-grids .goods-name{

  267.     height: 68upx;

  268. }

  269. .img-grids-item{

  270.   width: 336upx;

  271.   margin: 26upx;

  272.   display: inline-block;

  273.   background-color: #fff;

  274.   float: left;

  275.   min-height: 130upx;

  276.   /* #ifdef MP-ALIPAY */

  277.   width: 330rpx;

  278.   margin: 25rpx;

  279.   min-height: 130rpx;

  280.   /* #endif */

  281. }

  282. .img-grids-item:nth-child(2n-1){

  283.   margin-right: 0;

  284. }

  285. .img-grids-item-t{

  286.   width: 336upx;

  287.   height: 336upx;

  288.    /* #ifdef MP-ALIPAY */

  289.   width: 330rpx;

  290.   height: 330rpx;

  291.   /* #endif */

  292. }

  293. .img-grids-item-b{

  294.   padding: 0 10upx 10upx;

  295. }

  296. .goods-name{

  297.   display: -webkit-box;

  298.   -webkit-box-orient: vertical;

  299.   -webkit-line-clamp: 2;

  300.   overflow: hidden;

  301.   color: #333;  

  302.   width: 100%; 

  303.   /* height: 72upx; */

  304.   /* #ifdef MP-ALIPAY */

  305.   min-height: 20px;

  306.   /* #endif */

  307. }

  308. .grids-goods-name{

  309.   font-size: 26upx;

  310. }

  311. .goods-item-c{

  312.   overflow: hidden;

  313.   margin-top: 10upx;

  314. }

  315. .goods-price{

  316.   min-width: 120upx;

  317.   min-height: 40upx;

  318.   color: #333;

  319.   font-size: 28upx;

  320.   display: inline-block;

  321.   float: left;

  322. }

  323. .red-price{

  324.   color: #FF7159 !important;

  325. }

  326. .img-list{

  327. 

  328. }

  329. .img-list .goods-name{

  330.     min-height: 74upx;

  331. }

  332. .img-list-item{

  333.   padding: 30upx 26upx;

  334.   background-color: #fff;

  335.   margin-bottom: 2upx;

  336.   overflow: hidden;

  337. }

  338. .img-list-item-l{

  339.   width: 250upx;

  340.   height: 250upx;

  341.   display: inline-block;

  342.   float: left;

  343. }

  344. .img-list-item-r{

  345.   width: 410upx;

  346.   min-height: 250upx;

  347.   display: inline-block;

  348.   margin-left: 26upx;

  349.   float: left;

  350.   padding: 10upx 0;

  351.   position: relative;

  352. }

  353. .list-goods-name{

  354.   font-size: 28upx;

  355. }

  356. .img-list-item .goods-item-c{

  357.   /* position: absolute; */

  358.   /* bottom: 0; */

  359.   width: 100%;

  360.     margin-top: 0;

  361. }

  362. .img-list-item .goods-price{

  363.   min-width: 150upx;

  364.   min-height: 50upx;

  365.   font-size: 38upx;

  366.   float: none;

  367. }

  368. .goods-buy{

  369.   overflow: hidden;

  370. }

  371. .goods-salesvolume{

  372.   min-width: 100upx;

  373.   height: 30upx;

  374.   font-size: 20upx;

  375.   color: #999;

  376.   display: inline-block;

  377. }

  378. .goods-cart{

  379.   width: 40upx;

  380.   height: 40upx;

  381.   float: right;

  382. }

  383. .medium-img{

  384.     width: 196upx;

  385.     height: 196upx;

  386. }

  387. .little-img{

  388.   width: 140upx;

  389.   height: 140upx;

  390. }

  391. .small-img{

  392.   width: 120upx;

  393.   height: 120upx;

  394. }

  395. .medium-right{

  396.     width: 340upx;

  397.     min-height: 140upx;

  398. }

  399. .little-right{

  400.   width: 520upx;

  401.   min-height: 140upx;

  402.   padding: 0;

  403. }

  404. .small-right{

  405.   width: 540upx;

  406.   height: 120upx;

  407.   padding: 0;

  408.     min-height: 60upx;

  409. }

  410. .little-right-t{

  411.   overflow: hidden;

  412. }

  413. .little-right .list-goods-name{

  414.   float: left;

  415.   width: 360upx;

  416.     margin-bottom: 6upx;

  417. }

  418. .small-right .list-goods-name{

  419.   width: 100%;

  420. }

  421. .little-right .goods-price{

  422.   float: right;

  423.   font-size: 28upx;

  424.   text-align: right;

  425.   min-width: 120upx;

  426.     max-width: 150upx;

  427.     overflow: hidden;

  428.     white-space: nowrap;

  429.     text-overflow: ellipsis;

  430.   min-height: 40upx;

  431. }

  432. .goods-num{

  433.   float: right;

  434.   color: #999;

  435.   font-size: 24upx;

  436.   height: 30upx;

  437.   min-width: 50upx;

  438. }

  439. .goods-numbox{

  440.     float: right;

  441. }

  442. .little-right .goods-salesvolume{

  443.   font-size: 24upx;

  444.   /* float: left; */

  445. }

  446. .cell-group{

  447.   background-color: #fff;

  448. }

  449. .cell-item{

  450.   padding: 20upx 26upx 20upx 0;

  451.   width: 724upx;

  452.   margin-left: 26upx;

  453.   border-bottom: 2upx solid #f3f3f3;

  454.   position: relative;

  455.   overflow: hidden;

  456.   background-color: #fff;

  457.     color: #333;

  458.   display: table;

  459.     min-height: 90upx;

  460. }

  461. .cell-item:last-child{

  462.   border: none;

  463. }

  464. .cell-item-hd{

  465.   display: table-cell;

  466.   vertical-align: middle;

  467.   min-width: 160upx;

  468.   max-width: 180upx;

  469.   font-size: 28upx;

  470.     position: relative;

  471. }

  472. .cell-hd-icon{

  473.   width: 40upx;

  474.   height: 40upx;

  475.   display: inline-block;

  476.   float: left;

  477.     margin-right: 8upx;

  478. }

  479. .cell-hd-title{

  480.   float: left;

  481.   display: inline-block;

  482.   position: relative;

  483.   /* #ifdef MP-ALIPAY */

  484.   top: 4upx;

  485.   /* #endif */

  486.   /* word-wrap: break-word; */

  487. }

  488. .cell-item-bd{

  489.   display: table-cell;

  490.   vertical-align: middle;

  491.   margin-left: 20upx;

  492.   min-height: 30upx;

  493.   overflow: hidden;

  494.   min-width: 440upx;

  495.   max-width: 480upx;

  496.     padding-right: 50upx;

  497. }

  498. .cell-bd-view {

  499.     position: relative;

  500.     overflow: hidden;

  501. }

  502. .cell-bd-text{

  503.   float: left;

  504.   position: relative;

  505.   font-size: 24upx;

  506. }

  507. .cell-bd-text-right{

  508.     float: right;

  509. }

  510. .cell-bd-input{

  511.   display: inline-block;

  512.   float: left;

  513.     font-size: 26upx;

  514. }

  515. .cell-item-ft{

  516.   display: inline-block;

  517.   position: absolute;

  518.   top: 50%;

  519.   right: 26upx;

  520.   transform: translateY(-50%);

  521.   overflow: hidden;

  522. }

  523. .right-img .cell-item-ft{

  524.     right: 8upx;

  525.     height: 50upx;

  526. }

  527. .cell-ft-view{

  528.     position: relative;

  529.     overflow: hidden;

  530.     color: #666;

  531.     font-size: 28upx;

  532.     text-align: right;

  533. }

  534. .cell-ft-p{

  535.     font-size: 24upx;

  536.     color: #666;

  537. }

  538. .cell-ft-text{

  539.   font-size: 28upx;

  540.   float: right;

  541.   position: relative;

  542.   /* top: 8upx; */

  543.   line-height: 50upx;

  544. }

  545. .cell-ft-next{

  546.   float: right;  

  547. }

  548. .margin-cell-group{

  549.     margin: 20upx 0;

  550. }

  551. .bottom-cell-group{

  552.     margin-bottom: 20upx;

  553. }

  554. .min-cell-group{

  555.     margin-bottom: 1px;

  556.     padding: 20upx 0;

  557. }

  558. .min-cell-group .cell-item{

  559.     border-bottom: none;

  560.     min-height: 50upx;

  561.     padding: 0 26upx 0 0;

  562. }

  563. .icon{

  564.   width: 50upx;

  565.   height: 50upx;

  566.   /* #ifdef MP-ALIPAY */

  567.   background-size: 100% 100%;

  568.   /* #endif */

  569. }

  570. .swiper-grids .swiper-list{

  571.   white-space:nowrap;

  572.   width:100%;

  573.   min-height: 200upx;

  574. }

  575. .swiper-grids .img-grids-item{

  576.   float: none;

  577.   margin-right: 0;

  578.   width: 255upx;

  579.   margin-top: 0;

  580. }

  581. .swiper-grids .img-grids-item:last-child{

  582.   margin-right: 26upx;

  583. }

  584. .swiper-grids .img-grids-item-t{

  585.   width: 255upx;

  586.   height: 255upx;

  587. }

  588. .swiper-grids .goods-name{

  589.   white-space: normal;

  590. }

  591. .member-grid{

  592.   padding: 20upx 26upx;

  593.   /* overflow: hidden; */

  594.   width: 100%;

  595.   display: flex;

  596. }

  597. .member-item{

  598.   /* width: 20%; */

  599.   flex: 1;

  600.   /* float: left; */

  601.   /* display: inline-block; */

  602.   text-align: center;

  603.   position: relative;

  604. }

  605. /*会员中心图标按下事件*/

  606. .member-item:active{

  607.     transform: scale(.90);

  608.     transition: all .5s;

  609.     opacity: .8;

  610. }

  611. .member-item-icon{

  612.   width: 50upx;

  613.   height: 50upx;

  614.   display: block;

  615.   margin: 0 auto;

  616. }

  617. .member-item-text{

  618.   font-size: 24upx;

  619.   color: #666;

  620.   display: block;

  621. }

  622. .cart-list{

  623.     

  624. }

  625. .cart-checkbox{

  626.     position: relative;

  627.     height: 100%;

  628. }

  629. .cart-checkbox-c{

  630.     display: inline-block;

  631.     position: absolute;

  632.     top: 50%;

  633.     left: 26upx;

  634.     transform: translateY(-50%);

  635.     z-index: 99;

  636. }

  637. .cart-list .img-list-item{

  638.     padding-left: 90upx;

  639. }

  640. .cart-list .little-right{

  641.     width: 468upx;

  642. }

  643. .cart-list .little-right .list-goods-name{

  644.     width: 300upx;

  645. }

  646. .uni-checkbox-input{

  647.     border-radius: 50% !important;

  648.     color: #fff !important;

  649. }

  650. uni-radio .uni-radio-input,uni-checkbox .uni-checkbox-input{

  651.     width: 36upx;

  652.     height: 36upx;

  653. }

  654. uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked,.uni-radio-input.uni-radio-input-checked{

  655.     background-color: #FF7159 !important;

  656.     border-color: #FF7159 !important;

  657.     width: 36upx;

  658.     height: 36upx;

  659. }

  660. uni-checkbox.checkboxNo .uni-checkbox-input{

  661.     background-color: #e1e1e1 !important;

  662.     border-color: #e1e1e1 !important;

  663. }

  664. uni-radio.radioNo .uni-radio-input{

  665.     background-color: #e1e1e1 !important;

  666.     border-color: #e1e1e1 !important;

  667. }

  668. uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before{

  669.     font-size: 36rpx;

  670. }

  671. .login-item-i-p{

  672.     color: #999;

  673. }

  674. .two-line{

  675.     display: -webkit-box;

  676.     -webkit-box-orient: vertical;

  677.     -webkit-line-clamp: 2;

  678.     overflow: hidden;

  679. }

  680. .badge{

  681.     display: inline-block;

  682.     position: absolute;

  683.     min-width:13px;

  684.     height:13px;

  685.     line-height:13px;

  686.     background-color:#FF7159;

  687.     color:#fff;

  688.     font-size:12px;

  689.     border-radius:50upx;

  690.     padding:0 3px;

  691.     z-index: 99;

  692. }

  693. .button-bottom{

  694.     background-color: #fff;

  695.     position: fixed;

  696.     bottom: 0;

  697.     height: 90upx;

  698.     width: 100%;

  699.     display: flex;

  700.     z-index: 66;

  701.     box-shadow: 0 0 10px #ccc;

  702. }

  703. .button-bottom .btn{

  704.     flex: 1;

  705. }

  706. .romotion-tip{

  707.     /* display: inline-block; */

  708.     overflow: hidden;

  709. }

  710. .romotion-tip-item{

  711.     display: inline-block;

  712.     float: left;

  713.     margin-right: 10upx;

  714.     margin-bottom: 4upx;

  715.     background-color: #FF7159;

  716.     color: #fff;

  717.     height: 34upx;

  718.     font-size: 24upx;

  719.     line-height: 34upx;

  720.     padding: 0 10upx;

  721. }

  722. .bg-gray{

  723.     background-color: #D0D0D0;

  724. }

  725. 

  726. 

  727. 

  728. /*  #ifdef MP */

  729. checkbox .wx-checkbox-input{

  730.     border-radius: 50%;

  731.     height: 36rpx;

  732.     width: 36rpx;

  733.     margin-top: -4rpx;

  734.     border: 1rpx solid #d1d1d1;

  735.     

  736. }

  737. checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {

  738.   width: 36rpx;

  739.   height: 36rpx;

  740.   line-height: 36rpx;

  741.   border-radius: 50%;

  742.   text-align: center;

  743.   font-size: 28rpx;

  744.   color: #fff;

  745.   background: transparent;

  746.   transform: translate(-50%, -50%) scale(1);

  747.   -webkit-transform: translate(-50%, -50%) scale(1);

  748.   background-color: #FF7159;

  749.   border: 1rpx solid #FF7159;

  750. }

  751. radio .wx-radio-input{

  752.    border-radius: 50%;/* 圆角 */

  753.    width: 36rpx;

  754.    height: 36rpx;

  755.    margin-top: -4rpx;

  756.    border: 1rpx solid #d1d1d1;

  757. }

  758. /* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */

  759. radio .wx-radio-input.wx-radio-input-checked{

  760.    border: 1rpx solid #FF7159;

  761.    background: #FF7159;

  762. }

  763. /* 选中后的 对勾样式 （白色对勾 可根据UI需求自己修改） */

  764. radio .wx-radio-input.wx-radio-input-checked::before{

  765.    border-radius: 50%;/* 圆角 */

  766.    width: 36rpx; /* 选中后对勾大小，不要超过背景的尺寸 */

  767.    height: 36rpx; /* 选中后对勾大小，不要超过背景的尺寸 */

  768.    line-height: 36rpx;

  769.    text-align: center;

  770.    font-size:28rpx; /* 对勾大小 30rpx */

  771.    color:#fff; /* 对勾颜色 白色 */

  772.    background: transparent;

  773.    transform:translate(-50%, -50%) scale(1);

  774.    -webkit-transform:translate(-50%, -50%) scale(1);

  775. }

  776. 

  777. /*  #endif  */

  778. 

  779. .goods-bottom{

  780.     z-index: 97;

  781. }

  782. 

  783. .btn-small{

  784.  padding: 0 10rpx;

  785.   height: 36rpx;

  786.   line-height: 32rpx;

  787.   font-size: 24rpx;

  788.   margin: 0 10rpx;

  789. }

image

img

store

index.js

复制代码
  1. import Vue from 'vue'

  2. import Vuex from 'vuex'

  3. 

  4. Vue.use(Vuex)

  5. 

  6. const store = new Vuex.Store({

  7.     state: {

  8.         config: {}, // 店铺配置信息

  9.         orderTab: 0, // 选中的订单tab页

  10.         redirectPage: '',

  11.         uuid:'',//当前客户端

  12.         searchStyle: ''

  13.     },

  14.     mutations: {

  15.         config (state, payload) {

  16.             state.config = payload

  17.         },

  18.         orderTab (state, tab) {

  19.             state.orderTab = tab

  20.         },

  21.         redirect (state, payload) {

  22.             state.redirectPage = payload.page

  23.         },

  24.         searchStyle (state, style) {

  25.             state.searchStyle = style

  26.         }

  27.     },

  28.     actions: {

  29. 

  30.     },

  31.     getters: {

  32.         shopConfig: state => state.config,

  33.         uuid: state    =>    state.uuid,

  34.     }

  35. })

  36. 

  37. export default store

  38.

uni.scss

复制代码
  1. /**

  2.  * 这里是uni-app内置的常用样式变量

  3.  *

  4.  * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量

  5.  * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App

  6.  *

  7.  */

  8. 

  9. /**

  10.  * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能

  11.  *

  12.  * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件

  13.  */

  14. 

  15. /* 颜色变量 */

  16. 

  17. /* 行为相关颜色 */

  18. $uni-color-primary: #007aff;

  19. $uni-color-success: #4cd964;

  20. $uni-color-warning: #f0ad4e;

  21. $uni-color-error: #dd524d;

  22. 

  23. /* 文字基本颜色 */

  24. $uni-text-color:#333;//基本色

  25. $uni-text-color-inverse:#fff;//反色

  26. $uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息

  27. $uni-text-color-placeholder: #808080;

  28. $uni-text-color-disable:#c0c0c0;

  29. 

  30. /* 背景颜色 */

  31. $uni-bg-color:#ffffff;

  32. $uni-bg-color-grey:#f8f8f8;

  33. $uni-bg-color-hover:#f1f1f1;//点击状态颜色

  34. $uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

  35. 

  36. /* 边框颜色 */

  37. $uni-border-color:#c8c7cc;

  38. 

  39. /* 尺寸变量 */

  40. 

  41. /* 文字尺寸 */

  42. $uni-font-size-sm:24upx;

  43. $uni-font-size-base:28upx;

  44. $uni-font-size-lg:32upx;

  45. 

  46. /* 图片尺寸 */

  47. $uni-img-size-sm:40upx;

  48. $uni-img-size-base:52upx;

  49. $uni-img-size-lg:80upx;

  50. 

  51. /* Border Radius */

  52. $uni-border-radius-sm: 4upx;

  53. $uni-border-radius-base: 6upx;

  54. $uni-border-radius-lg: 12upx;

  55. $uni-border-radius-circle: 50%;

  56. 

  57. /* 水平间距 */

  58. $uni-spacing-row-sm: 10px;

  59. $uni-spacing-row-base: 20upx;

  60. $uni-spacing-row-lg: 30upx;

  61. 

  62. /* 垂直间距 */

  63. $uni-spacing-col-sm: 8upx;

  64. $uni-spacing-col-base: 16upx;

  65. $uni-spacing-col-lg: 24upx;

  66. 

  67. /* 透明度 */

  68. $uni-opacity-disabled: 0.3; // 组件禁用态的透明度

  69. 

  70. /* 文章场景相关 */

  71. $uni-color-title: #2C405A; // 文章标题颜色

  72. $uni-font-size-title:40upx;

  73. $uni-color-subtitle: #555555; // 二级标题颜色

  74. $uni-font-size-subtitle:36upx;

  75. $uni-color-paragraph: #3F536E; // 文章段落颜色

  76. $uni-font-size-paragraph:30upx;

  77. 

  78. //自定义变量

  79. $theme-color: #28b8a1;

  80. $bg-grey: #f4f4f4;

  81. $bd-color: #f0f0f0;

  82. $color-light: #5e5e5e;

  83. $g2: #eeeeee;

  84. $g5: #9e9e9e;

  85. $fz12: 24upx;

  86. $fz16: 32upx;

  87. $fz18: 36upx;

  88. $fz20: 40upx;