添加超链接

1

src/views/teamBuild/signupList.vue

@@ -132,6 +132,116 @@
               时间数据统计
             </div>
           </auth>
+          <auth :auths="'subject/findSubApplyDetail'">
+            <el-popover placement="bottom" width="1000" trigger="hover">
+              <el-table
+                style="width: 100% !important"
+                :data="leftList"
+                :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+              >
+                <el-table-column
+                  label="乐团声部"
+                  prop="subjectName"
+                  align="center"
+                >
+                </el-table-column>
+                <el-table-column
+                  label="计划招生"
+                  prop="expectedStudentNum"
+                  align="center"
+                >
+                  <template slot-scope="scope">
+                    <div>
+                      <p v-show="!isEdit">{{ scope.row.expectedStudentNum }}</p>
+
+                      <el-input
+                        v-show="isEdit"
+                        v-model.trim="scope.row.expectedStudentNum"
+                      ></el-input>
+                    </div>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  label="已报名"
+                  prop="applyStudentNum"
+                  align="center"
+                >
+                </el-table-column>
+                <el-table-column label="已缴费" prop="payNum" align="center">
+                  <template slot-scope="scope">
+                    <div>
+                      <el-button type="text" @click="getpayNum(scope.row)">{{
+                        scope.row.payNum
+                      }}</el-button>
+                    </div>
+                  </template>
+                </el-table-column>
+                <el-table-column label="缴费中" prop="payingNum" align="center">
+                  <template slot="header">
+                    <p>
+                      缴费中
+                      <el-tooltip placement="top" popper-class="mTooltip">
+                        <div slot="content">提交订单尚未支付成功学员</div>
+                        <i
+                          class="el-icon-question"
+                          style="font-size: 18px; color: #f56c6c"
+                        ></i>
+                      </el-tooltip>
+                    </p>
+                  </template>
+                  <template slot-scope="scope">
+                    <div>
+                      <el-button type="text" @click="getpayingNum(scope.row)">{{
+                        scope.row.payingNum
+                      }}</el-button>
+                    </div>
+                  </template>
+                </el-table-column>
+                <el-table-column label="预约中" prop="checkNum" align="center">
+                  <template slot="header">
+                    <p>
+                      预约中
+                      <el-tooltip placement="top" popper-class="mTooltip">
+                        <div slot="content">
+                          不购买云教练系统学员数量，不包含不购买云教练系统且支付成功学员
+                        </div>
+                        <i
+                          class="el-icon-question"
+                          style="font-size: 18px; color: #f56c6c"
+                        ></i>
+                      </el-tooltip>
+                    </p>
+                  </template>
+                  <template slot-scope="scope">
+                    <div>
+                      <el-button type="text" @click="getCheckNum(scope.row)">{{
+                        scope.row.checkNum
+                      }}</el-button>
+                    </div>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <div
+                class="btnWrap"
+                v-permission="'musicGroup/updateExpectedStudentNum'"
+                style="margin-right: 20px; margin-top: 20px"
+              >
+                <el-button
+                  v-show="
+                    !isEdit &&
+                    (status == 'PAY' ||
+                      status == 'APPLY' ||
+                      status == 'PROGRESS' ||
+                      status == 'PREPARE')
+                  "
+                  @click="isEdit = true"
+                  >编辑</el-button
+                >
+                <el-button v-show="isEdit" @click="saveIsEdit">保存</el-button>
+              </div>
+              <div class="newBand" slot="reference">人数统计</div>
+            </el-popover>
+          </auth>
         </div>
       </div>
       <el-dialog
@@ -288,336 +398,243 @@
         </el-form-item>
       </save-form>
     </div>
-    <div class="sigup-core">
-      <div class="left">
-        <el-table
-          style="width: 100% !important"
-          :data="leftList"
-          :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+    <div>
+      <el-table
+        :data="rightList"
+        ref="multipleTable"
+        :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column
+          type="selection"
+          width="55"
+          :selectable="checkboxSelect"
         >
