wotokol-edm 1.1.21 → 1.1.22

package/wotokol-edm.umd.js

@@ -1513,7 +1513,7 @@ module.exports = function (IS_INCLUDES) {
 
 /***/ }),
 
-/***/ 1813:
+/***/ 4194:
 /***/ (function(module) {
 
 var toString = {}.toString;
@@ -1776,7 +1776,7 @@ module.exports = !__webpack_require__(5872) && !__webpack_require__(2451)(functi
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
-var cof = __webpack_require__(1813);
+var cof = __webpack_require__(4194);
 // eslint-disable-next-line no-prototype-builtins
 module.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
   return cof(it) == 'String' ? it.split('') : Object(it);
@@ -1789,7 +1789,7 @@ module.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // 7.2.2 IsArray(argument)
-var cof = __webpack_require__(1813);
+var cof = __webpack_require__(4194);
 module.exports = Array.isArray || function isArray(arg) {
   return cof(arg) == 'Array';
 };
@@ -85284,7 +85284,7 @@ if (typeof window !== 'undefined') {
 var esnext_iterator_constructor = __webpack_require__(8992);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/esnext.iterator.for-each.js
 var esnext_iterator_for_each = __webpack_require__(3949);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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-button/index.vue?vue&type=template&id=30d1fc8e&scoped=true
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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-button/index.vue?vue&type=template&id=380dc28b&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -91223,8 +91223,10 @@ async function test_test(params) {
         // 模拟 hub 登陆 测试账号
         // mobileOrEmail: "13262005357",
         // password: "123123123"
-        mobileOrEmail: "18846078060",
-        password: "asd123456"
+        // mobileOrEmail: "18846078060",
+        // password: "asd123456"
+        mobileOrEmail: "18767117493",
+        password: "tm123456789"
         // mobileOrEmail: "15658187195",
         // password: "wotu987412365"
       }).then(res => {
@@ -91376,7 +91378,7 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "30d1fc8e",
+  "380dc28b",
   null
   
 )
@@ -98675,6 +98677,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-82.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,
@@ -106579,6 +106589,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-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EmailPlan/index.vue?vue&type=script&lang=js
 
 
@@ -109221,8 +109235,8 @@ var detail_component = normalizeComponent(
 )
 
 /* harmony default export */ var detail = (detail_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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=6c2fdda1&scoped=true
-var write_emailvue_type_template_id_6c2fdda1_scoped_true_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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=4a0856bf&scoped=true
+var write_emailvue_type_template_id_4a0856bf_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -109587,7 +109601,17 @@ var write_emailvue_type_template_id_6c2fdda1_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
@@ -109952,9 +109976,20 @@ var write_emailvue_type_template_id_6c2fdda1_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_6c2fdda1_scoped_true_staticRenderFns = [function () {
+var write_emailvue_type_template_id_4a0856bf_scoped_true_staticRenderFns = [function () {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -109975,7 +110010,7 @@ var write_emailvue_type_template_id_6c2fdda1_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=6c2fdda1&scoped=true
+;// ./src/package/write-email/index.vue?vue&type=template&id=4a0856bf&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.difference.v2.js
 var es_set_difference_v2 = __webpack_require__(7642);
@@ -110189,6 +110224,11 @@ function getOauthLink(params) {
 function bindOutlookEmail(params) {
   return request_get("/edm/qiye/saveToken", params);
 }
+
+// 获取模板详情
+function templatesDetail(id) {
+  return request_get(`/edm/template/template/${id}`);
+}
 ;// ./src/api/send/outbox.js
 
 // 分页查看发件箱列表
@@ -114332,6 +114372,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-82.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
 
 
@@ -118342,840 +118435,593 @@ 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-82.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-82.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=d1b92a60&scoped=true
+
+
+var TemplateListvue_type_template_id_d1b92a60_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.type == 1 && _vm.contentSelect == 2 ? _c('div', {
+    staticClass: "temp_right"
   }, [_c('el-select', {
     attrs: {
-      "placeholder": _vm.$i18n.t('template.template_language'),
-      "clearable": ""
-    },
-    on: {
-      "change": function ($event) {
-        _vm.searchForm.currentPage = 1;
-        _vm.init();
-      }
+      "slot": "prepend",
+      "placeholder": _vm.$i18n.t('common.please_select')
     },
+    slot: "prepend",
     model: {
-      value: _vm.searchForm.modelLanguage,
+      value: _vm.searchForm.scene,
       callback: function ($$v) {
-        _vm.$set(_vm.searchForm, "modelLanguage", $$v);
+        _vm.$set(_vm.searchForm, "scene", $$v);
       },
-      expression: "searchForm.modelLanguage"
+      expression: "searchForm.scene"
     }
-  }, _vm._l(_vm.searchForm.type === 1 ? _vm.enumData.sysLanguage : _vm.enumData.modelLanguage, function (t, i) {
+  }, _vm._l(_vm.templateSystemScene, function (scene) {
     return _c('el-option', {
-      key: i,
+      key: scene.value,
       attrs: {
-        "value": Number(t.value),
-        "label": _vm.$i18n.locale === 'zh' || _vm.$i18n.locale === 'zh-CN' ? t.label : t.enLabel
+        "label": scene.label,
+        "value": scene.value
       }
     });
-  }), 1)], 1), _c('div', {
-    staticClass: "form-item"
-  }, [_c('button', {
-    staticClass: "search-btn search-btn-face",
-    on: {
-      "click": function ($event) {
-        _vm.isShowSet = true;
-      }
-    }
-  }, [_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
+  }), 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.searchForm.modelType,
+      value: _vm.contentInput,
       callback: function ($$v) {
-        _vm.$set(_vm.searchForm, "modelType", $$v);
+        _vm.contentInput = $$v;
       },
-      expression: "searchForm.modelType"
+      expression: "contentInput"
     }
-  }, _vm._l(_vm.tabOpts, function (item) {
-    return _c('el-tab-pane', {
-      key: item.name,
-      attrs: {
-        "name": item.name,
-        "label": item.label
-      }
-    });
-  }), 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', {
+  })], 1)], 1)]), _c('el-col', {
     attrs: {
-      "current-page": _vm.searchForm.currentPage,
-      "total": _vm.tableTotal,
-      "page-size": _vm.searchForm.pageSize,
-      "pager-count": 5,
-      "small": "",
-      "layout": "total, prev, pager, next, jumper"
-    },
-    on: {
-      "current-change": _vm.changePage
+      "span": 8
     }
-  })], 1), _c('el-drawer', {
+  }, [_c('div', {
+    staticClass: "col-item col-select-input-item"
+  }, [_c('el-input', {
+    staticClass: "col-input-select",
     attrs: {
-      "visible": _vm.isShowSet,
-      "with-header": false,
-      "wrapper-closable": false,
-      "append-to-body": "",
-      "size": "800px"
+      "placeholder": _vm.$i18n.t('common.please_input')
     },
-    on: {
-      "update:visible": function ($event) {
-        _vm.isShowSet = $event;
-      }
+    model: {
+      value: _vm.mailTitleInput,
+      callback: function ($$v) {
+        _vm.mailTitleInput = $$v;
+      },
+      expression: "mailTitleInput"
     }
-  }, [_vm.isShowSet ? _c('set-template', {
+  }, [_c('el-select', {
     attrs: {
-      "id": _vm.setId,
-      "rowData": _vm.rowData,
-      "selectType": _vm.searchForm.type
+      "slot": "prepend",
+      "placeholder": _vm.$i18n.t('common.please_select')
     },
     on: {
-      "init": function ($event) {
-        _vm.searchForm.currentPage = 1;
-        _vm.init();
-      },
-      "close": function ($event) {
-        _vm.setId = 0;
-        _vm.isShowSet = false;
+      "change": function ($event) {
+        _vm.mailTitleInput = '';
+        _vm.searchForm.content = '';
+        _vm.searchForm.mailSubject = '';
       }
-    }
-  }) : _vm._e()], 1), _vm.isShowSetSystem ? _c('set-sys-template', {
-    attrs: {
-      "isShowSetSystem": _vm.isShowSetSystem,
-      "tabOpts": _vm.tabOpts,
-      "mailId": _vm.mailId
     },
-    on: {
-      "closeDialog": _vm.closeDialog
+    slot: "prepend",
+    model: {
+      value: _vm.mailTitleSelect,
+      callback: function ($$v) {
+        _vm.mailTitleSelect = $$v;
+      },
+      expression: "mailTitleSelect"
     }
-  }) : _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-82.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",
-    on: {
-      "click": function ($event) {
-        return _vm.close();
-      }
+  }, [_c('el-option', {
+    attrs: {
+      "label": _vm.$t('edm2.mailEn6'),
+      "value": "1"
     }
-  }, [_c('i', {
-    staticClass: "dss-iconfont icon-close"
-  })])]), _c('div', {
-    staticClass: "drawer-body hidden-scrollbar"
-  }, [_c('el-form', {
-    ref: "form",
+  }), _c('el-option', {
     attrs: {
-      "model": _vm.form,
-      "rules": _vm.verifyForm
+      "label": _vm.$t('edm2.mailEn7'),
+      "value": "2"
     }
-  }, [_c('div', {
-    staticClass: "form-item"
-  }, [_c('span', [_vm._v(_vm._s(_vm.$i18n.t("template.template_title")))]), _c('el-form-item', {
+  })], 1)], 1)], 1)]), _c('el-col', {
     attrs: {
-      "prop": "templatesTitle"
+      "span": 8
     }
-  }, [_c('el-input', {
+  }, [_c('div', {
+    staticClass: "col-item"
+  }, [_c('span', {
+    staticClass: "col-span"
+  }, [_vm._v("模版语言")]), _c('el-select', {
+    staticClass: "col-select",
     attrs: {
-      "disabled": _vm.selectType == 1 && !!_vm.id,
-      "placeholder": _vm.$i18n.t('common.please_input') + `（30` + _vm.$i18n.t('template.word_limit') + `）`,
-      "clearable": ""
+      "placeholder": _vm.$i18n.t('common.please_select'),
+      "clearable": "",
+      "filterable": ""
     },
     model: {
-      value: _vm.form.templatesTitle,
+      value: _vm.searchForm.modelLanguage,
       callback: function ($$v) {
-        _vm.$set(_vm.form, "templatesTitle", $$v);
+        _vm.$set(_vm.searchForm, "modelLanguage", $$v);
       },
-      expression: "form.templatesTitle"
+      expression: "searchForm.modelLanguage"
     }
-  })], 1)], 1), _c('div', {
-    staticClass: "form-item"
-  }, [_c('span', [_vm._v(_vm._s(_vm.$i18n.t("template.mail_title")))]), _c('el-form-item', {
+  }, _vm._l(_vm.language, function (item) {
+    return _c('el-option', {
+      key: item.value,
+      attrs: {
+        "value": item.value,
+        "label": item.label
+      }
+    });
+  }), 1)], 1)])], 1), _c('el-row', {
+    staticStyle: {
+      "margin-top": "8px"
+    },
     attrs: {
-      "prop": "mailSubject"
+      "gutter": 12
     }
-  }, [_c('el-input', {
-    ref: "mailSubjectIpt",
+  }, [_c('el-col', {
     attrs: {
-      "disabled": _vm.selectType == 1 && !!_vm.id,
-      "placeholder": _vm.$i18n.t('common.please_input'),
+      "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": ""
     },
     on: {
-      "focus": function ($event) {
-        _vm.isFocusSubject = true;
-      }
+      "change": _vm.modelTypeChange
     },
     model: {
-      value: _vm.form.mailSubject,
+      value: _vm.searchForm.type,
       callback: function ($$v) {
-        _vm.$set(_vm.form, "mailSubject", $$v);
+        _vm.$set(_vm.searchForm, "type", $$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",
-    attrs: {
-      "height": 400,
-      "theme": "light"
-    },
-    on: {
-      "click": function ($event) {
-        _vm.isFocusSubject = false;
-      }
-    }
-  }), !(_vm.selectType == 1 && !!_vm.id) ? _c('div', {
-    staticClass: "form-tool"
-  }, [_c('div', {
-    staticClass: "form-tool-title"
-  }, [_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);
-      }
+      expression: "searchForm.type"
     }
-  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("writeMail.channel_Id")) + " ")]), _c('button', {
-    staticClass: "mb8 mr16",
+  }, [_c('el-option', {
+    key: 1,
     attrs: {
-      "disabled": _vm.selectType == 1 && !!_vm.id
-    },
-    on: {
-      "click": function ($event) {
-        $event.preventDefault();
-        return _vm.setVariable(1);
-      }
+      "value": 1,
+      "label": "系统模版"
     }
-  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("writeMail.fans_num")) + " ")]), _c('button', {
+  }), _c('el-option', {
+    key: 2,
     attrs: {
-      "disabled": _vm.selectType == 1 && !!_vm.id
-    },
-    on: {
-      "click": function ($event) {
-        $event.preventDefault();
-        return _vm.setVariable(2);
-      }
+      "value": 2,
+      "label": "自定义模版"
     }
-  }, [_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', {
+  })], 1)], 1)]), _c('el-col', {
     attrs: {
-      "prop": "scene"
+      "span": 8
     }
-  }, [_c('el-input', {
+  }, [_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_input') + `（20` + _vm.$i18n.t('template.word_limit') + `）`,
-      "disabled": _vm.selectType == 1 && !!_vm.id,
+      "placeholder": _vm.$i18n.t('common.please_select'),
       "clearable": ""
     },
     model: {
-      value: _vm.form.scene,
+      value: _vm.searchForm.isShared,
       callback: function ($$v) {
-        _vm.$set(_vm.form, "scene", $$v);
+        _vm.$set(_vm.searchForm, "isShared", $$v);
       },
-      expression: "form.scene"
+      expression: "searchForm.isShared"
     }
-  })], 1)], 1), _c('div', {
-    staticClass: "form-item mb24"
-  }, [_c('span', [_vm._v(_vm._s(_vm.$i18n.t("template.language")))]), _c('el-form-item', {
+  }, [_c('el-option', {
+    key: 1,
     attrs: {
-      "prop": "modelLanguage"
+      "value": true,
+      "label": "公开"
     }
-  }, [_c('el-select', {
+  }), _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'),
-      "disabled": _vm.selectType == 1 && !!_vm.id,
-      "clearable": ""
+      "clearable": "",
+      "filterable": ""
     },
     model: {
-      value: _vm.form.modelLanguage,
+      value: _vm.searchForm.userId,
       callback: function ($$v) {
-        _vm.$set(_vm.form, "modelLanguage", $$v);
+        _vm.$set(_vm.searchForm, "userId", $$v);
       },
-      expression: "form.modelLanguage"
+      expression: "searchForm.userId"
     }
-  }, _vm._l(_vm.enumData.language, function (t, i) {
+  }, _vm._l(_vm.accountList, function (item) {
     return _c('el-option', {
-      key: i,
+      key: item.userId,
       attrs: {
-        "value": Number(t.value),
-        "label": t.label
+        "label": item.userName,
+        "value": item.userId
       }
     });
-  }), 1)], 1)], 1)])], 1), !(_vm.selectType == 1 && !!_vm.id) ? _c('div', {
-    staticClass: "drawer-foot"
-  }, [_c('button', {
-    staticClass: "drawer-btn drawer-btn-linear mr24",
+  }), 1)], 1)])], 1), _c('el-row', {
+    staticStyle: {
+      "margin-top": "8px"
+    },
+    attrs: {
+      "gutter": 20
+    }
+  }, [_c('el-col', {
+    attrs: {
+      "span": 24
+    }
+  }, [_c('div', {
+    staticClass: "btns_box"
+  }, [_c('div', [_c('el-button', {
+    attrs: {
+      "type": "primary"
+    },
     on: {
       "click": function ($event) {
-        return _vm.close();
+        _vm.searchForm.currentPage = 1;
+        _vm.getCardList();
       }
     }
-  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("common.cancle")) + " ")]), _c('button', {
-    staticClass: "drawer-btn drawer-btn-face",
+  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("searchButton.search")) + " ")]), _c('el-button', {
+    on: {
+      "click": _vm.resetEvt
+    }
+  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("searchButton.reset")) + " ")])], 1), _c('div', {
+    staticStyle: {
+      "display": "flex",
+      "align-items": "center"
+    }
+  }, [_c('div', {
+    staticClass: "right_sort"
+  }, [_c('el-dropdown', {
     attrs: {
-      "disabled": _vm.isSubmit
+      "placement": "bottom"
+    }
+  }, [_c('div', {
+    staticClass: "sort_btn"
+  }, [_c('i', {
+    staticClass: "dss-iconfont"
+  }, [_vm._v("")]), _vm._v(" " + _vm._s(_vm.sortConfig.find(item => item.value == _vm.searchForm.searchSort).label) + " ")]), _c('el-dropdown-menu', {
+    attrs: {
+      "slot": "dropdown"
+    },
+    slot: "dropdown"
+  }, _vm._l(_vm.sortConfig, function (item, index) {
+    return _c('el-dropdown-item', {
+      key: index,
+      staticStyle: {
+        "white-space": "nowrap"
+      },
+      attrs: {
+        "command": item.value
+      },
+      nativeOn: {
+        "click": function ($event) {
+          return _vm.clickDropdownItem(item);
+        }
+      }
+    }, [_vm._v(_vm._s(item.label))]);
+  }), 1)], 1)], 1)])])])], 1)], 1), _c('div', {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: _vm.loading,
+      expression: "loading"
+    }],
+    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);
+        }
+      }
+    }, [_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)) + " ")]), item.attachmentNum ? _c('div', {
+      staticClass: "lang_box"
+    }, [_vm._v(" 附件：" + _vm._s(item.attachmentNum) + "个 ")]) : _vm._e(), item.productCardNum ? _c('div', {
+      staticClass: "lang_box"
+    }, [_vm._v(" 商品卡：" + _vm._s(item.productCardNum) + "个 ")]) : _vm._e()])]), _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"
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.setMailTemplate(item);
+        }
+      }
+    }, [_vm._v("应用")])], 1)])])])]);
+  }), 0) : _c('Empty')], 1), _c('div', {
+    staticClass: "page_box"
+  }, [_c('el-pagination', {
+    attrs: {
+      "current-page": _vm.searchForm.currentPage,
+      "page-size": _vm.searchForm.pageSize,
+      "layout": "total,prev, pager, next, jumper",
+      "total": _vm.total
     },
     on: {
-      "click": _vm.submit
+      "size-change": _vm.handleSizeChange,
+      "current-change": _vm.handleCurrentChange,
+      "update:currentPage": function ($event) {
+        return _vm.$set(_vm.searchForm, "currentPage", $event);
+      },
+      "update:current-page": function ($event) {
+        return _vm.$set(_vm.searchForm, "currentPage", $event);
+      }
     }
-  }, [_vm._v(" " + _vm._s(_vm.$i18n.t("common.confirm")) + " "), _vm.isSubmit ? _c('i', {
-    staticClass: "el-icon-loading"
-  }) : _vm._e()])]) : _vm._e()]);
+  })], 1)]);
 };
