emis-frontend/src/views/emis/emisQuoteExpression/index.vue
2024-01-12 16:58:04 +08:00

639 lines
22 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="" prop="quoteSequence">
<el-input
v-model="queryParams.quoteSequence"
placeholder="报价序号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="useSiteCode">
<el-input
v-model="queryParams.useSiteCode"
placeholder="使用站点代码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="useSite">
<el-input
v-model="queryParams.useSite"
placeholder="使用站点名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="startWeight">
<el-input
v-model="queryParams.startWeight"
placeholder="起始重量"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="endWeight">
<el-input
v-model="queryParams.endWeight"
placeholder="结束重量"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="initialWeight">
<el-input
v-model="queryParams.initialWeight"
placeholder="首重"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="additionalWeight">
<el-input
v-model="queryParams.additionalWeight"
placeholder="续重"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="conditionExpression">
<el-input
v-model="queryParams.conditionExpression"
placeholder="条件表达式"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="calculateExpression">
<el-input
v-model="queryParams.calculateExpression"
placeholder="计算表达式"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="status">
<el-input
v-model="queryParams.status"
placeholder="启用状态"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="remark">
<el-input
v-model="queryParams.remark"
placeholder="备注"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="delFlag">
<el-input
v-model="queryParams.delFlag"
placeholder="删除标志(0代表存在"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['emis:emisQuoteExpression:add']"
>新增</el-button>
</el-col>
<!--
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['emis:emisQuoteExpression:edit']"
>修改</el-button>
</el-col> -->
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['emis:emisQuoteExpression:remove']"
>删除</el-button>
</el-col>
<!-- <el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['emis:emisQuoteExpression:export']"
>导出</el-button>
</el-col> -->
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="emisQuoteExpressionList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="序号" align="center" min-width="60">
<template slot-scope="scope">
<span v-text="getIndex(scope.$index)"> </span>
</template>
</el-table-column>
<!--
<el-table-column label="xxx" align="left" prop="xxx" min-width="180">
<template slot-scope="scope">
<div class="link-type" @click="handleView(scope.row)">{{scope.row.orderSn}}</div>
</template>
</el-table-column>
<el-table-column label="结算状态" align="center" prop="settleStatus" min-width="80">
<template slot-scope="scope">
<div v-if="scope.row.settleStatus == 0" style="color:red;">
<span class="el-tag el-tag--info">未结算</span>
</div>
<div v-if="scope.row.settleStatus == 10" style="color:red;">
<span class="el-tag">待确认</span>
</div>
<div v-if="scope.row.settleStatus == 11" style="color:green;">
<span class="el-tag el-tag--success el-tag--light">已确认</span>
</div>
<div v-if="scope.row.settleStatus == 20" >
<span class="el-tag el-tag--warning el-tag--light">待打款</span>
</div>
<div v-if="scope.row.settleStatus == 21" style="color:green;">
<span class="el-tag el-tag--success el-tag--light">已打款</span>
</div>
<div v-if="scope.row.settleStatus == 40" style="color:red;">
<span class="el-tag el-tag--danger">已拒绝</span>
</div>
</template>
</el-table-column>
-->
<el-table-column label="报价序号" align="center" prop="quoteSequence" min-width="100" />
<el-table-column label="使用站点代码" align="center" prop="useSiteCode" min-width="100" />
<el-table-column label="使用站点名称" align="center" prop="useSite" min-width="100" />
<el-table-column label="起始重量" align="center" prop="startWeight" min-width="100" />
<el-table-column label="结束重量" align="center" prop="endWeight" min-width="100" />
<el-table-column label="首重" align="center" prop="initialWeight" min-width="100" />
<el-table-column label="续重" align="center" prop="additionalWeight" min-width="100" />
<el-table-column label="条件表达式" align="center" prop="conditionExpression" min-width="100" />
<el-table-column label="计算表达式" align="center" prop="calculateExpression" min-width="100" />
<el-table-column label="启用状态" align="center" prop="status" min-width="100" />
<el-table-column label="备注" align="center" prop="remark" min-width="100" />
<el-table-column label="删除标志(0代表存在" align="center" prop="delFlag" min-width="100" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['emis:emisQuoteExpression:edit']"
>修改</el-button>
<!--
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['emis:emisQuoteExpression:remove']"
>删除</el-button> -->
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page-sizes="[20,50,100,300,500,1000,2000,5000]"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
:page-size="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改费用计算表达式对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" :close-on-click-modal="false" append-to-body>
<el-row :gutter="0">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-col :span="24">
<el-form-item label="报价序号" prop="quoteSequence">
<el-input v-model="form.quoteSequence" placeholder="请输入报价序号" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="使用站点代码" prop="useSiteCode">
<el-input v-model="form.useSiteCode" placeholder="请输入使用站点代码" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="使用站点名称" prop="useSite">
<el-input v-model="form.useSite" placeholder="请输入使用站点名称" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="起始重量" prop="startWeight">
<el-input v-model="form.startWeight" placeholder="请输入起始重量" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="结束重量" prop="endWeight">
<el-input v-model="form.endWeight" placeholder="请输入结束重量" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="首重" prop="initialWeight">
<el-input v-model="form.initialWeight" placeholder="请输入首重" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="续重" prop="additionalWeight">
<el-input v-model="form.additionalWeight" placeholder="请输入续重" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="条件表达式" prop="conditionExpression">
<el-input v-model="form.conditionExpression" placeholder="请输入条件表达式" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="计算表达式" prop="calculateExpression">
<el-input v-model="form.calculateExpression" placeholder="请输入计算表达式" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="启用状态" prop="status">
<el-input v-model="form.status" placeholder="请输入启用状态" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="删除标志(0代表存在" prop="delFlag">
<el-input v-model="form.delFlag" placeholder="请输入删除标志(0代表存在" />
</el-form-item>
</el-col>
<!--
<el-col :span="24" v-show="moreInputVisible" > </el-col>
<el-col :span="24">
<el-divider content-position="right" @click="handleShowMoreInput" >更多信息[+]</el-divider>
</el-col>
-->
</el-form>
</el-row>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<el-dialog :title="titleForm" :visible.sync="openForm" width="500px" append-to-body>
<emisQuoteExpressionForm :id="currentId" @on-changed="handleFormChanged" @on-cancel="cancelForm"></EmisQuoteExpressionForm>
</el-dialog>
<el-dialog :title="titleView" :visible.sync="openView" width="60%" :close-on-click-modal="false" append-to-body>
<emisQuoteExpressionView :id="id" ></EmisQuoteExpressionView>
</el-dialog>
</div>
</template>
<script>
import { listEmisQuoteExpression, getEmisQuoteExpression, delEmisQuoteExpression, addEmisQuoteExpression, updateEmisQuoteExpression } from "@/api/emis/emisQuoteExpression";
import elDateSimplePicker from '@/components/DatePickerAdv/elDateSimplePicker';
import emisQuoteExpressionView from '@/views/emis/emisQuoteExpression/emisQuoteExpressionView';
import emisQuoteExpressionForm from '@/views/emis/emisQuoteExpression/emisQuoteExpressionForm';
export default {
name: "emisQuoteExpression",
components: { elDateSimplePicker,emisQuoteExpressionView,emisQuoteExpressionForm },
dicts: [
],
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 创建时间搜索
dateTimeRange:[],
// 总条数
total: 0,
// 费用计算表达式表格数据
emisQuoteExpressionList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
openForm: false,
titleForm: "",
titleEmisQuoteExpression: "",
openEmisQuoteExpression: false,
// 显示编辑框更多
moreInputVisible: false,
// 弹出展示层
id:null,
titleView:"",
openView: false,
// 删除标志(0代表存在时间范围
daterangeCreateTime: [],
// 删除标志(0代表存在时间范围
daterangeUpdateTime: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 20,
quoteSequence: null,
useSiteCode: null,
useSite: null,
startWeight: null,
endWeight: null,
initialWeight: null,
additionalWeight: null,
conditionExpression: null,
calculateExpression: null,
status: null,
remark: null,
delFlag: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [
{ required: true, message: "序号不能为空", trigger: "blur" }
],
quoteId: [
{ required: true, message: "报价ID不能为空", trigger: "blur" }
],
quoteSequence: [
{ required: true, message: "报价序号不能为空", trigger: "blur" }
],
startWeight: [
{ required: true, message: "起始重量不能为空", trigger: "blur" }
],
endWeight: [
{ required: true, message: "结束重量不能为空", trigger: "blur" }
],
conditionExpression: [
{ required: true, message: "条件表达式不能为空", trigger: "blur" }
],
calculateExpression: [
{ required: true, message: "计算表达式不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询费用计算表达式列表 */
getList() {
this.loading = true;
this.queryParams.params = {};
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
}
if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
}
listEmisQuoteExpression(this.addDateRange(this.queryParams, this.dateTimeRange)).then(response => {
this.emisQuoteExpressionList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
quoteId: null,
quoteSequence: null,
useSiteCode: null,
useSite: null,
startWeight: null,
endWeight: null,
initialWeight: null,
additionalWeight: null,
conditionExpression: null,
calculateExpression: null,
status: null,
remark: null,
tenantId: null,
delFlag: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
createSite: null,
updateSite: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd(row) {
this.reset();
this.open = true;
this.title = "新增";
// 子组件打开模式
// if(row != undefined){
// this.currentParentId = row.id
// }
// this.openEmisQuoteExpression = true;
// this.titleEmisQuoteExpression = "新增";
},
handleShowMoreInput(){
this.moreInputVisible = !this.moreInputVisible;
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids
getEmisQuoteExpression(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改";
});
// 子组件打开模式
// this.currentId= row.id || this.ids;
// this.openEmisQuoteExpression = true;
// this.titleEmisQuoteExpression = "修改";
},
handleView(row) {
this.id=row.id;
this.titleView="查看";
this.openView=true;
// this.router.push({ path: '/emis/emisQuoteExpression/viewDetail', query: { id: row.id }})
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updateEmisQuoteExpression(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addEmisQuoteExpression(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
handleFormChanged(){
this.openForm = false;
this.getList();
},
cancelForm(){
this.openForm = false;
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除').then(function() {
return delEmisQuoteExpression(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
// this.download('emis/emisQuoteExpression/export', {
// ...this.queryParams
// }, `emisQuoteExpression_${new Date().getTime()}.xlsx`)
const loadingInstance = this.$loading({
text: '正在导出...'
})
var qParam = {...this.queryParams};
qParam.pageNum=1;
qParam.pageSize=5000;
listEmisQuoteExpression(this.addDateRange(qParam, this.dateTimeRange)).then(response => {
this.downloadLoading = false
if (response.code === 200) {
const curList = response.rows
import('@/vendor/Export2Excel').then(excel => {
const tHeader = ['序号','报价ID','报价序号','使用站点代码','使用站点名称','起始重量','结束重量','首重','续重','条件表达式','计算表达式','启用状态','备注','租户ID','删除标志(0代表存在','创建者','创建时间','更新者','更新时间','创建网点','更新网点',];
const filterVal = ['id','quoteId','quoteSequence','useSiteCode','useSite','startWeight','endWeight','initialWeight','additionalWeight','conditionExpression','calculateExpression','status','remark','tenantId','delFlag','createBy','createTime','updateBy','updateTime','createSite','updateSite',];
const data = this.formatJson(filterVal, curList, response.rows)
excel.export_json_to_excel({
header: tHeader,
data,
filename: '费用计算表达式',
autoWidth: true
})
loadingInstance.close()
})
}
});
},
formatJson(filterVal, jsonData, resData) {
let index = 0
return jsonData.map(v => filterVal.map(j => {
if (j === 'index') {
return ++index
}
if (j === 'status') {
var statusStr='xxx'
if(v[j] == 10){
statusStr='xxx'
}
return statusStr;
}
return v[j]
}))
},
/** 列索引函数 */
getIndex($index) {
return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + $index + 1
},
/** 时间搜索响应函数 */
dateTimeChange(value){
this.dateTimeRange=value;
},
}
};
</script>
<style scoped>
.el-divider{
margin-top: 0px;
background: 0 0;
border-top: 1px solid #E6EBF5;
}
.el-divider__text {
color: #0955ee;
cursor: pointer;
}
</style>