|
|
@@ -76,16 +76,18 @@
|
|
|
<el-tag
|
|
|
:size="'mini'"
|
|
|
v-text="
|
|
|
- (
|
|
|
- is_determine_price_options.find(
|
|
|
- (item) => item.id == sitem.is_determine_price + ''
|
|
|
- ) || {}
|
|
|
- ).label || '--'
|
|
|
+ (is_determine_price_options.find((item) => item.id == sitem.is_determine_price + '') || {})
|
|
|
+ .label || '--'
|
|
|
"
|
|
|
/>
|
|
|
</template>
|
|
|
</show-data-table>
|
|
|
</el-collapse-item>
|
|
|
+
|
|
|
+ <!-- 没有授权 -->
|
|
|
+ <!-- 授权已过期 -->
|
|
|
+ <!-- 授权正常 -->
|
|
|
+
|
|
|
<el-collapse-item title="商品信息" name="20">
|
|
|
<show-data-table
|
|
|
v-if="newTime !== ''"
|
|
|
@@ -93,6 +95,59 @@
|
|
|
:columns="coveColumns"
|
|
|
:sitem="sitem"
|
|
|
>
|
|
|
+ <template slot="brand_name">
|
|
|
+ <span>{{ sitem.brand_name }}</span>
|
|
|
+ <el-popover placement="top" width="450" trigger="hover">
|
|
|
+ <div>
|
|
|
+ <p
|
|
|
+ v-if="mapBrandColor[brandType].text"
|
|
|
+ :style="`color:${mapBrandColor[brandType].color};font-size:16px;text-align:center;margin-bottom:${brandType === 'warning' || brandType === 'noStart' ? '10px' : '0px'}`"
|
|
|
+ >{{mapBrandColor[brandType].text(sitem.brand_name)}}</p>
|
|
|
+
|
|
|
+ <show-data-table
|
|
|
+ v-if="brandType !== 'danger'"
|
|
|
+ :columns="brandColumns"
|
|
|
+ :sitem="{
|
|
|
+ name:sitem.brand_name,
|
|
|
+ ...brandData,
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ <template slot="long">
|
|
|
+ {{
|
|
|
+ String(brandData.long) === "1" ? "非长期" : "长期"
|
|
|
+ }}
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template slot="brandTime">
|
|
|
+ {{String(brandData.starttime).split(" ")[0]}} ~ {{String(brandData.long) === "0" ? "长期有效" : String(brandData.endtime).split(" ")[0]}}
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template slot="brandImage">
|
|
|
+ <div
|
|
|
+ v-if="brandData.brand_book"
|
|
|
+ style="display:flex"
|
|
|
+ class="hover"
|
|
|
+ v-viewer
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ v-for="url in brandData.brand_book.split(',')"
|
|
|
+ :key="url"
|
|
|
+ :src="url"
|
|
|
+ style="display: inline-block; width: 20px;height:20px;margin-left:5px"
|
|
|
+ alt
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </show-data-table>
|
|
|
+ </div>
|
|
|
+ <i
|
|
|
+ slot="reference"
|
|
|
+ class="el-icon-warning-outline fr"
|
|
|
+ :style="`color:${mapBrandColor[brandType].color} !important;font-weight:500`"
|
|
|
+ />
|
|
|
+ </el-popover>
|
|
|
+ </template>
|
|
|
+
|
|
|
<template slot="good_name">
|
|
|
<span>{{ sitem.good_name }}</span>
|
|
|
<span v-for="(si, i) in sitem.specinfo" :key="si.spec_id + i">
|
|
|
@@ -149,11 +204,11 @@
|
|
|
<template slot="noble">
|
|
|
<span v-if="sitem.noble_name">
|
|
|
{{ sitem.noble_weight ? sitem.noble_weight : "0" }}g-{{
|
|
|
- sitem.noble_name
|
|
|
+ sitem.noble_name
|
|
|
}}-{{ sitem.gold_price ? sitem.gold_price : "0" }}元/g-{{
|
|
|
- sitem.is_gold_price === "0" ? "不" : ""
|
|
|
+ sitem.is_gold_price === "0" ? "不" : ""
|
|
|
}}启用实时金价-{{ sitem.is_diff === "1" ? "有" : "无" }}工差-{{
|
|
|
- sitem.config
|
|
|
+ sitem.config
|
|
|
}}-{{ sitem.other_config }}
|
|
|
</span>
|
|
|
<span v-else>--</span>
|
|
|
@@ -167,7 +222,7 @@
|
|
|
class="fl"
|
|
|
:src="si"
|
|
|
alt
|
|
|
- >
|
|
|
+ />
|
|
|
</template>
|
|
|
</show-data-table>
|
|
|
</el-collapse-item>
|
|
|
@@ -176,9 +231,9 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import asyncRequest from '@/apis/service/sellOut/filing'
|
|
|
-import resToken from '@/mixins/resToken'
|
|
|
-import { mapGetters } from 'vuex'
|
|
|
+import asyncRequest from "@/apis/service/sellOut/filing";
|
|
|
+import resToken from "@/mixins/resToken";
|
|
|
+import { mapGetters } from "vuex";
|
|
|
|
|
|
import {
|
|
|
costArr,
|
|
|
@@ -199,19 +254,47 @@ import {
|
|
|
bargainingArr,
|
|
|
statusOptions,
|
|
|
is_determine_price_options
|
|
|
-} from '../config/columns'
|
|
|
+} from "../config/columns";
|
|
|
|
|
|
export default {
|
|
|
- name: 'FilingDetail',
|
|
|
+ name: "FilingDetail",
|
|
|
mixins: [resToken],
|
|
|
computed: {
|
|
|
- ...mapGetters(['tablebtnSize', 'searchSize', 'size', 'private_field'])
|
|
|
+ ...mapGetters(["tablebtnSize", "searchSize", "size", "private_field"])
|
|
|
},
|
|
|
|
|
|
data() {
|
|
|
return {
|
|
|
- size: 'small',
|
|
|
+ size: "small",
|
|
|
eaxmList: [],
|
|
|
+ brandColumns: [
|
|
|
+ {
|
|
|
+ prop: "name",
|
|
|
+ label: "品牌",
|
|
|
+ span: 24
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "long",
|
|
|
+ label: "授权类型",
|
|
|
+ span: 24,
|
|
|
+ _slot_: "long"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "授权图片",
|
|
|
+ span: 24,
|
|
|
+ _slot_: "brandImage"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "授权时间",
|
|
|
+ span: 24,
|
|
|
+ _slot_: "brandTime"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop:'remark',
|
|
|
+ label: "备注",
|
|
|
+ span: 24,
|
|
|
+ }
|
|
|
+ ],
|
|
|
costArr,
|
|
|
bargainingArr,
|
|
|
editColumns,
|
|
|
@@ -230,102 +313,158 @@ export default {
|
|
|
statusOptions,
|
|
|
is_determine_price_options,
|
|
|
coveColumns,
|
|
|
- projectTabs: '1',
|
|
|
- activeNames: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '20'],
|
|
|
- newTime: '',
|
|
|
+ brandData: {},
|
|
|
+ projectTabs: "1",
|
|
|
+ activeNames: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "20"],
|
|
|
+ newTime: "",
|
|
|
loading: false,
|
|
|
- queryType: '',
|
|
|
- queryId: '',
|
|
|
- status: '',
|
|
|
+ queryType: "",
|
|
|
+ queryId: "",
|
|
|
+ status: "",
|
|
|
sitem: null,
|
|
|
-
|
|
|
+ brandType: "info",
|
|
|
+ mapBrandColor: {
|
|
|
+ warning: {
|
|
|
+ text: name => `供应商的 '${name}' 品牌授权已过期`,
|
|
|
+ color: "#E6A23C"
|
|
|
+ },
|
|
|
+ noStart: {
|
|
|
+ text: name => `供应商的 '${name}' 品牌授权未开始`,
|
|
|
+ color: "#E6A23C"
|
|
|
+ },
|
|
|
+ danger: {
|
|
|
+ text: name => `供应商没有 '${name}' 的品牌授权`,
|
|
|
+ color: "#F56C6C"
|
|
|
+ },
|
|
|
+ info: {
|
|
|
+ color: "#909399"
|
|
|
+ }
|
|
|
+ },
|
|
|
orderItem: {},
|
|
|
moneyDirItem: {},
|
|
|
moneyItem: {},
|
|
|
BossItem: {}
|
|
|
- }
|
|
|
+ };
|
|
|
},
|
|
|
mounted() {
|
|
|
- this.initForm()
|
|
|
+ this.initForm();
|
|
|
},
|
|
|
methods: {
|
|
|
async initForm() {
|
|
|
- const { id, type } = this.$route.query
|
|
|
- this.queryId = id
|
|
|
- this.queryType = type
|
|
|
- this.projectTabs = '1'
|
|
|
- this.loading = true
|
|
|
- await this.initData()
|
|
|
- this.loading = false
|
|
|
+ const { id, type } = this.$route.query;
|
|
|
+ this.queryId = id;
|
|
|
+ this.queryType = type;
|
|
|
+ this.projectTabs = "1";
|
|
|
+ this.loading = true;
|
|
|
+ await this.initData();
|
|
|
+ this.loading = false;
|
|
|
},
|
|
|
|
|
|
handleClick(row) {
|
|
|
- console.log(row)
|
|
|
+ console.log(row);
|
|
|
},
|
|
|
async refresh() {
|
|
|
- this.routeReGoto('filing', {})
|
|
|
+ this.routeReGoto("filing", {});
|
|
|
},
|
|
|
download() {
|
|
|
- const { fill_url } = this.sitem
|
|
|
- const a = document.createElement('a')
|
|
|
- a.style.display = 'none'
|
|
|
- a.href = fill_url
|
|
|
- document.body.appendChild(a)
|
|
|
- a.click()
|
|
|
- document.body.removeChild(a)
|
|
|
+ const { fill_url } = this.sitem;
|
|
|
+ const a = document.createElement("a");
|
|
|
+ a.style.display = "none";
|
|
|
+ a.href = fill_url;
|
|
|
+ document.body.appendChild(a);
|
|
|
+ a.click();
|
|
|
+ document.body.removeChild(a);
|
|
|
},
|
|
|
getAnnexName() {
|
|
|
- const { fill_url } = this.sitem
|
|
|
- if (!fill_url) return ''
|
|
|
- const chunks = fill_url.split('/')
|
|
|
- const [name, suffix] = (chunks[chunks.length - 1] || '').split('.')
|
|
|
+ const { fill_url } = this.sitem;
|
|
|
+ if (!fill_url) return "";
|
|
|
+ const chunks = fill_url.split("/");
|
|
|
+ const [name, suffix] = (chunks[chunks.length - 1] || "").split(".");
|
|
|
|
|
|
- if (name.length > 10) {
|
|
|
- return ([name[0], name[1], name[2], ' ... ', name[name.length - 2], name[name.length - 1]]).join('') + '.' + suffix
|
|
|
+ if (name.length > 12) {
|
|
|
+ const [first, second, third, ...rest] = name.split("");
|
|
|
+ return `
|
|
|
+ ${[
|
|
|
+ first,
|
|
|
+ second,
|
|
|
+ third,
|
|
|
+ " ... ",
|
|
|
+ rest[rest.length - 2],
|
|
|
+ rest[rest.length - 1]
|
|
|
+ ].join("")}.${suffix}
|
|
|
+ `;
|
|
|
}
|
|
|
|
|
|
- return name + '.' + suffix
|
|
|
+ return `${name}.${suffix}`;
|
|
|
},
|
|
|
async initData() {
|
|
|
- this.loading = true
|
|
|
-
|
|
|
+ this.loading = true;
|
|
|
const { code, message, data } = await asyncRequest.detail({
|
|
|
id: this.queryId
|
|
|
- })
|
|
|
-
|
|
|
- // return
|
|
|
- this.eaxmList = []
|
|
|
- this.loading = false
|
|
|
+ });
|
|
|
+ this.eaxmList = [];
|
|
|
+ this.loading = false;
|
|
|
if (code === 0) {
|
|
|
- this.sitem = JSON.parse(JSON.stringify(data))
|
|
|
- const { cat_info } = this.sitem
|
|
|
- let cat = ''
|
|
|
-
|
|
|
+ this.sitem = JSON.parse(JSON.stringify(data));
|
|
|
+ const { cat_info } = this.sitem;
|
|
|
+ let cat = "";
|
|
|
if (cat_info && cat_info.length > 0) {
|
|
|
cat_info.forEach((e, i) => {
|
|
|
- cat += i === 0 ? e.name : '_' + e.name
|
|
|
- })
|
|
|
+ cat += i === 0 ? e.name : "_" + e.name;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.sitem.cat = cat;
|
|
|
+ const { status, num, orderCode } = this.sitem;
|
|
|
+ this.status = status;
|
|
|
+ const { brand_id, supplierNo } = data;
|
|
|
+
|
|
|
+ const result = await asyncRequest.keepqueryl({
|
|
|
+ brand_id,
|
|
|
+ gyscode: supplierNo
|
|
|
+ });
|
|
|
+
|
|
|
+ if (result.code === 0) {
|
|
|
+ if (result.data.length === 0) {
|
|
|
+ // 没有找到授权信息
|
|
|
+ this.brandType = "danger";
|
|
|
+ }
|
|
|
+
|
|
|
+ this.brandData = result.data;
|
|
|
+ const { endtime, starttime ,long } = this.brandData;
|
|
|
+ const now = new Date();
|
|
|
+ const start = new Date(starttime);
|
|
|
+
|
|
|
+ if(start > now){
|
|
|
+ this.brandType = "noStart"
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ if (String(long) === "1") {
|
|
|
+ // 短期 查看授权是否过期
|
|
|
+ const end = new Date(endtime);
|
|
|
+
|
|
|
+ if (now > end) {
|
|
|
+ // 过期
|
|
|
+ this.brandType = "warning";
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
- this.sitem.cat = cat
|
|
|
- const { status, num, orderCode } = this.sitem
|
|
|
- this.status = status
|
|
|
|
|
|
- this.$emit('change-detail', data)
|
|
|
- // this.$emit('change-status', status)
|
|
|
- this.$emit('change-num', num)
|
|
|
- this.$emit('change-order-code', orderCode)
|
|
|
- this.getNewTime()
|
|
|
+ this.$emit("change-detail", data);
|
|
|
+ this.$emit("change-num", num);
|
|
|
+ this.$emit("change-order-code", orderCode);
|
|
|
+ this.getNewTime();
|
|
|
} else if (code >= 100 && code <= 104) {
|
|
|
- await this.logout()
|
|
|
+ await this.logout();
|
|
|
} else {
|
|
|
- this.$message.warning(message)
|
|
|
+ this.$message.warning(message);
|
|
|
}
|
|
|
},
|
|
|
getNewTime() {
|
|
|
- this.newTime = new Date().valueOf()
|
|
|
+ this.newTime = new Date().valueOf();
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
+};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.filingDetail {
|
|
|
@@ -368,5 +507,13 @@ export default {
|
|
|
width: calc(100% - 40px);
|
|
|
border-left: 1px solid #dcdfe6;
|
|
|
}
|
|
|
+
|
|
|
+ .warning {
|
|
|
+ color: yellow !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .danger {
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