-var SetTemplatevue_type_template_id_87417d06_scoped_true_staticRenderFns = [];
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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
+var TemplateListvue_type_template_id_d1b92a60_scoped_true_staticRenderFns = [];
 
+;// ./src/components/EdmElement/TemplateCom/TemplateList.vue?vue&type=template&id=d1b92a60&scoped=true
 
+;// ./src/components/EdmElement/TemplateCom/const.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
-      },
-      // 枚举数据
-      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;
-        }
-        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;
-        }
-        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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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
-
-
-
-;
+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-82.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
 
 
-/* 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-82.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;
-      },
-      "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', {
-    attrs: {
-      "filterable": "",
-      "placeholder": _vm.$i18n.t('common.please_select'),
-      "clearable": ""
-    },
-    model: {
-      value: _vm.setSystemForm.modelType,
-      callback: function ($$v) {
-        _vm.$set(_vm.setSystemForm, "modelType", $$v);
-      },
-      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
-      }
-    });
-  }), 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')) + " ")])])]);
-};
-var SetSysTemplatevue_type_template_id_3c0d8a32_scoped_true_staticRenderFns = [];
 
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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");
-    }
+function createSearchForm(tar) {
+  let raw = {
+    templatesTitle: "",
+    //模板标题
+    scene: "",
+    //应用场景
+    mailSubject: "",
+    //邮件主题
+    content: "",
+    //正文
+    type: null,
+    //模版类型 1-系统模板；2-自定义模板
+    modelLanguage: "",
+    //语言
+    isShared: "",
+    //是否共享
+    userId: "",
+    //创建人
+    searchSort: 1,
+    //排序
+    currentPage: 1,
+    pageSize: 10
+  };
+  if (tar) {
+    raw = Object.assign(raw, tar);
   }
-});
-;// ./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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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
-
-
-
-;
-
-
-/* normalize component */
-
-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
-  
-)
-
-/* harmony default export */ var SetSysTemplate = (SetSysTemplate_component.exports);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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
-
-
-
-
-
+  return raw;
+}
 /* harmony default export */ var TemplateListvue_type_script_lang_js = ({
   components: {
-    SetTemplate: SetTemplate,
-    SetSysTemplate: SetSysTemplate
+    Empty: Empty
   },
   props: {
     userId: {
@@ -119185,161 +119031,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: [],
+      templateList: [],
+      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;
+    },
+    // 应用模版
+    setMailTemplate(data) {
+      this.$emit("setMailTemplate", data);
+    },
+    // 跳转详情
+    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 != 1) {
+          this.searchForm.scene = this.contentInput;
+        }
+      }
+      if (this.mailTitleSelect == "1") {
+        this.searchForm.mailSubject = this.mailTitleInput;
+      } else if (this.mailTitleSelect == "2") {
+        this.searchForm.content = this.mailTitleInput;
+      }
+      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);
         }
       });
     },
