增加前端禁止缓存与完善其他文档

Author: cq-panda

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

@@ -44,6 +44,16 @@ export default {
     return {
       active: 0,
       log: [
+        { date: "2020-12-13 15:29:34", desc: "增加自定义按钮权限控制操作文档" },
+        { date: "2020-12-13 14:44:12", desc: "设置表单只读时也可以设置额外属性" },
+        { date: "2020-12-13 14:30:15", desc: "添加table背景颜色文档" },
+        { date: "2020-12-13 14:00:14", desc: "增加table单元格颜色" },
+        { date: "2020-12-13 12:45:16", desc: "增加查询页面模板默认ref=grid属性" },
+        { date: "2020-12-13 12:36:26", desc: "修复表单select/checkbox为只读时字典没有转换的问题" },
+        { date: "2020-12-13 12:24:34", desc: "增加查询界面更多按钮项目hidden属性" },
+        { date: "2020-12-13 12:41:11", desc: "修复H5图片上传路径错误的问题" },
+        { date: "2020-12-13 12:40:41", desc: "优化白色主题" },
+        { date: "2020-12-13 09:50:39", desc: "提交遗漏文件" },
         { date: "2020-12-06 17:26:31", desc: "添加自定义多个弹出框及其他文档" },
         { date: "2020-12-06 16:13:31", desc: "导入、审核、数据结构弹出框开启默认延迟加载" },
         { date: "2020-12-06 16:12:49", desc: "弹出框增加lazy延迟加载功能" },

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

@@ -99,6 +99,7 @@
 
           </div>
           <Alert type="success"
+                 v-if="item.tips"
                  show-icon>{{item.tips}}</Alert>
         </div>
       </div>
@@ -147,6 +148,22 @@ export default {
             "https://doc-vue-1256993465.cos.ap-chengdu.myqcloud.com/20201213btn03.jpg?imageMogr2/thumbnail/!50p",
             "https://doc-vue-1256993465.cos.ap-chengdu.myqcloud.com/20201213btn04.jpg?imageMogr2/thumbnail/!50p",]
         },
+        {
+          title: "禁用页面缓存keepAlive",
+          content: [`所有页面默认开启了缓存，即所有页面只会执行一次created与onInit<br />
+<br />
+解决方法1：在router文件夹下找到路由配置里加上:&nbsp; (具体见router-&gt;form.js中的/kindEditor配置)<br />
+&nbsp; &nbsp;meta: {<br />
+&nbsp; &nbsp; &nbsp; keepAlive: false<br />
+&nbsp; &nbsp;}&nbsp;<br />
+<br />
+解决方法2：如果需要每次进入页面查询数据，在[表名.js]文件中添加:<br />
+&nbsp; &nbsp;onActivated(){<br />
+&nbsp; &nbsp;}<br />
+&nbsp;<br />`],
+          tips: "",
+          img: ""
+        },
         {
           title: "前端断点调试",
           content: [`见右边截图`],
@@ -2264,6 +2281,56 @@ export default {
           img:
             "https://doc-vue-1256993465.cos.ap-chengdu.myqcloud.com/42.png?imageMogr2/thumbnail/!50p",
         },
+        {
+          title: "table自定义显示图片及base64格式",
+          content: [`<div style="color:red;">2020.12.19更新basic组件才能使用</div><div style="color:#D4D4D4;background-color:#1E1E1E;font-family:Consolas, &quot;font-size:14px;line-height:19px;white-space:pre;">
+	<div>
+		&nbsp;&nbsp;<span style="color:#dcdcaa;">onInit</span>(){
+	</div>
+	<div>
+		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#569cd6;">this</span>.<span style="color:#9cdcfe;">columns</span>.<span style="color:#dcdcaa;">forEach</span>(<span style="color:#9cdcfe;">item</span><span style="color:#569cd6;">=&gt;</span>{
+	</div>
+	<div>
+		&nbsp;&nbsp;&nbsp;&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;">"xxx"</span>){
+	</div>
+	<div>
+		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//1.通过formatter自定返回图片</span>
+	</div>
+	<div>
+		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//&nbsp;var&nbsp;_imgs=[];</span>
+	</div>
+	<div>
+		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//&nbsp;item.formatter=(imgs)=&gt;{</span>
+	</div>
+	<div>
+		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//&nbsp;&nbsp;//&nbsp;imgs.split(",")</span>
+	</div>
+	<div>
+		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//&nbsp;&nbsp;_imgs.push({name:"文件名",path:"127.0.0.1/xxxx.jpg"})</span>
+	</div>
+	<div>
+		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//&nbsp;}</span>
+	</div>
+<br />
+	<div>
+		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//2.&nbsp;如果图片是base64格式的,请将属性设置为base64=true;</span>
+	</div>
+	<div>
+		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//&nbsp;&nbsp;item.base64=true;</span>
+	</div>
+	<div>
+		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
+	</div>
+	<div>
+		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})
+	</div>
+	<div>
+		&nbsp;&nbsp;&nbsp;&nbsp;}
+	</div>
+</div>`], tips: ``,
+          img:
+            "",
+        },
         {
           title: "table格式化数据",
           content: [