first commit
This commit is contained in:
@@ -0,0 +1,661 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<!--<link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">-->
|
||||
<!--<script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>-->
|
||||
|
||||
<!--<link rel="stylesheet" href="${base!}/assets/platform/plugins/iview/styles/iview.css">-->
|
||||
<!--<script src="${base!}/assets/platform/plugins/iview/iview.min.js"></script>-->
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
.card-title {
|
||||
margin-bottom: 20px;
|
||||
letter-spacing: 2px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.card-title .title-left {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.card-title .title-right {
|
||||
text-align: right;
|
||||
font-size: 15px;
|
||||
color: #0e78c5;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.card-title .title-right:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.el-date-editor.el-input, .el-select, .el-input-number {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.excelCard {
|
||||
min-height: 650px;
|
||||
}
|
||||
|
||||
.excelBack {
|
||||
font-size: 15px;
|
||||
color: #0e78c5;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.excelBack:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.el-icon-loading {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.el-input-number__decrease, .el-input-number__increase {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.el-input-number .el-input__inner {
|
||||
padding: 0 15px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.el-icon-eleme:before {
|
||||
content: '元';
|
||||
}
|
||||
|
||||
.submitClass {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.ivu-upload {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.el-table th.gutter {
|
||||
display: table-cell !important
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<el-card shadow="never">
|
||||
<div class="card-title">
|
||||
<span class="title-left">{{isEdit?'修改资产':'资产登记'}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<el-form :model="formData" :rules="ruleForm" label-width="100px" ref="AddForm">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="资产名称" prop="zcmc">
|
||||
<el-input v-model="formData.zcmc"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="单  价" prop="zcdj">
|
||||
<el-input-number :precision="2" v-model="formData.zcdj">
|
||||
</el-input-number>
|
||||
<span style="position: absolute;right: 10px;color: #C0C4CC;">元</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="数  量" prop="sl">
|
||||
<el-input-number v-model="formData.sl">
|
||||
</el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="资产类型">
|
||||
<el-radio label="1" v-model="formData.zcghlx">部门工会固定资产</el-radio>
|
||||
<el-radio label="2" v-model="formData.zcghlx">工会固定资产</el-radio>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="资产型号" prop="zcxh">
|
||||
<el-input v-model="formData.zcxh"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="资产规格" prop="zcgg">
|
||||
<el-input v-model="formData.zcgg"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="厂  家" prop="zccj">
|
||||
<el-input v-model="formData.zccj"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="出 厂 号" prop="zccch">
|
||||
<el-input v-model="formData.zccch"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="购置日期" prop="zcgzrq">
|
||||
<el-date-picker v-model="formData.zcgzrq" value-format="yyyy-MM-dd"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="入库日期" prop="zcrksj">
|
||||
<el-date-picker v-model="formData.zcrksj" value-format="yyyy-MM-dd"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="存放地点" prop="zccfdmc">
|
||||
<el-input v-model="formData.zccfdmc"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="资产编号" prop="zcbh">
|
||||
<el-input disabled placeholder="系统自动生成" v-model="formData.zcbh"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="领用人" prop="zclyrname">
|
||||
<el-select v-model="formData.zclyrname"
|
||||
clearable
|
||||
:loading="loading"
|
||||
:remote-method="SearchJsr"
|
||||
placeholder="可输入姓名或者工资号查询"
|
||||
filterable
|
||||
remote
|
||||
@change="zclyrChange">
|
||||
<el-option v-for="item in JsrOption" :label="item.username+'-'+item.loginname"
|
||||
:value="item.username"></el-option>
|
||||
</el-select>
|
||||
<!-- <el-input v-model="formData.zclyrname" clearable></el-input>-->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="领用人工号" prop="zclyrgh">
|
||||
<el-input disabled v-model="formData.zclyrgh"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="经 手 人" prop="zcjsrname">
|
||||
<el-select :loading="loading"
|
||||
:remote-method="SearchJsr"
|
||||
clearable
|
||||
filterable
|
||||
placeholder="可输入姓名或者工资号查询"
|
||||
remote
|
||||
v-model="formData.zcjsrname">
|
||||
<el-option :label="item.username+'-'+item.loginname" :value="item.username"
|
||||
v-for="item in JsrOption"></el-option>
|
||||
</el-select>
|
||||
<!-- <el-input v-model="formData.zcjsrname" clearable></el-input>-->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="领用单位" prop="zclydwh">
|
||||
<el-input disabled v-model="formData.zclydwh"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="供 货 商" prop="zcghs">
|
||||
<el-input v-model="formData.zcghs"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="发 票 号" prop="zcfph">
|
||||
<el-input v-model="formData.zcfph"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="单 据 号" prop="zcdjh">
|
||||
<el-input v-model="formData.zcdjh"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="合 同 号" prop="zchth">
|
||||
<el-input v-model="formData.zchth"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="经费卡号" prop="zcjfkh">
|
||||
<el-input v-model="formData.zcjfkh"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="卡上金额" prop="zcjfkje">
|
||||
<el-input-number :precision="2" v-model="formData.zcjfkje">
|
||||
</el-input-number>
|
||||
<span style="position: absolute;right: 10px;color: #C0C4CC;">元</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="国  别" prop="zcgb">
|
||||
<el-input v-model="formData.zcgb"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="国标分类号" prop="zcgbflh">
|
||||
<el-input v-model="formData.zcgbflh"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="分类号" prop="zcflh">
|
||||
<el-input v-model="formData.zcflh"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="状  态" prop="zczt">
|
||||
<el-select clearable filterable v-model="formData.zczt">
|
||||
<el-option label="在用" value="在用"></el-option>
|
||||
<el-option label="闲置" value="闲置"></el-option>
|
||||
<el-option label="未使用" value="未使用"></el-option>
|
||||
<el-option label="待报废" value="待报废"></el-option>
|
||||
<el-option label="校外转入" value="校外转入"></el-option>
|
||||
<el-option label="校内转入" value="校内转入"></el-option>
|
||||
<el-option label="其它" value="其它"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<div class="submitClass">
|
||||
<!-- <el-button v-if="isEdit" @click="()=>{window.location.href = document.referrer}">返 回</el-button>-->
|
||||
<el-button @click="doSubmit" type="primary">{{isEdit==false?'登 记':'确 定'}}</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<template #edit>
|
||||
<div class="mb20">
|
||||
<el-row>
|
||||
<div class="text-right">
|
||||
<el-button @click="downLoadTemp" class="mb10" size="small" type="primary">下载模板</el-button>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<el-upload
|
||||
:auto-upload="false"
|
||||
:file-list="fileList"
|
||||
:on-change="(f)=>{file = f}"
|
||||
:on-remove="()=>{file=null}"
|
||||
action="#"
|
||||
drag
|
||||
limit="1"
|
||||
ref="upload">
|
||||
<i class="el-icon-upload"></i>
|
||||
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
||||
</el-upload>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<el-button :disabled="!file" @click="readExcel" size="small" style="width: 360px"
|
||||
type="primary">读取
|
||||
</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-table :data="tableData" border empty-text="暂无数据 待上传文件" height="650px">
|
||||
<el-table-column label="领用单位" width="250px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zclydwh" disabled></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="编号" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zcbh"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="名称" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zcmc"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="型号" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zcxh"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="规格" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zcgg"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="单价(元)" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-input-number :precision="2" v-model="scope.row.zcdj"></el-input-number>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="厂家" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zccj"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="出厂号" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zccch"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="购置日期" width="155px">
|
||||
<template slot-scope="scope">
|
||||
<el-date-picker v-model="scope.row.zcgzrq" value-format="yyyy-MM-dd"></el-date-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" width="120px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zczt" clearable></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="存放地" width="200px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zccfdmc"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="领用人" width="170px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zclyrname"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="领用人工号" width="170px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zclyrgh"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="经手人" width="170px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zcjsrname"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="经手人工号" width="170px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zcjsrgh"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="入库时间" width="155px">
|
||||
<template slot-scope="scope">
|
||||
<el-date-picker v-model="scope.row.zcrksj" value-format="yyyy-MM-dd"></el-date-picker>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="单据号" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zcdjh"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="合同号" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zchth"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="经费卡号" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zcjfkh"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="卡金额(元)" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-input-number :precision="2" v-model="scope.row.zcjfkje"></el-input-number>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="分类号" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zcgbflh"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="国别" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zcgb"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="发票号" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zcfph"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="供货商" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zcghs"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="所属工会类型" width="150px">
|
||||
<template slot-scope="scope">
|
||||
<el-select v-model="scope.row.zcghlx" style="width: 100%">
|
||||
<el-option label="部门工会固定资产" value="1"></el-option>
|
||||
<el-option label="工会固定资产" value="2"></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
header-align="center"
|
||||
align="center" width="100px">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="tableData.splice(scope.$index,1)" size="mini" type="danger">删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<div class="submitClass mt20 mr10">
|
||||
<el-button type="primary" @click="doSubExcel">上 传</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
formData: {},
|
||||
file: null,
|
||||
loading: false,
|
||||
JsrOption: [],
|
||||
LyrOption: [],
|
||||
LydwOption: [],
|
||||
tableData: [],
|
||||
isEdit: false,
|
||||
ruleForm: {
|
||||
zcmc: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zcxh: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zcgg: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zcdj: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zccj: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
// zccch:[{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zcgzrq: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zccfdmc: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zclyrname: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zclyrgh: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zcjsrname: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zcrksj: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
// zchth:[{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zcjfkh: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zcjfkje: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zcfph: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zcghs: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zczt: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
zclydwh: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
sl: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
fileList: []
|
||||
}
|
||||
|
||||
},
|
||||
methods: {
|
||||
zclyrChange(val) {
|
||||
const {loginname, unionname} = this.JsrOption.find(v => v.username == val)
|
||||
this.formData.zclyrgh = loginname
|
||||
this.formData.zclydwh = unionname
|
||||
},
|
||||
readExcel() {
|
||||
const file_suffix = this.file.name.split('.').pop()
|
||||
if (!['xls', 'xlsx'].includes(file_suffix)) {
|
||||
this.$message.warning('请上传xls、xlsx文件')
|
||||
return
|
||||
}
|
||||
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '读取中',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
const fd = new FormData();
|
||||
fd.append("file", this.file.raw);
|
||||
$.ajax({
|
||||
url: '/platform/zcgl/zcdj/readExcel',
|
||||
dataType: 'json',
|
||||
type: 'POST',
|
||||
async: false,
|
||||
data: fd,
|
||||
processData: false, // 使数据不做处理
|
||||
contentType: false, // 不要设置Content-Type请求头
|
||||
success: (resp) => {
|
||||
if (resp.code === 0) {
|
||||
loading.close();
|
||||
this.tableData = resp.data;
|
||||
}
|
||||
},
|
||||
error: (resp) => {
|
||||
loading.close();
|
||||
}
|
||||
});
|
||||
},
|
||||
async SearchJsr(query) {
|
||||
var self = this;
|
||||
if (query != '') {
|
||||
self.loading = true;
|
||||
const data = await searchUser(query)
|
||||
self.JsrOption = data;
|
||||
self.loading = false;
|
||||
/* $.post(base + "/platform/zcgl/zcdj/SearchUserByName", {query: query}, function (data) {
|
||||
self.JsrOption = data.data;
|
||||
self.loading = false;
|
||||
});*/
|
||||
}
|
||||
},
|
||||
SearchLyr: function (query) {
|
||||
var self = this;
|
||||
if (query != '') {
|
||||
self.loading = true;
|
||||
$.post(base + "/platform/zcgl/zcdj/SearchUserByName", {query: query}, function (data) {
|
||||
self.LyrOption = data.data;
|
||||
self.loading = false;
|
||||
});
|
||||
}
|
||||
},
|
||||
SearchLydw: function (query) {
|
||||
var self = this;
|
||||
if (query != '') {
|
||||
self.loading = true;
|
||||
$.post(base + "/platform/zcgl/zcdj/SearchUnitByName", {query: query}, function (data) {
|
||||
self.LydwOption = data.data;
|
||||
self.loading = false;
|
||||
});
|
||||
}
|
||||
},
|
||||
async doSubmit() {
|
||||
try {
|
||||
const valid = await this.$refs["AddForm"].validate()
|
||||
if (valid) {
|
||||
const post_url = this.formData.zcid ? '/platform/zcgl/zcdj/doEdit' : '/platform/zcgl/zcdj/doSubmit'
|
||||
const resp = await $.post(post_url, this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.$notify({
|
||||
title: '成功',
|
||||
message: resp.msg,
|
||||
type: 'success'
|
||||
})
|
||||
setTimeout(() => {
|
||||
sublime.jumpPagePjax('/platform/zcgl/tzgl')
|
||||
}, 300)
|
||||
}
|
||||
}
|
||||
} catch (e) {
|
||||
console.log(e)
|
||||
}
|
||||
},
|
||||
async doSubExcel() {
|
||||
if (!this.tableData.length > 0) {
|
||||
this.$message.warning('请先上传excel')
|
||||
return
|
||||
}
|
||||
|
||||
const read_resp = await $.post('/platform/zcgl/zcdj/readExcelTable', {zxccList: JSON.stringify(this.tableData)})
|
||||
this.tableData = read_resp.data
|
||||
|
||||
const error_index = this.tableData.findIndex(v => v.zclyrid == null || v.zclyrid === '' || v.zcjsrid == null || v.zcjsrid === '')
|
||||
if (error_index > -1) {
|
||||
this.$message.warning('第' + (error_index + 1) + '行数据领用人或经手人姓名与工号不匹配，请检查！')
|
||||
return
|
||||
}
|
||||
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '上传中',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
|
||||
const resp = await $.post('/platform/zcgl/zcdj/doExcelSubmit', {zxccList: JSON.stringify(this.tableData)})
|
||||
loading.close()
|
||||
if (resp.code === 0) {
|
||||
this.tableData = []
|
||||
this.file = null
|
||||
sublime.jumpPagePjax('/platform/zcgl/tzgl')
|
||||
}
|
||||
},
|
||||
downLoadTemp() {
|
||||
window.location.href = '/platform/zcgl/zcdj/downLoadTemp';
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
const id = GetQueryString("id")
|
||||
if (id !== '') {
|
||||
this.isEdit = true
|
||||
const resp = await $.get('/platform/zcgl/zcdj/findOne/' + id)
|
||||
this.formData = resp.data
|
||||
} else {
|
||||
this.isEdit = false
|
||||
}
|
||||
const importType = GetQueryString("importType")
|
||||
if (importType === 'excel') {
|
||||
setTimeout(() => {
|
||||
this.$refs.guava.edit()
|
||||
}, 1500)
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,886 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<!--
|
||||
固定资产变更
|
||||
Created by lyw on 2020-02-28
|
||||
-->
|
||||
<style>
|
||||
.el-table td div {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin-left: 10px;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 120px;">
|
||||
<el-option label="编号" value="zc.zcbh"></el-option>
|
||||
<el-option label="名称" value="zc.zcmc"></el-option>
|
||||
<el-option label="存放地" value="zc.zccfdmc"></el-option>
|
||||
<el-option label="领用单位" value="zc.zclydwh"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.zcghlx" clearable placeholder="请选择资产类型">
|
||||
<el-option value="2" label="工会固定资产"></el-option>
|
||||
<el-option label="部门工会固定资产" value="1"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker type="date"
|
||||
placeholder="请选择购置时间"
|
||||
value-format="yyyy-MM-dd"
|
||||
v-model="pageForm.zcgzrq"></el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker type="date"
|
||||
placeholder="请选择入库时间"
|
||||
value-format="yyyy-MM-dd"
|
||||
v-model="pageForm.zcrksj"></el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-button icon="el-icon-search" @click="doSearch"
|
||||
style="background-color:#409eff;color: white;"></el-button>
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
|
||||
<el-card class="mt20" shadow="never">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
header-align="center"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column
|
||||
label="序号"
|
||||
type="index"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="zcbh"
|
||||
label="编号"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zcbh)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
width="100"
|
||||
prop="zcmc"
|
||||
label="名称"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zcmc)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zcxh"
|
||||
label="型号"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zcxh)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zcgg"
|
||||
label="规格"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zcgg)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column-->
|
||||
<!-- show-overflow-tooltip-->
|
||||
<!-- prop="zcdj"-->
|
||||
<!-- label="单价"-->
|
||||
<!-- header-align="center"-->
|
||||
<!-- align="center">-->
|
||||
<!-- <template scope="scope">-->
|
||||
<!-- {{isNull(scope.row.zcdj)}}-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<!-- <el-table-column-->
|
||||
<!-- show-overflow-tooltip-->
|
||||
<!-- prop="zccj"-->
|
||||
<!-- label="厂家"-->
|
||||
<!-- header-align="center"-->
|
||||
<!-- align="center">-->
|
||||
<!-- <template scope="scope">-->
|
||||
<!-- {{isNull(scope.row.zccj)}}-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<!-- <el-table-column-->
|
||||
<!-- show-overflow-tooltip-->
|
||||
<!-- prop="zccch"-->
|
||||
<!-- label="出厂号"-->
|
||||
<!-- header-align="center"-->
|
||||
<!-- align="center">-->
|
||||
<!-- <template scope="scope">-->
|
||||
<!-- {{isNull(scope.row.zccch)}}-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zcgzrq"
|
||||
label="购置日期"
|
||||
header-align="center"
|
||||
sortable
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
{{isNull(scope.row.zcgzrq)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<!-- <el-table-column-->
|
||||
<!-- show-overflow-tooltip-->
|
||||
<!-- prop="zcrksj"-->
|
||||
<!-- label="入库时间"-->
|
||||
<!-- header-align="center"-->
|
||||
<!-- align="center">-->
|
||||
<!-- <template scope="scope">-->
|
||||
<!-- {{isNull(scope.row.zcrksj)}}-->
|
||||
<!-- </template>-->
|
||||
|
||||
<!-- </el-table-column>-->
|
||||
<!-- <el-table-column-->
|
||||
<!-- show-overflow-tooltip-->
|
||||
<!-- prop="jsr"-->
|
||||
<!-- label="经手人"-->
|
||||
<!-- header-align="center"-->
|
||||
<!-- align="center">-->
|
||||
<!-- <template scope="scope">-->
|
||||
<!-- {{isNull(scope.row.jsr)}}-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zclyrname"
|
||||
label="领用人"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zclyrname)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zclydwh"
|
||||
label="领用单位"
|
||||
header-align="center"
|
||||
sortable
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zclydwh)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zccfdmc"
|
||||
label="存放地名称"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zccfdmc)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="状态"
|
||||
header-align="center"
|
||||
prop="zczt"
|
||||
sortable
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
|
||||
<el-dropdown @command="({func, data})=>{func(data)}">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{func:viewInfo,data:scope}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{func:openChange,data:scope.row.zcid}">
|
||||
变更
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
|
||||
<!--<el-dropdown @command="handleCommand" trigger="click" >
|
||||
<el-button @click="zcid=scope.row.zcid" type="warning" size="small">
|
||||
状态变更<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="1">在用</el-dropdown-item>
|
||||
<el-dropdown-item command="2">停用</el-dropdown-item>
|
||||
<el-dropdown-item command="3">报废</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>-->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</el-table>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</guava>
|
||||
|
||||
|
||||
<el-dialog
|
||||
title="详情"
|
||||
:visible.sync="viewDialogVisible"
|
||||
width="60%"
|
||||
custom-class="ViewDialogClass"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-tabs v-model="activeNames">
|
||||
<el-tab-pane label="基本信息" name="1">
|
||||
<el-form label-suffix="：" label-width="100px">
|
||||
<el-row gutter="20">
|
||||
<el-col span="12">
|
||||
<el-form-item label="编号">{{viewData.zcbh}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="名称">{{viewData.zcmc}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="型号">{{viewData.zcxh}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="规格">{{viewData.zcgg}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="购置日期">{{viewData.zcgzrq}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="状态">{{viewData.zczt}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="国标分类号">{{viewData.zcgbflh}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="分类号">{{viewData.zcflh}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="领用人">{{viewData.zclyrname}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="领用单位">{{viewData.zclydwh}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="经手人">{{viewData.zcjsrname}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="存放地名称">{{viewData.zccfdmc}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="购置信息" name="2">
|
||||
<el-form label-suffix="：" label-width="100px">
|
||||
<el-row gutter="20">
|
||||
<el-col span="12">
|
||||
<el-form-item label="单价">{{viewData.zcdj}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="厂家">{{viewData.zccj}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="供货商">{{viewData.zcghs}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="发票号">{{viewData.zcfph}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="单据号">{{viewData.zcdjh}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="合同号">{{viewData.zchth}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="国别">{{viewData.zcgb}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="出厂号">{{viewData.zccch}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="经费卡号">{{viewData.zcjfkh}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="经费卡金额">{{viewData.zcjfkje}}</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="变更信息" name="3">
|
||||
<el-table class="tabInfo"
|
||||
:data="viewData.bdData"
|
||||
size="small"
|
||||
header-align="center"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zcoldlyrid"
|
||||
label="原领用人"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zcoldlydwh"
|
||||
label="原领用单位"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="oldcfd"
|
||||
label="原存放地"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zcnowlyrid"
|
||||
label="现领用人"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zcnowlydwh"
|
||||
label="现领用单位"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="nowcfd"
|
||||
label="先存放地"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="shrname"
|
||||
label="审核人"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zcbdsj"
|
||||
label="变更时间"
|
||||
header-align="center"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="viewDialogVisible = false">关 闭</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog
|
||||
class="ViewDialogClass"
|
||||
title="资产变更"
|
||||
:visible.sync="editDialogVisible"
|
||||
width="55%">
|
||||
<el-form :model="formData" ref="editForm" :label-position="'left'" :rules="formRules" size="small"
|
||||
label-width="80px">
|
||||
<el-row>
|
||||
<el-col :span="10">
|
||||
<el-form-item prop="zcjsrname" label="原领用人">
|
||||
<el-input style="width: 100%" v-model="formData.zcjsrname" disabled
|
||||
placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" style="text-align: center">
|
||||
<i style="color: #409EFF;font-weight: bolder;font-size: 24px;line-height: 32px"
|
||||
class="el-icon-right"></i>
|
||||
</el-col>
|
||||
<el-col :span="10">
|
||||
<el-form-item prop="zcnowlyrid" label="现领用人">
|
||||
<el-select
|
||||
clearable
|
||||
style="width: 100%"
|
||||
v-model="formData.zcnowlyrid"
|
||||
filterable
|
||||
remote
|
||||
reserve-keyword
|
||||
placeholder="请输入关键词"
|
||||
:remote-method="userRemoteMethod"
|
||||
:loading="userSearchLoading"
|
||||
@change="zcnowlyrChange">
|
||||
<el-option
|
||||
v-for="item in userList"
|
||||
:key="item.id"
|
||||
:label="item.loginname+' '+item.username"
|
||||
:value="item.username">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="10">
|
||||
<el-form-item prop="zclydwh" label="原单位">
|
||||
<el-input style="width: 100%" v-model="formData.zclydwh" disabled
|
||||
placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" style="text-align: center">
|
||||
<i style="color: #409EFF;font-weight: bolder;font-size: 24px;line-height: 32px"
|
||||
class="el-icon-right"></i>
|
||||
</el-col>
|
||||
<el-col :span="10">
|
||||
<el-form-item prop="zcnowlydwh" label="现单位">
|
||||
<el-input style="width: 100%" v-model="formData.zcnowlydwh" disabled
|
||||
placeholder=""></el-input>
|
||||
<!-- <el-select
|
||||
clearable
|
||||
style="width: 100%"
|
||||
v-model="formData.zcnowlydwh"
|
||||
filterable
|
||||
remote
|
||||
reserve-keyword
|
||||
placeholder="请输入关键词"
|
||||
:remote-method="dwRemoteMethod"
|
||||
:loading="dwSearchLoading">
|
||||
<el-option
|
||||
v-for="item in dwList"
|
||||
:key="item.unioninfomgr_id"
|
||||
:label="item.unionname"
|
||||
:value="item.unioninfomgr_id">
|
||||
</el-option>
|
||||
</el-select>-->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="10">
|
||||
<el-form-item prop="zccfdmc" label="原存放地">
|
||||
<el-input style="width: 100%" v-model="formData.zccfdmc" disabled
|
||||
placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" style="text-align: center">
|
||||
<i style="color: #409EFF;font-weight: bolder;font-size: 24px;line-height: 32px"
|
||||
class="el-icon-right"></i>
|
||||
</el-col>
|
||||
<el-col :span="10">
|
||||
<el-form-item prop="zcnowcfdmc" label="现存放地">
|
||||
<el-input style="width: 100%" clearable v-model="formData.zcnowcfdmc"
|
||||
placeholder="请输入内容"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="10">
|
||||
<el-form-item prop="zccfdmc" label="原状态">
|
||||
<el-select v-model="formData.zczt" disabled style="width: 100%">
|
||||
<el-option label="在用" value="1"></el-option>
|
||||
<el-option label="停用" value="2"></el-option>
|
||||
<el-option label="报废" value="3"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4" style="text-align: center">
|
||||
<i style="color: #409EFF;font-weight: bolder;font-size: 24px;line-height: 32px"
|
||||
class="el-icon-right"></i>
|
||||
</el-col>
|
||||
<el-col :span="10">
|
||||
<el-form-item prop="zcnowcfdmc" label="现状态">
|
||||
<el-select v-model="formData.zcnowzczt" style="width: 100%">
|
||||
<el-option label="在用" value="在用"></el-option>
|
||||
<el-option label="闲置" value="闲置"></el-option>
|
||||
<el-option label="未使用" value="未使用"></el-option>
|
||||
<el-option label="待报废" value="待报废"></el-option>
|
||||
<el-option label="校外转入" value="校外转入"></el-option>
|
||||
<el-option label="校内转入" value="校内转入"></el-option>
|
||||
<el-option label="其它" value="其它"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="editDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="doChange">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
data: function () {
|
||||
var self = this
|
||||
return {
|
||||
userList: [],
|
||||
dwList: [],
|
||||
userSearchLoading: false,
|
||||
dwSearchLoading: false,
|
||||
tableData: [],
|
||||
activeNames: ["1", "2"],
|
||||
pageForm: {
|
||||
searchName: "",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: "",
|
||||
zcghlx: '',
|
||||
ghid: ''
|
||||
},
|
||||
formData: {},
|
||||
viewData: {bdData: []},
|
||||
addDialogVisible: false,
|
||||
editDialogVisible: false,
|
||||
viewDialogVisible: false,
|
||||
formRules: {
|
||||
lx_name: [{required: true, message: '请填写名称', trigger: ['blur', 'change']}],
|
||||
lx_bz: [{required: false, message: '', trigger: ['blur', 'change']}],
|
||||
},
|
||||
isNull: function (val) {
|
||||
if (val == '' || val == undefined || val == null) {
|
||||
return '暂无'
|
||||
}
|
||||
return val
|
||||
},
|
||||
zcid: ""
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
zcnowlyrChange(val) {
|
||||
const {unionname} = this.userList.find(v => v.username == val)
|
||||
this.dwRemoteMethod(unionname)
|
||||
this.$set(this.formData, "zcnowlydwh", unionname)
|
||||
},
|
||||
async doChange() {
|
||||
var data = {}
|
||||
data.zcid = this.formData.zcid
|
||||
data.zcoldlyrid = this.formData.zcjsrname
|
||||
data.zcoldlydwh = this.formData.zclydwh
|
||||
data.zcoldcfdmc = this.formData.zccfdmc
|
||||
|
||||
data.zcnowlyrid = this.formData.zcnowlyrid
|
||||
data.zcnowlydwh = this.formData.zcnowlydwh
|
||||
data.zcnowcfdmc = this.formData.zcnowcfdmc
|
||||
data.zczt = this.formData.zcnowzczt
|
||||
const data1 = await $.post("/platform/zcgl/gdzcbg/doChange", data)
|
||||
if (data1.code == 0) {
|
||||
vue.$message({
|
||||
message: data1.msg,
|
||||
type: 'success'
|
||||
});
|
||||
vue.pageData();
|
||||
vue.editDialogVisible = false
|
||||
} else {
|
||||
vue.$message({
|
||||
message: data1.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
/* $.post(base + "/platform/zcgl/gdzcbg/doChange", data, function (data) {
|
||||
if (data.code == 0) {
|
||||
vue.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
vue.pageData();
|
||||
vue.editDialogVisible = false
|
||||
} else {
|
||||
vue.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");*/
|
||||
},
|
||||
async dwRemoteMethod(query) {
|
||||
if (query !== '') {
|
||||
this.dwSearchLoading = true;
|
||||
const {data} = await $.get("/platform/zcgl/gdzcbg/queryDw", {query: query})
|
||||
this.dwList = data
|
||||
this.dwSearchLoading = false;
|
||||
/* $.post(base + "/platform/zcgl/gdzcbg/queryDw", {
|
||||
query: query,
|
||||
}, function (data) {
|
||||
this.dwSearchLoading = false;
|
||||
if (data.code == 0) {
|
||||
this.dwList = data.data
|
||||
console.log(data.data.find(v => v.unionname === query))
|
||||
// this.formData.zcnowlydwh = data.data.find(v => v.unionname == query).id;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");*/
|
||||
} else {
|
||||
this.dwList = [];
|
||||
}
|
||||
},
|
||||
async userRemoteMethod(query) {
|
||||
if (query !== '') {
|
||||
this.userSearchLoading = true;
|
||||
const data = await searchUser(query)
|
||||
this.userSearchLoading = false
|
||||
this.userList = data
|
||||
|
||||
/* $.post(base + "/platform/zcgl/gdzcbg/queryUser", {
|
||||
username: query,
|
||||
excUserId: vue.formData.zclyrid
|
||||
}, function (data) {
|
||||
vue.userSearchLoading = false
|
||||
if (data.code == 0) {
|
||||
vue.userList = data.data
|
||||
} else {
|
||||
vue.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");*/
|
||||
} else {
|
||||
this.userList = [];
|
||||
}
|
||||
},
|
||||
openChange: function (zcid) {
|
||||
$.post(base + "/platform/zcgl/gdzcbg/openEditData", {zcid: zcid}, function (data) {
|
||||
if (data.code == 0) {
|
||||
vue.dwList = []
|
||||
vue.userList = []
|
||||
vue.formData = data.data
|
||||
vue.editDialogVisible = true
|
||||
} else {
|
||||
vue.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
viewInfo: function (scope) {
|
||||
var self = this;
|
||||
self.viewData = JSON.parse(JSON.stringify(scope.row));
|
||||
self.activeNames = '1'
|
||||
$.post(base + "/platform/zcgl/gdzcbg/queryChangeData", {zcid: scope.row.zcid}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.viewData.bdData = data.data
|
||||
} else {
|
||||
self.viewData.bdData = []
|
||||
}
|
||||
self.viewDialogVisible = true;
|
||||
}, "json");
|
||||
},
|
||||
doDelete: function (id) {
|
||||
var self = this;
|
||||
this.$confirm('确定要删除吗', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: function (a, b) {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
$.post(base + "/platform/zgfw/wjdclx/delete", {lx_id: id}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.pageData();
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
openEdit: function (id) {
|
||||
var self = this;
|
||||
this.formData = {};
|
||||
if (this.$refs["editForm"])
|
||||
this.$refs["editForm"].resetFields();
|
||||
$.get("/platform/zgfw/wjdclx/queryDetail", {lx_id: id}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.formData = data.data
|
||||
self.formData.lx_wtsl = self.formData.lx_wtsl.toString()
|
||||
self.editDialogVisible = true
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, 'json')
|
||||
},
|
||||
doEdit: function () {
|
||||
var self = this;
|
||||
self.$refs["editForm"].validate(function (valid) {
|
||||
if (valid) {
|
||||
|
||||
$.post(base + "/platform/zgfw/wjdclx/doEdit", self.formData, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'success'
|
||||
});
|
||||
self.pageData();//查询是带条件的,加载新建用户选择的单位用户数据
|
||||
self.editDialogVisible = false;
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
doAdd: function () {
|
||||
var self = this;
|
||||
self.$refs["addForm"].validate(function (valid) {
|
||||
if (valid) {
|
||||
$.post(base + "/platform/zgfw/wjdclx/doAdd", self.formData, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.pageData();
|
||||
self.addDialogVisible = false
|
||||
self.$message({
|
||||
message: '添加成功',
|
||||
type: "success"
|
||||
});
|
||||
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
openAdd: function () {
|
||||
var self = this;
|
||||
this.addDialogVisible = true;
|
||||
this.formData = {};//打开新增窗口,表单先清空
|
||||
if (this.$refs["addForm"])
|
||||
this.$refs["addForm"].resetFields();
|
||||
},
|
||||
doSearch: function () {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
},
|
||||
pageOrder: function (column) {//按字段排序
|
||||
switch (column.order) {
|
||||
case 'descending':
|
||||
column.order = 'desc'
|
||||
break
|
||||
case "ascending":
|
||||
column.order = 'asc'
|
||||
break
|
||||
}
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange: function (val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange: function (val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData: function () {//加载分页数据
|
||||
var self = this;
|
||||
sublime.showLoadingbar();//显示loading
|
||||
$.post(base + "/platform/zcgl/gdzcbg/data", self.pageForm, function (data) {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
if (data.code == 0) {
|
||||
self.tableData = data.data.list;
|
||||
self.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
handleCommand: function (command) {
|
||||
var self = this;
|
||||
$.post(base + "/platform/zcgl/tzgl/bgzt", {zcid: self.zcid, zczt: command}, function (data) {
|
||||
if (data.code === 0) {
|
||||
self.pageData();
|
||||
self.$message.success(data.msg);
|
||||
} else {
|
||||
self.$message.error(data.msg);
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
created: function () {
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,431 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<!--
|
||||
数据录入
|
||||
Created by lyw on 2020/2/17 17:21
|
||||
-->
|
||||
<style>
|
||||
input[type=file] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.el-divider {
|
||||
background-color: #409EFF;
|
||||
}
|
||||
|
||||
.el-divider__text {
|
||||
color: #409EFF;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
@keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 120px;">
|
||||
<el-option label="编号" value="zcbh"></el-option>
|
||||
<el-option label="名称" value="zcmc"></el-option>
|
||||
<el-option label="存放地" value="zccfdmc"></el-option>
|
||||
<el-option label="领用单位" value="zclydwh"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.zcghlx" clearable placeholder="请选择资产类型">
|
||||
<el-option value="2" label="工会固定资产"></el-option>
|
||||
<el-option label="部门工会固定资产" value="1"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker type="date"
|
||||
placeholder="请选择购置时间"
|
||||
value-format="yyyy-MM-dd"
|
||||
v-model="pageForm.zcgzrq"></el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker type="date"
|
||||
placeholder="请选择入库时间"
|
||||
value-format="yyyy-MM-dd"
|
||||
v-model="pageForm.zcrksj"></el-date-picker>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="btn-group tool-button">
|
||||
<el-button icon="el-icon-search" @click="doSearch"
|
||||
type="primary"></el-button>
|
||||
</div>
|
||||
|
||||
<div class="pull-right offscreen-right">
|
||||
<el-button size="medium" @click="goExcelImport"><i class="el-icon-upload"></i> 从excel导入</el-button>
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
<el-card class="mt20" shadow="never">
|
||||
<!--个人-->
|
||||
<el-table :data="tableData" header-align="center" @sort-change="pageOrder">
|
||||
<el-table-column
|
||||
label="序号"
|
||||
type="index"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="zcbh"
|
||||
label="编号"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zcbh)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
width="150"
|
||||
prop="zcmc"
|
||||
label="名称"
|
||||
show-overflow-tooltip
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zcmc)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zcxh"
|
||||
label="型号"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zcxh)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zcgg"
|
||||
label="规格"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zcgg)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zcgzrq"
|
||||
label="购置日期"
|
||||
header-align="center"
|
||||
sortable
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
{{isNull(scope.row.zcgzrq)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zclyrname"
|
||||
label="领用人"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zclyrname)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zclydwh"
|
||||
label="领用单位"
|
||||
sortable
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zclydwh)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zccfdmc"
|
||||
label="存放地名称"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zccfdmc)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="状态"
|
||||
prop="zczt"
|
||||
sortable
|
||||
header-align="center"
|
||||
align="center">
|
||||
<!-- <template scope="scope">
|
||||
<span v-if="scope.row.zczt==1"><i class="fa fa-circle text-success ml5"></i> 在用</span>
|
||||
<span v-if="scope.row.zczt==2"><i class="fa fa-circle text-warning ml5"></i> 停用</span>
|
||||
<span v-if="scope.row.zczt==3"><i class="fa fa-circle text-danger ml5"></i> 报废</span>
|
||||
</template>-->
|
||||
</el-table-column>
|
||||
<el-table-column label="类型" prop="zcghlx" header-align="center" align="center" sortable>
|
||||
<template scope="scope">
|
||||
{{scope.row.zcghlx==='1'?'部门工会固定资产':'工会固定资产'}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
header-align="center"
|
||||
align="center">
|
||||
|
||||
<template slot-scope="scope">
|
||||
<el-dropdown @command="({func, data})=>{func(data)}">
|
||||
<el-button plain size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{func:viewInfo,data:scope}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{func:hrefEdit,data:scope.row.zcid}">
|
||||
编辑
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{func:doDel,data:scope.row.zcid}">
|
||||
删除
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</template>
|
||||
<template #view>
|
||||
<el-tabs v-model="activeNames">
|
||||
<el-tab-pane label="基本信息" name="1">
|
||||
<el-form label-suffix="：" label-width="100px">
|
||||
<el-row gutter="20">
|
||||
<el-col span="12">
|
||||
<el-form-item label="编号">{{viewData.zcbh}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="名称">{{viewData.zcmc}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="型号">{{viewData.zcxh}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="规格">{{viewData.zcgg}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="购置日期">{{viewData.zcgzrq}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="状态">{{viewData.zczt}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="国标分类号">{{viewData.zcgbflh}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="分类号">{{viewData.zcflh}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="领用人">{{viewData.zclyrname}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="领用单位">{{viewData.zclydwh}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="经手人">{{viewData.zcjsrname}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="存放地名称">{{viewData.zccfdmc}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="购置信息" name="2">
|
||||
<el-form label-suffix="：" label-width="100px">
|
||||
<el-row gutter="20">
|
||||
<el-col span="12">
|
||||
<el-form-item label="单价">{{viewData.zcdj}}元</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="厂家">{{viewData.zccj}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="供货商">{{viewData.zcghs}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="发票号">{{viewData.zcfph}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="单据号">{{viewData.zcdjh}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="合同号">{{viewData.zchth}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="国别">{{viewData.zcgb}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="出厂号">{{viewData.zccch}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="经费卡号">{{viewData.zcjfkh}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="经费卡金额">{{viewData.zcjfkje}}元</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
pageForm: {
|
||||
searchName: "",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
zcghlx: '',
|
||||
ghid: ''
|
||||
},
|
||||
tableData: [],
|
||||
isNull: function (val) {
|
||||
if (val == '' || val == undefined || val == null) {
|
||||
return '暂无'
|
||||
}
|
||||
return val
|
||||
},
|
||||
viewData: {},
|
||||
viewDialogVisible: false,
|
||||
activeNames: "1",
|
||||
zcid: "",
|
||||
ghlist: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goExcelImport() {
|
||||
window.location.href = '/platform/zcgl/zcdj?importType=excel'
|
||||
},
|
||||
doSearch: function () {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
},
|
||||
pageOrder: function (column) {//按字段排序
|
||||
switch (column.order) {
|
||||
case 'descending':
|
||||
column.order = 'desc'
|
||||
break
|
||||
case "ascending":
|
||||
column.order = 'asc'
|
||||
break
|
||||
}
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange: function (val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange: function (val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData: function () {//加载分页数据
|
||||
var self = this;
|
||||
sublime.showLoadingbar();//显示loading
|
||||
$.post(base + "/platform/zcgl/tzgl/data", self.pageForm, function (data) {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
if (data.code == 0) {
|
||||
self.tableData = data.data.list;
|
||||
self.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
doDel: function (id) {
|
||||
vue.$confirm('确定要删除吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
closeOnClickModal: false,
|
||||
type: 'warning',
|
||||
callback: function (a) {
|
||||
if ("confirm" === a) {
|
||||
$.post(base + "/platform/zcgl/tzgl/doDel", {id: id}, function (data) {
|
||||
if (data.code === 0) {
|
||||
vue.pageData();
|
||||
vue.$message.success(data.msg);
|
||||
} else {
|
||||
vue.$message.error(data.msg);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
viewInfo(scope) {
|
||||
this.viewData = JSON.parse(JSON.stringify(scope.row))
|
||||
// this.viewDialogVisible = true
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
|
||||
hrefEdit: function (id) {
|
||||
location.href = "/platform/zcgl/zcdj?id=" + id;
|
||||
},
|
||||
getUnion: function () {
|
||||
var self = this;
|
||||
$.post(base + "/platform/zcgl/zhcx/getUnion", function (data) {
|
||||
self.ghlist = data.data;
|
||||
})
|
||||
}
|
||||
},
|
||||
created: function () {
|
||||
this.pageData();
|
||||
this.getUnion();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,258 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.el-card {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<el-card>
|
||||
<div id="zttj" style="width: 47%;height: 450px;display: inline-block;"></div>
|
||||
<div style="height: 400px;width: 1px;background-color: gainsboro;display: inline-block;"></div>
|
||||
<div id="jgtj" style="width: 47%;height: 450px;display: inline-block;"></div>
|
||||
</el-card>
|
||||
<!-- <el-card>
|
||||
<div id="fghtj" style="width: 100%;height: 450px;display: inline-block;"></div>
|
||||
</el-card>-->
|
||||
<el-card>
|
||||
<div id="nftj" style="width: 100%;height: 450px;display: inline-block;"></div>
|
||||
</el-card>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: "#app",
|
||||
data: function () {
|
||||
return {
|
||||
ghlist:[],
|
||||
nflist:[]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
data:function () {
|
||||
var self=this;
|
||||
$.post(base+"/platform/zcgl/sjkb/data",function (data) {
|
||||
self.initZttj(data.data.zttj);
|
||||
var union=data.data.fghtj;
|
||||
var sl=[]
|
||||
union.forEach(function (val) {
|
||||
self.ghlist.push(val.unionname);
|
||||
sl.push(val.sl)
|
||||
})
|
||||
var jg=data.data.jgtj[0];
|
||||
var jgsl=[];
|
||||
jgsl.push(jg.a);
|
||||
jgsl.push(jg.b);
|
||||
jgsl.push(jg.c);
|
||||
jgsl.push(jg.d);
|
||||
jgsl.push(jg.e);
|
||||
jgsl.push(jg.f);
|
||||
|
||||
var nf=data.data.nftj;
|
||||
var nfsl=[]
|
||||
nf.forEach(function (val) {
|
||||
self.nflist.push(val.year);
|
||||
nfsl.push(val.sl);
|
||||
})
|
||||
//self.initFghtj(sl)
|
||||
self.initjgtj(jgsl);
|
||||
self.initNftj(nfsl);
|
||||
|
||||
})
|
||||
},
|
||||
initZttj: function (data) {
|
||||
var self = this;
|
||||
var lmxjHj= echarts.init(document.getElementById("zttj"));
|
||||
var option = {
|
||||
title: {
|
||||
text: '固定资产状态统计',
|
||||
subtext: '',
|
||||
left: 'center'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
||||
},
|
||||
legend: {
|
||||
orient: 'vertical',
|
||||
left: 'left',
|
||||
data: ['在用','闲置','未使用','待报废','校外转入','校内转入','其它']
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '资产状态',
|
||||
type: 'pie',
|
||||
radius: '55%',
|
||||
center: ['50%', '60%'],
|
||||
data: [
|
||||
{value: data[0].zy, name: '在用'},
|
||||
{value: data[0].xz, name: '闲置'},
|
||||
{value: data[0].wsy, name: '未使用'},
|
||||
{value: data[0].dbf, name: '待报废'},
|
||||
{value: data[0].xwzr, name: '校外转入'},
|
||||
{value: data[0].xnzr, name: '校内转入'},
|
||||
{value: data[0].qt, name: '其它'}
|
||||
],
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
lmxjHj.setOption(option);
|
||||
|
||||
},
|
||||
initFghtj:function (data) {
|
||||
var dom = document.getElementById("fghtj");
|
||||
var myChart = echarts.init(dom);
|
||||
optionwwrstj = null;
|
||||
//加载柱状图
|
||||
optionwwrstj = {
|
||||
color: ['#3398DB'],
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
||||
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
||||
}
|
||||
},
|
||||
title : {
|
||||
text: '固定资产所属部门工会统计',
|
||||
},
|
||||
grid: { // 控制图的大小，调整下面这些值就可以，
|
||||
x: 40,
|
||||
x2: 100,
|
||||
y2: 150,// y2可以控制 X轴跟Zoom控件之间的间隔，避免以为倾斜后造成 label重叠到zoom上
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: this.ghlist,
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
formatter:function(value)
|
||||
{
|
||||
return value.split("").join("\n");
|
||||
},
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
},
|
||||
series: [{
|
||||
data: data,
|
||||
label: {
|
||||
normal: {
|
||||
show: true,
|
||||
position: 'top'
|
||||
}
|
||||
},
|
||||
type: 'bar'
|
||||
}]
|
||||
};
|
||||
if (optionwwrstj && typeof optionwwrstj === "object") {
|
||||
myChart.setOption(optionwwrstj, true);
|
||||
}
|
||||
},
|
||||
initjgtj:function (data) {
|
||||
var dom = document.getElementById("jgtj");
|
||||
var myChart = echarts.init(dom);
|
||||
optionwwrstj = null;
|
||||
//加载柱状图
|
||||
optionwwrstj = {
|
||||
color: ['#3398DB'],
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
||||
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
||||
}
|
||||
},
|
||||
title : {
|
||||
text: '固定资产购置价格统计',
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: ["2000以下","2000-4000","4000-6000","6000-8000","8000-10000","10000以上"],
|
||||
axisLabel: {
|
||||
interval:0,
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
},
|
||||
series: [{
|
||||
data: data,
|
||||
label: {
|
||||
normal: {
|
||||
show: true,
|
||||
position: 'top'
|
||||
}
|
||||
},
|
||||
type: 'bar'
|
||||
}]
|
||||
};
|
||||
if (optionwwrstj && typeof optionwwrstj === "object") {
|
||||
myChart.setOption(optionwwrstj, true);
|
||||
}
|
||||
},
|
||||
initNftj:function (data) {
|
||||
var dom = document.getElementById("nftj");
|
||||
var myChart = echarts.init(dom);
|
||||
optionwwrstj = null;
|
||||
//加载柱状图
|
||||
optionwwrstj = {
|
||||
color: ['#3398DB'],
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
||||
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
||||
}
|
||||
},
|
||||
title : {
|
||||
text: '固定资产年度数量统计',
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: this.nflist,
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
},
|
||||
series: [{
|
||||
data: data,
|
||||
label: {
|
||||
normal: {
|
||||
show: true,
|
||||
position: 'top'
|
||||
}
|
||||
},
|
||||
type: 'line'
|
||||
}]
|
||||
};
|
||||
if (optionwwrstj && typeof optionwwrstj === "object") {
|
||||
myChart.setOption(optionwwrstj, true);
|
||||
}
|
||||
}
|
||||
},
|
||||
created: function () {
|
||||
this.data();
|
||||
},
|
||||
mounted: function () {
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,430 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
input[type=file] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.el-divider {
|
||||
background-color: #409EFF;
|
||||
}
|
||||
|
||||
.el-divider__text {
|
||||
color: #409EFF;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword" @keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型" style="width: 120px;"
|
||||
clearable>
|
||||
<el-option label="编号" value="zcbh"></el-option>
|
||||
<el-option label="名称" value="zcmc"></el-option>
|
||||
<el-option label="存放地" value="zccfdmc"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.zczt" placeholder="资产状态" style="width: 180px;" clearable>
|
||||
<el-option label="在用" value="在用"></el-option>
|
||||
<el-option label="闲置" value="闲置"></el-option>
|
||||
<el-option label="未使用" value="未使用"></el-option>
|
||||
<el-option label="待报废" value="待报废"></el-option>
|
||||
<el-option label="校外转入" value="校外转入"></el-option>
|
||||
<el-option label="校内转入" value="校内转入"></el-option>
|
||||
<el-option label="其它" value="其它"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-date-picker
|
||||
v-model="time"
|
||||
type="daterange"
|
||||
range-separator="-"
|
||||
start-placeholder="购置日期"
|
||||
end-placeholder="购置日期"
|
||||
format="yyyy 年 MM 月 dd 日"
|
||||
value-format="yyyy-MM-dd">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.zcghlx" placeholder="请选择资产类型">
|
||||
<el-option value="2" label="工会固定资产"></el-option>
|
||||
<el-option label="部门工会固定资产" value="1"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5" v-if="pageForm.zcghlx==='1'">
|
||||
<el-select v-model="pageForm.ghid" placeholder="领用工会" style="width: 180px;" clearable>
|
||||
<el-option v-for="item in ghlist" :label="item.unionname" :value="item.unioninfomgr_id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button icon="el-icon-search" @click="doSearch"
|
||||
style="background-color:#409eff;color: white;"></el-button>
|
||||
</div>
|
||||
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<el-button type="primary" @click="doAllExport" icon="el-icon-download">总账导出</el-button>
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
|
||||
<el-card class="mt20" shadow="never">
|
||||
<!--个人-->
|
||||
<el-table
|
||||
:data="tableData"
|
||||
header-align="center"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column
|
||||
label="序号"
|
||||
type="index"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="zcbh"
|
||||
label="编号"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zcbh)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
width="150"
|
||||
prop="zcmc"
|
||||
show-overflow-tooltip
|
||||
label="名称"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zcmc)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zcxh"
|
||||
label="型号"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zcxh)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zcgg"
|
||||
label="规格"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zcgg)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zcgzrq"
|
||||
label="购置日期"
|
||||
sortable
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
{{isNull(scope.row.zcgzrq)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zclyrname"
|
||||
label="领用人"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zclyrname)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zclydwh"
|
||||
label="领用单位"
|
||||
header-align="center"
|
||||
sortable
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zclydwh)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="zccfdmc"
|
||||
label="存放地名称"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template scope="scope">
|
||||
{{isNull(scope.row.zccfdmc)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="状态"
|
||||
prop="zczt"
|
||||
header-align="center"
|
||||
sortable
|
||||
align="center">
|
||||
<!-- <template scope="scope">
|
||||
<span v-if="scope.row.zczt==1"><i class="fa fa-circle text-success ml5"></i> 在用</span>
|
||||
<span v-if="scope.row.zczt==2"><i class="fa fa-circle text-warning ml5"></i> 停用</span>
|
||||
<span v-if="scope.row.zczt==3"><i class="fa fa-circle text-danger ml5"></i> 报废</span>
|
||||
</template>-->
|
||||
</el-table-column>
|
||||
<el-table-column label="类型" prop="zcghlx" header-align="center" align="center" sortable>
|
||||
<template scope="scope">
|
||||
{{scope.row.zcghlx==='1'?'部门工会固定资产':'工会固定资产'}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
width="200"
|
||||
label="操作"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="small" @click="viewInfo(scope)">查看</el-button>
|
||||
<!-- <el-button size="small" @click="doExport(scope.row.zcid)">导出</el-button>-->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</el-table>
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</guava>
|
||||
|
||||
|
||||
<!-- 个人 查看详情-->
|
||||
<el-dialog
|
||||
title="详情"
|
||||
:visible.sync="viewDialogVisible"
|
||||
width="60%"
|
||||
custom-class="ViewDialogClass"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-tabs v-model="activeNames">
|
||||
<el-tab-pane label="基本信息" name="1">
|
||||
<el-form label-suffix="：" label-width="100px">
|
||||
<el-row gutter="20">
|
||||
<el-col span="12">
|
||||
<el-form-item label="编号">{{viewData.zcbh}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="名称">{{viewData.zcmc}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="型号">{{viewData.zcxh}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="规格">{{viewData.zcgg}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="购置日期">{{viewData.zcgzrq}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="状态">{{viewData.zczt}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="国标分类号">{{viewData.zcgbflh}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col span="12">
|
||||
<el-form-item label="分类号">{{viewData.zcflh}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="领用人">{{viewData.zclyrname}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="领用单位">{{viewData.zclydwh}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="经手人">{{viewData.zcjsrname}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="存放地名称">{{viewData.zccfdmc}}</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="购置信息" name="2">
|
||||
<el-form label-suffix="：" label-width="100px">
|
||||
<el-row gutter="20">
|
||||
<el-col span="12">
|
||||
<el-form-item label="单价">{{viewData.zcdj}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="厂家">{{viewData.zccj}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="供货商">{{viewData.zcghs}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="发票号">{{viewData.zcfph}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="单据号">{{viewData.zcdjh}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="合同号">{{viewData.zchth}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="国别">{{viewData.zcgb}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="出厂号">{{viewData.zccch}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="经费卡号">{{viewData.zcjfkh}}</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="12">
|
||||
<el-form-item label="经费卡金额">{{viewData.zcjfkje}}</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
<!-- <span slot="footer" class="dialog-footer">
|
||||
<el-button @click="viewDialogVisible = false">关 闭</el-button>
|
||||
</span>-->
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
data: function () {
|
||||
return {
|
||||
pageForm: {
|
||||
searchName: "",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
zczt: "",
|
||||
startTime: "",
|
||||
endTime: "",
|
||||
zcghlx: "",
|
||||
ghid: ''
|
||||
},
|
||||
tableData: [],
|
||||
isNull: function (val) {
|
||||
if (val == '' || val == undefined || val == null) {
|
||||
return '暂无'
|
||||
}
|
||||
return val
|
||||
},
|
||||
viewData: {},
|
||||
viewDialogVisible: false,
|
||||
activeNames: '1',
|
||||
zcid: "",
|
||||
ghlist: [],
|
||||
time: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
doAllExport(){
|
||||
window.location.href = '/platform/zcgl/zhcx/doExport'
|
||||
},
|
||||
|
||||
doExport(id) {
|
||||
window.location.href = '/platform/zcgl/tzgl/downloadrzd?id=' + id
|
||||
},
|
||||
doSearch: function () {
|
||||
|
||||
if (this.time != "" && this.time != null) {
|
||||
this.pageForm.startTime = this.time[0];
|
||||
this.pageForm.endTime = this.time[1];
|
||||
} else {
|
||||
this.pageForm.startTime = null;
|
||||
this.pageForm.endTime = null;
|
||||
}
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
},
|
||||
pageOrder: function (column) {//按字段排序
|
||||
switch (column.order) {
|
||||
case 'descending':
|
||||
column.order = 'desc'
|
||||
break
|
||||
case "ascending":
|
||||
column.order = 'asc'
|
||||
break
|
||||
}
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange: function (val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange: function (val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData: function () {//加载分页数据
|
||||
var self = this;
|
||||
sublime.showLoadingbar();//显示loading
|
||||
$.post(base + "/platform/zcgl/zhcx/data", self.pageForm, function (data) {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
if (data.code == 0) {
|
||||
self.tableData = data.data.list;
|
||||
self.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
viewInfo: function (scope) {
|
||||
var self = this;
|
||||
self.viewData = JSON.parse(JSON.stringify(scope.row));
|
||||
self.viewDialogVisible = true;
|
||||
},
|
||||
getUnion: function () {
|
||||
var self = this;
|
||||
$.post(base + "/platform/zcgl/zhcx/getUnion", function (data) {
|
||||
self.ghlist = data.data;
|
||||
})
|
||||
}
|
||||
},
|
||||
created: function () {
|
||||
this.pageData();
|
||||
this.getUnion();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user