This commit is contained in:
2026-09-09 16:16:22 +08:00
parent ebffbab428
commit ba3a985c40
3749 changed files with 29 additions and 608551 deletions
@@ -1,789 +0,0 @@
<!--#
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="单&emsp;&emsp;价" 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="数&emsp;&emsp;量" 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="厂&emsp;&emsp;家" prop="zccj">
<el-input v-model="FormData.zccj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="出&ensp;厂&ensp;号" 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="经&ensp;手&ensp;人" 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="供&ensp;货&ensp;商" prop="zcghs">
<el-input v-model="FormData.zcghs"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="发&ensp;票&ensp;号" 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="单&ensp;据&ensp;号" prop="zcdjh">
<el-input v-model="FormData.zcdjh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="合&ensp;同&ensp;号" 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="国&emsp;&emsp;别" 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="状&emsp;&emsp;态" 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;">&lt;&ensp;返回</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}}&emsp;
<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>
<!--#
}
#-->
@@ -1,881 +0,0 @@
<!--#
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 value="1" label="院级工会固定资产"></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>
</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">
{{scope.row.zcgzrq|date}}
</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&#45;&#45;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="oldlyrusername"
label="原领用人">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="zcoldlydwh"
label="原领用单位">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="oldcfd"
label="原存放地">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="nowlyrusername"
label="现领用人">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="zcnowlydwh"
label="现领用单位">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="nowcfd"
label="现存放地">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="shrname"
label="审核人">
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="zcbdsj"
label="变更时间">
</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.zclyrname" 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.id">
</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-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>
var 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.id == val)
this.dwRemoteMethod(unionname)
this.$set(this.formData, "zcnowlydwh", unionname)
},
async doChange() {
const {zcnowzczt, zcnowlyrid} = this.formData
if (!zcnowzczt) {
this.$message.warning('请选择现状态')
return
}
if (!['报废', '待报废'].includes(zcnowzczt) && !zcnowlyrid) {
this.$message.warning('请搜索并选择现领用人')
return
}
var data = {}
data.zcid = this.formData.zcid
data.zcoldlyrid = this.formData.zclyrid
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>
<!--#
}
#-->
@@ -1,448 +0,0 @@
<!--#
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="xx.zcbh"></el-option>
<el-option label="名称" value="xx.zcmc"></el-option>
<el-option label="存放地" value="xx.zccfdmc"></el-option>
<el-option label="领用单位" value="xx.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 value="1" label="分工会固定资产"></el-option>
</el-select>
</div>
<div class="btn-group tool-button">
<el-select v-model="pageForm.contentCode" clearable placeholder="所属类别">
<el-option v-for="item in lbList" :label="item.content+''+item.contentCode+''"
:value="item.contentCode"></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="doZj"> 折旧</el-button>
<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="content"
label="资产所属类别"
header-align="center"
align="center">
<template scope="scope">
{{isNull(scope.row.content)}}
</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-descriptions :column="2" border class="table_fixed">
<el-descriptions-item label="编号">
{{viewData.zcbh}}
</el-descriptions-item>
<el-descriptions-item label="名称">
{{viewData.zcmc}}
</el-descriptions-item>
<el-descriptions-item label="规格型号">
{{viewData.zcxh}}
</el-descriptions-item>
<el-descriptions-item label="资产所属类别">
{{viewData.content}}{{viewData.contentCode}}
</el-descriptions-item>
<el-descriptions-item label="购置日期">
{{viewData.zcgzrq}}
</el-descriptions-item>
<el-descriptions-item label="入库日期">
{{viewData.zcrksj}}
</el-descriptions-item>
<el-descriptions-item label="折旧到期时间">
{{viewData.depreciationDate}}
</el-descriptions-item>
<el-descriptions-item label="状态">
{{viewData.zczt}}
</el-descriptions-item>
<el-descriptions-item label="国标分类号">
{{viewData.zcgbflh}}
</el-descriptions-item>
<el-descriptions-item label="分类号">
{{viewData.zcflh}}
</el-descriptions-item>
<el-descriptions-item label="领用人">
{{viewData.zclyrname}}
</el-descriptions-item>
<el-descriptions-item label="领用单位">
{{viewData.zclydwh}}
</el-descriptions-item>
<el-descriptions-item label="经手人">
{{viewData.zcjsrname}}
</el-descriptions-item>
<el-descriptions-item label="存放地名称">
{{viewData.zccfdmc}}
</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
<el-tab-pane label="购置信息" name="2">
<el-descriptions :column="2" border class="table_fixed">
<el-descriptions-item label="单价">
{{viewData.zcdj}}元
</el-descriptions-item>
<el-descriptions-item label="厂家">
{{viewData.zccj}}
</el-descriptions-item>
<el-descriptions-item label="发票号">
{{viewData.zcfph}}
</el-descriptions-item>
<el-descriptions-item label="单据号">
{{viewData.zcdjh}}
</el-descriptions-item>
<el-descriptions-item label="合同号">
{{viewData.zchth}}
</el-descriptions-item>
<el-descriptions-item label="国别">
{{viewData.zcgb}}
</el-descriptions-item>
<el-descriptions-item label="出厂号">
{{viewData.zccch}}
</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
</el-tabs>
</template>
</guava>
</div>
<script>
var vue = new Vue({
el: '#app',
mixins: [initTableMixins],
data() {
return {
lbList: [],
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;
})
},
async doZj(id) {
const confirm = await this.$confirm('确定要折旧当前资产吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
if (confirm === "confirm") {
const data = await $.post("/platform/zcgl/tzgl/doZj")
if (data.code == 0) {
this.$message({
message: data.msg,
type: 'success'
});
} else {
this.$message({
message: data.msg,
type: 'error'
});
}
}
}
},
async created() {
const data = await $.post("/platform/zcgl/zclb/queryLb")
this.lbList = data.data
this.pageData();
this.getUnion();
}
})
</script>
<!--#
}
#-->
@@ -1,200 +0,0 @@
<!--#
layout("/layouts/platform.html"){
#-->
<div id="app" v-cloak>
<guava ref="guava">
<el-card shadow="never">
<div class="btn-group tool-button mt5">
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword" clearable @keyup.enter.native="doSearch">
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型" style="width: 120px;">
<el-option label="内容" value="content"></el-option>
</el-select>
</el-input>
</div>
<div class="btn-group tool-button mt5">
<el-select v-model="pageForm.category" clearable placeholder="所属类别">
<el-option v-for="item in categoryList" :label="item" :value="item"></el-option>
</el-select>
</div>
<div class="btn-group tool-button mt5">
<el-button type="primary" icon="el-icon-search" @click="doSearch">搜索</el-button>
</div>
<div class="pull-right offscreen-right mt5">
<el-button type="primary" @click="openAdd">
<i class="ti-plus"></i>
新增内容
</el-button>
</div>
</el-card>
<el-card shadow="never" class="mt10">
<table-tool label="类别列表" :app="this"></table-tool>
<el-table :data="tableData" :size="tableSize" style="width: 100%">
<el-table-column type="index" label="序号" width="80px"></el-table-column>
<el-table-column
align="center"
header-align="center"
v-for="column in tableColumns"
show-overflow-tooltip
:label="column.label"
:prop="column.prop"
:sortable="column.sortable"
>
</el-table-column>
<el-table-column align="center" header-align="center" label="操作" width="250">
<template scope="{row}">
<el-button size="mini" type="primary" @click="openEdit(row)">编辑</el-button>
<el-button size="mini" type="danger" @click="doDelete(row.id)">删除</el-button>
</template>
</el-table-column>
</el-table>
<!--#include("/layouts/pagination.html"){}#-->
</el-card>
</guava>
<el-dialog
title=""
:visible.sync="dialogVisible"
width="40%"
:close-on-click-modal="false">
<el-form :model="formData" :rules="rules" ref="ruleForm" label-width="120px">
<el-form-item label="编码" prop="contentCode">
<el-input v-model="formData.contentCode" maxlength="30" placeholder="编码"></el-input>
</el-form-item>
<el-form-item label="内容" prop="content">
<el-input v-model="formData.content" maxlength="30" placeholder="内容"></el-input>
</el-form-item>
<el-form-item label="折旧年限(年)" prop="depreciationYear">
<el-input v-model="formData.depreciationYear" maxlength="30" placeholder="折旧年限(年)"></el-input>
</el-form-item>
<el-form-item label="所属类别" prop="content">
<el-select v-model="formData.category" clearable placeholder="所属类别" style="width: 100%">
<el-option v-for="item in categoryList" :label="item" :value="item"></el-option>
</el-select>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="formData.id?doEdit():doAdd()">确 定</el-button>
</span>
</el-dialog>
</div>
<script>
var vue = new Vue({
el: '#app',
mixins: [initTableMixins],
data() {
return {
tableColumns: [
{prop: 'contentCode', label: '编码'},
{prop: 'content', label: '内容'},
{prop: 'category', label: '所属类别'},
{prop: 'depreciationYear', label: '折旧年限(年)'},
],
dialogVisible: false,
categoryList: ['房屋及构筑物', '通用设备', '专用设备', '家具、用具及装具'],
pageForm: {
searchName: 'content'
},
rules: {
contentCode: [{required: true, message: '请输入编码', trigger: ['change', 'blur']}],
content: [{required: true, message: '请输入内容', trigger: ['change', 'blur']}],
category: [{required: true, message: '请选择所属类别', trigger: ['change', 'blur']}],
depreciationYear: [{required: true, message: '请输入折旧年限', trigger: ['change', 'blur']}],
},
}
},
methods: {
openEdit(row) {
const data = clone(row)
this.formData = data
this.$set(this.formData, "oldContentCode", data.contentCode)
this.$set(this.formData, "oldDepreciationYear", data.depreciationYear)
this.dialogVisible = true
},
openAdd() {
this.formData = {}
if (this.$refs['ruleForm']) {
this.$refs['ruleForm'].resetFields()
}
this.dialogVisible = true
},
async doDelete(id) {
const confirm = await this.$confirm('确定删除吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
if (confirm === 'confirm') {
const resp = await $.post(loc() + '/doDelete', {id})
if (resp.code === 0) {
this.$notify.success(resp.msg)
this.doSearch()
}
}
},
async doEdit() {
const valid = await this.$refs['ruleForm'].validate()
if (valid) {
let resp = {}
if (this.formData.oldDepreciationYear !== this.formData.depreciationYear) {
const confirm = await this.$confirm('修改了折旧年限将会同步修改资产的折旧到期时间!是否修改?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
if (confirm === 'confirm') {
resp = await $.post(loc() + "/doEdit", this.formData)
}
}
resp = await $.post(loc() + "/doEdit", this.formData)
if (resp.code === 0) {
this.notifySuccess(resp.msg)
this.doSearch()
this.dialogVisible = false
} else {
this.notifyError(resp.msg)
}
}
},
async doAdd() {
const valid = await this.$refs['ruleForm'].validate()
if (valid) {
const resp = await $.post(loc() + "/doAdd", this.formData)
if (resp.code === 0) {
this.notifySuccess(resp.msg)
this.doSearch()
this.dialogVisible = false
} else {
this.notifyError(resp.msg)
}
}
}
},
async created() {
this.pageData()
}
})
</script>
<!--#
}
#-->
@@ -1,258 +0,0 @@
<!--#
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>
var 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>
<!--#
}
#-->
@@ -1,442 +0,0 @@
<!--#
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 value="1" label="分工会固定资产"></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.id"></el-option>
</el-select>
</div>
<div class="btn-group tool-button mt5">
<el-button icon="el-icon-search" @click="doSearch" type="primary"></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="mini" type="primary" @click="viewInfo(scope)">查看</el-button>
<el-button size="mini" type="primary" @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>
var 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() {
const {searchKeyword, searchName, zczt, zcghlx, ghid} = this.pageForm
let startTime = ''
let endTime = ''
if (this.time && this.time .length>0) {
startTime = this.time[0];
endTime = this.time[1];
}
window.location.href = '/platform/zcgl/zhcx/doExport?searchKeyword='+searchKeyword+
'&searchName='+searchName+
'&zczt='+zczt+
'&zcghlx='+zcghlx+
"&ghid="+ghid+
'&startTime='+startTime+
'&endTime='+endTime
},
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>
<!--#
}
#-->
@@ -1,126 +0,0 @@
<!--#
layout("/layouts/platform.html"){
#-->
<div id="app" v-cloak>
<guava ref="guava">
<el-card shadow="never">
<div class="btn-group tool-button mt5">
<el-date-picker
placeholder="年度"
value-format="yyyy"
format="yyyy年"
v-model="pageForm.year"
type="year">
</el-date-picker>
</div>
<div class="btn-group tool-button mt5">
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword" clearable @keyup.enter.native="doSearch">
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型" style="width: 120px;">
<el-option label="内容" value="zcmc"></el-option>
<el-option label="编号" value="zcbh"></el-option>
</el-select>
</el-input>
</div>
<div class="btn-group tool-button mt5">
<el-select v-model="pageForm.contentCode" clearable placeholder="所属类别">
<el-option v-for="item in lbList" :label="item.content+''+item.contentCode+''"
:value="item.contentCode"></el-option>
</el-select>
</div>
<div class="btn-group tool-button mt5">
<el-button type="primary" icon="el-icon-search" @click="doSearch">搜索</el-button>
</div>
</el-card>
<el-card shadow="never" class="mt10">
<table-tool label="资产折旧信息" :app="this"></table-tool>
<el-table :data="tableData" :size="tableSize" style="width: 100%">
<el-table-column type="index" label="序号" width="80px"></el-table-column>
<el-table-column
align="center"
header-align="center"
v-for="column in tableColumns"
show-overflow-tooltip
:label="column.label"
:prop="column.prop"
:sortable="column.sortable"
>
</el-table-column>
<el-table-column align="center" header-align="center" label="操作" width="150">
<template scope="{row}">
<el-button size="mini" type="danger" @click="doDelete(row.id)">删除</el-button>
</template>
</el-table-column>
</el-table>
<!--#include("/layouts/pagination.html"){}#-->
</el-card>
</guava>
</div>
<script>
var vue = new Vue({
el: '#app',
mixins: [initTableMixins],
data() {
return {
pageForm: {
searchName: 'zcmc'
},
lbList: [],
tableColumns: [
{prop: 'zcbh', label: '编号'},
{prop: 'zcmc', label: '名称'},
{prop: 'zcxh', label: '型号规格'},
{prop: 'content', label: '资产所属类别'},
{prop: 'zcgzrq', label: '购置日期'},
{prop: 'zcrksj', label: '入库日期'},
{prop: 'zdrDepreciationDate', label: '折旧到期时间'},
{prop: 'surplus', label: '折旧到期时间(月)'},
{prop: 'operationTime', label: '折旧时间'},
],
}
},
methods: {
async doDelete(id) {
const confirm = await this.$confirm('确定要删除当前折旧信息吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
if (confirm === "confirm") {
const data = await $.post(loc()+"/doDelete", {id:id})
if (data.code == 0) {
this.$message({
message: data.msg,
type: 'success'
});
this.doSearch()
} else {
this.$message({
message: data.msg,
type: 'error'
});
}
}
}
},
async created() {
const data = await $.post("/platform/zcgl/zclb/queryLb")
this.lbList = data.data
this.pageData()
}
})
</script>
<!--#
}
#-->