|
|
|
@ -3,6 +3,13 @@
|
|
|
|
|
<div class="JNPF-common-layout-center">
|
|
|
|
|
<el-row class="JNPF-common-search-box" :gutter="16">
|
|
|
|
|
<el-form @submit.native.prevent>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="制单时间">
|
|
|
|
|
<JnpfDateRangePicker v-model="query.preparationTime" format="yyyy-MM-dd"
|
|
|
|
|
startPlaceholder="开始日期" endPlaceholder="结束日期">
|
|
|
|
|
</JnpfDateRangePicker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="单据编号">
|
|
|
|
|
<el-input v-model="query.code" placeholder="请输入" clearable> </el-input>
|
|
|
|
@ -18,13 +25,6 @@
|
|
|
|
|
<el-input v-model="query.payer" placeholder="请输入" clearable> </el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item label="制单时间">
|
|
|
|
|
<JnpfDateRangePicker v-model="query.preparationTime" format="yyyy-MM-dd"
|
|
|
|
|
startPlaceholder="开始日期" endPlaceholder="结束日期">
|
|
|
|
|
</JnpfDateRangePicker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="6">
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="search()">查询</el-button>
|
|
|
|
@ -36,7 +36,8 @@
|
|
|
|
|
<div class="JNPF-common-layout-main JNPF-flex-main">
|
|
|
|
|
<div class="JNPF-common-head">
|
|
|
|
|
<div>
|
|
|
|
|
<el-button type="primary" icon="icon-ym icon-ym-btn-add" v-has="'btn_add'" @click="addOrUpdateHandle()">新增
|
|
|
|
|
<el-button type="primary" icon="icon-ym icon-ym-btn-add" v-has="'btn_add'"
|
|
|
|
|
@click="addOrUpdateHandle()">新增
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="JNPF-common-head-right">
|
|
|
|
@ -45,11 +46,13 @@
|
|
|
|
|
@click="openSuperQuery()" />
|
|
|
|
|
</el-tooltip>
|
|
|
|
|
<el-tooltip effect="dark" :content="$t('common.refresh')" placement="top">
|
|
|
|
|
<el-link icon="icon-ym icon-ym-Refresh JNPF-common-head-icon" :underline="false" @click="initData()" />
|
|
|
|
|
<el-link icon="icon-ym icon-ym-Refresh JNPF-common-head-icon" :underline="false"
|
|
|
|
|
@click="initData()" />
|
|
|
|
|
</el-tooltip>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<JNPF-table v-loading="listLoading" :data="list" @sort-change='sortChange' :span-method="arraySpanMethod" border>
|
|
|
|
|
<JNPF-table v-loading="listLoading" :data="list" @sort-change='sortChange'
|
|
|
|
|
:span-method="arraySpanMethod" border>
|
|
|
|
|
<el-table-column label="类型" prop="type" align="center" width="150" fixed="left">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row.type}}
|
|
|
|
@ -87,40 +90,42 @@
|
|
|
|
|
<el-button type="text" :disabled="[1,2,4,5].indexOf(scope.row.flowState)>-1"
|
|
|
|
|
@click="updateHandle(scope.row)" v-has="'btn_edit'">编辑
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button type="text" class="JNPF-table-delBtn" :disabled="[1,2,3,5].indexOf(scope.row.flowState)>-1"
|
|
|
|
|
v-has="'btn_remove'" @click="handleDel(scope.row.id)">删除
|
|
|
|
|
<el-button type="text" class="JNPF-table-delBtn"
|
|
|
|
|
:disabled="[1,2,3,5].indexOf(scope.row.flowState)>-1" v-has="'btn_remove'"
|
|
|
|
|
@click="handleDel(scope.row.id)">删除
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button size="mini" type="text" :disabled="!scope.row.flowState"
|
|
|
|
|
@click="updateHandle(scope.row,scope.row.flowState)">详情</el-button>
|
|
|
|
|
<el-button size="mini" type="text"
|
|
|
|
|
@click="downPayment(scope.row.id)">下载</el-button>
|
|
|
|
|
<el-button size="mini" type="text" @click="downPayment(scope.row.id)">下载</el-button>
|
|
|
|
|
<el-button type="text" @click="closeCaseHandle(scope.row)" v-has="'btn_edit'">结案
|
|
|
|
|
</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</JNPF-table>
|
|
|
|
|
<pagination :total="total" :page.sync="listQuery.currentPage" :limit.sync="listQuery.pageSize"
|
|
|
|
|
@pagination="initData" />
|
|
|
|
|
<pagination :total="total" :page.sync="listQuery.currentPage"
|
|
|
|
|
:limit.sync="listQuery.pageSize" @pagination="initData" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<JNPF-Form v-if="formVisible" ref="JNPFForm" @refresh="refresh" />
|
|
|
|
|
<ExportBox v-if="exportBoxVisible" ref="ExportBox" @download="download" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<FlowBox v-if="flowVisible" ref="FlowBox" @close="colseFlow" />
|
|
|
|
|
<el-dialog title="请选择流程" :close-on-click-modal="false" append-to-body :visible.sync="flowListVisible"
|
|
|
|
|
class="JNPF-dialog template-dialog JNPF-dialog_center" lock-scroll width="400px">
|
|
|
|
|
<el-dialog title="请选择流程" :close-on-click-modal="false" append-to-body
|
|
|
|
|
:visible.sync="flowListVisible" class="JNPF-dialog template-dialog JNPF-dialog_center"
|
|
|
|
|
lock-scroll width="400px">
|
|
|
|
|
<el-scrollbar class="template-list">
|
|
|
|
|
<div class="template-item" v-for="item in flowList" :key="item.id" @click="selectFlow(item)">{{item.fullName}}
|
|
|
|
|
<div class="template-item" v-for="item in flowList" :key="item.id"
|
|
|
|
|
@click="selectFlow(item)">{{item.fullName}}
|
|
|
|
|
</div>
|
|
|
|
|
</el-scrollbar>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
<JNPF-Form v-if="formVisible" ref="JNPFForm" @refresh="refresh" />
|
|
|
|
|
<ImportBox v-if="uploadBoxVisible" ref="UploadBox" @refresh="initData" />
|
|
|
|
|
<Detail v-if="detailVisible" ref="Detail" @refresh="detailVisible=false" />
|
|
|
|
|
<ToFormDetail v-if="toFormDetailVisible" ref="toFormDetail" @close="toFormDetailVisible = false" />
|
|
|
|
|
<SuperQuery v-if="superQueryVisible" ref="SuperQuery" :columnOptions="superQueryJson" @superQuery="superQuery" />
|
|
|
|
|
<ToFormDetail v-if="toFormDetailVisible" ref="toFormDetail"
|
|
|
|
|
@close="toFormDetailVisible = false" />
|
|
|
|
|
<SuperQuery v-if="superQueryVisible" ref="SuperQuery" :columnOptions="superQueryJson"
|
|
|
|
|
@superQuery="superQuery" />
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|