-    // 翻页
-    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(() => {});
+    // 模板类型切换
+    modelTypeChange(val) {
+      this.searchForm.scene = "";
+      this.contentInput = "";
     },
-    // 设置邮件模板
-    setMailTemplate(data) {
-      this.$emit("setMailTemplate", data);
+    // 重置
+    resetEvt() {
+      this.searchForm = createSearchForm();
+      this.contentSelect = "1";
+      this.contentInput = "";
+      this.mailTitleSelect = "1";
+      this.mailTitleInput = "";
+      this.getCardList();
     },
-    // 打开编辑模板
-    showSetTemplate(row) {
-      this.setId = row.id;
-      this.rowData = row;
-      this.isShowSet = true;
+    // 获取账号下的账户
+    getAccountList() {
+      hubUserSonFather().then(res => {
+        if (res.code == "0") {
+          this.accountList = res.data;
+        } else {
+          this.$message.error(res.message);
+        }
+      });
     },
-    // 切换选项卡
-    swicthTab(tab) {
-      this.searchForm.modelType = tab.name;
+    // 排序按钮
+    clickDropdownItem(item) {
       this.searchForm.currentPage = 1;
-      this.init();
+      this.searchForm.searchSort = item.value;
+      this.getCardList();
     },
-    // 时间戳转换
-    parseTime(date, format) {
-      return parseTime(date, format);
-    },
-    // 下载模板
-    downloadTem(obj) {
-      window.location.href = obj.downloadUrl;
-    },
-    // 打开转为系统模版弹窗
-    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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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=d1b92a60&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=d1b92a60&prod&lang=scss&scoped=true
 
 ;// ./src/components/EdmElement/TemplateCom/TemplateList.vue
 
@@ -119348,16 +119156,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_d1b92a60_scoped_true_render,
+  TemplateListvue_type_template_id_d1b92a60_scoped_true_staticRenderFns,
   false,
   null,
-  "13a1b12d",
+  "d1b92a60",
   null
   
 )
@@ -121733,6 +121540,406 @@ function inviteEmailSave(data) {
 function inviteEmailGet(taskId) {
   return request_get(`/edm/ai/inviteEmail/${taskId}`);
 }
+;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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=62cde375&scoped=true
+var saveMailTempDialogvue_type_template_id_62cde375_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": "共享状态"
+    }
+  }, [_c('el-select', {
+    attrs: {
+      "clearable": "",
+      "placeholder": "请选择共享状态"
+    },
+    model: {
+      value: _vm.ruleForm.isShared,
+      callback: function ($$v) {
+        _vm.$set(_vm.ruleForm, "isShared", $$v);
+      },
+      expression: "ruleForm.isShared"
+    }
+  }, [_c('el-option', {
+    key: 1,
+    attrs: {
+      "value": true,
+      "label": "公开"
+    }
+  }), _c('el-option', {
+    key: 2,
+    attrs: {
+      "value": false,
+      "label": "私有"
+    }
+  })], 1)], 1)], 1), _c('div', {
+    staticClass: "footer-btn"
+  }, [_c('el-button', {
+    on: {
+      "click": function ($event) {
+        return _vm.resetForm('ruleForm');
+      }
+    }
+  }, [_vm._v(_vm._s(_vm.$t("edm5.v226")))]), _c('el-button', {
+    attrs: {
+      "type": "primary",
+      "loading": _vm.confirmBtnLoading
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.submitForm('ruleForm');
+      }
+    }
+  }, [_vm._v(_vm._s(_vm.$t("edm5.v45")))])], 1)], 1)]);
+};
+var saveMailTempDialogvue_type_template_id_62cde375_scoped_true_staticRenderFns = [];
+
+;// ./src/api/mailData/index.js
+
+
+// 文件上传
+async function mailData_uploadFile(data) {
+  let res = await post("/edm/mail/upload_file", data);
+  return res;
+}
+// 邮件发送数据
+async function getSendList(data) {
+  let res = await request_post("/edm/outbox/sendData", data);
+  if (res.code === '0') {
+    return res;
+  }
+  return null;
+}
+
+// 邮件接收数据 inbox/receiveData
+async function getReceiveList(data) {
+  let res = await request_post("/edm/inbox/receiveData", data);
+  if (res) {
+    return res;
+  }
+  return null;
+}
+
+// 查看详情-收件数据
+async function mailData_getInboxDetail(id) {
+  let res = await get(`/edm/inbox/inboxDetail/${id}`);
+  if (res) {
+    return res;
+  }
+  return null;
+}
+
+// 查看会话-收件数据
+async function getInboxDialogue(chatId) {
+  let res = await request_get(`/edm/inbox/inboxDialogue/${chatId}`);
+  if (res) {
+    return res;
+  }
+  return null;
+}
+
+// 查看收件箱详情 /inbox/inboxDetail/{id}
+async function getInboxDialogue1(id) {
+  let res = await request_get(`/edm/inbox/inboxDetail/${id}`);
+  if (res) {
+    return res;
+  }
+  return null;
+}
+
+//发送详情
+async function getSendDetail(id) {
+  let res = await get(`/edm/outbox/outBoxDetail/${id}`);
+  if (res.code === '0') {
+    return res;
+  }
+  return null;
+}
+
+// 发信详情   sendDetail/{id}
+async function getDetailReceive() {
+  let res = await get(`/edm/inbox/receiveData`);
+  if (res.code === '0') {
+    return res;
+  }
+  return null;
+}
+
+// 发件数据详情 --和邮件往来一样
+async function sendDetail(id) {
+  let res = await request_get(`/edm/mail/sendDetail/${id}`);
+  if (res.code === '0') {
+    return res;
+  }
+  return null;
+}
+
+// 收信详情
+async function getDetailSend(id) {
+  let res = await get(`/edm/outbox/sendData`);
+  if (res.code === '0') {
+    return res;
+  }
+  return null;
+}
+
+// 查看AI回复 - 发件
+async function AiReplyDetail(id) {
+  let res = await request_get(`/edm/outbox/selAiReply/${id}`);
+  if (res) {
+    return res;
+  }
+  return null;
+}
+
+// 查看AI回复 收件 
+async function aiReply(params) {
+  let res = await request_post(`/edm/inbox/aiReply`, params);
+  if (res) {
+    return res;
+  }
+  return null;
+}
+
+// 导出收信数据 /inbox/exportReceiveData
+async function exportReceiveData(params) {
+  let res = await request_post(`/edm/inbox/exportReceiveData`, params, 'blob');
+  if (res) {
+    return res;
+  }
+  return null;
+}
+
+// 导出发信数据 /outbox/exportSendData
+async function exportSendData(params) {
+  let res = await request_post(`/edm/outbox/exportSendData`, params, 'blob');
+  if (res) {
+    return res;
+  }
+  return null;
+}
+// 保存模版
+
+async function addTemplate(params) {
+  let res = await request_post(`/edm/template/addTemplate`, params);
+  if (res) {
+    return res;
+  }
+  return null;
+}
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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
+
+
+
+
+/* harmony default export */ var saveMailTempDialogvue_type_script_lang_js = ({
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    mailTempList: {
+      type: Array,
+      default: () => []
+    },
+    tempProductCard: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      confirmBtnLoading: false,
+      loading: false,
+      ruleForm: {
+        templatesTitle: "",
+        scene: "",
+        modelLanguage: "",
+        isShared: false
+      },
+      rules: {
+        templatesTitle: [{
+          required: true,
+          message: "请输入模版名称",
+          trigger: "blur"
+        }],
+        modelLanguage: [{
+          required: true,
+          message: "请选择模版语言",
+          trigger: "change"
+        }],
+        scene: [{
+          required: true,
+          message: "请输入应用场景",
+          trigger: "change"
+        }]
+      },
+      language: const_language
+    };
+  },
+  created() {},
+  methods: {
+    // 处理邮件参数
+    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 {
+        mailSubject: currentMail.subject,
+        content,
+        attachments: currentMail.fileList
+      };
+    },
+    // 表单验证
+    submitForm(formName) {
+      const mailParams = this.getMailParams();
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          const paramsObj = {
+            ...this.ruleForm,
+            ...mailParams
+          };
+          //新增
+          addTemplate(paramsObj).then(res => {
+            console.log(res, "resss");
+            if (res.code == "0") {
+              this.$message.success("保存成功");
+              this.closeDialog();
+            } else {
+              this.$message.error(res.message);
+            }
+          });
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+      this.closeDialog();
+    },
+    closeDialog() {
+      this.$emit("update:visible", false);
+    }
+  }
+});
+;// ./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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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=62cde375&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./src/package/write-email/components/saveMailTempDialog.vue?vue&type=style&index=0&id=62cde375&prod&lang=scss&scoped=true
+
+;// ./src/package/write-email/components/saveMailTempDialog.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var saveMailTempDialog_component = normalizeComponent(
+  components_saveMailTempDialogvue_type_script_lang_js,
+  saveMailTempDialogvue_type_template_id_62cde375_scoped_true_render,
+  saveMailTempDialogvue_type_template_id_62cde375_scoped_true_staticRenderFns,
+  false,
+  null,
+  "62cde375",
+  null
+  
+)
+
+/* harmony default export */ var saveMailTempDialog = (saveMailTempDialog_component.exports);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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
 
 
@@ -121774,6 +121981,7 @@ function inviteEmailGet(taskId) {
 
 
 
+
 
 
 /* harmony default export */ var write_emailvue_type_script_lang_js = ({
@@ -121796,7 +122004,8 @@ function inviteEmailGet(taskId) {
     SignTextDrawer: signText,
     MailTemplateDrawer: mailTemplate,
     AiMailDialog: aiMail,
-    MailOptimizeDrawer: mailOptimize
+    MailOptimizeDrawer: mailOptimize,
+    saveMailTempDialog: saveMailTempDialog
   },
   props: {
     // pm 添加
@@ -122025,7 +122234,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() {
@@ -122101,6 +122314,18 @@ function inviteEmailGet(taskId) {
     window.onbeforeunload = null;
   },
   methods: {
+    // 保存邮件模版
+    saveMailTemplate() {
+      const currentMail = this.mailList.find(item => item.active);
+      if (currentMail.subject == '') {
+        this.$message.error('请输入邮件主题');
+        return;
+      }
+      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() {
       // 初始化收件人
@@ -122507,6 +122732,7 @@ function inviteEmailGet(taskId) {
               active: idx === 0,
               // 是否当前选中
               isAiContent: false,
+              templateId: item.templateId,
               getContent: () => {},
               getTextContent: () => {},
               setContent: () => {},
@@ -122731,7 +122957,8 @@ function inviteEmailGet(taskId) {
           id: item.id,
           subject: item.subject,
           content: content,
-          attachments: item.fileList
+          attachments: item.fileList,
+          templateId: item.templateId
         };
       });
 
@@ -122908,7 +123135,8 @@ function inviteEmailGet(taskId) {
           id: item.id,
           subject: item.subject,
           content: item.getContent() + "&nbsp;&nbsp;&nbsp;" + item.getReplyHtml() + sendProductCard,
-          attachments: item.fileList
+          attachments: item.fileList,
+          templateId: item.templateId
         };
       });
       // 处理红人
@@ -123061,15 +123289,38 @@ function inviteEmailGet(taskId) {
     },
     // 设置模板
     setMailTemplate(data) {
-      this.mailList.forEach(mail => {
-        if (mail.active) {
-          mail.subject = data.mailSubject;
-          if (mail.setContent) {
-            mail.setContent(data.content);
+      this.mailTemplateDrawerVisible = false;
+      templatesDetail(data.id).then(res => {
+        if (res.code == '0') {
+          const detailObj = res.data;
+          if (detailObj) {
+            // 获取模版详情
+            this.mailList.forEach(mail => {
+              if (mail.active) {
+                mail.subject = detailObj.mailSubject;
+                mail.templateId = detailObj.id;
+                mail.fileList = detailObj.attachmentRes;
+                if (mail.setContent) {
+                  mail.setContent(detailObj.content);
+                }
+              }
+            });
+            // 商品卡相关逻辑
+            if (detailObj.content) {
+              let productCardStart = detailObj.content.indexOf('<product-card');
+              let productCardEnd = detailObj.content.indexOf('</product-card>');
+              let productCardHtml = detailObj.content.slice(productCardStart, productCardEnd + 15);
+              const cardIdsMatch = productCardHtml.match(/cardids="([^"]+)"/);
+              if (cardIdsMatch && cardIdsMatch[1]) {
+                const cardIds = cardIdsMatch[1]; // 获取匹配到的cardids值
+                this.addProductCard(cardIds.split(","));
+              }
+            }
           }
+        } else {
+          this.$message.error(res.message);
         }
-      });
-      this.mailTemplateDrawerVisible = false;
+      }).catch(() => {});
     },
     // 设置签名
     setMailSign(data) {
@@ -123408,15 +123659,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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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=6c2fdda1&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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=4a0856bf&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/package/write-email/index.vue?vue&type=style&index=0&id=6c2fdda1&prod&lang=scss&scoped=true
+;// ./src/package/write-email/index.vue?vue&type=style&index=0&id=4a0856bf&prod&lang=scss&scoped=true
 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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=6c2fdda1&prod&lang=scss
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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=4a0856bf&prod&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// ./src/package/write-email/index.vue?vue&type=style&index=1&id=6c2fdda1&prod&lang=scss
+;// ./src/package/write-email/index.vue?vue&type=style&index=1&id=4a0856bf&prod&lang=scss
 
 ;// ./src/package/write-email/index.vue
 
@@ -123430,11 +123681,11 @@ function inviteEmailGet(taskId) {
 
 var write_email_component = normalizeComponent(
   package_write_emailvue_type_script_lang_js,
-  write_emailvue_type_template_id_6c2fdda1_scoped_true_render,
-  write_emailvue_type_template_id_6c2fdda1_scoped_true_staticRenderFns,
+  write_emailvue_type_template_id_4a0856bf_scoped_true_render,
+  write_emailvue_type_template_id_4a0856bf_scoped_true_staticRenderFns,
   false,
   null,
-  "6c2fdda1",
+  "4a0856bf",
   null
   
 )
@@ -123501,8 +123752,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-82.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-82.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=31e099df&scoped=true
+var singleSendMailvue_type_template_id_31e099df_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -123823,6 +124074,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"
@@ -123864,7 +124134,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_31e099df_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/dayjs/dayjs.min.js
 var dayjs_min = __webpack_require__(4353);
@@ -123952,6 +124222,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,
@@ -124000,6 +124274,32 @@ 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({
+              type: "error",
+              duration: 7000,
+              message: res.message
+            });
+          }
+        });
+      }).catch(() => {});
+    },
     // 主题-正文
     changeContentMode(val) {
       this.contentSelect = val;
@@ -124193,10 +124493,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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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=31e099df&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=31e099df&prod&lang=scss&scoped=true
 
 ;// ./src/package/outbox-email/components/singleSendMail.vue
 
@@ -124209,18 +124509,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_31e099df_scoped_true_render,
+  singleSendMailvue_type_template_id_31e099df_scoped_true_staticRenderFns,
   false,
   null,
-  "1f01a884",
+  "31e099df",
   null
   
 )
 
 /* harmony default export */ var singleSendMail = (singleSendMail_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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-82.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=561c9fe0&scoped=true
+var replySendMailvue_type_template_id_561c9fe0_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -124510,6 +124810,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"
@@ -124536,7 +124855,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_561c9fe0_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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
 
@@ -124608,6 +124927,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",
@@ -124659,6 +124982,32 @@ 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({
+              type: "error",
+              duration: 7000,
+              message: res.message
+            });
+          }
+        });
+      }).catch(() => {});
+    },
     // 去除html标签
     filterHtmlTag(str) {
       if (str) {
@@ -124870,10 +125219,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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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=561c9fe0&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=561c9fe0&prod&lang=scss&scoped=true
 
 ;// ./src/package/outbox-email/components/replySendMail.vue
 
@@ -124886,11 +125235,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_561c9fe0_scoped_true_render,
+  replySendMailvue_type_template_id_561c9fe0_scoped_true_staticRenderFns,
   false,
   null,
-  "9bfe54da",
+  "561c9fe0",
   null
   
 )
@@ -126358,8 +126707,8 @@ var draft_email_component = normalizeComponent(
 )
 
 /* harmony default export */ var draft_email = (draft_email_component.exports);
-;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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-82.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=ad633b50&scoped=true
+var detailvue_type_template_id_ad633b50_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.emailArr.length !== 0 ? _c('div', {
@@ -126372,6 +126721,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"
@@ -126598,7 +126952,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_ad633b50_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=ad633b50&scoped=true
 
 ;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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() {
@@ -126847,6 +127213,31 @@ 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({
+              type: "error",
+              duration: 7000,
+              message: res.message
+            });
+          }
+        });
+      }).catch(() => {});
+    },
     // 红人档案侧抽
     toBloggerDeatil(item) {
       this.$emit("toBloggerDeatil", item);
@@ -126978,10 +127369,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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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=ad633b50&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=ad633b50&prod&lang=scss&scoped=true
 
 ;// ./src/package/outbox-email/detail.vue
 
@@ -126994,11 +127385,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_ad633b50_scoped_true_render,
+  detailvue_type_template_id_ad633b50_scoped_true_staticRenderFns,
   false,
   null,
-  "cfc1a914",
+  "ad633b50",
   null
   
 )
