wotokol-edm 1.1.13 → 1.1.15

package/wotokol-edm.common.js

@@ -98665,6 +98665,14 @@ function delTags(id) {
 function addTags(data) {
   return request_post(`/edm/tag/addSign`, data);
 }
+// 获取账号
+function hubUserSonFather(params) {
+  return request_get(`/user/hubUser/sonFather`, params);
+}
+// 分页查看模板列表
+function templatesList(params) {
+  return request_get(`/edm/template/templates`, params);
+}
 ;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/edm-search/index.vue?vue&type=template&id=4d651f22&scoped=true
 var edm_searchvue_type_template_id_4d651f22_scoped_true_render = function render() {
   var _vm = this,
@@ -100682,8 +100690,8 @@ var edm_inbox_component = normalizeComponent(
 )
 
 /* harmony default export */ var edm_inbox = (edm_inbox_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/edm-inbox/detail.vue?vue&type=template&id=0ed42f03&scoped=true
-var detailvue_type_template_id_0ed42f03_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/edm-inbox/detail.vue?vue&type=template&id=ef661182&scoped=true
+var detailvue_type_template_id_ef661182_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -101162,9 +101170,9 @@ var detailvue_type_template_id_0ed42f03_scoped_true_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var detailvue_type_template_id_0ed42f03_scoped_true_staticRenderFns = [];
+var detailvue_type_template_id_ef661182_scoped_true_staticRenderFns = [];
 
-;// ./src/package/edm-inbox/detail.vue?vue&type=template&id=0ed42f03&scoped=true
+;// ./src/package/edm-inbox/detail.vue?vue&type=template&id=ef661182&scoped=true
 
 ;// ./node_modules/vue-i18n/dist/vue-i18n.esm.js
 /*!
@@ -106561,6 +106569,10 @@ function comeGoBloggerPage(data) {
 function pagePlan(data) {
   return post(`/user/popularize/pagePlan`, data);
 }
+// 撤回邮件
+function withdraw(id) {
+  return request_get(`/edm/outbox/withdraw/groupId/${id}`);
+}
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EmailPlan/index.vue?vue&type=script&lang=js
 
 
@@ -108753,7 +108765,7 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
             if (!item.attachment) {
               item.attachment = [];
             }
-            item.isShowFull = false;
+            item.isShowFull = true;
             item.isOut = false; // 默认不是库外
             // 头像设置
             if (item.type === 2) {
@@ -108980,7 +108992,7 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
         return {
           ...val,
           isExpand: mail.id === val.id ? !val.isExpand : false,
-          isShowFull: false
+          isShowFull: true
         };
       });
     },
@@ -109171,15 +109183,15 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
 });
 ;// ./src/package/edm-inbox/detail.vue?vue&type=script&lang=js
  /* harmony default export */ var edm_inbox_detailvue_type_script_lang_js = (detailvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/edm-inbox/detail.vue?vue&type=style&index=0&id=0ed42f03&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/edm-inbox/detail.vue?vue&type=style&index=0&id=ef661182&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/package/edm-inbox/detail.vue?vue&type=style&index=0&id=0ed42f03&prod&lang=scss&scoped=true
+;// ./src/package/edm-inbox/detail.vue?vue&type=style&index=0&id=ef661182&prod&lang=scss&scoped=true
 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/edm-inbox/detail.vue?vue&type=style&index=1&id=0ed42f03&prod&lang=scss
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/edm-inbox/detail.vue?vue&type=style&index=1&id=ef661182&prod&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// ./src/package/edm-inbox/detail.vue?vue&type=style&index=1&id=0ed42f03&prod&lang=scss
+;// ./src/package/edm-inbox/detail.vue?vue&type=style&index=1&id=ef661182&prod&lang=scss
 
 ;// ./src/package/edm-inbox/detail.vue
 
@@ -109193,18 +109205,18 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
 
 var detail_component = normalizeComponent(
   edm_inbox_detailvue_type_script_lang_js,
-  detailvue_type_template_id_0ed42f03_scoped_true_render,
-  detailvue_type_template_id_0ed42f03_scoped_true_staticRenderFns,
+  detailvue_type_template_id_ef661182_scoped_true_render,
+  detailvue_type_template_id_ef661182_scoped_true_staticRenderFns,
   false,
   null,
-  "0ed42f03",
+  "ef661182",
   null
   
 )
 
 /* harmony default export */ var detail = (detail_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/write-email/index.vue?vue&type=template&id=6c425314&scoped=true
-var write_emailvue_type_template_id_6c425314_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/write-email/index.vue?vue&type=template&id=7011cdc3&scoped=true
+var write_emailvue_type_template_id_7011cdc3_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -109243,7 +109255,7 @@ var write_emailvue_type_template_id_6c425314_scoped_true_render = function rende
         _vm.isSpreadAddress = !_vm.isSpreadAddress;
       }
     }
-  }, [_vm._v(" " + _vm._s(_vm.isSpreadAddress ? `- ${_vm.$i18n.t("writeMail.retract")}` : `+ ${_vm.$i18n.t("writeMail.other")}` + (_vm.addresseeArr.length - 5) + `${_vm.$i18n.t("writeMail.person")}`) + " ")]) : _vm._e()], 2), !_vm.isReply && !_vm.isMultiReply ? _c('el-button', {
+  }, [_vm._v(" " + _vm._s(_vm.isSpreadAddress ? `- ${_vm.$i18n.t("writeMail.retract")}` : `+ ${_vm.$i18n.t("writeMail.other")}` + (_vm.addresseeArr.length - 5) + `${_vm.$i18n.t("writeMail.person")}`) + " ")]) : _vm._e()], 2), !_vm.isReply && !_vm.isMultiReply && _vm.$route.query.pageFrom !== 'payStatusDetail' ? _c('el-button', {
     staticClass: "edit-btn",
     attrs: {
       "loading": _vm.editBloggerLoading
@@ -109569,7 +109581,17 @@ var write_emailvue_type_template_id_6c425314_scoped_true_render = function rende
     staticClass: "el-icon-loading"
   }) : _vm._e(), _vm._v(" 保存 ")])], 1) : _c('div', {
     staticClass: "operate-right"
-  }, [_vm.isTiming == 0 && !_vm.isMultiReply ? _c('el-button', {
+  }, [_c('el-button', {
+    staticClass: "operate-btn",
+    attrs: {
+      "disabled": _vm.loading
+    },
+    on: {
+      "click": _vm.saveMailTemplate
+    }
+  }, [_vm.loading ? _c('i', {
+    staticClass: "el-icon-loading"
+  }) : _vm._e(), _vm._v(" 存为模版 ")]), _vm.isTiming == 0 && !_vm.isMultiReply ? _c('el-button', {
     staticClass: "operate-btn",
     attrs: {
       "disabled": _vm.loading
@@ -109934,9 +109956,20 @@ var write_emailvue_type_template_id_6c425314_scoped_true_render = function rende
       },
       "updateNickName": val => _vm.nickName = val
     }
+  }) : _vm._e(), _vm.saveMailTempDialogVisible ? _c('saveMailTempDialog', {
+    attrs: {
+      "tempProductCard": _vm.tempProductCard,
+      "mailTempList": _vm.mailList,
+      "visible": _vm.saveMailTempDialogVisible
+    },
+    on: {
+      "update:visible": function ($event) {
+        _vm.saveMailTempDialogVisible = $event;
+      }
+    }
   }) : _vm._e()], 1);
 };
