shuju_ui/qs_zhaoshang/pages/work/yinpages/addcontract.vue

<template>
<view  :style="'padding-bottom:' + bottom ">
  	  <view class='zhanline'></view>
	  <uni-forms class='inform '  ref="form" :rules="rules" :value="datainfo" v-show="type==1">
	  			<view class="info_tit">签约信息</view>
	  			<uni-forms-item name="xmmc" 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.xmmc"  class="f16  c34 flex1 txr"/>
	  			  </view> 
	  			</uni-forms-item>
				<view class="tice">填写新注册企业名称+已办项目</view>
	  			<uni-forms-item name="dfqyr" 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.dfqyr"   class="f16  c34 flex1 txr"/>
	  			  </view>
	  			</uni-forms-item>
				<view class="tice">填写信息包含单位名称、职务及姓名，用“；”隔开</view>
	  			<uni-forms-item name="wfqyr" 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.wfqyr"    class="f16  c34 flex1 txr"/>
	  			  </view>
	  			</uni-forms-item>
				 <view class="tice">填写信息包含单位名称、职务及姓名，用“；”隔开</view>
	  			<uni-forms-item name="qyrq" 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.qyrq" :end="currentdate" class="infolist_a" @change='bindDateChangetimea'>
	  					<view :class="datainfo.qyrq?'':'f16 co80'">{{datainfo.qyrq||"请选择签约日期"}}</view>
	  			  	</picker>
	  			  </view>
	  			</uni-forms-item>
				 <view class="tice">实际合同签订日期</view>
	  			<uni-forms-item name="tbrq" 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.tbrq" :end="currentdate" class="infolist_a" @change='bindDateChangetimeb'>
	  					<view :class="datainfo.tbrq?'':'f16 co80'">{{datainfo.tbrq||"请选择填报日期"}}</view>
	  			  	</picker>
	  			  </view>
	  			</uni-forms-item>
	  			
	  			<uni-forms-item name="xytzely" style='margin-bottom: 0;'>
	  			 <view class="flexc infolist">
	  			  	<view class="f16 fw c34 flex0 pr pl12"><text class="cir">*</text>协议投资类型</view>
	  				<picker  range-key='dictLabel' :value="incaindex" :range="investmentca" class="infolist_a" @change='bindDateChangedanb'>
	  					<view :class="datainfo.xytzely?'':'f16 co80'">{{datainfo.xytzely||"请选择协议投资类型"}}</view>
	  				</picker>
	  			  </view>
	  			</uni-forms-item>
	  			<uni-forms-item name="xytze" style='margin-bottom: 0;'>
	  			 <view class="flexc infolist">
	  			  	<view class="f16 fw c34 flex0 pr pl12"><text class="cir">*</text>协议投资额(万元)</view>
	  			  	<input  placeholder="请输入协议投资额" type="number" v-model="datainfo.xytze"    class="f16  c34 flex1 txr"/>
	  			  </view>
	  			</uni-forms-item>
				<uni-forms-item name="swzj" style='margin-bottom: 0;'>
				 <view class="flexc infolist">
				  	<view class="f16 fw c34 flex0 pr pl12">市外资金(万元)</view>
				  	<input  placeholder="请输入市外资金" type="number" v-model="datainfo.swzj"    class="f16  c34 flex1 txr"/>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="gdzctze" style='margin-bottom: 0;'>
				 <view class="flexc infolist">
				  	<view class="f16 fw c34 flex0 pr pl12"><text class="cir">*</text>固定资产投资额(万元)</view>
				  	<input  placeholder="请输入固定资产投资额" type="number" v-model="datainfo.gdzctze"    class="f16  c34 flex1 txr"/>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="xmgjrxm" 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.xmgjrxm"    class="f16  c34 flex1 txr"/>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="xmgjrzw" 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.xmgjrzw"    class="f16  c34 flex1 txr"/>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="xmgjrsjh" 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.xmgjrsjh"    class="f16  c34 flex1 txr"/>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="xmszd" 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.xmszd"    class="f16  c34 flex1 txr"/>
				  </view>
				</uni-forms-item>
				<view class="tice">园区或乡镇</view>
				<uni-forms-item name="sshy" style='margin-bottom: 0;'>
				 <view class="flexc infolist">
				  	<view class="f16 fw c34 flex0 pr pl12"><text class="cir">*</text>所属行业</view>
					<picker  range-key='dictLabel' :value="industryindex" :range="industry" class="infolist_a" @change='bindDateChangedana'>
						<view :class="datainfo.sshy?'':'f16 co80'">{{datainfo.sshy||"请选择所属行业"}}</view>
					</picker>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="tzfs" style='margin-bottom: 0;'>
				 <view class="flexc infolist">
				  	<view class="f16 fw c34 flex0 pr pl12"><text class="cir">*</text>投资方式</view>
					<picker  range-key='dictLabel' :value="inmoindex" :range="investmentmode" class="infolist_a" @change='bindDateChangedanc'>
						<view :class="datainfo.tzfs?'':'f16 co80'">{{datainfo.tzfs||"请选择投资方式"}}</view>
					</picker>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="jsfs" style='margin-bottom: 0;'>
				 <view class="flexc infolist">
				  	<view class="f16 fw c34 flex0 pr pl12"><text class="cir">*</text>建设方式</view>
					<picker  range-key='dictLabel' :value="constindex" :range="construction" class="infolist_a" @change='bindDateChangedand'>
						<view :class="datainfo.jsfs?'':'f16 co80'">{{datainfo.jsfs||"请选择建设方式"}}</view>
					</picker>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="sfys" style='margin-bottom: 0;'>
				 <view class="flexc infolist">
				  	<view class="f16 fw c34 flex0 pr pl12"><text class="cir">*</text>是否宜商</view>
					<picker  range-key='dictLabel' :value="cyindex" :range="cylist" class="infolist_a" @change='bindDateChangeb'>
						<view :class="sfys?'':'f16 co80'">{{sfys||"请选择是/否"}}</view>
					</picker>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="jsnr" 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.jsnr"    class="f16  c34 flex1 txr"/>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="zlcf" style='margin-bottom: 0;'>
				 <view class="flexc infolist">
				  	<view class="f16 fw c34 flex0 pr pl12">租赁厂房(平方米)</view>
				  	<input  placeholder="请输入租赁厂房面积" type="number" v-model="datainfo.zlcf"    class="f16  c34 flex1 txr"/>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="gdmj" style='margin-bottom: 0;'>
				 <view class="flexc infolist">
				  	<view class="f16 fw c34 flex0 pr pl12">供地面积(亩)</view>
				  	<input  placeholder="请输入供地面积" type="number" v-model="datainfo.gdmj"    class="f16  c34 flex1 txr"/>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="lxrq" 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.lxrq" class="infolist_a" @change='bindDateChangetimec'>
						<view :class="datainfo.lxrq?'':'f16 co80'">{{datainfo.lxrq||"请选择立项日期"}}</view>
				  	</picker>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="nkgrq" 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.nkgrq" class="infolist_a" @change='bindDateChangetimed'>
						<view :class="datainfo.nkgrq?'':'f16 co80'">{{datainfo.nkgrq||"请选择拟开工日期"}}</view>
				  	</picker>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="czwt" style='margin-bottom: 0;'>
				 <view class="flexc infolist" style="align-items: flex-start;">
				  	<view class="f16 fw c34 flex0 pr pl12">存在问题</view>
					<uni-easyinput :inputBorder='false' type="textarea"  v-model="datainfo.czwt"  placeholder="请输入存在问题" placeholderStyle='text-align: right;font-size:32rpx;color:#808080'></uni-easyinput>
				  </view>
				</uni-forms-item>
	  			<view class="infobtn flexcc cf f16 f500" @click="getNext">下一步</view>
	  		</uni-forms>
			<!-- 下一步 -->
			<uni-forms class='inform' ref="twoform" :rules="tworules" :value="datainfo" v-show="type==2">
				<view class="info_tit">企业信息</view>
				<uni-forms-item name="zcqymc" 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.zcqymc"    class="f16  c34 flex1 txr"/>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="zcrq" 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.zcrq" :end="currentdate" class="infolist_a" @change='bindDateChangetimee'>
						<view :class="datainfo.zcrq?'':'f16 co80'">{{datainfo.zcrq||"请选择注册日期"}}</view>
				  	</picker>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="zczb" style='margin-bottom: 0;'>
				 <view class="flexc infolist">
				  	<view class="f16 fw c34 flex0 pr pl12"><text class="cir">*</text>注册资本(万元)</view>
				  	<input  placeholder="请输入注册资本" type="number" v-model="datainfo.zczb"    class="f16  c34 flex1 txr"/>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="frdb" 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.frdb"    class="f16  c34 flex1 txr"/>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="lxfs" 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.lxfs"    class="f16  c34 flex1 txr"/>
				  </view>
				</uni-forms-item>
				<uni-forms-item name="jyfw" 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.jyfw"    class="f16  c34 flex1 txr"/>
				  </view>
				</uni-forms-item>
				<view class="border"></view>
				<!-- <uni-forms-item name="remark" style='margin-bottom: 0;'>
				 <view class="flexc infolist">
				  	<view class="f16 fw c34 flex0 pr pl12">备注</view>
				  	<input  placeholder="请输入备注信息" v-model="datainfo.remark"    class="f16  c34 flex1 txr"/>
				  </view>
				</uni-forms-item> -->
				<uni-forms-item name="zsyzFjList" style='margin-bottom: 0;'>
					<view class="flexc infolist">
						<view class="f16 fw c34 flex0 pr pl12"><text class="cir">*</text>附件</view>
						<view class="infolist_a co28">
							<lsj-upload
							    ref="lsjUpload"
							    childId="upload1"
							    :width="width"
							    :height="height"
							    :option="option"
							    :size="size"
							    :formats="formats"
							    :debug="debug"
							    :instantly="instantly"
							    @progress=""
								@uploadEnd="onuploadEnd" >
							        <view class="btn" :style="{width: width,height: height}">选择附件</view>
							</lsj-upload>
						</view>
						</view>
				</uni-forms-item>
				<view class=" cldelistbf"  v-for="(ite,idx) in filelist" :key='idx'>
					<view class="flext f15 c6" @click="getDown(ite.path)">
						<view class="imgl"><image :src="wimg" ></image></view>
						<view>{{ite.fjName}}</view>
					</view>
					<!-- 删除 -->
					<view class="delimg flex0" @click.stop="getDelFj(idx)">
						<image :src="delimg"></image>
					</view>
				</view>
				<view class="infolist_b"><text>*</text>请上传大小不超过<text>100MB</text>格式为<text>doc/xls/ppt/txt/pdf/zip/rar/word</text>的文件</view>
				<view class="infobtn flexcc cf f16 f500" v-if="checkPermi(['projectV2:qyxx:addYj','projectV2:qyxx:editYj'])" @click="getSubmit">提交</view>
			</uni-forms>
  </view>
