Compare commits

..

No commits in common. "c542ebecd02549dd67f4028425299c5a578b7e5b" and "6eff4461caae23d91baccdcd0dad6836241a3f60" have entirely different histories.

15 changed files with 7990 additions and 6431 deletions

7855
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

View File

@ -6,7 +6,6 @@
:value="value[1]" :value="value[1]"
v-bind="config.input" v-bind="config.input"
v-on="Listeners.input" v-on="Listeners.input"
> >
<ag-select <ag-select
slot="prepend" slot="prepend"
@ -17,11 +16,12 @@
v-on="Listeners.select" v-on="Listeners.select"
class="ag_select_group" class="ag_select_group"
> >
<template slot="prefix">
</ag-select> {{
<template slot="suffix"> (config.select.options.find((e) => e.value == value[0]) || {}).label
<el-button>提交</el-button> }}
</template> </template>
</ag-select>
</ag-input> </ag-input>
</div> </div>
</template> </template>
@ -70,10 +70,10 @@ export default {
Listeners() { Listeners() {
const new_listeners = Object.assign({}, this.$listeners, { const new_listeners = Object.assign({}, this.$listeners, {
after_input: (value) => { after_input: (value) => {
this.$emit("change", [value, this.value[1] ? this.value[1] : ""]); this.$emit("input", [value, this.value[1] ? this.value[1] : ""]);
}, },
ago_input: (value) => { ago_input: (value) => {
this.$emit("change", [this.value[0] ? this.value[0] : "", value]); this.$emit("input", [this.value[0] ? this.value[0] : "", value]);
}, },
}); });
const select = this.getAfterAgo(new_listeners, "after_"); const select = this.getAfterAgo(new_listeners, "after_");
@ -138,8 +138,8 @@ export default {
} }
::v-deep .ag_select_group { ::v-deep .ag_select_group {
min-width: 45px; min-width: 90px;
max-width: 165px; max-width: 140px;
color: #606266; color: #606266;
text-align: start; text-align: start;
.el-input__prefix { .el-input__prefix {

View File

@ -1,9 +0,0 @@
import agCol from './src'
// 为组件提供 install 安装方法,供按需引入
agCol.install = function (Vue) {
Vue.component(agCol.name, agCol);
}
// 导出组件
export default agCol;

View File

@ -1,33 +0,0 @@
<template>
<div class="agColbox" :style="{flex:`0 0 ${Number(span)/24*100}%`,marginLeft:`${Number(offset)/24*100}%`}">
<slot></slot>
</div>
</template>
<script>
export default {
name: 'AgCol',
props: {
span:{
type:Number|String,
default:24
},
offset:{
type:Number|String,
default:0
}
},
data() {
return {};
},
}
</script>
<style lang="scss" scoped>
.agColbox{
flex:0 0 100%;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
</style>

View File

@ -6,7 +6,6 @@
v-model="dateArr" v-model="dateArr"
v-bind="attrs" v-bind="attrs"
v-on="Listeners" v-on="Listeners"
:type="datetype"
@mouseenter.native="mousetrue = true" @mouseenter.native="mousetrue = true"
@mouseleave.native="mousetrue = false" @mouseleave.native="mousetrue = false"
/> />
@ -21,43 +20,22 @@ import isEmpty from "../../../src/utils/isEmpty";
export default { export default {
name: "agDatePicker", name: "agDatePicker",
props: { props: {
range:false,
showTime:false,
type: {
type: String,
default: "date",
},
value: { value: {
default: null||[], default: "",
}, },
}, },
data() { data() {
return { return {
width: "160px", width: "160px",
dateArr: null||[], dateArr: "",
date_picker: false, date_picker: false,
mousetrue: false, mousetrue: true,
}; };
}, },
computed: { computed: {
datetype(){
if(this.range){
if(this.showTime){
return "datetimerange"
}else{
return "daterange";
}
}else{
if(this.showTime){
return "datetime";
}else{
return "date";
}
}
},
attrs() { attrs() {
let config = {}; let config = {};
if (this.range) { if (this.$attrs.type === "daterange" || !this.$attrs.type) {
config = { config = {
"start-placeholder": "开始日期", "start-placeholder": "开始日期",
"end-placeholder": "结束日期", "end-placeholder": "结束日期",
@ -137,29 +115,45 @@ export default {
}, },
shortcuts: [ shortcuts: [
{ {
text: "今天", text: "近一周",
onClick(picker) {
const date = new Date();
date.setTime(date.getTime());
picker.$emit("pick", date);
},
},
{
text: "昨天",
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 1* 24 * 60 * 60 * 1000);
picker.$emit("pick", date);
},
},
{
text: "一周前",
onClick(picker) { onClick(picker) {
const date = new Date(); const date = new Date();
date.setTime(date.getTime() - 7 * 24 * 60 * 60 * 1000); date.setTime(date.getTime() - 7 * 24 * 60 * 60 * 1000);
picker.$emit("pick", date); picker.$emit("pick", date);
}, },
}, },
{
text: "近一个月",
onClick(picker) {
const date = new Date();
date.setMonth(date.getMonth() - 1);
picker.$emit("pick", date);
},
},
{
text: "近三个月",
onClick(picker) {
const date = new Date();
date.setMonth(date.getMonth() - 3);
picker.$emit("pick", date);
},
},
{
text: "近六个月",
onClick(picker) {
const date = new Date();
date.setMonth(date.getMonth() - 6);
picker.$emit("pick", date);
},
},
{
text: "近一年",
onClick(picker) {
const date = new Date();
date.setFullYear(date.getFullYear() - 1);
picker.$emit("pick", date);
},
},
], ],
}, },
}; };
@ -167,8 +161,8 @@ export default {
return { return {
size: "small", size: "small",
type: "daterange", type: "daterange",
format: this.showTime?"yyyy-MM-dd hh:mm:ss":"yyyy-MM-dd", format: "yyyy-MM-dd",
"value-format":this.showTime?"yyyy-MM-dd hh:mm:ss": "yyyy-MM-dd", "value-format": "yyyy-MM-dd",
...config, ...config,
...this.$attrs, ...this.$attrs,
}; };
@ -177,24 +171,23 @@ export default {
Listeners() { Listeners() {
return Object.assign({}, this.$listeners, { return Object.assign({}, this.$listeners, {
input: (value) => { input: (value) => {
if (this.range) { if (this.attrs.type === "daterange") {
if (!isEmpty(value) && value.length === 2 && value[0] && value[1]) { if (!isEmpty(value) && value.length === 2 && value[0] && value[1]) {
this.$emit("change", [ this.$emit("input", [
`${value[0]} 00:00:00`, `${value[0]} 00:00:00`,
`${value[1]} 23:59:59`, `${value[1]} 23:59:59`,
]); ]);
} else { } else {
this.$emit("change", []); this.$emit("input", []);
} }
} else { } else {
this.$emit("change", value); this.$emit("input", value);
} }
}, },
}); });
}, },
iconClass() { iconClass() {
return this.date_picker && this.mousetrue
return this.mousetrue
? "ag-icon-prefix-hide" ? "ag-icon-prefix-hide"
: "ag-icon-prefix-show"; : "ag-icon-prefix-show";
}, },
@ -202,8 +195,10 @@ export default {
watch: { watch: {
value: { value: {
handler(newVal) { handler(newVal) {
if (Array.isArray(newVal)&&this.range){ if (this.attrs.type === "daterange") {
if (!Array.isArray(newVal)) {
throw new Error("agDatePicker date请传入数组");
}
const [date1, date2] = newVal.slice(0, 2); const [date1, date2] = newVal.slice(0, 2);
this.dateArr = [date1 || "", date2 || ""]; this.dateArr = [date1 || "", date2 || ""];
} else { } else {
@ -214,11 +209,22 @@ export default {
}, },
dateArr: { dateArr: {
handler(newVal) { handler(newVal) {
if(!newVal){ let defaultWidth = this.attrs.type === "daterange" ? "170px" : "140px";
return if (this.attrs.type === "daterange") {
} this.date_picker =
let defaultWidth = this.range ?this.showTime?"330px":"170px" : this.showTime?"190px":"140px"; newVal &&
newVal.length > 0 &&
newVal.some((item) => item != null && item !== "");
this.width =
newVal &&
newVal.length > 0 &&
newVal.some((item) => item != null && item !== "")
? "205px"
: defaultWidth;
} else {
this.width = defaultWidth; this.width = defaultWidth;
this.date_picker = !!newVal; // 使newVal
}
}, },
immediate: true, immediate: true,
deep: true, deep: true,

View File

@ -1,7 +1,6 @@
<template> <template>
<el-input <el-input
class="ag_input" class="ag_input"
size="small"
:style="{ width }" :style="{ width }"
v-on="Listeners" v-on="Listeners"
v-bind="attrs" v-bind="attrs"
@ -49,7 +48,7 @@ export default {
{ {
// `v-model` // `v-model`
input: (value) => { input: (value) => {
this.$emit("change", this.toUpperCase ? value.toUpperCase() : value); this.$emit("input", this.toUpperCase ? value.toUpperCase() : value);
}, },
blur: (e) => { blur: (e) => {
let value = e.target.value let value = e.target.value
@ -59,7 +58,7 @@ export default {
); );
// //
this.$emit("change", value); this.$emit("input", value);
}, },
} }
); );

View File

@ -6,93 +6,35 @@
placeholder="请选择" placeholder="请选择"
:value="value[0]" :value="value[0]"
v-bind="config.select" v-bind="config.select"
@change="onSelect" v-on="Listeners.select"
class="ag_select_group" class="ag_select_group"
:style="{ width: `${swidth}px` }"
> >
<template slot="prefix">
{{
(config.select.options.find((e) => e.value == value[0]) || {}).label
}}
</template>
</ag-select> </ag-select>
<ag-input <ag-input
v-if="!showExtra"
class="ag_input_group" class="ag_input_group"
placeholder="请输入内容" placeholder="请输入内容"
:value="value[1]" :value="value[1]"
:disabled="config.input.disabled||imeipopover"
v-bind="config.input" v-bind="config.input"
@change="onInputChange" v-on="Listeners.input"
> >
</ag-input> </ag-input>
<el-popover
v-if="showExtra"
placement="bottom"
trigger="manual"
ref="popover"
popper-class="popperOptions"
v-model="imeipopover"
>
<template slot="reference">
<ag-input
class="ag_input_group"
placeholder="请输入内容"
:value="value[1]"
:disabled="config.input.disabled||imeipopover"
v-bind="config.input"
@change="onInputChange"
>
<template slot="suffix" v-if="showExtra">
<i
class="iconfont icon-icon-piliangcaozuo imeiicondefault"
:class="imeipopover && 'imeiiconActive'"
style="font-size: 12px;"
@click.prevent="imeiiconClick"
></i>
</template>
</ag-input>
</template>
<el-input
v-model="value[1]"
type="textarea"
:rows="12"
placeholder="一行一项最多支持200行"
resize="none"
border="none"
class="textareainput"
@input="onInputChange"
/>
<divider class="divider"></divider>
<div class="btnbox">
<div>
<el-button size="mini" @click="imeiclose"
>关闭</el-button
>
</div>
<div>
<el-button size="mini" @click="cleartext"
>清空</el-button
>
<el-button
size="mini"
type="primary"
plain
@click="search"
>查询</el-button
>
</div>
</div>
</el-popover>
</div> </div>
</template> </template>
<script> <script>
import agSelect from "../../agSelect/src/index.vue"; import agSelect from "../../agSelect/src/index.vue";
import agInput from "../../agInput/src/index.vue"; import agInput from "../../agInput/src/index.vue";
import {Divider} from "element-ui";
export default { export default {
name: "agMultifunctionSearch", name: "agMultifunctionSearch",
components: { components: {
agSelect, agSelect,
agInput, agInput,
Divider
}, },
props: { props: {
value: { value: {
@ -101,96 +43,58 @@ export default {
return [null, null]; return [null, null];
}, },
}, },
options: {
type: Array,
default: () => {
return [];
},
},
showExtra: {
type: Boolean,
default: false,
},
}, },
data() { data() {
return { return {
values: [null, null], values: [null, null],
swidth:90,
selectvalue:"",
imeipopover:false
}; };
}, },
computed: { computed: {
config() { config() {
const input_config = this.getAfterAgo(this.$attrs, "after_");
const input = { const input = {
...this.$attrs ...this.$attrs,
...input_config,
}; };
const select_configs = this.getAfterAgo(this.$attrs, "ago_");
const select = { const select = {
...this.$attrs, ...this.$attrs,
options:this.options ...select_configs,
}; };
console.log(input, select);
return { return {
input, input,
select, select,
}; };
}, },
Listeners() {
const new_listeners = Object.assign({}, this.$listeners, {
after_input: (value) => {
this.$emit("input", [value, this.value[1] ? this.value[1] : ""]);
},
ago_input: (value) => {
this.$emit("input", [this.value[0] ? this.value[0] : "", value]);
},
});
const select = this.getAfterAgo(new_listeners, "after_");
const input = this.getAfterAgo(new_listeners, "ago_");
return {
select,
input,
};
},
}, },
watch: { watch: {
value: { value: {
handler(newVal) { handler(newVal) {
if (!Array.isArray(newVal)) { if (!Array.isArray(newVal)) {
throw new Error("请传入数组"); throw new Error("agDatePicker data请传入数组");
} }
let newselectValue=newVal[0];
const find=this.options.find((f)=>f.value==newselectValue);
if(find){
let fontwidth=this.getStringWidth(find?.label);
this.swidth=fontwidth>165?165:fontwidth;
}
}, },
immediate: true, immediate: true,
}, },
}, },
methods: { methods: {
onSelect(value){
this.$emit("change", [value, this.value[1]||""]);
},
onInputChange(value){
this.$emit("change", [ this.value[0] ||"",value]);
},
getStringWidth(text) {
let font = "13px";
//
let element = document.createElement('span');
element.style.visibility = 'hidden';
element.style.whiteSpace = 'nowrap';
element.style.font = font; //
element.textContent = text;
//
document.body.appendChild(element);
//
let width = element.offsetWidth;
//
document.body.removeChild(element);
return width+50;
},
imeiiconClick(){
this.imeipopover=!this.imeipopover;
},
imeiclose(){
this.imeipopover=false;
},
cleartext(){
this.value[1]="";
this.$set(this.value,1,"");
},
search(){
this.imeipopover=false;
this.$emit("onSrarch", this.value);
},
getAfterAgo(attr, prefix) { getAfterAgo(attr, prefix) {
const config = {}; const config = {};
for (const key in attr) { for (const key in attr) {
@ -204,49 +108,10 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss">
.popperOptions {
min-width: 200px !important;
padding: 0px !important;
}
</style>
<style scoped lang='scss'> <style scoped lang='scss'>
.ag-MultifunctionSearch { .ag-MultifunctionSearch {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.imeiicondefault {
padding: 5px;
border-radius: 4px;
background: #f0f2f5;
cursor: pointer;
}
.imeiiconActive {
cursor: pointer;
color: #409eff;
background: #e9f1fc;
}
.divider {
margin: 0;
}
.btnbox {
padding: 5px;
display: flex;
justify-content: space-between;
}
::v-deep{
.el-textarea__inner{
border:none;
}
.el-input__suffix-inner{
height:100%;
display: flex;
align-items: center;
justify-content: center;
}
}
</style> </style>

View File

@ -1,9 +0,0 @@
import agQuery from './src'
// 为组件提供 install 安装方法,供按需引入
agQuery.install = function (Vue) {
Vue.component(agQuery.name, agQuery)
}
// 导出组件
export default agQuery;

View File

@ -1,132 +0,0 @@
<template>
<div class="ag-querybox">
<el-popover
placement="bottom"
:width="width"
v-model="popState"
trigger="click">
<ag-input slot="reference" size="small" class="queryplacetext" :style="{width:labelWidth}" :clearable="false" :value="placeholderValue" :placeholder="placeholder"></ag-input>
<el-form label-position="left" size="small" :model="values" :inline="false" v-if="inputs.length>0" ref="queryformref">
<ag-row>
<ag-col :span="12" v-for="(item,index) in inputs" :key="index">
<el-form-item :label="item.label" :rules="item.rules" :prop="item.name">
<ag-input :placeholder="item.placeholder" :value="item.value||''" closeable v-if="item.elem=='el-input'" @change="onSelect($event,item,index)"/>
<ag-select :placeholder="item.placeholder" :value="item.value||''" closeable v-if="item.elem=='el-select'" :options="item.options" style="width:100%" @change="onSelect($event,item,index)"/>
</el-form-item>
</ag-col>
<ag-col :offset="16" :span="8">
<el-form-item >
<el-button size="small" @click="onCancel">取消</el-button>
<el-button size="small" type="primary" @click="onQuery">查询</el-button>
</el-form-item>
</ag-col>
</ag-row>
</el-form>
</el-popover>
</div>
</template>
<script>
import agSelect from "../../agSelect/src/index.vue";
import agInput from "../../agInput/src/index.vue";
import agRow from "./../../agRow/src/index.vue";
import AgCol from "./../../agCol/src/index.vue";
export default {
name: "agQuery",
components: {
agSelect,
agInput,
AgCol,
agRow
},
props: {
width:{
type: Number,
default: 450,
},
labelWidth:{
type: Number,
default: 200,
},
inputs:{
type: Array,
default: () => {
return [];
},
},
},
mounted(){
let newinput=this.inputs.map((g)=>g.label);
this.placeholder="请选择"+newinput.join("/");
},
data() {
return {
values: {},
placeholderValue:"",
placeholder:"请选择",
popState:false,
}
},
methods: {
onSelect(value,item,index){
item.value=value;
this.$set(this.inputs,index,item);
let newvalues={};
let newplaceholderValue=[];
this.inputs.map((g)=>{
if(g.value&&g.name){
newvalues[g.name]=g.value;
g.options.find((f)=>f.value==g.value).label&&(newplaceholderValue.push(g.options.find((f)=>f.value==g.value).label));
}
});
this.$emit('change',newvalues);
this.values=newvalues;
this.placeholderValue=newplaceholderValue.join("/")
},
onCancel(){
this.popState=false;
this.$emit('cancel');
},
onQuery(){
console.log(this.$refs.queryformref,'this.$refs.queryformref');
if(this.$refs.queryformref){
this.$refs.queryformref.validate((valid) => {
console.log(valid,"valid");
if (valid) {
this.$emit('onSearch',this.values);
this.popState=false;
} else {
console.log('error submit!!');
return false;
}
});
}
}
},
};
</script>
<style scoped lang='scss'>
.ag-querybox {
display: flex;
align-items: center;
.queryplacetext{
color:#333;
max-width:200px;
box-sizing: border-box;
cursor: pointer;
caret-color: transparent; /* 隐藏光标 */
}
}
::v-deep {
.el-form-item--small .el-form-item__label{
line-height: 40px;
}
.el-form-item--small.el-form-item{
margin-bottom:5px;
}
}
</style>

View File

@ -1,9 +0,0 @@
import agRow from './src'
// 为组件提供 install 安装方法,供按需引入
agRow.install = function (Vue) {
Vue.component(agRow.name, agRow)
}
// 导出组件
export default agRow;

View File

@ -1,26 +0,0 @@
<template>
<div class="agRowbox">
<slot></slot>
</div>
</template>
<script>
export default {
name: 'agRow',
data(){
return {
}
},
props:{
},
}
</script>
<style lang="scss" scoped>
.agRowbox{
display: flex;
flex-wrap: wrap;
}
</style>

View File

@ -1,9 +1,7 @@
<template> <template>
<div>
<el-select <el-select
class="ag_select" class="ag_select"
:style="{ width: `100%` }" :style="{ width }"
:value="selectValue"
v-bind="attrs" v-bind="attrs"
v-on="$listeners" v-on="$listeners"
> >
@ -17,7 +15,6 @@
:value="item.value" :value="item.value"
></el-option> ></el-option>
</el-select> </el-select>
</div>
</template> </template>
<script> <script>
@ -25,8 +22,8 @@ export default {
name: "agSelect", name: "agSelect",
props: { props: {
width: { width: {
type: Number, type: String,
default:0, default: "",
}, },
options: { options: {
type: Array, type: Array,
@ -34,28 +31,9 @@ export default {
return []; return [];
}, },
}, },
value:{
default: () =>'',
}
}, },
data() { data() {
return { return {};
selectValue:""
};
},
watch: {
value: {
handler(newVal) {
let newselectValue=newVal;
const find=this.options.find((f)=>f.value==newselectValue);
if(find){
this.selectValue=newselectValue;
}else{
this.selectValue="";
}
},
immediate: true,
},
}, },
computed: { computed: {
attrs() { attrs() {
@ -67,16 +45,12 @@ export default {
}; };
}, },
}, },
methods: { methods: {},
},
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep { ::v-deep {
.ag_select{
min-width: 90px;
}
.el-input__icon { .el-input__icon {
font-size: 16px !important; font-size: 16px !important;
} }

View File

@ -6,7 +6,6 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4285161_67f087o652k.css"/>
</head> </head>
<body> <body>
<noscript> <noscript>

View File

@ -2,7 +2,7 @@
<div> <div>
<el-button type="success" @click="abb = true">点击打开 Dialog</el-button> <el-button type="success" @click="abb = true">点击打开 Dialog</el-button>
<ag-dialog :visible.sync="abb"> </ag-dialog> <ag-dialog :visible.sync="abb"> </ag-dialog>
<ag-datePicker v-model="date_value" :showTime="true" :range="true" @change="onPicker"> <ag-datePicker v-model="value" type="date" @change="change">
</ag-datePicker> </ag-datePicker>
<ag-input value="value"> </ag-input> <ag-input value="value"> </ag-input>
<ag-select :options="a_options" v-model="value"> <ag-select :options="a_options" v-model="value">
@ -35,15 +35,10 @@
size="small" size="small"
ref="ttt" ref="ttt"
v-model="values" v-model="values"
:showExtra="true" :after_clearable="true"
:clearable="true" :ago_options="a_options"
:options="a_options"
@change="onInputinput"
> >
</ag-MultifunctionSearch> </ag-MultifunctionSearch>
<agQuery :inputs="inputs" @onSearch="onSearch"/>
<!-- <el-input <!-- <el-input
size="small" size="small"
placeholder="请输入内容" placeholder="请输入内容"
@ -68,8 +63,6 @@ import agSelect from "../packages/agSelect/src/index.vue";
import agNumberRange from "../packages/agNumberRange/src/index.vue"; import agNumberRange from "../packages/agNumberRange/src/index.vue";
import agCascadeOptional from "../packages/agCascadeOptional/src/index.vue"; import agCascadeOptional from "../packages/agCascadeOptional/src/index.vue";
import agMultifunctionSearch from "../packages/agMultifunctionSearch/src/index.vue"; import agMultifunctionSearch from "../packages/agMultifunctionSearch/src/index.vue";
import agQuery from "../packages/agQuery/src/index.vue";
export default { export default {
components: { components: {
agDialog, agDialog,
@ -79,7 +72,6 @@ export default {
agNumberRange, agNumberRange,
agCascadeOptional, agCascadeOptional,
agMultifunctionSearch, agMultifunctionSearch,
agQuery
}, },
data() { data() {
var validatePass = (rule, value, callback) => { var validatePass = (rule, value, callback) => {
@ -105,10 +97,9 @@ export default {
rules: { rules: {
pass: [{ validator: validatePass, trigger: "blur" }], pass: [{ validator: validatePass, trigger: "blur" }],
}, },
date_value:null,
value: "选项1", value: "选项1",
a_value: "59584", a_value: "59584",
values: ["4",""], values: ["选项1", 999],
options: [ options: [
{ {
label: "热门城市", label: "热门城市",
@ -145,56 +136,6 @@ export default {
], ],
}, },
], ],
inputs:[
{
label:"分类",
elem:'el-select',
name:"class",
options:[
{
value: "Chengdu",
label: "成都",
},
{
value: "Shenzhen",
label: "深圳",
},
{
value: "Guangzhou",
label: "广州",
},
{
value: "Dalian",
label: "大连",
},
]
},
{
label:"品牌",
elem:'el-select',
name:"brand",
placeholder:"请输入品牌",
options:[]
},
{
label:"型号",
elem:'el-select',
name:"model",
options: []
},
{
label:"颜色",
elem:'el-select',
name:"color",
options:[]
},
{
label:"容量",
elem:'el-select',
name:"capacity",
options:[]
}
],
pickerOptions: { pickerOptions: {
shortcuts: [ shortcuts: [
{ {
@ -268,23 +209,23 @@ export default {
innerVisible: false, innerVisible: false,
a_options: [ a_options: [
{ {
value: "1", value: "选项1",
label: "黄金糕", label: "黄金糕",
}, },
{ {
value: "2", value: "选项2",
label: "双皮奶", label: "双皮奶",
}, },
{ {
value: "3", value: "选项3",
label: "蚵仔煎", label: "蚵仔煎",
}, },
{ {
value: "4", value: "选项4",
label: "龙须面", label: "龙须面",
}, },
{ {
value: "5", value: "选项5",
label: "IMEI/机器编号", label: "IMEI/机器编号",
}, },
], ],
@ -345,16 +286,6 @@ export default {
}, },
}, },
methods: { methods: {
onPicker(value){
this.date_value=value;
},
onSearch(values){
console.log(values,"onSearch");
},
onInputinput(value){
console.log(value,"oninput");
this.values=value;
},
change() { change() {
console.log(this.values, "48484"); console.log(this.values, "48484");
}, },

5852
yarn.lock

File diff suppressed because it is too large Load Diff