yunyubang-web/src/views/business/merchantManage.vue

<template>
  <div style="padding: 0px 20px">
    <div ref="lxHeader">
      <lx-header icon="md-apps" text="商户管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
        <div slot="content"></div>
        <slot>
          <div>
            <Input style="width: 200px; margin-right: 10px" placeholder="关键字搜索" />
            <Button type="primary">查询</Button>
            <Button type="primary" style="margin-left: 10px" @click="isShowAdd = true">新增商户</Button>
          </div>
        </slot>
      </lx-header>
    </div>

    <xy-table :list="list" :table-item="tableItem"></xy-table>

    <div style="display: flex;justify-content: flex-end;">
      <Page :total="10" show-elevator />
    </div>

    <xy-dialog :is-show.sync="isShowAdd" :form="form" :rules="rules">
      <template #name>
        <Row>
          <Col span="2">姓名</Col>
          <Col span="18" offset="0">
            <Input v-model="form.name" placeholder="请输入姓名"/>
          </Col>
        </Row>
      </template>
      <template #businessNumber>
        <Row>
          <Col span="18" offset="1">
            <Input v-model="form.businessNumber" placeholder="请输入营业执照"/>
          </Col>
        </Row>
      </template>
      <template #address>
        <Row>
          <Col span="18" offset="1">
            <Input v-model="form.address" placeholder="请输入地址"/>
          </Col>
        </Row>
      </template>
      <template #password>
        <Row>
          <Col span="18" offset="1">
            <Input v-model="form.password" placeholder="请输入密码"/>
          </Col>
        </Row>
      </template>
    </xy-dialog>

  </div>
</template>

