|
|
|
@ -105,50 +105,6 @@ |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<div class="cropper-app"> |
|
|
|
<el-form ref="formValidate" :model="formValidate" :rules="ruleValidate" label-width="100px" class="demo-ruleForm"> |
|
|
|
<el-form-item label="照片上传" prop="mainImage"> |
|
|
|
<div class="list-img-box"> |
|
|
|
<div v-if="formValidate.mainImage !== ''"> |
|
|
|
<img :src="formValidate.mainImage" style="width:300px;height:150px" alt="图书" @click="showCoverPreview(formValidate.mainImage)"> |
|
|
|
</div> |
|
|
|
<!-- <div class="upload-btn" style="height: 120px;" @click="uploadPicture('flagImg')"> |
|
|
|
<i class="el-icon-plus" style="font-size: 30px;" /> |
|
|
|
<span>照片上传</span> |
|
|
|
</div> --> |
|
|
|
<div class="upload-zip" @click="uploadPicture('flagImg')"><i class="iconfont icon-shangchuan2" />{{ isMobile ? '拍照上传':'上传文件' }}</div> |
|
|
|
</div> |
|
|
|
<input v-model="formValidate.mainImage" type="hidden" placeholder="请添加照片"> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<!-- 剪裁组件弹窗 --> |
|
|
|
<el-dialog |
|
|
|
title="裁切照片" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:modal-append-to-body="false" |
|
|
|
append-to-body |
|
|
|
:visible.sync="cropperModel" |
|
|
|
width="950px" |
|
|
|
center |
|
|
|
> |
|
|
|
<cropper-image |
|
|
|
ref="child" |
|
|
|
@uploadImgSuccess="handleUploadSuccess" |
|
|
|
/> |
|
|
|
</el-dialog> |
|
|
|
<!--查看大图--> |
|
|
|
<el-dialog |
|
|
|
:close-on-click-modal="false" |
|
|
|
:modal-append-to-body="false" |
|
|
|
append-to-body |
|
|
|
title="查看大图" |
|
|
|
:visible.sync="imgVisible" |
|
|
|
center |
|
|
|
> |
|
|
|
<img v-if="imgVisible" :src="imgName" style="width: 100%" alt="查看"> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -158,13 +114,12 @@ import { encrypt } from '@/utils/rsaEncrypt' |
|
|
|
import { verifyMaintenance } from '@/api/system/param' |
|
|
|
import CRUD, { presenter, header, form, crud } from '@crud/crud' |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
import CropperImage from '../mobileCheck/module/corpper.vue' |
|
|
|
|
|
|
|
const defaultForm = { ip: '', maxNum: null } |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'ParamSetting', |
|
|
|
components: { CropperImage }, |
|
|
|
components: { }, |
|
|
|
cruds() { |
|
|
|
return CRUD({ |
|
|
|
title: '参数设置', |
|
|
|
@ -230,11 +185,7 @@ export default { |
|
|
|
mainImage: [ |
|
|
|
{ required: true, message: '请上传照片', trigger: 'blur' } |
|
|
|
] |
|
|
|
}, |
|
|
|
// 裁切图片参数 |
|
|
|
cropperModel: false, |
|
|
|
imgName: '', |
|
|
|
imgVisible: false |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
@ -254,27 +205,6 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 封面设置 |
|
|
|
uploadPicture() { |
|
|
|
this.cropperModel = true |
|
|
|
}, |
|
|
|
// 图片上传成功后 |
|
|
|
handleUploadSuccess(data) { |
|
|
|
console.log(data) |
|
|
|
this.formValidate.mainImage = data.url |
|
|
|
// switch (data.name) { |
|
|
|
// case 'flagImg': |
|
|
|
// this.formValidate.mainImage = 'http://ydfblog.cn/dfs/' + data.url |
|
|
|
// console.log('最终输出' + data.name) |
|
|
|
// break |
|
|
|
// } |
|
|
|
this.cropperModel = false |
|
|
|
}, |
|
|
|
// 查看大图 |
|
|
|
showCoverPreview(imgSrc) { |
|
|
|
this.imgVisible = true |
|
|
|
this.imgName = imgSrc |
|
|
|
}, |
|
|
|
initData() { |
|
|
|
crudStockTask.FetchInitSetting().then(res => { |
|
|
|
this.crud.form.ip = res.ip |
|
|
|
|
