bcc

src/views/customer/components/addEmail.vue

@@ -58,6 +58,44 @@
             </xy-table>
           </div>
         </div>
+      </template>
+      <!-- v-if="!(form.key === 'reset_password'||form.key === 'order_customer')" -->
+      <template v-slot:bcc>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label" style="font-weight: bold">
+            <span style="color: red;font-weight: bold;padding-right: 4px;"></span>Bcc：
+          </div>
+          <div class="xy-table-item-content">
+            <el-button type="primary" style="margin-bottom:10px" size="small" @click="addBcc">Add</el-button>
+            <xy-table key="1" style="width:850px" :list="form.bcc" :isPage="false" :height="350"
+              :table-item="email_item">
+              <template v-slot:title>
+                <el-table-column align='left' label="title" width="340">
+                  <template slot-scope="scope">
+                    <el-input placeholder="Please Input" style="width:100%" v-model="scope.row.title"></el-input>
+                  </template>
+                </el-table-column>
+              </template>
+              <template v-slot:value>
+                <el-table-column align='left' label="email" width="340">
+                  <template slot-scope="scope">
+                    <el-input placeholder="Please Input" style="width:100%" v-model="scope.row.value"></el-input>
+                  </template>
+                </el-table-column>
+              </template>
+              <template v-slot:btns>
+                <el-table-column align='center' label="operate" width="170" header-align="center">
+                  <template slot-scope="scope">
+                    <el-popconfirm confirm-button-text="confirm" cancel-button-text="cancel" style="margin:0 10px"
+                      @confirm="delBcc(scope.$index)" title="Are you sure to delete it?">
+                      <el-button type="danger" size="small" slot="reference">delete</el-button>
+                    </el-popconfirm>
+                  </template>
+                </el-table-column>
+              </template>
+            </xy-table>
+          </div>
+        </div>
       </template>
 
       <template v-slot:template>
@@ -182,7 +220,8 @@
         form: {
           key: '',
           name: '',
-          email: [],
+          email: [],
+          bcc:[],
           template: ''
         },
         rules: {
@@ -206,6 +245,16 @@
       delEmail(index) {
 
         this.form.email.splice(index, 1)
+      },
+      addBcc() {
+        this.form.bcc.push({
+          value: '',
+          title: ''
+        })
+      },
+      delBcc(index) {
+
+        this.form.bcc.splice(index, 1)
       },
       submit() {
         if (this.id) {
@@ -233,7 +282,8 @@
           id: this.id,
         }).then(res => {
           this.form = this.base.requestToForm(res, this.form)
-          this.form.email = res.email ? res.email : []
+          this.form.email = res.email ? res.email : [],
+          this.form.bcc = res.bcc ? res.bcc : []
           this.form.template = res.template ? res.template : ''
 
           this.showWang = true
@@ -252,7 +302,8 @@
           this.form = {
             key: '',
             name: '',
-            email: [],
+            email: [],
+            bcc:[],
             template: ''
           }
           this.showWang = false