新增生产投入明细,房屋装修,宴席等相关组件
This commit is contained in:
weipengfei
parent
ee5e264c88
commit
966e878538
157
components/newArchives/banquetBirthday.vue
Normal file
157
components/newArchives/banquetBirthday.vue
Normal file
@ -0,0 +1,157 @@
|
|||||||
|
|
||||||
|
<template>
|
||||||
|
<view class="">
|
||||||
|
<view class="title">寿宴</view>
|
||||||
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
|
||||||
|
<u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:2,label:'酒店'},{value:1,label:'一条龙'},{value:0,label:'只请厨师'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
</u--form>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
|
||||||
|
formData: {
|
||||||
|
shop_front: '', //有无门面
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.initRules()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 初始化校验
|
||||||
|
initRules() {
|
||||||
|
let arr = Object.keys(this.formData);
|
||||||
|
arr.forEach(key => {
|
||||||
|
this.rules[key] = {
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
this.$refs.breedingForm.clearValidate(rule.field);
|
||||||
|
value.trim() !== '' ? callback() : callback('不能为空');
|
||||||
|
},
|
||||||
|
trigger: ['change', 'blur']
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 校验
|
||||||
|
async validate() {
|
||||||
|
return await this.$refs.breedingForm.validate();;
|
||||||
|
},
|
||||||
|
// 选择土地规划
|
||||||
|
changeLanPlan(e) {
|
||||||
|
let index = e.currentTarget.dataset.index;
|
||||||
|
this.formData.planning = e.detail.value;
|
||||||
|
},
|
||||||
|
// 选择时间
|
||||||
|
changeDate(e) {
|
||||||
|
let data = e.currentTarget.dataset;
|
||||||
|
this.formData[data.value] = e.detail.value;
|
||||||
|
},
|
||||||
|
// 新增开设店铺
|
||||||
|
pushBreedingList() {
|
||||||
|
this.formData.push({})
|
||||||
|
},
|
||||||
|
// 删除开设店铺
|
||||||
|
removeBreedingList(index) {
|
||||||
|
uni.showModal({
|
||||||
|
confirmColor: '#f56c6c',
|
||||||
|
content: '确定删除吗?',
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.formData.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.title {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 34rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
width: 8rpx;
|
||||||
|
height: 26rpx;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
background-color: #3175f9;
|
||||||
|
content: "";
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: #f56c6c;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plus {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: $theme-oa-color;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
157
components/newArchives/banquetFullMoon.vue
Normal file
157
components/newArchives/banquetFullMoon.vue
Normal file
@ -0,0 +1,157 @@
|
|||||||
|
|
||||||
|
<template>
|
||||||
|
<view class="">
|
||||||
|
<view class="title">满月酒</view>
|
||||||
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
|
||||||
|
<u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:2,label:'酒店'},{value:1,label:'一条龙'},{value:0,label:'只请厨师'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
</u--form>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
|
||||||
|
formData: {
|
||||||
|
shop_front: '', //有无门面
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.initRules()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 初始化校验
|
||||||
|
initRules() {
|
||||||
|
let arr = Object.keys(this.formData);
|
||||||
|
arr.forEach(key => {
|
||||||
|
this.rules[key] = {
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
this.$refs.breedingForm.clearValidate(rule.field);
|
||||||
|
value.trim() !== '' ? callback() : callback('不能为空');
|
||||||
|
},
|
||||||
|
trigger: ['change', 'blur']
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 校验
|
||||||
|
async validate() {
|
||||||
|
return await this.$refs.breedingForm.validate();;
|
||||||
|
},
|
||||||
|
// 选择土地规划
|
||||||
|
changeLanPlan(e) {
|
||||||
|
let index = e.currentTarget.dataset.index;
|
||||||
|
this.formData.planning = e.detail.value;
|
||||||
|
},
|
||||||
|
// 选择时间
|
||||||
|
changeDate(e) {
|
||||||
|
let data = e.currentTarget.dataset;
|
||||||
|
this.formData[data.value] = e.detail.value;
|
||||||
|
},
|
||||||
|
// 新增开设店铺
|
||||||
|
pushBreedingList() {
|
||||||
|
this.formData.push({})
|
||||||
|
},
|
||||||
|
// 删除开设店铺
|
||||||
|
removeBreedingList(index) {
|
||||||
|
uni.showModal({
|
||||||
|
confirmColor: '#f56c6c',
|
||||||
|
content: '确定删除吗?',
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.formData.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.title {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 34rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
width: 8rpx;
|
||||||
|
height: 26rpx;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
background-color: #3175f9;
|
||||||
|
content: "";
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: #f56c6c;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plus {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: $theme-oa-color;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
170
components/newArchives/banquetFuneral.vue
Normal file
170
components/newArchives/banquetFuneral.vue
Normal file
@ -0,0 +1,170 @@
|
|||||||
|
|
||||||
|
<template>
|
||||||
|
<view class="">
|
||||||
|
<view class="title">白事</view>
|
||||||
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
|
||||||
|
<u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:2,label:'酒店'},{value:1,label:'一条龙'},{value:0,label:'只请厨师'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无主持仪式" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无墓地" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
</u--form>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
|
||||||
|
formData: {
|
||||||
|
shop_front: '', //有无门面
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.initRules()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 初始化校验
|
||||||
|
initRules() {
|
||||||
|
let arr = Object.keys(this.formData);
|
||||||
|
arr.forEach(key => {
|
||||||
|
this.rules[key] = {
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
this.$refs.breedingForm.clearValidate(rule.field);
|
||||||
|
value.trim() !== '' ? callback() : callback('不能为空');
|
||||||
|
},
|
||||||
|
trigger: ['change', 'blur']
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 校验
|
||||||
|
async validate() {
|
||||||
|
return await this.$refs.breedingForm.validate();;
|
||||||
|
},
|
||||||
|
// 选择土地规划
|
||||||
|
changeLanPlan(e) {
|
||||||
|
let index = e.currentTarget.dataset.index;
|
||||||
|
this.formData.planning = e.detail.value;
|
||||||
|
},
|
||||||
|
// 选择时间
|
||||||
|
changeDate(e) {
|
||||||
|
let data = e.currentTarget.dataset;
|
||||||
|
this.formData[data.value] = e.detail.value;
|
||||||
|
},
|
||||||
|
// 新增开设店铺
|
||||||
|
pushBreedingList() {
|
||||||
|
this.formData.push({})
|
||||||
|
},
|
||||||
|
// 删除开设店铺
|
||||||
|
removeBreedingList(index) {
|
||||||
|
uni.showModal({
|
||||||
|
confirmColor: '#f56c6c',
|
||||||
|
content: '确定删除吗?',
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.formData.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.title {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 34rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
width: 8rpx;
|
||||||
|
height: 26rpx;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
background-color: #3175f9;
|
||||||
|
content: "";
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: #f56c6c;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plus {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: $theme-oa-color;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
165
components/newArchives/banquetMarry.vue
Normal file
165
components/newArchives/banquetMarry.vue
Normal file
@ -0,0 +1,165 @@
|
|||||||
|
|
||||||
|
<template>
|
||||||
|
<view class="">
|
||||||
|
<view class="title">婚宴</view>
|
||||||
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
|
||||||
|
<u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:2,label:'酒店'},{value:1,label:'一条龙'},{value:0,label:'只请厨师'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无主持仪式" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
</u--form>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
|
||||||
|
formData: {
|
||||||
|
shop_front: '', //有无门面
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.initRules()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 初始化校验
|
||||||
|
initRules() {
|
||||||
|
let arr = Object.keys(this.formData);
|
||||||
|
arr.forEach(key => {
|
||||||
|
this.rules[key] = {
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
this.$refs.breedingForm.clearValidate(rule.field);
|
||||||
|
value.trim() !== '' ? callback() : callback('不能为空');
|
||||||
|
},
|
||||||
|
trigger: ['change', 'blur']
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 校验
|
||||||
|
async validate() {
|
||||||
|
return await this.$refs.breedingForm.validate();;
|
||||||
|
},
|
||||||
|
// 选择土地规划
|
||||||
|
changeLanPlan(e) {
|
||||||
|
let index = e.currentTarget.dataset.index;
|
||||||
|
this.formData.planning = e.detail.value;
|
||||||
|
},
|
||||||
|
// 选择时间
|
||||||
|
changeDate(e) {
|
||||||
|
let data = e.currentTarget.dataset;
|
||||||
|
this.formData[data.value] = e.detail.value;
|
||||||
|
},
|
||||||
|
// 新增开设店铺
|
||||||
|
pushBreedingList() {
|
||||||
|
this.formData.push({})
|
||||||
|
},
|
||||||
|
// 删除开设店铺
|
||||||
|
removeBreedingList(index) {
|
||||||
|
uni.showModal({
|
||||||
|
confirmColor: '#f56c6c',
|
||||||
|
content: '确定删除吗?',
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.formData.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.title {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 34rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
width: 8rpx;
|
||||||
|
height: 26rpx;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
background-color: #3175f9;
|
||||||
|
content: "";
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: #f56c6c;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plus {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: $theme-oa-color;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
160
components/newArchives/banquetOther.vue
Normal file
160
components/newArchives/banquetOther.vue
Normal file
@ -0,0 +1,160 @@
|
|||||||
|
|
||||||
|
<template>
|
||||||
|
<view class="">
|
||||||
|
<view class="title">其他庆祝宴</view>
|
||||||
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
|
||||||
|
<u-form-item labelWidth="auto" label="宴席类型" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:2,label:'酒店'},{value:1,label:'一条龙'},{value:0,label:'只请厨师'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
</u--form>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
|
||||||
|
formData: {
|
||||||
|
shop_front: '', //有无门面
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.initRules()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 初始化校验
|
||||||
|
initRules() {
|
||||||
|
let arr = Object.keys(this.formData);
|
||||||
|
arr.forEach(key => {
|
||||||
|
this.rules[key] = {
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
this.$refs.breedingForm.clearValidate(rule.field);
|
||||||
|
value.trim() !== '' ? callback() : callback('不能为空');
|
||||||
|
},
|
||||||
|
trigger: ['change', 'blur']
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 校验
|
||||||
|
async validate() {
|
||||||
|
return await this.$refs.breedingForm.validate();;
|
||||||
|
},
|
||||||
|
// 选择土地规划
|
||||||
|
changeLanPlan(e) {
|
||||||
|
let index = e.currentTarget.dataset.index;
|
||||||
|
this.formData.planning = e.detail.value;
|
||||||
|
},
|
||||||
|
// 选择时间
|
||||||
|
changeDate(e) {
|
||||||
|
let data = e.currentTarget.dataset;
|
||||||
|
this.formData[data.value] = e.detail.value;
|
||||||
|
},
|
||||||
|
// 新增开设店铺
|
||||||
|
pushBreedingList() {
|
||||||
|
this.formData.push({})
|
||||||
|
},
|
||||||
|
// 删除开设店铺
|
||||||
|
removeBreedingList(index) {
|
||||||
|
uni.showModal({
|
||||||
|
confirmColor: '#f56c6c',
|
||||||
|
content: '确定删除吗?',
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.formData.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.title {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 34rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
width: 8rpx;
|
||||||
|
height: 26rpx;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
background-color: #3175f9;
|
||||||
|
content: "";
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: #f56c6c;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plus {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: $theme-oa-color;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
263
components/newArchives/deepProcessing.vue
Normal file
263
components/newArchives/deepProcessing.vue
Normal file
@ -0,0 +1,263 @@
|
|||||||
|
<!-- 深加工 -->
|
||||||
|
<template>
|
||||||
|
<view class="">
|
||||||
|
<view class="title">深加工</view>
|
||||||
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
|
||||||
|
<u-form-item labelWidth="auto" label="是否在经营" required prop="shop_front" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<block v-if="formData.shop_front">
|
||||||
|
<u-form-item labelWidth="auto" label="有无建设用地" required prop="shop_front" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="面积" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入面积"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无销售渠道" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无技术指导" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无运输" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom>
|
||||||
|
<u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
|
||||||
|
count></u--textarea>
|
||||||
|
</u-form-item>
|
||||||
|
</block>
|
||||||
|
<block v-else>
|
||||||
|
<u-form-item labelWidth="auto" label="有无建设用地" required prop="shop_front" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<picker :range="storeTypeList" mode="selector" @change="changeLanPlan">
|
||||||
|
<u-form-item labelWidth="auto" label="经营类型" required prop="planning" borderBottom>
|
||||||
|
<u--input :value="storeTypeList[formData.planning]" placeholder="请选择经营类型" disabled
|
||||||
|
disabledColor="#fff"></u--input>
|
||||||
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||||
|
</u-form-item>
|
||||||
|
</picker>
|
||||||
|
<u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="人数" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无食堂" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="自动化办公程度" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无用工需求" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="库存情况" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无运输" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom>
|
||||||
|
<u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
|
||||||
|
count></u--textarea>
|
||||||
|
</u-form-item>
|
||||||
|
</block>
|
||||||
|
</u--form>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
|
||||||
|
formData: {
|
||||||
|
shop_front: '', //有无门面
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.initRules()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 初始化校验
|
||||||
|
initRules() {
|
||||||
|
let arr = Object.keys(this.formData);
|
||||||
|
arr.forEach(key => {
|
||||||
|
this.rules[key] = {
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
this.$refs.breedingForm.clearValidate(rule.field);
|
||||||
|
value.trim() !== '' ? callback() : callback('不能为空');
|
||||||
|
},
|
||||||
|
trigger: ['change', 'blur']
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 校验
|
||||||
|
async validate() {
|
||||||
|
return await this.$refs.breedingForm.validate();;
|
||||||
|
},
|
||||||
|
// 选择土地规划
|
||||||
|
changeLanPlan(e) {
|
||||||
|
let index = e.currentTarget.dataset.index;
|
||||||
|
this.formData.planning = e.detail.value;
|
||||||
|
},
|
||||||
|
// 选择时间
|
||||||
|
changeDate(e) {
|
||||||
|
let data = e.currentTarget.dataset;
|
||||||
|
this.formData[data.value] = e.detail.value;
|
||||||
|
},
|
||||||
|
// 新增开设店铺
|
||||||
|
pushBreedingList() {
|
||||||
|
this.formData.push({})
|
||||||
|
},
|
||||||
|
// 删除开设店铺
|
||||||
|
removeBreedingList(index) {
|
||||||
|
uni.showModal({
|
||||||
|
confirmColor: '#f56c6c',
|
||||||
|
content: '确定删除吗?',
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.formData.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.title {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 34rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
width: 8rpx;
|
||||||
|
height: 26rpx;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
background-color: #3175f9;
|
||||||
|
content: "";
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: #f56c6c;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plus {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: $theme-oa-color;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
137
components/newArchives/houseDecoration.vue
Normal file
137
components/newArchives/houseDecoration.vue
Normal file
@ -0,0 +1,137 @@
|
|||||||
|
<template>
|
||||||
|
<view class="">
|
||||||
|
<view class="title">装房</view>
|
||||||
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
|
||||||
|
<u-form-item labelWidth="auto" label="房屋面积" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="装修风格" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="装修地点" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="装修预算" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="装修类型" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'私人'},{value:0,label:'公共建设'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
</u-form-item>
|
||||||
|
</u--form>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
|
||||||
|
formData: {
|
||||||
|
shop_front: '', //有无门面
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.initRules()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 初始化校验
|
||||||
|
initRules() {
|
||||||
|
let arr = Object.keys(this.formData);
|
||||||
|
arr.forEach(key => {
|
||||||
|
this.rules[key] = {
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
this.$refs.breedingForm.clearValidate(rule.field);
|
||||||
|
value.trim() !== '' ? callback() : callback('不能为空');
|
||||||
|
},
|
||||||
|
trigger: ['change', 'blur']
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 校验
|
||||||
|
async validate() {
|
||||||
|
return await this.$refs.breedingForm.validate();;
|
||||||
|
},
|
||||||
|
// 选择土地规划
|
||||||
|
changeLanPlan(e) {
|
||||||
|
let index = e.currentTarget.dataset.index;
|
||||||
|
this.formData.planning = e.detail.value;
|
||||||
|
},
|
||||||
|
// 选择时间
|
||||||
|
changeDate(e) {
|
||||||
|
let data = e.currentTarget.dataset;
|
||||||
|
this.formData[data.value] = e.detail.value;
|
||||||
|
},
|
||||||
|
// 新增开设店铺
|
||||||
|
pushBreedingList() {
|
||||||
|
this.formData.push({})
|
||||||
|
},
|
||||||
|
// 删除开设店铺
|
||||||
|
removeBreedingList(index) {
|
||||||
|
uni.showModal({
|
||||||
|
confirmColor: '#f56c6c',
|
||||||
|
content: '确定删除吗?',
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.formData.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.title {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 34rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
width: 8rpx;
|
||||||
|
height: 26rpx;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
background-color: #3175f9;
|
||||||
|
content: "";
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: #f56c6c;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plus {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: $theme-oa-color;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
127
components/newArchives/houseRenovate.vue
Normal file
127
components/newArchives/houseRenovate.vue
Normal file
@ -0,0 +1,127 @@
|
|||||||
|
<template>
|
||||||
|
<view class="">
|
||||||
|
<view class="title">翻新</view>
|
||||||
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
|
||||||
|
<u-form-item labelWidth="auto" labelPosition="top" label="维护内容" required prop="policy_subsidies" borderBottom>
|
||||||
|
<u--textarea v-model="formData.policy_subsidies" autoHeight placeholder="请输入维护内容" border="surround"
|
||||||
|
count></u--textarea>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="维护类型" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'换'},{value:0,label:'修'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
</u--form>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
|
||||||
|
formData: {
|
||||||
|
shop_front: '', //有无门面
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.initRules()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 初始化校验
|
||||||
|
initRules() {
|
||||||
|
let arr = Object.keys(this.formData);
|
||||||
|
arr.forEach(key => {
|
||||||
|
this.rules[key] = {
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
this.$refs.breedingForm.clearValidate(rule.field);
|
||||||
|
value.trim() !== '' ? callback() : callback('不能为空');
|
||||||
|
},
|
||||||
|
trigger: ['change', 'blur']
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 校验
|
||||||
|
async validate() {
|
||||||
|
return await this.$refs.breedingForm.validate();;
|
||||||
|
},
|
||||||
|
// 选择土地规划
|
||||||
|
changeLanPlan(e) {
|
||||||
|
let index = e.currentTarget.dataset.index;
|
||||||
|
this.formData.planning = e.detail.value;
|
||||||
|
},
|
||||||
|
// 选择时间
|
||||||
|
changeDate(e) {
|
||||||
|
let data = e.currentTarget.dataset;
|
||||||
|
this.formData[data.value] = e.detail.value;
|
||||||
|
},
|
||||||
|
// 新增开设店铺
|
||||||
|
pushBreedingList() {
|
||||||
|
this.formData.push({})
|
||||||
|
},
|
||||||
|
// 删除开设店铺
|
||||||
|
removeBreedingList(index) {
|
||||||
|
uni.showModal({
|
||||||
|
confirmColor: '#f56c6c',
|
||||||
|
content: '确定删除吗?',
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.formData.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.title {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 34rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
width: 8rpx;
|
||||||
|
height: 26rpx;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
background-color: #3175f9;
|
||||||
|
content: "";
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: #f56c6c;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plus {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: $theme-oa-color;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
162
components/newArchives/houseRepair.vue
Normal file
162
components/newArchives/houseRepair.vue
Normal file
@ -0,0 +1,162 @@
|
|||||||
|
<template>
|
||||||
|
<view class="">
|
||||||
|
<view class="title">修房</view>
|
||||||
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
|
||||||
|
<u-form-item labelWidth="auto" label="修房类型" required prop="shop_front" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'自建'},{value:0,label:'外包'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="建设面积" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="房屋风格" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="修建地址" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="预算" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无绿化" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无装修" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="房屋类型" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'私人'},{value:0,label:'公共建设'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="修建地照片" required prop="planting_company" borderBottom>
|
||||||
|
|
||||||
|
</u-form-item>
|
||||||
|
</u--form>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
|
||||||
|
formData: {
|
||||||
|
shop_front: '', //有无门面
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.initRules()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 初始化校验
|
||||||
|
initRules() {
|
||||||
|
let arr = Object.keys(this.formData);
|
||||||
|
arr.forEach(key => {
|
||||||
|
this.rules[key] = {
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
this.$refs.breedingForm.clearValidate(rule.field);
|
||||||
|
value.trim() !== '' ? callback() : callback('不能为空');
|
||||||
|
},
|
||||||
|
trigger: ['change', 'blur']
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 校验
|
||||||
|
async validate() {
|
||||||
|
return await this.$refs.breedingForm.validate();;
|
||||||
|
},
|
||||||
|
// 选择土地规划
|
||||||
|
changeLanPlan(e) {
|
||||||
|
let index = e.currentTarget.dataset.index;
|
||||||
|
this.formData.planning = e.detail.value;
|
||||||
|
},
|
||||||
|
// 选择时间
|
||||||
|
changeDate(e) {
|
||||||
|
let data = e.currentTarget.dataset;
|
||||||
|
this.formData[data.value] = e.detail.value;
|
||||||
|
},
|
||||||
|
// 新增开设店铺
|
||||||
|
pushBreedingList() {
|
||||||
|
this.formData.push({})
|
||||||
|
},
|
||||||
|
// 删除开设店铺
|
||||||
|
removeBreedingList(index) {
|
||||||
|
uni.showModal({
|
||||||
|
confirmColor: '#f56c6c',
|
||||||
|
content: '确定删除吗?',
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.formData.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.title {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 34rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
width: 8rpx;
|
||||||
|
height: 26rpx;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
background-color: #3175f9;
|
||||||
|
content: "";
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: #f56c6c;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plus {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: $theme-oa-color;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
153
components/newArchives/houseTransaction.vue
Normal file
153
components/newArchives/houseTransaction.vue
Normal file
@ -0,0 +1,153 @@
|
|||||||
|
<template>
|
||||||
|
<view class="">
|
||||||
|
<view class="title">买卖房</view>
|
||||||
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
|
||||||
|
<u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="房型" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="几房" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="面积" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="朝向" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="楼层" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="装修类型" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'精装'},{value:0,label:'清水'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="预算" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="付款类型" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'按揭'},{value:0,label:'全款'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
</u-form-item>
|
||||||
|
</u--form>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
|
||||||
|
formData: {
|
||||||
|
shop_front: '', //有无门面
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.initRules()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 初始化校验
|
||||||
|
initRules() {
|
||||||
|
let arr = Object.keys(this.formData);
|
||||||
|
arr.forEach(key => {
|
||||||
|
this.rules[key] = {
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
this.$refs.breedingForm.clearValidate(rule.field);
|
||||||
|
value.trim() !== '' ? callback() : callback('不能为空');
|
||||||
|
},
|
||||||
|
trigger: ['change', 'blur']
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 校验
|
||||||
|
async validate() {
|
||||||
|
return await this.$refs.breedingForm.validate();;
|
||||||
|
},
|
||||||
|
// 选择土地规划
|
||||||
|
changeLanPlan(e) {
|
||||||
|
let index = e.currentTarget.dataset.index;
|
||||||
|
this.formData.planning = e.detail.value;
|
||||||
|
},
|
||||||
|
// 选择时间
|
||||||
|
changeDate(e) {
|
||||||
|
let data = e.currentTarget.dataset;
|
||||||
|
this.formData[data.value] = e.detail.value;
|
||||||
|
},
|
||||||
|
// 新增开设店铺
|
||||||
|
pushBreedingList() {
|
||||||
|
this.formData.push({})
|
||||||
|
},
|
||||||
|
// 删除开设店铺
|
||||||
|
removeBreedingList(index) {
|
||||||
|
uni.showModal({
|
||||||
|
confirmColor: '#f56c6c',
|
||||||
|
content: '确定删除吗?',
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.formData.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.title {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 34rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
width: 8rpx;
|
||||||
|
height: 26rpx;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
background-color: #3175f9;
|
||||||
|
content: "";
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: #f56c6c;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plus {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: $theme-oa-color;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,89 +1,88 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="">
|
<view class="">
|
||||||
<view class="title">开设店铺</view>
|
<view class="title">开设店铺</view>
|
||||||
<block v-for="(item, index) in formData">
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
|
||||||
<u--form labelPosition="left" :model="item" :rules="rules" ref="breedingForm">
|
<u-form-item labelWidth="auto" label="有无门面" required prop="shop_front" borderBottom>
|
||||||
<u-form-item labelWidth="auto" label="有无门面" required prop="shop_front" borderBottom>
|
<u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
|
||||||
<u-radio-group v-model="item.shop_front" style="margin: 16rpx;">
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
<u-radio :customStyle="{marginRight: '16px'}"
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
:name="item.value">
|
||||||
:name="item.value">
|
</u-radio>
|
||||||
</u-radio>
|
</u-radio-group>
|
||||||
</u-radio-group>
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="门面面积" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<picker :range="storeTypeList" mode="selector" @change="changeLanPlan">
|
||||||
|
<u-form-item labelWidth="auto" label="经营类型" required prop="planning" borderBottom>
|
||||||
|
<u--input :value="storeTypeList[formData.planning]" placeholder="请选择经营类型" disabled
|
||||||
|
disabledColor="#fff"></u--input>
|
||||||
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item labelWidth="auto" label="门面面积" required prop="cultivated_area" borderBottom>
|
</picker>
|
||||||
<u--input v-model="item.cultivated_area" placeholder="请输入门面面积"></u--input>
|
<u-form-item labelWidth="auto" label="门面环境" required prop="notes" borderBottom>
|
||||||
</u-form-item>
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
<u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom>
|
</u-form-item>
|
||||||
<u--input v-model="item.cultivated_area" placeholder="请输入经营地点"></u--input>
|
<u-form-item labelWidth="auto" label="服务对象" required prop="notes" borderBottom>
|
||||||
</u-form-item>
|
<u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
|
||||||
<picker :range="storeTypeList" mode="selector" @change="changeLanPlan" :data-index="index">
|
</u-form-item>
|
||||||
<u-form-item labelWidth="auto" label="经营类型" required prop="planning" borderBottom>
|
<u-form-item labelWidth="auto" label="有无营业资质" required prop="planting_company" borderBottom>
|
||||||
<u--input :value="storeTypeList[item.planning]" placeholder="请选择经营类型" disabled disabledColor="#fff"></u--input>
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
</u-form-item>
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
</picker>
|
:name="item.value">
|
||||||
<u-form-item labelWidth="auto" label="门面环境" required prop="notes" borderBottom>
|
</u-radio>
|
||||||
<u--input v-model="item.cultivated_area" placeholder="请输入门面环境"></u--input>
|
</u-radio-group>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item labelWidth="auto" label="服务对象" required prop="notes" borderBottom>
|
<u-form-item labelWidth="auto" label="有无进货渠道" required prop="planting_company" borderBottom>
|
||||||
<u--input v-model="item.cultivated_area" placeholder="请输入服务对象"></u--input>
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
</u-form-item>
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
<u-form-item labelWidth="auto" label="有无营业资质" required prop="planting_company" borderBottom>
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
<u-radio-group v-model="item.planting_company" style="margin: 16rpx;">
|
:name="item.value">
|
||||||
<u-radio :customStyle="{marginRight: '16px'}"
|
</u-radio>
|
||||||
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
</u-radio-group>
|
||||||
:name="item.value">
|
</u-form-item>
|
||||||
</u-radio>
|
<u-form-item labelWidth="auto" label="店铺规模" required prop="notes" borderBottom>
|
||||||
</u-radio-group>
|
<u--input v-model="formData.breeding_type" placeholder="请输入店铺规模"></u--input>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item labelWidth="auto" label="有无进货渠道" required prop="planting_company" borderBottom>
|
<u-form-item labelWidth="auto" label="商品来源" required prop="notes" borderBottom>
|
||||||
<u-radio-group v-model="item.planting_company" style="margin: 16rpx;">
|
<u--input v-model="formData.breeding_type" placeholder="请输入商品来源"></u--input>
|
||||||
<u-radio :customStyle="{marginRight: '16px'}"
|
</u-form-item>
|
||||||
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
<u-form-item labelWidth="auto" label="服务对象" required prop="notes" borderBottom>
|
||||||
:name="item.value">
|
<u--input v-model="formData.breeding_type" placeholder="请输入服务对象"></u--input>
|
||||||
</u-radio>
|
</u-form-item>
|
||||||
</u-radio-group>
|
<u-form-item labelWidth="auto" label="有无线上展示" required prop="planting_company" borderBottom>
|
||||||
</u-form-item>
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
<u-form-item labelWidth="auto" label="店铺规模" required prop="notes" borderBottom>
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
<u--input v-model="item.breeding_type" placeholder="请输入店铺规模"></u--input>
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
</u-form-item>
|
:name="item.value">
|
||||||
<u-form-item labelWidth="auto" label="商品来源" required prop="notes" borderBottom>
|
</u-radio>
|
||||||
<u--input v-model="item.breeding_type" placeholder="请输入商品来源"></u--input>
|
</u-radio-group>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item labelWidth="auto" label="服务对象" required prop="notes" borderBottom>
|
<u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom>
|
||||||
<u--input v-model="item.breeding_type" placeholder="请输入服务对象"></u--input>
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
</u-form-item>
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
<u-form-item labelWidth="auto" label="有无线上展示" required prop="planting_company" borderBottom>
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
<u-radio-group v-model="item.planting_company" style="margin: 16rpx;">
|
:name="item.value">
|
||||||
<u-radio :customStyle="{marginRight: '16px'}"
|
</u-radio>
|
||||||
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
</u-radio-group>
|
||||||
:name="item.value">
|
</u-form-item>
|
||||||
</u-radio>
|
<u-form-item labelWidth="auto" label="库存情况" required prop="planting_company" borderBottom>
|
||||||
</u-radio-group>
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
</u-form-item>
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
<u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom>
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
<u-radio-group v-model="item.planting_company" style="margin: 16rpx;">
|
:name="item.value">
|
||||||
<u-radio :customStyle="{marginRight: '16px'}"
|
</u-radio>
|
||||||
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
</u-radio-group>
|
||||||
:name="item.value">
|
</u-form-item>
|
||||||
</u-radio>
|
<u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom>
|
||||||
</u-radio-group>
|
<u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
|
||||||
</u-form-item>
|
count></u--textarea>
|
||||||
<u-form-item labelWidth="auto" label="库存情况" required prop="planting_company" borderBottom>
|
</u-form-item>
|
||||||
<u-radio-group v-model="item.planting_company" style="margin: 16rpx;">
|
</u--form>
|
||||||
<u-radio :customStyle="{marginRight: '16px'}"
|
|
||||||
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
|
||||||
:name="item.value">
|
|
||||||
</u-radio>
|
|
||||||
</u-radio-group>
|
|
||||||
</u-form-item>
|
|
||||||
<u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom>
|
|
||||||
<u--textarea v-model="item.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
|
|
||||||
count></u--textarea>
|
|
||||||
</u-form-item>
|
|
||||||
</u--form>
|
|
||||||
</block>
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@ -92,14 +91,12 @@
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
storeTypeList: ['超市','生鲜','饭店','五金','杂货','服装','文具','其他'],
|
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
|
||||||
formData: [
|
formData: {
|
||||||
{
|
shop_front: '', //有无门面
|
||||||
shop_front:'',//有无门面
|
},
|
||||||
}
|
|
||||||
],
|
|
||||||
rules: {
|
rules: {
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -108,41 +105,31 @@
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 初始化校验
|
// 初始化校验
|
||||||
initRules(){
|
initRules() {
|
||||||
let arr = Object.keys(this.formData[0]);
|
let arr = Object.keys(this.formData);
|
||||||
arr.forEach(key=>{
|
arr.forEach(key => {
|
||||||
this.rules[key] = {
|
this.rules[key] = {
|
||||||
validator: (rule, value, callback )=>{
|
validator: (rule, value, callback) => {
|
||||||
if(Array.isArray(this.$refs.breedingForm)) for(let i = 0;i<this.$refs.breedingForm.length;i++){
|
this.$refs.breedingForm.clearValidate(rule.field);
|
||||||
this.$refs.breedingForm[i].clearValidate(rule.field);
|
value.trim() !== '' ? callback() : callback('不能为空');
|
||||||
}
|
|
||||||
value.trim()!==''?callback():callback('不能为空');
|
|
||||||
},
|
},
|
||||||
trigger: ['change', 'blur']
|
trigger: ['change', 'blur']
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 校验
|
// 校验
|
||||||
async validate(){
|
async validate() {
|
||||||
let flag = true;
|
return await this.$refs.breedingForm.validate();;
|
||||||
if(Array.isArray(this.$refs.breedingForm)) for(let i = 0;i<this.$refs.breedingForm.length;i++){
|
|
||||||
let res = await this.$refs.breedingForm[i].validate();
|
|
||||||
if(!res) {
|
|
||||||
flag = false;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return flag;
|
|
||||||
},
|
},
|
||||||
// 选择土地规划
|
// 选择土地规划
|
||||||
changeLanPlan(e) {
|
changeLanPlan(e) {
|
||||||
let index = e.currentTarget.dataset.index;
|
let index = e.currentTarget.dataset.index;
|
||||||
this.formData[index].planning = e.detail.value;
|
this.formData.planning = e.detail.value;
|
||||||
},
|
},
|
||||||
// 选择时间
|
// 选择时间
|
||||||
changeDate(e){
|
changeDate(e) {
|
||||||
let data = e.currentTarget.dataset;
|
let data = e.currentTarget.dataset;
|
||||||
this.formData[data.index][data.value] = e.detail.value;
|
this.formData[data.value] = e.detail.value;
|
||||||
},
|
},
|
||||||
// 新增开设店铺
|
// 新增开设店铺
|
||||||
pushBreedingList() {
|
pushBreedingList() {
|
||||||
@ -169,7 +156,7 @@
|
|||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
width: 8rpx;
|
width: 8rpx;
|
||||||
height: 26rpx;
|
height: 26rpx;
|
||||||
@ -180,6 +167,7 @@
|
|||||||
margin-right: 8rpx;
|
margin-right: 8rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.delete {
|
.delete {
|
||||||
margin: 22rpx 0;
|
margin: 22rpx 0;
|
||||||
// margin-bottom: 40rpx;
|
// margin-bottom: 40rpx;
|
||||||
|
|||||||
263
components/newArchives/thickProcessing.vue
Normal file
263
components/newArchives/thickProcessing.vue
Normal file
@ -0,0 +1,263 @@
|
|||||||
|
<!-- 深加工 -->
|
||||||
|
<template>
|
||||||
|
<view class="">
|
||||||
|
<view class="title">粗加工</view>
|
||||||
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
|
||||||
|
<u-form-item labelWidth="auto" label="是否在经营" required prop="shop_front" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<block v-if="formData.shop_front">
|
||||||
|
<u-form-item labelWidth="auto" label="有无建设用地" required prop="shop_front" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="面积" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入面积"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无销售渠道" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无技术指导" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无运输" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom>
|
||||||
|
<u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
|
||||||
|
count></u--textarea>
|
||||||
|
</u-form-item>
|
||||||
|
</block>
|
||||||
|
<block v-else>
|
||||||
|
<u-form-item labelWidth="auto" label="有无建设用地" required prop="shop_front" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.shop_front" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<picker :range="storeTypeList" mode="selector" @change="changeLanPlan">
|
||||||
|
<u-form-item labelWidth="auto" label="经营类型" required prop="planning" borderBottom>
|
||||||
|
<u--input :value="storeTypeList[formData.planning]" placeholder="请选择经营类型" disabled
|
||||||
|
disabledColor="#fff"></u--input>
|
||||||
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||||
|
</u-form-item>
|
||||||
|
</picker>
|
||||||
|
<u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="人数" required prop="cultivated_area" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无食堂" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="自动化办公程度" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无用工需求" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="库存情况" required prop="notes" borderBottom>
|
||||||
|
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" label="有无运输" required prop="planting_company" borderBottom>
|
||||||
|
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'有'},{value:0,label:'无'}]" :key="index" :label="item.label"
|
||||||
|
:name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom>
|
||||||
|
<u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
|
||||||
|
count></u--textarea>
|
||||||
|
</u-form-item>
|
||||||
|
</block>
|
||||||
|
</u--form>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
|
||||||
|
formData: {
|
||||||
|
shop_front: '', //有无门面
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.initRules()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 初始化校验
|
||||||
|
initRules() {
|
||||||
|
let arr = Object.keys(this.formData);
|
||||||
|
arr.forEach(key => {
|
||||||
|
this.rules[key] = {
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
this.$refs.breedingForm.clearValidate(rule.field);
|
||||||
|
value.trim() !== '' ? callback() : callback('不能为空');
|
||||||
|
},
|
||||||
|
trigger: ['change', 'blur']
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 校验
|
||||||
|
async validate() {
|
||||||
|
return await this.$refs.breedingForm.validate();;
|
||||||
|
},
|
||||||
|
// 选择土地规划
|
||||||
|
changeLanPlan(e) {
|
||||||
|
let index = e.currentTarget.dataset.index;
|
||||||
|
this.formData.planning = e.detail.value;
|
||||||
|
},
|
||||||
|
// 选择时间
|
||||||
|
changeDate(e) {
|
||||||
|
let data = e.currentTarget.dataset;
|
||||||
|
this.formData[data.value] = e.detail.value;
|
||||||
|
},
|
||||||
|
// 新增开设店铺
|
||||||
|
pushBreedingList() {
|
||||||
|
this.formData.push({})
|
||||||
|
},
|
||||||
|
// 删除开设店铺
|
||||||
|
removeBreedingList(index) {
|
||||||
|
uni.showModal({
|
||||||
|
confirmColor: '#f56c6c',
|
||||||
|
content: '确定删除吗?',
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.formData.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.title {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 34rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
width: 8rpx;
|
||||||
|
height: 26rpx;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
background-color: #3175f9;
|
||||||
|
content: "";
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: #f56c6c;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plus {
|
||||||
|
margin: 22rpx 0;
|
||||||
|
// margin-bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
height: 54rpx;
|
||||||
|
line-height: 54rpx;
|
||||||
|
background: $theme-oa-color;
|
||||||
|
border-radius: 14rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -56,9 +56,27 @@
|
|||||||
</view>
|
</view>
|
||||||
<residents ref="residentsRef"></residents>
|
<residents ref="residentsRef"></residents>
|
||||||
<breeding ref="breedingRef"></breeding>
|
<breeding ref="breedingRef"></breeding>
|
||||||
|
|
||||||
|
|
||||||
<block v-for="(item, index) in showDemandList" :key="'demand'+index">
|
<block v-for="(item, index) in showDemandList" :key="'demand'+index">
|
||||||
<block v-if="item.category_id==0">
|
<block v-if="item.category_id==0">
|
||||||
|
<breeding v-if="item.category_child==0" ref="demandRef00"></breeding>
|
||||||
<store v-if="item.category_child==1" ref="demandRef01"></store>
|
<store v-if="item.category_child==1" ref="demandRef01"></store>
|
||||||
|
<deepProcessing v-if="item.category_child==2" ref="demandRef02"></deepProcessing>
|
||||||
|
<thickProcessing v-if="item.category_child==3" ref="demandRef03"></thickProcessing>
|
||||||
|
</block>
|
||||||
|
<block v-if="item.category_id==1">
|
||||||
|
<houseRepair v-if="item.category_child==0" ref="demandRef10"></houseRepair>
|
||||||
|
<houseDecoration v-if="item.category_child==1" ref="demandRef11"></houseDecoration>
|
||||||
|
<houseRenovate v-if="item.category_child==2" ref="demandRef12"></houseRenovate>
|
||||||
|
<houseTransaction v-if="item.category_child==3" ref="demandRef13"></houseTransaction>
|
||||||
|
</block>
|
||||||
|
<block v-if="item.category_id==2">
|
||||||
|
<banquetMarry v-if="item.category_child==0" ref="demandRef20"></banquetMarry>
|
||||||
|
<banquetBirthday v-if="item.category_child==1" ref="demandRef21"></banquetBirthday>
|
||||||
|
<banquetFullMoon v-if="item.category_child==2" ref="demandRef22"></banquetFullMoon>
|
||||||
|
<banquetOther v-if="item.category_child==3" ref="demandRef23"></banquetOther>
|
||||||
|
<banquetFuneral v-if="item.category_child==4" ref="demandRef24"></banquetFuneral>
|
||||||
</block>
|
</block>
|
||||||
<button type="primary" class="delete" @click="removeShowDemand">-</button>
|
<button type="primary" class="delete" @click="removeShowDemand">-</button>
|
||||||
</block>
|
</block>
|
||||||
@ -79,8 +97,19 @@
|
|||||||
import residents from "@/components/newArchives/residents.vue" // 常住人口
|
import residents from "@/components/newArchives/residents.vue" // 常住人口
|
||||||
import breeding from "@/components/newArchives/breeding.vue" // 种养殖
|
import breeding from "@/components/newArchives/breeding.vue" // 种养殖
|
||||||
import store from "@/components/newArchives/store.vue" // 开设店铺
|
import store from "@/components/newArchives/store.vue" // 开设店铺
|
||||||
|
import deepProcessing from "@/components/newArchives/deepProcessing.vue" // 深加工
|
||||||
|
import thickProcessing from "@/components/newArchives/thickProcessing.vue" // 粗加工
|
||||||
|
import houseRepair from "@/components/newArchives/houseRepair.vue" // 修房
|
||||||
|
import houseDecoration from "@/components/newArchives/houseDecoration.vue" // 装房
|
||||||
|
import houseRenovate from "@/components/newArchives/houseRenovate.vue" // 翻新
|
||||||
|
import houseTransaction from "@/components/newArchives/houseTransaction.vue" // 买卖房子
|
||||||
|
import banquetMarry from "@/components/newArchives/banquetMarry.vue" // 婚宴
|
||||||
|
import banquetBirthday from "@/components/newArchives/banquetBirthday.vue" // 寿宴
|
||||||
|
import banquetFullMoon from "@/components/newArchives/banquetFullMoon.vue" // 满月酒
|
||||||
|
import banquetOther from "@/components/newArchives/banquetOther.vue" // 其他庆祝宴
|
||||||
|
import banquetFuneral from "@/components/newArchives/banquetFuneral.vue" // 白事
|
||||||
export default {
|
export default {
|
||||||
components: { districtSelector, residents, breeding, store },
|
components: { districtSelector, residents, breeding, store, deepProcessing, thickProcessing, houseRepair, houseDecoration, houseRenovate,houseTransaction, banquetMarry, banquetBirthday,banquetFullMoon, banquetOther, banquetFuneral },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
demandShow: false,
|
demandShow: false,
|
||||||
@ -231,12 +260,17 @@
|
|||||||
category_id: e.indexs[0],
|
category_id: e.indexs[0],
|
||||||
category_child: e.indexs[1],
|
category_child: e.indexs[1],
|
||||||
})
|
})
|
||||||
console.log(this.showDemandList);
|
// console.log(this.showDemandList);
|
||||||
this.demandShow = false;
|
this.demandShow = false;
|
||||||
},
|
},
|
||||||
// 删除需求
|
// 删除需求
|
||||||
removeShowDemand(index){
|
removeShowDemand(index){
|
||||||
this.showDemandList.splice(index, 1);
|
uni.showModal({
|
||||||
|
title:'确定删除这一部分内容吗',
|
||||||
|
success: (res) => {
|
||||||
|
if(res.confirm)this.showDemandList.splice(index, 1);
|
||||||
|
}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onPullDownRefresh() {
|
onPullDownRefresh() {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user