{"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"]}]}