liukangdong
2025-02-08 c7d99f5e11c4cf0667f67b8170e1c585db2e2016
admin/src/views/finance/collectionSettings.vue
@@ -5,13 +5,13 @@
                <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>
@@ -20,31 +20,44 @@
                            <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>
@@ -56,7 +69,7 @@
<script>
    import templateKeywords from './components/templateKeywords'
    import { getCallTemp } from '@/api/ywTempConfig'
    import { getCallTemp, updTempConfig } from '@/api/ywTempConfig'
  export default {
    name: 'collectionSettings',
    data() {
@@ -66,11 +79,12 @@
          folder: 'TEMP_CONFIG'
        },
        form: {
          emailTemp: '',
          smsTemp: '',
          emailTemp: {},
          smsTemp: {},
          leaseTemp: [],
          otherTemp: []
        }
        },
        loading: false
      }
    },
    components: { templateKeywords },
@@ -79,7 +93,21 @@
    },
    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 = []
@@ -98,10 +126,10 @@
      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 }]
            })
      }
    }