WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[uodate] 禅道 50718 图片放大缩小

Browse Source
This commit is contained in:
zhaomeijing
2022-04-19 11:09:28 +08:00
parent bd75fc8440
commit d72f691707
5 changed files with 76 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/package-lock.json
Generated
+46
View File
@@ -29,6 +29,7 @@
"md5": "^2.2.1",
"nprogress": "^0.2.0",
"tinymce": "^5.3.2",
"v-viewer": "^1.6.4",
"viser-vue": "^2.4.8",
"vue": "^2.6.10",
"vue-area-linkage": "^5.1.0",
@@ -18605,6 +18606,14 @@
"webpack": "^2.0.0 || ^3.0.0 || ^4.0.0"
}
},
"node_modules/throttle-debounce": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-2.3.0.tgz",
"integrity": "sha512-H7oLPV0P7+jgvrk+6mwwwBDmxTaxnu9HMXmloNLXwnNO0ZxZ31Orah2n8lU1eMPvsaowP2CX+USCgyovXfdOFQ==",
"engines": {
"node": ">=8"
}
},
"node_modules/through": {
"version": "2.3.8",
"resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
@@ -19274,6 +19283,19 @@
"uuid": "bin/uuid"
}
},
"node_modules/v-viewer": {
"version": "1.6.4",
"resolved": "https://registry.npmjs.org/v-viewer/-/v-viewer-1.6.4.tgz",
"integrity": "sha512-LVkiUHpmsbsZXebeNXnu8krRCi5i2n07FeLFxoIVGhw8lVvTBO0ffpbDC6mLEuacCjrIh09HjIqpciwUtWE8lQ==",
"dependencies": {
"throttle-debounce": "^2.0.1",
"viewerjs": "^1.5.0"
},
"engines": {
"node": ">=4",
"npm": ">=3"
}
},
"node_modules/validate-npm-package-license": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
@@ -19324,6 +19346,11 @@
"extsprintf": "^1.2.0"
}
},
"node_modules/viewerjs": {
"version": "1.10.5",
"resolved": "https://registry.npmjs.org/viewerjs/-/viewerjs-1.10.5.tgz",
"integrity": "sha512-QwKrmXlSfKg5x4y74F/jicpHIRqBMMfHXyboOxHDi5n4XAaejjpalphPq4/HW6venQAoMiD57HpVwBk0JvqpSA=="
},
"node_modules/viser": {
"version": "2.4.9",
"resolved": "https://registry.npmjs.org/viser/-/viser-2.4.9.tgz",
@@ -36606,6 +36633,11 @@
"neo-async": "^2.6.0"
}
},
"throttle-debounce": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-2.3.0.tgz",
"integrity": "sha512-H7oLPV0P7+jgvrk+6mwwwBDmxTaxnu9HMXmloNLXwnNO0ZxZ31Orah2n8lU1eMPvsaowP2CX+USCgyovXfdOFQ=="
},
"through": {
"version": "2.3.8",
"resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
@@ -37144,6 +37176,15 @@
"resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
"integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="
},
"v-viewer": {
"version": "1.6.4",
"resolved": "https://registry.npmjs.org/v-viewer/-/v-viewer-1.6.4.tgz",
"integrity": "sha512-LVkiUHpmsbsZXebeNXnu8krRCi5i2n07FeLFxoIVGhw8lVvTBO0ffpbDC6mLEuacCjrIh09HjIqpciwUtWE8lQ==",
"requires": {
"throttle-debounce": "^2.0.1",
"viewerjs": "^1.5.0"
}
},
"validate-npm-package-license": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
@@ -37184,6 +37225,11 @@
"extsprintf": "^1.2.0"
}
},
"viewerjs": {
"version": "1.10.5",
"resolved": "https://registry.npmjs.org/viewerjs/-/viewerjs-1.10.5.tgz",
"integrity": "sha512-QwKrmXlSfKg5x4y74F/jicpHIRqBMMfHXyboOxHDi5n4XAaejjpalphPq4/HW6venQAoMiD57HpVwBk0JvqpSA=="
},
"viser": {
"version": "2.4.9",
"resolved": "https://registry.npmjs.org/viser/-/viser-2.4.9.tgz",
jero-web/package.json
+1
View File
@@ -31,6 +31,7 @@
"md5": "^2.2.1",
"nprogress": "^0.2.0",
"tinymce": "^5.3.2",
"v-viewer": "^1.6.4",
"viser-vue": "^2.4.8",
"vue": "^2.6.10",
"vue-area-linkage": "^5.1.0",
jero-web/src/components/Standardselection/index.vue
+1
View File
@@ -150,6 +150,7 @@
})
this.$emit('input', content.join(','))
this.$emit('change', this.query.db_field_name, replace_standard_id.join(','))
this.$emit('changecontent', this.content)
this.visible = false
} else {
this.$message.warning(this.$t('selectLeastOne'))
jero-web/src/main.js
+11 -1
View File
@@ -70,7 +70,17 @@ Vue.use(vueBus);
Vue.use(JeroComponents);
Vue.use(VueAreaLinkage);
Vue.use(VueI18n)
// 图片放大缩小插件
import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer,{
defaultOptions:{
zIndex:999999
}
});
Viewer.setDefaults({
Options: { "inline": true, "button": true ,'zIndex': 9999, 'zIndexInline': 9999}
});
const i18n = new VueI18n({
locale: 'zh-cn',
messages: {
jero-web/src/views/documentManage/splitting/modules/SplitAddForm.vue
+17 -4
View File
@@ -168,6 +168,7 @@
</div>
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<Standardselection :query="item"
@changecontent='changeContent'
@change="StandardselectionChange"
:disabled="disabled"
:standard="formInline"
@@ -243,7 +244,10 @@
<div class="split-row">
<div class="row-left">
<a-textarea v-if="item.type==='TEXT'" v-model="item.itemContent" :show-count="true" :maxlength="1000" :placeholder="$t('pleaseEnter')+$t('content')" />
<img v-if="item.type==='IMG'" :src="item.thumbUrl?item.thumbUrl:item.itemContent" alt="" @click="preImg(item)">
<viewer>
<img v-if="item.type==='IMG'" :src="item.thumbUrl?item.thumbUrl:item.itemContent" alt="">
</viewer>
<!-- <img v-if="item.type==='IMG'" :src="item.thumbUrl?item.thumbUrl:item.itemContent" alt="" @click="preImg(item)">-->
<div v-if="item.type==='TABLE'" v-html="item.itemContent" class="item-table"></div>
</div>
<div class="row-right">
@@ -556,7 +560,8 @@
itemVal:{},
contentTrees:'',
isTableEdit:false,
// 新增添加字段
standardSelectionContent: [], // 所选择的标准选择的全部字段
}
},
props:{
@@ -704,7 +709,7 @@
params.info_id=this.infoId
params.menu_id=this.menuId
console.log(this.contentList,'this.contentListthis.contentList')
let contentList=JSON.parse(JSON.stringify(this.contentList))
contentList.forEach((item,index)=>{
if(item.type==='IMG'){
@@ -717,6 +722,8 @@
params.itemValEOList=contentList
// console.log('paramsformInline',params)
params.delItemIds=this.deleteIds.join(',')
console.log(params,'paramsparams,paramsparams')
console.log()
axios({
url: url,
method: 'post',
@@ -1061,7 +1068,7 @@
if (res.success) {
this.dataList = res.result
this.ruleList = res.result
// console.log('res',this.dataList)
console.log('res',this.dataList)
this.IntegrateData()
callBack && callBack()
}
@@ -1093,9 +1100,15 @@
this.type = 'add'
},
changeContent(val) {
console.log(val,'kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk')
this.standardSelectionContent = val
console.log(this.standardSelectionContent,'vcalllll')
},
StandardselectionChange(value, id) {
this.formInline[value + '_id'] = id
this.formInline = { ...this.formInline }
console.log(this.formInline,'this.formInlinethis.formInlinethis.formInline')
},
PersonnelSelectionChange(value, id) {
this.formInline[value + '_id'] = id