积分基本完成

src/views/point/Point_Bill.vue

@@ -1,35 +1,51 @@
 <template>
   <div class="app-container">
-    <el-table v-loading="loading" :data="recordList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="主键自增" align="center" prop="id" />
-      <el-table-column label="微信用户唯一标识" align="center" prop="unionId" />
-      <el-table-column label="客户名称" align="center" prop="customerName" />
-      <el-table-column label="积分记录类型：-，消耗； +，增加；" align="center" prop="recordType"  />
-      <el-table-column label="消耗或增加积分" align="center" prop="integral" />
-      <el-table-column label="时间" align="center" prop="createTime" />
-      <el-table-column label="油站ID" align="center" prop="stationId" />
-      <el-table-column label="油站名称" align="center" prop="stationName" />
+    <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
+      <el-form-item label="手机号码" prop="mobilePhone">
+        <el-input
+          v-model="queryParams.mobilePhone"
+          placeholder="请输入用户手机号码"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button type="info" icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <!-- <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport">导出</el-button> -->
+      </el-form-item>
+    </el-form>
+    <el-table :data="pointsList">
+      <el-table-column label="id" align="center" prop="id"  v-if ="false" />
+      <el-table-column label="微信用户unionID" align="center" prop="unionId" v-if="false"/>
+      <el-table-column label="公众号的openID" align="center" prop="blogOpenid" v-if="false"/>
+      <el-table-column label="小程序的openID" align="center" prop="minaOpenid" v-if="false" />
+      <el-table-column label="会员名" align="center" prop="customerName" />
+      <el-table-column label="手机号码" align="center" prop="mobilePhone" />
+      <el-table-column label="账户积分余额" align="center" prop="points" />
+      <el-table-column label="使用积分累计" align="center" prop="consumptionPoints" />
+      <el-table-column label="获得积分累计" align="center" prop="accumulatePoints" />
+      <el-table-column label="失效积分累计" align="center" prop="invalidPoints" />
+      <el-table-column label="最近积分变化日期" align="center" prop="recentConsumptionDate" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.recentConsumptionDate, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="油站ID" align="center" prop="stationId" v-if="false"/>
+      <el-table-column label="油站名称" align="center" prop="stationName" v-if="false" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
             size="mini"
             type="text"
             icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['integral:record:edit']"
-          >修改</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['integral:record:remove']"
-          >删除</el-button>
+            @click="lookInfo(scope.row)"
+          >明细</el-button>
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"
@@ -37,59 +53,44 @@
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
     />
-
-    <!-- 添加或修改客户积分记录对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="微信用户唯一标识" prop="unionId">
-          <el-input v-model="form.unionId" placeholder="请输入微信用户唯一标识" />
-        </el-form-item>
-        <el-form-item label="客户名称" prop="customerName">
-          <el-input v-model="form.customerName" placeholder="请输入客户名称" />
-        </el-form-item>
-        <el-form-item label="积分记录类型：-，消耗； +，增加；" prop="recordType">
-          <el-select v-model="form.recordType" placeholder="请选择积分记录类型：-，消耗； +，增加；">
-            <el-option label="请选择字典生成" value="" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="消耗或增加积分" prop="integral">
-          <el-input v-model="form.integral" placeholder="请输入消耗或增加积分" />
-        </el-form-item>
-        <el-form-item label="油站ID" prop="stationId">
-          <el-input v-model="form.stationId" placeholder="请输入油站ID" />
-        </el-form-item>
-        <el-form-item label="油站名称" prop="stationName">
-          <el-input v-model="form.stationName" placeholder="请输入油站名称" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
+     <!-- 添加或修改客户积分记录对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="750px" append-to-body>
+      <div class="app-container">
+        <el-table :data="recordList" >
+          <el-table-column label="主键自增" align="center" prop="id"  v-if ="false"/>
+          <el-table-column label="微信用户唯一标识" align="center" prop="unionId"  v-if ="false"/>
+          <el-table-column label="客户名称" align="center" prop="customerName" />
+          <el-table-column label="积分记录类型" align="center" prop="recordType" :formatter="recordTypeFotmat" />
+          <el-table-column label="消耗或增加积分" align="center" prop="integral" />
+          <el-table-column label="时间" align="center" prop="createTime" />
+          <el-table-column label="油站ID" align="center" prop="stationId"  v-if ="false" />
+          <el-table-column label="油站名称" align="center" prop="stationName" />
+        </el-table>
+        <pagination
+          v-show="totalInfo>0"
+          :total="totalInfo"
+          :page.sync="query.pageNum"
+          :limit.sync="query.pageSize"
+          @pagination="getInfoList"
+        />
       </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { listRecord, getRecord, delRecord, addRecord, updateRecord, exportRecord } from "@/api/integral/record";
