提交 ecf8513c authored 作者: 王腾飞's avatar 王腾飞

1029

上级 fed3c66b
......@@ -2,7 +2,7 @@
<div class="box">
<div class="metaDataTop">
<em>人物</em>
<span>刷新</span>
<span @click="refPage">刷新</span>
</div>
<div class="searchBox">
<el-input placeholder="搜索数字记忆资源库" v-model="inputVal" class="input-with-select">
......@@ -46,6 +46,7 @@
</li>
</ul>
</div>
<pagination v-if="totalNum>0" :total="totalNum" @pagesize="pagesizeFun" @currentPage="currentPageFun"></pagination>
<div class="noDataPic" style="text-align:center;" v-if="totalNum === 0">
<img src="../../../assets/img/noData_pic.png" alt="">
</div>
......@@ -115,8 +116,10 @@ import {
showNamedEntityAPI,
finallyAddNamedEntityAPI
} from '@/api/storagemodule'
import pagination from '@/components/pagination/pagination'
export default {
name: 'characterentry',
components:{pagination},
data() {
return {
dialogFormVisible: false,
......@@ -135,7 +138,7 @@ export default {
state: 1,
keyword: null,//搜索的时候传
pageNum: 1,
pageSize: 10,
pageSize: 30,
orderBy: null
},
createdate:'',//创建时间的筛选的
......@@ -147,6 +150,14 @@ export default {
this.getNamedEntityListAPI()
},
methods: {
pagesizeFun(val){
this.paramsFrom.pageSize = val;
this.getNamedEntityListAPI()
},
currentPageFun(val){
this.paramsFrom.pageNum = val;
this.getNamedEntityListAPI()
},
getNamedEntityListAPI() {
namedEntityListAPI(this.paramsFrom)
.then(res => {
......@@ -214,6 +225,24 @@ export default {
this.$message.error('新增实体未入库')
}
})
},
resetSearch() {
this.paramsFrom = {
state: 1,
keyword: null,//搜索的时候传
pageNum: 1,
pageSize: 30,
orderBy: null
};
this.createdate = '';//创建时间的筛选的
this.getNamedEntityListAPI();
},
refPage() {
this.loading = true;
this.resetSearch();
setTimeout(()=>{
this.loading=false;
},1000)
}
}
}
......@@ -243,6 +272,7 @@ export default {
background:url(../../../assets/img/sx.png) no-repeat;
background-size:12px 12px;
background-position:37px 2px;
cursor:pointer;
}
}
.searchBox {
......
......@@ -2,7 +2,7 @@
<div class="box">
<div class="metaDataTop">
<em>地理位置</em>
<span>刷新</span>
<span @click="refPage">刷新</span>
</div>
<div class="searchBox">
<el-input placeholder="搜索数字记忆资源库" v-model="inputVal" class="input-with-select">
......@@ -46,6 +46,7 @@
</li>
</ul>
</div>
<pagination v-if="totalNum>0" :total="totalNum" @pagesize="pagesizeFun" @currentPage="currentPageFun"></pagination>
<div class="noDataPic" style="text-align:center;" v-if="totalNum === 0">
<img src="../../../assets/img/noData_pic.png" alt="">
</div>
......@@ -94,6 +95,7 @@
<script>
import BaiduMap from 'vue-baidu-map/components/map/Map.vue'
import pagination from '@/components/pagination/pagination'
import {
namedEntityListAPI,
addNamedEntityAPI,
......@@ -103,7 +105,8 @@ import {
export default {
name: 'location',
components: {
BaiduMap
BaiduMap,
pagination
},
data() {
return {
......@@ -129,7 +132,7 @@ export default {
state: 3,
keyword: null,
pageNum: 1,
pageSize: 10,
pageSize: 30,
orderBy: null,
},
createdate:'',//创建时间的筛选的
......@@ -141,6 +144,14 @@ export default {
this.getNamedEntityListAPI()
},
methods: {
pagesizeFun(val){
this.paramsFrom.pageSize = val;
this.getNamedEntityListAPI()
},
currentPageFun(val){
this.paramsFrom.pageNum = val;
this.getNamedEntityListAPI()
},
getNamedEntityListAPI() {
namedEntityListAPI(this.paramsFrom)
.then(res => {
......@@ -212,6 +223,24 @@ export default {
this.$message.error('新增实体未入库')
}
})
},
resetSearch() {
this.paramsFrom = {
state: 3,
keyword: null,
pageNum: 1,
pageSize: 30,
orderBy: null,
};
this.createdate = '';//创建时间的筛选的
this.getNamedEntityListAPI();
},
refPage() {
this.loading = true;
this.resetSearch();
setTimeout(()=>{
this.loading=false;
},1000)
}
}
}
......@@ -241,6 +270,7 @@ export default {
background:url(../../../assets/img/sx.png) no-repeat;
background-size:12px 12px;
background-position:37px 2px;
cursor:pointer;
}
}
.searchBox {
......
......@@ -46,6 +46,7 @@
</li>
</ul>
</div>
<pagination v-if="totalNum>0" :total="totalNum" @pagesize="pagesizeFun" @currentPage="currentPageFun"></pagination>
<div class="noDataPic" style="text-align:center;" v-if="totalNum === 0">
<img src="../../../assets/img/noData_pic.png" alt="">
</div>
......@@ -100,8 +101,10 @@ import {
showNamedEntityAPI,
finallyAddOrganNamedEntityAPI
} from '@/api/storagemodule'
import pagination from '@/components/pagination/pagination'
export default {
name: 'characterentry',
components:{pagination},
data() {
return {
dialogFormVisible: false,
......@@ -119,7 +122,7 @@ export default {
state: 2,
keyword: null,
pageNum: 1,
pageSize: 10,
pageSize: 30,
orderBy: null,
},
createdate:'',//创建时间的筛选的
......@@ -131,6 +134,14 @@ export default {
this.getNamedEntityListAPI()
},
methods: {
pagesizeFun(val){
this.paramsFrom.pageSize = val;
this.getNamedEntityListAPI()
},
currentPageFun(val){
this.paramsFrom.pageNum = val;
this.getNamedEntityListAPI()
},
getNamedEntityListAPI() {
namedEntityListAPI(this.paramsFrom)
.then(res => {
......@@ -191,6 +202,24 @@ export default {
this.$message.error('新增实体未入库')
}
})
},
resetSearch() {
this.paramsFrom = {
state: 2,
keyword: null,
pageNum: 1,
pageSize: 30,
orderBy: null,
};
this.createdate = '';//创建时间的筛选的
this.getNamedEntityListAPI();
},
refPage() {
this.loading = true;
this.resetSearch();
setTimeout(()=>{
this.loading=false;
},1000)
}
}
}
......@@ -220,6 +249,7 @@ export default {
background:url(../../../assets/img/sx.png) no-repeat;
background-size:12px 12px;
background-position:37px 2px;
cursor:pointer;
}
}
.searchBox {
......
......@@ -2,7 +2,7 @@
<div class="box">
<div class="metaDataTop">
<em>时间</em>
<span>刷新</span>
<span @click="refPage">刷新</span>
</div>
<div class="searchBox">
<el-input placeholder="搜索数字记忆资源库" v-model="inputVal" class="input-with-select">
......@@ -124,7 +124,7 @@ export default {
state: 4,
keyword: null,
pageNum: 1,
pageSize: 10,
pageSize: 30,
orderBy: null,
},
createdate:'',//创建时间的筛选的
......@@ -186,6 +186,24 @@ export default {
this.$message.error('新增实体未入库')
}
})
},
resetSearch() {
this.paramsFrom = {
state: 4,
keyword: null,
pageNum: 1,
pageSize: 30,
orderBy: null,
};
this.createdate = '';//创建时间的筛选的
this.getNamedEntityListAPI();
},
refPage() {
this.loading = true;
this.resetSearch();
setTimeout(()=>{
this.loading=false;
},1000)
}
}
}
......@@ -215,6 +233,7 @@ export default {
background:url(../../../assets/img/sx.png) no-repeat;
background-size:12px 12px;
background-position:37px 2px;
cursor:pointer;
}
}
.searchBox {
......
......@@ -89,6 +89,7 @@
</div>
</div>
</div>
<pagination v-if="photoTotalNum>0" :total="photoTotalNum" @pagesize="pagesizeFun" @currentPage="currentPageFun"></pagination>
</div>
</div>
</template>
......@@ -96,8 +97,10 @@
<script>
import { uploadUrl, uploadPath, requestPath } from "@/utils/global";
import { getItemDetailByIdAPI, resourceCommitAPI, myAtlasDeleteItemAPI } from '@/api/resourcecommit'
import pagination from '@/components/pagination/pagination'
export default {
name: 'photolook',
components:{pagination},
data() {
return {
domain: process.env.BASE_API,
......@@ -106,6 +109,11 @@ export default {
uploadPath: uploadPath,
atlasInfo: {},
photoInfo: [],
photoTotalNum: null,
paramsFrom: {
pageSize:30,
pageNum: 1
},
formData: {
albumId: this.$route.query.oid,
fileName: null,
......@@ -121,6 +129,14 @@ export default {
this.getItemDetailById();
},
methods: {
pagesizeFun(val){
this.paramsFrom.pageSize = val;
this.getNamedEntityListAPI()
},
currentPageFun(val){
this.paramsFrom.pageNum = val;
this.getNamedEntityListAPI()
},
// 上传附件有关
beforeUpload(file) {
console.log(file)
......@@ -166,6 +182,7 @@ export default {
this.atlasInfo = res.data.data;
this.photoInfo = res.data.data.imgList;
this.formData.albumId = res.data.data.id
this.photoTotalNum = res.data.data.imgList.length;
this.photoInfo.map((item, index) => {
this.$set(item, 'statusVal', null)
if (item.status === 0) {
......@@ -251,6 +268,7 @@ export default {
.atlasBasicInfo {
width:100%;
margin-top:20px;
margin-bottom:20px;
section {
width:100%;
border-bottom:1px solid rgb(152, 164, 184);
......
......@@ -81,6 +81,7 @@ import { myCommitResListAPI, deleteMyCommitResItemAPI } from '@/api/resourcecomm
import pagination from '@/components/pagination/pagination'
import { operationMsg, confirm } from '@/utils/publicFunctions'
import { uploadUrl, uploadPath, requestPath } from "@/utils/global.js";
import Cookies from 'js-cookie'
export default {
name: 'allresource',
components:{pagination},
......@@ -194,6 +195,23 @@ export default {
}
})
},
resetSearch() {
this.searchForm = {
formation: null,
size: null,
status: null,
resourceType: '',
status: '',
orderBy: null,
createTime: null,
pageNum: 1,
pageSize: 30
};
this.formation='';
this.createTime='desc';
this.size ='';
this.getList()
},
refPage(){
this.loading=true;
this.resetSearch();
......
......@@ -34,14 +34,17 @@
</ul>
</section>
</div>
<pagination v-if="atlasTotalNum>0" :total="atlasTotalNum" @pagesize="pagesizeFun" @currentPage="currentPageFun"></pagination>
</div>
</template>
<script>
import { myAtlasListAPI, myAtlasInfoAPI, myAtlasDeleteItemAPI } from '@/api/resourcecommit'
import { uploadUrl } from "@/utils/global";
import pagination from '@/components/pagination/pagination'
export default {
name: 'atlas',
components:{pagination},
data() {
return {
uploadUrl: uploadUrl,
......@@ -62,6 +65,14 @@ export default {
this.getMyAtlasInfo();
},
methods: {
pagesizeFun(val){
this.paramsFrom.pageSize = val;
this.getNamedEntityListAPI()
},
currentPageFun(val){
this.paramsFrom.pageNum = val;
this.getNamedEntityListAPI()
},
addAtlas() {
this.$router.push('addatlas')
},
......
......@@ -3,7 +3,7 @@
<div v-loading='loading'>
<div class="sip_Top clearfix">
<span class="fl">资源分类管理</span>
<a><i class="el-icon-refresh fr" @click="refPage"></i></a>
<a>刷新<i class="el-icon-refresh fr" @click="refPage"></i></a>
</div>
<div class="resource_content">
<div class="tree_wrap" v-loading='loadTreeVisible'>
......@@ -417,8 +417,26 @@ export default {
this.loadTreeVisible=false;
},1000)
},
resetSearch() {
this.searchForm = {
diyTypeCode:'',
status:'',//默认丰富化的
resourceType:'',
orderBy:"",
beginTime:'',
endTime:'',
pageNum:1,
pageSize:30,
createrId:''
};
this.formation = '';//形成时间的筛选的
this.size = '';
this.createTime = 'desc';
this.getList();
},
refPage(){
this.loading=true;
this.resetSearch();
setTimeout(()=>{
this.loading=false;
},1000)
......
......@@ -6,29 +6,45 @@
<div class="formBox">
<div class="formLeft">
<h2>>资源内容描述类</h2>
<swiper :options="swiperOption" ref="swiperOne">
  <swiper-slide v-for="(item, key) in photoList" :key="key">
   <img :src="`${uploadUrl}?fileName=${item.fileName}`" alt="">
  </swiper-slide>
<div class="swiper-button-next swiper-button-black" slot="button-next"></div>
<div class="swiper-button-prev swiper-button-black" slot="button-prev"></div>
 <div class="swiper-pagination swiper-pagination-fraction" slot="pagination"></div>
</swiper>
<el-form label-width="86px">
<el-form-item label="题名:">
<el-input autocomplete="off" placeholder="文档题名" v-model="formData.name"></el-input>
<em>文档有原始题名的,使用原始题名。</em>
<el-input autocomplete="off" placeholder="请输入图像题名" v-model="formData.name"></el-input>
<em>图像有原始题名的,使用原始题名。</em>
</el-form-item>
<el-form-item label="主题:">
<el-input autocomplete="off" placeholder="请输入图像主题" v-model="formData.theme"></el-input>
<em>描述、识别或诠释资源的术语或片语</em>
</el-form-item>
<el-form-item label="描述/摘要:">
<el-input type="textarea" v-model="formData.description" @input="changeType($event)"></el-input>
<el-input type="textarea" v-model="formData.description" placeholder="请输入描述/摘要" @input="changeType($event)"></el-input>
<em>对文档的简要摘要性描述。</em>
</el-form-item>
<el-form-item label="来源:">
<el-input autocomplete="off" placeholder="请输入图像资源来源" v-model="formData.source"></el-input>
<em>图像的出处。</em>
</el-form-item>
<el-form-item label="关键词:">
<el-input autocomplete="off" placeholder="关键词" v-model="formData.keyword"></el-input>
<em>一般选择3-5个关键词。</em>
<el-input autocomplete="off" placeholder="请输入图像资源关键词" v-model="formData.keyword"></el-input>
<em>一般选择3-5个关键词,以“,”隔开</em>
</el-form-item>
<el-form-item label="语种:">
<el-input autocomplete="off" v-model="formData.languages"></el-input>
<em>指所著录文档资源所主要使用的语言,一般为中文。</em>
<el-input autocomplete="off" v-model="formData.languages" placeholder="请输入图像资源语言"></el-input>
<em>指所著录图像资源所主要使用的语言,一般为中文。</em>
</el-form-item>
</el-form>
</div>
<div class="formRight">
<h2>>外部属性描述类</h2>
<el-form label-width="86px">
<el-form-item label="形成时间:">
<el-form label-width="92px" :model="formData" :rules="rulesOne" ref="formTwo">
<el-form-item label="拍摄时间:" prop="formationTime">
<el-date-picker
value-format="yyyy-MM-dd"
v-model="formData.formationTime"
......@@ -36,17 +52,7 @@
placeholder="选择日期"
style="width:100%;">
</el-date-picker>
<em>文档形成时间,具体时间不确定的输入0000-00-00。</em>
</el-form-item>
<el-form-item label="时间范围:">
<el-date-picker
value-format="yyyy-MM-dd"
v-model="formData.formationTime"
type="date"
placeholder="选择日期"
style="width:100%;">
</el-date-picker>
<em>M17-DC Coverage-文献内容所涉及的时间范围。</em>
<em>文档形成时间。</em>
</el-form-item>
<el-form-item label="地理位置:">
<el-input autocomplete="off" :disabled="true" v-model="location">
......@@ -54,11 +60,10 @@
</el-input>
<em>资源内容所指或者所相关的地理位置。</em>
</el-form-item>
<el-form-item label="专题:">
<el-form-item label="资源分类:" prop="diyType">
<div class="block">
<el-cascader
v-model="optionResourceDiyTypeShow"
change-on-select
v-model="optionResourceDiyTypeShow"
style="width:100%;"
ref="myCascader"
:props="{expandTrigger: 'click'}"
......@@ -68,65 +73,33 @@
</div>
<em>指定资源所属类别,类目体系在资源库系统中设置。</em>
</el-form-item>
<el-form-item label="资源标签:" prop="label">
<el-select v-model="resourceLabel" multiple placeholder="请选择" style="width:100%;" @change="selectOpt">
<el-option
v-for="item in resourceLabelList"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
<em>指定资源所属专题与内容特征,相关标签需提前在“资源标签”功能中设置。</em>
</el-form-item>
</el-form>
<h2>>版权信息描述类</h2>
<el-form label-width="86px">
<el-form-item label="作者:">
<el-input autocomplete="off" placeholder="作者" v-model="formData.responsibility"></el-input>
<em>M9-DC Creator-负责形成文献资源的责任机构或个人。</em>
</el-form-item>
<el-form-item label="权限:">
<el-input autocomplete="off" placeholder="权限" v-model="formData.copyright"></el-input>
<em>M19-DC Rights-文献资源本身的所有权信息或被赋予的权利信息。</em>
<el-form label-width="86px" :model="formData" ref="formThree" :rules="rulesOne">
<el-form-item label="责任者:" prop="responsibility">
<el-input autocomplete="off" placeholder="责任者" v-model="formData.responsibility"></el-input>
<em>文档责任者,创建者。</em>
</el-form-item>
</el-form>
<h2>>关联信息描述类</h2>
<el-form label-width="110px">
<el-form-item label="关联实体选择:">
<div style="display:flex;">
<div autocomplete="off" :disabled="true" style="height:36px; border:1px solid #DCDFE6; border-top-left-radius:4px; border-bottom-left-radius:4px; flex:1;">
<span v-for="(item, key) in entityData" :key="key" class="entitySpan" @click="deleteEntity(key, item)">{{ item.name }}<i class="el-icon-error" style="padding-left:5px;"></i></span>
</div>
<i class="el-icon-star-off" @click="showEntityMark" style="width:111px; text-align:center; line-height:36px; color:#fff; background:#409EFF; border-top-right-radius:4px; border-bottom-right-radius:4px; cursor:pointer;">请选择实体</i>
</div>
<em>点击按钮勾选实体。</em>
<el-form-item label="版权信息:">
<el-input autocomplete="off" placeholder="版权信息" v-model="formData.copyright"></el-input>
<em>文档出版版权信息等。</em>
</el-form-item>
</el-form>
</div>
<div class="formBottom">
<div class="formBottomLeft">
<h2>>自定义元数据项目</h2>
<el-form label-width="110px">
<el-form-item label="论文发表卷期:">
<el-input autocomplete="off" placeholder="论文发表卷期"></el-input>
<em>论文发表卷期,例如2013年第10期。</em>
</el-form-item>
<el-form-item label="类名:">
<el-input autocomplete="off" placeholder="类名"></el-input>
<em>所属的22个大类。</em>
</el-form-item>
<el-form-item label="子类名:">
<el-input autocomplete="off" placeholder="子类名"></el-input>
<em>类名的二级类目名。</em>
</el-form-item>
</el-form>
</div>
<div class="formBottomRight">
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-form label-width="86px">
<el-form-item label="描述/摘要:">
<el-input type="textarea"></el-input>
<em>著录者为论文新写的摘要。</em>
</el-form-item>
</el-form>
</div>
</el-form>
<div>
<label for="" style="font-size: 14px; color: #606266; float:left;">照片评分:</label>
<el-rate v-model="formData.score" style="float:left;"></el-rate>
</div>
</div>
<div class="threeBtn">
<button @click="$router.back(-1)">取消</button>
......@@ -142,7 +115,7 @@
import mapmark from '../mapmark'
import linkentity from '../linkentity'
import { uploadUrl, uploadPath, requestPath } from "@/utils/global";
import { resourceCommitAPI, resourceDiyTypeAPI, resourceLabelListAPI, editItemAPI, saveEditAPI } from "@/api/resourcecommit";
import { resourceCommitAPI, resourceDiyTypeAPI, resourceLabelListAPI, editItemAPI, saveEditAPI, getItemDetailByIdAPI } from "@/api/resourcecommit";
import { convertTree } from '@/utils/format'
export default {
name: 'editphotoresource',
......@@ -164,9 +137,89 @@ export default {
lat: '',
addressDetail: '',
isShowSavaBtn: false,
atlasInfo: {},//图册数据
photoList: [],//图册下照片集合
//photoItemInfo: {},//照片集合下单个照片的数据
activeIndex: 0,
swiperOption: {
notNextTick: true,
pagination: {
el: '.swiper-pagination',
type: 'fraction'
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
},
paginationClickable: true,
autoplay: 2500,
autoplayDisableOnInteraction: false,
loop: false,
//allowTouchMove: false,
initialSlide: null,
coverflow: {//(轮播图切换方式)
rotate: 30,
stretch: 10,
depth: 60,
modifier: 2,
slideShadows : true
},
on:{
// 要使用es6的箭头函数,使this指向vue对象
click: () => {
const swiperOne = this.$refs.swiperOne.swiper
this.activeIndex = swiperOne.realIndex;
console.log(this.activeIndex,"当前索引");
let flag = this.photoList[this.activeIndex];
console.log(flag,"不知道是什么");
this.formData = flag;
this.location = '经度:' + this.formData.longitude + ',' + '维度:' + this.formData.latitude + ',' + this.formData.address;
if (this.formData.diyType) {
this.formData.diyType.map((item, index) => {
this.$set(item, 'value', item.dtId);
this.$set(item, 'label', item.typeName)
this.optionResourceDiyTypeShow.push(item.value)
})
}
this.formData.label.map((item, index) => {
this.$set(item, 'value', item.labelId);
this.resourceLabel.push(item.value)
})
},
slideChangeTransitionEnd: () => {
const swiperOne = this.$refs.swiperOne.swiper
this.activeIndex = swiperOne.realIndex;
console.log(this.activeIndex,"当前索引1");
let flag = this.photoList[this.activeIndex];
console.log(flag,"不知道是什么1")
this.formData = flag;
this.location = '经度:' + this.formData.longitude + ',' + '维度:' + this.formData.latitude + ',' + this.formData.address;
}
}
},
// timeVal: '',
rulesOne: {
name: [
{ required: true, message: '请输入题名', trigger: 'blur' }
],
keyword: [
{ required: true, message: '请输入关键词', trigger: 'blur' }
],
formationTime: [
{ required: true, message: '请选择拍摄时间', trigger: 'change' }
],
responsibility: [
{ required: true, message: '请输入责任者', trigger: 'blur' }
],
label: [
{ required: true, message: '请选择资源标签', trigger: 'change' }
],
diyType: [
{ required: true, message: '请选择资源类型', trigger: 'change' }
]
},
formData: {
resourceType: this.$route.query.resourceType,
resourceType: 2,
name: '',
theme: '',
description: '',
......@@ -181,6 +234,7 @@ export default {
suffix: '',
text: '',
size: '',
score: null,
diyType: [
// {
// code: '',
......@@ -200,22 +254,7 @@ export default {
resourceLabelList: [], //资源标签列表
resourceDiyType: '',
resourceLabel: [],
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value: '',
value1: [],
optionResourceDiyTypeShow: [],//资源分类的数据
......@@ -235,6 +274,7 @@ export default {
this.getresourceDiyTypeList();
this.resourceLabelListAPI();
this.getLookContent();
this.getItemDetailById();
},
methods: {
showMark() {
......@@ -264,67 +304,14 @@ export default {
this.entityData.splice(key, 1);
item.choosedAlready = false;
},
// 上传附件有关
beforeUpload(file) {
console.log(file)
let type = file.name.slice(file.name.lastIndexOf(".") + 1).toLowerCase();
console.log(type,"0000")
const isLt100M = file.size / 1024 / 1024 < 100;
if (!isLt100M) {
this.$message.error("上传附件大小不能超过100M!");
return isLt100M;
}
var isType;
if (this.formData.resourceType === '1') {
isType = type == "doc" || type == "docx" || type == "pdf" || type == "txt";
if (!isType) {
this.$message.error("上传附件格式工为doc, docx, pdf, txt!");
return isType;
} else {
this.$message.warning("上传中");
}
} else if (this.formData.resourceType === '2') {
isType = type == "jpeg" || type == "png" || type == "gif";
if (!isType) {
this.$message.error("上传附件格式工为jpeg, png, gif!");
return isType;
} else {
this.$message.warning("上传中");
}
} else if (this.formData.resourceType === '3') {
isType = type == "mp3" || type == "mpeg" || type == "wma";
if (!isType) {
this.$message.error("上传附件格式工为mp3, mpeg, wma!");
return isType;
} else {
this.$message.warning("上传中");
}
} else if (this.formData.resourceType === '4') {
isType = type == "mp4" || type == "avi" || type == "flv" || type == "mov";
if (!isType) {
this.$message.error("上传附件格式工为mp4, avi, flv, mov!");
return isType;
} else {
this.$message.warning("上传中");
}
}
},
handleSuccess(response, file, fileList) {
console.log(response, 'ooo');
this.$message.success("上传成功");
this.formData.text = response.content;
this.formData.size = response.size;
this.formData.suffix = response.suffixName;
this.formData.fileName = response.fileName;
this.formData.name = response.originalFileName;
},
getresourceDiyTypeList() { //获取资源分类的数据
resourceDiyTypeAPI()
resourceDiyTypeAPI(1)
.then(res => {
if (res.data.code === 0) {
this.optionResourceDiyType = convertTree(res.data.data)
console.log(res.data.data, "()()")
console.log(this.optionResourceDiyType,"PP")
this.optionResourceDiyType.splice(0,1)
}
})
},
......@@ -339,43 +326,6 @@ export default {
idArr.push(obj)
})
this.formData.diyType = idArr;
// //this.$refs.myCascader.getCheckedNodes()[0].pathLabels
//console.log(this.$refs['myCascader'], 'KKK');
//获取选中的id,是个数组
// var strArr = []//只有dtid的对象
// var strArr1 = []//只有code的对象
// let idArr = this.$refs.myCascader.getCheckedNodes()[0].path
// //获取选中的code,前两位是一级的code,前四位是二级code,前六位是三级code
// console.log(this.$refs.myCascader.getCheckedNodes()[0].data.code,"GGG")
// var str = this.$refs.myCascader.getCheckedNodes()[0].data.code
// idArr.map(function(e, item){
// var obj = {
// dtId: e
// };
// strArr.push(obj)
// })
// var codeArr = [];
// for(var i = 2; i <= str.length; i++) {
// if (i%2 === 0) {
// console.log(str.substring(0, i))
// //选中的各级code
// codeArr.push(str.substring(0, i))
// } else {
// console.log(i, 'bu')
// }
// }
// codeArr.map((e, index) => {
// var obj = {
// code: e,
// };
// strArr1.push(obj)
// })
// //合并两个对象
// var obj = strArr.map((item, index) => {
// return {...item, ...strArr1[index]};
// });
// this.formData.diyType = obj;
// console.log(this.formData.diyType, '99999');
},
selectOpt(value) {
let optIdArr = [];
......@@ -411,9 +361,9 @@ export default {
})
},
getLookContent() {//查看
if (this.$route.query.oid) {
if (this.$route.query.id) {
this.isShowSavaBtn = true;
editItemAPI(this.$route.query.oid)
editItemAPI(this.$route.query.id)
.then(res => {
console.log(res, 'OPOPOPO');
if (res.data.code === 0) {
......@@ -434,6 +384,15 @@ export default {
return;
}
},
getItemDetailById() {
getItemDetailByIdAPI(this.$route.query.oid)
.then(res => {
console.log(res,"&&&&&&");
if (res.data.code === 0) {
this.photoList = res.data.data.imgList
}
})
},
saveEdit() {//保存编辑
saveEditAPI(this.formData)
.then(res => {
......@@ -477,29 +436,16 @@ export default {
display:block;
margin-top:-5px;
}
.formLeft,.formBottomLeft {
.formLeft{
margin-right:20px;
}
.formLeft,.formRight,.formBottomLeft,.formBottomRight {
.formLeft,.formRight{
float:left;
width:calc(50% - 10px);
background:#fff;
padding:0 40px;
}
.formBottom {
width:100%;
float:left;
background:#fff;
margin-top:20px;
}
.formBottomRight {
.el-select {
float:right;
margin:28px 0 36px 0;
}
.el-form {
clear:both;
}
margin-bottom:50px;
height:1090px;
}
}
.threeBtn {
......@@ -551,6 +497,18 @@ export default {
margin:0 10px 10px 0;
cursor:pointer;
}
.swiper-container {
width:100%;
height:360px;
.swiper-slide {
text-align:center;
img {
width:100%;
height:auto;
}
}
}
</style>
<style lang="scss">
......
......@@ -203,9 +203,27 @@ export default {
}
})
},
resetSearch() {
this.searchForm = {
formation: null,
size: null,
status: null,
resourceType: '',
status: '',
orderBy: null,
createTime: null,
modifierId: Cookies.get('userId'),
pageNum: 1,
pageSize: 30
};
this.formation='';
this.createTime='desc';
this.size ='';
this.getList()
},
refPage(){
this.loading=true;
//this.resetSearch();
this.resetSearch();
setTimeout(()=>{
this.loading=false;
},1000)
......
......@@ -201,6 +201,24 @@ export default {
}
})
},
resetSearch() {
this.searchForm = {
formation: null,
size: null,
status: null,
resourceType: '',
status: '',
orderBy: null,
createTime: null,
modifierId: Cookies.get('userId'),
pageNum: 1,
pageSize: 30
};
this.formation='';
this.createTime='desc';
this.size ='';
this.getList()
},
refPage(){
this.loading=true;
this.resetSearch();
......
......@@ -57,7 +57,7 @@
</el-carousel> -->
<div class="swiper-box" style="height: 500px; padding-top:20px;">
<!-- swiper1 -->
<swiper :options="swiperOptionTop" class="gallery-top" ref="swiperTop" @click="callback($event)">
<swiper :options="swiperOptionTop" class="gallery-top" ref="swiperTop">
<swiper-slide class="slide-1" v-for="(item, key) in photoInfo" :key="key" :style="{backgroundImage: 'url('+`${uploadUrl}?fileName=${item.fileName}`+')', backgroundRepeat: 'no-repeat', backgroundPosition: '50%', backgroundSize: 'contain'}">
<!-- <img :src="`${uploadUrl}?fileName=${item.fileName}`" alt=""> -->
</swiper-slide>
......@@ -80,7 +80,7 @@
<h2 class="titleWithIcon">
<i class="el-icon-info"></i>照片信息
</h2>
<el-button type="primary" icon="el-icon-edit" size="mini" @click="goEditPhotoResource(item)">编辑信息</el-button>
<el-button type="primary" icon="el-icon-edit" size="mini" @click="goEditPhotoResource">编辑信息</el-button>
</section>
<table v-for="(item, key) in photoInfo" :key="key" v-if="key === activeIndex">
<tr>
......@@ -169,6 +169,7 @@ export default {
uploadUrl: uploadUrl,
atlasInfo: {},
photoInfo: [],
photoItemId: null,
activeIndex: 0,
swiperOptionTop: {
spaceBetween: 10,
......@@ -185,6 +186,7 @@ export default {
let flag = this.photoInfo[this.activeIndex];
console.log(flag,"不知道是什么")
console.log(this.uploadUrl, "LL")
this.photoItemId = flag.id
this.exifImgPath = this.uploadUrl + '?fileName=' + flag.fileName;
console.log(this.exifImgPath)
var _this = this;
......@@ -209,6 +211,15 @@ export default {
const swiperThumbs = this.$refs.swiperThumbs.swiper
this.activeIndex = swiperThumbs.activeIndex;
console.log(this.activeIndex,"当前索引");
let flag = this.photoInfo[this.activeIndex];
console.log(flag,"不知道是什么")
console.log(this.uploadUrl, "LL")
this.photoItemId = flag.id
this.exifImgPath = this.uploadUrl + '?fileName=' + flag.fileName;
console.log(this.exifImgPath)
var _this = this;
var res = _this.EXIF.getAllTags(this.exifImgPath);
console.log(res,"22222222222222");
}
}
}
......@@ -239,6 +250,7 @@ export default {
if (res.data.code === 0) {
this.atlasInfo = res.data.data;
this.photoInfo = res.data.data.imgList;
this.photoItemId = res.data.data.imgList[0].id
} else {
this.$message.error('获取详情错误')
}
......@@ -254,9 +266,14 @@ export default {
swiperThumbs.controller.control = swiperTop
})
},
goEditPhotoResource(item) {
goEditPhotoResource() {
this.$router.push({
path: 'editphotoresource'
path: 'editphotoresource',
query: {
id: this.photoItemId,
oid: this.$route.query.oid,
activeIndexOne: this.activeIndex
}
})
}
// uploadFile (event) {//exif获取照片信息
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论