label拼值/要加单引号
"item.value + ' / ' + item.BMMC + ' / ' + item.DWMC + ' / ' + item.YDDH"
el select 获取option数据
remoteMethod(searchPhoneNumber) {
if (searchPhoneNumber !== '' && searchPhoneNumber.length == 11 ) {
this.loading = true;
this.handleSearch(searchPhoneNumber);
} else {
this.options = [ ];
}
}
发送网络请求
handleSearch: function (query) {//2发送网路
var self = this;
var serviceOptions = {
url: "/application/components/phone/getUserInfoByUserName.jsp",
data: { yddh: query }
}
IDTAPI.exeService(serviceOptions, function (res) {
var resultData = res.data;
// console.log(resultData)
self.options = resultData.map(item => {
return {
BMID:`${item.BMID}`,
XMPY:`${item.XMPY}`,
value: `${item.XM}`,
label: `${item.XM}`, EMAIL: `${item.EMAIL}`, GZDH: `${item.GZDH}`,
YDDH: `${item.YDDH}`, DWMC: `${item.DWMC}`, BMMC: `${item.BMMC}`, XB: `${item.XB}`
};
});
self.loading = false;
// console.log(self.options)
});
},
重新组织option 渲染出下拉的信息并且把option赋值给了form
searchValueInfo:function(BMID){
for (let i=0; i<this.options.length;i++){
if(BMID==this.options[i].BMID){
//循环数组拿到option里匹配的值
// console.log(this.options[i])
this.form=this.options[i]
}
}
}
通过form渲染出页面
<el-form :model="form" >
<el-input v-model="form.BMMC" autocomplete="off" :disabled="true"></el-input>
</el-form>
点击保存按钮校验表单
validate: function (vdom) {
var fotmData = vdom.data.form;
if (!fotmData.value) {#如果表单里没有值的情况下
self.$message({
message: '信息尚未填写,信息新建失败!',
type: 'warning'
});
parent.window.idtApp.main.closeDialog('searchdialog');#关闭窗口
self.sxzdiry();#刷新页面
}
else {
#重新组织参数
var args = [fotmData.XMPY, fotmData.DWMC, fotmData.BMMC, fotmData.BZM, self.zdyId, fotmData.value, fotmData.GZDH, fotmData.YDDH, fotmData.EMAIL, fotmData.XB, self.zdyId];
// console.log(args)
//组织参数
var params = {
script: 'insertContactor',
keys: [],
args: args
}
var serviceOptions = {
url: IDTApi.control_execute.path,
data: params
}
//调入接口插入数据
IDTAPI.exeService(serviceOptions, function () { //关闭dialog
self.$message({
message: '保存信息成功',
type: 'success'
});
parent.window.idtApp.main.closeDialog('searchdialog');
self.sxzdiry();
});
}
},
```