-
+import { listPoints, exportPoints } from "@/api/integral/points";
+import { listRecord } from "@/api/integral/record";
 export default {
-  name: "Record",
+  name: "Points",
   data() {
     return {
-      // 遮罩层
-      loading: true,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
       // 总条数
       total: 0,
-      // 客户积分记录表格数据
+      totalInfo: 0,
+      // 用户积分表格数据
+      pointsList: [],
+      //用户积分明细
       recordList: [],
       // 弹出层标题
       title: "",
@@ -100,6 +101,22 @@ export default {
         pageNum: 1,
         pageSize: 10,
         unionId: null,
+        blogOpenid: null,
+        minaOpenid: null,
+        mobilePhone: null,
+        points: null,
+        consumptionPoints: null,
+        accumulatePoints: null,
+        invalidPoints: null,
+        recentConsumptionDate: null,
+        stationId: null,
+        stationName: null
+      },
+      //积分明细 查询参数
+      query: {
+        pageNum: 1,
+        pageSize: 10,
+        unionId: null,
         customerName: null,
         recordType: null,
         integral: null,
@@ -114,22 +131,39 @@ export default {
     };
   },
   created() {
-    this.getList();
+    this.init()
   },
   methods: {
-    /** 查询客户积分记录列表 */
+    init(){
+      this.getList();
+    },
+    recordTypeFotmat(row, column){
+      if(row.recordType === '-'){
+        return '兑换积分'
+      }else if(row.recordType === '+'){
+        return '增加积分'
+      }
+    },
+    /** 查询用户积分列表 */
     getList() {
-      this.loading = true;
       this.queryParams.stationId= this.$store.selectDeptId;
       if(this.queryParams.stationId==null || this.queryParams.stationId==""){
         this.queryParams.stationId =this.$store.state.user.deptId;
       }
-      listRecord(this.queryParams).then(response => {
-        this.recordList = response.rows;
+      listPoints(this.queryParams).then(response => {
+        this.pointsList = response.rows;
         this.total = response.total;
-        this.loading = false;
       });
     },
+     /** 查询用户积分明细列表 */
+    getInfoList() {
+      this.queryParams.stationId= this.$store.selectDeptId;
+      listRecord(this.query).then(response => {
+        this.recordList = response.rows;
+        this.totalInfo = response.total;
+      });
+    },
+    
     // 取消按钮
     cancel() {
       this.open = false;
@@ -140,10 +174,14 @@ export default {
       this.form = {
         id: null,
         unionId: null,
-        customerName: null,
-        recordType: null,
-        integral: null,
-        createTime: null,
+        blogOpenid: null,
+        minaOpenid: null,
+        mobilePhone: null,
+        points: null,
+        consumptionPoints: null,
+        accumulatePoints: null,
+        invalidPoints: null,
+        recentConsumptionDate: null,
         stationId: null,
         stationName: null
       };
@@ -159,75 +197,27 @@ export default {
       this.resetForm("queryForm");
       this.handleQuery();
     },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
-      this.multiple = !selection.length
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加客户积分记录";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const id = row.id || this.ids
-      getRecord(id).then(response => {
-        this.form = response.data;
+    //查看明细
+    lookInfo(rows){
+        this.query.unionId = rows.unionId;
+        this.getInfoList();
         this.open = true;
-        this.title = "修改客户积分记录";
-      });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate(valid => {
-        if (valid) {
-          if (this.form.id != null) {
-            updateRecord(this.form).then(response => {
-              this.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
-          } else {
-            addRecord(this.form).then(response => {
-              this.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
-          }
-        }
-      });
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const ids = row.id || this.ids;
-      this.$confirm('是否确认删除客户积分记录', "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(function() {
-          return delRecord(ids);
-        }).then(() => {
-          this.getList();
-          this.msgSuccess("删除成功");
-        })
+        this.title = "查看客户积分记录";
     },
+
     /** 导出按钮操作 */
-    handleExport() {
-      const queryParams = this.queryParams;
-      this.$confirm('是否确认导出所有客户积分记录数据项?', "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(function() {
-          return exportRecord(queryParams);
-        }).then(response => {
-          this.download(response.msg);
-        })
-    }
+    // handleExport() {
+    //   const queryParams = this.queryParams;
+    //   this.$confirm('是否确认导出所有用户积分数据项?', "警告", {
+    //       confirmButtonText: "确定",
+    //       cancelButtonText: "取消",
+    //       type: "warning"
+    //     }).then(function() {
+    //       return exportPoints(queryParams);
+    //     }).then(response => {
+    //       this.download(response.msg);
+    //     })
+    // }
   }
 };
 </script>

src/views/point/Point_Order.vue

@@ -95,12 +95,14 @@
           <span>{{ parseTime(scope.row.exchangeTime, "{y}-{m}-{d}") }}</span>
         </template>
       </af-table-column>
+      <!--
       <af-table-column
         label="订单状态"
         align="center"
         prop="status"
         :formatter="statusFormat"
       />
+      -->
     </el-table>
 
     <pagination
@@ -165,13 +167,7 @@ export default {
     },
     /** 查询积分消费订单列表 */
     getList() {
-      this.queryParams.stationId = this.$store.selectDeptId;
-      if (
-        this.queryParams.stationId == null ||
-        this.queryParams.stationId == ""
-      ) {
-        this.queryParams.stationId = this.$store.state.user.deptId;
-      }
+      this.queryParams.stationId = this.deptId;
       listOrder(this.queryParams).then((response) => {
         this.orderList = response.rows;
         this.total = response.total;

src/views/point/Point_Product.vue

@@ -1,6 +1,11 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" :inline="true"  label-width="68px">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      :inline="true"
+      label-width="68px"
+    >
       <el-form-item label="商品名称" prop="waresName">
         <el-input
           v-model="queryParams.waresName"
@@ -11,53 +16,105 @@
         />
       </el-form-item>
       <el-form-item>
-        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button type="info" icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-        <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
+        <el-button
+          type="cyan"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button
+          type="info"
+          icon="el-icon-refresh"
+          size="mini"
+          @click="resetQuery"
+          >重置</el-button
+        >
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          >商品上新</el-button
+        >
       </el-form-item>
     </el-form>
 
-    <el-table v-loading="loading" :data="waresList" @selection-change="handleSelectionChange">
-      <el-table-column label="商品id" align="center" prop="id"  v-if="false" />
-      <el-table-column label="商品类别" align="center" prop="waresType"  v-if="false" />
+    <el-table
+      v-loading="loading"
+      :data="waresList"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column label="商品id" align="center" prop="id" v-if="false" />
+      <el-table-column
+        label="商品类别"
+        align="center"
+        prop="waresType"
+        v-if="false"
+      />
       <el-table-column label="商品名称" align="center" prop="waresName" />
       <el-table-column label="消费积分" align="center" prop="saleIntegral" />
-      <el-table-column label="商品图片" align="center" prop="waresPic" v-if="false" />
-      <el-table-column label="商品详情" align="center" prop="waresDetail"  width="155" />
-      <el-table-column label="油站ID" align="center" prop="stationId" v-if="false" />
-      <el-table-column label="油站名称" align="center" prop="stationName" />
-      <el-table-column label="库存" align="center" prop="waresCount" />
-      <el-table-column label="商品状态" align="center" prop="waresStatus" :formatter="waresStatusFotmat" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column
+        label="商品图片"
+        align="center"
+        prop="waresPic"
+        v-if="false"
+      />
+      <el-table-column
+        label="商品详情"
+        align="center"
+        prop="waresDetail"
+        width="155"
+      />
+      <el-table-column
+        label="油站ID"
+        align="center"
+        prop="stationId"
+        v-if="false"
+      />
+      <el-table-column label="现有库存" align="center" prop="waresCount" />
+      <el-table-column
+        label="商品状态"
+        align="center"
+        prop="waresStatus"
+        :formatter="waresStatusFotmat"
+      />
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
         <template slot-scope="scope">
-          <div  v-if="scope.row.waresStatus==2">
+          <div v-if="scope.row.waresStatus == 2">
             <el-button
-                       size="mini"
-                       type="text"
-                       icon="el-icon-edit"
-                       @click="updateSJ(scope.row)"
-            >上架</el-button>
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="updateSJ(scope.row)"
+              >上架</el-button
+            >
           </div>
-          <div  v-if="scope.row.waresStatus==1">
-            <el-button size="mini"
-                       type="text"
-                       icon="el-icon-edit"
-                       @click="updateSJ(scope.row)"
-            >下架</el-button>
+          <div v-if="scope.row.waresStatus == 1">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              >下架</el-button
+            >
           </div>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
-            v-hasPermi="['integral:wares:edit']"
-          >修改</el-button>
+            >修改</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
 
     <pagination
-      v-show="total>0"
+      v-show="total > 0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
@@ -74,23 +131,44 @@
             :headers="headers"
             :show-file-list="false"
             :on-success="handleAvatarSuccess"
-            :before-upload="beforeAvatarUpload">
-            <img v-if="form.waresPic" :src="form.waresPic" style="width:150px;height: 150px;" class="avatar">
+            :before-upload="beforeAvatarUpload"
+          >
+            <img
+              v-if="form.waresPic"
+              :src="form.waresPic"
+              style="width: 150px; height: 150px"
+              class="avatar"
+            />
             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-            <div class="el-upload__tip" slot="tip">点击图片重新上传，只能上传jpg/png文件，图片大小不超过2M</div>
+            <div class="el-upload__tip" slot="tip">
+              点击图片重新上传，只能上传jpg/png文件，图片大小不超过2M
+            </div>
           </el-upload>
         </el-form-item>
         <el-form-item label="商品名称" prop="waresName">
           <el-input v-model="form.waresName" placeholder="请输入商品名称" />
         </el-form-item>
         <el-form-item label="商品详情" prop="waresDetail">
-          <textarea v-model="form.waresDetail" placeholder="请输入商品详情" rows="4" cols="50"></textarea>
+          <textarea
+            v-model="form.waresDetail"
+            placeholder="请输入商品详情"
+            rows="4"
+            cols="50"
+          ></textarea>
         </el-form-item>
         <el-form-item label="消费积分" prop="saleIntegral">
-          <el-input-number v-model="form.saleIntegral" :min="0" placeholder="请输入消费积分" />
+          <el-input-number
+            v-model="form.saleIntegral"
+            :min="0"
+            placeholder="请输入消费积分"
+          />
         </el-form-item>
-        <el-form-item label="库存"  prop="waresCount">
-          <el-input-number v-model="form.waresCount" :min="0" placeholder="请输入库存数量" />
+        <el-form-item label="库存" prop="waresCount">
+          <el-input-number
+            v-model="form.waresCount"
+            :min="0"
+            placeholder="请输入库存数量"
+          />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -102,8 +180,15 @@
 </template>
 
 <script>
-import { listWares, getWares, delWares, addWares, updateWares, exportWares } from "@/api/integral/wares";
-import {getToken} from "@/utils/auth";
+import {
+  listWares,
+  getWares,
+  delWares,
+  addWares,
+  updateWares,
+  exportWares,
+} from "@/api/integral/wares";
+import { getToken } from "@/utils/auth";
 import { getDept } from "@/api/system/dept";
 export default {
   name: "Wares",
@@ -121,36 +206,37 @@ export default {
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        waresName: null
+        waresName: null,
       },
-      deptInfo:{},
-      deptId: null,
+      deptInfo: {},
       // 表单参数
       form: {},
       // 表单校验
-      rules: {
-      },
+      rules: {},
       headers: { Authorization: "Bearer " + getToken() },
-      addressUrl: location.protocol+"//"+location.host+ process.env.VUE_APP_BASE_API+"/common/upload"
-  
+      addressUrl:
+        location.protocol +
+        "//" +
+        location.host +
+        process.env.VUE_APP_BASE_API +
+        "/common/upload",
     };
   },
   created() {
     this.getList();
-    
   },
   methods: {
     waresStatusFotmat(row, column) {
-      if (row.waresStatus === '1') {
-        return '已上架'
-      } else if (row.waresStatus === '2') {
-        return '已下架'
+      if (row.waresStatus === "1") {
+        return "已上架";
+      } else if (row.waresStatus === "2") {
+        return "已下架";
       }
     },
-   
+
     /** 查询【请填写功能名称】列表 */
     getList() {
-      listWares(this.queryParams).then(response => {
+      listWares(this.queryParams).then((response) => {
         this.waresList = response.rows;
         this.total = response.total;
       });
@@ -174,7 +260,7 @@ export default {
         createBy: null,
         updateTime: null,
         updateBy: null,
-        waresCount: null
+        waresCount: null,
       };
       this.resetForm("form");
     },
@@ -191,40 +277,40 @@ export default {
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();
-      this.deptId=this.$store.selectDeptId;
-      if(this.deptId==null || this.deptId==""){
-        this.deptId =this.$store.state.user.deptId;
+      this.deptId = this.$store.selectDeptId;
+      if (this.deptId == null || this.deptId == "") {
+        this.deptId = this.$store.state.user.deptId;
       }
-      getDept(this.deptId).then(response => {
-          this.deptInfo = response.data;
-          if(this.deptInfo.jiBie==2){
-            this.open = true;
-            this.title = "添加商品信息";
-          }else{
-              this.msgSuccess("请选择油站");
-          }
+      getDept(this.deptId).then((response) => {
+        this.deptInfo = response.data;
+        if (this.deptInfo.jiBie == 2) {
+          this.open = true;
+          this.title = "添加商品信息";
+        } else {
+          this.msgSuccess("请选择油站");
+        }
       });
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
-      const id = row.id 
-      getWares(id).then(response => {
+      const id = row.id;
+      getWares(id).then((response) => {
         this.form = response.data;
         this.open = true;
         this.title = "修改商品信息";
       });
     },
-    updateSJ(row){
+    updateSJ(row) {
       this.reset();
-      this.form.id= row.id;
-      if(row.waresStatus==1){
-        this.form.waresStatus=2;
-      }else{
+      this.form.id = row.id;
+      if (row.waresStatus == 1) {
+        this.form.waresStatus = 2;
+      } else {
         this.form.waresStatus = 1;
       }
       if (this.form.id != null) {
-        updateWares(this.form).then(response => {
+        updateWares(this.form).then((response) => {
           this.msgSuccess("修改成功");
           this.getList();
         });
@@ -232,16 +318,16 @@ export default {
     },
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.form.id != null) {
-            updateWares(this.form).then(response => {
+            updateWares(this.form).then((response) => {
               this.msgSuccess("修改成功");
               this.open = false;
               this.getList();
             });
           } else {
-            addWares(this.form).then(response => {
+            addWares(this.form).then((response) => {
               this.msgSuccess("新增成功");
               this.open = false;
               this.getList();
@@ -252,20 +338,25 @@ export default {
     },
     // 文件上传成功处理++ =
     handleAvatarSuccess(res, file) {
-      let imgurl=location.protocol+"//"+location.host+process.env.VUE_APP_BASE_API+res .fileName;
+      let imgurl =
+        location.protocol +
+        "//" +
+        location.host +
+        process.env.VUE_APP_BASE_API +
+        res.fileName;
       this.form.waresPic = imgurl;
     },
     beforeAvatarUpload(file) {
-      const isJPG = file.type === 'image/jpeg'|| 'image/png';
+      const isJPG = file.type === "image/jpeg" || "image/png";
       const isLt2M = file.size / 1024 / 1024 < 2;
       if (!isJPG) {
-        this.$message.error('上传头像图片只能是 JPG 格式!');
+        this.$message.error("上传头像图片只能是 JPG 格式!");
       }
       if (!isLt2M) {
-        this.$message.error('上传头像图片大小不能超过 2MB!');
+        this.$message.error("上传头像图片大小不能超过 2MB!");
       }
       return isJPG && isLt2M;
-    }
-  }
+    },
+  },
 };
 </script>

src/views/point/Point_RuleList.vue

@@ -89,11 +89,7 @@ export default {
   name: "RuleList",
   data() {
     return {
-      // 弹出层标题
-      title: "",
       total: 0,
-      // 是否显示弹出层
-      open: false,
       ruleList: [],
       // 查询参数
       queryParams: {