diff --git a/src/views/canteen/accountCenter/butie/butie/index.vue b/src/views/canteen/accountCenter/butie/butie/index.vue
index a0c19dd1..15c9c0f0 100644
--- a/src/views/canteen/accountCenter/butie/butie/index.vue
+++ b/src/views/canteen/accountCenter/butie/butie/index.vue
@@ -1,973 +1,1371 @@
 <template>
-    <div class="app-container">
-      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-        <el-form-item label="所属组织" prop="deptIdList">
-            <el-cascader v-model="queryParams.deptIdList"
-            :options="deptOptions" :filterable="true" style="width: 240px" :show-all-levels="false"
-            :props="{
-                multiple: true,
-                emitPath: false,// 若设置 false，则只返回该节点的值，只返回最后选择的id
-                checkStrictly: false,//来设置父子节点取消选中关联，从而达到选择任意一级选项的目的
-                value:'id',label:'label'
-            }" clearable collapse-tags >
-            </el-cascader>
-        </el-form-item>
-        <el-form-item label="关键字" prop="searchValue">
-            <el-input v-model="queryParams.searchValue" placeholder="请输入用户姓名，编号，手机号" maxlength="20" clearable style="width: 240px"/>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-        </el-form-item>
-      </el-form>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="所属组织" prop="deptIdList">
+          <el-cascader v-model="queryParams.deptIdList"
+          :options="deptOptions" :filterable="true" style="width: 240px" :show-all-levels="false"
+          :props="{
+              multiple: true,
+              emitPath: false,// 若设置 false，则只返回该节点的值，只返回最后选择的id
+              checkStrictly: false,//来设置父子节点取消选中关联，从而达到选择任意一级选项的目的
+              value:'id',label:'label'
+          }" clearable collapse-tags >
+          </el-cascader>
+      </el-form-item>
+      <el-form-item label="关键字" prop="searchValue">
+          <el-input v-model="queryParams.searchValue" placeholder="请输入用户姓名，编号，手机号" maxlength="20" clearable style="width: 240px"/>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
 
-      <el-row :gutter="10" class="mb8">
-        <el-col :span="1.5">
-          <el-button
-            size="mini" type="primary"
-            @click="handleBatchEdit"
-          >批量补贴</el-button>
-        </el-col>
-        <el-col :span="1.5">
-          <el-button
-            size="mini" type="danger"
-            @click="handleBatchClear"
-          >批量补贴清空</el-button>
-        </el-col>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          size="mini" type="primary"
+          @click="handleBatchEdit"
+        >批量补贴</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          size="mini" type="primary"
+          @click="handleImportRecharge"
+        >导入充值</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          size="mini" type="danger"
+          @click="handleBatchClear"
+        >批量补贴清空</el-button>
+      </el-col>
 
-        <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-      <el-table v-loading="loading" :data="tableListData" height="800" :span-method="objectSpanMethod">
-        <el-table-column label="序号" align="center" width="80" type="index" fixed="left">
-            <template scope="scope">
-                <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
-            </template>
-        </el-table-column>
-        <el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true" width="120" fixed="left"/>
-        <el-table-column label="员工编号" align="center" prop="userCode" :show-overflow-tooltip="true" width="120" fixed="left"/>
-        <el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" width="120" fixed="left"/>
-        <el-table-column label="用户手机号" align="center" prop="phoneNumber" :show-overflow-tooltip="true" width="120">
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+    <el-table v-loading="loading" :data="tableListData" height="800" :span-method="objectSpanMethod">
+      <el-table-column label="序号" align="center" width="80" type="index" fixed="left">
           <template scope="scope">
-                <span>{{ hidePhone(scope.row.phoneNumber) }}</span>
-            </template>
-        </el-table-column>
-        <el-table-column label="所属组织" align="center" prop="deptName" :show-overflow-tooltip="true" width="120"/>
-        <el-table-column label="用户类别" align="center" prop="userType" :show-overflow-tooltip="true" width="120">
-          <template slot-scope="scope">
-            <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
+              <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
           </template>
-        </el-table-column>
-        <el-table-column label="账户状态" align="center" prop="accountStatus" :show-overflow-tooltip="true" width="120">
-          <template slot-scope="scope">
-            <span v-if="scope.row.accountStatus==0">正常</span>
-            <span v-if="scope.row.accountStatus==1">停用</span>
+      </el-table-column>
+      <el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true" width="120" fixed="left"/>
+      <el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" width="120" fixed="left"/>
+      <el-table-column label="用户手机号" align="center" prop="phoneNumber" :show-overflow-tooltip="true" width="120"/>
+      <el-table-column label="所属组织" align="center" prop="deptName" :show-overflow-tooltip="true" width="120"/>
+      <el-table-column label="用户类别" align="center" prop="userType" :show-overflow-tooltip="true" width="120">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="账户状态" align="center" prop="accountStatus" :show-overflow-tooltip="true" width="120">
+        <template slot-scope="scope">
+          <span v-if="scope.row.accountStatus==0">正常</span>
+          <span v-if="scope.row.accountStatus==1">停用</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="账户总余额" align="center" prop="accBalTotal" :show-overflow-tooltip="true">
+        <template slot-scope="scope">
+              <span>{{ (scope.row.accBalTotal/100).toFixed(2) }}</span>
           </template>
-        </el-table-column>
-        <el-table-column label="账户总余额" align="center" prop="accBalTotal" :show-overflow-tooltip="true">
-          <template slot-scope="scope">
-                <span>{{ (scope.row.accBalTotal/100).toFixed(2) }}</span>
-            </template>
-        </el-table-column>
-        <!-- <el-table-column label="可用总余额" align="center" prop="accAvailableBal" :show-overflow-tooltip="true" width="120">
-          <template slot-scope="scope">
-                <span>{{ (scope.row.accAvailableBal/100).toFixed(2) }}</span>
-            </template>
-        </el-table-column> -->
-        <el-table-column label="个人钱包余额" align="center" prop="walletBal" :show-overflow-tooltip="true" >
-          <template slot-scope="scope">
-                <span>{{ (scope.row.walletBal/100).toFixed(2) }}</span>
-            </template>
-        </el-table-column>
-        <el-table-column label="补贴钱包余额" align="center" prop="subsidyBal" :show-overflow-tooltip="true">
-            <template slot-scope="scope">
-                <span>{{ (scope.row.subsidyBal/100).toFixed(2) }}</span>
-            </template>
-        </el-table-column>
-        <!-- <el-table-column label="红包余额" align="center" prop="redEnvelope" :show-overflow-tooltip="true">
-          <template slot-scope="scope">
-                <span>{{ (scope.row.redEnvelope/100).toFixed(2) }}</span>
-            </template>
-        </el-table-column> -->
-        <!-- <el-table-column label="冻结金额" align="center" prop="accFreezeBalTotal" :show-overflow-tooltip="true">
-          <template slot-scope="scope">
-                <span>{{ (scope.row.accFreezeBalTotal/100).toFixed(2) }}</span>
-            </template>
-        </el-table-column>  -->
-
-        <!-- <el-table-column label="账户有效期" align="center" prop="endDate" :show-overflow-tooltip="true" width="150"/>  -->
-        <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width" fixed="right">
-          <template slot-scope="scope" v-if="scope.$index!=10">
-            <el-button
-              size="mini"
-              type="text"
-              @click="handleUpdate(scope.row)"
-            >补贴</el-button>
-            <el-button
-              size="mini"
-              type="text" style="color: red;"
-              @click="handleClear(scope.row)"
-            >补贴清空</el-button>
+      </el-table-column>
+      <!-- <el-table-column label="可用总余额" align="center" prop="accAvailableBal" :show-overflow-tooltip="true" width="120">
+        <template slot-scope="scope">
+              <span>{{ (scope.row.accAvailableBal/100).toFixed(2) }}</span>
           </template>
-        </el-table-column>
-      </el-table>
+      </el-table-column> -->
+      <el-table-column label="个人钱包余额" align="center" prop="walletBal" :show-overflow-tooltip="true" >
+        <template slot-scope="scope">
+              <span>{{ (scope.row.walletBal/100).toFixed(2) }}</span>
+          </template>
+      </el-table-column>
+      <el-table-column label="补贴钱包余额" align="center" prop="subsidyBal" :show-overflow-tooltip="true">
+          <template slot-scope="scope">
+              <span>{{ (scope.row.subsidyBal/100).toFixed(2) }}</span>
+          </template>
+      </el-table-column>
+      <!-- <el-table-column label="红包余额" align="center" prop="redEnvelope" :show-overflow-tooltip="true">
+        <template slot-scope="scope">
+              <span>{{ (scope.row.redEnvelope/100).toFixed(2) }}</span>
+          </template>
+      </el-table-column> -->
+      <el-table-column label="冻结金额" align="center" prop="accFreezeBalTotal" :show-overflow-tooltip="true">
+        <template slot-scope="scope">
+              <span>{{ (scope.row.accFreezeBalTotal/100).toFixed(2) }}</span>
+          </template>
+      </el-table-column>
 
-      <pagination
-        v-show="total>0"
-        :total="total"
-        :page.sync="queryParams.pageNum"
-        :limit.sync="queryParams.pageSize"
-        @pagination="getList"
-      />
+      <!-- <el-table-column label="账户有效期" align="center" prop="endDate" :show-overflow-tooltip="true" width="150"/>  -->
+      <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width" fixed="right">
+        <template slot-scope="scope" v-if="scope.$index!=10">
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleUpdate(scope.row)"
+          >补贴</el-button>
+          <el-button
+            size="mini"
+            type="text" style="color: red;"
+            @click="handleClear(scope.row)"
+          >补贴清空</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
 
-      <!-- 补贴对话框 -->
-      <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
-        <div style="width: 100%;height: 600px;overflow-y: auto;">
-            <el-descriptions class="margin-top" title="账户信息" :column="2" size="small" border>
-                <el-descriptions-item>
-                    <template slot="label">用户编号</template>
-                    {{form.userId}}
-                </el-descriptions-item>
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 补贴对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+      <div style="width: 100%;height: 600px;overflow-y: auto;">
+          <el-descriptions class="margin-top" title="账户信息" :column="2" size="small" border>
               <el-descriptions-item>
-                <template slot="label">员工编号</template>
-                {{form.userCode}}
+                  <template slot="label">用户编号</template>
+                  {{form.userId}}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">用户姓名</template>
+                  {{ form.nickName }}
               </el-descriptions-item>
-                <el-descriptions-item>
-                    <template slot="label">用户姓名</template>
-                    {{ form.nickName }}
-                </el-descriptions-item>
 
