{"version":3,"sources":["webpack:///./src/views/form/components/form/FormWeb.vue?acd6","webpack:///src/views/form/components/form/FormWeb.vue","webpack:///./src/views/form/components/form/FormWeb.vue?472c","webpack:///./src/views/form/components/form/FormWeb.vue?98d4","webpack:///./src/views/form/components/form/FormWeb.vue?2a98"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_e","columns","dataArr","staticRenderFns","name","data","isLoading","arr","compareArr","props","isWeb","computed","currentData","$store","state","tabdata","info","methods","watch","setTimeout","mounted","component"],"mappings":"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","file":"js/chunk-c3e9d20a.5862e958.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tab-height-div\"},[(_vm.isLoading)?_c('Spin',{attrs:{\"fix\":\"\"}},[_c('Icon',{staticClass:\"demo-spin-icon-load\",attrs:{\"type\":\"ios-loading\",\"size\":\"18\"}}),_c('div',[_vm._v(\"Loading\")])],1):_vm._e(),_c('Table',{attrs:{\"border\":\"\",\"columns\":_vm.columns,\"data\":_vm.dataArr}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n<template>\n  <div class=\"tab-height-div\">\n    <Spin fix v-if=\"isLoading\">\n      <Icon type=\"ios-loading\" size=18 class=\"demo-spin-icon-load\"></Icon>\n      <div>Loading</div>\n    </Spin>\n    <Table border :columns=\"columns\" :data=\"dataArr\"></Table>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'FormWeb',\n  data () {\n    return {\n      isLoading: true,\n      arr: [\n        { label: '文本框', value: 0 },\n        { label: '密码', value: 1 },\n        { label: '单选框', value: 2 },\n        { label: '多选', value: 3 },\n        { label: '日期(yyyy-MM-dd)', value: 4 },\n        { label: '日期(yyyy-MM-dd HH:mm:ss)', value: 5 },\n        { label: '多行文本', value: 8 },\n        { label: '下拉框', value: 9 }\n      ],\n      compareArr: [\n        { label: '=', value: 0 },\n        { label: '>=', value: 1 },\n        { label: '<=', value: 2 },\n        { label: 'like', value: 3 }\n      ],\n      columns: [\n        {\n          title: '字段名称',\n          key: 'name',\n          filteredValue: [null],\n          filterMethod (value, row) {\n            return row.fieldName.trim().length !== 0\n          },\n          render: (h, params) => {\n            return h('Input', {\n              props: {\n                value: params.row.fieldName,\n                disabled: true\n              }\n            })\n          }\n        },\n        {\n          title: '字段备注',\n          key: 'marker',\n          render: (h, params) => {\n            return h('Input', {\n              props: {\n                value: params.row.content,\n                disabled: true\n              }\n            })\n          }\n        },\n        {\n          title: '表单显示',\n          align: 'center',\n          width: 120,\n          key: 'formShow',\n          render: (h, params) => {\n            return h('Checkbox', {\n              props: {\n                value: params.row.isShow\n              },\n              on: {\n                'on-change': event => {\n                  this.dataArr[params.index].isShow = event\n                  // this.typeChange(params.index);\n                }\n              }\n            })\n          }\n        },\n        {\n          title: '列表显示',\n          align: 'center',\n          width: 120,\n          key: 'listShow',\n          render: (h, params) => {\n            return h('Checkbox', {\n              props: {\n                value: params.row.isShowList\n              },\n              on: {\n                'on-change': event => {\n                  this.dataArr[params.index].isShowList = event\n                  // this.typeChange(params.index);\n                }\n              }\n            })\n          }\n        },\n        {\n          title: '控件类型',\n          width: 250,\n          key: 'type',\n          render: (h, params) => {\n            return h(\n              'div',\n              {\n                class:\n                  (params.row['isQuery'] || params.row['isShow']) &&\n                  (!params.row['showType'] && !(params.row['showType'] == '0'))\n                    ? 'ctName'\n                    : ''\n              },\n              [\n                h(\n                  'Select',\n                  {\n                    props: {\n                      transfer: true,\n                      value: params.row.showType\n                    },\n                    style: {\n                      width: '200px'\n                    },\n                    class: 'ctinpt',\n                    on: {\n                      'on-change': event => {\n                        this.dataArr[params.index].showType = event\n                        // this.typeChange(params.index);\n                      }\n                    }\n                  },\n                  this.arr.map(item => {\n                    return h('Option', {\n                      props: {\n                        value: item.value,\n                        label: item.label\n                      }\n                    })\n                  })\n                ),\n                h(\n                  'div',\n                  {\n                    style: {\n                      color: 'red',\n                      display:\n                        (params.row['isQuery'] || params.row['isShow']) &&\n                        (!params.row['showType'] &&\n                          !(params.row['showType'] == '0'))\n                          ? 'inline-block'\n                          : 'none'\n                    },\n                    class: 'cxnameselect'\n                  },\n                  [\n                    h('Icon', {\n                      props: {\n                        type: 'ios-alert'\n                      }\n                    }),\n                    h('Font', { style: { color: 'red' } }, '控件类型必选')\n                  ]\n                )\n              ]\n            )\n          }\n        },\n        {\n          title: '控件长度',\n          key: 'length',\n          render: (h, params) => {\n            return h('Input', {\n              props: {\n                value: params.row.fieldLength\n              },\n              on: {\n                'on-blur': event => {\n                  this.dataArr[params.index].fieldLength = event.target.value\n                }\n              }\n            })\n          }\n        },\n        {\n          title: '是否查询',\n          width: 120,\n          align: 'center',\n          key: 'query',\n          render: (h, params) => {\n            return h('Checkbox', {\n              props: {\n                value: params.row.isQuery\n              },\n              on: {\n                'on-change': event => {\n                  this.dataArr[params.index].isQuery = event\n                  // this.typeChange(params.index);\n                }\n              }\n            })\n          }\n        },\n        {\n          title: '查询类型',\n          width: 200,\n          key: 'queryType',\n          render: (h, params) => {\n            return h(\n              'div',\n              {\n                class:\n                  params.row['isQuery'] &&\n                  (!params.row['queryMode'] &&\n                    !(params.row['queryMode'] == '0'))\n                    ? 'ctName'\n                    : ''\n              },\n              [\n                h(\n                  'Select',\n                  {\n                    props: {\n                      transfer: true,\n                      value: params.row.queryMode,\n                      clearable: true\n                    },\n                    style: {\n                      width: '100px'\n                    },\n                    class: 'ctinpt',\n                    on: {\n                      'on-change': event => {\n                        this.dataArr[params.index].queryMode = event\n                        // this.typeChange(params.index);\n                      }\n                    }\n                  },\n                  this.compareArr.map(item => {\n                    return h('Option', {\n                      props: {\n                        value: item.value,\n                        label: item.label\n                      }\n                    })\n                  })\n                ),\n                h(\n                  'div',\n                  {\n                    style: {\n                      color: 'red',\n                      display:\n                        params.row['isQuery'] &&\n                        (!params.row['queryMode'] &&\n                          !(params.row['queryMode'] == '0'))\n                          ? 'inline-block'\n                          : 'none'\n                    },\n                    class: 'cxnameselect'\n                  },\n                  [\n                    h('Icon', {\n                      props: {\n                        type: 'ios-alert'\n                      }\n                    }),\n                    h('Font', { style: { color: 'red' } }, '查询类型必选')\n                  ]\n                )\n              ]\n            )\n          }\n        }\n      ],\n      dataArr: []\n    }\n  },\n  props: {\n    // dataArr: Array,\n    isWeb: {}\n  },\n  computed: {\n    currentData () {\n      return this.$store.state.tabdata.info\n    }\n  },\n  methods: {\n    // getData() {\n    //   if (this.isWeb) {\n    //     this.dataArr = this.$store.state.tabdata.dataArr;\n    //   }\n    // }\n  },\n  watch: {\n    currentData (v) {\n      setTimeout(() => {\n        this.dataArr = this.$store.state.tabdata.info\n      }, 200)\n    }\n  },\n  mounted () {\n    // console.log(this.dataArr,'123')\n    // console.log(\"3\", this.$store.state.tabdata.dataArr);\n    // this.dataArr = this.$store.state.tabdata.dataArr;\n    // this.getData();\n  }\n}\n</script>\n\n<style scoped>\n.tab-height-div {\n  height: calc(100vh - 180px);\n  overflow: auto;\n}\n.ctName {\n  height: 115px;\n  position: relative;\n}\n.ctName .ctinpt {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.ctName .cxname {\n  position: absolute;\n  bottom: 3px;\n}\n\n .cxnameselect {\n  position: absolute;\n  bottom: 21px;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWeb.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWeb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormWeb.vue?vue&type=template&id=21be01dc&scoped=true&\"\nimport script from \"./FormWeb.vue?vue&type=script&lang=js&\"\nexport * from \"./FormWeb.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FormWeb.vue?vue&type=style&index=0&id=21be01dc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"21be01dc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWeb.vue?vue&type=style&index=0&id=21be01dc&scoped=true&lang=css&\""],"sourceRoot":""}