From 1249ca8ff44f8de7992fdb5866eae19613d606c3 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期三, 16 八月 2023 19:37:49 +0800
Subject: [PATCH] 详情页联调
---
src/components/makepager/CommonFormTableView.vue | 77 +++++++++++++++++++++++---------------
1 files changed, 47 insertions(+), 30 deletions(-)
diff --git a/src/components/makepager/CommonFormTableView.vue b/src/components/makepager/CommonFormTableView.vue
index c8ce837..dedaea4 100644
--- a/src/components/makepager/CommonFormTableView.vue
+++ b/src/components/makepager/CommonFormTableView.vue
@@ -15,7 +15,7 @@
:label="item.label"
:width="item.width"
:min-width="item.min"
- align="right"
+ align="center"
>
<!-- 琛ㄥご鏍峰紡 -->
<template slot="header">
@@ -24,32 +24,44 @@
</template>
<!-- column鏍峰紡 -->
<template slot-scope="scope">
- <el-form-item
- v-if="item.input"
- label=" "
- :prop="'tableData.' + scope.$index + '.' + item.prop"
- :rules="[{ required: item.isRequird ? true : false, message: '杈撳叆涓嶈兘涓虹┖' }]"
- >
- <el-input v-model.trim="scope.row[item.prop]" maxlength="50" size="mini"></el-input>
- </el-form-item>
- <el-form-item
- v-else-if="item.date"
- label=" "
- :prop="'tableData.' + scope.$index + '.' + item.prop"
- :rules="[{ required: item.isRequird ? true : false, message: '杈撳叆涓嶈兘涓虹┖' }]"
- >
- <!-- <el-input v-model.trim="scope.row[item.prop]" maxlength="50" size="mini"></el-input> -->
- <el-date-picker v-model="scope.row[item.prop]" type="date" size="mini" style="width: 110px">
- </el-date-picker>
- </el-form-item>
+ <template v-if="!detailEnter">
+ <el-form-item
+ v-if="item.input"
+ label=" "
+ :prop="'tableData.' + scope.$index + '.' + item.prop"
+ :rules="[{ required: item.isRequird ? true : false, message: '杈撳叆涓嶈兘涓虹┖' }]"
+ >
+ <el-input
+ v-model.trim="scope.row[item.prop]"
+ maxlength="50"
+ size="mini"
+ @change="
+ (val) => {
+ commonInputChange(val, item.prop, scope.row)
+ }
+ "
+ ></el-input>
+ </el-form-item>
+ <el-form-item
+ v-else-if="item.date"
+ label=" "
+ :prop="'tableData.' + scope.$index + '.' + item.prop"
+ :rules="[{ required: item.isRequird ? true : false, message: '杈撳叆涓嶈兘涓虹┖' }]"
+ >
+ <!-- <el-input v-model.trim="scope.row[item.prop]" maxlength="50" size="mini"></el-input> -->
+ <el-date-picker v-model="scope.row[item.prop]" type="date" size="mini" style="width: 110px">
+ </el-date-picker>
+ </el-form-item>
+ <span v-else>{{ scope.row[item.prop] }}</span>
+ </template>
<span v-else>{{ scope.row[item.prop] }}</span>
</template>
</el-table-column>
</el-table>
</el-form>
- <div style="margin: 10px">
- <el-button size="small" type="primary">鏂板</el-button>
- <el-button size="small" type="primary">瀵煎叆鏄庣粏</el-button>
+ <div v-if="!detailEnter" style="margin: 10px">
+ <el-button size="small" type="primary" @click="add">鏂板</el-button>
+ <!-- <el-button size="small" type="primary" disabled>瀵煎叆鏄庣粏</el-button> -->
<el-button size="small" type="primary">娓呯┖</el-button>
<el-button size="small" type="primary">閲嶇畻</el-button>
</div>
@@ -72,6 +84,10 @@
export default {
name: "CommmonFormTableView",
props: {
+ detailEnter: {
+ type: Boolean,
+ default: false
+ },
productTableList: {
type: Object,
default: () => {
@@ -100,14 +116,7 @@
data() {
return {}
},
- computed: {
- maxHeight() {
- if (this.productTableList.height) {
- return `calc(100vh - ${this.productTableList.height})`
- }
- return undefined
- }
- },
+ computed: {},
methods: {
handleReserve(row) {
return row._id ? row._id : row.id
@@ -184,6 +193,14 @@
s[1] = s[1].substring(0, prec) //灏忔暟鐐逛綅鏁拌秴鍑洪暱搴︽椂鎴彇鍓嶉潰鐨勪綅鏁�
}
return s.join(dec)
+ },
+ add() {
+ this.$emit("addProductClick")
+ },
+ commonInputChange(val, prop, row) {
+ console.log(val, prop)
+ console.log(row)
+ this.$emit("inputContent", val, prop, row)
}
}
}
--
Gitblit v1.8.0