-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 新增用户
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ row.customer_type === 'VIP' ? '地区总代理' : '普通代理' }}
-
-
-
-
-
- 编辑
- 删除
-
-
-
-
- 找到 {{ searchResults.length }} 条结果
- 清空搜索
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 地区总代理
- 普通代理
-
-
-
- 保存
- 取消
-
-
-
-
+
+
+
+
+
+
+
+
+
+ 搜索
+ 重置
+ 新增客户
+
+
+
+
+
+
+
+
+ {{ [row.province, row.city, row.district].filter(Boolean).join(' / ') || '-' }}
+
+
+
+
+
+
+
+ {{ row.customer_type === 'VIP' ? '总代理' : '普通代理' }}
+
+
+
+
+
+
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 地区总代理
+ 普通代理
+
+
+
+
+
+
+
+ 取消
+ 确定
+
+
+
-
\ No newline at end of file
+// 搜索
+const search = reactive({name: '', phone: '', customer_type: ''})
+const loading = ref(false)
+const tableData = ref([])
+const pagination = reactive({page: 1, pageSize: 10, total: 0})
+
+// 弹窗
+const dialogVisible = ref(false)
+const isEdit = ref(false)
+const editId = ref(null)
+const submitLoading = ref(false)
+const formRef = ref(null)
+
+const form = reactive({
+ name: '', phone: '', region: [], address: '', email: '', customer_type: 'Normal', remark: '',
+})
+
+const rules = {
+ name: [{required: true, message: '请输入客户姓名', trigger: 'blur'}],
+}
+
+// 获取列表
+const fetchList = async () => {
+ loading.value = true
+ try {
+ const params = {
+ page: pagination.page,
+ pageSize: pagination.pageSize,
+ ...search,
+ }
+ // 清空空值
+ Object.keys(params).forEach(k => { if (!params[k]) delete params[k] })
+ const res = await getCustomerList(params)
+ tableData.value = res.data.list
+ pagination.total = res.data.total
+ } catch {} finally {
+ loading.value = false
+ }
+}
+
+const handleSearch = () => {
+ pagination.page = 1
+ fetchList()
+}
+
+const resetSearch = () => {
+ search.name = ''
+ search.phone = ''
+ search.customer_type = ''
+ handleSearch()
+}
+
+// 打开新增
+const openAdd = () => {
+ isEdit.value = false
+ editId.value = null
+ Object.assign(form, {name: '', phone: '', region: [], address: '', email: '', customer_type: 'Normal', remark: ''})
+ dialogVisible.value = true
+}
+
+// 打开编辑
+const openEdit = (row) => {
+ isEdit.value = true
+ editId.value = row.id
+ Object.assign(form, {
+ name: row.name || '',
+ phone: row.phone || '',
+ region: [],
+ address: row.address || '',
+ email: row.email || '',
+ customer_type: row.customer_type || 'Normal',
+ remark: row.remark || '',
+ })
+ dialogVisible.value = true
+}
+
+// 提交
+const handleSubmit = async () => {
+ if (!formRef.value) return
+ await formRef.value.validate()
+ submitLoading.value = true
+ try {
+ // 从 region cascader 拆出省市区
+ const [province, city, district] = form.region
+ const payload = {
+ name: form.name,
+ phone: form.phone || null,
+ province: province || null,
+ city: city || null,
+ district: district || null,
+ address: form.address || null,
+ email: form.email || null,
+ customer_type: form.customer_type,
+ remark: form.remark || null,
+ }
+ if (isEdit.value) {
+ await updateCustomer(editId.value, payload)
+ ElMessage.success('更新成功')
+ } else {
+ await createCustomer(payload)
+ ElMessage.success('新增成功')
+ }
+ dialogVisible.value = false
+ fetchList()
+ } catch {} finally {
+ submitLoading.value = false
+ }
+}
+
+// 删除
+const handleDelete = async (id) => {
+ try {
+ await ElMessageBox.confirm('确定删除该客户？', '提示', {type: 'warning'})
+ await deleteCustomer(id)
+ ElMessage.success('删除成功')
+ fetchList()
+ } catch {}
+}
+
+onMounted(() => {
+ fetchList()
+})
+
+
+
diff --git a/src/components/employee.vue b/src/components/employee.vue
new file mode 100644
index 0000000..a8a53a7
--- /dev/null
+++ b/src/components/employee.vue
@@ -0,0 +1,266 @@
+
+
+
+
+
+
+
+
+
+
+ 搜索
+ 重置
+ 新增员工
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row.entry_date?.slice(0, 10) || '-' }}
+
+
+ {{ row.salary != null ? '¥' + row.salary : '-' }}
+
+
+
+
+
+ {{ row.status === 1 ? '在职' : '离职' }}
+
+
+
+
+
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 取消
+ 确定
+
+
+
+
+
+
+
diff --git a/src/components/panel.vue b/src/components/panel.vue
index 689e792..8bdad2f 100644
--- a/src/components/panel.vue
+++ b/src/components/panel.vue
@@ -1,13 +1,42 @@
@@ -26,11 +55,14 @@ const switchFold = () => {
蜜雪冰城管理系统
-
-
-
- 退出登录
-
+
+
@@ -63,16 +95,22 @@ const switchFold = () => {
售后管理
-
-
+
+
产品管理
-
-
+
+
员工管理
+
+
+
+ 用户管理
+
+
@@ -106,6 +144,8 @@ const switchFold = () => {
.header-menu {
flex: 1;
border-bottom: none !important;
+ display: flex;
+ align-items: center;
}
.logo-item {
@@ -128,13 +168,17 @@ const switchFold = () => {
white-space: nowrap;
}
-.logout-item {
- margin-left: auto !important;
- color: #909399;
+.header-right {
+ margin-left: auto;
+ display: flex;
+ align-items: center;
+ gap: 16px;
+ padding-right: 20px;
}
-.logout-item:hover {
- color: #E60012 !important;
+.user-name {
+ font-size: 14px;
+ color: #606266;
}
/* ========== 侧边栏 ========== */
diff --git a/src/components/product.vue b/src/components/product.vue
new file mode 100644
index 0000000..7817253
--- /dev/null
+++ b/src/components/product.vue
@@ -0,0 +1,213 @@
+
+
+
+
+
+
+
+ 搜索
+ 重置
+ 新增产品
+
+
+
+
+
+
+
+
+
+ ¥{{ row.price }}
+
+
+
+
+
+
+
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 取消
+ 确定
+
+
+
hello ,im 3
+
+
+
+
+
+
+
+
+
+ 搜索
+ 重置
+ 新增售后
+
+
+
+
+
+
+
+
+
+
+
+ {{ row.handle_status }}
+
+
+
+ {{ row.service_date?.slice(0, 10) || '-' }}
+
+
+
+
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 取消
+ 确定
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 搜索
+ 重置
+ 新增用户
+
+
+
+
+
+
+
+
+
+
+ {{ row.role === 'admin' ? '管理员' : '普通用户' }}
+
+
+
+
+
+ {{ row.status === 1 ? '启用' : '禁用' }}
+
+
+
+ {{ row.created_at?.slice(0, 19)?.replace('T', ' ') || '-' }}
+
+
+
+ 编辑
+ 重置密码
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 取消
+ 确定
+
+
+