资金流水页面增加“销售合同号”展示

src/views/finance/fundManage/flow/index.vue

@@ -30,6 +30,15 @@
             <span>{{ moneyFormat(item.amount, 2) }}</span>
           </div>
         </template>
+        <template #contractCodes="{ item }">
+          <div style="width: 100%">
+            <div v-if="item.contractCodes">
+              <div v-for="(contract, index) in item.contractCodes.split(',')" :key="index">
+                <a style="color: #409eff; cursor: pointer; word-break: break-all" @click="openDetails(contract)">{{ contract }}</a>
+              </div>
+            </div>
+          </div>
+        </template>
       </byTable>
     </div>
 
@@ -146,6 +155,15 @@
         <el-button type="primary" @click="submitSearch()" size="large">确 定</el-button>
       </template>
     </el-dialog>
+
+    <el-dialog title="打印" v-if="openPrint" v-model="openPrint" width="860">
+      <ContractPDF :rowData="rowData"></ContractPDF>
+      <template #footer>
+        <el-button @click="openPrint = false" size="large">取消</el-button>
+        <el-button v-print="printObj" size="large">打印</el-button>
+        <el-button type="primary" @click="clickDownload()" size="large">下载PDF</el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
@@ -156,6 +174,7 @@ import byForm from "@/components/byForm/index";
 import useUserStore from "@/store/modules/user";
 import { ElMessage, ElMessageBox } from "element-plus";
 import moment from "moment";
+import ContractPDF from "@/components/PDF/contractPDF.vue";
 
 const { proxy } = getCurrentInstance();
 const accountCurrency = ref([]);
@@ -229,6 +248,13 @@ const config = computed(() => {
     },
     {
       attrs: {
+        label: "关联销售合同",
+        slot: "contractCodes",
+        width: 160,
+      },
+    },
+    {
+      attrs: {
         label: "资金账户",
         prop: "accountManagementName",
         width: 200,
@@ -605,6 +631,23 @@ const submitSearch = () => {
   sourceList.value.pagination.pageNum = 1;
   getList();
 };
+const openPrint = ref(false);
+const rowData = ref({});
+const openDetails = (val) => {
+  rowData.value = {
+    code: val,
+  };
+  openPrint.value = true;
+};
+const printObj = ref({
+  id: "printMe",
+  popTitle: "",
+  extraCss: "https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.compat.css, https://cdn.bootcdn.net/ajax/libs/hover.css/2.3.1/css/hover-min.css",
+  extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>',
+});
+const clickDownload = () => {
+  proxy.getPdf("外销合同PDF文件");
+};
 </script>
 
 <style lang="scss" scoped>