提交 de4ba0ca 编写于 作者: Mr.奇淼('s avatar Mr.奇淼(

代码生成器增加前端table.vue的自动生成 前端fd修改

上级 3240078f
...@@ -25,10 +25,7 @@ ...@@ -25,10 +25,7 @@
<el-table-column label="按钮组"> <el-table-column label="按钮组">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="updateCustomer(scope.row)" size="small" type="text">变更</el-button> <el-button @click="updateCustomer(scope.row)" size="small" type="text">变更</el-button>
<el-popover <el-popover placement="top" width="160" v-model="scope.row.visible">
placement="top"
width="160"
v-model="scope.row.visible">
<p>确定要删除吗?</p> <p>确定要删除吗?</p>
<div style="text-align: right; margin: 0"> <div style="text-align: right; margin: 0">
<el-button size="mini" type="text" @click="scope.row.visible = false">取消</el-button> <el-button size="mini" type="text" @click="scope.row.visible = false">取消</el-button>
...@@ -64,108 +61,101 @@ ...@@ -64,108 +61,101 @@
<el-button @click="closeDialog">取 消</el-button> <el-button @click="closeDialog">取 消</el-button>
<el-button @click="enterDialog" type="primary">确 定</el-button> <el-button @click="enterDialog" type="primary">确 定</el-button>
</div> </div>
</el-dialog> </el-dialog>在资源权限中将此角色的资源权限清空 或者不包含创建者的角色 即可屏蔽此客户资源的显示
在资源权限中将此角色的资源权限清空 或者不包含创建者的角色 即可屏蔽此客户资源的显示
</div> </div>
</template> </template>
<script> <script>
import { import {
createExaCustomer, createExaCustomer,
updateExaCustomer, updateExaCustomer,
deleteExaCustomer, deleteExaCustomer,
getExaCustomer, getExaCustomer,
getExaCustomerList getExaCustomerList
} from '@/api/customer' } from "@/api/customer";
import { formatTimeToStr } from '@/utils/data' import { formatTimeToStr } from "@/utils/data";
import infoList from '@/components/mixins/infoList' import infoList from "@/components/mixins/infoList";
import { mapGetters } from 'vuex'
export default { export default {
name: 'Customer', name: "Customer",
mixins: [infoList], mixins: [infoList],
data(){ data() {
return{ return {
listApi: getExaCustomerList, listApi: getExaCustomerList,
dialogFormVisible:false, dialogFormVisible: false,
visible:false, visible: false,
type:"", type: "",
form:{ form: {
customerName:"", customerName: "",
customerPhoneData:"" customerPhoneData: ""
}
} }
}, };
computed:{
...mapGetters('user', ['token'])
}, },
filters: { filters: {
formatDate: function(time) { formatDate: function(time) {
if (time != null && time != '') { if (time != null && time != "") {
var date = new Date(time) var date = new Date(time);
return formatTimeToStr(date, 'yyyy-MM-dd hh:mm:ss') return formatTimeToStr(date, "yyyy-MM-dd hh:mm:ss");
} else { } else {
return '' return "";
} }
} }
}, },
methods:{ methods: {
async updateCustomer(row){ async updateCustomer(row) {
const res = await getExaCustomer({ID:row.ID}) const res = await getExaCustomer({ ID: row.ID });
this.type = "update" this.type = "update";
if(res.code == 0){ if (res.code == 0) {
this.form = res.data.customer this.form = res.data.customer;
this.dialogFormVisible = true this.dialogFormVisible = true;
} }
}, },
closeDialog(){ closeDialog() {
this.dialogFormVisible = false this.dialogFormVisible = false;
this.form = { this.form = {
customerName:"", customerName: "",
customerPhoneData:"" customerPhoneData: ""
} };
}, },
async deleteCustomer(row){ async deleteCustomer(row) {
this.visible = false this.visible = false;
const res = await deleteExaCustomer({ID:row.ID}) const res = await deleteExaCustomer({ ID: row.ID });
if (res.code == 0){ if (res.code == 0) {
this.$message({ this.$message({
type:"success", type: "success",
message:"删除成功" message: "删除成功"
}) });
this.getTableData() this.getTableData();
} }
}, },
async enterDialog(){ async enterDialog() {
let res let res;
switch (this.type) { switch (this.type) {
case "create": case "create":
res =await createExaCustomer(this.form) res = await createExaCustomer(this.form);
break; break;
case "update": case "update":
res =await updateExaCustomer(this.form) res = await updateExaCustomer(this.form);
break; break;
default: default:
res =await createExaCustomer(this.form) res = await createExaCustomer(this.form);
break; break;
} }
if(res.code == 0){ if (res.code == 0) {
this.closeDialog() this.closeDialog();
this.getTableData() this.getTableData();
} }
}, },
openDialog() { openDialog() {
this.type = "create" this.type = "create";
this.dialogFormVisible = true this.dialogFormVisible = true;
} }
}, },
created(){ created() {
this.getTableData() this.getTableData();
} }
} };
</script> </script>
<style> <style>
......
...@@ -6,6 +6,11 @@ ...@@ -6,6 +6,11 @@
<el-input v-model="dialogMiddle.fieldName" autocomplete="off"></el-input> <el-input v-model="dialogMiddle.fieldName" autocomplete="off"></el-input>
</el-col> </el-col>
</el-form-item> </el-form-item>
<el-form-item label="Field中文名" prop="fieldDesc">
<el-col :span="6">
<el-input v-model="dialogMiddle.fieldDesc" autocomplete="off"></el-input>
</el-col>
</el-form-item>
<el-form-item label="FieldJSON" prop="fieldJson"> <el-form-item label="FieldJSON" prop="fieldJson">
<el-col :span="6"> <el-col :span="6">
<el-input v-model="dialogMiddle.fieldJson" autocomplete="off"></el-input> <el-input v-model="dialogMiddle.fieldJson" autocomplete="off"></el-input>
...@@ -69,6 +74,7 @@ export default { ...@@ -69,6 +74,7 @@ export default {
], ],
rules:{ rules:{
fieldName:[ { required: true, message: '请输入field英文名', trigger: 'blur' }], fieldName:[ { required: true, message: '请输入field英文名', trigger: 'blur' }],
fieldDesc:[ { required: true, message: '请输入field中文名', trigger: 'blur' }],
fieldJson:[ { required: true, message: '请输入field格式化json', trigger: 'blur' }], fieldJson:[ { required: true, message: '请输入field格式化json', trigger: 'blur' }],
fieldType:[ { required: true, message: '请选择field数据类型', trigger: 'blur' }] fieldType:[ { required: true, message: '请选择field数据类型', trigger: 'blur' }]
} }
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<el-form-item label="Struct简称" prop="abbreviation"> <el-form-item label="Struct简称" prop="abbreviation">
<el-input v-model="form.abbreviation" placeholder="简称会作为入参对象名和路由group"></el-input> <el-input v-model="form.abbreviation" placeholder="简称会作为入参对象名和路由group"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="Package名称" prop="packageName"> <el-form-item label="文件名称" prop="packageName">
<el-input v-model="form.packageName"></el-input> <el-input v-model="form.packageName"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -28,6 +28,11 @@ ...@@ -28,6 +28,11 @@
prop="fieldName" prop="fieldName"
label="Field名" label="Field名"
width="280"> width="280">
</el-table-column>
<el-table-column
type="fieldDesc"
label="中文名"
width="280">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="fieldJson" prop="fieldJson"
...@@ -74,6 +79,7 @@ ...@@ -74,6 +79,7 @@
<script> <script>
const fieldTemplate={ const fieldTemplate={
fieldName:"", fieldName:"",
fieldDesc:"",
fieldType:"", fieldType:"",
fieldJson:"", fieldJson:"",
columnName:"", columnName:"",
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册