meswork/JY1.0
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面修改

Browse Source
This commit is contained in:
bryan sun
2019-11-09 14:18:56 +08:00
parent 3c87327400
commit 6d8379c8da
13 changed files with 167 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
src/views/PurchasingCenter/PurchaseContractSearch/index.vue
View File

@@ -24,7 +24,7 @@
<!--</el-option>-->
<!--</el-select>-->
<!--<span>合同编号:</span>-->
<el-input v-model="contractNumber" placeholder="合同编号" size="small" clearable style="width:180px"/>
<el-input v-model="contractNumber" placeholder="合同编号" size="small" clearable style="width:200px"/>
<!--<span>供应商:</span>-->
<el-input v-model="supplierName" placeholder="供应商" size="small" clearable style="width:180px"/>
<!--<span>采购员:</span>-->
@@ -56,7 +56,7 @@
size="small"
icon="el-icon-search"
style="margin-left:10px"
@click="total1=0;pageCurrent1=1;pageSize1=10;searchTable1()">查询</el-button>
@click="total1=0;pageCurrent1=1;pageSize1=30;searchTable1()">查询</el-button>
<el-tooltip :open-delay="1000" effect="dark" content="打印采购合同" placement="top">
<el-button
type="warning"
@@ -107,75 +107,100 @@
</el-form>
</template>
</el-table-column>
<el-table-column label="供应商" prop="供应商名称" align="center" width="150" show-overflow-tooltip>
<el-table-column label="供应商" prop="供应商名称" align="center" min-width="150" show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.供应商名称 }}
</template>
</el-table-column>
<el-table-column label="采购合同名称" align="center" min-width="150">
<template slot-scope="scope">
{{ scope.row.采购合同名称 }}
</template>
</el-table-column>
<el-table-column label="采购合同号" prop="采购合同编号" align="center" min-width="160">
<!-- <el-table-column label="采购合同名称" align="center" min-width="150">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.采购合同名称 }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="采购合同号" prop="采购合同编号" align="center" min-width="150" show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.采购合同编号 }}
</template>
</el-table-column>
<el-table-column label="审核情况" prop="审核情况内容" align="center" min-width="100">
<el-table-column label="合同审核" prop="审核情况内容" align="center" width="70">
<template slot-scope="scope">
<el-tag v-if="scope.row.审核情况内容==='未审核'" type="primary" size="small">未审核</el-tag>
<el-tag v-if="scope.row.审核情况内容==='通过审核'" type="success" size="small">已通过</el-tag>
<el-tag v-if="scope.row.审核情况内容==='未通过审核'" type="danger" size="small">未通过</el-tag>
<span v-if="scope.row.审核情况内容==='未审核'">未审核</span>
<span v-if="scope.row.审核情况内容==='通过审核'">已通过</span>
<span v-if="scope.row.审核情况内容==='未通过审核'">未通过</span>
<!-- <el-tag v-if="scope.row.审核情况内容==='未审核'" type="primary" size="small">未审核</el-tag>-->
<!-- <el-tag v-if="scope.row.审核情况内容==='通过审核'" type="success" size="small">已通过</el-tag>-->
<!-- <el-tag v-if="scope.row.审核情况内容==='未通过审核'" type="danger" size="small">未通过</el-tag>-->
</template>
</el-table-column>
<el-table-column label="审批情况" prop="审批情况内容" align="center" min-width="100">
<el-table-column label="合同审批" prop="审批情况内容" align="center" width="70">
<template slot-scope="scope">
<el-tag v-if="scope.row.审批情况内容==='未审批'" type="primary" size="small">未审批</el-tag>
<el-tag v-if="scope.row.审批情况内容==='通过审批'" type="success" size="small">已通过</el-tag>
<el-tag v-if="scope.row.审批情况内容==='不通过审批'" type="danger" size="small">未通过</el-tag>
<span v-if="scope.row.审批情况内容==='未审批'">未审批</span>
<span v-if="scope.row.审批情况内容==='通过审批'">已通过</span>
<span v-if="scope.row.审批情况内容==='不通过审批'">未通过</span>
<!-- <el-tag v-if="scope.row.审批情况内容==='未审批'" type="primary" size="small">未审批</el-tag>-->
<!-- <el-tag v-if="scope.row.审批情况内容==='通过审批'" type="success" size="small">已通过</el-tag>-->
<!-- <el-tag v-if="scope.row.审批情况内容==='不通过审批'" type="danger" size="small">未通过</el-tag>-->
</template>
</el-table-column>
<el-table-column label="未通过审核原因" align="center" width="150" show-overflow-tooltip>
<el-table-column label="未审核原因" align="center" min-width="90" show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.未通过审核原因 ? scope.row.未通过审核原因 : '—' }}
</template>
</el-table-column>
<el-table-column label="未通过审批原因" align="center" width="150" show-overflow-tooltip>
<el-table-column label="未审批原因" align="center" min-width="90" show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.未通过原因 ? scope.row.未通过原因 : '—' }}
</template>
</el-table-column>
<el-table-column label="审核时间" align="center" min-width="140">
<template slot-scope="scope">
{{ scope.row.审核时间 ? scope.row.审核时间 : '—' }}
</template>
</el-table-column>
<el-table-column label="审批时间" align="center" min-width="140">
<template slot-scope="scope">
{{ scope.row.审批时间 ? scope.row.审核时间 : '—' }}
</template>
</el-table-column>
<el-table-column label="处理" align="center" min-width="130">
<template slot-scope="scope">
<el-tag v-if="Number(scope.row.是否未通过)===1&&Number(scope.row.不通过处理)===1" type="success" size="small">处理完成</el-tag>
<el-button v-else-if="Number(scope.row.是否未通过)===1&&Number(scope.row.不通过处理)===0" type="primary" size="mini" @click="done(scope.row)">点击处理完成</el-button>
<span v-else>—</span>
</template>
</el-table-column>
<el-table-column label="采购员" prop="姓名" align="center" min-width="90">
<el-table-column label="采购员" prop="姓名" align="center" width="60">
<template slot-scope="scope">
{{ scope.row.姓名 }}
</template>
</el-table-column>
<el-table-column label="总金额" align="center" width="100">
<el-table-column label="总金额" align="center" width="90">
<template slot-scope="scope">
{{ scope.row.合同总额 }}
</template>
</el-table-column>
<el-table-column label="操作" align="center" min-width="100" fixed="right">
<el-table-column label="已付金额" align="center" width="90" show-overflow-tooltip>
<template slot-scope="scope">
<el-button :disabled="false" type="danger" plain size="mini" icon="el-icon-delete" @click="deleteContract(scope.row)">删除</el-button>
{{ scope.row.付款金额 }}
</template>
</el-table-column>
<el-table-column label="欠款金额" align="center" width="90" show-overflow-tooltip>
<template slot-scope="scope">
{{ scope.row.欠款金额 }}
</template>
</el-table-column>
<!-- <el-table-column label="审核时间" align="center" width="80">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.审核时间 ? scope.row.审核时间.substr(0,9) : '—' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="审批时间" align="center" min-width="80">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.审批时间 ? scope.row.审核时间.substr(0,9) : '—' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="处理" align="center" width="110">
<template slot-scope="scope">
<el-tag v-if="Number(scope.row.是否未通过)===1&&Number(scope.row.不通过处理)===1" type="success" size="small">处理完成</el-tag>
<el-button v-else-if="Number(scope.row.是否未通过)===1&&Number(scope.row.不通过处理)===0" plain type="primary" size="mini" @click="done(scope.row)">点击处理</el-button>
<span v-else>—</span>
</template>
</el-table-column>
<!-- <el-table-column label="到货进度" align="center" min-width="150">-->
<!-- <template slot-scope="scope">-->
<!-- <el-progress-->
<!-- :text-inside="true"-->
<!-- :stroke-width="18"-->
<!-- :percentage="scope.row.到货进度 = (100*(Number(scope.row.合同到货总数))/scope.row.合同采购总数) > 100 ? 100 : Number((100*(Number(scope.row.合同到货总数))/scope.row.合同采购总数).toFixed(2))"-->
<!-- status="success"/>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="操作" align="center" width="70">
<template slot-scope="scope">
<el-button :disabled="false" type="text" size="mini" icon="el-icon-delete" @click="deleteContract(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
@@ -201,7 +226,7 @@
</template>
<script>
import { initContract, initBuyer, searchTable1, searchTable2, deleteContract, handleDone } from '@/api/PurchasingCenter/PurchaseContractSearch'
import { initContract, initBuyer, searchTable1, searchTable2, handleDone, deleteContract } from '@/api/PurchasingCenter/PurchaseContractSearch'
import QRCode from 'qrcode'
import $ from 'jquery'
// import { exportExcelMethod } from './exportExcel'
@@ -392,7 +417,27 @@ export default {
for (let i = 0; i < response.data.rows.length; i++) {
response.data.rows[i].审批情况内容 === '未审批' ? this.disable.push(false) : this.disable.push(true) // 删除按钮禁用
}
this.tableData1 = response.data.rows
console.log(response, 12)
if (response.data.rows.length !== 0) {
for (let i = 0; i < response.data.rows.length; i++) {
this.tableData1.push({
供应商名称: response.data.rows[i].供应商名称,
采购合同编号: response.data.rows[i].采购合同编号,
未通过审核原因: response.data.rows[i].未通过审核原因,
审核情况内容: response.data.rows[i].审核情况内容,
审批情况内容: response.data.rows[i].审批情况内容,
未通过原因: response.data.rows[i].未通过原因,
合同总额: response.data.rows[i].合同总额,
付款金额: response.data.rows[i].付款金额,
是否未通过: response.data.rows[i].是否未通过,
不通过处理: response.data.rows[i].不通过处理,
姓名: response.data.rows[i].姓名,
合同金额: response.data.rows[i].合同金额,
欠款金额: response.data.rows[i].欠款金额,
采购合同流水号: response.data.rows[i].采购合同流水号
})
}
}
this.total1 = response.data.total
this.loading1 = false
})