|
|
@@ -1,320 +1,49 @@
|
|
|
<template>
|
|
|
- <div class="active pagePadding">
|
|
|
+ <div class="activeDetail">
|
|
|
<div
|
|
|
- v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
|
|
|
+ class="activeDetail-main"
|
|
|
+ v-if="powers && powers.length > 0 && powers.some((item) => item == '007')"
|
|
|
>
|
|
|
- <el-row style="margin-bottom: 10px">
|
|
|
- <el-col :span="6" style="width: 316px">
|
|
|
- <period-date-picker
|
|
|
- :start="parmValue.start"
|
|
|
- :end="parmValue.end"
|
|
|
- :type="1"
|
|
|
- :width="'147px'"
|
|
|
- :size="searchSize"
|
|
|
- @timeReturned="timeReturned($event)"
|
|
|
- ></period-date-picker>
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" id="el-cor-full-style">
|
|
|
- <el-row :gutter="10">
|
|
|
- <el-col :span="6">
|
|
|
- <el-cascader
|
|
|
- v-model="parmValue.catid"
|
|
|
- style="width: 100%"
|
|
|
- filterable
|
|
|
- :size="searchSize"
|
|
|
- clearable
|
|
|
- placeholder="商品分类"
|
|
|
- :options="catOptions"
|
|
|
- :props="{ expandTrigger: 'hover', checkStrictly: true }"
|
|
|
- @change="handleChange"
|
|
|
- ></el-cascader>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-select
|
|
|
- v-model="parmValue.status"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- :size="searchSize"
|
|
|
- placeholder="请选择状态"
|
|
|
- style="width: 100%"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in statusList"
|
|
|
- :key="'status' + item.code"
|
|
|
- :label="item.name"
|
|
|
- :value="item.code"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="6">
|
|
|
- <el-input
|
|
|
- :size="searchSize"
|
|
|
- style="100%"
|
|
|
- v-model="parmValue.supplier_name"
|
|
|
- :maxlength="40"
|
|
|
- placeholder="供货商名称"
|
|
|
- ></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-input
|
|
|
- :size="searchSize"
|
|
|
- style="100%"
|
|
|
- v-model="parmValue.good_code"
|
|
|
- :maxlength="40"
|
|
|
- placeholder="商品编码"
|
|
|
- ></el-input>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row style="margin-bottom: 18px">
|
|
|
- <el-col :span="6" style="width: 316px">
|
|
|
- <el-input
|
|
|
- :size="searchSize"
|
|
|
- :maxlength="10"
|
|
|
- placeholder="最低售价"
|
|
|
- v-model="parmValue.sale_price_start"
|
|
|
- style="width: 150px"
|
|
|
- ></el-input>
|
|
|
- <samp>至</samp>
|
|
|
- <el-input
|
|
|
- :size="searchSize"
|
|
|
- :maxlength="10"
|
|
|
- placeholder="最高售价"
|
|
|
- v-model="parmValue.sale_price_end"
|
|
|
- style="width: 150px"
|
|
|
- ></el-input>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="18" id="el-cor-full-style">
|
|
|
- <el-row :gutter="10">
|
|
|
- <el-col :span="12">
|
|
|
- <el-input
|
|
|
- :size="searchSize"
|
|
|
- v-model="parmValue.goods_name"
|
|
|
- :maxlength="40"
|
|
|
- placeholder="商品名称"
|
|
|
- >
|
|
|
- <el-button
|
|
|
- slot="append"
|
|
|
- icon="el-icon-search"
|
|
|
- @click="searchList"
|
|
|
- ></el-button>
|
|
|
- </el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-button
|
|
|
- v-if="powers.some((item) => item == '024')"
|
|
|
- type="warning"
|
|
|
- class="fl"
|
|
|
- :size="searchSize"
|
|
|
- @click="restSearch"
|
|
|
- >
|
|
|
- 重置
|
|
|
- </el-button>
|
|
|
- <el-button
|
|
|
- v-if="powers.some((item) => item == '002')"
|
|
|
- type="primary"
|
|
|
- :size="searchSize"
|
|
|
- class="fr"
|
|
|
- style="margin-left: 5px"
|
|
|
- @click="searchList"
|
|
|
- >
|
|
|
- 刷新
|
|
|
- </el-button>
|
|
|
- <el-button
|
|
|
- v-if="powers.some((item) => item == '003')"
|
|
|
- type="success"
|
|
|
- :size="searchSize"
|
|
|
- style="float: right"
|
|
|
- @click="openModal('add', false)"
|
|
|
- >
|
|
|
- 添加
|
|
|
- </el-button>
|
|
|
- </el-col>
|
|
|
- </el-row></el-col
|
|
|
- >
|
|
|
- </el-row>
|
|
|
- <el-table
|
|
|
- :data="tableData"
|
|
|
- stripe
|
|
|
- v-loading="loading"
|
|
|
- border
|
|
|
- :size="size"
|
|
|
- style="width: 100%"
|
|
|
- >
|
|
|
- <el-table-column label="商品信息" align="left" min-width="165">
|
|
|
- <template slot-scope="item">
|
|
|
- <div class="good_name_title">
|
|
|
- {{ item.row.good_name }}
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="good_name_img"
|
|
|
- v-if="item.row.galleyList && item.row.galleyList.length > 0"
|
|
|
- >
|
|
|
- <img
|
|
|
- v-for="(img, i) in item.row.galleyList"
|
|
|
- :key="item.row.id + 'goodimg' + i"
|
|
|
- :src="img"
|
|
|
- @click="showGalley(item.row.galleyList, i)"
|
|
|
- alt=""
|
|
|
+ <el-tabs v-model="activeTabs">
|
|
|
+ <el-tab-pane label="新建商品" name="0" v-if="queryType === 'add'">
|
|
|
+ <base-form
|
|
|
+ v-if="newTime !== ''"
|
|
|
+ :type="queryType"
|
|
|
+ :id="queryId"
|
|
|
+ :newTime="newTime"
|
|
|
+ :sitem="sitem"
|
|
|
+ @refresh="refresh"
|
|
|
+ />
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="商品详情" name="1" v-if="queryType !== 'add'">
|
|
|
+ <!-- <el-collapse v-model="activeNames" style="margin: -18px 0 0 0">
|
|
|
+ <el-collapse-item title="商品详情" name="0"> -->
|
|
|
+ <base-form
|
|
|
+ v-if="newTime !== ''"
|
|
|
+ :type="queryType"
|
|
|
+ :id="queryId"
|
|
|
+ :newTime="newTime"
|
|
|
+ :sitem="sitem"
|
|
|
+ @refresh="refresh"
|
|
|
+ />
|
|
|
+ <!-- </el-collapse-item> -->
|
|
|
+ <!-- <el-collapse-item title="采购部门审批" name="1">
|
|
|
+ <exam-form
|
|
|
+ :statusList="statusList"
|
|
|
+ :newTime="newTime"
|
|
|
+ :disabled="false"
|
|
|
+ :isMust="false"
|
|
|
+ @searchChange="examForm"
|
|
|
/>
|
|
|
- </div> </template
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column label="供应商信息" show-overflow-tooltip align="left">
|
|
|
- <template slot-scope="item">
|
|
|
- <div v-if="item.row.supplier_info">
|
|
|
- <div class="good_name_title">
|
|
|
- 企业：{{ item.row.supplier_info.company }}
|
|
|
- </div>
|
|
|
- <div class="good_name_title">
|
|
|
- 联系人：{{ item.row.supplier_info.name }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template></el-table-column
|
|
|
- >
|
|
|
- <el-table-column
|
|
|
- prop="good_code"
|
|
|
- label="商品编码"
|
|
|
- show-overflow-tooltip
|
|
|
- align="center"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="catName"
|
|
|
- label="商品分类"
|
|
|
- show-overflow-tooltip
|
|
|
- align="center"
|
|
|
- ></el-table-column>
|
|
|
+
|
|
|
+ 123 </el-collapse-item> -->
|
|
|
|
|
|
- <el-table-column label="状态" show-overflow-tooltip align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-tag
|
|
|
- v-if="scope.row.status === '1'"
|
|
|
- type="success"
|
|
|
- :class="{ 'hover-tag': powers.some((item) => item == '004') }"
|
|
|
- :size="tablebtnSize"
|
|
|
- @click="
|
|
|
- statusConfirm(
|
|
|
- scope.row.id,
|
|
|
- scope.row.status,
|
|
|
- powers.some((item) => item == '026')
|
|
|
- )
|
|
|
- "
|
|
|
- >
|
|
|
- <i
|
|
|
- class="el-icon-thumb"
|
|
|
- v-if="powers.some((item) => item == '026')"
|
|
|
- style="margin-right: 1px"
|
|
|
- ></i>
|
|
|
- 销售中</el-tag
|
|
|
- >
|
|
|
- <el-tag
|
|
|
- v-else
|
|
|
- :class="{ 'hover-tag': powers.some((item) => item == '026') }"
|
|
|
- :size="tablebtnSize"
|
|
|
- type="warning"
|
|
|
- @click="
|
|
|
- statusConfirm(
|
|
|
- scope.row.id,
|
|
|
- scope.row.status,
|
|
|
- powers.some((item) => item == '026')
|
|
|
- )
|
|
|
- "
|
|
|
- >
|
|
|
- <i
|
|
|
- class="el-icon-thumb"
|
|
|
- v-if="powers.some((item) => item == '026')"
|
|
|
- style="margin-right: 1px"
|
|
|
- ></i>
|
|
|
- 已下架</el-tag
|
|
|
- >
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="addtime"
|
|
|
- label="创建时间"
|
|
|
- show-overflow-tooltip
|
|
|
- align="center"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column fixed="right" label="操作" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-link
|
|
|
- v-if="powers.some((item) => item == '011')"
|
|
|
- type="primary"
|
|
|
- style="margin: 0 4px"
|
|
|
- :underline="false"
|
|
|
- :size="tablebtnSize"
|
|
|
- @click="
|
|
|
- showPrice(
|
|
|
- scope.row.LimitPrice,
|
|
|
- scope.row.left,
|
|
|
- scope.row.right,
|
|
|
- scope.row.lang
|
|
|
- )
|
|
|
- "
|
|
|
- >
|
|
|
- 价格
|
|
|
- </el-link>
|
|
|
- <el-link
|
|
|
- v-if="powers.some((item) => item == '012')"
|
|
|
- type="primary"
|
|
|
- style="margin: 0 4px"
|
|
|
- :underline="false"
|
|
|
- :size="tablebtnSize"
|
|
|
- @click="copy(scope.row.id)"
|
|
|
- >
|
|
|
- 复制
|
|
|
- </el-link>
|
|
|
- <el-link
|
|
|
- v-if="
|
|
|
- scope.row.status === '0' && powers.some((item) => item == '005')
|
|
|
- "
|
|
|
- type="primary"
|
|
|
- style="margin: 0 4px"
|
|
|
- :underline="false"
|
|
|
- :size="tablebtnSize"
|
|
|
- @click="openModal(scope.row.id, false)"
|
|
|
- >
|
|
|
- 修改
|
|
|
- </el-link>
|
|
|
- <el-link
|
|
|
- v-if="powers.some((item) => item == '006')"
|
|
|
- type="primary"
|
|
|
- style="margin: 0 4px"
|
|
|
- :underline="false"
|
|
|
- :size="tablebtnSize"
|
|
|
- @click="deleteById(scope.row.id, scope.row.status)"
|
|
|
- >
|
|
|
- 删除
|
|
|
- </el-link>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <div
|
|
|
- class="Pagination"
|
|
|
- style="text-align: right; margin-top: 10px"
|
|
|
- v-show="count > 0"
|
|
|
- >
|
|
|
- <el-pagination
|
|
|
- :size="searchSize"
|
|
|
- @size-change="handleSizeChange"
|
|
|
- @current-change="handlePageChange"
|
|
|
- :current-page="parmValue.page"
|
|
|
- :page-sizes="[10, 15, 20, 30, 40]"
|
|
|
- :page-size="parmValue.size"
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
- :total="count"
|
|
|
- ></el-pagination>
|
|
|
- </div>
|
|
|
- <ladder-price
|
|
|
- :showModel="showLadderPrice"
|
|
|
- :left="left"
|
|
|
- :right="right"
|
|
|
- :lang="lang"
|
|
|
- @cancel="showLadderPrice = false"
|
|
|
- ></ladder-price>
|
|
|
-
|
|
|
+ <!-- </el-collapse> -->
|
|
|
+ </el-tab-pane>
|
|
|
+ <!-- <el-tab-pane label="审批记录" name="2" v-if="queryType !== 'add'">
|
|
|
+ 111
|
|
|
+ </el-tab-pane> -->
|
|
|
+ </el-tabs>
|
|
|
</div>
|
|
|
<div v-else>
|
|
|
<no-auth></no-auth>
|
|
|
@@ -322,62 +51,22 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import mixinPage from "@/mixins/elPaginationHandle";
|
|
|
import asyncRequest from "@/apis/service/goodStore/active";
|
|
|
-import ladderPrice from "./ladderPrice";
|
|
|
-// import PeriodDatePicker from "@/components/PeriodDatePicker";
|
|
|
-import statusList from "@/assets/js/statusList";
|
|
|
-import { timestampToTime } from "@/utils/validate";
|
|
|
+import resToken from "@/mixins/resToken";
|
|
|
import { mapGetters } from "vuex";
|
|
|
+import baseForm from "./components/baseForm";
|
|
|
export default {
|
|
|
- name: "active",
|
|
|
+ name: "activeDetail",
|
|
|
+ mixins: [resToken],
|
|
|
components: {
|
|
|
- // PeriodDatePicker,
|
|
|
- ladderPrice,
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- imgList: [],
|
|
|
- index: 0,
|
|
|
- showImgModel: false,
|
|
|
- statusList: statusList,
|
|
|
- catOptions: [],
|
|
|
- showLadderPrice: false,
|
|
|
- loading: false,
|
|
|
- showModel: false,
|
|
|
- isDetail: false,
|
|
|
- modelId: 0,
|
|
|
- left: {},
|
|
|
- right: {},
|
|
|
- lang: "0px",
|
|
|
- parmValue: {
|
|
|
- catid: "", //种类id
|
|
|
- start: "", //起始时间,
|
|
|
- end: "", //结束时间
|
|
|
- sale_price_start: "", //最低售价
|
|
|
- sale_price_end: "", //最高售价
|
|
|
- status: "",
|
|
|
- goods_name: "", //商品名称
|
|
|
- good_code: "", //商品code
|
|
|
- supplier_name: "", //供货商
|
|
|
- page: 1, // 页码
|
|
|
- size: 10, // 每页显示条数
|
|
|
- },
|
|
|
- count: 0, // 总条数
|
|
|
- tableData: [],
|
|
|
- headLadder: {
|
|
|
- num: "起订量≥",
|
|
|
- price: "成本价",
|
|
|
- },
|
|
|
- };
|
|
|
+ baseForm,
|
|
|
},
|
|
|
- mixins: [mixinPage],
|
|
|
computed: {
|
|
|
...mapGetters(["tablebtnSize", "searchSize", "size"]),
|
|
|
powers() {
|
|
|
let tran =
|
|
|
this.$store.getters.btnList.find(
|
|
|
- (item) => item.menu_route == "active"
|
|
|
+ (item) => item.menu_route == "activeDetail"
|
|
|
) || {};
|
|
|
if (tran && tran.action && tran.action.length > 0) {
|
|
|
return tran.action;
|
|
|
@@ -386,374 +75,156 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
+
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ statusList: [],
|
|
|
+ size: "small",
|
|
|
+ activeTabs: "1",
|
|
|
+ activeNames: ["0", "1"],
|
|
|
+ newTime: "",
|
|
|
+ loading: false,
|
|
|
+ queryType: "",
|
|
|
+ queryId: "",
|
|
|
+ status: "",
|
|
|
+ sitem: null,
|
|
|
+ };
|
|
|
+ },
|
|
|
mounted() {
|
|
|
- // this.searchList();
|
|
|
- // this.getAllCat();
|
|
|
+ this.initForm();
|
|
|
},
|
|
|
-
|
|
|
methods: {
|
|
|
- restSearch() {
|
|
|
- this.parmValue = {
|
|
|
- catid: "", //种类id
|
|
|
- start: "", //起始时间,
|
|
|
- end: "", //结束时间
|
|
|
- sale_price_start: "", //最低售价
|
|
|
- sale_price_end: "", //最高售价
|
|
|
- status: "",
|
|
|
- goods_name: "", //商品名称
|
|
|
- good_code: "", //商品code
|
|
|
- supplier_name: "", //供货商
|
|
|
- page: 1, // 页码
|
|
|
- size: 10, // 每页显示条数
|
|
|
- };
|
|
|
- this.searchList();
|
|
|
- },
|
|
|
- async handleChange() {
|
|
|
- this.parmValue.page = 1;
|
|
|
- await this.searchList();
|
|
|
- },
|
|
|
- async timeReturned(e) {
|
|
|
- if (e.startTime !== "") {
|
|
|
- this.parmValue.start = timestampToTime(e.startTime);
|
|
|
- } else {
|
|
|
- this.parmValue.start = "";
|
|
|
- }
|
|
|
-
|
|
|
- if (e.endTime !== "") {
|
|
|
- this.parmValue.end = timestampToTime(e.endTime);
|
|
|
- } else {
|
|
|
- this.parmValue.end = "";
|
|
|
- }
|
|
|
- if (this.parmValue.start !== "" && this.parmValue.end !== "") {
|
|
|
- this.parmValue.page = 1;
|
|
|
- await this.searchList();
|
|
|
- }
|
|
|
- },
|
|
|
- openModal(id, isDetail) {
|
|
|
- if (id !== "add") {
|
|
|
- this.$message.warning("正在开发中！");
|
|
|
- } else {
|
|
|
- this.showModel = true;
|
|
|
- this.modelId = id;
|
|
|
- this.isDetail = isDetail;
|
|
|
- }
|
|
|
- },
|
|
|
- showGalley(list, i) {
|
|
|
- this.imgList = list;
|
|
|
- this.index = i;
|
|
|
- this.showImgModel = true;
|
|
|
- },
|
|
|
- async copy(id) {
|
|
|
- let res = await asyncRequest.copy({ id: id });
|
|
|
- if (res.code === 0) {
|
|
|
- this.$notify.success({
|
|
|
- title: "商品复制成功！",
|
|
|
- message: "",
|
|
|
- });
|
|
|
- this.searchList();
|
|
|
- }
|
|
|
- },
|
|
|
- async deleteById(id, status) {
|
|
|
- if (status === "0") {
|
|
|
- await this.$confirm("确定要删除该商品？", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(async () => {
|
|
|
- let res = await asyncRequest.delete({ goodids: id });
|
|
|
- if (res.code === 0) {
|
|
|
- this.$notify.success({
|
|
|
- title: "删除成功",
|
|
|
- message: "",
|
|
|
- });
|
|
|
- this.searchList();
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- console.log("取消");
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.$message.warning("只有已下架的商品才能被删除！");
|
|
|
- }
|
|
|
- },
|
|
|
- showPrice(attr, left, right, lang) {
|
|
|
- if (attr && attr.length > 0) {
|
|
|
- this.left = left;
|
|
|
- this.right = right;
|
|
|
- this.lang = lang;
|
|
|
- this.showLadderPrice = true;
|
|
|
- } else {
|
|
|
- this.$message.warning("该商品暂无阶梯价格信息！");
|
|
|
- }
|
|
|
- },
|
|
|
- async searchList() {
|
|
|
- let obj = JSON.parse(JSON.stringify(this.parmValue));
|
|
|
-
|
|
|
- if (obj.catid === "") {
|
|
|
- obj.catid = "0";
|
|
|
- }
|
|
|
+ async initForm() {
|
|
|
+ const { id, type } = this.$route.query;
|
|
|
+ this.queryId = id;
|
|
|
+ this.queryType = type;
|
|
|
+ this.activeTabs = type === "add" ? "0" : "1";
|
|
|
this.loading = true;
|
|
|
- let res = await asyncRequest.list(obj);
|
|
|
- if (res.code === 0 && res.data) {
|
|
|
- let list = res.data.list;
|
|
|
-
|
|
|
- list = list.map((v1) => {
|
|
|
- v1.catName = "";
|
|
|
- v1.galleyList = v1.galley.split(",");
|
|
|
- v1.addtime = v1.addtime.replaceAll(".000", "");
|
|
|
- if (v1 && v1.cat && v1.cat.length > 0) {
|
|
|
- v1.cat.forEach((v2, index) => {
|
|
|
- v1.catName += index !== 0 ? "/" + v2.cat_name : v2.cat_name;
|
|
|
- });
|
|
|
- } else {
|
|
|
- v1.catName = "";
|
|
|
- }
|
|
|
- if (v1 && v1.LimitPrice && v1.LimitPrice.length > 0) {
|
|
|
- v1.left = {
|
|
|
- header: [],
|
|
|
- spec: [],
|
|
|
- };
|
|
|
- v1.right = {
|
|
|
- header: [],
|
|
|
- spec: [],
|
|
|
- };
|
|
|
- v1.left.header = v1.LimitPrice[0].spec;
|
|
|
- v1.lang = v1.left.header.length * 100 + "px";
|
|
|
- let ladderNum = 0;
|
|
|
- v1.LimitPrice.forEach((a) => {
|
|
|
- if (a.limit && a.limit.length > ladderNum) {
|
|
|
- ladderNum = a.limit.length;
|
|
|
- }
|
|
|
- if (a.spec && a.spec.length > 0) {
|
|
|
- v1.left.spec.push(a.spec);
|
|
|
- }
|
|
|
- });
|
|
|
- for (let i = 0; i < ladderNum; i++) {
|
|
|
- v1.right.header.push(this.headLadder);
|
|
|
- }
|
|
|
-
|
|
|
- v1.right.spec = v1.LimitPrice;
|
|
|
- v1.right.spec.map((v1) => {
|
|
|
- if (v1.limit && v1.limit.length > 0) {
|
|
|
- for (let j = 0; j < ladderNum; j++) {
|
|
|
- if (!v1.limit[j]) {
|
|
|
- v1.limit.push({
|
|
|
- begin_num: "",
|
|
|
- shop_price: "",
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- return v1;
|
|
|
- });
|
|
|
- this.tableData = list;
|
|
|
- this.count = Number(res.data.count);
|
|
|
+ if (this.queryType === "add") {
|
|
|
+ this.sitem = {};
|
|
|
+ this.getNewTime();
|
|
|
} else {
|
|
|
- this.tableData = [];
|
|
|
- this.count = 0;
|
|
|
+ await this.initData();
|
|
|
}
|
|
|
+
|
|
|
this.loading = false;
|
|
|
},
|
|
|
- async getAllCat() {
|
|
|
- const res = await asyncRequest.catAll({});
|
|
|
- if (res.code === 0 && res.data) {
|
|
|
- let list = res.data;
|
|
|
- list.map((v1) => {
|
|
|
- v1.value = v1.id;
|
|
|
- v1.label = v1.cat_name;
|
|
|
- if (v1.child && v1.child.length > 0) {
|
|
|
- v1.child.map((v2) => {
|
|
|
- v2.value = v2.id;
|
|
|
- v2.label = v2.cat_name;
|
|
|
- if (v2.child && v2.child.length > 0) {
|
|
|
- v2.child.map((v3) => {
|
|
|
- v3.value = v3.id;
|
|
|
- v3.label = v3.cat_name;
|
|
|
- return v3;
|
|
|
- });
|
|
|
- v2.children = v2.child;
|
|
|
- }
|
|
|
- return v2;
|
|
|
- });
|
|
|
- v1.children = v1.child;
|
|
|
- }
|
|
|
- return v1;
|
|
|
- });
|
|
|
- this.catOptions = list;
|
|
|
+ // 点击业务审核的保存按钮
|
|
|
+
|
|
|
+ async examForm(e) {
|
|
|
+ console.log(e);
|
|
|
+ if (!this.loading) {
|
|
|
+ let type = e.state === "1" ? "1" : e.rebut;
|
|
|
+ await this.setstatus(type, "提交采购部门审核", e.remark);
|
|
|
}
|
|
|
},
|
|
|
- async statusConfirm(id, status, type) {
|
|
|
- if (!type) {
|
|
|
- return;
|
|
|
- }
|
|
|
- await this.$confirm(
|
|
|
- `确定要改为${status === "1" ? "已下架" : "销售中"}？`,
|
|
|
- {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- }
|
|
|
- )
|
|
|
+ async setstatus(type, detail, remark) {
|
|
|
+ await this.$confirm(`确定要${detail}？`, {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
.then(async () => {
|
|
|
- this.loading = true;
|
|
|
- const model = {
|
|
|
- goodids: id,
|
|
|
- status: status === "1" ? "0" : "1",
|
|
|
+ let _model = {
|
|
|
+ spuCode: this.queryId,
|
|
|
+ status: type,
|
|
|
+ remark: remark,
|
|
|
};
|
|
|
- const res = await asyncRequest.status(model);
|
|
|
- if (res.code === 0) {
|
|
|
- this.loading = false;
|
|
|
+ let res = await asyncRequest.status(_model);
|
|
|
+ if (res && res.code === 0) {
|
|
|
this.$notify.success({
|
|
|
- title: "状态修改成功！",
|
|
|
+ title: "提交成功！",
|
|
|
message: "",
|
|
|
});
|
|
|
- await this.searchList();
|
|
|
+ await this.initForm();
|
|
|
+ } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
+ await this.logout();
|
|
|
} else {
|
|
|
- this.loading = false;
|
|
|
+ this.$message.warning(res.message);
|
|
|
}
|
|
|
})
|
|
|
.catch(() => {
|
|
|
console.log("取消");
|
|
|
});
|
|
|
},
|
|
|
+ handleClick(row) {
|
|
|
+ console.log(row);
|
|
|
+ },
|
|
|
+ refresh(e) {
|
|
|
+ const { spuCode } = e;
|
|
|
+ window.vm.$router.replace({
|
|
|
+ path: "activeDetail",
|
|
|
+ query: {
|
|
|
+ id: this.queryType === "add" ? spuCode : this.queryId,
|
|
|
+ type: "view",
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async initData() {
|
|
|
+ this.loading = true;
|
|
|
+ const { code, message, data } = await asyncRequest.detail({
|
|
|
+ id: this.queryId,
|
|
|
+ });
|
|
|
+ this.loading = false;
|
|
|
+ if (code === 0) {
|
|
|
+ this.sitem = JSON.parse(JSON.stringify(data));
|
|
|
+ const { status } = this.sitem;
|
|
|
+ this.status = status;
|
|
|
+ this.getNewTime();
|
|
|
+ } else if (code >= 100 && code <= 104) {
|
|
|
+ await this.logout();
|
|
|
+ } else {
|
|
|
+ this.$message.warning(message);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getNewTime() {
|
|
|
+ this.newTime = new Date().valueOf();
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-.active {
|
|
|
- $gBC: #dfe6ec;
|
|
|
- .list-table {
|
|
|
+.activeDetail {
|
|
|
+ position: relative;
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .activeDetail-main {
|
|
|
+ overflow-y: scroll;
|
|
|
position: relative;
|
|
|
+ padding: 10px;
|
|
|
+ height: 100%;
|
|
|
width: 100%;
|
|
|
- border-top: 1px solid $gBC;
|
|
|
- border-left: 1px solid $gBC;
|
|
|
- .left {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- z-index: 2;
|
|
|
- background: #fff;
|
|
|
- .header {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- .header-item {
|
|
|
- width: 100px;
|
|
|
- flex: 1;
|
|
|
- padding: 0 10px;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- border-right: 1px solid $gBC;
|
|
|
- border-bottom: 1px solid $gBC;
|
|
|
- }
|
|
|
- }
|
|
|
- .header-body {
|
|
|
- width: 100%;
|
|
|
- position: relative;
|
|
|
- .header-body-row {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- .heder-body-col {
|
|
|
- flex: 1;
|
|
|
- padding: 0 10px;
|
|
|
- height: 30px;
|
|
|
- border-right: 1px solid $gBC;
|
|
|
- border-bottom: 1px solid $gBC;
|
|
|
- line-height: 30px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .right {
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
- display: block;
|
|
|
- overflow-x: scroll;
|
|
|
- .header {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- .header-col {
|
|
|
- min-width: 240px;
|
|
|
- flex: 1;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
-
|
|
|
- // position: relative;
|
|
|
- .header-col-jieti {
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
- // position: relative;
|
|
|
- width: 100%;
|
|
|
- .header-col-jieti-title {
|
|
|
- // position: relative;
|
|
|
- width: 100%;
|
|
|
- line-height: 25px;
|
|
|
- border-right: 1px solid $gBC;
|
|
|
- border-bottom: 1px solid $gBC;
|
|
|
- height: 25px;
|
|
|
- }
|
|
|
- .header-col-jieti-main {
|
|
|
- // position: relative;
|
|
|
- width: 100%;
|
|
|
- .header-col-item {
|
|
|
- // position: relative;
|
|
|
- height: 25px;
|
|
|
- line-height: 25px;
|
|
|
- width: 50%;
|
|
|
- border-right: 1px solid $gBC;
|
|
|
- border-bottom: 1px solid $gBC;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .right-body {
|
|
|
- position: relative;
|
|
|
- .right-body-col {
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- .right-body-col-item {
|
|
|
- min-width: 240px;
|
|
|
- flex: 1;
|
|
|
-
|
|
|
- position: relative;
|
|
|
- overflow: hidden;
|
|
|
- .right-body-col-item-div {
|
|
|
- position: relative;
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
- width: 50%;
|
|
|
- padding: 0 10px;
|
|
|
- border-right: 1px solid $gBC;
|
|
|
- border-bottom: 1px solid $gBC;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ }
|
|
|
+ .activeDetail-title {
|
|
|
+ border-top: 1px solid #ebeef5;
|
|
|
+ span {
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ font-family: "微软雅黑", sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ font-style: normal;
|
|
|
+ font-size: 16fpx;
|
|
|
+ text-align: left;
|
|
|
}
|
|
|
}
|
|
|
- .good_name_img {
|
|
|
- position: relative;
|
|
|
- width: 156px;
|
|
|
- img {
|
|
|
- position: relative;
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- display: inline-block;
|
|
|
- border-top: 1px solid #dfe6ec;
|
|
|
- border-right: 1px solid #dfe6ec;
|
|
|
- border-bottom: 1px solid #dfe6ec;
|
|
|
- &:hover {
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- &:first-child {
|
|
|
- border-left: 1px solid #dfe6ec;
|
|
|
- }
|
|
|
+ /deep/ .ddiv {
|
|
|
+ border-top: 1px solid #dcdfe6;
|
|
|
+ }
|
|
|
+ /deep/ .dtitle {
|
|
|
+ width: 40px;
|
|
|
+ text-align: center;
|
|
|
+ height: 100%;
|
|
|
+ min-height: 100%;
|
|
|
+ ul {
|
|
|
+ padding: 12px 0 0 0;
|
|
|
}
|
|
|
}
|
|
|
+ /deep/ .dmain {
|
|
|
+ padding: 20px 0 0 0;
|
|
|
+ width: calc(100% - 40px);
|
|
|
+ border-left: 1px solid #dcdfe6;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
|
|
|
