From f9691d544e62d6c04dbfe45d05a6c7bc5e004291 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期五, 29 十二月 2023 11:52:29 +0800
Subject: [PATCH] 服务商
---
admin/src/views/business/miniproSetting.vue | 164 +++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 135 insertions(+), 29 deletions(-)
diff --git a/admin/src/views/business/miniproSetting.vue b/admin/src/views/business/miniproSetting.vue
index a869a4d..18aa191 100644
--- a/admin/src/views/business/miniproSetting.vue
+++ b/admin/src/views/business/miniproSetting.vue
@@ -10,37 +10,74 @@
<el-input v-model="form.serverPhone" placeholder="璇疯緭鍏ユ湇鍔＄數璇�"></el-input>
</el-form-item>
<el-form-item label="鎶奸噾閲戦">
- <el-input v-model="form.rentDeposit" type="number" placeholder="璇疯緭鍏ユ娂閲戦噾棰�"></el-input>
+ <el-input v-model="form.rentDeposit" @change="changeVal(form.rentDeposit,1)" type="number" placeholder="璇疯緭鍏ユ娂閲戦噾棰�"></el-input>
<div class="tips">璇疯緭鍏ラ渶瑕佺即绾崇殑鎶奸噾閲戦(鍗曚綅锛氬厓)</div>
</el-form-item>
<el-form-item label="钀ヤ笟鏃堕棿">
- <el-time-picker placeholder="寮�濮嬫椂闂�" value-format="HH:mm" :picker-options="option" v-model="form.businessStarttime"></el-time-picker>
+ <el-time-picker placeholder="寮�濮嬫椂闂�" value-format="HH:mm" format='HH:mm'
+ v-model="form.businessStarttime"></el-time-picker>
鑷�
- <el-time-picker placeholder="缁撴潫鏃堕棿" value-format="HH:mm" :picker-options="option" v-model="form.businessEndtime"></el-time-picker>
+ <el-time-picker placeholder="缁撴潫鏃堕棿" value-format="HH:mm" format='HH:mm'
+ v-model="form.businessEndtime"></el-time-picker>
</el-form-item>
<el-form-item label="鍏嶈垂楠戣鏃堕暱">
- <el-input v-model="form.freeRentTime" type="number" placeholder="璇疯緭鍏ュ厤璐归獞琛屾椂闀�"></el-input>
+ <el-input v-model="form.freeRentTime" type="number" @change="changeVal(form.freeRentTime,2)" placeholder="璇疯緭鍏ュ厤璐归獞琛屾椂闀�"></el-input>
<div class="tips">鍏嶈垂楠戣鏃堕暱锛屽崟浣嶏細鍒嗛挓</div>
</el-form-item>
<el-form-item label="婊¤浇棰勮(%)" prop="name">
<div style="display: flex;">
- 浣庝簬<el-input style="width: 80px;" v-model="form.warnMin" type="number" placeholder="鏈�灏忓��"></el-input>
- 鎴栭珮浜�<el-input style="width: 80px;" v-model="form.warnMax" type="number" placeholder="鏈�澶у��"></el-input>
+ 浣庝簬<el-input style="width: 80px;" v-model="form.warnMin" @change="changeVal(form.warnMin,3)" type="number" placeholder="鏈�灏忓��"></el-input>
+ 鎴栭珮浜�<el-input style="width: 80px;" v-model="form.warnMax" @change="changeVal(form.warnMax,4)" type="number" placeholder="鏈�澶у��"></el-input>
浼氭兂閽夐拤缇ゅ彂閫侀璀�
</div>
<div class="tips">褰撹溅杈嗘弧杞借秴杩囦互涓婇厤缃椂锛屾彁绀虹鐞嗗憳</div>
</el-form-item>
- <el-form-item label="棰勮閽夐拤缇ゅ湴鍧�">
- <el-input v-model="form.warnDingdingUrl" placeholder="璇疯緭鍏ラ璀﹂拤閽夌兢鍦板潃"></el-input>
+<!-- <el-form-item label="棰勮閽夐拤缇ゅ湴鍧�">-->
+<!-- <el-input v-model="form.warnDingdingUrl" placeholder="璇疯緭鍏ラ璀﹂拤閽夌兢鍦板潃"></el-input>-->
+<!-- </el-form-item>-->
+ <el-form-item label="绉熻祦椤荤煡涓诲浘">
+ <div style="display: flex;">
+ <UploadAvatarImage
+ :file="{ 'imgurlfull': form.leaseNoticeUrl, 'imgurl': leaseNoticeUrl }"
+ :uploadData="uploadData" tipsLabel="" @uploadSuccess="uploadOutSuccess" @uploadEnd="isUploading=false"
+ @uploadBegin="isUploading=true" />
+ <div class="tips">
+ <el-button type="text" style="color: red;" @click="form.leaseNoticeUrl = ''">鍒犻櫎</el-button>
+ </div>
+ </div>
</el-form-item>
<el-form-item label="绉熻祦娴佺▼瑙嗛" prop="name">
- <el-upload class="avatar-uploader" :action="uploadImgUrl" :show-file-list="false"
- accept=".mp4" :data="{folder: 'bike',}" :on-success="handleAvatarSuccess">
- <video v-if="form.rentTipsVideo" :src="form.rentTipsVideo" class="avatar"></video>
- <!-- <img v-if="imageUrl" :src="imageUrl" > -->
- <i v-else class="el-icon-plus avatar-uploader-icon"></i>
- </el-upload>
- <div class="tips">鍙兘涓婁紶mp4鏍煎紡锛屽缓璁笉瓒呰繃50M</div>
+ <div style="display: flex;">
+ <div style="width: 250px;height: 180px" v-if="form.rentTipsVideo">
+ <video controls :src="form.rentTipsVideo" style="width: 100%;height: 100%"></video>
+ </div>
+<!-- <el-upload class="avatar-uploader" :action="uploadImgUrl" :show-file-list="false" accept=".mp4"-->
+<!-- :data="{ folder: 'bike', }" :on-success="handleAvatarSuccess">-->
+<!-- <video v-if="form.rentTipsVideo" :src="form.rentTipsVideo" class="avatar"></video>-->
+<!-- <i v-else class="el-icon-plus avatar-uploader-icon"></i>-->
+<!-- </el-upload>-->
+ <div class="tips">
+ <div>
+ <el-upload
+ class="upload-demo"
+ ref="upload"
+ :action="uploadImgUrl"
+ :show-file-list="false"
+ accept=".mp4"
+ :data="{ folder: 'bike', }"
+ :on-success="handleAvatarSuccess">
+ <el-button slot="trigger" size="small" type="primary">涓婁紶瑙嗛</el-button>
+ <div slot="tip" class="el-upload__tip">鍙兘涓婁紶mp4鏍煎紡锛屽缓璁笉瓒呰繃50M</div>
+ </el-upload>
+ <el-button type="text" style="color: red;" @click="form.rentTipsVideo = ''">鍒犻櫎</el-button>
+ </div>
+<!-- <div>鍙兘涓婁紶mp4鏍煎紡锛屽缓璁笉瓒呰繃50M</div>-->
+ </div>
+ </div>
+
+ </el-form-item>
+ <el-form-item label="绉熻祦椤荤煡">
+ <RichEditor :content="{ content: form.leaseNotice }" @edit="form.leaseNotice = $event"></RichEditor>
</el-form-item>
<el-form-item label="楠戣溅閫氱煡鍐呭">
<el-input type="textarea" :autosize="{ minRows: 4, maxRows: 8 }" v-model="form.rentNotice"
@@ -55,14 +92,27 @@
placeholder="璇疯緭鍏ュ仠姝㈡湇鍔℃彁绀�"></el-input>
</el-form-item>
<el-form-item label="鍋滄鏈嶅姟鏃堕棿">
- <el-time-picker placeholder="寮�濮嬫椂闂�" value-format="HH:mm" :picker-options="option" v-model="form.stopServeStarttime"></el-time-picker>
+ <!-- <el-time-picker placeholder="寮�濮嬫椂闂�" format='HH:mm' value-format="yyyy-MM-dd HH:mm:ss"
+ v-model="form.stopServeStarttime"></el-time-picker>
鑷�
- <el-time-picker placeholder="缁撴潫鏃堕棿" value-format="HH:mm" :picker-options="option" v-model="form.stopServeEndtime"></el-time-picker>
+ <el-time-picker placeholder="缁撴潫鏃堕棿" value-format="yyyy-MM-dd HH:mm:ss" format='HH:mm'
+ v-model="form.stopServeEndtime"></el-time-picker> -->
+ <el-date-picker
+ v-model="value1"
+ type="datetimerange"
+ @change="selectDate"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫椂闂�"
+ end-placeholder="缁撴潫鏃堕棿"
+ format="yyyy-MM-dd HH:mm:ss"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ ></el-date-picker>
<div class="tips">鍋滄鏈嶅姟寮�濮嬫椂闂磋嚦缁撴潫鏃堕棿</div>
</el-form-item>
</template>
<el-form-item label="">
- <el-button type="primary" v-permissions="['system:dict:updateMiniProgrammeDTO']" @click="saveSetting">淇濆瓨閰嶇疆椤�</el-button>
+ <el-button type="primary" v-permissions="['system:dict:updateMiniProgrammeDTO']"
+ @click="saveSetting">淇濆瓨閰嶇疆椤�</el-button>
</el-form-item>
</el-form>
</TableLayout>
@@ -71,19 +121,27 @@
<script>
import TableLayout from '@/layouts/TableLayout'
import { getMiniProgrammeDTO, updateById } from '@/api/business/minproSetting'
+import UploadAvatarImage from '@/components/common/UploadAvatarImage.vue'
+import RichEditor from '@/components/common/RichEditor.vue'
export default {
name: 'BaseParam',
- components: { TableLayout },
- data() {
+ components: { TableLayout, UploadAvatarImage, RichEditor },
+ data () {
return {
uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/public/uploadLocal',
option: {
format: 'HH:mm'
},
+ uploadData: { folder: 'bike' },
+ leaseNoticeUrl: '',
+ isUploading: false,
+ value1: [],
// 鎼滅储
form: {
businessEndtime: '',
businessStarttime: '',
+ leaseNoticeUrl: '',
+ leaseNotice: '',
freeRentTime: '',
isStopServe: 0,
projectName: '',
@@ -96,21 +154,52 @@
stopServeTips: '',
warnDingdingUrl: '',
warnMax: '',
- warnMin: '',
+ warnMin: ''
}
}
},
- created() {
+ created () {
getMiniProgrammeDTO()
.then(res => {
- console.log(res);
this.form = res
+ this.value1 = [res.stopServeStarttime, res.stopServeEndtime]
})
},
methods: {
- handleAvatarSuccess(res, file) {
- console.log(res.data.url);
- this.form.rentTipsVideo = res.data.url;
+ changeVal (val, type) {
+ if (type === 1) {
+ if (this.form.rentDeposit < 0) {
+ this.form.rentDeposit = ''
+ }
+ } else if (type === 2) {
+ if (this.form.freeRentTime < 0) {
+ this.form.freeRentTime = ''
+ }
+ } else if (type === 3) {
+ if (this.form.warnMin < 0) {
+ this.form.warnMin = ''
+ }
+ } else if (type === 4) {
+ if (this.form.warnMax < 0) {
+ this.form.warnMax = ''
+ }
+ }
+ },
+ handleAvatarSuccess (res, file) {
+ console.log(res.data.url)
+ this.form.rentTipsVideo = res.data.url
+ },
+ uploadOutSuccess (file) {
+ this.leaseNoticeUrl = file.imgurl
+ this.form.leaseNoticeUrl = file.imgurlfull
+ },
+ selectDate (v) {
+ this.form.stopServeStarttime = ''
+ this.form.stopServeEndtime = ''
+ if (v) {
+ this.form.stopServeStarttime = v[0]
+ this.form.stopServeEndtime = v[1]
+ }
},
// beforeAvatarUpload(file) {
// console.log(file.type);
@@ -124,19 +213,32 @@
// // }
// return isJPG;
// },
- saveSetting() {
+ saveSetting () {
+ const reg = /^[0-9][0-9]*|0\.\d*[0-9]\d*$/
+ if (!reg.test(this.form.rentDeposit)) {
+ return this.$tip.apiFailed({ message: '鎶奸噾閲戦蹇呴』澶т簬0' })
+ }
+ if (!reg.test(this.form.freeRentTime)) {
+ return this.$tip.apiFailed({ message: '鍏嶈垂楠戣鏃堕暱蹇呴』澶т簬0' })
+ }
+ if (!reg.test(this.form.warnMin)) {
+ return this.$tip.apiFailed({ message: '婊¤浇棰勮蹇呴』澶т簬0' })
+ }
+ if (!reg.test(this.form.warnMax)) {
+ return this.$tip.apiFailed({ message: '婊¤浇棰勮蹇呴』澶т簬0' })
+ }
updateById(this.form)
.then(res => {
this.$tip.apiSuccess('淇濆瓨鎴愬姛')
})
}
- },
+ }
}
</script>
<style lang="scss" scoped>
::v-deep .el-form {
- width: 800px;
+ width: 900px;
}
::v-deep .table-content {
@@ -178,5 +280,9 @@
.tips {
color: #999;
+ display: flex;
+ justify-content: space-between;
+ flex-direction: column;
+ margin-left: 10px;
}
</style>
--
Gitblit v1.9.3