|
|
|
@ -224,7 +224,7 @@
|
|
|
|
|
>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="业务实体名称" prop="company">
|
|
|
|
|
<el-form-item label="业务实体" prop="company">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="form.company"
|
|
|
|
|
placeholder="请选择业务实体"
|
|
|
|
@ -242,6 +242,11 @@
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="凭证号" prop="voucherNum">
|
|
|
|
|
<el-input v-model="form.voucherNum" placeholder="请输入凭证号" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="凭证类型" prop="type">
|
|
|
|
|
<el-select v-model="form.type" placeholder="请选择凭证类型">
|
|
|
|
@ -256,17 +261,28 @@
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="审核人" prop="audit">
|
|
|
|
|
<el-input
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="form.audit"
|
|
|
|
|
placeholder="请选择审核人"
|
|
|
|
|
readonly
|
|
|
|
|
clearable
|
|
|
|
|
filterable
|
|
|
|
|
remote
|
|
|
|
|
:remote-method="getUserDatas"
|
|
|
|
|
:loading="loading"
|
|
|
|
|
placeholder="请选择或输入审核人"
|
|
|
|
|
class="formItemFullWidth"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in userOptions"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
:label="item.nickname"
|
|
|
|
|
:value="item.nickname"
|
|
|
|
|
>
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
<el-button
|
|
|
|
|
slot="append"
|
|
|
|
|
@click="handleSelectUser1"
|
|
|
|
|
icon="el-icon-search"
|
|
|
|
|
style="
|
|
|
|
@ -274,20 +290,32 @@
|
|
|
|
|
background-color: #46a6ff;
|
|
|
|
|
color: white;
|
|
|
|
|
"
|
|
|
|
|
></el-button>
|
|
|
|
|
</el-input>
|
|
|
|
|
>
|
|
|
|
|
</el-button>
|
|
|
|
|
<UserSelect ref="UserSelect1" @onSelected="onUserSelected1" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="核准人" prop="checker">
|
|
|
|
|
<el-input
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="form.checker"
|
|
|
|
|
placeholder="请选择审核人"
|
|
|
|
|
readonly
|
|
|
|
|
clearable
|
|
|
|
|
filterable
|
|
|
|
|
remote
|
|
|
|
|
:remote-method="getUserDatas"
|
|
|
|
|
:loading="loading"
|
|
|
|
|
placeholder="请选择或输入核准人"
|
|
|
|
|
class="formItemFullWidth"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in userOptions"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
:label="item.nickname"
|
|
|
|
|
:value="item.nickname"
|
|
|
|
|
>
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
<el-button
|
|
|
|
|
slot="append"
|
|
|
|
|
@click="handleSelectUser2"
|
|
|
|
|
icon="el-icon-search"
|
|
|
|
|
style="
|
|
|
|
@ -296,19 +324,30 @@
|
|
|
|
|
color: white;
|
|
|
|
|
"
|
|
|
|
|
></el-button>
|
|
|
|
|
</el-input>
|
|
|
|
|
<UserSelect ref="UserSelect2" @onSelected="onUserSelected2" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="经办人" prop="handle">
|
|
|
|
|
<el-input
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="form.handle"
|
|
|
|
|
placeholder="请选择审核人"
|
|
|
|
|
readonly
|
|
|
|
|
clearable
|
|
|
|
|
filterable
|
|
|
|
|
remote
|
|
|
|
|
:remote-method="getUserDatas"
|
|
|
|
|
:loading="loading"
|
|
|
|
|
placeholder="请选择或输入经办人"
|
|
|
|
|
class="formItemFullWidth"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in userOptions"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
:label="item.nickname"
|
|
|
|
|
:value="item.nickname"
|
|
|
|
|
>
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
<el-button
|
|
|
|
|
slot="append"
|
|
|
|
|
@click="handleSelectUser3"
|
|
|
|
|
icon="el-icon-search"
|
|
|
|
|
style="
|
|
|
|
@ -317,28 +356,11 @@
|
|
|
|
|
color: white;
|
|
|
|
|
"
|
|
|
|
|
></el-button>
|
|
|
|
|
</el-input>
|
|
|
|
|
<UserSelect ref="UserSelect3" @onSelected="onUserSelected3"
|
|
|
|
|
/></el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
|
|
<!-- 记账凭证 -->
|
|
|
|
|
<el-divider v-if="optType != 'add'">记账凭证</el-divider>
|
|
|
|
|
<el-form
|
|
|
|
|
ref="form"
|
|
|
|
|
:model="form"
|
|
|
|
|
:rules="rules"
|
|
|
|
|
label-width="100px"
|
|
|
|
|
:disabled="this.title === '查看会计凭证'"
|
|
|
|
|
>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="凭证号" prop="voucherNum">
|
|
|
|
|
<el-input v-model="form.voucherNum" placeholder="请输入凭证号" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="凭证日期" prop="voucherTime">
|
|
|
|
|
<el-date-picker
|
|
|
|
@ -350,20 +372,6 @@
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="纸档位置" prop="site">
|
|
|
|
|
<el-cascader
|
|
|
|
|
v-model="siteArray"
|
|
|
|
|
:options="siteOptions"
|
|
|
|
|
:props="propName"
|
|
|
|
|
placeholder="请选择纸档位置"
|
|
|
|
|
clearable
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="会计年度" prop="year">
|
|
|
|
|
<el-date-picker
|
|
|
|
@ -376,9 +384,6 @@
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="会计期间" prop="period">
|
|
|
|
|
<el-date-picker
|
|
|
|
@ -392,12 +397,28 @@
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="摘要" prop="digest">
|
|
|
|
|
<el-input v-model="form.digest" placeholder="请输入摘要" />
|
|
|
|
|
<el-form-item label="纸档位置" prop="site">
|
|
|
|
|
<el-cascader
|
|
|
|
|
v-model="siteArray"
|
|
|
|
|
:options="siteOptions"
|
|
|
|
|
:props="propName"
|
|
|
|
|
placeholder="请选择纸档位置"
|
|
|
|
|
clearable
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-form-item label="摘要" prop="digest">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="form.digest"
|
|
|
|
|
type="textarea"
|
|
|
|
|
placeholder="请输入摘要"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="备注" prop="remark">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="form.remark"
|
|
|
|
@ -406,6 +427,9 @@
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
|
|
<!-- 记账凭证 -->
|
|
|
|
|
<el-divider v-if="optType != 'add'">记账凭证</el-divider>
|
|
|
|
|
<el-table :data="tableData" style="width: 100%" v-if="optType != 'add'">
|
|
|
|
|
<el-table-column prop="digest" label="摘要" width="180" />
|
|
|
|
|
<el-table-column prop="subjectCode" label="科目代码" width="180" />
|
|
|
|
@ -1321,6 +1345,7 @@ import { getInvoicesPage, getInvoices } from "@/api/accounting/invoices";
|
|
|
|
|
import { getBankSlipPage, getBankSlip } from "@/api/accounting/bankSlip";
|
|
|
|
|
import UserSelect from "@/components/UserSelect/single.vue";
|
|
|
|
|
import { getOrganizationPage } from "@/api/setting/organization";
|
|
|
|
|
import { listSimpleUsers } from "@/api/system/user";
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: "Voucher",
|
|
|
|
@ -1411,9 +1436,21 @@ export default {
|
|
|
|
|
inputPassword: [
|
|
|
|
|
{ required: true, message: "密码不能为空", trigger: "blur" },
|
|
|
|
|
],
|
|
|
|
|
company: [
|
|
|
|
|
{ required: true, message: "业务实体不能为空", trigger: "blur" },
|
|
|
|
|
],
|
|
|
|
|
voucherNum: [
|
|
|
|
|
{ required: true, message: "凭证号不能为空", trigger: "blur" },
|
|
|
|
|
],
|
|
|
|
|
type: [
|
|
|
|
|
{ required: true, message: "凭证类型不能为空", trigger: "blur" },
|
|
|
|
|
],
|
|
|
|
|
year: [
|
|
|
|
|
{ required: true, message: "会计年度不能为空", trigger: "blur" },
|
|
|
|
|
],
|
|
|
|
|
period: [
|
|
|
|
|
{ required: true, message: "会计期间不能为空", trigger: "blur" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
siteOptions: [], //归档位置数据
|
|
|
|
|
siteArray: [], //归档位置选中值
|
|
|
|
@ -1423,6 +1460,7 @@ export default {
|
|
|
|
|
invoiceStateOptions: [], //发票状态
|
|
|
|
|
inOrOutOptions: [], //发票进销项
|
|
|
|
|
invoicesDuplicateOptions: [], //发票查重
|
|
|
|
|
userOptions: [], //人员选项
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
@ -1430,6 +1468,7 @@ export default {
|
|
|
|
|
this.getSiteList();
|
|
|
|
|
this.handleInitList();
|
|
|
|
|
this.getOrganizationList();
|
|
|
|
|
this.getUserDatas();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
/** 查询列表 */
|
|
|
|
@ -1448,6 +1487,16 @@ export default {
|
|
|
|
|
this.tableData = response.data.list;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
/* 获取人员选项列表 */
|
|
|
|
|
getUserDatas(key) {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
listSimpleUsers({
|
|
|
|
|
nickname: key || "", // 关键字参数
|
|
|
|
|
}).then((res) => {
|
|
|
|
|
this.loading = false;
|
|
|
|
|
this.userOptions = res.data;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
/**
|
|
|
|
|
* 文件预览
|
|
|
|
|
* @param fileUrl
|
|
|
|
|