利润结算表增加合同弹窗

src/views/salesMange/salesMange/profitSettlement/index.vue

@@ -27,7 +27,17 @@
     >
       <el-table v-loading="loading" :data="sourceList.data">
         <el-table-column label="合同编号">
-          <el-table-column label="" prop="contractCode" width="160" />
+          <el-table-column label="" prop="contractCode" width="160">
+            <template #default="{ row }">
+              <div style="width: 100%">
+                <a
+                  style="color: #409eff; cursor: pointer; word-break: break-all"
+                  @click="openDetails(row)"
+                  >{{ row.contractCode }}</a
+                >
+              </div>
+            </template>
+          </el-table-column>
         </el-table-column>
         <el-table-column label="客户名称">
           <el-table-column label="" prop="customerName" min-width="200" />
@@ -247,6 +257,14 @@
         >
       </template>
     </el-dialog>
+    <el-dialog
+      title="合同详情"
+      v-if="openDetailsDialog"
+      v-model="openDetailsDialog"
+      width="1100"
+    >
+      <ContractDetails :contractId="currentContractId"></ContractDetails>
+    </el-dialog>
   </div>
 </template>
 
@@ -256,6 +274,7 @@ import byTable from "@/components/byTable/index";
 import byForm from "@/components/byForm/index";
 import useUserStore from "@/store/modules/user";
 import { ElMessage } from "element-plus";
+import ContractDetails from "@/components/contractCom/contractDetails.vue";
 
 const { proxy } = getCurrentInstance();
 const accountCurrency = ref([]);
@@ -596,6 +615,12 @@ const clickCancelSettlement = (row) => {
       getList();
     });
 };
+const openDetailsDialog = ref(false);
+const currentContractId = ref("");
+const openDetails = (row) => {
+  currentContractId.value = row.contractId;
+  openDetailsDialog.value = true;
+};
 </script>
 
 <style lang="scss" scoped>