|
|
|
@ -1,31 +1,13 @@ |
|
|
|
<!--M100上线信息-明细数据--> |
|
|
|
<template> |
|
|
|
<div class="cr-body-content"> |
|
|
|
<!--表格渲染--> |
|
|
|
<el-table |
|
|
|
ref="multipleTable" |
|
|
|
v-loading="listLoading" |
|
|
|
element-loading-text="拼命加载中..." |
|
|
|
element-loading-spinner="el-icon-loading" |
|
|
|
class="cr-table" |
|
|
|
:data="list" |
|
|
|
:height="tableHeight" |
|
|
|
:cell-style="cellStyle" |
|
|
|
:header-cell-style="headerRowStyle" |
|
|
|
size="small" |
|
|
|
stripe |
|
|
|
border |
|
|
|
highlight-current-row |
|
|
|
style="width: 100%" |
|
|
|
@sort-change="sortChange" |
|
|
|
@selection-change="handleSelectionChange" |
|
|
|
@row-click="handleRowClick" |
|
|
|
:row-key="getRowKeys" |
|
|
|
:expand-row-keys="expands" |
|
|
|
@expand-change="exChange" |
|
|
|
> |
|
|
|
<!-- <el-table-column type="selection" width="44px"></el-table-column> --> |
|
|
|
<!-- <el-table-column |
|
|
|
<div class="cr-body-content"> |
|
|
|
<!--表格渲染--> |
|
|
|
<el-table ref="multipleTable" v-loading="listLoading" element-loading-text="拼命加载中..." element-loading-spinner="el-icon-loading" |
|
|
|
class="cr-table" :data="list" :height="tableHeight" :cell-style="cellStyle" :header-cell-style="headerRowStyle" size="small" |
|
|
|
stripe border highlight-current-row style="width: 100%" @sort-change="sortChange" @selection-change="handleSelectionChange" |
|
|
|
@row-click="handleRowClick" :row-key="getRowKeys" :expand-row-keys="expands" @expand-change="exChange"> |
|
|
|
<!-- <el-table-column type="selection" width="44px"></el-table-column> --> |
|
|
|
<!-- <el-table-column |
|
|
|
prop="总成名称" |
|
|
|
label="erpAssemblyName" |
|
|
|
sortable |
|
|
|
@ -42,316 +24,325 @@ |
|
|
|
class="two-list" |
|
|
|
</el-table-column> --> |
|
|
|
|
|
|
|
<el-table-column type="expand" prop="details"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-table :data="scope.row.details"> |
|
|
|
<el-table-column |
|
|
|
prop="partCode" |
|
|
|
label="客户零件代码" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="partNum" |
|
|
|
label="客户零件数量" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column prop="description" label="描述"></el-table-column> |
|
|
|
<el-table-column prop="isKey" label="是否Key件"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.isKey == true"> |
|
|
|
<span style="color: #00b46d">是</span> |
|
|
|
</span> |
|
|
|
<span v-else> |
|
|
|
<span style="color: #d75c89">否</span> |
|
|
|
</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
v-for="(item, index) in getDefaultField" |
|
|
|
:key="index" |
|
|
|
:prop="item.prop" |
|
|
|
:label="item.label" |
|
|
|
:min-width="item.width" |
|
|
|
:formatter="fieldFormatter" |
|
|
|
sortable="custom" |
|
|
|
show-overflow-tooltip |
|
|
|
:gutter="0" |
|
|
|
> |
|
|
|
<template slot="header" slot-scope="scope"> |
|
|
|
{{ scope.column.label }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="erpAssemblyVersion" |
|
|
|
label="总成版本号" |
|
|
|
sortable |
|
|
|
width="360" |
|
|
|
> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div class="table-footer"> |
|
|
|
<!-- 分页控件 style="margin-top: -25px;margin-bottom:-25px;float:right;"--> |
|
|
|
<pagination |
|
|
|
v-show="totalCount > 0" |
|
|
|
:total="totalCount" |
|
|
|
:page.sync="page" |
|
|
|
:limit.sync="listQuery.MaxResultCount" |
|
|
|
@pagination="getList" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-table-column type="expand" prop="details"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-table :data="scope.row.details"> |
|
|
|
<el-table-column prop="partCode" label="客户零件代码"></el-table-column> |
|
|
|
<el-table-column prop="partNum" label="客户零件数量"></el-table-column> |
|
|
|
<el-table-column prop="description" label="描述"></el-table-column> |
|
|
|
<el-table-column prop="isKey" label="是否Key件"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.isKey == true"> |
|
|
|
<span style="color: #00b46d">是</span> |
|
|
|
</span> |
|
|
|
<span v-else> |
|
|
|
<span style="color: #d75c89">否</span> |
|
|
|
</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column v-for="(item, index) in getDefaultField" :key="index" :prop="item.prop" :label="item.label" |
|
|
|
:min-width="item.width" :formatter="fieldFormatter" sortable="custom" show-overflow-tooltip :gutter="0"> |
|
|
|
<template slot="header" slot-scope="scope"> |
|
|
|
{{ scope.column.label }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="erpAssemblyVersion" label="总成版本号" sortable width="360"> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div class="table-footer"> |
|
|
|
<!-- 分页控件 style="margin-top: -25px;margin-bottom:-25px;float:right;"--> |
|
|
|
<pagination v-show="totalCount > 0" :total="totalCount" :page.sync="page" :limit.sync="listQuery.MaxResultCount" |
|
|
|
@pagination="getList" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import Pagination from "@/components/Pagination"; // secondary package based on el-pagination |
|
|
|
import permission from "@/directive/permission/index.js"; |
|
|
|
import CRMTableHead from "../../components/CRMTableHead"; |
|
|
|
import { downloadFile } from "@/utils/crmindex.js"; |
|
|
|
import Detail from "./detail"; |
|
|
|
import Pagination from "@/components/Pagination"; // secondary package based on el-pagination |
|
|
|
import permission from "@/directive/permission/index.js"; |
|
|
|
import CRMTableHead from "../../components/CRMTableHead"; |
|
|
|
import { |
|
|
|
downloadFile |
|
|
|
} from "@/utils/crmindex.js"; |
|
|
|
import Detail from "./detail"; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: "sendUnsettledDiffReport", |
|
|
|
components: { Pagination, CRMTableHead, Detail }, |
|
|
|
directives: { permission }, |
|
|
|
filters: { |
|
|
|
IsCustomerSignFilter(status) { |
|
|
|
//翻译是否签字 |
|
|
|
const statusMap = { |
|
|
|
true: "是", |
|
|
|
false: "否", |
|
|
|
}; |
|
|
|
return statusMap[status]; |
|
|
|
}, |
|
|
|
}, |
|
|
|
props: { |
|
|
|
customerInfos: { |
|
|
|
type: Array, |
|
|
|
default: () => { |
|
|
|
return []; |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
crmType: "stockFisDiffReport", |
|
|
|
rules: { |
|
|
|
//前端定义的规则，后端也有验证 |
|
|
|
erpMaterialCode: [ |
|
|
|
{ required: true, message: "必须输入！", trigger: "blur" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
expands: [], //只展开一行放入当前行id |
|
|
|
getRowKeys: (row) => { |
|
|
|
return row.id; //这里看这一行中需要根据哪个属性值是id |
|
|
|
}, |
|
|
|
searchContent: "", // 输入内容 |
|
|
|
customerInfo: { |
|
|
|
parentId: "", |
|
|
|
billId: "" |
|
|
|
}, |
|
|
|
form: { |
|
|
|
dicDetailID: "", |
|
|
|
customerId: "", |
|
|
|
projectId: "", |
|
|
|
}, |
|
|
|
list: null, |
|
|
|
totalCount: 0, |
|
|
|
listLoading: true, |
|
|
|
formLoading: false, |
|
|
|
// 高级搜索 |
|
|
|
filterObj: { |
|
|
|
type: Object, |
|
|
|
default: () => { |
|
|
|
return {}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
listQuery: { |
|
|
|
Filters: [ |
|
|
|
{ |
|
|
|
logic: 0, |
|
|
|
column: "Enabled", |
|
|
|
action: 0, |
|
|
|
value: "true", |
|
|
|
}, //默认查询可用的 |
|
|
|
], |
|
|
|
SkipCount: 0, |
|
|
|
MaxResultCount: 15, |
|
|
|
id: "", |
|
|
|
}, |
|
|
|
page: 1, |
|
|
|
dialogFormVisible: false, |
|
|
|
multipleSelection: [], |
|
|
|
formTitle: "", |
|
|
|
drawer: false, |
|
|
|
showExcelImport: false, |
|
|
|
tableHeight: document.documentElement.clientHeight - 30, |
|
|
|
isEdit: false, |
|
|
|
}; |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
var self = this; |
|
|
|
window.onresize = function () { |
|
|
|
var offsetHei = document.documentElement.clientHeight; |
|
|
|
self.tableHeight = offsetHei - 30; |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.getList(); |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
customerInfos: { |
|
|
|
handler(newVal) { |
|
|
|
debugger |
|
|
|
if (newVal == "" || newVal == "undefined") { |
|
|
|
//TODO |
|
|
|
} else { |
|
|
|
newVal.forEach((element) => { |
|
|
|
this.customerInfo.parentId = element.ParentId; |
|
|
|
this.customerInfo.billId = element.BillId; |
|
|
|
}); |
|
|
|
if (this.customerInfo.parentId != "") { |
|
|
|
this.getList(); |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
immediate: true, |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
/** 列表字段 */ |
|
|
|
getDefaultField() { |
|
|
|
var tempsTabs = []; |
|
|
|
tempsTabs.push({ |
|
|
|
label: "总成编号", |
|
|
|
prop: "erpAssemblyCode", |
|
|
|
width: 160, |
|
|
|
}); |
|
|
|
tempsTabs.push({ |
|
|
|
label: "总成名称", |
|
|
|
prop: "erpAssemblyName", |
|
|
|
width: 160, |
|
|
|
}); |
|
|
|
// tempsTabs.push({ |
|
|
|
// label: "总成版本号", |
|
|
|
// prop: "erpAssemblyName", |
|
|
|
// width: 160, |
|
|
|
// }); |
|
|
|
return tempsTabs; |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
exChange(row, rowList) { |
|
|
|
this.loading = true; |
|
|
|
export default { |
|
|
|
name: "sendUnsettledDiffReport", |
|
|
|
components: { |
|
|
|
Pagination, |
|
|
|
CRMTableHead, |
|
|
|
Detail |
|
|
|
}, |
|
|
|
directives: { |
|
|
|
permission |
|
|
|
}, |
|
|
|
filters: { |
|
|
|
IsCustomerSignFilter(status) { |
|
|
|
//翻译是否签字 |
|
|
|
const statusMap = { |
|
|
|
true: "是", |
|
|
|
false: "否", |
|
|
|
}; |
|
|
|
return statusMap[status]; |
|
|
|
}, |
|
|
|
}, |
|
|
|
props: { |
|
|
|
customerInfos: { |
|
|
|
type: Array, |
|
|
|
default: () => { |
|
|
|
return []; |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
crmType: "stockFisDiffReport", |
|
|
|
rules: { |
|
|
|
//前端定义的规则，后端也有验证 |
|
|
|
erpMaterialCode: [{ |
|
|
|
required: true, |
|
|
|
message: "必须输入！", |
|
|
|
trigger: "blur" |
|
|
|
}, ], |
|
|
|
}, |
|
|
|
expands: [], //只展开一行放入当前行id |
|
|
|
getRowKeys: (row) => { |
|
|
|
return row.id; //这里看这一行中需要根据哪个属性值是id |
|
|
|
}, |
|
|
|
searchContent: "", // 输入内容 |
|
|
|
customerInfo: { |
|
|
|
parentId: "", |
|
|
|
billId: "" |
|
|
|
}, |
|
|
|
form: { |
|
|
|
dicDetailID: "", |
|
|
|
customerId: "", |
|
|
|
projectId: "", |
|
|
|
}, |
|
|
|
list: null, |
|
|
|
totalCount: 0, |
|
|
|
listLoading: true, |
|
|
|
formLoading: false, |
|
|
|
// 高级搜索 |
|
|
|
filterObj: { |
|
|
|
type: Object, |
|
|
|
default: () => { |
|
|
|
return {}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
listQuery: { |
|
|
|
Filters: [{ |
|
|
|
logic: 0, |
|
|
|
column: "Enabled", |
|
|
|
action: 0, |
|
|
|
value: "true", |
|
|
|
}, //默认查询可用的 |
|
|
|
], |
|
|
|
SkipCount: 0, |
|
|
|
MaxResultCount: 15, |
|
|
|
id: "", |
|
|
|
}, |
|
|
|
page: 1, |
|
|
|
dialogFormVisible: false, |
|
|
|
multipleSelection: [], |
|
|
|
formTitle: "", |
|
|
|
drawer: false, |
|
|
|
showExcelImport: false, |
|
|
|
tableHeight: document.documentElement.clientHeight - 30, |
|
|
|
isEdit: false, |
|
|
|
}; |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
var self = this; |
|
|
|
window.onresize = function() { |
|
|
|
var offsetHei = document.documentElement.clientHeight; |
|
|
|
self.tableHeight = offsetHei - 30; |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.getList(); |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
customerInfos: { |
|
|
|
handler(newVal) { |
|
|
|
//debugger |
|
|
|
if (newVal == "" || newVal == "undefined") { |
|
|
|
//TODO |
|
|
|
} else { |
|
|
|
newVal.forEach((element) => { |
|
|
|
this.customerInfo.parentId = element.ParentId; |
|
|
|
this.customerInfo.billId = element.BillId; |
|
|
|
}); |
|
|
|
if (this.customerInfo.parentId != "") { |
|
|
|
this.getList(); |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
immediate: true, |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
/** 列表字段 */ |
|
|
|
getDefaultField() { |
|
|
|
var tempsTabs = []; |
|
|
|
tempsTabs.push({ |
|
|
|
label: "总成编号", |
|
|
|
prop: "erpAssemblyCode", |
|
|
|
width: 160, |
|
|
|
}); |
|
|
|
tempsTabs.push({ |
|
|
|
label: "总成名称", |
|
|
|
prop: "erpAssemblyName", |
|
|
|
width: 160, |
|
|
|
}); |
|
|
|
// tempsTabs.push({ |
|
|
|
// label: "总成版本号", |
|
|
|
// prop: "erpAssemblyName", |
|
|
|
// width: 160, |
|
|
|
// }); |
|
|
|
return tempsTabs; |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
exChange(row, rowList) { |
|
|
|
this.loading = true; |
|
|
|
|
|
|
|
var that = this; |
|
|
|
if (rowList.length) { |
|
|
|
that.expands = []; |
|
|
|
if (row) { |
|
|
|
that.expands.push(row.id); // 只展开当前行id |
|
|
|
} |
|
|
|
} else { |
|
|
|
that.expands = []; |
|
|
|
} |
|
|
|
}, |
|
|
|
/** 刷新列表 */ |
|
|
|
handleHandle(data) { |
|
|
|
if (data.type !== "edit") { |
|
|
|
this.getList(); |
|
|
|
} |
|
|
|
}, |
|
|
|
/** 格式化字段 */ |
|
|
|
fieldFormatter(row, column) { |
|
|
|
return row[column.property] || "--"; |
|
|
|
}, |
|
|
|
importExcelData() { |
|
|
|
//关闭导入窗体时调用 |
|
|
|
this.showExcelImport = false; |
|
|
|
this.getList(); |
|
|
|
}, |
|
|
|
getList() { |
|
|
|
this.listLoading = true; |
|
|
|
console.log("详表条件：" + JSON.stringify(this.customerInfo.parentId)); |
|
|
|
//alert("详表条件：" + JSON.stringify(this.customerInfo.parentId)); |
|
|
|
let vehicleAssemblyId = { vehicleAssemblyId: this.customerInfo.parentId, billId: this.customerInfo.billId }; |
|
|
|
this.$axios |
|
|
|
.gets("/api/newjit/assembly-cfg-vehicle/list", vehicleAssemblyId) |
|
|
|
.then((response) => { |
|
|
|
this.list = response; |
|
|
|
setTimeout(() => { |
|
|
|
//大数据量加载时 |
|
|
|
this.listLoading = false; |
|
|
|
}, 500); |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
this.listLoading = false; |
|
|
|
}); |
|
|
|
}, |
|
|
|
/** 筛选操作 */ |
|
|
|
handleFilter() { |
|
|
|
this.page = 1; |
|
|
|
this.getList(); |
|
|
|
this.listQuery.Filters = []; |
|
|
|
if (this.searchContent != "") { |
|
|
|
var column = "partCode"; |
|
|
|
let filter = { |
|
|
|
logic: 0, |
|
|
|
column: column, |
|
|
|
action: 6, |
|
|
|
value: this.searchContent, |
|
|
|
}; |
|
|
|
this.listQuery.Filters.push(filter); |
|
|
|
} |
|
|
|
this.getList(); |
|
|
|
}, |
|
|
|
resetQuery() {}, |
|
|
|
var that = this; |
|
|
|
if (rowList.length) { |
|
|
|
that.expands = []; |
|
|
|
if (row) { |
|
|
|
that.expands.push(row.id); // 只展开当前行id |
|
|
|
} |
|
|
|
} else { |
|
|
|
that.expands = []; |
|
|
|
} |
|
|
|
}, |
|
|
|
/** 刷新列表 */ |
|
|
|
handleHandle(data) { |
|
|
|
if (data.type !== "edit") { |
|
|
|
this.getList(); |
|
|
|
} |
|
|
|
}, |
|
|
|
/** 格式化字段 */ |
|
|
|
fieldFormatter(row, column) { |
|
|
|
return row[column.property] || "--"; |
|
|
|
}, |
|
|
|
importExcelData() { |
|
|
|
//关闭导入窗体时调用 |
|
|
|
this.showExcelImport = false; |
|
|
|
this.getList(); |
|
|
|
}, |
|
|
|
getList() { |
|
|
|
this.listLoading = true; |
|
|
|
console.log("详表条件：" + JSON.stringify(this.customerInfo.parentId)); |
|
|
|
//alert("详表条件：" + JSON.stringify(this.customerInfo.parentId)); |
|
|
|
let vehicleAssemblyId = { |
|
|
|
vehicleAssemblyId: this.customerInfo.parentId, |
|
|
|
billId: this.customerInfo.billId |
|
|
|
}; |
|
|
|
this.$axios |
|
|
|
.gets("/api/newjit/assembly-cfg-vehicle/list", vehicleAssemblyId) |
|
|
|
.then((response) => { |
|
|
|
this.list = response; |
|
|
|
setTimeout(() => { |
|
|
|
//大数据量加载时 |
|
|
|
this.listLoading = false; |
|
|
|
}, 500); |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
this.listLoading = false; |
|
|
|
}); |
|
|
|
}, |
|
|
|
/** 筛选操作 */ |
|
|
|
handleFilter() { |
|
|
|
this.page = 1; |
|
|
|
this.getList(); |
|
|
|
this.listQuery.Filters = []; |
|
|
|
if (this.searchContent != "") { |
|
|
|
var column = "partCode"; |
|
|
|
let filter = { |
|
|
|
logic: 0, |
|
|
|
column: column, |
|
|
|
action: 6, |
|
|
|
value: this.searchContent, |
|
|
|
}; |
|
|
|
this.listQuery.Filters.push(filter); |
|
|
|
} |
|
|
|
this.getList(); |
|
|
|
}, |
|
|
|
resetQuery() {}, |
|
|
|
|
|
|
|
sortChange(data) { |
|
|
|
const { prop, order } = data; |
|
|
|
if (!prop || !order) { |
|
|
|
this.handleFilter(); |
|
|
|
return; |
|
|
|
} |
|
|
|
this.listQuery.Sorting = prop + " " + order; |
|
|
|
this.handleFilter(); |
|
|
|
}, |
|
|
|
handleSelectionChange(val) { |
|
|
|
this.multipleSelection = val; |
|
|
|
}, |
|
|
|
/** 通过回调控制style */ |
|
|
|
cellStyle({ row, column, rowIndex, columnIndex }) { |
|
|
|
if ( |
|
|
|
column.property === "fisQty" || |
|
|
|
column.property === "diffQty" || |
|
|
|
column.property === "stockQty" |
|
|
|
) { |
|
|
|
return { textAlign: "right" }; |
|
|
|
} else { |
|
|
|
return { textAlign: "left" }; |
|
|
|
} |
|
|
|
}, |
|
|
|
/** 通过回调控制表头style */ |
|
|
|
headerRowStyle({ row, column, rowIndex, columnIndex }) { |
|
|
|
if ( |
|
|
|
column.property === "fisQty" || |
|
|
|
column.property === "diffQty" || |
|
|
|
column.property === "stockQty" |
|
|
|
) { |
|
|
|
return { textAlign: "right", background: "#FAFAFA" }; |
|
|
|
} else { |
|
|
|
return { textAlign: "left", background: "#FAFAFA" }; |
|
|
|
} |
|
|
|
}, |
|
|
|
handleRowClick(row, column, event) { |
|
|
|
//this.$refs.multipleTable.clearSelection(); |
|
|
|
this.$refs.multipleTable.toggleRowSelection(row); |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
sortChange(data) { |
|
|
|
const { |
|
|
|
prop, |
|
|
|
order |
|
|
|
} = data; |
|
|
|
if (!prop || !order) { |
|
|
|
this.handleFilter(); |
|
|
|
return; |
|
|
|
} |
|
|
|
this.listQuery.Sorting = prop + " " + order; |
|
|
|
this.handleFilter(); |
|
|
|
}, |
|
|
|
handleSelectionChange(val) { |
|
|
|
this.multipleSelection = val; |
|
|
|
}, |
|
|
|
/** 通过回调控制style */ |
|
|
|
cellStyle({ |
|
|
|
row, |
|
|
|
column, |
|
|
|
rowIndex, |
|
|
|
columnIndex |
|
|
|
}) { |
|
|
|
if ( |
|
|
|
column.property === "fisQty" || |
|
|
|
column.property === "diffQty" || |
|
|
|
column.property === "stockQty" |
|
|
|
) { |
|
|
|
return { |
|
|
|
textAlign: "right" |
|
|
|
}; |
|
|
|
} else { |
|
|
|
return { |
|
|
|
textAlign: "left" |
|
|
|
}; |
|
|
|
} |
|
|
|
}, |
|
|
|
/** 通过回调控制表头style */ |
|
|
|
headerRowStyle({ |
|
|
|
row, |
|
|
|
column, |
|
|
|
rowIndex, |
|
|
|
columnIndex |
|
|
|
}) { |
|
|
|
if ( |
|
|
|
column.property === "fisQty" || |
|
|
|
column.property === "diffQty" || |
|
|
|
column.property === "stockQty" |
|
|
|
) { |
|
|
|
return { |
|
|
|
textAlign: "right", |
|
|
|
background: "#FAFAFA" |
|
|
|
}; |
|
|
|
} else { |
|
|
|
return { |
|
|
|
textAlign: "left", |
|
|
|
background: "#FAFAFA" |
|
|
|
}; |
|
|
|
} |
|
|
|
}, |
|
|
|
handleRowClick(row, column, event) { |
|
|
|
//this.$refs.multipleTable.clearSelection(); |
|
|
|
this.$refs.multipleTable.toggleRowSelection(row); |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "../../../pg-fis/styles/crmtable.scss"; |
|
|
|
@import "../../../pg-fis/styles/crmtable.scss"; |
|
|
|
</style> |
|
|
|
|
|
|
|
|
