uk_front_build/.nuxt/dist/server/pages/home/myDetail/index.js

exports.ids = [61,15,18];
exports.modules = {

/***/ 156:
/***/ (function(module, exports) {

// Exports
module.exports = {

};


/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Pagination_vue_vue_type_style_index_0_id_044ef958_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(156);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Pagination_vue_vue_type_style_index_0_id_044ef958_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Pagination_vue_vue_type_style_index_0_id_044ef958_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Pagination_vue_vue_type_style_index_0_id_044ef958_prod_lang_scss_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_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Pagination_vue_vue_type_style_index_0_id_044ef958_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

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

"use strict";
/* unused harmony export formatPrice */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return round; });
/* unused harmony export transformNumber */
/* unused harmony export getUnit */
/* unused harmony export getSetup */
/* unused harmony export getPrint */
/* unused harmony export getAddon */
/* unused harmony export getPackaging */
/* unused harmony export getFright */
/* harmony import */ var number_precision__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(122);
/* harmony import */ var number_precision__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(number_precision__WEBPACK_IMPORTED_MODULE_0__);
// 商品价格计算相关


// 价格格式化
function formatPrice(value, needSymbol = true) {
  // 不能在最后一步显示之前格式化999 111, 否则可能出现单价1买999个得到999价格被格式化成poa的情况
  if (value === 0) {
    return needSymbol ? '£0.00' : '0.00';
  } else {
    return needSymbol ? `£${value}` : `${value}`;
  }
}

// 简单的乘法换算
function multiply(value, ratio = 100) {
  return parseFloat((value * ratio).toPrecision(12));
}
// 小数处理, 四舍五入, 为toFixed做准备
function round(number, ratio = 100) {
  return Math.round(multiply(number, ratio)) / ratio;
}

/**
 * 将字符串简单转换成数字, 并可数倍转换. 注意, 这个适用于整数倍(商品件数), 非整数的不能用这个处理小数.
 * @param {*} value 目标值
 * @param {*} ratio 倍数, 默认1
 * @returns number | origin, 转换后的数字, 无法转成数字的返回原值
 */
function transformNumber(value, ratio = 1) {
  const v = Number(value);
  if (Number.isNaN(v)) {
    return value;
  } else {
    // 保留两位小数
    return Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["divide"])(Math.trunc(Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["times"])(Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["times"])(v, ratio), 100)), 100);
  }
}

// unit 单个商品的, 没有乘数量. 因为含有111 999 这些极端值, 没有格式化输出之前直接乘回出问题的.
const getUnit = function (buyNum, index, attributeList, basePriceList) {
  // 算出购买数量位于 价格阶梯的 哪个区间
  const candidate = Object.entries(attributeList).filter(item => buyNum >= item[1]);
  let key = 'website_qty1';
  if (candidate.length) {
    key = candidate.pop()[0];
  }
  return transformNumber(basePriceList[index][key], buyNum);
};

// 打印和附加价格 的steup之和. 商品基础价格现在没有setup了.
const getSetup = function (buyNum, form, additionList) {
  const sum = Object.entries(form).reduce((total, current) => {
    let s = 0;
    // 打印服务表单的数据跟附加服务表单的数据结构不一致, 以数字id字符串键名的是打印服务的数据
    if (/\d+/.test(current[0]) && current[1].enable) {
      const temp = current[1].colorForm.filter(i => i.id === current[1].printService);
      let colorNumber = 1;
      if (temp.length) {
        colorNumber = temp[0].colorNumber;
      }
      const decoration = current[1].decorationList.filter(i => i.id === current[1].printService);
      let setup = 0;
      if (decoration.length) {
        setup = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(Number(decoration[0].website_setup), Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["times"])(Number(decoration[0].supplier_setup), colorNumber - 1));
      }
      s = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(s, setup);
    } else if (current[1].length) {
      // 附加服务的表单数据, 有值说明该项有选中了附加服务
      const addition = additionList[current[0]].filter(addition => current[1].includes(addition.id));
      if (addition.length) {
        const temp = addition.reduce((t, c) => {
          let value = Number(c.website_setup);
          if ([5, 6].includes(c.website_setup_id)) {
            // 5是poa, 6是waived. 这种情况一般setup是留空的, 不留空大概是异常数据, 重置0保险一点.
            value = 0;
          }
          return Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(t, Number.isNaN(value) ? 0 : value);
        }, 0);
        s = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(s, temp);
      }
    }
    total = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(total, s);
    return total;
  }, 0);
  return transformNumber(sum);
};

// 打印价格的 阶梯基础价*购买数量.
const getPrint = function (buyNum, form, attributeList) {
  // 算出购买数量位于 价格阶梯的 哪个区间
  const candidate = Object.entries(attributeList).filter(item => buyNum >= item[1]);
  const key = `website_qty${candidate.length}`;
  const key2 = `supplier_qty${candidate.length}`;

  // 如果其中一项为POA, 则‘和’都是POA
  const result = Object.entries(form).reduce((total, current) => {
    if (total === 'POA') {
      return total;
    }
    let sum = 0;
    if (/\d+/.test(current[0]) && current[1].enable) {
      const temp = current[1].colorForm.filter(i => i.id === current[1].printService);
      let colorNumber = 1;
      if (temp.length) {
        colorNumber = temp[0].colorNumber;
      }
      const decoration = current[1].decorationList.filter(i => i.id === current[1].printService);
      // 打印价格的基础价. 其中数字111(代表'-') 和999(代表'POA')
      const p1 = transformNumber(decoration[0][key]);
      if (p1 === 999 || p1 === 111 || typeof p1 !== 'number') {
        return 'POA';
      }
      // 打印价格的附加价
      const p2 = transformNumber(decoration[0][key2]);
      if (p2 === 999 || p2 === 111 || typeof p2 !== 'number') {
        return 'POA';
      }
      let price = 0;
      if (decoration.length) {
        price = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(p1, Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["times"])(p2, colorNumber - 1));
      }
      sum = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(sum, price);
    }
    total = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(total, sum);
    return total;
  }, 0);
  return transformNumber(result, buyNum);
};
// 附加服务除了packing之外的总价
const getAddon = function (buyNum, form, attributeList, additionList) {
  // 算出购买数量位于 价格阶梯的 哪个区间
  const candidate = Object.entries(attributeList).filter(item => buyNum >= item[1]);
  const key = `website_qty${candidate.length}`;
  const result = Object.entries(form).reduce((total, current) => {
    if (total === 'POA') {
      return total;
    }
    let sum = 0;
    if (!/\d+/.test(current[0]) && current[0] !== 'packaging') {
      sum = additionList[current[0]].filter(item => current[1].includes(item.id)).reduce((t, c) => {
        if (t === 'POA') {
          return t;
        }
        let temp = transformNumber(c[key]);
        if (temp === 999 || temp === 111 || typeof temp !== 'number') {
          temp = 0;
          return 'POA';
        }
        t = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(t, temp);
        return t;
      }, 0);
    }
    return Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(total, sum);
  }, 0);
  return transformNumber(result, buyNum);
};
// 附加服务中 packing 的价格
const getPackaging = function (buyNum, form, attributeList, additionList) {
  // 算出购买数量位于 价格阶梯的 哪个区间
  const candidate = Object.entries(attributeList).filter(item => buyNum >= item[1]);
  const key = `website_qty${candidate.length}`;
  const result = Object.entries(form).reduce((total, current) => {
    if (total === 'POA') {
      return total;
    }
    let sum = 0;
    if (!/\d+/.test(current[0]) && current[0] === 'packaging') {
      sum = additionList[current[0]].filter(item => current[1].includes(item.id)).reduce((t, c) => {
        if (t === 'POA') {
          return t;
        }
        let temp = transformNumber(c[key]);
        if (temp === 999 || temp === 111 || typeof temp !== 'number') {
          temp = 0;
          return 'POA';
        }
        t = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(t, temp);
        return t;
      }, 0);
    }
    return Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(total, sum);
  }, 0);
  return transformNumber(result, buyNum);
};

