|
@@ -0,0 +1,668 @@
|
|
|
+<template>
|
|
|
+ <div class="form-submit">
|
|
|
+ <div class="i-layout-page-header">
|
|
|
+ <PageHeader class="product_tabs" hidden-breadcrumb>
|
|
|
+ <div slot="title">
|
|
|
+ <router-link :to="{ path: `${roterPre}/erp/purchase_list` }">
|
|
|
+ <!-- <Button icon="ios-arrow-back" size="small" class="mr20"
|
|
|
+ >返回</Button
|
|
|
+ > -->
|
|
|
+ <div class="font-sm after-line">
|
|
|
+ <span class="iconfont iconfanhui"></span>
|
|
|
+ <span class="pl10">返回</span>
|
|
|
+ </div>
|
|
|
+ </router-link>
|
|
|
+ <span v-text="
|
|
|
+ $route.params.id !== '0' ? '编辑采购单' : '添加采购单'
|
|
|
+ " class="mr20 ml16"></span>
|
|
|
+ </div>
|
|
|
+ </PageHeader>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <Card :bordered="false" dis-hover class="ivu-mt">
|
|
|
+ <div class="new_tab" v-if="formValidate.id == 0">
|
|
|
+ <Tabs v-model="currentTab" @on-click="onClickTab">
|
|
|
+ <TabPane label="自建采购单" name="0" />
|
|
|
+ <TabPane label="库间流转" name="1" />
|
|
|
+ <TabPane label="商品在途" name="2" />
|
|
|
+ </Tabs>
|
|
|
+ </div>
|
|
|
+ <Form v-if="currentTab == 0" class="formValidate mt20" ref="formValidate" :rules="ruleValidate"
|
|
|
+ :model="formValidate" :label-width="labelWidth" :label-position="labelPosition" @submit.native.prevent>
|
|
|
+ <Row :gutter="24" type="flex">
|
|
|
+ <Col span="24">
|
|
|
+ <FormItem label="仓库:" prop="wid">
|
|
|
+ <el-cascader placeholder="请选择仓库" class="input-add" size="mini" v-model="formValidate.wid"
|
|
|
+ :options="data1" :props="props" @change="userSearchss" filterable clearable v-width="'400'">
|
|
|
+ </el-cascader>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ <Col span="24">
|
|
|
+ <FormItem label="供应商:" prop="supplier_id" label-for="supplier_id">
|
|
|
+ <Select v-model="formValidate.supplier_id" @on-change="userSearchsss" clearable
|
|
|
+ class="input-add">
|
|
|
+ <Option v-for="item in supplierList" :value="item.id" :key="item.id">
|
|
|
+ {{ item.supplier_name }}
|
|
|
+ </Option>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ <Col span="24">
|
|
|
+ <FormItem label="商品:" prop="goods">
|
|
|
+ <Table :columns="formValidate.id == 0 ?columns:columnss" :data="chooseGoods" ref="table"
|
|
|
+ :loading="loading" no-userFrom-text="暂无数据" no-filtered-userFrom-text="暂无筛选结果">
|
|
|
+ <template slot-scope="{ row,index }" slot="product_num">
|
|
|
+ <Input v-model="chooseGoods[index].product_num" placeholder="请输入要货数量" v-width="'150'"
|
|
|
+ type="number" />
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{ row,index }" slot="unit_type">
|
|
|
+ <Select v-model="chooseGoods[index].unit_type" style="width:200px">
|
|
|
+ <Option v-for="item in row.unitList" :value="item.value" :key="item.value">
|
|
|
+ {{ item.label }}
|
|
|
+ </Option>
|
|
|
+ </Select>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{ row,index }" slot="unit_types">
|
|
|
+ {{row.unit_name}}
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{ row,index }" slot="store_num">
|
|
|
+ <span> {{ row.my.stock }}{{row.my.unit_name}}</span>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{ row, index }" slot="action">
|
|
|
+ <a @click="del(index)">删除</a>
|
|
|
+ </template>
|
|
|
+ <!-- <template slot-scope="{ row }" slot="product">
|
|
|
+ <div class="product">
|
|
|
+ <div class="image" v-viewer>
|
|
|
+ <img v-lazy="row.image">
|
|
|
+ </div>
|
|
|
+ <div class="title">{{ row.store_name }}</div>
|
|
|
+ </div>
|
|
|
+ </template> -->
|
|
|
+ </Table>
|
|
|
+ <Button type="primary" class="submission" style="margin-top:20px;" @click="getGoods()"
|
|
|
+ v-if="formValidate.id == 0">选择商品</Button>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </Form>
|
|
|
+ <Form v-if="currentTab == 1" class="formValidate mt20" ref="formValidate" :rules="ruleValidate"
|
|
|
+ :model="formValidate" :label-width="labelWidth" :label-position="labelPosition" @submit.native.prevent >
|
|
|
+ <Row :gutter="24" type="flex">
|
|
|
+ <Col span="24">
|
|
|
+ <FormItem label="仓库:" prop="wid">
|
|
|
+ <el-cascader placeholder="请选择仓库" class="input-add" size="mini" v-model="formValidate.wid"
|
|
|
+ :options="data1" :props="props" @change="chooseWid" filterable clearable v-width="'400'">
|
|
|
+ </el-cascader>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ <Col span="24">
|
|
|
+ <FormItem label="供应商:" prop="supplier_id" label-for="supplier_id">
|
|
|
+ <Select v-model="formValidate.supplier_id" @on-change="userSearchsss" clearable
|
|
|
+ class="input-add">
|
|
|
+ <Option v-for="item in supplierList" :value="item.id" :key="item.id">
|
|
|
+ {{ item.supplier_name }}
|
|
|
+ </Option>
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ <Col span="24">
|
|
|
+ <FormItem label="商品:" prop="goods" >
|
|
|
+ <Table :columns="formValidate.id == 0 ?columns_1:columnss" :data="goods" ref="table"
|
|
|
+ :loading="loading" no-userFrom-text="暂无数据" no-filtered-userFrom-text="暂无筛选结果" @on-selection-change="change">
|
|
|
+ <template slot-scope="{ row,index }" slot="product_num">
|
|
|
+ <Input v-model="goods[index].want_product_num" placeholder="请输入要货数量" v-width="'150'"
|
|
|
+ type="number" />
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{ row,index }" slot="unit_type">
|
|
|
+ <Select v-model="goods[index].unit_type" style="width:200px">
|
|
|
+ <Option v-for="item in row.unitList" :value="item.value" :key="item.value">
|
|
|
+ {{ item.label }}
|
|
|
+ </Option>
|
|
|
+ </Select>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{ row,index }" slot="unit_types">
|
|
|
+ {{row.unit_name}}
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{ row,index }" slot="store_num">
|
|
|
+ <span> {{ row.my.stock }}{{row.my.unit_name}}</span>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{ row, index }" slot="action">
|
|
|
+ <a @click="del(index)">删除</a>
|
|
|
+ </template>
|
|
|
+ <!-- <template slot-scope="{ row }" slot="product">
|
|
|
+ <div class="product">
|
|
|
+ <div class="image" v-viewer>
|
|
|
+ <img v-lazy="row.image">
|
|
|
+ </div>
|
|
|
+ <div class="title">{{ row.store_name }}</div>
|
|
|
+ </div>
|
|
|
+ </template> -->
|
|
|
+ </Table>
|
|
|
+ </FormItem>
|
|
|
+ </Col>
|
|
|
+ </Row>
|
|
|
+ </Form>
|
|
|
+ </Card>
|
|
|
+
|
|
|
+ <Card :bordered="false" dis-hover class="fixed-card"
|
|
|
+ :style="{ left: `${!menuCollapse ? '200px' : isMobile ? '0' : '80px'}` }">
|
|
|
+ <Form>
|
|
|
+ <FormItem>
|
|
|
+ <Button type="primary" class="submission" @click="handleSubmit('formValidate')">保存</Button>
|
|
|
+ </FormItem>
|
|
|
+ </Form>
|
|
|
+ </Card>
|
|
|
+ <good-detail ref="goodDetail" @setGoods="setGoods"></good-detail>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import {
|
|
|
+ mapState,
|
|
|
+ mapMutations
|
|
|
+ } from "vuex";
|
|
|
+ import {
|
|
|
+ staffListInfo
|
|
|
+ } from "@/api/store";
|
|
|
+ import {
|
|
|
+ getGodownList,
|
|
|
+ createGodown,
|
|
|
+ getGodownInfo,
|
|
|
+ getUserList,
|
|
|
+ getOutGoods,
|
|
|
+ createPurchase,
|
|
|
+ getWantInfo,
|
|
|
+ getPurchaseGoods
|
|
|
+ } from "@/api/erp";
|
|
|
+ import {
|
|
|
+ keyApi,
|
|
|
+ storeGetInfoApi,
|
|
|
+ cityApi,
|
|
|
+ storeUpdateApi,
|
|
|
+ cascaderList
|
|
|
+ } from '@/api/store';
|
|
|
+ import {
|
|
|
+ productSpecs,
|
|
|
+ productSpecsInfo
|
|
|
+ } from "@/api/product";
|
|
|
+
|
|
|
+ import {
|
|
|
+ getSupplierList
|
|
|
+ } from '@/api/supplier'
|
|
|
+ import Setting from "@/setting";
|
|
|
+
|
|
|
+ import goodDetail from '@/components/goodDetail.vue'
|
|
|
+ export default {
|
|
|
+ name: "specsAdd",
|
|
|
+ components: {
|
|
|
+ goodDetail
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ goods: [],
|
|
|
+ currentTab: 0,
|
|
|
+ supplierList: [],
|
|
|
+ loading: false,
|
|
|
+ authList: [],
|
|
|
+ columnss: [{
|
|
|
+ title: '商品名称',
|
|
|
+ key: 'product_name',
|
|
|
+ minWidth: 160
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '要货数量',
|
|
|
+ slot: 'product_num',
|
|
|
+ minWidth: 90
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '要货单位',
|
|
|
+ slot: 'unit_types',
|
|
|
+ minWidth: 150
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '操作',
|
|
|
+ slot: 'action',
|
|
|
+ minWidth: 120
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ columns: [{
|
|
|
+ title: '商品名称',
|
|
|
+ key: 'product_name',
|
|
|
+ minWidth: 160
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '数量',
|
|
|
+ slot: 'product_num',
|
|
|
+ minWidth: 90
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '单位',
|
|
|
+ slot: 'unit_type',
|
|
|
+ minWidth: 150
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '操作',
|
|
|
+ slot: 'action',
|
|
|
+ minWidth: 120
|
|
|
+ },
|
|
|
+
|
|
|
+ ],
|
|
|
+ columns_1: [{
|
|
|
+ type: 'selection',
|
|
|
+ width: 60,
|
|
|
+ align: 'center'
|
|
|
+ }, {
|
|
|
+ title: '商品名称',
|
|
|
+ key: 'product_name',
|
|
|
+ minWidth: 160
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '数量',
|
|
|
+ slot: 'product_num',
|
|
|
+ minWidth: 90
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '单位',
|
|
|
+ slot: 'unit_types',
|
|
|
+ minWidth: 150
|
|
|
+ },
|
|
|
+
|
|
|
+ ],
|
|
|
+ chooseGoods: [],
|
|
|
+ staffData: [],
|
|
|
+ addresData: [],
|
|
|
+ props: {
|
|
|
+ emitPath: false,
|
|
|
+ multiple: false,
|
|
|
+ checkStrictly: true,
|
|
|
+ value: "id",
|
|
|
+ label: "title"
|
|
|
+ },
|
|
|
+ propss: {
|
|
|
+ emitPath: false,
|
|
|
+ multiple: false,
|
|
|
+ checkStrictly: true,
|
|
|
+ value: "id",
|
|
|
+ label: "name"
|
|
|
+ },
|
|
|
+ propsss: {
|
|
|
+ emitPath: false,
|
|
|
+ multiple: false,
|
|
|
+ checkStrictly: true,
|
|
|
+ value: "id",
|
|
|
+ label: "staff_name"
|
|
|
+ },
|
|
|
+ roterPre: Setting.roterPre,
|
|
|
+ data1: [],
|
|
|
+ grid: {
|
|
|
+ xl: 7,
|
|
|
+ lg: 7,
|
|
|
+ md: 12,
|
|
|
+ sm: 24,
|
|
|
+ xs: 24,
|
|
|
+ },
|
|
|
+ formValidate: {
|
|
|
+ id: 0,
|
|
|
+ wid: 0,
|
|
|
+ goods: [],
|
|
|
+ supplier_id: 0
|
|
|
+ },
|
|
|
+ ruleValidate: {
|
|
|
+ supplier_id: [{
|
|
|
+ type: "number",
|
|
|
+ required: true,
|
|
|
+ message: "请选择供应商",
|
|
|
+ trigger: "blur"
|
|
|
+ }, ],
|
|
|
+ wid: [{
|
|
|
+ type: "number",
|
|
|
+ required: true,
|
|
|
+ message: "请选择仓库",
|
|
|
+ trigger: "blur"
|
|
|
+ }, ],
|
|
|
+ // create_uid: [{
|
|
|
+ // type: "number",
|
|
|
+ // required: true,
|
|
|
+ // message: "请选择创建人",
|
|
|
+ // trigger: "blur"
|
|
|
+ // }, ],
|
|
|
+ // goods: [{
|
|
|
+ // type: "array",
|
|
|
+ // required: true,
|
|
|
+ // message: "请选择商品",
|
|
|
+ // trigger: "change"
|
|
|
+ // }, ],
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapState("admin/layout", ["isMobile", "menuCollapse"]),
|
|
|
+ labelWidth() {
|
|
|
+ return this.isMobile ? undefined : 120;
|
|
|
+ },
|
|
|
+ labelPosition() {
|
|
|
+ return this.isMobile ? "top" : "right";
|
|
|
+ },
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ mounted() {
|
|
|
+ this.getGodownList()
|
|
|
+ this.getSupplierList()
|
|
|
+ },
|
|
|
+ destroyed() {
|
|
|
+ // this.setCopyrightShow({
|
|
|
+ // value: true
|
|
|
+ // });
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ ...mapMutations("admin/layout", ["setCopyrightShow"]),
|
|
|
+ change(e) {
|
|
|
+ console.log(e);
|
|
|
+ },
|
|
|
+ chooseWid(e) {
|
|
|
+ this.goods = []
|
|
|
+ if(e) {
|
|
|
+ getPurchaseGoods({
|
|
|
+ wid: e
|
|
|
+ }).then(res => {
|
|
|
+ this.goods = res.data[0].data
|
|
|
+ console.log(this.goods,'params');
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ onClickTab(e) {
|
|
|
+ console.log(e);
|
|
|
+ this.currentTab = e
|
|
|
+ },
|
|
|
+ //获取供应商列表;
|
|
|
+ getSupplierList() {
|
|
|
+ getSupplierList()
|
|
|
+ .then(async (res) => {
|
|
|
+ this.supplierList = res.data;
|
|
|
+ })
|
|
|
+ .catch((res) => {
|
|
|
+ this.$Message.error(res.msg);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getWantInfo(id) {
|
|
|
+ getWantInfo(id).then(res => {
|
|
|
+ let data = res.data
|
|
|
+ this.formValidate.id = data.id
|
|
|
+ this.formValidate.create_uid = data.create_uid
|
|
|
+ this.chooseGoods = data.info
|
|
|
+ this.formValidate.store_id = data.store_id
|
|
|
+ if (data.wid) {
|
|
|
+ this.formValidate.type = 0
|
|
|
+ this.formValidate.wid = data.wid
|
|
|
+ this.getUserList()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ resetGoods(e, type) {
|
|
|
+ let arr = e.map(item => {
|
|
|
+ item.unitList = [{
|
|
|
+ value: 0,
|
|
|
+ label: item.info.unit_name
|
|
|
+ }]
|
|
|
+ if (item.info.unit_name_1) {
|
|
|
+ item.unitList.push({
|
|
|
+ value: 1,
|
|
|
+ label: item.info.unit_name_1
|
|
|
+ })
|
|
|
+ }
|
|
|
+ if (item.info.unit_name_2) {
|
|
|
+ item.unitList.push({
|
|
|
+ value: 2,
|
|
|
+ label: item.info.unit_name_1
|
|
|
+ })
|
|
|
+ }
|
|
|
+ if (type == 're') {
|
|
|
+ item.product_num = 0
|
|
|
+ }
|
|
|
+ return item
|
|
|
+ })
|
|
|
+ return arr
|
|
|
+ },
|
|
|
+ setGoods(e) {
|
|
|
+ this.chooseGoods = this.chooseGoods.concat(this.resetGoods(e, 're'))
|
|
|
+ },
|
|
|
+ getGoods() {
|
|
|
+ if (this.formValidate.wid == 0) {
|
|
|
+ return this.$Message.error('请选择仓库');
|
|
|
+ }
|
|
|
+ this.$refs.goodDetail.clearChoose()
|
|
|
+ this.$refs.goodDetail.modals = true;
|
|
|
+ this.$refs.goodDetail.formValidate.type = 0
|
|
|
+ this.$refs.goodDetail.formValidate.wid = this.formValidate.wid
|
|
|
+ },
|
|
|
+ getUserList() {
|
|
|
+ getUserList({
|
|
|
+ wid: this.formValidate.wid
|
|
|
+ }).then(res => {
|
|
|
+ // console.log(res);
|
|
|
+ this.authList = res.data.data
|
|
|
+ // .map(item => {
|
|
|
+ // item.id += ''
|
|
|
+ // return item
|
|
|
+ // });
|
|
|
+ })
|
|
|
+ },
|
|
|
+ staffList() {
|
|
|
+ staffListInfo()
|
|
|
+ .then((res) => {
|
|
|
+ this.staffData = res.data
|
|
|
+ // .map(item => {
|
|
|
+ // item.id += ''
|
|
|
+ // return item
|
|
|
+ // });
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$Message.error(err.msg);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getGodownInfo(id) {
|
|
|
+ getGodownInfo(id).then(res => {
|
|
|
+ this.formValidate = res.data
|
|
|
+ this.formValidate.addressSelect = this.formValidate.addressSelect.map(item => item * 1)
|
|
|
+ console.log(this.formValidate.addressSelect);
|
|
|
+ })
|
|
|
+ },
|
|
|
+ addchack(e, selectedData) {
|
|
|
+ console.log(selectedData, 'selectedData');
|
|
|
+ e.forEach((i, index) => {
|
|
|
+ if (index == 0) {
|
|
|
+ this.formValidate.province = i
|
|
|
+ } else if (index == 1) {
|
|
|
+ this.formValidate.city = i
|
|
|
+ } else if (index == 2) {
|
|
|
+ this.formValidate.area = i
|
|
|
+ } else {
|
|
|
+ this.formValidate.street = i
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.formValidate.address = (selectedData.map(o => o.label)).join('/')
|
|
|
+ // console.log('this.formValidate.addressSelect',this.formValidate.addressSelect);
|
|
|
+
|
|
|
+ },
|
|
|
+ cityInfo(data) {
|
|
|
+ cityApi(data).then(res => {
|
|
|
+ this.addresData = res.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ loadData(item, callback) {
|
|
|
+ item.loading = true;
|
|
|
+ cityApi({
|
|
|
+ pid: item.value
|
|
|
+ }).then(res => {
|
|
|
+ item.children = res.data;
|
|
|
+ item.loading = false;
|
|
|
+ callback();
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ getGodownList() {
|
|
|
+ getGodownList().then(res => {
|
|
|
+ console.log(res);
|
|
|
+ this.data1 = res.data.data
|
|
|
+ // .map(item => {
|
|
|
+ // item.id += ''
|
|
|
+ // return item
|
|
|
+ // });
|
|
|
+ })
|
|
|
+ },
|
|
|
+ del(index) {
|
|
|
+ this.chooseGoods.splice(index, 1);
|
|
|
+ },
|
|
|
+ userSearchs(e) {
|
|
|
+
|
|
|
+ },
|
|
|
+ userSearchsss(e) {
|
|
|
+
|
|
|
+ },
|
|
|
+ userSearchss(e) {
|
|
|
+ this.formValidate.create_uid = "";
|
|
|
+ this.authList = []
|
|
|
+ this.goods = []
|
|
|
+ this.getUserList()
|
|
|
+ },
|
|
|
+ // 处理goods数据
|
|
|
+ handleGoods(list) {
|
|
|
+ let arr = []
|
|
|
+ let arr1 = JSON.parse(JSON.stringify(list))
|
|
|
+ let uniqueArray = arr1.filter(function(item, index, self) {
|
|
|
+ return !self.slice(index + 1).some(function(otherItem) {
|
|
|
+ return item.product_id === otherItem.product_id && item.unit_type === otherItem
|
|
|
+ .unit_type;
|
|
|
+ });
|
|
|
+ });
|
|
|
+ arr = uniqueArray.map(item => {
|
|
|
+ let want = 0;
|
|
|
+ for (let i = 0; i < arr1.length; i++) {
|
|
|
+ if (item.product_id === arr1[i].product_id && item.unit_type === arr1[i].unit_type) {
|
|
|
+ console.log(arr1[i].product_num * 1, i, 'i');
|
|
|
+ want += arr1[i].product_num * 1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ item.product_num = want
|
|
|
+ return item
|
|
|
+ })
|
|
|
+ return arr.map(item => {
|
|
|
+ item.unit_name = item.info['unit_name' + (item.unit_type == 0 ? '' : (item.unit_type == 1 ?
|
|
|
+ "_1" : "_2"))]
|
|
|
+ return item
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleSubmit(name) {
|
|
|
+ if(this.currentTab == 0) {
|
|
|
+ if (this.formValidate.id == 0) {
|
|
|
+ this.formValidate.goods = this.handleGoods(this.chooseGoods)
|
|
|
+ } else {
|
|
|
+ this.formValidate.goods = this.chooseGoods
|
|
|
+ }
|
|
|
+ }else {
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ this.$refs[name].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.formValidate.id = this.$route.query.id;
|
|
|
+
|
|
|
+ createPurchase(this.formValidate.id, {
|
|
|
+ wid: this.formValidate.wid,
|
|
|
+ products: this.formValidate.goods,
|
|
|
+ supplier_id: this.formValidate.supplier_id
|
|
|
+ }).then(res => {
|
|
|
+ this.$Message.success(res.msg);
|
|
|
+ this.$router.push({
|
|
|
+ path: this.roterPre + "/erp/purchase_list"
|
|
|
+ });
|
|
|
+ }).catch(err => {
|
|
|
+ this.$Message.error(err.msg);
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ // this.$Message.error("请输入参数模板名称");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+ };
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="stylus">
|
|
|
+ .table {
|
|
|
+ /deep/.ivu-table-header table {
|
|
|
+ border: 0 !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ivu-table-header thead tr th:nth-of-type(1) {
|
|
|
+ padding-left: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ivu-table td:nth-of-type(1) {
|
|
|
+ padding-left: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ivu-table-cell {
|
|
|
+ padding: 0 !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ivu-table-border th,
|
|
|
+ /deep/.ivu-table-border td {
|
|
|
+ border-right: unset;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.ivu-table td {
|
|
|
+ height: 59px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .form-submit {
|
|
|
+ /deep/.ivu-card {
|
|
|
+ border-radius: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ margin-bottom: 79px;
|
|
|
+
|
|
|
+ .fixed-card {
|
|
|
+ position: fixed;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 200px;
|
|
|
+ z-index: 99;
|
|
|
+ box-shadow: 0 -1px 2px rgb(240, 240, 240);
|
|
|
+
|
|
|
+ /deep/ .ivu-card-body {
|
|
|
+ padding: 15px 16px 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ivu-form-item {
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .ivu-form-item-content {
|
|
|
+ margin-right: 124px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ivu-btn {
|
|
|
+ height: 36px;
|
|
|
+ padding: 0 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .after-line {
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+ margin-right: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ml16 {
|
|
|
+ margin-left: 16px;
|
|
|
+ }
|
|
|
+</style>
|