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

完善旧件处理

master
yunuo970428 2 days ago
parent
daad9e9dc5
commit
d68cd8b757
3 changed files with 753 additions and 1085 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 630
      yxt-as-ui/src/views/storage/oldPartsCope/index.vue
  2. 927
      yxt-as-ui/src/views/storage/oldPartsCope/oldPartsCopeAdd.vue
  3. 281
      yxt-as-ui/src/views/storage/oldPartsCope/oldPartsCopeInfo.vue

630
yxt-as-ui/src/views/storage/oldPartsCope/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div v-show="viewState == 1"> <div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="旧件处理申请管理" :btndisabled="btndisabled" @btnhandle="btnHandle" /> <button-bar ref="btnbar" view-title="旧件处理申请管理" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<div class="main-content"> <div class="main-content">
<div class="searchcon"> <div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow"> <el-button size="small" class="searchbtn" @click="clicksearchShow">
@ -10,43 +10,36 @@
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form :inline="true" class="tab-header"> <el-form :inline="true" class="tab-header">
<el-form-item label="分公司"> <el-form-item label="分公司">
<el-input v-model="queryParams.params.useOrgName" placeholder="" clearable /> <el-input v-model="queryParams.params.useOrgName" placeholder="" clearable/>
</el-form-item> </el-form-item>
<el-form-item label="申请部门"> <el-form-item label="申请部门">
<el-input v-model="queryParams.params.createDeptName" placeholder="" clearable /> <el-input v-model="queryParams.params.createDeptName" placeholder="" clearable/>
</el-form-item> </el-form-item>
<el-form-item label="申请人"> <el-form-item label="申请人">
<el-input v-model="queryParams.params.createByName" placeholder="" clearable /> <el-input v-model="queryParams.params.createByName" placeholder="" clearable/>
</el-form-item> </el-form-item>
<el-form-item label="单据编号"> <el-form-item label="单据编号">
<el-input v-model="queryParams.params.billNo" placeholder="" clearable /> <el-input v-model="queryParams.params.billNo" placeholder="" clearable/>
</el-form-item> </el-form-item>
<el-form-item label="单据日期"> <el-form-item label="单据日期">
<el-date-picker v-model="queryParams.params.createStartTime" type="date" placeholder="选择日期" <el-date-picker v-model="queryParams.params.createStartTime" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" />
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;"> <span style="padding: 0 8px">至</span>
</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 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>
<el-form-item label="办结日期"> <el-form-item label="办结日期">
<el-date-picker v-model="queryParams.params.finishStartTime" type="date" placeholder="选择日期" <el-date-picker v-model="queryParams.params.finishStartTime" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" />
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;"> <span style="padding: 0 8px">至</span>
</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 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>
<el-form-item label="处理原因"> <el-form-item label="处理原因">
<el-select v-model="queryParams.params.handleReasonKey" placeholder="请选择"> <el-select v-model="queryParams.params.handleReasonKey" placeholder="请选择">
<el-option v-for="(item,i) in handleReasonList" :key="i" :label="item.name" :value="item.sid"> <el-option v-for="item in reasonList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="处理方式"> <el-form-item label="处理方式">
<el-select v-model="queryParams.params.handleModeKey" placeholder="请选择"> <el-select v-model="queryParams.params.handleModeKey" placeholder="请选择">
<el-option v-for="(item,i) in billStateList" :key="i" :label="item.name" :value="item.sid"> <el-option v-for="item in modeList" :key="item.dictKeyitem.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -57,21 +50,17 @@
</div> </div>
</div> </div>
</div> </div>
<!-- Start 项目列表头部 -->
<div class="listtop"> <div class="listtop">
<div class="tit">旧件处理申请列表</div> <div class="tit">旧件处理申请列表</div>
</div> </div>
<!-- End 项目列表头部 -->
<!-- Start 项目列表 -->
<div class=""> <div class="">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="selectionLineChangeHandle">
@selection-change="selectionLineChangeHandle"> <el-table-column fixed width="50" type="selection" align="center"/>
<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 width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column fixed label="操作" align="center" width="180"> <el-table-column fixed label="操作" align="center" width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="primary" size="mini" :disabled="scope.row.nodeState!='待提交'" <el-button type="primary" size="mini" :disabled="scope.row.nodeState =='发起申请' ? false : scope.row.nodeState == '待提交' ? false : true" @click="toEdit(scope.row)">办理
@click="toEdit(scope.row)">办理</el-button> </el-button>
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">查看</el-button> <el-button type="primary" size="mini" @click="toRelevancy(scope.row)">查看</el-button>
</template> </template>
</el-table-column> </el-table-column>
@ -81,343 +70,308 @@
<span v-else @click="flowRecord(scope.row)" class="bluezi">{{ scope.row.nodeState }}</span> <span v-else @click="flowRecord(scope.row)" class="bluezi">{{ scope.row.nodeState }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="billNo" label="单据编号 " width="180" align="center" /> <el-table-column prop="billNo" label="单据编号 " width="180" align="center"/>
<el-table-column prop="useOrgName" label="分公司" align="center" /> <el-table-column prop="useOrgName" label="分公司" align="center"/>
<el-table-column prop="deptName" label="申请部门" align="center" /> <el-table-column prop="deptName" label="申请部门" align="center"/>
<el-table-column prop="createByName" label="申请人" align="center" /> <el-table-column prop="createByName" label="申请人" align="center"/>
<el-table-column prop="createTime" label="申请日期" align="center" /> <el-table-column prop="createTime" label="申请日期" align="center"/>
<el-table-column prop="finishTime" label="办结日期" align="center" /> <el-table-column prop="finishTime" label="办结日期" align="center"/>
<el-table-column prop="handleReasonValue" label="处理原因" width="180" align="center" /> <el-table-column prop="handleReasonValue" label="处理原因" width="180" align="center"/>
<el-table-column prop="handleModeValue" label="处理方式" width="180" align="center" /> <el-table-column prop="handleModeValue" label="处理方式" width="180" align="center"/>
<el-table-column prop="profitTotal" label="收益总额" width="180" align="center" /> <el-table-column prop="profitTotal" label="收益总额" width="180" align="center"/>
</el-table> </el-table>
</div> </div>
<!-- End 项目列表 --> <!-- End 项目列表 -->
<div class="pages"> <div class="pages">
<div class="tit" /> <div class="tit"/>
<!-- 翻页 --> <!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" <pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
</div> </div>
</div> </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"/>
<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> <el-dialog title="" :visible.sync="centerDialogVisible" width="78%" height="1%" :before-close="closeIt" center>
<iframe frameborder="0" id="iframe" style="width:100%;" scrolling="no" <iframe frameborder="0" id="iframe" style="width:100%;" scrolling="no" :src="this.centerDialogVisible === true ? url :''"></iframe>
:src="this.centerDialogVisible === true ? url :''"></iframe>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import req from '@/api/storage/oldPartsCope.js' import req from '@/api/storage/oldPartsCope.js'
import ButtonBar from '@/components/ButtonBar' import ButtonBar from '@/components/ButtonBar'
import Pagination from '@/components/pagination' import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye' import divAdd from './oldPartsCopeAdd.vue'
import divAdd from './oldPartsCopeAdd.vue' import divInfo from './oldPartsCopeInfo.vue'
import divInfo from './oldPartsCopeInfo.vue' import { getStorage } from '@/utils/auth'
import { import { typeValues } from '@/api/Common/dictcommons'
getStorage
} from '@/utils/auth'
export default {
components: {
ButtonBar,
Pagination,
pageye,
divAdd,
divInfo
},
data() {
return {
url: '',
dialogHeight: '80%',
centerDialogVisible: 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: '删除'
},
{ export default {
type: 'info', components: {
size: 'small', ButtonBar,
icon: 'cross', Pagination,
btnKey: 'doClose', divAdd,
btnLabel: '关闭' divInfo
} },
], data() {
queryParams: { return {
current: 1, url: '',
size: 10, dialogHeight: '80%',
total: 0, centerDialogVisible: false,
params: { btndisabled: false,
"useOrgName": "", viewState: 1, // 1、列表 2、添加 3、修改 4、查看
"deptName": "", isSearchShow: false,
"createByName": "", searchxianshitit: '显示查询条件',
"billNo": "", tableLoading: false,
"createStartTime": "", dataList: [],
"createEndTime": "", btnList: [
"finishStartTime": "", {
"finishEndTime": "", type: 'primary',
"handleReasonKey": "", size: 'small',
"handleModeKey": "", icon: 'plus',
"userSid": "", btnKey: 'toAdd',
"orgPath": "", btnLabel: '新增'
"menuUrl": "", },
"menuSid": "" {
} type: 'danger',
size: 'small',
icon: 'del',
btnKey: 'doDel',
btnLabel: '删除'
}, },
sids: [],
selectionList: [],
handleReasonList: [{
name: '处理原因1',
sid: "1"
},
{
name: '处理原因2',
sid: "2"
}
],
billStateList: [{
name: '处理方式1',
sid: "1"
},
{
name: '处理方式2',
sid: "2"
}
],
}
},
mounted() {
// 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
window.addEventListener('message', this.handleMessage)
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
},
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
}, {
// 搜索条件效果 type: 'info',
clicksearchShow() { size: 'small',
this.isSearchShow = !this.isSearchShow icon: 'cross',
if (this.isSearchShow) { btnKey: 'doClose',
this.searchxianshitit = '隐藏查询条件' btnLabel: '关闭'
} else {
this.searchxianshitit = '显示查询条件'
} }
}, ],
btnHandle(btnKey) { queryParams: {
switch (btnKey) { current: 1,
case 'doDel': size: 10,
this.doDel() total: 0,
break params: {
case 'toAdd': useOrgName: '',
this.toAdd() deptName: '',
break createByName: '',
case 'doClose': billNo: '',
this.doClose() createStartTime: '',
break createEndTime: '',
default: finishStartTime: '',
break finishEndTime: '',
handleReasonKey: '',
handleModeKey: '',
userSid: '',
orgPath: '',
menuUrl: '',
menuSid: ''
} }
}, },
loadList() { sids: [],
this.tableLoading = true selectionList: [],
this.queryParams.params.userSid = window.sessionStorage.getItem('userSid') reasonList: [],
this.queryParams.params.orgPath = window.sessionStorage.getItem('defaultOrgPath') modeList: []
this.queryParams.params.menuUrl = this.$route.path }
req.listPage(this.queryParams).then((resp) => { },
this.tableLoading = false mounted() {
if (resp.success) { // 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
const data = resp.data window.addEventListener('message', this.handleMessage)
this.queryParams.total = data.total this.$refs['btnbar'].setButtonList(this.btnList)
this.dataList = data.records },
} else { created() {
// 根据resp.code进行异常情况处理 this.init()
this.dataList = [] this.loadList()
this.queryParams.total = 0 },
} methods: {
}).catch(() => { init() {
this.tableLoading = false typeValues({ type: 'process_mode' }).then((res) => {
}) if (res.success) {
}, this.modeList = res.data
// 序号
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: {
"useOrgName": "",
"deptName": "",
"createByName": "",
"billNo": "",
"createStartTime": "",
"createEndTime": "",
"finishStartTime": "",
"finishEndTime": "",
"handleReasonKey": "",
"handleModeKey": "",
"userSid": "",
"orgPath": "",
"menuUrl": "",
"menuSid": ""
}
} }
this.loadList() })
}, typeValues({ type: 'process_reason' }).then((res) => {
doDel() { if (res.success) {
this.reasonList = res.data
for (var i = 0; i < this.selectionList.length; i++) {
if (this.selectionList[i].nodeState != '待提交') {
this.$message({
type: 'warning',
message: '请勿勾选已提交的。',
showClose: true
})
return
}
} }
})
if (this.sids.length > 0) { },
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?' async handleMessage(event) {
this.$confirm(tip, '提示', { var code = ''
confirmButtonText: '确定', if (event.data.params !== null && event.data.params !== undefined) {
cancelButtonText: '取消', code = event.data.params.code
type: 'warning' }
}).then(() => { if (code === 1) {
const loading = this.$loading({ this.centerDialogVisible = false
lock: true, } else if (code === 2) {
text: 'Loading', this.dialogHeight = event.data.params.data
spinner: 'el-icon-loading', this.setIframeHeight(document.getElementById('iframe'))
background: 'rgba(0, 0, 0, 0.7)' }
}) },
req.deleteBySids(this.sids).then((resp) => { closeIt() {
loading.close() this.url = ''
if (resp.success) { this.centerDialogVisible = false
this.$message({ },
type: 'success', setIframeHeight(iframe) {
message: resp.msg, iframe.height = this.dialogHeight
showClose: true },
}) flowRecord(row) {
this.loadList() this.centerDialogVisible = true
} else { var params = {
// 根据resp.code进行异常情况处理 deployId: row.procDefId,
} procInsId: row.procInstId,
}).catch(e => { token: getStorage()
loading.close() }
}) this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
}).catch(() => {}) },
selectionLineChangeHandle(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
}
},
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 { } else {
this.$message({ // 根据resp.code进行异常情况处理
showClose: true, this.dataList = []
message: '请至少选择一条记录进行删除操作' this.queryParams.total = 0
})
} }
}, }).catch(() => {
this.tableLoading = false
toAdd() { })
},
this.viewState = 2
this.$refs['divadd'].showAdd()
},
toEdit(row) {
this.viewState = 3
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'].showEdit(row)
},
resetState() {
this.viewState = 1
},
// 序号
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: {
useOrgName: '',
deptName: '',
createByName: '',
billNo: '',
createStartTime: '',
createEndTime: '',
finishStartTime: '',
finishEndTime: '',
handleReasonKey: '',
handleModeKey: '',
userSid: '',
orgPath: '',
menuUrl: '',
menuSid: ''
}
}
this.loadList()
},
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: '请至少选择一条记录进行删除操作'
})
}
},
toAdd() {
this.viewState = 2
this.$refs['divadd'].showAdd()
},
toEdit(row) {
this.viewState = 3
this.$refs['divadd'].showEdit(row)
},
toRelevancy(row) {
this.viewState = 4
this.$refs['divinfo'].showEdit(row)
},
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
} }
} }
}
</script> </script>
<style scoped> <style scoped>
</style> </style>