-var write_emailvue_type_template_id_6c425314_scoped_true_staticRenderFns = [function () {
+var write_emailvue_type_template_id_7011cdc3_scoped_true_staticRenderFns = [function () {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -109957,7 +109990,7 @@ var write_emailvue_type_template_id_6c425314_scoped_true_staticRenderFns = [func
   }, [_c('span', [_vm._v("$4.98")]), _vm._v(" /per ordered item ")]);
 }];
 
-;// ./src/package/write-email/index.vue?vue&type=template&id=6c425314&scoped=true
+;// ./src/package/write-email/index.vue?vue&type=template&id=7011cdc3&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.difference.v2.js
 var es_set_difference_v2 = __webpack_require__(7642);
@@ -114314,6 +114347,59 @@ const moneyTypeOpts = [{
   code: "IDR",
   symbol: "Rp"
 }];
+const const_language = [{
+  value: '7',
+  label: '汉语',
+  enLabel: 'Chinese'
+}, {
+  value: '1',
+  label: '英语',
+  enLabel: 'English'
+}, {
+  value: '3',
+  label: '法语',
+  enLabel: 'French'
+}, {
+  value: '8',
+  label: '德语',
+  enLabel: 'German'
+}, {
+  value: '6',
+  label: '日语',
+  enLabel: 'Japanese'
+}, {
+  value: '9',
+  label: '韩语',
+  enLabel: 'Korean'
+}, {
+  value: '10',
+  label: '越南语',
+  enLabel: 'Vietnamese'
+}, {
+  value: '11',
+  label: '泰国语',
+  enLabel: 'Thai'
+}, {
+  value: '12',
+  label: '菲律宾语',
+  enLabel: 'Filipino'
+}, {
+  value: '13',
+  label: '印度尼西亚语',
+  enLabel: 'Indonesian'
+}, {
+  value: '14',
+  label: '俄罗斯语',
+  enLabel: 'Russian'
+}, {
+  value: '4',
+  label: '西班牙语',
+  enLabel: 'Spanish'
+}, {
+  value: '15',
+  label: '意大利语',
+  enLabel: 'Italian'
+}];
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EdmElement/productNewCom/detail.vue?vue&type=script&lang=js
 
 
@@ -118324,55 +118410,154 @@ var mailTemplatevue_type_template_id_2b36ea26_scoped_true_render = function rend
 };
 var mailTemplatevue_type_template_id_2b36ea26_scoped_true_staticRenderFns = [];
 
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EdmElement/TemplateCom/TemplateList.vue?vue&type=template&id=13a1b12d&scoped=true
-var TemplateListvue_type_template_id_13a1b12d_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EdmElement/TemplateCom/TemplateList.vue?vue&type=template&id=0aaac0a8&scoped=true
+
+
+var TemplateListvue_type_template_id_0aaac0a8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "wrap"
   }, [_c('div', {
-    staticClass: "grid grid-cols-3 px24 mb24"
+    staticClass: "inbox-search-wrap"
+  }, [_c('el-row', {
+    attrs: {
+      "gutter": 12
+    }
+  }, [_c('el-col', {
+    attrs: {
+      "span": 8
+    }
   }, [_c('div', {
-    staticClass: "form-item mr16"
+    staticClass: "col-item col-select-input-item"
   }, [_c('el-select', {
+    staticClass: "template_select",
+    attrs: {
+      "slot": "prepend",
+      "placeholder": _vm.$i18n.t('common.please_select')
+    },
     on: {
       "change": function ($event) {
-        _vm.searchForm.currentPage = 1;
-        _vm.searchForm.modelLanguage = _vm.searchForm.type === 1 ? 1 : '';
-        _vm.searchForm.modelType = _vm.searchForm.type === 1 ? '1' : undefined;
-        _vm.init();
+        _vm.searchForm.scene = '';
+        _vm.contentInput = '';
       }
     },
+    slot: "prepend",
     model: {
-      value: _vm.searchForm.type,
+      value: _vm.contentSelect,
       callback: function ($$v) {
-        _vm.$set(_vm.searchForm, "type", $$v);
+        _vm.contentSelect = $$v;
       },
-      expression: "searchForm.type"
+      expression: "contentSelect"
     }
   }, [_c('el-option', {
     attrs: {
-      "label": _vm.$i18n.t('template.system_template'),
-      "value": 1
+      "label": "模版名称",
+      "value": "1"
     }
   }), _c('el-option', {
     attrs: {
-      "label": _vm.$i18n.t('template.custom_template'),
-      "value": 2
+      "label": "应用场景",
+      "value": "2"
     }
-  })], 1)], 1), _c('div', {
-    staticClass: "form-item mr24"
+  })], 1), _vm.searchForm.modelType == 1 && _vm.contentSelect == 2 ? _c('div', {
+    staticClass: "temp_right"
   }, [_c('el-select', {
     attrs: {
-      "placeholder": _vm.$i18n.t('template.template_language'),
-      "clearable": ""
+      "slot": "prepend",
+      "placeholder": _vm.$i18n.t('common.please_select')
+    },
+    slot: "prepend",
+    model: {
+      value: _vm.searchForm.scene,
+      callback: function ($$v) {
+        _vm.$set(_vm.searchForm, "scene", $$v);
+      },
+      expression: "searchForm.scene"
+    }
+  }, _vm._l(_vm.templateSystemScene, function (scene) {
+    return _c('el-option', {
+      key: scene.value,
+      attrs: {
+        "label": scene.label,
+        "value": scene.value
+      }
+    });
+  }), 1)], 1) : _c('div', {
+    staticClass: "temp_right"
+  }, [_c('el-input', {
+    staticClass: "col-input-select",
+    attrs: {
+      "placeholder": _vm.$i18n.t('common.please_input')
+    },
+    model: {
+      value: _vm.contentInput,
+      callback: function ($$v) {
+        _vm.contentInput = $$v;
+      },
+      expression: "contentInput"
+    }
+  })], 1)], 1)]), _c('el-col', {
+    attrs: {
+      "span": 8
+    }
+  }, [_c('div', {
+    staticClass: "col-item col-select-input-item"
+  }, [_c('el-input', {
+    staticClass: "col-input-select",
+    attrs: {
+      "placeholder": _vm.$i18n.t('common.please_input')
+    },
+    model: {
+      value: _vm.mailTitleInput,
+      callback: function ($$v) {
+        _vm.mailTitleInput = $$v;
+      },
+      expression: "mailTitleInput"
+    }
+  }, [_c('el-select', {
+    attrs: {
+      "slot": "prepend",
+      "placeholder": _vm.$i18n.t('common.please_select')
     },
     on: {
       "change": function ($event) {
-        _vm.searchForm.currentPage = 1;
-        _vm.init();
+        _vm.mailTitleInput = '';
       }
     },
+    slot: "prepend",
+    model: {
+      value: _vm.mailTitleSelect,
+      callback: function ($$v) {
+        _vm.mailTitleSelect = $$v;
+      },
+      expression: "mailTitleSelect"
+    }
+  }, [_c('el-option', {
+    attrs: {
+      "label": _vm.$t('edm2.mailEn6'),
+      "value": "1"
+    }
+  }), _c('el-option', {
+    attrs: {
+      "label": _vm.$t('edm2.mailEn7'),
+      "value": "2"
+    }
+  })], 1)], 1)], 1)]), _c('el-col', {
+    attrs: {
+      "span": 8
+    }
+  }, [_c('div', {
+    staticClass: "col-item"
+  }, [_c('span', {
+    staticClass: "col-span"
+  }, [_vm._v("模版语言")]), _c('el-select', {
+    staticClass: "col-select",
+    attrs: {
+      "placeholder": _vm.$i18n.t('common.please_select'),
+      "clearable": "",
+      "filterable": ""
+    },
     model: {
       value: _vm.searchForm.modelLanguage,
       callback: function ($$v) {
@@ -118380,28 +118565,34 @@ var TemplateListvue_type_template_id_13a1b12d_scoped_true_render = function rend
       },
       expression: "searchForm.modelLanguage"
     }
-  }, _vm._l(_vm.searchForm.type === 1 ? _vm.enumData.sysLanguage : _vm.enumData.modelLanguage, function (t, i) {
+  }, _vm._l(_vm.language, function (item) {
     return _c('el-option', {
-      key: i,
+      key: item.value,
       attrs: {
-        "value": Number(t.value),
-        "label": _vm.$i18n.locale === 'zh' || _vm.$i18n.locale === 'zh-CN' ? t.label : t.enLabel
+        "value": item.value,
+        "label": item.label
       }
     });
-  }), 1)], 1), _c('div', {
-    staticClass: "form-item"
-  }, [_c('button', {
-    staticClass: "search-btn search-btn-face",
-    on: {
-      "click": function ($event) {
-        _vm.isShowSet = true;
-      }
+  }), 1)], 1)])], 1), _c('el-row', {
+    staticStyle: {
+      "margin-top": "8px"
+    },
+    attrs: {
+      "gutter": 12
     }
-  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("template.create_template")) + " ")])])]), _vm.searchForm.type === 1 ? _c('div', {
-    staticClass: "tab px24 mb24"
-  }, [_c('el-tabs', {
-    on: {
-      "tab-click": _vm.swicthTab
+  }, [_c('el-col', {
+    attrs: {
+      "span": 8
+    }
+  }, [_c('div', {
+    staticClass: "col-item"
+  }, [_c('span', {
+    staticClass: "col-span"
+  }, [_vm._v("模板类型")]), _c('el-select', {
+    staticClass: "col-select",
+    attrs: {
+      "placeholder": _vm.$i18n.t('common.please_select'),
+      "clearable": ""
     },
     model: {
       value: _vm.searchForm.modelType,
@@ -118410,755 +118601,382 @@ var TemplateListvue_type_template_id_13a1b12d_scoped_true_render = function rend
       },
       expression: "searchForm.modelType"
     }
-  }, _vm._l(_vm.tabOpts, function (item) {
-    return _c('el-tab-pane', {
-      key: item.name,
+  }, [_c('el-option', {
+    key: 1,
+    attrs: {
+      "value": 1,
+      "label": "系统模版"
+    }
+  }), _c('el-option', {
+    key: 2,
+    attrs: {
+      "value": 2,
+      "label": "自定义模版"
+    }
+  })], 1)], 1)]), _c('el-col', {
+    attrs: {
+      "span": 8
+    }
+  }, [_c('div', {
+    staticClass: "col-item"
+  }, [_c('span', {
+    staticClass: "col-span"
+  }, [_vm._v("共享状态")]), _c('el-select', {
+    staticClass: "col-select",
+    attrs: {
+      "placeholder": _vm.$i18n.t('common.please_select'),
+      "clearable": ""
+    },
+    model: {
+      value: _vm.searchForm.isShared,
+      callback: function ($$v) {
+        _vm.$set(_vm.searchForm, "isShared", $$v);
+      },
+      expression: "searchForm.isShared"
+    }
+  }, [_c('el-option', {
+    key: 1,
+    attrs: {
+      "value": true,
+      "label": "公开"
+    }
+  }), _c('el-option', {
+    key: 2,
+    attrs: {
+      "value": false,
+      "label": "私有"
+    }
+  })], 1)], 1)]), _c('el-col', {
+    attrs: {
+      "span": 8
+    }
+  }, [_c('div', {
+    staticClass: "col-item"
+  }, [_c('span', {
+    staticClass: "col-span"
+  }, [_vm._v("创建人")]), _c('el-select', {
+    staticClass: "col-select",
+    attrs: {
+      "placeholder": _vm.$i18n.t('common.please_select'),
+      "clearable": "",
+      "filterable": ""
+    },
+    model: {
+      value: _vm.searchForm.createdUser,
+      callback: function ($$v) {
+        _vm.$set(_vm.searchForm, "createdUser", $$v);
+      },
+      expression: "searchForm.createdUser"
+    }
+  }, _vm._l(_vm.accountList, function (item) {
+    return _c('el-option', {
+      key: item.userId,
       attrs: {
-        "name": item.name,
-        "label": item.label
+        "label": item.userName,
+        "value": item.userId
       }
     });
-  }), 1)], 1) : _vm._e(), _c('div', {
-    directives: [{
-      name: "loading",
-      rawName: "v-loading",
-      value: _vm.loading,
-      expression: "loading"
-    }],
-    staticClass: "list hidden-scrollbar"
-  }, [_vm.tableTotal ? _vm._l(_vm.tableData, function (t, i) {
-    return _c('div', {
-      key: i,
-      staticClass: "list-item grid grid-cols-2 mb16"
-    }, [_c('div', {
-      staticClass: "desc"
-    }, [_c('h3', {
-      staticClass: "beyond_eip mb16"
-    }, [_vm._v(" " + _vm._s(t.templatesTitle) + " ")]), _c('p', {
-      staticClass: "beyond_eip mb8"
-    }, [_vm._v(" " + _vm._s(_vm.$i18n.t("template.apply_scene")) + "：" + _vm._s(t.scene) + " ")]), _c('p', [_vm._v(" " + _vm._s(_vm.$i18n.t("common.update_on")) + _vm._s(_vm.parseTime(t.gmtModify, "{y}-{m}-{d}")) + " ")])]), _c('div', {
-      staticClass: "operate"
-    }, [_c('button', {
-      staticClass: "operate-detail",
-      on: {
-        "click": function ($event) {
-          return _vm.showSetTemplate(t);
-        }
-      }
-    }, [_vm._v(" " + _vm._s(_vm.$i18n.t("common.detail"))), _c('i', {
-      staticClass: "dss-iconfont icon-arrow"
-    })]), _c('div', {
-      staticClass: "operate-btns"
-    }, [_vm.searchForm.type == 2 || _vm.searchForm.type == 1 && _vm.userId == 1 ? _c('button', {
-      staticClass: "operate-btn operate-btn-linear mr8",
-      on: {
-        "click": function ($event) {
-          return _vm.del(t.id);
-        }
-      }
-    }, [_vm._v(" " + _vm._s(_vm.$i18n.t("common.delete")) + " ")]) : _vm._e(), _vm.searchForm.type === 2 && _vm.userId === 1 ? _c('el-button', {
-      staticClass: "operate-btn-setsys mr8",
-      attrs: {
-        "type": "primary",
-        "size": "small"
-      },
-      on: {
-        "click": function ($event) {
-          return _vm.showSetSystem(t);
-        }
-      }
-    }, [_vm._v(" " + _vm._s(_vm.$i18n.t("template.set_system_template")) + " ")]) : _vm._e(), t.isShowDownload === 1 ? _c('el-button', {
-      staticClass: "mr8",
-      attrs: {
-        "type": "primary",
-        "size": "small"
-      },
-      on: {
-        "click": function ($event) {
-          return _vm.downloadTem(t);
-        }
-      }
-    }, [_vm._v(" " + _vm._s(_vm.$i18n.t("common.download")) + " ")]) : _vm._e(), _c('el-button', {
-      attrs: {
-        "type": "primary",
-        "size": "small"
-      },
-      on: {
-        "click": function ($event) {
-          return _vm.setMailTemplate(t);
-        }
-      }
-    }, [_vm._v(" " + _vm._s(_vm.$i18n.t("common.apply")) + " ")])], 1)])]);
-  }) : _vm._e(), !_vm.tableTotal ? _c('div', {
-    staticClass: "w-full h-full flex items-center justify-center"
-  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("common.no_data")) + " ")]) : _vm._e()], 2), _c('div', {
-    staticClass: "list-page"
-  }, [_c('el-pagination', {
-    attrs: {
-      "current-page": _vm.searchForm.currentPage,
-      "total": _vm.tableTotal,
-      "page-size": _vm.searchForm.pageSize,
-      "pager-count": 5,
-      "small": "",
-      "layout": "total, prev, pager, next, jumper"
+  }), 1)], 1)])], 1), _c('el-row', {
+    staticStyle: {
+      "margin-top": "8px"
     },
-    on: {
-      "current-change": _vm.changePage
+    attrs: {
+      "gutter": 20
     }
-  })], 1), _c('el-drawer', {
+  }, [_c('el-col', {
     attrs: {
-      "visible": _vm.isShowSet,
-      "with-header": false,
-      "wrapper-closable": false,
-      "append-to-body": "",
-      "size": "800px"
-    },
-    on: {
-      "update:visible": function ($event) {
-        _vm.isShowSet = $event;
-      }
+      "span": 24
     }
-  }, [_vm.isShowSet ? _c('set-template', {
+  }, [_c('div', {
+    staticClass: "btns_box"
+  }, [_c('div', [_c('el-button', {
     attrs: {
-      "id": _vm.setId,
-      "rowData": _vm.rowData,
-      "selectType": _vm.searchForm.type
+      "type": "primary"
     },
     on: {
-      "init": function ($event) {
+      "click": function ($event) {
         _vm.searchForm.currentPage = 1;
-        _vm.init();
-      },
-      "close": function ($event) {
-        _vm.setId = 0;
-        _vm.isShowSet = false;
+        _vm.getCardList();
       }
     }
-  }) : _vm._e()], 1), _vm.isShowSetSystem ? _c('set-sys-template', {
-    attrs: {
-      "isShowSetSystem": _vm.isShowSetSystem,
-      "tabOpts": _vm.tabOpts,
-      "mailId": _vm.mailId
-    },
-    on: {
-      "closeDialog": _vm.closeDialog
-    }
-  }) : _vm._e()], 1);
-};
-var TemplateListvue_type_template_id_13a1b12d_scoped_true_staticRenderFns = [];
-
-;// ./src/api/send/template.js
-
-// 分页查看模板列表
-async function getTemplateList(params) {
-  let res = await request_get("/edm/template/templates", params);
-  return res;
-}
-// 添加模板
-async function addTemplate(data) {
-  let res = await request_post("/edm/template/addTemplate", data);
-  return res;
-}
-// 编辑模板
-async function editTemplate(data) {
-  let res = await request_post("/edm/template/editTemplate", data);
-  return res;
-}
-// 删除模板
-async function delTemplate(data) {
-  let res = await request_del(`/edm/template/delTemplate/${data.id}`);
-  return res;
-}
-// 设为系统模版
-async function setSysTemplate(data) {
-  let res = await request_put(`/edm/template/setSysTemplate`, data);
-  return res;
-}
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EdmElement/TemplateCom/SetTemplate.vue?vue&type=template&id=87417d06&scoped=true
-var SetTemplatevue_type_template_id_87417d06_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "drawer"
-  }, [_c('div', {
-    staticClass: "drawer-head"
-  }, [_c('h3', [_vm._v(" " + _vm._s(_vm.id ? `${_vm.$i18n.t("template.edit_template")}` : `${_vm.$i18n.t("template.new_template")}`) + " ")]), _c('button', {
-    staticClass: "close-btn",
+  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("searchButton.search")) + " ")]), _c('el-button', {
     on: {
-      "click": function ($event) {
-        return _vm.close();
-      }
+      "click": _vm.resetEvt
     }
-  }, [_c('i', {
-    staticClass: "dss-iconfont icon-close"
-  })])]), _c('div', {
-    staticClass: "drawer-body hidden-scrollbar"
-  }, [_c('el-form', {
-    ref: "form",
-    attrs: {
-      "model": _vm.form,
-      "rules": _vm.verifyForm
+  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("searchButton.reset")) + " ")])], 1), _c('div', {
+    staticStyle: {
+      "display": "flex",
+      "align-items": "center"
     }
   }, [_c('div', {
-    staticClass: "form-item"
-  }, [_c('span', [_vm._v(_vm._s(_vm.$i18n.t("template.template_title")))]), _c('el-form-item', {
-    attrs: {
-      "prop": "templatesTitle"
-    }
-  }, [_c('el-input', {
-    attrs: {
-      "disabled": _vm.selectType == 1 && !!_vm.id,
-      "placeholder": _vm.$i18n.t('common.please_input') + `（30` + _vm.$i18n.t('template.word_limit') + `）`,
-      "clearable": ""
-    },
-    model: {
-      value: _vm.form.templatesTitle,
-      callback: function ($$v) {
-        _vm.$set(_vm.form, "templatesTitle", $$v);
-      },
-      expression: "form.templatesTitle"
-    }
-  })], 1)], 1), _c('div', {
-    staticClass: "form-item"
-  }, [_c('span', [_vm._v(_vm._s(_vm.$i18n.t("template.mail_title")))]), _c('el-form-item', {
-    attrs: {
-      "prop": "mailSubject"
-    }
-  }, [_c('el-input', {
-    ref: "mailSubjectIpt",
-    attrs: {
-      "disabled": _vm.selectType == 1 && !!_vm.id,
-      "placeholder": _vm.$i18n.t('common.please_input'),
-      "clearable": ""
-    },
-    on: {
-      "focus": function ($event) {
-        _vm.isFocusSubject = true;
-      }
-    },
-    model: {
-      value: _vm.form.mailSubject,
-      callback: function ($$v) {
-        _vm.$set(_vm.form, "mailSubject", $$v);
-      },
-      expression: "form.mailSubject"
-    }
-  })], 1)], 1), _c('div', {
-    staticClass: "form-editor mb24"
-  }, [_c('span', [_vm._v(_vm._s(_vm.$i18n.t("writeMail.content")))]), _c('div', {
-    staticClass: "form-editor-wrap"
-  }, [_c('editor', {
-    ref: "templateContent",
+    staticClass: "right_sort"
+  }, [_c('el-dropdown', {
     attrs: {
-      "height": 400,
-      "theme": "light"
-    },
-    on: {
-      "click": function ($event) {
-        _vm.isFocusSubject = false;
-      }
+      "placement": "bottom"
     }
-  }), !(_vm.selectType == 1 && !!_vm.id) ? _c('div', {
-    staticClass: "form-tool"
   }, [_c('div', {
-    staticClass: "form-tool-title"
+    staticClass: "sort_btn"
   }, [_c('i', {
-    staticClass: "dss-iconfont icon-info"
-  }), _c('p', [_vm._v(_vm._s(_vm.$i18n.t("writeMail.template_var")))])]), _c('div', {
-    staticClass: "form-tool-main"
-  }, [_c('button', {
-    staticClass: "mb8 mr16",
-    attrs: {
-      "disabled": _vm.selectType == 1 && !!_vm.id
-    },
-    on: {
-      "click": function ($event) {
-        $event.preventDefault();
-        return _vm.setVariable(0);
-      }
-    }
-  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("writeMail.channel_name")) + " ")]), _c('button', {
-    staticClass: "mb8 mr16",
-    on: {
-      "click": function ($event) {
-        $event.preventDefault();
-        return _vm.setVariable(3);
-      }
-    }
-  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("writeMail.channel_Id")) + " ")]), _c('button', {
-    staticClass: "mb8 mr16",
-    attrs: {
-      "disabled": _vm.selectType == 1 && !!_vm.id
-    },
-    on: {
-      "click": function ($event) {
-        $event.preventDefault();
-        return _vm.setVariable(1);
-      }
-    }
-  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("writeMail.fans_num")) + " ")]), _c('button', {
-    attrs: {
-      "disabled": _vm.selectType == 1 && !!_vm.id
-    },
-    on: {
-      "click": function ($event) {
-        $event.preventDefault();
-        return _vm.setVariable(2);
-      }
-    }
-  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("writeMail.channel_link")) + " ")])])]) : _vm._e()], 1)]), _c('div', {
-    staticClass: "form-item"
-  }, [_c('span', [_vm._v(_vm._s(_vm.$i18n.t("template.apply_scene")))]), _c('el-form-item', {
-    attrs: {
-      "prop": "scene"
-    }
-  }, [_c('el-input', {
-    attrs: {
-      "placeholder": _vm.$i18n.t('common.please_input') + `（20` + _vm.$i18n.t('template.word_limit') + `）`,
-      "disabled": _vm.selectType == 1 && !!_vm.id,
-      "clearable": ""
-    },
-    model: {
-      value: _vm.form.scene,
-      callback: function ($$v) {
-        _vm.$set(_vm.form, "scene", $$v);
-      },
-      expression: "form.scene"
-    }
-  })], 1)], 1), _c('div', {
-    staticClass: "form-item mb24"
-  }, [_c('span', [_vm._v(_vm._s(_vm.$i18n.t("template.language")))]), _c('el-form-item', {
-    attrs: {
-      "prop": "modelLanguage"
-    }
-  }, [_c('el-select', {
+    staticClass: "dss-iconfont"
+  }, [_vm._v("")]), _vm._v(" " + _vm._s(_vm.sortConfig.find(item => item.value == _vm.searchForm.searchSort).label) + " ")]), _c('el-dropdown-menu', {
     attrs: {
-      "placeholder": _vm.$i18n.t('common.please_select'),
-      "disabled": _vm.selectType == 1 && !!_vm.id,
-      "clearable": ""
+      "slot": "dropdown"
     },
-    model: {
-      value: _vm.form.modelLanguage,
-      callback: function ($$v) {
-        _vm.$set(_vm.form, "modelLanguage", $$v);
+    slot: "dropdown"
+  }, _vm._l(_vm.sortConfig, function (item, index) {
+    return _c('el-dropdown-item', {
+      key: index,
+      staticStyle: {
+        "white-space": "nowrap"
       },
-      expression: "form.modelLanguage"
-    }
-  }, _vm._l(_vm.enumData.language, function (t, i) {
-    return _c('el-option', {
-      key: i,
       attrs: {
-        "value": Number(t.value),
-        "label": t.label
-      }
-    });
-  }), 1)], 1)], 1)])], 1), !(_vm.selectType == 1 && !!_vm.id) ? _c('div', {
-    staticClass: "drawer-foot"
-  }, [_c('button', {
-    staticClass: "drawer-btn drawer-btn-linear mr24",
-    on: {
-      "click": function ($event) {
-        return _vm.close();
-      }
-    }
-  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("common.cancle")) + " ")]), _c('button', {
-    staticClass: "drawer-btn drawer-btn-face",
-    attrs: {
-      "disabled": _vm.isSubmit
-    },
-    on: {
-      "click": _vm.submit
-    }
-  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("common.confirm")) + " "), _vm.isSubmit ? _c('i', {
-    staticClass: "el-icon-loading"
-  }) : _vm._e()])]) : _vm._e()]);
-};
-var SetTemplatevue_type_template_id_87417d06_scoped_true_staticRenderFns = [];
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EdmElement/TemplateCom/SetTemplate.vue?vue&type=script&lang=js
-
-
-
-/* harmony default export */ var SetTemplatevue_type_script_lang_js = ({
-  components: {
-    Editor: Editor
-  },
-  props: {
-    id: {
-      default: 0,
-      type: Number
-    },
-    rowData: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    // 自定义模板/系统模板
-    selectType: {
-      type: [Number, String],
-      default: ""
-    }
-  },
-  data() {
-    return {
-      enumData: {
-        language: language
+        "command": item.value
       },
-      // 枚举数据
-      form: {
-        // 表单
-        templatesTitle: "",
-        //模板标题
-        mailSubject: "",
-        //邮件标题
-        scene: "",
-        //应用场景
-        modelLanguage: ""
-      },
-      verifyForm: {
-        templatesTitle: [{
-          required: true,
-          message: `${this.$i18n.t("template.title_not_empty")}`,
-          trigger: "blur"
-        }, {
-          max: 30,
-          message: `${this.$i18n.t("template.title_word_limit")}`,
-          trigger: "blur"
-        }],
-        mailSubject: [{
-          required: true,
-          message: `${this.$i18n.t("template.subject_not_empty")}`,
-          trigger: "blur"
-        }],
-        scene: [{
-          required: true,
-          message: `${this.$i18n.t("template.scene_not_empty")}`,
-          trigger: "blur"
-        }, {
-          max: 20,
-          message: `${this.$i18n.t("template.scene_word_limit")}`,
-          trigger: "blur"
-        }],
-        modelLanguage: [{
-          required: true,
-          message: `${this.$i18n.t("template.language_not_empty")}`,
-          trigger: "change"
-        }]
-      },
-      // 标签表单校验规则
-      isFocusSubject: false,
-      // 主题是否获取焦点
-      isSubmit: false // 是否正在提交
-    };
-  },
-  created() {
-    if (this.id) {
-      // 初始化
-      this.init();
-    }
-  },
-  methods: {
-    // 初始化
-    init() {
-      if (this.id) {
-        setTimeout(() => {
-          this.$refs.templateContent.setContent(this.rowData.content);
-          if (this.selectType == 1) {
-            this.$refs.templateContent.setDisable();
-          }
-        }, 200);
-        this.form = {
-          templatesTitle: this.rowData.templatesTitle,
-          mailSubject: this.rowData.mailSubject,
-          scene: this.rowData.scene,
-          modelLanguage: this.rowData.modelLanguage
-        };
-      }
-    },
-    // 提交
-    submit() {
-      this.$refs.form.validate(valid => {
-        if (valid) {
-          if (this.$refs.templateContent.isEmpty()) {
-            this.$message({
-              type: "warning",
-              message: `${this.$i18n.t("template.no_content")}`
-            });
-            return;
-          }
-          const data = this.form;
-          data.content = this.$refs.templateContent.getContent();
-          this.isSubmit = true;
-          if (this.id) {
-            data.id = this.id;
-            // 编辑
-            editTemplate(data).then(res => {
-              if (res.code == 0) {
-                this.isSubmit = false;
-                this.$emit("init");
-                this.close();
-                this.$message({
-                  type: "success",
-                  message: `${this.$i18n.t("outboxMail.success")}`
-                });
-              }
-            });
-          } else {
-            // 新增
-            addTemplate(data).then(res => {
-              if (res.code == 0) {
-                this.isSubmit = false;
-                this.$emit("init");
-                this.close();
-                this.$message({
-                  type: "success",
-                  message: `${this.$i18n.t("outboxMail.success")}`
-                });
-              }
-            });
-          }
-        } else {
-          return false;
-        }
-      });
-    },
-    // 使用变量
-    setVariable(type) {
-      let content = ``;
-      if (this.isFocusSubject) {
-        switch (type) {
-          case 0:
-            // 频道名
-            content = `{$channelName}`;
-            break;
-          case 1:
-            // 粉丝数
-            content = `{$subscriber}`;
-            break;
-          case 2:
-            // 频道链接
-            content = `{$link}`;
-            break;
-          case 3:
-            // 频道id
-            content = `{$channelId}`;
-            break;
+      nativeOn: {
+        "click": function ($event) {
+          return _vm.clickDropdownItem(item);
         }
-        const caretPosition = this.$refs.mailSubjectIpt.$el.firstElementChild.selectionStart;
-        const newValue = this.form.mailSubject.slice(0, caretPosition) + content + this.form.mailSubject.slice(caretPosition);
-        this.form.mailSubject = newValue;
-        this.isFocusSubject = false;
-      } else {
-        switch (type) {
-          case 0:
-            // 频道名
-            content = `{$channelName}`;
-            break;
-          case 1:
-            // 粉丝数
-            content = `{$subscriber}`;
-            break;
-          case 2:
-            // 频道链接
-            content = `{$link}`;
-            break;
-          case 3:
-            // 频道id
-            content = `{$channelId}`;
-            break;
+      }
+    }, [_vm._v(_vm._s(item.label))]);
+  }), 1)], 1)], 1)])])])], 1)], 1), _c('div', {
+    staticClass: "temp_box"
+  }, [_vm.templateList.length ? _c('div', {
+    staticClass: "temp_list"
+  }, _vm._l(_vm.templateList, function (item) {
+    return _c('div', {
+      key: item.id,
+      staticClass: "temp_item"
+    }, [_c('div', {
+      staticClass: "temp_content"
+    }, [_c('div', {
+      staticClass: "temp_top"
+    }, [_c('div', {
+      staticClass: "temp_title"
+    }, [_c('div', {
+      staticClass: "title_text"
+    }, [_vm._v(" " + _vm._s(item.templatesTitle) + " ")]), _c('div', {
+      staticClass: "more_icon",
+      on: {
+        "click": function ($event) {
+          return _vm.toDetail(item);
         }
-        this.$refs.templateContent.insertEditContent(content);
       }
-    },
-    // 关闭弹窗
-    close() {
-      this.$emit("close");
-    }
-  }
-});
-;// ./src/components/EdmElement/TemplateCom/SetTemplate.vue?vue&type=script&lang=js
- /* harmony default export */ var TemplateCom_SetTemplatevue_type_script_lang_js = (SetTemplatevue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EdmElement/TemplateCom/SetTemplate.vue?vue&type=style&index=0&id=87417d06&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./src/components/EdmElement/TemplateCom/SetTemplate.vue?vue&type=style&index=0&id=87417d06&prod&lang=scss&scoped=true
-
-;// ./src/components/EdmElement/TemplateCom/SetTemplate.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var SetTemplate_component = normalizeComponent(
-  TemplateCom_SetTemplatevue_type_script_lang_js,
-  SetTemplatevue_type_template_id_87417d06_scoped_true_render,
-  SetTemplatevue_type_template_id_87417d06_scoped_true_staticRenderFns,
-  false,
-  null,
-  "87417d06",
-  null
-  
-)
-
-/* harmony default export */ var SetTemplate = (SetTemplate_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EdmElement/TemplateCom/SetSysTemplate.vue?vue&type=template&id=3c0d8a32&scoped=true
-var SetSysTemplatevue_type_template_id_3c0d8a32_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('el-dialog', {
-    attrs: {
-      "visible": _vm.isShowSetSystemDialog,
-      "close-on-click-modal": false,
-      "title": _vm.$i18n.t('template.set_system_template'),
-      "width": "300px",
-      "append-to-body": ""
-    },
-    on: {
-      "update:visible": function ($event) {
-        _vm.isShowSetSystemDialog = $event;
+    }, [_vm._v(" 详情"), _c('i', {
+      staticClass: "el-icon-arrow-right"
+    })])]), _c('div', {
+      staticClass: "num_box"
+    }, [_c('div', {
+      staticClass: "lang_box"
+    }, [_vm._v(" 语言：" + _vm._s(_vm.getLangLabel(item.modelLanguage)) + " ")]), _c('div', {
+      staticClass: "lang_box"
+    }, [_vm._v("附件：??个")]), _c('div', {
+      staticClass: "lang_box"
+    }, [_vm._v("商品卡：??个")])])]), _c('div', {
+      staticClass: "temp_middle"
+    }, [_c('div', {
+      staticClass: "nu_box"
+    }, [_c('div', {
+      staticClass: "nu_title"
+    }, [_vm._v("送达率")]), _c('div', {
+      staticClass: "nu_number"
+    }, [_vm._v(" " + _vm._s(item.deliveryRate == null ? "-" : item.deliveryRate + "%") + " ")])]), _c('div', {
+      staticClass: "nu_box"
+    }, [_c('div', {
+      staticClass: "nu_title"
+    }, [_vm._v("打开率")]), _c('div', {
+      staticClass: "nu_number"
+    }, [_vm._v(" " + _vm._s(item.openRate == null ? "-" : item.openRate + "%") + " ")])]), _c('div', {
+      staticClass: "nu_box"
+    }, [_c('div', {
+      staticClass: "nu_title"
+    }, [_vm._v("回复率")]), _c('div', {
+      staticClass: "nu_number"
+    }, [_vm._v(" " + _vm._s(item.replyRate == null ? "-" : item.replyRate + "%") + " ")])]), _c('div', {
+      staticClass: "nu_box"
+    }, [_c('div', {
+      staticClass: "nu_title"
+    }, [_vm._v("累计发送数")]), _c('div', {
+      staticClass: "nu_number"
+    }, [_vm._v(" " + _vm._s(item.totalSentNumber == null ? "-" : item.totalSentNumber + "%") + " ")])])]), _c('div', {
+      staticClass: "tem_bottom"
+    }, [_c('div', {
+      staticClass: "tem_desc"
+    }, [_vm._v("邮件标题：" + _vm._s(item.mailSubject))]), _c('div', {
+      staticClass: "tem_desc"
+    }, [_vm._v("应用场景：" + _vm._s(item.scene))]), _c('div', {
+      staticClass: "desc_btns"
+    }, [_c('div', {
+      staticClass: "desc_text"
+    }, [_c('div', {
+      staticClass: "tem_desc"
+    }, [_vm._v("创建人：" + _vm._s(item.creator))]), _c('div', {
+      staticClass: "tem_desc"
+    }, [_vm._v("更新时间：" + _vm._s(item.gmtModify))])]), _c('div', {
+      staticClass: "apply_btn"
+    }, [_c('el-button', {
+      attrs: {
+        "type": "primary"
       },
-      "close": _vm.closeEvt
-    }
-  }, [_c('div', {
-    staticClass: "form-item flex-col mb24"
-  }, [_c('span', [_vm._v(_vm._s(_vm.$i18n.t('template.choose_type')))]), _c('el-select', {
+      on: {
+        "click": function ($event) {
+          return _vm.setMailTemplate(item);
+        }
+      }
+    }, [_vm._v("应用")])], 1)])])])]);
+  }), 0) : _c('Empty')], 1), _c('div', {
+    staticClass: "page_box"
+  }, [_c('el-pagination', {
     attrs: {
-      "filterable": "",
-      "placeholder": _vm.$i18n.t('common.please_select'),
-      "clearable": ""
+      "current-page": _vm.searchForm.currentPage,
+      "page-size": _vm.searchForm.pageSize,
+      "layout": "total,prev, pager, next, jumper",
+      "total": _vm.total
     },
-    model: {
-      value: _vm.setSystemForm.modelType,
-      callback: function ($$v) {
-        _vm.$set(_vm.setSystemForm, "modelType", $$v);
+    on: {
+      "size-change": _vm.handleSizeChange,
+      "current-change": _vm.handleCurrentChange,
+      "update:currentPage": function ($event) {
+        return _vm.$set(_vm.searchForm, "currentPage", $event);
       },
-      expression: "setSystemForm.modelType"
-    }
-  }, _vm._l(_vm.tabOpts, function (item) {
-    return _c('el-option', {
-      key: Number(item.name),
-      attrs: {
-        "value": Number(item.name),
-        "label": item.label
+      "update:current-page": function ($event) {
+        return _vm.$set(_vm.searchForm, "currentPage", $event);
       }
-    });
-  }), 1)], 1), _c('div', {
-    staticClass: "flex justify-end"
-  }, [_c('button', {
-    staticClass: "form-btn form-btn-disabled mr16",
-    on: {
-      "click": _vm.closeEvt
     }
-  }, [_vm._v(" " + _vm._s(_vm.$i18n.t('writeMail.cancle')) + " ")]), _c('button', {
-    staticClass: "form-btn form-btn-face",
-    on: {
-      "click": _vm.customToSystem
-    }
-  }, [_vm._v(" " + _vm._s(_vm.$i18n.t('template.confirm')) + " ")])])]);
+  })], 1)]);
 };
