|
@@ -8,7 +8,7 @@
|
|
<div>
|
|
<div>
|
|
<el-form :inline="true" class="margin-left_20">
|
|
<el-form :inline="true" class="margin-left_20">
|
|
<el-form-item label="名称">
|
|
<el-form-item label="名称">
|
|
- <el-input v-model="queryParams.name" size="small" placeholder="请输入名称"></el-input>
|
|
|
|
|
|
+ <el-input v-model="queryParams.name" size="small" placeholder="请输入名称" clearable @clear="getList"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" size="small" @click="getList">查询</el-button>
|
|
<el-button type="primary" size="small" @click="getList">查询</el-button>
|
|
@@ -23,20 +23,22 @@
|
|
<el-main class="container-common-main">
|
|
<el-main class="container-common-main">
|
|
<!-- <el-table v-loading="loading" :data="tableData" border header-row-class-name="custom-table-header"
|
|
<!-- <el-table v-loading="loading" :data="tableData" border header-row-class-name="custom-table-header"
|
|
v-el-table-infinite-scroll="getList" :infinite-scroll-distance="10" :infinite-scroll-disabled="disabled"> -->
|
|
v-el-table-infinite-scroll="getList" :infinite-scroll-distance="10" :infinite-scroll-disabled="disabled"> -->
|
|
- <el-table v-loading="loading" :data="tableData" border header-row-class-name="custom-table-header">
|
|
|
|
|
|
+ <el-table v-loading="loading" :data="tableData" border header-row-class-name="custom-table-header" @sort-change="sortChange">
|
|
<el-table-column align="center" width="60">
|
|
<el-table-column align="center" width="60">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-checkbox @change="onChange(scope.row)" v-if="refresh"
|
|
<el-checkbox @change="onChange(scope.row)" v-if="refresh"
|
|
:checked="mergedList.indexOf(scope.row.name) !== -1"></el-checkbox>
|
|
:checked="mergedList.indexOf(scope.row.name) !== -1"></el-checkbox>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column prop="name" label="名称" align="center" show-overflow-tooltip></el-table-column>
|
|
|
|
|
|
+ <el-table-column prop="name" label="名称" sortable align="center" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="address" label="地址" align="center" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="address" label="地址" align="center" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="remark" label="备注" align="center" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="remark" label="备注" align="center" show-overflow-tooltip></el-table-column>
|
|
<el-table-column label="操作" align="center" width="100">
|
|
<el-table-column label="操作" align="center" width="100">
|
|
- <template slot-scope="scope">
|
|
|
|
- <el-button v-if="scope.row.mergeId" type="primary" size="small"
|
|
|
|
|
|
+ <template slot-scope="scope" v-if="scope.row.mergeId">
|
|
|
|
+ <el-button type="text" size="small"
|
|
@click="handleEdit(scope.row)">编辑</el-button>
|
|
@click="handleEdit(scope.row)">编辑</el-button>
|
|
|
|
+ <el-button type="text" size="small"
|
|
|
|
+ @click="handleDelete(scope.row)" style="color: red;">删除</el-button>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
@@ -74,7 +76,7 @@
|
|
:value="item.label"></el-option>
|
|
:value="item.label"></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="地址" prop="province">
|
|
|
|
|
|
+ <el-form-item label="省/直辖市" prop="province">
|
|
<el-cascader ref="myCascader" @change="changeCas" v-model="ruleForm.provinceOld" :options="areaOptions"
|
|
<el-cascader ref="myCascader" @change="changeCas" v-model="ruleForm.provinceOld" :options="areaOptions"
|
|
class="width_100"></el-cascader>
|
|
class="width_100"></el-cascader>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -160,6 +162,8 @@ export default {
|
|
mergeType: null,
|
|
mergeType: null,
|
|
// 刷新
|
|
// 刷新
|
|
refresh: true,
|
|
refresh: true,
|
|
|
|
+ // 排序
|
|
|
|
+ sort:[],
|
|
/**编辑合并人及基本信息 start*/
|
|
/**编辑合并人及基本信息 start*/
|
|
// 控制弹窗开关
|
|
// 控制弹窗开关
|
|
visible: false,
|
|
visible: false,
|
|
@@ -189,6 +193,15 @@ export default {
|
|
|
|
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ // 表格排序 等后端
|
|
|
|
+ sortChange({ column, prop, order }) {
|
|
|
|
+ let obj = {
|
|
|
|
+ orderBy: prop,
|
|
|
|
+ orderType:order
|
|
|
|
+ }
|
|
|
|
+ this.sort=[obj]
|
|
|
|
+ // this.getList()
|
|
|
|
+ },
|
|
changeCas(val) {
|
|
changeCas(val) {
|
|
this.ruleForm.province = this.$refs.myCascader.getCheckedNodes()[0].pathLabels[0]
|
|
this.ruleForm.province = this.$refs.myCascader.getCheckedNodes()[0].pathLabels[0]
|
|
},
|
|
},
|
|
@@ -253,6 +266,29 @@ export default {
|
|
this.mergeTitle = '编辑合并'
|
|
this.mergeTitle = '编辑合并'
|
|
this.visible = true
|
|
this.visible = true
|
|
},
|
|
},
|
|
|
|
+ // 删除表格数据
|
|
|
|
+ handleDelete(row) {
|
|
|
|
+ this.$confirm('确认删除本条数据吗?', '提示', {
|
|
|
|
+ confirmButtonText: '确定',
|
|
|
|
+ cancelButtonText: '取消',
|
|
|
|
+ type: 'warning'
|
|
|
|
+ }).then(() => {
|
|
|
|
+ this.loading = true
|
|
|
|
+ let params = {
|
|
|
|
+ id: row.mergeId,
|
|
|
|
+ type: 2,
|
|
|
|
+ }
|
|
|
|
+ this.$api.delMergePerson(params).then(response => {
|
|
|
|
+ if (response.code == 200) {
|
|
|
|
+ this.$message.success('删除成功')
|
|
|
|
+ this.loading = false
|
|
|
|
+ this.getList()
|
|
|
|
+ }
|
|
|
|
+ }).catch(error => {
|
|
|
|
+ this.loading = false
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ },
|
|
// 关闭弹窗
|
|
// 关闭弹窗
|
|
closeDialog() {
|
|
closeDialog() {
|
|
this.$refs.ruleForm.resetFields()
|
|
this.$refs.ruleForm.resetFields()
|