邹畅 3 years ago
parent
commit
9b01a1abd7
9 changed files with 9827 additions and 81 deletions
  1. 2
      .env.development
  2. 2
      .env.production
  3. 98
      src/api/userInfoApi.js
  4. 6
      src/permission.js
  5. 7
      src/views/dashboard/index.vue
  6. 28
      src/views/login/index.vue
  7. 111
      src/views/nested/menu1/index.vue
  8. 29
      src/views/nested/menu2/index.vue
  9. 9625
      yarn.lock

2
.env.development

@ -2,4 +2,4 @@
ENV = 'development'
# base api
VUE_APP_BASE_API = '/dev-api'
VUE_APP_BASE_API = 'http://mockjs.docway.net/mock/'

2
.env.production

@ -2,5 +2,5 @@
ENV = 'production'
# base api
VUE_APP_BASE_API = '/prod-api'
VUE_APP_BASE_API = "http://mockjs.docway.net/mock/"

98
src/api/userInfoApi.js

@ -0,0 +1,98 @@
import request from '@/utils/request'
// 需要去掉1i1D04JgcdM
//获取剧本分页列表
export function queryJbInfo(data) {
return request({
url: '1i1D04JgcdMsce/info/page',
method: 'post',
data
})
}
//获取剧本列表
export function queryJbInfos(data) {
return request({
url: '1i1D04JgcdMsce/info/findList',
method: 'post',
data
})
}
//获取剧本详情列表
export function queryJbDetail(id) {
return request({
url: '1i1D04JgcdMsce/info/detail',
method: 'post',
data:{id}
})
}
//新增剧本列表
export function addJbInfo(data) {
return request({
url: '1i1D04JgcdMsce/info/add',
method: 'post',
data
})
}
//编辑剧本列表
export function updateJbInfo(data) {
return request({
url: '1i1D04JgcdMsce/info/update',
method: 'post',
data
})
}
//删除剧本列表
export function deleteJbInfo(id) {
return request({
url: '1i1D04JgcdMsce/info/delete',
method: 'post',
data:{id}
})
}
//获取流程列表
export function queryFindList(data) {
return request({
url: '1i1D04JgcdMsce/process/findList',
method: 'post',
data
})
}
//获取Tips列表
export function queryTipsList(data) {
return request({
url: '1i1D04JgcdMtips/info/page',
method: 'post',
data
})
}
//新增Tips列表
export function addTipsList(data) {
return request({
url: '1i1D04JgcdMtips/info/add',
method: 'post',
data
})
}
//编辑Tips列表
export function updateTipsList(data) {
return request({
url: '1i1D04JgcdMtips/info/update',
method: 'post',
data
})
}
//删除Tips列表
export function deteleTipsList(id) {
return request({
url: '1i1D04JgcdMtips/info/detele',
method: 'post',
data:{id}
})
}
//获取Tips详情
export function queryTipsDetail(id) {
return request({
url: '1i1D04JgcdMtips/info/detail',
method: 'post',
data:{id}
})
}

6
src/permission.js