-var SetSysTemplatevue_type_template_id_3c0d8a32_scoped_true_staticRenderFns = [];
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EdmElement/TemplateCom/SetSysTemplate.vue?vue&type=script&lang=js
-
-/* harmony default export */ var SetSysTemplatevue_type_script_lang_js = ({
-  props: {
-    isShowSetSystem: {
-      type: Boolean,
-      default: false
-    },
-    mailId: {
-      type: [String, Number],
-      default: ""
-    },
-    tabOpts: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    }
-  },
-  data() {
-    return {
-      isShowSetSystemDialog: this.isShowSetSystem,
-      setSystemForm: {
-        // 设置系统模板表单
-        id: this.mailId,
-        modelType: ""
-      }
-    };
-  },
-  methods: {
-    customToSystem() {
-      if (!this.setSystemForm.modelType) {
-        this.$message({
-          type: "warning",
-          message: `${this.$i18n.t('common.please_select')}${this.$i18n.t('template.template_type')}`
-        });
-        return;
-      }
-      setSysTemplate(this.setSystemForm).then(res => {
-        if (res.code == 0) {
-          this.closeEvt();
-          this.$message({
-            type: "success",
-            message: `${this.$i18n.t('template.set_success')}`
-          });
-        } else {
-          this.$message.error(res.message);
-          this.closeEvt();
-        }
-      });
-    },
-    closeEvt() {
-      this.setSystemForm.id = "";
-      this.setSystemForm.modelType = "";
-      this.$emit("closeDialog");
-    }
-  }
-});
-;// ./src/components/EdmElement/TemplateCom/SetSysTemplate.vue?vue&type=script&lang=js
- /* harmony default export */ var TemplateCom_SetSysTemplatevue_type_script_lang_js = (SetSysTemplatevue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EdmElement/TemplateCom/SetSysTemplate.vue?vue&type=style&index=0&id=3c0d8a32&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./src/components/EdmElement/TemplateCom/SetSysTemplate.vue?vue&type=style&index=0&id=3c0d8a32&prod&lang=scss&scoped=true
-
-;// ./src/components/EdmElement/TemplateCom/SetSysTemplate.vue
-
-
-
-;
-
+var TemplateListvue_type_template_id_0aaac0a8_scoped_true_staticRenderFns = [];
 
-/* normalize component */
+;// ./src/components/EdmElement/TemplateCom/TemplateList.vue?vue&type=template&id=0aaac0a8&scoped=true
 
-var SetSysTemplate_component = normalizeComponent(
-  TemplateCom_SetSysTemplatevue_type_script_lang_js,
-  SetSysTemplatevue_type_template_id_3c0d8a32_scoped_true_render,
-  SetSysTemplatevue_type_template_id_3c0d8a32_scoped_true_staticRenderFns,
-  false,
-  null,
-  "3c0d8a32",
-  null
-  
-)
+;// ./src/components/EdmElement/TemplateCom/const.js
 
-/* harmony default export */ var SetSysTemplate = (SetSysTemplate_component.exports);
+const TemplateCom_const_language = [{
+  value: '7',
+  label: '汉语',
+  enLabel: 'Chinese'
+}, {
+  value: '1',
+  label: '英语',
+  enLabel: 'English'
+}, {
+  value: '3',
+  label: '法语',
+  enLabel: 'French'
+}, {
+  value: '8',
+  label: '德语',
+  enLabel: 'German'
+}, {
+  value: '6',
+  label: '日语',
+  enLabel: 'Japanese'
+}, {
+  value: '9',
+  label: '韩语',
+  enLabel: 'Korean'
+}, {
+  value: '10',
+  label: '越南语',
+  enLabel: 'Vietnamese'
+}, {
+  value: '11',
+  label: '泰国语',
+  enLabel: 'Thai'
+}, {
+  value: '12',
+  label: '菲律宾语',
+  enLabel: 'Filipino'
+}, {
+  value: '13',
+  label: '印度尼西亚语',
+  enLabel: 'Indonesian'
+}, {
+  value: '14',
+  label: '俄罗斯语',
+  enLabel: 'Russian'
+}, {
+  value: '4',
+  label: '西班牙语',
+  enLabel: 'Spanish'
+}, {
+  value: '15',
+  label: '意大利语',
+  enLabel: 'Italian'
+}];
+const sortConfig = [{
+  label: '按创建时间倒序',
+  value: 0
+}, {
+  label: '按更新时间倒序',
+  value: 1
+}, {
+  label: '按送达率倒序',
+  value: 2
+}, {
+  label: '按打开率倒序',
+  value: 3
+}, {
+  label: '按回复率倒序',
+  value: 4
+}, {
+  label: '按累计发送数倒序',
+  value: 5
+}];
+// 系统模版场景
+const templateSystemScene = [{
+  value: '1',
+  label: `${src_language.t('template.invite_cooperation')}`
+},
+//合作邀请
+{
+  value: '2',
+  label: `${src_language.t('template.price_negotiation')}`
+},
+//价格协商
+{
+  value: '3',
+  label: `${src_language.t('template.contract_template')}`
+},
+//合同模板
+{
+  value: '4',
+  label: `${src_language.t('template.video_production')}`
+},
+//视频制作
+{
+  value: '5',
+  label: `${src_language.t('template.expense_settlement')}`
+} //费用结算
+];
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EdmElement/TemplateCom/TemplateList.vue?vue&type=script&lang=js
 
 
 
 
 
+function createSearchForm(tar) {
+  let raw = {
+    // templatesTitle: '', //模板标题
+    // scene: '', //应用场景
+    // mailSubject: '', //邮件主题
+    // content: '', //正文
+    type: 2,
+    //模版类型 1-系统模板；2-自定义模板
+    // modelLanguage: '', //语言
+    // isShared: '', //是否共享
+    // userId: '', //创建人
+    searchSort: 1,
+    //排序
+    currentPage: 1,
+    pageSize: 9
+  };
+  if (tar) {
+    raw = Object.assign(raw, tar);
+  }
+  return raw;
+}
 /* harmony default export */ var TemplateListvue_type_script_lang_js = ({
-  components: {
-    SetTemplate: SetTemplate,
-    SetSysTemplate: SetSysTemplate
-  },
+  components: {},
   props: {
     userId: {
       type: [Number, String],
@@ -119167,161 +118985,123 @@ var SetSysTemplate_component = normalizeComponent(
   },
   data() {
     return {
-      enumData: {
-        modelLanguage: language,
-        sysLanguage: sysLanguage
-      },
-      // 枚举数据
-      searchForm: {
-        // 检索字段
-        modelType: "1",
-        //模板类型1合作邀请，2价格协商，3合同模板，4视频制作，5费用结算
-        type: 1,
-        //模板选择1-系统模板；2-自定义模板
-        modelLanguage: "",
-        //模板语言
-        currentPage: 1,
-        //当前页
-        pageSize: 10 //当前页条数
-      },
-      // 选项卡 1合作邀请，2价格协商，3合同模板，4视频制作，5费用结算
-      tabOpts: [{
-        name: "1",
-        label: `${this.$i18n.t("template.invite_cooperation")}`
-      },
-      //合作邀请
-      {
-        name: "2",
-        label: `${this.$i18n.t("template.price_negotiation")}`
-      },
-      //价格协商
-      {
-        name: "3",
-        label: `${this.$i18n.t("template.contract_template")}`
-      },
-      //合同模板
-      {
-        name: "4",
-        label: `${this.$i18n.t("template.video_production")}`
-      },
-      //视频制作
-      {
-        name: "5",
-        label: `${this.$i18n.t("template.expense_settlement")}`
-      } //费用结算
-      ],
-      loading: false,
-      // 加载中
-      tableData: [],
-      // 表格数据
-      tableTotal: 1,
-      // 表格总数
-      isShowSet: false,
-      // 是否显示模板设置
-      setId: 0,
-      // 设置模板id
-      rowData: null,
-      //选择的模板数据
-
-      isShowSetSystem: false,
-      // 是否显示设置系统模板
-      mailId: ""
+      // 模版名称 场景
+      contentSelect: "1",
+      contentInput: "",
+      // 邮件主题正文
+      mailTitleSelect: "1",
+      mailTitleInput: "",
+      searchForm: createSearchForm(),
+      language: TemplateCom_const_language,
+      sortConfig: sortConfig,
+      accountList: [],
+      currentPage: 5,
+      templateList: [1],
+      templateSystemScene: templateSystemScene,
+      total: 0,
+      loading: false
     };
   },
-  created() {
-    // 初始化
-    this.init();
+  mounted() {
+    this.getAccountList();
+    this.getCardList();
   },
   methods: {
-    // 初始化
-    init() {
-      this.loading = true;
-      if (this.searchForm.type === 2) {
-        delete this.searchForm.modelType;
+    // 语言枚举
+    getLangLabel(val) {
+      const currLang = this.language.find(item => item.value == val);
+      if (currLang) {
+        return currLang.label;
       }
-      getTemplateList(this.searchForm).then(res => {
-        this.loading = false;
-        if (res.code == 0) {
-          this.tableData = res.data.rows;
-          this.tableTotal = res.data.total;
-        } else {
-          this.$message.error(res.message);
-        }
-      });
-    },
-    // 翻页
-    changePage(curr) {
-      this.searchForm.currentPage = curr;
-      this.init();
-    },
-    // 删除模板
-    del(id) {
-      this.$confirm(this.$t("inboxTable.delMail"), this.$t("inboxTable.tip"), {
-        confirmButtonText: this.$t("inboxTable.confirm"),
-        cancelButtonText: this.$t("inboxTable.cancel"),
-        type: "warning",
-        confirmButtonClass: "confirm_del"
-      }).then(() => {
-        delTemplate({
-          id
-        }).then(res => {
-          if (res.code == 0) {
-            this.init();
-            this.$message({
-              type: "success",
-              message: `${this.$i18n.t("outboxMail.success")}`,
-              duration: 1500
-            });
-          }
-        });
-      }).catch(() => {});
     },
-    // 设置邮件模板
+    // 应用模版
     setMailTemplate(data) {
       this.$emit("setMailTemplate", data);
     },
-    // 打开编辑模板
-    showSetTemplate(row) {
-      this.setId = row.id;
-      this.rowData = row;
-      this.isShowSet = true;
+    // 跳转详情
+    toDetail(item) {
+      const routeData = this.$router.resolve({
+        path: "/emailTempDetail",
+        query: {
+          type: "edit",
+          id: item.id
+        }
+      });
+      window.open(routeData.href, "_blank");
+    },
+    // 获取列表
+    getCardList() {
+      // if (this.contentSelect == '1') {
+      //   this.searchForm.templatesTitle = this.contentInput
+      // } else if (this.contentSelect == '2') {
+      //   //系统模版
+      //   if (this.searchForm.type == 2) {
+      //     this.searchForm.scene = this.contentInput
+      //   }
+      // }
+      // if (this.mailTitleSelect == '1') {
+      //   this.searchForm.mailSubject = this.mailTitleInput
+      // } else if (this.mailTitleSelect == '2') {
+      //   this.searchForm.content = this.mailTitleInput
+      // }
+      console.log(this.searchForm, "searchForm");
+      this.loading = true;
+      templatesList(this.searchForm).then(res => {
+        if (res.code == "0") {
+          this.templateList = res.data.rows;
+          this.total = res.data.total;
+          this.loading = false;
+        } else {
+          this.loading = false;
+          this.$message.error(res.message);
+        }
+      });
+    },
+    // 模板类型切换
+    modelTypeChange(val) {
+      this.searchForm.scene = "";
+      this.contentInput = "";
     },
-    // 切换选项卡
-    swicthTab(tab) {
-      this.searchForm.modelType = tab.name;
-      this.searchForm.currentPage = 1;
-      this.init();
+    // 重置
+    resetEvt() {
+      this.searchForm = createSearchForm();
+      this.contentSelect = "1";
+      this.contentInput = "";
+      this.mailTitleSelect = "1";
+      this.mailTitleInput = "";
+      this.getCardList();
     },
-    // 时间戳转换
-    parseTime(date, format) {
-      return parseTime(date, format);
+    // 获取账号下的账户
+    getAccountList() {
+      hubUserSonFather().then(res => {
+        if (res.code == "0") {
+          this.accountList = res.data;
+        }
+      });
     },
-    // 下载模板
-    downloadTem(obj) {
-      window.location.href = obj.downloadUrl;
+    // 排序按钮
+    clickDropdownItem(item) {
+      this.searchForm.currentPage = 1;
+      this.searchForm.searchSort = item.value;
+      this.getCardList();
     },
-    // 打开转为系统模版弹窗
-    showSetSystem(row) {
-      this.mailId = row.id;
-      this.isShowSetSystem = true;
+    handleSizeChange(val) {
+      this.searchForm.currentPage = 1;
+      this.searchForm.pageSize = val;
+      this.getCardList();
     },
-    // 关闭转为系统模版弹窗
-    closeDialog() {
-      this.isShowSetSystem = false;
+    handleCurrentChange(val) {
+      this.searchForm.currentPage = val;
+      this.getCardList();
     }
   }
 });
 ;// ./src/components/EdmElement/TemplateCom/TemplateList.vue?vue&type=script&lang=js
  /* harmony default export */ var TemplateCom_TemplateListvue_type_script_lang_js = (TemplateListvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EdmElement/TemplateCom/TemplateList.vue?vue&type=style&index=0&id=13a1b12d&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./src/components/EdmElement/TemplateCom/TemplateList.vue?vue&type=style&index=0&id=13a1b12d&prod&lang=scss&scoped=true
-
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EdmElement/TemplateCom/TemplateList.vue?vue&type=style&index=1&id=13a1b12d&prod&lang=css
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EdmElement/TemplateCom/TemplateList.vue?vue&type=style&index=0&id=0aaac0a8&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/EdmElement/TemplateCom/TemplateList.vue?vue&type=style&index=1&id=13a1b12d&prod&lang=css
+;// ./src/components/EdmElement/TemplateCom/TemplateList.vue?vue&type=style&index=0&id=0aaac0a8&prod&lang=scss&scoped=true
 
 ;// ./src/components/EdmElement/TemplateCom/TemplateList.vue
 
@@ -119330,16 +119110,15 @@ var SetSysTemplate_component = normalizeComponent(
 ;
 
 
-
 /* normalize component */
 
 var TemplateList_component = normalizeComponent(
   TemplateCom_TemplateListvue_type_script_lang_js,
-  TemplateListvue_type_template_id_13a1b12d_scoped_true_render,
-  TemplateListvue_type_template_id_13a1b12d_scoped_true_staticRenderFns,
+  TemplateListvue_type_template_id_0aaac0a8_scoped_true_render,
+  TemplateListvue_type_template_id_0aaac0a8_scoped_true_staticRenderFns,
   false,
   null,
-  "13a1b12d",
+  "0aaac0a8",
   null
   
 )
@@ -121558,21 +121337,286 @@ var settingNicknamevue_type_template_id_779abf97_render = function render() {
     staticClass: "setting-input"
   }, [_c('el-input', {
     attrs: {
-      "type": "input",
-      "placeholder": _vm.$t('edm5.v95')
+      "type": "input",
+      "placeholder": _vm.$t('edm5.v95')
+    },
+    model: {
+      value: _vm.nickName,
+      callback: function ($$v) {
+        _vm.nickName = $$v;
+      },
+      expression: "nickName"
+    }
+  })], 1), _c('div', {
+    staticClass: "footer-btn"
+  }, [_c('el-button', {
+    on: {
+      "click": _vm.closeDialog
+    }
+  }, [_vm._v(_vm._s(_vm.$t("edm5.v226")))]), _c('el-button', {
+    attrs: {
+      "type": "primary",
+      "loading": _vm.confirmBtnLoading
+    },
+    on: {
+      "click": _vm.confirmSetting
+    }
+  }, [_vm._v(_vm._s(_vm.$t("edm5.v45")))])], 1)])]);
+};
+var settingNicknamevue_type_template_id_779abf97_staticRenderFns = [];
+
+;// ./src/api/setting/index.js
+
+
+// 设置邀约规则
+function settingAiRules(data) {
+  return post(`/edm/outbox/invitationRules/save`, data);
+}
+
+// 根据写信id获取邀约规则
+function getAiRules(writeId) {
+  return get(`/edm/outbox/invitationRules/${writeId}`);
+}
+
+// 获取发件人昵称
+function getNickname() {
+  return request_get(`/edm/mail/getSenderInfo`);
+}
+
+// 设置发件人昵称
+function settingNickname(data) {
+  return request_post(`/edm/mail/saveSenderInfo`, data);
+}
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/write-email/components/settingNickname.vue?vue&type=script&lang=js
+
+/* harmony default export */ var settingNicknamevue_type_script_lang_js = ({
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    nickNameDefault: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      nickName: "",
+      confirmBtnLoading: false,
+      loading: false
+    };
+  },
+  created() {
+    if (this.nickNameDefault) this.nickName = this.nickNameDefault;
+  },
+  methods: {
+    closeDialog() {
+      this.$emit("update:visible", false);
+    },
+    // 获取发件人昵称
+    async getNickname() {
+      try {
+        this.loading = true;
+        const res = await getNickname();
+        if (res.code === "0") {
+          this.nickName = res.data || "";
+        } else {
+          this.$message.error(res.message);
+        }
+      } catch (error) {
+        console.log(error);
+        this.loading = false;
+      } finally {
+        this.loading = false;
+      }
+    },
+    // 确定设置昵称
+    async confirmSetting() {
+      try {
+        if (!this.nickName) return this.$message.error(this.$t('edm5.v254'));
+        this.confirmBtnLoading = true;
+        const res = await settingNickname({
+          nickName: this.nickName.trim()
+        });
+        if (res.code === "0") {
+          this.$message.success("设置成功！");
+          this.$emit("updateNickName", this.nickName);
+          this.closeDialog();
+        } else {
+          this.$message.error(res.message);
+        }
+      } catch (error) {
+        console.log(error);
+      } finally {
+        this.confirmBtnLoading = false;
+      }
+    }
+  }
+});
+;// ./src/package/write-email/components/settingNickname.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_settingNicknamevue_type_script_lang_js = (settingNicknamevue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/write-email/components/settingNickname.vue?vue&type=style&index=0&id=779abf97&prod&lang=scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/package/write-email/components/settingNickname.vue?vue&type=style&index=0&id=779abf97&prod&lang=scss
+
+;// ./src/package/write-email/components/settingNickname.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var settingNickname_component = normalizeComponent(
+  components_settingNicknamevue_type_script_lang_js,
+  settingNicknamevue_type_template_id_779abf97_render,
+  settingNicknamevue_type_template_id_779abf97_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var components_settingNickname = (settingNickname_component.exports);
+;// ./src/api/inviteTask/index.js
+
+
+// 保存AI自动邀约邮件
+function inviteEmailSave(data) {
+  return request_post(`/edm/ai/inviteEmail/save`, data);
+}
+
+// 获取邀请AI邮件
+function inviteEmailGet(taskId) {
+  return request_get(`/edm/ai/inviteEmail/${taskId}`);
+}
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/write-email/components/saveMailTempDialog.vue?vue&type=template&id=075aae44&scoped=true
+var saveMailTempDialogvue_type_template_id_075aae44_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('el-dialog', {
+    attrs: {
+      "visible": _vm.visible,
+      "title": "存为模版",
+      "width": "480px",
+      "before-close": _vm.closeDialog,
+      "custom-class": "setting-nickname-dialog",
+      "close-on-click-modal": false
+    }
+  }, [_c('div', {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: _vm.loading,
+      expression: "loading"
+    }]
+  }, [_c('el-form', {
+    ref: "ruleForm",
+    staticClass: "demo-ruleForm",
+    attrs: {
+      "label-position": "top",
+      "model": _vm.ruleForm,
+      "rules": _vm.rules,
+      "label-width": "100px"
+    }
+  }, [_c('el-form-item', {
+    attrs: {
+      "label": "模版名称",
+      "prop": "templatesTitle"
+    }
+  }, [_c('el-input', {
+    attrs: {
+      "clearable": ""
+    },
+    model: {
+      value: _vm.ruleForm.templatesTitle,
+      callback: function ($$v) {
+        _vm.$set(_vm.ruleForm, "templatesTitle", $$v);
+      },
+      expression: "ruleForm.templatesTitle"
+    }
+  })], 1), _c('el-form-item', {
+    attrs: {
+      "label": "应用场景",
+      "prop": "scene"
+    }
+  }, [_c('el-input', {
+    attrs: {
+      "clearable": ""
+    },
+    model: {
+      value: _vm.ruleForm.scene,
+      callback: function ($$v) {
+        _vm.$set(_vm.ruleForm, "scene", $$v);
+      },
+      expression: "ruleForm.scene"
+    }
+  })], 1), _c('el-form-item', {
+    attrs: {
+      "label": "语言",
+      "prop": "modelLanguage"
+    }
+  }, [_c('el-select', {
+    attrs: {
+      "placeholder": _vm.$i18n.t('common.please_select'),
+      "clearable": "",
+      "filterable": ""
+    },
+    model: {
+      value: _vm.ruleForm.modelLanguage,
+      callback: function ($$v) {
+        _vm.$set(_vm.ruleForm, "modelLanguage", $$v);
+      },
+      expression: "ruleForm.modelLanguage"
+    }
+  }, _vm._l(_vm.language, function (item) {
+    return _c('el-option', {
+      key: item.value,
+      attrs: {
+        "value": item.value,
+        "label": item.label
+      }
+    });
+  }), 1)], 1), _c('el-form-item', {
+    attrs: {
+      "label": "共享状态",
+      "prop": "isShared"
+    }
+  }, [_c('el-select', {
+    attrs: {
+      "clearable": "",
+      "placeholder": "请选择共享状态"
     },
     model: {
-      value: _vm.nickName,
+      value: _vm.ruleForm.isShared,
       callback: function ($$v) {
-        _vm.nickName = $$v;
+        _vm.$set(_vm.ruleForm, "isShared", $$v);
       },
-      expression: "nickName"
+      expression: "ruleForm.isShared"
     }
-  })], 1), _c('div', {
+  }, [_c('el-option', {
+    key: 1,
+    attrs: {
+      "value": "1",
+      "label": "公开"
+    }
+  }), _c('el-option', {
+    key: 2,
+    attrs: {
+      "value": "2",
+      "label": "私有"
+    }
+  })], 1)], 1)], 1), _c('div', {
     staticClass: "footer-btn"
   }, [_c('el-button', {
     on: {
-      "click": _vm.closeDialog
+      "click": function ($event) {
+        return _vm.resetForm('ruleForm');
+      }
     }
   }, [_vm._v(_vm._s(_vm.$t("edm5.v226")))]), _c('el-button', {
     attrs: {
@@ -121580,109 +121624,111 @@ var settingNicknamevue_type_template_id_779abf97_render = function render() {
       "loading": _vm.confirmBtnLoading
     },
     on: {
-      "click": _vm.confirmSetting
+      "click": function ($event) {
+        return _vm.submitForm('ruleForm');
+      }
     }
-  }, [_vm._v(_vm._s(_vm.$t("edm5.v45")))])], 1)])]);
+  }, [_vm._v(_vm._s(_vm.$t("edm5.v45")))])], 1)], 1)]);
 };
