技术标签: vue vue.js javascript
<template>
<div class="JNPF-common-layout">
<el-table v-loading="listLoading" :data="list">
<el-table-column prop="jhmc" label="辨识评价计划名称" align="left" />
<el-table-column prop="bskssj" label="辨识开始时间" align="left" />
<el-table-column label="操作" fixed="right" width="200">
<template slot-scope="scope">
<!-- 按钮触发事件公用一个方法名addOrUpdateHandle() -->
<el-button type="text" @click="addOrUpdateHandle(scope.row.id)" >
编辑
</el-button>
<el-button type="text" @click="addOrUpdateHandle(scope.row.id, true)" >
详情
</el-button>
<el-button type="primary" icon="el-icon-plus" @click="addOrUpdateHandle()">
新增
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 用于引入子组件 @refresh自定义函数是用于刷新页面 -->
<JNPF-Form v-if="formVisible" ref="JNPFForm" @refresh="refresh" />
</div>
</template>
父组件 addOrUpdateHandle()方法如下:
<script>
import JNPFForm from './form' // 引入子组件form表单
export default {
components: {JNPFForm}, // 注册子组件
data() {
return {
formVisible: false,
}
},
methods: {
// isDetail 是详情传过来的true的值,用来区分详情和查看
addOrUpdateHandle(id,isDetail) {
this.formVisible = true // 控制弹出框显示
this.$nextTick(() => {
this.$refs.JNPFForm.init(id,isDetail) // init()是子组件函数
})
},
},
}
</script>
<template>
<!-- 关键代码::title="!dataForm.id ? '新建' : isDetail ? '详情':'编辑'" -->
<el-dialog :title="!dataForm.id ? '新建' : isDetail ? '详情':'编辑'" :close-on-click-modal="false" :visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll width="800px">
<el-row :gutter="15">
<!-- :disabled="!!isDetail" 详情表单内容禁用状态 编辑为可编辑状态-->
<el-form ref="elForm" :model="dataForm" label-width="139px" :disabled="!!isDetail">
<el-col :span="24">
<el-form-item label="辨识评价计划名称" prop="jhmc" >
<el-input v-model="dataForm.jhmc" placeholder="请输入" clearable :style='{"width":"100%"}' prefix-icon="" suffix-icon="" >
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="辨识开始时间" prop="bskssj" >
<el-date-picker v-model="dataForm.bskssj" placeholder="请选择" clearable :style='{"width":"100%"}' type="date" format="yyyy-MM-dd" value-format="timestamp" >
</el-date-picker>
</el-form-item>
</el-col>
</el-form>
</el-row>
<span slot="footer" class="dialog-footer">
<el-button @click="visible = false">取 消</el-button>
<el-button type="primary" @click="dataFormSubmit()" v-if="!isDetail">
确 定
</el-button>
</span>
</el-dialog>
</template>
<script>
export default {
data() {
return {
visible: false,
dataForm: {}
}
},
methods: {
init(id, isDetail) {
this.dataForm.id = id || 0; // 如果有id就是编辑或者查看,没有id就是新增
this.visible = true; // 打开弹窗
this.isDetail = isDetail || false; // isDetail为true就是详情,没有isDetail就是false为编辑
this.$nextTick(() => {
this.$refs['elForm'].resetFields(); // 清空表单
// 如果有id就是编辑查看,这里的请求用于做数据回填
if (this.dataForm.id) {
request({
url: '/api/System/riskPlan/' + this.dataForm.id, // 根据项目接口写url
method: 'get'
}).then(res =>{
this.dataForm = res.data; // 数据回填
this.total = this.fxdszArr.length // 总条数
})
}
})
},
},
}
</script>
文章浏览阅读7.1k次,点赞7次,收藏37次。1、原理图库可以随便画,只要相应的相应的管脚有就可以2、原理图库的管脚标数和pcb图库的管脚是一一对应的3、画pcb图库的时候,元件的长宽要适当,可以设置格子的大小来便于设置画出pcb图库的大小。管脚的标数是和原理图库是一一对应的。4、画原理图库的时候,元件必须摆放在画板中心,再保存。否则话pcb原理图的时候,器件总是拖不进去。5、画pcb图库的时候要设置参考点,否则在生成的印制电..._pcb怎么画斜线
文章浏览阅读630次。出现问题:ValueError: Dimension 1 in both shapes must be equal, but are 28 and 324. Shapes are [1024,28] and [1024,324]. for ‘Assign_682’ (op: ‘Assign’) with input shapes: [1024,28], [1024,324].这是由于维度的原因不同所造成。修改了train.py 的第60行成功!如果还未成功,看几个地方是否一样:1 train._valueerror: dimension 1 in both shapes must be equal, but are 324 and 12. sh
文章浏览阅读1.1w次。var json = eval("("+data+")");//将json类型字符串转换为json对象注:https://www.cnblogs.com/yuxiaona/p/5853732.html
文章浏览阅读793次,点赞7次,收藏9次。线性空间(也叫向量空间)、线性运算_线性空间定义
文章浏览阅读1.1k次。2、pip config set global.index-url http://mirrors.aliyun.com/pypi/simple/ #修改配置文件。原本的pip源一般为国外源,在下载第三方库的速度很慢,更改pip源可以快速提高下载速度。清华大学:https://pypi.tuna.tsinghua.edu.cn/simple。阿里云:http://mirrors.aliyun.com/pypi/simple。豆瓣:http://pypi.douban.com/simple。_pycharm更换pip源
文章浏览阅读1.3w次,点赞9次,收藏35次。最近开发项目时配置代理过程中遇到一个非常低级的错误,导致配置完代理后,项目运行请求接口一直是404;并同时因为这个低级错误,自己对前端vue项目的代理配置又混乱,直至发现问题后才对代理配置清晰明了起来。本文简单记录问题解决方式及自己对vue项目中的代理配置一点小理解,避免日后再次踩坑。vue项目中涉及的文件简单描述:1、该项目的后台的服务地址为:http://10.10.10.10/aa2、现在请求一个后台的验证码接口为: /code/img3、vue项目中环境配置(.env.developme._axios加上baseurl反向代理就不生效
文章浏览阅读936次。之前发了很多有关C/C++项目的文章。但是对于C语言的学习,需要自己亲自敲一些代码才能够学好C语言。在这里讲解一下简单的C语言程序(代码),希望自己能够在自己的电脑上敲几遍。a与b的算术运算描述:输出a和b的初始化值的简单算术运算。代码:输出结果:分析:printf函数是将双引号中的内容输出到弹出框中,其中因为a和b的数据类型都是int型,所以运算结果都要用%d的形式输..._简单的c语言代码解析
文章浏览阅读3.8k次。1.k-means算法的思想k-means算法是一种非监督学习方式,没有目标值,是一种聚类算法,因此要把数据划分成k个类别,那么一般k是知道的。那么假设k=3,聚类过程如下:随机在数据当中抽取三个样本,当做三个类别的中心点(k1,k2,k3);计算其余点(除3个中心点之外的点)到这三个中心点的距离,每一个样本应该有三个距离(a,b,c),然后选出与自己距离最近的中心点作为自己的标记,形成三个簇群;..._kmeans 计算类内平均距离
文章浏览阅读1.7k次。前端使用<link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">由于访问fonts.googleapis.com不稳定,所以经常出现图标访问不到_material icons 无法访问
文章浏览阅读647次。项目开发中,在做mybatis动态查询时,遇到了一个问题:mysql在进行like模糊查询时,输入英文可以正常检索出结果,但是输入中文后检索得到的结果为空。由于是使用get方式请求,所以为了确保中文不乱码,在控制台接收到请求参数后,对中文进行了一次编码。try {realname = new string(realname.getbytes("gbk"), "utf-8");} catch (un..._通过java查询mysql 模糊查询中文失效
文章浏览阅读1.8k次。第0步:声明一个线程、一个事件CWinThread* m_hThread; //接收线程的句柄HANDLE hStartEven; //第一步:定义自己的消息#define MY_MESSAGE WM_USER+100第二步:在发送消息的线程中//得到需要传输的数据 CString str; GetDlgItemText..._mfc中主进程和子线程共享数据
文章浏览阅读7.7k次,点赞3次,收藏12次。2020年第二届“网鼎杯”网络安全大赛 白虎组 部分题目Writeup2020年网鼎杯白虎组赛题.zip下载https://download.csdn.net/download/jameswhite2417/124212670x00 签到操作内容:完成游戏,通过第7关,让提交队伍token值提交后获得flag通过qq截图,文字识别FLAG值:flag{f6e5************************3112}0x01 hidden操作内容:.._网鼎杯网络安全大赛比赛题目