Merge remote-tracking branch 'origin/2.0.1' into 2.0.1

jiangping

2024-12-27 5506edbe54883b31db3cc8e4a1d9d0795a18a3c9

 company/src/components/common/chooseCompany.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,144 @@
<template>
    <GlobalWindow
        :title="title"
        width="100%"
        :withFooter="false"
        :visible.sync="visible"
        :confirm-working="isWorking"
        @confirm="confirm"
    >
        <el-form ref="form" :model="form" label-width="100px" inline>
            <el-form-item label="企业名称" prop="name">
                <el-input v-model="form.model.name" placeholder="请输入" @keypress.enter.native="getList"></el-input>
            </el-form-item>
            <el-form-item>
                <div style="display: flex; align-items: center;">
                    <el-button type="primary" @click="getList">搜索</el-button>
                    <el-button @click="reset">重置</el-button>
                </div>
            </el-form-item>
        </el-form>
        <el-table
            :data="tableData"
            border
            style="width: 100%">
            <el-table-column
                prop="name"
                label="企业名称">
            </el-table-column>
            <el-table-column
                width="170"
                prop="code"
                label="统一信用代码">
            </el-table-column>
            <el-table-column
                prop="createDate"
                label="创建时间">
            </el-table-column>
            <el-table-column
                prop="phone"
                label="绑定手机">
            </el-table-column>
            <el-table-column
                width="90"
                label="启用状态">
                <template slot-scope="{row}">
                    <span v-if="row.status === 0">启用</span>
                    <span v-if="row.status === 1">禁用</span>
                </template>
            </el-table-column>
            <el-table-column
                label="电子签认证状态">
                <template slot-scope="{row}">
                    <template v-if="row.signStatus === 0">待认证</template>
                    <template v-if="row.signStatus === 1">认证中</template>
                    <template v-if="row.signStatus === 2">认证失败</template>
                    <template v-if="row.signStatus === 3">认证通过</template>
                </template>
            </el-table-column>
            <el-table-column
                label="操作">
                <template slot-scope="{row}">
                    <el-button type="text" @click="selectItem(row)">选择</el-button>
                </template>
            </el-table-column>
        </el-table>
        <div style="width: 100%; height: 15px;"></div>
        <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="form.page"
            :page-sizes="[10, 30, 50, 100]"
            :page-size="form.size"
            layout="total, sizes, prev, pager, next, jumper"
            :total="total">
        </el-pagination>
    </GlobalWindow>
</template>

<script>
  import BaseOpera from '@/components/base/BaseOpera'
  import GlobalWindow from '@/components/common/GlobalWindow'
  import { fetchList } from '@/api/business/company'
  export default {
    name: 'chooseCompany',
    extends: BaseOpera,
    components: { GlobalWindow },
    data () {
      return {
        model: {},
        tableData: [],
        form: {
          page: 1,
          capacity: 10,
          model: {
            type: 0,
            name: '',
            status: 0,
            isdeleted: 1
          }
        },
        total: 0
      }
    },
    methods: {
      selectItem(row) {
        this.$emit('submit', { companyId: row.id, companyName: row.name })
        this.visible = false
      },
      handleSizeChange(e) {
        this.form.capacity = e
        this.getList()
      },
      handleCurrentChange(e) {
        this.form.page = e
        this.getList()
      },
      open (title, id) {
        this.title = title
        this.form.name = ''
        this.visible = true
        this.form.page = 1
        this.form.capacity = 10
        this.getList()
      },
      reset() {
        this.form.page = 1
        this.form.capacity = 10
        this.form.model.name = ''
        this.getList()
      },
      getList() {
        fetchList(this.form)
          .then(res => {
            this.total = res.total
            this.tableData = res.records
          })
      }
    }
  }
</script>

<style lang="scss" scoped>

</style>