客户删除

epmet-oper-web/src/views/modules/customer/manage/CustomerList.vue

@@ -1,27 +1,19 @@
 <template>
 	<div class="registerList">
-    <el-card shadow="never"
+		<el-card shadow="never" class="aui-card--fill">
-             class="aui-card--fill">
 			<div class="mod-demo__demo}">
-        <el-form :inline="true"
+				<el-form :inline="true" :model="tableParams" @keyup.enter.native="loadData()">
-                 :model="tableParams"
+					<el-form-item><el-input v-model="tableParams.customerName" placeholder="客户名称"></el-input></el-form-item>
-                 @keyup.enter.native="loadData()">
-          <el-form-item>
-            <el-input v-model="tableParams.customerName"
-                      placeholder="客户名称">
-            </el-input>
-          </el-form-item>
 
+					<el-form-item><el-button @click="loadData()">查询</el-button></el-form-item>
 					<el-form-item>
-            <el-button @click="loadData()">查询</el-button>
+						<el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary"
-                       @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
 					</el-form-item>
+					<el-form-item><el-button type="danger" @click="del('')">删除</el-button></el-form-item>
 				</el-form>
 
-        <c-table column-type=""
+				<c-table
+					column-type="selection"
 					ref="table"
 					:url="tableUrl"
 					:params="tableParams"
@@ -31,34 +23,32 @@
 					:operationWidth="80"
 					@config="config"
 					@edit="edit"
-                 @init="init">
+					@init="init"
-        </c-table>
+					@del="del"
+					@select="select"
+				></c-table>
 				<!-- 弹窗, 新增 / 修改 -->
-        <add-or-update v-if="addOrUpdateVisible"
+				<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
-                       ref="addOrUpdate"
-                       @refreshDataList="getDataList"></add-or-update>
 			</div>
 		</el-card>
-    <edit-form ref="ref_edit_form"
+		<edit-form ref="ref_edit_form" @refresh="loadData"></edit-form>
-               @refresh="loadData"></edit-form>
+		<config-form ref="ref_config_form" @refresh="loadData"></config-form>
-    <config-form ref="ref_config_form"
-                 @refresh="loadData"></config-form>
 	</div>
 </template>
 
 <script>
-import CTable from '@c/CTable'
+import CTable from '@c/CTable';
-import EditForm from './EditForm'
+import EditForm from './EditForm';
-import ConfigForm from './ConfigForm'
+import ConfigForm from './ConfigForm';
-import { mapGetters } from 'vuex'
+import { mapGetters } from 'vuex';
-import { Loading } from 'element-ui' // 引入Loading服务
+import { Loading } from 'element-ui'; // 引入Loading服务
-import AddOrUpdate from './customer-add-or-update.vue'
+import AddOrUpdate from './customer-add-or-update.vue';
-import mixinViewModule from "@/mixins/view-module";
+import mixinViewModule from '@/mixins/view-module';
 
