|
@@ -9,13 +9,22 @@
|
|
label-width="68px"
|
|
label-width="68px"
|
|
>
|
|
>
|
|
<el-form-item label="发票日期" prop="invoiceDate">
|
|
<el-form-item label="发票日期" prop="invoiceDate">
|
|
- <el-date-picker
|
|
|
|
|
|
+ <!-- <el-date-picker
|
|
clearable
|
|
clearable
|
|
v-model="queryParams.invoiceDate"
|
|
v-model="queryParams.invoiceDate"
|
|
type="date"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="请选择发票日期"
|
|
placeholder="请选择发票日期"
|
|
>
|
|
>
|
|
|
|
+ </el-date-picker> -->
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="timeRange"
|
|
|
|
+ type="daterange"
|
|
|
|
+ range-separator="至"
|
|
|
|
+ start-placeholder="开始日期"
|
|
|
|
+ end-placeholder="结束日期"
|
|
|
|
+ @change="timeRangeChange"
|
|
|
|
+ >
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="客户" prop="customerId">
|
|
<el-form-item label="客户" prop="customerId">
|
|
@@ -145,7 +154,6 @@
|
|
@selection-change="handleSelectionChange"
|
|
@selection-change="handleSelectionChange"
|
|
>
|
|
>
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
- <el-table-column label="编号" align="center" prop="id" />
|
|
|
|
<el-table-column
|
|
<el-table-column
|
|
label="发票日期"
|
|
label="发票日期"
|
|
align="center"
|
|
align="center"
|
|
@@ -156,14 +164,16 @@
|
|
<span>{{ parseTime(scope.row.invoiceDate, "{y}-{m}-{d}") }}</span>
|
|
<span>{{ parseTime(scope.row.invoiceDate, "{y}-{m}-{d}") }}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column label="客户编号" align="center" prop="customerId" />
|
|
|
|
- <el-table-column
|
|
|
|
- label="结算单位"
|
|
|
|
- align="center"
|
|
|
|
- prop="settlementUnitId"
|
|
|
|
- />
|
|
|
|
- <el-table-column label="发票号" align="center" prop="invoiceNumber" />
|
|
|
|
- <el-table-column label="发票类型" align="center" prop="invoiceType" />
|
|
|
|
|
|
+ <el-table-column label="客户" align="center" prop="customName" />
|
|
|
|
+ <el-table-column label="结算单位" align="center" prop="settlementUnit" />
|
|
|
|
+ <el-table-column label="单据号" align="center" prop="invoiceNumber" />
|
|
|
|
+ <el-table-column label="发票类型" align="center" prop="invoiceType">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ {{
|
|
|
|
+ getDictLabel(scope.row.invoiceType, "finished_product_invoice_type")
|
|
|
|
+ }}
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
<el-table-column label="开票金额" align="center" prop="billingAmount" />
|
|
<el-table-column label="开票金额" align="center" prop="billingAmount" />
|
|
<el-table-column label="经手人" align="center" prop="personInCharge" />
|
|
<el-table-column label="经手人" align="center" prop="personInCharge" />
|
|
<el-table-column label="备注" align="center" prop="remark" />
|
|
<el-table-column label="备注" align="center" prop="remark" />
|
|
@@ -429,12 +439,14 @@ import {
|
|
updateSettlementUnit,
|
|
updateSettlementUnit,
|
|
deleteSettlementUnit,
|
|
deleteSettlementUnit,
|
|
} from "@/api/system/SaleRegistrationCollection";
|
|
} from "@/api/system/SaleRegistrationCollection";
|
|
|
|
+import moment from "moment";
|
|
|
|
|
|
export default {
|
|
export default {
|
|
name: "finishedProductInvoice",
|
|
name: "finishedProductInvoice",
|
|
dicts: ["finished_product_invoice_type"],
|
|
dicts: ["finished_product_invoice_type"],
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ timeRange: [],
|
|
queryUnitList: [], //查询表单的结算单位列表
|
|
queryUnitList: [], //查询表单的结算单位列表
|
|
settleTableData: [], //结算单位列表
|
|
settleTableData: [], //结算单位列表
|
|
innerVisible: false, //结算单位弹窗
|
|
innerVisible: false, //结算单位弹窗
|
|
@@ -470,6 +482,8 @@ export default {
|
|
invoiceType: null,
|
|
invoiceType: null,
|
|
billingAmount: null,
|
|
billingAmount: null,
|
|
personInCharge: null,
|
|
personInCharge: null,
|
|
|
|
+ startTime: null,
|
|
|
|
+ endTime: null,
|
|
},
|
|
},
|
|
// 表单参数
|
|
// 表单参数
|
|
form: {},
|
|
form: {},
|
|
@@ -490,6 +504,20 @@ export default {
|
|
},
|
|
},
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ // 日期范围改变回调
|
|
|
|
+ timeRangeChange(val) {
|
|
|
|
+ this.queryParams.startTime = moment(val[0]).format("YYYY-MM-DD");
|
|
|
|
+ this.queryParams.endTime = moment(val[1]).format("YYYY-MM-DD");
|
|
|
|
+ this.handleQuery();
|
|
|
|
+ },
|
|
|
|
+ // 根据字典value获取字典label
|
|
|
|
+ getDictLabel(value, dict) {
|
|
|
|
+ return (
|
|
|
|
+ this.dict.type[dict].find((item) => {
|
|
|
|
+ return item.value === value;
|
|
|
|
+ })?.label || ""
|
|
|
|
+ );
|
|
|
|
+ },
|
|
async queryCustomerIdChange() {
|
|
async queryCustomerIdChange() {
|
|
if (!this.queryParams.customerId) {
|
|
if (!this.queryParams.customerId) {
|
|
this.queryUnitList = [];
|
|
this.queryUnitList = [];
|