|
|
@@ -1,81 +1,181 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<el-button size="mini" type="primary" @click="dialogFormVisible = true" >新 建</el-button>
|
|
|
- <el-dialog title="新 建" :visible.sync="dialogFormVisible" width="500px" append-to-body>
|
|
|
- <div slot="title" style="font-size: 15px">
|
|
|
- 新增支出凭证
|
|
|
+ <el-drawer
|
|
|
+ title="创建支出凭证"
|
|
|
+ :visible.sync="dialogFormVisible"
|
|
|
+ size="35%"
|
|
|
+ direction="rtl"
|
|
|
+ append-to-body
|
|
|
+ @close="dialogFormVisible = false">
|
|
|
+ <div class="drawer__panel">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-form :model="form" :rules="rules" ref="form" label-width="120px" label-position="right" size="mini">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="经销商:" prop="sys_enterpriseid">
|
|
|
+ <el-input v-model="form.enterprisename" placeholder="请选择经销商" @focus="enterpriseList"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+<!-- <el-col :span="12">
|
|
|
+ <el-form-item label="营销账户" prop="sys_enterpriseid">
|
|
|
+ <el-select v-model="form.sa_accountclassid" placeholder="请选择营销账户">
|
|
|
+ <el-option
|
|
|
+ v-for="item in enterprises"
|
|
|
+ :key="item.sys_enterpriseid"
|
|
|
+ :label="item.enterprisename"
|
|
|
+ :value="item.sys_enterpriseid">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>-->
|
|
|
+ <el-col :span="12" >
|
|
|
+ <el-form-item label="营销账户类型:" prop="sa_accountclassid">
|
|
|
+ <el-select v-model="form.sa_accountclassid" placeholder="请选择营销账户类型" style="width: 100%">
|
|
|
+ <el-option
|
|
|
+
|
|
|
+ v-for="item in accountclass"
|
|
|
+ :key="item.sa_accountclassid"
|
|
|
+ :label="item.accountname"
|
|
|
+ :value="item.sa_accountclassid">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="支出金额:" prop="amount">
|
|
|
+ <el-input v-model="form.amount" placeholder="请输入支出金额"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="状态:" >
|
|
|
+ <el-input v-model="form.status" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="分类:" >
|
|
|
+ <el-select v-model="form.sa_accountclassid" placeholder="请选择分类" style="width: 100%">
|
|
|
+ <el-option
|
|
|
+ v-for="item in accountclass"
|
|
|
+ :key="item.sa_accountclassid"
|
|
|
+ :label="item.accountname"
|
|
|
+ :value="item.sa_accountclassid">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="分类明细:" >
|
|
|
+ <el-select v-model="form.sa_accountclassid" placeholder="请选择分类明细" style="width: 100%">
|
|
|
+ <el-option
|
|
|
+ v-for="item in accountclass"
|
|
|
+ :key="item.sa_accountclassid"
|
|
|
+ :label="item.accountname"
|
|
|
+ :value="item.sa_accountclassid">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="备注:" >
|
|
|
+ <el-input v-model="form.remarks" type="textarea" rows="5" placeholder="请输入备注信息"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-form>
|
|
|
+ </el-row>
|
|
|
</div>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-form :model="form" :rules="rules" ref="form" label-width="120px" label-position="right" size="mini">
|
|
|
- <el-col :span="20">
|
|
|
- <el-form-item label="合作企业" prop="sys_enterpriseid">
|
|
|
- <el-select v-model="form.sys_enterpriseid" placeholder="请选择合作企业">
|
|
|
- <el-option
|
|
|
- v-for="item in enterprises"
|
|
|
- :key="item.sys_enterpriseid"
|
|
|
- :label="item.enterprisename"
|
|
|
- :value="item.sys_enterpriseid">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="20" v-show="form.sys_enterpriseid !== ''">
|
|
|
- <el-form-item label="营销账户类型" prop="sa_accountclassid">
|
|
|
- <el-select v-model="form.sa_accountclassid" placeholder="请选择营销账户类型">
|
|
|
- <el-option
|
|
|
- v-for="item in accountclass"
|
|
|
- :key="item.sa_accountclassid"
|
|
|
- :label="item.accountname"
|
|
|
- :value="item.sa_accountclassid">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="20">
|
|
|
- <el-form-item label="支出金额" prop="amount">
|
|
|
- <el-input v-model="form.amount" placeholder="请输入支出金额"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="20">
|
|
|
- <el-form-item label="凭证来源" >
|
|
|
- <el-input v-model="form.source" placeholder="请输入凭证来源"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="20">
|
|
|
- <el-form-item label="凭证来源说明" >
|
|
|
- <el-input v-model="form.sourcenote" placeholder="请输入凭证来源说明"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="20">
|
|
|
- <el-form-item label="备注" >
|
|
|
- <el-input v-model="form.remarks" placeholder="请输入备注"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-form>
|
|
|
- </el-row>
|
|
|
- <div class="dialog-footer">
|
|
|
+ <div class="fixed__btn__panel">
|
|
|
<el-button size="small" @click="dialogFormVisible = false" class="normal-btn-width">取 消</el-button>
|
|
|
- <el-button size="small" type="warning" @click="onSubmit" class="normal-btn-width btn-warning">确 定</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="onSubmit" class="normal-btn-width">确 定</el-button>
|
|
|
</div>
|
|
|
- </el-dialog>
|
|
|
+ </el-drawer>
|
|
|
+ <enterprise
|
|
|
+ :visible="visibleEnterprise"
|
|
|
+ :index="index"
|
|
|
+ :sa_projectid="form.sa_projectid"
|
|
|
+ v-if="visibleEnterprise"
|
|
|
+ @onEnterprise="onEnterprise">
|
|
|
+ </enterprise>
|
|
|
+ <!-- <el-dialog title="新 建" :visible.sync="dialogFormVisible" width="500px" append-to-body>
|
|
|
+ <div slot="title" style="font-size: 15px">
|
|
|
+ 新增支出凭证
|
|
|
+ </div>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-form :model="form" :rules="rules" ref="form" label-width="120px" label-position="right" size="mini">
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-form-item label="合作企业" prop="sys_enterpriseid">
|
|
|
+ <el-select v-model="form.sys_enterpriseid" placeholder="请选择合作企业">
|
|
|
+ <el-option
|
|
|
+ v-for="item in enterprises"
|
|
|
+ :key="item.sys_enterpriseid"
|
|
|
+ :label="item.enterprisename"
|
|
|
+ :value="item.sys_enterpriseid">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20" v-show="form.sys_enterpriseid !== ''">
|
|
|
+ <el-form-item label="营销账户类型" prop="sa_accountclassid">
|
|
|
+ <el-select v-model="form.sa_accountclassid" placeholder="请选择营销账户类型">
|
|
|
+ <el-option
|
|
|
+ v-for="item in accountclass"
|
|
|
+ :key="item.sa_accountclassid"
|
|
|
+ :label="item.accountname"
|
|
|
+ :value="item.sa_accountclassid">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-form-item label="支出金额" prop="amount">
|
|
|
+ <el-input v-model="form.amount" placeholder="请输入支出金额"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-form-item label="凭证来源" >
|
|
|
+ <el-input v-model="form.source" placeholder="请输入凭证来源"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-form-item label="凭证来源说明" >
|
|
|
+ <el-input v-model="form.sourcenote" placeholder="请输入凭证来源说明"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-form-item label="备注" >
|
|
|
+ <el-input v-model="form.remarks" placeholder="请输入备注"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-form>
|
|
|
+ </el-row>
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <el-button size="small" @click="dialogFormVisible = false" class="normal-btn-width">取 消</el-button>
|
|
|
+ <el-button size="small" type="warning" @click="onSubmit" class="normal-btn-width btn-warning">确 定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>-->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import enterprise from '@/HDrpManagement/payvoucher/components/enterprise'
|
|
|
export default {
|
|
|
name: "add",
|
|
|
+ components:{enterprise},
|
|
|
data(){
|
|
|
return {
|
|
|
dialogFormVisible:false,
|
|
|
+ visibleEnterprise:false,
|
|
|
+ index:'',
|
|
|
form:{
|
|
|
sa_cashbillid:0,
|
|
|
+ enterprisename:'',
|
|
|
sys_enterpriseid:'',
|
|
|
sa_accountclassid:'',
|
|
|
type:0,
|
|
|
amount:'',
|
|
|
source:'',
|
|
|
sourcenote:'',
|
|
|
- remarks:''
|
|
|
+ remarks:'',
|
|
|
+ status:'新建'
|
|
|
},
|
|
|
rules:{
|
|
|
sys_enterpriseid:[
|
|
|
@@ -109,20 +209,18 @@ export default {
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
- async enterprisesList(){
|
|
|
- const res = await this.$api.requested({
|
|
|
- "id": "20221008164103",
|
|
|
- "version":1,
|
|
|
- "content": {
|
|
|
- "where":{
|
|
|
- "condition":""
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- console.log(res)
|
|
|
- this.enterprises = res.data
|
|
|
- console.log(this.enterprises)
|
|
|
+ enterpriseList(){
|
|
|
+ this.visibleEnterprise = true
|
|
|
},
|
|
|
+ /*经销商列表*/
|
|
|
+ onEnterprise(data){
|
|
|
+ this.visible = false
|
|
|
+ console.log("企业信息",data)
|
|
|
+ this.form.sys_enterpriseid = data.sys_enterpriseid
|
|
|
+ this.form.enterprisename = data.enterprisename
|
|
|
+
|
|
|
+ },
|
|
|
+ /*账户类型*/
|
|
|
async accountList(id){
|
|
|
const res = await this.$api.requested({
|
|
|
"id": "20221008164203",
|
|
|
@@ -133,10 +231,25 @@ export default {
|
|
|
})
|
|
|
console.log(res)
|
|
|
this.accountclass = res.data
|
|
|
+ },
|
|
|
+ /*分类*/
|
|
|
+ async classList(){
|
|
|
+ const res = await this.$api.requested({
|
|
|
+ "classname": "sysmanage.develop.optiontype.optiontype",
|
|
|
+ "method": "optiontypeselect",
|
|
|
+ "content": {
|
|
|
+ "pageNumber": 1,
|
|
|
+ "pageSize": 20,
|
|
|
+ "typename": "cashbillpaytype",
|
|
|
+ "parameter": {
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ console.log("支出凭证分类",res)
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
- this.enterprisesList()
|
|
|
+ this.classList()
|
|
|
},
|
|
|
watch:{
|
|
|
"form.sys_enterpriseid":function (val){
|