-var settingNicknamevue_type_template_id_779abf97_staticRenderFns = [];
-
-;// ./src/api/setting/index.js
-
-
-// 设置邀约规则
-function settingAiRules(data) {
-  return post(`/edm/outbox/invitationRules/save`, data);
-}
+var saveMailTempDialogvue_type_template_id_075aae44_scoped_true_staticRenderFns = [];
 
-// 根据写信id获取邀约规则
-function getAiRules(writeId) {
-  return get(`/edm/outbox/invitationRules/${writeId}`);
-}
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/write-email/components/saveMailTempDialog.vue?vue&type=script&lang=js
 
-// 获取发件人昵称
-function getNickname() {
-  return request_get(`/edm/mail/getSenderInfo`);
-}
 
-// 设置发件人昵称
-function settingNickname(data) {
-  return request_post(`/edm/mail/saveSenderInfo`, data);
-}
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/write-email/components/settingNickname.vue?vue&type=script&lang=js
 
-/* harmony default export */ var settingNicknamevue_type_script_lang_js = ({
+/* harmony default export */ var saveMailTempDialogvue_type_script_lang_js = ({
   props: {
     visible: {
       type: Boolean,
       default: false
     },
-    nickNameDefault: {
+    mailTempList: {
+      type: Array,
+      default: () => []
+    },
+    tempProductCard: {
       type: String,
       default: ""
     }
   },
   data() {
     return {
-      nickName: "",
       confirmBtnLoading: false,
-      loading: false
+      loading: false,
+      ruleForm: {
+        templatesTitle: "",
+        scene: "",
+        modelLanguage: "",
+        isShared: "2"
+      },
+      rules: {
+        templatesTitle: [{
+          required: true,
+          message: "请输入模版名称",
+          trigger: "blur"
+        }],
+        modelLanguage: [{
+          required: true,
+          message: "请选择模版语言",
+          trigger: "change"
+        }],
+        isShared: [{
+          required: true,
+          message: "请选择共享状态",
+          trigger: "change"
+        }]
+      },
+      language: const_language
     };
   },
-  created() {
-    if (this.nickNameDefault) this.nickName = this.nickNameDefault;
-  },
+  created() {},
   methods: {
-    closeDialog() {
-      this.$emit("update:visible", false);
-    },
-    // 获取发件人昵称
-    async getNickname() {
-      try {
-        this.loading = true;
-        const res = await getNickname();
-        if (res.code === "0") {
-          this.nickName = res.data || "";
-        } else {
-          this.$message.error(res.message);
-        }
-      } catch (error) {
-        console.log(error);
-        this.loading = false;
-      } finally {
-        this.loading = false;
+    // 处理邮件参数
+    getMailParams() {
+      // 处理邮件
+      const currentMail = this.mailTempList.find(item => item.active);
+      let content = "";
+      if (currentMail.getReplyHtml()) {
+        content = currentMail.getContent() + "   " + currentMail.getReplyHtml() + this.tempProductCard;
+      } else {
+        content = currentMail.getContent() + currentMail.getReplyHtml() + this.tempProductCard;
       }
+      return {
+        subject: currentMail.subject,
+        content,
+        attachments: currentMail.fileList
+      };
     },
-    // 确定设置昵称
-    async confirmSetting() {
-      try {
-        if (!this.nickName) return this.$message.error(this.$t('edm5.v254'));
-        this.confirmBtnLoading = true;
-        const res = await settingNickname({
-          nickName: this.nickName.trim()
-        });
-        if (res.code === "0") {
-          this.$message.success("设置成功！");
-          this.$emit("updateNickName", this.nickName);
-          this.closeDialog();
+    // 表单验证
+    submitForm(formName) {
+      const mailParams = this.getMailParams();
+      console.log(mailParams, 'mailParams');
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          alert("submit!");
         } else {
-          this.$message.error(res.message);
+          console.log("error submit!!");
+          return false;
         }
-      } catch (error) {
-        console.log(error);
-      } finally {
-        this.confirmBtnLoading = false;
-      }
+      });
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+      this.closeDialog();
+    },
+    closeDialog() {
+      this.$emit("update:visible", false);
     }
   }
 });
-;// ./src/package/write-email/components/settingNickname.vue?vue&type=script&lang=js
- /* harmony default export */ var components_settingNicknamevue_type_script_lang_js = (settingNicknamevue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/write-email/components/settingNickname.vue?vue&type=style&index=0&id=779abf97&prod&lang=scss
+;// ./src/package/write-email/components/saveMailTempDialog.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_saveMailTempDialogvue_type_script_lang_js = (saveMailTempDialogvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/write-email/components/saveMailTempDialog.vue?vue&type=style&index=0&id=075aae44&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/package/write-email/components/settingNickname.vue?vue&type=style&index=0&id=779abf97&prod&lang=scss
+;// ./src/package/write-email/components/saveMailTempDialog.vue?vue&type=style&index=0&id=075aae44&prod&lang=scss&scoped=true
 
-;// ./src/package/write-email/components/settingNickname.vue
+;// ./src/package/write-email/components/saveMailTempDialog.vue
 
 
 
@@ -121691,30 +121737,18 @@ function settingNickname(data) {
 
 /* normalize component */
 
-var settingNickname_component = normalizeComponent(
-  components_settingNicknamevue_type_script_lang_js,
-  settingNicknamevue_type_template_id_779abf97_render,
-  settingNicknamevue_type_template_id_779abf97_staticRenderFns,
+var saveMailTempDialog_component = normalizeComponent(
+  components_saveMailTempDialogvue_type_script_lang_js,
+  saveMailTempDialogvue_type_template_id_075aae44_scoped_true_render,
+  saveMailTempDialogvue_type_template_id_075aae44_scoped_true_staticRenderFns,
   false,
   null,
-  null,
+  "075aae44",
   null
   
 )
 
-/* harmony default export */ var components_settingNickname = (settingNickname_component.exports);
-;// ./src/api/inviteTask/index.js
-
-
-// 保存AI自动邀约邮件
-function inviteEmailSave(data) {
-  return request_post(`/edm/ai/inviteEmail/save`, data);
-}
-
-// 获取邀请AI邮件
-function inviteEmailGet(taskId) {
-  return request_get(`/edm/ai/inviteEmail/${taskId}`);
-}
+/* harmony default export */ var saveMailTempDialog = (saveMailTempDialog_component.exports);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/write-email/index.vue?vue&type=script&lang=js
 
 
@@ -121756,6 +121790,7 @@ function inviteEmailGet(taskId) {
 
 
 
+
 
 
 /* harmony default export */ var write_emailvue_type_script_lang_js = ({
@@ -121778,7 +121813,8 @@ function inviteEmailGet(taskId) {
     SignTextDrawer: signText,
     MailTemplateDrawer: mailTemplate,
     AiMailDialog: aiMail,
-    MailOptimizeDrawer: mailOptimize
+    MailOptimizeDrawer: mailOptimize,
+    saveMailTempDialog: saveMailTempDialog
   },
   props: {
     // pm 添加
@@ -122007,7 +122043,11 @@ function inviteEmailGet(taskId) {
       nickName: "",
       // 发件人昵称
       pageFrom: this.$route.query.pageFrom || '',
-      currentAiPlatform: this.$route.query.currentAiPlatform || '' // 当前使用的AI平台
+      currentAiPlatform: this.$route.query.currentAiPlatform || '',
+      // 当前使用的AI平台
+      saveMailTempDialogVisible: false,
+      // 保存模版弹窗
+      tempProductCard: '' // 模版产品卡
     };
   },
   created() {
@@ -122038,6 +122078,9 @@ function inviteEmailGet(taskId) {
     } else if (this.$route.query.inviteAITaskId) {
       // 获取自动邀约邮件详情
       this.getInviteAITaskDetail();
+    } else if (this.$route.query.pageFrom == 'payStatusDetail') {
+      // 支付详情跳转到写信页面
+      this.payInitTemplate();
     } else {
       // 获取发信红人-普通情况
       this.getMailBlogger();
@@ -122080,6 +122123,53 @@ function inviteEmailGet(taskId) {
     window.onbeforeunload = null;
   },
   methods: {
+    // 保存邮件模版
+    saveMailTemplate() {
+      // 处理商品卡
+      let cardHtml = this.cardsArr.map(item => this.finallyCardHtml(item)).join("");
+      let cardIds = arrayColumn(this.cardsArr, "id");
+      this.tempProductCard = `<product-card cardIds=${cardIds}><div style="display:flex;overflow-x:auto">${cardHtml}</div></product-card>`;
+      this.saveMailTempDialogVisible = true;
+    },
+    // 初始化邮件模版
+    payInitTemplate() {
+      // 初始化收件人
+      const bloggerList = JSON.parse(localStorage.getItem('resultRecipientData') || '[]');
+      if (bloggerList && bloggerList.length) {
+        bloggerList.forEach(item => {
+          this.addresseeArr.push({
+            ...item,
+            bloggerId: item.bloggerId,
+            bloggerName: item.bloggerName
+          });
+        });
+      }
+      // 初始化写信模版
+      const payWriteData = JSON.parse(localStorage.getItem('payWriteData') || '{}');
+      this.mailList = [{
+        attachments: [],
+        content: `<p>To: ${this.addresseeArr[0].bloggerName}</p>
+          <p>Hello!</p>
+          <p>We are the official customer service team of WotoHub. On behalf of the platform and [${payWriteData.companyName}], we confirm the upcoming payment for the agreement you reached on the platform. </p>
+          <p>Below are the contract details. Please review and sign them carefully：<a href=\"${payWriteData.payWriteUrl}\" target=\"_blank\">${payWriteData.payWriteUrl}</a></p>`,
+        subject: 'Contract Signature Required to Confirm Collaboration Payment ',
+        id: "mockId-" + Date.now(),
+        fileList: [],
+        // 附件
+        active: true,
+        // 是否当前选中
+        isAiContent: false,
+        getContent: () => {},
+        getTextContent: () => {},
+        setContent: () => {},
+        insertEditContent: () => {},
+        addEditContent: () => {},
+        dangerouslyInsertHtml: () => {},
+        isEmpty: () => {},
+        getReplyHtml: () => {},
+        setEditorBar: () => {}
+      }];
+    },
     //  获取自动邀约邮件详情
     getInviteAITaskDetail() {
       inviteEmailGet(this.$route.query.inviteAITaskId).then(res => {
@@ -123348,15 +123438,15 @@ function inviteEmailGet(taskId) {
 });
 ;// ./src/package/write-email/index.vue?vue&type=script&lang=js
  /* harmony default export */ var package_write_emailvue_type_script_lang_js = (write_emailvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/write-email/index.vue?vue&type=style&index=0&id=6c425314&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/write-email/index.vue?vue&type=style&index=0&id=7011cdc3&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/package/write-email/index.vue?vue&type=style&index=0&id=6c425314&prod&lang=scss&scoped=true
+;// ./src/package/write-email/index.vue?vue&type=style&index=0&id=7011cdc3&prod&lang=scss&scoped=true
 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/write-email/index.vue?vue&type=style&index=1&id=6c425314&prod&lang=scss
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/write-email/index.vue?vue&type=style&index=1&id=7011cdc3&prod&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// ./src/package/write-email/index.vue?vue&type=style&index=1&id=6c425314&prod&lang=scss
+;// ./src/package/write-email/index.vue?vue&type=style&index=1&id=7011cdc3&prod&lang=scss
 
 ;// ./src/package/write-email/index.vue
 
@@ -123370,11 +123460,11 @@ function inviteEmailGet(taskId) {
 
 var write_email_component = normalizeComponent(
   package_write_emailvue_type_script_lang_js,
-  write_emailvue_type_template_id_6c425314_scoped_true_render,
-  write_emailvue_type_template_id_6c425314_scoped_true_staticRenderFns,
+  write_emailvue_type_template_id_7011cdc3_scoped_true_render,
+  write_emailvue_type_template_id_7011cdc3_scoped_true_staticRenderFns,
   false,
   null,
-  "6c425314",
+  "7011cdc3",
   null
   
 )
@@ -123441,8 +123531,8 @@ var outbox_emailvue_type_template_id_1d113158_scoped_true_render = function rend
 };
 var outbox_emailvue_type_template_id_1d113158_scoped_true_staticRenderFns = [];
 
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/outbox-email/components/singleSendMail.vue?vue&type=template&id=1f01a884&scoped=true
-var singleSendMailvue_type_template_id_1f01a884_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/outbox-email/components/singleSendMail.vue?vue&type=template&id=9dd5bd72&scoped=true
+var singleSendMailvue_type_template_id_9dd5bd72_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -123763,6 +123853,25 @@ var singleSendMailvue_type_template_id_1f01a884_scoped_true_render = function re
           }
         })];
       }
+    }, {
+      key: "operation",
+      fn: function ({
+        data
+      }) {
+        return [_c('el-link', {
+          attrs: {
+            "type": "primary",
+            "size": "small",
+            "underline": false
+          },
+          on: {
+            "click": function ($event) {
+              $event.stopPropagation();
+              return _vm.recallMail(data.scope);
+            }
+          }
+        }, [_vm._v("撤回")])];
+      }
     }])
   }), _c('div', {
     staticClass: "tool"
@@ -123804,7 +123913,7 @@ var singleSendMailvue_type_template_id_1f01a884_scoped_true_render = function re
     staticClass: "dss-iconfont"
   }, [_vm._v("")]) : _vm._e()])], 1)])])], 1)]);
 };
