From d3a278836dea72b9a8b845303b4fa8fb728478aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E5=93=B2=E5=A5=87?= <13840175730@139.com>
Date: Tue, 24 Dec 2024 16:58:20 +0800
Subject: [PATCH] =?UTF-8?q?1.=E5=8F=96=E6=B6=88=E6=9C=88=E5=BA=A6=E8=AE=A1?=
 =?UTF-8?q?=E5=88=92=E5=AE=A1=E6=A0=B8=E7=94=9F=E6=88=90=E5=B7=A5=E5=8D=95?=
 =?UTF-8?q?=E5=8F=B7=202.=E4=BC=98=E5=8C=96=E5=A4=84=E7=90=86=E7=BB=93?=
 =?UTF-8?q?=E6=9E=9C=E6=98=BE=E7=A4=BA=203.=E4=BF=AE=E5=A4=8D=E5=88=92?=
 =?UTF-8?q?=E7=BA=BF=E3=80=81=E5=88=87=E5=89=B2=E6=8A=A5=E5=B7=A5=E6=9C=AA?=
 =?UTF-8?q?=E6=A0=B9=E6=8D=AE=E4=BD=9C=E4=B8=9A=E5=8C=BA=E8=8E=B7=E5=8F=96?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=9A=84bug=204.=E5=A2=9E=E5=8A=A0=E4=BD=9C?=
 =?UTF-8?q?=E4=B8=9A=E8=AE=A1=E5=88=92=E4=BD=9C=E4=B8=9A=E5=8C=BA=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E5=8A=9F=E8=83=BD=205.=E8=B0=83=E6=95=B4=E4=B8=8A?=
 =?UTF-8?q?=E6=96=99=E6=91=86=E6=94=BE=E5=8C=BA=E5=9F=9F=E5=8F=AF=E6=8B=96?=
 =?UTF-8?q?=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/jhzxgl/ycldw.js                       |  17 +
 src/api/jhzxgl/ydjh.js                        |   9 +
 src/views/jhzx/ydjhzxGL.vue                   |  41 ++-
 src/views/jhzxgl/ycldw/ycldw.vue              | 305 ++++++++++++++++++
 src/views/zyjhzx/components/SliaoSearch.vue   |  17 +-
 src/views/zyjhzx/components/search.js         |  11 +
 src/views/zyjhzx/hxianfkui/comps/HxianPgd.vue |   4 +-
 src/views/zyjhzx/qgefkui/comps/QgePgd.vue     |   4 +-
 src/views/zyjhzx/sliao/comps/baifang.js       |  70 ++--
 9 files changed, 433 insertions(+), 45 deletions(-)
 create mode 100644 src/api/jhzxgl/ycldw.js
 create mode 100644 src/api/jhzxgl/ydjh.js
 create mode 100644 src/views/jhzxgl/ycldw/ycldw.vue

diff --git a/src/api/jhzxgl/ycldw.js b/src/api/jhzxgl/ycldw.js
new file mode 100644
index 0000000..f83678b
--- /dev/null
+++ b/src/api/jhzxgl/ycldw.js
@@ -0,0 +1,17 @@
+import request from "@/utils/request";
+
+export function ycldwcx(data) {
+  return request({
+    url: "/ycldw/list",
+    method: "post",
+    data,
+  });
+}
+
+export function ycldwUpdate(data) {
+  return request({
+    url: "/ycldw/submit",
+    method: "post",
+    data,
+  });
+}
diff --git a/src/api/jhzxgl/ydjh.js b/src/api/jhzxgl/ydjh.js
new file mode 100644
index 0000000..04cb99b
--- /dev/null
+++ b/src/api/jhzxgl/ydjh.js
@@ -0,0 +1,9 @@
+import request from "@/utils/request";
+
+export function editZyq(data) {
+  return request({
+    url: "/dmYdjh/editZyq",
+    method: "post",
+    data,
+  });
+}
diff --git a/src/views/jhzx/ydjhzxGL.vue b/src/views/jhzx/ydjhzxGL.vue
index 0396ae1..ddd3153 100644
--- a/src/views/jhzx/ydjhzxGL.vue
+++ b/src/views/jhzx/ydjhzxGL.vue
@@ -90,6 +90,7 @@ import XEUtils from 'xe-utils'
 import { getToken } from '@/utils/auth'
 import ScrollPane from "@/layout/components/TagsView/ScrollPane.vue";
 import {bgControl} from "@/api/zyjh";
