yxh增加了杂费申请

yxh

2023-08-02 57451296729e00be76124e4a6be7c14bdf67c0e6

 src/views/project/travelexpenseslistrecord/index.vue

@@ -3,31 +3,12 @@
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
      <el-row>
        <!--
        <el-col :span="6">
        <!--        <el-col :span="6">
          <el-form-item label="出差人" prop="travelers">
            <el-input v-model="queryParams.travelers" placeholder="请输入出差人" clearable size="small"
              @keyup.enter.native="handleQuery" />
          </el-form-item>
        </el-col>
-->
        <el-col :span="6">
          <el-form-item label="经办人" prop="username">
            <el-input v-model="queryParams.username" placeholder="请输入报销人" clearable size="small"
              @keyup.enter.native="handleQuery" />
          </el-form-item>
        </el-col>

        <el-col :span="6">
          <el-form-item label="审核状态" prop="recordstatus">
            <el-input v-model="queryParams.recordstatus" placeholder="请选择审核状态" clearable size="small" v-if="0"
              @keyup.enter.native="handleQuery" />
            <el-select v-model="queryParams.recordstatus" placeholder="请选择审核状态" clearable size="small">
              <el-option v-for="dict in dict.type.sys_recordstatus" :key="dict.value" :label="dict.label"
                :value="dict.value" />
            </el-select>
          </el-form-item>
        </el-col>
        </el-col>-->
        <el-col :span="8">
          <el-form-item label="申请日期" prop="createTime">
            <el-date-picker format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="value1" type="daterange" @blur="onpick"
@@ -36,7 +17,20 @@
            </el-date-picker>
          </el-form-item>
        </el-col>

        <el-col :span="5">
          <el-form-item label="经办人" prop="username">
            <el-input v-model="queryParams.username" placeholder="请输入报销人" clearable size="small"
              @keyup.enter.native="handleQuery" />
          </el-form-item>
        </el-col>
        <el-col :span="5">
          <el-form-item label="审批状态" prop="CHECKFLAG" style="float: left">
            <el-select v-model="queryParams.CHECKFLAG" placeholder="请选择" style="width: 100%">
              <el-option v-for="item in checkFlagOptions" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item>
            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -74,8 +68,9 @@
          <dict-tag :options="dict.type.sys_recordstatus" :value="scope.row.recordstatus" />
        </template>
      </el-table-column>
      <el-table-column label="经办人" width="120" align="center" prop="username">
      </el-table-column>
      <el-table-column label="经办人" width="120" align="center" prop="username" />
      <el-table-column label="所属组别" width="120" align="center" prop="deptmentname" />
      <el-table-column label="组长" width="120" align="center" prop="managername" />
      <el-table-column label="报销金额" width="120" align="center" prop="amountrequested">
      </el-table-column>
      <el-table-column label="出差事由" align="center" prop="reason">
@@ -100,7 +95,7 @@
-->
      <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width" width="270">
        <template slot-scope="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.checkFlag == 1"
          <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.checkFlag == 1 || scope.row.checkFlag == 0"
            @click="handleUpdate(scope.row)">审批</el-button>
          <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.checkFlag == 0"
            @click="handleShow(scope.row)">详情</el-button>
@@ -109,7 +104,7 @@
            下载
          </el-button>
          <!-- v-hasPermi="['project:funddetail:edit']" -->
          <el-button size="mini" type="text" icon="el-icon-delete" disabled
          <el-button size="mini" type="text" icon="el-icon-delete" :disabled="true"
            @click="handleDelete(scope.row)">删除</el-button>
          <!-- v-hasPermi="['project:funddetail:remove']" -->
        </template>
@@ -125,33 +120,31 @@
        <el-row>
          <el-col :span="5">
            <el-form-item label="申请日期" prop="createTime">
              <el-date-picker style="width: 100%" v-model="form.createTime" disabled type="date"
              <el-date-picker style="width: 100%" v-model="form.createTime" :disabled="true" type="date"
                value-format="yyyy-MM-dd HH:mm:ss" placeholder="申请日期">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="经办人" prop="username">
              <el-input v-model="form.username" placeholder="报销人" />
              <el-input v-model="form.username" placeholder="报销人" :disabled="true" />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="区域组长" prop="managerno">
              <el-input v-model="form.managerno" placeholder="区域组长" />
            <el-form-item label="所属组别" prop="deptmentname">
              <el-input v-model="form.deptmentname" placeholder="所属组别" :disabled="true" />
            </el-form-item> </el-col> <el-col :span="5">
            <el-form-item label="组长" prop="managername">
              <el-input v-model="form.managername" placeholder="组长" :disabled="true" />
            </el-form-item> </el-col>
          <el-col :span="5"><el-form-item label="捐献者" prop="donorname">
              <el-input v-model="form.donorname" placeholder="捐献者" />
            </el-form-item>

          </el-col></el-row> <!--
        </el-row>
        <!--
        <el-row>
          <el-col :span="8">
            <el-form-item label="捐献编号" prop="donorno">
              <el-input disabled v-model="form.donorno" placeholder="捐献编号" />
            </el-form-item>
          </el-col>
          

          <el-col :span="8">
            <el-form-item label="出差人" prop="travelers">
              <el-input v-model="form.travelers" placeholder="出差人" />
