From eaaa5b7839f08ddae008bd9fba3fa432b689b9af Mon Sep 17 00:00:00 2001 From: long <515897141@qq.com> Date: 星期四, 15 七月 2021 18:42:58 +0800 Subject: [PATCH] 功能展示页,添加 导出、导入 --- src/pages/system/banner.vue | 30 ++++++++++++++++++++++-------- 1 files changed, 22 insertions(+), 8 deletions(-) diff --git a/src/pages/system/banner.vue b/src/pages/system/banner.vue index ff35688..73d5cf6 100644 --- a/src/pages/system/banner.vue +++ b/src/pages/system/banner.vue @@ -58,13 +58,17 @@ /> <!-- 鏂板&缂栬緫 --> - <el-dialog :title="dialogData.type=='add'?'鏂板杞挱鍥�':'缂栬緫杞挱鍥�'" width="500px" :visible.sync="isShowDialog" append-to-body :before-close="hideDialog"> + <el-dialog v-el-drag-dialog :title="dialogData.type=='add'?'鏂板杞挱鍥�':'缂栬緫杞挱鍥�'" width="500px" :visible.sync="isShowDialog" append-to-body :before-close="hideDialog" :close-on-click-modal="false"> <el-form :ref="formName" :model="dialogData" label-width="120px" :rules="rules" size="small"> <el-form-item label="鎺掑簭鍙凤細" prop="orderNum"> - <el-input v-model="dialogData.orderNum" placeholder="璇疯緭鍏ユ帓搴忓彿" /> + <el-input v-model="dialogData.orderNum" placeholder="璇疯緭鍏ユ帓搴忓彿" maxlength="10" /> </el-form-item> - <el-form-item ref="uploadFormItem" label="杞挱鍥撅細" prop="uploadImgs"> - <!-- 涓婁紶鍥剧墖缁勪欢(澶氬浘) --> + <el-form-item ref="uploadFormItem" prop="uploadImgs"> + <span slot="label"> + <!-- 灏哄 --> + 杞挱鍥撅細<br><span style="color: #999;font-size: 12px">(xxx*xxx鍍忕礌)</span> + </span> + <!-- 涓婁紶鍥剧墖缁勪欢(鍗曞浘) --> <UploadSingleImg ref="refUploadImg" v-model="dialogData.uploadImgs" @@ -82,10 +86,10 @@ </el-select> </el-form-item> <el-form-item v-if="dialogData.jumpType" label="璺宠浆閾炬帴锛�" prop="jumpUrl"> - <el-input v-model="dialogData.jumpUrl" placeholder="璇疯緭鍏ヨ烦杞摼鎺�" class="com-edit-input" /> + <el-input v-model="dialogData.jumpUrl" placeholder="璇疯緭鍏ヨ烦杞摼鎺�" class="com-edit-input" maxlength="100" /> </el-form-item> <el-form-item v-if="dialogData.jumpType===3" label="appId锛�" prop="jumpMpId"> - <el-input v-model="dialogData.jumpMpId" placeholder="璇疯緭鍏ュ皬绋嬪簭appId" class="com-edit-input" /> + <el-input v-model="dialogData.jumpMpId" placeholder="璇疯緭鍏ュ皬绋嬪簭appId" class="com-edit-input" maxlength="50" /> </el-form-item> <el-form-item v-if="dialogData.jumpType===3" label="灏忕▼搴忕増鏈細" prop="envVersion"> <el-select @@ -93,12 +97,13 @@ clearable placeholder="璇烽�夋嫨灏忕▼搴忕増鏈�" class="com-edit-input" + @change="handleJumpTypeChange" > <el-option v-for="item in envVersionOpt" :key="item.value" :label="item.label" :value="item.value" /> </el-select> </el-form-item> <el-form-item v-if="dialogData.jumpType===3" label="棰濆鏁版嵁锛�" prop="extraData"> - <el-input v-model="dialogData.extraData" placeholder="璇疯緭鍏ュ皬绋嬪簭棰濆鏁版嵁" class="com-edit-input" /> + <el-input v-model="dialogData.extraData" placeholder="璇疯緭鍏ュ皬绋嬪簭棰濆鏁版嵁" class="com-edit-input" maxlength="50" /> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> @@ -247,6 +252,15 @@ handleEdit(item) { this.showDialog('edit', item) }, + // 璺宠浆绫诲瀷涓恒�愪笉璺宠浆銆戞椂锛屾竻绌哄叾浣欒烦杞瓧娈� + handleJumpTypeChange() { + if (this.dialogData.jumpType === 0) { + this.dialogData.jumpUrl = '' + this.dialogData.jumpMpId = '' + this.dialogData.envVersion = '' + this.dialogData.extraData = '' + } + }, // 鏄剧ず寮规 showDialog(type, item) { let dialogData = {} @@ -315,7 +329,7 @@ }, inf => { this.$messageSuc('淇濆瓨鎴愬姛') this.hideDialog() - this.getList() + type === 'add' ? this.reGetList() : this.getList() }) } } -- Gitblit v1.8.0