|
|
|
@ -8,76 +8,35 @@ |
|
|
|
<!--start 查询列表按钮部分开始--> |
|
|
|
<div> |
|
|
|
<!-- <el-button type="primary" size="small" @click="handleSubmit()">提交</el-button>--> |
|
|
|
<el-button type="info" size="small" @click="handleClose()" |
|
|
|
>关闭</el-button |
|
|
|
> |
|
|
|
<el-button type="info" size="small" @click="handleClose()">关闭</el-button> |
|
|
|
</div> |
|
|
|
<!--end 查询列表按钮部分结束--> |
|
|
|
</div> |
|
|
|
<!--按钮部分结束--> |
|
|
|
<!--Start查询列表部分--> |
|
|
|
<div class="searchcon"> |
|
|
|
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ |
|
|
|
searchxianshitit |
|
|
|
}}</el-button> |
|
|
|
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{searchxianshitit }} |
|
|
|
</el-button> |
|
|
|
<div v-show="isSearchShow" class="search"> |
|
|
|
<el-form |
|
|
|
ref="listQueryform" |
|
|
|
:inline="true" |
|
|
|
:model="listQuery" |
|
|
|
label-width="100px" |
|
|
|
class="tab-header" |
|
|
|
> |
|
|
|
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|
|
|
<el-form-item label="合同编号"> |
|
|
|
<el-input |
|
|
|
v-model="listQuery.params.contractNo" |
|
|
|
placeholder="请输入合同编号" |
|
|
|
clearable |
|
|
|
class="filter-item" |
|
|
|
/> |
|
|
|
<el-input v-model="listQuery.params.contractNo" placeholder="请输入合同编号" clearable class="filter-item"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="客户名称"> |
|
|
|
<el-select |
|
|
|
v-model="listQuery.name" |
|
|
|
class="addinputw" |
|
|
|
clearable |
|
|
|
filterable |
|
|
|
placeholder="请选择" |
|
|
|
@change="customerChange" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in customerList" |
|
|
|
:key="item.sid" |
|
|
|
:label="item.customerName" |
|
|
|
:value="item.customerName" |
|
|
|
/> |
|
|
|
<el-select v-model="listQuery.name" class="addinputw" clearable filterable placeholder="请选择" @change="customerChange"> |
|
|
|
<el-option v-for="item in customerList" :key="item.sid" :label="item.name" :value="item.name"/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="申请人"> |
|
|
|
<el-input |
|
|
|
v-model="listQuery.params.applyName" |
|
|
|
placeholder="请输入申请人姓名" |
|
|
|
clearable |
|
|
|
class="filter-item" |
|
|
|
/> |
|
|
|
<el-input v-model="listQuery.params.applyName" placeholder="请输入申请人姓名" clearable class="filter-item"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="申请日期"> |
|
|
|
<div class="block"> |
|
|
|
<el-date-picker |
|
|
|
v-model="listQuery.params.applyDateStart" |
|
|
|
type="date" |
|
|
|
placeholder="选择日期" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
<el-date-picker v-model="listQuery.params.applyDateStart" type="date" placeholder="选择日期"></el-date-picker> |
|
|
|
</div> |
|
|
|
<label>至</label> |
|
|
|
<div class="block"> |
|
|
|
<el-date-picker |
|
|
|
v-model="listQuery.params.applyDateEnd" |
|
|
|
type="date" |
|
|
|
placeholder="选择日期" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
<el-date-picker v-model="listQuery.params.applyDateEnd" type="date" placeholder="选择日期"></el-date-picker> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-divider></el-divider> |
|
|
|
@ -92,45 +51,18 @@ |
|
|
|
|
|
|
|
<div class="listtop"> |
|
|
|
<div class="tit">出库申请列表</div> |
|
|
|
<pageye |
|
|
|
v-show="total > 0" |
|
|
|
:total="total" |
|
|
|
:page.sync="listQuery.current" |
|
|
|
:limit.sync="listQuery.size" |
|
|
|
class="pagination" |
|
|
|
@pagination="getList" |
|
|
|
/> |
|
|
|
<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="listcon"> |
|
|
|
<el-table |
|
|
|
:key="tableKey" |
|
|
|
v-loading="listLoading" |
|
|
|
:data="list" |
|
|
|
:border="true" |
|
|
|
fit |
|
|
|
highlight-current-row |
|
|
|
style="width: 100%" |
|
|
|
@selection-change="handleSelectionChange" |
|
|
|
> |
|
|
|
<el-table-column type="selection" align="center" width="50" /> |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
type="index" |
|
|
|
width="80" |
|
|
|
:index="indexMethod" |
|
|
|
align="center" |
|
|
|
/> |
|
|
|
<el-table-column width="150px" label="操作" align="center"> |
|
|
|
<el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" fit highlight-current-row style="width: 100%" @selection-change="handleSelectionChange"> |
|
|
|
<el-table-column fixed type="selection" align="center" width="50"/> |
|
|
|
<el-table-column fixed label="序号" type="index" width="80" :index="indexMethod" align="center"/> |
|
|
|
<el-table-column fixed width="150px" label="操作" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div class="searchbtns"> |
|
|
|
<!--:disabled="scope.row.nodeState == ''?false:true"--> |
|
|
|
<el-button |
|
|
|
size="small" |
|
|
|
type="primary" |
|
|
|
@click="handleCheck(scope.row)" |
|
|
|
>办理</el-button |
|
|
|
> |
|
|
|
<el-button size="small" type="primary" @click="handleCheck(scope.row)">办理</el-button> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
@ -163,232 +95,207 @@ |
|
|
|
</div> |
|
|
|
<!--End 主页面主要部分--> |
|
|
|
<div class="pages"> |
|
|
|
<div class="tit" /> |
|
|
|
<div class="tit"/> |
|
|
|
<!-- 翻页 --> |
|
|
|
<pagination |
|
|
|
v-show="total > 0" |
|
|
|
:total="total" |
|
|
|
:page.sync="listQuery.current" |
|
|
|
:limit.sync="listQuery.size" |
|
|
|
class="pagination" |
|
|
|
@pagination="getList" |
|
|
|
/> |
|
|
|
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|
|
|
</div> |
|
|
|
<!--End查询列表部分--> |
|
|
|
</div> |
|
|
|
<chukushenqing-info |
|
|
|
v-show="viewState == 2" |
|
|
|
ref="divInfo" |
|
|
|
@doback="resetState" |
|
|
|
@reloadlist="getList" |
|
|
|
/> |
|
|
|
<chukushenqing-info v-show="viewState == 2" ref="divInfo" @doback="resetState" @reloadlist="getList"/> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
import { |
|
|
|
listExaminePage, |
|
|
|
submitBySid, |
|
|
|
customerName, |
|
|
|
} from "@/api/examinePage/chukushenhe"; |
|
|
|
import { setuser, getuser } from "@/utils/baocun"; |
|
|
|
import Pagination from "@/components/pagination"; |
|
|
|
import pageye from "@/components/pagination/pageye"; |
|
|
|
import chukushenqingInfo from "./chukushenheTodo"; |
|
|
|
listExaminePage, customerName |
|
|
|
} from '@/api/examinePage/chukushenhe' |
|
|
|
import { setuser } from '@/utils/baocun' |
|
|
|
import Pagination from '@/components/pagination' |
|
|
|
import pageye from '@/components/pagination/pageye' |
|
|
|
import chukushenqingInfo from './chukushenheTodo' |
|
|
|
|
|
|
|
export default { |
|
|
|
name: "chukushenhe", |
|
|
|
name: 'chukushenhe', |
|
|
|
components: { |
|
|
|
Pagination, |
|
|
|
pageye, |
|
|
|
chukushenqingInfo, |
|
|
|
chukushenqingInfo |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
viewTitle: "", |
|
|
|
//主页面：隐藏查询条件按钮 |
|
|
|
viewTitle: '', |
|
|
|
// 主页面：隐藏查询条件按钮 |
|
|
|
isSearchShow: false, |
|
|
|
searchxianshitit: "显示查询条件", |
|
|
|
searchxianshitit: '显示查询条件', |
|
|
|
viewState: 1, // 1、列表 2、审批 |
|
|
|
//查询 ----------- |
|
|
|
// 查询 ----------- |
|
|
|
tableKey: 0, |
|
|
|
customerList: [], |
|
|
|
list: [], |
|
|
|
sids: [], // 用于导出的时候保存已选择的SIDs |
|
|
|
sides: "", |
|
|
|
sides: '', |
|
|
|
state_list: [], |
|
|
|
total: 1, |
|
|
|
FormLoading: false, |
|
|
|
listLoading: false, |
|
|
|
departmentSid: window.sessionStorage.getItem("departmentSid"), //部门sid |
|
|
|
departmentName: window.sessionStorage.getItem("departmentName"), //部门名称 |
|
|
|
typeList: [], //选择器 |
|
|
|
//翻页 |
|
|
|
departmentSid: window.sessionStorage.getItem('departmentSid'), // 部门sid |
|
|
|
departmentName: window.sessionStorage.getItem('departmentName'), // 部门名称 |
|
|
|
typeList: [], // 选择器 |
|
|
|
// 翻页 |
|
|
|
listQuery: { |
|
|
|
current: 1, |
|
|
|
size: 20, |
|
|
|
size: 10, |
|
|
|
total: 0, |
|
|
|
params: { |
|
|
|
applyDateEnd: "", // 申请日期结束时间 |
|
|
|
applyDateStart: "", // 申请日期开始时间 |
|
|
|
applyName: "", // 申请人 |
|
|
|
staffSid: window.sessionStorage.getItem("staffSid"), // 申请人sid |
|
|
|
contractNo: "", // 合同编号 |
|
|
|
name: "", // 客户名称 |
|
|
|
}, |
|
|
|
applyDateEnd: '', // 申请日期结束时间 |
|
|
|
applyDateStart: '', // 申请日期开始时间 |
|
|
|
applyName: '', // 申请人 |
|
|
|
staffSid: window.sessionStorage.getItem('staffSid'), // 申请人sid |
|
|
|
contractNo: '', // 合同编号 |
|
|
|
name: '' // 客户名称 |
|
|
|
} |
|
|
|
}, |
|
|
|
initObj: { |
|
|
|
detailVo: { |
|
|
|
applyDate: "", // 申请日期 |
|
|
|
contractNo: "", // 合同编号 |
|
|
|
isTerminal: "", // 是否是终端 |
|
|
|
applyDate: '', // 申请日期 |
|
|
|
contractNo: '', // 合同编号 |
|
|
|
isTerminal: '', // 是否是终端 |
|
|
|
listVo: [], |
|
|
|
modelName: "", // 车型别名 |
|
|
|
name: "", // 客户名称 |
|
|
|
modelName: '', // 车型别名 |
|
|
|
name: '' // 客户名称 |
|
|
|
}, |
|
|
|
sid: "", |
|
|
|
stringList: [], |
|
|
|
sid: '', |
|
|
|
stringList: [] |
|
|
|
}, |
|
|
|
temp: {}, // 添加和修改 |
|
|
|
templook: {}, // 查看实体 |
|
|
|
textMap: { |
|
|
|
update: "编辑", |
|
|
|
create: "创建", |
|
|
|
update: '编辑', |
|
|
|
create: '创建' |
|
|
|
}, |
|
|
|
dialogStatus: "", |
|
|
|
}; |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapGetters([ |
|
|
|
"id", |
|
|
|
"roles", |
|
|
|
"rolesIds", |
|
|
|
"departmentId", |
|
|
|
"departmentCode", |
|
|
|
]), |
|
|
|
dialogStatus: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
created() { |
|
|
|
// 初始化变量 |
|
|
|
this.init(); |
|
|
|
this.init() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// ========== 初始化加载 ========== |
|
|
|
init() { |
|
|
|
this.getList(); |
|
|
|
this.getCustomer(); |
|
|
|
this.getList() |
|
|
|
this.getCustomer() |
|
|
|
}, |
|
|
|
//页面初始化 |
|
|
|
// 页面初始化 |
|
|
|
resetTemp() { |
|
|
|
this.temp = {}; |
|
|
|
this.temp = {} |
|
|
|
}, |
|
|
|
// 客户下拉框 |
|
|
|
getCustomer() { |
|
|
|
customerName().then((response) => { |
|
|
|
if (response.code === "200") { |
|
|
|
this.customerList = response.data; |
|
|
|
console.log("客户列表", this.customerList); |
|
|
|
if (response.code === '200') { |
|
|
|
this.customerList = response.data |
|
|
|
console.log('客户列表', this.customerList) |
|
|
|
} |
|
|
|
}); |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 客户名称 |
|
|
|
customerChange(value) { |
|
|
|
console.log("触发下拉框按钮", value); |
|
|
|
let bb = {}; |
|
|
|
console.log('触发下拉框按钮', value) |
|
|
|
let bb = {} |
|
|
|
this.typeList.forEach((e) => { |
|
|
|
if (e.customerName == value) { |
|
|
|
if (e.name == value) { |
|
|
|
bb = { |
|
|
|
name: e.customerName, |
|
|
|
sid: e.sid, |
|
|
|
}; |
|
|
|
name: e.name, |
|
|
|
sid: e.sid |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
this.listQuery.params.name = bb.name; |
|
|
|
console.log("客户名称", this.listQuery.params.name); |
|
|
|
}) |
|
|
|
this.listQuery.params.name = bb.name |
|
|
|
console.log('客户名称', this.listQuery.params.name) |
|
|
|
}, |
|
|
|
// 表中序号 |
|
|
|
indexMethod(index) { |
|
|
|
var pagestart = (this.listQuery.current - 1) * this.listQuery.size; |
|
|
|
var pageindex = index + 1 + pagestart; |
|
|
|
return pageindex; |
|
|
|
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|
|
|
var pageindex = index + 1 + pagestart |
|
|
|
return pageindex |
|
|
|
}, |
|
|
|
// ========== 页面按钮功能 ========== |
|
|
|
// 编辑、详情返回列表页面 |
|
|
|
resetState() { |
|
|
|
this.viewState = 1; |
|
|
|
this.viewState = 1 |
|
|
|
}, |
|
|
|
// 搜索条件效果 |
|
|
|
clicksearchShow() { |
|
|
|
this.isSearchShow = !this.isSearchShow; |
|
|
|
this.isSearchShow = !this.isSearchShow |
|
|
|
if (this.isSearchShow) { |
|
|
|
this.searchxianshitit = "隐藏查询条件"; |
|
|
|
this.searchxianshitit = '隐藏查询条件' |
|
|
|
} else { |
|
|
|
this.searchxianshitit = "显示查询条件"; |
|
|
|
this.searchxianshitit = '显示查询条件' |
|
|
|
} |
|
|
|
}, |
|
|
|
// 信息条数 获取点击时当前的sid |
|
|
|
handleSelectionChange(row) { |
|
|
|
console.log("开票", row); |
|
|
|
const aa = []; |
|
|
|
const bb = []; |
|
|
|
console.log('开票', row) |
|
|
|
const aa = [] |
|
|
|
const bb = [] |
|
|
|
row.forEach((element) => { |
|
|
|
aa.push(element.sid); |
|
|
|
setuser(this.sids); //用于导出的时候保存已选择的sids |
|
|
|
bb.push(element.state); |
|
|
|
}); |
|
|
|
this.sids = aa; |
|
|
|
this.sides = this.sids.join(); //将sid数组的元素转化成字符串 |
|
|
|
this.state_list = bb; |
|
|
|
console.log("sids数组", this.sids); |
|
|
|
console.log("sides字符串", this.sides); |
|
|
|
aa.push(element.sid) |
|
|
|
setuser(this.sids) // 用于导出的时候保存已选择的sids |
|
|
|
bb.push(element.state) |
|
|
|
}) |
|
|
|
this.sids = aa |
|
|
|
this.sides = this.sids.join() // 将sid数组的元素转化成字符串 |
|
|
|
this.state_list = bb |
|
|
|
console.log('sids数组', this.sids) |
|
|
|
console.log('sides字符串', this.sides) |
|
|
|
}, |
|
|
|
// 查询按钮 |
|
|
|
handleFilter() { |
|
|
|
this.listQuery.current = 1; |
|
|
|
this.getList(); |
|
|
|
this.listQuery.current = 1 |
|
|
|
this.getList() |
|
|
|
}, |
|
|
|
// 点击重置 |
|
|
|
handleReset() { |
|
|
|
this.listQuery.params = { |
|
|
|
applicant: "", |
|
|
|
contractNo: "", |
|
|
|
customerName: "", |
|
|
|
endDate: "", |
|
|
|
invoiceState: "", |
|
|
|
startDate: "", |
|
|
|
}; |
|
|
|
applicant: '', |
|
|
|
contractNo: '', |
|
|
|
customerName: '', |
|
|
|
endDate: '', |
|
|
|
invoiceState: '', |
|
|
|
startDate: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
// ========== 业务功能 ========== |
|
|
|
// 查询列表信息 |
|
|
|
getList() { |
|
|
|
this.listLoading = true; |
|
|
|
this.listLoading = true |
|
|
|
listExaminePage(this.listQuery).then((response) => { |
|
|
|
//拦截器 |
|
|
|
this.listLoading = false; |
|
|
|
console.log(response); |
|
|
|
// 拦截器 |
|
|
|
this.listLoading = false |
|
|
|
console.log(response) |
|
|
|
if ( |
|
|
|
response.code === "200" && |
|
|
|
response.code === '200' && |
|
|
|
response.data && |
|
|
|
response.data.total > 0 |
|
|
|
) { |
|
|
|
this.list = response.data.records; |
|
|
|
this.total = response.data.total; |
|
|
|
this.list = response.data.records |
|
|
|
this.listQuery.total = response.data.total |
|
|
|
} else { |
|
|
|
this.list = []; |
|
|
|
this.total = 0; |
|
|
|
this.list = [] |
|
|
|
this.listQuery.total = 0 |
|
|
|
} |
|
|
|
}); |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 打开查看 |
|
|
|
handleCheck(row) { |
|
|
|
this.viewState = 2; |
|
|
|
this.$refs["divInfo"].showInfo(row.sid, row.state); |
|
|
|
this.viewState = 2 |
|
|
|
this.$refs['divInfo'].showInfo(row.sid, row.state) |
|
|
|
}, |
|
|
|
|
|
|
|
// 关闭 |
|
|
|
handleClose() {}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
handleClose() { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
@ -403,10 +310,12 @@ export default { |
|
|
|
label { |
|
|
|
padding: 0 6px; |
|
|
|
} |
|
|
|
|
|
|
|
.searchbtns { |
|
|
|
margin: 10px 0; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.btn_style { |
|
|
|
background-color: #018ad2; |
|
|
|
color: white; |
|
|
|
|
yxt_djz
3 years ago