|
@@ -1,6 +1,5 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
-
|
|
|
<detailDatatable
|
|
|
:newTime="newTime"
|
|
|
v-if="newTime !== '' && sitem"
|
|
@@ -32,60 +31,64 @@
|
|
|
|
|
|
<template slot="ladder">
|
|
|
<el-table
|
|
|
- :data="sitem.ladder"
|
|
|
+ :data="sitem.ladder"
|
|
|
+ :size="'mini'"
|
|
|
+ border
|
|
|
+ stripe
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-table-column label="商品阶梯" width="70px">
|
|
|
+ <template slot-scope="scope"> {{ scope.$index + 1 }}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="good_type" label="商品类型" width="80px">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-tag
|
|
|
:size="'mini'"
|
|
|
- border
|
|
|
- stripe
|
|
|
- style="width: 100%"
|
|
|
+ v-text="
|
|
|
+ (
|
|
|
+ statusOptions.find(
|
|
|
+ (item) => item.value == scope.row.good_type
|
|
|
+ ) || {}
|
|
|
+ ).label || '--'
|
|
|
+ "
|
|
|
+ ></el-tag
|
|
|
+ ></template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="budget_price" label="预算单价" width="110">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span
|
|
|
+ v-if="
|
|
|
+ newTime !== '' &&
|
|
|
+ private_field &&
|
|
|
+ private_field.length > 0 &&
|
|
|
+ private_field.some((item) => item == '2')
|
|
|
+ "
|
|
|
+ >{{ scope.row.budget_price }}</span
|
|
|
>
|
|
|
- <el-table-column label="商品阶梯" width="70px">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.$index + 1 }}</template
|
|
|
- >
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="good_type" label="商品类型" width="80px">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-tag
|
|
|
- :size="'mini'"
|
|
|
- v-text="
|
|
|
- (
|
|
|
- statusOptions.find(
|
|
|
- (item) => item.value == scope.row.good_type
|
|
|
- ) || {}
|
|
|
- ).label || '--'
|
|
|
- "
|
|
|
- ></el-tag
|
|
|
- ></template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="budget_price"
|
|
|
- label="预算单价"
|
|
|
- width="110"
|
|
|
+ <span v-else>******</span></template
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="num" label="购买数量" width="110" />
|
|
|
+ <el-table-column prop="cat_name" label="商品分类" />
|
|
|
+ <el-table-column prop="good_img" label="图片" width="50">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div
|
|
|
+ v-if="scope.row.good_img"
|
|
|
+ style="width: 20px; height: 20px"
|
|
|
+ class="hover"
|
|
|
+ v-viewer
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ :src="scope.row.good_img"
|
|
|
+ style="display: inline-block; width: 100%; height: 100%"
|
|
|
+ alt=""
|
|
|
/>
|
|
|
- <el-table-column prop="num" label="购买数量" width="110" />
|
|
|
- <el-table-column prop="cat_name" label="商品分类" />
|
|
|
- <el-table-column prop="good_img" label="图片" width="50">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div
|
|
|
- v-if="scope.row.good_img"
|
|
|
- style="width: 20px; height: 20px"
|
|
|
- class="hover"
|
|
|
- v-viewer
|
|
|
- >
|
|
|
- <img
|
|
|
- :src="scope.row.good_img"
|
|
|
- style="display: inline-block; width: 100%; height: 100%"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="good_name" label="商品名称" />
|
|
|
-
|
|
|
-
|
|
|
- </el-table>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="good_name" label="商品名称" />
|
|
|
+ </el-table>
|
|
|
</template>
|
|
|
-
|
|
|
|
|
|
<template slot="wsm">
|
|
|
<span>{{ sitem.wsm_supplier }}/{{ sitem.wsm_name }}</span>
|
|
@@ -101,153 +104,177 @@
|
|
|
<i class="el-icon-warning-outline fr" slot="reference"></i>
|
|
|
</el-popover>
|
|
|
</template>
|
|
|
-
|
|
|
-
|
|
|
+ <template slot="budget_total">
|
|
|
+ <span
|
|
|
+ v-if="
|
|
|
+ newTime !== '' &&
|
|
|
+ private_field &&
|
|
|
+ private_field.length > 0 &&
|
|
|
+ private_field.some((item) => item == '2')
|
|
|
+ "
|
|
|
+ >{{ sitem.budget_total }}</span
|
|
|
+ >
|
|
|
+ <span v-else>******</span>
|
|
|
+ </template>
|
|
|
</detailDatatable>
|
|
|
<div class="project-setPlan-title">
|
|
|
- 销售业务项目方案
|
|
|
+ 销售业务项目方案
|
|
|
+ <span
|
|
|
+ style="margin: 0 0 0 50px; font-size: 13px; color: #e4393c"
|
|
|
+ v-if="total !== 0 && table_type === 'list'"
|
|
|
+ >{{ plan_show.status === "1" ? "已选定" : "" }}
|
|
|
<span
|
|
|
- style="margin: 0 0 0 50px; font-size: 13px; color: #e4393c"
|
|
|
- v-if="total !== 0 && table_type === 'list'"
|
|
|
- >{{ plan_show.status === "1" ? "已选定" : "" }}方案总金额:{{
|
|
|
- plan_show.sale_total
|
|
|
- }}元</span
|
|
|
+ v-if="
|
|
|
+ newTime !== '' &&
|
|
|
+ private_field &&
|
|
|
+ private_field.length > 0 &&
|
|
|
+ private_field.some((item) => item == '2')
|
|
|
+ "
|
|
|
>
|
|
|
-
|
|
|
- </div>
|
|
|
+ 方案总金额:{{ plan_show.sale_total }}元
|
|
|
+ </span>
|
|
|
+ <span v-else>方案总金额:******</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
<div class="project-setPlan-backGood-table">
|
|
|
- <el-table
|
|
|
- :data="plan_show.feedback"
|
|
|
- :size="'mini'"
|
|
|
- border
|
|
|
- stripe
|
|
|
- :ref="'multipleTable' + index"
|
|
|
- style="width: 100%"
|
|
|
- >
|
|
|
- <el-table-column
|
|
|
- prop="pgNo"
|
|
|
- label="要求编码"
|
|
|
- width="155px"
|
|
|
- show-overflow-tooltip
|
|
|
- />
|
|
|
- <el-table-column
|
|
|
- prop="origin_sale_price"
|
|
|
- label="系统售价单价"
|
|
|
- width="110"
|
|
|
- show-overflow-tooltip
|
|
|
- />
|
|
|
+ <el-table
|
|
|
+ :data="plan_show.feedback"
|
|
|
+ :size="'mini'"
|
|
|
+ border
|
|
|
+ stripe
|
|
|
+ :ref="'multipleTable' + index"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ prop="pgNo"
|
|
|
+ label="要求编码"
|
|
|
+ width="155px"
|
|
|
+ show-overflow-tooltip
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ prop="origin_sale_price"
|
|
|
+ label="系统售价单价"
|
|
|
+ width="110"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ><template slot-scope="scope">
|
|
|
+ <span
|
|
|
+ v-if="
|
|
|
+ newTime !== '' &&
|
|
|
+ private_field &&
|
|
|
+ private_field.length > 0 &&
|
|
|
+ private_field.some((item) => item == '2')
|
|
|
+ "
|
|
|
+ >{{ scope.row.origin_sale_price }}</span
|
|
|
+ >
|
|
|
+ <span v-else>******</span></template
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column
|
|
|
- prop="new_sale_price"
|
|
|
- label="当前销售单价"
|
|
|
- width="110"
|
|
|
- show-overflow-tooltip
|
|
|
+ <el-table-column
|
|
|
+ prop="new_sale_price"
|
|
|
+ label="当前销售单价"
|
|
|
+ width="110"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span
|
|
|
+ v-if="
|
|
|
+ newTime !== '' &&
|
|
|
+ private_field &&
|
|
|
+ private_field.length > 0 &&
|
|
|
+ private_field.some((item) => item == '2')
|
|
|
+ "
|
|
|
+ >{{ scope.row.new_sale_price }}</span
|
|
|
+ >
|
|
|
+ <span v-else>******</span></template
|
|
|
>
|
|
|
- <template slot-scope="scope">
|
|
|
- <digital-input
|
|
|
- v-if="table_type === 'add'"
|
|
|
- :values="scope.row.new_sale_price"
|
|
|
- :placeholder="'售价'"
|
|
|
- :min="scope.row.new_sale_price"
|
|
|
- :max="100000000000"
|
|
|
- :position="'right'"
|
|
|
- :precision="2"
|
|
|
- :size="'mini'"
|
|
|
- :controls="false"
|
|
|
- :append="''"
|
|
|
- @reschange="
|
|
|
- moq_num_change($event, scope.$index, 'new_sale_price')
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="origin_num"
|
|
|
+ label="竞价数量"
|
|
|
+ width="110"
|
|
|
+ show-overflow-tooltip
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ prop="num"
|
|
|
+ label="购买数量"
|
|
|
+ width="110"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <digital-input
|
|
|
+ v-if="table_type === 'add'"
|
|
|
+ :values="scope.row.origin_num"
|
|
|
+ :placeholder="'购买数量'"
|
|
|
+ :min="scope.row.origin_num"
|
|
|
+ :max="100000000000"
|
|
|
+ :position="'right'"
|
|
|
+ :precision="0"
|
|
|
+ :size="'mini'"
|
|
|
+ :controls="false"
|
|
|
+ :append="''"
|
|
|
+ @reschange="moq_num_change($event, scope.$index, 'num')"
|
|
|
+ />
|
|
|
+ <span v-else>{{ scope.row.num }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="data_source" label="商品来源" width="85">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-tag
|
|
|
+ :size="'mini'"
|
|
|
+ :type="scope.row.data_source === '1' ? 'success' : ''"
|
|
|
+ >{{
|
|
|
+ scope.row.data_source === "1" ? "平台商品" : "采反商品"
|
|
|
+ }}</el-tag
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="good_img"
|
|
|
+ label="商品图片"
|
|
|
+ min-width="242px"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div v-if="scope.row.good_img && scope.row.good_img.length > 0">
|
|
|
+ <img
|
|
|
+ v-for="(si, sii) in scope.row.good_img"
|
|
|
+ :key="si + sii"
|
|
|
+ :src="si"
|
|
|
+ class="hover fl"
|
|
|
+ style="
|
|
|
+ display: inline-block;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ margin: 0 2px 0 0;
|
|
|
"
|
|
|
+ alt=""
|
|
|
+ v-viewer
|
|
|
/>
|
|
|
- <span v-else>{{ scope.row.sale_price }}元</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="origin_num"
|
|
|
- label="竞价数量"
|
|
|
- width="110"
|
|
|
- show-overflow-tooltip
|
|
|
- />
|
|
|
- <el-table-column
|
|
|
- prop="num"
|
|
|
- label="购买数量"
|
|
|
- width="110"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
- <template slot-scope="scope">
|
|
|
- <digital-input
|
|
|
- v-if="table_type === 'add'"
|
|
|
- :values="scope.row.origin_num"
|
|
|
- :placeholder="'购买数量'"
|
|
|
- :min="scope.row.origin_num"
|
|
|
- :max="100000000000"
|
|
|
- :position="'right'"
|
|
|
- :precision="0"
|
|
|
- :size="'mini'"
|
|
|
- :controls="false"
|
|
|
- :append="''"
|
|
|
- @reschange="moq_num_change($event, scope.$index, 'num')"
|
|
|
- />
|
|
|
- <span v-else>{{ scope.row.num }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="data_source" label="商品来源" width="85">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-tag
|
|
|
- :size="'mini'"
|
|
|
- :type="scope.row.data_source === '1' ? 'success' : ''"
|
|
|
- >{{
|
|
|
- scope.row.data_source === "1" ? "平台商品" : "采反商品"
|
|
|
- }}</el-tag
|
|
|
- >
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="good_img"
|
|
|
- label="商品图片"
|
|
|
- min-width="242px"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
- <template slot-scope="scope">
|
|
|
- <div v-if="scope.row.good_img && scope.row.good_img.length > 0">
|
|
|
- <img
|
|
|
- v-for="(si, sii) in scope.row.good_img"
|
|
|
- :key="si + sii"
|
|
|
- :src="si"
|
|
|
- class="hover fl"
|
|
|
- style="
|
|
|
- display: inline-block;
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- margin: 0 2px 0 0;
|
|
|
- "
|
|
|
- alt=""
|
|
|
- v-viewer
|
|
|
- />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="good_name"
|
|
|
- label="商品名称"
|
|
|
- min-width="120"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.good_name }}</span>
|
|
|
- <span v-for="(si, sii) in scope.row.specinfo" :key="si.id + sii">
|
|
|
- {{ sii === 0 ? "_" : "-" }}{{ si.spec_name }}[{{
|
|
|
- si.spec_value_name
|
|
|
- }}]
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="class_cat"
|
|
|
- label="商品分类"
|
|
|
- show-overflow-tooltip
|
|
|
- />
|
|
|
- <!-- <el-table-column
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="good_name"
|
|
|
+ label="商品名称"
|
|
|
+ min-width="120"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.good_name }}</span>
|
|
|
+ <span v-for="(si, sii) in scope.row.specinfo" :key="si.id + sii">
|
|
|
+ {{ sii === 0 ? "_" : "-" }}{{ si.spec_name }}[{{
|
|
|
+ si.spec_value_name
|
|
|
+ }}]
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="class_cat"
|
|
|
+ label="商品分类"
|
|
|
+ show-overflow-tooltip
|
|
|
+ />
|
|
|
+ <!-- <el-table-column
|
|
|
prop="expiry_day"
|
|
|
label="信息有效期"
|
|
|
width="85"
|
|
@@ -265,13 +292,13 @@
|
|
|
width="70"
|
|
|
show-overflow-tooltip
|
|
|
/> -->
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import {columns, statusOptions,} from "./columns";
|
|
|
+import { columns, statusOptions } from "./columns";
|
|
|
import { cg_order_type_options } from "@/assets/js/statusList";
|
|
|
|
|
|
//————————————————
|
|
@@ -281,10 +308,9 @@ import asyncRequest from "@/apis/service/sellOut/project";
|
|
|
import { mapGetters } from "vuex";
|
|
|
import detailDatatable from "../detail-data-table";
|
|
|
|
|
|
-
|
|
|
export default {
|
|
|
- components:{
|
|
|
- detailDatatable
|
|
|
+ components: {
|
|
|
+ detailDatatable,
|
|
|
},
|
|
|
mixins: [mixinPage, resToken],
|
|
|
computed: {
|
|
@@ -301,7 +327,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
- props:["queryId"],
|
|
|
+ props: ["queryId"],
|
|
|
data() {
|
|
|
return {
|
|
|
cg_order_type_options,
|
|
@@ -323,15 +349,15 @@ export default {
|
|
|
//——————————————————————
|
|
|
columns,
|
|
|
newTime: "",
|
|
|
- sitem:null,
|
|
|
- loading:false,
|
|
|
+ sitem: null,
|
|
|
+ loading: false,
|
|
|
};
|
|
|
},
|
|
|
- mounted(){
|
|
|
- this.initData()
|
|
|
- this.get_plan("1")
|
|
|
+ mounted() {
|
|
|
+ this.initData();
|
|
|
+ this.get_plan("1");
|
|
|
},
|
|
|
- methods:{
|
|
|
+ methods: {
|
|
|
getNewTime() {
|
|
|
this.newTime = new Date().valueOf();
|
|
|
},
|
|
@@ -348,14 +374,14 @@ export default {
|
|
|
this.status = status;
|
|
|
|
|
|
this.sitem.ladder.forEach((e) => {
|
|
|
- e.cat_name = "";
|
|
|
- const { cat_info } = e;
|
|
|
- if (cat_info && cat_info.length > 0) {
|
|
|
- cat_info.forEach((b, bi) => {
|
|
|
- e.cat_name += bi !== 0 ? "_" + b.name : b.name;
|
|
|
- });
|
|
|
- }
|
|
|
- });
|
|
|
+ e.cat_name = "";
|
|
|
+ const { cat_info } = e;
|
|
|
+ if (cat_info && cat_info.length > 0) {
|
|
|
+ cat_info.forEach((b, bi) => {
|
|
|
+ e.cat_name += bi !== 0 ? "_" + b.name : b.name;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
this.getNewTime();
|
|
|
} else if (code >= 100 && code <= 104) {
|
|
|
await this.logout();
|
|
@@ -426,19 +452,18 @@ export default {
|
|
|
return v;
|
|
|
});
|
|
|
|
|
|
-
|
|
|
for (let i = 0; i < this.plan_show.feedback.length; i++) {
|
|
|
this.$set(this.plan_show.feedback[i], i, this.plan_show.feedback[i]);
|
|
|
}
|
|
|
},
|
|
|
- }
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
- .project-setPlan-title{
|
|
|
- // margin:20px 0 !important;
|
|
|
- padding:20px 50px !important;
|
|
|
- background: #f3f3f3;
|
|
|
- }
|
|
|
+.project-setPlan-title {
|
|
|
+ // margin:20px 0 !important;
|
|
|
+ padding: 20px 50px !important;
|
|
|
+ background: #f3f3f3;
|
|
|
+}
|
|
|
</style>
|