Compare commits
22 Commits
46558e465e
...
432f8fef23
| Author | SHA1 | Date |
|---|---|---|
 wuhongjian
|
432f8fef23 | |
|
wuhongjian
|
becacd1599 | |
|
wuhongjian
|
b7b0a14b86 | |
851673013@qq.com
|
ae22bbd063 | |
|
851673013@qq.com
|
71b6b2edd7 | |
|
851673013@qq.com
|
a44cce5492 | |
|
851673013@qq.com
|
dcf90b081e | |
|
gaoyuanwei
|
b8ddfe5938 | |
|
gaoyuanwei
|
d44af11e8a | |
|
a0049873
|
39d139d06d | |
|
a0049873
|
29087301b4 | |
|
gaoyuanwei
|
c58fd36487 | |
|
gaoyuanwei
|
a6c9ca295a | |
|
a0049873
|
b37b3cafb9 | |
|
a0049873
|
2eca6ab758 | |
 guoyue
|
c4a99bf8de | |
|
a0049873
|
23324f50ad | |
|
guoyue
|
324aa70b51 | |
|
guoyue
|
2540d303fc | |
|
guoyue
|
d7778972f5 | |
|
guoyue
|
5d2c39fb44 | |
|
guoyue
|
4aef24c734 |
|
|
@ -1,8 +1,8 @@
|
||||||
<!--
|
<!--
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2022-04-11 10:11:40
|
* @Date: 2022-04-11 10:11:40
|
||||||
* @LastEditors: hisense.liangjunhua
|
* @LastEditors: hisense.wuhongjian
|
||||||
* @LastEditTime: 2022-07-08 14:13:20
|
* @LastEditTime: 2022-07-12 15:10:54
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
'isTab': true, // 是否通过tab展示内容?
|
'isTab': true, // 是否通过tab展示内容?
|
||||||
'iframeURL': '' // 是否通过iframe嵌套展示内容? (以http[s]://开头, 自动匹配)
|
'iframeURL': '' // 是否通过iframe嵌套展示内容? (以http[s]://开头, 自动匹配)
|
||||||
};
|
};
|
||||||
window.SITE_CONFIG['frontUrl'] = 'http://15.2.21.238:9796/#/vueTemplateDemo';
|
window.SITE_CONFIG['frontUrl'] = 'http://15.2.21.243:9796/#/vueTemplateDemo';
|
||||||
// window.SITE_CONFIG['frontUrl'] = 'http://124.222.94.39:9796/#/vueTemplateDemo';
|
// window.SITE_CONFIG['frontUrl'] = 'http://124.222.94.39:9796/#/vueTemplateDemo';
|
||||||
// window.SITE_CONFIG['frontUrl'] = 'http://15.72.183.90:7008/#/vueTemplateDemo';
|
// window.SITE_CONFIG['frontUrl'] = 'http://15.72.183.90:7008/#/vueTemplateDemo';
|
||||||
// window.SITE_CONFIG['frontUrl'] = 'http://10.134.135.9:9797/#/vueTemplateDemo';
|
// window.SITE_CONFIG['frontUrl'] = 'http://10.134.135.9:9797/#/vueTemplateDemo';
|
||||||
|
|
@ -43,7 +43,8 @@
|
||||||
<script>
|
<script>
|
||||||
// window.SITE_CONFIG['apiURL'] = 'http://15.2.21.166:8888/renren-admin';
|
// window.SITE_CONFIG['apiURL'] = 'http://15.2.21.166:8888/renren-admin';
|
||||||
// window.SITE_CONFIG['apiURL'] = 'http://124.222.94.39:8888/renren-admin';
|
// window.SITE_CONFIG['apiURL'] = 'http://124.222.94.39:8888/renren-admin';
|
||||||
window.SITE_CONFIG['apiURL'] = 'http://15.2.21.238:8888/renren-admin';
|
// window.SITE_CONFIG['apiURL'] = 'http://10.16.5.35:8888/renren-admin';
|
||||||
|
window.SITE_CONFIG['apiURL'] = 'http://15.2.21.239:8888/renren-admin';
|
||||||
window.SITE_CONFIG['previewUrl'] = 'http://15.2.21.238:9796/';
|
window.SITE_CONFIG['previewUrl'] = 'http://15.2.21.238:9796/';
|
||||||
// window.SITE_CONFIG['apiURL'] = 'http://15.2.23.141:8000/renren-admin';
|
// window.SITE_CONFIG['apiURL'] = 'http://15.2.23.141:8000/renren-admin';
|
||||||
// WebSocket地址
|
// WebSocket地址
|
||||||
|
|
@ -73,7 +74,7 @@
|
||||||
// window.SITE_CONFIG['apiURL'] = 'http://124.222.94.39:8888/renren-admin';
|
// window.SITE_CONFIG['apiURL'] = 'http://124.222.94.39:8888/renren-admin';
|
||||||
|
|
||||||
// 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['apiURL'] = 'http://124.222.94.39:8888/renren-admin';
|
window.SITE_CONFIG['apiURL'] = 'http://15.2.21.243:8888/renren-admin';
|
||||||
// window.SITE_CONFIG['apiURL'] = 'http://15.72.183.90:8000/renren-admin';
|
// window.SITE_CONFIG['apiURL'] = 'http://15.72.183.90:8000/renren-admin';
|
||||||
// window.SITE_CONFIG['apiURL'] = 'http://10.134.135.9:8888/renren-admin';
|
// window.SITE_CONFIG['apiURL'] = 'http://10.134.135.9:8888/renren-admin';
|
||||||
// WebSocket地址
|
// WebSocket地址
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,499 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog :visible.sync="addOrUpdateVisibleCopy" :title="modalType === 'display' ? '能力展示' : '挂接'"
|
||||||
|
@close="closeModal" :close-on-click-modal="false" :close-on-press-escape="false">
|
||||||
|
<div v-if="modalType !== 'display'" style="
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 18px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
">
|
||||||
|
填写字段
|
||||||
|
</div>
|
||||||
|
<el-checkbox-group v-if="modalType !== 'display'" v-model="checkList" @change="changeBtn"
|
||||||
|
style="margin-bottom: 20px">
|
||||||
|
<el-checkbox-button v-for="(item, i) in btnList" :label="item.name" :key="i">{{ item.name }}
|
||||||
|
</el-checkbox-button>
|
||||||
|
</el-checkbox-group>
|
||||||
|
|
||||||
|
<!-- 挂载和修改-->
|
||||||
|
<div key="1" v-if="modalType !== 'display'">
|
||||||
|
<el-form :model="dataForm" :rules="rules" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()"
|
||||||
|
:label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'">
|
||||||
|
<!-- 基本信息 -->
|
||||||
|
<div style="margin-bottom:20px" v-if="checkList.includes('基本信息')">
|
||||||
|
<div style="
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 18px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
">
|
||||||
|
基本信息
|
||||||
|
</div>
|
||||||
|
<el-form-item label="融合服务名称" prop="name">
|
||||||
|
<el-input v-model="dataForm.name" placeholder="请输入融合服务名称"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="融合服务描述" prop="description">
|
||||||
|
<el-input v-model="dataForm.description" placeholder="请输入融合服务描述"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="应用领域" prop="applicationArea">
|
||||||
|
<el-select v-model="dataForm.applicationArea" placeholder="请选择应用领域" filterable>
|
||||||
|
<el-option v-for="item in areaList" :key="item.value" :label="item.label" :value="item.value">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="部门联系人" prop="deptUser">
|
||||||
|
<el-input v-model="dataForm.deptUser" placeholder="请输入部门联系人"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="部门联系人电话" prop="mobile">
|
||||||
|
<el-input v-model="dataForm.mobile" placeholder="请输入部门联系人电话"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="服务商" prop="provider">
|
||||||
|
<el-input v-model="dataForm.provider" placeholder="请输入服务商"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="服务商联系人" prop="providerUser">
|
||||||
|
<el-input v-model="dataForm.providerUser" placeholder="请输入服务商联系人"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="服务商联系人电话" prop="providerMobile">
|
||||||
|
<el-input v-model="dataForm.providerMobile" placeholder="请输入服务商联系人电话"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 组合能力 -->
|
||||||
|
<div class="" v-if="checkList.includes('组合能力')">
|
||||||
|
<integrated-combine-ability v-model="dataForm" :dataForm="dataForm" @update="updateDataForm">
|
||||||
|
</integrated-combine-ability>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 技术文档 -->
|
||||||
|
<div style="margin-bottom:20px" v-if="checkList.includes('技术文档')">
|
||||||
|
<div style="
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 18px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
">
|
||||||
|
技术文档
|
||||||
|
</div>
|
||||||
|
<div v-for="(item, index) in dataForm.fuseAttrList" :key="index">
|
||||||
|
<div v-if="item.attrType === '技术文档'">
|
||||||
|
<el-form-item label="技术文档" prop="attrValue">
|
||||||
|
<el-upload ref="addUpload" class="upload-demo" :action="fileUploadUrl"
|
||||||
|
:before-upload="beforeAvatarUpload" :on-success="handleAvatarSuccess" :file-list="fileList"
|
||||||
|
:show-file-list="false">
|
||||||
|
<el-button size="small" type="primary">上传</el-button>
|
||||||
|
</el-upload>
|
||||||
|
<el-button v-if="item.attrValue" @click="item.attrValue = ''" type="danger">删除</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<div>
|
||||||
|
<div v-for="(name, i) in fileNameList" :key="i">{{ name }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 常见问题 -->
|
||||||
|
<div v-if="checkList.includes('常见问题')">
|
||||||
|
<common-question :dataForm="dataForm" @update="updateDataForm"></common-question>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 展示 -->
|
||||||
|
<el-form key="2" class="detial-form" v-else :label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'">
|
||||||
|
<el-form-item :label="displayInfo[data]" v-for="(data, i) in Object.keys(displayInfo)" :key="i" :prop="data">
|
||||||
|
{{ dataForm[data] || "--" }}
|
||||||
|
</el-form-item>
|
||||||
|
<div v-for="(data, i) in displayListInfo['常见问题']" :key="`${i}${JSON.stringify(data)}`">
|
||||||
|
<el-form-item :label="`常见问题${i + 1}`">
|
||||||
|
{{ `${data['question']}` }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="`问题描述${i + 1}`">
|
||||||
|
{{ `${data['answer']} ` }}
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
<div v-for="(data, i) in displayListInfo['组合能力']" :key="`${i}${JSON.stringify(data)}`">
|
||||||
|
<el-form-item :label="`能力类别${i + 1}`">
|
||||||
|
{{ `${data['type']}` }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="`能力名称${i + 1}`">
|
||||||
|
{{ `${data['name']} ` }}
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<template slot="footer">
|
||||||
|
<el-button @click="closeModal">{{ $t("cancel") }}</el-button>
|
||||||
|
<el-button v-if="modalType !== 'display'" type="primary" @click="dataFormSubmitHandle()">{{
|
||||||
|
$t("confirm")
|
||||||
|
}}</el-button>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import debounce from "lodash/debounce";
|
||||||
|
import qs from "qs";
|
||||||
|
import CommonQuestion from './components/common-question.vue';
|
||||||
|
import IntegratedCombineAbility from './components/integrated-combine-ability.vue';
|
||||||
|
import Cookies from 'js-cookie'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
CommonQuestion,
|
||||||
|
IntegratedCombineAbility,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
fileList: [],
|
||||||
|
fileUploadUrl: `${window.SITE_CONFIG['apiURL']}/sys/oss/upload?token=${Cookies.get('ucsToken')}`,
|
||||||
|
dataForm: {
|
||||||
|
"applicationArea": "",
|
||||||
|
"description": "",
|
||||||
|
"fuseAttrList": [
|
||||||
|
{
|
||||||
|
"attrType": "技术文档",
|
||||||
|
"attrValue": "",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"attrType": "常见问题",
|
||||||
|
"attrValue": [{ question: "", answer: "" }],
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"fuseResourceList": [
|
||||||
|
{
|
||||||
|
"resourceId": 0,
|
||||||
|
"sequence": ""
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"mobile": "",
|
||||||
|
"name": "",
|
||||||
|
"provider": "",
|
||||||
|
"providerMobile": "",
|
||||||
|
"providerUser": "",
|
||||||
|
// "updateDate": "",
|
||||||
|
// "updater": 0,
|
||||||
|
// "createDate": "",
|
||||||
|
// "creator": 0,
|
||||||
|
"deptUser": "",
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
name: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入融合服务名称",
|
||||||
|
trigger: "change",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
description: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入融合服务描述",
|
||||||
|
trigger: "change",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
btnList: [
|
||||||
|
{
|
||||||
|
name: '基本信息',
|
||||||
|
key: 'basic',
|
||||||
|
show: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '组合能力',
|
||||||
|
key: 'combine',
|
||||||
|
show: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '技术文档',
|
||||||
|
key: 'basic',
|
||||||
|
show: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '常见问题',
|
||||||
|
key: 'basic',
|
||||||
|
show: true,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
checkList: ['基本信息', '组合能力', '技术文档', '常见问题'],
|
||||||
|
areaList: [],
|
||||||
|
fileNameList: [],
|
||||||
|
addOrUpdateVisibleCopy: this.addOrUpdateVisible,
|
||||||
|
displayInfo: {
|
||||||
|
'name': '融合服务名称',
|
||||||
|
'description': '融合服务描述',
|
||||||
|
'applicationArea': '应用领域',
|
||||||
|
'deptUser': '部门联系人',
|
||||||
|
'mobile': '部门联系人电话',
|
||||||
|
'provider': '服务商',
|
||||||
|
'providerMobile': '服务商联系人',
|
||||||
|
'providerMobile': '服务商联系人电话',
|
||||||
|
},
|
||||||
|
displayListInfo: {
|
||||||
|
'常见问题': [],
|
||||||
|
'组合能力': []
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
modalType: {
|
||||||
|
type: String,
|
||||||
|
default: 'add'
|
||||||
|
},
|
||||||
|
addOrUpdateVisible: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
dataForm: {
|
||||||
|
handler(newVal) {
|
||||||
|
this.dataForm = newVal
|
||||||
|
},
|
||||||
|
deep: true,
|
||||||
|
immediate: true,
|
||||||
|
},
|
||||||
|
addOrUpdateVisible: {
|
||||||
|
handler(newVal) {
|
||||||
|
this.addOrUpdateVisibleCopy = newVal;
|
||||||
|
},
|
||||||
|
immediate: true,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
// 获取应用领域
|
||||||
|
this.getAreaInfo()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
clearForm() {
|
||||||
|
this.$refs.dataForm && this.$refs.dataForm.resetFields();
|
||||||
|
},
|
||||||
|
closeModal() {
|
||||||
|
this.$emit('closeModal')
|
||||||
|
},
|
||||||
|
// 获取应用领域
|
||||||
|
getAreaInfo() {
|
||||||
|
const params = {
|
||||||
|
page: 1,
|
||||||
|
limit: 99,
|
||||||
|
dictTypeId: "1513712507692818433",
|
||||||
|
};
|
||||||
|
this.$http
|
||||||
|
.get("/sys/dict/data/page" + "?" + qs.stringify(params))
|
||||||
|
.then(({ data: res }) => {
|
||||||
|
if (res.code !== 0) {
|
||||||
|
return this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
res.data.list.map((item) => {
|
||||||
|
this.areaList.push({
|
||||||
|
label: item.dictLabel,
|
||||||
|
value: item.dictLabel
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}).catch(err => {
|
||||||
|
this.$message.error(err);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 更新表单
|
||||||
|
updateDataForm(data) {
|
||||||
|
if (data.title == '常见问题') {
|
||||||
|
this.dataForm.fuseAttrList.map(v => {
|
||||||
|
if (v.attrType === '常见问题') {
|
||||||
|
v.attrValue = JSON.stringify(data.list)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if (data.title == '组合能力') {
|
||||||
|
this.dataForm.fuseResourceList = data.list
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 改变按钮状态
|
||||||
|
changeBtn(data) {
|
||||||
|
this.checkList = data;
|
||||||
|
},
|
||||||
|
beforeAvatarUpload() { },
|
||||||
|
handleAvatarSuccess(res, file) {
|
||||||
|
console.log(file)
|
||||||
|
if (res.code !== 0) {
|
||||||
|
return this.$message.error("上传文件失败");
|
||||||
|
}
|
||||||
|
this.fileNameList.push(file.name)
|
||||||
|
},
|
||||||
|
// 表单提交
|
||||||
|
dataFormSubmitHandle: debounce(
|
||||||
|
function () {
|
||||||
|
this.$refs.dataForm.validate((valid) => {
|
||||||
|
if (!valid) {
|
||||||
|
this.$message.error("请检查表单是否填写完整");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
let methodsObj = {
|
||||||
|
'add': 'post',
|
||||||
|
'update': 'put'
|
||||||
|
}
|
||||||
|
let arr = this.dataForm.fuseResourceList.filter(v => v.resourceId !== '') || []
|
||||||
|
if (arr.length == 0) {
|
||||||
|
this.dataForm.fuseResourceList = []
|
||||||
|
}
|
||||||
|
this.$http
|
||||||
|
[methodsObj[this.modalType]]("/fuse", this.dataForm)
|
||||||
|
.then(({ data: res }) => {
|
||||||
|
if (res.code !== 0) {
|
||||||
|
return this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
this.$message({
|
||||||
|
message: this.$t("prompt.success"),
|
||||||
|
type: "success",
|
||||||
|
duration: 500,
|
||||||
|
onClose: () => {
|
||||||
|
this.$refs.dataForm && this.$refs.dataForm.resetFields();
|
||||||
|
this.$emit("refreshDataList");
|
||||||
|
this.$emit("closeModal");
|
||||||
|
},
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
this.$message.error(err)
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
1000,
|
||||||
|
{ leading: true, trailing: false }
|
||||||
|
),
|
||||||
|
// 详情
|
||||||
|
getDetail(data) {
|
||||||
|
this.dataForm = data;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
console.log('this.dataForm----详情-------->', this.dataForm);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 重组数据
|
||||||
|
getDisPlayData() {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
console.log('this.dataForm----重组数据-------->', this.dataForm);
|
||||||
|
const questionObj = this.dataForm.fuseAttrList.find(v => v.attrType == '常见问题') || {};
|
||||||
|
let fuseResourceList = this.dataForm.fuseResourceList || [];
|
||||||
|
let arr = []
|
||||||
|
fuseResourceList.map(v => {
|
||||||
|
arr.push({
|
||||||
|
name: v.resource.name,
|
||||||
|
type: v.resource.type,
|
||||||
|
})
|
||||||
|
})
|
||||||
|
this.displayListInfo['常见问题'] = JSON.parse(questionObj.attrValue || '[]')
|
||||||
|
this.displayListInfo['组合能力'] = arr
|
||||||
|
})
|
||||||
|
|
||||||
|
},
|
||||||
|
},
|
||||||
|
beforeDestroy() {
|
||||||
|
this.clearForm()
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
::v-deep .el-dialog__body {
|
||||||
|
height: 580px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-input ::v-deep .el-input__inner {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detial-form ::v-deep {
|
||||||
|
.el-form-item {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-form-item__label {
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-form-item__content {
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-checkbox-button__inner {
|
||||||
|
width: 130px;
|
||||||
|
margin: 0 10px 5px;
|
||||||
|
border-left: unset !important;
|
||||||
|
border-radius: unset !important;
|
||||||
|
border: 1px solid #dcdfe6 !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.mod-sys__menu {
|
||||||
|
|
||||||
|
.menu-list,
|
||||||
|
.icon-list {
|
||||||
|
|
||||||
|
.el-input__inner,
|
||||||
|
.el-input__suffix {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-icon-popover {
|
||||||
|
width: 458px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-icon-inner {
|
||||||
|
width: 478px;
|
||||||
|
max-height: 258px;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-icon-list {
|
||||||
|
width: 458px;
|
||||||
|
padding: 0;
|
||||||
|
margin: -8px 0 0 -8px;
|
||||||
|
|
||||||
|
>.el-button {
|
||||||
|
padding: 8px;
|
||||||
|
margin: 8px 0 0 8px;
|
||||||
|
|
||||||
|
>span {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.previewImg {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 9999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.name {
|
||||||
|
text-align: right;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #606266;
|
||||||
|
line-height: 40px;
|
||||||
|
padding: 0 12px 0 0;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
line-height: 32px;
|
||||||
|
background: pink;
|
||||||
|
width: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
margin-left: 132px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #606266;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -3,176 +3,94 @@
|
||||||
<div class="mod-ability__bsabilityai">
|
<div class="mod-ability__bsabilityai">
|
||||||
<el-form :inline="true" :model="dataForm">
|
<el-form :inline="true" :model="dataForm">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-input
|
<el-input v-model="dataForm.name" placeholder="名称" clearable></el-input>
|
||||||
v-model="dataForm.name"
|
|
||||||
placeholder="名称"
|
|
||||||
clearable
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button @click="getDataList2(dataForm.name)">{{
|
<el-button @click="searchData">{{
|
||||||
$t("query")
|
$t("query")
|
||||||
}}</el-button>
|
}}</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="info" @click="exportHandle()">{{
|
<el-button v-if="$hasPermission('ability:bsabilityai:save')" type="primary" @click="addServe()">挂接</el-button>
|
||||||
$t("export")
|
|
||||||
}}</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button
|
|
||||||
v-if="$hasPermission('ability:bsabilityai:save')"
|
|
||||||
type="primary"
|
|
||||||
@click="addOrUpdateHandleServe()"
|
|
||||||
>挂接</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button
|
|
||||||
v-if="$hasPermission('ability:bsabilityai:delete')"
|
|
||||||
type="danger"
|
|
||||||
@click="deleteHandle2()"
|
|
||||||
>{{ $t("deleteBatch") }}</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button @click="reset">重置</el-button>
|
<el-button @click="reset">重置</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-table
|
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle"
|
||||||
v-loading="dataListLoading"
|
style="width: 100%" :height="qp ? '810px' : '650px'">
|
||||||
:data="dataList"
|
|
||||||
border
|
|
||||||
@selection-change="dataListSelectionChangeHandle"
|
|
||||||
style="width: 100%"
|
|
||||||
:height="qp ? '810px' : '650px'"
|
|
||||||
>
|
|
||||||
<el-table-column
|
|
||||||
type="selection"
|
|
||||||
header-align="center"
|
|
||||||
align="center"
|
|
||||||
width="50"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="name"
|
|
||||||
label="应用名称"
|
|
||||||
header-align="center"
|
|
||||||
align="center"
|
|
||||||
></el-table-column>
|
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column prop="name" label="融合服务名称" header-align="center" align="center"></el-table-column>
|
||||||
v-for="(item, index) in dataList[0].infoList"
|
|
||||||
:key="index"
|
<el-table-column prop="description" label="融合服务描述" header-align="center" align="center"></el-table-column>
|
||||||
:label="item.attrType"
|
|
||||||
header-align="center"
|
<el-table-column prop="provider" label="服务商" header-align="center" align="center"></el-table-column>
|
||||||
align="center"
|
|
||||||
:show-overflow-tooltip="true"
|
<el-table-column prop="providerUser" label="服务商联系人" header-align="center" align="center"></el-table-column>
|
||||||
>
|
|
||||||
|
<el-table-column prop="providerMobile" label="服务商联系人电话" header-align="center" align="center"></el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="applicationArea" label="应用领域" header-align="center" align="center"></el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="deptId" label="所属部门" header-align="center" align="center"></el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="deptUser" label="部门联系人" header-align="center" align="center"></el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="mobile" label="部门联系人电话" header-align="center" align="center"></el-table-column>
|
||||||
|
|
||||||
|
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="94" right="0">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ findValue(scope.row.infoList, item.attrType) }}
|
<el-button v-if="$hasPermission('ability:bsabilityai:update')" type="text" size="small"
|
||||||
</template>
|
@click="handleUpdate(scope.row)">{{ $t("update") }}</el-button>
|
||||||
</el-table-column>
|
<el-button v-if="$hasPermission('ability:bsabilityai:delete')" type="text" size="small"
|
||||||
<el-table-column
|
@click="deleteRow(scope.row.id)">{{ $t("delete") }}</el-button>
|
||||||
:label="$t('handle')"
|
<el-button type="text" size="small" @click="showDetail(scope.row)">能力展示</el-button>
|
||||||
fixed="right"
|
<el-button type="text" size="small" @click="showDocument(scope.row)">技术文档</el-button>
|
||||||
header-align="center"
|
|
||||||
align="center"
|
|
||||||
width="94"
|
|
||||||
right="0"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
v-if="$hasPermission('ability:bsabilityai:update')"
|
|
||||||
type="text"
|
|
||||||
size="small"
|
|
||||||
@click="UpdateHandle(scope.row)"
|
|
||||||
>{{ $t("update") }}</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
v-if="$hasPermission('ability:bsabilityai:delete')"
|
|
||||||
type="text"
|
|
||||||
size="small"
|
|
||||||
@click="deleteHandle2(scope.row.id)"
|
|
||||||
>{{ $t("delete") }}</el-button
|
|
||||||
>
|
|
||||||
<el-button type="text" size="small" @click="showDetail(scope.row)"
|
|
||||||
>展示</el-button
|
|
||||||
>
|
|
||||||
<el-button type="text" size="small" @click="showDocument(scope.row)"
|
|
||||||
>开发文档</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="text"
|
|
||||||
size="small"
|
|
||||||
@click="applyAndAssembly(scope.row)"
|
|
||||||
>应用与组件</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="text"
|
|
||||||
size="small"
|
|
||||||
@click="applyAndDataResource(scope.row)"
|
|
||||||
>应用与数据资源</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="text"
|
|
||||||
size="small"
|
|
||||||
@click="applyAndProject(scope.row)"
|
|
||||||
>应用与项目</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="text"
|
|
||||||
size="small"
|
|
||||||
@click="applyAndInfrastructure(scope.row)"
|
|
||||||
>应用与基础设施</el-button
|
|
||||||
>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<el-pagination
|
|
||||||
:current-page="page"
|
<el-pagination :current-page="page" :page-sizes="[10, 20, 50, 100]" :page-size="limit" :total="Number(total)"
|
||||||
:page-sizes="[10, 20, 50, 100]"
|
layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle"
|
||||||
:page-size="limit"
|
@current-change="pageCurrentChangeHandle">
|
||||||
:total="Number(total)"
|
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
|
||||||
@size-change="pageSizeChangeHandle"
|
|
||||||
@current-change="pageCurrentChangeHandle"
|
|
||||||
>
|
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
|
|
||||||
<!-- 弹窗, 新增 / 修改 -->
|
<!-- 弹窗, 新增 / 修改 -->
|
||||||
<add-or-update
|
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="query" @closeModal="closeModal"
|
||||||
:disabled="disabled"
|
:addOrUpdateVisible="addOrUpdateVisible" :modalType="modalType">
|
||||||
v-if="addOrUpdateVisible"
|
</add-or-update>
|
||||||
ref="addOrUpdate"
|
<relate-application v-if="relateApplicationResourceVisible" ref="relateApplication" :relateInfo="relationData"
|
||||||
@refreshDataList="getDataList"
|
:nameArray="topNameArray" @isShowRelatePopup="handleIsShowRelatePopupApply"></relate-application>
|
||||||
></add-or-update>
|
<show-child v-if="showData" :tableData="tableData" :childName="childName" :isShow="showData"></show-child>
|
||||||
<relate-application
|
|
||||||
v-if="relateApplicationResourceVisible"
|
|
||||||
ref="relateApplication"
|
|
||||||
:relateInfo="relationData"
|
|
||||||
:nameArray="topNameArray"
|
|
||||||
@isShowRelatePopup="handleIsShowRelatePopupApply"
|
|
||||||
></relate-application>
|
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import mixinViewModule from "@/mixins/view-module";
|
import mixinViewModule from "@/mixins/view-module";
|
||||||
import AddOrUpdate from "./bsabilityservice-add-or-update";
|
import AddOrUpdate from "./IntegratedServices-add";
|
||||||
import dictionaries from "@/utils/dictionaries";
|
import dictionaries from "@/utils/dictionaries";
|
||||||
import RelateApplication from "./bsabilityai-relate-application.vue";
|
import RelateApplication from "./bsabilityai-relate-application.vue";
|
||||||
|
import showChild from './showChild.vue'
|
||||||
import qs from "qs";
|
import qs from "qs";
|
||||||
import { type } from "os";
|
import { type } from "os";
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
mixins: [mixinViewModule],
|
mixins: [mixinViewModule],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
tableData: [],
|
||||||
|
showData: false,
|
||||||
|
childName: '',
|
||||||
mixinViewModuleOptions: {
|
mixinViewModuleOptions: {
|
||||||
getDataListURL: "/resource/page",
|
getDataListURL: "/fuse/page",
|
||||||
getDataListIsPage: true,
|
|
||||||
exportURL: "/ability/bsabilityai/export",
|
exportURL: "/ability/bsabilityai/export",
|
||||||
deleteURL: "/resource/delete",
|
deleteURL: "/fuse",
|
||||||
deleteIsBatch: true,
|
getDataListIsPage: true,
|
||||||
|
deleteIsBatch: false,
|
||||||
},
|
},
|
||||||
disabled: false,
|
disabled: false,
|
||||||
sceneArr: dictionaries.sceneArr,
|
sceneArr: dictionaries.sceneArr,
|
||||||
|
|
@ -180,80 +98,83 @@ export default {
|
||||||
shareFormArr: dictionaries.shareFormArr,
|
shareFormArr: dictionaries.shareFormArr,
|
||||||
dataForm: {
|
dataForm: {
|
||||||
name: "",
|
name: "",
|
||||||
creator: "",
|
order: 'desc',
|
||||||
selectType: 0,
|
orderField: 'create_date',
|
||||||
delFlag: 0,
|
|
||||||
type: "应用资源",
|
|
||||||
},
|
},
|
||||||
qp: false,
|
qp: false,
|
||||||
relateApplicationResourceVisible: false,
|
relateApplicationResourceVisible: false,
|
||||||
relationData: {}, //打开穿梭框时传递的参数
|
relationData: {}, //打开穿梭框时传递的参数
|
||||||
topNameArray: [], //
|
topNameArray: [], //
|
||||||
|
modalType: 'add',
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {},
|
watch: {},
|
||||||
components: {
|
components: {
|
||||||
AddOrUpdate,
|
AddOrUpdate,
|
||||||
RelateApplication,
|
RelateApplication,
|
||||||
},
|
showChild,
|
||||||
created() {
|
|
||||||
this.dataForm.name = "";
|
|
||||||
this.dataForm.type = "应用资源";
|
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
window.addEventListener("resize", this.a);
|
window.addEventListener("resize", this.a);
|
||||||
this.fullScreen();
|
this.fullScreen();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
reset() {
|
deleteRow(id) {
|
||||||
this.$http
|
this.$http.delete('/fuse/delete', {
|
||||||
.get(
|
data: [id]
|
||||||
this.mixinViewModuleOptions.getDataListURL +
|
}).then(res => {
|
||||||
"?" +
|
console.log('删除成功', res)
|
||||||
qs.stringify({
|
if (res.data.code !== 0) {
|
||||||
// order: this.order,
|
|
||||||
// orderField: this.orderField,
|
|
||||||
// type: '组件服务',
|
|
||||||
page: 1,
|
|
||||||
selectType: 0,
|
|
||||||
limit: 10,
|
|
||||||
delFlag: 0,
|
|
||||||
creator: "",
|
|
||||||
type: "应用资源",
|
|
||||||
name: "",
|
|
||||||
})
|
|
||||||
)
|
|
||||||
.then(({ data: res }) => {
|
|
||||||
this.dataForm.name = "";
|
|
||||||
if (res.code !== 0) {
|
|
||||||
this.dataList = [];
|
|
||||||
this.total = 0;
|
|
||||||
return this.$message.error(res.msg);
|
return this.$message.error(res.msg);
|
||||||
}
|
}
|
||||||
this.dataList = this.mixinViewModuleOptions.getDataListIsPage
|
this.$message({
|
||||||
? res.data.list
|
message: '删除成功',
|
||||||
: res.data;
|
type: "success",
|
||||||
this.total = this.mixinViewModuleOptions.getDataListIsPage
|
duration: 500,
|
||||||
? res.data.total
|
onClose: () => {
|
||||||
: 0;
|
this.query()
|
||||||
if (this.mixinViewModuleOptions.requestCallback) {
|
|
||||||
this.mixinViewModuleOptions.requestCallback(res.data);
|
|
||||||
}
|
|
||||||
this.dataListLoading = false;
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
this.dataListLoading = false;
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
|
});
|
||||||
|
}).catch(err => {
|
||||||
|
this.$message.error(err);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 查询
|
||||||
|
searchData() {
|
||||||
|
this.query()
|
||||||
|
},
|
||||||
|
// 重置
|
||||||
|
reset() {
|
||||||
|
this.dataForm.name = "";
|
||||||
|
this.query()
|
||||||
|
},
|
||||||
|
// 修改
|
||||||
|
handleUpdate(val) {
|
||||||
|
this.addOrUpdateVisible = true;
|
||||||
|
this.modalType = 'update';
|
||||||
|
const cloneVal = JSON.parse(JSON.stringify(val))
|
||||||
|
this.$nextTick(() => {
|
||||||
|
// this.$refs.addOrUpdate.dataForm = cloneVal;
|
||||||
|
this.$refs.addOrUpdate.getDetail(cloneVal)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 挂接
|
||||||
|
addServe() {
|
||||||
|
this.addOrUpdateVisible = true
|
||||||
|
this.modalType = 'add';
|
||||||
|
},
|
||||||
|
closeModal() {
|
||||||
|
this.addOrUpdateVisible = false;
|
||||||
|
},
|
||||||
|
// 展示
|
||||||
showDetail(val) {
|
showDetail(val) {
|
||||||
this.addOrUpdateVisible = true;
|
this.addOrUpdateVisible = true;
|
||||||
this.disabled = false;
|
this.modalType = 'display';
|
||||||
|
const cloneVal = JSON.parse(JSON.stringify(val))
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.addOrUpdate.UpdateState = false;
|
this.$refs.addOrUpdate.dataForm = cloneVal;
|
||||||
this.$refs.addOrUpdate.dataFormShowDetails = val;
|
this.$refs.addOrUpdate.getDisPlayData()
|
||||||
this.$refs.addOrUpdate.init();
|
})
|
||||||
});
|
|
||||||
this.disabled = true;
|
|
||||||
},
|
},
|
||||||
showDocument(val) {
|
showDocument(val) {
|
||||||
console.log(val);
|
console.log(val);
|
||||||
|
|
@ -262,60 +183,14 @@ export default {
|
||||||
"_blank"
|
"_blank"
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
findValue(list, type) {
|
// findValue(list, type) {
|
||||||
const found = list.find((item) => item.attrType === type);
|
// const found = list.find((item) => item.attrType === type);
|
||||||
if (found) {
|
// if (found) {
|
||||||
return found.attrValue;
|
// return found.attrValue;
|
||||||
} else {
|
// } else {
|
||||||
return "暂无数据";
|
// return "暂无数据";
|
||||||
}
|
// }
|
||||||
},
|
// },
|
||||||
getDataList2(names) {
|
|
||||||
if (names != null) {
|
|
||||||
this.$http
|
|
||||||
.get(
|
|
||||||
this.mixinViewModuleOptions.getDataListURL +
|
|
||||||
"?" +
|
|
||||||
qs.stringify({
|
|
||||||
// order: this.order,
|
|
||||||
// orderField: this.orderField,
|
|
||||||
// type: '组件服务',
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: this.limit,
|
|
||||||
type: "应用资源",
|
|
||||||
creator: "",
|
|
||||||
selectType: 0,
|
|
||||||
delFlag: 0,
|
|
||||||
name: names,
|
|
||||||
})
|
|
||||||
)
|
|
||||||
.then(({ data: res }) => {
|
|
||||||
if (res.code !== 0) {
|
|
||||||
this.dataList = [];
|
|
||||||
this.total = 0;
|
|
||||||
return this.$message.error(res.msg);
|
|
||||||
}
|
|
||||||
if (res.data.list.length !== 0) {
|
|
||||||
this.dataList = res.data.list;
|
|
||||||
this.total = this.mixinViewModuleOptions.getDataListIsPage
|
|
||||||
? res.data.total
|
|
||||||
: 0;
|
|
||||||
if (this.mixinViewModuleOptions.requestCallback) {
|
|
||||||
this.mixinViewModuleOptions.requestCallback(res.data);
|
|
||||||
}
|
|
||||||
this.dataListLoading = false;
|
|
||||||
} else {
|
|
||||||
this.$message.error("未查询到相关信息");
|
|
||||||
this.reset();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
this.dataListLoading = false;
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
this.$message.error("查询不能输入为空");
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fullScreen() {
|
fullScreen() {
|
||||||
if (window.outerHeight === screen.availHeight) {
|
if (window.outerHeight === screen.availHeight) {
|
||||||
if (window.outerWidth === screen.availWidth) {
|
if (window.outerWidth === screen.availWidth) {
|
||||||
|
|
@ -348,94 +223,6 @@ export default {
|
||||||
this.qp = true;
|
this.qp = true;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
//应用与组件
|
|
||||||
applyAndAssembly(val) {
|
|
||||||
console.log("vvvv", val);
|
|
||||||
//根据id和类型查询已关联的组件，将id,type和查出来的数据传递给组件
|
|
||||||
let type = "组件服务";
|
|
||||||
let id = val.id;
|
|
||||||
this.$http
|
|
||||||
.get(`/dataResourceRel/queryResourceRelByKeyId`, {
|
|
||||||
params: {
|
|
||||||
keyId: id,
|
|
||||||
type: type,
|
|
||||||
referenceName: "",
|
|
||||||
},
|
|
||||||
})
|
|
||||||
.then(({ data: res }) => {
|
|
||||||
if (res.code !== 0) {
|
|
||||||
return this.$message.error(res.msg);
|
|
||||||
}
|
|
||||||
console.log("rrrrressssz", res.data);
|
|
||||||
this.relateApplicationResourceVisible = true;
|
|
||||||
this.relationData = {
|
|
||||||
id: id,
|
|
||||||
linkType: "1",
|
|
||||||
responseData: res.data,
|
|
||||||
};
|
|
||||||
this.topNameArray = ["未关联组件名称", "已关联组件名称"];
|
|
||||||
console.log(" this.relationData", this.relationData);
|
|
||||||
//将数据传递给引入的组件
|
|
||||||
});
|
|
||||||
},
|
|
||||||
//应用与数据资源
|
|
||||||
applyAndDataResource(val) {
|
|
||||||
console.log("数据资源");
|
|
||||||
},
|
|
||||||
//应用与项目
|
|
||||||
applyAndProject(val) {
|
|
||||||
let type = "项目";
|
|
||||||
let id = val.id;
|
|
||||||
this.$http
|
|
||||||
.get(`/dataResourceRel/queryResourceRelByKeyId`, {
|
|
||||||
params: {
|
|
||||||
keyId: id,
|
|
||||||
type: type,
|
|
||||||
referenceName: "",
|
|
||||||
},
|
|
||||||
})
|
|
||||||
.then(({ data: res }) => {
|
|
||||||
if (res.code !== 0) {
|
|
||||||
return this.$message.error(res.msg);
|
|
||||||
}
|
|
||||||
console.log("rrrrressssx", res.data);
|
|
||||||
this.relateApplicationResourceVisible = true;
|
|
||||||
this.relationData = {
|
|
||||||
id: id,
|
|
||||||
linkType: "1",
|
|
||||||
responseData: res.data,
|
|
||||||
};
|
|
||||||
this.topNameArray = ["未关联项目名称", "已关联项目名称"];
|
|
||||||
//将数据传递给引入的组件
|
|
||||||
});
|
|
||||||
},
|
|
||||||
//应用与基础设施
|
|
||||||
applyAndInfrastructure(val) {
|
|
||||||
let type = "基础设施";
|
|
||||||
let id = val.id;
|
|
||||||
this.$http
|
|
||||||
.get(`/dataResourceRel/queryResourceRelByKeyId`, {
|
|
||||||
params: {
|
|
||||||
keyId: id,
|
|
||||||
type: type,
|
|
||||||
referenceName: "",
|
|
||||||
},
|
|
||||||
})
|
|
||||||
.then(({ data: res }) => {
|
|
||||||
if (res.code !== 0) {
|
|
||||||
return this.$message.error(res.msg);
|
|
||||||
}
|
|
||||||
console.log("rrrrressssj", res.data);
|
|
||||||
this.relateApplicationResourceVisible = true;
|
|
||||||
this.relationData = {
|
|
||||||
id: id,
|
|
||||||
linkType: "1",
|
|
||||||
responseData: res.data,
|
|
||||||
};
|
|
||||||
this.topNameArray = ["未关联基础设施名称", "已关联基础设施名称"];
|
|
||||||
//将数据传递给引入的组件
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 是否展示关联应用弹窗
|
// 是否展示关联应用弹窗
|
||||||
handleIsShowRelatePopupApply(type) {
|
handleIsShowRelatePopupApply(type) {
|
||||||
this.relateApplicationResourceVisible = type;
|
this.relateApplicationResourceVisible = type;
|
||||||
|
|
|
||||||
|
|
@ -19,14 +19,14 @@
|
||||||
$t("export")
|
$t("export")
|
||||||
}}</el-button>
|
}}</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<!-- <el-form-item>
|
||||||
<el-button
|
<el-button
|
||||||
v-if="$hasPermission('ability:bsabilityai:save')"
|
v-if="$hasPermission('ability:bsabilityai:save')"
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="addOrUpdateHandleAI()"
|
@click="addOrUpdateHandleAI()"
|
||||||
>挂接</el-button
|
>挂接</el-button
|
||||||
>
|
>
|
||||||
</el-form-item>
|
</el-form-item> -->
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
|
|
@ -90,12 +90,19 @@
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button
|
<!-- <el-button
|
||||||
v-if="$hasPermission('ability:bsabilityai:update')"
|
v-if="$hasPermission('ability:bsabilityai:update')"
|
||||||
type="text"
|
type="text"
|
||||||
size="small"
|
size="small"
|
||||||
@click="UpdateHandle(scope.row)"
|
@click="UpdateHandle(scope.row)"
|
||||||
>{{ $t("update") }}</el-button
|
>{{ $t("update") }}</el-button
|
||||||
|
> -->
|
||||||
|
<el-button
|
||||||
|
v-if="$hasPermission('ability:bsabilityai:update')"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="UpdateData(scope.row)"
|
||||||
|
>{{ $t("update") }}</el-button
|
||||||
>
|
>
|
||||||
<el-button
|
<el-button
|
||||||
v-if="$hasPermission('ability:bsabilityai:delete')"
|
v-if="$hasPermission('ability:bsabilityai:delete')"
|
||||||
|
|
@ -150,13 +157,14 @@
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<el-dialog
|
<el-dialog
|
||||||
:title="'上架'+radio"
|
:title="submitFrom.id?'修改'+radio:'上架'+radio"
|
||||||
:visible.sync="showPutOnTheShelfFlag2"
|
:visible.sync="showPutOnTheShelfFlag2"
|
||||||
:close-on-click-modal='false'
|
:close-on-click-modal='false'
|
||||||
:close-on-press-escape='false'
|
:close-on-press-escape='false'
|
||||||
|
:destroy-on-close='true'
|
||||||
:before-close='clear'
|
:before-close='clear'
|
||||||
width="50%">
|
width="50%">
|
||||||
<putOnTheShelf :putOnTheShelfList='putOnTheShelfList' @changeInfoList='changeInfoList'></putOnTheShelf>
|
<putOnTheShelf :putOnTheShelfList='putOnTheShelfList' @changeInfoList='changeInfoList' :type='radio' :typeInput='typeInput'></putOnTheShelf>
|
||||||
<span slot="footer" class="dialog-footer">
|
<span slot="footer" class="dialog-footer">
|
||||||
<el-button @click="clear">取 消</el-button>
|
<el-button @click="clear">取 消</el-button>
|
||||||
<el-button type="primary" @click="submitData">确 定</el-button>
|
<el-button type="primary" @click="submitData">确 定</el-button>
|
||||||
|
|
@ -218,7 +226,8 @@ export default {
|
||||||
id: '',
|
id: '',
|
||||||
responseData: {},
|
responseData: {},
|
||||||
linkType: ''
|
linkType: ''
|
||||||
}
|
},
|
||||||
|
typeInput: '组件服务'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {},
|
watch: {},
|
||||||
|
|
@ -236,10 +245,6 @@ export default {
|
||||||
this.fullScreen()
|
this.fullScreen()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
changeInfoList (obj) {
|
|
||||||
this.submitFrom.infoList = this.submitFrom.infoList.filter((item) => item.attrType !== obj.attrType)
|
|
||||||
this.submitFrom.infoList.push(obj)
|
|
||||||
},
|
|
||||||
reset () {
|
reset () {
|
||||||
this.$http
|
this.$http
|
||||||
.get(
|
.get(
|
||||||
|
|
@ -292,7 +297,6 @@ export default {
|
||||||
// this.addOrUpdateHandle(id)
|
// this.addOrUpdateHandle(id)
|
||||||
this.addOrUpdateVisible = true
|
this.addOrUpdateVisible = true
|
||||||
this.disabled = false
|
this.disabled = false
|
||||||
console.log('显示数据=============》', val)
|
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.addOrUpdate.UpdateState = false
|
this.$refs.addOrUpdate.UpdateState = false
|
||||||
this.$refs.addOrUpdate.dataFormShowDetails = val
|
this.$refs.addOrUpdate.dataFormShowDetails = val
|
||||||
|
|
@ -301,7 +305,6 @@ export default {
|
||||||
this.disabled = true
|
this.disabled = true
|
||||||
},
|
},
|
||||||
showDocument (val) {
|
showDocument (val) {
|
||||||
console.log(val)
|
|
||||||
window.open(
|
window.open(
|
||||||
window.SITE_CONFIG.frontUrl + '?id=' + val.id + '&&type=' + val.type,
|
window.SITE_CONFIG.frontUrl + '?id=' + val.id + '&&type=' + val.type,
|
||||||
'_blank'
|
'_blank'
|
||||||
|
|
@ -327,7 +330,6 @@ export default {
|
||||||
})
|
})
|
||||||
)
|
)
|
||||||
.then(({ data: res }) => {
|
.then(({ data: res }) => {
|
||||||
console.log('res', res)
|
|
||||||
if (res.code !== 0) {
|
if (res.code !== 0) {
|
||||||
this.dataList = []
|
this.dataList = []
|
||||||
this.total = 0
|
this.total = 0
|
||||||
|
|
@ -357,32 +359,11 @@ export default {
|
||||||
fullScreen () {
|
fullScreen () {
|
||||||
if (window.outerHeight === screen.availHeight) {
|
if (window.outerHeight === screen.availHeight) {
|
||||||
if (window.outerWidth === screen.availWidth) {
|
if (window.outerWidth === screen.availWidth) {
|
||||||
console.log(
|
|
||||||
'全屏1',
|
|
||||||
window.outerHeight,
|
|
||||||
screen.availHeight,
|
|
||||||
window.outerWidth,
|
|
||||||
screen.availWidth
|
|
||||||
)
|
|
||||||
this.qp = false
|
this.qp = false
|
||||||
} else {
|
} else {
|
||||||
console.log(
|
|
||||||
'不是全屏2',
|
|
||||||
window.outerHeight,
|
|
||||||
screen.availHeight,
|
|
||||||
window.outerWidth,
|
|
||||||
screen.availWidth
|
|
||||||
)
|
|
||||||
this.qp = true
|
this.qp = true
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
console.log(
|
|
||||||
'不是全屏3',
|
|
||||||
window.outerHeight,
|
|
||||||
screen.availHeight,
|
|
||||||
window.outerWidth,
|
|
||||||
screen.availWidth
|
|
||||||
)
|
|
||||||
this.qp = true
|
this.qp = true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -403,10 +384,13 @@ export default {
|
||||||
handleIsShowRelatePopup (type) {
|
handleIsShowRelatePopup (type) {
|
||||||
this.relateApplicationVisible = type
|
this.relateApplicationVisible = type
|
||||||
},
|
},
|
||||||
// 新挂载
|
// 新上架
|
||||||
clear () {
|
clear () {
|
||||||
|
console.log('清空----------------------------------------')
|
||||||
this.showPutOnTheShelfFlag = false
|
this.showPutOnTheShelfFlag = false
|
||||||
this.showPutOnTheShelfFlag2 = false
|
this.showPutOnTheShelfFlag2 = false
|
||||||
|
this.insertList = []
|
||||||
|
this.putOnTheShelfList = []
|
||||||
this.radio = ''
|
this.radio = ''
|
||||||
this.submitFrom = {
|
this.submitFrom = {
|
||||||
type: '组件服务',
|
type: '组件服务',
|
||||||
|
|
@ -420,6 +404,7 @@ export default {
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
this.reset()
|
||||||
},
|
},
|
||||||
showPutOnTheShelf () {
|
showPutOnTheShelf () {
|
||||||
this.showPutOnTheShelfFlag = true
|
this.showPutOnTheShelfFlag = true
|
||||||
|
|
@ -432,10 +417,217 @@ export default {
|
||||||
this.showPutOnTheShelfFlag2 = true
|
this.showPutOnTheShelfFlag2 = true
|
||||||
this.submitFrom.infoList[0].attrValue = this.radio
|
this.submitFrom.infoList[0].attrValue = this.radio
|
||||||
this.putOnTheShelfList = this.insertList.children.filter(item => item.name === this.radio)[0].children
|
this.putOnTheShelfList = this.insertList.children.filter(item => item.name === this.radio)[0].children
|
||||||
console.log('radio', this.radio)
|
},
|
||||||
|
changeInfoList (obj) {
|
||||||
|
console.log(obj, this.submitFrom)
|
||||||
|
this.submitFrom.infoList = this.submitFrom.infoList.filter((item) => item.attrType !== obj.attrType)
|
||||||
|
this.submitFrom.infoList.push(obj)
|
||||||
},
|
},
|
||||||
submitData () {
|
submitData () {
|
||||||
console.log('表单数据=================>', this.submitFrom, this.putOnTheShelfList)
|
console.log('编辑11111111111===============>', this.putOnTheShelfList)
|
||||||
|
const arr = []
|
||||||
|
this.putOnTheShelfList.map(item => {
|
||||||
|
item.children.map(child => {
|
||||||
|
if (child.children) {
|
||||||
|
if (child.name === '算法优势' || child.name === '应用场景' || child.name === '功能介绍') {
|
||||||
|
arr.push(child.name)
|
||||||
|
if (this.submitFrom.infoList.filter(value => value.attrType === child.name).length === 0) {
|
||||||
|
this.submitFrom.infoList.push({
|
||||||
|
attrType: child.name,
|
||||||
|
attrValue: child.note1,
|
||||||
|
delFlag: 0
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
child.children.map(val => {
|
||||||
|
arr.push(val.name)
|
||||||
|
if (val.type === 'input' || val.type === 'textArea' || val.type === 'select' || val.type === 'checkBox' || val.type === 'radio') {
|
||||||
|
this.submitFrom.infoList = this.submitFrom.infoList.filter((item) => item.attrType !== val.name)
|
||||||
|
}
|
||||||
|
if (val.note1) {
|
||||||
|
switch (val.name) {
|
||||||
|
case '算法名称':
|
||||||
|
case '应用名称':
|
||||||
|
case '组件名称':
|
||||||
|
case '图层名称':
|
||||||
|
this.submitFrom.name = val.note1
|
||||||
|
break
|
||||||
|
case '算法描述':
|
||||||
|
case '应用描述':
|
||||||
|
case '组件描述':
|
||||||
|
case '图层描述':
|
||||||
|
this.submitFrom.description = val.note1
|
||||||
|
break
|
||||||
|
case '共享条件':
|
||||||
|
this.submitFrom.shareCondition = val.note1
|
||||||
|
break
|
||||||
|
case '共享类型':
|
||||||
|
this.submitFrom.shareType = val.note1
|
||||||
|
break
|
||||||
|
case '服务接口':
|
||||||
|
this.submitFrom.apiUrl = val.note1
|
||||||
|
break
|
||||||
|
case '接口请求方式':
|
||||||
|
this.submitFrom.apiMethodType = val.note1
|
||||||
|
break
|
||||||
|
case '访问地址':
|
||||||
|
this.submitFrom.link = val.note1
|
||||||
|
break
|
||||||
|
case '部门联系人':
|
||||||
|
this.submitFrom.deptContacts = val.note1
|
||||||
|
break
|
||||||
|
case '部门联系人电话':
|
||||||
|
this.submitFrom.deptPhone = val.note1
|
||||||
|
break
|
||||||
|
case '归属部门':
|
||||||
|
this.submitFrom.deptId = val.note1
|
||||||
|
break
|
||||||
|
case '能力类型':
|
||||||
|
this.submitFrom.type = val.note1
|
||||||
|
break
|
||||||
|
default:
|
||||||
|
if (val.type !== 'image' && val.type !== 'file' && val.type !== 'video') {
|
||||||
|
this.submitFrom.infoList.push({
|
||||||
|
attrType: val.name,
|
||||||
|
attrValue: val.note1,
|
||||||
|
delFlag: 0
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
if (this.submitFrom.infoList.filter(value => value.attrType === val.name).length === 0) {
|
||||||
|
this.submitFrom.infoList.push({
|
||||||
|
attrType: val.name,
|
||||||
|
attrValue: val.note1,
|
||||||
|
delFlag: 0,
|
||||||
|
note2: val.note2 || null
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
this.submitFrom.infoList = this.submitFrom.infoList.sort((a, b) => arr.indexOf(a.attrType) - arr.indexOf(b.attrType))
|
||||||
|
if (this.submitFrom.id) {
|
||||||
|
// 解决编辑无组件类型
|
||||||
|
this.submitFrom.infoList.map(val => {
|
||||||
|
if (val.attrType === '组件类型') {
|
||||||
|
val.attrValue = this.radio
|
||||||
|
}
|
||||||
|
})
|
||||||
|
console.log('编辑===============>', this.submitFrom)
|
||||||
|
this.$http
|
||||||
|
.put('/resource/update', this.submitFrom)
|
||||||
|
.then(({ data: res }) => {
|
||||||
|
if (res.code !== 0) {
|
||||||
|
this.$message.error('修改失败!')
|
||||||
|
} else {
|
||||||
|
this.$message.success('修改成功！')
|
||||||
|
this.clear()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {})
|
||||||
|
} else {
|
||||||
|
this.$http
|
||||||
|
.post('/resource/insert?source= b', this.submitFrom)
|
||||||
|
.then(({ data: res }) => {
|
||||||
|
if (res.code !== 0) {
|
||||||
|
this.$message.error('上架失败!')
|
||||||
|
} else {
|
||||||
|
this.$message.success('上架成功！')
|
||||||
|
this.clear()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 新修改
|
||||||
|
UpdateData (item) {
|
||||||
|
this.$http.get('/category/getCategoryTree').then(res => {
|
||||||
|
this.insertList = res.data.data.filter(item => item.name === '组件服务一')[0]
|
||||||
|
this.radio = item.infoList.filter(val => val.attrType === '组件类型')[0].attrValue
|
||||||
|
this.putOnTheShelfList = this.insertList.children.filter(item => item.name === this.radio)[0].children
|
||||||
|
this.putOnTheShelfList.map(parent => {
|
||||||
|
parent.children.map(child => {
|
||||||
|
if (child.name === '算法优势' || child.name === '应用场景' || child.name === '功能介绍') {
|
||||||
|
const obj = item.infoList.filter(val => val.attrType === child.name)[0]
|
||||||
|
if (obj) {
|
||||||
|
child.note1 = obj.attrValue
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (child.children) {
|
||||||
|
child.children.map(data => {
|
||||||
|
if (data.name === '计费标准信息' || data.name === '常见问题') {
|
||||||
|
const obj = item.infoList.filter(val => val.attrType === child.name)[0]
|
||||||
|
if (obj) {
|
||||||
|
data.note1 = obj.attrValue
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
switch (data.name) {
|
||||||
|
case '算法名称':
|
||||||
|
case '应用名称':
|
||||||
|
case '组件名称':
|
||||||
|
case '图层名称':
|
||||||
|
data.note1 = item.name
|
||||||
|
break
|
||||||
|
case '算法描述':
|
||||||
|
case '应用描述':
|
||||||
|
case '组件描述':
|
||||||
|
case '图层描述':
|
||||||
|
data.note1 = item.description
|
||||||
|
break
|
||||||
|
case '共享条件':
|
||||||
|
data.note1 = item.shareCondition
|
||||||
|
break
|
||||||
|
case '共享类型':
|
||||||
|
data.note1 = item.shareType
|
||||||
|
break
|
||||||
|
case '服务接口':
|
||||||
|
data.note1 = item.apiUrl
|
||||||
|
break
|
||||||
|
case '接口请求方式':
|
||||||
|
data.note1 = item.apiMethodType
|
||||||
|
break
|
||||||
|
case '访问地址':
|
||||||
|
data.note1 = item.link
|
||||||
|
break
|
||||||
|
case '部门联系人':
|
||||||
|
data.note1 = item.deptContacts
|
||||||
|
break
|
||||||
|
case '部门联系人电话':
|
||||||
|
data.note1 = item.deptPhone
|
||||||
|
break
|
||||||
|
case '归属部门':
|
||||||
|
data.note1 = item.deptId
|
||||||
|
break
|
||||||
|
case '能力类型':
|
||||||
|
data.note1 = item.type
|
||||||
|
break
|
||||||
|
default:
|
||||||
|
// eslint-disable-next-line no-case-declarations
|
||||||
|
const obj1 = item.infoList.filter(val => val.attrType === data.name)[0]
|
||||||
|
if (obj1) {
|
||||||
|
data.note1 = obj1.attrValue
|
||||||
|
}
|
||||||
|
break
|
||||||
|
}
|
||||||
|
if (data.type === 'image' || data.type === 'file' || data.type === 'video') {
|
||||||
|
const obj1 = item.infoList.filter(val => val.attrType === data.name)[0]
|
||||||
|
if (obj1) {
|
||||||
|
data.note2 = obj1.note2
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
this.submitFrom.id = item.id
|
||||||
|
this.showPutOnTheShelfFlag2 = true
|
||||||
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -19,13 +19,20 @@
|
||||||
$t("export")
|
$t("export")
|
||||||
}}</el-button>
|
}}</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<!-- <el-form-item>
|
||||||
<el-button
|
<el-button
|
||||||
v-if="$hasPermission('ability:bsabilityai:save')"
|
v-if="$hasPermission('ability:bsabilityai:save')"
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="addOrUpdateHandleServe()"
|
@click="addOrUpdateHandleServe()"
|
||||||
>挂接</el-button
|
>挂接</el-button
|
||||||
>
|
>
|
||||||
|
</el-form-item> -->
|
||||||
|
<el-form-item>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
@click="showPutOnTheShelf()"
|
||||||
|
>上架</el-button
|
||||||
|
>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button
|
<el-button
|
||||||
|
|
@ -85,7 +92,7 @@
|
||||||
v-if="$hasPermission('ability:bsabilityai:update')"
|
v-if="$hasPermission('ability:bsabilityai:update')"
|
||||||
type="text"
|
type="text"
|
||||||
size="small"
|
size="small"
|
||||||
@click="UpdateHandle(scope.row)"
|
@click="UpdateData(scope.row)"
|
||||||
>{{ $t("update") }}</el-button
|
>{{ $t("update") }}</el-button
|
||||||
>
|
>
|
||||||
<el-button
|
<el-button
|
||||||
|
|
@ -153,63 +160,97 @@
|
||||||
@isShowRelatePopup="handleIsShowRelatePopupApply"
|
@isShowRelatePopup="handleIsShowRelatePopupApply"
|
||||||
></relate-application>
|
></relate-application>
|
||||||
</div>
|
</div>
|
||||||
|
<el-dialog
|
||||||
|
:title="submitFrom.id?'修改'+radio:'上架'+radio"
|
||||||
|
:visible.sync="showPutOnTheShelfFlag2"
|
||||||
|
:close-on-click-modal='false'
|
||||||
|
:close-on-press-escape='false'
|
||||||
|
:destroy-on-close='true'
|
||||||
|
:before-close='clear'
|
||||||
|
width="50%">
|
||||||
|
<putOnTheShelf :putOnTheShelfList='putOnTheShelfList' @changeInfoList='changeInfoList' :type='radio' :typeInput='typeInput'></putOnTheShelf>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="clear">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="submitData">确 定</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
</el-card>
|
</el-card>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import mixinViewModule from "@/mixins/view-module";
|
import mixinViewModule from '@/mixins/view-module'
|
||||||
import AddOrUpdate from "./bsabilityservice-add-or-update";
|
import AddOrUpdate from './bsabilityservice-add-or-update'
|
||||||
import dictionaries from "@/utils/dictionaries";
|
import dictionaries from '@/utils/dictionaries'
|
||||||
import RelateApplication from "./bsabilityai-relate-application.vue";
|
import RelateApplication from './bsabilityai-relate-application.vue'
|
||||||
import qs from "qs";
|
import qs from 'qs'
|
||||||
import { type } from "os";
|
import { type } from 'os'
|
||||||
|
import putOnTheShelf from '@/views/modules/putOnTheShelf'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
mixins: [mixinViewModule],
|
mixins: [mixinViewModule],
|
||||||
data() {
|
data () {
|
||||||
return {
|
return {
|
||||||
mixinViewModuleOptions: {
|
mixinViewModuleOptions: {
|
||||||
getDataListURL: "/resource/page",
|
getDataListURL: '/resource/page',
|
||||||
getDataListIsPage: true,
|
getDataListIsPage: true,
|
||||||
exportURL: "/ability/bsabilityai/export",
|
exportURL: '/ability/bsabilityai/export',
|
||||||
deleteURL: "/resource/delete",
|
deleteURL: '/resource/delete',
|
||||||
deleteIsBatch: true,
|
deleteIsBatch: true
|
||||||
},
|
},
|
||||||
disabled: false,
|
disabled: false,
|
||||||
sceneArr: dictionaries.sceneArr,
|
sceneArr: dictionaries.sceneArr,
|
||||||
fieldArr: dictionaries.fieldArr,
|
fieldArr: dictionaries.fieldArr,
|
||||||
shareFormArr: dictionaries.shareFormArr,
|
shareFormArr: dictionaries.shareFormArr,
|
||||||
dataForm: {
|
dataForm: {
|
||||||
name: "",
|
name: '',
|
||||||
creator: "",
|
creator: '',
|
||||||
selectType: 0,
|
selectType: 0,
|
||||||
delFlag: 0,
|
delFlag: 0,
|
||||||
type: "应用资源",
|
type: '应用资源'
|
||||||
},
|
},
|
||||||
qp: false,
|
qp: false,
|
||||||
relateApplicationResourceVisible: false,
|
relateApplicationResourceVisible: false,
|
||||||
relationData: {}, //打开穿梭框时传递的参数
|
relationData: {}, // 打开穿梭框时传递的参数
|
||||||
topNameArray: [], //
|
topNameArray: [], //
|
||||||
};
|
radio: '应用资源',
|
||||||
|
insertList: [],
|
||||||
|
putOnTheShelfList: [],
|
||||||
|
showPutOnTheShelfFlag2: false,
|
||||||
|
submitFrom: {
|
||||||
|
type: '应用资源',
|
||||||
|
deptId: '',
|
||||||
|
delFlag: 0,
|
||||||
|
infoList: [
|
||||||
|
// {
|
||||||
|
// attrType: '组件类型',
|
||||||
|
// attrValue: '',
|
||||||
|
// delFlag: 0
|
||||||
|
// }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
typeInput: '应用资源'
|
||||||
|
}
|
||||||
},
|
},
|
||||||
watch: {},
|
watch: {},
|
||||||
components: {
|
components: {
|
||||||
AddOrUpdate,
|
AddOrUpdate,
|
||||||
RelateApplication,
|
RelateApplication,
|
||||||
|
putOnTheShelf
|
||||||
},
|
},
|
||||||
created() {
|
created () {
|
||||||
this.dataForm.name = "";
|
this.dataForm.name = ''
|
||||||
this.dataForm.type = "应用资源";
|
this.dataForm.type = '应用资源'
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted () {
|
||||||
window.addEventListener("resize", this.a);
|
window.addEventListener('resize', this.a)
|
||||||
this.fullScreen();
|
this.fullScreen()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
reset() {
|
reset () {
|
||||||
this.$http
|
this.$http
|
||||||
.get(
|
.get(
|
||||||
this.mixinViewModuleOptions.getDataListURL +
|
this.mixinViewModuleOptions.getDataListURL +
|
||||||
"?" +
|
'?' +
|
||||||
qs.stringify({
|
qs.stringify({
|
||||||
// order: this.order,
|
// order: this.order,
|
||||||
// orderField: this.orderField,
|
// orderField: this.orderField,
|
||||||
|
|
@ -218,230 +259,471 @@ export default {
|
||||||
selectType: 0,
|
selectType: 0,
|
||||||
limit: 10,
|
limit: 10,
|
||||||
delFlag: 0,
|
delFlag: 0,
|
||||||
creator: "",
|
creator: '',
|
||||||
type: "应用资源",
|
type: '应用资源',
|
||||||
name: "",
|
name: ''
|
||||||
})
|
})
|
||||||
)
|
)
|
||||||
.then(({ data: res }) => {
|
.then(({ data: res }) => {
|
||||||
this.dataForm.name = "";
|
this.dataForm.name = ''
|
||||||
if (res.code !== 0) {
|
if (res.code !== 0) {
|
||||||
this.dataList = [];
|
this.dataList = []
|
||||||
this.total = 0;
|
this.total = 0
|
||||||
return this.$message.error(res.msg);
|
return this.$message.error(res.msg)
|
||||||
}
|
}
|
||||||
this.dataList = this.mixinViewModuleOptions.getDataListIsPage
|
this.dataList = this.mixinViewModuleOptions.getDataListIsPage
|
||||||
? res.data.list
|
? res.data.list
|
||||||
: res.data;
|
: res.data
|
||||||
this.total = this.mixinViewModuleOptions.getDataListIsPage
|
this.total = this.mixinViewModuleOptions.getDataListIsPage
|
||||||
? res.data.total
|
? res.data.total
|
||||||
: 0;
|
: 0
|
||||||
if (this.mixinViewModuleOptions.requestCallback) {
|
if (this.mixinViewModuleOptions.requestCallback) {
|
||||||
this.mixinViewModuleOptions.requestCallback(res.data);
|
this.mixinViewModuleOptions.requestCallback(res.data)
|
||||||
}
|
}
|
||||||
this.dataListLoading = false;
|
this.dataListLoading = false
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
this.dataListLoading = false;
|
this.dataListLoading = false
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
showDetail(val) {
|
showDetail (val) {
|
||||||
this.addOrUpdateVisible = true;
|
this.addOrUpdateVisible = true
|
||||||
this.disabled = false;
|
this.disabled = false
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.addOrUpdate.UpdateState = false;
|
this.$refs.addOrUpdate.UpdateState = false
|
||||||
this.$refs.addOrUpdate.dataFormShowDetails = val;
|
this.$refs.addOrUpdate.dataFormShowDetails = val
|
||||||
this.$refs.addOrUpdate.init();
|
this.$refs.addOrUpdate.init()
|
||||||
});
|
})
|
||||||
this.disabled = true;
|
this.disabled = true
|
||||||
},
|
},
|
||||||
showDocument(val) {
|
showDocument (val) {
|
||||||
console.log(val);
|
console.log(val)
|
||||||
window.open(
|
window.open(
|
||||||
window.SITE_CONFIG.frontUrl + "?id=" + val.id + "&&type=" + val.type,
|
window.SITE_CONFIG.frontUrl + '?id=' + val.id + '&&type=' + val.type,
|
||||||
"_blank"
|
'_blank'
|
||||||
);
|
)
|
||||||
},
|
},
|
||||||
findValue(list, type) {
|
findValue (list, type) {
|
||||||
const found = list.find((item) => item.attrType === type);
|
const found = list.find((item) => item.attrType === type)
|
||||||
if (found) {
|
if (found) {
|
||||||
return found.attrValue;
|
return found.attrValue
|
||||||
} else {
|
} else {
|
||||||
return "暂无数据";
|
return '暂无数据'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
getDataList2(names) {
|
getDataList2 (names) {
|
||||||
if (names != null) {
|
if (names != null) {
|
||||||
this.$http
|
this.$http
|
||||||
.get(
|
.get(
|
||||||
this.mixinViewModuleOptions.getDataListURL +
|
this.mixinViewModuleOptions.getDataListURL +
|
||||||
"?" +
|
'?' +
|
||||||
qs.stringify({
|
qs.stringify({
|
||||||
// order: this.order,
|
// order: this.order,
|
||||||
// orderField: this.orderField,
|
// orderField: this.orderField,
|
||||||
// type: '组件服务',
|
// type: '组件服务',
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: this.limit,
|
pageSize: this.limit,
|
||||||
type: "应用资源",
|
type: '应用资源',
|
||||||
creator: "",
|
creator: '',
|
||||||
selectType: 0,
|
selectType: 0,
|
||||||
delFlag: 0,
|
delFlag: 0,
|
||||||
name: names,
|
name: names
|
||||||
})
|
})
|
||||||
)
|
)
|
||||||
.then(({ data: res }) => {
|
.then(({ data: res }) => {
|
||||||
if (res.code !== 0) {
|
if (res.code !== 0) {
|
||||||
this.dataList = [];
|
this.dataList = []
|
||||||
this.total = 0;
|
this.total = 0
|
||||||
return this.$message.error(res.msg);
|
return this.$message.error(res.msg)
|
||||||
}
|
}
|
||||||
if (res.data.list.length !== 0) {
|
if (res.data.list.length !== 0) {
|
||||||
this.dataList = res.data.list;
|
this.dataList = res.data.list
|
||||||
this.total = this.mixinViewModuleOptions.getDataListIsPage
|
this.total = this.mixinViewModuleOptions.getDataListIsPage
|
||||||
? res.data.total
|
? res.data.total
|
||||||
: 0;
|
: 0
|
||||||
if (this.mixinViewModuleOptions.requestCallback) {
|
if (this.mixinViewModuleOptions.requestCallback) {
|
||||||
this.mixinViewModuleOptions.requestCallback(res.data);
|
this.mixinViewModuleOptions.requestCallback(res.data)
|
||||||
}
|
}
|
||||||
this.dataListLoading = false;
|
this.dataListLoading = false
|
||||||
} else {
|
} else {
|
||||||
this.$message.error("未查询到相关信息");
|
this.$message.error('未查询到相关信息')
|
||||||
this.reset();
|
this.reset()
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
this.dataListLoading = false;
|
this.dataListLoading = false
|
||||||
});
|
})
|
||||||
} else {
|
} else {
|
||||||
this.$message.error("查询不能输入为空");
|
this.$message.error('查询不能输入为空')
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
fullScreen() {
|
fullScreen () {
|
||||||
if (window.outerHeight === screen.availHeight) {
|
if (window.outerHeight === screen.availHeight) {
|
||||||
if (window.outerWidth === screen.availWidth) {
|
if (window.outerWidth === screen.availWidth) {
|
||||||
console.log(
|
console.log(
|
||||||
"全屏1",
|
'全屏1',
|
||||||
window.outerHeight,
|
window.outerHeight,
|
||||||
screen.availHeight,
|
screen.availHeight,
|
||||||
window.outerWidth,
|
window.outerWidth,
|
||||||
screen.availWidth
|
screen.availWidth
|
||||||
);
|
)
|
||||||
this.qp = false;
|
this.qp = false
|
||||||
} else {
|
} else {
|
||||||
console.log(
|
console.log(
|
||||||
"不是全屏2",
|
'不是全屏2',
|
||||||
window.outerHeight,
|
window.outerHeight,
|
||||||
screen.availHeight,
|
screen.availHeight,
|
||||||
window.outerWidth,
|
window.outerWidth,
|
||||||
screen.availWidth
|
screen.availWidth
|
||||||
);
|
)
|
||||||
this.qp = true;
|
this.qp = true
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
console.log(
|
console.log(
|
||||||
"不是全屏3",
|
'不是全屏3',
|
||||||
window.outerHeight,
|
window.outerHeight,
|
||||||
screen.availHeight,
|
screen.availHeight,
|
||||||
window.outerWidth,
|
window.outerWidth,
|
||||||
screen.availWidth
|
screen.availWidth
|
||||||
);
|
)
|
||||||
this.qp = true;
|
this.qp = true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
//应用与组件
|
// 应用与组件
|
||||||
applyAndAssembly(val) {
|
applyAndAssembly (val) {
|
||||||
console.log("vvvv", val);
|
console.log('vvvv', val)
|
||||||
//根据id和类型查询已关联的组件，将id,type和查出来的数据传递给组件
|
// 根据id和类型查询已关联的组件，将id,type和查出来的数据传递给组件
|
||||||
let type = "组件服务";
|
const type = '组件服务'
|
||||||
let id = val.id;
|
const id = val.id
|
||||||
this.$http
|
this.$http
|
||||||
.get(`/dataResourceRel/queryResourceRelByKeyId`, {
|
.get('/dataResourceRel/queryResourceRelByKeyId', {
|
||||||
params: {
|
params: {
|
||||||
keyId: id,
|
keyId: id,
|
||||||
type: type,
|
type: type,
|
||||||
referenceName: "",
|
referenceName: ''
|
||||||
},
|
}
|
||||||
})
|
})
|
||||||
.then(({ data: res }) => {
|
.then(({ data: res }) => {
|
||||||
if (res.code !== 0) {
|
if (res.code !== 0) {
|
||||||
return this.$message.error(res.msg);
|
return this.$message.error(res.msg)
|
||||||
}
|
}
|
||||||
console.log("rrrrressssz", res.data);
|
console.log('rrrrressssz', res.data)
|
||||||
this.relateApplicationResourceVisible = true;
|
this.relateApplicationResourceVisible = true
|
||||||
this.relationData = {
|
this.relationData = {
|
||||||
id: id,
|
id: id,
|
||||||
linkType: "1",
|
linkType: '1',
|
||||||
responseData: res.data,
|
responseData: res.data
|
||||||
};
|
}
|
||||||
this.topNameArray = ["未关联组件名称", "已关联组件名称"];
|
this.topNameArray = ['未关联组件名称', '已关联组件名称']
|
||||||
console.log(" this.relationData", this.relationData);
|
console.log(' this.relationData', this.relationData)
|
||||||
//将数据传递给引入的组件
|
// 将数据传递给引入的组件
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
//应用与数据资源
|
// 应用与数据资源
|
||||||
applyAndDataResource(val) {
|
applyAndDataResource (val) {
|
||||||
console.log("数据资源");
|
console.log('数据资源')
|
||||||
},
|
},
|
||||||
//应用与项目
|
// 应用与项目
|
||||||
applyAndProject(val) {
|
applyAndProject (val) {
|
||||||
let type = "项目";
|
const type = '项目'
|
||||||
let id = val.id;
|
const id = val.id
|
||||||
this.$http
|
this.$http
|
||||||
.get(`/dataResourceRel/queryResourceRelByKeyId`, {
|
.get('/dataResourceRel/queryResourceRelByKeyId', {
|
||||||
params: {
|
params: {
|
||||||
keyId: id,
|
keyId: id,
|
||||||
type: type,
|
type: type,
|
||||||
referenceName: "",
|
referenceName: ''
|
||||||
},
|
}
|
||||||
})
|
})
|
||||||
.then(({ data: res }) => {
|
.then(({ data: res }) => {
|
||||||
if (res.code !== 0) {
|
if (res.code !== 0) {
|
||||||
return this.$message.error(res.msg);
|
return this.$message.error(res.msg)
|
||||||
}
|
}
|
||||||
console.log("rrrrressssx", res.data);
|
console.log('rrrrressssx', res.data)
|
||||||
this.relateApplicationResourceVisible = true;
|
this.relateApplicationResourceVisible = true
|
||||||
this.relationData = {
|
this.relationData = {
|
||||||
id: id,
|
id: id,
|
||||||
linkType: "1",
|
linkType: '1',
|
||||||
responseData: res.data,
|
responseData: res.data
|
||||||
};
|
}
|
||||||
this.topNameArray = ["未关联项目名称", "已关联项目名称"];
|
this.topNameArray = ['未关联项目名称', '已关联项目名称']
|
||||||
//将数据传递给引入的组件
|
// 将数据传递给引入的组件
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
//应用与基础设施
|
// 应用与基础设施
|
||||||
applyAndInfrastructure(val) {
|
applyAndInfrastructure (val) {
|
||||||
let type = "基础设施";
|
const type = '基础设施'
|
||||||
let id = val.id;
|
const id = val.id
|
||||||
this.$http
|
this.$http
|
||||||
.get(`/dataResourceRel/queryResourceRelByKeyId`, {
|
.get('/dataResourceRel/queryResourceRelByKeyId', {
|
||||||
params: {
|
params: {
|
||||||
keyId: id,
|
keyId: id,
|
||||||
type: type,
|
type: type,
|
||||||
referenceName: "",
|
referenceName: ''
|
||||||
},
|
}
|
||||||
})
|
})
|
||||||
.then(({ data: res }) => {
|
.then(({ data: res }) => {
|
||||||
if (res.code !== 0) {
|
if (res.code !== 0) {
|
||||||
return this.$message.error(res.msg);
|
return this.$message.error(res.msg)
|
||||||
}
|
}
|
||||||
console.log("rrrrressssj", res.data);
|
console.log('rrrrressssj', res.data)
|
||||||
this.relateApplicationResourceVisible = true;
|
this.relateApplicationResourceVisible = true
|
||||||
this.relationData = {
|
this.relationData = {
|
||||||
id: id,
|
id: id,
|
||||||
linkType: "1",
|
linkType: '1',
|
||||||
responseData: res.data,
|
responseData: res.data
|
||||||
};
|
}
|
||||||
this.topNameArray = ["未关联基础设施名称", "已关联基础设施名称"];
|
this.topNameArray = ['未关联基础设施名称', '已关联基础设施名称']
|
||||||
//将数据传递给引入的组件
|
// 将数据传递给引入的组件
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
// 是否展示关联应用弹窗
|
// 是否展示关联应用弹窗
|
||||||
handleIsShowRelatePopupApply(type) {
|
handleIsShowRelatePopupApply (type) {
|
||||||
this.relateApplicationResourceVisible = type;
|
this.relateApplicationResourceVisible = type
|
||||||
},
|
},
|
||||||
|
// 新上架
|
||||||
|
clear () {
|
||||||
|
this.showPutOnTheShelfFlag2 = false
|
||||||
|
this.insertList = []
|
||||||
|
this.putOnTheShelfList = []
|
||||||
|
this.radio = '应用资源'
|
||||||
|
this.submitFrom = {
|
||||||
|
type: '应用资源',
|
||||||
|
deptId: '',
|
||||||
|
delFlag: 0,
|
||||||
|
infoList: [
|
||||||
|
// {
|
||||||
|
// attrType: '组件类型',
|
||||||
|
// attrValue: '',
|
||||||
|
// delFlag: 0
|
||||||
|
// }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
this.reset()
|
||||||
},
|
},
|
||||||
};
|
// 上架
|
||||||
|
showPutOnTheShelf () {
|
||||||
|
this.showPutOnTheShelfFlag2 = true
|
||||||
|
this.$http.get('/category/getCategoryTree').then(res => {
|
||||||
|
this.insertList = res.data.data.filter(item => item.name === '应用资源一')[0]
|
||||||
|
console.log(this.insertList, this, this.radio, 'hhhhhhhhhhh')
|
||||||
|
this.putOnTheShelfList = this.insertList.children
|
||||||
|
})
|
||||||
|
},
|
||||||
|
changeInfoList (obj) {
|
||||||
|
this.submitFrom.infoList = this.submitFrom.infoList.filter((item) => item.attrType !== obj.attrType)
|
||||||
|
this.submitFrom.infoList.push(obj)
|
||||||
|
},
|
||||||
|
submitData () {
|
||||||
|
this.showPutOnTheShelfFlag2 = false
|
||||||
|
const arr = []
|
||||||
|
this.putOnTheShelfList.map(item => {
|
||||||
|
item.children.map(child => {
|
||||||
|
if (child.children) {
|
||||||
|
if (child.name === '算法优势' || child.name === '应用场景' || child.name === '功能介绍') {
|
||||||
|
arr.push(child.name)
|
||||||
|
if (this.submitFrom.infoList.filter(value => value.attrType === child.name).length === 0) {
|
||||||
|
this.submitFrom.infoList.push({
|
||||||
|
attrType: child.name,
|
||||||
|
attrValue: child.note1,
|
||||||
|
delFlag: 0
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
child.children.map(val => {
|
||||||
|
arr.push(val.name)
|
||||||
|
if (val.type === 'input' || val.type === 'textArea' || val.type === 'select' || val.type === 'checkBox' || val.type === 'radio') {
|
||||||
|
this.submitFrom.infoList = this.submitFrom.infoList.filter((item) => item.attrType !== val.name)
|
||||||
|
}
|
||||||
|
if (val.note1) {
|
||||||
|
switch (val.name) {
|
||||||
|
case '算法名称':
|
||||||
|
case '应用名称':
|
||||||
|
case '组件名称':
|
||||||
|
case '图层名称':
|
||||||
|
this.submitFrom.name = val.note1
|
||||||
|
break
|
||||||
|
case '算法描述':
|
||||||
|
case '应用描述':
|
||||||
|
case '组件描述':
|
||||||
|
case '图层描述':
|
||||||
|
this.submitFrom.description = val.note1
|
||||||
|
break
|
||||||
|
case '共享条件':
|
||||||
|
this.submitFrom.shareCondition = val.note1
|
||||||
|
break
|
||||||
|
case '共享类型':
|
||||||
|
this.submitFrom.shareType = val.note1
|
||||||
|
break
|
||||||
|
case '服务接口':
|
||||||
|
this.submitFrom.apiUrl = val.note1
|
||||||
|
break
|
||||||
|
case '接口请求方式':
|
||||||
|
this.submitFrom.apiMethodType = val.note1
|
||||||
|
break
|
||||||
|
case '访问地址':
|
||||||
|
this.submitFrom.link = val.note1
|
||||||
|
break
|
||||||
|
case '部门联系人':
|
||||||
|
this.submitFrom.deptContacts = val.note1
|
||||||
|
break
|
||||||
|
case '部门联系人电话':
|
||||||
|
this.submitFrom.deptPhone = val.note1
|
||||||
|
break
|
||||||
|
case '归属部门':
|
||||||
|
this.submitFrom.deptId = val.note1
|
||||||
|
break
|
||||||
|
case '能力类型':
|
||||||
|
this.submitFrom.type = val.note1
|
||||||
|
break
|
||||||
|
default:
|
||||||
|
if (val.type !== 'image' && val.type !== 'file' && val.type !== 'video') {
|
||||||
|
this.submitFrom.infoList.push({
|
||||||
|
attrType: val.name,
|
||||||
|
attrValue: val.note1,
|
||||||
|
delFlag: 0
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
if (this.submitFrom.infoList.filter(value => value.attrType === val.name).length === 0) {
|
||||||
|
this.submitFrom.infoList.push({
|
||||||
|
attrType: val.name,
|
||||||
|
attrValue: val.note1,
|
||||||
|
delFlag: 0,
|
||||||
|
note2: val.note2 || null
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
this.submitFrom.infoList = this.submitFrom.infoList.sort((a, b) => arr.indexOf(a.attrType) - arr.indexOf(b.attrType))
|
||||||
|
if (this.submitFrom.id) {
|
||||||
|
// 解决编辑无组件类型
|
||||||
|
this.submitFrom.infoList.map(val => {
|
||||||
|
if (val.attrType === '组件类型') {
|
||||||
|
val.attrValue = this.radio
|
||||||
|
}
|
||||||
|
})
|
||||||
|
console.log('编辑===============>', this.submitFrom)
|
||||||
|
this.$http
|
||||||
|
.put('/resource/update', this.submitFrom)
|
||||||
|
.then(({ data: res }) => {
|
||||||
|
if (res.code !== 0) {
|
||||||
|
this.$message.error('修改失败!')
|
||||||
|
} else {
|
||||||
|
this.$message.success('修改成功！')
|
||||||
|
this.clear()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {})
|
||||||
|
} else {
|
||||||
|
this.$http
|
||||||
|
.post('/resource/insert?source= b', this.submitFrom)
|
||||||
|
.then(({ data: res }) => {
|
||||||
|
if (res.code !== 0) {
|
||||||
|
this.$message.error('上架失败!')
|
||||||
|
} else {
|
||||||
|
this.$message.success('上架成功！')
|
||||||
|
this.clear()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 新修改
|
||||||
|
UpdateData (item) {
|
||||||
|
this.$http.get('/category/getCategoryTree').then(res => {
|
||||||
|
this.insertList = res.data.data.filter(item => item.name === '应用资源一')[0]
|
||||||
|
this.radio = '应用资源'
|
||||||
|
// this.radio = item.infoList.filter(val => val.attrType === '应用资源')[0].attrValue
|
||||||
|
this.putOnTheShelfList = this.insertList.children
|
||||||
|
// this.putOnTheShelfList = this.insertList.children.filter(item => item.name === this.radio)[0].children
|
||||||
|
this.putOnTheShelfList.map(parent => {
|
||||||
|
parent.children.map(child => {
|
||||||
|
if (child.name === '算法优势' || child.name === '应用场景' || child.name === '功能介绍') {
|
||||||
|
const obj = item.infoList.filter(val => val.attrType === child.name)[0]
|
||||||
|
if (obj) {
|
||||||
|
child.note1 = obj.attrValue
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (child.children) {
|
||||||
|
child.children.map(data => {
|
||||||
|
if (data.name === '计费标准信息' || data.name === '常见问题') {
|
||||||
|
const obj = item.infoList.filter(val => val.attrType === child.name)[0]
|
||||||
|
if (obj) {
|
||||||
|
data.note1 = obj.attrValue
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
switch (data.name) {
|
||||||
|
case '算法名称':
|
||||||
|
case '应用名称':
|
||||||
|
case '组件名称':
|
||||||
|
case '图层名称':
|
||||||
|
data.note1 = item.name
|
||||||
|
break
|
||||||
|
case '算法描述':
|
||||||
|
case '应用描述':
|
||||||
|
case '组件描述':
|
||||||
|
case '图层描述':
|
||||||
|
data.note1 = item.description
|
||||||
|
break
|
||||||
|
case '共享条件':
|
||||||
|
data.note1 = item.shareCondition
|
||||||
|
break
|
||||||
|
case '共享类型':
|
||||||
|
data.note1 = item.shareType
|
||||||
|
break
|
||||||
|
case '服务接口':
|
||||||
|
data.note1 = item.apiUrl
|
||||||
|
break
|
||||||
|
case '接口请求方式':
|
||||||
|
data.note1 = item.apiMethodType
|
||||||
|
break
|
||||||
|
case '访问地址':
|
||||||
|
data.note1 = item.link
|
||||||
|
break
|
||||||
|
case '部门联系人':
|
||||||
|
data.note1 = item.deptContacts
|
||||||
|
break
|
||||||
|
case '部门联系人电话':
|
||||||
|
data.note1 = item.deptPhone
|
||||||
|
break
|
||||||
|
case '归属部门':
|
||||||
|
data.note1 = item.deptId
|
||||||
|
break
|
||||||
|
case '能力类型':
|
||||||
|
data.note1 = item.type
|
||||||
|
break
|
||||||
|
default:
|
||||||
|
// eslint-disable-next-line no-case-declarations
|
||||||
|
const obj1 = item.infoList.filter(val => val.attrType === data.name)[0]
|
||||||
|
if (obj1) {
|
||||||
|
data.note1 = obj1.attrValue
|
||||||
|
}
|
||||||
|
break
|
||||||
|
}
|
||||||
|
if (data.type === 'image' || data.type === 'file' || data.type === 'video') {
|
||||||
|
const obj1 = item.infoList.filter(val => val.attrType === data.name)[0]
|
||||||
|
if (obj1) {
|
||||||
|
data.note2 = obj1.note2
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
this.submitFrom.id = item.id
|
||||||
|
this.showPutOnTheShelfFlag2 = true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.el-tooltip__popper {
|
.el-tooltip__popper {
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<el-card shadow="never" class="aui-card--fill">
|
<el-card shadow="never" class="aui-card--fill">
|
||||||
{{ this.$route.meta.type }}
|
|
||||||
<div class="mod-ability__bsabilityvideo">
|
<div class="mod-ability__bsabilityvideo">
|
||||||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,107 @@
|
||||||
|
<template>
|
||||||
|
<div class="question-box">
|
||||||
|
<div class="title">
|
||||||
|
常见问题
|
||||||
|
</div>
|
||||||
|
<div v-for="(item, index) in dataInfo" :key="index">
|
||||||
|
<el-form-item label="问题名称" prop="question">
|
||||||
|
<el-input v-model="item.question" placeholder="请输入问题名称" style="width:90%"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="问题描述" prop="question">
|
||||||
|
<el-input v-model="item.answer" placeholder="请输入问题描述" style="width:90%"></el-input>
|
||||||
|
<el-button style="margin-left:10px" @click="deleteItem(index)" type="danger" size="small">删除
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-button style="margin-left:120px" size="small" v-if="index == dataInfo.length - 1" @click="addItem"
|
||||||
|
type="primary">添加
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
dataForm: {
|
||||||
|
type: Object,
|
||||||
|
default: () => { }
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dataInfo: []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
dataInfo: {
|
||||||
|
handler(newVal) {
|
||||||
|
this.dataInfo = newVal;
|
||||||
|
this.$emit('update', {
|
||||||
|
title: '常见问题',
|
||||||
|
list: newVal
|
||||||
|
})
|
||||||
|
},
|
||||||
|
deep: true,
|
||||||
|
immediate: true,
|
||||||
|
},
|
||||||
|
dataForm: {
|
||||||
|
handler(newVal, oldVal) {
|
||||||
|
// 防止无限循环，简单比较一下
|
||||||
|
if (JSON.stringify(newVal) != JSON.stringify(oldVal)) {
|
||||||
|
this.dataForm = newVal;
|
||||||
|
this.getDataInfo();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
deep: true,
|
||||||
|
immediate: true,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getDataInfo() {
|
||||||
|
let arr = []
|
||||||
|
let fuseAttrList = this.dataForm.fuseAttrList || [];
|
||||||
|
let obj = fuseAttrList.find(v => v.attrType === '常见问题') || {}
|
||||||
|
console.log('obj-------常见问题----->', obj);
|
||||||
|
let attrValue = JSON.parse(obj.attrValue)
|
||||||
|
|
||||||
|
if (attrValue.length > 0) {
|
||||||
|
attrValue.map(v => {
|
||||||
|
arr.push({
|
||||||
|
question: v.question,
|
||||||
|
answer: v.answer,
|
||||||
|
})
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
arr = []
|
||||||
|
arr.push({
|
||||||
|
question: "",
|
||||||
|
answer: "",
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.dataInfo = arr;
|
||||||
|
},
|
||||||
|
// 新增
|
||||||
|
addItem() {
|
||||||
|
this.dataInfo.push({
|
||||||
|
question: "",
|
||||||
|
answer: "",
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 删除
|
||||||
|
deleteItem(list, index) {
|
||||||
|
this.dataInfo.splice(index, 1)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.question-box {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 18px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,157 @@
|
||||||
|
<!-- 融合服务--组合能力 -->
|
||||||
|
<template>
|
||||||
|
<div class="content-box">
|
||||||
|
<div class="title">
|
||||||
|
组合能力
|
||||||
|
</div>
|
||||||
|
<div v-for="(item, index) in dataInfo" :key="index">
|
||||||
|
<el-form-item label="能力类别" prop="">
|
||||||
|
<el-select v-model="item.type" placeholder="请选择能力类别" @change="(data) => changeType(data, item, index)">
|
||||||
|
<el-option v-for="val in typeOptions" :key="val.value" :label="val.value" :value="val.value">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
<el-select style="margin-left: 20px" v-model="item.name" placeholder="请选择能力" filterable>
|
||||||
|
<el-option v-for="val in item.abilityOptions" :key="val.id" :label="val.name" :value="val.id">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
<el-button style="margin-left:10px" @click="deleteItem(dataInfo, index)" type="danger" size="small">删除
|
||||||
|
</el-button>
|
||||||
|
<el-button style="margin-left:10px" size="small" v-if="index == dataInfo.length - 1"
|
||||||
|
@click="addItem(dataInfo, 0)" type="primary">添加
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
dataForm: {
|
||||||
|
type: Object,
|
||||||
|
default: () => { }
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
typeOptions: [
|
||||||
|
{
|
||||||
|
value: '数据资源',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '组件服务',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '应用资源',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '基础设施',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '知识库',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
dataInfo: []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
dataInfo: {
|
||||||
|
handler(newVal) {
|
||||||
|
this.dataInfo = newVal;
|
||||||
|
let arr = newVal.map((v, index) => {
|
||||||
|
return {
|
||||||
|
sequence: index,
|
||||||
|
resourceId: v.name
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.$emit('update', {
|
||||||
|
title: '组合能力',
|
||||||
|
list: arr
|
||||||
|
})
|
||||||
|
},
|
||||||
|
deep: true,
|
||||||
|
immediate: true,
|
||||||
|
},
|
||||||
|
dataForm: {
|
||||||
|
handler(newVal, oldVal) {
|
||||||
|
// 防止无限循环，简单比较一下
|
||||||
|
if (JSON.stringify(newVal) !== JSON.stringify(oldVal)) {
|
||||||
|
this.dataForm = newVal;
|
||||||
|
this.getDataInfo();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
deep: true,
|
||||||
|
immediate: true,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getDataInfo() {
|
||||||
|
let arr = []
|
||||||
|
let attrValue = this.dataForm.fuseResourceList || []
|
||||||
|
if (attrValue.length > 0) {
|
||||||
|
attrValue.map(v => {
|
||||||
|
arr.push({
|
||||||
|
type: v.resource && v.resource.type,
|
||||||
|
name: v.resourceId,
|
||||||
|
abilityOptions: []
|
||||||
|
})
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
arr = []
|
||||||
|
arr.push({
|
||||||
|
type: "",
|
||||||
|
name: "",
|
||||||
|
abilityOptions: []
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.dataInfo = arr;
|
||||||
|
},
|
||||||
|
// 新增
|
||||||
|
addItem(list) {
|
||||||
|
list.push({
|
||||||
|
type: "",
|
||||||
|
name: "",
|
||||||
|
abilityOptions: []
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 删除
|
||||||
|
deleteItem(list, index) {
|
||||||
|
list.splice(index, 1)
|
||||||
|
},
|
||||||
|
// 获取能力
|
||||||
|
getAbility(type = '', item) {
|
||||||
|
this.$http.get(`/resource/list`, {
|
||||||
|
params: {
|
||||||
|
type: type
|
||||||
|
}
|
||||||
|
}).then(({ data: res }) => {
|
||||||
|
if (res.code !== 0) {
|
||||||
|
return this.$message.error(res.msg)
|
||||||
|
}
|
||||||
|
let arr = res.data || []
|
||||||
|
let selectArray = this.dataInfo.map(v => v.name) || [];
|
||||||
|
// 过滤掉已选的
|
||||||
|
item.abilityOptions = arr.filter(v => !selectArray.includes(v.id))
|
||||||
|
}).catch((err) => {
|
||||||
|
this.$message.error(err)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
changeType(data, item) {
|
||||||
|
this.getAbility(data, item)
|
||||||
|
},
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.content-box {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 18px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,154 @@
|
||||||
|
<template>
|
||||||
|
<el-dialog :visible.sync="isShow" :title="childName" :close-on-click-modal="false" :close-on-press-escape="false">
|
||||||
|
<el-table
|
||||||
|
border
|
||||||
|
:data="tableData"
|
||||||
|
>
|
||||||
|
|
||||||
|
<el-table-column
|
||||||
|
prop="id"
|
||||||
|
label="主键id"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
|
||||||
|
<el-table-column
|
||||||
|
prop="fuseId"
|
||||||
|
label="融合服务id"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
|
||||||
|
<el-table-column
|
||||||
|
v-if="childName==='融合资源属性'"
|
||||||
|
prop="attrType"
|
||||||
|
label="属性类型"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
|
||||||
|
<el-table-column
|
||||||
|
v-if="childName==='融合资源属性'"
|
||||||
|
prop="attrValue"
|
||||||
|
label="属性值"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
|
||||||
|
<el-table-column
|
||||||
|
v-if="childName==='资源融合关系'"
|
||||||
|
prop="resourceId"
|
||||||
|
label="资源id"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
|
||||||
|
<el-table-column
|
||||||
|
v-if="childName==='资源融合关系'"
|
||||||
|
prop="sequence"
|
||||||
|
label="资源挂载顺序"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
|
||||||
|
</el-table>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import 'quill/dist/quill.snow.css'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
childName: {
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
|
},
|
||||||
|
// columns: {
|
||||||
|
// type: Array,
|
||||||
|
// default: function () {
|
||||||
|
// return []
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
tableData: {
|
||||||
|
type: Array,
|
||||||
|
default: function () {
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
isShow: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
show () {
|
||||||
|
this.visible = true
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.icon-input ::v-deep .el-input__inner {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.detial-form ::v-deep {
|
||||||
|
.el-form-item {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
.el-form-item__label {
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
.el-form-item__content {
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.mod-sys__menu {
|
||||||
|
.menu-list,
|
||||||
|
.icon-list {
|
||||||
|
.el-input__inner,
|
||||||
|
.el-input__suffix {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-icon-popover {
|
||||||
|
width: 458px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
&-icon-inner {
|
||||||
|
width: 478px;
|
||||||
|
max-height: 258px;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
&-icon-list {
|
||||||
|
width: 458px;
|
||||||
|
padding: 0;
|
||||||
|
margin: -8px 0 0 -8px;
|
||||||
|
> .el-button {
|
||||||
|
padding: 8px;
|
||||||
|
margin: 8px 0 0 8px;
|
||||||
|
> span {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
@ -48,8 +48,6 @@ export default {
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
onSuccess (res, file) {
|
onSuccess (res, file) {
|
||||||
console.log('limit', this.limit)
|
|
||||||
console.log(res, file, this.child)
|
|
||||||
if (res.code !== 0) {
|
if (res.code !== 0) {
|
||||||
return this.$message.error('上传图片失败')
|
return this.$message.error('上传图片失败')
|
||||||
}
|
}
|
||||||
|
|
@ -88,10 +86,8 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
this.child.note1 = arr.join(';')
|
this.child.note1 = arr.join(';')
|
||||||
}
|
}
|
||||||
console.log(this.child.note1)
|
|
||||||
},
|
},
|
||||||
onPreview (file) {
|
onPreview (file) {
|
||||||
console.log('点击预览===============>', file)
|
|
||||||
window.open(file.response.data)
|
window.open(file.response.data)
|
||||||
},
|
},
|
||||||
onExceed (files, fileList) {
|
onExceed (files, fileList) {
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: hisense.liangjunhua
|
* @Author: hisense.liangjunhua
|
||||||
* @Date: 2022-07-08 14:55:19
|
* @Date: 2022-07-08 14:55:19
|
||||||
* @LastEditors: hisense.liangjunhua
|
* @LastEditors: hisense.liangjunhua
|
||||||
* @LastEditTime: 2022-07-08 17:23:58
|
* @LastEditTime: 2022-07-11 16:34:10
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -41,7 +41,7 @@ export default {
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
apiURL: window.SITE_CONFIG.apiURL + '/upload?token=' + Cookies.get('ucsToken'),
|
apiURL: window.SITE_CONFIG.apiURL + '/upload?token=' + Cookies.get('ucsToken'),
|
||||||
fileList: JSON.parse(JSON.stringify(this.list))
|
fileList: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
@ -53,25 +53,33 @@ export default {
|
||||||
},
|
},
|
||||||
handlePreview (file) {
|
handlePreview (file) {
|
||||||
console.log(file)
|
console.log(file)
|
||||||
|
if (file.response) {
|
||||||
window.open(
|
window.open(
|
||||||
window.SITE_CONFIG.previewUrl +
|
window.SITE_CONFIG.previewUrl +
|
||||||
'hisense_office/onlinePreview?url=' +
|
'hisense_office/onlinePreview?url=' +
|
||||||
btoa(encodeURI(file.response.data))
|
btoa(encodeURI(file.response.data))
|
||||||
)
|
)
|
||||||
|
} else {
|
||||||
|
window.open(
|
||||||
|
window.SITE_CONFIG.previewUrl +
|
||||||
|
'hisense_office/onlinePreview?url=' +
|
||||||
|
btoa(encodeURI(file.url))
|
||||||
|
)
|
||||||
|
}
|
||||||
},
|
},
|
||||||
handleChange (file, fileList) {
|
handleChange (file, fileList) {
|
||||||
console.log(file, fileList)
|
|
||||||
if (file.status === 'success') {
|
if (file.status === 'success') {
|
||||||
if (file.response.msg === 'success') {
|
if (file.response.msg === 'success') {
|
||||||
this.$message({
|
this.$message({
|
||||||
message: file.name + '上传成功',
|
message: file.name + '上传成功',
|
||||||
type: 'success'
|
type: 'success'
|
||||||
})
|
})
|
||||||
// this.data.note1 = file.response.data
|
console.log(file, fileList)
|
||||||
this.$emit('changeInfoList', {
|
this.$emit('changeInfoList', {
|
||||||
attrType: this.title,
|
attrType: this.title,
|
||||||
attrValue: file.response.data,
|
attrValue: file.response.data,
|
||||||
delFlag: 0
|
delFlag: 0,
|
||||||
|
note2: file.name
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(file.name + '上传失败')
|
this.$message.error(file.name + '上传失败')
|
||||||
|
|
@ -83,12 +91,20 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
handleRemove (file) {
|
handleRemove (file) {
|
||||||
|
console.log(file, '删除', this.title)
|
||||||
this.$emit('changeInfoList', {
|
this.$emit('changeInfoList', {
|
||||||
attrType: this.title,
|
attrType: this.title,
|
||||||
attrValue: '',
|
attrValue: '',
|
||||||
delFlag: 0
|
delFlag: 0,
|
||||||
|
note2: null
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
created () {
|
||||||
|
if (this.list.note1) {
|
||||||
|
this.fileList.push({ name: this.list.note2 || '--', url: this.list.note1 })
|
||||||
|
}
|
||||||
|
console.log('上传组件===================>', this.list, this.fileList)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -16,12 +16,12 @@ js:
|
||||||
<template>
|
<template>
|
||||||
<div id="inputSelectCheckbox">
|
<div id="inputSelectCheckbox">
|
||||||
<!-- input框 -->
|
<!-- input框 -->
|
||||||
<a-input v-if="type == 'input'" v-model:value="value" :placeholder="'请输入' + name" />
|
<a-input v-if="type == 'input'" v-model:value="data.note1" :placeholder="'请输入' + name" />
|
||||||
<!-- 下拉框 -->
|
<!-- 下拉框 -->
|
||||||
<el-select
|
<el-select
|
||||||
v-else-if="type === 'select'"
|
v-else-if="(type === 'select' && name !== '归属部门') || type == 'radio'"
|
||||||
style="width: 240px"
|
style="width: 240px"
|
||||||
v-model="value"
|
v-model:value="data.note1"
|
||||||
:placeholder="'请选择' + name">
|
:placeholder="'请选择' + name">
|
||||||
<el-option
|
<el-option
|
||||||
:value="itemSelect.dictLabel"
|
:value="itemSelect.dictLabel"
|
||||||
|
|
@ -30,11 +30,26 @@ js:
|
||||||
{{ itemSelect.dictLabel }}
|
{{ itemSelect.dictLabel }}
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
|
<el-select
|
||||||
|
v-else-if="(type === 'select' && name === '归属部门')"
|
||||||
|
style="width: 240px"
|
||||||
|
v-model:value="data.note1"
|
||||||
|
filterable
|
||||||
|
placeholder="请输入关键词"
|
||||||
|
:loading="loading">
|
||||||
|
<el-option
|
||||||
|
v-for="(itemSelect) in options"
|
||||||
|
:key="itemSelect.id"
|
||||||
|
:label="itemSelect.name"
|
||||||
|
:value="itemSelect.id">
|
||||||
|
{{ itemSelect.name }}
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
<!-- 多选 -->
|
<!-- 多选 -->
|
||||||
<div
|
<div
|
||||||
v-else-if="type === 'checkBox'"
|
v-else-if="type === 'checkBox'"
|
||||||
>
|
>
|
||||||
<el-checkbox-group v-model="valueCheckBox">
|
<el-checkbox-group v-model="valueCheckBox" @change='chekBoxChange'>
|
||||||
<el-checkbox-button v-for="val in options" :label="val.dictLabel" :key="val.dictLabel">{{val.dictLabel}}</el-checkbox-button>
|
<el-checkbox-button v-for="val in options" :label="val.dictLabel" :key="val.dictLabel">{{val.dictLabel}}</el-checkbox-button>
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -46,20 +61,10 @@ js:
|
||||||
:disabled="true"
|
:disabled="true"
|
||||||
/>
|
/>
|
||||||
<!-- 单选 -->
|
<!-- 单选 -->
|
||||||
<el-radio-group v-model="value" v-else-if="type == 'radio'">
|
<!-- <el-radio-group v-model:value="data.note1" v-else-if="type == 'radio'">
|
||||||
<el-radio v-for="item in options" :label="item.dictLabel" :key="item.dictLabel">{{item.dictLabel}}</el-radio>
|
<el-radio v-for="item in options" :label="item.dictLabel" :key="item.dictLabel">{{item.dictLabel}}</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group> -->
|
||||||
<!-- <a-radio-group
|
<a-textarea v-else-if="type == 'textArea'" v-model:value="data.note1" :showCount="true" :maxlength="200" :placeholder="'请填写' + name" />
|
||||||
|
|
||||||
v-model:value="value"
|
|
||||||
:options="item.options.dictLabel"
|
|
||||||
/> -->
|
|
||||||
<!-- 描述框 -->
|
|
||||||
<!-- <a-textarea v-model:value="value" :showCount="true"
|
|
||||||
/> -->
|
|
||||||
<a-textarea v-else-if="type == 'textArea'" v-model:value="value" :showCount="true" :maxlength="200" :placeholder="'请填写' + name"
|
|
||||||
/>
|
|
||||||
<!-- <el-input type="textarea" :maxlength="200" v-model="value" :placeholder="'请输入' + item.name" ></el-input> -->
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -92,16 +97,47 @@ export default {
|
||||||
if (this.data.isLinkToDic === 'true' && this.data.linkValue) {
|
if (this.data.isLinkToDic === 'true' && this.data.linkValue) {
|
||||||
this.$http
|
this.$http
|
||||||
.get(`/sys/dict/data/page?page=1&limit=20&dictTypeId=${this.data.linkValue}&deFlage=0`).then(({ data: res }) => {
|
.get(`/sys/dict/data/page?page=1&limit=20&dictTypeId=${this.data.linkValue}&deFlage=0`).then(({ data: res }) => {
|
||||||
console.log(res, 'res')
|
|
||||||
const dataList = []
|
const dataList = []
|
||||||
res.data.list.forEach((element) => {
|
res.data.list.forEach((element) => {
|
||||||
dataList.push(element)
|
dataList.push(element)
|
||||||
console.log(dataList, 'this.options')
|
|
||||||
})
|
})
|
||||||
this.options = dataList
|
this.options = dataList
|
||||||
console.log(this.options)
|
|
||||||
})
|
})
|
||||||
.catch(() => {})
|
.catch(() => {})
|
||||||
|
} else if (this.data.name === '归属部门') {
|
||||||
|
this.$http.get('/sys/dept/all').then(res => {
|
||||||
|
const dataList = []
|
||||||
|
res.data.data.forEach((element) => {
|
||||||
|
dataList.push(element)
|
||||||
|
})
|
||||||
|
this.options = dataList
|
||||||
|
if (!this.data.note1) {
|
||||||
|
this.$http.get('/sys/user/info').then(({ data: res }) => {
|
||||||
|
this.data.note1 = res.data.deptId
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
chekBoxChange (list) {
|
||||||
|
let str = ''
|
||||||
|
list.map((val, index) => {
|
||||||
|
str += val
|
||||||
|
if (index < list.length - 1) {
|
||||||
|
str += ';'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.data.note1 = str
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created () {
|
||||||
|
if (this.data.name === '应用领域') {
|
||||||
|
if (this.data.note1) {
|
||||||
|
this.valueCheckBox = this.data.note1.split(';')
|
||||||
|
}
|
||||||
|
} else if (this.data.name === '发布端') {
|
||||||
|
if (this.data.note1) {
|
||||||
|
this.valueCheckBox = this.data.note1.split(';')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -112,7 +148,8 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
<style lang='scss' scoped>
|
<style lang='scss' scoped>
|
||||||
#inputSelectCheckbox {
|
#inputSelectCheckbox {
|
||||||
margin-top: 20px;
|
// margin-top: 20px;
|
||||||
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -128,17 +165,17 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
::v-deep .ant-input {
|
::v-deep .ant-input {
|
||||||
// width: 570px;
|
width: 100%;
|
||||||
}
|
}
|
||||||
::v-deep .el-input__inner {
|
::v-deep .el-input__inner {
|
||||||
resize: none;
|
resize: none;
|
||||||
// width: 570px;
|
width: 100%;
|
||||||
}
|
}
|
||||||
::v-deep .el-textarea {
|
::v-deep .el-textarea {
|
||||||
width: 570px;
|
width: 100%;
|
||||||
}
|
}
|
||||||
::v-deep .el-textarea__inner {
|
::v-deep .el-textarea__inner {
|
||||||
width: 570px;
|
width: 100%;
|
||||||
height: 76px;
|
height: 76px;
|
||||||
min-height: 32px;
|
min-height: 32px;
|
||||||
resize: none;
|
resize: none;
|
||||||
|
|
@ -148,10 +185,10 @@ export default {
|
||||||
right: 5px;
|
right: 5px;
|
||||||
}
|
}
|
||||||
::v-deep .el-checkbox-group {
|
::v-deep .el-checkbox-group {
|
||||||
width: 570px;
|
width: 100%;
|
||||||
display: grid;
|
display: grid;
|
||||||
margin-top: -5px;
|
margin-top: -5px;
|
||||||
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
|
||||||
}
|
}
|
||||||
::v-deep .el-checkbox-button__inner {
|
::v-deep .el-checkbox-button__inner {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
@ -165,7 +202,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-top: 10px;
|
margin: 10px 5px 0;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
::v-deep .el-checkbox-button.is-checked .el-checkbox-button__inner {
|
::v-deep .el-checkbox-button.is-checked .el-checkbox-button__inner {
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: hisense.liangjunhua
|
* @Author: hisense.liangjunhua
|
||||||
* @Date: 2022-07-08 09:54:50
|
* @Date: 2022-07-08 09:54:50
|
||||||
* @LastEditors: hisense.liangjunhua
|
* @LastEditors: hisense.liangjunhua
|
||||||
* @LastEditTime: 2022-07-08 17:26:24
|
* @LastEditTime: 2022-07-11 16:18:00
|
||||||
* @Description: 多条数据特殊处理
|
* @Description: 多条数据特殊处理
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -43,9 +43,9 @@
|
||||||
<a-input-number v-model:value="val.note1" :min="0" :max="9999" :step="0.01" string-mode
|
<a-input-number v-model:value="val.note1" :min="0" :max="9999" :step="0.01" string-mode
|
||||||
:placeholder="'请填写' + val.name" v-else-if="val.type == 'number'" />
|
:placeholder="'请填写' + val.name" v-else-if="val.type == 'number'" />
|
||||||
<a-radio-group v-model:value="val.note1" :options="val.options" v-else-if="val.type == 'radio'" />
|
<a-radio-group v-model:value="val.note1" :options="val.options" v-else-if="val.type == 'radio'" />
|
||||||
<upload :key="showKey" type="图片" btnName="上传图片" :maxCount="1" :data="val" :list="[]" tip="支持图片类型，大小不超过100M"
|
<!-- <upload :key="showKey" type="图片" btnName="上传图片" :maxCount="1" :data="val" :list="[]" tip="支持图片类型，大小不超过100M"
|
||||||
v-else-if="val.type == 'image'"></upload>
|
v-else-if="val.type == 'image'"></upload> -->
|
||||||
<!-- <upload :key="showKey" :child='val' limit='1' accept='.jpg,.png' v-else-if="val.type == 'image'"></upload> -->
|
<upload :key="showKey" :child='val' limit='1' accept='.jpg,.png' v-else-if="val.type == 'image'"></upload>
|
||||||
</div>
|
</div>
|
||||||
<div class="submit">
|
<div class="submit">
|
||||||
<a-button type="primary" @click="add(configure.name)">提交</a-button>
|
<a-button type="primary" @click="add(configure.name)">提交</a-button>
|
||||||
|
|
@ -54,15 +54,16 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
// import upload from '@/views/modules/ability/upload.vue'
|
import upload from '@/views/modules/ability/upload.vue'
|
||||||
import upload from '@/views/modules/components/upload'
|
// import upload from '@/views/modules/components/upload'
|
||||||
export default {
|
export default {
|
||||||
name: '',
|
name: '',
|
||||||
components: {
|
components: {
|
||||||
upload
|
upload
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
configure: Object
|
configure: Object,
|
||||||
|
showData: Object
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
|
@ -75,7 +76,6 @@ export default {
|
||||||
const list = this.configure.list
|
const list = this.configure.list
|
||||||
let flag = true
|
let flag = true
|
||||||
list.forEach((item) => {
|
list.forEach((item) => {
|
||||||
console.log(item)
|
|
||||||
if (item.type !== 'number' && !item.note1.length > 0) {
|
if (item.type !== 'number' && !item.note1.length > 0) {
|
||||||
flag = false
|
flag = false
|
||||||
} else if (item.type === 'number' && !item.note1 > 0) {
|
} else if (item.type === 'number' && !item.note1 > 0) {
|
||||||
|
|
@ -88,7 +88,6 @@ export default {
|
||||||
obj[item.field] = item.note1
|
obj[item.field] = item.note1
|
||||||
})
|
})
|
||||||
this.data.push(obj)
|
this.data.push(obj)
|
||||||
// console.log(data.value[title])
|
|
||||||
this.$emit('changeInfoList', {
|
this.$emit('changeInfoList', {
|
||||||
attrType: title,
|
attrType: title,
|
||||||
attrValue: JSON.stringify(this.data),
|
attrValue: JSON.stringify(this.data),
|
||||||
|
|
@ -110,6 +109,18 @@ export default {
|
||||||
delFlag: 0
|
delFlag: 0
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
created () {
|
||||||
|
console.log('特殊处理=============>', this.showData)
|
||||||
|
if (this.configure.name === '计费标准信息' || this.configure.name === '常见问题') {
|
||||||
|
if (this.showData.children[0].note1) {
|
||||||
|
this.data = JSON.parse(this.showData.children[0].note1)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (this.showData.note1) {
|
||||||
|
this.data = JSON.parse(this.showData.note1)
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: hisense.liangjunhua
|
* @Author: hisense.liangjunhua
|
||||||
* @Date: 2022-07-08 09:48:52
|
* @Date: 2022-07-08 09:48:52
|
||||||
* @LastEditors: hisense.liangjunhua
|
* @LastEditors: hisense.liangjunhua
|
||||||
* @LastEditTime: 2022-07-08 17:48:27
|
* @LastEditTime: 2022-07-11 15:11:10
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -12,26 +12,28 @@
|
||||||
<template v-if='judgmentType.filter(item => item.name==child.name).length === 0'>
|
<template v-if='judgmentType.filter(item => item.name==child.name).length === 0'>
|
||||||
<div class="top">{{child.name}}</div>
|
<div class="top">{{child.name}}</div>
|
||||||
<div v-for="item in child.children" :key="item.id" class='item'>
|
<div v-for="item in child.children" :key="item.id" class='item'>
|
||||||
<span v-if="item.name != '来源应用'">{{ item.name }}</span>
|
<span v-if="item.name != '来源应用' && item.name != '关联组件信息'">{{ item.name }}</span>
|
||||||
<upload :list="[]" v-if="item.type == 'image'" type="图片" btnName="上传图片" :maxCount="1" :data="item"
|
<!-- <upload :list="[]" v-if="item.type == 'image'" type="图片" btnName="上传图片" :maxCount="1" :data="item"
|
||||||
tip="支持图片类型，大小不超过100M"></upload>
|
tip="支持图片类型，大小不超过100M"></upload> -->
|
||||||
<upload @changeInfoList='changeInfoList' :title='item.name' accept='.pdf,.ppt,.xlsx,.doc,.docx' :list="[]" v-else-if="item.type == 'file' && item.name !== '使用手册'" type="文件" btnName="上传附件" :maxCount="1"
|
<upload @changeInfoList='changeInfoList' :title='item.name' accept='.jpg,.jpeg,.png' :list="item" v-if="item.type == 'image'" type="图片" btnName="上传图片" :maxCount="1"
|
||||||
:dataList="item" tip="支持文件类型，大小不超过100M"></upload>
|
:dataList="item" tip="支持文件类型，大小不超过100M"></upload>
|
||||||
<upload @changeInfoList='changeInfoList' :title='item.name' accept='.pdf,.ppt,.xlsx,.doc,.docx' :list="[]" v-else-if="item.name == '使用手册'" type="文件" btnName="上传附件" :maxCount="1" :dataList="item" :busType="2"
|
<upload @changeInfoList='changeInfoList' :title='item.name' accept='.pdf,.ppt,.xlsx,.doc,.docx' :list="item" v-else-if="item.type == 'file' && item.name !== '使用手册'" type="文件" btnName="上传附件" :maxCount="1"
|
||||||
|
:dataList="item" tip="支持文件类型，大小不超过100M"></upload>
|
||||||
|
<upload @changeInfoList='changeInfoList' :title='item.name' accept='.pdf,.ppt,.xlsx,.doc,.docx' :list="item" v-else-if="item.name == '使用手册'" type="文件" btnName="上传附件" :maxCount="1" :dataList="item" :busType="2"
|
||||||
tip="支持文件类型，大小不超过100M"></upload>
|
tip="支持文件类型，大小不超过100M"></upload>
|
||||||
<upload @changeInfoList='changeInfoList' :title='item.name' accept='.mp4' :list="[]" v-else-if="item.type == 'video'" type="视频" btnName="上传视频" :maxCount="1" :dataList="item"
|
<upload @changeInfoList='changeInfoList' :title='item.name' accept='.mp4' :list="item" v-else-if="item.type == 'video'" type="视频" btnName="上传视频" :maxCount="1" :dataList="item"
|
||||||
tip="支持视频类型，大小不超过100M"></upload>
|
tip="支持视频类型，大小不超过100M"></upload>
|
||||||
<input-select-checkbox :list="[]" v-else-if="item.type == 'text'" type="disabled" :data="item" :name="item.name"></input-select-checkbox>
|
<input-select-checkbox :list="[]" v-else-if="item.type == 'text'" type="disabled" :data="item" :name="item.name" :value="typeInput"></input-select-checkbox>
|
||||||
<input-select-checkbox :list="[]" v-else-if="item.type == 'text2'" type="disabled" :data="item" :name="item.name"></input-select-checkbox>
|
<input-select-checkbox :list="[]" v-else-if="item.type == 'text2'" type="disabled" :data="item" :name="item.name" :value="type"></input-select-checkbox>
|
||||||
<input-select-checkbox :list="[]" v-else-if="item.type == 'input'" type="input" :data="item" :name="item.name"></input-select-checkbox>
|
<input-select-checkbox :list="[]" v-else-if="item.type == 'input'" type="input" :data="item" :name="item.name"></input-select-checkbox>
|
||||||
<input-select-checkbox :list="[]" v-else-if="item.type == 'select'" type="select" :data="item" :name="item.name" :value="item.note1" :options="item.options"></input-select-checkbox>
|
<input-select-checkbox :list="[]" v-else-if="item.type == 'select'" type="select" :data="item" :name="item.name" :options="item.options"></input-select-checkbox>
|
||||||
<input-select-checkbox :list="[]" v-else-if="item.type == 'checkBox'" type="checkBox" :data="item" :name="item.name" :value="item.note1" :options="item.options"></input-select-checkbox>
|
<input-select-checkbox :list="[]" v-else-if="item.type == 'checkBox'" type="checkBox" :data="item" :name="item.name" :options="item.options"></input-select-checkbox>
|
||||||
<input-select-checkbox :list="[]" v-else-if="item.type == 'radio'" type="radio" :data="item" :name="item.name" :value="item.note1" :options="item.options"></input-select-checkbox>
|
<input-select-checkbox :list="[]" v-else-if="item.type == 'radio'" type="radio" :data="item" :name="item.name" :options="item.options"></input-select-checkbox>
|
||||||
<input-select-checkbox :list="[]" v-else-if="item.type == 'textArea'" type="textArea" :data="item" :name="item.name" :value="item.note1"></input-select-checkbox>
|
<input-select-checkbox :list="[]" v-else-if="item.type == 'textArea'" type="textArea" :data="item" :name="item.name"></input-select-checkbox>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<special :configure='judgmentType.filter(item => item.name==child.name)[0]' @changeInfoList='changeInfoList'></special>
|
<special :configure='judgmentType.filter(item => item.name==child.name)[0]' :showData='child' @changeInfoList='changeInfoList'></special>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -49,7 +51,9 @@ export default {
|
||||||
inputSelectCheckbox
|
inputSelectCheckbox
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
putOnTheShelfList: Array
|
type: String,
|
||||||
|
putOnTheShelfList: Array,
|
||||||
|
typeInput: String
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,329 @@
|
||||||
|
<template>
|
||||||
|
<el-card shadow="never" class="aui-card--fill">
|
||||||
|
<div class="mod-sys__log-operation">
|
||||||
|
<el-form
|
||||||
|
:inline="true"
|
||||||
|
:model="dataForm"
|
||||||
|
@keyup.enter.native="getDataList()"
|
||||||
|
>
|
||||||
|
<el-form-item>
|
||||||
|
<el-select
|
||||||
|
v-model="dataForm.status"
|
||||||
|
:placeholder="$t('logOperation.status')"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
:label="$t('logOperation.status0')"
|
||||||
|
:value="0"
|
||||||
|
></el-option>
|
||||||
|
<el-option
|
||||||
|
:label="$t('logOperation.status1')"
|
||||||
|
:value="1"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.creatorName"
|
||||||
|
placeholder="请输入操作人"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-date-picker
|
||||||
|
v-model="value1"
|
||||||
|
type="datetimerange"
|
||||||
|
range-separator="至"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.operation"
|
||||||
|
placeholder="请输入操作名称"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-select
|
||||||
|
v-model="operationType"
|
||||||
|
placeholder="请选择操作类型"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
label="增加"
|
||||||
|
value="/renren-admin/resource%/insert"
|
||||||
|
></el-option>
|
||||||
|
<el-option
|
||||||
|
label="更新"
|
||||||
|
value="/renren-admin/resource%/update"
|
||||||
|
></el-option>
|
||||||
|
<el-option
|
||||||
|
label="删除"
|
||||||
|
value="/renren-admin/resource%/delete"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="resetFunction()"> 重置 </el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- <el-form-item>
|
||||||
|
<el-button type="info" @click="exportHandle()">{{
|
||||||
|
$t('export')
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item> -->
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
v-loading="dataListLoading"
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
@sort-change="dataListSortChangeHandle"
|
||||||
|
style="width: 100%"
|
||||||
|
:row-class-name="rowClassName"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
label="序号"
|
||||||
|
align="center"
|
||||||
|
prop="xh"
|
||||||
|
width="50"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="operation"
|
||||||
|
label="操作名称"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="creatorName"
|
||||||
|
label="操作人"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="requestUriCharacters"
|
||||||
|
label="操作类型"
|
||||||
|
header-align="center"
|
||||||
|
width="100"
|
||||||
|
align="center"
|
||||||
|
:show-overflow-tooltip="true"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="operationTable"
|
||||||
|
label="操作数据表"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="120"
|
||||||
|
:show-overflow-tooltip="true"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="status"
|
||||||
|
label="操作结果"
|
||||||
|
sortable="custom"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-tag v-if="scope.row.status === 0" size="small" type="danger">{{
|
||||||
|
$t('logOperation.status0')
|
||||||
|
}}</el-tag>
|
||||||
|
<el-tag v-else size="small" type="success">{{
|
||||||
|
$t('logOperation.status1')
|
||||||
|
}}</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="createDate"
|
||||||
|
label="操作时间"
|
||||||
|
sortable="custom"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="180"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="requestMethod"
|
||||||
|
label="操作方法"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="requestParams"
|
||||||
|
label="传递参数"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="120"
|
||||||
|
:show-overflow-tooltip="true"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="resultData"
|
||||||
|
label="返回结果"
|
||||||
|
header-align="center"
|
||||||
|
width="150"
|
||||||
|
align="center"
|
||||||
|
:show-overflow-tooltip="true"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div class="blue-font-color" @click="copyFunction(scope.row)">
|
||||||
|
复制
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<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="pageSizeChangeHandle"
|
||||||
|
@current-change="pageCurrentChangeHandle"
|
||||||
|
>
|
||||||
|
</el-pagination>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import mixinViewModule from '@/mixins/view-module'
|
||||||
|
export default {
|
||||||
|
mixins: [mixinViewModule],
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
mixinViewModuleOptions: {
|
||||||
|
getDataListURL: '/sys/log/operation/page',
|
||||||
|
getDataListIsPage: true,
|
||||||
|
exportURL: '/sys/log/operation/export'
|
||||||
|
},
|
||||||
|
dataForm: {
|
||||||
|
status: '',
|
||||||
|
creatorName: '',
|
||||||
|
startDate: '',
|
||||||
|
endDate: '',
|
||||||
|
operation: '',
|
||||||
|
operationType: 'all'
|
||||||
|
},
|
||||||
|
operationType: '',
|
||||||
|
value1: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
value1 (val) {
|
||||||
|
val[0] = this.handleTime(val[0], 'yyyy-MM-dd HH:mm:ss')
|
||||||
|
this.dataForm.startDate = val[0]
|
||||||
|
val[1] = this.handleTime(val[1], 'yyyy-MM-dd HH:mm:ss')
|
||||||
|
this.dataForm.endDate = val[1]
|
||||||
|
},
|
||||||
|
dataList (val) {
|
||||||
|
if (val[0].requestUri) {
|
||||||
|
this.requestUriFunction()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
operationType (val) {
|
||||||
|
if (val !== 'all') {
|
||||||
|
this.dataForm.operationType = val
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 复制方法
|
||||||
|
copyFunction (row) {
|
||||||
|
var data = row.resultData
|
||||||
|
var oInput = document.createElement('input')
|
||||||
|
oInput.value = data
|
||||||
|
document.body.appendChild(oInput)
|
||||||
|
oInput.select()
|
||||||
|
document.execCommand('Copy')
|
||||||
|
oInput.className = 'oInput'
|
||||||
|
oInput.style.display = 'none'
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: this.$t('复制成功')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 重置按钮
|
||||||
|
resetFunction () {
|
||||||
|
const params = {
|
||||||
|
status: '',
|
||||||
|
creatorName: '',
|
||||||
|
startDate: '',
|
||||||
|
endDate: '',
|
||||||
|
operation: '',
|
||||||
|
operationType: 'all'
|
||||||
|
}
|
||||||
|
this.value1 = '' // 格式化日期
|
||||||
|
this.operationType = '' // 操作类型转化
|
||||||
|
this.page = 1
|
||||||
|
this.limit = 10
|
||||||
|
this.dataForm = params
|
||||||
|
this.getDataList() // 重置完调用查询方法
|
||||||
|
},
|
||||||
|
// 序号
|
||||||
|
rowClassName ({ row, rowIndex }) {
|
||||||
|
row.xh = rowIndex + 1 + (this.page - 1) * this.limit
|
||||||
|
},
|
||||||
|
// 操作类型字段
|
||||||
|
requestUriFunction () {
|
||||||
|
this.dataList.map((item, index) => {
|
||||||
|
const name = item.requestUri.substring(
|
||||||
|
item.requestUri.lastIndexOf('/') + 1
|
||||||
|
)
|
||||||
|
switch (name) {
|
||||||
|
case 'delete':
|
||||||
|
this.dataList[index].requestUriCharacters = '删除'
|
||||||
|
break
|
||||||
|
case 'update':
|
||||||
|
this.dataList[index].requestUriCharacters = '更新'
|
||||||
|
break
|
||||||
|
case 'insert':
|
||||||
|
this.dataList[index].requestUriCharacters = '增加'
|
||||||
|
break
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 定义格式化函数：
|
||||||
|
handleTime (time, format) {
|
||||||
|
if (time == null || time == undefined || time == '') {
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
var t = new Date(time)
|
||||||
|
var tf = function (i) {
|
||||||
|
return (i < 10 ? '0' : '') + i
|
||||||
|
}
|
||||||
|
return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function (a) {
|
||||||
|
switch (a) {
|
||||||
|
case 'yyyy':
|
||||||
|
return tf(t.getFullYear())
|
||||||
|
break
|
||||||
|
case 'MM':
|
||||||
|
return tf(t.getMonth() + 1)
|
||||||
|
break
|
||||||
|
case 'mm':
|
||||||
|
return tf(t.getMinutes())
|
||||||
|
break
|
||||||
|
case 'dd':
|
||||||
|
return tf(t.getDate())
|
||||||
|
break
|
||||||
|
case 'HH':
|
||||||
|
return tf(t.getHours())
|
||||||
|
break
|
||||||
|
case 'ss':
|
||||||
|
return tf(t.getSeconds())
|
||||||
|
break
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted () {
|
||||||
|
this.$nextTick(() => {})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.blue-font-color:hover {
|
||||||
|
color: #0058e1;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,40 +1,169 @@
|
||||||
<template>
|
<template>
|
||||||
<el-card shadow="never" class="aui-card--fill">
|
<el-card shadow="never" class="aui-card--fill">
|
||||||
<div class="mod-sys__log-operation">
|
<div class="mod-sys__log-operation">
|
||||||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
|
<el-form
|
||||||
|
:inline="true"
|
||||||
|
:model="dataForm"
|
||||||
|
@keyup.enter.native="getDataList()"
|
||||||
|
>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-select v-model="dataForm.status" :placeholder="$t('logOperation.status')" clearable>
|
<el-select
|
||||||
<el-option :label="$t('logOperation.status0')" :value="0"></el-option>
|
v-model="dataForm.status"
|
||||||
<el-option :label="$t('logOperation.status1')" :value="1"></el-option>
|
:placeholder="$t('logOperation.status')"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
:label="$t('logOperation.status0')"
|
||||||
|
:value="0"
|
||||||
|
></el-option>
|
||||||
|
<el-option
|
||||||
|
:label="$t('logOperation.status1')"
|
||||||
|
:value="1"
|
||||||
|
></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.creatorName"
|
||||||
|
placeholder="请输入操作人"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-date-picker
|
||||||
|
v-model="value1"
|
||||||
|
type="datetimerange"
|
||||||
|
range-separator="至"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.operation"
|
||||||
|
placeholder="请输入操作名称"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
|
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="info" @click="exportHandle()">{{ $t('export') }}</el-button>
|
<el-button @click="resetFunction()"> 重置 </el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<!-- <el-form-item>
|
||||||
|
<el-button type="info" @click="exportHandle()">{{
|
||||||
|
$t('export')
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item> -->
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-table v-loading="dataListLoading" :data="dataList" border @sort-change="dataListSortChangeHandle" style="width: 100%;">
|
<el-table
|
||||||
<el-table-column prop="creatorName" :label="$t('logOperation.creatorName')" header-align="center" align="center"></el-table-column>
|
v-loading="dataListLoading"
|
||||||
<el-table-column prop="operation" :label="$t('logOperation.operation')" header-align="center" align="center"></el-table-column>
|
:data="dataList"
|
||||||
<el-table-column prop="requestUri" :label="$t('logOperation.requestUri')" header-align="center" align="center"></el-table-column>
|
border
|
||||||
<el-table-column prop="requestMethod" :label="$t('logOperation.requestMethod')" header-align="center" align="center"></el-table-column>
|
@sort-change="dataListSortChangeHandle"
|
||||||
<el-table-column prop="requestParams" :label="$t('logOperation.requestParams')" header-align="center" align="center" width="150" :show-overflow-tooltip="true"></el-table-column>
|
style="width: 100%"
|
||||||
<el-table-column prop="requestTime" :label="$t('logOperation.requestTime')" sortable="custom" header-align="center" align="center">
|
:row-class-name="rowClassName"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
label="序号"
|
||||||
|
align="center"
|
||||||
|
prop="xh"
|
||||||
|
width="50"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="operation"
|
||||||
|
label="操作名称"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="creatorName"
|
||||||
|
label="操作人"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="createDate"
|
||||||
|
label="操作时间"
|
||||||
|
sortable="custom"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="180"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="ip"
|
||||||
|
label="客户端IP"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="requestUri"
|
||||||
|
label="请求地址"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="requestMethod"
|
||||||
|
:label="$t('logOperation.requestMethod')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="requestParams"
|
||||||
|
:label="$t('logOperation.requestParams')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
:show-overflow-tooltip="true"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="返回结果"
|
||||||
|
header-align="center"
|
||||||
|
width="150"
|
||||||
|
align="center"
|
||||||
|
:show-overflow-tooltip="true"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div class="blue-font-color" @click="copyFunction(scope.row)">
|
||||||
|
复制
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="requestTime"
|
||||||
|
:label="$t('logOperation.requestTime')"
|
||||||
|
sortable="custom"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ `${scope.row.requestTime}ms` }}
|
{{ `${scope.row.requestTime}ms` }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="status" :label="$t('logOperation.status')" sortable="custom" header-align="center" align="center">
|
<el-table-column
|
||||||
|
prop="status"
|
||||||
|
:label="$t('logOperation.status')"
|
||||||
|
sortable="custom"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.status === 0" size="small" type="danger">{{ $t('logOperation.status0') }}</el-tag>
|
<el-tag v-if="scope.row.status === 0" size="small" type="danger">{{
|
||||||
<el-tag v-else size="small" type="success">{{ $t('logOperation.status1') }}</el-tag>
|
$t('logOperation.status0')
|
||||||
|
}}</el-tag>
|
||||||
|
<el-tag v-else size="small" type="success">{{
|
||||||
|
$t('logOperation.status1')
|
||||||
|
}}</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="ip" :label="$t('logOperation.ip')" header-align="center" align="center"></el-table-column>
|
<!-- <el-table-column
|
||||||
<el-table-column prop="userAgent" :label="$t('logOperation.userAgent')" header-align="center" align="center" width="150" :show-overflow-tooltip="true"></el-table-column>
|
prop="userAgent"
|
||||||
<el-table-column prop="createDate" :label="$t('logOperation.createDate')" sortable="custom" header-align="center" align="center" width="180"></el-table-column>
|
:label="$t('logOperation.userAgent')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
:show-overflow-tooltip="true"
|
||||||
|
></el-table-column> -->
|
||||||
</el-table>
|
</el-table>
|
||||||
<el-pagination
|
<el-pagination
|
||||||
:current-page="page"
|
:current-page="page"
|
||||||
|
|
@ -43,7 +172,8 @@
|
||||||
:total="total"
|
:total="total"
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
@size-change="pageSizeChangeHandle"
|
@size-change="pageSizeChangeHandle"
|
||||||
@current-change="pageCurrentChangeHandle">
|
@current-change="pageCurrentChangeHandle"
|
||||||
|
>
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
@ -61,9 +191,98 @@ export default {
|
||||||
exportURL: '/sys/log/operation/export'
|
exportURL: '/sys/log/operation/export'
|
||||||
},
|
},
|
||||||
dataForm: {
|
dataForm: {
|
||||||
status: ''
|
status: '',
|
||||||
|
creatorName: '',
|
||||||
|
startDate: '',
|
||||||
|
endDate: '',
|
||||||
|
operation: ''
|
||||||
|
},
|
||||||
|
value1: ''
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
value1 (val) {
|
||||||
|
val[0] = this.handleTime(val[0], 'yyyy-MM-dd HH:mm:ss')
|
||||||
|
this.dataForm.startDate = val[0]
|
||||||
|
val[1] = this.handleTime(val[1], 'yyyy-MM-dd HH:mm:ss')
|
||||||
|
this.dataForm.endDate = val[1]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 复制方法
|
||||||
|
copyFunction (row) {
|
||||||
|
var data = row.resultData
|
||||||
|
var oInput = document.createElement('input')
|
||||||
|
oInput.value = data
|
||||||
|
document.body.appendChild(oInput)
|
||||||
|
oInput.select()
|
||||||
|
document.execCommand('Copy')
|
||||||
|
oInput.className = 'oInput'
|
||||||
|
oInput.style.display = 'none'
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: this.$t('复制成功')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 重置按钮
|
||||||
|
resetFunction () {
|
||||||
|
const params = {
|
||||||
|
status: '',
|
||||||
|
creatorName: '',
|
||||||
|
startDate: '',
|
||||||
|
endDate: '',
|
||||||
|
operation: '',
|
||||||
|
operationType: 'all'
|
||||||
|
}
|
||||||
|
this.value1 = '' // 格式化日期
|
||||||
|
this.operationType = '' // 操作类型转化
|
||||||
|
this.page = 1
|
||||||
|
this.limit = 10
|
||||||
|
this.dataForm = params
|
||||||
|
this.getDataList() // 重置完调用查询方法
|
||||||
|
},
|
||||||
|
// 序号
|
||||||
|
rowClassName ({ row, rowIndex }) {
|
||||||
|
row.xh = rowIndex + 1 + (this.page - 1) * this.limit
|
||||||
|
},
|
||||||
|
// 定义格式化函数：
|
||||||
|
handleTime (time, format) {
|
||||||
|
if (time == null || time == undefined || time == '') {
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
var t = new Date(time)
|
||||||
|
var tf = function (i) {
|
||||||
|
return (i < 10 ? '0' : '') + i
|
||||||
|
}
|
||||||
|
return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function (a) {
|
||||||
|
switch (a) {
|
||||||
|
case 'yyyy':
|
||||||
|
return tf(t.getFullYear())
|
||||||
|
break
|
||||||
|
case 'MM':
|
||||||
|
return tf(t.getMonth() + 1)
|
||||||
|
break
|
||||||
|
case 'mm':
|
||||||
|
return tf(t.getMinutes())
|
||||||
|
break
|
||||||
|
case 'dd':
|
||||||
|
return tf(t.getDate())
|
||||||
|
break
|
||||||
|
case 'HH':
|
||||||
|
return tf(t.getHours())
|
||||||
|
break
|
||||||
|
case 'ss':
|
||||||
|
return tf(t.getSeconds())
|
||||||
|
break
|
||||||
|
}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.blue-font-color:hover {
|
||||||
|
color: #0058e1;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -2,25 +2,26 @@
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2022-03-29 16:45:25
|
* @Date: 2022-03-29 16:45:25
|
||||||
* @LastEditors: hisense.wuhongjian
|
* @LastEditors: hisense.wuhongjian
|
||||||
* @LastEditTime: 2022-07-09 10:36:03
|
* @LastEditTime: 2022-07-12 14:55:36
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
|
||||||
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
|
||||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
<title>
|
||||||
|
<%= htmlWebpackPlugin.options.title %>
|
||||||
|
</title>
|
||||||
<meta
|
<meta
|
||||||
content="vab,vab官网,后台管理框架,vue后台管理框架,vue-admin-beautiful,vue-admin-beautiful-pro,vue-admin-beautiful官网,vue-admin-beautiful文档,vue-element-admin,vue-element-admin官网,vue-element-admin文档,vue-admin,vue-admin官网,vue-admin文档"
|
content="vab,vab官网,后台管理框架,vue后台管理框架,vue-admin-beautiful,vue-admin-beautiful-pro,vue-admin-beautiful官网,vue-admin-beautiful文档,vue-element-admin,vue-element-admin官网,vue-element-admin文档,vue-admin,vue-admin官网,vue-admin文档"
|
||||||
name="keywords"
|
name="keywords" />
|
||||||
/>
|
|
||||||
<meta
|
<meta
|
||||||
content="<%= VUE_APP_TITLE %>官网与文档基于vue-admin-beautiful-pro构建，简称vab（是一款超棒的vue+element中后台前端快速开发框架），QQ群972435319，作者：<%= VUE_APP_AUTHOR %>"
|
content="<%= VUE_APP_TITLE %>官网与文档基于vue-admin-beautiful-pro构建，简称vab（是一款超棒的vue+element中后台前端快速开发框架），QQ群972435319，作者：<%= VUE_APP_AUTHOR %>"
|
||||||
name="description"
|
name="description" />
|
||||||
/>
|
|
||||||
<meta content="<%= VUE_APP_AUTHOR %>" name="author" />
|
<meta content="<%= VUE_APP_AUTHOR %>" name="author" />
|
||||||
<link href="<%= BASE_URL %>static/css/loading.css" rel="stylesheet" />
|
<link href="<%= BASE_URL %>static/css/loading.css" rel="stylesheet" />
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -32,24 +33,30 @@
|
||||||
// window.SITE_CONFIG['previewUrl'] = 'http://15.72.183.90:7008/';
|
// window.SITE_CONFIG['previewUrl'] = 'http://15.72.183.90:7008/';
|
||||||
// window.SITE_CONFIG['frontUrl'] = 'http://15.72.183.90:7008/document/#/devModelFile/';
|
// window.SITE_CONFIG['frontUrl'] = 'http://15.72.183.90:7008/document/#/devModelFile/';
|
||||||
// window.SITE_CONFIG['apiURL'] = 'http://15.72.183.90:8000/renren-admin';
|
// window.SITE_CONFIG['apiURL'] = 'http://15.72.183.90:8000/renren-admin';
|
||||||
window.SITE_CONFIG['POI_URL'] = 'http://15.72.178.129: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://10.110.205.1:8001';
|
// window.SITE_CONFIG['backUrl'] = 'http://10.110.205.1:8001';
|
||||||
// window.SITE_CONFIG['previewUrl'] = 'http://10.110.205.1:8002/';
|
// window.SITE_CONFIG['previewUrl'] = 'http://10.110.205.1:8002/';
|
||||||
// window.SITE_CONFIG['frontUrl'] = 'http://10.110.205.1:8002/document/#/devModelFile/';
|
// window.SITE_CONFIG['frontUrl'] = 'http://10.110.205.1:8002/document/#/devModelFile/';
|
||||||
// window.SITE_CONFIG['apiURL'] = 'http://10.110.205.1:8000/renren-admin';
|
// window.SITE_CONFIG['apiURL'] = 'http://10.110.205.1:8000/renren-admin';
|
||||||
|
|
||||||
|
// 测试环境
|
||||||
|
window.SITE_CONFIG['backUrl'] = 'http://15.2.21.243:9797';
|
||||||
|
window.SITE_CONFIG['previewUrl'] = 'http://15.2.21.243:9796/';
|
||||||
|
window.SITE_CONFIG['frontUrl'] = 'http://15.2.21.243:9796/document/#/devModelFile/';
|
||||||
|
window.SITE_CONFIG['apiURL'] = 'http://15.2.21.243:8888/renren-admin';
|
||||||
|
window.SITE_CONFIG['POI_URL'] = 'http://15.2.21.238:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address';
|
||||||
// 西海岸版本
|
// 西海岸版本
|
||||||
window.SITE_CONFIG['backUrl'] = 'http://10.134.135.9:9797';
|
// window.SITE_CONFIG['backUrl'] = 'http://10.134.135.9:9797';
|
||||||
window.SITE_CONFIG['previewUrl'] = 'http://10.134.135.9:9796/';
|
// window.SITE_CONFIG['previewUrl'] = 'http://10.134.135.9:9796/';
|
||||||
window.SITE_CONFIG['frontUrl'] = 'http://10.134.135.9:9796/document/#/devModelFile/';
|
// window.SITE_CONFIG['frontUrl'] = 'http://10.134.135.9:9796/document/#/devModelFile/';
|
||||||
window.SITE_CONFIG['apiURL'] = 'http://10.134.135.9:8888/renren-admin';
|
// window.SITE_CONFIG['apiURL'] = 'http://10.134.135.9:8888/renren-admin';
|
||||||
// 开发
|
// 开发
|
||||||
// window.SITE_CONFIG['backUrl'] = 'http://15.2.21.238:9797';
|
// window.SITE_CONFIG['backUrl'] = 'http://15.2.21.238:9797';
|
||||||
// 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.239:8888/renren-admin';
|
||||||
// window.SITE_CONFIG['POI_URL'] = 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address';
|
// window.SITE_CONFIG['POI_URL'] = 'http://15.2.21.238: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/';
|
||||||
|
|
@ -98,8 +105,9 @@
|
||||||
<script type="text/javascript" src="./static/js/encrypt.js"></script>
|
<script type="text/javascript" src="./static/js/encrypt.js"></script>
|
||||||
<script type="text/javascript" src="./static/js/DHWs.js"></script>
|
<script type="text/javascript" src="./static/js/DHWs.js"></script>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
|
<body>
|
||||||
<noscript>
|
<noscript>
|
||||||
<strong>
|
<strong>
|
||||||
We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
|
We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
|
||||||
|
|
@ -116,9 +124,12 @@
|
||||||
<i></i>
|
<i></i>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<h1><%= VUE_APP_TITLE %></h1>
|
<h1>
|
||||||
|
<%= VUE_APP_TITLE %>
|
||||||
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- built files will be auto injected -->
|
<!-- built files will be auto injected -->
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -2,12 +2,12 @@
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2020-07-07 16:03:23
|
* @Date: 2020-07-07 16:03:23
|
||||||
* @LastEditors: hisense.wuhongjian
|
* @LastEditors: hisense.wuhongjian
|
||||||
* @LastEditTime: 2022-07-09 17:09:05
|
* @LastEditTime: 2022-07-12 14:55:46
|
||||||
* @Description: 数据资源参数配置
|
* @Description: 数据资源参数配置
|
||||||
*/
|
*/
|
||||||
// const newLocation = 'qingdao'
|
const newLocation = 'qingdao'
|
||||||
// const newLocation = 'baotou'
|
// const newLocation = 'baotou'
|
||||||
const newLocation = 'xihaian'
|
// const newLocation = 'xihaian'
|
||||||
|
|
||||||
// 数据资源数据
|
// 数据资源数据
|
||||||
const whoShow = {}
|
const whoShow = {}
|
||||||
|
|
@ -36,6 +36,7 @@ if (newLocation === 'qingdao') {
|
||||||
{ name: '区市站点', key: 'mapTest' },
|
{ name: '区市站点', key: 'mapTest' },
|
||||||
// { name: '后台管理', key: 'houtaiguanli' },
|
// { name: '后台管理', key: 'houtaiguanli' },
|
||||||
{ name: '赋能案例', key: 'assignCase' },
|
{ name: '赋能案例', key: 'assignCase' },
|
||||||
|
{ name: '融合服务', key: 'integrationServices' },
|
||||||
]
|
]
|
||||||
footerDataList.footerList = {
|
footerDataList.footerList = {
|
||||||
company: {
|
company: {
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
/*
|
/*
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2022-04-20 17:16:35
|
* @Date: 2022-04-20 17:16:35
|
||||||
* @LastEditors: hisense.liangjunhua
|
* @LastEditors: hisense.wuhongjian
|
||||||
* @LastEditTime: 2022-06-22 14:57:16
|
* @LastEditTime: 2022-07-11 19:02:33
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
*/
|
*/
|
||||||
import request from '@/utils/request'
|
import request from '@/utils/request'
|
||||||
|
|
@ -46,6 +46,10 @@ export function correct(params) {
|
||||||
export function paddleocr(params) {
|
export function paddleocr(params) {
|
||||||
return axios.post('http://15.72.183.90:7008/paddleocr', params, config2)
|
return axios.post('http://15.72.183.90:7008/paddleocr', params, config2)
|
||||||
}
|
}
|
||||||
|
// 算法总接口
|
||||||
|
export function algo(params) {
|
||||||
|
return axios.post('http://15.72.184.10:8888/api/algo', params, config2)
|
||||||
|
}
|
||||||
|
|
||||||
// 能力云图-数据资源
|
// 能力云图-数据资源
|
||||||
export function count() {
|
export function count() {
|
||||||
|
|
|
||||||
|
|
@ -336,3 +336,23 @@ export function getApplyCameraList(id) {
|
||||||
method: 'get',
|
method: 'get',
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 融合服务--start
|
||||||
|
// 融合服务--列表
|
||||||
|
export function getIntegrationServicesList(params) {
|
||||||
|
return request({
|
||||||
|
url: '/fuse/page',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 融合服务--详情
|
||||||
|
export function getIntegrationDetail(id) {
|
||||||
|
return request({
|
||||||
|
url: '/fuse/' + id,
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 融合服务--end
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
|
|
@ -444,6 +444,24 @@ export const constantRoutes = [
|
||||||
icon: 'error-warning-line',
|
icon: 'error-warning-line',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/integrationServicesDetails',
|
||||||
|
name: 'integrationServicesDetails',
|
||||||
|
component: () => import('@/views/home/integrationServicesDetails'),
|
||||||
|
meta: {
|
||||||
|
title: '详情',
|
||||||
|
icon: 'error-warning-line',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/integrationServices',
|
||||||
|
name: 'integrationServices',
|
||||||
|
component: () => import('@/views/home/integrationServices'),
|
||||||
|
meta: {
|
||||||
|
title: '列表',
|
||||||
|
icon: 'error-warning-line',
|
||||||
|
},
|
||||||
|
},
|
||||||
]
|
]
|
||||||
export const asyncRoutes = [
|
export const asyncRoutes = [
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -29,12 +29,13 @@ const handleCode = (code, msg, res) => {
|
||||||
// message.error(msg || '登录失效')
|
// message.error(msg || '登录失效')
|
||||||
|
|
||||||
store.dispatch('user/resetAll').catch(() => {})
|
store.dispatch('user/resetAll').catch(() => {})
|
||||||
if (res.token) {
|
debugger
|
||||||
console.log('存在token信息', res.token)
|
// if (res.token) {
|
||||||
setAccessToken(res.token)
|
// console.log('存在token信息', res.token)
|
||||||
const token = getAccessToken()
|
// setAccessToken(res.token)
|
||||||
console.log('验证token信息', token)
|
// const token = getAccessToken()
|
||||||
}
|
// console.log('验证token信息', token)
|
||||||
|
// }
|
||||||
|
|
||||||
// // location.reload()
|
// // location.reload()
|
||||||
// if (redirect) {
|
// if (redirect) {
|
||||||
|
|
@ -71,8 +72,10 @@ const instance = axios.create({
|
||||||
*/
|
*/
|
||||||
instance.interceptors.request.use(
|
instance.interceptors.request.use(
|
||||||
(config) => {
|
(config) => {
|
||||||
if (store.getters['user/accessToken'])
|
debugger
|
||||||
config.headers[tokenName] = store.getters['user/accessToken']
|
const token = getAccessToken()
|
||||||
|
if (token)
|
||||||
|
config.headers[tokenName] = token
|
||||||
if (
|
if (
|
||||||
config.data &&
|
config.data &&
|
||||||
config.headers['Content-Type'] ===
|
config.headers['Content-Type'] ===
|
||||||
|
|
@ -101,10 +104,12 @@ instance.interceptors.response.use(
|
||||||
console.log('接口返回REDIRECT', response.headers.redirect)
|
console.log('接口返回REDIRECT', response.headers.redirect)
|
||||||
response['Access-Control-Expose-Headers'] = 'redirect'
|
response['Access-Control-Expose-Headers'] = 'redirect'
|
||||||
const { code, message } = response.data
|
const { code, message } = response.data
|
||||||
if (response.headers.token) {
|
debugger
|
||||||
|
if (code=='0' && response.headers.token) {
|
||||||
setAccessToken(response.headers.token)
|
setAccessToken(response.headers.token)
|
||||||
} else {
|
} else {
|
||||||
if (response.headers.redirect) {
|
const token = getAccessToken()
|
||||||
|
if (response.headers.redirect && !token) {
|
||||||
// window.location.href = response.headers.redirect
|
// window.location.href = response.headers.redirect
|
||||||
window.location.replace(response.headers.redirect)
|
window.location.replace(response.headers.redirect)
|
||||||
return
|
return
|
||||||
|
|
@ -154,16 +159,21 @@ instance.interceptors.response.use(
|
||||||
// }
|
// }
|
||||||
},
|
},
|
||||||
(error) => {
|
(error) => {
|
||||||
|
debugger
|
||||||
console.log('接口error', error)
|
console.log('接口error', error)
|
||||||
if (loadingInstance) loadingInstance.close()
|
if (loadingInstance) loadingInstance.close()
|
||||||
|
|
||||||
const { response, message } = error
|
const { response, message } = error
|
||||||
if (error.response && error.response.data) {
|
if (error.response) {
|
||||||
console.log('接口返回', response)
|
console.log('接口返回', response)
|
||||||
console.log('接口返回headers', response.headers)
|
console.log('接口返回headers', response.headers)
|
||||||
console.log('接口返回REDIRECT', response.headers.redirect)
|
console.log('接口返回REDIRECT', response.headers.redirect)
|
||||||
|
// if (response.headers.token) {
|
||||||
|
// setAccessToken(response.headers.token)
|
||||||
|
// }
|
||||||
if (response.headers.redirect) {
|
if (response.headers.redirect) {
|
||||||
window.location.replace(response.headers.redirect)
|
window.location.replace(response.headers.redirect)
|
||||||
return Promise.reject(error)
|
// return Promise.resolve()
|
||||||
}
|
}
|
||||||
const { status, data } = response
|
const { status, data } = response
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2022-04-01 17:23:11
|
* @Date: 2022-04-01 17:23:11
|
||||||
* @LastEditors: hisense.wuhongjian
|
* @LastEditors: hisense.wuhongjian
|
||||||
* @LastEditTime: 2022-07-08 18:55:28
|
* @LastEditTime: 2022-07-11 16:39:36
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -33,8 +33,9 @@
|
||||||
if (!loginInterception) hasToken = true
|
if (!loginInterception) hasToken = true
|
||||||
console.log('hasToken存在巨大问题', hasToken)
|
console.log('hasToken存在巨大问题', hasToken)
|
||||||
if (hasToken) {
|
if (hasToken) {
|
||||||
setAccessToken(hasToken)
|
// setAccessToken(hasToken)
|
||||||
await store.dispatch('user/getUserInfo')
|
await store.dispatch('user/getUserInfo')
|
||||||
|
debugger
|
||||||
next()
|
next()
|
||||||
} else {
|
} else {
|
||||||
let accessRoutes = []
|
let accessRoutes = []
|
||||||
|
|
@ -45,6 +46,7 @@
|
||||||
if (routesWhiteList.indexOf(to.path) !== -1) {
|
if (routesWhiteList.indexOf(to.path) !== -1) {
|
||||||
next()
|
next()
|
||||||
} else {
|
} else {
|
||||||
|
// 这里是一个单点登录的入口
|
||||||
getUserInfo().then(res=>{
|
getUserInfo().then(res=>{
|
||||||
console.log(res)
|
console.log(res)
|
||||||
router.replace('/home')
|
router.replace('/home')
|
||||||
|
|
|
||||||
|
|
@ -174,7 +174,7 @@
|
||||||
} else {
|
} else {
|
||||||
for (let i = 0; i < 31; i++) {
|
for (let i = 0; i < 31; i++) {
|
||||||
let time = moment()
|
let time = moment()
|
||||||
.subtract('days', 29 - i)
|
.subtract('days', 30 - i)
|
||||||
.format('MM-DD')
|
.format('MM-DD')
|
||||||
callTheTrendData.value.time.push(time)
|
callTheTrendData.value.time.push(time)
|
||||||
console.log('time', callTheTrendData.value, name)
|
console.log('time', callTheTrendData.value, name)
|
||||||
|
|
|
||||||
|
|
@ -26,9 +26,9 @@
|
||||||
<div class="bg bg4"></div>
|
<div class="bg bg4"></div>
|
||||||
<div class="top-left">
|
<div class="top-left">
|
||||||
<div class="text">
|
<div class="text">
|
||||||
<p>错误内容： {{ errorWord }}</p>
|
<p>返回结果： {{ errorWord }}</p>
|
||||||
<p>错误位置： {{ errorWordIndex }}</p>
|
<!-- <p>错误位置： {{ errorWordIndex }}</p>
|
||||||
<p>识别内容： {{ errorWordContent }}</p>
|
<p>识别内容： {{ errorWordContent }}</p> -->
|
||||||
<span></span>
|
<span></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -43,26 +43,37 @@
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref } from 'vue'
|
import { ref } from 'vue'
|
||||||
import { correct } from '@/api/file'
|
import { correct,algo } from '@/api/file'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
const router = useRouter()
|
||||||
|
// const keyId = router.currentRoute.value.query.id
|
||||||
const wordValue = ref('')
|
const wordValue = ref('')
|
||||||
|
wordValue.value = router.currentRoute.value.query.data
|
||||||
const errorWord = ref('')
|
const errorWord = ref('')
|
||||||
const errorWordIndex = ref('')
|
// const errorWordIndex = ref('')
|
||||||
const errorWordContent = ref('')
|
// const errorWordContent = ref('')
|
||||||
const correctWord = () => {
|
const correctWord = () => {
|
||||||
const param = {
|
const param = {
|
||||||
sentence: wordValue.value,
|
// sentence: wordValue.value,
|
||||||
|
company: router.currentRoute.value.query.company,
|
||||||
|
algorithmName: router.currentRoute.value.query.algorithmName,
|
||||||
|
data: wordValue.value,
|
||||||
|
type: router.currentRoute.value.query.type
|
||||||
}
|
}
|
||||||
correct(param).then((res) => {
|
// correct(param).then((res) => {
|
||||||
// wordContent.value = res.data.data
|
// // wordContent.value = res.data.data
|
||||||
Object.keys(res.data.data).forEach((key) => {
|
// Object.keys(res.data.data).forEach((key) => {
|
||||||
console.log(key)
|
// console.log(key)
|
||||||
errorWord.value = key
|
// errorWord.value = key
|
||||||
})
|
// })
|
||||||
Object.values(res.data.data).forEach((val) => {
|
// Object.values(res.data.data).forEach((val) => {
|
||||||
console.log(val)
|
// console.log(val)
|
||||||
errorWordIndex.value = val.ix
|
// errorWordIndex.value = val.ix
|
||||||
errorWordContent.value = val.value
|
// errorWordContent.value = val.value
|
||||||
})
|
// })
|
||||||
|
// })
|
||||||
|
algo(param).then(res=>{
|
||||||
|
errorWord.value = res.data.text_data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<DetalsTitle title="常见问题" type="Q&A"></DetalsTitle>
|
<DetalsTitle title="常见问题" type="Q&A"></DetalsTitle>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content" v-if="dataFrom.length > 0">
|
||||||
<div v-for="(item, index) in dataFrom" :key="index" class="content-son">
|
<div v-for="(item, index) in dataFrom" :key="index" class="content-son">
|
||||||
<div class="content-top">
|
<div class="content-top">
|
||||||
<div class="top-img"></div>
|
<div class="top-img"></div>
|
||||||
|
|
@ -16,6 +16,9 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div v-else class="no-data">
|
||||||
|
暂无数据
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -127,5 +130,13 @@ watch(
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.no-data {
|
||||||
|
background: transparent !important;
|
||||||
|
color: #212121;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -158,11 +158,11 @@
|
||||||
dataFrom.value.content[1].childrenContent.push(itemContent)
|
dataFrom.value.content[1].childrenContent.push(itemContent)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// let obj = {
|
let obj = {
|
||||||
// attrType: '访问地址',
|
attrType: '访问地址',
|
||||||
// attrValue: props.dataList.link || '------',
|
attrValue: props.dataList.link || '------',
|
||||||
// }
|
}
|
||||||
// dataFrom.value.content[0].childrenContent.push(obj)
|
dataFrom.value.content[0].childrenContent.push(obj)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,12 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="application-navigation" v-if="navList.length > 0">
|
<div class="application-navigation" v-if="navList.length > 0">
|
||||||
<template v-for="nav in navList" :key="nav.key">
|
<template v-for="nav in navList" :key="nav.key">
|
||||||
<div class="nav" :class="{ select: nav.key == select }" v-if="nav.show" @click="selectNav(nav.key)">
|
<div
|
||||||
|
class="nav"
|
||||||
|
:class="{ select: nav.key == select }"
|
||||||
|
v-if="nav.show"
|
||||||
|
@click="selectNav(nav.key)"
|
||||||
|
>
|
||||||
{{ nav.name }}
|
{{ nav.name }}
|
||||||
<span class="line"></span>
|
<span class="line"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -16,14 +21,14 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, defineProps, watch } from 'vue'
|
import { ref, defineProps, watch } from 'vue'
|
||||||
import mybus from '@/myplugins/mybus'
|
import mybus from '@/myplugins/mybus'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { queryPartAppByKeyId } from '@/api/home'
|
import { queryPartAppByKeyId } from '@/api/home'
|
||||||
// 获取当前路由地址
|
// 获取当前路由地址
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const keyId = router.currentRoute.value.query.id
|
const keyId = router.currentRoute.value.query.id
|
||||||
const navList = ref([
|
const navList = ref([
|
||||||
{
|
{
|
||||||
name: '应用展示',
|
name: '应用展示',
|
||||||
key: 'application-presentation',
|
key: 'application-presentation',
|
||||||
|
|
@ -48,16 +53,16 @@ const navList = ref([
|
||||||
name: '常见问题',
|
name: '常见问题',
|
||||||
key: 'common-problem',
|
key: 'common-problem',
|
||||||
},
|
},
|
||||||
])
|
])
|
||||||
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 },
|
associatedComponents: { type: Array, default: null },
|
||||||
})
|
})
|
||||||
const select = ref('application-associated-ability')
|
const select = ref('application-associated-ability')
|
||||||
const list = ref([])
|
const list = ref([])
|
||||||
// 根据能力id查询是否存在关联应用
|
// 根据能力id查询是否存在关联应用
|
||||||
if (keyId) {
|
if (keyId) {
|
||||||
let params = {
|
let params = {
|
||||||
keyId: keyId,
|
keyId: keyId,
|
||||||
type: '组件服务',
|
type: '组件服务',
|
||||||
|
|
@ -74,12 +79,12 @@ if (keyId) {
|
||||||
list.value.unshift('关联组件')
|
list.value.unshift('关联组件')
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
const selectNav = (key) => {
|
const selectNav = (key) => {
|
||||||
select.value = key
|
select.value = key
|
||||||
mybus.emit('flyToView', select.value)
|
mybus.emit('flyToView', select.value)
|
||||||
}
|
}
|
||||||
if (props.dataList.infoList) {
|
if (props.dataList.infoList) {
|
||||||
list.value = []
|
list.value = []
|
||||||
props.dataList.infoList.map((item) => {
|
props.dataList.infoList.map((item) => {
|
||||||
if (
|
if (
|
||||||
|
|
@ -110,14 +115,14 @@ if (props.dataList.infoList) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
console.log('11111111111111111111111111', list.value, navList.value)
|
console.log('11111111111111111111111111', list.value, navList.value)
|
||||||
}
|
}
|
||||||
watch(
|
watch(
|
||||||
() => props.selectNow,
|
() => props.selectNow,
|
||||||
(newValue) => {
|
(newValue) => {
|
||||||
select.value = newValue
|
select.value = newValue
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
watch(
|
watch(
|
||||||
() => props.dataList,
|
() => props.dataList,
|
||||||
(val) => {
|
(val) => {
|
||||||
if (val) {
|
if (val) {
|
||||||
|
|
@ -154,10 +159,10 @@ watch(
|
||||||
console.log('11111111111111111111111111', list.value, navList.value)
|
console.log('11111111111111111111111111', list.value, navList.value)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.application-navigation {
|
.application-navigation {
|
||||||
width: 19.12rem;
|
width: 19.12rem;
|
||||||
height: 0.84rem;
|
height: 0.84rem;
|
||||||
line-height: 0.8rem;
|
line-height: 0.8rem;
|
||||||
|
|
@ -190,5 +195,5 @@ watch(
|
||||||
background: #526aff;
|
background: #526aff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -2,10 +2,17 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="application-deployment-and-security">
|
<div class="application-deployment-and-security">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<DetalsTitle :title="dataFrom.title" :type="dataFrom.englishTitle"></DetalsTitle>
|
<DetalsTitle
|
||||||
|
:title="dataFrom.title"
|
||||||
|
:type="dataFrom.englishTitle"
|
||||||
|
></DetalsTitle>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div v-for="(item, index) in dataFrom.content" :key="index" class="content-card">
|
<div
|
||||||
|
v-for="(item, index) in dataFrom.content"
|
||||||
|
:key="index"
|
||||||
|
class="content-card"
|
||||||
|
>
|
||||||
<div class="card-title">{{ item.childrenTitle }}</div>
|
<div class="card-title">{{ item.childrenTitle }}</div>
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<div v-for="carditem in item.childrenContent" :key="carditem">
|
<div v-for="carditem in item.childrenContent" :key="carditem">
|
||||||
|
|
@ -24,9 +31,9 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
|
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
|
||||||
import { ref, defineProps, watch } from 'vue'
|
import { ref, defineProps, watch } from 'vue'
|
||||||
let dataFrom = ref({
|
let dataFrom = ref({
|
||||||
title: '归属部门与服务商',
|
title: '归属部门与服务商',
|
||||||
englishTitle: 'DEPARTMENT&ERVICE',
|
englishTitle: 'DEPARTMENT&ERVICE',
|
||||||
content: [
|
content: [
|
||||||
|
|
@ -39,13 +46,13 @@ let dataFrom = ref({
|
||||||
childrenContent: [],
|
childrenContent: [],
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
})
|
})
|
||||||
console.log(dataFrom.value)
|
console.log(dataFrom.value)
|
||||||
//数据初始化
|
//数据初始化
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
dataList: { type: Object, default: null },
|
dataList: { type: Object, default: null },
|
||||||
})
|
})
|
||||||
if (props.dataList.infoList) {
|
if (props.dataList.infoList) {
|
||||||
let obj = {
|
let obj = {
|
||||||
attrType: '部门名称',
|
attrType: '部门名称',
|
||||||
attrValue: props.dataList.deptName || '------',
|
attrValue: props.dataList.deptName || '------',
|
||||||
|
|
@ -95,8 +102,8 @@ if (props.dataList.infoList) {
|
||||||
})
|
})
|
||||||
|
|
||||||
console.log('obj', dataFrom.value)
|
console.log('obj', dataFrom.value)
|
||||||
}
|
}
|
||||||
watch(
|
watch(
|
||||||
() => props.dataList,
|
() => props.dataList,
|
||||||
(val) => {
|
(val) => {
|
||||||
if (val) {
|
if (val) {
|
||||||
|
|
@ -161,11 +168,11 @@ watch(
|
||||||
console.log('obj', dataFrom.value)
|
console.log('obj', dataFrom.value)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.application-deployment-and-security {
|
.application-deployment-and-security {
|
||||||
padding: 0.8rem 0;
|
padding: 0.8rem 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
@ -184,9 +191,11 @@ watch(
|
||||||
height: 1.5rem;
|
height: 1.5rem;
|
||||||
width: 6.2rem;
|
width: 6.2rem;
|
||||||
border-radius: 0.2rem;
|
border-radius: 0.2rem;
|
||||||
background: linear-gradient(to right,
|
background: linear-gradient(
|
||||||
|
to right,
|
||||||
rgba(113, 132, 252, 0.4),
|
rgba(113, 132, 252, 0.4),
|
||||||
rgba(148, 163, 252, 0.4));
|
rgba(148, 163, 252, 0.4)
|
||||||
|
);
|
||||||
padding: 0 0.3rem;
|
padding: 0 0.3rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
@ -211,11 +220,11 @@ watch(
|
||||||
|
|
||||||
div {
|
div {
|
||||||
max-width: 2.8rem;
|
max-width: 2.8rem;
|
||||||
overflow: hidden;
|
// overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
// text-overflow: ellipsis;
|
||||||
display: -webkit-box;
|
// display: -webkit-box;
|
||||||
-webkit-box-orient: vertical;
|
// -webkit-box-orient: vertical;
|
||||||
-webkit-line-clamp: 1;
|
// -webkit-line-clamp: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -225,5 +234,5 @@ watch(
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -210,6 +210,15 @@
|
||||||
path: '/assignCase',
|
path: '/assignCase',
|
||||||
})
|
})
|
||||||
break
|
break
|
||||||
|
case '融合服务':
|
||||||
|
router.push({
|
||||||
|
path: '/integrationServices',
|
||||||
|
// path: '/DetailsPageconetent',
|
||||||
|
query: {
|
||||||
|
select: '融合服务',
|
||||||
|
},
|
||||||
|
})
|
||||||
|
break
|
||||||
default:
|
default:
|
||||||
router.push('/home')
|
router.push('/home')
|
||||||
break
|
break
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,13 @@
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
<div class="condition" :key="showKey">
|
<div class="condition" :key="showKey">
|
||||||
<ul>
|
<ul v-if="selectCardsname === '融合服务'">
|
||||||
|
<li v-for="(item, i) in orderList" :key="item.value" @click="changeOrder(i, item.value, item.orderType)">
|
||||||
|
{{ item.name }}
|
||||||
|
<span class="arrow" :class="item.orderType == 'ASC' ? 'down' : ''"></span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul v-else>
|
||||||
<li
|
<li
|
||||||
v-for="item in selList"
|
v-for="item in selList"
|
||||||
:key="item.value"
|
:key="item.value"
|
||||||
|
|
@ -24,6 +30,7 @@
|
||||||
></span>
|
></span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
|
|
@ -60,9 +67,10 @@
|
||||||
? 'ywzj'
|
? 'ywzj'
|
||||||
: ''
|
: ''
|
||||||
"
|
"
|
||||||
v-if="selectCardsname !== '基础设施'"
|
v-if="selectCardsname !== '基础设施' && selectCardsname !== '融合服务'"
|
||||||
></div>
|
></div>
|
||||||
<div class="left jcss" v-else></div>
|
<div class="left jcss" v-else-if="selectCardsname === '基础设施'"></div>
|
||||||
|
<div class="left rhfw" v-else-if="selectCardsname === '融合服务'"></div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<span style="display: flex; align-items: center; width: 680px">
|
<span style="display: flex; align-items: center; width: 680px">
|
||||||
|
|
@ -117,12 +125,12 @@
|
||||||
<div class="dec">
|
<div class="dec">
|
||||||
<div
|
<div
|
||||||
v-if="
|
v-if="
|
||||||
selectCardsname !== '基础设施' && selectCardsname !== '数据资源'
|
selectCardsname !== '基础设施' && selectCardsname !== '数据资源' && selectCardsname !== '融合服务'
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<span>{{ item.shareType || '--' }}</span>
|
<span>{{ item.shareType || '--' }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div v-if="selectCardsname !== '融合服务'">
|
||||||
<span>{{ item.deptName || '--' }}</span>
|
<span>{{ item.deptName || '--' }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="selectCardsname !== '基础设施'">
|
<div v-if="selectCardsname !== '基础设施'">
|
||||||
|
|
@ -134,29 +142,28 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom" v-if="selectCardsname !== '基础设施'">
|
<div class="bottom" v-if="selectCardsname !== '基础设施'">
|
||||||
<div>
|
<div>
|
||||||
<div v-if="selectCardsname !== '数据资源'">
|
<div v-if="selectCardsname !== '数据资源' && selectCardsname !== '融合服务'">
|
||||||
浏览量：{{ item.visits || 0 }}次
|
浏览量：{{ item.visits || 0 }}次
|
||||||
</div>
|
</div>
|
||||||
<div>申请量：{{ item.applyCount || 0 }}次</div>
|
<div v-if="selectCardsname !== '应用资源' && selectCardsname !== '融合服务'">
|
||||||
<div v-if="selectCardsname === '数据资源'">
|
申请量：{{ item.applyCount || 0 }}次
|
||||||
|
</div>
|
||||||
|
<div v-if="selectCardsname === '数据资源' && selectCardsname !== '融合服务'">
|
||||||
数据量：{{ item.sjlCount || 0 }}
|
数据量：{{ item.sjlCount || 0 }}
|
||||||
</div>
|
</div>
|
||||||
<div v-if="selectCardsname !== '数据资源'">
|
<div v-if="selectCardsname !== '数据资源'">
|
||||||
收藏量：{{ item.collectCount || 0 }}次
|
收藏量：{{ item.collectCount || 0 }}次
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="pingfen">
|
<!-- <div class="pingfen">
|
||||||
<a-tooltip placement="top" mouseEnterDelay="1">
|
<a-tooltip placement="top" mouseEnterDelay="1">
|
||||||
<!-- <template #title>
|
|
||||||
<span>{{ item.score || 0 }}分</span>
|
|
||||||
</template> -->
|
|
||||||
<a-rate
|
<a-rate
|
||||||
:value="item.score || 0"
|
:value="item.score || 0"
|
||||||
disabled
|
disabled
|
||||||
v-if="item.score != 0"
|
v-if="item.score != 0"
|
||||||
/>
|
/>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="btn">
|
<div class="btn">
|
||||||
<div class="right" v-if="selectCardsname !== '基础设施'">
|
<div class="right" v-if="selectCardsname !== '基础设施'">
|
||||||
|
|
@ -200,6 +207,10 @@
|
||||||
v-if="!whoShow1.itShowBaoTou"
|
v-if="!whoShow1.itShowBaoTou"
|
||||||
>
|
>
|
||||||
查看详情
|
查看详情
|
||||||
|
</a-button>
|
||||||
|
<a-button style="margin-left: 10px" v-show="selectCardsname === '融合服务'"
|
||||||
|
@click="handleAKeyApplication(item)">
|
||||||
|
一键申请
|
||||||
</a-button>
|
</a-button>
|
||||||
<!-- <a-button
|
<!-- <a-button
|
||||||
style="margin-left: 10px"
|
style="margin-left: 10px"
|
||||||
|
|
@ -357,6 +368,24 @@
|
||||||
const whoShow1 = whoShow
|
const whoShow1 = whoShow
|
||||||
const showKey = ref(0)
|
const showKey = ref(0)
|
||||||
let shoppingKey = ref(1)
|
let shoppingKey = ref(1)
|
||||||
|
// 融合服务排序
|
||||||
|
const orderList = ref([
|
||||||
|
{
|
||||||
|
value: 'collectCount',
|
||||||
|
name: '收藏量',
|
||||||
|
orderType: 'DESC'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'create_date',
|
||||||
|
name: '发布时间',
|
||||||
|
orderType: 'DESC'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'update_date',
|
||||||
|
name: '更新时间',
|
||||||
|
orderType: 'DESC'
|
||||||
|
},
|
||||||
|
])
|
||||||
// 购物车id列表
|
// 购物车id列表
|
||||||
const selList = ref([
|
const selList = ref([
|
||||||
{ name: '发布时间', value: 'tdr.create_date', show: true },
|
{ name: '发布时间', value: 'tdr.create_date', show: true },
|
||||||
|
|
@ -432,7 +461,16 @@
|
||||||
} else {
|
} else {
|
||||||
window.open('http://10.134.135.24:30090/#/home')
|
window.open('http://10.134.135.24:30090/#/home')
|
||||||
}
|
}
|
||||||
} else {
|
}
|
||||||
|
else if (props.selectCardsname === '融合服务') {
|
||||||
|
router.push({
|
||||||
|
path: '/integrationServicesDetails',
|
||||||
|
query: {
|
||||||
|
id: item.id,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
else {
|
||||||
if (type === 'apply') {
|
if (type === 'apply') {
|
||||||
console.log('一键申请===================>', item)
|
console.log('一键申请===================>', item)
|
||||||
localStorage.setItem(
|
localStorage.setItem(
|
||||||
|
|
@ -537,8 +575,74 @@
|
||||||
})
|
})
|
||||||
console.log('选择===========》', val, selData.value)
|
console.log('选择===========》', val, selData.value)
|
||||||
}
|
}
|
||||||
mybus.on('chongzhi', () => {
|
|
||||||
|
// 融合服务--排序
|
||||||
|
const changeOrder = (i, val, type) => {
|
||||||
|
let newType = type === 'DESC' ? 'ASC' : 'DESC'
|
||||||
|
orderList.value[i].orderType = newType
|
||||||
|
mybus.emit('changeCondition', {
|
||||||
|
orderField: val,
|
||||||
|
orderType: newType,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 融合服务--一键申请
|
||||||
|
const handleAKeyApplication = (item) => {
|
||||||
|
let _applyList = [];
|
||||||
|
(item.fuseResourceList || []).map(v => {
|
||||||
|
let resource = v.resource || {}
|
||||||
|
let obj = {
|
||||||
|
arr: [
|
||||||
|
{
|
||||||
|
delFlag: resource.delFlag,
|
||||||
|
description: resource.description,
|
||||||
|
resourceId: resource.id,
|
||||||
|
resourceName: resource.name,
|
||||||
|
time: resource.createDate,
|
||||||
|
type: resource.type,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
deptId: resource.deptId,
|
||||||
|
deptName: resource.deptName,
|
||||||
|
}
|
||||||
|
_applyList.push(obj)
|
||||||
|
})
|
||||||
|
|
||||||
|
localStorage.setItem(
|
||||||
|
'applyList',
|
||||||
|
JSON.stringify(_applyList)
|
||||||
|
)
|
||||||
|
router.push({
|
||||||
|
path: '/apply',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
mybus.on('chongzhi', (typeObj) => {
|
||||||
|
console.log('typeObj------------>', typeObj);
|
||||||
|
if(!typeObj) {
|
||||||
selData.value = 'total'
|
selData.value = 'total'
|
||||||
|
}
|
||||||
|
if(typeObj.type === '融合服务') {
|
||||||
|
orderList.value = [
|
||||||
|
{
|
||||||
|
value: 'collectCount',
|
||||||
|
name: '收藏量',
|
||||||
|
orderType: 'DESC'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'create_date',
|
||||||
|
name: '发布时间',
|
||||||
|
orderType: 'DESC'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'update_date',
|
||||||
|
name: '更新时间',
|
||||||
|
orderType: 'DESC'
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
})
|
})
|
||||||
let videoUrl = ref('')
|
let videoUrl = ref('')
|
||||||
const options = reactive({
|
const options = reactive({
|
||||||
|
|
@ -610,6 +714,9 @@
|
||||||
goComparePk,
|
goComparePk,
|
||||||
whoShow1,
|
whoShow1,
|
||||||
showKey,
|
showKey,
|
||||||
|
orderList,
|
||||||
|
handleAKeyApplication,
|
||||||
|
changeOrder,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
beforeUnmount() {
|
beforeUnmount() {
|
||||||
|
|
@ -623,7 +730,6 @@
|
||||||
width: 1088px;
|
width: 1088px;
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
background: #f3f5f9;
|
background: #f3f5f9;
|
||||||
|
|
||||||
.detail-content {
|
.detail-content {
|
||||||
// 超出
|
// 超出
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
@ -632,7 +738,6 @@
|
||||||
width: 130px;
|
width: 130px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shai-xuan {
|
.shai-xuan {
|
||||||
width: 1047px;
|
width: 1047px;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
|
|
@ -642,7 +747,6 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.circle {
|
.circle {
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
|
|
@ -653,30 +757,24 @@
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
margin-right: 21px;
|
margin-right: 21px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result {
|
.result {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #212121;
|
color: #212121;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #0087ff;
|
color: #0087ff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.condition {
|
.condition {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
|
|
||||||
ul li {
|
ul li {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
width: 90px;
|
width: 90px;
|
||||||
height: 12px;
|
height: 12px;
|
||||||
|
|
@ -685,7 +783,6 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.arrow {
|
.arrow {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 12px;
|
width: 12px;
|
||||||
|
|
@ -693,7 +790,6 @@
|
||||||
background: url('~@/assets/newHome/arrow.png');
|
background: url('~@/assets/newHome/arrow.png');
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.down {
|
.down {
|
||||||
background: url('~@/assets/newHome/down.png');
|
background: url('~@/assets/newHome/down.png');
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
|
|
@ -702,7 +798,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-list {
|
.result-list {
|
||||||
width: 1048px;
|
width: 1048px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -711,29 +806,24 @@
|
||||||
border-bottom: 1px rgba(150, 144, 144, 0.3) solid;
|
border-bottom: 1px rgba(150, 144, 144, 0.3) solid;
|
||||||
border-top: 1px rgba(150, 144, 144, 0.3) solid;
|
border-top: 1px rgba(150, 144, 144, 0.3) solid;
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 120px;
|
width: 120px;
|
||||||
height: 110px;
|
height: 110px;
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.yyzy {
|
.yyzy {
|
||||||
background: url('~@/assets/home/yyzy_square.png') no-repeat;
|
background: url('~@/assets/home/yyzy_square.png') no-repeat;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sjzy {
|
.sjzy {
|
||||||
background: url('~@/assets/home/sjzy_square.png') no-repeat;
|
background: url('~@/assets/home/sjzy_square.png') no-repeat;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
|
|
@ -754,41 +844,42 @@
|
||||||
background: url('~@/assets/home/ywzj_square.png') no-repeat;
|
background: url('~@/assets/home/ywzj_square.png') no-repeat;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
}
|
}
|
||||||
|
.rhfw {
|
||||||
|
background: url('~@/assets/home/rhfw_square.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
.jcss {
|
||||||
|
background: url('~@/assets/home/sxt_square.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
.header {
|
.header {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 0 10px 0 0;
|
margin: 0 10px 0 0;
|
||||||
|
|
||||||
.header-right {
|
.header-right {
|
||||||
display: flex;
|
display: flex;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #212121;
|
color: #212121;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #212121;
|
color: #212121;
|
||||||
}
|
}
|
||||||
|
|
||||||
div {
|
div {
|
||||||
margin-right: 24px;
|
margin-right: 24px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-right:last-child {
|
.header-right:last-child {
|
||||||
div {
|
div {
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
// color: #0087ff;
|
// color: #0087ff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dec {
|
.dec {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
@ -796,14 +887,12 @@
|
||||||
color: #0058e1;
|
color: #0058e1;
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
|
||||||
div {
|
div {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
background: rgba(0, 88, 225, 0.1);
|
background: rgba(0, 88, 225, 0.1);
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div:nth-child(3) {
|
div:nth-child(3) {
|
||||||
max-width: 200px;
|
max-width: 200px;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -817,13 +906,11 @@
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin: 5px 0;
|
margin: 5px 0;
|
||||||
|
|
||||||
// .left {
|
// .left {
|
||||||
// width: 600px;
|
// width: 600px;
|
||||||
// display: flex;
|
// display: flex;
|
||||||
|
|
@ -843,7 +930,6 @@
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
margin: 0 10px;
|
margin: 0 10px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.shopping {
|
.shopping {
|
||||||
span {
|
span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
@ -852,17 +938,14 @@
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shopping-on {
|
.shopping-on {
|
||||||
background: url('~@/assets/newHome/shopping-on.png');
|
background: url('~@/assets/newHome/shopping-on.png');
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shopping-down {
|
.shopping-down {
|
||||||
background: url('~@/assets/newHome/shopping-down.png');
|
background: url('~@/assets/newHome/shopping-down.png');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.pk-on {
|
.pk-on {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
|
|
@ -873,20 +956,17 @@
|
||||||
background: url('~@/assets/newHome/pk-on.png');
|
background: url('~@/assets/newHome/pk-on.png');
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sc {
|
.sc {
|
||||||
// margin-top: 4px;
|
// margin-top: 4px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.sc-down {
|
.sc-down {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
width: 32px;
|
width: 32px;
|
||||||
background: url('~@/assets/newHome/sc-down.png');
|
background: url('~@/assets/newHome/sc-down.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
.sc-on {
|
.sc-on {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
|
|
@ -894,7 +974,6 @@
|
||||||
background: url('~@/assets/newHome/sc-on.png');
|
background: url('~@/assets/newHome/sc-on.png');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-btn {
|
.ant-btn {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
background: #0058e1;
|
background: #0058e1;
|
||||||
|
|
@ -909,38 +988,31 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-btn:last-child {
|
.ant-btn:last-child {
|
||||||
background: #0058e1;
|
background: #0058e1;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottom {
|
.bottom {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
& > div {
|
& > div {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
& > div {
|
& > div {
|
||||||
margin: 0 10px;
|
margin: 0 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.pingfen {
|
.pingfen {
|
||||||
:deep(span) {
|
:deep(span) {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
:deep(ul) {
|
:deep(ul) {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
:deep(.ant-rate-star:not(:last-child)) {
|
:deep(.ant-rate-star:not(:last-child)) {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
|
|
@ -949,7 +1021,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.item:nth-of-type(1) {
|
.item:nth-of-type(1) {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,68 @@
|
||||||
|
export const titleNameArray = [
|
||||||
|
{
|
||||||
|
photo: require('@/assets/newHome/banner-zj.png'),
|
||||||
|
name: '组件服务',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
photo: require('@/assets/newHome/banner-yy.png'),
|
||||||
|
name: '应用资源',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
photo: require('@/assets/newHome/banner-jc.png'),
|
||||||
|
name: '基础设施',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
photo: require('@/assets/newHome/banner-sj.png'),
|
||||||
|
name: '数据资源',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
photo: require('@/assets/newHome/banner-zs.png'),
|
||||||
|
name: '知识库',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
// 模糊查询
|
||||||
|
export const keyongziyuanqingkaungArray = [
|
||||||
|
{
|
||||||
|
name: 'CPU/核：',
|
||||||
|
value: 2102,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '内存/T：',
|
||||||
|
value: 6.68,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '存储/T：',
|
||||||
|
value: 2102,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'RDS for Mysql/G：',
|
||||||
|
value: 982.82,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'RDS for SqlServer/G：',
|
||||||
|
value: 997.17,
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
export const shujuziyuanqingkuangArray = [
|
||||||
|
{
|
||||||
|
name: '已上线目录：',
|
||||||
|
value: 10372,
|
||||||
|
danwei: '条',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '已发布服务：',
|
||||||
|
value: 1080,
|
||||||
|
danwei: '条',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '已发布接口：',
|
||||||
|
value: 976,
|
||||||
|
danwei: '条',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '更新时间：',
|
||||||
|
value: '2022-05-06',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
@ -152,6 +152,7 @@
|
||||||
}
|
}
|
||||||
switch (val.type) {
|
switch (val.type) {
|
||||||
case '市级':
|
case '市级':
|
||||||
|
case '企业':
|
||||||
case '其他':
|
case '其他':
|
||||||
generateChildren(val, obj)
|
generateChildren(val, obj)
|
||||||
break
|
break
|
||||||
|
|
|
||||||
|
|
@ -138,7 +138,7 @@
|
||||||
muted: false, //静音
|
muted: false, //静音
|
||||||
webFullScreen: false,
|
webFullScreen: false,
|
||||||
speedRate: ['0.75', '1.0', '1.25', '1.5', '2.0'], //播放倍速
|
speedRate: ['0.75', '1.0', '1.25', '1.5', '2.0'], //播放倍速
|
||||||
autoPlay: true, //自动播放
|
autoPlay: false, //自动播放
|
||||||
loop: false, //循环播放
|
loop: false, //循环播放
|
||||||
mirror: false, //镜像画面
|
mirror: false, //镜像画面
|
||||||
ligthOff: false, //关灯模式
|
ligthOff: false, //关灯模式
|
||||||
|
|
@ -253,6 +253,12 @@
|
||||||
let tableHeight = ref('600')
|
let tableHeight = ref('600')
|
||||||
//tab切换点击事件
|
//tab切换点击事件
|
||||||
const tabClick = (indexFather, name) => {
|
const tabClick = (indexFather, name) => {
|
||||||
|
console.log(
|
||||||
|
'点击tab================>',
|
||||||
|
indexFather,
|
||||||
|
name,
|
||||||
|
clickList.value[indexFather]
|
||||||
|
)
|
||||||
selectedRowKeys.value = []
|
selectedRowKeys.value = []
|
||||||
selectedList.value = []
|
selectedList.value = []
|
||||||
if (clickList.value[indexFather].content.indexOf(name) != -1) {
|
if (clickList.value[indexFather].content.indexOf(name) != -1) {
|
||||||
|
|
@ -338,22 +344,22 @@
|
||||||
})
|
})
|
||||||
console.log('选中的标签code', mapSearchParam.value)
|
console.log('选中的标签code', mapSearchParam.value)
|
||||||
mapSearchParam.value.labelCodes = mapSearchParam.value.labelCodes + ''
|
mapSearchParam.value.labelCodes = mapSearchParam.value.labelCodes + ''
|
||||||
let fatherName = ref('视频资源')
|
// let fatherName = ref('视频资源')
|
||||||
if (name == '视频资源' || name == '云资源' || name == '感知资源') {
|
// if (name == '视频资源' || name == '云资源' || name == '感知资源') {
|
||||||
fatherName.value == name
|
// fatherName.value == name
|
||||||
}
|
// }
|
||||||
if (fatherName.value == '视频资源') {
|
// if (fatherName.value == '视频资源') {
|
||||||
getCamera()
|
|
||||||
} else {
|
|
||||||
dataSource.value = []
|
|
||||||
pagination.value.total = 0
|
|
||||||
}
|
|
||||||
// if (name == '视频资源') {
|
|
||||||
// getCamera()
|
// getCamera()
|
||||||
// } else {
|
// } else {
|
||||||
// dataSource.value = []
|
// dataSource.value = []
|
||||||
// pagination.value.total = 0
|
// pagination.value.total = 0
|
||||||
// }
|
// }
|
||||||
|
if (name == '云资源' || name == '感知资源') {
|
||||||
|
dataSource.value = []
|
||||||
|
pagination.value.total = 0
|
||||||
|
} else {
|
||||||
|
getCamera()
|
||||||
|
}
|
||||||
}
|
}
|
||||||
// 清空
|
// 清空
|
||||||
const nullClick = () => {
|
const nullClick = () => {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,319 @@
|
||||||
|
<template>
|
||||||
|
<!-- 青岛 -->
|
||||||
|
<div class="details-pageconetent">
|
||||||
|
<home-header></home-header>
|
||||||
|
<div class="top">
|
||||||
|
<div class="resultListSearchInput-father">
|
||||||
|
<div class="resultListSearchInput-son">
|
||||||
|
模糊搜索
|
||||||
|
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large"
|
||||||
|
@search="getAppResources" @change="onSearch" class="resultListSearchInput" />
|
||||||
|
<button class="button-reset" @click="chongzhi()">重置</button>
|
||||||
|
<div class="hengxian"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<searchResultList v-show="resourceList.data && resourceList.data.length > 0" :key="listKey2"
|
||||||
|
:resourceList="resourceList" :resourceTotal="resourceTotal" selectCardsname="融合服务" />
|
||||||
|
<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>
|
||||||
|
<home-footer></home-footer>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import HomeFooter from '@/views/newHome/components/Footer'
|
||||||
|
import mybus from '@/myplugins/mybus'
|
||||||
|
import {
|
||||||
|
defineComponent,
|
||||||
|
reactive,
|
||||||
|
ref,
|
||||||
|
toRefs,
|
||||||
|
onMounted,
|
||||||
|
watch,
|
||||||
|
} from 'vue'
|
||||||
|
|
||||||
|
import {
|
||||||
|
getIntegrationServicesList,
|
||||||
|
} from '@/api/home.js'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
import HomeHeader from '@/views/home/components/header'
|
||||||
|
import searchResultList from '@/views/home/components/searchResultList.vue'
|
||||||
|
import { message } from 'ant-design-vue'
|
||||||
|
|
||||||
|
export default defineComponent({
|
||||||
|
setup() {
|
||||||
|
// 分页
|
||||||
|
const loading = ref(true)
|
||||||
|
const currentPage = ref(1)
|
||||||
|
const currentPageSize = ref(5)
|
||||||
|
const pageSizeOptions = ref(['5', '10', '20', '50'])
|
||||||
|
const router = useRouter()
|
||||||
|
const select = router.currentRoute.value.query.select
|
||||||
|
const searchValue = ref('')
|
||||||
|
const Cardsname = ref(select)
|
||||||
|
const resourceList = reactive({ data: [] })
|
||||||
|
const resourceTotal = ref(0)
|
||||||
|
const current = ref(1)
|
||||||
|
// 刷新筛选条件组件
|
||||||
|
let listKey = ref(0)
|
||||||
|
// 刷新筛选列表信息组件
|
||||||
|
const listKey2 = ref(0)
|
||||||
|
|
||||||
|
// 查询参数
|
||||||
|
const paramsGetResources = {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: currentPageSize.value,
|
||||||
|
type: Cardsname.value,
|
||||||
|
name: '',
|
||||||
|
orderField: 'create_date', // total 综合 visits 访问量 applyCount 申请量 score 评分 collectCount 收藏量
|
||||||
|
orderType: 'DESC', // ASC 升序 DESC 降序
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询
|
||||||
|
const onSearch = () => {
|
||||||
|
loading.value = true
|
||||||
|
currentPage.value = 1
|
||||||
|
}
|
||||||
|
// 重置数据
|
||||||
|
const chongzhi = () => {
|
||||||
|
loading.value = true
|
||||||
|
// 重置模糊查字段
|
||||||
|
searchValue.value = ''
|
||||||
|
// 分页
|
||||||
|
currentPage.value = 1
|
||||||
|
currentPageSize.value = 5
|
||||||
|
// 重置查询条件
|
||||||
|
paramsGetResources.pageNum = 1
|
||||||
|
paramsGetResources.pageSize = 5
|
||||||
|
paramsGetResources.orderField = 'create_date'
|
||||||
|
paramsGetResources.orderType = 'DESC'
|
||||||
|
mybus.emit('chongzhi', {
|
||||||
|
type: '融合服务'
|
||||||
|
})
|
||||||
|
getAppResources()
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
const getAppResources = () => {
|
||||||
|
getIntegrationList()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取融合服务列表
|
||||||
|
const getIntegrationList = () => {
|
||||||
|
let postData = {
|
||||||
|
limit: currentPageSize.value,
|
||||||
|
page: currentPage.value,
|
||||||
|
orderField: paramsGetResources.orderField,
|
||||||
|
orderType: paramsGetResources.orderType,
|
||||||
|
name: searchValue.value
|
||||||
|
}
|
||||||
|
getIntegrationServicesList(postData).then(res => {
|
||||||
|
if (res.data.code !== 0) {
|
||||||
|
return message.error(res.data.msg)
|
||||||
|
}
|
||||||
|
resourceList.data = res.data.data.list || []
|
||||||
|
resourceTotal.value = res.data.data.total || 0
|
||||||
|
}, err => {
|
||||||
|
message.error(err)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
mybus.on('paramsGetResources', (ids) => {
|
||||||
|
if (ids && ids.length > 0) {
|
||||||
|
paramsGetResources.deptIds = ids
|
||||||
|
} else {
|
||||||
|
delete paramsGetResources.deptIds
|
||||||
|
}
|
||||||
|
getAppResources()
|
||||||
|
console.log('paramsGetResources', paramsGetResources)
|
||||||
|
})
|
||||||
|
mybus.on('changePage', (page) => {
|
||||||
|
paramsGetResources.pageNum = page
|
||||||
|
getAppResources('分页查询')
|
||||||
|
})
|
||||||
|
mybus.on('changeSelcted', () => {
|
||||||
|
getAppResources()
|
||||||
|
})
|
||||||
|
|
||||||
|
mybus.on('refresh', () => {
|
||||||
|
paramsGetResources.pageNum = 1
|
||||||
|
currentPage.value = 1
|
||||||
|
getAppResources()
|
||||||
|
})
|
||||||
|
mybus.on('changeCondition', (condition) => {
|
||||||
|
paramsGetResources.orderField = condition.orderField
|
||||||
|
paramsGetResources.orderType = condition.orderType
|
||||||
|
getAppResources()
|
||||||
|
})
|
||||||
|
|
||||||
|
const pageChange = (val) => {
|
||||||
|
console.log(val)
|
||||||
|
loading.value = true
|
||||||
|
currentPage.value = val
|
||||||
|
paramsGetResources.pageNum = val
|
||||||
|
let params = '分页查询' //判断是否是点击下面的分页的调用模糊查询方法还是点击搜索调用模糊查询方法
|
||||||
|
getAppResources(params)
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
listKey2.value++;
|
||||||
|
getAppResources()
|
||||||
|
})
|
||||||
|
|
||||||
|
// 分页
|
||||||
|
const onShowSizeChange = (current, pageSize) => {
|
||||||
|
currentPage.value = current
|
||||||
|
currentPageSize.value = pageSize
|
||||||
|
paramsGetResources.pageNum = current
|
||||||
|
paramsGetResources.pageSize = pageSize
|
||||||
|
getAppResources()
|
||||||
|
}
|
||||||
|
watch(currentPageSize, () => {
|
||||||
|
console.log('pageSize', currentPageSize.value)
|
||||||
|
})
|
||||||
|
|
||||||
|
return {
|
||||||
|
listKey,
|
||||||
|
searchValue,
|
||||||
|
currentPage,
|
||||||
|
resourceList,
|
||||||
|
resourceTotal,
|
||||||
|
pageChange,
|
||||||
|
listKey2,
|
||||||
|
Cardsname,
|
||||||
|
getAppResources,
|
||||||
|
chongzhi,
|
||||||
|
onSearch,
|
||||||
|
currentPageSize,
|
||||||
|
pageSizeOptions,
|
||||||
|
current,
|
||||||
|
loading,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
HomeHeader,
|
||||||
|
HomeFooter,
|
||||||
|
searchResultList,
|
||||||
|
},
|
||||||
|
beforeUnmount() {
|
||||||
|
mybus.off('paramsGetResources')
|
||||||
|
mybus.off('changeCondition')
|
||||||
|
mybus.off('refresh')
|
||||||
|
mybus.off('changePage')
|
||||||
|
},
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.resultListSearchInput-father {
|
||||||
|
background: #f3f5f9;
|
||||||
|
padding: 0.2rem;
|
||||||
|
|
||||||
|
// padding-left: 0.2rem;
|
||||||
|
// padding-top: 0.2rem;
|
||||||
|
.resultListSearchInput-son {
|
||||||
|
background: #fff;
|
||||||
|
padding: 0.2rem 0.2rem 0rem 0.3rem;
|
||||||
|
|
||||||
|
.hengxian {
|
||||||
|
width: 100%;
|
||||||
|
height: 0.01rem;
|
||||||
|
background: rgba(150, 144, 144, 0.3);
|
||||||
|
margin-top: 0.2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.resultListSearchInput {
|
||||||
|
margin-left: 0.1rem;
|
||||||
|
|
||||||
|
:deep(.ant-input) {
|
||||||
|
width: 4rem;
|
||||||
|
height: 0.36rem;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 0.04rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-input-search-button) {
|
||||||
|
width: 0.8rem;
|
||||||
|
height: 0.36rem;
|
||||||
|
background: #0087ff;
|
||||||
|
border-radius: 0.04rem !important;
|
||||||
|
font-size: 0.14rem;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 0.34rem;
|
||||||
|
margin-left: 0.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-input-group-addon) {
|
||||||
|
left: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-reset {
|
||||||
|
border: 0;
|
||||||
|
outline: none;
|
||||||
|
width: 0.8rem;
|
||||||
|
height: 0.36rem;
|
||||||
|
background: #e1edfa;
|
||||||
|
border-radius: 0.04rem;
|
||||||
|
font-size: 0.14rem;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #0087ff;
|
||||||
|
line-height: 0.34rem;
|
||||||
|
margin-left: 2.5rem;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details-pageconetent {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 0.67rem;
|
||||||
|
position: relative;
|
||||||
|
background: rgba(245, 243, 243, 0.3);
|
||||||
|
|
||||||
|
.details-pageconetent-left {
|
||||||
|
max-height: 6.9rem;
|
||||||
|
position: absolute;
|
||||||
|
width: 2.5rem;
|
||||||
|
top: 0.17rem;
|
||||||
|
left: 2.5rem;
|
||||||
|
margin-right: 0.17rem;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top {
|
||||||
|
min-height: 7.2rem;
|
||||||
|
position: relative;
|
||||||
|
width: 11.5rem;
|
||||||
|
display: flex;
|
||||||
|
padding-top: 0.2rem;
|
||||||
|
flex-direction: column;
|
||||||
|
font-size: 0.16rem;
|
||||||
|
justify-content: left;
|
||||||
|
background: #f3f5f9;
|
||||||
|
|
||||||
|
.pagination {
|
||||||
|
background: #f3f5f9;
|
||||||
|
padding-bottom: 0.6rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-card-grid) {
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,452 @@
|
||||||
|
<!-- 融合服务详情 -->
|
||||||
|
<template>
|
||||||
|
<div class="IntegrationServicesDetails" :class="{ fixed2: scrollTop >= 600 }">
|
||||||
|
<!-- 头部基本信息 -->
|
||||||
|
<application-top-details :dataList="detailInfoObj" :navList="navList"></application-top-details>
|
||||||
|
|
||||||
|
<!-- 导航 -->
|
||||||
|
<div :class="{ fixed: scrollTop >= 600 }">
|
||||||
|
<div class="application-navigation">
|
||||||
|
<template v-for="nav in navList" :key="nav.key">
|
||||||
|
<div class="nav" :class="{ selectNow: nav.key == selectNow }" @click="selectNav(nav.key)">
|
||||||
|
{{ nav.name }}
|
||||||
|
<span class="line"></span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 组合能力 -->
|
||||||
|
<div id="integration-combination-ability" class="combination-ability scrollBox">
|
||||||
|
<div class="title-1">
|
||||||
|
<DetalsTitle title="组合能力" type="COMBINATION ABILITY"></DetalsTitle>
|
||||||
|
</div>
|
||||||
|
<div class="flex-row-center combine-content">
|
||||||
|
<div class="combine-item" v-for="(item, i) in combineList" :key="i">
|
||||||
|
<div class="title">{{ item.title }}</div>
|
||||||
|
<div class="name-box">
|
||||||
|
<div class="name-text" v-for="(name, j) in item.list" :key="j">
|
||||||
|
{{ name }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 使用方式 -->
|
||||||
|
<div id="integration-use-way" class="use-way scrollBox">
|
||||||
|
<div class="title-1">
|
||||||
|
<DetalsTitle title="使用方式" type="USE WAY"></DetalsTitle>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<div class="content-card flex-row-between left word-bg">
|
||||||
|
<div class="content-card-item left-item">
|
||||||
|
<div class="card-title">文档</div>
|
||||||
|
<!-- <div class="card-text">文档描述文档描述文档描述文档描述</div> -->
|
||||||
|
</div>
|
||||||
|
<div class="content-card-item btn-box">
|
||||||
|
<div class="btn" @click="handleOpenUrl('技术文档')">技术文档</div>
|
||||||
|
<div class="btn" @click="handleOpenUrl('使用手册')">使用手册</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="content-card flex-row-start">
|
||||||
|
<div class="right-item content-card-item" v-for="(use, i) in useWayShowList" :key="i">
|
||||||
|
<div class="card-title title">{{ use.title }}</div>
|
||||||
|
<div class="card-text" v-for="(d, k) in Object.keys(use.info)" :key="k">
|
||||||
|
{{ use.info[d] }}:{{ detailInfoObj[d] || '--' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 常见问题-->
|
||||||
|
<application-common-problem :dataList="detailInfoObj" id="common-problem" class="scrollBox">
|
||||||
|
</application-common-problem>
|
||||||
|
|
||||||
|
<home-footer></home-footer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import ApplicationTopDetails from '@/views/detailsAll/components/Application/ApplicationTopDetails.vue'
|
||||||
|
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
|
||||||
|
import ApplicationCommonProblem from '@/views/detailsAll/components/Application/ApplicationCommonProblem' //常见问题
|
||||||
|
import HomeFooter from '@/views/newHome/components/Footer'
|
||||||
|
import { ref, onMounted, onBeforeUnmount, reactive } from 'vue'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
import { getIntegrationDetail } from '@/api/home'
|
||||||
|
import mybus from '@/myplugins/mybus'
|
||||||
|
|
||||||
|
const router = useRouter()
|
||||||
|
const scrollTop = ref(0)
|
||||||
|
const domArr = ref([])
|
||||||
|
const id = router.currentRoute.value.query.id
|
||||||
|
document.documentElement.style.transition = 'all 0.3s ease'
|
||||||
|
document.documentElement.scrollTop = 0
|
||||||
|
document.body.style.transition = 'all 0.3s ease'
|
||||||
|
document.body.scrollTop = 0
|
||||||
|
mybus.on('flyToView', (id) => {
|
||||||
|
let top = document.querySelector('#' + id) && document.querySelector('#' + id).offsetTop - 50;
|
||||||
|
document.documentElement.scrollTop = top
|
||||||
|
document.body.scrollTop = top
|
||||||
|
})
|
||||||
|
|
||||||
|
const navList = ref([
|
||||||
|
{
|
||||||
|
name: '组合能力',
|
||||||
|
key: 'integration-combination-ability',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '使用方式',
|
||||||
|
key: 'integration-use-way',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '常见问题',
|
||||||
|
key: 'common-problem',
|
||||||
|
},
|
||||||
|
])
|
||||||
|
|
||||||
|
const selectNow = ref('integration-combination-ability')
|
||||||
|
|
||||||
|
const useWayShowList = ref([
|
||||||
|
{
|
||||||
|
title: '归属部门',
|
||||||
|
info: {
|
||||||
|
deptUser: '部门联系人',
|
||||||
|
mobile: '联系人电话',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '服务商',
|
||||||
|
info: {
|
||||||
|
providerUser: '服务商联系人',
|
||||||
|
providerMobile: '联系人电话',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
])
|
||||||
|
|
||||||
|
const combineList = ref([
|
||||||
|
{
|
||||||
|
title: '基础设施',
|
||||||
|
list: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '组件服务',
|
||||||
|
list: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '数据资源',
|
||||||
|
list: []
|
||||||
|
},
|
||||||
|
])
|
||||||
|
const detailInfoObj = ref({})
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
domArr.value = document.querySelectorAll('.scrollBox')
|
||||||
|
scrollTop.value =
|
||||||
|
document.documentElement.scrollTop || document.body.scrollTop
|
||||||
|
for (let i = 0; i < domArr.value.length; i++) {
|
||||||
|
if (i === 0) {
|
||||||
|
if (scrollTop.value <= domArr.value[i + 1].offsetTop - 50) {
|
||||||
|
selectNow.value = domArr.value[i].id
|
||||||
|
}
|
||||||
|
} else if (i == domArr.value.length - 1) {
|
||||||
|
if (scrollTop.value >= domArr.value[i].offsetTop - 50) {
|
||||||
|
selectNow.value = domArr.value[i].id
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (
|
||||||
|
scrollTop.value >= domArr.value[i].offsetTop - 50 &&
|
||||||
|
scrollTop.value <= domArr.value[i + 1].offsetTop - 50
|
||||||
|
) {
|
||||||
|
selectNow.value = domArr.value[i].id
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
const selectNav = (key) => {
|
||||||
|
selectNow.value = key
|
||||||
|
mybus.emit('flyToView', selectNow.value)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 融合服务--详情
|
||||||
|
const getIntegrationServicesDeatil = (id) => {
|
||||||
|
getIntegrationDetail(id).then(res => {
|
||||||
|
if (res.data.code !== 0) {
|
||||||
|
return message.error(res.data.msg)
|
||||||
|
}
|
||||||
|
detailInfoObj.value = res.data.data || {}
|
||||||
|
// 资源属性
|
||||||
|
let fuseAttrList = res.data.data.fuseAttrList || []
|
||||||
|
// 融合关系
|
||||||
|
let fuseResourceList = res.data.data.fuseResourceList || []
|
||||||
|
let questionValue = fuseAttrList.find(v => v.attrType === '常见问题') || {}
|
||||||
|
let questionObj = {
|
||||||
|
attrType: '常见问题',
|
||||||
|
attrValue: JSON.stringify(questionValue.attrValue || [])
|
||||||
|
}
|
||||||
|
let areaObj = {
|
||||||
|
attrType: '应用领域',
|
||||||
|
attrValue: detailInfoObj.value.applicationArea
|
||||||
|
}
|
||||||
|
console.log('areaObj------------>', areaObj);
|
||||||
|
|
||||||
|
combineList.value.map(item => {
|
||||||
|
let arr = (fuseResourceList.filter(v => v.resource && v.resource.type == item.title) || []).map(d => d.resource.name)
|
||||||
|
item.list = arr;
|
||||||
|
return item
|
||||||
|
})
|
||||||
|
detailInfoObj.value.infoList = []
|
||||||
|
detailInfoObj.value.infoList.push(questionObj)
|
||||||
|
detailInfoObj.value.infoList.push(areaObj)
|
||||||
|
}, err => {
|
||||||
|
message.error(err)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
getIntegrationServicesDeatil(id)
|
||||||
|
|
||||||
|
function handleOpenUrl(type) {
|
||||||
|
let obj = (detailInfoObj.value.fuseAttrList || []).find(v => v.attrType == type) || {};
|
||||||
|
let url = obj.attrValue || '';
|
||||||
|
if (!obj.attrValue) {
|
||||||
|
return message.error('错误的文档链接地址！')
|
||||||
|
}
|
||||||
|
window.open(
|
||||||
|
window.SITE_CONFIG.previewUrl +
|
||||||
|
'hisense_office/onlinePreview?url=' +
|
||||||
|
btoa(encodeURI(url))
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
onBeforeUnmount(() => {
|
||||||
|
mybus.off('flyToView')
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.flex-row-between {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-row-start {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-row-center {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.IntegrationServicesDetails {
|
||||||
|
.fixed {
|
||||||
|
position: fixed !important;
|
||||||
|
z-index: 2000;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fixed2>div:nth-of-type(3) {
|
||||||
|
margin-top: 0.84rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.application-navigation {
|
||||||
|
width: 19.12rem;
|
||||||
|
height: 0.84rem;
|
||||||
|
line-height: 0.8rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
font-size: 0.24rem;
|
||||||
|
color: #666;
|
||||||
|
background: #fff;
|
||||||
|
padding: 0 3rem;
|
||||||
|
box-shadow: 0rem 0.05rem 0.1rem #f2f3fb;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.line {
|
||||||
|
width: 0.4rem;
|
||||||
|
height: 0.04rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.selectNow {
|
||||||
|
color: #526aff;
|
||||||
|
|
||||||
|
.line {
|
||||||
|
background: #526aff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.use-way {
|
||||||
|
padding: 0.8rem 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.title-1 {
|
||||||
|
margin-bottom: 0.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.left {
|
||||||
|
.btn {
|
||||||
|
padding: 10px 20px;
|
||||||
|
color: #526aff;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 50px;
|
||||||
|
margin: 10px;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
width: 150px;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-box {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
display: flex;
|
||||||
|
width: 13rem;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.word-bg {
|
||||||
|
background: linear-gradient(90deg, #7184fc, #94a3fc) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-card {
|
||||||
|
height: 1.5rem;
|
||||||
|
width: 6.2rem;
|
||||||
|
border-radius: 0.2rem;
|
||||||
|
background: linear-gradient(to right,
|
||||||
|
rgba(113, 132, 252, 0.4),
|
||||||
|
rgba(148, 163, 252, 0.4));
|
||||||
|
padding: 0 0.3rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.card-title {
|
||||||
|
font-size: 0.26rem;
|
||||||
|
color: #212956;
|
||||||
|
margin-bottom: 0.2rem;
|
||||||
|
line-height: 0.26rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-card-item {
|
||||||
|
width: 50%;
|
||||||
|
|
||||||
|
.card-text {
|
||||||
|
margin-right: 0.2rem;
|
||||||
|
color: rgba(33, 41, 86, 0.8);
|
||||||
|
font-size: 0.2rem;
|
||||||
|
max-width: 2.8rem;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
div:first-child {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.combination-ability {
|
||||||
|
padding: 0.8rem 0;
|
||||||
|
background: rgb(247, 248, 250);
|
||||||
|
|
||||||
|
.title-1 {
|
||||||
|
margin-bottom: 0.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.combine-content {
|
||||||
|
width: 13rem;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.combine-item {
|
||||||
|
margin: 0 0.1rem;
|
||||||
|
width: 4.28rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
border: 1px solid #e4e6f5;
|
||||||
|
border-radius: 0.1rem;
|
||||||
|
padding: 0.1rem 0;
|
||||||
|
cursor: pointer;
|
||||||
|
height: 2.5rem;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border-radius: 0.02rem;
|
||||||
|
border: 0.01rem solid #0058e1;
|
||||||
|
box-shadow: 0rem 0.08rem 0.2rem rgb(0 88 225 / 30%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
color: #212121;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0.2rem 0;
|
||||||
|
font-size: .22rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.name-box {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: flex-start;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-data {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 0.16rem;
|
||||||
|
color: #666;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.name-text {
|
||||||
|
font-size: 0.16rem;
|
||||||
|
color: #212121;
|
||||||
|
line-height: 0.3rem;
|
||||||
|
height: 0.3rem;
|
||||||
|
text-align: center;
|
||||||
|
width: 50%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -52,7 +52,7 @@
|
||||||
v-for="(item, index) in sjList"
|
v-for="(item, index) in sjList"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
:class="index == 4 ? 'name-last' : ''"
|
:class="index == 4 ? 'name-last' : ''"
|
||||||
@click="selectOne(item.id)"
|
@click="selectOne3(item.name)"
|
||||||
>
|
>
|
||||||
{{ index + 1 }}-{{ item.name }}
|
{{ index + 1 }}-{{ item.name }}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -243,6 +243,16 @@
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
const selectOne3 = (name) => {
|
||||||
|
console.log('点击===============》', name)
|
||||||
|
router.push({
|
||||||
|
path: '/DetailsPageconetent',
|
||||||
|
query: {
|
||||||
|
str: name,
|
||||||
|
select: '数据资源',
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.capability-convergence {
|
.capability-convergence {
|
||||||
|
|
|
||||||
|
|
@ -75,7 +75,7 @@
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</div>
|
</div>
|
||||||
<div class="qushi-class-father">
|
<div class="qushi-class-father">
|
||||||
<div class="qushi-class">
|
<!-- <div class="qushi-class">
|
||||||
<a-form-item label="发布部门" class="gaojisousuo">
|
<a-form-item label="发布部门" class="gaojisousuo">
|
||||||
<a-select
|
<a-select
|
||||||
ref="select"
|
ref="select"
|
||||||
|
|
@ -139,7 +139,7 @@
|
||||||
</a-select-option>
|
</a-select-option>
|
||||||
</a-select>
|
</a-select>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</div>
|
</div> -->
|
||||||
<div class="sousuo" @click="onSearch(mohuchaxun)">搜索</div>
|
<div class="sousuo" @click="onSearch(mohuchaxun)">搜索</div>
|
||||||
<div @click="gaojisousuo" class="mohusousuo">
|
<div @click="gaojisousuo" class="mohusousuo">
|
||||||
<div class="mohusousuo-tupian"></div>
|
<div class="mohusousuo-tupian"></div>
|
||||||
|
|
|
||||||
|
|
@ -232,15 +232,12 @@
|
||||||
res.data.data.records.forEach((val) => {
|
res.data.data.records.forEach((val) => {
|
||||||
const obj = {
|
const obj = {
|
||||||
loading: false,
|
loading: false,
|
||||||
name: val.resourceDTO.name,
|
|
||||||
id: val.id,
|
id: val.id,
|
||||||
checked: false,
|
checked: false,
|
||||||
type: val.resourceDTO.type,
|
|
||||||
resourceId: val.resourceId,
|
resourceId: val.resourceId,
|
||||||
createDate: val.createDate,
|
createDate: val.createDate,
|
||||||
updateDate: val.updateDate,
|
updateDate: val.updateDate,
|
||||||
description: val.resourceDTO.description,
|
...getObj(val, val.resourceDTO ? 'resourceDTO' : 'fuseDTO')
|
||||||
delFlag: val.resourceDTO.delFlag,
|
|
||||||
}
|
}
|
||||||
if (checkedList.value.indexOf(val.resourceId) == -1) {
|
if (checkedList.value.indexOf(val.resourceId) == -1) {
|
||||||
checkAll.value = false
|
checkAll.value = false
|
||||||
|
|
@ -251,6 +248,18 @@
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function getObj(val, typeStr) {
|
||||||
|
let typeObj = val[typeStr] || {};
|
||||||
|
console.log('typeObj------------>', typeObj);
|
||||||
|
return {
|
||||||
|
name: typeObj.name,
|
||||||
|
type: typeObj.type,
|
||||||
|
description: typeObj.description,
|
||||||
|
delFlag: typeObj.delFlag,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const onShowSizeChange = (current, pageSize) => {
|
const onShowSizeChange = (current, pageSize) => {
|
||||||
console.log(current, pageSize)
|
console.log(current, pageSize)
|
||||||
// pageNum.value = current
|
// pageNum.value = current
|
||||||
|
|
@ -268,10 +277,8 @@
|
||||||
const onSearch = () => {
|
const onSearch = () => {
|
||||||
console.log('search======================>', name.value)
|
console.log('search======================>', name.value)
|
||||||
}
|
}
|
||||||
|
|
||||||
//申请id
|
//申请id
|
||||||
const dataResourceId = ref([])
|
const dataResourceId = ref([])
|
||||||
|
|
||||||
const arr = ref([])
|
const arr = ref([])
|
||||||
// 点击多选框
|
// 点击多选框
|
||||||
const checkedItem = (item) => {
|
const checkedItem = (item) => {
|
||||||
|
|
@ -348,6 +355,15 @@
|
||||||
id: id,
|
id: id,
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
} else if (delFlag === undefined) {
|
||||||
|
// 融合服务
|
||||||
|
mybus.emit('tabsChange', { flag: item.resourceId })
|
||||||
|
router.push({
|
||||||
|
path: `/integrationServicesDetails`,
|
||||||
|
query: {
|
||||||
|
id: item.resourceId,
|
||||||
|
},
|
||||||
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -52,7 +52,7 @@ module.exports = {
|
||||||
transpileDependencies,
|
transpileDependencies,
|
||||||
devServer: {
|
devServer: {
|
||||||
// host: 'localhost',
|
// host: 'localhost',
|
||||||
// // hot: true,
|
hot: true,
|
||||||
// port: 9999,
|
// port: 9999,
|
||||||
// // open: true,
|
// // open: true,
|
||||||
// // noInfo: false,
|
// // noInfo: false,
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue