From ebddc02611b0373c1d5bfa342bd781fb5eb82009 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期二, 01 八月 2023 14:23:31 +0800
Subject: [PATCH] 侧边栏样式机销售明细单增加销售机会选择弹窗

---
 src/components/makepager/TableCommonView.vue |   65 +++++++++++++++++++++++++++-----
 1 files changed, 55 insertions(+), 10 deletions(-)

diff --git a/src/components/makepager/TableCommonView.vue b/src/components/makepager/TableCommonView.vue
index 9db25d6..129ae2b 100644
--- a/src/components/makepager/TableCommonView.vue
+++ b/src/components/makepager/TableCommonView.vue
@@ -13,7 +13,7 @@
       @selection-change="handleSelectionChange"
       :header-cell-style="{ background: '#ECF4FF', color: '#666' }"
     >
-      <el-table-column type="selection" width="40"> </el-table-column>
+      <el-table-column v-if="selectBox" type="selection" width="40"> </el-table-column>
       <el-table-column
         v-for="(item, i) in tableList.tableColumn"
         :key="i"
@@ -21,16 +21,27 @@
         :label="item.label"
         :width="item.width"
         :min-width="item.min"
-        show-overflow-tooltip="true"
-        sortable
+        show-overflow-tooltip
+        :sortable="item.sortable"
       >
         <template slot-scope="scope">
           <span v-if="item.price">{{ "锟�" + number_format(scope.row[item.prop], 2, ".", ",") }}</span>
-          <span v-else-if="item.status" :class="scope.row.status">{{ scope.row[item.prop] }}</span>
-          <span v-else>{{ scope.row[item.prop] }}</span>
+          <div v-else-if="item.status" :class="scope.row.status">{{ scope.row[item.prop] }}</div>
+          <span v-else-if="item.isTime">{{
+            dateFormat("YYYY-mm-dd HH:MM:SS", scope.row[item.prop]) === "1900-01-01 08:00:00"
+              ? "--"
+              : dateFormat("YYYY-mm-dd HH:MM:SS", scope.row[item.prop])
+          }}</span>
+          <span v-else-if="item.isClick" class="sel-name" @click="selNameClick(scope.row)">{{
+            scope.row[item.prop]
+          }}</span>
+          <span v-else>{{ scope.row[item.prop] ? scope.row[item.prop] : "--" }}</span>
         </template>
       </el-table-column>
       <slot name="tableButton" />
+      <div slot="empty">
+        <el-empty description="鏆傛棤鏁版嵁"></el-empty>
+      </div>
     </el-table>
   </div>
 </template>
@@ -39,10 +50,15 @@
 export default {
   name: "TableCommonView",
   props: {
+    selectBox: {
+      type: Boolean,
+      default: true
+    },
     tableList: {
       type: Object,
       default: () => {
         return {
+          selectBox: true,
           tableInfomation: [], // 鎺ュ彛杩斿洖鏁版嵁
           tableColumn: [
             // table琛ㄥ崟
@@ -101,19 +117,19 @@
             sums[index] = "鏈〉鎬昏"
           }
           const values = data.map((item) => Number(item[column.property]))
-          // if (column.property === this.showSummary.sumProp) {
           if (this.showSummary.sumProp.includes(column.property)) {
             sums[index + 1] = values.reduce((prev, curr) => {
               const value = Number(curr)
               if (!isNaN(value)) {
-                return this.number_format(prev + curr, 2, ".", ",")
+                return prev + curr
               } else {
-                return this.number_format(prev, 2, ".", ",")
+                return prev
               }
             }, 0)
             sums[index + 1]
           }
         })
+        // console.log(sums)
         return sums
       }
     },
@@ -144,6 +160,30 @@
         s[1] = s[1].substring(0, prec) //灏忔暟鐐逛綅鏁拌秴鍑洪暱搴︽椂鎴彇鍓嶉潰鐨勪綅鏁�
       }
       return s.join(dec)
+    },
+    // 鏃堕棿鏄剧ず
+    dateFormat(fmt, date) {
+      let ret = ""
+      date = new Date(date)
+      const opt = {
+        "Y+": date.getFullYear().toString(), // 骞�
+        "m+": (date.getMonth() + 1).toString(), // 鏈�
+        "d+": date.getDate().toString(), // 鏃�
+        "H+": date.getHours().toString(), // 鏃�
+        "M+": date.getMinutes().toString(), // 鍒�
+        "S+": date.getSeconds().toString() // 绉�
+        // 鏈夊叾浠栨牸寮忓寲瀛楃闇�姹傚彲浠ョ户缁坊鍔狅紝蹇呴』杞寲鎴愬瓧绗︿覆
+      }
+      for (let k in opt) {
+        ret = new RegExp("(" + k + ")").exec(fmt)
+        if (ret) {
+          fmt = fmt.replace(ret[1], ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, "0"))
+        }
+      }
+      return fmt
+    },
+    selNameClick(row) {
+      this.$emit("selCommonClick", row)
     }
   }
 }
@@ -156,11 +196,16 @@
   margin-right: 10px;
   margin-bottom: 40px;
   .blue {
-    padding: 10px;
+    width: 70px;
+    text-align: center;
     color: #fff;
-    background-color: blue;
+    background-color: $color-primary;
     border-radius: 4px;
   }
+  .sel-name {
+    color: $color-primary;
+    cursor: pointer;
+  }
 }
 ::v-deep {
   .el-table__footer-wrapper tbody td.el-table__cell {

--
Gitblit v1.8.0