From 57451296729e00be76124e4a6be7c14bdf67c0e6 Mon Sep 17 00:00:00 2001
From: yxh <172933527@qq.com>
Date: 星期三, 02 八月 2023 10:41:17 +0800
Subject: [PATCH] yxh增加了杂费申请
---
src/views/project/travelexpenseslistrecord/index.vue | 144 ++++++++++++++++++++++++++++--------------------
1 files changed, 84 insertions(+), 60 deletions(-)
diff --git a/src/views/project/travelexpenseslistrecord/index.vue b/src/views/project/travelexpenseslistrecord/index.vue
index 203a29e..15cfedf 100644
--- a/src/views/project/travelexpenseslistrecord/index.vue
+++ b/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锛沞dit
@@ -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>
\ No newline at end of file
--
Gitblit v1.9.3