927
yxt-as-ui/src/views/storage/oldPartsCope/oldPartsCopeAdd.vue
View File

File diff suppressed because it is too large

281
yxt-as-ui/src/views/storage/oldPartsCope/oldPartsCopeInfo.vue
View File

@ -1,22 +1,14 @@
<template> <template>
<div> <div class="app-container">
<div class="tab-header webtop"> <div class="tab-header webtop">
<!-- 标题 --> <div>旧件处理申请详情</div>
<div>旧件处理申请</div>
<!-- start 添加修改按钮 -->
<div> <div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div> </div>
<!-- end 添加修改按钮 -->
<!-- end 详情按钮 -->
</div> </div>
<div class="listconadd"> <div class="listconadd">
<el-form ref="form_obj" :model="formobj" class="formaddcopy02"> <el-form ref="form_obj" :model="formobj" class="formaddcopy02">
<div class="title">
<div>基础信息</div>
</div>
<el-row class="first_row"> <el-row class="first_row">
<el-col :span="8"> <el-col :span="8">
<div class="span-sty">申请人</div> <div class="span-sty">申请人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item> <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
@ -25,21 +17,12 @@
<div class="span-sty">申请部门</div> <div class="span-sty">申请部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item> <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
</el-col> </el-col>
<!-- <el-col :span="12">
<div class="span-sty">单据编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.billNo }}</span></el-form-item>
</el-col> -->
<el-col :span="8"> <el-col :span="8">
<div class="span-sty">申请日期</div> <div class="span-sty">申请日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item> <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<div class="span-sty">处理原因</div> <div class="span-sty">处理原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.handleReasonValue }}</span></el-form-item> <el-form-item><span class="addinputInfo">{{ formobj.handleReasonValue }}</span></el-form-item>
@ -50,214 +33,122 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="span-sty">收益总额</div> <div class="span-sty">收益总额</div>
<el-form-item><span class="addinputInfo">{{ totalQuantity }}</span></el-form-item> <el-form-item><span class="addinputInfo">{{ formobj.totalProfit }}</span></el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<div class="span-sty">备注</div> <div class="span-sty">备注</div>
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item> <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<div class="span-sty">附件</div> <div class="span-sty">附件</div>
<el-form-item class="trightb_item"> <el-form-item class="trightb_item">
<el-image style="width: 120px;height: 120px; margin: 10px;" class="addinputInfo" <el-image style="width: 120px;height: 120px; margin: 10px;" class="addinputInfo" v-for="(item,index) in formobj.filePaths" :key="index" :src="item" :preview-src-list="[item]">
v-for="(item,index) in formobj.filePaths" :src="item" :preview-src-list="[item]">
</el-image> </el-image>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="title">待处理旧件列表</div>
<div class="title">
<div>待处理旧件列表</div>
</div>
<el-table v-loading="listLoading" :data="formobj.asOldparthandleList" border> <el-table v-loading="listLoading" :data="formobj.asOldparthandleList" border>
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center"/>
<!-- <el-table-column prop="vinNo" label="车架号" align="center" /> --> <el-table-column prop="goodsID" label="商品ID" align="center"/>
<el-table-column prop="goodsID" label="商品ID" align="center" /> <el-table-column prop="goodsSpuName" label="商品名称" align="center"/>
<el-table-column prop="goodsSpuName" label="商品名称" align="center" /> <el-table-column prop="goodsSkuCode" label="图号" align="center"/>
<el-table-column prop="goodsSkuCode" label="商品编码" align="center" /> <el-table-column prop="goodsSkuOwnSpec" label="规格" align="center"/>
<!-- <el-table-column prop="supplierName" label="供应商" align="center" /> --> <el-table-column prop="unit" label="单位" align="center"/>
<el-table-column prop="goodsSkuOwnSpec" label="规格" align="center" /> <el-table-column prop="manufacturerName" label="厂家" align="center"/>
<el-table-column prop="unit" label="单位" align="center" /> <el-table-column prop="count" label="库存数量" align="center"/>
<el-table-column prop="manufacturerName" label="厂家" align="center" /> <el-table-column prop="profit" label="收益金额" align="center"/>
<!-- <el-table-column prop="vinNo" label="车架号" align="center" /> -->
<!-- <el-table-column prop="sourceBillNo" label="维修单号" align="center" /> -->
<!-- <el-table-column prop="warehouseName" label="仓库" align="center" />
<el-table-column prop="warehouseRackCode" label="库位" align="center" />
<el-table-column prop="supplierName" label="供应商" align="center" /> -->
<!-- <el-table-column prop="price" label="单价" align="center" /> -->
<el-table-column prop="count" label="库存数量" align="center" />
<el-table-column prop="profit" label="收益金额" align="center" />
</el-table> </el-table>
</el-form> </el-form>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import req from '@/api/storage/oldPartsCope.js' import req from '@/api/storage/oldPartsCope.js'
export default {
data() { export default {
return { data() {
listLoading: false, return {
submitdisabled: false, listLoading: false,
formobj: { submitdisabled: false,
"sid": "", formobj: {
"remarks": "", sid: '',
"createBySid": "", remarks: '',
"createByName": "", createBySid: '',
"createDeptSid": "", createByName: '',
"createDeptName": "", deptSid: '',
"createTime": "", deptName: '',
"billNo": "", createTime: '',
"filePaths": [], billNo: '',
"useOrgSid": "", filePaths: [],
"useOrgName": "", useOrgSid: '',
"orgSidPath": "", useOrgName: '',
"procDefId": "", procDefId: '',
"nodeId": "", nodeId: '',
"procInstId": "", procInstId: '',
"nodeState": "", nodeState: '',
"taskId": "", taskId: '',
"finishTime": "", finishTime: '',
"totalProfit": "", totalProfit: '',
"asOldparthandleList": [ asOldparthandleList: []
]
},
hideUploadBtn: false,
// commodity商品
commodityKey: 1,
commodityLoading: false,
commodityQuery: {
current: 1,
size: 2,
total: 0,
params: {
name: '',
inOrg: "",
outOrg: ""
}
},
commodityData: [],
imgList: [],
} }
}
},
methods: {
indexMethod(index) {
return Number(index) + 1
}, },
created() {}, handleReturn() {
computed: { this.formobj = {
// 收益总额 sid: '',
totalQuantity() { remarks: '',
let quantity = 0 createBySid: '',
if (this.formobj.asOldparthandleList.length > 0) { createByName: '',
this.formobj.asOldparthandleList.forEach((e) => { deptSid: '',
quantity += Number(e.profit) deptName: '',
}) createTime: '',
} billNo: '',
filePaths: [],
this.formobj.totalProfit = quantity useOrgSid: '',
useOrgName: '',
return quantity procDefId: '',
}, nodeId: '',
procInstId: '',
nodeState: '',
taskId: '',
finishTime: '',
totalProfit: '',
asOldparthandleList: []
}
this.$emit('doback')
}, },
methods: { showEdit(row) {
req.init(row.sid).then(resp => {
indexMethod(index) { if (resp.success) {
return Number(index) + 1 this.formobj = resp.data
},
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.imgList = []
this.formobj = {
"sid": "",
"remarks": "",
"createBySid": "",
"createByName": "",
"createDeptSid": "",
"createDeptName": "",
"createTime": "",
"billNo": "",
"filePaths": [],
"useOrgSid": "",
"useOrgName": "",
"orgSidPath": "",
"procDefId": "",
"nodeId": "",
"procInstId": "",
"nodeState": "",
"taskId": "",
"finishTime": "",
"totalProfit": "",
"asOldparthandleList": []
} }
this.$emit('doback') }).catch(e => {
}, this.formobj = {}
})
showAdd() {},
showEdit(row) {
var params = {
sid: row.sid
}
req.init(row.sid)
.then(resp => {
if (resp.success) {
this.formobj = resp.data
for (var i = 0; i < resp.data.filePaths.length; i++) {
this.imgList.push({
url: resp.data.filePaths[i].url
})
}
}
})
.catch(e => {
this.formobj = {}
})
},
} }
} }
}
</script> </script>
<style scoped> <style scoped>
.span-sty { .span-sty {
width: 130px !important; width: 130px !important;
} }
.addinputInfo {
margin-left: 120px !important;
}
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { .addinputInfo {
margin-left: 120px !important; margin-left: 120px !important;
width: calc(100% - 115px); }
}
.first_row { .first_row {
border-top: 1px solid #E0E3EB; border-top: 1px solid #E0E3EB;
} }
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style> </style>

Write Preview
Loading…
Cancel
Save