| | |
| | | <el-form ref="form" :model="form" label-width="120px"> |
| | | <el-form-item label="短信模板"> |
| | | <div style="display: flex; align-items: self-start;"> |
| | | <el-input type="textarea" rows="5" v-model="form.smsTemp"></el-input> |
| | | <el-input type="textarea" rows="5" v-model="form.smsTemp.title"></el-input> |
| | | <!-- <el-button type="primary" style="margin-left: 10px;">保存</el-button>--> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="邮箱模板"> |
| | | <div style="display: flex; align-items: self-start;"> |
| | | <el-input type="textarea" rows="5" v-model="form.emailTemp"></el-input> |
| | | <el-input type="textarea" rows="5" v-model="form.emailTemp.title"></el-input> |
| | | <!-- <el-button type="primary" style="margin-left: 10px;">保存</el-button>--> |
| | | </div> |
| | | </el-form-item> |
| | |
| | | <el-tooltip style="margin-right: 10px; margin-top: 10px; flex-shrink: 0;" effect="dark" content="包含租赁费、物业费、租赁押金、物业押金" placement="bottom-start"> |
| | | <i class="el-icon-question"></i> |
| | | </el-tooltip> |
| | | <div style="display: flex; align-items: center;"> |
| | | <el-button type="text" v-for="(item, index) in form.leaseTemp" :key="index" style="margin-right: 10px;" @click="openFile(item.url)">{{item.name}}</el-button> |
| | | <el-upload |
| | | class="upload-demo" |
| | | :action="uploadImgUrl" |
| | | :data="uploadData" |
| | | :on-success="uploadAvatarSuccess" |
| | | :on-remove="handleRemove"> |
| | | <el-button size="small" type="primary">点击上传</el-button> |
| | | </el-upload> |
| | | </div> |
| | | <!-- <el-upload--> |
| | | <!-- style="flex: 1;"--> |
| | | <!-- class="upload-demo"--> |
| | | <!-- :action="uploadImgUrl"--> |
| | | <!-- :data="uploadData"--> |
| | | <!-- :on-success="uploadAvatarSuccess"--> |
| | | <!-- :on-remove="handleRemove"--> |
| | | <!-- :file-list="form.leaseTemp">--> |
| | | <!-- <el-button size="small" type="primary">点击上传</el-button>--> |
| | | <!-- </el-upload>--> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="其他通知单模板"> |
| | | <div style="display: flex; align-items: center;"> |
| | | <el-button type="text" v-for="(item, index) in form.otherTemp" :key="index" style="margin-right: 10px;" @click="openFile(item.url)">{{item.name}}</el-button> |
| | | <el-upload |
| | | style="flex: 1;" |
| | | class="upload-demo" |
| | | :action="uploadImgUrl" |
| | | :data="uploadData" |
| | | :on-success="uploadAvatarSuccess" |
| | | :on-remove="handleRemove" |
| | | :file-list="form.leaseTemp"> |
| | | :on-success="uploadAvatarSuccess1" |
| | | :on-remove="handleRemove1"> |
| | | <el-button size="small" type="primary">点击上传</el-button> |
| | | </el-upload> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="其他通知单模板"> |
| | | <el-upload |
| | | class="upload-demo" |
| | | :action="uploadImgUrl" |
| | | :data="uploadData" |
| | | :on-success="uploadAvatarSuccess1" |
| | | :on-remove="handleRemove1" |
| | | :file-list="form.otherTemp"> |
| | | <el-button size="small" type="primary">点击上传</el-button> |
| | | </el-upload> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="submit">保存</el-button> |
| | | <el-button type="primary" @click="submit" :disabled="loading" :loading="loading">保存</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | |
| | | |
| | | <script> |
| | | import templateKeywords from './components/templateKeywords' |
| | | import { getCallTemp } from '@/api/ywTempConfig' |
| | | import { getCallTemp, updTempConfig } from '@/api/ywTempConfig' |
| | | export default { |
| | | name: 'collectionSettings', |
| | | data() { |
| | |
| | | folder: 'TEMP_CONFIG' |
| | | }, |
| | | form: { |
| | | emailTemp: '', |
| | | smsTemp: '', |
| | | emailTemp: {}, |
| | | smsTemp: {}, |
| | | leaseTemp: [], |
| | | otherTemp: [] |
| | | } |
| | | }, |
| | | loading: false |
| | | } |
| | | }, |
| | | components: { templateKeywords }, |
| | |
| | | }, |
| | | methods: { |
| | | submit() { |
| | | |
| | | this.loading = true |
| | | updTempConfig({ |
| | | emailTemp: this.form.emailTemp, |
| | | smsTemp: this.form.smsTemp, |
| | | leaseTemp: this.form.leaseTemp[0], |
| | | otherTemp: this.form.otherTemp[0] |
| | | }).then(res => { |
| | | this.$message.success('更新成功!') |
| | | this.getCallTempVal() |
| | | }).finally(() => { |
| | | this.loading = false |
| | | }) |
| | | }, |
| | | openFile(url) { |
| | | window.open(url) |
| | | }, |
| | | handleRemove(e) { |
| | | this.form.leaseTemp = [] |
| | |
| | | getCallTempVal() { |
| | | getCallTemp({}) |
| | | .then(res => { |
| | | this.form.smsTemp = res.smsTemp.title |
| | | this.form.emailTemp = res.emailTemp.title |
| | | this.form.leaseTemp = [{ url: res.leaseTemp.url, name: res.leaseTemp.title }] |
| | | this.form.otherTemp = [{ url: res.otherTemp.url, name: res.otherTemp.title }] |
| | | this.form.smsTemp = res.smsTemp |
| | | this.form.emailTemp = res.emailTemp |
| | | this.form.leaseTemp = [{ url: res.leaseTemp.url, ...res.leaseTemp, name: res.leaseTemp.title }] |
| | | this.form.otherTemp = [{ url: res.otherTemp.url, ...res.otherTemp, name: res.otherTemp.title }] |
| | | }) |
| | | } |
| | | } |