bug

project/activeAnalysis/app/AppMarketingActivity/components/Detail.vue

@@ -97,6 +97,13 @@
               :current.sync="search.current"
               :size.sync="search.size"
               @getList="getList">
+              <el-table-column slot="options" width="110px" fixed="right" label="操作" align="center">
+                <template slot-scope="{ row }">
+                  <div class="table-options">
+                    <el-button type="text" @click="changePhone(row.id, row.phone)">更换手机号</el-button>
+                  </div>
+                </template>
+              </el-table-column>
             </ai-table>
           </template>
         </ai-card>
@@ -149,6 +156,17 @@
           </template>
         </ai-card>
       </div>
+      <ai-dialog
+        :visible.sync="isShowPhone"
+        width="790px"
+        @onConfirm="onConfirm"
+        title="更换手机号">
+        <el-form class="ai-form" :model="form" label-width="180px!important" ref="form">
+          <el-form-item prop="phone" style="width: 100%;" label="标题" :rules="[{required: true, message: '请输入手机号', trigger: 'change'}]">
+            <el-input size="small" placeholder="请输入手机号" v-model="form.phone"></el-input>
+          </el-form-item>
+        </el-form>
+      </ai-dialog>
     </template>
   </ai-detail>
 </template>
@@ -166,6 +184,10 @@
     data () {
       return {
         currIndex: 0,
+        form: {
+          phone: ''
+        },
+        id: '',
         tabList: ['基本信息', '报名记录', '抽奖记录'],
         colConfigs: [
           { prop: 'name',  label: '姓名', align: 'left', width: '200px' },
@@ -193,7 +215,8 @@
         prizes: [],
         tableData: [],
         total: 0,
-        info: {}
+        info: {},
+        isShowPhone: false
       }
     },
 
@@ -217,6 +240,32 @@
         })
       },
 
+      changePhone (id, phone) {
+        this.id = id
+        this.form.phone = phone
+
+        this.isShowPhone = true
+      },
+
+      onConfirm () {
+        this.$refs.form.validate((valid) => {
+          if (valid) {
+            this.instance.post(`/app/appmarketingactivityinfo/updateBindPhone`, null, {
+              params: {
+                ...this.form,
+                signupId: this.params.id || ''
+              }
+            }).then(res => {
+              if (res.code == 0) {
+                this.$message.success('更换成功')
+                this.isShowPhone = false
+                this.getList()
+              }
+            })
+          }
+        })
+      },
+
       getPrizeList() {
         this.instance.post(`/app/appmarketingactivityinfo/raffleList?activityId=${this.params.id}`, null, {
           params: {