用户告知方式布局
This commit is contained in:
zyx.net
@@ -1762,7 +1762,7 @@ module.exports = {
|
||||
notifiestheuseroftheupgradesuccessorfailure:'告知用户升级成功或失败',
|
||||
informimplementationchanges:'告知实施的变更',
|
||||
allupdatestotheusermanualareinformed:'告知了对用户手册的全部更新内容',
|
||||
usernotificationmode:'告知用户方式',
|
||||
usernotificationmode:'告知用户方式(可多选)',
|
||||
userinformstherelevantfile:'用户告知相关文件',
|
||||
taskname:'任务名称',
|
||||
updatereleasetime:'升级发布时间',
|
||||
|
||||
+145
-51
@@ -12,71 +12,150 @@
|
||||
</div>
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<a-form-model class="formAdd" ref="ruleForm">
|
||||
<h1 style='margin-left: 20%;'>{{$t('beforetheupgrade')}}</h1>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text-add">
|
||||
<div class="title-text-add">
|
||||
<span class="title-text-text" :title="$t('totalquantity')">{{$t('totalquantity')}}</span>
|
||||
<span class="title-text-text" :title="$t('pgradepurpose')">{{$t('pgradepurpose')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="dutyTerritory">
|
||||
<a-form-model-item class="itemModel" prop="sjmd">
|
||||
<a-input class="box-input"
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('PleaseSelect')"></a-input>
|
||||
v-model='formInline.sjmd'
|
||||
:placeholder="$t('pleaseEnter')"></a-input>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text-add">
|
||||
<div class="title-text-add">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text" :title="$t('dateofproduction')">
|
||||
{{$t('dateofproduction')}}</span>
|
||||
<span class="title-text-text" :title="$t('vehiclefunctionalityasaresultofsoftwareupgradeactivities')">{{$t('vehiclefunctionalityasaresultofsoftwareupgradeactivities')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="dateofproduction">
|
||||
<a-date-picker class="box-input"
|
||||
:placeholder="$t('PleaseSelect')+$t('dateofproduction')"
|
||||
@change="dateChange({db_field_name:'dateofproduction'})"
|
||||
format="YYYY-MM-DD"
|
||||
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||
v-model="formInline.dateofproduction"
|
||||
:disabled="false"
|
||||
style="width: 100%"/>
|
||||
<a-form-model-item class="itemModel" prop="gxbh">
|
||||
<a-input class="box-input"
|
||||
:disabled="disabled"
|
||||
v-model='formInline.gxbh'
|
||||
:placeholder="$t('pleaseEnter')"></a-input>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text-add">
|
||||
<div class="title-text-add">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text" :title="$t('VINcodelist')">
|
||||
{{$t('VINcodelist')}}</span>
|
||||
<span class="title-text-text" :title="$t('estimatedupgradeexecutionTime')">{{$t('estimatedupgradeexecutionTime')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="VINcodelist">
|
||||
<a-textarea :placeholder="$t('pleaseEnter')+$t('VINcodelist')"
|
||||
v-model="formInline.VINcodelist"
|
||||
:rows="4"/>
|
||||
<a-form-model-item class="itemModel" prop="sjsj">
|
||||
<a-input class="box-input"
|
||||
:disabled="disabled"
|
||||
v-model='formInline.sjsj'
|
||||
:placeholder="$t('pleaseEnter')"></a-input>
|
||||
</a-form-model-item>
|
||||
<!-- <a-form-model-item class="itemModel" prop="VINcodelist">-->
|
||||
<!-- <a-button type="primary" class="button-text"-->
|
||||
<!-- @click="clickButtonToUpload('VINcodelist')">-->
|
||||
<!-- {{ (formInline.VINcodelist === 'null' || formInline.VINcodelist === '' ||-->
|
||||
<!-- formInline.VINcodelist == null) ? $t('clickUpload') : $t('viewUploadedFiles')-->
|
||||
<!-- }}-->
|
||||
<!-- </a-button>-->
|
||||
<!-- </a-form-model-item>-->
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text-add">
|
||||
<div class="title-text-add">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"></span>
|
||||
<span class="title-text-text" :title="$t('upgradeexecutionperiodasksifthevehicleisusable')">{{$t('upgradeexecutionperiodasksifthevehicleisusable')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="VINcodelist">
|
||||
<a-button type="primary" class="button-text"
|
||||
@click="clickButtonToUpload('VINcodelist')">
|
||||
{{ (formInline.VINcodelist === 'null' || formInline.VINcodelist === '' ||
|
||||
formInline.VINcodelist == null) ? $t('clickUpload') : $t('viewUploadedFiles')
|
||||
<a-form-model-item class="itemModel" prop="sjky">
|
||||
<a-input class="box-input"
|
||||
:disabled="disabled"
|
||||
v-model='formInline.sjky'
|
||||
:placeholder="$t('pleaseEnter')"></a-input>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text-add">
|
||||
<div class="title-text-add">
|
||||
<span class="title-text-text" :title="$t('vehiclefeaturesthatarenotavailableduringupgradeexecution')">{{$t('vehiclefeaturesthatarenotavailableduringupgradeexecution')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="sjbkygn">
|
||||
<a-input class="box-input"
|
||||
:disabled="disabled"
|
||||
v-model='formInline.sjbkygn'
|
||||
:placeholder="$t('pleaseEnter')"></a-input>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text-add">
|
||||
<div class="title-text-add">
|
||||
<span class="title-text-text" :title="$t('vehicleusersafelyperformtheupgrade')">{{$t('vehicleusersafelyperformtheupgrade')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="zdxx">
|
||||
<a-input class="box-input"
|
||||
:disabled="disabled"
|
||||
v-model='formInline.zdxx'
|
||||
:placeholder="$t('pleaseEnter')"></a-input>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<h1 style='margin-left: 20%;'>{{$t('aftertheupgrade')}}</h1>
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text-add">
|
||||
<div class="title-text-add">
|
||||
<span class="title-text-text" :title="$t('notifiestheuseroftheupgradesuccessorfailure')">{{$t('notifiestheuseroftheupgradesuccessorfailure')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="sjsfcg">
|
||||
<a-radio-group v-model="formInline.sjsfcg">
|
||||
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||
</a-radio-group>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text-add">
|
||||
<div class="title-text-add">
|
||||
<span class="title-text-text" :title="$t('informimplementationchanges')">{{$t('informimplementationchanges')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="gzbg">
|
||||
<a-radio-group v-model="formInline.gzbg">
|
||||
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||
</a-radio-group>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text-add">
|
||||
<div class="title-text-add">
|
||||
<span class="title-text-text" :title="$t('allupdatestotheusermanualareinformed')">{{$t('allupdatestotheusermanualareinformed')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="gzscnr">
|
||||
<a-radio-group v-model="formInline.gzscnr">
|
||||
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||
</a-radio-group>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text-add">
|
||||
<div class="title-text-add">
|
||||
<span class="title-text-text" :title="$t('usernotificationmode')">{{$t('usernotificationmode')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="gzyhfs">
|
||||
<j-multi-select-tag class="box-input"
|
||||
v-model="formInline.gzyhfs"
|
||||
:placeholder="$t('PleaseSelect')"
|
||||
:type="'select'"
|
||||
:dictCode="'user_notification_mode'"
|
||||
:triggerChange="false"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text-add">
|
||||
<div class="title-text-add">
|
||||
<span class="title-text-text" :title="$t('allupdatestotheusermanualareinformed')">{{$t('allupdatestotheusermanualareinformed')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="gzscnr">
|
||||
<a-button type="primary" @click="clickButtonToUpload('xgwj')" v-model="formInline.xgwj">
|
||||
{{ (formInline.xgwj === 'null' || formInline.xgwj === '' ||
|
||||
formInline.xgwj == null) ? $t('uploadattachment') : $t('viewUploadedFiles')
|
||||
}}
|
||||
</a-button>
|
||||
</a-form-model-item>
|
||||
@@ -90,18 +169,21 @@
|
||||
<a-button type="primary" style='width: 73px;margin-right: 50px' @click='last'>{{$t('last')}}</a-button>
|
||||
<a-button type="primary" style='width: 73px' @click='next'>{{$t('next')}}</a-button>
|
||||
</div>
|
||||
<uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"></uploadFile>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getAction, postAction, deleteAction,downloadFile } from '@/api/manage'
|
||||
import ImportFile from '@/components/ImportFileData/index'
|
||||
import uploadFile from '@/components/uploadFile/file'
|
||||
import moment from 'moment'
|
||||
|
||||
export default {
|
||||
name: 'basicInformation',
|
||||
components:{
|
||||
ImportFile
|
||||
ImportFile,
|
||||
uploadFile
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -121,15 +203,18 @@ export default {
|
||||
handleModule() {
|
||||
downloadFile('ota/otaBaSjGgnrfs/exportTemplate', '用户告知内容及方式' + '.zip', {})
|
||||
},
|
||||
|
||||
next(){
|
||||
this.$emit('recordparametersdown')
|
||||
},
|
||||
last(){
|
||||
this.$emit('recordparametersup')
|
||||
},
|
||||
dateChange(item) {
|
||||
this.formInline[item.db_field_name] = this.formInline[item.db_field_name] ? moment(this.formInline[item.db_field_name]).format('YYYY-MM-DD') : ''
|
||||
/** 上传文件的回调 */
|
||||
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 }
|
||||
this.$refs.ruleForm.clearValidate(['fileKey'])
|
||||
},
|
||||
clickButtonToUpload(item) {
|
||||
this.$refs.uploadFile.perentHandleFunc()
|
||||
@@ -143,6 +228,15 @@ export default {
|
||||
}
|
||||
})
|
||||
},
|
||||
next(){
|
||||
this.$emit('recordparametersdown')
|
||||
},
|
||||
last(){
|
||||
this.$emit('recordparametersup')
|
||||
},
|
||||
dateChange(item) {
|
||||
this.formInline[item.db_field_name] = this.formInline[item.db_field_name] ? moment(this.formInline[item.db_field_name]).format('YYYY-MM-DD') : ''
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -150,7 +244,7 @@ export default {
|
||||
<style lang="less" scoped>
|
||||
@import'~@assets/less/common.less';
|
||||
.box {
|
||||
height:500px;
|
||||
margin-bottom: 40px;
|
||||
padding: 0 24px 24px 24px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@@ -162,14 +256,14 @@ export default {
|
||||
}
|
||||
|
||||
.title-text-add {
|
||||
width: 114px;
|
||||
width: 440px;
|
||||
text-align: right;
|
||||
display: inline-block;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
margin-right: 16px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
//overflow: hidden;
|
||||
//text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
|
||||
@@ -132,7 +132,7 @@ export default {
|
||||
columnshistory: [
|
||||
{
|
||||
title: this.$t('fillincontent'),
|
||||
dataIndex: 'logContent',
|
||||
dataIndex: 'content',
|
||||
align: 'left',
|
||||
ellipsis: true,
|
||||
scopedSlots: { customRender: 'content' },
|
||||
@@ -140,7 +140,7 @@ export default {
|
||||
},
|
||||
{
|
||||
title: this.$t('module'),
|
||||
dataIndex: 'remarks',
|
||||
dataIndex: 'module',
|
||||
align: 'left',
|
||||
ellipsis: true,
|
||||
width: 100,
|
||||
@@ -148,7 +148,7 @@ export default {
|
||||
},
|
||||
{
|
||||
title: this.$t('completedBy'),
|
||||
dataIndex: 'createTime',
|
||||
dataIndex: 'createBy',
|
||||
align: 'left',
|
||||
ellipsis: true,
|
||||
width: 130
|
||||
@@ -174,17 +174,16 @@ export default {
|
||||
},
|
||||
fillintherecordClick(){
|
||||
this.visible = true
|
||||
return
|
||||
this.bussLogList()
|
||||
},
|
||||
bussLogList(val) {
|
||||
let query = {
|
||||
pageNo: this.pageNohistory,
|
||||
pageSize: this.pageSizehistory,
|
||||
paramsReportDetailId: this.paramsReportDetailId
|
||||
otaId:localStorage.getItem('otaId')
|
||||
}
|
||||
this.loading = true
|
||||
getAction('report/detailLog/page', query).then((res) => {
|
||||
getAction('ota/otaBaCxTxjl/page', query).then((res) => {
|
||||
if (res.success) {
|
||||
this.dataSourcehistory = res.result.records
|
||||
this.total = res.result.total
|
||||
|
||||
Reference in New Issue
Block a user