@repackel/repack/codeSnippets/vue.json

A repackage of element-ui to help you build pages faster.

{
	"Generate repackel page": {
		"prefix": "repackelPage",
		"body": [
			"<template>",
			"\t\t<div class=\"repackel-page ${1:pageName}\">",
				"\t\t\t\t<Table :cfg=\"tableConfig\" ref=\"$1\"></Table>",
			"\t\t</div>",
		"</template>",
		"",
		"<script>",
		"import { Table } from \"@repackel/repack\";",
		"export default {",
		  "\tname: \"$1\",",
		  "\tcomponents: {",
			"\t\tTable",
		  "\t},",
		  "\tdata() {",
			"\t\treturn {",
			  "\t\t\ttableConfig: {",
			  "\t\t\t\tpageAlias: {",
			  "\t\t\t\t\tcurrent:\"pageIndex\",",
			  "\t\t\t\t\tsize:\"pageSize\"",
			  "\t\t\t\t},",
			  "\t\t\t\tbaseConfig: {",
			  "\t\t\t\t\tsize:\"\"",
			  "\t\t\t\t},",
				"\t\t\t\tactionAlign: \"right\",",
				"\t\t\t\tactionList: [",
				  "\t\t\t\t\t{",
					"\t\t\t\t\t\tname: \"Add\",",
					"\t\t\t\t\t\tfn: () => this.addItem()",
				  "\t\t\t\t\t}",
				"\t\t\t\t],",
				"\t\t\t\tsearchCfg: {",
				  "\t\t\t\t\tqueryBtn: \"2\"",
				"\t\t\t\t},",
				"\t\t\t\tsearchList: [",
				  "\t\t\t\t\t{",
					"\t\t\t\t\t\tname: \"Keyword\",",
					"\t\t\t\t\t\ttype: \"input\",",
					"\t\t\t\t\t\tkey: \"content\"",
				  "\t\t\t\t\t}",
				"\t\t\t\t],",
				"\t\t\t\tsearchFn: this.getList,",
				"\t\t\t\ttableList: [",
				  "\t\t\t\t\t{",
					"\t\t\t\t\t\tlabel: \"Title\",",
					"\t\t\t\t\t\tprop: \"title\",",
					"\t\t\t\t\t\tminWidth: \"180\"",
				  "\t\t\t\t\t},",
				  "\t\t\t\t\t{",
					"\t\t\t\t\t\ttemp: true,",
					"\t\t\t\t\t\tlabel: \"Operation\",",
					"\t\t\t\t\t\twidth: \"180\",",
					"\t\t\t\t\t\tbuttonList: [",
					  "\t\t\t\t\t\t\t{",
						"\t\t\t\t\t\t\t\ttext: \"Del\",",
						"\t\t\t\t\t\t\t\tfn: row => this.rmItem(row.id)",
					  "\t\t\t\t\t\t\t}",
					"\t\t\t\t\t\t]",
				  "\t\t\t\t\t}",
				"\t\t\t\t],",
			  "\t\t\t}",
			"\t\t};",
		  "\t},",
		  "\tmethods: {",
			"\t\tgetList(p, reset) {",
			  "\t\t\tlet p2 = {",
				"\t\t\t\t...p",
			  "\t\t\t};",
			  "\t\t\treturn new Promise((resolve, reject) => {",
				"\t\t\t\tthis.$$req(\"/get/list\", {",
				  "\t\t\t\t\tmethod: \"GET\",",
				  "\t\t\t\t\tparams: p2",
				"\t\t\t\t})",
				  "\t\t\t\t\t.then(res => {",
					"\t\t\t\t\t\tresolve({",
					  "\t\t\t\t\t\t\tlist: res.rows,",
					  "\t\t\t\t\t\t\ttotal: res.total",
					"\t\t\t\t\t\t});",
				  "\t\t\t\t\t})",
				  "\t\t\t\t\t.catch(e => reject(e));",
			  "\t\t\t});",
			"\t\t},",
			"\t\taddItem() {},",
			"\t\trmItem() {}",
		  "\t}",
		"};",
		"</script>",
		""
		],
		"description": "generate a page use repackel"
	}
	
}