yshop1.7发布,后台升級eladmin2.4(前端,后台权限,代码生成器等重构),修复商品分类等一些问题

src/views/tools/email/send.vue

@@ -2,35 +2,33 @@
   <div>
     <el-form ref="form" :model="form" :rules="rules" style="margin-top: 6px;" size="small" label-width="100px">
       <el-form-item label="邮件标题" prop="subject">
-        <el-input v-model="form.subject" style="width: 40%"/>
+        <el-input v-model="form.subject" style="width: 646px" />
       </el-form-item>
       <el-form-item
         v-for="(domain, index) in tos"
+        :key="domain.key"
         :label="'收件邮箱' + (index === 0 ? '': index)"
-        :key="domain.key">
-        <el-input v-model="domain.value" style="width: 31%"/>
+      >
+        <el-input v-model="domain.value" style="width: 550px" />
         <el-button icon="el-icon-plus" @click="addDomain" />
-        <el-button style="margin-left:0px;" icon="el-icon-minus" @click.prevent="removeDomain(domain)"/>
+        <el-button style="margin-left:0;" icon="el-icon-minus" @click.prevent="removeDomain(domain)" />
       </el-form-item>
-      <div ref="editor" class="editor"/>
+      <div ref="editor" class="editor" />
       <el-button :loading="loading" style="margin-left:1.6%;" size="medium" type="primary" @click="doSubmit">发送邮件</el-button>
     </el-form>
   </div>
 </template>
 
 <script>
+import { send } from '@/api/tools/email'
+import { upload } from '@/utils/upload'
+import { validEmail } from '@/utils/validate'
 import { mapGetters } from 'vuex'
-import { getToken } from '@/utils/auth'
-import { send } from '@/api/email'
-import { validatEmail } from '@/utils/validate'
 import E from 'wangeditor'
 export default {
   name: 'Index',
   data() {
     return {
-      headers: {
-        'Authorization': 'Bearer ' + getToken()
-      },
       loading: false, form: { subject: '', tos: [], content: '' },
       tos: [{
         value: ''
@@ -44,21 +42,26 @@ export default {
   },
   computed: {
     ...mapGetters([
-      // sm.ms图床
-      'imagesUploadApi',
-      // 七牛云 按需选择
-      'qiNiuUploadApi'
+      'imagesUploadApi'
     ])
   },
   mounted() {
+    const _this = this
     var editor = new E(this.$refs.editor)
-    editor.customConfig.uploadImgShowBase64 = true // 使用 base64 保存图片
-    // 不可修改
-    editor.customConfig.uploadImgHeaders = this.headers
-    // 自定义文件名，不可修改，修改后会上传失败
-    editor.customConfig.uploadFileName = 'file'
-    // 上传到哪儿，按需选择
-    editor.customConfig.uploadImgServer = this.imagesUploadApi // 上传图片到服务器
+    // 自定义菜单配置
+    editor.customConfig.zIndex = 10
+    // 文件上传
+    editor.customConfig.customUploadImg = function(files, insert) {
+      // files 是 input 中选中的文件列表
+      // insert 是获取图片 url 后，插入到编辑器的方法
+      files.forEach(image => {
+        files.forEach(image => {
+          upload(_this.imagesUploadApi, image).then(data => {
+            insert(data.data.url)
+          })
+        })
+      })
+    }
     editor.customConfig.onchange = (html) => {
       this.form.content = html
     }
@@ -95,7 +98,7 @@ export default {
                 type: 'warning'
               })
               sub = true
-            } else if (validatEmail(data.value)) {
+            } else if (validEmail(data.value)) {
               _this.form.tos.push(data.value)
             } else {
               _this.$message({
@@ -131,5 +134,9 @@ export default {
   .editor{
     text-align:left;
     margin: 20px;
+    width: 730px;
+  }
+  /deep/ .w-e-text-container {
+    height: 360px !important;
   }
 </style>