业绩提成增加查看合同详情

src/views/salesMange/salesMange/performance/index.vue

@@ -57,7 +57,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" />
@@ -281,6 +291,15 @@
         >
       </template>
     </el-dialog>
+
+    <el-dialog
+      title="合同详情"
+      v-if="openDetailsDialog"
+      v-model="openDetailsDialog"
+      width="1100"
+    >
+      <ContractDetails :contractId="currentContractId"></ContractDetails>
+    </el-dialog>
   </div>
 </template>
 
@@ -290,6 +309,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([]);
@@ -553,6 +573,12 @@ const submitChangeForm = () => {
       );
   });
 };
+const openDetailsDialog = ref(false);
+const currentContractId = ref("");
+const openDetails = (row) => {
+  currentContractId.value = row.contractId;
+  openDetailsDialog.value = true;
+};
 </script>
 
 <style lang="scss" scoped>