-                <el-descriptions-item>
-                    <template slot="label">所属组织</template>
-                    {{ form.deptName }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                    <template slot="label">用户手机号</template>
-                    {{ form.phoneNumber }}
-                </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">所属组织</template>
+                  {{ form.deptName }}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">用户手机号</template>
+                  {{ form.phoneNumber }}
+              </el-descriptions-item>
 
-                <el-descriptions-item>
-                    <template slot="label">账户状态</template>
-                    <!-- {{ form.accountStatusName }} -->
-                    <span v-if="form.accountStatus==0">正常</span>
-                    <span v-if="form.accountStatus==1">停用</span>
-                </el-descriptions-item>
-                <el-descriptions-item>
-                    <template slot="label">用户类别</template>
-                    <dict-tag :options="dict.type.sys_user_type" :value="form.userType"/>
-                </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">账户状态</template>
+                  <!-- {{ form.accountStatusName }} -->
+                  <span v-if="form.accountStatus==0">正常</span>
+                  <span v-if="form.accountStatus==1">停用</span>
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">用户类别</template>
+                  <dict-tag :options="dict.type.sys_user_type" :value="form.userType"/>
+              </el-descriptions-item>
 
 
-            </el-descriptions>
-            <el-descriptions class="margin-top" title="账户钱包" :column="2" size="small" border>
-                <el-descriptions-item>
-                    <template slot="label">账户总余额</template>
-                    {{ (form.accBalTotal/100).toFixed(2) }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                    <template slot="label">可用总余额</template>
-                    {{ (form.accAvailableBal/100).toFixed(2) }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                    <template slot="label">个人钱包余额</template>
-                    {{ (form.walletBal/100).toFixed(2) }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                    <template slot="label">补贴钱包余额</template>
-                    {{ (form.subsidyBal/100).toFixed(2) }}
-                </el-descriptions-item>
-                <!-- <el-descriptions-item>
-                    <template slot="label">红包余额</template>
-                    {{ (form.redEnvelope/100).toFixed(2) }}
-                </el-descriptions-item>  -->
-                <!-- <el-descriptions-item>
-                    <template slot="label">冻结金额</template>
-                    {{ (form.accFreezeBalTotal/100).toFixed(2) }}
-                </el-descriptions-item> -->
-            </el-descriptions>
-            <div style="margin: 10px 0;font-weight: bold;font-size: 16px;color: #000;"></div>
-            <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-                <el-form-item label="补贴金额" prop="amount">
-                  <el-input  v-model="form.amount" placeholder="请输入补贴金额" maxlength="9" clearable style="width: 300px;"
-                      @input="(v)=>(form.amount=v.replace(/[^\d.]/g, '').replace(/^(\d*\.\d{2}).*$/, '$1'))">
+          </el-descriptions>
+          <el-descriptions class="margin-top" title="账户钱包" :column="2" size="small" border>
+              <el-descriptions-item>
+                  <template slot="label">账户总余额</template>
+                  {{ (form.accBalTotal/100).toFixed(2) }}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">可用总余额</template>
+                  {{ (form.accAvailableBal/100).toFixed(2) }}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">个人钱包余额</template>
+                  {{ (form.walletBal/100).toFixed(2) }}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">补贴钱包余额</template>
+                  {{ (form.subsidyBal/100).toFixed(2) }}
+              </el-descriptions-item>
+              <!-- <el-descriptions-item>
+                  <template slot="label">红包余额</template>
+                  {{ (form.redEnvelope/100).toFixed(2) }}
+              </el-descriptions-item>  -->
+              <el-descriptions-item>
+                  <template slot="label">冻结金额</template>
+                  {{ (form.accFreezeBalTotal/100).toFixed(2) }}
+              </el-descriptions-item>
+          </el-descriptions>
+          <div style="margin: 10px 0;font-weight: bold;font-size: 16px;color: #000;"></div>
+          <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+              <el-form-item label="补贴金额" prop="amount">
+                <el-input  v-model="form.amount" placeholder="请输入补贴金额" maxlength="9" clearable style="width: 300px;"
+                    @input="(v)=>(form.amount=v.replace(/[^\d.]/g, '').replace(/^(\d*\.\d{2}).*$/, '$1'))">
+                    <template slot="append">元</template>
+                  </el-input>
+              </el-form-item>
+              <!-- <el-form-item label="补贴有效期" prop="validateDay">
+                <el-input  v-model="form.validateDay" placeholder="请输入补贴有效期天数" maxlength="9" clearable style="width: 300px;"
+                    @input="(v)=>(form.validateDay=v.replace(/[^\d]/g,''))">
+                    <template slot="append">天</template>
+                  </el-input>
+              </el-form-item>
+              <el-form-item label="领取有效期" prop="receiveEndDate">
+                <el-date-picker
+                  v-model="form.receiveEndDate" style="width: 300px;"
+                  type="date" :picker-options="pickerOptions" value-format="yyyy-MM-dd"
+                  placeholder="选择领取有效期">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="备注" prop="remark">
+                <el-input  v-model="form.remark" placeholder="请输入备注" maxlength="40" clearable style="width: 300px;"/>
+              </el-form-item>  -->
+          </el-form>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!-- 批量补贴 -->
+    <el-dialog title="批量补贴" :visible.sync="openBatch" width="900px" append-to-body>
+      <div style="width: 100%;height: 600px;overflow-y: auto;">
+        <div style="height: 30px;padding-left: 10px;line-height: 30px;margin: 10px 0;font-size: 14px;color: #000;background: #e7f0fa;border-left: 3px solid #4b80fd;">第一步：选择用户</div>
+          <el-form :model="dialogParams" ref="dialogParams" size="small" :inline="true" v-show="showSearch" label-width="68px">
+            <el-form-item label="" prop="searchValue">
+                <el-input v-model="dialogParams.searchValue" placeholder="请输入用户姓名，编号，手机号" maxlength="20" clearable style="width: 240px"/>
+            </el-form-item>
+            <el-form-item label="" prop="deptIdList">
+                <el-cascader v-model="dialogParams.deptIdList"
+                :options="deptOptions" :filterable="true" style="width: 240px" :show-all-levels="false"
+                placeholder="所属组织"
+                :props="{
+                    multiple: true,
+                    emitPath: false,// 若设置 false，则只返回该节点的值，只返回最后选择的id
+                    checkStrictly: false,//来设置父子节点取消选中关联，从而达到选择任意一级选项的目的
+                    value:'id',label:'label'
+                }" clearable collapse-tags >
+                </el-cascader>
+            </el-form-item>
+            <el-form-item label="" prop="userType">
+                <el-select v-model="dialogParams.userType" placeholder="用户类别" style="width: 240px" clearable>
+                  <el-option
+                      v-for="dict in dict.type.sys_user_type"
+                      :key="dict.value"
+                      :label="dict.label"
+                      :value="Number(dict.value)"
+                    />
+                </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDialogQuery">搜索</el-button>
+            </el-form-item>
+          </el-form>
+          <el-table :data="dialogTableData" height="300" ref="multipleTable1" :row-key="(row)=>{return row.accountId}" @selection-change="handleSelectionChange">
+            <el-table-column type="selection" width="50" align="center" :reserve-selection="true"/>
+            <el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true"  />
+            <el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
+            <el-table-column label="用户手机号" align="center" prop="phoneNumber" :show-overflow-tooltip="true" />
+            <el-table-column label="所属组织" align="center" prop="deptName" :show-overflow-tooltip="true" />
+            <el-table-column label="用户类别" align="center" prop="userType" :show-overflow-tooltip="true" width="120">
+              <template slot-scope="scope">
+                <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
+              </template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="dialogTotal>0"
+            :total="dialogTotal"
+            :page.sync="dialogParams.pageNum"
+            :limit.sync="dialogParams.pageSize"
+            @pagination="getDialogList"
+          />
+        <div style="height: 30px;padding-left: 10px;line-height: 30px;margin: 20px 0;font-size: 14px;color: #000;background: #e7f0fa;border-left: 3px solid #4b80fd;">第二步：输入金额</div>
+          <el-form ref="batchForm" :model="batchForm" :rules="batchRules" label-width="100px">
+              <el-form-item label="补贴金额" prop="amount">
+                  <el-input  v-model="batchForm.amount" placeholder="请输入补贴金额" maxlength="9" clearable style="width: 300px;"
+                      @input="(v)=>(batchForm.amount=v.replace(/[^\d.]/g, '').replace(/^(\d*\.\d{2}).*$/, '$1'))">
                       <template slot="append">元</template>
-                    </el-input>
-                </el-form-item>
-                <!-- <el-form-item label="补贴有效期" prop="validateDay">
-                  <el-input  v-model="form.validateDay" placeholder="请输入补贴有效期天数" maxlength="9" clearable style="width: 300px;"
-                      @input="(v)=>(form.validateDay=v.replace(/[^\d]/g,''))">
+                  </el-input>
+              </el-form-item>
+              <!-- <el-form-item label="补贴有效期" prop="validateDay">
+                  <el-input  v-model="batchForm.validateDay" placeholder="请输入补贴有效期天数" maxlength="9" clearable style="width: 300px;"
+                      @input="(v)=>(batchForm.validateDay=v.replace(/[^\d]/g,''))">
                       <template slot="append">天</template>
-                    </el-input>
-                </el-form-item>
-                <el-form-item label="领取有效期" prop="receiveEndDate">
+                  </el-input>
+              </el-form-item>
+              <el-form-item label="领取有效期" prop="receiveEndDate">
                   <el-date-picker
-                    v-model="form.receiveEndDate" style="width: 300px;"
-                    type="date" :picker-options="pickerOptions" value-format="yyyy-MM-dd"
-                    placeholder="选择领取有效期">
+                  v-model="batchForm.receiveEndDate"
+                  type="date" :picker-options="pickerOptions" value-format="yyyy-MM-dd"
+                  placeholder="选择日期">
                   </el-date-picker>
-                </el-form-item>
-                <el-form-item label="备注" prop="remark">
-                  <el-input  v-model="form.remark" placeholder="请输入备注" maxlength="40" clearable style="width: 300px;"/>
-                </el-form-item>  -->
-            </el-form>
-        </div>
-        <div slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="submitForm">确 定</el-button>
-          <el-button @click="cancel">取 消</el-button>
-        </div>
-      </el-dialog>
-      <!-- 批量补贴 -->
-      <el-dialog title="批量补贴" :visible.sync="openBatch" width="900px" append-to-body>
-        <div style="width: 100%;height: 600px;overflow-y: auto;">
-          <div style="height: 30px;padding-left: 10px;line-height: 30px;margin: 10px 0;font-size: 14px;color: #000;background: #e7f0fa;border-left: 3px solid #4b80fd;">第一步：选择用户</div>
-            <el-form :model="dialogParams" ref="dialogParams" size="small" :inline="true" v-show="showSearch" label-width="68px">
-              <el-form-item label="" prop="searchValue">
-                  <el-input v-model="dialogParams.searchValue" placeholder="请输入用户姓名，编号，手机号" maxlength="20" clearable style="width: 240px"/>
               </el-form-item>
-              <el-form-item label="" prop="deptIdList">
-                  <el-cascader v-model="dialogParams.deptIdList"
-                  :options="deptOptions" :filterable="true" style="width: 240px" :show-all-levels="false"
-                  placeholder="所属组织"
-                  :props="{
-                      multiple: true,
-                      emitPath: false,// 若设置 false，则只返回该节点的值，只返回最后选择的id
-                      checkStrictly: false,//来设置父子节点取消选中关联，从而达到选择任意一级选项的目的
-                      value:'id',label:'label'
-                  }" clearable collapse-tags >
-                  </el-cascader>
-              </el-form-item>
-              <el-form-item label="" prop="userType">
-                  <el-select v-model="dialogParams.userType" placeholder="用户类别" style="width: 240px" clearable>
-                    <el-option
-                        v-for="dict in dict.type.sys_user_type"
-                        :key="dict.value"
-                        :label="dict.label"
-                        :value="Number(dict.value)"
-                      />
-                  </el-select>
-              </el-form-item>
-              <el-form-item>
-                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDialogQuery">搜索</el-button>
-              </el-form-item>
-            </el-form>
-            <el-table :data="dialogTableData" height="300" ref="multipleTable1" :row-key="(row)=>{return row.accountId}" @selection-change="handleSelectionChange">
-              <el-table-column type="selection" width="50" align="center" :reserve-selection="true"/>
-              <el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true"  />
-              <el-table-column label="员工编号" align="center" prop="userCode" :show-overflow-tooltip="true"  />
-              <el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
-              <el-table-column label="用户手机号" align="center" prop="phone" :show-overflow-tooltip="true">
-                  <template scope="scope">
-                      <span>{{ hidePhone(scope.row.phone) }}</span>
-                  </template>
-              </el-table-column>
-              <el-table-column label="所属组织" align="center" prop="deptName" :show-overflow-tooltip="true" />
-              <el-table-column label="用户类别" align="center" prop="userType" :show-overflow-tooltip="true" width="120">
-                <template slot-scope="scope">
-                  <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
-                </template>
-              </el-table-column>
-            </el-table>
-            <pagination
-              v-show="dialogTotal>0"
-              :total="dialogTotal"
-              :page.sync="dialogParams.pageNum"
-              :limit.sync="dialogParams.pageSize"
-              @pagination="getDialogList"
-            />
-          <div style="height: 30px;padding-left: 10px;line-height: 30px;margin: 20px 0;font-size: 14px;color: #000;background: #e7f0fa;border-left: 3px solid #4b80fd;">第二步：输入金额</div>
-            <el-form ref="batchForm" :model="batchForm" :rules="batchRules" label-width="100px">
-                <el-form-item label="补贴金额" prop="amount">
-                    <el-input  v-model="batchForm.amount" placeholder="请输入补贴金额" maxlength="9" clearable style="width: 300px;"
-                        @input="(v)=>(batchForm.amount=v.replace(/[^\d.]/g, '').replace(/^(\d*\.\d{2}).*$/, '$1'))">
-                        <template slot="append">元</template>
-                    </el-input>
-                </el-form-item>
-                <!-- <el-form-item label="补贴有效期" prop="validateDay">
-                    <el-input  v-model="batchForm.validateDay" placeholder="请输入补贴有效期天数" maxlength="9" clearable style="width: 300px;"
-                        @input="(v)=>(batchForm.validateDay=v.replace(/[^\d]/g,''))">
-                        <template slot="append">天</template>
-                    </el-input>
-                </el-form-item>
-                <el-form-item label="领取有效期" prop="receiveEndDate">
-                    <el-date-picker
-                    v-model="batchForm.receiveEndDate"
-                    type="date" :picker-options="pickerOptions" value-format="yyyy-MM-dd"
-                    placeholder="选择日期">
-                    </el-date-picker>
-                </el-form-item>
-                <el-form-item label="备注" prop="remark">
-                    <el-input  v-model="batchForm.remark" placeholder="请输入备注" maxlength="40" clearable style="width: 300px;"/>
-                </el-form-item> -->
-            </el-form>
-        </div>
-        <div slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="confirmBatchCheck">确 定</el-button>
-          <el-button @click="openBatch=false">取 消</el-button>
-        </div>
-      </el-dialog>
-      <el-dialog title="批量补贴预览" :visible.sync="openResult" width="800px" append-to-body>
-        <div style="margin-bottom: 10px;">总人数： {{resultData.totalUserSum || '--' }} ， 补贴人数：{{resultData.validCount || '--' }}， 补贴总额：{{(resultData.validTotalAmount/100) || '--' }}， 无效人数：{{resultData.invalidCount || '--'}}</div>
-        <div style="font-weight: 600;">无效人数</div>
-        <el-table :data="resultData.errVOList" max-height="250">
-            <el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true"  />
-            <el-table-column label="员工编号" align="center" prop="userCode" :show-overflow-tooltip="true"  />
-            <el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
-            <el-table-column label="用户手机号" align="center" prop="phone" :show-overflow-tooltip="true">
-                <template scope="scope">
-                    <span>{{ hidePhone(scope.row.phone) }}</span>
-                </template>
-            </el-table-column>
-            <el-table-column label="所属组织" align="center" prop="deptFullName" :show-overflow-tooltip="true" />
-            <el-table-column label="用户类别" align="center" prop="userType" :show-overflow-tooltip="true" width="120">
+              <el-form-item label="备注" prop="remark">
+                  <el-input  v-model="batchForm.remark" placeholder="请输入备注" maxlength="40" clearable style="width: 300px;"/>
+              </el-form-item> -->
+          </el-form>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="confirmBatchCheck">确 定</el-button>
+        <el-button @click="openBatch=false">取 消</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog title="批量补贴预览" :visible.sync="openResult" width="800px" append-to-body>
+      <div style="margin-bottom: 10px;">总人数： {{resultData.totalUserSum || '--' }} ， 补贴人数：{{resultData.validCount || '--' }}， 补贴总额：{{(resultData.validTotalAmount/100) || '--' }}， 无效人数：{{resultData.invalidCount || '--'}}</div>
+      <div style="font-weight: 600;">无效人数</div>
+      <el-table :data="resultData.errVOList" max-height="250">
+          <el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true"  />
+          <el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
+          <el-table-column label="用户手机号" align="center" prop="phoneNumber" :show-overflow-tooltip="true" />
+          <el-table-column label="所属组织" align="center" prop="deptFullName" :show-overflow-tooltip="true" />
+          <el-table-column label="用户类别" align="center" prop="userType" :show-overflow-tooltip="true" width="120">
+            <template slot-scope="scope">
+              <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
+            </template>
+          </el-table-column>
+          <el-table-column label="金额" align="center" prop="amount" :show-overflow-tooltip="true">
               <template slot-scope="scope">
-                <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
+                  <span>{{ (scope.row.amount/100).toFixed(2) }}</span>
               </template>
-            </el-table-column>
-            <el-table-column label="金额" align="center" prop="amount" :show-overflow-tooltip="true">
-                <template slot-scope="scope">
-                    <span>{{ (scope.row.amount/100).toFixed(2) }}</span>
-                </template>
-            </el-table-column>
-            <el-table-column label="失败原因" align="center" prop="errorMessage" :show-overflow-tooltip="true"/>
-        </el-table>
-        <div style="font-weight: 600;">有效人数</div>
-        <el-table :data="resultData.successVoList" max-height="250">
-            <el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true"  />
-            <el-table-column label="员工编号" align="center" prop="userCode" :show-overflow-tooltip="true"  />
-            <el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
-            <el-table-column label="用户手机号" align="center" prop="phone" :show-overflow-tooltip="true">
-                <template scope="scope">
-                    <span>{{ hidePhone(scope.row.phone) }}</span>
-                </template>
-            </el-table-column>
-            <el-table-column label="所属组织" align="center" prop="deptFullName" :show-overflow-tooltip="true" />
-            <el-table-column label="用户类别" align="center" prop="userType" :show-overflow-tooltip="true" width="120">
+          </el-table-column>
+          <el-table-column label="失败原因" align="center" prop="errorMessage" :show-overflow-tooltip="true"/>
+      </el-table>
+      <div style="font-weight: 600;">有效人数</div>
+      <el-table :data="resultData.successVoList" max-height="250">
+          <el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true"  />
+          <el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
+          <el-table-column label="用户手机号" align="center" prop="phoneNumber" :show-overflow-tooltip="true" />
+          <el-table-column label="所属组织" align="center" prop="deptFullName" :show-overflow-tooltip="true" />
+          <el-table-column label="用户类别" align="center" prop="userType" :show-overflow-tooltip="true" width="120">
+            <template slot-scope="scope">
+              <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
+            </template>
+          </el-table-column>
+          <el-table-column label="金额" align="center" prop="amount" :show-overflow-tooltip="true">
               <template slot-scope="scope">
-                <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
+                  <span>{{ (scope.row.amount/100).toFixed(2) }}</span>
               </template>
-            </el-table-column>
-            <el-table-column label="金额" align="center" prop="amount" :show-overflow-tooltip="true">
-                <template slot-scope="scope">
-                    <span>{{ (scope.row.amount/100).toFixed(2) }}</span>
-                </template>
-            </el-table-column>
-        </el-table>
-        <div slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="openResult=false" v-if="resultData.validUserIdList&&resultData.validUserIdList.length==0">确 定</el-button>
-          <el-button type="primary" @click="confirmBatchEdit" v-else>继 续</el-button>
-          <el-button @click="openResult=false">取 消</el-button>
-        </div>
-      </el-dialog>
+          </el-table-column>
+      </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="openResult=false" v-if="resultData.validUserIdList&&resultData.validUserIdList.length==0">确 定</el-button>
+        <el-button type="primary" @click="confirmBatchEdit" v-else>继 续</el-button>
+        <el-button @click="openResult=false">取 消</el-button>
+      </div>
+    </el-dialog>
 
 
-      <!-- 补贴清空对话框 -->
-      <el-dialog :title="title" :visible.sync="openClear" width="800px" append-to-body>
-        <div style="width: 100%;height: 300px;overflow-y: auto;">
-            <el-descriptions class="margin-top" title="账户信息" :column="2" size="small" border>
-                <el-descriptions-item>
-                    <template slot="label">用户编号</template>
-                    {{form.userId}}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                  <template slot="label">员工编号</template>
-                  {{form.userCode}}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                    <template slot="label">用户姓名</template>
-                    {{ form.nickName }}
-                </el-descriptions-item>
+    <!-- 补贴清空对话框 -->
+    <el-dialog :title="title" :visible.sync="openClear" width="900px" append-to-body>
+      <div class="clear-dialog__body">
+          <el-descriptions class="margin-top" title="账户信息" :column="2" size="small" border>
+              <el-descriptions-item>
+                  <template slot="label">用户编号</template>
+                  {{form.userId}}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">用户姓名</template>
+                  {{ form.nickName }}
+              </el-descriptions-item>
 
-                <el-descriptions-item>
-                    <template slot="label">所属组织</template>
-                    {{ form.deptName }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                    <template slot="label">用户手机号</template>
-                    {{ form.phoneNumber }}
-                </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">所属组织</template>
+                  {{ form.deptName }}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">用户手机号</template>
+                  {{ form.phoneNumber }}
+              </el-descriptions-item>
 
-                <el-descriptions-item>
-                    <template slot="label">账户状态</template>
-                    <!-- {{ form.accountStatusName }} -->
-                    <span v-if="form.accountStatus==0">正常</span>
-                    <span v-if="form.accountStatus==1">停用</span>
-                </el-descriptions-item>
-                <el-descriptions-item>
-                    <template slot="label">用户类别</template>
-                    <dict-tag :options="dict.type.sys_user_type" :value="form.userType"/>
-                </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">账户状态</template>
+                  <!-- {{ form.accountStatusName }} -->
+                  <span v-if="form.accountStatus==0">正常</span>
+                  <span v-if="form.accountStatus==1">停用</span>
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">用户类别</template>
+                  <dict-tag :options="dict.type.sys_user_type" :value="form.userType"/>
+              </el-descriptions-item>
 
 
-            </el-descriptions>
-            <el-descriptions class="margin-top" title="账户钱包" :column="2" size="small" border>
-                <el-descriptions-item>
-                    <template slot="label">账户总余额</template>
-                    {{ (form.accBalTotal/100).toFixed(2) }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                    <template slot="label">可用总余额</template>
-                    {{ (form.accAvailableBal/100).toFixed(2) }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                    <template slot="label">个人钱包余额</template>
-                    {{ (form.walletBal/100).toFixed(2) }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                    <template slot="label">补贴钱包余额</template>
-                    {{ (form.subsidyBal/100).toFixed(2) }}
-                </el-descriptions-item>
-                <!-- <el-descriptions-item>
-                    <template slot="label">红包余额</template>
-                    {{ (form.redEnvelope/100).toFixed(2) }}
-                </el-descriptions-item>  -->
-                <!-- <el-descriptions-item>
-                    <template slot="label">冻结金额</template>
-                    {{ (form.accFreezeBalTotal/100).toFixed(2) }}
-                </el-descriptions-item> -->
-            </el-descriptions>
-            <!-- <div style="margin: 10px 0;font-weight: bold;font-size: 16px;color: #000;"></div> -->
-            <!-- <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-                <el-form-item label="" prop="clearType">
+          </el-descriptions>
+          <el-descriptions class="margin-top" title="账户钱包" :column="2" size="small" border>
+              <el-descriptions-item>
+                  <template slot="label">账户总余额</template>
+                  {{ (form.accBalTotal/100).toFixed(2) }}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">可用总余额</template>
+                  {{ (form.accAvailableBal/100).toFixed(2) }}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">个人钱包余额</template>
+                  {{ (form.walletBal/100).toFixed(2) }}
+              </el-descriptions-item>
+              <el-descriptions-item>
+                  <template slot="label">补贴钱包余额</template>
+                  {{ (form.subsidyBal/100).toFixed(2) }}
+              </el-descriptions-item>
+              <!-- <el-descriptions-item>
+                  <template slot="label">红包余额</template>
+                  {{ (form.redEnvelope/100).toFixed(2) }}
+              </el-descriptions-item>  -->
+              <el-descriptions-item>
+                  <template slot="label">冻结金额</template>
+                  {{ (form.accFreezeBalTotal/100).toFixed(2) }}
+              </el-descriptions-item>
+          </el-descriptions>
+          <el-form ref="clearForm" :model="form" :rules="clearRules" label-width="0" class="clear-form">
+              <el-form-item prop="clearType" class="clear-form__item">
+                <div class="clear-form__row">
+                  <strong class="clear-form__label">清空</strong>
                   <el-radio-group v-model="form.clearType">
                       <el-radio :label="1">清空</el-radio>
                       <el-radio :label="2">清空至</el-radio>
                   </el-radio-group>
-                </el-form-item>
-                <el-form-item label="操作金额" prop="amount">
-                  <el-input  v-model="form.amount" placeholder="请输入操作金额" maxlength="9" clearable style="width: 300px;"
-                      @input="(v)=>(form.amount=v.replace(/[^\d.]/g, '').replace(/^(\d*\.\d{2}).*$/, '$1'))">
+                </div>
+              </el-form-item>
+              <el-form-item prop="operateAmount" class="clear-form__item">
+                <div class="clear-form__row clear-form__row--amount">
+                  <strong class="clear-form__label">操作金额</strong>
+                  <el-input
+                    v-model="form.operateAmount"
+                    placeholder="请输入操作金额"
+                    maxlength="9"
+                    clearable
+                    class="clear-form__input"
+                    :disabled="form.clearType === 1"
+                    @input="onOperateAmountInput">
                       <template slot="append">元</template>
                     </el-input>
-                </el-form-item>
-            </el-form> -->
-        </div>
-        <!-- <div v-if="form.clearType==1" style="color: red;">提示：清空多少元。例如填20，则清空20元</div>
-        <div v-if="form.clearType==2" style="color: red;">提示：清空至多少元。例如填20，则清空超出20元的部分</div> -->
-        <div slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="submitClearForm">确 定</el-button>
-          <el-button @click="cancel">取 消</el-button>
-        </div>
-      </el-dialog>
-      <!-- 批量补贴清空 -->
-      <el-dialog title="批量补贴清空" :visible.sync="openBatchClear" width="900px" append-to-body>
-        <div style="width: 100%;height: 500px;overflow-y: auto;">
-          <div style="height: 30px;padding-left: 10px;line-height: 30px;margin: 10px 0;font-size: 14px;color: #000;background: #e7f0fa;border-left: 3px solid #4b80fd;">选择用户</div>
-            <el-form :model="dialogParams" ref="dialogParams" size="small" :inline="true" v-show="showSearch" label-width="68px">
-              <el-form-item label="" prop="searchValue">
-                  <el-input v-model="dialogParams.searchValue" placeholder="请输入用户姓名，编号，手机号" maxlength="20" clearable style="width: 240px"/>
+                </div>
               </el-form-item>
-              <el-form-item label="" prop="deptIdList">
-                  <el-cascader v-model="dialogParams.deptIdList"
-                  :options="deptOptions" :filterable="true" style="width: 240px" :show-all-levels="false"
-                  placeholder="所属组织"
-                  :props="{
-                      multiple: true,
-                      emitPath: false,// 若设置 false，则只返回该节点的值，只返回最后选择的id
-                      checkStrictly: false,//来设置父子节点取消选中关联，从而达到选择任意一级选项的目的
-                      value:'id',label:'label'
-                  }" clearable collapse-tags >
-                  </el-cascader>
-              </el-form-item>
-              <el-form-item label="" prop="userType">
-                  <el-select v-model="dialogParams.userType" placeholder="用户类别" style="width: 240px" clearable>
-                    <el-option
-                        v-for="dict in dict.type.sys_user_type"
-                        :key="dict.value"
-                        :label="dict.label"
-                        :value="Number(dict.value)"
-                      />
-                  </el-select>
-              </el-form-item>
-              <el-form-item>
-                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDialogQuery">搜索</el-button>
-              </el-form-item>
-            </el-form>
-            <el-table :data="dialogTableData" height="300" ref="multipleTable2" :row-key="(row)=>{return row.accountId}" @selection-change="handleSelectionChange">
-              <el-table-column type="selection" width="50" align="center" :reserve-selection="true"/>
-              <el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true"  />
-              <el-table-column label="员工编号" align="center" prop="userCode" :show-overflow-tooltip="true"  />
-              <el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
-              <el-table-column label="用户手机号" align="center" prop="phone" :show-overflow-tooltip="true">
-                  <template scope="scope">
-                      <span>{{ hidePhone(scope.row.phone) }}</span>
-                  </template>
-              </el-table-column>
-              <el-table-column label="所属组织" align="center" prop="deptName" :show-overflow-tooltip="true" />
-              <el-table-column label="用户类别" align="center" prop="userType" :show-overflow-tooltip="true" width="120">
-                <template slot-scope="scope">
-                  <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
-                </template>
-              </el-table-column>
-            </el-table>
-            <pagination
-              v-show="dialogTotal>0"
-              :total="dialogTotal"
-              :page.sync="dialogParams.pageNum"
-              :limit.sync="dialogParams.pageSize"
-              @pagination="getDialogList"
-            />
-          <!-- <div style="height: 30px;padding-left: 10px;line-height: 30px;margin: 20px 0;font-size: 14px;color: #000;background: #e7f0fa;border-left: 3px solid #4b80fd;">第二步：输入金额</div>
-            <el-form ref="batchForm" :model="batchForm" :rules="batchRules" label-width="100px">
-                <el-form-item label="" prop="clearType">
-                  <el-radio-group v-model="batchForm.clearType">
-                      <el-radio :label="1">清空</el-radio>
-                      <el-radio :label="2">清空至</el-radio>
-                  </el-radio-group>
-                </el-form-item>
-                <el-form-item label="操作金额" prop="amount">
-                    <el-input  v-model="batchForm.amount" placeholder="请输入操作金额" maxlength="9" clearable style="width: 300px;"
-                        @input="(v)=>(batchForm.amount=v.replace(/[^\d.]/g, '').replace(/^(\d*\.\d{2}).*$/, '$1'))">
-                        <template slot="append">元</template>
-                    </el-input>
-                </el-form-item>
-            </el-form> -->
-        </div>
-        <!-- <div v-if="batchForm.clearType==1" style="color: red;">提示：清空多少元。例如填20，则清空20元</div>
-        <div v-if="batchForm.clearType==2" style="color: red;">提示：清空至多少元。例如填20，则清空超出20元的部分</div> -->
-        <div slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="confirmBatchClearCheck">确 定</el-button>
-          <el-button @click="openBatchClear=false">取 消</el-button>
-        </div>
-      </el-dialog>
-      <el-dialog title="批量补贴清空预览" :visible.sync="openResult2" width="800px" append-to-body>
-        <div>总人数： {{resultData2.totalUserSum || '--' }} ， 清空补贴人数：{{resultData2.validCount || '--' }}， 补贴总额：{{(resultData2.validTotalAmount/100).toFixed(2) || '--' }}， 无效人数：{{resultData2.invalidCount || '--'}}</div>
-        <div style="font-weight: 600;">无效人数</div>
-        <el-table :data="resultData2.errVOList" max-height="250">
+          </el-form>
+          <div class="clear-form__note">
+            <div>如果选择清空：清空当前所有的补贴钱包</div>
+            <div>如果选择清空至：清空超出填写金额的部分（例如填20，则清空超出20元的部分）</div>
+          </div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitClearForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!-- 批量补贴清空 -->
+    <el-dialog title="批量补贴清空" :visible.sync="openBatchClear" width="900px" append-to-body>
+      <div style="width: 100%;height: 500px;overflow-y: auto;">
+        <div style="height: 30px;padding-left: 10px;line-height: 30px;margin: 10px 0;font-size: 14px;color: #000;background: #e7f0fa;border-left: 3px solid #4b80fd;">选择用户</div>
+          <el-form :model="dialogParams" ref="dialogParams" size="small" :inline="true" v-show="showSearch" label-width="68px">
+            <el-form-item label="" prop="searchValue">
+                <el-input v-model="dialogParams.searchValue" placeholder="请输入用户姓名，编号，手机号" maxlength="20" clearable style="width: 240px"/>
+            </el-form-item>
+            <el-form-item label="" prop="deptIdList">
+                <el-cascader v-model="dialogParams.deptIdList"
+                :options="deptOptions" :filterable="true" style="width: 240px" :show-all-levels="false"
+                placeholder="所属组织"
+                :props="{
+                    multiple: true,
+                    emitPath: false,// 若设置 false，则只返回该节点的值，只返回最后选择的id
+                    checkStrictly: false,//来设置父子节点取消选中关联，从而达到选择任意一级选项的目的
+                    value:'id',label:'label'
+                }" clearable collapse-tags >
+                </el-cascader>
+            </el-form-item>
+            <el-form-item label="" prop="userType">
+                <el-select v-model="dialogParams.userType" placeholder="用户类别" style="width: 240px" clearable>
+                  <el-option
+                      v-for="dict in dict.type.sys_user_type"
+                      :key="dict.value"
+                      :label="dict.label"
+                      :value="Number(dict.value)"
+                    />
+                </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleDialogQuery">搜索</el-button>
+            </el-form-item>
+          </el-form>
+          <el-table :data="dialogTableData" height="300" ref="multipleTable2" :row-key="(row)=>{return row.accountId}" @selection-change="handleSelectionChange">
+            <el-table-column type="selection" width="50" align="center" :reserve-selection="true"/>
             <el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true"  />
-            <el-table-column label="员工编号" align="center" prop="userCode" :show-overflow-tooltip="true"  />
             <el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
-            <el-table-column label="用户手机号" align="center" prop="phone" :show-overflow-tooltip="true">
-            <template scope="scope">
-                <span>{{ hidePhone(scope.row.phone) }}</span>
+            <el-table-column label="用户手机号" align="center" prop="phoneNumber" :show-overflow-tooltip="true" />
+            <el-table-column label="所属组织" align="center" prop="deptName" :show-overflow-tooltip="true" />
+            <el-table-column label="用户类别" align="center" prop="userType" :show-overflow-tooltip="true" width="120">
+              <template slot-scope="scope">
+                <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
+              </template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="dialogTotal>0"
+            :total="dialogTotal"
+            :page.sync="dialogParams.pageNum"
+            :limit.sync="dialogParams.pageSize"
+            @pagination="getDialogList"
+          />
+        <!-- <div style="height: 30px;padding-left: 10px;line-height: 30px;margin: 20px 0;font-size: 14px;color: #000;background: #e7f0fa;border-left: 3px solid #4b80fd;">第二步：输入金额</div>
+          <el-form ref="batchForm" :model="batchForm" :rules="batchRules" label-width="100px">
+              <el-form-item label="" prop="clearType">
+                <el-radio-group v-model="batchForm.clearType">
+                    <el-radio :label="1">清空</el-radio>
+                    <el-radio :label="2">清空至</el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="操作金额" prop="amount">
+                  <el-input  v-model="batchForm.amount" placeholder="请输入操作金额" maxlength="9" clearable style="width: 300px;"
+                      @input="(v)=>(batchForm.amount=v.replace(/[^\d.]/g, '').replace(/^(\d*\.\d{2}).*$/, '$1'))">
+                      <template slot="append">元</template>
+                  </el-input>
+              </el-form-item>
+          </el-form> -->
+      </div>
+      <!-- <div v-if="batchForm.clearType==1" style="color: red;">提示：清空多少元。例如填20，则清空20元</div>
+      <div v-if="batchForm.clearType==2" style="color: red;">提示：清空至多少元。例如填20，则清空超出20元的部分</div> -->
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="confirmBatchClearCheck">确 定</el-button>
+        <el-button @click="openBatchClear=false">取 消</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog title="批量补贴清空预览" :visible.sync="openResult2" width="800px" append-to-body>
+      <div>总人数： {{resultData2.totalUserSum || '--' }} ， 清空补贴人数：{{resultData2.validCount || '--' }}， 补贴总额：{{(resultData2.validTotalAmount/100).toFixed(2) || '--' }}， 无效人数：{{resultData2.invalidCount || '--'}}</div>
+      <div style="font-weight: 600;">无效人数</div>
+      <el-table :data="resultData2.errVOList" max-height="250">
+          <el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true"  />
+          <el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
+          <el-table-column label="用户手机号" align="center" prop="phoneNumber" :show-overflow-tooltip="true" />
+          <el-table-column label="所属组织" align="center" prop="deptFullName" :show-overflow-tooltip="true" />
+          <el-table-column label="用户类别" align="center" prop="userType" :show-overflow-tooltip="true" width="120">
+            <template slot-scope="scope">
+              <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
             </template>
-        </el-table-column>
-            <el-table-column label="所属组织" align="center" prop="deptFullName" :show-overflow-tooltip="true" />
-            <el-table-column label="用户类别" align="center" prop="userType" :show-overflow-tooltip="true" width="120">
+          </el-table-column>
+          <el-table-column label="金额" align="center" prop="amount" :show-overflow-tooltip="true">
               <template slot-scope="scope">
-                <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
+                  <span>{{ (scope.row.amount/100).toFixed(2) }}</span>
               </template>
-            </el-table-column>
-            <el-table-column label="金额" align="center" prop="amount" :show-overflow-tooltip="true">
-                <template slot-scope="scope">
-                    <span>{{ (scope.row.amount/100).toFixed(2) }}</span>
-                </template>
-            </el-table-column>
-            <el-table-column label="失败原因" align="center" prop="errorMessage" :show-overflow-tooltip="true"/>
-        </el-table>
-        <div style="font-weight: 600;">有效人数</div>
-        <el-table :data="resultData2.successVoList" max-height="250">
-            <el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true"  />
-            <el-table-column label="员工编号" align="center" prop="userCode" :show-overflow-tooltip="true"  />
-            <el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
-            <el-table-column label="用户手机号" align="center" prop="phone" :show-overflow-tooltip="true">
-                <template scope="scope">
-                    <span>{{ hidePhone(scope.row.phone) }}</span>
-                </template>
-            </el-table-column>
-            <el-table-column label="所属组织" align="center" prop="deptFullName" :show-overflow-tooltip="true" />
-            <el-table-column label="用户类别" align="center" prop="userType" :show-overflow-tooltip="true" width="120">
+          </el-table-column>
+          <el-table-column label="失败原因" align="center" prop="errorMessage" :show-overflow-tooltip="true"/>
+      </el-table>
+      <div style="font-weight: 600;">有效人数</div>
+      <el-table :data="resultData2.successVoList" max-height="250">
+          <el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true"  />
+          <el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
+          <el-table-column label="用户手机号" align="center" prop="phoneNumber" :show-overflow-tooltip="true" />
+          <el-table-column label="所属组织" align="center" prop="deptFullName" :show-overflow-tooltip="true" />
+          <el-table-column label="用户类别" align="center" prop="userType" :show-overflow-tooltip="true" width="120">
+            <template slot-scope="scope">
+              <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
+            </template>
+          </el-table-column>
+          <el-table-column label="金额" align="center" prop="subsidyBal" :show-overflow-tooltip="true">
               <template slot-scope="scope">
-                <dict-tag :options="dict.type.sys_user_type" :value="scope.row.userType"/>
+                  <span>{{ (scope.row.subsidyBal/100).toFixed(2) }}</span>
               </template>
-            </el-table-column>
-            <el-table-column label="金额" align="center" prop="subsidyBal" :show-overflow-tooltip="true">
-                <template slot-scope="scope">
-                    <span>{{ (scope.row.subsidyBal/100).toFixed(2) }}</span>
-                </template>
-            </el-table-column>
-        </el-table>
-        <div slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="openResult2=false" v-if="resultData2.validUserIdList&&resultData2.validUserIdList.length==0">确 定</el-button>
-          <el-button type="primary" @click="confirmBatchClear" v-else>继 续</el-button>
-          <el-button @click="openResult2=false">取 消</el-button>
+          </el-table-column>
+      </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="openResult2=false" v-if="resultData2.validUserIdList&&resultData2.validUserIdList.length==0">确 定</el-button>
+        <el-button type="primary" @click="confirmBatchClear" v-else>继 续</el-button>
+        <el-button @click="openResult2=false">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 导入充值对话框 -->
+    <el-dialog title="导入充值" :visible.sync="openImport" width="600px" append-to-body>
+      <div style="padding: 20px;">
+        <!-- 下载模板区域 -->
+        <div style="margin-bottom: 30px; padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 8px; text-align: center;">
+          <i class="el-icon-download" style="font-size: 48px; color: #fff; margin-bottom: 10px;"></i>
+          <div style="color: #fff; font-size: 16px; margin-bottom: 15px;">下载补贴充值导入模板</div>
+          <el-button type="primary"  size="mini" @click="downloadTemplate" style="background: #fff; color: #667eea; border: none;">
+            <i class="el-icon-download"></i> 下载模板
+          </el-button>
         </div>
-      </el-dialog>
+
+        <!-- 文件上传区域 -->
+        <div style="margin-bottom: 20px;">
+          <div style="font-size: 14px; color: #606266; margin-bottom: 10px; font-weight: 500;">
+            <i class="el-icon-upload2"></i> 上传文件
+          </div>
+          <el-upload
+            ref="upload"
+            :on-change="handleFileChange"
+            :file-list="fileList"
+            :auto-upload="false"
+            :limit="1"
+            :disabled="fileList.length > 0"
+            accept=".xlsx,.xls"
+            drag
+            style="width: 100%;"
+          >
+            <i class="el-icon-upload" style="font-size: 67px; color: #C0C4CC; margin: 40px 0 16px;"></i>
+            <div class="el-upload__text" style="color: #606266;">
+              将文件拖到此处，或<em>点击上传</em>
+            </div>
+            <div class="el-upload__tip" slot="tip" style="color: #909399; font-size: 12px; margin-top: 10px;">
+              只能上传 Excel 文件（.xlsx/.xls），且不超过 10MB
+            </div>
+          </el-upload>
+        </div>
+
+        <!-- 上传进度 -->
+        <div v-if="uploadProgress > 0 && uploadProgress < 100" style="margin-bottom: 20px;">
+          <el-progress :percentage="uploadProgress" :status="uploadProgress === 100 ? 'success' : ''"></el-progress>
+        </div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="handleImportCancel">取 消</el-button>
+        <el-button type="primary" @click="submitUpload" :loading="uploading">开始上传</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 补贴充值预览对话框 -->
+    <el-dialog title="补贴充值预览" :visible.sync="openImportPreview" width="800px" append-to-body>
+      <div style="margin-bottom: 10px; text-align: center;">
+        总记录数：{{ importPreviewData.totalCount || '--' }}，
+        有效记录数：{{ importPreviewData.validCount || '--' }}，
+        充值总额：{{ importPreviewData.validTotalAmount ? (importPreviewData.validTotalAmount/100).toFixed(2) : '--' }}，
+        无效记录数：{{ importPreviewData.invalidCount || '--' }}
+      </div>
+      <div v-if="importPreviewData.invalidList && importPreviewData.invalidList.length > 0" style="margin-bottom: 20px;">
+        <div style="font-weight: 600; margin-bottom: 10px;">无效记录</div>
+        <el-table :data="importPreviewData.invalidList" max-height="250">
+         <!-- <el-table-column label="行号" align="center" prop="row" width="80" :show-overflow-tooltip="true" /> -->
+          <el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true" />
+          <el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
+          <el-table-column label="用户手机号" align="center" prop="phoneNumber" :show-overflow-tooltip="true" />
+          <el-table-column label="所属组织" align="center" prop="deptFullName" :show-overflow-tooltip="true" />
+          <el-table-column label="充值金额" align="center" prop="amount" :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <span>{{ scope.row.amount ? (scope.row.amount/100).toFixed(2) : '--' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="失败原因" align="center" prop="errorMessage" :show-overflow-tooltip="true"/>
+        </el-table>
+      </div>
+      <div v-if="importPreviewData.successVoList && importPreviewData.successVoList.length > 0">
+        <div style="font-weight: 600; margin-bottom: 10px;">有效记录</div>
+        <el-table :data="importPreviewData.successVoList" max-height="250">
+          <el-table-column label="用户编号" align="center" prop="userId" :show-overflow-tooltip="true" />
+          <el-table-column label="用户姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
+          <el-table-column label="用户手机号" align="center" prop="phoneNumber" :show-overflow-tooltip="true" />
+          <el-table-column label="所属组织" align="center" prop="deptFullName" :show-overflow-tooltip="true" />
+          <el-table-column label="充值金额" align="center" prop="amount" :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <span>{{ scope.row.amount ? (scope.row.amount/100).toFixed(2) : '--' }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="confirmImportSubmit" v-if="importPreviewData.validUserIdList && importPreviewData.validUserIdList.length > 0">继续</el-button>
+        <el-button type="primary" @click="openImportPreview=false" v-else>确定</el-button>
+        <el-button @click="openImportPreview=false">取消</el-button>
+      </div>
+    </el-dialog>
 
 
-    </div>
-  </template>
+  </div>
+</template>
 
-  <script>
-  import { deptTreeSelect } from '@/api/system/user'
-  import { accInfoPageApi, accInfoSumPageApi } from "@/api/accountCenter/manager";
-  import { updateAccRechargeSingleApi,checkAccRechargeBatchApi,updateAccRechargeBatchApi,clearAccRechargeSingleApi,checkClearAccRechargeBatchApi,clearAccRechargeBatchApi } from "@/api/accountCenter/butie";
-  import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
-  export default {
-    name: "",
-    dicts: ['sys_user_type'],
-    data() {
-      return {
-        // 遮罩层
-        loading: true,
-        // 选中数组
-        ids: [],
-        // 非单个禁用
-        single: true,
-        // 非多个禁用
-        multiple: true,
-        // 显示搜索条件
-        showSearch: true,
-        // 总条数
-        total: 0,
-        //表格数据
-        tableListData: [],
-        // 弹出层标题
-        title: "",
+<script>
+import { deptTreeSelect } from '@/api/system/user'
+import { accInfoPageApi, accInfoSumPageApi } from "@/api/accountCenter/manager";
+import { updateAccRechargeSingleApi,checkAccRechargeBatchApi,updateAccRechargeBatchApi,clearAccRechargeSingleApi,checkClearAccRechargeBatchApi,clearAccRechargeBatchApi } from "@/api/accountCenter/butie";
+import { decryptWithSM4,encryptWithSM4 } from '@/utils/sm';
+import { getToken } from '@/utils/auth';
+import { downloadFileByUrl } from '@/utils/download'
+import { download } from '@/utils/request';
+import request from '@/utils/request';
+export default {
+  name: "",
+  dicts: ['sys_user_type'],
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      //表格数据
+      tableListData: [],
+      // 弹出层标题
+      title: "",
 
-        //下拉选数据
-        deptOptions:[],
-        // 查询参数
-        queryParams: {
-          pageNum: 1,
-          pageSize: 10,
-          deptIdList:[],
-          hasSum:true,
-          searchValue:null,
-        },
-        // 是否显示弹出层
-        open: false,
-        openClear: false,
-        // 表单参数
-        form: {},
-        pickerOptions:{
-            //禁用当前日期之前的日期
-            disabledDate(time) {
-            //Date.now()是javascript中的内置函数，它返回自1970年1月1日00:00:00 UTC以来经过的毫秒数。
-               return time.getTime() < Date.now() - 8.64e7;
-            }
-        },
-        // 表单校验
-        rules: {
-          amount: [
-              { required: true, message: "金额不能为空", trigger: "blur" }
-          ]
-        },
-        openBatch:false,
-        openBatchClear:false,
-        dialogParams: {
-          pageNum: 1,
-          pageSize: 10,
-          deptIdList:[],
-          hasSum:true,
-          searchValue:null,
-          userType:null
-        },
-        dialogTableData:[],
-        dialogTotal: 0,
-        batchForm:{
-            remark:"",
-            receiveEndDate:"",
-            validateDay:"",
-            amount:0
-        },
-        batchRules: {
-          amount: [
-              { required: true, message: "金额不能为空", trigger: "blur" }
-          ]
-        },
-        batchIds:[],
-        batchList:[],
-        openResult:false,
-        resultData:{},
-        openResult2:false,
-        resultData2:{}
-      };
-    },
-    created() {
-        this.getDeptTree()
-        this.getList();
-    },
-    methods: {
-        /** 查询部门下拉树结构 */
-        getDeptTree() {
-            deptTreeSelect().then((response) => {
-                this.deptOptions = this.filterTree(response.data)
-            })
-        },
-        filterTree(nodes) {
-            return nodes
-                .map((node) => {
-                    if (node.children) {
-                        node.children = this.filterTree(node.children)
-                    }
-                    return node
-                })
-                .filter((node) => node.status !== '1')
-        },
-
-        /** 搜索按钮操作 */
-        handleQuery() {
-            this.queryParams.pageNum = 1;
-            this.getList();
-        },
-        /** 重置按钮操作 */
-        resetQuery() {
-            this.resetForm("queryForm");
-            this.handleQuery();
-        },
-        /** 查询列表 */
-        getList() {
-            console.log(this.queryParams)
-            this.loading = true;
-            let param = {
-              "pageNum": this.queryParams.pageNum,
-              "pageSize": this.queryParams.pageSize,
-              "deptIdList": this.queryParams.deptIdList,
-              "searchValue": this.queryParams.searchValue
-            }
-            accInfoPageApi(param).then(response => {
-                this.tableListData = response.rows;
-                this.total = Number(response.total);
-                this.tableListData.forEach(item=>{
-                    if(item.phoneNumber&&item.phoneNumber!=""){
-                      this.$set(item,"phoneNumber",decryptWithSM4(item.phoneNumber))
-                    }
-                })
-                this.loading = false;
-            });
-        },
-        // 合并单元格 rowIndex=行数  columnIndex=列数
-        // 这里是合并table的除表头外的第一行的第二列 + 除表头外的第二行的第二列
-        // 注意列数和行数从 0 开始
-        objectSpanMethod ({ row, column, rowIndex, columnIndex }) {
-            // if (rowIndex === 0 && columnIndex == 0) {
-            //     let rowspan = 0
-            //     let colspan = 0
-            //     return { rowspan, colspan }
-            // }
-            // 解决偏移的重要代码
-            // 重点在 else if 判断必须加因为合并单元格数据会出现偏移、
-            // 否则如果是 第二行 的 第二列 那么隐藏原有第二行 的 第二列的数据使他隐藏
-            // else if (rowIndex === 0 && columnIndex < 5) {
-            //     return {
-            //         rowspan: 11,
-            //         colspan: 0
-            //     }
-            // }
-        },
-
-        /** 补贴按钮操作 */
-        handleUpdate(row) {
-            this.reset();
-            this.form = Object.assign({}, row)
-            // this.$set(this.form,"remark","")
-            // this.$set(this.form,"receiveEndDate","")
-            // this.$set(this.form,"validateDay","")
-            this.$set(this.form,"amount",null)
-            this.open = true;
-            this.title = "补贴";
-        },
-        /** 补贴清空按钮操作 */
-        handleClear(row) {
-            this.reset();
-            this.form = Object.assign({}, row)
-            // this.$set(this.form,"clearType",1)
-            this.$set(this.form,"amount",null)
-            this.openClear = true;
-            this.title = "补贴清空";
-        },
-        // 取消按钮
-        cancel() {
-            this.openClear = false;
-            this.open = false;
-            this.reset();
-        },
-        // 表单重置
-        reset() {
-            this.form = {};
-            this.resetForm("form");
-        },
-        /** 补贴提交按钮 */
-        submitForm: function() {
-            this.$refs["form"].validate(valid => {
-            if (valid) {
-              this.$modal.confirm('补贴金额:'+this.form.amount+'元，是否确认继续补贴?').then(() => {
-                let param = {
-                  // ...this.form,
-                  // remark:this.form.remark,
-                  // receiveEndDate:this.form.receiveEndDate,
-                  // validateDay:this.form.validateDay,
-                  userId:this.form.userId,
-                  amount:Number(this.form.amount*100).toFixed(0)
-                }
-                updateAccRechargeSingleApi(param).then(response => {
-                      this.$modal.msgSuccess("操作成功");
-                      this.open = false;
-                      this.getList();
-                });
-              }).catch(() => {});
-            }
-            });
-        },
-        /** 补贴清空提交按钮 */
-        submitClearForm: function() {
-            // this.$refs["form"].validate(valid => {
-            // if (valid) {
-             this.$modal.confirm('是否确认清空补贴?').then(() => {
-                let param = {
-                  userId:this.form.userId
-                  // ...this.form,
-                  // clearType:this.form.clearType,
-                  // amount:Number(this.form.amount*100)
-                }
-                clearAccRechargeSingleApi(param).then(response => {
-                      this.$modal.msgSuccess("操作成功");
-                      this.openClear = false;
-                      this.getList();
-                });
-              }).catch(() => {});
-            // }
-            // });
-        },
-        //批量补贴弹窗
-        handleBatchEdit() {
-          this.resetForm("dialogParams");
-          this.getDialogList()
-          this.batchIds = []
-          this.batchList = []
-          this.batchForm = {
-            remark:"",
-            receiveEndDate:"",
-            validateDay:"",
-            amount:null
+      //下拉选数据
+      deptOptions:[],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        deptIdList:[],
+        hasSum:true,
+        searchValue:null,
+      },
+      // 是否显示弹出层
+      open: false,
+      openClear: false,
+      // 表单参数
+      form: {},
+      pickerOptions:{
+          //禁用当前日期之前的日期
+          disabledDate(time) {
+          //Date.now()是javascript中的内置函数，它返回自1970年1月1日00:00:00 UTC以来经过的毫秒数。
+             return time.getTime() < Date.now() - 8.64e7;
           }
-          this.resetForm("batchForm");
-          this.openBatch = true;
-          setTimeout(()=>{
-            this.$refs.multipleTable1.clearSelection()
-          },300)
-        },
-        handleBatchClear() {
-          this.resetForm("dialogParams");
-          this.getDialogList()
-          this.batchIds = []
-          this.batchList = []
-          this.batchForm = {
-            clearType:1,
-            amount:null
-          }
-          this.resetForm("batchForm");
-          this.openBatchClear = true;
-          setTimeout(()=>{
-            this.$refs.multipleTable2.clearSelection()
-          },300)
-        },
-        //弹窗搜索
-        handleDialogQuery(){
-          this.dialogParams.pageNum = 1;
-          this.getDialogList();
-        },
-        //批量弹窗表格查询
-        getDialogList(){
+      },
+      // 表单校验
+      rules: {
+        amount: [
+            { required: true, message: "金额不能为空", trigger: "blur" }
+        ]
+      },
+      clearRules:{
+        clearType:[
+            { required: true, message: "请选择清空方式", trigger: "change" }
+        ],
+        operateAmount:[
+            { validator: (rule,value,callback)=>{
+                if(this.form.clearType===2){
+                  if(value===null||value===undefined||value===""){
+                    callback(new Error("操作金额不能为空"));
+                    return;
+                  }
+                  const num = Number(value);
+                  if(isNaN(num)){
+                    callback(new Error("请输入数字"));
+                    return;
+                  }
+                  if(num < 0){
+                    callback(new Error("操作金额不能小于0"));
+                    return;
+                  }
+                }
+                callback();
+              }, trigger: "blur" }
+        ]
+      },
+      openBatch:false,
+      openBatchClear:false,
+      dialogParams: {
+        pageNum: 1,
+        pageSize: 10,
+        deptIdList:[],
+        hasSum:true,
+        searchValue:null,
+        userType:null
+      },
+      dialogTableData:[],
+      dialogTotal: 0,
+      batchForm:{
+          remark:"",
+          receiveEndDate:"",
+          validateDay:"",
+          amount:0
+      },
+      batchRules: {
+        amount: [
+            { required: true, message: "金额不能为空", trigger: "blur" }
+        ]
+      },
+      batchIds:[],
+      batchList:[],
+      openResult:false,
+      resultData:{},
+      openResult2:false,
+      resultData2:{},
+      // 导入充值相关
+      openImport: false,
+      fileList: [],
+      uploadProgress: 0,
+      uploading: false,
+      // 补贴充值预览相关
+      openImportPreview: false,
+      importPreviewData: {}
+    };
+  },
+  created() {
+      this.getDeptTree()
+      this.getList();
+  },
+  methods: {
+      /** 查询部门下拉树结构 */
+      getDeptTree() {
+          deptTreeSelect().then((response) => {
+              this.deptOptions = this.filterTree(response.data)
+          })
+      },
+      filterTree(nodes) {
+          return nodes
+              .map((node) => {
+                  if (node.children) {
+                      node.children = this.filterTree(node.children)
+                  }
+                  return node
+              })
+              .filter((node) => node.status !== '1')
+      },
+
+      /** 搜索按钮操作 */
+      handleQuery() {
+          this.queryParams.pageNum = 1;
+          this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+          this.resetForm("queryForm");
+          this.handleQuery();
+      },
+      /** 查询列表 */
+      getList() {
+          console.log(this.queryParams)
+          this.loading = true;
           let param = {
-              "pageNum": this.dialogParams.pageNum,
-              "pageSize": this.dialogParams.pageSize,
-              "deptIdList": this.dialogParams.deptIdList,
-              "searchValue": this.dialogParams.searchValue,
-              "userType": this.dialogParams.userType
+            "pageNum": this.queryParams.pageNum,
+            "pageSize": this.queryParams.pageSize,
+            "deptIdList": this.queryParams.deptIdList,
+            "searchValue": this.queryParams.searchValue
+          }
+          accInfoPageApi(param).then(response => {
+              this.tableListData = response.rows;
+              this.total = Number(response.total);
+              this.tableListData.forEach(item=>{
+                  if(item.phoneNumber&&item.phoneNumber!=""){
+                    this.$set(item,"phoneNumber",decryptWithSM4(item.phoneNumber))
+                  }
+              })
+              this.loading = false;
+          });
+      },
+      // 合并单元格 rowIndex=行数  columnIndex=列数
+      // 这里是合并table的除表头外的第一行的第二列 + 除表头外的第二行的第二列
+      // 注意列数和行数从 0 开始
+      objectSpanMethod ({ row, column, rowIndex, columnIndex }) {
+          // if (rowIndex === 0 && columnIndex == 0) {
+          //     let rowspan = 0
+          //     let colspan = 0
+          //     return { rowspan, colspan }
+          // }
+          // 解决偏移的重要代码
+          // 重点在 else if 判断必须加因为合并单元格数据会出现偏移、
+          // 否则如果是 第二行 的 第二列 那么隐藏原有第二行 的 第二列的数据使他隐藏
+          // else if (rowIndex === 0 && columnIndex < 5) {
+          //     return {
+          //         rowspan: 11,
+          //         colspan: 0
+          //     }
+          // }
+      },
+
+      /** 补贴按钮操作 */
+      handleUpdate(row) {
+          this.reset();
+          this.form = Object.assign({}, row)
+          // this.$set(this.form,"remark","")
+          // this.$set(this.form,"receiveEndDate","")
+          // this.$set(this.form,"validateDay","")
+          this.$set(this.form,"amount",null)
+          this.open = true;
+          this.title = "补贴";
+      },
+      /** 补贴清空按钮操作 */
+      handleClear(row) {
+          this.reset();
+          this.form = Object.assign({}, row)
+          this.$set(this.form,"clearType",1)
+          this.$set(this.form,"operateAmount",null)
+          this.$set(this.form,"amount",null)
+          this.openClear = true;
+          this.title = "补贴清空";
+          this.$nextTick(()=>{
+            if(this.$refs.clearForm){
+              this.$refs.clearForm.clearValidate();
             }
-            accInfoPageApi(param).then(response => {
-                this.dialogTableData = response.rows;
-                this.dialogTableData.forEach(item=>{
-                    if(item.phoneNumber&&item.phoneNumber!=""){
-                      this.$set(item,"phoneNumber",decryptWithSM4(item.phoneNumber))
-                    }
-                })
-                this.dialogTotal = Number(response.total);
-            });
-        },
-        //批量弹窗勾选
-        handleSelectionChange(selection){
-          this.batchIds = selection.map((item) => item.userId)
-          this.batchList = selection
-        },
-        //批量补贴校验
-        confirmBatchCheck(){
-          if(this.batchIds.length>0){
-            this.$refs["batchForm"].validate(valid => {
-            if (valid) {
+          })
+      },
+      onOperateAmountInput(value) {
+          const cleaned = (value || "").replace(/[^\d.]/g, '').replace(/^(\d*\.\d{2}).*$/, '$1');
+          this.$set(this.form,"operateAmount", cleaned);
+      },
+      // 取消按钮
+      cancel() {
+          this.openClear = false;
+          this.open = false;
+          this.reset();
+      },
+      // 表单重置
+      reset() {
+          this.form = {};
+          this.resetForm("form");
+      },
+      /** 补贴提交按钮 */
+      submitForm: function() {
+          this.$refs["form"].validate(valid => {
+          if (valid) {
+            this.$modal.confirm('补贴金额:'+this.form.amount+'元，是否确认继续补贴?').then(() => {
               let param = {
-                  amount:Number(this.batchForm.amount*100).toFixed(0),
+                // ...this.form,
+                // remark:this.form.remark,
+                // receiveEndDate:this.form.receiveEndDate,
+                // validateDay:this.form.validateDay,
+                userId:this.form.userId,
+                amount:Number(this.form.amount*100)
+              }
+              updateAccRechargeSingleApi(param).then(response => {
+                    this.$modal.msgSuccess("操作成功");
+                    this.open = false;
+                    this.getList();
+              });
+            }).catch(() => {});
+          }
+          });
+      },
+      /** 补贴清空提交按钮 */
+      submitClearForm: function() {
+          const doSubmit = () => {
+            const confirmMsg = this.form.clearType === 2
+              ? `是否确认清空至 ${this.form.operateAmount} 元？`
+              : '是否确认清空补贴?';
+            this.$modal.confirm(confirmMsg).then(() => {
+              let param = {
+                userId:this.form.userId,
+                clearType:this.form.clearType
+              }
+              if(this.form.clearType === 2){
+                param.operateAmount = Number(this.form.operateAmount*100)
+              }
+              clearAccRechargeSingleApi(param).then(response => {
+                    this.$modal.msgSuccess("操作成功");
+                    this.openClear = false;
+                    this.getList();
+              });
+            }).catch(() => {});
+          }
+          if(this.$refs["clearForm"]){
+            this.$refs["clearForm"].validate(valid => {
+              if (valid) {
+                doSubmit();
+              }
+            });
+          }else{
+            doSubmit();
+          }
+      },
+      //批量补贴弹窗
+      handleBatchEdit() {
+        this.resetForm("dialogParams");
+        this.getDialogList()
+        this.batchIds = []
+        this.batchList = []
+        this.batchForm = {
+          remark:"",
+          receiveEndDate:"",
+          validateDay:"",
+          amount:null
+        }
+        this.resetForm("batchForm");
+        this.openBatch = true;
+        setTimeout(()=>{
+          this.$refs.multipleTable1.clearSelection()
+        },300)
+      },
+      handleBatchClear() {
+        this.resetForm("dialogParams");
+        this.getDialogList()
+        this.batchIds = []
+        this.batchList = []
+        this.batchForm = {
+          clearType:1,
+          amount:null
+        }
+        this.resetForm("batchForm");
+        this.openBatchClear = true;
+        setTimeout(()=>{
+          this.$refs.multipleTable2.clearSelection()
+        },300)
+      },
+      //弹窗搜索
+      handleDialogQuery(){
+        this.dialogParams.pageNum = 1;
+        this.getDialogList();
+      },
+      //批量弹窗表格查询
+      getDialogList(){
+        let param = {
+            "pageNum": this.dialogParams.pageNum,
+            "pageSize": this.dialogParams.pageSize,
+            "deptIdList": this.dialogParams.deptIdList,
+            "searchValue": this.dialogParams.searchValue,
+            "userType": this.dialogParams.userType
+          }
+          accInfoPageApi(param).then(response => {
+              this.dialogTableData = response.rows;
+              this.dialogTableData.forEach(item=>{
+                  if(item.phoneNumber&&item.phoneNumber!=""){
+                    this.$set(item,"phoneNumber",decryptWithSM4(item.phoneNumber))
+                  }
+              })
+              this.dialogTotal = Number(response.total);
+          });
+      },
+      //批量弹窗勾选
+      handleSelectionChange(selection){
+        this.batchIds = selection.map((item) => item.userId)
+        this.batchList = selection
+      },
+      //批量补贴校验
+      confirmBatchCheck(){
+        if(this.batchIds.length>0){
+          this.$refs["batchForm"].validate(valid => {
+          if (valid) {
+            let param = {
+                amount:Number(this.batchForm.amount*100),
+                userIds:this.batchIds
+            }
+            checkAccRechargeBatchApi(param).then(response => {
+                    this.resultData = response.data
+                    this.batchList.forEach(item=>{
+                      item.amount = Number(this.batchForm.amount*100)
+                    })
+                    if(this.resultData.errVOList.length==0){
+                      this.resultData.successVoList = this.batchList
+                    }else if(this.resultData.errVOList.length>0){
+                      this.resultData.errVOList.forEach(item=>{
+                        let hasIndex = this.batchList.findIndex(v=>v.userId==item.userId)
+                        this.batchList.splice(hasIndex,1)
+                      })
+                      this.resultData.successVoList = this.batchList
+                    }
+                    this.openResult = true
+                    this.openBatch = false;
+            });
+          }
+          });
+        }else{
+          this.$modal.msgError("请先勾选账户！");
+        }
+      },
+      //批量补贴提交
+      confirmBatchEdit(){
+          let param = {
+              amount:this.resultData.amount,
+              userIds:this.resultData.validUserIdList
+          }
+          updateAccRechargeBatchApi(param).then(response => {
+                  this.$modal.msgSuccess("操作成功");
+                  this.openResult = false;
+                  this.getList();
+          });
+      },
+      //批量补贴清空-校验
+      confirmBatchClearCheck(){
+        if(this.batchIds.length>0){
+          // this.$refs["batchForm"].validate(valid => {
+          // if (valid) {
+              let param = {
+                  // clearType:this.batchForm.clearType,
+                  // amount:Number(this.batchForm.amount*100),
                   userIds:this.batchIds
               }
-              checkAccRechargeBatchApi(param).then(response => {
-                      this.resultData = response.data
-                      this.batchList.forEach(item=>{
-                        item.amount = Number(this.batchForm.amount*100).toFixed(0)
-                      })
-                      if(this.resultData.errVOList.length==0){
-                        this.resultData.successVoList = this.batchList
-                      }else if(this.resultData.errVOList.length>0){
-                        this.resultData.errVOList.forEach(item=>{
+              checkClearAccRechargeBatchApi(param).then(response => {
+                      this.resultData2 = response.data
+                      if(this.resultData2.errVOList.length==0){
+                        this.resultData2.successVoList = this.batchList
+                      }else if(this.resultData2.errVOList.length>0){
+                        this.resultData2.errVOList.forEach(item=>{
                           let hasIndex = this.batchList.findIndex(v=>v.userId==item.userId)
                           this.batchList.splice(hasIndex,1)
                         })
-                        this.resultData.successVoList = this.batchList
+                        this.resultData2.successVoList = this.batchList
                       }
-                      this.openResult = true
-                      this.openBatch = false;
+                      this.openResult2 = true
+                      this.openBatchClear = false;
               });
-            }
-            });
-          }else{
-            this.$modal.msgError("请先勾选账户！");
-          }
-        },
-        //批量补贴提交
-        confirmBatchEdit(){
+          // }
+          // });
+        }else{
+          this.$modal.msgError("请先勾选账户！");
+        }
+      },
+      //批量补贴清空提交
+      confirmBatchClear(){
             let param = {
-                amount:this.resultData.amount,
-                userIds:this.resultData.validUserIdList
+                // amount:this.resultData.amount,
+                userIds:this.resultData2.validUserIdList
             }
-            updateAccRechargeBatchApi(param).then(response => {
+            clearAccRechargeBatchApi(param).then(response => {
                     this.$modal.msgSuccess("操作成功");
-                    this.openResult = false;
-                    this.getList();
+                    this.openResult2 = false;
+                    setTimeout(()=>{
+                      this.getList();
+                    },800)
             });
-        },
-        //批量补贴清空-校验
-        confirmBatchClearCheck(){
-          if(this.batchIds.length>0){
-            // this.$refs["batchForm"].validate(valid => {
-            // if (valid) {
-                let param = {
-                    // clearType:this.batchForm.clearType,
-                    // amount:Number(this.batchForm.amount*100),
-                    userIds:this.batchIds
-                }
-                checkClearAccRechargeBatchApi(param).then(response => {
-                        this.resultData2 = response.data
-                        if(this.resultData2.errVOList.length==0){
-                          this.resultData2.successVoList = this.batchList
-                        }else if(this.resultData2.errVOList.length>0){
-                          this.resultData2.errVOList.forEach(item=>{
-                            let hasIndex = this.batchList.findIndex(v=>v.userId==item.userId)
-                            this.batchList.splice(hasIndex,1)
-                          })
-                          this.resultData2.successVoList = this.batchList
-                        }
-                        this.openResult2 = true
-                        this.openBatchClear = false;
-                });
-            // }
-            // });
-          }else{
-            this.$modal.msgError("请先勾选账户！");
+      },
+      // 打开导入充值对话框
+      handleImportRecharge() {
+        this.openImport = true;
+        this.fileList = [];
+        this.uploadProgress = 0;
+        this.uploading = false;
+        this.importPreviewData = {};
+        if (this.$refs.upload) {
+          this.$refs.upload.clearFiles();
+        }
+      },
+      // 文件选择变化
+      handleFileChange(file, fileList) {
+        // 限制只能选择一个文件
+        if (fileList.length > 1) {
+          this.fileList = [fileList[fileList.length - 1]];
+          this.$refs.upload.fileList = [fileList[fileList.length - 1]];
+        } else {
+          this.fileList = fileList;
+        }
+      },
+      // 下载模板
+      downloadTemplate() {
+       let url = window.location.origin + '/template/批量补贴导入.xlsx';
+       console.log(url)
+       downloadFileByUrl(url)
+      },
+      // 上传前验证
+      beforeUpload(file) {
+        const isExcel = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ||
+                       file.type === 'application/vnd.ms-excel' ||
+                       file.name.endsWith('.xlsx') ||
+                       file.name.endsWith('.xls');
+        const isLt10M = file.size / 1024 / 1024 < 10;
+
+        if (!isExcel) {
+          this.$modal.msgError('只能上传 Excel 文件！');
+          return false;
+        }
+        if (!isLt10M) {
+          this.$modal.msgError('上传文件大小不能超过 10MB！');
+          return false;
+        }
+        return true;
+      },
+      // 上传进度
+      handleUploadProgress(event, file, fileList) {
+        this.uploadProgress = Math.round(event.percent);
+      },
+      // 上传成功
+      handleUploadSuccess(response, file, fileList) {
+        this.uploading = false;
+        this.uploadProgress = 100;
+        // 兼容不同的响应格式
+        const result = response.data || response;
+        if (response.code === 200 || response.code === 0 || !response.code) {
+          this.uploadResult = {
+            success: true,
+            data: result,
+            message: response.msg || response.message || '导入成功'
+          };
+          this.$modal.msgSuccess('导入成功！');
+          // 刷新列表
+          setTimeout(() => {
+            this.getList();
+          }, 500);
+        } else {
+          this.uploadResult = {
+            success: false,
+            data: result,
+            message: response.msg || response.message || '导入失败'
+          };
+          this.$modal.msgError(response.msg || response.message || '导入失败');
+        }
+      },
+      // 上传失败
+      handleUploadError(err, file, fileList) {
+        this.uploading = false;
+        this.uploadProgress = 0;
+        this.uploadResult = {
+          success: false,
+          message: err.message || '上传失败，请重试'
+        };
+        this.$modal.msgError('上传失败，请重试');
+      },
+      // 提交上传（校验）
+      submitUpload() {
+        if (this.fileList.length === 0) {
+          this.$modal.msgError('请先选择要上传的文件！');
+          return;
+        }
+        const file = this.fileList[0].raw || this.fileList[0];
+        if (!file) {
+          this.$modal.msgError('文件不存在，请重新选择！');
+          return;
+        }
+
+        // 验证文件类型和大小
+        const isExcel = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ||
+                       file.type === 'application/vnd.ms-excel' ||
+                       file.name.endsWith('.xlsx') ||
+                       file.name.endsWith('.xls');
+        const isLt10M = file.size / 1024 / 1024 < 10;
+
+        if (!isExcel) {
+          this.$modal.msgError('只能上传 Excel 文件！');
+          return;
+        }
+        if (!isLt10M) {
+          this.$modal.msgError('上传文件大小不能超过 10MB！');
+          return;
+        }
+
+        this.uploading = true;
+        this.uploadProgress = 0;
+
+        // 使用FormData上传文件
+        const formData = new FormData();
+        formData.append('file', file);
+
+        // 调用校验接口
+        request({
+          url: '/smart-canteen/acc/subsidy/import/add/check',
+          method: 'post',
+          data: formData,
+          headers: {
+            'Content-Type': 'multipart/form-data',
+            'Authorization': 'Bearer ' + getToken()
+          },
+          onUploadProgress: (progressEvent) => {
+            if (progressEvent.total) {
+              this.uploadProgress = Math.round((progressEvent.loaded * 100) / progressEvent.total);
+            }
           }
-        },
-        //批量补贴清空提交
-        confirmBatchClear(){
-              let param = {
-                  // amount:this.resultData.amount,
-                  userIds:this.resultData2.validUserIdList
+        }).then(response => {
+          this.uploading = false;
+          this.uploadProgress = 100;
+
+          // 处理响应数据
+          const result = response.data || response;
+          if (response.code === 200 || response.code === 0) {
+            // 组装预览数据，兼容批量补贴预览展示
+            const amountMap = {};
+            (result.sucVoListMap || []).forEach(item => {
+              const key = Object.keys(item || {})[0];
+              if (key) {
+                amountMap[key] = item[key];
               }
-              clearAccRechargeBatchApi(param).then(response => {
-                      this.$modal.msgSuccess("操作成功");
-                      this.openResult2 = false;
-                      setTimeout(()=>{
-                        this.getList();
-                      },800)
-              });
-        },
-    }
-  };
-  </script>
+            });
+            const successVoList = (result.accInfoVOList || []).map(item => {
+              const phoneNumber = item.phoneNumber ? decryptWithSM4(item.phoneNumber) : item.phoneNumber;
+              return {
+                ...item,
+                phoneNumber,
+                amount: amountMap[item.userId] || amountMap[item.userId + ''] || item.amount
+              };
+            });
+            const invalidList = [
+              ...(result.errVOList || []),
+              ...(result.invalidVOList || [])
+            ].map(item => ({
+              ...item,
+              phoneNumber: item.phoneNumber ? decryptWithSM4(item.phoneNumber) : item.phoneNumber
+            }));
+            this.importPreviewData = {
+              ...result,
+              totalCount: result.totalUserSum,
+              successVoList,
+              invalidList
+            };
+            // 关闭导入对话框，打开预览对话框
+            this.openImport = false;
+            this.openImportPreview = true;
+          } else {
+            this.$modal.msgError(response.msg || response.message || '校验失败');
+          }
+        }).catch(error => {
+          this.uploading = false;
+          this.uploadProgress = 0;
+          this.$modal.msgError(error.message || '上传失败，请重试');
+        });
+      },
+      // 确认提交导入
+      confirmImportSubmit() {
+        if (!this.importPreviewData.validUserIdList || this.importPreviewData.validUserIdList.length === 0) {
+          this.$modal.msgError('没有有效的记录可以提交！');
+          return;
+        }
+
+        // 仅提交有效人员及金额明细
+        const userIdAmountMap = (this.importPreviewData.successVoList || [])
+          .filter(item => this.importPreviewData.validUserIdList.includes(String(item.userId)))
+          .map(item => ({ [item.userId]: item.amount }));
+        const param = {
+          userIds: this.importPreviewData.validUserIdList,
+          userIdAmountMap
+        };
+
+        // 调用提交接口
+        request({
+          url: '/smart-canteen/acc/subsidy/batch/import/add',
+          method: 'post',
+          data: param,
+          headers: {
+            'Authorization': 'Bearer ' + getToken()
+          }
+        }).then(response => {
+          if (response.code === 200 || response.code === 0) {
+            this.$modal.msgSuccess("操作成功");
+            this.openImportPreview = false;
+            this.getList();
+          } else {
+            this.$modal.msgError(response.msg || response.message || '提交失败');
+          }
+        }).catch(error => {
+          this.$modal.msgError(error.message || '提交失败，请重试');
+        });
+      },
+      // 取消导入
+      handleImportCancel() {
+        this.openImport = false;
+        this.fileList = [];
+        this.uploadProgress = 0;
+        this.uploading = false;
+        this.importPreviewData = {};
+        if (this.$refs.upload) {
+          this.$refs.upload.clearFiles();
+        }
+      },
+  }
+};
+</script>
+<style scoped>
+.clear-dialog__body {
+  width: 100%;
+  padding: 0 4px 4px 0;
+}
+
+.clear-form {
+  margin-top: 16px;
+}
+
+.clear-form__item {
+  margin-bottom: 12px;
+}
+
+.clear-form__row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.clear-form__row--amount .clear-form__input {
+  max-width: 420px;
+}
+
+.clear-form__label {
+  width: 80px;
+  flex-shrink: 0;
+  color: #606266;
+  font-size: 14px;
+  text-align: left;
+}
+
+.clear-form__input {
+  width: 420px;
+}
+
+.clear-form__note {
+  color: red;
+  margin-top: 6px;
+}
+</style>