yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

完善

master
yunuo970428 4 days ago
parent
42952145d3
commit
7dfb1bc868
1 changed files with 106 additions and 187 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 293
      yxt-as-ui/src/views/statement/monthlyReport/oneTimeRate/oneTimeRateDetail.vue

293
yxt-as-ui/src/views/statement/monthlyReport/oneTimeRate/oneTimeRateDetail.vue
View File

@ -2,215 +2,134 @@
<div> <div>
<div class="tab-header webtop"> <div class="tab-header webtop">
<!-- 标题 --> <!-- 标题 -->
<div style="margin: 0 auto;">{{title}}</div> <div style="margin: 0 auto;">{{ title }}</div>
<!-- start 添加修改按钮 -->
<div> <div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div> </div>
<!-- end 详情按钮 -->
</div> </div>
<div style="margin-top: 10px; height: 100%;"> <div style="margin-top: 10px; height: 100%;">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" show-summary :summary-method="getSummaries">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" <el-table-column fixed label="序号" type="index" width="80" :index="index+1" align="center"/>
:span-method="objectSpanMethods" show-summary :summary-method="getSummaries"> <el-table-column prop="finishMonth" label="竣工月份" align="center" width="150" />
<el-table-column fixed label="序号" type="index" width="80" :index="index+1" align="center" /> <el-table-column prop="finishTime" label="竣工日期" align="center" width="150" />
<el-table-column prop="completionMonth" label="竣工月份" align="center" width="150" /> <el-table-column prop="settleTime" label="结算日期" align="center" width="150" />
<el-table-column prop="completionDate" label="竣工日期" align="center" width="150" /> <el-table-column prop="billNo" label="维修单号" align="center" width="150" />
<el-table-column prop="settlementDate" label="结算日期" align="center" width="150" />
<el-table-column prop="repairOrderNo" label="维修单号" align="center" width="150" />
<el-table-column prop="vehMark" label="车牌号" align="center" width="150" /> <el-table-column prop="vehMark" label="车牌号" align="center" width="150" />
<el-table-column prop="serviceItem" label="维修项目" align="center" width="150" /> <el-table-column prop="sitemName" label="维修项目" align="center" width="150" />
<el-table-column prop="accessoryName" label="所需配件名称" align="center" width="150" /> <el-table-column prop="goodsSpuName" label="所需配件名称" align="center" width="150" />
<el-table-column prop="goodsCode" label="图号" align="center" width="150" /> <el-table-column prop="goodsSkuCode" label="图号" align="center" width="150" />
<el-table-column prop="num" label="所需数量" align="center" width="150" /> <el-table-column prop="needCount" label="所需数量" align="center" width="150" />
<el-table-column prop="disposableNum" label="库房一次性提供数量" align="center" width="150" /> <el-table-column prop="offerCount" label="库房一次性提供数量" align="center" width="150" />
<el-table-column label="库房未能一次性提供的解决方案" align="center"> <el-table-column label="库房未能一次性提供的解决方案" align="center">
<el-table-column prop="outsourceNum" label="外购数量" align="center" width="120" /> <el-table-column prop="purchasedCount" label="外购数量" align="center" width="120" />
<el-table-column prop="emergencyNum" label="订应急数量" align="center" width="120" /> <el-table-column prop="emergentCount" label="订应急数量" align="center" width="120" />
<el-table-column prop="otherNum" label="其它数量" align="center" width="120" /> <el-table-column prop="otherCount" label="其它数量" align="center" width="120" />
</el-table-column> </el-table-column>
<el-table-column prop="goodsArrivedDate" label="配件到货日期（最后入库日期）" align="center" width="150" /> <el-table-column prop="inboundDate" label="配件到货日期（最后入库日期）" align="center" width="150" />
<el-table-column prop="goodsDistributionDate" label="配件装配日期（最后出库日期）" align="center" width="150" /> <el-table-column prop="outboundDate" label="配件装配日期（最后出库日期）" align="center" width="150" />
<el-table-column prop="OneRate" label="配件一次性满足率" align="center" width="150" /> <el-table-column prop="satisfactionRate" label="配件一次性满足率" align="center" width="150" />
<el-table-column prop="outsourceRate" label="外购率" align="center" width="150" /> <el-table-column prop="purchasedRate" label="外购率" align="center" width="150" />
<el-table-column prop="emergencyRate" label="订应急率" align="center" width="150" /> <el-table-column prop="emergentRate" label="订应急率" align="center" width="150" />
</el-table> </el-table>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import req from '@/api/statement/monthlyReport/oneTimeRate' import req from '@/api/statement/monthlyReport/oneTimeRate'
export default {
data() { export default {
return { data() {
index: 0, return {
tableKey: 0, index: 0,
listLoading: false, tableKey: 0,
list: [], listLoading: false,
title: "", list: [],
mergeObj: {}, // 用来记录需要合并行的下标 title: ''
mergeArr: ['completionMonth', 'completionDate', 'settlementDate', 'repairOrderNo', 'vehMark'], // 表格中的列名 }
// mergeArr: ['品牌', '服务站名称', '软件系统', '品名'], // 表格中的列名 },
} methods: {
}, // 合计
getSummaries(param) {
methods: { const { columns, data } = param
const sums = []
// 合计 columns.forEach((column, index) => {
getSummaries(param) { if (index === 0) {
const { sums[index] = '合计：'
columns, return
data
} = param
const sums = []
columns.forEach((column, index) => {
if (index === 0) {
sums[index] = '合计：'
return
}
const values = data.map(item => Number(item[column.property]))
if (column.property === 'num') { // 所需数量
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
console.log('>>>>>>>>>commodityCurrentChange', prev)
console.log('>>>>>>>>>commodityCurrentChange', value)
if (!isNaN(value)) {
return (Number(prev) + Number(curr))
} else {
return Number(prev)
}
}, 0)
sums[index] += ''
} else if (column.property === 'disposableNum') { // 库房一次性提供数量
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
return (Number(prev) + Number(curr))
} else {
return Number(prev)
}
}, 0)
sums[index] += ''
} else if (column.property === 'outsourceNum') { // 外购数量
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
return (Number(prev) + Number(curr))
} else {
return Number(prev)
}
}, 0)
sums[index] += ''
} else if (column.property === 'emergencyNum') { //订应急数量
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
return (Number(prev) + Number(curr))
} else {
return Number(prev)
}
}, 0)
sums[index] += ''
} else if (column.property === 'otherNum') { //其它数量
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
return (Number(prev) + Number(curr))
} else {
return Number(prev)
}
}, 0)
sums[index] += ''
}
})
return sums
},
objectSpanMethods({
row, //当前行、
column, //当前列、
rowIndex, //当前行索引
columnIndex //当前列索引
}) {
// if (row.项目 == '总计') {
// if (columnIndex === 4) {
// //定位到6行4列的ID，告诉该单元格合并1行2列
// return [1, 2]
// }
// if (columnIndex === 5) {
// //定位到6行4列的ID，告诉该单元格合并1行2列
// return [0, 0]
// }
// }
// 判断列的属性
if (this.mergeArr.indexOf(column.property) !== -1) {
// 判断其值是不是为0
if (this.mergeObj[column.property][rowIndex]) {
return [this.mergeObj[column.property][rowIndex], 1]
} else {
// 如果为0则为需要合并的行
return [0, 0];
}
} }
const values = data.map(item => Number(item[column.property]))
}, if (column.property === 'num') { // 所需数量
showAdd(row) { sums[index] = values.reduce((prev, curr) => {
this.title = "安瑞集团" + row.deptName + row.createTime + "配件库房一次性满足率统计表" const value = Number(curr)
if (!isNaN(value)) {
req.getDetail(row.sid) return (Number(prev) + Number(curr))
.then(resp => { } else {
if (resp.success) { return Number(prev)
this.list = resp.data
this.getSpanArr(this.list)
} }
}) }, 0)
.catch(e => { sums[index] += ''
this.$emit('doback') } else if (column.property === 'disposableNum') { // 库房一次性提供数量
}) sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
}, if (!isNaN(value)) {
// getSpanArr方法 return (Number(prev) + Number(curr))
getSpanArr(data) {
this.mergeArr.forEach((key, index1) => {
let count = 0; // 用来记录需要合并行的起始位置
this.mergeObj[key] = []; // 记录每一列的合并信息
data.forEach((item, index) => {
// index == 0表示数据为第一行，直接 push 一个 1
if (index === 0) {
this.mergeObj[key].push(1);
} else { } else {
// console.log('>>>>>>>>>commodityCurrentChange', data[index - 1][key]) return Number(prev)
// 判断当前行是否与上一行其值相等 如果相等 在 count 记录的位置其值 +1 表示当前行需要合并 并push 一个 0 作为占位
if (item[key] === data[index - 1][key]) {
this.mergeObj[key][count] += 1;
this.mergeObj[key].push(0);
} else {
// 如果当前行和上一行其值不相等
count = index; // 记录当前位置
this.mergeObj[key].push(1); // 重新push 一个 1
}
} }
}) }, 0)
}) sums[index] += ''
}, } else if (column.property === 'outsourceNum') { // 外购数量
sums[index] = values.reduce((prev, curr) => {
handleReturn(isreload) { const value = Number(curr)
if (isreload === 'true') this.$emit('reloadlist') if (!isNaN(value)) {
this.formobj = { return (Number(prev) + Number(curr))
} else {
return Number(prev)
}
}, 0)
sums[index] += ''
} else if (column.property === 'emergencyNum') { // 订应急数量
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
return (Number(prev) + Number(curr))
} else {
return Number(prev)
}
}, 0)
sums[index] += ''
} else if (column.property === 'otherNum') { // 其它数量
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
return (Number(prev) + Number(curr))
} else {
return Number(prev)
}
}, 0)
sums[index] += ''
} }
})
return sums
},
showAdd(row) {
this.title = '安瑞集团' + row.deptName + row.createTime + '配件库房一次性满足率统计表'
req.getDetail(row.sid).then(resp => {
if (resp.success) {
this.list = resp.data
this.getSpanArr(this.list)
}
}).catch(e => {
this.$emit('doback') this.$emit('doback')
} })
},
handleReturn() {
this.formobj = {}
this.$emit('doback')
} }
} }
}
</script> </script>
<style scoped> <style scoped>

Write Preview
Loading…
Cancel
Save