|
|
@@ -1,274 +1,328 @@
|
|
|
<template>
|
|
|
- <div class="goodsCost pagePadding">
|
|
|
- <ex-table
|
|
|
- v-loading="loading"
|
|
|
- v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
|
|
|
- :table="table"
|
|
|
- :data="tableData"
|
|
|
- :columns="columns"
|
|
|
- :page="pageInfo"
|
|
|
- :size="size"
|
|
|
- @page-curr-change="handlePageChange"
|
|
|
- @page-size-change="handleSizeChange"
|
|
|
- @screen-reset="
|
|
|
- pageInfo.curr = 1;
|
|
|
- parmValue.page = 1;
|
|
|
- searchList();
|
|
|
- "
|
|
|
- @screen-submit="
|
|
|
- pageInfo.curr = 1;
|
|
|
- parmValue.page = 1;
|
|
|
- searchList();
|
|
|
- "
|
|
|
- @selection="selection_change"
|
|
|
- >
|
|
|
- <template #table-header="{}">
|
|
|
- <div style="width: 100%">
|
|
|
- <el-row style="padding: 0 0 10px 80px">
|
|
|
- <el-col :span="6" style="width: 303px">
|
|
|
- <period-date-picker
|
|
|
- :type="1"
|
|
|
- :width="'135px'"
|
|
|
- :size="searchSize"
|
|
|
- :start="parmValue.start"
|
|
|
- :end="parmValue.end"
|
|
|
- @timeReturned="handleTime"
|
|
|
- />
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" style="width: 135px">
|
|
|
- <search-brand
|
|
|
- :value="brandid"
|
|
|
- :disabled="false"
|
|
|
- :size="'mini'"
|
|
|
- :isDetail="false"
|
|
|
- :names="''"
|
|
|
- :placeholder="'商品品牌'"
|
|
|
- @searchChange="brandidsearchChange"
|
|
|
- />
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" style="width: 310px; padding: 0 0 0 10px">
|
|
|
- <good-class
|
|
|
- :value="parmValue.cat_id"
|
|
|
- @handleChange="goods_class_change"
|
|
|
- :disabled="false"
|
|
|
- :size="searchSize"
|
|
|
- :isDetail="false"
|
|
|
- :placeholder="'分类'"
|
|
|
- />
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col
|
|
|
- :span="3"
|
|
|
- class="fr"
|
|
|
- style="width: 66px; padding: 0 0 0 10px"
|
|
|
- >
|
|
|
- <el-button type="primary" :size="searchSize" @click="searchList">
|
|
|
- 刷新
|
|
|
- </el-button>
|
|
|
- </el-col>
|
|
|
- <el-col
|
|
|
- :span="3"
|
|
|
- class="fr"
|
|
|
- style="width: 66px; padding: 0 0 0 10px"
|
|
|
- >
|
|
|
- <el-button type="warning" :size="searchSize" @click="restSearch">
|
|
|
- 重置
|
|
|
- </el-button>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="4" style="width: 226px">
|
|
|
+ <div class="box">
|
|
|
+ <!-- <template #table-header="{}">
|
|
|
+ <div class="searchBox">
|
|
|
+ <el-form
|
|
|
+ ref="form"
|
|
|
+ :model="ruleForm"
|
|
|
+ label-width="80px"
|
|
|
+ size="medium "
|
|
|
+ class="form"
|
|
|
+ >
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item label="销售方" prop="status" label-width="100px">
|
|
|
<el-select
|
|
|
- v-model="parmValue.status"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- :size="searchSize"
|
|
|
- placeholder="状态"
|
|
|
+ v-model="ruleForm.status"
|
|
|
style="width: 100%"
|
|
|
- @change="
|
|
|
- pageInfo.curr = 1;
|
|
|
- parmValue.page = 1;
|
|
|
- searchList();
|
|
|
- "
|
|
|
+ placeholder="咨询类型"
|
|
|
>
|
|
|
<el-option
|
|
|
- v-for="item in statusList"
|
|
|
- :key="'status' + item.code"
|
|
|
- :label="item.name"
|
|
|
- :value="item.code"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" style="width: 145px; padding: 0 0 0 10px">
|
|
|
- <el-select
|
|
|
- v-model="parmValue.isonline"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- :size="searchSize"
|
|
|
- placeholder="是否上线"
|
|
|
- style="width: 100%"
|
|
|
- @change="
|
|
|
- pageInfo.curr = 1;
|
|
|
- parmValue.page = 1;
|
|
|
- searchList();
|
|
|
- "
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in isonlineoptions"
|
|
|
- :key="'isonline' + item.id"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- />
|
|
|
+ v-for="item in statusArr"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
</el-select>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" style="width: 420px; padding: 0 0 0 10px">
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item
|
|
|
+ label="平台订单号"
|
|
|
+ prop="platform_code"
|
|
|
+ label-width="110px"
|
|
|
+ >
|
|
|
<el-input
|
|
|
+ v-model="ruleForm.platform_code"
|
|
|
+ placeholder="平台订单号"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="平台下单时间" label-width="120px">
|
|
|
+ <period-date-picker
|
|
|
+ :start="ruleForm.platform_time_start"
|
|
|
+ :end="ruleForm.platform_time_end"
|
|
|
+ :width="'130px'"
|
|
|
:size="searchSize"
|
|
|
- v-model="sinput"
|
|
|
- :maxlength="40"
|
|
|
- @blur="
|
|
|
- pageInfo.curr = 1;
|
|
|
- parmValue.page = 1;
|
|
|
- searchList();
|
|
|
- "
|
|
|
- placeholder="关键字"
|
|
|
- ><el-select
|
|
|
- v-model="select"
|
|
|
- slot="prepend"
|
|
|
- style="width: 135px"
|
|
|
- @change="
|
|
|
- pageInfo.curr = 1;
|
|
|
- parmValue.page = 1;
|
|
|
- searchList();
|
|
|
- "
|
|
|
- placeholder="关键字类型"
|
|
|
- >
|
|
|
- <el-option label="商品编号" value="1" />
|
|
|
- <el-option label="商品名称" value="2" />
|
|
|
- <el-option label="业务企业编号" value="3" />
|
|
|
- <el-option label="供应商编号" value="4" /> </el-select
|
|
|
+ @timeReturned="platformTime"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item label="PO编号" prop="po_code" label-width="100px">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.po_code"
|
|
|
+ placeholder="PO编号"
|
|
|
></el-input>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col
|
|
|
- :span="3"
|
|
|
- class="fr"
|
|
|
- style="width: 66px; padding: 0 0 0 10px"
|
|
|
- v-if="powers.some((item) => item == '003')"
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item
|
|
|
+ label="平台商品编号"
|
|
|
+ prop="plat_code"
|
|
|
+ label-width="110px"
|
|
|
>
|
|
|
- <el-button
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.plat_code"
|
|
|
+ placeholder="平台商品编号"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="导入时间" label-width="120px">
|
|
|
+ <period-date-picker
|
|
|
+ :start="ruleForm.addtime_start"
|
|
|
+ :end="ruleForm.addtime_end"
|
|
|
+ :width="'130px'"
|
|
|
:size="searchSize"
|
|
|
- type="success"
|
|
|
- style="float: right"
|
|
|
- @click="
|
|
|
- routeGoto('goodsCostDetail', { id: 'add', type: 'add' })
|
|
|
- "
|
|
|
- >
|
|
|
- 添加
|
|
|
- </el-button>
|
|
|
- </el-col>
|
|
|
- <el-col
|
|
|
- :span="3"
|
|
|
- class="fr"
|
|
|
- style="width: 110px; padding: 0 0 0 10px"
|
|
|
- v-if="powers.some((item) => item == '055')"
|
|
|
+ @timeReturned="addtime"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div class="rightBtn">
|
|
|
+ <el-button type="primary" icon="el-icon-search" class="btn" @click="selectStock"
|
|
|
+ >批量关联库存</el-button
|
|
|
+ >
|
|
|
+ <el-button type="primary" icon="el-icon-search" class="btn" @click="search"
|
|
|
+ >搜索</el-button
|
|
|
+ >
|
|
|
+ <el-button type="primary" icon="el-icon-download" class="btn"
|
|
|
+ ><a href="./static/C端订单导入模板.xlsx">下载导入模板</a></el-button
|
|
|
+ >
|
|
|
+ <el-button icon="el-icon-refresh-right" class="btn" @click="reset">重置</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template> -->
|
|
|
+ <div class="tableBox">
|
|
|
+ <ex-table
|
|
|
+ v-loading="loading"
|
|
|
+ v-if="
|
|
|
+ powers && powers.length > 0 && powers.some((item) => item == '001')
|
|
|
+ "
|
|
|
+ :table="table"
|
|
|
+ :data="tableData"
|
|
|
+ :columns="columns"
|
|
|
+ :page="pageInfo"
|
|
|
+ :size="size"
|
|
|
+ @page-curr-change="handlePageChange"
|
|
|
+ @page-size-change="handleSizeChange"
|
|
|
+ @screen-reset="
|
|
|
+ pageInfo.curr = 1;
|
|
|
+ ruleForm.page = 1;
|
|
|
+ initHttp();
|
|
|
+ "
|
|
|
+ @screen-submit="
|
|
|
+ pageInfo.curr = 1;
|
|
|
+ ruleForm.page = 1;
|
|
|
+ initHttp();
|
|
|
+ "
|
|
|
+ @selection="selection_change"
|
|
|
+ ><template #table-header="{}">
|
|
|
+ <div class="searchBox">
|
|
|
+ <el-form
|
|
|
+ ref="form"
|
|
|
+ :model="ruleForm"
|
|
|
+ label-width="80px"
|
|
|
+ size="medium "
|
|
|
+ class="form"
|
|
|
>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item
|
|
|
+ label="销售方"
|
|
|
+ prop="status"
|
|
|
+ label-width="100px"
|
|
|
+ >
|
|
|
+ <el-select
|
|
|
+ v-model="ruleForm.status"
|
|
|
+ style="width: 100%"
|
|
|
+ placeholder="咨询类型"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in statusArr"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item
|
|
|
+ label="平台订单号"
|
|
|
+ prop="platform_code"
|
|
|
+ label-width="110px"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.platform_code"
|
|
|
+ placeholder="平台订单号"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="平台下单时间" label-width="120px">
|
|
|
+ <period-date-picker
|
|
|
+ :start="ruleForm.platform_time_start"
|
|
|
+ :end="ruleForm.platform_time_end"
|
|
|
+ :width="'130px'"
|
|
|
+ :size="searchSize"
|
|
|
+ @timeReturned="platformTime"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item
|
|
|
+ label="PO编号"
|
|
|
+ prop="po_code"
|
|
|
+ label-width="100px"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.po_code"
|
|
|
+ placeholder="PO编号"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item
|
|
|
+ label="平台商品编号"
|
|
|
+ prop="plat_code"
|
|
|
+ label-width="110px"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.plat_code"
|
|
|
+ placeholder="平台商品编号"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="导入时间" label-width="120px">
|
|
|
+ <period-date-picker
|
|
|
+ :start="ruleForm.addtime_start"
|
|
|
+ :end="ruleForm.addtime_end"
|
|
|
+ :width="'130px'"
|
|
|
+ :size="searchSize"
|
|
|
+ @timeReturned="addtime"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div class="rightBtn">
|
|
|
<el-button
|
|
|
- :size="searchSize"
|
|
|
- type="warning"
|
|
|
- style="float: right"
|
|
|
- @click="add_online"
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-search"
|
|
|
+ class="btn"
|
|
|
+ @click="selectStock"
|
|
|
+ >批量关联库存</el-button
|
|
|
>
|
|
|
- <i class="el-icon-circle-plus-outline"></i>
|
|
|
- <span>商品上线</span>
|
|
|
- </el-button>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div></template
|
|
|
- >
|
|
|
-
|
|
|
- <template #good_thumb_img="{ scope }">
|
|
|
- <div
|
|
|
- v-if="scope.row.good_thumb_img"
|
|
|
- style="width: 20px; height: 20px"
|
|
|
- class="hover"
|
|
|
- v-viewer
|
|
|
- >
|
|
|
- <img
|
|
|
- :src="scope.row.good_thumb_img"
|
|
|
- style="display: inline-block; width: 100%; height: 100%"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template #status="{ scope }">
|
|
|
- <el-tag
|
|
|
- :size="tablebtnSize"
|
|
|
- :type="
|
|
|
- (statusList.find((item) => item.code == scope.row.status) || {})
|
|
|
- .type || '--'
|
|
|
- "
|
|
|
- v-text="
|
|
|
- (statusList.find((item) => item.code == scope.row.status) || {})
|
|
|
- .name || '--'
|
|
|
- "
|
|
|
- ></el-tag>
|
|
|
- </template>
|
|
|
- <template #isonline="{ scope }">
|
|
|
- <el-tag
|
|
|
- :size="tablebtnSize"
|
|
|
- :type="scope.row.is_online == '0' ? 'warning' : ''"
|
|
|
- v-text="
|
|
|
- (
|
|
|
- isonlineoptions.find((item) => item.id == scope.row.is_online) ||
|
|
|
- {}
|
|
|
- ).name || '--'
|
|
|
- "
|
|
|
- ></el-tag>
|
|
|
- </template>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-search"
|
|
|
+ class="btn"
|
|
|
+ @click="search"
|
|
|
+ >搜索</el-button
|
|
|
+ >
|
|
|
+ <el-button type="primary" icon="el-icon-download" class="btn"
|
|
|
+ ><a href="./static/C端订单导入模板.xlsx"
|
|
|
+ >下载导入模板</a
|
|
|
+ ></el-button
|
|
|
+ >
|
|
|
+ <el-button icon="el-icon-refresh-right" class="btn" @click="reset"
|
|
|
+ >重置</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template #operation="{ scope }">
|
|
|
+ <el-tooltip
|
|
|
+ v-if="powers.some((item) => item == '007')"
|
|
|
+ effect="dark"
|
|
|
+ content="详情"
|
|
|
+ placement="top"
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ class="el-icon-view tb-icon"
|
|
|
+ @click="
|
|
|
+ routeGoto('goodsCostDetail', {
|
|
|
+ id: scope.row.spuCode,
|
|
|
+ type: 'view',
|
|
|
+ })
|
|
|
+ "
|
|
|
+ ></i>
|
|
|
+ </el-tooltip>
|
|
|
|
|
|
- <template #operation="{ scope }">
|
|
|
- <el-tooltip
|
|
|
- effect="dark"
|
|
|
- content="详情"
|
|
|
- placement="top"
|
|
|
- >
|
|
|
- <i
|
|
|
- class="el-icon-view tb-icon"
|
|
|
- @click="
|
|
|
- routeGoto('orderConfirm', {
|
|
|
- id: scope.row.id,
|
|
|
- type: 'view',
|
|
|
- })
|
|
|
- "
|
|
|
- ></i>
|
|
|
- </el-tooltip>
|
|
|
- </template>
|
|
|
- </ex-table>
|
|
|
- <no-auth v-else></no-auth>
|
|
|
- <add-edit
|
|
|
- :id="''"
|
|
|
- :sitem="changeList"
|
|
|
- :show-model="showModel"
|
|
|
- :is-detail="false"
|
|
|
- @refresh="showModel = false"
|
|
|
- @cancel="showModel = false"
|
|
|
- />
|
|
|
+ <el-tooltip effect="dark" content="确认订单信息" placement="top">
|
|
|
+ <i
|
|
|
+ class="el-icon-c-scale-to-original tb-icon"
|
|
|
+ @click="
|
|
|
+ wantto(
|
|
|
+ scope.row.is_online,
|
|
|
+ scope.row.spuCode,
|
|
|
+ scope.row.status,
|
|
|
+ '2'
|
|
|
+ )
|
|
|
+ "
|
|
|
+ ></i>
|
|
|
+ </el-tooltip>
|
|
|
+ </template>
|
|
|
+ </ex-table>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
+
|
|
|
<script>
|
|
|
+import { listCol } from "./columns";
|
|
|
+import { mapGetters } from "vuex";
|
|
|
import asyncRequest from "@/apis/service/orderEntry/orderEnter";
|
|
|
import mixinPage from "@/mixins/elPaginationHandle";
|
|
|
-import { mapGetters } from "vuex";
|
|
|
import resToken from "@/mixins/resToken";
|
|
|
-import { listCol, options1, statusList } from "./columns";
|
|
|
-// import addEdit from "./components/addEdit";
|
|
|
export default {
|
|
|
- name: "goodsCost",
|
|
|
mixins: [mixinPage, resToken],
|
|
|
- // components: {
|
|
|
- // addEdit,
|
|
|
- // },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ loading: true,
|
|
|
+ //咨询类型
|
|
|
+ statusArr: [
|
|
|
+ { value: "1", label: "系统验证数据中" },
|
|
|
+ { value: "2", label: "待确认订单信息" },
|
|
|
+ { value: "3", label: "信息已确认待关联库存" },
|
|
|
+ { value: "4", label: "订单录入成功" },
|
|
|
+ ],
|
|
|
+ ruleForm: {
|
|
|
+ status: "1",
|
|
|
+ platform_code: "",
|
|
|
+ // cs3: "",
|
|
|
+ po_code: "",
|
|
|
+ plat_code: "",
|
|
|
+ // cs6: "",
|
|
|
+ platform_time_end: "",
|
|
|
+ platform_time_start: "",
|
|
|
+ addtime_end: "",
|
|
|
+ addtime_start: "",
|
|
|
+ page: "",
|
|
|
+ size: "",
|
|
|
+ },
|
|
|
+ changeList: [],
|
|
|
+ // 表格 - 分页
|
|
|
+ pageInfo: {
|
|
|
+ size: 15,
|
|
|
+ curr: 1,
|
|
|
+ total: 0,
|
|
|
+ },
|
|
|
+ table: {
|
|
|
+ stripe: true,
|
|
|
+ border: true,
|
|
|
+ _defaultHeader_: ["setcol"],
|
|
|
+ },
|
|
|
+ tableData: [],
|
|
|
+ columns: listCol,
|
|
|
+ };
|
|
|
+ },
|
|
|
computed: {
|
|
|
//组件SIZE设置
|
|
|
...mapGetters(["tablebtnSize", "searchSize", "size"]),
|
|
|
@@ -284,319 +338,125 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
- data() {
|
|
|
- return {
|
|
|
- statusList,
|
|
|
- isonlineoptions: [
|
|
|
- { id: "0", name: "未上线" },
|
|
|
- { id: "1", name: "已上线" },
|
|
|
- ],
|
|
|
- showModel: false,
|
|
|
- options1: options1,
|
|
|
- loading: false,
|
|
|
- changeList: [],
|
|
|
- parmValue: {
|
|
|
- page: 1, // 页码
|
|
|
- size: 15, // 每页显示条数
|
|
|
- start: "",
|
|
|
- end: "",
|
|
|
- status: "",
|
|
|
- good_name: "",
|
|
|
- spucode: "",
|
|
|
- cat_id: [],
|
|
|
- brandid: "",
|
|
|
- good_type: "",
|
|
|
- companyNo: "",
|
|
|
- supplierNo: "",
|
|
|
- isonline: "",
|
|
|
- // creater: "",
|
|
|
- },
|
|
|
- sinput: "",
|
|
|
- select: "",
|
|
|
- // 表格 - 数据
|
|
|
- tableData: [],
|
|
|
- // 表格 - 参数
|
|
|
- table: {
|
|
|
- stripe: true,
|
|
|
- border: true,
|
|
|
- _defaultHeader_: ["setcol"],
|
|
|
- },
|
|
|
- // 表格 - 分页
|
|
|
- pageInfo: {
|
|
|
- size: 15,
|
|
|
- curr: 1,
|
|
|
- total: 0,
|
|
|
- },
|
|
|
- // 表格 - 列参数
|
|
|
- columns: listCol,
|
|
|
- supplierNo: [],
|
|
|
- brandid: [],
|
|
|
- };
|
|
|
- },
|
|
|
mounted() {
|
|
|
- this.select = "1";
|
|
|
- this.supplierNo = [];
|
|
|
- this.brandid = [];
|
|
|
- this.searchList();
|
|
|
+ this.tableData = [];
|
|
|
+ this.initHttp();
|
|
|
},
|
|
|
methods: {
|
|
|
- restSearch() {
|
|
|
- this.select = "1";
|
|
|
- this.supplierNo = [];
|
|
|
- this.brandid = [];
|
|
|
- // 表格 - 分页
|
|
|
- this.pageInfo = {
|
|
|
- size: 15,
|
|
|
- curr: 1,
|
|
|
- total: 0,
|
|
|
- };
|
|
|
- this.parmValue = {
|
|
|
- page: 1, // 页码
|
|
|
- size: 15, // 每页显示条数
|
|
|
- start: "",
|
|
|
- end: "",
|
|
|
- status: "",
|
|
|
- good_name: "",
|
|
|
- spucode: "",
|
|
|
- cat_id: [],
|
|
|
- brandid: "",
|
|
|
- good_type: "",
|
|
|
- isonline: "",
|
|
|
- companyNo: "",
|
|
|
- supplierNo: "",
|
|
|
- };
|
|
|
- this.searchList();
|
|
|
- },
|
|
|
- wantto(isonline, code, ntype, wtype) {
|
|
|
- console.log(isonline);
|
|
|
- if (isonline + "" === "1") {
|
|
|
- this.$message.warning("已上线的商品需要下线才能修改！");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (ntype === "0") {
|
|
|
- this.$message.warning("新建商品成正在审核中,请审核结束后再修改！");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (ntype === "2") {
|
|
|
- if (wtype === "2") {
|
|
|
- this.$message.warning("商品基础信息已修改,请等待审核结果！");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (wtype === "3") {
|
|
|
- this.$message.warning(
|
|
|
- "商品基础信息修改流程正在审核中,请审核结束后再修改！"
|
|
|
- );
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (ntype === "3") {
|
|
|
- if (wtype === "3") {
|
|
|
- this.$message.warning("商品成本信息已修改,请等待审核结果！");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (wtype === "2") {
|
|
|
- this.$message.warning(
|
|
|
- "商品成信息修改流程正在审核中,请审核结束后再修改！"
|
|
|
- );
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- console.log(ntype + "----" + wtype);
|
|
|
- this.routeGoto("goodsCostDetail", {
|
|
|
- id: code,
|
|
|
- type: wtype === "2" ? "editBase" : wtype === "3" ? "editCoin" : "",
|
|
|
- });
|
|
|
- },
|
|
|
- selection_change(e) {
|
|
|
- const { list } = e;
|
|
|
- this.changeList = list.length > 0 ? JSON.parse(JSON.stringify(list)) : [];
|
|
|
- },
|
|
|
- //商品品牌选择
|
|
|
- async brandidsearchChange(e) {
|
|
|
- const { id, code, label } = e;
|
|
|
- if (id) {
|
|
|
- this.brandid = [id];
|
|
|
- } else {
|
|
|
- this.brandid = [];
|
|
|
- }
|
|
|
- this.parmValue.brandid = this.brandid.toString();
|
|
|
- this.pageInfo.curr = 1;
|
|
|
- this.parmValue.page = 1;
|
|
|
- await this.searchList();
|
|
|
- },
|
|
|
- // 时间
|
|
|
- async handleTime(e) {
|
|
|
- this.parmValue.start = e.startTime || "";
|
|
|
- this.parmValue.end = e.endTime || "";
|
|
|
- if (
|
|
|
- (this.parmValue.start !== "" && this.parmValue.end !== "") ||
|
|
|
- (this.parmValue.start === "" && this.parmValue.end === "")
|
|
|
- ) {
|
|
|
- this.pageInfo.curr = 1;
|
|
|
- this.parmValue.page = 1;
|
|
|
- await this.searchList();
|
|
|
- }
|
|
|
- },
|
|
|
- async good_copy(spuCode) {
|
|
|
- await this.$confirm(`确定要复制该商品？`, {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(async () => {
|
|
|
- this.loading = true;
|
|
|
- const model = {
|
|
|
- spuCode: spuCode,
|
|
|
- };
|
|
|
- const res = await asyncRequest.copy(model);
|
|
|
- if (res && res.code === 0) {
|
|
|
- this.loading = false;
|
|
|
- this.$notify.success({
|
|
|
- title: "复制商品成功！",
|
|
|
- message: "",
|
|
|
- });
|
|
|
- await this.searchList();
|
|
|
- } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
- await this.logout();
|
|
|
- } else {
|
|
|
- this.loading = false;
|
|
|
- this.$message.warning(res.message);
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- console.log("取消");
|
|
|
- });
|
|
|
- },
|
|
|
- /**
|
|
|
- * 启用/禁用
|
|
|
- * @param {String} id id
|
|
|
- * @param {String} status 0-禁用 1-启用
|
|
|
- */
|
|
|
- async changeStatus(id, status) {
|
|
|
- await this.$confirm(`确定要改为${status === "1" ? "禁用" : "启用"}？`, {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(async () => {
|
|
|
- this.loading = true;
|
|
|
- const model = {
|
|
|
- id: id,
|
|
|
- status: status === "1" ? "0" : "1",
|
|
|
- };
|
|
|
- const res = await asyncRequest.status(model);
|
|
|
- if (res && res.code === 0) {
|
|
|
- this.loading = false;
|
|
|
- this.$notify.success({
|
|
|
- title: "状态修改成功！",
|
|
|
- message: "",
|
|
|
- });
|
|
|
- await this.searchList();
|
|
|
- } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
- await this.logout();
|
|
|
- } else {
|
|
|
- this.loading = false;
|
|
|
- this.$message.warning(res.message);
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- console.log("取消");
|
|
|
- });
|
|
|
- },
|
|
|
- async deleteItem(code) {
|
|
|
- await this.$confirm("确定要删除？", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(async () => {
|
|
|
- const model = {
|
|
|
- codes: [code],
|
|
|
- };
|
|
|
- const res = await asyncRequest.delete(model);
|
|
|
- if (res && res.code === 0) {
|
|
|
- this.$notify.success({
|
|
|
- title: "删除成功",
|
|
|
- message: "",
|
|
|
- });
|
|
|
- this.searchList();
|
|
|
- } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
- await this.logout();
|
|
|
- } else {
|
|
|
- this.$message.warning(res.message);
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- console.log("取消");
|
|
|
- });
|
|
|
- },
|
|
|
- // 刷新表格
|
|
|
- async searchList() {
|
|
|
- if (
|
|
|
- (this.parmValue.start !== "" && this.parmValue.end === "") ||
|
|
|
- (this.parmValue.start === "" && this.parmValue.end !== "")
|
|
|
- ) {
|
|
|
- this.$message.warning("时间区间不完整！");
|
|
|
- return;
|
|
|
- }
|
|
|
+ //初始化请求
|
|
|
+ async initHttp() {
|
|
|
this.loading = true;
|
|
|
- this.parmValue.spucode = this.select === "1" ? this.sinput : "";
|
|
|
- this.parmValue.good_name = this.select === "2" ? this.sinput : "";
|
|
|
- this.parmValue.companyNo = this.select === "3" ? this.sinput : "";
|
|
|
- this.parmValue.supplierNo = this.select === "4" ? this.sinput : "";
|
|
|
- let item = JSON.parse(JSON.stringify(this.parmValue));
|
|
|
- item.cat_id =
|
|
|
- item.cat_id.length > 0 ? item.cat_id[item.cat_id.length - 1] : "";
|
|
|
- const res = await asyncRequest.list(item);
|
|
|
+ let model = this.ruleForm;
|
|
|
+ model.page = this.pageInfo.curr;
|
|
|
+ model.size = this.pageInfo.size;
|
|
|
+ let res = await asyncRequest.orderimportlist(model);
|
|
|
if (res && res.code === 0 && res.data) {
|
|
|
this.tableData = res.data.list;
|
|
|
- this.tableData.forEach((a) => {
|
|
|
- a.cat_name = "";
|
|
|
- let list = a.cat_info || [];
|
|
|
- list.forEach((b, i) => {
|
|
|
- a.cat_name += i == 0 ? b.name : "/" + b.name;
|
|
|
- });
|
|
|
- });
|
|
|
this.pageInfo.total = Number(res.data.count);
|
|
|
} else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
await this.logout();
|
|
|
} else {
|
|
|
- this.tableData = [];
|
|
|
- this.pageInfo.total = 0;
|
|
|
+ this.$message.warning(res.message);
|
|
|
}
|
|
|
this.loading = false;
|
|
|
},
|
|
|
- //商品分类选择
|
|
|
- async goods_class_change(e) {
|
|
|
- this.parmValue.cat_id = e;
|
|
|
- this.pageInfo.curr = 1;
|
|
|
- this.parmValue.page = 1;
|
|
|
- await this.searchList();
|
|
|
+ //导入时间
|
|
|
+ async addtime(e) {
|
|
|
+ this.ruleForm.addtime_start = e.startTime || "";
|
|
|
+ this.ruleForm.addtime_end = e.endTime || "";
|
|
|
+
|
|
|
+ // if (
|
|
|
+ // (this.ruleForm.start !== "" && this.ruleForm.end !== "") ||
|
|
|
+ // (this.ruleForm.start === "" && this.ruleForm.end === "")
|
|
|
+ // ) {
|
|
|
+ // this.pageInfo.curr = 1;
|
|
|
+ // this.ruleForm.page = 1;
|
|
|
+ // // await this.initHttp();
|
|
|
+ // }
|
|
|
},
|
|
|
- add_online() {
|
|
|
- if (this.changeList.length === 0) {
|
|
|
- this.$message.warning("至少选择一个商品！");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (this.changeList.length > 100) {
|
|
|
- this.$message.warning("商品数量不能超过100！");
|
|
|
- return;
|
|
|
- }
|
|
|
- let isok = true;
|
|
|
- this.changeList.forEach((e) => {
|
|
|
- if (e.status !== "1") {
|
|
|
- isok = false;
|
|
|
- }
|
|
|
- });
|
|
|
- if (!isok) {
|
|
|
- this.$message.warning("只有审核通过的商品可以上线！");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.showModel = true;
|
|
|
+ //平台时间
|
|
|
+ async platformTime(e) {
|
|
|
+ this.ruleForm.platform_time_start = e.startTime || "";
|
|
|
+ this.ruleForm.platform_time_end = e.endTime || "";
|
|
|
+ },
|
|
|
+ //批量关联库存
|
|
|
+ selectStock() {
|
|
|
+ alert(111);
|
|
|
+ },
|
|
|
+ //重置按钮
|
|
|
+ reset() {
|
|
|
+ this.ruleForm = {
|
|
|
+ status: "1",
|
|
|
+ platform_code: "",
|
|
|
+ // cs3: "",
|
|
|
+ po_code: "",
|
|
|
+ plat_code: "",
|
|
|
+ // cs6: "",
|
|
|
+ platform_time_end: "",
|
|
|
+ platform_time_start: "",
|
|
|
+ addtime_end: "",
|
|
|
+ addtime_start: "",
|
|
|
+ page: "",
|
|
|
+ size: "",
|
|
|
+ };
|
|
|
+ this.initHttp();
|
|
|
+ },
|
|
|
+ //搜索按钮
|
|
|
+ search() {
|
|
|
+ this.initHttp();
|
|
|
+ },
|
|
|
+
|
|
|
+ //选中触发函数
|
|
|
+ selection_change(e) {
|
|
|
+ const { list } = e;
|
|
|
+ //选中的数组集合
|
|
|
+ this.changeList = list.length > 0 ? JSON.parse(JSON.stringify(list)) : [];
|
|
|
},
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+.box {
|
|
|
+ width: 100%;
|
|
|
+ padding: 8px 12px 0 10px;
|
|
|
+}
|
|
|
+.searchBox {
|
|
|
+ width: 100%;
|
|
|
+ padding-left: 30px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ // padding-top: 15px;
|
|
|
+ // margin-top: 20px;
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.form {
|
|
|
+ width: 80%;
|
|
|
+}
|
|
|
+/deep/ .el-input__inner {
|
|
|
+ height: 36px;
|
|
|
+ line-height: 36px;
|
|
|
+}
|
|
|
+.rightBtn {
|
|
|
+ width: 20%;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-around;
|
|
|
+ .btn {
|
|
|
+ height: 36px;
|
|
|
+ margin-left: 0px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+}
|
|
|
+.tableBox {
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 20px;
|
|
|
+}
|
|
|
+/deep/ .el-dropdown-selfdefine {
|
|
|
+ margin-top: 4px;
|
|
|
+ background: #63cbe7;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ border:none;
|
|
|
+}
|
|
|
</style>
|
