黑白两客

【代码】动态圆形图标。

【代码】HTML页面获取URL传递的参数值。

【代码】element-ui 图片上传 及 quillEditor富文本（图片视频上传）

js侧滑显示删除按钮js侧滑显示删除按钮

正则校验与时间格式化

<template> <div> <div class="video_box"> <div class="video_center"> <div class="resource-container" style="width:70%;position:relative;"> <div class="video-title">1233123<

让数字保存在整数范围内如：(1~10)之间的数取 10(10~20)之间的数取 20(20~30)之间的数取 30let max = (Math.round(数字/10)+1)*10

展示：子组件封装<!-- 树状选择器 科室树形 --><template> <el-popover ref="popover" placement="bottom-start" trigger="click" @show="onShowPopover" @hide="onHidePopover" > <el-tree ref="tree" class="select-tre

展示效果图：父<template> <div ref="topBox" class="swiper-in page-container bg-white"> <div class="page-body"> <drag-box class="drag-box"> <div class="relative" :class="{'expend-border':!slideStateX}" :style="{'wid

<template> <div class="w-full p-2.5"> <div class="w-full flex-row-nw-box items-center justify-start"> <div class="statisticText">{{statisticsName}}</div> <el-button-group> <el-button v-for=".

<template> <div ref="topBox" class="swiper-in page-container bg-white"> <div class="w-full page-head"> 我的排班 <i class="close-btn el-icon-close" @click="closeCurrentPage"></i> </div> <div class

文件 & 图片 上传 及少许正则校验<template> <div style="padding: 20px"> <Row> <Col span="24"> <div> <CFlex type="flex" justify="space-between" align="midlle"> <div class="page_title"&gt

效果图：在这里插入代码片在这里插入代码片在这里插入代码片在父组件中的效果：

1.在data中设置初始值 // 页数 页码 search: { offset: 1, // 当前页 limit: 10, // 条数 total:0, //总数 },2.设置获取后的数据分配:data="tableData.slice((search.offset - 1) * search.limit, search.offset * search.limit)" 3.展示效果：...

<template> <div class="box"> <el-input ref="money" v-model.trim="money" :placeholder="placeholder" v-bind="$attrs" v-on="$listeners" @input="formatNumber(money,'money')" @keyup.enter.native

展示图：<template> <div class='createorder'> <!-- 顶部步骤条 --> <div class="createorder_top"> <div class="createorder_top_left"> <!-- 0 --> <span class="createorder_left_set" :class="value ==

import DomSize from 'wd-domsize-monitor'; // 此处为 npm 下载的第三方模块包import Api_login from "@/assets/api/login" // 此处是用户信息接口调用var id = 'shuiyinDiv'var isInit = falselet callback = function (ele) { DomSize.bind(ele, function () { //水印被删除 ..

