yunyubang-web/src/views/business/component/addStore.vue

<!--新增门店-->
<template>
  <div>
    <xy-dialog :is-show.sync="isShow" title="新增门店" type="form" :form="form">
      <template v-slot:belongsMerchant>
        <div class="xy-table-item">
          <div class="xy-table-item-label">
            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>所属商家：
          </div>
          <div class="xy-table-item-content">
            <el-select clearable placeholder="请选择所属商家" v-model="form.belongsMerchant" style="width: 300px;"/>
          </div>
        </div>
      </template>
      <template v-slot:name>
        <div class="xy-table-item">
          <div class="xy-table-item-label">
            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>名称：
          </div>
          <div class="xy-table-item-content">
            <el-input clearable placeholder="请填写活动名称" v-model="form.name" style="width: 300px;"/>
          </div>
        </div>
      </template>
      <template v-slot:password>
        <div class="xy-table-item">
          <div class="xy-table-item-label">
            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>密码：
          </div>
          <div class="xy-table-item-content">
            <el-input clearable placeholder="请填写密码" v-model="form.password" style="width: 300px;"/>
          </div>
        </div>
      </template>
      <template v-slot:address>
        <div class="xy-table-item">
          <div class="xy-table-item-label">
            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>地址：
          </div>
          <div class="xy-table-item-content">
            <el-input clearable placeholder="请填写地址" v-model="form.address" style="width: 300px;"/>
          </div>
        </div>
      </template>
      <template v-slot:contact>
        <div class="xy-table-item">
          <div class="xy-table-item-label">
            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>联系人：
          </div>
          <div class="xy-table-item-content">
            <el-input clearable placeholder="请填写联系人" v-model="form.contact" style="width: 300px;"/>
          </div>
        </div>
      </template>
      <template v-slot:contactNumber>
        <div class="xy-table-item">
          <div class="xy-table-item-label">
            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>联系电话：
          </div>
          <div class="xy-table-item-content">
            <el-input clearable placeholder="请填写联系电话" v-model="form.contactNumber" style="width: 300px;"/>
          </div>
        </div>
      </template>
      <template v-slot:lng>
        <div class="xy-table-item">
          <div class="xy-table-item-label">
            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>经度：
          </div>
          <div class="xy-table-item-content">
            <el-input clearable placeholder="请填写经度" v-model="form.lng" style="width: 120px;"/>
          </div>
        </div>
      </template>
      <template v-slot:eng>
        <div class="xy-table-item">
          <div class="xy-table-item-label">
            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>纬度：
          </div>
          <div class="xy-table-item-content">
            <el-input clearable placeholder="请填写纬度" v-model="form.eng" style="width: 120px;"/>
          </div>
        </div>
      </template>
    </xy-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isShow:false,

      form:{
        belongsMerchant:'',
        name:'',
        password:'',
        address:'',
        contact:'',
        contactNumber:'',
        lng:'',
        eng:''
      }
    }
  },
  methods: {}

}
</script>

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