联调

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

@@ -16,23 +16,27 @@
       </el-form-item>
     </el-form>
     <el-table v-loading="loading" :data="tableList">
-      <el-table-column prop="name" label="供应商名称" />
-      <el-table-column prop="orderNum" label="排序" width="100px" />
+      <el-table-column prop="label" label="供应商名称" />
+      <el-table-column prop="sort" label="排序" width="100px" />
       <el-table-column prop="remark" label="备注" />
-      <el-table-column label="创建时间" prop="createTime" width="180px" />
-      <el-table-column label="创建人" prop="createUser" width="150px" />
+      <el-table-column
+        label="创建时间"
+        prop="createTime"
+        width="180px"
+        :formatter="dateFormatter"
+      />
       <el-table-column label="操作">
         <template #default="scope">
-          <el-button type="primary" text @click="openForm('update', scope.row)">修改</el-button>
-          <el-button type="danger" text @click="handleDelete(scope.row)">删除</el-button>
+          <el-button type="primary" text @click="openForm('update', scope.row.id)">修改</el-button>
+          <el-button type="danger" text @click="handleDelete(scope.row.id)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
     <Pagination
       v-model:limit="searchForm.pageSize"
-      v-model:page="searchForm.pageNum"
+      v-model:page="searchForm.pageNo"
       :total="total"
-      @pagination="handleQuery"
+      @pagination="getList"
     />
 
     <DialogSupplier ref="brandDialog" @success="handleQuery" />
@@ -40,11 +44,18 @@
 </template>
 
 <script setup name="SupplierSet">
+import { dateFormatter } from '@/utils/formatTime'
 import DialogSupplier from './DialogSupplier.vue'
+import * as dictApi from '@/api/system/dict/dict.data'
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
 
 const searchForm = ref({
-  pageNum: 1,
-  pageSize: 20
+  label: '',
+  pageSize: 20,
+  pageNo: 1,
+  dictType: 'erp_supplier'
 })
 
 const total = ref(0)
@@ -53,43 +64,49 @@ const tableList = ref([])
 const loading = ref(false)
 
 function handleQuery() {
-  searchForm.value.pageNum = 1
+  searchForm.value.pageNo = 1
   getList()
 }
 function resetQuery() {
   searchForm.value = {
-    name: '',
+    label: '',
     pageSize: 20,
-    pageNum: 1
+    pageNo: 1,
+    dictType: 'erp_supplier'
   }
   getList()
 }
 
-function getList() {
-  tableList.value = [
-    {
-      id: 1,
-      name: '测试'
-    }
-  ]
-}
-
-function openForm(type, info) {
-  brandDialog.value.open(type, info)
-}
-
-async function handleDelete(row) {
+async function getList() {
+  loading.value = true
+  try {
+    const data = await dictApi.getDictDataPage(searchForm.value)
+    tableList.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+function openForm(type, id) {
+  brandDialog.value.open(type, id)
+}
+
+async function handleDelete(id) {
   try {
-    console.log(row)
     // 删除的二次确认
     await message.delConfirm()
     // 发起删除
-    // await UserApi.deleteUser(row.id)
+    await dictApi.deleteDictData(id)
     message.success(t('common.delSuccess'))
     // 刷新列表
     await getList()
   } catch {}
 }
+
+onMounted(() => {
+  handleQuery()
+})
 </script>
 
 <style lang="scss" scoped></style>