变更项目缩写

ruoyi-ui/src/views/ccdiIntermediary/components/DataTable.vue

@@ -0,0 +1,82 @@
+<template>
+  <div>
+    <el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="姓名/机构名称" align="center" prop="name" :show-overflow-tooltip="true"/>
+      <el-table-column label="证件号" align="center" prop="certificateNo" :show-overflow-tooltip="true"/>
+      <el-table-column label="中介类型" align="center" prop="intermediaryTypeName" width="100"/>
+      <el-table-column label="状态" align="center" prop="status" width="100">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.status === '0'" type="success">正常</el-tag>
+          <el-tag v-else type="danger">停用</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="240">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-view"
+            @click="$emit('detail', scope.row)"
+          >详情</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="$emit('update', scope.row)"
+            v-hasPermi="['ccdi:intermediary:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="$emit('delete', scope.row)"
+            v-hasPermi="['ccdi:intermediary:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="pageParams.pageNum"
+      :limit.sync="pageParams.pageSize"
+      @pagination="$emit('pagination')"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  name: "DataTable",
+  props: {
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    dataList: {
+      type: Array,
+      default: () => []
+    },
+    total: {
+      type: Number,
+      default: 0
+    },
+    pageParams: {
+      type: Object,
+      required: true
+    }
+  },
+  methods: {
+    handleSelectionChange(selection) {
+      this.$emit("selection-change", selection);
+    }
+  }
+};
+</script>