platform从后端获取

src/components/cheat/ProjectAdd.vue

@@ -27,9 +27,9 @@
             </el-form-item>
             <el-form-item label="平台" prop="platform">
               <el-checkbox-group v-if="isModifyMode" v-model="project.platform">
-                <el-checkbox label="0">IOS</el-checkbox>
-                <el-checkbox label="1">ANDROID</el-checkbox>
-                <el-checkbox label="2">WEB</el-checkbox>
+                <span v-for="(item,index) in platforms" :key="index">
+              <el-checkbox :label="item">{{ item }}&nbsp;&nbsp;&nbsp;&nbsp;</el-checkbox>
+            </span>
               </el-checkbox-group>
               <!--<span-->
               <!--v-if="!isModifyMode"-->
@@ -225,7 +225,7 @@ import Http from '@/js/http.js'
 import Apis from '@/js/api.js'
 import PlatformType from '@/constants/enum/platform-type.js'
 import {notify} from '@/constants/index'
-import {getAllServiceTypes} from '@/js/index'
+import {getAllServiceTypes,getAllPlatformTypes} from '@/js/index'
 
 export default {
   name: 'ProjectAdd',
@@ -235,7 +235,7 @@ export default {
       dialogVisible: false,
       isModifyMode: true,
       serviceType: [],
-      platform: PlatformType,
+      platforms: [],
       isFormSubmit: true,
       downloadFile: '123.xls',
       project: {
@@ -425,6 +425,7 @@ export default {
   methods: {
     init () {
       this.setServiceType()
+      this.setPlatformType()
     },
     //加载数据
     loadData: function () {
@@ -547,6 +548,9 @@ export default {
     },
     setServiceType () {
       this.serviceType = getAllServiceTypes()
+    },
+    setPlatformType (){
+      this.platforms = getAllPlatformTypes()
     }
   },
   created: function () {

src/components/project/Project.vue

@@ -42,9 +42,9 @@
         </el-form-item>
         <el-form-item label="平台" prop="platform">
           <el-checkbox-group v-if="isModifyMode" v-model="project.platform">
-            <el-checkbox label="IOS">IOS</el-checkbox>
-            <el-checkbox label="ANDROID">ANDROID</el-checkbox>
-            <el-checkbox label="WEB">WEB</el-checkbox>
+            <span v-for="(item,index) in platforms" :key="index">
+              <el-checkbox :label="item">{{ item }}&nbsp;&nbsp;&nbsp;&nbsp;</el-checkbox>
+            </span>
           </el-checkbox-group>
           <span
             v-if="!isModifyMode"
@@ -294,7 +294,7 @@ import ResourceType from '@/constants/enum/resource-type'
 import provincecity from '@/components/commons/ProvinceCity'
 import provinceCityJSON from '@/constants/provinceCity.json'
 import {notify} from '@/constants/index'
-import {getAllServiceTypes} from '@/js/index'
+import {getAllPlatformTypes, getAllServiceTypes} from '@/js/index'
 
 export default {
   name: 'Project',
@@ -318,7 +318,7 @@ export default {
       tabPosition: 'top',
       institutionArray: Enum.institution,
       isModifyMode: false,
-      platformType: [],
+      platforms: [],
       resourceType: ResourceType,
       serviceType: [],
       project: {
@@ -447,6 +447,8 @@ export default {
     },
     init () {
       this.projectId = this.$route.params.projectId
+      this.setServiceType()
+      this.setPlatformType()
       this.loadData()
       // this.project.platform.map(item => {
       //   this.platformType.push(PlatformType[item])
@@ -669,6 +671,9 @@ export default {
     },
     setServiceType () {
       this.serviceType = getAllServiceTypes()
+    },
+    setPlatformType () {
+      this.platforms = getAllPlatformTypes()
     }
   }
 }

src/components/project/ProjectCreate.vue

@@ -28,9 +28,9 @@
         </el-form-item>
         <el-form-item label="平台" prop="platform">
           <el-checkbox-group v-model="project.platform">
-            <el-checkbox label="IOS">IOS</el-checkbox>
-            <el-checkbox label="ANDROID">ANDROID</el-checkbox>
-            <el-checkbox label="WEB">WEB</el-checkbox>
+            <span v-for="(item,index) in platforms" :key="index">
+              <el-checkbox :label="item">{{ item }}&nbsp;&nbsp;&nbsp;&nbsp;</el-checkbox>
+            </span>
           </el-checkbox-group>
         </el-form-item>
         <el-form-item label="需求描述" prop="desc">
@@ -42,7 +42,7 @@
           </el-input>
         </el-form-item>
         <el-form-item label="服务类型" prop="type">
-          <el-checkbox-group v-model="project.type" >
+          <el-checkbox-group v-model="project.type">
             <span v-for="(item,index) in serviceType" :key="index">
               <el-checkbox :label="item" name="type">{{item}}&nbsp;&nbsp;&nbsp;&nbsp;</el-checkbox>
             </span>
@@ -152,7 +152,7 @@ import provincecity from '@/components/commons/ProvinceCity'
 import provinceCityJSON from '@/constants/provinceCity.json'
 import ResourceType from '@/constants/enum/resource-type'
 import {notify} from '@/constants/index'
-import {getAllServiceTypes} from '@/js/index'
+import {getAllPlatformTypes, getAllServiceTypes} from '@/js/index'
 
 export default {
   name: 'ProjectCreate',
@@ -173,7 +173,7 @@ export default {
     return {
       tabPosition: 'top',
       institutionArray: Enum.institution,
-      platformType: [],
+      platforms: [],
       serviceType: [],
       resourceType: ResourceType,
       project: {
@@ -305,6 +305,7 @@ export default {
     },
     init () {
       this.setServiceType()
+      this.setPlatforms()
       // this.project.platform.map(item => {
       //   this.platformType.push(PlatformType[item])
       // })
@@ -443,6 +444,9 @@ export default {
     },
     setServiceType () {
       this.serviceType = getAllServiceTypes()
+    },
+    setPlatforms () {
+      this.platforms = getAllPlatformTypes()
     }
   }
 }
@@ -465,6 +469,7 @@ export default {
     max-height: 120px !important;
     overflow: auto;
   }
+
   .el-input {
     width: 400px;
   }

src/js/index.js

@@ -159,6 +159,12 @@ export const getAllReportTypes = () => {
   //return Http.get(Apis.GENERAL.GET_ALL_ABILITIES)
 }
 
+//获取所有平台类型
+export const getAllPlatformTypes = () => {
+  return ['ANDROID', 'IOS', 'WEB']
+  //return Http.get(Apis.GENERAL.GET_ALL_ABILITIES)
+}
+
 //获取当前角色可访问的url
 export const getAuthUrls = () => {
   return Http.get(Apis.USER.GET_AUTH_URLS)