乐团缴费项目更改

1

src/views/branchPayManager/payList.vue

@@ -0,0 +1,350 @@
+ <!--  -->
+<template>
+  <div class="m-container">
+    <h2>
+      <div class="squrt"></div>
+      合作单位缴费
+    </h2>
+    <div class="m-core">
+      <save-form
+        :inline="true"
+        :model="searchForm"
+        ref="searchForm"
+        @submit="search"
+        @reset="onReSet"
+      >
+        <el-form-item prop="organId">
+          <el-select
+            class="multiple"
+            v-model.trim="searchForm.organId"
+            filterable
+            clearable
+            multiple
+            collapse-tags
+            placeholder="请选择分部"
+          >
+            <el-option
+              v-for="(item, index) in selects.branchs"
+              :key="index"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item prop="cooperationId">
+          <el-select
+            v-model.trim="searchForm.cooperationId"
+            :disabled="!searchForm.organId"
+            filterable
+            clearable
+            placeholder="请选择合作单位"
+            @change="changeCooper"
+          >
+            <el-option
+              v-for="(item, index) in cooperationList"
+              :key="index"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item>
+          <el-button native-type="submit" type="primary">搜索</el-button>
+          <el-button native-type="reset" type="danger">重置</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            @click="exportBack"
+            v-permission="'export/userCashAccountLog'"
+            >导出</el-button
+          >
+        </el-form-item>
+      </save-form>
+      <div class="tableWrap">
+        <el-table
+          style="width: 100%"
+          :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+          :data="tableList"
+        >
+          <el-table-column
+            align="center"
+            prop="id"
+            label="退费编号"
+          ></el-table-column>
+          <el-table-column align="center" prop="studentId" label="学员">
+            <template slot-scope="scope">
+              <div>
+                <p>{{ scope.row.username }}</p>
+                <p>{{ scope.row.userId }}</p>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="organName"
+            label="分部"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="groupId"
+            label="课程组编号"
+          ></el-table-column>
+          <el-table-column align="center" prop="studentId" label="退费金额">
+            <template slot-scope="scope">
+              <div>
+                {{ scope.row.amount | moneyFormat }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" prop="studentId" label="退费类型">
+            <template slot-scope="scope">
+              <div>
+                {{ scope.row.returnFeeType | backType }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="退费时间"
+            width="100px"
+          >
+            <template slot-scope="scope">
+              <div>
+                {{ scope.row.createTime }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="transNo"
+            label="交易流水号"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="payTime"
+            label="打款时间"
+            width="100px"
+          ></el-table-column>
+          <el-table-column align="center" prop="studentId" label="退费状态">
+            <template slot-scope="scope">
+              <div>
+                {{ scope.row.transNo ? "已打款" : "未打款" }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" prop="studentId" label="操作">
+            <template slot-scope="scope">
+              <div>
+                <auth auths="userCashAccountLog/update">
+                  <el-button type="text" @click="resetBackForm(scope.row)"
+                    >修改</el-button
+                  >
+                </auth>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          sync
+          :total.sync="rules.total"
+          :page.sync="rules.page"
+          :limit.sync="rules.limit"
+          :page-sizes="rules.page_size"
+          @pagination="getList"
+        />
+      </div>
+    </div>
+    <el-dialog :visible.sync="resetVisible" title="修改退费记录" width="400px">
+      <el-form
+        :model="form"
+        :rules="rules"
+        :inline="true"
+        label-width="100px"
+        class="form"
+        ref="form"
+      >
+        <el-form-item label="编号"
+          ><el-input :disabled="true" v-model="form.id"></el-input
+        ></el-form-item>
+        <el-form-item label="学员"
+          ><el-input :disabled="true" v-model="form.username"></el-input
+        ></el-form-item>
+        <el-form-item label="课程组编号"
+          ><el-input :disabled="true" v-model="form.groupId"></el-input
+        ></el-form-item>
+        <el-form-item label="金额"
+          ><el-input
+            :disabled="true"
+            :value="form.amount | moneyFormat"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="交易流水号"
+          ><el-input v-model="form.transNo"></el-input
+        ></el-form-item>
+        <el-form-item
+          v-if="form.transNo"
+          prop="payTime"
+          label="打款时间"
+          :rules="[{ required: true, message: '请选择打款时间' }]"
+        >
+          <el-date-picker
+            v-model="form.payTime"
+            clearable
+            type="datetime"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            :picker-options="{ firstDayOfWeek: 1 }"
+            placeholder="打款时间"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="退费时间">
+          <el-input :disabled="true" v-model="form.createTime"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="resetVisible = false">取 消</el-button>
+
+        <el-button @click="resetRorm" type="primary">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+import { getToken } from "@/utils/auth";
+import pagination from "@/components/Pagination/index";
+import { getTimes } from "@/utils";
+import load from "@/utils/loading";
+import { backTypeList } from "@/utils/searchArray";
+import { getUserCashAccountLog, resetUserCashAccountLog } from "./api";
+import { Export } from "@/utils/downLoadFile";
+import qs from "qs";
+export default {
+  components: { pagination },
+  data() {
+    return {
+      searchForm: {
+        search: null,
+        returnFeeType: null,
+        organId: [],
+        backTime: [],
+        payTime: [],
+        returnFeeFlag:null
+      },
+      backTypeList,
+      tableList: [],
+      cooperationList: [],
+      activeRow: null,
+      rules: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+      form: {
+        id: null,
+      },
+      resetVisible: false,
+    };
+  },
+  //生命周期 - 创建完成（可以访问当前this实例）
+  created() {},
+  //生命周期 - 挂载完成（可以访问DOM元素）
+  async mounted() {
+    // 获取分部
+    await this.$store.dispatch("setBranchs");
+    this.init();
+  },
+  methods: {
+    init() {
+      this.getList();
+    },
+    async getList() {
+      let { backTime, payTime, organId, ...rest } = this.searchForm;
+      let params = {
+        ...rest,
+        page: this.rules.page,
+        rows: this.rules.limit,
+        organId: organId.join(","),
+        ...getTimes(backTime, ["createStartTime", "createEndTime"]),
+        ...getTimes(payTime, ["payStartTime", "payEndTime"]),
+      };
+      try {
+        const res = await getUserCashAccountLog(params);
+        this.tableList = res.data.rows;
+        this.rules.total = res.data.total;
+      } catch (e) {
+        console.log(e);
+      }
+    },
+    search() {
+      this.rules.page = 1;
+      this.getList();
+    },
+    onReSet() {
+      this.$refs["searchForm"].resetFields();
+      this.search();
+    },
+    resetBackForm(row) {
+      this.activeRow = row;
+      this.form = { ...row };
+      this.resetVisible = true;
+    },
+    resetRorm() {
+      this.$refs.form.validate(async (flag) => {
+        if (flag) {
+          try {
+            if(!this.form.transNo){
+              this.form.payTime = null;
+            }
+            const res = await resetUserCashAccountLog(this.form);
+            this.$message.success("修改成功");
+            this.resetVisible = false;
+            this.getList();
+          } catch (e) {
+            console.log(e);
+          }
+        }
+      });
+    },
+    exportBack() {
+      let { backTime, payTime, organId, ...rest } = this.searchForm;
+      let params = {
+        ...rest,
+        page: this.rules.page,
+        rows: this.rules.limit,
+        organId: organId.join(","),
+        ...getTimes(backTime, ["createStartTime", "createEndTime"]),
+        ...getTimes(payTime, ["payStartTime", "payEndTime"]),
+      };
+      Export(
+        this,
+        {
+          url: "/api-web/export/userCashAccountLog",
+          fileName: "退费列表.xls",
+          method: "post",
+          params: qs.stringify(params),
+        },
+        "您确定导出退费列表?"
+      );
+    },
+  },
+};
+</script>
+<style lang='scss' scoped>
+.search {
+  ::v-deep .el-input__inner {
+    width: 260px !important;
+  }
+}
+.form {
+  ::v-deep .el-input {
+    width: 220px;
+  }
+}
+</style>

src/views/resetTeaming/components/payInfoDetail.vue

@@ -187,7 +187,6 @@
                 :teamActive="teamActive"
                 :leBao="leBao"
                 @setAllTotal="setAllTotal"
-
                 v-if="$route.query.payUserType == 'SCHOOL'"
               />
               <backMoney
@@ -456,7 +455,7 @@ export default {
         },
         calenderFeeType: "STUDENT",
         musicGroupCalenderRefundPeriods: [{ refundDate: "", refundAmount: "" }],
-        currentTotalAmount:0
+        currentTotalAmount: 0,
       },
       teamCourse: false,
       member: false,
@@ -495,6 +494,7 @@ export default {
       tenantId: null,
       isField: false,
       showAutoActivationFlag: false,
+      initDetail: false,
     };
   },
   mounted() {
@@ -557,7 +557,8 @@ export default {
       await this.getAgreement(); // 获取是否有正在启用得协议
       if (this.$route.query.calenderId) {
         // 说明是修改  查缴项目详情
-        getMusicGroupPaymentCalenderDetail({
+        this.initDetail = true;
+        await getMusicGroupPaymentCalenderDetail({
           id: this.$route.query.calenderId,
         }).then((res) => {
           if (res.code == 200) {
@@ -573,11 +574,7 @@ export default {
               res.data?.calender?.deadlinePaymentDate,
             ]);
             this.$set(this.form, "memo", res.data?.calender?.memo);
-            this.$set(
-              this.form,
-              "payUserType",
-              res.data?.calender?.payUserType
-            );
+
             this.$set(
               this.form,
               "isShowMemberForPay",
@@ -613,6 +610,37 @@ export default {
                 this.teamCourse = true;
                 this.isSetCourseSettingsId = true;
                 this.$set(this.form, "eclass", res.data?.course);
+                console.log('设置完成eclass')
+                this.initDetail = true;
+                this.$set(
+                  this.form,
+                  "payUserType",
+                  res.data?.calender?.payUserType
+                );
+                this.$set(
+                  this.form,
+                  "calenderFeeType",
+                  res.data?.calender?.calenderFeeType
+                );
+                this.$set(
+                  this.form,
+                  "musicGroupCalenderRefundPeriods",
+                  res.data?.calenderRefundPeriods
+                );
+
+                let calenderFeeJson = res.data?.calender?.calenderFeeJson;
+                if (calenderFeeJson) {
+                  calenderFeeJson = JSON.parse(calenderFeeJson);
+                  this.$set(this.form, "calenderFeeJson", calenderFeeJson);
+                  if (this.form.calenderFeeType == "TEACHER") {
+                    this.$set(
+                      this.form,
+                      "teacherFeeList",
+                      calenderFeeJson.teacherFeeList
+                    );
+                  }
+
+                }
               });
             }
             if (res.data?.activity?.length > 0) {
@@ -887,6 +915,17 @@ export default {
       this.$refs.form.validate(async (isok) => {
         if (isok) {
           let obj = this.fommatDate();
+          if(this.form.payUserType=='SCHOOL'){
+            let total = 0;
+            this.form.musicGroupCalenderRefundPeriods.forEach(item=>{
+              total+=item.refundAmount*1
+            })
+            if(total !=this.form.currentTotalAmount){
+              console.log(total,this.form.currentTotalAmount)
+              this.$message.error('付款金额与回款金额不一致,请重新设置')
+              return
+            }
+          }
           if (this.$route.query.calenderId) {
             obj.calenderId = this.$route.query.calenderId;
             try {
@@ -1130,8 +1169,11 @@ export default {
       }
     },
     "form.eclass": {
-      handler(newValue, oldValue) {
-        console.log(newValue, "form.eclass");
+      handler(newValue) {
+        if (this.initDetail) {
+          this.initDetail = false;
+          return;
+        }
         let arr = [];
         newValue.forEach((item) => {
           arr.push({

src/views/resetTeaming/components/resetPayList.vue

@@ -147,13 +147,14 @@
         </el-table-column> -->
         <el-table-column align="center" prop="status" label="缴费人数">
           <template slot-scope="scope">
-            <div>{{ scope.row.actualNum }}/{{ scope.row.expectNum }}</div>
+            <div v-if="scope.row.payUserType=='STUDENT'">{{ scope.row.actualNum }}/{{ scope.row.expectNum }}</div>
+            <div V-esle>--</div>
           </template>
         </el-table-column>
-        <!-- <el-table-column align="center"
-                         prop="operatorName"
-                         label="责任人">
-        </el-table-column> -->
+        <el-table-column align="center"
+                         prop="currentTotalAmount"
+                         label="缴费金额(元)">
+        </el-table-column>
         <el-table-column align="center" prop="memo" width="200px" label="备注">
           <template slot-scope="scope">
             <overflow-text width="200px" :text="scope.row.memo" />
@@ -171,13 +172,14 @@
               <auth
                 auths="musicGroupPaymentCalenderDetail/batchAdd/3890"
                 v-if="
-                  scope.row.auditStatus != 'REJECT' &&
-                  scope.row.auditStatus != 'AUDITING' &&
-                  scope.row.auditStatus != 'DRAFT' &&
+                  scope.row.status != 'REJECT' &&
+                  scope.row.status != 'AUDITING' &&
+                  scope.row.status != 'DRAFT' &&
                   teamStatus &&
                   scope.row.paymentType != 'MUSIC_APPLY' &&
                   scope.row.paymentType != 'ADD_STUDENT' &&
-                  scope.row.paymentType != 'SPAN_GROUP_CLASS_ADJUST'
+                  scope.row.paymentType != 'SPAN_GROUP_CLASS_ADJUST'&&
+                  scope.row.payUserType === 'STUDENT'
                 "
               >
                 <el-button type="text" @click="openChioseStudent(scope.row)"
@@ -831,15 +833,10 @@ export default {
         let query = this.$route.query;
         this.$router.push({
           path: "/business/studentPaySet",
-          query: { ...query, payUserType: "STUDENT", calenderId: row.id },
+          query: { ...query, payUserType: row.payUserType, calenderId: row.id },
         });
         // 跳转新接口
         // this.memberVisible = true;
-      } else {
-        this.isNew = false;
-        this.activeRow = row;
-        this.payFormType = row.payUserType === "SCHOOL" ? "school" : "user";
-        this.userVisible = true;
       }
 
       // 判断一下 是不是云收费团 且是乐团报名缴费

src/views/resetTeaming/modals/payMember.vue

@@ -181,6 +181,7 @@
         prop="actualAmount"
         key="actualAmount"
         width="170px"
+        v-if="form.calenderFeeType =='STUDENT'"
       >
         <template slot="header">
           <p style="position: relative">

src/views/resetTeaming/modals/paySchoolInfo.vue

@@ -301,7 +301,6 @@ export default {
   methods: {},
   computed: {
     allTotal() {
-      console.log(this.form)
       let num = 0;
       if (this.form.calenderFeeType == "STUDENT") {
 
@@ -342,6 +341,9 @@ export default {
     text-align: left;
     padding-left: 10px;
   }
+  .vertical {
+    margin-top: 0px!important;
+  }
   .el-input-number {
     width: 180px;
     .el-input__inner {

src/views/resetTeaming/modals/payTeamActive.vue

@@ -112,6 +112,7 @@
         </template>
       </el-table-column>
       <el-table-column
+      v-if="form.calenderFeeType =='STUDENT'"
         label="售价(元)"
         prop="actualAmount"
         key="actualAmount"

src/views/resetTeaming/modals/review-detail.vue

@@ -39,10 +39,20 @@
       <descriptions-item label="订单类型：">{{
         calender.payUserType | payUserTypeFormat
       }}</descriptions-item>
-
-      <descriptions-item label="缴费金额：">{{
+      <descriptions-item label="学生人数：" v-if="calenderFeeJson&&calenderFeeJson.sutdentNumber&&calender.calenderFeeType=='STUDENT'">{{
+        numeral(calenderFeeJson.sutdentNumber)
+      }}</descriptions-item>
+      <descriptions-item label="缴费总金额：" v-if="calenderFeeJson&&calenderFeeJson.allTotal">{{
+        numeral(calenderFeeJson.allTotal).format("0,0")
+      }}</descriptions-item>
+      <descriptions-item label="优惠金额：" v-if="calenderFeeJson&&calenderFeeJson.discountTotal">{{
+        numeral(calenderFeeJson.discountTotal).format("0,0")
+      }}</descriptions-item>
+      <descriptions-item label="实缴金额">{{
         numeral(calender.currentTotalAmount).format("0,0")
       }}</descriptions-item>
+
+
       <descriptions-item label="缴费单号：" v-if="calender.payUserType == 'SCHOOL'">{{
         calender.id
       }}</descriptions-item>
@@ -309,6 +319,54 @@
       </el-table-column>
       <el-table-column prop="originalAmount" label="原价(元)"></el-table-column>
     </el-table>
+    <el-alert
+      title="老师及课程配置"
+      :closable="false"
+      class="alert"
+      type="info"
+      v-if="calenderFeeJson&&calenderFeeJson.teacherFeeList&&calender.calenderFeeType=='TEACHER'"
+    >
+    </el-alert>
+    <el-table
+      :data="calenderFeeJson.teacherFeeList"
+      stripe
+      v-if="calenderFeeJson&&calenderFeeJson.teacherFeeList&&calender.calenderFeeType=='TEACHER'"
+      style="width: 100%; margin-top: 10px"
+      :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+    >
+    <el-table-column prop="courseType" label="课程类型">
+        <template slot-scope="scope">
+          {{ scope.row.courseType | courseTypeFormat }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="teacherNumber" label="老师人数" >
+
+      </el-table-column>
+      <el-table-column prop="courseNumber" label="课程数">
+      </el-table-column>
+      <el-table-column prop="courseCurrentPrice" label="单课时售价(元)">
+      </el-table-column>
+    </el-table>
+    <el-alert
+      title="缴费周期"
+      :closable="false"
+      class="alert"
+      type="info"
+      v-if="calenderRefundPeriods&&calenderRefundPeriods.length > 0"
+    >
+    </el-alert>
+    <el-table
+      :data="calenderRefundPeriods"
+      stripe
+      v-if="calenderRefundPeriods&&calenderRefundPeriods.length > 0"
+      style="width: 100%; margin-top: 10px"
+      :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+    >
+      <el-table-column prop="refundAmount" label="回款金额" >
+      </el-table-column>
+      <el-table-column prop="refundDate" label="回款时间" >
+      </el-table-column>
+    </el-table>
 
     <!-- 会员信息 -->
 
@@ -352,6 +410,7 @@ const initData = {
   studentNum: 0,
   phone: "",
   username: "",
+  calenderRefundPeriods:[]
 };
 export default {
   components: { Item },
@@ -377,6 +436,13 @@ export default {
       }
       return "";
     },
+    calenderFeeJson(){
+      const calenderFee = this.calender?.calenderFeeJson;
+      if(calenderFee){
+        return JSON.parse(calenderFee)
+      }
+      return null
+    }
   },
   mounted() {
     this.init();

src/views/teamBuild/components/teamBaseInfo.vue

@@ -7,7 +7,7 @@
         ref="topinfo"
         label-width="150px"
         :inline="true"
-        label-position="left"
+        label-position="right"
       >
         <div class="head">乐团基本信息：</div>
         <el-form-item
@@ -387,12 +387,20 @@
           <el-form-item
             label="收费标准"
             prop="defaultChargeStandard"
-            :rules="[{ required: true, message: '收费标准不能为空' }]"
+            :rules="[{ required: true, message: '收费标准不能为空' }, {
+              pattern:
+                /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/,
+              message: '请输入正确的金额',
+              trigger: 'blur',
+            },]"
           >
             <el-input
               v-model.trim="topFrom.defaultChargeStandard"
               placeholder="请输入收费标准"
-            ></el-input>
+              :disabled="basdisabled"
+            >
+
+            </el-input>
           </el-form-item>
           <el-form-item
             label="单次训练时长"
@@ -456,7 +464,7 @@
                 :key="index"
                 :label="item.label"
                 :value="item.value"
-                :disabled="item.value < topFrom.firstRecruitGrade"
+                :disabled="item.value <= topFrom.firstRecruitGrade"
               ></el-option>
             </el-select>
           </el-form-item>
@@ -466,6 +474,7 @@
               :maxlength="100"
               v-model.trim="topFrom.saleActivityDesc"
               show-word-limit
+              :disabled="basdisabled"
             ></el-input>
           </el-form-item>
         </div>

src/views/teamBuild/components/teamSoundSet.vue

@@ -11,7 +11,9 @@
       @getNumber="getNumber"
     />
     <div class="btnWrap">
-      <el-button type="primary" @click="goback"  v-if="teamStatus == 'newTeam'">上一步</el-button>
+      <el-button type="primary" @click="goback" v-if="teamStatus == 'newTeam'"
+        >上一步</el-button
+      >
 
       <el-button
         type="primary"
@@ -51,8 +53,8 @@
         >下一步</el-button
       >
       <el-button
-           type="primary"
-        v-if="teamStatus == 'resetTeam'||teamStatus == 'teamDraft'"
+        type="primary"
+        v-if="teamStatus == 'resetTeam' || teamStatus == 'teamDraft'"
         v-permission="'musicGroup/updateSubjectInfo'"
         @click="submitInfo()"
       >
@@ -112,12 +114,12 @@ export default {
     }
   },
   activated() {
-      if (this.teamStatus == "newTeam") {
-        this.$store.dispatch("buildIndex", 1);
-      }
-      if (this.teamStatus != "newTeam") {
-        this.$store.dispatch("draftIndex", 1);
-      }
+    if (this.teamStatus == "newTeam") {
+      this.$store.dispatch("buildIndex", 1);
+    }
+    if (this.teamStatus != "newTeam") {
+      this.$store.dispatch("draftIndex", 1);
+    }
     this.teamid = this.$route.query.id;
     this.teamStatus = this.$route.query.type;
   },
@@ -126,16 +128,16 @@ export default {
     goback() {
       this.$emit("chiosetab", 0);
     },
-    submitInfo (val) {
+    submitInfo(val) {
+      this.$refs.soundSetCore.submitInfo(val);
 
-     this.$refs.soundSetCore.submitInfo(val);
+      this.$emit("chiosetab", 3);
     },
     chiosetab(val) {
       this.$emit("chiosetab", val);
     },
     submitAudit(val) {
-       this.$refs.soundSetCore.submitInfo(val);
-
+      this.$refs.soundSetCore.submitInfo(val);
     },
     selectMusic() {
       this.$refs.soundSetCore.submitInfo();
@@ -150,7 +152,7 @@ export default {
     },
     approval() {
       // 审核通过 验证商品
-     let flag = this.$refs.soundSetCore.checkSubmit()
+      let flag = this.$refs.soundSetCore.checkSubmit();
       if (!flag) return;
       this.$confirm(`是否审核通过?`, "提示", {
         confirmButtonText: "确定",
@@ -197,9 +199,9 @@ export default {
         }
       });
     },
-    gotoNext(){
+    gotoNext() {
       this.$emit("handleClick", { name: "3" });
-    }
+    },
   },
 
   computed: {},