价格模板

src/components/pric/tablePric.vue

@@ -0,0 +1,56 @@
+<template>
+  <el-table :data="SurchargeData" border style="width: 100%" class="el_row_table">
+    <template v-for="column in Surcharge" :key="column.prop">
+      <el-table-column
+        v-if="column.disabled"
+        :prop="column.prop"
+        :label="column.label"
+        :width="column.width"
+      >
+        <template #default="scope">
+          <el-input-number
+            v-if="column.type === 'number'"
+            v-model="scope.row[column.prop]"
+            :precision="2"
+            :min="0"
+            :max="10"
+            :controls="false"
+            placeholder="请输入价格"
+          />
+
+          <el-select
+            v-if="column.type === 'select'"
+            v-model="scope.row[column.prop]"
+            filterable
+            clearable
+            :placeholder="'请选择' + column.label"
+          >
+            <el-option
+              v-for="item in column.options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+          <!-- 操作栏  -->
+          <slot v-if="!column.type" :scope="scope"> </slot>
+        </template>
+      </el-table-column>
+    </template>
+  </el-table>
+</template>
+
+<script setup>
+import { ElTable, ElTableColumn, ElInputNumber } from 'element-plus';
+// 使用 defineProps 定义组件 props
+const props = defineProps({
+  SurchargeData: {
+    type: Array,
+    required: true,
+  },
+  Surcharge: {
+    type: Array,
+    required: true,
+  },
+});
+</script>