myTest383
6 months ago
16 changed files with 2446 additions and 1 deletions
@ -0,0 +1,140 @@ |
|||
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/secondaryCooperativeStation/listPage', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// // 初始化
|
|||
// init: function(data) {
|
|||
// return request({
|
|||
// url: '/as/v1/secondaryCooperativeStation/init',
|
|||
// method: 'post',
|
|||
// data: data,
|
|||
// headers: {
|
|||
// 'Content-Type': 'application/json'
|
|||
// }
|
|||
// })
|
|||
// },
|
|||
// 回显
|
|||
fetchDetailsBySid: function(data) { |
|||
return request({ |
|||
baseURL: "http://127.0.0.1:4523/m1/613533-0-default", |
|||
url: '/as/v1/secondaryCooperativeStation/fetchDetailsBySid/' + data, |
|||
method: 'get' |
|||
}) |
|||
}, |
|||
saveOrUpdate: function(data) { |
|||
return request({ |
|||
baseURL: "http://127.0.0.1:4523/m1/613533-0-default", |
|||
url: '/as/v1/secondaryCooperativeStation/save', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
deleteBySids: function(data) { |
|||
return request({ |
|||
baseURL: "http://127.0.0.1:4523/m1/613533-0-default", |
|||
url: '/as/v1/secondaryCooperativeStation/delBySids', |
|||
method: 'DELETE', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 提交流程
|
|||
submit: function(params) { |
|||
return request({ |
|||
baseURL: "http://127.0.0.1:4523/m1/613533-0-default", |
|||
url: '/as/v1/secondaryCooperativeStation/submit', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 流程审批（同意）
|
|||
complete: function(params) { |
|||
return request({ |
|||
url: '/as/v1/secondaryCooperativeStation/complete', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 流程审批（加签）
|
|||
delegate: function(params) { |
|||
return request({ |
|||
url: '/as/v1/secondaryCooperativeStation/delegate', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 流程审批（驳回）
|
|||
reject: function(params) { |
|||
return request({ |
|||
url: '/as/v1/secondaryCooperativeStation/reject', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 流程审批（终止）
|
|||
breakProcess: function(params) { |
|||
return request({ |
|||
url: '/as/v1/secondaryCooperativeStation/breakProcess', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 流程审批（撤回）
|
|||
revokeProcess: function(params) { |
|||
return request({ |
|||
url: '/as/v1/secondaryCooperativeStation/revokeProcess', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 审批流程（同意）获取下一环节
|
|||
getNextNodesForSubmit: function(data) { |
|||
return request({ |
|||
url: '/as/v1/secondaryCooperativeStation/getNextNodesForSubmit', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
}, |
|||
// 审批流程（驳回）获取上一环节
|
|||
getPreviousNodesForReject: function(data) { |
|||
return request({ |
|||
url: '/as/v1/secondaryCooperativeStation/getPreviousNodesForReject', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,169 @@ |
|||
import request from '@/utils/request' |
|||
// 其他出库
|
|||
export default { |
|||
|
|||
// 查询分页列表
|
|||
listPage: function(params) { |
|||
return request({ |
|||
// baseURL: "http://127.0.0.1:4523/m1/4061550-0-default",
|
|||
url: '/wms/v1/wmsotheroutapply/listPage', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
deleteBySids: function(data) { |
|||
return request({ |
|||
// baseURL: "http://127.0.0.1:4523/m1/4061550-0-default",
|
|||
url: '/wms/v1/wmsotheroutapply/delBySids', |
|||
method: 'DELETE', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// 详情
|
|||
fetchDetailsBySid: function(params) { |
|||
return request({ |
|||
// baseURL: "http://127.0.0.1:4523/m1/4061550-0-default",
|
|||
url: '/wms/v1/wmsotheroutapply/fetchDetailsBySid/' + params, |
|||
method: 'get', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// 获取商品
|
|||
sourceBillBySid: function(params) { |
|||
return request({ |
|||
// baseURL: "http://127.0.0.1:4523/m1/4061550-0-default",
|
|||
url: '/wms/apiadmin/inventory/wmsinventory/otherOutGoodsListPage', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// 保存
|
|||
save: function(data) { |
|||
return request({ |
|||
// baseURL: "http://127.0.0.1:4523/m1/4061550-0-default",
|
|||
url: '/wms/v1/wmsotheroutapply/save', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
// 提交
|
|||
submit: function(data) { |
|||
return request({ |
|||
// baseURL: "http://127.0.0.1:4523/m1/4061550-0-default",
|
|||
url: '/wms/v1/wmsotheroutapply/submitApply', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
|
|||
// 流程审批（同意）
|
|||
complete: function(params) { |
|||
return request({ |
|||
url: '/wms/v1/wmsotheroutapply/complete', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 流程审批（加签）
|
|||
delegate: function(params) { |
|||
return request({ |
|||
url: '/wms/v1/wmsotheroutapply/reject', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 流程审批（转办）
|
|||
assignTask: function(params) { |
|||
return request({ |
|||
url: '/wms/v1/wmsotheroutapply/assignTask', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 流程审批（驳回）
|
|||
reject: function(params) { |
|||
return request({ |
|||
url: '/wms/v1/wmsotheroutapply/reject', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 流程审批（终止）
|
|||
breakProcess: function(params) { |
|||
return request({ |
|||
url: '/wms/v1/wmsotheroutapply/breakProcess', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 流程审批（撤回）
|
|||
revokeProcess: function(params) { |
|||
return request({ |
|||
url: '/wms/v1/wmsotheroutapply/revokeProcess', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
}, |
|||
// 审批流程（同意）获取下一环节
|
|||
getNextNodesForSubmit: function(data) { |
|||
return request({ |
|||
url: '/wms/v1/wmsotheroutapply/getPreviousNodesForReject', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
}, |
|||
// 审批流程（驳回）获取上一环节
|
|||
getPreviousNodesForReject: function(data) { |
|||
return request({ |
|||
url: '/wms/v1/wmsotheroutapply/getNextNodesForSubmit', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
}, |
|||
|
|||
|
|||
|
|||
|
|||
} |
|||
@ -0,0 +1,415 @@ |
|||
<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="110px" 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-date-picker v-model="listQuery.params.finishStartTime" 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.finishEndTime" 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.siteName" placeholder="" clearable /> |
|||
</el-form-item> |
|||
<el-form-item label="法定代表人"> |
|||
<el-input v-model="listQuery.params.legalPerson" placeholder="" clearable /> |
|||
</el-form-item> |
|||
<el-form-item label="合作有效期至"> |
|||
<el-date-picker v-model="listQuery.params.limitedStartTerm" 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.limitedEndTerm" 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" 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="true" style="width: 100%;" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" align="center" width="50" /> |
|||
<el-table-column label="序号" type="index" width="60" :index="indexMethod" align="center" /> |
|||
<el-table-column label="操作" width="150" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="mini" @click="toEdit(scope.row)" |
|||
:disabled="scope.row.nodeState == '待提交' ? false : true">办理</el-button> |
|||
<el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="流程状态" width="180" header-align="center" 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="useOrgName" label="分公司" align="center" width="110" /> |
|||
<el-table-column prop="deptName" label="申请部门" align="center" width="110" /> |
|||
<el-table-column prop="createByName" label="申请人" align="center" min-width="200" /> |
|||
<el-table-column prop="createTime" label="申请日期" align="center" width="120" /> |
|||
<el-table-column prop="finishTime" label="办结日期" align="center" width="120" /> |
|||
<el-table-column prop="siteName" label="二级站名称" align="center" width="150" /> |
|||
<el-table-column prop="legalPerson" label="法定代表人" align="center" width="120" /> |
|||
<el-table-column prop="phone" label="法人联系电话" align="center" width="120" /> |
|||
<el-table-column prop="directorName" label="负责人" align="center" width="80" /> |
|||
<el-table-column prop="limitedTerm" label="合作有限期至" align="center" width="180" /> |
|||
<el-table-column prop="remarks" label="备注" align="center" width="180" /> |
|||
</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> |
|||
<!--新增及修改 --> |
|||
<secondaryCooperativeStationAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" |
|||
@reloadlist="getList" /> |
|||
<!-- 详情 --> |
|||
<secondaryCooperativeStationInfo 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> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import req from '@/api/basicinformation/secondaryCooperativeStation' |
|||
import secondaryCooperativeStationAdd from './secondaryCooperativeStationAdd' |
|||
import secondaryCooperativeStationInfo from './secondaryCooperativeStationInfo' |
|||
import { |
|||
getStorage |
|||
} from '@/utils/auth' |
|||
|
|||
export default { |
|||
name: 'Supplier', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
ButtonBar, |
|||
secondaryCooperativeStationAdd, |
|||
secondaryCooperativeStationInfo |
|||
}, |
|||
data() { |
|||
return { |
|||
url: '', |
|||
dialogHeight: '80%', |
|||
centerDialogVisible: false, |
|||
btndisabled: false, |
|||
btnList: [{ |
|||
type: 'primary', |
|||
size: 'small', |
|||
icon: 'plus', |
|||
btnKey: 'toAdd', |
|||
btnLabel: '新增' |
|||
}, |
|||
// { |
|||
// type: 'primary', |
|||
// size: 'small', |
|||
// icon: 'edit', |
|||
// btnKey: 'toEdit', |
|||
// 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 |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
// 翻页 |
|||
listQuery: { |
|||
current: 1, |
|||
size: 5, |
|||
total: 0, |
|||
params: { |
|||
"orgPath": "", |
|||
"userSid": "", |
|||
"menuUrl": "", |
|||
"useOrgName": "", |
|||
"deptName": "", |
|||
"createByName": "", |
|||
"finishStartTime": "", |
|||
"finishEndTime": "", |
|||
"siteName": "", |
|||
"legalPerson": "", |
|||
"limitedStartTerm": "", |
|||
"limitedEndTerm": "" |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
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() |
|||
} |
|||
|
|||
console.log('flowRecord ', params) |
|||
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 'toEdit': |
|||
this.toEdit() |
|||
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.menuUrl = this.$route.path |
|||
this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath') |
|||
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: { |
|||
"orgPath": "", |
|||
"userSid": "", |
|||
"menuUrl": "", |
|||
"useOrgName": "", |
|||
"deptName": "", |
|||
"createByName": "", |
|||
"finishStartTime": "", |
|||
"finishEndTime": "", |
|||
"siteName": "", |
|||
"legalPerson": "", |
|||
"limitedStartTerm": "", |
|||
"limitedEndTerm": "" |
|||
} |
|||
} |
|||
this.getList() |
|||
}, |
|||
toAdd() { |
|||
this.viewState = 2 |
|||
this.$refs['divAdd'].showAdd() |
|||
}, |
|||
toEdit(row) { |
|||
// if (this.sids.length === 1) { |
|||
// this.viewState = 3 |
|||
// this.$refs['divAdd'].showEdit({ |
|||
// sid: this.sids[0] |
|||
// }) |
|||
// } else { |
|||
// this.$message({ |
|||
// showClose: true, |
|||
// type: 'error', |
|||
// message: '请选择一条记录进行操作' |
|||
// }) |
|||
// } |
|||
|
|||
this.viewState = 3 |
|||
this.$refs['divAdd'].showEdit(row.sid) |
|||
}, |
|||
toInfo(row) { |
|||
this.viewState = 4 |
|||
this.$refs['divInfo'].showInfo(row.sid) |
|||
|
|||
|
|||
// window.open( |
|||
// 'https://service.shanhainengyuan.com/#/zorder/zzdetail?id=110311&order_no=20241008164623186050050&admin_id=11210&customer_id=18605&agent_id=12640&product_id=17&create_time=1728377183&data_id=10037&workflow_unique=63_17_0_2028_1&prototype_id=63&remain_unique=&is_best=0&order_type=10&update_time=1729499177&company_id=0&company_name=%E6%B3%89%E5%B7%9E%E5%8F%B0%E5%95%86%E6%8A%95%E8%B5%84%E5%8C%BA%E8%80%80%E5%BA%B7%E8%BE%BE%E9%9E%8B%E6%9D%90%E5%BA%97%E5%88%86%E5%B8%83%E5%BC%8F%E5%85%89%E4%BC%8F%E5%8F%91%E7%94%B5%E9%A1%B9%E7%9B%AE&component_number=314&component_power=635&area_id=246661&pw_longitude=117.8734&pw_latitude=24.50&address=%E6%B3%89%E5%B7%9E%E5%8F%B0%E5%95%86%E6%8A%95%E8%B5%84%E5%8C%BA%E5%BC%A0%E5%9D%82%E9%95%87%E9%BB%84%E5%B2%AD%E5%B7%A5%E4%B8%9A%E5%8C%BA&admin_name=%E6%9E%97%E5%BF%97%E6%B4%8B&admin_phone=18030025520&user_name=%E8%B0%AD%E6%B6%A6%E5%9F%8E&user_phone=187****8053&id_card=&agent_name=%E6%B3%89%E5%B7%9E%E5%8F%B0%E5%95%86%E6%8A%95%E8%B5%84%E5%8C%BA%E8%80%80%E5%BA%B7%E8%BE%BE%E9%9E%8B%E6%9D%90%E5%BA%97%E5%88%86%E5%B8%83%E5%BC%8F%E5%85%89%E4%BC%8F%E5%8F%91%E7%94%B5%E9%A1%B9%E7%9B%AE&product_name=%E8%87%AA%E4%B8%BB%E5%8C%96%E5%B7%A5%E5%95%86%E4%B8%9A&workflow_name=%E5%95%86%E5%8A%A1%E9%80%A0%E4%BB%B7&show_node=2,60,62,78,72,61,66&role_id=1,48&write_node=&group_id=22&component_all=199390&title=&project_company_name&c_t=2024-10-08+16:46:23&order_type_text=%E8%87%AA%E4%B8%BB%E5%B7%A5%E5%95%86%E4%B8%9A&shareholding=&flow_name=&str=%E5%95%86%E5%8A%A1%E9%80%A0%E4%BB%B7&all_power=199390&show=[{%22id%22:2,%22name%22:%22%E6%B5%81%E7%A8%8B%E8%8A%82%E7%82%B9%22,%22group_id%22:2,%22status%22:1},{%22id%22:78,%22name%22:%22%E9%A1%B9%E7%9B%AE%E5%88%9D%E5%AE%A1%22,%22group_id%22:2,%22status%22:1},{%22id%22:72,%22name%22:%22%E9%A3%8E%E6%8E%A7%E4%BF%A1%E6%81%AF%22,%22group_id%22:2,%22status%22:1},{%22id%22:61,%22name%22:%22%E5%B7%A5%E7%A8%8B%E6%8A%80%E6%9C%AF%E6%94%AF%E6%8C%81%22,%22group_id%22:2,%22status%22:1},{%22id%22:66,%22name%22:%22%E8%B5%84%E6%96%99%E7%A1%AE%E8%AE%A4%22,%22group_id%22:2,%22status%22:1}]&write=[]&sn_code=&auth={%22id%22:212372,%22admin_id%22:11197,%22is_agree%22:1,%22opinion%22:%22%E5%B7%B2%E9%87%8D%E6%96%B0%E4%B8%8A%E4%BC%A0%E7%94%B5%E8%B4%B9%E6%B8%85%E5%8D%95%22,%22create_time%22:%221729499177%22,%22prototype_id%22:63,%22node_id%22:2005,%22workflow_unique%22:%2263_17_0_2005_1%22,%22work_name%22:%22%22,%22up_workflow%22:%2263_17_0_2005_1%22}&is_role_write=2&is_auth=1&area=[{%22id%22:239384,%22name%22:%22%E7%A6%8F%E5%BB%BA%E7%9C%81%22,%22level%22:0,%22parent_code%22:0,%22area_code%22:350000000000,%22lng%22:%22119.295144%22,%22lat%22:%2226.100779%22,%22chain%22:%220%22},{%22id%22:246273,%22name%22:%22%E6%B3%89%E5%B7%9E%E5%B8%82%22,%22level%22:1,%22parent_code%22:350000000000,%22area_code%22:350500000000,%22lng%22:%22118.675675%22,%22lat%22:%2224.874132%22,%22chain%22:%22239384%22},{%22id%22:246661,%22name%22:%22%E6%83%A0%E5%AE%89%E5%8E%BF%22,%22level%22:2,%22parent_code%22:350500000000,%22area_code%22:350521000000,%22lng%22:%22118.796605%22,%22lat%22:%2225.030781%22,%22chain%22:%22239384_246273%22}]&area_text=%E7%A6%8F%E5%BB%BA%E7%9C%81%E6%B3%89%E5%B7%9E%E5%B8%82%E6%83%A0%E5%AE%89%E5%8E%BF&yyds=1' |
|||
// ); |
|||
|
|||
// var token = |
|||
// 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzUxMiJ9.eyJpc3MiOiJodHRwOi8vaGYtc2VydmljZS5zaGFuaGFpbmVuZ3l1YW4uY29tL2FwaS9zeXN0ZW0vaW5kZXgvbG9naW4iLCJpYXQiOjE3Mjk0OTk2MTEsImV4cCI6MTczMDcwOTIxMSwibmJmIjoxNzI5NDk5NjExLCJqdGkiOiIwSFZRTmJCaW5qS1BqeUJwIiwic3ViIjoiNTQzIiwicHJ2IjoiNDZjZDMxOTIyYTljMjNlOTU2YTNlZjNhMGI3ZGU4MDY2YTY1NjViMiIsImlkZW50aXR5Ijoic3lzdGVtIn0.w5MJ37G9kKtnwrrdc-QXYtVWApoPYautUbJ8QDZTZPIgFQ2oJS9g9G66qkpxCcY1jdNo1kZRcIn79hbVg7DyDw' |
|||
|
|||
// var xhr = new XMLHttpRequest(); |
|||
// xhr.open("get", |
|||
// 'https://service.shanhainengyuan.com/#/zorder/zzdetail?id=110311&order_no=20241008164623186050050&admin_id=11210&customer_id=18605&agent_id=12640&product_id=17&create_time=1728377183&data_id=10037&workflow_unique=63_17_0_2028_1&prototype_id=63&remain_unique=&is_best=0&order_type=10&update_time=1729499177&company_id=0&company_name=%E6%B3%89%E5%B7%9E%E5%8F%B0%E5%95%86%E6%8A%95%E8%B5%84%E5%8C%BA%E8%80%80%E5%BA%B7%E8%BE%BE%E9%9E%8B%E6%9D%90%E5%BA%97%E5%88%86%E5%B8%83%E5%BC%8F%E5%85%89%E4%BC%8F%E5%8F%91%E7%94%B5%E9%A1%B9%E7%9B%AE&component_number=314&component_power=635&area_id=246661&pw_longitude=117.8734&pw_latitude=24.50&address=%E6%B3%89%E5%B7%9E%E5%8F%B0%E5%95%86%E6%8A%95%E8%B5%84%E5%8C%BA%E5%BC%A0%E5%9D%82%E9%95%87%E9%BB%84%E5%B2%AD%E5%B7%A5%E4%B8%9A%E5%8C%BA&admin_name=%E6%9E%97%E5%BF%97%E6%B4%8B&admin_phone=18030025520&user_name=%E8%B0%AD%E6%B6%A6%E5%9F%8E&user_phone=187****8053&id_card=&agent_name=%E6%B3%89%E5%B7%9E%E5%8F%B0%E5%95%86%E6%8A%95%E8%B5%84%E5%8C%BA%E8%80%80%E5%BA%B7%E8%BE%BE%E9%9E%8B%E6%9D%90%E5%BA%97%E5%88%86%E5%B8%83%E5%BC%8F%E5%85%89%E4%BC%8F%E5%8F%91%E7%94%B5%E9%A1%B9%E7%9B%AE&product_name=%E8%87%AA%E4%B8%BB%E5%8C%96%E5%B7%A5%E5%95%86%E4%B8%9A&workflow_name=%E5%95%86%E5%8A%A1%E9%80%A0%E4%BB%B7&show_node=2,60,62,78,72,61,66&role_id=1,48&write_node=&group_id=22&component_all=199390&title=&project_company_name&c_t=2024-10-08+16:46:23&order_type_text=%E8%87%AA%E4%B8%BB%E5%B7%A5%E5%95%86%E4%B8%9A&shareholding=&flow_name=&str=%E5%95%86%E5%8A%A1%E9%80%A0%E4%BB%B7&all_power=199390&show=[{%22id%22:2,%22name%22:%22%E6%B5%81%E7%A8%8B%E8%8A%82%E7%82%B9%22,%22group_id%22:2,%22status%22:1},{%22id%22:78,%22name%22:%22%E9%A1%B9%E7%9B%AE%E5%88%9D%E5%AE%A1%22,%22group_id%22:2,%22status%22:1},{%22id%22:72,%22name%22:%22%E9%A3%8E%E6%8E%A7%E4%BF%A1%E6%81%AF%22,%22group_id%22:2,%22status%22:1},{%22id%22:61,%22name%22:%22%E5%B7%A5%E7%A8%8B%E6%8A%80%E6%9C%AF%E6%94%AF%E6%8C%81%22,%22group_id%22:2,%22status%22:1},{%22id%22:66,%22name%22:%22%E8%B5%84%E6%96%99%E7%A1%AE%E8%AE%A4%22,%22group_id%22:2,%22status%22:1}]&write=[]&sn_code=&auth={%22id%22:212372,%22admin_id%22:11197,%22is_agree%22:1,%22opinion%22:%22%E5%B7%B2%E9%87%8D%E6%96%B0%E4%B8%8A%E4%BC%A0%E7%94%B5%E8%B4%B9%E6%B8%85%E5%8D%95%22,%22create_time%22:%221729499177%22,%22prototype_id%22:63,%22node_id%22:2005,%22workflow_unique%22:%2263_17_0_2005_1%22,%22work_name%22:%22%22,%22up_workflow%22:%2263_17_0_2005_1%22}&is_role_write=2&is_auth=1&area=[{%22id%22:239384,%22name%22:%22%E7%A6%8F%E5%BB%BA%E7%9C%81%22,%22level%22:0,%22parent_code%22:0,%22area_code%22:350000000000,%22lng%22:%22119.295144%22,%22lat%22:%2226.100779%22,%22chain%22:%220%22},{%22id%22:246273,%22name%22:%22%E6%B3%89%E5%B7%9E%E5%B8%82%22,%22level%22:1,%22parent_code%22:350000000000,%22area_code%22:350500000000,%22lng%22:%22118.675675%22,%22lat%22:%2224.874132%22,%22chain%22:%22239384%22},{%22id%22:246661,%22name%22:%22%E6%83%A0%E5%AE%89%E5%8E%BF%22,%22level%22:2,%22parent_code%22:350500000000,%22area_code%22:350521000000,%22lng%22:%22118.796605%22,%22lat%22:%2225.030781%22,%22chain%22:%22239384_246273%22}]&area_text=%E7%A6%8F%E5%BB%BA%E7%9C%81%E6%B3%89%E5%B7%9E%E5%B8%82%E6%83%A0%E5%AE%89%E5%8E%BF&yyds=1', |
|||
// true) |
|||
// xhr.setRequestHeader("authorization", "Bearer " + token) |
|||
// xhr.withCredentials = false |
|||
|
|||
// xhr.send() |
|||
|
|||
}, |
|||
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> |
|||
@ -0,0 +1,407 @@ |
|||
<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">备注</div> |
|||
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.remarks" clearable |
|||
placeholder="" /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">合作二级站基本信息</div> |
|||
<el-row style="border-top: 1px solid #e0e3eb"> |
|||
<el-col :span="24"> |
|||
<div class="span-sty"><span class="icon">*</span>二级站点名称</div> |
|||
<el-form-item prop="siteName"><el-input class="addinputInfo addinputw" v-model="formobj.siteName" |
|||
clearable placeholder="" /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty"><span class="icon">*</span>法定代表人</div> |
|||
<el-form-item prop="legalPerson"><el-input class="addinputInfo addinputw" v-model="formobj.legalPerson" |
|||
clearable placeholder="" /></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">手机号码</div> |
|||
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.phone" clearable |
|||
placeholder="" /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty"><span class="icon">*</span>负责人</div> |
|||
<el-form-item prop="directorName"><el-input class="addinputInfo addinputw" v-model="formobj.directorName" |
|||
clearable placeholder="" /></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty"><span class="icon">*</span>手机号码</div> |
|||
<el-form-item prop="directorPhone"><el-input class="addinputInfo addinputw" |
|||
v-model="formobj.directorPhone" clearable placeholder="" /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty"><span class="icon">*</span>统一社会信用号码</div> |
|||
<el-form-item prop="unifiedCreditCode"><el-input class="addinputInfo addinputw" |
|||
v-model="formobj.unifiedCreditCode" clearable placeholder="" /></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty"><span class="icon">*</span>证件有效期</div> |
|||
<el-form-item prop="termValidity"><el-date-picker v-model="formobj.termValidity" value-format="yyyy-MM-dd" |
|||
format="yyyy-MM-dd" type="date" class="addinputInfo addinputw" |
|||
placeholder="选择日期"></el-date-picker></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="address"><el-input class="addinputInfo addinputw" v-model="formobj.address" clearable |
|||
placeholder="" /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty"><span class="icon">*</span>合作有效期至</div> |
|||
<el-form-item prop="limitedTerm"><el-date-picker v-model="formobj.limitedTerm" value-format="yyyy-MM-dd" |
|||
format="yyyy-MM-dd" type="date" class="addinputInfo addinputw" |
|||
placeholder="选择日期"></el-date-picker></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty"><span class="icon">*</span>授信金额</div> |
|||
<el-form-item prop="creditGranting"><el-input class="addinputInfo addinputw" |
|||
v-model="formobj.creditGranting" clearable placeholder="" |
|||
oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">附件清单</div> |
|||
<el-row style="border-top: 1px solid #e0e3eb"> |
|||
<el-col :span="24"> |
|||
<div class="span-sty"><span class="icon">*</span>营业执照</div> |
|||
<el-form-item prop="businessLicenseFile"> |
|||
<uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.businessLicenseFile" :limit="50" |
|||
bucket="map" :upload-data="{ type: '0001' }" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<div class="span-sty"><span class="icon">*</span>合作协议</div> |
|||
<el-form-item prop="agreementFile"> |
|||
<uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.agreementFile" :limit="50" bucket="map" |
|||
:upload-data="{ type: '0001' }" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">其他资料</div> |
|||
<el-form-item> |
|||
<uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.otherFile" :limit="50" bucket="map" |
|||
:upload-data="{ type: '0001' }" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/basicinformation/secondaryCooperativeStation' |
|||
import uploadImg from '@/components/uploadFile/uploadImg' |
|||
import { |
|||
getOrgSidByPath, |
|||
fetchBySid |
|||
} from '@/api/Common/dictcommons' |
|||
import { |
|||
getCurrentDate |
|||
} from '@/utils/index' |
|||
|
|||
|
|||
export default { |
|||
name: 'SecondaryCooperativeStationAdd', |
|||
components: { |
|||
uploadImg |
|||
}, |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
viewState: 1, |
|||
submitdisabled: false, |
|||
tableKey: 1, |
|||
index: 0, |
|||
formobj: { |
|||
"sid": "", |
|||
"nodeState": "", |
|||
"procInstId": "", |
|||
"procDefId": "", |
|||
"taskId": "", |
|||
"nodeId": "", |
|||
"useOrgName": "", |
|||
"deptName": window.sessionStorage.getItem('defaultOrgPathName').substring(window |
|||
.sessionStorage.getItem('defaultOrgPathName').lastIndexOf('/') + 1), |
|||
"deptSid": window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage |
|||
.getItem('defaultOrgPath').lastIndexOf('/') + 1), |
|||
"createByName": window.sessionStorage.getItem('name'), |
|||
"createBySid": window.sessionStorage.getItem('userSid'), |
|||
"createOrgSid": window.sessionStorage.getItem('defaultOrgPathName').substring(window |
|||
.sessionStorage.getItem('defaultOrgPathName').lastIndexOf('/') + 1), |
|||
"createOrgName": window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage |
|||
.getItem('defaultOrgPath').lastIndexOf('/') + 1), |
|||
"remarks": "", |
|||
"finishTime": "", |
|||
"createTime": getCurrentDate(), |
|||
"siteName": "", |
|||
"legalPerson": "", |
|||
"phone": "", |
|||
"directorName": "", |
|||
"directorPhone": "", |
|||
"unifiedCreditCode": "", |
|||
"termValidity": "", |
|||
"address": "", |
|||
"limitedTerm": "", |
|||
"creditGranting": "", |
|||
"businessLicenseFile": [], |
|||
"agreementFile": [], |
|||
"otherFile": [] |
|||
}, |
|||
rules: { |
|||
siteName: [{ |
|||
required: true, |
|||
message: '二级站名称不能为空', |
|||
trigger: 'blur' |
|||
}], |
|||
legalPerson: [{ |
|||
required: true, |
|||
message: '法定代表人不能为空', |
|||
trigger: 'blur' |
|||
}], |
|||
directorName: [{ |
|||
required: true, |
|||
message: '负责人不能为空', |
|||
trigger: 'blur' |
|||
}], |
|||
directorPhone: [{ |
|||
required: true, |
|||
message: '负责人手机号码不能为空', |
|||
trigger: 'blur' |
|||
}], |
|||
directorPhone: [{ |
|||
required: true, |
|||
message: '负责人手机号码不能为空', |
|||
trigger: 'blur' |
|||
}], |
|||
unifiedCreditCode: [{ |
|||
required: true, |
|||
message: '统一社会信用代码不能为空', |
|||
trigger: 'blur' |
|||
}], |
|||
termValidity: [{ |
|||
required: true, |
|||
message: '证件有效期不能为空', |
|||
trigger: 'change' |
|||
}], |
|||
address: [{ |
|||
required: true, |
|||
message: '地址不能为空', |
|||
trigger: 'blur' |
|||
}], |
|||
limitedTerm: [{ |
|||
required: true, |
|||
message: '合作有效期不能为空', |
|||
trigger: 'change' |
|||
}], |
|||
creditGranting: [{ |
|||
required: true, |
|||
message: '授信金额不能为空', |
|||
trigger: 'change' |
|||
}], |
|||
businessLicenseFile: [{ |
|||
required: true, |
|||
message: '营业执照不能为空', |
|||
trigger: 'change' |
|||
}], |
|||
agreementFile: [{ |
|||
required: true, |
|||
message: '合作协议不能为空', |
|||
trigger: 'change' |
|||
}] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
showAdd() { |
|||
this.viewTitle = '【新增】合作二级站备案申请' |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
getOrgSidByPath({ |
|||
orgPath: window.sessionStorage.getItem('defaultOrgPath') |
|||
}).then((resp) => { |
|||
if (resp.success) { |
|||
this.formobj.useOrgSid = resp.data |
|||
fetchBySid(resp.data).then((respsone) => { |
|||
if (respsone.success) { |
|||
this.formobj.useOrgName = respsone.data.name |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
showEdit(row) { |
|||
this.viewTitle = '【编辑】合作二级站备案申请' |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
req.fetchDetailsBySid(row.sid).then((res) => { |
|||
if (res.success) { |
|||
this.formobj = res.data |
|||
} |
|||
}) |
|||
}, |
|||
saveOrUpdate() { |
|||
this.$refs['form_obj'].validate((valid) => { |
|||
if (valid) { |
|||
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) { |
|||
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": "", |
|||
"deptName": window.sessionStorage.getItem('defaultOrgPathName').substring(window |
|||
.sessionStorage.getItem('defaultOrgPathName').lastIndexOf('/') + 1), |
|||
"deptSid": window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage |
|||
.getItem('defaultOrgPath').lastIndexOf('/') + 1), |
|||
"createByName": window.sessionStorage.getItem('name'), |
|||
"createBySid": window.sessionStorage.getItem('userSid'), |
|||
"createOrgSid": window.sessionStorage.getItem('defaultOrgPathName').substring(window |
|||
.sessionStorage.getItem('defaultOrgPathName').lastIndexOf('/') + 1), |
|||
"createOrgName": window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage |
|||
.getItem('defaultOrgPath').lastIndexOf('/') + 1), |
|||
"remarks": "", |
|||
"finishTime": "", |
|||
"createTime": getCurrentDate(), |
|||
"siteName": "", |
|||
"legalPerson": "", |
|||
"phone": "", |
|||
"directorName": "", |
|||
"directorPhone": "", |
|||
"unifiedCreditCode": "", |
|||
"termValidity": "", |
|||
"address": "", |
|||
"limitedTerm": "", |
|||
"creditGranting": "", |
|||
"businessLicenseFile": [], |
|||
"agreementFile": [], |
|||
"otherFile": [] |
|||
|
|||
} |
|||
this.submitdisabled = false |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.span-sty { |
|||
width: 130px !important; |
|||
} |
|||
|
|||
.addinputInfo { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { |
|||
margin-left: 120px !important; |
|||
width: calc(100% - 115px); |
|||
} |
|||
|
|||
/deep/ .el-form-item__error { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.titleOne { |
|||
padding: 7px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
/*表格列设置fixed后固定列出现下边框的设置*/ |
|||
/deep/ .el-table__fixed { |
|||
height: 100% !important; |
|||
} |
|||
|
|||
/*表格列设置fixed后固定列出现下边框的设置*/ |
|||
/deep/ .el-table__fixed-right { |
|||
height: 100% !important; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,145 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>合作二级站备案申请详情</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="form_obj" :model="formobj" 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.remarks }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">合作二级站基本信息</div> |
|||
<el-row style="border-top: 1px solid #e0e3eb"> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">二级站点名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.siteName }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">法定代表人</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.legalPerson }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">手机号码</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.phone }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">负责人</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.directorName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">手机号码</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.directorPhone }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">统一社会信用号码</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.unifiedCreditCode }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">证件有效期</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.termValidity }}</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.address }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">合作有效期至</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.limitedTerm }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">授信金额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.creditGranting }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">附件清单</div> |
|||
<el-row style="border-top: 1px solid #e0e3eb"> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">营业执照</div> |
|||
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" |
|||
v-for="(item, index) in formobj.businessLicenseFile" :key="index" :src="item.url" |
|||
:preview-src-list="[item.url]" /></el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">合作协议</div> |
|||
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" |
|||
v-for="(item, index) in formobj.agreementFile" :key="index" :src="item.url" |
|||
:preview-src-list="[item.url]" /></el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">其他资料</div> |
|||
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" |
|||
v-for="(item, index) in formobj.otherFile" :key="index" :src="item.url" |
|||
:preview-src-list="[item.url]" /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/basicinformation/secondaryCooperativeStation' |
|||
export default { |
|||
name: 'SecondaryCooperativeStation', |
|||
data() { |
|||
return { |
|||
viewState: 1, |
|||
formobj: {}, |
|||
} |
|||
}, |
|||
methods: { |
|||
showInfo(sid) { |
|||
req.fetchDetailsBySid(sid).then((res) => { |
|||
if (res.success) { |
|||
this.formobj = res.data |
|||
} |
|||
}) |
|||
}, |
|||
handleReturn() { |
|||
this.formobj = {} |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.span-sty { |
|||
width: 130px !important; |
|||
} |
|||
|
|||
.addinputInfo { |
|||
margin-left: 120px !important; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,398 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<button-bar ref="btnbar" view-title="其他出库申请管理" :btndisabled="btndisabled" @btnhandle="btnHandle" /> |
|||
<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 :inline="true" class="tab-header"> |
|||
<el-form-item label="申请部门"> |
|||
<el-input v-model="queryParams.params.deptName" placeholder="" clearable /> |
|||
</el-form-item> |
|||
<el-form-item label="申请人"> |
|||
<el-input v-model="queryParams.params.createByName" placeholder="" clearable /> |
|||
</el-form-item> |
|||
<el-form-item label="单据编号"> |
|||
<el-input v-model="queryParams.params.billNo" placeholder="" clearable /> |
|||
</el-form-item> |
|||
<el-form-item label="单据日期"> |
|||
<el-date-picker v-model="queryParams.params.createStartTime" type="date" placeholder="选择日期" |
|||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;"> |
|||
</el-date-picker>至 |
|||
<el-date-picker v-model="queryParams.params.createEndTime" type="date" placeholder="选择日期" |
|||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="办结日期"> |
|||
<el-date-picker v-model="queryParams.params.finishStartTime" type="date" placeholder="选择日期" |
|||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;"> |
|||
</el-date-picker>至 |
|||
<el-date-picker v-model="queryParams.params.finishEndTime" type="date" placeholder="选择日期" |
|||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="业务类型"> |
|||
<el-select v-model="queryParams.params.busTypeKey" placeholder="请选择" style="width: 200px;"> |
|||
<el-option v-for="(item,i) in busTypeList" :key="i" :label="item.dictValue" :value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button> |
|||
|
|||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- Start 项目列表头部 --> |
|||
<div class="listtop"> |
|||
<div class="tit">其他出库申请列表</div> |
|||
</div> |
|||
<!-- End 项目列表头部 --> |
|||
<!-- Start 项目列表 --> |
|||
<div class=""> |
|||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" |
|||
@selection-change="selectionLineChangeHandle"> |
|||
<el-table-column fixed width="50" type="selection" align="center" /> |
|||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> |
|||
<el-table-column fixed label="操作" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="mini" @click="toEdit(scope.row)">办理</el-button> |
|||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="流程状态" 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" /> |
|||
<el-table-column prop="deptName" label="申请部门" align="center" /> |
|||
<el-table-column prop="createByName" label="申请人" align="center" /> |
|||
<el-table-column prop="createTime" label="申请日期" align="center" /> |
|||
<el-table-column prop="finishTime" label="办结日期" align="center" /> |
|||
<el-table-column prop="busTypeValue" label="业务类型" align="center" /> |
|||
|
|||
</el-table> |
|||
</div> |
|||
<!-- End 项目列表 --> |
|||
<div class="pages"> |
|||
<div class="tit" /> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" |
|||
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- End 查询和其列表部分 --> |
|||
<!-- 新增修改部分组件 --> |
|||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> |
|||
<divInfo v-show="viewState == 4" ref="divinfo" @doback="resetState" @reloadlist="loadList" /> |
|||
|
|||
<!-- 流程审批记录 --> |
|||
<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> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/storage/otherOutbound.js' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import { |
|||
getStorage |
|||
} from '@/utils/auth' |
|||
import divAdd from './otherOutboundAdd.vue' |
|||
import divInfo from './otherOutboundInfo.vue' |
|||
import { |
|||
getTypeValueList |
|||
} from '@/api/Common/dictcommons' |
|||
export default { |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye, |
|||
divAdd, |
|||
divInfo |
|||
}, |
|||
data() { |
|||
return { |
|||
url: '', |
|||
dialogHeight: '80%', |
|||
centerDialogVisible: false, |
|||
dialogVisible: false, |
|||
btndisabled: false, |
|||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
tableLoading: false, |
|||
dataList: [], |
|||
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: '关闭' |
|||
} |
|||
], |
|||
queryParams: { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
"deptName": "", |
|||
"createByName": "", |
|||
"billNo": "", |
|||
"busTypeKey": "", |
|||
"createStartTime": "", |
|||
"createEndTime": "", |
|||
"finishStartTime": "", |
|||
"finishEndTime": "", |
|||
"userSid": "", |
|||
"orgPath": "", |
|||
"menuUrl": "", |
|||
"menuSid": "" |
|||
} |
|||
}, |
|||
sids: [], |
|||
selectionList: [], |
|||
busTypeList: [] |
|||
} |
|||
}, |
|||
computed: { |
|||
// 计算盘盈数量 |
|||
profitandNumber() { |
|||
let quantity = 0 |
|||
if (this.formobj.wmsInventoryCheckbillDetailList.length > 0) { |
|||
this.formobj.wmsInventoryCheckbillDetailList.forEach((e) => { |
|||
if (Number(e.bookCount) < Number(e.realCount)) { |
|||
quantity += e.realCount - e.bookCount |
|||
} |
|||
}) |
|||
} |
|||
this.formobj.profitCount = quantity |
|||
return quantity |
|||
}, |
|||
}, |
|||
mounted() { |
|||
window.addEventListener('message', this.handleMessage) |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
created() { |
|||
this.loadList() |
|||
|
|||
getTypeValueList({ |
|||
type: 'wms_busType', |
|||
groupNum: 'wms_ck' |
|||
}).then((res) => { |
|||
if (res.success) { |
|||
this.busTypeList = res.data |
|||
} |
|||
}) |
|||
|
|||
}, |
|||
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))) |
|||
}, |
|||
selectionLineChangeHandle(val) { |
|||
console.log("val", val); |
|||
|
|||
this.selectionList = val |
|||
const aa = [] |
|||
val.forEach(element => { |
|||
aa.push(element.sid) |
|||
}) |
|||
this.sids = aa |
|||
|
|||
|
|||
}, |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
btnHandle(btnKey) { |
|||
switch (btnKey) { |
|||
case 'doDel': |
|||
this.doDel() |
|||
break |
|||
case 'toAdd': |
|||
this.toAdd() |
|||
break |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
doDel() { |
|||
if (this.sids.length > 0) { |
|||
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) => { |
|||
loading.close() |
|||
if (resp.success) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: resp.msg, |
|||
showClose: true |
|||
}) |
|||
this.loadList() |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}).catch(e => { |
|||
loading.close() |
|||
}) |
|||
}).catch(() => {}) |
|||
} else { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '请至少选择一条记录进行删除操作' |
|||
}) |
|||
} |
|||
}, |
|||
loadList() { |
|||
this.tableLoading = true |
|||
this.queryParams.params.userSid = window.sessionStorage.getItem('userSid') |
|||
this.queryParams.params.orgPath = window.sessionStorage.getItem('defaultOrgPath') |
|||
this.queryParams.params.menuUrl = this.$route.path |
|||
req.listPage(this.queryParams).then((resp) => { |
|||
this.tableLoading = false |
|||
if (resp.success) { |
|||
const data = resp.data |
|||
this.queryParams.total = data.total |
|||
this.dataList = data.records |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
this.dataList = [] |
|||
this.queryParams.total = 0 |
|||
} |
|||
}).catch(() => { |
|||
this.tableLoading = false |
|||
}) |
|||
}, |
|||
|
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
dosearch() { |
|||
this.queryParams.current = 1 |
|||
this.loadList() |
|||
}, |
|||
resetQuery() { |
|||
this.queryParams = { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
"deptName": "", |
|||
"createByName": "", |
|||
"billNo": "", |
|||
"busTypeKey": "", |
|||
"createStartTime": "", |
|||
"createEndTime": "", |
|||
"finishStartTime": "", |
|||
"finishEndTime": "", |
|||
"userSid": "", |
|||
"orgPath": "", |
|||
"menuUrl": "", |
|||
"menuSid": "" |
|||
} |
|||
} |
|||
this.loadList() |
|||
}, |
|||
toAdd() { |
|||
this.viewState = 2 |
|||
this.$refs['divadd'].showAdd() |
|||
}, |
|||
toEdit(row) { |
|||
this.viewState = 2 |
|||
this.$refs['divadd'].showEdit(row) |
|||
}, |
|||
|
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
}, |
|||
toRelevancy(row) { |
|||
this.viewState = 4 |
|||
this.$refs['divinfo'].showAdd(row) |
|||
}, |
|||
|
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
@ -0,0 +1,440 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<div class="tab-header webtop"> |
|||
<!-- 标题 --> |
|||
<div>{{title}}其他出库</div> |
|||
<!-- start 添加修改按钮 --> |
|||
<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> |
|||
<!-- end 添加修改按钮 --> |
|||
<!-- end 详情按钮 --> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
|||
<!-- <div class="title"> |
|||
<div>基础信息</div> |
|||
</div> --> |
|||
<el-row class="first_row"> |
|||
<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="8"> |
|||
<div class="span-sty"><span class="must">*</span> 业务类型</div> |
|||
<el-form-item prop="busTypeKey"><el-select v-model="formobj.busTypeKey" filterable clearable |
|||
placeholder="请选择" class="addinputInfo addinputw" @change="busTypeSelect"> |
|||
<el-option v-for="(item,i) in busTypeList" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"> |
|||
</el-option> |
|||
</el-select></el-form-item> |
|||
</el-col> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">备注</div> |
|||
<el-form-item><el-input v-model="formobj.remarks" placeholder="" class="addinputInfo addinputw" |
|||
clearable /></el-form-item> |
|||
</el-col> |
|||
|
|||
</el-row> |
|||
|
|||
<div class="title titleOne"> |
|||
<div>商品列表</div> |
|||
<el-button type="primary" size="mini" class="btntopblueline" @click="seleMaintenance()">选择商品</el-button> |
|||
</div> |
|||
<el-table v-loading="listLoading" :data="formobj.otheroutDetailList" border style="width: 100%;" |
|||
ref="dataTable"> |
|||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> |
|||
<el-table-column label="操作" align="center" width="120"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="mini" @click="doGoods(scope.row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="商品ID" prop="goodsID" align="center" width="200" /> |
|||
<el-table-column label="商品名称" prop="goodsSkuTitle" align="center" width="200" /> |
|||
<el-table-column label="图号" prop="goodsSkuCode" align="center" width="150" /> |
|||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" width="150" /> |
|||
<el-table-column label="单位" prop="unit" align="center" width="120" /> |
|||
<el-table-column label="仓库" prop="warehouseName" align="center" width="200" /> |
|||
<el-table-column label="库位" prop="warehouseRackCode" align="center" width="120" /> |
|||
<!-- <el-table-column label="库存" prop="count" align="center" width="120" /> --> |
|||
<el-table-column label="入库单价" prop="inCost" align="center" width="120" /> |
|||
<el-table-column label="出库数量" align="center" width="120"> |
|||
<template slot-scope="scope"> |
|||
<el-input ref="focusAssumptionInput" @input="commodityComputeYHAndXSJE(scope.row,$event)" |
|||
v-model="scope.row.outCount" clearable placeholder="" |
|||
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="金额" prop="amount" align="center" width="150" /> |
|||
</el-table> |
|||
</el-form> |
|||
|
|||
</div> |
|||
</div> |
|||
<!-- 选择商品 --> |
|||
<chooseproducts v-show="viewState == 2" ref="divSp" @backData="backData" @doback="resetState" /> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/storage/otherOutbound.js' |
|||
import { |
|||
getCurrentDate |
|||
} from '@/utils/index.js' |
|||
import chooseproducts from './relation/chooseproducts' |
|||
import { |
|||
getOrgSidByPath, |
|||
getTypeValueList |
|||
} from '@/api/Common/dictcommons' |
|||
export default { |
|||
components: { |
|||
chooseproducts, |
|||
}, |
|||
data() { |
|||
return { |
|||
viewState: 1, |
|||
title: '【新增】', |
|||
listLoading: false, |
|||
submitdisabled: false, |
|||
formobj: { |
|||
"sid": "", |
|||
"createTime": getCurrentDate(), |
|||
"billNo": "", |
|||
"remarks": "", |
|||
"createBySid": window.sessionStorage.getItem('userSid'), |
|||
"createByName": window.sessionStorage.getItem('name'), |
|||
"deptSid": window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage |
|||
.getItem('defaultOrgPath').lastIndexOf('/') + 1), |
|||
"deptName": window.sessionStorage.getItem('defaultOrgPathName').substring(window |
|||
.sessionStorage.getItem('defaultOrgPathName').lastIndexOf('/') + 1), |
|||
"busTypeKey": "", |
|||
"busTypeValue": "", |
|||
"finishTime": "", |
|||
"procDefId": "", |
|||
"nodeId": "", |
|||
"procInstId": "", |
|||
"nodeState": "", |
|||
"taskId": "", |
|||
"createOrgName": "", |
|||
"createOrgSid": "", |
|||
"otheroutDetailList": [ |
|||
|
|||
] |
|||
}, |
|||
busTypeList: [], |
|||
rules: { |
|||
|
|||
busTypeKey: [{ |
|||
required: true, |
|||
message: '请选择业务类型', |
|||
trigger: 'change' |
|||
}], |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
|
|||
}, |
|||
methods: { |
|||
|
|||
init() { |
|||
getOrgSidByPath({ |
|||
orgPath: window.sessionStorage.getItem('defaultOrgPath') |
|||
}).then((res) => { |
|||
if (res.success) { |
|||
this.formobj.createOrgSid = res.data |
|||
this.formobj.useOrgSid = res.data |
|||
} |
|||
}) |
|||
|
|||
getTypeValueList({ |
|||
type: 'wms_busType', |
|||
groupNum: 'wms_ck' |
|||
}).then((res) => { |
|||
if (res.success) { |
|||
this.busTypeList = res.data |
|||
} |
|||
}) |
|||
|
|||
}, |
|||
|
|||
|
|||
backData(value) { |
|||
this.viewState = 1 |
|||
if (value.length > 0) { |
|||
value.forEach((e) => { |
|||
|
|||
this.formobj.otheroutDetailList.push({ |
|||
|
|||
"sid": "", |
|||
"mainSid": "", |
|||
"goodsID": e.goodsID, |
|||
"goodsSpuSid": e.goodsSpuSid, |
|||
"goodsSpuName": e.goodsSpuName, |
|||
"goodsSkuSid": e.goodsSkuSid, |
|||
"goodsSkuTitle": e.goodsSkuTitle, |
|||
"goodsSkuCode": e.goodsSkuCode, |
|||
"goodsSkuOwnSpec": e.goodsSkuOwnSpec, |
|||
"manufacturerSid": e.manufacturerSid, |
|||
"manufacturerName": e.manufacturerName, |
|||
"unit": e.unit, |
|||
"warehouseSid": e.warehouseSid, |
|||
"warehouseName": e.warehouseName, |
|||
"warehouseAreaSid": e.warehouseAreaSid, |
|||
"warehouseArea": e.warehouseArea, |
|||
"warehouseRackSid": e.warehouseRackSid, |
|||
"warehouseRackCode": e.warehouseRackCode, |
|||
"inCost": e.taxPrice, |
|||
// "count": e.count, |
|||
"outCount": 0, |
|||
"amount": 0 |
|||
|
|||
}) |
|||
}) |
|||
} |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
seleMaintenance() { |
|||
this.viewState = 2 |
|||
const aa = [] |
|||
this.$refs['divSp'].showData(aa, this.formobj.deptSid) |
|||
}, |
|||
|
|||
doGoods(row) { |
|||
this.$confirm("是否确定删除此商品？", '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
const index = this.formobj.otheroutDetailList.findIndex((item) => item === row) |
|||
console.log("index》》》》", index) |
|||
this.formobj.otheroutDetailList.splice(index, 1) |
|||
|
|||
}) |
|||
}, |
|||
|
|||
indexMethod(index) { |
|||
return index + 1 |
|||
}, |
|||
saveOrUpdate() { |
|||
console.log('>>>>>>>>>saveOrUpdate', this.formobj) |
|||
|
|||
this.$refs['form_obj'].validate((valid) => { |
|||
if (valid) { |
|||
this.submitdisabled = true |
|||
req.save(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.otheroutDetailList.length == 0) { |
|||
this.$message({ |
|||
showClose: true, |
|||
type: 'error', |
|||
message: '请添加商品' |
|||
}) |
|||
|
|||
return |
|||
} |
|||
|
|||
for (var i = 0; i < this.formobj.otheroutDetailList.length; i++) { |
|||
var item = this.formobj.otheroutDetailList[i] |
|||
if (item.goodsSkuSid == '') { |
|||
this.$message({ |
|||
showClose: true, |
|||
type: 'error', |
|||
message: '请添加商品' |
|||
}) |
|||
|
|||
return |
|||
} |
|||
|
|||
if (item.outCount == 0) { |
|||
this.$message({ |
|||
showClose: true, |
|||
type: 'error', |
|||
message: '出库数量不能为空或0' |
|||
}) |
|||
|
|||
return |
|||
} |
|||
|
|||
} |
|||
|
|||
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": "", |
|||
"createTime": getCurrentDate(), |
|||
"billNo": "", |
|||
"remarks": "", |
|||
"createBySid": window.sessionStorage.getItem('userSid'), |
|||
"createByName": window.sessionStorage.getItem('name'), |
|||
"deptSid": window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage |
|||
.getItem('defaultOrgPath').lastIndexOf('/') + 1), |
|||
"deptName": window.sessionStorage.getItem('defaultOrgPathName').substring(window |
|||
.sessionStorage.getItem('defaultOrgPathName').lastIndexOf('/') + 1), |
|||
"busTypeKey": "", |
|||
"busTypeValue": "", |
|||
"finishTime": "", |
|||
"procDefId": "", |
|||
"nodeId": "", |
|||
"procInstId": "", |
|||
"nodeState": "", |
|||
"taskId": "", |
|||
"createOrgName": "", |
|||
"createOrgSid": "", |
|||
"otheroutDetailList": [] |
|||
} |
|||
this.submitdisabled = false |
|||
this.$emit('doback') |
|||
}, |
|||
|
|||
showAdd() { |
|||
this.title = "【新增】" |
|||
this.init() |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
|
|||
|
|||
}, |
|||
showEdit(row) { |
|||
console.log('>>>>>>>>>showEdit', row) |
|||
this.title = "【修改】" |
|||
this.init() |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
|
|||
req.fetchDetailsBySid(row.sid) |
|||
.then(resp => { |
|||
if (resp.success) { |
|||
this.formobj = resp.data |
|||
|
|||
//this.Array为数组名 |
|||
this.formobj.otheroutDetailList.forEach(item => { |
|||
|
|||
this.$set(item, 'amount', (Number(item.outCount) * Number(item.inCost)).toFixed(2)) |
|||
|
|||
}) |
|||
|
|||
} |
|||
}) |
|||
.catch(e => { |
|||
this.formobj = {} |
|||
}) |
|||
}, |
|||
busTypeSelect(val) { |
|||
const choose = this.busTypeList.filter((item) => item.dictKey == val) |
|||
console.log('>>>>>>>>>busTypeSelect', choose) |
|||
this.formobj.busTypeKey = choose[0].dictKey |
|||
this.formobj.busTypeValue = choose[0].dictValue |
|||
|
|||
}, |
|||
|
|||
commodityComputeYHAndXSJE(row, val) { |
|||
|
|||
// if (Number(row.outCount) > Number(row.count)) { |
|||
// row.outCount = row.count |
|||
// } |
|||
|
|||
row.amount = (Number(row.outCount) * Number(row.inCost)).toFixed(2) |
|||
|
|||
}, |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-form-item__error { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.must { |
|||
color: #f00; |
|||
} |
|||
|
|||
.span-sty { |
|||
width: 130px !important; |
|||
} |
|||
|
|||
.addinputInfo { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { |
|||
margin-left: 120px !important; |
|||
width: calc(100% - 115px); |
|||
} |
|||
|
|||
.first_row { |
|||
border-top: 1px solid #E0E3EB; |
|||
} |
|||
|
|||
.titleOne { |
|||
padding: 7px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group { |
|||
display: inline; |
|||
line-height: 1px; |
|||
vertical-align: middle; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,144 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<div class="tab-header webtop"> |
|||
<!-- 标题 --> |
|||
<div>其他出库详情</div> |
|||
<!-- start 添加修改按钮 --> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="listconadd"> |
|||
|
|||
<el-form ref="form_obj" :model="formobj" class="formaddcopy02"> |
|||
<el-row class="first_row"> |
|||
<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="8"> |
|||
<div class="span-sty">业务类型</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.busTypeValue }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">备注</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item> |
|||
</el-col> |
|||
|
|||
</el-row> |
|||
|
|||
<div class="title titleOne"> |
|||
<div>商品列表</div> |
|||
</div> |
|||
<el-table v-loading="listLoading" :data="formobj.otheroutDetailList" border style="width: 100%;"> |
|||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> |
|||
<el-table-column label="商品ID" prop="goodsID" align="center" width="200" /> |
|||
<el-table-column label="商品名称" prop="goodsSkuTitle" align="center" width="200" /> |
|||
<el-table-column label="图号" prop="goodsSkuCode" align="center" width="150" /> |
|||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" width="150" /> |
|||
<el-table-column label="单位" prop="unit" align="center" width="120" /> |
|||
<el-table-column label="仓库" prop="warehouseName" align="center" width="200" /> |
|||
<el-table-column label="库位" prop="warehouseRackCode" align="center" width="120" /> |
|||
<!-- <el-table-column label="库存" prop="count" align="center" width="120" /> --> |
|||
<el-table-column label="入库单价" prop="inCost" align="center" width="120" /> |
|||
<el-table-column label="出库数量" prop="outCount" align="center" width="120" /> |
|||
<el-table-column label="金额" prop="amount" align="center" /> |
|||
</el-table> |
|||
|
|||
</el-form> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/storage/otherOutbound.js' |
|||
export default { |
|||
components: {}, |
|||
data() { |
|||
return { |
|||
viewState: 1, |
|||
listLoading: false, |
|||
submitdisabled: false, |
|||
formobj: {}, |
|||
} |
|||
}, |
|||
methods: { |
|||
indexMethod(index) { |
|||
return index + 1 |
|||
}, |
|||
|
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.$emit('doback') |
|||
}, |
|||
|
|||
showAdd(row) { |
|||
req.fetchDetailsBySid(row.sid) |
|||
.then(resp => { |
|||
if (resp.success) { |
|||
this.formobj = resp.data |
|||
//this.Array为数组名 |
|||
this.formobj.otheroutDetailList.forEach(item => { |
|||
|
|||
this.$set(item, 'amount', (Number(item.outCount) * Number(item.inCost)).toFixed(2)) |
|||
|
|||
}) |
|||
} |
|||
}) |
|||
.catch(e => { |
|||
this.formobj = {} |
|||
}) |
|||
}, |
|||
showEdit(row) { |
|||
|
|||
|
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.span-sty { |
|||
width: 130px !important; |
|||
} |
|||
|
|||
.addinputInfo { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { |
|||
margin-left: 120px !important; |
|||
width: calc(100% - 115px); |
|||
} |
|||
|
|||
.first_row { |
|||
border-top: 1px solid #E0E3EB; |
|||
} |
|||
|
|||
|
|||
.titleOne { |
|||
padding: 7px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,168 @@ |
|||
<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="120px" class="tab-header"> |
|||
<el-form-item label="商品名称" class="searchlist"> |
|||
<el-input v-model="listQuery.params.goodsSkuTitle" placeholder="" clearable /> |
|||
</el-form-item> |
|||
<el-form-item label="商品编码" class="searchlist"> |
|||
<el-input v-model="listQuery.params.goodsSkuCode" placeholder="" clearable /> |
|||
</el-form-item> |
|||
<!-- <el-form-item label="供应商" class="searchlist"> |
|||
<el-input v-model="listQuery.params.manufacturerName" placeholder="" clearable /> |
|||
</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="50px" type="selection" align="center" /> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center" /> |
|||
<el-table-column prop="goodsSkuTitle" label="商品名称" align="center" /> |
|||
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" /> |
|||
<el-table-column prop="goodsSkuOwnSpec" label="规格" align="center" /> |
|||
<el-table-column prop="unit" label="单位" align="center" /> |
|||
<el-table-column prop="warehouseName" label="仓库" align="center" /> |
|||
<el-table-column prop="warehouseRackCode" label="库位" align="center" /> |
|||
<!-- <el-table-column prop="count" label="库存" align="center" /> --> |
|||
<!-- <el-table-column prop="manufacturerName" label="供应商" align="center" /> --> |
|||
</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/storage/otherOutbound.js' |
|||
|
|||
export default { |
|||
name: 'SelectVehicle', |
|||
components: { |
|||
Pagination |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
searchxianshitit: '隐藏查询条件', |
|||
tableKey: 0, |
|||
sids: [], |
|||
list: [], |
|||
number: '', |
|||
listLoading: false, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
deptSid: '', |
|||
goodsSkuTitle: '', |
|||
goodsSkuCode: '', |
|||
}, |
|||
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.sourceBillBySid(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if (response.success) { |
|||
this.listQuery.total = response.data.total |
|||
this.list = response.data.records |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
// 重置按钮 |
|||
handleReset() { |
|||
this.listQuery.current = 1 |
|||
this.listQuery.size = 10 |
|||
this.listQuery.total = 0 |
|||
this.listQuery.params.goodsSkuTitle = '' |
|||
this.listQuery.params.goodsSkuCode = '' |
|||
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.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> |
|||
Loading…
Reference in new issue