合并版本v0.8.1.6
This commit is contained in:
commit
ab21f7de11
|
|
@ -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.wuhongjian
|
* @LastEditors: hisense.liangjunhua
|
||||||
* @LastEditTime: 2022-06-29 19:38:17
|
* @LastEditTime: 2022-07-08 14:13:20
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
|
|
@ -27,6 +27,13 @@
|
||||||
>挂接</el-button
|
>挂接</el-button
|
||||||
>
|
>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
@click="showPutOnTheShelf()"
|
||||||
|
>上架</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button
|
<el-button
|
||||||
v-if="$hasPermission('ability:bsabilityai:delete')"
|
v-if="$hasPermission('ability:bsabilityai:delete')"
|
||||||
|
|
@ -126,6 +133,35 @@
|
||||||
></add-or-update>
|
></add-or-update>
|
||||||
<relate-application v-if="relateApplicationVisible" ref="relateApplication" :nameArray="['未关联应用名称', '已关联应用名称']" :relateInfo="relateInfo" @isShowRelatePopup="handleIsShowRelatePopup"></relate-application>
|
<relate-application v-if="relateApplicationVisible" ref="relateApplication" :nameArray="['未关联应用名称', '已关联应用名称']" :relateInfo="relateInfo" @isShowRelatePopup="handleIsShowRelatePopup"></relate-application>
|
||||||
</div>
|
</div>
|
||||||
|
<el-dialog
|
||||||
|
title="选择组件类型"
|
||||||
|
:visible.sync="showPutOnTheShelfFlag"
|
||||||
|
:close-on-click-modal='false'
|
||||||
|
:close-on-press-escape='false'
|
||||||
|
:before-close='clear'
|
||||||
|
width="30%">
|
||||||
|
<el-radio v-model="radio" label="智能算法">智能算法</el-radio>
|
||||||
|
<el-radio v-model="radio" label="图层服务">图层服务</el-radio>
|
||||||
|
<el-radio v-model="radio" label="开发组件">开发组件</el-radio>
|
||||||
|
<el-radio v-model="radio" label="业务组件">业务组件</el-radio>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="clear">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="showPutOnTheShelfVue">确 定</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
<el-dialog
|
||||||
|
:title="'上架'+radio"
|
||||||
|
:visible.sync="showPutOnTheShelfFlag2"
|
||||||
|
:close-on-click-modal='false'
|
||||||
|
:close-on-press-escape='false'
|
||||||
|
:before-close='clear'
|
||||||
|
width="50%">
|
||||||
|
<putOnTheShelf :putOnTheShelfList='putOnTheShelfList' @changeInfoList='changeInfoList'></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>
|
||||||
|
|
||||||
|
|
@ -135,10 +171,28 @@ import AddOrUpdate from './bsabilityai-add-or-update'
|
||||||
import dictionaries from '@/utils/dictionaries'
|
import dictionaries from '@/utils/dictionaries'
|
||||||
import qs from 'qs'
|
import qs from 'qs'
|
||||||
import RelateApplication from './bsabilityai-relate-application.vue'
|
import RelateApplication from './bsabilityai-relate-application.vue'
|
||||||
|
import putOnTheShelf from '@/views/modules/putOnTheShelf'
|
||||||
export default {
|
export default {
|
||||||
mixins: [mixinViewModule],
|
mixins: [mixinViewModule],
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
insertList: [],
|
||||||
|
putOnTheShelfList: [],
|
||||||
|
radio: '',
|
||||||
|
showPutOnTheShelfFlag: false,
|
||||||
|
showPutOnTheShelfFlag2: false,
|
||||||
|
submitFrom: {
|
||||||
|
type: '组件服务',
|
||||||
|
deptId: '',
|
||||||
|
delFlag: 0,
|
||||||
|
infoList: [
|
||||||
|
{
|
||||||
|
attrType: '组件类型',
|
||||||
|
attrValue: '',
|
||||||
|
delFlag: 0
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
mixinViewModuleOptions: {
|
mixinViewModuleOptions: {
|
||||||
getDataListURL: '/resource/page',
|
getDataListURL: '/resource/page',
|
||||||
getDataListIsPage: true,
|
getDataListIsPage: true,
|
||||||
|
|
@ -170,7 +224,8 @@ export default {
|
||||||
watch: {},
|
watch: {},
|
||||||
components: {
|
components: {
|
||||||
AddOrUpdate,
|
AddOrUpdate,
|
||||||
RelateApplication
|
RelateApplication,
|
||||||
|
putOnTheShelf
|
||||||
},
|
},
|
||||||
created () {
|
created () {
|
||||||
this.dataForm.name = ''
|
this.dataForm.name = ''
|
||||||
|
|
@ -181,6 +236,10 @@ 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(
|
||||||
|
|
@ -343,6 +402,40 @@ export default {
|
||||||
// 是否展示关联应用弹窗
|
// 是否展示关联应用弹窗
|
||||||
handleIsShowRelatePopup (type) {
|
handleIsShowRelatePopup (type) {
|
||||||
this.relateApplicationVisible = type
|
this.relateApplicationVisible = type
|
||||||
|
},
|
||||||
|
// 新挂载
|
||||||
|
clear () {
|
||||||
|
this.showPutOnTheShelfFlag = false
|
||||||
|
this.showPutOnTheShelfFlag2 = false
|
||||||
|
this.radio = ''
|
||||||
|
this.submitFrom = {
|
||||||
|
type: '组件服务',
|
||||||
|
deptId: '',
|
||||||
|
delFlag: 0,
|
||||||
|
infoList: [
|
||||||
|
{
|
||||||
|
attrType: '组件类型',
|
||||||
|
attrValue: '',
|
||||||
|
delFlag: 0
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
showPutOnTheShelf () {
|
||||||
|
this.showPutOnTheShelfFlag = true
|
||||||
|
this.$http.get('/category/getCategoryTree').then(res => {
|
||||||
|
this.insertList = res.data.data.filter(item => item.name === '组件服务一')[0]
|
||||||
|
})
|
||||||
|
},
|
||||||
|
showPutOnTheShelfVue () {
|
||||||
|
this.showPutOnTheShelfFlag = false
|
||||||
|
this.showPutOnTheShelfFlag2 = true
|
||||||
|
this.submitFrom.infoList[0].attrValue = this.radio
|
||||||
|
this.putOnTheShelfList = this.insertList.children.filter(item => item.name === this.radio)[0].children
|
||||||
|
console.log('radio', this.radio)
|
||||||
|
},
|
||||||
|
submitData () {
|
||||||
|
console.log('表单数据=================>', this.submitFrom, this.putOnTheShelfList)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -351,7 +444,7 @@ export default {
|
||||||
.el-tooltip__popper {
|
.el-tooltip__popper {
|
||||||
max-width: 50%;
|
max-width: 50%;
|
||||||
}
|
}
|
||||||
::v-deep .el-table .cell{
|
::v-deep .el-table .cell {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -6,130 +6,206 @@
|
||||||
* @Description: 编目弹窗
|
* @Description: 编目弹窗
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div class="management-pop">
|
<div class="management-pop">
|
||||||
<div class="top">
|
<div class="top">
|
||||||
<a-button series="primary" @click="showAdd()">
|
<a-button series="primary" @click="showAdd()"> 新增 </a-button>
|
||||||
新增
|
<a-popconfirm
|
||||||
</a-button>
|
title="是否删除选中字段?"
|
||||||
|
okText="是"
|
||||||
|
cancelText="否"
|
||||||
|
@confirm="confirmDel"
|
||||||
|
@cancel="cancelDel"
|
||||||
|
>
|
||||||
|
<!-- <a-button series="primary">批量删除</a-button> -->
|
||||||
|
</a-popconfirm>
|
||||||
|
</div>
|
||||||
|
<a-table
|
||||||
|
:columns="columns"
|
||||||
|
:data-source="data"
|
||||||
|
:expanded-row-keys.sync="expandedRowKeys"
|
||||||
|
:pagination="false"
|
||||||
|
ref="aTable"
|
||||||
|
:key="showKey"
|
||||||
|
:scroll="{ x: 1200, y: 500 }"
|
||||||
|
>
|
||||||
|
<template
|
||||||
|
v-for="col in [
|
||||||
|
'name',
|
||||||
|
'isAttr',
|
||||||
|
'isLinkToDic',
|
||||||
|
'linkValue',
|
||||||
|
'isFilterCriteria',
|
||||||
|
'type',
|
||||||
|
'xh',
|
||||||
|
'operation'
|
||||||
|
]"
|
||||||
|
:slot="col"
|
||||||
|
slot-scope="text, record, index"
|
||||||
|
class="text"
|
||||||
|
>
|
||||||
|
<div :key="col" style="display: inline-block" v-if="col === 'name'">
|
||||||
|
<a-input
|
||||||
|
v-if="record.editable"
|
||||||
|
style="margin: -5px 0"
|
||||||
|
:value="text"
|
||||||
|
@change="(e) => handleChange(e.target.value, record.key, col)"
|
||||||
|
/>
|
||||||
|
<template v-else>
|
||||||
|
{{ text }}
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:key="col"
|
||||||
|
style="display: inline-block"
|
||||||
|
v-else-if="col === 'isAttr'"
|
||||||
|
>
|
||||||
|
<a-switch
|
||||||
|
v-if="record.editable && !record.children"
|
||||||
|
default-checked
|
||||||
|
@change="isAttrOnChange"
|
||||||
|
:checked="text"
|
||||||
|
/>
|
||||||
|
<template v-else>
|
||||||
|
<a-switch default-checked :disabled="disabled" :checked="text" />
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:key="col"
|
||||||
|
style="display: inline-block"
|
||||||
|
v-else-if="col === 'isLinkToDic'"
|
||||||
|
>
|
||||||
|
<a-switch
|
||||||
|
v-if="record.editable && record.isAttr"
|
||||||
|
default-checked
|
||||||
|
@change="isLinkToDicOnChange"
|
||||||
|
:checked="text"
|
||||||
|
/>
|
||||||
|
<template v-else>
|
||||||
|
<a-switch default-checked :disabled="disabled" :checked="text" />
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:key="col"
|
||||||
|
style="display: inline-block"
|
||||||
|
v-else-if="col === 'linkValue'"
|
||||||
|
>
|
||||||
|
<a-select
|
||||||
|
:defaultValue="text"
|
||||||
|
style="width: 150px"
|
||||||
|
@change="linkValueHandleChange"
|
||||||
|
:disabled="
|
||||||
|
record.editable && record.isLinkToDic ? !disabled : disabled
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<a-select-option :value="val.id" v-for="val in zdList" :key="val">
|
||||||
|
{{ val.dictName }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:key="col"
|
||||||
|
style="display: inline-block"
|
||||||
|
v-else-if="col === 'isFilterCriteria'"
|
||||||
|
>
|
||||||
|
<a-switch
|
||||||
|
v-if="record.editable && record.linkValue"
|
||||||
|
default-checked
|
||||||
|
@change="isFilterCriteriaOnChange"
|
||||||
|
:checked="text"
|
||||||
|
/>
|
||||||
|
<template v-else>
|
||||||
|
<a-switch default-checked :disabled="disabled" :checked="text" />
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:key="col"
|
||||||
|
style="display: inline-block"
|
||||||
|
v-else-if="col === 'type'"
|
||||||
|
>
|
||||||
|
<a-select
|
||||||
|
:defaultValue="text"
|
||||||
|
style="width: 150px"
|
||||||
|
@change="typeHandleChange"
|
||||||
|
:disabled="
|
||||||
|
record.editable && !record.children ? !disabled : disabled
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<a-select-option
|
||||||
|
:value="val.dictValue"
|
||||||
|
v-for="val in fieldTypeList"
|
||||||
|
:key="val"
|
||||||
|
>
|
||||||
|
{{ val.dictLabel }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</div>
|
||||||
|
<div :key="col" style="display: inline-block" v-else-if="col === 'xh'">
|
||||||
|
<a-input
|
||||||
|
v-if="record.editable"
|
||||||
|
style="margin: -5px 0"
|
||||||
|
:value="text"
|
||||||
|
@change="(e) => handleChange(e.target.value, record.key, col)"
|
||||||
|
/>
|
||||||
|
<template v-else>
|
||||||
|
{{ text }}
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:key="col"
|
||||||
|
class="editable-row-operations"
|
||||||
|
v-else-if="col === 'operation'"
|
||||||
|
>
|
||||||
|
<span v-if="record.editable">
|
||||||
|
<a @click="() => save(record.key)">保存</a>
|
||||||
<a-popconfirm
|
<a-popconfirm
|
||||||
title="是否删除选中字段?"
|
title="是否取消修改?"
|
||||||
|
@confirm="() => cancel(record.key)"
|
||||||
okText="是"
|
okText="是"
|
||||||
cancelText="否"
|
cancelText="否"
|
||||||
@confirm="confirmDel"
|
>
|
||||||
|
<a>取消</a>
|
||||||
|
</a-popconfirm>
|
||||||
|
</span>
|
||||||
|
<span v-else>
|
||||||
|
<a
|
||||||
|
:disabled="editingKey !== ''"
|
||||||
|
@click="() => add(record.id, record.children)"
|
||||||
|
v-if="!record.isAttr && record.cengji <= 3"
|
||||||
|
>新增</a
|
||||||
|
>
|
||||||
|
<a :disabled="editingKey !== ''" @click="() => edit(record.key)"
|
||||||
|
>修改</a
|
||||||
|
>
|
||||||
|
<a-popconfirm
|
||||||
|
title="是否确定删除?"
|
||||||
|
okText="是"
|
||||||
|
cancelText="否"
|
||||||
|
@confirm="del(record)"
|
||||||
@cancel="cancelDel"
|
@cancel="cancelDel"
|
||||||
>
|
>
|
||||||
<!-- <a-button series="primary">批量删除</a-button> -->
|
<a :disabled="editingKey !== ''">删除</a>
|
||||||
</a-popconfirm>
|
</a-popconfirm>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<a-table
|
</template>
|
||||||
:columns="columns"
|
</a-table>
|
||||||
:data-source="data"
|
<a-modal
|
||||||
:expanded-row-keys.sync="expandedRowKeys"
|
:visible="visible"
|
||||||
:pagination='false'
|
style="margin-top: 200px"
|
||||||
ref="aTable"
|
title="新增编目"
|
||||||
:key="showKey"
|
okText="新增"
|
||||||
:scroll="{ x: 1200, y: 500 }"
|
cancelText="取消"
|
||||||
>
|
@ok="handleOk"
|
||||||
<template
|
@cancel="handleCancel"
|
||||||
v-for="col in ['name', 'isAttr', 'isLinkToDic', 'linkValue', 'isFilterCriteria', 'type', 'xh', 'operation']"
|
>
|
||||||
:slot="col"
|
字段名：
|
||||||
slot-scope="text, record, index"
|
<a-input
|
||||||
class="text"
|
style="width: 80%"
|
||||||
>
|
placeholder="请输入字段名"
|
||||||
<div :key="col" style="display: inline-block;" v-if="col==='name'">
|
v-model="nameTxt"
|
||||||
<a-input
|
/>
|
||||||
v-if="record.editable"
|
</a-modal>
|
||||||
style="margin: -5px 0"
|
</div>
|
||||||
:value="text"
|
|
||||||
@change="e => handleChange(e.target.value, record.key, col)"
|
|
||||||
/>
|
|
||||||
<template v-else>
|
|
||||||
{{ text }}
|
|
||||||
</template>
|
|
||||||
</div>
|
|
||||||
<div :key="col" style="display: inline-block;" v-else-if="col==='isAttr'">
|
|
||||||
<a-switch v-if="record.editable && !record.children" default-checked @change="isAttrOnChange" :checked="text" />
|
|
||||||
<template v-else>
|
|
||||||
<a-switch default-checked :disabled='disabled' :checked="text" />
|
|
||||||
</template>
|
|
||||||
</div>
|
|
||||||
<div :key="col" style="display: inline-block;" v-else-if="col==='isLinkToDic'">
|
|
||||||
<a-switch v-if="record.editable && record.isAttr" default-checked @change="isLinkToDicOnChange" :checked="text" />
|
|
||||||
<template v-else>
|
|
||||||
<a-switch default-checked :disabled='disabled' :checked="text" />
|
|
||||||
</template>
|
|
||||||
</div>
|
|
||||||
<div :key="col" style="display: inline-block;" v-else-if="col==='linkValue'">
|
|
||||||
<a-select :defaultValue="text" style="width: 150px" @change="linkValueHandleChange" :disabled='(record.editable && record.isLinkToDic)?!disabled:disabled'>
|
|
||||||
<a-select-option :value="val.id" v-for="val in zdList" :key="val">
|
|
||||||
{{val.dictName}}
|
|
||||||
</a-select-option>
|
|
||||||
</a-select>
|
|
||||||
</div>
|
|
||||||
<div :key="col" style="display: inline-block;" v-else-if="col==='isFilterCriteria'">
|
|
||||||
<a-switch v-if="record.editable && record.linkValue" default-checked @change="isFilterCriteriaOnChange" :checked="text" />
|
|
||||||
<template v-else>
|
|
||||||
<a-switch default-checked :disabled='disabled' :checked="text" />
|
|
||||||
</template>
|
|
||||||
</div>
|
|
||||||
<div :key="col" style="display: inline-block;" v-else-if="col==='type'">
|
|
||||||
<a-select :defaultValue="text" style="width: 150px" @change="typeHandleChange" :disabled='(record.editable && !record.children)?!disabled:disabled'>
|
|
||||||
<a-select-option :value="val.dictValue" v-for="val in fieldTypeList" :key="val">
|
|
||||||
{{val.dictLabel}}
|
|
||||||
</a-select-option>
|
|
||||||
</a-select>
|
|
||||||
</div>
|
|
||||||
<div :key="col" style="display: inline-block;" v-else-if="col==='xh'">
|
|
||||||
<a-input
|
|
||||||
v-if="record.editable"
|
|
||||||
style="margin: -5px 0"
|
|
||||||
:value="text"
|
|
||||||
@change="e => handleChange(e.target.value, record.key, col)"
|
|
||||||
/>
|
|
||||||
<template v-else>
|
|
||||||
{{ text }}
|
|
||||||
</template>
|
|
||||||
</div>
|
|
||||||
<div :key="col" class="editable-row-operations" v-else-if="col==='operation'">
|
|
||||||
<span v-if="record.editable">
|
|
||||||
<a @click="() => save(record.key)">保存</a>
|
|
||||||
<a-popconfirm title="是否取消修改?" @confirm="() => cancel(record.key)" okText='是' cancelText='否'>
|
|
||||||
<a>取消</a>
|
|
||||||
</a-popconfirm>
|
|
||||||
</span>
|
|
||||||
<span v-else>
|
|
||||||
<a :disabled="editingKey !== ''" @click="() => add(record.id,record.children)" v-if="!record.isAttr&&record.cengji<=3">新增</a>
|
|
||||||
<a :disabled="editingKey !== ''" @click="() => edit(record.key)">修改</a>
|
|
||||||
<a-popconfirm
|
|
||||||
title="是否确定删除?"
|
|
||||||
okText="是"
|
|
||||||
cancelText="否"
|
|
||||||
@confirm="del(record)"
|
|
||||||
@cancel="cancelDel"
|
|
||||||
>
|
|
||||||
<a :disabled="editingKey !== ''">删除</a>
|
|
||||||
</a-popconfirm>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</a-table>
|
|
||||||
<a-modal
|
|
||||||
:visible="visible"
|
|
||||||
style="margin-top: 200px"
|
|
||||||
title="新增编目"
|
|
||||||
okText="新增"
|
|
||||||
cancelText="取消"
|
|
||||||
@ok="handleOk"
|
|
||||||
@cancel="handleCancel"
|
|
||||||
>
|
|
||||||
字段名：
|
|
||||||
<a-input
|
|
||||||
style="width: 80%"
|
|
||||||
placeholder="请输入字段名"
|
|
||||||
v-model="nameTxt"
|
|
||||||
/>
|
|
||||||
</a-modal>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
|
|
@ -184,9 +260,7 @@ const columns = [
|
||||||
]
|
]
|
||||||
const data = []
|
const data = []
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {},
|
||||||
|
|
||||||
},
|
|
||||||
props: {
|
props: {
|
||||||
showItem: {
|
showItem: {
|
||||||
type: Object,
|
type: Object,
|
||||||
|
|
@ -198,7 +272,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
this.cacheData = data.map(item => ({ ...item }))
|
this.cacheData = data.map((item) => ({ ...item }))
|
||||||
return {
|
return {
|
||||||
time: true,
|
time: true,
|
||||||
showKey: 0,
|
showKey: 0,
|
||||||
|
|
@ -217,19 +291,27 @@ export default {
|
||||||
editingKey: '',
|
editingKey: '',
|
||||||
rowSelection: {
|
rowSelection: {
|
||||||
onChange: (selectedRowKeys, selectedRows) => {
|
onChange: (selectedRowKeys, selectedRows) => {
|
||||||
console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)
|
console.log(
|
||||||
|
`selectedRowKeys: ${selectedRowKeys}`,
|
||||||
|
'selectedRows: ',
|
||||||
|
selectedRows
|
||||||
|
)
|
||||||
this.delList = []
|
this.delList = []
|
||||||
if (selectedRows) {
|
if (selectedRows) {
|
||||||
selectedRows.forEach((val) => {
|
selectedRows.forEach((val) => {
|
||||||
this.delList.push(val.key)
|
this.delList.push(val.key)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
console.log('delList================>', this.expandedRowKeys, this.delList)
|
console.log(
|
||||||
|
'delList================>',
|
||||||
|
this.expandedRowKeys,
|
||||||
|
this.delList
|
||||||
|
)
|
||||||
},
|
},
|
||||||
onSelect: (record, selected, selectedRows) => {
|
onSelect: (record, selected, selectedRows) => {
|
||||||
console.log(record, selected, selectedRows)
|
console.log(record, selected, selectedRows)
|
||||||
if (record.children) {
|
if (record.children) {
|
||||||
record.children.forEach(item => {
|
record.children.forEach((item) => {
|
||||||
this.delList.push(item.key)
|
this.delList.push(item.key)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -258,81 +340,16 @@ export default {
|
||||||
},
|
},
|
||||||
// 查询所有编目
|
// 查询所有编目
|
||||||
getCategoryTree () {
|
getCategoryTree () {
|
||||||
this.$http.get('/category/getCategoryTree').then(res => {
|
this.$http.get('/category/getCategoryTree').then((res) => {
|
||||||
console.log(res.data.data, this.index)
|
res.data.data.map((item, indexFather) => {
|
||||||
|
if (item.id === this.showItem.id) {
|
||||||
|
this.index = indexFather
|
||||||
|
}
|
||||||
|
})
|
||||||
this.data = []
|
this.data = []
|
||||||
if (res.data.data[this.index].children) {
|
if (res.data.data[this.index].children) {
|
||||||
res.data.data[this.index].children.forEach(val => {
|
res.data.data[this.index].children.forEach((val) => {
|
||||||
this.initData(val, this.cengji)
|
this.initData(val, this.cengji)
|
||||||
// if (val.children) {
|
|
||||||
// if (val.children.length === 0) {
|
|
||||||
// delete val.children
|
|
||||||
// } else {
|
|
||||||
// val.children.forEach(item => {
|
|
||||||
// item.key = item.id
|
|
||||||
// item.cengji = '2'
|
|
||||||
// console.log(item)
|
|
||||||
// if (item.children && item.children.length === 0) {
|
|
||||||
// delete item.children
|
|
||||||
// } else if (item.children) {
|
|
||||||
// item.children.forEach(child => {
|
|
||||||
// child.key = child.id
|
|
||||||
// child.cengji = '3'
|
|
||||||
// if (child.children && child.children.length === 0) {
|
|
||||||
// delete child.children
|
|
||||||
// }
|
|
||||||
// if (child.isAttr === 'true') {
|
|
||||||
// child.isAttr = true
|
|
||||||
// } else if (child.isAttr === 'false') {
|
|
||||||
// child.isAttr = false
|
|
||||||
// }
|
|
||||||
// if (child.isFilterCriteria === 'true') {
|
|
||||||
// child.isFilterCriteria = true
|
|
||||||
// } else if (child.isFilterCriteria === 'false') {
|
|
||||||
// child.isFilterCriteria = false
|
|
||||||
// }
|
|
||||||
// if (child.isLinkToDic === 'true') {
|
|
||||||
// child.isLinkToDic = true
|
|
||||||
// } else if (child.isLinkToDic === 'false') {
|
|
||||||
// child.isLinkToDic = false
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
// if (item.isAttr === 'true') {
|
|
||||||
// item.isAttr = true
|
|
||||||
// } else if (item.isAttr === 'false') {
|
|
||||||
// item.isAttr = false
|
|
||||||
// }
|
|
||||||
// if (item.isFilterCriteria === 'true') {
|
|
||||||
// item.isFilterCriteria = true
|
|
||||||
// } else if (item.isFilterCriteria === 'false') {
|
|
||||||
// item.isFilterCriteria = false
|
|
||||||
// }
|
|
||||||
// if (item.isLinkToDic === 'true') {
|
|
||||||
// item.isLinkToDic = true
|
|
||||||
// } else if (item.isLinkToDic === 'false') {
|
|
||||||
// item.isLinkToDic = false
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// val.key = val.id
|
|
||||||
// val.cengji = '1'
|
|
||||||
// if (val.isAttr === 'true') {
|
|
||||||
// val.isAttr = true
|
|
||||||
// } else if (val.isAttr === 'false') {
|
|
||||||
// val.isAttr = false
|
|
||||||
// }
|
|
||||||
// if (val.isFilterCriteria === 'true') {
|
|
||||||
// val.isFilterCriteria = true
|
|
||||||
// } else if (val.isFilterCriteria === 'false') {
|
|
||||||
// val.isFilterCriteria = false
|
|
||||||
// }
|
|
||||||
// if (val.isLinkToDic === 'true') {
|
|
||||||
// val.isLinkToDic = true
|
|
||||||
// } else if (val.isLinkToDic === 'false') {
|
|
||||||
// val.isLinkToDic = false
|
|
||||||
// }
|
|
||||||
})
|
})
|
||||||
this.data = res.data.data[this.index].children
|
this.data = res.data.data[this.index].children
|
||||||
console.log('data======================>', this.data)
|
console.log('data======================>', this.data)
|
||||||
|
|
@ -365,7 +382,7 @@ export default {
|
||||||
delete data.children
|
delete data.children
|
||||||
} else {
|
} else {
|
||||||
cengji++
|
cengji++
|
||||||
data.children.forEach(item => {
|
data.children.forEach((item) => {
|
||||||
this.initData(item, cengji)
|
this.initData(item, cengji)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -373,17 +390,21 @@ export default {
|
||||||
},
|
},
|
||||||
// 查询所有字典
|
// 查询所有字典
|
||||||
selectZd () {
|
selectZd () {
|
||||||
this.$http.get('/sys/dict/type/page?limit=10000&page=1').then(res => {
|
this.$http.get('/sys/dict/type/page?limit=10000&page=1').then((res) => {
|
||||||
this.zdList = res.data.data.list
|
this.zdList = res.data.data.list
|
||||||
console.log(this.zdList)
|
console.log(this.zdList)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 查询表单类型字典
|
// 查询表单类型字典
|
||||||
selectFieldType () {
|
selectFieldType () {
|
||||||
this.$http.get('/sys/dict/data/page?limit=10000&page=1&dictTypeId=1531163741457014785').then(res => {
|
this.$http
|
||||||
this.fieldTypeList = res.data.data.list
|
.get(
|
||||||
console.log(this.fieldTypeList)
|
'/sys/dict/data/page?limit=10000&page=1&dictTypeId=1531163741457014785'
|
||||||
})
|
)
|
||||||
|
.then((res) => {
|
||||||
|
this.fieldTypeList = res.data.data.list
|
||||||
|
console.log(this.fieldTypeList)
|
||||||
|
})
|
||||||
},
|
},
|
||||||
// 新增弹窗显示
|
// 新增弹窗显示
|
||||||
showAdd () {
|
showAdd () {
|
||||||
|
|
@ -408,39 +429,42 @@ export default {
|
||||||
// 新增编目
|
// 新增编目
|
||||||
handleOk () {
|
handleOk () {
|
||||||
if (this.nameTxt) {
|
if (this.nameTxt) {
|
||||||
this.$http.post('/category/insert', {
|
this.$http
|
||||||
isAttr: true,
|
.post('/category/insert', {
|
||||||
isFilterCriteria: false,
|
isAttr: true,
|
||||||
isLinkToDic: false,
|
isFilterCriteria: false,
|
||||||
linkValue: '',
|
isLinkToDic: false,
|
||||||
name: this.nameTxt,
|
linkValue: '',
|
||||||
pid: this.pid,
|
name: this.nameTxt,
|
||||||
rootCategory: this.rootCategory,
|
pid: this.pid,
|
||||||
type: 'input',
|
rootCategory: this.rootCategory,
|
||||||
xh: this.px || this.data.length + 1
|
type: 'input',
|
||||||
}).then(res => {
|
xh: this.px || this.data.length + 1
|
||||||
console.log(res)
|
})
|
||||||
this.visible = false
|
.then((res) => {
|
||||||
this.nameTxt = ''
|
console.log(res)
|
||||||
this.pid = this.showItem.id
|
this.visible = false
|
||||||
this.init()
|
this.nameTxt = ''
|
||||||
})
|
this.pid = this.showItem.id
|
||||||
|
this.init()
|
||||||
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 批量删除
|
// 批量删除
|
||||||
confirmDel () {
|
confirmDel () {
|
||||||
this.$http.post('/category/deleteById', { ids: this.delList }).then(res => {
|
this.$http
|
||||||
console.log(res)
|
.post('/category/deleteById', { ids: this.delList })
|
||||||
this.init()
|
.then((res) => {
|
||||||
})
|
console.log(res)
|
||||||
|
this.init()
|
||||||
|
})
|
||||||
},
|
},
|
||||||
// 取消修改
|
// 取消修改
|
||||||
cancelDel () {
|
cancelDel () {},
|
||||||
},
|
|
||||||
handleChange (value, key, column) {
|
handleChange (value, key, column) {
|
||||||
const newData = [...this.data]
|
const newData = [...this.data]
|
||||||
this.editData = {}
|
this.editData = {}
|
||||||
newData.forEach(val => {
|
newData.forEach((val) => {
|
||||||
this.handleChangeFor(val, key)
|
this.handleChangeFor(val, key)
|
||||||
})
|
})
|
||||||
if (this.editData) {
|
if (this.editData) {
|
||||||
|
|
@ -454,7 +478,7 @@ export default {
|
||||||
this.editData = val
|
this.editData = val
|
||||||
} else {
|
} else {
|
||||||
if (val.children) {
|
if (val.children) {
|
||||||
val.children.forEach(item => {
|
val.children.forEach((item) => {
|
||||||
this.handleChangeFor(item, key)
|
this.handleChangeFor(item, key)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -495,7 +519,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
editFor (data, key) {
|
editFor (data, key) {
|
||||||
data.forEach(val => {
|
data.forEach((val) => {
|
||||||
if (val.key === key) {
|
if (val.key === key) {
|
||||||
this.editData = val
|
this.editData = val
|
||||||
} else {
|
} else {
|
||||||
|
|
@ -515,7 +539,7 @@ export default {
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
this.flag = false
|
this.flag = false
|
||||||
this.$http.post('/category/update', this.editData).then(res => {
|
this.$http.post('/category/update', this.editData).then((res) => {
|
||||||
console.log(res)
|
console.log(res)
|
||||||
this.editingKey = ''
|
this.editingKey = ''
|
||||||
this.init()
|
this.init()
|
||||||
|
|
@ -586,12 +610,12 @@ export default {
|
||||||
// }
|
// }
|
||||||
// })
|
// })
|
||||||
}
|
}
|
||||||
this.$http.post('/category/deleteById', { ids: arr }).then(res => {
|
this.$http.post('/category/deleteById', { ids: arr }).then((res) => {
|
||||||
this.init()
|
this.init()
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
delFor (data, arr) {
|
delFor (data, arr) {
|
||||||
data.forEach(val => {
|
data.forEach((val) => {
|
||||||
arr.push(val.id)
|
arr.push(val.id)
|
||||||
if (val.children) {
|
if (val.children) {
|
||||||
this.delFor(val.children, arr)
|
this.delFor(val.children, arr)
|
||||||
|
|
@ -601,7 +625,7 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang='scss' scoped>
|
<style lang="scss" scoped>
|
||||||
.top {
|
.top {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,9 @@
|
||||||
<div
|
<div
|
||||||
class="resource-detail-wrap"
|
class="resource-detail-wrap"
|
||||||
:style="{
|
:style="{
|
||||||
backgroundImage: `url(${topicCardBgImg(slotProps.item.positionNum)})`,
|
backgroundImage: `url(${topicCardBgImg(
|
||||||
|
slotProps.item.positionNum
|
||||||
|
)})`
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<!-- 企业标题 -->
|
<!-- 企业标题 -->
|
||||||
|
|
@ -36,11 +38,17 @@
|
||||||
<input
|
<input
|
||||||
v-model="slotProps.item.name"
|
v-model="slotProps.item.name"
|
||||||
class="edit-enterprise-input"
|
class="edit-enterprise-input"
|
||||||
>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<!-- 专题资源列表 -->
|
<!-- 专题资源列表 -->
|
||||||
<div class="resource-detail-resource">
|
<div class="resource-detail-resource">
|
||||||
<div class="num" v-for="item2 in slotProps.item.children" :key="item2.id">{{ item2.name }}</div>
|
<div
|
||||||
|
class="num"
|
||||||
|
v-for="item2 in slotProps.item.children"
|
||||||
|
:key="item2.id"
|
||||||
|
>
|
||||||
|
{{ item2.name }}
|
||||||
|
</div>
|
||||||
<!-- <span class="unit">个</span> -->
|
<!-- <span class="unit">个</span> -->
|
||||||
</div>
|
</div>
|
||||||
<!-- 删除资源按钮 -->
|
<!-- 删除资源按钮 -->
|
||||||
|
|
@ -48,7 +56,9 @@
|
||||||
<i
|
<i
|
||||||
v-if="isRemoveCard"
|
v-if="isRemoveCard"
|
||||||
class="resource-detail-remove"
|
class="resource-detail-remove"
|
||||||
@click.stop="removeEnterpriseCard(slotProps.item,slotProps.index)"
|
@click.stop="
|
||||||
|
removeEnterpriseCard(slotProps.item, slotProps.index)
|
||||||
|
"
|
||||||
/>
|
/>
|
||||||
</transition>
|
</transition>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -61,7 +71,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span @click.stop="editTopicCard">{{
|
<span @click.stop="editTopicCard">{{
|
||||||
isRemoveCard ? "完成" : "编辑"
|
isRemoveCard ? '完成' : '编辑'
|
||||||
}}</span>
|
}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -75,7 +85,7 @@
|
||||||
:style="{
|
:style="{
|
||||||
top: cardAddTop,
|
top: cardAddTop,
|
||||||
left: cardAddLeft,
|
left: cardAddLeft,
|
||||||
backgroundImage: `url(${addCardBgImg})`,
|
backgroundImage: `url(${addCardBgImg})`
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<div v-if="!isAddCard">
|
<div v-if="!isAddCard">
|
||||||
|
|
@ -88,7 +98,7 @@
|
||||||
v-model="addEnterpriseName"
|
v-model="addEnterpriseName"
|
||||||
class="add-enterprise-input"
|
class="add-enterprise-input"
|
||||||
placeholder="请输入目录名称"
|
placeholder="请输入目录名称"
|
||||||
>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="add-enterprise-button-wrap">
|
<div class="add-enterprise-button-wrap">
|
||||||
<el-button
|
<el-button
|
||||||
|
|
@ -109,24 +119,26 @@
|
||||||
</div>
|
</div>
|
||||||
</transition>
|
</transition>
|
||||||
<!-- 卡片覆盖层-->
|
<!-- 卡片覆盖层-->
|
||||||
<div class="enterprise-card-cover" :style="{ zIndex: topicCoverZIndex||1000 }">
|
<div
|
||||||
|
class="enterprise-card-cover"
|
||||||
|
:style="{ zIndex: topicCoverZIndex || 1000 }"
|
||||||
|
>
|
||||||
<div
|
<div
|
||||||
v-for="(item, index) in topicList"
|
v-for="(item, index) in topicList"
|
||||||
:key="index"
|
:key="index"
|
||||||
@click="test(item,index)"
|
@click="test(item, index)"
|
||||||
>
|
></div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<a-modal
|
<a-modal
|
||||||
:visible="show"
|
:visible="show"
|
||||||
title="编目配置"
|
title="编目配置"
|
||||||
@ok.stop="handleOk"
|
@ok.stop="handleOk"
|
||||||
@cancel.stop="handleCancel"
|
@cancel.stop="handleCancel"
|
||||||
:footer='null'
|
:footer="null"
|
||||||
:key="showKey"
|
:key="showKey"
|
||||||
width="1200px"
|
width="1200px"
|
||||||
>
|
>
|
||||||
<ManagementPop :showItem="showItem" :index='index'></ManagementPop>
|
<ManagementPop :showItem="showItem" :index="index"></ManagementPop>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -147,7 +159,8 @@ export default {
|
||||||
ManagementPop
|
ManagementPop
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
enterpriseTypeOption: { // 企业类型字典值
|
enterpriseTypeOption: {
|
||||||
|
// 企业类型字典值
|
||||||
type: Array,
|
type: Array,
|
||||||
default: () => {
|
default: () => {
|
||||||
return []
|
return []
|
||||||
|
|
@ -161,6 +174,7 @@ export default {
|
||||||
index: -1,
|
index: -1,
|
||||||
pid: '',
|
pid: '',
|
||||||
showKey: 0,
|
showKey: 0,
|
||||||
|
showItem: {},
|
||||||
oldId: -1,
|
oldId: -1,
|
||||||
isShowEdit: true,
|
isShowEdit: true,
|
||||||
oldIdList: [],
|
oldIdList: [],
|
||||||
|
|
@ -169,8 +183,7 @@ export default {
|
||||||
cardInsideWidth: 360, // 卡片的宽度
|
cardInsideWidth: 360, // 卡片的宽度
|
||||||
cardOutsideHeight: 198, // 卡片组件的高度
|
cardOutsideHeight: 198, // 卡片组件的高度
|
||||||
cardInsideHeight: 176, // 卡片的高度
|
cardInsideHeight: 176, // 卡片的高度
|
||||||
topicList: [
|
topicList: [],
|
||||||
],
|
|
||||||
newGroupName: {
|
newGroupName: {
|
||||||
// 修改后的企业新名称
|
// 修改后的企业新名称
|
||||||
cur: []
|
cur: []
|
||||||
|
|
@ -271,44 +284,47 @@ export default {
|
||||||
},
|
},
|
||||||
// 初始化卡片列表
|
// 初始化卡片列表
|
||||||
async initTopicCardList () {
|
async initTopicCardList () {
|
||||||
this.$http.get('/category/getCategoryTree').then(({ data: res }) => {
|
this.$http
|
||||||
// 首先对后端返回的数据进行排序，这是为了方便进行卡片排序
|
.get('/category/getCategoryTree')
|
||||||
this.oldIdList = res.data
|
.then(({ data: res }) => {
|
||||||
res.data.sort((a, b) => a.sortIndex - b.sortIndex)
|
// 首先对后端返回的数据进行排序，这是为了方便进行卡片排序
|
||||||
this.topicList = res.data
|
this.oldIdList = res.data
|
||||||
res.data.map((resource, index) => {
|
res.data.sort((a, b) => a.sortIndex - b.sortIndex)
|
||||||
this.topicList[index].id = `card_${this.topicList[index].id}`
|
this.topicList = res.data
|
||||||
const indexson = index
|
res.data.map((resource, index) => {
|
||||||
this.$set(this.topicList[index], 'positionNum', indexson + 1)
|
this.topicList[index].id = `card_${this.topicList[index].id}`
|
||||||
})
|
const indexson = index
|
||||||
console.log('this.topicList', res.data)
|
this.$set(this.topicList[index], 'positionNum', indexson + 1)
|
||||||
if (this.selectIndex !== -1) {
|
})
|
||||||
console.log('showItem=============>', res.data[this.selectIndex])
|
console.log('this.topicList', res.data)
|
||||||
if (res.data[this.selectIndex].children) {
|
if (this.selectIndex !== -1) {
|
||||||
res.data[this.selectIndex].children.forEach(val => {
|
console.log('showItem=============>', res.data[this.selectIndex])
|
||||||
val.key = val.id
|
if (res.data[this.selectIndex].children) {
|
||||||
if (val.isAttr === 'true') {
|
res.data[this.selectIndex].children.forEach((val) => {
|
||||||
val.isAttr = true
|
val.key = val.id
|
||||||
} else if (val.isAttr === 'false') {
|
if (val.isAttr === 'true') {
|
||||||
val.isAttr = false
|
val.isAttr = true
|
||||||
}
|
} else if (val.isAttr === 'false') {
|
||||||
if (val.isFilterCriteria === 'true') {
|
val.isAttr = false
|
||||||
val.isFilterCriteria = true
|
}
|
||||||
} else if (val.isFilterCriteria === 'false') {
|
if (val.isFilterCriteria === 'true') {
|
||||||
val.isFilterCriteria = false
|
val.isFilterCriteria = true
|
||||||
}
|
} else if (val.isFilterCriteria === 'false') {
|
||||||
if (val.isLinkToDic === 'true') {
|
val.isFilterCriteria = false
|
||||||
val.isLinkToDic = true
|
}
|
||||||
} else if (val.isLinkToDic === 'false') {
|
if (val.isLinkToDic === 'true') {
|
||||||
val.isLinkToDic = false
|
val.isLinkToDic = true
|
||||||
}
|
} else if (val.isLinkToDic === 'false') {
|
||||||
})
|
val.isLinkToDic = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
console.log('showItem=============>', res.data[this.selectIndex])
|
||||||
|
this.showItem = res.data[this.selectIndex]
|
||||||
}
|
}
|
||||||
console.log('showItem=============>', res.data[this.selectIndex])
|
this.cardNum = this.topicList.length
|
||||||
this.showItem = res.data[this.selectIndex]
|
})
|
||||||
}
|
.catch(() => {})
|
||||||
this.cardNum = this.topicList.length
|
|
||||||
}).catch(() => {})
|
|
||||||
},
|
},
|
||||||
// 卡片开始拖拽前的方法
|
// 卡片开始拖拽前的方法
|
||||||
startDrag () {},
|
startDrag () {},
|
||||||
|
|
@ -348,40 +364,42 @@ export default {
|
||||||
const params = {
|
const params = {
|
||||||
ids: letid
|
ids: letid
|
||||||
}
|
}
|
||||||
this.$http.post('/category/deleteById', params).then(({ data: res }) => {
|
this.$http
|
||||||
let removeIndex = 0
|
.post('/category/deleteById', params)
|
||||||
this.topicList.forEach((enterprise, index) => {
|
.then(({ data: res }) => {
|
||||||
if (
|
let removeIndex = 0
|
||||||
enterprise.positionNum &&
|
this.topicList.forEach((enterprise, index) => {
|
||||||
|
if (
|
||||||
|
enterprise.positionNum &&
|
||||||
enterprise.positionNum > item.positionNum
|
enterprise.positionNum > item.positionNum
|
||||||
) {
|
) {
|
||||||
enterprise.positionNum = enterprise.positionNum - 1
|
enterprise.positionNum = enterprise.positionNum - 1
|
||||||
}
|
}
|
||||||
if (item.resourceGroupId === enterprise.resourceGroupId) {
|
if (item.resourceGroupId === enterprise.resourceGroupId) {
|
||||||
enterprise.position = this.topicList.length
|
enterprise.position = this.topicList.length
|
||||||
removeIndex = index
|
removeIndex = index
|
||||||
}
|
}
|
||||||
|
})
|
||||||
|
this.topicList.splice(removeIndex, 1)
|
||||||
|
// 此处需要把删除的对象的id添加回来，否则缺失的id将导致卡片不能再拖动
|
||||||
|
this.topicList.push({ id: item.id })
|
||||||
|
this.cardNum -= 1
|
||||||
|
// 调整编辑框的企业名称顺序
|
||||||
|
this.resortEditGroupName()
|
||||||
|
// 隐藏已经删除的卡片 -> 变更为移除已经删除的卡片
|
||||||
|
this.$refs.cardDragger.$vnode.elm.childNodes.forEach((node) => {
|
||||||
|
if (node.id === item.id) {
|
||||||
|
node.style.display = 'none'
|
||||||
|
this.oldId = item.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.$message.success('删除企业成功！')
|
||||||
|
// 删除完退出编辑模式
|
||||||
|
this.initTopicCardList()
|
||||||
|
this.isRemoveCard = !this.isRemoveCard
|
||||||
|
this.isEditGroupName = !this.isEditGroupName
|
||||||
|
this.topicCoverZIndex = this.isEditGroupName ? -999 : 1000
|
||||||
})
|
})
|
||||||
this.topicList.splice(removeIndex, 1)
|
|
||||||
// 此处需要把删除的对象的id添加回来，否则缺失的id将导致卡片不能再拖动
|
|
||||||
this.topicList.push({ id: item.id })
|
|
||||||
this.cardNum -= 1
|
|
||||||
// 调整编辑框的企业名称顺序
|
|
||||||
this.resortEditGroupName()
|
|
||||||
// 隐藏已经删除的卡片 -> 变更为移除已经删除的卡片
|
|
||||||
this.$refs.cardDragger.$vnode.elm.childNodes.forEach((node) => {
|
|
||||||
if (node.id === item.id) {
|
|
||||||
node.style.display = 'none'
|
|
||||||
this.oldId = item.id
|
|
||||||
}
|
|
||||||
})
|
|
||||||
this.$message.success('删除企业成功！')
|
|
||||||
// 删除完退出编辑模式
|
|
||||||
this.initTopicCardList()
|
|
||||||
this.isRemoveCard = !this.isRemoveCard
|
|
||||||
this.isEditGroupName = !this.isEditGroupName
|
|
||||||
this.topicCoverZIndex = this.isEditGroupName ? -999 : 1000
|
|
||||||
})
|
|
||||||
.catch((e) => {
|
.catch((e) => {
|
||||||
console.log('删除企业失败！%o', e)
|
console.log('删除企业失败！%o', e)
|
||||||
this.$message.error('删除企业失败！')
|
this.$message.error('删除企业失败！')
|
||||||
|
|
@ -395,9 +413,11 @@ export default {
|
||||||
id: item.id.slice(5),
|
id: item.id.slice(5),
|
||||||
name: item.name
|
name: item.name
|
||||||
}
|
}
|
||||||
this.$http.post('/category/update', params).then(({ data: res }) => {
|
this.$http
|
||||||
item.name = newGroupName
|
.post('/category/update', params)
|
||||||
})
|
.then(({ data: res }) => {
|
||||||
|
item.name = newGroupName
|
||||||
|
})
|
||||||
.catch((e) => {
|
.catch((e) => {
|
||||||
console.log('更新企业名称失败！%o', e)
|
console.log('更新企业名称失败！%o', e)
|
||||||
this.$message.warning('更新企业名称失败！')
|
this.$message.warning('更新企业名称失败！')
|
||||||
|
|
@ -437,35 +457,37 @@ export default {
|
||||||
linkValue: '',
|
linkValue: '',
|
||||||
xh: this.topicList.length + 1
|
xh: this.topicList.length + 1
|
||||||
}
|
}
|
||||||
const response = this.$http.post('/category/insert', params).then(({ data: res }) => {
|
const response = this.$http
|
||||||
if (res.code !== 0) {
|
.post('/category/insert', params)
|
||||||
console.log('response.code', res)
|
.then(({ data: res }) => {
|
||||||
this.$message.error('新增目录失败，请联系管理员！')
|
if (res.code !== 0) {
|
||||||
} else {
|
console.log('response.code', res)
|
||||||
this.$message.success('新增目录成功！')
|
this.$message.error('新增目录失败，请联系管理员！')
|
||||||
const enterprise = {
|
} else {
|
||||||
// id: `id${this.topicList.length + 1}`,
|
this.$message.success('新增目录成功！')
|
||||||
name: this.addEnterpriseName,
|
const enterprise = {
|
||||||
positionNum: this.cardNum + 1
|
// id: `id${this.topicList.length + 1}`,
|
||||||
|
name: this.addEnterpriseName,
|
||||||
|
positionNum: this.cardNum + 1
|
||||||
|
}
|
||||||
|
this.topicList.push(enterprise)
|
||||||
|
this.cardNum += 1
|
||||||
|
this.newGroupName.cur.push(enterprise.name)
|
||||||
|
this.addEnterpriseName = ''
|
||||||
|
if (this.oldId !== -1) {
|
||||||
|
this.$refs.cardDragger.$vnode.elm.childNodes.forEach((node) => {
|
||||||
|
if (node.id === this.oldId) {
|
||||||
|
node.style.display = 'flex'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 创建完退出编辑模式
|
||||||
|
this.isRemoveCard = !this.isRemoveCard
|
||||||
|
this.isEditGroupName = !this.isEditGroupName
|
||||||
|
this.topicCoverZIndex = this.isEditGroupName ? -999 : 1000
|
||||||
|
this.initTopicCardList()
|
||||||
}
|
}
|
||||||
this.topicList.push(enterprise)
|
})
|
||||||
this.cardNum += 1
|
|
||||||
this.newGroupName.cur.push(enterprise.name)
|
|
||||||
this.addEnterpriseName = ''
|
|
||||||
if (this.oldId !== -1) {
|
|
||||||
this.$refs.cardDragger.$vnode.elm.childNodes.forEach((node) => {
|
|
||||||
if (node.id === this.oldId) {
|
|
||||||
node.style.display = 'flex'
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 创建完退出编辑模式
|
|
||||||
this.isRemoveCard = !this.isRemoveCard
|
|
||||||
this.isEditGroupName = !this.isEditGroupName
|
|
||||||
this.topicCoverZIndex = this.isEditGroupName ? -999 : 1000
|
|
||||||
this.initTopicCardList()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
// const response = await resourceGroup({
|
// const response = await resourceGroup({
|
||||||
// method: 'post',
|
// method: 'post',
|
||||||
// data: {
|
// data: {
|
||||||
|
|
@ -548,7 +570,7 @@ export default {
|
||||||
height: 28px;
|
height: 28px;
|
||||||
margin-left: 14px;
|
margin-left: 14px;
|
||||||
margin-top: 9px;
|
margin-top: 9px;
|
||||||
background-image: url("~@/assets/img/capabilityCatalogingManagement/edit-card.png");
|
background-image: url('~@/assets/img/capabilityCatalogingManagement/edit-card.png');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
div:nth-child(2) {
|
div:nth-child(2) {
|
||||||
|
|
@ -587,7 +609,7 @@ export default {
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -45.5px;
|
margin-left: -45.5px;
|
||||||
margin-top: -45.5px;
|
margin-top: -45.5px;
|
||||||
background-image: url("~@/assets/img/capabilityCatalogingManagement/add.png");
|
background-image: url('~@/assets/img/capabilityCatalogingManagement/add.png');
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
> span {
|
> span {
|
||||||
|
|
@ -596,7 +618,7 @@ export default {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
font-family: "Microsoft YaHei";
|
font-family: 'Microsoft YaHei';
|
||||||
}
|
}
|
||||||
.add-enterprise-input-wrap {
|
.add-enterprise-input-wrap {
|
||||||
// height: 50px;
|
// height: 50px;
|
||||||
|
|
@ -634,7 +656,7 @@ export default {
|
||||||
background: #0fa7f6;
|
background: #0fa7f6;
|
||||||
span {
|
span {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-family: "Microsoft YaHei";
|
font-family: 'Microsoft YaHei';
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -682,7 +704,7 @@ export default {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-family: "Microsoft YaHei";
|
font-family: 'Microsoft YaHei';
|
||||||
}
|
}
|
||||||
span:nth-child(2) {
|
span:nth-child(2) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
@ -691,7 +713,7 @@ export default {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-family: "Microsoft YaHei";
|
font-family: 'Microsoft YaHei';
|
||||||
border: 1px solid rgba(255, 255, 255, 0.5);
|
border: 1px solid rgba(255, 255, 255, 0.5);
|
||||||
padding-top: 4px;
|
padding-top: 4px;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
|
|
@ -702,7 +724,7 @@ export default {
|
||||||
.enterprise-card-tip-first:before,
|
.enterprise-card-tip-first:before,
|
||||||
.enterprise-card-tip-first:after {
|
.enterprise-card-tip-first:after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: " ";
|
content: ' ';
|
||||||
top: 32px;
|
top: 32px;
|
||||||
left: -16px;
|
left: -16px;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -730,7 +752,7 @@ export default {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-family: "Microsoft YaHei";
|
font-family: 'Microsoft YaHei';
|
||||||
}
|
}
|
||||||
span:nth-child(2) {
|
span:nth-child(2) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
@ -739,7 +761,7 @@ export default {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-family: "Microsoft YaHei";
|
font-family: 'Microsoft YaHei';
|
||||||
border: 1px solid rgba(255, 255, 255, 0.5);
|
border: 1px solid rgba(255, 255, 255, 0.5);
|
||||||
padding-top: 4px;
|
padding-top: 4px;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
|
|
@ -750,7 +772,7 @@ export default {
|
||||||
.enterprise-card-tip-third:before,
|
.enterprise-card-tip-third:before,
|
||||||
.enterprise-card-tip-third:after {
|
.enterprise-card-tip-third:after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: " ";
|
content: ' ';
|
||||||
top: 32px;
|
top: 32px;
|
||||||
left: 180px;
|
left: 180px;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -779,7 +801,7 @@ export default {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-family: "Microsoft YaHei";
|
font-family: 'Microsoft YaHei';
|
||||||
}
|
}
|
||||||
span:nth-child(2) {
|
span:nth-child(2) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
@ -788,7 +810,7 @@ export default {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-family: "Microsoft YaHei";
|
font-family: 'Microsoft YaHei';
|
||||||
border: 1px solid rgba(255, 255, 255, 0.5);
|
border: 1px solid rgba(255, 255, 255, 0.5);
|
||||||
padding-top: 4px;
|
padding-top: 4px;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
|
|
@ -799,7 +821,7 @@ export default {
|
||||||
.enterprise-card-tip-second:before,
|
.enterprise-card-tip-second:before,
|
||||||
.enterprise-card-tip-second:after {
|
.enterprise-card-tip-second:after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: " ";
|
content: ' ';
|
||||||
top: -15px;
|
top: -15px;
|
||||||
left: 78px;
|
left: 78px;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -814,7 +836,7 @@ export default {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// height: 373px;
|
// height: 373px;
|
||||||
height: 176px;
|
height: 176px;
|
||||||
background-image: url("~@/assets/img/capabilityCatalogingManagement/small-card-orange.png");
|
background-image: url('~@/assets/img/capabilityCatalogingManagement/small-card-orange.png');
|
||||||
.resource-detail-title {
|
.resource-detail-title {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
|
|
@ -826,7 +848,7 @@ export default {
|
||||||
span {
|
span {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
font-family: "Microsoft YaHei";
|
font-family: 'Microsoft YaHei';
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
@ -845,7 +867,7 @@ export default {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
padding-left: 19px;
|
padding-left: 19px;
|
||||||
font-family: "Microsoft YaHei";
|
font-family: 'Microsoft YaHei';
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: white;
|
color: white;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
|
@ -877,7 +899,7 @@ export default {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 28px;
|
width: 28px;
|
||||||
height: 28px;
|
height: 28px;
|
||||||
background-image: url("~@/assets/img/capabilityCatalogingManagement/remove.png");
|
background-image: url('~@/assets/img/capabilityCatalogingManagement/remove.png');
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
@ -886,7 +908,7 @@ export default {
|
||||||
}
|
}
|
||||||
input::-webkit-input-placeholder {
|
input::-webkit-input-placeholder {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-family: "Microsoft YaHei";
|
font-family: 'Microsoft YaHei';
|
||||||
color: #999999;
|
color: #999999;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,96 @@
|
||||||
|
<!--
|
||||||
|
* @Author: hisense.liangjunhua
|
||||||
|
* @Date: 2022-07-08 14:55:19
|
||||||
|
* @LastEditors: hisense.liangjunhua
|
||||||
|
* @LastEditTime: 2022-07-08 17:23:58
|
||||||
|
* @Description: 告诉大家这是什么
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<el-upload
|
||||||
|
ref='my-upload'
|
||||||
|
:action="apiURL"
|
||||||
|
:accept='accept'
|
||||||
|
:on-change='handleChange'
|
||||||
|
:on-preview="handlePreview"
|
||||||
|
:on-remove="handleRemove"
|
||||||
|
:limit="maxCount"
|
||||||
|
:file-list="fileList">
|
||||||
|
<el-button>上传{{type}}</el-button>
|
||||||
|
<div slot="tip" class="el-upload__tip">{{tip}}</div>
|
||||||
|
</el-upload>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import Cookies from 'js-cookie'
|
||||||
|
export default {
|
||||||
|
name: '',
|
||||||
|
components: {
|
||||||
|
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
title: String,
|
||||||
|
accept: String,
|
||||||
|
btnName: String,
|
||||||
|
type: String,
|
||||||
|
tip: String,
|
||||||
|
maxCount: Number,
|
||||||
|
data: Array,
|
||||||
|
list: Array,
|
||||||
|
emitFlag: String,
|
||||||
|
busType: Number
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
apiURL: window.SITE_CONFIG.apiURL + '/upload?token=' + Cookies.get('ucsToken'),
|
||||||
|
fileList: JSON.parse(JSON.stringify(this.list))
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleExceed (file) {
|
||||||
|
console.log(file)
|
||||||
|
},
|
||||||
|
handError (err, file, fileList) {
|
||||||
|
console.log(err, file, fileList)
|
||||||
|
},
|
||||||
|
handlePreview (file) {
|
||||||
|
console.log(file)
|
||||||
|
window.open(
|
||||||
|
window.SITE_CONFIG.previewUrl +
|
||||||
|
'hisense_office/onlinePreview?url=' +
|
||||||
|
btoa(encodeURI(file.response.data))
|
||||||
|
)
|
||||||
|
},
|
||||||
|
handleChange (file, fileList) {
|
||||||
|
console.log(file, fileList)
|
||||||
|
if (file.status === 'success') {
|
||||||
|
if (file.response.msg === 'success') {
|
||||||
|
this.$message({
|
||||||
|
message: file.name + '上传成功',
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
|
// this.data.note1 = file.response.data
|
||||||
|
this.$emit('changeInfoList', {
|
||||||
|
attrType: this.title,
|
||||||
|
attrValue: file.response.data,
|
||||||
|
delFlag: 0
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$message.error(file.name + '上传失败')
|
||||||
|
this.$refs['my-upload'].clearFiles()
|
||||||
|
}
|
||||||
|
} else if (file.status === 'error') {
|
||||||
|
this.$message.error(file.name + '上传失败')
|
||||||
|
this.$refs['my-upload'].clearFiles()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleRemove (file) {
|
||||||
|
this.$emit('changeInfoList', {
|
||||||
|
attrType: this.title,
|
||||||
|
attrValue: '',
|
||||||
|
delFlag: 0
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang='scss' scoped>
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,142 @@
|
||||||
|
<!-- 已办任务-能力资源上架 -->
|
||||||
|
<template>
|
||||||
|
<el-card shadow="never" class="aui-card--fill">
|
||||||
|
<div class="mod-activiti__process">
|
||||||
|
<el-form
|
||||||
|
:inline="true"
|
||||||
|
:model="dataForm"
|
||||||
|
@keyup.enter.native="getDataList()"
|
||||||
|
>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.processDefinitionId"
|
||||||
|
:placeholder="$t('process.name')"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="getDataList()">{{
|
||||||
|
$t('query')
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
v-loading="dataListLoading"
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
@selection-change="dataListSelectionChangeHandle"
|
||||||
|
@sort-change="dataListSortChangeHandle"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<!-- <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
|
||||||
|
<el-table-column prop="businessKey" :label="$t('process.businessKey')" header-align="center" align="center"></el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="startUserName"
|
||||||
|
:label="$t('process.user')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<!-- <el-table-column :label="$t('process.system')" header-align="center" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{scope.row && scope.row.resourceName||scope.row.params && scope.row.params.undercarriageReason}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="resourceName"
|
||||||
|
:label="$t('process.system')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="processInstanceId"
|
||||||
|
:label="$t('running.id')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="processDefinitionName"
|
||||||
|
:label="$t('process.processDefinitionName')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="processDefinitionVersion"
|
||||||
|
:label="$t('process.processDefinitionVersion')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="100"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="startTime"
|
||||||
|
:label="$t('process.startTime')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="endTime"
|
||||||
|
:label="$t('process.endTime')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('handle')"
|
||||||
|
fixed="right"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="showDetail(scope.row)"
|
||||||
|
>{{ $t('process.viewFlowImage') }}</el-button
|
||||||
|
>
|
||||||
|
</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'
|
||||||
|
import processModule from '@/mixins/process-module'
|
||||||
|
import qs from 'qs'
|
||||||
|
export default {
|
||||||
|
mixins: [mixinViewModule, processModule],
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
mixinViewModuleOptions: {
|
||||||
|
getDataListURL: '/act/his/getMyHandledInstancePage',
|
||||||
|
getDataListIsPage: true,
|
||||||
|
deleteIsBatch: true,
|
||||||
|
deleteIsBatchKey: 'deploymentId'
|
||||||
|
},
|
||||||
|
dataForm: {
|
||||||
|
processDefinitionId: '',
|
||||||
|
processDefinitionKey: 'resourcemountapply'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {},
|
||||||
|
methods: {
|
||||||
|
showDetail (row) {
|
||||||
|
if (!row.businessKey) {
|
||||||
|
return this.$message.error(this.$t('task.detailError'))
|
||||||
|
}
|
||||||
|
this.getProcDefRouteSet(row, this.forwardDetail)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,142 @@
|
||||||
|
<!-- 已办任务-能力资源下架 -->
|
||||||
|
<template>
|
||||||
|
<el-card shadow="never" class="aui-card--fill">
|
||||||
|
<div class="mod-activiti__process">
|
||||||
|
<el-form
|
||||||
|
:inline="true"
|
||||||
|
:model="dataForm"
|
||||||
|
@keyup.enter.native="getDataList()"
|
||||||
|
>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.processDefinitionId"
|
||||||
|
:placeholder="$t('process.name')"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="getDataList()">{{
|
||||||
|
$t('query')
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
v-loading="dataListLoading"
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
@selection-change="dataListSelectionChangeHandle"
|
||||||
|
@sort-change="dataListSortChangeHandle"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<!-- <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
|
||||||
|
<el-table-column prop="businessKey" :label="$t('process.businessKey')" header-align="center" align="center"></el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="startUserName"
|
||||||
|
:label="$t('process.user')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<!-- <el-table-column :label="$t('process.system')" header-align="center" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{scope.row && scope.row.resourceName||scope.row.params && scope.row.params.undercarriageReason}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="resourceName"
|
||||||
|
:label="$t('process.system')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="processInstanceId"
|
||||||
|
:label="$t('running.id')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="processDefinitionName"
|
||||||
|
:label="$t('process.processDefinitionName')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="processDefinitionVersion"
|
||||||
|
:label="$t('process.processDefinitionVersion')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="100"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="startTime"
|
||||||
|
:label="$t('process.startTime')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="endTime"
|
||||||
|
:label="$t('process.endTime')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('handle')"
|
||||||
|
fixed="right"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="showDetail(scope.row)"
|
||||||
|
>{{ $t('process.viewFlowImage') }}</el-button
|
||||||
|
>
|
||||||
|
</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'
|
||||||
|
import processModule from '@/mixins/process-module'
|
||||||
|
import qs from 'qs'
|
||||||
|
export default {
|
||||||
|
mixins: [mixinViewModule, processModule],
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
mixinViewModuleOptions: {
|
||||||
|
getDataListURL: '/act/his/getMyHandledInstancePage',
|
||||||
|
getDataListIsPage: true,
|
||||||
|
deleteIsBatch: true,
|
||||||
|
deleteIsBatchKey: 'deploymentId'
|
||||||
|
},
|
||||||
|
dataForm: {
|
||||||
|
processDefinitionId: '',
|
||||||
|
processDefinitionKey: 'resourcundercarriageapply'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {},
|
||||||
|
methods: {
|
||||||
|
showDetail (row) {
|
||||||
|
if (!row.businessKey) {
|
||||||
|
return this.$message.error(this.$t('task.detailError'))
|
||||||
|
}
|
||||||
|
this.getProcDefRouteSet(row, this.forwardDetail)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,142 @@
|
||||||
|
<!-- 已办任务-能力需求申请 -->
|
||||||
|
<template>
|
||||||
|
<el-card shadow="never" class="aui-card--fill">
|
||||||
|
<div class="mod-activiti__process">
|
||||||
|
<el-form
|
||||||
|
:inline="true"
|
||||||
|
:model="dataForm"
|
||||||
|
@keyup.enter.native="getDataList()"
|
||||||
|
>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.processDefinitionId"
|
||||||
|
:placeholder="$t('process.name')"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="getDataList()">{{
|
||||||
|
$t('query')
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
v-loading="dataListLoading"
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
@selection-change="dataListSelectionChangeHandle"
|
||||||
|
@sort-change="dataListSortChangeHandle"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<!-- <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
|
||||||
|
<el-table-column prop="businessKey" :label="$t('process.businessKey')" header-align="center" align="center"></el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="startUserName"
|
||||||
|
:label="$t('process.user')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<!-- <el-table-column :label="$t('process.system')" header-align="center" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{scope.row && scope.row.resourceName||scope.row.params && scope.row.params.undercarriageReason}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="resourceName"
|
||||||
|
:label="$t('process.system')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="processInstanceId"
|
||||||
|
:label="$t('running.id')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="processDefinitionName"
|
||||||
|
:label="$t('process.processDefinitionName')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="processDefinitionVersion"
|
||||||
|
:label="$t('process.processDefinitionVersion')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="100"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="startTime"
|
||||||
|
:label="$t('process.startTime')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="endTime"
|
||||||
|
:label="$t('process.endTime')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('handle')"
|
||||||
|
fixed="right"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="showDetail(scope.row)"
|
||||||
|
>{{ $t('process.viewFlowImage') }}</el-button
|
||||||
|
>
|
||||||
|
</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'
|
||||||
|
import processModule from '@/mixins/process-module'
|
||||||
|
import qs from 'qs'
|
||||||
|
export default {
|
||||||
|
mixins: [mixinViewModule, processModule],
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
mixinViewModuleOptions: {
|
||||||
|
getDataListURL: '/act/his/getMyHandledInstancePage',
|
||||||
|
getDataListIsPage: true,
|
||||||
|
deleteIsBatch: true,
|
||||||
|
deleteIsBatchKey: 'deploymentId'
|
||||||
|
},
|
||||||
|
dataForm: {
|
||||||
|
processDefinitionId: '',
|
||||||
|
processDefinitionKey: 'abilitydemandapply'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {},
|
||||||
|
methods: {
|
||||||
|
showDetail (row) {
|
||||||
|
if (!row.businessKey) {
|
||||||
|
return this.$message.error(this.$t('task.detailError'))
|
||||||
|
}
|
||||||
|
this.getProcDefRouteSet(row, this.forwardDetail)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,142 @@
|
||||||
|
<!-- 已办任务-评论审核 -->
|
||||||
|
<template>
|
||||||
|
<el-card shadow="never" class="aui-card--fill">
|
||||||
|
<div class="mod-activiti__process">
|
||||||
|
<el-form
|
||||||
|
:inline="true"
|
||||||
|
:model="dataForm"
|
||||||
|
@keyup.enter.native="getDataList()"
|
||||||
|
>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.processDefinitionId"
|
||||||
|
:placeholder="$t('process.name')"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="getDataList()">{{
|
||||||
|
$t('query')
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
v-loading="dataListLoading"
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
@selection-change="dataListSelectionChangeHandle"
|
||||||
|
@sort-change="dataListSortChangeHandle"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<!-- <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
|
||||||
|
<el-table-column prop="businessKey" :label="$t('process.businessKey')" header-align="center" align="center"></el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="startUserName"
|
||||||
|
:label="$t('process.user')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<!-- <el-table-column :label="$t('process.system')" header-align="center" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{scope.row && scope.row.resourceName||scope.row.params && scope.row.params.undercarriageReason}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="resourceName"
|
||||||
|
:label="$t('process.system')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="processInstanceId"
|
||||||
|
:label="$t('running.id')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="processDefinitionName"
|
||||||
|
:label="$t('process.processDefinitionName')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="processDefinitionVersion"
|
||||||
|
:label="$t('process.processDefinitionVersion')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="100"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="startTime"
|
||||||
|
:label="$t('process.startTime')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="endTime"
|
||||||
|
:label="$t('process.endTime')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('handle')"
|
||||||
|
fixed="right"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="showDetail(scope.row)"
|
||||||
|
>{{ $t('process.viewFlowImage') }}</el-button
|
||||||
|
>
|
||||||
|
</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'
|
||||||
|
import processModule from '@/mixins/process-module'
|
||||||
|
import qs from 'qs'
|
||||||
|
export default {
|
||||||
|
mixins: [mixinViewModule, processModule],
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
mixinViewModuleOptions: {
|
||||||
|
getDataListURL: '/act/his/getMyHandledInstancePage',
|
||||||
|
getDataListIsPage: true,
|
||||||
|
deleteIsBatch: true,
|
||||||
|
deleteIsBatchKey: 'deploymentId'
|
||||||
|
},
|
||||||
|
dataForm: {
|
||||||
|
processDefinitionId: '',
|
||||||
|
processDefinitionKey: 'comment_review'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {},
|
||||||
|
methods: {
|
||||||
|
showDetail (row) {
|
||||||
|
if (!row.businessKey) {
|
||||||
|
return this.$message.error(this.$t('task.detailError'))
|
||||||
|
}
|
||||||
|
this.getProcDefRouteSet(row, this.forwardDetail)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,142 @@
|
||||||
|
<!-- 已办任务-能力申请 -->
|
||||||
|
<template>
|
||||||
|
<el-card shadow="never" class="aui-card--fill">
|
||||||
|
<div class="mod-activiti__process">
|
||||||
|
<el-form
|
||||||
|
:inline="true"
|
||||||
|
:model="dataForm"
|
||||||
|
@keyup.enter.native="getDataList()"
|
||||||
|
>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.processDefinitionId"
|
||||||
|
:placeholder="$t('process.name')"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="getDataList()">{{
|
||||||
|
$t('query')
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
v-loading="dataListLoading"
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
@selection-change="dataListSelectionChangeHandle"
|
||||||
|
@sort-change="dataListSortChangeHandle"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<!-- <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
|
||||||
|
<el-table-column prop="businessKey" :label="$t('process.businessKey')" header-align="center" align="center"></el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="startUserName"
|
||||||
|
:label="$t('process.user')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<!-- <el-table-column :label="$t('process.system')" header-align="center" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{scope.row && scope.row.resourceName||scope.row.params && scope.row.params.undercarriageReason}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="resourceName"
|
||||||
|
:label="$t('process.system')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="processInstanceId"
|
||||||
|
:label="$t('running.id')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="processDefinitionName"
|
||||||
|
:label="$t('process.processDefinitionName')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="processDefinitionVersion"
|
||||||
|
:label="$t('process.processDefinitionVersion')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="100"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="startTime"
|
||||||
|
:label="$t('process.startTime')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="endTime"
|
||||||
|
:label="$t('process.endTime')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('handle')"
|
||||||
|
fixed="right"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="showDetail(scope.row)"
|
||||||
|
>{{ $t('process.viewFlowImage') }}</el-button
|
||||||
|
>
|
||||||
|
</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'
|
||||||
|
import processModule from '@/mixins/process-module'
|
||||||
|
import qs from 'qs'
|
||||||
|
export default {
|
||||||
|
mixins: [mixinViewModule, processModule],
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
mixinViewModuleOptions: {
|
||||||
|
getDataListURL: '/act/his/getMyHandledInstancePage',
|
||||||
|
getDataListIsPage: true,
|
||||||
|
deleteIsBatch: true,
|
||||||
|
deleteIsBatchKey: 'deploymentId'
|
||||||
|
},
|
||||||
|
dataForm: {
|
||||||
|
processDefinitionId: '',
|
||||||
|
processDefinitionKey: 'abilityprocess_v2'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {},
|
||||||
|
methods: {
|
||||||
|
showDetail (row) {
|
||||||
|
if (!row.businessKey) {
|
||||||
|
return this.$message.error(this.$t('task.detailError'))
|
||||||
|
}
|
||||||
|
this.getProcDefRouteSet(row, this.forwardDetail)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,170 @@
|
||||||
|
<!--
|
||||||
|
* @Author: hisense.liangjunhua
|
||||||
|
* @Date: 2022-06-27 11:27:22
|
||||||
|
* @LastEditors: hisense.liangjunhua
|
||||||
|
* @LastEditTime: 2022-06-29 16:31:26
|
||||||
|
* @Description: "能力资源上架"
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<el-card shadow="never" class="aui-card--fill">
|
||||||
|
<div class="mod-activiti__process">
|
||||||
|
<el-form
|
||||||
|
:inline="true"
|
||||||
|
:model="dataForm"
|
||||||
|
@keyup.enter.native="getDataList()"
|
||||||
|
>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.taskName"
|
||||||
|
:placeholder="$t('process.name')"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="getDataList()">{{
|
||||||
|
$t('query')
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
v-loading="dataListLoading"
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
@selection-change="dataListSelectionChangeHandle"
|
||||||
|
@sort-change="dataListSortChangeHandle"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="50"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column label="申请人" header-align="center" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
(scope.row.params && scope.row.params.user) ||
|
||||||
|
(scope.row.params && scope.row.params.applyUserName) ||
|
||||||
|
(scope.row.params && scope.row.params.userName) ||
|
||||||
|
(scope.row.params && scope.row.params.undercarriageUserName) ||
|
||||||
|
(scope.row.params && scope.row.params.name)
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('process.system')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
(scope.row.params && scope.row.params.system) ||
|
||||||
|
(scope.row.params && scope.row.params.demandSubject) ||
|
||||||
|
(scope.row.params &&
|
||||||
|
scope.row.params.resourceDTO &&
|
||||||
|
scope.row.params.resourceDTO.name) ||
|
||||||
|
(scope.row.params && scope.row.params.undercarriageReason) ||
|
||||||
|
(scope.row.params && scope.row.params.comment)
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<!-- <el-table-column prop="businessKey" :label="$t('process.businessKey')" header-align="center" align="center"></el-table-column>
|
||||||
|
<el-table-column prop="processInstanceId" :label="$t('running.id')" header-align="center" align="center"></el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="processDefinitionName"
|
||||||
|
:label="$t('process.processDefinitionName')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="taskName"
|
||||||
|
:label="$t('process.taskName')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<!-- <el-table-column prop="startTime" :label="$t('process.startTime')" header-align="center" align="center"></el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="createTime"
|
||||||
|
:label="$t('process.createTime')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('handle')"
|
||||||
|
fixed="right"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
:processInstanceId="processInstanceId"
|
||||||
|
@click="taskHandle(scope.row)"
|
||||||
|
>{{ $t('manage') }}</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="taskDetail(scope.row)"
|
||||||
|
>{{ $t('process.viewFlowImage') }}</el-button
|
||||||
|
>
|
||||||
|
</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'
|
||||||
|
import processModule from '@/mixins/process-module'
|
||||||
|
export default {
|
||||||
|
mixins: [mixinViewModule, processModule],
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
mixinViewModuleOptions: {
|
||||||
|
getDataListURL: '/act/task/myToDoTaskPage',
|
||||||
|
getDataListIsPage: true,
|
||||||
|
activatedIsNeed: true,
|
||||||
|
deleteIsBatch: true,
|
||||||
|
deleteIsBatchKey: 'deploymentId'
|
||||||
|
},
|
||||||
|
dataForm: {
|
||||||
|
taskName: '',
|
||||||
|
taskId: '',
|
||||||
|
processDefinitionKey: 'resourcemountapply'
|
||||||
|
},
|
||||||
|
processInstanceId: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {},
|
||||||
|
methods: {
|
||||||
|
// 处理
|
||||||
|
taskHandle (row) {
|
||||||
|
console.log('row======================>', row, this.forwardHandleUrl)
|
||||||
|
if (!row.businessKey) {
|
||||||
|
return this.$message.error(this.$t('task.businessKeyError'))
|
||||||
|
}
|
||||||
|
this.getProcDefRouteSet(row, this.forwardHandleUrl)
|
||||||
|
},
|
||||||
|
taskDetail (row) {
|
||||||
|
if (!row.businessKey) {
|
||||||
|
return this.$message.error(this.$t('task.detailError'))
|
||||||
|
}
|
||||||
|
this.getProcDefRouteSet(row, this.forwardTaskDetail)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,170 @@
|
||||||
|
<!--
|
||||||
|
* @Author: hisense.liangjunhua
|
||||||
|
* @Date: 2022-06-27 11:27:22
|
||||||
|
* @LastEditors: hisense.liangjunhua
|
||||||
|
* @LastEditTime: 2022-06-29 16:31:26
|
||||||
|
* @Description: "能力资源下架"
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<el-card shadow="never" class="aui-card--fill">
|
||||||
|
<div class="mod-activiti__process">
|
||||||
|
<el-form
|
||||||
|
:inline="true"
|
||||||
|
:model="dataForm"
|
||||||
|
@keyup.enter.native="getDataList()"
|
||||||
|
>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.taskName"
|
||||||
|
:placeholder="$t('process.name')"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="getDataList()">{{
|
||||||
|
$t('query')
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
v-loading="dataListLoading"
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
@selection-change="dataListSelectionChangeHandle"
|
||||||
|
@sort-change="dataListSortChangeHandle"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="50"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column label="申请人" header-align="center" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
(scope.row.params && scope.row.params.user) ||
|
||||||
|
(scope.row.params && scope.row.params.applyUserName) ||
|
||||||
|
(scope.row.params && scope.row.params.userName) ||
|
||||||
|
(scope.row.params && scope.row.params.undercarriageUserName) ||
|
||||||
|
(scope.row.params && scope.row.params.name)
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('process.system')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
(scope.row.params && scope.row.params.system) ||
|
||||||
|
(scope.row.params && scope.row.params.demandSubject) ||
|
||||||
|
(scope.row.params &&
|
||||||
|
scope.row.params.resourceDTO &&
|
||||||
|
scope.row.params.resourceDTO.name) ||
|
||||||
|
(scope.row.params && scope.row.params.undercarriageReason) ||
|
||||||
|
(scope.row.params && scope.row.params.comment)
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<!-- <el-table-column prop="businessKey" :label="$t('process.businessKey')" header-align="center" align="center"></el-table-column>
|
||||||
|
<el-table-column prop="processInstanceId" :label="$t('running.id')" header-align="center" align="center"></el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="processDefinitionName"
|
||||||
|
:label="$t('process.processDefinitionName')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="taskName"
|
||||||
|
:label="$t('process.taskName')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<!-- <el-table-column prop="startTime" :label="$t('process.startTime')" header-align="center" align="center"></el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="createTime"
|
||||||
|
:label="$t('process.createTime')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('handle')"
|
||||||
|
fixed="right"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
:processInstanceId="processInstanceId"
|
||||||
|
@click="taskHandle(scope.row)"
|
||||||
|
>{{ $t('manage') }}</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="taskDetail(scope.row)"
|
||||||
|
>{{ $t('process.viewFlowImage') }}</el-button
|
||||||
|
>
|
||||||
|
</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'
|
||||||
|
import processModule from '@/mixins/process-module'
|
||||||
|
export default {
|
||||||
|
mixins: [mixinViewModule, processModule],
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
mixinViewModuleOptions: {
|
||||||
|
getDataListURL: '/act/task/myToDoTaskPage',
|
||||||
|
getDataListIsPage: true,
|
||||||
|
activatedIsNeed: true,
|
||||||
|
deleteIsBatch: true,
|
||||||
|
deleteIsBatchKey: 'deploymentId'
|
||||||
|
},
|
||||||
|
dataForm: {
|
||||||
|
taskName: '',
|
||||||
|
taskId: '',
|
||||||
|
processDefinitionKey: 'resourcundercarriageapply'
|
||||||
|
},
|
||||||
|
processInstanceId: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {},
|
||||||
|
methods: {
|
||||||
|
// 处理
|
||||||
|
taskHandle (row) {
|
||||||
|
console.log('row======================>', row, this.forwardHandleUrl)
|
||||||
|
if (!row.businessKey) {
|
||||||
|
return this.$message.error(this.$t('task.businessKeyError'))
|
||||||
|
}
|
||||||
|
this.getProcDefRouteSet(row, this.forwardHandleUrl)
|
||||||
|
},
|
||||||
|
taskDetail (row) {
|
||||||
|
if (!row.businessKey) {
|
||||||
|
return this.$message.error(this.$t('task.detailError'))
|
||||||
|
}
|
||||||
|
this.getProcDefRouteSet(row, this.forwardTaskDetail)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,170 @@
|
||||||
|
<!--
|
||||||
|
* @Author: hisense.liangjunhua
|
||||||
|
* @Date: 2022-06-27 11:27:22
|
||||||
|
* @LastEditors: hisense.liangjunhua
|
||||||
|
* @LastEditTime: 2022-06-29 16:31:26
|
||||||
|
* @Description: "能力需求申请"
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<el-card shadow="never" class="aui-card--fill">
|
||||||
|
<div class="mod-activiti__process">
|
||||||
|
<el-form
|
||||||
|
:inline="true"
|
||||||
|
:model="dataForm"
|
||||||
|
@keyup.enter.native="getDataList()"
|
||||||
|
>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.taskName"
|
||||||
|
:placeholder="$t('process.name')"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="getDataList()">{{
|
||||||
|
$t('query')
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
v-loading="dataListLoading"
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
@selection-change="dataListSelectionChangeHandle"
|
||||||
|
@sort-change="dataListSortChangeHandle"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="50"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column label="申请人" header-align="center" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
(scope.row.params && scope.row.params.user) ||
|
||||||
|
(scope.row.params && scope.row.params.applyUserName) ||
|
||||||
|
(scope.row.params && scope.row.params.userName) ||
|
||||||
|
(scope.row.params && scope.row.params.undercarriageUserName) ||
|
||||||
|
(scope.row.params && scope.row.params.name)
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('process.system')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
(scope.row.params && scope.row.params.system) ||
|
||||||
|
(scope.row.params && scope.row.params.demandSubject) ||
|
||||||
|
(scope.row.params &&
|
||||||
|
scope.row.params.resourceDTO &&
|
||||||
|
scope.row.params.resourceDTO.name) ||
|
||||||
|
(scope.row.params && scope.row.params.undercarriageReason) ||
|
||||||
|
(scope.row.params && scope.row.params.comment)
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<!-- <el-table-column prop="businessKey" :label="$t('process.businessKey')" header-align="center" align="center"></el-table-column>
|
||||||
|
<el-table-column prop="processInstanceId" :label="$t('running.id')" header-align="center" align="center"></el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="processDefinitionName"
|
||||||
|
:label="$t('process.processDefinitionName')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="taskName"
|
||||||
|
:label="$t('process.taskName')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<!-- <el-table-column prop="startTime" :label="$t('process.startTime')" header-align="center" align="center"></el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="createTime"
|
||||||
|
:label="$t('process.createTime')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('handle')"
|
||||||
|
fixed="right"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
:processInstanceId="processInstanceId"
|
||||||
|
@click="taskHandle(scope.row)"
|
||||||
|
>{{ $t('manage') }}</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="taskDetail(scope.row)"
|
||||||
|
>{{ $t('process.viewFlowImage') }}</el-button
|
||||||
|
>
|
||||||
|
</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'
|
||||||
|
import processModule from '@/mixins/process-module'
|
||||||
|
export default {
|
||||||
|
mixins: [mixinViewModule, processModule],
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
mixinViewModuleOptions: {
|
||||||
|
getDataListURL: '/act/task/myToDoTaskPage',
|
||||||
|
getDataListIsPage: true,
|
||||||
|
activatedIsNeed: true,
|
||||||
|
deleteIsBatch: true,
|
||||||
|
deleteIsBatchKey: 'deploymentId'
|
||||||
|
},
|
||||||
|
dataForm: {
|
||||||
|
taskName: '',
|
||||||
|
taskId: '',
|
||||||
|
processDefinitionKey: 'abilitydemandapply'
|
||||||
|
},
|
||||||
|
processInstanceId: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {},
|
||||||
|
methods: {
|
||||||
|
// 处理
|
||||||
|
taskHandle (row) {
|
||||||
|
console.log('row======================>', row, this.forwardHandleUrl)
|
||||||
|
if (!row.businessKey) {
|
||||||
|
return this.$message.error(this.$t('task.businessKeyError'))
|
||||||
|
}
|
||||||
|
this.getProcDefRouteSet(row, this.forwardHandleUrl)
|
||||||
|
},
|
||||||
|
taskDetail (row) {
|
||||||
|
if (!row.businessKey) {
|
||||||
|
return this.$message.error(this.$t('task.detailError'))
|
||||||
|
}
|
||||||
|
this.getProcDefRouteSet(row, this.forwardTaskDetail)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,170 @@
|
||||||
|
<!--
|
||||||
|
* @Author: hisense.liangjunhua
|
||||||
|
* @Date: 2022-06-27 11:27:22
|
||||||
|
* @LastEditors: hisense.liangjunhua
|
||||||
|
* @LastEditTime: 2022-06-29 16:31:26
|
||||||
|
* @Description: "评论审核"
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<el-card shadow="never" class="aui-card--fill">
|
||||||
|
<div class="mod-activiti__process">
|
||||||
|
<el-form
|
||||||
|
:inline="true"
|
||||||
|
:model="dataForm"
|
||||||
|
@keyup.enter.native="getDataList()"
|
||||||
|
>
|
||||||
|
<el-form-item>
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.taskName"
|
||||||
|
:placeholder="$t('process.name')"
|
||||||
|
clearable
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="getDataList()">{{
|
||||||
|
$t('query')
|
||||||
|
}}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
v-loading="dataListLoading"
|
||||||
|
:data="dataList"
|
||||||
|
border
|
||||||
|
@selection-change="dataListSelectionChangeHandle"
|
||||||
|
@sort-change="dataListSortChangeHandle"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="50"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column label="申请人" header-align="center" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
(scope.row.params && scope.row.params.user) ||
|
||||||
|
(scope.row.params && scope.row.params.applyUserName) ||
|
||||||
|
(scope.row.params && scope.row.params.userName) ||
|
||||||
|
(scope.row.params && scope.row.params.undercarriageUserName) ||
|
||||||
|
(scope.row.params && scope.row.params.name)
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('process.system')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
(scope.row.params && scope.row.params.system) ||
|
||||||
|
(scope.row.params && scope.row.params.demandSubject) ||
|
||||||
|
(scope.row.params &&
|
||||||
|
scope.row.params.resourceDTO &&
|
||||||
|
scope.row.params.resourceDTO.name) ||
|
||||||
|
(scope.row.params && scope.row.params.undercarriageReason) ||
|
||||||
|
(scope.row.params && scope.row.params.comment)
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<!-- <el-table-column prop="businessKey" :label="$t('process.businessKey')" header-align="center" align="center"></el-table-column>
|
||||||
|
<el-table-column prop="processInstanceId" :label="$t('running.id')" header-align="center" align="center"></el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="processDefinitionName"
|
||||||
|
:label="$t('process.processDefinitionName')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="taskName"
|
||||||
|
:label="$t('process.taskName')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<!-- <el-table-column prop="startTime" :label="$t('process.startTime')" header-align="center" align="center"></el-table-column> -->
|
||||||
|
<el-table-column
|
||||||
|
prop="createTime"
|
||||||
|
:label="$t('process.createTime')"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('handle')"
|
||||||
|
fixed="right"
|
||||||
|
header-align="center"
|
||||||
|
align="center"
|
||||||
|
width="150"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
:processInstanceId="processInstanceId"
|
||||||
|
@click="taskHandle(scope.row)"
|
||||||
|
>{{ $t('manage') }}</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click="taskDetail(scope.row)"
|
||||||
|
>{{ $t('process.viewFlowImage') }}</el-button
|
||||||
|
>
|
||||||
|
</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'
|
||||||
|
import processModule from '@/mixins/process-module'
|
||||||
|
export default {
|
||||||
|
mixins: [mixinViewModule, processModule],
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
mixinViewModuleOptions: {
|
||||||
|
getDataListURL: '/act/task/myToDoTaskPage',
|
||||||
|
getDataListIsPage: true,
|
||||||
|
activatedIsNeed: true,
|
||||||
|
deleteIsBatch: true,
|
||||||
|
deleteIsBatchKey: 'deploymentId'
|
||||||
|
},
|
||||||
|
dataForm: {
|
||||||
|
taskName: '',
|
||||||
|
taskId: '',
|
||||||
|
processDefinitionKey: 'comment_review'
|
||||||
|
},
|
||||||
|
processInstanceId: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {},
|
||||||
|
methods: {
|
||||||
|
// 处理
|
||||||
|
taskHandle (row) {
|
||||||
|
console.log('row======================>', row, this.forwardHandleUrl)
|
||||||
|
if (!row.businessKey) {
|
||||||
|
return this.$message.error(this.$t('task.businessKeyError'))
|
||||||
|
}
|
||||||
|
this.getProcDefRouteSet(row, this.forwardHandleUrl)
|
||||||
|
},
|
||||||
|
taskDetail (row) {
|
||||||
|
if (!row.businessKey) {
|
||||||
|
return this.$message.error(this.$t('task.detailError'))
|
||||||
|
}
|
||||||
|
this.getProcDefRouteSet(row, this.forwardTaskDetail)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,273 @@
|
||||||
|
<template>
|
||||||
|
<div class="wrapper">
|
||||||
|
<div>
|
||||||
|
<el-form
|
||||||
|
:model="dataForm"
|
||||||
|
ref="dataForm"
|
||||||
|
@keyup.enter.native="dataFormSubmitHandle()"
|
||||||
|
:label-width="$i18n.locale === 'en-US' ? '120px' : 'auto'"
|
||||||
|
>
|
||||||
|
<div v-if="shifoushizujian">
|
||||||
|
<el-form-item label="应用名称">
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.name"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="应用名称"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="应用描述">
|
||||||
|
<el-tooltip
|
||||||
|
effect="dark"
|
||||||
|
:content="dataForm.description"
|
||||||
|
placement="top"
|
||||||
|
popper-class="kuandukuandukuandu"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.description"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="应用描述"
|
||||||
|
></el-input>
|
||||||
|
</el-tooltip>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="部门联系人">
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.deptContacts"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="部门联系人"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="共享类型">
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.shareType"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="共享类型"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="共享方式">
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.shareMode"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="共享方式"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="共享条件">
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.shareCondition"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="共享方条件"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="访问地址">
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.link"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="访问地址"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
<div v-if="!shifoushizujian">
|
||||||
|
<el-form-item label="组件名称" v-if="algorithmShow">
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.name"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="组件名称"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="算法名称" v-if="nameNotShow">
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.name"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="算法名称"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="应用描述" v-if="algorithmShow">
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.description"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="应用描述"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="算法描述" v-if="nameNotShow">
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.description"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="算法描述"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="部门联系人" v-if="algorithmShow">
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.deptContacts"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="部门联系人"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="共享类型">
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.shareType"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="共享类型"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item
|
||||||
|
label="共享方式"
|
||||||
|
v-if="coverageNotShow && algorithmShow"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.shareMode"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="共享方式"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="共享条件">
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.shareCondition"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="共享方条件"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="服务接口" v-if="coverageNotShow">
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.apiUrl"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="服务接口"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="接口请求方式" v-if="coverageNotShow">
|
||||||
|
<el-input
|
||||||
|
v-model="dataForm.apiMethodType"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
placeholder="接口请求方式"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
<el-form-item
|
||||||
|
v-for="item in dataForm.infoList"
|
||||||
|
:key="item.index"
|
||||||
|
:label="item.attrType"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="item.attrValue"
|
||||||
|
:placeholder="item.attrType"
|
||||||
|
:disabled="fieldDisabled"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item
|
||||||
|
v-if="dataForm.enclosure"
|
||||||
|
label="申请附件"
|
||||||
|
prop="enclosure"
|
||||||
|
>
|
||||||
|
<el-button @click="downloadFile(dataForm.enclosure, '申请附件')"
|
||||||
|
>附件下载</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<!-- 流程综合组件 -->
|
||||||
|
<ren-process-multiple
|
||||||
|
v-if="processVisible"
|
||||||
|
updateInstanceIdUrl="/processForm/tabilityapplication/updateInstanceId"
|
||||||
|
saveFormUrl="/processForm/tabilityapplication"
|
||||||
|
dataFormName="dataForm"
|
||||||
|
ref="renProcessMultiple"
|
||||||
|
></ren-process-multiple>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import processModule from '@/mixins/process-module'
|
||||||
|
export default {
|
||||||
|
// 注入公共方法
|
||||||
|
mixins: [processModule],
|
||||||
|
components: {},
|
||||||
|
props: {
|
||||||
|
// fromList: {
|
||||||
|
// // type: Array,
|
||||||
|
// // default: () => {
|
||||||
|
// // return []
|
||||||
|
// // }
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
// processVisible: true,
|
||||||
|
visible: false,
|
||||||
|
// 表单属性是否可编辑
|
||||||
|
fieldDisabled: false,
|
||||||
|
dataForm: [],
|
||||||
|
id: '',
|
||||||
|
shifoushizujian: true,
|
||||||
|
coverageNotShow: true,
|
||||||
|
nameNotShow: false,
|
||||||
|
algorithmShow: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {},
|
||||||
|
computed: {},
|
||||||
|
methods: {
|
||||||
|
init () {
|
||||||
|
this.visible = true
|
||||||
|
// this.getInfo(this.$router.currentRoute.params.params.params.resourceDTO.id)
|
||||||
|
// this.dataForm = this.$router.currentRoute.params.params.params.resourceDTO
|
||||||
|
// this.id=this.$router.currentRoute
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.dataForm.resetFields()
|
||||||
|
// if (this.dataForm.id) {
|
||||||
|
// 如业务KEY已存在，不允许编辑
|
||||||
|
this.fieldDisabled = true
|
||||||
|
// this.id = this.$router.currentRoute.businessKey
|
||||||
|
this.getInfo(this.$router.currentRoute.params.businessKey)
|
||||||
|
console.log('id', this.$router.currentRoute.params.businessKey)
|
||||||
|
// }
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getInfo (id) {
|
||||||
|
this.$http.get('/resourceMountApply/' + id).then(({ data: res }) => {
|
||||||
|
if (res.code !== 0) {
|
||||||
|
return this.$message.error(res.msg)
|
||||||
|
}
|
||||||
|
this.dataForm = res.data.resourceDTO
|
||||||
|
if (this.dataForm.type != '应用资源') {
|
||||||
|
this.shifoushizujian = false
|
||||||
|
this.dataForm.infoList.forEach((val) => {
|
||||||
|
if (val.attrValue === '图层服务') {
|
||||||
|
this.coverageNotShow = false
|
||||||
|
} else if (val.attrValue === '智能算法') {
|
||||||
|
this.nameNotShow = true
|
||||||
|
this.algorithmShow = false
|
||||||
|
console.log(this.nameNotShow, 'wowowo')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.shifoushizujian = true
|
||||||
|
}
|
||||||
|
console.log('this.dataForm', this.dataForm)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created () {
|
||||||
|
// this.dataForm = this.$router.currentRoute.params.id
|
||||||
|
this.init()
|
||||||
|
console.log('fromList', this.$router.currentRoute.params.businessKey)
|
||||||
|
// this.dataForm = this.$router.currentRoute.params.params.params.resourceDTO
|
||||||
|
var callbacks = {
|
||||||
|
startProcessSuccessCallback: this.closeCurrentTab,
|
||||||
|
startProcessErrorCallback: this.startProcessErrorCallback,
|
||||||
|
taskHandleSuccessCallback: this.closeCurrentTab,
|
||||||
|
taskHandleErrorCallback: this.taskHandleErrorCallback,
|
||||||
|
formSaveSuccessCallback: null,
|
||||||
|
formSaveErrorCallback: null
|
||||||
|
}
|
||||||
|
// 初始化综合组件
|
||||||
|
this.initProcessMultiple(callbacks)
|
||||||
|
},
|
||||||
|
mounted () {}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss">
|
||||||
|
.kuandukuandukuandu {
|
||||||
|
max-width: 1500px;
|
||||||
|
}
|
||||||
|
.wrapper {
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,177 @@
|
||||||
|
<!--
|
||||||
|
*传参示例
|
||||||
|
html:
|
||||||
|
<input-select-checkbox
|
||||||
|
:type="typeSon"
|
||||||
|
:name="nameSon"
|
||||||
|
:value="valueSon"
|
||||||
|
:options="optionSon">
|
||||||
|
</input-select-checkbox>
|
||||||
|
js:
|
||||||
|
this.typeSon = 'select'//类型
|
||||||
|
this.nameSon = '算法描述'//名称
|
||||||
|
this.valueSon = '这是一个描述'//内容
|
||||||
|
this.optionSon = ['1', '2', '3']//选项
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div id="inputSelectCheckbox">
|
||||||
|
<!-- input框 -->
|
||||||
|
<a-input v-if="type == 'input'" v-model:value="value" :placeholder="'请输入' + name" />
|
||||||
|
<!-- 下拉框 -->
|
||||||
|
<el-select
|
||||||
|
v-else-if="type === 'select'"
|
||||||
|
style="width: 240px"
|
||||||
|
v-model="value"
|
||||||
|
:placeholder="'请选择' + name">
|
||||||
|
<el-option
|
||||||
|
:value="itemSelect.dictLabel"
|
||||||
|
v-for="(itemSelect, indexSelect) in options"
|
||||||
|
:key="indexSelect">
|
||||||
|
{{ itemSelect.dictLabel }}
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
<!-- 多选 -->
|
||||||
|
<div
|
||||||
|
v-else-if="type === 'checkBox'"
|
||||||
|
>
|
||||||
|
<el-checkbox-group v-model="valueCheckBox">
|
||||||
|
<el-checkbox-button v-for="val in options" :label="val.dictLabel" :key="val.dictLabel">{{val.dictLabel}}</el-checkbox-button>
|
||||||
|
</el-checkbox-group>
|
||||||
|
</div>
|
||||||
|
<!-- 不可点的input框 -->
|
||||||
|
<el-input
|
||||||
|
v-else-if="type === 'disabled'"
|
||||||
|
v-model="value"
|
||||||
|
:placeholder="'请输入' + name"
|
||||||
|
:disabled="true"
|
||||||
|
/>
|
||||||
|
<!-- 单选 -->
|
||||||
|
<el-radio-group v-model="value" v-else-if="type == 'radio'">
|
||||||
|
<el-radio v-for="item in options" :label="item.dictLabel" :key="item.dictLabel">{{item.dictLabel}}</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
<!-- <a-radio-group
|
||||||
|
|
||||||
|
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>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'inputSelectCheckbox',
|
||||||
|
components: {
|
||||||
|
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
type: String,
|
||||||
|
data: Array,
|
||||||
|
name: String,
|
||||||
|
value: String,
|
||||||
|
options: {
|
||||||
|
type: Array,
|
||||||
|
default: null
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
// 多选放数据的数组
|
||||||
|
valueCheckBox: [],
|
||||||
|
// 单选数据
|
||||||
|
regionSelect: '',
|
||||||
|
showKey: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
selectOptions () {
|
||||||
|
if (this.data.isLinkToDic === 'true' && this.data.linkValue) {
|
||||||
|
this.$http
|
||||||
|
.get(`/sys/dict/data/page?page=1&limit=20&dictTypeId=${this.data.linkValue}&deFlage=0`).then(({ data: res }) => {
|
||||||
|
console.log(res, 'res')
|
||||||
|
const dataList = []
|
||||||
|
res.data.list.forEach((element) => {
|
||||||
|
dataList.push(element)
|
||||||
|
console.log(dataList, 'this.options')
|
||||||
|
})
|
||||||
|
this.options = dataList
|
||||||
|
console.log(this.options)
|
||||||
|
})
|
||||||
|
.catch(() => {})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted () {
|
||||||
|
this.selectOptions()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang='scss' scoped>
|
||||||
|
#inputSelectCheckbox {
|
||||||
|
margin-top: 20px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
span:first-child {
|
||||||
|
display: block;
|
||||||
|
width: 120px;
|
||||||
|
}
|
||||||
|
::v-deep .el-select {
|
||||||
|
.el-input__inner {
|
||||||
|
resize: none;
|
||||||
|
width: 240px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::v-deep .ant-input {
|
||||||
|
// width: 570px;
|
||||||
|
}
|
||||||
|
::v-deep .el-input__inner {
|
||||||
|
resize: none;
|
||||||
|
// width: 570px;
|
||||||
|
}
|
||||||
|
::v-deep .el-textarea {
|
||||||
|
width: 570px;
|
||||||
|
}
|
||||||
|
::v-deep .el-textarea__inner {
|
||||||
|
width: 570px;
|
||||||
|
height: 76px;
|
||||||
|
min-height: 32px;
|
||||||
|
resize: none;
|
||||||
|
}
|
||||||
|
::v-deep .el-input__count {
|
||||||
|
bottom: -20px;
|
||||||
|
right: 5px;
|
||||||
|
}
|
||||||
|
::v-deep .el-checkbox-group {
|
||||||
|
width: 570px;
|
||||||
|
display: grid;
|
||||||
|
margin-top: -5px;
|
||||||
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
||||||
|
}
|
||||||
|
::v-deep .el-checkbox-button__inner {
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 14px;
|
||||||
|
width: 90px;
|
||||||
|
height: 26px;
|
||||||
|
border-radius: 13px;
|
||||||
|
color: #333333;
|
||||||
|
background: #f5f5f5;
|
||||||
|
border: 1px #cccccc solid;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 10px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
::v-deep .el-checkbox-button.is-checked .el-checkbox-button__inner {
|
||||||
|
background: #0087ff;
|
||||||
|
color: #fff;
|
||||||
|
box-shadow: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,311 @@
|
||||||
|
<!--
|
||||||
|
* @Author: hisense.liangjunhua
|
||||||
|
* @Date: 2022-07-08 09:54:50
|
||||||
|
* @LastEditors: hisense.liangjunhua
|
||||||
|
* @LastEditTime: 2022-07-08 17:26:24
|
||||||
|
* @Description: 多条数据特殊处理
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div class="special">
|
||||||
|
<div class="top">{{configure.name}}</div>
|
||||||
|
<div class="bottom">
|
||||||
|
<div class="items" v-show="data.length > 0">
|
||||||
|
<div class="item" v-for="(val, index) in data" :key="'key1' + val.name + index">
|
||||||
|
<p>
|
||||||
|
<span>{{ configure.name }}-{{ index + 1 }}</span>
|
||||||
|
<span></span>
|
||||||
|
</p>
|
||||||
|
<p v-for="(attr,index2) in configure.list" :key="'key2' + attr.name + index2">
|
||||||
|
<span>{{ attr.name }}</span>
|
||||||
|
<span v-if="attr.type === 'image'">
|
||||||
|
<!-- <a-image :width="85" :height="60" :src="val.img" /> -->
|
||||||
|
<el-image
|
||||||
|
style="width: 85px; height: 60px"
|
||||||
|
:src="val.img"
|
||||||
|
:preview-src-list="[val.img]">
|
||||||
|
</el-image>
|
||||||
|
</span>
|
||||||
|
<span v-else>{{ val[attr.field] + (attr.company || '') }}</span>
|
||||||
|
</p>
|
||||||
|
<div class="del">
|
||||||
|
<i class="delImg" @click="del( index)"></i>
|
||||||
|
<div @click="del(configure.name, index)">删除</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="add">添加更多{{ configure.name }}</div>
|
||||||
|
<div class="form" v-for="(val, index) in configure.list" :key="'key3' + val.name + index">
|
||||||
|
<span>{{ val.name }}</span>
|
||||||
|
<a-input v-model:value="val.note1" :maxlength="24" :placeholder="'请填写' + val.name + ',不超过24个字符'"
|
||||||
|
v-if="val.type == 'input'"/>
|
||||||
|
<a-textarea v-model:value="val.note1" :showCount="true" :maxlength="200" :placeholder="'请填写' + val.name"
|
||||||
|
v-else-if="val.type == 'textArea'"/>
|
||||||
|
<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'" />
|
||||||
|
<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"
|
||||||
|
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 class="submit">
|
||||||
|
<a-button type="primary" @click="add(configure.name)">提交</a-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
// import upload from '@/views/modules/ability/upload.vue'
|
||||||
|
import upload from '@/views/modules/components/upload'
|
||||||
|
export default {
|
||||||
|
name: '',
|
||||||
|
components: {
|
||||||
|
upload
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
configure: Object
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
data: [],
|
||||||
|
showKey: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
add (title) {
|
||||||
|
const list = this.configure.list
|
||||||
|
let flag = true
|
||||||
|
list.forEach((item) => {
|
||||||
|
console.log(item)
|
||||||
|
if (item.type !== 'number' && !item.note1.length > 0) {
|
||||||
|
flag = false
|
||||||
|
} else if (item.type === 'number' && !item.note1 > 0) {
|
||||||
|
flag = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
if (flag) {
|
||||||
|
const obj = {}
|
||||||
|
list.forEach((item) => {
|
||||||
|
obj[item.field] = item.note1
|
||||||
|
})
|
||||||
|
this.data.push(obj)
|
||||||
|
// console.log(data.value[title])
|
||||||
|
this.$emit('changeInfoList', {
|
||||||
|
attrType: title,
|
||||||
|
attrValue: JSON.stringify(this.data),
|
||||||
|
delFlag: 0
|
||||||
|
})
|
||||||
|
list.forEach((item) => {
|
||||||
|
item.note1 = ''
|
||||||
|
})
|
||||||
|
this.showKey++
|
||||||
|
} else {
|
||||||
|
this.$message.warning('请填写完整')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
del (title, index) {
|
||||||
|
this.data.splice(index, 1)
|
||||||
|
this.$emit('changeInfoList', {
|
||||||
|
attrType: title,
|
||||||
|
attrValue: JSON.stringify(this.data),
|
||||||
|
delFlag: 0
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang='scss' scoped>
|
||||||
|
.top {
|
||||||
|
color: #333333;
|
||||||
|
font-size: 22px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
|
||||||
|
div:first-child,
|
||||||
|
div:last-child {
|
||||||
|
width: 245px;
|
||||||
|
height: 1px;
|
||||||
|
background: #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div:nth-child(2) {
|
||||||
|
margin: 0 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom {
|
||||||
|
margin-top: 25px;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
.items {
|
||||||
|
background: #fafafa;
|
||||||
|
padding: 10px;
|
||||||
|
|
||||||
|
p {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
span:nth-of-type(1) {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
span:nth-of-type(2) {
|
||||||
|
width: 100%;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
p:nth-of-type(1) > span:nth-of-type(1) {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.del {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.delImg {
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
width: 16px;
|
||||||
|
height: 18px;
|
||||||
|
background: url(~@/assets/img/putOnTheShelf/del.png) no-repeat;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.add {
|
||||||
|
margin-top: 10px;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #007efb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form {
|
||||||
|
margin-top: 20px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
span:first-child {
|
||||||
|
width: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-input-textarea) {
|
||||||
|
width: 570px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-radio-group) {
|
||||||
|
width: 570px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-input-number) {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.ant-input) {
|
||||||
|
resize: none;
|
||||||
|
width: 570px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-btn {
|
||||||
|
width: 160px;
|
||||||
|
height: 32px;
|
||||||
|
text-align: center;
|
||||||
|
background: #edf4fc;
|
||||||
|
color: #0087ff;
|
||||||
|
border: 1px solid #bbd3ef;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.submit {
|
||||||
|
margin-top: 40px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
|
||||||
|
.ant-btn {
|
||||||
|
width: 80px;
|
||||||
|
height: 28px;
|
||||||
|
text-align: center;
|
||||||
|
background: #d9ebff;
|
||||||
|
color: #0087ff;
|
||||||
|
border: 1px solid #0087ff;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::v-deep .el-image__preview {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-modal {
|
||||||
|
width: 960px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-transfer-list {
|
||||||
|
width: 39.5%;
|
||||||
|
height: 520px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-transfer-operation {
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
margin: 0 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-btn {
|
||||||
|
// width: 56px;
|
||||||
|
// height: 40px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-btn:first-child {
|
||||||
|
margin-left: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-modal-footer {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-modal-header {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-modal-title {
|
||||||
|
line-height: 24px;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #303133;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-transfer-list-header {
|
||||||
|
background: #f5f7fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-transfer-list-header-selected {
|
||||||
|
display: flex;
|
||||||
|
width: 90%;
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
::v-deep .ant-input-number {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
::v-deep .ant-transfer-list-header-title {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #303133;
|
||||||
|
font-weight: 400;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
textarea {
|
||||||
|
height: 100px;
|
||||||
|
resize: none;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,212 @@
|
||||||
|
<!--
|
||||||
|
* @Author: hisense.liangjunhua
|
||||||
|
* @Date: 2022-07-08 09:48:52
|
||||||
|
* @LastEditors: hisense.liangjunhua
|
||||||
|
* @LastEditTime: 2022-07-08 17:48:27
|
||||||
|
* @Description: 告诉大家这是什么
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div class="put-on-the-shelf">
|
||||||
|
<div v-for="parent in putOnTheShelfList" :key='parent.id'>
|
||||||
|
<div v-for='child in parent.children' :key='child.id'>
|
||||||
|
<template v-if='judgmentType.filter(item => item.name==child.name).length === 0'>
|
||||||
|
<div class="top">{{child.name}}</div>
|
||||||
|
<div v-for="item in child.children" :key="item.id" class='item'>
|
||||||
|
<span v-if="item.name != '来源应用'">{{ item.name }}</span>
|
||||||
|
<upload :list="[]" v-if="item.type == 'image'" type="图片" btnName="上传图片" :maxCount="1" :data="item"
|
||||||
|
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"
|
||||||
|
: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"
|
||||||
|
tip="支持文件类型，大小不超过100M"></upload>
|
||||||
|
<upload @changeInfoList='changeInfoList' :title='item.name' accept='.mp4' :list="[]" v-else-if="item.type == 'video'" type="视频" btnName="上传视频" :maxCount="1" :dataList="item"
|
||||||
|
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 == 'text2'" type="disabled" :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 == '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 == '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 == 'textArea'" type="textArea" :data="item" :name="item.name" :value="item.note1"></input-select-checkbox>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<special :configure='judgmentType.filter(item => item.name==child.name)[0]' @changeInfoList='changeInfoList'></special>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import inputSelectCheckbox from './components/inputSelectCheckbox'
|
||||||
|
import special from './components/special'
|
||||||
|
import upload from '@/views/modules/components/upload'
|
||||||
|
export default {
|
||||||
|
name: '',
|
||||||
|
components: {
|
||||||
|
special,
|
||||||
|
upload,
|
||||||
|
inputSelectCheckbox
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
putOnTheShelfList: Array
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
judgmentType: [
|
||||||
|
{
|
||||||
|
name: '算法优势',
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
name: '算法优势名称',
|
||||||
|
field: 'name',
|
||||||
|
type: 'input',
|
||||||
|
note1: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '算法优势描述',
|
||||||
|
field: 'desc',
|
||||||
|
type: 'textArea',
|
||||||
|
note1: ''
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '应用场景',
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
name: '应用场景名称',
|
||||||
|
field: 'name',
|
||||||
|
type: 'input',
|
||||||
|
note1: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '应用场景描述',
|
||||||
|
field: 'desc',
|
||||||
|
type: 'textArea',
|
||||||
|
note1: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '应用场景图片',
|
||||||
|
field: 'img',
|
||||||
|
type: 'image',
|
||||||
|
note1: ''
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '计费标准信息',
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
name: '计费方式',
|
||||||
|
field: 'type',
|
||||||
|
type: 'radio',
|
||||||
|
options: ['一次性买断', '按调用次数', '按并发路数', '按年计费'],
|
||||||
|
note1: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '计费标准',
|
||||||
|
field: 'price',
|
||||||
|
type: 'number',
|
||||||
|
company: '元',
|
||||||
|
note1: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '计费标准描述',
|
||||||
|
field: 'desc',
|
||||||
|
type: 'textArea',
|
||||||
|
note1: ''
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '常见问题',
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
name: '问题',
|
||||||
|
field: 'question',
|
||||||
|
type: 'textArea',
|
||||||
|
note1: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '答复',
|
||||||
|
field: 'answer',
|
||||||
|
type: 'textArea',
|
||||||
|
note1: ''
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '功能介绍',
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
name: '功能名称',
|
||||||
|
field: 'name',
|
||||||
|
type: 'input',
|
||||||
|
note1: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '功能描述',
|
||||||
|
field: 'desc',
|
||||||
|
type: 'textArea',
|
||||||
|
note1: ''
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '功能图片',
|
||||||
|
field: 'img',
|
||||||
|
type: 'image',
|
||||||
|
note1: ''
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
changeInfoList (obj) {
|
||||||
|
this.$emit('changeInfoList', obj)
|
||||||
|
},
|
||||||
|
goToRichText () {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang='scss' scoped>
|
||||||
|
.put-on-the-shelf {
|
||||||
|
height: 500px;
|
||||||
|
padding: 0 50px;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
.put-on-the-shelf::-webkit-scrollbar {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top {
|
||||||
|
color: #333333;
|
||||||
|
font-size: 22px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
|
||||||
|
div:first-child,
|
||||||
|
div:last-child {
|
||||||
|
width: 245px;
|
||||||
|
height: 1px;
|
||||||
|
background: #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div:nth-child(2) {
|
||||||
|
margin: 0 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin: 25px 0;
|
||||||
|
& > span:nth-of-type(1) {
|
||||||
|
width: 105px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -28,108 +28,108 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import contentTitle from "./content-title";
|
import contentTitle from './content-title'
|
||||||
import * as Apis from '../api';
|
import * as Apis from '../api'
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
contentTitle
|
contentTitle
|
||||||
},
|
},
|
||||||
data() {
|
data () {
|
||||||
return {
|
return {
|
||||||
title: { dynamic: "部门发布动态", recommend: "部门推荐能力" },
|
title: { dynamic: '部门发布动态', recommend: '部门推荐能力' },
|
||||||
list: [],
|
list: [],
|
||||||
columns: [
|
columns: [
|
||||||
{
|
{
|
||||||
title: "名称",
|
title: '名称',
|
||||||
key: "name",
|
key: 'name',
|
||||||
dataIndex: "name",
|
dataIndex: 'name',
|
||||||
width: 250
|
width: 250
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "类型",
|
title: '类型',
|
||||||
key: "type",
|
key: 'type',
|
||||||
dataIndex: "type",
|
dataIndex: 'type',
|
||||||
width: 76
|
width: 76
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "单位",
|
title: '单位',
|
||||||
key: "deptContacts",
|
key: 'deptContacts',
|
||||||
dataIndex: "deptContacts",
|
dataIndex: 'deptContacts',
|
||||||
width: 144
|
width: 144
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "时间",
|
title: '时间',
|
||||||
key: "createDate",
|
key: 'createDate',
|
||||||
dataIndex: "createDate",
|
dataIndex: 'createDate',
|
||||||
width: 153
|
width: 153
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "当前申请数",
|
title: '当前申请数',
|
||||||
key: "applyCount",
|
key: 'applyCount',
|
||||||
dataIndex: "applyCount",
|
dataIndex: 'applyCount',
|
||||||
width: 145
|
width: 145
|
||||||
},
|
}
|
||||||
],
|
],
|
||||||
tableData: [],
|
tableData: [],
|
||||||
maxSize: { y: 195 },
|
maxSize: { y: 195 },
|
||||||
loadingDynamic: false,
|
loadingDynamic: false,
|
||||||
loadingTable: false,
|
loadingTable: false
|
||||||
};
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted () {
|
||||||
this.getResourceByDept();
|
this.getResourceByDept()
|
||||||
this.getApplyByDept()
|
this.getApplyByDept()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 发布动态
|
// 发布动态
|
||||||
getResourceByDept() {
|
getResourceByDept () {
|
||||||
let data = {
|
const data = {
|
||||||
limit: 5,
|
limit: 5,
|
||||||
page: 1
|
page: 1
|
||||||
};
|
}
|
||||||
this.loadingDynamic = true;
|
this.loadingDynamic = true
|
||||||
Apis.getResourceByDept(
|
Apis.getResourceByDept(
|
||||||
data,
|
data,
|
||||||
res => {
|
res => {
|
||||||
this.loadingDynamic = false;
|
this.loadingDynamic = false
|
||||||
if (res.data.code !== 0) {
|
if (res.data.code !== 0) {
|
||||||
return this.$message.error(res.data.msg)
|
return this.$message.error(res.data.msg)
|
||||||
}
|
}
|
||||||
console.log('res.data----发布动态-------->', res.data);
|
console.log('res.data----发布动态-------->', res.data)
|
||||||
this.list = res.data.data.list || []
|
this.list = res.data.data.list || []
|
||||||
this.list.push(this.list[0])
|
// this.list.push({})
|
||||||
this.list.push(this.list[0])
|
// this.list.push({})
|
||||||
},
|
},
|
||||||
err => {
|
err => {
|
||||||
this.loadingDynamic = false;
|
this.loadingDynamic = false
|
||||||
this.$message.error(err)
|
this.$message.error(err)
|
||||||
console.log('err-----发布动态------->', err);
|
console.log('err-----发布动态------->', err)
|
||||||
}
|
}
|
||||||
);
|
)
|
||||||
},
|
},
|
||||||
// 部门推荐能力
|
// 部门推荐能力
|
||||||
getApplyByDept() {
|
getApplyByDept () {
|
||||||
let data = {
|
const data = {
|
||||||
limit: 5,
|
limit: 5,
|
||||||
page: 1
|
page: 1
|
||||||
};
|
}
|
||||||
this.loadingTable = true;
|
this.loadingTable = true
|
||||||
Apis.getApplyByDept(
|
Apis.getApplyByDept(
|
||||||
data,
|
data,
|
||||||
res => {
|
res => {
|
||||||
this.loadingTable = false;
|
this.loadingTable = false
|
||||||
if (res.data.code !== 0) {
|
if (res.data.code !== 0) {
|
||||||
return this.$message.error(res.data.msg)
|
return this.$message.error(res.data.msg)
|
||||||
}
|
}
|
||||||
console.log('res.data------部门推荐能力------>', res.data);
|
console.log('res.data------部门推荐能力------>', res.data)
|
||||||
this.tableData = res.data.data.list || [];
|
this.tableData = res.data.data.list || []
|
||||||
},
|
},
|
||||||
err => {
|
err => {
|
||||||
this.loadingTable = false;
|
this.loadingTable = false
|
||||||
this.$message.error(err)
|
this.$message.error(err)
|
||||||
console.log("err", err);
|
console.log('err', err)
|
||||||
}
|
}
|
||||||
);
|
)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -142,7 +142,6 @@ export default {
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.bottom-view {
|
.bottom-view {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 335px;
|
height: 335px;
|
||||||
|
|
@ -220,4 +219,4 @@ export default {
|
||||||
::v-deep .ant-table-thead {
|
::v-deep .ant-table-thead {
|
||||||
background-color: #f4f5f8;
|
background-color: #f4f5f8;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-row-between row-name" v-for="(data, i) in listInfo" :key="i">
|
<div class="flex-row-between row-name" v-for="(data, i) in listInfo" :key="i">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<div class="row-index">{{ i + 3 }}</div>
|
<div class="row-index">{{ i + 4 }}</div>
|
||||||
<el-tooltip effect="dark" :content="data.name" placement="top">
|
<el-tooltip effect="dark" :content="data.name" placement="top">
|
||||||
<div class="name-text ellipsis">{{ data.name || '--' }}</div>
|
<div class="name-text ellipsis">{{ data.name || '--' }}</div>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
|
|
@ -41,185 +41,181 @@
|
||||||
import * as Apis from '../api.js'
|
import * as Apis from '../api.js'
|
||||||
import contentTitle from './content-title.vue'
|
import contentTitle from './content-title.vue'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data () {
|
||||||
return {
|
return {
|
||||||
listInfo: [],
|
listInfo: [],
|
||||||
colorObj: {
|
colorObj: {
|
||||||
1: '#4658710',
|
1: '#4658710',
|
||||||
2: '#734204',
|
2: '#734204',
|
||||||
3: '#805932',
|
3: '#805932'
|
||||||
},
|
},
|
||||||
no1Obj: {
|
no1Obj: {
|
||||||
name: '',
|
name: '',
|
||||||
count: '',
|
count: ''
|
||||||
},
|
},
|
||||||
no2Obj: {
|
no2Obj: {
|
||||||
name: '',
|
name: '',
|
||||||
count: '',
|
count: ''
|
||||||
},
|
},
|
||||||
no3Obj: {
|
no3Obj: {
|
||||||
name: '',
|
name: '',
|
||||||
count: '',
|
count: ''
|
||||||
},
|
},
|
||||||
noData: false,
|
noData: false,
|
||||||
loading: true,
|
loading: true
|
||||||
};
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted () {
|
||||||
this.getData();
|
this.getData()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 频率
|
// 频率
|
||||||
getData() {
|
getData () {
|
||||||
let data = {
|
const data = {
|
||||||
limit: 5,
|
limit: 5,
|
||||||
page: 1,
|
page: 1
|
||||||
};
|
}
|
||||||
this.loading = true
|
this.loading = true
|
||||||
Apis.getFrequence(data, res => {
|
Apis.getFrequence(data, res => {
|
||||||
this.loading = false;
|
this.loading = false
|
||||||
if (res.data.code !== 0) {
|
if (res.data.code !== 0) {
|
||||||
return this.$message.error(res.data.msg);
|
return this.$message.error(res.data.msg)
|
||||||
}
|
|
||||||
console.log("res----频率-------->", res.data);
|
|
||||||
let _arr = res.data.data.records || [];
|
|
||||||
if (_arr.length == 0) {
|
|
||||||
this.noData = true
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
for (let i = 0; i < 3; i++) {
|
|
||||||
let k = i + 1;
|
|
||||||
this[`no${k}Obj`].name = _arr[i].name
|
|
||||||
this[`no${k}Obj`].count = _arr[i].count
|
|
||||||
}
|
|
||||||
this.listInfo = []
|
|
||||||
this.listInfo.push(_arr[3] || {})
|
|
||||||
this.listInfo.push(_arr[4] || {})
|
|
||||||
|
|
||||||
}, err => {
|
|
||||||
this.loading = false;
|
|
||||||
this.$message.error(err);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
formatCount(count) {
|
|
||||||
return count || count === 0 ? count : '--'
|
|
||||||
}
|
}
|
||||||
|
console.log('res----频率-------->', res.data)
|
||||||
|
const _arr = res.data.data.records || []
|
||||||
|
if (_arr.length == 0) {
|
||||||
|
this.noData = true
|
||||||
|
return
|
||||||
|
}
|
||||||
|
for (let i = 0; i < 3; i++) {
|
||||||
|
const k = i + 1
|
||||||
|
this[`no${k}Obj`].name = _arr[i].name
|
||||||
|
this[`no${k}Obj`].count = _arr[i].count
|
||||||
|
}
|
||||||
|
this.listInfo = []
|
||||||
|
this.listInfo.push(_arr[3] || {})
|
||||||
|
this.listInfo.push(_arr[4] || {})
|
||||||
|
}, err => {
|
||||||
|
this.loading = false
|
||||||
|
this.$message.error(err)
|
||||||
|
})
|
||||||
},
|
},
|
||||||
components: { contentTitle }
|
formatCount (count) {
|
||||||
|
return count || count === 0 ? count : '--'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: { contentTitle }
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.ellipsis {
|
.ellipsis {
|
||||||
//超出一行省略号
|
//超出一行省略号
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-row-between {
|
.flex-row-between {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
height: 52px;
|
height: 52px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
padding-right: 16px;
|
padding-right: 16px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.frequency {
|
.frequency {
|
||||||
width: 540px;
|
width: 540px;
|
||||||
height: 335px;
|
height: 335px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-box {
|
.no-box {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no1 {
|
.no1 {
|
||||||
width: 170px;
|
width: 170px;
|
||||||
height: 120px;
|
height: 120px;
|
||||||
margin-top: -20px;
|
margin-top: -20px;
|
||||||
background-image: url("~@/assets/img/workBench/NO1.png");
|
background-image: url("~@/assets/img/workBench/NO1.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
.no {
|
.no {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no2 {
|
.no2 {
|
||||||
width: 170px;
|
width: 170px;
|
||||||
height: 120px;
|
height: 120px;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
background-image: url("~@/assets/img/workBench/NO2.png");
|
background-image: url("~@/assets/img/workBench/NO2.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.no3 {
|
.no3 {
|
||||||
width: 170px;
|
width: 170px;
|
||||||
height: 120px;
|
height: 120px;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
background-image: url("~@/assets/img/workBench/NO3.png");
|
background-image: url("~@/assets/img/workBench/NO3.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
margin-top: 70px;
|
margin-top: 70px;
|
||||||
width: 150px;
|
width: 150px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.count {
|
.count {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #2b2b2b;
|
color: #2b2b2b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.row-name {
|
.row-name {
|
||||||
background: #f4f5f8;
|
background: #f4f5f8;
|
||||||
border-radius: 1px;
|
border-radius: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.row-index {
|
.row-index {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #414d60;
|
color: #414d60;
|
||||||
}
|
}
|
||||||
|
|
||||||
.name-text {
|
.name-text {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #464545;
|
color: #464545;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
width: 430px;
|
width: 430px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.num-text {
|
.num-text {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #2b2b2b;
|
color: #2b2b2b;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-data {
|
.no-data {
|
||||||
width: 540px;
|
width: 540px;
|
||||||
height: 300px;
|
height: 300px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
line-height: 232px;
|
line-height: 232px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #212121;
|
color: #212121;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2022-03-29 16:45:25
|
* @Date: 2022-03-29 16:45:25
|
||||||
* @LastEditors: hisense.wuhongjian
|
* @LastEditors: hisense.wuhongjian
|
||||||
* @LastEditTime: 2022-07-06 18:44:35
|
* @LastEditTime: 2022-07-09 10:36:03
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
|
@ -28,10 +28,10 @@
|
||||||
<!-- 站点配置 -->
|
<!-- 站点配置 -->
|
||||||
<script>
|
<script>
|
||||||
window.SITE_CONFIG = {};
|
window.SITE_CONFIG = {};
|
||||||
// window.SITE_CONFIG['backUrl'] = 'http://15.72.183.90:8001';
|
window.SITE_CONFIG['backUrl'] = 'http://15.72.183.90:8001';
|
||||||
// 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';
|
||||||
|
|
@ -45,10 +45,10 @@
|
||||||
// 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.238: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.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address';
|
||||||
// 穿透版本
|
// 穿透版本
|
||||||
// window.SITE_CONFIG['backUrl'] = 'http://124.222.94.39:9797';
|
// window.SITE_CONFIG['backUrl'] = 'http://124.222.94.39:9797';
|
||||||
|
|
|
||||||
|
|
@ -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-06 18:44:54
|
* @LastEditTime: 2022-07-09 10:36:12
|
||||||
* @Description: 数据资源参数配置
|
* @Description: 数据资源参数配置
|
||||||
*/
|
*/
|
||||||
//const newLocation = 'qingdao'
|
const newLocation = 'qingdao'
|
||||||
// const newLocation = 'baotou'
|
// const newLocation = 'baotou'
|
||||||
const newLocation = 'xihaian'
|
// const newLocation = 'xihaian'
|
||||||
|
|
||||||
// 数据资源数据
|
// 数据资源数据
|
||||||
const whoShow = {}
|
const whoShow = {}
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2022-03-29 17:48:03
|
* @Date: 2022-03-29 17:48:03
|
||||||
* @LastEditors: hisense.liangjunhua
|
* @LastEditors: hisense.liangjunhua
|
||||||
* @LastEditTime: 2022-07-05 15:04:47
|
* @LastEditTime: 2022-07-07 09:22:56
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
*/
|
*/
|
||||||
import { createApp } from 'vue'
|
import { createApp } from 'vue'
|
||||||
|
|
@ -51,9 +51,3 @@ router.beforeEach((to, from, next) => {
|
||||||
document.body.scrollTop = 0
|
document.body.scrollTop = 0
|
||||||
next()
|
next()
|
||||||
})
|
})
|
||||||
// 解决bug：页面/路由跳转后，滚动条消失，页面无法滚动
|
|
||||||
router.afterEach((to, from, next) => {
|
|
||||||
document
|
|
||||||
.querySelector('body')
|
|
||||||
.setAttribute('style', 'overflow: auto !important;')
|
|
||||||
})
|
|
||||||
|
|
|
||||||
|
|
@ -2,182 +2,182 @@
|
||||||
* @author chuzhixin 1204505056@qq.com
|
* @author chuzhixin 1204505056@qq.com
|
||||||
* @description 登录、获取用户信息、退出登录、清除accessToken逻辑，不建议修改
|
* @description 登录、获取用户信息、退出登录、清除accessToken逻辑，不建议修改
|
||||||
*/
|
*/
|
||||||
import { getUserInfo, login, logout } from '@/api/user'
|
import { getUserInfo, login, logout } from '@/api/user'
|
||||||
import {
|
import {
|
||||||
getAccessToken,
|
getAccessToken,
|
||||||
removeAccessToken,
|
removeAccessToken,
|
||||||
setAccessToken,
|
setAccessToken,
|
||||||
} from '@/utils/accessToken'
|
} from '@/utils/accessToken'
|
||||||
import { title, tokenName } from '@/config'
|
import { title, tokenName } from '@/config'
|
||||||
import { message, notification } from 'ant-design-vue'
|
import { message, notification } from 'ant-design-vue'
|
||||||
|
|
||||||
const state = () => ({
|
const state = () => ({
|
||||||
accessToken: getAccessToken(),
|
accessToken: getAccessToken(),
|
||||||
username: '',
|
username: '',
|
||||||
userId: '',
|
userId: '',
|
||||||
avatar: '',
|
avatar: '',
|
||||||
role: 0, // 用户管理员权限
|
role: 0, // 用户管理员权限
|
||||||
})
|
})
|
||||||
const getters = {
|
const getters = {
|
||||||
accessToken: (state) => state.accessToken,
|
accessToken: (state) => state.accessToken,
|
||||||
username: (state) => state.username,
|
username: (state) => state.username,
|
||||||
avatar: (state) => state.avatar,
|
avatar: (state) => state.avatar,
|
||||||
role: (state) => state.role,
|
role: (state) => state.role,
|
||||||
userId: (state) => state.userId,
|
userId: (state) => state.userId,
|
||||||
}
|
}
|
||||||
const mutations = {
|
const mutations = {
|
||||||
/**
|
/**
|
||||||
* @author chuzhixin 1204505056@qq.com
|
* @author chuzhixin 1204505056@qq.com
|
||||||
* @description 设置accessToken
|
* @description 设置accessToken
|
||||||
* @param {*} state
|
* @param {*} state
|
||||||
* @param {*} accessToken
|
* @param {*} accessToken
|
||||||
*/
|
*/
|
||||||
setAccessToken(state, accessToken) {
|
setAccessToken(state, accessToken) {
|
||||||
state.accessToken = accessToken
|
state.accessToken = accessToken
|
||||||
setAccessToken(accessToken)
|
setAccessToken(accessToken)
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* @author chuzhixin 1204505056@qq.com
|
* @author chuzhixin 1204505056@qq.com
|
||||||
* @description 设置用户名
|
* @description 设置用户名
|
||||||
* @param {*} state
|
* @param {*} state
|
||||||
* @param {*} username
|
* @param {*} username
|
||||||
*/
|
*/
|
||||||
setUsername(state, username) {
|
setUsername(state, username) {
|
||||||
state.username = username
|
state.username = username
|
||||||
},
|
},
|
||||||
// 设置角色
|
// 设置角色
|
||||||
setRole(state, role) {
|
setRole(state, role) {
|
||||||
state.role = role
|
state.role = role
|
||||||
},
|
},
|
||||||
// 设置用户userId
|
// 设置用户userId
|
||||||
setUserId(state, id) {
|
setUserId(state, id) {
|
||||||
state.userId = id
|
state.userId = id
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* @author chuzhixin 1204505056@qq.com
|
* @author chuzhixin 1204505056@qq.com
|
||||||
* @description 设置头像
|
* @description 设置头像
|
||||||
* @param {*} state
|
* @param {*} state
|
||||||
* @param {*} avatar
|
* @param {*} avatar
|
||||||
*/
|
*/
|
||||||
setAvatar(state, avatar) {
|
setAvatar(state, avatar) {
|
||||||
state.avatar = avatar
|
state.avatar = avatar
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
const actions = {
|
const actions = {
|
||||||
/**
|
/**
|
||||||
* @author chuzhixin 1204505056@qq.com
|
* @author chuzhixin 1204505056@qq.com
|
||||||
* @description 登录拦截放行时，设置虚拟角色
|
* @description 登录拦截放行时，设置虚拟角色
|
||||||
* @param {*} { commit, dispatch }
|
* @param {*} { commit, dispatch }
|
||||||
*/
|
*/
|
||||||
setVirtualRoles({ commit, dispatch }) {
|
setVirtualRoles({ commit, dispatch }) {
|
||||||
dispatch('acl/setFull', true, {
|
dispatch('acl/setFull', true, {
|
||||||
root: true,
|
root: true,
|
||||||
})
|
})
|
||||||
commit('setAvatar', 'https://i.gtimg.cn/club/item/face/img/2/15922_100.gif')
|
commit('setAvatar', 'https://i.gtimg.cn/club/item/face/img/2/15922_100.gif')
|
||||||
commit('setUsername', 'admin(未开启登录拦截)')
|
commit('setUsername', 'admin(未开启登录拦截)')
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* @author chuzhixin 1204505056@qq.com
|
* @author chuzhixin 1204505056@qq.com
|
||||||
* @description 登录
|
* @description 登录
|
||||||
* @param {*} { commit }
|
* @param {*} { commit }
|
||||||
* @param {*} userInfo
|
* @param {*} userInfo
|
||||||
*/
|
*/
|
||||||
async login({ commit }, userInfo) {
|
async login({ commit }, userInfo) {
|
||||||
const { data } = await login(userInfo)
|
const { data } = await login(userInfo)
|
||||||
// debugger
|
// debugger
|
||||||
const accessToken = data.data[tokenName]
|
const accessToken = data.data[tokenName]
|
||||||
if (accessToken) {
|
if (accessToken) {
|
||||||
commit('setAccessToken', accessToken)
|
commit('setAccessToken', accessToken)
|
||||||
const hour = new Date().getHours()
|
const hour = new Date().getHours()
|
||||||
const thisTime =
|
const thisTime =
|
||||||
hour < 8
|
hour < 8
|
||||||
? '早上好'
|
? '早上好'
|
||||||
: hour <= 11
|
: hour <= 11
|
||||||
? '上午好'
|
? '上午好'
|
||||||
: hour <= 13
|
: hour <= 13
|
||||||
? '中午好'
|
? '中午好'
|
||||||
: hour < 18
|
: hour < 18
|
||||||
? '下午好'
|
? '下午好'
|
||||||
: '晚上好'
|
: '晚上好'
|
||||||
notification.open({
|
notification.open({
|
||||||
message: `欢迎登录${title}`,
|
message: `欢迎登录${title}`,
|
||||||
description: `${thisTime}！`,
|
description: `${thisTime}！`,
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
message.error(`登录接口异常，未正确返回${tokenName}...`)
|
message.error(`登录接口异常，未正确返回${tokenName}...`)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* @author chuzhixin 1204505056@qq.com
|
* @author chuzhixin 1204505056@qq.com
|
||||||
* @description 获取用户信息接口 这个接口非常非常重要，如果没有明确底层前逻辑禁止修改此方法，错误的修改可能造成整个框架无法正常使用
|
* @description 获取用户信息接口 这个接口非常非常重要，如果没有明确底层前逻辑禁止修改此方法，错误的修改可能造成整个框架无法正常使用
|
||||||
* @param {*} { commit, dispatch, state }
|
* @param {*} { commit, dispatch, state }
|
||||||
* @returns
|
* @returns
|
||||||
*/
|
*/
|
||||||
async getUserInfo({ commit }) {
|
async getUserInfo({ commit }) {
|
||||||
const { data } = await getUserInfo()
|
const { data } = await getUserInfo()
|
||||||
if (!data) {
|
if (!data) {
|
||||||
message.error(`验证失败，请重新登录...`)
|
message.error(`验证失败，请重新登录...`)
|
||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
// debugger
|
// debugger
|
||||||
commit('setUsername', data.data.username)
|
commit('setUsername', data.data.username)
|
||||||
commit('setRole', data.data.roleIdList.length)
|
commit('setRole', data.data.roleIdList.length)
|
||||||
commit('setUserId', data.data.id)
|
commit('setUserId', data.data.id)
|
||||||
// TODO 获取用户信息，后续执行部分操作
|
// TODO 获取用户信息，后续执行部分操作
|
||||||
// let { username, avatar, roles, ability } = data
|
// let { username, avatar, roles, ability } = data
|
||||||
// if (username && roles && Array.isArray(roles)) {
|
// if (username && roles && Array.isArray(roles)) {
|
||||||
// dispatch('acl/setRole', roles, {
|
// dispatch('acl/setRole', roles, {
|
||||||
// root: true,
|
// root: true,
|
||||||
// })
|
// })
|
||||||
// if (ability && ability.length > 0)
|
// if (ability && ability.length > 0)
|
||||||
// dispatch('acl/setAbility', ability, {
|
// dispatch('acl/setAbility', ability, {
|
||||||
// root: true,
|
// root: true,
|
||||||
// })
|
// })
|
||||||
// commit('setUsername', username)
|
// commit('setUsername', username)
|
||||||
// commit('setAvatar', avatar)
|
// commit('setAvatar', avatar)
|
||||||
// } else {
|
// } else {
|
||||||
// message.error('用户信息接口异常')
|
// message.error('用户信息接口异常')
|
||||||
// }
|
// }
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @author chuzhixin 1204505056@qq.com
|
* @author chuzhixin 1204505056@qq.com
|
||||||
* @description 退出登录
|
* @description 退出登录
|
||||||
* @param {*} { dispatch }
|
* @param {*} { dispatch }
|
||||||
*/
|
*/
|
||||||
async logout({ dispatch }) {
|
async logout({ dispatch }) {
|
||||||
await logout(state.accessToken)
|
await logout(state.accessToken)
|
||||||
await dispatch('resetAll')
|
await dispatch('resetAll')
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* @author chuzhixin 1204505056@qq.com
|
* @author chuzhixin 1204505056@qq.com
|
||||||
* @description 重置accessToken、roles、ability、router等
|
* @description 重置accessToken、roles、ability、router等
|
||||||
* @param {*} { commit, dispatch }
|
* @param {*} { commit, dispatch }
|
||||||
*/
|
*/
|
||||||
async resetAll({ dispatch }) {
|
async resetAll({ dispatch }) {
|
||||||
await dispatch('setAccessToken', '')
|
await dispatch('setAccessToken', '')
|
||||||
await dispatch('acl/setFull', false, {
|
await dispatch('acl/setFull', false, {
|
||||||
root: true,
|
root: true,
|
||||||
})
|
})
|
||||||
await dispatch('acl/setRole', [], {
|
await dispatch('acl/setRole', [], {
|
||||||
root: true,
|
root: true,
|
||||||
})
|
})
|
||||||
await dispatch('acl/setAbility', [], {
|
await dispatch('acl/setAbility', [], {
|
||||||
root: true,
|
root: true,
|
||||||
})
|
})
|
||||||
removeAccessToken()
|
removeAccessToken()
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* @author chuzhixin 1204505056@qq.com
|
* @author chuzhixin 1204505056@qq.com
|
||||||
* @description 设置token
|
* @description 设置token
|
||||||
*/
|
*/
|
||||||
setAccessToken({ commit }, accessToken) {
|
setAccessToken({ commit }, accessToken) {
|
||||||
commit('setAccessToken', accessToken)
|
commit('setAccessToken', accessToken)
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
export default {
|
export default {
|
||||||
state,
|
state,
|
||||||
getters,
|
getters,
|
||||||
mutations,
|
mutations,
|
||||||
actions,
|
actions,
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@ import qs from 'qs'
|
||||||
import router from '@/router'
|
import router from '@/router'
|
||||||
// import { isArray } from '@/utils/validate'
|
// import { isArray } from '@/utils/validate'
|
||||||
import { message } from 'ant-design-vue'
|
import { message } from 'ant-design-vue'
|
||||||
import { setAccessToken } from '@/utils/accessToken'
|
import { getAccessToken, setAccessToken } from '@/utils/accessToken'
|
||||||
|
|
||||||
let loadingInstance
|
let loadingInstance
|
||||||
|
|
||||||
|
|
@ -22,15 +22,24 @@ let loadingInstance
|
||||||
* @param {*} code
|
* @param {*} code
|
||||||
* @param {*} msg
|
* @param {*} msg
|
||||||
*/
|
*/
|
||||||
const handleCode = (code, msg, redirect) => {
|
const handleCode = (code, msg, res) => {
|
||||||
|
debugger
|
||||||
switch (code) {
|
switch (code) {
|
||||||
case 401:
|
case 401:
|
||||||
// message.error(msg || '登录失效')
|
// message.error(msg || '登录失效')
|
||||||
|
|
||||||
store.dispatch('user/resetAll').catch(() => {})
|
store.dispatch('user/resetAll').catch(() => {})
|
||||||
// // location.reload()
|
if (res.token) {
|
||||||
if (redirect) {
|
console.log('存在token信息', res.token)
|
||||||
window.location.href = redirect
|
setAccessToken(res.token)
|
||||||
|
const token = getAccessToken()
|
||||||
|
console.log('验证token信息', token)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// // location.reload()
|
||||||
|
// if (redirect) {
|
||||||
|
// window.location.href = res.redirect
|
||||||
|
// }
|
||||||
break
|
break
|
||||||
case 403:
|
case 403:
|
||||||
router.push({ path: '/401' }).catch(() => {})
|
router.push({ path: '/401' }).catch(() => {})
|
||||||
|
|
@ -87,10 +96,21 @@ instance.interceptors.request.use(
|
||||||
*/
|
*/
|
||||||
instance.interceptors.response.use(
|
instance.interceptors.response.use(
|
||||||
(response) => {
|
(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)
|
||||||
|
response['Access-Control-Expose-Headers'] = 'redirect'
|
||||||
|
const { code, message } = response.data
|
||||||
|
if (response.headers.token) {
|
||||||
|
setAccessToken(response.headers.token)
|
||||||
|
} else {
|
||||||
|
if (response.headers.redirect) {
|
||||||
|
// window.location.href = response.headers.redirect
|
||||||
|
window.location.replace(response.headers.redirect)
|
||||||
|
return
|
||||||
|
// location.reload()
|
||||||
|
}
|
||||||
|
}
|
||||||
if (response.headers.redirect === '/#/login') {
|
if (response.headers.redirect === '/#/login') {
|
||||||
var keys = document.cookie.match(/[^ =;]+(?=\=)/g)
|
var keys = document.cookie.match(/[^ =;]+(?=\=)/g)
|
||||||
if (keys) {
|
if (keys) {
|
||||||
|
|
@ -109,25 +129,12 @@ instance.interceptors.response.use(
|
||||||
new Date(0).toUTCString() //清除一级域名下的或指定的，例如 .kevis.com
|
new Date(0).toUTCString() //清除一级域名下的或指定的，例如 .kevis.com
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// console.log('已清除')
|
console.log('已清除')
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
location.reload()
|
location.reload()
|
||||||
}, 1000)
|
}, 1000)
|
||||||
}
|
}
|
||||||
response['Access-Control-Expose-Headers'] = 'redirect'
|
handleCode(code, message, response.headers)
|
||||||
const { code, message } = response.data
|
|
||||||
if (response.headers.token) {
|
|
||||||
setAccessToken(response.headers.token)
|
|
||||||
} else {
|
|
||||||
if (response.headers.redirect) {
|
|
||||||
// window.location.href = response.headers.redirect
|
|
||||||
window.location.replace(response.headers.redirect)
|
|
||||||
return
|
|
||||||
// location.reload()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
handleCode(code, message, response.headers.redirect)
|
|
||||||
if (loadingInstance) loadingInstance.close()
|
if (loadingInstance) loadingInstance.close()
|
||||||
// const { data, config } = response
|
// const { data, config } = response
|
||||||
// const { code, msg } = data
|
// const { code, msg } = data
|
||||||
|
|
@ -147,38 +154,15 @@ instance.interceptors.response.use(
|
||||||
// }
|
// }
|
||||||
},
|
},
|
||||||
(error) => {
|
(error) => {
|
||||||
// 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 && error.response.data) {
|
||||||
// console.log('接口返回', response)
|
console.log('接口返回', response)
|
||||||
// console.log('接口返回headers', response.headers)
|
console.log('接口返回headers', response.headers)
|
||||||
// console.log('接口返回REDIRECT1111', response.headers.redirect)
|
console.log('接口返回REDIRECT', response.headers.redirect)
|
||||||
if (response.headers.redirect === '/#/login') {
|
|
||||||
var keys = document.cookie.match(/[^ =;]+(?=\=)/g)
|
|
||||||
if (keys) {
|
|
||||||
for (var i = keys.length; i--; ) {
|
|
||||||
document.cookie =
|
|
||||||
keys[i] + '=0;path=/;expires=' + new Date(0).toUTCString() //清除当前域名下的,例如：m.kevis.com
|
|
||||||
document.cookie =
|
|
||||||
keys[i] +
|
|
||||||
'=0;path=/;domain=' +
|
|
||||||
document.domain +
|
|
||||||
';expires=' +
|
|
||||||
new Date(0).toUTCString() //清除当前域名下的，例如 .m.kevis.com
|
|
||||||
document.cookie =
|
|
||||||
keys[i] +
|
|
||||||
'=0;path=/;domain=kevis.com;expires=' +
|
|
||||||
new Date(0).toUTCString() //清除一级域名下的或指定的，例如 .kevis.com
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// console.log('已清除')
|
|
||||||
setTimeout(() => {
|
|
||||||
location.reload()
|
|
||||||
}, 1000)
|
|
||||||
}
|
|
||||||
if (response.headers.redirect) {
|
if (response.headers.redirect) {
|
||||||
window.location.href = response.headers.redirect
|
window.location.replace(response.headers.redirect)
|
||||||
return Promise.reject(error)
|
return Promise.reject(error)
|
||||||
}
|
}
|
||||||
const { status, data } = response
|
const { status, data } = response
|
||||||
|
|
|
||||||
|
|
@ -1,58 +1,64 @@
|
||||||
/*
|
/*
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2022-04-01 17:23:11
|
* @Date: 2022-04-01 17:23:11
|
||||||
* @LastEditors: hisense.liangjunhua
|
* @LastEditors: hisense.wuhongjian
|
||||||
* @LastEditTime: 2022-06-29 09:54:19
|
* @LastEditTime: 2022-07-08 18:55:28
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
* @author chuzhixin 1204505056@qq.com
|
* @author chuzhixin 1204505056@qq.com
|
||||||
* @description 路由守卫，目前两种模式：all模式与intelligence模式
|
* @description 路由守卫，目前两种模式：all模式与intelligence模式
|
||||||
*/
|
*/
|
||||||
import router from '@/router'
|
import router from '@/router'
|
||||||
import store from '@/store'
|
import store from '@/store'
|
||||||
import getPageTitle from '@/utils/pageTitle'
|
import getPageTitle from '@/utils/pageTitle'
|
||||||
import {
|
import { getUserInfo } from '@/api/user'
|
||||||
// authentication,
|
import {
|
||||||
loginInterception,
|
// authentication,
|
||||||
// recordRoute,
|
loginInterception,
|
||||||
routesWhiteList,
|
// recordRoute,
|
||||||
} from '@/config'
|
routesWhiteList,
|
||||||
import { setAccessToken, getAccessToken } from '@/utils/accessToken'
|
} from '@/config'
|
||||||
router.beforeEach(async (to, from, next) => {
|
import { setAccessToken, getAccessToken } from '@/utils/accessToken'
|
||||||
// debugger
|
router.beforeEach(async (to, from, next) => {
|
||||||
// const SSOTOKEN = to.query.SSOToken
|
// debugger
|
||||||
// if (SSOTOKEN) {
|
// const SSOTOKEN = to.query.SSOToken
|
||||||
// setAccessToken(SSOTOKEN)
|
// if (SSOTOKEN) {
|
||||||
// }
|
// setAccessToken(SSOTOKEN)
|
||||||
const token = getAccessToken()
|
// }
|
||||||
// console.log('token', token)
|
const token = getAccessToken()
|
||||||
let hasToken = token || store.getters['user/accessToken']
|
console.log('token', token)
|
||||||
// debugger
|
let hasToken = token || store.getters['user/accessToken']
|
||||||
if (!loginInterception) hasToken = true
|
// debugger
|
||||||
// console.log('hasToken存在巨大问题', hasToken)
|
if (!loginInterception) hasToken = true
|
||||||
if (hasToken) {
|
console.log('hasToken存在巨大问题', hasToken)
|
||||||
setAccessToken(hasToken)
|
if (hasToken) {
|
||||||
await store.dispatch('user/getUserInfo')
|
setAccessToken(hasToken)
|
||||||
next()
|
await store.dispatch('user/getUserInfo')
|
||||||
} else {
|
next()
|
||||||
let accessRoutes = []
|
} else {
|
||||||
accessRoutes = await store.dispatch('routes/setRoutes')
|
let accessRoutes = []
|
||||||
accessRoutes.forEach((item) => {
|
accessRoutes = await store.dispatch('routes/setRoutes')
|
||||||
router.addRoute(item)
|
accessRoutes.forEach((item) => {
|
||||||
})
|
router.addRoute(item)
|
||||||
if (routesWhiteList.indexOf(to.path) !== -1) {
|
})
|
||||||
next()
|
if (routesWhiteList.indexOf(to.path) !== -1) {
|
||||||
} else {
|
next()
|
||||||
await store.dispatch('user/getUserInfo')
|
} else {
|
||||||
// if (recordRoute)
|
getUserInfo().then(res=>{
|
||||||
// next({ path: '/login', query: { redirect: to.path }, replace: true })
|
console.log(res)
|
||||||
// else next({ path: '/login', replace: true })
|
router.replace('/home')
|
||||||
next()
|
})
|
||||||
// window.open('http://www.baidu.com', '_self')
|
// await store.dispatch('user/getUserInfo')
|
||||||
}
|
// next()
|
||||||
}
|
// if (recordRoute)
|
||||||
})
|
// next({ path: '/login', query: { redirect: to.path }, replace: true })
|
||||||
router.afterEach((to) => {
|
// else next({ path: '/login', replace: true })
|
||||||
document.title = getPageTitle(to.meta.title)
|
// next()
|
||||||
})
|
// window.open('http://www.baidu.com', '_self')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
router.afterEach((to) => {
|
||||||
|
document.title = getPageTitle(to.meta.title)
|
||||||
|
})
|
||||||
|
|
|
||||||
|
|
@ -31,7 +31,9 @@
|
||||||
v-for="(item, index) in bubbleList"
|
v-for="(item, index) in bubbleList"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
class="bubble-item"
|
class="bubble-item"
|
||||||
@click.stop.prevent="index == 0 ? showDepartmentList() : ''"
|
@click.stop.prevent="
|
||||||
|
index == 0 ? showDepartmentList() : goToDetails(item)
|
||||||
|
"
|
||||||
>
|
>
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>{{ item.name }}</template>
|
<template #title>{{ item.name }}</template>
|
||||||
|
|
@ -58,7 +60,7 @@
|
||||||
</span>
|
</span>
|
||||||
</nav>
|
</nav>
|
||||||
</article>
|
</article>
|
||||||
<p>查看更多></p>
|
<!-- <p>查看更多></p> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="itemList" v-else-if="navSelect.indexOf('应用领域') > 0">
|
<div class="itemList" v-else-if="navSelect.indexOf('应用领域') > 0">
|
||||||
<div class="item" v-for="item in dataList" :key="item.deptId">
|
<div class="item" v-for="item in dataList" :key="item.deptId">
|
||||||
|
|
@ -136,6 +138,8 @@
|
||||||
provideDeptTopN,
|
provideDeptTopN,
|
||||||
applyDeptTopN,
|
applyDeptTopN,
|
||||||
} from '@/api/abilityStatistics'
|
} from '@/api/abilityStatistics'
|
||||||
|
// import { useRouter } from 'vue-router'
|
||||||
|
// const router = useRouter()
|
||||||
// 左侧导航
|
// 左侧导航
|
||||||
const navList = ref([
|
const navList = ref([
|
||||||
'能力共享方-应用领域',
|
'能力共享方-应用领域',
|
||||||
|
|
@ -149,6 +153,15 @@
|
||||||
])
|
])
|
||||||
const navSelect = ref('能力共享方-应用领域')
|
const navSelect = ref('能力共享方-应用领域')
|
||||||
const departmentListFlag = ref(false)
|
const departmentListFlag = ref(false)
|
||||||
|
const goToDetails = (item) => {
|
||||||
|
// console.log('点击气泡===============>', item)
|
||||||
|
// router.push({
|
||||||
|
// path: '/details',
|
||||||
|
// query: {
|
||||||
|
// id: item.id,
|
||||||
|
// },
|
||||||
|
// })
|
||||||
|
}
|
||||||
// 点击导航
|
// 点击导航
|
||||||
const selectNav = (name) => {
|
const selectNav = (name) => {
|
||||||
navSelect.value = name
|
navSelect.value = name
|
||||||
|
|
|
||||||
|
|
@ -147,6 +147,10 @@
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
let arr = ['组件服务', '应用资源', '基础设施', '数据资源', '知识库']
|
||||||
|
dataList.value.dataList.sort((a, b) => {
|
||||||
|
return arr.indexOf(a.type) - arr.indexOf(b.type)
|
||||||
|
})
|
||||||
})
|
})
|
||||||
let datas = ref([])
|
let datas = ref([])
|
||||||
let laiyuanDataList = ref([])
|
let laiyuanDataList = ref([])
|
||||||
|
|
|
||||||
|
|
@ -271,8 +271,8 @@
|
||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
top: '10%',
|
top: '10%',
|
||||||
left: '0%',
|
left: '10%',
|
||||||
right: '5%',
|
right: '10%',
|
||||||
bottom: '0%',
|
bottom: '0%',
|
||||||
containLabel: true,
|
containLabel: true,
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -18,11 +18,15 @@
|
||||||
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
||||||
<div class="label-content">
|
<div class="label-content">
|
||||||
<p class="lable-father">
|
<p class="lable-father">
|
||||||
<span class="label">
|
<span class="label" v-if="props.dataList.type">
|
||||||
{{ componentType || props.dataList.type }}
|
{{ props.dataList.type }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareType">
|
||||||
|
{{ props.dataList.shareType }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareCondition">
|
||||||
|
{{ props.dataList.shareCondition }}
|
||||||
</span>
|
</span>
|
||||||
<span class="label">{{ props.dataList.shareType }}</span>
|
|
||||||
<span class="label">{{ props.dataList.shareCondition }}</span>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <span class="label">免费</span> -->
|
<!-- <span class="label">免费</span> -->
|
||||||
|
|
|
||||||
|
|
@ -65,6 +65,7 @@
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
|
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
|
||||||
|
import { message } from 'ant-design-vue'
|
||||||
import { pinyin } from 'pinyin-pro'
|
import { pinyin } from 'pinyin-pro'
|
||||||
import { ref, defineProps, watch } from 'vue'
|
import { ref, defineProps, watch } from 'vue'
|
||||||
let dataFrom = ref({
|
let dataFrom = ref({
|
||||||
|
|
@ -184,12 +185,19 @@
|
||||||
let obj = props.dataList.infoList.filter(
|
let obj = props.dataList.infoList.filter(
|
||||||
(item) => item.attrType === '技术文档'
|
(item) => item.attrType === '技术文档'
|
||||||
)[0]
|
)[0]
|
||||||
console.log('dataFrom.value.link', obj.attrValue)
|
// console.log('dataFrom.value.link', obj.attrValue)
|
||||||
window.open(
|
if (obj) {
|
||||||
window.SITE_CONFIG.previewUrl +
|
window.open(
|
||||||
'hisense_office/onlinePreview?url=' +
|
window.SITE_CONFIG.previewUrl +
|
||||||
btoa(encodeURI(obj.attrValue))
|
'hisense_office/onlinePreview?url=' +
|
||||||
)
|
btoa(encodeURI(obj.attrValue))
|
||||||
|
)
|
||||||
|
} else {
|
||||||
|
message.config({
|
||||||
|
top: '100px', // 距离顶部的位置
|
||||||
|
})
|
||||||
|
message.error('暂未上传技术文档')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,17 +2,34 @@
|
||||||
<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"
|
||||||
|
:class="
|
||||||
|
carditem.attrType == '访问地址' ? 'access-to-the-address' : ''
|
||||||
|
"
|
||||||
|
>
|
||||||
<span>{{ carditem.attrType }}：</span>
|
<span>{{ carditem.attrType }}：</span>
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>{{ carditem.attrValue }}</template>
|
<template #title>{{ carditem.attrValue }}</template>
|
||||||
<span>{{ carditem.attrValue }}</span>
|
<span
|
||||||
|
@click="addressFunction(carditem.attrType, carditem.attrValue)"
|
||||||
|
>
|
||||||
|
{{ carditem.attrValue }}
|
||||||
|
</span>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -22,176 +39,187 @@
|
||||||
</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: 'DEPLOY&SAFE',
|
englishTitle: 'DEPLOY&SAFE',
|
||||||
content: [
|
content: [
|
||||||
{
|
{
|
||||||
childrenTitle: '部署',
|
childrenTitle: '部署',
|
||||||
childrenContent: [],
|
childrenContent: [],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
childrenTitle: '安全',
|
childrenTitle: '安全',
|
||||||
childrenContent: [],
|
childrenContent: [],
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
})
|
|
||||||
//数据初始化
|
|
||||||
const props = defineProps({
|
|
||||||
dataList: { type: Object, default: null },
|
|
||||||
})
|
|
||||||
if (props.dataList.infoList) {
|
|
||||||
props.dataList.infoList.map((item) => {
|
|
||||||
if (
|
|
||||||
item.attrType === '部署区域' ||
|
|
||||||
item.attrType === '是否统一登录' ||
|
|
||||||
item.attrType === '部署位置'
|
|
||||||
) {
|
|
||||||
dataFrom.value.content[0].childrenContent.push(item)
|
|
||||||
} else if (
|
|
||||||
item.attrType === '是否等保备案' ||
|
|
||||||
item.attrType === '等保定级'
|
|
||||||
) {
|
|
||||||
dataFrom.value.content[1].childrenContent.push(item)
|
|
||||||
} else if (item.attrType === '访问地址') {
|
|
||||||
let obj = {
|
|
||||||
attrType: '访问地址',
|
|
||||||
attrValue: item.attrValue || '------',
|
|
||||||
}
|
|
||||||
dataFrom.value.content[0].childrenContent.push(obj)
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
if (dataFrom.value.content[1].childrenContent.length <= 0) {
|
//数据初始化
|
||||||
let data = [
|
const props = defineProps({
|
||||||
{
|
dataList: { type: Object, default: null },
|
||||||
attrType: '是否等保备案',
|
})
|
||||||
attrValue: '------',
|
if (props.dataList.infoList) {
|
||||||
},
|
props.dataList.infoList.map((item) => {
|
||||||
{
|
if (
|
||||||
attrType: '等保定级',
|
item.attrType === '部署区域' ||
|
||||||
attrValue: '------',
|
item.attrType === '是否统一登录' ||
|
||||||
},
|
item.attrType === '部署位置'
|
||||||
]
|
) {
|
||||||
data.map((itemContent) => {
|
dataFrom.value.content[0].childrenContent.push(item)
|
||||||
dataFrom.value.content[1].childrenContent.push(itemContent)
|
} else if (
|
||||||
})
|
item.attrType === '是否等保备案' ||
|
||||||
}
|
item.attrType === '等保定级'
|
||||||
}
|
) {
|
||||||
watch(
|
dataFrom.value.content[1].childrenContent.push(item)
|
||||||
() => props.dataList,
|
} else if (item.attrType === '访问地址') {
|
||||||
(val) => {
|
let obj = {
|
||||||
if (val) {
|
attrType: '访问地址',
|
||||||
dataFrom.value.content[0].childrenContent = []
|
attrValue: item.attrValue || '------',
|
||||||
dataFrom.value.content[1].childrenContent = []
|
|
||||||
props.dataList.infoList.map((item) => {
|
|
||||||
if (
|
|
||||||
item.attrType === '部署区域' ||
|
|
||||||
item.attrType === '是否统一登录' ||
|
|
||||||
item.attrType === '部署位置'
|
|
||||||
) {
|
|
||||||
dataFrom.value.content[0].childrenContent.push(item)
|
|
||||||
} else if (
|
|
||||||
item.attrType === '是否等保备案' ||
|
|
||||||
item.attrType === '等保定级'
|
|
||||||
) {
|
|
||||||
dataFrom.value.content[1].childrenContent.push(item)
|
|
||||||
} else if (item.attrType === '访问地址') {
|
|
||||||
let obj = {
|
|
||||||
attrType: '访问地址',
|
|
||||||
attrValue: item.attrValue || '------',
|
|
||||||
}
|
|
||||||
dataFrom.value.content[0].childrenContent.push(obj)
|
|
||||||
}
|
}
|
||||||
})
|
dataFrom.value.content[0].childrenContent.push(obj)
|
||||||
if (dataFrom.value.content[1].childrenContent.length <= 0) {
|
|
||||||
let data = [
|
|
||||||
{
|
|
||||||
attrType: '是否等保备案',
|
|
||||||
attrValue: '------',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
attrType: '等保定级',
|
|
||||||
attrValue: '------',
|
|
||||||
},
|
|
||||||
]
|
|
||||||
data.map((itemContent) => {
|
|
||||||
dataFrom.value.content[1].childrenContent.push(itemContent)
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
// let obj = {
|
})
|
||||||
// attrType: '访问地址',
|
if (dataFrom.value.content[1].childrenContent.length <= 0) {
|
||||||
// attrValue: props.dataList.link || '------',
|
let data = [
|
||||||
// }
|
{
|
||||||
// dataFrom.value.content[0].childrenContent.push(obj)
|
attrType: '是否等保备案',
|
||||||
|
attrValue: '------',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
attrType: '等保定级',
|
||||||
|
attrValue: '------',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
data.map((itemContent) => {
|
||||||
|
dataFrom.value.content[1].childrenContent.push(itemContent)
|
||||||
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
)
|
//访问地址跳转方法
|
||||||
|
const addressFunction = (name, itemValue) => {
|
||||||
|
if (name == '访问地址') {
|
||||||
|
window.open(itemValue)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
watch(
|
||||||
|
() => props.dataList,
|
||||||
|
(val) => {
|
||||||
|
if (val) {
|
||||||
|
dataFrom.value.content[0].childrenContent = []
|
||||||
|
dataFrom.value.content[1].childrenContent = []
|
||||||
|
props.dataList.infoList.map((item) => {
|
||||||
|
if (
|
||||||
|
item.attrType === '部署区域' ||
|
||||||
|
item.attrType === '是否统一登录' ||
|
||||||
|
item.attrType === '部署位置'
|
||||||
|
) {
|
||||||
|
dataFrom.value.content[0].childrenContent.push(item)
|
||||||
|
} else if (
|
||||||
|
item.attrType === '是否等保备案' ||
|
||||||
|
item.attrType === '等保定级'
|
||||||
|
) {
|
||||||
|
dataFrom.value.content[1].childrenContent.push(item)
|
||||||
|
} else if (item.attrType === '访问地址') {
|
||||||
|
let obj = {
|
||||||
|
attrType: '访问地址',
|
||||||
|
attrValue: item.attrValue || '------',
|
||||||
|
}
|
||||||
|
dataFrom.value.content[0].childrenContent.push(obj)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
if (dataFrom.value.content[1].childrenContent.length <= 0) {
|
||||||
|
let data = [
|
||||||
|
{
|
||||||
|
attrType: '是否等保备案',
|
||||||
|
attrValue: '------',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
attrType: '等保定级',
|
||||||
|
attrValue: '------',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
data.map((itemContent) => {
|
||||||
|
dataFrom.value.content[1].childrenContent.push(itemContent)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// let obj = {
|
||||||
|
// attrType: '访问地址',
|
||||||
|
// attrValue: props.dataList.link || '------',
|
||||||
|
// }
|
||||||
|
// dataFrom.value.content[0].childrenContent.push(obj)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
)
|
||||||
</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;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.title {
|
|
||||||
margin-bottom: 0.3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 13rem;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
align-items: center;
|
||||||
|
|
||||||
.content-card {
|
.title {
|
||||||
height: 1.5rem;
|
margin-bottom: 0.3rem;
|
||||||
width: 6.2rem;
|
}
|
||||||
border-radius: 0.2rem;
|
|
||||||
background: linear-gradient(to right,
|
.content {
|
||||||
rgba(113, 132, 252, 0.4),
|
|
||||||
rgba(148, 163, 252, 0.4));
|
|
||||||
padding: 0 0.3rem;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
width: 13rem;
|
||||||
justify-content: center;
|
justify-content: space-between;
|
||||||
|
|
||||||
.card-title {
|
.content-card {
|
||||||
font-size: 0.26rem;
|
height: 1.5rem;
|
||||||
line-height: 0.26rem;
|
width: 6.2rem;
|
||||||
color: #212956;
|
border-radius: 0.2rem;
|
||||||
margin-bottom: 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;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
.card-content {
|
.card-title {
|
||||||
div {
|
font-size: 0.26rem;
|
||||||
display: inline-block;
|
line-height: 0.26rem;
|
||||||
margin-right: 0.7rem;
|
color: #212956;
|
||||||
color: rgba(33, 41, 86, 0.8);
|
margin-bottom: 0.2rem;
|
||||||
font-size: 0.2rem;
|
}
|
||||||
line-height: 0.2rem;
|
|
||||||
max-width: 5.84rem;
|
|
||||||
overflow: hidden;
|
|
||||||
/*超出的隐藏*/
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
|
|
||||||
/*超出的设置为省略号*/
|
.card-content {
|
||||||
span {
|
div {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
max-width: 4rem;
|
margin-right: 0.7rem;
|
||||||
|
color: rgba(33, 41, 86, 0.8);
|
||||||
|
font-size: 0.2rem;
|
||||||
|
line-height: 0.2rem;
|
||||||
|
max-width: 5.84rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
/*超出的隐藏*/
|
/*超出的隐藏*/
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
/*超出的设置为省略号*/
|
/*超出的设置为省略号*/
|
||||||
|
span {
|
||||||
|
display: inline-block;
|
||||||
|
max-width: 4rem;
|
||||||
|
overflow: hidden;
|
||||||
|
/*超出的隐藏*/
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
/*超出的设置为省略号*/
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.access-to-the-address {
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -18,9 +18,15 @@
|
||||||
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
||||||
<div class="label-content">
|
<div class="label-content">
|
||||||
<p class="lable-father">
|
<p class="lable-father">
|
||||||
<span class="label">{{ props.dataList.type }}</span>
|
<span class="label" v-if="props.dataList.type">
|
||||||
<span class="label">{{ props.dataList.shareType }}</span>
|
{{ props.dataList.type }}
|
||||||
<span class="label">{{ props.dataList.shareCondition }}</span>
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareType">
|
||||||
|
{{ props.dataList.shareType }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareCondition">
|
||||||
|
{{ props.dataList.shareCondition }}
|
||||||
|
</span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <span class="label">免费</span> -->
|
<!-- <span class="label">免费</span> -->
|
||||||
|
|
|
||||||
|
|
@ -18,11 +18,15 @@
|
||||||
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
||||||
<div class="label-content">
|
<div class="label-content">
|
||||||
<p class="lable-father">
|
<p class="lable-father">
|
||||||
<span class="label">
|
<span class="label" v-if="props.dataList.type">
|
||||||
{{ componentType || props.dataList.type }}
|
{{ props.dataList.type }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareType">
|
||||||
|
{{ props.dataList.shareType }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareCondition">
|
||||||
|
{{ props.dataList.shareCondition }}
|
||||||
</span>
|
</span>
|
||||||
<span class="label">{{ props.dataList.shareType }}</span>
|
|
||||||
<span class="label">{{ props.dataList.shareCondition }}</span>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <span class="label">免费</span> -->
|
<!-- <span class="label">免费</span> -->
|
||||||
|
|
@ -59,215 +63,216 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ShoppingCartOutlined } from '@ant-design/icons-vue'
|
import { ShoppingCartOutlined } from '@ant-design/icons-vue'
|
||||||
import { defineProps, ref, watch } from 'vue'
|
import { defineProps, ref, watch } from 'vue'
|
||||||
import { scInsert } from '@/api/personalCenter'
|
import { scInsert } from '@/api/personalCenter'
|
||||||
import { sgcInsert } from '@/api/home'
|
import { sgcInsert } from '@/api/home'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import mybus from '@/myplugins/mybus'
|
import mybus from '@/myplugins/mybus'
|
||||||
import { message } from 'ant-design-vue'
|
import { message } from 'ant-design-vue'
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
dataList: { type: Object, default: null },
|
dataList: { type: Object, default: null },
|
||||||
})
|
|
||||||
const router = useRouter()
|
|
||||||
const businessArea = ref('')
|
|
||||||
// // 加入申购车
|
|
||||||
const addShoppingCart = () => {
|
|
||||||
console.log('加入申购车==================>', props.dataList)
|
|
||||||
sgcInsert({
|
|
||||||
delFlag: '0',
|
|
||||||
resourceId: props.dataList.id,
|
|
||||||
// userId: userId.value,
|
|
||||||
}).then((res) => {
|
|
||||||
console.log(res)
|
|
||||||
message.success('添加申购车成功！')
|
|
||||||
mybus.emit('getSgcNum')
|
|
||||||
})
|
})
|
||||||
}
|
const router = useRouter()
|
||||||
// // 立即申请
|
const businessArea = ref('')
|
||||||
function toView() {
|
// // 加入申购车
|
||||||
// window.open(newpage.href, '_blank')
|
const addShoppingCart = () => {
|
||||||
console.log('一键申请===================>', props.dataList)
|
console.log('加入申购车==================>', props.dataList)
|
||||||
localStorage.setItem(
|
sgcInsert({
|
||||||
'applyList',
|
delFlag: '0',
|
||||||
JSON.stringify([
|
resourceId: props.dataList.id,
|
||||||
{
|
// userId: userId.value,
|
||||||
arr: [
|
}).then((res) => {
|
||||||
{
|
console.log(res)
|
||||||
delFlag: props.dataList.delFlag,
|
message.success('添加申购车成功！')
|
||||||
description: props.dataList.description,
|
mybus.emit('getSgcNum')
|
||||||
resourceId: props.dataList.id,
|
})
|
||||||
resourceName: props.dataList.name,
|
|
||||||
time: props.dataList.createDate,
|
|
||||||
type: props.dataList.type,
|
|
||||||
componentType: '业务组件',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
deptId: props.dataList.deptId,
|
|
||||||
deptName: props.dataList.deptName,
|
|
||||||
},
|
|
||||||
])
|
|
||||||
)
|
|
||||||
router.push({
|
|
||||||
path: '/apply',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 收藏
|
|
||||||
const goTOCollection = () => {
|
|
||||||
console.log('收藏===================》', props.dataList)
|
|
||||||
scInsert([{ resourceId: props.dataList.id }]).then((res) => {
|
|
||||||
console.log(res)
|
|
||||||
message.success('收藏成功')
|
|
||||||
})
|
|
||||||
}
|
|
||||||
const componentType = ref('')
|
|
||||||
if (props.dataList.infoList) {
|
|
||||||
businessArea.value = props.dataList.infoList.filter(
|
|
||||||
(val) => val.attrType === '应用领域'
|
|
||||||
)[0].attrValue
|
|
||||||
let obj = props.dataList.infoList.filter(
|
|
||||||
(val) => val.attrType === '组件类型'
|
|
||||||
)[0]
|
|
||||||
if (obj) {
|
|
||||||
componentType.value = obj.attrValue
|
|
||||||
}
|
}
|
||||||
}
|
// // 立即申请
|
||||||
watch(
|
function toView() {
|
||||||
() => props.dataList,
|
// window.open(newpage.href, '_blank')
|
||||||
(val) => {
|
console.log('一键申请===================>', props.dataList)
|
||||||
if (val) {
|
localStorage.setItem(
|
||||||
businessArea.value = props.dataList.infoList.filter(
|
'applyList',
|
||||||
(val) => val.attrType === '应用领域'
|
JSON.stringify([
|
||||||
)[0].attrValue
|
{
|
||||||
let obj = props.dataList.infoList.filter(
|
arr: [
|
||||||
(val) => val.attrType === '组件类型'
|
{
|
||||||
)[0]
|
delFlag: props.dataList.delFlag,
|
||||||
if (obj) {
|
description: props.dataList.description,
|
||||||
componentType.value = obj.attrValue
|
resourceId: props.dataList.id,
|
||||||
}
|
resourceName: props.dataList.name,
|
||||||
|
time: props.dataList.createDate,
|
||||||
|
type: props.dataList.type,
|
||||||
|
componentType: '业务组件',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
deptId: props.dataList.deptId,
|
||||||
|
deptName: props.dataList.deptName,
|
||||||
|
},
|
||||||
|
])
|
||||||
|
)
|
||||||
|
router.push({
|
||||||
|
path: '/apply',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 收藏
|
||||||
|
const goTOCollection = () => {
|
||||||
|
console.log('收藏===================》', props.dataList)
|
||||||
|
scInsert([{ resourceId: props.dataList.id }]).then((res) => {
|
||||||
|
console.log(res)
|
||||||
|
message.success('收藏成功')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const componentType = ref('')
|
||||||
|
if (props.dataList.infoList) {
|
||||||
|
businessArea.value = props.dataList.infoList.filter(
|
||||||
|
(val) => val.attrType === '应用领域'
|
||||||
|
)[0].attrValue
|
||||||
|
let obj = props.dataList.infoList.filter(
|
||||||
|
(val) => val.attrType === '组件类型'
|
||||||
|
)[0]
|
||||||
|
if (obj) {
|
||||||
|
componentType.value = obj.attrValue
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
)
|
watch(
|
||||||
|
() => props.dataList,
|
||||||
|
(val) => {
|
||||||
|
if (val) {
|
||||||
|
businessArea.value = props.dataList.infoList.filter(
|
||||||
|
(val) => val.attrType === '应用领域'
|
||||||
|
)[0].attrValue
|
||||||
|
let obj = props.dataList.infoList.filter(
|
||||||
|
(val) => val.attrType === '组件类型'
|
||||||
|
)[0]
|
||||||
|
if (obj) {
|
||||||
|
componentType.value = obj.attrValue
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
)
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.algorithm-top-details {
|
.algorithm-top-details {
|
||||||
height: 6rem;
|
height: 6rem;
|
||||||
padding: 1.8rem 0 0;
|
padding: 1.8rem 0 0;
|
||||||
background: url('~@/assets/detailsAll/sf_top_bg.png') no-repeat;
|
background: url('~@/assets/detailsAll/sf_top_bg.png') no-repeat;
|
||||||
background-size: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
.left {
|
|
||||||
max-width: 7.2rem;
|
|
||||||
color: #fff;
|
|
||||||
margin-right: 0.8rem;
|
|
||||||
|
|
||||||
.top {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
span {
|
|
||||||
font-size: 0.14rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.name {
|
|
||||||
// max-width: 3.3rem;
|
|
||||||
// overflow: hidden;
|
|
||||||
// text-overflow: ellipsis;
|
|
||||||
// white-space: nowrap;
|
|
||||||
font-size: 0.4rem;
|
|
||||||
margin-right: 0.2rem;
|
|
||||||
max-width: 7rem;
|
|
||||||
text-overflow: -o-ellipsis-lastline;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-line-clamp: 1;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
}
|
|
||||||
|
|
||||||
.label-content {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lable-father {
|
|
||||||
position: absolute;
|
|
||||||
min-width: 3.5rem;
|
|
||||||
right: -3.5rem;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.label {
|
|
||||||
padding: 0.01rem 0.1rem;
|
|
||||||
margin-right: 0.1rem;
|
|
||||||
border-radius: 0.13rem;
|
|
||||||
background: rgba(255, 255, 255, 0.4);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.main {
|
|
||||||
margin-top: 0.2rem;
|
|
||||||
font-size: 0.18rem;
|
|
||||||
line-height: 0.34rem;
|
|
||||||
|
|
||||||
&>div:nth-of-type(1) {
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
&>div:nth-of-type(2) {
|
|
||||||
max-height: 1rem;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-line-clamp: 3;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom {
|
|
||||||
margin-top: 0.4rem;
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
.ant-btn {
|
|
||||||
height: 0.5rem;
|
|
||||||
margin-right: 0.2rem;
|
|
||||||
background: #ffffff;
|
|
||||||
border-radius: 0.06rem;
|
|
||||||
font-size: 0.2rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ant-btn-primary {
|
|
||||||
color: #1890ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ant-btn:nth-of-type(1) {
|
|
||||||
width: 1.8rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ant-btn:nth-of-type(2) {
|
|
||||||
width: 2.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ant-btn:nth-of-type(3) {
|
|
||||||
width: 1.45rem;
|
|
||||||
background: #fff;
|
|
||||||
color: #526aff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.right {
|
|
||||||
width: 5.8rem;
|
|
||||||
height: 4rem;
|
|
||||||
background: url('~@/assets/detailsAll/business/business_right_bg.png') no-repeat;
|
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
margin-top: -0.4rem;
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.left {
|
||||||
|
max-width: 7.2rem;
|
||||||
|
color: #fff;
|
||||||
|
margin-right: 0.8rem;
|
||||||
|
|
||||||
|
.top {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-size: 0.14rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.name {
|
||||||
|
// max-width: 3.3rem;
|
||||||
|
// overflow: hidden;
|
||||||
|
// text-overflow: ellipsis;
|
||||||
|
// white-space: nowrap;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
margin-right: 0.2rem;
|
||||||
|
max-width: 7rem;
|
||||||
|
text-overflow: -o-ellipsis-lastline;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label-content {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lable-father {
|
||||||
|
position: absolute;
|
||||||
|
min-width: 3.5rem;
|
||||||
|
right: -3.5rem;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label {
|
||||||
|
padding: 0.01rem 0.1rem;
|
||||||
|
margin-right: 0.1rem;
|
||||||
|
border-radius: 0.13rem;
|
||||||
|
background: rgba(255, 255, 255, 0.4);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
margin-top: 0.2rem;
|
||||||
|
font-size: 0.18rem;
|
||||||
|
line-height: 0.34rem;
|
||||||
|
|
||||||
|
& > div:nth-of-type(1) {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > div:nth-of-type(2) {
|
||||||
|
max-height: 1rem;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom {
|
||||||
|
margin-top: 0.4rem;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.ant-btn {
|
||||||
|
height: 0.5rem;
|
||||||
|
margin-right: 0.2rem;
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 0.06rem;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-btn-primary {
|
||||||
|
color: #1890ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-btn:nth-of-type(1) {
|
||||||
|
width: 1.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-btn:nth-of-type(2) {
|
||||||
|
width: 2.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-btn:nth-of-type(3) {
|
||||||
|
width: 1.45rem;
|
||||||
|
background: #fff;
|
||||||
|
color: #526aff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
width: 5.8rem;
|
||||||
|
height: 4rem;
|
||||||
|
background: url('~@/assets/detailsAll/business/business_right_bg.png')
|
||||||
|
no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
margin-top: -0.4rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,10 @@
|
||||||
<!-- 使用方式 -->
|
<!-- 使用方式 -->
|
||||||
<div class="usage-mode" v-if="flag">
|
<div class="usage-mode" v-if="flag">
|
||||||
<div class="tltle">
|
<div class="tltle">
|
||||||
<DetalsTitle :title="dataFrom.title" :type="dataFrom.englishTitle"></DetalsTitle>
|
<DetalsTitle
|
||||||
|
:title="dataFrom.title"
|
||||||
|
:type="dataFrom.englishTitle"
|
||||||
|
></DetalsTitle>
|
||||||
</div>
|
</div>
|
||||||
<div class="content" v-for="item in dataFrom.content" :key="item.title">
|
<div class="content" v-for="item in dataFrom.content" :key="item.title">
|
||||||
<div class="content-left">
|
<div class="content-left">
|
||||||
|
|
@ -84,281 +87,297 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
|
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
|
||||||
import { pinyin } from 'pinyin-pro'
|
import { pinyin } from 'pinyin-pro'
|
||||||
import { ref, defineProps, watch } from 'vue'
|
import { ref, defineProps, watch } from 'vue'
|
||||||
let dataFrom = ref({
|
import { message } from 'ant-design-vue'
|
||||||
title: '使用方式',
|
let dataFrom = ref({
|
||||||
englishTitle: 'USAGE',
|
title: '使用方式',
|
||||||
content: [
|
englishTitle: 'USAGE',
|
||||||
{
|
content: [
|
||||||
title: '组件地址',
|
{
|
||||||
link: {
|
title: '组件地址',
|
||||||
name: '接口地址：',
|
link: {
|
||||||
|
name: '接口地址：',
|
||||||
|
},
|
||||||
|
linkValue: '',
|
||||||
|
contact: '归属部门',
|
||||||
|
facilitator: { name: '归属部门：', value: '' },
|
||||||
|
people: { name: '部门联系人：', value: '' },
|
||||||
|
phone: {
|
||||||
|
name: '联系人电话：',
|
||||||
|
value: '',
|
||||||
|
},
|
||||||
|
contact2: '服务商',
|
||||||
|
facilitator2: { name: '服务商：', value: '' },
|
||||||
|
people2: { name: '服务商联系人：', value: '' },
|
||||||
|
phone2: {
|
||||||
|
name: '联系人电话：',
|
||||||
|
value: '',
|
||||||
|
},
|
||||||
},
|
},
|
||||||
linkValue: '',
|
],
|
||||||
contact: '归属部门',
|
})
|
||||||
facilitator: { name: '归属部门：', value: '' },
|
//数据初始化
|
||||||
people: { name: '部门联系人：', value: '' },
|
const props = defineProps({
|
||||||
phone: {
|
dataList: { type: Object, default: null },
|
||||||
name: '联系人电话：',
|
})
|
||||||
value: '',
|
const flag = ref(true)
|
||||||
},
|
if (props.dataList.infoList) {
|
||||||
contact2: '服务商',
|
let obj = props.dataList.infoList.filter(
|
||||||
facilitator2: { name: '服务商：', value: '' },
|
(item) =>
|
||||||
people2: { name: '服务商联系人：', value: '' },
|
item.attrType === '技术文档' ||
|
||||||
phone2: {
|
item.attrType === '服务商' ||
|
||||||
name: '联系人电话：',
|
item.attrType === '服务商联系人' ||
|
||||||
value: '',
|
item.attrType === '使用手册' ||
|
||||||
},
|
item.attrType === '服务地址' ||
|
||||||
},
|
item.attrType === '样式服务地址' ||
|
||||||
],
|
item.attrType === '服务商联系电话'
|
||||||
})
|
)[0]
|
||||||
//数据初始化
|
if (!obj) {
|
||||||
const props = defineProps({
|
flag.value = false
|
||||||
dataList: { type: Object, default: null },
|
} else {
|
||||||
})
|
// eslint-disable-next-line vue/no-setup-props-destructure
|
||||||
const flag = ref(true)
|
dataFrom.value.content[0].link.value = props.dataList.apiUrl
|
||||||
if (props.dataList.infoList) {
|
dataFrom.value.content[0].facilitator.value = props.dataList.deptName
|
||||||
let obj = props.dataList.infoList.filter(
|
dataFrom.value.content[0].people.value = props.dataList.deptContacts
|
||||||
(item) =>
|
dataFrom.value.content[0].phone.value = props.dataList.deptPhone
|
||||||
item.attrType === '技术文档' ||
|
console.log('dataList', props.dataList)
|
||||||
item.attrType === '服务商' ||
|
props.dataList.infoList.map((item) => {
|
||||||
item.attrType === '服务商联系人' ||
|
if (item.attrType === '组件地址') {
|
||||||
item.attrType === '使用手册' ||
|
dataFrom.value.content[0].linkValue = item.attrValue || '--'
|
||||||
item.attrType === '服务地址' ||
|
} else if (item.attrType === '服务商') {
|
||||||
item.attrType === '样式服务地址' ||
|
dataFrom.value.content[0].facilitator2.value = item.attrValue || '--'
|
||||||
item.attrType === '服务商联系电话'
|
} else if (item.attrType === '服务商联系人') {
|
||||||
)[0]
|
dataFrom.value.content[0].people2.value = item.attrValue || '--'
|
||||||
if (!obj) {
|
} else if (item.attrType === '服务商联系电话') {
|
||||||
flag.value = false
|
dataFrom.value.content[0].phone2.value = item.attrValue || '--'
|
||||||
} else {
|
}
|
||||||
// eslint-disable-next-line vue/no-setup-props-destructure
|
})
|
||||||
dataFrom.value.content[0].link.value = props.dataList.apiUrl
|
|
||||||
dataFrom.value.content[0].facilitator.value = props.dataList.deptName
|
|
||||||
dataFrom.value.content[0].people.value = props.dataList.deptContacts
|
|
||||||
dataFrom.value.content[0].phone.value = props.dataList.deptPhone
|
|
||||||
console.log('dataList', props.dataList)
|
|
||||||
props.dataList.infoList.map((item) => {
|
|
||||||
if (item.attrType === '组件地址') {
|
|
||||||
dataFrom.value.content[0].linkValue = item.attrValue || '--'
|
|
||||||
} else if (item.attrType === '服务商') {
|
|
||||||
dataFrom.value.content[0].facilitator2.value = item.attrValue || '--'
|
|
||||||
} else if (item.attrType === '服务商联系人') {
|
|
||||||
dataFrom.value.content[0].people2.value = item.attrValue || '--'
|
|
||||||
} else if (item.attrType === '服务商联系电话') {
|
|
||||||
dataFrom.value.content[0].phone2.value = item.attrValue || '--'
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
watch(
|
|
||||||
() => props.dataList,
|
|
||||||
(val) => {
|
|
||||||
if (val) {
|
|
||||||
let obj = val.infoList.filter(
|
|
||||||
(item) =>
|
|
||||||
item.attrType === '技术文档' ||
|
|
||||||
item.attrType === '服务商' ||
|
|
||||||
item.attrType === '服务商联系人' ||
|
|
||||||
item.attrType === '使用手册' ||
|
|
||||||
item.attrType === '服务地址' ||
|
|
||||||
item.attrType === '样式服务地址' ||
|
|
||||||
item.attrType === '服务商联系电话'
|
|
||||||
)[0]
|
|
||||||
if (!obj) {
|
|
||||||
flag.value = false
|
|
||||||
} else {
|
|
||||||
dataFrom.value.content[0].link.value = val.apiUrl
|
|
||||||
dataFrom.value.content[0].facilitator.value = val.deptName
|
|
||||||
dataFrom.value.content[0].people.value = val.deptContacts
|
|
||||||
dataFrom.value.content[0].phone.value = val.deptPhone
|
|
||||||
console.log('dataList', val)
|
|
||||||
val.infoList.map((item) => {
|
|
||||||
if (item.attrType === '组件地址') {
|
|
||||||
dataFrom.value.content[0].linkValue = item.attrValue || '--'
|
|
||||||
} else if (item.attrType === '服务商') {
|
|
||||||
dataFrom.value.content[0].facilitator2.value =
|
|
||||||
item.attrValue || '--'
|
|
||||||
} else if (item.attrType === '服务商联系人') {
|
|
||||||
dataFrom.value.content[0].people2.value = item.attrValue || '--'
|
|
||||||
} else if (item.attrType === '服务商联系电话') {
|
|
||||||
dataFrom.value.content[0].phone2.value = item.attrValue || '--'
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
)
|
watch(
|
||||||
function technical() {
|
() => props.dataList,
|
||||||
// 拼接路径
|
(val) => {
|
||||||
// const type = pinyin(props.dataList.type, {
|
if (val) {
|
||||||
// pattern: 'initial',
|
let obj = val.infoList.filter(
|
||||||
// }).replace(/\s*/g, '')
|
(item) =>
|
||||||
// // 打开文档
|
item.attrType === '技术文档' ||
|
||||||
// const id = props.dataList.id
|
item.attrType === '服务商' ||
|
||||||
// window.open(window.SITE_CONFIG.frontUrl + type + '/' + id + '.md', '_blank')
|
item.attrType === '服务商联系人' ||
|
||||||
// console.log('dataFrom.value.link', dataFrom.value.link)
|
item.attrType === '使用手册' ||
|
||||||
let obj = props.dataList.infoList.filter(
|
item.attrType === '服务地址' ||
|
||||||
(item) => item.attrType === '技术文档'
|
item.attrType === '样式服务地址' ||
|
||||||
)[0]
|
item.attrType === '服务商联系电话'
|
||||||
console.log('dataFrom.value.link', obj.attrValue)
|
)[0]
|
||||||
window.open(
|
if (!obj) {
|
||||||
window.SITE_CONFIG.previewUrl +
|
flag.value = false
|
||||||
'hisense_office/onlinePreview?url=' +
|
} else {
|
||||||
btoa(encodeURI(obj.attrValue))
|
dataFrom.value.content[0].link.value = val.apiUrl
|
||||||
|
dataFrom.value.content[0].facilitator.value = val.deptName
|
||||||
|
dataFrom.value.content[0].people.value = val.deptContacts
|
||||||
|
dataFrom.value.content[0].phone.value = val.deptPhone
|
||||||
|
console.log('dataList', val)
|
||||||
|
val.infoList.map((item) => {
|
||||||
|
if (item.attrType === '组件地址') {
|
||||||
|
dataFrom.value.content[0].linkValue = item.attrValue || '--'
|
||||||
|
} else if (item.attrType === '服务商') {
|
||||||
|
dataFrom.value.content[0].facilitator2.value =
|
||||||
|
item.attrValue || '--'
|
||||||
|
} else if (item.attrType === '服务商联系人') {
|
||||||
|
dataFrom.value.content[0].people2.value = item.attrValue || '--'
|
||||||
|
} else if (item.attrType === '服务商联系电话') {
|
||||||
|
dataFrom.value.content[0].phone2.value = item.attrValue || '--'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
)
|
)
|
||||||
}
|
function technical() {
|
||||||
function technicalNew() {
|
// 拼接路径
|
||||||
// 拼接路径
|
// const type = pinyin(props.dataList.type, {
|
||||||
// const type = pinyin(props.dataList.type, {
|
// pattern: 'initial',
|
||||||
// pattern: 'initial',
|
// }).replace(/\s*/g, '')
|
||||||
// }).replace(/\s*/g, '')
|
// // 打开文档
|
||||||
// // 打开文档
|
// const id = props.dataList.id
|
||||||
// const id = props.dataList.id
|
// window.open(window.SITE_CONFIG.frontUrl + type + '/' + id + '.md', '_blank')
|
||||||
// window.open(window.SITE_CONFIG.frontUrl + type + '/' + id + '.md', '_blank')
|
// console.log('dataFrom.value.link', dataFrom.value.link)
|
||||||
let obj = props.dataList.infoList.filter(
|
let obj = props.dataList.infoList.filter(
|
||||||
(item) => item.attrType === '使用手册'
|
(item) => item.attrType === '技术文档'
|
||||||
)[0]
|
)[0]
|
||||||
console.log('dataFrom.value.link', obj.attrValue)
|
if (obj) {
|
||||||
window.open(
|
window.open(
|
||||||
window.SITE_CONFIG.previewUrl +
|
window.SITE_CONFIG.previewUrl +
|
||||||
'hisense_office/onlinePreview?url=' +
|
'hisense_office/onlinePreview?url=' +
|
||||||
btoa(encodeURI(obj.attrValue))
|
btoa(encodeURI(obj.attrValue))
|
||||||
)
|
)
|
||||||
}
|
} else {
|
||||||
|
message.config({
|
||||||
|
top: '100px', // 距离顶部的位置
|
||||||
|
})
|
||||||
|
message.error('暂未上传技术文档')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function technicalNew() {
|
||||||
|
// 拼接路径
|
||||||
|
// const type = pinyin(props.dataList.type, {
|
||||||
|
// pattern: 'initial',
|
||||||
|
// }).replace(/\s*/g, '')
|
||||||
|
// // 打开文档
|
||||||
|
// const id = props.dataList.id
|
||||||
|
// window.open(window.SITE_CONFIG.frontUrl + type + '/' + id + '.md', '_blank')
|
||||||
|
let obj = props.dataList.infoList.filter(
|
||||||
|
(item) => item.attrType === '使用手册'
|
||||||
|
)[0]
|
||||||
|
console.log('dataFrom.value.link', obj.attrValue)
|
||||||
|
if (obj) {
|
||||||
|
window.open(
|
||||||
|
window.SITE_CONFIG.previewUrl +
|
||||||
|
'hisense_office/onlinePreview?url=' +
|
||||||
|
btoa(encodeURI(obj.attrValue))
|
||||||
|
)
|
||||||
|
} else {
|
||||||
|
message.config({
|
||||||
|
top: '100px', // 距离顶部的位置
|
||||||
|
})
|
||||||
|
message.error('暂未上传使用手册')
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.usage-mode {
|
.usage-mode {
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0.8rem 0;
|
|
||||||
|
|
||||||
.content {
|
|
||||||
margin-top: 0.3rem;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0.8rem 0;
|
||||||
|
|
||||||
.content-left {
|
.content {
|
||||||
height: 1.5rem;
|
margin-top: 0.3rem;
|
||||||
width: 6.2rem;
|
|
||||||
background: url('~@/assets/detailsAll/business/business_usage_mode_bg.png') no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
border-radius: 0.1rem;
|
|
||||||
margin-right: 0.6rem;
|
|
||||||
box-shadow: 0rem 0.05rem 0.15rem rgba(82, 106, 255, 0.4);
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
|
||||||
padding: 0 0.35rem;
|
|
||||||
|
|
||||||
.left {
|
.content-left {
|
||||||
.content-left-title {
|
height: 1.5rem;
|
||||||
font-size: 0.26rem;
|
width: 6.2rem;
|
||||||
line-height: 0.26rem;
|
background: url('~@/assets/detailsAll/business/business_usage_mode_bg.png')
|
||||||
color: #212956;
|
no-repeat;
|
||||||
margin-bottom: 0.2rem;
|
background-position: center;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
border-radius: 0.1rem;
|
||||||
|
margin-right: 0.6rem;
|
||||||
|
box-shadow: 0rem 0.05rem 0.15rem rgba(82, 106, 255, 0.4);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0 0.35rem;
|
||||||
|
|
||||||
span:first-child {
|
.left {
|
||||||
margin-right: 0.1rem;
|
.content-left-title {
|
||||||
|
font-size: 0.26rem;
|
||||||
|
line-height: 0.26rem;
|
||||||
|
color: #212956;
|
||||||
|
margin-bottom: 0.2rem;
|
||||||
|
|
||||||
|
span:first-child {
|
||||||
|
margin-right: 0.1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-left-content {
|
||||||
|
width: 4.2rem;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
color: rgba(33, 41, 86, 0.8);
|
||||||
|
line-height: 0.2rem;
|
||||||
|
|
||||||
|
p {
|
||||||
|
display: -webkit-box;
|
||||||
|
margin-bottom: 0.1rem;
|
||||||
|
|
||||||
|
span:last-of-type {
|
||||||
|
width: 298px;
|
||||||
|
display: -webkit-box;
|
||||||
|
overflow: hidden;
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-left-content {
|
.right {
|
||||||
width: 4.2rem;
|
div {
|
||||||
font-size: 0.2rem;
|
height: 0.4rem;
|
||||||
|
width: 1.3rem;
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 0.2rem;
|
||||||
|
color: #526aff;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
div:first-child {
|
||||||
|
margin-bottom: 0.2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-right {
|
||||||
|
height: 1.5rem;
|
||||||
|
width: 6.2rem;
|
||||||
|
background: url('~@/assets/detailsAll/business/business_usage_mode_bg.png')
|
||||||
|
no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
border-radius: 0.1rem;
|
||||||
|
box-shadow: 0rem 0.05rem 0.15rem rgba(82, 106, 255, 0.4);
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0 0.3rem;
|
||||||
|
|
||||||
|
.content-right-left {
|
||||||
|
border-right: 0.01rem solid #707fe0;
|
||||||
|
padding-right: 0.1rem;
|
||||||
|
margin-right: 0.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-right-title {
|
||||||
|
font-size: 0.26rem;
|
||||||
|
line-height: 0.26rem;
|
||||||
|
color: #212956;
|
||||||
|
margin-bottom: 0.15rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-right-content {
|
||||||
|
display: flex;
|
||||||
|
font-size: 0.16rem;
|
||||||
color: rgba(33, 41, 86, 0.8);
|
color: rgba(33, 41, 86, 0.8);
|
||||||
line-height: 0.2rem;
|
line-height: 0.2rem;
|
||||||
|
overflow: hidden;
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
p {
|
p {
|
||||||
|
// width: 1.60rem;
|
||||||
|
height: 0.2rem;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
margin-bottom: 0.1rem;
|
// overflow: hidden;
|
||||||
|
margin-bottom: 0.08rem;
|
||||||
|
white-space: nowrap;
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
margin-right: 0.15rem;
|
||||||
|
|
||||||
span:last-of-type {
|
span {
|
||||||
width: 298px;
|
cursor: pointer;
|
||||||
display: -webkit-box;
|
|
||||||
overflow: hidden;
|
|
||||||
-webkit-line-clamp: 1;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
|
||||||
div {
|
|
||||||
height: 0.4rem;
|
|
||||||
width: 1.3rem;
|
|
||||||
background: #ffffff;
|
|
||||||
border-radius: 0.2rem;
|
|
||||||
color: #526aff;
|
|
||||||
font-size: 0.2rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
div:first-child {
|
|
||||||
margin-bottom: 0.2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-right {
|
|
||||||
height: 1.5rem;
|
|
||||||
width: 6.2rem;
|
|
||||||
background: url('~@/assets/detailsAll/business/business_usage_mode_bg.png') no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
border-radius: 0.1rem;
|
|
||||||
box-shadow: 0rem 0.05rem 0.15rem rgba(82, 106, 255, 0.4);
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0 0.3rem;
|
|
||||||
|
|
||||||
.content-right-left {
|
|
||||||
border-right: 0.01rem solid #707fe0;
|
|
||||||
padding-right: 0.1rem;
|
|
||||||
margin-right: 0.1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-right-title {
|
|
||||||
font-size: 0.26rem;
|
|
||||||
line-height: 0.26rem;
|
|
||||||
color: #212956;
|
|
||||||
margin-bottom: 0.15rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-right-content {
|
|
||||||
display: flex;
|
|
||||||
font-size: 0.16rem;
|
|
||||||
color: rgba(33, 41, 86, 0.8);
|
|
||||||
line-height: 0.2rem;
|
|
||||||
overflow: hidden;
|
|
||||||
-webkit-line-clamp: 1;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
p {
|
|
||||||
// width: 1.60rem;
|
|
||||||
height: 0.2rem;
|
|
||||||
display: -webkit-box;
|
|
||||||
// overflow: hidden;
|
|
||||||
margin-bottom: 0.08rem;
|
|
||||||
white-space: nowrap;
|
|
||||||
-webkit-line-clamp: 1;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
margin-right: 0.15rem;
|
|
||||||
|
|
||||||
span {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -18,11 +18,15 @@
|
||||||
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
||||||
<div class="label-content">
|
<div class="label-content">
|
||||||
<p class="lable-father">
|
<p class="lable-father">
|
||||||
<span class="label">
|
<span class="label" v-if="props.dataList.type">
|
||||||
{{ componentType || props.dataList.type }}
|
{{ props.dataList.type }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareType">
|
||||||
|
{{ props.dataList.shareType }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareCondition">
|
||||||
|
{{ props.dataList.shareCondition }}
|
||||||
</span>
|
</span>
|
||||||
<span class="label">{{ props.dataList.shareType }}</span>
|
|
||||||
<span class="label">{{ props.dataList.shareCondition }}</span>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <span class="label">免费</span> -->
|
<!-- <span class="label">免费</span> -->
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,12 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="business-navigation" v-if="navList.length > 0">
|
<div class="business-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,248 +21,247 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, defineProps, watch, getCurrentInstance } from 'vue'
|
import { ref, defineProps, watch, getCurrentInstance } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import mybus from '@/myplugins/mybus'
|
import mybus from '@/myplugins/mybus'
|
||||||
import { queryPartAppByKeyId2 } from '@/api/home'
|
import { queryPartAppByKeyId2 } 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: 'service-presentation',
|
key: 'service-presentation',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '图层信息',
|
name: '图层信息',
|
||||||
key: 'service-information',
|
key: 'service-information',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '应用场景',
|
name: '应用场景',
|
||||||
key: 'service-application-scenarios',
|
key: 'service-application-scenarios',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '应用案例',
|
name: '应用案例',
|
||||||
key: 'service-application-case',
|
key: 'service-application-case',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '图层预览',
|
name: '图层预览',
|
||||||
key: 'service-preview',
|
key: 'service-preview',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '使用方式',
|
name: '使用方式',
|
||||||
key: 'service-usage-mode',
|
key: 'service-usage-mode',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '常见问题',
|
name: '常见问题',
|
||||||
key: 'service-common-problem',
|
key: 'service-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 list = ref([])
|
|
||||||
// 根据能力id查询是否存在关联应用
|
|
||||||
if (keyId) {
|
|
||||||
queryPartAppByKeyId2({ keyId: keyId }).then((res) => {
|
|
||||||
console.log('ressssssss', res)
|
|
||||||
if (res.data.data.length > 0) {
|
|
||||||
// 存在关联应用时在导航栏加入关联应用
|
|
||||||
navList.value.unshift({
|
|
||||||
name: '关联应用',
|
|
||||||
key: 'layer-service-associated-ability',
|
|
||||||
show: true,
|
|
||||||
})
|
|
||||||
list.value.unshift('关联应用')
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
}
|
const list = ref([])
|
||||||
const select = ref('layer-service-associated-ability')
|
// 根据能力id查询是否存在关联应用
|
||||||
const selectNav = (key) => {
|
if (keyId) {
|
||||||
select.value = key
|
queryPartAppByKeyId2({ keyId: keyId }).then((res) => {
|
||||||
console.log(key, select.value)
|
console.log('ressssssss', res)
|
||||||
mybus.emit('flyToView', select.value)
|
if (res.data.data.length > 0) {
|
||||||
}
|
// 存在关联应用时在导航栏加入关联应用
|
||||||
if (props.dataList.infoList) {
|
navList.value.unshift({
|
||||||
list.value = []
|
name: '关联应用',
|
||||||
let arr = [
|
key: 'layer-service-associated-ability',
|
||||||
'图层缩略图',
|
show: true,
|
||||||
'坐标系',
|
})
|
||||||
'应用场景',
|
list.value.unshift('关联应用')
|
||||||
'应用案例',
|
|
||||||
'是否可预览',
|
|
||||||
'使用方式',
|
|
||||||
'常见问题',
|
|
||||||
]
|
|
||||||
// 排序
|
|
||||||
// eslint-disable-next-line vue/no-mutating-props
|
|
||||||
props.dataList.infoList.sort((a, b) => {
|
|
||||||
return arr.indexOf(a.attrType) - arr.indexOf(b.attrType)
|
|
||||||
})
|
|
||||||
props.dataList.infoList.map((item) => {
|
|
||||||
if (
|
|
||||||
item.attrType === '常见问题' ||
|
|
||||||
item.attrType === '应用场景' ||
|
|
||||||
item.attrType === '应用案例'
|
|
||||||
) {
|
|
||||||
list.value.push(item.attrType)
|
|
||||||
} else if (item.attrType === '图层缩略图') {
|
|
||||||
list.value.push('图层展示')
|
|
||||||
} else if (item.attrType === '是否可预览') {
|
|
||||||
if (item.attrValue === '是') {
|
|
||||||
list.value.push('图层预览')
|
|
||||||
}
|
}
|
||||||
} else if (
|
})
|
||||||
item.attrType === '服务类型' ||
|
|
||||||
item.attrType === '覆盖区域' ||
|
|
||||||
item.attrType === '切片策略' ||
|
|
||||||
item.attrType === '坐标系' ||
|
|
||||||
item.attrType === '切片尺寸' ||
|
|
||||||
item.attrType === '最小级别' ||
|
|
||||||
item.attrType === '数据范围' ||
|
|
||||||
item.attrType === '图层类型' ||
|
|
||||||
item.attrType === '最大级别'
|
|
||||||
) {
|
|
||||||
list.value.push('图层信息')
|
|
||||||
} else if (
|
|
||||||
item.attrType === '技术文档' ||
|
|
||||||
item.attrType === '服务商' ||
|
|
||||||
item.attrType === '服务商联系人' ||
|
|
||||||
item.attrType === '使用手册' ||
|
|
||||||
item.attrType === '服务地址' ||
|
|
||||||
item.attrType === '样式服务地址' ||
|
|
||||||
item.attrType === '服务商联系电话'
|
|
||||||
) {
|
|
||||||
list.value.push('使用方式')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
list.value.unshift('关联应用')
|
|
||||||
navList.value.forEach((item) => {
|
|
||||||
console.log(item)
|
|
||||||
if (list.value.indexOf(item.name) > -1) {
|
|
||||||
item.show = true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
select.value = navList.value.filter(
|
|
||||||
(item) => item.name === list.value[0]
|
|
||||||
)[0].key
|
|
||||||
console.log('11111111111111111111111111', list.value, navList.value)
|
|
||||||
}
|
|
||||||
watch(
|
|
||||||
() => props.selectNow,
|
|
||||||
(newValue) => {
|
|
||||||
select.value = newValue
|
|
||||||
}
|
}
|
||||||
)
|
const select = ref('layer-service-associated-ability')
|
||||||
watch(
|
const selectNav = (key) => {
|
||||||
() => props.dataList,
|
select.value = key
|
||||||
(val) => {
|
console.log(key, select.value)
|
||||||
if (val) {
|
mybus.emit('flyToView', select.value)
|
||||||
list.value = []
|
}
|
||||||
let arr = [
|
if (props.dataList.infoList) {
|
||||||
'图层缩略图',
|
list.value = []
|
||||||
'坐标系',
|
let arr = [
|
||||||
'应用场景',
|
'图层缩略图',
|
||||||
'应用案例',
|
'坐标系',
|
||||||
'是否可预览',
|
'应用场景',
|
||||||
'使用方式',
|
'应用案例',
|
||||||
'常见问题',
|
'是否可预览',
|
||||||
]
|
'使用方式',
|
||||||
// 排序
|
'常见问题',
|
||||||
// eslint-disable-next-line vue/no-mutating-props
|
]
|
||||||
props.dataList.infoList.sort((a, b) => {
|
// 排序
|
||||||
// console.log('排序==============>', a, b)
|
// eslint-disable-next-line vue/no-mutating-props
|
||||||
return arr.indexOf(a.attrType) - arr.indexOf(b.attrType)
|
props.dataList.infoList.sort((a, b) => {
|
||||||
})
|
return arr.indexOf(a.attrType) - arr.indexOf(b.attrType)
|
||||||
val.infoList.map((item) => {
|
})
|
||||||
if (
|
props.dataList.infoList.map((item) => {
|
||||||
item.attrType === '常见问题' ||
|
if (
|
||||||
item.attrType === '应用场景' ||
|
item.attrType === '常见问题' ||
|
||||||
item.attrType === '应用案例'
|
item.attrType === '应用场景' ||
|
||||||
) {
|
item.attrType === '应用案例'
|
||||||
list.value.push(item.attrType)
|
) {
|
||||||
} else if (item.attrType === '图层缩略图') {
|
list.value.push(item.attrType)
|
||||||
list.value.push('图层展示')
|
} else if (item.attrType === '图层缩略图') {
|
||||||
} else if (item.attrType === '是否可预览') {
|
list.value.push('图层展示')
|
||||||
if (item.attrValue === '是') {
|
} else if (item.attrType === '是否可预览') {
|
||||||
list.value.push('图层预览')
|
if (item.attrValue === '是') {
|
||||||
|
list.value.push('图层预览')
|
||||||
|
}
|
||||||
|
} else if (
|
||||||
|
item.attrType === '服务类型' ||
|
||||||
|
item.attrType === '覆盖区域' ||
|
||||||
|
item.attrType === '切片策略' ||
|
||||||
|
item.attrType === '坐标系' ||
|
||||||
|
item.attrType === '切片尺寸' ||
|
||||||
|
item.attrType === '最小级别' ||
|
||||||
|
item.attrType === '数据范围' ||
|
||||||
|
item.attrType === '图层类型' ||
|
||||||
|
item.attrType === '最大级别'
|
||||||
|
) {
|
||||||
|
list.value.push('图层信息')
|
||||||
|
} else if (
|
||||||
|
item.attrType === '技术文档' ||
|
||||||
|
item.attrType === '服务商' ||
|
||||||
|
item.attrType === '服务商联系人' ||
|
||||||
|
item.attrType === '使用手册' ||
|
||||||
|
item.attrType === '服务地址' ||
|
||||||
|
item.attrType === '样式服务地址' ||
|
||||||
|
item.attrType === '服务商联系电话'
|
||||||
|
) {
|
||||||
|
list.value.push('使用方式')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
list.value.unshift('关联应用')
|
||||||
|
navList.value.forEach((item) => {
|
||||||
|
console.log(item)
|
||||||
|
if (list.value.indexOf(item.name) > -1) {
|
||||||
|
item.show = true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
select.value = navList.value.filter(
|
||||||
|
(item) => item.name === list.value[0]
|
||||||
|
)[0].key
|
||||||
|
console.log('11111111111111111111111111', list.value, navList.value)
|
||||||
|
}
|
||||||
|
watch(
|
||||||
|
() => props.selectNow,
|
||||||
|
(newValue) => {
|
||||||
|
select.value = newValue
|
||||||
|
}
|
||||||
|
)
|
||||||
|
watch(
|
||||||
|
() => props.dataList,
|
||||||
|
(val) => {
|
||||||
|
if (val) {
|
||||||
|
list.value = []
|
||||||
|
let arr = [
|
||||||
|
'图层缩略图',
|
||||||
|
'坐标系',
|
||||||
|
'应用场景',
|
||||||
|
'应用案例',
|
||||||
|
'是否可预览',
|
||||||
|
'使用方式',
|
||||||
|
'常见问题',
|
||||||
|
]
|
||||||
|
// 排序
|
||||||
|
// eslint-disable-next-line vue/no-mutating-props
|
||||||
|
props.dataList.infoList.sort((a, b) => {
|
||||||
|
// console.log('排序==============>', a, b)
|
||||||
|
return arr.indexOf(a.attrType) - arr.indexOf(b.attrType)
|
||||||
|
})
|
||||||
|
val.infoList.map((item) => {
|
||||||
|
if (
|
||||||
|
item.attrType === '常见问题' ||
|
||||||
|
item.attrType === '应用场景' ||
|
||||||
|
item.attrType === '应用案例'
|
||||||
|
) {
|
||||||
|
list.value.push(item.attrType)
|
||||||
|
} else if (item.attrType === '图层缩略图') {
|
||||||
|
list.value.push('图层展示')
|
||||||
|
} else if (item.attrType === '是否可预览') {
|
||||||
|
if (item.attrValue === '是') {
|
||||||
|
list.value.push('图层预览')
|
||||||
|
}
|
||||||
|
} else if (
|
||||||
|
item.attrType === '服务类型' ||
|
||||||
|
item.attrType === '覆盖区域' ||
|
||||||
|
item.attrType === '切片策略' ||
|
||||||
|
item.attrType === '坐标系' ||
|
||||||
|
item.attrType === '切片尺寸' ||
|
||||||
|
item.attrType === '最小级别' ||
|
||||||
|
item.attrType === '数据范围' ||
|
||||||
|
item.attrType === '图层类型' ||
|
||||||
|
item.attrType === '最大级别'
|
||||||
|
) {
|
||||||
|
list.value.push('图层信息')
|
||||||
|
} else if (
|
||||||
|
item.attrType === '技术文档' ||
|
||||||
|
item.attrType === '服务商' ||
|
||||||
|
item.attrType === '服务商联系人' ||
|
||||||
|
item.attrType === '使用手册' ||
|
||||||
|
item.attrType === '服务地址' ||
|
||||||
|
item.attrType === '样式服务地址' ||
|
||||||
|
item.attrType === '服务商联系电话'
|
||||||
|
) {
|
||||||
|
list.value.push('使用方式')
|
||||||
}
|
}
|
||||||
} else if (
|
})
|
||||||
item.attrType === '服务类型' ||
|
list.value.unshift('关联应用')
|
||||||
item.attrType === '覆盖区域' ||
|
navList.value.forEach((item) => {
|
||||||
item.attrType === '切片策略' ||
|
console.log(item)
|
||||||
item.attrType === '坐标系' ||
|
if (list.value.indexOf(item.name) > -1) {
|
||||||
item.attrType === '切片尺寸' ||
|
item.show = true
|
||||||
item.attrType === '最小级别' ||
|
}
|
||||||
item.attrType === '数据范围' ||
|
})
|
||||||
item.attrType === '图层类型' ||
|
if (navList.value.filter((item) => item.name === list.value[0])[0]) {
|
||||||
item.attrType === '最大级别'
|
select.value = navList.value.filter(
|
||||||
) {
|
(item) => item.name === list.value[0]
|
||||||
list.value.push('图层信息')
|
)[0].key
|
||||||
} else if (
|
|
||||||
item.attrType === '技术文档' ||
|
|
||||||
item.attrType === '服务商' ||
|
|
||||||
item.attrType === '服务商联系人' ||
|
|
||||||
item.attrType === '使用手册' ||
|
|
||||||
item.attrType === '服务地址' ||
|
|
||||||
item.attrType === '样式服务地址' ||
|
|
||||||
item.attrType === '服务商联系电话'
|
|
||||||
) {
|
|
||||||
list.value.push('使用方式')
|
|
||||||
}
|
}
|
||||||
})
|
|
||||||
list.value.unshift('关联应用')
|
|
||||||
navList.value.forEach((item) => {
|
|
||||||
console.log(item)
|
|
||||||
if (list.value.indexOf(item.name) > -1) {
|
|
||||||
item.show = true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
if (list.value.length > 0) {
|
|
||||||
select.value = navList.value.filter(
|
|
||||||
(item) => item.name === list.value[0]
|
|
||||||
)[0].key
|
|
||||||
}
|
}
|
||||||
console.log('11111111111111111111111111', list.value, navList.value)
|
|
||||||
}
|
}
|
||||||
}
|
)
|
||||||
)
|
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.business-navigation {
|
.business-navigation {
|
||||||
width: 19.12rem;
|
width: 19.12rem;
|
||||||
height: 0.84rem;
|
height: 0.84rem;
|
||||||
line-height: 0.8rem;
|
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;
|
display: flex;
|
||||||
flex-direction: column;
|
justify-content: space-around;
|
||||||
justify-content: space-between;
|
font-size: 0.24rem;
|
||||||
align-items: center;
|
color: #666;
|
||||||
|
background: #fff;
|
||||||
|
padding: 0 3rem;
|
||||||
|
box-shadow: 0rem 0.05rem 0.1rem #f2f3fb;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
.line {
|
.nav {
|
||||||
width: 0.4rem;
|
cursor: pointer;
|
||||||
height: 0.04rem;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.line {
|
||||||
|
width: 0.4rem;
|
||||||
|
height: 0.04rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.select {
|
||||||
|
color: #526aff;
|
||||||
|
|
||||||
|
.line {
|
||||||
|
background: #526aff;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.select {
|
|
||||||
color: #526aff;
|
|
||||||
|
|
||||||
.line {
|
|
||||||
background: #526aff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -18,11 +18,15 @@
|
||||||
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
<!-- <span class="name">{{ props.dataList.name }}</span> -->
|
||||||
<div class="label-content">
|
<div class="label-content">
|
||||||
<p class="lable-father">
|
<p class="lable-father">
|
||||||
<span class="label">
|
<span class="label" v-if="props.dataList.type">
|
||||||
{{ componentType || props.dataList.type }}
|
{{ props.dataList.type }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareType">
|
||||||
|
{{ props.dataList.shareType }}
|
||||||
|
</span>
|
||||||
|
<span class="label" v-if="props.dataList.shareCondition">
|
||||||
|
{{ props.dataList.shareCondition }}
|
||||||
</span>
|
</span>
|
||||||
<span class="label">{{ props.dataList.shareType }}</span>
|
|
||||||
<span class="label">{{ props.dataList.shareCondition }}</span>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <span class="label">免费</span> -->
|
<!-- <span class="label">免费</span> -->
|
||||||
|
|
|
||||||
|
|
@ -90,6 +90,7 @@
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
|
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
|
||||||
|
import { message } from 'ant-design-vue'
|
||||||
import { pinyin } from 'pinyin-pro'
|
import { pinyin } from 'pinyin-pro'
|
||||||
import { ref, defineProps, watch } from 'vue'
|
import { ref, defineProps, watch } from 'vue'
|
||||||
let dataFrom = ref({
|
let dataFrom = ref({
|
||||||
|
|
@ -213,12 +214,18 @@
|
||||||
let obj = props.dataList.infoList.filter(
|
let obj = props.dataList.infoList.filter(
|
||||||
(item) => item.attrType === '技术文档'
|
(item) => item.attrType === '技术文档'
|
||||||
)[0]
|
)[0]
|
||||||
console.log('dataFrom.value.link', obj.attrValue)
|
if (obj) {
|
||||||
window.open(
|
window.open(
|
||||||
window.SITE_CONFIG.previewUrl +
|
window.SITE_CONFIG.previewUrl +
|
||||||
'hisense_office/onlinePreview?url=' +
|
'hisense_office/onlinePreview?url=' +
|
||||||
btoa(encodeURI(obj.attrValue))
|
btoa(encodeURI(obj.attrValue))
|
||||||
)
|
)
|
||||||
|
} else {
|
||||||
|
message.config({
|
||||||
|
top: '100px', // 距离顶部的位置
|
||||||
|
})
|
||||||
|
message.error('暂未上传接口文档')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
function technicalNew() {
|
function technicalNew() {
|
||||||
// 拼接路径
|
// 拼接路径
|
||||||
|
|
@ -231,12 +238,18 @@
|
||||||
let obj = props.dataList.infoList.filter(
|
let obj = props.dataList.infoList.filter(
|
||||||
(item) => item.attrType === '使用手册'
|
(item) => item.attrType === '使用手册'
|
||||||
)[0]
|
)[0]
|
||||||
console.log('dataFrom.value.link', obj.attrValue)
|
if (obj) {
|
||||||
window.open(
|
window.open(
|
||||||
window.SITE_CONFIG.previewUrl +
|
window.SITE_CONFIG.previewUrl +
|
||||||
'hisense_office/onlinePreview?url=' +
|
'hisense_office/onlinePreview?url=' +
|
||||||
btoa(encodeURI(obj.attrValue))
|
btoa(encodeURI(obj.attrValue))
|
||||||
)
|
)
|
||||||
|
} else {
|
||||||
|
message.config({
|
||||||
|
top: '100px', // 距离顶部的位置
|
||||||
|
})
|
||||||
|
message.error('暂未上传使用手册')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -96,7 +96,7 @@
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="top-content">
|
<div class="top-content" v-if="Cardsname == '组件服务'">
|
||||||
<span class="top-content-title">共享条件</span>
|
<span class="top-content-title">共享条件</span>
|
||||||
<div class="leixingsumfather">
|
<div class="leixingsumfather">
|
||||||
<div class="leixingsum">
|
<div class="leixingsum">
|
||||||
|
|
@ -106,6 +106,8 @@
|
||||||
>
|
>
|
||||||
申请
|
申请
|
||||||
</a-checkable-tag>
|
</a-checkable-tag>
|
||||||
|
</div>
|
||||||
|
<div class="leixingsum">
|
||||||
<a-checkable-tag
|
<a-checkable-tag
|
||||||
:checked="tagFlag == '免批申请'"
|
:checked="tagFlag == '免批申请'"
|
||||||
@change="() => chagneTag('免批申请')"
|
@change="() => chagneTag('免批申请')"
|
||||||
|
|
@ -312,7 +314,7 @@
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="top-content">
|
<div class="top-content" v-if="Cardsname == '组件服务'">
|
||||||
<span class="top-content-title">共享条件</span>
|
<span class="top-content-title">共享条件</span>
|
||||||
<div class="leixingsumfather">
|
<div class="leixingsumfather">
|
||||||
<div class="leixingsum">
|
<div class="leixingsum">
|
||||||
|
|
@ -322,6 +324,8 @@
|
||||||
>
|
>
|
||||||
申请
|
申请
|
||||||
</a-checkable-tag>
|
</a-checkable-tag>
|
||||||
|
</div>
|
||||||
|
<div class="leixingsum">
|
||||||
<a-checkable-tag
|
<a-checkable-tag
|
||||||
:checked="tagFlag == '免批申请'"
|
:checked="tagFlag == '免批申请'"
|
||||||
@change="() => chagneTag('免批申请')"
|
@change="() => chagneTag('免批申请')"
|
||||||
|
|
@ -508,7 +512,7 @@
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="top-content">
|
<div class="top-content" v-if="Cardsname == '组件服务'">
|
||||||
<span class="top-content-title">共享条件</span>
|
<span class="top-content-title">共享条件</span>
|
||||||
<div class="leixingsumfather">
|
<div class="leixingsumfather">
|
||||||
<div class="leixingsum">
|
<div class="leixingsum">
|
||||||
|
|
@ -518,6 +522,8 @@
|
||||||
>
|
>
|
||||||
申请
|
申请
|
||||||
</a-checkable-tag>
|
</a-checkable-tag>
|
||||||
|
</div>
|
||||||
|
<div class="leixingsum">
|
||||||
<a-checkable-tag
|
<a-checkable-tag
|
||||||
:checked="tagFlag == '免批申请'"
|
:checked="tagFlag == '免批申请'"
|
||||||
@change="() => chagneTag('免批申请')"
|
@change="() => chagneTag('免批申请')"
|
||||||
|
|
@ -1020,7 +1026,7 @@
|
||||||
}
|
}
|
||||||
tecHnosphere = router.currentRoute.value.query.tecHnosphere
|
tecHnosphere = router.currentRoute.value.query.tecHnosphere
|
||||||
appLiCation = router.currentRoute.value.query.appLiCation
|
appLiCation = router.currentRoute.value.query.appLiCation
|
||||||
if (val.typeList && val.typeList.length > 6) {
|
if (val.typeList && val.typeList.length > 8) {
|
||||||
val.showShrink = true
|
val.showShrink = true
|
||||||
val.shrinkFlag = true
|
val.shrinkFlag = true
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -20,7 +20,7 @@
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</div>
|
</div>
|
||||||
<a-badge :count="sgcNum">
|
<a-badge :count="sgcNum">
|
||||||
<!-- 购物车 -->
|
<!-- 购物车 -->
|
||||||
<svg
|
<svg
|
||||||
t="1650455446850"
|
t="1650455446850"
|
||||||
class="icon"
|
class="icon"
|
||||||
|
|
@ -41,7 +41,7 @@
|
||||||
<!-- <a-avatar shape="square" size="large" /> -->
|
<!-- <a-avatar shape="square" size="large" /> -->
|
||||||
</a-badge>
|
</a-badge>
|
||||||
<a-badge :count="mynoticeNum" style="margin-left: 0.2rem">
|
<a-badge :count="mynoticeNum" style="margin-left: 0.2rem">
|
||||||
<!-- 消息提醒 -->
|
<!-- 消息提醒 -->
|
||||||
<svg
|
<svg
|
||||||
t="1654051054113"
|
t="1654051054113"
|
||||||
class="icon2"
|
class="icon2"
|
||||||
|
|
@ -267,21 +267,17 @@
|
||||||
if (mynoticeDom) {
|
if (mynoticeDom) {
|
||||||
mynoticeDom.addEventListener('mouseover', () => {
|
mynoticeDom.addEventListener('mouseover', () => {
|
||||||
mynoticeFlag.value = true
|
mynoticeFlag.value = true
|
||||||
// document.documentElement.style.overflowY = 'hidden'
|
|
||||||
})
|
})
|
||||||
mynoticeDom.addEventListener('mouseout', () => {
|
mynoticeDom.addEventListener('mouseout', () => {
|
||||||
mynoticeFlag.value = false
|
mynoticeFlag.value = false
|
||||||
document.documentElement.style.overflowY = 'scroll'
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
if (mynotice) {
|
if (mynotice) {
|
||||||
mynotice.addEventListener('mouseover', () => {
|
mynotice.addEventListener('mouseover', () => {
|
||||||
mynoticeFlag.value = true
|
mynoticeFlag.value = true
|
||||||
// document.documentElement.style.overflowY = 'hidden'
|
|
||||||
})
|
})
|
||||||
mynotice.addEventListener('mouseout', () => {
|
mynotice.addEventListener('mouseout', () => {
|
||||||
mynoticeFlag.value = false
|
mynoticeFlag.value = false
|
||||||
document.documentElement.style.overflowY = 'scroll'
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
mybus.on('getSgcNum', () => {
|
mybus.on('getSgcNum', () => {
|
||||||
|
|
|
||||||
|
|
@ -137,7 +137,7 @@
|
||||||
<div v-if="selectCardsname !== '数据资源'">
|
<div v-if="selectCardsname !== '数据资源'">
|
||||||
浏览量：{{ item.visits || 0 }}次
|
浏览量：{{ item.visits || 0 }}次
|
||||||
</div>
|
</div>
|
||||||
<div>申购量：{{ item.applyCount || 0 }}次</div>
|
<div>申请量：{{ item.applyCount || 0 }}次</div>
|
||||||
<div v-if="selectCardsname === '数据资源'">
|
<div v-if="selectCardsname === '数据资源'">
|
||||||
数据量：{{ item.sjlCount || 0 }}
|
数据量：{{ item.sjlCount || 0 }}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -430,8 +430,7 @@
|
||||||
item.guid
|
item.guid
|
||||||
)
|
)
|
||||||
} else {
|
} else {
|
||||||
window.open(
|
window.open('http://10.134.135.24:30090/#/home')
|
||||||
'http://10.134.135.24:30090/#/home')
|
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if (type === 'apply') {
|
if (type === 'apply') {
|
||||||
|
|
@ -620,340 +619,340 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
#search-result-list-container {
|
#search-result-list-container {
|
||||||
width: 1088px;
|
width: 1088px;
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
background: #f3f5f9;
|
background: #f3f5f9;
|
||||||
|
|
||||||
.detail-content {
|
.detail-content {
|
||||||
// 超出
|
// 超出
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
width: 130px;
|
width: 130px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
|
||||||
|
|
||||||
.shai-xuan {
|
|
||||||
width: 1047px;
|
|
||||||
height: 36px;
|
|
||||||
// margin: 11px 0 20px;
|
|
||||||
// background: #e5f2ff;
|
|
||||||
// padding-left: 20px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.circle {
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: #0087ff;
|
|
||||||
text-align: center;
|
|
||||||
color: #fff;
|
|
||||||
line-height: 16px;
|
|
||||||
margin-right: 21px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.result {
|
.shai-xuan {
|
||||||
font-size: 14px;
|
width: 1047px;
|
||||||
font-weight: 500;
|
height: 36px;
|
||||||
color: #212121;
|
// margin: 11px 0 20px;
|
||||||
|
// background: #e5f2ff;
|
||||||
span {
|
// padding-left: 20px;
|
||||||
font-size: 18px;
|
|
||||||
color: #0087ff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.condition {
|
|
||||||
position: absolute;
|
|
||||||
right: 20px;
|
|
||||||
top: 10px;
|
|
||||||
|
|
||||||
ul li {
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
li {
|
|
||||||
width: 90px;
|
|
||||||
height: 12px;
|
|
||||||
text-align: center;
|
|
||||||
cursor: pointer;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.arrow {
|
|
||||||
display: inline-block;
|
|
||||||
width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
background: url('~@/assets/newHome/arrow.png');
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.down {
|
|
||||||
background: url('~@/assets/newHome/down.png');
|
|
||||||
margin-top: 6px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.result-list {
|
|
||||||
width: 1048px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
border-bottom: 1px rgba(150, 144, 144, 0.3) solid;
|
|
||||||
border-top: 1px rgba(150, 144, 144, 0.3) solid;
|
|
||||||
padding: 10px 0;
|
|
||||||
|
|
||||||
.item {
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 10px;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
.left {
|
.circle {
|
||||||
display: inline-block;
|
width: 16px;
|
||||||
width: 120px;
|
height: 16px;
|
||||||
height: 110px;
|
border-radius: 50%;
|
||||||
margin-right: 16px;
|
background-color: #0087ff;
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 16px;
|
||||||
|
margin-right: 21px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.result {
|
||||||
width: 100%;
|
font-size: 14px;
|
||||||
}
|
font-weight: 500;
|
||||||
|
color: #212121;
|
||||||
.yyzy {
|
|
||||||
background: url('~@/assets/home/yyzy_square.png') no-repeat;
|
|
||||||
background-size: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sjzy {
|
|
||||||
background: url('~@/assets/home/sjzy_square.png') no-repeat;
|
|
||||||
background-size: 100%;
|
|
||||||
}
|
|
||||||
.znsf {
|
|
||||||
background: url('~@/assets/home/znsf_square.png') no-repeat;
|
|
||||||
background-size: 100%;
|
|
||||||
}
|
|
||||||
.tcfw {
|
|
||||||
background: url('~@/assets/home/tcfw_square.png') no-repeat;
|
|
||||||
background-size: 100%;
|
|
||||||
}
|
|
||||||
.kfzj {
|
|
||||||
background: url('~@/assets/home/kfzj_square.png') no-repeat;
|
|
||||||
background-size: 100%;
|
|
||||||
}
|
|
||||||
.ywzj {
|
|
||||||
background: url('~@/assets/home/ywzj_square.png') no-repeat;
|
|
||||||
background-size: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
margin: 0 10px 0 0;
|
|
||||||
|
|
||||||
.header-right {
|
|
||||||
display: flex;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #212121;
|
|
||||||
|
|
||||||
span {
|
|
||||||
font-size: 14px;
|
|
||||||
color: #212121;
|
|
||||||
}
|
|
||||||
|
|
||||||
div {
|
|
||||||
margin-right: 24px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-right:last-child {
|
|
||||||
div {
|
|
||||||
margin-right: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
span {
|
span {
|
||||||
font-size: 20px;
|
font-size: 18px;
|
||||||
font-weight: 600;
|
color: #0087ff;
|
||||||
// color: #0087ff;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dec {
|
.condition {
|
||||||
overflow: hidden;
|
position: absolute;
|
||||||
text-overflow: ellipsis;
|
right: 20px;
|
||||||
// white-space: nowrap;
|
top: 10px;
|
||||||
color: #0058e1;
|
|
||||||
display: flex;
|
|
||||||
margin-top: 10px;
|
|
||||||
|
|
||||||
div {
|
ul li {
|
||||||
margin-right: 10px;
|
list-style-type: none;
|
||||||
background: rgba(0, 88, 225, 0.1);
|
|
||||||
padding-left: 10px;
|
|
||||||
padding-right: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
div:nth-child(3) {
|
ul {
|
||||||
max-width: 200px;
|
|
||||||
display: -webkit-box;
|
|
||||||
/*设置为弹性盒子*/
|
|
||||||
-webkit-line-clamp: 1;
|
|
||||||
/*最多显示3行*/
|
|
||||||
overflow: hidden;
|
|
||||||
/*超出隐藏*/
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
/*超出显示为省略号*/
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
font-size: 14px;
|
|
||||||
margin: 5px 0;
|
|
||||||
|
|
||||||
// .left {
|
|
||||||
// width: 600px;
|
|
||||||
// display: flex;
|
|
||||||
// justify-content: space-between;
|
|
||||||
// flex-wrap: wrap;
|
|
||||||
// & > div {
|
|
||||||
// width: 300px;
|
|
||||||
// & > span {
|
|
||||||
// color: #0087ff;
|
|
||||||
// font-weight: 600;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
.right {
|
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
|
||||||
margin: 0 10px;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.shopping {
|
li {
|
||||||
|
width: 90px;
|
||||||
|
height: 12px;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.arrow {
|
||||||
|
display: inline-block;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
background: url('~@/assets/newHome/arrow.png');
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.down {
|
||||||
|
background: url('~@/assets/newHome/down.png');
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-list {
|
||||||
|
width: 1048px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
border-bottom: 1px rgba(150, 144, 144, 0.3) solid;
|
||||||
|
border-top: 1px rgba(150, 144, 144, 0.3) solid;
|
||||||
|
padding: 10px 0;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.left {
|
||||||
|
display: inline-block;
|
||||||
|
width: 120px;
|
||||||
|
height: 110px;
|
||||||
|
margin-right: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.yyzy {
|
||||||
|
background: url('~@/assets/home/yyzy_square.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sjzy {
|
||||||
|
background: url('~@/assets/home/sjzy_square.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
.znsf {
|
||||||
|
background: url('~@/assets/home/znsf_square.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
.tcfw {
|
||||||
|
background: url('~@/assets/home/tcfw_square.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
.kfzj {
|
||||||
|
background: url('~@/assets/home/kfzj_square.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
.ywzj {
|
||||||
|
background: url('~@/assets/home/ywzj_square.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin: 0 10px 0 0;
|
||||||
|
|
||||||
|
.header-right {
|
||||||
|
display: flex;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #212121;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #212121;
|
||||||
|
}
|
||||||
|
|
||||||
|
div {
|
||||||
|
margin-right: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-right:last-child {
|
||||||
|
div {
|
||||||
|
margin-right: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 600;
|
||||||
|
// color: #0087ff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dec {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
// white-space: nowrap;
|
||||||
|
color: #0058e1;
|
||||||
|
display: flex;
|
||||||
|
margin-top: 10px;
|
||||||
|
|
||||||
|
div {
|
||||||
|
margin-right: 10px;
|
||||||
|
background: rgba(0, 88, 225, 0.1);
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div:nth-child(3) {
|
||||||
|
max-width: 200px;
|
||||||
|
display: -webkit-box;
|
||||||
|
/*设置为弹性盒子*/
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
/*最多显示3行*/
|
||||||
|
overflow: hidden;
|
||||||
|
/*超出隐藏*/
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
/*超出显示为省略号*/
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 5px 0;
|
||||||
|
|
||||||
|
// .left {
|
||||||
|
// width: 600px;
|
||||||
|
// display: flex;
|
||||||
|
// justify-content: space-between;
|
||||||
|
// flex-wrap: wrap;
|
||||||
|
// & > div {
|
||||||
|
// width: 300px;
|
||||||
|
// & > span {
|
||||||
|
// color: #0087ff;
|
||||||
|
// font-weight: 600;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
.right {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
margin: 0 10px;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.shopping {
|
||||||
|
span {
|
||||||
|
display: inline-block;
|
||||||
|
height: 32px;
|
||||||
|
width: 32px;
|
||||||
|
margin-right: 10px;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shopping-on {
|
||||||
|
background: url('~@/assets/newHome/shopping-on.png');
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shopping-down {
|
||||||
|
background: url('~@/assets/newHome/shopping-down.png');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pk-on {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
width: 32px;
|
width: 32px;
|
||||||
|
margin-left: 10px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
background: url('~@/assets/newHome/pk-on.png');
|
||||||
|
|
||||||
.shopping-on {
|
|
||||||
background: url('~@/assets/newHome/shopping-on.png');
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shopping-down {
|
.sc {
|
||||||
background: url('~@/assets/newHome/shopping-down.png');
|
// margin-top: 4px;
|
||||||
}
|
cursor: pointer;
|
||||||
}
|
|
||||||
|
|
||||||
.pk-on {
|
|
||||||
display: inline-block;
|
|
||||||
height: 32px;
|
|
||||||
width: 32px;
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-right: 10px;
|
|
||||||
margin-top: 5px;
|
|
||||||
background: url('~@/assets/newHome/pk-on.png');
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sc {
|
|
||||||
// margin-top: 4px;
|
|
||||||
cursor: pointer;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.sc-down {
|
|
||||||
display: inline-block;
|
|
||||||
height: 32px;
|
|
||||||
width: 32px;
|
|
||||||
background: url('~@/assets/newHome/sc-down.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.sc-on {
|
|
||||||
display: inline-block;
|
|
||||||
height: 32px;
|
|
||||||
width: 32px;
|
|
||||||
background: url('~@/assets/newHome/sc-on.png');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.ant-btn {
|
|
||||||
background: transparent;
|
|
||||||
background: #0058e1;
|
|
||||||
color: white;
|
|
||||||
width: 80px;
|
|
||||||
height: 32px;
|
|
||||||
font-weight: 600;
|
|
||||||
border-radius: 2px;
|
|
||||||
text-align: center;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ant-btn:last-child {
|
|
||||||
background: #0058e1;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
margin-top: 10px;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
& > div {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
& > div {
|
|
||||||
margin: 0 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.pingfen {
|
|
||||||
:deep(span) {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
:deep(ul) {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
:deep(.ant-rate-star:not(:last-child)) {
|
.sc-down {
|
||||||
margin-right: 4px;
|
display: inline-block;
|
||||||
|
height: 32px;
|
||||||
|
width: 32px;
|
||||||
|
background: url('~@/assets/newHome/sc-down.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
.sc-on {
|
||||||
|
display: inline-block;
|
||||||
|
height: 32px;
|
||||||
|
width: 32px;
|
||||||
|
background: url('~@/assets/newHome/sc-on.png');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-btn {
|
||||||
|
background: transparent;
|
||||||
|
background: #0058e1;
|
||||||
|
color: white;
|
||||||
|
width: 80px;
|
||||||
|
height: 32px;
|
||||||
|
font-weight: 600;
|
||||||
|
border-radius: 2px;
|
||||||
|
text-align: center;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-btn:last-child {
|
||||||
|
background: #0058e1;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 10px;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
& > div {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
& > div {
|
||||||
|
margin: 0 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pingfen {
|
||||||
|
:deep(span) {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
:deep(ul) {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
:deep(.ant-rate-star:not(:last-child)) {
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.item:nth-of-type(1) {
|
.item:nth-of-type(1) {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<span
|
<span
|
||||||
v-for="itemContent in item.content"
|
v-for="itemContent in item.content"
|
||||||
:key="itemContent"
|
:key="itemContent"
|
||||||
@click="tabClick(index, itemContent, itemContent)"
|
@click="tabClick(index, itemContent)"
|
||||||
:class="
|
:class="
|
||||||
clickList[index].content.indexOf(itemContent.labelName) != -1 ||
|
clickList[index].content.indexOf(itemContent.labelName) != -1 ||
|
||||||
clickList[index].content.indexOf(itemContent) != -1
|
clickList[index].content.indexOf(itemContent) != -1
|
||||||
|
|
@ -115,8 +115,8 @@
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import VideoSurveillance from '@/views/home/videoSurveillance'
|
import VideoSurveillance from '@/views/home/videoSurveillance'
|
||||||
import { getCategoryTreePage } from '@/api/personalCenter'
|
// import { getCategoryTreePage } from '@/api/personalCenter'
|
||||||
import { dataType } from 'element-plus/es/components/table-v2/src/common'
|
// import { dataType } from 'element-plus/es/components/table-v2/src/common'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { message } from 'ant-design-vue'
|
import { message } from 'ant-design-vue'
|
||||||
import { ref, reactive, onMounted } from 'vue'
|
import { ref, reactive, onMounted } from 'vue'
|
||||||
|
|
@ -243,7 +243,7 @@
|
||||||
clickList.value.push(params)
|
clickList.value.push(params)
|
||||||
})
|
})
|
||||||
mybus.off('tranferToList')
|
mybus.off('tranferToList')
|
||||||
mybus.on('tranferToList', (data) => {
|
mybus.on('tranferToList', () => {
|
||||||
console.log('获取到的列表数据')
|
console.log('获取到的列表数据')
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -338,12 +338,22 @@
|
||||||
})
|
})
|
||||||
console.log('选中的标签code', mapSearchParam.value)
|
console.log('选中的标签code', mapSearchParam.value)
|
||||||
mapSearchParam.value.labelCodes = mapSearchParam.value.labelCodes + ''
|
mapSearchParam.value.labelCodes = mapSearchParam.value.labelCodes + ''
|
||||||
if (name == '视频资源') {
|
let fatherName = ref('视频资源')
|
||||||
|
if (name == '视频资源' || name == '云资源' || name == '感知资源') {
|
||||||
|
fatherName.value == name
|
||||||
|
}
|
||||||
|
if (fatherName.value == '视频资源') {
|
||||||
getCamera()
|
getCamera()
|
||||||
} else {
|
} else {
|
||||||
dataSource.value = []
|
dataSource.value = []
|
||||||
pagination.value.total = 0
|
pagination.value.total = 0
|
||||||
}
|
}
|
||||||
|
// if (name == '视频资源') {
|
||||||
|
// getCamera()
|
||||||
|
// } else {
|
||||||
|
// dataSource.value = []
|
||||||
|
// pagination.value.total = 0
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
// 清空
|
// 清空
|
||||||
const nullClick = () => {
|
const nullClick = () => {
|
||||||
|
|
@ -392,10 +402,10 @@
|
||||||
message.error('请选择需要申请的数据')
|
message.error('请选择需要申请的数据')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 添加至购物车
|
// // 添加至购物车
|
||||||
const addShopCar = () => {
|
// const addShopCar = () => {
|
||||||
console.log('添加至购物车')
|
// console.log('添加至购物车')
|
||||||
}
|
// }
|
||||||
const getCamera = () => {
|
const getCamera = () => {
|
||||||
console.log('初始化调用')
|
console.log('初始化调用')
|
||||||
getCameraByParentId(mapSearchParam.value).then((res) => {
|
getCameraByParentId(mapSearchParam.value).then((res) => {
|
||||||
|
|
@ -442,7 +452,7 @@
|
||||||
key: 'channelId',
|
key: 'channelId',
|
||||||
},
|
},
|
||||||
])
|
])
|
||||||
const allClick = ref([])
|
// const allClick = ref([])
|
||||||
const onSelectChange = (record, selected, selectedRows, nativeEvent) => {
|
const onSelectChange = (record, selected, selectedRows, nativeEvent) => {
|
||||||
console.log('hahhahah', record, selected, selectedRows, nativeEvent)
|
console.log('hahhahah', record, selected, selectedRows, nativeEvent)
|
||||||
if (selected) {
|
if (selected) {
|
||||||
|
|
|
||||||
|
|
@ -162,7 +162,7 @@
|
||||||
} else {
|
} else {
|
||||||
let type = paramsGetResources.type
|
let type = paramsGetResources.type
|
||||||
if (type == '基础设施') {
|
if (type == '基础设施') {
|
||||||
selectInfrastructureList().then((res) => {
|
selectInfrastructureList().then((res) => {
|
||||||
console.log('基础设施==========>', res.data.data)
|
console.log('基础设施==========>', res.data.data)
|
||||||
for (const key in res.data.data) {
|
for (const key in res.data.data) {
|
||||||
jcList.value.push({
|
jcList.value.push({
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
class="img"
|
class="img"
|
||||||
:class="sel == '浏览量' ? 'fwl' : sel == '申购量' ? 'sgl' : 'scl'"
|
:class="sel == '浏览量' ? 'fwl' : sel == '申请量' ? 'sgl' : 'scl'"
|
||||||
></span>
|
></span>
|
||||||
<span class="text">{{ sel }}</span>
|
<span class="text">{{ sel }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -35,7 +35,7 @@
|
||||||
<div class="fw" v-if="select == '浏览量'">
|
<div class="fw" v-if="select == '浏览量'">
|
||||||
{{ select }}:{{ item.visits }}
|
{{ select }}:{{ item.visits }}
|
||||||
</div>
|
</div>
|
||||||
<div class="fw" v-if="select == '申购量'">
|
<div class="fw" v-if="select == '申请量'">
|
||||||
{{ select }}:{{ item.applyCount }}
|
{{ select }}:{{ item.applyCount }}
|
||||||
</div>
|
</div>
|
||||||
<div class="fw" v-if="select == '收藏量'">
|
<div class="fw" v-if="select == '收藏量'">
|
||||||
|
|
@ -64,7 +64,7 @@
|
||||||
const store = useStore()
|
const store = useStore()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const select = ref('浏览量')
|
const select = ref('浏览量')
|
||||||
const selList = ref(['浏览量', '申购量', '收藏量'])
|
const selList = ref(['浏览量', '申请量', '收藏量'])
|
||||||
const list = ref([])
|
const list = ref([])
|
||||||
|
|
||||||
const paramsGetResources = {
|
const paramsGetResources = {
|
||||||
|
|
@ -83,7 +83,7 @@
|
||||||
case '浏览量':
|
case '浏览量':
|
||||||
paramsGetResources.orderField = 'visits'
|
paramsGetResources.orderField = 'visits'
|
||||||
break
|
break
|
||||||
case '申购量':
|
case '申请量':
|
||||||
paramsGetResources.orderField = 'applyCount'
|
paramsGetResources.orderField = 'applyCount'
|
||||||
break
|
break
|
||||||
case '收藏量':
|
case '收藏量':
|
||||||
|
|
@ -153,195 +153,195 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.popular-ability {
|
.popular-ability {
|
||||||
height: 6.8rem;
|
height: 6.8rem;
|
||||||
background: url('~@/assets/newHome/popular-bg.png') no-repeat;
|
background: url('~@/assets/newHome/popular-bg.png') no-repeat;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
.main {
|
||||||
|
width: 13rem;
|
||||||
|
margin-top: 0.78rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
flex-direction: column;
|
||||||
.main {
|
flex-wrap: wrap;
|
||||||
width: 13rem;
|
.top {
|
||||||
margin-top: 0.78rem;
|
font-size: 0.3rem;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
.top {
|
justify-content: center;
|
||||||
font-size: 0.3rem;
|
align-items: center;
|
||||||
color: #fff;
|
.line {
|
||||||
text-align: center;
|
width: 0.34rem;
|
||||||
|
height: 0.03rem;
|
||||||
|
background-color: #fff;
|
||||||
|
margin-top: 0.08rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bottom {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 0.52rem;
|
||||||
|
.left {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
.select {
|
||||||
align-items: center;
|
cursor: pointer;
|
||||||
.line {
|
|
||||||
width: 0.34rem;
|
|
||||||
height: 0.03rem;
|
|
||||||
background-color: #fff;
|
|
||||||
margin-top: 0.08rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bottom {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
margin-top: 0.52rem;
|
|
||||||
.left {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
.select {
|
align-items: center;
|
||||||
cursor: pointer;
|
justify-content: center;
|
||||||
|
width: 1.05rem;
|
||||||
|
height: 1.39rem;
|
||||||
|
background: rgba(255, 255, 255, 0.08);
|
||||||
|
margin-bottom: 0.01rem;
|
||||||
|
border-right: 0.02rem solid rgba(233, 233, 233, 0.3);
|
||||||
|
.img {
|
||||||
|
width: 0.36rem;
|
||||||
|
height: 0.36rem;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
.fwl {
|
||||||
|
background: url('~@/assets/newHome/fwl-no.png') no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
.sgl {
|
||||||
|
background: url('~@/assets/newHome/sgl-no.png') no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
.scl {
|
||||||
|
background: url('~@/assets/newHome/scl-no.png') no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
.text {
|
||||||
|
color: rgba(255, 255, 255, 0.6);
|
||||||
|
font-size: 0.14rem;
|
||||||
|
margin-top: 0.08rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.select:hover {
|
||||||
|
background: rgba(255, 255, 255, 0.12);
|
||||||
|
}
|
||||||
|
.checked {
|
||||||
|
background: rgba(255, 255, 255, 0.18) !important;
|
||||||
|
border-right: 0.02rem solid #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-left: 0.2rem;
|
||||||
|
.item {
|
||||||
|
width: 3.78rem;
|
||||||
|
height: 2rem;
|
||||||
|
display: flex;
|
||||||
|
.item-left {
|
||||||
|
width: 0.83rem;
|
||||||
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 1.05rem;
|
align-items: center;
|
||||||
height: 1.39rem;
|
background: #eef1f8;
|
||||||
background: rgba(255, 255, 255, 0.08);
|
|
||||||
margin-bottom: 0.01rem;
|
|
||||||
border-right: 0.02rem solid rgba(233, 233, 233, 0.3);
|
|
||||||
.img {
|
.img {
|
||||||
width: 0.36rem;
|
width: 0.56rem;
|
||||||
height: 0.36rem;
|
height: 0.56rem;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
}
|
}
|
||||||
.fwl {
|
.zj {
|
||||||
background: url('~@/assets/newHome/fwl-no.png') no-repeat;
|
background: url('~@/assets/newHome/popular-zj.png') no-repeat;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
}
|
}
|
||||||
.sgl {
|
.yy {
|
||||||
background: url('~@/assets/newHome/sgl-no.png') no-repeat;
|
background: url('~@/assets/newHome/popular-yy.png') no-repeat;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
}
|
}
|
||||||
.scl {
|
.jc {
|
||||||
background: url('~@/assets/newHome/scl-no.png') no-repeat;
|
background: url('~@/assets/newHome/popular-jc.png') no-repeat;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
}
|
}
|
||||||
|
.sj {
|
||||||
|
background: url('~@/assets/newHome/popular-sj.png') no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
.zs {
|
||||||
|
background: url('~@/assets/newHome/popular-zs.png') no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.item-right {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #fff;
|
||||||
|
.fw {
|
||||||
|
width: 100%;
|
||||||
|
padding-right: 0.1rem;
|
||||||
|
padding-top: 0.03rem;
|
||||||
|
text-align: right;
|
||||||
|
color: 666;
|
||||||
|
font-size: 0.14rem;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.name {
|
||||||
|
font-size: 0.18rem;
|
||||||
|
color: #212121;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 0.05rem;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 1;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
}
|
||||||
.text {
|
.text {
|
||||||
color: rgba(255, 255, 255, 0.6);
|
|
||||||
font-size: 0.14rem;
|
|
||||||
margin-top: 0.08rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.select:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.12);
|
|
||||||
}
|
|
||||||
.checked {
|
|
||||||
background: rgba(255, 255, 255, 0.18) !important;
|
|
||||||
border-right: 0.02rem solid #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.right {
|
|
||||||
cursor: pointer;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
margin-left: 0.2rem;
|
|
||||||
.item {
|
|
||||||
width: 3.78rem;
|
|
||||||
height: 2rem;
|
|
||||||
display: flex;
|
|
||||||
.item-left {
|
|
||||||
width: 0.83rem;
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
background: #eef1f8;
|
|
||||||
.img {
|
|
||||||
width: 0.56rem;
|
|
||||||
height: 0.56rem;
|
|
||||||
background-size: 100%;
|
|
||||||
}
|
|
||||||
.zj {
|
|
||||||
background: url('~@/assets/newHome/popular-zj.png') no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
}
|
|
||||||
.yy {
|
|
||||||
background: url('~@/assets/newHome/popular-yy.png') no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
}
|
|
||||||
.jc {
|
|
||||||
background: url('~@/assets/newHome/popular-jc.png') no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
}
|
|
||||||
.sj {
|
|
||||||
background: url('~@/assets/newHome/popular-sj.png') no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
}
|
|
||||||
.zs {
|
|
||||||
background: url('~@/assets/newHome/popular-zs.png') no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.item-right {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
padding: 0.24rem 0.3rem;
|
||||||
background: #fff;
|
font-size: 0.14rem;
|
||||||
.fw {
|
color: #212121;
|
||||||
width: 100%;
|
line-height: 0.24rem;
|
||||||
padding-right: 0.1rem;
|
height: 1rem;
|
||||||
padding-top: 0.03rem;
|
overflow: hidden;
|
||||||
text-align: right;
|
|
||||||
color: 666;
|
|
||||||
font-size: 0.14rem;
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
.name {
|
|
||||||
font-size: 0.18rem;
|
|
||||||
color: #212121;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 0.05rem;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-line-clamp: 1;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
}
|
|
||||||
.text {
|
|
||||||
width: 100%;
|
|
||||||
padding: 0.24rem 0.3rem;
|
|
||||||
font-size: 0.14rem;
|
|
||||||
color: #212121;
|
|
||||||
line-height: 0.24rem;
|
|
||||||
height: 1rem;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.item:nth-of-type(4),
|
|
||||||
.item:nth-of-type(5),
|
|
||||||
.item:nth-of-type(6) {
|
|
||||||
margin-top: 0.2rem;
|
|
||||||
}
|
|
||||||
.item:hover {
|
|
||||||
border-radius: 0.02rem;
|
|
||||||
border: 0.01rem solid #0058e1;
|
|
||||||
box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
.item:nth-of-type(4),
|
||||||
.bottom-btn {
|
.item:nth-of-type(5),
|
||||||
cursor: pointer;
|
.item:nth-of-type(6) {
|
||||||
text-align: center;
|
margin-top: 0.2rem;
|
||||||
margin-top: 0.24rem;
|
}
|
||||||
color: #fff;
|
.item:hover {
|
||||||
width: 1rem;
|
border-radius: 0.02rem;
|
||||||
height: 0.24rem;
|
border: 0.01rem solid #0058e1;
|
||||||
line-height: 0.24rem;
|
box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
|
||||||
margin-left: 6rem;
|
|
||||||
span {
|
|
||||||
display: inline-block;
|
|
||||||
width: 0.1rem;
|
|
||||||
height: 0.1rem;
|
|
||||||
background: url('~@/assets/newHome/gd.png') no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.bottom-btn:hover {
|
|
||||||
background: rgba(0, 88, 225, 0.1);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.bottom-btn {
|
||||||
|
cursor: pointer;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 0.24rem;
|
||||||
|
color: #fff;
|
||||||
|
width: 1rem;
|
||||||
|
height: 0.24rem;
|
||||||
|
line-height: 0.24rem;
|
||||||
|
margin-left: 6rem;
|
||||||
|
span {
|
||||||
|
display: inline-block;
|
||||||
|
width: 0.1rem;
|
||||||
|
height: 0.1rem;
|
||||||
|
background: url('~@/assets/newHome/gd.png') no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bottom-btn:hover {
|
||||||
|
background: rgba(0, 88, 225, 0.1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue