大屏项目初始化

screen-vue/src/views/system/user/form.vue

@@ -36,9 +36,9 @@
             placeholder="请选择性别"
             clearable
           >
-            <el-option label="男" value="男" />
-            <el-option label="女" value="女" />
-            <el-option label="未知" value="未知" />
+            <el-option label="男" value="0" />
+            <el-option label="女" value="1" />
+            <el-option label="未知" value="9" />
           </el-select>
         </el-form-item>
       </div>
@@ -193,7 +193,6 @@ onMounted(() => {
   box-sizing: border-box;
 }
 
-/* 布局样式 */
 .form-row {
   display: flex;
   flex-wrap: wrap;

screen-vue/src/views/system/user/index.vue

@@ -98,9 +98,9 @@
 
 <script setup>
 import { ref, reactive, onMounted } from 'vue'
-import { ElMessage } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import { Plus, Download, Edit, Delete } from '@element-plus/icons-vue'
-import { getHomeUserList } from '@/api/bizUser'
+import { getHomeUserList, getHomeUserSave, getHomeUserDelete } from '@/api/bizUser'
 
 import CSearch from '@/components/Search/proSearch.vue'
 import STable from '@/components/Table/proTable.vue'
@@ -124,9 +124,10 @@ const pagination = reactive({
 
 const tableData = ref([])
 
-const dialogVisible = ref(false)
 const isEdit = ref(false)
 const formData = ref({})
+const currentRow = ref({})
+const dialogVisible = ref(false)
 
 async function getDataList() {
   loading.value = true
@@ -174,12 +175,14 @@ const handleReset = () => {
 const handleAdd = () => {
   isEdit.value = false
   formData.value = {}
+  currentRow.value = {}
   dialogVisible.value = true
 }
 
 const handleEdit = (row) => {
   isEdit.value = true
   formData.value = { ...row }
+  currentRow.value = { ...row }
   dialogVisible.value = true
 }
 
@@ -187,8 +190,22 @@ const handleExport = () => {
   ElMessage.success('开始导出数据...')
 }
 
-const handleDelete = (row) => {
-  ElMessage.warning(`删除ID为 ${row.id} 的数据`)
+const handleDelete = async (row) => {	
+  try {
+    await ElMessageBox.confirm('确定要删除该条数据吗?', '删除确认', {
+      type: 'warning',
+      closeOnClickModal: false,
+      showClose: false
+    })
+    const reqParams = {
+      userId: row.userId
+    }
+    const res = await getHomeUserDelete(reqParams);
+	ElMessage.success('删除成功');
+	getDataList();
+  } catch (error) {
+	  ElMessage.error('删除数据失败,请重试' ,error);
+  }
 }
 
 const handleSizeChange = (val) => {
@@ -204,6 +221,7 @@ const handleCurrentChange = (val) => {
 const handleDialogClose = () => {
   formData.value = {}
   isEdit.value = false
+  currentRow.value = {}
   dialogVisible.value = false
 }
 
@@ -223,11 +241,19 @@ const handleSave = async () => {
     }
   }
 
-  setTimeout(() => {
-    ElMessage.success(isEdit.value ? '编辑成功' : '新增成功')
-    dialogVisible.value = false
-    getDataList()
-  }, 500)
+  try {
+	  const reqParams = {
+		  ...formData.value,
+		  isEdit: isEdit.value,
+		  userId: currentRow.value?.userId
+	  }
+	  const res = await getHomeUserSave(reqParams);
+	  dialogVisible.value = false;
+	  getDataList();
+	  ElMessage.success(res.msg)
+  } catch (error) {
+	  console.log(error);
+  }
 }
 
 onMounted(() => {