no message

src/views/salesPurchasing/goodsSaleMachineAccount/index.vue

@@ -1,12 +1,12 @@
 <template>
-	<zj-tab-page ref="tabPage" :defaultActives="[{ key: 'list', label: $route.meta.title+'-列表', essential: true }]">
-		<template slot-scope="{activeKey, data}">
-			<template-page v-if="activeKey == 'list'" ref="pageRef" :get-list="getList" :table-attributes="tableAttributes" :table-events="tableEvents"
-			  :options-evens-group="optionsEvensGroup" :moreParameters="moreParameters" :column-parsing="columnParsing" :operationColumnWidth="80"
-			  :operation="operation()" :exportList="exportList">
-			</template-page>
-		</template>
-	</zj-tab-page>
+  <zj-tab-page ref="tabPage" :defaultActives="[{ key: 'list', label: $route.meta.title + '-列表', essential: true }]">
+    <template slot-scope="{activeKey, data}">
+      <template-page v-if="activeKey == 'list'" ref="pageRef" :get-list="getList" :table-attributes="tableAttributes"
+        :table-events="tableEvents" :options-evens-group="optionsEvensGroup" :moreParameters="moreParameters"
+        :column-parsing="columnParsing" :operationColumnWidth="80" :operation="operation()" :exportList="exportList">
+      </template-page>
+    </template>
+  </zj-tab-page>
 </template>
 
 <script>
@@ -19,84 +19,95 @@ import { listPageV2, pageExport, getDetail, listImport } from "@/api/salesPurcha
 import { commonTemplateDownload } from '@/api/common.js'
 import operation_mixin from '@/components/template/operation_mixin.js'
 export default {
-	components: { TemplatePage, ImageUpload },
-	mixins: [import_mixin, operation_mixin],
-	data() {
-		return {
-			// 表格属性
-			tableAttributes: {
-				// 启用勾选列
-				selectColumn: true
-			},
-			// 表格事件
-			tableEvents: {
-				'selection-change': this.selectionChange
-			},
-			// 勾选选中行
-			recordSelected: [],
-			/** 表单变量 */
-			formDialogType: 0,
-			formDialogTitles: ["新增", "编辑", "详情"],
-			formDialog: false,
-			formData: {},
-			formType: 'add',
-			formVisible: false,
-		}
-	},
-	computed: {
-		// 事件组合
-		optionsEvensGroup() {
-			return []
-		},
-		// 更多参数
-		moreParameters() {
-			return []
-		},
+  components: { TemplatePage, ImageUpload },
+  mixins: [import_mixin, operation_mixin],
+  data() {
+    return {
+      // 表格属性
+      tableAttributes: {
+        // 启用勾选列
+        selectColumn: true
+      },
+      // 表格事件
+      tableEvents: {
+        'selection-change': this.selectionChange
+      },
+      // 勾选选中行
+      recordSelected: [],
+      /** 表单变量 */
+      formDialogType: 0,
+      formDialogTitles: ["新增", "编辑", "详情"],
+      formDialog: false,
+      formData: {},
+      formType: 'add',
+      formVisible: false,
+    }
+  },
+  computed: {
+    // 事件组合
+    optionsEvensGroup() {
+      return []
+    },
+    // 更多参数
+    moreParameters() {
+      return []
+    },
 
-		formItems() {
-			return []
-		}
-	},
-	created(){
-		
-	},
-	methods: {
-		// 列表请求函数
-		getList(p, cb) {
-			try {
-				var pam = JSON.parse(JSON.stringify(p))
-				cb && cb(pam)
-				return listPageV2(pam)
-			} catch (error) {
-				console.log(error)
-			}
-		},
-		// 列表导出函数
-		exportList: pageExport,
-		// 表格列解析渲染数据更改
-		columnParsing(item, defaultData) {
-			return defaultData
-		},
-		// 监听勾选变化
-		selectionChange(data) {
-			this.recordSelected = data
-		},
+    formItems() {
+      return []
+    }
+  },
+  created() {
 
-		operation() {
-			return this.operationBtn({
-			})
-		},
-		formCancel() {
-			this.formVisible = false
-			this.$refs?.formRef?.resetFields()
-			this.$data.formData = this.$options.data().formData
-		}
-	}
+  },
+  methods: {
+    // 列表请求函数
+    getList(p, cb) {
+      try {
+        var pam = JSON.parse(JSON.stringify(p))
+        cb && cb(pam)
+        return listPageV2(pam)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    // 列表导出函数
+    exportList: pageExport,
+    // 表格列解析渲染数据更改
+    columnParsing(item, defaultData) {
+      defaultData.render = (h, { row, index, column }) => {
+        return (
+          <div style={{
+            padding: '0 6px',
+            cursor: 'pointer',
+            color: Number(row.refundNum) > 0 ? 'red' : ''
+          }}>
+            {row[column.columnAttributes.prop]}
+          </div>
+        )
+      }
+      return defaultData
+    },
+    // 监听勾选变化
+    selectionChange(data) {
+      this.recordSelected = data
+    },
+
+    operation() {
+      return this.operationBtn({
+      })
+    },
+    formCancel() {
+      this.formVisible = false
+      this.$refs?.formRef?.resetFields()
+      this.$data.formData = this.$options.data().formData
+    }
+  }
 }
 </script>
 
 <style lang="scss" scoped>
 .tab {
-	padding: 20px 20px 0 20px;
+  padding: 20px 20px 0 20px;
 }
 </style>