<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[dell_Luo的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/dell_Luo</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; dell_Luo]]></copyright><item><title><![CDATA[【无标题】]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/148535750</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/148535750</guid><author>dell_Luo</author><pubDate>Mon, 09 Jun 2025 15:22:51 +0800</pubDate><description><![CDATA[若所选项目全部有归档操作权限、无需审批即可归档、未处在审批中，则出现确认弹窗，弹窗文案：“确认批量归档项目吗？归档后该项目可在"项目 - 已归档项目"中查看，归档的项目默认不纳入统计，需要时可随时取消归档并正常使用。-若所选项目中存在需要审批才能归档的、无操作权限的、正在审批中的，则出现校验弹窗，点击表格中的项目所在行，则跳转到该项目下。鼠标悬停在项目表格或列表上，出现勾选框，可批量选中项目（可全选），选中后出现“归档项目”按钮。客户存在大量项目和任务，需要完成、确认、归档，单个点击效率太低。]]></description><category></category></item><item><title><![CDATA[element-ui el-tabs蓝条样式修改]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/132165276</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/132165276</guid><author>dell_Luo</author><pubDate>Tue, 08 Aug 2023 13:59:56 +0800</pubDate><description><![CDATA[底部蓝条的长度是根据文字长度修改的，并且蓝条中间没有间隔，此时蓝条的长度就需要动态计算。element-ui el-tabs基础蓝条样式。点击切换tab时计算蓝条长度修改样式。]]></description><category></category></item><item><title><![CDATA[vue+element 查看详情页时后端返回编码,转成中文]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/117529451</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/117529451</guid><author>dell_Luo</author><pubDate>Thu, 03 Jun 2021 17:21:11 +0800</pubDate><description><![CDATA[vue+element 查看详情页时后端返回编码,转成中文
有两种,一种是input返回的是编码需要转成中文
还有一种是select返回的是value 显示时展示成lable
input的:
第一种是当要转的判断条件少时可以直接 获取到字段if判断赋值改变

第二中是当转换条件多的时候并且是一个字段多个编码 对应转多个中文时:

let arrs = []
let roles = this.historyList.legalPersonIdType.split(',')
let objs={
	"JMSFZ]]></description><category></category></item><item><title><![CDATA[vue 动态路由使用name 跳转,直接跳到登录页]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/117528931</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/117528931</guid><author>dell_Luo</author><pubDate>Thu, 03 Jun 2021 17:11:36 +0800</pubDate><description><![CDATA[出现这个问题大多数是由于用name跳转的时候,没携带params传参, 或者就是params为null或者空导致的,可以看下下面的案例
这是我的路由:

如果路由是这种,跳转时需要使用 name+params 传参数
let routeData = this.$router.resolve({
name: ‘commercialPreview’,
params: { projectType: “111”,suid:“222” }
})
window.open(routeData.href, ‘_blank’]]></description><category></category></item><item><title><![CDATA[element-ui select框一进入页面校验报错]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/117528784</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/117528784</guid><author>dell_Luo</author><pubDate>Thu, 03 Jun 2021 17:03:05 +0800</pubDate><description><![CDATA[element-ui select框进入页面校验报错
如何解决呢
就是把select框绑定的字段 初始设为null ,不能设置为字符串

]]></description><category></category></item><item><title><![CDATA[vue + echarts请求接口赋值后动画效果消失]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/116938318</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/116938318</guid><author>dell_Luo</author><pubDate>Mon, 17 May 2021 16:35:08 +0800</pubDate><description><![CDATA[今天发现了echarts折线图没有了初始加载时的动画效果,排查后发现是因为我们请求接口后,动态的赋值后动画效果没有了,解决办法就是在动态给echarts赋值前this.myChart.clear();初始化一下就可以啦

]]></description><category></category></item><item><title><![CDATA[vue+echarts鼠标hover时柱状图设置渐变背景]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/116452507</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/116452507</guid><author>dell_Luo</author><pubDate>Thu, 06 May 2021 13:56:05 +0800</pubDate><description><![CDATA[想要实现的效果:
只需要在tooltip里设置axisPointer即可

axisPointer : {
	type : 'shadow',
	shadowStyle: {
		color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			{ offset: 0, color: 'rgba(0, 253, 255, 0.6)' },
			{ offset: 1, color: 'rgba(73, 201, 229, 0)' },
		]),
		w]]></description><category></category></item><item><title><![CDATA[jquery+video 获取视频第一帧做视频封面]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/116293767</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/116293767</guid><author>dell_Luo</author><pubDate>Fri, 30 Apr 2021 09:57:29 +0800</pubDate><description><![CDATA[直接在视频资源后添加#t=0.1 即可 由于每个视频资源不同有的视频前一两秒是黑屏的所以时间可自定义例如图上我直接放的#t=2 不是第一帧但是可实现封面效果
最终效果图如下:



如果调整了秒数还是不出来,有可能是video引用的插件样式影响了,如果有多个video视频资源切换不同的tabs时 第一帧封面消失了,可能是被currentTime()影响了


...]]></description><category></category></item><item><title><![CDATA[element-ui+vue  el-table表头以及表格合并]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/116292583</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/116292583</guid><author>dell_Luo</author><pubDate>Fri, 30 Apr 2021 09:33:59 +0800</pubDate><description><![CDATA[element-ui+vue  el-table表头以及表格合并
需要达到的效果(有三个开标室,两个评标室,一个评审室将相同类型的表格合并)



放到methods中:

objectSpanMethod({ row, column, rowIndex, columnIndex }) {
  if (columnIndex === 0) {
    if (rowIndex ==0) {
      return {
        rowspan: 3,
        colspan: 1
     ]]></description><category></category></item><item><title><![CDATA[jsp+jquery  jsp封装头部导航后,点击导航栏对应页面,页面跳转,但对应导航栏不高亮]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/115866308</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/115866308</guid><author>dell_Luo</author><pubDate>Mon, 19 Apr 2021 15:48:54 +0800</pubDate><description><![CDATA[一般我们会使用$(this).addClass(“add”).siblings().removeClass(“add”);被点击li添加样式，移除兄弟样式这样的方法.
可是我们前端把写好的html页面发给后端集成jsp后失效了,造成这样的原因是jsp页面,头部,底部,内容部分分开封装再集合到一起,导航栏点击后地址栏改变,跳转后会刷新页面,所以使用上面这种方法,部分情况会不奏效.所以提供以下一个简单的方法可解决此问题

首先我们在导航栏,点击跳转的地方使用type拼接一个参数,我这里拼的是下标


var u]]></description><category></category></item><item><title><![CDATA[vue+elementui 列表添加radio单选框选择 以及单选框数据返显]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/115863403</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/115863403</guid><author>dell_Luo</author><pubDate>Mon, 19 Apr 2021 14:18:56 +0800</pubDate><description><![CDATA[直接贴代码,首先给table列表添加radio单选:
需要用

(需要使用template包裹起来,列表中radio数据返显主要是v-model绑定时直接写成row.参数就可以了)
&lt;el-table-column prop="dataStatus" label="禁用状态" align="center"&gt;
  &lt;template v-slot="{ row }"&gt; 
    &lt;el-radio-group v-model="row.dataStatus"   @change=]]></description><category></category></item><item><title><![CDATA[echarts地图 湖南|陕西|北京|贵州等全国各个地区地图]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/115761168</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/115761168</guid><author>dell_Luo</author><pubDate>Fri, 16 Apr 2021 15:24:53 +0800</pubDate><description><![CDATA[此篇先贴一个湖南的:
点击打开此链接搜索你想找的地区http://datav.aliyun.com/tools/atlas/#&amp;lat=30.332329214580188&amp;lng=106.72278672066881&amp;zoom=3.5

复制json后在浏览器里打开

紧接着ctrl+a ctrl+c
然后再浏览器中搜索出一个json在线解析,将粘贴的内容复制进去,等解析完毕把解析过后的数据复制
在代码中新建一个js文件,然后把解析过后的数据粘贴进去,此步骤是为了看清json数据,]]></description><category></category></item><item><title><![CDATA[jquery+html 前端页面模拟模糊搜索,搜索到的内容高亮展示]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/115759968</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/115759968</guid><author>dell_Luo</author><pubDate>Fri, 16 Apr 2021 14:52:52 +0800</pubDate><description><![CDATA[包含搜索内容的效果:

没有匹配内容的效果:

html代码:
贴上来这张html是为了让大家看到结构  五条数据为一组


js代码(需要先引入jquery):



&lt;script&gt;
       
        //获取地址栏参数//可以是中文参数
        function getUrlParam(key) {
            // 获取参数
            var url = window.location.search;
            // 正则筛选]]></description><category></category></item><item><title><![CDATA[jquery+video 鼠标滑动标签切换video中的视频资源,暂停未播放视频]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/115756718</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/115756718</guid><author>dell_Luo</author><pubDate>Fri, 16 Apr 2021 13:39:38 +0800</pubDate><description><![CDATA[效果视频:
https://v.qq.com/x/page/k3240mov9xh.html
html代码:

&lt;div class="videoBox"&gt;
     &lt;video id="my-video" class="video-js" controls preload="auto" width="783" height="523" poster="" data-setup="{}"&gt;
         &lt;source src="http://vjs.zencdn.net]]></description><category></category></item><item><title><![CDATA[jquery 文字上下轮播滚动效果]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/115755382</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/115755382</guid><author>dell_Luo</author><pubDate>Fri, 16 Apr 2021 12:46:18 +0800</pubDate><description><![CDATA[实现的效果:

html代码:
&lt;div class="contentNotice"&gt;
      &lt;ul&gt;
           &lt;li&gt;&lt;img src="../img/notice.png" alt=""&gt;&lt;/li&gt;
           &lt;li&gt;
               &lt;div class="scrollDiv" id="s1"&gt;
                   &lt;ul class="conten]]></description><category></category></item><item><title><![CDATA[jquery用ul li 模拟一个简单的select下拉列表,鼠标hover展开(箭头样式上下切换)]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/115754620</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/115754620</guid><author>dell_Luo</author><pubDate>Fri, 16 Apr 2021 12:27:42 +0800</pubDate><description><![CDATA[直接贴代码:

        &lt;div class="mainFooter"&gt;
             &lt;img src="../img/footer.png" alt="" class="footer_img"&gt;
             &lt;div class="footerSelect"&gt;
                 &lt;ul&gt;
                     &lt;li&gt;国家部委&lt;img src="../img/xjt.p]]></description><category></category></item><item><title><![CDATA[vue+elementui   v-print打印时预览的页面多一张空白页]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/115753762</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/115753762</guid><author>dell_Luo</author><pubDate>Fri, 16 Apr 2021 12:07:31 +0800</pubDate><description><![CDATA[这是更改前的效果,多了一张空白页:

先贴一下打印的代码:



解决方法(新添加一个style):

主要内容:

将margin设置为0即可

]]></description><category></category></item><item><title><![CDATA[vue+elementui $message不解析＜br＞]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/115752639</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/115752639</guid><author>dell_Luo</author><pubDate>Fri, 16 Apr 2021 11:41:49 +0800</pubDate><description><![CDATA[接口返回带&lt; br &gt;的message信息,放到$message提示框里后不解析&lt; br &gt;的解决方法:

res.message是接口返回的内容带&lt; br &gt;,添加上dangerouslyUseHTMLString:true后 &lt; br &gt;被解析
解析后的效果:

谢谢大家

...]]></description><category></category></item><item><title><![CDATA[vue+element 调列表接口未返回分页内容,前端页面分页]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/115752131</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/115752131</guid><author>dell_Luo</author><pubDate>Fri, 16 Apr 2021 11:25:28 +0800</pubDate><description><![CDATA[分页内容:

	&lt;div class="ui-pagination"&gt;
        &lt;el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="currentPage"
          :page-sizes="[10, 20, 30, 40, 50]"
          :pag.]]></description><category></category></item><item><title><![CDATA[echarts提示框标题自定义数据总合]]></title><link>https://blog.youkuaiyun.com/dell_Luo/article/details/115750793</link><guid>https://blog.youkuaiyun.com/dell_Luo/article/details/115750793</guid><author>dell_Luo</author><pubDate>Fri, 16 Apr 2021 10:53:26 +0800</pubDate><description><![CDATA[echarts提示框标题自定义成数据总合
这是自定义前鼠标hover上去提示框的内容:

这是想要达到的效果 (增加一个交易总数,交易总数展示的数据是(房建工程+园林工程+市政工程+水务工程)数据的和)

直接贴代码截图:


tooltip: {
                    trigger: 'axis',
                    formatter: function (params, ticket, callback) {
                        v]]></description><category></category></item></channel></rss>