-var singleSendMailvue_type_template_id_1f01a884_scoped_true_staticRenderFns = [];
+var singleSendMailvue_type_template_id_9dd5bd72_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/dayjs/dayjs.min.js
 var dayjs_min = __webpack_require__(4353);
@@ -123892,6 +124001,10 @@ var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
         label: src_language.t("edm2.mailEn12"),
         prop: "sendTime",
         width: "200"
+      }, {
+        label: "操作",
+        scope: "operation",
+        width: "100"
       }],
       tableData: [],
       loading: false,
@@ -123940,6 +124053,28 @@ var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
     localStorage.removeItem("searchFlag");
   },
   methods: {
+    // 撤回邮件
+    recallMail(row) {
+      console.log(row, "row");
+      this.$confirm("请确认是否撤回该邮件?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        withdraw(row.id).then(res => {
+          if (res.code == "0") {
+            this.$message({
+              type: "success",
+              duration: 7000,
+              message: "撤回成功，该邮件现已被存放至草稿箱中，本次发件消耗的权益数已自动为您回退至账户中。"
+            });
+            this.init();
+          } else {
+            this.$message.error(res.message);
+          }
+        });
+      }).catch(() => {});
+    },
     // 主题-正文
     changeContentMode(val) {
       this.contentSelect = val;
@@ -124133,10 +124268,10 @@ var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
 });
 ;// ./src/package/outbox-email/components/singleSendMail.vue?vue&type=script&lang=js
  /* harmony default export */ var components_singleSendMailvue_type_script_lang_js = (singleSendMailvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/outbox-email/components/singleSendMail.vue?vue&type=style&index=0&id=1f01a884&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/outbox-email/components/singleSendMail.vue?vue&type=style&index=0&id=9dd5bd72&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/package/outbox-email/components/singleSendMail.vue?vue&type=style&index=0&id=1f01a884&prod&lang=scss&scoped=true
+;// ./src/package/outbox-email/components/singleSendMail.vue?vue&type=style&index=0&id=9dd5bd72&prod&lang=scss&scoped=true
 
 ;// ./src/package/outbox-email/components/singleSendMail.vue
 
@@ -124149,18 +124284,18 @@ var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
 
 var singleSendMail_component = normalizeComponent(
   components_singleSendMailvue_type_script_lang_js,
-  singleSendMailvue_type_template_id_1f01a884_scoped_true_render,
-  singleSendMailvue_type_template_id_1f01a884_scoped_true_staticRenderFns,
+  singleSendMailvue_type_template_id_9dd5bd72_scoped_true_render,
+  singleSendMailvue_type_template_id_9dd5bd72_scoped_true_staticRenderFns,
   false,
   null,
-  "1f01a884",
+  "9dd5bd72",
   null
   
 )
 
 /* harmony default export */ var singleSendMail = (singleSendMail_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/outbox-email/components/replySendMail.vue?vue&type=template&id=9bfe54da&scoped=true
-var replySendMailvue_type_template_id_9bfe54da_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/outbox-email/components/replySendMail.vue?vue&type=template&id=b7b4f6b0&scoped=true
+var replySendMailvue_type_template_id_b7b4f6b0_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -124450,6 +124585,25 @@ var replySendMailvue_type_template_id_9bfe54da_scoped_true_render = function ren
           }
         })];
       }