@@ -172,18 +165,29 @@
              <el-input v-model="form.phone" placeholder="联系电话" />
            </el-form-item>
          </el-col>          
        </el-row>-->

        </el-row>
      -->
        <el-row>
          <el-col :span="15">
            <el-form-item label="出差事由" prop="reason">
              <el-input v-model="form.reason" placeholder="出差事由" />
            </el-form-item>
          </el-col>
          <el-col :span="5"><el-form-item label="捐献者" prop="donorname">
              <el-input v-model="form.donorname" placeholder="捐献者" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px">
          <el-col :span="5">
            <el-form-item label="报销金额" prop="amountrequested">
              <el-input v-model="form.amountrequested" placeholder="报销合计" />
              <el-input v-model="form.amountrequested" placeholder="报销金额" :disabled="true" />
            </el-form-item>
          </el-col>

          <el-col :span="10">
            <el-form-item label="大写金额" prop="bigstrmoney">
              <el-input v-model="form.bigstrmoney" placeholder="领款金额" />
              <el-input v-model="form.bigstrmoney" placeholder="大写金额" :disabled="true" />
            </el-form-item>
          </el-col><!-- 
          <el-col :span="6">
@@ -204,18 +208,13 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="20">
            <el-form-item label="出差事由" prop="reason">
              <el-input v-model="form.reason" placeholder="出差事由" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex" :gutter="10" align="right" class="mb8">
          <el-col :span="6">
            <el-button type="primary" plain icon="el-icon-plus" size="mini" disabled @click="addRow">新增一行</el-button>
            <el-button type="primary" plain icon="el-icon-plus" size="mini" :disabled="true"
              @click="addRow">新增一行</el-button>
          </el-col>
        </el-row> <el-row>
        </el-row>
        <el-row style="margin-top: 25px; margin-bottom: 5px">
          <el-col :span="20">报销明细信息：</el-col>
        </el-row>
        <el-row>
@@ -394,7 +393,7 @@
              <template slot-scope="scope">
                <el-button @click.native.prevent="
                  deleteRow(scope.$index, rbDetails, scope.row)
                  " type="text" size="small" disabled>
                  " type="text" size="small" :disabled="true">
                  删除
                </el-button>
              </template>
@@ -434,7 +433,7 @@
              <el-input v-model="form.financechecher" placeholder="财务审核" />
            </el-form-item> </el-col></el-row>
          -->
        <el-row>
        <el-row style="margin-top: 25px; margin-bottom: 5px">
          <el-col :span="20">报销请款明细：</el-col>
        </el-row>
        <el-row style="margin-top: 30px">
@@ -513,14 +512,14 @@
            </el-table-column>
          </el-table>
        </el-row>
        <el-row>
        <el-row style="margin-top: 25px; margin-bottom: 5px">
          <el-col :span="20">报销附件：</el-col>
        </el-row>
        <el-row>
          <el-col :span="14">
            <el-form-item label="文件上传" align="left" prop="annexfiles">
            <el-form-item label="附件" align="left" prop="annexfiles">
              <!-- <file-upload ref="fileUpload" :fileType=fileType :limit="1" :on-success="handleUploadSuccess"></file-upload> -->
              <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileList" multiple :limit="5"
              <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileList" multiple :limit="20"
                :headers="headers" :on-success="(response, file, fileList) =>
                  uploadSccess(response, file, fileList)
                  " :on-preview="downFile" :disabled='dialogType == "detail"' :on-error="handleUploadError"
@@ -532,7 +531,7 @@
        </el-row>
      </el-form>
      <el-form label-width="120px">
        <el-row>
        <el-row style="margin-top: 25px; margin-bottom: 5px">
          <el-col :span="20">报销审批记录：</el-col>
        </el-row>
        <el-table :data="fundflowList" border>
@@ -617,6 +616,7 @@
import { listReimbursementpayee, addReimbursementpayee, updateReimbursementpayee } from "@/api/project/reimbursementpayee";
import Li_area_select from "@/components/Address";
import { getUserProfile } from "@/api/system/user";
import { getToken } from "@/utils/auth";

export default {
  components: {
@@ -629,7 +629,7 @@
    "sys_0_1",
    "sys_fund_type",
    "sys_financeitemtype",
    "sys_travelexpensebelong",
    "sys_travelexpensebelong"
  ],
  data() {
    return {
@@ -711,8 +711,15 @@
      rbPayees: [],
      baselist: [],
      balist: [],
      //附件文件

      //附件文件上传路径
      uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload",
      //文件列表
      fileList: [],
      headers: {
        Authorization: "Bearer " + getToken(),
      },

      standardlevel: 0,
      createTime: [],
      //弹窗详情--show；edit
@@ -723,7 +730,7 @@
    this.getList();
  },
  mounted() {
    this.getlistDonatebaseinfo();
    //this.getlistDonatebaseinfo();
    this.getList();
  },
  methods: {
@@ -733,7 +740,9 @@
    },
    getList() {
      this.loading = true;
      console.log("this.queryParams", this.queryParams)
      listbypowerone(this.queryParams).then((response) => {

        this.reimbursementList = response.rows;
        this.total = response.total;
        this.loading = false;
@@ -938,6 +947,10 @@
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.$router.push({
        path: "/finance/travelexpenseslist/Modifydetails/",
        query: { id: row.id, pos: 4 }
      });
      this.dialogType = "edit";
      const id = row.id || this.ids;
      this.checkObj.fundid = id;
@@ -1304,9 +1317,20 @@
        this.$modal.msgSuccess(response.msg);
        this.fileList.push({ name: response.fileName, url: response.fileName });
      } else {
        this.$modal.msgError(response.msg);
        console.log(response.msg);;
      }
    },
    
    // 下载文件
    downFile(item) {
      const url = process.env.VUE_APP_BASE_API + item.url
      var a = document.createElement('a');
      var event = new MouseEvent('click');
      a.download = item.name;
      a.href = url;
      a.dispatchEvent(event);
    },

  },
};
</script>