|
@@ -0,0 +1,231 @@
|
|
|
+<template>
|
|
|
+ <div class="billUploading-all">
|
|
|
+ <div class="billUploading-head">
|
|
|
+ <div style="display: flex;">
|
|
|
+ <div class="billUploading-head-li">
|
|
|
+ <label>团组名称:</label>
|
|
|
+ <el-select style="width:220px" @change="gnamechange" v-model="DiId" clearable filterable
|
|
|
+ placeholder="请选择">
|
|
|
+ <el-option v-for="item in delegationInfoList" :key="item.id" :label="item.groupName"
|
|
|
+ :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="billUploading-head-li">
|
|
|
+ <label>费用板块:</label>
|
|
|
+ <el-select style="width:220px" @change="ctablechange" v-model="Ctable" clearable filterable
|
|
|
+ placeholder="请选择">
|
|
|
+ <el-option v-for="item in Ctablelist" :key="item.id" :label="item.name"
|
|
|
+ :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="billUploading-content">
|
|
|
+ <div class="billUploading-content-table">
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ border
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column
|
|
|
+ prop="fileName"
|
|
|
+ label="文件名称">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ width="180">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div class="billUploading-content-upload">
|
|
|
+ <el-upload
|
|
|
+ class="upload-demo"
|
|
|
+ action="http://132.232.92.186:8888/api/Groups/CommonSaveFile"
|
|
|
+ :on-preview="handlePreview"
|
|
|
+ :on-remove="handleRemove"
|
|
|
+ :before-remove="beforeRemove"
|
|
|
+ multiple
|
|
|
+ :limit="3"
|
|
|
+ :data="datas"
|
|
|
+ :on-exceed="handleExceed"
|
|
|
+ :file-list="fileList"
|
|
|
+ name="files">
|
|
|
+ <el-button size="small" type="primary">点击上传</el-button>
|
|
|
+ <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
|
|
|
+ </el-upload>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ DiId:'',
|
|
|
+ datas:{},
|
|
|
+ fileList: [
|
|
|
+ // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'},
|
|
|
+ // {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}
|
|
|
+ ],
|
|
|
+ delegationInfoList:[],
|
|
|
+ Ctable:'',
|
|
|
+ Ctablelist:[],
|
|
|
+ tableData:[]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ //获取团组
|
|
|
+ GetGroupNameList(){
|
|
|
+ var url = "/api/Business/GetGroupNameList"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer ' + that.token
|
|
|
+ },
|
|
|
+ data:{
|
|
|
+ portType: 1,
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ if(res.data.code==200){
|
|
|
+ that.delegationInfoList=res.data.data;
|
|
|
+ that.DiId=that.delegationInfoList[0].id;
|
|
|
+ that.QuerySetData();
|
|
|
+ }else{
|
|
|
+ that.$message({
|
|
|
+ message:res.data.msg ,
|
|
|
+ type: 'warning',
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //获取Ctable
|
|
|
+ QuerySetData(){
|
|
|
+ var url = "/api/System/QuerySetData"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer ' + that.token
|
|
|
+ },
|
|
|
+ data:{
|
|
|
+ dataType: 16,
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ if(res.data.code==200){
|
|
|
+ that.Ctablelist=res.data.data;
|
|
|
+ that.Ctable=that.Ctablelist[0].id;
|
|
|
+ that.handledatas();
|
|
|
+ }else{
|
|
|
+ that.$message({
|
|
|
+ message:res.data.msg ,
|
|
|
+ type: 'warning',
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //票据上传
|
|
|
+ handleRemove(file, fileList) {
|
|
|
+ console.log(file, fileList);
|
|
|
+ },
|
|
|
+ handlePreview(file) {
|
|
|
+ console.log(file);
|
|
|
+ },
|
|
|
+ handleExceed(files, fileList) {
|
|
|
+ this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`);
|
|
|
+ },
|
|
|
+ beforeRemove(file, fileList) {
|
|
|
+ return this.$confirm(`确定移除 ${ file.name }?`);
|
|
|
+ },
|
|
|
+ //处理datas
|
|
|
+ handledatas(){
|
|
|
+ this.datas={
|
|
|
+ Ctable:this.Ctable,
|
|
|
+ Diid:this.DiId,
|
|
|
+ Cid:0,
|
|
|
+ Userid:this.userId
|
|
|
+ }
|
|
|
+ this.QueryGroupModelFile();
|
|
|
+ },
|
|
|
+ gnamechange(){
|
|
|
+ this.handledatas()
|
|
|
+ },
|
|
|
+ ctablechange(){
|
|
|
+ this.handledatas()
|
|
|
+ },
|
|
|
+ //获取list
|
|
|
+ QueryGroupModelFile(){
|
|
|
+ var url = "/api/Groups/QueryGroupModelFile"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer ' + that.token
|
|
|
+ },
|
|
|
+ data:{
|
|
|
+ ctable: that.Ctable,
|
|
|
+ diid: that.DiId,
|
|
|
+ cid:0,
|
|
|
+ userid:that.userId
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ if(res.data.code==200){
|
|
|
+ that.tableData=res.data.data;
|
|
|
+ }else{
|
|
|
+ that.$message({
|
|
|
+ message:res.data.msg ,
|
|
|
+ type: 'warning',
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+ this.token = JSON.parse(localStorage.getItem('userinif')).token;
|
|
|
+ this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId;
|
|
|
+ this.GetGroupNameList();
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+ .billUploading-all{
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 10px;
|
|
|
+ box-shadow: 0 0 5px #0005;
|
|
|
+ border-radius: 10px;
|
|
|
+ height: 100%;
|
|
|
+ min-height: 830px;
|
|
|
+ }
|
|
|
+ .billUploading-head-li{
|
|
|
+ margin-right: 15px;
|
|
|
+ }
|
|
|
+ .billUploading-head-li label {
|
|
|
+ color: #606266;
|
|
|
+ font-size: 15px;
|
|
|
+ font-weight: 600;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .billUploading-head {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ .billUploading-content-table{
|
|
|
+ width: 60%;
|
|
|
+ }
|
|
|
+ .billUploading-content{
|
|
|
+ margin-top: 20px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ .billUploading-content-upload{
|
|
|
+ width: 38%;
|
|
|
+
|
|
|
+ }
|
|
|
+</style>
|