更新颜色

This commit is contained in:
weipengfei 2023-08-24 17:14:32 +08:00
parent f073b8f213
commit 600ba2eeb3
64 changed files with 2419 additions and 2385 deletions

View File

@ -212,7 +212,7 @@
<view class="one"> <view class="one">
<view class="linkman"> <view class="linkman">
<view <view
style="height: 30rpx;width: 6rpx;background-color: #3175f9;border-radius: 8rpx;margin-right: 8rpx;"> style="height: 30rpx;width: 6rpx;background-color: #0122c7;border-radius: 8rpx;margin-right: 8rpx;">
</view> </view>
主要联系人 主要联系人
</view> </view>
@ -229,7 +229,7 @@
:key="index"> :key="index">
<view class="linkman"> <view class="linkman">
<view <view
style="height: 30rpx;width: 6rpx;background-color: #3175f9;border-radius: 8rpx;margin-right: 8rpx;"> style="height: 30rpx;width: 6rpx;background-color: #0122c7;border-radius: 8rpx;margin-right: 8rpx;">
</view> </view>
其他联系人 其他联系人
</view> </view>

View File

@ -218,7 +218,7 @@
border-radius: 10rpx; border-radius: 10rpx;
margin-right: 10rpx; margin-right: 10rpx;
display: inline-block; display: inline-block;
background-color: #3175F9; background-color: #0122c7;
} }
} }
@ -230,7 +230,7 @@
} }
.active { .active {
color: #3175F9; color: #0122c7;
} }
} }
} }

View File

@ -284,7 +284,7 @@
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;

View File

@ -249,7 +249,7 @@
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;

View File

@ -12,7 +12,7 @@
<view class="address">店主姓名:&nbsp;&nbsp;{{goodsInfo.shop_user}}</view> <view class="address">店主姓名:&nbsp;&nbsp;{{goodsInfo.shop_user}}</view>
<view @click.stop="callFn(goodsInfo.shop_phone)" class="address"> <view @click.stop="callFn(goodsInfo.shop_phone)" class="address">
联系电话:&nbsp;&nbsp; <u-icon style="display: inline-block;margin-left: 5rpx;" name="phone" 联系电话:&nbsp;&nbsp; <u-icon style="display: inline-block;margin-left: 5rpx;" name="phone"
color="#2979ff" size="22"></u-icon> color="#0122c7" size="22"></u-icon>
<text>{{goodsInfo.shop_phone}}</text> <text>{{goodsInfo.shop_phone}}</text>
</view> </view>
<view class="address">取货地址:&nbsp;&nbsp;{{goodsInfo.shop_address}}</view> <view class="address">取货地址:&nbsp;&nbsp;{{goodsInfo.shop_address}}</view>

View File

@ -35,7 +35,7 @@
</text> </text>
<view @click.stop="callFn(goodsInfo.shop_phone)"> <view @click.stop="callFn(goodsInfo.shop_phone)">
<u-icon style="display: inline-block;margin-left: 5rpx;" name="phone" <u-icon style="display: inline-block;margin-left: 5rpx;" name="phone"
color="#2979ff" size="22"></u-icon> color="#0122c7" size="22"></u-icon>
<text class="phone_num"> {{goodsInfo.shop_phone}}</text> <text class="phone_num"> {{goodsInfo.shop_phone}}</text>

View File

