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

新增销售单开票申请

master
myTest383 5 months ago
parent
69f6f78a82
commit
7ecfeb3237
12 changed files with 2688 additions and 1 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      yxt-as-ui/src/api/Common/dictcommons.js
  2. 141
      yxt-as-ui/src/api/operation/salesInvoice.js
  3. 34
      yxt-as-ui/src/router/index.js
  4. 2
      yxt-as-ui/src/views/basicinformation/secondaryCooperativeStation/secondaryCooperativeStation.vue
  5. 207
      yxt-as-ui/src/views/operation/salesInvoice/relation/selectSalesOrder.vue
  6. 401
      yxt-as-ui/src/views/operation/salesInvoice/salesInvoice.vue
  7. 457
      yxt-as-ui/src/views/operation/salesInvoice/salesInvoiceAdd.vue
  8. 127
      yxt-as-ui/src/views/operation/salesInvoice/salesInvoiceInfo.vue
  9. 207
      yxt-as-ui/src/views/workFlow/salesInvoiceFlow/relation/selectSalesOrder.vue
  10. 446
      yxt-as-ui/src/views/workFlow/salesInvoiceFlow/salesInvoiceDaiBan.vue
  11. 460
      yxt-as-ui/src/views/workFlow/salesInvoiceFlow/salesInvoiceEdit.vue
  12. 205
      yxt-as-ui/src/views/workFlow/salesInvoiceFlow/salesInvoiceYiBan.vue

2
yxt-as-ui/src/api/Common/dictcommons.js
View File

