cms

src/pages/system/cmsManager/bannerManager/add.vue

@@ -66,13 +66,27 @@
               class="avatar-uploader"
               :action='$api.file.image.url'
               :show-file-list="false"
-              :on-success="handleAvatarSuccess"
-              :before-upload="beforeAvatarUpload">
+              :on-success="handleAvatarSuccess">
               <img v-if="postData.ImageUrl" :src="postData.ImageUrl" class="avatar">
               <i v-else class="el-icon-plus avatar-uploader-icon"></i>
             </el-upload>
           </div>
         </li>
+        <li class="flex-h">
+          <span>对应案场：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.CaseId" placeholder="请选择">
+                <el-option
+                  v-for="item in caseList"
+                  :key="item.CaseId"
+                  :label="item.CaseName"
+                  :value="item.CaseId">
+                </el-option>
+              </el-select>
+            </div>
+          </div>
+        </li>
         <li style="text-align:center">
           <el-button type="primary" size="mini" @click="submit">保存</el-button>
           <el-button type="danger" size="mini" @click="cancel">取消</el-button>
@@ -105,18 +119,20 @@ export default {
   components: {},
   created () {
     this.updateLocationInfo()
+    this.postData.CaseId = this.defaultCaseId
   },
   computed: {
     ...mapState({
       positionList: x => x.cms.location,
       OrgId: x => x.app.user.OrgId,
-      CaseId: x => x.app.cases.default
+      defaultCaseId: x => x.app.cases.default,
+      caseList: x => x.app.cases.list
     })
   },
   methods: {
+    ...mapCmsActions(['updateLocationInfo']),
     submit () {
       this.postData.OrgId = this.OrgId
-      this.postData.CaseId = this.CaseId
       console.log(this.postData)
       this.$ajax(this.$api.cms.addImage.url, {
         method: this.$api.cms.addImage.method,
@@ -139,9 +155,7 @@ export default {
     },
     handleAvatarSuccess (res, file) {
       this.postData.ImageUrl = res.result.url
-    },
-    beforeAvatarUpload (file) { },
-    ...mapCmsActions(['updateLocationInfo']),
+    }
   }
 }
 </script>

src/pages/system/cmsManager/bannerManager/edit.vue

@@ -66,13 +66,27 @@
               class="avatar-uploader"
               :action='$api.file.image.url'
               :show-file-list="false"
-              :on-success="handleAvatarSuccess"
-              :before-upload="beforeAvatarUpload">
+              :on-success="handleAvatarSuccess">
               <img v-if="postData.ImageUrl" :src="postData.ImageUrl" class="avatar">
               <i v-else class="el-icon-plus avatar-uploader-icon"></i>
             </el-upload>
           </div>
         </li>
+        <li class="flex-h">
+          <span>对应案场：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.CaseId" placeholder="请选择">
+                <el-option
+                  v-for="item in caseList"
+                  :key="item.CaseId"
+                  :label="item.CaseName"
+                  :value="item.CaseId">
+                </el-option>
+              </el-select>
+            </div>
+          </div>
+        </li>
         <li style="text-align:center">
           <el-button type="primary" size="mini" @click="submit">保存</el-button>
           <el-button type="danger" size="mini" @click="cancel">取消</el-button>
@@ -111,7 +125,7 @@ export default {
     ...mapState({
       positionList: x => x.cms.location,
       OrgId: x => x.app.user.OrgId,
-      CaseId: x => x.app.cases.default
+      caseList: x => x.app.cases.list
     })
   },
   methods: {
@@ -145,7 +159,6 @@ export default {
     handleAvatarSuccess (res, file) {
       this.postData.ImageUrl = res.result.url
     },
-    beforeAvatarUpload (file) { },
     getDetail () {
       this.$ajax(this.$api.cms.imageDetail.url, {
         method: this.$api.cms.imageDetail.method,

src/pages/system/cmsManager/bannerManager/index.vue

@@ -47,7 +47,7 @@
     </div>
     <el-pagination
       @current-change="handleCurrentChange"
-      :current-page.sync="postData.currentPage+1"
+      :current-page.sync="postData.currentPage"
       :page-size="postData.pageSize"
       layout="prev, pager, next, jumper"
       :total="postData.total">
@@ -86,7 +86,7 @@ export default {
   methods: {
     ...mapCmsActions(['updateLocationInfo']),
     handleCurrentChange (val) {
-      this.postData.currentPage = val - 1
+      this.postData.currentPage = val
       this.getList()
     },
     handleEdit (index, row) { // 编辑

src/pages/system/cmsManager/indexMsg/add.vue

@@ -8,7 +8,7 @@
             <div style="width:50%">
               <el-input
                 placeholder="请输入标题"
-                v-model="postData.title"
+                v-model="postData.InfoName"
                 clearable>
               </el-input>
             </div>
@@ -20,12 +20,42 @@
             <div style="width:50%">
               <el-input
                 placeholder="请输入链接"
-                v-model="postData.link"
+                v-model="postData.InfoUrl"
                 clearable>
               </el-input>
             </div>
           </div>
         </li>
+        <li class="flex-h">
+          <span>对应案场：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.CaseId" placeholder="请选择">
+                <el-option
+                  v-for="item in caseList"
+                  :key="item.CaseId"
+                  :label="item.CaseName"
+                  :value="item.CaseId">
+                </el-option>
+              </el-select>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>位置：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.LocationId" placeholder="请选择">
+                <el-option
+                  v-for="item in positionList"
+                  :key="item.LocationId"
+                  :label="item.LocationName"
+                  :value="item.LocationId">
+                </el-option>
+              </el-select>
+            </div>
+          </div>
+        </li>
         <li style="text-align:center">
           <el-button type="primary" size="mini" @click="submit">保存</el-button>
           <el-button type="danger" size="mini" @click="cancel">取消</el-button>
@@ -36,20 +66,54 @@
 </template>
 
 <script>
+import { mapState, createNamespacedHelpers } from 'vuex'
+const { mapActions: mapCmsActions } = createNamespacedHelpers('cms')
 export default {
   name: '',
   data () {
     return {
       postData: {
-        title: '',
-        link: ''
+        InfoName: '',
+        InfoUrl: '',
+        OrgId: '',
+        CaseId: '',
+        LocationId: '1'
       }
     }
   },
   components: {},
+  created () {
+    this.updateLocationInfo()
+    this.postData.CaseId = this.defaultCaseId
+  },
+  computed: {
+    ...mapState({
+      positionList: x => x.cms.location,
+      OrgId: x => x.app.user.OrgId,
+      defaultCaseId: x => x.app.cases.default,
+      caseList: x => x.app.cases.list
+    })
+  },
   methods: {
+    ...mapCmsActions(['updateLocationInfo']),
     submit () {
       console.log(this.postData)
+      this.postData.OrgId = this.OrgId
+      this.$ajax(this.$api.cms.addInfo.url, {
+        method: this.$api.cms.addInfo.method,
+        data: this.postData
+      }).then(res => {
+        this.$message({
+          message: '添加成功',
+          type: 'success',
+          duration: 1000
+        })
+        setTimeout(() => {
+          this.$router.push({ name: 'indexMsg' })
+        }, 1000)
+      }).catch(msg => {
+
+      })
     },
     cancel () {
       this.$router.go(-1)

src/pages/system/cmsManager/indexMsg/edit.vue

@@ -8,7 +8,7 @@
             <div style="width:50%">
               <el-input
                 placeholder="请输入标题"
-                v-model="postData.title"
+                v-model="postData.InfoName"
                 clearable>
               </el-input>
             </div>
@@ -20,12 +20,42 @@
             <div style="width:50%">
               <el-input
                 placeholder="请输入链接"
-                v-model="postData.link"
+                v-model="postData.InfoUrl"
                 clearable>
               </el-input>
             </div>
           </div>
         </li>
+        <li class="flex-h">
+          <span>对应案场：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.CaseId" placeholder="请选择">
+                <el-option
+                  v-for="item in caseList"
+                  :key="item.CaseId"
+                  :label="item.CaseName"
+                  :value="item.CaseId">
+                </el-option>
+              </el-select>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>位置：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-select v-model="postData.LocationId" placeholder="请选择">
+                <el-option
+                  v-for="item in positionList"
+                  :key="item.LocationId"
+                  :label="item.LocationName"
+                  :value="item.LocationId">
+                </el-option>
+              </el-select>
+            </div>
+          </div>
+        </li>
         <li style="text-align:center">
           <el-button type="primary" size="mini" @click="submit">保存</el-button>
           <el-button type="danger" size="mini" @click="cancel">取消</el-button>
@@ -36,26 +66,77 @@
 </template>
 
 <script>
+import { mapState, createNamespacedHelpers } from 'vuex'
+const { mapActions: mapCmsActions } = createNamespacedHelpers('cms')
 export default {
   name: '',
   data () {
     return {
       postData: {
-        title: '',
-        link: ''
+        InfoName: '',
+        InfoUrl: '',
+        OrgId: '',
+        CaseId: '',
+        LocationId: '1'
       }
     }
   },
   components: {},
+  created () {
+    this.updateLocationInfo()
+    this.getDetail()
+  },
+  computed: {
+    ...mapState({
+      positionList: x => x.cms.location,
+      OrgId: x => x.app.user.OrgId,
+      caseList: x => x.app.cases.list
+    })
+  },
   methods: {
+    ...mapCmsActions(['updateLocationInfo']),
     submit () {
       console.log(this.postData)
+      this.postData.OrgId = this.OrgId
+      this.$ajax(this.$api.cms.editInfo.url, {
+        method: this.$api.cms.editInfo.method,
+        urlData: {
+          id: this.$route.query.id
+        },
+        data: this.postData
+      }).then(res => {
+        this.$message({
+          message: '添加成功',
+          type: 'success',
+          duration: 1000
+        })
+        setTimeout(() => {
+          this.$router.push({ name: 'indexMsg' })
+        }, 1000)
+      }).catch(msg => {
+
+      })
     },
     cancel () {
       this.$router.go(-1)
+    },
+    getDetail () {
+      this.$ajax(this.$api.cms.infoDetail.url, {
+        method: this.$api.cms.infoDetail.method,
+        urlData: {
+          id: this.$route.query.id
+        }
+      }).then(res => {
+        console.log(res)
+        // this.postData.InfoName = res.InfoName
+        // this.postData.InfoUrl = res.InfoUrl
+        // this.postData.CaseId = res.CaseId
+        this.postData = res
+      }).catch(msg => {
+
+      })
     }
-  },
-  mounted () { }
+  }
 }
 </script>
 

src/pages/system/cmsManager/indexMsg/index.vue

@@ -15,17 +15,13 @@
         stripe
         style="width: 100%">
         <el-table-column
-          prop="title"
+          prop="InfoName"
           label="消息标题">
         </el-table-column>
         <el-table-column
-          prop="url"
+          prop="InfoUrl"
           label="跳转链接">
         </el-table-column>
-        <el-table-column
-          prop="creatTime"
-          label="创建时间">
-        </el-table-column>
         <el-table-column label="操作">
           <template slot-scope="scope">
             <el-button
@@ -41,12 +37,11 @@
       </el-table>
     </div>
     <el-pagination
-      @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage"
-      :page-size="10"
+      :current-page.sync="postData.currentPage"
+      :page-size="postData.pageSize"
       layout="prev, pager, next, jumper"
-      :total="100">
+      :total="postData.total">
     </el-pagination>
   </div>
 </template>
@@ -61,28 +56,16 @@ export default {
   name: '',
   data () {
     return {
-      currentPage: 0, // 当前页码
+      postData: {
+        currentPage: 1, // 当前页码
+        pageSize: 10,
+        total: 0,
+      },
       tableSearch: { // 表格搜索条件
         key: '', // 搜索关键字
         caseId: '', // 案场id
       },
-      tableData: [{
-        title: 'xxx',
-        url: 'xxx',
-        creatTime: 'xxx'
-      }, {
-        title: 'xxx',
-        url: 'xxx',
-        creatTime: 'xxx'
-      }, {
-        title: 'xxx',
-        url: 'xxx',
-        creatTime: 'xxx'
-      }, {
-        title: 'xxx',
-        url: 'xxx',
-        creatTime: 'xxx'
-      }]
+      tableData: []
     }
   },
   computed: {
@@ -90,19 +73,20 @@ export default {
       caseList: x => x.caseList,
     })
   },
+  created () {
+    this.getList()
+  },
   components: {
     tableSearch,
   },
   methods: {
-    handleSizeChange (val) {
-      console.log(`每页 ${val} 条`)
-    },
     handleCurrentChange (val) {
-      console.log(`当前页: ${val}`)
+      this.postData.currentPage = val
+      this.getList()
     },
     handleEdit (index, row) { // 编辑
       console.log(index, row)
-      this.$router.push({ name: 'editIndexMsg' })
+      this.$router.push({ name: 'editIndexMsg', query: { id: row.InfoId } })
     },
     handleDelete (index, row) { // 删除
       console.log(index, row)
@@ -111,10 +95,7 @@ export default {
         cancelButtonText: '取消',
         type: 'warning'
       }).then(() => {
-        this.$message({
-          type: 'success',
-          message: '删除成功!'
-        })
+        this.deleteInfo(row.InfoId)
       }).catch(() => {
         this.$message({
           type: 'info',
@@ -127,6 +108,38 @@ export default {
     },
     addIndexMsg () {
       this.$router.push({ name: 'addIndexMsg' })
+    },
+    getList () {
+      this.$ajax(this.$api.cms.info.url, {
+        method: this.$api.cms.info.method,
+        queryData: {
+          page: this.postData.currentPage,
+          pagesize: this.postData.pageSize
+        }
+      }).then(res => {
+        this.tableData = res.list
+        this.postData.total = res.pagenum
+        this.postData.currentPage = res.page
+      }).catch(msg => {
+
+      })
+    },
+    deleteInfo (id) {
+      this.$ajax(this.$api.cms.deleteInfo.url, {
+        method: this.$api.cms.deleteInfo.method,
+        urlData: {
+          id: id
+        }
+      }).then(res => {
+        console.log(res)
+        this.$message({
+          type: 'success',
+          message: '删除成功!'
+        })
+        this.getList()
+      }).catch(msg => {
+
+      })
     }
   }
 }

src/pages/system/cmsManager/majorProjects/add.vue

@@ -6,12 +6,12 @@
           <span>对应案场：</span>
           <div class="flex-item">
             <div style="width:50%">
-              <el-select v-model="postData.case" placeholder="请选择">
+              <el-select v-model="postData.CaseId" placeholder="请选择">
                 <el-option
                   v-for="item in caseList"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value">
+                  :key="item.CaseId"
+                  :label="item.CaseName"
+                  :value="item.CaseId">
                 </el-option>
               </el-select>
             </div>
@@ -23,7 +23,7 @@
             <div style="width:50%">
               <el-input
                 placeholder="请输入名称"
-                v-model="postData.name"
+                v-model="postData.Name"
                 clearable>
               </el-input>
             </div>
@@ -35,7 +35,7 @@
             <div style="width:50%">
               <el-input
                 placeholder="请输入标题"
-                v-model="postData.title"
+                v-model="postData.Title"
                 clearable>
               </el-input>
             </div>
@@ -44,25 +44,31 @@
         <li class="flex-h">
           <span>图片：</span>
           <div class="flex-item">
-            <div>
-              <a class="formImg">
-                <img src="" class="centerLabel contain" alt="">
-                <i class="iconfont icon-quxiao"></i>
-              </a>
-              <el-button type="success" size="mini">上传图片</el-button>
-            </div>
+            <el-upload
+              :action="$api.file.image.url"
+              list-type="picture-card"
+              :on-success="handlePictureCardPreview"
+              :on-remove="handleRemove">
+              <i class="el-icon-plus"></i>
+            </el-upload>
+            <el-dialog :visible.sync="dialogVisible">
+              <img width="100%" :src="imgs" alt="">
+            </el-dialog>
           </div>
         </li>
         <li class="flex-h">
           <span>详细图片：</span>
           <div class="flex-item">
-            <div>
-              <a class="formImg">
-                <img src="" class="centerLabel contain" alt="">
-                <i class="iconfont icon-quxiao"></i>
-              </a>
-              <el-button type="success" size="mini">上传图片</el-button>
-            </div>
+            <el-upload
+              :action='$api.file.image.url'
+              list-type="picture-card"
+              :on-success="handlePictureCardPreviewDetail"
+              :on-remove="handleRemoveDetail">
+              <i class="el-icon-plus"></i>
+            </el-upload>
+            <el-dialog :visible.sync="dialogVisibleDetail">
+              <img width="100%" :src="detailimgs" alt="">
+            </el-dialog>
           </div>
         </li>
         <li class="flex-h">
@@ -71,7 +77,7 @@
             <div style="width:50%">
               <el-input
                 placeholder="请输入专题简介"
-                v-model="postData.about"
+                v-model="postData.DetailContent"
                 type='textarea'
                 :autosize="{ minRows: 3, maxRows: 5}"
                 clearable>
@@ -83,8 +89,8 @@
           <span>是否前台展示：</span>
           <div class="flex-item">
             <div style="width:50%" class="radio">
-              <el-radio v-model="postData.show" label='0' >是</el-radio>
-                <el-radio v-model="postData.show" label='1' >否</el-radio>
+              <el-radio v-model="postData.IsAllCourse" label='1' >是</el-radio>
+              <el-radio v-model="postData.IsAllCourse" label='0' >否</el-radio>
             </div>
           </div>
         </li>
@@ -98,39 +104,98 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
 export default {
   name: '',
   data () {
     return {
       postData: {
-        case: '',
-        name: '',
-        title: '',
-        about: '',
-        show: '0'
+        CaseId: '',
+        Name: '',
+        Title: '',
+        DetailContent: '',
+        IsAllCourse: '1',
+        imgs: '',
+        detailimgs: '',
+        courseids: ''
       },
-      caseList: [{
-        value: '0',
-        label: '案场1'
-      }, {
-        value: '1',
-        label: '案场3'
-      }, {
-        value: '2',
-        label: '案场2'
-      }],
+      dialogVisible: false,
+      dialogVisibleDetail: false,
+      imgs: '',
+      detailimgs: '',
+      imgsArr: [],
+      detailimgsArr: []
     }
   },
   components: {},
+  computed: {
+    ...mapState({
+      caseList: x => x.app.cases.list,
+      defaultCaseId: x => x.app.cases.default,
+      OrgId: x => x.app.user.OrgId
+    })
+  },
   methods: {
     submit () {
-      console.log(this.postData)
+      this.postData.OrgId = this.OrgId
+      for (let i = 0; i < this.imgsArr.length; i++) {
+        this.postData.imgs += this.imgsArr[i].response.result.url + ','
+      }
+      this.postData.imgs = this.postData.imgs.substr(0, this.postData.imgs.length - 1)
+      for (let i = 0; i < this.detailimgsArr.length; i++) {
+        this.postData.detailimgs += this.detailimgsArr[i].response.result.url + ','
+      }
+      this.postData.detailimgs = this.postData.detailimgs.substr(0, this.postData.detailimgs.length - 1)
+      this.$ajax(this.$api.cms.addCase.url, {
+        method: this.$api.cms.addCase.method,
+        data: this.postData
+      }).then(res => {
+        this.$message({
+          message: '添加成功',
+          type: 'success',
+          duration: 1000
+        })
+        setTimeout(() => {
+          this.$router.push({ name: 'indexCase' })
+        }, 1000)
+      }).catch(msg => {
+
+      })
     },
     cancel () {
       this.$router.go(-1)
+    },
+    handlePictureCardPreview (res, file) {
+      this.imgs = res.result.url
+      this.dialogVisible = true
+      this.imgsArr.push(file)
+    },
+    handleRemove (file) {
+      for (let i = 0; i < this.imgsArr.length; i++) {
+        if (this.imgsArr[i].uid === file.uid) {
+          this.imgsArr.splice(i, 1)
+        }
+      }
+    },
+    handlePictureCardPreviewDetail (res, file) {
+      this.detailimgs = res.result.url
+      this.dialogVisibleDetail = true
+      this.detailimgsArr.push(file)
+    },
+    handleRemoveDetail (file) {
+      for (let i = 0; i < this.detailimgsArr.length; i++) {
+        if (this.detailimgsArr[i].uid === file.uid) {
+          this.detailimgsArr.splice(i, 1)
+        }
+      }
+    },
+    spli (arr) {
+      console.log(arr)
     }
   },
-  mounted () { }
+  created () {
+    this.postData.CaseId = this.defaultCaseId
+  }
 }
 </script>
 

src/pages/system/cmsManager/majorProjects/edit.vue

@@ -6,12 +6,12 @@
           <span>对应案场：</span>
           <div class="flex-item">
             <div style="width:50%">
-              <el-select v-model="postData.case" placeholder="请选择">
+              <el-select v-model="postData.CaseId" placeholder="请选择">
                 <el-option
                   v-for="item in caseList"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value">
+                  :key="item.CaseId"
+                  :label="item.CaseName"
+                  :value="item.CaseId">
                 </el-option>
               </el-select>
             </div>
@@ -23,7 +23,7 @@
             <div style="width:50%">
               <el-input
                 placeholder="请输入名称"
-                v-model="postData.name"
+                v-model="postData.Name"
                 clearable>
               </el-input>
             </div>
@@ -35,7 +35,7 @@
             <div style="width:50%">
               <el-input
                 placeholder="请输入标题"
-                v-model="postData.title"
+                v-model="postData.Title"
                 clearable>
               </el-input>
             </div>
@@ -44,25 +44,31 @@
         <li class="flex-h">
           <span>图片：</span>
           <div class="flex-item">
-            <div>
-              <a class="formImg">
-                <img src="" class="centerLabel contain" alt="">
-                <i class="iconfont icon-quxiao"></i>
-              </a>
-              <el-button type="success" size="mini">上传图片</el-button>
-            </div>
+            <el-upload
+              :action="$api.file.image.url"
+              list-type="picture-card"
+              :on-success="handlePictureCardPreview"
+              :on-remove="handleRemove">
+              <i class="el-icon-plus"></i>
+            </el-upload>
+            <el-dialog :visible.sync="dialogVisible">
+              <img width="100%" :src="imgs" alt="">
+            </el-dialog>
           </div>
         </li>
         <li class="flex-h">
           <span>详细图片：</span>
           <div class="flex-item">
-            <div>
-              <a class="formImg">
-                <img src="" class="centerLabel contain" alt="">
-                <i class="iconfont icon-quxiao"></i>
-              </a>
-              <el-button type="success" size="mini">上传图片</el-button>
-            </div>
+            <el-upload
+              :action='$api.file.image.url'
+              list-type="picture-card"
+              :on-success="handlePictureCardPreviewDetail"
+              :on-remove="handleRemoveDetail">
+              <i class="el-icon-plus"></i>
+            </el-upload>
+            <el-dialog :visible.sync="dialogVisibleDetail">
+              <img width="100%" :src="detailimgs" alt="">
+            </el-dialog>
           </div>
         </li>
         <li class="flex-h">
@@ -71,7 +77,7 @@
             <div style="width:50%">
               <el-input
                 placeholder="请输入专题简介"
-                v-model="postData.about"
+                v-model="postData.DetailContent"
                 type='textarea'
                 :autosize="{ minRows: 3, maxRows: 5}"
                 clearable>
@@ -83,8 +89,8 @@
           <span>是否前台展示：</span>
           <div class="flex-item">
             <div style="width:50%" class="radio">
-              <el-radio v-model="postData.show" label='0' >是</el-radio>
-                <el-radio v-model="postData.show" label='1' >否</el-radio>
+              <el-radio v-model="postData.IsAllCourse" label='1' >是</el-radio>
+              <el-radio v-model="postData.IsAllCourse" label='0' >否</el-radio>
             </div>
           </div>
         </li>
@@ -98,36 +104,93 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
 export default {
   name: '',
   data () {
     return {
       postData: {
-        case: '',
-        name: '',
-        title: '',
-        about: '',
-        show: '0'
+        CaseId: '',
+        Name: '',
+        Title: '',
+        DetailContent: '',
+        IsAllCourse: '1',
+        imgs: '',
+        detailimgs: '',
+        courseids: ''
       },
-      caseList: [{
-        value: '0',
-        label: '案场1'
-      }, {
-        value: '1',
-        label: '案场3'
-      }, {
-        value: '2',
-        label: '案场2'
-      }],
+      dialogVisible: false,
+      dialogVisibleDetail: false,
+      imgs: '',
+      detailimgs: '',
+      imgsArr: [],
+      detailimgsArr: []
     }
   },
   components: {},
+  computed: {
+    ...mapState({
+      caseList: x => x.app.cases.list,
+      defaultCaseId: x => x.app.cases.default,
+      OrgId: x => x.app.user.OrgId
+    })
+  },
   methods: {
     submit () {
-      console.log(this.postData)
+      this.postData.OrgId = this.OrgId
+      for (let i = 0; i < this.imgsArr.length; i++) {
+        this.postData.imgs += this.imgsArr[i].response.result.url + ','
+      }
+      this.postData.imgs = this.postData.imgs.substr(0, this.postData.imgs.length - 1)
+      for (let i = 0; i < this.detailimgsArr.length; i++) {
+        this.postData.detailimgs += this.detailimgsArr[i].response.result.url + ','
+      }
+      this.postData.detailimgs = this.postData.detailimgs.substr(0, this.postData.detailimgs.length - 1)
+      this.$ajax(this.$api.cms.addCase.url, {
+        method: this.$api.cms.addCase.method,
+        data: this.postData
+      }).then(res => {
+        this.$message({
+          message: '添加成功',
+          type: 'success',
+          duration: 1000
+        })
+        setTimeout(() => {
+          this.$router.push({ name: 'indexCase' })
+        }, 1000)
+      }).catch(msg => {
+
+      })
     },
     cancel () {
       this.$router.go(-1)
+    },
+    handlePictureCardPreview (res, file) {
+      this.imgs = res.result.url
+      this.dialogVisible = true
+      this.imgsArr.push(file)
+    },
+    handleRemove (file) {
+      for (let i = 0; i < this.imgsArr.length; i++) {
+        if (this.imgsArr[i].uid === file.uid) {
+          this.imgsArr.splice(i, 1)
+        }
+      }
+    },
+    handlePictureCardPreviewDetail (res, file) {
+      this.detailimgs = res.result.url
+      this.dialogVisibleDetail = true
+      this.detailimgsArr.push(file)
+    },
+    handleRemoveDetail (file) {
+      for (let i = 0; i < this.detailimgsArr.length; i++) {
+        if (this.detailimgsArr[i].uid === file.uid) {
+          this.detailimgsArr.splice(i, 1)
+        }
+      }
+    },
+    spli (arr) {
+      console.log(arr)
     }
   },
   mounted () { }

src/pages/system/cmsManager/majorProjects/index.vue

@@ -3,7 +3,7 @@
     <div class="system-table-search">
       <div class="flex-h">
         <div class="flex-item flex-h">
-          <el-button size="mini" type="success" @click='addMajorProjects'>新增项目专题</el-button>
+          <el-button size="mini" type="success" @click='addMajorProjects'>新增首页案场</el-button>
         </div>
         <ul>
           <li>
@@ -70,7 +70,7 @@
     </div>
     <el-pagination
       @current-change="handleCurrentChange"
-      :current-page.sync="postData.currentPage+1"
+      :current-page.sync="postData.currentPage"
       :page-size="postData.pageSize"
       layout="prev, pager, next, jumper"
       :total="postData.total">
@@ -87,7 +87,7 @@ export default {
   data () {
     return {
       postData: {
-        currentPage: 0, // 当前页码
+        currentPage: 1, // 当前页码
         pageSize: 10,
         total: 0,
       },
@@ -124,8 +124,9 @@ export default {
   },
   computed: {
     ...mapState({
+      OrgId: x => x.app.user.OrgId,
       caseList: x => x.app.cases.list,
-      defaultCaseId: x => x.app.cases.default,
+      defaultCaseId: x => x.app.cases.default
     })
   },
   components: {
@@ -186,22 +187,6 @@ export default {
         }
       }).then(res => {
         console.log(res)
-        // let length = res.list.length
-        // for (let i = 0; i < length; i++) {
-        //   if (res.list[i].Status === 1) {
-        //     res.list[i].StatusShow = '是'
-        //   } else {
-        //     res.list[i].StatusShow = '否'
-        //   }
-        //   for (let j = 0; j < this.positionList.length; j++) {
-        //     if (res.list[i].LocationId === this.positionList[j].LocationId) {
-        //       res.list[i].LocationShow = this.positionList[j].LocationName
-        //     }
-        //   }
-        // }
-        // this.tableData = res.list
-        // this.postData.total = res.pagenum
-        // this.postData.currentPage = res.page
       }).catch(msg => {
 
       })

src/util/api.js

@@ -91,9 +91,45 @@ const $api = {
       method: 'delete',
       url: `${baseUrl}/common/cms/image/:id`
     },
-    case: {
+    case: { // 首页案场列表
       method: 'get',
       url: `${baseUrl}/common/cms/case`
+    },
+    caseDetail: { // 首页案场详情
+      method: 'get',
+      url: `${baseUrl}/common/cms/case/:id`
+    },
+    addCase: { // 添加首页案场
+      method: 'post',
+      url: `${baseUrl}/common/cms/case`
+    },
+    editCase: { // 添加首页案场
+      method: 'put',
+      url: `${baseUrl}/common/cms/case/:id`
+    },
+    deleteCase: { // 添加首页案场
+      method: 'delete',
+      url: `${baseUrl}/common/cms/case/:id`
+    },
+    info: { // 首页消息列表
+      method: 'get',
+      url: `${baseUrl}/common/cms/info`
+    },
+    infoDetail: { // 首页消息详情
+      method: 'get',
+      url: `${baseUrl}/common/cms/info/:id`
+    },
+    addInfo: { // 新增首页消息
+      method: 'post',
+      url: `${baseUrl}/common/cms/info`
+    },
+    editInfo: { // 编辑首页消息
+      method: 'put',
+      url: `${baseUrl}/common/cms/info/:id`
+    },
+    deleteInfo: { // 编辑首页消息
+      method: 'delete',
+      url: `${baseUrl}/common/cms/info/:id`
     }
   },
   file: {