|
@@ -4,7 +4,7 @@
|
|
<div class="left-top">
|
|
<div class="left-top">
|
|
<div>
|
|
<div>
|
|
<el-button v-permission="permissionBtn.dataSourcePermission.mysteelData_add"
|
|
<el-button v-permission="permissionBtn.dataSourcePermission.mysteelData_add"
|
|
- type="primary" size="medium" @click="addTargetHandle"
|
|
|
|
|
|
+ type="primary" size="medium" @click="addTargetBatch"
|
|
>新增指标</el-button
|
|
>新增指标</el-button
|
|
>
|
|
>
|
|
<el-button
|
|
<el-button
|
|
@@ -48,6 +48,7 @@
|
|
:props="{
|
|
:props="{
|
|
label: 'ClassifyName',
|
|
label: 'ClassifyName',
|
|
children: 'Children',
|
|
children: 'Children',
|
|
|
|
+ isLeaf:'isLeaf'
|
|
}"
|
|
}"
|
|
:allow-drag="canDragHandle"
|
|
:allow-drag="canDragHandle"
|
|
:allow-drop="canDropHandle"
|
|
:allow-drop="canDropHandle"
|
|
@@ -57,6 +58,8 @@
|
|
:expand-on-click-node="false"
|
|
:expand-on-click-node="false"
|
|
check-strictly
|
|
check-strictly
|
|
empty-text="暂无分类"
|
|
empty-text="暂无分类"
|
|
|
|
+ lazy
|
|
|
|
+ :load="getLazyTreeData"
|
|
@node-expand="handleNodeExpand"
|
|
@node-expand="handleNodeExpand"
|
|
@node-collapse="handleNodeCollapse"
|
|
@node-collapse="handleNodeCollapse"
|
|
@current-change="nodeChangeHandle"
|
|
@current-change="nodeChangeHandle"
|
|
@@ -231,6 +234,10 @@
|
|
:edbForm="edbForm"
|
|
:edbForm="edbForm"
|
|
@successCallback="addSuccessCallback"
|
|
@successCallback="addSuccessCallback"
|
|
/>
|
|
/>
|
|
|
|
+ <!-- 批量添加指标弹窗 -->
|
|
|
|
+ <batch-add-edb-dia :isOpenDialog.sync="batchAddDiaShow"
|
|
|
|
+ :classifyList="classifyList"
|
|
|
|
+ @successCallback="addSuccessCallback"/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -239,11 +246,12 @@ import lzTable from "@/components/lzTable.vue";
|
|
import { steelInterface } from "@/api/modules/thirdBaseApi";
|
|
import { steelInterface } from "@/api/modules/thirdBaseApi";
|
|
import mDialog from "@/components/mDialog.vue";
|
|
import mDialog from "@/components/mDialog.vue";
|
|
import targetDialog from "./components/targetDialog.vue";
|
|
import targetDialog from "./components/targetDialog.vue";
|
|
|
|
+import batchAddEdbDia from "./components/batchAddEdbDia.vue";
|
|
import leftMixin from "./mixins/leftMixin.js";
|
|
import leftMixin from "./mixins/leftMixin.js";
|
|
export default {
|
|
export default {
|
|
name: "",
|
|
name: "",
|
|
mixins: [leftMixin],
|
|
mixins: [leftMixin],
|
|
- components: { lzTable, mDialog, targetDialog },
|
|
|
|
|
|
+ components: { lzTable, mDialog, targetDialog,batchAddEdbDia },
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
dataloading: false,
|
|
dataloading: false,
|
|
@@ -265,6 +273,7 @@ export default {
|
|
isRefresh: false,
|
|
isRefresh: false,
|
|
|
|
|
|
edb_id: "", //搜索指标id
|
|
edb_id: "", //搜索指标id
|
|
|
|
+ index_code: "", //添加指标后的code,无论是否加载出来,无论是否加载成功
|
|
select_node: "",
|
|
select_node: "",
|
|
dynamicNode: null,
|
|
dynamicNode: null,
|
|
defaultShowNodes: [], //展开节点
|
|
defaultShowNodes: [], //展开节点
|
|
@@ -284,6 +293,8 @@ export default {
|
|
|
|
|
|
addTargetDialog: false, //添加指标弹窗
|
|
addTargetDialog: false, //添加指标弹窗
|
|
edbForm: {},
|
|
edbForm: {},
|
|
|
|
+ //批量添加指标弹窗
|
|
|
|
+ batchAddDiaShow:false
|
|
};
|
|
};
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -302,6 +313,28 @@ export default {
|
|
});
|
|
});
|
|
});
|
|
});
|
|
},
|
|
},
|
|
|
|
+ //指标懒加载
|
|
|
|
+ async getLazyTreeData(node,resolve){
|
|
|
|
+ let arr=[]
|
|
|
|
+ if(node.level===2){
|
|
|
|
+ const res=await steelInterface.edbListForClassify({
|
|
|
|
+ BaseFromMysteelChemicalClassifyId:node.data.BaseFromMysteelChemicalClassifyId
|
|
|
|
+ })
|
|
|
|
+ if(res.Ret===200){
|
|
|
|
+ const temarr=res.Data.List||[]
|
|
|
|
+ arr=temarr.map(item=>{
|
|
|
|
+ return {
|
|
|
|
+ ...item,
|
|
|
|
+ isLeaf:true
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }else{
|
|
|
|
+ arr=node.data.Children||[]
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ resolve(arr)
|
|
|
|
+ },
|
|
|
|
|
|
/* 获取频度 */
|
|
/* 获取频度 */
|
|
getFrequency(defaultSelect) {
|
|
getFrequency(defaultSelect) {
|
|
@@ -324,7 +357,33 @@ export default {
|
|
: "";
|
|
: "";
|
|
|
|
|
|
this.page_no = 1;
|
|
this.page_no = 1;
|
|
- this.select_frequency && this.getDataList();
|
|
|
|
|
|
+ if(!this.select_frequency){
|
|
|
|
+ if(this.index_code){
|
|
|
|
+ this.tableOption=[{
|
|
|
|
+ IndexName:'',
|
|
|
|
+ IndexCode:this.index_code,
|
|
|
|
+ FrequencyName:'',
|
|
|
|
+ UnitName:'',
|
|
|
|
+ UpdateTime:''
|
|
|
|
+ }]
|
|
|
|
+ //为了美观
|
|
|
|
+ for (let i = 0; i < 6; i++) {
|
|
|
|
+ this.tableOption.push({
|
|
|
|
+ IndexName:'',
|
|
|
|
+ IndexCode:'',
|
|
|
|
+ FrequencyName:'',
|
|
|
|
+ UnitName:'',
|
|
|
|
+ UpdateTime:''
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ //为了美观
|
|
|
|
+ this.dateArr=new Array(12).fill('')
|
|
|
|
+ this.haveMore=false
|
|
|
|
+ this.rightShow=true
|
|
|
|
+ }
|
|
|
|
+ }else{
|
|
|
|
+ this.getDataList();
|
|
|
|
+ }
|
|
});
|
|
});
|
|
},
|
|
},
|
|
|
|
|
|
@@ -395,7 +454,6 @@ export default {
|
|
}
|
|
}
|
|
|
|
|
|
this.dataloading = false;
|
|
this.dataloading = false;
|
|
-
|
|
|
|
this.rightShow = true;
|
|
this.rightShow = true;
|
|
this.page_no === 1 &&
|
|
this.page_no === 1 &&
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
@@ -417,6 +475,7 @@ export default {
|
|
this.select_node = data.UniqueCode;
|
|
this.select_node = data.UniqueCode;
|
|
this.select_classify = data.BaseFromMysteelChemicalClassifyId;
|
|
this.select_classify = data.BaseFromMysteelChemicalClassifyId;
|
|
this.edb_id = data.BaseFromMysteelChemicalIndexId;
|
|
this.edb_id = data.BaseFromMysteelChemicalIndexId;
|
|
|
|
+ this.index_code = data.IndexCode
|
|
|
|
|
|
this.select_frequency = "";
|
|
this.select_frequency = "";
|
|
this.rightShow = false;
|
|
this.rightShow = false;
|
|
@@ -473,7 +532,9 @@ export default {
|
|
|
|
|
|
this.leftSearchVal = e.IndexName;
|
|
this.leftSearchVal = e.IndexName;
|
|
|
|
|
|
- this.getClassify({ code: e.UniqueCode, id: e.Id });
|
|
|
|
|
|
+ // 父级
|
|
|
|
+ let selectClassifyNodes=[`${e.ParentClassifyId}`,`${e.BaseFromMysteelChemicalClassifyId}`]
|
|
|
|
+ this.getClassify({ code: e.UniqueCode, id: e.Id ,selectClassifyNodes});
|
|
},
|
|
},
|
|
|
|
|
|
/* 编辑分类 */
|
|
/* 编辑分类 */
|
|
@@ -600,12 +661,15 @@ export default {
|
|
this.openClassifyDia = false;
|
|
this.openClassifyDia = false;
|
|
},
|
|
},
|
|
|
|
|
|
|
|
+ // /* 添加指标 */
|
|
|
|
+ // addTargetHandle() {
|
|
|
|
+ // this.edbForm = {};
|
|
|
|
+ // this.addTargetDialog = true;
|
|
|
|
+ // },
|
|
/* 添加指标 */
|
|
/* 添加指标 */
|
|
- addTargetHandle() {
|
|
|
|
- this.edbForm = {};
|
|
|
|
- this.addTargetDialog = true;
|
|
|
|
|
|
+ addTargetBatch() {
|
|
|
|
+ this.batchAddDiaShow = true;
|
|
},
|
|
},
|
|
-
|
|
|
|
/* 指标刷新 */
|
|
/* 指标刷新 */
|
|
edbRefreshHandle() {
|
|
edbRefreshHandle() {
|
|
this.isRefresh = true;
|
|
this.isRefresh = true;
|
|
@@ -623,8 +687,9 @@ export default {
|
|
},
|
|
},
|
|
|
|
|
|
/* 添加后回调 */
|
|
/* 添加后回调 */
|
|
- addSuccessCallback({ code, id }) {
|
|
|
|
- this.getClassify({ code, id });
|
|
|
|
|
|
+ addSuccessCallback({ code, id,selectClassifyNodes,indexCode }) {
|
|
|
|
+ indexCode && (this.index_code = indexCode)
|
|
|
|
+ this.getClassify({ code, id,selectClassifyNodes });
|
|
},
|
|
},
|
|
|
|
|
|
// 对[# ;]转义
|
|
// 对[# ;]转义
|