From 538cb677c7cd304bc8a348c261c74694a06ec8e6 Mon Sep 17 00:00:00 2001
From: lxp <1928192722@qq.com>
Date: 星期六, 15 三月 2025 16:59:44 +0800
Subject: [PATCH] 统计图表 、 任务展示代码搬迁

---
 src/views/business/sample/index.vue |  733 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 729 insertions(+), 4 deletions(-)

diff --git a/src/views/business/sample/index.vue b/src/views/business/sample/index.vue
index 185a4c2..dbfd2b9 100644
--- a/src/views/business/sample/index.vue
+++ b/src/views/business/sample/index.vue
@@ -1,9 +1,734 @@
+<style scoped>
+  .title {
+    height: 60px;
+    line-height: 60px;
+  }
+
+  .search {
+    background-color: #fff;
+    height: 80px;
+    display: flex;
+    align-items: center;
+    position: relative;
+  }
+
+  .search_thing {
+    display: flex;
+    align-items: center;
+    height: 50px;
+  }
+
+  .search_label {
+    width: 90px;
+    font-size: 14px;
+    text-align: right;
+  }
+
+  .search_input {
+    width: calc(100% - 120px);
+  }
+
+  .table {
+    margin-top: 10px;
+    background-color: #fff;
+    width: calc(100% - 40px);
+    height: calc(100% - 60px - 80px - 10px - 40px);
+    padding: 20px;
+    overflow-y: auto;
+  }
+
+  .el-form-item {
+    margin-bottom: 16px;
+  }
+
+  .btns {
+    position: absolute;
+    right: 10px;
+    top: 25px;
+    display: flex;
+    align-items: center;
+    z-index: 9;
+  }
+
+  .tables {
+    width: 100%;
+    height: 100%;
+    border-bottom: none;
+  }
+
+  .tables th {
+    font-size: 14px;
+  }
+
+  .tables td {
+    font-size: 12px;
+    text-align: center;
+    vertical-align: top;
+    border-color: rgb(192, 191, 191) !important;
+    padding: 5px;
+    box-sizing: border-box;
+    height: 120px;
+  }
+
+  .tables ul {
+    list-style-type: none;
+  }
+
+  .tables ul li {
+    border-radius: 3px;
+    padding: 4px 10px;
+    box-sizing: border-box;
+    margin-bottom: 5px;
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: start;
+    color: #333333;
+    cursor: pointer;
+    overflow: hidden; /*瓒呭嚭閮ㄥ垎闅愯棌*/
+    white-space: nowrap; /*绂佹鎹㈣*/
+    text-overflow: ellipsis; /*鐪佺暐鍙�*/
+  }
+
+  .tables h4 {
+    color: #999999;
+    font-size: 14px;
+    font-weight: 400;
+    padding: 6px 0;
+  }
+
+  .tables i {
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    margin-right: 6px;
+  }
+
+  li:hover {
+    background: rgba(58, 123, 250, 0.18);
+  }
+
+  li:hover i {
+    background: #3A7BFA;
+  }
+
+  li:hover .num {
+    color: #3A7BFA;
+  }
+
+  .green {
+    background: #E0F6EA;
+  }
+
+  .green i {
+    background: #34BD66;
+  }
+
+  .green .num {
+    color: #34BD66;
+  }
+
+  .el-dialog {
+    position: relative;
+  }
+
+  .shaoma {
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    color: #3A7BFA;
+    position: absolute;
+    top: 23px;
+    right: 54px;
+    cursor: pointer;
+  }
+
+  .node_i {
+    color: orange;
+    font-size: 18px;
+  }
+
+  .custom-tree-node .el-button {
+    opacity: 0;
+  }
+
+  .custom-tree-node:hover .el-button {
+    opacity: 1;
+  }
+  >>>.el-loading-mask {
+    z-index: 10;
+  }
+</style>
+
 <template>
