xiangpei
2024-05-13 c2a57234b5c699cbe12e4bdc6008b3a4be2eb6fd
视频分类完善
4个文件已修改
81 ■■■■ 已修改文件
src/router.js 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/onlineStudy/video/type.vue 59 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/user/student/list.vue 10 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/user/tag/list.vue 8 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/router.js
@@ -75,7 +75,7 @@
        path: 'tag/list',
        component: () => import('@/views/user/tag/list'),
        name: 'TagAdminPageList',
        meta: { title: '标签列表', noCache: true }
        meta: { title: '学生标签', noCache: true }
      },
      {
        path: 'tag/edit',
@@ -100,7 +100,7 @@
        component: () => import('@/views/onlineStudy/video/type'),
        name: 'VideoType',
        meta: {
          title: '视频分类'
          title: '视频分类', noCache: true
        }
      }
    ]
src/views/onlineStudy/video/type.vue
@@ -3,7 +3,7 @@
    <div class="search">
      <el-form :inline="true" :model="searchForm" class="demo-form-inline">
        <el-form-item label="分类名称">
          <el-input v-model="searchForm.typeName" size="small" placeholder="分类名称"></el-input>
          <el-input v-model="searchForm.typeName" size="small" placeholder="分类名称" clearable @clear="page"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="page" size="small">查询</el-button>
@@ -35,28 +35,34 @@
        label="操作"
        width="140">
        <template slot-scope="scope">
          <el-button @click="handleUpdate(scope.row)" type="text" size="small">修改</el-button>
          <el-button type="text" size="small">删除</el-button>
          <el-button @click="handleUpdate(scope.row)" type="primary" size="small" style="margin-right: 5px">修改</el-button>
          <el-popconfirm
            :title="getTitle(scope.row.typeName)"
            @confirm="remove(scope.row.id)"
          >
            <el-button slot="reference" type="danger" size="small">删除</el-button>
          </el-popconfirm>
        </template>
      </el-table-column>
    </el-table>
    <el-dialog
      title="提示"
      title="添加视频分类"
      :visible.sync="open"
      width="300"
      width="300px"
      :before-close="handleClose">
      <el-form label-position="top" label-width="80px" :rules="rules" :model="form">
      <el-form label-position="top" label-width="80px" ref="form" :rules="rules" :model="form">
        <el-form-item label="分类名称" prop="typeName">
          <el-input v-model="form.typeName"></el-input>
        </el-form-item>
        <el-form-item label="排序值" prop="orderNum">
          <el-input v-model="form.orderNum" type="number" placeholder=""排序值></el-input>
          <el-input v-model="form.orderNum" type="number" placeholder="排序值"></el-input>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="open = false">取 消</el-button>
        <el-button type="primary" @click="handlerSubmit">确 定</el-button>
        <el-button type="primary" @click="handlerSubmit">添 加</el-button>
      </span>
    </el-dialog>
  </div>
@@ -74,10 +80,10 @@
        typeName: ''
      },
      tableData: [],
      open: false,
      form: {
        typeName: '',
        orderNum: null,
        open: false
        orderNum: null
      },
      rules: {
        typeName: [
@@ -91,8 +97,38 @@
    }
  },
  methods: {
    remove (id) {
      VideoTypeAPI.remove(id).then(res => {
        if (res.code === 1) {
          this.$message.success('删除成功')
        }
      })
    },
    getTitle (typeName) {
      return '确定要删除' + typeName + '这个分类吗?'
    },
    handlerSubmit () {
      this.$refs['form'].validate((valid) => {
        if (valid) {
          if (this.form.id) {
            VideoTypeAPI.update(this.form).then(res => {
              if (res.code === 1) {
                this.$message.success('修改成功')
                this.open = false
                this.page()
              }
            })
          } else {
            VideoTypeAPI.add(this.form).then(res => {
              if (res.code === 1) {
                this.$message.success('添加成功')
                this.open = false
                this.page()
              }
            })
          }
        }
      })
    },
    handleClose () {
      this.open = false
@@ -111,6 +147,7 @@
    handleUpdate (row) {
      this.form.typeName = row.typeName
      this.form.orderNum = row.orderNum
      this.form.id = row.id
      this.open = true
    }
  },
src/views/user/student/list.vue
@@ -2,11 +2,11 @@
  <div class="app-container">
    <el-form :model="queryParam" ref="queryForm" :inline="true">
      <el-form-item label="真实姓名:">
        <el-input v-model="queryParam.userName"></el-input>
        <el-input v-model="queryParam.userName" size="small" clearable></el-input>
      </el-form-item>
      <el-form-item >
       <div style="display: flex">
         <el-button type="primary" @click="submitForm">查询</el-button>
         <el-button type="primary" @click="submitForm" size="small">查询</el-button>
         <router-link :to="{path:'/user/student/edit'}" class="link-left">
           <el-button type="primary">添加</el-button>
         </router-link>
@@ -28,7 +28,7 @@
    <el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row style="width: 100%">
      <el-table-column prop="userName" label="用户名"/>
      <el-table-column prop="realName" label="真实姓名" />
      <el-table-column prop="realName" label="真实姓名" width="150"/>
      <el-table-column prop="deptNames" label="部门" />
      <el-table-column label="标签" prop="tagNames" width="80px">
        <template slot-scope="{row}">
@@ -42,7 +42,7 @@
      </el-table-column>
      <el-table-column prop="conditionDetail" label="具体情况" show-overflow-tooltip="true"/>
      <el-table-column prop="sex" label="性别" width="60px;" :formatter="sexFormatter"/>
      <el-table-column prop="phone" label="手机号"/>
      <el-table-column prop="phone" label="手机号" width="120"/>
      <el-table-column prop="createTime" label="创建时间" width="160px"/>
      <el-table-column label="状态" prop="status" width="70px">
        <template slot-scope="{row}">
@@ -51,7 +51,7 @@
          </el-tag>
        </template>
      </el-table-column>
      <el-table-column width="400px" label="操作" align="center">
      <el-table-column width="400px" label="操作" fixed="right" align="center">
        <template slot-scope="{row}">
          <el-button size="mini"  @click="changeStatus(row)" class="link-left">
            {{ statusBtnFormatter(row.status) }}
src/views/user/tag/list.vue
@@ -2,11 +2,11 @@
  <div class="app-container">
    <el-form :model="queryParam" ref="queryForm" :inline="true">
      <el-form-item label="标签名:">
        <el-input v-model="queryParam.name"></el-input>
        <el-input v-model="queryParam.name" clearable></el-input>
      </el-form-item>
      <el-form-item>
        <div style="display: flex">
          <el-button type="primary" @click="submitForm">查询</el-button>
          <el-button type="primary" size="small" @click="submitForm">查询</el-button>
          <router-link :to="{ path: '/user/tag/edit' }" class="link-left">
            <el-button type="primary">添加</el-button>
          </router-link>
@@ -19,9 +19,9 @@
      <el-table-column width="270px" label="操作" align="center">
        <template slot-scope="{row}">
          <router-link :to="{ path: '/user/tag/edit', query: { id: row.id } }" class="link-left">
            <el-button size="mini">编辑</el-button>
            <el-button size="small" type="primary">编辑</el-button>
          </router-link>
          <el-button size="mini" type="danger" @click="deleteUser(row)" class="link-left">删除</el-button>
          <el-button size="small" type="danger" @click="deleteUser(row)" class="link-left">删除</el-button>
        </template>
      </el-table-column>
    </el-table>