From 4cc27f93a1901e12eb12a198029911c483dd991f Mon Sep 17 00:00:00 2001
From: maven <2163098428@qq.com>
Date: 星期三, 27 八月 2025 14:30:57 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/dev_JLMY' into dev_JLMY

---
 src/views/salesOutbound/index.vue |  157 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 156 insertions(+), 1 deletions(-)

diff --git a/src/views/salesOutbound/index.vue b/src/views/salesOutbound/index.vue
index fef7e86..8f06840 100644
--- a/src/views/salesOutbound/index.vue
+++ b/src/views/salesOutbound/index.vue
@@ -37,6 +37,7 @@
       </el-tabs>
       <!-- 鎿嶄綔鎸夐挳鍖� -->
       <el-space>
+        <el-button type="primary" @click="openForm('add')">鏂板搴旀敹</el-button>
         <el-button type="primary" :icon="Plus" @click="openDia(undefined, 'add')">鏂板缓</el-button>
         <el-button type="danger" :icon="Delete" @click="handleDelete">鍒犻櫎</el-button>
         <el-button type="info" plain :icon="Download" @click="handleExport">瀵煎嚭</el-button>
@@ -65,18 +66,136 @@
       />
     </el-card>
     <form-dia ref="formDia" @closeDia="handleQuery"></form-dia>
+    
+    <!-- 鏂板搴旀敹寮圭獥 -->
+    <el-dialog
+      v-model="dialogFormVisible"
+      title="鏂板搴旀敹"
+      width="70%"
+      @close="closeDia"
+    >
+      <el-form
+        :model="former"
+        label-width="140px"
+        label-position="top"
+        :rules="rules"
+        ref="formRef"
+      >
+        <el-row :gutter="30">
+          <el-col :span="12">
+            <el-form-item label="瀹㈡埛鍚嶇О锛�" prop="customer">
+              <el-input
+                v-model="former.customer"
+                placeholder="鑷姩濉厖"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鐓ょ锛�" prop="coal">
+              <el-input
+                v-model="former.coal"
+                placeholder="鑷姩濉厖"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="30">
+          <el-col :span="12">
+            <el-form-item label="閿�鍞�婚噾棰�(鍏�)锛�" prop="totalAmount">
+              <el-input
+                type="number"
+                v-model="former.totalAmount"
+                placeholder="鑷姩濉厖"
+                :step="0.01"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鏈搴旀敹閲戦锛�" prop="receiptPaymentAmount">
+              <el-input-number :step="0.01" :min="0" style="width: 100%"
+															 :precision="2"
+                v-model="former.receiptPaymentAmount"
+                placeholder="璇疯緭鍏�"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="30">
+          <el-col :span="12">
+            <el-form-item label="鍥炴褰㈠紡锛�" prop="receiptPaymentType">
+              <el-select
+                v-model="former.receiptPaymentType"
+                placeholder="璇烽�夋嫨"
+                clearable
+              >
+                <el-option
+                  v-for="item in receipt_payment_type"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鐧昏浜猴細" prop="registrant">
+              <el-input
+                v-model="former.registrant"
+                placeholder="璇疯緭鍏�"
+                clearable
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="30">
+          <el-col :span="12">
+            <el-form-item label="鏉ユ鏃ユ湡锛�" prop="receiptPaymentDate">
+              <el-date-picker
+                style="width: 100%"
+                v-model="former.receiptPaymentDate"
+                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, reactive, onMounted} from "vue";
+import {ref, reactive, onMounted, nextTick} from "vue";
 const { proxy } = getCurrentInstance()
+const { receipt_payment_type } = proxy.useDict("receipt_payment_type");
 import {Delete, Download, Plus} from "@element-plus/icons-vue";
 import { ElMessage } from "element-plus";
 import ETable from "@/components/Table/ETable.vue";
 import Pagination from "@/components/Pagination/index.vue";
 import FormDia from "@/views/salesOutbound/components/formDia.vue";
 import {delSalesRecord, salesRecordList} from "@/api/salesOutbound/index.js";
+import {
+  receiptPaymentSaveOrUpdate,
+  bindInvoiceNoRegPage,
+  invoiceInfo,
+  receiptPaymentHistoryListNoPage,
+  receiptPaymentDel,
+} from "@/api/salesManagement/receiptPayment.js";
+
 
 const formDia = ref()
 const activeTab = ref("out");
@@ -87,6 +206,7 @@
 // 琛ㄦ牸鏁版嵁
 const operationsArr = ref(['edit', 'viewRow']);
 const tableLoading = ref(false);
+const dialogFormVisible = ref(false);
 const tableData = ref([]);
 const columns = ref([
   { prop: "saleDate", label: "閿�鍞棩鏈�", minWidth: 160 },
@@ -111,6 +231,8 @@
 const total = ref(0);
 const pageNum = ref(1);
 const pageSize = ref(10);
+const former = ref({})
+
 // 鏌ヨ鍙傛暟
 const queryParams = reactive({
 	saleDate: "",
@@ -200,6 +322,39 @@
 const handleSelectionChange = (selection) => {
   selectedRows.value = selection;
 };
+
+// 鎵撳紑寮规
+const openForm = () => {
+  if (selectedRows.value.length !== 1) {
+    proxy.$modal.msgError("璇烽�夋嫨涓�鏉℃暟鎹�");
+    return;
+  }
+  invoiceInfo({ id: selectedRows.value[0].id }).then((res) => {
+    console.log(res.data)
+    former.value = { ...res.data };
+    former.value.salesRecordId = former.value.id;
+    former.value.id = "";
+    // form.value.registrant = userStore.nickName;
+  });
+  dialogFormVisible.value = true;
+};
+// 鎻愪氦琛ㄥ崟
+const submitForm = () => {
+  proxy.$refs["formRef"].validate((valid) => {
+    if (valid) {
+      receiptPaymentSaveOrUpdate(former.value).then((res) => {
+        proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+        closeDia();
+        getList();
+      });
+    }
+  });
+};
+// 鍏抽棴寮规
+const closeDia = () => {
+  proxy.resetForm("formRef");
+  dialogFormVisible.value = false;
+};
 </script>
 
 <style scoped>

--
Gitblit v1.9.3