输入框修改

src/views/interaction_manage/registrationDetails.vue

@@ -8,16 +8,9 @@
               <span>{{ row.RealName }}({{ row.CompanyName }})</span>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            prop="Count"
-            label="报名数量"
-            width="196"
-          >
+          <el-table-column align="center" prop="Count" label="报名数量" width="196">
             <template slot-scope="{ row }">
-              <span class="editsty" @click="numberHandler(row)">{{
-                row.Count
-              }}</span>
+              <span class="editsty" @click="numberHandler(row)">{{ row.Count }}</span>
             </template>
           </el-table-column>
         </el-table>
@@ -27,68 +20,30 @@
       </div>
     </div>
     <!-- 点击量详情 -->
-    <el-dialog
-      :visible.sync="showDetails"
-      :modal-append-to-body="false"
-      v-dialogDrag
-      width="65vw"
-      @close="cancelHandle"
-    >
+    <el-dialog :visible.sync="showDetails" :modal-append-to-body="false" v-dialogDrag width="65vw" @close="cancelHandle">
       <div slot="title">{{ shareInfo.RealName }}-报名详情</div>
       <div style="margin-bottom: 118px">
-        <el-table
-          :data="detailsList"
-          style="width: 100%; margin: 20px 0 30px"
-          ref="clickNumberRef"
-          border
-          @sort-change="detailSortChange"
-        >
-          <el-table-column
-            prop="CustomCompanyName"
-            label="公司名称"
-            align="center"
-          >
-          </el-table-column>
-          <el-table-column prop="CustomName" label="姓名" align="center">
-          </el-table-column>
-          <el-table-column prop="CustomMobile" label="手机号" align="center">
-          </el-table-column>
-          <el-table-column
-            prop="CreateTime"
-            label="报名时间"
-            align="center"
-            min-width="140"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="Amount"
-            label="付款金额（元）"
-            align="center"
-            min-width="140"
-          >
+        <el-table :data="detailsList" style="width: 100%; margin: 20px 0 30px" ref="clickNumberRef" border @sort-change="detailSortChange">
+          <el-table-column prop="CustomCompanyName" label="公司名称" align="center"> </el-table-column>
+          <el-table-column prop="CustomName" label="姓名" align="center"> </el-table-column>
+          <el-table-column prop="CustomMobile" label="手机号" align="center"> </el-table-column>
+          <el-table-column prop="CreateTime" label="报名时间" align="center" min-width="140"> </el-table-column>
+          <el-table-column prop="Amount" label="付款金额（元）" align="center" min-width="140">
             <template slot-scope="scope">
-              <!-- 如果数据为空，则默认显示输入框 -->
-              <div v-if="!scope.row.Amount">
-                <el-input
-                  v-model="inputModel[scope.$index]"
-                  @blur="handleBlur(scope.$index, scope.row)"
-                ></el-input>
-              </div>
-              <!-- 如果数据不为空，则双击后显示输入框 -->
-              <div
-                v-else
-                @dblclick="handleDoubleClick(scope.$index, scope.row)"
-              >
-                <span class="editsty" v-if="editingIndex !== scope.$index">
-                  {{ scope.row.Amount }}
-                </span>
-                <el-input
-                  v-if="editingIndex === scope.$index"
-                  v-model="inputModel[scope.$index]"
-                  @input="handleInput(scope.$index, scope.row)"
-                  @blur="handleBlur(scope.$index, scope.row)"
-                ></el-input>
+              <div v-if="scope.row.Enable == 1">
+                <!-- 如果数据为空，则默认显示输入框 -->
+                <div v-if="!scope.row.Amount">
+                  <el-input style="width: 90%" type="number" v-model="inputModel[scope.$index]" @blur="handleBlur(scope.$index, scope.row)"></el-input>
+                </div>
+                <!-- 如果数据不为空，则双击后显示输入框 -->
+                <div v-else @dblclick="handleDoubleClick(scope.$index, scope.row)">
+                  <span class="editsty" v-if="editingIndex !== scope.$index">
+                    {{ scope.row.Amount }}
+                  </span>
+                  <el-input style="width: 90%" type="number" v-if="editingIndex === scope.$index" v-model="inputModel[scope.$index]" @blur="handleBlur(scope.$index, scope.row)"></el-input>
+                </div>
               </div>
+              <span v-else>{{ scope.row.Amount }}</span>
             </template>
           </el-table-column>
         </el-table>
@@ -126,6 +81,9 @@ export default {
     },
     // 关闭了弹框
     cancelHandle() {
+      this.detailsList = [];
+      this.inputModel = {};
+      this.editingIndex = -1;
       this.showDetails = false;
       this.shareInfo = {};
     },