@ -1,163 +1,163 @@
<template> <template>
<view class="card"> <view class="card">
<view class="title">寿宴</view> <view class="title">寿宴</view>
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm"> <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
<u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
<u-radio :customStyle="{marginRight: '16px'}" <u-radio :customStyle="{marginRight: '16px'}"
v-for="(item, index) in [{value:2,label:'酒店'},{value:1,label:'一条龙'},{value:0,label:'只请厨师'}]" :key="index" :label="item.label" v-for="(item, index) in [{value:2,label:'酒店'},{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>
<u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
</u--form> </u--form>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'], storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
formData: { formData: {
shop_front: '', // shop_front: '', //
}, },
rules: { rules: {
} }
} }
}, },
created() { created() {
this.initRules() this.initRules()
}, },
methods: { methods: {
// //
initRules() { initRules() {
let arr = Object.keys(this.formData); 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) => {
this.$refs.breedingForm.clearValidate(rule.field); this.$refs.breedingForm.clearValidate(rule.field);
value.trim() !== '' ? callback() : callback('不能为空'); value.trim() !== '' ? callback() : callback('不能为空');
}, },
trigger: ['change', 'blur'] trigger: ['change', 'blur']
} }
}) })
}, },
// //
async validate() { async validate() {
return await this.$refs.breedingForm.validate();; return await this.$refs.breedingForm.validate();;
}, },
// //
changeLanPlan(e) { changeLanPlan(e) {
let index = e.currentTarget.dataset.index; let index = e.currentTarget.dataset.index;
this.formData.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.value] = e.detail.value; this.formData[data.value] = e.detail.value;
}, },
// //
pushBreedingList() { pushBreedingList() {
this.formData.push({}) this.formData.push({})
}, },
// //
removeBreedingList(index) { removeBreedingList(index) {
uni.showModal({ uni.showModal({
confirmColor: '#f56c6c', confirmColor: '#f56c6c',
content: '确定删除吗?', content: '确定删除吗?',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
this.formData.splice(index, 1); this.formData.splice(index, 1);
} }
} }
}) })
}, },
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.card{ .card{
background-color: #fff; background-color: #fff;
margin: 28rpx; margin: 28rpx;
padding: 28rpx; padding: 28rpx;
border-radius: 14rpx; border-radius: 14rpx;
} }
.title { .title {
font-weight: 500; font-weight: 500;
font-size: 34rpx; font-size: 34rpx;
&::before { &::before {
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;
} }
} }
.delete { .delete {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: #f56c6c; background: #f56c6c;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
.plus { .plus {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: $theme-oa-color; background: $theme-oa-color;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
</style> </style>

View File

@ -1,163 +1,163 @@
<template> <template>
<view class="card"> <view class="card">
<view class="title">满月酒</view> <view class="title">满月酒</view>
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm"> <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
<u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
<u-radio :customStyle="{marginRight: '16px'}" <u-radio :customStyle="{marginRight: '16px'}"
v-for="(item, index) in [{value:2,label:'酒店'},{value:1,label:'一条龙'},{value:0,label:'只请厨师'}]" :key="index" :label="item.label" v-for="(item, index) in [{value:2,label:'酒店'},{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>
<u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
</u--form> </u--form>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'], storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
formData: { formData: {
shop_front: '', // shop_front: '', //
}, },
rules: { rules: {
} }
} }
}, },
created() { created() {
this.initRules() this.initRules()
}, },
methods: { methods: {
// //
initRules() { initRules() {
let arr = Object.keys(this.formData); 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) => {
this.$refs.breedingForm.clearValidate(rule.field); this.$refs.breedingForm.clearValidate(rule.field);
value.trim() !== '' ? callback() : callback('不能为空'); value.trim() !== '' ? callback() : callback('不能为空');
}, },
trigger: ['change', 'blur'] trigger: ['change', 'blur']
} }
}) })
}, },
// //
async validate() { async validate() {
return await this.$refs.breedingForm.validate();; return await this.$refs.breedingForm.validate();;
}, },
// //
changeLanPlan(e) { changeLanPlan(e) {
let index = e.currentTarget.dataset.index; let index = e.currentTarget.dataset.index;
this.formData.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.value] = e.detail.value; this.formData[data.value] = e.detail.value;
}, },
// //
pushBreedingList() { pushBreedingList() {
this.formData.push({}) this.formData.push({})
}, },
// //
removeBreedingList(index) { removeBreedingList(index) {
uni.showModal({ uni.showModal({
confirmColor: '#f56c6c', confirmColor: '#f56c6c',
content: '确定删除吗?', content: '确定删除吗?',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
this.formData.splice(index, 1); this.formData.splice(index, 1);
} }
} }
}) })
}, },
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.card{ .card{
background-color: #fff; background-color: #fff;
margin: 28rpx; margin: 28rpx;
padding: 28rpx; padding: 28rpx;
border-radius: 14rpx; border-radius: 14rpx;
} }
.title { .title {
font-weight: 500; font-weight: 500;
font-size: 34rpx; font-size: 34rpx;
&::before { &::before {
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;
} }
} }
.delete { .delete {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: #f56c6c; background: #f56c6c;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
.plus { .plus {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: $theme-oa-color; background: $theme-oa-color;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
</style> </style>

View File

@ -1,176 +1,176 @@
<template> <template>
<view class="card"> <view class="card">
<view class="title">白事</view> <view class="title">白事</view>
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm"> <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
<u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
<u-radio :customStyle="{marginRight: '16px'}" <u-radio :customStyle="{marginRight: '16px'}"
v-for="(item, index) in [{value:2,label:'酒店'},{value:1,label:'一条龙'},{value:0,label:'只请厨师'}]" :key="index" :label="item.label" v-for="(item, index) in [{value:2,label:'酒店'},{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>
<u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无主持仪式" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无主持仪式" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无墓地" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无墓地" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
</u--form> </u--form>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'], storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
formData: { formData: {
shop_front: '', // shop_front: '', //
}, },
rules: { rules: {
} }
} }
}, },
created() { created() {
this.initRules() this.initRules()
}, },
methods: { methods: {
// //
initRules() { initRules() {
let arr = Object.keys(this.formData); 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) => {
this.$refs.breedingForm.clearValidate(rule.field); this.$refs.breedingForm.clearValidate(rule.field);
value.trim() !== '' ? callback() : callback('不能为空'); value.trim() !== '' ? callback() : callback('不能为空');
}, },
trigger: ['change', 'blur'] trigger: ['change', 'blur']
} }
}) })
}, },
// //
async validate() { async validate() {
return await this.$refs.breedingForm.validate();; return await this.$refs.breedingForm.validate();;
}, },
// //
changeLanPlan(e) { changeLanPlan(e) {
let index = e.currentTarget.dataset.index; let index = e.currentTarget.dataset.index;
this.formData.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.value] = e.detail.value; this.formData[data.value] = e.detail.value;
}, },
// //
pushBreedingList() { pushBreedingList() {
this.formData.push({}) this.formData.push({})
}, },
// //
removeBreedingList(index) { removeBreedingList(index) {
uni.showModal({ uni.showModal({
confirmColor: '#f56c6c', confirmColor: '#f56c6c',
content: '确定删除吗?', content: '确定删除吗?',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
this.formData.splice(index, 1); this.formData.splice(index, 1);
} }
} }
}) })
}, },
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.card{ .card{
background-color: #fff; background-color: #fff;
margin: 28rpx; margin: 28rpx;
padding: 28rpx; padding: 28rpx;
border-radius: 14rpx; border-radius: 14rpx;
} }
.title { .title {
font-weight: 500; font-weight: 500;
font-size: 34rpx; font-size: 34rpx;
&::before { &::before {
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;
} }
} }
.delete { .delete {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: #f56c6c; background: #f56c6c;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
.plus { .plus {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: $theme-oa-color; background: $theme-oa-color;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
</style> </style>

View File

@ -1,171 +1,171 @@
<template> <template>
<view class="card"> <view class="card">
<view class="title">婚宴</view> <view class="title">婚宴</view>
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm"> <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
<u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
<u-radio :customStyle="{marginRight: '16px'}" <u-radio :customStyle="{marginRight: '16px'}"
v-for="(item, index) in [{value:2,label:'酒店'},{value:1,label:'一条龙'},{value:0,label:'只请厨师'}]" :key="index" :label="item.label" v-for="(item, index) in [{value:2,label:'酒店'},{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>
<u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无主持仪式" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无主持仪式" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
</u--form> </u--form>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'], storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
formData: { formData: {
shop_front: '', // shop_front: '', //
}, },
rules: { rules: {
} }
} }
}, },
created() { created() {
this.initRules() this.initRules()
}, },
methods: { methods: {
// //
initRules() { initRules() {
let arr = Object.keys(this.formData); 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) => {
this.$refs.breedingForm.clearValidate(rule.field); this.$refs.breedingForm.clearValidate(rule.field);
value.trim() !== '' ? callback() : callback('不能为空'); value.trim() !== '' ? callback() : callback('不能为空');
}, },
trigger: ['change', 'blur'] trigger: ['change', 'blur']
} }
}) })
}, },
// //
async validate() { async validate() {
return await this.$refs.breedingForm.validate();; return await this.$refs.breedingForm.validate();;
}, },
// //
changeLanPlan(e) { changeLanPlan(e) {
let index = e.currentTarget.dataset.index; let index = e.currentTarget.dataset.index;
this.formData.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.value] = e.detail.value; this.formData[data.value] = e.detail.value;
}, },
// //
pushBreedingList() { pushBreedingList() {
this.formData.push({}) this.formData.push({})
}, },
// //
removeBreedingList(index) { removeBreedingList(index) {
uni.showModal({ uni.showModal({
confirmColor: '#f56c6c', confirmColor: '#f56c6c',
content: '确定删除吗?', content: '确定删除吗?',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
this.formData.splice(index, 1); this.formData.splice(index, 1);
} }
} }
}) })
}, },
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.card{ .card{
background-color: #fff; background-color: #fff;
margin: 28rpx; margin: 28rpx;
padding: 28rpx; padding: 28rpx;
border-radius: 14rpx; border-radius: 14rpx;
} }
.title { .title {
font-weight: 500; font-weight: 500;
font-size: 34rpx; font-size: 34rpx;
&::before { &::before {
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;
} }
} }
.delete { .delete {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: #f56c6c; background: #f56c6c;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
.plus { .plus {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: $theme-oa-color; background: $theme-oa-color;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
</style> </style>

View File

@ -1,166 +1,166 @@
<template> <template>
<view class="card"> <view class="card">
<view class="title">其他庆祝宴</view> <view class="title">其他庆祝宴</view>
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm"> <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
<u-form-item labelWidth="auto" label="宴席类型" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="宴席类型" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="时间" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="人数" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="请包办" required prop="notes" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" style="margin: 16rpx;">
<u-radio :customStyle="{marginRight: '16px'}" <u-radio :customStyle="{marginRight: '16px'}"
v-for="(item, index) in [{value:2,label:'酒店'},{value:1,label:'一条龙'},{value:0,label:'只请厨师'}]" :key="index" :label="item.label" v-for="(item, index) in [{value:2,label:'酒店'},{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>
<u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无歌舞表演" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无交通工具" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无住宿" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
</u--form> </u--form>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'], storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
formData: { formData: {
shop_front: '', // shop_front: '', //
}, },
rules: { rules: {
} }
} }
}, },
created() { created() {
this.initRules() this.initRules()
}, },
methods: { methods: {
// //
initRules() { initRules() {
let arr = Object.keys(this.formData); 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) => {
this.$refs.breedingForm.clearValidate(rule.field); this.$refs.breedingForm.clearValidate(rule.field);
value.trim() !== '' ? callback() : callback('不能为空'); value.trim() !== '' ? callback() : callback('不能为空');
}, },
trigger: ['change', 'blur'] trigger: ['change', 'blur']
} }
}) })
}, },
// //
async validate() { async validate() {
return await this.$refs.breedingForm.validate();; return await this.$refs.breedingForm.validate();;
}, },
// //
changeLanPlan(e) { changeLanPlan(e) {
let index = e.currentTarget.dataset.index; let index = e.currentTarget.dataset.index;
this.formData.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.value] = e.detail.value; this.formData[data.value] = e.detail.value;
}, },
// //
pushBreedingList() { pushBreedingList() {
this.formData.push({}) this.formData.push({})
}, },
// //
removeBreedingList(index) { removeBreedingList(index) {
uni.showModal({ uni.showModal({
confirmColor: '#f56c6c', confirmColor: '#f56c6c',
content: '确定删除吗?', content: '确定删除吗?',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
this.formData.splice(index, 1); this.formData.splice(index, 1);
} }
} }
}) })
}, },
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.card{ .card{
background-color: #fff; background-color: #fff;
margin: 28rpx; margin: 28rpx;
padding: 28rpx; padding: 28rpx;
border-radius: 14rpx; border-radius: 14rpx;
} }
.title { .title {
font-weight: 500; font-weight: 500;
font-size: 34rpx; font-size: 34rpx;
&::before { &::before {
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;
} }
} }
.delete { .delete {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: #f56c6c; background: #f56c6c;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
.plus { .plus {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: $theme-oa-color; background: $theme-oa-color;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
</style> </style>

View File

@ -283,7 +283,7 @@
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;

View File

@ -1,285 +1,285 @@
<!-- 深加工 --> <!-- 深加工 -->
<template> <template>
<view class="card"> <view class="card">
<view class="title">深加工</view> <view class="title">深加工</view>
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm"> <u--form labelPosition="left" :model="formData" :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="formData.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>
<block v-if="formData.shop_front"> <block v-if="formData.shop_front">
<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="formData.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>
<u-form-item labelWidth="auto" label="面积" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="面积" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入面积"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入面积"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" 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="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无技术指导" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无技术指导" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无运输" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无运输" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom> <u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom>
<u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround" <u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
count></u--textarea> count></u--textarea>
</u-form-item> </u-form-item>
</block> </block>
<block v-else> <block v-else>
<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="formData.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>
<picker :range="storeTypeList" mode="selector" @change="changeLanPlan"> <picker :range="storeTypeList" mode="selector" @change="changeLanPlan">
<u-form-item labelWidth="auto" label="经营类型" required prop="planning" borderBottom> <u-form-item labelWidth="auto" label="经营类型" required prop="planning" borderBottom>
<u--input :value="storeTypeList[formData.planning]" placeholder="请选择经营类型" disabled <u--input :value="storeTypeList[formData.planning]" placeholder="请选择经营类型" disabled
disabledColor="#fff"></u--input> disabledColor="#fff"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon> <u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item> </u-form-item>
</picker> </picker>
<u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="人数" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="人数" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input> <u--input v-model="formData.cultivated_area" 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="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="自动化办公程度" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="自动化办公程度" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" 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="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="库存情况" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="库存情况" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" 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="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom> <u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom>
<u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround" <u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
count></u--textarea> count></u--textarea>
</u-form-item> </u-form-item>
</block> </block>
</u--form> </u--form>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
props:{ props:{
readonly: { readonly: {
type: Boolean, type: Boolean,
default: false default: false
}, },
datas:{ datas:{
type: Object, type: Object,
default: null default: null
} }
}, },
data() { data() {
return { return {
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'], storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
formData: { formData: {
shop_front: '', // shop_front: '', //
manage: '', manage: '',
// construction_land // construction_land
// type // type
// area // area
// count // count
// canteen // canteen
}, },
rules: { rules: {
} }
} }
}, },
created() { created() {
this.initRules() this.initRules()
}, },
methods: { methods: {
// //
initRules() { initRules() {
let arr = Object.keys(this.formData); 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) => {
this.$refs.breedingForm.clearValidate(rule.field); this.$refs.breedingForm.clearValidate(rule.field);
value.trim() !== '' ? callback() : callback('不能为空'); value.trim() !== '' ? callback() : callback('不能为空');
}, },
trigger: ['change', 'blur'] trigger: ['change', 'blur']
} }
}) })
}, },
// //
async validate() { async validate() {
return await this.$refs.breedingForm.validate();; return await this.$refs.breedingForm.validate();;
}, },
// //
changeLanPlan(e) { changeLanPlan(e) {
let index = e.currentTarget.dataset.index; let index = e.currentTarget.dataset.index;
this.formData.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.value] = e.detail.value; this.formData[data.value] = e.detail.value;
}, },
// //
pushBreedingList() { pushBreedingList() {
this.formData.push({}) this.formData.push({})
}, },
// //
removeBreedingList(index) { removeBreedingList(index) {
uni.showModal({ uni.showModal({
confirmColor: '#f56c6c', confirmColor: '#f56c6c',
content: '确定删除吗?', content: '确定删除吗?',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
this.formData.splice(index, 1); this.formData.splice(index, 1);
} }
} }
}) })
}, },
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.card{ .card{
background-color: #fff; background-color: #fff;
margin: 28rpx; margin: 28rpx;
padding: 28rpx; padding: 28rpx;
border-radius: 14rpx; border-radius: 14rpx;
} }
.title { .title {
font-weight: 500; font-weight: 500;
font-size: 34rpx; font-size: 34rpx;
&::before { &::before {
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;
} }
} }
.delete { .delete {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: #f56c6c; background: #f56c6c;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
.plus { .plus {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: $theme-oa-color; background: $theme-oa-color;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
</style> </style>

View File

@ -1,143 +1,143 @@
<template> <template>
<view class="card"> <view class="card">
<view class="title">装房</view> <view class="title">装房</view>
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm"> <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
<u-form-item labelWidth="auto" label="房屋面积" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="房屋面积" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="装修风格" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="装修风格" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="装修地点" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="装修地点" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="装修预算" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="装修预算" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input> <u--input v-model="formData.cultivated_area" 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="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
</u-form-item> </u-form-item>
</u--form> </u--form>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'], storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
formData: { formData: {
shop_front: '', // shop_front: '', //
}, },
rules: { rules: {
} }
} }
}, },
created() { created() {
this.initRules() this.initRules()
}, },
methods: { methods: {
// //
initRules() { initRules() {
let arr = Object.keys(this.formData); 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) => {
this.$refs.breedingForm.clearValidate(rule.field); this.$refs.breedingForm.clearValidate(rule.field);
value.trim() !== '' ? callback() : callback('不能为空'); value.trim() !== '' ? callback() : callback('不能为空');
}, },
trigger: ['change', 'blur'] trigger: ['change', 'blur']
} }
}) })
}, },
// //
async validate() { async validate() {
return await this.$refs.breedingForm.validate();; return await this.$refs.breedingForm.validate();;
}, },
// //
changeLanPlan(e) { changeLanPlan(e) {
let index = e.currentTarget.dataset.index; let index = e.currentTarget.dataset.index;
this.formData.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.value] = e.detail.value; this.formData[data.value] = e.detail.value;
}, },
// //
pushBreedingList() { pushBreedingList() {
this.formData.push({}) this.formData.push({})
}, },
// //
removeBreedingList(index) { removeBreedingList(index) {
uni.showModal({ uni.showModal({
confirmColor: '#f56c6c', confirmColor: '#f56c6c',
content: '确定删除吗?', content: '确定删除吗?',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
this.formData.splice(index, 1); this.formData.splice(index, 1);
} }
} }
}) })
}, },
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.card{ .card{
background-color: #fff; background-color: #fff;
margin: 28rpx; margin: 28rpx;
padding: 28rpx; padding: 28rpx;
border-radius: 14rpx; border-radius: 14rpx;
} }
.title { .title {
font-weight: 500; font-weight: 500;
font-size: 34rpx; font-size: 34rpx;
&::before { &::before {
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;
} }
} }
.delete { .delete {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: #f56c6c; background: #f56c6c;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
.plus { .plus {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: $theme-oa-color; background: $theme-oa-color;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
</style> </style>

View File

@ -1,133 +1,133 @@
<template> <template>
<view class="card"> <view class="card">
<view class="title">翻新</view> <view class="title">翻新</view>
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm"> <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
<u-form-item labelWidth="auto" labelPosition="top" label="维护内容" required prop="policy_subsidies" borderBottom> <u-form-item labelWidth="auto" labelPosition="top" label="维护内容" required prop="policy_subsidies" borderBottom>
<u--textarea v-model="formData.policy_subsidies" autoHeight placeholder="请输入维护内容" border="surround" <u--textarea v-model="formData.policy_subsidies" autoHeight placeholder="请输入维护内容" border="surround"
count></u--textarea> count></u--textarea>
</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="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
</u--form> </u--form>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'], storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
formData: { formData: {
shop_front: '', // shop_front: '', //
}, },
rules: { rules: {
} }
} }
}, },
created() { created() {
this.initRules() this.initRules()
}, },
methods: { methods: {
// //
initRules() { initRules() {
let arr = Object.keys(this.formData); 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) => {
this.$refs.breedingForm.clearValidate(rule.field); this.$refs.breedingForm.clearValidate(rule.field);
value.trim() !== '' ? callback() : callback('不能为空'); value.trim() !== '' ? callback() : callback('不能为空');
}, },
trigger: ['change', 'blur'] trigger: ['change', 'blur']
} }
}) })
}, },
// //
async validate() { async validate() {
return await this.$refs.breedingForm.validate();; return await this.$refs.breedingForm.validate();;
}, },
// //
changeLanPlan(e) { changeLanPlan(e) {
let index = e.currentTarget.dataset.index; let index = e.currentTarget.dataset.index;
this.formData.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.value] = e.detail.value; this.formData[data.value] = e.detail.value;
}, },
// //
pushBreedingList() { pushBreedingList() {
this.formData.push({}) this.formData.push({})
}, },
// //
removeBreedingList(index) { removeBreedingList(index) {
uni.showModal({ uni.showModal({
confirmColor: '#f56c6c', confirmColor: '#f56c6c',
content: '确定删除吗?', content: '确定删除吗?',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
this.formData.splice(index, 1); this.formData.splice(index, 1);
} }
} }
}) })
}, },
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.card{ .card{
background-color: #fff; background-color: #fff;
margin: 28rpx; margin: 28rpx;
padding: 28rpx; padding: 28rpx;
border-radius: 14rpx; border-radius: 14rpx;
} }
.title { .title {
font-weight: 500; font-weight: 500;
font-size: 34rpx; font-size: 34rpx;
&::before { &::before {
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;
} }
} }
.delete { .delete {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: #f56c6c; background: #f56c6c;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
.plus { .plus {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: $theme-oa-color; background: $theme-oa-color;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
</style> </style>

View File

@ -1,168 +1,168 @@
<template> <template>
<view class="card"> <view class="card">
<view class="title">修房</view> <view class="title">修房</view>
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm"> <u--form labelPosition="left" :model="formData" :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="formData.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>
<u-form-item labelWidth="auto" label="建设面积" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="建设面积" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="房屋风格" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="房屋风格" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="修建地址" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="修建地址" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="预算" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="预算" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input> <u--input v-model="formData.cultivated_area" 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="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无装修" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无装修" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="房屋类型" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="房屋类型" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="修建地照片" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="修建地照片" required prop="planting_company" borderBottom>
</u-form-item> </u-form-item>
</u--form> </u--form>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'], storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
formData: { formData: {
shop_front: '', // shop_front: '', //
}, },
rules: { rules: {
} }
} }
}, },
created() { created() {
this.initRules() this.initRules()
}, },
methods: { methods: {
// //
initRules() { initRules() {
let arr = Object.keys(this.formData); 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) => {
this.$refs.breedingForm.clearValidate(rule.field); this.$refs.breedingForm.clearValidate(rule.field);
value.trim() !== '' ? callback() : callback('不能为空'); value.trim() !== '' ? callback() : callback('不能为空');
}, },
trigger: ['change', 'blur'] trigger: ['change', 'blur']
} }
}) })
}, },
// //
async validate() { async validate() {
return await this.$refs.breedingForm.validate();; return await this.$refs.breedingForm.validate();;
}, },
// //
changeLanPlan(e) { changeLanPlan(e) {
let index = e.currentTarget.dataset.index; let index = e.currentTarget.dataset.index;
this.formData.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.value] = e.detail.value; this.formData[data.value] = e.detail.value;
}, },
// //
pushBreedingList() { pushBreedingList() {
this.formData.push({}) this.formData.push({})
}, },
// //
removeBreedingList(index) { removeBreedingList(index) {
uni.showModal({ uni.showModal({
confirmColor: '#f56c6c', confirmColor: '#f56c6c',
content: '确定删除吗?', content: '确定删除吗?',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
this.formData.splice(index, 1); this.formData.splice(index, 1);
} }
} }
}) })
}, },
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.card{ .card{
background-color: #fff; background-color: #fff;
margin: 28rpx; margin: 28rpx;
padding: 28rpx; padding: 28rpx;
border-radius: 14rpx; border-radius: 14rpx;
} }
.title { .title {
font-weight: 500; font-weight: 500;
font-size: 34rpx; font-size: 34rpx;
&::before { &::before {
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;
} }
} }
.delete { .delete {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: #f56c6c; background: #f56c6c;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
.plus { .plus {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: $theme-oa-color; background: $theme-oa-color;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
</style> </style>

View File

@ -1,159 +1,159 @@
<template> <template>
<view class="card"> <view class="card">
<view class="title">买卖房</view> <view class="title">买卖房</view>
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm"> <u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm">
<u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="地点" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面面积"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="房型" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="房型" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="几房" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="几房" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="面积" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="面积" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="朝向" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="朝向" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="楼层" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="楼层" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input> <u--input v-model="formData.cultivated_area" 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="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="预算" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="预算" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入服务对象"></u--input> <u--input v-model="formData.cultivated_area" 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="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
</u-form-item> </u-form-item>
</u--form> </u--form>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'], storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
formData: { formData: {
shop_front: '', // shop_front: '', //
}, },
rules: { rules: {
} }
} }
}, },
created() { created() {
this.initRules() this.initRules()
}, },
methods: { methods: {
// //
initRules() { initRules() {
let arr = Object.keys(this.formData); 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) => {
this.$refs.breedingForm.clearValidate(rule.field); this.$refs.breedingForm.clearValidate(rule.field);
value.trim() !== '' ? callback() : callback('不能为空'); value.trim() !== '' ? callback() : callback('不能为空');
}, },
trigger: ['change', 'blur'] trigger: ['change', 'blur']
} }
}) })
}, },
// //
async validate() { async validate() {
return await this.$refs.breedingForm.validate();; return await this.$refs.breedingForm.validate();;
}, },
// //
changeLanPlan(e) { changeLanPlan(e) {
let index = e.currentTarget.dataset.index; let index = e.currentTarget.dataset.index;
this.formData.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.value] = e.detail.value; this.formData[data.value] = e.detail.value;
}, },
// //
pushBreedingList() { pushBreedingList() {
this.formData.push({}) this.formData.push({})
}, },
// //
removeBreedingList(index) { removeBreedingList(index) {
uni.showModal({ uni.showModal({
confirmColor: '#f56c6c', confirmColor: '#f56c6c',
content: '确定删除吗?', content: '确定删除吗?',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
this.formData.splice(index, 1); this.formData.splice(index, 1);
} }
} }
}) })
}, },
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.card{ .card{
background-color: #fff; background-color: #fff;
margin: 28rpx; margin: 28rpx;
padding: 28rpx; padding: 28rpx;
border-radius: 14rpx; border-radius: 14rpx;
} }
.title { .title {
font-weight: 500; font-weight: 500;
font-size: 34rpx; font-size: 34rpx;
&::before { &::before {
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;
} }
} }
.delete { .delete {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: #f56c6c; background: #f56c6c;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
.plus { .plus {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: $theme-oa-color; background: $theme-oa-color;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
</style> </style>

View File

@ -298,7 +298,7 @@
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;

View File

@ -1,318 +1,318 @@
<!-- 常住人口 --> <!-- 常住人口 -->
<template> <template>
<view class="card"> <view class="card">
<view class="title">常住人口</view> <view class="title">常住人口</view>
<u--form labelPosition="left" :model="residents" :rules="rules" ref="residentsForm"> <u--form labelPosition="left" :model="residents" :rules="rules" ref="residentsForm">
<block value="人口"> <block value="人口">
<block value="人员信息" v-for="(item, index) in residents.family" :key="'user'+index"> <block value="人员信息" v-for="(item, index) in residents.family" :key="'user'+index">
<u-form-item label="姓名" required prop="family.name" borderBottom> <u-form-item label="姓名" required prop="family.name" borderBottom>
<u--input v-model="item.name" :readonly="readonly" placeholder="请输入姓名"></u--input> <u--input v-model="item.name" :readonly="readonly" placeholder="请输入姓名"></u--input>
</u-form-item> </u-form-item>
<picker mode="date" value="1990-01-01" @change="changebirth_time" :disabled="readonly" :data-index="index"> <picker mode="date" value="1990-01-01" @change="changebirth_time" :disabled="readonly" :data-index="index">
<u-form-item labelWidth="auto" label="出生日期" required prop="family.birth_time" borderBottom> <u-form-item labelWidth="auto" label="出生日期" required prop="family.birth_time" borderBottom>
<u--input :value="item.birth_time" placeholder="请选择出生日期" disabled disabledColor="#fff"></u--input> <u--input :value="item.birth_time" placeholder="请选择出生日期" disabled disabledColor="#fff"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon> <u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item> </u-form-item>
</picker> </picker>
<picker mode="selector" :range="situationList" @change="changesituation" :disabled="readonly" :data-index="index"> <picker mode="selector" :range="situationList" @change="changesituation" :disabled="readonly" :data-index="index">
<u-form-item labelWidth="auto" label="就业情况" required prop="family.situation" borderBottom> <u-form-item labelWidth="auto" label="就业情况" required prop="family.situation" borderBottom>
<u--input :value="situationList[item.situation]" placeholder="请选择就业情况" disabled disabledColor="#fff"></u--input> <u--input :value="situationList[item.situation]" placeholder="请选择就业情况" disabled disabledColor="#fff"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon> <u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item> </u-form-item>
</picker> </picker>
<u-form-item labelWidth="auto" label="技能特长" required prop="family" borderBottom> <u-form-item labelWidth="auto" label="技能特长" required prop="family" borderBottom>
<u--input v-model="item.skills" :readonly="readonly" placeholder="请输入技能特长"></u--input> <u--input v-model="item.skills" :readonly="readonly" placeholder="请输入技能特长"></u--input>
</u-form-item> </u-form-item>
<button v-if="!readonly" class="delete" <button v-if="!readonly" class="delete"
@click="removeFamily(index)">删除以上信息</button> @click="removeFamily(index)">删除以上信息</button>
</block> </block>
<button v-if="!readonly" class="plus" @click="pushFamily">添加常住人口</button> <button v-if="!readonly" class="plus" @click="pushFamily">添加常住人口</button>
</block> </block>
<block value="婴幼儿信息"> <block value="婴幼儿信息">
<u-form-item labelWidth="auto" label="是否存在学生、婴幼儿" required prop="child" borderBottom> <u-form-item labelWidth="auto" label="是否存在学生、婴幼儿" required prop="child" borderBottom>
<u-radio-group v-model="residents.child" :disabled="readonly" style="margin: 16rpx;"> <u-radio-group v-model="residents.child" :disabled="readonly" 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>
<block value="是" v-if="residents.child>0" v-for="(item,index) in residents.child_arr" :key="'child'+index"> <block value="是" v-if="residents.child>0" v-for="(item,index) in residents.child_arr" :key="'child'+index">
<u-form-item label="年龄" required prop="child_arr.age" borderBottom> <u-form-item label="年龄" required prop="child_arr.age" borderBottom>
<u--input v-model="item.age" :readonly="readonly" placeholder="请输入年龄" type="number" maxlength="3"></u--input> <u--input v-model="item.age" :readonly="readonly" placeholder="请输入年龄" type="number" maxlength="3"></u--input>
</u-form-item> </u-form-item>
<block v-if="item.age<4"> <block v-if="item.age<4">
<u-form-item labelWidth="auto" label="喂养方式" borderBottom> <u-form-item labelWidth="auto" label="喂养方式" borderBottom>
<u-radio-group v-model="item.feeding" :disabled="readonly" style="margin: 16rpx;"> <u-radio-group v-model="item.feeding" :disabled="readonly" 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>
</block> </block>
<block v-else> <block v-else>
<u-form-item label="年级" borderBottom> <u-form-item label="年级" borderBottom>
<u--input v-model="item.grade" :readonly="readonly" placeholder="请输入年级"></u--input> <u--input v-model="item.grade" :readonly="readonly" placeholder="请输入年级"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="是否补课" borderBottom> <u-form-item labelWidth="auto" label="是否补课" borderBottom>
<u-radio-group v-model="item.is_lesson" style="margin: 16rpx;" :disabled="readonly"> <u-radio-group v-model="item.is_lesson" style="margin: 16rpx;" :disabled="readonly">
<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>
<u-form-item v-if="item.is_lesson>0" label-width="auto" labelPosition="top" label="补课内容" borderBottom> <u-form-item v-if="item.is_lesson>0" label-width="auto" labelPosition="top" label="补课内容" borderBottom>
<u--textarea v-model="item.lessons" :disabled="readonly" autoHeight placeholder="请输入需要的课程" border="surround" <u--textarea v-model="item.lessons" :disabled="readonly" autoHeight placeholder="请输入需要的课程" border="surround"
count></u--textarea> count></u--textarea>
</u-form-item> </u-form-item>
</block> </block>
<u-form-item label-width="auto" labelPosition="top" label="备注" borderBottom> <u-form-item label-width="auto" labelPosition="top" label="备注" borderBottom>
<u--textarea v-model="item.notes" autoHeight :disabled="readonly"placeholder="请输入备注" border="surround" count></u--textarea> <u--textarea v-model="item.notes" autoHeight :disabled="readonly"placeholder="请输入备注" border="surround" count></u--textarea>
</u-form-item> </u-form-item>
<button v-if="residents.child_arr.length>1&&!readonly" class="delete" <button v-if="residents.child_arr.length>1&&!readonly" class="delete"
@click="removeChildArr(index)">删除以上信息</button> @click="removeChildArr(index)">删除以上信息</button>
</block> </block>
<button v-if="residents.child>0&&!readonly" class="plus" @click="pushChildArr">添加学生婴幼儿</button> <button v-if="residents.child>0&&!readonly" class="plus" @click="pushChildArr">添加学生婴幼儿</button>
</block> </block>
</u--form> </u--form>
</view> </view>
</template> </template>
<script> <script>
import { Toast } from "../../libs/uniApi" import { Toast } from "../../libs/uniApi"
export default { export default {
props:{ props:{
readonly: { readonly: {
type: Boolean, type: Boolean,
default: false default: false
}, },
datas: { datas: {
type: Object, type: Object,
default: null default: null
} }
}, },
data() { data() {
return { return {
situationList: [ "做工地的","厂里打工","公司职员","政府上班","种地","在家赋闲","其他"], situationList: [ "做工地的","厂里打工","公司职员","政府上班","种地","在家赋闲","其他"],
// //
residents: { residents: {
family: [ family: [
// { // {
// name: '', // name: '',
// birth_time: '', // birth_time: '',
// situation: '', // // situation: '', //
// skills: '', // // skills: '', //
// } // }
], ],
child: '', // child: '', //
child_arr: [ // child_arr: [ //
{ {
age: '', age: '',
feeding: '', // feeding: '', //
grade: '', // grade: '', //
is_lesson: '', // is_lesson: '', //
lessons: '', // lessons: '', //
notes: '' // notes: '' //
} }
], ],
// family: [{ // family: [{
// name: '', // name: '',
// birth_time: '1988-08-08', // birth_time: '1988-08-08',
// situation: 1, // // situation: 1, //
// skills: '', // // skills: '', //
// }], // }],
// child: 1, // // child: 1, //
// child_arr: [ // // child_arr: [ //
// { // {
// age: '3', // age: '3',
// feeding: 1, // // feeding: 1, //
// grade: '', // // grade: '', //
// is_lesson: 1, // // is_lesson: 1, //
// lessons: '', // // lessons: '', //
// notes: '' // // notes: '' //
// } // }
// ], // ],
}, },
rules: { rules: {
family: { family: {
validator: (rule, value, callback ) => { validator: (rule, value, callback ) => {
if (Array.isArray(value) && value.length > 0) { if (Array.isArray(value) && value.length > 0) {
for (let i = 0; i < value.length; i++) { for (let i = 0; i < value.length; i++) {
const item = value[i]; const item = value[i];
for (const key in item) { for (const key in item) {
// //
if (!item[key]&&item[key]!==0) { if (!item[key]&&item[key]!==0) {
callback(new Error('以上四项基本信息必填')); callback(new Error('以上四项基本信息必填'));
return; return;
} }
} }
} }
// //
callback(); callback();
} else { } else {
// //
callback(new Error('数组不能为空')); callback(new Error('数组不能为空'));
} }
}, },
trigger: ['change', 'blur'] trigger: ['change', 'blur']
}, },
child: { child: {
validator: (rule, value, callback )=>{ validator: (rule, value, callback )=>{
typeof value==='number'?callback():callback('不能为空') typeof value==='number'?callback():callback('不能为空')
}, },
trigger: ['change', 'blur'] trigger: ['change', 'blur']
}, },
} }
} }
}, },
watch:{ watch:{
datas(newValue, oldValue){ datas(newValue, oldValue){
if(this.$props.readonly&&newValue){ if(this.$props.readonly&&newValue){
this.residents = this.$props.datas; this.residents = this.$props.datas;
if(!isNaN(this.residents.child))this.residents.child = +this.residents.child; if(!isNaN(this.residents.child))this.residents.child = +this.residents.child;
this.residents.family.forEach(item=>{ this.residents.family.forEach(item=>{
if(!isNaN(item.situation))item.situation = +item.situation; if(!isNaN(item.situation))item.situation = +item.situation;
}) })
this.residents.child_arr.forEach(item=>{ this.residents.child_arr.forEach(item=>{
if(!isNaN(item.feeding))item.feeding = +item.feeding; if(!isNaN(item.feeding))item.feeding = +item.feeding;
if(!isNaN(item.is_lesson))item.is_lesson = +item.is_lesson; if(!isNaN(item.is_lesson))item.is_lesson = +item.is_lesson;
}) })
} }
} }
}, },
mounted() { mounted() {
if(this.$props.readonly){ if(this.$props.readonly){
this.residents = this.$props.datas; this.residents = this.$props.datas;
if(!isNaN(this.residents.child))this.residents.child = +this.residents.child; if(!isNaN(this.residents.child))this.residents.child = +this.residents.child;
this.residents.family.forEach(item=>{ this.residents.family.forEach(item=>{
if(!isNaN(item.situation))item.situation = +item.situation; if(!isNaN(item.situation))item.situation = +item.situation;
}) })
this.residents.child_arr.forEach(item=>{ this.residents.child_arr.forEach(item=>{
if(!isNaN(item.feeding))item.feeding = +item.feeding; if(!isNaN(item.feeding))item.feeding = +item.feeding;
if(!isNaN(item.is_lesson))item.is_lesson = +item.is_lesson; if(!isNaN(item.is_lesson))item.is_lesson = +item.is_lesson;
}) })
} }
}, },
methods: { methods: {
async validate() { async validate() {
let flag = false; let flag = false;
if(this.residents.child) this.residents.child_arr.forEach(item=>{ if(this.residents.child) this.residents.child_arr.forEach(item=>{
if(item.age==''||item.age<0||item.age>200) flag = true; if(item.age==''||item.age<0||item.age>200) flag = true;
}) })
if(flag){ if(flag){
Toast('请输入年龄'); Toast('请输入年龄');
await this.$u.sleep(500); await this.$u.sleep(500);
return Promise.reject(); return Promise.reject();
} }
return this.$refs.residentsForm.validate(); return this.$refs.residentsForm.validate();
}, },
// //
changebirth_time(e) { changebirth_time(e) {
let index = e.currentTarget.dataset.index; let index = e.currentTarget.dataset.index;
this.residents.family[index].birth_time = e.detail.value; this.residents.family[index].birth_time = e.detail.value;
}, },
// //
changesituation(e) { changesituation(e) {
let index = e.currentTarget.dataset.index; let index = e.currentTarget.dataset.index;
this.residents.family[index].situation = e.detail.value; this.residents.family[index].situation = e.detail.value;
}, },
// //
pushFamily() { pushFamily() {
this.residents.family.push({ this.residents.family.push({
name: '', name: '',
birth_time: '', birth_time: '',
situation: '', // situation: '', //
skills: '', // skills: '', //
}) })
}, },
// //
removeFamily(index) { removeFamily(index) {
uni.showModal({ uni.showModal({
confirmColor: '#f56c6c', confirmColor: '#f56c6c',
content: '确定删除吗?', content: '确定删除吗?',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
this.residents.family.splice(index, 1); this.residents.family.splice(index, 1);
} }
} }
}) })
}, },
// //
pushChildArr() { pushChildArr() {
this.residents.child_arr.push({ this.residents.child_arr.push({
age: '', age: '',
feeding: '', // feeding: '', //
grade: '', // grade: '', //
is_lesson: '', // is_lesson: '', //
lessons: '', // lessons: '', //
notes: '' // notes: '' //
}) })
}, },
// //
removeChildArr(index) { removeChildArr(index) {
uni.showModal({ uni.showModal({
confirmColor: '#f56c6c', confirmColor: '#f56c6c',
content: '确定删除吗?', content: '确定删除吗?',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
this.residents.child_arr.splice(index, 1); this.residents.child_arr.splice(index, 1);
} }
} }
}) })
}, },
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.card{ .card{
background-color: #fff; background-color: #fff;
margin: 28rpx; margin: 28rpx;
padding: 28rpx; padding: 28rpx;
border-radius: 14rpx; border-radius: 14rpx;
} }
.title { .title {
font-weight: 500; font-weight: 500;
font-size: 34rpx; font-size: 34rpx;
&::before { &::before {
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;
} }
} }
.delete { .delete {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: #f56c6c; background: #f56c6c;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
.plus { .plus {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: $theme-oa-color; background: $theme-oa-color;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
</style> </style>

View File

@ -219,7 +219,7 @@
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;

View File

@ -1,269 +1,269 @@
<!-- 深加工 --> <!-- 深加工 -->
<template> <template>
<view class="card"> <view class="card">
<view class="title">粗加工</view> <view class="title">粗加工</view>
<u--form labelPosition="left" :model="formData" :rules="rules" ref="breedingForm"> <u--form labelPosition="left" :model="formData" :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="formData.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>
<block v-if="formData.shop_front"> <block v-if="formData.shop_front">
<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="formData.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>
<u-form-item labelWidth="auto" label="面积" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="面积" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入面积"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入面积"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" 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="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无技术指导" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无技术指导" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无运输" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无运输" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom> <u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom>
<u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround" <u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
count></u--textarea> count></u--textarea>
</u-form-item> </u-form-item>
</block> </block>
<block v-else> <block v-else>
<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="formData.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>
<picker :range="storeTypeList" mode="selector" @change="changeLanPlan"> <picker :range="storeTypeList" mode="selector" @change="changeLanPlan">
<u-form-item labelWidth="auto" label="经营类型" required prop="planning" borderBottom> <u-form-item labelWidth="auto" label="经营类型" required prop="planning" borderBottom>
<u--input :value="storeTypeList[formData.planning]" placeholder="请选择经营类型" disabled <u--input :value="storeTypeList[formData.planning]" placeholder="请选择经营类型" disabled
disabledColor="#fff"></u--input> disabledColor="#fff"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon> <u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item> </u-form-item>
</picker> </picker>
<u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="经营地点" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="人数" required prop="cultivated_area" borderBottom> <u-form-item labelWidth="auto" label="人数" required prop="cultivated_area" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入经营地点"></u--input> <u--input v-model="formData.cultivated_area" 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="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="材料来源" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input>
</u-form-item> </u-form-item>
<u-form-item labelWidth="auto" label="自动化办公程度" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="自动化办公程度" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" 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="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无品牌" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom> <u-form-item labelWidth="auto" label="有无宣传推广" required prop="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" label="库存情况" required prop="notes" borderBottom> <u-form-item labelWidth="auto" label="库存情况" required prop="notes" borderBottom>
<u--input v-model="formData.cultivated_area" placeholder="请输入门面环境"></u--input> <u--input v-model="formData.cultivated_area" 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="planting_company" borderBottom>
<u-radio-group v-model="formData.planting_company" style="margin: 16rpx;"> <u-radio-group v-model="formData.planting_company" 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>
<u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom> <u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="farm_tools" borderBottom>
<u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround" <u--textarea v-model="formData.farm_tools" autoHeight placeholder="请输入经营诉求" border="surround"
count></u--textarea> count></u--textarea>
</u-form-item> </u-form-item>
</block> </block>
</u--form> </u--form>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'], storeTypeList: ['超市', '生鲜', '饭店', '五金', '杂货', '服装', '文具', '其他'],
formData: { formData: {
shop_front: '', // shop_front: '', //
}, },
rules: { rules: {
} }
} }
}, },
created() { created() {
this.initRules() this.initRules()
}, },
methods: { methods: {
// //
initRules() { initRules() {
let arr = Object.keys(this.formData); 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) => {
this.$refs.breedingForm.clearValidate(rule.field); this.$refs.breedingForm.clearValidate(rule.field);
value.trim() !== '' ? callback() : callback('不能为空'); value.trim() !== '' ? callback() : callback('不能为空');
}, },
trigger: ['change', 'blur'] trigger: ['change', 'blur']
} }
}) })
}, },
// //
async validate() { async validate() {
return await this.$refs.breedingForm.validate();; return await this.$refs.breedingForm.validate();;
}, },
// //
changeLanPlan(e) { changeLanPlan(e) {
let index = e.currentTarget.dataset.index; let index = e.currentTarget.dataset.index;
this.formData.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.value] = e.detail.value; this.formData[data.value] = e.detail.value;
}, },
// //
pushBreedingList() { pushBreedingList() {
this.formData.push({}) this.formData.push({})
}, },
// //
removeBreedingList(index) { removeBreedingList(index) {
uni.showModal({ uni.showModal({
confirmColor: '#f56c6c', confirmColor: '#f56c6c',
content: '确定删除吗?', content: '确定删除吗?',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
this.formData.splice(index, 1); this.formData.splice(index, 1);
} }
} }
}) })
}, },
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.card{ .card{
background-color: #fff; background-color: #fff;
margin: 28rpx; margin: 28rpx;
padding: 28rpx; padding: 28rpx;
border-radius: 14rpx; border-radius: 14rpx;
} }
.title { .title {
font-weight: 500; font-weight: 500;
font-size: 34rpx; font-size: 34rpx;
&::before { &::before {
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;
} }
} }
.delete { .delete {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: #f56c6c; background: #f56c6c;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
.plus { .plus {
margin: 22rpx 0; margin: 22rpx 0;
// margin-bottom: 40rpx; // margin-bottom: 40rpx;
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
background: $theme-oa-color; background: $theme-oa-color;
border-radius: 14rpx; border-radius: 14rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
</style> </style>

View File

@ -61,7 +61,7 @@
// -- // --
activeColor: { activeColor: {
type: String, type: String,
default: '#3175f9' default: '#0122c7'
}, },
// //
inactiveColor: { inactiveColor: {
@ -78,7 +78,7 @@
}, },
data() { data() {
return { return {
PrimaryColor: '#3175f9', PrimaryColor: '#0122c7',
safeAreaInsetBottom: false, safeAreaInsetBottom: false,
systemInfo: base.systemInfo, systemInfo: base.systemInfo,
tabIndex: 0, tabIndex: 0,

View File

@ -173,7 +173,7 @@
联系方式 联系方式
</text> </text>
<view @click.stop="callFn(goodsDetil.logistics.receiver_phone)"> <view @click.stop="callFn(goodsDetil.logistics.receiver_phone)">
<u-icon style="display: inline-block;margin-left: 5rpx;" name="phone" color="#2979ff" <u-icon style="display: inline-block;margin-left: 5rpx;" name="phone" color="#0122c7"
size="22"></u-icon> {{goodsDetil.logistics.receiver_phone}} size="22"></u-icon> {{goodsDetil.logistics.receiver_phone}}
</view> </view>
</view> </view>

View File

@ -35,15 +35,15 @@
list: [] list: []
} }
}, },
onLoad() { onLoad() {},
onShow() {},
onReady() {
this.loadList(); this.loadList();
uni.$on('initOaTask', this.loadList); uni.$on('initOaTask', this.loadList);
}, },
onShow() {
},
methods: { methods: {
async loadList(){ async loadList(){
let res = await taskLists(); let res = await taskLists({limit: 10, page: 1});
this.list = res.data; this.list = res.data;
} }
}, },

View File

@ -33,7 +33,7 @@
onReady() { onReady() {
uni.setNavigationBarColor({ uni.setNavigationBarColor({
frontColor: '#ffffff', frontColor: '#ffffff',
backgroundColor: '#3175f9' backgroundColor: '#0122c7'
}) })
}, },
onLoad() {}, onLoad() {},

View File

@ -61,7 +61,7 @@
// -- // --
activeColor: { activeColor: {
type: String, type: String,
default: '#3175f9' default: '#0122c7'
}, },
// //
inactiveColor: { inactiveColor: {
@ -78,7 +78,7 @@
}, },
data() { data() {
return { return {
PrimaryColor: '#3175f9', PrimaryColor: '#0122c7',
safeAreaInsetBottom: false, safeAreaInsetBottom: false,
systemInfo: base.systemInfo, systemInfo: base.systemInfo,
tabIndex: 0, tabIndex: 0,

View File

@ -65,7 +65,7 @@
onReady() { onReady() {
uni.setNavigationBarColor({ uni.setNavigationBarColor({
frontColor: '#ffffff', frontColor: '#ffffff',
backgroundColor: '#3175f9' backgroundColor: '#0122c7'
}) })
}, },
onLoad() { onLoad() {

View File

@ -134,7 +134,7 @@
onReady() { onReady() {
uni.setNavigationBarColor({ uni.setNavigationBarColor({
frontColor: '#ffffff', frontColor: '#ffffff',
backgroundColor: '#3175f9' backgroundColor: '#0122c7'
}) })
}, },
onLoad() {}, onLoad() {},

View File

@ -78,7 +78,7 @@
onReady() { onReady() {
uni.setNavigationBarColor({ uni.setNavigationBarColor({
frontColor: '#ffffff', frontColor: '#ffffff',
backgroundColor: '#3175f9' backgroundColor: '#0122c7'
}) })
}, },
onLoad() { onLoad() {

View File

@ -105,7 +105,7 @@
onReady() { onReady() {
uni.setNavigationBarColor({ uni.setNavigationBarColor({
frontColor: '#ffffff', frontColor: '#ffffff',
backgroundColor: '#3175f9' backgroundColor: '#0122c7'
}) })
}, },
onLoad() { onLoad() {

View File

@ -33,7 +33,7 @@
onReady() { onReady() {
uni.setNavigationBarColor({ uni.setNavigationBarColor({
frontColor: '#ffffff', frontColor: '#ffffff',
backgroundColor: '#3175f9' backgroundColor: '#0122c7'
}) })
}, },
onLoad() {}, onLoad() {},

View File

@ -89,7 +89,7 @@
<view class="right"> <view class="right">
<view class=""> <view class="">
<text>性别 :</text> <text>性别 :</text>
<text> {{formData.sex}}</text> <text> {{formData.sex==1?'男':'女'}}</text>
</view> </view>
<view class=""> <view class="">
<text>年龄 :</text> <text>年龄 :</text>
@ -497,7 +497,7 @@
.hr { .hr {
border-top: 1px dashed $theme-oa-color; border-top: 1px dashed $theme-oa-color;
// display: block; // display: block;
width: 85vw; width: 100%;
margin: 30rpx 0 margin: 30rpx 0
} }
@ -542,7 +542,7 @@
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;

View File

@ -181,10 +181,18 @@
this.companyList = [...this.companyList, ...res.data?.data] this.companyList = [...this.companyList, ...res.data?.data]
}, },
navTo(url) { navTo(url) {
url ? if(url){
uni.navigateTo({ uni.showLoading({
url: url title: '加载中',
}) : Toast('暂未开放') mask: true
});
uni.navigateTo({
url: url,
success() {
uni.hideLoading()
}
})
}else Toast('暂未开放')
}, },
naviBack() { naviBack() {
uni.navigateBack() uni.navigateBack()

View File

@ -175,7 +175,7 @@
// content: '', // content: '',
// confirmText: '', // confirmText: '',
// cancelText: '', // cancelText: '',
// confirmColor: '#3175f9', // confirmColor: '#0122c7',
// success: async (e) => { // success: async (e) => {
// if (e.confirm) { // if (e.confirm) {
@ -206,7 +206,7 @@
// content: '', // content: '',
// confirmText: '', // confirmText: '',
// cancelText: '', // cancelText: '',
// confirmColor: '#3175f9', // confirmColor: '#0122c7',
// success: async (e) => { // success: async (e) => {
// if (e.confirm) { // if (e.confirm) {
@ -246,10 +246,18 @@
}, 1000); }, 1000);
}, },
navTo(url) { navTo(url) {
url ? if(url){
uni.navigateTo({ uni.showLoading({
url: url title: '加载中',
}) : Toast('暂未开放') mask: true
});
uni.navigateTo({
url: url,
success() {
uni.hideLoading()
}
})
}else Toast('暂未开放')
}, },
}, },
onPullDownRefresh() { onPullDownRefresh() {

View File

@ -129,10 +129,18 @@
this.companyList = [...this.companyList, ...res.data?.data] this.companyList = [...this.companyList, ...res.data?.data]
}, },
navTo(url) { navTo(url) {
url ? if(url){
uni.navigateTo({ uni.showLoading({
url: url title: '加载中',
}) : Toast('暂未开放') mask: true
});
uni.navigateTo({
url: url,
success() {
uni.hideLoading()
}
})
}else Toast('暂未开放')
}, },
copyPhone(str = "", type = "号码") { copyPhone(str = "", type = "号码") {
if (str) uni.setClipboardData({ if (str) uni.setClipboardData({
@ -169,6 +177,7 @@
<style lang="scss"> <style lang="scss">
.company_list { .company_list {
padding-top: 28rpx;
padding-bottom: 32rpx; padding-bottom: 32rpx;
// margin-top: 190rpx; // margin-top: 190rpx;
display: flex; display: flex;
@ -176,8 +185,6 @@
align-items: center; align-items: center;
.personnel_list { .personnel_list {
padding: 28rpx 0;
.cards { .cards {
margin: 0 auto; margin: 0 auto;

View File

@ -150,10 +150,18 @@
}, },
methods: { methods: {
navTo(url) { navTo(url) {
url ? if(url){
uni.navigateTo({ uni.showLoading({
url: url title: '加载中',
}) : Toast('暂未开放') mask: true
});
uni.navigateTo({
url: url,
success() {
uni.hideLoading()
}
})
}else Toast('暂未开放')
}, },
navToContract (contract_no) { navToContract (contract_no) {
download_file({ download_file({

View File

@ -54,7 +54,7 @@
</view> </view>
<view class="bottom" @click="navTo('/subpkg/orderDetail/orderDetail')"> <view class="bottom" @click="navTo('/subpkg/orderDetail/orderDetail')">
<view class="item"> <view class="item">
<view>账户余()</view> <view>保证金()</view>
<view class="num" v-show="eyeType">{{ <view class="num" v-show="eyeType">{{
userInfo.user_money || 0.0 userInfo.user_money || 0.0
}}</view> }}</view>
@ -78,7 +78,7 @@
title="账单流水" title="账单流水"
></uni-section> ></uni-section>
<!-- <u-subsection :list="billTypeList" :current="current" mode="subsection"></u-subsection> --> <!-- <u-subsection :list="billTypeList" :current="current" mode="subsection"></u-subsection> -->
<view class="type_box"> <!-- <view class="type_box">
<view class="type"> <view class="type">
<view :class="current == 0 ? 'active' : ''" @click="changeBillType(0)" <view :class="current == 0 ? 'active' : ''" @click="changeBillType(0)"
>日账单</view >日账单</view
@ -87,7 +87,7 @@
>月账单</view >月账单</view
> >
</view> </view>
</view> </view> -->
<!-- 日账单 --> <!-- 日账单 -->
<view class="bill_list" v-show="current == 0"> <view class="bill_list" v-show="current == 0">
<!-- <view class="card" v-for="(item, index) in billList" :key="index"> <!-- <view class="card" v-for="(item, index) in billList" :key="index">
@ -262,6 +262,9 @@ export default {
computed: { computed: {
eyeType () { eyeType () {
return this.$store.state.config.eyeType; return this.$store.state.config.eyeType;
},
totalMoney(){
return this.userInfo;
} }
}, },
onBackPress () { onBackPress () {

View File

@ -416,7 +416,7 @@
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;

View File

@ -545,7 +545,7 @@ import { Toast } from "../../libs/uniApi"
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;

View File

@ -73,7 +73,7 @@
<view class="p_title">修改信息</view> <view class="p_title">修改信息</view>
<u--form style="padding: 0 28rpx"> <u--form style="padding: 0 28rpx">
<u-form-item label="身份证号:" labelWidth="auto" labelPosition="top"> <u-form-item label="身份证号:" labelWidth="auto" labelPosition="top">
<u--input style="border: 1px solid #3175f9" v-model="updateForm.id_card"></u--input> <u--input style="border: 1px solid #0122c7" v-model="updateForm.id_card"></u--input>
</u-form-item> </u-form-item>
</u--form> </u--form>
<view class="p_button"> <view class="p_button">
@ -480,7 +480,7 @@
// content: '', // content: '',
// confirmText: '', // confirmText: '',
// cancelText: '', // cancelText: '',
// confirmColor: '#3175f9', // confirmColor: '#0122c7',
// success: async (e) => { // success: async (e) => {
// if (e.confirm) { // if (e.confirm) {
@ -511,7 +511,7 @@
// content: '', // content: '',
// confirmText: '', // confirmText: '',
// cancelText: '', // cancelText: '',
// confirmColor: '#3175f9', // confirmColor: '#0122c7',
// success: async (e) => { // success: async (e) => {
// if (e.confirm) { // if (e.confirm) {

View File

@ -377,7 +377,7 @@
line-height: 96rpx; line-height: 96rpx;
} }
.model_confirm{ .model_confirm{
color: #2979ff; color: #0122c7;
} }
} }
} }

View File

@ -255,7 +255,7 @@
width: 8rpx; width: 8rpx;
height: 26rpx; height: 26rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: #3175f9; background-color: #0122c7;
content: ""; content: "";
display: inline-block; display: inline-block;
margin-right: 8rpx; margin-right: 8rpx;

View File

@ -104,7 +104,7 @@
$uni-color-error: #e43d33; $uni-color-error: #e43d33;
$uni-opacity-disabled: 0.3; $uni-opacity-disabled: 0.3;
$uni-text-color-disable:#c0c0c0; $uni-text-color-disable:#c0c0c0;
$uni-primary: #2979ff !default; $uni-primary: #0122c7 !default;
.uni-calendar-item__weeks-box { .uni-calendar-item__weeks-box {
flex: 1; flex: 1;
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */

View File

@ -89,7 +89,7 @@ $uni-headings: map-deep-merge(
// 主色 // 主色
$uni-primary: #2979ff !default; $uni-primary: #0122c7 !default;
$uni-primary-disable:lighten($uni-primary,20%) !default; $uni-primary-disable:lighten($uni-primary,20%) !default;
$uni-primary-light: lighten($uni-primary,25%) !default; $uni-primary-light: lighten($uni-primary,25%) !default;

View File

@ -3,7 +3,7 @@ $uni-space-root: 2;
// 边框半径默认值 // 边框半径默认值
$uni-radius-root:5px; $uni-radius-root:5px;
// 主色 // 主色
$uni-primary: #2979ff; $uni-primary: #0122c7;
// 辅助色 // 辅助色
$uni-success: #4cd964; $uni-success: #4cd964;
// 警告色 // 警告色

View File

@ -5,7 +5,7 @@ $uni-space-root: 2;
$uni-radius-root:5px; $uni-radius-root:5px;
// 主色 // 主色
$uni-primary: #2979ff; $uni-primary: #0122c7;
$uni-primary-disable:mix(#fff,$uni-primary,50%); $uni-primary-disable:mix(#fff,$uni-primary,50%);
$uni-primary-light: mix(#fff,$uni-primary,80%); $uni-primary-light: mix(#fff,$uni-primary,80%);

View File

@ -100,7 +100,7 @@
} }
</script> </script>
<style lang="scss" > <style lang="scss" >
$uni-primary: #2979ff !default; $uni-primary: #0122c7 !default;
.uni-section { .uni-section {
background-color: #fff; background-color: #fff;

View File

@ -52,7 +52,7 @@
}, },
activeColor: { activeColor: {
type: String, type: String,
default: '#2979FF' default: '#0122c7'
}, },
styleType: { styleType: {
type: String, type: String,

View File

@ -17,7 +17,7 @@
* @property {Array} value 绑定的值 * @property {Array} value 绑定的值
* @property {String} shape 形状circle-圆形square-方形 默认 'square' * @property {String} shape 形状circle-圆形square-方形 默认 'square'
* @property {Boolean} disabled 是否禁用全部checkbox 默认 false * @property {Boolean} disabled 是否禁用全部checkbox 默认 false
* @property {String} activeColor 选中状态下的颜色如设置此值将会覆盖parent的activeColor值 默认 '#2979ff' * @property {String} activeColor 选中状态下的颜色如设置此值将会覆盖parent的activeColor值 默认 '#0122c7'
* @property {String} inactiveColor 未选中的颜色 默认 '#c8c9cc' * @property {String} inactiveColor 未选中的颜色 默认 '#c8c9cc'
* @property {String | Number} size 整个组件的尺寸 单位px 默认 18 * @property {String | Number} size 整个组件的尺寸 单位px 默认 18
* @property {String} placement 布局方式row-横向column-纵向 默认 'row' * @property {String} placement 布局方式row-横向column-纵向 默认 'row'

View File

@ -99,7 +99,7 @@
}, },
// //
elActiveColor() { elActiveColor() {
return this.activeColor ? this.activeColor : (this.parentData.activeColor ? this.parentData.activeColor : '#2979ff'); return this.activeColor ? this.activeColor : (this.parentData.activeColor ? this.parentData.activeColor : '#0122c7');
}, },
// //
elInactiveColor() { elInactiveColor() {
@ -250,7 +250,7 @@
$u-checkbox-icon-wrap-square-border-radius:3px !default; $u-checkbox-icon-wrap-square-border-radius:3px !default;
$u-checkbox-icon-wrap-checked-color:#fff !default; $u-checkbox-icon-wrap-checked-color:#fff !default;
$u-checkbox-icon-wrap-checked-background-color:red !default; $u-checkbox-icon-wrap-checked-background-color:red !default;
$u-checkbox-icon-wrap-checked-border-color:#2979ff !default; $u-checkbox-icon-wrap-checked-border-color:#0122c7 !default;
$u-checkbox-icon-wrap-disabled-background-color:#ebedf0 !default; $u-checkbox-icon-wrap-disabled-background-color:#ebedf0 !default;
$u-checkbox-icon-wrap-disabled-checked-color:#c8c9cc !default; $u-checkbox-icon-wrap-disabled-checked-color:#c8c9cc !default;
$u-checkbox-label-margin-left:5px !default; $u-checkbox-label-margin-left:5px !default;

View File

@ -4,7 +4,7 @@ export default {
activeStyle: { activeStyle: {
type: [String, Object], type: [String, Object],
default: () => ({ default: () => ({
color: '#2979ff', color: '#0122c7',
fontSize: '14px' fontSize: '14px'
}) })
}, },

View File

@ -75,7 +75,7 @@
* @property {Object} customStyle icon的样式对象形式 * @property {Object} customStyle icon的样式对象形式
* @event {Function} click 点击图标时触发 * @event {Function} click 点击图标时触发
* @event {Function} touchstart 事件触摸时触发 * @event {Function} touchstart 事件触摸时触发
* @example <u-icon name="photo" color="#2979ff" size="28"></u-icon> * @example <u-icon name="photo" color="#0122c7" size="28"></u-icon>
*/ */
export default { export default {
name: 'u-icon', name: 'u-icon',

View File

@ -102,7 +102,7 @@
* @property {String} cancelText 取消按钮的文字 默认 '取消' * @property {String} cancelText 取消按钮的文字 默认 '取消'
* @property {Boolean} showConfirmButton 是否显示确认按钮 默认 true * @property {Boolean} showConfirmButton 是否显示确认按钮 默认 true
* @property {Boolean} showCancelButton 是否显示取消按钮 默认 false * @property {Boolean} showCancelButton 是否显示取消按钮 默认 false
* @property {String} confirmColor 确认按钮的颜色 默认 '#2979ff' * @property {String} confirmColor 确认按钮的颜色 默认 '#0122c7'
* @property {String} cancelColor 取消按钮的颜色 默认 '#606266' * @property {String} cancelColor 取消按钮的颜色 默认 '#606266'
* @property {Boolean} buttonReverse 对调确认和取消的位置 默认 false * @property {Boolean} buttonReverse 对调确认和取消的位置 默认 false
* @property {Boolean} zoom 是否开启缩放模式 默认 true * @property {Boolean} zoom 是否开启缩放模式 默认 true

View File

@ -17,7 +17,7 @@
* @property {String | Number | Boolean} value 绑定的值 * @property {String | Number | Boolean} value 绑定的值
* @property {Boolean} disabled 是否禁用所有radio默认 false * @property {Boolean} disabled 是否禁用所有radio默认 false
* @property {String} shape 外观形状shape-方形circle-圆形(默认 circle ) * @property {String} shape 外观形状shape-方形circle-圆形(默认 circle )
* @property {String} activeColor 选中时的颜色应用到所有子Radio组件默认 '#2979ff' * @property {String} activeColor 选中时的颜色应用到所有子Radio组件默认 '#0122c7'
* @property {String} inactiveColor 未选中的颜色 (默认 '#c8c9cc' ) * @property {String} inactiveColor 未选中的颜色 (默认 '#c8c9cc' )
* @property {String} name 标识符 * @property {String} name 标识符
* @property {String | Number} size 组件整体的大小单位px默认 18 * @property {String | Number} size 组件整体的大小单位px默认 18

View File

@ -103,7 +103,7 @@
}, },
// //
elActiveColor() { elActiveColor() {
return this.activeColor ? this.activeColor : (this.parentData.activeColor ? this.parentData.activeColor : '#2979ff'); return this.activeColor ? this.activeColor : (this.parentData.activeColor ? this.parentData.activeColor : '#0122c7');
}, },
// //
elInactiveColor() { elInactiveColor() {
@ -246,7 +246,7 @@
$u-radio-square-border-radius:3px !default; $u-radio-square-border-radius:3px !default;
$u-radio-checked-color:#fff !default; $u-radio-checked-color:#fff !default;
$u-radio-checked-background-color:red !default; $u-radio-checked-background-color:red !default;
$u-radio-checked-border-color: #2979ff !default; $u-radio-checked-border-color: #0122c7 !default;
$u-radio-disabled-background-color:#fff !default; $u-radio-disabled-background-color:#fff !default;
$u-radio-disabled--checked-color:#c8c9cc !default; $u-radio-disabled--checked-color:#c8c9cc !default;
$u-radio-label-margin-left: 5px !default; $u-radio-label-margin-left: 5px !default;

View File

@ -58,7 +58,7 @@
* @property {Boolean} toggle 展开后是否显示收起按钮默认 false * @property {Boolean} toggle 展开后是否显示收起按钮默认 false
* @property {String} closeText 关闭时的提示文字默认 '展开阅读全文' * @property {String} closeText 关闭时的提示文字默认 '展开阅读全文'
* @property {String} openText 展开时的提示文字默认 '收起' * @property {String} openText 展开时的提示文字默认 '收起'
* @property {String} color 提示文字的颜色默认 '#2979ff' * @property {String} color 提示文字的颜色默认 '#0122c7'
* @property {String | Number} fontSize 提示文字的大小单位px 默认 14 * @property {String | Number} fontSize 提示文字的大小单位px 默认 14
* @property {Object} shadowStyle 显示阴影的样式 * @property {Object} shadowStyle 显示阴影的样式
* @property {String} textIndent 段落首行缩进的字符个数 默认 '2em' * @property {String} textIndent 段落首行缩进的字符个数 默认 '2em'

View File

@ -36,7 +36,7 @@
* @property {Boolean} loading 是否处于加载中默认 false * @property {Boolean} loading 是否处于加载中默认 false
* @property {Boolean} disabled 是否禁用默认 false * @property {Boolean} disabled 是否禁用默认 false
* @property {String | Number} size 开关尺寸单位px 默认 25 * @property {String | Number} size 开关尺寸单位px 默认 25
* @property {String} activeColor 打开时的背景色 默认 '#2979ff' * @property {String} activeColor 打开时的背景色 默认 '#0122c7'
* @property {String} inactiveColor 关闭时的背景色 默认 '#ffffff' * @property {String} inactiveColor 关闭时的背景色 默认 '#ffffff'
* @property {Boolean | String | Number} value 通过v-model双向绑定的值 默认 false * @property {Boolean | String | Number} value 通过v-model双向绑定的值 默认 false
* @property {Boolean | String | Number} activeValue 打开选择器时通过change事件发出的值 默认 true * @property {Boolean | String | Number} activeValue 打开选择器时通过change事件发出的值 默认 true

View File

@ -19,7 +19,7 @@ export default {
], ],
// 颜色部分本来可以通过scss的:export导出供js使用但是奈何nvue不支持 // 颜色部分本来可以通过scss的:export导出供js使用但是奈何nvue不支持
color: { color: {
'u-primary': '#2979ff', 'u-primary': '#0122c7',
'u-warning': '#ff9900', 'u-warning': '#ff9900',
'u-success': '#19be6b', 'u-success': '#19be6b',
'u-error': '#fa3534', 'u-error': '#fa3534',

View File

@ -14,7 +14,7 @@ export default {
value: () => [], value: () => [],
shape: 'square', shape: 'square',
disabled: false, disabled: false,
activeColor: '#2979ff', activeColor: '#0122c7',
inactiveColor: '#c8c9cc', inactiveColor: '#c8c9cc',
size: 18, size: 18,
placement: 'row', placement: 'row',

View File

@ -17,7 +17,7 @@ export default {
cancelText: '取消', cancelText: '取消',
showConfirmButton: true, showConfirmButton: true,
showCancelButton: false, showCancelButton: false,
confirmColor: '#2979ff', confirmColor: '#0122c7',
cancelColor: '#606266', cancelColor: '#606266',
buttonReverse: false, buttonReverse: false,
zoom: true, zoom: true,

View File

@ -13,7 +13,7 @@ export default {
value: '', value: '',
disabled: false, disabled: false,
shape: 'circle', shape: 'circle',
activeColor: '#2979ff', activeColor: '#0122c7',
inactiveColor: '#c8c9cc', inactiveColor: '#c8c9cc',
name: '', name: '',
size: 18, size: 18,

View File

@ -14,7 +14,7 @@ export default {
toggle: false, toggle: false,
closeText: '展开阅读全文', closeText: '展开阅读全文',
openText: '收起', openText: '收起',
color: '#2979ff', color: '#0122c7',
fontSize: 14, fontSize: 14,
textIndent: '2em', textIndent: '2em',
name: '' name: ''

View File

@ -15,7 +15,7 @@ export default {
min: 0, min: 0,
max: 100, max: 100,
step: 1, step: 1,
activeColor: '#2979ff', activeColor: '#0122c7',
inactiveColor: '#c0c4cc', inactiveColor: '#c0c4cc',
blockColor: '#ffffff', blockColor: '#ffffff',
showValue: false, showValue: false,

View File

@ -13,7 +13,7 @@ export default {
loading: false, loading: false,
disabled: false, disabled: false,
size: 25, size: 25,
activeColor: '#2979ff', activeColor: '#0122c7',
inactiveColor: '#ffffff', inactiveColor: '#ffffff',
value: false, value: false,
activeValue: true, activeValue: true,