框架搭建

李林

2024-02-26 8d817b3847f9a96850c1a28f7923940697df7235

 src/components/view/finance-submit.vue

@@ -34,6 +34,9 @@
      height: calc(100% - 60px - 80px - 10px - 40px);
      padding: 20px;
   }
   .el-radio-group{
      width: 100%;
   }
</style>

<template>
@@ -42,7 +45,7 @@
         <el-row class="title">
            <el-col :span="12" style="padding-left: 20px;">财务上报</el-col>
            <el-col :span="12" style="text-align: right;">
               <el-button size="medium" @click="$refs.ValueTable.openUpload()" v-if="inPower">
               <el-button size="medium" @click="chooseDia = true" v-if="inPower">
                  <i class="el-icon-upload2" style="color: #3A7BFA;"></i>
                  <span style="color: #3A7BFA;">导入</span>
               </el-button>
@@ -59,7 +62,7 @@
            <div class="search_label">系统日期：</div>
            <div class="search_input">
               <el-date-picker size="small" v-model="componentData.entity.createTime" type="date" placeholder="选择日期"
                  value-format="yyyy-MM-dd HH:mm:ss" clearable></el-date-picker>
                  value-format="yyyy-MM-dd HH:mm:ss" :clearable="false" :editable="false" @change="refreshTable()"></el-date-picker>
            </div>
         </div>
         <div class="search_thing">
@@ -79,6 +82,19 @@
            :upUrl="$api.dataReporting.updateFinanceSubmit" :delUrl="$api.dataReporting.delFinanceSubmit"
            :componentData="componentData" :key="upIndex" :downUrl="$api.dataReporting.downFinanceSubmitFile" :inputUrl="$api.dataReporting.inputFinanceSubmitCsv"/>
      </div>
      <el-dialog title="请选择财务上报的对象" :visible.sync="chooseDia" width="500px">
         <div class="body" v-if="chooseDia" style="max-height: 550px;overflow-y: auto;padding: 5px 0;">
            <el-radio-group v-model="userId">
               <el-col :span="8" v-for="(a, ai) in users" :key="ai" style="margin-bottom: 2px;">
                  <el-radio border size="small" :label="a.id">{{a.name}}</el-radio>
               </el-col>
            </el-radio-group>
         </div>
         <span slot="footer" class="dialog-footer">
            <el-button @click="chooseDia = false">取消</el-button>
            <el-button type="primary" @click="goDown">下一步</el-button>
         </span>
      </el-dialog>
   </div>
</template>

@@ -107,7 +123,7 @@
                  font: '编辑',
                  type: 'text',
                  method: 'doDiy',
                  field: ['createUserName']
                  field: ['createUserName','对象=param']
               }, {
                  id: 'delete',
                  font: '删除',
@@ -121,10 +137,15 @@
                  },
                  custom: {
                     select: []
                  },
                  param:{
                     select:[]
                  }
               },
               requiredAdd: ['company', 'name', 'employeeRebate'],
               requiredUp: ['company', 'name', 'employeeRebate']
               requiredAdd: ['company', 'name', 'employeeRebate','param'],
               requiredUp: ['employeeRebate'],
               disabledUp: ['company', 'name','param'],
               uploadStr: ""
            },
            entityCopy: {},
            upIndex: 0,
@@ -132,7 +153,10 @@
            custom: [],
            addPower: true,
            inPower: true,
            outPower: true
            outPower: true,
            chooseDia: false,
            users: [],
            userId: null
         }
      },
      created() {
@@ -153,6 +177,7 @@
         this.selectProductEnumList()
         this.selectCustomEnumList()
         this.getPower()
         this.getUserList()
      },
      methods: {
         refreshTable() {
@@ -225,6 +250,30 @@
            this.addPower = add
            this.inPower = inPower
            this.outPower = outPower
         },
         getUserList(){
            this.$axios.get(this.$api.user.getUserMenu).then(res => {
               if (res.code === 201) {
                  return
               }
               this.users = res.data
               var str = []
               res.data.forEach(a => {
                  str.push({
                     label: a.name,
                     value: a.id
                  })
               })
               this.componentData.selectField.param.select = str
            })
         },
         goDown(){
            if(this.userId == null || this.userId == undefined) {
               this.$message.error('请选择财务上报的对象')
               return
            }
            this.componentData.uploadStr = this.userId
            this.$refs.ValueTable.openUpload()
         }
      }
   }