|
|
@@ -2,6 +2,7 @@
|
|
|
import {ref, computed} from 'vue'
|
|
|
import {router} from '../../router'
|
|
|
import {userRegister} from "../../api/user.ts"
|
|
|
+import {getAllStore} from "../../api/store.ts";
|
|
|
|
|
|
// 输入框值（需要在前端拦截不合法输入：是否为空+额外规则）
|
|
|
const name = ref('')
|
|
|
@@ -11,8 +12,16 @@ const address = ref('')
|
|
|
const password = ref('')
|
|
|
const confirmPassword = ref('')
|
|
|
|
|
|
-//对于商家用户，还需要在注册时选择所属商店，从而传入storeId。但由于Lab2才会开发商店模块，所以这里暂且设置唯一一个Id为1的商店1，待Lab2完善
|
|
|
-const storeId = ref()
|
|
|
+interface StoreItem {
|
|
|
+ id: number
|
|
|
+ name: string
|
|
|
+}
|
|
|
+
|
|
|
+const storeList = ref<StoreItem[]>([])
|
|
|
+const storeId = ref(undefined)
|
|
|
+getAllStore().then(res => {
|
|
|
+ storeList.value = res.data.result
|
|
|
+})
|
|
|
|
|
|
// 电话号码是否为空
|
|
|
const hasTelInput = computed(() => tel.value != '')
|
|
|
@@ -156,14 +165,14 @@ function handleRegister() {
|
|
|
<el-col :span="7" v-if="identity==='STAFF'">
|
|
|
<el-form-item>
|
|
|
<label for="address">
|
|
|
- 所属商店（需待Lab2中完善）
|
|
|
+ 所属商店
|
|
|
</label>
|
|
|
- <el-select id="storeName"
|
|
|
+ <el-select id="identity"
|
|
|
v-model="storeId"
|
|
|
placeholder="请选择"
|
|
|
style="width: 100%;"
|
|
|
>
|
|
|
- <el-option value="1" label="商店1"/>
|
|
|
+ <el-option v-for="item in storeList" :key="item.id" :label="item.name" :value="item.id"/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
chillqi