hemall.terabimsoft.com.cn/plugins/shop_server/.nuxt/dist/server/components/micro-home-article-item.js

exports.ids = [22,6,9,23];
exports.modules = {

/***/ 139:
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(151);
if(content.__esModule) content = content.default;
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add CSS to SSR context
var add = __webpack_require__(4).default
module.exports.__inject__ = function (context) {
  add("7b341170", content, true, context)
};

/***/ }),

/***/ 144:
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/coin.4b7e14b.png";

/***/ }),

/***/ 145:
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/wechat_pay.ae9180d.png";

/***/ }),

/***/ 146:
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__.p + "img/ali_pay.1201e28.png";

/***/ }),

/***/ 150:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_payBox_vue_vue_type_style_index_0_id_6f09a324_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(139);
/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_payBox_vue_vue_type_style_index_0_id_6f09a324_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_payBox_vue_vue_type_style_index_0_id_6f09a324_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_payBox_vue_vue_type_style_index_0_id_6f09a324_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_payBox_vue_vue_type_style_index_0_id_6f09a324_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

/***/ 151:
/***/ (function(module, exports, __webpack_require__) {

// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".col_red[data-v-6f09a324]{color:#f11111}.col_green[data-v-6f09a324]{color:#44be95}.col_white[data-v-6f09a324]{color:#fff}.flex-col[data-v-6f09a324]{flex-direction:column}.flex-j-c[data-v-6f09a324]{justify-content:center}.flex-j-sb[data-v-6f09a324]{justify-content:space-between}.flex-j-ar[data-v-6f09a324]{justify-content:space-around}.flex-a-c[data-v-6f09a324]{align-items:center}.flex-a-e[data-v-6f09a324]{align-items:flex-end}.w[data-v-6f09a324]{width:1200px}.m-auto[data-v-6f09a324]{margin:0 auto}.height-one[data-v-6f09a324]{height:100%}.flex[data-v-6f09a324]{display:flex}.text-overflow[data-v-6f09a324]{-webkit-line-clamp:4}.text-overflow[data-v-6f09a324],.text-overflow-2[data-v-6f09a324]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.text-overflow-2[data-v-6f09a324]{-webkit-line-clamp:2}.text-overflow-3[data-v-6f09a324]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.overflow-hide[data-v-6f09a324],.text-overflow-3[data-v-6f09a324]{overflow:hidden;text-overflow:ellipsis}.overflow-hide[data-v-6f09a324]{white-space:nowrap}.hiddenScroll[data-v-6f09a324]{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll}.hiddenScroll[data-v-6f09a324]::-webkit-scrollbar{display:none}.finger-point[data-v-6f09a324]{cursor:pointer}.cursor-default[data-v-6f09a324]{cursor:default}.el-icon-circle-close[data-v-6f09a324]{color:#fff}.dialog_pay[data-v-6f09a324] .el-input{width:336px;height:42px}.dialog_pay[data-v-6f09a324] .el-dialog__body{padding:40px 0 30px}.dialog_pay[data-v-6f09a324] .el-dialog__header{border-bottom:1px solid #f2f2f2}.dialog_pay[data-v-6f09a324] .el-form-item__label{text-align:left!important;font-size:16px}.pay_way[data-v-6f09a324]{flex-wrap:wrap}.pay_way .way[data-v-6f09a324]{cursor:pointer;min-width:120px;min-height:60px;border-radius:5px;border:1px solid #cacaca;margin:10px;padding:0 10px}.pay_way .way .radio_button[data-v-6f09a324]{margin-right:10px;border-radius:50%;width:10px;height:10px;background-color:#e1e1e1}.border_spe[data-v-6f09a324]{border:1px solid var(--color)!important}.radio[data-v-6f09a324]{background-color:var(--color)!important}.btn_wrap[data-v-6f09a324]{margin-top:50px;padding-left:270px}.btn_wrap .el-button[data-v-6f09a324]{width:134px;height:43px;border-radius:4px;font-size:16px}.dialog_qr[data-v-6f09a324] .el-dialog__header{padding:0;height:56px;background-color:#f5f8fa;display:flex;align-items:center;justify-content:center}.dialog_qr[data-v-6f09a324] .el-dialog__body{padding:0}.qr_content[data-v-6f09a324]{padding-top:33px;padding-bottom:27px;text-align:center}.qr_content .qr_code[data-v-6f09a324]{width:220px;height:220px;margin-bottom:20px}.qr_content .qr_code #qrccode-canvas2[data-v-6f09a324]{width:220px!important;height:220px!important}.pay-status-box[data-v-6f09a324]{text-align:center;padding-bottom:20px}.pay-status-box i[data-v-6f09a324]{font-size:80px;color:var(--color);margin:10px auto}.pay-status-box .el-icon-error[data-v-6f09a324]{color:#f11111}.pay-status-box .pay-tips[data-v-6f09a324]{font-size:16px;font-weight:700;margin:10px auto 20px}", ""]);
// Exports
module.exports = ___CSS_LOADER_EXPORT___;


/***/ }),

