{"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\URLAndField\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\URLAndField\\index.vue","mtime":1619607677273},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQoudXJsLWFuZC1maWVsZCB7DQogIHdpZHRoOiAxMDAlOw0KICAucnVsZS1jb21wb25lbnQtaXRlbSB7DQogICAgd2lkdGg6IDEwMCU7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgIHBhZGRpbmctdG9wOiA4cHg7DQoNCiAgICAuaXRlbUxhYmVsIHsNCiAgICAgIHdpZHRoOiAxMDBweDsNCiAgICAgIG1hcmdpbi1yaWdodDogOHB4Ow0KICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7DQogICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsNCiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7DQogICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogICAgfQ0KDQogICAgLml0ZW1Db21wb25lbnQgew0KICAgICAgZmxleDogMTsNCiAgICAgIG92ZXJmbG93OiBoaWRkZW47DQogICAgICAmOmxhc3QtY2hpbGQgew0KICAgICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgfQ0KICAgICAgI2Ryb3BEb3duU2VsZWN0RmlsdGVyIHsNCiAgICAgICAgZmxleDogMTsNCiAgICAgIH0NCiAgICAgIC5jb250cm9sVGlwIHsNCiAgICAgICAgd2lkdGg6IDQ5cHg7DQogICAgICAgIC8vIGNvbG9yOiByZ2JhKDkxLCAxMzMsIDIyOCwgMSk7DQogICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4Ow0KICAgICAgICBsaW5lLWhlaWdodDogMzJweDsNCiAgICAgIH0NCiAgICB9DQogICAgLmxhYmVsLXRpcCB7DQogICAgICBjb2xvcjogcmVkOw0KICAgICAgZm9udC1zaXplOiAxNnB4Ow0KICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsNCiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICAgIHRvcDogLTFweDsNCiAgICAgIHJpZ2h0OiAzcHg7DQogICAgfQ0KICB9DQogIC5zaG93RGV0YWlsIHsNCiAgICBtYXJnaW4tdG9wOiAxMHB4Ow0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0PA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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/URLAndField","sourcesContent":["<template>\r\n  <div class=\"url-and-field\">\r\n    <div class=\"rule-component-item\">\r\n      <span class=\"itemLabel\">\r\n        <span v-if=\"true\" class=\"label-tip\">*</span>\r\n        扩展字段:\r\n      </span>\r\n      <div class=\"itemComponent\">\r\n        <Input v-model=\"item.handleValue\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"rule-component-item\">\r\n      <span class=\"itemLabel\">字段名称:</span>\r\n      <div class=\"itemComponent\">\r\n        <DropMultiSelectFilter\r\n          :single=\"false\"\r\n          :data=\"dropSelectConfig.data\"\r\n          :totalRowCount=\"dropSelectConfig.totalRowCount\"\r\n          :pageSize=\"dropSelectConfig.pageSize\"\r\n          :dataEmptyMessage=\"dropSelectConfig.dataEmptyMessage\"\r\n          :columns=\"dropSelectConfig.columns\"\r\n          :AutoData=\"dropSelectConfig.AutoData\"\r\n          :defaultSelected=\"dropSelectConfig.defaultSelected\"\r\n          :isBackRowItem=\"true\"\r\n          @on-fkrp-selected=\"fkrpSelected\"\r\n          @on-page-change=\"pageChange\"\r\n          @on-input-value-change=\"inputValueChange\"\r\n          @on-popper-show=\"fkrpSelectedPopperShow\"\r\n          @on-clear=\"fkrpSelectedClear\"\r\n        ></DropMultiSelectFilter>\r\n          <span\r\n            class=\"controlTip\"\r\n            style=\"color:#5B85E4;cursor:pointer\"\r\n            v-if=\"item.fornt_presentation_value&&item.fornt_presentation_value.length > 0\"\r\n            @click=\"controlTable\"\r\n          >{{selectDetail?'关闭修改':'更改权限'}}</span>\r\n          <span\r\n            class=\"controlTip\"\r\n            style=\"color:#ccc;cursor:pointer\"\r\n            v-if=\"!item.fornt_presentation_value||item.fornt_presentation_value&&item.fornt_presentation_value.length === 0\"\r\n          >更改权限</span>\r\n      </div>\r\n    </div>\r\n    <Table\r\n      v-if=\"selectDetail\"\r\n      border\r\n      :columns=\"table.columns\"\r\n      :data=\"table.data\"\r\n      class=\"showDetail\"\r\n    ></Table>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    item: {\r\n      type: Object,\r\n      default: () => {\r\n        return {};\r\n      }\r\n    },\r\n    tableConfig: {\r\n      type: Object,\r\n      default: () => {\r\n        return {\r\n          tableId: \"14443\",\r\n          tableName: \"AD_SUBSYSTEM\"\r\n        };\r\n      }\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      controlMessage: \"修改规则\",\r\n      dropSelectConfig: {\r\n        data: {},\r\n        totalRowCount: 1,\r\n        pageSize: 10,\r\n        dataEmptyMessage: \"数据为空\",\r\n        AutoData: [],\r\n        columnsKey: [\"value\"], //input显示的字段\r\n        columns: [\"id\"], //模糊搜索隐藏的列\r\n        defaultSelected: []\r\n      },\r\n      selectDetail: false, //控制表格是否显示\r\n      table: {\r\n        columns: [\r\n          {\r\n            title: \"常量名\",\r\n            key: \"keyName\"\r\n          },\r\n          {\r\n            title: \"常量值\",\r\n            key: \"keyValue\",\r\n            render: (h, params) => {\r\n              return h(\r\n                \"Input\",\r\n                {\r\n                  class: \"isNone\",\r\n                  style: {\r\n                    width: \"100%\",\r\n                    height: \"100%\"\r\n                  },\r\n                  props: {\r\n                    value: params.row.keyValue,\r\n                    autosize: true\r\n                  },\r\n                  on: {\r\n                    input: val => {\r\n                      if (!this.item.fornt_data) {\r\n                        this.item.fornt_data = {};\r\n                      }\r\n                      this.item.fornt_data[params.row.name] = val;\r\n                    }\r\n                  }\r\n                },\r\n                params.row.keyValue\r\n              );\r\n            }\r\n          },\r\n          {\r\n            title: \"操作\",\r\n            render: (h, params) => {\r\n              return h(\r\n                \"span\",\r\n                {\r\n                  style: {\r\n                    color: \"rgba(91,133,228,1)\"\r\n                  },\r\n                  on: {\r\n                    click: () => {\r\n                      this.table.data.splice(params.index, 1);\r\n                      let findIndex = this.item.fornt_presentation_value.findIndex(\r\n                        itemE => {\r\n                          return params.row.ID === itemE.ID;\r\n                        }\r\n                      );\r\n                      if (findIndex !== -1) {\r\n                        this.item.fornt_presentation_value.splice(findIndex, 1);\r\n                      }\r\n                      this.dropSelectConfig.defaultSelected = this.item.fornt_presentation_value;\r\n                    }\r\n                  }\r\n                },\r\n                \"删除\"\r\n              );\r\n            }\r\n          }\r\n        ],\r\n        data: []\r\n      }\r\n    };\r\n  },\r\n  methods: {\r\n    fkrpSelected(selected) {\r\n      this.item.fornt_presentation_value = selected;\r\n      this.table.data = this.item.fornt_presentation_value.map(value => {\r\n        let keyValue = \"\";\r\n        return {\r\n          ID: value.rowItem.ID.val,\r\n          name: value.rowItem.NAME.val,\r\n          keyName: value.rowItem.DESCRIPTION.val,\r\n          keyValue: keyValue\r\n        };\r\n      });\r\n    },\r\n    inputValueChange(value) {\r\n      this.findField({\r\n        DESCRIPTION: value,\r\n        AD_TABLE_ID: this.tableConfig.tableId\r\n      });\r\n    },\r\n    fkrpSelectedClear() {\r\n      this.item.fornt_presentation_value = [];\r\n      this.table.data = [];\r\n      this.selectDetail=false;\r\n    }, //下拉多选清除事件\r\n    pageChange(value) {\r\n      this.findField({\r\n        pageSize: this.dropSelectConfig.pageSize,\r\n        page: value,\r\n        AD_TABLE_ID: this.tableConfig.tableId\r\n      });\r\n    },\r\n\r\n    fkrpSelectedPopperShow() {\r\n      this.findField({ AD_TABLE_ID: this.tableConfig.tableId });\r\n    },\r\n    //获取字段名\r\n    findField(param) {\r\n      this.$network.post(\"/p/c/meta/column/list\", param).then(res => {\r\n        if (res.data.code === 0) {\r\n          if (param.hasOwnProperty(\"DESCRIPTION\")) {\r\n            this.dropSelectConfig.AutoData = [];\r\n            this.dropSelectConfig.AutoData = res.data.data.row.reduce(\r\n              (arr, item) => {\r\n                arr.push({\r\n                  value: item.DESCRIPTION.val,\r\n                  id: item.ID.val\r\n                });\r\n                return arr;\r\n              },\r\n              []\r\n            );\r\n          }\r\n          res.data.data.tabth.map(item => {\r\n            if (item.colname === \"DESCRIPTION\") {\r\n              item.isak = true;\r\n            } else {\r\n              item.isak = false;\r\n            }\r\n            return item;\r\n          });\r\n          this.dropSelectConfig.data = res.data.data;\r\n          this.dropSelectConfig.totalRowCount = res.data.data.totalRowCount;\r\n        }\r\n      });\r\n    },\r\n    controlTable() {\r\n      this.selectDetail = !this.selectDetail;\r\n    } //控制表格是否显示\r\n  },\r\n  created() {\r\n    if (\r\n      this.item.fornt_presentation_value &&\r\n      this.item.fornt_presentation_value.lenth > 0 &&\r\n      this.item.fornt_data &&\r\n      Object.keys(this.item.fornt_data).length > 0\r\n    ) {\r\n      this.dropSelectConfig.defaultSelected = this.item.fornt_presentation_value;\r\n      this.table.data = this.item.fornt_presentation_value.map(value => {\r\n        let keyValue = \"\";\r\n        Object.keys(this.item.fornt_data).forEach(inner => {\r\n          if (inner === value.rowItem.Name.val) {\r\n            keyValue = this.item.fornt_data[inner];\r\n          }\r\n        });\r\n        return {\r\n          ID: value.rowItem.ID.val,\r\n          name: value.rowItem.NAME.val,\r\n          keyName: value.rowItem.DESCRIPTION.val,\r\n          keyValue: keyValue\r\n        };\r\n      });\r\n      this.selectDetail = true;\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.url-and-field {\r\n  width: 100%;\r\n  .rule-component-item {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding-top: 8px;\r\n\r\n    .itemLabel {\r\n      width: 100px;\r\n      margin-right: 8px;\r\n      text-align: right;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      display: inline-block;\r\n    }\r\n\r\n    .itemComponent {\r\n      flex: 1;\r\n      overflow: hidden;\r\n      &:last-child {\r\n        display: flex;\r\n      }\r\n      #dropDownSelectFilter {\r\n        flex: 1;\r\n      }\r\n      .controlTip {\r\n        width: 49px;\r\n        // color: rgba(91, 133, 228, 1);\r\n        margin-left: 10px;\r\n        line-height: 32px;\r\n      }\r\n    }\r\n    .label-tip {\r\n      color: red;\r\n      font-size: 16px;\r\n      vertical-align: middle;\r\n      position: relative;\r\n      top: -1px;\r\n      right: 3px;\r\n    }\r\n  }\r\n  .showDetail {\r\n    margin-top: 10px;\r\n  }\r\n}\r\n</style>"]}]}