// 运费计算. 从product页面抄过来的逻辑. +号是隐式类型转换
const getFright = function (buyNum, config, freight, weight, ratio = 1) {
  // 单独批次数量的总重
  const totalWeight = Math.ceil(Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["times"])(+weight.unit_w_local, buyNum));
  const expressFactor = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(1, Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["divide"])(Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(+config.express_freight, +config.fuel), 100));
  const AAEFactor = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(1, Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["divide"])(Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(+config.bag_freight, +config.fuel), 100));
  let frightCost = 0;
  if (freight.type === 1) {
    if (totalWeight > 20) {
      const a1 = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["minus"])(totalWeight, 20);
      const a2 = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["times"])(a1, +freight.basic);
      const a3 = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(+freight.pickup, a2);
      frightCost = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["times"])(a3, expressFactor);
    } else {
      frightCost = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["times"])(+freight.pickup, expressFactor);
    }
  } else if (freight.type === 2) {
    const a1 = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["times"])(totalWeight, +freight.basic);
    const a2 = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["plus"])(+freight.pickup, a1);
    frightCost = Object(number_precision__WEBPACK_IMPORTED_MODULE_0__["times"])(a2, AAEFactor);
  } else {
    frightCost = 0;
  }
  return transformNumber(frightCost, ratio);
};

/***/ }),

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

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

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/Pagination.vue?vue&type=template&id=044ef958&scoped=true
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c('div', {
    staticClass: "pagination-container",
    class: {
      'hidden': _vm.hidden
    }
  }, [_vm._t("slot"), _vm._ssrNode(" "), _c('el-pagination', _vm._b({
    attrs: {
      "background": _vm.background,
      "current-page": _vm.currentPage,
      "page-size": _vm.pageSize,
      "layout": _vm.layout,
      "total": _vm.total
    },
    on: {
      "update:currentPage": function ($event) {
        _vm.currentPage = $event;
      },
      "update:current-page": function ($event) {
        _vm.currentPage = $event;
      },
      "update:pageSize": function ($event) {
        _vm.pageSize = $event;
      },
      "update:page-size": function ($event) {
        _vm.pageSize = $event;
      },
      "size-change": _vm.handleSizeChange,
      "current-change": _vm.handleCurrentChange
    }
  }, 'el-pagination', _vm.$attrs, false))], 2);
};
var staticRenderFns = [];

// CONCATENATED MODULE: ./components/Pagination.vue?vue&type=template&id=044ef958&scoped=true

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/Pagination.vue?vue&type=script&lang=js
/* harmony default export */ var Paginationvue_type_script_lang_js = ({
  name: 'Pagination',
  props: {
    total: {
      required: true,
      type: Number
    },
    page: {
      type: Number,
      default: 0
    },
    limit: {
      type: Number,
      default: 10
    },
    // pageSizes: {
    //   type: Array,
    //   default() {
    //     return [10, 20, 50, 100]
    //   }
    // },
    layout: {
      type: String,
      default: 'prev, pager, next'
    },
    background: {
      type: Boolean,
      default: true
    },
    autoScroll: {
      type: Boolean,
      default: true
    },
    hidden: {
      type: Boolean,
      default: false
    }
  },
  computed: {
    currentPage: {
      get() {
        return this.page;
      },
      set(val) {
        this.$emit('update:page', val);
      }
    },
    pageSize: {
      get() {
        return this.limit;
      },
      set(val) {
        this.$emit('update:limit', val);
      }
    }
  },
  methods: {
    handleSizeChange(val) {
      this.$emit('pagination', {
        page: this.currentPage,
        limit: val
      });
      if (this.autoScroll) {
        scrollTo(0, 800);
      }
    },
    handleCurrentChange(val) {
      this.$emit('pagination', {
        page: val,
        limit: this.pageSize
      });
      if (this.autoScroll) {
        scrollTo(0, 800);
      }
    }
  }
});
// CONCATENATED MODULE: ./components/Pagination.vue?vue&type=script&lang=js
 /* harmony default export */ var components_Paginationvue_type_script_lang_js = (Paginationvue_type_script_lang_js); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);

// CONCATENATED MODULE: ./components/Pagination.vue



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

}

/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  components_Paginationvue_type_script_lang_js,
  render,
  staticRenderFns,
  false,
  injectStyles,
  "044ef958",
  "230c7770"
  
)

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

/***/ }),

