|
|
@@ -8,14 +8,7 @@
|
|
|
<el-divider></el-divider>
|
|
|
<!-- 表头 -->
|
|
|
<div>
|
|
|
- <el-form
|
|
|
- ref="searchForm"
|
|
|
- :rules="rulesForm"
|
|
|
- :model="searchForm"
|
|
|
- label-width="100px"
|
|
|
- size="small"
|
|
|
- label-position="left"
|
|
|
- >
|
|
|
+ <el-form ref="searchForm" :rules="rulesForm" :model="searchForm" label-width="100px" size="small" label-position="left">
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
|
<el-form-item label="单据类型" prop="">
|
|
|
@@ -25,11 +18,7 @@
|
|
|
|
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
|
<el-form-item label="单据来源" prop="source">
|
|
|
- <el-select
|
|
|
- class="selectStyle"
|
|
|
- v-model="searchForm.source"
|
|
|
- placeholder="请选择"
|
|
|
- >
|
|
|
+ <el-select class="selectStyle" v-model="searchForm.source" placeholder="请选择">
|
|
|
<el-option value="工程押金"> </el-option>
|
|
|
<el-option value="保证金"> </el-option>
|
|
|
<el-option value="工程价差"> </el-option>
|
|
|
@@ -39,27 +28,13 @@
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
|
<el-form-item label="业务日期" prop="">
|
|
|
- <el-date-picker
|
|
|
- disabled
|
|
|
- class="selectStyle"
|
|
|
- type="datetime"
|
|
|
- placeholder="系统自动生成"
|
|
|
- default-time="23:59:59"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- >
|
|
|
+ <el-date-picker disabled class="selectStyle" type="datetime" placeholder="系统自动生成" default-time="23:59:59" value-format="yyyy-MM-dd HH:mm:ss">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
|
<el-form-item label="到期日" prop="endTime">
|
|
|
- <el-date-picker
|
|
|
- class="selectStyle"
|
|
|
- v-model="searchForm.endTime"
|
|
|
- type="datetime"
|
|
|
- placeholder="选择日期时间"
|
|
|
- default-time="23:59:59"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- >
|
|
|
+ <el-date-picker class="selectStyle" v-model="searchForm.endTime" type="datetime" placeholder="选择日期时间" default-time="23:59:59" value-format="yyyy-MM-dd HH:mm:ss">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -75,21 +50,14 @@
|
|
|
|
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
|
<el-form-item label="单据状态" prop="examineStatus">
|
|
|
- <el-select
|
|
|
- class="selectStyle"
|
|
|
- v-model="searchForm.examineStatus"
|
|
|
- placeholder="请选择"
|
|
|
- >
|
|
|
+ <el-select class="selectStyle" v-model="searchForm.examineStatus" placeholder="请选择">
|
|
|
<el-option value="SAVE" label="暂存"> </el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
|
<el-form-item label="备注" prop="">
|
|
|
- <el-input
|
|
|
- v-model="searchForm.remark"
|
|
|
- placeholder="请输入"
|
|
|
- ></el-input>
|
|
|
+ <el-input v-model="searchForm.remark" placeholder="请输入"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -100,127 +68,52 @@
|
|
|
<!-- 列表 -->
|
|
|
<div class="mymain-container">
|
|
|
<div class="table">
|
|
|
- <el-table
|
|
|
- v-loading="listLoading"
|
|
|
- :data="dataList"
|
|
|
- element-loading-text="Loading"
|
|
|
- border
|
|
|
- fit
|
|
|
- highlight-current-row
|
|
|
- stripe
|
|
|
- :row-class-name="rouClassNameFn"
|
|
|
- @row-click="onRowClick"
|
|
|
- >
|
|
|
+ <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe :row-class-name="rouClassNameFn" @row-click="onRowClick">
|
|
|
<el-table-column align="center" label="序号">
|
|
|
<template slot-scope="scope">
|
|
|
{{ scope.$index + 1 }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="*经销商名称"
|
|
|
- prop="customerName"
|
|
|
- min-width="160"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table-column align="center" label="*经销商名称" prop="customerName" min-width="160" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
- <el-select
|
|
|
- @change="changeCustomerFn($event, scope.$index)"
|
|
|
- v-model="scope.row.customerId"
|
|
|
- placeholder="请选择"
|
|
|
- filterable
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item, i) in customerList"
|
|
|
- :key="i"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- >
|
|
|
+ <el-select @change="changeCustomerFn($event, scope.$index)" v-model="scope.row.customerId" placeholder="请选择" filterable>
|
|
|
+ <el-option v-for="(item, i) in customerList" :key="i" :label="item.name" :value="item.id">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="费用项目编码"
|
|
|
- prop="projectCode"
|
|
|
- min-width="160"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table-column align="center" label="费用项目编码" prop="projectCode" min-width="160" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
<el-input v-model="scope.row.projectCode"></el-input>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="*项目费用名称"
|
|
|
- prop="projectName"
|
|
|
- min-width="160"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table-column align="center" label="*项目费用名称" prop="projectName" min-width="160" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
<el-input v-model="scope.row.projectName"></el-input>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="*费用承担部门"
|
|
|
- prop="departmentId"
|
|
|
- min-width="160"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table-column align="center" label="*费用承担部门" prop="departmentId" min-width="160" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
<el-input v-model="scope.row.departmentId"></el-input>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="*收入部门"
|
|
|
- prop="incomeDept"
|
|
|
- min-width="160"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table-column align="center" label="*收入部门" prop="incomeDept" min-width="160" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
<el-input v-model="scope.row.incomeDept"></el-input>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="现金钱包"
|
|
|
- prop="walletId"
|
|
|
- min-width="160"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table-column align="center" label="现金钱包" prop="walletId" min-width="160" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
- <el-select
|
|
|
- filterable
|
|
|
- v-model="scope.row.customerWalletId"
|
|
|
- placeholder="请选择"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in scope.row.walletList"
|
|
|
- :key="item.customerWalletId"
|
|
|
- :label="item.customerWalletName"
|
|
|
- :value="item.customerWalletId"
|
|
|
- >
|
|
|
+ <el-select filterable v-model="scope.row.customerWalletId" placeholder="请选择">
|
|
|
+ <el-option v-for="item in scope.row.walletList" :key="item.customerWalletId" :label="item.customerWalletName" :value="item.customerWalletId">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="*发票类型"
|
|
|
- prop="invoiceType"
|
|
|
- min-width="160"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table-column align="center" label="*发票类型" prop="invoiceType" min-width="160" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
<!-- <el-input v-model="scope.row.invoiceType"></el-input> -->
|
|
|
- <el-select
|
|
|
- filterable
|
|
|
- v-model="scope.row.invoiceType"
|
|
|
- placeholder="请选择"
|
|
|
- >
|
|
|
+ <el-select filterable v-model="scope.row.invoiceType" placeholder="请选择">
|
|
|
<el-option label="普通发票" value=""> </el-option>
|
|
|
<el-option label="增值税发票" value="1"> </el-option>
|
|
|
<el-option label="机票" value="P"> </el-option>
|
|
|
@@ -255,43 +148,17 @@
|
|
|
<el-input type="number" v-model="scope.row.tax"></el-input>
|
|
|
</template>
|
|
|
</el-table-column> -->
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="*总金额"
|
|
|
- prop="tax"
|
|
|
- min-width="160"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table-column align="center" label="*总金额" prop="tax" min-width="160" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- v-model="scope.row.totalAmount"
|
|
|
- ></el-input>
|
|
|
+ <el-input type="number" v-model="scope.row.totalAmount"></el-input>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="税率%"
|
|
|
- prop=""
|
|
|
- min-width="160"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table-column align="center" label="税率%" prop="" min-width="160" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- :min="0"
|
|
|
- oninput="if(value>100)value=100;if(value<0)value=0"
|
|
|
- v-model="scope.row.taxRate"
|
|
|
- ></el-input>
|
|
|
+ <el-input type="number" :min="0" oninput="if(value>100)value=100;if(value<0)value=0" v-model="scope.row.taxRate"></el-input>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="备注"
|
|
|
- prop="remark"
|
|
|
- min-width="160"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table-column align="center" label="备注" prop="remark" min-width="160" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
<el-input v-model="scope.row.remark"></el-input>
|
|
|
</template>
|
|
|
@@ -302,18 +169,12 @@
|
|
|
<!-- 按钮 -->
|
|
|
<div class="btn-group clearfix">
|
|
|
<div class="fl">
|
|
|
- <el-button type="primary" size="small" @click="addFn"
|
|
|
- >提交审核</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" size="small" @click="addFn">提交审核</el-button>
|
|
|
<el-button type="primary" size="small" @click="resetFn">重置</el-button>
|
|
|
</div>
|
|
|
<div class="fr">
|
|
|
- <el-button type="primary" size="small" @click="addRowFn"
|
|
|
- >添加行</el-button
|
|
|
- >
|
|
|
- <el-button type="primary" size="small" @click="delRowFn"
|
|
|
- >删除行</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" size="small" @click="addRowFn">添加行</el-button>
|
|
|
+ <el-button type="primary" size="small" @click="delRowFn">删除行</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -511,8 +372,8 @@ export default {
|
|
|
addRowFn() {
|
|
|
this.dataList.push({
|
|
|
customerId: "",
|
|
|
- projectCode: "CI004",
|
|
|
- projectName: "收差价",
|
|
|
+ projectCode: "FYXM01_SYS",
|
|
|
+ projectName: "材料成本",
|
|
|
departmentId: "",
|
|
|
customerWalletId: "",
|
|
|
invoiceType: "",
|
chen