</template>

<script>
import { getDictionaryFn} from '@/api/work/index.js'
import {selectDictLabel} from "@/utils/common.js"
import {getqyxxaddYjFn,getqyxxeditYjFn,getqyxxYjListFn} from "@/api/work/addclue.js"
import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
 import config from '@/config'
  const baseUrl = config.baseUrl
  import { getToken } from '@/utils/auth'
  export default {

    data() {
      return {
		  //附件
		    option: {
		          // 上传服务器地址，需要替换为你的接口地址
		          url: baseUrl+'/common/upload', // 该地址非真实路径，需替换为你项目自己的接口地址
		          // 上传附件的key
		          name: 'file',
		          // 根据你接口需求自定义请求头,默认不要写content-type,让浏览器自适配
		          header: {
		              // 示例参数可删除
		              'Authorization':  'Bearer ' + getToken(),
		          },
		          // 根据你接口需求自定义body参数
		          formData: {
		          }
		      },
		  // 选择文件后是否立即自动上传，true=选择后立即上传
		  instantly: true,
		  // 必传宽高且宽高应与slot宽高保持一致
		  width: '',
		  height: '48rpx',
		  // 限制允许上传的格式，空串=不限制，默认为空
		  formats: 'doc,docx,xls,ppt,txt,pdf,zip,rar,word',
		  // 文件上传大小限制
		  size: 100,
		  // 文件数量限制 默认10
		  count: 5,
		  // 文件回显列表
		  files: new Map(),
		  // 微信小程序Map对象for循环不显示，所以转成普通数组，不要问为什么，我也不知道
		  wxFiles: [],
		  // 是否打印日志
		  debug: false,
		  filelist:[], 
		  
		selectDate: '',
		defaultPhoneHeight: '', //屏幕默认高度
		nowPhoneHeight: '', //屏幕现在的高度
		bottom:0,
		type:1,
		datainfo:{
			"xmId":"",//项目ID
			    "xmbh":"",//项目编号
			    "xmmc":"",//项目名称
			    "dfqyr":"",//对方签约人
			    "wfqyr":"",//我方签约人
			    "tbrq":"",//通报日期
			    "qyrq":"",//签约日期
			    "xytzely":"",//协议投资额来源
			    "xytze":"",//协议投资额
			    "swzj":"",//市外资金
			    "gdzctze":"",//固定资产投资额（万元）
			    "xmgjrxm":"",//项目跟进人姓名
			    "xmgjrzw":"",//项目跟进人职务
			    "xmgjrsjh":"",//项目跟进人手机号
			    "xmszd":"",//项目所在地
			    "sshy":"",//所属行业 字典
			    "tzfs":"",//投资方式（1：独资，2：合资，3：合作，4：收购，5：参股，6：兼并，7：其他）
			    "jsfs":"",//建设方式（1：新建，2：改建，3：扩建，4：租赁）
			    "sfys":"",//是否宜商（1：是，2：否）
			    "jsnr":"",//建设内容
			    "zlcf":"",//租赁厂房(平方米)
			    "gdmj":"",//供地面积(亩)
			    "zcqymc":"",//注册企业名称
			    "zcrq":"",//注册日期
			    "zczb":"",//注册资本（万元）
			    "frdb":"",//法人代表
			    "lxfs":"",//联系方式
			    "jyfw":"",//经营范围
			    "lxrq":"",//立项日期
			    "nkgrq":"",//拟开工日期
				'czwt':'',//存在问题
			    "path":"",//文件地址
				zsyzFjList:[],//附件地址
		},
		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'),
		rules: {
		  xmmc: {rules: [{required: true,errorMessage: '请输入项目名称'}]},
		  dfqyr: {rules: [{required: true,errorMessage: '请输入对方签约人信息',}]},
		  wfqyr: {rules: [{required: true,errorMessage: '请输入我方签约人信息' } ]},
		  qyrq: {rules: [{required: true,errorMessage: '请选择签约日期'} ]},
		  tbrq: {rules: [{required: true,errorMessage: '请选择填报日期'} ]},
		  xytzely: {rules: [{required: true,errorMessage: '请选择协议投资类型'} ]},
		  xytze: {rules: [{required: true,errorMessage: '请输入协议投资额'} ]},
		  gdzctze: {rules: [{required: true,errorMessage: '请输入固定资产投资额'} ]},
		  xmgjrxm: {rules: [{required: true,errorMessage: '请输入项目跟进人姓名'} ]},
		  xmgjrzw: {rules: [{required: true,errorMessage: '请输入项目跟进人职务'} ]},
		  xmgjrsjh: {rules: [{required: true,errorMessage: '请输入项目跟进人联系方式'},{pattern:/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,errorMessage: '请输入正确的手机号码'} ]},
		  xmszd: {rules: [{required: true,errorMessage: '请输入项目所在地'} ]},
		  sshy: {rules: [{required: true,errorMessage: '请选择所属行业'} ]},
		  tzfs: {rules: [{required: true,errorMessage: '请选择投资方式'} ]},
		  jsfs: {rules: [{required: true,errorMessage: '请选择建设方式'} ]},
		  sfys: {rules: [{required: true,errorMessage: '请选择是/否'} ]},
		  jsnr: {rules: [{required: true,errorMessage: '请输入建设内容'} ]},
		  lxrq: {rules: [{required: true,errorMessage: '请选择立项日期'} ]},
		  nkgrq: {rules: [{required: true,errorMessage: '请选择拟开工日期'} ]},
		},
		tworules:{
			zcqymc: {rules: [{required: true,errorMessage: '请输入在潜注册公司名称'} ]},
			zcrq: {rules: [{required: true,errorMessage: '请选择注册日期'} ]},
			zczb: {rules: [{required: true,errorMessage: '请输入注册资本'} ]},
			frdb: {rules: [{required: true,errorMessage: '请输入法人代表'} ]},
			lxfs: {rules: [{required: true,errorMessage: '请输入联系方式'},{pattern:/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,errorMessage: '请输入正确的手机号码'}]},
			jyfw: {rules: [{required: true,errorMessage: '请输入经营范围'} ]},
			zsyzFjList: {rules: [{required: true,errorMessage: '请上传附件'} ]},
		},
		lhindex:0,
		cyindex:0,
		cylist:[{dictLabel:'是',dictValue:'Y'},{dictLabel:'否',dictValue:'N'}],//宜商
		// map:{text:'dictLabel',value:'dictValue'},
		currentdate:'',//当天日期
		industry:[],//所属行业bindDateChangedana
		industryindex:0,
		investmentca:[],//投资类别bindDateChangedanb
		incaindex:0,
		investmentmode:[],//投资方式bindDateChangedanc
		inmoindex:0,
		construction:[],//建设方式bindDateChangedand
		constindex:0,
		pagetype:'add',
		sfys:'',//是否宜商
	}
    },
	onLoad(e) {
		this.currentdate = this.getNowFormatDate();
		var newObj=JSON.parse(decodeURIComponent(e.data))
		this.pagetype=newObj.pagetype||'add';
		this.getinvestmentarea();
		this.datainfo.xmId=newObj.xmId;
		this.datainfo.xmbh=newObj.xmbh;
		this.datainfo.xmmc=newObj.xmmc;
		if(this.pagetype=='update'){
			// 获取详情 修改
			this.getDataFn()
		}else{
			this.datainfo.qyrq=this.currentdate;
			this.datainfo.tbrq=this.currentdate;
			this.datainfo.zcrq=this.currentdate;	
			this.datainfo.lxrq=this.currentdate;	
		}
	// #ifdef APP
		uni.onKeyboardHeightChange(res=> { //监听键盘高度变化
		    const res_keyboard = uni.getSystemInfoSync();
		    let key_height = res.height - (res_keyboard.screenHeight - res_keyboard.windowHeight)
		    // let key_height = res.height - (res_keyboard.screenHeight - res_keyboard.windowHeight + res_keyboard.safeAreaInsets.bottom)
		     this.bottom = `${ key_height>0 ? key_height : 0}px`; 
		})
		// #endif
	},
	onHide() {
	    // #ifdef APP-PLUS
	    uni.offKeyboardHeightChange();  // 取消监听键盘高度变化事件，避免内存消耗
	    // #endif
	},
    onReady() {
      // this.$refs.form.setRules(this.rules)
    },
    methods: {
	checkPermi, checkRole,
		// 项目详情
		getDataFn(){
			var that=this;
			getqyxxYjListFn(this.datainfo.xmId).then(res=>{
				if(res.code==200){
					this.datainfo=res.data;
					this.sfys=res.data.sfys=='Y'?'是':'否';
					this.cyindex=res.data.sfys=='Y'?0:1;	
					
					if(res.data.zsyzFjList&&res.data.zsyzFjList.length){
						this.filelist=JSON.parse(JSON.stringify(res.data.zsyzFjList))
					}
					// 协议投资类型
					for(var i=0;i<that.investmentca.length;i++){
						if(that.investmentca[i].dictLabel==this.datainfo.xytzely){
							this.incaindex=Number(i)
							break;
						}
					}
					//所属行业
					for(var i=0;i<that.industry.length;i++){
						if(that.industry[i].dictLabel==this.datainfo.sshy){
							this.industryindex=Number(i)
							break;
						}
					}
					//投资方式
					for(var i=0;i<that.investmentmode.length;i++){
						if(that.investmentmode[i].dictLabel==this.datainfo.tzfs){
							this.inmoindex=Number(i)
							break;
						}
					}
					//建设方式
					for(var i=0;i<that.construction.length;i++){
						if(that.construction[i].dictLabel==this.datainfo.jsfs){
							this.constindex=Number(i)
							break;
						}
					}
				}else{
					this.$toast(res.msg)
				}
			})
		},
		// 字典值
		getinvestmentarea(){
			// 所属行业
			getDictionaryFn('industry').then(res=>{
				if(res.code==200){
					this.industry=res.data
				}
			})
			// 投资类别
			getDictionaryFn('investment_category').then(res=>{
				if(res.code==200){
					this.investmentca=res.data
				}
			})
			//投资方式
			getDictionaryFn('investment_mode').then(res=>{
				if(res.code==200){
					this.investmentmode=res.data
				}
			})
			//建设方式
			getDictionaryFn('construction_method').then(res=>{
				if(res.code==200){
					this.construction=res.data
				}
			})
		},
		getNowFormatDate(){
			let date = new Date();
			let y = date.getFullYear();
			let m = date.getMonth() + 1;
			m = m < 10 ? "0" + m : m;
			let d = date.getDate();
			d = d < 10 ? "0" + d : d;
			const timeday = y + "-" + m + "-" + d;
			return timeday;
		},
		
		bindDateChangetimea(e){//签约日期
			this.datainfo.qyrq=e.detail.value
		},
		bindDateChangetimeb(e){//填报日期
			this.datainfo.tbrq=e.detail.value
		},
		bindDateChangetimec(e){//立项日期
			this.datainfo.lxrq=e.detail.value
		},
		bindDateChangetimed(e){//拟开工日期
			this.datainfo.nkgrq=e.detail.value
		},
		bindDateChangetimee(e){//注册日期
			this.datainfo.zcrq=e.detail.value
		},
		bindDateChangeb(e){
			var val=e.detail.value;
			this.sfys=this.cylist[val].dictLabel;
			this.datainfo.sfys=this.cylist[val].dictValue
		},
		bindDateChangedana(e){
			var val=e.detail.value;
			this.datainfo.sshy=this.industry[val].dictLabel
		},
		bindDateChangedanb(e){
			var val=e.detail.value;
			this.datainfo.xytzely=this.investmentca[val].dictLabel
		},
		bindDateChangedanc(e){
			var val=e.detail.value;
			this.datainfo.tzfs=this.investmentmode[val].dictLabel
		},
		bindDateChangedand(e){
			var val=e.detail.value;
			this.datainfo.jsfs=this.construction[val].dictLabel
		},
		getNext(){
			this.$refs.form.validate().then(res => {
				if(!this.datainfo.zlcf&&!this.datainfo.gdmj){
					this.$toast('请输入租赁厂房或供地面积')	
					return
				}else{
					this.type=2;
				}
				
			})
		},
      getSubmit() {
			var that=this;
			this.datainfo.zsyzFjList=JSON.parse(JSON.stringify(this.filelist));
			this.$refs.twoform.validate().then(res => {
				var params=this.datainfo;
				// console.log(this.pagetype,9)
				// return
				if(this.pagetype=='add'){
					getqyxxaddYjFn(params).then(res=>{
						if(res.code==200){
							this.$toast('上报签约成功')	
							setTimeout(function() {
								uni.$emit('refreshdata');
								uni.navigateBack({delta: 1});
							},1500);
						}else{
							this.$toast(res.msg)
						}
					})
				}else{
					getqyxxeditYjFn(params).then(res=>{
						if(res.code==200){
							this.$toast('修改签约成功')	
							setTimeout(function() {
								uni.$emit('refreshdata');
								uni.navigateBack({delta: 1});
							},1500);
						}else{
							this.$toast(res.msg)
						}
						
					})
				}
				// params.zsyzFjList=this.filelist
				
			})
      },
	  onuploadEnd(item) {
	  	var newobj={}
	  	var responseText=JSON.parse(item.responseText)
	  	newobj.fjName=responseText.originalFilename;
	  	newobj.path=responseText.fileName;
	  	this.filelist.push(newobj)
		this.datainfo.zsyzFjList=JSON.parse(JSON.stringify(this.filelist))
	  },
	  getDelFj(idx){
	  	this.filelist.splice(idx,1)
		this.datainfo.zsyzFjList=JSON.parse(JSON.stringify(this.filelist))
	  },
	  getDown(e){
		  uni.showLoading({
		  	title: '加载中'
		  });
	  	var url=baseUrl+e;
	  	uni.downloadFile({
	  		url: url,//文件的下载路径
	  		success(result) {
				uni.hideLoading()
	  			var filePath = result.tempFilePath;
	  			   uni.openDocument({
	  			     filePath: filePath,
	  			     showMenu: true,
	  			     success: function (res) {
	  			       // console.log('打开文档成功');
	  			     }
	  			   });
	  		},
	  		fail(res) {uni.hideLoading()}
	  	})
	  },
    }
  }
</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: 40rpx;height:40rpx;margin-left: 16rpx;display: flex;align-items: center;justify-content: center;
  	image{width: 30rpx;height: 30rpx;}
  }
  .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;}
.inform .pl12{margin-right: 10rpx;}
.fixedbox .pl12{margin-right: 10rpx;}
</style>