+    }, {
+      key: "operation",
+      fn: function ({
+        data
+      }) {
+        return [_c('el-link', {
+          attrs: {
+            "type": "primary",
+            "size": "small",
+            "underline": false
+          },
+          on: {
+            "click": function ($event) {
+              $event.stopPropagation();
+              return _vm.recallMail(data.scope);
+            }
+          }
+        }, [_vm._v("撤回")])];
+      }
     }])
   }), _c('div', {
     staticClass: "tool"
@@ -124476,7 +124630,7 @@ var replySendMailvue_type_template_id_9bfe54da_scoped_true_render = function ren
     staticClass: "dss-iconfont icon-delete-2"
   })])])])], 1)]);
 };
-var replySendMailvue_type_template_id_9bfe54da_scoped_true_staticRenderFns = [];
+var replySendMailvue_type_template_id_b7b4f6b0_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/outbox-email/components/replySendMail.vue?vue&type=script&lang=js
 
@@ -124548,6 +124702,10 @@ var replySendMailvue_type_template_id_9bfe54da_scoped_true_staticRenderFns = [];
         label: src_language.t("edm2.mailEn12"),
         prop: "sendTime",
         width: "200"
+      }, {
+        label: "操作",
+        scope: "operation",
+        width: "100"
       }],
       contentInput: "",
       contentSelect: "1",
