歌谣--前端学习--前端日常工作
工作
普通网友
这个作者很懒,什么都没留下…
展开
-
工作330:uni-发布详情页样式修改
<template> <view> <view style="padding: 24rpx 0 0 30rpx;"> <text style=" font-size: 30rpx;color: #333333;">{{tableData.name}}</text> </view> <text style="margin-left:26rpx;margin-top: 20rpx;color: #666666;原创 2021-01-25 20:48:28 · 193 阅读 · 0 评论 -
工作329:uni-数据为空不显示
<u-image v-if="tableData[item]!=null" style="display: block;float: left;margin-left: 26rpx;margin-top: 26rpx;" width="120rpx" height="120rpx" :src="tableData[item]"></u-image>原创 2021-01-25 20:48:39 · 372 阅读 · 0 评论 -
工作328:uni-局部过滤器处理数据
toChangeLess(e){ console.log(e) /* 过滤数据中的循环请求*/ if(e==0){ return "不循环" }else if(e==12345){ return "周一到周五循环" }else if(e==12345678){ return "每日循环" } }运行结果...原创 2021-01-25 20:48:11 · 97 阅读 · 0 评论 -
工作335:uni-ele-el-date-picker限制选择时间
<el-form-item :label="index + 1 + '.发布时间'"> <el-date-picker v-model="task.start_time" :picker-options="pickerOptions" :disabled="viewMode"/> </el-form-item> pickerOptions: { disabledDate(time) { re原创 2021-01-25 20:49:50 · 132 阅读 · 0 评论 -
工作335:uni-增加表单验证
<u-form-item prop="account"> <u-input v-model="form.account" placeholder="请输入账号"></u-input> </u-form-item> <u-form-item prop="password"> <u-input class="inp" v-model="form.password" type="password" placeholder原创 2021-01-25 20:49:42 · 191 阅读 · 0 评论 -
工作334:uni-控制整个label区域可选
<navigator url="../LevineHua-editor/LevineHua-editor" class="single"> <u-form-item label="内容" label-width="100%" prop="content" class="label-left"> <u-input placeholder="请输入公告内容" v-model="form.content" type="texarea"></u-input原创 2021-01-25 20:49:24 · 213 阅读 · 0 评论 -
工作333:uni-增加添加成功提示
this.$u.api.getPartyAdd(this.form).then(res => { console.log(res) if(res.data.code==200){ /* uni.showLoading({ title: '添加中' }); */ this.$refs.uToast.show({ title: res.data.message, type: 'success',原创 2021-01-25 20:49:15 · 264 阅读 · 0 评论 -
工作332:uni-uview上传获取到对应数据
let lists = []; // 通过filter,筛选出上传进度为100的文件(因为某些上传失败的文件,进度值不为100,这个是可选的操作) lists = this.$refs.uUpload.lists // 如果您不需要进行太多的处理,直接如下即可 console.log(lists)...原创 2021-01-25 20:49:07 · 1320 阅读 · 1 评论 -
工作331:uni-修改未完成数据动态渲染
<view v-for="(item,index) in TaskUnComplete" class="u-m-b-12" style="margin-left:30rpx;margin-top: 76rpx;">未完成-{{index+1}}条</view> <view v-for="(item,index) in TaskUnComplete"> <view style="padding: 16rpx 30rpx 24rpx;">原创 2021-01-25 20:48:58 · 132 阅读 · 1 评论 -
工作328:uni-两个页面对象传递
getDetailList(record){ console.log(record) uni.navigateTo({ url:'../formdaliyList/formdaliyList?record='+encodeURIComponent(JSON.stringify(record)) }) }, onLoad(e){ /* JSON.parse() */ let obj = JSON.parse(decodeURICompo原创 2021-01-25 20:48:50 · 89 阅读 · 0 评论 -
工作340:pc处理级联数据拼接
handleChange(e) { console.log(e); let aaa='' let ListXX=this.AweMepro console.log(ListXX) for(var item in ListXX){ console.log(ListXX[item].widget.type) if(ListXX[item].widget.type=="category-select"){ .原创 2021-01-28 12:36:16 · 182 阅读 · 0 评论 -
工作339:pc父组件通过props传值给子组件,如何避免子组件改变props的属性值报错问题
</el-form> <div> <!--子代方法有一个·传值传向父级 onselect去接收这个值--> <select-account :data1.sync="accountList" :checkedData.sync="checkedData1" @seletct="onSelect" /> </div> <div style="clear: both">..原创 2021-01-28 12:36:05 · 302 阅读 · 1 评论 -
工作338:pc重置筛选条件
this.query={} console.log(this) getAction("/account/list",{ query:{ platform_channel: this.query.platrorm_channel, platform_category:this.query.platform, department_id:this.query.department, } ..原创 2021-01-28 12:35:57 · 164 阅读 · 0 评论 -
工作337:pc-ele-ment联查问题
<grid-radio @change="ListRuery" v-model="query.platform" :border="true" :options=" platform_category " /> <!--query.platform--> </el-fo..原创 2021-01-28 12:35:46 · 274 阅读 · 0 评论 -
工作336:uni-ele-el-table修改宽度问题
<el-table-column fixed="right" header-align="center" label="操作" width="200px" >原创 2021-01-28 12:35:36 · 623 阅读 · 0 评论 -
工作290:重置新增的mode
/*4 GY定义 找到该组件下面的add方法*/ add() { /* 5GY定义 给当前属性下面的title赋值*/ this.title = "新增"; /*重置新增的mode*/ this.mode=[] this.show(); this.IsShow=true; this.attr='' this.viewMode = false; this.approveMode = f...原创 2020-12-29 18:47:53 · 135 阅读 · 0 评论 -
工作283:抽离出新页面优化
<template> <!--绑定了一个 控制是否为全屏fullscreen close-on-click-modal 是否通过点击model进行关闭 visible是否显示弹出框 close关闭按钮 --> <el-dialog @open="open" :title="fullTitle" width="80%" :fullscreen="false" :close-on-click-modal="false" :visible.sync="dialogFormV.原创 2020-12-29 18:47:12 · 185 阅读 · 0 评论 -
工作282:时间戳转换为秒
choose(){ console.log(this.value1) console.log(this.value1[0].valueOf()/1000) console.log(this.value1[1].valueOf()) getAction("/task/arrange",{ start_time:this.value1[0].valueOf()/1000, end_time:this.value1[1].va...原创 2020-12-28 17:53:24 · 149 阅读 · 0 评论 -
工作277:v-model实战
<!-- 用栅格布局实现的单选框 --><template> <!--v-model默认绑定:value="value" @change="value = $event.target.value"--> <el-radio-group :value="value" @input="handleChange" style="width: 100%"> <el-row> <el-col v-for.原创 2020-12-28 17:52:25 · 153 阅读 · 0 评论 -
工作275:表单验证层级添加
<template> <!--绑定了一个 控制是否为全屏fullscreen close-on-click-modal 是否通过点击model进行关闭 visible是否显示弹出框 close关闭按钮 --> <el-dialog :title="fullTitle" width="80%" :fullscreen="false" :close-on-click-modal="false" :visible.sync="dialogFormVisible" @clo.原创 2020-12-26 22:46:51 · 147 阅读 · 0 评论 -
工作274:ele-图标使用
/*各个路由模块的建立*/import Home from "@/views/Home/Home";import GlobalLayout from "@/layout/GlobalLayout";import Login from "@/views/login/Login";import Check from "@/views/login/Check";const SYSTEM_MANAGEMENT = "系统管理";const SETTLEMENT_MANAGEMENT = "结算管理";.原创 2020-12-24 21:35:19 · 359 阅读 · 0 评论 -
工作263:弹性布局 修改样式
<div class="container" style="display: flex;flex-direction: column"> <!-- <el-radio-group v-model="mode">--> <div > <!-- <el-radio-button class="login-btn" label="0">营销端</el-radio-button>--> ...原创 2020-12-26 22:46:24 · 145 阅读 · 0 评论 -
工作262:HBuilderX常见快捷键
1 1. ctrl+/ 注释代码 2 2. ctrl+y 恢复撤销 3 3. ctrl+x 剪切 4 4. ctrl+z 撤销 5 5. ctrl+c 复制 6 6. ctrl+p 在当前项目查找文件 7 7. ctrl+f 在当前文件查找字符串 8 8. ctrl+alt+f 在当前目录查找字符串 9 9. ctrl+k 格式化代码10 10. ctrl+g 跳转到某行代码11 11. ctrl+o 打开文件12 12. ctrl+alt+s 保存所有文件13 13. 鼠标左键+.原创 2020-12-25 20:31:30 · 188 阅读 · 0 评论 -
工作308:控制change
<div class="container" style="text-align: left;margin-top: 20px;margin-left: 10%" > <!--双向绑定数据checkedData 加入多选框的样式 绑定的是checkData的数据 本次位置是一个数组 当其中选择的数值发生变化的时候 会触发对应的方法 --> <el-checkbox-group v-model="checkedData" @change="handleChe原创 2020-12-31 21:22:15 · 133 阅读 · 0 评论 -
工作307:三元运算符进行判断
</div> <div style="display: flex;flex-direction: column;justify-content: left;text-align: center"> <div style="font-size: 12px;background-color: #ccc;">{{ acc.platform }}</div> .原创 2020-12-31 21:22:05 · 265 阅读 · 0 评论 -
工作302:scss目录编写
css 样式存放目录(待定,选用less或scss)这里我不会把style抽到外头,但是可以写一些全局样式放在这里,里面注意放入common.less normalize.less,里面直接写.el-button那么所有的el-button就会被影响,这里要提一下style的书写,el的样式用class包一下再再style里面写,而普通的就用style scoped来写,注意要用class来包一下,不包也行,因为已经scoped了,变成局部的了。这个style就放在src下面,也可以放在asset下面原创 2020-12-31 21:21:24 · 166 阅读 · 0 评论 -
工作301:substring使用
在 String 中提供了两个截取字符串的方法,一个是从指定位置截取到字符串结尾,另一个是截取指定范围的内容。下面对这两种方法分别进行介绍。1. substring(int beginIndex) 形式此方式用于提取从索引位置开始至结尾处的字符串部分。调用时,括号中是需要提取字符串的开始位置,方法的返回值是提取的字符串。例如: String str = "我爱 Java 编程"; String result = str.substring(3); System.out.prin原创 2020-12-31 21:21:13 · 131 阅读 · 0 评论 -
工作300:处理预览界面
<template> <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> <div style="margin: 0 auto"> <div v-if="tableData.content_type==2"> <h1>图文详情</h原创 2020-12-31 21:21:00 · 113 阅读 · 0 评论 -
工作299:时间戳处理
choose(){ console.log(111111) console.log(this.value1) console.log(this.value1[0].valueOf()/1000) console.log(this.value1[1].valueOf()) getAction("/task/arrange",{ start_time:this.value1[0].valueOf()/1000, end.原创 2020-12-30 22:57:47 · 133 阅读 · 0 评论 -
工作298:无路由页面
<template> <div> <h1>404 Not Found! ????</h1> <router-link to="/"> <el-button type="primary">返回首页</el-button> </router-link> </div></template><script>export default原创 2020-12-30 22:56:36 · 111 阅读 · 0 评论 -
工作296:el-table使用
<template><el-dialog title="修改记录" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="name" l原创 2020-12-30 22:50:26 · 160 阅读 · 0 评论 -
工作295:发布逻辑处理
<template> <el-dialog title="发布" :visible.sync="dialogVisible" width="40%" :before-close="handleClose"> <el-form label-width="80px"> <el-form-item label="项目名"> <el-input v-model="proje原创 2020-12-30 22:46:55 · 217 阅读 · 0 评论 -
工作293:新的打印操作
getAction("/task/" + id + "/release").then(res => { console.log(res, 8888) if (res.code == 404) { this.$message({ message: res.msg, type: 'error' }); this.dialogVisible = false; .原创 2020-12-30 22:28:21 · 123 阅读 · 0 评论 -
工作290:js日期操作
Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星原创 2020-12-30 22:27:45 · 171 阅读 · 0 评论 -
工作289:js取整
只保留整数部分(丢弃小数部分)parseInt(5.1234); // 5向下取整(<= 该数值的最大整数,和parseInt()一样)Math.floor(5.1234); // 5 向上取整(有小数,整数部分就+1)Math.ceil(5.1234); // 6四舍五入(小数部分)Math.round(5.1234); // 5Math.round(5.6789); // 6取绝对值Math.abs(-1); // 1原创 2020-12-29 18:48:58 · 181 阅读 · 0 评论 -
工作288:根据时间戳处理接口
<template> <div class="table-list-page"> <div class="query-area"> <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期"原创 2020-12-29 18:48:48 · 194 阅读 · 0 评论 -
工作293:调节删除顺序删除
} this.$confirm('您确定删除吗?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(res=>{ this.loading=true deleteAction(path.join(this.url.delete, record.id)) /*...原创 2020-12-29 18:48:31 · 181 阅读 · 0 评论 -
工作292:数据绑定逻辑处理
}, confirmAssociation() { if(this.selected!="") { putAction(this.url.put + '/' + this.task_id + '/bound', {content_id: this.selected}).then(res => { this.$message.success("绑定成功"); this.$emit("ok") this...原创 2020-12-29 18:48:21 · 125 阅读 · 0 评论 -
工作288:跨组件传值
putAction("/order/"+this.$parent.$parent.ListId+"/status",{ status:-1, remark: this.remark }).then(res=>{ this.$message({ message: '退回已提交', type: 'success' }); this.$emit("ok") t.原创 2020-12-29 18:47:28 · 123 阅读 · 0 评论 -
工作287:命名报错
return:{ data:{ account_id: '', BindData: [], RomoteData:[], dialogVisible: false, ff_account_index: '', form:{}, } },这种命名报错原创 2020-12-29 18:48:39 · 152 阅读 · 0 评论