790 lines
36 KiB
HTML
790 lines
36 KiB
HTML
<!--#
|
||
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>
|
||
<!--#
|
||
}
|
||
#-->
|