odcc/CpzIdc.git

yanzhaofeige

5 days ago 37f8463032c06236bfd098133c31cda51217b00f

commit \| author \| age
1d2509	1	<template>
Y	2	<div class="app-container">
	3	<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
	4	<el-form-item label="省份" prop="province">
	5	<el-input
	6	v-model="queryParams.province"
	7	placeholder="请输入省份"
	8	clearable
	9	@keyup.enter.native="handleQuery"
	10	/>
	11	</el-form-item>
	12	<el-form-item label="城市" prop="city">
	13	<el-input
	14	v-model="queryParams.city"
	15	placeholder="请输入城市"
	16	clearable
	17	@keyup.enter.native="handleQuery"
	18	/>
	19	</el-form-item>
	20	<el-form-item label="文章是否可用" prop="state">
	21	<el-input
	22	v-model="queryParams.state"
	23	placeholder="请输入文章是否可用"
	24	clearable
	25	@keyup.enter.native="handleQuery"
	26	/>
	27	</el-form-item>
	28	<el-form-item label="创建者" prop="createUser">
	29	<el-input
	30	v-model="queryParams.createUser"
	31	placeholder="请输入创建者"
	32	clearable
	33	@keyup.enter.native="handleQuery"
	34	/>
	35	</el-form-item>
	36	<el-form-item>
	37	<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
	38	<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
	39	</el-form-item>
	40	</el-form>
	41
	42	<el-row :gutter="10" class="mb8">
	43	<el-col :span="1.5">
	44	<el-button
	45	type="primary"
	46	plain
	47	icon="el-icon-plus"
	48	size="mini"
	49	@click="handleAdd"
	50	v-hasPermi="['bis:idcTelCode:add']"
	51	>新增</el-button>
	52	</el-col>
	53	<el-col :span="1.5">
	54	<el-button
	55	type="success"
	56	plain
	57	icon="el-icon-edit"
	58	size="mini"
	59	:disabled="single"
	60	@click="handleUpdate"
	61	v-hasPermi="['bis:idcTelCode:edit']"
	62	>修改</el-button>
	63	</el-col>
	64	<el-col :span="1.5">
	65	<el-button
	66	type="danger"
	67	plain
	68	icon="el-icon-delete"
	69	size="mini"
	70	:disabled="multiple"
	71	@click="handleDelete"
	72	v-hasPermi="['bis:idcTelCode:remove']"
	73	>删除</el-button>
	74	</el-col>
	75	<el-col :span="1.5">
	76	<el-button
	77	type="warning"
	78	plain
	79	icon="el-icon-download"
	80	size="mini"
	81	@click="handleExport"
	82	v-hasPermi="['bis:idcTelCode:export']"
	83	>导出</el-button>
	84	</el-col>
	85	<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
	86	</el-row>
	87
	88	<el-table v-loading="loading" :data="idcTelCodeList" @selection-change="handleSelectionChange">
	89	<el-table-column type="selection" width="55" align="center" />
	90	<el-table-column label="表ID" align="center" prop="id" />
	91	<el-table-column label="省份" align="center" prop="province" />
	92	<el-table-column label="城市" align="center" prop="city" />
	93	<el-table-column label="号码" align="center" prop="code" />
	94	<el-table-column label="文章是否可用" align="center" prop="state" />
	95	<el-table-column label="创建者" align="center" prop="createUser" />
	96	<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
	97	<template slot-scope="scope">
	98	<el-button
	99	size="mini"
	100	type="text"
	101	icon="el-icon-edit"
	102	@click="handleUpdate(scope.row)"
	103	v-hasPermi="['bis:idcTelCode:edit']"
	104	>修改</el-button>
	105	<el-button
	106	size="mini"
	107	type="text"
	108	icon="el-icon-delete"
	109	@click="handleDelete(scope.row)"
	110	v-hasPermi="['bis:idcTelCode:remove']"
	111	>删除</el-button>
	112	</template>
	113	</el-table-column>
	114	</el-table>
	115
	116	<pagination
	117	v-show="total>0"
	118	:total="total"
	119	:page.sync="queryParams.pageNum"
	120	:limit.sync="queryParams.pageSize"
	121	@pagination="getList"
	122	/>
	123
	124	<!-- 添加或修改电话区号对话框 -->
	125	<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
	126	<el-form ref="form" :model="form" :rules="rules" label-width="80px">
	127	<el-form-item label="省份" prop="province">
	128	<el-input v-model="form.province" placeholder="请输入省份" />
	129	</el-form-item>
	130	<el-form-item label="城市" prop="city">
	131	<el-input v-model="form.city" placeholder="请输入城市" />
	132	</el-form-item>
	133	<el-form-item label="号码" prop="code">
	134	<el-input v-model="form.code" type="textarea" placeholder="请输入内容" />
	135	</el-form-item>
	136	<el-form-item label="文章是否可用" prop="state">
	137	<el-input v-model="form.state" placeholder="请输入文章是否可用" />
	138	</el-form-item>
	139	<el-form-item label="创建者" prop="createUser">
	140	<el-input v-model="form.createUser" placeholder="请输入创建者" />
	141	</el-form-item>
	142	</el-form>
	143	<div slot="footer" class="dialog-footer">
	144	<el-button type="primary" @click="submitForm">确定</el-button>
	145	<el-button @click="cancel">取消</el-button>
	146	</div>
	147	</el-dialog>
	148	</div>
	149	</template>
	150
	151	<script>
	152	import { listIdcTelCode, getIdcTelCode, delIdcTelCode, addIdcTelCode, updateIdcTelCode } from "@/api/bis/idcTelCode";
	153
	154	export default {
	155	name: "IdcTelCode",
	156	data() {
	157	return {
	158	// 遮罩层
	159	loading: true,
	160	// 选中数组
	161	ids: [],
	162	// 非单个禁用
	163	single: true,
	164	// 非多个禁用
	165	multiple: true,
	166	// 显示搜索条件
	167	showSearch: true,
	168	// 总条数
	169	total: 0,
	170	// 电话区号表格数据
	171	idcTelCodeList: [],
	172	// 弹出层标题
	173	title: "",
	174	// 是否显示弹出层
	175	open: false,
	176	// 查询参数
	177	queryParams: {
	178	pageNum: 1,
	179	pageSize: 10,
	180	province: null,
	181	city: null,
	182	code: null,
	183	state: null,
	184	createUser: null
	185	},
	186	// 表单参数
	187	form: {},
	188	// 表单校验
	189	rules: {
	190	createUser: [
	191	{ required: true, message: "创建者不能为空", trigger: "blur" }
	192	]
	193	}
	194	};
	195	},
	196	created() {
	197	this.getList();
	198	},
	199	methods: {
	200	/** 查询电话区号列表 */
	201	getList() {
	202	this.loading = true;
	203	listIdcTelCode(this.queryParams).then(response => {
	204	this.idcTelCodeList = response.rows;
	205	this.total = response.total;
	206	this.loading = false;
	207	});
	208	},
	209	// 取消按钮
	210	cancel() {
	211	this.open = false;
	212	this.reset();
	213	},
	214	// 表单重置
	215	reset() {
	216	this.form = {
	217	id: null,
	218	province: null,
	219	city: null,
	220	code: null,
	221	state: null,
	222	createTime: null,
	223	updateTime: null,
	224	createUser: null
	225	};
	226	this.resetForm("form");
	227	},
	228	/** 搜索按钮操作 */
	229	handleQuery() {
	230	this.queryParams.pageNum = 1;
	231	this.getList();
	232	},
	233	/** 重置按钮操作 */
	234	resetQuery() {
	235	this.resetForm("queryForm");
	236	this.handleQuery();
	237	},
	238	// 多选框选中数据
	239	handleSelectionChange(selection) {
	240	this.ids = selection.map(item => item.id)
	241	this.single = selection.length!==1
	242	this.multiple = !selection.length
	243	},
	244	/** 新增按钮操作 */
	245	handleAdd() {
	246	this.reset();
	247	this.open = true;
	248	this.title = "添加电话区号";
	249	},
	250	/** 修改按钮操作 */
	251	handleUpdate(row) {
	252	this.reset();
	253	const id = row.id \|\| this.ids
	254	getIdcTelCode(id).then(response => {
	255	this.form = response.data;
	256	this.open = true;
	257	this.title = "修改电话区号";
	258	});
	259	},
	260	/** 提交按钮 */
	261	submitForm() {
	262	this.$refs["form"].validate(valid => {
	263	if (valid) {
	264	if (this.form.id != null) {
	265	updateIdcTelCode(this.form).then(response => {
	266	this.$modal.msgSuccess("修改成功");
	267	this.open = false;
	268	this.getList();
	269	});
	270	} else {
	271	addIdcTelCode(this.form).then(response => {
	272	this.$modal.msgSuccess("新增成功");
	273	this.open = false;
	274	this.getList();
	275	});
	276	}
	277	}
	278	});
	279	},
	280	/** 删除按钮操作 */
	281	handleDelete(row) {
	282	const ids = row.id \|\| this.ids;
	283	this.$modal.confirm('是否确认删除电话区号编号为"' + ids + '"的数据项？').then(function() {
	284	return delIdcTelCode(ids);
	285	}).then(() => {
	286	this.getList();
	287	this.$modal.msgSuccess("删除成功");
	288	}).catch(() => {});
	289	},
	290	/** 导出按钮操作 */
	291	handleExport() {
	292	this.download('bis/idcTelCode/export', {
	293	...this.queryParams
	294	}, `idcTelCode_${new Date().getTime()}.xlsx`)
	295	}
	296	}
	297	};
	298	</script>