| | |
| | | <!-- 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="请输入家人姓名" |
| | |
| | | </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"/> |
| | | |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | </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"> |
| | |
| | | trigger: 'blur' |
| | | }], |
| | | }, |
| | | typeOptions: [], |
| | | typeOptions: [{ |
| | | value: '1', |
| | | label: '是', |
| | | }, |
| | | { |
| | | value: '0', |
| | | label: '否', |
| | | }], |
| | | }; |
| | | }, |
| | | created() { |