Skip to content

Z
zhichan
Commit 3150fd2d by 尹亚亭
Options

selftmreg classCode

parent f981899e
Showing with 162 additions and 81 deletions
channel-access/src/api/tmOrder.js
import http from "@/http/http.js"; import http from "@/http/http.js";
let baseUrl2 = "/a/web/action/tmOrder/springBoard"; let baseUrl = "/api/web/action/tmOrder/springBoard";
// 获取jdtrademark商标注册卡片信息 // 获取jdtrademark商标注册卡片信息
// 产品列表-根据产品大类获取-应用中心 // 产品列表-根据产品大类获取-应用中心
export function getRegInfo() { export function getRegInfo() {
return http.post(baseUrl2, { return http.post(baseUrl, {
actionBody: { actionBody: {
typeOneCode: "sbfu" typeOneCode: "sbfu"
}, },
......
channel-access/src/api/tmTools.js
import http from "@/http/http.js"; import http from "@/http/http.js";
let baseUrl3 = "/api/web/action/tmTools/springBoard"; let baseUrl = "/api/web/action/tmTools/springBoard";
// 获取selftmreg的尼斯查询 一级查询得到二级树 // 获取selftmreg的尼斯查询 一级查询得到二级树
export function getNiceQueryLevelOne() { // 获取selftmreg的尼斯查询 二级查询得到三级树
return http.post(baseUrl3, { export function getNiceQueryLevelOne(nclcodeSCode) {
return http.post(baseUrl, {
actionBody: { actionBody: {
nclcode: "01" nclcode: nclcodeSCode
}, },
actionType: "getNcl", actionType: "getNcl",
requrl: "/action/tmTools/springBoard" requrl: "/action/tmTools/springBoard"
}); });
} }
// 获取selftmreg的尼斯查询 二级查询得到三级树
// 分类过滤接口
export function getNiceQueryLevelTwo() { export function getNiceQueryLevelTwo() {
return http.post(baseUrl3, { return http.post(baseUrl, {
actionBody: { actionBody: {
name: "生物化学", //Y strin 尼斯名称 name: "生物化学", //Y strin 尼斯名称
ncls: ["01"] //N List 尼斯大类编码列表 ncls: ["01"] //N List 尼斯大类编码列表
}, },
actionType: "getNcl" actionType: "getNclByLikeNameAndNcl"
}); });
} }
channel-access/src/views/pages/jdtrademark/Jdtmbrandreg.vue
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
> >
<div> <div>
<div> <div>
<img :src="item.productLogo" alt /> <img :src="item.icon_url" alt />
</div> </div>
<div>{{ item.item_name }}</div> <div>{{ item.item_name }}</div>
</div> </div>
......
channel-access/src/views/pages/selftmreg/ModifyTrademark.vue
<!-- 第一步：填写基本信息 商标信息 分类选择--> <!-- 第一步：填写基本信息 商标信息 分类选择-->
<template> <template>
<div> <div>
<!-- <div>{{ stepsParams.steponeChoose.type }}</div> -->
<!-- <button @click="handleClick">click me</button> -->
<!-- 基本信息填写 --> <!-- 基本信息填写 -->
<div class="modifyTrademark"> <div class="modifyTrademark">
<div class="modifyTrademark-main"> <div class="modifyTrademark-main">
...@@ -134,17 +131,20 @@ ...@@ -134,17 +131,20 @@
<!-- 树形控件 --> <!-- 树形控件 -->
<div class="classTrademark-left-tree"> <div class="classTrademark-left-tree">
<el-tree <el-tree
:props="props"
:data="ncldata" :data="ncldata"
show-checkbox
empty-text="暂无数据" empty-text="暂无数据"
node-key="id" node-key="name"
default-expand-all show-checkbox
:expand-on-click-node="false" :expand-on-click-node="false"
:props="props" lazy
:load="loadNode"
@check-change="handleCheckChange"
ref="tree"
></el-tree> ></el-tree>
</div> </div>
</div> </div>
<!-- --> <!-- 右侧选中呈现与清除选择 -->
<div class="classTrademark-right"> <div class="classTrademark-right">
<div class="classTrademark-right-top"> <div class="classTrademark-right-top">
<p>已选择的商品/服务项</p> <p>已选择的商品/服务项</p>
...@@ -159,21 +159,22 @@ ...@@ -159,21 +159,22 @@
</div> </div>
<div class="classData" v-else> <div class="classData" v-else>
<div class="classData-top"> <div class="classData-top">
<h4>第02类 颜料油漆</h4> <h4>第{{ classCode }}类 {{ ncldata[classCode * 1 - 1].name }}</h4>
<p> <p>
已选择 已选择
<span>1</span>项 <span>{{ classDataList.length }}</span
>项
</p> </p>
<i class="el-icon-delete"></i> <i class="el-icon-delete" @click="deleteClassData"></i>
</div> </div>
<div class="classData-main"> <div class="classData-main">
<el-tag <el-tag
:key="tag" :key="tag.fullname"
v-for="tag in classDataList" v-for="tag in classDataList"
closable closable
:disable-transitions="false" :disable-transitions="false"
@close="handleClose(tag)" @close="handleClose(tag)"
>{{ tag }}</el-tag >{{ tag.fullname }}</el-tag
> >
</div> </div>
</div> </div>
...@@ -184,12 +185,9 @@ ...@@ -184,12 +185,9 @@
</template> </template>
<script> <script>
// import { getNiceQueryLevelOne, getNiceQueryLevelTwo } from "@/api/api.js";
import { getNiceQueryLevelOne, getNiceQueryLevelTwo } from "@/api/tmTools.js"; import { getNiceQueryLevelOne, getNiceQueryLevelTwo } from "@/api/tmTools.js";
export default { export default {
// props: ["stepsParams"],
data() { data() {
return { return {
// 基本信息填写 // 基本信息填写
...@@ -266,20 +264,8 @@ export default { ...@@ -266,20 +264,8 @@ export default {
{ code: "44", name: "医疗园艺", type: 1 }, { code: "44", name: "医疗园艺", type: 1 },
{ code: "45", name: "社会服务", type: 1 } { code: "45", name: "社会服务", type: 1 }
], ],
classDataList: [ classDataList: [],
"121233", classCode: ""
"1qwe23",
"12qwe3",
"12weqwe3",
"123",
"12adsa3",
"12qweq3",
"12dad3",
"1asd23",
"12asd3",
"12adqwe3"
]
// classdata:
}; };
}, },
methods: { methods: {
...@@ -291,8 +277,9 @@ export default { ...@@ -291,8 +277,9 @@ export default {
}, },
// 分类信息选择 // 分类信息选择
handleClose(tag) { handleClose(tag) {
// console.log(tag);
this.classDataList.splice(this.classDataList.indexOf(tag), 1); this.classDataList.splice(this.classDataList.indexOf(tag), 1);
// 清除左边对应的数组的选中状态
this.$refs.tree.setChecked(tag, false);
}, },
deleteClassData() { deleteClassData() {
this.$confirm("确定清空所有已选商品/服务项吗？", "提示", { this.$confirm("确定清空所有已选商品/服务项吗？", "提示", {
...@@ -301,6 +288,12 @@ export default { ...@@ -301,6 +288,12 @@ export default {
type: "warning" type: "warning"
}) })
.then(() => { .then(() => {
// 把左边的样式取消
this.classDataList.map(item => {
this.$refs.tree.setChecked(item, false);
});
// 数组置为空
this.classDataList = []; this.classDataList = [];
this.$message({ this.$message({
type: "success", type: "success",
...@@ -322,18 +315,100 @@ export default { ...@@ -322,18 +315,100 @@ export default {
// 输入名字 参数传递 // 输入名字 参数传递
handleInputBrandnameBlur() { handleInputBrandnameBlur() {
this.$bus.emit("on-input-brandname-blur", this.ruleForm.name); this.$bus.emit("on-input-brandname-blur", this.ruleForm.name);
},
// 树形结构的处理节点是否被选中
handleCheckChange(data, checked, indeterminate) {
if (data.code.length !== 2 || data.code.length !== 4) {
if (checked) {
// 判断是否是同一类别
if (!this.classDataList.length) {
this.classCode = data.pcode.substring(0, 2);
}
let datacode = data.pcode.substring(0, 2);
if (this.classDataList.length < 10) {
if (datacode == this.classCode) {
this.classDataList.push(data);
} else {
this.$message({
message: "只能选择同一个类别",
type: "warning"
});
this.$refs.tree.setChecked(data, false);
}
} else {
// 大于10之后勾选时，直接把Checked设置为false
this.$message({
message: "最多选择10项",
type: "warning"
});
this.$refs.tree.setChecked(data, false);
}
} else {
// 没被选中
let index = this.classDataList.findIndex((item, index) => {
return data.code == item.code;
});
if (index != -1) {
this.classDataList.splice(index, 1);
}
}
}
},
// 树形结构的节点数据的装填
loadNode(node, resolve) {
var hasChild;
// 给出了树是否有子节点的判断条件，一级二级有子节点，三级没有
if (node.data !== null) {
hasChild = true;
}
// 初始的一级45个类别的静态数据的装填
if (node.level === 0) {
return resolve(this.ncldata);
}
// 只有两级数据可以加载，一级和二级需要加载数据,大于三级的数据不加载置为空
if (node.level > 2) return resolve([]);
// 根据node.data.code得到对应的尼斯查询（一）接口 nclcode 的一级二级查询
getNiceQueryLevelOne(node.data.code).then(res => {
// 尼斯码为两位，给ncldata添加一级children
if (node.data.code.length == 2) {
this.ncldata[node.data.code * 1 - 1].children = res.data.rows;
setTimeout(() => {
var data;
if (hasChild) {
data = this.ncldata[node.data.code * 1 - 1].children;
}
resolve(data);
}, 0);
}
// 尼斯码为四位，给ncldata添加二级children
if (node.data.code.length == 4) {
// 四位代码的(前两位代码*1-1)是第一级children的数据数组对象的装填，(后两位代码*1-1)是第二级children的数据数组对象的装填
this.ncldata[node.data.code.substring(0, 2) * 1 - 1].children[
node.data.code.substring(2, 4) * 1 - 1
].children = res.data.rows;
setTimeout(() => {
var data;
if (hasChild) {
data = this.ncldata[node.data.code.substring(0, 2) * 1 - 1]
.children[node.data.code.substring(2, 4) * 1 - 1].children;
}
resolve(data);
}, 0);
}
});
} }
}, },
mounted() { created() {
console.log(0); // 获取分类数据查询
getNiceQueryLevelOne().then(res => { // getNiceQueryLevelTwo().then(res => {
console.log(res); // console.log(res);
}); // });
},
getNiceQueryLevelTwo().then(res => { mounted() {}
console.log(res);
});
}
}; };
</script> </script>
...@@ -497,6 +572,20 @@ export default { ...@@ -497,6 +572,20 @@ export default {
border: 1px solid #dee0eb; border: 1px solid #dee0eb;
border-top: none; border-top: none;
overflow: auto; overflow: auto;
div.el-tree {
margin-left: 15px;
}
.el-tree > .el-tree-node > .el-tree-node__content > .el-checkbox {
display: none;
}
.el-tree
> .el-tree-node
> .el-tree-node__children
> .el-tree-node
> .el-tree-node__content
> .el-checkbox {
display: none;
}
} }
.classTrademark-right-top { .classTrademark-right-top {
width: 100%; width: 100%;
......
channel-access/vue.config.js
module.exports = { module.exports = {
outputDir: "dist", //build输出目录 outputDir: "dist", //build输出目录
assetsDir: "assets", //静态资源目录（js, css, img） assetsDir: "assets", //静态资源目录（js, css, img）
lintOnSave: false, //是否开启eslint lintOnSave: false, //是否开启eslint
devServer: { devServer: {
open: true, //是否自动弹出浏览器页面 open: true, //是否自动弹出浏览器页面
host: "localhost", host: "gsbweb.qifu.gongsibao.com",
port: "8080", port: "8080",
https: false, https: false,
hotOnly: false, hotOnly: false,
proxy: { proxy: {
"/api": { "/api": {
target: "http://zcchannel.gongsibao.com:4003", //API服务器的地址 target: "http://gsb.qifu.gongsibao.com:4011", //API服务器的地址
ws: true, //代理websockets ws: true, //代理websockets
changeOrigin: true, // 虚拟的站点需要更管origin changeOrigin: true, // 虚拟的站点需要更管origin
pathRewrite: { pathRewrite: {
//重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc' //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'
"^/api": "" "^/api": ""
}
},
"/a": {
target: "http://tm.plus.jdcloud.com:4003", //API服务器的地址
ws: true, //代理websockets
changeOrigin: true, // 虚拟的站点需要更管origin
pathRewrite: {
//重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'
"^/a": ""
}
}
} }
}
} }
}; }
\ No newline at end of file };
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment