首页加服务指标

1

src/router/index.js

@@ -382,6 +382,8 @@ export const asyncRoutes = {
   WithdrawalApplication:()=>import('@/views/withdrawal-application'),
   // 欠费学员列表
   ArrearageStudents: () => import('@/views/arrearage-students'),
+  // 服务指标明细
+  serverDetail:()=>import('@/views/serverDetail')
 }
 
 export default router

src/router/notKeepAliveList.js

@@ -95,5 +95,6 @@ export default [
   '/business/auditFailed',
   '/business/resetTeaming', // 进行中修改
   '/business/teacherOperationUpdate',
+  '/operateManager/serverDetail', // 服务指标明细
   // '/business/feeAudit',
 ]

src/views/serverDetail/conponent/afterWork.vue

@@ -0,0 +1,87 @@
+<template>
+  <div>
+    <el-table
+      style="width: 100%"
+      :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+      :data="tableList"
+    >
+      <el-table-column
+        align="center"
+        prop="studentId"
+        label="课程编号"
+      ></el-table-column>
+      <el-table-column
+        align="center"
+        prop="studentId"
+        label="服务课程"
+      ></el-table-column>
+      <el-table-column
+        align="center"
+        prop="studentId"
+        label="课程类型"
+      ></el-table-column>
+      <el-table-column
+        align="center"
+        prop="studentId"
+        label="学员数量"
+      ></el-table-column>
+      <el-table-column
+        align="center"
+        prop="studentId"
+        label="专业"
+      ></el-table-column>
+      <el-table-column
+        align="center"
+        prop="studentId"
+        label="课程状态"
+      ></el-table-column>
+      <el-table-column
+        align="center"
+        prop="studentId"
+        label="是否布置作业"
+      ></el-table-column>
+    </el-table>
+    <pagination
+      sync
+      :total.sync="rules.total"
+      :page.sync="rules.page"
+      :limit.sync="rules.limit"
+      :page-sizes="rules.page_size"
+      @pagination="getList"
+    />
+  </div>
+</template>
+<script>
+import pagination from "@/components/Pagination/index";
+export default {
+  components:{pagination},
+  data() {
+    return {
+      tableList:[],
+      rules: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+    };
+  },
+  mounted() {
+    // 获取分部
+
+    this.init();
+  },
+  methods: {
+    init() {},
+    getList() {},
+    search() {
+      this.rules.page = 1;
+      this.getList();
+    },
+    onReSet() {},
+  },
+};
+</script>
+<style lang="scss" scoped>
+</style>

src/views/serverDetail/conponent/outWork.vue

@@ -0,0 +1,72 @@
+<template>
+  <div>
+    <el-table
+      style="width: 100%"
+      :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+      :data="tableList"
+    >
+      <el-table-column
+        align="center"
+        prop="studentId"
+        label="学员编号"
+      ></el-table-column>
+      <el-table-column
+        align="center"
+        prop="studentId"
+        label="学员姓名"
+      ></el-table-column>
+      <el-table-column
+        align="center"
+        prop="studentId"
+        label="专业"
+      ></el-table-column>
+      <el-table-column
+        align="center"
+        prop="studentId"
+        label="是否布置作业"
+      ></el-table-column>
+    </el-table>
+    <pagination
+      sync
+      :total.sync="rules.total"
+      :page.sync="rules.page"
+      :limit.sync="rules.limit"
+      :page-sizes="rules.page_size"
+      @pagination="getList"
+    />
+  </div>
+</template>
+<script>
+import pagination from "@/components/Pagination/index";
+export default {
+    components:{pagination},
+  data() {
+    return {
+       tableList:[],
+      rules: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+    };
+  },
+  mounted() {
+    // 获取分部
+
+    this.init();
+  },
+  methods: {
+    init() {},
+    getList() {},
+    search() {
+      this.rules.page = 1;
+      this.getList();
+    },
+    onReSet() {},
+  },
+};
+</script>
+<style lang="scss" scoped>
+</style>

src/views/serverDetail/conponent/serverMask.vue

