| 1 |
- {"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\ParameterConfiguration\\index.vue?vue&type=style&index=0&id=41b5e840&lang=scss&scoped=true&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\ParameterConfiguration\\index.vue","mtime":1623215520035},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLlBhcmFtZXRlckNvbmZpZ3VyYXRpb24gewogIHBhZGRpbmctdG9wOiA1MHB4OwogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CgogIC5mb3JtIHsKICAgIGJvcmRlcjogbm9uZTsKICAgIHdpZHRoOiA0MjBweDsKICB9Cn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2fA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/ParameterConfiguration","sourcesContent":["//参数配置界面\r\n<template>\r\n <div class=\"ParameterConfiguration\">\r\n <FormItemComponent class=\"form\" :formItemLists=\"formLists\" :buttonType=\"false\" :defaultColumn=\"1\" @formChange=\"formChange\"></FormItemComponent>\r\n </div>\r\n</template>\r\n<script>\r\n import FormItemComponent from '@/components/FormItemComponent';\r\n import ItemComponent from '@/components/ItemComponent';\r\n import {\r\n getColumnList,\r\n getTabList\r\n } from '@/api/modeler.js'\r\n export default {\r\n components: {\r\n FormItemComponent\r\n },\r\n props: {\r\n data: {\r\n type: Object\r\n }\r\n },\r\n watch: {\r\n data: {\r\n handler() {\r\n this.formLists = [{\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: 'select',\r\n title: '模版类型',\r\n filed: 'moduleType',\r\n value: this.data.moduleType,\r\n props: {\r\n disabled: this.disabled,\r\n clearable: false,\r\n },\r\n options: [{\r\n value: 0,\r\n label: '固定模版'\r\n },\r\n {\r\n value: 1,\r\n label: '动态模版'\r\n }\r\n ]\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: 'DropDownSelectFilter',\r\n title: '单据类型',\r\n filed: 'businessType',\r\n required: true,\r\n hidden: this.data.moduleType === 1,\r\n props: {\r\n columnsKey: ['NAME'],\r\n AutoData: [],\r\n hidecolumns: ['id'],\r\n data: {},\r\n totalRowCount: 0,\r\n defaultSelected: this.data.businessType,\r\n disabled: this.disabled\r\n },\r\n event: {\r\n inputValueChange: (value) => {\r\n // 外键的模糊搜索\r\n this.fkFuzzyquerybyak(value)\r\n },\r\n 'on-show': ($this) => {\r\n // 当外键下拉站开始去请求数据\r\n this.freshDropDownSelectFilterData($this)\r\n },\r\n pageChange: (currentPage, $this) => {\r\n // 外键的分页查询\r\n this.freshDropDownSelectFilterData($this, currentPage)\r\n },\r\n blur: (event, instance) => {\r\n if (Object.prototype.toString.call(this.data.businessType) !== '[object Array]' || this.data.businessType\r\n .length === 0) {\r\n this.data.businessType = []\r\n instance.inputValue = ''\r\n }\r\n\r\n }\r\n }\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: 'input',\r\n title: '模版名称',\r\n filed: 'name',\r\n required: true,\r\n value: this.data.name,\r\n props: {\r\n // disabled:this.data.status === 1\r\n }\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: 'DropDownSelectFilter',\r\n title: '查询索引',\r\n filed: 'businessNumber',\r\n hidden: this.data.moduleType === 1,\r\n props: {\r\n columnsKey: ['NAME'],\r\n AutoData: [],\r\n hidecolumns: ['id'],\r\n data: {},\r\n totalRowCount: 0,\r\n defaultSelected: this.data.businessNumber,\r\n // disabled:this.data.status === 1\r\n },\r\n event: {\r\n inputValueChange: (value, instance) => {\r\n if (!this.data.businessType || this.data.businessType.lengt == 0 || !this.data.businessType[0].ID) {\r\n this.$Modal.fcWarning({\r\n title: '警告',\r\n content: '请先选择单据类型!'\r\n })\r\n this.data.businessNumber = []\r\n instance.inputValue = ''\r\n return\r\n }\r\n // 外键的模糊搜索\r\n this.fkFuzzyquerybyakcolumn(value)\r\n },\r\n 'on-show': ($this) => {\r\n // 当外键下拉站开始去请求数据\r\n if (!this.data.businessType || this.data.businessType.lengt == 0 || !this.data.businessType[0].ID) {\r\n this.$Modal.fcWarning({\r\n title: '警告',\r\n content: '请先选择单据类型!'\r\n })\r\n this.data.businessNumber = []\r\n $this.inputValue = ''\r\n return\r\n }\r\n this.freshDropDownSelectFilterDataColumn($this)\r\n },\r\n pageChange: (currentPage, $this) => {\r\n // 外键的分页查询\r\n this.freshDropDownSelectFilterDataColumn($this, currentPage)\r\n },\r\n blur: (event, instance) => {\r\n if (Object.prototype.toString.call(this.data.businessNumber) !== '[object Array]' || this.data.businessNumber\r\n .length === 0) {\r\n this.data.businessNumber = []\r\n instance.inputValue = ''\r\n }\r\n\r\n }\r\n }\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: 'input',\r\n title: '模版描述',\r\n filed: 'description',\r\n value: this.data.description,\r\n props: {\r\n type: 'textarea',\r\n // disabled:this.data.status === 1\r\n }\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: 'Switch',\r\n title: '开启自动处理',\r\n filed: 'autoClose',\r\n value: this.data.autoClose,\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: 'input',\r\n title: '业务数据检查',\r\n filed: 'businessCheckUrl',\r\n value: this.data.businessCheckUrl\r\n }\r\n }\r\n ]\r\n },\r\n deep: true\r\n }\r\n },\r\n data() {\r\n return {\r\n formLists: [{\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: 'select',\r\n title: '模版类型',\r\n filed: 'moduleType',\r\n value: 0,\r\n props: {\r\n disabled: false,\r\n clearable: false\r\n },\r\n options: [{\r\n value: 0,\r\n label: '固定模版'\r\n },\r\n {\r\n value: 1,\r\n label: '动态模版'\r\n }\r\n ]\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: 'DropDownSelectFilter',\r\n title: '单据类型',\r\n filed: 'businessType',\r\n required: true,\r\n hidden: this.data.moduleType === 1,\r\n props: {\r\n columnsKey: ['NAME'],\r\n AutoData: [],\r\n hidecolumns: ['id'],\r\n data: {},\r\n totalRowCount: 0\r\n },\r\n event: {\r\n inputValueChange: (value) => {\r\n // 外键的模糊搜索\r\n this.fkFuzzyquerybyak(value)\r\n },\r\n 'on-show': ($this) => {\r\n // 当外键下拉站开始去请求数据\r\n this.freshDropDownSelectFilterData($this)\r\n },\r\n pageChange: (currentPage, $this) => {\r\n // 外键的分页查询\r\n this.freshDropDownSelectFilterData($this, currentPage)\r\n },\r\n blur: (event, instance) => {\r\n if (Object.prototype.toString.call(this.data.businessType) !== '[object Array]' || this.data.businessType\r\n .length === 0) {\r\n this.data.businessType = []\r\n instance.inputValue = ''\r\n }\r\n\r\n }\r\n }\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: 'input',\r\n title: '模版名称',\r\n filed: 'name',\r\n required: true,\r\n value: this.data.name\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: 'DropDownSelectFilter',\r\n title: '查询索引',\r\n filed: 'businessNumber',\r\n hidden: this.data.moduleType === 1,\r\n props: {\r\n columnsKey: ['NAME'],\r\n AutoData: [],\r\n hidecolumns: ['id'],\r\n data: {},\r\n totalRowCount: 0\r\n },\r\n event: {\r\n inputValueChange: (value, instance) => {\r\n if (!this.data.businessType || this.data.businessType.lengt == 0 || !this.data.businessType[0].ID) {\r\n this.$Modal.fcWarning({\r\n title: '警告',\r\n content: '请先选择单据类型!'\r\n })\r\n this.data.businessNumber = []\r\n instance.inputValue = ''\r\n return\r\n }\r\n // 外键的模糊搜索\r\n this.fkFuzzyquerybyakcolumn(value)\r\n },\r\n 'on-show': ($this) => {\r\n // 当外键下拉站开始去请求数据\r\n if (!this.data.businessType || this.data.businessType.lengt == 0 || !this.data.businessType[0].ID) {\r\n this.$Modal.fcWarning({\r\n title: '警告',\r\n content: '请先选择单据类型!'\r\n })\r\n this.data.businessNumber = []\r\n $this.inputValue = ''\r\n return\r\n }\r\n this.freshDropDownSelectFilterDataColumn($this)\r\n },\r\n pageChange: (currentPage, $this) => {\r\n // 外键的分页查询\r\n this.freshDropDownSelectFilterDataColumn($this, currentPage)\r\n },\r\n blur: (event, instance) => {\r\n\r\n if (Object.prototype.toString.call(this.data.businessNumber) !== '[object Array]' || this.data.businessNumber\r\n .length === 0) {\r\n this.data.businessNumber = []\r\n instance.inputValue = ''\r\n }\r\n\r\n }\r\n }\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: 'input',\r\n title: '模版描述',\r\n filed: 'description',\r\n value: this.data.description,\r\n props: {\r\n type: 'textarea',\r\n }\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: 'Switch',\r\n title: '开启自动处理',\r\n filed: 'autoClose',\r\n value: true,\r\n }\r\n },\r\n {\r\n row: 1,\r\n col: 1,\r\n component: ItemComponent,\r\n item: {\r\n type: 'input',\r\n title: '业务数据检查',\r\n filed: 'businessCheckUrl',\r\n value: this.data.businessCheckUrl\r\n }\r\n }\r\n ],\r\n formData: {},\r\n row: [],\r\n disabled: false\r\n }\r\n },\r\n methods: {\r\n formChange(data) { //数据修改\r\n if (data.businessType && data.businessType.length > 0) {\r\n this.row.map(item => {\r\n if (item.ID.val === data.businessType[0].ID) {\r\n data.businessType[0].val = item.DESCRIPTION.val\r\n data.businessType[0].Label = item.NAME.val\r\n }\r\n return item\r\n })\r\n }\r\n\r\n if (data.businessNumber && data.businessNumber.length > 0) {\r\n this.row.map(item => {\r\n if (item.ID.val === data.businessNumber[0].ID) {\r\n data.businessNumber[0].val = item.DESCRIPTION.val\r\n data.businessNumber[0].Label = item.NAME.val\r\n }\r\n return item\r\n })\r\n }\r\n\r\n this.formData = Object.assign(this.formData, data)\r\n this.$emit('dataChange', this.formData)\r\n },\r\n fkFuzzyquerybyak(value) { //单据类型模糊搜素\r\n this.formLists[1].item.props.AutoData = []\r\n getTabList({\r\n DESCRIPTION: value\r\n }).then(res => {\r\n if (res.code === 0) {\r\n this.row = res.data.row.concat([])\r\n this.formLists[1].item.props.AutoData = res.data.row.reduce((arr, item) => {\r\n arr.push({\r\n value: item.NAME.val,\r\n id: item.ID.val,\r\n NAME: item.DESCRIPTION.val\r\n })\r\n return arr\r\n }, []);\r\n }\r\n\r\n })\r\n },\r\n freshDropDownSelectFilterData(instance, currentPage) { //外键列表查询\r\n getTabList({\r\n pageSize: instance.pageSize,\r\n page: currentPage ? currentPage : 1\r\n }).then(res => {\r\n if (res.code === 0) {\r\n this.row = res.data.row.concat([])\r\n res.data.tabth.forEach(item => {\r\n if (item.colname === 'DESCRIPTION') {\r\n item.isak = true\r\n }\r\n return item\r\n })\r\n // res.data.datas.row.forEach(item => {\r\n // item.ID.val = item.NAME.val\r\n // return item\r\n // })\r\n this.formLists[1].item.props.data = res.data;\r\n this.formLists[1].item.props.totalRowCount = res.data.totalRowCount;\r\n }\r\n\r\n })\r\n },\r\n fkFuzzyquerybyakcolumn(value) { //单据类型模糊搜素\r\n this.formLists[3].item.props.AutoData = []\r\n getColumnList({\r\n DESCRIPTION: value,\r\n AD_TABLE_ID: this.data.businessType[0].ID\r\n }).then(res => {\r\n if (res.code === 0) {\r\n this.row = res.data.row.concat([])\r\n this.formLists[3].item.props.AutoData = res.data.row.reduce((arr, item) => {\r\n arr.push({\r\n value: item.NAME.val,\r\n id: item.ID.val,\r\n NAME: item.DESCRIPTION.val\r\n })\r\n return arr\r\n }, []);\r\n }\r\n\r\n })\r\n },\r\n freshDropDownSelectFilterDataColumn(instance, currentPage) { //外键列表查询\r\n getColumnList({\r\n pageSize: instance.pageSize,\r\n page: currentPage ? currentPage : 1,\r\n AD_TABLE_ID: this.data.businessType[0].ID\r\n }).then(res => {\r\n if (res.code === 0) {\r\n this.row = res.data.row.concat([])\r\n res.data.tabth.forEach(item => {\r\n if (item.colname === 'DESCRIPTION') {\r\n item.isak = true\r\n }\r\n return item\r\n })\r\n // res.data.datas.row.forEach(item => {\r\n // item.ID.val = item.NAME.val\r\n // return item\r\n // })\r\n this.formLists[3].item.props.data = res.data;\r\n this.formLists[3].item.props.totalRowCount = res.data.totalRowCount;\r\n }\r\n\r\n })\r\n }\r\n },\r\n created() {\r\n this.$route.params.id !== '-1' ? this.disabled = true : this.disabled = false\r\n }\r\n }\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n .ParameterConfiguration {\r\n padding-top: 50px;\r\n display: flex;\r\n justify-content: center;\r\n\r\n .form {\r\n border: none;\r\n width: 420px;\r\n }\r\n }\r\n</style>\r\n"]}]}
|
