Merge branch 'hi-ucs-dev' of http://15.2.21.221:3000/wuhongjian/hi-ucs into hi-ucs-dev
This commit is contained in:
commit
60bd1daf9b
|
@ -48,7 +48,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class='container-body8'>
|
<div class='container-body8'>
|
||||||
<span style='font-size:18px;color;#000000;'>应用领域分布情况</span>
|
<span style='font-size:18px;color;#000000;'>应用领域分布情况</span>
|
||||||
<div id="main8" style="width: 300px;height:200px;"></div>
|
<div id="main8" style="width: 300px;height:200px;margin-left:-20px;"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class='container-body9'>
|
<div class='container-body9'>
|
||||||
<span style='font-size:18px;color;#000000;'>应用状态分布情况</span>
|
<span style='font-size:18px;color;#000000;'>应用状态分布情况</span>
|
||||||
|
@ -114,8 +114,9 @@ export default {
|
||||||
getDistributedList () {
|
getDistributedList () {
|
||||||
this.$http.get('/census/center/v3/assemblerUseProjectInfo/' ,{
|
this.$http.get('/census/center/v3/assemblerUseProjectInfo/' ,{
|
||||||
params : {
|
params : {
|
||||||
keyId:'1522550195034857476'
|
id:
|
||||||
// this.tableId
|
// '1522550195034857476'
|
||||||
|
this.tableId
|
||||||
}
|
}
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
let arry=[]
|
let arry=[]
|
||||||
|
@ -147,8 +148,8 @@ export default {
|
||||||
arry=res.data.data
|
arry=res.data.data
|
||||||
arry.forEach((item)=>{
|
arry.forEach((item)=>{
|
||||||
const single={
|
const single={
|
||||||
value:item.useNum,
|
value:item.appNum,
|
||||||
name:item.name
|
name:item.attr_value
|
||||||
}
|
}
|
||||||
this.data3.push(single.name)
|
this.data3.push(single.name)
|
||||||
this.data4.push(single.value)
|
this.data4.push(single.value)
|
||||||
|
@ -377,7 +378,7 @@ export default {
|
||||||
var total = 0;
|
var total = 0;
|
||||||
var tarValue;
|
var tarValue;
|
||||||
for (var i = 0; i < data.length; i++) {
|
for (var i = 0; i < data.length; i++) {
|
||||||
total += data[i].value;
|
total += Number(data[i].value);
|
||||||
if (data[i].name == name) {
|
if (data[i].name == name) {
|
||||||
tarValue = data[i].value;
|
tarValue = data[i].value;
|
||||||
}
|
}
|
||||||
|
@ -599,7 +600,7 @@ export default {
|
||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
data: [5, 5, 5, 5, 5, 5],
|
data: [1, 1, 1, 1, 1, 1],
|
||||||
type: 'bar',
|
type: 'bar',
|
||||||
barWidth: 14,
|
barWidth: 14,
|
||||||
stack: '1',
|
stack: '1',
|
||||||
|
@ -654,7 +655,7 @@ export default {
|
||||||
var total = 0;
|
var total = 0;
|
||||||
var tarValue;
|
var tarValue;
|
||||||
for (var i = 0; i < data.length; i++) {
|
for (var i = 0; i < data.length; i++) {
|
||||||
total += data[i].value;
|
total += Number(data[i].value);
|
||||||
if (data[i].name == name) {
|
if (data[i].name == name) {
|
||||||
tarValue = data[i].value;
|
tarValue = data[i].value;
|
||||||
}
|
}
|
||||||
|
@ -725,7 +726,7 @@ export default {
|
||||||
var total = 0;
|
var total = 0;
|
||||||
var tarValue;
|
var tarValue;
|
||||||
for (var i = 0; i < data.length; i++) {
|
for (var i = 0; i < data.length; i++) {
|
||||||
total += data[i].value;
|
total += Number(data[i].value);
|
||||||
if (data[i].name == name) {
|
if (data[i].name == name) {
|
||||||
tarValue = data[i].value;
|
tarValue = data[i].value;
|
||||||
}
|
}
|
||||||
|
@ -804,7 +805,7 @@ export default {
|
||||||
var total = 0;
|
var total = 0;
|
||||||
var tarValue;
|
var tarValue;
|
||||||
for (var i = 0; i < data.length; i++) {
|
for (var i = 0; i < data.length; i++) {
|
||||||
total += data[i].value;
|
total += Number(data[i].value);
|
||||||
if (data[i].name == name) {
|
if (data[i].name == name) {
|
||||||
tarValue = data[i].value;
|
tarValue = data[i].value;
|
||||||
}
|
}
|
||||||
|
@ -822,9 +823,9 @@ export default {
|
||||||
a: {
|
a: {
|
||||||
// 设置文字、数学、英语这一列的样式
|
// 设置文字、数学、英语这一列的样式
|
||||||
width: 80,
|
width: 80,
|
||||||
color: "#000000",
|
color: "#666666",
|
||||||
fontSize: 12,
|
fontSize: 12,
|
||||||
fontWeight: "bolder",
|
// fontWeight: "bolder",
|
||||||
},
|
},
|
||||||
b: {
|
b: {
|
||||||
// 设置10分、20分、30分这一列的样式
|
// 设置10分、20分、30分这一列的样式
|
||||||
|
@ -899,7 +900,7 @@ export default {
|
||||||
var total = 0;
|
var total = 0;
|
||||||
var tarValue;
|
var tarValue;
|
||||||
for (var i = 0; i < data.length; i++) {
|
for (var i = 0; i < data.length; i++) {
|
||||||
total += data[i].value;
|
total += Number(data[i].value);
|
||||||
if (data[i].name == name) {
|
if (data[i].name == name) {
|
||||||
tarValue = data[i].value;
|
tarValue = data[i].value;
|
||||||
}
|
}
|
||||||
|
|
|
@ -200,7 +200,7 @@ export default {
|
||||||
this.$http.get('/census/center/v3/assemblerCaredTopInfo' ,{
|
this.$http.get('/census/center/v3/assemblerCaredTopInfo' ,{
|
||||||
params : {
|
params : {
|
||||||
id:this.tableId,
|
id:this.tableId,
|
||||||
resourceType:"应用资源"
|
resourceType:"组件服务"
|
||||||
// pageNo: pageNo || 1,
|
// pageNo: pageNo || 1,
|
||||||
// pageSize: 20
|
// pageSize: 20
|
||||||
}
|
}
|
||||||
|
@ -231,7 +231,7 @@ export default {
|
||||||
var total = 0;
|
var total = 0;
|
||||||
var tarValue;
|
var tarValue;
|
||||||
for (var i = 0; i < data.length; i++) {
|
for (var i = 0; i < data.length; i++) {
|
||||||
total += data[i].value;
|
total += Number(data[i].value);
|
||||||
if (data[i].name == name) {
|
if (data[i].name == name) {
|
||||||
tarValue = data[i].value;
|
tarValue = data[i].value;
|
||||||
}
|
}
|
||||||
|
@ -295,7 +295,7 @@ export default {
|
||||||
var total = 0;
|
var total = 0;
|
||||||
var tarValue;
|
var tarValue;
|
||||||
for (var i = 0; i < data.length; i++) {
|
for (var i = 0; i < data.length; i++) {
|
||||||
total += data[i].value;
|
total += Number(data[i].value);
|
||||||
if (data[i].name == name) {
|
if (data[i].name == name) {
|
||||||
tarValue = data[i].value;
|
tarValue = data[i].value;
|
||||||
}
|
}
|
||||||
|
@ -361,7 +361,7 @@ export default {
|
||||||
var total = 0;
|
var total = 0;
|
||||||
var tarValue;
|
var tarValue;
|
||||||
for (var i = 0; i < data.length; i++) {
|
for (var i = 0; i < data.length; i++) {
|
||||||
total += data[i].value;
|
total += Number(data[i].value);
|
||||||
if (data[i].name == name) {
|
if (data[i].name == name) {
|
||||||
tarValue = data[i].value;
|
tarValue = data[i].value;
|
||||||
}
|
}
|
||||||
|
@ -377,9 +377,9 @@ export default {
|
||||||
a: {
|
a: {
|
||||||
// 设置文字、数学、英语这一列的样式
|
// 设置文字、数学、英语这一列的样式
|
||||||
width: 100,
|
width: 100,
|
||||||
color: "#000000",
|
color: "#666666",
|
||||||
fontSize: 12,
|
fontSize: 12,
|
||||||
fontWeight: "bolder",
|
// fontWeight: "bolder",
|
||||||
},
|
},
|
||||||
b: {
|
b: {
|
||||||
// 设置10分、20分、30分这一列的样式
|
// 设置10分、20分、30分这一列的样式
|
||||||
|
|
|
@ -17,11 +17,11 @@
|
||||||
</div>
|
</div>
|
||||||
<div class='container-body3'>
|
<div class='container-body3'>
|
||||||
<span style='font-size:18px;color;#000000;'>使用组件应用领域分布情况</span>
|
<span style='font-size:18px;color;#000000;'>使用组件应用领域分布情况</span>
|
||||||
<div id="main8" style="width: 400px;height:200px;"></div>
|
<div id="main3" style="width: 400px;height:200px;"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class='container-body4'>
|
<div class='container-body4'>
|
||||||
<div style='margin-bottom:30px'>
|
<div style='margin-bottom:30px'>
|
||||||
<span style='font-size:18px;color;#000000;'>被调用组件及数量</span>
|
<span style='font-size:18px;color;#000000;'>Top5使用组件</span>
|
||||||
<img src="@/assets/img/TOP5.png" style='margin-left:10px'>
|
<img src="@/assets/img/TOP5.png" style='margin-left:10px'>
|
||||||
</div>
|
</div>
|
||||||
<div v-for="(item,index) in usedList" :key='index' >
|
<div v-for="(item,index) in usedList" :key='index' >
|
||||||
|
@ -30,13 +30,13 @@
|
||||||
<span style='font-weight:bold' :style="{color:numColorList[index%5]}">{{index+1}}</span>
|
<span style='font-weight:bold' :style="{color:numColorList[index%5]}">{{index+1}}</span>
|
||||||
</div>
|
</div>
|
||||||
<span class='num-style'>{{item.name}}</span>
|
<span class='num-style'>{{item.name}}</span>
|
||||||
<span class='count-style' :style="{color:numColorList[index%5]}">{{item.resourceCarNum}}</span>
|
<span class='count-style' :style="{color:numColorList[index%5]}">{{item.useNum}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class='container-body5'>
|
<div class='container-body5'>
|
||||||
<div style='margin-bottom:30px'>
|
<div style='margin-bottom:30px'>
|
||||||
<span style='font-size:18px;color;#000000;'>被申请组件及数量</span>
|
<span style='font-size:18px;color;#000000;'>使用组件评分</span>
|
||||||
<img src="@/assets/img/TOP5.png" style='margin-left:10px'>
|
<img src="@/assets/img/TOP5.png" style='margin-left:10px'>
|
||||||
</div>
|
</div>
|
||||||
<div v-for="(item,index) in applicationList" :key='index' >
|
<div v-for="(item,index) in applicationList" :key='index' >
|
||||||
|
@ -45,7 +45,7 @@
|
||||||
<span style='font-weight:bold' :style="{color:numColorList[index%5]}">{{index+1}}</span>
|
<span style='font-weight:bold' :style="{color:numColorList[index%5]}">{{index+1}}</span>
|
||||||
</div>
|
</div>
|
||||||
<span class='num-style'>{{item.name}}</span>
|
<span class='num-style'>{{item.name}}</span>
|
||||||
<span class='count-style' :style="{color:numColorList[index%5]}">{{item.resourceCarNum}}</span>
|
<span class='count-style' :style="{color:numColorList[index%5]}">{{item.score}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -86,8 +86,8 @@ export default {
|
||||||
colorList:['linear-gradient(to right, rgba(251, 59, 5,0.6),transparent)', 'linear-gradient(to right,rgba(251, 123, 5),transparent)','linear-gradient(to right,rgba(250, 179, 2,.6),transparent)','linear-gradient(to right,rgba(82, 106, 255,.6),transparent','linear-gradient(to right,rgba(82, 106, 255,.6),transparent)',],
|
colorList:['linear-gradient(to right, rgba(251, 59, 5,0.6),transparent)', 'linear-gradient(to right,rgba(251, 123, 5),transparent)','linear-gradient(to right,rgba(250, 179, 2,.6),transparent)','linear-gradient(to right,rgba(82, 106, 255,.6),transparent','linear-gradient(to right,rgba(82, 106, 255,.6),transparent)',],
|
||||||
widthList:['90px','80px','70px','60px','50px'],
|
widthList:['90px','80px','70px','60px','50px'],
|
||||||
numColorList:['#fc5656','#ff8a00','#f9af0a','#808fff','#808fff'],
|
numColorList:['#fc5656','#ff8a00','#f9af0a','#808fff','#808fff'],
|
||||||
usedList:[{name:'组件名称一',resourceCarNum:111},{name:'组件名称一',resourceCarNum:111},{name:'组件名称一',resourceCarNum:111},{name:'组件名称四',resourceCarNum:111},{name:'组件名称五',resourceCarNum:111},],
|
usedList:[{name:'组件名称一',useNum:111},{name:'组件名称一',useNum:111},{name:'组件名称一',useNum:111},{name:'组件名称四',useNum:111},{name:'组件名称五',useNum:111},],
|
||||||
applicationList:[{name:'组件名称一',resourceCarNum:111},{name:'组件名称一',resourceCarNum:111},{name:'组件名称一',resourceCarNum:111},{name:'组件名称四',resourceCarNum:111},{name:'组件名称五',resourceCarNum:111},]
|
applicationList:[{name:'组件名称一',score:111},{name:'组件名称一',score:111},{name:'组件名称一',score:111},{name:'组件名称四',score:111},{name:'组件名称五',score:111},]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created(){
|
created(){
|
||||||
|
@ -161,10 +161,10 @@ export default {
|
||||||
},
|
},
|
||||||
// 应用领域分布
|
// 应用领域分布
|
||||||
getDistributed () {
|
getDistributed () {
|
||||||
this.$http.get('/census/center/v3/applicationAreaCapabilityList' ,{
|
this.$http.get('/census/center/v3/applicationUsedAreaCapabilityList' ,{
|
||||||
params : {
|
params : {
|
||||||
id:this.tableId,
|
id:this.tableId,
|
||||||
resourceType:"应用资源"
|
resourceType:"组件服务"
|
||||||
}
|
}
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
let arry=[]
|
let arry=[]
|
||||||
|
@ -174,30 +174,28 @@ export default {
|
||||||
value:item.total,
|
value:item.total,
|
||||||
name:item.type
|
name:item.type
|
||||||
}
|
}
|
||||||
const newList=[]
|
|
||||||
this.data3.push(single)
|
this.data3.push(single)
|
||||||
// this.data2=newList
|
|
||||||
this.myEcharts3()
|
this.myEcharts3()
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
},
|
},
|
||||||
// 被调用组件及数量
|
// top5使用组件
|
||||||
getBeCalled () {
|
getBeCalled () {
|
||||||
this.$http.get('/census/center/v3/assemblerCaredTopInfo' ,{
|
this.$http.get('/census/center/v3/assemblerUseTopInfo' ,{
|
||||||
params : {
|
params : {
|
||||||
id:this.tableId,
|
id:this.tableId,
|
||||||
resourceType:"应用资源"
|
resourceType:"组件服务"
|
||||||
// pageNo: pageNo || 1,
|
// pageNo: pageNo || 1,
|
||||||
// pageSize: 20
|
// pageSize: 20
|
||||||
}
|
}
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
this.applicationList =res.data.data
|
this.usedList =res.data.data
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 被申请组件及数量
|
// 使用组件评分5
|
||||||
getBeApplied () {
|
getBeApplied () {
|
||||||
this.$http.get('/census/center/v3/assemblerCaredTopInfo' ,{
|
this.$http.get('/census/center/v3/assemblerUseScoreTopInfo' ,{
|
||||||
params : {
|
params : {
|
||||||
id:this.tableId,
|
id:this.tableId,
|
||||||
resourceType:"应用资源"
|
resourceType:"应用资源"
|
||||||
|
@ -231,7 +229,7 @@ export default {
|
||||||
var total = 0;
|
var total = 0;
|
||||||
var tarValue;
|
var tarValue;
|
||||||
for (var i = 0; i < data.length; i++) {
|
for (var i = 0; i < data.length; i++) {
|
||||||
total += data[i].value;
|
total += Number(data[i].value);
|
||||||
if (data[i].name == name) {
|
if (data[i].name == name) {
|
||||||
tarValue = data[i].value;
|
tarValue = data[i].value;
|
||||||
}
|
}
|
||||||
|
@ -295,7 +293,7 @@ export default {
|
||||||
var total = 0;
|
var total = 0;
|
||||||
var tarValue;
|
var tarValue;
|
||||||
for (var i = 0; i < data.length; i++) {
|
for (var i = 0; i < data.length; i++) {
|
||||||
total += data[i].value;
|
total += Number(data[i].value);
|
||||||
if (data[i].name == name) {
|
if (data[i].name == name) {
|
||||||
tarValue = data[i].value;
|
tarValue = data[i].value;
|
||||||
}
|
}
|
||||||
|
@ -361,13 +359,14 @@ export default {
|
||||||
var total = 0;
|
var total = 0;
|
||||||
var tarValue;
|
var tarValue;
|
||||||
for (var i = 0; i < data.length; i++) {
|
for (var i = 0; i < data.length; i++) {
|
||||||
total += data[i].value;
|
total += Number(data[i].value);
|
||||||
if (data[i].name == name) {
|
if (data[i].name == name) {
|
||||||
tarValue = data[i].value;
|
tarValue = data[i].value;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
var v = tarValue;
|
// var v = tarValue;
|
||||||
var p = Math.round(((tarValue / total) * 100));
|
var p = Math.round(((tarValue / total) * 100));
|
||||||
|
console.log('@@@@', tarValue, total)
|
||||||
return `{a|${name}} {b|${p}%}`;
|
return `{a|${name}} {b|${p}%}`;
|
||||||
},
|
},
|
||||||
itemStyle:{},
|
itemStyle:{},
|
||||||
|
@ -428,7 +427,7 @@ export default {
|
||||||
option && myChart.setOption(option);
|
option && myChart.setOption(option);
|
||||||
},
|
},
|
||||||
backBtn(){
|
backBtn(){
|
||||||
this.$emit('closeChild')
|
this.$emit('closeChild2')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -541,9 +540,13 @@ export default {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-left:90px;
|
margin-left:90px;
|
||||||
|
width:200px;
|
||||||
margin-top:5px;
|
margin-top:5px;
|
||||||
color:#333333;
|
color:#333333;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
.count-style{
|
.count-style{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
|
|
|
@ -50,46 +50,56 @@
|
||||||
label="部门名称"
|
label="部门名称"
|
||||||
min-width="100%">
|
min-width="100%">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column v-if='this.departmentId===1'
|
||||||
prop="resourceNum"
|
prop="resourceNum"
|
||||||
label="发布总数"
|
label="发布总数"
|
||||||
min-width="100%">
|
min-width="100%">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column v-if="this.choseId===0"
|
<el-table-column v-if="this.choseId===0 && this.departmentId===1 "
|
||||||
prop="resourceCarNum"
|
prop="resourceCarNum"
|
||||||
label="被申请总数"
|
label="被申请总数"
|
||||||
min-width="100%">
|
min-width="100%">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column v-if="this.departmentId===1"
|
||||||
prop="resourceBrowseNum"
|
prop="resourceBrowseNum"
|
||||||
label="浏览总量"
|
label="浏览总量"
|
||||||
min-width="100%">
|
min-width="100%">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column v-if="this.departmentId===1"
|
||||||
prop="resourceCollectionNum"
|
prop="resourceCollectionNum"
|
||||||
label="收藏量"
|
label="收藏量"
|
||||||
min-width="100%">
|
min-width="100%">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column v-if="this.choseId===0"
|
<el-table-column v-if="this.choseId===0 && this.departmentId===1 "
|
||||||
prop="resourceVisits"
|
prop="resourceVisits"
|
||||||
label="被调用总数"
|
label="被调用总数"
|
||||||
min-width="100%">
|
min-width="100%">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column v-if="this.choseId===0"
|
<el-table-column v-if="this.choseId===0 && this.departmentId===1 "
|
||||||
prop="resourceRelNum"
|
prop="resourceRelNum"
|
||||||
label="被应用总数"
|
label="被应用总数"
|
||||||
min-width="100%">
|
min-width="100%">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column v-if="this.choseId===0"
|
<el-table-column v-if="this.choseId===0 && this.departmentId===1 "
|
||||||
prop="resourceShareNum"
|
prop="resourceShareNum"
|
||||||
label="需申请数量"
|
label="需申请数量"
|
||||||
min-width="100%">
|
min-width="100%">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column v-if="this.choseId===0"
|
<el-table-column v-if="this.choseId===0 && this.departmentId===1 "
|
||||||
prop="resourceShareNonNum"
|
prop="resourceShareNonNum"
|
||||||
label="免批数量"
|
label="免批数量"
|
||||||
min-width="100%">
|
min-width="100%">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column v-if="this.departmentId===2"
|
||||||
|
prop="resourceUseNum"
|
||||||
|
label="使用总数"
|
||||||
|
min-width="100%">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column v-if="this.departmentId===2"
|
||||||
|
prop="resourceCallNum"
|
||||||
|
label="申请总数"
|
||||||
|
min-width="100%">
|
||||||
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="操作"
|
label="操作"
|
||||||
min-width="92%">
|
min-width="92%">
|
||||||
|
@ -111,14 +121,13 @@
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
<component-used v-if='UsedIsShow' :tableId='tableId' :fatherId='fatherId' @closeChild='closeChild'></component-used>
|
<component-used v-if='UsedIsShow' :tableId='tableId' :fatherId='fatherId' @closeChild2='closeChild2'></component-used>
|
||||||
<component-services v-if='servicesIsShow' :tableId='tableId' :fatherId='fatherId' @closeChild='closeChild'></component-services>
|
<component-services v-if='servicesIsShow' :tableId='tableId' :fatherId='fatherId' @closeChild='closeChild'></component-services>
|
||||||
<application-resources v-if='resourcesIsShow' :tableId='tableId' :fatherId='fatherId' @closeApplication='closeApplication'></application-resources>
|
<application-resources v-if='resourcesIsShow' :tableId='tableId' :fatherId='fatherId' @closeApplication='closeApplication'></application-resources>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import componentServices from './componentServices.vue'
|
import componentServices from './componentServices.vue'
|
||||||
import componentUsed from './componentUsed.vue'
|
|
||||||
import applicationResources from './applicationResources.vue'
|
import applicationResources from './applicationResources.vue'
|
||||||
import ComponentUsed from './componentUsed.vue'
|
import ComponentUsed from './componentUsed.vue'
|
||||||
export default {
|
export default {
|
||||||
|
@ -216,7 +225,7 @@ export default {
|
||||||
// pageSize: 20
|
// pageSize: 20
|
||||||
}
|
}
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
// this.tableData =res.data.data
|
this.tableData =res.data.data
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// // 获取部门列表
|
// // 获取部门列表
|
||||||
|
@ -244,7 +253,7 @@ export default {
|
||||||
resourceType:'组件服务'
|
resourceType:'组件服务'
|
||||||
}
|
}
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
// this.tableData =res.data.data.list
|
this.tableData =res.data.data.list
|
||||||
this.total = res.data.data.total
|
this.total = res.data.data.total
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
@ -258,7 +267,7 @@ export default {
|
||||||
resourceType:'组件服务'
|
resourceType:'组件服务'
|
||||||
}
|
}
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
// this.tableData =res.data.data.list
|
this.tableData =res.data.data.list
|
||||||
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
@ -272,7 +281,7 @@ export default {
|
||||||
resourceType:'应用资源'
|
resourceType:'应用资源'
|
||||||
}
|
}
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
// this.tableData =res.data.data.list
|
this.tableData =res.data.data.list
|
||||||
this.total = res.data.data.total
|
this.total = res.data.data.total
|
||||||
|
|
||||||
})
|
})
|
||||||
|
@ -287,7 +296,7 @@ export default {
|
||||||
resourceType:'应用资源'
|
resourceType:'应用资源'
|
||||||
}
|
}
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
// this.tableData =res.data.data.list
|
this.tableData =res.data.data.list
|
||||||
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
@ -304,13 +313,12 @@ export default {
|
||||||
this.tableId=row.deptId
|
this.tableId=row.deptId
|
||||||
this.fatherId=1
|
this.fatherId=1
|
||||||
}
|
}
|
||||||
else if(this.choseId===1){
|
} else if(this.choseId===1){
|
||||||
this.homeIsShow=false
|
this.homeIsShow=false
|
||||||
this.resourcesIsShow=true
|
this.resourcesIsShow=true
|
||||||
this.tableId=row.deptId
|
this.tableId=row.deptId
|
||||||
this.fatherId=2
|
this.fatherId=2
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
|
@ -354,10 +362,18 @@ export default {
|
||||||
closeChild(){
|
closeChild(){
|
||||||
this.homeIsShow=true
|
this.homeIsShow=true
|
||||||
this.servicesIsShow=false
|
this.servicesIsShow=false
|
||||||
|
this. handleCurrentChange(1)
|
||||||
|
|
||||||
|
},
|
||||||
|
closeChild2(){
|
||||||
|
this.homeIsShow=true
|
||||||
|
this.UsedIsShow=false
|
||||||
|
this. handleCurrentChange(1)
|
||||||
},
|
},
|
||||||
closeApplication(){
|
closeApplication(){
|
||||||
this.homeIsShow=true
|
this.homeIsShow=true
|
||||||
this.resourcesIsShow=false
|
this.resourcesIsShow=false
|
||||||
|
this. handleCurrentChange(1)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: hisense.liangjunhua
|
* @Author: hisense.liangjunhua
|
||||||
* @Date: 2022-06-29 15:59:51
|
* @Date: 2022-06-29 15:59:51
|
||||||
* @LastEditors: hisense.liangjunhua
|
* @LastEditors: hisense.liangjunhua
|
||||||
* @LastEditTime: 2022-07-01 09:29:57
|
* @LastEditTime: 2022-07-04 16:17:22
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<!-- 流程业务表单 -->
|
<!-- 流程业务表单 -->
|
||||||
|
@ -157,6 +157,7 @@ export default {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
downloadFile2 (url) {
|
downloadFile2 (url) {
|
||||||
|
console.log(window.SITE_CONFIG.previewUrl)
|
||||||
window.open(
|
window.open(
|
||||||
window.SITE_CONFIG.previewUrl +
|
window.SITE_CONFIG.previewUrl +
|
||||||
'hisense_office/onlinePreview?url=' +
|
'hisense_office/onlinePreview?url=' +
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2022-03-29 16:45:25
|
* @Date: 2022-03-29 16:45:25
|
||||||
* @LastEditors: hisense.liangjunhua
|
* @LastEditors: hisense.liangjunhua
|
||||||
* @LastEditTime: 2022-07-01 17:06:39
|
* @LastEditTime: 2022-07-04 14:13:57
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
@ -48,7 +48,7 @@
|
||||||
window.SITE_CONFIG['previewUrl'] = 'http://15.2.21.238:9796/';
|
window.SITE_CONFIG['previewUrl'] = 'http://15.2.21.238:9796/';
|
||||||
window.SITE_CONFIG['frontUrl'] = 'http://15.2.21.238:9796/document/#/devModelFile/';
|
window.SITE_CONFIG['frontUrl'] = 'http://15.2.21.238:9796/document/#/devModelFile/';
|
||||||
window.SITE_CONFIG['apiURL'] = 'http://15.2.21.238:8888/renren-admin';
|
window.SITE_CONFIG['apiURL'] = 'http://15.2.21.238:8888/renren-admin';
|
||||||
window.SITE_CONFIG['POI_URL'] = 'http://15.2.21.238:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address';
|
window.SITE_CONFIG['POI_URL'] = 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address';
|
||||||
// 穿透版本
|
// 穿透版本
|
||||||
// window.SITE_CONFIG['backUrl'] = 'http://124.222.94.39:9797';
|
// window.SITE_CONFIG['backUrl'] = 'http://124.222.94.39:9797';
|
||||||
// window.SITE_CONFIG['previewUrl'] = 'http://124.222.94.39:9796/';
|
// window.SITE_CONFIG['previewUrl'] = 'http://124.222.94.39:9796/';
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: hisense.zhangfeihu
|
* @Author: hisense.zhangfeihu
|
||||||
* @Date: 2022-06-13 10:22:27
|
* @Date: 2022-06-13 10:22:27
|
||||||
* @LastEditors: hisense.liangjunhua
|
* @LastEditors: hisense.liangjunhua
|
||||||
* @LastEditTime: 2022-06-20 18:58:40
|
* @LastEditTime: 2022-07-04 15:32:52
|
||||||
* @Description: 赋能案例-详情页
|
* @Description: 赋能案例-详情页
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
|
@ -172,7 +172,9 @@
|
||||||
watch(
|
watch(
|
||||||
() => router.currentRoute.value.query.id,
|
() => router.currentRoute.value.query.id,
|
||||||
() => {
|
() => {
|
||||||
init()
|
if (router.currentRoute.value.name == 'AssignCaseDetailPage') {
|
||||||
|
init()
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{ immediate: true }
|
{ immediate: true }
|
||||||
)
|
)
|
||||||
|
|
|
@ -315,7 +315,6 @@
|
||||||
height: 20px;
|
height: 20px;
|
||||||
background: url(../../../assets/assignCase/left.png) no-repeat
|
background: url(../../../assets/assignCase/left.png) no-repeat
|
||||||
center;
|
center;
|
||||||
|
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
transform: rotate(-90deg);
|
transform: rotate(-90deg);
|
||||||
}
|
}
|
||||||
|
@ -343,6 +342,10 @@
|
||||||
color: #333333;
|
color: #333333;
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 30px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
border-radius: 0.16rem;
|
||||||
}
|
}
|
||||||
span:nth-of-type(8n) {
|
span:nth-of-type(8n) {
|
||||||
margin-right: 50px;
|
margin-right: 50px;
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: hisense.liangjunhua
|
* @Author: hisense.liangjunhua
|
||||||
* @Date: 2022-06-17 14:11:08
|
* @Date: 2022-06-17 14:11:08
|
||||||
* @LastEditors: hisense.liangjunhua
|
* @LastEditors: hisense.liangjunhua
|
||||||
* @LastEditTime: 2022-07-01 20:11:33
|
* @LastEditTime: 2022-07-01 20:34:36
|
||||||
* @Description: 上架
|
* @Description: 上架
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
|
@ -62,9 +62,9 @@
|
||||||
<span>{{ item.name }}</span>
|
<span>{{ item.name }}</span>
|
||||||
<a-input v-if="item.type == 'input'" v-model:value="item.note1" :placeholder="'请输入' + item.name" />
|
<a-input v-if="item.type == 'input'" v-model:value="item.note1" :placeholder="'请输入' + item.name" />
|
||||||
<a-radio-group v-else-if="item.type == 'radio'" v-model:value="item.note1" :options="item.options" />
|
<a-radio-group v-else-if="item.type == 'radio'" v-model:value="item.note1" :options="item.options" />
|
||||||
<a-input v-if="item.type == 'text'" v-model:value="item.note1" :placeholder="'请输入' + item.name"
|
<a-input v-else-if="item.type == 'text'" v-model:value="item.note1" :placeholder="'请输入' + item.name"
|
||||||
:disabled="true" />
|
:disabled="true" />
|
||||||
<a-input v-if="item.type == 'text2'" v-model:value="item.note1" :placeholder="'请输入' + item.name"
|
<a-input v-else-if="item.type == 'text2'" v-model:value="item.note1" :placeholder="'请输入' + item.name"
|
||||||
:disabled="true" />
|
:disabled="true" />
|
||||||
<a-textarea v-else-if="item.type == 'textArea'" v-model:value="item.note1" :showCount="true"
|
<a-textarea v-else-if="item.type == 'textArea'" v-model:value="item.note1" :showCount="true"
|
||||||
:maxlength="200" :placeholder="'请输入' + item.name" />
|
:maxlength="200" :placeholder="'请输入' + item.name" />
|
||||||
|
@ -76,7 +76,7 @@
|
||||||
:list="props.fileList2" tip="支持文件类型,大小不超过100M"></upload>
|
:list="props.fileList2" tip="支持文件类型,大小不超过100M"></upload>
|
||||||
<upload v-else-if="item.type == 'video'" type="视频" btnName="上传视频" :maxCount="1" :data="item"
|
<upload v-else-if="item.type == 'video'" type="视频" btnName="上传视频" :maxCount="1" :data="item"
|
||||||
:list="props.videoList" tip="支持视频类型,大小不超过100M"></upload>
|
:list="props.videoList" tip="支持视频类型,大小不超过100M"></upload>
|
||||||
<a-button v-else-if="item.type == 'dialog'" @click="sourceClick(title.name)">
|
<a-button v-else-if="item.type == 'dialog'" @click="sourceClick">
|
||||||
请选择来源应用
|
请选择来源应用
|
||||||
</a-button>
|
</a-button>
|
||||||
<a-select v-else-if="item.type == 'select'" style="width: 240px" v-model:value="item.note1"
|
<a-select v-else-if="item.type == 'select'" style="width: 240px" v-model:value="item.note1"
|
||||||
|
|
|
@ -14,6 +14,7 @@
|
||||||
<!-- 导航 -->
|
<!-- 导航 -->
|
||||||
<application-navigation
|
<application-navigation
|
||||||
:dataList="dataList.data"
|
:dataList="dataList.data"
|
||||||
|
:associatedComponents="associatedComponents"
|
||||||
:class="{ fixed: scrollTop >= 600 }"
|
:class="{ fixed: scrollTop >= 600 }"
|
||||||
:selectNow="selectNow"
|
:selectNow="selectNow"
|
||||||
></application-navigation>
|
></application-navigation>
|
||||||
|
@ -28,10 +29,11 @@
|
||||||
:dataList="dataList.data"
|
:dataList="dataList.data"
|
||||||
id="application-associated-components"
|
id="application-associated-components"
|
||||||
class="scrollBox"
|
class="scrollBox"
|
||||||
|
v-if="false"
|
||||||
></application-associated-components>
|
></application-associated-components>
|
||||||
<!-- 关联能力 -->
|
<!-- 关联能力 -->
|
||||||
<application-associated-ability
|
<application-associated-ability
|
||||||
:associatedComponents="associatedComponents"
|
:associatedComponents="associatedComponentsFunction()"
|
||||||
id="application-associated-ability"
|
id="application-associated-ability"
|
||||||
class="scrollBox"
|
class="scrollBox"
|
||||||
></application-associated-ability>
|
></application-associated-ability>
|
||||||
|
@ -170,6 +172,15 @@
|
||||||
console.log('预览==============', obj)
|
console.log('预览==============', obj)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
const associatedComponentsFunction = () => {
|
||||||
|
if (
|
||||||
|
associatedComponents.value[0].dataList.length > 0 ||
|
||||||
|
associatedComponents.value[1].dataList.length > 0 ||
|
||||||
|
associatedComponents.value[2].dataList.length > 0
|
||||||
|
) {
|
||||||
|
return associatedComponents.value
|
||||||
|
}
|
||||||
|
}
|
||||||
init(id)
|
init(id)
|
||||||
onBeforeUnmount(() => {
|
onBeforeUnmount(() => {
|
||||||
mybus.off('flyToView')
|
mybus.off('flyToView')
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
<!--
|
<!--
|
||||||
* @Author: hisense.liangjunhua
|
* @Author: hisense.liangjunhua
|
||||||
* @Date: 2022-06-08 14:54:01
|
* @Date: 2022-06-08 14:54:01
|
||||||
* @LastEditors: hisense.wuhongjian
|
* @LastEditors: hisense.liangjunhua
|
||||||
* @LastEditTime: 2022-06-30 17:09:40
|
* @LastEditTime: 2022-07-04 10:08:10
|
||||||
* @Description: 算法详情页导航
|
* @Description: 算法详情页导航
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
|
@ -65,19 +65,21 @@
|
||||||
])
|
])
|
||||||
const list = ref([])
|
const list = ref([])
|
||||||
// 根据能力id查询是否存在关联应用
|
// 根据能力id查询是否存在关联应用
|
||||||
queryPartAppByKeyId2({ keyId: keyId }).then((res) => {
|
if (keyId) {
|
||||||
console.log('ressssssss', res)
|
queryPartAppByKeyId2({ keyId: keyId }).then((res) => {
|
||||||
if (res.data.data.length > 0) {
|
console.log('ressssssss', res)
|
||||||
// 存在关联应用时在导航栏加入关联应用
|
if (res.data.data.length > 0) {
|
||||||
navList.value.unshift({
|
// 存在关联应用时在导航栏加入关联应用
|
||||||
name: '关联应用',
|
navList.value.unshift({
|
||||||
key: 'algorithm-associated-ability',
|
name: '关联应用',
|
||||||
show: true,
|
key: 'algorithm-associated-ability',
|
||||||
})
|
show: true,
|
||||||
// list.value.push('关联应用')
|
})
|
||||||
console.log('navList', navList)
|
// list.value.push('关联应用')
|
||||||
}
|
console.log('navList', navList)
|
||||||
})
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
selectNow: { type: String, default: '' },
|
selectNow: { type: String, default: '' },
|
||||||
dataList: { type: Object, default: null },
|
dataList: { type: Object, default: null },
|
||||||
|
@ -125,7 +127,6 @@
|
||||||
navList.value.filter((item) => item.name === list.value[0])
|
navList.value.filter((item) => item.name === list.value[0])
|
||||||
)
|
)
|
||||||
if (navList.value.filter((item) => item.name === list.value[0])[0]) {
|
if (navList.value.filter((item) => item.name === list.value[0])[0]) {
|
||||||
debugger
|
|
||||||
select.value = navList.value.filter(
|
select.value = navList.value.filter(
|
||||||
(item) => item.name === list.value[0]
|
(item) => item.name === list.value[0]
|
||||||
)[0].key
|
)[0].key
|
||||||
|
|
|
@ -47,19 +47,36 @@
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
if (props.associatedComponents) {
|
if (props.associatedComponents) {
|
||||||
flag.value = true
|
if (
|
||||||
dataFrom.value = props.associatedComponents
|
props.associatedComponents[0].dataList.length > 0 ||
|
||||||
console.log('dataFrom.value', dataFrom.value)
|
props.associatedComponents[1].dataList.length > 0 ||
|
||||||
|
props.associatedComponents[2].dataList.length > 0
|
||||||
|
) {
|
||||||
|
flag.value = true
|
||||||
|
dataFrom.value = props.associatedComponents
|
||||||
|
console.log('dataFrom.value', dataFrom.value)
|
||||||
|
} else {
|
||||||
|
flag.value = false
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
flag.value = false
|
flag.value = false
|
||||||
}
|
}
|
||||||
|
|
||||||
watch(
|
watch(
|
||||||
() => props.associatedComponents,
|
() => props.associatedComponents,
|
||||||
(val) => {
|
(val) => {
|
||||||
if (val) {
|
if (props.associatedComponents) {
|
||||||
flag.value = true
|
if (
|
||||||
dataFrom.value = props.associatedComponents
|
val[0].dataList.length > 0 ||
|
||||||
console.log('dataFrom.value', dataFrom.value)
|
val[1].dataList.length > 0 ||
|
||||||
|
val[2].dataList.length > 0
|
||||||
|
) {
|
||||||
|
flag.value = true
|
||||||
|
dataFrom.value = props.associatedComponents
|
||||||
|
// console.log('dataFrom.value', dataFrom.value)
|
||||||
|
} else {
|
||||||
|
flag.value = false
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
flag.value = false
|
flag.value = false
|
||||||
}
|
}
|
||||||
|
|
|
@ -32,10 +32,10 @@
|
||||||
name: '功能介绍',
|
name: '功能介绍',
|
||||||
key: 'function-introduction',
|
key: 'function-introduction',
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
name: '关联组件',
|
// name: '关联组件',
|
||||||
key: 'application-associated-components',
|
// key: 'application-associated-components',
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
name: '关联组件',
|
name: '关联组件',
|
||||||
key: 'application-associated-ability',
|
key: 'application-associated-ability',
|
||||||
|
@ -60,6 +60,7 @@
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
selectNow: { type: String, default: '' },
|
selectNow: { type: String, default: '' },
|
||||||
dataList: { type: Object, default: null },
|
dataList: { type: Object, default: null },
|
||||||
|
associatedComponents: { type: Array, default: null },
|
||||||
})
|
})
|
||||||
const select = ref('algorithm-display')
|
const select = ref('algorithm-display')
|
||||||
const list = ref([])
|
const list = ref([])
|
||||||
|
@ -85,7 +86,17 @@
|
||||||
navList.value.forEach((item) => {
|
navList.value.forEach((item) => {
|
||||||
console.log(item)
|
console.log(item)
|
||||||
if (list.value.indexOf(item.name) > -1) {
|
if (list.value.indexOf(item.name) > -1) {
|
||||||
item.show = true
|
if (item.name == '关联组件') {
|
||||||
|
if (
|
||||||
|
props.associatedComponents[0].dataList.length != 0 ||
|
||||||
|
props.associatedComponents[1].dataList.length != 0 ||
|
||||||
|
props.associatedComponents[2].dataList.length != 0
|
||||||
|
) {
|
||||||
|
item.show = true
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
item.show = true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
select.value = navList.value.filter(
|
select.value = navList.value.filter(
|
||||||
|
@ -122,7 +133,17 @@
|
||||||
navList.value.forEach((item) => {
|
navList.value.forEach((item) => {
|
||||||
console.log(item)
|
console.log(item)
|
||||||
if (list.value.indexOf(item.name) > -1) {
|
if (list.value.indexOf(item.name) > -1) {
|
||||||
item.show = true
|
if (item.name == '关联组件') {
|
||||||
|
if (
|
||||||
|
props.associatedComponents[0].dataList.length != 0 ||
|
||||||
|
props.associatedComponents[1].dataList.length != 0 ||
|
||||||
|
props.associatedComponents[2].dataList.length != 0
|
||||||
|
) {
|
||||||
|
item.show = true
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
item.show = true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
if (list.value.length > 0) {
|
if (list.value.length > 0) {
|
||||||
|
|
|
@ -73,9 +73,12 @@
|
||||||
item.attrType === '服务商' ||
|
item.attrType === '服务商' ||
|
||||||
item.attrType === '服务商联系人' ||
|
item.attrType === '服务商联系人' ||
|
||||||
item.attrType === '服务商联系电话' ||
|
item.attrType === '服务商联系电话' ||
|
||||||
item.attrType === '服务商名'
|
item.attrType.indexOf('服务商名') != -1
|
||||||
) {
|
) {
|
||||||
if (item.attrType === '服务商' || item.attrType === '服务商名') {
|
if (
|
||||||
|
item.attrType === '服务商' ||
|
||||||
|
item.attrType.indexOf('服务商名') != -1
|
||||||
|
) {
|
||||||
dataFrom.value.content[1].childrenContent[0] = item
|
dataFrom.value.content[1].childrenContent[0] = item
|
||||||
if (dataFrom.value.content[1].childrenContent[0].attrValue == '') {
|
if (dataFrom.value.content[1].childrenContent[0].attrValue == '') {
|
||||||
dataFrom.value.content[1].childrenContent[0].attrValue = '------'
|
dataFrom.value.content[1].childrenContent[0].attrValue = '------'
|
||||||
|
@ -121,9 +124,12 @@
|
||||||
item.attrType === '服务商' ||
|
item.attrType === '服务商' ||
|
||||||
item.attrType === '服务商联系人' ||
|
item.attrType === '服务商联系人' ||
|
||||||
item.attrType === '服务商联系电话' ||
|
item.attrType === '服务商联系电话' ||
|
||||||
item.attrType === '服务商名'
|
item.attrType.indexOf('服务商名') != -1
|
||||||
) {
|
) {
|
||||||
if (item.attrType === '服务商' || item.attrType === '服务商名') {
|
if (
|
||||||
|
item.attrType === '服务商' ||
|
||||||
|
item.attrType.indexOf('服务商名') != -1
|
||||||
|
) {
|
||||||
dataFrom.value.content[1].childrenContent.push(item)
|
dataFrom.value.content[1].childrenContent.push(item)
|
||||||
if (
|
if (
|
||||||
dataFrom.value.content[1].childrenContent[0].attrValue == ''
|
dataFrom.value.content[1].childrenContent[0].attrValue == ''
|
||||||
|
|
|
@ -1,6 +1,10 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="ability-to-apply-for">
|
<div class="ability-to-apply-for" :class="{ all: falg }">
|
||||||
<div class="title">申请能力</div>
|
<div class="title">
|
||||||
|
<span>申请能力</span>
|
||||||
|
<span class="btn" @click="falg = !falg" v-show="!falg">展开</span>
|
||||||
|
<span class="btn" @click="falg = !falg" v-show="falg">收起</span>
|
||||||
|
</div>
|
||||||
<div
|
<div
|
||||||
v-for="(item, index) in dataForm"
|
v-for="(item, index) in dataForm"
|
||||||
:key="index"
|
:key="index"
|
||||||
|
@ -12,20 +16,38 @@
|
||||||
</div>
|
</div>
|
||||||
<template v-for="val in item.arr" :key="val.resourceId">
|
<template v-for="val in item.arr" :key="val.resourceId">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<div class="name">
|
<div
|
||||||
<span>{{ val.resourceName }}</span>
|
class="tx"
|
||||||
<span>{{ val.type }}</span>
|
:class="
|
||||||
</div>
|
val.type == '基础设施'
|
||||||
<div class="description">
|
? 'sxt'
|
||||||
{{
|
: val.componentType == '智能算法'
|
||||||
val.description ||
|
? 'znsf'
|
||||||
(val.note1 &&
|
: val.componentType == '图层服务'
|
||||||
JSON.parse(val.note1)[0].channelName +
|
? 'tcfw'
|
||||||
'等' +
|
: val.componentType == '开发组件'
|
||||||
JSON.parse(val.note1).length +
|
? 'kfzj'
|
||||||
'个摄像头') ||
|
: val.componentType == '业务组件'
|
||||||
'--'
|
? 'ywzj'
|
||||||
}}
|
: ''
|
||||||
|
"
|
||||||
|
></div>
|
||||||
|
<div class="text">
|
||||||
|
<div class="name">
|
||||||
|
<span>{{ val.resourceName }}</span>
|
||||||
|
<span>{{ val.type }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="description">
|
||||||
|
{{
|
||||||
|
val.description ||
|
||||||
|
(val.note1 &&
|
||||||
|
JSON.parse(val.note1)[0].channelName +
|
||||||
|
'等' +
|
||||||
|
JSON.parse(val.note1).length +
|
||||||
|
'个摄像头') ||
|
||||||
|
'--'
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="remove" @click="removeFunction(val)"></div>
|
<div class="remove" @click="removeFunction(val)"></div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -35,27 +57,29 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { useRouter } from 'vue-router'
|
// import { useRouter } from 'vue-router'
|
||||||
import { message } from 'ant-design-vue'
|
import { message } from 'ant-design-vue'
|
||||||
import { ref, defineProps } from 'vue'
|
import { ref, defineProps } from 'vue'
|
||||||
import mybus from '@/myplugins/mybus'
|
// import mybus from '@/myplugins/mybus'
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
dataList: { type: Array, default: null },
|
dataList: { type: Array, default: null },
|
||||||
})
|
})
|
||||||
|
const falg = ref(false)
|
||||||
let dataForm = ref([])
|
let dataForm = ref([])
|
||||||
// eslint-disable-next-line vue/no-setup-props-destructure
|
// eslint-disable-next-line vue/no-setup-props-destructure
|
||||||
dataForm.value = props.dataList
|
dataForm.value = props.dataList
|
||||||
const router = useRouter()
|
console.log(dataForm.value)
|
||||||
const arr =
|
// const router = useRouter()
|
||||||
router.currentRoute.value.query.name instanceof Array
|
// const arr =
|
||||||
? router.currentRoute.value.query.name
|
// router.currentRoute.value.query.name instanceof Array
|
||||||
: [router.currentRoute.value.query.name]
|
// ? router.currentRoute.value.query.name
|
||||||
const dataResourceId = router.currentRoute.value.query.resourceId
|
// : [router.currentRoute.value.query.name]
|
||||||
|
// const dataResourceId = router.currentRoute.value.query.resourceId
|
||||||
|
|
||||||
const depList = ref({
|
// const depList = ref({
|
||||||
Name: [],
|
// Name: [],
|
||||||
depID: [],
|
// depID: [],
|
||||||
})
|
// })
|
||||||
//移除方法
|
//移除方法
|
||||||
const removeFunction = (data) => {
|
const removeFunction = (data) => {
|
||||||
dataForm.value.map((val) => {
|
dataForm.value.map((val) => {
|
||||||
|
@ -71,25 +95,26 @@
|
||||||
|
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
.ability-to-apply-for {
|
.ability-to-apply-for {
|
||||||
|
height: 2.9rem;
|
||||||
|
overflow: hidden;
|
||||||
.title {
|
.title {
|
||||||
font-size: 0.16rem;
|
font-size: 0.16rem;
|
||||||
color: #212121;
|
color: #212121;
|
||||||
border-bottom: 0.01rem #dddee1 solid;
|
border-bottom: 0.01rem #dddee1 solid;
|
||||||
padding-bottom: 0.1rem;
|
padding-bottom: 0.1rem;
|
||||||
margin-bottom: 0.2rem;
|
margin-bottom: 0.2rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
.ability-to-apply-for-content {
|
.ability-to-apply-for-content {
|
||||||
// margin-bottom: 0.3rem;
|
|
||||||
// border-bottom: 0.01rem #dddee1 solid;
|
|
||||||
// padding-bottom: 0.3rem;
|
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
.dep-name {
|
.dep-name {
|
||||||
color: #0558e1;
|
color: #0558e1;
|
||||||
font-size: 0.18rem;
|
font-size: 0.22rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
line-height: 0.18rem;
|
line-height: 0.22rem;
|
||||||
margin-bottom: 0.2rem;
|
margin-bottom: 0.2rem;
|
||||||
span {
|
span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -104,14 +129,19 @@
|
||||||
padding-bottom: 0.1rem;
|
padding-bottom: 0.1rem;
|
||||||
margin-bottom: 0.1rem;
|
margin-bottom: 0.1rem;
|
||||||
border-bottom: 1px solid #dddee1;
|
border-bottom: 1px solid #dddee1;
|
||||||
position: relative;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.text {
|
||||||
|
margin-left: 0.2rem;
|
||||||
|
width: 8.8rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.name {
|
.name {
|
||||||
margin-bottom: 0.2rem;
|
margin-bottom: 0.2rem;
|
||||||
span:first-child {
|
span:first-child {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: 0.08rem;
|
margin-right: 0.08rem;
|
||||||
font-size: 0.2rem;
|
font-size: 0.18rem;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
span:last-child {
|
span:last-child {
|
||||||
|
@ -122,16 +152,13 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.description {
|
.description {
|
||||||
width: 10rem;
|
width: 8.8rem;
|
||||||
color: rgba(0, 0, 0, 0.45);
|
color: rgba(0, 0, 0, 0.45);
|
||||||
}
|
}
|
||||||
.remove {
|
.remove {
|
||||||
|
margin-left: 0.1rem;
|
||||||
width: 0.32rem;
|
width: 0.32rem;
|
||||||
height: 0.32rem;
|
height: 0.32rem;
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 50%;
|
|
||||||
margin-top: -0.16rem;
|
|
||||||
background: url('~@/assets/home/remove.png') no-repeat;
|
background: url('~@/assets/home/remove.png') no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -142,4 +169,37 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.all {
|
||||||
|
height: unset;
|
||||||
|
min-height: 2.9rem;
|
||||||
|
}
|
||||||
|
.btn {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.tx {
|
||||||
|
display: inline-block;
|
||||||
|
width: 0.8rem;
|
||||||
|
height: 0.8rem;
|
||||||
|
margin-left: 0.1rem;
|
||||||
|
}
|
||||||
|
.sxt {
|
||||||
|
background: url('~@/assets/home/sxt_square.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
.znsf {
|
||||||
|
background: url('~@/assets/home/znsf_square.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
.tcfw {
|
||||||
|
background: url('~@/assets/home/tcfw_square.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
.kfzj {
|
||||||
|
background: url('~@/assets/home/kfzj_square.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
.ywzj {
|
||||||
|
background: url('~@/assets/home/ywzj_square.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -118,9 +118,10 @@
|
||||||
name="applicationBackground"
|
name="applicationBackground"
|
||||||
:rules="[{ required: true, message: '请输入应用背景' }]"
|
:rules="[{ required: true, message: '请输入应用背景' }]"
|
||||||
>
|
>
|
||||||
<a-input
|
<a-textarea
|
||||||
placeholder="请输入应用背景"
|
placeholder="请输入应用背景"
|
||||||
v-model:value="formName.applicationBackground"
|
v-model:value="formName.applicationBackground"
|
||||||
|
:rows="4"
|
||||||
/>
|
/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</div>
|
</div>
|
||||||
|
@ -130,9 +131,10 @@
|
||||||
name="effectWish"
|
name="effectWish"
|
||||||
:rules="[{ required: true, message: '请输入期望效果' }]"
|
:rules="[{ required: true, message: '请输入期望效果' }]"
|
||||||
>
|
>
|
||||||
<a-input
|
<a-textarea
|
||||||
placeholder="请输入期望效果"
|
placeholder="请输入期望效果"
|
||||||
v-model:value="formName.effectWish"
|
v-model:value="formName.effectWish"
|
||||||
|
:rows="4"
|
||||||
/>
|
/>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</div>
|
</div>
|
||||||
|
@ -173,7 +175,7 @@
|
||||||
</a-upload>
|
</a-upload>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
|
||||||
<a-form-item :wrapper-col="{ offset: 8, span: 16 }">
|
<div class="bottom-btn">
|
||||||
<a-button
|
<a-button
|
||||||
style="
|
style="
|
||||||
width: 80px;
|
width: 80px;
|
||||||
|
@ -211,7 +213,7 @@
|
||||||
>
|
>
|
||||||
提交申请
|
提交申请
|
||||||
</a-button>
|
</a-button>
|
||||||
</a-form-item>
|
</div>
|
||||||
</a-form>
|
</a-form>
|
||||||
</div>
|
</div>
|
||||||
<div class="success" v-else>
|
<div class="success" v-else>
|
||||||
|
@ -265,11 +267,32 @@
|
||||||
setup() {
|
setup() {
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const disabled = ref(false)
|
const disabled = ref(false)
|
||||||
|
const list = ref(JSON.parse(localStorage.getItem('applyList')))
|
||||||
|
const num = ref(0)
|
||||||
|
list.value.map((item) => {
|
||||||
|
if (item.checkedList) {
|
||||||
|
console.log(item)
|
||||||
|
num.value += Number(item.checkedList.length)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
console.log(
|
||||||
|
'list',
|
||||||
|
list.value,
|
||||||
|
list.value[0].children.filter(
|
||||||
|
(val) => val.id == list.value[0].checkedList[0]
|
||||||
|
)[0].resourceName
|
||||||
|
)
|
||||||
const baseURL = window.SITE_CONFIG.apiURL
|
const baseURL = window.SITE_CONFIG.apiURL
|
||||||
let record = ref('1')
|
let record = ref('1')
|
||||||
const text = ref('')
|
const text = ref('')
|
||||||
const formName = reactive({
|
const formName = reactive({
|
||||||
title: '', // 标题
|
title: list.value[0].children
|
||||||
|
.filter((val) => val.id == list.value[0].checkedList[0])[0]
|
||||||
|
.resourceName.concat(
|
||||||
|
list.value[0].checkedList.length > 0
|
||||||
|
? '等能力申请' + num.value + '个'
|
||||||
|
: '能力申请'
|
||||||
|
), // 标题
|
||||||
applicationSystem: [], // 应用系统
|
applicationSystem: [], // 应用系统
|
||||||
applicationScene: [], // 应用场景
|
applicationScene: [], // 应用场景
|
||||||
applicationBackground: '', // 应用背景
|
applicationBackground: '', // 应用背景
|
||||||
|
@ -292,7 +315,6 @@
|
||||||
formName.unit = res.data.data.deptName
|
formName.unit = res.data.data.deptName
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
const list = ref(JSON.parse(localStorage.getItem('applyList')))
|
|
||||||
// console.log('本地存储====================》', list.value)
|
// console.log('本地存储====================》', list.value)
|
||||||
const businessKey = ref(router.currentRoute.value.query.id)
|
const businessKey = ref(router.currentRoute.value.query.id)
|
||||||
const taskId = ref(router.currentRoute.value.query.taskId)
|
const taskId = ref(router.currentRoute.value.query.taskId)
|
||||||
|
@ -423,7 +445,7 @@
|
||||||
applySuccess.value = false
|
applySuccess.value = false
|
||||||
message.success('操作成功!')
|
message.success('操作成功!')
|
||||||
console.log('能力申请================>', res)
|
console.log('能力申请================>', res)
|
||||||
if (ids) {
|
if (ids && ids.length > 0) {
|
||||||
sgcDel({ ids: ids }).then((res) => {
|
sgcDel({ ids: ids }).then((res) => {
|
||||||
if (res.data.msg === 'success') {
|
if (res.data.msg === 'success') {
|
||||||
mybus.emit('getSgcNum')
|
mybus.emit('getSgcNum')
|
||||||
|
@ -504,6 +526,7 @@
|
||||||
},
|
},
|
||||||
])
|
])
|
||||||
const systemOptions = ref([])
|
const systemOptions = ref([])
|
||||||
|
const systemOptions2 = ref([])
|
||||||
|
|
||||||
const handleChange = (info) => {
|
const handleChange = (info) => {
|
||||||
if (info.file.status !== 'uploading') {
|
if (info.file.status !== 'uploading') {
|
||||||
|
@ -536,83 +559,50 @@
|
||||||
return isPNG || Upload.LIST_IGNORE
|
return isPNG || Upload.LIST_IGNORE
|
||||||
}
|
}
|
||||||
const fileList = ref([])
|
const fileList = ref([])
|
||||||
//删除改变arr
|
|
||||||
// mybus.on('reomveOldData', (item) => {
|
|
||||||
// debugger
|
|
||||||
// arr = []
|
|
||||||
// formName.system = []
|
|
||||||
// record.value = record.value + '1'
|
|
||||||
// arr = item.Name
|
|
||||||
// // dataResourceId = item.depID
|
|
||||||
// if (arr && arr.length !== 0) {
|
|
||||||
// disabled.value = true
|
|
||||||
// let str = ''
|
|
||||||
// arr.forEach((val, index) => {
|
|
||||||
// str += val
|
|
||||||
// if (index < arr.length - 1) {
|
|
||||||
// str += '、'
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
// formName.formNameSystem = str
|
|
||||||
// }
|
|
||||||
// arr.forEach((val, index) => {
|
|
||||||
// formName.system.push({
|
|
||||||
// resourceName: val,
|
|
||||||
// // resourceId: dataResourceId[index],
|
|
||||||
// })
|
|
||||||
// })
|
|
||||||
// })
|
|
||||||
// 应用系统下拉
|
// 应用系统下拉
|
||||||
const flag = ref(true)
|
|
||||||
const systemHandleChange = (value) => {
|
const systemHandleChange = (value) => {
|
||||||
console.log(`selected ${value}`)
|
console.log(`selected ${value}`)
|
||||||
}
|
}
|
||||||
const systemHandleSearch = (value) => {
|
const systemHandleSearch = (value) => {
|
||||||
console.log(`search ${value}`)
|
console.log(`search ${value}`)
|
||||||
text.value = value
|
text.value = value
|
||||||
systemOptions.value = []
|
systemOptions.value = systemOptions2.value.filter(
|
||||||
window.setTimeout(() => {
|
(item) => item.label.search(text.value) > -1
|
||||||
if (flag.value && text.value == value && text.value !== '') {
|
)
|
||||||
console.log('1秒未输入~~~~~~~~~~~~~~~~~~~~~~~~~~')
|
|
||||||
pageWithAttrs({
|
|
||||||
pageNum: 99999,
|
|
||||||
pageSize: 5,
|
|
||||||
type: '应用资源',
|
|
||||||
name: text.value,
|
|
||||||
infoList: [],
|
|
||||||
}).then((res) => {
|
|
||||||
if (res.data.code == 0) {
|
|
||||||
if (res.data.data.records.length == 0) {
|
|
||||||
message.warning('该关键词,暂无应用资源!')
|
|
||||||
} else {
|
|
||||||
res.data.data.records.map((val) => {
|
|
||||||
systemOptions.value.push({
|
|
||||||
value: val.name,
|
|
||||||
label: val.name,
|
|
||||||
})
|
|
||||||
})
|
|
||||||
console.log(
|
|
||||||
'第一次获取===================>',
|
|
||||||
systemOptions.value
|
|
||||||
)
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
message.error('获取数据失败!')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}, 2000)
|
|
||||||
}
|
}
|
||||||
|
pageWithAttrs({
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 99999,
|
||||||
|
type: '应用资源',
|
||||||
|
name: '',
|
||||||
|
infoList: [],
|
||||||
|
}).then((res) => {
|
||||||
|
if (res.data.code == 0) {
|
||||||
|
if (res.data.data.records.length == 0) {
|
||||||
|
message.warning('该关键词,暂无应用资源!')
|
||||||
|
} else {
|
||||||
|
res.data.data.records.map((val) => {
|
||||||
|
systemOptions2.value.push({
|
||||||
|
value: val.name,
|
||||||
|
label: val.name,
|
||||||
|
})
|
||||||
|
})
|
||||||
|
// console.log('第一次获取===================>', systemOptions2.value)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
message.error('应用系统获取数据失败!')
|
||||||
|
}
|
||||||
|
})
|
||||||
const handleBlur = () => {
|
const handleBlur = () => {
|
||||||
console.log('blur')
|
console.log('blur')
|
||||||
flag.value = false
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleFocus = () => {
|
const handleFocus = () => {
|
||||||
console.log('focus')
|
console.log('focus')
|
||||||
flag.value = true
|
// console.log(formName.applicationSystem)
|
||||||
systemOptions.value = []
|
// formName.applicationSystem = []
|
||||||
|
systemOptions.value = systemOptions2.value
|
||||||
|
// systemOptions.value = []
|
||||||
}
|
}
|
||||||
|
|
||||||
// const filterOption = (input, option) => {
|
// const filterOption = (input, option) => {
|
||||||
|
@ -727,4 +717,13 @@
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
textarea {
|
||||||
|
resize: none;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.bottom-btn {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
// position: fixed;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -62,7 +62,7 @@
|
||||||
<div class="left jcss" v-else></div>
|
<div class="left jcss" v-else></div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<span style="display: block; width: 680px">
|
<span style="display: flex; align-items: center; width: 680px">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
<svg
|
<svg
|
||||||
t="1652322568870"
|
t="1652322568870"
|
||||||
|
@ -131,7 +131,7 @@
|
||||||
<div v-if="selectCardsname !== '数据资源'">
|
<div v-if="selectCardsname !== '数据资源'">
|
||||||
浏览量:{{ item.visits || 0 }}次
|
浏览量:{{ item.visits || 0 }}次
|
||||||
</div>
|
</div>
|
||||||
<div>申请量:{{ item.applyCount || 0 }}次</div>
|
<div>申购量:{{ item.applyCount || 0 }}次</div>
|
||||||
<div v-if="selectCardsname === '数据资源'">
|
<div v-if="selectCardsname === '数据资源'">
|
||||||
数据量:{{ item.sjlCount || 0 }}
|
数据量:{{ item.sjlCount || 0 }}
|
||||||
</div>
|
</div>
|
||||||
|
@ -437,6 +437,9 @@
|
||||||
resourceName: item.name,
|
resourceName: item.name,
|
||||||
time: item.createDate,
|
time: item.createDate,
|
||||||
type: item.type,
|
type: item.type,
|
||||||
|
componentType: item.infoList.filter(
|
||||||
|
(val) => val.attrType == '组件类型'
|
||||||
|
)[0].attrValue,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
deptId: item.deptId,
|
deptId: item.deptId,
|
||||||
|
|
|
@ -61,9 +61,9 @@
|
||||||
</a-button>
|
</a-button>
|
||||||
</div>
|
</div>
|
||||||
<i class="boundary"></i>
|
<i class="boundary"></i>
|
||||||
<!-- 添加至购物车 -->
|
<!-- 添加至申购车 -->
|
||||||
<a-button type="primary" @click="addShoppingCart" class="buttonAdd">
|
<a-button type="primary" @click="addShoppingCart" class="buttonAdd">
|
||||||
添加至购物车
|
添加至申购车
|
||||||
</a-button>
|
</a-button>
|
||||||
<!-- 一键申请 -->
|
<!-- 一键申请 -->
|
||||||
<a-button type="primary" @click="apply" class="buttonAdd">
|
<a-button type="primary" @click="apply" class="buttonAdd">
|
||||||
|
@ -253,6 +253,8 @@
|
||||||
let tableHeight = ref('600')
|
let tableHeight = ref('600')
|
||||||
//tab切换点击事件
|
//tab切换点击事件
|
||||||
const tabClick = (indexFather, name) => {
|
const tabClick = (indexFather, name) => {
|
||||||
|
selectedRowKeys.value = []
|
||||||
|
selectedList.value = []
|
||||||
if (clickList.value[indexFather].content.indexOf(name) != -1) {
|
if (clickList.value[indexFather].content.indexOf(name) != -1) {
|
||||||
if (name == '视频资源') {
|
if (name == '视频资源') {
|
||||||
tableHeight.value = 330
|
tableHeight.value = 330
|
||||||
|
@ -404,16 +406,20 @@
|
||||||
}
|
}
|
||||||
//加入申购车
|
//加入申购车
|
||||||
const addShoppingCart = () => {
|
const addShoppingCart = () => {
|
||||||
sgcInsert({
|
if (selectedList.value.length > 0) {
|
||||||
delFlag: '0',
|
sgcInsert({
|
||||||
resourceId: '8888888880000000001',
|
delFlag: '0',
|
||||||
note1: selectedList.value,
|
resourceId: '8888888880000000001',
|
||||||
// userId: userId.value,
|
note1: selectedList.value,
|
||||||
}).then((res) => {
|
// userId: userId.value,
|
||||||
console.log(res)
|
}).then((res) => {
|
||||||
message.success('添加申购车成功!')
|
console.log(res)
|
||||||
mybus.emit('getSgcNum')
|
message.success('添加申购车成功!')
|
||||||
})
|
mybus.emit('getSgcNum')
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
message.error('请选择需要添加申购车的数据')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
// 表格
|
// 表格
|
||||||
const dataSource = ref([])
|
const dataSource = ref([])
|
||||||
|
|
|
@ -49,7 +49,7 @@
|
||||||
<template #title>{{ item.name }}</template>
|
<template #title>{{ item.name }}</template>
|
||||||
<div class="content-body-title">
|
<div class="content-body-title">
|
||||||
<span
|
<span
|
||||||
v-if="item.name === '申请摄像头列表'"
|
v-if="item.name === '申请摄像头列表' && item.ended"
|
||||||
@click="showVideoList(item)"
|
@click="showVideoList(item)"
|
||||||
>
|
>
|
||||||
名称:{{ item.name }}
|
名称:{{ item.name }}
|
||||||
|
|
|
@ -108,7 +108,9 @@
|
||||||
>
|
>
|
||||||
<template #title>
|
<template #title>
|
||||||
<span
|
<span
|
||||||
@click="showItem(item.id, item.type, item.delFlag)"
|
@click="
|
||||||
|
showItem(item.resourceId, item.type, item.delFlag)
|
||||||
|
"
|
||||||
style="cursor: pointer"
|
style="cursor: pointer"
|
||||||
class="name"
|
class="name"
|
||||||
>
|
>
|
||||||
|
|
Loading…
Reference in New Issue