|
|
@@ -0,0 +1,1001 @@
|
|
|
+//固定资产
|
|
|
+<template>
|
|
|
+ <div class="container">
|
|
|
+ <el-row class="row_top">
|
|
|
+ <el-col :span="12">
|
|
|
+ <h2 class="bg-left title">固定资产</h2>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <div class="center">
|
|
|
+ <el-row style="margin-bottom: 10px">
|
|
|
+ <!-- <el-col :span="6">
|
|
|
+ <el-date-picker value-format="yyyy-MM-dd" v-model="value" type="daterange" align="right" unlink-panels
|
|
|
+ range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions"
|
|
|
+ class="data_css" @change="changeDate">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-col> -->
|
|
|
+ <el-col :span="18">
|
|
|
+ <div class="datascreen">
|
|
|
+ <el-select v-model="deptAndWarehouse" filterable placeholder="按所属部门/库点查找" clearable
|
|
|
+ @change="getList" class="options_css">
|
|
|
+ <el-option v-for="(item, index) in deptAndWarehouseList" :key="index" :label="item"
|
|
|
+ :value="item" />
|
|
|
+ </el-select>
|
|
|
+ <ws-input v-model="searchKeyWord" placeholder="可按名称查找" clearable maxlength="500" type="input"
|
|
|
+ class="findValue" @keyup.enter.native="find()"></ws-input>
|
|
|
+ <el-button class="find" type="primary" @click="find()"><img width="16" height="16"
|
|
|
+ style="left: -8px" src="../../../public/img/sousuo.png" alt="" /></el-button>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" style="display: flex;">
|
|
|
+ <el-button @click="batchDel()" style="dis">批量删除</el-button>
|
|
|
+ <!-- <el-upload action="" :on-change="batchImport" :show-file-list="false"
|
|
|
+ accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
|
|
|
+ :auto-upload="false">
|
|
|
+ <el-button>批量导入</el-button>
|
|
|
+ </el-upload> -->
|
|
|
+ <el-button @click="batchImport()">导入</el-button>
|
|
|
+ <el-link
|
|
|
+ href="https://taohaoliang.oss-cn-beijing.aliyuncs.com/pcfiles/%E5%9B%BA%E5%AE%9A%E8%B5%84%E4%BA%A7%E4%BF%A1%E6%81%AF%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xlsx"
|
|
|
+ style="margin-left: 8px">
|
|
|
+ <el-button>模板下载</el-button>
|
|
|
+ </el-link>
|
|
|
+ <el-button style="margin-left: 8px" @click="addOrEdit(1)">添加</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row style="margin-bottom: 10px">
|
|
|
+ <el-col :span="18" style="width: 88%;">
|
|
|
+ <el-button style="margin-left: 30px !important" @click="statusChange('')"
|
|
|
+ :type="searchType == '' ? 'primary' : ''">全部</el-button>
|
|
|
+ <el-button @click="statusChange(1)" :type="searchType == 1 ? 'primary' : ''">在用</el-button>
|
|
|
+ <el-button @click="statusChange(3)" :type="searchType == 3 ? 'primary' : ''">闲置</el-button>
|
|
|
+ <el-button @click="statusChange(5)" :type="searchType == 5 ? 'primary' : ''">报废</el-button>
|
|
|
+ <el-button @click="statusChange(7)" :type="searchType == 7 ? 'primary' : ''">转卖</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col style="text-align: right" :span="30">
|
|
|
+ <span>合计：{{ allTotalPrice }} 元</span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <div class="fromdata">
|
|
|
+ <el-table :data="fixedAssetsInfoList" ref="table" style="width: 100%; margin-top: 20px" border
|
|
|
+ height="calc(130% - 170px)" @row-click="handleRowClick" @selection-change="handleSelectionChange">
|
|
|
+ <el-table-column type="selection" width="30"></el-table-column>
|
|
|
+ <el-table-column type="index" label="序号">
|
|
|
+ <template scope="scope">
|
|
|
+ <span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
|
|
|
+ <span v-else>{{ scope.$index + 1 }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="itemName" label="名称" width="100"></el-table-column>
|
|
|
+ <el-table-column prop="deptAndWarehouse" label="所属部门/库点" width="150"></el-table-column>
|
|
|
+ <el-table-column prop="businessType" label="类型" width="150"></el-table-column>
|
|
|
+ <el-table-column prop="leadingCadre" label="负责人"></el-table-column>
|
|
|
+ <el-table-column prop="purchaseQuantity" label="数量"></el-table-column>
|
|
|
+ <el-table-column prop="purchasePrice" width="120" label="采购单价（元）"></el-table-column>
|
|
|
+ <el-table-column prop="currentPrice" width="120" label="当前单价（元）"></el-table-column>
|
|
|
+ <el-table-column prop="totalPrice" width="120" label="总价（元）"></el-table-column>
|
|
|
+ <!-- <el-table-column prop="expenseRemarks" label="附件">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <img width="18" height="20" style="vertical-align: text-top; position: relative; top: -1px"
|
|
|
+ src="../../../public/img/fujian.png" @click="fujian(scope.row)" alt="" />
|
|
|
+ <span v-if="scope.row.addressUrlArray != null">
|
|
|
+ {{
|
|
|
+ scope.row.addressUrlArray.length == 0
|
|
|
+ ? ''
|
|
|
+ : scope.row.addressUrlArray.length
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column> -->
|
|
|
+ <el-table-column prop="status" label="状态" width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div>
|
|
|
+ <el-select v-model="scope.row.status" placeholder="" class="statusselect"
|
|
|
+ @change='editStatus($event, scope.row)' :value="scope.row.status">
|
|
|
+ <el-option v-for="item in statusList" :key="item.value" :label="item.value"
|
|
|
+ :value="item.value" style="color: #8890b1" />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="purchaseDate" label="采购日期" width="150"></el-table-column>
|
|
|
+ <el-table-column prop="remark" width="120" label="备注">
|
|
|
+ <template scope="scope">
|
|
|
+ <div v-if="!scope.row.select" @click.stop="lookRemark(scope.row)">
|
|
|
+ <span class="text_css">查看</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="address" label="操作" width="220">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button @click="addOrEdit(2, scope.row)" type="primary">编辑</el-button>
|
|
|
+ <el-button @click="del(scope.row)" type="danger">删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage" style="text-align: center" :page-size="pageSize"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper" :total="deptBudgetTotal">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ <!-- 添加/编辑弹窗 -->
|
|
|
+ <el-dialog width="25%" :visible.sync="fixedAssetsForm" :append-to-body="true" :title="title">
|
|
|
+ <div class="tanchuang">
|
|
|
+ <el-form>
|
|
|
+ <el-form-item label="所属部门/库点" prop="deptAndWarehouse" label-width="110px">
|
|
|
+ <el-select style="width:100%" v-model="fixedAssetsInfo.deptAndWarehouse"
|
|
|
+ placeholder="按所属部门/库点查找" clearable filterable>
|
|
|
+ <!-- @change="selectDeptAndWare" -->
|
|
|
+ <el-option v-for="(item, index) in deAndWareFormList" :key="index" :label="item"
|
|
|
+ :value="item" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="类型" prop="businessType" label-width="110px">
|
|
|
+ <el-select style="width:100%" v-model="fixedAssetsInfo.businessType" placeholder=""
|
|
|
+ @change='selectTypeChange' :value="businessType">
|
|
|
+ <el-option v-for="item in typeList" :key="item.value" :label="item.value"
|
|
|
+ :value="item.value" style="color: #8890b1" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="名称" prop="itemName" label-width="110px">
|
|
|
+ <el-input v-model="fixedAssetsInfo.itemName" placeholder="输入名称，2-10个字" maxlength="10"
|
|
|
+ size="small" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="数量" prop="purchaseQuantity" label-width="110px">
|
|
|
+ <el-input type="number" @input="calculation" @mousewheel.native.prevent
|
|
|
+ v-model="fixedAssetsInfo.purchaseQuantity" placeholder="输入数量" maxlength="10" size="small" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="状态" span="1" prop="status" class="readonly" label-width="110px">
|
|
|
+ <el-select style="width:100%" v-model="fixedAssetsInfo.status" placeholder="" class="typeselect"
|
|
|
+ @change="selectStatus">
|
|
|
+ <ws-option v-for="item in statusList" :key="item.value" :label="item.value"
|
|
|
+ :value="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="负责人" prop="leadingCadre" label-width="110px">
|
|
|
+ <el-select style="width:100%" v-model="fixedAssetsInfo.leadingCadre" placeholder="请选择负责人"
|
|
|
+ filterable clearable>
|
|
|
+ <!-- @change="selectLead" -->
|
|
|
+ <el-option v-for="item in leadingCadreList" :key="item" :label="item" :value="item" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="采购单价(元)" prop="purchasePrice" label-width="110px">
|
|
|
+ <el-input type="number" @input="calculation" v-model="fixedAssetsInfo.purchasePrice"
|
|
|
+ placeholder="请输入采购单价(元)" maxlength="100" size="small" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="当前单价(元)" prop="currentPrice" label-width="110px">
|
|
|
+ <el-input type="number" @mousewheel.native.prevent v-model="fixedAssetsInfo.currentPrice"
|
|
|
+ placeholder="请输入当前单价(元)" maxlength="100" size="small" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="总价(元)" prop="totalPrice" label-width="110px">
|
|
|
+ <el-input type="number" @mousewheel.native.prevent v-model="fixedAssetsInfo.totalPrice"
|
|
|
+ placeholder="自动计算，不可编辑" maxlength="100" size="small" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="采购日期" prop=" purchaseDate" label-width="110px">
|
|
|
+ <el-date-picker v-model="fixedAssetsInfo.purchaseDate" placeholder="请选择采购日期" type="date"
|
|
|
+ value-format="yyyy-MM-dd"></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="备注" prop="remark" label-width="110px">
|
|
|
+ <el-input v-model="fixedAssetsInfo.remark" placeholder="输入备注，0-500个字" maxlength="500" row="5"
|
|
|
+ type="textarea" size="small" />
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <ws-form-item label="上传截图" prop=" paymentScreenshot"></ws-form-item>
|
|
|
+ <div class="upLoad">
|
|
|
+ <el-upload class="avatar-uploader" :action="global.uploadPath" :show-file-list="false"
|
|
|
+ :on-success="handleAvatarSuccess">
|
|
|
+ <img v-if="imageUrl" :src="imageUrl" class="avatar" />
|
|
|
+ <i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ </el-upload>
|
|
|
+ </div> -->
|
|
|
+ <div style="text-align: center; margin-top: 20px">
|
|
|
+ <el-button @click="cancel()">取消</el-button>
|
|
|
+ <el-button @click="fixedAassetsSubmit(flag)">提交</el-button>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!--备注弹窗-->
|
|
|
+ <el-dialog width='30%' :visible.sync="remarkList" title="备注" top="20vh">
|
|
|
+ <span>{{ remark }}</span>
|
|
|
+ </el-dialog>
|
|
|
+ <!--导入弹窗-->
|
|
|
+ <div class="mask" v-show="isShowImportType"></div>
|
|
|
+ <div class="print-type" v-show="isShowImportType">
|
|
|
+ <div class="print-type-content">
|
|
|
+ <div class="print-type-checkbox">
|
|
|
+ <el-form ref="form" label-width="110px">
|
|
|
+ <!--所属部门/库点-->
|
|
|
+ <el-form-item label="所属部门/库点" span="1" prop="deptAndWarehouse">
|
|
|
+ <el-select v-model="deptAndWarehouse" filterable placeholder="按所属部门/库点查找" clearable
|
|
|
+ @change="deAndWareChange" class="options_css">
|
|
|
+ <el-option v-for="item in deAndWareList" :key="item" :label="item" :value="item" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="bottom-btn">
|
|
|
+ <el-upload action="" :on-change="submitImport" style="margin-left:75px;" :show-file-list="false"
|
|
|
+ accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
|
|
|
+ :auto-upload="false">
|
|
|
+ <el-button>确定</el-button>
|
|
|
+ </el-upload>
|
|
|
+ <el-button style="margin-left:50px;" @click="cancelImport">取消</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <WinseaContentModal v-model="fujianshow" :title="title" @on-cancel="handleClose">
|
|
|
+ <ws-upload :editable="false" ref="upload" accept=".jpg, .jpeg, .png, .pdf, .doc, .docx, .xls, .xlsx"
|
|
|
+ :comp-id="compId" :appendix-ids="appendixIdss" :size-limit="size" />
|
|
|
+ </WinseaContentModal> -->
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import WsUpload from '@/components/WsUpload'
|
|
|
+import {
|
|
|
+ getFixedInfoList,
|
|
|
+ getLeadingCadre,
|
|
|
+ getDeptAndWare,
|
|
|
+ delFixedInfo,
|
|
|
+ batchDelFixedInfo,
|
|
|
+ addOrEditFixedInfo,
|
|
|
+ lookFixedInfo,
|
|
|
+ importFixed
|
|
|
+} from '@/model/profitable/index'
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ WsUpload,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ value: '',
|
|
|
+ deptBudgetTotal: 0,
|
|
|
+ currentPage: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ size: 100,
|
|
|
+ compId: localStorage.getItem('ws-pf_compId'),
|
|
|
+ searchType: '',
|
|
|
+ searchKeyWord: '',
|
|
|
+ deptAndWarehouse: [],//所属部门/库点
|
|
|
+ deptAndWarehouseList: [],
|
|
|
+ deAndWareList: [],
|
|
|
+ deAndWareFormList: [],
|
|
|
+ leadingCadre: [],//负责人
|
|
|
+ leadingCadreList: [],
|
|
|
+ statusFlag: 1,
|
|
|
+ status: '在用',
|
|
|
+ allTotalPrice: 0,
|
|
|
+ statusList: [
|
|
|
+ {
|
|
|
+ value: '在用',
|
|
|
+ type: 1
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '闲置',
|
|
|
+ type: 3
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '报废',
|
|
|
+ type: 5
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '转卖',
|
|
|
+ type: 7
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ typeList: [
|
|
|
+ {
|
|
|
+ value: '自营',
|
|
|
+ type: 1
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '合营',
|
|
|
+ type: 3
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ modification: [],
|
|
|
+ fixedAssetsInfoList: [],
|
|
|
+ fixedAssetsInfo: {
|
|
|
+ status: '在用',
|
|
|
+ statusFlag: 1,
|
|
|
+ businessType: '自营',
|
|
|
+ businessTypeKey: 1,
|
|
|
+ purchaseDate: '',
|
|
|
+ totalPrice: '',
|
|
|
+ deptAndWarehouse: '公司资产',
|
|
|
+ leadingCadre: '',
|
|
|
+ },
|
|
|
+ fixedAssetsForm: false,
|
|
|
+ businessType: '自营',
|
|
|
+ businessTypeKey: 1,
|
|
|
+ itemName: '',
|
|
|
+ purchaseDate: '',
|
|
|
+ remark: '',
|
|
|
+ purchaseQuantity: '',
|
|
|
+ purchasePrice: '',
|
|
|
+ currentPrice: '',
|
|
|
+ title: '',
|
|
|
+ flag: '',
|
|
|
+ remarkList: false,
|
|
|
+ isShowImportType: false,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ activated() {
|
|
|
+ this.getList()
|
|
|
+ this.xiala()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleSelectionChange(val) {
|
|
|
+ this.modification = val
|
|
|
+ },
|
|
|
+ handleRowClick(row) {
|
|
|
+ return true
|
|
|
+ },
|
|
|
+ deAndWareChange(e) {
|
|
|
+ for (let i = 0; i < this.deptAndWarehouseList.length; i++) {
|
|
|
+ if (this.deptAndWarehouseList[i] == this.deptAndWarehouse) {
|
|
|
+ this.deptAndWarehouse = this.deptAndWarehouseList[i]
|
|
|
+ localStorage.setItem('houseSelfCollect_house1',
|
|
|
+ JSON.stringify({
|
|
|
+ value: this.deptAndWarehouseList[i],
|
|
|
+ compId: localStorage.getItem('ws-pf_compId')
|
|
|
+ })
|
|
|
+ )
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //导入
|
|
|
+ batchImport() {
|
|
|
+ // this.$forceUpdate();
|
|
|
+ this.isShowImportType = true
|
|
|
+ },
|
|
|
+ cancelImport() {
|
|
|
+ this.deptAndWarehouse = ''
|
|
|
+ this.isShowImportType = false
|
|
|
+ },
|
|
|
+ submitImport(file, fileList) {
|
|
|
+ this.fileTemp = file.raw
|
|
|
+ let fileName = file.raw.name
|
|
|
+ let fileType = fileName.substring(fileName.lastIndexOf('.') + 1)
|
|
|
+ // 判断上传文件格式
|
|
|
+ if (this.fileTemp) {
|
|
|
+ if (fileType == 'xlsx' || fileType == 'xls') {
|
|
|
+ this.importf(this.fileTemp)
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'warning',
|
|
|
+ message: '附件格式错误，请删除后重新上传！',
|
|
|
+ })
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'warning',
|
|
|
+ message: '请上传附件！',
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ importf(obj) {
|
|
|
+ this.excelFreightspace = []
|
|
|
+ let _this = this;
|
|
|
+ let inputDOM = this.$refs.inputer; // 通过DOM取文件数据
|
|
|
+ this.file = event.currentTarget.files[0];
|
|
|
+ var rABS = false; //是否将文件读取为二进制字符串
|
|
|
+ var f = this.file;
|
|
|
+ var reader = new FileReader();
|
|
|
+ //if (!FileReader.prototype.readAsBinaryString) {
|
|
|
+ FileReader.prototype.readAsBinaryString = function (f) {
|
|
|
+ var binary = '';
|
|
|
+ var rABS = false; //是否将文件读取为二进制字符串
|
|
|
+ var pt = this;
|
|
|
+ var wb; //读取完成的数据
|
|
|
+ var outdata;
|
|
|
+ var reader = new FileReader();
|
|
|
+ reader.onload = function (e) {
|
|
|
+ var bytes = new Uint8Array(reader.result);
|
|
|
+ var length = bytes.byteLength;
|
|
|
+ for (var i = 0; i < length; i++) {
|
|
|
+ binary += String.fromCharCode(bytes[i]);
|
|
|
+ }
|
|
|
+ var XLSX = require('xlsx');
|
|
|
+ if (rABS) {
|
|
|
+ wb = XLSX.read(btoa(fixdata(binary)), { //手动转化
|
|
|
+ type: 'base64',
|
|
|
+ cellDates: true
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ wb = XLSX.read(binary, {
|
|
|
+ type: 'binary'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ // outdata就是你想要的东西 excel导入的数据
|
|
|
+ outdata = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]);
|
|
|
+ // excel 数据再处理
|
|
|
+ let arr = []
|
|
|
+ outdata.map(v => {
|
|
|
+ // let jsonString = JSON.stringify(v).replace(/\*/g, '').replace(/\s/ig,'');
|
|
|
+ let jsonString = JSON.stringify(v).replace(/\//g, '').replace(/\s/ig, '');
|
|
|
+ v = JSON.parse(jsonString);
|
|
|
+ let obj = {}
|
|
|
+ //xxx代表列名
|
|
|
+ obj.itemName = v.名称
|
|
|
+ obj.leadingCadre = v.负责人
|
|
|
+ obj.purchaseQuantity = v.数量
|
|
|
+ obj.purchasePrice = v.采购单价
|
|
|
+ obj.currentPrice = v.当前单价
|
|
|
+ obj.status = v.状态
|
|
|
+ obj.businessType = v.经营方式
|
|
|
+ obj.remark = v.备注
|
|
|
+ obj.purchaseDate = _this.formatDate(v.采购日期, '-')
|
|
|
+ _this.excelFreightspace.push(obj)
|
|
|
+ })
|
|
|
+ if (_this.excelFreightspace) {
|
|
|
+ importFixed({
|
|
|
+ compId: localStorage.getItem('ws-pf_compId'),
|
|
|
+ deptAndWarehouse: _this.deptAndWarehouse,
|
|
|
+ fixedAssetsInfoList: _this.excelFreightspace
|
|
|
+ }).toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ if (response == 'ok') {
|
|
|
+ _this.$notify({
|
|
|
+ title: '成功',
|
|
|
+ message: '导入成功',
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ _this.deAndWareChange = ''
|
|
|
+ _this.isShowImportType = false
|
|
|
+ _this.getList()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ reader.readAsArrayBuffer(f);
|
|
|
+ }
|
|
|
+ if (rABS) {
|
|
|
+ reader.readAsArrayBuffer(f);
|
|
|
+ } else {
|
|
|
+ reader.readAsBinaryString(f);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ formatDate(numb, format) {
|
|
|
+ const old = numb - 1;
|
|
|
+ const t = Math.round((old - Math.floor(old)) * 24 * 60 * 60);
|
|
|
+ const time = new Date(1900, 0, old, 0, 0, t)
|
|
|
+ const year = time.getFullYear();
|
|
|
+ const month = time.getMonth() + 1;
|
|
|
+ const date = time.getDate();
|
|
|
+ return year + format + (month < 10 ? '0' + month : month) + format + (date < 10 ? '0' + date : date) +
|
|
|
+ ' 00:00:00'
|
|
|
+ },
|
|
|
+ typeChange(num) {
|
|
|
+ this.searchType = num
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ // getPassYearFormatDate() {
|
|
|
+ // var nowDate = new Date()
|
|
|
+ // var _date = new Date()
|
|
|
+ // nowDate.setTime(nowDate.getTime() - 24 * 60 * 60 * 1000 * 30)
|
|
|
+ // var year = nowDate.getFullYear()
|
|
|
+ // var year1 = _date.getFullYear()
|
|
|
+ // var month = nowDate.getMonth() + 1
|
|
|
+ // var month1 = _date.getMonth() + 1
|
|
|
+ // var strDate = nowDate.getDate()
|
|
|
+ // var strDate1 = _date.getDate()
|
|
|
+ // if (month >= 1 && month <= 9) {
|
|
|
+ // month = '0' + month
|
|
|
+ // }
|
|
|
+ // if (month1 >= 1 && month1 <= 9) {
|
|
|
+ // month1 = '0' + month1
|
|
|
+ // }
|
|
|
+
|
|
|
+ // if (strDate >= 0 && strDate <= 9) {
|
|
|
+ // strDate = '0' + strDate
|
|
|
+ // }
|
|
|
+ // if (strDate1 >= 0 && strDate1 <= 9) {
|
|
|
+ // strDate1 = '0' + strDate1
|
|
|
+ // }
|
|
|
+ // this.startDate = year + '-' + month + '-' + strDate
|
|
|
+ // this.endDate = year1 + '-' + month1 + '-' + strDate1
|
|
|
+ // this.value = [this.startDate, this.endDate]
|
|
|
+ // },
|
|
|
+ // changeDate() {
|
|
|
+ // if (this.value) {
|
|
|
+ // this.startDate = this.value[0]
|
|
|
+ // this.endDate = this.value[1]
|
|
|
+ // }
|
|
|
+ // this.getList()
|
|
|
+ // },
|
|
|
+ // fujian(row) {
|
|
|
+ // this.id = row.id
|
|
|
+
|
|
|
+ // if (row.addressUrl) {
|
|
|
+ // this.appendixIdss = row.addressUrl
|
|
|
+ // this.fujianshow = true
|
|
|
+ // } else {
|
|
|
+ // this.$message({
|
|
|
+ // message: '暂无附件查看!',
|
|
|
+ // type: 'warning',
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ lookRemark(row) {
|
|
|
+ if (row.remark) {
|
|
|
+ this.remark = row.remark
|
|
|
+ this.remarkList = true
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.$message({
|
|
|
+ message: '暂无备注',
|
|
|
+ type: 'warning'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
+ getFixedInfoList({
|
|
|
+ compId: localStorage.getItem('ws-pf_compId'),
|
|
|
+ searchKeyWord: this.searchKeyWord,
|
|
|
+ currentPage: this.currentPage,
|
|
|
+ pageSize: this.pageSize,
|
|
|
+ searchType: this.searchType,
|
|
|
+ deptAndWarehouse: this.deptAndWarehouse.length > 0 ? this.deptAndWarehouse.toString() : '',
|
|
|
+ })
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ // if (response.records.length > 0) {
|
|
|
+ // for (let i = 0; i < response.records.length; i++) {
|
|
|
+ // if (response.records[i].addressUrl) {
|
|
|
+ // response.records[i].addressUrlArray =
|
|
|
+ // response.records[i].addressUrl.split(',')
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ this.fixedAssetsInfoList = response.records
|
|
|
+ this.allTotalPrice = 0
|
|
|
+ for (var i = 0; i < this.fixedAssetsInfoList.length; i++) {
|
|
|
+ if (this.fixedAssetsInfoList[i].statusFlag != '7') {
|
|
|
+ this.allTotalPrice += Number(this.fixedAssetsInfoList[i].totalPrice)
|
|
|
+ }
|
|
|
+ this.fixedAssetsInfoList[i].select = false
|
|
|
+ }
|
|
|
+ this.allTotalPrice = this.allTotalPrice.toFixed(2)
|
|
|
+ this.deptBudgetTotal = response.total
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getNowTime() {
|
|
|
+ var now = new Date();
|
|
|
+ var year = now.getFullYear(); //得到年份
|
|
|
+ var month = now.getMonth(); //得到月份
|
|
|
+ var date = now.getDate(); //得到日期
|
|
|
+ month = month + 1;
|
|
|
+ month = month.toString().padStart(2, '0');
|
|
|
+ date = date.toString().padStart(2, '0');
|
|
|
+ var defaultDate = `${year}-${month}-${date}`
|
|
|
+ this.fixedAssetsInfo.purchaseDate = defaultDate
|
|
|
+ },
|
|
|
+ statusChange(num) {
|
|
|
+ this.searchType = num
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ editStatus(e, row) {
|
|
|
+ for (var i = 0; i < this.statusList.length; i++) {
|
|
|
+ if (this.statusList[i].value == e) {
|
|
|
+ this.statusFlag = this.statusList[i].type
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var data = {}
|
|
|
+ var text = `是否将状态改为${e}`
|
|
|
+ data = {
|
|
|
+ id: row.id,
|
|
|
+ status: e,
|
|
|
+ statusFlag: this.statusFlag
|
|
|
+ }
|
|
|
+ this.$confirm(text, {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ addOrEditFixedInfo(data)
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.$notify.success({
|
|
|
+ title: '成功',
|
|
|
+ message: '状态修改成功',
|
|
|
+ })
|
|
|
+ this.getList()
|
|
|
+ })
|
|
|
+ .catch((response) => {
|
|
|
+ // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ row.status = row.currectstatus
|
|
|
+ return false
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
+ del(row) {
|
|
|
+ this.$confirm('确定删除固定资产信息？', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+ }).then(() => {
|
|
|
+ delFixedInfo({ id: row.id })
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.$message({
|
|
|
+ message: '删除成功',
|
|
|
+ type: 'success',
|
|
|
+ })
|
|
|
+ this.getList()
|
|
|
+ })
|
|
|
+ .catch((response) => {
|
|
|
+ this.$message({
|
|
|
+ message: '删除失败',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ batchDel() {
|
|
|
+ this.fixedAssetsInfo.fixedAssetsInfoList = this.modification
|
|
|
+ if (this.modification.length == 0) {
|
|
|
+ this.$message.warning('请选择要删除的条目')
|
|
|
+ } else {
|
|
|
+ this.$confirm('确定批量删除固定资产信息？', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+ }).then(() => {
|
|
|
+ batchDelFixedInfo(this.fixedAssetsInfo)
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.$message({
|
|
|
+ message: '批量删除成功',
|
|
|
+ type: 'success',
|
|
|
+ })
|
|
|
+ this.getList()
|
|
|
+ })
|
|
|
+ .catch((response) => {
|
|
|
+ this.$message({
|
|
|
+ message: '批量删除失败',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ xiala() {
|
|
|
+ //所属部门/库点下拉列表
|
|
|
+ getDeptAndWare({
|
|
|
+ compId: localStorage.getItem('ws-pf_compId'),
|
|
|
+ })
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.deptAndWarehouseList = response
|
|
|
+ this.deAndWareList = response
|
|
|
+ this.deAndWareFormList = response
|
|
|
+ })
|
|
|
+ //负责人下拉列表
|
|
|
+ getLeadingCadre({
|
|
|
+ compId: localStorage.getItem('ws-pf_compId'),
|
|
|
+ })
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.leadingCadreList = response
|
|
|
+ })
|
|
|
+ },
|
|
|
+ calculation() {
|
|
|
+ if (this.fixedAssetsInfo.purchaseQuantity && this.fixedAssetsInfo.purchasePrice) {
|
|
|
+ this.fixedAssetsInfo.totalPrice =
|
|
|
+ Number(this.fixedAssetsInfo.purchaseQuantity *
|
|
|
+ this.fixedAssetsInfo.purchasePrice).toFixed(2)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ selectTypeChange(e) {
|
|
|
+ for (var i = 0; i < this.typeList.length; i++) {
|
|
|
+ if (this.typeList[i].value == e) {
|
|
|
+ this.fixedAssetsInfo.businessTypeKey = this.typeList[i].type
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ selectStatus(e) {
|
|
|
+ for (var i = 0; i < this.statusList.length; i++) {
|
|
|
+ if (this.statusList[i].value == e) {
|
|
|
+ this.fixedAssetsInfo.statusFlag = this.statusList[i].type
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addOrEdit(flag, row) {
|
|
|
+ this.flag = flag
|
|
|
+ if (flag == 1) {
|
|
|
+ this.title = '添加'
|
|
|
+ } else if (flag == 2) {
|
|
|
+ this.title = '编辑'
|
|
|
+ // this.lookFixedInfo(row.id)
|
|
|
+ lookFixedInfo({
|
|
|
+ id: row.id
|
|
|
+ })
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.fixedAssetsInfo = response
|
|
|
+ })
|
|
|
+ }
|
|
|
+ this.getNowTime()
|
|
|
+ this.fixedAssetsForm = true
|
|
|
+ },
|
|
|
+ // lookFixedInfo(){
|
|
|
+ // },
|
|
|
+ fixedAassetsSubmit() {
|
|
|
+ var title
|
|
|
+ if (!this.fixedAssetsInfo.itemName) {
|
|
|
+ this.$message({
|
|
|
+ message: '物品名称不能为空！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!this.fixedAssetsInfo.purchaseQuantity) {
|
|
|
+ this.$message({
|
|
|
+ message: '采购数量不能为空！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (this.fixedAssetsInfo.purchaseQuantity <= 0) {
|
|
|
+ this.$message({
|
|
|
+ message: '数量输入有误',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!this.fixedAssetsInfo.purchasePrice) {
|
|
|
+ this.$message({
|
|
|
+ message: '采购单价不能为空',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ isNaN(this.fixedAssetsInfo.purchasePrice) ||
|
|
|
+ (String(this.fixedAssetsInfo.purchasePrice).indexOf('.') != -1 &&
|
|
|
+ String(this.fixedAssetsInfo.purchasePrice).length -
|
|
|
+ (String(this.fixedAssetsInfo.purchasePrice).indexOf('.') + 1) >
|
|
|
+ 2) ||
|
|
|
+ this.fixedAssetsInfo.purchasePrice <= 0
|
|
|
+ ) {
|
|
|
+ this.$message({
|
|
|
+ message: '采购单价输入有误！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!this.fixedAssetsInfo.currentPrice) {
|
|
|
+ this.$message({
|
|
|
+ message: '当前单价不能为空',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ isNaN(this.fixedAssetsInfo.currentPrice) ||
|
|
|
+ (String(this.fixedAssetsInfo.currentPrice).indexOf('.') != -1 &&
|
|
|
+ String(this.fixedAssetsInfo.currentPrice).length -
|
|
|
+ (String(this.fixedAssetsInfo.currentPrice).indexOf('.') + 1) >
|
|
|
+ 2) ||
|
|
|
+ this.fixedAssetsInfo.currentPrice <= 0
|
|
|
+ ) {
|
|
|
+ this.$message({
|
|
|
+ message: '当前单价输入有误！',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (this.flag == 1) {
|
|
|
+ title = '确定提交资产信息？'
|
|
|
+ } else {
|
|
|
+ title = '确定提交本次修改？'
|
|
|
+ }
|
|
|
+ this.$confirm(title, '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.fixedAssetsInfo.compId =
|
|
|
+ localStorage.getItem('ws-pf_compId')
|
|
|
+ addOrEditFixedInfo(this.fixedAssetsInfo)
|
|
|
+ .toPromise()
|
|
|
+ .then((response) => {
|
|
|
+ this.$message.success('提交成功')
|
|
|
+ this.fixedAssetsInfo = {
|
|
|
+ status: '在用',
|
|
|
+ statusFlag: 1,
|
|
|
+ businessType: '自营',
|
|
|
+ businessTypeKey: 1,
|
|
|
+ purchaseDate: '',
|
|
|
+ totalPrice: '',
|
|
|
+ deptAndWarehouse: '公司资产',
|
|
|
+ leadingCadre: '',
|
|
|
+ }
|
|
|
+ this.fixedAssetsForm = false
|
|
|
+ this.getList()
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return false
|
|
|
+ })
|
|
|
+ },
|
|
|
+ cancel() {
|
|
|
+ this.fixedAssetsForm = false
|
|
|
+ this.fixedAssetsInfo = {
|
|
|
+ status: '在用',
|
|
|
+ statusFlag: 1,
|
|
|
+ businessType: '自营',
|
|
|
+ businessTypeKey: 1,
|
|
|
+ purchaseDate: '',
|
|
|
+ totalPrice: '',
|
|
|
+ deptAndWarehouse: '',
|
|
|
+ leadingCadre: '',
|
|
|
+ }
|
|
|
+ },
|
|
|
+ pickerOptions() { },
|
|
|
+ find() {
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ console.log(`每页 ${val} 条`)
|
|
|
+ this.pageSize = val
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.currentPage = val
|
|
|
+ console.log(`当前页: ${val}`)
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ },
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.container {
|
|
|
+ background: #e8ecf6;
|
|
|
+}
|
|
|
+
|
|
|
+.center {
|
|
|
+ margin: 0 auto;
|
|
|
+ background: #ffffff;
|
|
|
+ // height: calc(100vh - 13vh);
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 20px 0;
|
|
|
+
|
|
|
+ /deep/.el-table td,
|
|
|
+ /deep/.el-table th {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.row_top {
|
|
|
+ background: #f6f7fc;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+
|
|
|
+ .bg-left {
|
|
|
+ padding-left: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title::before {
|
|
|
+ content: '';
|
|
|
+ display: inline-block;
|
|
|
+ width: 5px;
|
|
|
+ height: 30px;
|
|
|
+ background: #5473e8;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.datascreen {
|
|
|
+ display: flex;
|
|
|
+ margin-left: 25px;
|
|
|
+ width: 35%;
|
|
|
+
|
|
|
+ .find {
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.anniu {
|
|
|
+ display: flex;
|
|
|
+ width: 28%;
|
|
|
+}
|
|
|
+
|
|
|
+.fromdata {
|
|
|
+ overflow-y: scroll;
|
|
|
+ height: 560px;
|
|
|
+}
|
|
|
+
|
|
|
+.top_info {
|
|
|
+ margin: 10px 0 0 10px;
|
|
|
+ min-width: 712px;
|
|
|
+
|
|
|
+ .info_css {
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.options_css {
|
|
|
+ margin: 0 5px;
|
|
|
+ width: 80%;
|
|
|
+}
|
|
|
+
|
|
|
+.findValue {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/deep/.statusselect .el-input__inner {
|
|
|
+ color: #8890b1;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.tanchuang {
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.tanchuang .el-info-table {
|
|
|
+ display: initial;
|
|
|
+}
|
|
|
+
|
|
|
+.tanchuang .el-info-table .el-form-item {
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.print-type {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ margin: auto;
|
|
|
+ width: 340px;
|
|
|
+ height: 160px;
|
|
|
+ background: white;
|
|
|
+ border-radius: 10px;
|
|
|
+ z-index: 999;
|
|
|
+
|
|
|
+ .bottom-btn {
|
|
|
+ text-align: center;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+}
|
|
|
+.text_css {
|
|
|
+ color: #5878e8;
|
|
|
+ }
|
|
|
+
|
|
|
+.print-type-checkbox {
|
|
|
+ padding-left: 20px;
|
|
|
+ margin-top: 30px;
|
|
|
+
|
|
|
+ .el-date-editor.el-input {
|
|
|
+ width: 85% !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .proportion_css {
|
|
|
+ width: 85%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.mask {
|
|
|
+ background: black;
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ z-index: 99;
|
|
|
+ opacity: 0.3;
|
|
|
+}
|
|
|
+</style>
|