@@ -124599,6 +124757,28 @@ var replySendMailvue_type_template_id_9bfe54da_scoped_true_staticRenderFns = [];
     localStorage.removeItem("searchFlag");
   },
   methods: {
+    // 撤回邮件
+    recallMail(row) {
+      console.log(row, "row");
+      this.$confirm("请确认是否撤回该邮件?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        withdraw(row.id).then(res => {
+          if (res.code == "0") {
+            this.$message({
+              type: "success",
+              duration: 7000,
+              message: "撤回成功，该邮件现已被存放至草稿箱中，本次发件消耗的权益数已自动为您回退至账户中。"
+            });
+            this.init();
+          } else {
+            this.$message.error(res.message);
+          }
+        });
+      }).catch(() => {});
+    },
     // 去除html标签
     filterHtmlTag(str) {
       if (str) {
@@ -124810,10 +124990,10 @@ var replySendMailvue_type_template_id_9bfe54da_scoped_true_staticRenderFns = [];
 });
 ;// ./src/package/outbox-email/components/replySendMail.vue?vue&type=script&lang=js
  /* harmony default export */ var components_replySendMailvue_type_script_lang_js = (replySendMailvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/outbox-email/components/replySendMail.vue?vue&type=style&index=0&id=9bfe54da&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/outbox-email/components/replySendMail.vue?vue&type=style&index=0&id=b7b4f6b0&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/package/outbox-email/components/replySendMail.vue?vue&type=style&index=0&id=9bfe54da&prod&lang=scss&scoped=true
+;// ./src/package/outbox-email/components/replySendMail.vue?vue&type=style&index=0&id=b7b4f6b0&prod&lang=scss&scoped=true
 
 ;// ./src/package/outbox-email/components/replySendMail.vue
 
@@ -124826,11 +125006,11 @@ var replySendMailvue_type_template_id_9bfe54da_scoped_true_staticRenderFns = [];
 
 var replySendMail_component = normalizeComponent(
   components_replySendMailvue_type_script_lang_js,
-  replySendMailvue_type_template_id_9bfe54da_scoped_true_render,
-  replySendMailvue_type_template_id_9bfe54da_scoped_true_staticRenderFns,
+  replySendMailvue_type_template_id_b7b4f6b0_scoped_true_render,
+  replySendMailvue_type_template_id_b7b4f6b0_scoped_true_staticRenderFns,
   false,
   null,
-  "9bfe54da",
+  "b7b4f6b0",
   null
   
 )
@@ -126298,8 +126478,8 @@ var draft_email_component = normalizeComponent(
 )
 
 /* harmony default export */ var draft_email = (draft_email_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/outbox-email/detail.vue?vue&type=template&id=cfc1a914&scoped=true
-var detailvue_type_template_id_cfc1a914_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/outbox-email/detail.vue?vue&type=template&id=6a248e40&scoped=true
+var detailvue_type_template_id_6a248e40_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.emailArr.length !== 0 ? _c('div', {
@@ -126312,6 +126492,11 @@ var detailvue_type_template_id_cfc1a914_scoped_true_render = function render() {
   }, [_c('i', {
     staticClass: "el-icon-arrow-left"
   })]), _c('div', {
+    staticClass: "back recall_btn",
+    on: {
+      "click": _vm.recallMail
+    }
+  }, [_vm._m(0)]), _c('div', {
     staticClass: "mail-items-box"
   }, [_c('div', {
     staticClass: "mail-item-row mail-template"
@@ -126538,7 +126723,19 @@ var detailvue_type_template_id_cfc1a914_scoped_true_render = function render() {
     }
   }) : _vm._e()], 1) : _vm._e();
 };
-var detailvue_type_template_id_cfc1a914_scoped_true_staticRenderFns = [];
+var detailvue_type_template_id_6a248e40_scoped_true_staticRenderFns = [function () {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "re_box"
+  }, [_c('i', {
+    staticClass: "dss-iconfont btn_con"
+  }, [_vm._v("")]), _c('span', {
+    staticClass: "btn_con"
+  }, [_vm._v("撤回")])]);
+}];
+
+;// ./src/package/outbox-email/detail.vue?vue&type=template&id=6a248e40&scoped=true
 
 ;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Table/components/bloggerColumn.vue?vue&type=template&id=2b58a2e1&scoped=true
 var bloggerColumnvue_type_template_id_2b58a2e1_scoped_true_render = function render() {
@@ -126787,6 +126984,27 @@ var bloggerColumn_component = normalizeComponent(
     localStorage.setItem("searchFlag", true);
   },
   methods: {
+    // 撤回邮件
+    recallMail() {
+      this.$confirm("请确认是否撤回该邮件?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        withdraw(this.$route.query.id).then(res => {
+          if (res.code == "0") {
+            this.$message({
+              type: "success",
+              duration: 7000,
+              message: "撤回成功，该邮件现已被存放至草稿箱中，本次发件消耗的权益数已自动为您回退至账户中。"
+            });
+            this.backToOutbox();
+          } else {
+            this.$message.error(res.message);
+          }
+        });
+      }).catch(() => {});
+    },
     // 红人档案侧抽
     toBloggerDeatil(item) {
       this.$emit("toBloggerDeatil", item);
@@ -126918,10 +127136,10 @@ var bloggerColumn_component = normalizeComponent(
 });
 ;// ./src/package/outbox-email/detail.vue?vue&type=script&lang=js
  /* harmony default export */ var package_outbox_email_detailvue_type_script_lang_js = (outbox_email_detailvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/outbox-email/detail.vue?vue&type=style&index=0&id=cfc1a914&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/package/outbox-email/detail.vue?vue&type=style&index=0&id=6a248e40&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/package/outbox-email/detail.vue?vue&type=style&index=0&id=cfc1a914&prod&lang=scss&scoped=true
+;// ./src/package/outbox-email/detail.vue?vue&type=style&index=0&id=6a248e40&prod&lang=scss&scoped=true
 
 ;// ./src/package/outbox-email/detail.vue
 
@@ -126934,11 +127152,11 @@ var bloggerColumn_component = normalizeComponent(
 
 var outbox_email_detail_component = normalizeComponent(
   package_outbox_email_detailvue_type_script_lang_js,
-  detailvue_type_template_id_cfc1a914_scoped_true_render,
-  detailvue_type_template_id_cfc1a914_scoped_true_staticRenderFns,
+  detailvue_type_template_id_6a248e40_scoped_true_render,
+  detailvue_type_template_id_6a248e40_scoped_true_staticRenderFns,
   false,
   null,
-  "cfc1a914",
+  "6a248e40",
   null
   
 )