¶Ô±ÈÐÂÎļþ |
| | |
| | | import request from '@/router/axios'; |
| | | |
| | | export const getList = (params) => { |
| | | return request({ |
| | | url: '/api/ubcs-code/codeRuleCharacterController/list', |
| | | method: 'get', |
| | | params: { |
| | | ...params, |
| | | } |
| | | }) |
| | | } |
| | | |
| | | export const gridCodeRule = (params) => { |
| | | return request({ |
| | | url: '/api/ubcs-code/mdmRule/gridCodeRule', |
| | | method: 'get', |
| | | params: { |
| | | ...params, |
| | | }, |
| | | }) |
| | | } |
| | |
| | | valueFormat: formItem.dateFormate || "yyyy-MM-dd HH:mm:ss", |
| | | format: formItem.dateFormate, |
| | | keyAttr: formItem.keyAttr, |
| | | value: (formItem.dicData && formItem.dicData.length > 0 && formItem.secType == "codefixedsec" ? formItem.dicData[0].id : null) || |
| | | value:formItem.defaultValue || (formItem.dicData && formItem.dicData.length > 0 && formItem.secType == "codefixedsec" ? formItem.dicData[0].id : null) || |
| | | (formItem.secType == "codedatesec" ? formItem.codeDateValue : null) || (TreeValue && formItem.secType == "codelevelsec" ? TreeValue : null) || |
| | | (formItem.secType == "codeattrsec" ? this.add : null) || (this.status === "apply" && formItem.field === "codeStandardEditType" ? "1" : null), |
| | | (formItem.secType == "codeattrsec" ? this.add : null) || (this.status === "apply" && formItem.field === "codeStandardEditType" ? "1" : null) || |
| | | (this.status === "amend" && formItem.field === "codeStandardEditType" ? "2" : null), |
| | | placeholder: formItem.inputTip, |
| | | comboxKey: formItem.comboxKey, |
| | | tip: formItem.tooltips, |
| | |
| | | keyAttr: formItem.keyAttr, |
| | | value: (formItem.dicData && formItem.dicData.length > 0 && formItem.secType == "codefixedsec" ? formItem.dicData[0].id : null) || |
| | | (formItem.secType == "codedatesec" ? formItem.codeDateValue : null) || (TreeValue && formItem.secType == "codelevelsec" ? TreeValue : null) || |
| | | (formItem.secType == "codeattrsec" ? this.add : null) || (this.status === "apply" && formItem.field === "codeStandardEditType" ? "1" : null), |
| | | (formItem.secType == "codeattrsec" ? this.add : null) || (this.status === "apply" && formItem.field === "codeStandardEditType" ? "1" : null) || |
| | | (this.status === "amend" && formItem.field === "codeStandardEditType" ? "2" : null), |
| | | placeholder: formItem.inputTip, |
| | | comboxKey: formItem.comboxKey, |
| | | tip: formItem.tooltips, |
| | |
| | | border class="cus-table" |
| | | @select="handleSelection" @cell-click="handleCellClick" @row-click="handleRowClick" |
| | | @select-all="handleSelectionAll" @selection-change="handleSelectionChange" |
| | | @sort-change="sortChange"> |
| | | @sort-change="sortChange" :header-cell-style="{background:'#FAFAFA',color:'#505050'}"> |
| | | <el-table-column v-if="tableData.length != 0" fixed type="selection" width="55"></el-table-column> |
| | | <el-table-column v-if="tableData.length != 0" fixed label="åºå·" type="index" width="55"> |
| | | </el-table-column> |
| | |
| | | </FormTemplateDialog> |
| | | <!-- ä¿®æ¹--> |
| | | <FormTemplateDialog :codeClassifyOid="this.codeClassifyOid" :codeRuleOid="this.codeRuleOid" |
| | | :disabledProp="disabledProp" :rowOid="rowOid" :templateOid="templateOid" :title="'ä¿®æ¹ç¼ç ä¿¡æ¯'" |
| | | :disabledProp="disabledProp" rowOid="rowOid" :templateOid="templateOid" :title="'ä¿®æ¹ç¼ç ä¿¡æ¯'" |
| | | :visible.sync="editvisible" |
| | | type="edit" @submit="EditSumbit"></FormTemplateDialog> |
| | | <!-- æ¹éç¼è¾--> |
| | |
| | | }, |
| | | //æ å修订 |
| | | codeAMENDHandler() { |
| | | let foundItem = false; |
| | | |
| | | this.tableHeadFindData.forEach(item => { |
| | | if (item.field === "oldcode" && Object.keys(item.referConfig).length >= 1) { |
| | | foundItem = true; |
| | | } |
| | | }); |
| | | |
| | | if (foundItem) { |
| | | this.amendvisible = true; |
| | | this.rowOid = this.selectRow[0].oid ; |
| | | } else { |
| | | if (this.selectRow.length !== 1) { |
| | | this.$message.warning("è¯·éæ©ä¸æ¡æ°æ®"); |
| | | } else { |
| | | this.amendvisible = true; |
| | | this.rowOid = this.selectRow[0].oid; |
| | | } |
| | | } |
| | | }, |
| | | //æ¹éç¼è¾ |
| | | bulkEditHandler(type) { |
| | |
| | | v-loading="loading" |
| | | :data="ProData" |
| | | :height="this.tableHeight" |
| | | :header-cell-style="{background:'#FAFAFA',color:'#505050'}" |
| | | border |
| | | style="width: 100%" |
| | | @select="selectHandle" |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "prefixConfig" |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
| | |
| | | <template> |
| | | <basic-container> |
| | | |
| | | <el-header> |
| | | <div style="margin-bottom: 15px"> |
| | | ç¼ç è§åï¼ |
| | | <el-select v-model="select" filterable :filter-method="filterValue" placeholder="è¯·éæ©" size="small" @click="selectHandler"> |
| | | <el-option v-for="(item,index) in queryReleasedList" |
| | | :key="item.oid" |
| | | :label="item.name" |
| | | :value="item.oid"></el-option> |
| | | </el-select> |
| | | </div> |
| | | </el-header> |
| | | <el-main> |
| | | <el-table |
| | | :data="tableData" |
| | | :header-cell-style="{background:'#FAFAFA',color:'#505050'}" |
| | | border |
| | | style="width: 100%;height: calc(100vh - 320px)" |
| | | @cell-click="cellClickHandler"> |
| | | <el-table-column |
| | | align="center" |
| | | label="1" |
| | | prop="aa" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="2" |
| | | prop="b" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="3" |
| | | prop="c"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="4" |
| | | prop="d"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="5" |
| | | prop="e"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="6" |
| | | prop="f"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="7" |
| | | prop="g"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="8" |
| | | prop="h"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="9" |
| | | prop="i"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="10" |
| | | prop="j"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="11" |
| | | prop="k"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="12" |
| | | prop="l"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="13" |
| | | prop="m"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="14" |
| | | prop="n"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="15" |
| | | prop="o"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-main> |
| | | <el-footer> |
| | | <div style="width: 260px; display: flex; align-items: center;margin-top: 5px"> |
| | | <p>å¼ï¼</p> |
| | | <el-input v-model="characterValue" size="small" style="flex: 1;"></el-input> |
| | | </div> |
| | | </el-footer> |
| | | <div style="margin-bottom: 10px;text-align: center"> |
| | | <el-button icon="el-icon-plus" plain size="small" type="success">æ·»å </el-button> |
| | | <el-button icon="el-icon-edit" plain size="small" type="primary">ä¿®æ¹</el-button> |
| | | <el-button icon="el-icon-delete" plain size="small" type="danger">å é¤</el-button> |
| | | </div> |
| | | </basic-container> |
| | | </template> |
| | | |
| | | <script> |
| | | import {getList} from "@/api/code/codeCharcter" |
| | | import {gridCodeRule} from "@/api/code/codeCharcter" |
| | | |
| | | export default { |
| | | name: "usableCharacter" |
| | | name: "usableCharacter", |
| | | data() { |
| | | return { |
| | | //ä¸ææ¡æ°ç» |
| | | queryReleasedList:[], |
| | | //䏿æ¡åå§æ°æ®æ°ç» |
| | | characterReleasedList: [], |
| | | characterValue: "", |
| | | tableData: [ |
| | | { |
| | | aa: 'a1', |
| | | b: 'b1', |
| | | c: 'c1', |
| | | d: 'd1', |
| | | e: 'e1', |
| | | f: 'f1', |
| | | g: 'b1', |
| | | h: 'c1', |
| | | i: 'd1', |
| | | j: 'e1', |
| | | k: 'f1', |
| | | l: 'a1', |
| | | m: 'b1', |
| | | n: 'c1', |
| | | o: 'd1', |
| | | }, |
| | | { |
| | | aa: 'a2', |
| | | b: 'b2', |
| | | c: 'c2', |
| | | d: 'd2', |
| | | e: 'e2', |
| | | f: 'f2' |
| | | }, |
| | | ], |
| | | select: "", |
| | | } |
| | | }, |
| | | watch:{ |
| | | select:{ |
| | | handler(newV){ |
| | | // console.log(newV) |
| | | } |
| | | } |
| | | }, |
| | | created() { |
| | | getList({codeRuleId:"1717377846655193088",chartType:"charset",chartValue:"æ åè§å"}).then(res=>{ |
| | | console.log(res) |
| | | }) |
| | | this.getCodeRule() |
| | | }, |
| | | methods: { |
| | | cellClickHandler(row, column) { |
| | | console.log(row) |
| | | console.log(column) |
| | | console.log(row[column.property]) |
| | | this.characterValue = row[column.property] |
| | | }, |
| | | getCodeRule() { |
| | | //ç¼ç è§åå·²å叿°æ®æº |
| | | gridCodeRule({["conditionMap" + "[lcStatus_like]"]: "Released"}).then(res => { |
| | | this.characterReleasedList = res.data.data.records; |
| | | this.queryReleasedList = this.characterReleasedList; |
| | | this.select = this.characterReleasedList[0].name; |
| | | }) |
| | | }, |
| | | //ç¼ç è§åä¸ææ¡æç´¢ |
| | | filterValue(query) { |
| | | console.log(query) |
| | | if (query !== "") { |
| | | this.queryReleasedList = this.characterReleasedList.filter(item => { |
| | | return item.name.includes(query.toString()); |
| | | }); |
| | | } else { |
| | | this.queryReleasedList = this.characterReleasedList; |
| | | } |
| | | }, |
| | | selectHandler(val){ |
| | | console.log(1) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | <style lang="scss" scoped> |
| | | .el-header { |
| | | padding: 0; |
| | | } |
| | | </style> |