Merge branch 'hi-ucs-dev' of http://192.168.124.50:3000/wuhongjian/hi-ucs into hi-ucs-dev
This commit is contained in:
commit
a2267a59bb
|
|
@ -23,20 +23,7 @@
|
|||
</template>
|
||||
</el-dialog>
|
||||
|
||||
<DisplayList></DisplayList>
|
||||
|
||||
<div class="show-box" v-if="displayList.length > 0">
|
||||
<div class="list-box">
|
||||
<div v-for="(item, i) in displayList" :key="i">
|
||||
<el-tooltip popper-class="testTooltip" effect="dark" :content="item.name || '--'" placement="top">
|
||||
<div class="list-item">
|
||||
{{ item.name || '--' }}
|
||||
</div>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<DisplayList :displayList="displayList" showKey="name"></DisplayList>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -149,8 +136,8 @@ let keyObj = {
|
|||
nameKey: 'zyname'
|
||||
},
|
||||
'组件服务': {
|
||||
idKey: 'zycode',
|
||||
nameKey: 'zyname'
|
||||
idKey: 'id',
|
||||
nameKey: 'name'
|
||||
},
|
||||
}
|
||||
|
||||
|
|
@ -204,15 +191,15 @@ export default {
|
|||
let attrValue = dataForm.fuseResourceList.filter(v => v.type == this.type);
|
||||
if (attrValue.length > 0) {
|
||||
attrValue.map(val => {
|
||||
let item = this.allData.find(v => v.id == val.resourceId) || {};
|
||||
let _obj = {
|
||||
type: val.type,
|
||||
id: val.resourceId,
|
||||
name: item.name
|
||||
name: val.resource && val.resource.name
|
||||
};
|
||||
arr.push(_obj);
|
||||
});
|
||||
}
|
||||
|
||||
// 展示
|
||||
this.displayList = JSON.parse(JSON.stringify(arr));
|
||||
// 已选中
|
||||
|
|
@ -223,27 +210,17 @@ export default {
|
|||
},
|
||||
// 获取列表
|
||||
getData() {
|
||||
// this.allData = [];
|
||||
// this.transferData = [];
|
||||
// let arr = JSON.parse(JSON.stringify(sjzyArray));
|
||||
// arr.map(v => {
|
||||
// this.transferData.push({
|
||||
// type: this.type,
|
||||
// id: v[keyObj[this.type].idKey],
|
||||
// name: v[keyObj[this.type].nameKey] || "--"
|
||||
// });
|
||||
// });
|
||||
// this.allData = JSON.parse(JSON.stringify(this.transferData));
|
||||
// return;
|
||||
if (this.getDataParams.url === '') {
|
||||
return;
|
||||
}
|
||||
this.$http[this.getDataParams.methods](this.getDataParams.url, this.getDataParams.postData).then(res => {
|
||||
this.$http[this.getDataParams.methods](this.getDataParams.url, {
|
||||
params: this.getDataParams.postData
|
||||
}).then(res => {
|
||||
console.log('res.data----获取列表-------->', res.data);
|
||||
if (res.data.code !== 0) {
|
||||
return this.$message.error(res.msg);
|
||||
}
|
||||
this.transferData = []; // allData
|
||||
this.transferData = [];
|
||||
this.allData = [];
|
||||
(res.data.data || []).map(v => {
|
||||
this.transferData.push({
|
||||
|
|
|
|||
|
|
@ -0,0 +1,330 @@
|
|||
<template>
|
||||
<el-card shadow="never" class="roomBox">
|
||||
<div class="roomExamineSearch">
|
||||
<el-input
|
||||
v-model="roomName"
|
||||
style="width: 160px"
|
||||
placeholder="请输入会议室名称"
|
||||
></el-input>
|
||||
<el-select
|
||||
v-model="value"
|
||||
style="width: 160px"
|
||||
clearable
|
||||
placeholder="请选择审核状态"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-button type="primary" @click="searchData">查询</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-table border style="width: 100%" :data="tableData">
|
||||
<el-table-column
|
||||
label="申请人"
|
||||
prop="name"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="申请部门"
|
||||
prop="dept"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="申请会议室"
|
||||
prop="roomName"
|
||||
header-align="center"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="申请时段"
|
||||
prop="bookDate"
|
||||
header-align="center"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="申请状态"
|
||||
prop="state"
|
||||
header-align="center"
|
||||
align="center"
|
||||
:formatter="formatter"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
:label="$t('handle')"
|
||||
fixed="right"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="taskDetails(scope.row, scope.row.state)"
|
||||
>{{ scope.row.state == '1' ? '处理' : '详情' }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:page-sizes="[10, 20, 50]"
|
||||
:page-size="100"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total"
|
||||
>
|
||||
</el-pagination>
|
||||
</div>
|
||||
<el-dialog
|
||||
:title="lookData.roomName"
|
||||
:visible.sync="dialogVisible"
|
||||
width="50%"
|
||||
>
|
||||
<div class="modalResult" style="margin-bottom: 20px">处理结果</div>
|
||||
<div
|
||||
style="
|
||||
width: 100%;
|
||||
height: 0.01rem;
|
||||
border-top: 1px solid #ccc;
|
||||
transform: scaleY(0.5);
|
||||
"
|
||||
></div>
|
||||
<div
|
||||
class="modalExamine"
|
||||
style="display: flex; flex-direction: column; margin-top: 20px"
|
||||
>
|
||||
<span style="margin-bottom: 20px">
|
||||
审核结果：{{ lookData.state === '2' ? '通过' : '不通过' }}
|
||||
</span>
|
||||
<span style="width: 90%; margin-bottom: 20px">
|
||||
审核意见：{{ lookData.auditViem }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="modalYuyue" style="margin-bottom: 20px">预约信息</div>
|
||||
<div
|
||||
style="
|
||||
width: 100%;
|
||||
height: 0.01rem;
|
||||
border-top: 1px solid #ccc;
|
||||
transform: scaleY(0.5);
|
||||
"
|
||||
></div>
|
||||
<div class="modalTime" style="margin-bottom: 20px">
|
||||
<div style="margin: 20px 0 20px 0">
|
||||
预约日期：{{ lookData.bookDate }}
|
||||
</div>
|
||||
<div>预约时段：{{ lookData.startTime }}-{{ lookData.endTime }}</div>
|
||||
<div
|
||||
class="modalContent"
|
||||
style="
|
||||
width: 85%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 15px 0 15px 0;
|
||||
"
|
||||
>
|
||||
<span>预约人：{{ lookData.name }}</span>
|
||||
<span>联系方式：{{ lookData.phone }}</span>
|
||||
<span>预约部门：{{ lookData.dept }}</span>
|
||||
</div>
|
||||
<div style="width: 800px; margin-bottom: 30px">
|
||||
使用事项：{{ lookData.matter }}
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="display: flex; align-items: center">
|
||||
<span>附件：</span>
|
||||
<el-button
|
||||
v-show="file != ''"
|
||||
size="mini"
|
||||
@click="downloadTemplate(file)"
|
||||
>下载</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog
|
||||
:title="lookData.roomName"
|
||||
:visible.sync="dialogVisibleChuli"
|
||||
width="50%"
|
||||
>
|
||||
<div class="modalResult" style="margin-bottom: 10px">预约信息</div>
|
||||
<div
|
||||
style="
|
||||
width: 100%;
|
||||
height: 0.01rem;
|
||||
border-top: 1px solid #ccc;
|
||||
transform: scaleY(0.5);
|
||||
"
|
||||
></div>
|
||||
<el-row style="display: flex; margin-top: 20px">
|
||||
<el-col :span="8">预约日期：{{ lookData.bookDate }}</el-col>
|
||||
<el-col :span="8"
|
||||
>预约时段：{{ lookData.startTime }}-{{ lookData.endTime }}</el-col
|
||||
>
|
||||
</el-row>
|
||||
<div class="modalTime">
|
||||
<el-row class="modalContent" style="margin: 15px 0 15px 0">
|
||||
<el-col :span="8">申请人：{{ lookData.name }}</el-col>
|
||||
<el-col :span="8">联系方式：{{ lookData.phone }}</el-col>
|
||||
<el-col :span="8">申请部门：{{ lookData.dept }}</el-col>
|
||||
</el-row>
|
||||
<el-row style="margin-bottom: 30px">
|
||||
<el-col :span="24"> 使用事项：{{ lookData.matter }} </el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="2">审核结果：</el-col>
|
||||
<el-col :span="8" style="display: flex">
|
||||
<el-radio v-model="radio" label="2">通过</el-radio>
|
||||
<el-radio v-model="radio" label="3">不通过</el-radio>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row style="display: flex; margin-top: 20px">
|
||||
<el-col :span="2">审核意见：</el-col>
|
||||
<el-col :span="16">
|
||||
<el-input type="textarea" v-model="desc"></el-input>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="No">取 消</el-button>
|
||||
<el-button type="primary" @click="ok">确 定</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</el-card>
|
||||
</template>
|
||||
<script>
|
||||
import Cookies from 'js-cookie'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
options: [
|
||||
{
|
||||
value: '1',
|
||||
label: '待审核',
|
||||
},
|
||||
{
|
||||
value: '0',
|
||||
label: '审核完成',
|
||||
},
|
||||
],
|
||||
value: '',
|
||||
limit: 10,
|
||||
page: 1,
|
||||
total: 0,
|
||||
roomName: '',
|
||||
tableData: [],
|
||||
dialogVisible: false,
|
||||
dialogVisibleChuli: false,
|
||||
lookData: {},
|
||||
radio: '2',
|
||||
desc: '',
|
||||
id: '',
|
||||
num: '',
|
||||
file: '',
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getSerach()
|
||||
},
|
||||
methods: {
|
||||
getSerach() {
|
||||
this.$http
|
||||
.get(
|
||||
`/bookMeeting/auditPage?page=${this.page}&limit=${this.limit}&roomName=${this.roomName}&state=${this.value}`
|
||||
)
|
||||
.then(({ data: res }) => {
|
||||
console.log(res, 7777777)
|
||||
this.tableData = res.data.list
|
||||
this.total = res.data.total
|
||||
})
|
||||
},
|
||||
downloadTemplate(file) {
|
||||
// window.SITE_CONFIG.apiURL +
|
||||
window.open(`${file}?token=` + Cookies.get('ucsToken'))
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.limit = val
|
||||
this.getSerach()
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.page = val
|
||||
this.getSerach()
|
||||
},
|
||||
searchData() {
|
||||
this.getSerach()
|
||||
},
|
||||
taskDetails(item, num) {
|
||||
if (num == '1') {
|
||||
this.dialogVisibleChuli = true
|
||||
this.id = item.id
|
||||
} else {
|
||||
this.dialogVisible = true
|
||||
this.$http.get(`bookMeeting/${item.id}`).then(({ data: res }) => {
|
||||
console.log(55555555)
|
||||
this.file = res.data.file
|
||||
})
|
||||
}
|
||||
this.lookData = item
|
||||
},
|
||||
|
||||
ok() {
|
||||
let query = {
|
||||
auditViem: this.desc,
|
||||
state: this.radio,
|
||||
id: this.id,
|
||||
}
|
||||
this.$http.put('/bookMeeting', query).then(({ data: res }) => {
|
||||
this.dialogVisibleChuli = false
|
||||
this.radio = '2'
|
||||
this.desc = ''
|
||||
this.getSerach()
|
||||
})
|
||||
},
|
||||
No() {
|
||||
this.radio = '2'
|
||||
this.desc = ''
|
||||
this.dialogVisibleChuli = false
|
||||
},
|
||||
formatter(row, column) {
|
||||
return row.state == '1' ? '待审核' : '审核完成'
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.roomBox {
|
||||
min-height: calc(calc(100vh - 50px - 38px - 30px));
|
||||
.roomHeadSpan {
|
||||
font-weight: 600;
|
||||
}
|
||||
.roomExamineSearch {
|
||||
display: flex;
|
||||
width: 410px;
|
||||
margin-bottom: 20px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
.dialog-footer {
|
||||
text-align: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
// ::v-deep .el-input {
|
||||
// margin-right: 15px;
|
||||
// display: inline-block;
|
||||
// }
|
||||
// ::v-deep .el-select {
|
||||
// margin-right: 20px;
|
||||
// display: inline-block;
|
||||
// }
|
||||
</style>
|
||||
|
|
@ -86,11 +86,8 @@
|
|||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="showDetail(scope.row)"
|
||||
>{{ $t('process.viewFlowImage') }}</el-button
|
||||
<el-button type="text" size="small" @click="showDetail(scope.row)"
|
||||
>详情</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
|
|||
|
|
@ -86,11 +86,8 @@
|
|||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="showDetail(scope.row)"
|
||||
>{{ $t('process.viewFlowImage') }}</el-button
|
||||
<el-button type="text" size="small" @click="showDetail(scope.row)"
|
||||
>详情</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
|
|||
|
|
@ -86,11 +86,8 @@
|
|||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="showDetail(scope.row)"
|
||||
>{{ $t('process.viewFlowImage') }}</el-button
|
||||
<el-button type="text" size="small" @click="showDetail(scope.row)"
|
||||
>详情</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
|
|||
|
|
@ -86,11 +86,8 @@
|
|||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="showDetail(scope.row)"
|
||||
>{{ $t('process.viewFlowImage') }}</el-button
|
||||
<el-button type="text" size="small" @click="showDetail(scope.row)"
|
||||
>详情</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
|
|||
|
|
@ -86,11 +86,8 @@
|
|||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="showDetail(scope.row)"
|
||||
>{{ $t('process.viewFlowImage') }}</el-button
|
||||
<el-button type="text" size="small" @click="showDetail(scope.row)"
|
||||
>详情</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,381 @@
|
|||
<template>
|
||||
<el-card shadow="never" class="roomBox">
|
||||
<div>
|
||||
<div slot="header" class="roomHeadSpan">
|
||||
<span>会议室管理</span>
|
||||
<el-button
|
||||
style="float: right; padding: 5px 5px"
|
||||
type="primary"
|
||||
icon="el-icon-circle-plus-outline"
|
||||
@click="addRooom"
|
||||
>新增</el-button
|
||||
>
|
||||
</div>
|
||||
<el-table border style="width: 100%" :data="tableData">
|
||||
<el-table-column
|
||||
label="会议室名称"
|
||||
prop="name"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="房间号"
|
||||
prop="num"
|
||||
header-align="center"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="面积（m²）"
|
||||
prop="area"
|
||||
header-align="center"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="可容纳人数（人）"
|
||||
prop="capacity"
|
||||
header-align="center"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
:label="$t('handle')"
|
||||
fixed="right"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="small" @click="taskDetails(scope.row)"
|
||||
>详情</el-button
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="taskUpdate(scope.row)"
|
||||
>{{ $t('update') }}</el-button
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="taskDelete(scope.row)"
|
||||
>{{ $t('delete') }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-dialog
|
||||
@close="outDialog"
|
||||
:title="
|
||||
flge === 'add'
|
||||
? '会议室新增'
|
||||
: flge === 'look'
|
||||
? '会议室详情'
|
||||
: '会议室修改'
|
||||
"
|
||||
:visible.sync="dialogFormVisible"
|
||||
>
|
||||
<el-form
|
||||
:model="ruleForm"
|
||||
:label-position="labelPosition"
|
||||
size="small"
|
||||
:rules="rules"
|
||||
ref="ruleForm"
|
||||
:disabled="flge === 'look' ? true : flge === 'edit' ? false : false"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="会议室名称"
|
||||
prop="name"
|
||||
:label-width="formLabelWidth"
|
||||
>
|
||||
<el-input v-model="ruleForm.name" style="width: 90%"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="房间号"
|
||||
prop="num"
|
||||
:label-width="formLabelWidth"
|
||||
>
|
||||
<el-input v-model="ruleForm.num" style="width: 90%"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="会议室面积"
|
||||
prop="area"
|
||||
:label-width="formLabelWidth"
|
||||
>
|
||||
<el-input v-model="ruleForm.area" style="width: 90%"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="可容纳人数"
|
||||
prop="capacity"
|
||||
:label-width="formLabelWidth"
|
||||
>
|
||||
<el-input
|
||||
v-model="ruleForm.capacity"
|
||||
style="width: 90%"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col>
|
||||
<el-form-item
|
||||
label="描述"
|
||||
prop="description"
|
||||
:label-width="formLabelWidth"
|
||||
>
|
||||
<el-input
|
||||
type="textarea"
|
||||
v-model="ruleForm.description"
|
||||
style="width: 96%"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col>
|
||||
<el-form-item
|
||||
label="会议室图片"
|
||||
prop="pic"
|
||||
:label-width="formLabelWidth"
|
||||
>
|
||||
<div v-if="flge != 'look'">
|
||||
<span slot="tip" class="el-upload__tip">
|
||||
支持图片类型，且不超过500kb
|
||||
</span>
|
||||
</div>
|
||||
<!-- :file-list="fileList" -->
|
||||
<el-upload
|
||||
v-if="flge != 'look'"
|
||||
class="upload-demo"
|
||||
accept=".jpg, .jpeg, .png"
|
||||
:action="apiURL"
|
||||
:on-preview="handlePictureCardPreview"
|
||||
:on-success="onSuccess"
|
||||
:on-remove="onRemove"
|
||||
:file-list="fileList"
|
||||
list-type="picture-card"
|
||||
:limit="1"
|
||||
>
|
||||
<i class="el-icon-plus"></i>
|
||||
</el-upload>
|
||||
<el-dialog :visible.sync="dialogVisible">
|
||||
<img width="100%" :src="picImg" alt="" />
|
||||
</el-dialog>
|
||||
<div
|
||||
class="block"
|
||||
style="width: 15rem; height: 10rem"
|
||||
v-if="flge == 'look' && picImg != ''"
|
||||
>
|
||||
<el-image :src="picImg"></el-image>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<!-- <el-button @click="dialogFormVisible = false">取 消</el-button> -->
|
||||
<el-button
|
||||
type="primary"
|
||||
v-if="flge != 'look'"
|
||||
@click="submitForm('ruleForm', flge)"
|
||||
>保 存</el-button
|
||||
>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-pagination
|
||||
:current-page="page"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
:page-size="limit"
|
||||
:total="total"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
>
|
||||
</el-pagination>
|
||||
</div>
|
||||
</el-card>
|
||||
</template>
|
||||
<script>
|
||||
import Cookies from 'js-cookie'
|
||||
export default {
|
||||
data() {
|
||||
// let validatorImg = (rule, value, callback) => {
|
||||
// console.log(value, 11111111)
|
||||
// //验证器
|
||||
// if (!this.checkImgSuccess) {
|
||||
// //为true代表图片在 false报错
|
||||
// callback(new Error('请上传图片'))
|
||||
// } else {
|
||||
// callback()
|
||||
// }
|
||||
// }
|
||||
return {
|
||||
apiURL:
|
||||
window.SITE_CONFIG.apiURL + '/upload?token=' + Cookies.get('ucsToken'),
|
||||
labelPosition: 'left',
|
||||
dialogFormVisible: false,
|
||||
// dialogImageUrl: '',
|
||||
ruleForm: {
|
||||
name: '',
|
||||
num: '',
|
||||
area: '',
|
||||
capacity: '',
|
||||
pic: '',
|
||||
id: '',
|
||||
},
|
||||
limit: 10,
|
||||
page: 1,
|
||||
total: 0,
|
||||
picImg: '',
|
||||
tableData: [],
|
||||
fileList: [],
|
||||
rules: {
|
||||
name: [
|
||||
{ required: true, message: '请输入会议室名称', trigger: 'blur' },
|
||||
{ min: 1, trigger: 'blur' },
|
||||
],
|
||||
area: [
|
||||
{ required: true, message: '请输入会议室面积', trigger: 'blur' },
|
||||
{ min: 1, trigger: 'blur' },
|
||||
],
|
||||
description: [
|
||||
{ required: true, message: '请填写描述内容', trigger: 'blur' },
|
||||
],
|
||||
},
|
||||
formLabelWidth: '100px',
|
||||
checkImgSuccess: true,
|
||||
dialogVisible: false,
|
||||
flge: '',
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.queryData()
|
||||
},
|
||||
methods: {
|
||||
// 页面查询接口
|
||||
queryData() {
|
||||
this.$http
|
||||
.get(`/meeting/page?limit=${this.limit}&page=${this.page}`)
|
||||
.then(({ data: res }) => {
|
||||
this.total = res.data.total
|
||||
this.tableData = res.data.list
|
||||
})
|
||||
},
|
||||
// 分页
|
||||
handleSizeChange(val) {
|
||||
this.limit = val
|
||||
this.queryData()
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.page = val
|
||||
this.queryData()
|
||||
},
|
||||
// 新增
|
||||
addRooom() {
|
||||
this.dialogFormVisible = true
|
||||
this.flge = 'add'
|
||||
this.ruleForm = {}
|
||||
this.fileList = []
|
||||
},
|
||||
handlePictureCardPreview(file) {
|
||||
this.dialogImageUrl = file.url
|
||||
this.dialogVisible = true
|
||||
},
|
||||
//图片上传成功时钩子
|
||||
onSuccess(response, file, fileList) {
|
||||
this.ruleForm.pic = response.data
|
||||
// this.$refs.ruleForm.clearValidate() //上传成功清除校验
|
||||
this.checkImgSuccess = true
|
||||
},
|
||||
//图片删除时钩子
|
||||
onRemove(file, fileList) {
|
||||
this.$nextTick(() => {
|
||||
if (fileList.length == 0) {
|
||||
this.checkImgSuccess = false //检查图片是否加载成功
|
||||
// this.$refs.ruleForm.validate() //删除图片,重新触发校验
|
||||
}
|
||||
})
|
||||
},
|
||||
// 保存
|
||||
submitForm(formName, i) {
|
||||
console.log(i, 9999999)
|
||||
this.$refs[formName].validate((valid) => {
|
||||
if (valid) {
|
||||
if (i === 'add') {
|
||||
this.dialogFormVisible = false
|
||||
this.$http.post('/meeting', this.ruleForm).then(({ data: res }) => {
|
||||
this.queryData()
|
||||
})
|
||||
} else if (i === 'edit') {
|
||||
this.dialogFormVisible = false
|
||||
this.$http.put(`/meeting`, this.ruleForm).then(({ data: res }) => {
|
||||
this.ruleForm = res.data
|
||||
let imgUrl = { name: res.data.name, url: res.data.pic }
|
||||
this.fileList.push(imgUrl)
|
||||
})
|
||||
}
|
||||
} else {
|
||||
console.log('error submit!!')
|
||||
return false
|
||||
}
|
||||
})
|
||||
},
|
||||
// 详情
|
||||
taskDetails(row) {
|
||||
this.ruleForm = {}
|
||||
this.fileList = []
|
||||
this.flge = 'look'
|
||||
this.$http.get(`/meeting/${row.id}`).then(({ data: res }) => {
|
||||
this.dialogFormVisible = true
|
||||
this.ruleForm = res.data
|
||||
if (res.data.pic != null) {
|
||||
// let imgUrl = { name: res.data.name, url: res.data.pic }
|
||||
// this.fileList.push(imgUrl)
|
||||
this.picImg = res.data.pic
|
||||
} else {
|
||||
this.picImg = ''
|
||||
}
|
||||
})
|
||||
},
|
||||
//修改
|
||||
taskUpdate(row) {
|
||||
this.dialogFormVisible = true
|
||||
this.fileList = []
|
||||
this.flge = 'edit'
|
||||
this.ruleForm = row
|
||||
if (row.pic != null) {
|
||||
let imgUrl = { name: row.name, url: row.pic }
|
||||
this.fileList.push(imgUrl)
|
||||
} else {
|
||||
this.fileList = []
|
||||
}
|
||||
},
|
||||
//删除图片
|
||||
taskDelete(row) {
|
||||
console.log(row, '点击了删除')
|
||||
this.$http
|
||||
.put(`/meeting`, { delFlag: 1, id: row.id })
|
||||
.then(({ data: res }) => {
|
||||
this.queryData()
|
||||
})
|
||||
},
|
||||
//监听关闭按钮时间
|
||||
outDialog() {},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.roomBox {
|
||||
min-height: calc(calc(100vh - 50px - 38px - 30px));
|
||||
.roomHeadSpan {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
::v-deep .el-dialog__footer {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -370,6 +370,39 @@ export function getDevelopDocTree(params) {
|
|||
params,
|
||||
})
|
||||
}
|
||||
|
||||
//会议室查询接口
|
||||
export function getRoomSearch(params) {
|
||||
return request({
|
||||
url: '/bookMeeting/list',
|
||||
method: 'get',
|
||||
params,
|
||||
})
|
||||
}
|
||||
//预约弹框选择日期接口
|
||||
export function getDate(params) {
|
||||
return request({
|
||||
url: '/bookMeeting/availableDate',
|
||||
method: 'get',
|
||||
params,
|
||||
})
|
||||
}
|
||||
//预约提交
|
||||
export function setSubmit(data) {
|
||||
return request({
|
||||
url: '/bookMeeting',
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
//预约结果查询按钮
|
||||
export function getYuyue(params) {
|
||||
return request({
|
||||
url: '/bookMeeting/page',
|
||||
method: 'get',
|
||||
params,
|
||||
})
|
||||
}
|
||||
// 能力广场 应用资源
|
||||
export function selectAppList(params) {
|
||||
return request({
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 705 B |
|
|
@ -8,7 +8,7 @@
|
|||
class="algorithm-card"
|
||||
>
|
||||
<a-image
|
||||
:src="algorithmCardPhoto(item.infoList)"
|
||||
:src="algorithmCardPhoto(item.infoList, item)"
|
||||
:width="525"
|
||||
:height="275"
|
||||
:fallback="imgSrc"
|
||||
|
|
@ -55,18 +55,18 @@
|
|||
}
|
||||
pageWithAttrsFunction()
|
||||
//图片显示
|
||||
const algorithmCardPhoto = (List) => {
|
||||
let obj = List.filter((item) => item.attrType === '图层缩略图')[0]
|
||||
if (obj) {
|
||||
List.map((item) => {
|
||||
if (item.attrType === '图层缩略图') {
|
||||
url.value = item.attrValue
|
||||
}
|
||||
})
|
||||
} else {
|
||||
url.value = '@/assets/capacitySquare/algorithm-photo.jpg'
|
||||
const algorithmCardPhoto = (List, item) => {
|
||||
let obj = List.filter((item) => item.attrType === '应用场景')[0]
|
||||
if (obj && obj.attrValue != '') {
|
||||
console.log(
|
||||
item.name,
|
||||
item.id,
|
||||
obj.attrValue,
|
||||
'----------------------------'
|
||||
)
|
||||
obj = JSON.parse(obj.attrValue)[0].img
|
||||
}
|
||||
return url.value
|
||||
return obj || ''
|
||||
}
|
||||
//跳转详情页
|
||||
const detailFunction = (id) => {
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
* @Author: hisense.liangjunhua
|
||||
* @Date: 2022-08-09 09:31:25
|
||||
* @LastEditors: hisense.liangjunhua
|
||||
* @LastEditTime: 2022-08-09 18:25:06
|
||||
* @LastEditTime: 2022-08-10 14:29:05
|
||||
* @Description: 应用资源
|
||||
-->
|
||||
<template>
|
||||
|
|
@ -50,12 +50,13 @@
|
|||
const selectFlag = ref(false)
|
||||
let dom = null
|
||||
const goToView = (id) => {
|
||||
router.push({
|
||||
const newpage = router.resolve({
|
||||
path: '/details',
|
||||
query: {
|
||||
id: id,
|
||||
},
|
||||
})
|
||||
window.open(newpage.href, '_blank')
|
||||
}
|
||||
const getList = (str) => {
|
||||
if (str) {
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<detailsPageconetentTree />
|
||||
</div>
|
||||
<div class="details-pageconetent-left" v-else>
|
||||
<detailsPageInfrastructureTree />
|
||||
<detailsPageInfrastructureTree v-show="flag != '6'" />
|
||||
</div>
|
||||
<div class="top" v-if="Cardsname != '知识库' && Cardsname != '基础设施'">
|
||||
<div class="top-title">
|
||||
|
|
@ -178,7 +178,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="top-content-father">
|
||||
<infrastructurePage />
|
||||
<infrastructurePage @add="handleAdd" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="top" v-else>
|
||||
|
|
@ -742,6 +742,12 @@
|
|||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
//会议室传的标识6
|
||||
const flag = ref('')
|
||||
|
||||
const handleAdd = (value) => {
|
||||
flag.value = value
|
||||
}
|
||||
const titleName = ref(titleNameArray)
|
||||
|
||||
const openMonitor = () => {
|
||||
|
|
@ -1446,6 +1452,8 @@
|
|||
getShoppingCartList,
|
||||
whoShow1,
|
||||
applyAll,
|
||||
handleAdd,
|
||||
flag,
|
||||
abilitySquare,
|
||||
visibleAbilitySquare,
|
||||
showAbilitySquare,
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
props.showView === 'algorithm-details' ? 'blue' : '',
|
||||
]"
|
||||
>
|
||||
<div class="name">
|
||||
<div class="name" @click="goToHome">
|
||||
<div class="name-bg" v-if="!whoShow1.itShowXiHaiAn"></div>
|
||||
<div class="name-bg-xihaian" v-else></div>
|
||||
<div class="name-content">
|
||||
|
|
@ -178,6 +178,12 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
// 返回首页
|
||||
const goToHome = () => {
|
||||
router.push({
|
||||
path: '/home',
|
||||
})
|
||||
}
|
||||
// 跳转页面
|
||||
const jumpPage = (item) => {
|
||||
// console.log(item)
|
||||
|
|
@ -355,6 +361,7 @@
|
|||
font-size: 0.16rem;
|
||||
}
|
||||
.name {
|
||||
cursor: pointer;
|
||||
font-size: 0.22rem;
|
||||
font-family: header-typeface;
|
||||
margin-right: 0.2rem;
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<div class="img" :style="{ 'background-image': `url(${abilityInfo.bgImg || ''})` }"></div>
|
||||
<div class="list-box" v-if="abilityInfo.list.length">
|
||||
<div class="list-item" v-for="(item, i) in abilityInfo.list" :key="i" :class="i % 2 == 0 ? 'one' : ''">
|
||||
{{ item }}</div>
|
||||
{{ (item || item === 0) ? item : '--' }}</div>
|
||||
</div>
|
||||
<div class="no-data" v-else>
|
||||
<a-empty description="暂无数据" />
|
||||
|
|
@ -15,8 +15,6 @@ const props = defineProps({
|
|||
abilityInfo: { type: Object, default: () => { } },
|
||||
})
|
||||
|
||||
console.log('abilityInfo------------>', props.abilityInfo);
|
||||
|
||||
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
|
|
|
|||
|
|
@ -118,6 +118,7 @@
|
|||
? 'ywzj'
|
||||
: ''
|
||||
"
|
||||
@click="toView('details', item)"
|
||||
v-else-if="
|
||||
selectCardsname !== '基础设施' &&
|
||||
selectCardsname !== '融合服务' &&
|
||||
|
|
@ -131,7 +132,7 @@
|
|||
selectCardsname === '融合服务' || selectCardsname === '赋能场景'
|
||||
"
|
||||
></div>
|
||||
<div class="right">
|
||||
<div class="right" @click="toView('details', item)">
|
||||
<div class="header">
|
||||
<span style="display: flex; align-items: center; width: 680px">
|
||||
{{ item.name }}
|
||||
|
|
@ -237,24 +238,10 @@
|
|||
<span>{{ item.createDate.substring(11, 19) }}</span>
|
||||
</template>
|
||||
<template v-else>--</template>
|
||||
<!-- <span>{{ item.createDate || '--' }}</span> -->
|
||||
</div>
|
||||
<!-- <div>
|
||||
更新时间：
|
||||
<span>{{ item.updateDate || '--' }}</span> -->
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="dec">
|
||||
<!-- <div
|
||||
v-if="
|
||||
selectCardsname !== '基础设施' &&
|
||||
selectCardsname !== '数据资源' &&
|
||||
selectCardsname !== '融合服务'
|
||||
"
|
||||
>
|
||||
<span>{{ item.shareType || '--' }}</span>
|
||||
</div> -->
|
||||
<div
|
||||
v-if="
|
||||
selectCardsname !== '融合服务' &&
|
||||
|
|
@ -310,18 +297,8 @@
|
|||
收藏量：{{ item.collectCount || 0 }}次
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="pingfen">
|
||||
<a-tooltip placement="top" mouseEnterDelay="1">
|
||||
<a-rate
|
||||
:value="item.score || 0"
|
||||
disabled
|
||||
v-if="item.score != 0"
|
||||
/>
|
||||
</a-tooltip>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="right" v-if="selectCardsname !== '基础设施'">
|
||||
<!-- 申购车 -->
|
||||
<div class="shopping" :key="shoppingKey">
|
||||
<template
|
||||
v-if="
|
||||
|
|
@ -339,7 +316,7 @@
|
|||
<span
|
||||
class="shopping-on"
|
||||
v-else
|
||||
@click="addShoppingCart(item, index)"
|
||||
@click.stop="addShoppingCart(item, index)"
|
||||
></span>
|
||||
</template>
|
||||
</div>
|
||||
|
|
@ -347,12 +324,12 @@
|
|||
<span
|
||||
class="sc-down"
|
||||
v-if="item.isCollect == 'false'"
|
||||
@click="addCollect(item)"
|
||||
@click.stop="addCollect(item)"
|
||||
></span>
|
||||
<span
|
||||
class="sc-on"
|
||||
v-if="item.isCollect == 'true'"
|
||||
@click="addCollect(item)"
|
||||
@click.stop="addCollect(item)"
|
||||
></span>
|
||||
</div>
|
||||
<div
|
||||
|
|
@ -362,11 +339,14 @@
|
|||
cardType == '组件服务' && findComponentName(item, '智能算法')
|
||||
"
|
||||
>
|
||||
<span class="pk-on" @click="goComparePk(item, index)"></span>
|
||||
<span
|
||||
class="pk-on"
|
||||
@click.stop="goComparePk(item, index)"
|
||||
></span>
|
||||
</div>
|
||||
<a-button
|
||||
type="primary"
|
||||
@click="toView('details', item)"
|
||||
@click.stop="toView('details', item)"
|
||||
v-if="!whoShow1.itShowBaoTou"
|
||||
>
|
||||
查看详情
|
||||
|
|
@ -377,21 +357,13 @@
|
|||
selectCardsname === '融合服务' ||
|
||||
selectCardsname === '赋能场景'
|
||||
"
|
||||
@click="handleAKeyApplication(item)"
|
||||
@click.stop="handleAKeyApplication(item)"
|
||||
>
|
||||
一键申请
|
||||
</a-button>
|
||||
<!-- <a-button
|
||||
style="margin-left: 10px"
|
||||
v-show="
|
||||
cardType == '组件服务' && findComponentName(item, '智能算法')
|
||||
"
|
||||
>
|
||||
免费试用
|
||||
</a-button> -->
|
||||
<a-button
|
||||
type="primary"
|
||||
@click="toView('apply', item)"
|
||||
@click.stop="toView('apply', item)"
|
||||
v-show="
|
||||
cardType == '组件服务' ||
|
||||
(cardType == '应用资源' && whoShow1.itShowQingDao)
|
||||
|
|
@ -660,6 +632,15 @@
|
|||
if (webUrl) {
|
||||
window.open(webUrl)
|
||||
} else {
|
||||
if (
|
||||
!(
|
||||
props.selectCardsname === '应用资源' ||
|
||||
props.selectCardsname === '组件服务'
|
||||
) ||
|
||||
whoShow1.itShowBaoTou
|
||||
) {
|
||||
return
|
||||
}
|
||||
// 内部跳转申请页面
|
||||
console.log('一键申请===================>', item)
|
||||
localStorage.setItem(
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -19,17 +19,22 @@
|
|||
<div class="hengxian"></div>
|
||||
</div>
|
||||
</div>
|
||||
<searchResultList v-show="resourceList.data && resourceList.data.length > 0" :key="listKey2"
|
||||
:resourceList="resourceList" :resourceTotal="resourceTotal" :selectCardsname="number == 0 ? '融合服务' : '赋能场景'" />
|
||||
<div class="pagination">
|
||||
<a-pagination v-if="resourceList.data && resourceList.data.length > 0" v-model:current="currentPage"
|
||||
v-model:pageSize="currentPageSize" show-size-changer show-less-items show-quick-jumper :total="resourceTotal"
|
||||
:page-size-options="pageSizeOptions" @change="pageChange" @showSizeChange="onShowSizeChange" />
|
||||
</div>
|
||||
<div v-if="resourceList.data && resourceList.data.length <= 0" style="margin-top: 2rem">
|
||||
<a-empty />
|
||||
<div v-loading="loadingData">
|
||||
<searchResultList v-show="resourceList.data && resourceList.data.length > 0" :key="listKey2"
|
||||
:resourceList="resourceList" :resourceTotal="resourceTotal"
|
||||
:selectCardsname="number == 0 ? '融合服务' : '赋能场景'" />
|
||||
<div class="pagination">
|
||||
<a-pagination v-if="resourceList.data && resourceList.data.length > 0" v-model:current="currentPage"
|
||||
v-model:pageSize="currentPageSize" show-size-changer show-less-items show-quick-jumper
|
||||
:total="resourceTotal" :page-size-options="pageSizeOptions" @change="pageChange"
|
||||
@showSizeChange="onShowSizeChange" />
|
||||
</div>
|
||||
<div v-if="resourceList.data && resourceList.data.length <= 0" style="margin-top: 2rem">
|
||||
<a-empty />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<home-footer></home-footer>
|
||||
</template>
|
||||
|
|
@ -58,6 +63,7 @@ export default defineComponent({
|
|||
const resourceList = reactive({ data: [] })
|
||||
const resourceTotal = ref(0)
|
||||
const current = ref(1)
|
||||
const loadingData = ref(false)
|
||||
// 选项卡
|
||||
const titleName = ref([
|
||||
{
|
||||
|
|
@ -120,6 +126,8 @@ export default defineComponent({
|
|||
|
||||
// 获取融合服务列表
|
||||
const getIntegrationList = () => {
|
||||
loadingData.value = true;
|
||||
console.log('获取融合服务列表------------>');
|
||||
let postData = {
|
||||
limit: currentPageSize.value,
|
||||
page: currentPage.value,
|
||||
|
|
@ -130,13 +138,17 @@ export default defineComponent({
|
|||
}
|
||||
getIntegrationServicesList(postData).then(
|
||||
(res) => {
|
||||
loadingData.value = false;
|
||||
if (res.data.code !== 0) {
|
||||
return message.error(res.data.msg)
|
||||
}
|
||||
console.log('res.data------------>', res.data);
|
||||
|
||||
resourceList.data = res.data.data.list || []
|
||||
resourceTotal.value = res.data.data.total || 0
|
||||
},
|
||||
(err) => {
|
||||
loadingData.value = false;
|
||||
message.error(err)
|
||||
}
|
||||
)
|
||||
|
|
@ -180,6 +192,7 @@ export default defineComponent({
|
|||
}
|
||||
|
||||
onMounted(() => {
|
||||
console.log('222----onMounted-------->', 222);
|
||||
listKey2.value++
|
||||
getAppResources()
|
||||
})
|
||||
|
|
@ -215,6 +228,7 @@ export default defineComponent({
|
|||
titleName,
|
||||
changeCards,
|
||||
number,
|
||||
loadingData,
|
||||
}
|
||||
},
|
||||
components: {
|
||||
|
|
|
|||
|
|
@ -20,7 +20,9 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="flex-row-start desc">
|
||||
<div class="desc">描述：{{ detailInfoObj.description || '--' }}</div>
|
||||
<a-tooltip placement="topLeft" :title="detailInfoObj.description || '--'">
|
||||
<div class="desc">描述：{{ detailInfoObj.description || '--' }}</div>
|
||||
</a-tooltip>
|
||||
</div>
|
||||
<div class="btn-box">
|
||||
<a-button size="big" class="btn-text" type="primary" @click="handleAKeyApplication()">
|
||||
|
|
@ -29,12 +31,11 @@
|
|||
</template>
|
||||
申请使用
|
||||
</a-button>
|
||||
<a-button size="big" class="btn-text" :type="detailInfoObj.isCollect == 'true' ? 'primary' : ''"
|
||||
@click="addCollect()">
|
||||
<a-button size="big" class="btn-text" type="primary" @click="addCollect()">
|
||||
<template #icon>
|
||||
<form-outlined />
|
||||
</template>
|
||||
收藏
|
||||
{{ detailInfoObj.isCollect == 'true' ? '已收藏' : '收藏' }}
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -79,21 +80,25 @@ const abilityList = ref([
|
|||
{
|
||||
name: '数据资源',
|
||||
bgImg: require('../../assets/home/integration/sjzyDetail.png'),
|
||||
list: []
|
||||
list: [],
|
||||
showTextKey: 'zyname',
|
||||
},
|
||||
{
|
||||
name: '组件服务',
|
||||
bgImg: require('../../assets/home/integration/zjfwDetail.png'),
|
||||
list: []
|
||||
list: [],
|
||||
showTextKey: 'name',
|
||||
},
|
||||
{
|
||||
name: '基础设施',
|
||||
bgImg: require('../../assets/home/integration/jcssDetail.png'),
|
||||
list: []
|
||||
list: [],
|
||||
showTextKey: 'channelName',
|
||||
},
|
||||
])
|
||||
const imgUrl = ref('')
|
||||
|
||||
|
||||
// 融合服务--详情
|
||||
const getIntegrationServicesDeatil = (id) => {
|
||||
loadingPage.value = true
|
||||
|
|
@ -109,7 +114,7 @@ const getIntegrationServicesDeatil = (id) => {
|
|||
let fuseResourceList = detailInfoObj.value.fuseResourceList || []
|
||||
abilityList.value.map(v => {
|
||||
let list = fuseResourceList.filter(x => x.type == v.name) || [];
|
||||
v.list = list.map(v => v.resource && v.resource.channelName) || []
|
||||
v.list = list.map(x => x.resource && x.resource[v.showTextKey]) || []
|
||||
})
|
||||
let imgList = detailInfoObj.value.fuseAttrList.filter((val) => val.attrType == '服务图片') || []
|
||||
imgUrl.value = imgList[0] && imgList[0].attrValue || ''
|
||||
|
|
@ -299,12 +304,10 @@ getIntegrationServicesDeatil(id)
|
|||
|
||||
.name {
|
||||
font-size: 0.16rem;
|
||||
margin-bottom: 0.2rem;
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
|
||||
.area {
|
||||
margin-bottom: 0.2rem;
|
||||
margin: 0.1rem 0;
|
||||
}
|
||||
|
||||
.desc {
|
||||
|
|
@ -319,7 +322,7 @@ getIntegrationServicesDeatil(id)
|
|||
|
||||
.btn-box {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
bottom: -15px;
|
||||
left: 0.2rem;
|
||||
|
||||
.btn-text {
|
||||
|
|
@ -341,5 +344,4 @@ getIntegrationServicesDeatil(id)
|
|||
.list-box {
|
||||
padding: 0.4rem;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue