Merge remote-tracking branch 'origin/master'
| | |
| | | value: item.value || item.defaultValue, |
| | | display: item.display || !item.hidden, |
| | | labelSuffix: item.labelSuffix || item.suffix, |
| | | suffixIcon: item.suffixIcon || item.prefix, |
| | | tip: item.tip || item.tooltips, |
| | | dictCode: item.dictCode || item.comboxKey, |
| | | valueFormat: item.valueFormat ||item.dateFormate , |
| | |
| | | const queryFields = !validatenull(this.currentDefineVO.queryColumns) ? this.currentDefineVO.queryColumns.map(item => item.field) : []; |
| | | return this.currentDefineVO.cols[0].map(item => { |
| | | const search = queryFields.includes(item.field); // 夿 field æ¯å¦å¨ queryColumns é |
| | | item.type = this.columnType[item.fieldType] || item.fieldType; |
| | | if (this.currentDefineVO.btmType == 'fileobject' && item.field == 'name') { |
| | | //æ¯æä»¶ |
| | | item.formatter = function (d) { |
| | |
| | | if (typeof formatter == "string" && formatter != '') { |
| | | formatter = eval("(" + formatter + ")"); |
| | | } |
| | | item.type = this.columnType[item.fieldType] || item.fieldType; |
| | | if (['date', 'datetime', 'time'].includes(item.type)) { |
| | | item.valueFormat = item.dateFormate; |
| | | item.format = item.dateFormate; |
| | | } |
| | | return { |
| | | ...item, |
| | | prop: item.field, |
| | | label: item.title, |
| | | search: search, |
| | | formatter: formatter |
| | | formatter: formatter, |
| | | overHidden: true |
| | | }; |
| | | }); |
| | | }, |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <!--代åä»»å¡--> |
| | | <basic-containers :key="loadKey"> |
| | | <div> |
| | | <avue-crud |
| | | ref="crud" |
| | | :data="data" |
| | | :option="options" |
| | | :page.sync="pages" |
| | | :search.sync="searchParams" |
| | | :table-loading="loading" |
| | | @search-change="handleSearch" |
| | | @search-reset="handleReset" |
| | | @current-change="currentChange" |
| | | @size-change="sizeChange"> |
| | | <template slot="title" slot-scope="{row}"> |
| | | <el-link type="primary" @click="linkClickHandler(row)">{{ row.title }}</el-link> |
| | | </template> |
| | | </avue-crud> |
| | | </div> |
| | | </basic-containers> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "UndoTaskPortlet", |
| | | data() { |
| | | return { |
| | | loadKey:0, |
| | | data: [], |
| | | options: { |
| | | height: 'auto', |
| | | calcHeight:210, |
| | | addBtn: false, |
| | | editBtn: false, |
| | | delBtn: false, |
| | | index: true, |
| | | border: true, |
| | | menu: false, |
| | | refreshBtn: false, |
| | | searchIcon: true, |
| | | searchShow: true, |
| | | menuWidth: 120, |
| | | menuAlign: "center", |
| | | column: [ |
| | | { |
| | | label: "ç±»å", |
| | | prop: "msgClassifyText", |
| | | sortable: true, |
| | | width: 100, |
| | | }, |
| | | { |
| | | label: "æ¶æ¯æ é¢", |
| | | prop: "title", |
| | | search:true, |
| | | minWidth: 400, |
| | | sortable: true, |
| | | searchSpan:6, |
| | | overHidden: true, |
| | | slot:true, |
| | | }, |
| | | { |
| | | label: "åéæ¶é´", |
| | | prop: "sendTime", |
| | | width: 130, |
| | | type:'datetime', |
| | | overHidden: true, |
| | | format:'yyyy-MM-dd HH:mm', |
| | | sortable:true, |
| | | slot: true |
| | | }, |
| | | { |
| | | label: 'å·¥å·', |
| | | prop: "sendUserCode", |
| | | searchLabelWidth: 100, |
| | | search:true, |
| | | sortable: true, |
| | | searchSpan:6, |
| | | width: 130, |
| | | }, |
| | | { |
| | | label: "åé人å§å", |
| | | prop: "sendUserName", |
| | | searchLabelWidth: 100, |
| | | search:true, |
| | | searchSpan:6, |
| | | sort: true, |
| | | width: 130, |
| | | }, |
| | | { |
| | | label: "å
容", |
| | | overHidden:true, |
| | | prop: "msgContent", |
| | | minWidth: 300 |
| | | }, |
| | | ] |
| | | }, |
| | | pages: { |
| | | currentPage: 1, |
| | | pageSize: 15, |
| | | pageSizes: [15, 25, 45, 60, 100], |
| | | total: 0, |
| | | layout: "prev,pager,next,jumper,sizes,total", |
| | | }, |
| | | loading: false, |
| | | searchParams: { |
| | | pageNum: 1, |
| | | pageSize: 15, |
| | | }, |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getTableList(); |
| | | }, |
| | | mounted() { |
| | | window.addEventListener('resize', this.handleResize); // è·åç¨æ·ç¼©æ¾äºä»¶ |
| | | }, |
| | | beforeDestroy() { |
| | | window.removeEventListener('resize', this.handleResize); // 鿝ç»å®çæ¹æ³ |
| | | }, |
| | | methods: { |
| | | // 强å¶ä¿®æ¹å®¹å¨keyå¼ |
| | | handleResize() { |
| | | this.loadKey += 1; |
| | | }, |
| | | |
| | | // åå§åæ ¹æ®åè¾¨çæ¥å³å®é¡µé¢åå§å¤å°æ¡æ°æ® |
| | | createdPageSize(){ |
| | | let windowHeight = window.outerHeight; |
| | | if(windowHeight > 1350) this.homeTable.pages.pageSize = 25; |
| | | if(windowHeight > 1350) this.searchParams.pageSize = 25; |
| | | }, |
| | | |
| | | getTableList() { |
| | | this.createdPageSize(); // 夿页é¢å辨ç |
| | | |
| | | getList(this.searchParams).then(res => { |
| | | if (res && res.success) { |
| | | this.homeTable.data = res.data; |
| | | this.homeTable.pages.total = res.total; |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | linkClickHandler(row){ |
| | | if(row.msgLink != null && row.msgLink != ''){ |
| | | var link = row.msgLink.replace("inner:","").replace("?","").split("&"); |
| | | var html = link.find((val=>(val.toLowerCase().startsWith("html=")|| val.toLowerCase().startsWith("html =")))); |
| | | if(html!=null && html!=''){ |
| | | var page = html.split("=")[1].replace("-","/"); |
| | | var single = { |
| | | fromUndo:true |
| | | }; |
| | | link.forEach((val)=>{ |
| | | var temp = val.split("="); |
| | | single[temp[0]] = temp[1]; |
| | | }); |
| | | this.$router.push({ |
| | | path:"/" + page, |
| | | query:single |
| | | }); |
| | | } |
| | | } |
| | | }, |
| | | |
| | | // å页鿩æ¾ç¤ºå¤å°æ¡ |
| | | sizeChange(val) { |
| | | this.searchParams.pageSize = val; |
| | | this.searchParams.pageNum = 1; |
| | | this.getTableList(); |
| | | }, |
| | | |
| | | // å页页ç |
| | | currentChange(val) { |
| | | this.searchParams.pageNum = val; |
| | | this.getTableList(); |
| | | }, |
| | | |
| | | // æ¥è¯¢ |
| | | handleSearch(params, done) { |
| | | setTimeout(() => { |
| | | done(); |
| | | this.searchParams = { ...params }; |
| | | this.getTableList(); |
| | | }, 300); |
| | | }, |
| | | |
| | | // æ¸
空æç´¢ |
| | | handleReset() { |
| | | this.searchParams = this.defaultSearch; |
| | | this.getTableList(); |
| | | }, |
| | | // å·æ°æ°æ® |
| | | handleRefresh() { |
| | | this.getTableList(); |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
| | |
| | | <template> |
| | | <basic-container> |
| | | <avue-crud |
| | | ref="useCrud" |
| | | ref="crud" |
| | | :data="data" |
| | | :option="option" |
| | | :page.sync="page" |
| | | :table-loading="loading" |
| | | @selection-change="selectChange" |
| | | @row-click="rowClickHandler" |
| | |
| | | width="500px" |
| | | @close="visibleCloseHandler" |
| | | > |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="80px" size="small"> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="90px" size="small"> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="åç§°ï¼" prop="id"> |
| | | <el-input v-model="form.id"></el-input> |
| | | <el-form-item label="ç»ä»¶ï¼" prop="id"> |
| | | <avue-select v-model="form.id" placeholder="è¯·éæ©ç»ä»¶" type="tree" :dic="dic"></avue-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item label="æ ç¾ï¼" prop="name"> |
| | | <el-input v-model="form.name"></el-input> |
| | | <el-form-item label="å æ®åæ°ï¼" prop="span"> |
| | | <avue-input-number v-model="form.span" precision="0" style="width: 100%" :max="24" :min="1" controls-position="" tip="æ»åæ°ä¸º24ï¼å¦å 满æ´è¡è¯·è¾å
¥24"></avue-input-number> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | |
| | | calcHeight: -60, |
| | | column: [ |
| | | { |
| | | label: 'åç§°', |
| | | label: 'ç»ä»¶', |
| | | prop: 'id', |
| | | sortable: true, |
| | | }, |
| | | { |
| | | label: '徿 ', |
| | | prop: 'icon' |
| | | label: 'å æ®åæ°', |
| | | prop: 'span' |
| | | }, |
| | | { |
| | | label: 'æ ç¾', |
| | |
| | | }, |
| | | rules: { |
| | | id: [ |
| | | {required: true, message: '请è¾å
¥åç§°', trigger: 'blur'}, |
| | | {required: true, message: 'è¯·éæ©ç»ä»¶', trigger: 'blur'}, |
| | | ] |
| | | }, |
| | | dic:[{ |
| | | label:'å¾
åä»»å¡', |
| | | value:'UndoTaskPortlet' |
| | | },{ |
| | | label:'é项2', |
| | | value:1 |
| | | }], |
| | | visible: false, |
| | | selectList: [], |
| | | lastIndex: null, |
| | | page: { |
| | | currentPage: 1, |
| | | pageSize: 15, |
| | | total: 0, |
| | | pageSizes: [15, 30, 50, 100], |
| | | }, |
| | | lastIndex: null |
| | | } |
| | | }, |
| | | created() { |