From 404bd17f83c0054388e4a02ff31dbc37c27a4b11 Mon Sep 17 00:00:00 2001 From: wente <329538422@qq.com> Date: 星期五, 29 三月 2024 16:09:29 +0800 Subject: [PATCH] 样式修改 --- web/src/views/modules/basicInfo/XhProductModel.vue | 36 ++++++++++++++++++++---------------- 1 files changed, 20 insertions(+), 16 deletions(-) diff --git a/web/src/views/modules/basicInfo/XhProductModel.vue b/web/src/views/modules/basicInfo/XhProductModel.vue index 38c680e..855604c 100644 --- a/web/src/views/modules/basicInfo/XhProductModel.vue +++ b/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"> + <div class="fa-card-a" style="margin-right: 5px;height: calc(100vh - 123px)"> <product-model-tree @on-selected="onProductSelected"/> </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' @@ -19,11 +19,12 @@ <el-form-item> <zt-button type="query" @click="table.query()"/> <zt-button type="add" @click="add()"/> + <zt-button v-if="productType==='3'" type="primary" @click="addCell()">鏂板铏氬崟鍏�</zt-button> <zt-button 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,11 +34,11 @@ <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"/> + <add-or-update @refreshDataList="table.query" ref="AddOrUpdate"/> <select-ty-model @refreshDataList="table.query" ref="SelectTyModel"/> </zt-table-wraper> </div> @@ -51,14 +52,15 @@ 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=`, + productType: '', dataForm: { name: '', - productType: '', type:'', pid: '', srcId:'', @@ -66,17 +68,19 @@ } }, components: { + TyProductModel, ProductModelTree, AddOrUpdate, SelectTyModel }, methods: { add() { - if (this.dataForm.type !== '4') { + this.dataForm.type=this.productType + if (this.dataForm.type !== '3') { console.log(1111) console.log(this.dataForm.type,'add() {') this.dataForm.type = this.dataForm.type - 1 - } else if (this.dataForm.type === '4') { + } else if (this.dataForm.type === '3') { console.log(2222) console.log(this.dataForm.type,'add() {') this.dataForm.type = this.dataForm.type - 2 @@ -87,19 +91,19 @@ } 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}` - }, onProductSelected(data) { console.log(data) this.dataForm.pid = data.id this.dataForm.type = data.productType + this.productType = data.productType this.$refs.tableObj.query() } } -- Gitblit v1.9.1