From 2bf3fda0cd085d5e6af9b55471701e44768d26a9 Mon Sep 17 00:00:00 2001 From: yxh <172933527@qq.com> Date: 星期三, 20 十二月 2023 15:47:07 +0800 Subject: [PATCH] yxh:修改了银行账户管理 --- src/views/project/travelexpenseapply/travelexpensedetail/index.vue | 985 +++++++++++++-------------------------------------------- 1 files changed, 224 insertions(+), 761 deletions(-) diff --git a/src/views/project/travelexpenseapply/travelexpensedetail/index.vue b/src/views/project/travelexpenseapply/travelexpensedetail/index.vue index 5dba5d3..26df205 100644 --- a/src/views/project/travelexpenseapply/travelexpensedetail/index.vue +++ b/src/views/project/travelexpenseapply/travelexpensedetail/index.vue @@ -3,37 +3,19 @@ <div class="boxdiv"> <div class="top-text">{{ title }}</div> <el-form ref="form" :model="form" :rules="rules" label-width="120px"> - <el-row - ><el-col :span="5"> - <el-form-item label="鐢宠鏃ユ湡" prop="createTime"> - <el-date-picker - style="width: 100%" - v-model="form.createTime" - type="date" - value-format="yyyy-MM-dd HH:mm:ss" - placeholder="鐢宠鏃ユ湡" - :disabled="true" - > + <el-row><el-col :span="5"> + <el-form-item label="鐢宠鏃ユ湡" prop="applyTime"> + <el-date-picker style="width: 100%" v-model="form.applyTime" type="date" value-format="yyyy-MM-dd HH:mm:ss" + placeholder="鐢宠鏃ユ湡" :disabled="true"> </el-date-picker> </el-form-item> </el-col> <el-col :span="5"> <el-form-item label="缁忓姙浜�" prop="username"> - <el-select - v-model="form.username" - clearable - filterable - allow-create - ref="getReportname" - default-first-option - placeholder="璇烽�夋嫨" - > - <el-option - v-for="item in personsList" - :key="item.reportNo" - :label="item.reportName" - :value="item.reportName" - > + <el-select v-model="form.username" clearable filterable allow-create ref="getReportname" + default-first-option placeholder="璇烽�夋嫨"> + <el-option v-for="item in personsList" :key="item.reportNo" :label="item.reportName" + :value="item.reportName"> </el-option> </el-select> </el-form-item> @@ -58,18 +40,8 @@ </el-col> <el-col :span="5"> <el-form-item label="鎹愮尞鑰�" prop="infoid"> - <el-select - v-model="form.infoid" - @change="selectbaseinfo" - filterable - placeholder="璇烽�夋嫨鎹愮尞鑰�" - > - <el-option - v-for="item in baselist" - :key="item.index" - :label="item.name" - :value="item.infoid" - > + <el-select v-model="form.infoid" @change="selectbaseinfo" filterable placeholder="璇烽�夋嫨鎹愮尞鑰�"> + <el-option v-for="item in baselist" :key="item.index" :label="item.name" :value="item.infoid"> </el-option> </el-select> </el-form-item> @@ -78,36 +50,17 @@ <el-row style="margin-top: 10px"> <el-col :span="5"> <el-form-item label="鎶ラ攢閲戦" prop="amountrequested"> - <el-input - :disabled="true" - v-model="form.amountrequested" - placeholder="鎶ラ攢鍚堣閲戦" - /> + <el-input :disabled="true" v-model="form.amountrequested" placeholder="鎶ラ攢鍚堣閲戦" /> </el-form-item> </el-col> <el-col :span="7"> <el-form-item label="澶у啓閲戦" prop="bigstrmoney"> - <el-input - :disabled="true" - v-model="form.bigstrmoney" - placeholder="鎶ラ攢澶у啓閲戦" - /> - </el-form-item> </el-col - ><el-col :span="4"> + <el-input :disabled="true" v-model="form.bigstrmoney" placeholder="鎶ラ攢澶у啓閲戦" /> + </el-form-item> </el-col><el-col :span="4"> <el-form-item label="瀹℃牳鐘舵��" prop="flowlevel"> - <el-select - v-model="form.recordstatus" - placeholder="璇烽�夋嫨瀹℃牳鐘舵��" - clearable - :disabled="true" - size="small" - > - <el-option - v-for="dict in dict.type.sys_recordstatus" - :key="dict.value" - :label="dict.label" - :value="dict.value" - /> + <el-select v-model="form.recordstatus" placeholder="璇烽�夋嫨瀹℃牳鐘舵��" clearable :disabled="true" 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> @@ -212,325 +165,142 @@ <el-row v-if="jurisdiction"> <!-- <el-alert title="褰撳墠涓烘煡鐪嬬姸鎬侊紝涓嶆敮鎸佷慨鏀瑰瓨鍌ㄣ��" type="warning"> </el-alert> --> - <el-alert - title="褰撳墠涓烘煡鐪嬬姸鎬侊紝涓嶆敮鎸佷慨鏀瑰瓨鍌ㄣ��" - type="warning" - show-icon - > + <el-alert title="褰撳墠涓烘煡鐪嬬姸鎬侊紝涓嶆敮鎸佷慨鏀瑰瓨鍌ㄣ��" type="warning" show-icon> </el-alert> </el-row> <el-row style="margin-top: 25px; margin-bottom: 5px"> <el-col :span="20">鎶ラ攢鏄庣粏</el-col> </el-row> <el-row> - <el-table - :data="rbDetails" - ref="table" - border - max-height="800" - highlight-current-row - :summary-method="getSummaries" - show-summary - > - <el-table-column - prop="orderno" - slot="" - label="搴忓彿" - align="center" - fixed - width="88" - > + <el-table :data="rbDetails" ref="table" border max-height="800" highlight-current-row + :summary-method="getSummaries" show-summary> + <el-table-column prop="orderno" slot="" label="搴忓彿" align="center" fixed width="88"> <template slot-scope="scope"> <el-input v-model="scope.row.orderno" placeholder="搴忓彿" /> </template> </el-table-column> <!--涓婚敭銆佸涓嶅睍绀�--> - <el-table-column - prop="id" - slot="" - label="涓婚敭" - align="center" - fixed - width="95" - v-if="false" - > + <el-table-column prop="id" slot="" label="涓婚敭" align="center" fixed width="95" v-if="false"> <template slot-scope="scope"> <el-input v-model="scope.row.id" placeholder="id" /> </template> </el-table-column> - <el-table-column - prop="rbid" - slot="" - label="澶栭敭" - align="center" - fixed - width="95" - v-if="false" - > + <el-table-column prop="rbid" slot="" label="澶栭敭" align="center" fixed width="95" v-if="false"> <template slot-scope="scope"> <el-input v-model="scope.row.rbid" placeholder="rbid" /> </template> </el-table-column> - <el-table-column - prop="persontype" - slot="" - label="浜哄憳绫诲埆" - align="center" - fixed - width="130" - > + <el-table-column prop="persontype" slot="" label="浜哄憳绫诲埆" align="center" fixed width="130"> <template slot-scope="scope"> - <el-select - v-model="scope.row.persontype" - value-key="value" - placeholder="浜哄憳绫诲埆" - @change="getPersons(scope.row)" - > - <el-option - v-for="dict in dict.type.sys_travelexpensebelong" - :key="dict.value" - :label="dict.label" - :value="dict.label" - ></el-option> + <el-select v-model="scope.row.persontype" value-key="value" placeholder="浜哄憳绫诲埆" + @change="getPersons(scope.row)"> + <el-option v-for="dict in dict.type.sys_travelexpensebelong" :key="dict.value" :label="dict.label" + :value="dict.label"></el-option> </el-select> </template> </el-table-column> - <el-table-column - prop="personname" - slot="" - label="璐圭敤浜哄憳" - align="center" - fixed - width="110" - > + <el-table-column prop="personname" slot="" label="璐圭敤浜哄憳" align="center" fixed width="110"> <template slot-scope="scope"> - <el-select - v-model="scope.row.personname" - clearable - filterable - allow-create - default-first-option - placeholder="璇烽�夋嫨" - @focus1="getPersons(scope.row)" - > - <el-option - v-for="item in personsSel" - :key="item.reportNo" - :label="item.reportName" - :value="item.reportName" - > + <el-select v-model="scope.row.personname" clearable filterable allow-create default-first-option + placeholder="璇烽�夋嫨" @focus1="getPersons(scope.row)"> + <el-option v-for="item in personsSel" :key="item.reportNo" :label="item.reportName" + :value="item.reportName"> </el-option> </el-select> </template> </el-table-column> - <el-table-column - prop="starttime" - slot="" - label="寮�濮嬫棩鏈�" - fixed - align="center" - width="150" - > + <el-table-column prop="starttime" slot="" label="寮�濮嬫棩鏈�" fixed align="center" width="150"> <template slot-scope="scope"> - <el-date-picker - :picker-options="{ - disabledDate: time => { - if (scope.row.endtime) { - return ( - time.getTime() > - new Date(scope.row.endtime.replace(/-/g, '/')) - ); - } + <el-date-picker :picker-options="{ + disabledDate: time => { + if (scope.row.endtime) { + return ( + time.getTime() > + new Date(scope.row.endtime.replace(/-/g, '/')) + ); } - }" - clearable - size="small" - style="width: 100%" - v-model="scope.row.starttime" - type="date" - value-format="yyyy-MM-dd HH:mm:ss" - placeholder="寮�濮嬫棩鏈�" - @blur="getdays(scope.row)" - > + } + }" clearable size="small" style="width: 100%" v-model="scope.row.starttime" type="date" + value-format="yyyy-MM-dd HH:mm:ss" placeholder="寮�濮嬫棩鏈�" @blur="getdays(scope.row)"> </el-date-picker> </template> </el-table-column> - <el-table-column - prop="endtime" - slot="" - label="缁撴潫鏃ユ湡" - align="center" - fixed - width="150" - > + <el-table-column prop="endtime" slot="" label="缁撴潫鏃ユ湡" align="center" fixed width="150"> <template slot-scope="scope"> - <el-date-picker - :picker-options="{ - disabledDate: time => { - if (scope.row.starttime) { - return ( - time.getTime() < - new Date(scope.row.starttime.replace(/-/g, '/')) - ); - } + <el-date-picker :picker-options="{ + disabledDate: time => { + if (scope.row.starttime) { + return ( + time.getTime() < + new Date(scope.row.starttime.replace(/-/g, '/')) + ); } - }" - clearable - size="small" - style="width: 100%" - v-model="scope.row.endtime" - type="date" - value-format="yyyy-MM-dd HH:mm:ss" - placeholder="缁撴潫鏃ユ湡" - @blur="getdays(scope.row)" - > + } + }" clearable size="small" style="width: 100%" v-model="scope.row.endtime" type="date" + value-format="yyyy-MM-dd HH:mm:ss" placeholder="缁撴潫鏃ユ湡" @blur="getdays(scope.row)"> </el-date-picker> </template> </el-table-column> - <el-table-column - prop="departure" - slot="" - label="鍑哄彂鍦�" - align="center" - width="100" - > + <el-table-column prop="departure" slot="" label="鍑哄彂鍦�" align="center" width="100"> <template slot-scope="scope"> <el-input v-model="scope.row.departure" placeholder="鍑哄彂鍦�" /> </template> </el-table-column> - <el-table-column - label="鍒拌揪鍦�" - prop="destination" - align="center" - width="140" - > + <el-table-column label="鍒拌揪鍦�" prop="destination" align="center" width="140"> <template slot-scope="scope"> <!-- <el-input v-model="scope.row.destination" placeholder="鍒拌揪鍦�" @blur="getallowance(scope.row)" /> --> - <el-select - filterable - allow-create - v-model="scope.row.destination" - value-key="value" - placeholder="鍒拌揪鍦�" - @change="getallowance(scope.row)" - > - <el-option - v-for="dict in dict.type.sys_area_name" - :key="dict.value" - :label="dict.label" - :value="dict.label" - ></el-option> + <el-select filterable allow-create v-model="scope.row.destination" value-key="value" placeholder="鍒拌揪鍦�" + @change="getallowance(scope.row)"> + <el-option v-for="dict in dict.type.sys_area_name" :key="dict.value" :label="dict.label" + :value="dict.label"></el-option> </el-select> </template> </el-table-column> - <el-table-column - prop="days" - label="澶╂暟" - width="100" - align="center" - > + <el-table-column prop="days" label="澶╂暟" width="100" align="center"> <template slot-scope="scope"> - <el-input - v-model="scope.row.days" - @blur="getallowance(scope.row)" - placeholder="澶╂暟" - /> + <el-input v-model="scope.row.days" @blur="getallowance(scope.row)" placeholder="澶╂暟" /> </template> </el-table-column> - <el-table-column - prop="traffictype" - label="鍑哄彂浜ら�氬伐鍏�" - align="center" - width="100" - > + <el-table-column prop="traffictype" label="鍑哄彂浜ら�氬伐鍏�" align="center" width="100"> <template slot-scope="scope"> - <el-select - v-model="scope.row.traffictype" - placeholder="鍑哄彂浜ら�氬伐鍏�" - > - <el-option - v-for="dict in dict.type.sys_traffictype" - :key="dict.value" - :label="dict.label" - :value="dict.label" - ></el-option> + <el-select v-model="scope.row.traffictype" placeholder="鍑哄彂浜ら�氬伐鍏�"> + <el-option v-for="dict in dict.type.sys_traffictype" :key="dict.value" :label="dict.label" + :value="dict.label"></el-option> </el-select> </template> </el-table-column> - <el-table-column - prop="traffictype2" - label="杩斿洖浜ら�氬伐鍏�" - align="center" - width="100" - > + <el-table-column prop="traffictype2" label="杩斿洖浜ら�氬伐鍏�" align="center" width="100"> <template slot-scope="scope"> - <el-select - v-model="scope.row.traffictype2" - placeholder="杩斿洖浜ら�氬伐鍏�" - > - <el-option - v-for="dict in dict.type.sys_traffictype" - :key="dict.value" - :label="dict.label" - :value="dict.label" - ></el-option> + <el-select v-model="scope.row.traffictype2" placeholder="杩斿洖浜ら�氬伐鍏�"> + <el-option v-for="dict in dict.type.sys_traffictype" :key="dict.value" :label="dict.label" + :value="dict.label"></el-option> </el-select> </template> </el-table-column> - <el-table-column - prop="trafficexpense" - label="浜ら�氳垂" - align="center" - width="120" - > + <el-table-column prop="trafficexpense" label="浜ら�氳垂" align="center" width="120"> <template slot-scope="scope"> - <el-input - v-model="scope.row.trafficexpense" - placeholder="浜ら�氳垂" - @blur=" - val => { - sumRowFee(scope.row); - } - " - /> + <el-input v-model="scope.row.trafficexpense" placeholder="浜ら�氳垂" @blur="val => { + sumRowFee(scope.row); + } + " /> </template> </el-table-column> - <el-table-column - prop="cityfee" - label="甯傚唴浜ら�氳垂" - align="center" - width="120" - > + <el-table-column prop="cityfee" label="甯傚唴浜ら�氳垂" align="center" width="120"> <template slot-scope="scope"> - <el-input - v-model="scope.row.cityfee" - placeholder="甯傚唴浜ら�氳垂" - @blur=" - val => { - sumRowFee(scope.row); - } - " - >{{ Number(scope.row.cityfee).toFixed(2) }} + <el-input v-model="scope.row.cityfee" placeholder="甯傚唴浜ら�氳垂" @blur="val => { + sumRowFee(scope.row); + } + ">{{ Number(scope.row.cityfee).toFixed(2) }} </el-input> </template> </el-table-column> - <el-table-column - prop="hotelexpense" - label="浣忓璐�" - align="center" - width="120" - > + <el-table-column prop="hotelexpense" label="浣忓璐�" align="center" width="120"> <template slot-scope="scope"> - <el-input - v-model="scope.row.hotelexpense" - placeholder="浣忓璐�" - @blur=" - val => { - sumRowFee(scope.row); - } - " - /> + <el-input v-model="scope.row.hotelexpense" placeholder="浣忓璐�" @blur="val => { + sumRowFee(scope.row); + } + " /> </template> </el-table-column> @@ -552,118 +322,52 @@ /> </template> </el-table-column> --> - <el-table-column - prop="foodallowance" - label="浼欓琛ュ姪" - align="center" - width="120" - > + <el-table-column prop="foodallowance" label="浼欓琛ュ姪" align="center" width="120"> <template slot-scope="scope"> - <el-input - v-model="scope.row.foodallowance" - placeholder="浼欓璐硅ˉ鍔�" - @blur=" - val => { - sumRowFee(scope.row); - } - " - /> + <el-input v-model="scope.row.foodallowance" placeholder="浼欓璐硅ˉ鍔�" @blur="val => { + sumRowFee(scope.row); + } + " /> </template> </el-table-column> - <el-table-column - prop="otherexpense" - label="鍏潅璐硅ˉ鍔�" - align="center" - width="120" - > + <el-table-column prop="otherexpense" label="鍏潅璐硅ˉ鍔�" align="center" width="120"> <template slot-scope="scope"> - <el-input - v-model="scope.row.otherexpense" - placeholder="鏉傝垂" - @blur=" - val => { - sumRowFee(scope.row); - } - " - /> + <el-input v-model="scope.row.otherexpense" placeholder="鏉傝垂" @blur="val => { + sumRowFee(scope.row); + } + " /> </template> </el-table-column> - <el-table-column - prop="otherfeeamount" - label="鍏朵粬璐圭敤" - align="center" - width="120" - > + <el-table-column prop="otherfeeamount" label="鍏朵粬璐圭敤" align="center" width="120"> <template slot-scope="scope"> - <el-input - v-model="scope.row.otherfeeamount" - placeholder="鍏朵粬璐圭敤" - @blur=" - val => { - sumRowFee(scope.row); - } - " - /> + <el-input v-model="scope.row.otherfeeamount" placeholder="鍏朵粬璐圭敤" @blur="val => { + sumRowFee(scope.row); + } + " /> </template> </el-table-column> - <el-table-column - prop="departure" - slot="" - label="鍏朵粬璐圭敤璇存槑" - align="center" - width="120" - > + <el-table-column prop="departure" slot="" label="鍏朵粬璐圭敤璇存槑" align="center" width="120"> <template slot-scope="scope"> - <el-input - v-model="scope.row.otherfeedesc" - placeholder="鍏朵粬璐圭敤璇存槑" - /> + <el-input v-model="scope.row.otherfeedesc" placeholder="鍏朵粬璐圭敤璇存槑" /> </template> </el-table-column> - <el-table-column - prop="total" - label="鍚堣" - align="center" - width="110" - fixed="right" - > + <el-table-column prop="total" label="鍚堣" align="center" width="110" fixed="right"> <template slot-scope="scope"> <el-input v-model="scope.row.total" placeholder="鍚堣" /> </template> </el-table-column> - <el-table-column - fixed="right" - label="鎿嶄綔" - align="center" - width="120" - > + <el-table-column fixed="right" label="鎿嶄綔" align="center" width="120"> <template slot-scope="scope"> - <el-button - type="text" - size="mini" - @click="addDetailRow(scope.$index)" - v-if="operationType == 'edit'" - >鏂板</el-button - > - <el-button - @click.native.prevent=" - deleteDetailRow(scope.$index, rbDetails, scope.row) - " - type="text" - size="small" - v-if="operationType == 'edit'" - >鍒犻櫎</el-button - > - <el-button - @click.native.prevent=" - Filepopup(scope.$index, rbDetails, scope.row) - " - type="text" - size="small" - >绁ㄦ嵁</el-button - > + <el-button type="text" size="mini" @click="addDetailRow(scope.$index)" + v-if="operationType == 'edit'">鏂板</el-button> + <el-button @click.native.prevent=" + deleteDetailRow(scope.$index, rbDetails, scope.row) + " type="text" size="small" v-if="operationType == 'edit'">鍒犻櫎</el-button> + <el-button @click.native.prevent=" + Filepopup(scope.$index, rbDetails, scope.row) + " type="text" size="small">绁ㄦ嵁</el-button> </template> </el-table-column> </el-table> @@ -672,154 +376,61 @@ <el-col :span="20">鎵撴鏄庣粏</el-col> </el-row> <el-row style="margin-top: 5px"> - <el-table - :data="rbPayees" - border - max-height="400" - highlight-current-row - :summary-method="getSummaries" - show-summary - > - <el-table-column - prop="orderno" - slot="" - label="搴忓彿" - align="center" - fixed - width="65" - > + <el-table :data="rbPayees" border max-height="400" highlight-current-row :summary-method="getSummaries" + show-summary> + <el-table-column prop="orderno" slot="" label="搴忓彿" align="center" fixed width="65"> <template slot-scope="scope"> <el-input v-model="scope.row.orderno" placeholder="搴忓彿" /> </template> </el-table-column> <!--涓婚敭銆佸閿笉灞曠ず--> - <el-table-column - prop="id" - slot="" - label="涓婚敭" - align="center" - fixed - width="95" - v-if="false" - > + <el-table-column prop="id" slot="" label="涓婚敭" align="center" fixed width="95" v-if="false"> <template slot-scope="scope"> <el-input v-model="scope.row.id" placeholder="id" /> </template> </el-table-column> - <el-table-column - prop="rbid" - slot="" - label="澶栭敭" - align="center" - fixed - width="95" - v-if="false" - > + <el-table-column prop="rbid" slot="" label="澶栭敭" align="center" fixed width="95" v-if="false"> <template slot-scope="scope"> <el-input v-model="scope.row.rbid" placeholder="rbid" /> </template> </el-table-column> - <el-table-column - prop="persontype" - slot="" - label="浜哄憳绫诲埆" - align="center" - fixed - width="130" - > + <el-table-column prop="persontype" slot="" label="鏀舵浜虹被鍒�" align="center" fixed width="150"> <template slot-scope="scope"> - <el-select - v-model="scope.row.persontype" - value-key="value" - placeholder="浜哄憳绫诲埆" - @change="getPersons(scope.row)" - > - <el-option - v-for="dict in dict.type.sys_travelexpensebelong" - :key="dict.value" - :label="dict.label" - :value="dict.label" - ></el-option> + <el-select v-model="scope.row.persontype" value-key="value" placeholder="鏀舵浜虹被鍒�" + @change="getPersons(scope.row)"> + <el-option v-for="dict in dict.type.sys_travelexpensebelong" :key="dict.value" :label="dict.label" + :value="dict.label"></el-option> </el-select> </template> </el-table-column> - <el-table-column - prop="personname" - slot="" - label="鏀舵浜�" - align="center" - fixed - width="110" - > + <el-table-column prop="personname" slot="" label="鏀舵浜�" align="center" fixed width="200"> <template slot-scope="scope"> - <el-select - v-model="scope.row.personname" - clearable - filterable - allow-create - ref="getReportname" - default-first-option - placeholder="璇烽�夋嫨" - @change="getAccountinfo2(scope.row, scope.row.persontype)" - > - <el-option - v-for="item in personsSel" - :key="item.reportNo" - :label="item.reportName" - :value="item.reportName" - > + <el-select v-model="scope.row.personname" clearable filterable allow-create ref="getReportname" + default-first-option placeholder="璇烽�夋嫨" @change="getAccountinfo2(scope.row, scope.row.persontype)"> + <el-option v-for="item in personsSel" :key="item.reportNo" :label="item.reportName" + :value="item.reportName"> </el-option> </el-select> </template> </el-table-column> - <el-table-column - prop="bankname" - slot="" - label="閾惰鍚嶇О" - align="center" - fixed - width="200" - > + <el-table-column prop="bankname" slot="" label="鏀舵閾惰" align="center" fixed width="250"> <template slot-scope="scope"> - <el-input v-model="scope.row.bankname" placeholder="閾惰鍚嶇О" /> + <el-input v-model="scope.row.bankname" placeholder="鏀舵閾惰" /> </template> </el-table-column> - <el-table-column - prop="bankcardno" - slot="" - label="閾惰鍗″彿" - align="center" - fixed - width="200" - > + <el-table-column prop="bankcardno" slot="" label="閾惰璐﹀彿" align="center" fixed width="200"> <template slot-scope="scope"> - <el-input - v-model="scope.row.bankcardno" - placeholder="閾惰鍗″彿" - /> + <el-input v-model="scope.row.bankcardno" placeholder="閾惰璐﹀彿" /> </template> </el-table-column> - <el-table-column - prop="amount" - slot="" - label="鎵撴閲戦" - align="center" - fixed - width="130" - > + <el-table-column prop="amount" slot="" label="鎵撴閲戦" align="center" fixed width="130"> <template slot-scope="scope"> <el-input v-model="scope.row.amount" placeholder="鎵撴閲戦" /> </template> </el-table-column> - <el-table-column - prop="remark" - slot="" - label="璇锋璇存槑" - align="center" - fixed - > + <el-table-column prop="remark" slot="" label="璇锋璇存槑" align="center" fixed> <template slot-scope="scope"> <el-input v-model="scope.row.remark" placeholder="璇存槑" /> </template> @@ -832,74 +443,36 @@ </el-date-picker> </template> </el-table-column>--> - <el-table-column - label="鎿嶄綔" - align="center" - width="100" - v-if="operationType == 'edit'" - > + <el-table-column label="鎿嶄綔" align="center" width="100" v-if="operationType == 'edit'"> <template slot-scope="scope"> - <el-button - type="text" - size="mini" - @click="addPayeeRow(scope.$index)" - >鏂板</el-button - > - <el-button - @click.native.prevent=" - deletePayeeRow(scope.$index, rbPayees, scope.row) - " - type="text" - size="small" - > + <el-button type="text" size="mini" @click="addPayeeRow(scope.$index)">鏂板</el-button> + <el-button @click.native.prevent=" + deletePayeeRow(scope.$index, rbPayees, scope.row) + " type="text" size="small"> 鍒犻櫎 </el-button> </template> </el-table-column> </el-table> </el-row> - <el-row - style="margin-top: 25px; margin-bottom: 5px" - v-if="operationType != 'edit'" - > + <el-row style="margin-top: 25px; margin-bottom: 5px" v-if="operationType != 'edit'"> <el-col :span="20">瀹℃牳璁板綍</el-col> </el-row> <el-row v-if="operationType != 'add'"> <el-table :data="fundflowList" border> - <el-table-column - label="瀹℃牳鏃ユ湡" - align="center" - width="200" - prop="createTime" - /> - <el-table-column - label="瀹℃牳浜�" - align="center" - width="150" - prop="checkusername" - /> - <el-table-column - label="瀹℃牳缁撴灉" - align="center" - width="200" - prop="flowconclusion" - > + <el-table-column label="瀹℃牳鏃ユ湡" align="center" width="200" prop="createTime" /> + <el-table-column label="瀹℃牳浜�" align="center" width="150" prop="checkusername" /> + <el-table-column label="瀹℃牳缁撴灉" align="center" width="200" prop="flowconclusion"> <template slot-scope="scope"> <span v-if="scope.row.flowconclusion == 1">閫氳繃</span> <span v-if="scope.row.flowconclusion == 2">涓嶉�氳繃</span> </template> </el-table-column> - <el-table-column - label="瀹℃牳澶囨敞" - align="center" - prop="flowcontent" - /> + <el-table-column label="瀹℃牳澶囨敞" align="center" prop="flowcontent" /> </el-table> </el-row> - <el-row - style="margin-top: 25px; margin-bottom: 5px" - v-if="operationType == 'check' && userprofile.nickName == '闄堟厱鍗�'" - > + <el-row style="margin-top: 25px; margin-bottom: 5px" + v-if="operationType == 'check' && userprofile.nickName == '闄堟厱鍗�'"> <el-col :span="12"> <el-form-item label="鐢宠鏉愭枡鐘舵��" prop="infoid"> <el-radio-group v-model="form.checkstatus" align="left"> @@ -911,10 +484,7 @@ </el-col> </el-row> - <el-row - style="margin-top: 25px; margin-bottom: 5px" - v-if="operationType == 'check'" - > + <el-row style="margin-top: 25px; margin-bottom: 5px" v-if="operationType == 'check'"> <el-col :span="7"> <el-form-item label="瀹℃牳缁撴灉" align="left"> <el-radio-group v-model="checkObj.flowlevelone" align="left"> @@ -933,30 +503,15 @@ </el-row> </el-form> <div slot="footer" class="dialog-footer"> - <el-button - type="primary" - @click="submitForm" - v-if="operationType == 'edit' || userprofile.nickName == '闄堟厱鍗�'" - >淇� 瀛�</el-button - > - <el-button - type="primary" - @click="checksubmit" - v-if="operationType == 'check'" - >鎻愪氦瀹℃牳</el-button - > + <el-button type="primary" @click="submitForm" v-if="operationType == 'edit' || userprofile.nickName == '闄堟厱鍗�'">淇� + 瀛�</el-button> + <el-button type="primary" @click="checksubmit" v-if="operationType == 'check'">鎻愪氦瀹℃牳</el-button> <!--<el-button @click="cancel">閫� 鍑�</el-button>--> </div> </div> - <el-dialog - v-dialogDrags - :modal="false" - :close-on-click-modal="false" - :title="pdftitle" - :visible.sync="pdfVisible" - width="60%" - > + <el-dialog v-dialogDrags :modal="false" :close-on-click-modal="false" :title="pdftitle" :visible.sync="pdfVisible" + width="60%"> <div> <el-table :data="tableDatatop" style="width: 100%"> <el-table-column prop="orderno" label="搴忓彿"> </el-table-column> @@ -986,59 +541,24 @@ </el-table-column> </el-table> </div> - <el-tabs - style="margin-top: 20px;" - v-model="activeName" - type="border-card" - @tab-click="handleClick" - > + <el-tabs style="margin-top: 20px;" v-model="activeName" type="border-card" @tab-click="handleClick"> <el-tab-pane label="鏅�氶檮浠�" :name="1"> <div class="pdfimg"> <div class="box-pdf"> <div> - <el-upload - size="mini" - class="upload-demo" - :action="uploadFileUrl" - :file-list="fileListto" - :show-file-list="false" - multiple - drag - :headers="headers" - :on-success=" - (response, file, fileList) => + <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileListto" + :show-file-list="false" multiple drag :headers="headers" :on-success="(response, file, fileList) => uploadSccess(response, file, fileList) - " - :on-preview="downFile" - :disabled="operationType == 'detail'" - :on-error="handleUploadError" - :on-remove="remove" - accept="image/*,.pdf" - > + " :on-preview="downFile" :disabled="operationType == 'detail'" :on-error="handleUploadError" + :on-remove="remove" accept="image/*,.pdf"> <i class="el-icon-upload"></i> <div class="el-upload__text"> 灏嗙エ鎹嫋鍒版澶勶紝鎴� - <em - ><el-button - :disabled="operationType == 'detail'" - size="small" - type="primary" - >鐐瑰嚮涓婁紶</el-button - ></em - > + <em><el-button :disabled="operationType == 'detail'" size="small" type="primary">鐐瑰嚮涓婁紶</el-button></em> </div> </el-upload> - <el-table - :data="fileListto" - @row-click="downFile" - style="width: 100%" - height="400" - > - <el-table-column - prop="name" - :show-overflow-tooltip="true" - label="鍚嶇О" - > + <el-table :data="fileListto" @row-click="downFile" style="width: 100%" height="400"> + <el-table-column prop="name" :show-overflow-tooltip="true" label="鍚嶇О"> <template slot-scope="scope"> <i style="color:#409EFF" class=" el-icon-s-order" />{{ scope.row.name @@ -1046,41 +566,21 @@ </template> </el-table-column> - <el-table-column - prop="name" - width="180" - :show-overflow-tooltip="true" - label="鍔熻兘" - > + <el-table-column prop="name" width="180" :show-overflow-tooltip="true" label="鍔熻兘"> <template slot-scope="scope"> - <el-button - type="primary" - size="mini" - @click.native.prevent.stop="deletedowfile(scope.row)" - >鍒犻櫎</el-button - > - <el-button - type="primary" - size="mini" - @click.native.prevent.stop="moveupdowfile(scope.row)" - >涓婄Щ</el-button - > + <el-button type="primary" size="mini" + @click.native.prevent.stop="deletedowfile(scope.row)">鍒犻櫎</el-button> + <el-button type="primary" size="mini" + @click.native.prevent.stop="moveupdowfile(scope.row)">涓婄Щ</el-button> </template> </el-table-column> </el-table> </div> </div> - <div - v-if="this.previewpdf && pdfimgsrcList.length" - class="pdfimgmin" - > + <div v-if="this.previewpdf && pdfimgsrcList.length" class="pdfimgmin"> <!-- <img :src="pdfimg" /> --> - <el-image - style="width: 95%; height: 90%" - :src="pdfimg" - :preview-src-list="pdfimgsrcList" - > + <el-image style="width: 95%; height: 90%" :src="pdfimg" :preview-src-list="pdfimgsrcList"> <!-- <div slot="error" class="image-slot"> <i class="el-icon-picture-outline"></i> </div> --> @@ -1093,49 +593,19 @@ <div class="pdfimg"> <div class="box-pdf"> <div> - <el-upload - size="mini" - class="upload-demo" - :action="uploadFileUrl" - :file-list="invoicefileList" - :show-file-list="false" - multiple - drag - :headers="headers" - :on-success=" - (response, file, fileList) => + <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="invoicefileList" + :show-file-list="false" multiple drag :headers="headers" :on-success="(response, file, fileList) => uploadSccess(response, file, fileList) - " - :on-preview="downFile" - :disabled="operationType == 'detail'" - :on-error="handleUploadError" - :on-remove="remove" - accept="image/*,.pdf" - > + " :on-preview="downFile" :disabled="operationType == 'detail'" :on-error="handleUploadError" + :on-remove="remove" accept="image/*,.pdf"> <i class="el-icon-upload"></i> <div class="el-upload__text"> 灏嗗彂绁ㄦ枃浠舵嫋鍒版澶勶紝鎴� - <em - ><el-button - :disabled="operationType == 'detail'" - size="small" - type="primary" - >鐐瑰嚮涓婁紶</el-button - ></em - > + <em><el-button :disabled="operationType == 'detail'" size="small" type="primary">鐐瑰嚮涓婁紶</el-button></em> </div> </el-upload> - <el-table - :data="invoicefileListto" - @row-click="downFile" - style="width: 100%" - height="400" - > - <el-table-column - prop="name" - :show-overflow-tooltip="true" - label="鍚嶇О" - > + <el-table :data="invoicefileListto" @row-click="downFile" style="width: 100%" height="400"> + <el-table-column prop="name" :show-overflow-tooltip="true" label="鍚嶇О"> <template slot-scope="scope"> <i style="color:#409EFF" class=" el-icon-s-order" />{{ scope.row.name @@ -1143,60 +613,36 @@ </template> </el-table-column> - <el-table-column - prop="name" - width="180" - :show-overflow-tooltip="true" - label="鍔熻兘" - > + <el-table-column prop="name" width="180" :show-overflow-tooltip="true" label="鍔熻兘"> <template slot-scope="scope"> - <el-button - type="primary" - size="mini" - @click.native.prevent.stop="deletedowfile(scope.row)" - >鍒犻櫎</el-button - > - <el-button - type="primary" - size="mini" - @click.native.prevent.stop="moveupdowfile(scope.row)" - >涓婄Щ</el-button - > + <el-button type="primary" size="mini" + @click.native.prevent.stop="deletedowfile(scope.row)">鍒犻櫎</el-button> + <el-button type="primary" size="mini" + @click.native.prevent.stop="moveupdowfile(scope.row)">涓婄Щ</el-button> </template> </el-table-column> </el-table> </div> </div> - <div - v-if="this.previewpdf && invoicepdfimgsrcList.length" - class="pdfimgmin" - > + <div v-if="this.previewpdf && invoicepdfimgsrcList.length" class="pdfimgmin"> <!-- <img :src="pdfimg" /> --> - <el-image - style="width: 95%; height: 90%" - :src="invoicepdfimg" - :preview-src-list="invoicepdfimgsrcList" - > + <el-image style="width: 95%; height: 90%" :src="invoicepdfimg" :preview-src-list="invoicepdfimgsrcList"> <!-- <div slot="error" class="image-slot"> <i class="el-icon-picture-outline"></i> </div> --> </el-image> </div> <div v-else class="pdfimgmins">{{ hintitle }}</div> - </div></el-tab-pane - > + </div> + </el-tab-pane> </el-tabs> </el-dialog> <el-dialog title="鎻愮ず" :visible.sync="Savereminder" width="30%"> - <el-alert - :title=" - '鎮ㄥ凡娣诲姞' + - totalquantity + - '鏉℃暟鎹紝涓洪槻姝㈡暟鎹涪澶辨槸鍚︽彁浜や繚瀛樺啀缁х画娣诲姞銆�' - " - type="warning" - > + <el-alert :title="'鎮ㄥ凡娣诲姞' + + totalquantity + + '鏉℃暟鎹紝涓洪槻姝㈡暟鎹涪澶辨槸鍚︽彁浜や繚瀛樺啀缁х画娣诲姞銆�' + " type="warning"> </el-alert> <span slot="footer" class="dialog-footer"> <el-button @click="unsave">鍙� 娑�</el-button> @@ -1359,7 +805,7 @@ reimbursementList: [], // 琛ㄥ崟鏍¢獙 - rules: { + rules: { reason: [ { required: true, message: "璇疯緭鍏ュ嚭宸簨鐢�", trigger: "blur" } ], @@ -1501,7 +947,7 @@ if ( (JSON.stringify(this.form) == sessionStorage.getItem("apiform") && JSON.stringify(this.rbDetails) == - sessionStorage.getItem("apifunddetail")) || + sessionStorage.getItem("apifunddetail")) || !sessionStorage.getItem("apifunddetail") ) { } else { @@ -1514,7 +960,7 @@ } }, - handleUploadError() {}, + handleUploadError() { }, // 鑾峰彇璇锋眰澶� Getnetworkheader() { console.log(window.location.href); @@ -1834,7 +1280,7 @@ row.days = ( Math.floor( Math.abs(Date.parse(row.starttime) - Date.parse(row.endtime)) / - (1000 * 3600 * 24) + (1000 * 3600 * 24) ) + 1 ).toString(); } else { @@ -2159,13 +1605,13 @@ this.fileListto = this.form.annexfiles ? this.form.annexfiles - .split(",") - .map(item => ({ url: item, name: item })) + .split(",") + .map(item => ({ url: item, name: item })) : []; this.invoicefileListto = this.form.invoicefilesList ? this.form.invoicefilesList - .split(",") - .map(item => ({ url: item, name: item })) + .split(",") + .map(item => ({ url: item, name: item })) : []; this.form.recordstatus = response.data.recordstatus + ""; sessionStorage.removeItem("apiform"); @@ -2224,13 +1670,13 @@ //绁ㄦ嵁 this.fileListto = this.form.annexfiles ? this.form.annexfiles - .split(",") - .map(item => ({ url: item, name: item })) + .split(",") + .map(item => ({ url: item, name: item })) : []; this.invoicefileListto = this.form.invoicefilesList ? this.form.invoicefilesList - .split(",") - .map(item => ({ url: item, name: item })) + .split(",") + .map(item => ({ url: item, name: item })) : []; //瀹℃牳鐘舵�� this.form.recordstatus = response.data.recordstatus + ""; @@ -2282,13 +1728,13 @@ //绁ㄦ嵁 this.fileListto = this.form.annexfiles ? this.form.annexfiles - .split(",") - .map(item => ({ url: item, name: item })) + .split(",") + .map(item => ({ url: item, name: item })) : []; this.invoicefileListto = this.form.invoicefilesList ? this.form.invoicefilesList - .split(",") - .map(item => ({ url: item, name: item })) + .split(",") + .map(item => ({ url: item, name: item })) : []; //瀹℃牳鐘舵�� @@ -2365,9 +1811,10 @@ }, /** 鎻愪氦淇濆瓨鎸夐挳 */ - submitForm: debounce(function(data) { + submitForm: debounce(function (data) { this.$refs["form"].validate(valid => { if (valid) { + //绁ㄦ嵁鏂囦欢澶勭悊 const addnumber = this.rbPayees.reduce( (amount, item) => amount + Number(item.amount), @@ -2421,6 +1868,21 @@ this.$router.go(-1); } else { this.form.recordstatus = -1; + // 鐢宠鏃堕棿 + var currenttime = new Date(); + this.form.applyTime = + currenttime.getFullYear() + + "-" + + (currenttime.getMonth() + 1) + + "-" + + currenttime.getDate() + + " " + + currenttime.getHours() + + ":" + + currenttime.getMinutes() + + ":" + + currenttime.getSeconds(); + addReimbursement(this.form) .then(response => { //淇濆瓨鏄庣粏 @@ -2462,7 +1924,7 @@ const ids = row.id || this.ids; this.$modal .confirm("鏄惁纭鍒犻櫎璇ユ潯璁板綍锛�") - .then(function() { + .then(function () { // 鍒犻櫎details鍐呯殑鏁版嵁 return delReimbursement(ids); }) @@ -2471,7 +1933,7 @@ this.getList(); this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }) - .catch(() => {}); + .catch(() => { }); }, /** 瀵煎嚭鎸夐挳鎿嶄綔 */ @@ -2487,7 +1949,7 @@ this.$download.name(response.msg); this.exportLoading = false; }) - .catch(() => {}); + .catch(() => { }); }, // 鍙栨秷鎻愰啋 unsave() { @@ -2877,7 +2339,7 @@ this.form.amountrequested = allSum.toFixed(2); this.form.bigstrmoney = this.convertCurrency(this.form.amountrequested); - } catch {} + } catch { } }, //閲戦鏁板瓧杞崲鎴愬ぇ鍐� @@ -3105,6 +2567,7 @@ line-height: 36px; text-align: center; } + ::v-deep .el-alert__title { font-size: 20px; line-height: 20px; -- Gitblit v1.9.3