@ -18,7 +18,7 @@ router.beforeEach(async(to, from, next) => {
document.title = getPageTitle(to.meta.title)
// determine whether the user has logged in
const hasToken = getToken()
const hasToken = 4123
if (hasToken) {
if (to.path === '/login') {
@ -32,12 +32,12 @@ router.beforeEach(async(to, from, next) => {
} else {
try {
// get user info
await store.dispatch('user/getInfo')
// await store.dispatch('user/getInfo')
next()
} catch (error) {
// remove token and go to login page to re-login
await store.dispatch('user/resetToken')
// await store.dispatch('user/resetToken')
Message.error(error || 'Has Error')
next(`/login?redirect=${to.path}`)
NProgress.done()

7
src/views/dashboard/index.vue

@ -1,6 +1,6 @@
<template>
<div class="dashboard-container">
<div class="dashboard-text">name: {{ name }}</div>
123
</div>
</template>
@ -9,11 +9,6 @@ import { mapGetters } from 'vuex'
export default {
name: 'Dashboard',
computed: {
...mapGetters([
'name'
])
}
}
</script>

28
src/views/login/index.vue

@ -106,20 +106,20 @@ export default {
})
},
handleLogin() {
this.$refs.loginForm.validate(valid => {
if (valid) {
this.loading = true
this.$store.dispatch('user/login', this.loginForm).then(() => {
this.$router.push({ path: this.redirect || '/' })
this.loading = false
}).catch(() => {
this.loading = false
})
} else {
console.log('error submit!!')
return false
}
})
// this.$refs.loginForm.validate(valid => {
// if (valid) {
// this.loading = true
// this.$store.dispatch('user/login', this.loginForm).then(() => {
this.$router.push({ path:'/nested' })
// this.loading = false
// }).catch(() => {
// this.loading = false
// })
// } else {
// console.log('error submit!!')
// return false
// }
// })
}
}
}

111
src/views/nested/menu1/index.vue

@ -5,21 +5,21 @@
<el-form :inline="true" :model="searchForm">
<el-form-item label="剧本标题:" style="margin-right:50px;">
<el-input
v-model="searchForm.date"
v-model="searchForm.title"
style="height:30px;"
placeholder="请输入剧本标题"
/>
</el-form-item>
<el-form-item label="工作室:" style="margin-right:50px;">
<el-input
v-model="searchForm.name"
v-model="searchForm.studioName"
style="height:30px;"
placeholder="请输入工作室"
/>
</el-form-item>
<el-form-item label="标签:" style="margin-right:50px;">
<el-input
v-model="searchForm.label"
v-model="searchForm.labelName"
style="height:30px;"
placeholder="请输入标签"
/>
@ -49,10 +49,10 @@
<div class="content">
<el-table ref="singleTable" :data="tableData" border style="width: 100%">
<el-table-column align="center" type="index" label="序号" width="50" />
<el-table-column align="center" property="date" label="剧本标题" />
<el-table-column align="center" property="name" label="工作室" />
<el-table-column align="center" property="label" label="标签" />
<el-table-column align="center" property="time" label="创建时间" />
<el-table-column align="center" property="title" label="剧本标题" />
<el-table-column align="center" property="studioName" label="工作室" />
<el-table-column align="center" property="labelName" label="标签" />
<el-table-column align="center" property="createTime" label="创建时间" />
<el-table-column align="center" label="操作">
<template slot-scope="scope">
<el-button
@ -76,7 +76,7 @@
</el-table>
</div>
<!-- 新增表单 -->
<el-dialog :title="dialog.title" :visible.sync="dialog.Visible" width="60%">
<el-dialog :title="dialog.title" :visible.sync="dialog.Visible" width="70%">
<el-form
ref="ruleForm"
:model="ruleForm"
@ -86,14 +86,14 @@
class="demo-ruleForm"
>
<h3 class="form-title">基本信息</h3>
<el-form-item label="剧本标题:" prop="name" style="width:45%">
<el-input v-model="ruleForm.name" style="width:300px;" />
<el-form-item label="剧本标题:" prop="title" style="width:45%">
<el-input v-model="ruleForm.title" style="width:300px;" />
</el-form-item>
<el-form-item label="工作室:" prop="name" style="width:45%">
<el-input v-model="ruleForm.name" style="width:300px;" />
<el-form-item label="工作室:" prop="studioName" style="width:45%">
<el-input v-model="ruleForm.studioName" style="width:300px;" />
</el-form-item>
<el-form-item label="标签:" prop="name" style="width:100%">
<el-input v-model="ruleForm.name" style="width:300px;" />
<el-form-item label="标签:" prop="labelName" style="width:100%">
<el-input v-model="ruleForm.labelName" style="width:300px;" />
</el-form-item>
<h3 class="form-title">剧本图片</h3>
<el-form-item label="封面">
@ -104,7 +104,7 @@
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
>
<img v-if="imageUrl" :src="ruleForm.imageUrl" class="avatar">
<img v-if="ruleForm.cover" :src="ruleForm.cover" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon" />
</el-upload>
</el-form-item>
@ -116,7 +116,7 @@
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
>
<img v-if="imageUrl" :src="ruleForm.imageUrl" class="avatar">
<img v-if="ruleForm.imgUrl" :src="ruleForm.imgUrl" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon" />
</el-upload>
</el-form-item>
@ -128,12 +128,12 @@
rows="10"
type="textarea"
/> -->
<Tinymce ref="editor" v-model="ruleForm.desc" :height="400" />
<Tinymce ref="editor" v-model="ruleForm.introduction" :height="400" />
</el-form-item>
<h3 class="form-title">开本流程</h3>
<el-table
:header-cell-style="{background:'#eee',color:'#606266'}"
:data="ruleForm.tableData"
:data="ruleForm.processesList"
border
style="width: 90%;margin-left:30px;"
>
@ -143,24 +143,24 @@
label="序号"
width="50"
/>
<el-table-column align="center" property="date" label="流程标题">
<el-table-column align="center" property="title" label="流程标题">
<template slot-scope="scope">
<el-input v-model="ruleForm.tableData[scope.$index].date" />
<el-input v-model="ruleForm.processesList[scope.$index].title" />
</template>
</el-table-column>
<el-table-column align="center" property="name" label="流程编号">
<el-table-column align="center" property="code" label="流程编号">
<template slot-scope="scope">
<el-input v-model="ruleForm.tableData[scope.$index].name" />
<el-input v-model="ruleForm.processesList[scope.$index].code" />
</template>
</el-table-column>
<el-table-column align="center" property="label" label="简介">
<el-table-column align="center" property="introduction" label="简介">
<template slot-scope="scope">
<el-input v-model="ruleForm.tableData[scope.$index].label" />
<el-input v-model="ruleForm.processesList[scope.$index].introduction" />
</template>
</el-table-column>
<el-table-column align="center" property="time" label="排序">
<el-table-column align="center" property="sort" label="排序">
<template slot-scope="scope">
<el-input v-model="ruleForm.tableData[scope.$index].time" />
<el-input v-model="ruleForm.processesList[scope.$index].sort" />
</template>
</el-table-column>
<el-table-column align="center" label="操作">
@ -182,7 +182,7 @@
</div>
<h3 class="form-title">剧本资源</h3>
<el-form-item label="图片" prop="imgUrls" style="width: 100%;">
<el-radio-group v-model="ruleForm.resource" @change="changeImg">
<el-radio-group v-model="ruleForm.resourcesList" @change="changeImg">
<el-radio label="1">本地上传</el-radio>
<el-radio label="2">网易云地址</el-radio>
</el-radio-group>
@ -328,7 +328,7 @@
<el-button @click="dialog.Visible = false"> </el-button>
<el-button
type="primary"
@click="dialog.Visible = false"
@click="subMit"
> </el-button>
</span>
</el-dialog>
@ -336,36 +336,16 @@
</template>
<script>
import Tinymce from '@/components/Tinymce'
import { queryJbInfo } from '@/api/userInfoApi.js'
export default {
components: { Tinymce },
data() {
return {
searchForm: {},
searchForm: {
title:"",
},
tableData: [
{
date: '标题1',
name: '工作室1',
label: '剧情,神秘',
time: '2021-09-01'
},
{
date: '标题2',
name: '工作室2',
label: '剧情,神秘',
time: '2021-09-01'
},
{
date: '标题3',
name: '工作室3',
label: '剧情,神秘',
time: '2021-09-01'
},
{
date: '标题4',
name: '工作室4',
label: '剧情,神秘',
time: '2021-09-01'
}
],
dialog: {
title: '新增剧本',
@ -373,20 +353,41 @@ export default {
},
ruleForm: {
resource: '1',
tableData: [],
processesList: [],
imgUrls: [],
data: []
},
dialogVisible: false,
active: ''
active: '',
imageUrl:''
}
},
mounted() {
this.queryList()
},
methods: {
//
async queryList(){
let data = {
...this.searchForm,
pageNum:1,
pageSize:15
}
try{
let res = await queryJbInfo(data)
console.log(res)
}catch(err){
console.log(err)
}
},
//
handleAdd() {
this.dialog.Visible = true
this.dialog.title = '新增剧本'
},
subMit(){
console.log(this.ruleForm,'参数')
},
//
handleEdit(row) {
console.log(row)

29
src/views/nested/menu2/index.vue

@ -40,6 +40,27 @@
</el-table>
</div>
<!-- 新增表单 -->
<el-dialog :title="dialog.title" :visible.sync="dialog.Visible">
<el-form :model="form">
<el-form-item label="剧本标题:" prop="name">
<el-input v-model="form.name" />
</el-form-item>
<el-form-item label="流程标题:">
<el-select v-model="form.region" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="Tips内容">
<el-input v-model="form.name" type="textarea" :rows="6"
placeholder="请输入内容" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialog.Visible = false"> </el-button>
<el-button type="primary" @click="dialog.Visible = false"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
@ -47,6 +68,11 @@ export default {
data() {
return {
searchForm: {},
form:{},
dialog:{
title:'新增',
Visible:false
},
tableData: [
{
date: '标题1',
@ -62,7 +88,8 @@ export default {
methods: {
//
handleAdd() {
alert(1111)
this.dialog.title = '新增'
this.dialog.Visible = true
}
}
}

9625
yarn.lock
File diff suppressed because it is too large
View File

Loading…
Cancel
Save