Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
tjf
/
shujuju-daping
1
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Drzewo: 5c54595f44
Gałęzie Tagi
shujuju-daping
/
ruoyi-ui
/
node_modules
/
.cache
/
vue-loader
/
be471e9f0384103ee09e0979f89cf6fd.json

be471e9f0384103ee09e0979f89cf6fd.json 9.0 KB
Historia Czysty

1 
  1. {"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\FormItemComponent\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\FormItemComponent\\index.vue","mtime":1620788133212},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgVnVlIGZyb20gInZ1ZSI7DQppbXBvcnQgbGF5b3V0QWxnb3JpdGhtIGZyb20gIkAvdXRpbHMvbGF5b3V0QWxnb3JpdGhtLmpzIjsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogIkZvcm1JdGVtQ29tcG9uZW50IiwNCiAgcHJvcHM6IHsNCiAgICBmb3JtSXRlbUxpc3RzOiB7DQogICAgICB0eXBlOiBBcnJheSwNCiAgICAgIGRlZmF1bHQoKSB7DQogICAgICAgIHJldHVybiBbXTsNCiAgICAgIH0NCiAgICB9LA0KICAgIGJ1dHRvblR5cGU6IHsNCiAgICAgIHR5cGU6IEJvb2xlYW4sDQogICAgICBkZWZhdWx0KCkgew0KICAgICAgICByZXR1cm4gdHJ1ZTsNCiAgICAgIH0NCiAgICB9LA0KICAgIGRlZmF1bHRDb2x1bW46IHsNCiAgICAgIHR5cGU6IE51bWJlciwNCiAgICAgIGRlZmF1bHQ6IDQNCiAgICB9LA0KICAgIHJlYWRvbmx5OiB7DQogICAgICB0eXBlOiBCb29sZWFuLA0KICAgICAgZGVmYXVsdDogZmFsc2UNCiAgICB9DQogIH0sDQogIGNvbXB1dGVkOiB7DQogICAgLy8g6YCa6L+HbGF5b3V0QWxnb3JpdGht566X5rOV5b6X5Yiw5a+55bqU55qE5L2N572u5Z2Q5qCHDQogICAgZGF0YUNvbFJvbCgpIHsNCiAgICAgIGNvbnN0IGxpc3QgPSBsYXlvdXRBbGdvcml0aG0odGhpcy5kZWZhdWx0Q29sdW1uLCB0aGlzLmN1cnJlbnRGb3JtTGlzdCk7DQogICAgICBsZXQgb2JqID0gT2JqZWN0LmtleXMobGlzdCkucmVkdWNlKCh0ZW1wLCBjdXJyZW50KSA9PiB7DQogICAgICAgIC8vIOiuoeeul+aYvuekuuihjOaVsA0KICAgICAgICBsaXN0W2N1cnJlbnRdLmNvbXBvbmVudCA9IFZ1ZS5leHRlbmQobGlzdFtjdXJyZW50XS5jb21wb25lbnQpOw0KICAgICAgICB0ZW1wLnB1c2gobGlzdFtjdXJyZW50XSk7DQogICAgICAgIHJldHVybiB0ZW1wOw0KICAgICAgfSwgW10pOw0KICAgICAgY29uc29sZS5sb2cob2JqLDk4ODgyMTIzKQ0KICAgICAgcmV0dXJuIG9iag0KICAgIH0sDQogICAgLy8g6K6h566X5bGe5oCn55qEIGRpdiDnmoTlnZDmoIfotbflp4vngrkNCiAgICBzZXREaXYoKSB7DQogICAgICByZXR1cm4gaXRlbSA9Pg0KICAgICAgICBgIGdyaWQtY29sdW1uOiR7aXRlbS54fS8ke2l0ZW0uY29sICsgaXRlbS54fTtncmlkLXJvdzokew0KICAgICAgICAgIGl0ZW0ueQ0KICAgICAgICB9LyR7aXRlbS55ICsgaXRlbS5yb3d9O2A7DQogICAgfSwNCiAgICAvLyDorqHnrpflsZ7mgKfnmoQgZGl255qE5o6S5YiX5qC85byPDQogICAgc2V0V2lkdGgoKSB7DQogICAgICAvLyBgdGhpc2Ag5oyH5ZCRIHZtIOWunuS+iw0KICAgICAgY29uc3QgY29sdW1ucyA9IE51bWJlcih0aGlzLmRlZmF1bHRDb2x1bW4pIHx8IDQ7DQogICAgICByZXR1cm4gYGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KCR7Y29sdW1uc30sJHsxMDAgLyBjb2x1bW5zfSVgOw0KICAgIH0NCiAgfSwNCiAgd2F0Y2g6IHsNCiAgICBmb3JtSXRlbUxpc3RzKCkgew0KICAgICAgdGhpcy5jdXJyZW50Rm9ybUxpc3QgPSB0aGlzLmZvcm1JdGVtTGlzdHMuY29uY2F0KFtdKTsNCiAgICB9DQogIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIC8vIGRlZmF1bHRDb2x1bW46NCwgIC8v6buY6K6k5LiA6KGMNOWIlw0KICAgICAgZm9ybURhdGE6IHt9LCAvL+S/neWtmGZvcm3kuK3ovpPlhaXmlbDmja4NCiAgICAgIGN1cnJlbnRGb3JtTGlzdDogW10NCiAgICB9Ow0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMuY3VycmVudEZvcm1MaXN0ID0gdGhpcy5mb3JtSXRlbUxpc3RzLmNvbmNhdChbXSk7DQogICAgY29uc29sZS5sb2codGhpcy5jdXJyZW50Rm9ybUxpc3QsOTk5OTk5OTk5KQ0KICB9LA0KICBtZXRob2RzOiB7DQogICAgaW5wdXRDaGFuZ2UodmFsdWUsIGl0ZW1zLCB0eXBlKSB7DQogICAgICAvL+acieaVsOaNruaUueWPmOaXtg0KICAgICAgLy8gaWYoT2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHZhbHVlKSA9PT0gJ1tvYmplY3QgQXJyYXldJyAmJiAoIXZhbHVlWzBdIHx8ICF2YWx1ZVsxXSkpew0KICAgICAgLy8gICBkZWxldGUgdGhpcy5mb3JtRGF0YVtpdGVtcy5maWxlZF0NCiAgICAgIC8vIH1lbHNlew0KICAgICAgLy8gICB0aGlzLmZvcm1EYXRhW2l0ZW1zLmZpbGVkXSA9IHZhbHVlDQogICAgICAvLyB9DQogICAgICBpZiAodHlwZSAmJiB0eXBlID09PSAic2VsZWN0Iikgew0KICAgICAgICB0aGlzLmZvcm1EYXRhW2l0ZW1zLnNsb3RmaWxlZF0gPSB2YWx1ZTsNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHRoaXMuZm9ybURhdGFbaXRlbXMuZmlsZWRdID0gdmFsdWU7DQogICAgICB9DQogICAgICB0aGlzLiRlbWl0KCJmb3JtQ2hhbmdlIiwgdGhpcy5mb3JtRGF0YSk7DQogICAgfSwNCiAgICBzZWFyY2goKSB7DQogICAgICB0aGlzLiRlbWl0KCJzZWFyY2giLCB0aGlzLmZvcm1EYXRhKTsNCiAgICB9LA0KICAgIHJlc2V0KCkgew0KICAgICAgdGhpcy5mb3JtRGF0YSA9IHt9Ow0KICAgICAgdGhpcy5jdXJyZW50Rm9ybUxpc3QgPSB0aGlzLmN1cnJlbnRGb3JtTGlzdC5jb25jYXQoW10pOw0KICAgICAgdGhpcy4kZW1pdCgic2VhcmNoIiwgdGhpcy5mb3JtRGF0YSk7DQogICAgfQ0KICB9DQp9Ow0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/FormItemComponent","sourcesContent":["<template>\r\n  <div class=\"FormComponent\">\r\n      <div\r\n      class=\"FormItemComponent\"\r\n      :style=\"setWidth\"\r\n    >\r\n      <div\r\n        v-for=\"(item,index) in dataColRol\"\r\n        :key=\"index\"\r\n        class=\"FormItemComponent-item\"\r\n        :style=\"setDiv(item)\"\r\n      >\r\n        <component\r\n          :is=\"item.component\"\r\n          :ref=\"'component_'+index\"\r\n          :index=\"index\"\r\n          :items=\"item.item\"\r\n          :readonly=\"readonly\"\r\n          @inputChange=\"inputChange\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <p v-if=\"buttonType\">\r\n      <el-button type=\"primary\" plain icon=\"el-icon-search\" @click=\"search\">搜索</el-button>\r\n      <el-button icon=\"el-icon-refresh\" size=\"mini\" @click=\"reset\">重置</el-button>\r\n    </p>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Vue from \"vue\";\r\nimport layoutAlgorithm from \"@/utils/layoutAlgorithm.js\";\r\nexport default {\r\n  name: \"FormItemComponent\",\r\n  props: {\r\n    formItemLists: {\r\n      type: Array,\r\n      default() {\r\n        return [];\r\n      }\r\n    },\r\n    buttonType: {\r\n      type: Boolean,\r\n      default() {\r\n        return true;\r\n      }\r\n    },\r\n    defaultColumn: {\r\n      type: Number,\r\n      default: 4\r\n    },\r\n    readonly: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    // 通过layoutAlgorithm算法得到对应的位置坐标\r\n    dataColRol() {\r\n      const list = layoutAlgorithm(this.defaultColumn, this.currentFormList);\r\n      let obj = Object.keys(list).reduce((temp, current) => {\r\n        // 计算显示行数\r\n        list[current].component = Vue.extend(list[current].component);\r\n        temp.push(list[current]);\r\n        return temp;\r\n      }, []);\r\n      console.log(obj,98882123)\r\n      return obj\r\n    },\r\n    // 计算属性的 div 的坐标起始点\r\n    setDiv() {\r\n      return item =>\r\n        ` grid-column:${item.x}/${item.col + item.x};grid-row:${\r\n          item.y\r\n        }/${item.y + item.row};`;\r\n    },\r\n    // 计算属性的 div的排列格式\r\n    setWidth() {\r\n      // `this` 指向 vm 实例\r\n      const columns = Number(this.defaultColumn) || 4;\r\n      return `grid-template-columns: repeat(${columns},${100 / columns}%`;\r\n    }\r\n  },\r\n  watch: {\r\n    formItemLists() {\r\n      this.currentFormList = this.formItemLists.concat([]);\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      // defaultColumn:4,  //默认一行4列\r\n      formData: {}, //保存form中输入数据\r\n      currentFormList: []\r\n    };\r\n  },\r\n  created() {\r\n    this.currentFormList = this.formItemLists.concat([]);\r\n    console.log(this.currentFormList,999999999)\r\n  },\r\n  methods: {\r\n    inputChange(value, items, type) {\r\n      //有数据改变时\r\n      // if(Object.prototype.toString.call(value) === '[object Array]' && (!value[0] || !value[1])){\r\n      //   delete this.formData[items.filed]\r\n      // }else{\r\n      //   this.formData[items.filed] = value\r\n      // }\r\n      if (type && type === \"select\") {\r\n        this.formData[items.slotfiled] = value;\r\n      } else {\r\n        this.formData[items.filed] = value;\r\n      }\r\n      this.$emit(\"formChange\", this.formData);\r\n    },\r\n    search() {\r\n      this.$emit(\"search\", this.formData);\r\n    },\r\n    reset() {\r\n      this.formData = {};\r\n      this.currentFormList = this.currentFormList.concat([]);\r\n      this.$emit(\"search\", this.formData);\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.FormComponent {\r\n  padding: 2px 10px 10px 10px;\r\n  // border: 1px solid rgba(228, 228, 228, 1);\r\n}\r\n\r\n.FormComponent > p {\r\n  padding-left: 108px;\r\n  margin-top: 10px;\r\n  display: flex;\r\n  width: 300px;\r\n\r\n  > button {\r\n    margin-right: 10px;\r\n  }\r\n}\r\n.FormItemComponent > div {\r\n  /*border:1px solid #fff;*/\r\n  box-sizing: border-box;\r\n}\r\n.FormItemComponent {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 25%);\r\n  grid-auto-rows: minmax(auto);\r\n}\r\n</style>\r\n"]}]}
    2.