first commit
This commit is contained in:
@@ -0,0 +1,789 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
|
||||
<style>
|
||||
#app {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
input[type=file] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.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%;
|
||||
}
|
||||
|
||||
.addFormCard {
|
||||
|
||||
}
|
||||
|
||||
.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>
|
||||
<transition name="el-zoom-in-top">
|
||||
<el-card class="addFormCard" v-show="AddFormCardShow">
|
||||
<div class="card-title">
|
||||
<span class="title-left">{{sfedit==false?'资产登记':'修改资产'}}</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<el-form ref="AddForm" :model="FormData" :rules="ruleForm" label-width="120px">
|
||||
<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 v-model="FormData.zcdj" :precision="2">
|
||||
</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 v-model="FormData.zcghlx" label="1">分工会固定资产</el-radio>
|
||||
<el-radio v-model="FormData.zcghlx" label="2">工会固定资产</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="contentCode">
|
||||
<el-select v-model="FormData.contentCode" clearable placeholder="所属类别"
|
||||
@change="contentCodeChange">
|
||||
<el-option v-for="item in lbList" :label="item.content+'（'+item.contentCode+'）'"
|
||||
:value="item.contentCode"></el-option>
|
||||
</el-select>
|
||||
</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-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="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"
|
||||
@change="zcrksjChange"></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="折旧到期时间" prop="depreciationDate">
|
||||
<el-date-picker v-model="FormData.depreciationDate" value-format="yyyy-MM-dd"
|
||||
disabled></el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="资产编号" prop="zcbh">
|
||||
<el-input placeholder="系统自动生成" disabled v-model="FormData.zcbh"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="领用人" prop="zclyrid">
|
||||
<el-select v-model="FormData.zclyrid"
|
||||
clearable
|
||||
:loading="loading"
|
||||
:remote-method="SearchLyr"
|
||||
placeholder="可输入姓名或者工资号查询"
|
||||
filterable
|
||||
remote
|
||||
@change="zclyrChange">
|
||||
<el-option v-for="item in LyrOption" :label="item.username+'-'+item.loginname"
|
||||
:value="item.id"></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 v-model="FormData.zclyrgh" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="经 手 人" prop="zcjsrname">
|
||||
<el-select v-model="FormData.zcjsrname"
|
||||
clearable
|
||||
:loading="loading"
|
||||
:remote-method="SearchJsr"
|
||||
placeholder="可输入姓名或者工资号查询"
|
||||
filterable
|
||||
remote>
|
||||
<el-option v-for="item in JsrOption" :label="item.username+'-'+item.loginname"
|
||||
:value="item.username"></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-select v-model="FormData.zclydwh"
|
||||
ref="dwelement"
|
||||
clearable
|
||||
:loading="loading"
|
||||
:remote-method="SearchLydw"
|
||||
placeholder="可输入名称或者编号查询"
|
||||
filterable
|
||||
remote>
|
||||
<el-option v-for="item in LydwOption" :label="item.unionname+'-'+item.dwcode"
|
||||
:value="item.unioninfomgr_id"></el-option>
|
||||
</el-select>-->
|
||||
<!-- <el-select v-model="FormData.zclydwh">
|
||||
<el-option value="1C08:工会"></el-option>
|
||||
<el-option value="1C10:分工会"></el-option>
|
||||
</el-select>-->
|
||||
<el-input v-model="FormData.zclydwh" disabled></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 v-model="FormData.zcjfkje" :precision="2">
|
||||
</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-radio v-model="FormData.zczt" label="1">在用</el-radio>
|
||||
<el-radio v-model="FormData.zczt" label="2">停用</el-radio>
|
||||
<el-radio v-model="FormData.zczt" label="3">报废</el-radio>-->
|
||||
<!-- <el-input v-model="FormData.zczt" clearable></el-input>-->
|
||||
<el-select v-model="FormData.zczt" clearable filterable>
|
||||
<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="sfedit" @click="()=>{window.location.href = document.referrer}">返 回</el-button>
|
||||
<el-button type="primary" @click="doSubmit">{{sfedit==false?'登 记':'确 定'}}</el-button>
|
||||
</div>
|
||||
|
||||
|
||||
</el-card>
|
||||
</transition>
|
||||
|
||||
<transition name="el-zoom-in-bottom">
|
||||
<el-card class="excelCard" v-show="ExcelCardShow">
|
||||
<div class="mb10">
|
||||
<!-- <span class="excelBack" @click="ExcelCardShow=!ExcelCardShow;AddFormCardShow=!ExcelCardShow;">< 返回</span>-->
|
||||
</div>
|
||||
<div class="mb20">
|
||||
<el-row>
|
||||
<el-col :span="2">
|
||||
<el-button icon="el-icon-download" @click="downLoadTemp">下载模板</el-button>
|
||||
</el-col>
|
||||
<el-col :span="22">
|
||||
<el-upload :before-upload="handleUpload">
|
||||
<el-button icon="el-icon-upload2">选择文件</el-button>
|
||||
</el-upload>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-button icon="el-icon-download" @click="downLoadTemp">下载模板</el-button>
|
||||
<el-upload :before-upload="handleUpload">
|
||||
<el-button icon="el-icon-upload2">选择文件</el-button>
|
||||
</el-upload>-->
|
||||
<div v-if="file!==null" style="height: 30px;">
|
||||
<span style="width: 90%;float: left;overflow: hidden;line-height: 30px;">
|
||||
<i class="el-icon-tickets"></i>
|
||||
{{file.name}} 
|
||||
<span style="font-size: 12px;color: #b49672;" v-if="tableData.length>0">共读取了{{tableData.length}}条数据</span>
|
||||
</span>
|
||||
<span style="float: left;line-height: 30px;">
|
||||
<el-button size="small" type="error" @click="file=null;tableData=[];">删除</el-button>
|
||||
<el-button size="small" type="primary" @click="readExcel">读取</el-button>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<el-table :data="tableData" border empty-text="暂无数据 待上传文件" height="650px">
|
||||
<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="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" readonly></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="领用人编号" width="170px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zclyrgh" readonly></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="经手人" width="170px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zcjsrname" readonly></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="120px">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.zczt" clearable></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<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-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 size="mini" type="danger" @click="tableData.splice(scope.$index,1)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<div class="submitClass mt20 mr10">
|
||||
<el-button type="primary" @click="doSubExcel">上 传</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
</transition>
|
||||
|
||||
|
||||
</div>
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
data: function () {
|
||||
return {
|
||||
lbList: [],
|
||||
FormData: {},
|
||||
AddFormCardShow: true,
|
||||
ExcelCardShow: false,
|
||||
file: null,
|
||||
loading: false,
|
||||
JsrOption: [],
|
||||
LyrOption: [],
|
||||
LydwOption: [],
|
||||
tableData: [],
|
||||
sfedit: 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']}],
|
||||
contentCode: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
methods: {
|
||||
contentCodeChange() {
|
||||
this.$set(this.FormData, "zcrksj", null);
|
||||
},
|
||||
zcrksjChange(val) {
|
||||
if (!this.FormData.contentCode) {
|
||||
this.$message.warning('资产所属类别');
|
||||
this.FormData.zcrksj = null
|
||||
return
|
||||
}
|
||||
const lbList = clone(this.lbList)
|
||||
const data = lbList.find(v => v.contentCode === this.FormData.contentCode)
|
||||
const depreciationDate = moment(val).add(data.depreciationYear, 'y').format('YYYY-MM-DD')
|
||||
this.$set(this.FormData, "depreciationDate", depreciationDate)
|
||||
},
|
||||
zclyrChange(val) {
|
||||
const {loginname, unionname, username} = this.JsrOption.find(v => v.id == val)
|
||||
this.FormData.zclyrgh = loginname
|
||||
this.FormData.zclydwh = unionname
|
||||
this.FormData.zclyrname = username
|
||||
},
|
||||
handleUpload: function (file) {
|
||||
var self = this;
|
||||
var typename = file.name.substring(file.name.lastIndexOf('.'), file.name.length);
|
||||
if (typename.indexOf('xls', 'xlsx') < 0) {
|
||||
self.$message.error('只能上传xls,xlsx格式的文件');
|
||||
return false;
|
||||
}
|
||||
self.file = file;
|
||||
return false;
|
||||
},
|
||||
readExcel: function () {
|
||||
var self = this;
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '读取中',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
var formData = new FormData();
|
||||
formData.append("file", self.file);
|
||||
$.ajax({
|
||||
url: '/platform/zcgl/zcdj/readExcel',
|
||||
dataType: 'json',
|
||||
type: 'POST',
|
||||
async: false,
|
||||
data: formData,
|
||||
processData: false, // 使数据不做处理
|
||||
contentType: false, // 不要设置Content-Type请求头
|
||||
success: function (data) {
|
||||
if (data.code == 0) {
|
||||
loading.close();
|
||||
self.tableData = data.data;
|
||||
}
|
||||
},
|
||||
error: function (response) {
|
||||
loading.close();
|
||||
},
|
||||
complete: function () {
|
||||
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;
|
||||
});
|
||||
}
|
||||
},
|
||||
doSubmit: function () {
|
||||
var self = this;
|
||||
this.$refs["AddForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
if (self.FormData.zcid != undefined && self.FormData.zcid != null && self.FormData.zcid != "") {//编辑
|
||||
$.post(base + "/platform/zcgl/zcdj/doEdit", self.FormData, function (data) {
|
||||
if (data.code === 0) {
|
||||
self.$message.success('修改成功!');
|
||||
location.href = "/platform/zcgl/tzgl";
|
||||
}
|
||||
})
|
||||
} else {//添加
|
||||
$.post(base + "/platform/zcgl/zcdj/doSubmit", self.FormData, function (data) {
|
||||
if (data.code === 0) {
|
||||
// self.FormData = {};
|
||||
self.$refs.AddForm.resetFields()
|
||||
self.FormData.zcid = undefined
|
||||
self.$message.success('登记成功!');
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
doSubExcel: function () {
|
||||
var self = this;
|
||||
if (!self.tableData.length > 0) {
|
||||
self.$message.warning('请先上传excel');
|
||||
return;
|
||||
}
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '上传中',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
$.post(base + '/platform/zcgl/zcdj/doExcelSubmit', {data: JSON.stringify(self.tableData)}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: data.msg,//提示的信息
|
||||
type: 'success', //类型是成功
|
||||
offset: 225, //距离窗口顶部的偏移量
|
||||
duration: 2000, //显示时间, 毫秒。设为 0 则不会自动关闭
|
||||
onClose: () => {
|
||||
self.tableData = [];
|
||||
self.file = null;
|
||||
window.location.href = '/platform/zcgl/tzgl';
|
||||
}
|
||||
});
|
||||
} else {
|
||||
self.$message.error(data.msg);
|
||||
}
|
||||
}).complete(function () {
|
||||
loading.close();
|
||||
});
|
||||
},
|
||||
downLoadTemp: function () {
|
||||
window.location.href = '/platform/zcgl/zcdj/downLoadTemp';
|
||||
},
|
||||
findOne: function () {
|
||||
var self = this;
|
||||
$.post(base + "/platform/zcgl/zcdj/findOne", function (data) {
|
||||
if (data.data != 1) {
|
||||
self.SearchJsr(data.data.zcjsrid);
|
||||
self.SearchLyr(data.data.zclyrname);
|
||||
self.SearchLydw(data.data.zclydwh);
|
||||
self.FormData = data.data;
|
||||
|
||||
self.sfedit = true;
|
||||
} else {
|
||||
var sj = new Date();
|
||||
|
||||
var n = sj.getFullYear().toString();
|
||||
var y = (sj.getMonth() + 1).toString();
|
||||
var r = sj.getDate().toString();
|
||||
//查询当前系统中提案数量
|
||||
$.post(base + "/platform/zcgl/zcdj/findZcCount", {}, function (data) {
|
||||
if (data.code == 0) {
|
||||
var count = data.data;
|
||||
if (count <= 9) {
|
||||
self.$set(self.FormData, "zcbh", n + y + r + "00" + count);
|
||||
} else if (count >= 10 && count <= 99) {
|
||||
self.$set(self.FormData, "zcbh", n + y + r + "0" + count);
|
||||
//self.FormData.zcbh = n + "0" + count;
|
||||
} else if (count >= 100) {
|
||||
self.$set(self.FormData, "zcbh", n + y + r + "" + count);
|
||||
//self.FormData.zcbh = n + "" + count;
|
||||
}
|
||||
}
|
||||
}, "json");
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
'FormData.zcghlx': function (newVal) {
|
||||
/*var self = this;
|
||||
if (parseInt(newVal) === 2) {
|
||||
self.LydwOption = [{unioninfomgr_id: 'gh', unionname: '工会', dwcode: 'C108'}];
|
||||
self.$set(self.FormData, 'zclydwh', 'gh');
|
||||
self.$nextTick(function () {
|
||||
vue.$refs['dwelement'].disabled = true;
|
||||
})
|
||||
}else{
|
||||
self.LydwOption=[];
|
||||
self.$set(self.FormData, 'zclydwh', '');
|
||||
self.$nextTick(function () {
|
||||
vue.$refs['dwelement'].disabled = false;
|
||||
})
|
||||
}*/
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.findOne();
|
||||
const data = await $.post("/platform/zcgl/zclb/queryLb")
|
||||
this.lbList = data.data
|
||||
},
|
||||
mounted() {
|
||||
if (GetQueryString("importType") !== '') {
|
||||
this.AddFormCardShow = !this.AddFormCardShow
|
||||
this.ExcelCardShow = !this.AddFormCardShow
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user