/***/ 207:
/***/ (function(module, exports) {

// Exports
module.exports = {

};


/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_style_index_0_id_596f82bc_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(207);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_style_index_0_id_596f82bc_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_style_index_0_id_596f82bc_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_style_index_0_id_596f82bc_prod_lang_scss_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_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageUpload_vue_vue_type_style_index_0_id_596f82bc_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

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

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

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/ImageUpload.vue?vue&type=template&id=596f82bc&scoped=true
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c('div', {
    staticClass: "com-image-upload"
  }, [_c('draggable', {
    staticClass: "flex start wrap",
    attrs: {
      "draggable": ".image-item"
    },
    on: {
      "end": _vm.end
    },
    model: {
      value: _vm.imageList,
      callback: function ($$v) {
        _vm.imageList = $$v;
      },
      expression: "imageList"
    }
  }, [_vm._l(_vm.imageList, function (item, index) {
    return _c('div', {
      key: item.uid || index,
      staticClass: "image-item flex",
      style: {
        width: _vm.width,
        height: _vm.height
      }
    }, [_c('img', {
      attrs: {
        "src": item.url,
        "alt": ""
      }
    }), _vm._v(" "), _c('div', {
      staticClass: "action-area flex center"
    }, [!_vm.disablePreview ? _c('span', {
      staticClass: "action-icon",
      on: {
        "click": function ($event) {
          return _vm.handlePictureCardPreview(item);
        }
      }
    }, [_c('i', {
      staticClass: "el-icon-zoom-in"
    })]) : _vm._e(), _vm._v(" "), _c('span', {
      staticClass: "action-icon",
      on: {
        "click": function ($event) {
          return _vm.handleRemove(index);
        }
      }
    }, [_c('i', {
      staticClass: "el-icon-delete"
    })])])]);
  }), _vm._v(" "), _c('el-progress', {
    directives: [{
      name: "show",
      rawName: "v-show",
      value: _vm.loading,
      expression: "loading"
    }],
    staticStyle: {
      "margin": "8px"
    },
    attrs: {
      "type": "circle",
      "percentage": _vm.uploadPercent,
      "width": Number(_vm.width.slice(0, _vm.width.length - 2))
    }
  }), _vm._v(" "), _c('div', {
    staticClass: "upload-wrap",
    class: {
      hide: _vm.loading || _vm.imageList.length >= _vm.max
    },
    style: {
      width: _vm.width,
      height: _vm.height
    }
  }, [_c('el-upload', {
    ref: "pictureUpload",
    staticClass: "custom-upload-item",
    attrs: {
      "multiple": true,
      "limit": _vm.max,
      "action": "",
      "drag": "",
      "accept": ".jpg,.png,.jpeg",
      "list-type": "picture-card",
      "file-list": _vm.imageList,
      "show-file-list": false,
      "auto-upload": false,
      "on-remove": _vm.handleRemove,
      "on-preview": _vm.handlePictureCardPreview,
      "on-change": (file, fileList) => {
        _vm.handleUpload(file, fileList);
      }
    }
  }, [_c('i', {
    staticClass: "el-icon-plus avatar-uploader-icon"
  })])], 1)], 2), _vm._ssrNode(" "), _c('el-dialog', {
    attrs: {
      "visible": _vm.imageDialogVisible
    },
    on: {
      "update:visible": function ($event) {
        _vm.imageDialogVisible = $event;
      }
    }
  }, [_c('img', {
    attrs: {
      "width": "100%",
      "src": _vm.imageUrl,
      "alt": ""
    }
  })])], 2);
};
var staticRenderFns = [];

// CONCATENATED MODULE: ./components/ImageUpload.vue?vue&type=template&id=596f82bc&scoped=true

// EXTERNAL MODULE: external "vuedraggable"
var external_vuedraggable_ = __webpack_require__(143);
var external_vuedraggable_default = /*#__PURE__*/__webpack_require__.n(external_vuedraggable_);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/ImageUpload.vue?vue&type=script&lang=js

// import { common } from '@/api'

/* harmony default export */ var ImageUploadvue_type_script_lang_js = ({
  name: 'ImageUpload',
  components: {
    draggable: external_vuedraggable_default.a
  },
  props: {
    list: {
      type: Array,
      default: () => []
    },
    max: {
      type: Number,
      default: 16
    },
    disablePreview: {
      type: Boolean,
      default: false
    },
    width: {
      type: String,
      default: '150px'
    },
    height: {
      type: String,
      default: '150px'
    }
  },
  data() {
    return {
      // 组件内部数据.
      imageList: [],
      loading: false,
      uploadPercent: 0,
      imageDialogVisible: false,
      // 预览大图的url, 每次点击都会更新
      imageUrl: ''
    };
  },
  computed: {
    fulled() {
      return 0;
    }
  },
  watch: {
    list() {
      this.imageList = JSON.parse(JSON.stringify(this.list));
    }
  },
  mounted() {
    this.updateList();
  },
  methods: {
    handleUpload(file, fileList) {
      this.fileList = [];
      if (file.status === 'ready') {
        this.loading = true;
        const interval = setInterval(() => {
          if (this.uploadPercent >= 99) {
            clearInterval(interval);
            return;
          }
          this.uploadPercent += 1; // 进度条进度
        }, 100);
      }
      const formData = new FormData();
      fileList.forEach(file => {
        formData.append('file', file.raw);
      });
      formData.append('type', 1);
      this.$axios.post(`/uk-api/user_base/imagesUpload`, formData).then(response => {
        if (response.result.code === 200) {
          this.imageList.push({
            url: response.result.data,
            uid: file.uid
          });
          this.updateList();
          return;
        }
        this.$message({
          message: response.result.message,
          type: 'warning'
        });
      }).catch(error => {
        console.log(error, 'component upload image error');
        this.$message.error(error.response.data.msg);
      }).finally(() => {
        this.loading = false;
        // 进度条恢复到初始状态
        this.uploadPercent = 0;
      });
    },
    handleRemove(index) {
      this.imageList.splice(index, 1);
      this.updateList();
    },
    handlePictureCardPreview(file) {
      this.imageUrl = file.url;
      this.imageDialogVisible = true;
    },
    // 每次更新imageList后手动更新父组件的数据, 不能用watch自动更新, 因为同时要watch prop值更新iamgeList, 同时watch会死循环.
    // 直接把prop数据绑定到dragable 和 el-upload的话vue和eslint会报错, 也可能造成调试困难
    updateList() {
      this.$emit('update:list', JSON.parse(JSON.stringify(this.imageList)));
    },
    end() {
      this.updateList();
    }
  }
});
// CONCATENATED MODULE: ./components/ImageUpload.vue?vue&type=script&lang=js
 /* harmony default export */ var components_ImageUploadvue_type_script_lang_js = (ImageUploadvue_type_script_lang_js); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);