现在网上好多类似的效果，今天心情好，就私自模仿一个去，代码如下。单页面网站网站首页公司简介公司产品公司荣誉招聘英才联系我们window.οnscrοll=function(){var scTop=document.documentElement.scrollTop||document.body.scrollTop;var num=Math.round(scTop/aDiv[0].offsetHeight);for(var i=0;i<bb.length;i

展示效果： <span v-for="(item, index) in isshow(props.row.otherOrganId)" :key="index" :title="isshow(props.row.otherOrganId)">{{ item }} <span v-if="isshow(props.row.otherOrganId).length - 1 != index" style="color: #000;padding-left:5px;

<el-form-item class="yzmlabel" label="验证码" width="90px" prop="verificationCode"> <el-input v-model="loginForm.verificationCode" placeholder="请输入验证码"> <i slot="prefix" class="login_icon login_icon_yzm"></i> &.

实现效果设置子组件<template> <el-input ref="money" v-model.trim="money" :placeholder="placeholder" v-bind="$attrs" v-on="$listeners" @input="formatNumber(money,'money')" @keyup.enter.native="moneyChange()"

实现效果：代码：<template> <div class="main_tableau"> <div class="page_title">百城精算编辑</div> <CFlex type="flex" justify="space-between"> <div style="margin-top:15px;"> <div class="top_box" style=" fon

<div class="boximg"> <div class="topimg"> <!-- <img :src="filePath" width="200px" height="170px" /> --> </div> <div class="botimg" @click="imgClick()">上传logo<.

1.安装echarts.js 相关模块npm i echarts2. 在 main.js 文件中搭建全局// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts3.vue文件种引入相关文档import echarts from "echarts";import "./china.js"; // 引入中国地图数据4.隔离相关文档在 node_modules 文件中查找到 eacharts 下

先看一下最后的效果：一个基于elementui的穿梭框组件：el-tree-transfer第一步：安装组件npm install el-tree-transfer --save第二步：写代码 // 使用树形穿梭框组件 <tree-transfer :title="title" :from_data='fromData' :to_data='toData' :defaultProps="{label:'label'}" @addBtn='add

// 利用 ref 获取相关组件中的数值 checkInfo(){ let Insured = this.$refs.Insured.mastdata; //参保量 let technology = this.$refs.drugs.mastdata; //技术 let business = this.$refs.business.mastdata; //商务 return new Promise((resolve,reject) =>.

<div class="box_c_l itp" :style="'background:'+item.bgColor">{{ item.travelType }}</div>colors: ["#E8523F", "#156CEE", "#F8B849", "#1F998E"], rnd(a, b) { return Math.floor((b - a + 1) * Math.random()) + a; }, rndElement(arr) {

checkPatient(e) { let identityCard = e.replace(/\s+/g, ""); let len = identityCard.length; var strBirthday = ""; if (len == 18) { strBirthday = identityCard.substr(6, 4) + "/" + identityCard...

基于Vue项目进行设置 <template> <comp v-if="update"></comp> <button @click="reload()">刷新comp组件</button> </template> <script> import comp from '@/views/comp.vue' export default { name: 'parentComp',

<group class="shadow" gutter="0"> <x-input v-model="mobileCaptcha" placeholder="请输入手机验证码" class="weui-vcode" keyboard="number" :max="6"></x-input> <button @click="sendMessage" class="btn" ref="color">{{word}}</bu.

相关组件内设置的方法（方法可以多处组件运用） <x-input @on-change="changeinp" @on-blur="temporaryRepair();" @on-enter="temporaryRepair();" name="mobile" :show-clear="false" placeholder="请输入药监码" keyboard="number" :max='20'></x-input>函数方法： temporaryRepai

import EXIF from "@/libs/exif.js";export default { props: { photoEventNumber: Number, Imgtitle: String, }, data() { return { headerImage: "", picValue: "", resPhoto: {}, }; }, mounted() {}, watch: { photoE

<!-- 药监码 --> <div class="divContent"> <div class="headDiv"> <div class="spanA">请扫描相关药监码</div> </div> <button class="scanBtn" @c...

基于iview 组件 设置头像更换<!-- 头像更换 --> <div style="width: 100%;height:100%;"> <div style="height: 100%;"> <Upload :on-success="uploadSuccess" :show-upload-list="false" accept="ima

<Modal v-model="modal1" title="项目药品上下架维护" width="1020" :mask-closable="false" @on-ok="addOk()" > <Col span="36"> <Select filterable @on-change="on...

let data = this.projectPersonnel.map(item => { let obj = {} obj.member = item.people.map(info => { return info.id }) obj.member = JSON.stringify(obj.member) obj.projectId = id obj.teamId =...

// data 数据变量eara：[]// 接口调用getChinaList() { return fetch({ url: "/api/v1/china/city/search", method: "GET" }); },// table 栏中的 render 函数render: (h, params) => { return h( "span", thi

<Card class="clearfix"> <p slot="title"> <Icon type="ios-list"></Icon> 收入信息 </p> <!-- 导出1 --> <div class="daochu1"> <!-- 导出按钮 --> .

statusList1: { 0: "", 1: "", 2: "药品服务费收入", 3: "特药服务费收入", 4: "直保经纪费", 5: "再保经纪费", 6: "广告费", }, render: (h, params) => { return this.colorCommon(h, params.row, "1"); },.

二维码生成 并显示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> <head> <title>Javascript 二