| | |
| | | v-hasPermi="['family:note:export']" |
| | | >导入模板下载</el-button> |
| | | </el-col> |
| | | <el-col :span="1.2"> |
| | | <el-col :span="1.5"> |
| | | |
| | | <el-upload |
| | | <el-upload |
| | | action="" |
| | | |
| | | class="upload-demo" |
| | | :auto-upload="true" |
| | | :show-file-list="false" |
| | | :http-request="handleEnport" |
| | | > |
| | | <el-button size="mini" type="primary" |
| | | plain |
| | | icon="el-icon-plus" >导入</el-button> |
| | | |
| | | </el-upload> |
| | | > |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | |
| | | >导入</el-button> |
| | | |
| | | </el-upload> |
| | | </el-col> |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </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" > |
| | | <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 fixed label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="100px"/> |
| | | |
| | | <el-table-column label="家人姓名" prop="myName" sortable width="130" > |
| | | <template slot-scope="scope"> |
| | |
| | | </el-table-column> |
| | | <el-table-column label="通讯录中称呼" prop="nickName" sortable :show-overflow-tooltip="true" width="160" align="center" /> |
| | | <el-table-column label="姓名" prop="name" sortable :show-overflow-tooltip="true" width="120" align="center"/> |
| | | <el-table-column label="工作单位" prop="work" sortable width="160" align="center" > |
| | | <el-table-column label="工作单位" prop="work" sortable :show-overflow-tooltip="true" width="160" align="center" > |
| | | <template slot-scope="scope">{{scope.row.work? scope.row.work: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="手机" prop="phone" sortable width="120" align="center" > |
| | | <el-table-column label="手机" prop="phone" sortable :show-overflow-tooltip="true" 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 :show-overflow-tooltip="true" width="150" align="center" > |
| | |
| | | <span v-else>————</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="是否常联系" prop="isAlways" sortable width="170" align="center" > |
| | | <el-table-column label="是否常联系" prop="isAlways" :show-overflow-tooltip="true" sortable width="170" align="center" > |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.isAlways===1">是</span> |
| | | <span v-if="scope.row.isAlways===0">否</span> |
| | | <span v-if="scope.row.isAlways== null">——</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="是否是本家庭记录" prop="ownData" sortable width="150px" > |
| | | <el-table-column label="是否是本家庭记录" prop="ownData" sortable width="150px" align="center" > |
| | | <template slot-scope="scope">{{scope.row.ownData === 0 ? '否': '是'}}</template> |
| | | </el-table-column> |
| | | |
| | | |
| | | <el-table-column label="备注(是否存在金钱关系)" prop="remark" sortable width="120" align="center"> |
| | | <el-table-column label="备注(是否存在金钱关系)" prop="remark" :show-overflow-tooltip="true" sortable width="120" align="center"> |
| | | <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template> |
| | | </el-table-column> |
| | | |
| | |
| | | </el-table-column> |
| | | |
| | | |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
| | | <el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope" v-if="scope.row.roleId !== 1"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:role:edit']" |
| | | >修改</el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handleDelete(scope.row)" |
| | | v-hasPermi="['system:role:remove']" |
| | | >删除</el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleCheck(scope.row)"> |
| | | 查看详情</el-button> |
| | | <div class="button-container"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:role:edit']" |
| | | > |
| | | <span style="font-size: 14px;">修改</span> |
| | | </el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handleDelete(scope.row)" |
| | | v-hasPermi="['system:role:remove']" |
| | | ><span style="font-size: 14px;">删除</span></el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleCheck(scope.row)"> |
| | | <span style="font-size: 14px;">查看详情</span></el-button> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | background: #FFEFF2; |
| | | |
| | | } |
| | | |
| | | .el-table__cell { |
| | | font-size: 14px; /* 设置字体大小 */ |
| | | } |
| | | .button-container { |
| | | display: inline-flex; /* 设置按钮容器为行内元素 */ |
| | | } |
| | | |
| | | </style> |