221 lines
6.0 KiB
Vue
221 lines
6.0 KiB
Vue
|
|
<template>
|
|
<el-card style="margin-top: 16px">
|
|
<el-form
|
|
ref="elForm"
|
|
:disabled="true"
|
|
:model="formData"
|
|
size="mini"
|
|
label-width="180px"
|
|
>
|
|
<div class="tit">
|
|
开设店铺
|
|
<span class="time">更新于:{{ update_time }}</span>
|
|
</div>
|
|
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label="有无门面" prop="shop_front">
|
|
<el-radio-group v-model="datas.shop_front" size="medium">
|
|
<el-radio label="1">有</el-radio>
|
|
<el-radio label="0">无</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="门面面积(m²)" prop="area">
|
|
<el-input
|
|
v-model="datas.area"
|
|
clearable
|
|
:disabled="true"
|
|
:style="{ width: '100%' }"
|
|
>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="经营地点" prop="place">
|
|
<el-input
|
|
v-model="datas.place"
|
|
clearable
|
|
:disabled="true"
|
|
:style="{ width: '100%' }"
|
|
>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="经营类型" prop="type">
|
|
<el-select
|
|
:disabled="isCheck"
|
|
v-model="datas.type"
|
|
clearable
|
|
:style="{ width: '100%' }"
|
|
>
|
|
<el-option
|
|
v-for="(item, index) in storeTypeList"
|
|
:key="index"
|
|
:label="item"
|
|
:value="index + ''"
|
|
></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="门面环境" prop="environment">
|
|
<el-input
|
|
v-model="datas.environment"
|
|
clearable
|
|
:disabled="true"
|
|
:style="{ width: '100%' }"
|
|
>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="服务对象" prop="service">
|
|
<el-input
|
|
v-model="datas.service"
|
|
clearable
|
|
:disabled="true"
|
|
:style="{ width: '100%' }"
|
|
>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="有无营业资质" prop="qualification">
|
|
<el-radio-group v-model="datas.qualification" size="medium">
|
|
<el-radio label="1">有</el-radio>
|
|
<el-radio label="0">无</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="有无进货渠道" prop="stock">
|
|
<el-radio-group v-model="datas.stock" size="medium">
|
|
<el-radio label="1">有</el-radio>
|
|
<el-radio label="0">无</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="店铺规模" prop="scale">
|
|
<el-input
|
|
v-model="datas.scale"
|
|
clearable
|
|
:disabled="true"
|
|
:style="{ width: '100%' }"
|
|
>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="商品来源" prop="source">
|
|
<el-input
|
|
v-model="datas.source"
|
|
clearable
|
|
:disabled="true"
|
|
:style="{ width: '100%' }"
|
|
>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="有无线上展示" prop="brand">
|
|
<el-radio-group v-model="datas.brand" size="medium">
|
|
<el-radio label="1">有</el-radio>
|
|
<el-radio label="0">无</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="有无品牌" prop="field134">
|
|
<el-radio-group v-model="datas.brand" size="medium">
|
|
<el-radio label="1">有</el-radio>
|
|
<el-radio label="0">无</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="库存情况" prop="repertory">
|
|
<el-radio-group v-model="datas.repertory" size="medium">
|
|
<el-radio label="1">有</el-radio>
|
|
<el-radio label="0">无</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="经营诉求" prop="appeal">
|
|
<el-input
|
|
v-model="datas.appeal"
|
|
clearable
|
|
autosize
|
|
type="textarea"
|
|
:disabled="true"
|
|
:style="{ width: '100%' }"
|
|
>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
</el-card>
|
|
</template>
|
|
|
|
<script setup lang='ts'>
|
|
const storeTypeList = ref([
|
|
"超市",
|
|
"生鲜",
|
|
"饭店",
|
|
"五金",
|
|
"杂货",
|
|
"服装",
|
|
"文具",
|
|
"其他",
|
|
]);
|
|
|
|
const props = defineProps({
|
|
datas: {
|
|
type: Object,
|
|
defualt: function () {
|
|
return {
|
|
appeal: "",
|
|
aea: "",
|
|
brand: "",
|
|
environment: "",
|
|
online_display: "",
|
|
place: "",
|
|
qualification: "",
|
|
repertory: "",
|
|
scale: "",
|
|
service: "",
|
|
shop_front: "",
|
|
source: "",
|
|
stock: "",
|
|
type: "",
|
|
};
|
|
},
|
|
},
|
|
update_time: {
|
|
type: String,
|
|
defualt: "",
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style scoped lang='scss'>
|
|
.tit {
|
|
font-size: 1.2rem;
|
|
translate: 1vw -1vw;
|
|
background-color: white;
|
|
margin: 2vh 0 0 0;
|
|
.time {
|
|
display: inline-block;
|
|
font-size: 0.8rem;
|
|
margin-left: 1vw;
|
|
color: #999;
|
|
}
|
|
}
|
|
</style>
|