|
|
@@ -18,9 +18,12 @@
|
|
|
<el-radio v-model="tenant.status" label="0">{{$t("common.status.invalid")}}</el-radio>
|
|
|
</template>
|
|
|
</el-form-item>
|
|
|
- <!--<el-form-item :label='$t("resource.table.area.no")+"："' prop="no">
|
|
|
- <el-input v-model="tenant.no" :placeholder='$t("common.pleaseEnter")'/>
|
|
|
- </el-form-item>-->
|
|
|
+ <el-form-item :label='$t("resource.table.area.layoutMap")+"："' prop="layoutMap">
|
|
|
+ <fileUpload :acceptSize="5*1024*1024" :auto-upload="false" :limit="1" @fileLengthVaild="fileLengthVaild" @setId="setIdAndSubmit" ref="fileRef">
|
|
|
+ <el-button size="small" slot="trigger" type="primary">选取文件</el-button>
|
|
|
+ <div class="el-upload__tip" slot="tip">文件不超过5MB</div>
|
|
|
+ </fileUpload>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item :label='$t("resource.table.area.remark")+"："' prop="remark">
|
|
|
<el-input v-model="tenant.remark" type="textarea" :rows="3" style="width: 100%;"/>
|
|
|
</el-form-item>
|
|
|
@@ -34,9 +37,13 @@
|
|
|
<script>
|
|
|
// 【区域管理】-API
|
|
|
import areaMgrApi from "@/api/resourceProductMgr/areaMgr"
|
|
|
+import fileUpload from "@/components/zuihou/fileUpload"
|
|
|
+import elDragDialog from '@/directive/el-drag-dialog'
|
|
|
|
|
|
export default {
|
|
|
name: 'TenantEdit',
|
|
|
+ directives: {elDragDialog, fileUpload},
|
|
|
+ components: { fileUpload },
|
|
|
props: {
|
|
|
dialogVisible: {
|
|
|
type: Boolean,
|
|
|
@@ -50,9 +57,12 @@ export default {
|
|
|
data () {
|
|
|
return {
|
|
|
type: 'add',
|
|
|
- tenant: this.initTenant(),
|
|
|
+ tenant: this.initTenant(),
|
|
|
screenWidth: 0,
|
|
|
width: this.initWidth(),
|
|
|
+ accept: "image/jpeg, image/gif, image/png",
|
|
|
+ fileLength: 0,
|
|
|
+ fileId: "",
|
|
|
confirmDisabled: false,
|
|
|
dicts:{
|
|
|
NATION: {}
|
|
|
@@ -61,7 +71,21 @@ export default {
|
|
|
rules: {
|
|
|
name: [
|
|
|
{ required: true, message: this.$t("rules.require"), trigger: 'blur' }
|
|
|
- ]
|
|
|
+ ],
|
|
|
+ fileLength: {
|
|
|
+ required: true,
|
|
|
+ trigger: "change",
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ const vm = this;
|
|
|
+ if (vm.fileLength === 0) {
|
|
|
+ callback(new Error("请上传文件"))
|
|
|
+ } else if (vm.fileLength > 1) {
|
|
|
+ callback(new Error("一次性只能上传1个文件"))
|
|
|
+ } else {
|
|
|
+ callback()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
@@ -101,6 +125,11 @@ export default {
|
|
|
return '800px'
|
|
|
}
|
|
|
},
|
|
|
+ // 附件长度校验
|
|
|
+ fileLengthVaild (data) {
|
|
|
+ const vm = this;
|
|
|
+ vm.fileLength = data || 0;
|
|
|
+ },
|
|
|
setTenant (val, dicts) {
|
|
|
if(val){
|
|
|
this.tenant = { ...val }
|
|
|
@@ -116,16 +145,43 @@ export default {
|
|
|
this.$refs.form.clearValidate()
|
|
|
this.$refs.form.resetFields()
|
|
|
this.tenant = this.initTenant()
|
|
|
+ this.$refs.fileRef.init({
|
|
|
+ id: "",
|
|
|
+ bizId: "",
|
|
|
+ bizType: "",
|
|
|
+ })
|
|
|
+ },
|
|
|
+ setIdAndSubmit (isUploadCompleted, res) {
|
|
|
+ const vm = this
|
|
|
+ console.log(res)
|
|
|
+ if (isUploadCompleted) {
|
|
|
+ vm.disabled = false
|
|
|
+ vm.isVisible = false
|
|
|
+ vm.$message({
|
|
|
+ message: vm.$t('tips.createSuccess'),
|
|
|
+ type: 'success'
|
|
|
+ })
|
|
|
+ vm.$emit('success')
|
|
|
+ this.tenant.layoutMap = res.data.id
|
|
|
+ // 后续提交处理
|
|
|
+ if (this.type === 'add') {
|
|
|
+ this.save()
|
|
|
+ } else {
|
|
|
+ this.update()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ editSubmit () {
|
|
|
+ const vm = this
|
|
|
+ vm.disabled = true
|
|
|
+ let id = this.tenant.layoutMap!=null? this.tenant.layoutMap: ""
|
|
|
+ vm.$refs.fileRef.submitFile(id, this.tenant.id, 'TRAY')
|
|
|
},
|
|
|
submitForm () {
|
|
|
this.$refs.form.validate((valid) => {
|
|
|
if (valid) {
|
|
|
this.confirmDisabled = true
|
|
|
- if (this.type === 'add') {
|
|
|
- this.save()
|
|
|
- } else {
|
|
|
- this.update()
|
|
|
- }
|
|
|
+ this.editSubmit()
|
|
|
} else {
|
|
|
return false
|
|
|
}
|
yaoyq