店铺新增所属项目

src/pages/setting/info.vue

@@ -46,7 +46,17 @@
           ></el-input>
         </el-form-item>
         <el-form-item label="联系电话" prop="shop_tel">
-          <el-input v-model="ruleForm.shop_tel" maxlength="11"></el-input>
+          <el-input v-model="ruleForm.shop_tel"></el-input>
+        </el-form-item>
+        <el-form-item label="所属项目" prop="project_id">
+          <el-select v-model="ruleForm.project_id" style="width: 100%">
+            <el-option
+              v-for="(item, index) in projectList"
+              :key="index"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
+          </el-select>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="dialogVisible = false">取消</el-button>
@@ -65,7 +75,7 @@ export default {
   components: { AppCard, AppUploadImage },
   data() {
     return {
-      ruleForm: { shop_name: '', shop_logo: '', shop_desc: '', shop_tel: '', shop_type: '1' },
+      ruleForm: { shop_name: '', shop_logo: '', shop_desc: '', shop_tel: '', shop_type: '1', project_id: '' },
       rules: {
         shop_name: [
           { required: true, message: '必填', trigger: 'blur' },
@@ -78,7 +88,8 @@ export default {
           { required: true, message: '必填', trigger: 'blur' },
           { max: 100, message: '最多输入100个字符', trigger: 'blur' }
         ],
-        shop_tel: [{ required: true, pattern: /^1[3-9]\d{9}$/, message: '请输入手机号', trigger: 'blur' }]
+        shop_tel: [{ required: true, message: '请输入手机号', trigger: 'blur' }],
+        project_id: [{ required: true, message: '请选择所属项目', trigger: 'change' }]
       },
       dialogVisible: false
     }
@@ -86,6 +97,9 @@ export default {
   computed: {
     shop() {
       return this.$store.state.shop
+    },
+    projectList() {
+      return this.$store.state.projectList
     }
   },
   methods: {

src/pages/shop/add.vue

@@ -54,6 +54,16 @@
           <el-form-item label="联系电话" prop="shop_tel">
             <el-input v-model="ruleForm.shop_tel" maxlength="11"></el-input>
           </el-form-item>
+          <el-form-item label="所属项目" prop="project_id">
+            <el-select v-model="ruleForm.project_id" style="width: 100%">
+              <el-option
+                v-for="(item, index) in projectList"
+                :key="index"
+                :label="item.label"
+                :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
           <el-form-item>
             <el-button type="primary" @click="onSubmit">创建店铺</el-button>
           </el-form-item>
@@ -74,7 +84,7 @@ export default {
   components: { PageMain, AppUploadImage },
   data() {
     return {
-      ruleForm: { shop_name: '', shop_logo: '', shop_desc: '', shop_tel: '', shop_type: '1' },
+      ruleForm: { shop_name: '', shop_logo: '', shop_desc: '', shop_tel: '', shop_type: '1', project_id: '' },
       rules: {
         shop_name: [
           { required: true, message: '必填', trigger: 'blur' },
@@ -87,13 +97,19 @@ export default {
           { required: true, message: '必填', trigger: 'blur' },
           { max: 100, message: '最多输入100个字符', trigger: 'blur' }
         ],
-        shop_tel: [{ required: true, pattern: /^1[3-9]\d{9}$/, message: '请输入手机号', trigger: 'blur' }]
+        shop_tel: [{ required: true, pattern: /^1[3-9]\d{9}$/, message: '请输入手机号', trigger: 'blur' }],
+        project_id: [{ required: true, message: '请选择所属项目', trigger: 'change' }]
       },
       shopTypeChooseVisible: true,
       addSuccessVisible: false,
       shopId: ''
     }
   },
+  computed: {
+    projectList() {
+      return this.$store.state.projectList
+    }
+  },
   methods: {
     onSubmit() {
       this.$refs.ruleForm.validate().then(this.addShop)

src/store/index.js

@@ -11,7 +11,17 @@ const store = new Vuex.Store({
     user: {},
     shopId: window.localStorage.getItem('shopId') || '', // 店铺ID
     shop: {}, // 店铺信息
-    groups: [] // 商品分组
+    groups: [], // 商品分组
+    // 项目列表
+    projectList: [
+      { label: '玛丽伍德综合管理方向工商管理硕士', value: '1012' },
+      { label: '索菲亚大学金融方向工商管理硕士', value: '1000' },
+      { label: '瑞士酒店大学酒店及旅游业工商管理硕士', value: '1008' },
+      { label: '美国印第安纳大学Kelley商学院金融学硕士', value: '1001' },
+      { label: '加州整合大学应用心理学硕士', value: '1006' },
+      { label: '美国康博斯威尔大学教育学硕士', value: '1005' },
+      { label: '中国未来金融领袖计划', value: '1007' }
+    ]
   },
   mutations: {
     setUser(state, user) {