Update index.tsx

src/views/student-register/index.tsx

@@ -194,175 +194,177 @@ export default defineComponent({
     });
     return () => (
       <div class={styles['student-register']}>
-        {forms.bugGoods && (
-          <div class={styles.studentSection} style={{ marginTop: '18px' }}>
-            <div class={styles.titleTool}></div>
-            {forms.details.map((item: any) => (
-              <CellGroup
-                class={styles.goodsSection}
-                onClick={() => {
-                  if (studentRegisterStore.selectedVip(item.goodsId)) {
-                    studentRegisterStore.deleteVip(item.goodsId);
-                  } else {
-                    studentRegisterStore.setVip([item]);
-                  }
-                }}>
-                <Cell border={false} class={styles.goodsCell}>
-                  {{
-                    icon: () => (
-                      <Image class={styles.img} src={item.goodsUrl} />
-                    ),
-                    title: () => (
-                      <div class={styles.section}>
-                        <div class={styles.sectionContent}>
-                          <h2>
-                            {item.goodsName}
-                            <Tag class={styles.brandName}>12个月</Tag>
-                          </h2>
-
-                          <p class={[styles.model]}>{item.description}</p>
+        <div class={styles.studentSection} style={{ marginTop: '18px' }}>
+          <div class={styles.titleTool}></div>
+          {forms.details.map((item: any) => (
+            <CellGroup
+              class={styles.goodsSection}
+              onClick={() => {
+                if (studentRegisterStore.selectedVip(item.goodsId)) {
+                  studentRegisterStore.deleteVip(item.goodsId);
+                } else {
+                  studentRegisterStore.setVip([item]);
+                }
+              }}>
+              <Cell border={false} class={styles.goodsCell}>
+                {{
+                  icon: () => <Image class={styles.img} src={item.goodsUrl} />,
+                  title: () => (
+                    <div class={styles.section}>
+                      <div class={styles.sectionContent}>
+                        <h2>
+                          {item.goodsName}
+                          <Tag class={styles.brandName}>12个月</Tag>
+                        </h2>
 
-                          <div class={styles.sbtnGroup}>
-                            <span
-                              class={styles.btnDetail}
-                              onClick={(e: MouseEvent) => {
-                                e.stopPropagation();
-                                router.push('/student-digital-tools');
-                              }}>
-                              查看详情
-                            </span>
-                            <span
-                              class={styles.btnVideo}
-                              onClick={(e: MouseEvent) => {
-                                e.stopPropagation();
-                                forms.popupShow = true;
-                              }}>
-                              介绍视频
-                            </span>
-                          </div>
-                        </div>
+                        <p class={[styles.model]}>{item.description}</p>
 
-                        <i
-                          class={
-                            studentRegisterStore.selectedVip(item.goodsId)
-                              ? styles.selected
-                              : styles.noSelected
-                          }></i>
-                      </div>
-                    )
-                  }}
-                </Cell>
-                <Cell border={false} class={styles.priceCell}>
-                  {{
-                    title: () => (
-                      <div class={styles.sPriceGroup}>
-                        <div class={styles.tg}>
-                          团购价：
-                          <span>
-                            <i>¥ </i>
-                            {moneyFormat(item.currentPrice)}
+                        <div class={styles.sbtnGroup}>
+                          <span
+                            class={styles.btnDetail}
+                            onClick={(e: MouseEvent) => {
+                              e.stopPropagation();
+                              router.push('/student-digital-tools');
+                            }}>
+                            查看详情
+                          </span>
+                          <span
+                            class={styles.btnVideo}
+                            onClick={(e: MouseEvent) => {
+                              e.stopPropagation();
+                              forms.popupShow = true;
+                            }}>
+                            介绍视频
                           </span>
                         </div>
-                        <del>¥{moneyFormat(item.originalPrice)}</del>
                       </div>
-                    )
-                  }}
-                </Cell>
-                <Cell border={false} class={styles.giftCell}>
-                  {{
-                    title: () => (
-                      <div class={styles.gift}>
-                        <img src={iconGift} class={styles.iconGift} />
-                        现在购买赠送 <span>{item.membershipDays || 0}</span>
-                        天有效期
+
+                      <i
+                        class={
+                          studentRegisterStore.selectedVip(item.goodsId)
+                            ? styles.selected
+                            : styles.noSelected
+                        }></i>
+                    </div>
+                  )
+                }}
+              </Cell>
+              <Cell border={false} class={styles.priceCell}>
+                {{
+                  title: () => (
+                    <div class={styles.sPriceGroup}>
+                      <div class={styles.tg}>
+                        团购价：
+                        <span>
+                          <i>¥ </i>
+                          {moneyFormat(item.currentPrice)}
+                        </span>
                       </div>
-                    )
-                  }}
-                </Cell>
-              </CellGroup>
-            ))}
-          </div>
-        )}
+                      <del>¥{moneyFormat(item.originalPrice)}</del>
+                    </div>
+                  )
+                }}
+              </Cell>
+              <Cell border={false} class={styles.giftCell}>
+                {{
+                  title: () => (
+                    <div class={styles.gift}>
+                      <img src={iconGift} class={styles.iconGift} />
+                      现在购买赠送 <span>{item.membershipDays || 0}</span>
+                      天有效期
+                    </div>
+                  )
+                }}
+              </Cell>
+            </CellGroup>
+          ))}
+        </div>
 
-        <div class={styles.studentSection}>
-          <div class={styles.titleBuy}></div>
-          {studentRegisterStore.getGoods &&
-          studentRegisterStore.getGoods.length <= 0 ? (
-            <div class={styles.goodsEmpty}>
-              <img src={shopEmpty} class={styles.shopImg} />
-              <div class={styles.goodsContainer}>
-                <h2>
-                  为你的<span>音乐之旅</span>做好准备
-                </h2>
-                <p class={styles.tips}>快去选购乐器吧～</p>
-                <Button
-                  class={styles.goSelect}
-                  type="primary"
-                  onClick={() => {
-                    router.push('/goods-list');
-                  }}></Button>
-              </div>
-            </div>
-          ) : (
-            studentRegisterStore.getGoods.map((goods: any) => (
-              <CellGroup class={styles.goodsSection}>
-                <Cell border={false} class={styles.goodsCell}>
-                  {{
-                    icon: () => <Image class={styles.img} src={goods.pic} />,
-                    title: () => (
-                      <div class={styles.section}>
-                        <div class={styles.sectionContent}>
-                          <h2>
-                            {goods.name}
-                            <Tag class={styles.brandName}>
-                              {goods.brandName}
-                            </Tag>
-                          </h2>
+        {forms.bugGoods && (
+          <>
+            <div class={styles.studentSection}>
+              <div class={styles.titleBuy}></div>
+              {studentRegisterStore.getGoods &&
+              studentRegisterStore.getGoods.length <= 0 ? (
+                <div class={styles.goodsEmpty}>
+                  <img src={shopEmpty} class={styles.shopImg} />
+                  <div class={styles.goodsContainer}>
+                    <h2>
+                      为你的<span>音乐之旅</span>做好准备
+                    </h2>
+                    <p class={styles.tips}>快去选购乐器吧～</p>
+                    <Button
+                      class={styles.goSelect}
+                      type="primary"
+                      onClick={() => {
+                        router.push('/goods-list');
+                      }}></Button>
+                  </div>
+                </div>
+              ) : (
+                studentRegisterStore.getGoods.map((goods: any) => (
+                  <CellGroup class={styles.goodsSection}>
+                    <Cell border={false} class={styles.goodsCell}>
+                      {{
+                        icon: () => (
+                          <Image class={styles.img} src={goods.pic} />
+                        ),
+                        title: () => (
+                          <div class={styles.section}>
+                            <div class={styles.sectionContent}>
+                              <h2>
+                                {goods.name}
+                                <Tag class={styles.brandName}>
+                                  {goods.brandName}
+                                </Tag>
+                              </h2>
 
-                          <p class={[styles.model]}>{goods.productSn}</p>
+                              <p class={[styles.model]}>{goods.productSn}</p>
 
-                          <Stepper min={1} max={99} v-model={goods.count} />
-                        </div>
+                              <Stepper min={1} max={99} v-model={goods.count} />
+                            </div>
 
-                        <i
-                          class={styles.delete}
-                          onClick={() => onGoodsRemove(goods)}></i>
-                      </div>
-                    )
-                  }}
-                </Cell>
-                <Cell border={false} class={styles.priceCell}>
-                  {{
-                    title: () => (
-                      <div class={styles.sPriceGroup}>
-                        <div class={styles.tg}>
-                          团购价：
-                          <span>
-                            <i>¥ </i>
-                            {moneyFormat(goods.price)}
-                          </span>
-                        </div>
-                        <del>¥{moneyFormat(goods.originalPrice)}</del>
-                      </div>
-                    )
-                  }}
-                </Cell>
-              </CellGroup>
-            ))
-          )}
-        </div>
-        {studentRegisterStore.getGoods &&
-          studentRegisterStore.getGoods.length > 0 && (
-            <Button
-              class={styles.addButton}
-              block
-              onClick={() => {
-                router.push('/goods-list');
-              }}>
-              <Icon name="add-o" />
-              添加购买
-            </Button>
-          )}
+                            <i
+                              class={styles.delete}
+                              onClick={() => onGoodsRemove(goods)}></i>
+                          </div>
+                        )
+                      }}
+                    </Cell>
+                    <Cell border={false} class={styles.priceCell}>
+                      {{
+                        title: () => (
+                          <div class={styles.sPriceGroup}>
+                            <div class={styles.tg}>
+                              团购价：
+                              <span>
+                                <i>¥ </i>
+                                {moneyFormat(goods.price)}
+                              </span>
+                            </div>
+                            <del>¥{moneyFormat(goods.originalPrice)}</del>
+                          </div>
+                        )
+                      }}
+                    </Cell>
+                  </CellGroup>
+                ))
+              )}
+            </div>
+            {studentRegisterStore.getGoods &&
+              studentRegisterStore.getGoods.length > 0 && (
+                <Button
+                  class={styles.addButton}
+                  block
+                  onClick={() => {
+                    router.push('/goods-list');
+                  }}>
+                  <Icon name="add-o" />
+                  添加购买
+                </Button>
+              )}
+          </>
+        )}
 
         <MSticky position="bottom">
           <div class={styles.paymentContainer}>