Skip to content

Commit 5d28cce

Browse files
author
283591387@qq.com
committed
完善文档
1 parent a509631 commit 5d28cce

File tree

3 files changed

+144
-3
lines changed

3 files changed

+144
-3
lines changed

‎Vol.Vue/src/views/document/docApi/param.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const param = {
1515
{ name: "表单配置参数", desc: "表单字段的参数配置说明(数组的元素个数决定了表单每行显示的标签个数),配置实例参照【查看代码】", type: "array", default: "[]" },
1616
{ name: "[[{", desc: "表单字段formRules的参数配置说明", type: "", default: "" },
1717
{ name: "dataKey", desc: "数据源字典编号(菜单->系统->下拉框绑定中的字典编号)", type: "string", default: "" },
18-
{ name: "data", desc: "数据源，可以手动绑定格式[{key:1,value:'是'}],也可以自动绑定,自定绑定需要设置属性loadKey='true'", type: "array", default: "[]" },
18+
{ name: "data", desc: "数据源，可以手动绑定格式[{key:1,value:'是',hidden:false,disabled:false}],(hidden下拉框选项是否隐藏,disabled下拉框选项是否禁用,2022.05.08更新后才能使用),也可以自动绑定,自定绑定需要设置属性loadKey='true'", type: "array", default: "[]" },
1919
{ name: "render", desc: "<span style='color:red;'>支持vue原生render处理,[前端开发->render渲染form对象1/2]为配置示例，render完整用法见vue官方文档(2020.06.20)</span>", type: "function", default: "" },
2020
{ name: "title", desc: "标签名称", type: "string", default: "" },
2121
//
@@ -208,11 +208,11 @@ const param = {
208208
},
209209
{ name: "bind{", desc: "数据源绑定配置", type: "json", default: "" },
210210
{ name: "key", desc: "后台字典数据的key", type: "string", default: "" },
211-
{ name: "data}", desc: "数据源,如果设置的loadKey=true,些处将设置为data:[]。格式:[{key:'1',value:'北京市'},{key:'2',value:'上海市'}],如果data长度>0，不会被loadKey从后台加载的数据源覆盖", type: "array", default: "[]" },
211+
{ name: "data}", desc: "数据源,如果设置的loadKey=true,些处将设置为data:[]。格式:[{key:'1',value:'北京市'},{key:'2',value:'上海市',hidden:false,disabled:false}],(hidden下拉框选项是否隐藏,disabled下拉框选项是否禁用,2022.05.08更新后才能使用),如果data长度>0，不会被loadKey从后台加载的数据源覆盖", type: "array", default: "[]" },
212212
{ name: "formatter", desc: "列格式化处理,格式：formatter:(row) => {return '123'}", type: "function", default: "" },
213213
{ name: "click", desc: "单元格点击事件,格式：click: (row, column, event) => {}", type: "function", default: "" },
214214
{ name: "getColor", desc: "设置绑定了bind数据源属性的单元格颜色,格式：getColor:(row) => {return 'red'}", type: "function", default: "" },
215-
{ name: "-----}", desc: "-----columns属性介绍结尾处-----", type: "-----", default: "-----" },
215+
{ name: "-----}", desc: "-----columns属性介绍结尾处-----", type: "-----", default: "-----" },
216216
],
217217
methods: [{ name: "delRow", desc: "删除选中行，this.$refs.自定义的名字.delRow()", param: "" },
218218
{ name: "addRow", desc: "添加行，this.$refs.自定义的名字.addRow({'字段1':'值1','字段2':'值2'})；<br>批量添加行：this.$refs.自定义的名字.rowData.push(...[{'字段1':'值1'},{'字段2':'值2'}]);//<br>(vue3版本不要循环添加，请使用批量添加", param: "" },

‎Vol.Vue/src/views/document/log.vue‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,26 @@ export default {
5050
active: 0,
5151
log: [
5252
{ date: '2022.05', type: 'month' },
53+
{ date: "202-05-08 22:51:55",desc:"增加vue3版本voltable下拉框选择只读disabled与是否显示hidden属性"},
54+
{ date: "202-05-08 22:50:45",desc:"增加vue3版本下拉框选项只读readonly与是否显示hidden属性"},
55+
{ date: "202-05-08 22:49:55",desc:"增加vue3版本明细表按钮默认hidden属性"},
56+
{ date: "202-05-08 22:24:47",desc:"移动端voltable组件增加单元格点击事件"},
57+
{ date: "202-05-08 21:58:06",desc:"修复移动端生成的页面点击跳转后不能再次点击的问题"},
58+
{ date: "202-05-08 21:56:54",desc:"修改移动端搜索功能图标"},
59+
{ date: "202-05-07 00:43:40",desc:"增加移动端下拉框搜索功能"},
60+
{ date: "202-05-06 23:58:06",desc:"增加vue3版本获取当前时间的通用方法"},
61+
{ date: "202-05-06 23:30:05",desc:"优化示例与示例"},
62+
{ date: "202-05-06 23:29:20",desc:"修复vue3版本错误信息重复的问题"},
63+
{ date: "202-05-06 23:28:45",desc:"优化vue3表单动态列宽度计算"},
64+
{ date: "202-05-06 00:28:59",desc:"优化移动端组件"},
65+
{ date: "202-05-05 23:34:53",desc:"优化列表数据显示"},
66+
{ date: "202-05-05 23:07:56",desc:"修改移动端级联为下拉框操作"},
67+
{ date: "202-05-05 21:54:25",desc:"增加vue3版本弹出框按钮默认属性disabled值"},
68+
{ date: "202-05-05 15:03:45",desc:"增加swagger null判断"},
69+
{ date: "202-05-05 14:30:21",desc:"Update mysql表结构与表数据.sql"},
70+
{ date: "202-05-05 11:30:32",desc:"设置signalR不开启，如果需要启用，在main.js中设置"},
71+
{ date: "202-05-05 11:26:02",desc:"增加vue3版本是否开启消息推送signalR属性配置"},
72+
5373
{ date: "202-05-04 12:14:59",desc:"优化登陆密码判断方式"},
5474
{ date: "202-05-03 11:42:38",desc:"完善文档"},
5575
{ date: "202-05-03 11:41:43",desc:"优化vue3版本权限分配页面区分app菜单"},

‎Vol.Vue/src/views/document/vueDev.vue‎

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4812,6 +4812,127 @@ export default {
48124812
tips: `select选择后给字段设置值或数据源，实现手动级联操作`,
48134813
img: "https://doc-vue-1256993465.cos.ap-chengdu.myqcloud.com/15.png?imageMogr2/thumbnail/!35p",
48144814
},
4815+
{
4816+
title: "编辑select下拉框选项禁用或隐藏显示",
4817+
content: [`<p>
4818+
<br />
4819+
</p>
4820+
<div style="color:#D4D4D4;background-color:#1E1E1E;font-family:Consolas, &quot;font-size:14px;">
4821+
<div>
4822+
<div style="color:#D4D4D4;background-color:#1E1E1E;font-family:Consolas, &quot;font-size:14px;">
4823+
<div>
4824+
&nbsp;<span style="color:#6a9955;">//2022.05.08更新vue3组件volform.vue、voltable.vue文件后才能使用</span>
4825+
</div>
4826+
<div>
4827+
&nbsp; &nbsp; <span style="color:#dcdcaa;">modelOpenAfter</span>() { <span style="color:#6a9955;">//在弹出框打开时动态设置下拉框选项的禁用或者隐藏</span>
4828+
</div>
4829+
<div>
4830+
&nbsp; &nbsp; &nbsp; <span style="color:#6a9955;">//编辑还是新建状态</span>
4831+
</div>
4832+
<div>
4833+
&nbsp; &nbsp; &nbsp; <span style="color:#6a9955;">// let isAdd = this.currentAction == 'Add';</span>
4834+
</div>
4835+
<br />
4836+
<div>
4837+
&nbsp; &nbsp; &nbsp; <span style="color:#6a9955;">//this.editFormFields;当前表单的字段</span>
4838+
</div>
4839+
<br />
4840+
<div>
4841+
&nbsp; &nbsp; &nbsp; <span style="color:#6a9955;">//编辑表单，动态设置下拉框选项禁用状态或者隐藏显示</span>
4842+
</div>
4843+
<div>
4844+
&nbsp; &nbsp; &nbsp; <span style="color:#569cd6;">this</span>.<span style="color:#9cdcfe;">editFormOptions</span>.<span style="color:#dcdcaa;">forEach</span>((<span style="color:#9cdcfe;">options</span>) <span style="color:#569cd6;">=&gt;</span> {
4845+
</div>
4846+
<div>
4847+
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#9cdcfe;">options</span>.<span style="color:#dcdcaa;">forEach</span>((<span style="color:#9cdcfe;">item</span>) <span style="color:#569cd6;">=&gt;</span> {
4848+
</div>
4849+
<div>
4850+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#c586c0;">if</span> (<span style="color:#9cdcfe;">item</span>.<span style="color:#9cdcfe;">field</span> == <span style="color:#ce9178;">'字段'</span>) {
4851+
</div>
4852+
<div>
4853+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#9cdcfe;">item</span>.<span style="color:#9cdcfe;">data</span>.<span style="color:#dcdcaa;">forEach</span>((<span style="color:#9cdcfe;">kv</span>) <span style="color:#569cd6;">=&gt;</span> {
4854+
</div>
4855+
<div>
4856+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#6a9955;">//根据字典的值判断</span>
4857+
</div>
4858+
<div>
4859+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#c586c0;">if</span> (<span style="color:#9cdcfe;">kv</span>.<span style="color:#9cdcfe;">key</span> == <span style="color:#ce9178;">'字典选项的值'</span>) {
4860+
</div>
4861+
<div>
4862+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#6a9955;">//或者根据名称判断kv.value=='字典选项名称'</span>
4863+
</div>
4864+
<div>
4865+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#6a9955;">// kv.disabled = true; //设置选项禁用</span>
4866+
</div>
4867+
<div>
4868+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#6a9955;">// kv.hidden = true; //设置选项隐藏</span>
4869+
</div>
4870+
<div>
4871+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
4872+
</div>
4873+
<div>
4874+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });
4875+
</div>
4876+
<div>
4877+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
4878+
</div>
4879+
<div>
4880+
&nbsp; &nbsp; &nbsp; &nbsp; });
4881+
</div>
4882+
<div>
4883+
&nbsp; &nbsp; &nbsp; });
4884+
</div>
4885+
<br />
4886+
<div>
4887+
&nbsp; &nbsp; &nbsp; <span style="color:#6a9955;">//明细表下拉框</span>
4888+
</div>
4889+
<div>
4890+
&nbsp; &nbsp; &nbsp; <span style="color:#569cd6;">this</span>.<span style="color:#9cdcfe;">detailOptions</span>.<span style="color:#9cdcfe;">columns</span>.<span style="color:#dcdcaa;">forEach</span>((<span style="color:#9cdcfe;">column</span>) <span style="color:#569cd6;">=&gt;</span> {
4891+
</div>
4892+
<div>
4893+
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#c586c0;">if</span> (<span style="color:#9cdcfe;">column</span>.<span style="color:#9cdcfe;">field</span> == <span style="color:#ce9178;">'ProductName'</span>) {
4894+
</div>
4895+
<div>
4896+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#9cdcfe;">column</span>.<span style="color:#9cdcfe;">bind</span>.<span style="color:#9cdcfe;">data</span>.<span style="color:#dcdcaa;">forEach</span>((<span style="color:#9cdcfe;">kv</span>) <span style="color:#569cd6;">=&gt;</span> {
4897+
</div>
4898+
<div>
4899+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#6a9955;">//根据字典的值判断</span>
4900+
</div>
4901+
<div>
4902+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#c586c0;">if</span> (<span style="color:#9cdcfe;">kv</span>.<span style="color:#9cdcfe;">key</span> == <span style="color:#ce9178;">'字典选项的值'</span>) {
4903+
</div>
4904+
<div>
4905+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#6a9955;">//或者根据名称判断kv.value=='字典选项名称'</span>
4906+
</div>
4907+
<div>
4908+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#6a9955;">// kv.disabled = true; //设置选项禁用</span>
4909+
</div>
4910+
<div>
4911+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#6a9955;">// kv.hidden = true; //设置选项隐藏</span>
4912+
</div>
4913+
<div>
4914+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
4915+
</div>
4916+
<div>
4917+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });
4918+
</div>
4919+
<div>
4920+
&nbsp; &nbsp; &nbsp; &nbsp; }
4921+
</div>
4922+
<div>
4923+
&nbsp; &nbsp; &nbsp; });
4924+
</div>
4925+
<div>
4926+
&nbsp; &nbsp; }
4927+
</div>
4928+
</div>
4929+
<br />
4930+
</div>
4931+
</div>`],
4932+
tips: ``,
4933+
img: [],
4934+
},
4935+
48154936
{
48164937
title: "编辑框(明细)从表select下拉框选择事件",
48174938
content: [

0 commit comments

Comments
 (0)