@@ -127304,7 +127695,7 @@ async function mailList2(data) {
 }
 
 //   查看邮件往来里的发件详情
-async function sendDetail(params) {
+async function blogmail_sendDetail(params) {
   let res = await get(`/edm/mail/sendDetail/${params.id}`);
   return res;
 }
@@ -128549,130 +128940,6 @@ var Editorvue_type_template_id_16051201_scoped_true_render = function render() {
 };
 var Editorvue_type_template_id_16051201_scoped_true_staticRenderFns = [];
 
-;// ./src/api/mailData/index.js
-
-
-// 文件上传
-async function mailData_uploadFile(data) {
-  let res = await post("/edm/mail/upload_file", data);
-  return res;
-}
-// 邮件发送数据
-async function getSendList(data) {
-  let res = await request_post("/edm/outbox/sendData", data);
-  if (res.code === '0') {
-    return res;
-  }
-  return null;
-}
-
-// 邮件接收数据 inbox/receiveData
-async function getReceiveList(data) {
-  let res = await request_post("/edm/inbox/receiveData", data);
-  if (res) {
-    return res;
-  }
-  return null;
-}
-
-// 查看详情-收件数据
-async function mailData_getInboxDetail(id) {
-  let res = await get(`/edm/inbox/inboxDetail/${id}`);
-  if (res) {
-    return res;
-  }
-  return null;
-}
-
-// 查看会话-收件数据
-async function getInboxDialogue(chatId) {
-  let res = await request_get(`/edm/inbox/inboxDialogue/${chatId}`);
-  if (res) {
-    return res;
-  }
-  return null;
-}
-
-// 查看收件箱详情 /inbox/inboxDetail/{id}
-async function getInboxDialogue1(id) {
-  let res = await request_get(`/edm/inbox/inboxDetail/${id}`);
-  if (res) {
-    return res;
-  }
-  return null;
-}
-
-//发送详情
-async function getSendDetail(id) {
-  let res = await get(`/edm/outbox/outBoxDetail/${id}`);
-  if (res.code === '0') {
-    return res;
-  }
-  return null;
-}
-
-// 发信详情   sendDetail/{id}
-async function getDetailReceive() {
-  let res = await get(`/edm/inbox/receiveData`);
-  if (res.code === '0') {
-    return res;
-  }
-  return null;
-}
-
-// 发件数据详情 --和邮件往来一样
-async function mailData_sendDetail(id) {
-  let res = await request_get(`/edm/mail/sendDetail/${id}`);
-  if (res.code === '0') {
-    return res;
-  }
-  return null;
-}
-
-// 收信详情
-async function getDetailSend(id) {
-  let res = await get(`/edm/outbox/sendData`);
-  if (res.code === '0') {
-    return res;
-  }
-  return null;
-}
-
-// 查看AI回复 - 发件
-async function AiReplyDetail(id) {
-  let res = await request_get(`/edm/outbox/selAiReply/${id}`);
-  if (res) {
-    return res;
-  }
-  return null;
-}
-
-// 查看AI回复 收件 
-async function aiReply(params) {
-  let res = await request_post(`/edm/inbox/aiReply`, params);
-  if (res) {
-    return res;
-  }
-  return null;
-}
-
-// 导出收信数据 /inbox/exportReceiveData
-async function exportReceiveData(params) {
-  let res = await request_post(`/edm/inbox/exportReceiveData`, params, 'blob');
-  if (res) {
-    return res;
-  }
-  return null;
-}
-
-// 导出发信数据 /outbox/exportSendData
-async function exportSendData(params) {
-  let res = await request_post(`/edm/outbox/exportSendData`, params, 'blob');
-  if (res) {
-    return res;
-  }
-  return null;
-}
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/MailPage/Editor.vue?vue&type=script&lang=js
 //import { uploadFile } from '@/api'
 
@@ -129813,7 +130080,7 @@ var AttachmentList_component = normalizeComponent(
   methods: {
     // 获取页面数据
     initPageData() {
-      mailData_sendDetail(this.id).then(res => {
+      sendDetail(this.id).then(res => {
         if (res) {
           this.mailData = res.data;
         }