转换

1

src/views/teamDetail/api.js

@@ -87,3 +87,12 @@ export const revokeConvert = data => request2({
   params: data,
   method: 'get'
 })
+
+export const getConvertDeatil = data => request2({
+  url: '/api-web/courseScheduleConvert/queryCourse',
+  data,
+  params: data,
+  method: 'get'
+})
+
+// courseScheduleConvert/queryCourse

src/views/teamDetail/components/convertList.vue

@@ -95,7 +95,7 @@
               <!--       -->
               <el-button
                 type="text"
-                :disabled="!scope.row.revokeFlag"
+                :disabled="scope.row.revokeFlag"
                 v-if="permission('courseSchedule/queryTeacherSalary')"
                 @click="revokeCourse(scope.row)"
                 >还原</el-button
@@ -103,7 +103,7 @@
               <el-button
                 type="text"
                 v-if="permission('courseSchedule/queryTeacherSalary')"
-                @click="setCourseInfo(scope.row)"
+                @click="lookDetail(scope.row)"
                 >查看</el-button
               >
             </div>
@@ -118,13 +118,15 @@
         :page-sizes="rules.page_size"
         @pagination="getList"
       />
+      <converDetail ref='converDetail'/>
     </div>
   </div>
 </template>
 <script>
 import pagination from "@/components/Pagination/index";
 import { permission } from "@/utils/directivePage";
-import { getConvertList, revokeConvert } from "../api";
+import { getConvertList, revokeConvert,getConvertDeatil } from "../api";
+import converDetail from './modals/converDetail'
 import { getTimes } from "@/utils";
 export default {
   name: "tsalaryList",
@@ -149,27 +151,15 @@ export default {
         page_size: [10, 20, 40, 50], // 选择限制显示条数
       },
       searchLsit: [],
-      activeTeacherList: [{ 1: 1 }],
-      teacherMask: {
-        salary: "",
-        subsidy: "",
-        radio: "",
-      },
+
       courseScheduleId: "",
-      teacherRules: {
-        salary: [
-          { required: true, message: "请输入课程课酬", trigger: "blur" },
-        ],
-        subsidy: [
-          { required: true, message: "请输入课时补贴", trigger: "blur" },
-        ],
-        radio: [{ required: true, message: "请选择调整范围", trigger: "blur" }],
-      },
+
       tempSelectRow: {}, // 选中班级数据
     };
   },
   components: {
     pagination,
+    converDetail
   },
   mounted() {
     this.getList();
@@ -233,6 +223,9 @@ export default {
         console.log(e);
       }
     },
+    lookDetail(row){
+      this.$refs.converDetail.openDialog(row)
+    }
   },
 };
 </script>

src/views/teamDetail/components/courseTransModals/transStart.vue

@@ -110,4 +110,4 @@ export default {
       color: red;
     }
   }
-</style>>
+</style>

src/views/teamDetail/components/modals/converDetail.vue

@@ -0,0 +1,108 @@
+<template>
+  <div>
+    <el-dialog title="转换课列表" width="800px" :visible.sync="transVisible">
+      <div v-if="transVisible">
+        <el-table
+          :data="tableList"
+          max-height="400px"
+          :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+        >
+          <el-table-column
+            align="center"
+            property="courseId"
+            label="课程编号"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            property="className"
+            label="班级"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            property="subjectName"
+            label="声部"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            property="courseName"
+            label="课程名称"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            property="teacherName"
+            label="主教老师"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            property="subjectName"
+            label="课程状态"
+          >
+          <template slot-scope="scope">
+            <div>
+                {{scope.row.status | coursesStatus}}
+            </div>
+          </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="transVisible = false">确 定</el-button>
+      </div>
+
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { getConvertDeatil } from "../../api";
+export default {
+  data() {
+    return {
+      tableList: [],
+      transVisible: false,
+      courseConvertSum: {
+        courseMinute: 0,
+        courseNum: 0,
+        courseType: "",
+        studentNum: 0,
+      },
+      courseIds: "",
+    };
+  },
+  mounted() {
+    this.$bus.$on("closeTrans", (obj) => {
+      this.transVisible = false;
+      this.$emit("getList");
+    });
+  },
+  beforeDestroy() {
+    this.$bus.$off("closeTrans", (obj) => {});
+  },
+  methods: {
+    async openDialog(row) {
+      // 获取列表
+      try {
+        const res = await getConvertDeatil({
+          courseConvertId:row.id
+        });
+        this.tableList = res.data;
+        this.transVisible = true;
+      } catch (e) {
+        console.log(e);
+      }
+    },
+    // getList() {},
+    // gotoNext() {
+    //   this.$refs.transClass.openDialog();
+    // },
+  },
+
+};
+</script>
+<style lang="scss" scoped>
+.subtitle {
+  margin-bottom: 20px;
+  span {
+    color: red;
+  }
+}
+</style>