@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <el-tabs v-model="activeName">
+      <el-tab-pane label="课后作业" name="first" lazy><afterWork /></el-tab-pane>
+      <el-tab-pane label="课外训练" name="second" lazy><outWork /> </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+<script>
+import afterWork from './afterWork'
+import outWork from './outWork'
+export default {
+  components:{afterWork,outWork},
+  data() {
+    return {
+      activeName: "first",
+    };
+  },
+};
+</script>
+<style lang="scss" scoped>
+</style>

src/views/serverDetail/index.vue

@@ -0,0 +1,230 @@
+<!--  -->
+<template>
+  <div class="m-container">
+    <h2>
+      <div class="squrt"></div>
+      服务指标明细<filter-search ref='filterSearch' @reload="reloadSearch" :keys="['searchType']" :moreKeys="['start', 'end', 'organId']"/>
+    </h2>
+    <div class="m-core">
+      <save-form
+        :inline="true"
+        :model="searchForm"
+        @submit="search"
+        @reset="onReSet"
+      >
+        <el-form-item>
+          <el-select
+            class="multiple"
+            v-model.trim="searchForm.organIdList"
+            filterable
+            clearable
+            placeholder="请选择分部"
+          >
+            <el-option
+              v-for="(item, index) in selects.branchs"
+              :key="index"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <remote-search
+            :commit="'setTeachers'"
+            v-model="searchForm.teacherId"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            class="multiple"
+            v-model.trim="searchForm.operatingTag"
+            clearable
+            placeholder="是否异常"
+          >
+            <el-option label="是" :value="1"></el-option>
+            <el-option label="否" :value="0"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            class="multiple"
+            v-model.trim="searchForm.operatingTag"
+            clearable
+            placeholder="是否提醒"
+          >
+            <el-option label="是" :value="1"></el-option>
+            <el-option label="否" :value="0"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            class="multiple"
+            v-model.trim="searchForm.operatingTag"
+            clearable
+            placeholder="操作人"
+          >
+            <el-option label="是" :value="1"></el-option>
+            <el-option label="否" :value="0"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-date-picker
+            style="width: 410px"
+            v-model.trim="searchForm.orderDate"
+            type="daterange"
+            value-format="yyyy-MM-dd"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            :picker-options="{ firstDayOfWeek: 1 }"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <el-button native-type="submit" type="primary">搜索</el-button>
+          <el-button native-type="reset" type="danger">重置</el-button>
+        </el-form-item>
+      </save-form>
+      <div class="tableWrap">
+        <el-table
+          style="width: 100%"
+          :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+          :data="tableList"
+        >
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="分部"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="老师编号"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="老师姓名"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="课后作业(节)"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="课外作业(人)"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="是否异常"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="提醒时间"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="操作人"
+          ></el-table-column>
+          <el-table-column align="center" prop="studentId" label="操作">
+            <template slot-scope="scope">
+              <div>
+                <el-button type="text" @click="gotoDteail(scope.row)"
+                  >查看</el-button
+                >
+                <el-button type="text">提醒老师</el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <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="查看"
+        destroy-on-close
+        :close-on-click-modal="false"
+        :visible.sync="lookVisible"
+          v-if="lookVisible"
+      >
+        <serverMask
+
+          :detail="activeRow"
+          @close="lookVisible = false"
+          @submited="getList"
+        />
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="lookVisible = false"
+            >确 定</el-button
+          >
+        </span>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+import { getToken } from "@/utils/auth";
+import pagination from "@/components/Pagination/index";
+import serverMask from "./conponent/serverMask";
+import load from "@/utils/loading";
+export default {
+  components: { pagination, serverMask },
+  data() {
+    return {
+      searchForm: {
+        organIdList: [],
+        teacherId: "",
+      },
+      tableList: [{}],
+      organList: [],
+      rules: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+      lookVisible: false,
+      activeRow: null,
+    };
+  },
+  //生命周期 - 创建完成（可以访问当前this实例）
+  created() {},
+  //生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() {
+    // 获取分部
+
+    this.init();
+  },
+  methods: {
+    init() {
+      this.$store.dispatch("setBranchs");
+    },
+    getList() {},
+    search() {
+      this.rules.page = 1;
+      this.getList();
+    },
+    onReSet() {},
+    gotoDteail(row) {
+      this.activeRow = row;
+      this.lookVisible = true;
+    },
+  },
+};
+</script>
+<style lang='scss' scoped>
+</style>