物料维护新版本消息提示处理

src/views/material/basicFile/details.vue

@@ -10,7 +10,7 @@
         <el-col :span="1.5">
           <el-button-group>
             <el-button size="small" @click="handleSave"
-              v-hasPermi="['system:material:add', `${maintainNewVersion ? '' : 'system:material:versions'}`]">
+                       v-hasPermi="['system:material:add', `${maintainNewVersion ? '' : 'system:material:versions'}`]">
               保存
             </el-button>
           </el-button-group>
@@ -57,7 +57,8 @@
         <!-- 维护新版本 -->
         <el-col :span="1.5">
           <el-button-group>
-            <el-button size="small" @click="handleNewVersion" v-hasPermi="['system:material:versions']">维护新版本</el-button>
+            <el-button size="small" @click="handleNewVersion" v-hasPermi="['system:material:versions']">维护新版本
+            </el-button>
           </el-button-group>
         </el-col>
 
@@ -128,7 +129,7 @@
 
                 <!-- 基本信息展示表单 -->
                 <el-form v-if="activeMainTab == 'material'" :inline="true" label-position="right"
-                  :hide-required-asterisk="true" :model="basicData.value">
+                         :hide-required-asterisk="true" :model="basicData.value">
 
                   <el-row :gutter="10">
                     <el-col :span="8" v-for="f in basicData.form" style="text-align: right;">
@@ -140,14 +141,14 @@
                           <!-- :rules="[{ required: f.required, message: `请选择${f.name}`, trigger: 'change' }]" -->
 
                           <el-checkbox :label="f.name" name="type" v-model="basicData.value[f.prop]" true-label="0"
-                            false-label="2" :disabled="handleJudge(f)">
+                                       false-label="2" :disabled="handleJudge(f)">
                           </el-checkbox>
                         </el-form-item>
 
                         <!-- 下拉框   -->
                         <el-form-item v-else-if="f.attribute == 'select'"
-                          :id="(updateButtonGroup && f.apiUrl) ? 'selected' : ''"
-                          :prop="f.apiUrl ? `${f.prop}Name` : f.prop">
+                                      :id="(updateButtonGroup && f.apiUrl) ? 'selected' : ''"
+                                      :prop="f.apiUrl ? `${f.prop}Name` : f.prop">
                           <!-- :rules="[{ required: f.required, message: `请选择${f.name}`, trigger: 'change' }]" -->
 
                           <template slot="label">
@@ -161,16 +162,16 @@
 
                           <!-- 参照 -->
                           <el-select v-if="f.apiUrl" v-model="basicData.value[`${f.prop}Name`]" placeholder="请选择"
-                            :key="basicData.value[f.prop]" :disabled="handleJudge(f)"
-                            @focus="f.apiUrl && handleQueryMore(f, '', { name: 'basicData', prop: f.prop })">
+                                     :key="basicData.value[f.prop]" :disabled="handleJudge(f)"
+                                     @focus="f.apiUrl && handleQueryMore(f, '', { name: 'basicData', prop: f.prop })">
                             <div slot="empty"></div>
                           </el-select>
 
                           <!-- 字典 -->
                           <el-select v-if="f.dictId" v-model="basicData.value[f.prop]" placeholder="请选择"
-                            :key="basicData.value[f.prop]" :disabled="handleJudge(f)">
+                                     :key="basicData.value[f.prop]" :disabled="handleJudge(f)">
                             <el-option v-if="f.dictId" v-for="d in f.dictValue" :key="d.dictValue" :label="d.dictLabel"
-                              :value="d.dictValue">
+                                       :value="d.dictValue">
                             </el-option>
 
                           </el-select>
@@ -198,7 +199,7 @@
                           </template>
 
                           <el-input size="small" v-model="basicData.value[f.prop]" :type="f.attribute || 'text'"
-                            :readonly="handleJudge(f)">
+                                    :readonly="handleJudge(f)">
                           </el-input>
                         </el-form-item>
 
@@ -210,16 +211,16 @@
 
                 <!-- 其他展示为列表 -->
                 <el-table v-else :data="mainMsg.value" @cell-dblclick="handleMaindbClick"
-                  @selection-change="handleMainChange">
-                  <el-table-column type="selection" width="55" />
-                  <el-table-column type="index" v-if="mainMsg.form.length" label="序号" width="55" align="center" />
+                          @selection-change="handleMainChange">
+                  <el-table-column type="selection" width="55"/>
+                  <el-table-column type="index" v-if="mainMsg.form.length" label="序号" width="55" align="center"/>
                   <el-table-column v-for="m in  mainMsg.form" v-if="m.show" :label="m.name" align="center"
-                    :prop="m.attribute == 'select' ? `${m.prop}Name` : m.prop" show-overflow-tooltip>
+                                   :prop="m.attribute == 'select' ? `${m.prop}Name` : m.prop" show-overflow-tooltip>
                     <template slot-scope="scope">
                       {{ m.attribute == 'select' ? scope.row[`${m.prop}Name`] :
-                        (m.attribute == 'checkbox' ?
-                          (scope.row[m.prop] == '0' ? '√' : '')
-                          : scope.row[m.prop])
+                      (m.attribute == 'checkbox' ?
+                      (scope.row[m.prop] == '0' ? '√' : '')
+                      : scope.row[m.prop])
                       }}
                     </template>
                   </el-table-column>
@@ -230,12 +231,13 @@
               <!-- 副信息 -->
               <div class="md-vice">
 
-                <dr-tabs v-if="activeMainTab == 'material'" :tabList="basicMessage" :handleTabClick="handleViceTabClick">
+                <dr-tabs v-if="activeMainTab == 'material'" :tabList="basicMessage"
+                         :handleTabClick="handleViceTabClick">
 
                   <template #tabContent>
 
                     <el-form v-if="activeViceTab == 'material_medcine'" :inline="true" label-position="right"
-                      :hide-required-asterisk="true" :model="medcineData.value" class="md-vice-content">
+                             :hide-required-asterisk="true" :model="medcineData.value" class="md-vice-content">
 
                       <el-row :gutter="10">
                         <el-col :span="8" v-for="m in medcineData.form" style="text-align: right;">
@@ -246,8 +248,8 @@
                             <!-- 多选框 -->
                             <el-form-item v-if="m.attribute == 'checkbox'">
                               <el-checkbox :label="m.name" name="type" v-model="medcineData.value[m.prop]"
-                                :disabled="!(updateButtonGroup && m.edit && basicData.value.isMedicine == '0')"
-                                true-label="0" false-label="2">
+                                           :disabled="!(updateButtonGroup && m.edit && basicData.value.isMedicine == '0')"
+                                           true-label="0" false-label="2">
                               </el-checkbox>
                             </el-form-item>
 
@@ -256,9 +258,9 @@
 
                               <!-- 参照弹窗 -->
                               <el-select v-if="m.apiUrl" v-model="medcineData.value[`${m.prop}Name`]" placeholder="请选择"
-                                :key="medcineData.value[m.prop]"
-                                :disabled="!(updateButtonGroup && m.edit && basicData.value.isMedicine == '0')"
-                                @focus="m.apiUrl && handleQueryMore(m, '', { name: 'medcineData', prop: m.prop })">
+                                         :key="medcineData.value[m.prop]"
+                                         :disabled="!(updateButtonGroup && m.edit && basicData.value.isMedicine == '0')"
+                                         @focus="m.apiUrl && handleQueryMore(m, '', { name: 'medcineData', prop: m.prop })">
 
                                 <!-- <el-option v-if="m.dictId" v-for="d in m.dictValue" :key="d.dictValue":label="d.dictLabel" :value="d.dictValue"></el-option> -->
 
@@ -267,12 +269,12 @@
 
                               <!-- 下拉选择 -->
                               <el-select v-else v-model="medcineData.value[m.prop]" placeholder="请选择"
-                                :key="medcineData.value[m.prop]"
-                                :disabled="!(updateButtonGroup && m.edit && basicData.value.isMedicine == '0')"
-                                @focus="m.apiUrl && handleQueryMore(m, '', { name: 'medcineData', prop: m.prop })">
+                                         :key="medcineData.value[m.prop]"
+                                         :disabled="!(updateButtonGroup && m.edit && basicData.value.isMedicine == '0')"
+                                         @focus="m.apiUrl && handleQueryMore(m, '', { name: 'medcineData', prop: m.prop })">
 
                                 <el-option v-if="m.dictId" v-for="d in m.dictValue" :key="d.dictValue"
-                                  :label="d.dictLabel" :value="d.dictValue">
+                                           :label="d.dictLabel" :value="d.dictValue">
                                 </el-option>
 
                               </el-select>
@@ -287,7 +289,7 @@
                             <!-- 文本、数字、textarae -->
                             <el-form-item v-else :label="m.name">
                               <el-input size="small" v-model="medcineData.value[m.prop]" :type="m.attribute || 'text'"
-                                :readonly="!(updateButtonGroup && m.edit && basicData.value.isMedicine == '0')">
+                                        :readonly="!(updateButtonGroup && m.edit && basicData.value.isMedicine == '0')">
                               </el-input>
                             </el-form-item>
                           </template>
@@ -301,15 +303,16 @@
 
                     <!-- 辅计量 -->
                     <el-table v-else-if="activeViceTab == 'material_unit'" :data="unitDetails.value"
-                      class="material-table">
-                      <el-table-column type="index" v-if="unitDetails.form.length" label="序号" width="55" align="center" />
+                              class="material-table">
+                      <el-table-column type="index" v-if="unitDetails.form.length" label="序号" width="55"
+                                       align="center"/>
                       <el-table-column v-for="v in  unitDetails.form" v-if="v.show" :label="v.name" align="center"
-                        :prop="v.attribute == 'select' ? `${v.prop}Name` : v.prop" show-overflow-tooltip>
+                                       :prop="v.attribute == 'select' ? `${v.prop}Name` : v.prop" show-overflow-tooltip>
                         <template slot-scope="scope">
                           {{ v.attribute == 'select' ? scope.row[`${v.prop}Name`] :
-                            (v.attribute == 'checkbox' ?
-                              (scope.row[v.prop] == '0' ? '√' : '')
-                              : scope.row[v.prop])
+                          (v.attribute == 'checkbox' ?
+                          (scope.row[v.prop] == '0' ? '√' : '')
+                          : scope.row[v.prop])
                           }}
                         </template>
                       </el-table-column>
@@ -317,16 +320,16 @@
 
                     <!-- 辅助属性 -->
                     <el-table v-else-if="activeViceTab == 'material_property'" :data="propertyDetail.value"
-                      class="material-table">
+                              class="material-table">
                       <el-table-column type="index" v-if="propertyDetail.form.length" label="序号" width="55"
-                        align="center" />
+                                       align="center"/>
                       <el-table-column v-for="v in  propertyDetail.form" v-if="v.show" :label="v.name" align="center"
-                        :prop="v.attribute == 'select' ? `${v.prop}Name` : v.prop" show-overflow-tooltip>
+                                       :prop="v.attribute == 'select' ? `${v.prop}Name` : v.prop" show-overflow-tooltip>
                         <template slot-scope="scope">
                           {{ v.attribute == 'select' ? scope.row[`${v.prop}Name`] :
-                            (v.attribute == 'checkbox' ?
-                              (scope.row[v.prop] == '0' ? '√' : '')
-                              : scope.row[v.prop])
+                          (v.attribute == 'checkbox' ?
+                          (scope.row[v.prop] == '0' ? '√' : '')
+                          : scope.row[v.prop])
                           }}
                         </template>
                       </el-table-column>
@@ -368,19 +371,22 @@
 
     <!-- 维护物料类别弹窗 -->
     <el-dialog title="物料类别维护" :visible.sync="materialType.show" :before-close="handleCloseTypeDetails"
-      :close-on-press-escape="false" :close-on-click-modal="false" width="80%" center class="materialType">
+               :close-on-press-escape="false" :close-on-click-modal="false" width="80%" center class="materialType">
 
       <!-- 操作按钮 -->
       <el-row :gutter="10" class="mb10">
         <el-col :span="1.5">
           <el-button-group>
-            <el-button size="small" :disabled="!materialType.isEdit" @click="handleMaterialTypeRow('add')">增行</el-button>
-            <el-button size="small" :disabled="!materialType.isEdit" @click="handleMaterialTypeRow('del')">删行</el-button>
+            <el-button size="small" :disabled="!materialType.isEdit" @click="handleMaterialTypeRow('add')">增行
+            </el-button>
+            <el-button size="small" :disabled="!materialType.isEdit" @click="handleMaterialTypeRow('del')">删行
+            </el-button>
           </el-button-group>
           <el-button-group>
             <el-button size="small" @click="handleMaterialTypeRow('edit')" v-hasPermi="['system:material:add']">{{
               materialType.isEdit
-              ? '保存' : '修改' }}</el-button>
+              ? '保存' : '修改' }}
+            </el-button>
             <el-button size="small" v-if="materialType.isEdit" @click="handleMaterialTypeRow('cancal')">取消</el-button>
             <el-button size="small" @click="handleMaterialTypeRow">刷新</el-button>
           </el-button-group>
@@ -388,21 +394,22 @@
       </el-row>
       <!-- 表格数据 -->
       <el-table :data="materialType.value" stripe style="width: 100%" max-height="350" v-loading="materialType.loading"
-        :key="refer" @selection-change="handleSelectionType">
-        <el-table-column type="selection" width="30" />
-        <el-table-column type="index" width="50" label="序号" />
+                :key="refer" @selection-change="handleSelectionType">
+        <el-table-column type="selection" width="30"/>
+        <el-table-column type="index" width="50" label="序号"/>
         <el-table-column v-for="mt in materialType.form" v-if="mt.show" :label="mt.name" width="180">
 
           <template slot-scope="scope">
             <!-- :prop="mt.prop" -->
             <!-- 多选框 -->
             <el-checkbox size="small" v-if="mt.attribute == 'checkbox'" :disabled="!(materialType.isEdit && mt.edit)"
-              true-label="0" false-label="2" v-model="scope.row[mt.prop]" />
+                         true-label="0" false-label="2" v-model="scope.row[mt.prop]"/>
 
             <!-- 下拉框 / 参照弹窗---- 药品类别编码 scope.row[`${mt.prop}Name`] -->
             <el-select size="small" v-else-if="mt.attribute == 'select' && mt.apiUrl" placeholder="请选择"
-              :disabled="!(materialType.isEdit && mt.edit)" v-model="scope.row[mt.prop]" :key="scope.row[mt.prop]"
-              @focus="mt.apiUrl && handleQueryMore(mt, '', { name: 'materialType', prop: scope.row })">
+                       :disabled="!(materialType.isEdit && mt.edit)" v-model="scope.row[mt.prop]"
+                       :key="scope.row[mt.prop]"
+                       @focus="mt.apiUrl && handleQueryMore(mt, '', { name: 'materialType', prop: scope.row })">
               <div slot="empty"></div>
             </el-select>
 
@@ -412,7 +419,7 @@
                 :value="d.dictValue"></el-option></el-select> -->
 
             <!-- 其他类型 -->
-            <el-input v-else size="small" v-model="scope.row[mt.prop]" :readonly="!(materialType.isEdit && mt.edit)" />
+            <el-input v-else size="small" v-model="scope.row[mt.prop]" :readonly="!(materialType.isEdit && mt.edit)"/>
           </template>
 
         </el-table-column>
