1

1

src/views/studentManager/components/studentLebao.vue

@@ -0,0 +1,127 @@
+<template>
+  <div>
+    <save-form
+      :inline="true"
+      class="searchForm"
+      :model="searchForm"
+      @submit="onSearch"
+      @reset="onReSet"
+      save-key="studentDetail-studentLebao"
+    >
+      <el-form-item>
+        <el-input
+          placeholder="乐器编号"
+          clearable
+          @keyup.enter.native="onSearch"
+          v-model.trim="searchForm.vipGroupName"
+        ></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-select
+          v-model.trim="searchForm.attendanceStatus"
+          filterable
+          clearable
+          placeholder="乐器种类"
+        >
+          <el-option
+            v-for="(item, index) in typeList"
+            :key="index"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-select
+          v-model.trim="searchForm.attendanceStatus"
+          filterable
+          clearable
+          placeholder="乐器编号"
+        >
+          <el-option
+            v-for="(item, index) in typeList"
+            :key="index"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button native-type="submit" type="danger">搜索</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" native-type="reset">重置</el-button>
+      </el-form-item>
+    </save-form>
+    <el-button @click="addMusicVisible = true">新增乐器</el-button>
+    <div class="tableWrap">
+      <el-table
+        :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+        :data="tableList"
+      >
+        <el-table-column label="乐器编号" align="center" prop="id">
+          <template slot-scope="scope">
+            <copy-text>{{ scope.row.id }}</copy-text>
+          </template>
+        </el-table-column>
+        <el-table-column label="乐器名称" align="center" prop="name">
+          <template slot-scope="scope">
+            <copy-text>{{ scope.row.name }}</copy-text>
+          </template>
+        </el-table-column>
+        <el-table-column label="乐器种类" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.status | courseGroup }}
+          </template>
+        </el-table-column>
+        <el-table-column label="是否乐保" align="center" prop="teacherName">
+        </el-table-column>
+        <el-table-column label="乐保有效期" align="center" prop="studentNum">
+        </el-table-column>
+      </el-table>
+      <pagination
+        save-key="studentDetail-studentLebao"
+        sync
+        :total.sync="pageInfo.total"
+        :page.sync="pageInfo.page"
+        :limit.sync="pageInfo.limit"
+        :page-sizes="pageInfo.page_size"
+        @pagination="getList"
+      />
+    </div>
+       <el-dialog title="新增乐器"
+                 :visible.sync="addMusicVisible" v-if="addMusicVisible">
+          <addMusic />
+      </el-dialog>
+  </div>
+</template>
+<script>
+import pagination from "@/components/Pagination/index";
+import addMusic from "../modals/addMusic"
+export default {
+  components:{pagination},
+  data() {
+    return {
+      typeList: [],
+      tableList: [],
+      searchForm: {},
+      pageInfo: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+      addMusicVisible:false
+    };
+  },
+  mounted() {},
+  methods: {
+    onSearch() {},
+    onReSet() {},
+    getList(){},
+  },
+};
+</script>
+<style lang="scss" scoped>
+</style>

src/views/studentManager/index.vue

@@ -82,6 +82,14 @@
         >
           <studentCashout v-if="activeIndex == 8" />
         </el-tab-pane>
+          <el-tab-pane
+          label="乐器列表"
+          lazy
+          v-if="permissionList.studentLebao"
+          name="10"
+        >
+          <studentLebao v-if="activeIndex == 10" />
+        </el-tab-pane>
       </tab-router>
     </div>
   </div>
@@ -96,6 +104,7 @@ import studentOutList from "./components/studentOutList.vue";
 import studentOrder from "./components/studentOrder.vue";
 import studentCashout from "./components/studentCashout.vue";
 import studentNetwork from "./components/studentNetwork.vue";
+import studentLebao from "./components/studentLebao"
 import { permission } from "@/utils/directivePage";
 export default {
   components: {
@@ -108,6 +117,7 @@ export default {
     studentCashout,
     studentOutList,
     studentNetwork,
+    studentLebao
   },
   name: "studentDetail",
   data() {
@@ -124,6 +134,7 @@ export default {
         studentCashout: permission("/studentDetail/studentCashout"),
         studentOutList: permission("/studentDetail/studentOutList"), //
         studentNetwork: permission("/studentDetail/studentNetwork"),
+        studentLebao:permission("/studentDetail/studentLebao"),
       },
       studentName: "",
     };

src/views/studentManager/modals/addMusic.vue

@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <el-form>
+      <el-form-item
+        label="乐器种类"
+        prop="memo"
+        :rules="[{ required: true, message: '请选择乐器种类', trigger: 'blur' }]"
+      >
+        <el-form-item>
+        <el-select
+          v-model.trim="searchForm.attendanceStatus"
+          filterable
+          clearable
+          placeholder="乐器种类"
+        >
+          <el-option
+            v-for="(item, index) in typeList"
+            :key="index"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      </el-form-item>
+         <el-form-item
+        label="乐器名称"
+        prop="memo"
+        :rules="[{ required: true, message: '请输入乐器名称', trigger: 'blur' }]"
+      >
+        <el-input type="textarea" v-model="form.memo"></el-input>
+      </el-form-item>
+            <el-form-item
+        label="是否乐保"
+        prop="memo"
+        :rules="[{ required: true, message: '请选择乐保状态', trigger: 'blur' }]"
+      >
+        <el-input type="textarea" v-model="form.memo"></el-input>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {};
+  },
+};
+</script>
+<style lang="scss" scoped>
+</style>