-          <el-table-column label="乐团声部" prop="subjectName" align="center">
-          </el-table-column>
-          <el-table-column
-            label="计划招生"
-            prop="expectedStudentNum"
-            align="center"
-          >
-            <template slot-scope="scope">
-              <div>
-                <p v-show="!isEdit">{{ scope.row.expectedStudentNum }}</p>
+        </el-table-column>
+        <el-table-column label="学员姓名" prop="studentName" align="center">
+        </el-table-column>
+        <el-table-column label="家长姓名" prop="parentsName" align="center">
+        </el-table-column>
+        <el-table-column align="center" label="入团年份">
+          <template slot-scope="scope">
+            <div>
+              {{ scope.row.createTime | dayjsFormat("YYYY年") }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="年级班级" align="center">
+          <template slot-scope="scope">
+            <div>
+              {{ scope.row.currentGrade + scope.row.currentClass }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="性别" prop="gender" align="center">
+          <template slot-scope="scope">
+            <div>
+              {{ scope.row.gender | sex }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="服从调剂" prop="isAllowAdjust" align="center">
+          <template slot-scope="scope">
+            <div>
+              {{ scope.row.isAllowAdjust | isAllowAdjust }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="报名专业" prop="subjectName" align="center">
+        </el-table-column>
+        <el-table-column
+          label="调剂专业"
+          prop="actualSubjectName"
+          align="center"
+        >
+        </el-table-column>
+        <el-table-column label="联系电话" prop="parentsPhone" align="center">
+        </el-table-column>
 
-                <el-input
-                  v-show="isEdit"
-                  v-model.trim="scope.row.expectedStudentNum"
-                ></el-input>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column label="已报名" prop="applyStudentNum" align="center">
-          </el-table-column>
-          <el-table-column label="已缴费" prop="payNum" align="center">
-          </el-table-column>
-          <el-table-column label="缴费中" prop="payingNum" align="center">
-            <template slot="header">
-              <p style="position: relative; display: flex">
-                缴费中
-                <el-tooltip placement="top" popper-class="mTooltip">
-                  <div slot="content">提交订单尚未支付成功学员</div>
-                  <i
-                    class="el-icon-question"
-                    style="font-size: 18px; color: #f56c6c"
-                  ></i>
-                </el-tooltip>
-              </p>
-            </template>
-          </el-table-column>
-          <el-table-column label="预约中" prop="checkNum" align="center" fixed="right">
-            <template slot="header">
-              <p style="position: relative; display: flex">
-                预约中
-                <el-tooltip placement="top" popper-class="mTooltip">
-                  <div slot="content">
-                    不购买云教练系统学员数量，不包含不购买云教练系统且支付成功学员
-                  </div>
-                  <i
-                    class="el-icon-question"
-                    style="font-size: 18px; color: #f56c6c"
-                  ></i>
-                </el-tooltip>
-              </p>
-            </template>
-            <template slot-scope="scope">
-              <div>
-                <el-button type="text" @click="getCheckNum(scope.row)">{{
-                  scope.row.checkNum
-                }}</el-button>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <div
-          class="btnWrap"
-          v-permission="'musicGroup/updateExpectedStudentNum'"
-          style="margin-right: 20px; margin-top: 20px"
+        <el-table-column label="是否回访" prop="paymentStatus" align="center">
+          <template slot-scope="scope">
+            <div>
+              {{ scope.row.visitNum ? "是" : "否" }}
+            </div>
+          </template>
+        </el-table-column>
+        <!-- visited -->
+        <!-- v-show='status == "PAY"' -->
+        <el-table-column
+          label="报名缴费状态"
+          prop="paymentStatus"
+          align="center"
         >
-          <el-button
-            v-show="
-              !isEdit &&
-              (status == 'PAY' ||
-                status == 'APPLY' ||
-                status == 'PROGRESS' ||
-                status == 'PREPARE')
-            "
-            @click="isEdit = true"
-            >编辑</el-button
-          >
-          <el-button v-show="isEdit" @click="saveIsEdit">保存</el-button>
-        </div>
-      </div>
-      <div class="right">
-        <el-table
-          :data="rightList"
-          ref="multipleTable"
-          :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
-          @selection-change="handleSelectionChange"
+          <template slot-scope="scope">
+            <div>
+              {{ scope.row.paymentStatus | paymentStatus }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="订单状态" prop="payingStatus" align="center">
+          <template slot-scope="scope">
+            <div>
+              {{ scope.row.payingStatus | filtersPayingStatus }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="是否购买云教练"
+          fixed="right"
+          prop="hasCloudTeacher"
+          align="center"
         >
-          <el-table-column
-            type="selection"
-            width="55"
-            :selectable="checkboxSelect"
-          >
-          </el-table-column>
-          <el-table-column label="学员姓名" prop="studentName" align="center">
-          </el-table-column>
-          <el-table-column label="家长姓名" prop="parentsName" align="center">
-          </el-table-column>
-          <el-table-column align="center" label="入团年份">
-            <template slot-scope="scope">
-              <div>
-                {{ scope.row.createTime | dayjsFormat("YYYY年") }}
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column label="年级班级" align="center">
-            <template slot-scope="scope">
-              <div>
-                {{ scope.row.currentGrade + scope.row.currentClass }}
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column label="性别" prop="gender" align="center">
-            <template slot-scope="scope">
-              <div>
-                {{ scope.row.gender | sex }}
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column label="服从调剂" prop="isAllowAdjust" align="center">
-            <template slot-scope="scope">
-              <div>
-                {{ scope.row.isAllowAdjust | isAllowAdjust }}
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column label="报名专业" prop="subjectName" align="center">
-          </el-table-column>
-          <el-table-column
-            label="调剂专业"
-            prop="actualSubjectName"
-            align="center"
-          >
-          </el-table-column>
-          <el-table-column label="联系电话" prop="parentsPhone" align="center">
-          </el-table-column>
-
-          <el-table-column label="是否回访" prop="paymentStatus" align="center">
-            <template slot-scope="scope">
-              <div>
-                {{ scope.row.visitNum ? "是" : "否" }}
-              </div>
-            </template>
-          </el-table-column>
-          <!-- visited -->
-          <!-- v-show='status == "PAY"' -->
-          <el-table-column
-            label="报名缴费状态"
-
-            prop="paymentStatus"
-            align="center"
-          >
-            <template slot-scope="scope">
-              <div>
-                {{ scope.row.paymentStatus | paymentStatus }}
-              </div>
-            </template>
-          </el-table-column>
-                  <el-table-column
-            label="订单状态"
-
-            prop="payingStatus"
-            align="center"
-          >
-            <template slot-scope="scope">
-              <div>
-                {{ scope.row.payingStatus | filtersPayingStatus }}
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column
-            label="是否购买云教练"
-            fixed="right"
-            prop="hasCloudTeacher"
-            align="center"
-          >
-            <template slot-scope="scope">
-              <div>
-                {{ scope.row.hasCloudTeacher == 1 ? "是" : "否" }}
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column
-            label="解除限制"
-            fixed="right"
-            prop="noneNeedCloudTeacher"
-            align="center"
-          >
-            <template slot="header">
-              <p style="position: relative; display: flex">
-                解除限制
-                <el-tooltip placement="top" popper-class="mTooltip">
-                  <div slot="content">学员是否受到不购买云教练的缴费限制</div>
-                  <i
-                    class="el-icon-question"
-                    style="font-size: 18px; color: #f56c6c"
-                  ></i>
-                </el-tooltip>
-              </p>
-            </template>
-            <template slot-scope="scope">
-              <div>
-                {{ scope.row.noneNeedCloudTeacher == 1 ? "是" : "否" }}
-              </div>
-            </template>
-          </el-table-column>
+          <template slot-scope="scope">
+            <div>
+              {{ scope.row.hasCloudTeacher == 1 ? "是" : "否" }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="解除限制"
+          fixed="right"
+          prop="noneNeedCloudTeacher"
+          align="center"
+        >
+          <template slot="header">
+            <p style="position: relative; display: flex">
+              解除限制
+              <el-tooltip placement="top" popper-class="mTooltip">
+                <div slot="content">学员是否受到不购买云教练的缴费限制</div>
+                <i
+                  class="el-icon-question"
+                  style="font-size: 18px; color: #f56c6c"
+                ></i>
+              </el-tooltip>
+            </p>
+          </template>
+          <template slot-scope="scope">
+            <div>
+              {{ scope.row.noneNeedCloudTeacher == 1 ? "是" : "否" }}
+            </div>
+          </template>
+        </el-table-column>
 
-          <el-table-column
-            label="操作"
-            fixed="right"
-            width="240"
-            align="center"
-            v-if="
-              status == 'PAY' ||
-              status == 'APPLY' ||
-              status == 'PROGRESS' ||
-              status == 'PREPARE'
-            "
-          >
-            <!--  v-show="
+        <el-table-column
+          label="操作"
+          fixed="right"
+          width="240"
+          align="center"
+          v-if="
+            status == 'PAY' ||
+            status == 'APPLY' ||
+            status == 'PROGRESS' ||
+            status == 'PREPARE'
+          "
+        >
+          <!--  v-show="
               status == 'PAY' || status == 'PROGRESS' || status == 'PREPARE' || status=='APPLY'
             " -->
-            <template slot-scope="scope">
-              <div>
-                <auth :auths="'studentRegistration/batchUpdateSubject'">
-                  <el-button
-                    type="text"
-                    v-show="scope.row.paymentStatus != 2"
-                    @click="resetSubject(scope.row)"
-                    >修改专业</el-button
-                  >
-                </auth>
-
-                <!-- APPLY  status == "APPLY" || s-->
-                <el-popover
-                  v-show="scope.row.remark"
-                  placement="top-start"
-                  title="备注"
-                  width="200"
-                  trigger="hover"
-                  :content="scope.row.remark"
+          <template slot-scope="scope">
+            <div>
+              <auth :auths="'studentRegistration/batchUpdateSubject'">
+                <el-button
+                  type="text"
+                  v-show="scope.row.paymentStatus != 2"
+                  @click="resetSubject(scope.row)"
+                  >修改专业</el-button
                 >
-                  <el-button type="text" slot="reference">备注</el-button>
-                </el-popover>
-                <!-- PAY -->
-                <!-- &&  status == "PAY"-->
-                <auth
-                  :auths="'studentRegistration/queryFeeDetail'"
-                  v-show="scope.row.paymentStatus == 2"
+              </auth>
+
+              <!-- APPLY  status == "APPLY" || s-->
+              <el-popover
+                v-show="scope.row.remark"
+                placement="top-start"
+                title="备注"
+                width="200"
+                trigger="hover"
+                :content="scope.row.remark"
+              >
+                <el-button type="text" slot="reference">备注</el-button>
+              </el-popover>
+              <!-- PAY -->
+              <!-- &&  status == "PAY"-->
+              <auth
+                :auths="'studentRegistration/queryFeeDetail'"
+                v-show="scope.row.paymentStatus == 2"
+              >
+                <el-button type="text" @click="lookdetail(scope.row)"
+                  >查看</el-button
                 >
-                  <el-button type="text" @click="lookdetail(scope.row)"
-                    >查看</el-button
-                  >
-                </auth>
-                <auth
-                  :auths="'musicGroupQuit/directQuitMusicGroup2'"
-                  v-show="scope.row.paymentStatus == 2"
+              </auth>
+              <auth
+                :auths="'musicGroupQuit/directQuitMusicGroup2'"
+                v-show="scope.row.paymentStatus == 2"
+              >
+                <el-button type="text" @click="quitTeam(scope.row)"
+                  >退团退费</el-button
                 >
-                  <el-button type="text" @click="quitTeam(scope.row)"
-                    >退团退费</el-button
-                  >
-                </auth>
-                <auth
-                  :auths="'musicGroupQuit/directQuitMusicGroup3'"
-                  v-show="scope.row.paymentStatus == 2"
+              </auth>
+              <auth
+                :auths="'musicGroupQuit/directQuitMusicGroup3'"
+                v-show="scope.row.paymentStatus == 2"
+              >
+                <el-button type="text" @click="quieTeams(scope.row)"
+                  >退团</el-button
                 >
-                  <el-button type="text" @click="quieTeams(scope.row)"
-                    >退团</el-button
-                  >
-                </auth>
-                <auth
-                  :auths="'visit/add/teamSignupList'"
-                  v-if="scope.row.visitNum <= 0"
+              </auth>
+              <auth
+                :auths="'visit/add/teamSignupList'"
+                v-if="scope.row.visitNum <= 0"
+              >
+                <el-button type="text" @click="addVisit(scope.row)"
+                  >新增回访</el-button
                 >
-                  <el-button type="text" @click="addVisit(scope.row)"
-                    >新增回访</el-button
-                  >
-                </auth>
-                <auth
-                  :auths="'subjectChange/getStudentOriginal'"
-                  v-show="scope.row.paymentStatus == 2"
+              </auth>
+              <auth
+                :auths="'subjectChange/getStudentOriginal'"
+                v-show="scope.row.paymentStatus == 2"
+              >
+                <el-button type="text" @click="openChangeVoice(scope.row)"
+                  >更改声部</el-button
                 >
-                  <el-button type="text" @click="openChangeVoice(scope.row)"
-                    >更改声部</el-button
-                  >
-                </auth>
-                <!--  -->
-                <auth
-                  v-show="scope.row.payingStatus == 2"
-                  :auths="'studentRegistration/setNoneCloudTeacher'"
+              </auth>
+              <!--  -->
+              <auth
+                v-show="scope.row.payingStatus == 2"
+                :auths="'studentRegistration/setNoneCloudTeacher'"
+              >
+                <el-button type="text" @click="relieve(scope.row)"
+                  >解除预约限制</el-button
                 >
-                  <el-button type="text" @click="relieve(scope.row)"
-                    >解除预约限制</el-button
-                  >
-                </auth>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-        <div
-          style="margin-top: 10px; margin-bottom: 10px"
-          v-show="
-            status == 'APPLY' || status == 'PROGRESS' || status == 'PREPARE'
-          "
-        >
-          <el-button @click="onSelectAll">全选/取消</el-button>
-          <auth :auths="'studentRegistration/openPayment'">
-            <el-button
-              style="background-color: #14928a; border: 1px solid #14928a"
-              @click="onPartPayment"
-              type="primary"
-              >开启缴费</el-button
-            >
-          </auth>
-          <!-- <div class='newBand' v-show="status=='APPLY'">允许缴费</div> -->
-        </div>
-        <pagination
-          sync
-          :total.sync="rules.total"
-          :page.sync="rules.page"
-          :limit.sync="rules.limit"
-          :page-sizes="rules.page_size"
-          @pagination="getList"
-        />
+              </auth>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div
+        style="margin-top: 10px; margin-bottom: 10px"
+        v-show="
+          status == 'APPLY' || status == 'PROGRESS' || status == 'PREPARE'
+        "
+      >
+        <el-button @click="onSelectAll">全选/取消</el-button>
+        <auth :auths="'studentRegistration/openPayment'">
+          <el-button
+            style="background-color: #14928a; border: 1px solid #14928a"
+            @click="onPartPayment"
+            type="primary"
+            >开启缴费</el-button
+          >
+        </auth>
+        <!-- <div class='newBand' v-show="status=='APPLY'">允许缴费</div> -->
       </div>
+      <pagination
+        sync
+        :total.sync="rules.total"
+        :page.sync="rules.page"
+        :limit.sync="rules.limit"
+        :page-sizes="rules.page_size"
+        @pagination="getList"
+      />
     </div>
     <el-dialog title="修改专业" :visible.sync="subjectVisible" width="400px">
       <el-form :model="maskForm">
@@ -750,17 +767,6 @@
           >
           </el-date-picker>
         </el-form-item>
-        <!-- <el-form-item label="是否排乐团网管课"
-                      :rules="[{ required: true, message: '请选择是否排乐团网管课'}]"
-                      prop="feeType">
-          <el-select v-model="paymentForm.feeType"
-                     style="width: 100%!imoprtant">
-            <el-option label="需要排线上课"
-                       value="ONLINE"></el-option>
-            <el-option label="只排线下课"
-                       value="OFFLINE"></el-option>
-          </el-select>
-        </el-form-item> -->
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="paymentStatus = false">取 消</el-button>
@@ -769,24 +775,6 @@
         >
       </div>
     </el-dialog>
-    <!-- <el-dialog title="报名二维码" :visible.sync="qrcodeStatus" width="300px">
-      <div class="left-code">
-        <h2>学员报名链接</h2>
-        <div id="qrcode" class="qrcode code" ref="qrCodeUrl"></div>
-        <p class="code-url" v-show="codeUrl">{{ codeUrl }}</p>
-      </div>
-    </el-dialog>
-    <el-dialog
-      title="缴费详情二维码"
-      :visible.sync="qrcodeStatus2"
-      width="300px"
-    >
-      <div class="right-code">
-        <h2>报名缴费详情</h2>
-        <div id="qrcode2" class="qrcode code" ref="qrCodeUrl"></div>
-        <p class="code-url" v-show="codeUrl2">{{ codeUrl2 }}</p>
-      </div>
-    </el-dialog> -->
 
     <!-- 预报名链接 -->
     <qr-code v-model="codeStatus" :title="codeTitle" :codeUrl="qrCodeUrl" />
@@ -1145,15 +1133,15 @@ export default {
   activated() {
     this.init();
   },
-  filters:{
-    filtersPayingStatus(val){
-      let obj ={
-        0:'--',
-        1:'缴费中',
-        2:'预约中'
-      }
-      return obj[val]
-    }
+  filters: {
+    filtersPayingStatus(val) {
+      let obj = {
+        0: "--",
+        1: "缴费中",
+        2: "预约中",
+      };
+      return obj[val];
+    },
   },
   methods: {
     permission(str) {
@@ -1827,12 +1815,21 @@ export default {
       });
     },
     getCheckNum(row) {
-      console.log(row);
       this.searchFrom.subject = row.subjectId;
-      // this.searchFrom.paymentStatus = 1+'';
-      this.searchFrom.payingStatus = 2
+
+      this.searchFrom.payingStatus = 2;
       this.searchFrom.hasCloudTeacher = 0;
-      this.search()
+      this.search();
+    },
+    getpayingNum(row) {
+      this.searchFrom.subject = row.subjectId;
+      this.searchFrom.payingStatus = 1;
+      this.search();
+    },
+    getpayNum(row) {
+      this.searchFrom.subject = row.subjectId;
+      this.searchFrom.paymentStatus = 2 + "";
+      this.search();
     },
   },
   watch: {
@@ -1986,7 +1983,7 @@ export default {
       flex-wrap: wrap;
       & > div {
         margin-right: 15px;
-        margin-bottom: 10px;
+        margin-top: 10px;
       }
     }
     .newBand.close {