From a1ce4c3b8e48d95a590346a3fe1b45fdd3ca650f Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期四, 15 五月 2025 17:43:20 +0800
Subject: [PATCH] 付款登记-前端开发联调
---
src/views/procurementManagement/procurementLedger/index.vue | 68 ++++++++++++++++++++++++++++------
1 files changed, 56 insertions(+), 12 deletions(-)
diff --git a/src/views/procurementManagement/procurementLedger/index.vue b/src/views/procurementManagement/procurementLedger/index.vue
index f54c869..393d7aa 100644
--- a/src/views/procurementManagement/procurementLedger/index.vue
+++ b/src/views/procurementManagement/procurementLedger/index.vue
@@ -50,7 +50,7 @@
<el-table-column label="閲囪喘鍚堝悓鍙�" prop="purchaseContractNumber" show-overflow-tooltip/>
<el-table-column label="閿�鍞悎鍚屽彿" prop="salesContractNo" show-overflow-tooltip/>
<el-table-column label="渚涘簲鍟嗗悕绉�" prop="supplierName" show-overflow-tooltip/>
- <el-table-column label="涓氬姟鍛�" prop="salesman" show-overflow-tooltip/>
+ <el-table-column label="涓氬姟鍛�" prop="businessPerson" show-overflow-tooltip/>
<el-table-column label="椤圭洰鍚嶇О" prop="projectName" show-overflow-tooltip/>
<el-table-column label="鍚堝悓閲戦(鍏�)" prop="contractAmount" show-overflow-tooltip/>
<el-table-column label="褰曞叆浜�" prop="recorderName" show-overflow-tooltip/>
@@ -82,8 +82,10 @@
</el-row>
<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 label="渚涘簲鍟嗗悕绉帮細" prop="supplierId">
+ <el-select v-model="form.supplierId" placeholder="璇烽�夋嫨" clearable>
+ <el-option v-for="item in supplierList" :key="item.id" :label="item.supplierName" :value="item.id"/>
+ </el-select>
</el-form-item>
</el-col>
<el-col :span="12">
@@ -94,8 +96,22 @@
</el-row>
<el-row :gutter="30">
<el-col :span="12">
+ <el-form-item label="涓氬姟鍛橈細" prop="businessPersonId">
+ <el-select v-model="form.businessPersonId" placeholder="璇烽�夋嫨" clearable @change="setPhone">
+ <el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鐢佃瘽锛�" prop="phoneNumber">
+ <el-input v-model="form.phoneNumber" placeholder="璇疯緭鍏�" clearable/>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="30">
+ <el-col :span="12">
<el-form-item label="褰曞叆浜猴細" prop="recorderId">
- <el-select v-model="form.recorderId" placeholder="璇烽�夋嫨" clearable>
+ <el-select v-model="form.recorderId" placeholder="璇烽�夋嫨" clearable disabled>
<el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId"/>
</el-select>
</el-form-item>
@@ -103,6 +119,7 @@
<el-col :span="12">
<el-form-item label="褰曞叆鏃ユ湡锛�" prop="entryDate">
<el-date-picker
+ disabled
style="width: 100%"
v-model="form.entryDate"
value-format="YYYY-MM-DD"
@@ -273,7 +290,7 @@
delPurchase,
getSalesNo,
purchaseList,
- productList, getPurchaseById
+ productList, getPurchaseById, getOptions
} from "@/api/procurementManagement/procurementLedger.js";
const { proxy } = getCurrentInstance()
const tableData = ref([])
@@ -282,6 +299,7 @@
const productSelectedRows = ref([])
const userList = ref([])
const salesContractList = ref([])
+const supplierList = ref([])
const tableLoading = ref(false)
const page = reactive({
current: 1,
@@ -289,6 +307,9 @@
})
const total = ref(0)
const fileList = ref([])
+import useUserStore from "@/store/modules/user"
+
+const userStore = useUserStore()
// 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
const operationType = ref('')
@@ -303,14 +324,19 @@
projectName: '',
recorderId: '',
entryDate: '',
- productData: []
+ productData: [],
+ businessPersonId: '',
+ phoneNumber: '',
+ supplierName: '',
+ supplierId: '',
},
rules: {
purchaseContractNumber: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
salesLedgerId: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
projectName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
- recorderId: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
- entryDate: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
+ businessPersonId: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
+ phoneNumber: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+ supplierId: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
}
})
const { searchForm, form, rules } = toRefs(data)
@@ -349,6 +375,7 @@
// 璁剧疆涓婁紶鐨勮姹傚ご閮�
headers: { Authorization: "Bearer " + getToken() },
})
+
// 鏌ヨ鍒楄〃
/** 鎼滅储鎸夐挳鎿嶄綔 */
@@ -460,6 +487,11 @@
getSalesNo().then(res => {
salesContractList.value = res
})
+ getOptions().then(res => {
+ supplierList.value = res.data
+ })
+ form.value.recorderId = userStore.id
+ form.value.entryDate = getCurrentDate();
if (type === 'edit') {
currentId.value = row.id;
getPurchaseById({id: row.id, type: 2}).then(res => {
@@ -474,10 +506,14 @@
}
dialogFormVisible.value = true
}
+// 璧嬪�肩數璇�
+const setPhone = (id) => {
+ form.value.phoneNumber = userList.value.find(u => u.userId === id)?.phonenumber || '';
+}
// 涓婁紶鍓嶆牎妫�
function handleBeforeUpload(file) {
// 鏍℃鏂囦欢澶у皬
- if (file.size > 1024 * 1024) {
+ if (file.size > 1024 * 1024 * 10) {
proxy.$modal.msgError('涓婁紶鏂囦欢澶у皬涓嶈兘瓒呰繃10MB!')
return false
}
@@ -502,11 +538,10 @@
}
// 绉婚櫎鏂囦欢
function handleRemove (file) {
- console.log('handleRemove', file)
- console.log('operationType.value', operationType.value)
+ console.log('handleRemove', file.id)
if (operationType.value === 'edit') {
let ids = []
- ids.push(file.value.id)
+ ids.push(file.id)
delLedgerFile(ids).then(res => {
proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛")
})
@@ -566,6 +601,7 @@
}
const submitProductEdit = () => {
productForm.value.salesLedgerId = currentId.value
+ productForm.value.type = 2
addOrUpdateSalesLedgerProduct(productForm.value).then(res => {
proxy.$modal.msgSuccess("鎻愪氦鎴愬姛")
closeProductDia()
@@ -658,6 +694,14 @@
proxy.$modal.msg("宸插彇娑�")
})
}
+// 鑾峰彇褰撳墠鏃ユ湡骞舵牸寮忓寲涓� YYYY-MM-DD
+function getCurrentDate() {
+ const today = new Date();
+ const year = today.getFullYear();
+ const month = String(today.getMonth() + 1).padStart(2, '0'); // 鏈堜唤浠�0寮�濮�
+ const day = String(today.getDate()).padStart(2, '0');
+ return `${year}-${month}-${day}`;
+}
getList()
</script>
--
Gitblit v1.9.3