-  <div>鏍峰搧绠$悊</div>
+  <div class="sample bg-1">
+    <div style="width: 100%;height: 100%;" v-if="!isDetail">
+      <div>
+        <el-row class="title">
+          <el-col :span="12" style="padding-left: 20px;text-align: left;">鏍峰搧绠$悊</el-col>
+          <el-col :span="12" style="text-align: right;">
+            <el-button size="small" type="primary" @click="storageVisible=true">鍏ュ簱</el-button>
+            <el-button size="small" type="primary" @click="exportVisible=true">鍑哄簱</el-button>
+          </el-col>
+        </el-row>
+      </div>
+      <div class="search">
+        <div class="search_thing">
+          <div class="search_label">浠撳簱鍚嶇О锛�</div>
+          <div class="search_input">
+            <el-select v-model="entity.warehouseId" placeholder="閫夋嫨浠撳簱" size="small" @change="warehouseChange">
+              <el-option v-for="item in warehouse" :key="item.id" :label="item.name" :value="item.id">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="search_thing">
+          <div class="search_label">璐ф灦锛�</div>
+          <div class="search_input">
+            <el-select v-model="entity.shelfId" placeholder="閫夋嫨璐ф灦" size="small" @change="handleShelf">
+              <el-option v-for="item in shelf" :key="item.id" :label="item.name" :value="item.id">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="search_thing">
+          <div class="search_label">鏍峰搧缂栧彿锛�</div>
+          <div class="search_input">
+            <el-input placeholder="璇疯緭鍏ユ牱鍝佺紪鍙�" v-model="searchSampleCode" size="small">
+              <el-button slot="append" icon="el-icon-search" @click="handleSearch"></el-button>
+            </el-input>
+          </div>
+        </div>
+        <!-- <div class="search_thing" style="padding-left: 30px;">
+					<el-button size="small" @click="refresh()">閲� 缃�</el-button>
+					<el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
+				</div> -->
+        <div class="btns">
+          <el-button size="small" style="color:#3A7BFA" @click="keepVisible=true">缁存姢</el-button>
+          <el-button size="small" style="color:#3A7BFA" @click="warehouseVisible=true,isEdit=false">娣诲姞浠撳簱</el-button>
+          <el-button size="small" style="color:#3A7BFA" @click="shelvesVisible=true,isEdit=false"
+            :disabled="entity.warehouseId==null">娣诲姞璐ф灦</el-button>
+        </div>
+      </div>
+      <div class="table" v-loading="tableLoading">
+        <table border="1" class="tables" cellpadding="10" style="table-layout:fixed;" v-if="tableList.length>0">
+          <tbody>
+            <tr v-for="(item,index) in tableList" :key="index">
+              <td v-for="(m,i) in item" :key="i" class="content">
+                <h4 v-if="m.row!=undefined">{{ m.row }} - {{ m.col }}</h4>
+                <ul>
+                  <el-tooltip
+                  effect="dark"
+                  placement="top"
+                  v-for="(n,j) in m.samples"
+                  :key="j" :disabled="`${n.sample}${n.model}`.length<10">
+                    <div slot="content"><span>{{ n.sample }}</span>
+                      <span>&nbsp;({{ n.model }})&nbsp;[{{ n.sampleCode }}]</span></div>
+                    <li class="green"
+                      @click="handelDetail(n)">
+                      <i></i>
+                      <span>{{ n.sample }}</span>
+                      <span>&nbsp;({{ n.model }})&nbsp;[{{ n.sampleCode }}]</span>
+                      <!-- <span class="num">&nbsp;x{{ n.num }}</span> -->
+                    </li>
+                  </el-tooltip>
+                </ul>
+              </td>
+            </tr>
+            <tr>
+              <td v-for="(item,index) in rowList" :key="index" style="background: ghostwhite;height: 20px;">{{ item }}
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        <span v-else style="color: rgb(144, 147, 153);display: inline-block;position: absolute;top: 60%;left: 50%;transform: translate(-50%,-50%);">鏆傛棤鏁版嵁</span>
+      </div>
+    </div>
+    <Detail v-else @hanldeBack="isDetail=false" :id="currentId" />
+    <el-dialog title="鏍峰搧鍏ュ簱" :visible.sync="storageVisible" width="350px">
+      <el-row>
+        <el-col class="search_thing" :span="24">
+          <div class="search_label"><span class="required-span">* </span>鏍峰搧缂栧彿锛�</div>
+          <div class="search_input">
+            <el-input v-model="sampleCode" size="small"></el-input>
+          </div>
+        </el-col>
+      </el-row>
+      <el-tree :data="storageList" ref="tree" :props="{ children: 'warehouseShelfList', label: 'name' }" node-key="id"
+        :filter-node-method="filterNode" @node-click="handleNodeClick" highlight-current @node-expand="nodeOpen"
+        @node-collapse="nodeClose" :default-expanded-keys="expandedKeys" v-if="storageVisible"
+        empty-text="鏆傛棤鏁版嵁">
+        <div class="custom-tree-node" slot-scope="{ node, data }">
+          <el-row>
+            <el-col :span="24">
+              <span><i
+                  :class="`node_i ${data.warehouseShelfList != undefined ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i>
+                {{ data.name }}</span>
+            </el-col>
+          </el-row>
+        </div>
+      </el-tree>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="storageVisible = false">鍙� 娑�</el-button>
+        <el-button type="primary" @click="confirmStorage" :loading="upLoadStorage">纭� 瀹�</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog title="鏍峰搧鍑哄簱" :visible.sync="exportVisible" width="350px">
+
+      <el-row>
+        <el-col class="search_thing" :span="24">
+          <div class="search_label"><span class="required-span">* </span>鏍峰搧缂栧彿锛�</div>
+          <div class="search_input">
+            <el-input v-model="sampleCode" size="small"></el-input>
+          </div>
+        </el-col>
+      </el-row>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="exportVisible = false">鍙� 娑�</el-button>
+        <el-button type="primary" @click="confirmExport" :loading="upLoadExport">纭� 瀹�</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog title="搴撲綅缁存姢" :visible.sync="keepVisible" width="350px" :append-to-body="true">
+      <el-tree :data="warehouse" ref="tree" :props="{ children: 'warehouseShelfList', label: 'name' }" node-key="id"
+        :filter-node-method="filterNode" @node-click="handleNodeClick" highlight-current @node-expand="nodeOpen"
+        @node-collapse="nodeClose" :default-expanded-keys="expandedKeys" v-if="keepVisible"
+        empty-text="鏆傛棤鏁版嵁">
+        <div class="custom-tree-node" style="width: 100%;" slot-scope="{ node, data }">
+          <el-row style="width: 100%;display: flex;align-items: center;">
+            <el-col :span="20">
+              <span><i
+                  :class="`node_i ${node.level<2 ? 'el-icon-folder-opened': 'el-icon-tickets'}`"></i>
+                {{ data.name }}</span>
+            </el-col>
+            <el-col :span="4" v-if="node.level<3">
+              <el-button type="text" size="mini" icon="el-icon-edit" @click.stop="handleEdit(data,node.level)">
+              </el-button>
+              <el-button type="text" size="mini" icon="el-icon-delete" @click.stop="handleDelete(data,node.level)">
+              </el-button>
+            </el-col>
+          </el-row>
+        </div>
+      </el-tree>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="keepVisible = false">鍙� 娑�</el-button>
+        <el-button type="primary" @click="keepVisible = false" >纭� 瀹�</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog :title="isEdit?'浠撳簱淇敼':'浠撳簱鏂板'" :visible.sync="warehouseVisible" width="350px">
+      <el-row>
+        <el-col class="search_thing" :span="24">
+          <div class="search_label"><span class="required-span">* </span>浠撳簱鍚嶇О锛�</div>
+          <div class="search_input">
+            <el-input v-model="name" size="small" @keyup.enter.native="confirmWarehouse"></el-input>
+          </div>
+        </el-col>
+      </el-row>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="warehouseVisible = false">鍙� 娑�</el-button>
+        <el-button type="primary" @click="confirmWarehouse" :loading="upLoadWarehouse">纭� 瀹�</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog :title="isEdit?'璐ф灦淇敼':'璐ф灦鏂板'" :visible.sync="shelvesVisible" width="350px">
+      <el-row>
+        <el-col class="search_thing" :span="24">
+          <div class="search_label"><span class="required-span">* </span>璐ф灦鍚嶇О锛�</div>
+          <div class="search_input">
+            <el-input v-model="shelves.name" size="small"></el-input>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col class="search_thing" :span="24">
+          <div class="search_label"><span class="required-span">* </span>璐ф灦灞傛暟锛�</div>
+          <div class="search_input">
+            <el-input v-model="shelves.row" size="small"></el-input>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col class="search_thing" :span="24">
+          <div class="search_label"><span class="required-span">* </span>璐ф灦鍒楁暟锛�</div>
+          <div class="search_input">
+            <el-input v-model="shelves.col" size="small"></el-input>
+          </div>
+        </el-col>
+      </el-row>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="shelvesVisible = false">鍙� 娑�</el-button>
+        <el-button type="primary" @click="confirmShelves" :loading="upLoadShelves">纭� 瀹�</el-button>
+      </span>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-export default {};
+import {
+  selectWarehouse,
+  selectStandardTreeList,
+  inWarehouse,
+  outWarehouse,
+  upWarehouse,
+  addWarehouse,
+  upShelf,
+  addShelf,
+  delWarehouse,
+  delShelf,
+  searchSampleId,
+  getWarehouse
+} from "../../../api/business/sample";
+  import Detail from '../sample/detail.vue'
+  export default {
+    components: {
+      Detail
+    },
+    data() {
+      return {
+        entity: {
+          warehouseId: null,
+          shelfId: null
+        },
+        warehouse: [],
+        shelf: [],
+        storageList:[],
+        storageVisible: false,
+        exportVisible: false,
+        keepVisible: false,
+        warehouseVisible: false,
+        shelvesVisible: false,
+        upLoadStorage: false,
+        upLoadExport: false,
+        upLoadWarehouse: false,
+        upLoadShelves: false,
+        tableList: [],
+        rowList: [],
+        value: '',
+        name:'',
+        shelves:{},
+        selectTree: [],
+        expandedKeys: [],
+        isEdit: false, //寮规--鏄惁鏄慨鏀�,榛樿涓篺alse
+        isDetail: false, //璇︽儏--鏄惁灞曠ず涓鸿鎯呴〉闈紝榛樿涓篺alse
+        currentEdit:null,//褰撳墠瑕佺淮鎶ょ殑淇℃伅
+        tableLoading:false,
+        sampleCode:'',
+        currentId:null,
+        searchSampleCode:''
+      }
+    },
+    mounted() {
+      this.selectList()
+    },
+    methods: {
+      selectList() {
+        selectWarehouse().then(res => {
+          this.warehouse = res.data
+          if(res.data.length==0){
+            this.entity.warehouseId = '';
+            this.entity.shelfId = '';
+            this.tableList = []
+          }
+          this.storageList = this.HaveJson(res.data).map(item=>{
+            item.warehouseShelfList&&item.warehouseShelfList.length>0&&item.warehouseShelfList.map(m=>{
+              let warehouseShelfList = [];
+              for (let i=1;i<m.row+1;i++){
+                let warehouseShelfList0 = []
+                for (let j=1;j<m.col+1;j++){
+                  warehouseShelfList0.push({
+                    name:j+' 鍒�',
+                    id:j,
+                  })
+                }
+                warehouseShelfList.push({
+                  name:i+' 灞�',
+                  id:i,
+                  warehouseShelfList:warehouseShelfList0
+                })
+              }
+              m.warehouseShelfList = warehouseShelfList;
+              return m;
+            })
+            return item;
+          })
+          if(!this.entity.warehouseId&&this.warehouse.length>0){
+            this.entity.warehouseId = this.warehouse[0].id
+            this.warehouseChange(this.entity.warehouseId)
+            if(this.shelf.length>0){
+              this.entity.shelfId = this.shelf[0].id
+              this.handleShelf(this.entity.shelfId)
+            }else{
+              this.tableList = []
+            }
+          }else if(this.warehouse.length>0){
+            this.warehouseChange(this.entity.warehouseId)
+            if(this.shelf.length>0){
+              this.entity.shelfId = this.shelf[0].id
+              this.handleShelf(this.entity.shelfId)
+            }else{
+              this.tableList = []
+            }
+          }
+        })
+      },
+      selectStandardTreeList() {
+        selectStandardTreeList().then(res => {
+          this.list = res.data
+          this.list.forEach(a => {
+            a.children.forEach(b => {
+              this.expandedKeys.push(b.label)
+            })
+          })
+        })
+      },
+      // 鍏ュ簱
+      confirmStorage() {
+        if (!this.sampleCode) {
+          this.$message.error('璇峰~鍐欐牱鍝佺紪鍙�')
+          return
+        }
+        if (this.selectTree.length < 4) {
+          this.$message.error('璇烽�夋嫨鏍峰搧鍏ュ簱浣嶇疆')
+          return
+        }
+        this.upLoadStorage = true;
+          inWarehouse({trees: this.selectTree.join('-'),sampleCode:this.sampleCode}).then(res => {
+            this.upLoadStorage = false;
+            this.storageVisible = false
+            this.sampleCode = '';
+            this.selectTree = []
+            if (res.code == 201) {
+              this.$message.error('鍏ュ簱澶辫触')
+              return
+            }
+            this.$message.success('鍏ュ簱鎴愬姛')
+            this.handleShelf(this.entity.shelfId)
+          })
+      },
+      // 鍑哄簱
+      confirmExport() {
+        if (!this.sampleCode) {
+          this.$message.error('璇峰~鍐欐牱鍝佺紪鍙�')
+          return
+        }
+        this.upLoadExport = true;
+          outWarehouse({ sampleCode:this.sampleCode}).then(res => {
+            this.upLoadExport = false;
+            this.exportVisible = false
+            this.sampleCode = '';
+            if (res.code == 201) {
+              this.$message.error('鍑哄簱澶辫触')
+              return
+            }
+            this.$message.success('鍑哄簱鎴愬姛')
+            this.handleShelf(this.entity.shelfId)
+          })
+      },
+      // 娣诲姞/淇敼浠撳簱
+      confirmWarehouse() {
+        if (!this.name) {
+          this.$message.error('璇峰~鍐欎粨搴撳悕绉�')
+          return
+        }
+        this.upLoadWarehouse = true;
+        if(this.currentEdit&&this.currentEdit.id){
+          // 淇敼浠撳簱
+        upWarehouse({name: this.name,id:this.currentEdit.id}).then(res => {
+            this.upLoadWarehouse = false;
+            this.warehouseVisible = false
+            // this.keepVisible = false
+            this.currentEdit = null;
+            if (res.code == 201) {
+              this.$message.error('淇敼澶辫触')
+              return
+            }
+            this.$message.success('淇敼鎴愬姛')
+            this.selectList()
+            this.name = ''
+            this.warehouseChange(this.entity.warehouseId)
+          })
+        }else{
+          // 鏂板浠撳簱
+          addWarehouse({name:this.name}).then(res => {
+            this.upLoadWarehouse = false;
+            this.warehouseVisible = false
+            if (res.code == 201) {
+              this.$message.error('娣诲姞澶辫触')
+              return
+            }
+            this.$message.success('娣诲姞鎴愬姛')
+            this.selectList()
+            this.name = ''
+            this.warehouseChange(this.entity.warehouseId)
+          })
+        }
+      },
+      // 娣诲姞/淇敼璐ф灦
+      confirmShelves() {
+        if (!this.shelves.name) {
+          this.$message.error('璇峰~鍐欒揣鏋跺悕绉�')
+          return
+        }
+        if (!this.shelves.row) {
+          this.$message.error('璇峰~鍐欒揣鏋跺眰鏁�')
+          return
+        }
+        if (!this.shelves.col) {
+          this.$message.error('璇峰~鍐欒揣鏋跺垪鏁�')
+          return
+        }
+        this.upLoadShelves = true;
+        if(this.currentEdit&&this.currentEdit.id){
+          // 淇敼
+        upShelf({id:this.currentEdit.id,...this.shelves}).then(res => {
+            this.upLoadShelves = false;
+            this.shelvesVisible = false
+            // this.keepVisible = false
+            if (res.code == 201) {
+              this.$message.error('淇敼澶辫触')
+              return
+            }
+            this.$message.success('淇敼鎴愬姛')
+            this.selectList()
+            this.currentEdit ={};
+          })
+        }else{
+          // 鏂板
+        addShelf({ warehouseId: this.entity.warehouseId,...this.shelves}).then(res => {
+            this.upLoadShelves = false;
+            this.shelvesVisible = false
+            if (res.code == 201) {
+              this.$message.error('娣诲姞澶辫触')
+              return
+            }
+            this.$message.success('娣诲姞鎴愬姛')
+            this.selectList()
+            this.shelves = {}
+          })
+        }
+        this.warehouseChange(this.entity.warehouseId)
+      },
+      filterNode(value, data) {
+        if (!value) return true;
+        return data.label.indexOf(value) !== -1;
+      },
+      handleNodeClick(val, node, el) { //鏍戠殑鍊�
+        this.selectTree[node.level-1] = val.id;
+      },
+      nodeOpen(data, node, el) {
+        $($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder-opened')
+        this.selectTree[node.level-1] = data.id;
+      },
+      nodeClose(data, node, el) {
+        $($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder')
+      },
+      handleDelete(row, level) {
+        this.$confirm('鏄惁褰撳墠鏁版嵁?', "璀﹀憡", {
+          confirmButtonText: "纭畾",
+          cancelButtonText: "鍙栨秷",
+          type: "warning"
+        }).then(() => {
+          if (level == 1) {
+            // 鍒犻櫎浠撳簱
+            delWarehouse({id:row.id}).then(res => {
+              if (res.code === 201) {
+                return
+              }
+              this.$message.success('鎴愬姛')
+              this.selectList()
+            }).catch(e => {
+              this.$message.error('澶辫触')
+            })
+          }else{
+            // 鍒犻櫎璐ф灦
+            delShelf({id:row.id}).then(res => {
+              if (res.code === 201) {
+                return
+              }
+              this.$message.success('鎴愬姛')
+              this.selectList()
+            }).catch(e => {
+              this.$message.error('澶辫触')
+            })
+          }
+          this.warehouseChange(this.entity.warehouseId)
+        }).catch(() => {})
+      },
+      handleEdit(data, level) {
+        this.isEdit = true;
+        // 鍒ゆ柇鏄鍑犲眰绾э紝绗竴灞傜骇锛屼慨鏀逛粨搴擄紝绗簩灞傜骇淇敼璐ф灦
+        if (level == 1) {
+          this.warehouseVisible = true;
+          this.currentEdit = data;
+          this.name = data.name
+        } else {
+          this.shelvesVisible = true;
+          this.currentEdit = data;
+          this.shelves = {
+            name:data.name,
+            row:data.row,
+            col:data.col,
+            warehouseId:data.warehouseId
+          }
+        }
+      },
+      // 鏌ョ湅璇︽儏
+      handelDetail(row) {
+        this.currentId = row.id;
+        this.isDetail = true;
+      },
+      warehouseChange(val) {
+        this.tableList = []
+        let map = this.warehouse.find(a => {
+          return a.id === val ? a : null
+        })
+        this.shelf = map.warehouseShelfList;
+        this.entity.shelfId = '';
+      },
+      handleShelf(e){
+        if(e){
+          this.tableLoading = true;
+          getWarehouse({shelfId:e}).then(res => {
+            this.tableLoading = false;
+            let data = res.data;
+            let set =new Set()
+            this.tableList = [];
+            let arr = []
+            data.forEach(m=>{
+              set.add(m.col)
+              if(arr.length>0){
+                if(arr.find(n=>n.row==m.row)){
+                  arr.push(m)
+                }else{
+                  this.tableList.push(arr)
+                  arr = []
+                  arr.push(m)
+                }
+              }else{
+                arr.push(m)
+              }
+            })
+            this.tableList.push(arr)
+            this.rowList = [];
+            for(let i=0;i<set.size;i++){
+              this.rowList.push(`${i+1} 鍒梎)
+            }
+          }).catch(e=>{
+            this.tableLoading = false;
+          })
+        }
+      },
+      handleSearch(){
+        if(!this.searchSampleCode){
+          this.$message.error('璇疯緭鍏ユ牱鍝佺紪鍙�')
+          return;
+        }
+          searchSampleId({sampleCode: this.searchSampleCode}).then(res => {
+            if(res.code==200){
+              this.currentId = res.data;
+              this.isDetail = true;
+            }
+          })
+      }
+    }
+  }
 </script>
-
-<style></style>

--
Gitblit v1.9.3