no message

src/api/safetyManagement/appUserConfig.js

+import request from '@/utils/request'
+
+
+
+export function queryAppuser(data) {
+  return request({
+    url: '/console/user/queryAppuser',
+    method: 'get',
+    params: data
+  })
+}
+
+export function addAppUser(data) {
+  return request({
+    url: '/console/user/addAppUser',
+    method: 'post',
+    data: data
+  })
+}
+
+export function delAppUser(data) {
+  return request({
+    url: '/console/user/delAppUser',
+    method: 'post',
+    data: data
+  })
+}
\ No newline at end of file

src/views/safetyManagement/appUserConfig/edit.vue

@@ -9,7 +9,7 @@
     :align-center="true"
     :fullscreen="false"
     @close="handleClose"
-    width="600px"
+    width="500px"
   >
       <el-form
         ref="formRef"
@@ -25,17 +25,17 @@
         <el-input v-model="form.username" placeholder="请输入用户名" />
       </el-form-item>
       <!-- 备注 -->
-      <el-form-item label="备注" prop="remark">
+      <el-form-item label="备注" prop="note">
         <el-input
-          v-model="form.remark"
+          v-model="form.note"
           placeholder="请输入备注"
         />
       </el-form-item>
 
       <!-- 是否明文和是否脱敏 -->
       <el-form-item>
-        <el-checkbox v-model="form.isoriginal">是否明文</el-checkbox>
-        <el-checkbox v-model="form.ismask" style="margin-left: 20px">是否脱敏</el-checkbox>
+        <el-checkbox v-model="form.isoriginal" :true-value="'1'" :false-value="'0'">是否明文</el-checkbox>
+        <el-checkbox v-model="form.ismask" :true-value="'1'" :false-value="'0'" style="margin-left: 20px">是否脱敏</el-checkbox>
       </el-form-item>
       </el-form>
     <template #footer>
@@ -49,81 +49,77 @@
   </el-dialog>
 </template>
 
-<script>
-export default {
-  name: 'AppUserEdit',
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    formData: {
-      type: Object,
-      default: () => null
-    }
+<script setup>
+import { ref, reactive, watch } from 'vue'
+import { addAppUser } from '@/api/safetyManagement/appUserConfig.js'
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    default: false
   },
-  emits: ['update:visible', 'success'],
-  watch: {
-    visible(val) {
-      if (val && this.formData) {
-        this.form = {
-          ...this.formData,
-          password: '',
-          confirmPassword: ''
-        }
-      }
-    }
-  },
-  data() {
-    return {
-      form: {
-        useridentifier: '',
-        username: '',
-        remark: '',
-        isoriginal: false,
-        ismask: false
-      },
-      rules: {
-        useridentifier: [
-          { required: true, message: '请输入唯一标识', trigger: 'blur' }
-        ],
-        username: [
-          { required: true, message: '请输入用户名', trigger: 'blur' }
-        ]
-      }
-    }
-  },
-  methods: {
-    handleClose() {
-      this.$emit('update:visible', false)
-      this.$refs.formRef?.resetFields()
-      this.form = {
-        useridentifier: '',
-        username: '',
-        remark: '',
-        isoriginal: false,
-        ismask: false
-      }
-    },
-    handleSubmit() {
-      this.$refs.formRef.validate((valid) => {
-        if (valid) {
-          // 提交表单逻辑
-          const params = { ...this.form }
-          // 如果是编辑模式且没有修改密码，则不提交密码字段
-          if (this.formData && !params.password) {
-            delete params.password
-            delete params.confirmPassword
+  formData: {
+    type: Object,
+    default: () => null
+  }
+})
+const emit = defineEmits(['update:visible', 'success'])
+
+const formRef = ref(null)
+const form = reactive({
+  useridentifier: '',
+  username: '',
+  note: '',
+  isoriginal: '0', // 默认字符串类型
+  ismask: '0'
+})
+const rules = {
+  useridentifier: [
+    { required: true, message: '请输入唯一标识', trigger: 'blur' }
+  ],
+  username: [
+    { required: true, message: '请输入用户名', trigger: 'blur' }
+  ]
+}
+
+watch(() => props.visible, (val) => {
+  if (val && props.formData) {
+    Object.assign(form, {
+      ...props.formData,
+      isoriginal: String(props.formData.isoriginal ?? '0'),
+      ismask: String(props.formData.ismask ?? '0')
+    })
+  }
+  console.log('表单数据', form)
+})
+
+const handleClose = () => {
+  emit('update:visible', false)
+  formRef.value?.resetFields()
+  Object.assign(form, {
+    useridentifier: '',
+    username: '',
+    note: '',
+    isoriginal: '0',
+    ismask: '0'
+  })
+}
+
+const handleSubmit = () => {
+  formRef.value.validate(async (valid) => {
+    if (valid) {
+      const params = { ...form }
+      try {
+          const res = await addAppUser(params)
+          if (res.code === 'POP_00014') {
+            emit('success')
+            handleClose()
           }
-          
-          console.log('submit form', params)
-          // 调用接口保存数据
-          this.$emit('success')
-          this.handleClose()
-        }
-      })
+      } catch (error) {
+        // 可根据需要添加错误提示
+        console.error('添加用户失败', error)
+      }
     }
-  }
+  })
 }
 </script>