ZQ/laws-sinotruk-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[update] 系统中的tree-selection组价用到的地方全都替换成tree-data-selection组件

Browse Source
This commit is contained in:
lideqin
2024-08-20 15:39:20 +08:00
parent 39add7caae
commit ebf65cfd97
11 changed files with 182 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/customField/AddForm.vue
+2 -1
View File
@@ -151,7 +151,8 @@
:nameStr="formInline[item.dbFieldName + '_dictText']"
@nameChange="treeDataSelectNameChange"
:optionsHref="item.treeFirstHref"
:dict-id="item.dictId"/>
:dict-id="item.dictId"
:disabled="disabled || disabledFieldList.includes(item.dbFieldName)"/>
</a-form-model-item>
</div>
</template>
src/components/selection/TreeDataSelection.vue
+10 -3
View File
@@ -1,7 +1,14 @@
<template>
<div class="components-input-demo-presuffix">
<div class="user-organ-wrap">
<a-input class="user-input" @click="openModal" :placeholder="placeholder" v-model="nameStr" :title="nameStr" readOnly>
<a-input class="user-input"
:class="{'input-readonly': !disabled,'user-input': showBtn}"
@click="openModal"
:disabled="disabled"
:placeholder="placeholder"
v-model="nameStr"
:title="nameStr"
readOnly>
<a-icon v-if="nameStr" slot="suffix" type="close-circle" @click="handleEmpty" title="清空"/>
</a-input>
<a-button type="primary" class="button-box" @click="openModal" :disabled="disabled" v-if="showBtn && !disabled">
@@ -128,11 +135,11 @@ export default {
.user-input {
resize: none;
width: calc(100% - 70px);
//width: calc(100% - 70px);
}
// 因为需要加title，所以不能把鼠标事件去掉
/deep/ .ant-input-disabled {
/deep/ .input-readonly.ant-input-disabled {
background: #fff;
color: rgba(0, 0, 0, 0.65);
cursor: default;
src/views/documentTool/documentSplit/modules/SplitAddForm.vue
+19 -3
View File
@@ -150,8 +150,8 @@
:label-in-value="false"
@change="updateDom"
:placeholder="$t('pleaseSelect')+item.dbFieldTxt + getPlaceholderSuffix(item)" />
<!--16、树形弹框选择-->
<tree-selection v-else-if="item.fieldShowType === FieldType.TREE_MODAL_SELECT.value"
<!--16、树形弹框选择 属性标识字段-->
<tree-selection v-else-if="item.fieldShowType === FieldType.TREE_MODAL_SELECT.value && item.dbFieldName === 'property_tag'"
:placeholder="$t('pleaseSelect')+item.dbFieldTxt + getPlaceholderSuffix(item)"
v-model="formInline[item.dbFieldName]"
:filedName="item.dbFieldName"
@@ -163,6 +163,16 @@
:children-column-name="getTreeSelectionChildrenColumnName(item)"
:is-tag-library-restriction="item.dbFieldName === 'property_tag'"
:search-field-name="item.dbFieldName === 'property_tag' ? 'firstNodeName' : null" />
<!--16、树形弹框选择 标签内容维护或者零部件名称的字段-->
<tree-data-selection v-else-if="item.fieldShowType === FieldType.TREE_MODAL_SELECT.value"
:placeholder="$t('pleaseSelect')+item.dbFieldTxt + getPlaceholderSuffix(item)"
v-model="formInline[item.dbFieldName]"
:fieldName="item.dbFieldName"
:nameStr="formInline[item.dbFieldName + '_dictText']"
@nameChange="treeDataSelectNameChange"
:optionsHref="item.treeFirstHref"
:disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
:dict-id="item.dictId"/>
</a-form-model-item>
</div>
</template>
@@ -238,6 +248,7 @@ import { getAction } from '../../../../api/manage'
import { getFormDictTreeList } from '../../../../api/api'
import STreeSelect from '../../../../components/STreeSelect'
import TreeSelection from '../../../../components/selection/TreeSelection'
import TreeDataSelection from '../../../../components/selection/TreeDataSelection'
export default {
name: 'SplitAddForm',
@@ -248,7 +259,8 @@ export default {
UploadFile,
StandardSelection,
SplitDetailAddTypeCheck,
STreeSelect
STreeSelect,
TreeDataSelection
},
data () {
return {
@@ -581,6 +593,10 @@ export default {
this.formInline[this.uploadName] = attIdList.join(',')
this.formInline = { ...this.formInline }
},
// 树形弹框名称改变
treeDataSelectNameChange (value, fieldName) {
this.formInline[fieldName + '_dictText'] = value
},
// 正则替换小数点
limitNumber (value) {
if (typeof value === 'string') {
src/views/documentTool/documentSplit/modules/SplitDetailBatchEditDrawer.vue
+16 -2
View File
@@ -146,7 +146,7 @@
:label-in-value="false"
:placeholder="$t('pleaseSelect')+item.dbFieldTxt + getPlaceholderSuffix(item)" />
<!--16、树形弹框选择-->
<tree-selection v-else-if="item.fieldShowType === FieldType.TREE_MODAL_SELECT.value"
<tree-selection v-else-if="item.fieldShowType === FieldType.TREE_MODAL_SELECT.value && item.dbFieldName === 'property_tag'"
:placeholder="$t('pleaseSelect')+item.dbFieldTxt + getPlaceholderSuffix(item)"
v-model="formInline[item.dbFieldName]"
:filedName="item.dbFieldName"
@@ -158,6 +158,15 @@
:children-column-name="getTreeSelectionChildrenColumnName(item)"
:is-tag-library-restriction="item.dbFieldName === 'property_tag'"
:search-field-name="item.dbFieldName === 'property_tag' ? 'firstNodeName' : null" />
<tree-data-selection v-else-if="item.fieldShowType === FieldType.TREE_MODAL_SELECT.value"
:placeholder="$t('pleaseSelect')+item.dbFieldTxt + getPlaceholderSuffix(item)"
v-model="formInline[item.dbFieldName]"
:fieldName="item.dbFieldName"
:nameStr="formInline[item.dbFieldName + '_dictText']"
@nameChange="treeDataSelectNameChange"
:optionsHref="item.treeFirstHref"
:disabled="disabled || disabledFieldList.includes(item.dbFieldName)"
:dict-id="item.dictId"/>
</a-form-model-item>
</div>
</template>
@@ -187,10 +196,11 @@ import { getFormDictTreeList } from '../../../../api/api'
import { getAction } from '../../../../api/manage'
import STreeSelect from '../../../../components/STreeSelect'
import TreeSelection from '../../../../components/selection/TreeSelection'
import TreeDataSelection from '../../../../components/selection/TreeDataSelection'
export default {
name: 'SplitDetailBatchEditDrawer',
components: { TreeSelection, UserSelection, StandardSelection, UploadFile, JMultipleDatePicker, STreeSelect },
components: { TreeSelection, UserSelection, StandardSelection, UploadFile, JMultipleDatePicker, STreeSelect, TreeDataSelection },
data () {
return {
FieldType,
@@ -384,6 +394,10 @@ export default {
this.formInline[this.uploadName] = attIdList.join(',')
this.formInline = { ...this.formInline }
},
// 树形弹框名称改变
treeDataSelectNameChange (value, fieldName) {
this.formInline[fieldName + '_dictText'] = value
},
handleSave () {
if (this.confirmLoading) {
return
src/views/workCenter/annualRevisionPlanActivelyReport/modules/ContactEnterSendTaskModal.vue
+19 -10
View File
@@ -402,15 +402,23 @@
</span>
</div>
<a-form-model-item class="item-model" prop="componentName">
<tree-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"
v-model="formInline.componentName"
@nameChange="treeSelectNameChange"
filedName="componentName"
type="checkbox"
:nameStr="formInline.componentName_dictText"
options-href="/laws/standard/partName/"
:disabled="disabled" />
</a-form-model-item>
<!-- <tree-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"-->
<!-- v-model="formInline.componentName"-->
<!-- @nameChange="treeSelectNameChange"-->
<!-- filedName="componentName"-->
<!-- type="checkbox"-->
<!-- :nameStr="formInline.componentName_dictText"-->
<!-- options-href="/laws/standard/partName/"-->
<!-- :disabled="disabled" />-->
<tree-data-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"
v-model="formInline.componentName"
fieldName="componentName"
:nameStr="formInline.componentName_dictText"
@nameChange="treeSelectNameChange"
optionsHref="/laws/standard/partName/queryFirstList"
dict-id="1696007957666533377"
:disabled="disabled"/>
</a-form-model-item>
</div>
<!-- 授权部门 -->
<div class="box-title-text form-flex-item-half">
@@ -545,10 +553,11 @@ import Vue from 'vue'
import { USER_INFO } from '@/store/mutation-types'
// import { getEnStandardNo } from '@/api/workCenter'
import TreeSelection from '@/components/selection/TreeSelection'
import TreeDataSelection from '../../../../components/selection/TreeDataSelection'
export default {
name: 'ContactEnterSendTaskModal',
components: { UserSelection, StandardSelection, UploadFile, TreeSelection },
components: { UserSelection, StandardSelection, UploadFile, TreeSelection, TreeDataSelection },
props: {
// 是否可以编辑新企标编号
canEditNewStandardNumber: {
src/views/workCenter/annualRevisionPlanStandardizationInit/modules/BaseInfoTableModal.vue
+18 -9
View File
@@ -381,14 +381,22 @@
</span>
</div>
<a-form-model-item class="item-model" prop="componentName">
<tree-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"
v-model="formInline.componentName"
@nameChange="treeSelectNameChange"
filedName="componentName"
type="checkbox"
:nameStr="formInline.componentName_dictText"
options-href="/laws/standard/partName/"
:disabled="disabled" />
<!-- <tree-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"-->
<!-- v-model="formInline.componentName"-->
<!-- @nameChange="treeSelectNameChange"-->
<!-- filedName="componentName"-->
<!-- type="checkbox"-->
<!-- :nameStr="formInline.componentName_dictText"-->
<!-- options-href="/laws/standard/partName/"-->
<!-- :disabled="disabled" />-->
<tree-data-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"
v-model="formInline.componentName"
fieldName="componentName"
:nameStr="formInline.componentName_dictText"
@nameChange="treeSelectNameChange"
optionsHref="/laws/standard/partName/queryFirstList"
dict-id="1696007957666533377"
:disabled="disabled"/>
</a-form-model-item>
</div>
<!-- 授权部门 -->
@@ -522,10 +530,11 @@ import Vue from 'vue'
import { USER_INFO } from '@/store/mutation-types'
import TreeSelection from '@/components/selection/TreeSelection'
import { ajaxGetDictItems } from '@/api/api'
import TreeDataSelection from '../../../../components/selection/TreeDataSelection'
export default {
name: 'BaseInfoTableModal',
components: { UserSelection, StandardSelection, UploadFile, TreeSelection },
components: { UserSelection, StandardSelection, UploadFile, TreeSelection, TreeDataSelection },
props: {
/**
* 部所联络人汇总节点的话三个日期标准化填了的，主起草人不能修改；是联络人的话标准化未填写，联络人必填
src/views/workCenter/enterpriseStandardChange/modules/BaseInfoForm.vue
+19 -9
View File
@@ -198,14 +198,22 @@
</span>
</div>
<a-form-model-item class="item-model" prop="partName">
<tree-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"
v-model="formInline.partName"
@nameChange="treeSelectNameChange"
filedName="partName"
type="checkbox"
:nameStr="formInline.partName_dictText"
options-href="/laws/standard/partName/"
:disabled="disabled" />
<!-- <tree-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"-->
<!-- v-model="formInline.partName"-->
<!-- @nameChange="treeSelectNameChange"-->
<!-- filedName="partName"-->
<!-- type="checkbox"-->
<!-- :nameStr="formInline.partName_dictText"-->
<!-- options-href="/laws/standard/partName/"-->
<!-- :disabled="disabled" />-->
<tree-data-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"
v-model="formInline.partName"
fieldName="partName"
:nameStr="formInline.partName_dictText"
@nameChange="treeSelectNameChange"
optionsHref="/laws/standard/partName/queryFirstList"
dict-id="1696007957666533377"
:disabled="disabled"/>
</a-form-model-item>
</div>
<!-- 主起草人 -->
@@ -370,6 +378,7 @@ import UserSelection from '@/components/selection/UserSelection'
import UploadFile from '@/components/UploadFile'
import TreeSelection from '@/components/selection/TreeSelection'
import STreeSelect from '@/components/STreeSelect'
import TreeDataSelection from '../../../../components/selection/TreeDataSelection'
export default {
name: 'BaseInfoForm',
@@ -378,7 +387,8 @@ export default {
UserSelection,
UploadFile,
TreeSelection,
STreeSelect
STreeSelect,
TreeDataSelection
},
props: {
disabled: {
src/views/workCenter/enterpriseStandardInitChange/modules/ApprovalBaseInfo.vue
+18 -9
View File
@@ -350,14 +350,22 @@
</span>
</div>
<a-form-model-item class="item-model" prop="componentName">
<tree-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"
v-model="formInline.componentName"
@nameChange="treeSelectNameChange"
filedName="componentName"
type="checkbox"
:nameStr="formInline.componentName_dictText"
options-href="/laws/standard/partName/"
:disabled="disabled" />
<!-- <tree-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"-->
<!-- v-model="formInline.componentName"-->
<!-- @nameChange="treeSelectNameChange"-->
<!-- filedName="componentName"-->
<!-- type="checkbox"-->
<!-- :nameStr="formInline.componentName_dictText"-->
<!-- options-href="/laws/standard/partName/"-->
<!-- :disabled="disabled" />-->
<tree-data-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"
v-model="formInline.componentName"
fieldName="componentName"
:nameStr="formInline.componentName_dictText"
@nameChange="treeSelectNameChange"
optionsHref="/laws/standard/partName/queryFirstList"
dict-id="1696007957666533377"
:disabled="disabled"/>
</a-form-model-item>
</div>
<!-- 授权部门 -->
@@ -625,10 +633,11 @@ import {
getStandardGradeClassification
} from '@/api/enterpriseStandardLibraryApi'
import { getWorkGroupTreeList, ajaxGetDictItems } from '@/api/api'
import TreeDataSelection from '../../../../components/selection/TreeDataSelection'
export default {
name: 'ApprovalBaseInfo',
components: { StandardSelection, UserSelection, UploadFile, TreeSelection },
components: { StandardSelection, UserSelection, UploadFile, TreeSelection, TreeDataSelection },
props: {
projectType: {
type: [Number, String],
src/views/workCenter/enterpriseStandardInitChange/modules/MergeBaseInfo.vue
+18 -9
View File
@@ -351,14 +351,22 @@
</span>
</div>
<a-form-model-item class="item-model" prop="componentName">
<tree-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"
v-model="formInline.componentName"
@nameChange="treeSelectNameChange"
filedName="componentName"
type="checkbox"
:nameStr="formInline.componentName_dictText"
options-href="/laws/standard/partName/"
:disabled="disabled" />
<!-- <tree-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"-->
<!-- v-model="formInline.componentName"-->
<!-- @nameChange="treeSelectNameChange"-->
<!-- filedName="componentName"-->
<!-- type="checkbox"-->
<!-- :nameStr="formInline.componentName_dictText"-->
<!-- options-href="/laws/standard/partName/"-->
<!-- :disabled="disabled" />-->
<tree-data-selection :placeholder="$t('pleaseSelect')+$t('workCenter.enterpriseInitChangePlan.partName')"
v-model="formInline.componentName"
fieldName="componentName"
:nameStr="formInline.componentName_dictText"
@nameChange="treeSelectNameChange"
optionsHref="/laws/standard/partName/queryFirstList"
dict-id="1696007957666533377"
:disabled="disabled"/>
</a-form-model-item>
</div>
<!-- 主起草人 -->
@@ -445,10 +453,11 @@ import {
import { getFormDictTreeList, ajaxGetDictItems } from '@/api/api'
import TreeSelection from '@/components/selection/TreeSelection'
import { getEnStandardNo } from '@/api/workCenter'
import TreeDataSelection from '../../../../components/selection/TreeDataSelection'
export default {
name: 'MergeBaseInfo',
components: { EnterprisePlanSelection, UserSelection, UploadFile, TreeSelection },
components: { EnterprisePlanSelection, UserSelection, UploadFile, TreeSelection, TreeDataSelection },
props: {
disabled: {
type: Boolean,
src/views/workCenter/enterpriseStandardRevision/modules/BaseInfoForm.vue
+21 -11
View File
@@ -167,15 +167,24 @@
:label-in-value="false"
:placeholder="$t('pleaseSelect')+item.dbFieldTxt" />
<!--16、树形弹框选择-->
<tree-selection v-else-if="item.fieldShowType === FieldType.TREE_MODAL_SELECT.value"
:placeholder="$t('pleaseSelect')+item.dbFieldTxt"
v-model="formInline[item.dbFieldName]"
@nameChange="treeSelectNameChange"
:filedName="item.dbFieldName"
type="checkbox"
:nameStr="formInline[item.dbFieldName + '_dictText']"
:options-href="item.fieldHref"
:disabled="disabled || disabledFieldList.includes(item.dbFieldName)" />
<!-- <tree-selection v-else-if="item.fieldShowType === FieldType.TREE_MODAL_SELECT.value"-->
<!-- :placeholder="$t('pleaseSelect')+item.dbFieldTxt"-->
<!-- v-model="formInline[item.dbFieldName]"-->
<!-- @nameChange="treeSelectNameChange"-->
<!-- :filedName="item.dbFieldName"-->
<!-- type="checkbox"-->
<!-- :nameStr="formInline[item.dbFieldName + '_dictText']"-->
<!-- :options-href="item.fieldHref"-->
<!-- :disabled="disabled || disabledFieldList.includes(item.dbFieldName)" />-->
<tree-data-selection v-else-if="item.fieldShowType === FieldType.TREE_MODAL_SELECT.value"
:placeholder="$t('pleaseSelect')+item.dbFieldTxt"
v-model="formInline[item.dbFieldName]"
:fieldName="item.dbFieldName"
:nameStr="formInline[item.dbFieldName + '_dictText']"
@nameChange="treeSelectNameChange"
:optionsHref="item.treeFirstHref"
:dict-id="item.dictId"
:disabled="disabled || disabledFieldList.includes(item.dbFieldName)"/>
</a-form-model-item>
</div>
</template>
@@ -200,7 +209,7 @@ import StandardSelection from '@/components/selection/StandardSelection'
import UploadFile from '@/components/UploadFile'
import EnterprisePlanSelection from '@/components/selection/EnterprisePlanSelection'
import TreeSelection from '@/components/selection/TreeSelection'
import error from '../../../result/Error'
import TreeDataSelection from '../../../../components/selection/TreeDataSelection'
export default {
name: 'BaseInfoForm',
@@ -210,7 +219,8 @@ export default {
StandardSelection,
UploadFile,
EnterprisePlanSelection,
TreeSelection
TreeSelection,
TreeDataSelection
},
props: {
// 流程发起类型，是自动发起（auto）的还是从新建流程发起的(newProcess)
src/views/workCenter/standardEntryOrChangeProcess/StandardEntryOrChangeProcess.vue
+22 -11
View File
@@ -255,16 +255,25 @@
:label-in-value="false"
:placeholder="$t('pleaseSelect')+item.dbFieldTxt" />
<!--16、树形弹框选择-->
<tree-selection v-else-if="item.fieldShowType === FieldType.TREE_MODAL_SELECT.value"
:placeholder="$t('pleaseSelect')+item.dbFieldTxt"
v-model="formInline[item.dbFieldName]"
@nameChange="treeSelectNameChange"
:filedName="item.dbFieldName"
type="checkbox"
:options-href="item.fieldHref"
:nameStr="formInline[item.dbFieldName + '_dictText']"
:dict-id="item.dictId"
:disabled="disabled || disabledFieldList.includes(item.dbFieldName) || isLook" />
<!-- <tree-selection v-else-if="item.fieldShowType === FieldType.TREE_MODAL_SELECT.value"-->
<!-- :placeholder="$t('pleaseSelect')+item.dbFieldTxt"-->
<!-- v-model="formInline[item.dbFieldName]"-->
<!-- @nameChange="treeSelectNameChange"-->
<!-- :filedName="item.dbFieldName"-->
<!-- type="checkbox"-->
<!-- :options-href="item.fieldHref"-->
<!-- :nameStr="formInline[item.dbFieldName + '_dictText']"-->
<!-- :dict-id="item.dictId"-->
<!-- :disabled="disabled || disabledFieldList.includes(item.dbFieldName) || isLook" />-->
<tree-data-selection v-else-if="item.fieldShowType === FieldType.TREE_MODAL_SELECT.value"
:placeholder="$t('pleaseSelect')+item.dbFieldTxt"
v-model="formInline[item.dbFieldName]"
:fieldName="item.dbFieldName"
:nameStr="formInline[item.dbFieldName + '_dictText']"
@nameChange="treeSelectNameChange"
:optionsHref="item.treeFirstHref"
:dict-id="item.dictId"
:disabled="disabled || disabledFieldList.includes(item.dbFieldName) || isLook"/>
</a-form-model-item>
</div>
</template>
@@ -369,6 +378,7 @@ import {
} from '../../../api/workCenter'
import { WorkCenterMixin } from '../../../mixins/WorkCenterMixin'
import STreeSelect from '../../../components/STreeSelect'
import TreeDataSelection from '../../../components/selection/TreeDataSelection'
export default {
name: 'StandardEntryOrChangeProcess',
@@ -382,7 +392,8 @@ export default {
ProcessDetailList,
UserSelectModal,
TreeSelection,
STreeSelect
STreeSelect,
TreeDataSelection
},
mixins: [WorkCenterMixin],
data () {