销售合同页面功能优化

src/views/salesMange/saleContract/contract/index.vue

@@ -15,15 +15,6 @@
           },
         ]"
         @get-list="getList">
-        <!-- <template #code="{ item }">
-          <div style="width: 100%">
-            <a
-              style="color: #409eff; cursor: pointer; word-break: break-all"
-              @click="pushProcessApproval(item)"
-              >{{ item.code }}</a
-            >
-          </div>
-        </template> -->
         <template #code="{ item }">
           <div style="width: 100%">
             <a style="color: #409eff; cursor: pointer; word-break: break-all" @click="openDetails(item)">{{ item.code }}</a>
@@ -37,13 +28,11 @@
         </template>
         <template #amountCNY="{ item }">
           <div>
-            <!-- <span style="padding-right: 4px">{{ item.currency }}</span> -->
             <span>{{ moneyFormat(item.amountCNY, 2) }}</span>
           </div>
         </template>
         <template #sumClaimMoney="{ item }">
           <div>
-            <!-- <span style="padding-right: 4px">{{ item.currency }}</span> -->
             <span>{{ moneyFormat(item.sumClaimMoney, 2) }}</span>
           </div>
         </template>
@@ -65,6 +54,11 @@
             <span :style="getStyle(item.status)">{{ dictValueLabel(item.status, status) }}</span>
           </div>
         </template>
+        <template #buyCorporationId="{ item }">
+          <div style="cursor: pointer; color: #409eff; word-break: break-all" @click="handleClickName(item)">
+            {{ item.buyCorporationName }}
+          </div>
+        </template>
       </byTable>
     </div>
 
@@ -184,7 +178,7 @@ const config = computed(() => {
       attrs: {
         label: "合同类型",
         prop: "contractType",
-        width: 120,
+        width: 100,
       },
       render(type) {
         return proxy.dictValueLabel(type, contractType.value);
@@ -194,31 +188,22 @@ const config = computed(() => {
       attrs: {
         label: "合同编码",
         slot: "code",
-        width: 180,
+        width: 160,
       },
     },
     {
       attrs: {
         label: "客户",
-        prop: "buyCorporationId",
+        slot: "buyCorporationId",
         "min-width": 180,
       },
-      render(type) {
-        return proxy.dictValueLabel(type, customerList.value);
-      },
     },
-    // {
-    //   attrs: {
-    //     label: "版本号",
-    //     prop: "version",
-    //     width: 80,
-    //   },
-    // },
     {
       attrs: {
         label: "合同金额",
         slot: "amount",
         width: 120,
+        align: "right",
       },
     },
     {
@@ -226,6 +211,7 @@ const config = computed(() => {
         label: "合同金额(CNY)",
         slot: "amountCNY",
         width: 120,
+        align: "right",
       },
     },
     {
@@ -233,6 +219,7 @@ const config = computed(() => {
         label: "已到账金额(CNY)",
         slot: "sumClaimMoney",
         width: 140,
+        align: "right",
       },
     },
     {
@@ -353,15 +340,11 @@ const config = computed(() => {
             },
             el: "button",
             click() {
-              ElMessageBox.confirm(
-                "此操作将作废该数据, 是否继续?",
-                "提示",
-                {
-                  confirmButtonText: "确定",
-                  cancelButtonText: "取消",
-                  type: "warning",
-                }
-              ).then(() => {
+              ElMessageBox.confirm("此操作将作废该数据, 是否继续?", "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning",
+              }).then(() => {
                 proxy
                   .post("/contract/edit", {
                     id: row.id,
@@ -596,6 +579,14 @@ const getStyle = (status) => {
     return {};
   }
 };
+const handleClickName = (row) => {
+  proxy.$router.push({
+    path: "/ERP/customer/portrait",
+    query: {
+      id: row.buyCorporationId,
+    },
+  });
+};
 </script>
 
 <style lang="scss" scoped>