From 9f3f35fe52f2c95e64199557c640d2ad024c9c42 Mon Sep 17 00:00:00 2001
From: long <515897141@qq.com>
Date: 星期三, 29 九月 2021 14:41:01 +0800
Subject: [PATCH] 上架 回填isup给接口
---
src/pages/system/banner.vue | 49 +++++++++++++++++++++++++++++++++++--------------
1 files changed, 35 insertions(+), 14 deletions(-)
diff --git a/src/pages/system/banner.vue b/src/pages/system/banner.vue
index ff35688..9b55b29 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">
@@ -133,6 +138,19 @@
pageSize: 20,
// 鍒嗛〉 鈫戔啈鈫戔啈鈫戔啈鈫戔啈鈫戔啈
+ jumpTypeOpt: [
+ { label: '涓嶈烦杞�', value: 0 },
+ { label: '灏忕▼搴忛〉闈�', value: 1 },
+ { label: 'H5椤甸潰', value: 2 },
+ { label: '鍏跺畠灏忕▼搴�', value: 3 }
+ ],
+
+ envVersionOpt: [
+ { label: '寮�鍙戠増', value: 'develop' },
+ { label: '浣撻獙鐗�', value: 'trial' },
+ { label: '姝ｅ紡鐗�', value: 'release' }
+ ],
+
// 鏄剧ず寮圭獥
isShowDialog: false,
@@ -166,12 +184,6 @@
uploadImgs: []
}
- }
- },
- computed: {
- // 涓婁紶绂佺敤
- uploadDisabled() {
- return this.dialogData.uploadImgs.length > 0
}
},
mounted() {
@@ -247,6 +259,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 +336,7 @@
}, inf => {
this.$messageSuc('淇濆瓨鎴愬姛')
this.hideDialog()
- this.getList()
+ type === 'add' ? this.reGetList() : this.getList()
})
}
}
--
Gitblit v1.8.0