108 lines
4.4 KiB
Vue
108 lines
4.4 KiB
Vue
<template>
|
||
<view class="padding page">
|
||
<view class="padding bg-white radius">
|
||
<view class="flex margin-bottom margin-top">
|
||
<view>用户名</view>
|
||
<view class="text-red">*</view>
|
||
</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="margin-bottom margin-top">企业代码</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="flex margin-bottom margin-top">
|
||
<view>企业类型</view>
|
||
<view class="text-red">*</view>
|
||
</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="margin-bottom margin-top">注册资金（万元）</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="margin-bottom margin-top">建设日期</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="margin-bottom margin-top">员工人数</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="margin-bottom margin-top">所属行业</view>
|
||
<up-radio-group v-model="radiovalue1" placement="row" shape="square" @change="groupChange">
|
||
<up-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in radiolist1" :key="index"
|
||
:label="item.name" :name="item.name" @change="radioChange">
|
||
</up-radio>
|
||
</up-radio-group>
|
||
<view class="margin-bottom margin-top">主营业务</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="margin-bottom margin-top">年收入（万元）</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="margin-bottom margin-top">所在城市</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="margin-bottom margin-top">企业地址</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="margin-bottom margin-top">联系电话</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="margin-bottom margin-top">邮箱</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="margin-bottom margin-top">法人代表</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="margin-bottom margin-top">法人手机</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="margin-bottom margin-top">安全负责人</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="margin-bottom margin-top">安全负责人手机</view>
|
||
<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
|
||
<view class="margin-bottom margin-top">证书图片</view>
|
||
<up-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
|
||
:maxCount="10"></up-upload>
|
||
<view class="margin-bottom margin-top">企业简介</view>
|
||
<up-textarea v-model="value1" placeholder="请输入内容"></up-textarea>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import {
|
||
ref,
|
||
reactive
|
||
} from 'vue';
|
||
|
||
// 基本案列数据
|
||
const radiolist1 = reactive([{
|
||
name: '矿山开采',
|
||
disabled: false,
|
||
},
|
||
{
|
||
name: '化工生产',
|
||
disabled: false,
|
||
},
|
||
{
|
||
name: '冶金工业',
|
||
disabled: false,
|
||
},
|
||
{
|
||
name: '建筑施工',
|
||
disabled: false,
|
||
},
|
||
]);
|
||
|
||
// up-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
|
||
const radiovalue1 = ref('矿山开采');
|
||
|
||
const groupChange = (n) => {
|
||
console.log('groupChange', n);
|
||
};
|
||
|
||
const radioChange = (n) => {
|
||
console.log('radioChange', n);
|
||
};
|
||
|
||
// 图片上传
|
||
const fileList1 = ref([]);
|
||
const afterRead = (event) => {
|
||
console.log(event);
|
||
};
|
||
const deletePic = (event) => {
|
||
console.log(event);
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.page {
|
||
min-height: 100vh;
|
||
background: #EBF2FC;
|
||
}
|
||
</style> |