进厂实习第三个星期

2022/3/29 将旧的模板替换成新的模板

在企业生产中,git是不可避免的。就像我所在的公司使用的GitLab,命令跟Git是一样的。
在开放中通常会自己有自己的分支,然后push的时候记得推到公司指定的分支中。

进厂实习第三个星期_第1张图片

今天的工作是将其他人做好的页面换一个新的统一的样式。过来几周后发现这家公司在开发的过程中往往是走一步看一步的。当然,公司有一些比较有经验的员工,也就是领导。他们会定时的给任务,提要求。

话说回来,我的工作大体如下:

进厂实习第三个星期_第2张图片

换成:

进厂实习第三个星期_第3张图片

说简单也简单,说难也难。因为我需要去弄清楚这些样式,然后考虑是在他原来的基础上改还是找到新的模板,然后更改。再加上我学的是java后端比较多,这就给我整得不好了。前端确认不太会!!!

具体步骤:

  1. 找到这个页面在前端中的位置
  2. 去saas系统里面利用代码生成
  3. 复制一份旧的代码,改一下名字保留下来。然后将生成的代码复制到旧的vue文件中,对着副本进行修改!

修改的部分主要是样式,wf 类型 ,还有将原来板块实现的功能换到新的页面上面!

寻找接口

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1a4t5Ktf-1649561802865)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220329094508963.png)]

进厂实习第三个星期_第4张图片

进厂实习第三个星期_第5张图片

现在其实挺多公司有低代码平台,能一键生成代码!一开始我就怀疑人生了,有了代码自动生成平台,那我还有生么意义?后面慢慢发现低代码其实也只是能完成一些简单的单表操作,如果是比较复杂的业务逻辑就不行了!

修改详情,添加的页面:

进厂实习第三个星期_第6张图片

在新增界面的函数里面将path改成对应的detail,这个已经是实现的了

下午再次总结:

该系统前端使用Avue组件,很多代码一再封装。

具体任务:将旧的样式(后台随便写的)改成系统统一的页面,这需要后台自动生成代码的支持。

步骤:

  1. 刷新当前页面获取实体类名,去编码那确认
  2. 使用该实体类名到自动生成代码那里生成需要的代码
  3. 将crud,vue的代码进行更改。更改过程中需要将原来实现好的功能保留下来(增、删、改、查)

进厂实习第三个星期_第7张图片

下面比较繁琐的就不一一列举了!

2022/3/30

在页面修改的过程中,编辑的按钮功能无法实现,原因是传入的参数标签有问题。原有的编辑和删除是在里面,但是我错误地把 丢了!

进厂实习第三个星期_第8张图片


2022\3\31

在新的页面实现刷新的功能

进厂实习第三个星期_第9张图片

这里平台生成的代码使用了组件,在组件的标签里面需要是要绑定特定的方法次啊能实现,其实这个一眼就看出,一个是页面开启异步,一个是重置页面,它所绑定的方法就是请求后端分页查找!

筛选弹出框

修改js文件

是列表配置里面字段加 headerslot:true

进厂实习第三个星期_第10张图片

所说之前或多或少学过JS,但是也只是走马观花,你要求我都看得懂,确实有点为难我!这个时候作为实习生做好的就是问同事,而不是憋着。容易憋坏不说,开周会的时候工作汇报有你好受!!咋就是建议不懂就问!!

进厂实习第三个星期_第11张图片

将编辑放到某一个数据上面,点击可以查看详情

进厂实习第三个星期_第12张图片

    handleUpdate(row, index) {
      // getOA_CHAPTER_CATEGORYById(row.chaptercategoryid).then(res => {
      getOA_CHAPTER_CATEGORYByCode(row.chaptercategorycode).then(res => {
        this.dialogAddgsVisible = true;
        this.title="修改印章类别";
        this.formData = res.data.data
        // this.pageInfo.BusinessID = this.formData.roomid
        // this.pageInfo.StatusID = this.formData.status
        this.bodyLoading = false
        // this.pageInfo.BusinessID = this.formData.chaptercategoryid
      }).catch(error => {
        this.bodyLoading = false
        console.log(error)
        this.$message.error("系统发生内部错误,请联系管理员。")
      })}

提示属性或者方法没有定义。

原因:方法或者是参数没有在data return 中定义。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oiuVBWon-1649561802872)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220331161546359.png)]

进厂实习第三个星期_第13张图片

进厂实习第三个星期_第14张图片

2022/4/01

关掉样式上面的两个功能键(刷新和需要查看的属性)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1QgGPk5Z-1649561802873)(C:\Users\Mi_Tao\AppData\Roaming\Typora\typora-user-images\image-20220401092509119.png)]

进厂实习第三个星期_第15张图片

将编辑功能实现在字段上面

进厂实习第三个星期_第16张图片

进厂实习第三个星期_第17张图片

2022、4、1

编辑->保存

最后点击保存但弹窗不会消失,最后发现是一个if(–)走不进去

进厂实习第三个星期_第18张图片

这个属性值是空的,原因是没有在data retrun 上面定义

进厂实习第三个星期_第19张图片

解决!

每次修改的时候需要关注下面这些属性值有没有定义

		action:'ADD',
        title:'',
        formData:'',
        dialogAddgsVisible:false,
        searchForm: {}, // 查询条件实体
        tableData: [],  // 数据列表

是空的,原因是没有在data retrun 上面定义

[外链图片转存中…(img-OSxio0CL-1649561802874)]

解决!

每次修改的时候需要关注下面这些属性值有没有定义

		action:'ADD',
        title:'',
        formData:'',
        dialogAddgsVisible:false,
        searchForm: {}, // 查询条件实体
        tableData: [],  // 数据列表

只能这一周过的不容易,请叫我bug制造机!!我也不想!

你可能感兴趣的:(工作,前端,java)