合并分支 'dev_third_stage' 到 'master'
Dev third stage 查看合并请求 laws-nio/laws-weilai!120
This commit is contained in:
@@ -0,0 +1,795 @@
|
||||
<template>
|
||||
<div style="height: 100%">
|
||||
<div class='box'>
|
||||
<!-- 纯文本-->
|
||||
<div v-if='detailDate.controlType === "1"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' class='add-width'>
|
||||
<div v-if='item.type==="text"'>
|
||||
<!-- 文本校验 分情况-->
|
||||
<!-- 1 无-->
|
||||
<!-- 2 中文-->
|
||||
<!-- 3 正整数-->
|
||||
<!-- 4 政府点数-->
|
||||
<!-- 5 证书或小数-->
|
||||
<!-- 6 一位小数-->
|
||||
<!-- 7 两位小数-->
|
||||
<!-- 8 三位小数-->
|
||||
<!-- 9 四为小数-->
|
||||
<!-- 无 -->
|
||||
<div v-if="item.controlVerify == '1'">
|
||||
<a-input class="box-input inputWid"
|
||||
:maxLength="1000"
|
||||
:placeholder="$t('pleaseEnter')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 中文-->
|
||||
<div v-else-if="item.controlVerify == '2'">
|
||||
<a-input class="box-input inputWid"
|
||||
:placeholder="$t('pleaseEnter')+$t('chinese')"
|
||||
@input="onInput"
|
||||
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 正整数 -->
|
||||
<div v-else-if="item.controlVerify == '3'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="0"
|
||||
:placeholder="$t('enterPositiveInteger')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 正浮点书 -->
|
||||
<div v-else-if="item.controlVerify == '4'">
|
||||
<a-input class="box-input inputWid"
|
||||
onkeyup="(this.v=function(){this.value=this.value.replace(/[^\d\.]/g,'');}).call(this)"
|
||||
:placeholder="$t('pleaseEnter')+$t('Positivefloatingpointnumber')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 整数或小数 -->
|
||||
<div v-else-if="item.controlVerify == '5'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:placeholder="$t('pleaseEnter')+$t('integerOrDecimal')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 一位小数 -->
|
||||
<div v-else-if="item.controlVerify == '6'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="1"
|
||||
:placeholder="$t('pleaseEnter')+$t('OneDecimalPlace')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 两位小数-->
|
||||
<div v-else-if="item.controlVerify == '7'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="2"
|
||||
:placeholder="$t('pleaseEnter')+$t('TwoDecimalplaces')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 三位小数-->
|
||||
<div v-else-if="item.controlVerify == '8'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="3"
|
||||
:placeholder="$t('pleaseEnter')+$t('Threedecimalplaces')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 四位小数-->
|
||||
<div v-else-if="item.controlVerify == '9'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="4"
|
||||
:placeholder="$t('pleaseEnter')+$t('FourDecimalplaces')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 默认值-->
|
||||
<div v-if='detailDate.controlType === "11"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' class='add-width'>
|
||||
<div v-if='item.type==="text"'>
|
||||
<!-- 文本校验 分情况-->
|
||||
<!-- 1 无-->
|
||||
<!-- 2 中文-->
|
||||
<!-- 3 正整数-->
|
||||
<!-- 4 政府点数-->
|
||||
<!-- 5 证书或小数-->
|
||||
<!-- 6 一位小数-->
|
||||
<!-- 7 两位小数-->
|
||||
<!-- 8 三位小数-->
|
||||
<!-- 9 四为小数-->
|
||||
<!-- 无 -->
|
||||
<div>
|
||||
<a-input class="box-input inputWid"
|
||||
:maxLength="1000"
|
||||
:placeholder="$t('pleaseEnter')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 纯下拉单选-->
|
||||
<div v-else-if='detailDate.controlType === "2"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' class='add-width'>
|
||||
<div v-if='item.type === "pull"'>
|
||||
<a-select v-model="item.dataValue"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
class='selectWid'
|
||||
allowClear>
|
||||
<a-select-option v-for="(item, key) in item.controlValue" :key="key" :value="item.value">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.label ">
|
||||
{{ item.label }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 纯下拉多选-->
|
||||
<div v-else-if='detailDate.controlType === "3"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' style='flex: 1' class='add-width'>
|
||||
<div v-if='item.type==="pull_more"'>
|
||||
<a-select v-model="item.dataValue"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
mode="multiple" class='selectWid'
|
||||
allowClear>
|
||||
<a-select-option v-for="(item, key) in item.controlValue" :key="key" :value="item.value">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.label ">
|
||||
{{ item.label }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 纯附件-->
|
||||
<div v-else-if='detailDate.controlType === "4"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' style='flex: 1' class='add-width'>
|
||||
<div v-if='item.type==="file"'>
|
||||
<a-button type="primary" class="button-text inputWid"
|
||||
@click="clickButtonToUpload(item)">
|
||||
{{ (item.dataValue === 'null' || item.dataValue === '' ||
|
||||
item.dataValue == null) ? $t('clickUpload') : $t('viewUploadedFiles')}}
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 文本+下拉单选-->
|
||||
<div v-else-if='detailDate.controlType === "5"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' class='add-width'>
|
||||
<div v-if='item.type==="pull"'>
|
||||
<a-select v-model="item.dataValue"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
class='selectWid'
|
||||
allowClear>
|
||||
<a-select-option v-for="(itemin, key) in item.controlValue" :key="key" :value="itemin.value">
|
||||
<span style="display: inline-block;width: 100%" :title=" itemin.label ">
|
||||
{{ itemin.label }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<div v-else-if='item.type==="text"'>
|
||||
<!-- 文本校验 分情况-->
|
||||
<!-- 1 无-->
|
||||
<!-- 2 中文-->
|
||||
<!-- 3 正整数-->
|
||||
<!-- 4 政府点数-->
|
||||
<!-- 5 证书或小数-->
|
||||
<!-- 6 一位小数-->
|
||||
<!-- 7 两位小数-->
|
||||
<!-- 8 三位小数-->
|
||||
<!-- 9 四为小数-->
|
||||
<!-- 无 -->
|
||||
<div v-if="item.controlVerify == '1'">
|
||||
<a-input class="box-input inputWid"
|
||||
:maxLength="1000"
|
||||
:placeholder="$t('pleaseEnter')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 中文-->
|
||||
<div v-else-if="item.controlVerify == '2'">
|
||||
<a-input class="box-input inputWid"
|
||||
:maxLength="1000"
|
||||
:placeholder="$t('pleaseEnter')+$t('chinese')"
|
||||
@input="onInput"
|
||||
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 正整数 -->
|
||||
<div v-else-if="item.controlVerify == '3'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="0"
|
||||
:placeholder="$t('enterPositiveInteger')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 正浮点书 -->
|
||||
<div v-else-if="item.controlVerify == '4'">
|
||||
<a-input class="box-input inputWid"
|
||||
onkeyup="(this.v=function(){this.value=this.value.replace(/[^\d\.]/g,'');}).call(this)"
|
||||
:placeholder="$t('pleaseEnter')+$t('Positivefloatingpointnumber')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 整数或小数 -->
|
||||
<div v-else-if="item.controlVerify == '5'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:placeholder="$t('pleaseEnter')+$t('integerOrDecimal')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 一位小数 -->
|
||||
<div v-else-if="item.controlVerify == '6'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="1"
|
||||
:placeholder="$t('pleaseEnter')+$t('OneDecimalPlace')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 两位小数-->
|
||||
<div v-else-if="item.controlVerify == '7'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="2"
|
||||
:placeholder="$t('pleaseEnter')+$t('TwoDecimalplaces')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 三位小数-->
|
||||
<div v-else-if="item.controlVerify == '8'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="3"
|
||||
:placeholder="$t('pleaseEnter')+$t('Threedecimalplaces')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 四位小数-->
|
||||
<div v-else-if="item.controlVerify == '9'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="4"
|
||||
:placeholder="$t('pleaseEnter')+$t('FourDecimalplaces')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 文本+下拉多选-->
|
||||
<div v-else-if='detailDate.controlType === "6"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' class='add-width'>
|
||||
<div v-if='item.type==="text"'>
|
||||
<!-- 文本校验 分情况-->
|
||||
<!-- 1 无-->
|
||||
<!-- 2 中文-->
|
||||
<!-- 3 正整数-->
|
||||
<!-- 4 政府点数-->
|
||||
<!-- 5 证书或小数-->
|
||||
<!-- 6 一位小数-->
|
||||
<!-- 7 两位小数-->
|
||||
<!-- 8 三位小数-->
|
||||
<!-- 9 四为小数-->
|
||||
<!-- 无 -->
|
||||
<div v-if="item.controlVerify == '1'">
|
||||
<a-input class="box-input inputWid"
|
||||
:maxLength="1000"
|
||||
:placeholder="$t('pleaseEnter')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 中文-->
|
||||
<div v-else-if="item.controlVerify == '2'">
|
||||
<a-input class="box-input inputWid"
|
||||
:maxLength="1000"
|
||||
@input="onInput"
|
||||
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
|
||||
:placeholder="$t('pleaseEnter')+$t('chinese')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 正整数 -->
|
||||
<div v-else-if="item.controlVerify == '3'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="0"
|
||||
:placeholder="$t('enterPositiveInteger')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 正浮点书 -->
|
||||
<div v-else-if="item.controlVerify == '4'">
|
||||
<a-input class="box-input inputWid"
|
||||
onkeyup="(this.v=function(){this.value=this.value.replace(/[^\d\.]/g,'');}).call(this)"
|
||||
:placeholder="$t('pleaseEnter')+$t('Positivefloatingpointnumber')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 整数或小数 -->
|
||||
<div v-else-if="item.controlVerify == '5'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:placeholder="$t('pleaseEnter')+$t('integerOrDecimal')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 一位小数 -->
|
||||
<div v-else-if="item.controlVerify == '6'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="1"
|
||||
:placeholder="$t('pleaseEnter')+$t('OneDecimalPlace')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 两位小数-->
|
||||
<div v-else-if="item.controlVerify == '7'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="2"
|
||||
:placeholder="$t('pleaseEnter')+$t('TwoDecimalplaces')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 三位小数-->
|
||||
<div v-else-if="item.controlVerify == '8'">
|
||||
<a-input-number class="box-input inputWid"
|
||||
:max="99999"
|
||||
:precision="3"
|
||||
:placeholder="$t('pleaseEnter')+$t('Threedecimalplaces')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 四位小数-->
|
||||
<div v-else-if="item.controlVerify == '9'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="4"
|
||||
:placeholder="$t('pleaseEnter')+$t('FourDecimalplaces')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if='item.type==="pull_more"'>
|
||||
<a-select v-model="item.dataValue"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
mode="multiple" class='selectWid'
|
||||
allowClear>
|
||||
<a-select-option v-for="(item, key) in item.controlValue" :key="key" :value="item.value">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.label ">
|
||||
{{ item.label }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 文本+附件-->
|
||||
<div v-else-if='detailDate.controlType === "7"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' class='add-width'>
|
||||
<div v-if='item.type==="text"'>
|
||||
<!-- 文本校验 分情况-->
|
||||
<!-- 1 无-->
|
||||
<!-- 2 中文-->
|
||||
<!-- 3 正整数-->
|
||||
<!-- 4 政府点数-->
|
||||
<!-- 5 证书或小数-->
|
||||
<!-- 6 一位小数-->
|
||||
<!-- 7 两位小数-->
|
||||
<!-- 8 三位小数-->
|
||||
<!-- 9 四为小数-->
|
||||
<!-- 无 -->
|
||||
<div v-if="item.controlVerify == '1'">
|
||||
<a-input class="box-input inputWid"
|
||||
:maxLength="1000"
|
||||
:placeholder="$t('pleaseEnter')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 中文-->
|
||||
<div v-else-if="item.controlVerify == '2'">
|
||||
<a-input class="box-input inputWid"
|
||||
:maxLength="1000"
|
||||
@input="onInput"
|
||||
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
|
||||
:placeholder="$t('pleaseEnter')+$t('chinese')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 正整数 -->
|
||||
<div v-else-if="item.controlVerify == '3'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="0"
|
||||
:placeholder="$t('enterPositiveInteger')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 正浮点书 -->
|
||||
<div v-else-if="item.controlVerify == '4'">
|
||||
<a-input class="box-input inputWid"
|
||||
onkeyup="(this.v=function(){this.value=this.value.replace(/[^\d\.]/g,'');}).call(this)"
|
||||
:placeholder="$t('pleaseEnter')+$t('Positivefloatingpointnumber')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 整数或小数 -->
|
||||
<div v-else-if="item.controlVerify == '5'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:placeholder="$t('pleaseEnter')+$t('integerOrDecimal')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 一位小数 -->
|
||||
<div v-else-if="item.controlVerify == '6'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="1"
|
||||
:placeholder="$t('pleaseEnter')+$t('OneDecimalPlace')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 两位小数-->
|
||||
<div v-else-if="item.controlVerify == '7'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="2"
|
||||
:placeholder="$t('pleaseEnter')+$t('TwoDecimalplaces')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 三位小数-->
|
||||
<div v-else-if="item.controlVerify == '8'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="3"
|
||||
:placeholder="$t('pleaseEnter')+$t('Threedecimalplaces')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 四位小数-->
|
||||
<div v-else-if="item.controlVerify == '9'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="4"
|
||||
:placeholder="$t('pleaseEnter')+$t('FourDecimalplaces')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if='item.type==="file"'>
|
||||
<a-button type="primary" class="button-text inputWid"
|
||||
@click="clickButtonToUpload(item)">
|
||||
{{ (item.dataValue === 'null' || item.dataValue === '' ||
|
||||
item.dataValue == null) ? $t('clickUpload') : $t('viewUploadedFiles')}}
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 下拉单选+附件-->
|
||||
<div v-else-if='detailDate.controlType === "8"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' class='add-width'>
|
||||
<div v-if='item.type==="pull"'>
|
||||
<a-select v-model="item.dataValue"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
class='selectWid'
|
||||
allowClear>
|
||||
<a-select-option v-for="(itemin, key) in item.controlValue" :key="key" :value="itemin.value">
|
||||
<span style="display: inline-block;width: 100%" :title=" itemin.label ">
|
||||
{{ itemin.label }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<div v-else-if='item.type==="file"'>
|
||||
<a-button type="primary" class="button-text inputWid"
|
||||
@click="clickButtonToUpload(item)">
|
||||
{{ (item.dataValue === 'null' || item.dataValue === '' ||
|
||||
item.dataValue == null) ? $t('clickUpload') : $t('viewUploadedFiles')}}
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 下拉多选+附件-->
|
||||
<div v-else-if='detailDate.controlType === "9"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' class='add-width'>
|
||||
<div v-if='item.type==="pull_more"'>
|
||||
<a-select v-model="item.dataValue"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
mode="multiple" class='selectWid'
|
||||
allowClear>
|
||||
<a-select-option v-for="(item, key) in item.controlValue" :key="key" :value="item.value">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.label ">
|
||||
{{ item.label }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<div v-else-if='item.type==="file"'>
|
||||
<a-button type="primary" class="button-text inputWid"
|
||||
@click="clickButtonToUpload(item)">
|
||||
{{ (item.dataValue === 'null' || item.dataValue === '' ||
|
||||
item.dataValue == null) ? $t('clickUpload') : $t('viewUploadedFiles')}}
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 文本+下拉单选+附件-->
|
||||
<div v-else-if='detailDate.controlType === "10"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' class='add-width'>
|
||||
<div v-if='item.type==="pull"'>
|
||||
<a-select v-model="item.dataValue"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
class='selectWid'
|
||||
allowClear>
|
||||
<a-select-option v-for="(itemin, key) in item.controlValue" :key="key" :value="itemin.value">
|
||||
<span style="display: inline-block;width: 100%" class="itemOption" :title=" itemin.label ">
|
||||
{{ itemin.label }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<div v-if='item.type==="text"'>
|
||||
<!-- 文本校验 分情况-->
|
||||
<!-- 1 无-->
|
||||
<!-- 2 中文-->
|
||||
<!-- 3 正整数-->
|
||||
<!-- 4 政府点数-->
|
||||
<!-- 5 证书或小数-->
|
||||
<!-- 6 一位小数-->
|
||||
<!-- 7 两位小数-->
|
||||
<!-- 8 三位小数-->
|
||||
<!-- 9 四为小数-->
|
||||
<!-- 无 -->
|
||||
<div v-if="item.controlVerify == '1'">
|
||||
<a-input class="box-input inputWid"
|
||||
:maxLength="1000"
|
||||
:placeholder="$t('pleaseEnter')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 中文-->
|
||||
<div v-else-if="item.controlVerify == '2'">
|
||||
<a-input class="box-input inputWid"
|
||||
:maxLength="1000"
|
||||
:placeholder="$t('pleaseEnter')+$t('chinese')"
|
||||
@input="onInput"
|
||||
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 正整数 -->
|
||||
<div v-else-if="item.controlVerify == '3'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="0"
|
||||
:placeholder="$t('enterPositiveInteger')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 正浮点书 -->
|
||||
<div v-else-if="item.controlVerify == '4'">
|
||||
<a-input class="box-input inputWid"
|
||||
onkeyup="(this.v=function(){this.value=this.value.replace(/[^\d\.]/g,'');}).call(this)"
|
||||
:placeholder="$t('pleaseEnter')+$t('Positivefloatingpointnumber')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 整数或小数 -->
|
||||
<div v-else-if="item.controlVerify == '5'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:placeholder="$t('pleaseEnter')+$t('integerOrDecimal')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 一位小数 -->
|
||||
<div v-else-if="item.controlVerify == '6'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="1"
|
||||
:placeholder="$t('pleaseEnter')+$t('OneDecimalPlace')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 两位小数-->
|
||||
<div v-else-if="item.controlVerify == '7'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="2"
|
||||
:placeholder="$t('pleaseEnter')+$t('TwoDecimalplaces')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 三位小数-->
|
||||
<div v-else-if="item.controlVerify == '8'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="3"
|
||||
:placeholder="$t('pleaseEnter')+$t('Threedecimalplaces')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
<!-- 四位小数-->
|
||||
<div v-else-if="item.controlVerify == '9'">
|
||||
<a-input-number class="box-input inputWid add--number"
|
||||
:max="99999"
|
||||
:precision="4"
|
||||
:placeholder="$t('pleaseEnter')+$t('FourDecimalplaces')"
|
||||
v-model="item.dataValue"/>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if='item.type==="file"'>
|
||||
<a-button type="primary" class="button-text inputWid"
|
||||
@click="clickButtonToUpload(item)">
|
||||
{{ (item.dataValue === 'null' || item.dataValue === '' ||
|
||||
item.dataValue == null) ? $t('clickUpload') : $t('viewUploadedFiles')}}
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<uploadFileChangeDown ref="uploadFile" @uploadSuccess="uploadSuccess"
|
||||
:detailDate='detailDate'></uploadFileChangeDown>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
|
||||
import uploadFileChangeDown from '@/components/uploadFileChangeDown/file'
|
||||
|
||||
export default {
|
||||
name: 'index',
|
||||
props: {
|
||||
detailDate: {
|
||||
type: Object,
|
||||
default: {},
|
||||
require: true
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isLock: '0',
|
||||
formInline: {},
|
||||
visible: false,
|
||||
detailDatetransformation: []
|
||||
}
|
||||
},
|
||||
components: {
|
||||
uploadFileChangeDown
|
||||
},
|
||||
mounted() {
|
||||
this.detailDate.list.forEach((item) => {
|
||||
if (item.type === 'pull_more') {
|
||||
console.log(item.dataValue)
|
||||
}
|
||||
// this.detailDatetransformation.push(item)
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
onInput(r) {
|
||||
let value = r.target.value
|
||||
r.target.value = value.replace(/[^\u4e00-\u9fa5]/g, '')
|
||||
this.detailDate.list.forEach((item) => {
|
||||
if (item.controlVerify == '2') {
|
||||
item.dataValue = r.target.value
|
||||
}
|
||||
})
|
||||
},
|
||||
uploadSuccess(data) {
|
||||
let attIdList = []
|
||||
if (data && data.length > 0) {
|
||||
data.map(item => {
|
||||
attIdList.push(item.id || data.name)
|
||||
})
|
||||
/** 赋值给当前对应的表单文件 */
|
||||
// this.formInline[this.uploadName] = attIdList.join(',')
|
||||
// this.formInline = { ...this.formInline }
|
||||
// console.log('form',this.formInline)
|
||||
} else {
|
||||
// this.formInline[this.uploadName]=''
|
||||
// this.formInline = { ...this.formInline }
|
||||
// console.log('form',this.formInline)
|
||||
|
||||
}
|
||||
this.detailDate.list.forEach((item, index) => {
|
||||
if (item.type === 'file') {
|
||||
item.dataValue = attIdList.join(',')
|
||||
}
|
||||
})
|
||||
},
|
||||
clickButtonToUpload(item) {
|
||||
// if (item.isLock == '1') {
|
||||
// this.$refs.uploadFile.disabled = true
|
||||
// } else {
|
||||
// this.$refs.uploadFile.disabled = false
|
||||
// }
|
||||
this.$refs.uploadFile.visible = true
|
||||
getAction('sys/common/getFileInfos', { id: item.dataValue }).then((res) => {
|
||||
if (res.success) {
|
||||
this.$refs.uploadFile.perentHandleFunc(res.result)
|
||||
} else {
|
||||
this.$refs.uploadFile.perentHandleFunc()
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
detailDate(newold, oldold) {
|
||||
console.log(newold, oldold, 'll')
|
||||
},
|
||||
formInline: {
|
||||
handler(newOld, oldval) {
|
||||
console.log(newOld, oldval, 'll')
|
||||
},
|
||||
deep: true
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
.table .ant-table-column-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*.ant-table td {*/
|
||||
/* white-space: nowrap;*/
|
||||
/*}*/
|
||||
.selectWid .ant-select-selection--multiple {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.selectWid .ant-select-selection--multiple::-webkit-scrollbar {
|
||||
display: none; /* Chrome Safari */
|
||||
}
|
||||
|
||||
.selectWid .ant-select-selection {
|
||||
height: 38px !important;
|
||||
line-height: 38px !important;
|
||||
}
|
||||
|
||||
.selectWid .ant-select-selection__rendered {
|
||||
line-height: 36px !important;
|
||||
}
|
||||
</style>
|
||||
<style lang="less" scoped>
|
||||
.box {
|
||||
width: 100%;
|
||||
height: calc(100% - 100px);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.page {
|
||||
text-align: right;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.add_flex {
|
||||
/*display: flex;*/
|
||||
}
|
||||
|
||||
/deep/ .box {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.add_flex_item {
|
||||
width: 30%;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.selectWid {
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
.inputWid {
|
||||
min-width: 150px;
|
||||
height: 38px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.add-width {
|
||||
width: calc(33.3% - 5px);
|
||||
margin-right: 5px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.add--number {
|
||||
width: 101%;
|
||||
}
|
||||
|
||||
.ant-input-disabled {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.ant-select-disabled {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.itemOption {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
}
|
||||
</style>
|
||||
@@ -1,54 +0,0 @@
|
||||
<template>
|
||||
<div :class="[prefixCls]">
|
||||
<slot name="subtitle">
|
||||
<div :class="[`${prefixCls}-subtitle`]">{{ typeof subTitle === 'string' ? subTitle : subTitle() }}</div>
|
||||
</slot>
|
||||
<div class="number-info-value">
|
||||
<span>{{ total }}</span>
|
||||
<span class="sub-total">
|
||||
{{ subTotal }}
|
||||
<icon :type="`caret-${status}`" />
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Icon from 'ant-design-vue/es/icon'
|
||||
|
||||
export default {
|
||||
name: 'NumberInfo',
|
||||
props: {
|
||||
prefixCls: {
|
||||
type: String,
|
||||
default: 'ant-pro-number-info'
|
||||
},
|
||||
total: {
|
||||
type: Number,
|
||||
required: true
|
||||
},
|
||||
subTotal: {
|
||||
type: Number,
|
||||
required: true
|
||||
},
|
||||
subTitle: {
|
||||
type: [String, Function],
|
||||
default: ''
|
||||
},
|
||||
status: {
|
||||
type: String,
|
||||
default: 'up'
|
||||
}
|
||||
},
|
||||
components: {
|
||||
Icon
|
||||
},
|
||||
data () {
|
||||
return {}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import "index";
|
||||
</style>
|
||||
@@ -1,3 +0,0 @@
|
||||
import NumberInfo from './NumberInfo'
|
||||
|
||||
export default NumberInfo
|
||||
@@ -1,55 +0,0 @@
|
||||
@import "../index";
|
||||
|
||||
@numberInfo-prefix-cls: ~"@{ant-pro-prefix}-number-info";
|
||||
|
||||
.@{numberInfo-prefix-cls} {
|
||||
|
||||
.ant-pro-number-info-subtitle {
|
||||
color: @text-color-secondary;
|
||||
font-size: @font-size-base;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
word-break: break-all;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.number-info-value {
|
||||
margin-top: 4px;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
word-break: break-all;
|
||||
white-space: nowrap;
|
||||
|
||||
& > span {
|
||||
color: @heading-color;
|
||||
display: inline-block;
|
||||
line-height: 32px;
|
||||
height: 32px;
|
||||
font-size: 24px;
|
||||
margin-right: 32px;
|
||||
}
|
||||
|
||||
.sub-total {
|
||||
color: @text-color-secondary;
|
||||
font-size: @font-size-lg;
|
||||
vertical-align: top;
|
||||
margin-right: 0;
|
||||
i {
|
||||
font-size: 12px;
|
||||
transform: scale(0.82);
|
||||
margin-left: 4px;
|
||||
}
|
||||
:global {
|
||||
.anticon-caret-up {
|
||||
color: @red-6;
|
||||
}
|
||||
.anticon-caret-down {
|
||||
color: @green-6;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,36 +1,36 @@
|
||||
<template>
|
||||
<div class='diolag-area'>
|
||||
<a-spin :spinning='spinLoading'>
|
||||
<a-form-model
|
||||
class='tag-module'
|
||||
ref='ruleForm'
|
||||
:model='formData'
|
||||
:rules='rules'
|
||||
:label-col='labelCol'
|
||||
:wrapper-col='wrapperCol'
|
||||
>
|
||||
<a-row :gutter='24'>
|
||||
<a-col :span='9'>
|
||||
<a-form-model-item :label="$t('entryName')" prop='projectName'>
|
||||
<a-input
|
||||
:placeholder="$t('PleaseEnter')+$t('entryName')"
|
||||
v-model='formData.projectName' />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span='9'>
|
||||
<a-form-model-item :label="$t('ListTitle')" prop='ListTitle'>
|
||||
<a-input
|
||||
:placeholder="$t('PleaseEnter')+$t('ListTitle')"
|
||||
v-model='formData.title' />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span='6' style='margin-top: 4px;'>
|
||||
<a-button class='box-button' type='primary' @click='searchQuery'>{{ $t('query') }}</a-button>
|
||||
<a-button class='box-button' style='margin-left: 8px' @click='searchReset'>{{ $t('reset') }}</a-button>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</a-spin>
|
||||
<!-- <a-spin :spinning='spinLoading'>-->
|
||||
<!-- <a-form-model-->
|
||||
<!-- class='tag-module'-->
|
||||
<!-- ref='ruleForm'-->
|
||||
<!-- :model='formData'-->
|
||||
<!-- :rules='rules'-->
|
||||
<!-- :label-col='labelCol'-->
|
||||
<!-- :wrapper-col='wrapperCol'-->
|
||||
<!-- >-->
|
||||
<!-- <a-row :gutter='24'>-->
|
||||
<!-- <a-col :span='9'>-->
|
||||
<!-- <a-form-model-item :label="$t('entryName')" prop='projectName'>-->
|
||||
<!-- <a-input-->
|
||||
<!-- :placeholder="$t('PleaseEnter')+$t('entryName')"-->
|
||||
<!-- v-model='formData.projectName' />-->
|
||||
<!-- </a-form-model-item>-->
|
||||
<!-- </a-col>-->
|
||||
<!-- <a-col :span='9'>-->
|
||||
<!-- <a-form-model-item :label="$t('ListTitle')" prop='ListTitle'>-->
|
||||
<!-- <a-input-->
|
||||
<!-- :placeholder="$t('PleaseEnter')+$t('ListTitle')"-->
|
||||
<!-- v-model='formData.title' />-->
|
||||
<!-- </a-form-model-item>-->
|
||||
<!-- </a-col>-->
|
||||
<!-- <a-col :span='6' style='margin-top: 4px;'>-->
|
||||
<!-- <a-button class='box-button' type='primary' @click='searchQuery'>{{ $t('query') }}</a-button>-->
|
||||
<!-- <a-button class='box-button' style='margin-left: 8px' @click='searchReset'>{{ $t('reset') }}</a-button>-->
|
||||
<!-- </a-col>-->
|
||||
<!-- </a-row>-->
|
||||
<!-- </a-form-model>-->
|
||||
<!-- </a-spin>-->
|
||||
<a-table
|
||||
class='table-area'
|
||||
ref='table'
|
||||
@@ -85,19 +85,19 @@ export default {
|
||||
loading: false,
|
||||
editId: '',
|
||||
columns: [
|
||||
{
|
||||
title: this.$t('entryName'),
|
||||
dataIndex: 'projectName',
|
||||
key: 'showArea',
|
||||
align: 'center',
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: this.$t('ListTitle'),
|
||||
align: 'center',
|
||||
dataIndex: 'title',
|
||||
ellipsis: true
|
||||
},
|
||||
// {
|
||||
// title: this.$t('entryName'),
|
||||
// dataIndex: 'projectName',
|
||||
// key: 'showArea',
|
||||
// align: 'center',
|
||||
// ellipsis: true
|
||||
// },
|
||||
// {
|
||||
// title: this.$t('ListTitle'),
|
||||
// align: 'center',
|
||||
// dataIndex: 'title',
|
||||
// ellipsis: true
|
||||
// },
|
||||
{
|
||||
title: this.$t('Exporttype'),
|
||||
align: 'center',
|
||||
|
||||
@@ -92,6 +92,11 @@
|
||||
this.$route.path == '/virtualListDetails' ||
|
||||
this.$route.path == '/taskListProcess' ||
|
||||
this.$route.path == '/ProjectDetails' ||
|
||||
this.$route.path == '/countryCardRelease' ||
|
||||
this.$route.path == '/countryCardView' ||
|
||||
this.$route.path == '/problemKnowledgeBaseAdd' ||
|
||||
this.$route.path == '/problemKnowledgeBaseRelease' ||
|
||||
this.$route.path == '/problemKnowledgeBaseView' ||
|
||||
this.$route.path == '/regulatoryInitiatingProcess' ||
|
||||
this.$route.path == '/regulatoryProcessReview' ||
|
||||
this.$route.path == '/handshakeProcess' ||
|
||||
|
||||
@@ -136,7 +136,7 @@
|
||||
<script>
|
||||
import eventBUs from '../../common/event'
|
||||
import { getAction, postAction } from '@/api/manage'
|
||||
import CollectionType from '@/components/CollectionType'
|
||||
import CollectionType from '@/components/CollectionTypeDisabled'
|
||||
import { ACCESS_TOKEN } from '@/store/mutation-types'
|
||||
import axios from 'axios'
|
||||
import Vue from 'vue'
|
||||
|
||||
Reference in New Issue
Block a user