Skip to content

Commit c4c559f

Browse files
cq-pandacq-panda
committed
完善文档
1 parent 63fe552 commit c4c559f

File tree

11 files changed

+1449
-1103
lines changed

11 files changed

+1449
-1103
lines changed

‎Vol.Vue/src/extension/appmanager/App_Expert.js

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,34 @@ let extension = {
2424
},
2525
methods: { //事件扩展
2626
onInit () {
27+
//将编辑表单第一行第一列【名称】字段添加一个额外提示属性
28+
//需要2020.12.27更新volform组件后才能使用
29+
this.editFormOptions[0][0].extra = {
30+
render: h => {
31+
return h(
32+
"div",
33+
{
34+
props: {}, style: { color: "#03A9F4", cursor: "pointer" },
35+
on: { click: () => { this.$Message.info("点击事件") } }
36+
},
37+
[
38+
h(
39+
"Tooltip",
40+
{
41+
props: { content: "这里是提示的内容", placement: "right-start" },
42+
class: "ivu-icon ivu-icon-ios-alert-outline",
43+
style: {}
44+
}, [
45+
h("span", {}, ["提示信息"])
46+
]
47+
)
48+
]
49+
);
50+
}
51+
}
52+
53+
54+
2755
//设置界面上最多可显示的按钮数量
2856
this.maxBtnLength = 6;
2957
// 第2个弹出框操作

‎Vol.Vue/src/extension/appmanager/App_TransactionAvgPrice.js

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -16,12 +16,6 @@ let extension = {
1616
methods: {
1717
//事件扩展
1818
onInit () {
19-
//隐藏查询界面按钮
20-
this.buttons.forEach(x => {
21-
if (x.name == "刷 新" || x.name == "新 建") {
22-
this.$set(x, "hidden", true);
23-
}
24-
})
2519
//设置页面上显示的按钮个数(不是必须的)
2620
this.maxBtnLength = 6;
2721
//this.boxButtons弹出框的按钮,this.detailOptions.buttons，同样适用上面上方法

‎Vol.Vue/src/extension/order/SellOrder.js

Lines changed: 64 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,20 @@ let extension = {
107107

108108
// this.$Notice.success({ title: '执行mounted方法' });
109109
},
110+
//方式1,通过select选择触发显示与隐藏
110111
onInit () {
112+
//获取订单类型select配置，当前订单类型select改变值时，动态设置Remark,SellNo两个字段是否显示
113+
var orderTypeOption = this.getFormOption("OrderType");
114+
orderTypeOption.onChange = (val) => {
115+
116+
//当订单类型select改变值时，如果选中的是发货(对应字典编号为2)，emark,SellNo隐藏，否则显示出来
117+
var remarkOption = this.getFormOption("Remark");
118+
this.$set(remarkOption, "hidden", val == "2")
119+
120+
var sellNoOption = this.getFormOption("SellNo");
121+
this.$set(sellNoOption, "hidden", val == "2")
122+
}
123+
111124
//点击单元格编辑与结束编辑(默认是点击单元格编辑，鼠标离开结束编辑)
112125
this.detailOptions.clickEdit = true;
113126
//设置主表合计
@@ -143,7 +156,7 @@ let extension = {
143156
//动态设置弹出框table的高度
144157
this.detailOptions.height = 160;
145158
//动态设置查询界面table高度
146-
this.tableMaxHeight = 220;;
159+
this.tableMaxHeight = 300;
147160
this.$Notice.success({ title: 'create方法执行时,你可以此处编写业务逻辑' });
148161
},
149162
onInited () {
@@ -202,22 +215,38 @@ let extension = {
202215
// detailData: [{ 明细表字段1: d1 }],
203216
// delKeys: null //删除明细表行数据的id
204217
// }
218+
219+
//formData.mainData.xxx="xxxx";//还可以继续手动添加值
220+
205221
//如果需要同时提交其他数据到后台，请设置formData.extra=xxxx
206222
//后台在表xxxxService.cs中重写Add方法即可从saveDataModel参数中拿到extra提交的对象
207223
this.$Notice.success({ title: this.detailOptions.cnName + '新建前：', desc: '提前的数据：' + JSON.stringify(formData) });
208224
return true;
209225
},
226+
async addBeforeAsync (formData) {
227+
//2020.12.06增加新建前异步方法同步处理
228+
//功能同上，区别在于此处可以做一些异步请求处理,全：
229+
// var _result = await this.http.post("/api/SellOrder/getPageData", {}, true).then(result => {
230+
// console.log("1、异步请求前")
231+
// return result;
232+
// })
233+
// console.log("2、异步请求，同步处理结果:" + JSON.stringify(_result))
234+
return true;
235+
},
210236
addAfter (result) {//新建保存后result返回的状态及表单对象
211237
this.$Notice.success({ title: this.detailOptions.cnName + '新建完成后：', desc: '返回的数据' + JSON.stringify(result) });
212238
return true;
213239
},
214240
updateBefore (formData) { //编辑保存前formData为对象，包括明细表、删除行的Id
215-
//formData格式：
241+
//formData格式：(自己调试出输看)
216242
// {
217243
// mainData: { 主表字段1: 'x1', 主表字段2: 'x2' },
218244
// detailData: [{ 明细表字段1: d1 }],
219245
// delKeys: null //删除明细表行数据的id
220246
// }
247+
248+
//formData.mainData.xxx="xxxx";//还可以继续手动添加值
249+
221250
//如果需要同时提交其他数据到后台，请设置formData.extra=xxxx
222251
//后台在表xxxxService.cs中重写Update方法即可从saveDataModel参数中拿到extra提交的对象
223252

@@ -226,6 +255,16 @@ let extension = {
226255
console.log(this.$refs.modelFooter.text)
227256
return true;
228257
},
258+
async updateBeforeAsync (formData) {
259+
//2020.12.06增加修改前异步方法同步处理
260+
//功能同上，区别在于此处可以做一些异步请求处理,全：
261+
var _result = await this.http.post("/api/SellOrder/getPageData", {}, true).then(result => {
262+
console.log("1、异步请求前")
263+
return result;
264+
})
265+
console.log("2、异步请求，同步处理结果:" + JSON.stringify(_result))
266+
return true;
267+
},
229268
updateAfter (result) {//编辑保存后result返回的状态及表单对象
230269
this.$Notice.success({ title: this.detailOptions.cnName + '编辑完成后：', desc: '返回的数据' + JSON.stringify(result) });
231270
return true;
@@ -273,8 +312,29 @@ let extension = {
273312
modelOpenBefore (row) { //点击编辑/新建按钮弹出框前，可以在此处写逻辑，如，从后台获取数据
274313

275314
},
276-
modelOpenAfter (row) { //点击编辑/新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
277-
this.$message.error("此处是打开弹出框后事件,当前操作：" + this.currentAction + "，你可以在此处编写逻辑，如，从后台获取数据");
315+
getFormOption (field) {
316+
let option;
317+
this.editFormOptions.forEach(x => {
318+
x.forEach(item => {
319+
if (item.field == field) {
320+
option = item;
321+
}
322+
})
323+
})
324+
return option;
325+
},
326+
327+
//方式2,通过打开弹出框时触发显示与隐藏
328+
modelOpenAfter (row) { //编辑或新建时，根据不同的情况控制字段是否显示
329+
// this.editFormOptions.forEach(x => {
330+
// x.forEach(item => {
331+
// if (item.field == "Remark" || item.field == "SellNo") {
332+
// //如果不是新建，则隐藏Remark,SellNo两个字段是否显示
333+
// //也可以根据row当前编辑行的值来处理
334+
// this.$set(item, "hidden", this.currentAction != "Add")
335+
// }
336+
// })
337+
// })
278338
},
279339
rowClick ({ row, column, event }) { //查询界面table点击行选中当前行
280340
this.$refs.table.$refs.table.toggleRowSelection(row);

‎Vol.Vue/src/views/appmanager/App_Expert.vue

Lines changed: 75 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -5,81 +5,83 @@
55
*业务请在@/extension/appmanager/App_Expert.js此处编写
66
-->
77
<template>
8-
<div>
9-
<view-grid :columns="columns"
10-
:detail="detail"
11-
:editFormFields="editFormFields"
12-
:editFormFileds="editFormFields"
13-
:editFormOptions="editFormOptions"
14-
:searchFormFields="searchFormFields"
15-
:searchFormFileds="searchFormFields"
16-
:searchFormOptions="searchFormOptions"
17-
:table="table"
18-
:extend="extend">
19-
</view-grid>
20-
</div>
8+
<div>
9+
<view-grid
10+
ref="grid"
11+
:columns="columns"
12+
:detail="detail"
13+
:editFormFields="editFormFields"
14+
:editFormFileds="editFormFields"
15+
:editFormOptions="editFormOptions"
16+
:searchFormFields="searchFormFields"
17+
:searchFormFileds="searchFormFields"
18+
:searchFormOptions="searchFormOptions"
19+
:table="table"
20+
:extend="extend">
21+
</view-grid>
22+
</div>
2123
</template>
2224

2325
<script>
24-
import extend from "@/extension/appmanager/App_Expert.js";
25-
import ViewGrid from "@/components/basic/ViewGrid.vue";
26-
var vueParam = {
27-
components: {
28-
ViewGrid
29-
},
30-
data () {
31-
return {
32-
table: {
33-
key: 'ExpertId',
34-
footer: "Foots",
35-
cnName: '启用图片支持',
36-
name: 'App_Expert',
37-
url: "/App_Expert/",
38-
sortName: "ExpertId"
39-
},
40-
extend: extend,
41-
editFormFields: { "ExpertName": "", "Enable": "", "City": "", "CreateDate": "", "Resume": "", "HeadImageUrl": "" },
42-
editFormOptions: [[{ "title": "名称", "field": "ExpertName" },
43-
{ "dataKey": "enable", "data": [], "title": "是否启用", "required": true, "field": "Enable", "type": "select" }],
44-
[{ "dataKey": "city", "data": [], "title": "地区", "field": "City", "type": "select" },
45-
], [{ "title": "申请时间", "field": "CreateDate", "disabled": false }],
46-
[{ "title": "个人简介", "field": "Resume", "colSize": 6, "type": "textarea" }],
47-
[{ "title": "头像", "field": "HeadImageUrl", "type": "img" }]],
48-
searchFormFields: { "ExpertName": "", "AuditStatus": [], "ReallyName": "", "IDNumber": "", "Education": "", "Professional": "", "Company": "", "City": [], "AuditDate": "" },
49-
searchFormOptions: [[{ "title": "名称", "field": "ExpertName", "type": "like" }, { "title": "真实姓名", "field": "ReallyName" }, { "title": "身份证号", "field": "IDNumber" }], [{ "title": "学历", "field": "Education", "type": "text" }, { "title": "职业", "field": "Professional" }, { "title": "所在公司", "field": "Company" }], [{ "dataKey": "audit", "data": [], "title": "审核状态", "field": "AuditStatus", "type": "selectList" }, { "dataKey": "city", "data": [], "title": "地区", "field": "City", "type": "selectList" }, { "title": "审核时间", "field": "AuditDate", "type": "datetime" }]],
50-
columns: [{ field: 'ExpertId', title: '主键ID', type: 'int', width: 80, hidden: true, readonly: true, require: true, align: 'left' },
51-
{ field: 'User_Id', title: '申请人帐号Id', type: 'int', width: 90, hidden: true, align: 'left' },
52-
{ field: 'ExpertName', title: '名称', type: 'string', link: true, width: 120, align: 'left', sortable: true },
53-
{ field: 'HeadImageUrl', title: '头像', type: 'img', width: 150, align: 'left' },
54-
{ field: 'UserName', title: '帐号', type: 'string', width: 120, hidden: true, align: 'left' },
55-
{ field: 'UserTrueName', title: '申请人', type: 'string', width: 100, hidden: true, align: 'left' },
56-
{ field: 'AuditStatus', title: '审核状态', type: 'int', bind: { key: 'audit', data: [] }, width: 120, require: true, align: 'left' },
57-
{ field: 'Auditor', title: '审核人', type: 'string', width: 150, hidden: true, align: 'left' },
58-
{ field: 'Enable', title: '是否启用', type: 'byte', bind: { key: 'enable', data: [] }, width: 90, require: true, align: 'left' },
59-
{ field: 'ReallyName', title: '真实姓名', type: 'string', width: 150, hidden: true, align: 'left' },
60-
{ field: 'IDNumber', title: '身份证号', type: 'string', width: 200, hidden: true, align: 'left' },
61-
{ field: 'PhoneNo', title: '电话', type: 'string', width: 150, hidden: true, align: 'left' },
62-
{ field: 'Education', title: '学历', type: 'string', width: 120, hidden: true, align: 'left' },
63-
{ field: 'Professional', title: '职业', type: 'string', width: 120, hidden: true, align: 'left' },
64-
{ field: 'Company', title: '所在公司', type: 'string', width: 150, hidden: true, align: 'left' },
65-
{ field: 'City', title: '地区', type: 'string', bind: { key: 'city', data: [] }, width: 100, align: 'left' },
66-
{ field: 'Resume', title: '个人简介', type: 'string', width: 150, align: 'left' },
67-
{ field: 'AuditId', title: '审核人Id', type: 'int', width: 80, hidden: true, align: 'left' },
68-
{ field: 'AuditDate', title: '审核时间', type: 'datetime', width: 150, hidden: true, align: 'left', sortable: true },
69-
{ field: 'CreateID', title: '创建人Id', type: 'int', width: 80, hidden: true, align: 'left' },
70-
{ field: 'Creator', title: '创建人', type: 'string', width: 130, hidden: true, align: 'left' },
71-
{ field: 'CreateDate', title: '申请时间', type: 'datetime', width: 130, readonly: true, align: 'left', sortable: true },
72-
{ field: 'ModifyID', title: '修改人ID', type: 'int', width: 80, hidden: true, align: 'left' },
73-
{ field: 'Modifier', title: '修改人', type: 'string', width: 100, align: 'left' },
74-
{ field: 'ModifyDate', title: '修改时间', type: 'datetime', width: 130, hidden: true, align: 'left', sortable: true }],
75-
detail: {
76-
cnName: "#detailCnName",
77-
columns: [],
78-
sortName: "",
79-
key: ""
80-
}
26+
import extend from "@/extension/appmanager/App_Expert.js";
27+
import ViewGrid from "@/components/basic/ViewGrid.vue";
28+
var vueParam = {
29+
components: {
30+
ViewGrid
31+
},
32+
data() {
33+
return {
34+
table: {
35+
key: 'ExpertId',
36+
footer: "Foots",
37+
cnName: '启用图片支持',
38+
name: 'App_Expert',
39+
url: "/App_Expert/",
40+
sortName: "ExpertId"
41+
},
42+
extend: extend,
43+
editFormFields: {"ExpertName":"","Enable":"","City":"","CreateDate":"","Resume":"","HeadImageUrl":""},
44+
editFormOptions: [[{"title":"名称","field":"ExpertName"},
45+
{"dataKey":"enable","data":[],"title":"是否启用","required":true,"field":"Enable","type":"select"}],
46+
[{"dataKey":"city","data":[],"title":"地区","field":"City","type":"select"},
47+
{"title":"申请时间","field":"CreateDate","disabled":true}],
48+
[{"title":"个人简介","field":"Resume","colSize":12,"type":"textarea"}],
49+
[{"title":"头像","field":"HeadImageUrl","type":"img"}]],
50+
searchFormFields: {"ExpertName":"","AuditStatus":[],"ReallyName":"","IDNumber":"","Education":"","Professional":"","Company":"","City":[],"AuditDate":""},
51+
searchFormOptions: [[{"title":"名称","field":"ExpertName","type":"like"},{"title":"真实姓名","field":"ReallyName"},{"title":"身份证号","field":"IDNumber"}],[{"title":"学历","field":"Education","type":"text"},{"title":"职业","field":"Professional"},{"title":"所在公司","field":"Company"}],[{"dataKey":"audit","data":[],"title":"审核状态","field":"AuditStatus","type":"selectList"},{"dataKey":"city","data":[],"title":"地区","field":"City","type":"selectList"},{"title":"审核时间","field":"AuditDate","type":"datetime"}]],
52+
columns: [{field:'ExpertId',title:'主键ID',type:'int',width:80,hidden:true,readonly:true,require:true,align:'left'},
53+
{field:'User_Id',title:'申请人帐号Id',type:'int',width:90,hidden:true,align:'left'},
54+
{field:'ExpertName',title:'名称',type:'string',link:true,width:120,align:'left',sortable:true},
55+
{field:'HeadImageUrl',title:'头像',type:'img',width:150,align:'left'},
56+
{field:'UserName',title:'帐号',type:'string',width:120,hidden:true,align:'left'},
57+
{field:'UserTrueName',title:'申请人',type:'string',width:100,hidden:true,align:'left'},
58+
{field:'AuditStatus',title:'审核状态',type:'int',bind:{ key:'audit',data:[]},width:120,require:true,align:'left'},
59+
{field:'Auditor',title:'审核人',type:'string',width:150,hidden:true,align:'left'},
60+
{field:'Enable',title:'是否启用',type:'byte',bind:{ key:'enable',data:[]},width:90,require:true,align:'left'},
61+
{field:'ReallyName',title:'真实姓名',type:'string',width:150,hidden:true,align:'left'},
62+
{field:'IDNumber',title:'身份证号',type:'string',width:200,hidden:true,align:'left'},
63+
{field:'PhoneNo',title:'电话',type:'string',width:150,hidden:true,align:'left'},
64+
{field:'Education',title:'学历',type:'string',width:120,hidden:true,align:'left'},
65+
{field:'Professional',title:'职业',type:'string',width:120,hidden:true,align:'left'},
66+
{field:'Company',title:'所在公司',type:'string',width:150,hidden:true,align:'left'},
67+
{field:'City',title:'地区',type:'string',bind:{ key:'city',data:[]},width:100,align:'left'},
68+
{field:'Resume',title:'个人简介',type:'string',width:150,align:'left'},
69+
{field:'AuditId',title:'审核人Id',type:'int',width:80,hidden:true,align:'left'},
70+
{field:'AuditDate',title:'审核时间',type:'datetime',width:150,hidden:true,align:'left',sortable:true},
71+
{field:'CreateID',title:'创建人Id',type:'int',width:80,hidden:true,align:'left'},
72+
{field:'Creator',title:'创建人',type:'string',width:130,hidden:true,align:'left'},
73+
{field:'CreateDate',title:'申请时间',type:'datetime',width:130,readonly:true,align:'left',sortable:true},
74+
{field:'ModifyID',title:'修改人ID',type:'int',width:80,hidden:true,align:'left'},
75+
{field:'Modifier',title:'修改人',type:'string',width:100,align:'left'},
76+
{field:'ModifyDate',title:'修改时间',type:'datetime',width:130,hidden:true,align:'left',sortable:true}],
77+
detail: {
78+
cnName:"#detailCnName",
79+
columns: [],
80+
sortName: "",
81+
key:""
82+
}
83+
};
84+
}
8185
};
82-
}
83-
};
84-
export default vueParam;
86+
export default vueParam;
8587
</script>

0 commit comments

Comments
 (0)