@@ -432,8 +439,8 @@
 
     <!-- 其他页签的操作 -->
     <el-dialog :title="otherDeatils.title" :visible.sync="otherDeatils.show" show-close width="70%"
-      :before-close="handleCloseOtherDetails" :close-on-press-escape="false" :close-on-click-modal="false"
-      class="otherDialog">
+               :before-close="handleCloseOtherDetails" :close-on-press-escape="false" :close-on-click-modal="false"
+               class="otherDialog">
       <div v-loading="otherDeatils.loading">
         <!-- 其他标签页操作  修改、删除 -->
         <el-row :gutter="10" class="mb10">
@@ -476,7 +483,7 @@
 
               <!-- 展示表单 -->
               <el-form :inline="true" label-position="right" :key="refer" :hide-required-asterisk="true"
-                :model="otherDeatils.value">
+                       :model="otherDeatils.value">
 
                 <el-row :gutter="10">
                   <el-col :span="8" v-for="f in otherDeatils.form" style="text-align: right;">
@@ -484,7 +491,7 @@
                       <!-- 多选框 -->
                       <el-form-item v-if="f.attribute == 'checkbox'" style="text-align: left;" class="od-msg-checkedbx">
                         <el-checkbox :label="f.name" name="type" v-model="otherDeatils.value[f.prop]" true-label="0"
-                          false-label="2" :disabled="!(otherDeatils.isEdit && f.edit)">
+                                     false-label="2" :disabled="!(otherDeatils.isEdit && f.edit)">
                         </el-checkbox>
                       </el-form-item>
 
@@ -492,17 +499,17 @@
                       <el-form-item v-else-if="f.attribute == 'select'" :label="f.name">
 
                         <el-select v-if="f.apiUrl" v-model="otherDeatils.value[`${f.prop}Name`]" placeholder="请选择"
-                          :key="otherDeatils.value[f.prop]" :disabled="!(otherDeatils.isEdit && f.edit)"
-                          @focus="f.apiUrl && handleQueryMore(f, '', { name: 'otherDeatils', prop: f.prop })">
+                                   :key="otherDeatils.value[f.prop]" :disabled="!(otherDeatils.isEdit && f.edit)"
+                                   @focus="f.apiUrl && handleQueryMore(f, '', { name: 'otherDeatils', prop: f.prop })">
 
                           <div slot="empty"></div>
                         </el-select>
 
                         <!-- 字典-下拉 -->
                         <el-select v-if="f.dictId" v-model="otherDeatils.value[f.prop]" placeholder="请选择"
-                          :key="otherDeatils.value[f.prop]" :disabled="!(otherDeatils.isEdit && f.edit)">
+                                   :key="otherDeatils.value[f.prop]" :disabled="!(otherDeatils.isEdit && f.edit)">
                           <el-option v-if="f.dictId" v-for="d in f.dictValue" :key="d.dictValue" :label="d.dictLabel"
-                            :value="d.dictValue">
+                                     :value="d.dictValue">
                           </el-option>
                         </el-select>
 
@@ -517,7 +524,7 @@
                       <!--attribute 文本 数字 文本域 为null -->
                       <el-form-item v-else :label="f.name">
                         <el-input size="small" v-model="otherDeatils.value[f.prop]" :type="f.attribute || 'text'"
-                          :readonly="!(otherDeatils.isEdit && f.edit)">
+                                  :readonly="!(otherDeatils.isEdit && f.edit)">
                         </el-input>
                       </el-form-item>
                     </template>
@@ -556,30 +563,30 @@
 
     <!-- 参照弹窗 -->
     <el-dialog :title="MoreDataDialog.msg.name" :visible.sync="MoreDataDialog.show" width="70%" class="MoreDataDialog"
-      :close-on-press-escape="false" :close-on-click-modal="false" :before-close="handleCloseRefer">
+               :close-on-press-escape="false" :close-on-click-modal="false" :before-close="handleCloseRefer">
       <div>
         <el-row>
           <el-col :span="1.5">
-            <el-input v-model="MoreDataDialog.key" placeholder="过滤" size="small" @change="handleFilterRefer" />
+            <el-input v-model="MoreDataDialog.key" placeholder="过滤" size="small" @change="handleFilterRefer"/>
           </el-col>
         </el-row>
         <!-- 树形 -->
         <el-tree class="referTree" v-loading="MoreDataDialog.loading" v-if="MoreDataDialog.type == 'tree'"
-          :data="MoreDataDialog.list" @node-click="handleNodeClick" :key="refer"
-          :props="MoreDataDialog.msg.apiUrl == 'queryMedcineItemDrug' ? drugProps : defaultProps" node-key="id">
+                 :data="MoreDataDialog.list" @node-click="handleNodeClick" :key="refer"
+                 :props="MoreDataDialog.msg.apiUrl == 'queryMedcineItemDrug' ? drugProps : defaultProps" node-key="id">
         </el-tree>
         <!-- queryMedcineItemDrug -->
         <!-- 列表 -->
         <div v-else>
           <el-table :data="MoreDataDialog.list" v-loading="MoreDataDialog.loading" style="width: 100%"
-            @row-click="handleCurentRow" highlight-current-row>
-            <el-table-column type="index" label="序号" width="55" align="center" />
-            <el-table-column v-for="m in MoreDataDialog.form" v-if="m.show" :prop="m.prop" :label="m.name" />
+                    @row-click="handleCurentRow" highlight-current-row>
+            <el-table-column type="index" label="序号" width="55" align="center"/>
+            <el-table-column v-for="m in MoreDataDialog.form" v-if="m.show" :prop="m.prop" :label="m.name"/>
           </el-table>
 
           <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
-            :current-page="queryParams.pageNum" :page-sizes="[10, 20, 50, 100]"
-            layout="total, sizes, prev, pager, next, jumper" :total="queryParams.total">
+                         :current-page="queryParams.pageNum" :page-sizes="[10, 20, 50, 100]"
+                         layout="total, sizes, prev, pager, next, jumper" :total="queryParams.total">
           </el-pagination>
         </div>
 
@@ -595,1746 +602,1751 @@
 </template>
 
 <script>
