Skip to content

D
dsk-operate-sys-cscec
Commit ab968a5d authored by danfuman's avatar danfuman
Browse files
Options

Merge branch 'V20230915' of http://192.168.60.201/root/dsk-operate-sys into V20230915

parents 7a4371c6 68aa5757
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 706 additions and 309 deletions
dsk-module/dsk-biz-api/src/main/java/com/dsk/search/service/MarketAnalysisService.java
View file @ ab968a5d
...@@ -124,14 +124,14 @@ public class MarketAnalysisService { ...@@ -124,14 +124,14 @@ public class MarketAnalysisService {
public AjaxResult combineRecentlyBid(JSONObject object) { public AjaxResult combineRecentlyBid(JSONObject object) {
Map<String, Object> map = dskOpenApiUtil.requestBody("/nationzj/marketAnalysis/combine/recentlyBid", object); Map<String, Object> map = dskOpenApiUtil.requestBody("/nationzj/marketAnalysis/combine/recentlyBid", object);
if (!ObjectUtils.isEmpty(map.get("data"))) { // if (!ObjectUtils.isEmpty(map.get("data"))) {
List<Map<String, Object>> list = (List<Map<String, Object>>) map.get("data"); // List<Map<String, Object>> list = (List<Map<String, Object>>) map.get("data");
list.parallelStream().forEach(res -> { // list.parallelStream().forEach(res -> {
Integer companyId = MapUtils.getInteger(res, "tendereeId"); // Integer companyId = MapUtils.getInteger(res, "tendereeId");
String companyName = MapUtils.getString(res, "tenderee"); // String companyName = MapUtils.getString(res, "tenderee");
res.put("uipId", enterpriseService.getUipIdByCompanyNameOrCompanyId(companyName, companyId)); // res.put("uipId", enterpriseService.getUipIdByCompanyNameOrCompanyId(companyName, companyId));
}); // });
} // }
return BeanUtil.toBean(map, AjaxResult.class); return BeanUtil.toBean(map, AjaxResult.class);
} }
......
dsk-operate-ui/src/assets/images/market/close-max-tip-icon.svg 0 → 100644
View file @ ab968a5d
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_1474_151379/881_072671"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g transform="matrix(1,5.551115123125783e-17,-5.551115123125783e-17,1,0,0)" clip-path="url(#master_svg0_1474_151379/881_072671)"><g><path d="M7.05513,7.999883125C7.05513,7.999883125,2.812500397363,3.757263125,2.812500397363,3.757263125C2.812500397363,3.757263125,3.75531,2.814453125,3.75531,2.814453125C3.75531,2.814453125,7.99793,7.057083125,7.99793,7.057083125C7.99793,7.057083125,12.2406,2.814453125,12.2406,2.814453125C12.2406,2.814453125,13.1834,3.757263125,13.1834,3.757263125C13.1834,3.757263125,8.94077,7.999883125,8.94077,7.999883125C8.94077,7.999883125,13.1834,12.242553125,13.1834,12.242553125C13.1834,12.242553125,12.2406,13.185353125,12.2406,13.185353125C12.2406,13.185353125,7.99793,8.942723125,7.99793,8.942723125C7.99793,8.942723125,3.75531,13.185353125,3.75531,13.185353125C3.75531,13.185353125,2.8125,12.242553125,2.8125,12.242553125C2.8125,12.242553125,7.05513,7.999883125,7.05513,7.999883125C7.05513,7.999883125,7.05513,7.999883125,7.05513,7.999883125Z" fill-rule="evenodd" fill="#232323" fill-opacity="0.4000000059604645"/></g></g></svg>
\ No newline at end of file
dsk-operate-ui/src/assets/images/market/max-tip-title-icon.svg 0 → 100644
View file @ ab968a5d
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><g transform="matrix(1,5.551115123125783e-17,-5.551115123125783e-17,1,0,0)"><g><path d="M2,12C2,6.47715,6.47715,2,12,2C17.5229,2,22,6.47715,22,12C22,17.5229,17.5229,22,12,22C6.47715,22,2,17.5229,2,12C2,12,2,12,2,12ZM13,9C13,9,13,7,13,7C13,7,11,7,11,7C11,7,11,9,11,9C11,9,13,9,13,9C13,9,13,9,13,9ZM11,10C11,10,11,17,11,17C11,17,13,17,13,17C13,17,13,10,13,10C13,10,11,10,11,10C11,10,11,10,11,10Z" fill-rule="evenodd" fill="#0081FF" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
dsk-operate-ui/src/assets/styles/common.css
View file @ ab968a5d
...@@ -7,3 +7,12 @@ ...@@ -7,3 +7,12 @@
.search-leave-to { .search-leave-to {
width: 60px; width: 60px;
} }
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.3s;
}
.fade-enter,
.fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
opacity: 0;
}
dsk-operate-ui/src/assets/styles/index.scss
View file @ ab968a5d
This diff is collapsed.
dsk-operate-ui/src/layout/components/AppMain.vue
View file @ ab968a5d
...@@ -33,6 +33,7 @@ export default { ...@@ -33,6 +33,7 @@ export default {
width: 100%; width: 100%;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
display: flex;
} }
.fixed-header + .app-main { .fixed-header + .app-main {
...@@ -42,7 +43,7 @@ export default { ...@@ -42,7 +43,7 @@ export default {
.hasTagsView { .hasTagsView {
.app-main { .app-main {
/* 84 = navbar + tags-view = 50 + 34 */ /* 84 = navbar + tags-view = 50 + 34 */
min-height: calc(100vh - 68px); min-height: calc(100vh - 56px);
min-width:1240px; min-width:1240px;
background: #F5F5F5; background: #F5F5F5;
overflow: initial; overflow: initial;
......
dsk-operate-ui/src/utils/index.js
View file @ ab968a5d
...@@ -402,14 +402,14 @@ export function isNumberStr(str) { ...@@ -402,14 +402,14 @@ export function isNumberStr(str) {
} }
// 甲方详情左侧菜单映射 // 甲方详情左侧菜单映射
// export const detailSideBar = new Map({ export const detailSideBar = new Map([
// // 企业速览 // 企业速览
// holderinfo: "ownershipStructure", ["holderinfo", "ownershipStructure"],
// // 高管信息 // 高管信息
// execuinfo: "leadingMember", ["execuinfo", "leadingMember"],
// // 对外投资 // 对外投资
// overseas: "outboundInvestment", ["overseas", "outboundInvestment"],
// // 分支机构 // 分支机构
// branch: "branch", ["branch", "branch"],
// }) ])
dsk-operate-ui/src/views/components/MaxPageSizeTip.vue 0 → 100644
View file @ ab968a5d
<template>
<div class="max-page-size-tip" @click.stop="$emit('closeMaxTip')">
<div class="max-page-tip-container" @click.stop="''">
<div class="max-page-tip-inner">
<div class="top-title-container">
<img src="@/assets/images/market/max-tip-title-icon.svg" alt="" class="max-tip-icon">
<span class="tip-title">数据查询已达到上限</span>
<img src="@/assets/images/market/close-max-tip-icon.svg" alt="" class="max-tip-close-icon" @click.stop="$emit('closeMaxTip')">
</div>
<div class="max-page-tip-content">
<div class="max-page-content-inner">
您可通过筛选工具来查询数据～若有更多需求请联系客服 0262798729！
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "",
data() {
return {
};
},
//可访问data属性
created() {
},
//计算集
computed: {
},
//方法集
methods: {
},
}
</script>
<style lang="scss" scoped>
.max-page-size-tip {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 1200;
.max-page-tip-container {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 340px;
height: 112px;
background: #ffffff;
border: 1px solid #e5e6eb;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding: 20px;
box-sizing: border-box;
.top-title-container {
display: flex;
align-items: center;
.max-tip-icon {
width: 24px;
height: 24px;
}
.tip-title {
color: #1d2129;
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-left: 16px;
margin-right: 16px;
width: 228px;
}
.max-tip-close-icon {
width: 16px;
height: 16px;
align-self: flex-start;
cursor: pointer;
}
}
.max-page-tip-content {
margin-top: 4px;
padding-left: 40px;
padding-right: 32px;
box-sizing: border-box;
.max-page-content-inner {
color: #1d2129;
font-size: 14px;
line-height: 22px;
}
}
}
}
</style>
dsk-operate-ui/src/views/detail/party-a/overview/businfo.vue
View file @ ab968a5d
...@@ -6,7 +6,6 @@ ...@@ -6,7 +6,6 @@
<el-tab-pane label="工商变更" :disabled="tableDataTotal==0" name="second"></el-tab-pane> <el-tab-pane label="工商变更" :disabled="tableDataTotal==0" name="second"></el-tab-pane>
</el-tabs> </el-tabs>
<info-table class="info-tab" :list="defaultList" :obj="forInfo" :labelWidth="labelWidth" v-if="activeName=='first'"> <info-table class="info-tab" :list="defaultList" :obj="forInfo" :labelWidth="labelWidth" v-if="activeName=='first'">
<template slot="provinceCode" slot-scope="scope"> <template slot="provinceCode" slot-scope="scope">
<span>{{showRegion(scope.data.provinceCode)}}</span> <span>{{showRegion(scope.data.provinceCode)}}</span>
...@@ -19,7 +18,7 @@ ...@@ -19,7 +18,7 @@
</template> </template>
<template slot="actualCapi" slot-scope="scope"> <template slot="actualCapi" slot-scope="scope">
<span> <span>
{{ scope.data.actualCapi?scope.data.actualCapi+'万元人民币':'--' }} {{ scope.data.actualCapi? `${scope.data.actualCapi}${scope.data.actualCapiUnit}` :'--' }}
</span> </span>
</template> </template>
<template slot="colleguesNum" slot-scope="scope"> <template slot="colleguesNum" slot-scope="scope">
...@@ -28,23 +27,16 @@ ...@@ -28,23 +27,16 @@
</span> </span>
</template> </template>
</info-table> </info-table>
<tables <tables :tableLoading="tableLoading" :tableData="tableData" :tableDataTotal="tableDataTotal" :forData="forData"
:tableLoading="tableLoading" @handle-current-change="handleCurrentChange" :queryParams="queryParams" v-if="activeName=='second'" />
:tableData="tableData"
:tableDataTotal="tableDataTotal"
:forData="forData"
@handle-current-change="handleCurrentChange"
:queryParams="queryParams"
v-if="activeName=='second'"
/>
</div> </div>
</template> </template>
<script> <script>
import mixin from '../mixins/mixin' import mixin from '../mixins/mixin';
import dataRegion from '@/assets/json/dataRegion' import dataRegion from '@/assets/json/dataRegion';
import InfoTable from '../component/infoTable' import InfoTable from '../component/infoTable';
import {icInfo, changeInfo} from "@/api/detail/party-a/overview" import { icInfo, changeInfo } from "@/api/detail/party-a/overview";
export default { export default {
name: 'Businfo', name: 'Businfo',
props: ['companyId'], props: ['companyId'],
...@@ -87,63 +79,63 @@ export default { ...@@ -87,63 +79,63 @@ export default {
{ name: '经营范围', prop: 'scope', style: true } { name: '经营范围', prop: 'scope', style: true }
], ],
forData: [ forData: [
{label: '变更日期', prop: 'changeDate', width: '100'}, { label: '变更日期', prop: 'changeDate', width: '100' },
{label: '变更事项', prop: 'type'}, { label: '变更事项', prop: 'type' },
{label: '变更前', prop: 'beforeContent'}, { label: '变更前', prop: 'beforeContent' },
{label: '变更后', prop: 'afterContent'} { label: '变更后', prop: 'afterContent' }
], ],
//列表 //列表
tableLoading:false, tableLoading: false,
tableData:[], tableData: [],
tableDataTotal:0 tableDataTotal: 0
} };
}, },
created() { created() {
this.handleQuery(); this.handleQuery();
this.handleQuery1(); this.handleQuery1();
}, },
methods: { methods: {
handleClick(){ handleClick() {
if(this.activeName=='first'){ if (this.activeName == 'first') {
this.handleQuery() this.handleQuery();
}else{ } else {
this.handleQuery1() this.handleQuery1();
} }
}, },
async handleQuery(params,flag) { async handleQuery(params, flag) {
if(flag){ if (flag) {
return this.handleQuery1(params) return this.handleQuery1(params);
} }
this.isSkeleton = true; this.isSkeleton = true;
this.tableLoading = true this.tableLoading = true;
let param = this.baseParams; let param = this.baseParams;
let res = await icInfo(param); let res = await icInfo(param);
this.tableLoading = false this.tableLoading = false;
if(res.code==200){ if (res.code == 200) {
this.isSkeleton = false; this.isSkeleton = false;
this.forInfo = res.data this.forInfo = res.data;
} }
}, },
async handleQuery1(params) { async handleQuery1(params) {
let param = params?params:this.queryParams let param = params ? params : this.queryParams;
let res = await changeInfo(param) let res = await changeInfo(param);
if(res.code==200){ if (res.code == 200) {
this.tableData = res.rows; this.tableData = res.rows;
this.tableDataTotal = res.total this.tableDataTotal = res.total;
} }
}, },
showRegion(region){ showRegion(region) {
if(region) { if (region) {
let list = dataRegion let list = dataRegion;
let areaText = '' let areaText = '';
list.forEach(item => { list.forEach(item => {
if(item.id == region) { if (item.id == region) {
areaText = item.regionName areaText = item.regionName;
} }
}) });
return areaText return areaText;
}else { } else {
return '--' return '--';
} }
} }
} }
...@@ -151,22 +143,22 @@ export default { ...@@ -151,22 +143,22 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.detail-container{ .detail-container {
margin: 0; margin: 0;
padding: 16px; padding: 16px;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
.detail-tab{ .detail-tab {
margin: 0 0 0 -16px; margin: 0 0 0 -16px;
::v-deep .el-tabs__nav-wrap::after{ ::v-deep .el-tabs__nav-wrap::after {
display: none; display: none;
} }
::v-deep .el-tabs__item{ ::v-deep .el-tabs__item {
font-size: 16px; font-size: 16px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
padding: 0 16px; padding: 0 16px;
&.is-active{ &.is-active {
font-weight: bold; font-weight: bold;
} }
} }
......
dsk-operate-ui/src/views/market/index.vue
View file @ ab968a5d
<template> <template>
<div v-loading="loading" class="market-container"> <div v-loading="loading" class="market-container">
<iframe id="companyIframe" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%" :style="{height:iframeHight+'px'}" <!-- <iframe id="companyIframe" class="market-iframe" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%" :style="{ height: iframeHight + 'px' }"
:src="src" /> :src="src" /> -->
<iframe id="companyIframe" class="market-iframe" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" width="100%" :src="src" />
<transition name="fade" mode="out-in" appear>
<max-page-size-tip v-if="showMaxPageTip" @closeMaxTip="showMaxPageTip = false"></max-page-size-tip>
</transition>
</div> </div>
</template> </template>
<script> <script>
import { steerScroll } from '@/assets/js/jskplug'; import { steerScroll } from '@/assets/js/jskplug';
import { dskAccessToken } from '@/api/common'; import { dskAccessToken } from '@/api/common';
import MaxPageSizeTip from "@/views/components/MaxPageSizeTip.vue";
export default { export default {
name: 'Enterprise', name: 'Enterprise',
components: { components: {
MaxPageSizeTip
}, },
data() { data() {
return { return {
...@@ -28,27 +33,38 @@ export default { ...@@ -28,27 +33,38 @@ export default {
ak: 'aec7b3ff2y2q8x6t49a7e2c463ce21912', // 需要携带的sdkId ak: 'aec7b3ff2y2q8x6t49a7e2c463ce21912', // 需要携带的sdkId
timelongs: 7200,//刷新token时间 timelongs: 7200,//刷新token时间
tokentimer: null, tokentimer: null,
showMaxPageTip: false,
}; };
}, },
created() { created() {
if(window.location.host === 'http://szh.jiansheku.com' || window.location.host === 'szh.jiansheku.com'){ if (window.location.host === 'http://szh.jiansheku.com' || window.location.host === 'szh.jiansheku.com') {
this.domain='https://plug.jiansheku.com' this.domain = 'https://plug.jiansheku.com';
}else { } else {
this.domain='https://pre-plug.jiansheku.com' this.domain='https://pre-plug.jiansheku.com'
// this.domain='http://192.168.60.8:3400' // this.domain='http://192.168.60.8:3400'
} }
this.gettokens(); this.gettokens();
window.addEventListener("message", this.pagecapListener, { passive: true });
}, },
mounted() { mounted() {
this.iframeLoading(); // 判断iframe页面是否加载完成-当前页控制 // this.iframeLoading(); // 判断iframe页面是否加载完成-当前页控制
steerScroll('companyIframe', this.navigation, this.footHeight, true); // iframeId: iframe的id；navigation:页面排除iframe后剩下的顶部高度；footHeight: 页面排除iframe后剩下的底部高度；state:监听or移除监听；parentId: 父级id[不带默认就是铺满整个页面]];_this:指向当前实例（可忽略） // steerScroll('companyIframe', this.navigation, this.footHeight, true); // iframeId: iframe的id；navigation:页面排除iframe后剩下的顶部高度；footHeight: 页面排除iframe后剩下的底部高度；state:监听or移除监听；parentId: 父级id[不带默认就是铺满整个页面]];_this:指向当前实例（可忽略）
}, },
beforeDestroy() { beforeDestroy() {
clearInterval(this.iframeTimer); // -当前页控制 clearInterval(this.iframeTimer); // -当前页控制
steerScroll('companyIframe', this.navigation, this.footHeight); // iframeId: iframe的id；navigation:页面排除iframe后剩下的顶部高度；footHeight: 页面排除iframe后剩下的底部高度；state:监听or移除监听；parentId: 父级id[不带默认就是铺满整个页面]];_this:指向当前实例（可忽略） steerScroll('companyIframe', this.navigation, this.footHeight); // iframeId: iframe的id；navigation:页面排除iframe后剩下的顶部高度；footHeight: 页面排除iframe后剩下的底部高度；state:监听or移除监听；parentId: 父级id[不带默认就是铺满整个页面]];_this:指向当前实例（可忽略）
clearInterval(this.tokentimer); clearInterval(this.tokentimer);
window.removeEventListener("message", this.pagecapListener, { passive: true });
}, },
methods: { methods: {
// 列表翻页上限
pagecapListener(e) {
const { origin, data } = e;
if (origin.indexOf(this.domain) < 0) return;
if (data == "pageCurrentMaxSize") {
this.showMaxPageTip = true;
}
},
gettokens() { gettokens() {
dskAccessToken().then(res => { dskAccessToken().then(res => {
if (res.code == 200) { if (res.code == 200) {
...@@ -89,14 +105,19 @@ export default { ...@@ -89,14 +105,19 @@ export default {
}); });
} }
} }
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.market-container { .market-container {
width: 100%; width: 100%;
height: 100%;
padding: 16px 24px; padding: 16px 24px;
padding-right: 15px;
box-sizing: border-box; box-sizing: border-box;
.market-iframe {
width: 100%;
height: 100%;
}
} }
</style> </style>
dsk-operate-ui/src/views/project/projectList/component/xgqy.vue
View file @ ab968a5d
...@@ -8,9 +8,18 @@ ...@@ -8,9 +8,18 @@
<el-option v-for="(item,index) in companytype" :label="item.dictLabel" :value="item.dictValue"></el-option> <el-option v-for="(item,index) in companytype" :label="item.dictLabel" :value="item.dictValue"></el-option>
</el-select> </el-select>
<div class="searchInput small"> <div class="searchInput small">
<el-input type="text" placeholder="输入关键词查询" clearable v-model="searchParam.companyName"> <div class="normal-search-container" @click="showSearchBox = true" v-if="!showSearchBox">
<i slot="prefix" class="el-input__icon"><img src="@/assets/images/project/sousuo.png" @click="handleCurrentChange(1)"></i></el-input> <img src="@/assets/images/enterprise/enterprise-search-icon.svg" alt="">
<!--<div class="btn" @click="handleCurrentChange(1)">搜索</div>--> <span>输入关键词查询</span>
</div>
<!--&lt;!&ndash; 输入框展开后样式 &ndash;&gt;-->
<transition @enter="onEnter" appear mode="out-in">
<div class="cooperate-name enterprise-search-container" id="focus1" v-if="showSearchBox">
<el-input clearable @clear="handleCurrentChange(1)" @focus="clickFocus('focus1')" @blur="clickFocus('focus1')" v-model="searchParam.companyName"
placeholder="输入关键词查询"></el-input>
<span @click="handleCurrentChange(1)">搜索</span>
</div>
</transition>
</div> </div>
<div class="btn btn_primary h32 b3" @click="opennew" v-if="isDisableds == false"><div class="img img1"></div>添加相关企业</div> <div class="btn btn_primary h32 b3" @click="opennew" v-if="isDisableds == false"><div class="img img1"></div>添加相关企业</div>
</div> </div>
...@@ -187,6 +196,7 @@ ...@@ -187,6 +196,7 @@
import { addXGQY, delXGQY, getXGQY, saveXGQY } from '@/api/project/project' import { addXGQY, delXGQY, getXGQY, saveXGQY } from '@/api/project/project'
import { getDictType, getEnterprise } from '@/api/main' import { getDictType, getEnterprise } from '@/api/main'
import skeleton from './skeleton' import skeleton from './skeleton'
import gsap from "gsap";
export default { export default {
components:{skeleton}, components:{skeleton},
...@@ -241,6 +251,7 @@ ...@@ -241,6 +251,7 @@
showlist:false, showlist:false,
companData:[], companData:[],
isSkeleton:true, isSkeleton:true,
showSearchBox:false,
} }
}, },
created(){ created(){
...@@ -253,6 +264,10 @@ ...@@ -253,6 +264,10 @@
mounted(){ mounted(){
}, },
methods:{ methods:{
clickFocus(e) {
document.getElementById(e).classList.toggle('span-ba');
},
getDetail(row){ getDetail(row){
this.isedit = true this.isedit = true
this.hzhbVisible = true this.hzhbVisible = true
...@@ -358,6 +373,21 @@ ...@@ -358,6 +373,21 @@
remark:'', remark:'',
} }
}, },
onEnter(el, done) {
gsap.from(el, {
opacity: 0,
width: 0,
});
gsap.to(el, {
opacity: 1,
width: 242,
onComplete() {
// 完成动画聚焦输入框
el.querySelector("input").focus();
done();
}
});
},
} }
} }
</script> </script>
...@@ -378,6 +408,79 @@ ...@@ -378,6 +408,79 @@
.searchInput .el-input{ .searchInput .el-input{
width: 68%; width: 68%;
} }
.searchInput.small{
width: 257px;
}
.searchInput{
.normal-search-container {
display: flex;
align-items: center;
cursor: pointer;
height: 34px;
&:hover {
& > span {
color: #0081ff;
}
}
& > img {
width: 16px;
height: 16px;
margin-left: 12px;
}
& > span {
color: #232323;
color: rgba(35, 35, 35, 0.4);
font-weight: 400;
margin-left: 8px;
line-height: 22px;
font-size: 14px;
}
}
.cooperate-name {
display: flex;
border-radius: 2px;
border: 1px solid #d9d9d9;
line-height: 30px;
height: 30px;
float: left;
width: 100%;
span {
width: 60px;
height: 28px;
line-height: 28px;
font-size: 14px;
background: #f5f5f5;
text-align: center;
color: #0081ff;
border: 1px solid #efefef;
border-left: 0;
cursor: pointer;
}
&.span-ba {
border: 1px solid #0081ff;
span {
color: #ffffff;
background: #0081ff;
border: 1px solid #0081ff;
}
}
::v-deep .el-input {
flex: 1;
}
::v-deep .el-input__inner {
border: 0;
line-height: 28px;
height: 28px;
position: absolute;
top: 1px;
padding-right: 28px;
font-size: 12px;
padding-left: 8px;
}
}
}
.w102{ .w102{
width: 102px; width: 102px;
} }
......
dsk-operate-ui/src/views/project/projectList/component/zlwd.vue
View file @ ab968a5d
...@@ -4,12 +4,19 @@ ...@@ -4,12 +4,19 @@
<el-card class="box-card noborder"> <el-card class="box-card noborder">
<div class="cardtitles">资料文档</div> <div class="cardtitles">资料文档</div>
<div class="searchbtns"> <div class="searchbtns">
<!--<div class="searchbtns" v-if="fileDatas.rows != null && fileDatas.rows.length>0">-->
<div class="searchInput small"> <div class="searchInput small">
<el-input type="text" v-model="param.keyword" clearable placeholder="输入关键词查询"> <div class="normal-search-container" @click="showSearchBox = true" v-if="!showSearchBox">
<i slot="prefix" class="el-input__icon"><img src="@/assets/images/project/sousuo.png" @click="handleCurrentChange(1)"></i> <img src="@/assets/images/enterprise/enterprise-search-icon.svg" alt="">
</el-input> <span>输入关键词查询</span>
<!--<div class="btn" @click="handleCurrentChange(1)">搜索</div>--> </div>
<!--&lt;!&ndash; 输入框展开后样式 &ndash;&gt;-->
<transition @enter="onEnter" appear mode="out-in">
<div class="cooperate-name enterprise-search-container" id="focus1" v-if="showSearchBox">
<el-input clearable @clear="handleCurrentChange(1)" @focus="clickFocus('focus1')" @blur="clickFocus('focus1')" v-model="param.keyword"
placeholder="输入关键词查询"></el-input>
<span @click="handleCurrentChange(1)">搜索</span>
</div>
</transition>
</div> </div>
<!--<div class="btn btn_primary h32 b2" @click="getUP" v-if="fileDatas.total>0"><div class="img img2"></div>上传</div>--> <!--<div class="btn btn_primary h32 b2" @click="getUP" v-if="fileDatas.total>0"><div class="img img2"></div>上传</div>-->
...@@ -154,6 +161,7 @@ ...@@ -154,6 +161,7 @@
import { getToken } from '@/utils/auth' import { getToken } from '@/utils/auth'
import { delZLWD, getZLWD } from '@/api/project/project' import { delZLWD, getZLWD } from '@/api/project/project'
import skeleton from './skeleton' import skeleton from './skeleton'
import gsap from "gsap";
export default { export default {
components:{skeleton}, components:{skeleton},
...@@ -188,6 +196,7 @@ ...@@ -188,6 +196,7 @@
isDisableds:this.isDisabled, isDisableds:this.isDisabled,
keys:1, keys:1,
isSkeleton:true, isSkeleton:true,
showSearchBox:false,
} }
}, },
created(){ created(){
...@@ -195,6 +204,24 @@ ...@@ -195,6 +204,24 @@
// console.log(this.$ref) // console.log(this.$ref)
}, },
methods:{ methods:{
clickFocus(e) {
document.getElementById(e).classList.toggle('span-ba');
},
onEnter(el, done) {
gsap.from(el, {
opacity: 0,
width: 0,
});
gsap.to(el, {
opacity: 1,
width: 242,
onComplete() {
// 完成动画聚焦输入框
el.querySelector("input").focus();
done();
}
});
},
getall(){ getall(){
this.param.filePath = this.detailId ? this.detailId : this.$route.query.id this.param.filePath = this.detailId ? this.detailId : this.$route.query.id
this.filename='' this.filename=''
...@@ -316,6 +343,79 @@ ...@@ -316,6 +343,79 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.searchInput.small{
width: 257px;
}
.searchInput{
.normal-search-container {
display: flex;
align-items: center;
cursor: pointer;
height: 34px;
&:hover {
& > span {
color: #0081ff;
}
}
& > img {
width: 16px;
height: 16px;
margin-left: 12px;
}
& > span {
color: #232323;
color: rgba(35, 35, 35, 0.4);
font-weight: 400;
margin-left: 8px;
line-height: 22px;
font-size: 14px;
}
}
.cooperate-name {
display: flex;
border-radius: 2px;
border: 1px solid #d9d9d9;
line-height: 30px;
height: 30px;
float: left;
width: 100%;
span {
width: 60px;
height: 28px;
line-height: 28px;
font-size: 14px;
background: #f5f5f5;
text-align: center;
color: #0081ff;
border: 1px solid #efefef;
border-left: 0;
cursor: pointer;
}
&.span-ba {
border: 1px solid #0081ff;
span {
color: #ffffff;
background: #0081ff;
border: 1px solid #0081ff;
}
}
::v-deep .el-input {
flex: 1;
}
::v-deep .el-input__inner {
border: 0;
line-height: 28px;
height: 28px;
position: absolute;
top: 1px;
padding-right: 28px;
font-size: 12px;
padding-left: 8px;
}
}
}
v-deep.el-upload:focus{ v-deep.el-upload:focus{
color: #FFFFFF !important; color: #FFFFFF !important;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment