10151635wifi匹配

src/components/OP/DecreasePayments.vue

@@ -6,17 +6,32 @@
                 <div class="communal-title">
                     <div>其他款项</div>
                 </div>
-                <div style="display: flex;">
-                    <div style="width: 90%;">
+                <div class="dphade" style="display: flex;">
+                    <div style="width: 50%;">
                         <el-select style="width:300px" v-model="DiId" placeholder="团组选择" clearable filterable @change="DecreasePaymentsChange">
                             <el-option v-for="item in delegationInfoList" :key="item.id" :label="item.teamName"
                                 :value="item.id">
                             </el-option>
                         </el-select>
                     </div>
-                    <div style="width: 10%;text-align: right;">
+                    <div style="width:50%;text-align: right;display: flex;justify-content: flex-end;">
+                        <el-upload
+                        class="upload-demo"
+                        ref="upload"
+                        action="http://132.232.92.186:8888/api/Groups/DecreasePaymentsOTAMate"
+                        :on-preview="handlePreview"
+                        :on-remove="handleRemove"
+                        :on-success="handleSuccess"
+                        :on-error="handleError"
+                        :file-list="fileList"
+                        :limit="1"
+                        :auto-upload="false">
+                        <el-button slot="trigger" size="small" type="primary"> wifi表格匹配团组</el-button>
+                        <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传</el-button>
+                        <div slot="tip" class="el-upload__tip">更换wifi表格匹配请移除后重新选择！</div>
+                        </el-upload>
                         <router-link :to="{ path: '/home/OpDecreasePayments', query: { DiId } }">
-                            <el-button type="primary" style="margin-left: 10px;">新增</el-button>
+                            <el-button size="small" type="primary" style="margin-left: 10px;">新增</el-button>
                         </router-link>
                     </div>
                 </div>
@@ -100,7 +115,8 @@ export default {
             userId: 0,
             DiId: '',
             delegationInfoList: [],
-            delegationInfo: {}
+            delegationInfo: {},
+            fileList:[],
         }
     },
     methods: {
@@ -248,7 +264,26 @@ export default {
                 this.$message.error("暂未上传附件");
             }
 
-        }
+        },
+        submitUpload() {
+            this.$refs.upload.submit();
+        },
+        handleRemove(file, fileList) {
+            console.log(file, fileList);
+        },
+        handlePreview(file) {
+            console.log(file);
+        },
+        handleSuccess(response) {
+            window.open(response.data.url)
+            this.$message({
+                message: response.msg,
+                type: 'success'
+            });
+        },
+        handleError(error) {
+            this.$message.error(error.msg);
+        },
 
     },
     filters:{
@@ -309,4 +344,7 @@ export default {
     font-weight: 600;
     color: #555;
 }
+.dphade .el-upload-list__item{
+    font-size: 12px;
+}
 </style>