svgEditor

wente

2024-06-06 f6cdad43a14ca0fc362b6b8846f7fb8e362043f0

 web/src/views/modules/basicInfo/XhProductModel.vue

@@ -1,13 +1,13 @@
<template xmlns="">
<template>
  <div>
    <el-row :gutter="20">
    <el-row :gutter="5">
      <el-col :span="5">
        <div class="fa-card-a">
          <product-model-tree @on-selected="onProductSelected"/>
        <div class="fa-card-a" style="margin-right: 5px;height: calc(100vh - 123px)">
          <product-model-tree @on-selected="onProductSelected" showXdy="true" ref="ProductModelTree"/>
        </div>
      </el-col>
      <el-col :span="19">
        <div class="mod-basicInfo-xhProductModel}">
        <div class="mod-basicInfo-xhProductModel fa-card-a" style="margin-left: 5px;">
          <zt-table-wraper ref="tableObj"  defaultNotQuery="true" query-url="/basicInfo/XhProductModel/page"
                           delete-url="/basicInfo/XhProductModel/ "
                           :paging='false'
@@ -17,13 +17,14 @@
                <el-input v-model="dataForm.name" placeholder="请输入名称" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <zt-button type="query" @click="table.query()"/>
                <zt-button type="add" @click="add()"/>
                <zt-button type="delete" @click="table.deleteHandle()"/>
                <zt-button v-if="productType && productType!=='10'" type="query" @click="table.query()"/>
                <zt-button v-if="productType && productType!=='10'" type="add" @click="add()"/>
                <zt-button v-if="productType==='3'" type="primary" @click="addCell()">新增虚单元</zt-button>
                <zt-button v-if="productType && productType!=='10'" type="delete" @click="table.deleteHandle()"/>
              </el-form-item>
            </el-form>
            <el-table v-loading="table.dataLoading" :data="table.dataList" height="100px" v-adaptive="{bottomOffset:70}"
                      border row-key="id"
            <el-table v-loading="table.dataLoading" :data="table.dataList" height="100px" v-adaptive="{bottomOffset:30}"
                      row-key="id"
                      @selection-change="table.selectionChangeHandle"
            >
              <el-table-column prop="name" label="名称"/>
@@ -33,12 +34,12 @@
                  <el-image v-if="row.operatImg" :src="url+row.operatImg" style="height: 50px;width: 50px"></el-image>
                </template>
              </el-table-column>
              <el-table-column prop="sort" label="排序"/>
              <zt-table-column-handle :table="table"/>
              <el-table-column prop="sort" label="排序" width="100px"/>
              <zt-table-column-handle :table="table" width="150px"/>
            </el-table>
            <!-- 弹窗, 新增 / 修改 -->
            <add-or-update @refreshDataList="table.query"/>
            <select-ty-model @refreshDataList="table.query" ref="SelectTyModel"/>
            <add-or-update @refreshDataList="refreshData" ref="AddOrUpdate"/>
            <select-ty-model @refreshDataList="refreshData" ref="SelectTyModel"/>
          </zt-table-wraper>
        </div>
      </el-col>
@@ -51,11 +52,12 @@
  import SelectTyModel from './SelectTyModel'
  import ProductModelTree from "./ProductModelTree";
  import Cookies from "js-cookie";
  import TyProductModel from "./TyProductModel-AddOrUpdate";

  export default {
    data() {
      return {
        url: `${window.SITE_CONFIG['apiURL']}/sysPictureBase/getProductImg?token=${Cookies.get('token')}&id=`,
        url: `${window.SITE_CONFIG['apiURL']}/sysPictureBase/getSvgImage?token=${Cookies.get('token')}&id=`,
        productType: '',
        dataForm: {
          name: '',
@@ -66,6 +68,7 @@
      }
    },
    components: {
      TyProductModel,
      ProductModelTree,
      AddOrUpdate,
      SelectTyModel
@@ -88,21 +91,26 @@
        }
        this.$refs.SelectTyModel.$refs.dialog.init(null,{type:this.dataForm.type,id:this.dataForm.pid})
      },
      addCell(){
        this.$refs.AddOrUpdate.$refs.dialog.init(null,{type:10,pid:this.dataForm.pid})
      },
      cellStyle({column}) {
        if (column.label === '名称') {
          return 'text-align: left !important;'
        }
      },
      getPath(id) {
        console.log(id, 'path')
        return `${window.SITE_CONFIG['apiURL']}/sys/oss/content2?fileId=${id}`
      refreshData(){
        this.$refs.tableObj.query()
        this.$refs.ProductModelTree.getProductList()
      },
      onProductSelected(data) {
        console.log(data)
        this.dataForm.pid = data.id
        this.dataForm.type = data.productType
        this.productType = data.productType
        this.$refs.tableObj.query()
        if(data.productType!=='10'){
          this.$refs.tableObj.query()
        }
      }
    }
  }