|
|
@@ -1,159 +1,105 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
-
|
|
|
<show-data-table
|
|
|
+ style="padding: 10px 0 5px 0"
|
|
|
:newTime="newTime"
|
|
|
v-if="newTime !== '' && sitem"
|
|
|
:sitem="sitem"
|
|
|
:columns="columns"
|
|
|
>
|
|
|
- <template slot="supplier_name">
|
|
|
- <span>{{ sitem.supplier_name }}</span>
|
|
|
+ <template slot="status">
|
|
|
+ <el-tag
|
|
|
+ :size="tablebtnSize"
|
|
|
+ v-text="
|
|
|
+ (options.find((item) => item.id == sitem.status) || {}).label ||
|
|
|
+ '--'
|
|
|
+ "
|
|
|
+ ></el-tag>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template slot="departinfo">
|
|
|
+ <span>{{ sitem.salesman }}--</span>
|
|
|
+ <span v-for="(si, sii) in sitem.departinfo" :key="si + sii"
|
|
|
+ ><span v-if="sii !== 0">/</span>{{ si.name }}</span
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ <template slot="company">
|
|
|
+ <span>{{ sitem.company }}</span>
|
|
|
<el-popover placement="top" width="300" trigger="hover">
|
|
|
<ul>
|
|
|
<li>
|
|
|
- <span>销售方公司编号：</span><span>{{ sitem.supplierNo }}</span>
|
|
|
+ <span>销售方公司编号：</span><span>{{ sitem.companyNo }}</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<i class="el-icon-warning-outline fr" slot="reference"></i>
|
|
|
</el-popover>
|
|
|
</template>
|
|
|
- <template slot="company">
|
|
|
- <span>{{ sitem.company }}</span>
|
|
|
+ <template slot="khName">
|
|
|
+ <span>{{ sitem.khname }}</span>
|
|
|
<el-popover placement="top" width="300" trigger="hover">
|
|
|
<ul>
|
|
|
<li>
|
|
|
- <span>购买方公司编号：</span><span>{{ sitem.companyNo }}</span>
|
|
|
+ <span>购买方公司编号：</span><span>{{ sitem.khNo }}</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<i class="el-icon-warning-outline fr" slot="reference"></i>
|
|
|
</el-popover>
|
|
|
</template>
|
|
|
-
|
|
|
- <template slot="status">
|
|
|
- <el-tag
|
|
|
- :size="'mini'"
|
|
|
- :type="sitem.status == '0' ? 'warning' : ''"
|
|
|
+ <template slot="is_project">
|
|
|
+ <span
|
|
|
v-text="
|
|
|
- (statusOptions.find((item) => item.value == sitem.status) || {})
|
|
|
- .label || '--'
|
|
|
+ is_project_options.find((item) => item.value == sitem.is_project)
|
|
|
+ .label
|
|
|
"
|
|
|
- ></el-tag>
|
|
|
+ ></span>
|
|
|
</template>
|
|
|
- <template slot="order_type">
|
|
|
- <el-tag
|
|
|
- :size="'mini'"
|
|
|
+
|
|
|
+ <template slot="is_custom">
|
|
|
+ <span
|
|
|
v-text="
|
|
|
- (
|
|
|
- cg_order_type_options.find(
|
|
|
- (item) => item.id == sitem.order_type
|
|
|
- ) || {}
|
|
|
- ).label || '--'
|
|
|
+ is_custom_options.find((item) => item.value == sitem.is_custom)
|
|
|
+ .label
|
|
|
"
|
|
|
- ></el-tag>
|
|
|
- <el-popover
|
|
|
- placement="top"
|
|
|
- width="300"
|
|
|
- v-if="sitem.order_type === '1'"
|
|
|
- trigger="hover"
|
|
|
- >
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <span>备库单编号：</span><span>{{ sitem.bkcode }}</span>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <i class="el-icon-warning-outline fr" slot="reference"></i>
|
|
|
- </el-popover>
|
|
|
- <el-popover
|
|
|
- placement="top"
|
|
|
- width="300"
|
|
|
- v-if="sitem.order_type !== '1'"
|
|
|
- trigger="hover"
|
|
|
- >
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <span>订单编号：</span><span>{{ sitem.orderCode }}</span>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <i class="el-icon-warning-outline fr" slot="reference"></i>
|
|
|
- </el-popover>
|
|
|
+ ></span>
|
|
|
</template>
|
|
|
|
|
|
- <template slot="wsm">
|
|
|
- <span>{{ sitem.wsm_supplier }}/{{ sitem.wsm_name }}</span>
|
|
|
- <el-popover placement="top" width="300" trigger="hover">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <span>仓库公司编号：</span><span>{{ sitem.wsm_supplierNo }}</span>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span>仓库名称编号：</span><span>{{ sitem.wsm_code }}</span>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <i class="el-icon-warning-outline fr" slot="reference"></i>
|
|
|
- </el-popover>
|
|
|
+ <template slot="cat_id">
|
|
|
+ <span v-for="(item, index) in sitem.can" :key="item.id + item.name">
|
|
|
+ {{ item.name }} <span v-if="index + 1 < sitem.can.length">_</span>
|
|
|
+ </span>
|
|
|
</template>
|
|
|
|
|
|
- <template slot="gold_price">
|
|
|
- <div
|
|
|
- v-if="
|
|
|
- sitem.status == '0' &&
|
|
|
- sitem.can[0].id == '6' &&
|
|
|
- cost_detailArr.is_gold_price == '1'
|
|
|
+ <template slot="is_gold_price">
|
|
|
+ <span
|
|
|
+ v-text="
|
|
|
+ is_gold_price_options.find((item) => item.value == sitem.is_custom)
|
|
|
+ .label
|
|
|
"
|
|
|
- >
|
|
|
- {{ sitem.gold_price }}
|
|
|
- </div>
|
|
|
- <div v-else>----</div>
|
|
|
+ ></span>
|
|
|
</template>
|
|
|
- <template slot="customer">
|
|
|
- <span>{{ sitem.customer.companyName }}</span>
|
|
|
- <el-popover
|
|
|
- placement="top"
|
|
|
- width="300"
|
|
|
- trigger="hover"
|
|
|
- v-if="sitem.order_type != 1"
|
|
|
- >
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <span>客户编号：</span><span>{{ sitem.customer.companyNo }}</span>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <i class="el-icon-warning-outline fr" slot="reference"></i>
|
|
|
- </el-popover>
|
|
|
+
|
|
|
+ <template slot="good_img">
|
|
|
+ <div class="btnupload">
|
|
|
+ <img
|
|
|
+ v-if="sitem.good_img"
|
|
|
+ :src="sitem.good_img"
|
|
|
+ style="width: 120px; height: 120px"
|
|
|
+ class="avatar"
|
|
|
+ />
|
|
|
+ <i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
- <template slot="addr_info">
|
|
|
+ <template slot="specinfo">
|
|
|
<el-table
|
|
|
- :data="sitem.addr_info"
|
|
|
- :size="'mini'"
|
|
|
- border
|
|
|
- stripe
|
|
|
- style="width: 100%"
|
|
|
- >
|
|
|
- <el-table-column
|
|
|
- prop="contactor"
|
|
|
- label="收货人"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="mobile" label="联系电话" show-overflow-tooltip>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="addr_code"
|
|
|
- label="收货地址"
|
|
|
- show-overflow-tooltip
|
|
|
- min-width="180px"
|
|
|
- >
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column
|
|
|
- prop="receipt_quantity"
|
|
|
- label="发货数量"
|
|
|
- show-overflow-tooltip
|
|
|
- min-width="180px"
|
|
|
- >
|
|
|
- </el-table-column>
|
|
|
+ :data="sitem.specinfo"
|
|
|
+ :size="'mini'"
|
|
|
+ border
|
|
|
+ style="width: 90%; margin:auto;"
|
|
|
+ height="120px"
|
|
|
+ >
|
|
|
+ <el-table-column prop="spec_name" label="规格类型" />
|
|
|
+ <el-table-column prop="spec_value_name" label="规格值" />
|
|
|
</el-table>
|
|
|
</template>
|
|
|
</show-data-table>
|
|
|
@@ -161,82 +107,92 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import {columns, statusOptions,} from "./columns";
|
|
|
-import { cg_order_type_options } from "@/assets/js/statusList";
|
|
|
+import { columns } from "./columns";
|
|
|
+// import { cg_order_type_options } from "@/assets/js/statusList";
|
|
|
|
|
|
//————————————————
|
|
|
import mixinPage from "@/mixins/elPaginationHandle";
|
|
|
import resToken from "@/mixins/resToken";
|
|
|
-import asyncRequest from "@/apis/service/purchaseIn/purchaseOrder";
|
|
|
-
|
|
|
+import asyncRequest from "@/apis/service/sellOut/zixunOrder";
|
|
|
+import { mapGetters } from "vuex";
|
|
|
|
|
|
export default {
|
|
|
mixins: [mixinPage, resToken],
|
|
|
- props:["queryId"],
|
|
|
+ props: ["queryId"],
|
|
|
+ computed: { ...mapGetters(["tablebtnSize", "searchSize", "size"]) },
|
|
|
data() {
|
|
|
return {
|
|
|
- cg_order_type_options,
|
|
|
- statusOptions,
|
|
|
- cost_detailArr: [],
|
|
|
+ options: [
|
|
|
+ { id: "0", label: "待发布竞标" },
|
|
|
+ { id: "1", label: "招标进行中" },
|
|
|
+ { id: "2", label: "招标已结束" },
|
|
|
+ { id: "3", label: "待选择商品" },
|
|
|
+ { id: "4", label: "已选商品待下单" },
|
|
|
+ { id: "5", label: "已成功转单" },
|
|
|
+ { id: "6", label: "已取消转单" },
|
|
|
+ { id: "7", label: "招标已暂停" },
|
|
|
+ ],
|
|
|
+ is_project_options: [
|
|
|
+ { value: "0", label: "非项目" },
|
|
|
+ { value: "1", label: "项目" },
|
|
|
+ ],
|
|
|
+ is_addrs_options: [
|
|
|
+ { value: "0", label: "一地" },
|
|
|
+ { value: "1", label: "多地" },
|
|
|
+ ],
|
|
|
+ is_custom_options: [
|
|
|
+ { value: "0", label: "非定制" },
|
|
|
+ { value: "1", label: "定制" },
|
|
|
+ ],
|
|
|
+ is_gold_price_options: [
|
|
|
+ { value: "0", label: "不启用" },
|
|
|
+ { value: "1", label: "启用" },
|
|
|
+ ],
|
|
|
|
|
|
//——————————————————————
|
|
|
+ status: "",
|
|
|
columns,
|
|
|
newTime: "",
|
|
|
- sitem:null,
|
|
|
- loading:false,
|
|
|
+ sitem: null,
|
|
|
+ loading: false,
|
|
|
};
|
|
|
},
|
|
|
- mounted(){
|
|
|
- this.initData()
|
|
|
+ mounted() {
|
|
|
+ this.initData();
|
|
|
},
|
|
|
- methods:{
|
|
|
+ methods: {
|
|
|
getNewTime() {
|
|
|
this.newTime = new Date().valueOf();
|
|
|
},
|
|
|
async initData() {
|
|
|
this.loading = true;
|
|
|
- const res = await asyncRequest.detail({ cgdNo: this.queryId });
|
|
|
- if (res && res.code === 0 && res.data) {
|
|
|
- this.sitem = res.data;
|
|
|
- console.log("11111111111111111", this.sitem);
|
|
|
- this.goldPrice();
|
|
|
- const { status, can, cgdNo } = this.sitem;
|
|
|
- this.status = status;
|
|
|
+ const { code, message, data } = await asyncRequest.detail({
|
|
|
+ infoNo: this.queryId,
|
|
|
+ });
|
|
|
+ this.loading = false;
|
|
|
+ console.log(data);
|
|
|
+ if (code === 0) {
|
|
|
+ this.sitem = JSON.parse(JSON.stringify(data));
|
|
|
+ const { status, can } = this.sitem;
|
|
|
if (can && can.length > 0) {
|
|
|
- this.sitem.class_cat = "";
|
|
|
- can.forEach((x, i) => {
|
|
|
- this.sitem.class_cat += i === 0 ? x.name : "/" + x.name;
|
|
|
+ let cat_id = [];
|
|
|
+ can.forEach((e) => {
|
|
|
+ cat_id.push(e.id);
|
|
|
});
|
|
|
+ this.sitem.cat_id = cat_id;
|
|
|
+ } else {
|
|
|
+ this.sitem.cat_id = [];
|
|
|
}
|
|
|
+
|
|
|
+ this.status = status;
|
|
|
this.getNewTime();
|
|
|
- } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
+ } else if (code >= 100 && code <= 104) {
|
|
|
await this.logout();
|
|
|
} else {
|
|
|
- this.$message.warning(res.message);
|
|
|
- }
|
|
|
- this.loading = false;
|
|
|
- },
|
|
|
- async goldPrice() {
|
|
|
- // console.log(this.sitem.order_type,"11111111111111111111111")
|
|
|
- // if(this.sitem.order_type){}
|
|
|
- // return;
|
|
|
- let res = {};
|
|
|
- let { order_type } = this.sitem;
|
|
|
- console.log( order_type == "6")
|
|
|
- if (order_type == "1" || order_type == "2" || order_type == "5"|| order_type == "6") {
|
|
|
- res = await asyncRequest.cost_detail({ spuCode: this.sitem.spuCode });
|
|
|
- } else {
|
|
|
- res = await asyncRequest.cove_detail({ spuCode: this.sitem.spuCode });
|
|
|
- }
|
|
|
- if (res && res.code === 0 && res.data) {
|
|
|
- this.cost_detailArr = res.data;
|
|
|
- } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
- await this.logout();
|
|
|
- } else {
|
|
|
- this.$message.warning(res.message);
|
|
|
+ this.$message.warning(message);
|
|
|
}
|
|
|
},
|
|
|
- }
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|
