File was renamed from src/views/operate/shop/components/main/index.vue |
| | |
| | | :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"> |
| | | <el-table-column type="selection" min-width="5"> |
| | | </el-table-column> |
| | | <el-table-column label="用户ID" min-width="5"> |
| | | <el-table-column label="店铺名称" min-width="10"> |
| | | <template slot-scope="scope">{{ scope.row.id }}</template> |
| | | </el-table-column> |
| | | <el-table-column prop="nickName" label="用户名称" min-width="10"> |
| | | <el-table-column prop="nickName" label="店铺负责人" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="username" label="所属姓名" min-width="10"> |
| | | <el-table-column prop="username" label="店铺联系电话" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="mobile" label="联系方式" min-width="10"> |
| | | <el-table-column prop="mobile" label="店铺详细地址" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="note" label="所属角色" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="departName" label="所属部门" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="jobTitle" label="所属职务" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="createTime" label="创建时间" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="status" label="启用" min-width="5"> |
| | | <template slot-scope="scope"> |
| | | <el-switch class="switchStyle" v-model="scope.row.status" active-text="开" inactive-text="关" |
| | | active-color="#3fef9a" inactive-color="#000212" @change="handleChangeStatus(scope.row)"> |
| | | </el-switch> |
| | | </template> |
| | | <el-table-column prop="note" label="店铺编号" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="operation" label="操作" min-width="15"> |
| | | <template slot-scope="scope"> |
| | | <div class="operation"> |
| | | <!-- <span @click="handleChangeRole(scope.row)">修改角色</span> --> |
| | | <span @click="handleFind(scope.row)">查看</span> |
| | | <span class="line">|</span> |
| | | <!-- <span>修改密码</span> --> |
| | | <!-- <span>删除</span> --> |
| | | <span @click="handleUpdate(scope.row)">修改部门</span> |
| | | <el-link icon="el-icon-edit" :underline="false">编辑</el-link> |
| | | <el-link class="leftPx" icon="el-icon-delete-solid" :underline="false">删除</el-link> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | .mainTitle { |
| | | line-height: 60px; |
| | | } |
| | | |
| | | .el-link{ |
| | | color: #4b9bb7; |
| | | } |
| | | .leftPx{ |
| | | margin-left: 10px; |
| | | } |
| | | .pagination { |
| | | margin-top: 50px; |
| | | display: flex; |
| | | line-height: 50px; |
| | | justify-content: center; |
| | | |
| | | .el-pagination { |
| | | |
| | | &::v-deep li, |
| | |
| | | .line { |
| | | padding: 0 5px; |
| | | } |
| | | |
| | | .el-button{ |
| | | // background-color: #fff; |
| | | border: none; |
| | | } |
| | | span:hover { |
| | | cursor: pointer; |
| | | } |