工作312:uni-弹出框显示数据

<template><view class="wrap"><u-form :model="form" :rules="rules" ref="uForm" :errorType="errorType"><u-form-item label="标题" label-width="140" style="margin-left:30rpx" prop="title"><u-input v-model="form.title" placeholder="请输入要输入的文章标题" /></u-form-item><u-form-item label="类别" label-width="140" style="margin-left:30rpx"><u-input type="select" v-model="form.cate" placeholder="请选择" @click="show = true"></u-input><u-select v-model="show" mode="single-column" :list="list" @confirm="confirm"></u-select></u-form-item><!-- 渲染页面数据 --><navigator url="../LevineHua-editor/LevineHua-editor" class="single"><u-form-item label="请输入内容" prop="content" label-width="150"><input  placeholder="请输入内容" v-model="form.content" type="texarea" /></u-form-item></navigator><u-form-item label-position="top" label-width="140" label="封面图" prop="coverImage"><u-image width="320rpx" height="188rpx" @click="choose" :src="messimg"></u-image></u-form-item><u-form-item label="开始时间" prop="startDate" label-width="200"><u-input type="select" v-model="form.startDate" placeholder="请选择" @click="start_time_show = true"></u-input><u-picker mode="time" v-model="start_time_show" @confirm="confirm1" :params="params"></u-picker></u-form-item><u-form-item label="结束时间" prop="endDate" label-width="200"><u-input type="select" v-model="form.endDate" placeholder="请选择" @click="end_time_show = true"></u-input><u-picker mode="time" v-model="end_time_show" @confirm="confirm2" :params="params"></u-picker></u-form-item></u-form><u-button class="sub-btn" @click="submit">提交</u-button></view>
</template><script>/* 引入富文本编辑器 */import jinEdit from '@/components/jin-edit/jin-edit.vue';export default {/* 注册组件 */components: {jinEdit},data() {return {params: {year: true,month: true,day: true,hour: true,minute: true,second: true},messimg: '',/* 获取token值 */header1: {Authorization: this.vuex_token},/* 存储上传地址 */action1: '',show: false,//控制选择框显示end_time_show: false,//控制选择框显示start_time_show: false,form: {},/* list的数据 */list: [{value: '市场动态',label: '市场动态'},{value: '市场党建',label: '市场党建'},{value: '通知公告',label: '通知公告'},{value: '生活窍门',label: '生活窍门'},{value: '健康饮食',label: '健康饮食'},{value: '家政服务',label: '家政服务'},{value: '街道服务',label: '街道服务'},],//提示errorType: ['message'],//验证rules: {title: [{required: true,message: '请输入姓名',trigger: 'blur',},{min: 3,max: 5,message: '姓名长度在3到5个字符',trigger: ['change', 'blur'],},],content: [{required: true,message: '请输入通知内容',trigger: ['change', 'blur'],},],},}},created() {/* "loginId": 0,"marketId": 0, */this.form.loginId = this.vuex_user.idthis.form.marketId = this.vuex_user.market_idconsole.log(this.vuex_token)var url = this.$u.http.config.baseUrl + '/uploadFile/file'console.log(url)this.action1 = url},methods: {changeList(val){console.log(1)console.log(val)},open() {this.show = true;},// 注意返回值为一个数组，单列时取数组的第一个元素即可(只有一个元素)confirm(e) {console.log(e);this.form.cate = e[0].value},confirm1(e) {let date = e.year + '-' + e.month + '-' + e.day + " " + e.hour + ':' + e.minute + ':' + e.secondthis.form.startDate = date},confirm2(e) {console.log(e);let date = e.year + '-' + e.month + '-' + e.day + " " + e.hour + ':' + e.minute + ':' + e.secondthis.form.endDate = date},submit() {this.$u.api.getPartyAdd(this.form).then(res => {console.log(res)})},/* 上传图片 */choose() {uni.chooseImage({success: (chooseImageRes) => {var tempFilePaths = chooseImageRes.tempFilePaths;uni.uploadFile({url: this.$u.http.config.baseUrl + '/uploadFile/file',filePath: tempFilePaths[0],header: {Authorization: this.vuex_token},name: 'file',success: (uploadFileRes) => {let data_res = JSON.parse(uploadFileRes.data)if (data_res.code == 200) {this.messimg = data_res.data;this.form.coverImage = data_res.data;console.log(this.messimg)}}});}});}}}
</script><style scoped lang="scss">.sub-btn {width: 684rpx;height: 96rpx;background: linear-gradient(91deg, #43B9FD 0%, #1FB5FE 100%);opacity: 1;border-radius: 66rpx;border: 0rpx;font-size: 36rpx;font-family: PingFangSC;font-weight: 400;line-height: 40rpx;color: #FFFFFF;position: fixed;bottom: 18rpx;}.title-sm {background: #F7F7F7;width: 100%;padding: 23rpx 0rpx;}.wrap {padding: 30rpx;}.agreement {display: flex;align-items: center;margin: 40rpx 0;.agreement-text {padding-left: 8rpx;color: $u-tips-color;}}
</style>

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/413640.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

运算符和编码

运算符和编码

格式化输出 现在有以下需求,让用户输入name, age, job,hobby 然后输出如下所⽰示:------------ info of Alex Li -----------Name : Alex LiAge : 22job : TeacherHobbie: girl------------- end -----------------你怎么实现呢&#xff1f;你会发现&#xff0c;用字符拼接的方…
阅读更多...
CentOS7 2.新项目上线脚本

CentOS7 2.新项目上线脚本

我司一个客户项目对应代码仓库的一个分支&#xff0c;每次新项目上线总是要从master复制一个分支&#xff0c;接着git clone到本地&#xff0c;在IDEA里面替换配置文件内容&#xff0c;上传到代码仓库&#xff0c;启动项目&#xff0c;配置nginx.conf&#xff0c;每次新项目上线…
阅读更多...
工作312:uni-时间戳处理

工作312:uni-时间戳处理

第一步 <u-form-item label"结束时间" prop"endDate" label-width"200"><u-input type"select" v-model"form.endDate" placeholder"请选择" click"end_time_show true"></u-input>…
阅读更多...
informix如何查询第一条记录

informix如何查询第一条记录

1.select first 1 * from shop;　　　　正序查询第一条数据 2.select first 1 * from shop order by create_time desc;　　　　按创建时间倒序查询第一条数据 3.select first 1 shopid from shop;　　　　正序查询第一条数据中的shopid字段 4.select first 1 shopid from shop…
阅读更多...
工作314:uni-提交成功加入表单验证

工作314:uni-提交成功加入表单验证

增加验证规则 <u-form :model"form" :rules"rules" ref"uForm" :errorType"errorType"><navigator url"../LevineHua-editor/LevineHua-editor" class"single"><u-form-item label"荣誉照片&…
阅读更多...
HDOJ 1233 （克鲁斯卡尔+并查集）

HDOJ 1233 （克鲁斯卡尔+并查集）

还是畅通工程 Time Limit: 4000/2000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Submission(s): 58011 Accepted Submission(s): 26354 Problem Description 某省调查乡村交通状况&#xff0c;得到的统计表中列出了任意两村庄间的距离。省政府“…
阅读更多...
mysql8优化实战

mysql8优化实战

最近上线了一个10万户的管理系统&#xff0c;以前的客户没有这么多用户量&#xff0c;隐藏在代码中的慢sql渐渐显现出来了。 下面是我最近一周慢sql优化的总结&#xff1a; 多表sql优化、count sql优化、超过10 0000条limit优化一、多表sql优化 二、count sql优化 该表有21350…
阅读更多...
工作315:uni-修改添加时间的逻辑

工作315:uni-修改添加时间的逻辑

第一步 <u-form-item label"开始日期" prop"startTime" label-width"150"><u-input type"select" :select-open"start_time_show" v-model"form.startTime" placeholder"请选择" click"…
阅读更多...
javaScript高程笔记--最佳实践

javaScript高程笔记--最佳实践

1.可维护性 《1》什么是可维护的代码 (1)可理解性 (2)直观性 (3)可适应性 (4)可扩展性 (5)可调试性 《2》代码约定 (1)可读性---适当的进行注释【函数和方法、大段代码、复杂的算法、Hack浏览器差异性】 (2)变量和函数名--语义化 (3)变量类型透明---一眼看出来是什么类型的数据…
阅读更多...
工作316:uni-修改其他页面的时间逻辑

工作316:uni-修改其他页面的时间逻辑

<u-form-item label"内容" prop"container" label-width"140"><input placeholder"请输入内容" v-model"form.content" type"texarea" /></u-form-item>定义富文本输入跳转有数值 form: {cont…
阅读更多...
工作317:uni-修改其他页面整体样式

工作317:uni-修改其他页面整体样式

<template><view class"wrap"><u-form :model"form" :rules"rules" ref"uForm" :errorType"errorType"><u-form-item label"标题" class"label-left" style"margin-left:30r…
阅读更多...
犯犯错

犯犯错

1.忘记初始化&#xff0c;程序卡卡卡 2.忘记加多组输入输出 3.Tarjan处理的时候总是把根节点忘掉 4.主函数用数组从0开始&#xff0c;函数中从1开始用&#xff0c;导致凉凉 5.hdu返回TLE的时候记得考虑越界问题 6.memset可能被卡&#xff0c;T的时候想一想&#xff01; 转载于:…
阅读更多...
工作318:uni-切换tabber修改状态修饰

工作318:uni-切换tabber修改状态修饰

onLoad() {/* 调用市场信息的接口 分别 vuex获取 其他三项 */this.$u.api.getTreasureList({marketId: this.vuex_user.market_id,pageNo: 1,pageSize: 20,type:this.current1,releaseBureau:this.releaseBureau,name:this.name}).then(res > {if (res.data.code 200) {thi…
阅读更多...
python--循环列表中字典元素

python--循环列表中字典元素

1. 目的&#xff1a; > 实现列表中字典kay - value的遍历 代码&#xff1a; 循环列表中字典元素info_list [{name:zhao,age:22,hight:171},{name:qian,age:23,hight:165},{name:sun,age:24,hight:148},{name:li,age:25,hight:166} ]# 第一种方式 index 0 while index <…
阅读更多...
工作320:uni-预加载问题

工作320:uni-预加载问题

<u-loadmore :status"status" />onReachBottom() {console.log(触底~~~~)if (this.pageNo > this.pages){this.status nomore;return;} this.status loading;this.pageNo this.pageNo;setTimeout(() > {this.getData()if (this.pageNo > this.page…
阅读更多...
js的基本包装类型

js的基本包装类型

基本包装类型(包装对象)&#xff1a; 先看下以下代码&#xff1a; var s1 "helloworld"; var s2 s1.substr(4); 上面我们说到字符串是基本数据类型&#xff0c;不应该有方法&#xff0c;那为什么这里s1可以调用substr()呢&#xff1f; 通过翻阅js权威指南第3.6章节…
阅读更多...
字节跳动小程序支付接入

字节跳动小程序支付接入

字节跳动小程序支付接入躺过的坑流程签名支付宝配置问题java福利躺过的坑 流程 小程序申请流程业务调用流程 签名 请求字节跳动接口的签名请求预下单返回验签 支付宝配置问题 流程 小程序申请流程 字节跳动小程序开通申请有个渠道秘钥类型选择RSA2和RSA&#xff0c;不管你选择…
阅读更多...
工作322:uni-扩展运算符实现拼接合并操作

工作322:uni-扩展运算符实现拼接合并操作

}).then(res>{if (res.data.code 200) {/* 进行合并操作 */this.tableData [...this.tableData, ...res.data.data.records]this.pages res.data.data.pagesconsole.log(1)console.log(res)}})
阅读更多...
深入浅出JVM-内存模型

深入浅出JVM-内存模型

JVM内存模型总图程序计数寄存器Java虚拟机栈(JVM Stack)定义特点本地方法栈(Native Method Stack)Java堆(Java Heap)定义特点方法区定义特性可能抛出的异常直接内存(Direct Memory)Metaspace (元空间)元空间特色GC元空间内存分配模型从GC角度看Java堆JVM关闭总图 程序计数寄存器…
阅读更多...
HDU 4487 Maximum Random Walk

HDU 4487 Maximum Random Walk

Maximum Random Walk Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submission(s): 756 Accepted Submission(s): 419 三维dp&#xff0c;一维的话根本没有办法开展&#xff0c;二维的话没办法保存当前位置或者最远位置&…
阅读更多...
最新文章

Copyright @ 2022~2023