备忘本

linwenling

2023-09-26 20b237a429542bce0eb6e758bcc795796cf61261

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

@@ -1,29 +1,16 @@
<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
      <el-form-item label="" prop="phone wx qq twitter isAlways remark" >
        <el-input
          v-model:phone="queryParams.phone"
          v-model:wx="queryParams.wx"
          v-model:qq="queryParams.qq"
          v-model:twitter="queryParams.twitter"
          v-model:isAlways="queryParams.isAlways"
          v-model:remark="queryParams.remark"
          placeholder="在“通讯录”中搜索"
          clearable
          style="width: 240px"
          @keyup.enter.native="handleQuery">
          <i slot="prefix" class="el-input__icon el-icon-search"></i>
        </el-input>
        <!--        v-model="queryParams.id"-->
      </el-form-item>

      <el-form-item label="家人姓名" prop="myName" style="padding-left:180px">
      <el-form-item label="家人姓名" prop="myName" >
        <el-input
          v-model="queryParams.myName"
          placeholder="请输入家人姓名"
          clearable
          style="width: 240px"
          style="width: 200px;
                   height: 35px;
                   border-radius: 16px 16px 16px 16px;
                   opacity: 0.5;"
          @keyup.enter.native="handleQuery">
          <i slot="prefix" class="el-input__icon el-icon-search"></i>
        </el-input>
@@ -35,7 +22,10 @@
          v-model="queryParams.nickName"
          placeholder="请输入通讯录中称呼"
          clearable
          style="width: 240px"
          style="width: 200px;
                   height: 35px;
                   border-radius: 16px 16px 16px 16px;
                   opacity: 0.5;"
          @keyup.enter.native="handleQuery">
          <i slot="prefix" class="el-input__icon el-icon-search"></i>
        </el-input>
@@ -46,7 +36,10 @@
            v-model="queryParams.name"
            placeholder="请输入姓名"
            clearable
            style="width: 240px"
            style="width: 200px;
                   height: 35px;
                   border-radius: 16px 16px 16px 16px;
                   opacity: 0.5;"
            @keyup.enter.native="handleQuery">
            <i slot="prefix" class="el-input__icon el-icon-search"></i>
          </el-input>
@@ -56,7 +49,10 @@
            v-model="queryParams.work"
            placeholder="请输入工作单位"
            clearable
            style="width: 240px"
            style="width: 200px;
                   height: 35px;
                   border-radius: 16px 16px 16px 16px;
                   opacity: 0.5;"
            @keyup.enter.native="handleQuery"
          >
            <i slot="prefix" class="el-input__icon el-icon-search"></i>
@@ -140,7 +136,7 @@
    </el-row>

  </div>
    <el-table v-loading="loading" :data="contactList"  :row-key="getRowId" ref="multipleTable"  @selection-change="handleSelectionChange"  :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
    <el-table v-loading="loading" :data="contactList"  :row-key="getRowId" ref="multipleTable"  @selection-change="handleSelectionChange"  :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;" >
      <el-table-column type="selection" :reserve-selection="true" width="55"  align="center" />
      <el-table-column fixed label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="80"/>

@@ -160,12 +156,10 @@
      <el-table-column label="手机" prop="phone" sortable width="120" align="center" >
        <template slot-scope="scope">{{scope.row.phone? scope.row.phone: '————'}}</template>
      </el-table-column>
      <el-table-column label="其它联系方式" prop="wx qq twitter" sortable width="180" align="center" >
      <el-table-column label="其它联系方式" prop="wx qq twitter" sortable :show-overflow-tooltip="true" width="150" align="center" >
        <template slot-scope="scope">
          <span v-if="scope.row.wx || scope.row.qq || scope.row.twitter == true">
            {{scope.row.wx}}<br>
            {{scope.row.qq}}<br>
            {{scope.row.twitter}}
          <span v-if="scope.row.wx || scope.row.qq || scope.row.twitter == true" >
            {{scope.row.wx}}/{{scope.row.qq}}/{{scope.row.twitter}}
          </span>
          <span v-else>————</span>
        </template>