|
|
@@ -0,0 +1,709 @@
|
|
|
+<template>
|
|
|
+ <el-dialog title="编辑藏品" :visible="dialogFormVisible" @close="cancel()">
|
|
|
+ <!-- 点击查看弹出高清图片 -->
|
|
|
+ <div class="bigImg" v-show="bigImgShow">
|
|
|
+ <img :src="bigImg" alt="">
|
|
|
+ <div class="btnX">
|
|
|
+ <el-button @click="bigImgShow=false">关 闭</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 表单内容 -->
|
|
|
+ <el-form
|
|
|
+ :model="ruleForm"
|
|
|
+ :rules="rules"
|
|
|
+ ref="ruleForm"
|
|
|
+ label-width="120px"
|
|
|
+ class="demo-ruleForm"
|
|
|
+ >
|
|
|
+ <div class="row">
|
|
|
+ <el-form-item label="藏品名称：" prop="name">
|
|
|
+ <el-input v-model="ruleForm.name" placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="总登记号：" prop="registerNum">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.registerNum"
|
|
|
+ placeholder="请输入"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <el-form-item label="编号类型：">
|
|
|
+ <el-select
|
|
|
+ v-model="ruleForm.numTypeId"
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in numType"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="藏品编号：">
|
|
|
+ <el-input v-model="ruleForm.num" placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <el-form-item label="原名：">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.primitiveName"
|
|
|
+ placeholder="请输入"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="年代：" prop="age">
|
|
|
+ <el-input v-model="ruleForm.age" placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <el-form-item label="文物类别：" prop="goodsTypeId">
|
|
|
+ <el-select
|
|
|
+ v-model="ruleForm.goodsTypeId"
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in objectType"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="文物级别：" prop="level">
|
|
|
+ <el-select
|
|
|
+ v-model="ruleForm.level"
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option label="请选择" value=""></el-option>
|
|
|
+ <el-option label="三级" :value="3"></el-option>
|
|
|
+ <el-option label="二级" :value="2"></el-option>
|
|
|
+ <el-option label="一级" :value="1"></el-option>
|
|
|
+ <el-option label="一般" :value="0"></el-option>
|
|
|
+ <el-option label="未定级" :value="-1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <el-form-item label="文物质地：" prop="textureType">
|
|
|
+ <el-select
|
|
|
+ v-model="ruleForm.textureType"
|
|
|
+ placeholder="质地类型"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option label="请选择" value=""></el-option>
|
|
|
+ <el-option label="单一质地" :value="0"></el-option>
|
|
|
+ <el-option label="复合质地" :value="1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-input
|
|
|
+ style="margin: 0 20px"
|
|
|
+ v-model="ruleForm.textureCategory"
|
|
|
+ placeholder="质地类别"
|
|
|
+ ></el-input>
|
|
|
+ <el-input v-model="ruleForm.texture" placeholder="质地"></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <el-form-item label="外形尺寸：" prop="length">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.length"
|
|
|
+ placeholder="长（cm）"
|
|
|
+ style="width: 30%"
|
|
|
+ ></el-input>
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.width"
|
|
|
+ placeholder="宽（cm）"
|
|
|
+ style="width: 30%; margin: 0 20px"
|
|
|
+ ></el-input>
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.height"
|
|
|
+ placeholder="高（cm）"
|
|
|
+ style="width: 30%"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <el-form-item label="完残程度：" prop="integrity">
|
|
|
+ <el-select
|
|
|
+ v-model="ruleForm.integrity"
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option label="请选择" value=""></el-option>
|
|
|
+ <el-option label="完整" :value="1"></el-option>
|
|
|
+ <el-option label="基本完整" :value="0"></el-option>
|
|
|
+ <el-option label="残缺" :value="-1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="保存状态：">
|
|
|
+ <el-select
|
|
|
+ v-model="ruleForm.repair"
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option label="请选择" value=""></el-option>
|
|
|
+ <el-option label="已修复" :value="3"></el-option>
|
|
|
+ <el-option label="继续修复" :value="2"></el-option>
|
|
|
+ <el-option label="需要修复" :value="1"></el-option>
|
|
|
+ <el-option label="不需修复" :value="0"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <el-form-item label="完残状况：" prop="repairRemark">
|
|
|
+ <el-input v-model="ruleForm.repairRemark" placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <el-form-item label="数量类型：">
|
|
|
+ <el-select
|
|
|
+ v-model="ruleForm.amountType"
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option label="请选择" value=""></el-option>
|
|
|
+ <el-option label="一套多件" :value="1"></el-option>
|
|
|
+ <el-option label="单件" :value="0"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="具体数量：">
|
|
|
+ <el-input v-model="ruleForm.amount" placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row">
|
|
|
+ <el-form-item label="质量范围：">
|
|
|
+ <el-select
|
|
|
+ v-model="ruleForm.qualityScope"
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in qualityRange"
|
|
|
+ :key="item"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="具体质量：">
|
|
|
+ <el-input v-model="ruleForm.quality" placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row">
|
|
|
+ <el-form-item label="入藏时间范围：">
|
|
|
+ <el-select
|
|
|
+ v-model="ruleForm.checkInScope"
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in checkInScope"
|
|
|
+ :key="item"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="入藏年度：">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.checkInYear"
|
|
|
+ placeholder="请输入"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <!-- 图片和附件 -->
|
|
|
+ <el-form-item label="藏品图片：">
|
|
|
+ <el-upload
|
|
|
+ class="avatar-uploader"
|
|
|
+ :action="baseURL + '/cms/goods/uploadImg'"
|
|
|
+ :headers="{
|
|
|
+ token,
|
|
|
+ }"
|
|
|
+ :show-file-list="false"
|
|
|
+ :before-upload="beforethumbUpload"
|
|
|
+ :on-success="upload_thumb_success"
|
|
|
+ >
|
|
|
+ <div v-if="ruleForm.thumb" class="imgdiv">
|
|
|
+ <img
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
+ :src="baseURL + ruleForm.thumb"
|
|
|
+ />
|
|
|
+ <i
|
|
|
+ class="el-icon-circle-close"
|
|
|
+ @click.stop="ruleForm.thumb = ''"
|
|
|
+ ></i>
|
|
|
+ </div>
|
|
|
+ <i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ </el-upload>
|
|
|
+ <span>支持上传jpg，png格式，最大10M</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="上传附件：">
|
|
|
+ <el-select v-model="affixVal" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in affix"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ <!-- 上传附件 -->
|
|
|
+ <el-upload
|
|
|
+ class="upload-demo"
|
|
|
+ :action="baseURL + `/cms/goods/upload/${affixVal}/${ruleForm.dirCode}`"
|
|
|
+ :headers="{
|
|
|
+ token,
|
|
|
+ }"
|
|
|
+ :on-success="successFujian"
|
|
|
+ :on-preview="handlePreview"
|
|
|
+ :on-remove="handleRemove"
|
|
|
+ :before-remove="beforeRemove"
|
|
|
+ :show-file-list='true'
|
|
|
+ multiple
|
|
|
+ :on-exceed="handleExceed"
|
|
|
+ :file-list="fileList"
|
|
|
+ >
|
|
|
+ <el-button size="small" type="primary">点击上传</el-button>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <!-- 表格 -->
|
|
|
+ <el-table
|
|
|
+ :header-cell-style="{ background: '#eef1f6', color: '#606266' }"
|
|
|
+ :data="tableData"
|
|
|
+ border
|
|
|
+ style="width: 100%;margin-top: 40px;"
|
|
|
+ >
|
|
|
+ <el-table-column label="缩略图" width="140" v-if="affixVal==='img'">
|
|
|
+ <template #default='{row}'>
|
|
|
+ <div class="smimg">
|
|
|
+ <img :src="baseURL+row.filePath" alt="" :onerror='defaultImg'/>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" label="附件名称"> </el-table-column>
|
|
|
+ <el-table-column prop="updateTime" label="上传时间" width="150">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" width="150">
|
|
|
+ <template #default='{row}'>
|
|
|
+ <!-- 图片的查看 -->
|
|
|
+ <a href="javascript:;" class="mydown" @click="imgLook(row.filePath)" v-show="affixVal==='img'">查 看</a>
|
|
|
+ <a :href="baseURL + row.filePath" target="_blank" :download="baseURL + row.filePath" class="mydown">下 载</a>
|
|
|
+ <a href="javascript:;" @click="delAffix(row)" class="mydown">删 除</a>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="btnOK">提 交</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import axios from '@/utils/request'
|
|
|
+import { getHolding3Edit } from '../../apis/holding3'
|
|
|
+import {
|
|
|
+ // holdingAdd,
|
|
|
+ getGoodsNumType,
|
|
|
+ getGoodsType,
|
|
|
+ detailsById,
|
|
|
+ getFileList,
|
|
|
+ deleteAffix
|
|
|
+} from '@/apis/holding'
|
|
|
+export default {
|
|
|
+ name: 'holding3_DiaEdit',
|
|
|
+ components: {},
|
|
|
+ props: {
|
|
|
+ dialogFormVisible: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false
|
|
|
+ },
|
|
|
+ registerId: {
|
|
|
+ type: Number
|
|
|
+ },
|
|
|
+ fujianId: {
|
|
|
+ type: Number
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ bigImg: '',
|
|
|
+ bigImgShow: false,
|
|
|
+ temp: [],
|
|
|
+ // 服务器前缀地址
|
|
|
+ baseURL: '',
|
|
|
+ token: '',
|
|
|
+ ruleForm: {
|
|
|
+ repairRemark: '',
|
|
|
+ age: '', // 年代
|
|
|
+ amount: '', // 数量
|
|
|
+ amountType: '', // 数量类型， 0：单件， 1：一套多件
|
|
|
+ checkInScope: '', // 入藏时间范围
|
|
|
+ checkInYear: '', // 入藏年底
|
|
|
+ dirCode: '', // 目录码
|
|
|
+ fileIds: '', // 附件id, 多个以逗号分隔
|
|
|
+ goodsTypeId: '', // 文物类型Id
|
|
|
+ height: '', // 高
|
|
|
+ // id:'',//id, 修改时必须传，新增忽略
|
|
|
+ integrity: '', // 完整度， -1：残缺，0：基本完整， 1：完整
|
|
|
+ // isStorage: '', // 是否入库，0：不入库， 1：入库
|
|
|
+ length: '', // 长
|
|
|
+ level: '', // 文物级别，前端输入。 -1：未定级， 0：一般， 1：一级， 2：二级， 3：三级
|
|
|
+ name: '', // 标题
|
|
|
+ num: '', // 臧品编号
|
|
|
+ numTypeId: '', // 编号类型Id
|
|
|
+ primitiveName: '', // 原名
|
|
|
+ quality: '', // 具体质量
|
|
|
+ qualityScope: '', // 质量范围
|
|
|
+ registerNum: '', // 总登记号
|
|
|
+ repair: '', // 保存状态（修复状态）， 0：不需修复， 1：需要修复，2：继续修复， 3：已修复
|
|
|
+ texture: '', // 质地
|
|
|
+ textureCategory: '', // 质地类别
|
|
|
+ textureType: '', // 质地类型，前端输入, 0:单一质地， 1：复活质地
|
|
|
+ thumb: '', // 缩略图url
|
|
|
+ width: '' // 宽
|
|
|
+ },
|
|
|
+ checkInScope: [
|
|
|
+ '请选择',
|
|
|
+ '1949.10.1前',
|
|
|
+ '1949.10.1-1965',
|
|
|
+ '1966-1976',
|
|
|
+ '1977-2000',
|
|
|
+ '2001至今'
|
|
|
+ ], // 入藏时间范围
|
|
|
+ qualityRange: [
|
|
|
+ '请选择',
|
|
|
+ '<0.01kg',
|
|
|
+ '0.01-1kg',
|
|
|
+ '1-50kg',
|
|
|
+ '50-100kg',
|
|
|
+ '100-1000kg',
|
|
|
+ '>1000kg'
|
|
|
+ ], // 质量范围
|
|
|
+ objectType: [], // 文物类型
|
|
|
+ numType: [], // 文物编号类型
|
|
|
+ rules: {
|
|
|
+ name: [{ required: true, message: '不能为空', trigger: 'blur' }],
|
|
|
+ registerNum: [{ required: true, message: '不能为空', trigger: 'blur' }],
|
|
|
+ age: [{ required: true, message: '不能为空', trigger: 'blur' }],
|
|
|
+ length: [{ required: true, message: '不能为空', trigger: 'blur' }],
|
|
|
+ repairRemark: [{ max: 50, message: '不能超过50个字符', trigger: 'blur' }],
|
|
|
+ level: [{ required: true, message: '不能为空', trigger: 'blur' }],
|
|
|
+ goodsTypeId: [{ required: true, message: '不能为空', trigger: 'blur' }],
|
|
|
+ textureType: [{ required: true, message: '不能为空', trigger: 'blur' }],
|
|
|
+ integrity: [{ required: true, message: '不能为空', trigger: 'blur' }]
|
|
|
+ },
|
|
|
+ // 上传图片和文件
|
|
|
+ fileList: [],
|
|
|
+ affixVal: 'video',
|
|
|
+ affix: [
|
|
|
+ { label: '高清图片', value: 'img' },
|
|
|
+ { label: '视频文件', value: 'video' },
|
|
|
+ { label: '音频文件', value: 'audio' },
|
|
|
+ { label: '三维模型', value: 'model' },
|
|
|
+ { label: '文档资料', value: 'doc' }
|
|
|
+ ],
|
|
|
+ dialogImageUrl: '',
|
|
|
+ dialogVisible: false,
|
|
|
+ disabled: false,
|
|
|
+ // 表格数据
|
|
|
+ tableData: [],
|
|
|
+ tempData: {
|
|
|
+ img: [],
|
|
|
+ video: [],
|
|
|
+ audio: [],
|
|
|
+ model: [],
|
|
|
+ doc: []
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 监听属性 类似于data概念
|
|
|
+ computed: {},
|
|
|
+ // 监控data中的数据变化
|
|
|
+ watch: {
|
|
|
+ affixVal (val) {
|
|
|
+ this.tableData = this.tempData[val]
|
|
|
+ this.tableData.forEach(v => {
|
|
|
+ v.updateTime = v.updateTime.slice(0, 10)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 方法集合
|
|
|
+ methods: {
|
|
|
+ // 点击查看
|
|
|
+ imgLook (url) {
|
|
|
+ this.bigImgShow = true
|
|
|
+ this.bigImg = this.baseURL + url
|
|
|
+ },
|
|
|
+ // 点击删除附件
|
|
|
+ delAffix (val) {
|
|
|
+ this.$confirm('确定删除吗?', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ this.tableData = this.tempData[this.affixVal] = this.tempData[this.affixVal].filter(v => v.id !== val.id)
|
|
|
+ if (this.temp.length !== 0) {
|
|
|
+ this.temp.forEach((v, i) => {
|
|
|
+ // eslint-disable-next-line
|
|
|
+ if (v == val.id) this.temp.splice(i, 1)
|
|
|
+ })
|
|
|
+ // console.log(999, this.temp.join(','))
|
|
|
+ this.ruleForm.fileIds = this.temp.join(',')
|
|
|
+ }
|
|
|
+ deleteAffix(val.id)
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: '删除成功!'
|
|
|
+ })
|
|
|
+ }).catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '已取消删除'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 通过id获取藏品详情--让父组件调用
|
|
|
+ async detailsById (myId) {
|
|
|
+ const res = await detailsById(myId)
|
|
|
+ this.ruleForm = res.data
|
|
|
+ if (this.ruleForm.fileIds) this.temp = this.ruleForm.fileIds.split(',')
|
|
|
+ // console.log(99999, res)
|
|
|
+ },
|
|
|
+ // 通过id获取附件列表
|
|
|
+ async getFileList (myId, myType) {
|
|
|
+ // 进页面获取所有附件数据
|
|
|
+ this.tempData.img = (await getFileList(myId, 'img')).data
|
|
|
+ this.tempData.video = (await getFileList(myId, 'video')).data
|
|
|
+ this.tempData.audio = (await getFileList(myId, 'audio')).data
|
|
|
+ this.tempData.model = (await getFileList(myId, 'model')).data
|
|
|
+ this.tempData.doc = (await getFileList(myId, 'doc')).data
|
|
|
+ // console.log(6666, res)
|
|
|
+ this.tableData = this.tempData.video
|
|
|
+ this.tableData.forEach((v, i) => {
|
|
|
+ v.updateTime = v.updateTime.slice(0, 10)
|
|
|
+ })
|
|
|
+ // this.$nextTick(() => {
|
|
|
+ // setTimeout(() => {
|
|
|
+ // this.tableData = this.tableData.filter(v => this.ruleForm.fileIds.includes(v.id + ''))
|
|
|
+ // }, 100)
|
|
|
+ // })
|
|
|
+ // console.log(999999, this.tableData, this.ruleForm.fileIds)
|
|
|
+ // 删除没有发送接口，需要自己处理数据
|
|
|
+ // this.fileList = [{ name: this.tableData[0].name, url: this.tableData[0].filePath }]
|
|
|
+ // { name: '666.png', url: '666' }
|
|
|
+ },
|
|
|
+ // 上传附件
|
|
|
+ async successFujian (file) {
|
|
|
+ // 上传成功
|
|
|
+ // console.log(666666, this.ruleForm.fileIds)
|
|
|
+ if (file.code === 0) {
|
|
|
+ if (this.ruleForm.fileIds === '') this.ruleForm.fileIds = `${file.data.fileId}`
|
|
|
+ else this.ruleForm.fileIds += `,${file.data.fileId}`
|
|
|
+ this.$message.success('上传成功')
|
|
|
+ // 获取当前时间
|
|
|
+ // const myDate = new Date()
|
|
|
+ // const a = myDate.getFullYear()
|
|
|
+ // const b = myDate.getMonth()
|
|
|
+ // const c = myDate.getDate()
|
|
|
+ // console.log(999, a, b + 1, c)
|
|
|
+ this.tempData[this.affixVal].push({ name: file.data.fileName, updateTime: file.timestamp.slice(0, 10), filePath: file.data.filePath, id: file.data.fileId })
|
|
|
+ // await holdingAdd(this.ruleForm)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleRemove (file) {
|
|
|
+ // 删除成功
|
|
|
+ // console.log(111111111, file)
|
|
|
+ let temp
|
|
|
+ if (this.ruleForm.fileIds.includes(',')) temp = ',' + file.response.data.fileId
|
|
|
+ else temp = file.response.data.fileId + ''
|
|
|
+ this.ruleForm.fileIds = this.ruleForm.fileIds.replace(temp, '')
|
|
|
+ console.log(7777, this.ruleForm.fileIds)
|
|
|
+ },
|
|
|
+ handlePreview (file) {
|
|
|
+ console.log(222222222, file)
|
|
|
+ },
|
|
|
+ handleExceed (files, fileList) {
|
|
|
+ this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`)
|
|
|
+ },
|
|
|
+ beforeRemove (file, fileList) {
|
|
|
+ return this.$confirm(`确定移除 ${file.name}？`)
|
|
|
+ },
|
|
|
+ // 上传图片
|
|
|
+ beforethumbUpload (file) {
|
|
|
+ // 限制图片大小和格式
|
|
|
+ const sizeOk = file.size / 1024 / 1024 < 10
|
|
|
+ const typeOk = file.type === 'image/png' || file.type === 'image/jpeg'
|
|
|
+
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ if (!typeOk) {
|
|
|
+ this.$message.error('照片格式有误！')
|
|
|
+ reject(file)
|
|
|
+ } else if (!sizeOk) {
|
|
|
+ this.$message.error('照片大小超过10M！')
|
|
|
+ reject(file)
|
|
|
+ } else {
|
|
|
+ this.$message.success('上传成功')
|
|
|
+ resolve(file)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ upload_thumb_success (data) {
|
|
|
+ this.loading = false
|
|
|
+ this.ruleForm.thumb = data.data.filePath
|
|
|
+ },
|
|
|
+ // 点击确定
|
|
|
+ async btnOK () {
|
|
|
+ try {
|
|
|
+ await this.$refs.ruleForm.validate()
|
|
|
+ this.$confirm('是否确认提交?', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(async () => {
|
|
|
+ this.ruleForm.registerId = this.registerId
|
|
|
+ if (this.ruleForm.qualityScope === '请选择') this.ruleForm.qualityScope = ''
|
|
|
+ if (this.ruleForm.checkInScope === '请选择') this.ruleForm.checkInScope = ''
|
|
|
+ if (this.ruleForm.goodsTypeId === '') return this.$message.warning('文物类别没有选择！')
|
|
|
+ if (this.ruleForm.level === '') return this.$message.warning('文物级别没有选择！')
|
|
|
+ if (this.ruleForm.textureType === '') return this.$message.warning('文物质地没有选择！')
|
|
|
+ if (this.ruleForm.integrity === '') return this.$message.warning('完残程度没有选择！')
|
|
|
+
|
|
|
+ // console.log(this.ruleForm)
|
|
|
+ this.ruleForm.amount = Number(this.ruleForm.amount)
|
|
|
+ await getHolding3Edit(this.ruleForm)
|
|
|
+ // console.log(6666, res)
|
|
|
+ this.$message.success('申请成功')
|
|
|
+ this.cancel()
|
|
|
+ // 通知父组件更新界面
|
|
|
+ this.$emit('updateUI')
|
|
|
+ }).catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '已取消提交'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ } catch (error) {
|
|
|
+ console.log(error)
|
|
|
+ this.$message.warning('有输入不符合表单要求！')
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 点击取消
|
|
|
+ cancel () {
|
|
|
+ // 把附件变成video
|
|
|
+ this.affixVal = 'video'
|
|
|
+ this.$emit('update:dialogFormVisible', false)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created () {
|
|
|
+ // 获取服务器前缀地址
|
|
|
+ this.baseURL = axios.defaults.baseURL
|
|
|
+ // 获取用户token
|
|
|
+ this.token = localStorage.getItem('daliCK_token')
|
|
|
+ },
|
|
|
+ async mounted () {
|
|
|
+ // 获取文物编号类型
|
|
|
+ const res = await getGoodsNumType()
|
|
|
+ this.numType = res.data
|
|
|
+ this.numType.unshift({ id: '', name: '请选择' })
|
|
|
+ // 获取文物类型
|
|
|
+ const res2 = await getGoodsType()
|
|
|
+ this.objectType = res2.data
|
|
|
+ this.objectType.unshift({ id: '', name: '请选择' })
|
|
|
+ },
|
|
|
+ beforeCreate () {}, // 生命周期 - 创建之前
|
|
|
+ beforeMount () {}, // 生命周期 - 挂载之前
|
|
|
+ beforeUpdate () {}, // 生命周期 - 更新之前
|
|
|
+ updated () {}, // 生命周期 - 更新之后
|
|
|
+ beforeDestroy () {}, // 生命周期 - 销毁之前
|
|
|
+ destroyed () {}, // 生命周期 - 销毁完成
|
|
|
+ activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang='less' scoped>
|
|
|
+.bigImg{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ position:fixed;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ z-index: 9999;
|
|
|
+ background-color: rgba(0,0,0,.7);
|
|
|
+ &>img{
|
|
|
+ max-height: 80%;
|
|
|
+ max-width: 80%;
|
|
|
+ }
|
|
|
+ .btnX{
|
|
|
+ position: absolute;
|
|
|
+ bottom: 20px;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ }
|
|
|
+}
|
|
|
+ .mydown {
|
|
|
+ color: #40a9ff;
|
|
|
+ margin: 4px;
|
|
|
+ }
|
|
|
+/deep/.el-upload-list__item-name{
|
|
|
+ display: none !important;
|
|
|
+}
|
|
|
+/deep/.el-upload-list__item-status-label{
|
|
|
+ display: none !important;
|
|
|
+}
|
|
|
+/deep/.upload-demo{
|
|
|
+ float: left;
|
|
|
+ margin-right: 30px;
|
|
|
+}
|
|
|
+/deep/.el-dialog__body {
|
|
|
+ overflow: auto;
|
|
|
+ max-height: 556px;
|
|
|
+}
|
|
|
+.row {
|
|
|
+ display: flex;
|
|
|
+ /deep/& > div {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+}
|
|
|
+.smimg {
|
|
|
+ height: 80px;
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ // border: 3px solid #ccc;
|
|
|
+ }
|
|
|
+}
|
|
|
+/deep/.el-icon-plus {
|
|
|
+ border: 1px dashed #000;
|
|
|
+}
|
|
|
+.avatar-uploader .el-upload {
|
|
|
+ border-radius: 6px;
|
|
|
+ cursor: pointer;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.avatar-uploader .el-upload:hover {
|
|
|
+ border-color: #409eff;
|
|
|
+}
|
|
|
+.avatar-uploader-icon {
|
|
|
+ font-size: 28px;
|
|
|
+ color: #8c939d;
|
|
|
+ width: 178px;
|
|
|
+ height: 178px;
|
|
|
+ line-height: 178px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+/deep/.el-icon-circle-close {
|
|
|
+ font-size: 20px;
|
|
|
+}
|
|
|
+.imgdiv {
|
|
|
+ max-width: 400px;
|
|
|
+}
|
|
|
+</style>
|
