Merge branch 'main' of http://git.excellentkk.cn/mkm/OfficeApp
This commit is contained in:
commit
a6614b7f90
@ -29,6 +29,7 @@
|
|||||||
</block>
|
</block>
|
||||||
-->
|
-->
|
||||||
<view class="personnel_list" v-if="!skeleton">
|
<view class="personnel_list" v-if="!skeleton">
|
||||||
|
|
||||||
<view class="cards">
|
<view class="cards">
|
||||||
|
|
||||||
<view class="cards_head">
|
<view class="cards_head">
|
||||||
@ -88,12 +89,15 @@
|
|||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 合同 -->
|
<!-- 合同 -->
|
||||||
<view class="item" v-show="skeleton||contract.status">
|
<view class="item" v-show="skeleton||contract.status">
|
||||||
|
|
||||||
<u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%" rowsHeight="56"></u-skeleton>
|
<u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%"
|
||||||
|
rowsHeight="56"></u-skeleton>
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
<block v-if="!skeleton">
|
<block v-if="!skeleton">
|
||||||
@ -234,7 +238,8 @@
|
|||||||
</view>
|
</view>
|
||||||
-->
|
-->
|
||||||
<view class="item">
|
<view class="item">
|
||||||
<u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%" rowsHeight="56"></u-skeleton>
|
<u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%"
|
||||||
|
rowsHeight="56"></u-skeleton>
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
<block v-if="!skeleton">
|
<block v-if="!skeleton">
|
||||||
@ -273,8 +278,8 @@
|
|||||||
<view class="cards_content">
|
<view class="cards_content">
|
||||||
<view class="image_box" style="background-color: #fff;border-radius: 7px 7px 7px 7px;">
|
<view class="image_box" style="background-color: #fff;border-radius: 7px 7px 7px 7px;">
|
||||||
<u--image class="image" @click="priview(company.qualification.business_license)"
|
<u--image class="image" @click="priview(company.qualification.business_license)"
|
||||||
:src="company.qualification.business_license" v-if="company.qualification.business_license"
|
:src="company.qualification.business_license"
|
||||||
:lazy-load="true">
|
v-if="company.qualification.business_license" :lazy-load="true">
|
||||||
<template v-slot:loading>
|
<template v-slot:loading>
|
||||||
<u-loading-icon color="#333"></u-loading-icon>
|
<u-loading-icon color="#333"></u-loading-icon>
|
||||||
</template>
|
</template>
|
||||||
@ -282,14 +287,15 @@
|
|||||||
<view style="border-top:1px dashed #0022C7;margin:20rpx 0">
|
<view style="border-top:1px dashed #0022C7;margin:20rpx 0">
|
||||||
</view>
|
</view>
|
||||||
<u--image class="image" @click="priview(company.qualification.business_licenseB)"
|
<u--image class="image" @click="priview(company.qualification.business_licenseB)"
|
||||||
:src="company.qualification.business_licenseB" v-if="company.qualification.business_licenseB"
|
:src="company.qualification.business_licenseB"
|
||||||
:lazy-load="true">
|
v-if="company.qualification.business_licenseB" :lazy-load="true">
|
||||||
<template v-slot:loading>
|
<template v-slot:loading>
|
||||||
<u-loading-icon color="#333"></u-loading-icon>
|
<u-loading-icon color="#333"></u-loading-icon>
|
||||||
</template>
|
</template>
|
||||||
</u--image>
|
</u--image>
|
||||||
<u--image class="image" v-for="item in company.qualification.other_qualifications" :key="item"
|
<u--image class="image" v-for="item in company.qualification.other_qualifications"
|
||||||
@click="priview(item)" :src="item" v-if="company.qualification.other_qualifications" :lazy-load="true">
|
:key="item" @click="priview(item)" :src="item"
|
||||||
|
v-if="company.qualification.other_qualifications" :lazy-load="true">
|
||||||
<template v-slot:loading>
|
<template v-slot:loading>
|
||||||
<u-loading-icon color="#333"></u-loading-icon>
|
<u-loading-icon color="#333"></u-loading-icon>
|
||||||
</template>
|
</template>
|
||||||
@ -308,24 +314,26 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {
|
import {
|
||||||
contractView
|
contractView
|
||||||
} from "@/api/contract.js"
|
} from "@/api/contract.js"
|
||||||
import {
|
import {
|
||||||
companyView
|
companyView
|
||||||
} from "@/api/company.js"
|
} from "@/api/company.js"
|
||||||
import {
|
import {
|
||||||
download_file
|
download_file
|
||||||
} from "@/api/junziqian.js"
|
} from "@/api/junziqian.js"
|
||||||
import {
|
import {
|
||||||
Toast
|
Toast
|
||||||
} from '@/libs/uniApi.js'
|
} from '@/libs/uniApi.js'
|
||||||
|
|
||||||
import { commonBrigade } from "@/api/oaPbulic.js"
|
import {
|
||||||
|
commonBrigade
|
||||||
|
} from "@/api/oaPbulic.js"
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "company",
|
name: "company",
|
||||||
data () {
|
data() {
|
||||||
return {
|
return {
|
||||||
skeleton: true,
|
skeleton: true,
|
||||||
company: {
|
company: {
|
||||||
@ -344,11 +352,11 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
props: ['id', 'type'],
|
props: ['id', 'type'],
|
||||||
mounted () {
|
mounted() {
|
||||||
this.initContract(this.$props.id, this.$props.type || null);
|
this.initContract(this.$props.id, this.$props.type || null);
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
c_address () {
|
c_address() {
|
||||||
let str = '';
|
let str = '';
|
||||||
if (this.company.company_type == 16) {
|
if (this.company.company_type == 16) {
|
||||||
this.company?.province_name ? str += this.company?.province_name : null;
|
this.company?.province_name ? str += this.company?.province_name : null;
|
||||||
@ -365,7 +373,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
navTo (contract_no) {
|
navTo(contract_no) {
|
||||||
download_file({
|
download_file({
|
||||||
applyNo: contract_no
|
applyNo: contract_no
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
@ -377,10 +385,10 @@ export default {
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
naviBack () {
|
naviBack() {
|
||||||
uni.navigateBack()
|
uni.navigateBack()
|
||||||
},
|
},
|
||||||
async initContract (id, type = "contract") {
|
async initContract(id, type = "contract") {
|
||||||
let res;
|
let res;
|
||||||
res = await commonBrigade();
|
res = await commonBrigade();
|
||||||
this.brigadeList = res.data;
|
this.brigadeList = res.data;
|
||||||
@ -399,8 +407,10 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
this.company = res.data.company;
|
this.company = res.data.company;
|
||||||
if (this.company?.qualification?.other_qualifications && typeof this.company.qualification.other_qualifications == 'string') {
|
if (this.company?.qualification?.other_qualifications && typeof this.company.qualification
|
||||||
this.company.qualification.other_qualifications = JSON.parse(this.company.qualification.other_qualifications);
|
.other_qualifications == 'string') {
|
||||||
|
this.company.qualification.other_qualifications = JSON.parse(this.company.qualification
|
||||||
|
.other_qualifications);
|
||||||
}
|
}
|
||||||
let arr = this.company.responsible_area.split(',');
|
let arr = this.company.responsible_area.split(',');
|
||||||
let brigade = this.brigadeList.filter(item => {
|
let brigade = this.brigadeList.filter(item => {
|
||||||
@ -416,22 +426,22 @@ export default {
|
|||||||
// console.log(res.data);
|
// console.log(res.data);
|
||||||
},
|
},
|
||||||
//查看图片
|
//查看图片
|
||||||
priview (url) {
|
priview(url) {
|
||||||
uni.previewImage({
|
uni.previewImage({
|
||||||
urls: [url],
|
urls: [url],
|
||||||
longPressActions: {
|
longPressActions: {
|
||||||
itemList: ['保存图片'],
|
itemList: ['保存图片'],
|
||||||
success: function (data) {
|
success: function(data) {
|
||||||
if (data.tapIndex === 0) {
|
if (data.tapIndex === 0) {
|
||||||
uni.saveImageToPhotosAlbum({
|
uni.saveImageToPhotosAlbum({
|
||||||
filePath: url,
|
filePath: url,
|
||||||
success: function () {
|
success: function() {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '保存成功',
|
title: '保存成功',
|
||||||
icon: 'success'
|
icon: 'success'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
fail: function () {
|
fail: function() {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '保存失败',
|
title: '保存失败',
|
||||||
icon: 'none'
|
icon: 'none'
|
||||||
@ -443,7 +453,7 @@ export default {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
copyPhone (str = "", type = "号码") {
|
copyPhone(str = "", type = "号码") {
|
||||||
if (str) uni.setClipboardData({
|
if (str) uni.setClipboardData({
|
||||||
data: str + "",
|
data: str + "",
|
||||||
success: (e) => {
|
success: (e) => {
|
||||||
@ -455,11 +465,11 @@ export default {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.personnel_list {
|
.personnel_list {
|
||||||
padding: 28rpx 0;
|
padding: 28rpx 0;
|
||||||
|
|
||||||
.cards {
|
.cards {
|
||||||
@ -530,6 +540,8 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.contract {
|
.contract {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
@ -590,9 +602,9 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
|
|
||||||
&:nth-child(1) {
|
&:nth-child(1) {
|
||||||
@ -794,9 +806,9 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.back_btn {
|
.back_btn {
|
||||||
width: 694rpx;
|
width: 694rpx;
|
||||||
height: 84rpx;
|
height: 84rpx;
|
||||||
background: $theme-oa-color;
|
background: $theme-oa-color;
|
||||||
@ -806,9 +818,9 @@ export default {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
margin: 30rpx auto;
|
margin: 30rpx auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stop_btn {
|
.stop_btn {
|
||||||
width: 694rpx;
|
width: 694rpx;
|
||||||
height: 84rpx;
|
height: 84rpx;
|
||||||
border-radius: 42rpx 42rpx 42rpx 42rpx;
|
border-radius: 42rpx 42rpx 42rpx 42rpx;
|
||||||
@ -818,5 +830,5 @@ export default {
|
|||||||
color: $theme-oa-color;
|
color: $theme-oa-color;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
margin: 30rpx auto;
|
margin: 30rpx auto;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
@ -1,38 +1,50 @@
|
|||||||
<template>
|
<template>
|
||||||
|
<view class="content">[[]]
|
||||||
|
<view class="tit">
|
||||||
|
<text v-if="readonly">更新时间: {{update_time}}</text>
|
||||||
|
<text>养殖信息</text>
|
||||||
|
|
||||||
|
</view>
|
||||||
<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="breeding_training" borderBottom>
|
<u-form-item labelWidth="auto" label="有无养殖培训" required prop="breeding_training" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.breeding_training" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.breeding_training" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="breeding_company" borderBottom>
|
<u-form-item labelWidth="auto" label="有无注册成立养殖公司" required prop="breeding_company" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.breeding_company" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.breeding_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"
|
||||||
:name="item.value">
|
:label="item.label" :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="notes" borderBottom>
|
<u-form-item labelWidth="auto" labelPosition="top" label="备注" required prop="notes" borderBottom>
|
||||||
<u--textarea :disabled="readonly" v-model="formData.notes" autoHeight placeholder="请输入备注" border="surround" count></u--textarea>
|
<u--textarea :disabled="readonly" v-model="formData.notes" autoHeight placeholder="请输入备注"
|
||||||
|
border="surround" count></u--textarea>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item labelWidth="auto" label="养殖类型" required prop="breeding_type" borderBottom>
|
<u-form-item labelWidth="auto" label="养殖类型" required prop="breeding_type" borderBottom>
|
||||||
<u--input :readonly="readonly" v-model="formData.breeding_type" placeholder="请输入养殖类型"></u--input>
|
<u--input :readonly="readonly" v-model="formData.breeding_type" placeholder="请输入养殖类型"></u--input>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<picker mode="date" @change="changeDate" :disabled="readonly" :data-value="'breeding_time'">
|
<picker mode="date" @change="changeDate" :disabled="readonly" :data-value="'breeding_time'">
|
||||||
<u-form-item labelWidth="auto" label="养殖开始时间" required prop="breeding_time" borderBottom>
|
<u-form-item labelWidth="auto" label="养殖开始时间" required prop="breeding_time" borderBottom>
|
||||||
<u--input :value="formData.breeding_time" placeholder="请选择养殖开始时间" disabled disabledColor="#fff"></u--input>
|
<u--input :value="formData.breeding_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="date" @change="changeDate" :disabled="readonly" :data-value="'mature_time'">
|
<picker mode="date" @change="changeDate" :disabled="readonly" :data-value="'mature_time'">
|
||||||
<u-form-item labelWidth="auto" label="上市时间" required prop="mature_time" borderBottom>
|
<u-form-item labelWidth="auto" label="上市时间" required prop="mature_time" borderBottom>
|
||||||
<u--input :value="formData.mature_time" placeholder="请选择上市时间" disabled disabledColor="#fff"></u--input>
|
<u--input :value="formData.mature_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>
|
||||||
@ -42,15 +54,16 @@
|
|||||||
<u-form-item labelWidth="auto" label="预计收益" required prop="estimated_income" borderBottom>
|
<u-form-item labelWidth="auto" label="预计收益" required prop="estimated_income" borderBottom>
|
||||||
<u--input :readonly="readonly" v-model="formData.estimated_income" placeholder="请输入预计收益"></u--input>
|
<u--input :readonly="readonly" v-model="formData.estimated_income" placeholder="请输入预计收益"></u--input>
|
||||||
</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"
|
||||||
<u--textarea :disabled="readonly" v-model="formData.farm_tools" autoHeight placeholder="请输入农资农具收益情况" border="surround"
|
borderBottom>
|
||||||
count></u--textarea>
|
<u--textarea :disabled="readonly" v-model="formData.farm_tools" autoHeight placeholder="请输入农资农具收益情况"
|
||||||
|
border="surround" count></u--textarea>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item labelWidth="auto" label="是否生态养殖" required prop="ecological_farming" borderBottom>
|
<u-form-item labelWidth="auto" label="是否生态养殖" required prop="ecological_farming" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.ecological_farming" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.ecological_farming" 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"
|
||||||
:name="item.value">
|
:label="item.label" :name="item.value">
|
||||||
</u-radio>
|
</u-radio>
|
||||||
</u-radio-group>
|
</u-radio-group>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
@ -63,65 +76,75 @@
|
|||||||
<u-form-item labelWidth="auto" label="销售方式" required prop="method_sales" borderBottom>
|
<u-form-item labelWidth="auto" label="销售方式" required prop="method_sales" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.method_sales" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.method_sales" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="processing_storage" borderBottom>
|
<u-form-item labelWidth="auto" label="有无加工仓储" required prop="processing_storage" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.processing_storage" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.processing_storage" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="promote" borderBottom>
|
<u-form-item labelWidth="auto" label="有无宣传推广" required prop="promote" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.promote" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.promote" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="transportation" borderBottom>
|
<u-form-item labelWidth="auto" label="有无运输" required prop="transportation" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.transportation" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.transportation" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="expand_business_needs" borderBottom>
|
<u-form-item labelWidth="auto" label="是否有扩大经营需求" required prop="expand_business_needs" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.expand_business_needs" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.expand_business_needs" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="需求描述" prop="demand" borderBottom>
|
<u-form-item labelWidth="auto" labelPosition="top" label="需求描述" prop="demand" borderBottom>
|
||||||
<u--textarea :disabled="readonly" v-model="formData.demand" autoHeight placeholder="请输入需求描述" border="surround" count></u--textarea>
|
<u--textarea :disabled="readonly" v-model="formData.demand" autoHeight placeholder="请输入需求描述"
|
||||||
|
border="surround" count></u--textarea>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item labelWidth="auto" labelPosition="top" label="政策补助" prop="policy_subsidies" borderBottom>
|
<u-form-item labelWidth="auto" labelPosition="top" label="政策补助" prop="policy_subsidies" borderBottom>
|
||||||
<u--textarea :disabled="readonly" v-model="formData.policy_subsidies" autoHeight placeholder="请输入政策补助" border="surround"
|
<u--textarea :disabled="readonly" v-model="formData.policy_subsidies" autoHeight
|
||||||
count></u--textarea>
|
placeholder="请输入政策补助" border="surround" count></u--textarea>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
</u--form>
|
</u--form>
|
||||||
|
|
||||||
</view>
|
</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
|
||||||
|
},
|
||||||
|
update_time: {
|
||||||
|
type: String,
|
||||||
|
default: null
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
@ -175,45 +198,45 @@
|
|||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.initRules();
|
this.initRules();
|
||||||
if(this.$props.readonly&&this.$props.datas){
|
if (this.$props.readonly && this.$props.datas) {
|
||||||
this.formData = this.$props.datas;
|
this.formData = this.$props.datas;
|
||||||
let keys = Object.keys(this.formData);
|
let keys = Object.keys(this.formData);
|
||||||
keys.forEach(item=>{
|
keys.forEach(item => {
|
||||||
if(!isNaN(this.formData[item]))this.formData[item] = +this.formData[item];
|
if (!isNaN(this.formData[item])) this.formData[item] = +this.formData[item];
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch:{
|
watch: {
|
||||||
datas(newValue, oldValue){
|
datas(newValue, oldValue) {
|
||||||
if(this.$props.readonly&&newValue){
|
if (this.$props.readonly && newValue) {
|
||||||
this.formData = this.$props.datas;
|
this.formData = this.$props.datas;
|
||||||
let keys = Object.keys(this.formData);
|
let keys = Object.keys(this.formData);
|
||||||
keys.forEach(item=>{
|
keys.forEach(item => {
|
||||||
if(!isNaN(this.formData[item]))this.formData[item] = +this.formData[item];
|
if (!isNaN(this.formData[item])) this.formData[item] = +this.formData[item];
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 初始化校验
|
// 初始化校验
|
||||||
initRules(){
|
initRules() {
|
||||||
let arr = Object.keys(this.formData);
|
let arr = Object.keys(this.formData);
|
||||||
let white = ['demand', 'policy_subsidies'];
|
let white = ['demand', 'policy_subsidies'];
|
||||||
arr = arr.filter(item=>{
|
arr = arr.filter(item => {
|
||||||
return !white.includes(item);
|
return !white.includes(item);
|
||||||
})
|
})
|
||||||
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();
|
||||||
},
|
},
|
||||||
// 选择土地规划
|
// 选择土地规划
|
||||||
@ -222,7 +245,7 @@
|
|||||||
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;
|
||||||
},
|
},
|
||||||
@ -231,12 +254,27 @@
|
|||||||
</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;
|
margin-top: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
border-radius: 0 0 14rpx 14rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tit {
|
||||||
|
margin: 28rpx 28rpx 0 28rpx;
|
||||||
|
padding: 28rpx 28rpx 0 28rpx;
|
||||||
|
border-radius: 14rpx 14rpx 0 0;
|
||||||
|
background-color: $theme-oa-color;
|
||||||
|
color: white;
|
||||||
|
height: 100rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
@ -251,6 +289,7 @@
|
|||||||
margin-right: 8rpx;
|
margin-right: 8rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.delete {
|
.delete {
|
||||||
margin: 22rpx 0;
|
margin: 22rpx 0;
|
||||||
// margin-bottom: 40rpx;
|
// margin-bottom: 40rpx;
|
||||||
@ -265,15 +304,26 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.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>
|
@ -1,34 +1,46 @@
|
|||||||
<template>
|
<template>
|
||||||
|
|
||||||
|
<view class="content">
|
||||||
|
|
||||||
|
<view class="tit">
|
||||||
|
<text v-if="readonly">更新时间: {{update_time}}</text>
|
||||||
|
<text>种植信息</text>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
<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 :readonly="readonly" v-model="formData.cultivated_area" placeholder="请输入土地总面积"></u--input>
|
<u--input :readonly="readonly" v-model="formData.cultivated_area" placeholder="请输入土地总面积"></u--input>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<picker :range="landPlanList" :disabled="readonly" mode="selector" @change="changeLanPlan">
|
<picker :range="landPlanList" :disabled="readonly" 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="landPlanList[formData.planning]" placeholder="请选择规划" disabled disabledColor="#fff"></u--input>
|
<u--input :value="landPlanList[formData.planning]" 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="breeding_training" borderBottom>
|
<u-form-item labelWidth="auto" label="有无种植培训" required prop="breeding_training" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.breeding_training" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.breeding_training" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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 :disabled="readonly" v-model="formData.planting_company" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="notes" borderBottom>
|
<u-form-item labelWidth="auto" labelPosition="top" label="备注" required prop="notes" borderBottom>
|
||||||
<u--textarea :disabled="readonly" v-model="formData.notes" autoHeight placeholder="请输入备注" border="surround" count></u--textarea>
|
<u--textarea :disabled="readonly" v-model="formData.notes" autoHeight placeholder="请输入备注"
|
||||||
|
border="surround" count></u--textarea>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item labelWidth="auto" label="种植类型" required prop="breeding_type" borderBottom>
|
<u-form-item labelWidth="auto" label="种植类型" required prop="breeding_type" borderBottom>
|
||||||
<u--input :readonly="readonly" v-model="formData.breeding_type" placeholder="请输入种植类型"></u--input>
|
<u--input :readonly="readonly" v-model="formData.breeding_type" placeholder="请输入种植类型"></u--input>
|
||||||
@ -38,13 +50,15 @@
|
|||||||
</u-form-item>
|
</u-form-item>
|
||||||
<picker mode="date" @change="changeDate" :disabled="readonly" :data-value="'breeding_time'">
|
<picker mode="date" @change="changeDate" :disabled="readonly" :data-value="'breeding_time'">
|
||||||
<u-form-item labelWidth="auto" label="种植开始时间" required prop="breeding_time" borderBottom>
|
<u-form-item labelWidth="auto" label="种植开始时间" required prop="breeding_time" borderBottom>
|
||||||
<u--input :value="formData.breeding_time" placeholder="请选择种植开始时间" disabled disabledColor="#fff"></u--input>
|
<u--input :value="formData.breeding_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="date" @change="changeDate" :disabled="readonly" :data-value="'mature_time'">
|
<picker mode="date" @change="changeDate" :disabled="readonly" :data-value="'mature_time'">
|
||||||
<u-form-item labelWidth="auto" label="上市时间" required prop="mature_time" borderBottom>
|
<u-form-item labelWidth="auto" label="上市时间" required prop="mature_time" borderBottom>
|
||||||
<u--input :value="formData.mature_time" placeholder="请选择上市时间" disabled disabledColor="#fff"></u--input>
|
<u--input :value="formData.mature_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>
|
||||||
@ -54,15 +68,16 @@
|
|||||||
<u-form-item labelWidth="auto" label="预计收益" required prop="estimated_income" borderBottom>
|
<u-form-item labelWidth="auto" label="预计收益" required prop="estimated_income" borderBottom>
|
||||||
<u--input :readonly="readonly" v-model="formData.estimated_income" placeholder="请输入预计收益"></u--input>
|
<u--input :readonly="readonly" v-model="formData.estimated_income" placeholder="请输入预计收益"></u--input>
|
||||||
</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"
|
||||||
<u--textarea :disabled="readonly" v-model="formData.farm_tools" autoHeight placeholder="请输入农资农具收益情况" border="surround"
|
borderBottom>
|
||||||
count></u--textarea>
|
<u--textarea :disabled="readonly" v-model="formData.farm_tools" autoHeight placeholder="请输入农资农具收益情况"
|
||||||
|
border="surround" count></u--textarea>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item labelWidth="auto" label="是否生态种植" required prop="ecological_farming" borderBottom>
|
<u-form-item labelWidth="auto" label="是否生态种植" required prop="ecological_farming" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.ecological_farming" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.ecological_farming" 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"
|
||||||
:name="item.value">
|
:label="item.label" :name="item.value">
|
||||||
</u-radio>
|
</u-radio>
|
||||||
</u-radio-group>
|
</u-radio-group>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
@ -75,63 +90,69 @@
|
|||||||
<u-form-item labelWidth="auto" label="销售方式" required prop="method_sales" borderBottom>
|
<u-form-item labelWidth="auto" label="销售方式" required prop="method_sales" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.method_sales" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.method_sales" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="processing_storage" borderBottom>
|
<u-form-item labelWidth="auto" label="有无加工仓储" required prop="processing_storage" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.processing_storage" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.processing_storage" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="promote" borderBottom>
|
<u-form-item labelWidth="auto" label="有无宣传推广" required prop="promote" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.promote" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.promote" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="transportation" borderBottom>
|
<u-form-item labelWidth="auto" label="有无运输" required prop="transportation" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.transportation" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.transportation" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="expand_business_needs" borderBottom>
|
<u-form-item labelWidth="auto" label="是否有扩大经营需求" required prop="expand_business_needs" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.expand_business_needs" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.expand_business_needs" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="需求描述" prop="demand" borderBottom>
|
<u-form-item labelWidth="auto" labelPosition="top" label="需求描述" prop="demand" borderBottom>
|
||||||
<u--textarea :disabled="readonly" v-model="formData.demand" autoHeight placeholder="请输入需求描述" border="surround" count></u--textarea>
|
<u--textarea :disabled="readonly" v-model="formData.demand" autoHeight placeholder="请输入需求描述"
|
||||||
|
border="surround" count></u--textarea>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item labelWidth="auto" labelPosition="top" label="政策补助" prop="policy_subsidies" borderBottom>
|
<u-form-item labelWidth="auto" labelPosition="top" label="政策补助" prop="policy_subsidies" borderBottom>
|
||||||
<u--textarea :disabled="readonly" v-model="formData.policy_subsidies" autoHeight placeholder="请输入政策补助" border="surround"
|
<u--textarea :disabled="readonly" v-model="formData.policy_subsidies" autoHeight
|
||||||
count></u--textarea>
|
placeholder="请输入政策补助" border="surround" count></u--textarea>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
</u--form>
|
</u--form>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
props:{
|
props: {
|
||||||
readonly: {
|
readonly: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
},
|
},
|
||||||
datas:{
|
update_time: {
|
||||||
|
type: String,
|
||||||
|
default: null
|
||||||
|
},
|
||||||
|
datas: {
|
||||||
type: Object,
|
type: Object,
|
||||||
default: null
|
default: null
|
||||||
}
|
}
|
||||||
@ -192,45 +213,45 @@
|
|||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.initRules();
|
this.initRules();
|
||||||
if(this.$props.readonly&&this.$props.datas){
|
if (this.$props.readonly && this.$props.datas) {
|
||||||
this.formData = this.$props.datas;
|
this.formData = this.$props.datas;
|
||||||
let keys = Object.keys(this.formData);
|
let keys = Object.keys(this.formData);
|
||||||
keys.forEach(item=>{
|
keys.forEach(item => {
|
||||||
if(!isNaN(this.formData[item]))this.formData[item] = +this.formData[item];
|
if (!isNaN(this.formData[item])) this.formData[item] = +this.formData[item];
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch:{
|
watch: {
|
||||||
datas(newValue, oldValue){
|
datas(newValue, oldValue) {
|
||||||
if(this.$props.readonly&&newValue){
|
if (this.$props.readonly && newValue) {
|
||||||
this.formData = this.$props.datas;
|
this.formData = this.$props.datas;
|
||||||
let keys = Object.keys(this.formData);
|
let keys = Object.keys(this.formData);
|
||||||
keys.forEach(item=>{
|
keys.forEach(item => {
|
||||||
if(!isNaN(this.formData[item]))this.formData[item] = +this.formData[item];
|
if (!isNaN(this.formData[item])) this.formData[item] = +this.formData[item];
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 初始化校验
|
// 初始化校验
|
||||||
initRules(){
|
initRules() {
|
||||||
let arr = Object.keys(this.formData);
|
let arr = Object.keys(this.formData);
|
||||||
let white = ['demand', 'policy_subsidies'];
|
let white = ['demand', 'policy_subsidies'];
|
||||||
arr = arr.filter(item=>{
|
arr = arr.filter(item => {
|
||||||
return !white.includes(item);
|
return !white.includes(item);
|
||||||
})
|
})
|
||||||
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();
|
||||||
},
|
},
|
||||||
// 选择土地规划
|
// 选择土地规划
|
||||||
@ -239,7 +260,7 @@
|
|||||||
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;
|
||||||
},
|
},
|
||||||
@ -248,12 +269,27 @@
|
|||||||
</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;
|
margin-top: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
border-radius: 0 0 14rpx 14rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tit {
|
||||||
|
margin: 28rpx 28rpx 0 28rpx;
|
||||||
|
padding: 28rpx 28rpx 0 28rpx;
|
||||||
|
border-radius: 14rpx 14rpx 0 0;
|
||||||
|
background-color: $theme-oa-color;
|
||||||
|
color: white;
|
||||||
|
height: 100rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
@ -268,6 +304,7 @@
|
|||||||
margin-right: 8rpx;
|
margin-right: 8rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.delete {
|
.delete {
|
||||||
margin: 22rpx 0;
|
margin: 22rpx 0;
|
||||||
// margin-bottom: 40rpx;
|
// margin-bottom: 40rpx;
|
||||||
@ -282,15 +319,26 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.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>
|
@ -1,12 +1,23 @@
|
|||||||
<template>
|
<template>
|
||||||
|
|
||||||
|
|
||||||
|
<view class="content">
|
||||||
|
|
||||||
|
<view class="tit">
|
||||||
|
<text v-if="readonly">更新时间: {{update_time}}</text>
|
||||||
|
<text>开设店铺</text>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
<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 :disabled="readonly" v-model="formData.shop_front" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" 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"
|
||||||
:name="item.value">
|
:label="item.label" :name="item.value">
|
||||||
</u-radio>
|
</u-radio>
|
||||||
</u-radio-group>
|
</u-radio-group>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
@ -32,16 +43,16 @@
|
|||||||
<u-form-item labelWidth="auto" label="有无营业资质" required prop="qualification" borderBottom>
|
<u-form-item labelWidth="auto" label="有无营业资质" required prop="qualification" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.qualification" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.qualification" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="stock" borderBottom>
|
<u-form-item labelWidth="auto" label="有无进货渠道" required prop="stock" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.stock" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.stock" 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"
|
||||||
:name="item.value">
|
:label="item.label" :name="item.value">
|
||||||
</u-radio>
|
</u-radio>
|
||||||
</u-radio-group>
|
</u-radio-group>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
@ -54,34 +65,35 @@
|
|||||||
<u-form-item labelWidth="auto" label="有无线上展示" required prop="online_display" borderBottom>
|
<u-form-item labelWidth="auto" label="有无线上展示" required prop="online_display" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.online_display" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.online_display" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="brand" borderBottom>
|
<u-form-item labelWidth="auto" label="有无品牌" required prop="brand" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.brand" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.brand" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="repertory" borderBottom>
|
<u-form-item labelWidth="auto" label="库存情况" required prop="repertory" borderBottom>
|
||||||
<u-radio-group :disabled="readonly" v-model="formData.repertory" style="margin: 16rpx;">
|
<u-radio-group :disabled="readonly" v-model="formData.repertory" 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"
|
||||||
:name="item.value">
|
:label="item.label" :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="appeal" borderBottom>
|
<u-form-item labelWidth="auto" labelPosition="top" label="经营诉求" required prop="appeal" borderBottom>
|
||||||
<u--textarea :disabled="readonly" v-model="formData.appeal" autoHeight placeholder="请输入经营诉求" border="surround"
|
<u--textarea :disabled="readonly" v-model="formData.appeal" autoHeight placeholder="请输入经营诉求"
|
||||||
count></u--textarea>
|
border="surround" count></u--textarea>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
</u--form>
|
</u--form>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@ -94,7 +106,11 @@
|
|||||||
datas: {
|
datas: {
|
||||||
type: Object,
|
type: Object,
|
||||||
default: null
|
default: null
|
||||||
}
|
},
|
||||||
|
update_time: {
|
||||||
|
type: String,
|
||||||
|
default: null
|
||||||
|
},
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@ -178,7 +194,21 @@
|
|||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
margin: 28rpx;
|
margin: 28rpx;
|
||||||
padding: 28rpx;
|
padding: 28rpx;
|
||||||
border-radius: 14rpx;
|
margin-top: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
border-radius: 0 0 14rpx 14rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tit {
|
||||||
|
margin: 28rpx 28rpx 0 28rpx;
|
||||||
|
padding: 28rpx 28rpx 0 28rpx;
|
||||||
|
border-radius: 14rpx 14rpx 0 0;
|
||||||
|
background-color: $theme-oa-color;
|
||||||
|
color: white;
|
||||||
|
height: 100rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
@ -5,13 +5,14 @@
|
|||||||
<view class="item" :class="current==1?'active':''" @click="current=1">商机信息</view>
|
<view class="item" :class="current==1?'active':''" @click="current=1">商机信息</view>
|
||||||
</view> -->
|
</view> -->
|
||||||
<u-sticky bgColor="#fff">
|
<u-sticky bgColor="#fff">
|
||||||
<u-tabs :list="tabLists" @click="changeCurrent" lineColor='#3274F9' :scrollable="false" lineWidth='40'
|
<u-tabs :list="tabLists" style="background-color: #0022C7;" @click="changeCurrent" lineColor='white'
|
||||||
inactiveStyle='color:#666' activeStyle="color:#3274F9"></u-tabs>
|
:scrollable="false" lineWidth='40' inactiveStyle='color:white' activeStyle="color:white"></u-tabs>
|
||||||
</u-sticky>
|
</u-sticky>
|
||||||
<u-skeleton :style="{'margin': skeleton?28+'rpx':0}" :loading="skeleton" :animate="true" title rows="6"
|
<u-skeleton :style="{'margin': skeleton?28+'rpx':0}" :loading="skeleton" :animate="true" title rows="6"
|
||||||
rows-width="100%" rowsHeight="56">
|
rows-width="100%" rowsHeight="56">
|
||||||
<u--form v-show="current==0" labelPosition="left" :model="formData" ref="archives">
|
<u--form v-show="current==0" labelPosition="left" :model="formData" ref="archives">
|
||||||
<view class="card">
|
|
||||||
|
<!-- <view class="card">
|
||||||
<view class="item">
|
<view class="item">
|
||||||
<view class="title">基本信息</view>
|
<view class="title">基本信息</view>
|
||||||
<u-form-item labelWidth="auto" label="姓名" required prop="name" borderBottom>
|
<u-form-item labelWidth="auto" label="姓名" required prop="name" borderBottom>
|
||||||
@ -41,12 +42,10 @@
|
|||||||
<view class="card" style="margin-bottom: 0;">
|
<view class="card" style="margin-bottom: 0;">
|
||||||
<view class="item">
|
<view class="item">
|
||||||
<view class="title">地区信息</view>
|
<view class="title">地区信息</view>
|
||||||
<!-- <districtSelector ref="districtSelectorRef" :datas="formData" :readonly="true"></districtSelector> -->
|
|
||||||
<u-form-item labelWidth="auto" label="地址" borderBottom>
|
<u-form-item labelWidth="auto" label="地址" borderBottom>
|
||||||
<u--textarea :value="nowAddress" autoHeight readonly></u--textarea>
|
<u--textarea :value="nowAddress" autoHeight readonly></u--textarea>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item labelWidth="auto" label="小队" required prop="address" borderBottom>
|
<u-form-item labelWidth="auto" label="小队" required prop="address" borderBottom>
|
||||||
<!-- <u--input v-model="formData.brigade_name&&formData.brigade_name[0].brigade_name" :readonly="readonly" placeholder="请选择小队"></u--input> -->
|
|
||||||
<u--input v-model="formData.brigade_name" :readonly="readonly"
|
<u--input v-model="formData.brigade_name" :readonly="readonly"
|
||||||
placeholder="请选择小队"></u--input>
|
placeholder="请选择小队"></u--input>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
@ -80,18 +79,191 @@
|
|||||||
</block>
|
</block>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
-->
|
||||||
|
<view class="personnel_list">
|
||||||
|
<view class="cards">
|
||||||
|
<view class="card_head">
|
||||||
|
<text style="font-size: 34rpx;">人员姓名: {{formData.name}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="card_content">
|
||||||
|
<view class="right">
|
||||||
|
<view class="">
|
||||||
|
<text>性别 :</text>
|
||||||
|
<text> {{formData.sex}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
<text>年龄 :</text>
|
||||||
|
<text>{{formData.age}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
<text>联系方式 :</text>
|
||||||
|
<text>{{formData.phone}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
<text>身份证号 :</text>
|
||||||
|
<text>{{formData.id_card}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="hr">
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
<text>居住地址 :</text>
|
||||||
|
<text>{{nowAddress}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
<text>详细地址 :</text>
|
||||||
|
<text>{{formData.address}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="check_view">
|
||||||
|
<text>汽车是否到家 :</text>
|
||||||
|
<u-radio-group v-model="formData.highway" :disabled="readonly"
|
||||||
|
style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]"
|
||||||
|
:key="index" :label="item.label" :name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</view>
|
||||||
|
<view class="check_view">
|
||||||
|
<text>是否使用智能手机 :</text>
|
||||||
|
<u-radio-group v-model="formData.smart_phone" :disabled="readonly"
|
||||||
|
style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]"
|
||||||
|
:key="index" :label="item.label" :name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="cards" v-for="(item, index) in formData.family" :key="'user'+index">
|
||||||
|
<view class="card_head">
|
||||||
|
<text style="font-size: 34rpx;">常住人口</text>
|
||||||
|
</view>
|
||||||
|
<view class="card_content">
|
||||||
|
<view class="right">
|
||||||
|
<view class="">
|
||||||
|
<text>姓名 :</text>
|
||||||
|
<text> {{item.name}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
<text>出生日期 :</text>
|
||||||
|
<text>{{item.birth_time}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
<text>就业情况 :</text>
|
||||||
|
<text>{{formData.phone}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
<text>技能特长 :</text>
|
||||||
|
<text>{{item.skills}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="check_view">
|
||||||
|
<text>是否存在学生、婴幼儿 :</text>
|
||||||
|
<u-radio-group v-model="formData.child" :disabled="readonly" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]"
|
||||||
|
:key="index" :label="item.label" :name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
<view class="cards" v-if="formData.child>0" v-for="(item,index) in formData.child_arr"
|
||||||
|
:key="'child'+index">
|
||||||
|
<view class="card_head">
|
||||||
|
<text style="font-size: 34rpx;">婴幼儿信息</text>
|
||||||
|
</view>
|
||||||
|
<view class="card_content" v-if='item.age>4'>
|
||||||
|
<view class="right">
|
||||||
|
<view class="">
|
||||||
|
<text>年龄 :</text>
|
||||||
|
<text>{{item.age}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="check_view">
|
||||||
|
<text>年级 :</text>
|
||||||
|
<text>{{item.grade}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="check_view">
|
||||||
|
<text>是否补课 :</text>
|
||||||
|
<u-radio-group v-model="item.is_lesson" style="margin: 16rpx;" :disabled="readonly">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]"
|
||||||
|
:key="index" :label="item.label" :name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</view>
|
||||||
|
<view class="check_view">
|
||||||
|
<text>补课内容 :</text>
|
||||||
|
<text>{{item.lessons || 0}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="check_view">
|
||||||
|
<text>备注 :</text>
|
||||||
|
<text>{{item.notes}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="card_content" v-else>
|
||||||
|
<view class="right">
|
||||||
|
<view class="">
|
||||||
|
<text>年龄 :</text>
|
||||||
|
<text>{{item.age}}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="check_view">
|
||||||
|
<text>喂养方式 :</text>
|
||||||
|
<u-radio-group v-model="item.feeding" :disabled="readonly" style="margin: 16rpx;">
|
||||||
|
<u-radio :customStyle="{marginRight: '16px'}"
|
||||||
|
v-for="(item, index) in [{value:1,label:'母乳'},{value:0,label:'奶粉'}]"
|
||||||
|
:key="index" :label="item.label" :name="item.value">
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</view>
|
||||||
|
<view class="check_view">
|
||||||
|
<text>备注 :</text>
|
||||||
|
<text>{{item.notes}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
</u--form>
|
</u--form>
|
||||||
<residents v-show="current==0" ref="residentsRef" :readonly="true" :datas="formData"></residents>
|
<!-- <residents v-show="current==0" ref="residentsRef" :readonly="true" :datas="formData"></residents> -->
|
||||||
<view v-show="current==1">
|
<view v-show="current==1">
|
||||||
<block v-for="(item, index) in formData.datas" :key="'demand'+index+item.id">
|
<block v-for="(item, index) in formData.datas" :key="'demand'+index+item.id">
|
||||||
<view class="update_time">
|
<view class="update_time">
|
||||||
<view>更新时间:{{item.update_time}}</view>
|
<!-- <view>更新时间:{{item.update_time}}</view> -->
|
||||||
<view class="right">{{updateTo(item.update_time)}}</view>
|
<!-- <view class="right">{{updateTo(item.update_time)}}</view> -->
|
||||||
</view>
|
</view>
|
||||||
<block>
|
<block>
|
||||||
<breeding v-if="item.id==32" ref="demandRef32" :datas="item.datas" :readonly="true"></breeding>
|
<breeding v-if="item.id==32" ref="demandRef32" :update_time="item.update_time"
|
||||||
<plant v-if="item.id==7" ref="demandRef7" :datas="item.datas" :readonly="true"></plant>
|
:datas="item.datas" :readonly="true"></breeding>
|
||||||
<store v-if="item.id==8" ref="demandRef8" :datas="item.datas" :readonly="true"></store>
|
<plant v-if="item.id==7" ref="demandRef7" :update_time="item.update_time" :datas="item.datas"
|
||||||
|
:readonly="true"></plant>
|
||||||
|
<store v-if="item.id==8" ref="demandRef8" :update_time="item.update_time" :datas="item.datas"
|
||||||
|
:readonly="true"></store>
|
||||||
<deepProcessing v-if="item.id==9" ref="demandRef9" :datas="item.datas" :readonly="true">
|
<deepProcessing v-if="item.id==9" ref="demandRef9" :datas="item.datas" :readonly="true">
|
||||||
</deepProcessing>
|
</deepProcessing>
|
||||||
<thickProcessing v-if="item.id==10" ref="demandRef10" :datas="item.datas" :readonly="true">
|
<thickProcessing v-if="item.id==10" ref="demandRef10" :datas="item.datas" :readonly="true">
|
||||||
@ -279,6 +451,68 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.cards {
|
||||||
|
margin: 30rpx auto;
|
||||||
|
margin-bottom: 28rpx;
|
||||||
|
width: 694rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
opacity: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
|
||||||
|
|
||||||
|
.card_head {
|
||||||
|
padding: 28rpx;
|
||||||
|
background-color: $theme-oa-color;
|
||||||
|
color: white;
|
||||||
|
height: 100rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.card_content {
|
||||||
|
padding: 28rpx;
|
||||||
|
display: flex;
|
||||||
|
// justify-content: space-between;
|
||||||
|
|
||||||
|
|
||||||
|
.right {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
view {
|
||||||
|
margin-bottom: 10rpx;
|
||||||
|
|
||||||
|
text:nth-child(2) {
|
||||||
|
margin-left: 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.check_view {
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
line-height: 70rpx;
|
||||||
|
|
||||||
|
// align-items: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.hr {
|
||||||
|
border-top: 1px dashed $theme-oa-color;
|
||||||
|
// display: block;
|
||||||
|
width: 85vw;
|
||||||
|
margin: 30rpx 0
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.update_time {
|
.update_time {
|
||||||
padding: 32rpx 28rpx 0 28rpx;
|
padding: 32rpx 28rpx 0 28rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -216,10 +216,11 @@
|
|||||||
|
|
||||||
.left {
|
.left {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 15rpx 25rpx;
|
// padding: 15rpx 25rpx;
|
||||||
padding-top: 20rpx;
|
// padding-top: 20rpx;
|
||||||
margin-right: 50rpx;
|
padding: 20rpx 20rpx 10px 0;
|
||||||
width: 160rpx;
|
margin-right: 20rpx;
|
||||||
|
width: 170rpx;
|
||||||
background-color: $theme-oa-color;
|
background-color: $theme-oa-color;
|
||||||
color: white;
|
color: white;
|
||||||
border-radius: 40rpx;
|
border-radius: 40rpx;
|
||||||
@ -227,18 +228,13 @@
|
|||||||
.cir {
|
.cir {
|
||||||
width: 120rpx;
|
width: 120rpx;
|
||||||
height: 120rpx;
|
height: 120rpx;
|
||||||
background-color: #FFFFFF;
|
background-color: #ffffff;
|
||||||
// margin-left: 25rpx;
|
margin-left: 25rpx;
|
||||||
padding: 0 25rpx;
|
|
||||||
border-radius: 120rpx;
|
border-radius: 120rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -9,7 +9,9 @@
|
|||||||
<company></company>
|
<company></company>
|
||||||
</view>
|
</view>
|
||||||
<view class="company_list" v-show="current==1">
|
<view class="company_list" v-show="current==1">
|
||||||
<view class="info_card" v-for="item in companyList" :key="item.id">
|
|
||||||
|
|
||||||
|
<!-- <view class="info_card" v-for="item in companyList" :key="item.id">
|
||||||
<view class="top" @click="navTo('/subpkg/companySign/companySign?id='+item.id)">
|
<view class="top" @click="navTo('/subpkg/companySign/companySign?id='+item.id)">
|
||||||
<view>
|
<view>
|
||||||
<view class="info_name" :class="item.is_contract?'have':'no'">{{item.company_name}}</view>
|
<view class="info_name" :class="item.is_contract?'have':'no'">{{item.company_name}}</view>
|
||||||
@ -33,10 +35,55 @@
|
|||||||
<view class="left_text">区县乡镇:</view>
|
<view class="left_text">区县乡镇:</view>
|
||||||
<view>{{item.city_name+'/'+item.area_name+'/'+item.street_name}}</view>
|
<view>{{item.city_name+'/'+item.area_name+'/'+item.street_name}}</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view>片区经理:</view> -->
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
-->
|
||||||
|
<view class="cards" v-for="item in companyList" :key="item.id">
|
||||||
|
|
||||||
|
<view class="cards_head">
|
||||||
|
<text style="font-size: 32rpx;width:70vw">{{item.company_name}}</text>
|
||||||
|
<text @click="navTo('/subpkg/companySign/companySign?id='+item.id)">详情 <uni-icons type="forward"
|
||||||
|
style="margin-left: 10rpx;" color="white"></uni-icons></text>
|
||||||
|
</view>
|
||||||
|
<view class="cards_content">
|
||||||
|
<view class="right">
|
||||||
|
<view class="is_contract">
|
||||||
|
<view>
|
||||||
|
<text>法人姓名 :</text>
|
||||||
|
<text>{{item.master_name}}</text>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<text style="color: green;" v-if="item.is_contract">已签约</text>
|
||||||
|
<text style="color: red;" v-else>未签约</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
<text>担任职务 :</text>
|
||||||
|
<text>{{item.master_position}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="" @click="copyPhone(item.master_phone)">
|
||||||
|
<text>联系电话 :</text>
|
||||||
|
<text>{{item.master_phone}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
<text>负责区域 :</text>
|
||||||
|
<text> {{item.city_name+item.area_name+item.street_name}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<u-loadmore :status="loadConfig.status" :loading-text="loadConfig.loadingText"
|
<u-loadmore :status="loadConfig.status" :loading-text="loadConfig.loadingText"
|
||||||
:loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
|
:loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
|
||||||
<mybtn text="新建签约" @click="navTo('/subpkg/companyUnsign/companyUnsign')"></mybtn>
|
<mybtn text="新建签约" @click="navTo('/subpkg/companyUnsign/companyUnsign')"></mybtn>
|
||||||
@ -164,6 +211,81 @@
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
page {}
|
page {}
|
||||||
|
|
||||||
|
.cards {
|
||||||
|
|
||||||
|
margin: 28rpx 0;
|
||||||
|
width: 694rpx;
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
|
||||||
|
.cards_head {
|
||||||
|
padding: 28rpx;
|
||||||
|
background-color: $theme-oa-color;
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cards_content {
|
||||||
|
padding: 28rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.left {
|
||||||
|
text-align: center;
|
||||||
|
// padding: 15rpx 25rpx;
|
||||||
|
padding-top: 20rpx;
|
||||||
|
|
||||||
|
width: 160rpx;
|
||||||
|
background-color: $theme-oa-color;
|
||||||
|
color: white;
|
||||||
|
border-radius: 40rpx;
|
||||||
|
|
||||||
|
.cir {
|
||||||
|
width: 120rpx;
|
||||||
|
height: 120rpx;
|
||||||
|
background-color: #ffffff;
|
||||||
|
margin-left: 25rpx;
|
||||||
|
border-radius: 120rpx;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.is_contract {
|
||||||
|
width: 85vw;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
view {
|
||||||
|
margin-bottom: 10rpx;
|
||||||
|
|
||||||
|
text:nth-child(2) {
|
||||||
|
margin-left: 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.u_avatar {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.fixed_box {
|
.fixed_box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
@ -245,7 +245,7 @@
|
|||||||
padding-top: 20rpx;
|
padding-top: 20rpx;
|
||||||
|
|
||||||
margin-right: 50rpx;
|
margin-right: 50rpx;
|
||||||
width: 160rpx;
|
// width: 180rpx;
|
||||||
background-color: $theme-oa-color;
|
background-color: $theme-oa-color;
|
||||||
color: white;
|
color: white;
|
||||||
border-radius: 40rpx;
|
border-radius: 40rpx;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user