{"version":3,"sources":["webpack:///./src/views/StorageTankPage/index.vue?f5c3","webpack:///./src/views/StorageTankPage/index.vue","webpack:///./src/views/StorageTankPage/AddStorageTank.vue","webpack:///src/views/StorageTankPage/AddStorageTank.vue","webpack:///./src/views/StorageTankPage/AddStorageTank.vue?af45","webpack:///./src/views/StorageTankPage/AddStorageTank.vue?60c1","webpack:///src/views/StorageTankPage/index.vue","webpack:///./src/views/StorageTankPage/index.vue?e792","webpack:///./src/views/StorageTankPage/index.vue?d1a3"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","attrs","on","searchStorageTank","model","value","searchText","callback","$$v","expression","_v","_s","totalRows","loadStorageTank","$event","$refs","AddStorageTank","openDrawer","ref","tableLoading","columns","tableData","tableHeight","staticRenderFns","openedStorageTank","drawerOpened","formItem","ruleValidate","nativeOn","preventDefault","name","$set","capacity","cost","type","locationStatus","handleSubmit","data","required","message","trigger","computed","methods","mapActions","createStorageTank","storageTank","validate","valid","$Message","success","error","component","typeToText","steel","plastic","locationStatusToText","supplier","shippingToCustomer","shippingToFactory","customer","factory","unknown","components","props","page","title","key","h","params","size","style","color","cursor","click","AddTankRentalDrawer","row","NoId","align","dayjs","createdAt","format","mapState","state","storageTankList","totalCounts","getStorageTankList","api","skip","limit","_","debounce","created","mounted","tableWrapper","offsetHeight","window","onresize","destroyed"],"mappings":"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","file":"js/chunk-011f923f.2d9f184f.js","sourcesContent":["export * from \"-!../../../node_modules/.pnpm/mini-css-extract-plugin@0.9.0_webpack@4.47.0/node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.47.0/node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/.pnpm/stylus-loader@3.0.2_stylus@0.54.8/node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=1335ff28&prod&scoped=true&lang=stylus\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"handle-wrapper\"},[_c('Input',{staticStyle:{\"width\":\"250px\",\"margin-right\":\"auto\"},attrs:{\"search\":\"\",\"placeholder\":\"搜索储罐...\",\"clearable\":\"\",\"icon\":\"ios-search\"},on:{\"on-change\":_vm.searchStorageTank},model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v},expression:\"searchText\"}}),_c('span',[_vm._v(\"共\"+_vm._s(_vm.totalRows)+\"条\")]),_c('Page',{staticStyle:{\"margin-right\":\"24px\"},attrs:{\"total\":_vm.totalRows,\"page-size\":15,\"show-total\":\"\",\"simple\":\"\"},on:{\"on-change\":_vm.loadStorageTank}}),_c('Button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.$refs.AddStorageTank.openDrawer()}}},[_vm._v(\"新增储罐租借\")])],1),_c('AddStorageTank',{ref:\"AddStorageTank\"}),_c('div',{ref:\"tableWrapper\",staticClass:\"table-wrapper\"},[_c('Table',{attrs:{\"loading\":_vm.tableLoading,\"columns\":_vm.columns,\"data\":_vm.tableData,\"height\":_vm.tableHeight}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Drawer',{attrs:{\"width\":\"400\",\"title\":`${_vm.openedStorageTank ? '编辑' : '新增'}储罐列表`},model:{value:(_vm.drawerOpened),callback:function ($$v) {_vm.drawerOpened=$$v},expression:\"drawerOpened\"}},[_c('div',{staticClass:\"drawer-content\"},[_c('Form',{ref:\"formItem\",attrs:{\"model\":_vm.formItem,\"rules\":_vm.ruleValidate,\"label-position\":\"top\"},nativeOn:{\"submit\":function($event){$event.preventDefault();}}},[_c('FormItem',{attrs:{\"label\":\"储罐名\",\"prop\":\"name\"}},[_c('Input',{staticStyle:{\"width\":\"300px\"},attrs:{\"placeholder\":\"输入储罐名...\"},model:{value:(_vm.formItem.name),callback:function ($$v) {_vm.$set(_vm.formItem, \"name\", $$v)},expression:\"formItem.name\"}})],1),_c('FormItem',{attrs:{\"label\":\"储罐容量\",\"prop\":\"capacity\"}},[_c('InputNumber',{staticStyle:{\"width\":\"300px\"},attrs:{\"placeholder\":\"输入储罐容量...\"},model:{value:(_vm.formItem.capacity),callback:function ($$v) {_vm.$set(_vm.formItem, \"capacity\", $$v)},expression:\"formItem.capacity\"}})],1),_c('FormItem',{attrs:{\"label\":\"储罐价格\",\"prop\":\"cost\"}},[_c('InputNumber',{attrs:{\"min\":0,\"placeholder\":\"输入储罐价格...\"},model:{value:(_vm.formItem.cost),callback:function ($$v) {_vm.$set(_vm.formItem, \"cost\", $$v)},expression:\"formItem.cost\"}})],1),_c('FormItem',{attrs:{\"label\":\"储罐类型\",\"prop\":\"type\"}},[_c('RadioGroup',{model:{value:(_vm.formItem.type),callback:function ($$v) {_vm.$set(_vm.formItem, \"type\", $$v)},expression:\"formItem.type\"}},[_c('Radio',{attrs:{\"label\":\"steel\"}},[_c('span',[_vm._v(\"不锈钢\")])]),_c('Radio',{attrs:{\"label\":\"plastic\"}},[_c('span',[_vm._v(\"塑胶桶\")])])],1)],1),_c('FormItem',{attrs:{\"label\":\"位置状态\",\"prop\":\"locationStatus\"}},[_c('RadioGroup',{model:{value:(_vm.formItem.locationStatus),callback:function ($$v) {_vm.$set(_vm.formItem, \"locationStatus\", $$v)},expression:\"formItem.locationStatus\"}},[_c('Radio',{attrs:{\"label\":\"supplier\"}},[_c('span',[_vm._v(\"供应商\")])]),_c('Radio',{attrs:{\"label\":\"shippingToCustomer\"}},[_c('span',[_vm._v(\"运往客户\")])]),_c('Radio',{attrs:{\"label\":\"shippingToFactory\"}},[_c('span',[_vm._v(\"运往工厂\")])]),_c('Radio',{attrs:{\"label\":\"customer\"}},[_c('span',[_vm._v(\"客户\")])]),_c('Radio',{attrs:{\"label\":\"factory\"}},[_c('span',[_vm._v(\"工厂\")])]),_c('Radio',{attrs:{\"label\":\"unknown\"}},[_c('span',[_vm._v(\"未知\")])])],1)],1),_c('FormItem',[_c('Button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.handleSubmit('formItem')}}},[_vm._v(\"保存\")])],1)],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <Drawer\n    width=\"400\"\n    :title=\"`${openedStorageTank ? '编辑' : '新增'}储罐列表`\"\n    v-model=\"drawerOpened\"\n  >\n    <div class=\"drawer-content\">\n      <Form\n        @submit.native.prevent\n        ref=\"formItem\"\n        :model=\"formItem\"\n        :rules=\"ruleValidate\"\n        label-position=\"top\"\n      >\n        <FormItem label=\"储罐名\" prop=\"name\">\n          <Input\n            v-model=\"formItem.name\"\n            placeholder=\"输入储罐名...\"\n            style=\"width: 300px\"\n          />\n        </FormItem>\n        <FormItem label=\"储罐容量\" prop=\"capacity\">\n          <InputNumber\n            v-model=\"formItem.capacity\"\n            style=\"width: 300px\"\n            placeholder=\"输入储罐容量...\"\n          />\n        </FormItem>\n        <FormItem label=\"储罐价格\" prop=\"cost\">\n          <InputNumber\n            :min=\"0\"\n            v-model=\"formItem.cost\"\n            placeholder=\"输入储罐价格...\"\n          ></InputNumber>\n        </FormItem>\n        <FormItem label=\"储罐类型\" prop=\"type\">\n          <RadioGroup v-model=\"formItem.type\">\n            <Radio label=\"steel\">\n              <span>不锈钢</span>\n            </Radio>\n            <Radio label=\"plastic\">\n              <span>塑胶桶</span>\n            </Radio>\n          </RadioGroup>\n        </FormItem>\n        <FormItem label=\"位置状态\" prop=\"locationStatus\">\n          <RadioGroup v-model=\"formItem.locationStatus\">\n            <Radio label=\"supplier\">\n              <span>供应商</span>\n            </Radio>\n            <Radio label=\"shippingToCustomer\">\n              <span>运往客户</span>\n            </Radio>\n            <Radio label=\"shippingToFactory\">\n              <span>运往工厂</span>\n            </Radio>\n            <Radio label=\"customer\">\n              <span>客户</span>\n            </Radio>\n            <Radio label=\"factory\">\n              <span>工厂</span>\n            </Radio>\n            <Radio label=\"unknown\">\n              <span>未知</span>\n            </Radio>\n          </RadioGroup>\n        </FormItem>\n        <FormItem>\n          <Button type=\"primary\" @click=\"handleSubmit('formItem')\">保存</Button>\n        </FormItem>\n      </Form>\n    </div>\n  </Drawer>\n</template>\n\n\n<script>\nimport { mapActions, mapState } from \"vuex\";\n\nexport default {\n  name: \"AddStorageTank\",\n  data() {\n    return {\n      drawerOpened: false,\n      openedStorageTank: null,\n      formItem: {\n        name: null,\n        capacity: null,\n        type: null,\n        cost: 0,\n        locationStatus: null,\n      },\n      ruleValidate: {\n        name: [\n          {\n            required: true,\n            message: \"储罐名为必填\",\n            trigger: \"blur\",\n          },\n        ],\n        capacity: [\n          {\n            required: true,\n            type: \"number\",\n            message: \"储罐容量为必填项\",\n            trigger: \"blur\",\n          },\n        ],\n        type: [\n          {\n            required: true,\n            message: \"储罐类型为必选\",\n            trigger: \"submit\",\n          },\n        ],\n        locationStatus: [\n          {\n            required: true,\n            message: \"位置状态为必选\",\n            trigger: \"submit\",\n          },\n        ],\n        cost: [\n          {\n            required: true,\n            type: \"number\",\n            message: \"储罐价格为必填项\",\n            trigger: \"blur\",\n          },\n        ],\n      },\n    };\n  },\n  computed: {\n    // ...mapState({}),\n  },\n  methods: {\n    ...mapActions({\n      createStorageTank: \"storageTank/createStorageTankAction\",\n      // updateTankRental: \"storageTank/updateTankRentalAction\",\n    }),\n    async openDrawer(storageTank) {\n      this.drawerOpened = true;\n      this.openedStorageTank = storageTank;\n    },\n    handleSubmit(name) {\n      this.$refs[name].validate(async (valid) => {\n        if (valid) {\n          try {\n            if (this.openedStorageTank) {\n              // await this.updateTankRental({\n              //   id: this.openedTankRental._id,\n              //   data: this.formItem,\n              // });\n            } else {\n              await this.createStorageTank(this.formItem);\n            }\n            this.$Message.success(\"保存成功!\");\n            this.drawerOpened = false;\n          } catch (error) {\n            this.$Message.error(`失败: ${error}`);\n          }\n        } else {\n          this.$Message.error(\"保存失败!\");\n        }\n      });\n    },\n  },\n};\n</script>\n<style lang=\"stylus\" scoped></style>","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.7_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./AddStorageTank.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.7_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./AddStorageTank.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AddStorageTank.vue?vue&type=template&id=b4d8a47c&scoped=true\"\nimport script from \"./AddStorageTank.vue?vue&type=script&lang=js\"\nexport * from \"./AddStorageTank.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b4d8a47c\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"container\">\r\n    <div class=\"handle-wrapper\">\r\n      <Input\r\n        v-model=\"searchText\"\r\n        search\r\n        placeholder=\"搜索储罐...\"\r\n        clearable\r\n        icon=\"ios-search\"\r\n        @on-change=\"searchStorageTank\"\r\n        style=\"width: 250px; margin-right: auto\"\r\n      >\r\n      </Input>\r\n      <span>共{{ totalRows }}条</span>\r\n      <Page\r\n        :total=\"totalRows\"\r\n        :page-size=\"15\"\r\n        @on-change=\"loadStorageTank\"\r\n        show-total\r\n        simple\r\n        style=\"margin-right: 24px\"\r\n      />\r\n      <Button type=\"primary\" @click=\"$refs.AddStorageTank.openDrawer()\"\r\n        >新增储罐租借</Button\r\n      >\r\n    </div>\r\n    <AddStorageTank ref=\"AddStorageTank\" />\r\n    <div class=\"table-wrapper\" ref=\"tableWrapper\">\r\n      <Table\r\n        :loading=\"tableLoading\"\r\n        :columns=\"columns\"\r\n        :data=\"tableData\"\r\n        :height=\"tableHeight\"\r\n      ></Table>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AddStorageTank from \"./AddStorageTank.vue\";\r\nimport { mapState, mapActions, mapGetters } from \"vuex\";\r\nimport dayjs from \"dayjs\";\r\nimport _ from \"lodash\";\r\n\r\nconst typeToText = {\r\n  steel: \"不锈钢\",\r\n  plastic: \"塑胶桶\",\r\n};\r\nconst locationStatusToText = {\r\n  supplier: \"供应商\",\r\n  shippingToCustomer: \"运往客户\",\r\n  shippingToFactory: \"运往工厂\",\r\n  customer: \"客户\",\r\n  factory: \"工厂\",\r\n  unknown: \"未知\",\r\n};\r\nexport default {\r\n  name: \"StorageTank\",\r\n  components: { AddStorageTank },\r\n  props: {},\r\n  data() {\r\n    return {\r\n      page: 0,\r\n      searchText: \"\",\r\n      tableLoading: false,\r\n      columns: [\r\n        {\r\n          title: \"编号\",\r\n          key: \"customer\",\r\n          render: (h, params) => {\r\n            return h(\"div\", [\r\n              h(\r\n                \"h4\",\r\n                {\r\n                  props: {\r\n                    type: \"text\",\r\n                    size: \"small\",\r\n                  },\r\n                  style: {\r\n                    color: \"#42b983\",\r\n                    cursor: \"pointer\",\r\n                  },\r\n                  on: {\r\n                    click: () => {\r\n                      this.$refs.AddTankRentalDrawer.openDrawer(params.row);\r\n                    },\r\n                  },\r\n                },\r\n                \"#\" + params.row.NoId\r\n              ),\r\n            ]);\r\n          },\r\n        },\r\n        {\r\n          title: \"储罐名\",\r\n          key: \"name\",\r\n          align: \"center\",\r\n          render: (h, params) => {\r\n            return h(\"span\", params.row.name);\r\n          },\r\n        },\r\n        {\r\n          title: \"类型\",\r\n          key: \"type\",\r\n          align: \"center\",\r\n          render: (h, params) => {\r\n            return h(\"span\", typeToText[params.row.type]);\r\n          },\r\n        },\r\n        {\r\n          title: \"位置状态\",\r\n          key: \"locationStatus\",\r\n          align: \"center\",\r\n          render: (h, params) => {\r\n            return h(\"span\", locationStatusToText[params.row.locationStatus]);\r\n          },\r\n        },\r\n        {\r\n          title: \"容量/吨\",\r\n          key: \"weight\",\r\n          align: \"center\",\r\n          render: (h, params) => {\r\n            return h(\"span\", params.row.capacity);\r\n          },\r\n        },\r\n        {\r\n          title: \"价格\",\r\n          key: \"cost\",\r\n          align: \"center\",\r\n          render: (h, params) => {\r\n            return h(\"span\", params.row.cost);\r\n          },\r\n        },\r\n        {\r\n          title: \"借用日期\",\r\n          key: \"rentalTime\",\r\n          align: \"center\",\r\n          render: (h, params) => {\r\n            return h(\"span\", dayjs(params.row.createdAt).format(\"YYYY-MM-DD\"));\r\n          },\r\n        },\r\n      ],\r\n      tableHeight: 300,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      tableData: (state) => state.storageTank.storageTankList,\r\n      totalRows: (state) => state.storageTank.totalCounts,\r\n    }),\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      getStorageTankList: \"storageTank/getStorageTankListAction\",\r\n    }),\r\n    async loadStorageTank(page) {\r\n      if (page) this.page = page - 1;\r\n      let api = { skip: this.page * 15, limit: 15 };\r\n      if (this.searchText) api.name = this.searchText;\r\n\r\n      try {\r\n        this.tableLoading = true;\r\n        await this.getStorageTankList(api);\r\n        this.tableLoading = false;\r\n      } catch (error) {\r\n        this.$Message.error(`加载失败: ${error}`);\r\n        this.tableLoading = false;\r\n      }\r\n    },\r\n    searchStorageTank: _.debounce(function () {\r\n      this.page = 0;\r\n      this.loadStorageTank();\r\n    }, 1000),\r\n  },\r\n  created() {\r\n    this.loadStorageTank();\r\n  },\r\n  mounted() {\r\n    this.tableHeight = this.$refs.tableWrapper.offsetHeight;\r\n    window.onresize = () => {\r\n      this.tableHeight = this.$refs.tableWrapper.offsetHeight;\r\n    };\r\n  },\r\n  destroyed() {\r\n    window.onresize = null;\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.handle-wrapper\r\n  width 100%\r\n  height 48px\r\n  display flex\r\n  align-items center\r\n  justify-content flex-end\r\n\r\n.table-wrapper\r\n  width 100%\r\n  height calc(100% - 48px)\r\n</style>\r\n","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.7_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.7_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=1335ff28&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=1335ff28&prod&scoped=true&lang=stylus\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1335ff28\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}