WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改参数扩展说明

Browse Source
This commit is contained in:
gaosong
2023-10-28 13:21:33 +08:00
parent 26e51d64f5
commit 968f5bb4dd
2 changed files with 3632 additions and 3615 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/components/tableCollection/index.vue
+140 -118
View File
@@ -15,28 +15,28 @@
sticky sticky
:columns="columns" :columns="columns"
:rowClassName="rowClassName" :rowClassName="rowClassName"
@onHeaderRow='onHeaderRow' @onHeaderRow="onHeaderRow"
> >
<span slot="titleName" slot-scope="text,record" :title="text"> <span slot="titleName" slot-scope="text,record" :title="text">
{{ text }} {{ text }}
</span> </span>
<span slot="paramsName" slot-scope="text,record"> <span slot="paramsName" slot-scope="text,record">
<span class="textName" :title="text">{{text}}</span> <span class="textName" :title="text">{{ text }}</span>
</span> </span>
<div :slot="'titleName'+(index+1)" v-for="(item,index) in content"> <div :slot="'titleName'+(index+1)" v-for="(item,index) in content">
<span v-if='item.isLock == 1' style='padding-right: 20px'><a-icon type="lock" theme="twoTone" <span v-if="item.isLock == 1" style="padding-right: 20px"><a-icon type="lock" theme="twoTone"
two-tone-color="#00B3BE"/></span> two-tone-color="#00B3BE" /></span>
<span style='padding-right: 10px'>{{ item.db_field_txt }} </span> <span style="padding-right: 10px">{{ item.db_field_txt }} </span>
<a-button @click='onClickSee(item)'>{{$t('See')}}</a-button> <a-button @click="onClickSee(item)">{{ $t('See') }}</a-button>
</div> </div>
<!-- {{ text && text.length > 8 ? text.slice(0, 7) + '...' : text }}--> <!-- {{ text && text.length > 8 ? text.slice(0, 7) + '...' : text }}-->
<span slot="ParameterDescription" slot-scope="text,record" :title="text"> <span slot="ParameterDescription" slot-scope="text,record" :title="text">
<a-button @click='onClickTitle(record)'>{{$t('See')}}</a-button> <a-button @click="onClickTitle(record)">{{ $t('See') }}</a-button>
</span> </span>
<!-- 历史记录--> <!-- 历史记录-->
<template slot="Operation" slot-scope="text, record"> <template slot="Operation" slot-scope="text, record">
<a-button class="action-dict" @click="UpdateLog(record)">{{$t('historicalrecord')}}</a-button> <a-button class="action-dict" @click="UpdateLog(record)">{{ $t('historicalrecord') }}</a-button>
</template> </template>
<span slot="paramsNameDescription" slot-scope="text,record" :title="text"> <span slot="paramsNameDescription" slot-scope="text,record" :title="text">
{{ text && text.length > 8 ? text.slice(0, 7) + '...' : text }} {{ text && text.length > 8 ? text.slice(0, 7) + '...' : text }}
@@ -47,14 +47,16 @@
<span <span
v-if='record.state == "待发起收集" || record.state == "工程接口人退回" || record.state == "变更" || record.state == "To be collected" || record.state == "Rejected by eng. interface" || record.state == "Modify"'> v-if='record.state == "待发起收集" || record.state == "工程接口人退回" || record.state == "变更" || record.state == "To be collected" || record.state == "Rejected by eng. interface" || record.state == "Modify"'>
<span <span
@click='areaOfResponsibility(record)'>{{ (record.dataValue == null || record.dataValue == 'undefined')? '--': record.dataValue}}</span> @click="areaOfResponsibility(record)">{{ (record.dataValue == null || record.dataValue == 'undefined') ? '--' : record.dataValue }}</span>
</span> </span>
<span v-else> <span v-else>
<span @click='dataValueTobeinitiated(record)'>{{ (record.dataValue == null || record.dataValue == 'undefined')? '--': record.dataValue}}</span> <span
@click="dataValueTobeinitiated(record)">{{ (record.dataValue == null || record.dataValue == 'undefined') ? '--' : record.dataValue }}</span>
</span> </span>
</span> </span>
<span v-else> <span v-else>
<span @click='dataValueTobeinitiated(record)'>{{ (record.dataValue == null || record.dataValue == 'undefined')? '--': record.dataValue}}</span> <span
@click="dataValueTobeinitiated(record)">{{ (record.dataValue == null || record.dataValue == 'undefined') ? '--' : record.dataValue }}</span>
</span> </span>
</span> </span>
<span slot="operationzr" slot-scope="record"> <span slot="operationzr" slot-scope="record">
@@ -62,27 +64,36 @@
<!-- 责任领域 --> <!-- 责任领域 -->
<span <span
v-if='record.state == "待发起收集" || record.state == "工程接口人退回" || record.state == "To be collected" || record.state == "Rejected by eng. interface"'> v-if='record.state == "待发起收集" || record.state == "工程接口人退回" || record.state == "To be collected" || record.state == "Rejected by eng. interface"'>
<span :title='record.dataValue' <span :title="record.dataValue"
@click='ondataValueTobe(record)'>{{ (record.dataValue == null || record.dataValue == 'undefined' || record.dataValue == '')? '--': record.dataValue }}</span> @click="ondataValueTobe(record)">{{ (record.dataValue == null || record.dataValue == 'undefined' || record.dataValue == '') ? '--' : record.dataValue
}}</span>
</span> </span>
<span v-else> <span v-else>
<span :title='record.dataValue' @click='dataValueTobe(record)'>{{ (record.dataValue == null || record.dataValue == 'undefined' || record.dataValue == '')? '--': record.dataValue }}</span> <span :title="record.dataValue"
@click="dataValueTobe(record)">{{ (record.dataValue == null || record.dataValue == 'undefined' || record.dataValue == '') ? '--' : record.dataValue
}}</span>
</span> </span>
</span> </span>
<span v-else> <span v-else>
<span :title='record.dataValue' @click='dataValueTobe(record)'>{{ (record.dataValue == null || record.dataValue == 'undefined' || record.dataValue == '')? '--': record.dataValue }}</span> <span :title="record.dataValue"
@click="dataValueTobe(record)">{{ (record.dataValue == null || record.dataValue == 'undefined' || record.dataValue == '') ? '--' : record.dataValue
}}</span>
</span> </span>
</span> </span>
<span slot="detailClick" slot-scope="text,record"> <span slot="detailClick" slot-scope="text,record">
<collection-type :detailDate='text' :recordList='record' :columName='content' <collection-type :detailDate="text" :recordList="record" :columName="content"
:currentPersonRole="currentPersonRole" :currentPersonRole="currentPersonRole"
@consolidateData="consolidateData" @consolidateData="consolidateData"
@collectionForm='collectionForm'/> @collectionForm="collectionForm" />
</span> </span>
</a-table> </a-table>
</div> </div>
<div class="page"> <div class="page">
<div class="box-button-text" v-if="this.$route.query.version && this.$route.query.version != '1'">
<span>{{ $t('explain') + ': ' }}</span>
<span>{{ $t('parameterCollectionDescription') }}</span>
</div>
<a-pagination <a-pagination
:show-total="total => $t('total')+` ${total} `+$t('strip')" :show-total="total => $t('total')+` ${total} `+$t('strip')"
show-quick-jumper show-quick-jumper
@@ -90,26 +101,26 @@
:page-size.sync="pageSize" :page-size.sync="pageSize"
:total="total" :total="total"
:current="pageNo" :current="pageNo"
:pageSizeOptions='pageSizeOptions' :pageSizeOptions="pageSizeOptions"
@change="pageOnChange" @change="pageOnChange"
@showSizeChange="SizeChange" @showSizeChange="SizeChange"
/> />
</div> </div>
<!-- 修改工程接口人---> <!-- 修改工程接口人--->
<a-modal v-model="areaVisible" :title="$t('modifyprojectInterfacePerson')" width='620px' :footer="null" <a-modal v-model="areaVisible" :title="$t('modifyprojectInterfacePerson')" width="620px" :footer="null"
@cancel="cancleImports"> @cancel="cancleImports">
<a-form-model <a-form-model
class='tag-module' class="tag-module"
ref='ruleForm' ref="ruleForm"
:model='Dateline' :model="Dateline"
:rules='rules' :rules="rules"
:label-col='labelCol' :label-col="labelCol"
:wrapper-col='wrapperCol' :wrapper-col="wrapperCol"
> >
<a-row :gutter='24'> <a-row :gutter="24">
<a-col :span='24'> <a-col :span="24">
<a-form-model-item ref='region' :label="$t('engineeringInterfacePerson')" prop='querySdt'> <a-form-model-item ref="region" :label="$t('engineeringInterfacePerson')" prop="querySdt">
<a-select allowClear :placeholder="$t('PleaseSelect')+$t('engineeringInterfacePerson')" <a-select allowClear :placeholder="$t('PleaseSelect')+$t('engineeringInterfacePerson')"
v-model="Dateline.querySdt"> v-model="Dateline.querySdt">
<a-select-option v-for="(item, key) in querySdtList" :key="key" :value="item.value"> <a-select-option v-for="(item, key) in querySdtList" :key="key" :value="item.value">
@@ -125,27 +136,27 @@
<div class="imports-footer"> <div class="imports-footer">
<div class="imports-footer-wrap"> <div class="imports-footer-wrap">
<a-button class="imports-btn imports-sub" type="primary" @click="handleSubmit">{{$t('preservation')}} <a-button class="imports-btn imports-sub" type="primary" @click="handleSubmit">{{ $t('preservation') }}
</a-button> </a-button>
<a-button class="imports-btn" type="primary" @click="cancleImports">{{$t('cancel')}}</a-button> <a-button class="imports-btn" type="primary" @click="cancleImports">{{ $t('cancel') }}</a-button>
</div> </div>
</div> </div>
</a-modal> </a-modal>
<!-- 修改责任领域---> <!-- 修改责任领域--->
<a-modal v-model="areaVisiblezr" :title="$t('areaOfResponsibility')" width='620px' :footer="null" <a-modal v-model="areaVisiblezr" :title="$t('areaOfResponsibility')" width="620px" :footer="null"
@cancel="cancel"> @cancel="cancel">
<a-form-model <a-form-model
class='tag-module' class="tag-module"
ref='ruleFormOne' ref="ruleFormOne"
:model='Dateline' :model="Dateline"
:rules='rules' :rules="rules"
:label-col='labelCol' :label-col="labelCol"
:wrapper-col='wrapperCol' :wrapper-col="wrapperCol"
> >
<a-row :gutter='24'> <a-row :gutter="24">
<a-col :span='24'> <a-col :span="24">
<a-form-model-item ref='region' :label="$t('areaOfResponsibility')" prop='queryzr'> <a-form-model-item ref="region" :label="$t('areaOfResponsibility')" prop="queryzr">
<!-- <a-select allowClear :placeholder="$t('PleaseSelect')+$t('engineeringInterfacePerson')"--> <!-- <a-select allowClear :placeholder="$t('PleaseSelect')+$t('engineeringInterfacePerson')"-->
<!-- v-model="Dateline.querySdt">--> <!-- v-model="Dateline.querySdt">-->
<!-- <a-select-option v-for="(item, key) in querySdtList" :key="key" :value="item.value">--> <!-- <a-select-option v-for="(item, key) in querySdtList" :key="key" :value="item.value">-->
@@ -158,7 +169,7 @@
@input="handleInput('queryzr')" @input="handleInput('queryzr')"
:placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')" :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
:type="'select'" :type="'select'"
:triggerChange="false" :dictCode="'duty_territory'"/> :triggerChange="false" :dictCode="'duty_territory'" />
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
</a-row> </a-row>
@@ -167,9 +178,9 @@
<div class="imports-footer-wrap"> <div class="imports-footer-wrap">
<a-button class="imports-btn imports-sub" :loading="confirmLoading" type="primary" @click="handleSubmitzr"> <a-button class="imports-btn imports-sub" :loading="confirmLoading" type="primary" @click="handleSubmitzr">
{{$t('preservation')}} {{ $t('preservation') }}
</a-button> </a-button>
<a-button class="imports-btn" type="primary" @click="cancel">{{$t('cancel')}}</a-button> <a-button class="imports-btn" type="primary" @click="cancel">{{ $t('cancel') }}</a-button>
</div> </div>
</div> </div>
</a-modal> </a-modal>
@@ -183,7 +194,7 @@
@ok="handleOk" @ok="handleOk"
@cancel="handleCancel" @cancel="handleCancel"
> >
<historyTable :columnshistory='columnshistory' :dataSourcehistory='dataSourcehistory'></historyTable> <historyTable :columnshistory="columnshistory" :dataSourcehistory="dataSourcehistory"></historyTable>
<!-- <a-table--> <!-- <a-table-->
<!-- class="table"--> <!-- class="table"-->
<!-- :columns="columnshistory"--> <!-- :columns="columnshistory"-->
@@ -220,48 +231,48 @@
</div> </div>
</a-modal> </a-modal>
<!-- 配置信息---> <!-- 配置信息--->
<a-modal v-model="areaVisibleView" :title="$t('configurationInformation')" width='550px' :footer="null"> <a-modal v-model="areaVisibleView" :title="$t('configurationInformation')" width="550px" :footer="null">
<div class="content-text"> <div class="content-text">
<div class="text-field"> <div class="text-field">
<span class="text-field-left" :title="$t('configurationName')">{{$t('configurationName')}}:</span> <span class="text-field-left" :title="$t('configurationName')">{{ $t('configurationName') }}:</span>
<span class="text-field-right" <span class="text-field-right"
:title="configDetail.configName" :title="configDetail.configName"
>{{configDetail.configName}}</span> >{{ configDetail.configName }}</span>
</div> </div>
</div> </div>
<div class="content-text"> <div class="content-text">
<div class="text-field"> <div class="text-field">
<span class="text-field-left" :title="$t('Model')">{{$t('Model')}}:</span> <span class="text-field-left" :title="$t('Model')">{{ $t('Model') }}:</span>
<span class="text-field-right" :title="configDetail.carType" <span class="text-field-right" :title="configDetail.carType"
>{{configDetail.carType}}</span> >{{ configDetail.carType }}</span>
</div> </div>
<div class="text-field"> <div class="text-field">
<span class="text-field-left" :title="$t('electricMachinery')">{{$t('electricMachinery')}}:</span> <span class="text-field-left" :title="$t('electricMachinery')">{{ $t('electricMachinery') }}:</span>
<span class="text-field-right" :title="configDetail.motor" <span class="text-field-right" :title="configDetail.motor"
>{{configDetail.motor}}</span> >{{ configDetail.motor }}</span>
</div> </div>
</div> </div>
<div class="content-text"> <div class="content-text">
<div class="text-field"> <div class="text-field">
<span class="text-field-left" :title="$t('Version')">{{$t('Version')}}:</span> <span class="text-field-left" :title="$t('Version')">{{ $t('Version') }}:</span>
<span class="text-field-right" :title="configDetail.version" <span class="text-field-right" :title="configDetail.version"
>{{configDetail.version}}</span> >{{ configDetail.version }}</span>
</div> </div>
<div class="text-field"> <div class="text-field">
<span class="text-field-left" :title="$t('Battery')">{{$t('Battery')}}:</span> <span class="text-field-left" :title="$t('Battery')">{{ $t('Battery') }}:</span>
<span class="text-field-right" :title="configDetail.battery" <span class="text-field-right" :title="configDetail.battery"
>{{configDetail.battery}}</span> >{{ configDetail.battery }}</span>
</div> </div>
</div> </div>
</a-modal> </a-modal>
<!-- 参数说明---> <!-- 参数说明--->
<a-modal v-model="seeVisibleView" :title="$t('ParameterDescription')" width='550px' :footer="null"> <a-modal v-model="seeVisibleView" :title="$t('ParameterDescription')" width="550px" :footer="null">
<div class="content-text"> <div class="content-text">
<div class="textfield"> <div class="textfield">
<span class="textfield-left" :title="$t('ParameterDescription')">{{$t('ParameterDescription')}}:</span> <span class="textfield-left" :title="$t('ParameterDescription')">{{ $t('ParameterDescription') }}:</span>
<span class="textfield-right" <span class="textfield-right"
:title="this.description" :title="this.description"
>{{this.description}}</span> >{{ this.description }}</span>
</div> </div>
</div> </div>
</a-modal> </a-modal>
@@ -270,18 +281,18 @@
</template> </template>
<script> <script>
import eventBUs from '../../common/event' import eventBUs from '../../common/event'
import { getAction, postAction } from '@/api/manage' import { getAction, postAction } from '@/api/manage'
import CollectionType from '@/components/CollectionType' import CollectionType from '@/components/CollectionType'
import { ACCESS_TOKEN } from '@/store/mutation-types' import { ACCESS_TOKEN } from '@/store/mutation-types'
import axios from 'axios' import axios from 'axios'
import Vue from 'vue' import Vue from 'vue'
// import VueDraggableResizable from 'vue-draggable-resizable' // import VueDraggableResizable from 'vue-draggable-resizable'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header' import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
import historyTable from './historyTable.vue' import historyTable from './historyTable.vue'
export default { export default {
name: 'index', name: 'index',
mixins: [ResizeHeader, ResizeColumnProvide], mixins: [ResizeHeader, ResizeColumnProvide],
props: { props: {
@@ -1151,7 +1162,7 @@
// console.log(this.currentPersonRole) // console.log(this.currentPersonRole)
if ((this.currentPersonRole == 'homo' || this.currentPersonRole == 'admin') && item == 'referencesCol') { if ((this.currentPersonRole == 'homo' || this.currentPersonRole == 'admin') && item == 'referencesCol') {
itemLi.isLock = 0 itemLi.isLock = 0
}else if(this.currentPersonRole == 'homo' && (Obj.state == '变更' || Obj.state == 'Modify')){ } else if (this.currentPersonRole == 'homo' && (Obj.state == '变更' || Obj.state == 'Modify')) {
itemLi.isLock = 0 itemLi.isLock = 0
Obj[item].referencesColFlag = '1' Obj[item].referencesColFlag = '1'
} else { } else {
@@ -1235,10 +1246,10 @@
// this.$emit('detailClick', item) // this.$emit('detailClick', item)
} }
} }
} }
</script> </script>
<style lang='less'> <style lang="less">
.imports-footer { .imports-footer {
.imports-footer-wrap { .imports-footer-wrap {
margin: 20px 0; margin: 20px 0;
text-align: center; text-align: center;
@@ -1247,16 +1258,17 @@
margin-right: 20px; margin-right: 20px;
} }
} }
} }
.table .ant-table-column-title { .table .ant-table-column-title {
font-weight: bold; font-weight: bold;
} }
.textData { .textData {
font-family: cursive; font-family: cursive;
} }
.nio-drag-handler {
.nio-drag-handler {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
@@ -1264,51 +1276,53 @@
width: 5px; width: 5px;
z-index: 1; z-index: 1;
border-right: 1px #e8e8e8 solid; border-right: 1px #e8e8e8 solid;
} }
.nio-drag-handler:hover,
.nio-drag-handler:focus{ .nio-drag-handler:hover,
cursor: col-resize!important; .nio-drag-handler:focus {
border-right: 2px solid #0bd9d9!important; cursor: col-resize !important;
} border-right: 2px solid #0bd9d9 !important;
.nio-header-th { }
.nio-header-th {
position: relative; position: relative;
isolation: isolate; isolation: isolate;
} }
</style> </style>
<style scoped lang="less"> <style scoped lang="less">
@import '~@assets/less/common.less'; @import '~@assets/less/common.less';
.box { .box {
width: 100%; width: 100%;
height: calc(100% - 100px); height: calc(100% - 100px);
overflow: auto; overflow: auto;
} }
.text { .text {
margin-right: 10px; margin-right: 10px;
} }
.page { .page {
text-align: right; text-align: right;
margin-top: 20px; margin-top: 20px;
} }
/deep/ .ant-table-tbody .yellow { /deep/ .ant-table-tbody .yellow {
background-color: #ffff001f !important; background-color: #ffff001f !important;
height: 40px !important; height: 40px !important;
border: none !important; border: none !important;
padding: 0 !important; padding: 0 !important;
} }
//::v-deep .ant-table-row:first-child { //::v-deep .ant-table-row:first-child {
// background: #fff!important; // background: #fff!important;
// /*opacity: 0.9;*/ // /*opacity: 0.9;*/
//} //}
// //
//::v-deep .ant-table-body { //::v-deep .ant-table-body {
// background: transparent!important; // background: transparent!important;
//} //}
.content-text { .content-text {
width: 100%; width: 100%;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@@ -1369,9 +1383,9 @@
font-weight: 400; font-weight: 400;
} }
} }
} }
.textName { .textName {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
display: -webkit-box; display: -webkit-box;
@@ -1382,18 +1396,26 @@
/*! autoprefixer: on;*/ /*! autoprefixer: on;*/
text-justify: inter-ideograph; text-justify: inter-ideograph;
word-break: break-all word-break: break-all
} }
::v-deep .ant-table-placeholder { ::v-deep .ant-table-placeholder {
margin-top: 8px !important; margin-top: 8px !important;
} }
.box-button-text {
white-space: pre-wrap;
word-break: break-all;
width: 40%;
float: left;
text-align: left;
}
</style> </style>
<style> <style>
.resize-table-th { .resize-table-th {
position: relative; position: relative;
} }
.table-draggable-handle { .table-draggable-handle {
/* width: 10px !important; */ /* width: 10px !important; */
height: 100% !important; height: 100% !important;
left: auto !important; left: auto !important;
@@ -1404,14 +1426,14 @@
position: absolute; position: absolute;
transform: none !important; transform: none !important;
bottom: 0; bottom: 0;
} }
.rowClassRed { .rowClassRed {
background: #f3d9de; background: #f3d9de;
} }
.rowClassRedYellow { .rowClassRedYellow {
background: yellow; background: yellow;
} }
</style> </style>
jero-web/src/views/projectManagement/components/ParameterItemCollectionList.vue
+298 -303
View File
File diff suppressed because it is too large Load Diff