-import drTabs from '../components/dr-tabs.vue';
-import detailsTabs from '../config/detailsTabs';
-import materialApi from '@/api/material/basic';
-import { getDicts as getDicts } from '@/api/system/dict/data'
-import arrayUtils from '../tools/arrayUtils';
-
-export default {
-  name: 'material-details',
-  // dicts: [],
-  components: {
-    drTabs
-  },
-  data() {
-    return {
-      count: 1,
-      refer: 1,
-      loading: false,
-      // 维护新版本
-      maintainNewVersion: false,
-      // 详情固定标签页
-      detailsTabs,
-      defaultProps: {
-        children: 'childrens',
-        label: 'name'
-      },
-      drugProps: {
-        children: 'childrens',
-        label: function (data, node) {
-          return data.code + ' ' + data.name
-        }
-        // 'name'
-      },
-      // 标签页当前激活状态
-      activeMainTab: 'material',
-      activeViceTab: 'material_medcine',
-      materialId: this.$route.params.id,
-      collapseActive: ['basic', '',],
-      // 修改按钮 是否激活
-      updateButtonGroup: false,
-      // 基本信息下的页签
-      basicMessage: [
-        {
-          label: '医药行业',
-          code: 'material_medcine',
-          isShow: true,
+  import drTabs from '../components/dr-tabs.vue';
+  import detailsTabs from '../config/detailsTabs';
+  import materialApi from '@/api/material/basic';
+  import {getDicts as getDicts} from '@/api/system/dict/data'
+  import arrayUtils from '../tools/arrayUtils';
+
+  export default {
+    name: 'material-details',
+    // dicts: [],
+    components: {
+      drTabs
+    },
+    data() {
+      return {
+        count: 1,
+        refer: 1,
+        loading: false,
+        // 维护新版本
+        maintainNewVersion: false,
+        // 详情固定标签页
+        detailsTabs,
+        defaultProps: {
+          children: 'childrens',
+          label: 'name'
         },
-        {
-          label: '辅计量管理',
-          code: 'material_unit',
-          isShow: true,
+        drugProps: {
+          children: 'childrens',
+          label: function (data, node) {
+            return data.code + ' ' + data.name
+          }
+          // 'name'
         },
-        {
-          label: '辅助属性',
-          code: 'material_property',
-          isShow: true,
+        // 标签页当前激活状态
+        activeMainTab: 'material',
+        activeViceTab: 'material_medcine',
+        materialId: this.$route.params.id,
+        collapseActive: ['basic', '',],
+        // 修改按钮 是否激活
+        updateButtonGroup: false,
+        // 基本信息下的页签
+        basicMessage: [
+          {
+            label: '医药行业',
+            code: 'material_medcine',
+            isShow: true,
+          },
+          {
+            label: '辅计量管理',
+            code: 'material_unit',
+            isShow: true,
+          },
+          {
+            label: '辅助属性',
+            code: 'material_property',
+            isShow: true,
+          },
+        ],
+        // 基本信息
+        basicData: {
+          value: {},
+          form: []
+        },
+        // 物料类别
+        materialType: {
+          show: false,
+          value: [],
+          form: [],
+          loading: false,
+          checkedList: [],
+          isEdit: false,
+        },
+        // 医药行业
+        medcineData: {
+          value: {},
+          form: []
+        },
+        // 辅助属性
+        propertyDetail: {
+          value: [],
+          form: []
+        },
+        // 辅计量管理
+        unitDetails: {
+          value: [],
+          form: []
+        },
+        // 主标签信息
+        mainMsg: {
+          form: [],
+          value: [],
+          checkedList: [],
+        },
+        // 副信息
+        viceMsg: {
+          form: [],
+          value: [],
+        },
+        // 操作弹窗
+        optionDialog: {
+          show: false,
+          op: ''
+        },
+        // 其他页签操作弹窗
+        otherDeatils: {
+          loading: false,
+          show: false,
+          title: '',
+          // 查询关键字-物料id
+          queryKey: '',
+          isEdit: false,
+          // 详情表头
+          from: [],
+          // 详情值
+          value: {}
+        },
+        // 编辑-更多数据展示弹窗_ 参照
+        MoreDataDialog: {
+          loading: false,
+          show: false,
+          // 查询关键字
+          key: '',
+          // 需要查看参照的表单头信息
+          msg: '',
+          type: 'table',
+          // 查询出的参照数据
+          list: [],
+          // 查询出的参照表头
+          form: [],
+          // 选中的参照数据
+          value: '',
+          // 参照最后应该赋值的地方
+          target: {
+            name: '',
+            prop: ''
+          }
+        },
+        // 参照分页参数
+        queryParams: {
+          pageNum: 1,
+          total: 0,
+          pageSize: 10,
         },
-      ],
-      // 基本信息
-      basicData: {
-        value: {},
-        form: []
-      },
-      // 物料类别
-      materialType: {
-        show: false,
-        value: [],
-        form: [],
-        loading: false,
-        checkedList: [],
-        isEdit: false,
-      },
-      // 医药行业
-      medcineData: {
-        value: {},
-        form: []
-      },
-      // 辅助属性
-      propertyDetail: {
-        value: [],
-        form: []
-      },
-      // 辅计量管理
-      unitDetails: {
-        value: [],
-        form: []
-      },
-      // 主标签信息
-      mainMsg: {
-        form: [],
-        value: [],
-        checkedList: [],
-      },
-      // 副信息
-      viceMsg: {
-        form: [],
-        value: [],
-      },
-      // 操作弹窗
-      optionDialog: {
-        show: false,
-        op: ''
-      },
-      // 其他页签操作弹窗
-      otherDeatils: {
-        loading: false,
-        show: false,
-        title: '',
-        // 查询关键字-物料id
-        queryKey: '',
-        isEdit: false,
-        // 详情表头
-        from: [],
-        // 详情值
-        value: {}
-      },
-      // 编辑-更多数据展示弹窗_ 参照
-      MoreDataDialog: {
-        loading: false,
-        show: false,
-        // 查询关键字
-        key: '',
-        // 需要查看参照的表单头信息
-        msg: '',
-        type: 'table',
-        // 查询出的参照数据
-        list: [],
-        // 查询出的参照表头
-        form: [],
-        // 选中的参照数据
-        value: '',
-        // 参照最后应该赋值的地方
-        target: {
-          name: '',
-          prop: ''
-        }
-      },
-      // 参照分页参数
-      queryParams: {
-        pageNum: 1,
-        total: 0,
-        pageSize: 10,
-      },
-    }
-  },
-
-  methods: {
-    // 判断效期管理
-    handleJudge(attribute) {
-      // 维护新版本才能修改:批号及库存状态管理(isInventoryStatus)、
-      if (attribute.prop == 'isInventoryStatus') {
-        return !(this.maintainNewVersion && attribute.edit);
-      }
-      // 序列号管理(serialNoManager):维护新版本 && 批号及库存状态管理
-      else if (attribute.prop == 'serialNoManager') {
-
-        if (this.basicData.value['isInventoryStatus'] == '2') this.basicData.value['serialNoManager'] = '2';
-
-        return !(this.maintainNewVersion && attribute.edit && this.basicData.value['isInventoryStatus'] == '0');
-
-      }
-      // 批号及库存状态管理(isInventoryStatus) 控制 效期管理是否展示(expiryDateManagerment)
-      else if (attribute.prop == 'expiryDateManagerment') {
-
-        if (this.basicData.value['isInventoryStatus'] == '2') this.basicData.value['expiryDateManagerment'] = '2';
-
-        return !(this.updateButtonGroup && attribute.edit && this.basicData.value['isInventoryStatus'] == '0');
-      }
-      // 效期管理（expiryDateManagerment）：控制一下几个是否可编辑
-      // expiryUnitId 效期单位  usefulLife 有效期 usefulLifeUnitId 有效期至单位  "recentWarningPeriod" 近效期预警天数
-
-      else if (attribute.prop == 'expiryUnitId'
-        || attribute.prop == 'usefulLife'
-        || attribute.prop == 'usefulLifeUnitId'
-        || attribute.prop == 'recentWarningPeriod'
-      ) {
-        if (this.basicData.value['expiryDateManagerment'] == '2') {
-
-          this.basicData.value['expiryUnitId'] = '';
-          this.basicData.value['usefulLife'] = '';
-          this.basicData.value['usefulLifeUnitId'] = '';
-          this.basicData.value['recentWarningPeriod'] = '';
-        }
-
-        return !(this.updateButtonGroup && attribute.edit && this.basicData.value['expiryDateManagerment'] == '0');
-      }
-      // 默认采购组织:purchasingOrganization  业务部门:businessDepartment
-      else if (attribute.prop == 'businessDepartment') {
-        return !(this.updateButtonGroup && attribute.edit && this.basicData.value['purchasingOrganization']);
-      }
-      else {
-        // 其他属性是否可编辑
-        return !(this.updateButtonGroup && attribute.edit);
-      }
-
-
-    },
-    // 返回
-    handleBack() {
-      this.$store.dispatch('tagsView/delView', this.$route)
-      this.$router.go(-1)
-      // this.$router.push({
-      //   path: `/basic/material/basicFile`,
-      // });
-
-    },
-    // 附件按钮
-    handleFile() {
-      console.log('附件按钮');
-    },
-    // 改变分页情况
-    handleChangePage(type) {
-      switch (type) {
-        case 'first':
-          console.log('第一页');
-          break;
-        case 'pre':
-          console.log('上一页');
-          break;
-        case 'next':
-          console.log('下一页');
-          break;
-        case 'end':
-          console.log('最后页');
-          break;
       }
     },
-    // 切换主信息标签
-    handleMainTabClick(e) {
 
-      this.activeMainTab = detailsTabs[e.index].code;
+    methods: {
+      // 判断效期管理
+      handleJudge(attribute) {
+        // 维护新版本才能修改:批号及库存状态管理(isInventoryStatus)、
+        if (attribute.prop == 'isInventoryStatus') {
+          return !(this.maintainNewVersion && attribute.edit);
+        }
+        // 序列号管理(serialNoManager):维护新版本 && 批号及库存状态管理
+        else if (attribute.prop == 'serialNoManager') {
 
-      this.collapseActive.splice(1, 1, this.activeMainTab);
-      console.log(this.collapseActive, 'this.collapseActive');
+          if (this.basicData.value['isInventoryStatus'] == '2') this.basicData.value['serialNoManager'] = '2';
 
-      this.handleOtherListRefresh();
+          return !(this.maintainNewVersion && attribute.edit && this.basicData.value['isInventoryStatus'] == '0');
 
-    },
-    // 切换副表信息
-    handleViceTabClick(e) {
-      console.log(this.basicMessage[e.index], '切换标签');
-      this.activeViceTab = this.basicMessage[e.index].code;
+        }
+        // 批号及库存状态管理(isInventoryStatus) 控制 效期管理是否展示(expiryDateManagerment)
+        else if (attribute.prop == 'expiryDateManagerment') {
 
-      switch (this.activeViceTab) {
+          if (this.basicData.value['isInventoryStatus'] == '2') this.basicData.value['expiryDateManagerment'] = '2';
 
-        // 医药行业
-        case 'material_medcine':
-          this.getTagList('material_medcine', (form) => {
-            this.medcineData.form = form;
-            this.getMedcineDetails(this.materialId, 'material_medcine');
-          })
-          break;
-        // 辅计量管理
-        case 'material_unit':
-          this.getTagList('material_unit', (form) => {
-            console.log(form, 'form');
-            this.unitDetails.form = form;
-            this.getUnitList(this.materialId);
-          });
-          break;
-        // 辅助属性
-        case 'material_property':
-          this.getTagList('material_property', (form) => {
+          return !(this.updateButtonGroup && attribute.edit && this.basicData.value['isInventoryStatus'] == '0');
+        }
+          // 效期管理（expiryDateManagerment）：控制一下几个是否可编辑
+        // expiryUnitId 效期单位  usefulLife 有效期 usefulLifeUnitId 有效期至单位  "recentWarningPeriod" 近效期预警天数
+
+        else if (attribute.prop == 'expiryUnitId'
+          || attribute.prop == 'usefulLife'
+          || attribute.prop == 'usefulLifeUnitId'
+          || attribute.prop == 'recentWarningPeriod'
+        ) {
+          if (this.basicData.value['expiryDateManagerment'] == '2') {
+
+            this.basicData.value['expiryUnitId'] = '';
+            this.basicData.value['usefulLife'] = '';
+            this.basicData.value['usefulLifeUnitId'] = '';
+            this.basicData.value['recentWarningPeriod'] = '';
+          }
 
-            this.propertyDetail.form = form;
-            this.getPropertyList(this.materialId);
-          });
-          break;
+          return !(this.updateButtonGroup && attribute.edit && this.basicData.value['expiryDateManagerment'] == '0');
+        }
+        // 默认采购组织:purchasingOrganization  业务部门:businessDepartment
+        else if (attribute.prop == 'businessDepartment') {
+          return !(this.updateButtonGroup && attribute.edit && this.basicData.value['purchasingOrganization']);
+        } else {
+          // 其他属性是否可编辑
+          return !(this.updateButtonGroup && attribute.edit);
+        }
 
-        default:
-          break;
-      }
-    },
-    // 主标签页 列表双击
-    handleMaindbClick(e) {
-      console.log(e, '主标签页 列表双击');
-      this.otherDeatils.queryKey = e.id;
-      this.otherDeatils.show = true;
-      let activeTab = this.detailsTabs.filter(item => item.code == this.activeMainTab)[0];
-      console.log(activeTab, 'activeTab');
-      this.otherDeatils.title = activeTab.label;
-
-      this.getOtherListDetails(activeTab.code, this.otherDeatils.queryKey);
-    },
-    // 主页签 列表数据选择
-    handleMainChange(e) {
-      console.log(e, '主页签 列表数据选择');
-      this.mainMsg.checkedList = e;
-    },
-    // 上传图片
-    handleUpImage() {
-      console.log('上传图片');
-    },
-    // 编辑状态下，参照弹窗显示查询数据
-    handleQueryMore(msg, val, target) {
-      this.MoreDataDialog.loading = true;
-      let _this = this;
-      console.log('编辑状态下，弹窗显示查询数据', msg, 'val', val, target);
 
-      this.MoreDataDialog.show = true;
-      this.MoreDataDialog.msg = msg;
-      this.MoreDataDialog.target = target;
+      },
+      // 返回
+      handleBack() {
+        this.$store.dispatch('tagsView/delView', this.$route)
+        this.$router.go(-1)
+        // this.$router.push({
+        //   path: `/basic/material/basicFile`,
+        // });
 
-      let par = { param: this.MoreDataDialog.key };
+      },
+      // 附件按钮
+      handleFile() {
+        console.log('附件按钮');
+      },
+      // 改变分页情况
+      handleChangePage(type) {
+        switch (type) {
+          case 'first':
+            console.log('第一页');
+            break;
+          case 'pre':
+            console.log('上一页');
+            break;
+          case 'next':
+            console.log('下一页');
+            break;
+          case 'end':
+            console.log('最后页');
+            break;
+        }
+      },
+      // 切换主信息标签
+      handleMainTabClick(e) {
 
-      this[target.name].form.map(t => {
+        this.activeMainTab = detailsTabs[e.index].code;
 
-        if (t.relevance && t.relevance != '') {
+        this.collapseActive.splice(1, 1, this.activeMainTab);
+        console.log(this.collapseActive, 'this.collapseActive');
 
-          let reList = t.relevance.split(',');
-          console.log(reList, 'reList-------------------');
-          reList.forEach(i => {
-            par[i] = this.basicData.value[i]
-          })
-          console.log(par, 'par/////////////////////////');
-        }
-      })
+        this.handleOtherListRefresh();
 
-      this.getExecuteMethods(msg.apiUrl, par, (data) => {
+      },
+      // 切换副表信息
+      handleViceTabClick(e) {
+        console.log(this.basicMessage[e.index], '切换标签');
+        this.activeViceTab = this.basicMessage[e.index].code;
+
+        switch (this.activeViceTab) {
+
+          // 医药行业
+          case 'material_medcine':
+            this.getTagList('material_medcine', (form) => {
+              this.medcineData.form = form;
+              this.getMedcineDetails(this.materialId, 'material_medcine');
+            })
+            break;
+          // 辅计量管理
+          case 'material_unit':
+            this.getTagList('material_unit', (form) => {
+              console.log(form, 'form');
+              this.unitDetails.form = form;
+              this.getUnitList(this.materialId);
+            });
+            break;
+          // 辅助属性
+          case 'material_property':
+            this.getTagList('material_property', (form) => {
 
-        console.log(data, '编辑状态下，弹窗显示查询数据');
-        _this.MoreDataDialog.type = data.type;
-        if (data.type == 'tree') {
+              this.propertyDetail.form = form;
+              this.getPropertyList(this.materialId);
+            });
+            break;
 
-          _this.MoreDataDialog.list = arrayUtils.filterTreeData(data.tableBody);
-        } else {
-          _this.MoreDataDialog.list = data.tableBody;
-          _this.MoreDataDialog.form = data.tableHeader;
+          default:
+            break;
         }
-        this.refer++;
-        // this.count++;s
-        console.log(_this.MoreDataDialog.list, 'this.MoreDataDialog.list');
-        console.log(_this.MoreDataDialog.form, 'this.MoreDataDialog.form');
-
+      },
+      // 主标签页 列表双击
+      handleMaindbClick(e) {
+        console.log(e, '主标签页 列表双击');
+        this.otherDeatils.queryKey = e.id;
+        this.otherDeatils.show = true;
+        let activeTab = this.detailsTabs.filter(item => item.code == this.activeMainTab)[0];
+        console.log(activeTab, 'activeTab');
+        this.otherDeatils.title = activeTab.label;
 
-      })
-    },
-    // 参照改变分页大小
-    handleSizeChange(e) {
-      this.queryParams.pageSize = e;
-      this.handleQueryMore(this.MoreDataDialog.msg, this.MoreDataDialog.key, this.MoreDataDialog.target);
-    },
-    // 参照改变当前页
-    handleCurrentChange(e) {
-      this.queryParams.pageNum = e;
-      this.handleQueryMore(this.MoreDataDialog.msg, this.MoreDataDialog.key, this.MoreDataDialog.target);
-    },
-    // 根据apiUrl获取对应参照的值
-    getExecuteMethods(methodName, param, cb) {
+        this.getOtherListDetails(activeTab.code, this.otherDeatils.queryKey);
+      },
+      // 主页签 列表数据选择
+      handleMainChange(e) {
+        console.log(e, '主页签 列表数据选择');
+        this.mainMsg.checkedList = e;
+      },
+      // 上传图片
+      handleUpImage() {
+        console.log('上传图片');
+      },
+      // 编辑状态下，参照弹窗显示查询数据
+      handleQueryMore(msg, val, target) {
+        this.MoreDataDialog.loading = true;
+        let _this = this;
+        console.log('编辑状态下，弹窗显示查询数据', msg, 'val', val, target);
 
-      let page = {
-        pageSize: this.queryParams.pageSize,
-        pageNum: this.queryParams.pageNum,
-      }
+        this.MoreDataDialog.show = true;
+        this.MoreDataDialog.msg = msg;
+        this.MoreDataDialog.target = target;
 
-      let params = { ...param };
-      // 业务部门需要  依据默认采购组组织查询
-      if (methodName == "queryOperatingDepptTree") {
+        let par = {param: this.MoreDataDialog.key};
 
-        params['puOrgId'] = this.basicData.value['purchasingOrganization']
+        this[target.name].form.map(t => {
 
-      }
+          if (t.relevance && t.relevance != '') {
 
-      materialApi.executeMethods(methodName, params, page).then(res => {
-        this.MoreDataDialog.loading = false;
-        if (res.code == 200) {
-          this.queryParams.total = res.data.total;
-          cb(res.data);
-        }
-      })
-    },
-    // 获取物料基本信息详细信息
-    getMaterialDetails(id, templateCode) {
-      let _this = this;
-      materialApi.materialDetails(
-        id,
-        templateCode,
-      ).then(res => {
-        this.loading = false;
-        console.log(res, '物料基本信息');
-        let { code, data } = res;
-        if (code == 200) {
-
-          _this.basicData.value = data.data;
-
-          for (const key in data.data) {
-            _this.basicData.value[key] = (typeof data.data[key] === 'number') ? String(data.data[key]) : data.data[key];
+            let reList = t.relevance.split(',');
+            console.log(reList, 'reList-------------------');
+            reList.forEach(i => {
+              par[i] = this.basicData.value[i]
+            })
+            console.log(par, 'par/////////////////////////');
           }
+        })
 
-          // _this.handleAddReferLabel('basicData');
-
-        }
-      })
-    },
-    // 添加参照中的label
-    // handleAddReferLabel(dataName) {
-    //   let _this = this;
-    //   this[dataName].form.map(item => {
-    //     // 查参照
-    //     if (item.apiUrl && item.apiUrl != '') {
-
-    //       let param = {};
-
-    //       if (item.relevance && item.relevance != '') {
-    //         let reList = item.relevance.split(',');
-    //         console.log(reList, 'reList-------------------');
-    //         reList.forEach(i => {
-    //           param[i] = this.basicData.value[i]
-    //         })
-    //         console.log(param, 'param/////////////////////////');
-    //       }
-
-    //       _this.getExecuteMethods(item.apiUrl, param, (data) => {
-    //         let { tableBody } = data;
-
-    //         // 维护物料类别  --- 属于列表中获取label
-    //         if (dataName == 'materialType') {
-
-    //           _this[dataName].value.length && (_this[dataName].value = _this[dataName].value.map(d => {
-
-    //             let Blabel = tableBody.filter((t) => t.id == d[item.prop])[0];
-    //             console.log(Blabel, 'Blabel``````````````````````````');
-    //             d[`${item.prop}Label`] = (Blabel && Blabel.name) || Blabel || '';
-    //             return d;
-    //           }))
-
-    //         } else {
-
-    //           let Blabel = tableBody.filter((t) => t.id == _this[dataName].value[item.prop])[0];
-    //           console.log(Blabel, 'Blabel``````````````````````````');
-    //           _this[dataName].value[`${item.prop}Label`] = (Blabel && Blabel.name) || Blabel || '';
-    //         }
-
-    //         // this.count++;
-    //         this.loading = false;
-    //         console.log(_this[dataName].value, `${dataName}//////////////////////`);
-    //       })
-    //     }
-    //   })
-    //   this.materialType.loading = false;
-
-    // },
-
-
-    // 查询财务信息列表
-    getFinanceList(materialId) {
-      materialApi.financeList({ materialId }).then(res => {
-        console.log(res, '查询财务信息列表');
-        if (res.code == 200) {
-          this.mainMsg.value = res.data.tableBody.rows;
-        }
-      })
-    },
-    // 查询计划信息列表
-    getPlanList(materialId) {
-      materialApi.planList({ materialId }).then(res => {
-        console.log(res, '查询计划信息列表');
-        if (res.code == 200) {
-          this.mainMsg.value = res.data.tableBody.rows;
-        }
-      })
-    },
-    // 查询成本信息列表
-    getCostList(materialId) {
-      materialApi.costList({ materialId }).then((res) => {
-        console.log(res, '成本信息列表+表头');
-        if (res.code == 200) {
-          this.mainMsg.value = res.data.tableBody.rows;
-        }
-      })
-    },
-    // 查询利润中心列表
-    getCenterList(materialId) {
-      materialApi.centerList({ materialId }).then(res => {
-        console.log(res, '查询利润中心信息');
-        if (res.code == 200) {
-          this.mainMsg.value = res.data.tableBody.rows;
-        }
-      })
-    },
-    // 查询采购中心列表
-    getPurchaseList(materialId) {
-      materialApi.purchaseList({ materialId }).then(res => {
-        console.log(res, '查询采购中心');
-        if (res.code == 200) {
-          this.mainMsg.value = res.data.tableBody.rows;
-        }
-      })
-    },
-    // 获取库存信息列表
-    getInventoryList(materialId) {
-      materialApi.inventoryList({ materialId }).then(res => {
-        console.log(res, '获取库存信息列表');
-        if (res.code == 200) {
-          this.mainMsg.value = res.data.tableBody.rows;
-        }
-      })
-    },
+        this.getExecuteMethods(msg.apiUrl, par, (data) => {
 
-    // 查询其他标签页列表详情
-    getOtherListDetails(type, id) {
-      console.log(type, id, '查询其他标签页列表详情');
-      this.otherDeatils.form = this.mainMsg.form;
-      console.log(this.otherDeatils.form, 'this.otherDeatils.form');
-      this.otherDeatils.loading = true;
-      switch (type) {
-        // 财物信息
-        case 'material_finance':
-          this.getFinanceDetails(id);
-          break;
-        // 利润中心信息
-        case 'profit_center':
-          this.getCenterDetails(id);
-          break;
-        // 采购信息
-        case 'material_purchase':
-          this.getPurchaseDetails(id);
-          break;
-        // 库存信息
-        case 'material_inventory':
-          this.getInventoryDetails(id);
-          break;
-        // 计划信息
-        case 'material_plan':
-          this.getPlanDetails(id);
-          break;
-        // 成本信息
-        case 'material_cost':
-          this.getCostDetails(id);
-          break;
-        default: break;
-      }
-    },
-    // 查询财务信息详情
-    getFinanceDetails(id) {
-      materialApi.financeDetails(id).then(res => {
-        this.otherDeatils.loading = false;
-        let _this = this;
-        console.log('查询财务信息详情', res);
-        if (res.code == 200) {
-          this.otherDeatils.value = res.data.data;
-          // _this.handleAddReferLabel('otherDeatils');
-        }
-      })
-    },
-    // 获取利润中心详情
-    getCenterDetails(id) {
-      let _this = this;
-      materialApi.centerDetails(id).then(res => {
-        this.otherDeatils.loading = false;
-        console.log(res, '获取利润中心详情');
-        if (res.code == 200) {
-          this.otherDeatils.value = res.data.data;
-          // _this.handleAddReferLabel('otherDeatils');
-        }
-      })
-    },
-    // 获取采购详细信息详情
-    getPurchaseDetails(id) {
-      let _this = this;
-      materialApi.purchaseDetails(id).then(res => {
-        this.otherDeatils.loading = false;
-        console.log(res, '获取采购详细信息详情');
-        if (res.code == 200) {
-          this.otherDeatils.value = res.data.data;
-          // _this.handleAddReferLabel('otherDeatils');
-        }
-      })
-    },
-    // 获取成本信息详情
-    getCostDetails(id) {
-      let _this = this;
-      materialApi.costDetails(id).then(res => {
-        this.otherDeatils.loading = false;
-        console.log(res, '获取成本信息详情');
-        if (res.code == 200) {
-          this.otherDeatils.value = res.data.data;
-          // _this.handleAddReferLabel('otherDeatils');
-        }
-      })
-    },
-    // 获取计划信息详情
-    getPlanDetails(id) {
-      let _this = this;
-      materialApi.planDetails(id).then(res => {
-        this.otherDeatils.loading = false;
-        console.log(res, '获取计划信息详情');
-        if (res.code == 200) {
-          this.otherDeatils.value = res.data.data;
-          // _this.handleAddReferLabel('otherDeatils');
-        }
-      })
-    },
-    // 获取库存详细信息详情
-    getInventoryDetails(id) {
-      let _this = this;
-      materialApi.inventoryDetails(id).then(res => {
-        this.otherDeatils.loading = false;
-        console.log(res, '获取库存详细信息详情');
-        if (res.code == 200) {
-          this.otherDeatils.value = res.data.data;
-          // _this.handleAddReferLabel('otherDeatils');
-        }
-      })
-    },
+          console.log(data, '编辑状态下，弹窗显示查询数据');
+          _this.MoreDataDialog.type = data.type;
+          if (data.type == 'tree') {
 
+            _this.MoreDataDialog.list = arrayUtils.filterTreeData(data.tableBody);
+          } else {
+            _this.MoreDataDialog.list = data.tableBody;
+            _this.MoreDataDialog.form = data.tableHeader;
+          }
+          this.refer++;
+          // this.count++;s
+          console.log(_this.MoreDataDialog.list, 'this.MoreDataDialog.list');
+          console.log(_this.MoreDataDialog.form, 'this.MoreDataDialog.form');
 
 
+        })
+      },
+      // 参照改变分页大小
+      handleSizeChange(e) {
+        this.queryParams.pageSize = e;
+        this.handleQueryMore(this.MoreDataDialog.msg, this.MoreDataDialog.key, this.MoreDataDialog.target);
+      },
+      // 参照改变当前页
+      handleCurrentChange(e) {
+        this.queryParams.pageNum = e;
+        this.handleQueryMore(this.MoreDataDialog.msg, this.MoreDataDialog.key, this.MoreDataDialog.target);
+      },
+      // 根据apiUrl获取对应参照的值
+      getExecuteMethods(methodName, param, cb) {
 
-    /* 二级标签页 */
-    // 根据物料id获取医药行业信息详细信息
-    getMedcineDetails(id) {
-      let _this = this;
-      console.log(id);
-      materialApi.medcineDetailsInfo(id).then((res) => {
-        this.loading = false;
-        console.log(res, '医药行业');
-        let { code, data } = res;
-        if (code == 200) {
-          _this.medcineData.value = data.data || {};
-          // this.medcineData.form = data.form;
-          // _this.handleAddReferLabel('medcineData');
-          console.log(' _this.medcineData', _this.medcineData, res);
-        }
-      })
-    },
-    // 获取物料辅助属性详细信息+表单列段属性
-    getPropertyDetails(id) {
-      materialApi.propertyDetails(id).then(res => {
-        console.log(res, '物料辅助属性详细信息');
-        if (res.code == 200) {
-          this.propertyDetail.value = res.data.data || [];
-        }
-      })
-    },
-    // 查询物料辅助属性列表+表头字段
-    getPropertyList(materialId) {
-      materialApi.propertyList({ materialId }).then(res => {
-        console.log(res, '料辅助属性列表');
-        if (res.code == 200) {
-          this.propertyDetail.value = res.data.data || [];
+        let page = {
+          pageSize: this.queryParams.pageSize,
+          pageNum: this.queryParams.pageNum,
         }
-      })
-    },
-    //获取辅助计量单位基本信息+表单列段属性
-    getUnitDetails(materialId) {
-      materialApi.unitDetails(materialId).then(res => {
-        console.log(res, '辅助计量单位基本信息');
-        if (res.code == 200) {
-          this.unitDetails.value = res.data.tableBody.rows || [];
-        }
-      })
-    },
-    //获取辅计量管理列表信息
-    getUnitList(materialId) {
-      materialApi.unitList({ materialId }).then(res => {
-        console.log(res, '辅计量管理列表信息');
-        if (res.code == 200) {
-          this.unitDetails.value = res.data.tableBody.rows || [];
-        }
-      })
-    },
-    // 获取物料列表表头
-    getTagList(templateCode, cb) {
-      let _this = this
-      materialApi.tagList({ templateCode }).then(res => {
-        console.log(res, `获取${templateCode}表头`);
-        let dictIdList = [];
-        if (res.code == 200) {
-
-          res.data.map(item => {
-
-            // 查字典
-            if (item.dictId && item.dictId != '') {
-              // 通过接口获取有dict的对应的数据
-              getDicts(item.dictId).then(dict => {
-                if (dict.data) {
-                  item['dictValue'] = dict.data;
-                }
-              })
-            }
 
-          })
-
-          // 动态更改dict
-          // res.data.forEach(item => {
-          //   if (item.dictId) {
-          //     // 请求接口
-          //     dictIdList.push(item.dictId);
-          //   }
-          // })
-          // console.log(dictIdList, 'dictIdList');
-          // _this.dict = [..._this.dict, ...dictIdList];
-          // _this.dict = Array.from(new Set([..._this.dict, ...dictIdList]));
+        let params = {...param};
+        // 业务部门需要  依据默认采购组组织查询
+        if (methodName == "queryOperatingDepptTree") {
 
-          // console.log(_this.dict, 'dicts');
+          params['puOrgId'] = this.basicData.value['purchasingOrganization']
 
-          return cb(res.data);
-        }
-      })
-    },
-    // 根据物料id获取物料类别维护列表
-    getMedcineitemList(materialId) {
-      let _this = this;
-      materialApi.medcineitemList({ materialId }).then(res => {
-        this.materialType.loading = false;
-        console.log(res, '根据物料id获取物料类别维护列表');
-        if (res.code == 200) {
-          _this.materialType.value = res.data.tableBody.rows;
-          // _this.handleAddReferLabel('materialType');
         }
-      })
-    },
 
+        materialApi.executeMethods(methodName, params, page).then(res => {
+          this.MoreDataDialog.loading = false;
+          if (res.code == 200) {
+            this.queryParams.total = res.data.total;
+            cb(res.data);
+          }
+        })
+      },
+      // 获取物料基本信息详细信息
+      getMaterialDetails(id, templateCode) {
+        let _this = this;
+        materialApi.materialDetails(
+          id,
+          templateCode,
+        ).then(res => {
+          this.loading = false;
+          console.log(res, '物料基本信息');
+          let {code, data} = res;
+          if (code == 200) {
 
-    // 新增
-    handleInster() {
-      this.$message({
-        message: '物料只能通过申请审批增加，不能在节点直接录入！',
-        type: 'warning'
-      });
-    },
-    // 除基本信息之后的修改
-    handleOtherEdit() {
-      console.log('除基本信息之后的修改', this.otherDeatils.queryKey);
+            _this.basicData.value = data.data;
 
-      if ((this.otherDeatils.queryKey && this.otherDeatils.queryKey != '') || this.mainMsg.checkedList.length == 1) {
-        this.otherDeatils.show = true;
-        this.otherDeatils.isEdit = true;
-        let activeTab = this.detailsTabs.filter(item => item.code == this.activeMainTab)[0];
-        this.otherDeatils.title = activeTab.label;
-        this.otherDeatils.queryKey = this.otherDeatils.queryKey || this.mainMsg.checkedList[0].id;
-        console.log(this.otherDeatils, 'this.otherDeatils');
-        // 查询其他标签页列表详情
-        this.getOtherListDetails(activeTab.code, this.otherDeatils.queryKey);
+            for (const key in data.data) {
+              _this.basicData.value[key] = (typeof data.data[key] === 'number') ? String(data.data[key]) : data.data[key];
+            }
 
+            // _this.handleAddReferLabel('basicData');
 
-      } else {
-        this.$message({
-          message: '修改请选择单个数据！',
-          type: 'warning'
-        });
-      }
-    },
-    // 其他标签详情弹窗-刷新
-    handleOtherRefresh() {
-      this.getOtherListDetails(this.activeMainTab, this.otherDeatils.queryKey);
-    },
-    // 其他标签详情弹窗-删除
-    handleOtherDel() {
-      let ids = this.mainMsg.checkedList.map(i => i.id);
+          }
+        })
+      },
+      // 添加参照中的label
+      // handleAddReferLabel(dataName) {
+      //   let _this = this;
+      //   this[dataName].form.map(item => {
+      //     // 查参照
+      //     if (item.apiUrl && item.apiUrl != '') {
+
+      //       let param = {};
+
+      //       if (item.relevance && item.relevance != '') {
+      //         let reList = item.relevance.split(',');
+      //         console.log(reList, 'reList-------------------');
+      //         reList.forEach(i => {
+      //           param[i] = this.basicData.value[i]
+      //         })
+      //         console.log(param, 'param/////////////////////////');
+      //       }
+
+      //       _this.getExecuteMethods(item.apiUrl, param, (data) => {
+      //         let { tableBody } = data;
+
+      //         // 维护物料类别  --- 属于列表中获取label
+      //         if (dataName == 'materialType') {
+
+      //           _this[dataName].value.length && (_this[dataName].value = _this[dataName].value.map(d => {
+
+      //             let Blabel = tableBody.filter((t) => t.id == d[item.prop])[0];
+      //             console.log(Blabel, 'Blabel``````````````````````````');
+      //             d[`${item.prop}Label`] = (Blabel && Blabel.name) || Blabel || '';
+      //             return d;
+      //           }))
+
+      //         } else {
+
+      //           let Blabel = tableBody.filter((t) => t.id == _this[dataName].value[item.prop])[0];
+      //           console.log(Blabel, 'Blabel``````````````````````````');
+      //           _this[dataName].value[`${item.prop}Label`] = (Blabel && Blabel.name) || Blabel || '';
+      //         }
+
+      //         // this.count++;
+      //         this.loading = false;
+      //         console.log(_this[dataName].value, `${dataName}//////////////////////`);
+      //       })
+      //     }
+      //   })
+      //   this.materialType.loading = false;
+
+      // },
+
+
+      // 查询财务信息列表
+      getFinanceList(materialId) {
+        materialApi.financeList({materialId}).then(res => {
+          console.log(res, '查询财务信息列表');
+          if (res.code == 200) {
+            this.mainMsg.value = res.data.tableBody.rows;
+          }
+        })
+      },
+      // 查询计划信息列表
+      getPlanList(materialId) {
+        materialApi.planList({materialId}).then(res => {
+          console.log(res, '查询计划信息列表');
+          if (res.code == 200) {
+            this.mainMsg.value = res.data.tableBody.rows;
+          }
+        })
+      },
+      // 查询成本信息列表
+      getCostList(materialId) {
+        materialApi.costList({materialId}).then((res) => {
+          console.log(res, '成本信息列表+表头');
+          if (res.code == 200) {
+            this.mainMsg.value = res.data.tableBody.rows;
+          }
+        })
+      },
+      // 查询利润中心列表
+      getCenterList(materialId) {
+        materialApi.centerList({materialId}).then(res => {
+          console.log(res, '查询利润中心信息');
+          if (res.code == 200) {
+            this.mainMsg.value = res.data.tableBody.rows;
+          }
+        })
+      },
+      // 查询采购中心列表
+      getPurchaseList(materialId) {
+        materialApi.purchaseList({materialId}).then(res => {
+          console.log(res, '查询采购中心');
+          if (res.code == 200) {
+            this.mainMsg.value = res.data.tableBody.rows;
+          }
+        })
+      },
+      // 获取库存信息列表
+      getInventoryList(materialId) {
+        materialApi.inventoryList({materialId}).then(res => {
+          console.log(res, '获取库存信息列表');
+          if (res.code == 200) {
+            this.mainMsg.value = res.data.tableBody.rows;
+          }
+        })
+      },
 
-      console.log(`${this.activeMainTab}其他标签详情弹窗-删除---id合集`, ids);
-      if (ids.length) {
-        switch (this.activeMainTab) {
+      // 查询其他标签页列表详情
+      getOtherListDetails(type, id) {
+        console.log(type, id, '查询其他标签页列表详情');
+        this.otherDeatils.form = this.mainMsg.form;
+        console.log(this.otherDeatils.form, 'this.otherDeatils.form');
+        this.otherDeatils.loading = true;
+        switch (type) {
           // 财物信息
           case 'material_finance':
-            this.handleDelFinance(ids);
+            this.getFinanceDetails(id);
             break;
           // 利润中心信息
           case 'profit_center':
-            this.handledDelCenter(ids);
+            this.getCenterDetails(id);
             break;
           // 采购信息
           case 'material_purchase':
-            this.handledelPurchase(ids);
+            this.getPurchaseDetails(id);
             break;
           // 库存信息
           case 'material_inventory':
-            this.handleDelInventory(ids);
+            this.getInventoryDetails(id);
             break;
           // 计划信息
           case 'material_plan':
-            this.handleDelPlan(ids);
+            this.getPlanDetails(id);
             break;
           // 成本信息
           case 'material_cost':
-            this.handleDelCost(ids);
+            this.getCostDetails(id);
+            break;
           default:
             break;
         }
-      } else {
-        this.$message({
-          message: '请选择需要删除的数据！',
-          type: 'warning'
-        });
-      }
-    },
-    // 其他标签页刷新
-    handleOtherListRefresh() {
-      switch (this.activeMainTab) {
-
-        // 基本信息
-        case 'material':
-          this.getTagList('material', (form) => {
-            this.basicData.form = form;
-            this.getMaterialDetails(this.materialId, 'material');
-          })
-          break;
-        // 财物信息
-        case 'material_finance':
-          this.getTagList('material_finance', (form) => {
-            this.mainMsg.form = form;
-            this.getFinanceList(this.materialId);
-          });
-          break;
-        // 利润中心信息
-        case 'profit_center':
-          this.getTagList('profit_center', (form) => {
-            this.mainMsg.form = form;
-            this.getCenterList(this.materialId);
-          });
-          break;
-        // 采购信息
-        case 'material_purchase':
-          this.getTagList('material_purchase', (form) => {
-            this.mainMsg.form = form;
-            this.getPurchaseList(this.materialId);
-          });
-          break;
-        // 库存信息
-        case 'material_inventory':
-          this.getTagList('material_inventory', (form) => {
-            this.mainMsg.form = form;
-            this.getInventoryList(this.materialId);
-          });
-          break;
-        // 计划信息
-        case 'material_plan':
-          this.getTagList('material_plan', (form) => {
-            this.mainMsg.form = form;
-            this.getPlanList(this.materialId);
-          });
-          break;
-        // 成本信息
-        case 'material_cost':
-          this.getTagList('material_cost', (form) => {
-            this.mainMsg.form = form;
-            this.getCostList(this.materialId);
-          });
-          break;
-        default: break;
-      }
-    },
-    // 修改
-    handleBasicEdit() {
-      console.log('修改基本信息');
-      this.updateButtonGroup = true;
-      // this.count++;
-      //需要禁止点击其他标签
-      // this.detailsTabs = this.detailsTabs.map(item => {
-      //   item['disabled'] = true;
-      //   return item
-      // })
-      console.log(this.detailsTabs, 'this.detailsTabs ');
-
-    },
-    // 删除
-    handleDel() {
-      console.log('删除----基本信息');
+      },
+      // 查询财务信息详情
+      getFinanceDetails(id) {
+        materialApi.financeDetails(id).then(res => {
+          this.otherDeatils.loading = false;
+          let _this = this;
+          console.log('查询财务信息详情', res);
+          if (res.code == 200) {
+            this.otherDeatils.value = res.data.data;
+            // _this.handleAddReferLabel('otherDeatils');
+          }
+        })
+      },
+      // 获取利润中心详情
+      getCenterDetails(id) {
+        let _this = this;
+        materialApi.centerDetails(id).then(res => {
+          this.otherDeatils.loading = false;
+          console.log(res, '获取利润中心详情');
+          if (res.code == 200) {
+            this.otherDeatils.value = res.data.data;
+            // _this.handleAddReferLabel('otherDeatils');
+          }
+        })
+      },
+      // 获取采购详细信息详情
+      getPurchaseDetails(id) {
+        let _this = this;
+        materialApi.purchaseDetails(id).then(res => {
+          this.otherDeatils.loading = false;
+          console.log(res, '获取采购详细信息详情');
+          if (res.code == 200) {
+            this.otherDeatils.value = res.data.data;
+            // _this.handleAddReferLabel('otherDeatils');
+          }
+        })
+      },
+      // 获取成本信息详情
+      getCostDetails(id) {
+        let _this = this;
+        materialApi.costDetails(id).then(res => {
+          this.otherDeatils.loading = false;
+          console.log(res, '获取成本信息详情');
+          if (res.code == 200) {
+            this.otherDeatils.value = res.data.data;
+            // _this.handleAddReferLabel('otherDeatils');
+          }
+        })
+      },
+      // 获取计划信息详情
+      getPlanDetails(id) {
+        let _this = this;
+        materialApi.planDetails(id).then(res => {
+          this.otherDeatils.loading = false;
+          console.log(res, '获取计划信息详情');
+          if (res.code == 200) {
+            this.otherDeatils.value = res.data.data;
+            // _this.handleAddReferLabel('otherDeatils');
+          }
+        })
+      },
+      // 获取库存详细信息详情
+      getInventoryDetails(id) {
+        let _this = this;
+        materialApi.inventoryDetails(id).then(res => {
+          this.otherDeatils.loading = false;
+          console.log(res, '获取库存详细信息详情');
+          if (res.code == 200) {
+            this.otherDeatils.value = res.data.data;
+            // _this.handleAddReferLabel('otherDeatils');
+          }
+        })
+      },
 
-    },
-    // 复制
-    handleCopy() {
-      console.log('复制');
-    },
-    //查询
-    handleQuery() {
 
-    },
-    // 刷新
-    handleRefresh() {
-      console.log('刷新');
-      this.handleRest();
-    },
-    // 过滤
-    handleFilter(e) {
-      console.log(e, '过滤');
-    },
-    filterCondition(type) {
-      return {
-        type
-      }
-    },
-    // 维护物料类别 
-    handleMaterialType() {
-      console.log('维护物料类别');
-      this.materialType.show = true;
-
-      this.materialType.loading = true;
-      this.getTagList('material_medcine_item', (form) => {
-        this.materialType.form = form;
-        this.getMedcineitemList(this.materialId);
-      });
-    },
-    // 启用
-    handleIsInvoke(e) {
-      console.log('启用', this.basicData.value.isEnable);
-
-      let param = {
-        isEnable: this.basicData.value.isEnable == '已启用' ? '2' : '0',
-        id: this.basicData.value.id
-      };
-      console.log(param, '启用/停用param');
-      materialApi.updateEnableMaterial(param).then(res => {
-        console.log(res, '启用/停用');
-        if (res.code == 200) this.handleRefresh();
-      })
-    },
-    // 维护新版本
-    handleNewVersion() {
-      let _this = this;
-      let data = {
-        // 物料编码
-        code: this.basicData.value.code
-      }
-      materialApi.versions(data).then(res => {
-        console.log(res, '维护新版本');
-        if (res.code == 200) {
-          _this.maintainNewVersion = res.data.result;
-        }
-      })
-    },
-    // 维护物料保存
-    handleSaveNewVersion(cb) {
-      let data = {
-        // 物料编码
-        materialCode: this.basicData.value.code,
-        //序列号管理; 2= 否，0= 是	
-        serialNoManager: this.basicData.value.serialNoManager,
-        // 批号及库存状态管理;2=否，0=是
-        isInventoryStatus: this.basicData.value.isInventoryStatus,
-      }
-      materialApi.saveVersions(data).then(res => {
-        console.log(res, '维护物料保存');
-
-        if (res.code == 200) {
-          cb();
-        }
-      })
-        .catch((error) => {
+      /* 二级标签页 */
+      // 根据物料id获取医药行业信息详细信息
+      getMedcineDetails(id) {
+        let _this = this;
+        console.log(id);
+        materialApi.medcineDetailsInfo(id).then((res) => {
           this.loading = false;
+          console.log(res, '医药行业');
+          let {code, data} = res;
+          if (code == 200) {
+            _this.medcineData.value = data.data || {};
+            // this.medcineData.form = data.form;
+            // _this.handleAddReferLabel('medcineData');
+            console.log(' _this.medcineData', _this.medcineData, res);
+          }
         })
-    },
-    // 取消保存
-    handleCancel() {
-      console.log('取消保存');
-      this.optionDialog.op = '取消';
-      this.optionDialog.show = true;
-    },
-    // 保存修改
-    handleSave() {
-      console.log('保存修改');
-      this.loading = true;
-      // 普通保存修改
-      this.updateButtonGroup && this.handleSaveMaterial(() => {
-        this.updateButtonGroup = false;
-        this.handleRefresh();
-      });
-
-      // 维护新版本保存修改
-      this.maintainNewVersion && this.handleSaveNewVersion(() => {
-        this.maintainNewVersion = false;
-        this.handleRefresh();
-      })
-    },
-    // 物料类别列表选中
-    handleSelectionType(list) {
-      console.log('物料类别列表选中', list);
-      this.materialType.checkedList = list;
-    },
-    // 物料类别增删行
-    handleMaterialTypeRow(op) {
-      let _this = this;
-      switch (op) {
-        // 增行
-        case 'add':
-          let rowObj = {};
+      },
+      // 获取物料辅助属性详细信息+表单列段属性
+      getPropertyDetails(id) {
+        materialApi.propertyDetails(id).then(res => {
+          console.log(res, '物料辅助属性详细信息');
+          if (res.code == 200) {
+            this.propertyDetail.value = res.data.data || [];
+          }
+        })
+      },
+      // 查询物料辅助属性列表+表头字段
+      getPropertyList(materialId) {
+        materialApi.propertyList({materialId}).then(res => {
+          console.log(res, '料辅助属性列表');
+          if (res.code == 200) {
+            this.propertyDetail.value = res.data.data || [];
+          }
+        })
+      },
+      //获取辅助计量单位基本信息+表单列段属性
+      getUnitDetails(materialId) {
+        materialApi.unitDetails(materialId).then(res => {
+          console.log(res, '辅助计量单位基本信息');
+          if (res.code == 200) {
+            this.unitDetails.value = res.data.tableBody.rows || [];
+          }
+        })
+      },
+      //获取辅计量管理列表信息
+      getUnitList(materialId) {
+        materialApi.unitList({materialId}).then(res => {
+          console.log(res, '辅计量管理列表信息');
+          if (res.code == 200) {
+            this.unitDetails.value = res.data.tableBody.rows || [];
+          }
+        })
+      },
+      // 获取物料列表表头
+      getTagList(templateCode, cb) {
+        let _this = this
+        materialApi.tagList({templateCode}).then(res => {
+          console.log(res, `获取${templateCode}表头`);
+          let dictIdList = [];
+          if (res.code == 200) {
+
+            res.data.map(item => {
+
+              // 查字典
+              if (item.dictId && item.dictId != '') {
+                // 通过接口获取有dict的对应的数据
+                getDicts(item.dictId).then(dict => {
+                  if (dict.data) {
+                    item['dictValue'] = dict.data;
+                  }
+                })
+              }
 
-          for (const key in _this.materialType.value[0]) {
-            if (Object.hasOwnProperty.call(_this.materialType.value[0], key)) {
+            })
 
-              rowObj[key] = '';
+            // 动态更改dict
+            // res.data.forEach(item => {
+            //   if (item.dictId) {
+            //     // 请求接口
+            //     dictIdList.push(item.dictId);
+            //   }
+            // })
+            // console.log(dictIdList, 'dictIdList');
+            // _this.dict = [..._this.dict, ...dictIdList];
+            // _this.dict = Array.from(new Set([..._this.dict, ...dictIdList]));
 
-            }
+            // console.log(_this.dict, 'dicts');
+
+            return cb(res.data);
           }
-          rowObj['insertId'] = new Date().getTime();
-          this.materialType.value.push(rowObj);
-          console.log(this.materialType.value, '物料类别增行rowObj后');
-
-          break;
-        // 删行
-        case 'del':
-          console.log('物料类别删行', _this.materialType.checkedList);
-          if (_this.materialType.checkedList.length) {
-            _this.materialType.checkedList.map(c => {
-              _this.materialType.value = _this.materialType.value.filter(m => {
-                if (m.id && m.id != '' && m.id != c.id) {
-                  return m;
-                } else if (m.insertId && m.insertId != '' && m.insertId != c.insertId) {
-                  return m
-                }
-              })
+        })
+      },
+      // 根据物料id获取物料类别维护列表
+      getMedcineitemList(materialId) {
+        let _this = this;
+        materialApi.medcineitemList({materialId}).then(res => {
+          this.materialType.loading = false;
+          console.log(res, '根据物料id获取物料类别维护列表');
+          if (res.code == 200) {
+            _this.materialType.value = res.data.tableBody.rows;
+            // _this.handleAddReferLabel('materialType');
+          }
+        })
+      },
+
+
+      // 新增
+      handleInster() {
+        this.$message({
+          message: '物料只能通过申请审批增加，不能在节点直接录入！',
+          type: 'warning'
+        });
+      },
+      // 除基本信息之后的修改
+      handleOtherEdit() {
+        console.log('除基本信息之后的修改', this.otherDeatils.queryKey);
+
+        if ((this.otherDeatils.queryKey && this.otherDeatils.queryKey != '') || this.mainMsg.checkedList.length == 1) {
+          this.otherDeatils.show = true;
+          this.otherDeatils.isEdit = true;
+          let activeTab = this.detailsTabs.filter(item => item.code == this.activeMainTab)[0];
+          this.otherDeatils.title = activeTab.label;
+          this.otherDeatils.queryKey = this.otherDeatils.queryKey || this.mainMsg.checkedList[0].id;
+          console.log(this.otherDeatils, 'this.otherDeatils');
+          // 查询其他标签页列表详情
+          this.getOtherListDetails(activeTab.code, this.otherDeatils.queryKey);
+
+
+        } else {
+          this.$message({
+            message: '修改请选择单个数据！',
+            type: 'warning'
+          });
+        }
+      },
+      // 其他标签详情弹窗-刷新
+      handleOtherRefresh() {
+        this.getOtherListDetails(this.activeMainTab, this.otherDeatils.queryKey);
+      },
+      // 其他标签详情弹窗-删除
+      handleOtherDel() {
+        let ids = this.mainMsg.checkedList.map(i => i.id);
+
+        console.log(`${this.activeMainTab}其他标签详情弹窗-删除---id合集`, ids);
+        if (ids.length) {
+          switch (this.activeMainTab) {
+            // 财物信息
+            case 'material_finance':
+              this.handleDelFinance(ids);
+              break;
+            // 利润中心信息
+            case 'profit_center':
+              this.handledDelCenter(ids);
+              break;
+            // 采购信息
+            case 'material_purchase':
+              this.handledelPurchase(ids);
+              break;
+            // 库存信息
+            case 'material_inventory':
+              this.handleDelInventory(ids);
+              break;
+            // 计划信息
+            case 'material_plan':
+              this.handleDelPlan(ids);
+              break;
+            // 成本信息
+            case 'material_cost':
+              this.handleDelCost(ids);
+            default:
+              break;
+          }
+        } else {
+          this.$message({
+            message: '请选择需要删除的数据！',
+            type: 'warning'
+          });
+        }
+      },
+      // 其他标签页刷新
+      handleOtherListRefresh() {
+        switch (this.activeMainTab) {
+
+          // 基本信息
+          case 'material':
+            this.getTagList('material', (form) => {
+              this.basicData.form = form;
+              this.getMaterialDetails(this.materialId, 'material');
             })
-          } else {
-            this.$message({
-              message: '请选择需要删除的信息！',
-              type: 'warning'
+            break;
+          // 财物信息
+          case 'material_finance':
+            this.getTagList('material_finance', (form) => {
+              this.mainMsg.form = form;
+              this.getFinanceList(this.materialId);
+            });
+            break;
+          // 利润中心信息
+          case 'profit_center':
+            this.getTagList('profit_center', (form) => {
+              this.mainMsg.form = form;
+              this.getCenterList(this.materialId);
+            });
+            break;
+          // 采购信息
+          case 'material_purchase':
+            this.getTagList('material_purchase', (form) => {
+              this.mainMsg.form = form;
+              this.getPurchaseList(this.materialId);
+            });
+            break;
+          // 库存信息
+          case 'material_inventory':
+            this.getTagList('material_inventory', (form) => {
+              this.mainMsg.form = form;
+              this.getInventoryList(this.materialId);
             });
+            break;
+          // 计划信息
+          case 'material_plan':
+            this.getTagList('material_plan', (form) => {
+              this.mainMsg.form = form;
+              this.getPlanList(this.materialId);
+            });
+            break;
+          // 成本信息
+          case 'material_cost':
+            this.getTagList('material_cost', (form) => {
+              this.mainMsg.form = form;
+              this.getCostList(this.materialId);
+            });
+            break;
+          default:
+            break;
+        }
+      },
+      // 修改
+      handleBasicEdit() {
+        console.log('修改基本信息');
+        this.updateButtonGroup = true;
+        // this.count++;
+        //需要禁止点击其他标签
+        // this.detailsTabs = this.detailsTabs.map(item => {
+        //   item['disabled'] = true;
+        //   return item
+        // })
+        console.log(this.detailsTabs, 'this.detailsTabs ');
+
+      },
+      // 删除
+      handleDel() {
+        console.log('删除----基本信息');
+
+      },
+      // 复制
+      handleCopy() {
+        console.log('复制');
+      },
+      //查询
+      handleQuery() {
+
+      },
+      // 刷新
+      handleRefresh() {
+        console.log('刷新');
+        this.handleRest();
+      },
+      // 过滤
+      handleFilter(e) {
+        console.log(e, '过滤');
+      },
+      filterCondition(type) {
+        return {
+          type
+        }
+      },
+      // 维护物料类别
+      handleMaterialType() {
+        console.log('维护物料类别');
+        this.materialType.show = true;
+
+        this.materialType.loading = true;
+        this.getTagList('material_medcine_item', (form) => {
+          this.materialType.form = form;
+          this.getMedcineitemList(this.materialId);
+        });
+      },
+      // 启用
+      handleIsInvoke(e) {
+        console.log('启用', this.basicData.value.isEnable);
+
+        let param = {
+          isEnable: this.basicData.value.isEnable == '已启用' ? '2' : '0',
+          id: this.basicData.value.id
+        };
+        console.log(param, '启用/停用param');
+        materialApi.updateEnableMaterial(param).then(res => {
+          console.log(res, '启用/停用');
+          if (res.code == 200) this.handleRefresh();
+        })
+      },
+      // 维护新版本
+      handleNewVersion() {
+        let _this = this;
+        let data = {
+          // 物料编码
+          code: this.basicData.value.code
+        }
+        materialApi.versions(data).then(res => {
+          console.log(res, '维护新版本');
+          if (res.code == 200) {
+            _this.maintainNewVersion = res.data.result;
+            // 维护版本消息展示 by shiy 2023/05/31
+            if (!res.data.result) {
+              this.$message({
+                message: res.data.msg,
+                type: 'warning'
+              });
+            }
+          }
+        })
+      },
+      // 维护物料保存
+      handleSaveNewVersion(cb) {
+        let data = {
+          // 物料编码
+          materialCode: this.basicData.value.code,
+          //序列号管理; 2= 否，0= 是
+          serialNoManager: this.basicData.value.serialNoManager,
+          // 批号及库存状态管理;2=否，0=是
+          isInventoryStatus: this.basicData.value.isInventoryStatus,
+        }
+        materialApi.saveVersions(data).then(res => {
+          console.log(res, '维护物料保存');
+
+          if (res.code == 200) {
+            cb();
           }
-          break;
-        // 取消
-        case 'cancal':
-          this.materialType.isEdit = false;
-          this.handleMaterialTypeRow();
-          break;
-        // 保存、修改
-        case 'edit':
-
-          if (_this.materialType.isEdit) {
-            // 编辑状态
-            let nullList = _this.materialType.value.filter(m => (!m.drugId || m.drugId == ''));
-            console.log(nullList, 'nullList');
-            if (!nullList.length && _this.materialType.value.length) {
-              console.log('物料类别保存', _this.materialType.value);
-              let params = {
-                materialId: _this.materialId,
-                medcineItems: _this.materialType.value
+        })
+          .catch((error) => {
+            this.loading = false;
+          })
+      },
+      // 取消保存
+      handleCancel() {
+        console.log('取消保存');
+        this.optionDialog.op = '取消';
+        this.optionDialog.show = true;
+      },
+      // 保存修改
+      handleSave() {
+        console.log('保存修改');
+        this.loading = true;
+        // 普通保存修改
+        this.updateButtonGroup && this.handleSaveMaterial(() => {
+          this.updateButtonGroup = false;
+          this.handleRefresh();
+        });
+
+        // 维护新版本保存修改
+        this.maintainNewVersion && this.handleSaveNewVersion(() => {
+          this.maintainNewVersion = false;
+          this.handleRefresh();
+        })
+      },
+      // 物料类别列表选中
+      handleSelectionType(list) {
+        console.log('物料类别列表选中', list);
+        this.materialType.checkedList = list;
+      },
+      // 物料类别增删行
+      handleMaterialTypeRow(op) {
+        let _this = this;
+        switch (op) {
+          // 增行
+          case 'add':
+            let rowObj = {};
+
+            for (const key in _this.materialType.value[0]) {
+              if (Object.hasOwnProperty.call(_this.materialType.value[0], key)) {
+
+                rowObj[key] = '';
+
               }
-              materialApi.medcineitemBatchSave(params).then(res => {
-                console.log(res, '保存物料类型');
-                if (res.code == 200) {
-                  _this.materialType.isEdit = false;
-                  _this.handleMaterialTypeRow();
-                }
+            }
+            rowObj['insertId'] = new Date().getTime();
+            this.materialType.value.push(rowObj);
+            console.log(this.materialType.value, '物料类别增行rowObj后');
+
+            break;
+          // 删行
+          case 'del':
+            console.log('物料类别删行', _this.materialType.checkedList);
+            if (_this.materialType.checkedList.length) {
+              _this.materialType.checkedList.map(c => {
+                _this.materialType.value = _this.materialType.value.filter(m => {
+                  if (m.id && m.id != '' && m.id != c.id) {
+                    return m;
+                  } else if (m.insertId && m.insertId != '' && m.insertId != c.insertId) {
+                    return m
+                  }
+                })
               })
-              // 保存
             } else {
               this.$message({
-                message: '不能保存空数据或存在数据为空！',
+                message: '请选择需要删除的信息！',
                 type: 'warning'
               });
             }
-          } else {
-            // 非编辑状态
-            console.log('物料类别修改');
-            this.materialType.isEdit = true;
-          }
-          break;
-        // 刷新
-        default:
-          console.log('物料类别刷新');
-          if (this.materialType.isEdit) {
-            this.$message({
-              message: '请先保存数据！',
-              type: 'warning'
-            })
-          } else {
-            this.materialType.loading = true;
-            this.getTagList('material_medcine_item', (form) => {
-              this.materialType.form = form;
-              this.getMedcineitemList(this.materialId);
-            });
-          }
-          break;
-
-      }
-    },
-    // 物料类别弹窗关闭前
-    handleCloseTypeDetails(done) {
+            break;
+          // 取消
+          case 'cancal':
+            this.materialType.isEdit = false;
+            this.handleMaterialTypeRow();
+            break;
+          // 保存、修改
+          case 'edit':
+
+            if (_this.materialType.isEdit) {
+              // 编辑状态
+              let nullList = _this.materialType.value.filter(m => (!m.drugId || m.drugId == ''));
+              console.log(nullList, 'nullList');
+              if (!nullList.length && _this.materialType.value.length) {
+                console.log('物料类别保存', _this.materialType.value);
+                let params = {
+                  materialId: _this.materialId,
+                  medcineItems: _this.materialType.value
+                }
+                materialApi.medcineitemBatchSave(params).then(res => {
+                  console.log(res, '保存物料类型');
+                  if (res.code == 200) {
+                    _this.materialType.isEdit = false;
+                    _this.handleMaterialTypeRow();
+                  }
+                })
+                // 保存
+              } else {
+                this.$message({
+                  message: '不能保存空数据或存在数据为空！',
+                  type: 'warning'
+                });
+              }
+            } else {
+              // 非编辑状态
+              console.log('物料类别修改');
+              this.materialType.isEdit = true;
+            }
+            break;
+          // 刷新
+          default:
+            console.log('物料类别刷新');
+            if (this.materialType.isEdit) {
+              this.$message({
+                message: '请先保存数据！',
+                type: 'warning'
+              })
+            } else {
+              this.materialType.loading = true;
+              this.getTagList('material_medcine_item', (form) => {
+                this.materialType.form = form;
+                this.getMedcineitemList(this.materialId);
+              });
+            }
+            break;
 
-      console.log('物料类别弹窗关闭前');
-      this.materialType.isEdit ? this.$message({
-        message: '请先保存数据！',
-        type: 'warning'
-      }) : done();
+        }
+      },
+      // 物料类别弹窗关闭前
+      handleCloseTypeDetails(done) {
 
-    },
-    // 保存修改并新增
-    handleSaveAdd() {
-      console.log('保存修改并新增');
-    },
-    // 其他标签页弹窗取消操作
-    handleOtherCancel() {
-      console.log('其他标签页弹窗取消操作');
-      this.optionDialog.show = true;
-      this.optionDialog.op = '修改';
-    },
-    // 其他标签页弹窗保存
-    async handleOtherSave() {
-      console.log('其他标签页弹窗保存', this.activeMainTab);
-      let data = this.otherDeatils.value;
-      console.log(data, 'params');
-      switch (this.activeMainTab) {
-        // 财物信息
-        case 'material_finance':
-          await this.handleSaveFinance(data);
-          break;
-        // 利润中心信息
-        case 'profit_center':
-          await this.handleSaveCenter(data);
-          break;
-        // 采购信息
-        case 'material_purchase':
-          await this.handleSavePurchase(data);
-          break;
-        // 库存信息
-        case 'material_inventory':
-          await this.handleSaveInventoryEdit(data);
-          break;
-        // 计划信息
-        case 'material_plan':
-          await this.handleSavePlan(data);
-          break;
-        // 成本信息
-        case 'material_cost':
-          await this.handleSaveCost(data);
-          break;
-        default: break;
-      }
-      this.handleOtherRefresh();
-    },
-    // 其他页签详情弹窗关闭事件
-    handleCloseOtherDetails(done) {
-      console.log('其他页签详情弹窗关闭事件');
-      // 处于编辑状态
-      if (this.otherDeatils.isEdit) {
-        this.$message({
-          message: '请先退出编辑操作',
+        console.log('物料类别弹窗关闭前');
+        this.materialType.isEdit ? this.$message({
+          message: '请先保存数据！',
           type: 'warning'
-        });
-      } else {
-        done();
-      }
-    },
-    // 折叠菜单改变
-    handleCollapseChange(val) {
-      console.log(val, '折叠菜单改变');
-    },
-    // 更新导入
-    handleUpdateImport() {
-      console.log('更新导入');
-    },
-    // 确认弹窗操作
-    handleComfirmOption() {
-      console.log('确认弹窗操作');
+        }) : done();
 
-      this.optionDialog.show = false;
+      },
+      // 保存修改并新增
+      handleSaveAdd() {
+        console.log('保存修改并新增');
+      },
+      // 其他标签页弹窗取消操作
+      handleOtherCancel() {
+        console.log('其他标签页弹窗取消操作');
+        this.optionDialog.show = true;
+        this.optionDialog.op = '修改';
+      },
+      // 其他标签页弹窗保存
+      async handleOtherSave() {
+        console.log('其他标签页弹窗保存', this.activeMainTab);
+        let data = this.otherDeatils.value;
+        console.log(data, 'params');
+        switch (this.activeMainTab) {
+          // 财物信息
+          case 'material_finance':
+            await this.handleSaveFinance(data);
+            break;
+          // 利润中心信息
+          case 'profit_center':
+            await this.handleSaveCenter(data);
+            break;
+          // 采购信息
+          case 'material_purchase':
+            await this.handleSavePurchase(data);
+            break;
+          // 库存信息
+          case 'material_inventory':
+            await this.handleSaveInventoryEdit(data);
+            break;
+          // 计划信息
+          case 'material_plan':
+            await this.handleSavePlan(data);
+            break;
+          // 成本信息
+          case 'material_cost':
+            await this.handleSaveCost(data);
+            break;
+          default:
+            break;
+        }
+        this.handleOtherRefresh();
+      },
+      // 其他页签详情弹窗关闭事件
+      handleCloseOtherDetails(done) {
+        console.log('其他页签详情弹窗关闭事件');
+        // 处于编辑状态
+        if (this.otherDeatils.isEdit) {
+          this.$message({
+            message: '请先退出编辑操作',
+            type: 'warning'
+          });
+        } else {
+          done();
+        }
+      },
+      // 折叠菜单改变
+      handleCollapseChange(val) {
+        console.log(val, '折叠菜单改变');
+      },
+      // 更新导入
+      handleUpdateImport() {
+        console.log('更新导入');
+      },
+      // 确认弹窗操作
+      handleComfirmOption() {
+        console.log('确认弹窗操作');
 
-      // 取消基本信息修改
-      if (this.updateButtonGroup) {
-        this.updateButtonGroup = false;
-        this.handleRest();
+        this.optionDialog.show = false;
 
-      }
+        // 取消基本信息修改
+        if (this.updateButtonGroup) {
+          this.updateButtonGroup = false;
+          this.handleRest();
 
-      // 取消其他主页签详情弹窗修改
-      if (this.otherDeatils.isEdit) {
-        this.otherDeatils.isEdit = false;
-        this.handleOtherRefresh();
-      }
+        }
 
-      // 取消维护新版本修改
-      if (this.maintainNewVersion) {
-        console.log('取消维护新版本修改');
-        this.maintainNewVersion = false;
-        this.handleRefresh();
-      }
-    },
-    // 参照弹窗过滤
-    handleFilterRefer() {
-      // this.MoreDataDialog.key =
-      console.log(this.MoreDataDialog.key, '查询关键字', this.MoreDataDialog.target);
+        // 取消其他主页签详情弹窗修改
+        if (this.otherDeatils.isEdit) {
+          this.otherDeatils.isEdit = false;
+          this.handleOtherRefresh();
+        }
 
-      this.handleQueryMore(this.MoreDataDialog.msg, this.MoreDataDialog.key, this.MoreDataDialog.target);
+        // 取消维护新版本修改
+        if (this.maintainNewVersion) {
+          console.log('取消维护新版本修改');
+          this.maintainNewVersion = false;
+          this.handleRefresh();
+        }
+      },
+      // 参照弹窗过滤
+      handleFilterRefer() {
+        // this.MoreDataDialog.key =
+        console.log(this.MoreDataDialog.key, '查询关键字', this.MoreDataDialog.target);
 
-    },
-    // 操作提示弹窗关闭
-    handleOptionCancal() {
-      this.optionDialog.show = false;
-      this.otherDeatils.isEdit = true;
-    },
-    // 树形节点选择
-    handleNodeClick(e) {
-      console.log(e, '树形节点选择', this.MoreDataDialog.target);
-      // let node = { ...e, name: e.label }
-      this.MoreDataDialog.value = e;
-    },
+        this.handleQueryMore(this.MoreDataDialog.msg, this.MoreDataDialog.key, this.MoreDataDialog.target);
 
-    // 修改-更多数据表格——选择行
-    handleCurentRow(row) {
-      console.log(row, '修改-更多数据表格——选择行');
-      this.MoreDataDialog.value = row;
-    },
-    // 参照弹窗确认
-    handleConfirmRefer() {
+      },
+      // 操作提示弹窗关闭
+      handleOptionCancal() {
+        this.optionDialog.show = false;
+        this.otherDeatils.isEdit = true;
+      },
+      // 树形节点选择
+      handleNodeClick(e) {
+        console.log(e, '树形节点选择', this.MoreDataDialog.target);
+        // let node = { ...e, name: e.label }
+        this.MoreDataDialog.value = e;
+      },
 
-      let _this = this;
-      console.log('确认参照弹窗', `{this.${this.MoreDataDialog.target.name}:${this.MoreDataDialog.value.id}}`);
+      // 修改-更多数据表格——选择行
+      handleCurentRow(row) {
+        console.log(row, '修改-更多数据表格——选择行');
+        this.MoreDataDialog.value = row;
+      },
+      // 参照弹窗确认
+      handleConfirmRefer() {
 
-      let confirm = true;
+        let _this = this;
+        console.log('确认参照弹窗', `{this.${this.MoreDataDialog.target.name}:${this.MoreDataDialog.value.id}}`);
 
-      if (this.MoreDataDialog.target.name == 'basicData') {
-        //  基本信息
-        this.basicData.value[this.MoreDataDialog.target.prop] = this.MoreDataDialog.value.id;
+        let confirm = true;
 
-        this.basicData.value[`${this.MoreDataDialog.target.prop}Name`] = this.MoreDataDialog.value.name;
+        if (this.MoreDataDialog.target.name == 'basicData') {
+          //  基本信息
+          this.basicData.value[this.MoreDataDialog.target.prop] = this.MoreDataDialog.value.id;
 
-        console.log(this.MoreDataDialog.target.prop, 'props-----------------', this.MoreDataDialog.value);
+          this.basicData.value[`${this.MoreDataDialog.target.prop}Name`] = this.MoreDataDialog.value.name;
 
-        console.log(this.basicData.value[`${this.MoreDataDialog.target.prop}`], '值', this.basicData.value[`${this.MoreDataDialog.target.prop}Name`], '//////////基本信息///////////');
-        // 默认采购组织:purchasingOrganization  业务部门:businessDepartment
-        if (this.MoreDataDialog.target.prop == 'purchasingOrganization') {
+          console.log(this.MoreDataDialog.target.prop, 'props-----------------', this.MoreDataDialog.value);
 
-          this.basicData.value['businessDepartment'] = '';
-          this.basicData.value['businessDepartmentName'] = '';
+          console.log(this.basicData.value[`${this.MoreDataDialog.target.prop}`], '值', this.basicData.value[`${this.MoreDataDialog.target.prop}Name`], '//////////基本信息///////////');
+          // 默认采购组织:purchasingOrganization  业务部门:businessDepartment
+          if (this.MoreDataDialog.target.prop == 'purchasingOrganization') {
 
-        }
+            this.basicData.value['businessDepartment'] = '';
+            this.basicData.value['businessDepartmentName'] = '';
 
+          }
 
-      } else if (this.MoreDataDialog.target.name == 'medcineData') {
 
-        //  医药信息
-        this.medcineData.value[this.MoreDataDialog.target.prop] = this.MoreDataDialog.value.id;
+        } else if (this.MoreDataDialog.target.name == 'medcineData') {
 
-        this.medcineData.value[`${this.MoreDataDialog.target.prop}Name`] = this.MoreDataDialog.value.name;
+          //  医药信息
+          this.medcineData.value[this.MoreDataDialog.target.prop] = this.MoreDataDialog.value.id;
 
-        console.log(this.MoreDataDialog.target.prop, 'props-----------------', this.MoreDataDialog.value);
+          this.medcineData.value[`${this.MoreDataDialog.target.prop}Name`] = this.MoreDataDialog.value.name;
 
-        console.log(this.medcineData.value[`${this.MoreDataDialog.target.prop}Name`], '//////医药信息//////////');
+          console.log(this.MoreDataDialog.target.prop, 'props-----------------', this.MoreDataDialog.value);
 
-      } else if (this.MoreDataDialog.target.name == 'otherDeatils') {
+          console.log(this.medcineData.value[`${this.MoreDataDialog.target.prop}Name`], '//////医药信息//////////');
 
-        //  其他页签
-        this.otherDeatils.value[this.MoreDataDialog.target.prop] = this.MoreDataDialog.value.id;
+        } else if (this.MoreDataDialog.target.name == 'otherDeatils') {
 
-        this.otherDeatils.value[`${this.MoreDataDialog.target.prop}Name`] = this.MoreDataDialog.value.name;
+          //  其他页签
+          this.otherDeatils.value[this.MoreDataDialog.target.prop] = this.MoreDataDialog.value.id;
 
-        console.log(this.otherDeatils.value[`${this.MoreDataDialog.target.prop}Name`], '/////////其他页签///////');
+          this.otherDeatils.value[`${this.MoreDataDialog.target.prop}Name`] = this.MoreDataDialog.value.name;
 
-      } else if (this.MoreDataDialog.target.name == 'materialType') {
+          console.log(this.otherDeatils.value[`${this.MoreDataDialog.target.prop}Name`], '/////////其他页签///////');
 
-        // 物料类别
-        console.log('确认时选择的数据', this.MoreDataDialog.value);
-
-        this.materialType.value = this.materialType.value.map(m => {
-          if ((m.id && m.id != '' && m.id == _this.MoreDataDialog.target.prop['id']) ||
-            (m.insertId && m.insertId == _this.MoreDataDialog.target.prop['insertId'])
-          ) {
-            let drug = _this.materialType.value.filter(d => d.drugId == _this.MoreDataDialog.value['id'])
-            console.log(drug, 'drug------------------------------------');
-            if (drug.length) {
-              _this.$message({
-                message: '不能维护相同的物料类别！',
-                type: 'warning'
-              });
-              confirm = false;
-            } else {
-              m.drugId = _this.MoreDataDialog.value['id'];
-              m.drugCode = _this.MoreDataDialog.value['code'];
-              m.drugName = _this.MoreDataDialog.value['name'];
+        } else if (this.MoreDataDialog.target.name == 'materialType') {
+
+          // 物料类别
+          console.log('确认时选择的数据', this.MoreDataDialog.value);
+
+          this.materialType.value = this.materialType.value.map(m => {
+            if ((m.id && m.id != '' && m.id == _this.MoreDataDialog.target.prop['id']) ||
+              (m.insertId && m.insertId == _this.MoreDataDialog.target.prop['insertId'])
+            ) {
+              let drug = _this.materialType.value.filter(d => d.drugId == _this.MoreDataDialog.value['id'])
+              console.log(drug, 'drug------------------------------------');
+              if (drug.length) {
+                _this.$message({
+                  message: '不能维护相同的物料类别！',
+                  type: 'warning'
+                });
+                confirm = false;
+              } else {
+                m.drugId = _this.MoreDataDialog.value['id'];
+                m.drugCode = _this.MoreDataDialog.value['code'];
+                m.drugName = _this.MoreDataDialog.value['name'];
+              }
             }
-          }
-          return m;
-        })
+            return m;
+          })
 
-        console.log(this.materialType.value, '修改之后-----this.materialType.value');
-      }
+          console.log(this.materialType.value, '修改之后-----this.materialType.value');
+        }
 
-      if (confirm) {
-        // this.count++;
-        this.refer++;
+        if (confirm) {
+          // this.count++;
+          this.refer++;
+          this.MoreDataDialog.show = false;
+          this.MoreDataDialog.key = '';
+          this.MoreDataDialog.value = {};
+        }
+      },
+      // 取消-关闭参照弹窗
+      handleConcalRefer() {
+        console.log('关闭参照弹窗');
         this.MoreDataDialog.show = false;
         this.MoreDataDialog.key = '';
-        this.MoreDataDialog.value = {};
-      }
-    },
-    // 取消-关闭参照弹窗
-    handleConcalRefer() {
-      console.log('关闭参照弹窗');
-      this.MoreDataDialog.show = false;
-      this.MoreDataDialog.key = '';
-    },
-    // 关闭参照弹窗前
-    handleCloseRefer(done) {
-      this.MoreDataDialog.key = '';
-      done();
-    },
+      },
+      // 关闭参照弹窗前
+      handleCloseRefer(done) {
+        this.MoreDataDialog.key = '';
+        done();
+      },
 
 
-    // 删除利润中心信息
-    handledDelCenter(ids) {
-      console.log('删除利润中心信息');
-      materialApi.delCenter(ids).then(res => {
-        if (res.code == 200) {
-          this.handleOtherListRefresh();
-        }
-      })
-    },
-    // 删除库存信息
-    handleDelInventory(ids) {
-      console.log('删除库存信息');
-      materialApi.delInventory(ids).then(res => {
-        if (res.code == 200) {
-          this.handleOtherListRefresh();
-        }
-      })
-    },
-    // 删除成本信息
-    handleDelCost(ids) {
-      console.log('删除成本信息');
-      materialApi.delCost(ids).then(res => {
-        if (res.code == 200) {
-          this.handleOtherListRefresh();
-        }
-      })
-    },
-    // 删除计划信息
-    handleDelPlan(ids) {
-      console.log('删除计划信息');
-      materialApi.delPlan(ids).then(res => {
-        if (res.code == 200) {
-          this.handleOtherListRefresh();
-        }
+      // 删除利润中心信息
+      handledDelCenter(ids) {
+        console.log('删除利润中心信息');
+        materialApi.delCenter(ids).then(res => {
+          if (res.code == 200) {
+            this.handleOtherListRefresh();
+          }
+        })
+      },
+      // 删除库存信息
+      handleDelInventory(ids) {
+        console.log('删除库存信息');
+        materialApi.delInventory(ids).then(res => {
+          if (res.code == 200) {
+            this.handleOtherListRefresh();
+          }
+        })
+      },
+      // 删除成本信息
+      handleDelCost(ids) {
+        console.log('删除成本信息');
+        materialApi.delCost(ids).then(res => {
+          if (res.code == 200) {
+            this.handleOtherListRefresh();
+          }
+        })
+      },
+      // 删除计划信息
+      handleDelPlan(ids) {
+        console.log('删除计划信息');
+        materialApi.delPlan(ids).then(res => {
+          if (res.code == 200) {
+            this.handleOtherListRefresh();
+          }
 
-      })
-    },
-    // 删除财物信息
-    handleDelFinance(ids) {
-      console.log('删除财物信息');
-      materialApi.delFinance(ids).then(res => {
-        if (res.code == 200) {
-          this.handleOtherListRefresh();
-        }
-      })
-    },
-    // 删除采购信息
-    handledelPurchase(ids) {
-      console.log('删除采购信息');
-      materialApi.delPurchase(ids).then(res => {
-        if (res.code == 200) {
-          this.handleOtherListRefresh();
-        }
-      });
-    },
+        })
+      },
+      // 删除财物信息
+      handleDelFinance(ids) {
+        console.log('删除财物信息');
+        materialApi.delFinance(ids).then(res => {
+          if (res.code == 200) {
+            this.handleOtherListRefresh();
+          }
+        })
+      },
+      // 删除采购信息
+      handledelPurchase(ids) {
+        console.log('删除采购信息');
+        materialApi.delPurchase(ids).then(res => {
+          if (res.code == 200) {
+            this.handleOtherListRefresh();
+          }
+        });
+      },
 
 
-    // 保存物料以及相关页签
-    handleSaveMaterial(cb) {
-      let param = {
-        ...this.basicData.value,
-        materialMedcine: this.medcineData.value,
-        materialMedcineItem: {}
-      };
-      // diCode
-      param.diCode = param.diCode.replace(/ /g, '');
-      console.log(param, '保存物料以及相关页签param');
-      materialApi.insertMaterialInfo(param).then(res => {
-
-        console.log(res, '保存物料以及相关页签');
-        if (res.code == 200) cb();
-      }).catch((error) => {
-        this.loading = false;
-      })
-    },
-    // 保存财务信息——单个数据
-    handleSaveFinance(data) {
-      console.log(data, '保存财务信息——单个数据');
-      materialApi.financeEdit(data).then(res => {
-        if (res.code == 200) {
-          this.otherDeatils.isEdit = false;
-        }
-      })
-    },
-    // 保存利润中心信息
-    handleSaveCenter(data) {
-      console.log(data, '保存利润中心信息');
-      materialApi.centerEdit(data).then(res => {
-        if (res.code == 200) {
-          this.otherDeatils.isEdit = false;
-        }
-      })
-    },
-    // 保存采购信息
-    handleSavePurchase(data) {
-      console.log(data, '保存采购信息');
-      materialApi.purchaseEdit(data).then(res => {
-        if (res.code == 200) {
-          this.otherDeatils.isEdit = false;
-        }
-      })
-    },
-    // 保存库存信息
-    handleSaveInventoryEdit(data) {
-      console.log(data, '保存库存信息');
-      materialApi.inventoryEdit(data).then(res => {
-        if (res.code == 200) {
-          this.otherDeatils.isEdit = false;
-        }
-      })
-    },
-    // 保存计划信息
-    handleSavePlan(data) {
-      console.log(data, '保存计划信息');
-      materialApi.planEdit(data).then(res => {
-        if (res.code == 200) {
-          this.otherDeatils.isEdit = false;
-        }
-      })
-    },
-    // 保存成本信息
-    handleSaveCost(data) {
-      console.log(data, '保存成本信息');
-      materialApi.costEdit(data).then(res => {
-        if (res.code == 200) {
-          this.otherDeatils.isEdit = false;
-        }
-      })
-    },
+      // 保存物料以及相关页签
+      handleSaveMaterial(cb) {
+        let param = {
+          ...this.basicData.value,
+          materialMedcine: this.medcineData.value,
+          materialMedcineItem: {}
+        };
+        // diCode
+        param.diCode = param.diCode.replace(/ /g, '');
+        console.log(param, '保存物料以及相关页签param');
+        materialApi.insertMaterialInfo(param).then(res => {
+
+          console.log(res, '保存物料以及相关页签');
+          if (res.code == 200) cb();
+        }).catch((error) => {
+          this.loading = false;
+        })
+      },
+      // 保存财务信息——单个数据
+      handleSaveFinance(data) {
+        console.log(data, '保存财务信息——单个数据');
+        materialApi.financeEdit(data).then(res => {
+          if (res.code == 200) {
+            this.otherDeatils.isEdit = false;
+          }
+        })
+      },
+      // 保存利润中心信息
+      handleSaveCenter(data) {
+        console.log(data, '保存利润中心信息');
+        materialApi.centerEdit(data).then(res => {
+          if (res.code == 200) {
+            this.otherDeatils.isEdit = false;
+          }
+        })
+      },
+      // 保存采购信息
+      handleSavePurchase(data) {
+        console.log(data, '保存采购信息');
+        materialApi.purchaseEdit(data).then(res => {
+          if (res.code == 200) {
+            this.otherDeatils.isEdit = false;
+          }
+        })
+      },
+      // 保存库存信息
+      handleSaveInventoryEdit(data) {
+        console.log(data, '保存库存信息');
+        materialApi.inventoryEdit(data).then(res => {
+          if (res.code == 200) {
+            this.otherDeatils.isEdit = false;
+          }
+        })
+      },
+      // 保存计划信息
+      handleSavePlan(data) {
+        console.log(data, '保存计划信息');
+        materialApi.planEdit(data).then(res => {
+          if (res.code == 200) {
+            this.otherDeatils.isEdit = false;
+          }
+        })
+      },
+      // 保存成本信息
+      handleSaveCost(data) {
+        console.log(data, '保存成本信息');
+        materialApi.costEdit(data).then(res => {
+          if (res.code == 200) {
+            this.otherDeatils.isEdit = false;
+          }
+        })
+      },
 
 
-    // 重新加载
-    async handleRest() {
-      this.loading = true;
-      // 基本信息
-      await this.getTagList('material', (form) => {
-        this.basicData.form = form;
-        this.getMaterialDetails(this.materialId, 'material');
-      })
-      // 医疗行业
-      await this.getTagList('material_medcine', (form) => {
-        form.forEach((item) => {
-          this.medcineData.value[item.prop] = ''
+      // 重新加载
+      async handleRest() {
+        this.loading = true;
+        // 基本信息
+        await this.getTagList('material', (form) => {
+          this.basicData.form = form;
+          this.getMaterialDetails(this.materialId, 'material');
+        })
+        // 医疗行业
+        await this.getTagList('material_medcine', (form) => {
+          form.forEach((item) => {
+            this.medcineData.value[item.prop] = ''
+          })
+          this.medcineData.form = form;
+          this.getMedcineDetails(this.materialId, 'material_medcine');
         })
-        this.medcineData.form = form;
-        this.getMedcineDetails(this.materialId, 'material_medcine');
-      })
+
+      },
 
     },
 
-  },
+    watch: {
+      // 监听主标签修改标识，控制其他标签是否禁止点击
+      'updateButtonGroup': function (nVal, oVal) {
+        console.log(nVal, 'nVal', oVal, 'oVal');
+        this.detailsTabs = this.detailsTabs.map(item => {
+          item['disabled'] = nVal;
+          return item;
+        })
+      },
+      'maintainNewVersion': function (nVal, oVal) {
+        console.log(nVal, 'nVal', oVal, 'oVal');
+        this.detailsTabs = this.detailsTabs.map(item => {
+          item['disabled'] = nVal;
+          return item;
+        })
+      },
 
-  watch: {
-    // 监听主标签修改标识，控制其他标签是否禁止点击
-    'updateButtonGroup': function (nVal, oVal) {
-      console.log(nVal, 'nVal', oVal, 'oVal');
-      this.detailsTabs = this.detailsTabs.map(item => {
-        item['disabled'] = nVal;
-        return item;
-      })
-    },
-    'maintainNewVersion': function (nVal, oVal) {
-      console.log(nVal, 'nVal', oVal, 'oVal');
-      this.detailsTabs = this.detailsTabs.map(item => {
-        item['disabled'] = nVal;
-        return item;
-      })
     },
 
-  },
-
-  created() {
-    console.log(this, 'created');
-    // 基本信息
-    this.handleRest();
-    if (window.name === '') {
-      console.log('页面首次被加载')
-      this.$route.query.isEdit && this.handleBasicEdit();
-    } else {
-      console.log('页面被刷新')
-    }
+    created() {
+      console.log(this, 'created');
+      // 基本信息
+      this.handleRest();
+      if (window.name === '') {
+        console.log('页面首次被加载')
+        this.$route.query.isEdit && this.handleBasicEdit();
+      } else {
+        console.log('页面被刷新')
+      }
 
+    }
   }
-}
 </script>
 
 <style lang="scss">
-.material-details {
-  padding: 12px;
-  height: calc(100vh - 158px);
-  box-sizing: border-box;
-
-  .el-card__body {
-    height: calc(100vh - 160px);
-    box-sizing: border-box;
+  .material-details {
     padding: 12px;
-    overflow-y: auto;
-    overflow-x: auto;
+    height: calc(100vh - 158px);
+    box-sizing: border-box;
 
-    .el-select {
-      width: 100%;
+    .el-card__body {
+      height: calc(100vh - 160px);
+      box-sizing: border-box;
+      padding: 12px;
+      overflow-y: auto;
+      overflow-x: auto;
+
+      .el-select {
+        width: 100%;
+      }
     }
-  }
 
-  .md-content {
-    margin-top: 12px;
-    // height: calc(100vh - 260px);
-    height: calc(100vh - 228px);
-    box-sizing: border-box;
+    .md-content {
+      margin-top: 12px;
+      // height: calc(100vh - 260px);
+      height: calc(100vh - 228px);
+      box-sizing: border-box;
 
 
+      .md-basic {
+        overflow: auto;
 
-    .md-basic {
-      overflow: auto;
+        .md-main {
+          // height: calc(100vh - 625px);
+          margin-bottom: 10px;
 
-      .md-main {
-        // height: calc(100vh - 625px);
-        margin-bottom: 10px;
+          .el-table__body {
+            // height: calc(100vh - 300px);
+          }
 
-        .el-table__body {
-          // height: calc(100vh - 300px);
+          .el-form {
+            max-height: 200px;
+            overflow-y: auto;
+            overflow-x: hidden;
+
+            .el-checkbox {
+              padding: 0 58%;
+            }
+          }
         }
 
-        .el-form {
-          max-height: 200px;
+        .md-vice-content {
+          height: 140px;
           overflow-y: auto;
           overflow-x: hidden;
-
-          .el-checkbox {
-            padding: 0 58%;
-          }
         }
       }
 
-      .md-vice-content {
-        height: 140px;
-        overflow-y: auto;
-        overflow-x: hidden;
-      }
-    }
-
-    .md-auditInfo {
+      .md-auditInfo {
 
-      .el-divider--horizontal {
-        margin: 20px 0px 15px;
+        .el-divider--horizontal {
+          margin: 20px 0px 15px;
+        }
       }
+
     }
 
-  }
+    // .md-content>.el-tabs {
+    //   height: calc(100vh - 280px);
+    // }
 
-  // .md-content>.el-tabs {
-  //   height: calc(100vh - 280px);
-  // }
+    .otherDialog {
 
-  .otherDialog {
+      .el-collapse-item__content {
+        padding-bottom: 12px;
+      }
 
-    .el-collapse-item__content {
-      padding-bottom: 12px;
-    }
+      .el-form {
+        .el-checkbox {
+          width: 100%;
+          padding: 0 10%;
+        }
+      }
 
-    .el-form {
-      .el-checkbox {
-        width: 100%;
-        padding: 0 10%;
+      .el-dialog__body {
+        padding: 12px 20px;
+        height: 80%;
+        overflow: auto;
+      }
+
+      .od-msg {
+        max-height: 220px;
+        box-sizing: border-box;
+        overflow-y: auto;
+        overflow-x: hidden;
       }
-    }
 
-    .el-dialog__body {
-      padding: 12px 20px;
-      height: 80%;
-      overflow: auto;
+      // .el-dialog__header {
+      //   background-color: rgb(244, 244, 244);
+      // }
     }
 
-    .od-msg {
-      max-height: 220px;
-      box-sizing: border-box;
-      overflow-y: auto;
-      overflow-x: hidden;
+    .el-dialog__header {
+      background-color: rgb(244, 244, 244);
     }
 
-    // .el-dialog__header {
-    //   background-color: rgb(244, 244, 244);
-    // }
-  }
+    .MoreDataDialog {
 
-  .el-dialog__header {
-    background-color: rgb(244, 244, 244);
-  }
+      .el-dialog__body {
+        height: 500px;
+        padding: 20px 15px;
 
-  .MoreDataDialog {
+        .el-table {
+          margin-top: 10px;
 
-    .el-dialog__body {
-      height: 500px;
-      padding: 20px 15px;
+          .el-table__body-wrapper {
+            height: 300px;
+            overflow-y: auto;
+            overflow-x: hidden;
+          }
+        }
 
-      .el-table {
-        margin-top: 10px;
+        .el-pagination {
+          text-align: right;
+          margin-top: 5px;
+        }
 
-        .el-table__body-wrapper {
-          height: 300px;
-          overflow-y: auto;
+        .referTree {
+          height: 390px;
           overflow-x: hidden;
+          overflow-y: auto;
         }
       }
 
-      .el-pagination {
-        text-align: right;
-        margin-top: 5px;
-      }
 
-      .referTree {
-        height: 390px;
-        overflow-x: hidden;
-        overflow-y: auto;
+      .more-button {
+        margin-top: 10px;
+        text-align: right;
       }
     }
 
 
-
-    .more-button {
-      margin-top: 10px;
-      text-align: right;
-    }
   }
 
+  // 修改下拉框样式
+  #selected {
+    /*很关键：将默认的select选择框样式清除*/
+    //   appearance: none;
+    //   -moz-appearance: none;
+    //   -webkit-appearance: none;
+    //   /*为下拉小箭头留出一点位置，避免被文字覆盖*/
+    //   padding-right: 14px;
+    //   /*自定义图片*/
+    //   background: url("../images/search@2x.png") no-repeat scroll right center transparent;
+    //   /*自定义图片的大小*/
+    //   background-size: 16px 16px;
+
+    //   /*将小箭头的样式去去掉*/
+    //   .el-icon-arrow-up:before {
+    //     content: '';
+    //   }
+    // }
 
-}
-
-// 修改下拉框样式
-#selected {
-  /*很关键：将默认的select选择框样式清除*/
-  //   appearance: none;
-  //   -moz-appearance: none;
-  //   -webkit-appearance: none;
-  //   /*为下拉小箭头留出一点位置，避免被文字覆盖*/
-  //   padding-right: 14px;
-  //   /*自定义图片*/
-  //   background: url("../images/search@2x.png") no-repeat scroll right center transparent;
-  //   /*自定义图片的大小*/
-  //   background-size: 16px 16px;
-
-  //   /*将小箭头的样式去去掉*/
-  //   .el-icon-arrow-up:before {
-  //     content: '';
-  //   }
-  // }
-
-}
+  }
 </style>
 
 <style scoped>
-.md-content>>>.el-form-item,
-.otherDialog>>>.el-form-item {
-  margin-bottom: 10px;
-}
-
-.md-content>>>.el-tabs--border-card>.el-tabs__content {
-  padding-bottom: 8px;
-}
-
-.md-content .md-auditInfo>>>.el-form-item {
-  margin-bottom: 0px;
-}
-
-.md-main>>>.el-form-item,
-.md-vice>>>.el-form-item,
-.od-msg>>>.el-form-item {
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.md-main>>>.el-form-item__label,
-.md-vice>>>.el-form-item__label,
-.od-msg>>>.el-form-item__label {
-  width: 40%;
-}
-
-.od-msg>>>.el-checkbox__input {
-  width: 15%;
-}
-
-.md-main>>>.el-form-item__content,
-.md-vice>>>.el-form-item__content,
-.od-msg>>>.el-form-item__content {
-  width: 60%;
-  box-sizing: border-box;
-  height: 36px;
-}
-
-.od-msg>>>.el-checkbox__label {
-  width: 85%;
-  box-sizing: border-box;
-}
-
-
-.od-msg-checkedbx>>>.el-form-item__content {
-  width: 80%;
-  box-sizing: border-box;
-}
-
-.od-msg-checkedbx>>>.el-checkbox {
-  width: 75%;
-  box-sizing: border-box;
-}
-
-.md-content>>>.el-form-item__label,
-.otherDialog>>>.el-form-item__label,
-.od-msg>>>.el-form-item__label,
-.od-msg>>>.el-checkbox__label {
-  font-weight: normal;
-  /* text-align: left;
-  width: 28%; */
-  white-space: nowrap;
-  /* IE6 需要定义宽度 */
-  overflow: hidden;
-
-  -o-text-overflow: ellipsis;
-  /* Opera */
-  text-overflow: ellipsis;
-  /* IE, Safari (WebKit) */
-  /* -moz-binding: url('ellipsis.xml#ellipsis'); */
-  /* Firefox */
-}
-
-.otherDialog>>>.el-form-item__label {
-  font-size: 12px;
-}
-
-.md-main>>>.material-table {
-  height: 100%;
-}
-
-.md-vice>>>.material-table {
-  height: 140px;
-  overflow-y: auto;
-  overflow-x: auto;
-}
-
->>>.referTree {
-  margin-top: 10px;
-}
-
-/* .md-main>>>.el-table .el-table__body {
-  height: calc(100vh - 300px);
-} */
-
-/* .otherDialog>>>.el-collapse-item__content {
-  padding-bottom: 12px;
-}
-
-.otherDialog>>>.el-dialog__body {
-  padding: 12px 20px;
-} */
+  .md-content >>> .el-form-item,
+  .otherDialog >>> .el-form-item {
+    margin-bottom: 10px;
+  }
+
+  .md-content >>> .el-tabs--border-card > .el-tabs__content {
+    padding-bottom: 8px;
+  }
+
+  .md-content .md-auditInfo >>> .el-form-item {
+    margin-bottom: 0px;
+  }
+
+  .md-main >>> .el-form-item,
+  .md-vice >>> .el-form-item,
+  .od-msg >>> .el-form-item {
+    width: 100%;
+    box-sizing: border-box;
+  }
+
+  .md-main >>> .el-form-item__label,
+  .md-vice >>> .el-form-item__label,
+  .od-msg >>> .el-form-item__label {
+    width: 40%;
+  }
+
+  .od-msg >>> .el-checkbox__input {
+    width: 15%;
+  }
+
+  .md-main >>> .el-form-item__content,
+  .md-vice >>> .el-form-item__content,
+  .od-msg >>> .el-form-item__content {
+    width: 60%;
+    box-sizing: border-box;
+    height: 36px;
+  }
+
+  .od-msg >>> .el-checkbox__label {
+    width: 85%;
+    box-sizing: border-box;
+  }
+
+
+  .od-msg-checkedbx >>> .el-form-item__content {
+    width: 80%;
+    box-sizing: border-box;
+  }
+
+  .od-msg-checkedbx >>> .el-checkbox {
+    width: 75%;
+    box-sizing: border-box;
+  }
+
+  .md-content >>> .el-form-item__label,
+  .otherDialog >>> .el-form-item__label,
+  .od-msg >>> .el-form-item__label,
+  .od-msg >>> .el-checkbox__label {
+    font-weight: normal;
+    /* text-align: left;
+    width: 28%; */
+    white-space: nowrap;
+    /* IE6 需要定义宽度 */
+    overflow: hidden;
+
+    -o-text-overflow: ellipsis;
+    /* Opera */
+    text-overflow: ellipsis;
+    /* IE, Safari (WebKit) */
+    /* -moz-binding: url('ellipsis.xml#ellipsis'); */
+    /* Firefox */
+  }
+
+  .otherDialog >>> .el-form-item__label {
+    font-size: 12px;
+  }
+
+  .md-main >>> .material-table {
+    height: 100%;
+  }
+
+  .md-vice >>> .material-table {
+    height: 140px;
+    overflow-y: auto;
+    overflow-x: auto;
+  }
+
+  >>> .referTree {
+    margin-top: 10px;
+  }
+
+  /* .md-main>>>.el-table .el-table__body {
+    height: calc(100vh - 300px);
+  } */
+
+  /* .otherDialog>>>.el-collapse-item__content {
+    padding-bottom: 12px;
+  }
+
+  .otherDialog>>>.el-dialog__body {
+    padding: 12px 20px;
+  } */
 </style>