zzq
2023-09-26 25b727a5dc28f3c2d225c5e017da58f35c6b84b3
src/components/makepager/TableCommonView.vue
@@ -35,21 +35,19 @@
      >
        <template slot-scope="scope">
          <span v-if="item.price">{{ "¥" + number_format(scope.row[item.prop], 2, ".", ",") }}</span>
          <!-- 带点的功能 -->
          <!-- 状态显示 -->
          <div v-else-if="item.status">
            <!-- <span v-if="scope.row.status == '完成'" class="Badge greenSlot"></span>
            <span v-else-if="scope.row.status == '草稿'" class="Badge redSlot"></span>
            <span v-else-if="scope.row.status == '就绪'" class="Badge redSlot"></span>
            <span v-else-if="scope.row.status == '已取消'" class="Badge yellowSlot"></span> -->
            <span
              class="Badge"
              :class="{
                greenSlot: scope.row.status == '完成',
                redSlot: scope.row.status == '已取消',
                blueSlot: scope.row.status == '就绪',
                graySlot: scope.row.status == '草稿'
                greenSlot: scope.row.status == '4',
                redSlot: scope.row.status == '5',
                blueSlot: scope.row.status == '3',
                graySlot: scope.row.status == '1'
              }"
              >{{ scope.row[item.prop] }}</span
              >{{
                item.isCallMethod ? item.getCallMethod(scope.row[item.prop], scope.row) : scope.row[item.prop]
              }}</span
            >
          </div>
          <!-- 调用方法显示文字 -->
@@ -62,12 +60,18 @@
            :style="{ color: new Date().getTime() > new Date(scope.row[item.prop]).getTime() ? '#D23F3A' : '#606266' }"
            >{{ timeAgo(scope.row[item.prop]) }}</span
          >
          <div v-else-if="item.conversion">
            <span>{{ item.getStatus(scope.row[item.prop]) }}</span>
          </div>
          <span
            v-else-if="item.isClick && scope.row[item.prop]"
            :class="item.className ? item.className : 'sel-name'"
            @click="selCommonClick(scope.row)"
            >{{ scope.row[item.prop] }}</span
          >
          <span v-else-if="item.propType == 'mulitple'">
            {{ scope.row[item.prop][item.propTwo] ? scope.row[item.prop][item.propTwo] : "--" }}
          </span>
          <span :class="item.className ? item.className : ''" v-else>{{
            scope.row[item.prop] ? scope.row[item.prop] : scope.row[item.prop] === 0 ? scope.row[item.prop] : "--"
          }}</span>
@@ -79,7 +83,7 @@
      </div>
    </el-table>
    <div class="overSpread1" v-show="iscolopen" @click="onMaskClick"></div>
    <div class="styleBtn">
    <div v-if="showCheckcol" class="styleBtn">
      <i @click="checkcol()" class="label">...</i>
      <el-checkbox-group v-model="showcolList" v-show="iscolopen" class="checkbox-group" @change="selCeckBoxList">
        <el-checkbox v-for="item in tableList.allcol" :label="item" :key="item">{{ item }} </el-checkbox>
@@ -133,6 +137,10 @@
      default: () => {
        return {}
      }
    },
    showCheckcol: {
      type: Boolean,
      default: true
    }
  },
  data() {