<script>
export default {
  data() {
    return {
      form:{
        name:"",
        businessNumber:"",
        address:"",
        password:"",
        lat:"",
        lng:"",
      },
      rules:{
        name: [
          { required: true, message: '请填写姓名', trigger: 'blur' }
        ],
        businessNumber: [
          { required: true, message: '请填写营业执照', trigger: 'blur' }
        ],
        address: [
          { required: true, message: '请填写地址', trigger: 'blur' }
        ],
      },
      isShowAdd:false,
      list:JSON.parse('{"total":33,"rows":[{"id":1,"username":"\u6717\u4e1a\u7f51\u7edc","name":"\u82cf\u5dde\u6717\u4e1a\u7f51\u7edc\u79d1\u6280\u6709\u9650\u516c\u53f8","logo_id":null,"address":"\u82cf\u5dde\u7af9\u56ed\u8def209\u53f7","slogan":null,"site_id":null,"boss":"\u738b\u6e05\u840d","boss_phone":"13306201077","contact":"\u5b8b\u536b\u5b97","phone":"18962113007","certificate_id":null,"state":"active","created_at":"2021-07-25T01:23:41.000000Z","updated_at":"2022-01-09T07:40:07.000000Z","deleted_at":null,"business_number":"91320506690278148Y","balance":"0.00","lng":null,"lat":null,"shops_count":1,"default_shop":{"id":1,"merchant_id":1,"name":"\u6717\u4e1a\u7f51\u7edc","address":"\u7af9\u56ed\u8def209\u53f7","contact":"\u5b8b\u536b\u5b97","phone":"18962113007","state":"active","created_at":"2021-07-25T01:23:41.000000Z","updated_at":"2021-07-25T01:23:41.000000Z","deleted_at":null,"is_default":1},"shops":[{"id":1,"merchant_id":1,"name":"\u6717\u4e1a\u7f51\u7edc","address":"\u7af9\u56ed\u8def209\u53f7","contact":"\u5b8b\u536b\u5b97","phone":"18962113007","state":"active","created_at":"2021-07-25T01:23:41.000000Z","updated_at":"2021-07-25T01:23:41.000000Z","deleted_at":null,"is_default":1}]},{"id":2,"username":"\u5143\u548c\u521d\u5fc3","name":"KINGBABY\uff08\u5143\u548c\u521d\u5fc3\uff09","logo_id":null,"address":"\u76f8\u57ce\u533a\u7e41\u82b1\u4e2d\u5fc3\u5546\u573a\u8d1f\u4e00\u5c42KINGBABY","slogan":null,"site_id":null,"boss":"\u65e0","boss_phone":"\u65e0","contact":"YOYO","phone":"13913175422","certificate_id":null,"state":"active","created_at":"2021-08-30T03:03:59.000000Z","updated_at":"2022-06-17T09:32:22.000000Z","deleted_at":null,"business_number":"\u65e0","balance":"3376.20","lng":null,"lat":null,"shops_count":1,"default_shop":{"id":2,"merchant_id":2,"name":"\u5143\u548c\u521d\u5fc3","address":"\u65e0","contact":"\u5b8b\u536b\u5b97","phone":"18962113007","state":"active","created_at":"2021-08-30T03:03:59.000000Z","updated_at":"2021-08-30T03:03:59.000000Z","deleted_at":null,"is_default":1},"shops":[{"id":2,"merchant_id":2,"name":"\u5143\u548c\u521d\u5fc3","address":"\u65e0","contact":"\u5b8b\u536b\u5b97","phone":"18962113007","state":"active","created_at":"2021-08-30T03:03:59.000000Z","updated_at":"2021-08-30T03:03:59.000000Z","deleted_at":null,"is_default":1}]},{"id":3,"username":"\u5e78\u5b55\u7eaa","name":"\u5e78\u5b55\u7eaa","logo_id":null,"address":"\u59d1\u82cf\u533a\\/\u65b0\u533a\\/\u56ed\u533a","slogan":null,"site_id":null,"boss":"\u65e0","boss_phone":"\u65e0","contact":"\u5ba2\u670d","phone":"18616951428","certificate_id":null,"state":"active","created_at":"2021-08-30T03:05:31.000000Z","updated_at":"2022-07-10T07:34:24.000000Z","deleted_at":null,"business_number":"\u65e0","balance":"-1500.00","lng":"120.620095","lat":"31.300602","shops_count":1,"default_shop":{"id":3,"merchant_id":3,"name":"\u5e78\u5b55\u7eaa","address":"\u65e0","contact":"\u5b8b\u536b\u5b97","phone":"18962113007","state":"active","created_at":"2021-08-30T03:05:32.000000Z","updated_at":"2021-08-30T03:05:32.000000Z","deleted_at":null,"is_default":1},"shops":[{"id":3,"merchant_id":3,"name":"\u5e78\u5b55\u7eaa","address":"\u65e0","contact":"\u5b8b\u536b\u5b97","phone":"18962113007","state":"active","created_at":"2021-08-30T03:05:32.000000Z","updated_at":"2021-08-30T03:05:32.000000Z","deleted_at":null,"is_default":1}]},{"id":4,"username":"\u4f0a\u7d22","name":"\u82cf\u5dde\u5e02\u4f0a\u7d22\u6587\u5316\u4f20\u64ad\u6709\u9650\u516c\u53f8","logo_id":null,"address":"\u65b0\u533a\\/\u56ed\u533a\\/\u65b0\u751f\u513f\u4e0a\u95e8","slogan":null,"site_id":null,"boss":"\u6881\u542f\u6d77","boss_phone":"13913567424","contact":"\u5b59\u840d","phone":"19962192327","certificate_id":null,"state":"active","created_at":"2021-08-30T03:06:17.000000Z","updated_at":"2022-07-10T08:52:40.000000Z","deleted_at":null,"business_number":"91320508094081197J","balance":"2070.00","lng":"120.61648","lat":"31.31036","shops_count":1,"default_shop":{"id":4,"merchant_id":4,"name":"\u4f0a\u7d22","address":"\u65e0","contact":"\u5b8b\u536b\u5b97","phone":"18962113007","s
      tableItem:[
        {
          prop:'username',
          label:'简称/用户名',
          width:140
        },
        {
          prop:'name',
          label:'全名',
          width: 200
        },
        {
          prop:'business_number',
          label:'营业执照号码',
          width: 180
        },
        {
          prop:"address",
          label:"地址",
          width: 250
        },
        {
          prop:"boss",
          label:"法人/老板",
          width:110
        },
        {
          prop:"boss_phone",
          label:"法人/老板电话",
          width:150
        },
        {
          prop:"contact",
          label:"联系人",
          width: 110
        },
        {
          prop:"phone",
          label:"联系电话",
          width: 150
        },
        {
          prop:"shops_count",
          label:"门店数",
          width: 100
        },
        {
          prop:"state",
          label: "状态"
        }
      ]

    }
  },
  methods: {

  }

}
</script>

<style scoped lang="scss">
</style>