后台挂载
This commit is contained in:
a0049873
parent
08bb99011b
commit
900b3ea26d
|
|
@ -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'></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 = ''
|
||||||
|
|
@ -343,6 +398,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] = this.redio
|
||||||
|
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 +440,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>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,138 @@
|
||||||
|
<!--
|
||||||
|
* @Author: hisense.liangjunhua
|
||||||
|
* @Date: 2022-07-08 14:55:19
|
||||||
|
* @LastEditors: hisense.liangjunhua
|
||||||
|
* @LastEditTime: 2022-07-08 15:48:44
|
||||||
|
* @Description: 告诉大家这是什么
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<a-upload
|
||||||
|
v-model:file-list="fileList"
|
||||||
|
:action="`${apiURL}/upload`"
|
||||||
|
list-type="picture"
|
||||||
|
class="upload-list-inline"
|
||||||
|
:maxCount="maxCount"
|
||||||
|
:before-upload="beforeUpload"
|
||||||
|
@change="handleChange"
|
||||||
|
@preview="handlePreview"
|
||||||
|
@remove="handleRemove"
|
||||||
|
>
|
||||||
|
<a-button>
|
||||||
|
<upload-outlined></upload-outlined>
|
||||||
|
{{ btnName }}
|
||||||
|
</a-button>
|
||||||
|
<span
|
||||||
|
style="
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: #999999;
|
||||||
|
font-size: 14px;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
{{ tip }}
|
||||||
|
</span>
|
||||||
|
</a-upload>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { message, Upload } from 'ant-design-vue'
|
||||||
|
export default {
|
||||||
|
name: '',
|
||||||
|
components: {
|
||||||
|
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
btnName: String,
|
||||||
|
type: String,
|
||||||
|
tip: String,
|
||||||
|
maxCount: Number,
|
||||||
|
data: Array,
|
||||||
|
list: Array,
|
||||||
|
emitFlag: String,
|
||||||
|
busType: Number
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
apiURL: window.SITE_CONFIG.apiURL,
|
||||||
|
fileList: JSON.parse(JSON.stringify(this.list))
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
beforeUpload (file) {
|
||||||
|
console.log(file)
|
||||||
|
const isLt10M = file.size / 1024 / 1024 < 100
|
||||||
|
let flag
|
||||||
|
if (this.type === '图片') {
|
||||||
|
flag =
|
||||||
|
file.type === 'image/jpeg' ||
|
||||||
|
file.type === 'image/jpg' ||
|
||||||
|
file.type === 'image/png'
|
||||||
|
} else if (this.type === '视频') {
|
||||||
|
console.log(file.type === 'video/mp4')
|
||||||
|
flag =
|
||||||
|
file.type === 'audio/mpeg' ||
|
||||||
|
file.type === 'video/mp4' ||
|
||||||
|
file.type === 'video/mp3'
|
||||||
|
} else if (this.type === '文件') {
|
||||||
|
flag =
|
||||||
|
file.type === 'application/pdf' ||
|
||||||
|
file.type === 'application/msword' ||
|
||||||
|
file.type ===
|
||||||
|
'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
|
||||||
|
}
|
||||||
|
console.log(flag)
|
||||||
|
if (!flag) {
|
||||||
|
message.error(`${file.name} 不是${this.type}类型`)
|
||||||
|
}
|
||||||
|
if (!isLt10M) {
|
||||||
|
message.error(`${file.name} 超出100M的大小`)
|
||||||
|
}
|
||||||
|
return flag || Upload.LIST_IGNORE
|
||||||
|
},
|
||||||
|
handlePreview (file) {
|
||||||
|
// console.log(file)
|
||||||
|
window.open(
|
||||||
|
window.SITE_CONFIG.previewUrl +
|
||||||
|
'hisense_office/onlinePreview?url=' +
|
||||||
|
btoa(encodeURI(file.response.data))
|
||||||
|
)
|
||||||
|
},
|
||||||
|
handleChange (info) {
|
||||||
|
if (info.file.status !== 'uploading') {
|
||||||
|
console.log(info.file, info.fileList)
|
||||||
|
}
|
||||||
|
if (info.file.status === 'done') {
|
||||||
|
message.success(`${info.file.name}上传成功`)
|
||||||
|
this.data.note1 = info.file.response.data
|
||||||
|
console.log(this.data, this.fileList)
|
||||||
|
if (this.type === '图片') {
|
||||||
|
if (!this.emitFlag) {
|
||||||
|
// mybus.emit('chageImgList', fileList.value)
|
||||||
|
}
|
||||||
|
} else if (this.type === '文件') {
|
||||||
|
console.log('busType', this.busType)
|
||||||
|
if (this.busType == 2) {
|
||||||
|
console.log('busType', this.busType)
|
||||||
|
// mybus.emit('chageFileList2', fileList.value)
|
||||||
|
} else {
|
||||||
|
// mybus.emit('chageFileList', fileList.value)
|
||||||
|
}
|
||||||
|
} else if (this.type === '视频') {
|
||||||
|
// mybus.emit('chageVideoList', fileList.value)
|
||||||
|
}
|
||||||
|
} else if (info.file.status === 'error') {
|
||||||
|
message.error(`${info.file.name}上传失败`)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleRemove (file) {
|
||||||
|
this.data.note1 = ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang='scss' scoped>
|
||||||
|
.ant-upload-list-item-image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,305 @@
|
||||||
|
<!--
|
||||||
|
* @Author: hisense.liangjunhua
|
||||||
|
* @Date: 2022-07-08 09:54:50
|
||||||
|
* @LastEditors: hisense.liangjunhua
|
||||||
|
* @LastEditTime: 2022-07-08 15:15:02
|
||||||
|
* @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( 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()">提交</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 () {
|
||||||
|
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])
|
||||||
|
// mybus.emit('chageDataFrom', {
|
||||||
|
// attrType: title,
|
||||||
|
// attrValue: JSON.stringify(data.value[title]),
|
||||||
|
// delFlag: 0
|
||||||
|
// })
|
||||||
|
list.forEach((item) => {
|
||||||
|
item.note1 = ''
|
||||||
|
})
|
||||||
|
this.showKey++
|
||||||
|
} else {
|
||||||
|
this.$message.warning('请填写完整')
|
||||||
|
}
|
||||||
|
} // del (title, index) {
|
||||||
|
// data.value[title].splice(index, 1)
|
||||||
|
// mybus.emit('chageDataFrom', {
|
||||||
|
// attrType: title,
|
||||||
|
// attrValue: JSON.stringify(data.value[title]),
|
||||||
|
// 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;
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -2,32 +2,195 @@
|
||||||
* @Author: hisense.liangjunhua
|
* @Author: hisense.liangjunhua
|
||||||
* @Date: 2022-07-08 09:48:52
|
* @Date: 2022-07-08 09:48:52
|
||||||
* @LastEditors: hisense.liangjunhua
|
* @LastEditors: hisense.liangjunhua
|
||||||
* @LastEditTime: 2022-07-08 09:49:12
|
* @LastEditTime: 2022-07-08 15:50:06
|
||||||
* @Description: 告诉大家这是什么
|
* @Description: 告诉大家这是什么
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<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>{{ item.name }}</span>
|
||||||
|
<upload :list="[]" v-if="item.type == 'image'" type="图片" btnName="上传图片" :maxCount="1" :data="item"
|
||||||
|
tip="支持图片类型，大小不超过100M"></upload>
|
||||||
|
<upload :list="[]" v-else-if="item.type == 'file' && item.name !== '使用手册'" type="文件" btnName="上传附件" :maxCount="1"
|
||||||
|
:data="item" tip="支持文件类型，大小不超过100M"></upload>
|
||||||
|
<upload :list="[]" v-else-if="item.name == '使用手册'" type="文件" btnName="上传附件" :maxCount="1" :data="item" :busType="2"
|
||||||
|
tip="支持文件类型，大小不超过100M"></upload>
|
||||||
|
<upload :list="[]" v-else-if="item.type == 'video'" type="视频" btnName="上传视频" :maxCount="1" :data="item"
|
||||||
|
tip="支持视频类型，大小不超过100M"></upload>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<special :configure='judgmentType.filter(item => item.name==child.name)[0]'></special>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
import special from './components/special'
|
||||||
|
import upload from '@/views/modules/components/upload'
|
||||||
export default {
|
export default {
|
||||||
name: '',
|
name: '',
|
||||||
components: {
|
components: {
|
||||||
|
special,
|
||||||
|
upload
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
|
putOnTheShelfList: Array
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
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: {
|
methods: {
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang='scss' scoped>
|
<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;
|
||||||
|
& > span:nth-of-type(1) {
|
||||||
|
width: 105px;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue