|
@@ -30,50 +30,61 @@
|
|
<el-table-column label="序号" :index="indexMethod" type="index" width="80px" align="center" />
|
|
<el-table-column label="序号" :index="indexMethod" type="index" width="80px" align="center" />
|
|
<el-table-column label="姓名" prop="name" align="center" />
|
|
<el-table-column label="姓名" prop="name" align="center" />
|
|
<el-table-column label="手机号" width="140" align="center">
|
|
<el-table-column label="手机号" width="140" align="center">
|
|
- <template slot-scope="{row}">
|
|
|
|
|
|
+ <template slot-scope="{ row }">
|
|
<span v-if="row.mobile">{{ row.mobile }}</span>
|
|
<span v-if="row.mobile">{{ row.mobile }}</span>
|
|
<span v-else>—</span>
|
|
<span v-else>—</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="添加时间" width="200px" align="center">
|
|
<el-table-column label="添加时间" width="200px" align="center">
|
|
- <template slot-scope="{row}">
|
|
|
|
|
|
+ <template slot-scope="{ row }">
|
|
<span>{{ row.addTime | formatTime }}</span>
|
|
<span>{{ row.addTime | formatTime }}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="微信昵称" align="center">
|
|
<el-table-column label="微信昵称" align="center">
|
|
- <template slot-scope="{row}">
|
|
|
|
|
|
+ <template slot-scope="{ row }">
|
|
<span v-if="row.nickName">{{ row.nickName }}</span>
|
|
<span v-if="row.nickName">{{ row.nickName }}</span>
|
|
<span v-else>—</span>
|
|
<span v-else>—</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="openID" width="280" align="center">
|
|
<el-table-column label="openID" width="280" align="center">
|
|
- <template slot-scope="{row}">
|
|
|
|
|
|
+ <template slot-scope="{ row }">
|
|
<span v-if="row.openId">{{ row.openId }}</span>
|
|
<span v-if="row.openId">{{ row.openId }}</span>
|
|
<span v-else>—</span>
|
|
<span v-else>—</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="操作" width="200px" align="center">
|
|
<el-table-column label="操作" width="200px" align="center">
|
|
- <template slot-scope="{row}">
|
|
|
|
- <permission-button type="danger" size="mini" style="margin-right:5px" @click="handleEdit(row)">编辑</permission-button>
|
|
|
|
- <permission-button type="primary" size="mini" style="margin-right:5px" @click="handleRemove(row)">删除</permission-button>
|
|
|
|
|
|
+ <template slot-scope="{ row }">
|
|
|
|
+ <permission-button
|
|
|
|
+ type="danger"
|
|
|
|
+ size="mini"
|
|
|
|
+ style="margin-right: 5px"
|
|
|
|
+ @click="handleEdit(row)"
|
|
|
|
+ >编辑</permission-button>
|
|
|
|
+ <permission-button
|
|
|
|
+ type="primary"
|
|
|
|
+ size="mini"
|
|
|
|
+ style="margin-right: 5px"
|
|
|
|
+ @click="handleRemove(row)"
|
|
|
|
+ >删除</permission-button>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
<!-- 表格区域END -->
|
|
<!-- 表格区域END -->
|
|
- <pagination v-show="total>0" :total="total" :page.sync="listQuery.pageNum" :limit.sync="listQuery.pageSize" @pagination="getList(listQuery)" />
|
|
|
|
|
|
+ <pagination
|
|
|
|
+ v-show="total > 0"
|
|
|
|
+ :total="total"
|
|
|
|
+ :page.sync="listQuery.pageNum"
|
|
|
|
+ :limit.sync="listQuery.pageSize"
|
|
|
|
+ @pagination="getList(listQuery)"
|
|
|
|
+ />
|
|
|
|
|
|
- <el-dialog
|
|
|
|
- title="添加用户"
|
|
|
|
- width="30%"
|
|
|
|
- :visible.sync="dialogVisible"
|
|
|
|
- @close="onDialogClose"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-dialog title="添加用户" width="30%" :visible.sync="dialogVisible" @close="onDialogClose">
|
|
<el-form ref="form" label-width="80px" :model="formData" :rules="rules">
|
|
<el-form ref="form" label-width="80px" :model="formData" :rules="rules">
|
|
<el-form-item label="姓名:" prop="name">
|
|
<el-form-item label="姓名:" prop="name">
|
|
<el-input v-model="formData.name" placeholder="请输入姓名" />
|
|
<el-input v-model="formData.name" placeholder="请输入姓名" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="手机号:" prop="mobile">
|
|
<el-form-item label="手机号:" prop="mobile">
|
|
- <el-input v-model="formData.mobile" placeholder="请输入手机号" maxlength="11" show-word-limit @input="handleInput" />
|
|
|
|
|
|
+ <el-input v-model="formData.mobile" placeholder="请输入手机号" maxlength="11" show-word-limit />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
<span slot="footer" class="dialog-footer">
|
|
<span slot="footer" class="dialog-footer">
|
|
@@ -81,7 +92,6 @@
|
|
<el-button type="primary" @click="onSave">确 定</el-button>
|
|
<el-button type="primary" @click="onSave">确 定</el-button>
|
|
</span>
|
|
</span>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -111,7 +121,8 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
- const validateMobile = (value, rule, callback) => {
|
|
|
|
|
|
+ const validateMobile = (rule, value, callback) => {
|
|
|
|
+ console.log(value)
|
|
if (isMobile(value)) {
|
|
if (isMobile(value)) {
|
|
callback()
|
|
callback()
|
|
} else {
|
|
} else {
|
|
@@ -234,11 +245,6 @@ export default {
|
|
this.formData = resetFormData()
|
|
this.formData = resetFormData()
|
|
},
|
|
},
|
|
|
|
|
|
- // 手机号只允许数字
|
|
|
|
- handleInput() {
|
|
|
|
- this.formData.mobile = this.formData.mobile.replace(/\D/gi, '')
|
|
|
|
- },
|
|
|
|
-
|
|
|
|
indexMethod(index) {
|
|
indexMethod(index) {
|
|
return index + this.listQuery.pageSize * (this.listQuery.pageNum - 1) + 1
|
|
return index + this.listQuery.pageSize * (this.listQuery.pageNum - 1) + 1
|
|
}
|
|
}
|
|
@@ -247,9 +253,9 @@ export default {
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
-.app-container{
|
|
|
|
- ::v-deep{
|
|
|
|
- .el-dialog__body{
|
|
|
|
|
|
+.app-container {
|
|
|
|
+ ::v-deep {
|
|
|
|
+ .el-dialog__body {
|
|
padding-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -258,7 +264,7 @@ export default {
|
|
.el-table .cell {
|
|
.el-table .cell {
|
|
overflow: visible;
|
|
overflow: visible;
|
|
}
|
|
}
|
|
-.el-badge{
|
|
|
|
|
|
+.el-badge {
|
|
margin: 0 6px;
|
|
margin: 0 6px;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|