|
|
@@ -74,73 +74,13 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'area','vue', 'ELEMEN
|
|
|
// 为表格绑定事件
|
|
|
Table.api.bindevent(table);
|
|
|
// 修改添加窗口的大小
|
|
|
- $(".btn-add").data("area", ["60%", "80%"]);
|
|
|
+ $(".btn-add").data("area", ["80%", "80%"]);
|
|
|
table.on('post-body.bs.table',function () {
|
|
|
- $('.btn-editone').data("area",["80%","100%"]);
|
|
|
+ $('.btn-editone').data("area",["80%","80%"]);
|
|
|
});
|
|
|
},
|
|
|
add: function () {
|
|
|
-
|
|
|
- let dataCode = [];
|
|
|
- if((Config.areaCode).length > 0) dataCode = JSON.parse(Config.areaCode);
|
|
|
- Vue.component('treeselect', VueTreeselect.Treeselect)
|
|
|
-
|
|
|
- new Vue({
|
|
|
- el: '#app',
|
|
|
- data(){
|
|
|
- return {
|
|
|
- data: [],
|
|
|
- options: area,
|
|
|
- sortValueBy: "ORDER_SELECTED",
|
|
|
- selectedNodes: [],
|
|
|
- }
|
|
|
- },
|
|
|
- methods:{
|
|
|
- // handleChange(e){
|
|
|
- // let txt = this.$refs.ca.getCheckedNodes(),txtArr = Array();
|
|
|
- // txt.forEach(vv => {
|
|
|
- // txtArr.push($.makeArray((vv.pathLabels).join('-')) );
|
|
|
- // });
|
|
|
- // $('#c-product_area').val(JSON.stringify(this.data))
|
|
|
- // $('#c-product_area_txt').val(JSON.stringify(txtArr))
|
|
|
-
|
|
|
- // }
|
|
|
- handleChange(selectedValues) {
|
|
|
-
|
|
|
- console.log(selectedValues, "selectedValues==========");
|
|
|
- console.log(this.data, "data==========");
|
|
|
- this.selectedNodes = this.data.map((item) => {
|
|
|
- // console.log(this.getNode(this.$refs.treeselect.getNode(item.id)),"label=========");
|
|
|
-
|
|
|
- return { id: item, label: this.getNode(this.$refs.treeselect.getNode(item)) };
|
|
|
- });
|
|
|
- console.log(this.selectedNodes,"this.selectedNodes============");
|
|
|
-
|
|
|
- },
|
|
|
- getNode(e1) {
|
|
|
- console.log(e1);
|
|
|
- let labels = [];
|
|
|
-
|
|
|
- // 递归获取 label
|
|
|
- function recurse(node) {
|
|
|
- if (node && node.label) {
|
|
|
- labels.push(node.label);
|
|
|
- if (node.parentNode) {
|
|
|
- recurse(node.parentNode); // 继续向上递归
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- recurse(e1);
|
|
|
- // console.log(labels.reverse().join("/"));
|
|
|
-
|
|
|
-
|
|
|
- // 返回拼接的 label 路径
|
|
|
- return labels.reverse().join("/");
|
|
|
- },
|
|
|
- }
|
|
|
- })
|
|
|
- // Controller.api.bindevent();
|
|
|
+ Controller.api.bindevent();
|
|
|
},
|
|
|
edit: function () {
|
|
|
Controller.api.bindevent();
|
|
|
@@ -148,68 +88,74 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'area','vue', 'ELEMEN
|
|
|
api: {
|
|
|
bindevent: function () {
|
|
|
Form.api.bindevent($("form[role=form]"));
|
|
|
- let dataCode = [];
|
|
|
- if((Config.areaCode).length > 0) dataCode = JSON.parse(Config.areaCode);
|
|
|
+ Vue.component('treeselect', VueTreeselect.Treeselect)
|
|
|
+ let areaData = [];
|
|
|
+ if((Config.areaData).length > 0) areaData = JSON.parse(Config.areaData);
|
|
|
+
|
|
|
+ console.log("dataCode", areaData)
|
|
|
new Vue({
|
|
|
- el: '#app',
|
|
|
- data() {
|
|
|
- return {
|
|
|
- // data: dataCode,
|
|
|
- // props: { multiple: true },
|
|
|
- // options:area
|
|
|
- data: dataCode,
|
|
|
- options: area,
|
|
|
- sortValueBy: "ORDER_SELECTED",
|
|
|
- selectedNodes: [],
|
|
|
- };
|
|
|
- },
|
|
|
- // components: {
|
|
|
- // Treeselect: window.VueTreeselect.treeselect
|
|
|
- // },
|
|
|
- methods:{
|
|
|
- // handleChange(e){
|
|
|
- // let txt = this.$refs.ca.getCheckedNodes(),txtArr = Array();
|
|
|
- // txt.forEach(vv => {
|
|
|
- // txtArr.push($.makeArray((vv.pathLabels).join('-')) );
|
|
|
- // });
|
|
|
- // $('#c-product_area').val(JSON.stringify(this.data))
|
|
|
- // $('#c-product_area_txt').val(JSON.stringify(txtArr))
|
|
|
-
|
|
|
- // }
|
|
|
- handleChange(selectedValues) {
|
|
|
- // console.log(this.$refs.treeselect, "e================");
|
|
|
-
|
|
|
- console.log(selectedValues, "selectedValues==========");
|
|
|
- console.log(this.data, "data==========");
|
|
|
- this.selectedNodes = this.data.map((item) => {
|
|
|
- console.log(this.getNode(this.$refs.treeselect.getNode(item.id)),"=========");
|
|
|
-
|
|
|
- return { id: item.id, label: this.getNode(this.$refs.treeselect.getNode(item.id)) };
|
|
|
- });
|
|
|
- },
|
|
|
- getNode(e1) {
|
|
|
- console.log(e1);
|
|
|
- let labels = [];
|
|
|
-
|
|
|
- // 递归获取 label
|
|
|
- function recurse(node) {
|
|
|
- if (node && node.label) {
|
|
|
- labels.push(node.label);
|
|
|
- if (node.parentNode) {
|
|
|
- recurse(node.parentNode); // 继续向上递归
|
|
|
+ el: '#app',
|
|
|
+ data(){
|
|
|
+ return {
|
|
|
+ data: areaData,
|
|
|
+ options: area,
|
|
|
+ sortValueBy: "ORDER_SELECTED",
|
|
|
+ selectedNodes: [],
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- recurse(e1);
|
|
|
- // console.log(labels.reverse().join("/"));
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ handleChange(selectedValues) {
|
|
|
+ let ids= []
|
|
|
+ let labels= []
|
|
|
+ this.selectedNodes = this.data.map((item) => {
|
|
|
+ let obj = this.getNode1(this.$refs.treeselect.getNode(item))
|
|
|
+ ids.push(obj.result)
|
|
|
+ labels.push(obj.labels)
|
|
|
+ return { label: obj.labels,result: obj.result};
|
|
|
+ });
|
|
|
+ //console.log(JSON.stringify(ids),JSON.stringify(labels));
|
|
|
+ $('#c-product_area').val(JSON.stringify(ids))
|
|
|
+ $('#c-product_area_txt').val(JSON.stringify(labels))
|
|
|
+
|
|
|
+ },
|
|
|
+ getNode(e1) {
|
|
|
+ let labels = [];
|
|
|
+ // 递归获取 label
|
|
|
+ function recurse(node) {
|
|
|
+ if (node && node.label) {
|
|
|
+ labels.push(node.label);
|
|
|
+ if (node.parentNode) {
|
|
|
+ recurse(node.parentNode); // 继续向上递归
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
-
|
|
|
- // 返回拼接的 label 路径
|
|
|
- return labels.reverse().join("/");
|
|
|
- },
|
|
|
- }
|
|
|
+ recurse(e1);
|
|
|
+ // console.log(labels.reverse().join("/"));
|
|
|
+ // 返回拼接的 label 路径
|
|
|
+ return labels.reverse().join("-");
|
|
|
+ },
|
|
|
+
|
|
|
+ getNode1(e1) {
|
|
|
+ let labels = [];
|
|
|
+ let result = [];
|
|
|
+ // 递归获取 label
|
|
|
+ function recurse(node) {
|
|
|
+ if (node && node.label) {
|
|
|
+ labels.push(node.label);
|
|
|
+ result.push(node.id);
|
|
|
+ if (node.parentNode) {
|
|
|
+ recurse(node.parentNode); // 继续向上递归
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ recurse(e1);
|
|
|
+ // 返回拼接的 label 路径
|
|
|
+ return {labels:[labels.reverse().join("-")], result:result.reverse()};
|
|
|
+ },
|
|
|
+ }
|
|
|
})
|
|
|
+
|
|
|
},
|
|
|
}
|
|
|
};
|
afa