联调

src/views/MiniMall/MallSet/Comp/DialogSupplier.vue

@@ -7,11 +7,11 @@
       :rules="formRules"
       label-width="80px"
     >
-      <el-form-item label="名称" prop="name">
-        <el-input v-model="formData.name" placeholder="请输入供应商名称" />
+      <el-form-item label="名称" prop="label">
+        <el-input v-model="formData.label" placeholder="请输入供应商名称" />
       </el-form-item>
-      <el-form-item label="排序" prop="orderNum">
-        <el-input v-model="formData.orderNum" placeholder="请输入排序" type="number" :min="0" />
+      <el-form-item label="排序" prop="sort">
+        <el-input v-model="formData.sort" placeholder="请输入排序" type="number" :min="0" />
       </el-form-item>
       <el-form-item label="备注" prop="remark">
         <el-input
@@ -29,6 +29,7 @@
   </Dialog>
 </template>
 <script name="DialogSupplier" setup>
+import * as dictApi from '@/api/system/dict/dict.data'
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
 
@@ -37,27 +38,26 @@ const dialogTitle = ref('') // 弹窗的标题
 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
 const formType = ref('') // 表单的类型：create - 新增；update - 修改
 const formData = ref({
-  name: '',
-  orderNum: 1,
+  label: '',
+  sort: 1,
   remark: ''
 })
 const formRules = reactive({
-  name: [{ required: true, message: '名称不能为空', trigger: 'blur' }]
+  label: [{ required: true, message: '名称不能为空', trigger: 'blur' }]
 })
 const formRef = ref() // 表单 Ref
 
 /** 打开弹窗 */
-const open = async (type, info) => {
+const open = async (type, id) => {
   dialogVisible.value = true
   dialogTitle.value = type == 'update' ? '修改供应商' : '新增供应商'
   formType.value = type
   resetForm()
   // 修改时，设置数据
-  if (info.id) {
+  if (id) {
     formLoading.value = true
     try {
-      formData.value = { ...info }
-      // formData.value = await UserApi.getUser(id)
+      formData.value = await dictApi.getDictData(id)
     } finally {
       formLoading.value = false
     }
@@ -75,12 +75,14 @@ const submitForm = async () => {
   // 提交请求
   formLoading.value = true
   try {
-    // const data = formData.value as unknown as UserApi.UserVO
+    if (!formData.value.value) {
+      formData.value.value = formData.value.label
+    }
     if (formType.value === 'create') {
-      // await UserApi.createUser(data)
+      await dictApi.createDictData(formData.value)
       message.success(t('common.createSuccess'))
     } else {
-      // await UserApi.updateUser(data)
+      await dictApi.updateDictData(formData.value)
       message.success(t('common.updateSuccess'))
     }
     dialogVisible.value = false
@@ -94,8 +96,10 @@ const submitForm = async () => {
 /** 重置表单 */
 const resetForm = () => {
   formData.value = {
-    name: '',
-    orderNum: 1,
+    label: '',
+    sort: 1,
+    status: 0,
+    dictType: 'erp_supplier',
     remark: ''
   }
   formRef.value?.resetFields()