-

src/views/tenantManage/systemConfig/dialogComponent.vue

@@ -27,14 +27,15 @@
               <el-form-item label="主页logo:" prop="homeLogo">
                 <el-input v-model="form.homeLogo"></el-input>
                 <el-upload
-                  ref="upload"
-                  class="upload-demo"
+                ref="upload"
                   :action="uploadUrl"
                   :on-success="handleUpAvatar"
+                  :on-remove="handleRemove"
+                  list-type="picture"
                   :limit="1"
-                  :on-exceed="handleExceed"
-                  :auto-upload="false"
+                  :on-preview="handlePictureCardPreview"
                   :headers="{ accessToken: [accessToken] }"
+                  :on-exceed="overLength"
                 >
                   <el-button type="primary" style="margin-top: 10px">
                     上传
@@ -147,7 +148,14 @@
 </template>
 <script>
 import { useStore } from 'vuex'
-import { defineComponent, ref, watchEffect, onMounted ,reactive,toRefs} from 'vue'
+import {
+  defineComponent,
+  ref,
+  watchEffect,
+  onMounted,
+  reactive,
+  toRefs,
+} from 'vue'
 import * as api from '@/api/tenantManage/systemConfig.js'
 import { ElMessage } from 'element-plus'
 // import { parseTime } from '@/utils'
@@ -175,6 +183,8 @@ export default defineComponent({
     const value = ref(true)
     const accessToken = ref(store.state.user.accessToken)
 
+    const upload = ref(null);
+
     const activeName = ref('first')
 
     const getPlatformBoxList = ref([])
@@ -183,11 +193,9 @@ export default defineComponent({
       uploadUrl:
         window.PLATFROM_CONFIG.baseUrl +
         '/patrolInspectionDevice/pictureUpload',
-      // uploadUrl:'https://wx.ewoogi.com/USKYOF/USKYOF.php/Home/MonitoringReporting/setUpload',
       fileList: [],
     })
 
-
     const roleValid = (rule, value, callback) => {
       rule
       if (value.length === 0) {
@@ -196,14 +204,23 @@ export default defineComponent({
         callback()
       }
     }
-    const handleExceed=()=>{
-      alert('只能上传一张')
+    const overLength = () => {
+      ElMessage.warning('只能上传一张')
+
     }
 
-    //上传成功的回调
+    // //上传成功的回调
     function handleUpAvatar(res) {
-      alert(1)
-      console.log(res)
+      console.log('res')
+      console.log(res.data)
+      form.value.homeLogo = window.PLATFROM_CONFIG.baseUrl +res.data
+
+      console.log(form.value.homeLogo)
+    }
+
+   function  handleRemove(){
+     form.value.homeLogo = ''
+
     }
 
     // 保存操作
@@ -260,11 +277,13 @@ export default defineComponent({
     // 关闭弹框
     const closeDialog = (flag) => {
       resetForm()
+      upload.value.clearFiles();
       showDialog.value = false
       emit('closeDialog', flag)
     }
 
     function resetForm() {
+     
       formInfo.value.resetFields()
     }
 
@@ -293,7 +312,6 @@ export default defineComponent({
     onMounted(() => {})
 
     return {
-
       ...toRefs(dataSet),
       pickerEndDate,
       roleValid,
@@ -312,9 +330,11 @@ export default defineComponent({
 
       activeName,
       value,
-      handleExceed,
+      overLength,
       handleUpAvatar,
+      handleRemove,
       accessToken,
+      upload,
 
       rules: {
         middleTitle: [
@@ -381,6 +401,9 @@ export default defineComponent({
   margin-left: 10px;
   display: inline-block;
 }
+::v-deep .el-upload-list__item{
+  width:100px!important
+}
 </style>
 <style>
 .systemCard .el-dialog__body {