fix: 价格管理

src/views/components/ListPage/Table.vue

@@ -19,6 +19,12 @@
                         <dict-tag :options="item.dict" :value="scope.row[item.tableProp || item.prop]" />
                     </template>
                 </el-table-column>
+                <el-table-column v-else-if="item.type === 'render'" :label="item.label" :prop="item.prop"
+                    :width="item.width">
+                    <template #default="scope">
+                        <span>{{ item.render(scope.row) }}</span>
+                    </template>
+                </el-table-column>
 
                 <el-table-column v-else :label="item.label" :prop="item.tableProp || item.prop"
                     :width="item.width"></el-table-column>

src/views/components/ListPage/index.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script setup>
-import { computed, reactive } from 'vue';
+import { computed, reactive, watch } from 'vue';
 import Search from './Search.vue';
 import Table from './Table.vue';
 import { ElMessage } from 'element-plus'
@@ -103,6 +103,8 @@ const changeTab = (tab) => {
     resetForm();
 }
 
+// watch(() => )
+
 const getList = async (parmas) => {
     try {
         loading.value = true;

src/views/staff/volunteer/price/index.vue

@@ -10,9 +10,9 @@
                         <el-cascader v-model="form.businessManagementId" :options="options" style="width: 100%;"
                             :props="{ label: 'businessName', value: 'id',checkStrictly:true }" />
                     </el-form-item>
-                    <el-form-item label="服务时间" prop="businessDuration">
-                        <el-input v-model="form.businessDuration" placeholder="请输入服务时间" >
-                            <template #append>小时</template>
+                    <el-form-item label="服务时长" prop="businessDuration">
+                        <el-input v-model="form.businessDuration" placeholder="请输入服务时长" >
+                            <template #append>分钟</template>
                         </el-input>
                         
                     </el-form-item>
@@ -32,7 +32,7 @@
 </template>
 
 <script setup>
-import { onMounted, ref } from 'vue';
+import { onMounted, ref, render } from 'vue';
 import ListPage from '@/views/components/ListPage/index.vue';
 import { add, update, list, delPrice, details, getTreeList } from "@/api/staff/price.js";
 
@@ -43,24 +43,38 @@ const options = ref([]);
 const listPageData = reactive({
     tableColumn: [
         {
-            label: '服务项目',
+            label: '服务层级名称',
             prop: 'businessManagementId',
             type: 'cascader',
             isSearch: true,
-            tableProp:'projectName',
+            tableProp:'businessTierName',
             options:options,
             props: { label: 'businessName', value: 'id', checkStrictly:true },
 
 
         },
+        // {
+        //     label: '项目类别',
+        //     prop: 'projectTypeName',
+        // },
         {
-            label: '项目类别',
-            prop: 'projectTypeName',
+            label: '服务时长',
+            prop: 'businessDuration',
+            type:'render',
+            render: (row) => {
+                return row.businessDuration + '分钟'
+            }
         },
         {
             label: '服务价格',
             prop: 'businessPrice',
+            type:'render',
+            render: (row) => {
+                return '￥'+row.businessPrice
+            }
+           
         },
+        
     ],
     searchBtns: [
         {