Merge remote-tracking branch 'origin/master'

This commit is contained in:
liyawei
2022-02-25 18:33:27 +08:00
18 changed files with 449 additions and 346 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 195 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

+1
View File
@@ -339,6 +339,7 @@ module.exports = {
TextStatus:'TextStatus', TextStatus:'TextStatus',
PleaseEnter:'Please enter', PleaseEnter:'Please enter',
PleaseSelect:'Please select', PleaseSelect:'Please select',
PleaseEnterOrSelect:'Please Enter Or Select',
ModificationTime:'Modification time', ModificationTime:'Modification time',
ModificationContent:'Modification content', ModificationContent:'Modification content',
personnel:'personnel', personnel:'personnel',
+1
View File
@@ -343,6 +343,7 @@ module.exports = {
TextStatus:'文本状态', TextStatus:'文本状态',
PleaseEnter:'请输入', PleaseEnter:'请输入',
PleaseSelect:'请选择', PleaseSelect:'请选择',
PleaseEnterOrSelect:'请输入或选择',
ModificationTime:'修改时间', ModificationTime:'修改时间',
ModificationContent:'修改内容', ModificationContent:'修改内容',
personnel:'人员', personnel:'人员',
@@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div class="box-title-text"> <div class="box-title-text">
<a-input class="box-input" :value="value" @input="indexclick($event)" :placeholder="query.placeholder"/> <a-input class="box-input" :value="value" @input="indexclick($event)" :placeholder="$t('PleaseEnterOrSelect')+query.db_field_name"/>
<a-button type="primary" class="button-box" @click="standardClick"> <a-button type="primary" class="button-box" @click="standardClick">
人员选择 人员选择
</a-button> </a-button>
@@ -6,7 +6,7 @@
<!-- <span :class="{'title-text-text':false}">{{query.enName}}</span><br>--> <!-- <span :class="{'title-text-text':false}">{{query.enName}}</span><br>-->
<!-- <span :class="{'title-text-text':false}">{{query.name}}</span>--> <!-- <span :class="{'title-text-text':false}">{{query.name}}</span>-->
<!-- </div>--> <!-- </div>-->
<a-input class="box-input" :value="value" @input="indexclick($event)" :placeholder="query.placeholder"/> <a-input class="box-input" :value="value" @input="indexclick($event)" :placeholder="$t('PleaseEnterOrSelect')+query.db_field_name"/>
<a-button type="primary" class="button-box" @click="standardClick"> <a-button type="primary" class="button-box" @click="standardClick">
标准选择 标准选择
</a-button> </a-button>
+118 -105
View File
@@ -3,150 +3,180 @@
<a-form-model :model="formInline" v-if="isFormInline" class="formAdd" :rules="rules" ref="ruleForm"> <a-form-model :model="formInline" v-if="isFormInline" class="formAdd" :rules="rules" ref="ruleForm">
<a-row :gutter="24"> <a-row :gutter="24">
<div v-for="(item,index) in dataList" :key="index"> <div v-for="(item,index) in dataList" :key="index">
<a-col :span="12" v-if="item.field_show_type === 'text'"> <a-col :span="12" v-if="item.field_show_type === '1'">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-input class="box-input" v-model="formInline[item.db_field_name]" <a-input class="box-input"
:disabled="disabled" :disabled="disabled"
:placeholder="item.placeholder"/> v-model="formInline[item.db_field_name]"
:placeholder="$t('PleaseEnter')+item.db_field_txt"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
<a-col :span="12" v-else-if="item.field_show_type === 'CHECKBOX'"> <a-col :span="12" v-else-if="item.field_show_type === '2'">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]"
:disabled="disabled"
:placeholder="$t('selectStatus')" :type="'checkbox'"
:triggerChange="false" :dictCode="item.dict_field"/>
</a-form-model-item>
</div>
</a-col>
<a-col :span="12" v-else-if="item.field_show_type === 'date'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-date-picker class="box-input" v-model="formInline[item.db_field_name]"
@change="dateChange(item)"
format="YYYY-MM-DD"
:disabled="disabled"
style="width: 100%"/>
</a-form-model-item>
</div>
</a-col>
<a-col :span="12" v-else-if="item.field_show_type === 'SMULTITIME'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-range-picker v-model="formInline[item.db_field_name]"
:disabled="disabled"
@change="onChange(item.db_field_name)"></a-range-picker>
</a-form-model-item>
</div>
</a-col>
<a-col :span="12" v-else-if="item.field_show_type === 'NUMBER'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-input-number class="box-input" <a-input-number class="box-input"
:placeholder="$t('PleaseEnter')+item.db_field_txt"
:disabled="disabled" :disabled="disabled"
v-model="formInline[item.db_field_name]" :min="1" :max="99999999"/> v-model="formInline[item.db_field_name]" :min="1" :max="99999999"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
<a-col :span="12" v-else-if="item.field_show_type === 'list'"> <a-col :span="12" v-else-if="item.field_show_type === '3'">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-dict-select-tag class="box-input" v-model="formInline[item.db_field_name]" <j-dict-select-tag class="box-input" v-model="formInline[item.db_field_name]"
:disabled="disabled" :disabled="disabled"
:placeholder="$t('selectStatus')" :type="'select'" @input="handleInput(item.db_field_name)"
:placeholder="$t('PleaseSelect')+item.db_field_txt"
:type="'select'"
:triggerChange="false" :dictCode="item.dict_field"/> :triggerChange="false" :dictCode="item.dict_field"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
<a-col :span="12" v-else-if="item.field_show_type === 'list_multi'"> <a-col :span="12" v-else-if="item.field_show_type === '4'">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]" <j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]"
:disabled="disabled" :disabled="disabled"
:placeholder="$t('selectStatus')" :type="'select'" :placeholder="$t('PleaseSelect')+item.db_field_txt"
:type="'select'"
:triggerChange="false" :dictCode="item.dict_field"/> :triggerChange="false" :dictCode="item.dict_field"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
<a-col :span="12" v-else-if="item.field_show_type === '5'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-date-picker class="box-input"
:placeholder="$t('PleaseSelect')+item.db_field_txt"
@change="dateChange(item)"
format="YYYY-MM-DD"
v-model="formInline[item.db_field_name]"
:disabled="disabled"
style="width: 100%"/>
</a-form-model-item>
</div>
</a-col>
<a-col :span="12" v-else-if="item.field_show_type === '6'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-range-picker class="box-input" v-model="formInline[item.db_field_name]"
:placeholder="$t('PleaseSelect')+item.db_field_txt"
:disabled="disabled"
@change="onChange(item.db_field_name)"></a-range-picker>
</a-form-model-item>
</div>
</a-col>
<a-col :span="12" v-else-if="item.field_show_type === '7'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-button type="primary" class="button-text"
@click="clickButtonToUpload(item.db_field_name)">
{{ (formInline[item.db_field_name] === 'null' || formInline[item.db_field_name] === '' ||
formInline[item.db_field_name] == null) ? '点击上传' : '查看已上传文件'
}}
</a-button>
</a-form-model-item>
</div>
</a-col>
<a-col :span="24" v-else-if="item.field_show_type === '8'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-textarea
:placeholder="$t('PleaseEnter')+item.db_field_txt"
:disabled="disabled"
v-model="formInline[item.db_field_name]" :rows="4"/>
</a-form-model-item>
</div>
</a-col>
<a-col :span="24" v-else-if="item.field_show_type === '9'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<PersonnelSelection :query="item"
:disabled="disabled"
v-model="formInline[item.db_field_name]"/>
</a-form-model-item>
</div>
</a-col>
<a-col :span="24" v-else-if="item.field_show_type === '10'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<StandardSelection :query="item"
:disabled="disabled"
v-model="formInline[item.db_field_name]"/>
</a-form-model-item>
</div>
</a-col>
<a-col :span="12" v-else-if="item.field_show_type === 'RADIO'"> <a-col :span="12" v-else-if="item.field_show_type === 'RADIO'">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-dict-select-tag v-model="formInline[item.db_field_name]" :placeholder="$t('selectStatus')" <j-dict-select-tag v-model="formInline[item.db_field_name]"
:disabled="disabled" :disabled="disabled"
@input="handleInput(item.db_field_name)"
:placeholder="$t('selectStatus')"
:type="'radio'" :triggerChange="false" :dictCode="item.dict_field"/> :type="'radio'" :triggerChange="false" :dictCode="item.dict_field"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
<a-col :span="24" v-else-if="item.field_show_type === 'TEXTAREA'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-textarea :placeholder="$t('selectStatus')"
:disabled="disabled"
v-model="formInline[item.db_field_name]" :rows="4"/>
</a-form-model-item>
</div>
</a-col>
<a-col :span="12" v-else-if="item.field_show_type === 'treeSelect'"> <a-col :span="12" v-else-if="item.field_show_type === 'treeSelect'">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
@@ -161,41 +191,22 @@
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
<a-col :span="12" v-else-if="item.field_show_type === 'file'">
<a-col :span="12" v-else-if="item.field_show_type === 'CHECKBOX'">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-button type="primary" class="button-text" <j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]"
@click="clickButtonToUpload(item.db_field_name)"> :disabled="disabled"
{{ (formInline[item.db_field_name] === 'null' || formInline[item.db_field_name] === '' || :placeholder="$t('selectStatus')" :type="'checkbox'"
formInline[item.db_field_name] == null) ? '点击上传' : '查看已上传文件' :triggerChange="false" :dictCode="item.dict_field"/>
}}
</a-button>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
<a-col :span="24" v-else-if="item.field_show_type === 'STANDARD'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<Standardselection :query="item"
:disabled="disabled"
v-model="formInline[item.db_field_name]"/>
</a-form-model-item>
</div>
</a-col>
</div> </div>
</a-row> </a-row>
<uploadFile ref="uploadFile" :disabled="disabled" @uploadSuccess="uploadSuccess"></uploadFile> <uploadFile ref="uploadFile" :disabled="disabled" @uploadSuccess="uploadSuccess"></uploadFile>
</a-form-model> </a-form-model>
@@ -204,7 +215,8 @@
<script> <script>
import uploadFile from '@/components/uploadFile/file' import uploadFile from '@/components/uploadFile/file'
import Standardselection from '@/components/Standardselection/index' import StandardSelection from '@/components/Standardselection/index'
import PersonnelSelection from '@/components/PersonnelSelection/index'
import { getAction, postAction } from '@/api/manage' import { getAction, postAction } from '@/api/manage'
import eventBUs from '../../common/event' import eventBUs from '../../common/event'
import moment from 'moment' import moment from 'moment'
@@ -213,7 +225,8 @@
name: 'index', name: 'index',
components: { components: {
uploadFile, uploadFile,
Standardselection StandardSelection,
PersonnelSelection
}, },
props: { props: {
url: { url: {
@@ -373,7 +386,7 @@
} }
}) })
}, },
add(){ add() {
this.formInline = {} this.formInline = {}
} }
} }
+22 -18
View File
@@ -3,23 +3,25 @@
<!-- update-begin- author:sunjianlei --- date:20191009 --- for: 提升右键菜单的层级 --> <!-- update-begin- author:sunjianlei --- date:20191009 --- for: 提升右键菜单的层级 -->
<contextmenu :itemList="menuItemList" :visible.sync="menuVisible" style="z-index: 9999;" @select="onMenuSelect"/> <contextmenu :itemList="menuItemList" :visible.sync="menuVisible" style="z-index: 9999;" @select="onMenuSelect"/>
<!-- update-end- author:sunjianlei --- date:20191009 --- for: 提升右键菜单的层级 --> <!-- update-end- author:sunjianlei --- date:20191009 --- for: 提升右键菜单的层级 -->
<a-tabs <!-- <a-tabs-->
@contextmenu.native="e => onContextmenu(e)" <!-- @contextmenu.native="e => onContextmenu(e)"-->
v-if="multipage" <!-- v-if="multipage"-->
:active-key="activePage" <!-- :active-key="activePage"-->
class="tab-layout-tabs" <!-- class="tab-layout-tabs"-->
style="height:52px" <!-- style="height:52px"-->
:hide-add="true" <!-- :hide-add="true"-->
type="editable-card" <!-- type="editable-card"-->
@change="changePage" <!-- @change="changePage"-->
@tabClick="tabCallBack" <!-- @tabClick="tabCallBack"-->
@edit="editPage"> <!-- @edit="editPage">-->
<a-tab-pane :id="page.fullPath" :key="page.fullPath" v-for="page in pageList" <!-- <a-tab-pane :id="page.fullPath" :key="page.fullPath" v-for="page in pageList"-->
:closable="!(page.meta.title=='首页')"> <!-- :closable="!(page.meta.title=='首页')">-->
<span slot="tab" :pagekey="page.fullPath">{{ page.meta.title }}</span> <!-- <span slot="tab" :pagekey="page.fullPath">{{ page.meta.title }}</span>-->
</a-tab-pane> <!-- </a-tab-pane>-->
</a-tabs> <!-- </a-tabs>-->
<div style="margin: 12px 12px 0;"> <!-- style="margin: 12px 12px 0;"-->
<Tabcrumbs />
<div>
<!-- update-begin-author:taoyan date:20201221 for:此处删掉transition标签 不知道为什么加上后 页面路由切换的时候即1及菜单切到2及菜单的时候 两个菜单页面会同时出现300-500秒左右 --> <!-- update-begin-author:taoyan date:20201221 for:此处删掉transition标签 不知道为什么加上后 页面路由切换的时候即1及菜单切到2及菜单的时候 两个菜单页面会同时出现300-500秒左右 -->
<keep-alive v-if="multipage"> <keep-alive v-if="multipage">
<router-view v-if="reloadFlag"/> <router-view v-if="reloadFlag"/>
@@ -34,6 +36,7 @@
<script> <script>
import GlobalLayout from '@/components/page/GlobalLayout' import GlobalLayout from '@/components/page/GlobalLayout'
import Tabcrumbs from '@/components/layouts/Tabcrumbs'
import Contextmenu from '@/components/menu/Contextmenu' import Contextmenu from '@/components/menu/Contextmenu'
import { mixin, mixinDevice } from '@/utils/mixin.js' import { mixin, mixinDevice } from '@/utils/mixin.js'
import { triggerWindowResizeEvent } from '@/utils/util' import { triggerWindowResizeEvent } from '@/utils/util'
@@ -46,7 +49,8 @@
name: 'TabLayout', name: 'TabLayout',
components: { components: {
GlobalLayout, GlobalLayout,
Contextmenu Contextmenu,
Tabcrumbs
}, },
mixins: [mixin, mixinDevice], mixins: [mixin, mixinDevice],
data() { data() {
@@ -0,0 +1,63 @@
<template>
<div class="box">
<span class="box-text">
文档管理
</span>
<span class="box-text-content" v-if="subNavigation">
<img src="~@/assets/dayu.png" alt="">
</span>
<span class="box-text-text">
{{subNavigation}}
</span>
</div>
</template>
<script>
export default {
name: 'Tabcrumbs',
data() {
return {
Navigation: '',
subNavigation: ''
}
},
watch: {
'$route': function(val) {
this.subNavigation = val.meta.title
}
},
mounted() {
this.subNavigation = this.$route.meta.title
},
methods: {}
}
</script>
<style scoped>
.box {
width: 100%;
height: 72px;
line-height: 92px;
background: #fff;
padding: 0 24px;
box-sizing: border-box;
}
.box-text {
font-size: 20px;
color: #040B29;
font-weight: 400;
opacity: 0.5;
}
.box-text-content {
margin-left: 5px;
margin-right: 5px;
}
.box-text-text {
font-weight: 400;
color: #040B29;
font-size: 20px;
}
</style>
+100 -101
View File
@@ -8,60 +8,77 @@
</div> </div>
<a-row :gutter="24"> <a-row :gutter="24">
<div v-for="item in val.content"> <div v-for="item in val.content">
<a-col :span="12" v-if="item.field_show_type === 'text'"> <a-col :span="12" v-if="item.field_show_type === '1'">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-input class="box-input" <a-input class="box-input"
:disabled="disabled" :disabled="disabled"
v-model="formInline[item.db_field_name]" v-model="formInline[item.db_field_name]"
:placeholder="'请输入'+item.db_field_txt"/> :placeholder="$t('PleaseEnter')+item.db_field_txt"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
<a-col :span="12" v-else-if="item.field_show_type === 'CHECKBOX'"> <a-col :span="12" v-else-if="item.field_show_type === '2'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-input-number class="box-input"
:placeholder="$t('PleaseEnter')+item.db_field_txt"
:disabled="disabled"
v-model="formInline[item.db_field_name]" :min="1" :max="99999999"/>
</a-form-model-item>
</div>
</a-col>
<a-col :span="12" v-else-if="item.field_show_type === '3'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-dict-select-tag class="box-input" v-model="formInline[item.db_field_name]"
:disabled="disabled"
@input="handleInput(item.db_field_name)"
:placeholder="$t('PleaseSelect')+item.db_field_txt"
:type="'select'"
:triggerChange="false" :dictCode="item.dict_field"/>
</a-form-model-item>
</div>
</a-col>
<a-col :span="12" v-else-if="item.field_show_type === '4'">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]" <j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]"
:disabled="disabled" :disabled="disabled"
:placeholder="$t('selectStatus')" :type="'checkbox'" :placeholder="$t('PleaseSelect')+item.db_field_txt"
:type="'select'"
:triggerChange="false" :dictCode="item.dict_field"/> :triggerChange="false" :dictCode="item.dict_field"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
<a-col :span="12" v-else-if="item.field_show_type === 'dateAll'"> <a-col :span="12" v-else-if="item.field_show_type === '5'">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-range-picker class="box-input" v-model="formInline[item.db_field_name]"
:disabled="disabled"
@change="onChange(item.db_field_name)"></a-range-picker>
</a-form-model-item>
</div>
</a-col>
<a-col :span="12" v-else-if="item.field_show_type === 'date'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-date-picker class="box-input" <a-date-picker class="box-input"
:placeholder="$t('PleaseSelect')+item.db_field_txt"
@change="dateChange(item)" @change="dateChange(item)"
format="YYYY-MM-DD" format="YYYY-MM-DD"
v-model="formInline[item.db_field_name]" v-model="formInline[item.db_field_name]"
@@ -70,52 +87,77 @@
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
<a-col :span="12" v-else-if="item.field_show_type === '6'">
<a-col :span="12" v-else-if="item.field_show_type === 'NUMBER'">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-input-number class="box-input" <a-range-picker class="box-input" v-model="formInline[item.db_field_name]"
:placeholder="$t('PleaseSelect')+item.db_field_txt"
:disabled="disabled" :disabled="disabled"
v-model="formInline[item.db_field_name]" :min="1" :max="99999999"/> @change="onChange(item.db_field_name)"></a-range-picker>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
<a-col :span="12" v-else-if="item.field_show_type === 'list'"> <a-col :span="12" v-else-if="item.field_show_type === '7'">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-dict-select-tag class="box-input" v-model="formInline[item.db_field_name]" <a-button type="primary" class="button-text"
:disabled="disabled" @click="clickButtonToUpload(item.db_field_name)">
@input="handleInput(item.db_field_name)" {{ (formInline[item.db_field_name] === 'null' || formInline[item.db_field_name] === '' ||
:placeholder="$t('selectStatus')" :type="'select'" formInline[item.db_field_name] == null) ? '点击上传' : '查看已上传文件'
:triggerChange="false" :dictCode="item.dict_field"/> }}
</a-button>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
<a-col :span="12" v-else-if="item.field_show_type === 'list_multi'"> <a-col :span="24" v-else-if="item.field_show_type === '8'">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]" <a-textarea
:placeholder="$t('PleaseEnter')+item.db_field_txt"
:disabled="disabled"
v-model="formInline[item.db_field_name]" :rows="4"/>
</a-form-model-item>
</div>
</a-col>
<a-col :span="24" v-else-if="item.field_show_type === '9'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<PersonnelSelection :query="item"
:disabled="disabled" :disabled="disabled"
:placeholder="$t('selectStatus')" :type="'select'" v-model="formInline[item.db_field_name]"/>
:triggerChange="false" :dictCode="item.dict_field"/> </a-form-model-item>
</div>
</a-col>
<a-col :span="24" v-else-if="item.field_show_type === '10'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<Standardselection :query="item"
:disabled="disabled"
v-model="formInline[item.db_field_name]"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
@@ -124,7 +166,6 @@
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
@@ -137,25 +178,10 @@
</div> </div>
</a-col> </a-col>
<a-col :span="24" v-else-if="item.field_show_type === 'TEXTAREA'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-textarea :placeholder="$t('selectStatus')"
:disabled="disabled"
v-model="formInline[item.db_field_name]" :rows="4"/>
</a-form-model-item>
</div>
</a-col>
<a-col :span="12" v-else-if="item.field_show_type === 'treeSelect'"> <a-col :span="12" v-else-if="item.field_show_type === 'treeSelect'">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
@@ -170,45 +196,18 @@
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
<a-col :span="24" v-else-if="item.field_show_type === 'perSelect'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<PersonnelSelection :query="item" :disabled="disabled" v-model="formInline[item.db_field_name]"/>
</a-form-model-item>
</div>
</a-col>
<a-col :span="24" v-else-if="item.field_show_type === 'Standardselection'"> <a-col :span="12" v-else-if="item.field_show_type === 'CHECKBOX'">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span> <span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span> <span class="title-text-text">{{item.db_field_txt}}</span>
</div> </div>
<a-form-model-item class="itemModel" :prop="item.db_field_name"> <a-form-model-item class="itemModel" :prop="item.db_field_name">
<Standardselection :query="item" :disabled="disabled" v-model="formInline[item.db_field_name]"/> <j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]"
</a-form-model-item> :disabled="disabled"
</div> :placeholder="$t('selectStatus')" :type="'checkbox'"
</a-col> :triggerChange="false" :dictCode="item.dict_field"/>
<a-col :span="12" v-else-if="item.field_show_type === 'file'">
<div class="box-title-text">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 0">*</span>
<!-- <span :class="{'title-text-text':false}">{{item.db_field_en_name}}</span><br>-->
<span class="title-text-text">{{item.db_field_txt}}</span>
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<a-button type="primary" class="button-text"
@click="clickButtonToUpload(item.db_field_name)">
{{ (formInline[item.db_field_name] === 'null' || formInline[item.db_field_name] === '' ||
formInline[item.db_field_name] == null) ? '点击上传' : '查看已上传文件'
}}
</a-button>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
@@ -281,7 +280,7 @@
content: [] content: []
} }
], ],
treeData:[ treeData: [
{ {
title: 'Node1', title: 'Node1',
value: '0-0', value: '0-0',
@@ -295,11 +294,11 @@
{ {
title: 'Child Node1', title: 'Child Node1',
value: '0-0-0-0', value: '0-0-0-0',
key: '0-0-0-0', key: '0-0-0-0'
}, }
], ]
}, }
], ]
}, },
{ {
title: 'Node2', title: 'Node2',
@@ -310,21 +309,21 @@
title: 'Child Node3', title: 'Child Node3',
value: '0-1-0', value: '0-1-0',
key: '0-1-0', key: '0-1-0',
disabled: true, disabled: true
}, },
{ {
title: 'Child Node4', title: 'Child Node4',
value: '0-1-1', value: '0-1-1',
key: '0-1-1', key: '0-1-1'
}, },
{ {
title: 'Child Node5', title: 'Child Node5',
value: '0-1-2', value: '0-1-2',
key: '0-1-2', key: '0-1-2'
}, }
], ]
}, }
], ]
} }
}, },
mounted() { mounted() {
+36 -7
View File
@@ -1,11 +1,12 @@
<template> <template>
<a-layout-sider <a-layout-sider
:class="['sider', isDesktop() ? null : 'shadow', theme, fixSiderbar ? 'ant-fixed-sidemenu' : null ]" :class="['sider', isDesktop() ? null : 'shadow', theme, fixSiderbar ? 'ant-fixed-sidemenu' : null ]"
width="208px" style="background: #EFF1F3"
width="240px"
:collapsible="collapsible" :collapsible="collapsible"
v-model="collapsed" v-model="collapsed"
:trigger="null"> :trigger="null">
<logo /> <logo/>
<s-menu <s-menu
:collapsed="collapsed" :collapsed="collapsed"
:menu="menus" :menu="menus"
@@ -19,13 +20,13 @@
</template> </template>
<script> <script>
import ALayoutSider from "ant-design-vue/es/layout/Sider" import ALayoutSider from 'ant-design-vue/es/layout/Sider'
import Logo from '../tools/Logo' import Logo from '../tools/Logo'
import SMenu from './index' import SMenu from './index'
import { mixin, mixinDevice } from '@/utils/mixin.js' import { mixin, mixinDevice } from '@/utils/mixin.js'
export default { export default {
name: "SideMenu", name: 'SideMenu',
components: { ALayoutSider, Logo, SMenu }, components: { ALayoutSider, Logo, SMenu },
mixins: [mixin, mixinDevice], mixins: [mixin, mixinDevice],
props: { props: {
@@ -54,9 +55,9 @@
required: true required: true
} }
}, },
computed:{ computed: {
smenuStyle() { smenuStyle() {
let style = { 'padding': '0' } let style = { 'padding': '0', 'background': '#EFF1F3' }
if (this.fixSiderbar) { if (this.fixSiderbar) {
style['height'] = 'calc(100% - 59px)' style['height'] = 'calc(100% - 59px)'
style['overflow'] = 'auto' style['overflow'] = 'auto'
@@ -66,7 +67,7 @@
} }
}, },
methods: { methods: {
onSelect (obj) { onSelect(obj) {
this.$emit('menuSelect', obj) this.$emit('menuSelect', obj)
} }
} }
@@ -81,6 +82,7 @@
ul.ant-menu { ul.ant-menu {
/* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ /* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: @scrollBarSize; width: @scrollBarSize;
height: @scrollBarSize; height: @scrollBarSize;
@@ -103,11 +105,13 @@
-ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
/* 定义滚动条轨道 */ /* 定义滚动条轨道 */
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
background-color: transparent; background-color: transparent;
} }
/* 定义滑块 */ /* 定义滑块 */
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
border-radius: @scrollBarSize; border-radius: @scrollBarSize;
background-color: #eee; background-color: #eee;
@@ -124,6 +128,7 @@
} }
/** 暗色系滚动条样式 */ /** 暗色系滚动条样式 */
&.dark ul.ant-menu { &.dark ul.ant-menu {
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background-color: #666666; background-color: #666666;
@@ -172,5 +177,29 @@
} }
} }
} }
.ant-menu-submenu > .ant-menu {
background: #e1e3e7 !important;
}
.ant-menu-item {
height: 48px !important;
line-height: 48px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.ant-menu-item-selected {
height: 48px !important;
line-height: 48px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
background-color: #D9F4F5 !important;
}
.ant-menu-inline .ant-menu-item::after {
left: 0 !important;
right: inherit !important;
}
</style> </style>
<!-- update_end author:sunjianlei date:20190530 for: 选中首页的时候不显示背景颜色 --> <!-- update_end author:sunjianlei date:20190530 for: 选中首页的时候不显示背景颜色 -->
+19 -17
View File
@@ -3,22 +3,22 @@
<a-layout-header <a-layout-header
v-if="!headerBarFixed" v-if="!headerBarFixed"
:class="[fixedHeader && 'ant-header-fixedHeader', sidebarOpened ? 'ant-header-side-opened' : 'ant-header-side-closed', ]" :class="[fixedHeader && 'ant-header-fixedHeader', sidebarOpened ? 'ant-header-side-opened' : 'ant-header-side-closed', ]"
:style="{ padding: '0' }"> :style="{ padding: '0' , background:'#fff'}">
<div v-if="mode === 'sidemenu'" class="header" :class="theme"> <div v-if="mode === 'sidemenu'" class="header" :class="theme">
<a-icon <!-- <a-icon-->
v-if="device==='mobile'" <!-- v-if="device==='mobile'"-->
class="trigger" <!-- class="trigger"-->
:type="collapsed ? 'menu-fold' : 'menu-unfold'" <!-- :type="collapsed ? 'menu-fold' : 'menu-unfold'"-->
@click="toggle"></a-icon> <!-- @click="toggle"></a-icon>-->
<a-icon <!-- <a-icon-->
v-else <!-- v-else-->
class="trigger" <!-- class="trigger"-->
:type="collapsed ? 'menu-unfold' : 'menu-fold'" <!-- :type="collapsed ? 'menu-unfold' : 'menu-fold'"-->
@click="toggle"/> <!-- @click="toggle"/>-->
<span v-if="device === 'desktop'">欢迎进入 蔚来法规</span> <!-- <span v-if="device === 'desktop'">欢迎进入 蔚来法规</span>-->
<span v-else>Jero-Boot</span> <!-- <span v-else>Jero-Boot</span>-->
<user-menu :theme="theme"/> <user-menu :theme="theme"/>
</div> </div>
<!-- 顶部导航栏模式 --> <!-- 顶部导航栏模式 -->
@@ -164,7 +164,7 @@
<style lang="less" scoped> <style lang="less" scoped>
/* update_begin author:scott date:20190220 for: 缩小首页布局顶部的高度*/ /* update_begin author:scott date:20190220 for: 缩小首页布局顶部的高度*/
@height: 59px; @height: 56px;
.layout { .layout {
@@ -185,14 +185,16 @@
} }
} }
} }
// @primary-color
.header { .header {
z-index: 2; z-index: 2;
color: white; color: white;
height: @height; height: @height;
background-color: @primary-color; line-height: @height;
background-color:#fff;
transition: background 300ms; transition: background 300ms;
box-shadow: none!important;
border-bottom: 2px #EFF1F3 solid;
/* dark 样式 */ /* dark 样式 */
&.dark { &.dark {
color: #000000; color: #000000;
@@ -321,10 +321,9 @@
.action { .action {
cursor: pointer; cursor: pointer;
padding: 0 14px; padding: 0 10px;
display: inline-block; display: inline-block;
transition: all .3s; transition: all .3s;
height: 70%; height: 70%;
line-height: 46px; line-height: 46px;
@@ -585,7 +584,7 @@
} }
img { img {
height: 32px; /*height: 32px;*/
} }
h1 { h1 {
+25 -56
View File
@@ -2,81 +2,53 @@
<a-form layout="inline" @keyup.enter.native="searchQuery"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="6" :sm="8" v-for="(item,index) in searchList" :key="index" style="line-height: 48px"> <a-col :md="6" :sm="8" v-for="(item,index) in searchList" :key="index" style="line-height: 48px">
<template v-if="index < 2"> <template>
<div class="box-title-text" v-if="item.field_show_type == 'text'"> <div class="box-title-text" v-if="item.field_show_type == '1'">
<div class="title-text"> <div class="title-text">
<span>{{item.db_field_txt}}</span> <span>{{item.db_field_txt}}</span>
</div> </div>
<a-input class="box-input" :placeholder="item.placeholder" <a-input class="box-input" :placeholder="$t('PleaseEnter')+item.db_field_txt"
v-model="queryParam[item.db_field_name]"></a-input> v-model="queryParam[item.db_field_name]"></a-input>
</div> </div>
<div class="box-title-text" v-else-if="item.field_show_type == 'list_multi'"> <div class="box-title-text" v-if="item.field_show_type == '2'">
<div class="title-text">
<span>{{item.db_field_txt}}</span>
</div>
<a-input-number class="box-input" :placeholder="$t('PleaseEnter')+item.db_field_txt"
v-model="queryParam[item.db_field_name]" :min="1" :max="99999999"/>
</div>
<div class="box-title-text" v-else-if="item.field_show_type == '4'">
<div class="title-text"> <div class="title-text">
<span>{{item.db_field_txt}}</span> <span>{{item.db_field_txt}}</span>
</div> </div>
<j-multi-select-tag class="box-input" v-model="queryParam[item.db_field_name]" <j-multi-select-tag class="box-input" v-model="queryParam[item.db_field_name]"
:placeholder="$t('selectStatus')" :type="'select'" :placeholder="$t('PleaseSelect')+item.db_field_txt" :type="'select'"
:triggerChange="false" :dictCode="item.dict_field"/> :triggerChange="false" :dictCode="item.dict_field"/>
</div> </div>
<div class="box-title-text" v-else-if="item.field_show_type == 'dateAll'"> <div class="box-title-text" v-else-if="item.field_show_type == '6'">
<div class="title-text"> <div class="title-text">
<span>{{item.db_field_txt}}</span> <span>{{item.db_field_txt}}</span>
</div> </div>
<a-range-picker class="box-input" v-model="queryParam[item.db_field_name]" <a-range-picker class="box-input" v-model="queryParam[item.db_field_name]"
:placeholder="$t('PleaseSelect')+item.db_field_txt"
@change="onChange(item.db_field_name)"></a-range-picker> @change="onChange(item.db_field_name)"></a-range-picker>
</div> </div>
<div class="box-title-text" v-else-if="item.field_show_type == 'date'"> <div class="box-title-text" v-else-if="item.field_show_type == '5'">
<div class="title-text"> <div class="title-text">
<span>{{item.db_field_txt}}</span> <span>{{item.db_field_txt}}</span>
</div> </div>
<a-date-picker class="box-input" <a-date-picker class="box-input"
:placeholder="$t('PleaseSelect')+item.db_field_txt"
@change="dateChange(item.db_field_name)" @change="dateChange(item.db_field_name)"
v-model="queryParam[item.db_field_name]"/> v-model="queryParam[item.db_field_name]"/>
</div> </div>
<div class="box-title-text" v-else-if="item.field_show_type == 'list'"> <div class="box-title-text" v-else-if="item.field_show_type == '3'">
<div class="title-text"> <div class="title-text">
<span>{{item.db_field_txt}}</span> <span>{{item.db_field_txt}}</span>
</div> </div>
<j-dict-select-tag class="box-input" v-model="queryParam[item.db_field_name]" <j-dict-select-tag class="box-input" v-model="queryParam[item.db_field_name]"
:placeholder="$t('selectStatus')" :type="'select'" :placeholder="$t('PleaseSelect')+item.db_field_txt"
:triggerChange="false" :dictCode="item.dict_field"/> :type="'select'"
</div>
</template>
<template v-if="toggleSearchStatus && index >= 2">
<div class="box-title-text" v-if="item.field_show_type == 'text'">
<div class="title-text">
<span>{{item.db_field_txt}}</span>
</div>
<a-input class="box-input" :placeholder="item.placeholder"
v-model="queryParam[item.db_field_name]"></a-input>
</div>
<div class="box-title-text" v-else-if="item.field_show_type == 'list_multi'">
<div class="title-text">
<span>{{item.db_field_txt}}</span>
</div>
<j-multi-select-tag class="box-input" v-model="queryParam[item.db_field_name]"
:placeholder="$t('selectStatus')" :type="'select'"
:triggerChange="false" :dictCode="item.dict_field"/>
</div>
<div class="box-title-text" v-else-if="item.field_show_type == 'dateAll'">
<div class="title-text">
<span>{{item.db_field_txt}}</span>
</div>
<a-range-picker class="box-input" v-model="queryParam[item.db_field_name]"
@change="onChange(item.db_field_name)"></a-range-picker>
</div>
<div class="box-title-text" v-else-if="item.field_show_type == 'date'">
<div class="title-text">
<span>{{item.db_field_txt}}</span>
</div>
<a-date-picker @change="dateChange(item.db_field_name)" class="box-input" v-model="queryParam[item.db_field_name]"/>
</div>
<div class="box-title-text" v-else-if="item.field_show_type == 'list'">
<div class="title-text">
<span>{{item.db_field_txt}}</span>
</div>
<j-dict-select-tag class="box-input" v-model="queryParam[item.db_field_name]"
:placeholder="$t('selectStatus')" :type="'select'"
:triggerChange="false" :dictCode="item.dict_field"/> :triggerChange="false" :dictCode="item.dict_field"/>
</div> </div>
</template> </template>
@@ -85,10 +57,6 @@
<a-col :md="6" :sm="24"> <a-col :md="6" :sm="24">
<a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button> <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-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
<a @click="handleToggleSearch" style="margin-left: 8px" v-if="searchList.length >= 2">
{{ toggleSearchStatus ? '收起' : '展开' }}
<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
</a>
</a-col> </a-col>
</span> </span>
</a-row> </a-row>
@@ -137,20 +105,21 @@
getAction(this.url.seachList, params).then((res) => { getAction(this.url.seachList, params).then((res) => {
if (res.success) { if (res.success) {
this.searchList = res.result this.searchList = res.result
console.log(this.searchList)
} }
}) })
}, },
handleToggleSearch() { // handleToggleSearch() {
this.toggleSearchStatus = !this.toggleSearchStatus // this.toggleSearchStatus = !this.toggleSearchStatus
}, // },
dateChange(item) { dateChange(item) {
this.queryParam[item] = moment(this.queryParam[item]).format('YYYY-MM-DD') this.queryParam[item] = moment(this.queryParam[item]).format('YYYY-MM-DD')
}, },
onChange(item){ onChange(item) {
let dateOne = moment(this.queryParam[item][0]).format('YYYY-MM-DD') let dateOne = moment(this.queryParam[item][0]).format('YYYY-MM-DD')
let dateTwo = moment(this.queryParam[item][1]).format('YYYY-MM-DD') let dateTwo = moment(this.queryParam[item][1]).format('YYYY-MM-DD')
this.queryParam[item] = [dateOne, dateTwo] this.queryParam[item] = [dateOne, dateTwo]
}, }
} }
} }
</script> </script>
@@ -143,11 +143,9 @@
let width = 0 let width = 0
if (this.OperationList.length > 0) { if (this.OperationList.length > 0) {
for (let i = 0; i < this.OperationList.length; i++) { for (let i = 0; i < this.OperationList.length; i++) {
console.log(width)
width += this.getTextWith(this.OperationList[i].text) width += this.getTextWith(this.OperationList[i].text)
} }
} }
console.log(width)
if (this.showAction) { if (this.showAction) {
this.columns.push({ this.columns.push({
title: this.$t('operation'), title: this.$t('operation'),
+22 -7
View File
@@ -1,13 +1,11 @@
<template> <template>
<div class="logo"> <div class="logo">
<router-link :to="{name:'dashboard'}"> <router-link :to="{name:'dashboard'}">
<!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 --> <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
<!-- <img v-if="navTheme === 'dark'" src="~@/assets/logo.png" alt="logo">--> <img src="~@/assets/logo.png" alt="logo" class="logoImg">
<!-- <img v-else src="~@/assets/logo.png" alt="logo">--> <!-- <img v-else src="~@/assets/logo.png" alt="logo">-->
<!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 --> <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
<span v-if="showTitle" class="logoTitle">{{ title }}</span>
<h1 v-if="showTitle">{{ title }}</h1>
</router-link> </router-link>
</div> </div>
</template> </template>
@@ -21,7 +19,7 @@
props: { props: {
title: { title: {
type: String, type: String,
default: '蔚来法规', default: 'GPR',
required: false required: false
}, },
showTitle: { showTitle: {
@@ -38,6 +36,7 @@
.sider { .sider {
box-shadow: none !important; box-shadow: none !important;
.logo { .logo {
height: @height !important; height: @height !important;
line-height: @height !important; line-height: @height !important;
@@ -46,6 +45,7 @@
a { a {
color: white; color: white;
&:hover { &:hover {
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
} }
@@ -53,7 +53,22 @@
} }
&.light .logo { &.light .logo {
background-color: @primary-color; background-color: #EFF1F3;
} }
} }
// <!--background-color: @primary-color;-->
.logoImg {
width: 90px;
height: 29px;
}
.logoTitle {
font-size: 25px;
font-weight: 300 !important;
color: #040B29;
display: inline-block;
position: absolute;
opacity: 0.5;
}
</style> </style>
+37 -27
View File
@@ -2,27 +2,27 @@
<div class="user-wrapper" :class="theme"> <div class="user-wrapper" :class="theme">
<!-- update_begin author:zhaoxin date:20191129 for: 做头部菜单栏导航 --> <!-- update_begin author:zhaoxin date:20191129 for: 做头部菜单栏导航 -->
<!-- update-begin author:sunjianlei date:20191@20 for: 解决全局样式冲突的问题 --> <!-- update-begin author:sunjianlei date:20191@20 for: 解决全局样式冲突的问题 -->
<span class="action" @click="showClick"> <!-- <span class="action" @click="showClick">-->
<a-icon type="search"></a-icon> <!-- <a-icon type="search"></a-icon>-->
</span> <!-- </span>-->
<!-- update-begin author:sunjianlei date:20200219 for: 菜单搜索改为动态组件,在手机端呈现出弹出框 --> <!-- update-begin author:sunjianlei date:20200219 for: 菜单搜索改为动态组件,在手机端呈现出弹出框 -->
<component :is="searchMenuComp" v-show="searchMenuVisible || isMobile()" class="borders" :visible="searchMenuVisible" title="搜索菜单" :footer="null" @cancel="searchMenuVisible=false"> <!-- <component :is="searchMenuComp" v-show="searchMenuVisible || isMobile()" class="borders" :visible="searchMenuVisible" title="搜索菜单" :footer="null" @cancel="searchMenuVisible=false">-->
<a-select <!-- <a-select-->
class="search-input" <!-- class="search-input"-->
showSearch <!-- showSearch-->
:showArrow="false" <!-- :showArrow="false"-->
placeholder="搜索菜单" <!-- placeholder="搜索菜单"-->
optionFilterProp="children" <!-- optionFilterProp="children"-->
:filterOption="filterOption" <!-- :filterOption="filterOption"-->
:open="isMobile()?true:null" <!-- :open="isMobile()?true:null"-->
:getPopupContainer="(node) => node.parentNode" <!-- :getPopupContainer="(node) => node.parentNode"-->
:style="isMobile()?{width: '100%',marginBottom:'50px'}:{}" <!-- :style="isMobile()?{width: '100%',marginBottom:'50px'}:{}"-->
@change="searchMethods" <!-- @change="searchMethods"-->
@blur="hiddenClick" <!-- @blur="hiddenClick"-->
> <!-- >-->
<a-select-option v-for="(site,index) in searchMenuOptions" :key="index" :value="site.id">{{site.meta.title}}</a-select-option> <!-- <a-select-option v-for="(site,index) in searchMenuOptions" :key="index" :value="site.id">{{site.meta.title}}</a-select-option>-->
</a-select> <!-- </a-select>-->
</component> <!-- </component>-->
<!-- update-end author:sunjianlei date:20200219 for: 菜单搜索改为动态组件,在手机端呈现出弹出框 --> <!-- update-end author:sunjianlei date:20200219 for: 菜单搜索改为动态组件,在手机端呈现出弹出框 -->
<!-- update-end author:sunjianlei date:20191220 for: 解决全局样式冲突的问题 --> <!-- update-end author:sunjianlei date:20191220 for: 解决全局样式冲突的问题 -->
<!-- update_end author:zhaoxin date:20191129 for: 做头部菜单栏导航 --> <!-- update_end author:zhaoxin date:20191129 for: 做头部菜单栏导航 -->
@@ -39,7 +39,7 @@
<a-dropdown> <a-dropdown>
<span class="action action-full ant-dropdown-link user-dropdown-menu"> <span class="action action-full ant-dropdown-link user-dropdown-menu">
<a-avatar class="avatar" size="small" :src="getAvatar()"/> <a-avatar class="avatar" size="small" :src="getAvatar()"/>
<span v-if="isDesktop()">欢迎您,{{ nickname() }}</span> <!-- <span v-if="isDesktop()">欢迎您,{{ nickname() }}</span>-->
</span> </span>
<a-menu slot="overlay" class="user-dropdown-menu-wrapper"> <a-menu slot="overlay" class="user-dropdown-menu-wrapper">
<a-menu-item key="0"> <a-menu-item key="0">
@@ -70,6 +70,10 @@
<a-icon type="sync"/> <a-icon type="sync"/>
<span>清理缓存</span> <span>清理缓存</span>
</a-menu-item> </a-menu-item>
<a-menu-item key="6" @click="handleLogout">
<a-icon type="logout"/>
<span>退出登录</span>
</a-menu-item>
<!-- <a-menu-item key="2" disabled> <!-- <a-menu-item key="2" disabled>
<a-icon type="setting"/> <a-icon type="setting"/>
<span>测试</span> <span>测试</span>
@@ -83,12 +87,12 @@
</a-menu-item>--> </a-menu-item>-->
</a-menu> </a-menu>
</a-dropdown> </a-dropdown>
<span class="action"> <!-- <span class="action">-->
<a class="logout_title" href="javascript:;" @click="handleLogout"> <!-- <a class="logout_title" href="javascript:;" @click="handleLogout">-->
<a-icon type="logout"/> <!-- <a-icon type="logout"/>-->
<span v-if="isDesktop()">&nbsp;退出登录</span> <!-- <span v-if="isDesktop()">&nbsp;退出登录</span>-->
</a> <!-- </a>-->
</span> <!-- </span>-->
<user-password ref="userPassword"></user-password> <user-password ref="userPassword"></user-password>
<depart-select ref="departSelect" :closable="true" title="部门切换"></depart-select> <depart-select ref="departSelect" :closable="true" title="部门切换"></depart-select>
<setting-drawer ref="settingDrawer" :closable="true" title="系统设置"></setting-drawer> <setting-drawer ref="settingDrawer" :closable="true" title="系统设置"></setting-drawer>
@@ -317,4 +321,10 @@
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
} }
.action {
color: rgba(0, 0, 0, 0.65) !important;
}
.action .avatar{
background: #ccc !important;
}
</style> </style>
@@ -297,7 +297,7 @@
text-align: center; text-align: center;
color: #040b29; color: #040b29;
line-height: 50px; line-height: 50px;
font-weight: 600; font-weight: 500;
font-size: 16px; font-size: 16px;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;