VOL_常用记录!!

目录


前端

1.js如何获取当前时间(yy-MM-dd HH:MM:SS)

js 复制代码
getCurrentTime() {
      const now = new Date();
      return `${now.getFullYear()}-${(now.getMonth() + 1)
        .toString()
        .padStart(2, "0")}-${now.getDate().toString().padStart(2, "0")} ${now
        .getHours()
        .toString()
        .padStart(2, "0")}:${now.getMinutes().toString().padStart(2, "0")}:${now
        .getSeconds()
        .toString()
        .padStart(2, "0")}`;
    },

2.http请求

js 复制代码
// 添加请求
submit() {
      let data = {
        delKeys: null,
        detailData: null,
        mainData: this.fields,
      };
      let Url = "api/表名/Add";
      this.http.post(Url, data, true).then((result) => {
        if (result.status == true) {
          this.$Message.success("提交成功");
          this.reset();
          this.$emit("call-parent-method");
        } else {
          this.$Message.success("失败" + reslut.message);
        }
      });
    },
js 复制代码
//删除请求
        let url = "api/表名/del";
        this.http.post(url, [rows[0].PRODUCT_DETAIL_LIST_ID], false).then((reslut) => {
          if (reslut.status === true) {
            //删除行
            //this.$refs.table1.delRow();
            this.$Message.error("删除成功");
          } else {
            this.$Message.error("失败" + reslut.message);
          }
        });
js 复制代码
//获取请求
        let Url = "api/表名/GetPageData";
        this.http.post(Url, {}, true).then((result) => {
          if (result.status == true) {
            // this.$Message.success("成功");
          } else {
            this.$Message.error("失败" + result.message);
          }
        });

3.grid扩展js常用

js 复制代码
onInit() {
	// 1.grid的table单选
 	this.single = true;
 	//设置界面上最多可显示的按钮数量 
    this.maxBtnLength = 6; 	
 	// 2.选择数据
	this.editFormOptions.forEach(x => {
	        x.forEach(item => {
	          if (item.field == '选择的字段') {
	            //给编辑表单设置[选择数据]操作,extra具体配置见volform组件api
	            item.extra = {
	              icon: "el-icon-zoom-out",
	              text: "选择数据",
	              style: "color:#2196F3;font-size: 12px;cursor: pointer;",
	              click: item => {
	                this.$refs.modelBody.openDemo("RD_PROJECT_ModelBody");
	              }
	            }
	          }
	        })
	      })
	      
	// 3.grid添加按钮
      this.buttons.splice(2, 0, ...
        [{
          name: "查 看",
          icon: 'md-add',
          type: 'success',
          onClick: function () {
            let row = this.getSelectRows()
            if (row.length > 0) {
              this.$store.getters.data().hahaha = { obj: row[0].DEVELOPMENT_PROJECT_NO };
              $this.$refs.gridHeader.open2()
            }
            else {
              this.$Message.error('请选择一条数据');
              return
            }
          }
        }
        ]
      )
	
}

后端

1.待补充

相关推荐
tyro曹仓舒几秒前
Vue单文件组件到底需不需要写name
前端·vue.js
閞杺哋笨小孩1 小时前
Vue3 点击指令(防抖 / 节流)
前端·vue.js
岁月宁静1 小时前
AI 语音合成技术实践:实现文本转语音实时流式播放
前端·vue.js·node.js
閞杺哋笨小孩1 小时前
Vue3 可拖动指令(draggable)
前端·vue.js
Mintimate1 小时前
Vue项目接口防刷加固:接入腾讯云天御验证码实现人机验证、恶意请求拦截
前端·vue.js·安全
练习前端两年半2 小时前
🚀 Vue3按钮组件Loading状态最佳实践:优雅的通用解决方案
前端·vue.js·element
閞杺哋笨小孩2 小时前
多行文本截断组件
vue.js
Verlif2 小时前
Vue3项目使用PWA技术进行离线加载
vue.js·pwa
通往曙光的路上2 小时前
vue啊哈哈哈哈哈哈哈哈
前端·javascript·vue.js
fouryears_234172 小时前
如何将Vue 项目转换为 Android App(使用Capacitor)
android·前端·vue.js