// CONCATENATED MODULE: ./components/ImageUpload.vue



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

}

/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  components_ImageUploadvue_type_script_lang_js,
  render,
  staticRenderFns,
  false,
  injectStyles,
  "596f82bc",
  "7f6e537e"
  
)

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

/***/ }),

/***/ 260:
/***/ (function(module, exports) {

// Exports
module.exports = {

};


/***/ }),

/***/ 261:
/***/ (function(module, exports) {

// Exports
module.exports = {

};


/***/ }),

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

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


/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_1_id_799f5a64_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(261);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_1_id_799f5a64_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_1_id_799f5a64_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_1_id_799f5a64_prod_lang_scss_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_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_1_id_799f5a64_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

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

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

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/home/myDetail/index.vue?vue&type=template&id=799f5a64&scoped=true
var render = function render() {
  var _vm$$store$state$user, _vm$$store$state$user2, _vm$$store$state$user3;
  var _vm = this,
    _c = _vm._self._c;
  return _c('div', {
    staticClass: "com-main com-margin-auto com-fixationwidth-1400"
  }, [_c('el-breadcrumb', {
    attrs: {
      "separator-class": "el-icon-arrow-right"
    }
  }, [_c('el-breadcrumb-item', {
    attrs: {
      "to": {
        path: '/'
      }
    }
  }, [_vm._v("Home")]), _vm._v(" "), _c('el-breadcrumb-item', [_vm._v(_vm._s(_vm.tabName))])], 1), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"content\" data-v-799f5a64>", "</div>", [_c('el-menu', {
    ref: "menu",
    staticClass: "el-menu-vertical",
    attrs: {
      "background-color": "#e8eaee",
      "text-color": "#4a596c",
      "active-text-color": "#fff",
      "default-active": _vm.activeMenu
    },
    on: {
      "select": _vm.handleClick
    }
  }, [_c('el-menu-item', {
    attrs: {
      "index": "profile"
    }
  }, [_c('i', {
    staticClass: "iconfont"
  }, [_vm._v("")]), _vm._v(" "), _c('span', {
    attrs: {
      "slot": "title"
    },
    slot: "title"
  }, [_vm._v("My Profile")])]), _vm._v(" "), _c('el-submenu', {
    attrs: {
      "index": "order"
    }
  }, [_c('template', {
    slot: "title"
  }, [_c('i', {
    staticClass: "iconfont"
  }, [_vm._v("")]), _vm._v(" "), _c('span', {
    attrs: {
      "slot": "title"
    },
    slot: "title"
  }, [_vm._v("My Orders")])]), _vm._v(" "), _c('el-menu-item', {
    attrs: {
      "index": "all-orders"
    }
  }, [_vm._v("All Orders")]), _vm._v(" "), _c('el-menu-item', {
    attrs: {
      "index": "open-orders"
    }
  }, [_vm._v("Open Orders")]), _vm._v(" "), _c('el-menu-item', {
    attrs: {
      "index": "closed-orders"
    }
  }, [_vm._v("Closed Orders")])], 2)], 1), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"content-right\" data-v-799f5a64>", "</div>", [_vm._ssrNode("<div" + _vm._ssrStyle(null, null, {
    display: _vm.activeMenu === 'profile' ? '' : 'none'
  }) + " data-v-799f5a64>", "</div>", [_vm._ssrNode("<div class=\"content-form\" data-v-799f5a64>", "</div>", [_vm._ssrNode("<p class=\"content-title\" data-v-799f5a64>" + _vm._ssrEscape(_vm._s(_vm.tabName)) + "</p> "), _c('el-form', {
    ref: "form",
    attrs: {
      "model": _vm.profileform,
      "rules": _vm.rules,
      "label-width": "220px"
    }
  }, [_c('el-row', [_c('el-col', {
    attrs: {
      "span": 15
    }
  }, [_c('el-form-item', {
    attrs: {
      "label": "Email Address",
      "prop": "email"
    }
  }, [_c('el-input', {
    attrs: {
      "disabled": true
    },
    model: {
      value: _vm.profileform.email,
      callback: function ($$v) {
        _vm.$set(_vm.profileform, "email", $$v);
      },
      expression: "profileform.email"
    }
  })], 1)], 1), _vm._v(" "), _c('el-col', {
    attrs: {
      "span": 9
    }
  }, [_c('el-form-item', {
    staticClass: "upload-item",
    attrs: {
      "label": "Your Logo"
    }
  }, [_c('image-upload', {
    attrs: {
      "list": _vm.profileform.logo,
      "disablePreview": true,
      "max": 1
    },
    on: {
      "update:list": function ($event) {
        return _vm.$set(_vm.profileform, "logo", $event);
      }
    }
  })], 1)], 1)], 1), _vm._v(" "), _c('el-form-item', {
    attrs: {
      "label": "Company Name",
      "prop": "company"
    }
  }, [_c('el-input', {
    model: {
      value: _vm.profileform.company,
      callback: function ($$v) {
        _vm.$set(_vm.profileform, "company", $$v);
      },
      expression: "profileform.company"
    }
  })], 1), _vm._v(" "), _c('el-form-item', {
    attrs: {
      "label": "First Name",
      "prop": "contacts"
    }
  }, [_c('el-input', {
    model: {
      value: _vm.profileform.contacts,
      callback: function ($$v) {
        _vm.$set(_vm.profileform, "contacts", $$v);
      },
      expression: "profileform.contacts"
    }
  })], 1), _vm._v(" "), _c('el-form-item', {
    attrs: {
      "label": "Last Name",
      "prop": "last_name"
    }
  }, [_c('el-input', {
    model: {
      value: _vm.profileform.last_name,
      callback: function ($$v) {
        _vm.$set(_vm.profileform, "last_name", $$v);
      },
      expression: "profileform.last_name"
    }
  })], 1), _vm._v(" "), _c('el-form-item', {
    attrs: {
      "label": "Contact Phone Number",
      "prop": "phone"
    }
  }, [_c('el-input', {
    model: {
      value: _vm.profileform.phone,
      callback: function ($$v) {
        _vm.$set(_vm.profileform, "phone", $$v);
      },
      expression: "profileform.phone"
    }
  })], 1)], 1)], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"content-form\" style=\"margin-top: 20px\" data-v-799f5a64>", "</div>", [_vm._ssrNode("<p class=\"content-title\" data-v-799f5a64>Account And Password</p> "), _c('el-form', {
    ref: "ruleForm",
    staticClass: "accountPasswordForm",
    attrs: {
      "model": _vm.accountPasswordForm,
      "label-width": "220px"
    }
  }, [_c('el-form-item', {
    attrs: {
      "label": "Enter the new password",
      "prop": "password"
    }
  }, [_c('el-input', {
    model: {
      value: _vm.accountPasswordForm.password,
      callback: function ($$v) {
        _vm.$set(_vm.accountPasswordForm, "password", $$v);
      },
      expression: "accountPasswordForm.password"
    }
  })], 1), _vm._v(" "), _c('el-form-item', {
    attrs: {
      "label": "Retype the password",
      "prop": "confirm_password"
    }
  }, [_c('el-input', {
    model: {
      value: _vm.accountPasswordForm.confirm_password,
      callback: function ($$v) {
        _vm.$set(_vm.accountPasswordForm, "confirm_password", $$v);
      },
      expression: "accountPasswordForm.confirm_password"
    }
  })], 1), _vm._v(" "), _c('el-form-item', [_c('el-button', {
    staticClass: "saveBtn",
    on: {
      "click": function ($event) {
        return _vm.onSave('form');
      }
    }
  }, [_vm._v("\n                Save\n              ")])], 1)], 1)], 2)], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"content-form\"" + _vm._ssrStyle(null, null, {
    display: _vm.activeMenu === 'enquiry' ? '' : 'none'
  }) + " data-v-799f5a64>", "</div>", [_vm._ssrNode("<p class=\"content-title\" data-v-799f5a64>" + _vm._ssrEscape(_vm._s(_vm.tabName)) + "</p> "), _vm._ssrNode("<div class=\"searchInput\" data-v-799f5a64>", "</div>", [_c('el-input', {
    attrs: {
      "placeholder": "Search your job name",
      "clearable": ""
    },
    on: {
      "clear": _vm.getEnquiryList
    },
    nativeOn: {
      "keyup": function ($event) {
        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
        return _vm.getEnquiryList.apply(null, arguments);
      }
    },
    model: {
      value: _vm.enquiryKeyword,
      callback: function ($$v) {
        _vm.enquiryKeyword = $$v;
      },
      expression: "enquiryKeyword"
    }
  }, [_c('i', {
    staticClass: "el-input__icon el-icon-search",
    attrs: {
      "slot": "suffix"
    },
    on: {
      "click": _vm.getEnquiryList
    },
    slot: "suffix"
  })])], 1), _vm._ssrNode(" "), _c('el-table', {
    directives: [{
      name: "loading",
      rawName: "v-loading",
      value: _vm.tableLoading,
      expression: "tableLoading"
    }],
    staticStyle: {
      "width": "100%"
    },
    attrs: {
      "data": _vm.enquiryList,
      "stripe": "",
      "header-cell-style": {
        background: '#00213b',
        color: '#ffffff'
      }
    },
    on: {
      "row-click": _vm.goEnquiryDetail
    }
  }, [_c('el-table-column', {
    attrs: {
      "prop": "Auto_Number",
      "label": "Enquiry No"
    }
  }), _vm._v(" "), _c('el-table-column', {
    attrs: {
      "prop": "Enquiry_Title",
      "label": "Job Name",
      "width": "300"
    }
  }), _vm._v(" "), _c('el-table-column', {
    attrs: {
      "prop": "Customize_Pipeline_Stage",
      "label": "Status"
    }
  }), _vm._v(" "), _c('el-table-column', {
    attrs: {
      "prop": "Enquiry_Created",
      "label": "Date"
    },
    scopedSlots: _vm._u([{
      key: "default",
      fn: function (scope) {
        return [_c('div', [_vm._v("\n                " + _vm._s(_vm.$utils.formatTime(scope.row.Sales_Order_Created, 'DD/MM/YYYY', true)) + "\n              ")])];
      }
    }])
  }), _vm._v(" "), _c('el-table-column', {
    attrs: {
      "label": "Action",
      "width": "90",
      "align": "center"
    }
  }, [[_c('el-button', {
    staticStyle: {
      "background-color": "rgb(0, 33, 59)",
      "color": "#fff"
    },
    attrs: {
      "size": "small",
      "plain": ""
    }
  }, [_vm._v("View")])]], 2)], 1), _vm._ssrNode(" "), _c('pagination', {
    directives: [{
      name: "show",
      rawName: "v-show",
      value: _vm.enquiryTotal > 0,
      expression: "enquiryTotal > 0"
    }],
    attrs: {
      "total": _vm.enquiryTotal,
      "page": _vm.enquiryListQuery.page,
      "limit": _vm.enquiryListQuery.limit
    },
    on: {
      "update:page": function ($event) {
        return _vm.$set(_vm.enquiryListQuery, "page", $event);
      },
      "update:limit": function ($event) {
        return _vm.$set(_vm.enquiryListQuery, "limit", $event);
      },
      "pagination": _vm.getEnquiryList
    }
  })], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"content-form\"" + _vm._ssrStyle(null, null, {
    display: _vm.activeMenu.includes('orders') ? '' : 'none'
  }) + " data-v-799f5a64>", "</div>", [_vm._ssrNode("<p class=\"content-title\" data-v-799f5a64>" + _vm._ssrEscape(_vm._s(_vm.tabName)) + "</p> "), _vm._ssrNode("<div class=\"searchInput\" data-v-799f5a64>", "</div>", [_c('el-input', {
    attrs: {
      "placeholder": "Search your job name",
      "clearable": ""
    },
    on: {
      "clear": _vm.getOrdersList
    },
    nativeOn: {
      "keyup": function ($event) {
        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
        return _vm.getOrdersList.apply(null, arguments);
      }
    },
    model: {
      value: _vm.orderKeyword,
      callback: function ($$v) {
        _vm.orderKeyword = $$v;
      },
      expression: "orderKeyword"
    }
  }, [_c('i', {
    staticClass: "el-input__icon el-icon-search",
    attrs: {
      "slot": "suffix"
    },
    on: {
      "click": _vm.getOrdersList
    },
    slot: "suffix"
  })]), _vm._ssrNode(" "), _vm.selShow ? _c('el-select', {
    attrs: {
      "filterable": "",
      "clearable": "",
      "default-first-option": "",
      "placeholder": "Select the status"
    },
    model: {
      value: _vm.selword,
      callback: function ($$v) {
        _vm.selword = $$v;
      },
      expression: "selword"
    }
  }, _vm._l(_vm.orderSelList, function (option) {
    return _c('el-option', {
      key: option,
      attrs: {
        "label": option,
        "value": option
      }
    });
  }), 1) : _vm._e(), _vm._ssrNode(" "), ((_vm$$store$state$user = _vm.$store.state.userInfo) === null || _vm$$store$state$user === void 0 ? void 0 : (_vm$$store$state$user2 = _vm$$store$state$user.memberCrmcomList) === null || _vm$$store$state$user2 === void 0 ? void 0 : _vm$$store$state$user2.length) > 1 ? _c('el-select', {
    attrs: {
      "filterable": "",
      "clearable": "",
      "default-first-option": "",
      "placeholder": "Select the CRM"
    },
    model: {
      value: _vm.accounts_id,
      callback: function ($$v) {
        _vm.accounts_id = $$v;
      },
      expression: "accounts_id"
    }
  }, _vm._l((_vm$$store$state$user3 = _vm.$store.state.userInfo) === null || _vm$$store$state$user3 === void 0 ? void 0 : _vm$$store$state$user3.memberCrmcomList, function (option) {
    return _c('el-option', {
      key: option.id,
      attrs: {
        "label": option.name,
        "value": option.id
      }
    });
  }), 1) : _vm._e(), _vm._ssrNode(" "), _c('el-button', {
    staticStyle: {
      "background-color": "rgb(0, 33, 59)",
      "border-color": "rgb(0, 33, 59)"
    },
    attrs: {
      "type": "primary"
    },
    on: {
      "click": _vm.getOrdersList
    }
  }, [_vm._v("Submit")])], 2), _vm._ssrNode(" "), _c('el-table', {
    directives: [{
      name: "loading",
      rawName: "v-loading",
      value: _vm.tableLoading,
      expression: "tableLoading"
    }],
    staticStyle: {
      "width": "100%"
    },
    attrs: {
      "data": _vm.tableData,
      "stripe": "",
      "header-cell-style": {
        background: '#00213b',
        color: '#ffffff'
      }
    }
  }, [_c('el-table-column', {
    attrs: {
      "prop": "Sales_Order_Title_Job_Name",
      "label": "Job Name"
    }
  }), _vm._v(" "), _c('el-table-column', {
    attrs: {
      "width": "100",
      "prop": "Reference",
      "label": "Order No"
    }
  }), _vm._v(" "), _c('el-table-column', {
    attrs: {
      "width": "120",
      "prop": "Sales_Order_Created",
      "label": "Order Date"
    },
    scopedSlots: _vm._u([{
      key: "default",
      fn: function (scope) {
        return [_c('div', [_vm._v("\n                " + _vm._s(_vm.$utils.formatTime(scope.row.Sales_Order_Created, 'DD/MM/YYYY')) + "\n              ")])];
      }
    }])
  }), _vm._v(" "), _c('el-table-column', {
    attrs: {
      "width": "140",
      "prop": "Order_Stage_new",
      "label": "Order Status"
    }
  }), _vm._v(" "), _c('el-table-column', {
    attrs: {
      "width": "160",
      "prop": "Tracking_No_arr",
      "label": "Tracking No#"
    },
    scopedSlots: _vm._u([{
      key: "default",
      fn: function (scope) {
        return [_c('ul', {
          staticClass: "location"
        }, _vm._l(scope.row.Tracking_No_arr, function (item) {
          return _c('li', {
            key: item.Tracking_No,
            on: {
              "click": function ($event) {
                return _vm.openTracking_URL(item.Tracking_URL);
              }
            }
          }, [_c('i', {
            staticClass: "el-icon-location"
          }), _vm._v(_vm._s(item.Tracking_No) + "\n                ")]);
        }), 0)];
      }
    }])
  }), _vm._v(" "), _c('el-table-column', {
    attrs: {
      "width": "110",
      "prop": "Grand_Total",
      "label": "Amount"
    },
    scopedSlots: _vm._u([{
      key: "default",
      fn: function (scope) {
        return [_vm._v("\n              $" + _vm._s(_vm.transformNumber(scope.row.Grand_Total)) + "\n            ")];
      }
    }])
  }), _vm._v(" "), _c('el-table-column', {
    attrs: {
      "label": "Action",
      "width": "80",
      "align": "center"
    },
    scopedSlots: _vm._u([{
      key: "default",
      fn: function (scope) {
        return [_c('el-button', {
          staticStyle: {
            "background-color": "rgb(0, 33, 59)",
            "color": "#fff"
          },
          attrs: {
            "size": "small",
            "plain": ""
          },
          on: {
            "click": function ($event) {
              return _vm.goOrderDetail(scope.row);
            }
          }
        }, [_vm._v("View")])];
      }
    }])
  })], 1), _vm._ssrNode(" "), _c('pagination', {
    directives: [{
      name: "show",
      rawName: "v-show",
      value: _vm.orderTotal > 0,
      expression: "orderTotal > 0"
    }],
    attrs: {
      "total": _vm.orderTotal,
      "page": _vm.orderListQuery.page,
      "limit": _vm.orderListQuery.limit
    },
    on: {
      "update:page": function ($event) {
        return _vm.$set(_vm.orderListQuery, "page", $event);
      },
      "update:limit": function ($event) {
        return _vm.$set(_vm.orderListQuery, "limit", $event);
      },
      "pagination": _vm.getOrdersList
    }
  })], 2)], 2)], 2), _vm._ssrNode(" "), _c('dialog-XX-success', {
    attrs: {
      "visible": _vm.xxContentVisible,
      "content": _vm.xxContent
    },
    on: {
      "update:visible": function ($event) {
        _vm.xxContentVisible = $event;
      },
      "notify-parent": _vm.handleNotification
    }
  }), _vm._ssrNode(" "), _c('el-dialog', {
    attrs: {
      "lock-scroll": false,
      "visible": _vm.urlDialogShow,
      "center": "",
      "width": "850px",
      "top": "20vh"
    },
    on: {
      "update:visible": function ($event) {
        _vm.urlDialogShow = $event;
      }
    }
  }, [_c('iframe', {
    staticStyle: {
      "width": "100%",
      "height": "500px"
    },
    attrs: {
      "src": _vm.Tracking_URL,
      "frameborder": "0"
    }
  })])], 2);
};
var staticRenderFns = [];

