shuju_ui/qs_zhaoshang/components/addclue/third.vue

<template>
	<view>
		<uni-forms class='inform'  ref="thirdform" :rules="thirdrules" :value="datainfo">
			<view class="info_tit">首谈信息</view>
			<uni-forms-item name="name" style='margin-bottom: 0;'>
			 <view class="flexc infolist">
			  	<view class="f16 fw c34 flex0 pr pl12"><text class="cir">*</text>首谈人姓名</view>
			  	<input  placeholder="请输入首谈人姓名" v-model="datainfo.name"  class="f16  c34 flex1 txr"/>
			  </view>
			</uni-forms-item>
			<uni-forms-item name="zw" style='margin-bottom: 0;'>
			 <view class="flexc infolist">
			  	<view class="f16 fw c34 flex0 pr pl12"><text class="cir">*</text>首谈人职务</view>
			  	<input  placeholder="请输入首谈人职务" v-model="datainfo.zw"   class="f16  c34 flex1 txr"/>
			  </view>
			</uni-forms-item>
			<uni-forms-item name="phone" style='margin-bottom: 0;'>
			 <view class="flexc infolist">
			  	<view class="f16 fw c34 flex0 pr pl12"><text class="cir">*</text>首谈人联系方式</view>
			  	<input  placeholder="请输入首谈人联系方式" v-model="datainfo.phone"    class="f16  c34 flex1 txr"/>
			  </view>
			</uni-forms-item>
			<uni-forms-item name="strq" style='margin-bottom: 0;'>
			 <view class="flexc infolist">
			  	<view class="f16 fw c34 flex0 pr pl12"><text class="cir">*</text>首谈日期</view>
			  	<picker mode="date" :value="datainfo.strq" class="infolist_a" @change='bindDateChange'>
					<view :class="datainfo.strq?'':'f16 co80'">{{datainfo.strq||"请选择首谈日期"}}</view>
			  	</picker>
			  </view>
			</uni-forms-item>
			
			<view class="border"></view>
			<uni-forms-item name="dqjz" style='margin-bottom: 0;'>
			 <view class="flexc infolist">
			  	<view class="f16 fw c34 flex0 pr pl12"><text class="cir">*</text>当前进展</view>
				<picker  range-key='label' :value="cyindex" :range="cylist" class="infolist_a" @change='bindDateChangeb'>
					<view :class="datainfo.dqjz?'':'f16 co80'">{{datainfo.dqjz||"请输入当前进展"}}</view>
				</picker>
			  </view>
			</uni-forms-item>
			<uni-forms-item name="fjName" style='margin-bottom: 0;'>
			 <view class="flexc infolist">
			  	<view class="f16 fw c34 flex0 pr pl12">附件</view>
				<view class="infolist_a co28">上传附件</view>
			  </view>
			</uni-forms-item>
			<view class=" cldelistbf" >
				<view class="flext f15 c6">
					<view class="imgl"><image :src="wimg" ></image></view>
					<view>附件名称fjName</view>
				</view>
				<view class="flexc f15 co28 flex0" @click="getDown(ite.path,ite.fjName)">
					<image :src="downimg" class="imgr"></image>预览
				</view>
			</view>
			<view class="infolist_b"><text>*</text>请上传大小不超过<text>100MB</text>格式为<text>doc/xls/ppt/txt/pdf/zip/rar/word</text>的文件</view>
		</uni-forms>
		<view class="infobtn flexcc cf f16 f500" @click="getNext">提交</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				datainfo:{
					name:'',
					zw:'',
					phone:'',
					strq:'',
					dqjz:'',
				},
				tanfalg:false,
				addimg:require("@/static/images/mine/add.png"),
				delimg:require("@/static/images/mine/del.png"),
				checknimg:require("@/static/images/mine/jnicon.png"),
				gcheckimg:require("@/static/images/mine/jicon.png"),
				closeimg:require('@/static/images/close.png'),
				wimg:require('@/static/images/index/wicon.png'),
				downimg:require('@/static/images/index/down.png'),
				thirdrules: {
				  name: {rules: [{required: true,errorMessage: '请输入首谈人姓名'}]},
				  zw: {rules: [{required: true,errorMessage: '请输入首谈人职务',}]},
				  phone: {rules: [{required: true,errorMessage: '请输入首谈人联系方式' } ]},
				  strq: {rules: [{required: true,errorMessage: '请选择首谈日期'} ]},
				  dqjz: {rules: [{required: true,errorMessage: '请输入当前进展'} ]}, 
				},
				lhindex:0,
				lhlist:[{label:'是',id:'Y'},{label:'否',id:'N'},],//领航
				cyindex:0,
				cylist:[{label:'是',id:'Y'},{label:'否',id:'N'}],
				map:{text:'label',value:'id'},
				qybglist:[{label:'500强企业',id:1},{label:'上市部门',id:2},{label:'行业100强',id:3},{label:'头部企业',id:4}]
				
			}
		},
		mounted() {
			
		},
		methods:{
			// 领航
			bindDateChangea(e) {
				var val=e.detail.value;
				this.datainfo.sfwlhxxxm=this.lhlist[val].label
			},
			// 产业类型
			bindDateChangeb(e) {
				var val=e.detail.value;
				this.datainfo.sfwlhxxxm=this.lhlist[val].label
			},
			bindDateChangec(e) {
				// var val=e.detail.value;
				// this.datainfo.sfwlhxxxm=this.lhlist[val].label
			},
			bindDateChanged(e) {
				// var val=e.detail.value;
				// this.datainfo.sfwlhxxxm=this.lhlist[val].label
			},
			// 多选
			getMoreFn(idx){
				this.tanfalg=true
			},
			getClose(){
				this.tanfalg=false
			},
			getAdd(){
				this.tanfalg=true;
			},
			getNext(){
				this.$refs.form.validate().then(res => {
					
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
 .inform{padding-top: 30rpx; padding-bottom: 160rpx;}
  .infolist{padding: 30rpx 32rpx 30rpx 24rpx;position: relative;
	.cir{position: absolute;font-size: 36rpx;font-weight: bold;color: #FE5706;left: 0rpx;}
	.delimg{width: 30rpx;height:30rpx;margin-left: 8rpx;}
  }
  .infobtn{width: 100%;height: 88rpx;background: #FA5F03;line-height: 88rpx;position: fixed;left: 0;right: 0;bottom: 0;z-index: 3;}
  .input_ye image{width: 34rpx;height: 18rpx;}
.info_tit{font-size: 32rpx;color: #FE5706;padding: 30rpx 26rpx;font-weight: bold;}
.infolist_a{height: 44rpx;flex: 1;text-align: right;font-size: 32rpx;color: #343434;}


 .inform /deep/ .uni-forms-item__error{margin-top: -30rpx;margin-left: 24rpx;}

</style>