-let loading // 加载动画
+let loading; // 加载动画
 export default {
 	mixins: [mixinViewModule],
-  data () {
+	data() {
 		return {
 			// 列表相关
 			tableUrl: '/oper/crm/customer/customerlist',
@@ -76,8 +66,8 @@ export default {
 					slot: '',
 					plain: false,
 					methodName: 'edit', // 回调方法名称
-          isShow: (row) => {
+					isShow: row => {
-            return true
+						return true;
 					}
 				},
 				{
@@ -88,8 +78,8 @@ export default {
 					slot: '',
 					plain: false,
 					methodName: 'config', // 回调方法名称
-          isShow: (row) => {
+					isShow: row => {
-            return true
+						return true;
 					}
 				},
 				{
@@ -100,88 +90,133 @@ export default {
 					slot: '',
 					plain: false,
 					methodName: 'init', // 回调方法名称
-          isShow: (row) => {
+					isShow: row => {
-            return true
+						return true;
+					}
+				},
+				{
+					lable: '删除', // 按钮显示名称
+					size: 'mini',
+					style: 'margin: 0 6px;',
+					type: 'text',
+					slot: '',
+					plain: false,
+					methodName: 'del', // 回调方法名称
+					isShow: row => {
+						return true;
 					}
 				}
 			],
 
 			// 列表数据
-      tableData: [
+			tableData: [],
-
+			addOrUpdateVisible: false, // 新增／更新，弹窗visible状态
-      ],
+			multipleSelection: []
-      addOrUpdateVisible: false   // 新增／更新，弹窗visible状态
+		};
-    }
 	},
 	components: {
-    CTable, EditForm, ConfigForm,AddOrUpdate
+		CTable,
+		EditForm,
+		ConfigForm,
+		AddOrUpdate
 	},
-  activated () {
+	activated() {
 		this.$nextTick(() => {
-      this.$refs.table.doLayout() // 解决表格错位
+			this.$refs.table.doLayout(); // 解决表格错位
-    })
+		});
 	},
-  mounted () {
+	mounted() {
 		// eslint-disable-next-line
-    console.log(this)
+		console.log(this);
-    this.loadData()
+		this.loadData();
 	},
 	computed: {
-    tableHeight () {
+		tableHeight() {
-      return this.clientHeight - 60 - 80 - 80 - 70
+			return this.clientHeight - 60 - 80 - 80 - 70;
 		},
 		...mapGetters(['clientHeight', 'env'])
 	},
 	methods: {
-
+		select(row) {
+			this.multipleSelection = row.map(item => {
+				return item.customerId;
+			});
+			console.log(this.multipleSelection);
+		},
 		// 获取列表数据
-    loadData () {
+		loadData() {
-      this.$refs.table.loadData()
+			this.$refs.table.loadData();
 		},
 		// 修改
-    edit (row) {
+		edit(row) {
-      this.$refs['ref_edit_form'].initData(row)
+			this.$refs['ref_edit_form'].initData(row);
 		},
 
 		// 初始化
-    init (row) {
+		init(row) {
 			let params = {
 				customerId: row.customerId,
-        areaCode: row.rootAgencyAreaCode,
+				areaCode: row.rootAgencyAreaCode
-      }
+			};
 
-      this.$http.get(`/oper/customize/icform/initCustomerForm/resi_base_info/`, {params: params}).then(({ data: res }) => {
+			this.$http.get(`/oper/customize/icform/initCustomerForm/resi_base_info/`, { params: params }).then(({ data: res }) => {
 				if (res.code === 0) {
-          return this.$message.info(res.data)
+					return this.$message.info(res.data);
 				} else {
-          return this.$message.error(res.internalMsg)
+					return this.$message.error(res.internalMsg);
 				}
-      })
+			});
 		},
 
+		del(row) {
+			console.log('this.multipleSelection', row);
+			let ids = [];
+
+			if (row != '') {
+				ids = [row.customerId];
+			} else {
+				if (this.multipleSelection.length > 0) {
+					ids = this.multipleSelection;
+				} else {
+					return this.$message.error('请选择菜单');
+				}
+			}
+
+			let params = {
+				ids: ids
+			};
+
+			this.$http.get(`oper/crm/customer/delete`, { params: params }).then(({ data: res }) => {
+				if (res.code === 0) {
+					return this.$message.info(res.data);
+				} else {
+					return this.$message.error(res.internalMsg);
+				}
+			});
+		},
 
 		// 网格数、有效期配置
-    config (row) {
+		config(row) {
-      this.$refs['ref_config_form'].initData(row)
+			this.$refs['ref_config_form'].initData(row);
 		},
 
 		// 开启加载动画
-    startLoading () {
+		startLoading() {
 			loading = Loading.service({
 				lock: true, // 是否锁定
 				text: '正在加载……', // 加载中需要显示的文字
 				background: 'rgba(0,0,0,.7)' // 背景颜色
-      })
+			});
 		},
 		// 结束加载动画
-    endLoading () {
+		endLoading() {
 			// clearTimeout(timer);
 			if (loading) {
-        loading.close()
+				loading.close();
 			}
 		}
 	}
-}
+};
 </script>
 <style lang="css">
 .aaa {