From 58d66e41dc7461e7d0c19895792e6976c704dd30 Mon Sep 17 00:00:00 2001 From: shidongli Date: Thu, 21 Mar 2024 14:55:37 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=A1=E9=AA=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/manage/labelfieldcontent/index.vue | 500 ++++++++++--------- 1 file changed, 254 insertions(+), 246 deletions(-) diff --git a/src/views/manage/labelfieldcontent/index.vue b/src/views/manage/labelfieldcontent/index.vue index f32e552..9be98bf 100644 --- a/src/views/manage/labelfieldcontent/index.vue +++ b/src/views/manage/labelfieldcontent/index.vue @@ -229,7 +229,6 @@ label="画像字段标识" :rules="rules.fieldContentList.fieldMark" :prop="`fieldContentList.${index}.fieldMark`" - > @@ -357,93 +355,66 @@ export default { data() { var validateInput = (rule, value, callback) => { - const regex =/^\$/; - if (!value) { - callback(new Error("画像字段标识不能为空")); - }else if (!regex.test(value)){ - callback(new Error('画像字段标识格式有误，请以$开头')); - }else{ + if (!value) { + callback(new Error("画像字段标识不能为空")); + } + else if (!value.startsWith('$') || /[\u4e00-\u9fa50-9]/.test(value)) { + callback(new Error('画像字段标识格式有误,请以$开头,例如${content}')); + } else { callback(); - } - }; - return { - // 遮罩层 - loading: true, - // 选中数组 - ids: [], - // 非单个禁用 - single: true, - // 非多个禁用 - multiple: true, - // 显示搜索条件 - showSearch: true, - // 总条数 - total: 0, - // 标签字段内容信息表格数据 - labelfieldcontentList: [], - labelfieldList: [], - // 弹出层标题 - title: "", - // 是否显示弹出层 - open: false, - openup: false, - // 查询参数 - queryParams: { - pageNum: 1, - pageSize: 10, - fieldId: null, - fieldName: null, - contentName: null, - contentCode: null, - resultPreview: null, - contentSort: null, - contentRemark: null, - fieldMark: null, - }, - // 表单参数 - form: {}, - // 表单校验 - rules: { - fieldId: [ - { required: true, message: "请选择字段信息", trigger: "blur" } - ], - fieldContentList: { - contentName: [ - { - required: true, - message: "请输入内容名称", - trigger: "blur", - }, - ], - resultPreview: [ - { - required: true, - message: "请输入结果预览", - trigger: "blur", - }, - ], - contentSort: [ - { - required: true, - message: "请输入内容排序", - trigger: "blur", - }, - ], - fieldMark: [ - { - - required: true, - trigger: "blur", - validator: validateInput - }, - ], - - }, - }, - rulesup: { - fieldId: [ - { required: true, message: "画像标签和知识库字段表id不能为空", trigger: "blur" } - ], + } + // const regex =/^\$/; + // // const regex =/^\$[^u4e00-u9fa50-9]/ + // if (!value) { + // callback(new Error("画像字段标识不能为空")); + // }else if (!regex.test(value)){ + // callback(new Error('画像字段标识格式有误，请以$开头')); + // }else{ + // callback(); + // } + }; + return { + // 遮罩层 + loading: true, + // 选中数组 + ids: [], + // 非单个禁用 + single: true, + // 非多个禁用 + multiple: true, + // 显示搜索条件 + showSearch: true, + // 总条数 + total: 0, + // 标签字段内容信息表格数据 + labelfieldcontentList: [], + labelfieldList: [], + // 弹出层标题 + title: "", + // 是否显示弹出层 + open: false, + openup: false, + // 查询参数 + queryParams: { + pageNum: 1, + pageSize: 10, + fieldId: null, + fieldName: null, + contentName: null, + contentCode: null, + resultPreview: null, + contentSort: null, + contentRemark: null, + fieldMark: null, + }, + // 表单参数 + form: {}, + // 表单校验 + rules: { + fieldId: [ + { required: true, message: "请选择字段信息", trigger: "blur" } + ], + fieldContentList: { contentName: [ { required: true, @@ -467,177 +438,214 @@ export default { ], fieldMark: [ { + required: true, - // message: "请输入画像字段表示", trigger: "blur", validator: validateInput }, + // { pattern:/^$W*$/, message: '以$开头且不能输入汉字和数字的字符串', trigger: 'blur' } ], }, - }; + }, + rulesup: { + fieldId: [ + { required: true, message: "画像标签和知识库字段表id不能为空", trigger: "blur" } + ], + contentName: [ + { + required: true, + message: "请输入内容名称", + trigger: "blur", + }, + ], + resultPreview: [ + { + required: true, + message: "请输入结果预览", + trigger: "blur", + }, + ], + contentSort: [ + { + required: true, + message: "请输入内容排序", + trigger: "blur", + }, + ], + fieldMark: [ + { + required: true, + // message: "请输入画像字段表示", + trigger: "blur", + validator: validateInput + }, + ], + + }, + }; + }, + created() { + this.getList(); + }, + methods: { + /** 查询标签字段内容信息列表 */ + getList() { + this.loading = true; + listLabelfieldcontent(this.queryParams).then(response => { + this.labelfieldcontentList = response.rows; + this.total = response.total; + this.loading = false; + }); }, - created() { - this.getList(); - }, - methods: { - /** 查询标签字段内容信息列表 */ - getList() { - this.loading = true; - listLabelfieldcontent(this.queryParams).then(response => { - this.labelfieldcontentList = response.rows; - this.total = response.total; - this.loading = false; - }); - }, - // 字段信息 - getlabel() { - this.loading = true; - labelFieldInfoList().then(response => { - this.labelfieldList = response.data; - // this.total = response.total; - this.loading = false; - }); + // 字段信息 + getlabel() { + this.loading = true; + labelFieldInfoList().then(response => { + this.labelfieldList = response.data; + // this.total = response.total; + this.loading = false; + }); - }, - change(e) { - this.form.fieldName = this.labelfieldList.find(f => f.id == e).fieldName - console.log(e) + }, + change(e) { + this.form.fieldName = this.labelfieldList.find(f => f.id == e).fieldName + console.log(e) - }, + }, - addnurseClassifyitem() { - var obj = { - contentName: null, - resultPreview: null, - contentSort: undefined, - fieldMark: null, - contentRemark: null, - }; - if (this.form.fieldContentList.length == 5) { - this.$message.error("最多批量添加5条"); - } else { - this.form.fieldContentList.push(obj); - console.log(this.form) - } - }, - //添加时删除item - delnurseClassifyitem(index) { - this.form.fieldContentList.splice(index, 1); - }, - // 取消按钮 - cancel() { - this.open = false; - this.reset(); - }, - // 修改取消 - cancelup() { - this.openup = false, - this.reset(); - - }, - // 表单重置 - reset() { - this.form = { - id: null, - fieldId: null, - fieldName: null, - contentName: null, - contentCode: null, - resultPreview: null, - contentSort: undefined, - contentRemark: null, - fieldMark: null, - createBy: null, - createTime: null, - updateBy: null, - updateTime: null - }; - this.resetForm("form"); - }, - /** 搜索按钮操作 */ - handleQuery() { - this.queryParams.pageNum = 1; - this.getList(); - }, - /** 重置按钮操作 */ - resetQuery() { - this.resetForm("queryForm"); - this.handleQuery(); - }, - // 多选框选中数据 - handleSelectionChange(selection) { - this.ids = selection.map(item => item.id) - this.single = selection.length !== 1 - this.multiple = !selection.length - }, - /** 新增按钮操作 */ - handleAdd() { - this.reset(); - this.open = true; - this.form = { - fieldContentList: [ - { - contentName: null, - resultPreview: null, - contentSort: undefined, - fieldMark: null, - contentRemark: null, - }, - ], - }; - this.getlabel(); - this.title = "添加标签字段内容信息"; - }, - /** 修改按钮操作 */ - handleUpdate(row) { - this.reset(); - const id = row.id || this.ids - this.getlabel(); - getLabelfieldcontent(id).then(response => { - this.form = response.data; - this.openup = true; - this.title = "修改标签字段内容信息"; - }); - }, - /** 提交按钮 */ - submitForm() { - this.$refs["form"].validate(valid => { - if (valid) { - if (this.form.id != null) { - updateLabelfieldcontent(this.form).then(response => { - this.$modal.msgSuccess("修改成功"); - this.openup = false; - this.getList(); - }); - } else { - addLabelfieldcontent(this.form).then(response => { - this.$modal.msgSuccess("新增成功"); - this.open = false; - this.getList(); - }); - } - } - }); - }, - /** 删除按钮操作 */ - handleDelete(row) { - const ids = row.id || this.ids; - this.$modal.confirm('是否确认删除标签字段内容信息编号为"' + ids + '"的数据项？').then(function () { - return delLabelfieldcontent(ids); - }).then(() => { - this.getList(); - this.$modal.msgSuccess("删除成功"); - }).catch(() => { }); - }, - /** 导出按钮操作 */ - handleExport() { - this.download('manage/labelfieldcontent/export', { - ...this.queryParams - }, `labelfieldcontent_${new Date().getTime()}.xlsx`) + addnurseClassifyitem() { + var obj = { + contentName: null, + resultPreview: null, + contentSort: undefined, + fieldMark: null, + contentRemark: null, + }; + if (this.form.fieldContentList.length == 5) { + this.$message.error("最多批量添加5条"); + } else { + this.form.fieldContentList.push(obj); + console.log(this.form) } + }, + //添加时删除item + delnurseClassifyitem(index) { + this.form.fieldContentList.splice(index, 1); + }, + // 取消按钮 + cancel() { + this.open = false; + this.reset(); + }, + // 修改取消 + cancelup() { + this.openup = false, + this.reset(); + + }, + // 表单重置 + reset() { + this.form = { + id: null, + fieldId: null, + fieldName: null, + contentName: null, + contentCode: null, + resultPreview: null, + contentSort: undefined, + contentRemark: null, + fieldMark: null, + createBy: null, + createTime: null, + updateBy: null, + updateTime: null + }; + this.resetForm("form"); + }, + /** 搜索按钮操作 */ + handleQuery() { + this.queryParams.pageNum = 1; + this.getList(); + }, + /** 重置按钮操作 */ + resetQuery() { + this.resetForm("queryForm"); + this.handleQuery(); + }, + // 多选框选中数据 + handleSelectionChange(selection) { + this.ids = selection.map(item => item.id) + this.single = selection.length !== 1 + this.multiple = !selection.length + }, + /** 新增按钮操作 */ + handleAdd() { + this.reset(); + this.open = true; + this.form = { + fieldContentList: [ + { + contentName: null, + resultPreview: null, + contentSort: undefined, + fieldMark: null, + contentRemark: null, + }, + ], + }; + this.getlabel(); + this.title = "添加标签字段内容信息"; + }, + /** 修改按钮操作 */ + handleUpdate(row) { + this.reset(); + const id = row.id || this.ids + this.getlabel(); + getLabelfieldcontent(id).then(response => { + this.form = response.data; + this.openup = true; + this.title = "修改标签字段内容信息"; + }); + }, + /** 提交按钮 */ + submitForm() { + this.$refs["form"].validate(valid => { + if (valid) { + if (this.form.id != null) { + updateLabelfieldcontent(this.form).then(response => { + this.$modal.msgSuccess("修改成功"); + this.openup = false; + this.getList(); + }); + } else { + addLabelfieldcontent(this.form).then(response => { + this.$modal.msgSuccess("新增成功"); + this.open = false; + this.getList(); + }); + } + } + }); + }, + /** 删除按钮操作 */ + handleDelete(row) { + const ids = row.id || this.ids; + this.$modal.confirm('是否确认删除标签字段内容信息编号为"' + ids + '"的数据项？').then(function () { + return delLabelfieldcontent(ids); + }).then(() => { + this.getList(); + this.$modal.msgSuccess("删除成功"); + }).catch(() => { }); + }, + /** 导出按钮操作 */ + handleExport() { + this.download('manage/labelfieldcontent/export', { + ...this.queryParams + }, `labelfieldcontent_${new Date().getTime()}.xlsx`) } - }; + } +};