add

.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/'

.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/"
 

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}
+    })
+}

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()

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>
 

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
+        // }
+      // })
     }
   }
 }

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)

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
     }
   }
 }