From c1c9b268afabcc00fa9a8b804f8f5fc9efbb8d95 Mon Sep 17 00:00:00 2001
From: xhj <xhjzrq@163.com>
Date: Tue, 3 Dec 2024 13:22:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/sjzx/bzzGL.js      |  18 ++
 src/views/jhzxgl/yppyz.vue | 470 +++++++++++++++++++++++++++++++++++++
 2 files changed, 488 insertions(+)
 create mode 100644 src/views/jhzxgl/yppyz.vue

diff --git a/src/api/sjzx/bzzGL.js b/src/api/sjzx/bzzGL.js
index 59d5776..a51b8c7 100644
--- a/src/api/sjzx/bzzGL.js
+++ b/src/api/sjzx/bzzGL.js
@@ -67,3 +67,21 @@ export function getryBase(data) {
     data,
   });
 }
+
+
+
+export function yppyzcx(data) {
+  return request({
+    url: "/yppyz/list",
+    method: "post",
+    data,
+  });
+}
+
+export function yppyzUpdate(data) {
+  return request({
+    url: "/yppyz/submit",
+    method: "post",
+    data,
+  });
+}
diff --git a/src/views/jhzxgl/yppyz.vue b/src/views/jhzxgl/yppyz.vue
new file mode 100644
index 0000000..01abcb3
--- /dev/null
+++ b/src/views/jhzxgl/yppyz.vue
@@ -0,0 +1,470 @@
+<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-form-item label="船号:">
+              <vxe-pulldown ref="xDown4" transfer >
+                <template #default>
+                  <vxe-input
+                    v-model="queryParam.dcch"
+                    placeholder="船号"
+                    style="height: 28px;
+                    line-height: 28px; width: 140px;"
+                    suffix-icon="vxe-icon--search"
+                    @keyup="keyupEvent4"
+                    @focus="focusEvent4"
+                  />
+                </template>
+                <template #dropdown>
+                  <div class="my-dropdown  mytable " style="width: 250px">
+                    <vxe-grid
+                      highlight-hover-row
+                      height="auto"
+
+                      :data="projectData"
+                      :columns="projectColumns"
+                      @cell-click="cellClickEvent"
+                      show-overflow
+                    >
+                      <template #wgbsEdit="{ row}">
+                        <vxe-checkbox v-model="row.wgbs"  checked-value="Y" unchecked-value="N"   disabled ></vxe-checkbox>
+                      </template>
+                    </vxe-grid>
+                  </div>
+                </template>
+              </vxe-pulldown>
+
+            </el-form-item>
+
+
+          </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-select v-model="inParam.zt" placeholder="状态" clearable  >-->
+<!--              <el-option-->
+<!--                v-for="item in this.dictData.kwxxs"-->
+<!--                :key="item.bm"-->
+<!--                :label="item.bmsm"-->
+<!--                :value="item.bm"-->
+<!--              >-->
+<!--              </el-option>-->
+<!--            </el-select>-->
+<!--            <el-input v-model="inParam.rqfw" placeholder="日期范围" clearable style="width: 200px" />-->
+<!--            <el-button type="info" @click="plClick">批量</el-button>-->
+          </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 {
+  getTpBase
+} from '@/api/fd/base'
+import { mapGetters } from 'vuex'
+import XEUtils from 'xe-utils'
+import {null2str} from "@/utils/rpkj";
+import {
+  del,
+  getBzryDel,
+  getBzryInsert,
+  getBzryList,
+  getBzryUpdate,
+  getryBase,
+  yppyzcx,
+  yppyzUpdate
+} from "@/api/sjzx/bzzGL";
+export default {
+  name:'xqdwcjcd',
+  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: 'dcCh',
+          title: '船号',editRender: { name: 'input' },
+          width: 120,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' }
+        },
+        {
+          field: 'dcPl',
+          title: '批量',editRender: { name: 'input' },
+          width: 120,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' }
+        },
+        {
+          field: 'dcFd',editRender: { name: 'input' },
+          title: '分段',
+          width: 120,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' }
+        },
+        {
+          field: 'kw',
+          title: '跨位',editRender: { name: 'input' },
+          width: 120,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' }
+        },
+        {
+          field: 'zl',
+          title: '组立',editRender: { name: 'input' },
+          width: 120,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' }
+        },
+
+        {
+          field: 'tz',
+          title: '特征',
+          width: 120, editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' }
+        },
+        {
+          field: 'lx',
+          title: '流向',editRender: { name: 'input' },
+          width: 120,
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination' }
+        },
+        //     editRender: {
+        //   name: '$select', options: [],
+        //     optionProps: {value: 'bm', label: 'bmsm'},
+        //   props: {clearable: true}
+        // , events: {change: this.selectChange}
+        // },
+        {
+          field: 'xj',
+          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
+        // console.log(this.dictData)
+        // const xGrid = this.$refs.xGrid
+        //
+        // const zt = xGrid.getColumnByField('zt')
+        // const yzt = xGrid.getColumnByField('yzt')
+        // zt.editRender.options = res.data.kwxxs
+        // yzt.editRender.options = res.data.kwxxs
+
+      })
+    },
+    initList() {
+      yppyzcx(this.request).then((res) => {
+        this.list = res.data
+        if (this.$refs.xGrid) {
+          this.$refs.xGrid.loadData(this.list)
+        }
+
+      })
+    },
+
+    plClick(){
+      let selectRecords = this.$refs.xGrid.getCheckboxRecords()
+      if(selectRecords.length>0){
+        for(let i = 0; i < selectRecords.length; i++) {
+          if(this.inParam.zt !==''){
+            selectRecords[i]. yzt= selectRecords[i]. zt
+            selectRecords[i]. zt= this.inParam.zt
+
+          }
+          if(this.inParam.rqfw !==''){
+            selectRecords[i].rqfw = this.inParam.rqfw
+          }
+
+
+        }
+        this.$refs.xGrid.updateData(this.list)
+      }
+
+    },
+
+
+    selectChange(row) {
+      this.$refs.xGrid.clearActived() // 清除单元格激活状态
+      this.$refs.xGrid.setActiveCell(row.row, row.column.property) // 设置单元格为激活状态
+      null2str(row.row)
+    },
+    getHeight() {
+      this.height = window.innerHeight - 190
+    },
+    toolbarButtonClickEvent(code) {
+      const {
+        insertRecords,
+        removeRecords,
+        updateRecords
+      } = this.$refs.xGrid.getRecordset()
+      switch (code) {
+        case 'insert':
+          if(this.request.dwbm==='' ||this.request.dwbm===null){
+            this.$message({ message: '请选择需求单位！', type: 'warning' })
+            return
+          }
+          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) {
+            yppyzUpdate({"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) {
+            yppyzUpdate({"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) {
+            yppyzUpdate({"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>