备忘本

linwenling

2023-09-26 d428cdd48ff4c4dfdeb8c996b94ffc20803ca3a9

 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>
@@ -177,6 +171,10 @@
          <span v-if="scope.row.isAlways== null">——</span>
        </template>
      </el-table-column>
      <el-table-column label="是否是本家庭记录" prop="ownData" sortable width="150px" >
        <template slot-scope="scope">{{scope.row.ownData === 0 ? '否': '是'}}</template>
      </el-table-column>


      <el-table-column label="备注（是否存在金钱关系）" prop="remark" sortable width="120" align="center">
        <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template>
@@ -279,8 +277,10 @@
          </el-input>
        </el-form-item>
        <el-form-item label="是否常联系" prop="isAlways">
          <el-input v-model="formDat.isAlways" placeholder="是否常联系" clearable :style="{width: '100%'}" >
          </el-input>
          <el-select v-model="formDat.isAlways" placeholder="请选择是否常联系" clearable :style="{width: '100%'}"  >
            <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value"
            ></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="备注（是否存在金钱关系）" prop="remark">
@@ -524,7 +524,14 @@
          trigger: 'blur'
        }],
      },
      typeOptions: [],
      typeOptions: [{
        value: '1',
        label: '是',
      },
        {
          value: '0',
          label: '否',
        }],
    };
  },
  created() {