1325 lines
47 KiB
Vue
1325 lines
47 KiB
Vue
<template>
|
||
<div class="sys-box approve-box">
|
||
<div class="sys-tabs">
|
||
<el-tabs v-model="activeName">
|
||
<el-tab-pane label="我发起的" name="first">
|
||
<mineTabPage :disableBtn="false"
|
||
:formTableData="formTableData"
|
||
:searchParamElement="searchParamElement"
|
||
:tableData="tableData"
|
||
:listQuery="search_data"
|
||
:total="total"
|
||
:pictLoading="pictLoading"
|
||
:buttons="buttons"
|
||
:summary = "summary"
|
||
:showMoreSearch="true"
|
||
@sortChange = "sortChange"
|
||
@btnClick="btnClick"
|
||
@getList="getList"
|
||
@search="search"
|
||
@moreSearch="moreSearch"
|
||
@goLink="gotoDetailAll"
|
||
@handleCurrentChange="handleCurrentChange"
|
||
@handleSizeChange="handleSizeChange"
|
||
@getSummaries="getSummaries"
|
||
@handleSelectionChange="handleSelectionChange"
|
||
></mineTabPage>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="我的审批" name="second">
|
||
<span slot="label">
|
||
<el-badge class="item" :value="approveTotal">我审批的</el-badge>
|
||
</span>
|
||
<auditTabPage :formTableData="showAuditColumnsDefault"
|
||
:searchParamElement="searchApproveParamElement"
|
||
:tableData="auditTableData"
|
||
:listTitle="'销售订单审批'"
|
||
:listQuery="approveListQuery"
|
||
:total="approveTotal"
|
||
:pictLoading="pictLoading"
|
||
:buttons="buttons"
|
||
@btnClick="btnClick"
|
||
@getList="searchApproveList"
|
||
@search="searchApproveList"
|
||
@moreSearch="moreSearch"
|
||
@gotoDetail="gotoApproveDetail"
|
||
@handleCurrentChange="handleApproveCurrentChange"
|
||
@handleSizeChange="handleApproveSizeChange"
|
||
@handleSelectionChange="handleSelectionChange"
|
||
></auditTabPage>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="已审批的" name="fourth">
|
||
<approvedPage :disableBtn="false"
|
||
:formTableData="formTableData"
|
||
:searchParamElement="searchParamElement"
|
||
:tableData="tableData"
|
||
:listQuery="search_data4"
|
||
:total="total"
|
||
:pictLoading="pictLoading"
|
||
:buttons="approvedButton"
|
||
:summary = "summary"
|
||
:showMoreSearch="true"
|
||
@btnClick="btnClick"
|
||
@getList="getList"
|
||
@search="search"
|
||
@moreSearch="moreSearch"
|
||
@goLink="gotoDetailAll"
|
||
@handleCurrentChange="handleCurrentChange"
|
||
@handleSizeChange="handleSizeChange"
|
||
@handleSelectionChange="handleSelectionChange">
|
||
</approvedPage>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="我的团队" name="third">
|
||
<listTabPage :disableBtn="false"
|
||
:formTableData="formTableData"
|
||
:searchParamElement="searchParamElement"
|
||
:tableData="tableData"
|
||
:listQuery="search_data2"
|
||
:total="total"
|
||
:pictLoading="pictLoading"
|
||
:buttons="otherButton"
|
||
:summary = "summary"
|
||
:showMoreSearch="true"
|
||
@btnClick="btnClick"
|
||
@getList="getList"
|
||
@search="search"
|
||
@moreSearch="moreSearch"
|
||
@goLink="gotoDetailAll"
|
||
@handleCurrentChange="handleCurrentChange"
|
||
@handleSizeChange="handleSizeChange"
|
||
@handleSelectionChange="handleSelectionChange">
|
||
</listTabPage>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="所有列表" name="end" v-if="isExist('sales:salesContract:allList')">
|
||
<listTabPage :disableBtn="false"
|
||
:formTableData="formTableData"
|
||
:searchParamElement="searchParamElement"
|
||
:tableData="tableData"
|
||
:listQuery="search_data3"
|
||
:total="total"
|
||
:pictLoading="pictLoading"
|
||
:buttons="allListButton"
|
||
:summary = "summary"
|
||
:showMoreSearch="true"
|
||
@btnClick="btnClick"
|
||
@getList="getList"
|
||
@search="search"
|
||
@moreSearch="moreSearch"
|
||
@goLink="gotoDetailAll"
|
||
@handleCurrentChange="handleCurrentChange"
|
||
@handleSizeChange="handleSizeChange"
|
||
@handleSelectionChange="handleSelectionChange">
|
||
</listTabPage>
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
</div>
|
||
<!-- 状态控制 -->
|
||
<el-dialog :title="columnSetDialogTitle" center :visible.sync="columnSetDialogVisible" width="531px" :before-close="handleClose">
|
||
<el-table border
|
||
class="move-table"
|
||
:data="showTableColumns"
|
||
row-key="prop_"
|
||
:key="Math.random()"
|
||
max-height="350"
|
||
style="width: 100%">
|
||
<el-table-column
|
||
prop="title"
|
||
label="列表名称">
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="select"
|
||
label="是否显示"
|
||
>
|
||
<template slot-scope="scope">
|
||
<el-switch v-model="scope.row.select">
|
||
</el-switch>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="操作"
|
||
>
|
||
<template slot-scope="scope">
|
||
<el-button type="text" size="small" @click="toUp(scope)">前移</el-button>
|
||
<el-button type="text" size="small" @click="toDown(scope)">后移</el-button>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<el-row type="flex" class="row-bg" justify="center" style="margin-top: 10px;">
|
||
<el-col :span="6">
|
||
<el-button type="primary" size="middle" @click="saveAndCloseColumnSetDialog">完成</el-button>
|
||
</el-col>
|
||
<el-col :span="6">
|
||
<el-button type="primary" size="middle" @click="toDefault">恢复默认</el-button>
|
||
</el-col>
|
||
</el-row>
|
||
</el-dialog>
|
||
<!-- 高级查询对话框 -->
|
||
<el-dialog :title="dialogTitle" center :visible.sync="advanceQueryDialogVisible" width="670px">
|
||
<el-form :inline="true"
|
||
v-loading="dialogLoading"
|
||
label-width="80px"
|
||
class="dialog-form"
|
||
ref="form" style="width: 620px"
|
||
>
|
||
<div class="dialog-line">
|
||
<el-form-item label="合同时间" class="dialog-form-inline-single">
|
||
<el-date-picker
|
||
v-model="formDataTime"
|
||
type="daterange"
|
||
format="yyyy-MM-dd"
|
||
value-format="yyyy-MM-dd HH:mm:ss"
|
||
range-separator="—"
|
||
start-placeholder="开始时间"
|
||
end-placeholder="结束时间"
|
||
></el-date-picker>
|
||
</el-form-item>
|
||
</div>
|
||
<div class="dialog-line">
|
||
<el-form-item label="合同类型" class="dialog-form-inline">
|
||
<el-select v-model="formData.contractType" style="width:100%" clearable placeholder="请选择" @change="changeFacility">
|
||
<el-option v-for="item in typeList" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="客户" class="dialog-form-inline">
|
||
<el-input placeholder="请输入客户名" v-model="formData.clientName" clearable></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
<div class="dialog-line">
|
||
<el-form-item label="物料" class="dialog-form-inline">
|
||
<btn-input :valueText.sync='formData.materielName' :valueId.sync='formData.materiel' :chooseVisible.sync='chooseMaterielVisible'></btn-input>
|
||
</el-form-item>
|
||
<el-form-item label="规格型号" class="dialog-form-inline">
|
||
<el-input placeholder="请输入规格型号" v-model="formData.specification" clearable></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
<div class="dialog-line">
|
||
<el-form-item label="销售部门" class="dialog-form-inline">
|
||
<el-cascader
|
||
v-model="salesPersonDept"
|
||
clearable
|
||
:options="depOptions"
|
||
:props="{ expandTrigger: 'hover',label:'text',value:'id', checkStrictly: true}"
|
||
@change="handleChange"></el-cascader>
|
||
</el-form-item>
|
||
<el-form-item label="审核状态" class="dialog-form-inline">
|
||
<el-select v-model="formData.auditSign" style="width:100%" clearable placeholder="请选择" @change="changeFacility">
|
||
<el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</div>
|
||
<div class="dialog-line">
|
||
<el-form-item label="销售员" prop="salesPersonName" class="dialog-form-inline">
|
||
<btn-input :valueText.sync='formData.salesPersonName' :valueId.sync='formData.salesPerson' :chooseVisible.sync='chooseUserVisible'></btn-input>
|
||
</el-form-item>
|
||
<el-form-item label="制单人" prop="createByName" class="dialog-form-inline">
|
||
|
||
<btn-input :valueText.sync='formData.createByName' :valueId.sync='formData.createBy' :chooseVisible.sync='chooseUserVisible1'></btn-input>
|
||
</el-form-item>
|
||
</div>
|
||
|
||
</el-form>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button type="primary" @click="save">确定</el-button>
|
||
<el-button type="primary" @click="advanceQueryDialogVisible = false">关闭</el-button>
|
||
<el-button type="primary" @click="clear">清空</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
<!--选择用户-->
|
||
<DialogChooseSingleUser :visible.sync="chooseUserVisible" @change="getUser"></DialogChooseSingleUser>
|
||
<!--选择制单人-->
|
||
<DialogChooseSingleUser1 :visible.sync="chooseUserVisible1" @change="getUser1"></DialogChooseSingleUser1>
|
||
<!--选择物料-->
|
||
<dialogChooseSingleParts :visible.sync="chooseMaterielVisible" @change="getMateriel" ></dialogChooseSingleParts>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import {mapState, mapActions, mapGetters} from "vuex";
|
||
import btnInput from "@/components/btnInput.vue";
|
||
import FileSaver from 'file-saver'
|
||
import config from "@/utils/config.js";
|
||
import Cookies from "js-cookie";
|
||
import DialogChooseSingleUser from "@/components/System/dialogChooseSingleUser";
|
||
import dialogChooseSingleParts from "@/components/System/dialogChooseSingleParts";
|
||
import DialogChooseSingleUser1 from "@/components/System/dialogChooseSingleUser";
|
||
import { formatDateTime, getCurrentDate } from "@/utils/tools.js";
|
||
import mineTabPage from "@/components/TabPages/mineTabPage";
|
||
import listTabPage from "@/components/TabPages/listTabPage";
|
||
import auditTabPage from "@/components/TabPages/auditTabPage";
|
||
import approvedPage from "@/components/TabPages/approvedPage";
|
||
import Sortable from 'sortablejs';
|
||
export default {
|
||
components: {
|
||
btnInput,DialogChooseSingleUser,DialogChooseSingleUser1,dialogChooseSingleParts,mineTabPage,listTabPage,auditTabPage,approvedPage
|
||
},
|
||
data() {
|
||
return {
|
||
total: 0, //总条数
|
||
approveTotal: 0, //总条数
|
||
pageSizes: [10, 20, 50], //每页展示多少条
|
||
activeName:"first",
|
||
search_data: {
|
||
tabType:0,
|
||
pageno: 1,
|
||
pagesize: 10,
|
||
},search_data1: {
|
||
tabType:0,
|
||
pageno: 1,
|
||
pagesize: 10,
|
||
},search_data2: {
|
||
tabType:1,
|
||
pageno: 1,
|
||
pagesize: 10,
|
||
},search_data3: {
|
||
tabType:2,
|
||
pageno: 1,
|
||
pagesize: 10,
|
||
},search_data4: {
|
||
tabType:3,
|
||
pageno: 1,
|
||
pagesize: 10,
|
||
},
|
||
approveListQuery:{
|
||
type:3,
|
||
pageno: 1,
|
||
pagesize: 5
|
||
},
|
||
formData: {
|
||
startTime: "",
|
||
endTime: "",
|
||
contractType: '',
|
||
contractTypeName: '',
|
||
unitUomName: '',
|
||
clientName: '',
|
||
materielName: '',
|
||
specification: '',
|
||
auditSign: '',
|
||
salesPersonName: '',
|
||
salesPerson: '',
|
||
// createTime: '',
|
||
deptId: '',
|
||
salesPersonDept: '',
|
||
createBy: "",//制单人id
|
||
createByName:"",
|
||
},
|
||
exportList:[],
|
||
elOptionList:[],
|
||
searchParamElement: [
|
||
{key:0,label:"合同编号",searchType:"inputElement",placeholder:"合同编号",model:"contractCode",clearable:true},
|
||
{key:1,label:"客户名称",searchType:"inputElement",placeholder:"客户",model:"clientName",clearable:true},
|
||
{key:2,label:"物料名称",searchType:"inputElement",placeholder:"物料名称",model: "materielName",clearable:true},
|
||
{key:3,label:"合同日期",searchType:"dateElement",placeholder:"请选择时间段",model: "timeArea",clearable:true}
|
||
],
|
||
searchApproveParamElement: [
|
||
{label:"合同编号",searchType:"inputElement",placeholder:"合同编号",model:"dataCode",clearable:true},
|
||
{label:"客户",searchType:"inputElement",placeholder:"模糊搜索",model: "clientName",clearable:true},
|
||
// {label:"物料",searchType:"inputElement",placeholder:"模糊搜索",model: "materielName",clearable:true},
|
||
{label:"合同日期",searchType:"dateElement",placeholder:"请选择时间段",model: "timeArea",clearable:true}
|
||
],
|
||
buttons:[
|
||
{key:0,btnName:"新增",vhas:"sales:salesContract:add",click:"goAdd",type:"primary",disabled:false},
|
||
{key:1,btnName:"删除",vhas:"sales:salesContract:remove",click:"remove",type:"primary",disabled:true},
|
||
{key:2,btnName:"导出",vhas:"sales:salesContract:exportExcel",click:"exportExcel",type:"primary",disabled:false},
|
||
{key:3,btnName:"关闭",vhas:"sales:salesContract:close",click:"close",type:"primary",disabled:true},
|
||
{key:4,btnName:"开启",vhas:"sales:salesContract:reverseClose",click:"reverseClose",type:"primary",disabled:true},
|
||
{key:5,btnName:"变更",vhas:"sales:salesContract:change",click:"change",type:"primary",disabled:true},
|
||
{key:6,btnName:"变更记录",vhas:"sales:salesContract:gotoAlterationList",click:"gotoAlterationList",type:"primary",disabled:true},
|
||
{key:7,btnName:"列表配置",click:"showColumnSetDialog",vhas:'',type:"primary",disabled:false},
|
||
{key:8,btnName:"关联单据",click:"associatedDocument",type:"primary",disabled:true}
|
||
],
|
||
//
|
||
otherButton:[
|
||
{key:0,btnName:"导出",vhas:"sales:salesContract:exportExcel",click:"exportExcel",type:"primary",disabled:false},
|
||
{key:1,btnName:"变更记录",vhas:"sales:salesContract:gotoAlterationList",click:"gotoAlterationList",type:"primary",disabled:true},
|
||
],
|
||
allListButton:[
|
||
{key:0,btnName:"导出",vhas:"sales:salesContract:exportExcel",click:"exportExcel",type:"primary",disabled:false},
|
||
// {key:1,btnName:"删除",vhas:"sales:salesContract:remove",click:"remove",type:"primary",disabled:true},
|
||
// {key:1,btnName:"反审核",vhas:"sales:salesContract:disAudit",click:"disAudit",type:"primary",disabled:true},
|
||
{key:2,btnName:"变更记录",vhas:"sales:salesContract:gotoAlterationList",click:"gotoAlterationList",type:"primary",disabled:true},
|
||
],
|
||
approvedButton:[
|
||
{key:0,btnName:"导出",vhas:"sales:salesContract:exportExcel",click:"exportExcel",type:"primary",disabled:false},
|
||
// {key:1,btnName:"删除",vhas:"sales:salesContract:remove",click:"remove",type:"primary",disabled:true},
|
||
// {key:1,btnName:"反审核",vhas:"sales:salesContract:disAudit",click:"disAudit",type:"primary",disabled:true},
|
||
{key:2,btnName:"变更记录",vhas:"sales:salesContract:gotoAlterationList",click:"gotoAlterationList",type:"primary",disabled:true},
|
||
],
|
||
//默认审批页面列表
|
||
showAuditColumnsDefault:[
|
||
// {title: "审批标题", prop_: "title",content:"销售订单审批", select: true},
|
||
{title: "申请人", prop_: "approveApplicantName", select: true},
|
||
{title: "申请时间", prop_: "submitTime", select: true},
|
||
{title: "审批状态", prop_: "approveStatusName", select: true,sortable:true},
|
||
],
|
||
auditTableData:[],
|
||
//默认列表数据
|
||
showTableColumnsDefault: [
|
||
{title: "合同日期", prop_: "contractDate", select: true},
|
||
{title: "合同编号", prop_: "contractCode", select: true},
|
||
{title: "合同类型", prop_: "contractTypeName", select: true},
|
||
{title: "关闭标志", prop_: "closeStatusName", select: true},
|
||
{title: "客户名称", prop_: "clientName", select: true},
|
||
{title: "销售员", prop_: "salesPersonName", select: true},
|
||
{title: "销售部门", prop_: "salesPersonDeptName", select: true},
|
||
{title: "发货是否检验", prop_: "isCheck", select: true},
|
||
{title: "物料代码", prop_: "materielSerialNo", select: true},
|
||
{title: "物料名称", prop_: "materielName", select: true},
|
||
{title: "规格型号", prop_: "specification", select: true},
|
||
{title: "主计量单位", prop_: "unitUomName", select: true},
|
||
{title: "主单位数量", prop_: "count", select: true},
|
||
{title: "辅助单位", prop_: "supportUomName", select: true},
|
||
{title: "销售数量", prop_: "saleCount", select: true},
|
||
{title: "含税单价（元）", prop_: "taxUnitPrice", select: true},
|
||
{title: "销售金额（元）", prop_: "taxAmount", select: true},
|
||
{title: "交货日期", prop_: "deliveryDate", select: true,sortable:true},
|
||
// {title: "审核状态", prop_: "auditSignName", select: true},
|
||
{title: "审批状态", prop_: "approveStatusName", select: true},
|
||
{title: "行关闭状态", prop_: "itemCloseStatusName", select: true},
|
||
{title: "行关闭时间", prop_: "itemCloseTime", select: true},
|
||
{title: "行关闭原因", prop_: "itemCloseReason", select: true}
|
||
],
|
||
///弹出页面列表数据
|
||
showTableColumns: [
|
||
{title: "合同日期", prop_: "contractDate", select: true},
|
||
{title: "合同编号", prop_: "contractCode", select: true},
|
||
{title: "合同类型", prop_: "contractTypeName", select: true},
|
||
{title: "关闭标志", prop_: "closeStatusName", select: true},
|
||
{title: "客户名称", prop_: "clientName", select: true},
|
||
{title: "销售员", prop_: "salesPersonName", select: true},
|
||
{title: "销售部门", prop_: "salesPersonDeptName", select: true},
|
||
{title: "发货是否检验", prop_: "isCheck", select: true},
|
||
{title: "物料代码", prop_: "materielSerialNo", select: true},
|
||
{title: "物料名称", prop_: "materielName", select: true},
|
||
{title: "规格型号", prop_: "specification", select: true},
|
||
{title: "主计量单位", prop_: "unitUomName", select: true},
|
||
{title: "主单位数量", prop_: "count", select: true},
|
||
{title: "辅助单位", prop_: "supportUomName", select: true},
|
||
{title: "销售数量", prop_: "saleCount", select: true},
|
||
{title: "含税单价（元）", prop_: "taxUnitPrice", select: true},
|
||
{title: "销售金额（元）", prop_: "taxAmount", select: true},
|
||
{title: "交货日期", prop_: "deliveryDate", select: true,sortable:true},
|
||
// {title: "审核状态", prop_: "auditSignName", select: true},
|
||
{title: "审批状态", prop_: "approveStatusName", select: true},
|
||
{title: "行关闭状态", prop_: "itemCloseStatusName", select: true},
|
||
{title: "行关闭时间", prop_: "itemCloseTime", select: true},
|
||
{title: "行关闭原因", prop_: "itemCloseReason", select: true}
|
||
],
|
||
showTableColumnsTemp: [],//弹框弹出的时候，保存当前的列表数据
|
||
//显示的列表字段
|
||
formTableData: [],
|
||
alterationDetailId: '',
|
||
contractList: [],
|
||
contractData: [],
|
||
tableData1: [],
|
||
summary: {},
|
||
formDataTime: "",
|
||
time: '',
|
||
salesTime: '',
|
||
tableData: [],
|
||
depOptions: [],
|
||
salesPersonDept: '',
|
||
options: [],
|
||
typeList: [],
|
||
config: config,
|
||
btnDelDisabled: true,
|
||
btnOtherDisabled: true,
|
||
advanceQueryDialogVisible: false,
|
||
chooseUserVisible: false,
|
||
chooseUserVisible1: false,
|
||
chooseMaterielVisible:false,//物料
|
||
dialogLoading: false,
|
||
dialogTitle: "",
|
||
pictLoading: false,
|
||
columnSetDialogTitle: "设置显示字段列表",
|
||
columnSetDialogVisible: false,
|
||
salesContractIds: [],
|
||
tableId: 'sales_contract_table',
|
||
tbody:''
|
||
}
|
||
},
|
||
watch: {
|
||
time(val) {
|
||
if (val) {
|
||
this.search_data.startTime = val[0];
|
||
this.search_data.endTime = val[1];
|
||
} else {
|
||
this.search_data.startTime = "";
|
||
this.search_data.endTime = "";
|
||
}
|
||
|
||
},
|
||
|
||
btnDelDisabled(val){
|
||
this.buttons[1].disabled = val
|
||
// this.allListButton[1].disabled = val
|
||
// this.approvedButton[1].disabled = val
|
||
},
|
||
btnOtherDisabled(val){
|
||
// this.buttons[2].disabled = val
|
||
this.buttons[3].disabled = val
|
||
this.buttons[4].disabled = val
|
||
this.buttons[5].disabled = val
|
||
this.buttons[6].disabled = val
|
||
this.buttons[8].disabled = val
|
||
this.otherButton[1].disabled = val
|
||
this.allListButton[1].disabled = val
|
||
// this.allListButton[3].disabled = val
|
||
this.approvedButton[1].disabled = val
|
||
// this.approvedButton[3].disabled = val
|
||
},
|
||
activeName(val){
|
||
if(val==="first"){
|
||
this.search_data=this.search_data1
|
||
this.getList(0)
|
||
}else if(val==="second"){
|
||
// this.search_data.tabType=null
|
||
}else if(val==="third"){
|
||
this.search_data=this.search_data2
|
||
this.getList()
|
||
}else if(val==="fourth"){
|
||
this.search_data=this.search_data4
|
||
this.getList()
|
||
}else if(val==="end"){
|
||
this.search_data=this.search_data3
|
||
this.getList()
|
||
}
|
||
},
|
||
formDataTime(val) {
|
||
if (val) {
|
||
this.formData.startTime = val[0];
|
||
this.formData.endTime = val[1];
|
||
} else {
|
||
this.formData.startTime = "";
|
||
this.formData.endTime = "";
|
||
}
|
||
|
||
},
|
||
},
|
||
created() {
|
||
this.showTableColumns = JSON.parse(JSON.stringify(this.showTableColumns));
|
||
this.showTableColumnsTemp = JSON.parse(JSON.stringify(this.showTableColumns));
|
||
this.myApproveList()
|
||
this.getList(0)
|
||
this.getShowColumns();
|
||
this.initData()
|
||
},
|
||
mounted() {
|
||
// this.rowDrop()
|
||
if (this.$route.query.active) {
|
||
this.activeName = "second";
|
||
}
|
||
},
|
||
methods: {
|
||
associatedDocument(){
|
||
let data = this.salesContractIds[0]
|
||
this.$router.push({
|
||
path: "/sales/salesContract_associatedDocument",
|
||
query: {id: data.salesContractId,clientName:data.clientName,contractCode:data.contractCode,t:Date.now() }
|
||
});
|
||
},
|
||
// 所有列表展示
|
||
isExist(val){
|
||
let isExist = false
|
||
// 从浏览器缓存中获取权限数组
|
||
var buttonpermsStr = localStorage.getItem('btnContext');
|
||
if (buttonpermsStr === undefined || buttonpermsStr == null) {
|
||
return false
|
||
} else {
|
||
JSON.parse(buttonpermsStr).forEach(element => {
|
||
//匹配缓存中的数据中有没有匹配的值
|
||
if (element == val) {
|
||
// 若在按钮中定义的权限字段能在后端返回的权限数组中能找到，则该按钮可显示
|
||
isExist = true
|
||
}
|
||
});
|
||
}
|
||
return isExist
|
||
},
|
||
btnClick(val){
|
||
console.log("根据方法名称调用")
|
||
if(val==="goAdd"){
|
||
this.goAdd()
|
||
}else if(val=="showColumnSetDialog"){
|
||
this.showColumnSetDialog()
|
||
}else if(val=="remove"){
|
||
this.remove()
|
||
}else if(val=="disAudit"){
|
||
this.disAudit()
|
||
} else if(val==="exportExcel"){
|
||
this.exportExcel()
|
||
}else if(val==="close"){
|
||
this.close()
|
||
}else if(val==="reverseClose"){
|
||
this.reverseClose()
|
||
}else if(val==="change"){
|
||
this.change()
|
||
}else if(val==="gotoAlterationList"){
|
||
this.gotoAlterationList()
|
||
} else if (val==="associatedDocument") {
|
||
this.associatedDocument()
|
||
}
|
||
},
|
||
// 查询审批列表
|
||
searchApproveList(){
|
||
this.approveListQuery.pagesize = 5
|
||
this.approveListQuery.pageno =1
|
||
this.myApproveList()
|
||
},
|
||
//进入审核页面
|
||
gotoApproveDetail(row){
|
||
this.$router.push({
|
||
path: "/sales/salesContract_approve_detail",
|
||
query: {id: row.salesContractId,instanceId:row.instanceId,taskId:row.taskId,tabType:this.search_data.tabType, t:Date.now() }
|
||
});
|
||
},
|
||
gotoDetailAll(row){
|
||
if(row.approveState==0 || row.approveState==2 || row.approveState==3){
|
||
this.$router.push({ path: "/sales/salesContract_add", query: { id: row.salesContractId,t: Date.now() } })
|
||
}else{
|
||
this.$router.push({ path: "/sales/salesContract_detail", query: { id: row.salesContractId,t: Date.now() } })
|
||
}
|
||
},
|
||
sortChange(val){
|
||
console.log(val)
|
||
this.search_data.sort = "item.delivery_date"
|
||
this.search_data.order = (val.order=="ascending")?"asc":"desc"
|
||
this.getList()
|
||
},
|
||
myApproveList(){
|
||
this.pictLoading = true;
|
||
console.log(this.approveListQuery)
|
||
this.$api.scmApproveAPI.myApproveList(this.approveListQuery).then(res=>{
|
||
this.pictLoading = false
|
||
if(res.code == 0){
|
||
if (res.data && res.data.list) {
|
||
this.auditTableData = res.data.list;
|
||
this.approveTotal = res.data.total;
|
||
} else {
|
||
this.auditTableData = [];
|
||
this.approveTotal = 0;
|
||
}
|
||
if(this.auditTableData.length){
|
||
this.auditTableData.forEach(item=>{
|
||
if(item.approveState==0){
|
||
item.approveStatusName = "暂存"
|
||
} else if(item.approveState==1){
|
||
item.approveStatusName = "待审批"
|
||
}else if(item.approveState==2){
|
||
item.approveStatusName = "已驳回"
|
||
}else if(item.approveState==3){
|
||
item.approveStatusName = "审批通过"
|
||
}
|
||
item.summary = [
|
||
{label:"合同编号",value:item.contractCode},
|
||
{label:"客户",value:item.clientName},
|
||
{label:"合同类型",value:item.contractTypeName},
|
||
{label:"合同日期",value:item.contractDate},
|
||
{label:"合同总金额",value:item.allTaxAmount},
|
||
]
|
||
})
|
||
}
|
||
}
|
||
}).catch(r=>{
|
||
})
|
||
},
|
||
// 变更合同列表页
|
||
gotoAlterationList() {
|
||
let id = this.salesContractIds[0].salesContractId
|
||
this.$router.push({ path: "/sales/salesContract_alterationList", query: { id: id, t: Date.now()} })
|
||
},
|
||
|
||
// 返回首页
|
||
gotoIndex() {
|
||
this.chooseProVisible = false
|
||
},
|
||
// 变更
|
||
change() {
|
||
if (this.salesContractIds[0].approveStatusName === "审批通过" && this.salesContractIds[0].closeStatusName === "未关闭") {
|
||
let id = this.salesContractIds[0].salesContractId
|
||
this.$router.push({ path: "/sales/salesContract_edit", query: { id: id, t: Date.now()} })
|
||
} else {
|
||
this.$message({
|
||
message: "选中项已关闭或未审核",
|
||
type: "error"
|
||
})
|
||
}
|
||
},
|
||
|
||
/**
|
||
* 关闭
|
||
*/
|
||
close() {
|
||
let id = this.salesContractIds[0].salesContractId
|
||
this.$confirm("确认终止选中的项吗?", "提示", {
|
||
type: "warning"
|
||
}).then(() => {
|
||
this.$api.salesAPI
|
||
.closeContract({id: id})
|
||
.then(res => {
|
||
if(res.code === 0) {
|
||
this.$message({
|
||
message: res.msg,
|
||
type: "success"
|
||
})
|
||
this. getList();
|
||
} else {
|
||
this.$message({
|
||
message: res.msg,
|
||
type: "error"
|
||
})
|
||
}
|
||
})
|
||
})
|
||
|
||
},
|
||
// 反关闭
|
||
reverseClose () {
|
||
let id = this.salesContractIds[0].salesContractId
|
||
this.$confirm("确认开启选中的项吗?", "提示", {
|
||
type: "warning"
|
||
}).then(() => {
|
||
this.$api.salesAPI
|
||
.reverseClose({id: id})
|
||
.then(res => {
|
||
if(res.code === 0) {
|
||
this.$message({
|
||
message: res.msg,
|
||
type: "success"
|
||
})
|
||
this. getList();
|
||
} else {
|
||
this.$message({
|
||
message: res.msg,
|
||
type: "error"
|
||
})
|
||
}
|
||
})
|
||
})
|
||
},
|
||
// 导出
|
||
exportExcel() {
|
||
delete this.search_data.pagesize
|
||
delete this.search_data.pageno
|
||
this.$api.salesAPI
|
||
.exportExcel(this.search_data)
|
||
.then(res => {
|
||
})
|
||
},
|
||
/**
|
||
* 反审核
|
||
*/
|
||
disAudit() {
|
||
let id = this.salesContractIds[0].salesContractId
|
||
this.$confirm("确认反审核选中的项吗?", "提示", {
|
||
type: "warning"
|
||
}).then(() => {
|
||
this.$api.salesAPI
|
||
.reverseAuditContract({id: id})
|
||
.then(res => {
|
||
if(res.code === 0) {
|
||
this.$message({
|
||
message: res.msg,
|
||
type: "success"
|
||
})
|
||
this. getList();
|
||
} else {
|
||
this.$message({
|
||
message: res.msg,
|
||
type: "error"
|
||
})
|
||
}
|
||
})
|
||
})
|
||
|
||
},
|
||
|
||
/**
|
||
* 审核
|
||
*/
|
||
audit() {
|
||
let id = this.salesContractIds[0].salesContractId
|
||
this.$confirm("确认审核选中的项吗?", "提示", {
|
||
type: "warning"
|
||
}).then(() => {
|
||
this.$api.salesAPI
|
||
.auditContract({id: id})
|
||
.then(res => {
|
||
if(res.code === 0) {
|
||
this.$message({
|
||
message: res.msg,
|
||
type: "success"
|
||
})
|
||
this. getList();
|
||
} else {
|
||
this.$message({
|
||
message: res.msg,
|
||
type: "error"
|
||
})
|
||
}
|
||
})
|
||
})
|
||
|
||
},
|
||
|
||
clickRow(row) {
|
||
this.$refs.tb.toggleRowSelection(row);
|
||
},
|
||
|
||
// 跳转到查看页面
|
||
gotoDetail(row) {
|
||
console.log('跳转详情页面')
|
||
this.$router.push({ path: "/sales/salesContract_add", query: { id: row.salesContractId,t: Date.now() } })
|
||
},
|
||
|
||
// 前往新增页面
|
||
goAdd() {
|
||
this.$router.push({ path: "/sales/salesContract_add", query: {t: Date.now() } })
|
||
},
|
||
liftForExport(){
|
||
if(n==0){
|
||
this.search_data1 = this.search_data
|
||
}
|
||
// this.pictLoading = true;
|
||
this.$api.salesAPI
|
||
.listForExport(this.search_data)
|
||
.then(res => {
|
||
// this.pictLoading = false;
|
||
if(res.data) {
|
||
// this.summary = res.total
|
||
// this.total = res.data.totalRows;
|
||
this.exportList = res.data.list ? res.data.list : [];
|
||
this.exportList.forEach(item => {
|
||
// item.contractDate = item.contractDate?/\d{4}-\d{1,2}-\d{1,2}/g.exec(item.contractDate):""
|
||
// item.deliveryDate = item.deliveryDate?/\d{4}-\d{1,2}-\d{1,2}/g.exec(item.deliveryDate):""
|
||
if(item.approveState==0){
|
||
item.approveStatusName = "暂存"
|
||
} else if(item.approveState==1){
|
||
item.approveStatusName = "待审批"
|
||
}else if(item.approveState==2){
|
||
item.approveStatusName = "已驳回"
|
||
}else if(item.approveState==3){
|
||
item.approveStatusName = "审批通过"
|
||
}
|
||
})
|
||
} else {
|
||
// this.total = 0;
|
||
this.exportList = [];
|
||
}
|
||
}).catch(r => {
|
||
console.log(r);
|
||
});
|
||
},
|
||
// 获取销售订单列表
|
||
getList(n) {
|
||
// if(val){
|
||
// this.search_data.contractCode=val[0]
|
||
// this.search_data.clientName=val[1]
|
||
// this.search_data.materielName=val[2]
|
||
// }
|
||
if(n==0){
|
||
this.search_data1 = this.search_data
|
||
}
|
||
this.pictLoading = true;
|
||
this.$api.salesAPI
|
||
.listSalesContract(this.search_data)
|
||
.then(res => {
|
||
this.pictLoading = false;
|
||
if(res.data) {
|
||
this.summary = res.total
|
||
this.total = res.data.totalRows;
|
||
this.tableData = res.data.datas ? res.data.datas : [];
|
||
this.tableData.forEach(item => {
|
||
// item.contractDate = item.contractDate?/\d{4}-\d{1,2}-\d{1,2}/g.exec(item.contractDate):""
|
||
// item.deliveryDate = item.deliveryDate?/\d{4}-\d{1,2}-\d{1,2}/g.exec(item.deliveryDate):""
|
||
if(item.approveState==0){
|
||
item.approveStatusName = "暂存"
|
||
} else if(item.approveState==1){
|
||
item.approveStatusName = "待审批"
|
||
}else if(item.approveState==2){
|
||
item.approveStatusName = "已驳回"
|
||
}else if(item.approveState==3){
|
||
item.approveStatusName = "审批通过"
|
||
}
|
||
})
|
||
} else {
|
||
this.total = 0;
|
||
this.tableData = [];
|
||
}
|
||
}).catch(r => {
|
||
console.log(r);
|
||
});
|
||
},
|
||
|
||
//设置显示字段
|
||
showColumnSetDialog() {
|
||
this.columnSetDialogVisible = true;
|
||
this.showTableColumnsTemp = JSON.parse(JSON.stringify(this.showTableColumns));
|
||
// 行拖拽
|
||
// this.rowDrop()
|
||
},
|
||
//前移
|
||
toUp(scope) {
|
||
if (scope.$index == 0) {
|
||
return false;
|
||
}
|
||
let n;
|
||
for (let i = 0; i < this.showTableColumns.length; i++) {
|
||
if (this.showTableColumns[i].prop_ == scope.row.prop_) {
|
||
n = i;
|
||
}
|
||
}
|
||
let temp = this.showTableColumns[n];
|
||
this.showTableColumns[n] = this.showTableColumns[n - 1];
|
||
this.showTableColumns[n - 1] = temp;
|
||
this.$forceUpdate();
|
||
},
|
||
//后移
|
||
toDown(scope) {
|
||
if (scope.$index == this.showTableColumns.length - 1) {
|
||
return false;
|
||
}
|
||
let n;
|
||
for (let i = 0; i < this.showTableColumns.length; i++) {
|
||
if (this.showTableColumns[i].prop_ == scope.row.prop_) {
|
||
n = i;
|
||
}
|
||
}
|
||
let temp = this.showTableColumns[n];
|
||
this.showTableColumns[n] = this.showTableColumns[n + 1];
|
||
this.showTableColumns[n + 1] = temp;
|
||
this.$forceUpdate();
|
||
},
|
||
//恢复默认
|
||
toDefault() {
|
||
this.showTableColumns = JSON.parse(JSON.stringify(this.showTableColumnsDefault));
|
||
this.$forceUpdate();
|
||
},
|
||
//完成列表字段设置
|
||
saveAndCloseColumnSetDialog() {
|
||
let tableNo = this.tableId;
|
||
let tableColumns = JSON.stringify(this.showTableColumns);
|
||
this.columnSetDialogVisible = false;
|
||
this.$api.tableColumnAPI
|
||
.saveShowColumns({tableNo:tableNo,tableColumns:tableColumns})
|
||
.then(res => {
|
||
let arr = JSON.parse(JSON.stringify(this.showTableColumns));
|
||
this.formTableData = [];
|
||
for (let i = 0; i < arr.length; i++) {
|
||
if (arr[i].select) {
|
||
this.formTableData.push(arr[i]);
|
||
}
|
||
}
|
||
this.getShowColumns();
|
||
})
|
||
.catch(r => {
|
||
console.log(r);
|
||
});
|
||
},
|
||
//关闭字段设置弹出
|
||
handleClose() {
|
||
this.showTableColumns = JSON.parse(JSON.stringify(this.showTableColumnsTemp));
|
||
this.columnSetDialogVisible = false;
|
||
|
||
},
|
||
/**
|
||
* 获取显示字段
|
||
*/
|
||
getShowColumns() {
|
||
let tableNo = this.tableId;
|
||
this.formTableData = [];
|
||
|
||
this.$api.tableColumnAPI
|
||
.getShowColumns({tableNo:tableNo})
|
||
.then(res => {
|
||
if(res.code==0){
|
||
if(res.results){
|
||
this.showTableColumns = JSON.parse(res.results);
|
||
let arr = JSON.parse(JSON.stringify(this.showTableColumns));
|
||
for (let i = 0; i < arr.length; i++) {
|
||
if (arr[i].select) {
|
||
this.formTableData.push(arr[i]);
|
||
}
|
||
}
|
||
this.$forceUpdate();
|
||
}else{
|
||
let arr = JSON.parse(JSON.stringify(this.showTableColumnsDefault));
|
||
for (let i = 0; i < arr.length; i++) {
|
||
if (arr[i].select) {
|
||
this.formTableData.push(arr[i]);
|
||
}
|
||
}
|
||
this.$forceUpdate();
|
||
}
|
||
}else{
|
||
this.$message({
|
||
message: res.msg ? res.msg : "获取列表信息失败",
|
||
type: "error"
|
||
});
|
||
}
|
||
|
||
})
|
||
.catch(r => {
|
||
this.$message({
|
||
message: r,
|
||
type: "error"
|
||
});
|
||
console.log(r);
|
||
});
|
||
},
|
||
|
||
// 查询
|
||
search() {
|
||
this.search_data.pageno = 1;
|
||
this.search_data.pagesize = 10;
|
||
this.getList();
|
||
},
|
||
|
||
/**
|
||
* 高级查询
|
||
*/
|
||
moreSearch() {
|
||
this.advanceQueryDialogVisible = true;
|
||
this.dialogTitle = "高级查询";
|
||
},
|
||
save() {
|
||
for (var n in this.formData) {
|
||
this.search_data[n] = this.formData[n];
|
||
}
|
||
this.search_data.inDatas = "";
|
||
this.time = this.formDataTime;
|
||
this.search_data.pageno = 1;
|
||
this.$nextTick(function () {
|
||
this.advanceQueryDialogVisible = false;
|
||
this.getList();
|
||
})
|
||
},
|
||
//清空
|
||
clear() {
|
||
for (var n in this.formData) {
|
||
this.formData[n] = '';
|
||
}
|
||
this.formDataTime = "";
|
||
this.salesPersonDept=''
|
||
// this.createTime = "";
|
||
},
|
||
changeFacility() {
|
||
this.$forceUpdate();
|
||
},
|
||
|
||
// 每页显示多少条
|
||
handleSizeChange(val) {
|
||
this.search_data.pagesize = val;
|
||
this.getList();
|
||
},
|
||
// 上下分页
|
||
handleCurrentChange(val) {
|
||
this.search_data.pageno = val;
|
||
this.getList();
|
||
},
|
||
// 每页显示多少条
|
||
handleApproveSizeChange(val) {
|
||
this.approveListQuery.pagesize = val;
|
||
this.myApproveList();
|
||
},
|
||
// 上下分页
|
||
handleApproveCurrentChange(val) {
|
||
this.approveListQuery.pageno = val;
|
||
this.myApproveList();
|
||
},
|
||
/**
|
||
* 初始化
|
||
*/
|
||
initData() {
|
||
// 获取审核状态
|
||
this.$api.salesAPI
|
||
.listAauditSign({
|
||
type: "audit_status",
|
||
})
|
||
.then(res => {
|
||
this.options = res.datas
|
||
});
|
||
// 获取合同类型
|
||
this.$api.salesAPI
|
||
.listContractType({
|
||
type: "sales_contract_type",
|
||
})
|
||
.then(res => {
|
||
this.typeList = res.datas
|
||
});
|
||
// 获取生产部门
|
||
Promise.all([this.$api.commonAPI.getDeptsTree(), this.$api.roleAPI.list()])
|
||
.then(([r1, r2]) => {
|
||
if (r1.code === 0) {
|
||
this.depOptions=r1.data.children;
|
||
// this.setDefaultDept();
|
||
this.setDeptList(this.depOptions);
|
||
}
|
||
if (r2.code === 0) {
|
||
this.roleList = r2.datas;
|
||
}
|
||
})
|
||
.catch(error => {
|
||
console.log(error);
|
||
});
|
||
},
|
||
getMateriel(val){
|
||
if (val) {
|
||
this.$set(this.formData,'materiel',val.id)
|
||
this.$set(this.formData,'materielName',val.name)
|
||
}else{
|
||
this.$set(this.formData,'materiel',"")
|
||
this.$set(this.formData,'materielName',"")
|
||
}
|
||
},
|
||
|
||
/**
|
||
* 获取用户
|
||
*/
|
||
getUser(data) {
|
||
if (data) {
|
||
this.$set(this.formData,'salesPersonName',data.name)
|
||
this.$set(this.formData,'salesPerson',data.id)
|
||
// this.formData.salesPersonName = data.name;
|
||
// this.formData.salesPerson = data.id;
|
||
// this.getUserList.forEach(item => {
|
||
// if (data.id === item.id) {
|
||
// self.formData.salesPersonDept = item.deptId;
|
||
// self.formData.deptId= item.deptId;
|
||
// return;
|
||
// }
|
||
// });
|
||
// if (self.formData.deptId == 0) {
|
||
// self.formData.salesPersonDept = "";
|
||
// }
|
||
this.setDefaultDept()
|
||
}
|
||
},
|
||
/**
|
||
* 获取制单人
|
||
*/
|
||
getUser1(data) {
|
||
console.log(data)
|
||
var self = this;
|
||
if (data) {
|
||
this.formData.createByName = data.name;
|
||
this.formData.createBy = data.id;
|
||
}
|
||
},
|
||
//根据当前id,获取一条树枝上的所有id数据
|
||
treeFindPath (tree, func, path = []) {
|
||
if (!tree) return []
|
||
for (const data of tree) {
|
||
path.push(data.id)
|
||
if (func(data)) return path
|
||
if (data.children) {
|
||
const findChildren = this.treeFindPath(data.children, func, path)
|
||
if (findChildren.length) return findChildren
|
||
}
|
||
path.pop()
|
||
}
|
||
return []
|
||
},
|
||
//当选择器选项没有下一级时，将children设置为undefined，就能选则该项了
|
||
setDeptList(tree){
|
||
for (const data of tree) {
|
||
if(!data.hasChildren){
|
||
data.children=undefined;
|
||
}else{
|
||
this.setDeptList(data.children)
|
||
}
|
||
}
|
||
},
|
||
//显示默认部门
|
||
// setDefaultDept(){
|
||
// if(this.depOptions.length>0&&this.formData.deptId){
|
||
// let id=JSON.stringify( this.formData.deptId)
|
||
// let select_id=this.treeFindPath(this.depOptions,data=> data.id===id)
|
||
// this.salesPersonDept=JSON.parse(JSON.stringify(select_id))
|
||
// }
|
||
// },
|
||
// 选择部门
|
||
handleChange:function(value){
|
||
this.formData.salesPersonDept=value.length>=1?value[value.length-1]:'';
|
||
this.salesPersonDept=value;
|
||
},
|
||
|
||
|
||
/**
|
||
* 处理选中
|
||
*/
|
||
handleSelectionChange(val) {
|
||
this.salesContractIds= val;
|
||
this.setBtn(val);
|
||
},
|
||
|
||
/**
|
||
* 删除
|
||
*/
|
||
remove() {
|
||
let ids = [];
|
||
this.salesContractIds.forEach(item => {
|
||
ids.push(item.salesContractId)
|
||
console.log(ids)
|
||
})
|
||
this.$confirm("确认删除选中的项吗?", "提示", {
|
||
type: "warning"
|
||
}).then(() => {
|
||
this.$api.salesAPI
|
||
.removeContract({salesContractIds: ids})
|
||
.then(res => {
|
||
if (res.code === 0) {
|
||
this.$message({
|
||
message: res.msg,
|
||
type: "success"
|
||
});
|
||
this.search();
|
||
} else {
|
||
this.$message({
|
||
message: res.msg ? res.msg : "删除失败，请重试",
|
||
type: "error"
|
||
});
|
||
}
|
||
})
|
||
.catch(error => {
|
||
this.$message({
|
||
message: "删除失败，请重试",
|
||
type: "error"
|
||
});
|
||
});
|
||
});
|
||
},
|
||
/**
|
||
* 控件操作按钮状态
|
||
*/
|
||
setBtn(val) {
|
||
let isFlag = true;
|
||
let isDelFlag = true;
|
||
if (val.length > 0) {
|
||
isDelFlag = false;
|
||
if (val.length == 1) {
|
||
isFlag = false;
|
||
}
|
||
} else {
|
||
isFlag = true;
|
||
isDelFlag = true;
|
||
}
|
||
this.btnDelDisabled = isDelFlag;
|
||
this.btnOtherDisabled = isFlag;
|
||
},
|
||
// 合计
|
||
getSummaries(param){
|
||
const { columns, data } = param;
|
||
console.log("zhuyemian汇总")
|
||
console.log(param)
|
||
let sums=[];
|
||
columns.forEach((column, index) => { //计算不含税金额总计
|
||
|
||
if (index === 0) {
|
||
sums[index] = '合计';
|
||
return;
|
||
}
|
||
if (column.property!=='count'&&column.property!=='taxAmount'&&column.property!=='saleCount') {
|
||
sums[index] = '';
|
||
return;
|
||
}
|
||
|
||
const values = data.map(item => Number(item[column.property]));
|
||
if (!values.every(value => isNaN(value))) {
|
||
sums[index] = values.reduce((prev, curr) => {
|
||
const value = Number(curr);
|
||
if (!isNaN(value)) {
|
||
return prev + curr;
|
||
} else {
|
||
return prev;
|
||
}
|
||
}, 0);
|
||
} else {
|
||
sums[index] = '';
|
||
}
|
||
if (column.property==='count') {
|
||
if(sums[index]) {
|
||
sums[index] = this.summary.totalCount;
|
||
}
|
||
return;
|
||
}
|
||
if (column.property==='saleCount') {
|
||
if(sums[index]) {
|
||
sums[index] = this.summary.totalSaleCount;
|
||
}
|
||
return;
|
||
}
|
||
if (column.property==='taxAmount') {
|
||
if(sums[index]) {
|
||
sums[index] = this.summary.totalTaxAmount;
|
||
}
|
||
return;
|
||
}
|
||
});
|
||
console.log("--------------")
|
||
console.log(this.summary)
|
||
return sums;
|
||
},
|
||
//行拖拽
|
||
rowDrop() {
|
||
const _this=this
|
||
this.$nextTick(()=>{
|
||
const tbody = document.querySelector('.move-table .el-table__body-wrapper tbody')
|
||
Sortable.create(tbody, {
|
||
onEnd({ newIndex, oldIndex }) {
|
||
const currRow = _this.showTableColumns.splice(oldIndex, 1)[0]
|
||
_this.showTableColumns.splice(newIndex, 0, currRow)
|
||
console.log(_this.showTableColumns)
|
||
}
|
||
})
|
||
})
|
||
},
|
||
|
||
}
|
||
}
|
||
</script>
|
||
<style scoped>
|
||
.approve-box .sys-tabs .el-tabs__nav-wrap {
|
||
padding: 5px 20px 0px;
|
||
}
|
||
.approve-box .sys-tabs .el-tabs__item {
|
||
padding-top: 10px;
|
||
height: 50px;
|
||
}
|
||
.approve-box .el-timeline-item__content {
|
||
line-height: 1.5;
|
||
}
|
||
.approve-box .el-dialog__body {
|
||
padding-top: 0px;
|
||
}
|
||
</style>
|
||
<style>
|
||
.approve-box .sys-tabs .el-tabs__nav-wrap {
|
||
padding: 5px 20px 0px;
|
||
}
|
||
.approve-box .sys-tabs .el-tabs__item {
|
||
padding-top: 10px;
|
||
height: 50px;
|
||
}
|
||
.approve-box .el-timeline-item__content {
|
||
line-height: 1.5;
|
||
}
|
||
.approve-box .el-dialog__body {
|
||
padding-top: 0px;
|
||
}
|
||
.approve-form .el-form-item {
|
||
margin-bottom: 0px;
|
||
}
|
||
.approve-timeline .el-timeline-item__wrapper {
|
||
padding-top: 10px;
|
||
padding-left: 80px;
|
||
}
|
||
.approve-timeline .el-timeline-item__tail {
|
||
left: 30px;
|
||
border-left-width: 4px;
|
||
}
|
||
</style>
|
||
|
||
|
||
|
||
|
||
|