背景色

project/xiushan/apps/AppLandTransfer/components/Add.vue

@@ -0,0 +1,13 @@
+<template>
+  
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

project/xiushan/apps/AppLandTransfer/components/List.vue

@@ -0,0 +1,102 @@
+<template>
+  <section class="List">
+    <ai-list>
+      <ai-title slot="title" title="土地流转经营" isShowBottomBorder/>
+      <template #content>
+        <ai-search-bar>
+          <template #left>
+            <el-button type="primary" icon="iconfont iconAdd" @click="toAdd('')">添加</el-button>
+            <ai-select v-model="readType" @change="onChange" placeholder="流转形式" :selectList="$dict.getDict('readType')"></ai-select>
+            <ai-select v-model="readType" @change="onChange" placeholder="经营状态" :selectList="$dict.getDict('readType')"></ai-select>
+          </template>
+          <template #right>
+            <el-input size="small" placeholder="查询合同编号/流出方/承接方/证件号码" v-model="search.name" clearable @clear="page.current = 1, searchObj.name = '',getTableData()" 
+            suffix-icon="iconfont iconSearch" v-throttle="() => {(page.current = 1), getTableData();}"/>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
+                  @getList="getTableData" :col-configs="colConfigs" :dict="dict">
+          <el-table-column slot="options" label="操作"  align="center">
+            <template slot-scope="{ row }">
+              <el-button type="text" @click="toAdd(row.id)">详情</el-button>
+              <el-button type="text" @click="toAdd(row.id)">编辑</el-button>
+              <el-button type="text" @click="handleDelete(row.id)">删除</el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "List",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  data() {
+    return {
+      search: {name: ""},
+      page: {current: 1, size: 10, total: 0},
+      tableData: [],
+    }
+  },
+  computed: {
+    colConfigs() {
+      return [
+        { prop: "executionCode", label: '土地流出方', align: "center", width: "200px", },
+        { prop: "executionTime", label: '土地面积/㎡', align: "center", width: "200px", },
+        { prop: "enterpriseName", label: '流转形式', align: "center", width: "200px", },
+        { prop: "unifiedCode", label: '土地承接方', align: "center", width: "200px", },
+        { prop: "dishonestFact", label: '承接方证件号码', align: "center", width: "200px", },
+        { prop: "createTime", label: '有效期限', align: "center", width: "200px", },
+        { prop: "createUserName", label: '经营状态', align: "center", width: "200px", },
+        { slot: "options" ,},
+      ]
+    }
+  },
+  created() {
+    this.getTableData()
+  },
+  methods: {
+    getTableData() {
+      this.instance.post("/appcreditdishonestperson/list", null, {
+        params: {...this.page, ...this.search,...this.select}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data?.records
+          this.page.total = res.data.total
+        }
+      })
+    },
+    toAdd(id) {
+      this.$emit('change', {
+        type: 'Add',
+        params: {
+          id: id || ''
+        }
+      })
+    },
+    handleDelete(id) {
+      this.$confirm("是否要删除？").then(() => {
+        this.instance.post(`/appcreditdishonestperson/delete?ids=${id}`).then(res => {
+            if (res.code == 0) {
+              this.$message.success("删除成功")
+              this.getTableData()
+            }
+          })
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.List {
+  height: 100%;
+  background: #f3f4f5;
+}
+</style>