// CONCATENATED MODULE: ./pages/home/myDetail/index.vue?vue&type=template&id=799f5a64&scoped=true

// EXTERNAL MODULE: external "vuex"
var external_vuex_ = __webpack_require__(6);

// EXTERNAL MODULE: ./components/DIalogXXSuccess.vue + 4 modules
var DIalogXXSuccess = __webpack_require__(30);

// EXTERNAL MODULE: ./components/ImageUpload.vue + 4 modules
var ImageUpload = __webpack_require__(245);

// EXTERNAL MODULE: ./utils/price.js
var price = __webpack_require__(175);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/home/myDetail/index.vue?vue&type=script&lang=js

// import addAddressDialog from '../../../components/addAddressDialog.vue'



/* harmony default export */ var myDetailvue_type_script_lang_js = ({
  components: {
    // addAddressDialog,
    'dialog-XX-success': DIalogXXSuccess["default"],
    imageUpload: ImageUpload["default"]
  },
  data() {
    return {
      xxContentVisible: false,
      xxContent: 'success',
      componentVisible: 1,
      // 2:add   3:edit  4:audit
      tabName: '',
      tableLoading: true,
      // 表单配置项
      profileform: {},
      rules: {
        email: [{
          required: true,
          message: 'Please enter the email',
          trigger: 'blur'
        }],
        company: [{
          required: true,
          message: 'Please enter the company',
          trigger: 'blur'
        }],
        contacts: [{
          required: true,
          message: 'Please enter first name',
          trigger: 'blur'
        }],
        last_name: [{
          required: true,
          message: 'Please enter last name',
          trigger: 'blur'
        }],
        phone: [{
          required: true,
          message: 'Please enter the phone',
          trigger: 'blur'
        }],
        password: [{
          required: true,
          message: 'Please enter the password',
          trigger: 'blur'
        }],
        confirm_password: [{
          required: true,
          message: 'Please enter the confirm_password',
          trigger: 'blur'
        }]
      },
      accountPasswordForm: {
        password: '',
        confirm_password: ''
      },
      orderKeyword: '',
      selword: '',
      accounts_id: '',
      orderTotal: 0,
      orderListQuery: {
        page: 1,
        limit: 20
      },
      tableData: [],
      dialogVisible: false,
      addressTotal: 0,
      addressListQuery: {
        page: 1,
        limit: 8
      },
      addressList: [],
      addressDetail: {},
      enquiryKeyword: '',
      enquiryList: [],
      enquiryListQuery: {
        page: 1,
        limit: 20
      },
      enquiryTotal: 0,
      orderSelList: [],
      Tracking_URL: '',
      urlDialogShow: false
    };
  },
  computed: {
    activeMenu() {
      var _this$$route$query$ty;
      return (_this$$route$query$ty = this.$route.query.type) !== null && _this$$route$query$ty !== void 0 ? _this$$route$query$ty : 'profile';
    },
    selShow() {
      return this.activeMenu === 'all-orders' || this.activeMenu === 'open-orders';
    }
  },
  watch: {
    $route: {
      handler(to) {
        if (false) {}
      }
    },
    orderKeyword() {
      this.orderListQuery.page = 1;
    },
    enquiryKeyword() {
      this.enquiryListQuery.page = 1;
    }
  },
  mounted() {
    if (this.$utils.checkLogin()) {
      this.updateType();
    } else {
      this.$router.replace('/');
    }
  },
  methods: {
    transformNumber(value) {
      return Object(price["a" /* round */])(Number(value)).toFixed(2);
    },
    handleClick(key, keyPath) {
      if (key) {
        this.$router.push({
          path: '/home/myDetail',
          query: {
            type: key
          }
        });
      }
    },
    updateType() {
      if (this.activeMenu === 'profile') {
        this.tabName = 'My Profile';
        this.getMemberDetail();
      } else if (this.activeMenu === 'enquiry') {
        this.tabName = 'My Enquiry';
        this.getEnquiryList();
      } else if (this.activeMenu === 'address') {
        // this.tabName = 'My Address'
        // this.getAddressList()
      } else {
        this.selword = '';
        if (this.activeMenu === 'all-orders') {
          this.orderSelList = ['Order Confirmed', 'In Production', 'In Transit', 'Order Completed'];
        }
        if (this.activeMenu === 'open-orders') {
          this.orderSelList = ['Order Confirmed', 'In Production', 'In Transit'];
        }
        this.tabName = 'My Orders';
        this.getOrdersList();
      }
    },
    closeAddressDialog() {
      this.dialogVisible = false;
    },
    // 获取用户信息
    getMemberDetail() {
      this.$axios.get('/uk-api/uk/member/detail').then(res => {
        if (res.code === 1) {
          this.profileform = res.result;
          this.profileform.logo = this.profileform.logo ? this.formatLogo(this.profileform.logo) : [];
        }
      }).catch(() => {});
    },
    formatLogo(params) {
      return [{
        url: params
      }];
    },
    onSave(form) {
      if (this.accountPasswordForm.confirm_password !== this.accountPasswordForm.password) {
        this.$message.error('The second password is inconsistent!');
        return;
      }
      this.$refs[form].validate(valid => {
        if (valid) {
          var _this$profileform$log, _this$profileform$log2;
          const requestBody = {
            email: this.profileform.email,
            company: this.profileform.company,
            contacts: this.profileform.contacts,
            last_name: this.profileform.last_name,
            phone: this.profileform.phone,
            logo: (_this$profileform$log = (_this$profileform$log2 = this.profileform.logo[0]) === null || _this$profileform$log2 === void 0 ? void 0 : _this$profileform$log2.url) !== null && _this$profileform$log !== void 0 ? _this$profileform$log : ''
          };
          let needLogout = false;
          if (this.accountPasswordForm.password.trim() !== '') {
            requestBody.password = this.accountPasswordForm.password;
            requestBody.confirm_password = this.accountPasswordForm.confirm_password;
            needLogout = true;
          }
          this.$axios.post('/uk-api/uk/member/edit', requestBody).then(res => {
            if (res.code === 1) {
              this.$notify({
                customClass: 'custom-notify-class',
                title: 'success',
                message: 'The profile information is modified successfully',
                type: 'success'
              });
              if (needLogout) {
                setTimeout(() => {
                  this.$store.dispatch('logout').then(() => {
                    this.$router.push('/');
                  });
                }, 500);
              }
            }
          }).catch(() => {});
        } else {
          console.log('error submit!!');
          return false;
        }
      });
    },
    // 获取订单列表
    getOrdersList() {
      var _this$$store$state$us;
      const accounts_id = this.accounts_id ? this.accounts_id : (_this$$store$state$us = this.$store.state.userInfo) === null || _this$$store$state$us === void 0 ? void 0 : _this$$store$state$us.memberCrmcomList.map(i => i.id).join();
      const type = this.activeMenu === 'all-orders' ? '' : this.activeMenu === 'open-orders' ? 'Open Orders' : 'Closed Orders';
      this.tableLoading = true;
      this.$axios.post('/uk-api/crmdata/order_lists', {
        keyword: this.orderKeyword,
        page: this.orderListQuery.page,
        limit: this.orderListQuery.limit,
        accounts_id,
        Order_Stage: this.selword,
        type
      }).then(res => {
        if (res.code === 1) {
          this.tableData = res.result.data;
          this.orderTotal = res.result.total;
          this.tableLoading = false;
        }
        if (false) {}
      }).catch(() => {});
    },
    goOrderDetail(row) {
      const routeUrl = this.$router.resolve({
        path: '/home/myDetail/orderDetail',
        query: {
          id: row.sales_orders_id,
          crm: row.Account_Name_id
        }
      });
      window.open(routeUrl.href, '_blank');
    },
    getEnquiryList() {
      var _this$$store$state$us2;
      this.tableLoading = true;
      this.$axios.post('/uk-api/crmdata/enquiries_lists', {
        keyword: this.enquiryKeyword,
        page: this.enquiryListQuery.page,
        limit: this.enquiryListQuery.limit,
        accounts_id: ((_this$$store$state$us2 = this.$store.state.userInfo) === null || _this$$store$state$us2 === void 0 ? void 0 : _this$$store$state$us2.crm_accounts_id) || ''
      }).then(res => {
        if (res.code === 1) {
          this.enquiryList = res.result.data;
          this.enquiryTotal = res.result.total;
          this.tableLoading = false;
        }
        if (false) {}
      });
    },
    goEnquiryDetail(row) {
      const routeUrl = this.$router.resolve({
        path: '/home/myDetail/enquiryDetail',
        query: {
          id: row.enquiries_id
        }
      });
      window.open(routeUrl.href, '_blank');
    },
    // 获取地址列表
    // getAddressList() {
    //   this.$axios
    //     .get('/api/address/list', {
    //       params: {
    //         page: this.addressListQuery.page,
    //         limit: this.addressListQuery.limit,
    //       },
    //     })
    //     .then(res => {
    //       if (res.code === 1) {
    //         this.addressList = res.result.data
    //         this.addressTotal = res.result.total
    //       }
    //       if (process.client) {
    //         this.$nextTick(() => {
    //           window.scroll(0, 0)
    //         })
    //       }
    //     })
    //     .catch(() => {})
    // },
    // addAddress(num) {
    //   this.addressDetail = {}
    //   this.componentVisible = num
    //   this.dialogVisible = true
    // },
    // editAddress(num, id) {
    //   this.$axios
    //     .get('/api/address/detail/' + id)
    //     .then(res => {
    //       this.addressDetail = res.result
    //       this.addressDetail.is_default = res.result.is_default === 1
    //       this.componentVisible = num
    //       this.dialogVisible = true
    //     })
    //     .catch(() => {})
    // },
    // delAddress(id) {
    //   this.$axios.get('/api/address/delete/' + id).then(res => {
    //     this.$notify({
    //       title: 'success',
    //       message: 'Deleted successfully',
    //       type: 'success',
    //       duration: 3000,
    //     })
    //     this.getAddressList()
    //   })
    // },
    // setDefault(id) {
    //   this.$axios.get('/api/address/set_default/' + id).then(res => {
    //     this.$notify({
    //       title: 'success',
    //       message: 'Default address is set successfully',
    //       type: 'success',
    //       duration: 3000,
    //     })
    //     this.getAddressList()
    //   })
    // },
    // update() {
    //   this.getAddressList()
    // },
    resetPassword() {
      if (this.accountPasswordForm.confirm_password !== this.accountPasswordForm.password) {
        this.$message.error('The second password is inconsistent!');
      } else {
        this.$axios({
          url: '/uk-api/uk/member/reset',
          method: 'POST',
          data: this.accountPasswordForm
        }).then(res => {
          if (res.code === 1) {
            this.xxContentVisible = true;
            this.xxContent = 'Password Reset Successful';
          }
        }).catch(() => {
          // this.$message.error(error.response.data.msg);
        });
      }
    },
    openTracking_URL(url) {
      this.Tracking_URL = url;
      this.urlDialogShow = true;
    },
    handleNotification() {
      this.$router.push('/');
      this.$store.dispatch('logout');
      this.openDialog();
    },
    ...Object(external_vuex_["mapMutations"])(['openDialog'])
  }
});
// CONCATENATED MODULE: ./pages/home/myDetail/index.vue?vue&type=script&lang=js
 /* harmony default export */ var home_myDetailvue_type_script_lang_js = (myDetailvue_type_script_lang_js); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);

// CONCATENATED MODULE: ./pages/home/myDetail/index.vue



function injectStyles (context) {
  
  var style0 = __webpack_require__(316)
if (style0.__inject__) style0.__inject__(context)
var style1 = __webpack_require__(317)
if (style1.__inject__) style1.__inject__(context)

}

/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  home_myDetailvue_type_script_lang_js,
  render,
  staticRenderFns,
  false,
  injectStyles,
  "799f5a64",
  "4153663a"
  
)

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

/* nuxt-component-imports */
installComponents(component, {ImageUpload: __webpack_require__(245).default,Pagination: __webpack_require__(182).default})


/***/ })

};;
//# sourceMappingURL=index.js.map