@ -44,6 +44,7 @@ export function fetchBySid(sid) {
}
// 根据分公司全路径Sid获取分公司下开票信息(采购系统不能为空)
// 开票单位
export function getInvoicingList(data) {
return request({
url: '/fin/v1/fincompanyinvoicing/getInvoicingList',
@ -276,6 +277,7 @@ export function getCounty(data) {
}
// 获取售后服务--基础信息--供应商信息
// 开票名称
export function choiceSupplierInfo(data) {
return request({
url: '/pms/v1/pmssupplierinfo/choiceSupplierInfo',

141
yxt-as-ui/src/api/operation/salesInvoice.js
View File

@ -0,0 +1,141 @@
import request from '@/utils/request'
// 销售单开票申请
export default {
// 查询分页列表
listPage: function(params) {
return request({
// baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
url: '/as/v1/salesInvoice/listPage',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
saveOrUpdate: function(data) {
return request({
// baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
url: '/as/v1/salesInvoice/saveOrUpdate',
method: 'post',
data: data,
headers: {
'Content-Type': 'application/json'
}
})
},
fetchBySid: function(data) {
return request({
// baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
url: '/as/v1/salesInvoice/fetchDetailsBySid/' + data,
method: 'get'
})
},
deleteBySids: function(data) {
return request({
// baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
url: '/as/v1/salesInvoice/delBySids',
method: 'DELETE',
data: data,
headers: {
'Content-Type': 'application/json'
}
})
},
submit: function(data) {
return request({
// baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
url: '/as/v1/salesInvoice/submit',
method: 'post',
data: data,
headers: {
'Content-Type': 'application/json'
}
})
},
salesOrderListPage: function(params) {
return request({
// baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
url: '/as/v1/salesInvoice/salesOrderListPage',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
// 流程审批（同意）
complete: function(params) {
return request({
url: '/as/v1/salesInvoice/complete',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
// 流程审批（加签）
delegate: function(params) {
return request({
url: '/as/v1/salesInvoice/delegate',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
// 流程审批（驳回）
reject: function(params) {
return request({
url: '/as/v1/salesInvoice/reject',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
// 流程审批（终止）
breakProcess: function(params) {
return request({
url: '/as/v1/salesInvoice/breakProcess',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
// 流程审批（撤回）
revokeProcess: function(params) {
return request({
url: '/as/v1/salesInvoice/revokeProcess',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
// 审批流程（同意）获取下一环节
getNextNodesForSubmit: function(data) {
return request({
url: '/as/v1/salesInvoice/getNextNodesForSubmit',
method: 'get',
params: data
})
},
// 审批流程（驳回）获取上一环节
getPreviousNodesForReject: function(data) {
return request({
url: '/as/v1/salesInvoice/getPreviousNodesForReject',
method: 'get',
params: data
})
}
}

34
yxt-as-ui/src/router/index.js
View File

@ -255,6 +255,15 @@ export const constantRoutes = [{
title: '工时提成抵顶配件费用管理',
noCache: true
}
},
{
path: '/salesInvoice/salesInvoice',
component: () => import('@/views/operation/salesInvoice/salesInvoice.vue'),
name: 'SalesInvoice',
meta: {
title: '销售单开票申请管理',
noCache: true
}
}
]
},
@ -1665,6 +1674,31 @@ export const constantRoutes = [{
},
// 销售单申请开票 -- 编辑
{
path: '/salesInvoiceFlow/salesInvoiceEdit',
component: () =>
import('@/views/workFlow/salesInvoiceFlow/salesInvoiceEdit.vue'),
name: 'SalesInvoiceEdit'
},
// 销售单申请开票 -- 待办
{
path: '/salesInvoiceFlow/salesInvoiceDaiBan',
component: () =>
import('@/views/workFlow/salesInvoiceFlow/salesInvoiceDaiBan.vue'),
name: 'SalesInvoiceDaiBan'
},
// 销售单申请开票 -- 已办
{
path: '/salesInvoiceFlow/salesInvoiceYiBan',
component: () =>
import('@/views/workFlow/salesInvoiceFlow/salesInvoiceYiBan.vue'),
name: 'SalesInvoiceYiBan'
},
// 404 page must be placed at the end !!!
// { path: '*', redirect: '/404', hidden: true }

2
yxt-as-ui/src/views/basicinformation/secondaryCooperativeStation/secondaryCooperativeStation.vue
View File

@ -340,7 +340,7 @@
// }
this.viewState = 3
this.$refs['divAdd'].showEdit(row.sid)
this.$refs['divAdd'].showEdit(row)
},
toInfo(row) {
this.viewState = 4

207
yxt-as-ui/src/views/operation/salesInvoice/relation/selectSalesOrder.vue
View File

@ -0,0 +1,207 @@
<template>
<div class="app-container">
<div>
<div class="tab-header webtop">
<div>选择配件销售单</div>
<div>
<el-button type="primary" size="small" @click="AddUpdateReturn">确定</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<el-form-item label="单据编号" class="searchlist">
<el-input v-model="listQuery.params.billNo" placeholder="" clearable />
</el-form-item>
<el-form-item label="配件销售人" class="searchlist">
<el-input v-model="listQuery.params.salePerson" placeholder="" clearable />
</el-form-item>
<el-form-item label="客户名称" class="searchlist">
<el-input v-model="listQuery.params.cusmoterName" placeholder="" clearable />
</el-form-item>
<el-form-item label="车牌号" class="searchlist">
<el-input v-model="listQuery.params.vehMark" placeholder="" clearable />
</el-form-item>
<el-form-item label="结算日期">
<el-date-picker v-model="listQuery.params.settleDateStart" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
type="date" placeholder="选择日期"></el-date-picker>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.settleDateEnd" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
<el-form-item label="制单日期">
<el-date-picker v-model="listQuery.params.createDateStart" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
type="date" placeholder="选择日期"></el-date-picker>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.createDateEnd" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
</div>
</div>
</div>
<div class="listtop">
<div class="tit">商品列表</div>
</div>
<div class="">
<el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column width="50" type="selection" align="center" />
<el-table-column width="80" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="saleOrderNo" label="单据编号" align="center" width="170" />
<el-table-column prop="salePerson" label="配件销售人" align="center" width="120" />
<el-table-column prop="cusmoterName" label="客户名称" align="center" min-width="120" />
<el-table-column prop="vehMark" label="车牌号" align="center" width="130" />
<el-table-column prop="vinNo" label="车架号" align="center" width="130" />
<el-table-column prop="goodsAmount" label="材料费" align="center" width="120" />
<el-table-column prop="addAmount" label="附加费" align="center" width="120" />
<el-table-column prop="discountAmount" label="优惠" align="center" width="120" />
<el-table-column prop="settleDate" label="结算日期" align="center" width="120" />
<el-table-column prop="settleAmount" label="结算金额合计" align="center" width="120" />
<el-table-column prop="createByName" label="制单人" align="center" width="120" />
<el-table-column prop="createDate" label="制单日期" align="center" width="120" />
</el-table>
</div>
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<Pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
:limit.sync="listQuery.size" class="pagination" @pagination="getList" />
</div>
</div>
</div>
</div>
</template>
<script>
import Pagination from '@/components/pagination'
import req from '@/api/operation/salesInvoice'
export default {
name: 'SelectSalesOrder',
components: {
Pagination
},
data() {
return {
isSearchShow: false,
searchxianshitit: '隐藏查询条件',
tableKey: 0,
sids: [],
list: [],
number: '',
listLoading: false,
listQuery: {
current: 1,
size: 10,
params: {
"deptSid": "",
"billNo": "",
"salePerson": "",
"cusmoterName": "",
"vehMark": "",
"settleDateStart": "",
"settleDateEnd": "",
"createDateStart": "",
"createDateEnd": ""
},
total: 0
}
}
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
// 查询列表信息
getList() {
this.listLoading = true
req.salesOrderListPage(this.listQuery).then((response) => {
this.listLoading = false
if (response.success) {
this.listQuery.total = response.data.total
this.list = response.data.records
} else {
this.listQuery.total = 0
this.list = []
}
})
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
this.getList()
},
// 重置按钮
handleReset() {
this.listQuery.current = 1
this.listQuery.size = 10
this.listQuery.total = 0
this.listQuery.params.billNo = ''
this.listQuery.params.salePerson = ''
this.listQuery.params.cusmoterName = ''
this.listQuery.params.vehMark = ''
this.listQuery.params.settleDateStart = ''
this.listQuery.params.settleDateEnd = ''
this.listQuery.params.createDateStart = ''
this.listQuery.params.createDateEnd = ''
this.getList()
},
handleSelectionChange(row) {
this.sids = row
},
showData(value, deptSid) {
// const aa = []
// if (value.length > 0) {
// for (var i = 0; i < value.length; i++) {
// aa.push(value[i].saleVehSid)
// }
// this.listQuery.params.saleVehSids = aa
// } else {
// this.listQuery.params.saleVehSids = []
// }``
this.listQuery.params.deptSid = deptSid
this.listQuery.current = 1
this.listQuery.size = 10
this.listQuery.total = 0
this.getList()
},
// 添加修改返回
AddUpdateReturn() {
if (this.sids.length > 0) {
this.$emit('backData', this.sids)
} else {
this.$notify({
title: '提示',
message: '请至少选择一条记录进行操作',
type: 'error',
duration: 2000
})
}
},
// 返回
handleReturn() {
this.$emit('doback')
}
}
}
</script>
<style scoped>
</style>

401
yxt-as-ui/src/views/operation/salesInvoice/salesInvoice.vue
View File

@ -0,0 +1,401 @@
<template>
<div class="app-container">
<!--列表页面-->
<div v-show="viewState == 1">
<button-bar view-title="配件销售单开票申请管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<!--Start查询列表部分-->
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<el-form-item label="分公司">
<el-input v-model="listQuery.params.useOrgName" placeholder="" clearable />
</el-form-item>
<el-form-item label="申请部门">
<el-input v-model="listQuery.params.deptName" placeholder="" clearable />
</el-form-item>
<el-form-item label="申请人">
<el-input v-model="listQuery.params.createByName" placeholder="" clearable />
</el-form-item>
<el-form-item label="单据编号">
<el-input v-model="listQuery.params.billNo" placeholder="" clearable />
</el-form-item>
<el-form-item label="申请日期">
<el-date-picker v-model="listQuery.params.startDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
type="date" placeholder="选择日期"></el-date-picker>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.endDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
<el-form-item label="办结日期">
<el-date-picker v-model="listQuery.params.startDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
type="date" placeholder="选择日期"></el-date-picker>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.endDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
<el-form-item label="开票单位">
<el-input v-model="listQuery.params.customerName" placeholder="" clearable />
</el-form-item>
<el-form-item label="开票名称">
<el-input v-model="listQuery.params.vehMark" placeholder="" clearable />
</el-form-item>
<el-form-item label="开票类型">
<el-input v-model="listQuery.params.vinNo" placeholder="" clearable />
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
</div>
</div>
</div>
<!--End查询列表部分-->
<div class="listtop">
<div class="tit">配件销售单开票申请列表</div>
<!-- <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
:limit.sync="listQuery.size" class="pagination" @pagination="getList" /> -->
</div>
<!--Start 主页面主要部分 -->
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;"
@selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50" />
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center" />
<el-table-column label="操作" width="180" align="center">
<template slot-scope="scope">
<el-button type="primary" :disabled="scope.row.state == '已办结'" size="small"
@click="toEdit(scope.row)">办理</el-button>
<el-button type="primary" size="small" @click="toInfo(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column label="流程状态" width="180" header-align="center">
<template slot-scope="scope">
<span v-if="scope.row.nodeState=='待提交'" type="primary" size="mini">待提交</span>
<span v-else @click="flowRecord(scope.row)" class="bluezi">{{ scope.row.nodeState }}</span>
</template>
</el-table-column>
<el-table-column prop="billNo" label="单据编号" align="center" width="220" />
<el-table-column prop="useOrgName" label="分公司" align="center" min-width="150" />
<el-table-column prop="deptName" label="申请部门" align="center" min-width="150" />
<el-table-column prop="createByName" label="申请人" align="center" width="120" />
<el-table-column prop="createTime" label="申请日期" align="center" width="120" />
<el-table-column prop="finishTime" label="办结日期" align="center" width="120" />
<el-table-column prop="invoiceOrg" label="开票单位" align="center" width="160" />
<el-table-column prop="invoiceName" label="开票名称" align="center" width="160" />
<el-table-column prop="invoiceType" label="开票类型" align="center" width="120" />
<el-table-column prop="invoicePrice" label="开票金额" align="center" width="120" />
<el-table-column label="附件" width="80" align="center">
<template slot-scope="scope">
<span @click="showFiles(scope.row.files)" class="bluezi">查看</span>
</template>
</el-table-column>
</el-table>
</div>
<!--End 主页面主要部分-->
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
:limit.sync="listQuery.size" class="pagination" @pagination="getList" />
</div>
<!--End查询列表部分-->
</div>
</div>
<!--新增及修改 -->
<salesInvoiceAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState"
@reloadlist="getList" />
<!-- 详情 -->
<salesInvoiceInfo v-show="viewState == 4" ref="divInfo" @doback="resetState" />
<!-- 流程审批记录 -->
<el-dialog title="" :visible.sync="centerDialogVisible" width="78%" height="1%" :before-close="closeIt" center>
<iframe frameborder="0" id="iframe" style="width:100%;" scrolling="no"
:src="this.centerDialogVisible === true ? url :''"></iframe>
</el-dialog>
<!-- 附件 -->
<el-dialog title="附件" :visible.sync="filesDialogVisible" width="78%" height="1%"
:before-close="closeFilesDialogVisible">
<div style=" margin-top: -20px">
<el-image class="addinputInfo" style="width: 150px;height: 150px;padding: 10px;"
v-for="(item, index) in filesList" :key="index" :src="item" :preview-src-list="filesList" />
</div>
</el-dialog>
</div>
</template>
<script>
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar'
import req from '@/api/operation/salesInvoice'
import salesInvoiceAdd from './salesInvoiceAdd'
import salesInvoiceInfo from './salesInvoiceInfo'
import {
getStorage
} from '@/utils/auth'
export default {
name: 'SalesTicket',
components: {
Pagination,
pageye,
ButtonBar,
salesInvoiceAdd,
salesInvoiceInfo
},
data() {
return {
url: '',
dialogHeight: '80%',
centerDialogVisible: false,
btndisabled: false,
btnList: [{
type: 'primary',
size: 'small',
icon: 'plus',
btnKey: 'toAdd',
btnLabel: '新增'
},
{
type: 'danger',
size: 'small',
icon: 'del',
btnKey: 'doDel',
btnLabel: '删除'
},
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
isSearchShow: false,
searchxianshitit: '显示查询条件',
viewState: 1, // 1、列表 2、新增 3、编辑 4、查看
tableKey: 0,
list: [],
sids: [], // 用于导出的时候保存已选择的SIDs
listLoading: false,
// 翻页
listQuery: {
current: 1,
size: 5,
total: 0,
params: {
useOrgName: '',
deptName: '',
createByName: '',
billNo: '',
startDate: '',
endDate: '',
colesStartDate: '',
colesEndDate: '',
invoiceName: '',
invoiceValue: '',
createBySid: '',
orgPath: ''
}
},
filesList: [],
filesDialogVisible: false,
}
},
created() {
// 初始化变量
this.getList()
},
mounted() {
// 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
window.addEventListener('message', this.handleMessage)
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
async handleMessage(event) {
var code = ''
if (event.data.params !== null && event.data.params !== undefined) {
code = event.data.params.code
}
if (code === 1) {
this.centerDialogVisible = false
} else if (code === 2) {
this.dialogHeight = event.data.params.data
this.setIframeHeight(document.getElementById('iframe'))
}
},
closeIt() {
this.url = ''
this.centerDialogVisible = false
},
setIframeHeight(iframe) {
iframe.height = this.dialogHeight
},
flowRecord(row) {
this.centerDialogVisible = true
var params = {
deployId: row.procDefId,
procInsId: row.procInstId,
token: getStorage()
}
this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
},
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
console.log('XXXXXXXXXXXXXXX ' + btnKey)
switch (btnKey) {
case 'toAdd':
this.toAdd()
break
case 'doDel':
this.doDel()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
// 信息条数 获取点击时当前的sid
handleSelectionChange(row) {
const aa = []
row.forEach(element => {
aa.push(element.sid)
})
this.sids = aa
},
// 表中序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
// 查询列表信息
getList() {
this.listLoading = true
this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
this.listQuery.params.menuUrl = this.$route.path
req.listPage(this.listQuery).then(response => {
this.listLoading = false
if (response.success) {
this.list = response.data.records
this.listQuery.total = response.data.total
} else {
this.list = []
this.listQuery.total = 0
}
})
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
this.getList()
},
// 点击重置
handleReset() {
this.listQuery = {
current: 1,
size: 5,
total: 0,
params: {
useOrgName: '',
deptName: '',
createByName: '',
bilLNo: '',
startDate: '',
endDate: '',
customerName: '',
vehMark: '',
vinNo: '',
salesName: '',
orgPath: '',
usersid: '',
menuUrl: ''
}
}
this.getList()
},
showFiles(files) {
this.filesList = files
this.filesDialogVisible = true
},
closeFilesDialogVisible() {
this.filesDialogVisible = false
},
toAdd() {
this.viewState = 2
this.$refs['divAdd'].showAdd()
},
toEdit(row) {
this.viewState = 3
this.$refs['divAdd'].showEdit(row)
},
toInfo(row) {
this.viewState = 4
this.$refs['divInfo'].showInfo(row)
},
// 删除
doDel() {
if (this.sids.length === 0) {
this.$message({
showClose: true,
type: 'error',
message: '请选择至少一条记录进行删除操作'
})
return
}
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.deleteBySids(this.sids).then((resp) => {
if (resp.success) {
this.$message({
type: 'success',
message: resp.msg,
showClose: true
})
}
this.getList()
loading.close()
}).catch(e => {
loading.close()
})
}).catch(() => {})
},
// 修改、编辑、详情返回列表页面
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

457
yxt-as-ui/src/views/operation/salesInvoice/salesInvoiceAdd.vue
View File

@ -0,0 +1,457 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="8">
<div class="span-sty">申请部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty"><span class="icon">*</span>开票单位</div>
<el-form-item prop="invoiceOrg"> <el-select class="addinputInfo addinputw" v-model="formobj.invoiceOrg"
placeholder="请选择" @change="selectInvoiceOrg">
<el-option v-for="(item,i) in invoiceOrgList" :key="i" :label="item.companyInvoicingName"
:value="item.companyInvoicingSid">
</el-option>
</el-select></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty"><span class="icon">*</span>开票名称</div>
<el-form-item prop="invoiceName"> <el-select class="addinputInfo addinputw" v-model="formobj.invoiceName"
placeholder="请选择" @change="selectInvoiceName">
<el-option v-for="(item,i) in invoiceNameList" :key="i" :label="item.supplierName" :value="item.sid">
</el-option>
</el-select></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span class="icon">*</span>开票类型</div>
<el-form-item prop="invoiceType"> <el-select class="addinputInfo addinputw" v-model="formobj.invoiceType"
placeholder="请选择" @change="selectInvoiceType">
<el-option v-for="(item,i) in invoiceTypeList" :key="i" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票金额</div>
<el-form-item><span class="addinputInfo addinputw">{{settleAmount}}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">备注</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.remarks" clearable
placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">附件</div>
<el-form-item>
<uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.files" :limit="50" bucket="map"
:upload-data="{ type: '0001' }" />
</el-form-item>
</el-col>
</el-row>
<div class="title titleOne">
<div>销售单列表</div>
<el-button type="primary" size="mini" class="btntopblueline" @click="selectOrder">选择销售单</el-button>
</div>
<el-table :key="sitemKey" :data="formobj.saleOrderList" :index="index" border style="width: 100%">
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column fixed label="操作" align="center" width="100">
<template slot-scope="scope">
<el-button type="primary" size="small" @click="delOrder(scope.$index)">删除</el-button>
</template>
</el-table-column>
<el-table-column label="销售单号" prop="saleOrderNo" align="center" />
<el-table-column label="配件销售人" prop="salePerson" align="center" />
<el-table-column label="客户名称" prop="cusmoterName" align="center" />
<el-table-column label="车牌号" prop="vehMark" align="center" />
<el-table-column label="车架号" prop="vinNo" align="center" />
<el-table-column label="材料费" prop="goodsAmount" align="center" />
<el-table-column label="附加费" prop="addAmount" align="center" />
<el-table-column label="优惠" prop="discountAmount" align="center" />
<el-table-column label="结算日期" prop="settleDate" align="center" />
<el-table-column label="结算金额合计" prop="settleAmount" align="center" />
</el-table>
</el-form>
</div>
</div>
<!-- 选择销售单 -->
<selectSalesOrder v-show="viewState == 2" ref="divXSD" @backData="backData" @doback="resetState" />
</div>
</template>
<script>
import req from '@/api/operation/salesInvoice'
import {
getOrgSidByPath,
getInvoicingList,
choiceSupplierInfo,
typeValues
} from '@/api/Common/dictcommons'
import selectSalesOrder from './relation/selectSalesOrder'
import uploadImg from '@/components/uploadFile/uploadImg'
import {
getCurrentDate
} from '@/utils/index.js'
export default {
name: 'SalesInvoiceAdd',
components: {
selectSalesOrder,
uploadImg
},
data() {
return {
viewTitle: '',
viewState: 1,
submitdisabled: false,
dialogVisible: false,
tableKey: 1,
sitemKey: 2,
sitemReturnKey: 3,
goodsKey: 4,
index: 0,
formobj: {
"sid": "",
"nodeState": "",
"procInstId": "",
"procDefId": "",
"taskId": "",
"nodeId": "",
"useOrgName": "",
"createByName": "",
"deptName": "",
"createTime": "",
"invoiceOrg": "",
"invoiceOrgSid": "",
"invoiceName": "",
"invoiceNameSid": "",
"invoiceType": "",
"invoiceTypeSid": "",
"invoicePrice": "",
"remarks": "",
"files": [],
"saleOrderList": [
]
},
rules: {
invoiceOrg: [{
required: true,
message: '开票单位不能为空',
trigger: 'change'
}],
invoiceName: [{
required: true,
message: '开票名称不能为空',
trigger: 'blur'
}],
invoiceType: [{
required: true,
message: '开票类型不能为空',
trigger: 'blur'
}]
},
invoiceOrgList: [],
invoiceNameList: [],
invoiceTypeList: []
}
},
computed: {
// 计算开票金额
settleAmount() {
let settleAmount = 0
if (this.formobj.saleOrderList.length > 0) {
this.formobj.saleOrderList.forEach((e) => {
if (e.settleAmount !== '') {
settleAmount += Number(e.settleAmount)
}
})
}
return settleAmount
},
},
methods: {
init() {
getInvoicingList({
orgPath: window.sessionStorage.getItem('defaultOrgPath')
}).then((res) => {
if (res.success) {
this.invoiceOrgList = res.data
}
})
choiceSupplierInfo({
deptSid: window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage.getItem(
'defaultOrgPath').lastIndexOf('/') + 1)
}).then((resp) => {
if (resp.success) {
this.invoiceNameList = resp.data
}
})
typeValues({
type: 'billingType'
}).then((res) => {
if (res.success) {
this.invoiceTypeList = res.data
}
})
},
selectInvoiceOrg(val) {
const choose = this.invoiceOrgList.filter((item) => item.companyInvoicingSid === val)
if (choose.length > 0 && choose !== null) {
this.formobj.invoiceOrg = choose[0].companyInvoicingName
this.formobj.invoiceOrgSid = choose[0].companyInvoicingSid
} else {
this.formobj.invoiceOrg = ''
this.formobj.invoiceOrgSid = ''
}
},
selectInvoiceName(val) {
const choose = this.invoiceNameList.filter((item) => item.sid === val)
if (choose.length > 0 && choose !== null) {
this.formobj.invoiceName = choose[0].supplierName
this.formobj.invoiceNameSid = choose[0].sid
} else {
this.formobj.invoiceName = ''
this.formobj.invoiceNameSid = ''
}
},
selectInvoiceType(val) {
const choose = this.invoiceTypeList.filter((item) => item.dictKey === val)
if (choose.length > 0 && choose !== null) {
this.formobj.invoiceType = choose[0].dictValue
this.formobj.invoiceTypeSid = choose[0].dictKey
} else {
this.formobj.invoiceType = ''
this.formobj.invoiceTypeSid = ''
}
},
selectOrder() {
this.viewState = 2
const aa = []
this.$refs['divXSD'].showData(aa, this.formobj.deptSid)
},
backData(value) {
this.viewState = 1
console.log("aaa", value)
for (var i = 0; i < value.length; i++) {
this.formobj.saleOrderList.push(value[i])
}
},
showAdd() {
this.init()
this.viewTitle = '【新增】配件销售单位开票申请'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.formobj.createByName = window.sessionStorage.getItem('name')
this.formobj.createBySid = window.sessionStorage.getItem('userSid')
this.formobj.deptName = window.sessionStorage.getItem('defaultOrgPathName').substring(window
.sessionStorage
.getItem('defaultOrgPathName').lastIndexOf('/') + 1)
this.formobj.deptSid = window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage
.getItem(
'defaultOrgPath').lastIndexOf('/') + 1)
this.formobj.createTime = getCurrentDate()
getOrgSidByPath({
orgPath: window.sessionStorage.getItem('defaultOrgPath')
}).then((res) => {
if (res.success) {
this.formobj.createOrgSid = res.data
this.formobj.useOrgSid = res.data
}
})
},
showEdit(row) {
this.init()
this.viewTitle = '【编辑】配件销售单位开票申请'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.fetchBySid(row.sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
resetState() {
this.viewState = 1
},
delOrder(index) {
this.formobj.saleOrderList.splice(index, 1)
},
saveOrUpdate() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
if (this.formobj.saleOrderList.length == 0) {
this.$message({
showClose: true,
type: 'error',
message: '请选择销售单'
})
return
}
this.submitdisabled = true
req.saveOrUpdate(this.formobj).then((res) => {
if (res.success) {
this.$message({
showClose: true,
type: 'success',
message: '保存成功'
})
this.handleReturn('true')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
},
submit() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
if (this.formobj.saleOrderList.length == 0) {
this.$message({
showClose: true,
type: 'error',
message: '请选择销售单'
})
return
}
this.submitdisabled = true
req.submit(this.formobj).then((res) => {
if (res.success) {
this.$message({
showClose: true,
type: 'success',
message: '提交成功'
})
this.handleReturn('true')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
},
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
"sid": "",
"nodeState": "",
"procInstId": "",
"procDefId": "",
"taskId": "",
"nodeId": "",
"useOrgName": "",
"createByName": "",
"deptName": "",
"createTime": "",
"invoiceOrg": "",
"invoiceOrgSid": "",
"invoiceName": "",
"invoiceNameSid": "",
"invoiceType": "",
"invoiceTypeSid": "",
"invoicePrice": "",
"remarks": "",
"files": [],
"saleOrderList": [
]
}
this.submitdisabled = false
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
/deep/ .el-form-item__error {
margin-left: 120px !important;
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
margin-left: 120px !important;
width: calc(100% - 115px);
}
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group {
display: inline;
line-height: 1px;
vertical-align: middle;
}
.el-divider {
margin: 0 !important;
background-color: #FFFFFF;
}
</style>

127
yxt-as-ui/src/views/operation/salesInvoice/salesInvoiceInfo.vue
View File

@ -0,0 +1,127 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="8">
<div class="span-sty">申请部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">开票单位</div>
<el-form-item><span class="addinputInfo">{{ formobj.invoiceOrg }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">开票名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.invoiceName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.invoiceType }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.invoicePrice }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">备注</div>
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">附件</div>
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px;padding: 10px;"
v-for="(item, index) in formobj.files" :key="index" :src="item"
:preview-src-list="formobj.files" /></el-form-item>
</el-col>
</el-row>
<div class="title">
<div>配件销售开票申请列表</div>
</div>
<el-table :key="commodityKey" :data="formobj.saleOrderList" :index="index" border style="width: 100%">
<el-table-column fixed width="60" label="序号" type="index" :index="index+1" align="center" />
<el-table-column label="销售单号" prop="saleOrderNo" align="center" />
<el-table-column label="配件销售人" prop="salePerson" align="center" />
<el-table-column label="客户名称" prop="cusmoterName" align="center" />
<el-table-column label="车牌号" prop="vehMark" align="center" />
<el-table-column label="车架号" prop="vinNo" align="center" />
<el-table-column label="材料费" prop="goodsAmount" align="center" />
<el-table-column label="附加费" prop="addAmount" align="center" />
<el-table-column label="优惠" prop="discountAmount" align="center" />
<el-table-column label="结算日期" prop="settleDate" align="center" />
<el-table-column label="结算金额合计" prop="settleAmount" align="center" />
</el-table>
</el-form>
</div>
</div>
</div>
</template>
<script>
import req from '@/api/operation/salesInvoice'
export default {
name: 'SalesInvoiceInfo',
data() {
return {
viewTitle: '',
viewState: 1,
commodityKey: 1,
index: 0,
formobj: {
},
rules: {}
}
},
computed: {},
methods: {
showInfo(row) {
this.viewTitle = '配件销售单开票申请详情'
req.fetchBySid(row.sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
handleReturn() {
this.formobj = {}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 140px !important;
}
.addinputInfo {
margin-left: 130px !important;
}
</style>

207
yxt-as-ui/src/views/workFlow/salesInvoiceFlow/relation/selectSalesOrder.vue
View File

@ -0,0 +1,207 @@
<template>
<div class="app-container">
<div>
<div class="tab-header webtop">
<div>选择配件销售单</div>
<div>
<el-button type="primary" size="small" @click="AddUpdateReturn">确定</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<el-form-item label="单据编号" class="searchlist">
<el-input v-model="listQuery.params.billNo" placeholder="" clearable />
</el-form-item>
<el-form-item label="配件销售人" class="searchlist">
<el-input v-model="listQuery.params.salePerson" placeholder="" clearable />
</el-form-item>
<el-form-item label="客户名称" class="searchlist">
<el-input v-model="listQuery.params.cusmoterName" placeholder="" clearable />
</el-form-item>
<el-form-item label="车牌号" class="searchlist">
<el-input v-model="listQuery.params.vehMark" placeholder="" clearable />
</el-form-item>
<el-form-item label="结算日期">
<el-date-picker v-model="listQuery.params.settleDateStart" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
type="date" placeholder="选择日期"></el-date-picker>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.settleDateEnd" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
<el-form-item label="制单日期">
<el-date-picker v-model="listQuery.params.createDateStart" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
type="date" placeholder="选择日期"></el-date-picker>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.createDateEnd" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
</div>
</div>
</div>
<div class="listtop">
<div class="tit">商品列表</div>
</div>
<div class="">
<el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column width="50" type="selection" align="center" />
<el-table-column width="80" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="saleOrderNo" label="单据编号" align="center" width="170" />
<el-table-column prop="salePerson" label="配件销售人" align="center" width="120" />
<el-table-column prop="cusmoterName" label="客户名称" align="center" min-width="120" />
<el-table-column prop="vehMark" label="车牌号" align="center" width="130" />
<el-table-column prop="vinNo" label="车架号" align="center" width="130" />
<el-table-column prop="goodsAmount" label="材料费" align="center" width="120" />
<el-table-column prop="addAmount" label="附加费" align="center" width="120" />
<el-table-column prop="discountAmount" label="优惠" align="center" width="120" />
<el-table-column prop="settleDate" label="结算日期" align="center" width="120" />
<el-table-column prop="settleAmount" label="结算金额合计" align="center" width="120" />
<el-table-column prop="createByName" label="制单人" align="center" width="120" />
<el-table-column prop="createDate" label="制单日期" align="center" width="120" />
</el-table>
</div>
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<Pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
:limit.sync="listQuery.size" class="pagination" @pagination="getList" />
</div>
</div>
</div>
</div>
</template>
<script>
import Pagination from '@/components/pagination'
import req from '@/api/operation/salesInvoice'
export default {
name: 'SelectSalesOrder',
components: {
Pagination
},
data() {
return {
isSearchShow: false,
searchxianshitit: '隐藏查询条件',
tableKey: 0,
sids: [],
list: [],
number: '',
listLoading: false,
listQuery: {
current: 1,
size: 10,
params: {
"deptSid": "",
"billNo": "",
"salePerson": "",
"cusmoterName": "",
"vehMark": "",
"settleDateStart": "",
"settleDateEnd": "",
"createDateStart": "",
"createDateEnd": ""
},
total: 0
}
}
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
// 查询列表信息
getList() {
this.listLoading = true
req.salesOrderListPage(this.listQuery).then((response) => {
this.listLoading = false
if (response.success) {
this.listQuery.total = response.data.total
this.list = response.data.records
} else {
this.listQuery.total = 0
this.list = []
}
})
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
this.getList()
},
// 重置按钮
handleReset() {
this.listQuery.current = 1
this.listQuery.size = 10
this.listQuery.total = 0
this.listQuery.params.billNo = ''
this.listQuery.params.salePerson = ''
this.listQuery.params.cusmoterName = ''
this.listQuery.params.vehMark = ''
this.listQuery.params.settleDateStart = ''
this.listQuery.params.settleDateEnd = ''
this.listQuery.params.createDateStart = ''
this.listQuery.params.createDateEnd = ''
this.getList()
},
handleSelectionChange(row) {
this.sids = row
},
showData(value, deptSid) {
// const aa = []
// if (value.length > 0) {
// for (var i = 0; i < value.length; i++) {
// aa.push(value[i].saleVehSid)
// }
// this.listQuery.params.saleVehSids = aa
// } else {
// this.listQuery.params.saleVehSids = []
// }``
this.listQuery.params.deptSid = deptSid
this.listQuery.current = 1
this.listQuery.size = 10
this.listQuery.total = 0
this.getList()
},
// 添加修改返回
AddUpdateReturn() {
if (this.sids.length > 0) {
this.$emit('backData', this.sids)
} else {
this.$notify({
title: '提示',
message: '请至少选择一条记录进行操作',
type: 'error',
duration: 2000
})
}
},
// 返回
handleReturn() {
this.$emit('doback')
}
}
}
</script>
<style scoped>
</style>

446
yxt-as-ui/src/views/workFlow/salesInvoiceFlow/salesInvoiceDaiBan.vue
View File

@ -0,0 +1,446 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" @click="openCountersign('加签')">加 签</el-button>
<el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
<el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
<el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
</div>
</div>
<div class="">
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="8">
<div class="span-sty">申请部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">开票单位</div>
<el-form-item><span class="addinputInfo">{{ formobj.invoiceOrg }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">开票名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.invoiceName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.invoiceType }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.invoicePrice }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">备注</div>
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">附件</div>
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px;padding: 10px;"
v-for="(item, index) in formobj.files" :key="index" :src="item"
:preview-src-list="formobj.files" /></el-form-item>
</el-col>
</el-row>
<div class="title">
<div>配件销售开票申请列表</div>
</div>
<el-table :key="commodityKey" :data="formobj.saleOrderList" :index="index" border style="width: 100%">
<el-table-column fixed width="60" label="序号" type="index" :index="index+1" align="center" />
<el-table-column label="销售单号" prop="saleOrderNo" align="center" />
<el-table-column label="配件销售人" prop="salePerson" align="center" />
<el-table-column label="客户名称" prop="cusmoterName" align="center" />
<el-table-column label="车牌号" prop="vehMark" align="center" />
<el-table-column label="车架号" prop="vinNo" align="center" />
<el-table-column label="材料费" prop="goodsAmount" align="center" />
<el-table-column label="附加费" prop="addAmount" align="center" />
<el-table-column label="优惠" prop="discountAmount" align="center" />
<el-table-column label="结算日期" prop="settleDate" align="center" />
<el-table-column label="结算金额合计" prop="settleAmount" align="center" />
</el-table>
</el-form>
</div>
</div>
<!-- 选择待办人 的弹出框-->
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
<el-form class="formadd">
<el-row v-show="countersignLink" style="border-top: 1px solid #e0e3eb">
<el-col :span="4" class="tleftb">
<span class="icon">*</span>加签人员:
</el-col>
<el-col :span="20">
<el-form-item>
<el-select v-model="countersign.assignee" placeholder="请选择" filterable>
<el-option v-for="item in options" :key="item.userSid" :label="item.staffName" :value="item.userSid">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb">
<el-col :span="4" class="tleftb">
<span>当前环节:</span>
</el-col>
<el-col :span="20">
<el-form-item><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item>
</el-col>
</el-row>
<el-row :class="{rowClass:!currentLink}">
<el-col :span="4" class="tleftb">
<span>意见:</span>
</el-col>
<el-col :span="20">
<el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw"
type="textarea" :autosize="{ minRows: 1, maxRows: 10}" clearable></el-input></el-form-item>
</el-col>
</el-row>
<div style="text-align:center;margin-top: 20px;">
<el-button type="primary" size="mini" @click="reject">确 定</el-button>
<el-button type="info " size="mini" @click="nodeDialogVisible = false">取 消</el-button>
</div>
</el-form>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/operation/salesInvoice'
import {
selectStaffListss
} from '@/api/Common/dictcommons'
export default {
name: 'SalesInvoiceInfo',
data() {
return {
viewTitle: '',
viewState: 1,
commodityKey: 1,
index: 0,
formobj: {
},
rules: {},
options: [],
operation: '', // 点击操作按钮
dialogList: {
comment: ''
},
startTask: true,
current: {
taskDefKey: '',
taskName: '' // 当前环节名称
},
nextNode: {}, // 下一环节
nodeDialogVisible: false,
currentLink: true,
countersignLink: false,
// 环节所需参数
linkByParameter: {
businessSid: '',
comment: '',
instanceId: '',
taskId: '',
orgSidPath: '',
taskDefKey: '',
userSid: ''
},
// 加签按钮所需参数
countersign: {
taskId: '',
assignee: '',
userSid: '',
instanceId: '',
views: ''
}
}
},
computed: {},
created() {
console.log('url:' + window.location.href)
var one = window.location.href.indexOf('&data') + 6
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
const obj = JSON.parse(decodeURIComponent(data))
console.log('iframe页面获取的obj:', obj)
// 点击（同意、终止、驳回、驳回）操作时所需的参数
this.linkByParameter.businessSid = obj.businessSid
this.linkByParameter.instanceId = obj.instanceId
this.linkByParameter.taskId = obj.taskId
this.linkByParameter.taskDefKey = obj.taskDefKey
// this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath')
this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
this.current.taskDefKey = obj.taskDefKey
this.current.taskName = obj.taskName
// 加签参数
this.countersign.taskId = obj.taskId
this.countersign.userSid = window.sessionStorage.getItem('userSid')
this.countersign.instanceId = obj.instanceId
// 加载表单数据
this.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 500 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.viewTitle = '配件销售单开票申请详情'
req.fetchBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
selectStaffListss().then((res) => {
if (res.success) {
this.options = res.data
}
})
},
// 加签
openCountersign(val) {
this.operation = val
this.currentLink = true
this.countersignLink = true
this.dialogList.comment = ''
req.getNextNodesForSubmit({
taskDefKey: this.current.taskDefKey,
businessSid: this.linkByParameter.businessSid
}).then((resp) => {
if (resp.success) {
var arr = resp.data
this.nextNode = arr[0]
this.nodeDialogVisible = true
}
this.submitdisabled = false
})
},
// 同意
openAgree(val) {
this.operation = val
this.currentLink = true
this.countersignLink = false
this.dialogList.comment = '同意'
req.getNextNodesForSubmit({
taskDefKey: this.current.taskDefKey,
businessSid: this.linkByParameter.businessSid
}).then((resp) => {
if (resp.success) {
var arr = resp.data
this.nextNode = arr[0]
this.nodeDialogVisible = true
}
this.submitdisabled = false
})
},
// 驳回
openReject(val) {
this.operation = val
this.currentLink = true
this.countersignLink = false
this.dialogList.comment = ''
req.getPreviousNodesForReject({
taskDefKey: this.current.taskDefKey,
businessSid: this.linkByParameter.businessSid
}).then((resp) => {
if (resp.success) {
var arr = resp.data
this.nextNode = arr[0]
this.nodeDialogVisible = true
}
this.submitdisabled = false
})
},
// 终止
openStop(val) {
this.operation = val
this.currentLink = false
this.countersignLink = false
this.dialogList.comment = ''
this.nodeDialogVisible = true
},
reject() {
if (this.operation === '同意') {
this.handleAgree()
} else if (this.operation === '驳回') {
if (this.dialogList.comment === '') {
this.$message({
showClose: true,
type: 'error',
message: '请填写审批意见'
})
} else {
this.handleReject()
}
} else if (this.operation === '终止') {
if (this.dialogList.comment === '') {
this.$message({
showClose: true,
type: 'error',
message: '请填写审批意见'
})
} else {
this.handleStop()
}
} else if (this.operation === '加签') {
this.handleCountersign()
}
},
/** 加签 */
handleCountersign() {
if (this.countersign.assignee === '') {
this.$message({
showClose: true,
type: 'error',
message: '请选择加签人员'
})
return
}
if (this.dialogList.comment === '') {
this.$message({
showClose: true,
type: 'error',
message: '请填写审批意见'
})
return
}
this.countersign.views = this.dialogList.comment
req.delegate(this.countersign).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
},
/** 同意任务 */
handleAgree() {
this.linkByParameter.comment = this.dialogList.comment
req.complete(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
},
/** 驳回任务 */
handleReject() {
this.linkByParameter.comment = this.dialogList.comment
req.reject(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
},
/** 终止任务 */
handleStop() {
this.linkByParameter.comment = this.dialogList.comment
req.breakProcess(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
}
}
}
</script>
<style scoped>
.first_row {
border-top: 1px solid #E0E3EB;
}
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
.rowClass {
border-top: 1px solid #E0E3EB;
}
</style>

460
yxt-as-ui/src/views/workFlow/salesInvoiceFlow/salesInvoiceEdit.vue
View File

@ -0,0 +1,460 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="submit">提交</el-button>
</div>
</div>
<div class="">
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="8">
<div class="span-sty">申请部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty"><span class="icon">*</span>开票单位</div>
<el-form-item prop="invoiceOrg"> <el-select class="addinputInfo addinputw" v-model="formobj.invoiceOrg"
placeholder="请选择" @change="selectInvoiceOrg">
<el-option v-for="(item,i) in invoiceOrgList" :key="i" :label="item.companyInvoicingName"
:value="item.companyInvoicingSid">
</el-option>
</el-select></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty"><span class="icon">*</span>开票名称</div>
<el-form-item prop="invoiceName"> <el-select class="addinputInfo addinputw" v-model="formobj.invoiceName"
placeholder="请选择" @change="selectInvoiceName">
<el-option v-for="(item,i) in invoiceNameList" :key="i" :label="item.supplierName" :value="item.sid">
</el-option>
</el-select></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span class="icon">*</span>开票类型</div>
<el-form-item prop="invoiceType"> <el-select class="addinputInfo addinputw" v-model="formobj.invoiceType"
placeholder="请选择" @change="selectInvoiceType">
<el-option v-for="(item,i) in invoiceTypeList" :key="i" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票金额</div>
<el-form-item><span class="addinputInfo addinputw">{{settleAmount}}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">备注</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.remarks" clearable
placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">附件</div>
<el-form-item>
<uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.files" :limit="50" bucket="map"
:upload-data="{ type: '0001' }" />
</el-form-item>
</el-col>
</el-row>
<div class="title titleOne">
<div>销售单列表</div>
<el-button type="primary" size="mini" class="btntopblueline" @click="selectOrder">选择销售单</el-button>
</div>
<el-table :key="sitemKey" :data="formobj.saleOrderList" :index="index" border style="width: 100%">
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column fixed label="操作" align="center" width="100">
<template slot-scope="scope">
<el-button type="primary" size="small" @click="delOrder(scope.$index)">删除</el-button>
</template>
</el-table-column>
<el-table-column label="销售单号" prop="saleOrderNo" align="center" />
<el-table-column label="配件销售人" prop="salePerson" align="center" />
<el-table-column label="客户名称" prop="cusmoterName" align="center" />
<el-table-column label="车牌号" prop="vehMark" align="center" />
<el-table-column label="车架号" prop="vinNo" align="center" />
<el-table-column label="材料费" prop="goodsAmount" align="center" />
<el-table-column label="附加费" prop="addAmount" align="center" />
<el-table-column label="优惠" prop="discountAmount" align="center" />
<el-table-column label="结算日期" prop="settleDate" align="center" />
<el-table-column label="结算金额合计" prop="settleAmount" align="center" />
</el-table>
</el-form>
</div>
</div>
<!-- 选择销售单 -->
<selectSalesOrder v-show="viewState == 2" ref="divXSD" @backData="backData" @doback="resetState" />
</div>
</template>
<script>
import req from '@/api/operation/salesInvoice'
import {
getOrgSidByPath,
getInvoicingList,
choiceSupplierInfo,
typeValues
} from '@/api/Common/dictcommons'
import selectSalesOrder from './relation/selectSalesOrder'
import uploadImg from '@/components/uploadFile/uploadImg'
import {
getCurrentDate
} from '@/utils/index.js'
export default {
name: 'SalesInvoiceAdd',
components: {
selectSalesOrder,
uploadImg
},
data() {
return {
viewTitle: '',
viewState: 1,
submitdisabled: false,
dialogVisible: false,
tableKey: 1,
sitemKey: 2,
sitemReturnKey: 3,
goodsKey: 4,
index: 0,
formobj: {
"sid": "",
"nodeState": "",
"procInstId": "",
"procDefId": "",
"taskId": "",
"nodeId": "",
"useOrgName": "",
"createByName": "",
"deptName": "",
"createTime": "",
"invoiceOrg": "",
"invoiceOrgSid": "",
"invoiceName": "",
"invoiceNameSid": "",
"invoiceType": "",
"invoiceTypeSid": "",
"invoicePrice": "",
"remarks": "",
"files": [],
"saleOrderList": [
]
},
rules: {
invoiceOrg: [{
required: true,
message: '开票单位不能为空',
trigger: 'change'
}],
invoiceName: [{
required: true,
message: '开票名称不能为空',
trigger: 'blur'
}],
invoiceType: [{
required: true,
message: '开票类型不能为空',
trigger: 'blur'
}]
},
invoiceOrgList: [],
invoiceNameList: [],
invoiceTypeList: []
}
},
created() {
console.log('url:' + window.location.href)
var one = window.location.href.indexOf('&data') + 6
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
const obj = JSON.parse(decodeURIComponent(data))
this.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 500 + 'px'
}
}, '*')
},
computed: {
// 计算开票金额
settleAmount() {
let settleAmount = 0
if (this.formobj.saleOrderList.length > 0) {
this.formobj.saleOrderList.forEach((e) => {
if (e.settleAmount !== '') {
settleAmount += Number(e.settleAmount)
}
})
}
return settleAmount
},
},
methods: {
selectInvoiceOrg(val) {
const choose = this.invoiceOrgList.filter((item) => item.companyInvoicingSid === val)
if (choose.length > 0 && choose !== null) {
this.formobj.invoiceOrg = choose[0].companyInvoicingName
this.formobj.invoiceOrgSid = choose[0].companyInvoicingSid
} else {
this.formobj.invoiceOrg = ''
this.formobj.invoiceOrgSid = ''
}
},
selectInvoiceName(val) {
const choose = this.invoiceNameList.filter((item) => item.sid === val)
if (choose.length > 0 && choose !== null) {
this.formobj.invoiceName = choose[0].supplierName
this.formobj.invoiceNameSid = choose[0].sid
} else {
this.formobj.invoiceName = ''
this.formobj.invoiceNameSid = ''
}
},
selectInvoiceType(val) {
const choose = this.invoiceTypeList.filter((item) => item.dictKey === val)
if (choose.length > 0 && choose !== null) {
this.formobj.invoiceType = choose[0].dictValue
this.formobj.invoiceTypeSid = choose[0].dictKey
} else {
this.formobj.invoiceType = ''
this.formobj.invoiceTypeSid = ''
}
},
selectOrder() {
this.viewState = 2
const aa = []
this.$refs['divXSD'].showData(aa, this.formobj.deptSid)
},
backData(value) {
this.viewState = 1
console.log("aaa", value)
for (var i = 0; i < value.length; i++) {
this.formobj.saleOrderList.push(value[i])
}
},
showInfo(sid) {
this.viewTitle = '【编辑】配件销售单位开票申请'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.fetchBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
getInvoicingList({
orgPath: this.formobj.createOrgSid
}).then((res) => {
if (res.success) {
this.invoiceOrgList = res.data
}
})
choiceSupplierInfo({
deptSid: this.formobj.deptSid
}).then((resp) => {
if (resp.success) {
this.invoiceNameList = resp.data
}
})
typeValues({
type: 'billingType'
}).then((res) => {
if (res.success) {
this.invoiceTypeList = res.data
}
})
}
})
},
resetState() {
this.viewState = 1
},
delOrder(index) {
this.formobj.saleOrderList.splice(index, 1)
},
saveOrUpdate() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
if (this.formobj.saleOrderList.length == 0) {
this.$message({
showClose: true,
type: 'error',
message: '请选择销售单'
})
return
}
this.submitdisabled = true
req.saveOrUpdate(this.formobj).then((res) => {
if (res.success) {
this.$message({
showClose: true,
type: 'success',
message: '保存成功'
})
// 子页面向父级页面传递值(关闭弹框)
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
},
submit() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
if (this.formobj.saleOrderList.length == 0) {
this.$message({
showClose: true,
type: 'error',
message: '请选择销售单'
})
return
}
this.submitdisabled = true
req.submit(this.formobj).then((res) => {
if (res.success) {
this.$message({
showClose: true,
type: 'success',
message: '提交成功'
})
// 子页面向父级页面传递值(关闭弹框)
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
},
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
"sid": "",
"nodeState": "",
"procInstId": "",
"procDefId": "",
"taskId": "",
"nodeId": "",
"useOrgName": "",
"createByName": "",
"deptName": "",
"createTime": "",
"invoiceOrg": "",
"invoiceOrgSid": "",
"invoiceName": "",
"invoiceNameSid": "",
"invoiceType": "",
"invoiceTypeSid": "",
"invoicePrice": "",
"remarks": "",
"files": [],
"saleOrderList": [
]
}
this.submitdisabled = false
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
/deep/ .el-form-item__error {
margin-left: 120px !important;
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
margin-left: 120px !important;
width: calc(100% - 115px);
}
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group {
display: inline;
line-height: 1px;
vertical-align: middle;
}
.el-divider {
margin: 0 !important;
background-color: #FFFFFF;
}
</style>

205
yxt-as-ui/src/views/workFlow/salesInvoiceFlow/salesInvoiceYiBan.vue
View File

@ -0,0 +1,205 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
</div>
</div>
<div class="">
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="8">
<div class="span-sty">申请部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">申请日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">开票单位</div>
<el-form-item><span class="addinputInfo">{{ formobj.invoiceOrg }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">开票名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.invoiceName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.invoiceType }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.invoicePrice }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">备注</div>
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">附件</div>
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px;padding: 10px;"
v-for="(item, index) in formobj.files" :key="index" :src="item"
:preview-src-list="formobj.files" /></el-form-item>
</el-col>
</el-row>
<div class="title">
<div>配件销售开票申请列表</div>
</div>
<el-table :key="commodityKey" :data="formobj.saleOrderList" :index="index" border style="width: 100%">
<el-table-column fixed width="60" label="序号" type="index" :index="index+1" align="center" />
<el-table-column label="销售单号" prop="saleOrderNo" align="center" />
<el-table-column label="配件销售人" prop="salePerson" align="center" />
<el-table-column label="客户名称" prop="cusmoterName" align="center" />
<el-table-column label="车牌号" prop="vehMark" align="center" />
<el-table-column label="车架号" prop="vinNo" align="center" />
<el-table-column label="材料费" prop="goodsAmount" align="center" />
<el-table-column label="附加费" prop="addAmount" align="center" />
<el-table-column label="优惠" prop="discountAmount" align="center" />
<el-table-column label="结算日期" prop="settleDate" align="center" />
<el-table-column label="结算金额合计" prop="settleAmount" align="center" />
</el-table>
</el-form>
</div>
</div>
</div>
</template>
<script>
import req from '@/api/operation/salesInvoice'
export default {
name: 'SalesInvoiceInfo',
data() {
return {
viewTitle: '',
viewState: 1,
commodityKey: 1,
index: 0,
formobj: {
},
rules: {},
// 环节所需参数
linkByParameter: {
businessSid: '',
comment: '',
instanceId: '',
taskId: '',
orgSidPath: '',
taskDefKey: '',
userSid: ''
}
}
},
computed: {},
created() {
console.log('url:' + window.location.href)
var one = window.location.href.indexOf('&data') + 6
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
const obj = JSON.parse(decodeURIComponent(data))
console.log('iframe页面获取的obj:', obj)
// 点击（同意、终止、驳回、驳回）操作时所需的参数
this.linkByParameter.businessSid = obj.businessSid
this.linkByParameter.instanceId = obj.instanceId
this.linkByParameter.taskId = obj.taskId
this.linkByParameter.taskDefKey = obj.taskDefKey
this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
// 加载表单数据
this.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 500 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.viewTitle = '配件销售单开票申请详情'
req.fetchBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
/** 确认撤回任务 */
openRevoke() {
this.$confirm('是否确认执行撤回操作', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.handleRevoke()
}).catch(() => {
this.$message({
type: 'info',
message: '已取消撤回'
})
})
},
/** 撤回任务 */
handleRevoke() {
req.revokeProcess(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
}
}
}
</script>
<style scoped>
.first_row {
border-top: 1px solid #E0E3EB;
}
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
.rowClass {
border-top: 1px solid #E0E3EB;
}
</style>
Write Preview
Loading…
Cancel
Save