|
|
@@ -0,0 +1,186 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <el-dropdown size="small" split-button type="primary" @command="handleCommand">
|
|
|
+ 新 建
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <el-dropdown-item command="标准订单">标准订单</el-dropdown-item>
|
|
|
+ <el-dropdown-item command="项目订单">项目订单</el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>
|
|
|
+ <el-drawer
|
|
|
+ title="新建订单"
|
|
|
+ :visible.sync="drawer"
|
|
|
+ direction="rtl"
|
|
|
+ :show-close="false"
|
|
|
+ append-to-body
|
|
|
+ size="800px">
|
|
|
+ <div class="drawer__panel">
|
|
|
+ <el-row :gutter="15">
|
|
|
+ <el-form size="small" ref="form" :model="form" :rules="rules" label-width="100px" :status-icon="false">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="订单类型" prop="type">
|
|
|
+ <el-input readonly v-model="form.type" placeholder="订单类型" :maxlength="11" clearable :style="{width: '100%'}"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-if="form.type === '项目订单'" :span="12">
|
|
|
+ <el-form-item label="项目合同" prop="sa_contractid">
|
|
|
+ <el-popover
|
|
|
+ placement="bottom"
|
|
|
+ trigger="click"
|
|
|
+ v-model="visible">
|
|
|
+ <orderCanUseContract @rowClick="contractClick"></orderCanUseContract>
|
|
|
+ <el-input readonly v-model="form.contractname" slot="reference" placeholder="选择合同"></el-input>
|
|
|
+ </el-popover>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="选择品牌" prop="sa_brandid">
|
|
|
+ <el-select v-model="form.sa_brandid" placeholder="请选择选择品牌" clearable :style="{width: '100%'}">
|
|
|
+ <el-option v-for="(item, index) in sa_brandidOptions" :key="index" :label="item.brandname"
|
|
|
+ :value="item.sa_brandid" :disabled="item.disabled"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="选择领域" prop="tradefield">
|
|
|
+ <el-select v-model="form.tradefield" placeholder="请选择选择领域" clearable :style="{width: '100%'}">
|
|
|
+ <el-option v-for="(item, index) in tradefieldOptions" :key="index" :label="item.tradefield"
|
|
|
+ :value="item.tradefield" :disabled="item.disabled"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-form>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <div class="fixed__btn__panel">
|
|
|
+ <el-button class="normal-btn-width" type="primary" size="small" @click="submitForm">创 建</el-button>
|
|
|
+ <el-button class="normal-btn-width" size="small" @click="resetForm">重 置</el-button>
|
|
|
+ </div>
|
|
|
+ </el-drawer>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import enterprise from '@/template/enterprise/index.vue'
|
|
|
+import orderCanUseContract from '@/template/orderCanUseContract/index.vue'
|
|
|
+
|
|
|
+export default {
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ drawer:false,
|
|
|
+ visible:false,
|
|
|
+ form:{
|
|
|
+ "sa_orderid": 0,
|
|
|
+ "sys_enterpriseid": 0, //订货企业id,可不传,默认取当前账号的
|
|
|
+ "sa_accountclassid": 0, //营销账户类型ID
|
|
|
+ "sa_brandid": "", //品牌ID
|
|
|
+ "sa_contractid": 0, //合同ID,标准订单不传
|
|
|
+ "sa_projectid": 0, //工程项目表ID,标准订单不传
|
|
|
+ "sys_enterprise_financeid": 0, //合作企业财务信息ID(开票信息)
|
|
|
+ "sa_logiscompid": 0, //物流公司档案ID
|
|
|
+ "rec_contactsid": 0, //合作企业联系人表ID(收货信息)
|
|
|
+ "type": "", //订单类型
|
|
|
+ "typemx": "", //明细分类,可选
|
|
|
+ "remarks": "", //可选
|
|
|
+ "saler_hrid":0,//销售人员hrid,业务员hrid
|
|
|
+ "tradefield":"",//必选
|
|
|
+ "pay_enterpriseid": 1, //结算单位
|
|
|
+ "rebate_used":0,//默认0,是否使用返利金
|
|
|
+ "billdate":"",//单据日期,默认创建日期
|
|
|
+ "signbacknum":""
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ sa_brandid: [{
|
|
|
+ required: true,
|
|
|
+ message: '请选择选择品牌',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ tradefield: [{
|
|
|
+ required: true,
|
|
|
+ message: '请选择选择领域',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ typemx: [{
|
|
|
+ required: true,
|
|
|
+ message: '请选择选子分类',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ sys_enterpriseid:[{
|
|
|
+ required: true,
|
|
|
+ message: '订货企业不能为空',
|
|
|
+ trigger: 'blur'
|
|
|
+ }],
|
|
|
+ sa_contractid:[{
|
|
|
+ required: true,
|
|
|
+ message: '项目不能为空',
|
|
|
+ trigger: 'blur'
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ sa_brandidOptions: [],
|
|
|
+ tradefieldOptions: [],
|
|
|
+ typemxlist:[]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components:{
|
|
|
+ enterprise,
|
|
|
+ orderCanUseContract
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ handleCommand (command) {
|
|
|
+ this.drawer = true
|
|
|
+ this.form.type = command
|
|
|
+ this.pageData()
|
|
|
+ this.specordermx()
|
|
|
+ },
|
|
|
+ submitForm() {
|
|
|
+ this.$refs['form'].validate(async valid => {
|
|
|
+ if (!valid) return
|
|
|
+ const res = await this.$api.requested({
|
|
|
+ "id": 20221108111402,
|
|
|
+ "content":this.form
|
|
|
+ })
|
|
|
+ this.tool.showMessage(res,()=>{
|
|
|
+ this.drawer = false
|
|
|
+ this.$store.dispatch('changeDetailDrawer',true)
|
|
|
+ this.$router.push({path:'/orderdetail',query:{id:res.data.sa_orderid,rowindex:res.data.rowindex}})
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ async specordermx () {
|
|
|
+ const res = await this.$store.dispatch('optiontypeselect','specordermx')
|
|
|
+ this.typemxlist = res.data
|
|
|
+ },
|
|
|
+ resetForm() {
|
|
|
+ this.$refs['form'].resetFields()
|
|
|
+ },
|
|
|
+ async pageData () {
|
|
|
+ const res = await this.$api.requested({
|
|
|
+ "id": 20220924163702,
|
|
|
+ "content": {
|
|
|
+ "pageSize": 999,
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.sa_brandidOptions = res.data
|
|
|
+
|
|
|
+ const res1 = await this.$api.requested({
|
|
|
+ "id": 20221223141802,
|
|
|
+ "content": {
|
|
|
+ "pageSize": 999,
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.tradefieldOptions = res1.data
|
|
|
+ },
|
|
|
+ rowClick (row) {
|
|
|
+ this.form.sys_enterpriseid = row.sys_enterpriseid
|
|
|
+ },
|
|
|
+ contractClick (row) {
|
|
|
+ this.form.sa_contractid = row.sa_contractid
|
|
|
+ this.form.contractname = row.title === ''?'未知':row.title
|
|
|
+ this.visible = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+</style>
|