+import {editZyq} from "@/api/jhzxgl/ydjh";
 
 export default {
   name:'YdjhzxGL',
@@ -114,6 +115,11 @@ export default {
         yf:'',
         zt: '0'
       },
+      zyqList:[
+        {label:'二区',value:'FP2Q'},
+        {label:'三区',value:'FP3Q'},
+        {label:'四区',value:'FP4Q'},
+      ],
       list: [],
       list2: [],
       list3: [],
@@ -137,22 +143,22 @@ export default {
         // { field: 'dcCh1', title: '目标船号',width: 90,
         //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
         //   filterRender: { name: 'FilterCombination', }},//数据来源船，真实数据时，为空
-        { field: 'dcPl', title: '批量',width: 80,
+        { field: 'dcPl', title: '批量',width: 60,
           filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
           filterRender: { name: 'FilterCombination', }},
-        { field: 'dcFd', title: '分段号',width: 100,
+        { field: 'dcFd', title: '分段号',width: 60,
           filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
           filterRender: { name: 'FilterCombination', }},
-        { field: 'zl', title: '组立',width: 80,formatter: ['dictFormat','ZLLB'],
+        { field: 'zl', title: '组立',width: 70,formatter: ['dictFormat','ZLLB'],
           filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
           filterRender: { name: 'FilterCombination', }},
         { field: 'kw', title: '跨位',width: 80,formatter: ['dictFormat','QGKW'],
           filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
           filterRender: { name: 'FilterCombination', }},
-        { field: 'tzbh', title: '套料图号',width: 90,
+        { field: 'tzbh', title: '套料图号',width: 70,
           filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
           filterRender: { name: 'FilterCombination', }},
-        { field: 'ylbs', title: '余料',width: 90,
+        { field: 'ylbs', title: '余料',width: 80,
           filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
           filterRender: { name: 'FilterCombination', }},
         { field: 'jssj', title: '前方需求时间',width: 110,
@@ -178,6 +184,11 @@ export default {
           filterRender: { name: 'FilterCombination', },
           editRender:{ name: '$input', props: { type: 'date',labelFormat:"yyyy/MM/dd",valueFormat:"yyyy/MM/dd" }}
         },
+        { field: 'zyq', title: '作业区',width: 100,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+          editRender:{ name: '$select', options:[],events:{change:this.zyqChange,}},
+        },
         { field: 'lqlb', title: '领取类型',width: 90,formatter: ['dictFormat','CLlQ'],
           filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
           filterRender: { name: 'FilterCombination', }},
@@ -737,6 +748,22 @@ export default {
     this.initBase()
   },
   methods: {
+    zyqChange({row}){
+      for (const item of this.zyqList) {
+        if(item.value===row.zyq){
+          row.zyq1=item.label
+          const data={
+            id:row.id,
+            zyq:row.zyq,
+            zyq1:item.label
+          }
+          editZyq(data).then(res=>{
+            this.$message.success('处理成功')
+          })
+          break
+        }
+      }
+    },
     bgControlChange(val){
       bgControl({gx:val})
     },
@@ -858,11 +885,12 @@ export default {
         return
       }
       getYdjh(this.queryParam).then((res) => {
+        const zyqColumn=this.$refs.xGrid.getColumnByField('zyq')
+        zyqColumn.editRender.options=this.zyqList
         this.list = res.data
         if (this.$refs.xGrid) {
           this.$refs.xGrid.loadData(this.list)
         }
-
       })
       this.activeName='first'
     },
@@ -873,7 +901,6 @@ export default {
       this.height = window.innerHeight - 190
     },
     rowClassName({ row, rowIndex ,column}){
-      console.log(row.color)
       if(row.color==='red'){
         return 'row-red'
       }else if(row.color==='yellow'){
diff --git a/src/views/jhzxgl/ycldw/ycldw.vue b/src/views/jhzxgl/ycldw/ycldw.vue
new file mode 100644
index 0000000..f65baf5
--- /dev/null
+++ b/src/views/jhzxgl/ycldw/ycldw.vue
@@ -0,0 +1,305 @@
+<template>
+  <!--  <el-dialog title="收货地址" :visible.sync="dialogFormVisible">-->
+  <el-container>
+    <el-header style="width: 100%; height: 80px;font-size: 12px">
+
+      <el-form :inline="true"  label-width="65px"  label-position="left">
+        <el-row>
+          <el-col :span="22">
+
+          </el-col>
+          <el-col :span="2">
+            <el-form-item style="float: right" >
+              <el-button type="success" @click="initList">查询</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="14"></el-col>
+          <el-col :span="10" >
+            <el-form-item style="float: right" >
+              <el-button
+                type="success"
+                @click="toolbarButtonClickEvent('save')"
+              >保存</el-button>
+              <el-button type="success" @click="toolbarButtonClickEvent('insert')">添加</el-button>
+              <el-button
+                type="danger"
+                @click="toolbarButtonClickEvent('delete')"
+              >删除
+              </el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-header>
+    <el-container  style="padding-top: 0px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="xGrid"
+              border
+              resizable
+              keep-source
+              :align="'center'"
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              highlight-current-row
+              :data="list"
+              :custom-config="{ storage: true }"
+              :edit-config="{ trigger: 'click', mode: 'cell', showStatus: true}"
+              highlight-hover-row
+              :scroll-y="{enabled: true}"
+              show-overflow
+              show-header-overflow
+            />
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import {getPgdBase,} from '@/api/jhzxgl/pgd'
+import { mapGetters } from 'vuex'
+import {ycldwcx, ycldwUpdate} from "@/api/jhzxgl/ycldw";
+export default {
+  name:'Ycldw',
+  data() {
+    return {
+      queryParam: {
+        dcCh:'',
+      },
+      inParam:{
+        rqfw:'',
+        zt:""
+      },
+      list: [],
+      deptList: [],
+      clickList: [],
+      projectData:[],
+      projectColumns: [
+        {field: 'cbbm', title: '船号',width: 110},
+        { field: 'wgbs', title: '完工标识', width: 80,
+          slots:{
+            default: 'wgbsEdit'
+          },
+        },
+      ],
+      dictData:{},
+      height: '500px',
+      tableColumn: [
+        { type: 'checkbox', width: 50 },
+        { type: 'seq', width: 40, title: '序号' },
+        {
+          field: 'kw',
+          title: '所属垮位',editRender: { name: 'input' },
+          width: 120,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' }
+        },
+        {
+          field: 'name',
+          title: '垛位名称',editRender: { name: 'input' },
+          width: 120,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' }
+        },
+      ]
+    }
+  },
+  computed: {
+    ...mapGetters(['name', 'bmbm','apbm'])
+  },
+  created() {
+    window.addEventListener('resize', this.getHeight)
+    this.getHeight()
+    this.initBase()
+  },
+  methods: {
+    cellClickEvent({row}) {
+      this.queryParam.dcCh = row.cbbm
+      this.$refs.xDown4.hidePanel()
+    },
+    focusEvent4() {
+      this.$refs.xDown4.showPanel()
+    },
+    keyupEvent4() {
+      if (this.queryParam.dcCh) {
+        this.projectData = this.projectData1.filter(row => row.cbbm.indexOf(this.queryParam.dcCh.toUpperCase()) > -1)
+      } else {
+        this.projectData = this.projectData1.slice(0)
+      }
+
+    },
+
+    initBase(){
+      getPgdBase({}).then(res=>{
+        this.dictData = res.data
+        this.dictData = res.data
+        this.projectData=res.data.cbbm
+        this.projectData1=res.data.cbbm
+        const select=this.$refs.xGrid.getColumnByField('dcCh')
+        const chList=[]
+        res.data.cbbm.forEach(item=>{
+          const data={
+            label:item.cbbm,
+            value:item.cbbm
+          }
+          chList.push(data)
+        })
+        select.editRender.options=chList
+
+        const sldw = this.$refs.xGrid.getColumnByField('kw')
+        sldw.editRender.options = this.dictData.qgkw
+      })
+    },
+    initList() {
+      ycldwcx(this.queryParam).then((res) => {
+        this.list = res.data
+      })
+    },
+    getHeight() {
+      this.height = window.innerHeight - 190
+    },
+    toolbarButtonClickEvent(code) {
+      const {
+        insertRecords,
+        removeRecords,
+        updateRecords
+      } = this.$refs.xGrid.getRecordset()
+      switch (code) {
+        case 'insert':
+          this.$refs.xGrid.insertAt({
+
+          }, -1).then(({ row }) => {
+            this.$refs.xGrid.setActiveRow(row)
+          })
+          break
+        case 'delete':
+          this.$confirm('删除, 是否继续?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }).then((type) => {
+            this.$refs.xGrid.removeCheckboxRow()
+          })
+          break
+        case 'save':
+          if (removeRecords.length !== 0) {
+            ycldwUpdate({"remove":removeRecords}).then((response) => {
+              if (response.success) {
+                for (let i = 0; i < this.list.length; i++) {
+                  if (removeRecords.indexOf(this.list[i]) !== -1) {
+                    this.list.splice(i, 1)
+                    i--
+                  }
+                }
+                this.$message({ message: '保存成功！', type: 'success' })
+                const xTable = this.$refs.xGrid
+                xTable.loadData(this.initList())
+
+              }
+            })
+          }
+
+          if (updateRecords.length !== 0) {
+            ycldwUpdate({"edit":updateRecords}).then((response) => {
+              if (response.success) {
+                const xTable = this.$refs.xGrid
+                xTable.loadData(this.initList())
+                this.$message({message: '保存成功！', type: 'success'})
+              }
+            })
+          }
+          if (insertRecords.length !== 0) {
+            ycldwUpdate({"add":insertRecords}).then((response) => {
+              if (response.success) {
+                this.list = this.list.concat(insertRecords)
+                const xTable = this.$refs.xGrid
+                xTable.loadData(this.initList())
+                this.$message({ message: '保存成功！', type: 'success' })
+              }
+            })
+          }
+          this.$message(
+            `新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
+          )
+          this.clickList = []
+          break
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped >
+
+.el-header{margin:0;padding: 5px;height:auto;
+  .el-input{
+    width: 140px;
+  }
+  .el-select{
+    width: 140px;
+  }
+
+}
+.el-container{padding: 0;margin:0;}
+.el-main{padding: 0;}
+.el-col{padding: 0;height: 32px;}
+.el-aside{background: #fff;padding: 0}
+.el-container{padding: 0}
+.el-row {}
+.el-row:last-child {margin-bottom: 0; }
+
+.tableStyles{
+  background: #0a76a4;
+}
+
+.my-dropdown {
+  width: 400px;
+  height: 400px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+
+}
+.mytable1{
+
+}
+.borderClass{
+
+}
+.vxe-input {
+  display: inline-block !important;
+  position: relative !important;
+  width: auto;
+}
+.el-input {
+  display: inline-block !important;
+  position: relative !important;
+  width: auto;
+}
+.keyword-lighten {
+  color: #000;
+  background-color: #FFFF00;
+}
+
+.vxe-textarea--inner {
+  line-height: inherit;
+}
+.el-form-item__label-wrap {
+  margin-left: 0px !important;
+  float: left;
+}
+.fontClass{
+  font-size: 12px;
+  font-weight: bold;
+}
+
+
+</style>
diff --git a/src/views/zyjhzx/components/SliaoSearch.vue b/src/views/zyjhzx/components/SliaoSearch.vue
index 264d7b0..64c6fc3 100644
--- a/src/views/zyjhzx/components/SliaoSearch.vue
+++ b/src/views/zyjhzx/components/SliaoSearch.vue
@@ -3,6 +3,7 @@
     <ProjectSelect ref="projectSelectRef" clearable :_style="{width:'115px'}"/>
     <VxeInput v-model="queryParam.dcPl" clearable placeholder="请输入批量"/>
     <VxeInput v-model="queryParam.sllsh" clearable placeholder="单据号"/>
+    <VxeSelect v-model="queryParam.zylx" ref="gylxSelectRef" clearable :options="zylx" :style="{width:'110px'}" placeholder="选择流向"/>
     <VxeInput v-if="ljbs" v-model="queryParam.fd" clearable placeholder="请输入分段"/>
     <VxeButton status="primary" content="查询" @click="search" />
     <VxeSelect v-if="ljbs" v-model="gylxSelectData" ref="gylxSelectRef" clearable :options="gylx" placeholder="选择工艺路线"/>
@@ -15,6 +16,7 @@
 </template>
 <script>
 import ProjectSelect from "@/components/ProjectSelect/index.vue";
+import {dict} from "@/api/zyjh";
 
 export default {
   name:'SliaoSearch',
@@ -40,9 +42,11 @@ export default {
         dcCh:'',
         dcPl:'',
         dcFd:'',
-        sllsh:''
+        sllsh:'',
+        zylx:'',
       },
       gylxSelectData:'',
+      zylx:[],
       gylx:[
         {label:'坡口',value:['pkbs']},
         {label:'打磨',value:['dmbs']},
@@ -60,8 +64,19 @@ export default {
     this.sgry=this.$props.workers.map(item=>{
       return {label:item.userName,value:item.userCode}
     })
+    this.initZylxBm()
   },
   methods:{
+    initZylxBm(){
+      dict({bmlb:'ZYLX'}).then(res=>{
+        const zylx=[]
+        res.data.forEach(item=>{
+          const data={label:item.bmsm,value:item.bm}
+          zylx.push(data)
+        })
+        this.zylx=zylx
+      })
+    },
     plGylx(){
       this.$emit('plGylx',this.gylxSelectData,this.worker)
     },
diff --git a/src/views/zyjhzx/components/search.js b/src/views/zyjhzx/components/search.js
index b6bca9b..5c15195 100644
--- a/src/views/zyjhzx/components/search.js
+++ b/src/views/zyjhzx/components/search.js
@@ -37,6 +37,17 @@ const search=function (){
   })
   group.add(fdRect)
 
+  const lxRect=new Konva.Rect({
+    x: 345,
+    y: 0,
+    fill:'#ffffff',
+    width: 100,
+    height:20,
+    stroke:'white',
+    strokeWidth:1,
+  })
+  group.add(lxRect)
+
   // const sljhrqRect=new Konva.Rect({
   //   x: 345,
   //   y: 0,
diff --git a/src/views/zyjhzx/hxianfkui/comps/HxianPgd.vue b/src/views/zyjhzx/hxianfkui/comps/HxianPgd.vue
index 2f08fb4..746b1bd 100644
--- a/src/views/zyjhzx/hxianfkui/comps/HxianPgd.vue
+++ b/src/views/zyjhzx/hxianfkui/comps/HxianPgd.vue
@@ -29,6 +29,7 @@ export default {
       gridOptions:{},
       list:{},
       setExt:null,
+      zyq:null,
     }
   },
   sockets:{
@@ -72,6 +73,7 @@ export default {
     this.setExt=setExt
     this.gridOptions=options
     this.gridOptions.columns=columns
+    this.zyq=this.$route.query.zyq
   },
   methods:{
     checkboxAll({checked}) {
@@ -161,7 +163,7 @@ export default {
       getDw({type:'llj'}).then(res=>{
         this.gridOptions.ycldw=res.data
         getForemanByWorker({worker:worker}).then(res=>{
-          getYdjhByZtOrForeman({foreman:res.data.userCode,zt:zt,field:'hxpgry'}).then(res=>{
+          getYdjhByZtOrForeman({foreman:res.data.userCode,zt:zt,field:'hxpgry',zyq:this.zyq}).then(res=>{
             this.list=res.data
             this.gridOptions.data=res.data
             this.setExt('workers',this.$props.workers)
diff --git a/src/views/zyjhzx/qgefkui/comps/QgePgd.vue b/src/views/zyjhzx/qgefkui/comps/QgePgd.vue
index af1bff3..5e16313 100644
--- a/src/views/zyjhzx/qgefkui/comps/QgePgd.vue
+++ b/src/views/zyjhzx/qgefkui/comps/QgePgd.vue
@@ -31,6 +31,7 @@ export default {
       currentWorker:null,
       zt:null,
       setExt:null,
+      zyq:null,
     }
   },
   sockets:{
@@ -74,6 +75,7 @@ export default {
     this.setExt=setExt
     this.gridOptions = options
     this.gridOptions.columns = columns
+    this.zyq=this.$route.query.zyq
   },
   methods: {
     baogong(tmpArr,data){
@@ -107,7 +109,7 @@ export default {
       getForemanByWorker({worker:worker}).then(result=>{
         getDw({type:'llj'}).then(res=>{
           this.gridOptions.ycldw=res.data
-          getYdjhByZtOrForeman({foreman:result.data.userCode,zt:zt,field:'qgpgry'}).then(res => {
+          getYdjhByZtOrForeman({foreman:result.data.userCode,zt:zt,field:'qgpgry',zyq:this.zyq}).then(res => {
             this.list=res.data
             this.gridOptions.data = res.data
             this.setExt('workers',this.$props.workers)
diff --git a/src/views/zyjhzx/sliao/comps/baifang.js b/src/views/zyjhzx/sliao/comps/baifang.js
index 7f4b347..bda07ec 100644
--- a/src/views/zyjhzx/sliao/comps/baifang.js
+++ b/src/views/zyjhzx/sliao/comps/baifang.js
@@ -6,50 +6,50 @@ const baifang=function (option={}) {
   const _width=width*0.4-50,_height=height*0.715
   const x=width*0.6+40,y=262
 
-  const bg=function (){
-    const group=new Konva.Group({
-      x:x,
-      y:y,
-      width:_width,
-      height:_height
-    })
+  const slGroup=new Konva.Group({
+    x:0,
+    y:0,
+    width:_width,
+    height:_height,
+    draggable:true,
+    dragBoundFunc:function (pos){
+      return {
+        x:x,
+        y:pos.y
+      }
+    },
+  })
 
-    const imageObj = new Image();
-    imageObj.src = require('@/assets/sliao/personbg.png');
-    imageObj.onload = function () {
-      const shape = new Konva.Image({
-        x: 0,
-        y: 0,
-        width: _width,
-        height:_height,
-        image: this,
-      });
-      bgGroup.add(shape)
-      shape.zIndex(0)
-    }
-    return group
-  }
+  const bgGroup=new Konva.Group({
+    x:x,
+    y:y,
+    width:_width,
+    height:_height
+  })
 
-  const container=function (){
-    return new Konva.Group({
-      x:0,
-      y:0,
-      width:_width,
-      height:_height
-    })
+  bgGroup.add(slGroup)
+
+  const imageObj = new Image();
+  imageObj.src = require('@/assets/sliao/personbg.png');
+  imageObj.onload = function () {
+    const shape = new Konva.Image({
+      x: 0,
+      y: 0,
+      width: _width,
+      height:_height,
+      image: this,
+    });
+    bgGroup.add(shape)
+    shape.zIndex(0)
   }
 
-  const bgGroup=bg();
-  const slGroup=container()
-  bgGroup.add(slGroup)
-  slGroup.zIndex(1)
 
   const thatHeight=height
   const gangban=function (index,item,slList){
     const group=new Konva.Group({
       x:0,
       y:thatHeight-280-index*40,
-      draggable:true
+      // draggable:true
     })
 
     group.setAttr('item',item)
@@ -218,7 +218,7 @@ const baifang=function (option={}) {
   }
 
   return {
-    container,slGroup,handler,bgGroup
+    slGroup,handler,bgGroup
   }
 }