hujgg的博客

原创 vue3的antd合并表格

const data = [ { key: '1', name: 'John Brown', age: 32, tel: '0571-22098909', phone: 18889898989, address: 'New York No. 1 Lake Park', }, { key: '2', name: 'Jim Green', tel: '0571-22098333', phone: 188898988...

原创 vue3下载文件流 下载excel

文件下载

原创 vue3导出excel

const mimeMap = { xlsx: 'application/vnd.ms-excel', zip: 'application/zip' }; const resolveBlob = (res: any, mimeType: any) => { // 创建a标签，并处理二级制数据 const aLink = document.createElement('a'); const blob = new Blob([r.

原创 vue3导出pdf

import html2canvas from 'html2canvas';import JsPDF from 'jspdf';/** * @param ele 要生成 pdf 的DOM元素（容器） * @param padfName PDF文件生成后的文件名字 * */const downloadPDF = (ele:any, pdfName:string):void=>{ const eleW:number = ele.offsetWidt.

原创 antd上传图片自定义样式

<div style="cursor: pointer"> <a-form-item class="mb" > <a-upload :customRequest="uploadFile" :file-list="fileList" :showUploadList="false" style="width: 200px"> <a-button t...

原创 antd表格点击展开树形结构

//转换成树形结构 直接返回所有数据转换 const setTreeData = (source: any) => { let cloneData = JSON.parse(JSON.stringify(source)); // 对源数据深度克隆 return cloneData.filter((father: any) => { // 循环所有项，并添加children属性 let branchArr = cloneData.filte...

原创 antd树形结构回显示递归判断子节点是否选中和删除父节点

treeData.data = setTreeData1(res.data.data.permissionList); treeData.checkedKeys=[] //每次进来清空数据 treeData.oneTree=[] // treeData.checkedKeys=checkedKeys.checkedKeys nextTick(()=>{ let userMenuList:any=[] ...

原创 vue动态渲染表单

<!-- 子分类信息展示 --> <a-form v-else-if="openType == '2' " ref="createNode" :model="formNode.formValue" :rules="formNode.rules" v-bind="layout" > <a-form-item v-for="(item, index) in form...

原创 ant分頁使用表格的分頁

<div style="display:flex;align-items: center"> <div> <a-pagination v-model:current="current" :total="total" show-quick-jumper :show-size-changer="false" @change="pageChanges"> <template #itemRender="{ type, originalElement.

原创 vue项目动态表单+上传图片

vue动态表单+图片投票

原创 微信设置图片并排排列

<view class="tabs_photo"> <van-tabs active="{{ active }}"> <van-tab title="全部图片"> <scroll-view scroll-x="true"> <view class="banner" scroll-x="true"> <view class="banner_Item" wx:for="{{PhotoLis.

原创 微信小程序上传多张图片

<view class="xinpanbaobei_content_lists_text" >带看图片 <span>*</span> </view> <view class="xinpanbaobei_content_lists"> <view class='ui_uploader_cell' > <view class='ui_uploader_item' wx:for="{{uploaderL...

原创 微信小程序价格上升下降点击排序

<view class="sort"> <block wx:if="{{showtop}}"> <view style="font-weight:600;font-size:28rpx" bindtap="ordertop">价格 <image src="/images/user/jiangxu.png"></image> </view> <...

原创 微信小程序canvas 压缩文件并上传

<canvas style="width: {{canvasWidth}}px; height: {{canvasHeight}}px;" canvas-id="attendCanvasId"></canvas> //data中的数据Images:[], // 接收压缩后的图片 compressImages: [], // 预设画布宽高 canvasWidth: 0, canvasHeight: 0,prodImage...

原创 layui预览图片

$(document).on("click","#picbox",function(){ $(function () { $('#takelookfile img').on('click', function () { layer.photos({ photos: '#takelookfile', shadeClose: false, closeBtn: 2, anim: 0 }); }) }); }) var h..

原创 layui图片上传与预览图片

<div class="imageShow"> <img id="uploadImageShow" src="" onclick="previewImg(this) "/></div>

原创 溢出隐藏，css一行或多行

一行overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示多行overflow: hidden;text-overflow: ellipsis;display:-webkit-box; //作为弹性伸缩盒子模型显示。-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列-webkit-line-clamp:2; .qudaos_content_title_text

原创 微信小程序时间转换,时间戳转换和时间，提前7天

调用a[i].TakeLookTime = this.time(a[i].TakeLookTime)time(date) { var dateTime = new Date(parseInt(date)) var year = dateTime.getFullYear(); var month = dateTime.getMonth() + 1; var day = dateTime.getDate(); var hour = dateTime.getHours

原创 vue点击哪个index(索引),哪个就改变状态，根据点击改变状态

<style> .active { color: red }</style> <div id="app"> <ul> <li v-for="(item,index) in movies" :class="{active:currentIndex===index}" @click="handler(index)"> {{item}} </li

原创 上一页下一页翻页，layui进行

<div class="layui-inline"> <button class="layui-btn layui-btn-primary layui-btn-sm" id="PageLast"><i class="layui-icon">上一页</i></button> </div> <div class="layui-inline">

原创 直接下载图片JS，jq,真对不同的浏览器，裁剪URL地址返回来的第一个值，

js原生下载图片 直接下载<!-- 页面创建一个下载的事件 --><button onclick="downloadImage()">下载图片</button><!-- 一个是要引入jquery的一个是不用的 下面都有注解 --><!-- <script src="./query.js"></script> --> <script> //图片地址 let url=""

原创 图片纠错文件，纠错前后，重新渲染，layui

<span style="margin-left: 555px;color: red;font-size: 25px;font-weight: 700">纠错后</span><span style="margin-left: 370px;color:blue;font-size: 25px;font-weight: 700">纠错前</span><div class="portfolio-content"> <div class

原创 layui图片上传，删除功能

<form> <input type="hidden" name="PropertyID" id="pid" value="" /> <input type="hidden" name="PropertyNO" id="PropertyNO" value="" /> <select id="Phototype" name="Phototype" lay-filter="purpose" ...

原创 本地获取值，layui框架表格table.on监听点击事情

var type = localStorage.getItem("type") table.on('rowDouble(test)', function(obj) { var data = obj.data; var ProjectID = data.ProjectID; console.log(data) localStorage.setItem("type", data.type) //弹框(全屏) var index = layer.open

原创 前端拼接 取值遍历

前端拼接 取值遍历var areas = [];areas.push(ret[i].AreaID)$("#" + ret[i].AreaSectionID.trim() + "Policy").val(ret[i].Policy)去除多余的空格 trimlet areaIds = "";let Policies = "";areas.forEach((a) => { let areaId = $("#" + a).is(':checked'); let Polic

原创 //通过ajax获取后台的值，再循环遍历到页面上，JQ，append,最后需要form.render(‘select‘)，layui框架

//通过ajax获取后台的值，再循环遍历到页面上，JQ xgweb.ajaxPost(xgweb.apiAdd() + "busSolePro/distributionSoleProSelectDep", { }, function(res) { var res=res.data if (res == null) { layer.alert("没有获取到信息！"); }

原创 页面html传参，JQ，页面跳转后，当前页面传递到下个页面的值，或者使用本地存储直接存储值

localStorage.setItem("key", bookId) var value= localStorage.getItem("key") console.log("key=", value)//第二种，页面直接传参http://localhost.com/***/detail.html?ProjectID=ProjectID$(function () { getData();});function getData() { var noticeId..

原创 微信小程序封装es6 promise,小程序支持es7 async

原创 循环遍历，根据条件给页面渲染值，layui,jq

循环遍历，根据条件给页面渲染值for (var index in res.data) { var item=res.data[index]; if (item.LastFollowDay<0) { $("tr[data-index='" + index + "']").attr({"style":"color:red","font-weigth":"bold"}) }else if(item.Status!="有效"){ $("tr[da

原创 //获取周日期选中后的值，根据左边的点击 更改右边的数据，并导出报表，报表需要单独导出，否则点击一下导出几次数据。 //获得某月的开始日期

//获取周日期选中后的值form.on('select', function (data) {begindata = data.elem[data.elem.selectedIndex].dataset.begindateenddata = data.elem[data.elem.selectedIndex].dataset.enddate// console.log(begindata) });根据左边的点击 更改右边的数据，并导出报表，报表需要单独导出，否则点击一下导出几次数据。

原创 //清空数据，并重新渲染，部门表清空数据再渲染上去，最后需要重新 form.render(‘select‘)

//清空数据，并重新渲染，部门表清空数据再渲染上去，最后需要重新 form.render(‘select’)$('#clean').click(function () { $('#deptid1').val(""); $('#DeptID').val(""); $('#citySel').val(""); // $('#EmpID').val("");

原创 获取下拉框选择的值 layui下拉选中

获取下拉框选中的值var RoleID=$('#RoleID').val();var arr=new Array()var checkedData = layui.tree.getChecked('demoId1'); //获取选中节点的数据treeForeach(checkedData, node => { arr.push(node.id)})``获取下拉框选择的值

原创 通过ajax获取值，然后通过JQ赋值，再进行渲染

通过ajax获取值，然后通过JQ赋值，再进行渲染 $.get("/PropertyReview/GenConnTiaoshu", function (ret) { var htmls = ""; for (var i = 1; i <= ret; i++) { htmls += "<option value=" + i + ">" + i + "</option>"; .

原创 后台取值，循环遍历，再重新赋值

取出数据导出表 循环取出数，再重新赋值 判断其中的值是如何 根据值进行渲染 for(var i=0;i<ret.data.length;i++){ if(ret.data[i].datetime1=="" ){ ret.data[i].datetime1="无" }else{ var shijian=ChangeDateFormatsss(ret.data[i].datetime1)

原创 添加新的审批表，通过归属部门，部门员工，审批类型，审批状态进行查询

添加新的审批表，通过归属部门，部门员工，审批类型，审批状态进行查询<a href="#" class="layui-btn" id="chaxun"> <i class="layui-icon layui-icon-search ad"></i> 查询</a> //条件查询房源 $("#chaxun").click(function () {

原创 自动加载七天前后的页面

一进页面自动加载7天之内页面 $('#TrustDate2').val(xgweb.timeUtils.dateTimeNowYMD()); $('#TrustDate1').val(xgweb.timeUtils.dateTimeNowYMDCal(-7)); GetKeYuan(1,'chaxun');

原创 弄报告 考勤 导出数据 导入layui.excel插件 下载layui.excel插件 导出报表

弄报告 考勤 导出数据 导入layui.excel插件下载layui.excel插件 导出报表<a class="layui-btn" id="exportbiao"><i class="layui-icon layui-icon-export ad"></i> 导出全部</a> <button class="layui-btn" type="button" id="chaxunbaogao">

原创 上传的图片自适应效果，上传图片自动自适应，添加了固定在最底下的标签， layui框架，点击返回直接返回 ```bash

上传的图片自适应效果，上传图片自动自适应，添加了固定在最底下的标签，layui框架，点击返回直接返回 <div class="divcss5"> <div id="imageView_container" > </div> </div>.divcss5 img{width:600px; height:420px}<div class="divcss5" style="width:99%;height:

原创 选择图片 ，并上传，可以传多个图片，需要导入layui框架

选择图片 并上传var layui = layui.config({ base: '../../layuiadmin/' //静态资源所在路径 }).extend({ index: 'lib/index' //主入口模块 }).use(['laydate', 'index', 'form', 'table', 'layer', 'tree'], function () { var laydate = layui.laydate; var $ = layui.$, a

原创 添加功能隐藏显示JQuery+layui框架

添加功能隐藏显示JQ <a href="#" class="layui-btn" id="moreask"><i class="layui-icon iconfont icon-xia-sanjiao ad"></i>更多信息</a> <input type="hidden" id="myself" value=""/>//隐藏更多条件 $('#show').hide(); laydat