4.24日新增收藏与荣誉模块

Tcsm

2023-04-24 3b27872f10a6618af42fd86ff5c4602894fab589

 ruoyi-ui/src/views/contacts/index.vue

@@ -121,7 +121,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
  </div>
    <el-table v-loading="loading" :data="contactList"  @selection-change="handleSelectionChange">
    <el-table v-loading="loading" :data="contactList"  @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
      <el-table-column type="selection" width="25"  align="center" />
      <el-table-column label="成员姓名" prop="myName" sortable width="100" >
        <template slot-scope="scope">
@@ -156,7 +156,7 @@
          <span v-if="scope.row.isAlways== null">——</span>
        </template>
      </el-table-column>
      <el-table-column label="电子名片" prop="url" align="center" sortable  width="180">
      <el-table-column label="电子名片" prop="url" align="center" sortable  width="120">
        <template slot-scope="scope">
          <el-image style="width: 100px; height: 100px" :src="'http://47.93.189.255:8080/'+ scope.row.url" fit="cover"></el-image>
        </template>
@@ -504,6 +504,15 @@
      this.reset();
    },

    //隔行变色
    tableRowClassName({ row, rowIndex }) {
      if (rowIndex % 2 == 0) {
        return "statistics-warning-row1";
      } else {
        return "statistics-warning-row";
      }
    },

    /** 查询通讯录列表 */
    getList() {
      this.loading = true;
@@ -687,7 +696,16 @@
};
</script>

<style scoped>
<style >

.el-table__row.statistics-warning-row {
  background: #E0EEFE;

}
.el-table__row.statistics-warning-row1 {
  background: #FFEFF2;

}


</style>