/***/ 155:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/default/payBox.vue?vue&type=template&id=6f09a324&scoped=true&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('el-dialog',{staticClass:"dialog_pay",attrs:{"title":"选择支付方式","visible":_vm.dialogPay,"width":"878px"},on:{"update:visible":function($event){_vm.dialogPay=$event},"closed":_vm.goBack}},[_c('div',[_c('el-form',{staticStyle:{"padding-left":"140px"},attrs:{"label-width":"106px"}},[_c('el-form-item',{attrs:{"label":"支付金额"}},[_c('span',{staticClass:"col_red"},[_vm._v("¥ "+_vm._s(_vm.money))])]),_vm._v(" "),(_vm.from === 'course')?_c('el-form-item',{attrs:{"label":"打赏课程"}},[_c('span',{staticClass:"col_red"},[_vm._v(_vm._s(_vm.pay_sn))])]):_vm._e(),_vm._v(" "),(_vm.from === 'micro')?_c('el-form-item',{attrs:{"label":"赞赏用户"}},[_c('span',{staticClass:"col_red"},[_vm._v(_vm._s(_vm.pay_sn))])]):_vm._e(),_vm._v(" "),(_vm.from === 'notice')?_c('el-form-item',{attrs:{"label":"付费文章"}},[_c('span',{staticClass:"col_red"},[_vm._v(_vm._s(_vm.pay_sn))])]):_vm._e(),_vm._v(" "),(_vm.from === 'pay')?_c('el-form-item',{attrs:{"label":"支付流水号"}},[_c('span',[_vm._v(_vm._s(_vm.pay_sn))])]):_vm._e(),_vm._v(" "),_c('el-form-item',{staticClass:"spe",staticStyle:{"min-height":"60px"},attrs:{"label":"支付方式"}},[_c('div',{staticClass:"flex pay_way",staticStyle:{"flex-wrap":"wrap"}},_vm._l((_vm.pay_way),function(item,index){return _c('div',{key:index,staticClass:"flex flex-a-c flex-j-c way",class:[item.value==_vm.pay_select?'border_spe':''],staticStyle:{"margin-bottom":"10px"},on:{"click":function($event){return _vm.changeIndex(item)}}},[_c('div',{staticClass:"radio_button",class:[item.value==_vm.pay_select?'radio':'']}),_vm._v(" "),(item.value==3)?_c('img',{staticStyle:{"margin-right":"5px","width":"28px","height":"28px"},attrs:{"src":__webpack_require__(144)}}):_vm._e(),_vm._v(" "),(item.value==28||item.value==57 || item.value==50)?_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":__webpack_require__(145)}}):_vm._e(),_vm._v(" "),(item.value==2||item.value==29)?_c('img',{staticStyle:{"margin-right":"5px"},attrs:{"src":__webpack_require__(146)}}):_vm._e(),_vm._v("\n              "+_vm._s(item.name)+"\n            ")])}),0)])],1),_vm._v(" "),_c('div',{staticClass:"btn_wrap flex"},[_c('el-button',{staticClass:"flex flex-a-c flex-j-c",on:{"click":function($event){_vm.dialogPay=false}}},[_vm._v("关闭")]),_vm._v(" "),(_vm.from === 'notice')?_c('el-button',{staticClass:"flex flex-a-c flex-j-c",staticStyle:{"margin-left":"56px"},attrs:{"type":"primary"},on:{"click":_vm.payNoticeMoney}},[_vm._v("立即支付\n        ")]):_vm._e(),_vm._v(" "),(!_vm.from || _vm.from === 'pay')?_c('el-button',{staticClass:"flex flex-a-c flex-j-c",staticStyle:{"margin-left":"56px"},attrs:{"type":"primary"},on:{"click":_vm.payMoney}},[_vm._v("立即支付\n        ")]):_vm._e(),_vm._v(" "),(_vm.from === 'course')?_c('el-button',{staticClass:"flex flex-a-c flex-j-c",staticStyle:{"margin-left":"56px"},attrs:{"type":"primary"},on:{"click":_vm.payPost}},[_vm._v("立即打赏\n        ")]):_vm._e(),_vm._v(" "),(_vm.from === 'micro')?_c('el-button',{staticClass:"flex flex-a-c flex-j-c",staticStyle:{"margin-left":"56px"},attrs:{"type":"primary"},on:{"click":_vm.payMicroPost}},[_vm._v("立即赞赏\n        ")]):_vm._e()],1)],1)]),_vm._ssrNode(" "),_c('el-dialog',{staticClass:"dialog_qr",attrs:{"title":"提示","visible":_vm.show_qrcode,"width":"450px","close-on-click-modal":false},on:{"update:visible":function($event){_vm.show_qrcode=$event},"closed":_vm.goBack}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.show_pay_status),expression:"!show_pay_status"}],staticClass:"qr_content"},[_c('div',{staticStyle:{"margin-bottom":"25px"}},[_vm._v("请在2小时内完成支付")]),_vm._v(" "),_c('div',{staticClass:"qr_code m-auto"},[_c('canvas',{attrs:{"id":"qrccode-canvas2"}})]),_vm._v(" "),_c('div',{staticStyle:{"margin-bottom":"34px"}},[_vm._v("微信扫码支付")])]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show_pay_status && _vm.pay_success),expression:"show_pay_status && pay_success"}],staticClass:"pay-status-box"},[_c('div',[_c('i',{staticClass:"el-icon-success"})]),_vm._v(" "),_c('p',{staticClass:"pay-tips"},[_vm._v("支付成功")]),_vm._v(" "),_c('el-button',{attrs:{"type":"primary","plain":""},on:{"click":function($event){return _vm.toUrl('order')}}},[_vm._v("查看订单列表")])],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show_pay_status && !_vm.pay_success),expression:"show_pay_status && !pay_success"}],staticClass:"pay-status-box"},[_c('div',[_c('i',{staticClass:"el-icon-error"})]),_vm._v(" "),_c('p',{staticClass:"pay-tips"},[_vm._v("支付失败")]),_vm._v(" "),_c('el-button',{attrs:{"type":"danger","plain":""},on:{"click":function($event){return _vm.toUrl('order')}}},[_vm._v("查看订单列表")])],1)]),_vm._ssrNode(" "),_c('el-dialog',{staticClass:"dialog_pay",attrs:{"title":"请输入余额支付密码","visible":_vm.popupSpecs,"width":"878px"},on:{"update:visible":function($event){_vm.popupSpecs=$event},"closed":_vm.goBack}},[_c('el-form',[_c('el-form-item',{staticClass:"flex flex-j-c",attrs:{"label":"余额支付密码"}},[_c('el-input',{attrs:{"type":"password","placeholder":"请输入密码"},model:{value:(_vm.balancePwd),callback:function ($$v) {_vm.balancePwd=$$v},expression:"balancePwd"}})],1)],1),_vm._v(" "),_c('div',{staticClass:"flex flex-j-c",staticStyle:{"margin-top":"50px"}},[_c('el-button',{staticClass:"flex flex-a-c flex-j-c",on:{"click":function($event){_vm.popupSpecs=false}}},[_vm._v("关闭")]),_vm._v(" "),_c('el-button',{staticClass:"flex flex-a-c flex-j-c",staticStyle:{"margin-left":"56px"},attrs:{"type":"primary"},on:{"click":_vm.getVerifyPassword}},[_vm._v("\n        立即支付\n      ")])],1)],1)],2)}
var staticRenderFns = []


// CONCATENATED MODULE: ./components/default/payBox.vue?vue&type=template&id=6f09a324&scoped=true&

// EXTERNAL MODULE: external "qrcode"
var external_qrcode_ = __webpack_require__(35);
var external_qrcode_default = /*#__PURE__*/__webpack_require__.n(external_qrcode_);

// CONCATENATED MODULE: ./node_modules/_babel-loader@8.2.3@babel-loader/lib??ref--2-0!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/default/payBox.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//

var canvas = "";
/* harmony default export */ var payBoxvue_type_script_lang_js_ = ({
  name: "payBox",
  props: {
    orderPayId: Number,
    money: String,
    pay_sn: String,
    order_pay_id: Number,
    pay_way: Array,
    from: String,
    noJump: {
      type: Boolean,
      default: false
    },
    rewardTypes: Number,
    trick_id: Number
  },

  data() {
    return {
      interval: null,
      balancePwd: "",
      popupSpecs: false,
      show_qrcode: false,
      pay_select: 1,
      pay_name: "",
      dialogPay: false,
      show_pay_status: false,
      pay_success: false
    };
  },

  methods: {
    showPay() {
      if (this.interval) {
        clearInterval(this.interval);
      }

      this.dialogPay = true;
    },

    toUrl(url, params) {
      if (!this.from) {
        this.goBack();
        return;
      }

      this.$router.push(this.fun.getUrl(url, params));
    },

    createQrc(_url) {
      // this.init()
      this.$nextTick(function () {
        // DOM操作
        canvas = document.getElementById("qrccode-canvas2");
        external_qrcode_default.a.toCanvas(canvas, _url, error => {
          if (error) {
            console.log(error);
          }
        });
      });
    },

    goBack() {
      this.show_qrcode = false;
      this.popupSpecs = false;
      this.balancePwd = "";

      if (this.interval) {
        clearInterval(this.interval);
      }

      if (this.from === "pay" && !this.noJump) {
        this.$router.push(this.fun.getUrl("order"));
      } else {
        this.dialogPay = false;
        this.$emit("paySuccess", true);
      } // this.$router.go(-1)

    },

    // 微社区打赏支付
    payMicroPost() {
      if (this.pay_select != 3 && this.pay_select != 2 && this.pay_select != 6) {
        this.$message.error("PC端目前不支持该付款方式，请在移动端支付");
        return;
      }

      let url = "plugin.micro-communities.api.reward-log.index";
      let json = {
        pay_method: this.pay_select,
        amount: this.money,
        pay_name: this.pay_name
      };

      if (this.rewardTypes == 0) {
        // 帖子打赏
        json.trick_id = this.trick_id;
      } else {
        // 评论打赏
        url = "plugin.micro-communities.api.reward-log.commentPay";
        json.comment_id = this.trick_id;
      }

      this.fun.$get(url, json, "..").then(response => {
        if (response.result == 1) {
          if (this.pay_select == 3) {
            if (this.need_password) {
              this.popupSpecs = true;
              this.balancePwd = "";
            } else {
              this.dialogPay = false;
              this.$message.success(response.msg);
              this.$emit("paySuccess", true);
            }
          } else if (this.pay_select == 2) {
            // 支付宝
            window.location.href = response.data; // window.open(response.data, "_blank");
          } else if (this.pay_select == 6) {
            // 微信
            window.location.href = response.data;
          } else {
            this.$message.error("PC端目前不支持该付款方式，请在移动端支付");
          }
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    // 课程打赏支付
    payPost() {
      if (this.pay_select != 3 && this.pay_select != 2 && this.pay_select != 6) {
        this.$message.error("PC端目前不支持该付款方式，请在移动端支付");
        return;
      }

      let json = {
        pay_method: this.pay_select,
        amount: this.money,
        pay_name: this.pay_name,
        goods_id: this.order_pay_id // 商品id

      };
      this.fun.$get("plugin.video-demand.api.lecturer-reward.run-reward-pay", json, "..").then(response => {
        if (response.result == 1) {
          if (this.pay_select == 3) {
            if (this.need_password) {
              this.popupSpecs = true;
              this.balancePwd = "";
            } else {
              this.dialogPay = false;
              this.$message.success(response.msg);
              this.$emit("paySuccess", true);
            }
          } else if (this.pay_select == 2) {
            // 支付宝
            window.location.href = response.data; // window.open(response.data, "_blank");
          } else if (this.pay_select == 6) {
            // 微信
            window.location.href = response.data;
          } else {
            this.$message.error("PC端目前不支持该付款方式，请在移动端支付");
          }
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    // 付费文章
    payNoticeMoney() {
      if (this.pay_select != 3 && this.pay_select != 2 && this.pay_select != 6) {
        this.$message.error("PC端目前不支持该付款方式，请在移动端支付");
        return;
      }

      let json = {
        pay_id: this.pay_select,
        money: this.money,
        pay_name: this.pay_name,
        id: this.order_pay_id,
        // 文章id
        art: 'pay'
      };
      this.fun.$get("plugin.article-pay.api.index.orderPay", json, "..").then(response => {
        if (response.result == 1) {
          if (this.pay_select == 3) {
            if (this.need_password) {
              this.popupSpecs = true;
              this.balancePwd = "";
            } else {
              this.dialogPay = false;
              this.$message.success(response.msg);
              this.$emit("paySuccess", true);
            }
          } else if (this.pay_select == 2) {
            // 支付宝
            window.location.href = response.data; // window.open(response.data, "_blank");
          } else if (this.pay_select == 6) {
            // 微信
            window.location.href = response.data;
          } else {
            this.$message.error("PC端目前不支持该付款方式，请在移动端支付");
          }
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    // 商城订单付费
    payMoney() {
      if (this.pay_select == 3) {
        if (this.need_password) {
          this.popupSpecs = true;
          this.balancePwd = "";
        } else {
          this.balancePay();
        }
      } else if (this.pay_select == 2) {
        this.aliPayOrder();
      } else if (this.pay_select == 17) {
        this.payNoMoney();
      } else if (this.pay_select == 29) {
        this.getwechatPayAili();
      } else if (this.pay_select == 28) {
        this.getwechatPay();
      } else if (this.pay_select == 57) {
        this.pcweixin();
      } else {
        this.$message.error('PC端暂不支持该支付方式！');
      }
    },

    changeIndex(item) {
      if (item.need_password) {
        this.need_password = item.need_password;
      }

      this.pay_select = item.value;
      this.pay_name = item.name;
    },

    balancePay(password) {
      let json = {
        order_pay_id: this.order_pay_id
      };

      if (!this.fun.isTextEmpty(password)) {
        json = {
          order_pay_id: this.order_pay_id,
          payment_password: password
        };
      }

      this.fun.$get("order.credit-merge-pay.credit2", json, "").then(response => {
        if (response.result == 1) {
          this.$message.success(response.msg);
          this.dialogPay = false;
          this.$emit("paySuccess", true);
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    aliPayOrder() {
      let payUrl = "order.merge-pay.alipay";
      this.fun.$get(payUrl, {
        order_pay_id: this.order_pay_id
      }, "支付中").then(response => {
        if (response.result == 1) {
          window.location.href = response.data;
          this.$message.success(response.msg);
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    payNoMoney() {
      let payUrl = "order.mergePay.COD";
      this.fun.$get(payUrl, {
        order_pay_id: this.order_pay_id
      }, "支付中").then(response => {
        if (response.result == 1) {
          this.$message.success(response.msg);
          this.show_pay_status = true;
          this.pay_success = true;
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    //汇聚阿里支付
    getwechatPayAili() {
      let payUrl = "order.merge-pay.alipay-pay-hj";
      this.fun.$get(payUrl, {
        order_pay_id: this.order_pay_id
      }, "支付中").then(response => {
        if (response.result == 1) {
          window.location.href = response.data.data.rc_Result;
          this.$message.success(response.msg);
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    getOrderStatus() {
      this.fun.$get('payment.pc-scan.index', {
        order_ids: this.orderPayId
      }).then(response => {
        if (response.result == 1) {
          if (response.data.pay_status) {
            // if (response.data.redirect) {
            //   setTimeout(() => {
            //     window.location.href = response.data.redirect
            //   }, 3000);
            // }
            clearInterval(this.interval);
            this.show_pay_status = true;
            this.pay_success = true;
          }
        } else {
          clearInterval(this.interval);
          this.show_pay_status = true;
          this.pay_success = false;
          this.$message.error(response.msg);
        }
      });
    },

    pcweixin() {
      let payUrl = "order.merge-pay.wechat-native";
      this.fun.$get(payUrl, {
        order_pay_id: this.order_pay_id
      }, "加载中").then(response => {
        if (response.result == 1) {
          this.createQrc(response.data.code_url);
          this.show_qrcode = true;

          if (this.orderPayId) {
            this.interval = setInterval(() => {
              this.getOrderStatus();
            }, 3000);
          }
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    // 第三方支付 微信支付-汇聚
    getwechatPay() {
      let payUrl = "order.merge-pay.wechat-pay-hj";
      this.fun.$get(payUrl, {
        order_pay_id: this.order_pay_id
      }, "加载中").then(response => {
        if (response.result == 1) {
          this.createQrc(response.data.data.rc_Result);
          this.show_qrcode = true;
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    getVerifyPassword() {
      this.fun.$get("payment.password.check", {
        password: this.balancePwd
      }, "").then(response => {
        if (response.result == 1) {
          this.balancePay(this.balancePwd);
          this.popupSpecs = false;
        } else {
          this.$message.error(response.msg);
          this.popupSpecs = false;
          this.dialogPay = false;
        }
      });
    }

  }
});
// CONCATENATED MODULE: ./components/default/payBox.vue?vue&type=script&lang=js&
 /* harmony default export */ var default_payBoxvue_type_script_lang_js_ = (payBoxvue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);

// CONCATENATED MODULE: ./components/default/payBox.vue



function injectStyles (context) {
  
  var style0 = __webpack_require__(150)
if (style0.__inject__) style0.__inject__(context)

}

/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  default_payBoxvue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  injectStyles,
  "6f09a324",
  "5b0b0f60"
  
)

/* harmony default export */ var payBox = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 156:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/default/image-viewer.vue?vue&type=template&id=35230f64&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"viewer-fade"}},[_c('div',{ref:"el-image-viewer__wrapper",staticClass:"el-image-viewer__wrapper",style:({ 'z-index': _vm.zIndex }),attrs:{"tabindex":"-1"}},[_c('div',{staticClass:"el-image-viewer__mask",on:{"click":_vm.hide}}),_vm._v(" "),_c('span',{staticClass:"el-image-viewer__btn el-image-viewer__close",on:{"click":function($event){$event.stopPropagation();return _vm.hide.apply(null, arguments)}}},[_c('i',{staticClass:"el-icon-circle-close",staticStyle:{"color":"white"}})]),_vm._v(" "),(!_vm.isSingle)?[_c('span',{staticClass:"el-image-viewer__btn el-image-viewer__prev",class:{ 'is-disabled': !_vm.infinite && _vm.isFirst },on:{"click":function($event){$event.stopPropagation();return _vm.prev.apply(null, arguments)}}},[_c('i',{staticClass:"el-icon-arrow-left"})]),_vm._v(" "),_c('span',{staticClass:"el-image-viewer__btn el-image-viewer__next",class:{ 'is-disabled': !_vm.infinite && _vm.isLast },on:{"click":function($event){$event.stopPropagation();return _vm.next.apply(null, arguments)}}},[_c('i',{staticClass:"el-icon-arrow-right"})])]:_vm._e(),_vm._v(" "),_c('div',{staticClass:"el-image-viewer__btn el-image-viewer__actions"},[_c('div',{staticClass:"el-image-viewer__actions__inner"},[_c('i',{staticClass:"el-icon-zoom-out",on:{"click":function($event){$event.stopPropagation();return _vm.handleActions('zoomOut')}}}),_vm._v(" "),_c('i',{staticClass:"el-icon-zoom-in",on:{"click":function($event){$event.stopPropagation();return _vm.handleActions('zoomIn')}}}),_vm._v(" "),_c('i',{staticClass:"el-image-viewer__actions__divider"}),_vm._v(" "),_c('i',{class:_vm.mode.icon,on:{"click":function($event){$event.stopPropagation();return _vm.toggleMode.apply(null, arguments)}}}),_vm._v(" "),_c('i',{staticClass:"el-image-viewer__actions__divider"}),_vm._v(" "),_c('i',{staticClass:"el-icon-refresh-left",on:{"click":function($event){$event.stopPropagation();return _vm.handleActions('anticlocelise')}}}),_vm._v(" "),_c('i',{staticClass:"el-icon-refresh-right",on:{"click":function($event){$event.stopPropagation();return _vm.handleActions('clocelise')}}})])]),_vm._v(" "),_c('div',{staticClass:"el-image-viewer__canvas",on:{"click":_vm.hide}},_vm._l((_vm.urlList),function(url,i){return (i === _vm.index)?_c('img',{key:url,ref:"img",refInFor:true,staticClass:"el-image-viewer__img",style:(_vm.imgStyle),attrs:{"src":_vm.currentImg},on:{"load":_vm.handleImgLoad,"error":_vm.handleImgError,"mousedown":_vm.handleMouseDown}}):_vm._e()}),0)],2)])}
var staticRenderFns = []


// CONCATENATED MODULE: ./components/default/image-viewer.vue?vue&type=template&id=35230f64&

// EXTERNAL MODULE: ./node_modules/_element-ui@2.14.1@element-ui/src/utils/dom.js
var dom = __webpack_require__(159);

// EXTERNAL MODULE: ./node_modules/_element-ui@2.14.1@element-ui/src/utils/util.js + 1 modules
var util = __webpack_require__(160);

// CONCATENATED MODULE: ./node_modules/_babel-loader@8.2.3@babel-loader/lib??ref--2-0!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/default/image-viewer.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//


const Mode = {
  CONTAIN: {
    name: 'contain',
    icon: 'el-icon-full-screen'
  },
  ORIGINAL: {
    name: 'original',
    icon: 'el-icon-c-scale-to-original'
  }
};
const mousewheelEventName = Object(util["a" /* isFirefox */])() ? 'DOMMouseScroll' : 'mousewheel';
/* harmony default export */ var image_viewervue_type_script_lang_js_ = ({
  name: 'elImageViewer',
  props: {
    urlList: {
      type: Array,
      default: () => []
    },
    zIndex: {
      type: Number,
      default: 2000
    },
    onSwitch: {
      type: Function,
      default: () => {}
    },
    onClose: {
      type: Function,
      default: () => {}
    },
    initialIndex: {
      type: Number,
      default: 0
    }
  },

  data() {
    return {
      index: this.initialIndex,
      isShow: false,
      infinite: true,
      loading: false,
      mode: Mode.CONTAIN,
      transform: {
        scale: 1,
        deg: 0,
        offsetX: 0,
        offsetY: 0,
        enableTransition: false
      }
    };
  },

  computed: {
    isSingle() {
      return this.urlList.length <= 1;
    },

    isFirst() {
      return this.index === 0;
    },

    isLast() {
      return this.index === this.urlList.length - 1;
    },

    currentImg() {
      return this.urlList[this.index];
    },

    imgStyle() {
      const {
        scale,
        deg,
        offsetX,
        offsetY,
        enableTransition
      } = this.transform;
      const style = {
        transform: `scale(${scale}) rotate(${deg}deg)`,
        transition: enableTransition ? 'transform .3s' : '',
        'margin-left': `${offsetX}px`,
        'margin-top': `${offsetY}px`
      };

      if (this.mode === Mode.CONTAIN) {
        style.maxWidth = style.maxHeight = '100%';
      }

      return style;
    }

  },
  watch: {
    index: {
      handler: function (val) {
        this.reset();
        this.onSwitch(val);
      }
    },

    currentImg(val) {
      this.$nextTick(_ => {
        const $img = this.$refs.img[0];

        if (!$img.complete) {
          this.loading = true;
        }
      });
    }

  },
  methods: {
    hide() {
      this.deviceSupportUninstall(); // this.onClose();

      this.$emit('onClose');
    },

    deviceSupportInstall() {
      this._keyDownHandler = Object(util["b" /* rafThrottle */])(e => {
        const keyCode = e.keyCode;

        switch (keyCode) {
          // ESC
          case 27:
            this.hide();
            break;
          // SPACE

          case 32:
            this.toggleMode();
            break;
          // LEFT_ARROW

          case 37:
            this.prev();
            break;
          // UP_ARROW

          case 38:
            this.handleActions('zoomIn');
            break;
          // RIGHT_ARROW

          case 39:
            this.next();
            break;
          // DOWN_ARROW

          case 40:
            this.handleActions('zoomOut');
            break;
        }
      });
      this._mouseWheelHandler = Object(util["b" /* rafThrottle */])(e => {
        const delta = e.wheelDelta ? e.wheelDelta : -e.detail;

        if (delta > 0) {
          this.handleActions('zoomIn', {
            zoomRate: 0.015,
            enableTransition: false
          });
        } else {
          this.handleActions('zoomOut', {
            zoomRate: 0.015,
            enableTransition: false
          });
        }
      });
      Object(dom["b" /* on */])(document, 'keydown', this._keyDownHandler);
      Object(dom["b" /* on */])(document, mousewheelEventName, this._mouseWheelHandler);
    },

    deviceSupportUninstall() {
      Object(dom["a" /* off */])(document, 'keydown', this._keyDownHandler);
      Object(dom["a" /* off */])(document, mousewheelEventName, this._mouseWheelHandler);
      this._keyDownHandler = null;
      this._mouseWheelHandler = null;
    },

    handleImgLoad(e) {
      this.loading = false;
    },

    handleImgError(e) {
      this.loading = false;
      e.target.alt = '加载失败';
    },

    handleMouseDown(e) {
      if (this.loading || e.button !== 0) return;
      const {
        offsetX,
        offsetY
      } = this.transform;
      const startX = e.pageX;
      const startY = e.pageY;
      this._dragHandler = Object(util["b" /* rafThrottle */])(ev => {
        this.transform.offsetX = offsetX + ev.pageX - startX;
        this.transform.offsetY = offsetY + ev.pageY - startY;
      });
      Object(dom["b" /* on */])(document, 'mousemove', this._dragHandler);
      Object(dom["b" /* on */])(document, 'mouseup', ev => {
        Object(dom["a" /* off */])(document, 'mousemove', this._dragHandler);
      });
      e.preventDefault();
    },

    reset() {
      this.transform = {
        scale: 1,
        deg: 0,
        offsetX: 0,
        offsetY: 0,
        enableTransition: false
      };
    },

    toggleMode() {
      if (this.loading) return;
      const modeNames = Object.keys(Mode);
      const modeValues = Object.values(Mode);
      const index = modeValues.indexOf(this.mode);
      const nextIndex = (index + 1) % modeNames.length;
      this.mode = Mode[modeNames[nextIndex]];
      this.reset();
    },

    prev() {
      if (this.isFirst && !this.infinite) return;
      const len = this.urlList.length;
      this.index = (this.index - 1 + len) % len;
    },

    next() {
      if (this.isLast && !this.infinite) return;
      const len = this.urlList.length;
      this.index = (this.index + 1) % len;
    },

    handleActions(action, options = {}) {
      if (this.loading) return;
      const {
        zoomRate,
        rotateDeg,
        enableTransition
      } = {
        zoomRate: 0.2,
        rotateDeg: 90,
        enableTransition: true,
        ...options
      };
      const {
        transform
      } = this;

      switch (action) {
        case 'zoomOut':
          if (transform.scale > 0.2) {
            transform.scale = parseFloat((transform.scale - zoomRate).toFixed(3));
          }

          break;

        case 'zoomIn':
          transform.scale = parseFloat((transform.scale + zoomRate).toFixed(3));
          break;

        case 'clocelise':
          transform.deg += rotateDeg;
          break;

        case 'anticlocelise':
          transform.deg -= rotateDeg;
          break;
      }

      transform.enableTransition = enableTransition;
    }

  },

  mounted() {
    this.deviceSupportInstall(); // add tabindex then wrapper can be focusable via Javascript
    // focus wrapper so arrow key can't cause inner scroll behavior underneath

    this.$refs['el-image-viewer__wrapper'].focus();
  }

});
// CONCATENATED MODULE: ./components/default/image-viewer.vue?vue&type=script&lang=js&
 /* harmony default export */ var default_image_viewervue_type_script_lang_js_ = (image_viewervue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);

// CONCATENATED MODULE: ./components/default/image-viewer.vue





/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  default_image_viewervue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  "ef95725e"
  
)

/* harmony default export */ var image_viewer = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 159:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return on; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return off; });
/* unused harmony export once */
/* unused harmony export hasClass */
/* unused harmony export addClass */
/* unused harmony export removeClass */
/* unused harmony export getStyle */
/* unused harmony export setStyle */
/* unused harmony export isScroll */
/* unused harmony export getScrollContainer */
/* unused harmony export isInContainer */
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
/* istanbul ignore next */



const isServer = vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer;
const SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
const MOZ_HACK_REGEXP = /^moz([A-Z])/;
const ieVersion = isServer ? 0 : Number(document.documentMode);

/* istanbul ignore next */
const trim = function(string) {
  return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
};
/* istanbul ignore next */
const camelCase = function(name) {
  return name.replace(SPECIAL_CHARS_REGEXP, function(_, separator, letter, offset) {
    return offset ? letter.toUpperCase() : letter;
  }).replace(MOZ_HACK_REGEXP, 'Moz$1');
};

/* istanbul ignore next */
const on = (function() {
  if (!isServer && document.addEventListener) {
    return function(element, event, handler) {
      if (element && event && handler) {
        element.addEventListener(event, handler, false);
      }
    };
  } else {
    return function(element, event, handler) {
      if (element && event && handler) {
        element.attachEvent('on' + event, handler);
      }
    };
  }
})();

/* istanbul ignore next */
const off = (function() {
  if (!isServer && document.removeEventListener) {
    return function(element, event, handler) {
      if (element && event) {
        element.removeEventListener(event, handler, false);
      }
    };
  } else {
    return function(element, event, handler) {
      if (element && event) {
        element.detachEvent('on' + event, handler);
      }
    };
  }
})();

/* istanbul ignore next */
const once = function(el, event, fn) {
  var listener = function() {
    if (fn) {
      fn.apply(this, arguments);
    }
    off(el, event, listener);
  };
  on(el, event, listener);
};

/* istanbul ignore next */
function hasClass(el, cls) {
  if (!el || !cls) return false;
  if (cls.indexOf(' ') !== -1) throw new Error('className should not contain space.');
  if (el.classList) {
    return el.classList.contains(cls);
  } else {
    return (' ' + el.className + ' ').indexOf(' ' + cls + ' ') > -1;
  }
};

/* istanbul ignore next */
function addClass(el, cls) {
  if (!el) return;
  var curClass = el.className;
  var classes = (cls || '').split(' ');

  for (var i = 0, j = classes.length; i < j; i++) {
    var clsName = classes[i];
    if (!clsName) continue;

    if (el.classList) {
      el.classList.add(clsName);
    } else if (!hasClass(el, clsName)) {
      curClass += ' ' + clsName;
    }
  }
  if (!el.classList) {
    el.className = curClass;
  }
};

/* istanbul ignore next */
function removeClass(el, cls) {
  if (!el || !cls) return;
  var classes = cls.split(' ');
  var curClass = ' ' + el.className + ' ';

  for (var i = 0, j = classes.length; i < j; i++) {
    var clsName = classes[i];
    if (!clsName) continue;

    if (el.classList) {
      el.classList.remove(clsName);
    } else if (hasClass(el, clsName)) {
      curClass = curClass.replace(' ' + clsName + ' ', ' ');
    }
  }
  if (!el.classList) {
    el.className = trim(curClass);
  }
};

/* istanbul ignore next */
const getStyle = ieVersion < 9 ? function(element, styleName) {
  if (isServer) return;
  if (!element || !styleName) return null;
  styleName = camelCase(styleName);
  if (styleName === 'float') {
    styleName = 'styleFloat';
  }
  try {
    switch (styleName) {
      case 'opacity':
        try {
          return element.filters.item('alpha').opacity / 100;
        } catch (e) {
          return 1.0;
        }
      default:
        return (element.style[styleName] || element.currentStyle ? element.currentStyle[styleName] : null);
    }
  } catch (e) {
    return element.style[styleName];
  }
} : function(element, styleName) {
  if (isServer) return;
  if (!element || !styleName) return null;
  styleName = camelCase(styleName);
  if (styleName === 'float') {
    styleName = 'cssFloat';
  }
  try {
    var computed = document.defaultView.getComputedStyle(element, '');
    return element.style[styleName] || computed ? computed[styleName] : null;
  } catch (e) {
    return element.style[styleName];
  }
};

/* istanbul ignore next */
function setStyle(element, styleName, value) {
  if (!element || !styleName) return;

  if (typeof styleName === 'object') {
    for (var prop in styleName) {
      if (styleName.hasOwnProperty(prop)) {
        setStyle(element, prop, styleName[prop]);
      }
    }
  } else {
    styleName = camelCase(styleName);
    if (styleName === 'opacity' && ieVersion < 9) {
      element.style.filter = isNaN(value) ? '' : 'alpha(opacity=' + value * 100 + ')';
    } else {
      element.style[styleName] = value;
    }
  }
};

const isScroll = (el, vertical) => {
  if (isServer) return;

  const determinedDirection = vertical !== null || vertical !== undefined;
  const overflow = determinedDirection
    ? vertical
      ? getStyle(el, 'overflow-y')
      : getStyle(el, 'overflow-x')
    : getStyle(el, 'overflow');

  return overflow.match(/(scroll|auto)/);
};

const getScrollContainer = (el, vertical) => {
  if (isServer) return;

  let parent = el;
  while (parent) {
    if ([window, document, document.documentElement].includes(parent)) {
      return window;
    }
    if (isScroll(parent, vertical)) {
      return parent;
    }
    parent = parent.parentNode;
  }

  return parent;
};

const isInContainer = (el, container) => {
  if (isServer || !el || !container) return false;

  const elRect = el.getBoundingClientRect();
  let containerRect;

  if ([window, document, document.documentElement, null, undefined].includes(container)) {
    containerRect = {
      top: 0,
      right: window.innerWidth,
      bottom: window.innerHeight,
      left: 0
    };
  } else {
    containerRect = container.getBoundingClientRect();
  }

  return elRect.top < containerRect.bottom &&
    elRect.bottom > containerRect.top &&
    elRect.right > containerRect.left &&
    elRect.left < containerRect.right;
};


/***/ }),

/***/ 160:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";

// EXPORTS
__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ isFirefox; });
__webpack_require__.d(__webpack_exports__, "b", function() { return /* binding */ rafThrottle; });

// UNUSED EXPORTS: noop, hasOwn, toObject, getValueByPath, getPropByPath, generateId, valueEquals, escapeRegexpString, arrayFindIndex, arrayFind, coerceTruthyValueToArray, isIE, isEdge, autoprefixer, kebabCase, capitalize, looseEqual, arrayEquals, isEqual, isEmpty, objToArray

// EXTERNAL MODULE: external "vue"
var external_vue_ = __webpack_require__(0);
var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);

// CONCATENATED MODULE: ./node_modules/_element-ui@2.14.1@element-ui/src/utils/types.js
function isString(obj) {
  return Object.prototype.toString.call(obj) === '[object String]';
}

function isObject(obj) {
  return Object.prototype.toString.call(obj) === '[object Object]';
}

function isHtmlElement(node) {
  return node && node.nodeType === Node.ELEMENT_NODE;
}

const isFunction = (functionToCheck) => {
  var getType = {};
  return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
};

const isUndefined = (val)=> {
  return val === void 0;
};

const isDefined = (val) => {
  return val !== undefined && val !== null;
};

// CONCATENATED MODULE: ./node_modules/_element-ui@2.14.1@element-ui/src/utils/util.js



const util_hasOwnProperty = Object.prototype.hasOwnProperty;

function noop() {};

function hasOwn(obj, key) {
  return util_hasOwnProperty.call(obj, key);
};

function extend(to, _from) {
  for (let key in _from) {
    to[key] = _from[key];
  }
  return to;
};

function toObject(arr) {
  var res = {};
  for (let i = 0; i < arr.length; i++) {
    if (arr[i]) {
      extend(res, arr[i]);
    }
  }
  return res;
};

const getValueByPath = function(object, prop) {
  prop = prop || '';
  const paths = prop.split('.');
  let current = object;
  let result = null;
  for (let i = 0, j = paths.length; i < j; i++) {
    const path = paths[i];
    if (!current) break;

    if (i === j - 1) {
      result = current[path];
      break;
    }
    current = current[path];
  }
  return result;
};

function getPropByPath(obj, path, strict) {
  let tempObj = obj;
  path = path.replace(/\[(\w+)\]/g, '.$1');
  path = path.replace(/^\./, '');

  let keyArr = path.split('.');
  let i = 0;
  for (let len = keyArr.length; i < len - 1; ++i) {
    if (!tempObj && !strict) break;
    let key = keyArr[i];
    if (key in tempObj) {
      tempObj = tempObj[key];
    } else {
      if (strict) {
        throw new Error('please transfer a valid prop path to form item!');
      }
      break;
    }
  }
  return {
    o: tempObj,
    k: keyArr[i],
    v: tempObj ? tempObj[keyArr[i]] : null
  };
};

const generateId = function() {
  return Math.floor(Math.random() * 10000);
};

const valueEquals = (a, b) => {
  // see: https://stackoverflow.com/questions/3115982/how-to-check-if-two-arrays-are-equal-with-javascript
  if (a === b) return true;
  if (!(a instanceof Array)) return false;
  if (!(b instanceof Array)) return false;
  if (a.length !== b.length) return false;
  for (let i = 0; i !== a.length; ++i) {
    if (a[i] !== b[i]) return false;
  }
  return true;
};

const escapeRegexpString = (value = '') => String(value).replace(/[|\\{}()[\]^$+*?.]/g, '\\$&');

// TODO: use native Array.find, Array.findIndex when IE support is dropped
const arrayFindIndex = function(arr, pred) {
  for (let i = 0; i !== arr.length; ++i) {
    if (pred(arr[i])) {
      return i;
    }
  }
  return -1;
};

const arrayFind = function(arr, pred) {
  const idx = arrayFindIndex(arr, pred);
  return idx !== -1 ? arr[idx] : undefined;
};

// coerce truthy value to array
const coerceTruthyValueToArray = function(val) {
  if (Array.isArray(val)) {
    return val;
  } else if (val) {
    return [val];
  } else {
    return [];
  }
};

const isIE = function() {
  return !external_vue_default.a.prototype.$isServer && !isNaN(Number(document.documentMode));
};

const isEdge = function() {
  return !external_vue_default.a.prototype.$isServer && navigator.userAgent.indexOf('Edge') > -1;
};

const isFirefox = function() {
  return !external_vue_default.a.prototype.$isServer && !!window.navigator.userAgent.match(/firefox/i);
};

const autoprefixer = function(style) {
  if (typeof style !== 'object') return style;
  const rules = ['transform', 'transition', 'animation'];
  const prefixes = ['ms-', 'webkit-'];
  rules.forEach(rule => {
    const value = style[rule];
    if (rule && value) {
      prefixes.forEach(prefix => {
        style[prefix + rule] = value;
      });
    }
  });
  return style;
};

const kebabCase = function(str) {
  const hyphenateRE = /([^-])([A-Z])/g;
  return str
    .replace(hyphenateRE, '$1-$2')
    .replace(hyphenateRE, '$1-$2')
    .toLowerCase();
};

const capitalize = function(str) {
  if (!isString(str)) return str;
  return str.charAt(0).toUpperCase() + str.slice(1);
};

const looseEqual = function(a, b) {
  const isObjectA = isObject(a);
  const isObjectB = isObject(b);
  if (isObjectA && isObjectB) {
    return JSON.stringify(a) === JSON.stringify(b);
  } else if (!isObjectA && !isObjectB) {
    return String(a) === String(b);
  } else {
    return false;
  }
};

const arrayEquals = function(arrayA, arrayB) {
  arrayA = arrayA || [];
  arrayB = arrayB || [];

  if (arrayA.length !== arrayB.length) {
    return false;
  }

  for (let i = 0; i < arrayA.length; i++) {
    if (!looseEqual(arrayA[i], arrayB[i])) {
      return false;
    }
  }

  return true;
};

const isEqual = function(value1, value2) {
  if (Array.isArray(value1) && Array.isArray(value2)) {
    return arrayEquals(value1, value2);
  }
  return looseEqual(value1, value2);
};

const isEmpty = function(val) {
  // null or undefined
  if (val == null) return true;

  if (typeof val === 'boolean') return false;

  if (typeof val === 'number') return !val;

  if (val instanceof Error) return val.message === '';

  switch (Object.prototype.toString.call(val)) {
    // String or Array
    case '[object String]':
    case '[object Array]':
      return !val.length;

    // Map or Set or File
    case '[object File]':
    case '[object Map]':
    case '[object Set]': {
      return !val.size;
    }
    // Plain Object
    case '[object Object]': {
      return !Object.keys(val).length;
    }
  }

  return false;
};

function rafThrottle(fn) {
  let locked = false;
  return function(...args) {
    if (locked) return;
    locked = true;
    window.requestAnimationFrame(_ => {
      fn.apply(this, args);
      locked = false;
    });
  };
}

function objToArray(obj) {
  if (Array.isArray(obj)) {
    return obj;
  }
  return isEmpty(obj) ? [] : [obj];
}


/***/ }),

/***/ 162:
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(185);
if(content.__esModule) content = content.default;
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add CSS to SSR context
var add = __webpack_require__(4).default
module.exports.__inject__ = function (context) {
  add("1fe9a170", content, true, context)
};

/***/ }),

/***/ 180:
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(215);
if(content.__esModule) content = content.default;
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add CSS to SSR context
var add = __webpack_require__(4).default
module.exports.__inject__ = function (context) {
  add("f281b686", content, true, context)
};

/***/ }),

/***/ 181:
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(217);
if(content.__esModule) content = content.default;
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add CSS to SSR context
var add = __webpack_require__(4).default
module.exports.__inject__ = function (context) {
  add("43df5010", content, true, context)
};

/***/ }),

/***/ 184:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_comment_vue_vue_type_style_index_0_lang_scss_rel_stylesheet_2Fscss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(162);
/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_comment_vue_vue_type_style_index_0_lang_scss_rel_stylesheet_2Fscss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_comment_vue_vue_type_style_index_0_lang_scss_rel_stylesheet_2Fscss___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_comment_vue_vue_type_style_index_0_lang_scss_rel_stylesheet_2Fscss___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_comment_vue_vue_type_style_index_0_lang_scss_rel_stylesheet_2Fscss___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

/***/ 185:
/***/ (function(module, exports, __webpack_require__) {

// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".col_red{color:#f11111}.col_green{color:#44be95}.col_white{color:#fff}.flex-col{flex-direction:column}.flex-j-c{justify-content:center}.flex-j-sb{justify-content:space-between}.flex-j-ar{justify-content:space-around}.flex-a-c{align-items:center}.flex-a-e{align-items:flex-end}.w{width:1200px}.m-auto{margin:0 auto}.height-one{height:100%}.flex{display:flex}.text-overflow{-webkit-line-clamp:4}.text-overflow,.text-overflow-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.text-overflow-2{-webkit-line-clamp:2}.text-overflow-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.overflow-hide,.text-overflow-3{overflow:hidden;text-overflow:ellipsis}.overflow-hide{white-space:nowrap}.hiddenScroll{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll}.hiddenScroll::-webkit-scrollbar{display:none}.finger-point{cursor:pointer}.cursor-default{cursor:default}.el-icon-circle-close{color:#fff}.container{padding:0 10px;box-sizing:border-box}.container .write-reply{display:flex;align-items:center;font-size:14px;color:#909399;padding:10px;cursor:pointer}.container .write-reply:hover{color:#303133}.container .write-reply .el-icon-edit{margin-right:5px}.container .input-wrapper{padding:0 10px 10px}.container .input-wrapper .reply-box{margin-bottom:5px;color:var(--color)}.container .input-wrapper .el-input__inner,.container .input-wrapper .gray-bg-input{background-color:#296fd8}.container .input-wrapper .btn-control{display:flex;justify-content:space-between;align-items:flex-end;padding-top:10px}.container .input-wrapper .btn-control .el-icon-picture{font-size:24px;color:#ababab;border-radius:8px;overflow:hidden}.container .input-wrapper .btn-control .cancel{font-size:14px;color:#606266;margin-right:20px;cursor:pointer}.container .input-wrapper .btn-control .cancel:hover{color:#333}.container .input-wrapper .btn-control .confirm{font-size:14px;padding:6px 20px}.container .comment{display:flex;flex-direction:column;padding:10px;border-bottom:1px solid #f2f6fc}.container .comment .info{display:flex}.container .comment .info .avatar{width:40px;height:40px;border-radius:50%}.container .comment .info .right-box{display:flex;align-items:center}.container .comment .info .right-box .name{font-size:14px;color:#303133;font-weight:500}.container .comment .info .right-box .date{font-size:12px;margin-left:20px;color:#909399}.container .comment .info .right-box .control{flex:1;text-align:right}.container .comment .info .right-box .control span{margin-right:10px}.container .comment .comment-content{font-size:16px;color:#303133;line-height:20px;padding:10px 0}.container .comment .comment-imgs{display:flex;flex-wrap:wrap}.container .comment .comment-imgs .el-image{cursor:pointer;width:60px;height:60px;border-radius:2px;margin:0 10px 10px 0}.container .comment .look-child{padding-left:10px;color:#666}.container .comment .look-child:hover{color:var(--color)}.container .comment .reply{margin:10px 0;border-left:2px solid #dcdfe6}.container .comment .reply .item{margin:0 10px;padding:10px 0;border-bottom:1px dashed #ebeef5}.container .comment .reply .item .reply-avatar{width:40px;height:40px;border-radius:50%;margin-right:10px}.container .comment .reply .item .reply-title .from-name{color:#409eff}.container .comment .reply .item .reply-title .to-name{color:#409eff;margin-left:5px;margin-right:5px}.container .comment .reply .item .reply-title .reply-time{font-size:12px;color:#909399}.container .comment .reply .item .reply-content{font-size:14px;color:#303133;padding:6px 0}.container .check-more{padding-top:10px;text-align:center;color:#666}.container .check-more:hover{color:var(--color)}", ""]);
// Exports
module.exports = ___CSS_LOADER_EXPORT___;


/***/ }),

/***/ 199:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/microHome/comment.vue?vue&type=template&id=1ecb7b7c&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"container"},[_vm._ssrNode("<div class=\"write-reply\"><i class=\"el-icon-edit\"></i> <span class=\"add-comment\">添加新评论</span></div> "),_c('el-collapse-transition',[(_vm.isShowInput)?_c('div',{staticClass:"input-wrapper"},[(_vm.replyUser)?_c('p',{staticClass:"reply-box"},[_vm._v(_vm._s(_vm.replyUser)+"：")]):_vm._e(),_vm._v(" "),_c('el-input',{ref:"inputComment",staticClass:"gray-bg-input",attrs:{"resize":"none","type":"textarea","rows":4,"autofocus":"","placeholder":"写下你的评论..."},model:{value:(_vm.inputComment),callback:function ($$v) {_vm.inputComment=$$v},expression:"inputComment"}}),_vm._v(" "),_c('div',{staticClass:"btn-control"},[_c('div',{staticClass:"left"},[_c('el-upload',{directives:[{name:"show",rawName:"v-show",value:(_vm.fileList.length > 0),expression:"fileList.length > 0"}],ref:"upload",attrs:{"accept":"image/*","multiple":"","action":_vm.uploadUrl,"file-list":_vm.fileList,"list-type":"picture-card","on-change":_vm.handleImgChange,"on-success":_vm.handleFrontSuccess,"on-remove":_vm.handleRemove}},[_c('i',{staticClass:"el-icon-plus"})]),_vm._v(" "),_c('i',{staticClass:"el-icon-picture finger-point",on:{"click":_vm.submitUpload}})],1),_vm._v(" "),_c('div',{staticClass:"right"},[_c('span',{staticClass:"cancel",on:{"click":_vm.cancel}},[_vm._v("取消")]),_vm._v(" "),_c('el-button',{staticClass:"confirm",attrs:{"type":"success","round":""},on:{"click":_vm.commitComment}},[_vm._v("确定")])],1)])],1):_vm._e()]),_vm._ssrNode(" "),_vm._l((_vm.comments),function(item,index){return _vm._ssrNode("<div class=\"comment\">","</div>",[_vm._ssrNode("<div class=\"info\">","</div>",[_vm._ssrNode(((item.has_one_comment_user)?("<img"+(_vm._ssrAttr("src",item.has_one_comment_user.avatar))+" class=\"avatar\">"):"<!---->")+" "),_vm._ssrNode("<div style=\"margin-left: 10px;flex:1;\">","</div>",[_vm._ssrNode("<div class=\"right-box\"><div class=\"name\">"+_vm._ssrEscape(_vm._s(item.uname))+"</div> <div class=\"date\">"+_vm._ssrEscape(_vm._s(item.created_at))+"</div> <div class=\"control finger-point\"><span"+(_vm._ssrStyle(null,{color: item.is_praise?'#ec544a':''}, null))+"><i class=\"iconfont icon-fontclass-tuijian\"></i>"+_vm._ssrEscape(" "+_vm._s(item.praise_num)+"\n            ")+"</span> <span><i class=\"iconfont icon-fontclass-pinglun2\"></i> 回复\n            </span> "+((_vm.comment_open == 1)?("<span><i class=\"iconfont icon-fontclass-shang\"></i> 赞赏\n            </span>"):"<!---->")+" "+((item.is_own == 1)?("<span><i class=\"iconfont icon-fontclass-shanchu\"></i></span>"):"<!---->")+"</div></div> <div class=\"comment-content\">"+_vm._ssrEscape(_vm._s(item.content))+"</div> "),_vm._ssrNode("<div class=\"comment-imgs\">","</div>",_vm._l((item.image),function(imgItem,index){return _c('el-image',{key:index,attrs:{"src":imgItem,"fit":"contain"},on:{"click":function($event){$event.stopPropagation();return _vm.toShowImgViewer(item.image, index)}}})}),1),_vm._ssrNode(" "+((!_vm.showChild && item.child.length > 0)?("<div class=\"reply finger-point look-child\">查看该评论回复</div>"):"<!---->")+" "),(_vm.showChild)?_vm._ssrNode("<div class=\"reply\">","</div>",_vm._l((item.child),function(reply,replyIndex){return _vm._ssrNode("<div class=\"item\">","</div>",[_vm._ssrNode("<div class=\"flex flex-a-c\">","</div>",[_vm._ssrNode("<div style=\"display: flex;align-self: flex-start\">"+((reply.has_one_comment_user)?("<img"+(_vm._ssrAttr("src",reply.has_one_comment_user.avatar))+" alt class=\"reply-avatar\">"):"<!---->")+"</div> "),_vm._ssrNode("<div style=\"margin-left: 10px;flex:1;\">","</div>",[_vm._ssrNode("<div class=\"right-box\"><div class=\"reply-title\"><span class=\"from-name\">"+_vm._ssrEscape(_vm._s(reply.uname))+"</span><span>: </span> "+((reply.less_name)?("<span class=\"to-name\">"+_vm._ssrEscape("@"+_vm._s(reply.less_name))+"</span>"):"<!---->")+" <span class=\"reply-time\">"+_vm._ssrEscape(_vm._s(reply.created_at))+"</span></div> <div class=\"control finger-point\"><span"+(_vm._ssrStyle(null,{color: reply.is_praise?'#ec544a':''}, null))+"><i class=\"iconfont icon-fontclass-tuijian\"></i>"+_vm._ssrEscape(" "+_vm._s(reply.praise_num)+"\n                    ")+"</span> <span><i class=\"iconfont icon-fontclass-pinglun2\"></i> 回复\n                    </span> "+((reply.is_own == 1)?("<span><i class=\"iconfont icon-fontclass-shanchu\"></i></span>"):"<!---->")+"</div></div> <div class=\"reply-content\">"+_vm._ssrEscape(_vm._s(reply.content))+"</div> "),_vm._ssrNode("<div class=\"comment-imgs\">","</div>",_vm._l((reply.image),function(imgItem,index){return _c('el-image',{key:index,attrs:{"src":imgItem,"fit":"contain"},on:{"click":function($event){$event.stopPropagation();return _vm.toShowImgViewer(reply.image, index)}}})}),1)],2)],2)])}),0):_vm._e()],2)],2)])}),_vm._ssrNode(" "),(_vm.showViewer)?_c('el-image-viewer',{attrs:{"initialIndex":_vm.initialIndex,"url-list":_vm.img_list},on:{"onClose":function($event){_vm.showViewer = false}}}):_vm._e(),_vm._ssrNode(" "+((_vm.showMore)?("<div class=\"check-more finger-point\">查看更多</div>"):"<!---->"))],2)}
var staticRenderFns = []


// CONCATENATED MODULE: ./components/microHome/comment.vue?vue&type=template&id=1ecb7b7c&

// EXTERNAL MODULE: ./components/default/image-viewer.vue + 4 modules
var image_viewer = __webpack_require__(156);

// CONCATENATED MODULE: ./node_modules/_babel-loader@8.2.3@babel-loader/lib??ref--2-0!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/microHome/comment.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//

/* harmony default export */ var commentvue_type_script_lang_js_ = ({
  props: {
    showMore: {
      type: Boolean,
      default: false
    },
    comments: {
      type: Array,
      required: true
    },
    comment_open: {},
    is_detail: {}
  },

  data() {
    return {
      showChild: false,
      img_list: [],
      showViewer: false,
      initialIndex: 0,
      isShowInput: false,
      replyUser: "",
      inputComment: "",
      host_comment_id: "",
      second_comment_id: "",
      uploadUrl: "",
      fileList: [],
      imgData: [],
      options_type: ""
    };
  },

  components: {
    ElImageViewer: image_viewer["default"]
  },

  mounted() {
    this.uploadUrl = this.fun.getRealUrl("upload.uploadPic", {});
  },

  methods: {
    toShowImgViewer(list, index) {
      this.img_list = list;
      this.initialIndex = index;
      this.showViewer = true;
    },

    submitUpload() {
      this.$refs['upload'].$children[1].$refs.input.click();
    },

    checkAllSuccess() {
      // 检查图片是否上传完成
      return Object.keys(this.fileList).every(item => this.fileList[item].hasSuccess);
    },

    handleImgChange(file, fileList) {
      this.fileList = fileList;
    },

    handleFrontSuccess(res, file, fileList) {
      if (res.result == 1) {
        this.fileList.map((item, index) => {
          if (item.uid == file.uid) {
            this.fileList[index].hasSuccess = true;
            this.imgData[index] = {
              url: res.data.img_url,
              uid: file.uid
            };
          }
        }); // console.log(fileList,this.imgData)
      } else {
        let ind = 0;
        this.fileList.map((item, index) => {
          if (item.uid == file.uid) {
            ind = index;
          }
        });
        this.fileList.splice(ind, 1);
        fileList.splice(ind, 1);
        this.$message.error(res.msg);
      }
    },

    handleRemove(file) {
      this.imgData = this.imgData.filter(item => {
        return item.uid != file.uid;
      });
      this.fileList = this.fileList.filter(item => {
        return item.uid != file.uid;
      });
    },

    // 点赞
    praiseBtn(host_comment_id, second_comment_id, index, chilindex, is_praise) {
      let data = {
        host_comment_id,
        second_comment_id,
        index,
        chilindex,
        is_praise
      };
      this.$emit('praiseBtn', data);
    },

    // 赞赏
    moneyShow(item) {
      this.$emit('moneyShow', item);
    },

    deleteBtn(item) {
      this.$emit('delReply', item);
    },

    // 加载更多
    loadMore() {
      this.$emit('loadMore');
    },

    // 取消
    cancel() {
      this.host_comment_id = "";
      this.second_comment_id = "";
      this.replyUser = "";
      this.isShowInput = false;
    },

    // 提交评论
    commitComment() {
      if (!this.inputComment) {
        this.$message.error("不能发送空白信息");
        return;
      }

      if (!this.checkAllSuccess()) {
        this.$message('请等待所有图片上传成功！');
        return;
      }

      let _json = {
        content: this.inputComment,
        image: this.imgData.map(item => {
          return item.url;
        }),
        host_comment_id: this.host_comment_id,
        second_comment_id: this.second_comment_id
      };

      if (this.options_type) {
        _json.options_type = this.options_type;
      }

      this.$emit("confirm", _json);
      this.inputComment = "";
      this.imgData = [];
      this.fileList = [];
      this.$refs.upload.clearFiles();
    },

    // 显示输入框
    showCommentInput(item, reply, flag) {
      if (reply) {
        this.second_comment_id = reply.id;
        this.host_comment_id = item.id;
        this.options_type = 'childReply';
        this.replyUser = "回复@" + reply.uname + " ";
      } else if (item) {
        this.second_comment_id = "";
        this.host_comment_id = item.id;
        this.options_type = 'reply';
        this.replyUser = "回复@" + item.uname + " ";
      } else {
        this.host_comment_id = "";
        this.second_comment_id = "";
        this.options_type = '';
        this.replyUser = "";
      }

      this.inputComment = "";
      this.isShowInput = true;

      if (flag != 'noFocus') {
        this.$nextTick(() => {
          this.$refs.inputComment.focus();
        });
      }
    }

  }
});
// CONCATENATED MODULE: ./components/microHome/comment.vue?vue&type=script&lang=js&
 /* harmony default export */ var microHome_commentvue_type_script_lang_js_ = (commentvue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);

// CONCATENATED MODULE: ./components/microHome/comment.vue



function injectStyles (context) {
  
  var style0 = __webpack_require__(184)
if (style0.__inject__) style0.__inject__(context)

}

/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  microHome_commentvue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  injectStyles,
  null,
  "8c3c31b8"
  
)

/* harmony default export */ var comment = __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ 214:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_3_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_articleItem_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(180);
/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_3_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_articleItem_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_3_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_articleItem_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_3_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_articleItem_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_3_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_articleItem_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

/***/ 215:
/***/ (function(module, exports, __webpack_require__) {

// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".article-link-color{color:#4094f5}.article-link-color:hover{color:#3462b4}", ""]);
// Exports
module.exports = ___CSS_LOADER_EXPORT___;


/***/ }),

/***/ 216:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_articleItem_vue_vue_type_style_index_1_id_1268c839_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(181);
/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_articleItem_vue_vue_type_style_index_1_id_1268c839_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_articleItem_vue_vue_type_style_index_1_id_1268c839_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_articleItem_vue_vue_type_style_index_1_id_1268c839_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_articleItem_vue_vue_type_style_index_1_id_1268c839_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

/***/ 217:
/***/ (function(module, exports, __webpack_require__) {

// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".col_red[data-v-1268c839]{color:#f11111}.col_green[data-v-1268c839]{color:#44be95}.col_white[data-v-1268c839]{color:#fff}.flex-col[data-v-1268c839]{flex-direction:column}.flex-j-c[data-v-1268c839]{justify-content:center}.flex-j-sb[data-v-1268c839]{justify-content:space-between}.flex-j-ar[data-v-1268c839]{justify-content:space-around}.flex-a-c[data-v-1268c839]{align-items:center}.flex-a-e[data-v-1268c839]{align-items:flex-end}.w[data-v-1268c839]{width:1200px}.m-auto[data-v-1268c839]{margin:0 auto}.height-one[data-v-1268c839]{height:100%}.flex[data-v-1268c839]{display:flex}.text-overflow[data-v-1268c839]{-webkit-line-clamp:4}.text-overflow[data-v-1268c839],.text-overflow-2[data-v-1268c839]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.text-overflow-2[data-v-1268c839]{-webkit-line-clamp:2}.text-overflow-3[data-v-1268c839]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.overflow-hide[data-v-1268c839],.text-overflow-3[data-v-1268c839]{overflow:hidden;text-overflow:ellipsis}.overflow-hide[data-v-1268c839]{white-space:nowrap}.hiddenScroll[data-v-1268c839]{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll}.hiddenScroll[data-v-1268c839]::-webkit-scrollbar{display:none}.finger-point[data-v-1268c839]{cursor:pointer}.cursor-default[data-v-1268c839]{cursor:default}.el-icon-circle-close[data-v-1268c839]{color:#fff}.qrccode-canvas-code[data-v-1268c839]{width:65px!important;height:65px!important;margin-right:10px}.share-code-link[data-v-1268c839]{display:flex;flex-direction:column;justify-content:space-between;padding:5px 0}.link-box[data-v-1268c839]{margin-top:5px;width:230px;display:flex;border-radius:4px;overflow:hidden}.link[data-v-1268c839]{background-color:#ececec;overflow:hidden;flex:1;word-break:keep-all;white-space:nowrap;padding:3px 0 3px 5px;border:none}.copy-btn[data-v-1268c839]{flex:0 0 36px;font-size:12px;text-align:center;background-color:#ec544a;color:#fff;border-radius:4px;padding:3px 5px;cursor:pointer}.popover-box[data-v-1268c839]{display:flex;flex-direction:column;text-align:center}.popover-box .more-box[data-v-1268c839]{padding:6px;border-bottom:1px solid #efefef}.popover-box .more-box[data-v-1268c839]:hover{color:#ec544a}.popover-box .more-box[data-v-1268c839]:last-child{border:none}.micro-home-article[data-v-1268c839]{margin:10px 0;width:100%;padding:14px 18px;border-radius:4px;background-color:#fff}.micro-home-article .top-author-info[data-v-1268c839]{display:flex;align-items:center}.micro-home-article .top-author-info .avatar[data-v-1268c839]{width:50px;height:50px;margin-right:10px;border-radius:50%;background-color:#b3b3b3}.micro-home-article .top-author-info .author-name[data-v-1268c839]{width:100px;font-size:14px;font-weight:700;color:#333}.micro-home-article .top-author-info .create-time[data-v-1268c839]{font-size:12px;color:#888;margin-top:5px}.micro-home-article .top-author-info .not-follow[data-v-1268c839]{width:80px;line-height:26px;color:#fff;border-radius:16px;background-color:#cacaca;text-align:center}.micro-home-article .top-author-info .follow-btn[data-v-1268c839]{width:80px;line-height:26px;color:#2973fd;border-radius:16px;border:1px solid #2973fd;text-align:center}.micro-home-article .top-author-info .tag[data-v-1268c839]{background-color:#f0f6ff;border:1px solid #2070f8;color:#2070f8;padding:3px 10px;border-radius:5px;margin:0 5px}.micro-home-article .top-author-info .is_recommend[data-v-1268c839]{background-color:#fff4f4;border:1px solid #f2534f;color:#f2534f}.micro-home-article .top-author-info .edit-box[data-v-1268c839]{color:#838382;font-size:16px}.micro-home-article .top-author-info .edit-box .iconfont[data-v-1268c839]{cursor:pointer;font-size:18px;margin-left:20px}.micro-home-article .top-author-info .edit-box .icon-zb_all_more[data-v-1268c839]{font-size:22px}.micro-home-article .address[data-v-1268c839],.micro-home-article .album[data-v-1268c839],.micro-home-article .article-content[data-v-1268c839],.micro-home-article .bottom-opts[data-v-1268c839],.micro-home-article .store-goods-box[data-v-1268c839]{padding:5px 50px}.micro-home-article .article-title[data-v-1268c839]{margin:10px 10px 0;font-size:16px;font-weight:700}.micro-home-article .article-content[data-v-1268c839]{font-size:14px;padding:0 50px;color:#4f4f4f}.micro-home-article .total-introduce[data-v-1268c839]{height:auto;overflow:hidden;font-size:14px;color:#4f4f4f}.micro-home-article .total-introduce .intro-content[data-v-1268c839]{margin:10px}.micro-home-article .total-introduce .intro-content .merchant-desc[data-v-1268c839]{width:100%;line-height:21px}.micro-home-article .total-introduce .unfold[data-v-1268c839]{display:block;z-index:11;float:right;width:40px;height:21px}.micro-home-article .total-introduce .unfold p[data-v-1268c839]{margin:0;line-height:21px;color:#7fbe87}.micro-home-article .detailed-introduce[data-v-1268c839]{font-size:14px;color:#434343;position:relative;overflow:hidden;margin:10px}.micro-home-article .detailed-introduce .intro-content[data-v-1268c839]{max-height:63px;line-height:21px;word-wrap:break-word;word-break:break-all;overflow:hidden}.micro-home-article .detailed-introduce .intro-content .merchant-desc[data-v-1268c839]{width:100%;line-height:21px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;height:63px;-webkit-line-clamp:3;text-overflow:ellipsis;box-sizing:border-box;padding-right:3em}.micro-home-article .detailed-introduce .intro-content .unfold[data-v-1268c839]{z-index:11;width:40px;height:21px;outline:0;position:absolute;right:0;bottom:0}.micro-home-article .detailed-introduce .intro-content .unfold p[data-v-1268c839]{margin:0;line-height:21px;color:#7fbe87}.micro-home-article .album[data-v-1268c839]{display:grid;grid-template-columns:repeat(3,190px);grid-gap:10px}.micro-home-article .album .img-wrap-box[data-v-1268c839]{width:190px;height:190px;position:relative}.micro-home-article .album .img[data-v-1268c839]{cursor:pointer;width:100%;height:100%;border-radius:4px}.micro-home-article .album .more-img-mask[data-v-1268c839]{position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;color:#fff;background-color:#161616;opacity:.5}.micro-home-article .address[data-v-1268c839]{font-size:12px;color:#ff8200}.micro-home-article .bottom-opts[data-v-1268c839]{display:flex;justify-content:space-between;margin:20px 0}.micro-home-article .bottom-opts .iconfont[data-v-1268c839]{margin-right:4px}.micro-home-article .store-goods-box .el-row[data-v-1268c839]{padding:10px;background-color:#f3f3f3}.micro-home-article .store-goods-box .fulfill-wish[data-v-1268c839]{text-align:right;color:#ec544a}.micro-home-article .store-goods-box .left-store[data-v-1268c839],.micro-home-article .store-goods-box .right-goods[data-v-1268c839]{flex:1;font-size:14px;line-height:22px}.micro-home-article .store-goods-box .left-store .goods-name[data-v-1268c839],.micro-home-article .store-goods-box .left-store .store-abbreviation[data-v-1268c839],.micro-home-article .store-goods-box .left-store .store-name[data-v-1268c839],.micro-home-article .store-goods-box .right-goods .goods-name[data-v-1268c839],.micro-home-article .store-goods-box .right-goods .store-abbreviation[data-v-1268c839],.micro-home-article .store-goods-box .right-goods .store-name[data-v-1268c839]{max-width:150px}.micro-home-article .store-goods-box .left-store .goods-img[data-v-1268c839],.micro-home-article .store-goods-box .left-store .store-img[data-v-1268c839],.micro-home-article .store-goods-box .right-goods .goods-img[data-v-1268c839],.micro-home-article .store-goods-box .right-goods .store-img[data-v-1268c839]{width:40px;height:40px;margin-right:8px;border-radius:4px}.micro-home-article .store-goods-box .left-store .el-divider[data-v-1268c839],.micro-home-article .store-goods-box .right-goods .el-divider[data-v-1268c839]{margin-right:10px;height:40px}.micro-home-article .store-goods-box .store-abbreviation[data-v-1268c839]{font-size:12px;color:#737373}.micro-home-article .store-goods-box .current-price[data-v-1268c839]{font-size:12px;color:#ec544a}.micro-home-article .store-goods-box .price[data-v-1268c839]{margin-left:15px;font-size:12px;color:#737373;text-decoration:line-through}.micro-home-article[data-v-1268c839] .el-dialog .el-divider{margin:0 0 24px}.micro-home-article[data-v-1268c839] .reward-dialog .el-radio__inner{display:none!important}.micro-home-article[data-v-1268c839] .reward-dialog .el-radio-group{padding:0 20px;display:grid;grid-template-columns:repeat(4,70px);grid-gap:15px 25px;justify-content:center}.micro-home-article[data-v-1268c839] .reward-dialog .el-radio-group .el-radio{text-align:center}.micro-home-article[data-v-1268c839] .reward-dialog .el-radio-group .is-bordered{margin-left:0;margin-right:-10px}.micro-home-article[data-v-1268c839] .reward-dialog .el-radio-group .is-checked{border:none;background-color:#ec544a}.micro-home-article[data-v-1268c839] .reward-dialog .el-radio-group .is-checked .el-radio__label{color:#fff}.micro-home-article .order-detail-dialog .order-apply[data-v-1268c839]{padding:14px;background-color:#f5f5f5;border-radius:2px}.micro-home-article .order-detail-dialog .order-apply .member-avatar[data-v-1268c839]{width:28px;height:28px;border-radius:50%}.micro-home-article .order-detail-dialog .order-apply .member-ncikname[data-v-1268c839]{margin:0 10px;display:inline-block;max-width:150px}.micro-home-article .order-detail-dialog .order-apply .order-tip[data-v-1268c839]{margin-top:10px;font-size:12px;color:#f11111}.micro-home-article .order-detail-dialog .order-table .goods-img[data-v-1268c839]{width:60px;height:60px;border-radius:4px}.micro-home-article .order-detail-dialog .order-table .goods-name[data-v-1268c839]{margin-left:10px;max-width:350px}.micro-home-article .order-detail-dialog .pay-amount[data-v-1268c839]{text-align:right;padding:20px 0;font-size:16px}.micro-home-article .order-detail-dialog .pay-amount .value[data-v-1268c839]{color:#f11111}", ""]);
// Exports
module.exports = ___CSS_LOADER_EXPORT___;


/***/ }),

/***/ 226:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/microHome/articleItem.vue?vue&type=template&id=1268c839&scoped=true&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"micro-home-article"},[(_vm.articleData.has_one_stick_user)?_vm._ssrNode("<div class=\"top-author-info\" data-v-1268c839>","</div>",[_vm._ssrNode("<img"+(_vm._ssrAttr("src",_vm.articleData.has_one_stick_user.avatar))+" alt class=\"avatar finger-point\" data-v-1268c839> <div style=\"flex: 1\" data-v-1268c839><p class=\"author-name overflow-hide finger-point\" data-v-1268c839>"+_vm._ssrEscape(_vm._s(_vm.articleData.has_one_stick_user.nickname))+"</p> <p class=\"create-time\" data-v-1268c839>"+_vm._ssrEscape(_vm._s(_vm.articleData.created_at))+"</p></div> "),[_vm._ssrNode(((_vm.articleData.is_top == 1)?("<div class=\"tag is_top\" data-v-1268c839>置顶</div>"):"<!---->")+" "+((_vm.articleData.is_recommend == 1)?("<div class=\"tag is_recommend\" data-v-1268c839>推荐</div>"):"<!---->")+" "+((_vm.articleData.is_own)?("<div class=\"edit-box\" data-v-1268c839><i class=\"iconfont icon-fontclass-bianji\" data-v-1268c839></i> <i class=\"iconfont icon-fontclass-shanchu\" data-v-1268c839></i></div>"):("<div"+(_vm._ssrClass("finger-point",[_vm.articleData.is_follow ? 'not-follow' : 'follow-btn']))+" data-v-1268c839>"+((_vm.articleData.is_follow)?("<span data-v-1268c839>已关注</span>"):("<span data-v-1268c839><i class=\"el-icon-plus\" data-v-1268c839></i> 关注</span>"))+"</div>"))+" "),(_vm.is_manager)?_vm._ssrNode("<div class=\"edit-box\" data-v-1268c839>","</div>",[_c('el-popover',{attrs:{"trigger":"click","popper-class":"share-popover"}},[_c('div',{staticClass:"popover-box"},[_c('p',{staticClass:"more-box finger-point",on:{"click":function($event){$event.stopPropagation();return _vm.adminBtn(1)}}},[_vm._v(_vm._s(_vm.articleData.is_recommend == 1 ? '取消推荐':'推荐'))]),_vm._v(" "),_c('p',{staticClass:"more-box finger-point",on:{"click":function($event){$event.stopPropagation();return _vm.adminBtn(2)}}},[_vm._v(_vm._s(_vm.articleData.is_top == 1 ?'取消置顶':'置顶'))]),_vm._v(" "),(!_vm.articleData.is_own)?_c('p',{staticClass:"more-box finger-point",on:{"click":function($event){$event.stopPropagation();return _vm.deleteBtn.apply(null, arguments)}}},[_vm._v("删除")]):_vm._e()]),_vm._v(" "),_c('span',{ref:"popoverBox",staticClass:"finger-point",attrs:{"slot":"reference"},slot:"reference"},[_c('i',{staticClass:"iconfont icon-zb_all_more"})])])],1):_vm._e()]],2):_vm._e(),_vm._ssrNode(" <div class=\"article-title finger-point\" data-v-1268c839>"+_vm._ssrEscape(_vm._s(_vm.articleData.title))+"</div> <div"+(_vm._ssrClass(null,_vm.showTotal ? 'total-introduce' : 'detailed-introduce'))+" data-v-1268c839><div class=\"intro-content cursor-default\" data-v-1268c839>"+((_vm.articleData.contents)?("<div class=\"merchant-desc\""+(_vm._ssrStyle(null,{width: _vm.is_detail?'825px':''}, null))+" data-v-1268c839>"+((_vm.articleData.contents.indexOf('micro-panel-body') > -1 || _vm.articleData.contents.indexOf('</p>') > -1)?("<p data-v-1268c839>"+(_vm._s(_vm.articleData.contents))+"</p>"):((_vm._ssrList((_vm.articleData.contents.split('\n')),function(_item,i){return ("<p data-v-1268c839>"+(_vm._s(_vm.checkoutURL(_item)))+"</p>")}))))+"</div>"):"<!---->")+" "+((_vm.showExchangeButton)?("<div class=\"unfold finger-point\" data-v-1268c839><p data-v-1268c839>"+_vm._ssrEscape(_vm._s(_vm.exchangeButton ? '展开' : '收起'))+"</p></div>"):"<!---->")+"</div></div> "),(_vm.articleData.has_many_image)?_vm._ssrNode("<div class=\"album\" data-v-1268c839>","</div>",[_vm._l((_vm.articleData.has_many_image),function(item,index){return [(index <= 8)?_vm._ssrNode("<div class=\"img-wrap-box\" data-v-1268c839>","</div>",[_c('el-image',{staticClass:"img",attrs:{"src":item.url,"alt":"","fit":"contain"},on:{"click":function($event){$event.stopPropagation();return _vm.toShowImgViewer(index)}}}),_vm._ssrNode(" "+(((_vm.articleData.has_many_image.length > 9) && (index === 8))?("<div class=\"more-img-mask finger-point\" data-v-1268c839>"+_vm._ssrEscape("+"+_vm._s(_vm.articleData.has_many_image.length - 9))+"</div>"):"<!---->"))],2):_vm._e()]})],2):_vm._e(),_vm._ssrNode(" "),(_vm.showViewer)?_c('el-image-viewer',{attrs:{"initialIndex":_vm.initialIndex,"url-list":_vm.handleImage(_vm.articleData.has_many_image)},on:{"onClose":function($event){_vm.showViewer = false}}}):_vm._e(),_vm._ssrNode(" "+((_vm.articleData.address)?("<div class=\"address\" data-v-1268c839><i class=\"iconfont icon-fontclass-dizhi\" data-v-1268c839></i> <span data-v-1268c839>"+_vm._ssrEscape(_vm._s(_vm.articleData.address))+"</span></div>"):"<!---->")+" "),_vm._ssrNode("<div class=\"bottom-opts\" data-v-1268c839>","</div>",[_vm._ssrNode("<span class=\"finger-point\" data-v-1268c839><i class=\"iconfont icon-fontclass-pinglun2\" data-v-1268c839></i>"+_vm._ssrEscape(_vm._s(_vm.articleData.comments_num))+"</span> <span class=\"finger-point\""+(_vm._ssrStyle(null,{color: _vm.articleData.is_praise?'#ec544a':''}, null))+" data-v-1268c839><i class=\"iconfont icon-fontclass-tuijian\" data-v-1268c839></i>"+_vm._ssrEscape(_vm._s(_vm.articleData.praise_num))+"</span> "),_c('client-only',[_c('el-popover',{attrs:{"trigger":"click","popper-class":"share-popover"}},[_c('div',{staticClass:"popover"},[_c('p',{staticClass:"share-title"},[_vm._v("\n            微信【扫一扫】分享或者复制链接到第三方平台分享\n          ")]),_vm._v(" "),_c('div',{staticClass:"flex",staticStyle:{"margin-top":"8px"}},[_c('canvas',{staticClass:"qrccode-canvas-code",attrs:{"id":("qrccode-canvas-code" + (_vm.articleData.id))}}),_vm._v(" "),_c('div',{staticClass:"share-code-link"},[_c('p',{staticStyle:{"color":"#ec544a","font-size":"12px"}},[_vm._v("链接：")]),_vm._v(" "),_c('div',{staticClass:"link-box"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.current_url),expression:"current_url"}],staticClass:"link",attrs:{"title":"","readonly":"true","type":"text"},domProps:{"value":(_vm.current_url)},on:{"input":function($event){if($event.target.composing){ return; }_vm.current_url=$event.target.value}}}),_c('span',{staticClass:"copy-btn",on:{"click":function($event){$event.stopPropagation();return _vm.copyContent(_vm.current_url)}}},[_vm._v("复制")])])])])]),_vm._v(" "),_c('span',{staticClass:"flex flex-a-c flex-j-c finger-point",attrs:{"slot":"reference"},on:{"click":function($event){_vm.createQrc(_vm.fun.toRealURl(("microcommentdetails/" + (_vm.articleData.id))))}},slot:"reference"},[_c('i',{staticClass:"iconfont icon-bc_share_card"}),_vm._v("分享")])])],1),_vm._ssrNode(" "+((_vm.reward_button == 0)?("<span class=\"flex flex-a-c flex-j-c finger-point\" data-v-1268c839><i class=\"iconfont icon-fontclass-shang\" data-v-1268c839></i>赞赏</span>"):"<!---->"))],2),_vm._ssrNode(" "),_vm._ssrNode("<div class=\"store-goods-box\" data-v-1268c839>","</div>",[(_vm.articleData.wish_state == 1 && _vm.articleData.order_id != 0)?_c('el-row',{staticStyle:{"border-bottom":"1px solid #DCDFE6"}},[_c('el-col',{attrs:{"span":6}},[_vm._v("心愿商品")]),_vm._v(" "),_c('el-col',{staticClass:"fulfill-wish",attrs:{"span":18}},[_c('span',{staticClass:"finger-point",on:{"click":function($event){$event.stopPropagation();return _vm.getOrderDetail(_vm.articleData.order_id)}}},[_vm._v("\n          帮Ta完成心愿\n          "),_c('i',{staticClass:"iconfont icon-advertise-next"})])])],1):_vm._e(),_vm._ssrNode(" "),(_vm.articleData.has_one_store || _vm.articleData.has_one_goods)?_c('el-row',{staticClass:"store-goods"},[(_vm.articleData.has_one_store)?_c('el-col',{staticClass:"left-store flex finger-point",attrs:{"span":11},nativeOn:{"click":function($event){return _vm.gotoStore.apply(null, arguments)}}},[_c('img',{staticClass:"store-img",attrs:{"src":_vm.articleData.has_one_store.arr.thumb,"alt":""}}),_vm._v(" "),_c('div',[_c('p',{staticClass:"store-name overflow-hide"},[_vm._v(_vm._s(_vm.articleData.has_one_store.arr.store_name))]),_vm._v(" "),_c('p',{staticClass:"store-abbreviation overflow-hide"},[_vm._v(_vm._s(_vm.articleData.has_one_store.arr.address))])])]):_vm._e(),_vm._v(" "),(_vm.articleData.has_one_goods)?_c('el-col',{staticClass:"right-goods flex finger-point",attrs:{"span":13},nativeOn:{"click":function($event){return _vm.gotoGoods.apply(null, arguments)}}},[(_vm.articleData.has_one_store)?_c('el-divider',{attrs:{"direction":"vertical"}}):_vm._e(),_vm._v(" "),_c('img',{staticClass:"goods-img",attrs:{"src":_vm.articleData.has_one_goods.thumb,"alt":""}}),_vm._v(" "),_c('div',[_c('p',{staticClass:"goods-name overflow-hide"},[_vm._v(_vm._s(_vm.articleData.has_one_goods.title))]),_vm._v(" "),_c('p',[_c('span',{staticClass:"current-price"},[_vm._v("￥"+_vm._s(_vm.articleData.has_one_goods.price))]),_vm._v(" "),_c('span',{staticClass:"price"},[_vm._v("￥"+_vm._s(_vm.articleData.has_one_goods.market_price))])])])],1):_vm._e()],1):_vm._e()],2),_vm._ssrNode(" "),_c('transition',{attrs:{"name":"el-fade-in"}},[(_vm.showComment)?_c('div',[_c('comment',{ref:"commentBox",attrs:{"is_detail":_vm.is_detail,"comments":_vm.showCommentData,"comment_open":_vm.comment_open,"showMore":_vm.showMore},on:{"delReply":_vm.delReply,"praiseBtn":_vm.praiseBtn,"moneyShow":_vm.childMoneyShow,"confirm":_vm.subMainBtn,"loadMore":_vm.loadMore}})],1):_vm._e()]),_vm._ssrNode(" "),_c('el-dialog',{staticClass:"reward-dialog",attrs:{"title":"赞赏","visible":_vm.rewardDialogVisible,"center":""},on:{"update:visible":function($event){_vm.rewardDialogVisible=$event}}},[_c('el-divider',{staticClass:"el-divider"}),_vm._v(" "),_c('el-form',[_c('el-form-item',{attrs:{"label":"赞赏金额：","label-width":"90px"}},[_c('el-input',{attrs:{"label":"","placeholder":"请输入赞赏金额"},model:{value:(_vm.rewardAmount),callback:function ($$v) {_vm.rewardAmount=$$v},expression:"rewardAmount"}},[_c('template',{slot:"append"},[_c('span',[_vm._v("元")])])],2)],1),_vm._v(" "),_c('el-form-item',[_c('el-radio-group',{on:{"change":_vm.changeRadio},model:{value:(_vm.rewardAmount),callback:function ($$v) {_vm.rewardAmount=$$v},expression:"rewardAmount"}},_vm._l((_vm.radioMap),function(item){return _c('el-radio',{key:item,attrs:{"label":item,"border":""}},[_vm._v("￥"+_vm._s(item))])}),1)],1)],1),_vm._v(" "),_c('div',{staticClass:"dialog-footer",attrs:{"slot":"footer"},slot:"footer"},[_c('el-button',{on:{"click":function($event){_vm.rewardDialogVisible = false}}},[_vm._v("关闭")]),_vm._v(" "),_c('el-button',{attrs:{"type":"primary"},on:{"click":_vm.confirmRewardBtn}},[_vm._v("确 定 赞 赏")])],1)],1),_vm._ssrNode(" "),_c('el-dialog',{staticClass:"order-detail-dialog",attrs:{"title":"订单详情","visible":_vm.orderDialogVisible,"center":"","width":"70%"},on:{"update:visible":function($event){_vm.orderDialogVisible=$event}}},[_c('el-divider',{staticClass:"el-divider"}),_vm._v(" "),_c('div',{staticClass:"order-apply"},[(_vm.articleData.has_one_stick_user)?_c('div',{staticClass:"top-member-info flex flex-a-c"},[_c('img',{staticClass:"member-avatar",attrs:{"src":_vm.articleData.has_one_stick_user.avatar,"alt":""}}),_vm._v(" "),_c('span',{staticClass:"member-ncikname overflow-hide"},[_vm._v(_vm._s(_vm.articleData.has_one_stick_user.nickname))]),_vm._v(" "),_c('span',[_vm._v(" 请您帮忙代付一笔订单")])]):_vm._e(),_vm._v(" "),_c('p',{staticClass:"order-tip overflow-hide"},[_vm._v("好友代付说明：代付前请和好友确认核实订单详情，以免下错订单")])]),_vm._v(" "),_c('el-table',{staticClass:"order-table ",attrs:{"data":_vm.orderData.has_many_order_goods}},[_c('el-table-column',{attrs:{"prop":"goods","label":"商品","width":"500"},scopedSlots:_vm._u([{key:"default",fn:function(scope){return [_c('div',{staticClass:"flex flex-a-c"},[_c('img',{staticClass:"goods-img",attrs:{"src":scope.row.thumb,"alt":""}}),_vm._v(" "),_c('div',{staticClass:"goods-name text-overflow-2"},[_vm._v(_vm._s(scope.row.title))])])]}}])}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"goods_option_title","label":"规格"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"price","label":"单价"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"total","label":"数量"}})],1),_vm._v(" "),(_vm.money)?_c('div',{staticClass:"pay-amount"},[_vm._v("\n      实付金额："),_c('span',{staticClass:"value"},[_vm._v("￥"+_vm._s(_vm.money))])]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"dialog-footer",attrs:{"slot":"footer"},slot:"footer"},[_c('el-button',{on:{"click":function($event){_vm.orderDialogVisible = false}}},[_vm._v("关闭")]),_vm._v(" "),_c('el-button',{attrs:{"type":"primary"},on:{"click":_vm.toPay}},[_vm._v("去 支 付")])],1)],1),_vm._ssrNode(" "),_c('payBox',{ref:"payBox",attrs:{"orderPayId":parseInt(_vm.order_ids),"pay_way":_vm.pay_way,"pay_sn":_vm.pay_sn,"order_pay_id":_vm.order_pay_id,"money":_vm.money,"from":_vm.from,"noJump":true,"rewardTypes":_vm.rewardTypes,"trick_id":_vm.trick_id},on:{"paySuccess":_vm.paySuccess}})],2)}
var staticRenderFns = []


// CONCATENATED MODULE: ./components/microHome/articleItem.vue?vue&type=template&id=1268c839&scoped=true&

// EXTERNAL MODULE: external "qrcode"
var external_qrcode_ = __webpack_require__(35);
var external_qrcode_default = /*#__PURE__*/__webpack_require__.n(external_qrcode_);

// EXTERNAL MODULE: ./components/microHome/comment.vue + 4 modules
var comment = __webpack_require__(199);

// EXTERNAL MODULE: ./components/default/payBox.vue + 4 modules
var payBox = __webpack_require__(155);

// EXTERNAL MODULE: ./components/default/image-viewer.vue + 4 modules
var image_viewer = __webpack_require__(156);

// CONCATENATED MODULE: ./node_modules/_babel-loader@8.2.3@babel-loader/lib??ref--2-0!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/microHome/articleItem.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//




var canvas = "";
/* harmony default export */ var articleItemvue_type_script_lang_js_ = ({
  props: {
    articleData: {
      type: Object,
      default: () => {}
    },
    is_manager: {},
    // 是否显示修改图标
    reward_button: {},
    comment_open: {},
    is_detail: {}
  },

  data() {
    return {
      current_url: "",
      rewardDialogVisible: false,
      // 打赏
      rewardTypes: 0,
      //打赏类型。0：帖子打赏||1：评论打赏
      trick_id: 0,
      radioMap: ["1", "5", "10", "20", "30", "50", "100", "200"],
      rewardAmount: '',
      reward_commend_id: 0,
      //打赏评论id
      showViewer: false,
      initialIndex: 0,
      // 是否展示所有文本内容
      showTotal: true,
      // 显示展开还是收起
      exchangeButton: true,
      // 是否显示展开收起按钮
      showExchangeButton: false,
      rem: '',
      showComment: false,
      page: 1,
      comment_total: 0,
      showMore: false,
      commentData: [],
      showCommentData: [],
      orderDialogVisible: false,
      // 订单
      order_ids: "",
      orderData: {},
      pay_way: [],
      pay_sn: "",
      order_pay_id: 0,
      money: "",
      from: 'pay'
    };
  },

  mounted() {
    this.$nextTick(() => {
      if (this.is_detail == 1) {
        this.getStickComment();
        return;
      } // 判断介绍是否超过四行


      let rem = parseFloat(this.getRem()); // console.log('watch 中的rem', rem);

      if (!this.$refs.desc) {
        console.log('desc null');
        return;
      }

      let descHeight = window.getComputedStyle(this.$refs.desc).height.replace('px', '');

      if (descHeight > 1.25 * rem) {
        // console.log('descHeight:' + descHeight);
        // console.log('如果 descHeight 超过' + (1.25 * rem) + '就要显示展开按钮');
        // 显示展开收起按钮
        this.showExchangeButton = true;
        this.exchangeButton = true; // 不是显示所有

        this.showTotal = false;
      } else {
        // 不显示展开收起按钮
        this.showExchangeButton = false; // 没有超过四行就显示所有

        this.showTotal = true;
      }
    });
  },

  methods: {
    checkoutURL(str) {
      // 要以http 开头  防止图片src开头
      let reg = /^(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-|#|;|%)+)/g;
      str = str.replace(reg, website => {
        return "<span onclick='event.stopPropagation ? event.stopPropagation() : (event.cancelBubble = true); // 阻止事件冒泡'><a class='article-link-color' href='" + website + "' target='_blank'>" + website + "</a></span>";
      });
      return str;
    },

    toShowImgViewer(index) {
      this.initialIndex = index;
      this.showViewer = true;
    },

    showTotalIntro() {
      this.showTotal = !this.showTotal;
      this.exchangeButton = !this.exchangeButton;
    },

    getRem() {
      const defaultRem = 16;
      let winWidth = window.innerWidth; // console.log('winWidth:' + winWidth);

      let rem = winWidth / 375 * defaultRem;
      return rem;
    },

    handleImage(imgList) {
      let arr = [];
      imgList.map(item => {
        arr.push(item.url);
      });
      return arr;
    },

    gotoStore() {
      window.open(this.fun.toRealURl(`o2o/home/homeseller/${this.articleData.has_one_store.arr.id}`));
    },

    gotoGoods() {
      // this.$router.push(this.fun.getUrl("goods-id", { id: _id }));
      window.open(this.fun.getSiteRoot() + "/plugins/shop_server/goods/" + this.articleData.has_one_goods.id + "?i=" + this.fun.getKeyByI(), "_blank");
    },

    toEdit() {
      this.$router.push(this.fun.getUrl("microRelease", {}, {
        tid: this.articleData.id
      }));
    },

    //获取订单详情
    getOrderDetail(oid) {
      this.order_ids = oid;
      this.money = "";
      this.fun.$get("order.another-pay-detail", {
        order_id: oid,
        pid: this.articleData.has_one_stick_user.uid
      }, 'load').then(response => {
        if (response.result == 1) {
          this.getPayerInfo(oid);
          this.orderData = response.data[0] || {};
          this.order_sn = response.data[0].order_sn;
          this.orderDialogVisible = true;
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    //获取代付会员信息和支付信息
    getPayerInfo(oid) {
      this.fun.$get("order.merge-pay.anotherPayOrder", {
        order_ids: oid,
        mid: this.$route.query.mid,
        pid: this.articleData.has_one_stick_user.uid
      }, 'load').then(response => {
        if (response.result == 1) {
          let arr = response.data.buttons;

          if (response.data.buttons && !(response.data.buttons instanceof Array)) {
            arr = Object.values(response.data.buttons);
          }

          this.pay_way = arr;
          this.pay_sn = response.data.order_pay.pay_sn;
          this.order_pay_id = response.data.order_pay.id;
          this.money = String(response.data.order_pay.amount);
        } else if (response.result == 0) {
          this.$message.error(response.msg);
        }
      });
    },

    toPay() {
      this.orderDialogVisible = false;
      this.from = 'pay';
      this.$refs.payBox.showPay();
    },

    deleteBtn() {
      this.$confirm('确认删除该帖子吗?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.fun.$post("plugin.micro-communities.api.trick.delTrick", {
          tid: this.articleData.id
        }).then(response => {
          if (response.result == 1) {
            this.$message.success(response.msg);
            this.$emit('updateArticles'); // this.$router.push(this.fun.getUrl("microIndex"));
          } else {
            this.$message.error(response.msg);
          }
        });
      }).catch(() => {});
    },

    adminBtn(typenum) {
      let dataJson = {
        tid: this.articleData.id
      };

      if (typenum == 1) {
        dataJson.state = this.articleData.is_recommend == 1 ? 0 : 1;
        dataJson.operation = 1;
      } else if (typenum == 2) {
        dataJson.state = this.articleData.is_top == 1 ? 0 : 1;
        dataJson.operation = 2;
      }

      this.fun.$post("plugin.micro-communities.api.trick.changeOperation", dataJson, 'load').then(response => {
        if (response.result == 1) {
          if (typenum == 1) {
            this.articleData.is_recommend = this.articleData.is_recommend == 1 ? 0 : 1;
          } else if (typenum == 2) {
            this.articleData.is_top = this.articleData.is_top == 1 ? 0 : 1;
          }

          this.$refs.popoverBox.click(); // this.$emit('updateArticles');

          this.$message.success(response.msg);
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    // 关注
    attentionBtn() {
      if (this.articleData.is_follow) {
        this.cancelAttention();
      } else {
        this.addAttention();
      }
    },

    cancelAttention() {
      let dataJson = {
        uid: this.articleData.user_id
      };
      this.fun.$post("plugin.micro-communities.api.user.delFollow", dataJson).then(response => {
        if (response.result == 1) {
          this.$set(this.articleData, "is_follow", false); //动态添加

          this.$message.success(response.msg);
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    addAttention() {
      let dataJson = {
        user_id: this.articleData.user_id
      };
      this.fun.$post("plugin.micro-communities.api.user.addFollow", dataJson).then(response => {
        if (response.result == 1) {
          this.$set(this.articleData, "is_follow", true); //动态添加

          this.$message.success(response.msg);
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    praiseBtn(data) {
      let {
        host_comment_id,
        second_comment_id,
        index,
        chilindex,
        is_praise
      } = data; // console.log("5555", data);

      if (is_praise == 1) {
        this.$message.error("你已赞过该贴");
        return;
      }

      this.getPraiseData(host_comment_id, second_comment_id, index, chilindex, "");
    },

    isPraiseBtn() {
      if (this.articleData.is_praise == 1) {
        this.$message.error("你已赞过该贴");
        return;
      }

      this.getPraiseData("", "", "", "", "main");
    },

    getPraiseData(host_comment_id, second_comment_id, index, chilindex, type) {
      let dataJson = {};

      if (!host_comment_id) {
        dataJson.tid = this.articleData.id;
      }

      if (host_comment_id && second_comment_id) {
        dataJson.comment_id = second_comment_id;
      } else {
        dataJson.comment_id = host_comment_id;
      }

      this.fun.$post("plugin.micro-communities.api.trick.givePraise", dataJson, 'load').then(response => {
        if (response.result == 1) {
          if ("main" == type) {
            this.$set(this.articleData, "praise_num", this.articleData.praise_num ? this.articleData.praise_num + 1 : 1); //动态添加
          } else {
            // 评论点赞
            if (host_comment_id && second_comment_id) {
              let childData = this.commentData[index].child[chilindex];
              this.$set(childData, "is_praise", 1); //动态添加

              this.$set(childData, "praise_num", childData.praise_num ? childData.praise_num + 1 : 1); //动态添加
            } else {
              let commentData = this.commentData[index];
              this.$set(commentData, "is_praise", 1); //动态添加

              this.$set(commentData, "praise_num", commentData.praise_num ? commentData.praise_num + 1 : 1); //动态添加
            }

            this.showCommentData = this.commentData;
          }

          this.$message.success(response.msg);
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    // 评论
    delReply(data) {
      this.fun.$post("plugin.micro-communities.api.trick.delComment", {
        commend_id: data.id
      }).then(response => {
        if (response.result == 1) {
          this.getStickComment('noClick');
          this.$message.success(response.msg);
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    subMainBtn(data) {
      if (data) {
        this.postReplyComments(data);
      }
    },

    postReplyComments(e) {
      let dataJson = {
        image: e.image,
        content: e.content
      };
      dataJson.tid = this.articleData.id;

      if (e.options_type === "reply") {
        dataJson.host_comment_id = e.host_comment_id;
      } else if (e.options_type === "childReply") {
        dataJson.host_comment_id = e.host_comment_id;
        dataJson.second_comment_id = e.second_comment_id;
      }

      this.fun.$post("plugin.micro-communities.api.trick.comments", dataJson, 'load').then(response => {
        if (response.result == 1) {
          this.articleData.comments_num += 1;
          this.getStickComment('noClick');
          this.$message.success(response.msg);
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    getStickComment(flag) {
      if (flag !== 'noClick') {
        this.showComment = !this.showComment;
      }

      if (this.showComment) {
        if (this.articleData.comments_num <= 0) {
          if (this.is_detail == 1) {
            this.$nextTick(() => {
              this.$refs.commentBox && this.$refs.commentBox.showCommentInput('', '', 'noFocus');
              setTimeout(() => {
                window.scrollTo(0, 0);
              }, 200);
            });
          }

          return;
        }

        this.page = 1;
        this.showMore = false;
        this.fun.$post("plugin.micro-communities.api.trick.getStickComment", {
          tid: this.articleData.id,
          page: this.page
        }, '...').then(response => {
          if (response.result == 1) {
            if (this.is_detail == 1) {
              this.$nextTick(() => {
                this.$refs.commentBox && this.$refs.commentBox.showCommentInput('', '', 'noFocus');
                setTimeout(() => {
                  window.scrollTo(0, 0);
                }, 200);
              });
            }

            this.comment_total = response.data.total || 0;
            this.commentData = response.data.data || [];
            this.showCommentData = this.commentData.slice(0, 3);

            if (this.showCommentData.length < this.comment_total) {
              this.showMore = true;
            }
          } else {
            this.$message.error(response.msg);
          }
        });
      }
    },

    loadMore() {
      if (this.showCommentData.length < this.commentData.length) {
        this.showCommentData = this.commentData;

        if (this.showCommentData.length < this.comment_total) {
          this.showMore = true;
        } else {
          this.showMore = false;
        }

        return;
      }

      this.page = this.page + 1;
      this.showMore = false;
      this.fun.$post("plugin.micro-communities.api.trick.getStickComment", {
        tid: this.articleData.id,
        page: this.page
      }, "加载中...").then(response => {
        if (response.result === 1) {
          var myData = response.data.data;
          this.commentData = this.commentData.concat(myData);
          this.showCommentData = this.commentData;

          if (this.showCommentData.length < this.comment_total) {
            this.showMore = true;
          }
        } else {
          this.page = this.page - 1;
        }
      });
    },

    childMoneyShow(data) {
      this.moneyShow(1, data.id, data.uname);
    },

    moneyShow(tag, cid, uname) {
      this.rewardTypes = tag;
      this.rewardAmount = '';
      this.reward_commend_id = cid;

      if (this.rewardTypes == 0) {
        this.trick_id = this.articleData.id;
        this.pay_sn = this.articleData.has_one_stick_user.nickname;
      } else {
        this.trick_id = this.reward_commend_id;
        this.pay_sn = uname || this.articleData.has_one_stick_user.nickname;
      }

      this.rewardDialogVisible = true;
    },

    changeRadio(val) {
      this.rewardAmount = val;
    },

    confirmRewardBtn() {
      if (this.fun.isTextEmpty(this.rewardAmount)) {
        this.$message.error("请输入或选择打赏金额");
        return;
      }

      if (Number(this.rewardAmount) <= 0) {
        this.$message.error("打赏金额必须大于0");
        return;
      }

      this.getPayData();
    },

    //获取支付类型参数
    getPayData() {
      this.fun.$get("plugin.micro-communities.api.reward-log.get-payment-buttons", {}, "").then(response => {
        if (response.result == 1) {
          this.rewardDialogVisible = false;
          this.pay_way = response.data.buttons || [];
          this.from = 'micro';
          this.money = String(this.rewardAmount);
          this.$refs.payBox.showPay();
        } else {
          this.$message.error(response.msg);
        }
      });
    },

    paySuccess() {
      // 支付成功后
      this.$emit('updateArticles');
    },

    copyContent(text) {
      // 不要格式化
      let copy = `标题：${this.articleData.title}
链接：${text}`;
      this.fun.copyContent(copy);
      this.$message.success('复制成功');
    },

    createQrc(url) {
      this.current_url = this.fun.toPCRealURl(`microcommentdetails/${this.articleData.id}`);
      setTimeout(() => {
        this.$nextTick(function () {
          // DOM操作
          canvas = document.getElementById(`qrccode-canvas-code${this.articleData.id}`);
          external_qrcode_default.a.toCanvas(canvas, url, error => {
            if (error) {
              console.log(error);
            }
          });
        });
      }, 200);
    },

    getMicroDetails(stickid) {
      if (this.is_detail == 1) {
        return;
      }

      if (this.fun.getSiteRoot() == "http://localhost:82") {
        this.toUrl('microcommentdetails-tid', {
          tid: stickid
        });
      } else {
        window.open(this.fun.getSiteRoot() + `/plugins/shop_server/microcommentdetails/${stickid}?i=` + this.fun.getKeyByI(), "_blank");
      }
    },

    toUrl(url, params, query) {
      this.$router.push(this.fun.getUrl(url, params, query));
    }

  },
  components: {
    Comment: comment["default"],
    payBox: payBox["default"],
    ElImageViewer: image_viewer["default"]
  }
});
// CONCATENATED MODULE: ./components/microHome/articleItem.vue?vue&type=script&lang=js&
 /* harmony default export */ var microHome_articleItemvue_type_script_lang_js_ = (articleItemvue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);

// CONCATENATED MODULE: ./components/microHome/articleItem.vue



function injectStyles (context) {
  
  var style0 = __webpack_require__(214)
if (style0.__inject__) style0.__inject__(context)
var style1 = __webpack_require__(216)
if (style1.__inject__) style1.__inject__(context)

}

/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  microHome_articleItemvue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  injectStyles,
  "1268c839",
  "bddd9324"
  
)

/* harmony default export */ var articleItem = __webpack_exports__["default"] = (component.exports);

/***/ })

};;
//# sourceMappingURL=micro-home-article-item.js.map