前端添加sse获取进度

zhanghua

2024-11-19 bcdb083a696b7e43f21b15e0c07195d409f36bce

 src/views/student/components/create.vue

@@ -42,6 +42,35 @@
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="课时" style="width: 400px">
          <el-input-number v-model="num" size="small"></el-input-number>
        </el-form-item>
        <el-form-item label="缴费" style="width: 400px">
          <el-input-number
            v-model="num"
            size="small"
            style="width: 200px"
          ></el-input-number>
        </el-form-item>
        <el-form-item label="有效期" style="width: 400px">
          <div>
            <el-radio-group v-model="lifespan" @input="lifespanChange" size="mini">
              <el-radio-button label="month">一月</el-radio-button>
              <el-radio-button label="year">一年</el-radio-button>
              <el-radio-button label="longTerm">长期</el-radio-button>
              <el-radio-button label="custom">自定义</el-radio-button>
            </el-radio-group>
          </div>
          <div>
            <el-date-picker
              v-model="createData.endDate"
              type="date"
              placeholder="选择日期"
              size="small"
            >
            </el-date-picker>
          </div>
        </el-form-item>
        <el-form-item label="课程顾问">
          <el-select
            v-model="createData.voucherId"
@@ -96,16 +125,16 @@
    return {
      dialogVisible: false,
      createData: {
        beginDate: "",
        beginDate: new Date(),
        birthday: null,
        description: "",
        detailDescription: "",
        endDate: "",
        endDate: new Date(),
        amt: 0,
        freezeQty: 0,
        gender: "男",
        mobile: "",
        orgId: "", //机构
        orgId: 25, //机构
        playerId: null,
        playerName: "",
        qty: 0,
@@ -113,12 +142,13 @@
          id: "",
          name: "",
        },
        staffId: JSON.parse(localStorage.getItem("user")).staffs[0].id,
        staffId: JSON.parse(localStorage.getItem("selectStaff")).id,
        visibility: true,
        voucherId: "", //课包/会员卡
      },
      saleManList: [],
      voucherList: [],
      lifespan:''
    };
  },
  created() {},
@@ -128,7 +158,7 @@
    },
    getSaleManList() {
      let data = {
        staffId: JSON.parse(localStorage.getItem("user")).staffs[0].id,
        staffId: JSON.parse(localStorage.getItem("selectStaff")).id,
        keyword: "",
        pageIn: {
          index: 0,
@@ -152,6 +182,9 @@
    goDetails(row) {
      this.$router.push("/details");
    },
    lifespanChange(val){
      console.log(val);
    }
  },
};
</script>