| ÎļþÃû´Ó src/views/wel/components/TodolistLeft.vue ÐÞ¸Ä |
| | |
| | | * @Date: 2025-07-01 20:45:15 |
| | | * @LastEditors: æå(å¼åç») lzhe@yxqiche.com |
| | | * @LastEditTime: 2025-08-11 10:35:59 |
| | | * @FilePath: /mdmweb/src/views/flow/components/TodolistLeft.vue |
| | | * @FilePath: /mdmweb/src/views/flow/components/ReplaceLeft.vue |
| | | --> |
| | | <template> |
| | | <basic-container> |
| | | <div class="tool"> |
| | | <el-button type="primary" plain @click="addApp">æ·»å æä»¶</el-button> |
| | | </div> |
| | | <el-table :data="tableData" border @row-click="showContent" max-height="200"> |
| | | <el-table :data="tableData" :row-style="{height:'20px'}" :cell-style="{padding:'0px'}" border @row-click="showContent" max-height="380" highlight-current-row> |
| | | <el-table-column type="index" label="#" width="40" align="center"/> |
| | | <el-table-column prop="name" label="ç¨åºåç§°"> |
| | | <template #default="{ row }"> |
| | | <div style="display: flex;align-items: center;"> |
| | | <span style="margin-right: 8px;">{{ row.name }}</span> |
| | | <el-icon v-if="row.fileType === 'other'"> |
| | | <el-tooltip class="box-item" effect="light" content="å
¶ä»æä»¶" placement="right"> |
| | | <FolderOpened /> |
| | | </el-tooltip> |
| | | </el-icon> |
| | | <el-icon v-if="row.fileType === 'program'"> |
| | | <el-tooltip class="box-item" effect="light" content="ç¨åºæä»¶" placement="right"> |
| | | <Tickets/> |
| | | </el-tooltip> |
| | | </el-icon> |
| | | |
| | | <!--<img v-else src="./app.jpg" alt="" width="16" height="16">--> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column fixed="right" label="æä½" width="60" align="center"> |
| | | <template #default="scope" > |
| | |
| | | } |
| | | }, |
| | | mounted() { |
| | | |
| | | this.getAttList(); |
| | | this.onLoad(this.page); |
| | | }, |
| | |
| | | this.$message.error('è·åå·²éç¨åºå¤±è´¥'); |
| | | return; |
| | | } else { |
| | | this.tableData = res.data.data || []; |
| | | this.tableData = this.sortTable(res.data.data || []); |
| | | } |
| | | // this.$emit('selection-change',this.tableData) |
| | | }) |
| | | }, |
| | | sortTable(data) { |
| | | data.sort(function(a,b){ |
| | | if(a.program === b.program){//妿programç¸åï¼æç
§nameçéåº |
| | | //return a.name - b.name |
| | | return a.name.localeCompare(b.name) |
| | | }else{ |
| | | return b.program - a.program |
| | | } |
| | | }); |
| | | return data; |
| | | }, |
| | | addApp() { |
| | | this.appDialog = true; |
| | | }, |