banner管理优化

src/views/bannerman/index.vue

@@ -91,7 +91,8 @@ import { ref,onMounted,reactive } from 'vue'
 import { Search,Download,Tools,Plus,Check,Close } from "@element-plus/icons-vue";
 let upUrl=window.baseUrl+'/api/resource/oss/upload'
 let headers={
-  Authorization:'Bearer'+` ${Authorization}`
+  Authorization:'Bearer'+` ${Authorization}`,
+  clientid:'e5cd7e4891bf95d1d19206ce24a7b32e'
 }
 let fileList=ref([])
 let searchWord=ref('')
@@ -104,7 +105,19 @@ let excellloading=ref(false)
 const tableData = ref([])
 //v-loading="excellloading" @click="downExcell"
 let activeName=ref('first')
-
+const handleChange=val=>{
+  
+ if(val.response){
+  ruleForm.addr=val.response.data.url
+    ElMessage({
+          message: '操作成功',
+          type: 'success',
+          duration: 3 * 1000
+    });
+  
+ }
+  
+}
 const addItem=data=>{
   if(data.id){
     for(let key in data){
@@ -219,8 +232,12 @@ onMounted(()=>{
                       </div> -->
                     </div>
                     <el-table element-loading-text='加载中' header-row-class-name="reset-gray-head" :data="tableData"  style="width: 100%" v-loading="loading">
-                        <el-table-column prop="name" label="宣传图" />
-                        <el-table-column prop="addr" label="文件名" />
+                        <el-table-column prop="name" label="文件名" />
+                        <el-table-column prop="addr" label="宣传图">
+                          <template #default="scope">
+                            <img :src="scope.row.addr" alt="">
+                          </template>
+                        </el-table-column>
                        
                         <el-table-column prop="contactName" label="上传时间">
                         
@@ -297,7 +314,8 @@ onMounted(()=>{
                 :headers="headers"
                 :limit="1"
                 :show-file-list="false"
-                :on-exceed="handleExceed"
+                
+                :on-change="handleChange"
                 :file-list="fileList">
                 <el-button size="small" type="primary">点击上传</el-button>
                

src/views/roleman/index.vue

@@ -14,8 +14,8 @@ const initData={
   roleId: '',
   roleName: '',
   roleKey: '',
-  roleSort: '',
-  status: 0,
+  roleSort: '1',
+  status: '0',
   remark: ""
 }
 const formSize = ref<ComponentSize>('default')
@@ -24,8 +24,8 @@ const ruleForm = reactive<RuleForm>({
   roleId: '',
   roleName: '',
   roleKey: '',
-  roleSort: '',
-  status: 0,
+  roleSort: '1',
+  status: '0',
   remark: ""
 })
 
@@ -302,23 +302,27 @@ onMounted(()=>{
               <el-form-item label="状态">
                
                 <el-select
-                  v-model="ruleForm.endArea"
+                  v-model="ruleForm.status"
                   placeholder="结束区域"
                   
                   style="width: 100%"
                 >
                   <el-option
-                    v-for="item in areaList"
-                    :key="item.value"
-                    :label="item.name"
-                    :value="item.id"
+                    
+                    label="正常"
+                    value="0"
+                  />
+                  <el-option
+                    
+                    label="停用"
+                    value="1"
                   />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="开始时间">
-                <el-input placeholder="开始时间" v-model="ruleForm.mtime" />
+              <el-form-item label="排序">
+                <el-input placeholder="排序" v-model="ruleForm.roleSort" />
               </el-form-item>
             </el-col>