| | |
| | | :selectIsShow="true" |
| | | :defaultExpandedKeys="defaultExpandedKeys" |
| | | :currentNodeKey="currentNodeKey" |
| | | :isShowRightIcon="true" |
| | | :isShowEditIcon="true" |
| | | :isShowDeleteIcon="true" |
| | | :expand-on-click-node="false" |
| | | @selectchange="selectchange" |
| | | @click="handleNodeClick" |
| | | @treeEdit="treeEdit" |
| | | @treeDelete="treeDelete" |
| | | > |
| | | <template v-slot:titleright> |
| | | <div class="titleSlotRight"> |
| | |
| | | <titleBoxVue style="background-color: #fff" :title="titleName"> |
| | | <template v-slot:right> |
| | | <div class="titleSlotRight"> |
| | | <fks-button icon="fks-icon-plus" type="primary" @click="addFaultFormVisible = true" |
| | | <fks-button |
| | | icon="fks-icon-plus" |
| | | type="primary" |
| | | @click="addFaultTreeFormVisible" |
| | | >æ·»å </fks-button |
| | | > |
| | | </div> |
| | |
| | | <fks-button @click="editFault(scope.row)" type="text" size="small" |
| | | >ç¼è¾</fks-button |
| | | > |
| | | <fks-button @click="deleteFault(scope.row)" type="text" size="small" |
| | | >å é¤</fks-button |
| | | > |
| | | </template> |
| | | </fks-table-column> |
| | | </fks-table> |
| | |
| | | > |
| | | <fks-form-item label="æ
éåç§°" prop="name"> |
| | | <fks-input |
| | | placeholder="请è¾å
¥æ
éåç§°" |
| | | v-model="addFaultForm.name" |
| | | autocomplete="off" |
| | | ></fks-input> |
| | | </fks-form-item> |
| | | <fks-form-item label="æ
éç¼ç " prop="code"> |
| | | <fks-input |
| | | placeholder="请è¾å
¥å¯ä¸æ
éç¼ç " |
| | | v-model="addFaultForm.code" |
| | | autocomplete="off" |
| | | ></fks-input> |
| | | </fks-form-item> |
| | | <fks-form-item label="æ ç¾åç§°"> |
| | | <fks-form-item label="æ ç¾åç§°" prop="tagname"> |
| | | <fks-input |
| | | v-model="addFaultForm.labelName" |
| | | placeholder="请è¾å
¥å¯ä¸æ ç¾åç§°" |
| | | v-model="addFaultForm.tagname" |
| | | autocomplete="off" |
| | | ></fks-input> |
| | | </fks-form-item> |
| | | <fks-form-item label="æ ç¾å表"> |
| | | <fks-select |
| | | style="width: 100%" |
| | | v-model="addFaultForm.flags" |
| | | multiple |
| | | filterable |
| | | allow-create |
| | | default-first-option |
| | | placeholder="è¯·éæ©æè¾å
¥æ ç¾" |
| | | > |
| | | <fks-option |
| | | v-for="item in addFaultForm.options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </fks-option> |
| | | </fks-select> |
| | | </fks-form-item> |
| | | |
| | | <fks-form-item label="详ç»è¯´æ"> |
| | | <fks-input |
| | | placeholder="请è¾å
¥è¯¦ç»è¯´æ" |
| | | type="textarea" |
| | | :rows="3" |
| | | autocomplete="off" |
| | |
| | | > |
| | | <fks-form-item label="æ
éåç§°" prop="name"> |
| | | <fks-input |
| | | placeholder="请è¾å
¥æ
éåç§°" |
| | | v-model="editFaultForm.name" |
| | | autocomplete="off" |
| | | ></fks-input> |
| | | </fks-form-item> |
| | | <fks-form-item label="æ
éç¼ç " prop="code"> |
| | | <fks-input |
| | | placeholder="请è¾å
¥å¯ä¸æ
éç¼ç " |
| | | v-model="editFaultForm.code" |
| | | autocomplete="off" |
| | | ></fks-input> |
| | | </fks-form-item> |
| | | <fks-form-item label="æ ç¾åç§°"> |
| | | <fks-input |
| | | v-model="editFaultForm.labelName" |
| | | placeholder="请è¾å
¥å¯ä¸æ ç¾åç§°" |
| | | v-model="editFaultForm.tagname" |
| | | autocomplete="off" |
| | | ></fks-input> |
| | | </fks-form-item> |
| | | <fks-form-item label="æ ç¾å表"> |
| | | <fks-select |
| | | style="width: 100%" |
| | | v-model="editFaultForm.flags" |
| | | multiple |
| | | filterable |
| | | allow-create |
| | | default-first-option |
| | | placeholder="è¯·éæ©æè¾å
¥æ ç¾" |
| | | > |
| | | <fks-option |
| | | v-for="item in editFaultForm.options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </fks-option> |
| | | </fks-select> |
| | | </fks-form-item> |
| | | <fks-form-item label="详ç»è¯´æ"> |
| | | <fks-input |
| | | placeholder="请è¾å
¥è¯¦ç»è¯´æ" |
| | | type="textarea" |
| | | :rows="3" |
| | | autocomplete="off" |
| | |
| | | > |
| | | <fks-form-item label="åç§°" prop="name"> |
| | | <fks-input |
| | | placeholder="请è¾å
¥åç§°" |
| | | v-model="addFaultGroupForm.name" |
| | | autocomplete="off" |
| | | ></fks-input> |
| | | </fks-form-item> |
| | | <fks-form-item label="ç¶èç¹"> |
| | | <treeSelect |
| | | :treeProps="selectProps" |
| | | :options="treeData" |
| | | v-model="addFaultGroupTreeSelectID" |
| | | :clearable="true" |
| | | :accordion="false" |
| | | :expandNode="false" |
| | | :isleafclose="false" |
| | | size="small" |
| | | width="100%" |
| | | @getValue="addFaultGroupChange" |
| | | ></treeSelect> |
| | | </fks-form-item> |
| | | |
| | | <fks-form-item label="æåº"> |
| | | <fks-form-item label="æ ç¾åç§°" prop="tagname"> |
| | | <fks-input |
| | | v-model="addFaultGroupForm.sort" |
| | | autocomplete="off" |
| | | ></fks-input> |
| | | </fks-form-item> |
| | | <fks-form-item label="æ è¯"> |
| | | <fks-input |
| | | placeholder="请è¾å
¥å¯ä¸æ ç¾åç§°" |
| | | v-model="addFaultGroupForm.tagname" |
| | | autocomplete="off" |
| | | ></fks-input> |
| | | </fks-form-item> |
| | | <fks-form-item label="æ ç¾å表"> |
| | | <fks-select |
| | | style="width: 100%" |
| | | v-model="addFaultGroupForm.flags" |
| | | multiple |
| | | filterable |
| | | allow-create |
| | | default-first-option |
| | | placeholder="è¯·éæ©æè¾å
¥æ ç¾" |
| | | > |
| | | <fks-option |
| | | v-for="item in addFaultGroupForm.options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </fks-option> |
| | | </fks-select> |
| | | </fks-form-item> |
| | | <fks-form-item label="说æ"> |
| | | <fks-input |
| | | placeholder="请è¾å
¥è¯´æ" |
| | | type="textarea" |
| | | :rows="3" |
| | | autocomplete="off" |
| | |
| | | > |
| | | <fks-form-item label="åç§°" prop="name"> |
| | | <fks-input |
| | | placeholder="请è¾å
¥åç§°" |
| | | v-model="editFaultGroupForm.name" |
| | | autocomplete="off" |
| | | ></fks-input> |
| | | </fks-form-item> |
| | | |
| | | <fks-form-item label="æ è¯"> |
| | | <fks-form-item label="æ ç¾åç§°" prop="tagname"> |
| | | <fks-input |
| | | placeholder="请è¾å
¥å¯ä¸æ ç¾åç§°" |
| | | v-model="editFaultGroupForm.tagname" |
| | | autocomplete="off" |
| | | ></fks-input> |
| | | </fks-form-item> |
| | | |
| | | <fks-form-item label="æ ç¾å表"> |
| | | <fks-select |
| | | style="width: 100%" |
| | | v-model="editFaultGroupForm.flags" |
| | | multiple |
| | | filterable |
| | | allow-create |
| | | default-first-option |
| | | placeholder="è¯·éæ©æè¾å
¥æ ç¾" |
| | | > |
| | | <fks-option |
| | | v-for="item in editFaultGroupForm.options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </fks-option> |
| | | </fks-select> |
| | | </fks-form-item> |
| | | |
| | | <fks-form-item label="说æ"> |
| | | <fks-input |
| | | placeholder="请è¾å
¥è¯´æ" |
| | | type="textarea" |
| | | :rows="3" |
| | | autocomplete="off" |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { getDay } from "@/utils/istation/common"; |
| | | import { getDay, maxInArray } from "@/utils/istation/common"; |
| | | import titleBoxVue from "@/views/main/components/titleBox.vue"; |
| | | import treeSelect from "@/views/main/components/treeSelect2.vue"; |
| | | |
| | |
| | | GetFaultTreeListByGroupID, |
| | | AddFaultTreeList, |
| | | EditFaultTreeList, |
| | | EditFaultTreeSortCode, |
| | | EditFaultTreeGroupSortCode, |
| | | DeleteFaultTreeGroup, |
| | | FaultTreeGroupIsExistTagName, |
| | | FaultTreeIsExistTagName, |
| | | FaultTreeIsExistCode, |
| | | DeleteFaultTreeList, |
| | | } from "@/api/fault"; |
| | | import FileSaver from "file-saver"; |
| | | import XLSX from "xlsx"; |
| | |
| | | code: "FAULT_PUMP_004", |
| | | labelName: "", |
| | | note: "", |
| | | }, |
| | | ]; |
| | | |
| | | const treeData = [ |
| | | { |
| | | label: "æ³µ", |
| | | id: "s1", |
| | | children: [ |
| | | { |
| | | id: "1", |
| | | label: "æ¯å¨æ
é", |
| | | }, |
| | | { |
| | | id: "2", |
| | | label: "åªé³æ
é", |
| | | }, |
| | | { |
| | | id: "3", |
| | | label: "è¿è¡æ
é", |
| | | }, |
| | | ], |
| | | }, |
| | | ]; |
| | | |
| | |
| | | /* æ ¹æ®idè·åæ id ç¨äºè·åé»è®¤éä¸é«äº® */ |
| | | function getTreeIdById(list, ID) { |
| | | let obj = []; |
| | | if (list.length === 0) { |
| | | return obj; |
| | | } |
| | | const getDtreeId = (obj, list, ID) => { |
| | | if (ID != null && +ID > 0) { |
| | | if (ID) { |
| | | for (var i = 0; i < list.length; i++) { |
| | | var item = list[i]; |
| | | if (item.Children == null) { |
| | | if (!item.Children) { |
| | | item.Children = []; |
| | | } |
| | | if (item.ID == ID && item.Children.length == 0) { |
| | | if (item.ID == ID) { |
| | | obj.push(item); |
| | | break; |
| | | // break; |
| | | } |
| | | if (item.Children.length != 0) { |
| | | getDtreeId(obj, item.Children, ID); |
| | | } |
| | | } |
| | | } else { |
| | | if (list[0].Children == null) { |
| | | if (!list[0].Children) { |
| | | list[0].Children = []; |
| | | } |
| | | if (list[0].Children.length == 0) { |
| | |
| | | treeSelect, |
| | | }, |
| | | data() { |
| | | var validateFaultGroupTagName = async (rule, value, callback) => { |
| | | if (value !== "") { |
| | | let bool = await this.faultTreeGroupIsExistTagName(value); |
| | | if (!bool) { |
| | | callback(); |
| | | } else { |
| | | callback(new Error("æ ç¾åç§°å·²åå¨")); |
| | | } |
| | | } |
| | | callback(); |
| | | }; |
| | | var validateFaultTagName = async (rule, value, callback) => { |
| | | if (value !== "") { |
| | | let bool = await this.faultTreeIsExistTagName(value); |
| | | if (!bool) { |
| | | callback(); |
| | | } else { |
| | | callback(new Error("æ ç¾åç§°å·²åå¨")); |
| | | } |
| | | } |
| | | callback(); |
| | | }; |
| | | var validateFaultCode = async (rule, value, callback) => { |
| | | if (value !== "") { |
| | | let bool = await this.faultTreeIsExistCode(value); |
| | | if (!bool) { |
| | | callback(); |
| | | } else { |
| | | callback(new Error("æ
éç¼ç å·²åå¨")); |
| | | } |
| | | } |
| | | callback(); |
| | | }; |
| | | var validateFaultGroupTagNameEdit = async (rule, value, callback) => { |
| | | if (value !== this.editFaultGroupForm.data.TagName) { |
| | | console.log(value, this.editFaultGroupForm.data, 481); |
| | | let bool = await this.faultTreeGroupIsExistTagName(value); |
| | | if (!bool) { |
| | | callback(); |
| | | } else { |
| | | callback(new Error("æ ç¾åç§°å·²åå¨")); |
| | | } |
| | | // this.$refs.ruleForm.validateField('checkPass'); |
| | | } |
| | | callback(); |
| | | }; |
| | | var validateFaultTagNameEdit = async (rule, value, callback) => { |
| | | if (value !== this.editFaultForm.data.TagName) { |
| | | console.log(value, this.editFaultForm.data, 481); |
| | | let bool = await this.faultTreeIsExistTagName(value); |
| | | if (!bool) { |
| | | callback(); |
| | | } else { |
| | | callback(new Error("æ ç¾åç§°å·²åå¨")); |
| | | } |
| | | // this.$refs.ruleForm.validateField('checkPass'); |
| | | } |
| | | callback(); |
| | | }; |
| | | var validateFaultCodeEdit = async (rule, value, callback) => { |
| | | if (value !== this.editFaultForm.data.Code) { |
| | | let bool = await this.faultTreeIsExistCode(value); |
| | | if (!bool) { |
| | | callback(); |
| | | } else { |
| | | callback(new Error("æ
éç¼ç å·²åå¨")); |
| | | } |
| | | } |
| | | callback(); |
| | | }; |
| | | return { |
| | | titleName: "è¿è¡æ
é", |
| | | tableData: tableData, |
| | | tableData: [], |
| | | multipleSelection: [], |
| | | addFaultFormVisible: false, |
| | | editFaultFormVisible: false, |
| | | addFaultGroupFormVisible: false, |
| | | editFaultGroupFormVisible: false, |
| | | treeData: treeData, |
| | | treeData: [], |
| | | /**treeå½åéä¸èç¹key */ |
| | | currentNodeKey: "", |
| | | defaultExpandedKeys: ["s1"], |
| | | defaultSelectValue: "1", |
| | | /**treeé»è®¤å±å¼èç¹keys */ |
| | | defaultExpandedKeys: [""], |
| | | /**treeselect é»è®¤éä¸å¼ */ |
| | | defaultSelectValue: "", |
| | | selectData: [], |
| | | gridData: [ |
| | | { |
| | | date: "2016-05-02", |
| | | name: "çå°è", |
| | | address: "䏿µ·å¸æ®éåºéæ²æ±è·¯ 1518 å¼", |
| | | }, |
| | | { |
| | | date: "2016-05-04", |
| | | name: "çå°è", |
| | | address: "䏿µ·å¸æ®éåºéæ²æ±è·¯ 1518 å¼", |
| | | }, |
| | | { |
| | | date: "2016-05-01", |
| | | name: "çå°è", |
| | | address: "䏿µ·å¸æ®éåºéæ²æ±è·¯ 1518 å¼", |
| | | }, |
| | | { |
| | | date: "2016-05-03", |
| | | name: "çå°è", |
| | | address: "䏿µ·å¸æ®éåºéæ²æ±è·¯ 1518 å¼", |
| | | }, |
| | | ], |
| | | /**æ·»å æ
éæ è¡¨å */ |
| | | addFaultForm: { |
| | | name: "", |
| | | code: "", |
| | | labelName: "", |
| | | tagname: "", |
| | | note: "", |
| | | sort: 0, |
| | | flags: [], |
| | | options: [{ label: "æ¯å¨", value: "æ¯å¨" }], |
| | | }, |
| | | /**æ·»å æ
éæ è¡¨åéªè¯è§å */ |
| | | addFaultFormRules: { |
| | | name: [{ required: true, message: "请è¾å
¥åç§°", trigger: "change" }], |
| | | code: [{ required: true, message: "请è¾å
¥åç§°", trigger: "change" }], |
| | | labelName: [ |
| | | { required: true, message: "请è¾å
¥åç§°", trigger: "change" }, |
| | | ], |
| | | code: [{ validator: validateFaultCode, trigger: "blur" }], |
| | | tagname: [{ validator: validateFaultTagName, trigger: "blur" }], |
| | | }, |
| | | /**ç¼è¾æ
éæ è¡¨å */ |
| | | editFaultForm: { |
| | | name: "", |
| | | code: "", |
| | | labelName: "", |
| | | tagname: "", |
| | | note: "", |
| | | sort: "", |
| | | flags: [], |
| | | options: [{ label: "æ¯å¨", value: "æ¯å¨" }], |
| | | }, |
| | | /**ç¼è¾æ
éæ è¡¨åéªè¯è§å */ |
| | | editFaultFormRules: { |
| | | name: [{ required: true, message: "请è¾å
¥åç§°", trigger: "change" }], |
| | | code: [{ required: true, message: "请è¾å
¥åç§°", trigger: "change" }], |
| | | labelName: [ |
| | | { required: true, message: "请è¾å
¥åç§°", trigger: "change" }, |
| | | ], |
| | | code: [{ validator: validateFaultCodeEdit, trigger: "blur" }], |
| | | tagname: [{ validator: validateFaultTagNameEdit, trigger: "blur" }], |
| | | }, |
| | | /**æ·»å æ
éæ ç»è¡¨å */ |
| | | addFaultGroupForm: { |
| | | name: "", |
| | | sort: 0, |
| | | parentid: "", |
| | | note: "", |
| | | tagname: "", |
| | | customvalue: "", |
| | | flags: [], |
| | | options: [{ label: "æ¯å¨", value: "æ¯å¨" }], |
| | | }, |
| | | /**æ·»å æ
éæ ç»è¡¨åéªè¯è§å */ |
| | | addFaultGroupFormRules: { |
| | | name: [{ required: true, message: "请è¾å
¥åç§°", trigger: "change" }], |
| | | tagname: [{ validator: validateFaultGroupTagName, trigger: "blur" }], |
| | | }, |
| | | /**ç¼è¾æ
éæ ç»è¡¨å */ |
| | | editFaultGroupForm: { |
| | | name: "", |
| | | tagname: "", |
| | | note: "", |
| | | sort: "", |
| | | flags: [], |
| | | options: [{ label: "æ¯å¨", value: "æ¯å¨" }], |
| | | }, |
| | | /**ç¼è¾æ
éæ ç»è¡¨åéªè¯è§å */ |
| | | editFaultGroupFormRules: { |
| | | name: [{ required: true, message: "请è¾å
¥åç§°", trigger: "change" }], |
| | | tagname: [ |
| | | { validator: validateFaultGroupTagNameEdit, trigger: "blur" }, |
| | | ], |
| | | }, |
| | | /**䏿æ é»è®¤å±æ§é
ç½® */ |
| | | selectProps: { |
| | |
| | | label: "Name", |
| | | children: "Children", |
| | | }, |
| | | /**å
¬å¸ID */ |
| | | CorpID: 13, |
| | | /**å½åéä¸ç»æç±»åid */ |
| | | currentCatalogID: "", |
| | | /**æ·»å æ
éç» treeselect éä¸id */ |
| | | addFaultGroupTreeSelectID: "", |
| | | /**æ·»å æ
éç» treeselect éä¸node */ |
| | | addFaultGroupTreeSelectNode: null, |
| | | /**æ
éæ å½åéä¸çèç¹ */ |
| | | currentFaultTreeNode: null, |
| | | }; |
| | | }, |
| | | created() {}, |
| | |
| | | computed: {}, |
| | | watch: {}, |
| | | methods: { |
| | | faultTreeGroupIsExistTagName(tagname) { |
| | | return new Promise((r, e) => { |
| | | let TagName = tagname; |
| | | FaultTreeGroupIsExistTagName({ TagName: TagName, CorpID: this.CorpID }) |
| | | .then((res) => { |
| | | // console.log(res, 655); |
| | | r(res.Data); |
| | | }) |
| | | .catch((e) => { |
| | | e(e); |
| | | }); |
| | | }); |
| | | }, |
| | | faultTreeIsExistTagName(tagname) { |
| | | return new Promise((r, e) => { |
| | | let TagName = tagname; |
| | | FaultTreeIsExistTagName({ TagName: TagName, CorpID: this.CorpID }) |
| | | .then((res) => { |
| | | console.log(res, 633); |
| | | r(res.Data); |
| | | }) |
| | | .catch((e) => { |
| | | e(e); |
| | | }); |
| | | }); |
| | | }, |
| | | faultTreeIsExistCode(code) { |
| | | return new Promise((r, e) => { |
| | | let Code = code; |
| | | FaultTreeIsExistCode({ Code: Code, CorpID: this.CorpID }) |
| | | .then((res) => { |
| | | console.log(res, 643); |
| | | r(res.Data); |
| | | }) |
| | | .catch((e) => { |
| | | e(e); |
| | | }); |
| | | }); |
| | | }, |
| | | /**è·åä¸æéæ©æ°æ® */ |
| | | getLeftTreeSelectData() { |
| | | GetTreeListByObjectType({ CorpID: this.CorpID, ObjectType: "设å¤" }) |
| | | .then((res) => { |
| | | console.log(res, 433); |
| | | // console.log(res, 433); |
| | | let resdata = []; |
| | | if (res && res.Data) { |
| | | resdata = res.Data; |
| | |
| | | getLeftTreeData() { |
| | | let CatalogID = this.currentCatalogID; |
| | | this.currentNodeKey = ""; |
| | | this.currentFaultTreeNode = null; |
| | | if (!CatalogID) { |
| | | this.treeData = []; |
| | | return; |
| | |
| | | GetFaultTreeGroupByCatalogID({ |
| | | CatalogID: CatalogID, |
| | | CorpID: this.CorpID, |
| | | }).then((res) => { |
| | | console.log(res, 379); |
| | | }).then(async (res) => { |
| | | // console.log(res, 379); |
| | | let resdata = []; |
| | | if (res && res.Data) { |
| | | resdata = res.Data; |
| | | } |
| | | let treedata = treeCorprationDataFormat(resdata); |
| | | let treedata = await treeCorprationDataFormat(resdata); |
| | | this.defaultExpandedKeys = [treedata[0]?.ID]; |
| | | let currentID = getTreeIdById(treedata, ""); |
| | | this.currentNodeKey = currentID[0]?.ID; |
| | | this.titleName = currentID[0]?.Name; |
| | | let currentnode = getTreeIdById(treedata, treedata[0]?.ID); |
| | | this.currentNodeKey = currentnode[0]?.ID; |
| | | this.currentFaultTreeNode = currentnode[0]; |
| | | this.titleName = currentnode[0]?.Name; |
| | | this.treeData = treedata; |
| | | this.getTableData(); |
| | | }); |
| | | }, |
| | | /**䏿鿩åå */ |
| | | selectchange(label, node) { |
| | | console.log(label, node, 186); |
| | | // console.log(label, node, 186); |
| | | if (!node) { |
| | | this.currentCatalogID = ""; |
| | | return; |
| | |
| | | }, |
| | | /**æ ç¹å»äºä»¶ */ |
| | | handleNodeClick(data) { |
| | | console.log(data, 74); |
| | | // console.log(data, 74); |
| | | this.titleName = data.Name; |
| | | this.currentNodeKey = data?.ID; |
| | | this.currentFaultTreeNode = data; |
| | | // console.log(this.currentFaultTreeNode,data,601) |
| | | this.getTableData(); |
| | | }, |
| | | |
| | | getTableData() { |
| | | let GroupID = this.currentNodeKey; |
| | | console.log(GroupID, 589); |
| | | if (!GroupID) { |
| | | this.tableData = []; |
| | | return; |
| | | } |
| | | GetFaultTreeListByGroupID({ CorpID: this.CorpID, GroupID: GroupID }).then( |
| | | (res) => { |
| | | console.log(res, 581); |
| | | // console.log(res, 581); |
| | | let resdata = []; |
| | | if (res && res.Data) { |
| | | resdata = res.Data; |
| | |
| | | handleSelectionChange(val) { |
| | | this.multipleSelection = val; |
| | | }, |
| | | |
| | | /**æ·»å æ
éç» ä¸ææ ååäºä»¶ */ |
| | | addFaultGroupChange(label, node) { |
| | | this.addFaultGroupTreeSelectNode = node; |
| | | |
| | | addFaultTreeFormVisible() { |
| | | this.addFaultFormVisible = true; |
| | | }, |
| | | /**æäº¤æ
éæ ç» */ |
| | | addFaultGroup(formName) { |
| | |
| | | let formdata = this.addFaultGroupForm; |
| | | |
| | | let ParentIds = []; |
| | | if (this.addFaultGroupTreeSelectNode) { |
| | | ParentIds = this.addFaultGroupTreeSelectNode.ParentIds; |
| | | ParentIds.push(this.addFaultGroupTreeSelectNode.ID); |
| | | let sort = 0; |
| | | if (this.currentFaultTreeNode) { |
| | | ParentIds = JSON.parse( |
| | | JSON.stringify(this.currentFaultTreeNode.ParentIds) |
| | | ); |
| | | ParentIds.push(this.currentFaultTreeNode.ID); |
| | | if (this.currentFaultTreeNode.Children.length > 0) { |
| | | let sorts = this.currentFaultTreeNode.Children.map((x) => { |
| | | return x.SortCode; |
| | | }); |
| | | let maxSort = maxInArray(sorts); |
| | | sort = this.currentFaultTreeNode.Children.length; |
| | | } |
| | | } |
| | | |
| | | let postdata = { |
| | |
| | | CatalogID: this.currentCatalogID, |
| | | ParentIds: ParentIds, |
| | | Name: formdata.name, |
| | | Flags: [""], |
| | | Flags: formdata.flags, |
| | | TagName: formdata.tagname, |
| | | SortCode: formdata.sort, |
| | | SortCode: sort, |
| | | Description: formdata.note, |
| | | }; |
| | | console.log(postdata, this.addFaultGroupTreeSelectNode, 489); |
| | | console.log(postdata, formdata, 699); |
| | | |
| | | // return; |
| | | AddFaultTreeGroup(postdata).then((res) => { |
| | | console.log(res, 441); |
| | | // console.log(res, 441); |
| | | |
| | | if (res.Data) { |
| | | this.getLeftTreeData(); |
| | |
| | | if (valid) { |
| | | this.addFaultFormVisible = false; |
| | | let formdata = this.addFaultForm; |
| | | let sort = this.tableData.length; |
| | | |
| | | let postdata = { |
| | | CorpID: this.CorpID, |
| | | GroupID: this.currentNodeKey, |
| | | Code: formdata.code, |
| | | Name: formdata.name, |
| | | Flags: [], |
| | | TagName: formdata.labelName, |
| | | SortCode: 0, |
| | | Flags: formdata.flags, |
| | | TagName: formdata.tagname, |
| | | SortCode: sort, |
| | | Description: formdata.note, |
| | | }; |
| | | console.log(postdata, 682); |
| | | |
| | | // return; |
| | | AddFaultTreeList(postdata).then((res) => { |
| | | console.log(res, 686); |
| | | // console.log(res, 686); |
| | | |
| | | if (res.Data) { |
| | | this.getTableData(); |
| | | this.addFaultForm.flags = []; |
| | | this.$refs[formName].resetFields(); |
| | | this.$message({ |
| | | message: "æ·»å æå", |
| | | type: "success", |
| | |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | |
| | | /**æ èç¹ç¼è¾äºä»¶ */ |
| | | treeEdit(data, node) { |
| | | console.log(data, node, 358); |
| | |
| | | this.editFaultGroupForm.name = data.Name; |
| | | this.editFaultGroupForm.tagname = data.TagName; |
| | | this.editFaultGroupForm.note = data.Description; |
| | | this.editFaultGroupForm.sort = data.SortCode; |
| | | this.editFaultGroupForm.flags = data.Flags; |
| | | this.editFaultGroupForm.data = data; |
| | | }, |
| | | /**æ èç¹ç¼è¾äºä»¶ */ |
| | | treeDelete(data, node) { |
| | | console.log(data, node, 737); |
| | | let ID = data?.ID; |
| | | if (!ID) { |
| | | this.$message({ |
| | | type: "error", |
| | | message: "å é¤å¤±è´¥ï¼å é¤å
ç´ IDä¸è½ä¸ºç©º", |
| | | }); |
| | | return; |
| | | } |
| | | this.$confirm("æ¤æä½å°æ°¸ä¹
å é¤, æ¯å¦ç»§ç»?", "æç¤º", { |
| | | confirmButtonText: "ç¡®å®", |
| | | cancelButtonText: "åæ¶", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | DeleteFaultTreeGroup({ ID: ID, CorpID: this.CorpID }).then((res) => { |
| | | // console.log(res, 733); |
| | | if (res.Data) { |
| | | if (res.Data.Success) { |
| | | this.getLeftTreeData(); |
| | | this.$message({ |
| | | message: "å 餿å", |
| | | type: "success", |
| | | }); |
| | | } else { |
| | | let reason = res.Data?.Reason || ""; |
| | | this.$message({ |
| | | message: "å é¤å¤±è´¥ï¼åå ï¼" + reason, |
| | | type: "error", |
| | | }); |
| | | } |
| | | } else { |
| | | this.$message({ |
| | | message: res.Message, |
| | | type: "error", |
| | | }); |
| | | } |
| | | }); |
| | | }) |
| | | .catch((err) => { |
| | | this.$message({ |
| | | type: "info", |
| | | message: "已忶å é¤", |
| | | description: err.message, |
| | | }); |
| | | }); |
| | | }, |
| | | editFaultGroup(formName) { |
| | | this.$refs[formName].validate((valid) => { |
| | |
| | | this.editFaultGroupFormVisible = false; |
| | | let formdata = this.editFaultGroupForm; |
| | | |
| | | console.log(formdata, 653); |
| | | // console.log(formdata, 653); |
| | | let postdata = { |
| | | ID: formdata.data.ID, |
| | | CorpID: this.CorpID, |
| | | Name: formdata.name, |
| | | Flags: [""], |
| | | Flags: formdata.flags, |
| | | TagName: formdata.tagname, |
| | | Description: formdata.note, |
| | | }; |
| | | console.log(postdata, this.addFaultGroupTreeSelectNode, 489); |
| | | |
| | | // return; |
| | | EditFaultTreeGroup(postdata).then((res) => { |
| | | console.log(res, 666); |
| | | // console.log(res, 666); |
| | | |
| | | if (res.Data) { |
| | | this.getLeftTreeData(); |
| | |
| | | this.editFaultFormVisible = true; |
| | | this.editFaultForm.name = row.Name; |
| | | this.editFaultForm.code = row.Code; |
| | | this.editFaultForm.labelName = row.TagName; |
| | | this.editFaultForm.tagname = row.TagName; |
| | | this.editFaultForm.note = row.Description; |
| | | this.editFaultForm.sort = row.SortCode; |
| | | this.editFaultForm.flags = row.Flags; |
| | | this.editFaultForm.data = row; |
| | | // console.log(row, 771); |
| | | }, |
| | | deleteFault(row) { |
| | | console.log(row, 1025); |
| | | let ID = row.ID; |
| | | this.$confirm("æ¤æä½å°æ°¸ä¹
å é¤, æ¯å¦ç»§ç»?", "æç¤º", { |
| | | confirmButtonText: "ç¡®å®", |
| | | cancelButtonText: "åæ¶", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | DeleteFaultTreeList({ ID: ID, CorpID: this.CorpID }).then((res) => { |
| | | console.log(res, 1020); |
| | | if (res.Data) { |
| | | if (res.Data.Success) { |
| | | this.getTableData(); |
| | | this.$message({ |
| | | message: "å 餿å", |
| | | type: "success", |
| | | }); |
| | | } else { |
| | | let reason = res.Data?.Reason || ""; |
| | | this.$message({ |
| | | message: "å é¤å¤±è´¥ï¼åå ï¼" + reason, |
| | | type: "error", |
| | | }); |
| | | } |
| | | } else { |
| | | this.$message({ |
| | | message: "å é¤å¤±è´¥", |
| | | type: "error", |
| | | }); |
| | | } |
| | | }); |
| | | }) |
| | | .catch((err) => { |
| | | this.$message({ |
| | | type: "info", |
| | | message: "已忶å é¤", |
| | | description: err.message, |
| | | }); |
| | | }); |
| | | }, |
| | | editFaultList(formName) { |
| | | this.$refs[formName].validate((valid) => { |
| | |
| | | this.editFaultFormVisible = false; |
| | | let formdata = this.editFaultForm; |
| | | |
| | | console.log(formdata, 653); |
| | | // console.log(formdata, 653); |
| | | let postdata = { |
| | | ID: formdata.data.ID, |
| | | CorpID: this.CorpID, |
| | | Code: formdata.code, |
| | | Name: formdata.name, |
| | | Flags: [], |
| | | TagName: formdata.labelName, |
| | | Flags: formdata.flags, |
| | | TagName: formdata.tagname, |
| | | Description: formdata.note, |
| | | }; |
| | | console.log(postdata, 809); |
| | | console.log(postdata, 809); |
| | | |
| | | // return; |
| | | EditFaultTreeList(postdata).then((res) => { |
| | |
| | | } |
| | | }); |
| | | }, |
| | | updateFaultSortCode(postdata) { |
| | | EditFaultTreeSortCode(postdata).then((res) => { |
| | | // console.log(res, 823); |
| | | |
| | | if (res.Data) { |
| | | this.getTableData(); |
| | | // this.$message({ |
| | | // message: "ç¼è¾æå", |
| | | // type: "success", |
| | | // }); |
| | | } else { |
| | | // this.$message({ |
| | | // message: "ç¼è¾å¤±è´¥", |
| | | // type: "error", |
| | | // }); |
| | | } |
| | | }); |
| | | }, |
| | | updateFaultGroupSortCode(postdata) { |
| | | EditFaultTreeGroupSortCode(postdata).then((res) => { |
| | | // console.log(res, 852); |
| | | |
| | | if (res.Data) { |
| | | this.getLeftTreeData(); |
| | | // this.$message({ |
| | | // message: "ç¼è¾æå", |
| | | // type: "success", |
| | | // }); |
| | | } else { |
| | | // this.$message({ |
| | | // message: "ç¼è¾å¤±è´¥", |
| | | // type: "error", |
| | | // }); |
| | | } |
| | | }); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |