From dba6651c44548a3a617398a6afd14b455f5ea92f Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期四, 31 八月 2023 17:06:40 +0800
Subject: [PATCH] 1.存货档案60%

---
 src/views/materialManager/inventoryList.vue |  776 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 773 insertions(+), 3 deletions(-)

diff --git a/src/views/materialManager/inventoryList.vue b/src/views/materialManager/inventoryList.vue
index 19d920b..d472ec0 100644
--- a/src/views/materialManager/inventoryList.vue
+++ b/src/views/materialManager/inventoryList.vue
@@ -1,11 +1,781 @@
-<template />
+<template>
+  <div>
+    <div class="body" :style="{height:mainHeight+'px'}">
+
+      <div style="display: flex">
+        <div style="width: 300px;margin: 10px 10px 0  0;background:#fff">
+
+          <div style="margin: 20px 10px 0 10px;display: flex;justify-content: space-between;">
+            <div style="display: flex;">
+              <div
+                style="width: 5px;height: 100%;border-radius: 5px;"
+                :style="{background:$store.state.settings.theme}"
+              />
+              <div style="margin-left: 8px;">瀛樿揣妗f</div>
+            </div>
+
+            <div style="margin-right:10px">
+              <el-tooltip v-del-tab-index class="item" effect="dark" content="鏂板" placement="top">
+                <i class="el-icon-plus" style="cursor: pointer;color: #999" @click="treeAddClick('add')" />
+              </el-tooltip>
+            </div>
+
+          </div>
+
+          <el-tree
+            ref="treeLeftRef"
+            style="padding: 10px;overflow: auto"
+            :style="{height:(tableHeight+222)+'px'}"
+            :data="treeLeft"
+            node-key="code"
+            highlight-current
+            :props="defaultPropsLeft"
+            :default-expand-all="true"
+            :expand-on-click-node="false"
+            @node-click="getTMaterielData"
+          >
+            <span slot-scope="{ node, data }" class="custom-tree-node">
+              <span v-if="!data.isEdit">{{ data.name }}</span>
+              <span v-if="!data.isEdit">
+                <el-tooltip v-del-tab-index class="item" effect="dark" content="缂栬緫" placement="top">
+                  <i
+                    v-if="data.code!=='-1'"
+                    class="el-icon-edit"
+                    style="margin-right:10px;color: #999"
+                    @click.stop="treeEditClick(node,data,'edit')"
+                  />
+                </el-tooltip>
+                <el-tooltip v-del-tab-index class="item" effect="dark" content="鍒犻櫎" placement="top">
+                  <i
+                    v-if="data.code!=='-1'"
+                    class="el-icon-delete"
+                    style="margin-right: 4px;color: #999"
+                    @click.stop="treeDeleteClick(node,data)"
+                  />
+                </el-tooltip>
+              </span>
+            </span>
+          </el-tree>
+        </div>
+
+        <div
+          style=" width:calc(100% - 300px);"
+        >
+          <div class="bodyTopButtonGroup">
+            <el-button v-waves type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>
+          </div>
+
+          <div class="bodyTopFormGroup">
+            <el-form
+              ref="form"
+              :model="form"
+              label-width="100px"
+              inline
+              style="display: flex;"
+            >
+              <div class="elForm">
+                <el-form-item label="瀛樿揣缂栫爜" style=" display: flex;">
+                  <el-input v-model="form.partcode" placeholder="璇疯緭鍏�" style="width: 200px" />
+                </el-form-item>
+                <el-form-item label="瀛樿揣鍚嶇О" style=" display: flex;">
+                  <el-input v-model="form.partname" placeholder="璇疯緭鍏�" style="width: 200px" />
+                </el-form-item>
+                <el-form-item label="瀛樿揣瑙勬牸" style=" display: flex;">
+                  <el-input v-model="form.partspec" placeholder="璇疯緭鍏�" style="width: 200px" />
+                </el-form-item>
+                <!--                <el-form-item label="鐢ㄦ埛缂栫爜" style=" display: flex;">-->
+                <!--                  <el-input v-model="form.usercode" placeholder="璇疯緭鍏�" style="width: 200px" />-->
+                <!--                </el-form-item>-->
+                <!--                <el-form-item v-show="isExpandForm" label="鐢ㄦ埛鍚嶇О" style=" display: flex;">-->
+                <!--                  <el-input v-model="form.username" placeholder="璇疯緭鍏�" style="width: 200px" />-->
+                <!--                </el-form-item>-->
+                <!--                <el-form-item v-show="isExpandForm" label="鐢ㄦ埛缂栫爜" style=" display: flex;">-->
+                <!--                  <el-input v-model="form.usercode" placeholder="璇疯緭鍏�" style="width: 200px" />-->
+                <!--                </el-form-item>-->
+                <!--                <el-form-item v-show="isExpandForm" label="鐢ㄦ埛鍚嶇О" style=" display: flex;">-->
+                <!--                  <el-input v-model="form.username" placeholder="璇疯緭鍏�" style="width: 200px" />-->
+                <!--                </el-form-item>-->
+                <!--                <el-form-item v-show="isExpandForm" label="鐢ㄦ埛缂栫爜" style=" display: flex;">-->
+                <!--                  <el-input v-model="form.usercode" placeholder="璇疯緭鍏�" style="width: 200px" />-->
+                <!--                </el-form-item>-->
+                <!--                <el-form-item v-show="isExpandForm" label="鐢ㄦ埛鍚嶇О" style=" display: flex;">-->
+                <!--                  <el-input v-model="form.username" placeholder="璇疯緭鍏�" style="width: 200px" />-->
+                <!--                </el-form-item>-->
+              </div>
+              <div
+                class="bodySearchReset"
+                :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}"
+              >
+                <el-button v-waves type="primary" icon="el-icon-search" @click="">鏌ヨ</el-button>
+                <el-button v-waves type="info" icon="el-icon-refresh" @click="reset">閲嶇疆</el-button>
+              </div>
+            </el-form>
+            <div
+              class="bodyTopFormExpand"
+              style="height: 5px;"
+            >
+              <!--              <svg-icon-->
+              <!--                v-show="mouseHoverType==='mouseout'"-->
+              <!--                style="cursor: pointer"-->
+              <!--                :icon-class="!isExpandForm?'doubleDown3':'doubleUp3'"-->
+              <!--                @mouseenter="mouseHoverType=$event.type"-->
+              <!--              />-->
+              <!--              <svg-icon-->
+              <!--                v-show="mouseHoverType==='mouseenter'"-->
+              <!--                style="cursor: pointer"-->
+              <!--                :icon-class="!isExpandForm?'doubleDown':'doubleUp'"-->
+              <!--                @click="isExpandForm=!isExpandForm"-->
+              <!--                @mouseout="mouseHoverType=$event.type"-->
+              <!--              />-->
+            </div>
+          </div>
+
+          <div class="elTableDiv">
+            <el-table
+              ref="tableDataRef"
+              class="tableFixed"
+              :data="tableData"
+              :height="isExpandForm?tableHeight:(tableHeight+80)+'px'"
+              border
+              row-class-name="custom-row"
+              :style="{width: 100+'%',height:isExpandForm?tableHeight:(tableHeight+80)+'px',}"
+              highlight-current-row
+              :header-cell-style="this.$headerCellStyle"
+              :cell-style="this.$cellStyle"
+              @sort-change="sortChange"
+            >
+              <!--            prop="RowNum"-->
+              <el-table-column
+                type="index"
+                width="50"
+                fixed
+                label="搴忓彿"
+              />
+              <el-table-column
+                prop="code"
+                label="瀛樿揣缂栫爜"
+                sortable="custom"
+              />
+              <el-table-column
+                prop="code"
+                label="瀛樿揣鍚嶇О"
+                sortable="custom"
+              />
+              <el-table-column
+                prop="code"
+                label="瑙勬牸鍨嬪彿"
+                sortable="custom"
+              />
+              <el-table-column
+                prop="code"
+                label="鎵�灞炵被鍒�"
+                sortable="custom"
+              />
+              <el-table-column
+                prop="code"
+                label="璁¢噺鍗曚綅"
+                sortable="custom"
+              />
+              <el-table-column
+                prop="code"
+                label="璁¢噺鍗曚綅"
+                sortable="custom"
+              />
+              <el-table-column
+                label="鎿嶄綔"
+                width="120"
+                fixed="right"
+              >
+                <template slot-scope="{row}">
+                  <div class="operationClass">
+                    <el-tooltip class="item" effect="dark" content="缂栬緫" placement="top">
+                      <i
+                        class="el-icon-edit-outline"
+                        :style="{color:$store.state.settings.theme}"
+                        @click="edit('edit',row)"
+                      />
+                    </el-tooltip>
+                    <el-tooltip v-del-tab-index class="item" effect="dark" content="鍒犻櫎" placement="top">
+                      <i
+                        class="el-icon-delete"
+                        :style="{color:$store.state.settings.theme}"
+                        @click="del(row)"
+                      />
+                    </el-tooltip>
+                  </div>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+
+          <!--鍒嗛〉-->
+          <pagination
+            :total="total"
+            :page.sync="form.page"
+            :limit.sync="form.rows"
+            align="right"
+            layout="total,prev, pager, next,sizes,jumper"
+            popper-class="select_bottom"
+            @pagination="getOrganizationSearch"
+          />
+
+        </div>
+      </div>
+    </div>
+
+    <!--    瀛樿揣绫诲埆鏂板淇敼-->
+    <el-dialog
+      v-el-drag-dialog
+      :title="operation==='add'?'鏂板':'缂栬緫'"
+      :visible.sync="dialogClassVisible"
+      width="800px"
+      :close-on-click-modal="false"
+      top="15vh"
+      @closed="handleClassClose"
+      @close="handleClassClose"
+    >
+      <el-form ref="dialogClassForm" inline :rules="dialogClassFormRules" :model="dialogClassForm" label-width="80px">
+        <el-form-item label="鍒嗙被缂栫爜" prop="inventoryclasscode">
+          <el-input v-model="dialogClassForm.inventoryclasscode" :disabled="operation!=='add'" style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="鍒嗙被鍚嶇О" prop="inventoryclassname">
+          <el-input v-model="dialogClassForm.inventoryclassname" style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="涓婄骇鍒嗙被">
+          <el-select
+            v-model="dialogClassForm.parentcode"
+            style="width:200px"
+            placeholder="璇烽�夋嫨"
+            :popper-append-to-body="false"
+            clearable
+          >
+            <el-option
+              v-for="item in treeLeftArr"
+              :key="item.code"
+              :label="item.name"
+              :value="item.code"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+
+      <span slot="footer" class="dialog-footer">
+        <div class="footerButton">
+          <el-button v-waves @click="dialogVisibleClassCancel">鍙� 娑�</el-button>
+          <el-button
+            v-waves
+            type="primary"
+            :loading="$store.state.app.buttonIsDisabled"
+            :disabled="$store.state.app.buttonIsDisabled"
+            @click="dialogVisibleClassConfirm"
+          >纭� 瀹�</el-button>
+        </div>
+      </span>
+    </el-dialog>
+
+    <!--    瀛樿揣妗f鏂板淇敼-->
+    <el-dialog
+      v-el-drag-dialog
+      :title="operation==='add'?'鏂板':'缂栬緫'"
+      :visible.sync="dialogVisible"
+      width="800px"
+      :close-on-click-modal="false"
+      top="15vh"
+      @closed="handleClose"
+      @close="handleClose"
+    >
+
+      <el-form ref="dialogForm" class="elForm" inline :rules="dialogFormRules" :model="dialogForm" label-width="110px">
+        <el-divider content-position="left">鍩烘湰淇℃伅</el-divider>
+        <el-form-item label="瀛樿揣缂栫爜" prop="usercode">
+          <el-input v-model="dialogForm.usercode" :disabled="operation!=='add'" style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="瀛樿揣鍚嶇О" prop="username">
+          <el-input v-model="dialogForm.username" style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="瑙勬牸鍨嬪彿">
+          <el-input v-model="dialogForm.usercode" style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="鎵�灞炵被鍒�" prop="username">
+          <el-select
+            v-model="dialogForm.usercode"
+            style="width:200px"
+            placeholder="璇烽�夋嫨"
+            filterable
+            :popper-append-to-body="false"
+          >
+            <el-option
+              v-for="item in treeLeftArr"
+              :key="item.code"
+              :label="item.name"
+              :value="item.code"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-divider content-position="left">璁¢噺鍗曚綅</el-divider>
+        <el-form-item label="璁¢噺鏂瑰紡" prop="usercode">
+          <el-select
+            v-model="dialogForm.usercode"
+            style="width:200px"
+            placeholder="璇烽�夋嫨"
+            filterable
+            :popper-append-to-body="false"
+          >
+            <el-option
+              v-for="item in treeLeftArr"
+              :key="item.code"
+              :label="item.name"
+              :value="item.code"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="璁¢噺鍗曚綅缁�" prop="username">
+          <el-select
+            v-model="dialogForm.usercode"
+            style="width:200px"
+            placeholder="璇烽�夋嫨"
+            filterable
+            :popper-append-to-body="false"
+          >
+            <el-option
+              v-for="item in treeLeftArr"
+              :key="item.code"
+              :label="item.name"
+              :value="item.code"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="鎶ヨ〃杈呭姪鍗曚綅" prop="usercode">
+          <el-select
+            v-model="dialogForm.usercode"
+            style="width:200px"
+            placeholder="璇烽�夋嫨"
+            filterable
+            :popper-append-to-body="false"
+          >
+            <el-option
+              v-for="item in treeLeftArr"
+              :key="item.code"
+              :label="item.name"
+              :value="item.code"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="搴撳瓨甯哥敤鍗曚綅" prop="username">
+          <el-select
+            v-model="dialogForm.usercode"
+            style="width:200px"
+            placeholder="璇烽�夋嫨"
+            filterable
+            :popper-append-to-body="false"
+          >
+            <el-option
+              v-for="item in treeLeftArr"
+              :key="item.code"
+              :label="item.name"
+              :value="item.code"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="閲囪喘甯哥敤鍗曚綅" prop="usercode">
+          <el-select
+            v-model="dialogForm.usercode"
+            style="width:200px"
+            placeholder="璇烽�夋嫨"
+            filterable
+            :popper-append-to-body="false"
+          >
+            <el-option
+              v-for="item in treeLeftArr"
+              :key="item.code"
+              :label="item.name"
+              :value="item.code"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="閿�鍞父鐢ㄥ崟浣�" prop="username">
+          <el-select
+            v-model="dialogForm.usercode"
+            style="width:200px"
+            placeholder="璇烽�夋嫨"
+            filterable
+            :popper-append-to-body="false"
+          >
+            <el-option
+              v-for="item in treeLeftArr"
+              :key="item.code"
+              :label="item.name"
+              :value="item.code"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="鐢熶骇甯哥敤鍗曚綅" prop="username">
+          <el-select
+            v-model="dialogForm.usercode"
+            style="width:200px"
+            placeholder="璇烽�夋嫨"
+            filterable
+            :popper-append-to-body="false"
+          >
+            <el-option
+              v-for="item in treeLeftArr"
+              :key="item.code"
+              :label="item.name"
+              :value="item.code"
+            />
+          </el-select>
+        </el-form-item>
+        <el-divider content-position="left">瀛樿揣灞炴��</el-divider>
+        <el-checkbox v-model="dialogForm.username" style="margin-left: 70px;">澶栬喘</el-checkbox>
+        <el-checkbox v-model="dialogForm.username">閿�鍞�</el-checkbox>
+        <el-checkbox v-model="dialogForm.username">鑷埗</el-checkbox>
+        <el-checkbox v-model="dialogForm.username">鐢熶骇娑堣��</el-checkbox>
+        <el-checkbox v-model="dialogForm.username">濮斿</el-checkbox>
+        <el-divider content-position="left">瀛樿揣鎻忚堪</el-divider>
+        <el-form-item label="鎵�灞炵被鍒�">
+          <el-input
+            v-model="dialogForm.username"
+            type="textarea"
+            :autosize="{ minRows: 2, maxRows: 4}"
+
+            style="width: 490px;"
+          />
+        </el-form-item>
+
+      </el-form>
+
+      <span slot="footer" class="dialog-footer">
+        <div class="footerButton">
+          <el-button v-waves @click="dialogVisibleCancel">鍙� 娑�</el-button>
+          <el-button
+            v-waves
+            type="primary"
+            :loading="$store.state.app.buttonIsDisabled"
+            :disabled="$store.state.app.buttonIsDisabled"
+            @click="dialogVisibleConfirm"
+          >纭� 瀹�</el-button>
+        </div>
+      </span>
+    </el-dialog>
+
+  </div>
+</template>
 
 <script>
+import waves from '@/directive/waves'
+import Pagination from '@/components/Pagination'
+import { validateCode } from '@/utils/global'
+import elDragDialog from '@/directive/el-drag-dialog'
+import {
+  TMaterielClassTree,
+  TMaterielClassTreeAddUpdate,
+  TMaterielClassTreeDelete,
+  TMaterielData
+} from '@/api/ProductModel'
+import arrayToTree from 'array-to-tree'
+
 export default {
-  name: 'InventoryList'
+  name: 'RoleList',
+  directives: { waves, elDragDialog },
+  components: {
+    Pagination
+  },
+  data() {
+    return {
+      mouseHoverType: 'mouseout',
+      isExpandForm: false,
+      mainHeight: 0,
+      tableHeight: 0,
+      operation: '',
+
+      treeLeft: [
+        {
+          code: '-1',
+          name: '鍏ㄩ儴'
+        }
+      ], // 宸︿晶鏍�
+      treeLeftArr: [],
+      defaultPropsLeft: {
+        children: 'children',
+        label: 'name'
+      },
+
+      tableData: [],
+      form: {
+        inventoryclasscode: '',
+        partcode: '',
+        partname: '',
+        partspec: '',
+        page: 1,
+        rows: 20,
+        prop: 'lm_date', // 鎺掑簭瀛楁
+        order: 'desc' // 鎺掑簭瀛楁
+      },
+      total: 0,
+      dialogClassVisible: false,
+      dialogClassForm: {
+        data_sources: '', // 鏁版嵁鏉ユ簮:ERP/MES
+        inventoryclasscode: '', // 瀛樿揣鍒嗙被缂栫爜
+        inventoryclassname: '', // 瀛樿揣鍒嗙被鍚嶇О
+        parentcode: '', // 涓婄骇鍒嗙被缂栫爜
+        OperType: ''// OperType
+      },
+      classArr: [],
+      dialogClassFormRules: {
+        inventoryclasscode: [
+          { required: true, validator: validateCode, trigger: ['blur', 'change'] }
+        ],
+        inventoryclassname: [
+          { required: true, message: '璇疯緭瀛樿揣绫诲瀷鍚嶇О', trigger: ['blur', 'change'] }
+        ]
+      },
+
+      dialogVisible: false,
+      dialogForm: {
+        usercode: '', // 鐢ㄦ埛缂栫爜
+        username: '' // 鐢ㄦ埛鍚嶇О
+      },
+      dialogFormRules: {
+        usercode: [
+          { required: true, validator: validateCode, trigger: ['blur', 'change'] }
+        ],
+        username: [
+          { required: true, message: '璇疯緭鍏ョ粍缁囧悕绉�', trigger: ['blur', 'change'] }
+        ]
+      }
+
+    }
+  },
+
+  created() {
+
+  },
+  mounted() {
+    window.addEventListener('resize', this.getHeight)
+    this.getHeight()
+
+    this.getTMaterielClassTree()
+  },
+  methods: {
+    async getTMaterielClassTree() {
+      const res = await TMaterielClassTree()
+      res.data.forEach(i => {
+        i.idparent = i.idparent ? i.idparent : '-1'
+      })
+      this.treeLeftArr = res.data
+      this.treeLeft = arrayToTree(this.treeLeft.concat(res.data), {
+        parentProperty: 'idparent',
+        customID: 'code',
+        childrenProperty: 'children'
+      })
+
+      this.$nextTick(() => {
+        this.$refs.treeLeftRef.setCurrentKey('-1')
+        this.getTMaterielData(this.$refs.treeLeftRef.getCurrentNode())
+      })
+    },
+    async getTMaterielData(node) {
+      const result = this.getChildrenCodeMethod(node, [])
+      if (result.includes('-1')) {
+        result.shift()
+      }
+      this.form.inventoryclasscode = result.join(',')
+      const res = await TMaterielData(this.form)
+
+      this.tableData = res.data
+      this.total = res.count
+    },
+
+    // 鑾峰彇椤甸潰楂樺害
+    getHeight() {
+      this.$nextTick(() => {
+        this.mainHeight = window.innerHeight - 85
+        this.tableHeight = this.mainHeight - 280
+        this.$refs.tableDataRef.doLayout()
+      })
+    },
+    sortChange({ column, prop, order }) {
+      if (order === 'descending') {
+        order = 'desc'
+      } else if (order === 'ascending') {
+        order = 'asc'
+      } else {
+        order = 'desc'
+      }
+      this.form.order = order
+      this.form.prop = prop
+      this.getTMaterielData(this.$refs.treeLeftRef.getCurrentNode())
+    },
+    getOrganizationSearch() {
+      this.getTMaterielData(this.$refs.treeLeftRef.getCurrentNode())
+    },
+    // 鏂板鎸夐挳
+    add(operation) {
+      this.operation = operation
+      this.dialogVisible = true
+      this.dialogForm.OperType = 'Add'
+    },
+    // 淇敼鎸夐挳
+    async edit(operation, row) {
+      this.operation = operation
+      this.dialogVisible = true
+      this.dialogForm.OperType = 'Update'
+
+      this.$nextTick(() => {
+        this.dialogForm.usercode = row.usercode
+      })
+    },
+    del(row) {
+      this.$confirm('鏄惁纭鍒犻櫎?', '鎻愮ず', {
+        confirmButtonText: '纭畾',
+        cancelButtonText: '鍙栨秷',
+        type: 'warning'
+      }).then(() => {
+        // const result = this.getChildrenCodeMethod(data, [])
+        // TMaterielClassTreeDelete({ inventoryclasscode: result.join(',') }).then(res => {
+        //   if (res.code === '200') {
+        //     this.$notify.success('鍒犻櫎鎴愬姛!')
+        //     this.getTMaterielClassTree()
+        //   }
+        // })
+      }).catch(() => {
+        this.$notify.info('宸插彇娑堝垹闄�')
+      })
+    },
+    reset() {
+      this.form.inventoryclasscode = ''
+      this.form.partcode = ''
+      this.form.partname = ''
+      this.form.partspec = ''
+      this.getTMaterielClassTree()
+    },
+    // 瀵硅瘽妗嗗叧闂簨浠�
+    handleClose() {
+      this.dialogForm.usercode = ''
+      this.dialogForm.username = ''
+
+      this.$refs.dialogForm.clearValidate()
+    },
+    // 瀵硅瘽妗嗗彇娑�
+    dialogVisibleCancel() {
+      this.dialogVisible = false
+    },
+    // 瀵硅瘽妗嗙‘璁�
+    dialogVisibleConfirm() {
+      this.$refs.dialogForm.validate(valid => {
+        if (valid) {
+          // this.$store.state.app.buttonIsDisabled = true
+          // this.dialogForm.group_code = this.dialogForm.group_code.join(',')
+          // this.dialogForm.post_code = this.dialogForm.post_code.join(',')
+          // this.dialogForm.role_code = this.dialogForm.role_code.join(',')
+          // this.dialogForm.storg_code = this.dialogForm.storg_code[this.dialogForm.storg_code.length - 1]
+          // AddUpdateUserSave(this.dialogForm).then(res => {
+          //   if (res.code === '200') {
+          //     this.$notify.success(this.operation === 'add' ? '娣诲姞鎴愬姛锛�' : '淇敼鎴愬姛锛�')
+          //     this.dialogVisible = false
+          //     this.$store.state.app.buttonIsDisabled = false
+          //     this.getUserData()
+          //   } else {
+          //     this.$store.state.app.buttonIsDisabled = false
+          //     this.$notify.error(this.operation === 'add' ? '娣诲姞澶辫触锛�' : '淇敼澶辫触锛�')
+          //   }
+          // })
+        }
+      })
+    },
+
+    // 閫掑綊鍙栧瓙闆嗙殑鎵�鏈塩ode
+    getChildrenCodeMethod(node, result) {
+      result.push(node.code)
+      if (node.children && node.children.length > 0) {
+        node.children.forEach(i => {
+          this.getChildrenCodeMethod(i, result)
+        })
+      }
+      return result
+    },
+
+    treeEditClick(node, data, operation) {
+      this.dialogClassForm.data_sources = data.data_sources
+      this.dialogClassForm.inventoryclasscode = data.code
+      this.dialogClassForm.inventoryclassname = data.name
+      this.dialogClassForm.parentcode = data.idparent === '-1' ? '' : data.idparent
+      this.dialogClassForm.OperType = 'Update'
+      this.operation = operation
+      this.dialogClassVisible = true
+    },
+    treeDeleteClick(node, data) {
+      this.$confirm('鏄惁纭鍒犻櫎?', '鎻愮ず', {
+        confirmButtonText: '纭畾',
+        cancelButtonText: '鍙栨秷',
+        type: 'warning'
+      }).then(() => {
+        const result = this.getChildrenCodeMethod(data, [])
+        TMaterielClassTreeDelete({ inventoryclasscode: result.join(',') }).then(res => {
+          if (res.code === '200') {
+            this.$notify.success('鍒犻櫎鎴愬姛!')
+            this.getTMaterielClassTree()
+          }
+        })
+      }).catch(() => {
+        this.$notify.info('宸插彇娑堝垹闄�')
+      })
+    },
+    treeAddClick(operation) {
+      this.operation = operation
+      this.dialogClassVisible = true
+      this.dialogClassForm.OperType = 'Add'
+      this.dialogClassForm.data_sources = 'MES'
+    },
+
+    handleClassClose() {
+      this.dialogClassForm.data_sources = ''
+      this.dialogClassForm.inventoryclasscode = ''
+      this.dialogClassForm.inventoryclassname = ''
+      this.dialogClassForm.parentcode = ''
+      this.dialogClassForm.OperType = ''
+      this.$refs.dialogClassForm.clearValidate()
+    },
+    dialogVisibleClassCancel() {
+      this.dialogClassVisible = false
+    },
+    dialogVisibleClassConfirm() {
+      this.$refs.dialogClassForm.validate(valid => {
+        if (valid) {
+          TMaterielClassTreeAddUpdate(this.dialogClassForm).then(res => {
+            if (res.code === '200') {
+              this.$notify.success(this.operation === 'add' ? '娣诲姞鎴愬姛锛�' : '淇敼鎴愬姛锛�')
+              this.dialogClassVisible = false
+              this.$store.state.app.buttonIsDisabled = false
+              this.getTMaterielClassTree()
+            } else {
+              this.$store.state.app.buttonIsDisabled = false
+              this.$notify.error(this.operation === 'add' ? '娣诲姞澶辫触锛�' : '淇敼澶辫触锛�')
+            }
+          })
+        }
+      })
+    }
+  }
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+}
 
+//::v-deep .el-checkbox__label {
+//  width: 55px;
+//}
+//
+.el-icon-plus:hover, .el-icon-edit:hover, .el-icon-delete:hover {
+  color: #000 !important;
+}
 </style>

--
Gitblit v1.9.3