| | |
| | | width="60%" |
| | | @close="closeDialog" |
| | | > |
| | | <el-form ref="form" v-loading="formLoading" :model="form" :rules="rules" label-position="right" label-width="100px"> |
| | | <el-form ref="form" size="small" v-loading="formLoading" :model="form" :rules="rules" label-position="right" label-width="100px"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="名称" prop="viName"> |
| | | <el-input v-model="form.viName" placeholder="请输入名称" size="mini"></el-input> |
| | | <el-input v-model="form.viName" placeholder="请输入名称" ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="12"> |
| | | <el-form-item label="每页行数"> |
| | | <el-input v-model="form.itemPageSize" placeholder="请输入每页行数" size="mini" type="number"></el-input> |
| | | <el-input v-model="form.itemPageSize" placeholder="请输入每页行数" type="number"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="24"> |
| | | <el-form-item label="附加查询条件"> |
| | | <el-input v-model="form.itemAddFilter" placeholder="请输入查询条件" size="mini"></el-input> |
| | | <el-input v-model="form.itemAddFilter" placeholder="请输入查询条件"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="12"> |
| | | <el-form-item label="绑定表单" prop="itemInObj"> |
| | | <div style="display: flex;align-items: center;"> |
| | | <el-select v-model="form.itemInObj" clearable placeholder="请选择绑定表单" size="mini" |
| | | <el-select v-model="form.itemInObj" clearable placeholder="请选择绑定表单" |
| | | @change="formSelectChange"> |
| | | <el-option v-for="(item,index) in selectList" :key="index" :label="item.viName" |
| | | :value="item.id"></el-option> |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="父名称"> |
| | | <div style="display: flex;align-items: center;"> |
| | | <el-input v-model="form.itemParentFolderName" placeholder="请输入父名称" size="mini"></el-input> |
| | | <el-input v-model="form.itemParentFolderName" placeholder="请输入父名称" ></el-input> |
| | | <el-checkbox v-model="form.itemIsNavigatorExpand" style="margin-left: 5px; margin-right: 5px">显示查询区域 |
| | | </el-checkbox> |
| | | <el-checkbox v-model="form.itemIsShowFolder" style="margin-left: 5px;margin-right: 0px">显示文件夹 |
| | |
| | | </el-col> |
| | | |
| | | <el-col :span="8"> |
| | | <el-form-item label="查询字段"> |
| | | <el-form-item label="查询字段" > |
| | | <el-input v-model="form.searchLabel" placeholder="请输入查询字段" size="mini"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | |
| | | <el-col :span="24"> |
| | | <el-form-item label="双击操作"> |
| | | <el-select v-model="form.itemDbl" placeholder="请选择双击操作" size="mini"> |
| | | <el-select v-model="form.itemDbl" placeholder="请选择双击操作" > |
| | | <el-option v-for="(item,index) in itemDblList" :key="index" :label="item.value" |
| | | :value="item.key"></el-option> |
| | | </el-select> |
| | |
| | | <div style="display: flex;align-items: center"> |
| | | <div style="display: flex;align-items: center;width: 100%;"> |
| | | <span>长:</span> |
| | | <el-input v-model="itemImgHeight" placeholder="请输入长度" size="mini"></el-input> |
| | | <el-input v-model="itemImgHeight" placeholder="请输入长度" ></el-input> |
| | | </div> |
| | | <div style="display: flex;align-items: center;width: 100%;margin-left: 30px"> |
| | | <span>宽:</span> |
| | | <el-input v-model="itemImgWidth" placeholder="请输入宽度" size="mini"></el-input> |
| | | <el-input v-model="itemImgWidth" placeholder="请输入宽度"></el-input> |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | |
| | | |
| | | <el-col :span="24"> |
| | | <el-form-item label="查询模板"> |
| | | <el-select v-model="form.itemQtName" placeholder="请选择查询模板" size="mini"> |
| | | <el-select v-model="form.itemQtName" placeholder="请选择查询模板" > |
| | | <el-option v-for="(item,index) in searchQtNameList" :key="index" :label="item.qtName" |
| | | :value="item.qtName"></el-option> |
| | | </el-select> |
| | |
| | | message: '请选择绑定表单', |
| | | trigger: 'change' |
| | | }], |
| | | showLabel: [{ |
| | | required: true, |
| | | message: '请选择显示字段', |
| | | trigger: 'submit' |
| | | }], |
| | | // showLabel: [{ |
| | | // required: true, |
| | | // message: '请选择显示字段', |
| | | // trigger: 'submit' |
| | | // }], |
| | | }, |
| | | form: { |
| | | viName: '', // 名称 |
| | |
| | | |
| | | // 表单选择change事件 |
| | | formSelectChange(val) { |
| | | // console.log(val); |
| | | this.form.itemOutFieldList = []; |
| | | this.form.itemKeyFieldList = []; |
| | | this.form.itemFieldWidthList = []; |
| | |
| | | dialogSaveClickHandler() { |
| | | this.$refs.form.validate((valid) => { |
| | | if (valid) { |
| | | if(this.form.itemOutFieldList.length <= 0){ |
| | | this.$message.error('请选择显示字段'); |
| | | return; |
| | | } |
| | | const paramsForm = {...this.form}; |
| | | paramsForm.itemSelectOutFieldList = this.form.itemSelectOutFieldList.map(item => item.id); // 可使用字段 |
| | | paramsForm.itemOutFieldList = this.form.itemOutFieldList; // 需要使用字段 |
| | |
| | | const params = { |
| | | id: this.form.editNodeId, |
| | | prm: { |
| | | formQtName: '', |
| | | formQtName: this.form.itemQtName, |
| | | prmItemList: [ |
| | | paramsForm |
| | | ], |
| | |
| | | viTypeText: "表格" |
| | | } |
| | | savePortalVI(params).then(res => { |
| | | // console.log(params); |
| | | if (res.data.code === 200) { |
| | | this.$message.success(res.data.obj); |
| | | // this.closeDialog(); |