From 3e84c423f8b76c003d70d54ff5c57c2402b17bf8 Mon Sep 17 00:00:00 2001
From: chenrui <1187576398@qq.com>
Date: 星期一, 12 五月 2025 10:52:18 +0800
Subject: [PATCH] 供应商管理前后端联调

---
 src/views/basicData/supplierManage/index.vue |  333 +++++++++++++++++++++++++++++++++++++++++++++++
 src/api/basicData/supplierManageFile.js      |   52 +++++++
 2 files changed, 385 insertions(+), 0 deletions(-)

diff --git a/src/api/basicData/supplierManageFile.js b/src/api/basicData/supplierManageFile.js
new file mode 100644
index 0000000..3b1ab97
--- /dev/null
+++ b/src/api/basicData/supplierManageFile.js
@@ -0,0 +1,52 @@
+// 渚涘簲鍟嗘。妗堥〉闈㈡帴鍙�
+import request from '@/utils/request'
+
+// 鍒嗛〉鏌ヨ
+export function listSupplier(query) {
+    return request({
+        url: '/system/supplier/listPage',
+        method: 'get',
+        params: query
+    })
+}
+// 鏌ヨ渚涘簲鍟嗕俊鎭缁�
+export function getSupplier(id) {
+    return request({
+        url: '/system/supplier/' + id,
+        method: 'get'
+    })
+}
+// 鏂板渚涘簲鍟嗕俊鎭�
+export function addSupplier(data) {
+    return request({
+        url: '/system/supplier/add',
+        method: 'post',
+        data: data
+    })
+}
+// 淇敼渚涘簲鍟嗕俊鎭�
+export function updateSupplier(data) {
+    return request({
+        url: '/system/supplier/update',
+        method: 'post',
+        data: data
+    })
+}
+// 瀵煎嚭渚涘簲鍟嗕俊鎭�
+export function exportSupplier(query) {
+    return request({
+        url: '/system/supplier/export',
+        method: 'get',
+        params: query,
+        responseType: 'blob'
+    })
+}
+// 鍒犻櫎渚涘簲鍟嗕俊鎭�
+export function delSupplier(ids) {
+    return request({
+        url: '/system/supplier/del',
+        method: 'delete',
+        data: ids
+    })
+}
+
diff --git a/src/views/basicData/supplierManage/index.vue b/src/views/basicData/supplierManage/index.vue
new file mode 100644
index 0000000..e9932c6
--- /dev/null
+++ b/src/views/basicData/supplierManage/index.vue
@@ -0,0 +1,333 @@
+<template>
+  <div class="app-container">
+    <div class="search_form">
+      <div>
+        <span class="search_title">渚涘簲鍟嗘。妗堬細</span>
+        <el-input
+            v-model="searchForm.supplierName"
+            style="width: 240px"
+            placeholder="杈撳叆渚涘簲鍟嗗悕绉版悳绱�"
+            @change="handleQuery"
+            clearable
+            :prefix-icon="Search"
+        />
+        <el-button type="primary" @click="handleQuery" style="margin-left: 10px">鎼滅储</el-button>
+      </div>
+      <div>
+        <el-button type="primary" @click="openForm('add')">鏂板渚涘簲鍟�</el-button>
+        <el-button @click="handleOut">瀵煎嚭</el-button>
+        <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button>
+      </div>
+    </div>
+    <div class="table_list">
+      <PIMTable :column="tableColumn" :tableData="tableData" :page="page" :handleSelectionChange="handleSelectionChange"
+                :tableLoading="tableLoading" @pagination="pagination" :total="total"></PIMTable>
+    </div>
+    <el-dialog v-model="dialogFormVisible" :title="operationType === 'add' ? '鏂板渚涘簲鍟嗕俊鎭�' : '缂栬緫渚涘簲鍟嗕俊鎭�'" width="70%" @close="closeDia">
+      <el-form :model="form" label-width="140px" label-position="top" :rules="rules" ref="formRef">
+        <el-row :gutter="30">
+          <el-col :span="12">
+            <el-form-item label="渚涘簲鍟嗗悕绉帮細" prop="supplierName">
+              <el-input v-model="form.supplierName" placeholder="璇疯緭鍏�" clearable/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="绾崇◣浜鸿瘑鍒彿锛�" prop="taxpayerIdentificationNum">
+              <el-input v-model="form.taxpayerIdentificationNum" placeholder="璇疯緭鍏�" clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="30">
+          <el-col :span="12">
+            <el-form-item label="鍏徃鍦板潃锛�" prop="companyAddress">
+              <el-input v-model="form.companyAddress" placeholder="璇疯緭鍏�" clearable/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鍏徃鐢佃瘽锛�" prop="companyPhone">
+              <el-input v-model="form.companyPhone" placeholder="璇疯緭鍏�" clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="30">
+          <el-col :span="12">
+            <el-form-item label="寮�鎴疯锛�" prop="bankAccountName">
+              <el-input v-model="form.bankAccountName" placeholder="璇疯緭鍏�" clearable/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="璐﹀彿锛�" prop="bankAccountNum">
+              <el-input v-model="form.bankAccountNum" placeholder="璇疯緭鍏�" clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="30">
+          <el-col :span="12">
+            <el-form-item label="鑱旂郴浜猴細" prop="contactUserName">
+              <el-input v-model="form.contactUserName" placeholder="璇疯緭鍏�" clearable/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鑱旂郴鐢佃瘽锛�" prop="contactUserPhone">
+              <el-input v-model="form.contactUserPhone" placeholder="璇疯緭鍏�" clearable/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="30">
+          <el-col :span="12">
+            <el-form-item label="缁存姢浜猴細" prop="maintainUserId">
+              <el-select v-model="form.maintainUserId" placeholder="璇烽�夋嫨" clearable>
+                <el-option v-for="item in userList" :key="item.nickName" :label="item.nickName" :value="item.userId"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="缁存姢鏃堕棿锛�" prop="maintainTime">
+              <el-date-picker
+                  style="width: 100%"
+                  v-model="form.maintainTime"
+                  value-format="YYYY-MM-DD"
+                  format="YYYY-MM-DD"
+                  type="date"
+                  placeholder="璇烽�夋嫨"
+                  clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">纭</el-button>
+          <el-button @click="closeDia">鍙栨秷</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import {Search} from "@element-plus/icons-vue";
+import { delSupplier} from "@/api/basicData/supplierManageFile.js";
+import {ElMessageBox } from "element-plus";
+import {userListNoPage} from "@/api/system/user.js";
+import {addSupplier,getSupplier,listSupplier,updateSupplier} from "../../../api/basicData/supplierManageFile.js";
+const { proxy } = getCurrentInstance()
+
+const tableColumn = ref([
+  {
+    label: '渚涘簲鍟嗗悕绉�',
+    prop: 'supplierName',
+  },
+  {
+    label: '鍏徃鍦板潃',
+    prop: 'companyAddress'
+  },
+  {
+    label: '鑱旂郴鏂瑰紡',
+    prop: 'companyPhone'
+  },
+  {
+    label: '寮�鎴疯',
+    prop: 'bankAccountName'
+  },
+  {
+    label: '璐﹀彿',
+    prop: 'bankAccountNum'
+  },
+  {
+    label: '鑱旂郴浜�',
+    prop: 'contactUserName',
+  },
+  {
+    label: '鑱旂郴鐢佃瘽',
+    prop: 'contactUserPhone',
+  },
+  {
+    label: '缁存姢浜�',
+    prop: 'maintainUserName',
+  },
+
+  {
+    label: '缁存姢鏃堕棿',
+    prop: 'maintainTime',
+  },
+  {
+    dataType: "action",
+    label: "鎿嶄綔",
+    align: 'center',
+    operation: [
+      {
+        name: "缂栬緫",
+        type: "text",
+        clickFun: (row) => {
+          openForm('edit', row);
+        },
+      },
+    ],
+  },
+])
+const tableData = ref([])
+const selectedRows = ref([])
+const userList = ref([])
+const tableLoading = ref(false)
+const page = reactive({
+  current: 1,
+  size: 10,
+})
+const total = ref(0)
+
+// 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
+const operationType = ref('')
+const dialogFormVisible = ref(false)
+const data = reactive({
+  searchForm: {
+    supplierName: '',
+  },
+  form: {
+    supplierName: '',
+    taxpayerIdentificationNum: '',
+    companyAddress: '',
+    companyPhone: '',
+    bankAccountName:'',
+    bankAccountNum:'',
+    contactUserName: '',
+    contactUserPhone: '',
+    maintainUserId: '',
+    maintainTime: '',
+  },
+  rules: {
+    supplierName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+    taxpayerIdentificationNum: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+    companyAddress: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+    companyPhone: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+    bankAccountName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+    bankAccountNum: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+    contactUserName: [{ required: false, message: "璇疯緭鍏�", trigger: "blur" }],
+    contactUserPhone: [{ required: false, message: "璇疯緭鍏�", trigger: "blur" }],
+    maintainUserId: [{ required: false, message: "璇烽�夋嫨", trigger: "change" }],
+    maintainTime: [{ required: false, message: "璇烽�夋嫨", trigger: "change" }],
+  }
+})
+const { searchForm, form, rules } = toRefs(data)
+
+// 鏌ヨ鍒楄〃
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+const handleQuery = () => {
+  page.current = 1
+  getList()
+}
+const pagination = ({ current, limit }) => {
+  page.current = current;
+  page.size = limit;
+  getList()
+}
+const getList = () => {
+  tableLoading.value = true
+  listSupplier({...searchForm.value, ...page}).then(res => {
+    tableLoading.value = false
+    tableData.value = res.data.records
+    total.value = res.total
+  })
+}
+// 琛ㄦ牸閫夋嫨鏁版嵁
+const handleSelectionChange = (selection) => {
+  selectedRows.value = selection
+}
+// 鎵撳紑寮规
+const openForm = (type, row) => {
+  operationType.value = type
+  form.value = {}
+  userListNoPage().then(res => {
+    userList.value = res.data
+  })
+  if (type === 'edit') {
+    getSupplier(row.id).then(res => {
+      form.value = {...res.data}
+    })
+  }
+  dialogFormVisible.value = true
+}
+// 鎻愪氦琛ㄥ崟
+const submitForm = () => {
+  proxy.$refs["formRef"].validate(valid => {
+    if (valid) {
+      if (operationType.value === "edit") {
+        submitEdit()
+      } else {
+        submitAdd()
+      }
+    }
+  })
+}
+// 鎻愪氦鏂板
+const submitAdd = () => {
+  addSupplier(form.value).then(res => {
+    proxy.$modal.msgSuccess("鎻愪氦鎴愬姛")
+    closeDia()
+    getList()
+  })
+}
+// 鎻愪氦淇敼
+const submitEdit = () => {
+  updateSupplier(form.value).then(res => {
+    proxy.$modal.msgSuccess("鎻愪氦鎴愬姛")
+    closeDia()
+    getList()
+  })
+}
+// 鍏抽棴寮规
+const closeDia = () => {
+  proxy.resetForm("formRef")
+  dialogFormVisible.value = false
+}
+// 瀵煎嚭
+const handleOut = () => {
+  ElMessageBox.confirm(
+      '閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�',
+      '瀵煎嚭', {
+        confirmButtonText: '纭',
+        cancelButtonText: '鍙栨秷',
+        type: 'warning',
+      }
+  ).then(() => {
+    proxy.download("/system/supplier/export", {}, '渚涘簲鍟嗘。妗�.xlsx')
+  }).catch(() => {
+    proxy.$modal.msg("宸插彇娑�")
+  })
+}
+// 鍒犻櫎
+const handleDelete = () => {
+  let ids = []
+  if (selectedRows.value.length > 0) {
+    ids = selectedRows.value.map(item => item.id);
+  } else {
+    proxy.$modal.msgWarning('璇烽�夋嫨鏁版嵁')
+    return
+  }
+  ElMessageBox.confirm(
+      '閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�',
+      '鍒犻櫎鎻愮ず', {
+        confirmButtonText: '纭',
+        cancelButtonText: '鍙栨秷',
+        type: 'warning',
+      }
+  ).then(() => {
+    tableLoading.value = true
+    delSupplier(ids).then(res => {
+      proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛")
+      getList()
+    }).finally(() => {
+      tableLoading.value = false
+    })
+  }).catch(() => {
+    proxy.$modal.msg("宸插彇娑�")
+  })
+}
+getList()
+</script>
+
+<style scoped lang="scss">
+
+</style>

--
Gitblit v1.9.3