yangfeng
2023-08-03 624e812b40ac87bf8d7a17b83b4a3bc3bbd901fb
src/components/makepager/TableCommonView.vue
@@ -1,5 +1,5 @@
<template>
  <div class="page-view">
  <div class="table-view">
    <el-table
      ref="table"
      border
@@ -32,9 +32,27 @@
              ? "--"
              : 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)">{{
          <span v-else-if="item.isClick && scope.row[item.prop]" class="sel-name" @click="selNameClick(scope.row)">{{
            scope.row[item.prop]
          }}</span>
          <span
            v-else-if="item.isSalesLeadClick && scope.row[item.prop]"
            class="sel-name"
            @click="selSalesLeadClick(scope.row)"
            >{{ scope.row[item.prop] }}</span
          >
          <span
            v-else-if="item.isClientClick && scope.row[item.prop]"
            class="sel-name"
            @click="selClientClick(scope.row)"
            >{{ scope.row[item.prop] ? scope.row[item.prop] : "--" }}</span
          >
          <span
            v-else-if="item.isContactClick && scope.row[item.prop]"
            class="sel-name"
            @click="selContactsClick(scope.row)"
            >{{ scope.row[item.prop] }}</span
          >
          <span v-else>{{ scope.row[item.prop] ? scope.row[item.prop] : "--" }}</span>
        </template>
      </el-table-column>
@@ -184,6 +202,15 @@
    },
    selNameClick(row) {
      this.$emit("selCommonClick", row)
    },
    selSalesLeadClick(row) {
      this.$emit("selSalesLeadClick", row)
    },
    selClientClick(row) {
      this.$emit("selClientClick", row)
    },
    selContactsClick(row) {
      this.$emit("selContactsClick", row)
    }
  }
}
@@ -191,10 +218,10 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.page-view {
  margin-top: 20px;
.table-view {
  // margin-top: 20px;
  margin-right: 10px;
  margin-bottom: 40px;
  // margin-bottom: 40px;
  .blue {
    width: 70px;
    text-align: center;