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