wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

前台上架下一页

This commit is contained in:
851673013@qq.com 2022-07-21 09:15:05 +08:00
parent 38c77a3e96
commit 30afa74344
4 changed files with 463 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
front/src/views/capacityOnTheShelf/Application.vue
View File

@ -24,6 +24,7 @@
<div class="vue-box">
<put-on-the-shelf
v-if="showView === '基本信息' && refData.name"
ref="refPutOnTheShelf"
:refData="refData"
:dataFrom="dataFrom"
:videoList="videoList"
@ -38,15 +39,21 @@
></put-on-the-shelf>
<put-on-the-shelf
v-else-if="showView === '功能介绍'"
ref="refPutOnTheShelf"
:refData="refData"
:dataFrom="dataFrom"
:configure="gnjs"
@next="next()"
@back="back()"
></put-on-the-shelf>
<put-on-the-shelf
v-else-if="showView === '关联组件'"
ref="refPutOnTheShelf"
:refData="refData"
:dataFrom="dataFrom"
:configure="glzj"
@next="next()"
@back="back()"
></put-on-the-shelf>
<put-on-the-shelf
v-else-if="showView === '部署与应用'"
@ -54,6 +61,8 @@
:dataFrom="dataFrom"
:externalField="['共享条件', '共享类型']"
:configure="bs"
@submit="submit()"
@back="back()"
></put-on-the-shelf>
<!-- <application-essential-information
v-if="showView === '基本信息' && refData.name"
@ -82,12 +91,72 @@
</div>
<div class="btn" :class="showView === '基本信息' ? 'first' : ''">
<button @click="close()">取消</button>
<button v-show="showView !== '基本信息'" @click="back()">上一步</button>
<a-popconfirm
v-if="
showView == '功能介绍' &&
gnjs[0].list.filter((val) => val.note1 !== '').length > 0 &&
gnjs[0].list.filter((val) => val.note1 !== '').length !==
gnjs[0].list.length
"
title="如果信息未填写完整将会被丢弃，是否返回上一步?"
ok-text="是"
cancel-text="否"
@confirm="changeGnjs('上一步')"
@cancel="cancel"
>
<button>上一步</button>
</a-popconfirm>
<button v-else-if="showView == '功能介绍'" @click="changeGnjs('上一步')">
上一步
</button>
<!-- 分割线 -->
<button
v-show="showView !== '基本信息' && showView === '部署与应用'"
@click="back()"
>
上一步
</button>
<button v-show="showView === '部署与应用'" @click="preview()">
预览
</button>
<button v-show="showView !== '部署与应用'" @click="next()">下一步</button>
<button v-show="showView === '部署与应用'" @click="submit()">提交</button>
<button v-show="showView === '基本信息'" @click="next()">下一步</button>
<a-popconfirm
v-if="
showView == '功能介绍' &&
gnjs[0].list.filter((val) => val.note1 !== '').length > 0 &&
gnjs[0].list.filter((val) => val.note1 !== '').length !==
gnjs[0].list.length
"
title="如果信息未填写完整将会被丢弃，是否进行下一步?"
ok-text="是"
cancel-text="否"
@confirm="changeGnjs('下一步')"
@cancel="cancel"
>
<button>下一步</button>
</a-popconfirm>
<button v-else-if="showView == '功能介绍'" @click="changeGnjs('下一步')">
下一步
</button>
<a-popconfirm
v-if="
showView === '部署与应用' &&
bs[0].list.filter(
(val) => val.note1 !== '' && val.name !== '常见问题'
).length > 0
"
title="如果常见问题未填写完整将会被丢弃，是否进行提交?"
ok-text="是"
cancel-text="否"
@confirm="changeBs('提交')"
@cancel="cancel"
>
<button>提交</button>
</a-popconfirm>
<button v-else-if="showView === '部署与应用'" @click="submit()">
提交
</button>
</div>
</div>
</template>
@ -291,6 +360,16 @@
console.log('所有编目结构==============>', res.data.data)
})
}
// 特殊字段处理
const refPutOnTheShelf = ref(null)
const changeGnjs = (type) => {
refPutOnTheShelf.value.add('功能介绍', true, type)
console.log(refPutOnTheShelf.value)
}
const changeBs = (type) => {
console.log(refPutOnTheShelf)
refPutOnTheShelf.value.add('常见问题', true, type)
}
init()
mybus.on('chageDataFrom', (obj) => {
if (obj.attrType == '技术文档' && obj.attrValue != null) {

149
front/src/views/capacityOnTheShelf/BusinessComponent.vue
View File

@ -24,6 +24,7 @@
<div class="vue-box">
<put-on-the-shelf
v-if="showView === '基本信息' && refData.name"
ref="refPutOnTheShelf"
:refData="refData"
:dataFrom="dataFrom"
:videoList="videoList"
@ -39,34 +40,163 @@
></put-on-the-shelf>
<put-on-the-shelf
v-else-if="showView === '功能介绍'"
ref="refPutOnTheShelf"
:refData="refData"
:dataFrom="dataFrom"
:configure="gnjs"
@next="next()"
@back="back()"
></put-on-the-shelf>
<put-on-the-shelf
v-else-if="showView === '应用场景'"
ref="refPutOnTheShelf"
:refData="refData"
:dataFrom="dataFrom"
:configure="yycj"
@next="next()"
@back="back()"
></put-on-the-shelf>
<put-on-the-shelf
v-else-if="showView === '部署与使用'"
ref="refPutOnTheShelf"
:refData="refData"
:dataFrom="dataFrom"
:fileList="fileList"
:fileList2="fileList2"
:imgList="imgList"
:configure="bs"
@submit="submit()"
@back="back()"
></put-on-the-shelf>
</div>
<div class="btn" :class="showView === '基本信息' ? 'first' : ''">
<button @click="close()">取消</button>
<button v-show="showView !== '基本信息'" @click="back()">上一步</button>
<a-popconfirm
v-if="
showView == '功能介绍' &&
gnjs[0].list.filter((val) => val.note1 !== '').length > 0 &&
gnjs[0].list.filter((val) => val.note1 !== '').length !==
gnjs[0].list.length
"
title="如果信息未填写完整将会被丢弃，是否返回上一步?"
ok-text="是"
cancel-text="否"
@confirm="changeGnjs('上一步')"
@cancel="cancel"
>
<button>上一步</button>
</a-popconfirm>
<button
v-else-if="
showView == '功能介绍' &&
gnjs[0].list.filter((val) => val.note1 !== '').length ==
gnjs[0].list.length
"
@click="changeSfys('上一步')"
>
上一步
</button>
<a-popconfirm
v-else-if="
showView == '应用场景' &&
yycj[0].list.filter((val) => val.note1 !== '').length > 0 &&
yycj[0].list.filter((val) => val.note1 !== '').length !==
yycj[0].list.length
"
title="如果信息未填写完整将会被丢弃，是否返回上一步?"
ok-text="是"
cancel-text="否"
@confirm="changeYycj('上一步')"
@cancel="cancel"
>
<button>上一步</button>
</a-popconfirm>
<button
v-else-if="
showView == '应用场景' &&
yycj[0].list.filter((val) => val.note1 !== '').length ==
yycj[0].list.length
"
@click="changeYycj('上一步')"
>
上一步
</button>
<button v-else-if="showView !== '基本信息'" @click="back()">
上一步
</button>
<button v-show="showView === '部署与使用'" @click="preview()">
预览
</button>
<button v-show="showView !== '部署与使用'" @click="next()">下一步</button>
<button v-show="showView === '部署与使用'" @click="submit()">提交</button>
<a-popconfirm
v-if="
showView == '功能介绍' &&
gnjs[0].list.filter((val) => val.note1 !== '').length > 0 &&
gnjs[0].list.filter((val) => val.note1 !== '').length !==
gnjs[0].list.length
"
title="如果信息未填写完整将会被丢弃，是否进行下一步?"
ok-text="是"
cancel-text="否"
@confirm="changeGnjs('下一步')"
@cancel="cancel"
>
<button>下一步</button>
</a-popconfirm>
<button
v-else-if="
showView == '功能介绍' &&
gnjs[0].list.filter((val) => val.note1 !== '').length ==
gnjs[0].list.length
"
@click="changeGnjs('下一步')"
>
下一步
</button>
<a-popconfirm
v-else-if="
showView == '应用场景' &&
yycj[0].list.filter((val) => val.note1 !== '').length > 0 &&
yycj[0].list.filter((val) => val.note1 !== '').length !==
yycj[0].list.length
"
title="如果信息未填写完整将会被丢弃，是否进行下一步?"
ok-text="是"
cancel-text="否"
@confirm="changeYycj('下一步')"
@cancel="cancel"
>
<button>下一步</button>
</a-popconfirm>
<button
v-else-if="
showView == '应用场景' &&
yycj[0].list.filter((val) => val.note1 !== '').length ==
yycj[0].list.length
"
@click="changeYycj('下一步')"
>
下一步
</button>
<button v-else-if="showView !== '部署与使用'" @click="next()">
下一步
</button>
<a-popconfirm
v-if="
showView === '部署与使用' &&
(bs[0].list.filter((val) => val.note1 !== '').length > 0 ||
bs[1].list.filter((val) => val.note1 !== '').length > 0)
"
title="如果常见问题未填写完整将会被丢弃，是否进行提交?"
ok-text="是"
cancel-text="否"
@confirm="changeBs('提交')"
@cancel="cancel"
>
<button>提交</button>
</a-popconfirm>
<button v-else-if="showView === '部署与使用'" @click="submit()">
提交
</button>
</div>
</div>
</template>
@ -279,6 +409,19 @@
})
}
}
// 特殊字段处理
const refPutOnTheShelf = ref(null)
const changeGnjs = (type) => {
refPutOnTheShelf.value.add('功能介绍', true, type)
}
const changeYycj = (type) => {
console.log(refPutOnTheShelf)
refPutOnTheShelf.value.add('应用场景', true, type)
}
const changeBs = (type) => {
console.log(refPutOnTheShelf)
refPutOnTheShelf.value.add('常见问题', true, type)
}
const init = () => {
getCategoryTree().then((res) => {
// console.clear()

148
front/src/views/capacityOnTheShelf/DevelopmentComponents.vue
View File

@ -40,33 +40,162 @@
></put-on-the-shelf>
<put-on-the-shelf
v-else-if="showView === '功能介绍'"
ref="refPutOnTheShelf"
:refData="refData"
:dataFrom="dataFrom"
:configure="gnjs"
@next="next()"
@back="back()"
></put-on-the-shelf>
<put-on-the-shelf
v-else-if="showView === '应用场景'"
ref="refPutOnTheShelf"
:refData="refData"
:dataFrom="dataFrom"
:configure="yycj"
@next="next()"
@back="back()"
></put-on-the-shelf>
<put-on-the-shelf
v-else-if="showView === '部署与使用'"
ref="refPutOnTheShelf"
:refData="refData"
:dataFrom="dataFrom"
:fileList="fileList"
:fileList2="fileList2"
:configure="bs"
@submit="submit()"
@back="back()"
></put-on-the-shelf>
</div>
<div class="btn" :class="showView === '基本信息' ? 'first' : ''">
<button @click="close()">取消</button>
<button v-show="showView !== '基本信息'" @click="back()">上一步</button>
<a-popconfirm
v-if="
showView == '功能介绍' &&
gnjs[0].list.filter((val) => val.note1 !== '').length > 0 &&
gnjs[0].list.filter((val) => val.note1 !== '').length !==
gnjs[0].list.length
"
title="如果信息未填写完整将会被丢弃，是否返回上一步?"
ok-text="是"
cancel-text="否"
@confirm="changeGnjs('上一步')"
@cancel="cancel"
>
<button>上一步</button>
</a-popconfirm>
<button
v-else-if="
showView == '功能介绍' &&
gnjs[0].list.filter((val) => val.note1 !== '').length ==
gnjs[0].list.length
"
@click="changeSfys('上一步')"
>
上一步
</button>
<a-popconfirm
v-else-if="
showView == '应用场景' &&
yycj[0].list.filter((val) => val.note1 !== '').length > 0 &&
yycj[0].list.filter((val) => val.note1 !== '').length !==
yycj[0].list.length
"
title="如果信息未填写完整将会被丢弃，是否返回上一步?"
ok-text="是"
cancel-text="否"
@confirm="changeYycj('上一步')"
@cancel="cancel"
>
<button>上一步</button>
</a-popconfirm>
<button
v-else-if="
showView == '应用场景' &&
yycj[0].list.filter((val) => val.note1 !== '').length ==
yycj[0].list.length
"
@click="changeYycj('上一步')"
>
上一步
</button>
<button v-else-if="showView !== '基本信息'" @click="back()">
上一步
</button>
<button v-show="showView === '部署与使用'" @click="preview()">
预览
</button>
<button v-show="showView !== '部署与使用'" @click="next()">下一步</button>
<button v-show="showView === '部署与使用'" @click="submit()">提交</button>
<a-popconfirm
v-if="
showView == '功能介绍' &&
gnjs[0].list.filter((val) => val.note1 !== '').length > 0 &&
gnjs[0].list.filter((val) => val.note1 !== '').length !==
gnjs[0].list.length
"
title="如果信息未填写完整将会被丢弃，是否进行下一步?"
ok-text="是"
cancel-text="否"
@confirm="changeGnjs('下一步')"
@cancel="cancel"
>
<button>下一步</button>
</a-popconfirm>
<button
v-else-if="
showView == '功能介绍' &&
gnjs[0].list.filter((val) => val.note1 !== '').length ==
gnjs[0].list.length
"
@click="changeGnjs('下一步')"
>
下一步
</button>
<a-popconfirm
v-else-if="
showView == '应用场景' &&
yycj[0].list.filter((val) => val.note1 !== '').length > 0 &&
yycj[0].list.filter((val) => val.note1 !== '').length !==
yycj[0].list.length
"
title="如果信息未填写完整将会被丢弃，是否进行下一步?"
ok-text="是"
cancel-text="否"
@confirm="changeYycj('下一步')"
@cancel="cancel"
>
<button>下一步</button>
</a-popconfirm>
<button
v-else-if="
showView == '应用场景' &&
yycj[0].list.filter((val) => val.note1 !== '').length ==
yycj[0].list.length
"
@click="changeYycj('下一步')"
>
下一步
</button>
<button v-else-if="showView !== '部署与使用'" @click="next()">
下一步
</button>
<a-popconfirm
v-if="
showView === '部署与使用' &&
(bs[0].list.filter((val) => val.note1 !== '').length > 0 ||
bs[1].list.filter((val) => val.note1 !== '').length > 0)
"
title="如果常见问题未填写完整将会被丢弃，是否进行提交?"
ok-text="是"
cancel-text="否"
@confirm="changeBs('提交')"
@cancel="cancel"
>
<button>提交</button>
</a-popconfirm>
<button v-else-if="showView === '部署与使用'" @click="submit()">
提交
</button>
</div>
</div>
</template>
@ -242,6 +371,19 @@
})
window.open(newpage.href, '_blank')
}
// 特殊字段处理
const refPutOnTheShelf = ref(null)
const changeGnjs = (type) => {
refPutOnTheShelf.value.add('功能介绍', true, type)
}
const changeYycj = (type) => {
console.log(refPutOnTheShelf)
refPutOnTheShelf.value.add('应用场景', true, type)
}
const changeBs = (type) => {
console.log(refPutOnTheShelf)
refPutOnTheShelf.value.add('常见问题', true, type)
}
const submit = () => {
console.log('提交数据=============>', dataFrom.value)
if (submitFlag.value) {

93
front/src/views/capacityOnTheShelf/LayerServices.vue
View File

@ -24,6 +24,7 @@
<div class="vue-box">
<put-on-the-shelf
v-if="showView === '基本信息' && refData.name"
ref="refPutOnTheShelf"
:refData="refData"
:dataFrom="dataFrom"
:imgList="imgList"
@ -39,32 +40,108 @@
></put-on-the-shelf>
<put-on-the-shelf
v-else-if="showView === '图层信息'"
ref="refPutOnTheShelf"
:refData="refData"
:dataFrom="dataFrom"
></put-on-the-shelf>
<put-on-the-shelf
v-else-if="showView === '应用场景'"
ref="refPutOnTheShelf"
:refData="refData"
:dataFrom="dataFrom"
:configure="yycj"
@next="next()"
@back="back()"
></put-on-the-shelf>
<put-on-the-shelf
v-else-if="showView === '部署与使用'"
ref="refPutOnTheShelf"
:refData="refData"
:dataFrom="dataFrom"
:fileList="fileList"
:fileList2="fileList2"
:configure="bs"
@submit="submit()"
@back="back()"
></put-on-the-shelf>
</div>
<div class="btn" :class="showView === '基本信息' ? 'first' : ''">
<button @click="close()">取消</button>
<button v-show="showView !== '基本信息'" @click="back()">上一步</button>
<a-popconfirm
v-if="
showView == '应用场景' &&
yycj[0].list.filter((val) => val.note1 !== '').length > 0 &&
yycj[0].list.filter((val) => val.note1 !== '').length !==
yycj[0].list.length
"
title="如果信息未填写完整将会被丢弃，是否返回上一步?"
ok-text="是"
cancel-text="否"
@confirm="changeYycj('上一步')"
@cancel="cancel"
>
<button>上一步</button>
</a-popconfirm>
<button
v-else-if="
showView == '应用场景' &&
yycj[0].list.filter((val) => val.note1 !== '').length ==
yycj[0].list.length
"
@click="changeYycj('上一步')"
>
上一步
</button>
<button v-else-if="showView !== '基本信息'" @click="back()">
上一步
</button>
<button v-show="showView === '部署与使用'" @click="preview()">
预览
</button>
<button v-show="showView !== '部署与使用'" @click="next()">下一步</button>
<button v-show="showView === '部署与使用'" @click="submit()">提交</button>
<a-popconfirm
v-if="
showView == '应用场景' &&
yycj[0].list.filter((val) => val.note1 !== '').length > 0 &&
yycj[0].list.filter((val) => val.note1 !== '').length !==
yycj[0].list.length
"
title="如果信息未填写完整将会被丢弃，是否进行下一步?"
ok-text="是"
cancel-text="否"
@confirm="changeYycj('下一步')"
@cancel="cancel"
>
<button>下一步</button>
</a-popconfirm>
<button
v-else-if="
showView == '应用场景' &&
yycj[0].list.filter((val) => val.note1 !== '').length ==
yycj[0].list.length
"
@click="changeYycj('下一步')"
>
下一步
</button>
<button v-else-if="showView !== '部署与使用'" @click="next()">
下一步
</button>
<a-popconfirm
v-if="
showView === '部署与使用' &&
bs[0].list.filter((val) => val.note1 !== '').length > 0
"
title="如果常见问题未填写完整将会被丢弃，是否进行提交?"
ok-text="是"
cancel-text="否"
@confirm="changeBs('提交')"
@cancel="cancel"
>
<button>提交</button>
</a-popconfirm>
<button v-else-if="showView === '部署与使用'" @click="submit()">
提交
</button>
</div>
</div>
</template>
@ -190,6 +267,16 @@
})
window.open(newpage.href, '_blank')
}
// 特殊字段处理
const refPutOnTheShelf = ref(null)
const changeYycj = (type) => {
console.log(refPutOnTheShelf)
refPutOnTheShelf.value.add('应用场景', true, type)
}
const changeBs = (type) => {
console.log(refPutOnTheShelf)
refPutOnTheShelf.value.add('常见问题', true, type)
}
const submit = () => {
console.log('提交数据=============>', dataFrom.value)
if (submitFlag.value) {